.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:435px;*/ margin:25px auto; position:relative; border:1px solid #fff; border-radius:9px; padding:0px 10px}/* For Digital Ship Manager */
.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:#e9f2f7;  border:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; padding:0px; height: 521px;}
.login-layout .input-abs-icon {position:absolute; left:36px; top:10px; width:38px;}
.login-layout .form-control {background: none; font-size:18px; color:#000000; margin:0px auto; padding-top:0px; box-shadow: none; border: none; border-bottom: 1px solid #63bdea; border-radius: 0px;}
.login-layout button[type="submit"] {background: #2babe7; height: 55px; font-size: 20px; color: #fff; width: 31%; margin: 0px 0 10px 27px;
text-align: center;
display: block;
border-radius: 30px;
border:1px solid #2babe7;
}

button[type="submit"]:hover {background: #ffffff;
height: 55px;
font-size: 20px;
color: #2babe7;
width: 31%;
margin: 0px 0 10px 27px;
text-align: center;
display: block;
border-radius: 30px;}
.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 {color:#2babe7; font-size:18px;}
.new-widget-header {width:100%; /*height:285px;*/ padding-top:25px; position:relative;}
.new-widget-header h1 {font-size:24px; color:#116fb7; margin: 30px auto; text-align: center; /*position:absolute; z-index:1; bottom:75px; left:125px;*/}
.new-widget-header h1.full-title {left:55px;}
.login-header-img {
	position: absolute;
    top: -1px;
    left: 0px;
    background: linear-gradient(#fff, #116fb7);
    border-radius: 10px;
}
.login-logo {/*position:absolute; z-index:1; left:164px;*/ text-align: center;}
.login-logo img {width: 140px;}
@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:10px;
    top:10px;
    width:30px;
    cursor: pointer;
}

.pswd_info {
	display:none;
	position: absolute;
	bottom: -82px;
	right: -380px;
	width: 90%;
	padding: 15px;
	background: #fff;
	border-radius: 5px;
	z-index: 99;
}
.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;	
}

/*----------For DSM CSS Start here---------*/

.digital-login-box {
	background: #fff;
	-webkit-box-shadow: 8px 0px 26px 17px rgba(0,0,0,0.16);
	-moz-box-shadow: 8px 0px 26px 17px rgba(0,0,0,0.16);
	box-shadow: 8px 0px 26px 17px rgba(0,0,0,0.16);
	float: left;
	margin: 50px auto;
	width: 100%;

}
.login-box label {
	text-transform: uppercase;
    color: #63bdea;
    font-weight: normal;
}
.login-box .form-group {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.login-image {
	margin: 25px auto;
	height: 521px;
	overflow: hidden;
	padding: 0px 20px 0px 0px;
}
.vessel_mask .login-box {
	width:435px; 
	padding: 0px;
}
.vessel_mask .new-widget-header {width:100%; height:285px; padding-top:25px; position:relative;}
.vessel_mask .new-widget-header h1 {position:absolute; z-index:1; bottom:75px; text-align: center; width: 100%; left: 0px !important;}
.vessel_mask .widget-content {
    border-radius: 10px !important;
    background: #116fb7 !important;
}
.vessel_mask .form-control {
    background: #fff;
    height: 63px;
    font-size: 20px;
    color: #8e8787;
    width: 90%;
    margin: 0px auto;
    padding-left: 65px;
    padding-top: 0px;
}
.mfa-register .forgot-password a {font-size:18px; color: #116fb7;}
.help-text-mfa {color: #666; font-size: 13px; font-style: italic;}