/***********
     
    ESTILOS PROPIOS de FILIBERTO
    Púrpura consular corporativo: #430064

    Amarillo: #fff766
    Verde: #c3e264
    Violeta: #874ace 
    Color extra, azul: #4c7dcc (por si se ofrece)

    Púrpura muy suave: #f9edf9

    COLRES: 
       - ROJO CORPORATIVO: #b51835


Colores
    default:    #dcdcdc     rgb(220, 220, 220)      rgba(220, 220, 220, 1)
    primary:    #430064     rgb(135, 74, 206)       rgba(135, 74, 206, 1)
    success:    #c3e264     rgb(195, 226, 100)      rgba(195, 226, 100, 1)
    warning:    #fff766     rgb(255, 247, 102)      rgba(255, 247, 102, 1)
    info:       #4c7dcc     rgb(76, 125, 204)       rgba(76, 125, 204, 1)
    danger: 
    
    extra:      #874ace     rgb(135, 74, 206)       rgba(135, 74, 206, 1)

************/

:root {
    --white: #ffffff;
    --GreyW: #586b7A;
    --GreyS: #2A343E;
}

.brand-text {
    color: #430064 !important;
}

.sidebar-left {
    background-color: var(--GreyW) !important;
}

.side-nav {
    background-color: var(--GreyW) !important;
    /*color: #430064 !important;*/
}

.active {
    color: #430064 !important;
}

/*  slimScrollDiv  */
#ElMenuIzquierdoBro .active {
    color: #c3e264 !important;
}


.fixed-sidebar-left .side-nav > li > ul > li a {
    color: #808080 !important;
}

    .fixed-sidebar-left .side-nav > li > ul > li a:focus {
        color: white !important;
    }



#BotonesConEstadosFiltro .active, .CssContenedorBotonesSeleccion .active, .CssContenedorBotonesSeleccion .btn.active {
    background-color: #430064 !important;
    color: white !important;
}



#loaderLlamadasAjax {
    border: 16px solid var(--GreyW);
    border-top: 16px solid var(--GreyS);
}





.CssBotonEstandar {
    color: white;
    background-color: #430064; /*#758fd0;*/ /* Color de fondo de los BOTONES -> Beto*/
}

    .CssBotonEstandar:hover {
        color: #430064;
        border: 1px solid #430064;
        background-color: white;
        -webkit-box-shadow: 3px 3px 3px 0px rgba(0,30,0,0.75);
        -moz-box-shadow: 3px 3px 3px 0px rgba(0,30,0,0.75);
        box-shadow: 3px 3px 3px 0px rgba(0,30,0,0.75);
    }


    /********* Tabla ficheros adjuntos ****************/

.ficheros-adjuntos > tbody > tr > th, .ficheros-adjuntos > tbody > tr > td {
    text-align: center !important;
    padding-right: 15px;
}

.ficheros-adjuntos {
    width: 100%;
}

.wrapper.theme-1-active .navbar.navbar-inverse {
    background: var(--GreyS);
}

.navbar.navbar-inverse.navbar-fixed-top .mobile-only-brand {
    background: var(--GreyS) !important;
    position: relative;
    z-index: 2;
}

.navbar.navbar-inverse.navbar-fixed-top .nav > li > a {
    color: var(--white);
    background: transparent !important;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    transition: 0.3s ease;
    padding: 0 9px;
    line-height: 66px;
}


a.toggle-left-nav-btn {
    color: var(--white);
    position: relative;
    line-height: 66px;
}

a.toggle-left-nav-btn, a#toggle_mobile_nav, a#toggle_mobile_search {
    color: var(--white);
    position: relative;
    line-height: 66px;
}


.fixed-sidebar-left .side-nav li.navigation-header > span {
    font-size: 11px;
    display: block;
    text-transform: uppercase;
    font-weight: 500;
    color: #fff;
}

.btn.btn-primary {
    background: var(--GreyS) !important;
    border: solid 1px var(--GreyS);
}

.btn.btn-info {
    background: var(--GreyW) !important;
    border: solid 1px var(--GreyW);
}

.swal2-styled.swal2-confirm {
    background-color: var(--GreyS) !important;
}

.swal2-styled.swal2-cancel {
    background-color: var(--GreyW) !important;
}

.txt-primary, .text-primary {
    color: var(--GreyS) !important;
}

.navbar.navbar-inverse.navbar-fixed-top .mobile-only-nav {
    background: var(--GreyS) !important;
}

.txt-info, .text-info {
    color: var(--GreyW) !important;
}
/*a {
    text-decoration: none;
    color: var(--GreyW) !important;
}*/

.estado-servicio {
    font-size: 1.5rem; /* Aumenta el tamaño de la fuente */
    font-weight: bold; /* Hacer el texto más grueso */
    padding: 10px 20px; /* Espaciado dentro del campo */
    border-radius: 8px; /* Bordes redondeados */
    background-color: var(--GreyW); /* Color de fondo suave (puedes cambiarlo) */
    color: #fff; /* Color de texto */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); /* Sombra suave */
    text-align: center; /* Centrar el texto */
    display: inline-block; /* Asegura que se ajuste al contenido */
    width: auto; /* Deja que el tamaño sea automático en base al contenido */
}