:root {
    --color-primary: #00579e;
    --color-primary-hover: #00579ecc;
    --color-primary-light: #57ace2;
    --color-primary-light-hovwe: #57ace2cc;
    --color-text-gray: #64849d;
}

.button-primary {
    background-color: var(--color-primary);
    color: var(--color-text-gray);
}

.button-primary:hover {
    background-color: var(--color-primary-hover);
    color: white;
}

.text-primary {
    color: var(--color-primary);
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 12px;
}

.swiper-button-next, .swiper-button-prev {
    width: 20px;
    height: 20px;
    color: var(--color-primary);
}

div#user-menu {
    z-index: 11;
}

#reporte-movimientos div, #reporte-reserva div, #reporte-abono div, #reporte-amd div {
    overflow-y: auto;
    max-height: 90vh;
}