html {
    scroll-behavior: smooth !important;
}

:root {
    --z-primary: #0099ff;
    --z-primary-with-opacity: #0099ffCD;
    --z-secondary: #f8b537;
    --z-tertiary: #f8b537;

    --white: white;
    --black: black;
    --transparent: transparent;

    /*Color y transparencia de la caja que envuelve el mensaje de bienvenida*/
    --welcome-box-bg-color: #00000070;

    /*Color y transparencia de la caja que envuelve el mensaje de bienvenida (cuando es menor de 768px)*/
    --welcome-box-xs-bg-color: #00000070;

    /*Color y transparencia de la caja que envuelve el login form*/
    --login-box-bg-color: #00000009;

    /*Color y transparencia de la caja que envuelve el mensaje del banner*/
    --banner-box-bg-color: #00000070;

    /*Color de la fuente en el mensaje de bienvenida*/
    --font-welcome: white;

    /*Color de la fuente en el mensaje de bienvenida (cuando es menor de 768px)*/
    --font-welcome-xs: white;

    /*Color y radio de la sombra en el mensaje de bienvenida*/
    --font-welcome-shadow-color: black;
    --font-welcome-shadow-radius: 50px;

    /*Color de la fuente del mensaje del login form*/
    --font-login: var(--z-primary);

    /*Color del mensaje de de descarga de la app*/
    --font-login-xs: white;

    /*Color del body para el login*/
    --login-body-bg-color: white;

    /*Tamaño vertical del banner*/
    --login-banner-height: 300px;

    /*Margen superior de la imagen de la mano con el movil*/
    --margin-banner-phone: -320px;

    /*Color del texto dentro del banner*/
    --font-banner: white;

    /*
	Color de tintado y metodo de mezcla para la imagen principal del login
	-Blend-modes: normal, multiply, screen, overlay, darken, lighten, color-dodge, color-burn, hard-light, soft-light, difference, exclusion, hue, saturation, color, luminosity.
	-Global values: inherit, initial, revert, revert-layer, unset.
	*/
    --overlay-login-size: cover;
    /*cover,contain*/
    --overlay-login-bg: var(--black);
    --overlay-login-blend: unset;
    --overlay-login-pos: center;
    /*top,center,bottom*/

    /*Color de tintado y metodo de mezcla para el banner del login (segunda imagen)*/
    --overlay-banner-size: cover;
    /*cover,contain*/
    --overlay-banner-bg: var(--z-primary-with-opacity);
    --overlay-banner-blend: screen;
    --overlay-banner-pos: center;
    /*top,center,bottom*/

    /*Altura de la imagen principal del login (se usa cuando es calculada por porcentaje desde customization_helper)*/
    --background-image-login-percent-screen-height: 55vh;

    /*Altura de la imagen principal del login (se usa cuando se elige pantalla completa desde customization_helper)*/
    --background-image-login-full-screen-height: 94vh;

    /*** Mensaje de bienvenida del login (se usa cuando no se deja en blanco el mensaje de bienvenida en el customization_helper) ***/
    /*Posicion del mensaje de bienvenida [start, center, end] */
    --align-welcome-box: center;

    /*Margen superior del mensaje de bienvenida en caso de ajustes precisos */
    --align-welcome-box-top-margin: 0px;

    /*Por ejemplo en caso de --align-welcome-box: end; Y pantalla completa (usar -375px)*/
    /*--align-welcome-box-top-margin: -375px;*/

    /* Indicador en la imagen principal del login para desplazar hacia abajo*/
    --scroll-down-color: white;

    /*Titulos de las secciones*/
    --h1-fuente: var(--z-primary);
    --h1-subrayado: var(--z-tertiary);

    /*Paginacion*/
    --pager-active: var(--z-secondary);
    --pager-font: black;
    --pager-active-hover-font: black;

    /*Color y transparencia del hover*/
    --hover: #ffffff23;

    /*Tonalidad al hacer hover en los botones del menu*/
    --hover-horizontal: var(--hover);
    --hover-horizontal-font: var(--z-secondary);

    --hover-vertical: var(--z-primary);
    --hover-vertical-font: var(--z-secondary);

    /*Color de fondo para el menu horizontal*/
    --menu-horizontal: var(--z-primary);
    --menu-horizontal-font: white;

    /*Color de fondo para el menu vertical*/
    --menu-vertical: var(--hover);
    --menu-vertical-font: white;

    /*Hover botones inicio y cerrar sesion*/
    --hover-logout: var(--hover);
    --hover-logout-font: var(--z-secondary);
    --logout-font: white;

    /*Estilo principal de los botones*/
    --btn-main: var(--z-primary);
    --btn-main-font: white;

    /*Botones dentro de la tabla de reservas*/
    --btn-tabla-reservas: var(--z-tertiary);
    --btn-tabla-reservas-font: white;

    /*Botones de la seccion Mi QR y el panel de usuario (en el menu vertical "INFORMACION DEL USUARIO")*/
    --btn-mi_qr-and-user_panel: var(--z-tertiary);
    --btn-resto-font: white;

    /*Botones para seleccionar la actividad y la localizacion, ademas del color del encabezado de su respectiva tabla*/
    --btn-actividad-localidad: var(--z-secondary);
    --btn-actividad-localidad-font: white;

    /*Barra de arriba del todo*/
    --header-bar: var(--z-secondary);

    /*Color de fondo del header*/
    --header-bg: black;

    /*Color de fondo para el login*/
    --background-login: var(--z-primary);

    /*Barras que envuelven al footer*/
    --foot-wrap: var(--z-primary);
}

/* *{accent-color: var(--z-primary);} */
/* *{-webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;} */


body {
    font-family: Segoe UI;
    font-size: 14px;
}

#-body-login {
    background-color: var(--login-body-bg-color);
}

h2,
.h2 {
    font-size: 22px;
}

th {
    font-size: 15.3px;
    color: #333;
    border-color: #bcbdbd !important;
}

th.yellow {
    background-color: #fce07e !important;
}

th.gray {
    background-color: #e4e4e4 !important;
}

td {
    font-size: 14px !important;
}

table {
    border-color: #bcbdbd !important;
}

#background-image-login {
    background-image: url('../img/img-background.jpg');
    background-position: var(--overlay-login-pos) center;
    background-repeat: no-repeat;
    background-size: var(--overlay-login-size);
    background-color: var(--overlay-login-bg);
    background-blend-mode: var(--overlay-login-blend);
}

.banner-zcenter {
    background-image: url('../img/img-login-zcenter.png');
    height: var(--login-banner-height);
    background-repeat: no-repeat;
    background-position: var(--overlay-banner-pos) center;
    background-size: var(--overlay-banner-size);
    background-color: var(--overlay-banner-bg);
    background-blend-mode: var(--overlay-banner-blend);

}

.banner-zcenter-phone {
    margin-top: var(--margin-banner-phone);
    ;
    height: 320px;
    width: 320px;
    background-image: url('../img/banner-phone.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.full-width {
    width: 100%;
}

a {
    text-decoration: none !important;
}


ul {
    padding-left: 0;
}

article ol,
article ul {
    list-style-position: inside;
    padding: 6px;
}

article li {
    padding: 6px;
}

ol.counter {
    list-style-type: none;
    counter-reset: item;
}

ol.counter > li {
    display: table;
    counter-increment: item;
    margin-bottom: 0.6em;
}

ol.counter > li:before {
    content: counters(item, ".") ". ";
}

li ol.counter > li {
    margin: 0;
}

li ol.counter > li:before {
    content: counters(item, ".") " ";
}

li > span {
    margin-left: -3px;
}

.text-list {
    text-align: left;
}

.text-list ul {
    padding-left: 40px;
}

/* PROPIAS  */
.display-inline {
    display: inline;
}

.no-padding {
    padding: 0px !important;
}

.no-margin {
    margin: 0px !important;
}

.no-padding-right {
    padding-right: 0px !important;
}

.no-padding-left {
    padding-left: 0px !important;
}

.no-padding-top {
    padding-top: 0px !important;
}

.no-padding-bottom {
    padding-bottom: 0px !important;
}

.no-border-radius {
    border-radius: 0px;
}

.m-h-auto {
    margin-left: auto;
    margin-right: auto;
}

.mt--3 {
    margin-top: -3px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-20 {
    margin-top: 20px;
}

.mb-5 {
    margin-bottom: 5px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mr-10 {
    margin-right: 10px;
}

.f-s-1-5-em {
    font-size: 1.5em;
}

.bold {
    font-weight: bold;
}

.pl-15 {
    padding-left: 15px;
}

.pr-15 {
    padding-right: 15px;
}

.mt-15 {
    margin-top: 15px;
}

.mt-150 {
    margin-top: 150px;
}

.error {
    /*font-size: 12px;*/
    color: #f55753;
    display: block;
    text-align: left;
}

.success {
    font-size: 12px;
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    text-align: left;
    padding: 15px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.success ul {
    margin-bottom: 0px;
}

.bg-color-white {
    background-color: white;
}

label > span {
    font-weight: normal;
}

/* HEADER */
@media screen and (min-width: 768px) {
    body > header > div > div.container.no-padding-xs > div:nth-child(2) {
        max-height: 47px !important;
    }

    body > header > div {
        height: 140px !important;
    }

    body > header > div > div.container.no-padding-xs > div:nth-child(2) > div.col-md-7.col-md-offset-2.col-sm-4.col-sm-offset-3.col-xs-4.menu-options.no-padding > div.col-md-9.hidden-sm.hidden-xs.col-sm-5.col-xs-12.pull-left.hidden-xs.no-padding-right {
        max-height: 20px !important;
    }
}

@media screen and (min-width: 1201px) {
    body > header > div > div.container.no-padding-xs > div:nth-child(2) {
        max-height: 52.78px !important;
    }

    body > header > div {
        height: 133.92px !important;
    }

    body > header > div > div.row.hidden-xs.menu-horizontal > div {
        height: 81.14px !important;
    }

    body > header > div > div.container.no-padding-xs > div:nth-child(2) > div.col-md-7.col-md-offset-2.col-sm-4.col-sm-offset-3.col-xs-4.menu-options.no-padding > div.col-md-9.hidden-sm.hidden-xs.col-sm-5.col-xs-12.pull-left.hidden-xs.no-padding-right {
        max-height: 20px !important;
    }
}

.logo_clicac {
    margin-top: -5px !important;
    width: 220px;
    height: 138px;
    text-align: center;
    margin: 0 auto;
    background-color: white;
    display: table-cell;
    vertical-align: middle;
    padding-left: 7px;
    padding-right: 7px;
}

.logo_clicac img {
    max-height: 110px;
    position: relative !important;
    text-align: center !important;
    background-color: white;
}

.div-header a {
    width: 100%;
}

.div-header {
    margin-top: -5px;
}

.header {
    border-top: 6px solid var(--header-bar);
    padding-top: 5px;
    height: 72px;
    background-color: var(--header-bg);
    padding-bottom: 15px;
}

header a {
    color: #a3a3a3 !important;
    text-transform: uppercase;
    font-size: 12px !important;
    font-weight: bold;
}

header a:hover {
    color: var(--z-primary);
}

#div-stores div {
    padding-top: 11px;
}

#div-stores-entity {
    margin-top: 7px;
}

.stores-banner img:hover,
#div-stores img:hover,
#div-stores-entity img:hover {
    filter: brightness(120%);
    box-shadow: 0px 0px 4px 2px #ffffff33;
}

.scroll-down {
    font-size: calc(var(--background-image-login-percent-screen-height) * 0.25);
    padding-bottom: 10rem;
}

.scroll-pos-fixed {
    font-size: calc(var(--background-image-login-percent-screen-height) * 0.25);
    margin-top: -250px;
}

.fa-angle-double-down {
    color: var(--scroll-down-color);
    text-shadow: 0px 0px var(--font-welcome-shadow-radius) var(--font-welcome-shadow-color);
    filter: opacity(65%);
}

.fa-angle-double-down:hover {
    text-shadow: 0px 0px var(--font-welcome-shadow-radius) var(--font-welcome-shadow-color);
    filter: opacity(95%);
}

/*LOADER*/
#loader {
    display: none;
}

#loader {
    display: block;
    position: absolute;
    left: 100px;
    top: 0;
}

#preloader-ajax {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(128, 128, 128, 0.5);
    z-index: 10000001;
    display: none;
}

#loader-ajax {
    width: 100px;
    height: 100px;
    position: absolute;
    left: 50%;
    top: 50%;
    background: url(../img/Blocks.gif) no-repeat center center;
    margin: -100px 0 0 40px;
}

.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.5);
}

#div-idiomas {
    float: right;
}

.btn-menu-entidad-header {
    text-decoration: none;
    color: #c3c3c3 !important;
    padding: 10px;
    font-size: 12px;
    font-weight: bold;
}

.btn-menu-entidad-header:hover {
    text-decoration: none;
    color: #f2f2f2 !important;
    padding: 10px;
    font-size: 12px;
    font-weight: bold;
}

.btn-menu-entidad:link {
    text-decoration: none;
    color: #f2f2f2 !important;
    padding: 10px;
    text-transform: up;
    font-size: 12px;
    font-weight: bold;
}

