.notificaciones_panel_derecho {
    position: fixed;
    top: 40px;
    right: -200%;
    background: var(--modulo-bg);
    z-index: 99999;
    border-radius: 10px;
    border-top: 0;
    overflow: hidden;
    width: 300px;
    height: 348px;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .5);
    user-select: none
}

.notificaciones_panel_derecho>div {
    width: 100%;
    height: 100%;
    box-sizing: border-box
}

.notificaciones_panel_derecho .header_Titulo_Global {
    font-size: 13px
}

.noticacion_filas {
    width: 100%;
    height: calc(100% - 110px);
    overflow: hidden
}

.noticacion_filas>div {
    width: 100%
}

.noticacion_filas>div>div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    padding: 8px;
    font-size: 15px;
    cursor: pointer;
    color: var(--color-texto)
}

.noticacion_filas>div>div>div:nth-child(1) {
    flex: 0 1 auto;
    padding-right: 15px;
    padding-left: 8px
}

.noticacion_filas>div>div>div:nth-child(2) {
    flex: 1 1 auto;
    padding-right: 20px
}

.notificacion_tipo_imagen {
    max-width: 55px;
    object-fit: cover;
    border-radius: 8px
}

.noticacion_filas>div>div>div>p {
    margin: 0;
    font-size: 13.5px
}

.noticacion_filas>div>div:hover {
    background: rgba(168, 182, 197, .12)
}

.notificaciones_contenedor>footer {
    width: 100%;
    height: 50px
}

.notificaciones_contenedor>footer>div {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1.5em;
    cursor: pointer;
    color: var(--color-texto)
}

.notificaciones_contenedor>footer>div>i {
    font-size: 20px
}

.notificaciones_contenedor>footer>div:hover {
    background: rgba(63, 81, 101, .078)
}

.notificacion_fecha {
    color: var(--button-bg);
    font-size: 12px !important
}

.notificaion_slide_abrir {
    right: 50px
}

.notificacion_hg {
    height: 100%;
    right: 0;
    border-radius: 1px;
    top: 46px;
    overflow: hidden
}

.notificacion_hg>div>div {
    height: calc(100% - 60x) !important;
    overflow-y: auto;
    overflow-x: hidden
}

@media (max-width:395px) {
    .notificaion_slide_abrir {
        right: 0
    }

    .notificaciones_panel_derecho {
        height: 100%;
        border: none;
        border-radius: 0;
        top: 46px
    }

    .noticacion_filas {
        width: 100%;
        height: calc(100% - 100px);
        overflow-y: auto
    }

    .notificacion_expandir_btn {
        display: none
    }
}

.notificacion_boton {
    display: inline-block;
    padding: .55em 2em;
    border-radius: 5px;
    margin: .5em 0;
    font-size: 14px;
    color: var(--color-texto);
    background: rgba(168, 182, 197, .12);
    user-select: none;
    cursor: pointer;
}