/* =====================================================
   BOTÓN ACCESO
===================================================== */
.btn--cyan-admin {
    background-color: #1e90ff !important;
    border: 2px solid #1e90ff !important;
    color: #ffffff !important;
    transition: all 0.25s ease;
}

    /* HOVER */
    .btn--cyan-admin:hover,
    .btn--cyan-admin:focus {
        background-color: transparent !important;
        border-color: #ffffff !important;
        color: #ffffff !important;
    }

/* SEPARACIÓN EN ESCRITORIO */
@media only screen and (min-width: 992px) {

    .wsmenu > .wsmenu-list > li.admin-access-item {
        padding-left: 14px !important;
    }
}

/* MENÚ MÓVIL */
@media only screen and (max-width: 991px) {

    .wsmenu > .wsmenu-list > li.admin-access-item {
        padding-left: 0 !important;
        margin-top: 10px !important;
    }
}
/* =====================================================
   FIN BOTÓN ACCESO
===================================================== */
/* =====================================================
   BOTONES DEL MENÚ EN MOBILE
===================================================== */

@media only screen and (max-width: 991px) {
    /* =================================================
       BOTÓN VERDE
       Estado normal
    ================================================= */
    .wsmenu > .wsmenu-list > li > a.btn--green {
        background-color: #00b871 !important;
        border-color: #00b871 !important;
        color: #ffffff !important;
    }

        /* =================================================
       BOTÓN VERDE
       Hover, toque y foco
    ================================================= */
        .wsmenu > .wsmenu-list > li > a.btn--green:hover,
        .wsmenu > .wsmenu-list > li > a.btn--green:focus,
        .wsmenu > .wsmenu-list > li > a.btn--green:active {
            background-color: transparent !important;
            border-color: #00b871 !important;
            color: #00b871 !important;
        }

    /* =================================================
       BOTÓN CYAN
       Estado normal
    ================================================= */
    .wsmenu > .wsmenu-list >
    li.admin-access-item >
    a.btn--cyan-admin {
        background-color: #1e90ff !important;
        border-color: #1e90ff !important;
        color: #ffffff !important;
    }

        /* =================================================
       BOTÓN CYAN
       Hover, toque y foco
    ================================================= */
        .wsmenu > .wsmenu-list >
        li.admin-access-item >
        a.btn--cyan-admin:hover,
        .wsmenu > .wsmenu-list >
        li.admin-access-item >
        a.btn--cyan-admin:focus,
        .wsmenu > .wsmenu-list >
        li.admin-access-item >
        a.btn--cyan-admin:active {
            background-color: transparent !important;
            border-color: #1e90ff !important;
            color: #1e90ff !important;
        }

    /* =================================================
       SEPARACIÓN EN MOBILE
    ================================================= */
    .wsmenu > .wsmenu-list >
    li.admin-access-item {
        padding-left: 0 !important;
        margin-top: 10px !important;
    }
}