/*
 * SimpleModal Login - WordPress Modal Ajax Login
 * Theme: default
 * Copyright 2014 Studio Fuel (http://www.studiofuel.com)
 */

#simplemodal-login-overlay {background-color:#ccc;}

#simplemodal-login-container {
    width:340px;
    font-size: 16px;
}

/*yaroslav, added tml plugin support - p.error*/
#simplemodal-login-container .message,
#simplemodal-login-container #login_error, #simplemodal-login-container p.error {
    background-color: #ffebe8; border:1px solid #c00; margin-bottom:8px; padding:6px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
#simplemodal-login-container .message {background-color:#ffffe0; border-color:#e6db55;}
#simplemodal-login-container form {
    background:#e3e6e7; /*yaroslav*/
    border:1px solid #e5e5e5; font-weight:normal; margin-left:auto; padding:16px;
    text-align:left;
/*    -moz-border-radius:11px; -webkit-border-radius:11px; border-radius:5px;*/
    -moz-box-shadow:rgba(153,153,153,1) 0 4px 18px; -webkit-box-shadow:rgba(153,153,153,1) 0 4px 18px; box-shadow:rgba(153,153,153,1) 0 4px 18px;}
#simplemodal-login-container form label {
    color:#777;
    font-size:100%;
    margin-left: 3px;
    margin-bottom: 0.3em;
}
#simplemodal-login-container form p {margin:0;}
#simplemodal-login-container form .forgetmenot {
    font-size:100%;
    font-weight:normal;
    float:left;
    line-height:19px;
    margin-bottom:0;
}
#simplemodal-login-container form .submit input {
    /*yaroslav*/
/*    background-color:#257ea8;*/
/*    margin-right: 2px;
    margin-top: 14px;*/
    background-color: #1987c5;
    border:none; border:1px solid;
    color:#fff;
/*    font-weight:bold;*/
    padding:3px 10px;
    font-size:110%;
    -moz-border-radius:1px;
    -webkit-border-radius:1px;
    border-radius:1px;
    cursor:pointer;
    text-decoration:none;
/*    margin-top:0px;*/
    width: 300px;
    margin-top: 2px;
    margin-left: 4px;
    margin-bottom: 6px;
}
#simplemodal-login-container form p.submit {
    /*yaroslav*/
    /*    background-color:#257ea8;*/
    margin-top: 14px;
}

#simplemodal-login-container form .submit {/*float:right;*/}
/*#simplemodal-login-container form .submit input.simplemodal-close {background-color:#c00;}*/
#simplemodal-login-container .title {
/*    color:#257ea8;*/
    color:#777;
    font-size:110%;
    padding-bottom: 0.8em;
    text-align: center;
/*    text-transform: lowercase;*/
}
#simplemodal-login-container .title::before {
    content: "Or ";
}

#simplemodal-login-container .res_pass {
    padding-top:30px;
}
#simplemodal-login-container .res_pass::before {
    content: "";
}

#simplemodal-login-container .nav {
    font-size: 100%;
    clear:both;
    color:#888;
    padding-top:0.5em;
    text-align:center;
}
#simplemodal-login-container .nav a {color:#888;}
#simplemodal-login-container .reg_passmail {
    clear:both;
    color:#666;
    /*yaroslav*/
/*    font-weight:bold;*/
    padding-top:8px;
    padding-bottom:0px;
    text-align:center;
}

#simplemodal-login-container .user_pass,
#simplemodal-login-container .user_login,
#simplemodal-login-container .user_email,
#simplemodal-login-container #pass1,
#simplemodal-login-container #pass2 {
    /*yaroslav*/
    font-size:100%;
    padding-bottom: 0.4em;
    padding-left: 0.8em;
    padding-right: 0.8em;
    padding-top: 0.4em;
    resize: none;
    border:1px solid #e5e5e5;
    font-weight: normal;
    /*yaroslav*/
/*    padding:3px;*/
/*    width:97%;*/
    width: 300px;
    margin-top:2px;
    margin-left:3px;
    margin-bottom:6px;
    background:#fbfbfb;
}

#simplemodal-login-container .required_field::after
{
    content: " *";
    color: red;
}

.simplemodal-login-fields {
    padding-right: 5px;
}

#simplemodal-login-container .rememberme {
    vertical-align:top;
}
.simplemodal-login-activity {background:url(./includes/images/loading.gif) center no-repeat; height:16px; margin-bottom:12px;}

.simplemodal-logo {
    left: 50%;
    margin-left: -35px;
    position: absolute;
    top: -35px;
}

a .simplemodal-close {
    margin-left: 300px;
    position: absolute;
    top: 12px;
    font-size: 200%;
    color: #9ca0a2;

    -x-system-font: none;
    display: inline-block;
    font-family: FontAwesome;
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant-alternates: normal;
    font-variant-caps: normal;
    font-variant-east-asian: normal;
    font-variant-ligatures: normal;
    font-variant-numeric: normal;
    font-variant-position: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    transform: translate(0px, 0px);
}

a .simplemodal-close::before {
    content: "";
}
/*override form inline style*/
#simplemodal-login-container[style] {
    top: 80px !important;
}
@media (max-width: 767px) {
    #simplemodal-login-container[style] {
        top: 50px !important;
    }
}
@media (max-width: 400px) {
    #simplemodal-login-container .user_pass,
    #simplemodal-login-container .user_login,
    #simplemodal-login-container .user_email,
    #simplemodal-login-container #pass1,
    #simplemodal-login-container #pass2,
    #simplemodal-login-container form .submit input {
        width: 200px;
    }
    #simplemodal-login-container {
        width:240px;
    }
    a .simplemodal-close {
        margin-left: 200px;
    }
    #simplemodal-login-container .user_pass,
    #simplemodal-login-container .user_login,
    #simplemodal-login-container .user_email,
    #simplemodal-login-container #pass1,
    #simplemodal-login-container #pass2 {
        font-size:65%;
        margin-bottom:0px;
        margin-top: 0px;
    }
    #simplemodal-login-container form label {
        font-size:75%;
    }
    #simplemodal-login-container .title {
        font-size: 90%;
    }
    #simplemodal-login-container form .submit input {
        font-size: 80%;
    }
    #simplemodal-login-container .reg_passmail  {
        font-size:60%;
    }
    #simplemodal-login-container .nav {
        font-size: 75%;
    }
    #simplemodal-login-container form .forgetmenot {
        font-size: 80%;
    }
}