/***Login page***/
html,body{width:100%;height:100%;min-width:100%!important; font-family: "Open Sans",sans-serif;}
body{background-color:#F9F9F9;}
.login .title{text-align: center;padding: 20px;}
.login h1.title-message{font-size: 26px;text-align: center;display: block;}
.login-wrap{width:550px;position:absolute;margin-left:auto;margin-right:auto;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.login-wrap .title{background-color:#fafafa;text-align:center;padding:0 0 35px;border-top-left-radius:3px;border-top-right-radius:3px;}
.login-wrap .title img{margin:0 auto;}
.login-wrap .content{position:relative;padding:20px 30px 30px;}
.login-wrap .content .alert-msg{background-color:#ffcccc;border:1px solid #ebb2b2;text-align:center;color:#9b1414;font-size:12px;position:absolute;top:0;left:0;right:0;line-height:30px;}
.login-wrap .content h4{text-transform:uppercase;color:#444;font-weight:400;text-align:center;}
.login-wrap .content h4 .tie{text-transform:none;font-weight:600;color:#2e8bd6;letter-spacing: 1px;}

.login-wrap .login-btn {
    width: 100%;
    border: 0;
    padding: 22px 0;
    border-radius: 6px;
    font-size: 18px;
    font-weight: 500;
    background: #ebf0f5;
    transition: all .5s ease-in-out;
    cursor: pointer;
    color: #b6c1d5 !important;
    opacity: 0.7;
    text-shadow: none !important;
    box-shadow: none;
}
.login-wrap .login-btn {
    background: #00B4CA;
    color: #fff !important;
    transition: all.5s ease-in-out;
    opacity: 1 !important;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25) !important;
}
.login-wrap .login-btn.active:hover{
	background: #178997;
}
.login-wrap .login-btn.p-disable,
.login-wrap .login-btn[disabled],
.login-wrap .login-btn.p-disable[disabled] {
    background: #d1e9f0;
    border: 1px solid #bcd6dd;
    color: #5b6b73 !important;
    opacity: 1 !important;
    cursor: default;
    box-shadow: none;
    font-weight: 600;
}
.login-wrap .login-btn.p-disable:hover,
.login-wrap .login-btn[disabled]:hover,
.login-wrap .login-btn.p-disable[disabled]:hover {
    background: #d1e9f0;
    border-color: #bcd6dd;
    color: #5b6b73 !important;
    box-shadow: none;
}

.social-login-btn{
	padding: 10px 6px;
    text-align: center;
    font-size: 13px;
    width: 48%;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #747775;
    border-radius: 7px;
    color: #333;
}

/*.social-login-btn span{
	position: absolute;
    margin: 5px 10px 0px 10px!important;
}*/

.social-login svg {
    width: 28px;
    display: inline-block;
    vertical-align: middle;
    height: 28px;
    margin-right: 5px;
}

.login-footer-wrap{padding:10px 30px;}
.login-wrap form{margin:0;}
.login-wrap .icn-fld{padding-left:35px!important;}
.login-wrap .mail-icn{position:relative;}
.login-wrap .mail-icn:before{left:9px;z-index: 99;content:"\f0e3";width:20px;height:20px;position:absolute;font-family:'Material Design Iconic Font';font-size:20px;color:#959595;margin: 25px 10px;}
.login-wrap .pass-icn{position:relative;}
.login-wrap .pass-icn:before{left: 9px;z-index: 99;content:"\f041";width:20px;height:20px;position:absolute;font-family:'Material Design Iconic Font';font-size:20px;color:#959595;margin: 25px 10px;}

.login-wrap input[type="text"], .login-wrap input[type="password"] {
    border: 1px solid #D4D4D4;
    width: 100%;
    padding: 22px 35px 22px 50px !important;
    border-radius: 6px;
    box-sizing: border-box;
    margin-top: 5px;
    display: inline-block;
    color: #333;
    font-size: 16px;
    min-height: 62px;
    transition: all .5s ease-in-out !important;
    margin-bottom: 0;
}


.input-icon{position:relative;}
.input-icon.error input{border-color:#F92F2F!important;}

.alert{padding: 15px 42px 12px 70px;margin-bottom:20px;text-shadow:0 1px 0 rgba(255,255,255,0.5);background-color:#fff;border:0;border-left:3px solid #ffc119;position:relative;min-height:30px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.26);box-shadow:0 1px 2px rgba(0,0,0,0.26); line-height: 28px}
.alert:before{background:#ffc119;border-radius:50%;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.26);box-shadow:0 2px 5px 0 rgba(0,0,0,0.26);content:"\f05b";display:inline-block;font-family:"Material Design Iconic Font";font-size:1.5em;left:18px;/*opacity: 0.5;*/position:absolute;top:15px;width:35px;height:35px;color:#fff;text-align:center;line-height:1.77em;}
.alert,.alert h4{color:#c09853;}
.alert h4{margin:0;}
.alert .close{background:url(../../img/remove-icon-small.png) no-repeat center center;border-radius:50%;opacity: 1;display:inline-block;width:25px;height:25px;position:absolute;top:11px;right:3px;line-height:20px;/* border: 1px solid #D8D8D8; */}

/* .alert .close:hover {background-color:#e7e7e7;}
.alert:hover .close{ border:1px solid #E8E8E8;} */

.alert-success{color:#468847;/*background-color: #dff0d8;*/border-color:#4caf50;}
.alert-success:before{background:#4caf50;content:"\f299";}
.alert-success h4{color:#468847;}
.alert-danger,.alert-error{color:#000;/*background-color: #f2dede;*/border-color:#f44336;}
.alert-danger:before,.alert-error:before{background:#f44336;content:"\f0a0";}
.alert-danger h4,.alert-error h4{color:#b94a48;}
.alert-info{color:#3a87ad;/*background-color: #d9edf7;*/border-color:#2196f3;}
.alert-info:before{background:#2196f3;content:"\f039";}
.alert-info h4{color:#3a87ad;}

.alert-error {
    background-color: rgb(242, 222, 222);
    margin-top: 15px;
    line-height: 12px;
    margin-bottom: 10px !important;
}

.alert .error-title{
	font-weight: bold;
}
.alert .message{
	margin-top: 5px;
    line-height: 19px;
}

.forgot-password a{
	display: inline-block;
    color: #369EF3;
    text-decoration: none;
    font-size: 14px;
    padding: 0px 0;
    transition: all .5s ease-in-out;
}

.mfa_img_wrap{
	width: 100%;
    text-align: center;
}

.mfa_img_wrap img{
	width: 100%;
    max-width: 250px;
}

h1.card-title {
    font-size: 26px;
    text-align: center;
    display: block;
    padding: 0 0 16px 0;
    margin-bottom: 0;
}

.login-wrap input[type="text"]:focus, .login-wrap input[type="password"]:focus {
    border: 1px solid #01b4ca !important;
    outline: none !important;
    box-shadow: 0 0 20px -9px #01b4ca !important;
	background:transparent !important;
}
.login-wrap .card-wrap{
    display: block;
    border-width: 0;
    box-shadow: 0 0px 13px rgb(0 0 0 / 10%);
    box-shadow: 0 0px 13px rgb(0 0 0 / 10%);
    border-radius: 10px;
    background-color: #fff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0 10px 10px;
}
.social-login {
    display: flex;
    justify-content: space-between;
}
.social-login-btn {
    padding: 10px 6px;
    text-align: center;
    font-size: 15px;
    width: 48%;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #747775;
    border-radius: 7px;
    margin-left: 0px;
    margin-right: 0px;
    color: #333;
}

.frgt_pass_custom button{
    width: 100%;
    border: 0;
    padding: 22px 0;
    border-radius: 6px;
    font-size: 18px;
    font-weight: 500;
    background: #ebf0f5;
    transition: all .5s ease-in-out;
    cursor: pointer;
    color: #b6c1d5 !important;
    opacity: 0.7;
    text-shadow: none !important;
}
.frgt_pass_custom button {
    background: #00B4CA;
    color: #fff !important;
    transition: all.5s ease-in-out;
    opacity: 1 !important;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25) !important;
}
.frgt_pass_custom button:hover {
    background: #178997;
}

@media (max-width: 600px), (max-height: 650px) {
	.login-wrap {
	    width: 550px;
	    position: unset;
	    margin-left: auto;
	    margin-right: auto;
	    top: 0%;
	    left: 0%;
	    transform: unset;
	}
	.login-wrap .title {
		padding: 20px 0 20px;
	}
}