span.tooltip {
    border-bottom: solid 1px pink;
}
.login {
background-color: #e4e2e2;
}
.login #pageWrapper {
background-color: #EDEDED;
width: 1365px;
border: none;
}
.login.form .message {
font-weight: bold;
margin: 20px 20px 10px 20px;
}
.login.form .token.code.row, .login.form .token_val_form_seca.row {
    text-align: center;
}
.login.form .token_val_form_secq.row {
    text-align: center;
    color: red;
}
.login.form #token_val_form_token,
.login.form #token_val_form_seca {width: 240px;border: solid 4px #a4a4a4;font-weight: bold;font-size: 18px;color: #A52A2A;text-align: center;}
.login.form #token_val_form_seca {
    width: 250px;
}
/* .browser-msie .login.form #token_val_form_token, */
/* .browser-msie .login.form #token_val_form_seca { */
/* height: 18px; */
/* } */
.login.form .helper.pass {
display: none;
}
.login.form {
    max-width: 95%;
}
.browser-msie .login.form .helper.pass {
display: inline;
}
.login #pageWrapper div.border {
border: none;
}
.login.form #enter_code {
text-align: left;
margin-left: 62px;
display: inline-block;
width: 157px;
font-weight: normal;
}
.login.form {width: 450px;height: 242px;border-radius: 5px;margin: auto;position: absolute;top: 0;left: 0;bottom: 0;right: 0;}
.login form {
background-color: white;
border-radius: 5px;
}
.login.form .top_line {
background-color: #000;
border-radius: 5px 5px 0px 0px;/*    height: 28px; */
}
.login.form .top_line .login_help .help {
float: right;
/*    height: 22px;*/
margin: -20px 6px 0px 0px;
}
.top_line {
padding: 5px 5px;
}
.login.form .login_help {position: relative;}
.login.form .login_help.login_popup:hover::after, .login.form .login_help.auth:hover::after {
content: attr(data-title);
}
.login.form .login_help.login_popup.auth:hover::after {
width: 300px;
}
.login.form #question {
margin-left: 144px;
}
.login.form .login_help:hover::after {
position: absolute;
left: 100%;
bottom: 10%;
z-index: 1;
background: #e6e6e6;
font-size: 11px;
padding: 5px 10px;
border: 1px solid #BABABB;
width: 190px;
}
.login.form .password.help {
    padding: 0px 20px;
}
.login.form .icon {
margin-left: 11px;
color: #ffff00;
font-size: 16px;
font-weight: bold;
}
.login.form #login_form_email {
width: 267px;
border-radius: 3px;
border: solid 2px #BABABB;
background-color: #f7f7f7;
}
.login.form #login_form_email::-webkit-input-placeholder, .login.form #login_form_password::-webkit-input-placeholder, .login.form #new_pass_form_password_::-webkit-input-placeholder, .login.form #login_form_email::-moz-placeholder, .login.form #login_form_password::-moz-placeholder, .login.form #new_pass_form_password_::-moz-placeholder, .login.form #login_form_email::-ms-input-placeholder, .login.form #login_form_password::-ms-input-placeholder, .login.form #new_pass_form_password_::-ms-input-placeholder {
 color: #ccc;
}
.login.form .header {
margin: 20px 0px 15px 35px;
font-weight: bold;
font-size: 14px;
text-shadow: 0 1px 0 #E3E5E7;
}
.login.form #new_pass_form_password, .login.form #new_pass_form_password_ {
width: 200px;
border-radius: 5px;
border: solid 2px #BABABB;
background-color: #f7f7f7;
}
.login.form #login_form_password {
width: 267px;
border-radius: 5px;
border: solid 2px #BABABB;
background-color: #f7f7f7;
color: black;
}
.login.form .forgot_pass {
font-weight: normal;
font-size: 11px;
margin: 5px 17px 0px 127px;
text-shadow: 0 1px 0 #E3E5E7;
line-height: 9px;
}
.browser-msie .login.form .forgot_pass {
line-height: 14px;
margin-top: 2px;
}
.login.form .forgot_pass, x:-moz-any-link {
 line-height: 11px;
 margin-top: 1px;
}

.login.form .auth.buttons.row, 
.login.form .resend.buttons.row {
    text-align: center;
    margin-bottom: 0px;
}

