/* ---------------------------------------------------------
# Login
------------------------------------------------------------ */
.tx-login {
background-color: #FFFFFF;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.46);
position: fixed;
top: 30%;
padding: 50px;
width: 400px;
z-index: 999;
left: 50%;
transform: translateX(-50%);
}
.tx_login_txt {
position: relative;
top: -2px;
}
.tx-login .status {
display: none;
font-size: 14px;
font-weight: 500;
}
.tx-login-overlay {
height: 100%;
width: 100%;
background-color: rgba(0,0,0,0.97);
position: fixed;
z-index: 998;
}
.login_button {
/* padding: 8px 0;
float: right;*/
padding-left: 5px;
}
.login_button:before {
font-family: bootstrap-icons;
content: "\f1be";
padding-right: 5px;
}
.tx-login h5 {
font-size: 14px;
padding-bottom: 25px;
font-weight: 500;
}
.tx-close {
position: absolute;
top: 0;
right: 0;
background-color: #ff0000;
opacity: .5;
color: white;
padding: 5px 5px 6px 7px;
}
.tx-close:not([href]):not([tabindex]) {
color: white;
cursor: pointer;
}
.tx-close:not([href]):not([tabindex]):focus, .tx-close:not([href]):not([tabindex]):hover {
color: white;
}
.tx-close:hover {
opacity: 1;
color: white;
}
.tx-lost-pass {
float: right;
padding-top: 10px;
}
.tx-login input[type='text'], [type='password'] {
padding: 7px 10px;
width: 100%;
border: 1px solid #cecece;
}
.tx-login input.submit_button {
background-color: #8CC63F;
border: none;
font-size: 14px;
padding: 8px 20px;
letter-spacing: .5px;
color: #fff;
font-weight: 400;
float: left;
border: 2px solid transparent;
text-transform: uppercase;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
transition: all 0.3s ease 0s;
}
.tx-login input.submit_button:hover {
background-color: #AEDB49;
cursor: pointer;
}
.tx-login .no_acc {
padding: 20px 0 10px;
}
.tx-login .close {color:#f00;}