* { margin: 0; padding: 0; outline: 0; }

body, html { height: 100%;}

body {
	font-family:"Open Sans", sans-serif;
	background:#edf2f9;
	min-width: 100%;
	color:#333;
	font-size:14px;
	background-image:linear-gradient(#ccc, #eee);
	/*background-image:linear-gradient(#428cb9, #9eddeb);*/
}

a { color: #016097; text-decoration: none; cursor: pointer;}
a:hover { text-decoration: underline; }
a img { border: 0; }
/*a.view { background: url(images/bullet.png) no-repeat 0 10px; padding-left: 8px; font-size: 10px; float: right;  }*/

.LoginSection h1{font-size:25px; font-weight:normal; color:#fff; text-align:center; padding:10px; margin:15px 0 30px; /*border-bottom:1px solid #ccc; background:#428cb9;*/}

article, aside, details, footer, header, menu, nav, section { display: block; }
input, textarea, select { font-size: 12px; font-family: arial, sans-serif; }
textarea { overflow: auto; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

.top-pannel{ background: #fafafa; height:75px; box-shadow:0 0 5px #999; }
.logo { width: 195px; float:left; font-size:18px; margin:5px 0 0; }

.login_head{font-size:16px; text-align:center; font-weight:bold;}

.LoginSection{height:auto; min-height:242px;  margin:115px auto 15px; width:400px;  background:#fff; padding:0 0 15px; border-radius:5px; -webkit-border-radius:5px; border:1px solid #ccc;}
.LoginSection .loginBg{width:92%; height:38px; padding:5px; border-bottom: 1px solid #ccc; margin:15px;}
.LoginSection .loginBg .icon{width:20px; height:20px; float:left;}
.LoginSection .loginBg input[type="text"]{ height: 20px; padding:0 0 0 10px; width: 85%; border:none; background:none; font-size:15px; color:#666;}
.LoginSection .loginBg input[type="password"]{ height: 20px; padding:0 0 0 10px; width: 85%; border:none; background:none; font-size:15px; color:#666;}
.SignIn_btn{background:#dc3545; color:#fff;font-size:20px; padding: 5px 15px; border-radius: 5px; border: 1px solid #dc3545; cursor:pointer; width: 100%;}
.SignIn_btn:hover{opacity:0.8;}

.LoginSection .newuser{width:100%; margin:10px 0; padding:10px 0; border-top:1px solid #ccc; text-align:right; float:left;}
.LoginSection .newuser a { color: #067aa7; text-decoration: none; cursor: pointer; font-size:13px; float:right; }
.LoginSection .newuser a:hover { text-decoration: underline; }
.LoginSection .loginBg p{font-size:11px; font-style:italic; padding:6px 0 0;}
.LoginSection .ConfirmText{color:#c60000; line-height:22px}

.Remember_Section{margin:20px 25px 20px 13px}

.signout_box{border:solid 1px rgba(141, 144, 150, 0.30); box-shadow:0px 0px 10px rgba(127, 137, 161, 0.3); overflow:hidden; position:relative; width: 50%; margin: 100px auto; padding: 50px; text-align: center; line-height: 25px;border-radius: 5px;}

.footer{width:100%; background: #333; bottom:0; position:absolute; padding:15px 0; color: #999;  line-height: 11px; text-align:center; font-size:13px; }

.form-check-input {width: 1.3em; height: 1.3em; margin-right: 5px;}

.resetPassword_bg {
    height: auto;
    min-height: 242px;
    margin: 115px 0 15px;
    width: 100%;
    background: #fff;
    padding: 0 0 15px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #ccc;
}

.resetPassword_bg h1 {
    font-size: 25px;
    font-weight: normal;
    color: #fff;
    text-align: center;
    padding: 10px;
    margin: 0 0 10px;
}

.resetPassword_Tips {
    margin: 30px 0 0 0;
    line-height: 30px;
}

.ShowHide {margin: 5px 0 0; font-size:14px;}
.ShowHide .fa {
    cursor: pointer;
}

.error_msg {
    color: #cd1414;
    position: absolute;
    font-size: 11px;
    margin: 10px 0px 0px;
    
}
.mandatory{color:#cd1414;}

.RegHead{font-size:30px; color:#555; text-align:center; padding:60px 0; line-height:40px;}
.Employee_LoginSection{width:100%; margin:0 0 15px; background:#fff; padding:0 0 20px; border-radius:5px; -webkit-border-radius:5px; border:1px solid #ccc; text-align:center;}
.Employee_LoginSection h1{font-size:25px; font-weight:normal; color:#fff; text-align:center; padding:10px; margin:0 0 10px; border-bottom:1px solid #ccc; background:#428cb9;}
.Employee_LoginSection .UserLogo{width:100px; height:auto; text-align:center; margin:0 auto 20px;}
.Employee_LoginSection .UserLogo img{width:100%;}

.form-label{margin-bottom:0;}

.btn-primary{color:#fff; background-color:#428cb9; border-color:#428cb9;}


@media only screen and ( min-width: 768px) and ( max-width: 980px ) {
.shell  { width:98%; margin: 0 auto; }
.RightSection{width:50%; }
}

@media only screen and ( min-width: 320px) and ( max-width: 640px ) {
.shell  { width:98%; margin: 0 auto; }
.LoginSection{margin:50px auto 15px; width:90%;}
.RightSection{width:96%; margin:10px 0;}
.MobileView{display:none;}
.footer{position:relative;}
}