@charset "UTF-8";
 .page-login-v3 img.brand-img {
     vertical-align: middle;
     border-style: none;
     margin-left: 0px;
}
 .page-login-v3 a {
     text-decoration: none;
}
 .page-login-v3 .vertical-align-middle {
     display: inline-block;
     max-width: 100%;
     font-size: 1rem;
}
 #page-login {
     margin: 0;
     font-family: Roboto,sans-serif;
     font-size: 1rem;
     font-weight: 300;
     line-height: 1.571429;
     color: #76838f;
     text-align: left;
     background-color: #3e8ef7;
     font-size: 14px;
}
 .brand-text.font-size-18 {
     margin-bottom: .5715rem;
     font-size: 18px!important;
     font-family: Roboto,sans-serif;
     font-weight: 400;
     line-height: 1.2;
     color: #37474f;
}
 .page-login-v3 .panel .panel-body {
     padding: 50px 40px 40px;
}
 .page-login-v3 .panel>:not(.panel-loading):not(.collapsing) {
     -webkit-transition: opacity .3s;
     -o-transition: opacity .3s;
     transition: opacity .3s;
}
 .page-login-v3 .panel-body {
     position: relative;
     padding: 30px 30px;
}
 .page-login-v3 .panel-body::after {
     display: block;
     clear: both;
     content: "";
}
 .page-login-v3 .form-material {
     position: relative;
}
 .page-login-v3 .form-group {
     margin-bottom: 1.429rem;
}
 .page-login-v3 .text-center {
     text-align: center!important;
}
 .page-login-v3 .btn-primary {
     color: #fff;
     background-color: #3e8ef7;
     border-color: #3e8ef7;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .page-login-v3 .btn-block {
     display: block;
     width: 100%;
     white-space: normal;
}
 .page-login-v3 .btn {
     display: inline-block;
     font-weight: 300;
     text-align: center;
     white-space: nowrap;
     vertical-align: middle;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     border: 1px solid transparent;
     padding: .429rem 1rem;
     font-size: 1rem;
     line-height: 1.571429;
     border-radius: .215rem;
     cursor: pointer;
}
 .page-login-v3:before {
     position: fixed;
     top: 0;
     left: 0;
     content: "";
     width: 100%;
     height: 100%;
     background-position: center top;
     -webkit-background-size: cover;
     background-size: cover;
     position: relative;
	 z-index: 0;
     background: #3e8ef7;
}
 .page-login-v3 .panel {
    width: 400px;
    margin-bottom: 45px;
    background: #fff;
    border-radius: .286rem;
}
 .page-login-v3 .form-control {
     display: block;
     width: 100%;
     padding: 10px;
     font-size: 1rem;
     line-height: 1.571429;
     color: #000;
     background-color: #fff;
     background-image: none;
     -webkit-background-clip: padding-box;
     background-clip: padding-box;
     border: 1px solid #e4eaec;
     border-radius: .215rem;
     -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
     box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
     -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
     -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
     transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
 .page-login-v3 .btn-group-lg>.btn, .page-login-v3 .btn-lg {
    padding: .715rem 1.286rem;
    font-size: 1.286rem;
    border-radius: .286rem;
    margin: 0 !important;
}

.page-login-v3 .btn-group-lg>.btn, .page-login-v3 .btn-sm {
    font-size: 0.8rem;
    width: 49%;
    height: 32px;
    border-radius: .286rem;
}

 .page-login-v3 .panel .brand-text {
    margin-top: 10px;
    padding-bottom:20px;
}
 .page-login-v3 .page-copyright {
    margin-top: 60px;
    font-size: .858rem;
    letter-spacing: 1px;
    color: #fff;
}
 .page-login-v3 .page-content {
    padding: 30px 30px;
}
 .form-material.floating{
    margin-top:20px;
    margin-bottom:20px
}
 .form-material.floating+.form-material.floating{
    margin-top:40px
}
 .form-material .form-control{
    padding-right:0;
    padding-left:0;
    background-color:transparent;
    background-color:transparent;
    background-repeat:no-repeat;
    background-position:center bottom,center -webkit-calc(100% - 1px);
    background-position:center bottom,center calc(100% - 1px);
    -webkit-background-size:0 2px,100% 1px;
    background-size:0 2px,100% 1px;
    -webkit-transition:background 0s ease-out;
    -o-transition:background 0s ease-out;
    transition:background 0s ease-out
}
 .form-material .form-control,.form-material .form-control.focus,.form-material .form-control:focus{
    background-image:-webkit-gradient(linear,left top,left bottom,from(#3e8ef7),to(#3e8ef7)),-webkit-gradient(linear,left top,left bottom,from(#e4eaec),to(#e4eaec));
    background-image:-webkit-linear-gradient(#3e8ef7,#3e8ef7),-webkit-linear-gradient(#e4eaec,#e4eaec);
    background-image:-o-linear-gradient(#3e8ef7,#3e8ef7),-o-linear-gradient(#e4eaec,#e4eaec);
    background-image:linear-gradient(#3e8ef7,#3e8ef7),linear-gradient(#e4eaec,#e4eaec);
    float:none;
    border:0;
    border-radius:0;
    -webkit-box-shadow:none;
    box-shadow:none;
}
 .form-material .form-control.focus,.form-material .form-control:focus{
    -webkit-background-size:100% 2px,100% 1px;
    background-size:100% 2px,100% 1px;
    outline:0;
    -webkit-transition-duration:.3s;
    -o-transition-duration:.3s;
    transition-duration:.3s
}
 .no-cssgradients .form-material .form-control.focus,.no-cssgradients .form-material .form-control:focus{
    background:0 0;
    border-bottom:2px solid #3e8ef7
}
 .form-material .form-control:disabled,.form-material .form-control[disabled],fieldset[disabled] .form-material .form-control{
    background:0 0;
    background:0 0;
    border-bottom:1px dashed #ccd5db
}
 .form-material .form-control:disabled~.floating-label,.form-material .form-control[disabled]~.floating-label,fieldset[disabled] .form-material .form-control~.floating-label{
    color:#ccd5db
}
 .form-material select[multiple],.form-material select[size],.form-material textarea.form-control{
    height:auto
}
.form-material .form-control-label{
    font-weight:500
}
 .form-material.form-group .form-control-label{
    padding-top:0;
    padding-bottom:0
}
 .form-material .floating-label{
    position:absolute;
    left:0;
    font-size:1rem;
    color:#76838f;
    pointer-events:none;
    -webkit-transition:.3s ease all;
    -o-transition:.3s ease all;
    transition:.3s ease all;
    font-family: Roboto, sans-serif;
}
 .form-material .form-control~.floating-label{
    top:.571429rem;
    font-size:1rem
}
 .form-material .form-control.focus~.floating-label,.form-material .form-control:focus~.floating-label,.form-material .form-control:not(.empty)~.floating-label{
    top:-.8rem;
    font-size:.9rem;
}
 .form-material .form-control-sm~.floating-label{
    top:.429rem;
    font-size:1rem;
}
 .page-login-v3 .panel .panel-body{
    padding:50px 40px 40px
}
 .page-login-v3 .panel .brand-text{
    margin-top:15px
}
 .page-login-v3 form{
    margin:45px 0 30px;
     font-size: 14px;
}
 .page-login-v3 form a{
    margin-left:20px
}
 .page-login-v3 form .form-material.floating+.page-login-v3 form .form-material.floating{
    margin-top:30px
}
 .page-login-v3 form .form-material label{
    color:#a3afb7;
    font-weight:300
}
 @media (max-width:479px){
    .page-login-v3 .page-content{
        padding:30px 20px;
        width:500px
    }
     .page-login-v3 .panel{
        width:auto;
        padding:25px;
        position: relative;
    }
     .page-login-v3 .panel .panel-body{
        padding:35px 25px 35px
    }
}
 .page-login-v3 .form-group .save-mail-label {
    font-family: Roboto, sans-serif;
}
 .page-login-v3 div#login-msg {
    display: none;
    clear: both;
    padding: 0px 0 24px;
    color: #e55349;
    font-size: 12px;
    font-family: Roboto, sans-serif;
}

.page-login-v3 .page-copyright p {
	font-size: 12px;
    font-family: Roboto, sans-serif;
}

#localChangeSelector{
	float: right;
}

.panel-body{
	height: 620px !important;
}

.resendauthnumber{
	float: right;
	color: #fff;
	background-color: #1f8ce6;
	box-shadow: 0px 1px 1px 0px #1f8ce6;
	border: 1px solid #0077d9;
	width: 90px;
	height: 30px;
	position: absolute;
	margin-left: 41px;
	margin-top: 10px;
}

#pwlabel{
	bottom: 36px;
}

.pwSearchBtnL{
	float: right;
	color: #fff;
	background-color: #1f8ce6;
	box-shadow: 0px 1px 1px 0px #1f8ce6;
	border: 1px solid #0077d9;
	width: 90px;
	height: 30px;
}

.pwSearchBtnR{
	float: right;
	color: #fff;
	background-color: #1f8ce6;
	box-shadow: 0px 1px 1px 0px #1f8ce6;
	border: 1px solid #0077d9;
	width: 90px;
	height: 30px;
	margin-left: 40px;
	margin-right: 22px;
}