.login.form .forgot_btn {
background: none;
border: none;
margin-left: -5px;
cursor: pointer;
}
.login.form .forgot_btn span {
color: #1E90E0;
text-decoration: underline;
margin-left: -4px;
}
.login.form .remember {
font-weight: normal;
text-shadow: 0 1px 0 #E3E5E7;
}
.login.form .remember_instructions {
font-size: 10px;
font-weight: normal;
color: #333333;
text-shadow: none;
}
.login.form #login_form_rememberme {
background-color: #f7f7f7;
vertical-align: middle;
}
.login.form #login_btn {
background-color: #1B9D2C;
width: 108px;
border: solid 2px #40974C;
}
.login.form #login_btn:hover {
/* background-color: #2398EB; */
/* border: solid 1px #2F5BB7; */
}
.login.form #login_btn_done {
margin-top: -4px;
background-color: #1B9D2C;
width: 131px;
border-radius: 5px;
border: solid 2px #40974C;
height: 35px !important;
}
.login.form #login_btn_auth {
background-color: #1B9D2C;
border: solid 2px #40974C;
width: 131px;
height: 35px !important;
float: none;
}
.login.form #login_btn_auth span {
font-size: 16px;
}
.login.form button.select, .login.form button.start, .login.form #resend {
min-width: inherit;
border: none;
border-bottom: solid 1px grey;
color: grey;
background: none;
font-weight: normal;
cursor: pointer;
}
.login.form form .row span.resend-message {
font-size: 10px;
font-weight: bold;
color: rgb(143, 143, 143);
}
.login.form form .row div.resend {
font-weight: bold;
color: rgb(92, 92, 92);
padding: 5px 0px;
margin-top: 10px;
text-align: center;
}
.login.form .css3.get_code {
background-color: #1B9D2C;
width: 110px;
border: solid 2px #40974C;
}
.login.form .label_login_btn {
text-shadow: 0 0px 0 #1E90E0;
min-width: 93px;
color: white;
font-size: 16px;
}
.login.form .label_login_btn_auth {
text-shadow: 0 0px 0 #1E90E0;
min-width: 93px;
color: white;
font-size: 21px;
}
.login.form .bottom_line {
background-color: #e6e6e6;
border-radius: 0px 0px 15px 15px;
height: 28px;
}
.login.form .icon .img {
height: 19px;
margin-top: 2px;
margin-right: 3px;
}
.login.form div.row {
margin-top: 5px;
margin-bottom: 10px;
}
.login.form #login_block div.firstrow {
margin-top: 21px;
margin-bottom: 10px;
}
.login.form div.row.checkbox {
margin-left: 50px;
}
.login.form div.row.checkbox input[type=radio] {
vertical-align: text-bottom;
display: none;
}
.login.form div.row.checkbox input[type="radio"] + label span {
display: inline-block;
vertical-align: middle;
width: 16px;
height: 16px;
margin: -1px 4px 0 0;
background: url(/images/radiobutton.jpg) no-repeat -5px -32px;
cursor: pointer;
}
.login.form div.row.checkbox input[type="radio"]:checked + label span {
background: url(/images/radiobutton.jpg) no-repeat -32px -32px;
}
.login.form div.row.checkbox label {
width: auto;
}
.login.form div.row.checkbox.center {
margin-left: 124px;
}
.login.form p {
text-align: center;
clear: both;
}
.login.form .error {
padding-bottom: 5px;
color: red;
margin-left: 15px;
}
.login.form .label2.pass {
width: 174px;
}
.login.form .label2 {
text-align: right;
width: 119px;
text-shadow: 0 1px 0 #E3E5E7;
}
/*.login.form form .info {
    padding-bottom: 10px;
    color: blue;
}*/
.login.form form label {
text-align: left;
display: inline-block;
width: 140px;
font-weight: bold;
}
.login.form form input[type=text], .login.form form input[type=password] {
width: 200px;
border: solid 1px #D9D9D9;
padding: 5px;
}
.login.form form .action-buttons {
text-align: center;
padding: 10px 10px 20px 10px;
}
.login.form form .action-buttons button {
float: none;
}
.login.form form .action-buttons button span.label {
min-width: 10em;
text-align: center;
}
.login.form .notes {
text-align: justify;
font-size: 11px;
padding: 10px 10px 0px 10px;
}
.login.form .notes span {
font-weight: bold;
}
.login.form .member-data {
    padding: 5px;
    text-align: center;
}
@media screen and (max-width: 425px) {
    * {
        box-sizing: border-box;
    }

    .mobile-device .login.form .firstrow,
    .mobile-device .login.form .row {
        margin: 0 10px;
    }

    .mobile-device .login.form .token_val_form_secq.row {
        font-size: 1.5em;
    }
    
    .mobile-device .login.form .forgot_pass {
        margin: 10px;
    }

    .mobile-device .login.form .label2.pass {
        width: 100%;
    }

    .mobile-device .login.form .forgot_pass,
    .mobile-device .login.form .forgot_pass button {
        margin-left: 0;
    }
    
    .mobile-device .login.form .forgot_pass button span {
        font-size: 1.3em;
    }

    .mobile-device .row.password.help,
    .mobile-device .login.form input,
    .mobile-device .remember,
    .mobile-device .login.form .remember_instructions {
        font-size: 1.2em;
    }

    .mobile-device .message,
    .mobile-device .login.form form label {
        display: block;
        font-size: 1.3em;
    }
    
    .mobile-device .login.form .label2,
    .mobile-device .login.form #new_pass_form_password,
    .mobile-device .login.form #new_pass_form_password_,
    .mobile-device .login.form #login_form_email,
    .mobile-device .login.form #login_form_password {
        width: 100%;
        margin: 0 auto;
    }
    .mobile-device .login.form .label2 {
        text-align: left;
    }

    .mobile-device .login.form div.row.checkbox.center {
        margin: 0 10px;
    }
    
    .mobile-device .login.form .login_help:hover::after {
        right: 10%;
        left: unset;
    }
}