.btn-menu-entidad:hover {
    color: #f2f2f2 !important;
    background: #019afc !important;
    /* Old browsers */
    background: -moz-linear-gradient(top, #019afc 0%, #018be4 100%) !important;
    background: -webkit-linear-gradient(top, #019afc 0%, #018be4 100%) !important;
    background: linear-gradient(to bottom, #019afc 0%, #018be4 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#019afc', endColorstr='#018be4', GradientType=0) !important;
}

.btn-menu-entidad:active {
    color: white;
}


.btn-menu {
    background: #019afc !important;
    /* Old browsers */
    background: -moz-linear-gradient(top, #019afc 0%, #018be4 100%) !important;
    background: -webkit-linear-gradient(top, #019afc 0%, #018be4 100%) !important;
    background: linear-gradient(to bottom, #019afc 0%, #018be4 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#019afc', endColorstr='#018be4', GradientType=0) !important;
    border-color: var(--z-primary) !important;
    color: white;
}

.btn-menu:hover {
    background: #019afc !important;
    /* Old browsers */
    background: -moz-linear-gradient(top, #019afc 0%, #01467c 100%) !important;
    background: -webkit-linear-gradient(top, #019afc 0%, #01467c 100%) !important;
    background: linear-gradient(to bottom, #019afc 0%, #01467c 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#019afc', endColorstr='#01467c', GradientType=0) !important;
    color: #f2f2f2;
}

.btn-volver {
    width: 200px;
    background: #019afc !important;
    /* Old browsers */
    background: -moz-linear-gradient(top, #019afc 0%, #018be4 100%) !important;
    background: -webkit-linear-gradient(top, #019afc 0%, #018be4 100%) !important;
    background: linear-gradient(to bottom, #019afc 0%, #018be4 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#019afc', endColorstr='#018be4', GradientType=0) !important;

    color: #f2f2f2;
}

.btn-volver:hover {
    width: 200px;
    background: #019afc !important;
    /* Old browsers */
    background: -moz-linear-gradient(top, #019afc 0%, #01467c 100%) !important;
    background: -webkit-linear-gradient(top, #019afc 0%, #01467c 100%) !important;
    background: linear-gradient(to bottom, #019afc 0%, #01467c 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#019afc', endColorstr='#01467c', GradientType=0) !important;

    color: #f2f2f2;
}

.navbar {
    margin-bottom: 0px;
}

.navbar a {
    color: black;
    text-decoration: none;
    line-height: 50px;
}

nav {
    z-index: 9999;
}

/*  HEADER  */

/*LOGIN*/
#section-form-right {
    background-color: #3b3b3b;
    margin-top: 9px;
    min-height: 626px;
    max-height: 100%;
}

#div-form {
    margin-top: 100px;
}

#div-gestor {
    margin-top: 112px;
    display: inline-block;
}

#div-text-titulo {
    margin-top: -30px;
    font-size: 28px;
    text-align: left;
    margin-bottom: 30px;
}

#div-text-titulo > h1 {
    color: var(--h1-fuente);
    text-decoration: underline solid var(--h1-subrayado) 6px;
    text-underline-offset: 1rem;
}

#section-form h3 {
    font-family: Segoe UI;
    font-weight: bold;
    line-height: 20px;
    font-size: 24px;
    color: #4e4e4e;
    font-variant: normal;
    margin-bottom: 20px;
}

#section-form p {
    font-family: Segoe UI;
    color: #1c1310;
    line-height: 20px;
    font-size: 16px;
}

#section-form p:last-child {
    font-family: Segoe UI;
    color: #4e4e4e;
    line-height: 24px;
    font-size: 22px;
    margin-top: 25px;
}

#div-text-titulo > h1 {
    font-weight: bold;
    font-variant: normal;
    text-align: center;
    line-height: 72px;
}

#div-text-titulo > h1.home {
    color: white;
    font-size: 60px;
}

.welcome-box,
.login-box,
.welcome-box-xs {
    background-color: var(--welcome-box-bg-color);
    border-radius: .9rem;
    text-align: center;
    padding-top: .7rem;
    padding-bottom: 1.7rem;
}

.align-items-welcome-box {
    align-items: var(--align-welcome-box);
}

.welcome-box {
    background-color: var(--welcome-box-bg-color);
    margin-top: var(--align-welcome-box-top-margin) !important;
    margin-bottom: calc(var(--background-image-login-percent-screen-height) * 0.20) !important;
}

.welcome-box-xs {
    background-color: var(--welcome-box-xs-bg-color);
}

.login-box {
    background-color: var(--login-box-bg-color);
    margin-bottom: 3rem !important;
}

.login-h1 {
    font-family: Segoe UI;
    font-weight: bold;
    line-height: 60px;
    font-variant: normal;
    color: var(--font-welcome);
    text-shadow: 0px 0px var(--font-welcome-shadow-radius) var(--font-welcome-shadow-color);
    font-size: 52px;
}

.login-h1-xs {
    font-weight: bold;
    color: var(--font-welcome-xs);
    font-size: 32px;
}

.login-h2 {
    font-family: Segoe UI;
    font-weight: bold;
    line-height: 40px;
    font-variant: normal;
    color: var(--font-login);
    font-size: 32px;
}

.login-h2-xs {
    font-weight: bold;
    color: var(--font-login-xs);
    font-size: 22px;
}

.banner-text {
    margin-top: var(--margin-banner-phone);
    margin-left: 15px;
    margin-bottom: -20px;
}

.banner-text {
    background-color: var(--banner-box-bg-color);
    border-radius: .9rem;
}

.banner-h2 {
    font-family: Segoe UI;
    font-weight: bold;
    color: var(--font-banner);
    text-align: justify-all;
}

.banner-p {
    font-family: Segoe UI;
    font-weight: bold;
    color: var(--font-banner);
    text-align: justify-all;
}

#div-zitelia h2 {
    color: #302f2d;
    font-family: Segoe UI;
    font-size: 30px;
    font-variant: normal;
    font-weight: bold;
    line-height: 40px;
}

.color-amarillo-zitelia {
    color: #ffc600;
}


#div-zitelia a {
    color: white;
}

#div-zitelia a.color-amarillo-zitelia {
    color: #ffc600;
}

#div-zitelia a:hover {
    font-weight: bold;
    color: #4e4e4e;
}

#section-form {
    background-image: url(../img/banner-gestor.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    min-height: 644px;
    max-height: 100%;
}

#seccion-footer {
    background-image: url('../img/banner-background.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 345px;
    margin-bottom: -10px;
}

#seccion-footer img {
    z-index: 10000000;
    margin-top: 14px;
    max-width: 93%;
}

#seccion-footer h2 {
    color: white;
    font-family: Segoe UI;
    font-size: 30px;
    font-variant: normal;
    font-weight: bold;
    line-height: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
}

#seccion-footer p {
    color: white;
    font-family: Segoe UI;
    font-size: 16px;
    line-height: 20px;
}

.li-menu {
    background-color: #ffc600;
}

.div-menu {
    background-color: #e7e7e7;
}

.div-menu li {
    padding: 20px 10px;
    list-style: none;
}

.div-menu li.li-user-profile {
    padding: 10px 10px;
    list-style: none;
}

.arrow_box {
    position: relative;
    border: 4px solid #c2e1f5;
}

