.login {
//color: #d2d2d2;
label {
font-size: 13px;
font-size: 1.3rem;
font-weight: 700;
}
small {
display: block;
width: 100%;
overflow: auto;
}
}
.signin-title {
font-size: 28px;
font-size: 2.8rem;
}
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset;
}
.login-username, .login-password, .login-remember {
text-align: left;
}
.login-remember {
float: left;
font-size: 80%;
}
.login-submit {
float: right;
}
#login-error {
background-color: #FFEBE8;
border:1px solid #C00;
font-size: 12px;
margin-bottom: 87x;
padding: 8px 16px;
}   html.remodal-is-locked {
overflow: hidden;
touch-action: none;
} .remodal,
[data-remodal-id] {
display: none;
} .remodal-overlay {
position: fixed;
z-index: 9999;
top: -5000px;
right: -5000px;
bottom: -5000px;
left: -5000px;
display: none;
} .remodal-wrapper {
position: fixed;
z-index: 1000000;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: none;
overflow: auto;
text-align: center;
-webkit-overflow-scrolling: touch;
}
.remodal-wrapper:after {
display: inline-block;
height: 100%;
margin-left: -0.05em;
content: "";
} .remodal-overlay,
.remodal-wrapper {
backface-visibility: hidden;
} .remodal {
position: relative;
outline: none;
text-size-adjust: 100%;
}
.remodal-is-initialized { display: inline-block;
}  .remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
filter: blur(3px);
} .remodal-overlay {
background: rgba(43, 46, 56, 0.9);
}
.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
animation-duration: 0.3s;
animation-fill-mode: forwards;
}
.remodal-overlay.remodal-is-opening {
animation-name: remodal-overlay-opening-keyframes;
}
.remodal-overlay.remodal-is-closing {
animation-name: remodal-overlay-closing-keyframes;
} .remodal-wrapper {
padding: 10px 10px 0;
} .remodal {
box-sizing: border-box;
width: 100%;
margin-bottom: 10px;
padding: 40px 60px;
transform: translate3d(0, 0, 0);
color: #2b2e38;
background: #fff;
}
.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
animation-duration: 0.3s;
animation-fill-mode: forwards;
}
.remodal.remodal-is-opening {
animation-name: remodal-opening-keyframes;
}
.remodal.remodal-is-closing {
animation-name: remodal-closing-keyframes;
} .remodal,
.remodal-wrapper:after {
vertical-align: middle;
} .remodal-close {
position: absolute;
top: 20px;
right: 20px;
display: block;
overflow: visible;
width: 35px;
margin: 0;
padding: 0;
cursor: pointer;
transition: color 0.2s;
text-decoration: none;
color: #95979c;
border: 0;
outline: 0;
background: transparent;
}
.remodal-close:hover,
.remodal-close:focus {
color: #2b2e38;
}
.remodal-close:before {
font-size: 25px;
font: normal normal normal 28px "dashicons";
line-height: 35px;
position: absolute;
display: block;
content: "\f335";
text-align: left;
} .remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
padding: 0;
border: 0;
} @keyframes remodal-opening-keyframes {
from {
transform: scale(1.05);
opacity: 0;
}
to {
transform: none;
opacity: 1;
}
}
@keyframes remodal-closing-keyframes {
from {
transform: scale(1);
opacity: 1;
}
to {
transform: scale(0.95);
opacity: 0;
}
}
@keyframes remodal-overlay-opening-keyframes {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes remodal-overlay-closing-keyframes {
from {
opacity: 1;
}
to {
opacity: 0;
}
} @media only screen and (min-width: 641px) {
.remodal {
max-width: 500px;
}
} .lt-ie9 .remodal-overlay {
background: #2b2e38;
}
.lt-ie9 .remodal {
width: 700px;
}