@CHARSET "UTF-8";
@font-face{font-family:'Helvetica-Bold';src:url('../fonts/Helvetica Bold.eot');src:local('☺'), url('../fonts/Helvetica Bold.woff') format('woff'), url('../fonts/Helvetica Bold.svg') format('svg');font-weight:400;font-style:normal;}
@font-face{font-family:'Helvetica';src:url('../fonts/Helvetica.eot');src:local('☺'), url('../fonts/Helvetica.woff') format('woff'), url('../fonts/Helvetica.svg') format('svg');font-weight:600;font-style:normal;}
@font-face{font-family:'Helvetica Oblique';src:url('../fonts/Helvetica Oblique.eot');src:local('☺'), url('../fonts/Helvetica Oblique.woff') format('woff'), url('../fonts/Helvetica Oblique.svg') format('svg');font-weight:400;font-style:normal;}
@font-face{font-family:'helvetica-light';src:url('../fonts/helvetica-light.eot');src:local('☺'), url('../fonts/helvetica-light.woff') format('woff'), url('../fonts/helvetica-light.svg') format('svg');font-weight:400;font-style:normal;}

html,body{
	height:100%;
	width:100%;
	overflow:hidden;
	margin:0;
	padding:0;
	}

input:focus {
	outline:none
}
 input[type="checkbox"] {
   background: #fff;
   border: 1px solid #5B5B5B;
    border-radius: 3px;
    height: 18px;
    width: 18px;
    margin: 2px 15px;
    vertical-align: middle;
    display: none;
    float: left;


}
 input[type="checkbox"] + label {
   background: #fff;
   border: 1px solid #5B5B5B;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 8px;
    display: inline-block;
    vertical-align: middle;
 	cursor: pointer;
 	margin-right: 12px;
}

 input[type="checkbox"] + label:active {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
 input[type="checkbox"]:checked + label {
   background: #5B5B5B;
   border: 1px solid #5B5B5B;
}



.login-main{
	background:url('/images/Background Login.png') center no-repeat;
	background-size:100%;
	width: 100vw;
	margin: auto;
	height: 100vh;
	border:1px solid #000;

	display: flex;
	justify-content: center;
	align-items: center;
}

.login-content{
	margin: auto;
	width: 384px;
	height: 390px;
	background: #FFFFFF;
	box-shadow: 0 18px 38px 0 rgba(0,0,0,0.45);
	border-radius: 6px;
}
.login-box{
	position: relative;
	margin: auto;
	width: 80%;
}
.login-box img{
	width: 100%;
	object-fit: none;
	margin-bottom: 35px;
}
.fonts-label{
	opacity: 0.76;
	background: #FFFFFF;
	border: 1px solid #979797;
	border-radius: 2px;
	font-family: HelveticaNeue-Light;
	font-size: 12px;
	color: #C5C5C5;
	letter-spacing: 0.41px;
	text-align: left;
}
.login-form-control{
	display: block;
	height: 18px;
	width: 100%;
	font-family: HelveticaNeue-Light;
	font-size: 14px;
	color: #4A4A4A;
	letter-spacing: 0.34px;
	text-align: left;
	border: none;
}
#remember{
	margin-right: 12px;
}
.sign-in{
	width: 240px;
	height: 45px;
	background: #B3A49C;
	box-shadow: 0 12px 35px 0 rgba(179,164,156,0.34);
	border-radius: 2px;
	font-family: HelveticaNeue;
	font-size: 20px;
	color: #FFFFFF;
	text-align: center;
	margin-top: 37px;
}
.show{
	opacity: 0.76;
	background: #F0F0F0;
	border: 1px solid #979797;
	border-left: none;
	border-radius: 0 2px 2px 0;
	font-family: HelveticaNeue;
	font-size: 10px;
	color: #B3A49C;
	letter-spacing: 0.37px;
	text-align: center;
	width: 44px;
    height: 40px;
	line-height: 40px;
}
.line{
	height: 1px;
	width: 100%;
	opacity: 0.17;
	border: 1px solid #979797;
	margin: 38px 0;
}
.forgot_pwd{
	font-family: HelveticaNeue;
	font-size: 17.2px;
	color: #636363;
	text-align: center;
	line-height: 20px;
}
.forgot_pwd a{
	font-family: Helvetica;
	font-size: 17.2px;
	color: #B3A49C;
	text-align: center;
	line-height: 20px;
}