.main_content_login{padding-left: 0;}
.main_content_login .row{min-height: 100vh}

.main_footer{padding-left: 0;}
.main_logo{margin-bottom: 24px;}
.main_logo svg{height:50px;}

#boxLogin{background-color: var(--dark); padding: 32px;}

#forgotPassword{font-size: 14px}
#boxLogin .divider{position:relative;width:100%;display:flex;justify-content:center;align-items:center;margin-top:32px;margin-bottom:32px; color: #fff;  opacity: .7;}
#boxLogin .divider span{display: block; width: 50px; height: 20px; line-height: 20px; background-color: var(--dark); z-index: 1; text-align: center;}
#boxLogin .divider::before{content:"";display:block;position:absolute;top:50%;left:0;width:100%;height:1px;border-bottom: 1px solid var(--main); opacity: .1; transform: translateY(-50%);}




#googleSignIn .loader{position: absolute; display: none; border-radius: inherit; top: 0; left: 0; width: 100%; height: 100%; background-color: inherit; cursor:not-allowed; }

#googleSignIn .loader::after{content: ""; border: 2px solid #fff; border-left-color: transparent; border-right-color: transparent; border-radius: 50%; width: 10px; height: 10px;  -webkit-animation: spin_loader_btn .5s linear infinite;  animation: spin_loader_btn .5s linear infinite;}
#googleSignIn.sending .loader{z-index: 2; display: flex;}

@media (min-width:480px){
    #boxLogin{padding: 50px; max-width:400px}
}

@media (min-width:992px){
    #boxLogin{padding: 60px 100px; max-width:500px}
    #boxLogin .title{font-size: 20px; margin-bottom: 32px;}
}