/* Última modificación y arreglos: marzo, 2023 - AndrésLB */

/* AndrésLB - Modificaciones de estilos "Generales" */
body {
    font-family: Poppins,'Segoe UI','Helvetica Neue';
    background-color: #FBFBFE !important;
    padding-top: 4.5rem;
    color: #202124;
    cursor: default;
}

.container {
    max-width: 85%;
}

/* Barra de navegación superior */
.bg-vistalegre {
    background: linear-gradient(#1C4C96, #232f5d) !important;
    font-size: 15px;
}

    .bg-vistalegre a.dropdown-item {
        color: #FBFBFE;
        font-size: 15px;       
    }

    .bg-vistalegre .link-menu > a {
        padding: 12px !important;
        font-weight: 500;
    }

        .bg-vistalegre .link-menu > a:hover, .bg-vistalegre .nav-item a:first-child:out-of-range {
            background-color: #232f5d !important;
        }

    .bg-vistalegre .alert-dropdown a {
        color: #202124;       
    }
        .bg-vistalegre a:hover {
            color: #FBFBFE
        }

.navbar {
    height: 50px;
}

    .navbar .dropdown-menu {
        right: 0;
        left: auto;
    }

.dropdown-item:focus {
    background-color: #232f5d !important;
}

.dropdown-item:hover {
    background-color: #589aff !important;
}

.dropdown-menu .dropdown-item:focus {
    background-color: #589aff !important;
    color: #FBFBFE;
}

/* Permite abrir los submenús del apartado "SyT" */
.open > .dropdown-menu {
    display: block;
}

/* Barra de navegación inferior "Confidencialidad" */
.footerConfidencialidad {
    background: linear-gradient(#1C4C96, #232f5d);
    font-weight: 600;
    border-top: 1px solid #202124;
    height: 90px;
    background-color: #ffffff;
}

/* CSS Botones */
.botonPrimario {
    border: 2px solid #ce035c;
    border-radius: 3px;
    background-color: #ce035c;
    color: #ffffff;
    font-weight: 600;
    padding: 5px 8px;
}

    .botonPrimario:hover {
        background-color: #ffffff;
        border: 2px solid #d50856;
        color: #ce035c;
    }

    .botonPrimario:focus {
        background-color: #ffffff;
        border: 2px solid #d50856 !important;
        color: #ce035c;
    }

.botonSecundario {
    border: 2px solid #1C4C96;
    border-radius: 3px;
    background-color: #1C4C96;
    color: #ffffff;
    font-weight: 600;
    padding: 5px 8px;
}

    .botonSecundario:hover {
        background-color: #ffffff;
        border: 2px solid #1C4C96;
        color: #1C4C96;
    }

    .botonSecundario:focus {
        background-color: #ffffff;
        border: 2px solid #1C4C96 !important;
        color: #1C4C96;
    }

a {
    color: #256edc;
}
    a:hover {
        color: #1c4c96;
    }

.modal-dialog{
    max-width: 800px;
    padding-top: 80px;
}

/* Opción usuario a la izquierda*/
/*nav ul li:last-child {
    margin-left: auto;
}*/

/* Menu lateral*/
.menuLateral {
    margin-left: 15px;
    position: fixed;
}

    .menuLateral a.nav-link {
        color: #42031e;
        border-width: 1px;
        border-style: solid;
        border-color: #42031e;
        width: 180px;
    }

        .menuLateral a.nav-link.active {
            background-color: #42031e;
        }

    .menuLateral a:hover {
        background-color: #42031E;
        color: white;
    }

.jumbotron-vistalegre {
    background-color: #FBFBFE; 
    padding: unset unset;
}

#tablaCabecera a {
    color: #D4075D;
}

    #tablaCabecera a:hover {
        color: #62022B;
    }

.tooltip {
    display: none;
    position: absolute;
    border: 1px solid #333;
    background-color: #161616;
    border-radius: 5px;
    padding: 10px;
    color: #fff;
    font-size: 12px;
}

@media only screen and (min-width: 992px) {
    .navbar-expand-lg .navbar-nav li:last-child .dropdown-menu:last-child {
        position: absolute;
    }
}

/* Para 800px */
@media only screen and (max-width: 1547px) {
    .menuLateral {
        margin-left: 15px;
        position: relative;
        width: 50%;
        margin: auto;
        display: none;
    }

        .menuLateral a.nav-link {
            color: #42031e;
            border-width: 1px;
            border-style: solid;
            border-color: #42031e;
            width: 100%;
        }
}

@media only screen and (min-width: 576px) {
    .jumbotron {
        padding: 2rem 1rem;
    }
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    background-color: #D4075D !important;
}

.text-muted {
    font-size: 10px !important;
}

.breadcrumb {
    font-size: 11px;
}

.tab-vg {
    background-color: #D4075D !important;
}

.form-control {
    height: calc(1.5em + 0.75rem + -6px);
}

@media only screen and (max-width: 1547px) {
    .container {
        margin-left: 0px;
        margin-right: 0px;
        max-width: 100%;
    }
}