/*
 * @Description: 
 * @Author: 
 * @Date: 2021-08-12 17:36:19
 * @LastEditTime: 2021-08-18 15:24:58
 * @LastEditors: Please set LastEditors
 */

.content-login {
    padding-bottom: 6%;
}

.content-login .row.box {
    padding: 0 var(--padding-loggin);
}

.content-login h2 a.active {
    color: var(--fourth-color)!important;
}

.box-login-register {
    background: var(--background-first-color);
    box-shadow: -10px -10px 40px rgba(80, 80, 80, 0.05), 10px 10px 20px rgba(132, 110, 110, 0.05);
    padding: 5% 17.35% 8%;
    width: 100%;
}

.content-login .form-group {
    width: 100%;
    position: relative;
}


/* input padding for icon   */

.content-login .form-group input {
    padding-left: 30px;
}


/* password eye */

.content-login .password-eye-icon {
    position: absolute;
    cursor: pointer;
    top: 2.5rem;
    right: 0;
}


/* social login */

.btn.social_login {
    color: var(--first-color);
    border: none;
    font-weight: var(--weight-2);
}

.btn.social_login .fab{
    color: var(--first-color);
    -webkit-background-clip: text;
}

.btn.social_login:hover, .btn.social_login:active {
    background: var(--first-color);
    color: var(--fourth-color);
    border: 1px solid var(--fourth-color);
    font-weight: var(--weight-2);
}

.btn.social_login .fab:hover,
.btn.social_login .fab:active,
.btn.social_login:hover .fab,
.btn.social_login:active .fab {
    color: var(--fourth-color);
}

.social_login.login_facebook {
    background: var(--logo-facebbok-color);
}

.social_login.login_google {
    background: var(--logo-google-color);
}