.arrow_box:after,
.arrow_box:before {
    top: 100%;
    left: 17%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box:after {
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #88b7d5;
    border-width: 20px;
    margin-left: -20px;
}

.arrow_box:before {
    border-color: rgba(194, 225, 245, 0);
    border-top-color: #c2e1f5;
    border-width: 26px;
    margin-left: -26px;
}

.div-cerrar-sesion {
    margin-top: 16px;
}

.menu a {
    padding-left: 0px;
    font-weight: bold;

}

.menu a img {
    margin-top: -5px !important;
}

.menu {
    padding-top: 20px;
    border-left: 1px solid rgba(242, 242, 242, 0.3);
}

.menu p {
    padding-top: 10px;
    color: #f2f2f2 !important;
    font-weight: normal;
}

.menu img {
    height: 25px;
}

.menu:hover {
    background: #019afc !important;
    /* Old browsers */
    background: -moz-linear-gradient(top, #019afc 0%, #01467c 100%) !important;
    background: -webkit-linear-gradient(top, #019afc 0%, #01467c 100%) !important;
    background: linear-gradient(to bottom, #019afc 0%, #01467c 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#019afc', endColorstr='#01467c', GradientType=0) !important;
    color: #f2f2f2 !important;
}

.menu:hover p {
    color: white;
}

a.menu-vertical {
    background: #019afc !important;
    /* Old browsers */
    background: -moz-linear-gradient(top, #019afc 0%, #018be4 100%) !important;
    background: -webkit-linear-gradient(top, #019afc 0%, #018be4 100%) !important;
    background: linear-gradient(to bottom, #019afc 0%, #018be4 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#019afc', endColorstr='#018be4', GradientType=0) !important;
    width: 100%;
    display: inline-block;
    border: 0px !important;
    color: #f2f2f2 !important;
    font-weight: normal;
    padding: 20px 10px !important;
}

a.menu-vertical img {
    margin-right: 8px;
}

a.menu-vertical:hover {
    background: #019afc !important;
    /* Old browsers */
    background: -moz-linear-gradient(top, #019afc 0%, #01467c 100%) !important;
    background: -webkit-linear-gradient(top, #019afc 0%, #01467c 100%) !important;
    background: linear-gradient(to bottom, #019afc 0%, #01467c 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#019afc', endColorstr='#01467c', GradientType=0) !important;
    color: #f2f2f2 !important;

}

.menu-horizontal {
    background: #019afc !important;
    /* Old browsers */
    background: -moz-linear-gradient(top, #019afc 0%, #018be4 100%) !important;
    background: -webkit-linear-gradient(top, #019afc 0%, #018be4 100%) !important;
    background: linear-gradient(to bottom, #019afc 0%, #018be4 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#019afc', endColorstr='#018be4', GradientType=0) !important;
    width: 100%;
    color: #f2f2f2 !important;
}

.h1-alt-2 {
    font-size: 30px;
    font-weight: normal !important;
    text-transform: uppercase;


}

.menu-options {
    margin-top: 15px;
    margin-bottom: 15px;
}

.txt-upper {
    font-family: Segoe UI;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

table.table-data-sheet tr td .btn-primary.active {
    background-color: #29275b !important;

}

.day:hover,
.year:hover,
.month:hover {
    background-color: var(--z-secondary) !important;
    background-image: none !important;
}

.active.day,
.year.active.focused,
.month.focused.active {
    background-color: var(--z-secondary) !important;
    background-image: none !important;
}

/********************/
.btn-clicac {
    color: var(--btn-main-font);
    background: var(--btn-main);
    /* Old browsers */
    background: -moz-linear-gradient(top, var(--z-primary) 0%, var(--z-primary-with-opacity) 100%);
    background: -webkit-linear-gradient(top, var(--z-primary) 0%, var(--z-primary-with-opacity) 100%);
    background: linear-gradient(to bottom, var(--z-primary) 0%, var(--z-primary-with-opacity) 100%);
    border: 1px solid var(--z-primary);
    font-size: 12px;
    font-weight: bold;
    line-height: 32px;
    text-transform: uppercase;
}

.btn-clicac:focus {
    color: var(--btn-main-font);
    background: var(--btn-main);
    /* Old browsers */
    background: -moz-linear-gradient(top, var(--z-primary) 0%, var(--z-primary-with-opacity) 100%);
    background: -webkit-linear-gradient(top, var(--z-primary) 0%, var(--z-primary-with-opacity) 100%);
    background: linear-gradient(to bottom, var(--z-primary) 0%, var(--z-primary-with-opacity) 100%);
    filter: brightness(115%);
    font-size: 12px;
    font-weight: bold;
    line-height: 32px;
    text-transform: uppercase;
}

.btn-clicac:hover {
    color: var(--btn-main-font);
    background: var(--btn-main);
    /* Old browsers */
    background: -moz-linear-gradient(top, var(--z-primary) 0%, var(--z-primary-with-opacity) 100%);
    background: -webkit-linear-gradient(top, var(--z-primary) 0%, var(--z-primary-with-opacity) 100%);
    background: linear-gradient(to bottom, var(--z-primary) 0%, var(--z-primary-with-opacity) 100%);
    filter: brightness(85%);
    border: 1px solid var(--z-primary);
    font-size: 12px;
    font-weight: bold;
    line-height: 32px;
    text-transform: uppercase;
}

.btn-clicac:active {
    color: var(--btn-main-font);
    background: var(--btn-main);
    /* Old browsers */
    background: -moz-linear-gradient(top, var(--z-primary) 0%, var(--z-primary-with-opacity) 100%);
    background: -webkit-linear-gradient(top, var(--z-primary) 0%, var(--z-primary-with-opacity) 100%);
    background: linear-gradient(to bottom, var(--z-primary) 0%, var(--z-primary-with-opacity) 100%);
    filter: brightness(115%);
    font-size: 12px;
    font-weight: bold;
    line-height: 32px;
    text-transform: uppercase;
}

.table .btn-clicac {
    line-height: 20px;
    margin-top: -7px;
}

.btn-confirmar {
    background: #f2f2f2 !important;
    color: var(--z-primary) !important;
    border-radius: 0px !important;
    border: 1px solid var(--z-primary) !important;
    font-family: Segoe UI !important;
    font-size: 12px !important;
    font-weight: bold !important;
    line-height: 32px !important;
    text-transform: uppercase !important;
}

.btn-confirmar:hover {
    color: #f2f2f2 !important;
}

.txt-clicac {
    font-size: 15px;
    font-family: Segoe UI;
    color: #4e4e4e !important;
    height: 50px !important;
}

.bg-gray {
    background-color: #e7e7e7;
}

.bg-primary {
    background-color: var(--z-primary);
}

.bg-secondary {
    background-color: var(--z-secondary);
}

.subrayado {
    margin-top: 10px;
    border-bottom: 4px solid #ffffff !important;
}

.title-li {
    background-color: #464646 !important;
    color: #f2f2f2;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

.title-li-2 {
    background-color: #464646 !important;
    color: #f2f2f2;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    padding: 5px !important;
}


.btn-200 {
    width: 200px;
}

.nowrap {
    white-space: nowrap;
}

/*Menu*/
.menu-horizontal {
    background: var(--menu-horizontal) !important;
}

.menu {
    border-top: 6px solid transparent;
    margin-top: -7px !important;
    border-left: none !important;
}

.menu p {
    color: var(--menu-horizontal-font) !important;
}

.menu:hover {
    background: var(--hover-horizontal) !important;
    border-top: 6px solid var(--z-secondary);
    font-weight: bolder !important;
}

.menu:hover img {
    background: transparent !important;
}

.menu:hover p {
    background: transparent !important;
    color: var(--hover-horizontal-font) !important;
}

#bs-example-navbar-collapse-1 {
    background: var(--z-primary);
}

/*color de fondo del menu de hamburguesa*/
a.menu-vertical {
    background: var(--menu-vertical) !important;
    color: var(--menu-vertical-font) !important;
    padding-left: 12px !important;
}

a.menu-vertical:hover {
    background: var(--hover-vertical) !important;
    color: var(--hover-vertical-font) !important;
    border-left: 6px solid var(--z-secondary) !important;
    padding-left: 6px !important;
}

.menu p {
    font-weight: bold;
}

.li-menu {
    background: var(--z-primary) !important;
}

.title-li {
    background: var(--z-primary) !important;
    filter: saturate(50%);
}

/*title > INFORMACION DEL USUARIO*/
.title-li-2 {
    background: var(--z-primary) !important;
    filter: saturate(50%);
}

/*title > HISTORICOS, ACCIONES*/

/*Botones*/
.btn-clicac {
    background: var(--btn-main) !important;
    color: var(--btn-main-font) !important;
    border: 0px;
}

/*estilo principal de los botones*/
.btn-clicac:hover {
    background: var(--btn-main) !important;
    color: var(--btn-main-font) !important;
    border: 0px;
    filter: brightness(85%);
}

/*estilo principal de los botones*/
.btn {
    border-radius: .3rem !important;
}

/*bordes redondeados en los botones*/
.btn-confirmar {
    border: 0px !important;
}

/*desabilita el borde del boton para confirmar la reserva*/
.menu-icon.btn-menu-entidad {
    padding: 10px !important;
}

/*botones de vuelta al inicio y cerrar sesion en pantallas <990px*/
.btn-menu-entidad:hover {
    background: var(--hover-logout) !important;
    color: var(--hover-logout-font) !important;
}

/*fondo del hover para los botones de vuelta al inicio y cerrar sesion (unicamente en pantalla <990px y los botones desaparecen especificamente en 991px)*/
.btn-menu-entidad-header {
    color: var(--logout-font) !important;
}

/*botones de vuelta al inicio y cerrar sesion*/
.btn-menu-entidad-header:hover {
    background: var(--hover-logout) !important;
    color: var(--hover-logout-font) !important;
}

/*fondo del hover para los botones de vuelta al inicio y cerrar sesion*/

/***Botones de seleccion de Actividad y Localidad***/
.btn-activity {
    border: 1px solid var(--btn-actividad-localidad);
}

.btn-activity-selected {
    background-color: var(--btn-actividad-localidad);
    color: var(--btn-actividad-localidad-font) !important;
}

.btn-locality {
    border: 1px solid var(--btn-actividad-localidad);
}

.btn-locality-selected {
    background-color: var(--btn-actividad-localidad);
    color: var(--btn-actividad-localidad-font) !important;
}

/***Botones dentro de la tabla de reservas***/
table.table-data-sheet tr td .btn-primary {
    background-color: var(--btn-tabla-reservas) !important;
    background-image: none !important;
    border-color: var(--btn-tabla-reservas);
}

table.table-data-sheet tr td .btn-primary:hover {
    background-color: var(--btn-tabla-reservas) !important;
    background-image: none !important;
    border-color: var(--btn-tabla-reservas);
    filter: brightness(85%);
}

table.table-data-sheet tr td .btn-primary.active {
    background-color: var(--btn-tabla-reservas) !important;
    background-image: none !important;
    border-color: var(--btn-tabla-reservas);
    filter: brightness(75%);
}

table.table-data-sheet tr td .btn-primary.active:hover {
    background-color: var(--btn-tabla-reservas) !important;
    background-image: none !important;
    border-color: var(--btn-tabla-reservas);
    filter: brightness(85%);
}

/***Boton del panel de usuario (en el menu vertical "INFORMACION DEL USUARIO") y Mi QR***/
.btn-primary {
    border: 0px;
    background-color: var(--btn-mi_qr-and-user_panel) !important;
    background-image: none !important;
    border-color: var(--btn-mi_qr-and-user_panel);
}

.btn-primary:hover {
    border: 0px;
    background-color: var(--btn-mi_qr-and-user_panel) !important;
    background-image: none !important;
    border-color: var(--btn-mi_qr-and-user_panel);
    filter: brightness(85%);
}

.btn-primary.active {
    border: 0px;
    background-color: var(--btn-mi_qr-and-user_panel) !important;
    background-image: none !important;
    border-color: var(--btn-mi_qr-and-user_panel);
    filter: brightness(75%);
}

.btn-primary.active:hover {
    border: 0px;
    background-color: var(--btn-mi_qr-and-user_panel) !important;
    background-image: none !important;
    border-color: var(--btn-mi_qr-and-user_panel);
    filter: brightness(85%);
}

/***Color de texto y peso en los botones***/
button.btn {
    color: var(--btn-tabla-reservas-font) !important;
    font-weight: bold;
}

/*dentro de la tabla de reservas*/
button.btn:hover {
    color: var(--btn-tabla-reservas-font) !important;
    font-weight: bold;
}

/*dentro de la tabla de reservas*/
a.btn,
input.btn {
    color: var(--btn-resto-font) !important;
    font-weight: bold;
}

/*resto de botones*/
a.btn:hover,
input.btn:hover {
    color: var(--btn-resto-font) !important;
    font-weight: bold;
}

/*resto de botones*/
/*fin de Botones*/

/*Enlaces*/
a {
    color: var(--z-tertiary) !important;
    font-weight: bold;
}

/* enlaces en general (dentro de las paginas de informacion, politica de privacidad, etc) */
/* a:hover{color: var(--z-tertiary);filter: brightness(85%);} */
p a:link,
li a:link {
    color: var(--z-tertiary)
}

p a:link:hover,
li a:link:hover {
    color: var(--z-tertiary);
    filter: brightness(85%);
}

/***Paginacion***/
.dataTables_paginate li > a {
    color: var(--pager-font) !important;
    font-weight: bold;
}

/*peso y fuente para los botones de paginacion*/
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    background: var(--pager-active) !important;
    border-color: var(--pager-active);
}

/*fondo y borde para el pager*/
.pagination > .active > a:hover {
    background: var(--pager-active) !important;
    border-color: var(--pager-active);
    color: var(--pager-active-hover-font) !important;
    filter: brightness(85%);
}

/*fondo y fuente para el pager seleccionado*/
/*fin de Enlaces*/

/***Encabezado de la tabla de actividades (columna que indica el dia actual)***/
.wc-header .wc-day-column-header.wc-today {
    background-color: var(--btn-actividad-localidad) !important;
    color: var(--btn-actividad-localidad-font) !important;
}

.wc-user-header.ui-state-active.wc-today {
    background-color: var(--btn-actividad-localidad) !important;
    color: var(--btn-actividad-localidad-font) !important;
}

/*Detalles*/
.div-menu {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

/*esquinas redondeadas al final del panel de usuario (en el menu vertical "INFORMACION DEL USUARIO")*/
.no-border-radius {
    border-radius: .3rem !important;
}

/***Cancela la propia clase para permitir a los botones tener esquinas redondeadas***/
.header {
    border-top: 6px solid var(--header-bar);
}

/*Linea de arriba del todo*/

/***Footer**/
.footer {
    border-top: 36px solid var(--foot-wrap);
    border-bottom: 36px solid var(--foot-wrap);
    background-color: transparent !important;
}

/*Lineas que envuelven el footer*/

body > footer > div > div:nth-child(2) > div > div {
    border-top: 2px solid var(--z-secondary) !important;
}

/*Separador del nav del footer y la info de contacto*/

.footer {
    color: #4e5766;
    padding: 10px 0px 10px 0px;
    margin: 10px auto 0px 0px;
    height: auto;
    text-align: left;
    line-height: normal;
    background-color: #F1F1F1;
}

.logo_footer img {
    max-height: 100px;
}

.logo_footer_zitelia p {
    font-size: 12px;
}

footer p {
    font-size: 14px;
}

footer a:hover {
    font-weight: bold;
    color: #4E5766 !important;
    text-decoration: none;
}

footer a {
    font-size: 14px;
    text-decoration: none;
    padding: 10px;
    color: #848484 !important;
    font-weight: bold;
}

footer label {
    color: #848484 !important;
}

/***DATATABLE****/
.dataTables_filter input[type=search] {
    margin-left: 10px;
}

.dataTables_length label {
    font-weight: normal;
}

.dataTables_filter label {
    font-weight: normal;
}

.dataTable tr:FIRST-CHILD td {
    border-top: 0px;
}

.dataTables_wrapper .dataTables_processing {
    background-image: none;
}


.table td {
    vertical-align: middle !important;
}

.table tr:FIRST-CHILD td {
    border-top: 0px;
}

.table th {
    border-bottom: 1px solid rgb(188, 189, 189) !important;
}

/***Entidad***/
.logo_footer_zitelia {
    display: flex !important;
    justify-content: center;
}

.menu-options {
    margin-top: 12px !important;
}

.h1-titulo-entidad {
    font-size: 28px;
    text-align: left;
    margin-bottom: 30px;
}

.h1-titulo-entidad h1 {
    color: var(--h1-fuente);
    font-weight: normal;
    font-size: 30px;
    font-variant: normal;
    text-align: center;
    line-height: 72px;
    text-transform: uppercase;
    text-decoration: underline solid var(--h1-subrayado) 6px;
    text-underline-offset: 1rem;
}

.h2-entidad {
    font-size: 22px;
}

.pagination {
    margin-top: 0px !important;
}

.btn-activity {
    background-color: white;
    color: #333333;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    border: 1px solid var(--z-primary);
    cursor: pointer;
    min-width: 150px;
}

.btn-activity:hover {
    /*color: white;*/
}

.btn-activity-selected {
    background-color: var(--z-primary);
    color: #F2F2F2;
}

.btn-locality {
    background-color: white;
    color: #333333;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    border: 1px solid var(--z-primary);
    /*
    border-bottom:1px solid #e7e7e7;
    border-left:1px solid #e7e7e7;
    border-right:1px solid #e7e7e7;
    border-top:1px solid #e7e7e7;
    */
    cursor: pointer;
    min-width: 150px;
}

.btn-locality:hover {
    /* color: white;*/
}

.btn-locality-selected {
    /*background-color:#e7e7e7;*/
    background-color: var(--z-primary);
    color: #F2F2F2;
}

.btn-menu-header {
    position: absolute;
    right: 35px !important;
}

.btn-menu-header button {
    border: 1px solid white;
    padding: 5px !important;
}


.contenido img {
    max-width: 100%;
}


#frm-contact-data input {
    border-radius: 0px;
}

.menu-icon {
    font-size: 18px !important;
}

.big-icon {
    font-size: 10rem !important;
}

/***** TABLAS FICHA  *****/

.table-data-sheet {
    width: 100%;
    /*border:5px solid #464646;*/
}

.table-data-sheet td {
    padding: 10px;
    text-align: left;
    border-bottom: 1px solid #464646;
    border-top: 1px solid #464646;
}

/* CALENDARIO */
.wc-time-slots {
    position: initial;
}

.wc-time-header-cell {
    height: 99px !important;
}

label.color-leyenda {
    width: 25px;
    height: 25px;
    border-radius: 100%;
}

/* .leyenda-responsive-label {
    background: none;
    background-color: transparent !important;
    padding: inherit;
    border-radius: inherit;
    color: black !important;
    font-weight: 700;
} */

.free {
    background: linear-gradient(90deg, rgba(142, 211, 243, 1) 50%, rgba(150, 208, 138, 1) 0%);
    color: white !important;
}

.free-2 {
    background-color: #64b952 !important;
    color: white !important;
    font-weight: normal !important;
    border-color: #64b952 !important;
}

.my-reserve {
    background: #b19cd9;
    color: white !important;
}

.my-reserve-2 {
    background-color: #8c6bb1 !important;
    color: white !important;
    font-weight: normal !important;
    border-color: #8c6bb1 !important;
}

.busy {
    background-color: #d9534f !important;
}

.busy-2 {
    background-color: #d13d39 !important;
    color: white !important;
    font-weight: normal !important;
}

.dynamic-2 {
    background-color: #22b3f7 !important;
    color: white !important;
    font-weight: normal !important;
}

.dynamic {
    background-color: #8ed3f3 !important;
}

.event {
    background-color: #f0ad4e;
}

.event-2 {
    background-color: #e09934 !important;
    color: white !important;
    font-weight: normal !important;
}



.wc-header {
    background: #e7e7e7;
}

.wc-toolbar {
    background: #ffc600;
}

.wc-container {
    border-left: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
}

.wc-cal-event .wc-title {
    padding-top: 10px;
    height: 85%;
    cursor: pointer;
}

.arrow-left {
    color: #333333;
    font-size: 20px;
    height: 32px;
    cursor: pointer;
    line-height: 16px;
}

.arrow-right {
    color: #333333;
    font-size: 20px;
    height: 32px;
    cursor: pointer;
    line-height: 16px;
}


.wc-scrollable-grid .wc-day-column-last,
.wc-scrollable-grid .wc-day-column-middle {
    border-width: 0 0 0 1px;
    border-style: solid;
}

.wc-scrollable-grid .wc-day-column-first {
    border-width: 0 0 0 1px;
    border-style: solid;
}

.wc-time-slot {
    border-bottom: 1px solid #e7e7e7;
    margin: 0;
    padding: 0;

}

.wc-time-slots .wc-today {
    background-color: inherit !important;
}

.wc-column-even {
    background-color: #e7e7e7 !important;
}

.wc-user-header {
    /*min-width: 95px !important;*/
}

.wc-day-column-header {
    /*width:180px !important;*/
    border-width: 0px !important;
}

.wc-day-column {
    /*win-width: 95px !important;*/
}


.wc-header {
    border-bottom: 1px solid #e7e7e7;
}

.wc-today.wc-day-column-first {
    border-left: 0px;
}

.wc-today.wc-day-column-last {
    border-right: 0px;
}

.wc-user-header.ui-state-active.wc-today {
    background: var(--z-primary) !important;
    color: #F2F2F2 !important;
}

.wc-header .wc-day-column-header.wc-today {
    background: var(--z-primary) !important;
    color: #F2F2F2 !important;
}

.ui-state-active a {
    color: #F2F2F2 !important;
}

.wc-user-header {
    font-size: 12px !important;
}

.wc-user-1 .wc-cal-event .wc-time {
    background: white;
    border-color: white;
    color: black;
    border-radius: 0px;
    border: 0px;
}

.wc-user-0 .wc-cal-event .wc-time {
    background: #64b952;
    border-color: white;
    color: white;
    border-radius: 0px;
    border: 0px;
    font-weight: normal !important;
}

.wc-cal-event {
    opacity: 1;
    color: black;
    cursor: pointer;
}

.wc-cal-event {
    border-radius: 0px !important;
    border-width: 0px;
    cursor: pointer;
}

.title-event-center {
    color: white;
}

.wc-header .wc-scrollbar-shim {
    width: 3px !important;
}

.icon-menu-v {
    vertical-align: middle;
    line-height: 0px;
    margin-right: 8px;
    margin-left: 3px;
    margin-top: -4px;
    font-size: 20px;
}

#tabla-historico-recarga_filter > label > input[type=search] {
    border-radius: 3px;
}

.form-control[readonly] {
    background-color: transparent !important;
}

/*BOOSTRAP v5.2.1*/

.w-25 {
    width: 25% !important;
}

.w-50 {
    width: 50% !important;
}

.w-75 {
    width: 75% !important;
}

.w-100 {
    width: 100% !important;
}

.w-auto {
    width: auto !important;
}

.mw-100 {
    max-width: 100% !important;
}

.vw-100 {
    width: 100vw !important;
}

.min-vw-100 {
    min-width: 100vw !important;
}

.h-25 {
    height: 25% !important;
}

.h-50 {
    height: 50% !important;
}

.h-75 {
    height: 75% !important;
}

.h-100 {
    height: 100% !important;
}

.h-auto {
    height: auto !important;
}

.mh-100 {
    max-height: 100% !important;
}

.vh-100 {
    height: 100vh !important;
}

.min-vh-100 {
    min-height: 100vh !important;
}

.flex-fill {
    flex: 1 1 auto !important;
}

.flex-row {
    flex-direction: row !important;
}

.flex-column {
    flex-direction: column !important;
}

.flex-row-reverse {
    flex-direction: row-reverse !important;
}

.flex-column-reverse {
    flex-direction: column-reverse !important;
}

.flex-grow-0 {
    flex-grow: 0 !important;
}

.flex-grow-1 {
    flex-grow: 1 !important;
}

.flex-shrink-0 {
    flex-shrink: 0 !important;
}

.flex-shrink-1 {
    flex-shrink: 1 !important;
}

.flex-wrap {
    flex-wrap: wrap !important;
}

.flex-nowrap {
    flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
}

.justify-content-start {
    justify-content: flex-start !important;
}

.justify-content-end {
    justify-content: flex-end !important;
}

.justify-content-center {
    justify-content: center !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.justify-content-around {
    justify-content: space-around !important;
}

.justify-content-evenly {
    justify-content: space-evenly !important;
}

.align-items-start {
    align-items: flex-start !important;
}

.align-items-end {
    align-items: flex-end !important;
}

.align-items-center {
    align-items: center !important;
}

.align-items-baseline {
    align-items: baseline !important;
}

.align-items-stretch {
    align-items: stretch !important;
}

.align-content-start {
    align-content: flex-start !important;
}

.align-content-end {
    align-content: flex-end !important;
}

.align-content-center {
    align-content: center !important;
}

.align-content-between {
    align-content: space-between !important;
}

.align-content-around {
    align-content: space-around !important;
}

.align-content-stretch {
    align-content: stretch !important;
}

.align-self-auto {
    align-self: auto !important;
}

.align-self-start {
    align-self: flex-start !important;
}

.align-self-end {
    align-self: flex-end !important;
}

.align-self-center {
    align-self: center !important;
}

.align-self-baseline {
    align-self: baseline !important;
}

.align-self-stretch {
    align-self: stretch !important;
}

.order-first {
    order: -1 !important;
}

.order-0 {
    order: 0 !important;
}

.order-1 {
    order: 1 !important;
}

.order-2 {
    order: 2 !important;
}

.order-3 {
    order: 3 !important;
}

.order-4 {
    order: 4 !important;
}

.order-5 {
    order: 5 !important;
}

.order-last {
    order: 6 !important;
}

.m-0 {
    margin: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.m-auto {
    margin: auto !important;
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.mx-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
}

.mx-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
}

.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
}

.my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mt-1 {
    margin-top: 0.25rem !important;
}

.mt-n1 {
    margin-top: -0.25rem !important;
}

.mt-2 {
    margin-top: 0.5rem !important;
}

.mt-n2 {
    margin-top: -0.5rem !important;
}

.mt-3 {
    margin-top: 1rem !important;
}

.mt-n3 {
    margin-top: -1rem !important;
}

.mt-4 {
    margin-top: 1.5rem !important;
}

.mt-n4 {
    margin-top: -1.5rem !important;
}

.mt-5 {
    margin-top: 3rem !important;
}

.mt-n5 {
    margin-top: -3rem !important;
}

.mt-auto {
    margin-top: auto !important;
}

.me-0 {
    margin-right: 0 !important;
}

.me-1 {
    margin-right: 0.25rem !important;
}

.me-2 {
    margin-right: 0.5rem !important;
}

.me-3 {
    margin-right: 1rem !important;
}

.me-4 {
    margin-right: 1.5rem !important;
}

.me-5 {
    margin-right: 3rem !important;
}

.me-auto {
    margin-right: auto !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-1 {
    margin-bottom: 0.25rem !important;
}

.mb-n1 {
    margin-bottom: -0.25rem !important;
}

.mb-2 {
    margin-bottom: 0.5rem !important;
}

.mb-n2 {
    margin-bottom: -0.5rem !important;
}

.mb-3 {
    margin-bottom: 1rem !important;
}

.mb-n3 {
    margin-bottom: -1rem !important;
}

.mb-4 {
    margin-bottom: 1.5rem !important;
}

.mb-n4 {
    margin-bottom: -1.5rem !important;
}

.mb-5 {
    margin-bottom: 3rem !important;
}

.mb-n5 {
    margin-bottom: -3rem !important;
}

.mb-auto {
    margin-bottom: auto !important;
}

.ms-0 {
    margin-left: 0 !important;
}

.ms-1 {
    margin-left: 0.25rem !important;
}

.ms-2 {
    margin-left: 0.5rem !important;
}

.ms-3 {
    margin-left: 1rem !important;
}

.ms-4 {
    margin-left: 1.5rem !important;
}

.ms-5 {
    margin-left: 3rem !important;
}

.ms-auto {
    margin-left: auto !important;
}

.p-0 {
    padding: 0 !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.px-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
}

.px-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

.py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.pt-1 {
    padding-top: 0.25rem !important;
}

.pt-2 {
    padding-top: 0.5rem !important;
}

.pt-3 {
    padding-top: 1rem !important;
}

.pt-4 {
    padding-top: 1.5rem !important;
}

.pt-5 {
    padding-top: 3rem !important;
}

.pe-0 {
    padding-right: 0 !important;
}

.pe-1 {
    padding-right: 0.25rem !important;
}

.pe-2 {
    padding-right: 0.5rem !important;
}

.pe-3 {
    padding-right: 1rem !important;
}

.pe-4 {
    padding-right: 1.5rem !important;
}

.pe-5 {
    padding-right: 3rem !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pb-1 {
    padding-bottom: 0.25rem !important;
}

.pb-2 {
    padding-bottom: 0.5rem !important;
}

.pb-3 {
    padding-bottom: 1rem !important;
}

.pb-4 {
    padding-bottom: 1.5rem !important;
}

.pb-5 {
    padding-bottom: 3rem !important;
}

.ps-0 {
    padding-left: 0 !important;
}

.ps-1 {
    padding-left: 0.25rem !important;
}

.ps-2 {
    padding-left: 0.5rem !important;
}

.ps-3 {
    padding-left: 1rem !important;
}

.ps-4 {
    padding-left: 1.5rem !important;
}

.ps-5 {
    padding-left: 3rem !important;
}

.gap-0 {
    gap: 0 !important
}

.gap-1 {
    gap: .25rem !important
}

.gap-2 {
    gap: .5rem !important
}

.gap-3 {
    gap: 1rem !important
}

.gap-4 {
    gap: 1.5rem !important
}

.gap-5 {
    gap: 3rem !important
}

.font-monospace {
    font-family: var(--bs-font-monospace) !important
}

.fs-1 {
    font-size: calc(1.375rem + 1.5vw) !important
}

.fs-2 {
    font-size: calc(1.325rem + .9vw) !important
}

.fs-3 {
    font-size: calc(1.3rem + .6vw) !important
}

.fs-4 {
    font-size: calc(1.275rem + .3vw) !important
}

.fs-5 {
    font-size: 1.25rem !important
}

.fs-6 {
    font-size: 1rem !important
}

.fst-italic {
    font-style: italic !important
}

.fst-normal {
    font-style: normal !important
}

.fw-light {
    font-weight: 300 !important
}

.fw-lighter {
    font-weight: lighter !important
}

.fw-normal {
    font-weight: 400 !important
}

.fw-bold {
    font-weight: 700 !important
}

.fw-semibold {
    font-weight: 600 !important
}

.fw-bolder {
    font-weight: bolder !important
}

.align-baseline {
    vertical-align: baseline !important;
}

.align-top {
    vertical-align: top !important;
}

.align-middle {
    vertical-align: middle !important;
}

.align-bottom {
    vertical-align: bottom !important;
}

.align-text-bottom {
    vertical-align: text-bottom !important;
}

.align-text-top {
    vertical-align: text-top !important;
}

.float-start {
    float: left !important;
}

.float-end {
    float: right !important;
}

.float-none {
    float: none !important;
}

.opacity-0 {
    opacity: 0 !important;
}

.opacity-25 {
    opacity: 0.25 !important;
}

.opacity-50 {
    opacity: 0.5 !important;
}

.opacity-75 {
    opacity: 0.75 !important;
}

.opacity-100 {
    opacity: 1 !important;
}

.overflow-auto {
    overflow: auto !important;
}

.overflow-hidden {
    overflow: hidden !important;
}

.overflow-visible {
    overflow: visible !important;
}

.overflow-scroll {
    overflow: scroll !important;
}

.d-inline {
    display: inline !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-block {
    display: block !important;
}

.d-grid {
    display: grid !important;
}

.d-table {
    display: table !important;
}

.d-table-row {
    display: table-row !important;
}

.d-table-cell {
    display: table-cell !important;
}

.d-flex {
    display: flex !important;
}

.d-inline-flex {
    display: inline-flex !important;
}

.d-none {
    display: none !important;
}

@media (min-width:576px) {
    .float-sm-start {
        float: left !important
    }

    .float-sm-end {
        float: right !important
    }

    .float-sm-none {
        float: none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-grid {
        display: grid !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: flex !important
    }

    .d-sm-inline-flex {
        display: inline-flex !important
    }

    .d-sm-none {
        display: none !important
    }

    .flex-sm-fill {
        flex: 1 1 auto !important
    }

    .flex-sm-row {
        flex-direction: row !important
    }

    .flex-sm-column {
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-sm-start {
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        justify-content: center !important
    }

    .justify-content-sm-between {
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        justify-content: space-around !important
    }

    .justify-content-sm-evenly {
        justify-content: space-evenly !important
    }

    .align-items-sm-start {
        align-items: flex-start !important
    }

    .align-items-sm-end {
        align-items: flex-end !important
    }

    .align-items-sm-center {
        align-items: center !important
    }

    .align-items-sm-baseline {
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        align-items: stretch !important
    }

    .align-content-sm-start {
        align-content: flex-start !important
    }

    .align-content-sm-end {
        align-content: flex-end !important
    }

    .align-content-sm-center {
        align-content: center !important
    }

    .align-content-sm-between {
        align-content: space-between !important
    }

    .align-content-sm-around {
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        align-content: stretch !important
    }

    .align-self-sm-auto {
        align-self: auto !important
    }

    .align-self-sm-start {
        align-self: flex-start !important
    }

    .align-self-sm-end {
        align-self: flex-end !important
    }

    .align-self-sm-center {
        align-self: center !important
    }

    .align-self-sm-baseline {
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        align-self: stretch !important
    }

    .order-sm-first {
        order: -1 !important
    }

    .order-sm-0 {
        order: 0 !important
    }

    .order-sm-1 {
        order: 1 !important
    }

    .order-sm-2 {
        order: 2 !important
    }

    .order-sm-3 {
        order: 3 !important
    }

    .order-sm-4 {
        order: 4 !important
    }

    .order-sm-5 {
        order: 5 !important
    }

    .order-sm-last {
        order: 6 !important
    }

    .m-sm-0 {
        margin: 0 !important
    }

    .m-sm-1 {
        margin: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .m-sm-5 {
        margin: 3rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-sm-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-sm-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-sm-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-sm-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-sm-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-sm-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-sm-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-sm-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-sm-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-sm-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-sm-0 {
        margin-top: 0 !important
    }

    .mt-sm-1 {
        margin-top: .25rem !important
    }

    .mt-sm-2 {
        margin-top: .5rem !important
    }

    .mt-sm-3 {
        margin-top: 1rem !important
    }

    .mt-sm-4 {
        margin-top: 1.5rem !important
    }

    .mt-sm-5 {
        margin-top: 3rem !important
    }

    .mt-sm-auto {
        margin-top: auto !important
    }

    .me-sm-0 {
        margin-right: 0 !important
    }

    .me-sm-1 {
        margin-right: .25rem !important
    }

    .me-sm-2 {
        margin-right: .5rem !important
    }

    .me-sm-3 {
        margin-right: 1rem !important
    }

    .me-sm-4 {
        margin-right: 1.5rem !important
    }

    .me-sm-5 {
        margin-right: 3rem !important
    }

    .me-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-0 {
        margin-bottom: 0 !important
    }

    .mb-sm-1 {
        margin-bottom: .25rem !important
    }

    .mb-sm-2 {
        margin-bottom: .5rem !important
    }

    .mb-sm-3 {
        margin-bottom: 1rem !important
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-sm-5 {
        margin-bottom: 3rem !important
    }

    .mb-sm-auto {
        margin-bottom: auto !important
    }

    .ms-sm-0 {
        margin-left: 0 !important
    }

    .ms-sm-1 {
        margin-left: .25rem !important
    }

    .ms-sm-2 {
        margin-left: .5rem !important
    }

    .ms-sm-3 {
        margin-left: 1rem !important
    }

    .ms-sm-4 {
        margin-left: 1.5rem !important
    }

    .ms-sm-5 {
        margin-left: 3rem !important
    }

    .ms-sm-auto {
        margin-left: auto !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .p-sm-1 {
        padding: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .p-sm-5 {
        padding: 3rem !important
    }

    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-sm-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-sm-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-sm-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-sm-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-sm-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-sm-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-sm-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-sm-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-sm-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-sm-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-sm-0 {
        padding-top: 0 !important
    }

    .pt-sm-1 {
        padding-top: .25rem !important
    }

    .pt-sm-2 {
        padding-top: .5rem !important
    }

    .pt-sm-3 {
        padding-top: 1rem !important
    }

    .pt-sm-4 {
        padding-top: 1.5rem !important
    }

    .pt-sm-5 {
        padding-top: 3rem !important
    }

    .pe-sm-0 {
        padding-right: 0 !important
    }

    .pe-sm-1 {
        padding-right: .25rem !important
    }

    .pe-sm-2 {
        padding-right: .5rem !important
    }

    .pe-sm-3 {
        padding-right: 1rem !important
    }

    .pe-sm-4 {
        padding-right: 1.5rem !important
    }

    .pe-sm-5 {
        padding-right: 3rem !important
    }

    .pb-sm-0 {
        padding-bottom: 0 !important
    }

    .pb-sm-1 {
        padding-bottom: .25rem !important
    }

    .pb-sm-2 {
        padding-bottom: .5rem !important
    }

    .pb-sm-3 {
        padding-bottom: 1rem !important
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-sm-5 {
        padding-bottom: 3rem !important
    }

    .ps-sm-0 {
        padding-left: 0 !important
    }

    .ps-sm-1 {
        padding-left: .25rem !important
    }

    .ps-sm-2 {
        padding-left: .5rem !important
    }

    .ps-sm-3 {
        padding-left: 1rem !important
    }

    .ps-sm-4 {
        padding-left: 1.5rem !important
    }

    .ps-sm-5 {
        padding-left: 3rem !important
    }

    .gap-sm-0 {
        gap: 0 !important
    }

    .gap-sm-1 {
        gap: .25rem !important
    }

    .gap-sm-2 {
        gap: .5rem !important
    }

    .gap-sm-3 {
        gap: 1rem !important
    }

    .gap-sm-4 {
        gap: 1.5rem !important
    }

    .gap-sm-5 {
        gap: 3rem !important
    }

    .text-sm-start {
        text-align: left !important
    }

    .text-sm-end {
        text-align: right !important
    }

    .text-sm-center {
        text-align: center !important
    }
}

@media (min-width:768px) {
    .float-md-start {
        float: left !important
    }

    .float-md-end {
        float: right !important
    }

    .float-md-none {
        float: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-grid {
        display: grid !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: flex !important
    }

    .d-md-inline-flex {
        display: inline-flex !important
    }

    .d-md-none {
        display: none !important
    }

    .flex-md-fill {
        flex: 1 1 auto !important
    }

    .flex-md-row {
        flex-direction: row !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-md-wrap {
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-md-start {
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        justify-content: center !important
    }

    .justify-content-md-between {
        justify-content: space-between !important
    }

    .justify-content-md-around {
        justify-content: space-around !important
    }

    .justify-content-md-evenly {
        justify-content: space-evenly !important
    }

    .align-items-md-start {
        align-items: flex-start !important
    }

    .align-items-md-end {
        align-items: flex-end !important
    }

    .align-items-md-center {
        align-items: center !important
    }

    .align-items-md-baseline {
        align-items: baseline !important
    }

    .align-items-md-stretch {
        align-items: stretch !important
    }

    .align-content-md-start {
        align-content: flex-start !important
    }

    .align-content-md-end {
        align-content: flex-end !important
    }

    .align-content-md-center {
        align-content: center !important
    }

    .align-content-md-between {
        align-content: space-between !important
    }

    .align-content-md-around {
        align-content: space-around !important
    }

    .align-content-md-stretch {
        align-content: stretch !important
    }

    .align-self-md-auto {
        align-self: auto !important
    }

    .align-self-md-start {
        align-self: flex-start !important
    }

    .align-self-md-end {
        align-self: flex-end !important
    }

    .align-self-md-center {
        align-self: center !important
    }

    .align-self-md-baseline {
        align-self: baseline !important
    }

    .align-self-md-stretch {
        align-self: stretch !important
    }

    .order-md-first {
        order: -1 !important
    }

    .order-md-0 {
        order: 0 !important
    }

    .order-md-1 {
        order: 1 !important
    }

    .order-md-2 {
        order: 2 !important
    }

    .order-md-3 {
        order: 3 !important
    }

    .order-md-4 {
        order: 4 !important
    }

    .order-md-5 {
        order: 5 !important
    }

    .order-md-last {
        order: 6 !important
    }

    .m-md-0 {
        margin: 0 !important
    }

    .m-md-1 {
        margin: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .m-md-5 {
        margin: 3rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-md-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-md-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-md-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-md-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-md-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-md-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-md-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-md-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-md-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-md-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-md-0 {
        margin-top: 0 !important
    }

    .mt-md-1 {
        margin-top: .25rem !important
    }

    .mt-md-2 {
        margin-top: .5rem !important
    }

    .mt-md-3 {
        margin-top: 1rem !important
    }

    .mt-md-4 {
        margin-top: 1.5rem !important
    }

    .mt-md-5 {
        margin-top: 3rem !important
    }

    .mt-md-auto {
        margin-top: auto !important
    }

    .me-md-0 {
        margin-right: 0 !important
    }

    .me-md-1 {
        margin-right: .25rem !important
    }

    .me-md-2 {
        margin-right: .5rem !important
    }

    .me-md-3 {
        margin-right: 1rem !important
    }

    .me-md-4 {
        margin-right: 1.5rem !important
    }

    .me-md-5 {
        margin-right: 3rem !important
    }

    .me-md-auto {
        margin-right: auto !important
    }

    .mb-md-0 {
        margin-bottom: 0 !important
    }

    .mb-md-1 {
        margin-bottom: .25rem !important
    }

    .mb-md-2 {
        margin-bottom: .5rem !important
    }

    .mb-md-3 {
        margin-bottom: 1rem !important
    }

    .mb-md-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-md-5 {
        margin-bottom: 3rem !important
    }

    .mb-md-auto {
        margin-bottom: auto !important
    }

    .ms-md-0 {
        margin-left: 0 !important
    }

    .ms-md-1 {
        margin-left: .25rem !important
    }

    .ms-md-2 {
        margin-left: .5rem !important
    }

    .ms-md-3 {
        margin-left: 1rem !important
    }

    .ms-md-4 {
        margin-left: 1.5rem !important
    }

    .ms-md-5 {
        margin-left: 3rem !important
    }

    .ms-md-auto {
        margin-left: auto !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .p-md-1 {
        padding: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .p-md-5 {
        padding: 3rem !important
    }

    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-md-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-md-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-md-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-md-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-md-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-md-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-md-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-md-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-md-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-md-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-md-0 {
        padding-top: 0 !important
    }

    .pt-md-1 {
        padding-top: .25rem !important
    }

    .pt-md-2 {
        padding-top: .5rem !important
    }

    .pt-md-3 {
        padding-top: 1rem !important
    }

    .pt-md-4 {
        padding-top: 1.5rem !important
    }

    .pt-md-5 {
        padding-top: 3rem !important
    }

    .pe-md-0 {
        padding-right: 0 !important
    }

    .pe-md-1 {
        padding-right: .25rem !important
    }

    .pe-md-2 {
        padding-right: .5rem !important
    }

    .pe-md-3 {
        padding-right: 1rem !important
    }

    .pe-md-4 {
        padding-right: 1.5rem !important
    }

    .pe-md-5 {
        padding-right: 3rem !important
    }

    .pb-md-0 {
        padding-bottom: 0 !important
    }

    .pb-md-1 {
        padding-bottom: .25rem !important
    }

    .pb-md-2 {
        padding-bottom: .5rem !important
    }

    .pb-md-3 {
        padding-bottom: 1rem !important
    }

    .pb-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-md-5 {
        padding-bottom: 3rem !important
    }

    .ps-md-0 {
        padding-left: 0 !important
    }

    .ps-md-1 {
        padding-left: .25rem !important
    }

    .ps-md-2 {
        padding-left: .5rem !important
    }

    .ps-md-3 {
        padding-left: 1rem !important
    }

    .ps-md-4 {
        padding-left: 1.5rem !important
    }

    .ps-md-5 {
        padding-left: 3rem !important
    }

    .gap-md-0 {
        gap: 0 !important
    }

    .gap-md-1 {
        gap: .25rem !important
    }

    .gap-md-2 {
        gap: .5rem !important
    }

    .gap-md-3 {
        gap: 1rem !important
    }

    .gap-md-4 {
        gap: 1.5rem !important
    }

    .gap-md-5 {
        gap: 3rem !important
    }

    .text-md-start {
        text-align: left !important
    }

    .text-md-end {
        text-align: right !important
    }

    .text-md-center {
        text-align: center !important
    }
}

@media (min-width:992px) {
    .float-lg-start {
        float: left !important
    }

    .float-lg-end {
        float: right !important
    }

    .float-lg-none {
        float: none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-grid {
        display: grid !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: flex !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }

    .d-lg-none {
        display: none !important
    }

    .flex-lg-fill {
        flex: 1 1 auto !important
    }

    .flex-lg-row {
        flex-direction: row !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-lg-start {
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        justify-content: center !important
    }

    .justify-content-lg-between {
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        justify-content: space-around !important
    }

    .justify-content-lg-evenly {
        justify-content: space-evenly !important
    }

    .align-items-lg-start {
        align-items: flex-start !important
    }

    .align-items-lg-end {
        align-items: flex-end !important
    }

    .align-items-lg-center {
        align-items: center !important
    }

    .align-items-lg-baseline {
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        align-items: stretch !important
    }

    .align-content-lg-start {
        align-content: flex-start !important
    }

    .align-content-lg-end {
        align-content: flex-end !important
    }

    .align-content-lg-center {
        align-content: center !important
    }

    .align-content-lg-between {
        align-content: space-between !important
    }

    .align-content-lg-around {
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        align-content: stretch !important
    }

    .align-self-lg-auto {
        align-self: auto !important
    }

    .align-self-lg-start {
        align-self: flex-start !important
    }

    .align-self-lg-end {
        align-self: flex-end !important
    }

    .align-self-lg-center {
        align-self: center !important
    }

    .align-self-lg-baseline {
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        align-self: stretch !important
    }

    .order-lg-first {
        order: -1 !important
    }

    .order-lg-0 {
        order: 0 !important
    }

    .order-lg-1 {
        order: 1 !important
    }

    .order-lg-2 {
        order: 2 !important
    }

    .order-lg-3 {
        order: 3 !important
    }

    .order-lg-4 {
        order: 4 !important
    }

    .order-lg-5 {
        order: 5 !important
    }

    .order-lg-last {
        order: 6 !important
    }

    .m-lg-0 {
        margin: 0 !important
    }

    .m-lg-1 {
        margin: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-lg-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-lg-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-lg-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-lg-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-lg-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-lg-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-lg-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-lg-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-lg-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-lg-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-lg-0 {
        margin-top: 0 !important
    }

    .mt-lg-1 {
        margin-top: .25rem !important
    }

    .mt-lg-2 {
        margin-top: .5rem !important
    }

    .mt-lg-3 {
        margin-top: 1rem !important
    }

    .mt-lg-4 {
        margin-top: 1.5rem !important
    }

    .mt-lg-5 {
        margin-top: 3rem !important
    }

    .mt-lg-auto {
        margin-top: auto !important
    }

    .me-lg-0 {
        margin-right: 0 !important
    }

    .me-lg-1 {
        margin-right: .25rem !important
    }

    .me-lg-2 {
        margin-right: .5rem !important
    }

    .me-lg-3 {
        margin-right: 1rem !important
    }

    .me-lg-4 {
        margin-right: 1.5rem !important
    }

    .me-lg-5 {
        margin-right: 3rem !important
    }

    .me-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-0 {
        margin-bottom: 0 !important
    }

    .mb-lg-1 {
        margin-bottom: .25rem !important
    }

    .mb-lg-2 {
        margin-bottom: .5rem !important
    }

    .mb-lg-3 {
        margin-bottom: 1rem !important
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-lg-5 {
        margin-bottom: 3rem !important
    }

    .mb-lg-auto {
        margin-bottom: auto !important
    }

    .ms-lg-0 {
        margin-left: 0 !important
    }

    .ms-lg-1 {
        margin-left: .25rem !important
    }

    .ms-lg-2 {
        margin-left: .5rem !important
    }

    .ms-lg-3 {
        margin-left: 1rem !important
    }

    .ms-lg-4 {
        margin-left: 1.5rem !important
    }

    .ms-lg-5 {
        margin-left: 3rem !important
    }

    .ms-lg-auto {
        margin-left: auto !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem !important
    }

    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-lg-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-lg-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-lg-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-lg-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-lg-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-lg-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-lg-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-lg-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-lg-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-lg-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-lg-0 {
        padding-top: 0 !important
    }

    .pt-lg-1 {
        padding-top: .25rem !important
    }

    .pt-lg-2 {
        padding-top: .5rem !important
    }

    .pt-lg-3 {
        padding-top: 1rem !important
    }

    .pt-lg-4 {
        padding-top: 1.5rem !important
    }

    .pt-lg-5 {
        padding-top: 3rem !important
    }

    .pe-lg-0 {
        padding-right: 0 !important
    }

    .pe-lg-1 {
        padding-right: .25rem !important
    }

    .pe-lg-2 {
        padding-right: .5rem !important
    }

    .pe-lg-3 {
        padding-right: 1rem !important
    }

    .pe-lg-4 {
        padding-right: 1.5rem !important
    }

    .pe-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-0 {
        padding-bottom: 0 !important
    }

    .pb-lg-1 {
        padding-bottom: .25rem !important
    }

    .pb-lg-2 {
        padding-bottom: .5rem !important
    }

    .pb-lg-3 {
        padding-bottom: 1rem !important
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-lg-5 {
        padding-bottom: 3rem !important
    }

    .ps-lg-0 {
        padding-left: 0 !important
    }

    .ps-lg-1 {
        padding-left: .25rem !important
    }

    .ps-lg-2 {
        padding-left: .5rem !important
    }

    .ps-lg-3 {
        padding-left: 1rem !important
    }

    .ps-lg-4 {
        padding-left: 1.5rem !important
    }

    .ps-lg-5 {
        padding-left: 3rem !important
    }

    .gap-lg-0 {
        gap: 0 !important
    }

    .gap-lg-1 {
        gap: .25rem !important
    }

    .gap-lg-2 {
        gap: .5rem !important
    }

    .gap-lg-3 {
        gap: 1rem !important
    }

    .gap-lg-4 {
        gap: 1.5rem !important
    }

    .gap-lg-5 {
        gap: 3rem !important
    }

    .text-lg-start {
        text-align: left !important
    }

    .text-lg-end {
        text-align: right !important
    }

    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width:1200px) {
    .float-xl-start {
        float: left !important
    }

    .float-xl-end {
        float: right !important
    }

    .float-xl-none {
        float: none !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-grid {
        display: grid !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: flex !important
    }

    .d-xl-inline-flex {
        display: inline-flex !important
    }

    .d-xl-none {
        display: none !important
    }

    .flex-xl-fill {
        flex: 1 1 auto !important
    }

    .flex-xl-row {
        flex-direction: row !important
    }

    .flex-xl-column {
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xl-start {
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        justify-content: center !important
    }

    .justify-content-xl-between {
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        justify-content: space-around !important
    }

    .justify-content-xl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xl-start {
        align-items: flex-start !important
    }

    .align-items-xl-end {
        align-items: flex-end !important
    }

    .align-items-xl-center {
        align-items: center !important
    }

    .align-items-xl-baseline {
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        align-items: stretch !important
    }

    .align-content-xl-start {
        align-content: flex-start !important
    }

    .align-content-xl-end {
        align-content: flex-end !important
    }

    .align-content-xl-center {
        align-content: center !important
    }

    .align-content-xl-between {
        align-content: space-between !important
    }

    .align-content-xl-around {
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        align-content: stretch !important
    }

    .align-self-xl-auto {
        align-self: auto !important
    }

    .align-self-xl-start {
        align-self: flex-start !important
    }

    .align-self-xl-end {
        align-self: flex-end !important
    }

    .align-self-xl-center {
        align-self: center !important
    }

    .align-self-xl-baseline {
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        align-self: stretch !important
    }

    .order-xl-first {
        order: -1 !important
    }

    .order-xl-0 {
        order: 0 !important
    }

    .order-xl-1 {
        order: 1 !important
    }

    .order-xl-2 {
        order: 2 !important
    }

    .order-xl-3 {
        order: 3 !important
    }

    .order-xl-4 {
        order: 4 !important
    }

    .order-xl-5 {
        order: 5 !important
    }

    .order-xl-last {
        order: 6 !important
    }

    .m-xl-0 {
        margin: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mx-xl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-xl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-xl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-xl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-xl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-xl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-xl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-xl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-xl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-xl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xl-0 {
        margin-top: 0 !important
    }

    .mt-xl-1 {
        margin-top: .25rem !important
    }

    .mt-xl-2 {
        margin-top: .5rem !important
    }

    .mt-xl-3 {
        margin-top: 1rem !important
    }

    .mt-xl-4 {
        margin-top: 1.5rem !important
    }

    .mt-xl-5 {
        margin-top: 3rem !important
    }

    .mt-xl-auto {
        margin-top: auto !important
    }

    .me-xl-0 {
        margin-right: 0 !important
    }

    .me-xl-1 {
        margin-right: .25rem !important
    }

    .me-xl-2 {
        margin-right: .5rem !important
    }

    .me-xl-3 {
        margin-right: 1rem !important
    }

    .me-xl-4 {
        margin-right: 1.5rem !important
    }

    .me-xl-5 {
        margin-right: 3rem !important
    }

    .me-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-0 {
        margin-bottom: 0 !important
    }

    .mb-xl-1 {
        margin-bottom: .25rem !important
    }

    .mb-xl-2 {
        margin-bottom: .5rem !important
    }

    .mb-xl-3 {
        margin-bottom: 1rem !important
    }

    .mb-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xl-5 {
        margin-bottom: 3rem !important
    }

    .mb-xl-auto {
        margin-bottom: auto !important
    }

    .ms-xl-0 {
        margin-left: 0 !important
    }

    .ms-xl-1 {
        margin-left: .25rem !important
    }

    .ms-xl-2 {
        margin-left: .5rem !important
    }

    .ms-xl-3 {
        margin-left: 1rem !important
    }

    .ms-xl-4 {
        margin-left: 1.5rem !important
    }

    .ms-xl-5 {
        margin-left: 3rem !important
    }

    .ms-xl-auto {
        margin-left: auto !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem !important
    }

    .px-xl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-xl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-xl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-xl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-xl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-xl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-xl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-xl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-xl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-xl-0 {
        padding-top: 0 !important
    }

    .pt-xl-1 {
        padding-top: .25rem !important
    }

    .pt-xl-2 {
        padding-top: .5rem !important
    }

    .pt-xl-3 {
        padding-top: 1rem !important
    }

    .pt-xl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xl-5 {
        padding-top: 3rem !important
    }

    .pe-xl-0 {
        padding-right: 0 !important
    }

    .pe-xl-1 {
        padding-right: .25rem !important
    }

    .pe-xl-2 {
        padding-right: .5rem !important
    }

    .pe-xl-3 {
        padding-right: 1rem !important
    }

    .pe-xl-4 {
        padding-right: 1.5rem !important
    }

    .pe-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-0 {
        padding-bottom: 0 !important
    }

    .pb-xl-1 {
        padding-bottom: .25rem !important
    }

    .pb-xl-2 {
        padding-bottom: .5rem !important
    }

    .pb-xl-3 {
        padding-bottom: 1rem !important
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xl-5 {
        padding-bottom: 3rem !important
    }

    .ps-xl-0 {
        padding-left: 0 !important
    }

    .ps-xl-1 {
        padding-left: .25rem !important
    }

    .ps-xl-2 {
        padding-left: .5rem !important
    }

    .ps-xl-3 {
        padding-left: 1rem !important
    }

    .ps-xl-4 {
        padding-left: 1.5rem !important
    }

    .ps-xl-5 {
        padding-left: 3rem !important
    }

    .gap-xl-0 {
        gap: 0 !important
    }

    .gap-xl-1 {
        gap: .25rem !important
    }

    .gap-xl-2 {
        gap: .5rem !important
    }

    .gap-xl-3 {
        gap: 1rem !important
    }

    .gap-xl-4 {
        gap: 1.5rem !important
    }

    .gap-xl-5 {
        gap: 3rem !important
    }

    .text-xl-start {
        text-align: left !important
    }

    .text-xl-end {
        text-align: right !important
    }

    .text-xl-center {
        text-align: center !important
    }
}

@media (min-width:1400px) {
    .float-xxl-start {
        float: left !important
    }

    .float-xxl-end {
        float: right !important
    }

    .float-xxl-none {
        float: none !important
    }

    .d-xxl-inline {
        display: inline !important
    }

    .d-xxl-inline-block {
        display: inline-block !important
    }

    .d-xxl-block {
        display: block !important
    }

    .d-xxl-grid {
        display: grid !important
    }

    .d-xxl-table {
        display: table !important
    }

    .d-xxl-table-row {
        display: table-row !important
    }

    .d-xxl-table-cell {
        display: table-cell !important
    }

    .d-xxl-flex {
        display: flex !important
    }

    .d-xxl-inline-flex {
        display: inline-flex !important
    }

    .d-xxl-none {
        display: none !important
    }

    .flex-xxl-fill {
        flex: 1 1 auto !important
    }

    .flex-xxl-row {
        flex-direction: row !important
    }

    .flex-xxl-column {
        flex-direction: column !important
    }

    .flex-xxl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xxl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xxl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xxl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xxl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xxl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xxl-start {
        justify-content: flex-start !important
    }

    .justify-content-xxl-end {
        justify-content: flex-end !important
    }

    .justify-content-xxl-center {
        justify-content: center !important
    }

    .justify-content-xxl-between {
        justify-content: space-between !important
    }

    .justify-content-xxl-around {
        justify-content: space-around !important
    }

    .justify-content-xxl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xxl-start {
        align-items: flex-start !important
    }

    .align-items-xxl-end {
        align-items: flex-end !important
    }

    .align-items-xxl-center {
        align-items: center !important
    }

    .align-items-xxl-baseline {
        align-items: baseline !important
    }

    .align-items-xxl-stretch {
        align-items: stretch !important
    }

    .align-content-xxl-start {
        align-content: flex-start !important
    }

    .align-content-xxl-end {
        align-content: flex-end !important
    }

    .align-content-xxl-center {
        align-content: center !important
    }

    .align-content-xxl-between {
        align-content: space-between !important
    }

    .align-content-xxl-around {
        align-content: space-around !important
    }

    .align-content-xxl-stretch {
        align-content: stretch !important
    }

    .align-self-xxl-auto {
        align-self: auto !important
    }

    .align-self-xxl-start {
        align-self: flex-start !important
    }

    .align-self-xxl-end {
        align-self: flex-end !important
    }

    .align-self-xxl-center {
        align-self: center !important
    }

    .align-self-xxl-baseline {
        align-self: baseline !important
    }

    .align-self-xxl-stretch {
        align-self: stretch !important
    }

    .order-xxl-first {
        order: -1 !important
    }

    .order-xxl-0 {
        order: 0 !important
    }

    .order-xxl-1 {
        order: 1 !important
    }

    .order-xxl-2 {
        order: 2 !important
    }

    .order-xxl-3 {
        order: 3 !important
    }

    .order-xxl-4 {
        order: 4 !important
    }

    .order-xxl-5 {
        order: 5 !important
    }

    .order-xxl-last {
        order: 6 !important
    }

    .m-xxl-0 {
        margin: 0 !important
    }

    .m-xxl-1 {
        margin: .25rem !important
    }

    .m-xxl-2 {
        margin: .5rem !important
    }

    .m-xxl-3 {
        margin: 1rem !important
    }

    .m-xxl-4 {
        margin: 1.5rem !important
    }

    .m-xxl-5 {
        margin: 3rem !important
    }

    .m-xxl-auto {
        margin: auto !important
    }

    .mx-xxl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xxl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-xxl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-xxl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-xxl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-xxl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-xxl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xxl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xxl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-xxl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-xxl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-xxl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-xxl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-xxl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xxl-0 {
        margin-top: 0 !important
    }

    .mt-xxl-1 {
        margin-top: .25rem !important
    }

    .mt-xxl-2 {
        margin-top: .5rem !important
    }

    .mt-xxl-3 {
        margin-top: 1rem !important
    }

    .mt-xxl-4 {
        margin-top: 1.5rem !important
    }

    .mt-xxl-5 {
        margin-top: 3rem !important
    }

    .mt-xxl-auto {
        margin-top: auto !important
    }

    .me-xxl-0 {
        margin-right: 0 !important
    }

    .me-xxl-1 {
        margin-right: .25rem !important
    }

    .me-xxl-2 {
        margin-right: .5rem !important
    }

    .me-xxl-3 {
        margin-right: 1rem !important
    }

    .me-xxl-4 {
        margin-right: 1.5rem !important
    }

    .me-xxl-5 {
        margin-right: 3rem !important
    }

    .me-xxl-auto {
        margin-right: auto !important
    }

    .mb-xxl-0 {
        margin-bottom: 0 !important
    }

    .mb-xxl-1 {
        margin-bottom: .25rem !important
    }

    .mb-xxl-2 {
        margin-bottom: .5rem !important
    }

    .mb-xxl-3 {
        margin-bottom: 1rem !important
    }

    .mb-xxl-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xxl-5 {
        margin-bottom: 3rem !important
    }

    .mb-xxl-auto {
        margin-bottom: auto !important
    }

    .ms-xxl-0 {
        margin-left: 0 !important
    }

    .ms-xxl-1 {
        margin-left: .25rem !important
    }

    .ms-xxl-2 {
        margin-left: .5rem !important
    }

    .ms-xxl-3 {
        margin-left: 1rem !important
    }

    .ms-xxl-4 {
        margin-left: 1.5rem !important
    }

    .ms-xxl-5 {
        margin-left: 3rem !important
    }

    .ms-xxl-auto {
        margin-left: auto !important
    }

    .p-xxl-0 {
        padding: 0 !important
    }

    .p-xxl-1 {
        padding: .25rem !important
    }

    .p-xxl-2 {
        padding: .5rem !important
    }

    .p-xxl-3 {
        padding: 1rem !important
    }

    .p-xxl-4 {
        padding: 1.5rem !important
    }

    .p-xxl-5 {
        padding: 3rem !important
    }

    .px-xxl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xxl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-xxl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-xxl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-xxl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-xxl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-xxl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xxl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-xxl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-xxl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-xxl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-xxl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-xxl-0 {
        padding-top: 0 !important
    }

    .pt-xxl-1 {
        padding-top: .25rem !important
    }

    .pt-xxl-2 {
        padding-top: .5rem !important
    }

    .pt-xxl-3 {
        padding-top: 1rem !important
    }

    .pt-xxl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xxl-5 {
        padding-top: 3rem !important
    }

    .pe-xxl-0 {
        padding-right: 0 !important
    }

    .pe-xxl-1 {
        padding-right: .25rem !important
    }

    .pe-xxl-2 {
        padding-right: .5rem !important
    }

    .pe-xxl-3 {
        padding-right: 1rem !important
    }

    .pe-xxl-4 {
        padding-right: 1.5rem !important
    }

    .pe-xxl-5 {
        padding-right: 3rem !important
    }

    .pb-xxl-0 {
        padding-bottom: 0 !important
    }

    .pb-xxl-1 {
        padding-bottom: .25rem !important
    }

    .pb-xxl-2 {
        padding-bottom: .5rem !important
    }

    .pb-xxl-3 {
        padding-bottom: 1rem !important
    }

    .pb-xxl-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xxl-5 {
        padding-bottom: 3rem !important
    }

    .ps-xxl-0 {
        padding-left: 0 !important
    }

    .ps-xxl-1 {
        padding-left: .25rem !important
    }

    .ps-xxl-2 {
        padding-left: .5rem !important
    }

    .ps-xxl-3 {
        padding-left: 1rem !important
    }

    .ps-xxl-4 {
        padding-left: 1.5rem !important
    }

    .ps-xxl-5 {
        padding-left: 3rem !important
    }

    .gap-xxl-0 {
        gap: 0 !important
    }

    .gap-xxl-1 {
        gap: .25rem !important
    }

    .gap-xxl-2 {
        gap: .5rem !important
    }

    .gap-xxl-3 {
        gap: 1rem !important
    }

    .gap-xxl-4 {
        gap: 1.5rem !important
    }

    .gap-xxl-5 {
        gap: 3rem !important
    }

    .text-xxl-start {
        text-align: left !important
    }

    .text-xxl-end {
        text-align: right !important
    }

    .text-xxl-center {
        text-align: center !important
    }
}

@media (min-width:1200px) {
    .fs-1 {
        font-size: 2.5rem !important
    }

    .fs-2 {
        font-size: 2rem !important
    }

    .fs-3 {
        font-size: 1.75rem !important
    }

    .fs-4 {
        font-size: 1.5rem !important
    }
}

@media print {
    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-grid {
        display: grid !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: flex !important
    }

    .d-print-inline-flex {
        display: inline-flex !important
    }

    .d-print-none {
        display: none !important
    }
}

.col-auto {
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-3 {
    flex: 0 0 auto;
    width: 25%
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}

.col-6 {
    flex: 0 0 auto;
    width: 50%
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}

.col-9 {
    flex: 0 0 auto;
    width: 75%
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%
}

.col-12 {
    flex: 0 0 auto;
    width: 100%
}

.offset-1 {
    margin-left: 8.33333333%
}

.offset-2 {
    margin-left: 16.66666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333333%
}

.offset-5 {
    margin-left: 41.66666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333333%
}

.offset-8 {
    margin-left: 66.66666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333333%
}

.offset-11 {
    margin-left: 91.66666667%
}

.z-index-2 {
    z-index: 2;
}

.border-0 {
    border: 0 !important;
}

.text-lowercase {
    text-transform: lowercase !important;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.text-capitalize {
    text-transform: capitalize !important;
}

.lh-1 {
    line-height: 1 !important
}

.lh-sm {
    line-height: 1.25 !important
}

.lh-base {
    line-height: 1.5 !important
}

.lh-lg {
    line-height: 2 !important
}

.user-select-none {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    user-select: none !important;
}

/*FIN BOOSTRAP v5.2.1*/


*,
::after,
::before {
    box-sizing: border-box;
}


/******************INI: Horarios******************/


.timetable {
    border-collapse: separate;
    width: 100%;
    border-spacing: 12px;
    line-height: 26px;
}

.day-week {
    background: #dfdada !important;
    color: #333333;
    text-align: center;
    font-weight: bold;
    text-transform: capitalize;
    width: 19% !important;
}

.time-slot {
    background: #dfdada !important;
    color: #333333;
    width: 60px !important;
    font-weight: bold;
    text-align: center;
}

.activity {
    min-height: 90px;
    text-align: center;
    background-color: #eee;
}

.activity div.row {
    padding: 10px 5px;
    min-height: 70px;
}

.activity .activity-name {
    display: block;
    line-height: 16px;
    padding-top: 0px;
    padding-bottom: 2px;
    font-weight: bold;
    text-align: left;
}

.activity .activity-resource {
    display: block;
    /* line-height: 16px; */
    padding-top: 0px;
    padding-bottom: 0px;
    text-align: left;
    font-style: italic;
    font-weight: 500;
    font-size: 13px;
}

.activity .activity-time {
    display: block;
    line-height: 16px;
    font-weight: bold;
    line-height: 1.2342857;
    padding-left: 0.5px;
}

.activity .activity-room {
    display: block;
    text-align: left;
    margin-top: -3px;
    line-height: 16px;
}

.day-week-saturday {
    width: 80%;
    background: #dfdada !important;
    color: #333333;
    text-align: center;
    font-weight: bold;
    text-transform: capitalize;
}

.day-week-sunday {
    width: 80%;
    background: #dfdada !important;
    color: #333333;
    text-align: center;
    font-weight: bold;
    text-transform: capitalize;
}

.day-active-day-week {
    background-color: var(--z-primary) !important;
    color: #fff;
}

.activity-resource {
    display: block;
}

.day-week.movil {
    cursor: pointer;
}

.schedule .activity .col-3 {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 7px;
    padding-right: 7px;
}

.schedule .activity .activity-time {
    display: block;
    font-weight: bold;
    width: 30px;
    height: 30px;
    background-color: #dfdfdf;
    color: black !important;
    border-radius: 20px;
    padding-top: 6px;
}

/** HORARIO TELEVISIÓN**/
.schedule-tv .activity {
    min-height: 40px !important;
    padding: 0px !important;
    border-spacing: 1px;
}

.schedule-tv .activity div {
    padding: 0px 0px;
    width: 100% !important;
    height: 100% !important;
    min-height: 40px;
}

.schedule-tv .activity .activity-hour {
    display: block;
    font-size: 13px;
    margin-top: -4px;
    padding-right: 1px;
    padding-left: 1px;
    margin-left: 11px;
}

.schedule-tv .activity .activity-resource {
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 2px;
    font-size: 10.5px;
    line-height: 8px;
    width: 119px;
}


.schedule-tv .activity .activity-name {
    font-weight: bold !important;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 2px;
    font-size: 13.5px;
    line-height: 12px;
}

.schedule-tv .activity .activity-time {
    line-height: 12px !important;
    font-size: 12px;
    line-height: 6px;
    margin-top: -6px;
    margin-left: 45%;
    font-weight: bold;
    width: 20px;
    height: 20px;
    background-color: #f2f2f2;
    border-radius: 20px;
    padding-top: 4px;

}



/******************FIN: Horarios******************/


/******************INI: Calendario******************/

.select2-drop-active {
    border: 1px solid var(--z-secondary);
}

.select2-drop.select2-drop-above.select2-drop-active {
    border-top: 1px solid var(--z-secondary);
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
    border: 1px solid var(--z-secondary);
}

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
    border: 1px solid var(--z-secondary);
}

.select2-results .select2-highlighted {
    background: var(--z-secondary);
}

.select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid var(--z-secondary);
}

td > a {
    color: inherit !important;
}

td > div > a {
    color: inherit !important;
}

.text-white {
    color: white !important;
}

.text-black {
    color: black !important;
}

.top-right-ribbon,
.bottom-ribbon {
    font-size: medium;
}

#button {
    padding: .5em 1em;
    text-decoration: none;
}

#effect {
    width: 240px;
    height: 170px;
    padding: 0.4em;
    position: relative;
}

#effect h3 {
    margin: 0;
    padding: 0.4em;
    text-align: center;
}

.not-available {
    cursor: not-allowed !important;
}

.desaturate {
    backdrop-filter: saturate(0.13);
}

.top-right-ribbon {
    color: black;
    border: 0px;
    background-color: var(--btn-mi_qr-and-user_panel) !important;
    background-image: none !important;
    border-color: var(--btn-mi_qr-and-user_panel);
    filter: brightness(85%);
    padding: 6px 12px;
    font-weight: 500;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.mid-right-ribbon {
    padding-top: 6px;
    padding-right: 6px;
    font-weight: 500;
    line-height: 1.42857143;
    white-space: nowrap;
    margin-bottom: 0px;
    font-size: 8px;
}

.mid-right-ribbon-label {
    font-size: 8px;
}

.bottom-ribbon {
    color: white;
    width: 100%;
    padding: 1px;
    font-weight: 500;
    vertical-align: middle;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    background-image: none !important;
}

.btn-warning-disabled {
    background-color: #a94442 !important;
}

.btn-alert-disabled {
    background-color: #8a6d3b !important;
}



/******************FIN: Calendario******************/

.small-caps {
    text-align: center !important;
    font-size: x-small;
    font-variant: small-caps;
}

.centered {
    display: flex;
    align-items: center;
    justify-content: center;
}

::selection {
    background: var(--z-secondary);
    /* WebKit/Blink Browsers */
}

::-moz-selection {
    background: var(--z-secondary);
    /* Gecko Browsers */
}

.fc-resource-title a {
    color: white !important;
    border-bottom: 2px solid var(--z-secondary) !important;
}

.fc .fc-timegrid-slot {
    border-bottom: 0;
    height: 2.5em;
}

.fc-timegrid-slot-label-cushion,
.fc-col-header-cell-cushion {
    font-weight: bold;
    text-transform: uppercase;
}

.bg-blue{
    background-color: #17a2b8;
    color:white !important;
    margin-right: 3px !important;
}

.bg-green{
    background-color: #28a745;
    color:white !important;
    margin-right: 3px !important;
}

.bg-red{
    background-color:#dc3545;
    color: white !important;
    margin-right: 3px !important;
}

.badge-size{
    margin-left: 3px !important;
    margin-right: 3px !important;
}


/****************** INI: RESPONSIVE ******************/

/*** ***/
@media (max-width : 320px) {
    .login-h1-xs {
        font-size: 20px;
    }

    .login-h2 {
        font-size: 12px;
    }

    .login-h2-xs {
        font-size: 12px;
    }

    .div-volver {
        margin-top: 7px;
    }

    #div-stores img {
        /* height: 30px; */
    }

    #div-stores > div {
        padding-right: 0px;
        text-align: right;
    }

    #div-stores a {
        padding-right: 0px;
    }

    #div-idiomas a {
        padding-left: 0px !important;
    }

    .no-padding-left-xs {
        padding-left: 0px;
    }

    .iconos-actions {
        padding-left: 0px;
    }

    .iconos-actions > div {
        /*text-align: left !important;*/
    }

    .iconos-actions a {
        padding-left: 0px !important;
    }

    #div-stores-entity > div {
        padding-left: 0px;

    }

    #div-stores-entity img {
        /* height: 35px; */
    }

    .dataTables_wrapper div.form-group {
        float: left !important;
    }

    #div-text-titulo > h1.home {
        font-size: 39px;
    }

    #div-text-titulo {
        display: none;
    }

    .mt-50 {
        margin-top: 25px !important;
    }

    #background-image-login {
        background: var(--z-primary);
        color: #F2F2F2;
        /*        max-height: auto;
                min-height: auto;*/
    }

    #background-image-login > div {
        display: block;
    }

    #background-image-login > h1 {
        margin-bottom: 20px;

    }
}

@media (max-width:500px) {
    #div-text-titulo > h1.home {
        font-size: 39px;
    }

    #modalAccess .modal-dialog{
        width: 70% !important;
    }

   
}

@media (max-width : 767px) {

    .fc .fc-toolbar-title {
        font-size: 1.2em;
    }

    .leyenda-contenedor {
        font-size: 0.7em;
    }

    label.color-leyenda {
        display: none;
    }

    .container {
        padding-left: 0;
    }

    .leyenda-responsive-label {
        padding: 5px;
        border-radius: 5px;
        color: white;
        font-weight: 700;
    }

    .leyenda-responsive-label-free {
        background: linear-gradient(90deg, rgba(142, 211, 243, 1) 50%, rgba(150, 208, 138, 1) 0%);
    }

    .leyenda-responsive-label-my-reserve {
        background: #b19cd9;
    }

    .leyenda-responsive-label-busy {
        background-color: #d9534f !important;
    }

    .leyenda-responsive-label-dynamic {
        background-color: #8ed3f3 !important;
    }

    .leyenda-responsive-label-event {
        background-color: #f0ad4e;
    }

    .fc-timegrid-slot-label-cushion {
        writing-mode: vertical-lr !important;
        padding: 0px !important;
    }

    .header-entity {
        background-color: white !important;
    }

    .no-padding-xs {
        padding: 0 !important;
    }


    .no-margin-xs {
        margin: 0 !important;
    }

    .no-padding-horizontal-xs {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .div-header a {
        position: inherit !important;
    }

    a:link {
        text-decoration: none;
        /*color: white;*/
        /*padding: 15px;*/
    }

    .navbar-toggle {
        margin-right: 0px;
        color: black;
    }

    header i {
        font-size: 200% !important;
    }

    .padding-xs-idioms {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .div-volver {
        margin-top: 16px;
    }

    .actions {
        float: none !important;
        width: 100%;
    }

    #div-stores-entity {
        margin-top: 18px;
    }

    #div-stores {
        display: none;
    }

    #div-stores div {
        padding-top: 8px;
    }

    #background-image-login {
        background: var(--z-primary);
        color: #F2F2F2;
        /*        max-height: auto;
                min-height: auto;*/
    }

    #background-image-login > div {
        display: block;
    }

    .mt-25-xs {
        margin-top: 25px;
    }

    .banner-zcenter {
        background: white;
        /*min-height: auto;*/

    }

    .stores {
        background: var(--z-primary);
        color: #F2F2F2;
        display: block;
    }

    .btn-volver:hover {
        width: 100%;
    }

    .col-sm-9 {
        width: 100%;
    }

    #modalAccess .modal-dialog{
        width: 50% !important;
    }

    .z-visible-md {
        display: none;
    }

    .z-visible-xs {
       display: initial ;
       
    }

}

@media (min-width: 768px) {
    .z-visible-xs {
        display: none;
    }

    .z-visible-md {
        display: initial;
    }
    

}

@media (min-width: 992px) {
    .bg-percent-height {
        height: var(--background-image-login-percent-screen-height);
    }

    .bg-full-height {
        height: var(--background-image-login-full-screen-height);
    }

    #frm-login-buttons {
        margin-bottom: 2vh;
    }

}

@media (max-width : 767px) {
    .btn-menu-header {
        margin-top: 42px;
    }

    .menu-bar-options {
        padding-left: 0px;
        padding-right: 0px;
    }

    .menu-options {
        margin-top: 13px !important;
        margin-bottom: 3px !important;
    }


    .logo_footer {
        display: none !important;
    }

    .z-visible-xs {
        display: initial;
    }

    .margin-top-15-xs {
        margin-top: 15px;
    }

    body {
        background-position: auto 100%;
    }

    .header {
        height: auto !important;
        min-height: 130px;
    }

    .logo_clicac {
        margin-top: -5px !important;
        height: 130px !important;
        text-align: center;
        margin: 0 auto;
        background-color: white;
    }

    #div-stores {
        text-align: center !important;
    }

    #div-stores div {
        padding-left: 15px !important;
    }

    #campo {
        display: none !important;
    }

    #div-gestor {
        margin-top: 20px;
        padding-bottom: 20px;
        text-align: center;
    }

    #section-form {
        background-image: none;
        background-color: White;
        min-height: 575px;
        margin-top: 20px;
    }

    .no-margin-left {
        margin-left: 0px !important;
    }

    #div-btn-gestor {
        margin-top: 5%;
        margin-left: 0% !important;
    }

    .btn-clicac {
        width: 100%;
    }

    #div-btn-gestor div {
        padding: 0px !important;
    }

    #section-form-right {
        background-size: 100% 100%;
        min-height: 570px;
    }

    #div-form {
        margin-top: 45px;
    }

    #section-form-right h2 {
        text-align: center;
    }

    #section-img-pista {
        display: none;
    }

    footer p {
        font-size: 150%;
    }

    #div-zitelia a:hover {
        font-weight: bold;
        color: #4e4e4e !important;
    }

    #seccion-footer img#img-app {
        display: none;
    }

    #seccion-footer {
        height: auto;
        padding: 10px;
    }

    #div-play-store {
        text-align: center;
    }

    #section-titulo {
        background-position: center 4% !important;
    }

    #div-text-titulo {
        margin-top: 0px;
    }

    #div-idiomas {
        float: none;
        margin: 0 auto;
        text-align: center;
        display: inline-flex;
    }

    .no-padding-sm {
        padding: 0px !important;
    }

    .div-header {
        text-align: center;
        margin-bottom: 10px;
    }
}

@media (max-width: 950px) {}


/* Small devices (tablets, 768px and up) */
@media (max-width:279px) {
    * {
        display: none;
    }
}

@media (min-width: 280px) and (max-width:768px) {
    .nav {
        display: flex;
        flex-direction: column;
    }

    .logo_footer_zitelia {
        margin-top: 130px;
    }

    .logo_footer_zitelia img {
        width: 156px !important;
        height: auto !important;
    }
}

@media (min-width :768px) and (max-width: 991px) {
    .text-center {
        justify-content: center;
    }

    .menu {
        min-height: 100px !important;
    }

    #seccion-footer {
        height: auto;
        padding: 0px;
    }

    #seccion-footer img#img-app {
        display: block !important;
        margin-top: 77px;
        max-width: 100% !important;
        /*estaba en 102%*/
    }

    body {
        background-position: auto 100%;
    }

    .header {
        min-height: 75px;
        height: auto !important;
    }

    .logo_clicac {
        margin-top: -5px !important;
        height: 151px !important;
        text-align: center;
        margin: 0 auto;
        background-color: white;
    }

    #div-text-titulo {
        margin-top: -20px;
        margin-left: 30px;
    }

    #div-btn-gestor {
        margin-top: 16%;
        margin-left: 29%;
    }

    #section-form-right {
        background-size: 100% 100%;
        min-height: 535px;
    }

    #section-form-right h2 {
        text-align: center;
    }

    #div-zitelia a:hover {
        font-weight: bold;
        color: #4e4e4e !important;
    }

    .div-btn div {
        margin-bottom: 20px;
    }

    #div-btn-gestor.no-margin-left {
        margin-top: 3%;
    }

    #div-idiomas {
        float: right;
    }

    .login-h1-div {
        padding-top: 20px;
    }

    .login-h1 {
        font-size: 37px;
        line-height: 5rem;
    }

    .banner-p {
        font-size: 11px;
    }

    .banner-h2 {
        font-size: 24px;
    }

    .banner-text {
        width: 37.55rem;
    }

    .welcome-box,
    .login-box {
        width: 70rem;
        margin: auto;
    }

    .bg-percent-height {
        height: calc(var(--background-image-login-percent-screen-height) - 15vh);
    }

    .bg-full-height {
        height: calc(var(--background-image-login-full-screen-height) - 26vh);
    }

    .logo_footer_zitelia img {
        width: 156px !important;
        height: auto !important;
    }
}

