@font-face 
{
  font-family: 'Poppins-Regular';
  src: url('../fonts/Poppins-Regular.TTF');
  src: local("?"), url('../fonts/Poppins-Regular.woff') format("woff"), url('../fonts/Poppins-Regular.TTF') format("truetype"); 
}

@font-face 
{
  font-family: 'Poppins-SemiBold';
  src: url('../fonts/Poppins-SemiBold.TTF');
  src: local("?"), url('../fonts/Poppins-SemiBold.woff') format("woff"), url('../fonts/Poppins-SemiBold.TTF') format("truetype"); 
}

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

body, html { height: 100%;}

body {
	font-family:Poppins-Regular, Arial !important;
	 background:url(../images/login_bg.jpg)  center center fixed; background-repeat:no-repeat; -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	min-width: 100%;
	color:#333;
	font-size:12px;
}

/*font-family: 'Ubuntu', sans-serif;*/

a { color: #016097; text-decoration: none; cursor: pointer;}
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:26px; padding:10px; margin:0 0 20px;}


.LoginSection h1 a span {
    color: #1ab9b1;
}

.LoginSection h1 a {
    color: #000;
    text-transform: uppercase;
    text-align: center;
    font-family: Arial;
    font-weight: 600;
   
    line-height: 20px;
}

article, aside, details, footer, header, menu, nav, section { display: block; }


.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }

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

/*.LoginSection{height:auto; height:465px;  margin:auto; width:410px;  background:#fff; padding:30px; border-radius:5px; -webkit-border-radius:5px; border:1px solid #ccc; border-radius: 10px; box-shadow:0px 0px 28px #3636367d; position:absolute; left:0; right:0; top:0; bottom:0;}*/

.LoginSection{height:auto; height:350px;  margin:auto; width:410px;  background:#fff; padding:30px; border-radius:5px; -webkit-border-radius:5px; border:1px solid #ccc; border-radius: 10px; box-shadow:0px 0px 28px #3636367d; position:absolute; left:0; right:0; top:0; bottom:0;}
.LoginSection .loginBg{width:90%; height:50px; padding:10px 10px 10px 20px; margin:15px 15px 25px; border-left:4px solid #01837d; border-radius:5px; box-shadow: 0 0 10px #78787861;}
.LoginSection .loginBg .icon{width:57px; height:30px; float:left; margin: 5px 0 0;}
.LoginSection .loginBg input[type="text"]{height:30px; padding:0 0px 0 0; width:75%; border:none; background:none; color:#666; font-style: italic;}
.LoginSection .loginBg input[type="password"]{ height:30px; padding:3px 0px 0 0; width:75%; border:none; background:none; color:#666; font-style: italic;}
.SignIn_btn{background:#01837d; color:#fff; font-size:14px; padding:8px 25px; border-radius: 5px; border: 1px solid #01837d; cursor:pointer; width:auto; font-weight:bold;}
.SignIn_btn:hover{color:#fff; }

.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}


.Checkbox{display:inline-block; position:relative; padding-left:30px; margin-bottom:11px; cursor:pointer; font-size:14px; -webkit-user-select:none; -moz-user-select:none;   -ms-user-select:none; user-select:none;	color:#555;	font-weight:normal; line-height:22px;}
.Checkbox input {position:absolute; opacity:0; cursor:pointer; margin:1px 0 0 -24px;}
.CheckboxCheckMark{position:absolute; top:0; left:0; height:18px; width:18px; background-color:#737373; border:1px solid #737373; border-radius:3px;}
/*.Checkbox:hover input ~ .checkmark {background-color:#ccc;}*/
.Checkbox input:checked ~ .CheckboxCheckMark{background-color: #737373;}
.CheckboxCheckMark:after{content: ""; position:absolute; display:none;}
.Checkbox input:checked ~ .CheckboxCheckMark:after{display:block;}
.Checkbox .CheckboxCheckMark:after{left:5px; top:1px; width:6px; height:10px; border:solid #fff; border-width:0 2px 2px 0; -webkit-transform:rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}

.forgotpassword{font-weight:bold; float:right; font-size:14px;}
.forgotpassword a{color:#484848; text-decoration:underline;}

.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_bg .loginBg{width:90%; height:50px; padding:10px; margin:15px 15px 25px; border-left:5px solid #0443c0; border-radius:5px; box-shadow:0 0 5px #ccc; }
.resetPassword_bg .loginBg .icon{width:57px; height:30px; float:left;}
.resetPassword_bg .loginBg input[type="text"]{height: 20px; padding:10px 0 0 15px; width: 80%; border:none; background:none; color:#666; font-style: italic;}
.resetPassword_bg .loginBg input[type="password"]{height: 20px; padding:10px 0 0 15px; width: 80%; border:none; background:none; color:#666; font-style: italic;}
.resetPassword_Tips{margin: 50px 0 0 0; line-height: 30px;}

.Remember_Section{margin:40px 20px 30px 15px;}

.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;}

.unit_login{color:#333; font-size:20px; font-weight:bold; margin:0 10px;}

.footer{width:100%; bottom:0; position:absolute; padding:15px 0; color:#333; text-align:center;}

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

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

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


.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:100px auto 15px; width:95%;}
.RightSection{width:96%; margin:10px 0;}
.MobileView{display:none;}
.footer{position:relative;}
.d-flex{width:100%; display:block !important;}
.LoginSection .loginBg input[type="text"]{width:72%;}
.LoginSection .loginBg input[type="password"]{width:72%;}
}