﻿
@font-face {
	font-family: 'Conv_Poppins-Black';
	src: url('fonts/Poppins-Black.eot');
	src: local('☺'), url('fonts/Poppins-Black.woff') format('woff'), url('fonts/Poppins-Black.ttf') format('truetype'), url('fonts/Poppins-Black.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_Poppins-Bold';
	src: url('fonts/Poppins-Bold.eot');
	src: local('☺'), url('fonts/Poppins-Bold.woff') format('woff'), url('fonts/Poppins-Bold.ttf') format('truetype'), url('fonts/Poppins-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_Poppins-ExtraBold';
	src: url('fonts/Poppins-ExtraBold.eot');
	src: local('☺'), url('fonts/Poppins-ExtraBold.woff') format('woff'), url('fonts/Poppins-ExtraBold.ttf') format('truetype'), url('fonts/Poppins-ExtraBold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_Poppins-ExtraLight';
	src: url('fonts/Poppins-ExtraLight.eot');
	src: local('☺'), url('fonts/Poppins-ExtraLight.woff') format('woff'), url('fonts/Poppins-ExtraLight.ttf') format('truetype'), url('fonts/Poppins-ExtraLight.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_Poppins-Light';
	src: url('fonts/Poppins-Light.eot');
	src: local('☺'), url('fonts/Poppins-Light.woff') format('woff'), url('fonts/Poppins-Light.ttf') format('truetype'), url('fonts/Poppins-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_Poppins-Medium';
	src: url('fonts/Poppins-Medium.eot');
	src: local('☺'), url('fonts/Poppins-Medium.woff') format('woff'), url('fonts/Poppins-Medium.ttf') format('truetype'), url('fonts/Poppins-Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_Poppins-Regular';
	src: url('fonts/Poppins-Regular.eot');
	src: local('☺'), url('fonts/Poppins-Regular.woff') format('woff'), url('fonts/Poppins-Regular.ttf') format('truetype'), url('fonts/Poppins-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_Poppins-SemiBold';
	src: url('fonts/Poppins-SemiBold.eot');
	src: local('☺'), url('fonts/Poppins-SemiBold.woff') format('woff'), url('fonts/Poppins-SemiBold.ttf') format('truetype'), url('fonts/Poppins-SemiBold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_Poppins-Thin';
	src: url('fonts/Poppins-Thin.eot');
	src: local('☺'), url('fonts/Poppins-Thin.woff') format('woff'), url('fonts/Poppins-Thin.ttf') format('truetype'), url('fonts/Poppins-Thin.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}





body{
	margin: 0px; padding: 0px;
	font-family: 'Conv_Poppins-Regular';
}

a, button{
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
}

.login_BG_main_outer{
	font-family: 'Conv_Poppins-Regular';
}
.login_BG_outer{
	min-height: calc(100vh - 0px);
	background: url(../images/login_BG.png) no-repeat left bottom #F6F6F6;
	overflow: hidden;
}


.login_box_outer{
	background: #fff;
	padding: 30px; min-height: 410px;
	margin: 30px auto; width:380px;

	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;

	-webkit-box-shadow:0px 0px 39px 0px rgba(188, 188, 188, 0.5);
	-moz-box-shadow:0px 0px 39px 0px rgba(188, 188, 188, 0.5);
	box-shadow:0px 0px 39px 0px rgba(188, 188, 188, 0.5);
}

.login_box_outer .txt{
	background: #F6E5E5;
	border:1px solid #DDAFAF; 
	color:#3A3A3A; font-size: 14px;
	padding:15px 20px; margin:0 0 30px 0; 
	font-family: Conv_Poppins-Regular;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.login_box_outer .SuccsStyle{
	background: #CEF3D3;
	border:1px solid #74D677; 
	color:#3A3A3A; font-size: 14px;
	padding:15px 20px; margin:0 0 30px 0; 
	font-family: Conv_Poppins-Regular;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}


.login_box_outer .feild_outer{
	padding:0 0 30px 0; 
	}
	.login_box_outer .frgt_pswd{
	padding:0 0 25px 0;  text-align: right;
	}
	.login_box_outer .frgt_pswd a{
	color: #1794D2; font-size: 14px;
	}
	.login_box_outer .frgt_pswd a:hover{
	color: #000;
	}
	.login_box_outer .feild_outer input,
	.login_box_outer .feild_outer select{
	width: 100%;
	border:0px; border-bottom:1px solid #AEAEAE; 
	font-family: Conv_Poppins-Regular; font-size: 14px; font-weight: 400;
	}
	.login_box_outer .feild_outer select{
	background: url(../images/select.png) no-repeat right 5px;
	background-size: 13px;

	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	}
	.login_box_outer .feild_outer input:focus,
	.login_box_outer .feild_outer select:focus,
	.login_box_outer .feild_outer input:active,
	.login_box_outer .feild_outer select:active{
	outline:0px; 
	}
	.login_box_outer .feild_outer input:focus,
	.login_box_outer .feild_outer select:focus{
	outline:0px; 
	border-color:#8E8E8E; 
	}
	.login_box_outer .btt_outer{
	padding: 0px;
	}
	.login_box_outer .btt_outer .btnlogin{
	width: 100%;
	background: #1794D2; border:0px; cursor: pointer;
	text-align: center; color: #fff;
	font-weight: 500; font-size: 15px;
	height:40px; line-height:40px;

	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

.login_box_outer .btt_outer .btnlogin:hover
{
	background:#167eb2;
}
	.login_box_outer .btt_outer .btn-close{
	width: 100%;
	background: #fff; border:0px; cursor: pointer;
	text-align: center; color: #242A4A;
	font-weight: 500; font-size: 15px;
	height:40px; line-height:40px;

	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}

.login_BG_outer .version{
	padding: 0 15px 20px 15px;	
	text-align: center;
	width: 100%; font-size: 12px;
	min-height:calc(10vh - 0px);
}

.login_box_outer .logo_outer{
	width: 100%; font-size: 0px; text-indent: -999em;
	height:65px; display: inline-block;
	background: url(../images/logo.png) no-repeat left top;
	background-size:65%; margin-bottom:10px; 
}


.login_BG_outer .popupopener,
.login_BG_outer .popup{
	position:absolute;
	height:auto !important;
	width:100% !important;
	left:0!important; top:0!important;
	padding:0;
	}
	.login_BG_outer .popuheader{
	font-size: 0px; text-indent: -999em;
	}
	.login_BG_outer .body-cont{
	height: auto!important;
	}
	#popiframe{
	width: 100% !important;
	min-height:calc(100vh - 0px) !important;
	z-index: 99;
	position: absolute; top: 0px; left: 0;
	background: url(../images/login_BG.png) no-repeat left bottom #F6F6F6;
}


.login_box_outer h1{
	font-family: 'Conv_Poppins-Regular';
	font-size: 20px; font-weight: 400;
	}
	.login_box_outer h1 span{
	font-family: 'Conv_Poppins-SemiBold';
	font-weight: 700;
}

.forgotpassword_outer{
	width:370px;
	}
.nodisplay{
	display: none;
}
.margin_10
{
	margin-bottom:10px!important;
}

@media screen and (max-width:575px) {
	.login_box_outer{
	width: 90%; padding: 20px;
	}
	.login_box_outer .txt{
		font-size: 12px; padding: 5px 10px;
	}
	.login_box_outer .btt_outer .btnlogin{
		height: 45px; line-height: 45px;
	}
	.login_box_outer .logo_outer{
		background-size:200px; 
	}

	.login_box_outer h1{
		font-size: 20px;
	}

	.forgotpassword_outer{
	width: 80%;
	}

}