@media (min-width :770px) and (max-width: 991px) {
    .no-margin-left {
        margin-left: 18% !important;
    }

    #div-btn-gestor {
        margin-top: 6%;
    }

    #div-btn-gestor.no-margin-left {
        margin-left: 33% !important;
    }

    #div-gestor {
        width: 88.667%;
    }

    #div-form {
        margin-top: 20px;
    }

    #section-form-right {
        min-height: 517px;
    }

    #div-btn-gestor div {
        margin-bottom: 20px;
    }

    #seccion-footer img {
        max-width: 46% !important;
        margin-top: -18px;
    }

    #seccion-footer img {
        margin-top: 15px;
        max-width: 100% !important;
    }
}

@media (min-width : 992px) and (max-width: 1199px) {
    .nav {
        display: flex;
        margin-left: 50px;
        align-items: baseline;
    }

    .logo_footer_zitelia {
        height: 100% !important;
        padding: 0px !important;
        flex-direction: column;
        justify-content: flex-end;
    }

    .logo_footer_zitelia img {
        width: 156px !important;
        height: auto !important;
    }

    .table-data-sheet {
        width: 105%;
    }

    .logo_clicac {
        height: 145px !important;
    }

    .menu {
        min-height: 100px;
    }

    #div-btn-gestor {
        margin-left: 25%;
    }

    #div-text-titulo {
        margin-top: 0px;
        font-size: 28px;
        text-align: left
    }

    #div-gestor {
        margin-top: 80px;
    }

    #section-form-right {
        min-height: 516px;
        margin-top: 64px;
    }

    #div-form {
        margin-top: 40px;
    }

    #div-zitelia a:hover {
        font-weight: bold;
        color: #4e4e4e !important;
    }

    #seccion-footer img#img-app {
        display: block !important;
        margin-top: 79px;
    }

    .logo_clicac {
        height: 145px !important;
    }

    #div-stores > div:first-child {
        margin-left: 0px !important;
        padding-left: 0px;
    }

    .login-h1-div {
        padding-top: 20px;
    }

    .login-h1 {
        font-size: 47px;
    }

    .banner-p {
        font-size: 20px;
    }

    .banner-h2 {
        font-size: 42px;
    }

    .banner-text {
        width: 62.55rem;
    }

    .welcome-box,
    .login-box {
        width: 90rem;
        margin: auto;
    }
}

