.f-12 { font-size: 12px !important; }
.f-14 { font-size: 14px !important; }

.fc-1 { color: #d5d4d4; }
.fc-10 { color: #FF8500; }
.fc-ff { color: #FFf; }
.mtop-10 { margin-top: 10px; }
.mtop-15 { margin-top: 15px; }
.mtop-20 { margin-top: 20px; }
.pri-0 { padding-right: 0!important; }

.w200 { width: 200px !important; }
.login-layout {background: url("images/login-body-bg.jpg"); width:100%; height:100%; background-size:cover; background-position:center;}
.login-layout .login-logo-w {display:none;}
.login-layout .login-box {width:640px; margin:25px auto; position:relative; border:1px solid #fff; border-radius:9px;}
.login-layout .widget { -webkit-box-shadow: none; -moz-box-shadow:none; box-shadow:none; border-radius:0px; margin-bottom:0px; }
.login-layout .widget .widget-content { border-radius:10px; background:#116fb7;  border:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; padding:0px; padding-bottom: 1px;}
.login-layout .input-abs-icon {position:absolute; left:36px; top:10px; width:38px;}
.login-layout .form-control {background:#fff; height:63px; font-size:20px; color:#8e8787; width:90%; margin:0px auto; padding-left:65px; padding-top:0px;}
.login-layout button[type="submit"], button[type="submit"]:hover {background:#fff; height:63px; font-size:20px; color:#116fb7; width:90%; margin:0px auto 30px auto; text-align:center; display:block;}
.login-layout #UserLoginForm {background: #116fb7; margin-top: -20px; padding-top: 20px; border-radius: 0px 0px 10px 10px; }

/*Forgot Password*/
.forgot-password {text-align:right; padding-right:5%; padding-bottom:20px;}
.forgot-password a {font-size:18px; color: #fff;}
.new-widget-header {width:100%; height:285px; padding-top:25px; position:relative;}
.new-widget-header h1 {font-size:24px; color:#116fb7; position:absolute; z-index:1; bottom:75px; text-align: center; width: 100%;}

.login-header-img {position: absolute; top: -1px; left: 0px; background: linear-gradient(#fff, #116fb7); border-radius: 10px; width: 100%; height: 260px;}
.login-header-img img { height: 260px; width: 100%; }
.login-logo {position:absolute; z-index:1; left: 50%; transform: translateX(-50%);}
.login-logo img { width: 100%; }
@media(max-width:480px){
.login-box {width:320px;}
.new-widget-header h1 {font-size:16px; bottom:117px; left:100px;}
.login-logo {left:125px;}
.login-logo img {width:80%;}
}

/*New User Management - reset password*/
.field-icon {
    position:absolute;
    right:25px;
    top:21px;
    width:30px;
    cursor: pointer;
}

.pswd_info {
	display:none;
	position: absolute;
	bottom: -82px;
	right: -380px;
	width: 90%;
	padding: 15px;
	background: #fff;
	border-radius: 5px;
}
.pswd_info h4 {margin:0 0 10px 0; padding:0; font-weight:normal;}
.pswd_info::before {
	content: "\25C0";
	position: absolute;
	top: 80px;
	left: -13px;
	font-size: 18px;
	line-height: 15px;
	color: #fff;
	text-shadow: none;
	display: block;
}
.confirm_pswd_info{
	bottom: -25px;
}
.confirm_pswd_info::before{
	top: 48px;
}
.pswd_info ul {margin:0px; padding:0px;}
.pswd_info ul li {list-style:none;}

.invalid {
    background:url(images/invalid.png) no-repeat 0 50%;
    padding-left:40px;
    line-height:30px;
    color:#116fb7;
	font-size:16px;
}
.valid {
    background:url(images/valid.png) no-repeat 0 50%;
    padding-left:40px;
    line-height:30px;
    color:#3a7d34;
	font-size:16px;	
}

.login-send-otp {
	color: #fff;
	text-align: left;
	margin: 0px 20px;
}

.login-send-otp .btn {margin:0px auto; text-align:center; display:block; width: 100px;}


/*google authenticator Design Start*/

.small_input { margin-right: 0; }
/*.small_input label { color: #fff;}*/
.small_input .form-control { padding: 6px 12px; height: auto; font-size: 14px; color: #000; width: 100%; }
.login_form { padding: 0 15px 15px 15px; }
.otp_email { float: left; width: 100%; border: 1px solid #eee; border-radius: 6px; padding: 8px; display: flex; align-items: center; margin-bottom:15px; flex-wrap: wrap; }
.otp_email label { display: flex; align-items:center; flex-wrap: wrap; width: 100%; color: #fff; margin-bottom: 0; }
.otp_email [type="radio"] { float: left; margin-right: 10px; zoom: 2; }
.otp_email img { width: 50px; float: left; margin-right: 15px; }

.otp_email_radio { width: 35px; float: left;}
.otp_email_text { width: calc(100% - 125px); float: left;}

.subtext { color: #f4f4f4; font-size: 12px; width: 100%; margin-top: 3px; font-weight: normal;}
.mfa_stap { float:left; width: 100%; position: relative; padding: 15px 15px 15px 50px; }
.mfa_stap label{font-weight: normal;}
.mfa_number { position: absolute; top: 15px; left:0; width: 30px; height: 30px; border-radius: 100px; border: 2px solid #666; display: flex; align-items: center; justify-content: center; font-size: 16px; background: #fff;}
.mfa_stap:before { content:''; position: absolute; top: 15px; left: 14px; width: 1px; height: 100%; border: 1px solid #bbb; }
.mfa_stap:last-child:before { display: none; }
.app_image { float: left; width: 100%; }
.app_image img { float: left; width: 150px; margin-left: 10px; }
.qr_image { float: left; width: 80px; margin-right: 10px; }
.qr_image img { float: left; width: 100%; height: auto; }
.qr_image + label { width: calc(100% - 95px); float: right; font-weight: normal;}
.login-layout .mfa_code .form-control { padding: 6px 12px; height: auto; font-size: 14px; color: #000; width: 45%; }

.email_btn { background: #fff; color: #116fb7; height: auto !important; width: auto !important; font-size: 14px !important; margin-bottom: 0 !important;}
.btn-warning { color: #000; }
.email_cancel { background: transparent; color: #fff; border: 1px solid #fff; }
.login_title { margin-top: 0; margin-bottom: 0; border-bottom: 1px solid #f2f2f2; padding-bottom: 5px; }

.autoh_section { float: left; width: 100%; border: 1px solid #eee; margin-top: 15px; margin-bottom: 15px; border-radius: 6px; color: #fff; overflow: hidden;}
.login_subtitle { color: #fff; background-color: #3a99e1; margin-top: 0; padding: 10px; font-size: 15px; font-weight: bold;}
.autoh_section p { padding:0 10px 0px 10px; }
.autoh_section a { margin-left: 10px; margin-bottom: 8px !important; }
.re_sync_forgot { font-size: 12px; margin-bottom: 10px;}
.re_sync_forgot a { font-size: 12px; text-decoration: underline;}
.footer_link { margin-bottom: 0 !important; padding-right: 0 !important; margin-top: 10px; }
.footer_link a {text-decoration: underline; color: #d4d4d4; }
.secret_key {text-decoration: underline; }
.trouble-shoot-btn {position: absolute; right: 23px; top: 9px;}
.register-mfa-btn {width: 50%; padding: 10px;}
/*google authenticator Design End*/

.login-layout .mfa-register .widget .widget-content {
    border-radius: none;
    background: none; 
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 15px;
    padding-bottom: 1px;
}
.login-layout .mfa-register .autoh_section {
	color: #000;
}
.login-layout .mfa-register .section-title {
	margin-top: 0;
}
.login-layout .mfa-register .autoh_section {
    margin-top: 6px;
    margin-bottom: 6px;
}
.otp-text-box {
	height: 40px !important;
    font-size: 14px !important;
    width: 100% !important;
    padding-left: 10px !important;
    padding-top: 5px !important; 
    margin: 0 0 10px 0 !important;
}

.umms_alert_warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #8a6d3b;
    padding: 10px;
    margin: 4px 0px 8px 0px;
    border-width: 1px 1px 1px 4px;
    border-style: solid;
    border-color: #B1D1E5;
    border-radius: 6px;
    display: flex;
    align-items: center;
    font-weight: normal;
    font-size: 14px;
    float: left;
}
.mfa-register .forgot-password a {font-size:18px; color: #116fb7;}
.help-text-mfa {color: #666; font-size: 13px; font-style: italic;}