/* Colores normales */

.css-color-negro, .css-color-negro-hover:hover { color: #000000 }
.css-color-gris-1, .css-color-gris-1-hover:hover { color: #191919 }
.css-color-gris-2, .css-color-gris-2-hover:hover { color: #323232 }
.css-color-gris-3, .css-color-gris-3-hover:hover { color: #4B4B4B }
.css-color-gris-4, .css-color-gris-4-hover:hover { color: #646464 }
.css-color-gris-5, .css-color-gris-5-hover:hover { color: #7D7D7D }
.css-color-gris-6, .css-color-gris-6-hover:hover { color: #969696 }
.css-color-gris-7, .css-color-gris-7-hover:hover { color: #AFAFAF }
.css-color-gris-8, .css-color-gris-8-hover:hover { color: #C8C8C8 }
.css-color-gris-9, .css-color-gris-9-hover:hover { color: #E1E1E1 }
.css-color-gris-10, .css-color-gris-10-hover:hover { color: #FAFAFA }
.css-color-blanco, .css-color-blanco-hover:hover { color: #FFFFFF }
.css-color-transparent, .css-color-transparent-hover:hover { color: transparent; }

.css-color-2-lighter, .css-color-2-lighter-hover:hover { color: #faeef4 }
.css-color-3-lighter, .css-color-3-lighter-hover:hover { color: #9898c2 }
.css-color-4-lighter, .css-color-4-lighter-hover:hover { color: #ee8fa4 }

.css-color-2-light, .css-color-2-light-hover:hover { color: #edc7dc }
.css-color-3-light, .css-color-3-light-hover:hover { color: #7878b0 }
.css-color-4-light, .css-color-4-light-hover:hover { color: #e76381 }

.css-color-1, .css-color-1-hover:hover { color: #faeef4 }
.css-color-2, .css-color-2-hover:hover { color: #d57aab }
.css-color-3, .css-color-3-hover:hover { color: #48487A }
.css-color-4, .css-color-4-hover:hover { color: #C61E44 }
.css-color-5, .css-color-5-hover:hover { color: #262626 }

.css-color-2-dark, .css-color-2-dark-hover:hover { color: #b13879 }
.css-color-3-dark, .css-color-3-dark-hover:hover { color: #22223a }
.css-color-4-dark, .css-color-4-dark-hover:hover { color: #6d1126 }

.css-color-2-darker, .css-color-2-darker-hover:hover { color: #8a2c5f }
.css-color-3-darker, .css-color-3-darker-hover:hover { color: #0f0f1a }
.css-color-4-darker, .css-color-4-darker-hover:hover { color: #410a16 }


/* Colores de borde */

.css-borde-negro, .css-borde-negro-hover:hover { border-color: #000000 }
.css-borde-gris-1, .css-borde-gris-1-hover:hover { border-color: #191919 }
.css-borde-gris-2, .css-borde-gris-2-hover:hover { border-color: #323232 }
.css-borde-gris-3, .css-borde-gris-3-hover:hover { border-color: #4B4B4B }
.css-borde-gris-4, .css-borde-gris-4-hover:hover { border-color: #646464 }
.css-borde-gris-5, .css-borde-gris-5-hover:hover { border-color: #7D7D7D }
.css-borde-gris-6, .css-borde-gris-6-hover:hover { border-color: #969696 }
.css-borde-gris-7, .css-borde-gris-7-hover:hover { border-color: #AFAFAF }
.css-borde-gris-8, .css-borde-gris-8-hover:hover { border-color: #C8C8C8 }
.css-borde-gris-9, .css-borde-gris-9-hover:hover { border-color: #E1E1E1 }
.css-borde-gris-10, .css-borde-gris-10-hover:hover { border-color: #FAFAFA }
.css-borde-blanco, .css-borde-blanco-hover:hover { border-color: #FFFFFF }
.css-borde-transparent, .css-borde-transparent-hover:hover { border-color: transparent; }

.css-borde-2-lighter, .css-borde-2-lighter-hover:hover { border-color: #faeef4 }
.css-borde-3-lighter, .css-borde-3-lighter-hover:hover { border-color: #9898c2 }
.css-borde-4-lighter, .css-borde-4-lighter-hover:hover { border-color: #ee8fa4 }

.css-borde-2-light, .css-borde-2-light-hover:hover { border-color: #edc7dc }
.css-borde-3-light, .css-borde-3-light-hover:hover { border-color: #7878b0 }
.css-borde-4-light, .css-borde-4-light-hover:hover { border-color: #e76381 }

.css-borde-1, .css-borde-1-hover:hover { border-color: #faeef4 }
.css-borde-2, .css-borde-2-hover:hover { border-color: #d57aab }
.css-borde-3, .css-borde-3-hover:hover { border-color: #48487A }
.css-borde-3-important, .css-borde-3-hover-important:hover { border-color: #48487A !important }
.css-borde-4, .css-borde-4-hover:hover { border-color: #C61E44 }
.css-borde-5, .css-borde-5-hover:hover { border-color: #262626 }

.css-borde-2-dark, .css-borde-2-dark-hover:hover { border-color: #b13879 }
.css-borde-3-dark, .css-borde-3-dark-hover:hover { border-color: #22223a }
.css-borde-4-dark, .css-borde-4-dark-hover:hover { border-color: #6d1126 }

.css-borde-2-darker, .css-borde-2-darker-hover:hover { border-color: #8a2c5f }
.css-borde-3-darker, .css-borde-3-darker-hover:hover { border-color: #0f0f1a }
.css-borde-4-darker, .css-borde-4-darker-hover:hover { border-color: #410a16 }


/* Colores de fondo */

.css-bg-negro, .css-bg-negro-hover:hover { background-color: #000000; fill: #000000 }
.css-bg-gris-1, .css-bg-gris-1-hover:hover { background-color: #191919; fill: #191919 }
.css-bg-gris-2, .css-bg-gris-2-hover:hover { background-color: #323232; fill: #323232 }
.css-bg-gris-3, .css-bg-gris-3-hover:hover { background-color: #4B4B4B; fill: #4B4B4B }
.css-bg-gris-4, .css-bg-gris-4-hover:hover { background-color: #646464; fill: #646464 }
.css-bg-gris-5, .css-bg-gris-5-hover:hover { background-color: #7D7D7D; fill: #7D7D7D }
.css-bg-gris-6, .css-bg-gris-6-hover:hover { background-color: #969696; fill: #969696 }
.css-bg-gris-7, .css-bg-gris-7-hover:hover { background-color: #AFAFAF; fill: #AFAFAF }
.css-bg-gris-8, .css-bg-gris-8-hover:hover { background-color: #C8C8C8; fill: #C8C8C8 }
.css-bg-gris-9, .css-bg-gris-9-hover:hover { background-color: #E1E1E1; fill: #E1E1E1 }
.css-bg-gris-10, .css-bg-gris-10-hover:hover { background-color: #FAFAFA; fill: #FAFAFA }
.css-bg-blanco, .css-bg-blanco-hover:hover { background-color: #FFFFFF; fill: #FFFFFF }
.css-bg-transparent, .css-bg-transparent-hover:hover { background-color: transparent; }

.css-bg-2-lighter, .css-bg-2-lighter-hover:hover { background-color: #faeef4; fill: #faeef4 }
.css-bg-3-lighter, .css-bg-3-lighter-hover:hover { background-color: #9898c2; fill: #9898c2 }
.css-bg-4-lighter, .css-bg-4-lighter-hover:hover { background-color: #ee8fa4; fill: #ee8fa4 }

.css-bg-2-light, .css-bg-2-light-hover:hover { background-color: #edc7dc; fill: #edc7dc }
.css-bg-3-light, .css-bg-3-light-hover:hover { background-color: #7878b0; fill: #7878b0 }
.css-bg-4-light, .css-bg-4-light-hover:hover { background-color: #e76381; fill: #e76381 }

.css-bg-1, .css-bg-1-hover:hover { background-color: #faeef4; fill: #faeef4 }
.css-bg-2, .css-bg-2-hover:hover { background-color: #d57aab; fill: #d57aab }
.css-bg-3, .css-bg-3-hover:hover { background-color: #48487A; fill: #48487A }
.css-bg-4, .css-bg-4-hover:hover { background-color: #C61E44; fill: #C61E44 }
.css-bg-5, .css-bg-5-hover:hover { background-color: #262626; fill: #262626 }

.css-bg-2-dark, .css-bg-2-dark-hover:hover { background-color: #b13879; fill: #b13879 }
.css-bg-3-dark, .css-bg-3-dark-hover:hover { background-color: #22223a; fill: #22223a }
.css-bg-4-dark, .css-bg-4-dark-hover:hover { background-color: #6d1126; fill: #6d1126 }

.css-bg-2-darker, .css-bg-2-darker-hover:hover { background-color: #8a2c5f; fill: #8a2c5f }
.css-bg-3-darker, .css-bg-3-darker-hover:hover { background-color: #0f0f1a; fill: #0f0f1a }
.css-bg-4-darker, .css-bg-4-darker-hover:hover { background-color: #410a16; fill: #410a16 }

.checker-1 input:checked + label.label-check.checked-3 { background: #48487A }
.checked-3::before{ background-color: #48487A }

.degraded-horizontal-1 {
    background: linear-gradient(0deg, #faeef4 0%, rgba(255,255,255,1) 40%);
}
.checked-3::before{ background-color: #48487A }

/*calendar for reservable products*/
.calendar-loader-container.css-color-2-light {
    background: radial-gradient(circle, #edc7dc 0%, rgba(246,246,246,1) 100%);
    opacity: 0.7;
}
.wait-loader-widget{
    border-top-color: #b13879;
}
.fc-header-toolbar{
    color: #d57aab
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    color: #fff !important;
    background-color: #b13879 !important;
    border-color: #d57aab !important;
}

.pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #b13879 !important;
}

.pager li > a, .pager li > span, .pagination > li > a, .pagination > li > span {
    background-color: #fff !important;
    border-color: #d57aab !important;
    color: #b13879 !important;
}

.pager li > a:focus, .pager li > a:hover, .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    background-color: #faeef4 !important;
    border-color: #d57aab !important;
}