@media (min-width : 1200px) and (max-width:1399px) {
    #div-btn-gestor {
        margin-top: 10%;
        margin-left: 29%;
    }

    .login-h1-div {
        padding-top: 39px;
    }

    .login-h1-div {
        padding-top: 39px;
    }

    .banner-p {
        font-size: 28px;
    }

    .banner-h2 {
        font-size: 52px;
    }

    .banner-text {
        width: 83.55rem;
    }

    .welcome-box,
    .login-box {
        width: 95rem;
        margin: auto;
    }

    .stores-banner {
        margin-top: -5rem !important;
    }

    .logo_clicac {
        height: 139px !important;
    }

    .logo_footer_zitelia img {
        width: 200px !important;
        height: auto !important;
    }
}

@media (min-width: 1400px) {
    .login-h1-div {
        padding-top: 39px;
    }

    .login-h1 {
        font-size: 67px;
        line-height: 8rem;
    }

    .banner-p {
        font-size: 28px;
    }

    .banner-h2 {
        font-size: 52px;
    }

    .banner-text {
        width: 83.55rem;
    }

    .welcome-box,
    .login-box {
        width: 135rem;
        margin: auto;
    }

    .stores-banner {
        margin-top: -5rem !important;
    }

    .logo_clicac {
        height: 139px !important;
    }
}

