html,body {
    background-color :#1b3651;
    font-family : 'Segoe UI';
    height : 100%;
    width : 100%;
    -webkit-font-smoothing : antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin : 0;
    overflow : hidden;
}
.input-field {
    margin-top : 7px;
    font-family: 'Segoe UI';
    font-size : 11pt;
    border-radius : 8px;
    border : 2px solid #3C5A76;
    height : 40px;
    outline: none;
    padding: 3px;
}
.login-form {
    flex-direction : column;
    color  : white;
}
.flex-layout {
    display : flex;
    align-items : center;
    justify-content : center;
}
.error-img {
    width : 22px;
    height : 22px;
    display : none;
}
.login-msg {
    font-size : 10pt;
    margin-left : 5px;
    display : none;
}
.login-cnt {
    width : 595px;
}
.login-forgot-cnt {
	margin : 25px;
}
.login-error-cnt {
    min-height : 38px;
}
.input-cnt {
	flex-direction : column;
	align-items :stretch;
	height : 70px;
    flex : 1px;
}
.username-cnt {
    margin-right: 5px;
}
.password-cnt {
    margin: 0 5px 0 5px;
}
.login-sep {
	border-right : 1px inset white;
	margin-top : 2px;
	height : 10px;
}
.login-lbl-url {
	color  : white;
	font-size : 10pt;
	padding  : 0 15px 0 15px;
}
.login-textfield-lbl {
	font-size : 11pt;
	line-height : 23px;
	margin-left : 2px;
}
.login-lbl {
	font-size : 9pt;
	padding  : 0 5px 0 5px;
}
.login-lbl-url-small {
	color  : white;
	font-size : 9pt;
	text-decoration :underline;
}
.login-lbl-url-small:hover, .login-lbl-url:hover{
	color : #6598cc;
}
.login-btn {
    background : url(/manh/resources/images/signinbtn_disabled.gif);
    border : none;
    height : 36px;
    width : 36px;
    margin : 30px 0 0 5px;
    color : transparent;
}
.login-btn-enabled {
    background : url(/manh/resources/images/signinbtn_normal_hover_click.gif);
    cursor : pointer;
}
.login-unmask {
    display : flex !important;
}
.login-mask {
	display : none;
	position : absolute;
	background-color : rgba(204, 204, 204,0.5);
    height : 100%;
    width : 100%;
    justify-content : center;
    align-items : center;
    top : 0;
    left : 0;
}
.login-mask-message {
    font-size : 20px;
    color : white;
    padding : 15px;
    margin-bottom : 50px;
    background : url(/images/loading.gif) no-repeat top center;
}
.popup-title {
    color : #04468c;
    font-size : 11px;
    font-weight : bold;
    font-family : tahoma,arial,verdana,sans-serif;
    line-height : 15px;
    display : flex;
    padding : 0 0 5px 5px
}
.title-body {
    flex : 1;
}
.title-close-icon {
    font-family : Verdana,sans-serif;
    font-size : 14px;
    cursor : pointer;
    line-height : 10px;
    border : 1px solid #a4c2ea;
    background-image : -webkit-linear-gradient(#fff,#f9f9f9 48%,#e2e2e2 52%,#e7e7e7);
    background-image : -moz-linear-gradient(#fff,#f9f9f9 48%,#e2e2e2 52%,#e7e7e7);
    background-image : -ms-linear-gradient(#fff,#f9f9f9 48%,#e2e2e2 52%,#e7e7e7);
    background-image : linear-gradient(#fff,#f9f9f9 48%,#e2e2e2 52%,#e7e7e7);
    padding : 0 2px 0 2px;
}
.title-close-icon:hover {
    border-color : #709edc;
}
.popup-body {
    width  : 430px;
    border-radius  : 5px;
    padding  : 4px;
    border  : 1px solid;
    background-color : #ced9e7;
}
.popup-content {
    background-color : white;
    color : black;
    border : 1px solid #99bbe8;
    display : flex;
    flex-direction : column;
    padding-bottom : 30px;
    font-size : 12px;
    font-family : tahoma,arial,verdana,sans-serif;
}
.conf-logo {
    align-self : flex-start;
}
.conf-content {
    margin : 20px 25px 20px 10px;
    padding-right : 15px;
}
.conf-address {
    font : 9pt arial;
    align-self : center;
}
.conf-address-link {
    color : black;
    text-decoration : underline;
    font : 10pt arial;
}
.conf-address-link:hover {
    color : #6598cc;
 }
.close-btn {
    margin-top : 5px;
    width : 65px;
    height : 22px;
    border-radius : 3px;
    border : 1px solid rgb(209, 209, 209);
    cursor : pointer;
    color : #333;
    font : 8pt arial;
    background-image : -webkit-linear-gradient(#fff,#f9f9f9 48%,#e2e2e2 52%,#e7e7e7);
    background-image : -moz-linear-gradient(#fff,#f9f9f9 48%,#e2e2e2 52%,#e7e7e7);
    background-image : -ms-linear-gradient(#fff,#f9f9f9 48%,#e2e2e2 52%,#e7e7e7);
    background-image : linear-gradient(#fff,#f9f9f9 48%,#e2e2e2 52%,#e7e7e7);
    outline: none;
}
.close-btn:hover {
    border-color : #b0ccf2;
    background-color : #e4f3ff;
    background-image : -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#e4f3ff),color-stop(48%,#d9edff),color-stop(52%,#c2d8f2),color-stop(100%,#c6dcf6));
    background-image : -webkit-linear-gradient(#e4f3ff,#d9edff 48%,#c2d8f2 52%,#c6dcf6);
    background-image : -moz-linear-gradient(#e4f3ff,#d9edff 48%,#c2d8f2 52%,#c6dcf6);
    background-image : -o-linear-gradient(#e4f3ff,#d9edff 48%,#c2d8f2 52%,#c6dcf6);
    background-image : -ms-linear-gradient(#e4f3ff,#d9edff 48%,#c2d8f2 52%,#c6dcf6);
    background-image : linear-gradient(#e4f3ff,#d9edff 48%,#c2d8f2 52%,#c6dcf6)
}
/**
 mobile device media query to show username password vertically align
*/
@media only screen and (max-device-width : 400px) {
    .username-cnt {
        margin: 0px;
    }
    .password-cnt {
        margin: 0px;
    }
    .input-cnt {
        flex: auto;
    }
    .login-cnt {
        flex-direction : column;
        align-items : stretch;
    }
    .login-btn {
        background-image : none;
        color  : white;
        background-color : #126daf;
        border-radius : 8px;
        border : 2px solid #3C5A76;
        width : 595px;
        margin: 30px 0 0 0px;
    }
}