/*
 CONTRATO VISUAL DE NAVEGACIÓN SADPER
 ------------------------------------
 Estas clases están aisladas con prefijo csweb y sirven como referencia
 para el menú/submenú que ya administra SADPER WEB.

 Reglas:
 1) Los menús laterales se posicionan a la izquierda.
 2) Un submenú entra desde la derecha hacia la izquierda.
 3) Al seleccionar una opción, sale desde la izquierda hacia la derecha.
 4) El editor recibe SubmenuSADPERVisible=true durante la presencia del submenú.
*/

.csweb-sadper-side-menu,
.csweb-sadper-submenu {
    position: absolute;
    left: 0;
    right: auto;
}

.csweb-sadper-submenu {
    transform: translateX(100%);
    opacity: 0;
    pointer-events: none;
    transition:
        transform 260ms cubic-bezier(.2, .75, .25, 1),
        opacity 140ms ease;
}

.csweb-sadper-submenu.csweb-is-open {
    transform: translateX(0);
    opacity: 1;
    pointer-events: auto;
}

.csweb-sadper-submenu.csweb-is-closing {
    transform: translateX(100%);
    opacity: 0;
    pointer-events: none;
}