/*** CALENDARIO DE RESERVA DE ACTIVIDADES PLANIFICADAS ***/
@media screen and (max-width:600px) {
    .schedule .tabs.tabs-simple .nav-tabs > li .nav-link {
        padding: 15px 10px !important;
    }
}

@media screen and (max-width:1036px) {
    .schedule-tv .activity .activity-resource {
        padding-left: 1px !important;
    }

    .schedule-tv .activity .activity-name {
        font-size: 13px !important;
    }
}

@media (min-width:1300px) and (max-width:1450px) {
    .schedule .activity-name {
        font-size: 13px;
    }

    .schedule .activity-room {
        font-size: 13px !important;
    }

    .schedule .activity-resource {
        font-size: 11px !important;
    }

    .schedule .activity .col-9 {
        padding-left: 3px;
        padding-right: 0px;
    }

    .schedule .activity .col-3 {
        padding-left: 4px;
        padding-right: 4px;
    }

    .schedule .activity .activity-time {
        line-height: 21px;
        width: 22px;
        height: 22px;
        font-size: 14px;
        padding-top: 0px;
    }
}

@media (min-width:1200px) and (max-width:1300px) {
    .schedule .activity-name {
        font-size: 12px;
    }

    .schedule .activity-room {
        font-size: 12px !important;
    }

    .schedule .activity-resource {
        font-size: 10px !important;
    }

    .schedule .activity .col-9 {
        padding-left: 3px;
        padding-right: 0px;
    }

    .schedule .activity .col-3 {
        padding-left: 3px;
        padding-right: 3px;
    }

    .schedule .activity .activity-time {
        line-height: 20px;
        width: 20px;
        height: 20px;
        font-size: 13px;
        padding-top: 0px;
    }
}

