/**
* verde: #97c93f;
*
**/

body {
    padding-bottom: 2rem;
}

@media screen and (min-width: 1200px) {
    .container {
        max-width: 1600px;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .form-container {
        max-width: 945px;
        margin: auto;
    }
}

.header-wrapper {
    background-color: #f5f5f5;
}

.header-content {
    padding: 0.3rem 0.9rem;
    height: 88px;
    max-width: 1600px;
    margin: auto;
}

.logo-ro {
    display: block; 
    background-repeat: no-repeat;
    background-size: contain;
    float: left;
    width: 345px;
    height: 40px;
}

.logged-user-label {
    color: white;
    font-size: .9rem;
}

.logged-user-label .sep {
    display: inline-block;
    padding: 0 0.3rem;
    font-size: 0.96rem;
    vertical-align: top;
}

.navbar-ro {
    margin-bottom: 1.5rem;
    padding: 0;
}

.bg-ro-gerencial {
    background-color: #808080 !important;
    margin-top: 3px;
}

.navbar-dark .navbar-nav.ul-docs .nav-link {
    padding: 0.45rem 1.5rem;
    color: white;
    font-size: .9rem;
}

.navbar-dark .navbar-nav.ul-docs .nav-link:hover {
    background-color: #9c9c9c;  
}

.navbar-dark .navbar-nav.ul-docs .active > .nav-link {
    background-color: #666;
    color: white;
}


.navbar-dark .navbar-nav.nav-ro,
.navbar-dark .navbar-nav.nav-ro a.dropdown-vistas {
    font-size: 0.9rem;
    color: white;
}

.navbar-dark .navbar-nav.nav-ro .nav-item {
    margin: 0 .5rem;
}

.dropdown-user-mode {
    background-color: gray;
    min-width: 7rem;
    top: 1.8rem;
    left: -1rem;
}

.dropdown-user-mode .dropdown-item {
    font-size: .9rem;
    color: white;
    padding: 0.25rem 1rem;
}

.dropdown-user-mode .dropdown-item:hover, 
.dropdown-user-mode .dropdown-item:focus, 
.dropdown-user-mode .dropdown-item:active {
    background-color: #666;
    color: white;
}

/* Secciones de los documentos */

.section-document {
    background-color: #f3f3f3;
    padding: 10px 0;
    /* Para usar luego de login-bar */
    margin-top: -1rem;
    margin-bottom: 1.2rem;
    color: #414141;
}

.section-title {
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 0.1rem;
    margin-bottom: 2.5rem;
}

.section-title h2 {
    padding-top: .3rem;
}

.subsection-title {
    margin-bottom: 1.5rem;
    margin-top: 2rem;
}

.login-background {
    background: linear-gradient(#f3f3f3 60%, #dadada);
    height: 100vh;
}

/*.site-login {
    margin-top: 2rem;
}*/

.login-box {
    margin-top: 2rem;
    margin: auto;
    width: 70%;    
    min-width: 283px;
    padding: 2rem 1rem 1rem;
    border-radius: 13px;
    box-shadow: 0px 8px 17px #0003, 0px 7px 32px #0000001a;
    background-color: #f9f9f9;
    max-width: 470px;
}

.mensaje div{
    opacity: 1;


}

@media screen and (min-width: 768px) {
    .login-box {
        min-width: 410px;
        width: auto;
    }
}

.site-error {
    margin-top: 4rem;
}

#login-form{
    max-width: 410px;
}