body {
    background-color: white;
}
.main-ctn-outer {
    background-color: white;
    padding:4%;
}

.main-ctn-inner {
    height:100vh;
    background-color: #F4F3F4;

    /*background-image: url('/content/themes/blucare/dist/images/chat-login.png');*/
    /*background-image: url('/content/themes/blucare/dist/images/Interface-PWD.png'); */
    background-repeat: no-repeat;
    background-position: 100% bottom;
    background-size: 650px;
    position: relative;
    font-family: 'Lato', sans-serif;
    z-index: 10;
}



.login-chat {
    position: absolute;
    width:45%;
    bottom:0;
    right:-30px;
    z-index: -1;
}



body #login {
    width:420px;
}

body.login #loginform {
    background-color: #46525d;
    padding:30px 35px;
    position: relative;
    overflow: visible;
    z-index: 100;
}
body.login div#login form#loginform input#user_login{
    margin-bottom: 0;
}
body.login div#login form#loginform input#user_login, body.login div#login form#loginform input#user_pass  {
    background-color: #38424a;
    border: none;
    padding:18px;
    font-size: 14px;
    color:white;
}


body.login div#login form#loginform p.submit input#wp-submit {
    -webkit-appearance: none;
    background-color: #00b4e4;
    text-transform: uppercase;
    border-radius: 50px;
    font-size: 14px;
    letter-spacing: 0.1em;
    width:160px;
    height:40px;
    cursor: pointer;
    line-height: 35px;
    text-shadow: none;
    border:2px solid transparent;
    transition: all 0.3s ease;
}

body.login div#login form#loginform p.submit input#wp-submit:hover {
    /*background-color: white;*/
    /*color: #00b4e4;*/
    /*border:2px solid #00b4e4;*/
}

body.login div#login p#backtoblog {
    position: absolute;
    top:20px;
    left:25px;
    display: flex;
    padding:0;

}

body.login div#login p#backtoblog:before {
    left:0;
    /*content: url('/content/themes/blucare/dist/images/home-dark-blue.svg');*/

}

body.login div#login p#backtoblog a {
    text-transform: uppercase;
    color: #243e84;
    font-weight: 300;
    padding-left:45px;
    font-size: 14px;
    line-height: 17px;
    display: block;
}

body.login div#login p#backtoblog a:before{
    left:0;
    position: absolute;
    content: url('/content/themes/blucare/dist/images/home-dark-blue.svg');
}

.welcome {
    font-size: 17px;
    color:white;
    text-transform: uppercase;
    font-weight: 300;
}

.lost-password {
    color:white;
    display: inline-block;
    margin-top:12px;
    margin-left:17px;
    font-size: 14px;
    font-weight: 400;
}

.copyrights {
    margin:auto;
    display: block;
    width:320px;
    margin-top:30px;
    color: #243e84;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    position: absolute;
    bottom:-40px;

}

.bold {
    font-weight: 700;
}

input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder {
    color: #818181;
    font-size: 14px;
}

@media (max-width:1199px) {

    .login-chat {
        display: none;
    }
}

@media (max-width:767px) {

    .main-ctn-outer {
        padding:0;
    }

    body.login #loginform {
        padding:15px 10px;
    }

    body.login div#login p#backtoblog {
        display: none;
    }

    .welcome {
        font-size: 14px;
    }

    #login h1 a {
        height:30px;
        width:300px;
        background-size: 300px 60px;
    }
    body #login {
        width:300px;
    }

    body.login div#login form#loginform p.submit input#wp-submit {
        line-height: 20px;
        width:100%;
    }
    .lost-password {
        width:100%;
        text-align: center;
        margin-left:0px;

    }
    .copyrights {
        position: absolute;
        left:-5px;
    }

}