.botonera-principal {
    menuitem {
        display: inline-block;
        height: 130px;
        text-align: center;
        width: 180px;
        @media (max-width: 576px) {
            width: 100%;
        }
    }
    button {
        background-image: url('../img/botonera.png');
        border-radius: 12px;
        border-width: 0;
        height: 90px;
        position: relative;
        width: 90px;
        span {
            left: 0;
            position: absolute;
            text-align: center;
            top: 90px;
            width: 100%;
            font-size: 12px;
            color: #777777;
        }
    }
    &-menu {
        padding-left: 90px;
        @media (max-width: 576px) {
            padding: 0;
        }
    }
    &-logo {
        width: 80%;
        opacity: .8;
        @media (max-width: 576px) {
            width: 100%;
        }
    }
    &-vacio {
        & button {
            background-position: -4380px 0;
            &:hover {
                background-position: -4380px -90px;
            }
        }
    }
    &-abrir-turno {
        & button {
            background-position: 0 0;
            &:hover {
                background-position: 0 -90px;
            }
        }
    }
    &-cerrar-turno {
        & button {
            background-position: -90px 0;
            &:hover {
                background-position: -90px -90px;
            }
        }
    }
    &-caja {
        & button {
            background-position: -180px 0;
            &:hover {
                background-position: -180px -90px;
            }
        }
    }
    &-facturador {
        & button {
            background-position: -270px 0px;
            &:hover {
                background-position: -270px -90px;
            }
        }
    }
    &-nota-pedido {
        & button {
            background-position: -1250px 0px;
            &:hover {
                background-position: -1250px -90px;
            }
        }
    }
    &-remito {
        & button {
            background-position: -4560px 0px;
            &:hover {
                background-position: -4560px -90px;
            }
        }
    }
    &-hoja-ruta {
        & button {
            background-position: -4650px 0px;
            &:hover {
                background-position: -4650px -90px;
            }
        }
    }
    &-seguimiento {
        & button {
            background-position: -4470px 0px;
            &:hover {
                background-position: -4470px -90px;
            }
        }
    }
    &-cobranzas {
        & button {
            background-position: -1880 0px;
            &:hover {
                background-position: -1880 -90px;
            }
        }
    }
    .swiper-pagination {
        bottom: 0px !important;
    }

    .swiper-button-next {
        background-image: url('../img/derecha.png');
    }

    .swiper-button-prev {
        background-image: url('../img/izquierda.png');
    }
}