* {

    box-sizing: border-box;

}

html, body {

    /* font-family: 'Google Sans'; */

    font-size: 15px;

    color: #333;

    line-height: 1.4;

}

body.login {

    background: url(./login-admin.jpg) no-repeat;

    background-size: cover;

    position: relative;

}

.privacy-policy-link,

.login #backtoblog a, .login #nav a {

    color: #ff8b00;

}

#login h1 a {

    background-image:url(./logo-seoviet.png);

    height: 50px;

    width: 160px;

    background-size: 100% auto;

    margin-bottom: 20px;

}

#wp-submit {

    background: #e7041c;    

    border: none;   

    color: white;   

    box-shadow: none;   

    text-shadow: none;  

    text-transform: uppercase;  

    border-radius: 0;   

    height: 35px;   

    line-height: 35px;  

    padding: 0 20px;

}

.login form {

    background: rgba(0, 0, 0, 0.5);

}

.login form .input, .login input[type=text] {

    border: 1px solid #ebebeb;

    box-shadow: none;

    background: none;

    padding: 0 5px;

    height: 40px;

    color: rgb(0, 0, 0) !important;

    font-size: 16px;

    background: rgb(232, 240, 254);

}

#login_error {

    text-transform: uppercase;

    font-size: 13px;

}

#loginform {

    position: relative !important;

    overflow: initial;

}

#holine_kt, #holine_kd {

    position: absolute;

    width: 330px;

    left: calc(100% + 5px);

    background: rgba(0, 0, 0, 0.3);

    top: 50%;

    transform: translateY(-50%);

    padding: 20px;

    height: 90%;

    /* box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.6); */

}

#holine_kt {

    left: initial;

    right: calc(100% + 5px);

    /* box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.3); */

}

#loginform .submit {

    overflow: hidden;

}

#holine_kt h2, #holine_kd h2 {

    font-size: 18px;

    margin-bottom: 10px;

    padding-bottom: 10px;

    border-bottom: 2px solid #ff8b00;

    color: #FFF;

}

#holine_kt h3, #holine_kd h3 {

    font-size: 14px;

    margin-bottom: 5px;

    color: #FFF;

}

#holine_kt > div, #holine_kd > div {

    font-size: 14px;

    margin-bottom: 5px;

    color: #FFF;

}

#holine_kt > div i, #holine_kd > div i {

    font-size: 13px;

    min-width: 20px;

    color: #FFF;

}

.title {

    font-size: 14px;

    text-align: center;

    margin-bottom: 10px;

}

#login {

    width: 400px;

    max-width: 100%;

    padding: 4% 0 0 0 !important;

    /* background: rgba( 0,0,0,0.6); */

}

.login .privacy-policy-page-link {

    margin: 0 0 2em !important;

}

@media (max-width: 1070px) {

    #holine_kt, #holine_kd {

        position: static;

        box-shadow: none;

        display: none;

    }

}

.title,.login label,

.login form .forgetmenot label {

    color: #FFF;

}