@import url('ContactFrom_v2.css');

/* $Id: main-login.css */

html{background-color:#fff;background-repeat:no-repeat;background-position:center center;background-size:cover;min-height:100%;}
body,#main{background:transparent}

/**/

#login{z-index:1000;min-width:200px;max-width:500px;padding:15px;margin:10% auto 0 auto;font-size:18px;text-align:left;background-color:#fff;border:1px solid #E7E7E7;box-shadow:0 6px 12px rgba(0,0,0,.175);}
#login .login-icon{margin-top:-10%;}
#login>.login-icon>span, #login>.login-icon>h3{margin:0;display:inline-flex;vertical-align: middle;}
#login>.login-icon>span{margin-left: 10px;}
#login>.login-icon>h3{margin-right: 10px;}
#login>.login-icon>h3{background-color: #fff;}
/*#login .input-group{margin-bottom:15px}
#login .input-group-addon>.fa{display:inline-block;min-width:15px;width:15px}
#login .input-group-addon>.fa:before{text-align:center;}
#login .input-group-addon>span{display:none;font-size:15px}*/
#login .input-image-code{width:100%;margin-bottom:15px}
#login .input-image-code>span{display:table-cell;vertical-align:top}
#login .input-image-code>span.font-small{font-size:12px}
#login .input-image-code img{cursor:pointer;margin-right: 10px;}
#login .input-remember{width:100%}
#login .input-remember>label{display:block;margin-bottom:0}
#login .input-remember>label>input{margin:0;width:16px;margin:0 12px}
#login .input-remember>label>input,#login .input-remember>label>span{height:24px;line-height:24px;vertical-align:middle}
#login .focus>span,#login .focus>input{border-color:#518EC2;box-shadow:0 0 3px rgba(81,142,194,0.7);}
#login .focus>span{background-color:#3173AD;color:#fff;}
#login.frame-box{z-index:auto;display:block;position:static;overflow:visible;float:none;top:auto;right:auto;margin:65px auto 0;border-color:#ddd;border-width:2px;border-radius:4px;}
#login.frame-box .login-icon{text-align:center;margin-bottom:15px;margin-top:-61px;}
#login.frame-box .login-icon>span.top-img{display:inline-block;padding:10px;border:0px solid #73B3ED;background-color:#fff;border-radius:4px;}
#login.frame-box .login-icon>h2{font-weight:bold;color:#3D80BA}
#login.frame-box>#formlogin{margin-bottom:15px}
#login.frame-box,#main-box .nav-link{width:360px;min-width:360px}
#main-box .copy-box,#main-box .nav-link{margin:15px auto 0}
#main-box .copy-box{margin-top:15px;text-align:center}
#main-box .copy-tb{padding:10px 15px;}
.login_error{    
	text-align: center;
    height: 30px;
    word-break: break-word;
    margin-bottom: 16px;
    margin-left: 30px;
    margin-right: 30px;
    color: #721c24;
    border-color: #f5c6cb;
    position: relative;
    padding: .2rem 1.25rem;
    border: 1px solid transparent;
    border-radius: .25rem;}

/**/
html.bg-dusk{background-image:url('../images/background-dusk.jpg')}
html.bg-noon{background-image:url('../images/background-noon.jpg')}
html.bg-night{background-image:url('../images/background-night.jpg')}
html.bg-morning{background-image:url('../images/background-morning.jpg')}
html{background-image:none!important}

/**/
.loading_{position: absolute;background-color: #ffffff14;width: 100%;height: 100%;z-index: 1010;text-align: center;top: 0px;right: 0px;}
.loading_>img{margin-top: 10%;width:100px}.btn-group-justified{margin-top: 5px}
.form-check{margin: 10px}
.form-check label{	position: relative;	cursor: pointer;color: #666;font-size: 18px;font-weight: unset;}
input[type="checkbox"], input[type="radio"]{	position: absolute;	right: 9000px;}
/*Check box*/
input[type="checkbox"] + .label-text:before{ font-size: x-large;content: "\f096";	font-family: "FontAwesome";	speak: none;	font-style: normal;	font-weight: bolder;	font-variant: normal;	text-transform: none;	line-height: 1;	-webkit-font-smoothing:antialiased;	width: 1em;	display: inline-block;	margin-right: 5px;}
input[type="checkbox"]:checked + .label-text:before{	content: "\f14a";	color: #2980b9;	animation: effect 250ms ease-in;}

input[type="checkbox"]:disabled + .label-text{	color: #aaa;}
input[type="checkbox"]:disabled + .label-text:before{	content: "\f0c8";	color: #ccc;}
#navbar .navbar-top-menu, #login{display: block;position: relative;}
.modal.show .modal-body>iframe{width:100%;height:100%}
.modal.show .modal-body{height:500px}
.modal-header .close {margin-top: -23px;color: #fff;}
.modal.show.mregist .modal-header{background-color: #419641;color:#fff}
.modal.show.recoverl .modal-header{background-color: #f0ad4e;color:#fff}
.modal.show.recovera .modal-header{background-color: #c12e2a;color:#fff}

.btn-outline-white {
    color: #fff !important;
    background-color: transparent !important;
    border: 2px solid #fff !important;
}


.btn-group button[data-act="recover"]{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.input2{height: 46px;}
input.input2 + .focus-input2::after{font-size: 18px;}
.form-check>label>span{display: inline-flex;}

 #login-username{ width: 100%;}

.input-group-append{position: absolute;left: 50px;top: -12px;color: #146eb4;font-size: small;}

@media (min-width: 576px){
.h1-responsive { font-size: 170%;}
}

@media (max-width: 767px){
	#formlogin>button[type="submit"], .btn-group>button[data-act="recover"]{padding: 10px 0;font-size: 16px;}
	.login_error{margin-left: 10px;margin-right: 10px;font-size: 12px;padding: 10px 0;height: 36px;}	
}

@media (max-width: 419px){	
	#login.frame-box,	#main-box .nav-link{width:auto;min-width:inherit}	
	#main-box .copy-tb,	#login.frame-box{margin-left:-15px;margin-right:-15px;border-width:1px 0}
}