/*
Copyright 2019 NuclearCore.

Licenciado bajo desarrollo Nuclear Exclusive Version 1.0 (the "License");
Desarrollado por Spyrohost, más información y soporte: https://www.spyrohost.com/
*/
/* 
    Created on : 04/06/2019, 06:04:35 PM
    Author     : user
*/

/************ Login Template **************/
#page-container{    
    height: 100vh;
    background-image: url('/img/login-bg/bg.png');
}
.login .login-header .brand{
    color: #ffffff;
}
.login .login-header .brand small{
    color: #cbcbcb;
}
.bg-black, .bg-inverse{
    background-color: rgba(0, 0, 0, 0.23) !important;
}
.form-control.inverse-mode{
    background: rgba(255, 255, 255, 0.85);
    color: #282828;
}
.checkbox.checkbox-css label{
    color: #cbcbcb;
}
.logo_nuclear img{
    width: 40px;
}
.btn.btn-success, .btn.btn-success.disabled, .btn.btn-success.disabled:focus, .btn.btn-success.disabled:hover, .btn.btn-success[disabled], .btn.btn-success[disabled]:focus, .btn.btn-success[disabled]:hover{
    background: #2a8dff;
    border-color: #2a80ff;
}
.btn-success.active, .btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .btn-success:focus, .btn-success:hover, .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .open>.dropdown-toggle.btn-success, .open>.dropdown-toggle.btn-success:focus, .open>.dropdown-toggle.btn-success:hover, .show>.btn-success.dropdown-toggle{
    background: #1c67d6;
    border-color: #103b7a;
}
.link-recovery-password{
    font-weight: 600;
    color: #b8bdbf;
    text-decoration: underline;
}
a.link-recovery-password:hover {
    color: #efefef;
}
.modal-dialog {
    min-height: calc(100vh - 60px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: auto;
}
.login-progress,.login-error{
    padding: 30px 0;
    text-align: center;
    /*display: none;*/
}
.parsley-errors-list{
    color: #e56161;
}
.disabled{
    pointer-events:none;
}
@media(max-width: 768px) {
  .modal-dialog {
    min-height: calc(100vh - 20px);
  }
}
@media (max-width: 767px){
    .logo_nuclear{
        display: block;
    }
    .logo_nuclear img {
        width: 73px;
    }
}