@media (max-width:434px) {

    .top-right-ribbon,
    .bottom-ribbon {
        font-size: xx-small;
    }

    .mid-right-ribbon,
    .mid-right-ribbon-label {
        font-size: xx-small;
    }
}

@media (min-width:434px) and (max-width:992px) {

    .top-right-ribbon,
    .bottom-ribbon {
        font-size: medium;
    }

    .mid-right-ribbon,
    .mid-right-ribbon-label {
        font-size: medium;
        margin-left: 150px;
    }
}

@media (min-width:992px) and (max-width:1400px) {

    .top-right-ribbon,
    .bottom-ribbon {
        font-size: xx-small;
    }

    .mid-right-ribbon,
    .mid-right-ribbon-label {
        font-size: xx-small;
    }
}

@media (min-width:1400px) {

    .top-right-ribbon,
    .bottom-ribbon {
        font-size: medium;
    }

    .mid-right-ribbon,
    .mid-right-ribbon-label {
        font-size: 14px;
    }
}

@media (min-width:1100px) and (max-width:1200px) {
    .schedule .activity-name {
        font-size: 12px;
    }

    .schedule .activity-room {
        font-size: 12px !important;
    }

    .schedule .activity-resource {
        font-size: 10px !important;
    }

    .schedule .activity-time {
        font-size: 10px;
    }

    .schedule .activity .col-9 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .schedule .activity .col-3 {
        padding-left: 2px;
        padding-right: 2px;
    }

    .schedule .activity .activity-time {
        line-height: 19px;
        width: 20px;
        height: 20px;
        font-size: 12px;
        padding-top: 0px;
    }
}

