* { outline:none}
*, :after, :before {    box-sizing: border-box;    -moz-box-sizing: border-box;    -webkit-box-sizing: border-box;}
a { text-decoration:none; outline:none;}
img { outline:none; border:0px; max-width:100%;}
body,html{ width:100%; height:100%; margin:0px; padding:0px;}
body{ background:#f3f7f3;}
.fullBox{ width:100%; float:left; border-top:7px solid #21840f;position: relative; height:100%; height: 100vh;}
.ChildPageContainerAdmin { width:100%; max-width:808px; margin:99px auto; padding:0px 5px;     overflow: auto;}
.ChildPageContainerHeadingAdmin { width:100%; float:left;  max-width: 523px;}
.mobileImg { width:100%; max-width:275px; text-align:center;  float:right; position:relative;}
.mobileIn {background:url(/images/mobileImg.jpg) top center no-repeat; height:390px; max-width:275px; margin:0px auto; position:relative}
.loginTbl {width:374px; float:left; }
.loginTbl tr td{ color:#7e7e7e;line-height:20px;   min-height: 20px;}

.loginTbl2 {width:374px; float:left; }
.loginTbl2 tr td{ color:#7e7e7e;line-height:11px;   min-height: 11px;}


.footer {background: #e4e4e4;width: 100%;float: left;position: fixed;bottom: 0px;height: 58px;color: #505050;padding-top: 14px;}
.footerIn { width:100%; max-width:1194px; margin:0px auto;} 
.footerIn ul { width:100%; float:left; margin:0px; padding:0px; text-align: center;}
.footerIn ul li {line-height:31px; display:inline; font-family: Calibri; font-size:14px; text-transform:uppercase;  color:#505050;}
.footerIn ul li a{ color:#505050;}
.footerIn ul li a:hover { color:#21840f;}
.footerIn ul li a img:hover {opacity: .8;}
.footerIn ul li span { padding:0px 10px;}
.footerIn ul .copyRight{  float:left }
.footerIn ul .copyRight br { display:none;}
.footerIn ul .aboutus{}
.footerIn ul .poweredBy{ max-width:280px; float: right; }
.footerIn ul .poweredBy a { display:inline-block;  margin-left:10px; float: right; height: 40px;overflow: hidden;}
.Txt_bx {min-height:42px;border: 1px solid #c4c6c6;padding: 1px 5px 1px 5px;width: 100%; position:relative}

.urserName { background:#fff url(/images/userName.png) 13px 0px no-repeat;  position:relative; padding: 1px 5px 1px 50px;}
.password { background:#fff url(/images/password.png) 13px 0px no-repeat; position:relative; padding: 1px 5px 1px 50px;}







.frombtn {width: 100%;height: 37px; max-width: 124px;line-height: 35px;text-align: center; font-family: Calibri; color: #7e7e7e;font-size: 15px;border: none;background: #eeeeee url(/images/submit.png) 23px no-repeat;padding-left: 30px;cursor: pointer;outline: none; border:1px solid #d5d5d5; text-transform:uppercase}
.frombtn:hover {background: #d1d1d1 url(/images/submit.png) 23px no-repeat; }
.btnRight { float:right; margin-top:7px; background: #eeeeee url(/images/signIn.png) 23px no-repeat;}
.btnRight:hover  {background: #d1d1d1 url(/images/signIn.png) 23px no-repeat;}
.errorMsg { display:block; text-align:center; height:20px;}
.dnknow { background:url(/images/arrow1.png) center left no-repeat; font-family:Calibri; font-size:15px; color:#7e7e7e;padding-left: 15px; }
.clickHear { color:#21840f; font-family:Calibri; font-size:15px;}
.clickHear:hover{    color: #d62727;}
.eCareLogoTop { padding:32px 0px 67px 0px}
.schoolLogo {padding:0px 0px 20px 0px}
.changableLogo {right:30%;  margin:0px; padding:0px; position: absolute;  bottom: 143px;   min-width: 144px;text-align:center;}
.appIcons { right:30%;  margin:0px; padding:0px; position: absolute; bottom: 103px;}
.appIcons li { display:inline-block; margin:0px 7px;}
.appIcons li a { background:url(/images/appIcons.png) no-repeat; width:32px; height:30px; display:block; float:left;}

.appIcons li a,.appIcons li a:hover{webkit-transition: all 0.5s;    -moz-transition: all 0.5s;    -o-transition: all 0.5s;    transition: all 0.5s;}
.appIcons li .google_store{ background-position:0px 0px}
.appIcons li .apple_store{background-position:-46px 0px }
.appIcons li .microsoft_store{background-position:-92px 0px}
.appIcons li .google_store:hover{ background-position:0px -30px}
.appIcons li .apple_store:hover{background-position:-46px -30px}
.appIcons li .microsoft_store:hover{background-position:-92px -30px}

.buttons { color:#616161; font-family:Calibri; font-size:13px;}

.buttons1,.buttons2,.buttons3 { line-height:25px; color:#616161; font-family:Calibri; font-size:13px;}
.buttons1 { float:left;}
.buttons3 { float:right}
.buttons1 #Checkbox1  {margin-top: 7px; float: left;}
.ImportantNote { width:100%; float:left; font-family:Calibri; font-size:14px;margin-top: 25px; }
.ImportantNote > b {font-family:Calibri; font-size:14px; text-transform: uppercase;}
.ImportantNote > ul { width:100%; float:left; margin:5px 0px 0px 0px; padding:0px; list-style:none;}
.ImportantNote ul li { list-style:none; font-family:Calibri, Georgia, Serif; font-size:14px; color:#21840f; line-height:24px; }
.supportMail {color:#272828; font-style:italic; font-weight:bold}
.schoolCode { color:#272828; font-size:24px; font-weight:bold; font-style:italic; line-height: 18px;}

@media only screen
and (min-width : 768px)
and (max-width :990px)
{
.footerIn ul .copyRight { line-height:20px;}	
.footerIn ul .copyRight br { display:block;}	
.ChildPageContainerHeadingAdmin { max-width:472px;}
}

@media (max-width:767px)
{
.footer { position:relative; bottom:auto; height: auto;}	
.ChildPageContainerAdmin {float: left; margin:0px;}
.ChildPageContainerHeadingAdmin,.mobileImg { max-width:100%;}
.footerIn ul .poweredBy { margin:0px auto; float:none}
.footerIn ul .copyRight { float:none}
.footerIn ul li { display:block;}
.loginTbl,.loginTbl2 { float:none; margin:0px auto; width:100%; max-width:374px;}

}	


 @-webkit-keyframes autofill {
    to {
        color: #666;
     
        background:#fff url(/images/userName.png) 13px 0px no-repeat;
    }
}

@-webkit-keyframes autofillA {
    to {
        color: #666;
        
       background: #fff url(/images/password.png) 13px 0px no-repeat;
    }
}

#txtusername:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}

#txtsenderid:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}


#txtpassword:-webkit-autofill {
    -webkit-animation-name: autofillA;
    -webkit-animation-fill-mode: both;
}
  
        .modalBackground
        {
            background-color: #4A4A4A;
            filter: alpha(opacity=80);
            opacity: 0.80;
        }
        .popup-s
        {
            font-family: Calibri;
            font-size: 14px;
        }
         .tblMgns input,#ctl00_ContentPlaceHolder1_rdoMail,#ctl00_ContentPlaceHolder1_rdoMob{ position:relative; top:2px; }
   
        .SubmeetBtn1 {width: 100%; max-width:75px; text-align: center;font-family: Calibri;color: #7e7e7e;font-size: 15px;border: none;background: #eeeeee;cursor: pointer;outline: none;border:1px solid #d5d5d5;text-transform:uppercase; margin:3px 3px 0px 3px }
        .SubmeetBtn1:hover{ background:#d1d1d1}
    .tblMgns { background:#fff; border: 1px solid #c4c6c6; padding: 0px 0px 5px 0px;font-family: Calibri;    font-size: 15px;    color: #7e7e7e;}
    .fullWidth { width:100%;}