.paml-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 10030; }
.paml-backdrop.ml-fade {
opacity: 0;
filter: alpha(opacity=0); }
.paml-backdrop.ml-in {
opacity: 1;
filter: alpha(opacity=100); }   .modal-login-dialog {
max-width: 480px;
margin: auto;
padding: 40px 20px;
z-index: 10050;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-content: center;
min-height: calc(100% - (.5rem * 2)); }
.ml-modal.ml-fade .modal-login-dialog {
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
transform: translate(0, -25%);
-webkit-transition: -webkit-transform 0.15s ease-out;
-moz-transition: -moz-transform 0.15s ease-out;
-o-transition: -o-transform 0.15s ease-out;
transition: transform 0.15s ease-out; }
.ml-modal.ml-in .modal-login-dialog {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0); }
.ml-content {
min-width: 100%;
position: relative;
padding: 40px;
background-color: #ffffff;
background-clip: padding-box;
outline: none; }
.modal-login-content > h2:before {
display: none; }
@media screen and (min-width: 768px) {
.ml-content {
min-width: 480px; } }
.ml-center, .ml-center input {
text-align: center; }
.ml-shadow {
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); }
.ml-fade {
opacity: 0;
-webkit-transition: opacity 0.15s linear;
transition: opacity 0.15s linear; }
.ml-fade.ml-in {
opacity: 1; }
.modal-login-open {
overflow: hidden; }
.ml-modal {
display: none;
overflow: auto;
overflow-y: scroll;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 10040; }
.ml-close-btn {
position: absolute;
top: 15px;
right: 15px;
font-size: 32px;
color: #222; }
.ml-modal .section-container {
position: relative; }
.ml-modal.is-active .ml-content:before {
content: '';
display: block;
height: 100%;
width: 100%;
background-color: rgba(0, 0, 0, 0.3);
position: absolute;
top: 0;
left: 0;
z-index: 1; }
#paml-spinner {
display: none;
z-index: 100; }
.ml-modal.is-active #paml-spinner {
display: block;
position: absolute;
top: 35%;
left: 35%;
-webkit-transform: translate(-65%, -65%);
-moz-transform: translate(-65%, -65%);
-ms-transform: translate(-65%, -65%);
-o-transform: translate(-65%, -65%);
transform: translate(-65%, -65%); }
.modal-login-header .close {
margin-top: -2px; }   #modal-login {
line-height: 1em;
font-size: 16px;
font-weight: 500; }
#modal-login input[type="submit"] {
width: 100%; }
#modal-login .ml-subtitle {
margin: -15px 0 30px; }
#modal-login ::-webkit-input-placeholder { color: #777; }
#modal-login ::-moz-placeholder { color: #777; }
#modal-login :-ms-input-placeholder { color: #777; }
#modal-login :-moz-placeholder { color: #777; }
#modal-login input[type="checkbox"] {
margin: 0; }
.group:after {
content: "";
display: table;
clear: both; }
#modal-login .hide-login {
display: none; }
#modal-login .inline {
display: inline; }
#modal-login .input {
width: 100%;
margin: 0;
outline: 0;
background-color: #fff;
color: #000; }
#modal-login h2 {
margin: 0 0 30px;
font-size: 30px;
line-height: 1.2em; }
#modal-login form {
margin: 0; }
#modal-login .field-titles {
line-height: 2em;
margin: 0; }
#modal-login #forgetmenot {
margin: 0 0 23px; }
#modal-login #forgetmenot input[type="checkbox"]:not(:disabled) {
cursor: pointer; }
#modal-login #forgetmenot input[type="checkbox"] {
display: inline-block;
height: 16px;
width: 16px;
overflow: hidden;
margin: -4px 2px 0;
vertical-align: middle;
transition: .2s ease-in-out;
transition-property: background-color,border;
box-sizing: border-box; }
#modal-login #forgetmenot label {
font-size: 16px;
cursor: pointer;
margin: 0; }
#modal-login #forgotten .submit {
margin-top: 29px; }
#additional-settings {
position: relative;
bottom: 0;
margin: 27px 0 0;
font-size: 14px; }
#additional-settings a {
color: #fff;
outline: none; }
#additional-settings a:hover {
text-decoration: underline;
color: #fff; }
#modal-login .submit .button:hover {
opacity: 0.9; }
#modal-login p {
margin: 0; }
.mlfirst, .mllast, .mluser {
padding-bottom: 15px; }
.g-recaptcha {
padding-bottom: 30px; }
.g-recaptcha > div {
margin-left: auto;
margin-right: auto; }
.mlpsw {
padding-bottom: 26px; }
.mlregpsw {
padding-bottom: 15px; }
.mlregpswconf {
padding-bottom: 30px; }
.mlemail {
padding-bottom: 15px; }
.mlforgt {
padding-bottom: 0; }
#modal-login .field-titles {
line-height: 2em;
margin: 0; }
#modal-login .message {
color: #fff;
padding: 14px 14px;
margin-bottom: 15px; }
#modal-login .error {
background-color: #e15678; }
#modal-login .success {
background-color: #68ca4f; }
#modal-login input[type="text"], #modal-login input[type="password"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
#modal-login input[type="text"], #modal-login input[type="password"] {
padding: 15px;
height: 46px;
font-size: 16px;
line-height: 1; }
#modal-login .submit .button {
border: none;
padding: 15px 20px;
background: #222;
color: #fff;
font-size: 16px;
box-sizing: border-box;
line-height: 1; }
@media screen and (max-width: 767px) {
#modal-login h2 {
font-size: 26px; } }
a[href="#modal-register"] {
cursor: pointer; }