@media (min-width:1050px) and (max-width:1100px) {
    .schedule .activity-name {
        font-size: 11px;
    }

    .schedule .activity-room {
        font-size: 11px !important;
    }

    .schedule .activity-resource {
        font-size: 10px !important;
    }

    .schedule .activity-time {
        font-size: 10px;
        margin-left: 10px;
    }

    .schedule .activity .col-9 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .schedule .activity .col-3 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .schedule .activity .activity-time {
        line-height: 19px;
        width: 19px;
        height: 19px;
        font-size: 10px;
        padding-top: 0px;
    }
}

@media (min-width:992px) and (max-width:1050px) {
    .schedule .activity-name {
        font-size: 10px;
    }

    .schedule .activity-room {
        font-size: 10px !important;
    }

    .schedule .activity-resource {
        font-size: 8px !important;
    }

    .schedule .activity-time {
        font-size: 10px;
        margin-left: 10px;
    }

    .schedule .activity .col-9 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .schedule .activity .col-3 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .schedule .activity .activity-time {
        line-height: 17px;
        width: 17px;
        height: 17px;
        font-size: 10px;
        padding-top: 0px;
    }
}

@media (min-width:440px) and (max-width:992px) {

    .contenedor-boton {
        order: 1;
        text-align: center;
    }

    .contenedor-buscador {
        order: 2;
    }

    .contenedor-boton a {
        margin-top: 0px !important;
        margin-bottom: 10px;
    }

    .h1-titulo-entidad h1 {
        font-size: 28px;
    }

    .form-group-default-select2 label {
        font-size: medium;
        display: flex;
        justify-content: center;
    }

    .schedule .day-week {
        width: 100px !important;
    }

    .schedule .time-sloth-movil {
        display: none;
    }

    .schedule .time-slot {
        font-size: 12px !important;
        width: 37px !important
    }

    .schedule .activity {
        padding: 0px 0px !important;
    }

    .schedule .activity div {
        min-height: 30px !important;
    }

    .schedule .day-week.movil.active-mobile-day-week {
        background-color: #009fe3 !important;
        color: #fff;
    }

    .schedule .activity-name {
        display: inline !important;
    }

    .schedule .activity-room {
        display: block !important;
        text-align: center;
    }

    .schedule .activity-resource {
        display: block !important;
        font-style: italic;
        margin-top: -4px;
        text-align: center;
    }

    .schedule .activity .activity-time {
        line-height: 26px;
        width: 27px;
        height: 27px;
        font-size: 14px;
        margin-top: 3px;
        padding-top: 0px;
    }

    .pagination > li > a,
    .pagination > li > span {
        padding: 5px 10px;
        font-size: 12px;
        line-height: 1.5;
    }
}

@media (min-width:340px) and (max-width:440px) {
    .contenedor-boton {
        order: 1;
        text-align: center;
    }

    .contenedor-buscador {
        order: 2;
    }

    .contenedor-boton a {
        margin-top: 0px !important;
        margin-bottom: 10px;
    }

    .h1-titulo-entidad h1 {
        font-size: 23px;
    }

    .form-group-default-select2 label {
        font-size: medium;
        display: flex;
        justify-content: center;
    }

    .schedule .day-week {
        width: 100px !important;
    }

    .schedule .time-sloth-movil {
        display: none;
    }

    .schedule .time-slot {
        font-size: 12px !important;
        width: 37px !important
    }

    .schedule .activity {
        padding: 0px 0px !important;
    }

    .schedule .activity div {
        min-height: 30px !important;
    }

    .schedule .day-week.movil.active-mobile-day-week {
        background-color: #009fe3 !important;
        color: #fff;
    }

    .schedule .activity-name {
        font-size: 10px;
        line-height: 11px;
        text-align: center;
        ;
        padding-bottom: 0px;
        margin-top: 4px;
    }

    .schedule .activity-room {
        font-size: 11px;
        display: block !important;
        text-align: center;
        margin-bottom: -10px;
        margin-top: 0px;
    }

    .schedule .activity-resource {
        font-style: italic;
        font-size: 10px;
        display: block !important;
        text-align: center;
        margin-bottom: -10px;
        margin-top: 0px;
    }

    .schedule .activity .activity-time {
        line-height: 19px;
        width: 20px;
        height: 20px;
        font-size: 12px;
        margin-top: 0px;
        padding-top: 0px;
    }

    .pagination > li > a,
    .pagination > li > span {
        padding: 5px 10px;
        font-size: 11px;
        line-height: 1.5;
    }
}

@media (max-width:340px) {
    #saturday {
        display: none !important;
    }

    /*.timetable-container .tr-activity {border-spacing:5px!important;}*/
    .contenedor-boton {
        order: 1;
        text-align: center;
    }

    .contenedor-buscador {
        order: 2;
    }

    .contenedor-boton a {
        margin-top: 0px !important;
        margin-bottom: 10px;
    }

    .h1-titulo-entidad h1 {
        font-size: 18px;
    }

    .form-group-default-select2 label {
        font-size: small;
        display: flex;
        justify-content: center;
    }

    .responsive-text {
        font-size: x-small;
    }

    .schedule .day-week {
        width: 50px !important;
        margin: 5px !important;
        padding: 5px !important;
    }

    .schedule .time-sloth-movil {
        display: none;
    }

    .schedule .time-slot {
        font-size: 9px !important;
        width: 27px !important
    }

    .schedule .activity .col-9 {
        margin-bottom: -2px;
    }

    .schedule .activity {
        padding: 0px 0px !important;
    }

    .schedule .activity div {
        min-height: 30px !important;
    }

    .schedule .day-week.movil.active-mobile-day-week {
        background-color: #009fe3 !important;
        color: #fff;
    }

    .schedule .activity-name {
        font-size: 10px;
        line-height: 10px;
        text-align: center;
        padding-bottom: 0px;
        margin-top: 4px;
    }

    .schedule .activity-room {
        font-size: 11px;
        display: block !important;
        text-align: center;
        margin-bottom: -10px;
        margin-top: 0px;
    }

    .schedule .activity-resource {
        font-style: italic;
        font-size: 10px;
        display: block !important;
        text-align: center;
        margin-bottom: -10px;
        margin-top: 0px;
    }

    .schedule .activity .activity-time {
        line-height: 19px;
        width: 20px;
        height: 20px;
        font-size: 12px;
        margin-top: 0px;
        padding-top: 0px;
    }

    .pagination > li > a,
    .pagination > li > span {
        padding: 5px 10px;
        font-size: 8px;
        line-height: 1.5;
    }
}

.grow {
    height: inherit;
}

.grow:hover {
    height: 120px !important;
    z-index: 10 !important;
}

.fc-timegrid-event-harness {
    z-index: unset !important;
}

@media (max-width:991px) {
    .custom-fc-event-responsive {
        font-size: var(--fc-small-font-size);
    }

    .custom-fc-event-responsive .fa {
        font-size: 10px;
    }
}
/* Se quita el scroll de la vista de cabecera del calendario */
 thead .fc-scroller{
    overflow: hidden !important;
}

.btn-reserve-dinamic{
    background-color: var(--z-primary) !important;
}