body {font-family:Verdana; font-size:14px; margin:0px; background-color:White; margin:0}
.alert{color:Red; text-align:justify}
input, select{padding:10px;}
.bg_logo{background: url('../images/school_logo/mount_carmel.jpg') no-repeat; opacity:0.2; margin:40% 20% 0 20%}
/* Chrome, Firefox, Opera, Safari 10.1+ */
::placeholder {font-style:italic; color:Gray; font-size:12px; opacity: 1; /* Firefox */}
/* Internet Explorer 10-11 */
:-ms-input-placeholder { font-style:italic; color:Gray; font-size:12px;}
.footer{font-size:12px; color:Black; bottom:10px; margin-top:10px; padding-bottom:7px;}
input[type=radio]~label{padding-left:5px}
input[type=radio]:checked ~ label{font-weight:bold;}
.watermark{color:Gray; font-size:10px; font-style:italic; height:16px}
a{color:Black; text-decoration:none}
.placeholder{font-style:italic; font-size:12px; padding:5px}
.initcap{text-transform:capitalize}
.user{text-transform:uppercase; font-size:14px; color:Crimson; margin-left:7px;}
.loginTime{font-style:italic; font-size:11px; color:Gray; padding-left:5px}
.info{font-style:italic; font-size:11px; color:Gray; padding-left:5px}

input[type="checkbox"]{margin-right: 5px;}
input[type="checkbox"]:checked ~ label{font-weight:bold;}
.login_button{padding:5px 33px 5px 33px; font-size:14px}
.input_date{padding:5px; width:85px}
.padding{padding:5px;}
.school{font-size:large; font-weight:bold; text-transform:capitalize}
.img-circle {border-radius: 50%;}
.ita{font-style:italic}
.icon {width:60px;height:55px; display:inline-block;color:#fff;text-shadow:1px 1px 0px #07526e;padding-top:6px;margin-left:auto; margin-right:auto; position:relative;
            background: #109bce; border-radius:5px; box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #07526e, 0px 10px 5px #999;}
.emptygv{border:0; color:Black}