/* =====================================================
   CENTINELA
   SESIÓN - ESTILO CANÓNICO GLOBAL
   ===================================================== */

:root{
    --cent-session-bg:#0F4877;
    --cent-session-border:rgba(160,210,245,.22);

    --cent-session-white:#FFFFFF;
    --cent-session-soft:#D9ECFF;

    --cent-session-green:#68E3A5;

    --cent-session-button:#EDF7FF;
    --cent-session-dark:#07345C;
}


/* =====================================================
   CONTENEDOR
   ===================================================== */

.cent-session-box,
#centSidebar .cent-session-box,
.sidebar .cent-session-box,
.main-sidebar .cent-session-box,
.cent-unified-sidebar .cent-session-box{

    background:
        var(--cent-session-bg) !important;

    border:
        1px solid
        var(--cent-session-border) !important;

    border-radius:14px !important;

    color:
        var(--cent-session-white) !important;

    box-shadow:
        0 5px 14px
        rgba(0,20,45,.15) !important;
}


/* =====================================================
   SESIÓN ACTIVA
   ===================================================== */

.cent-session-state{

    color:
        var(--cent-session-white) !important;

    font-weight:800 !important;
}


.cent-session-dot{

    background:
        var(--cent-session-green) !important;

    box-shadow:
        0 0 0 4px
        rgba(104,227,165,.13) !important;
}


/* =====================================================
   HORA
   ===================================================== */

.cent-session-time{

    color:
        var(--cent-session-white) !important;

    font-weight:600 !important;
}


.cent-session-time strong{

    color:
        var(--cent-session-white) !important;

    font-weight:800 !important;
}


/* =====================================================
   DURACIÓN
   ===================================================== */

.cent-session-duration{

    color:
        var(--cent-session-soft) !important;

    font-weight:700 !important;
}


/* =====================================================
   CERRAR SESIÓN
   ===================================================== */

.cent-session-logout{

    background:
        var(--cent-session-button) !important;

    color:
        var(--cent-session-dark) !important;

    border:none !important;

    font-weight:800 !important;

    box-shadow:
        0 2px 7px
        rgba(0,20,40,.10) !important;
}


.cent-session-logout svg{

    color:
        var(--cent-session-dark) !important;

    stroke:
        var(--cent-session-dark) !important;
}


.cent-session-logout:hover{

    background:#FFFFFF !important;

    color:
        var(--cent-session-dark) !important;
}


.cent-session-logout:hover svg{

    stroke:
        var(--cent-session-dark) !important;
}


/* =====================================================
   MÓVIL / TABLET
   ===================================================== */

@media(max-width:768px){

    .cent-session-box{

        margin:9px 12px 11px !important;

        padding:9px 11px !important;
    }

}