:root{
    --grey-hover: #E9EAF1;
    --blue-atm: #282a6f;
    --red-atm: #E8151E;
};

@charset "UTF-8";
.menu .app-brand.demo {
    height: 64px;
    margin-top: 12px
}

.menu .app-brand.demo.no-logo {
    height: 15px
}

.app-brand-logo.demo svg {
    width: 22px;
    height: 38px
}

.app-brand-text.demo {
    font-size: 1.75rem;
    letter-spacing: -.5px;
    text-transform: lowercase
}

/* ! For .layout-navbar-fixed added fix padding top tpo .layout-page */

.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal):not(.layout-without-menu) .layout-page {
    padding-top: 76px !important
}

.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page {
    padding-top: 64px !important
}

.content-wrapper .navbar {
    z-index: auto
}

#sidebar .menu-item svg {
    width: 25px
}

#sidebar .menu-item .menu-item-text {
    margin-left: 15px;
    padding-top: 6px;
}

#exit-icon {
    margin-left: 10px;
    margin-right: 15px
}

.demo-blocks>* {
    display: block !important
}

.demo-inline-spacing>* {
    margin: 1rem .375rem 0 0 !important
}

.demo-vertical-spacing>* {
    margin-top: 1rem !important;
    margin-bottom: 0 !important
}

.demo-vertical-spacing.demo-only-element>:first-child {
    margin-top: 0 !important
}

.demo-vertical-spacing-lg>* {
    margin-top: 1.875rem !important;
    margin-bottom: 0 !important
}

.demo-vertical-spacing-lg.demo-only-element>:first-child {
    margin-top: 0 !important
}

.demo-vertical-spacing-xl>* {
    margin-top: 5rem !important;
    margin-bottom: 0 !important
}

.demo-vertical-spacing-xl.demo-only-element>:first-child {
    margin-top: 0 !important
}

.rtl-only {
    display: none !important;
    text-align: left !important;
    direction: ltr !important
}

[dir=rtl] .rtl-only {
    display: block !important
}

.layout-demo-wrapper {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: 1rem
}

.layout-demo-placeholder img {
    width: 900px
}

.layout-demo-info {
    text-align: center;
    margin-top: 1rem
}

section#hello-box {
    width: 90vw;
    max-height: 100vh;
    position: fixed;
    z-index: 4000;
    top: 430px !important;
    left: 50%;
    transform: translateX(-50%);
}

section#hello-box.iframe-section {
    background-color: rgba(0, 0, 0, .2)
}

section#hello-box.iframe-section div.container {
    width: 800px;
    height: 600px;
    padding: 16px;
    padding-bottom: 32px;
}

section#hello-box div.container {
    min-width: 500px;
    background-color: #fff;
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 40px;
    text-align: center;
    border-radius: 4px
}

@media (max-width:700px) {
    section#hello-box.iframe-section div.container {
        width: 95%;
        height: 600px;
    }
}

@media (min-width:340px) and (max-width:700px) {
    section#hello-box div.container {
        width: calc(100vw - 32px);
        min-width: auto;
        padding: 24px;

    }
}

section#hello-box div.container h2 {
    font-weight: 700;
    font-variation-settings: "wdth" 25;
    font-size: 40px;
    color: #282a6f;
    margin-bottom: 16px
}

section#hello-box div.container p {
    font-weight: 400;
    font-variation-settings: "wdth" 100;
    font-size: 16px;
    color: #282a6f;
    margin-bottom: 5px;
    max-width: 470px;
    line-height: 150%;
    text-align: left;

}

#close-modal {
    display: contents !important;
}

section#hello-box div.container a.acceder {
    background-color: #282a6f;
    padding: 13px 0 11px;
    color: #fff;
    margin-bottom: 16px
}

section#hello-box div.container a.navegar {
    padding: 13px 0 11px;
    border: 1px solid #282a6f
}

nav.completenav div#menuWrapper div.secondary_elements ul li.no-accordion {
    margin-bottom: 20px
}

nav.completenav div#menuWrapper div.secondary_elements ul li.no-accordion a:after {
    background-image: none
}

*,
:after,
:before {
    box-sizing: border-box
}

* {
    margin: 0;
    padding: 0
}

ol[role=list],
ul,
ul[role=list] {
    list-style: none
}

a {
    text-decoration: none
}

html:focus-within {
    scroll-behavior: smooth
}

a:not([class]) {
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto
}

canvas,
img,
picture,
svg,
video {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    font-style: italic;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 3px;
}

button,
input,
select,
textarea {
    font: inherit
}

@media (prefers-reduced-motion:reduce) {
    html:focus-within {
        scroll-behavior: auto
    }
    *,
    :after,
    :before {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
        scroll-behavior: auto !important;
        transition: none
    }
}

body,
html {
    height: 100%;
    scroll-behavior: smooth
}

@font-face {
    font-family: Manzanares;
    src: url("/fonts/Manzanares.ttf") format("truetype");
    font-weight: 100 900;
    font-variation-settings: "wdth" 25 100;
    font-display: swap;
    font-style: normal
}

body {
    background: #fff;
    font-family: Manzanares;
    height: 100vh
}

body.showMenu {
    overflow: hidden
}

p.content {
    padding: 48px 48px 0;
    line-height: 140%;
    margin-bottom: 1px
}

main {
    height: 100%
}

a {
    color: #282a6f
}

body.no-scroll {
    overflow: hidden
}

.mainsponsors {
    color: #fff;
    font-size: 14px;
    width: 100vw;
    display: flex;
    justify-content: flex-end;
    padding: 10px 48px;
    background-color: #282a6f;
    z-index: 1000;
    position: relative
}

.mainsponsors p {
    margin-top: 3px
}

.mainsponsors a {
    margin-left: 24px
}

.mainsponsors a img.hyundai {
    margin-top: 2px
}

@media (min-width:340px) and (max-width:804px) {
    .mainsponsors {
        padding: 10px
    }
    .mainsponsors p {
        font-size: 11px;
        margin-right: auto
    }
    .mainsponsors a {
        display: block;
        margin-left: 16px
    }
    .mainsponsors a img {
        height: 13px
    }
}

header#newHeader {
    height: 64px;
    background-color: #e8151e;
    display: flex;
    justify-content: space-between;
    z-index: 1000;
    position: relative;
    width: 100vw
}

header#newHeader h1.escudo {
    width: auto;
    padding-top: 8px;
    margin-right: 48px
}

header#newHeader h1.escudo span {
    position: absolute;
    top: -1000px
}

header#newHeader h1.escudo img {
    height: 48px
}

header#newHeader ul.secondnav {
    width: 20%;
    display: flex;
    justify-content: flex-end
}

header#newHeader ul.secondnav li.idioma {
    padding: 0 40px 0 0;
    margin: 25px 0 0;
    font-variation-settings: "wdth" 50;
    background-image: url("/img/icons/svg/dropdown-white.svg");
    background-repeat: no-repeat;
    background-position-x: 24px;
    background-position-y: 1px
}

header#newHeader li.idioma {
    cursor: pointer
}

header#newHeader ul.secondnav li.idioma a {
    color: #fff
}

header#newHeader ul.secondnav li.profile_icon {
    margin: 18px 28px 0 12px
}

header#newHeader ul.secondnav li.menu_icon {
    margin-top: 6px
}

@media (min-width:804px) {
    header#newHeader ul.mainnav {
        display: flex;
        padding-top: 22px;
        flex: 1 0
    }
    header#newHeader ul.mainnav li a {
        color: #fff;
        font-weight: 500;
        font-variation-settings: "wdth" 50;
        font-size: 18px;
        display: block;
        padding-left: 34px;
        padding-top: 4px;
        padding-bottom: 4px;
        margin-right: 32px
    }
    header#newHeader ul.mainnav li a.entradas {
        background-image: url("/img/icons/svg/entradas.svg");
        background-position-y: -1px;
        background-repeat: no-repeat
    }
    header#newHeader ul.mainnav li a.tienda {
        background-image: url("/img/icons/svg/tienda.svg");
        background-position-y: -2px;
        background-repeat: no-repeat
    }
    header#newHeader ul.mainnav li a.socio {
        background-image: url("/img/icons/svg/socio.svg");
        background-position-y: -1px;
        background-repeat: no-repeat
    }
    header#newHeader ul.mainnav li a.experiencias {
        background-image: url("/img/icons/svg/experiencias.svg");
        background-position-y: -1px;
        background-repeat: no-repeat;
        margin: 0
    }
    ul.mainnav_mobile {
        display: none
    }
}

@media (min-width:340px) and (max-width:804px) {
    header#newHeader h1 {
        margin-left: 16px;
        width: 45%
    }
    header#newHeader ul.mainnav {
        display: none
    }
    header#newHeader ul.secondnav {
        width: 90%;
        margin-right: 16px
    }
}

@media (min-width:804px) and (max-width:1304px) {
    header#newHeader {
        padding: 0 16px
    }
    header#newHeader ul.mainnav {
        margin-left: 10px
    }
    header#newHeader ul.mainnav li a {
        padding: 2px 0 0;
        margin: 0 10px
    }
    header#newHeader ul.mainnav li a.entradas,
    header#newHeader ul.mainnav li a.experiencias,
    header#newHeader ul.mainnav li a.socio,
    header#newHeader ul.mainnav li a.tienda {
        background-image: none
    }
    header#newHeader ul.secondnav {
        display: flex
    }
    header#newHeader ul.secondnav li.idioma {
        display: block;
        padding: 0 40px 0 0;
        margin: 25px 0 0
    }
    header#newHeader ul.secondnav li.profile_icon {
        margin: 18px 16px 0 12px
    }
}

@media (min-width:1304px) {
    header#newHeader {
        padding: 0 48px
    }
}

@media (min-width:340px) and (max-width:804px) {
    main {
        padding-top: 150px
    }
    ul.mainnav_mobile {
        width: 100%;
        display: flex;
        justify-content: space-around;
        height: 48px;
        background: #282a6f;
        position: absolute;
        top: 100px
    }
    ul.mainnav_mobile li {
        margin-top: 16px
    }
    ul.mainnav_mobile li a {
        color: #fff;
        font-weight: 500;
        font-variation-settings: "wdth" 50;
        font-size: 18px;
        display: block;
        margin: 0 9px
    }
}

nav.completenav div#menuWrapper {
    width: 100vw;
    min-height: calc(100vh - 100px);
    background-color: #e8151e;
    border-top: 1px solid #fff;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 24px
}

nav.completenav div#menuWrapper div a {
    color: #fff
}

nav.completenav div#menuWrapper div.secondary_elements ul li a:after {
    content: "";
    position: relative;
    display: inline-block;
    width: 20px;
    height: 19px;
    background-image: url("/img/icons/svg/plus-white.svg");
    margin-left: 12px;
    top: -5px
}

nav.completenav div#menuWrapper div.other_elements ul li:after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 19px;
    background-image: url("/img/icons/svg/arrow-up-white.svg");
    margin-left: 4px
}

@media (min-width:1304px) {
    nav.completenav div#menuWrapper div.main_elements {
        padding: 48px 0 0 48px;
        grid-column-start: 1;
        grid-column-end: 5
    }
    nav.completenav div#menuWrapper div.main_elements ul li {
        margin-bottom: 24px
    }
    nav.completenav div#menuWrapper div.main_elements ul li a {
        font-weight: 700;
        font-variation-settings: "wdth" 50;
        font-size: 54px
    }
    nav.completenav div#menuWrapper div.secondary_elements {
        padding: 48px 0 0;
        grid-column-start: 5;
        grid-column-end: 10;
        border-right: 1px solid #fff
    }
    nav.completenav div#menuWrapper div.secondary_elements ul li {
        padding-top: 1px;
        margin-bottom: 7px
    }
    nav.completenav div#menuWrapper div.secondary_elements ul li a {
        font-weight: 400;
        font-variation-settings: "wdth" 50;
        font-size: 40px
    }
    nav.completenav div#menuWrapper div.secondary_elements ul.submenu {
        margin-top: 16px
    }
    nav.completenav div#menuWrapper div.secondary_elements ul.submenu li {
        padding-left: 16px;
        margin-top: 8px
    }
    nav.completenav div#menuWrapper div.secondary_elements ul.submenu li a {
        font-size: 24px;
        display: inline-block;
        padding-bottom: 8px
    }
    nav.completenav div#menuWrapper div.secondary_elements ul.submenu li a:after {
        background: none
    }
    nav.completenav div#menuWrapper div.other_elements {
        padding: 48px 0 0;
        grid-column-start: 10;
        grid-column-end: 13
    }
    nav.completenav div#menuWrapper div.other_elements ul li {
        margin-bottom: 16px
    }
    nav.completenav div#menuWrapper div.other_elements ul li a {
        font-weight: 400;
        font-variation-settings: "wdth" 50;
        font-size: 20px
    }
}

@media (min-width:340px) and (max-width:804px) {
    nav.completenav div#menuWrapper {
        display: grid;
        grid-template-columns: 1fr
    }
    nav.completenav div#menuWrapper div {
        border-bottom: 1px solid #fff
    }
    nav.completenav div#menuWrapper div.main_elements {
        padding: 24px 0 0 16px
    }
    nav.completenav div#menuWrapper div.main_elements ul li {
        margin-bottom: 24px
    }
    nav.completenav div#menuWrapper div.main_elements ul li a {
        font-weight: 700;
        font-variation-settings: "wdth" 50;
        font-size: 40px
    }
    nav.completenav div#menuWrapper div.secondary_elements {
        padding: 24px 0 0 16px
    }
    nav.completenav div#menuWrapper div.secondary_elements ul li {
        padding-top: 1px;
        margin-bottom: 8px
    }
    nav.completenav div#menuWrapper div.secondary_elements ul li a {
        font-weight: 400;
        font-variation-settings: "wdth" 50;
        font-size: 32px
    }
    nav.completenav div#menuWrapper div.secondary_elements ul li ul.submenu {
        margin-top: 8px
    }
    nav.completenav div#menuWrapper div.secondary_elements ul li ul.submenu li {
        padding-left: 16px;
        margin-top: 8px
    }
    nav.completenav div#menuWrapper div.secondary_elements ul li ul.submenu li a {
        font-size: 24px;
        display: inline-block;
        padding-bottom: 8px
    }
    nav.completenav div#menuWrapper div.secondary_elements ul li ul.submenu li a:after {
        background: none
    }
    nav.completenav div#menuWrapper div.other_elements {
        padding: 32px 0 0 16px
    }
    nav.completenav div#menuWrapper div.other_elements ul li {
        margin-bottom: 16px
    }
    nav.completenav div#menuWrapper div.other_elements ul li a {
        font-weight: 400;
        font-variation-settings: "wdth" 50;
        font-size: 20px
    }
}

@media (min-width:804px) and (max-width:1304px) {
    nav.completenav div#menuWrapper {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 0
    }
    nav.completenav div#menuWrapper div {
        border-bottom: 1px solid #fff
    }
    nav.completenav div#menuWrapper div.main_elements {
        padding: 24px 0 0 16px
    }
    nav.completenav div#menuWrapper div.main_elements ul li {
        margin-bottom: 24px
    }
    nav.completenav div#menuWrapper div.main_elements ul li a {
        font-weight: 700;
        font-variation-settings: "wdth" 50;
        font-size: 40px
    }
    nav.completenav div#menuWrapper div.secondary_elements {
        padding: 24px 0 0 16px
    }
    nav.completenav div#menuWrapper div.secondary_elements ul li {
        padding-top: 1px;
        margin-bottom: 8px
    }
    nav.completenav div#menuWrapper div.secondary_elements ul li a {
        font-weight: 400;
        font-variation-settings: "wdth" 50;
        font-size: 32px
    }
    nav.completenav div#menuWrapper div.secondary_elements ul li ul.submenu {
        margin-top: 8px
    }
    nav.completenav div#menuWrapper div.secondary_elements ul li ul.submenu li {
        padding-left: 16px;
        margin-top: 8px
    }
    nav.completenav div#menuWrapper div.secondary_elements ul li ul.submenu li a {
        font-size: 24px;
        display: inline-block;
        padding-bottom: 8px
    }
    nav.completenav div#menuWrapper div.secondary_elements ul li ul.submenu li a:after {
        background: none
    }
    nav.completenav div#menuWrapper div.other_elements {
        padding: 32px 0 0 16px
    }
    nav.completenav div#menuWrapper div.other_elements ul li {
        margin-bottom: 16px
    }
    nav.completenav div#menuWrapper div.other_elements ul li a {
        font-weight: 400;
        font-variation-settings: "wdth" 50;
        font-size: 20px
    }
}

.menu {
    position: fixed;
    overflow-y: auto;
    left: 0;
    padding: 0;
    margin: 0;
    height: calc(100vh - 100px);
    width: auto;
    justify-content: center;
    vertical-align: middle;
    transition: all .35s ease-in;
    z-index: 1
}

.menu.menu-hidden {
    top: -2000px
}

.menu.menu-show {
    top: 100px
}

.menu.menu-show.nosponsors {
    top: 70px
}

.accordion {
    overflow: hidden
}

.accordion__intro {
    position: relative;
    cursor: pointer
}

.accordion__content {
    max-height: 0;
    overflow: hidden;
    will-change: max-height;
    transition: all .35s ease-out;
    color: #f1f1f1;
    opacity: 0
}

.accordion__active .accordion__content {
    padding: 0 20px 20px;
    opacity: 1;
    margin-bottom: 16px
}

.top-bar {
    transition: all .35s ease-out;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 1000
}

.top-bar.sticky {
    position: fixed;
    top: -38px
}

footer#new-footer {
    width: 100%;
    background-color: #22265b;
    position: absolute
}

footer#new-footer a {
    color: #fff
}

footer#new-footer div.footer_content_wrapper .main_sponsors {
    padding-top: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid #fff
}

footer#new-footer div.footer_content_wrapper .main_sponsors ul {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    text-align: center
}

footer#new-footer div.footer_content_wrapper .secondary_sponsors {
    padding-top: 32px;
    padding-bottom: 24px
}

footer#new-footer div.footer_content_wrapper .secondary_sponsors ul {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    text-align: center
}

footer#new-footer div.footer_content_wrapper .more_sponsors {
    text-align: center;
    margin-bottom: 24px
}

footer#new-footer div.footer_content_wrapper .more_sponsors a {
    display: inline-block;
    border: 1px solid #fff;
    width: auto;
    margin: 0 auto;
    font-weight: 400;
    font-variation-settings: "wdth" 100;
    color: #fff;
    padding: 12px 16px;
    border-radius: 2px
}

footer#new-footer div.footer_content_wrapper .links {
    background-color: #282a6f;
    padding: 64px 48px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 12fr));
    grid-column-gap: 16px;
    border-bottom: 1px solid #fff
}

footer#new-footer div.footer_content_wrapper .links div.column {
    background-color: #fc0
}

footer#new-footer div.footer_content_wrapper .links .social_links {
    grid-column-start: 1;
    grid-column-end: 7
}

footer#new-footer div.footer_content_wrapper .links .social_links span {
    font-weight: 700;
    font-variation-settings: "wdth" 25;
    font-size: 164px;
    color: #fff
}

footer#new-footer div.footer_content_wrapper .links .social_links ul li {
    display: inline-block;
    margin-right: 12px
}

footer#new-footer div.footer_content_wrapper .links .firts_links {
    grid-column-start: 7;
    grid-column-end: 9
}

footer#new-footer div.footer_content_wrapper .links .firts_links ul li {
    font-weight: 500;
    font-variation-settings: "wdth" 50;
    font-size: 16px;
    margin-bottom: 16px
}

footer#new-footer div.footer_content_wrapper .links .second_links {
    grid-column-start: 9;
    grid-column-end: 11
}

footer#new-footer div.footer_content_wrapper .links .second_links ul li {
    font-weight: 500;
    font-variation-settings: "wdth" 50;
    font-size: 16px;
    margin-bottom: 16px
}

footer#new-footer div.footer_content_wrapper .links .third_links {
    grid-column-start: 11;
    grid-column-end: 13
}

footer#new-footer div.footer_content_wrapper .links .third_links ul li {
    font-weight: 500;
    font-variation-settings: "wdth" 50;
    font-size: 16px;
    margin-bottom: 16px
}

footer#new-footer div.footer_content_wrapper .links .third_links div.descargaapp a {
    font-weight: 500;
    font-variation-settings: "wdth" 50;
    font-size: 12px;
    display: inline-block;
    width: 60px
}

footer#new-footer div.footer_content_wrapper .legal {
    padding-top: 32px;
    background-color: #282a6f;
    text-align: center;
    padding-bottom: 32px
}

footer#new-footer div.footer_content_wrapper .legal ul li {
    display: inline-block;
    margin: 0 8px;
    font-weight: 500;
    font-variation-settings: "wdth" 50;
    font-size: 12px
}

@media (min-width:340px) and (max-width:804px) {
    footer#new-footer {
        margin-top: 32px;
        width: 100%;
        background-color: #22265b
    }
    footer#new-footer a {
        color: #fff
    }
    footer#new-footer div.footer_content_wrapper .main_sponsors {
        padding-top: 24px;
        padding-bottom: 24px;
        border-bottom: 1px solid #fff
    }
    footer#new-footer div.footer_content_wrapper .main_sponsors ul {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
        text-align: center
    }
    footer#new-footer div.footer_content_wrapper .main_sponsors ul img {
        width: 70%
    }
    footer#new-footer div.footer_content_wrapper .secondary_sponsors {
        padding-top: 32px;
        padding-bottom: 0
    }
    footer#new-footer div.footer_content_wrapper .secondary_sponsors ul {
        display: grid;
        grid-template-columns: repeat(4, minmax(50px, 4fr));
        text-align: center
    }
    footer#new-footer div.footer_content_wrapper .secondary_sponsors ul li {
        margin-bottom: 32px
    }
    footer#new-footer div.footer_content_wrapper .more_sponsors {
        text-align: center;
        margin-bottom: 24px
    }
    footer#new-footer div.footer_content_wrapper .more_sponsors a {
        display: inline-block;
        border: 1px solid #fff;
        width: auto;
        margin: 0 auto;
        font-weight: 400;
        font-variation-settings: "wdth" 100;
        color: #fff;
        padding: 12px 16px;
        border-radius: 2px
    }
    footer#new-footer div.footer_content_wrapper .links {
        background-color: #282a6f;
        padding: 64px 24px;
        display: block;
        border-bottom: 1px solid #fff
    }
    footer#new-footer div.footer_content_wrapper .links div.column {
        background-color: #fc0
    }
    footer#new-footer div.footer_content_wrapper .links .social_links {
        grid-column-start: 1;
        grid-column-end: 7
    }
    footer#new-footer div.footer_content_wrapper .links .social_links span {
        font-weight: 700;
        font-variation-settings: "wdth" 25;
        font-size: 92px;
        color: #fff
    }
    footer#new-footer div.footer_content_wrapper .links .social_links ul li {
        display: inline-block;
        margin-right: 12px
    }
    footer#new-footer div.footer_content_wrapper .links .firts_links {
        margin-top: 32px
    }
    footer#new-footer div.footer_content_wrapper .legal {
        padding: 24px;
        background-color: #282a6f;
        text-align: center
    }
    footer#new-footer div.footer_content_wrapper .legal ul li {
        display: inline-block;
        font-weight: 500;
        font-variation-settings: "wdth" 50;
        font-size: 12px;
        margin: 0 8px 12px
    }
}

@media (min-width:804px) and (max-width:1304px) {
    footer#new-footer {
        margin-top: 32px;
        width: 100%;
        background-color: #22265b
    }
    footer#new-footer a {
        color: #fff
    }
    footer#new-footer div.footer_content_wrapper .main_sponsors {
        padding-top: 24px;
        padding-bottom: 24px;
        border-bottom: 1px solid #fff
    }
    footer#new-footer div.footer_content_wrapper .main_sponsors ul {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
        text-align: center
    }
    footer#new-footer div.footer_content_wrapper .secondary_sponsors {
        padding-top: 32px;
        padding-bottom: 24px
    }
    footer#new-footer div.footer_content_wrapper .secondary_sponsors ul {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
        text-align: center
    }
    footer#new-footer div.footer_content_wrapper .more_sponsors {
        text-align: center;
        margin-bottom: 24px
    }
    footer#new-footer div.footer_content_wrapper .more_sponsors a {
        display: inline-block;
        border: 1px solid #fff;
        width: auto;
        margin: 0 auto;
        font-weight: 400;
        font-variation-settings: "wdth" 100;
        color: #fff;
        padding: 12px 16px;
        border-radius: 2px
    }
    footer#new-footer div.footer_content_wrapper .links {
        background-color: #282a6f;
        padding: 64px 48px;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(50px, 12fr));
        grid-column-gap: 16px;
        border-bottom: 1px solid #fff
    }
    footer#new-footer div.footer_content_wrapper .links div.column {
        background-color: #fc0
    }
    footer#new-footer div.footer_content_wrapper .links .social_links {
        grid-column-start: 1;
        grid-column-end: 7
    }
    footer#new-footer div.footer_content_wrapper .links .social_links span {
        font-weight: 700;
        font-variation-settings: "wdth" 25;
        font-size: 164px;
        color: #fff
    }
    footer#new-footer div.footer_content_wrapper .links .social_links ul li {
        display: inline-block;
        margin-right: 12px
    }
    footer#new-footer div.footer_content_wrapper .links .firts_links {
        grid-column-start: 7;
        grid-column-end: 9
    }
    footer#new-footer div.footer_content_wrapper .links .firts_links ul li {
        font-weight: 500;
        font-variation-settings: "wdth" 50;
        font-size: 16px;
        margin-bottom: 16px
    }
    footer#new-footer div.footer_content_wrapper .links .second_links {
        grid-column-start: 9;
        grid-column-end: 11
    }
    footer#new-footer div.footer_content_wrapper .links .second_links ul li {
        font-weight: 500;
        font-variation-settings: "wdth" 50;
        font-size: 16px;
        margin-bottom: 16px
    }
    footer#new-footer div.footer_content_wrapper .links .third_links {
        grid-column-start: 11;
        grid-column-end: 13
    }
    footer#new-footer div.footer_content_wrapper .links .third_links ul li {
        font-weight: 500;
        font-variation-settings: "wdth" 50;
        font-size: 16px;
        margin-bottom: 16px
    }
    footer#new-footer div.footer_content_wrapper .links .third_links div.descargaapp a {
        font-weight: 500;
        font-variation-settings: "wdth" 50;
        font-size: 12px;
        display: inline-block;
        width: 60px
    }
    footer#new-footer div.footer_content_wrapper .legal {
        padding-top: 32px;
        background-color: #282a6f;
        text-align: center;
        padding-bottom: 32px
    }
    footer#new-footer div.footer_content_wrapper .legal ul li {
        display: inline-block;
        margin: 0 8px;
        font-weight: 500;
        font-variation-settings: "wdth" 50;
        font-size: 12px
    }
}

.language-menu {
    position: absolute;
    background-color: #fff;
    list-style: none;
    font-variation-settings: "wdth" 50;
    margin: .5rem 3rem 0 0;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
    border: none;
    border-radius: 4px;
    height: 0;
    overflow: hidden;
    transition: height .5s ease-out
}

.language-menu.open {
    height: auto;
    color: #282a6f
}

.language-menu li {
    padding: .5rem 1rem;
    color: #282a6f !important;
    transition: opacity .3s ease;
    opacity: 1
}

.language-menu li a {
    text-decoration: none;
    color: #282a6f !important;
    font-variation-settings: "wdth" 50
}

.language-menu li:hover {
    opacity: .7
}

.profile-menu {
    position: absolute;
    background-color: #fff;
    list-style: none;
    margin: .5rem 0 0;
    font-variation-settings: "wdth" 50;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
    border-radius: 4px;
    max-height: 0;
    overflow: hidden;
    transition: max-height .5s ease-out
}

.profile-menu.open {
    right: 5% !important;
    left: auto !important;
    max-height: 200px;
    color: #282a6f
}

.profile-menu li {
    padding: 1rem 2rem .75rem .5rem;
    color: #282a6f !important;
    transition: transform .3s ease, opacity .3s ease;
    opacity: 1;
    border-bottom: 1px solid #ccc
}

.profile-menu li:last-child {
    border-bottom: none
}

.profile-menu li a {
    text-decoration: none;
    color: #282a6f;
    font-variation-settings: "wdth" 50;
    margin-top: 25px
}

.profile-menu li:hover {
    transform: translateX(5px);
    opacity: .7
}

.red a,
li.red {
    color: #e8151e !important
}

.layout-wrapper {
    flex-direction: column
}

.layout-container,
.layout-wrapper {
    display: flex;
    height: 100%;
    width: 100%
}

.layout-container {
    flex-direction: row
}

.sidebar {
    transition: all .35s ease-out
}

.sidebar.is-opened {
    width: 284px;
    min-width: 284px
}

.sidebar.is-opened,
.sidebar.minimized {
    transition: all .35s ease-out;
    border: 1px solid #9a9a9a;
    position: static;
    top: 98px;
    left: 0;
    overflow-y: hidden
}

.sidebar.minimized {
    width: 92px;
    min-width: 92px
}

.sidebar.hide {
    display: none !important;
    transition: all .35s ease-out
}

.sidebar-container {
    padding: 20px 20px 8px
}

.menu-inner {
    display: flex;
    flex-direction: column;
    margin-top: 16px;
    margin-left: -3px;
}

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

.menu-item,
.menu-link {
    display: flex;
    align-items: center
}

.menu-link {
    color: #282a6f;
    font-size: 14px;
    font-weight: 400;
    font-variation-settings: "wdth" 100;
    text-decoration: none;
    width: 100%
}

.menu-link.active {
    color: #282a6f;
    font-size: 14px;
    font-weight: 600
}

.menu-icon {
    margin-bottom: 0.5rem
}

.menu-item,
.menu-item-text.hidden {
    transition: all .5s ease-out
}

.menu-item-text.hidden {
    display: none
}

.button-container {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.circle-button {
    width: 40px;
    height: 40px;
    border: 2px solid #e0e0e0;
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    outline: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
    transition: background-color .3s ease, box-shadow .3s ease
}

.circle-button:hover {
    background-color: #f9f9f9;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .15)
}

.arrow {
    position: relative;
    transform: scale(var(--ggs, 1));
    width: 22px;
    height: 22px;
    border: 2px solid transparent;
    border-radius: 100px;
    color: #282a6f
}

.arrow,
.arrow:after {
    box-sizing: border-box;
    display: block
}

.arrow:after {
    transition: all .65s ease-out;
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border-bottom: 2px solid;
    border-left: 2px solid;
    transform: rotate(45deg);
    left: 6px;
    top: 4px
}

.arrow.arrow-show {
    transform: scale(var(--ggs, 1)) rotate(0deg)
}

.arrow.arrow-show:after {
    transition: all .65s ease-out;
    transform: rotate(-135deg);
    left: 3px
}

.content {
    flex-grow: 1;
    overflow: hidden
}

.content,
.content.content-full-width,
.content.content-minimized {
    transition: all .35s ease-out
}

.content.content-full-width {
    padding-left: 0
}

.mobile-menu {
    height: 86px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #edece2
}

.mobile-menu.hide {
    display: none
}

.mobile-menu-inner {
    display: flex;
    flex-direction: row;
    margin: 16px 0;
    overflow-x: hidden;
    width: 100%;
    justify-content: center;
    -webkit-overflow-scrolling: touch
}

.mobile-menu-inner.scroll-active {
    justify-content: flex-start
}

.mobile-menu-item {
    display: flex;
    align-items: center;
    margin: 0 16px;
    max-width: 104px;
    min-width: 104px
}

.mobile-icon-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%
}

.mobile-menu-icon {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
    color: #282a6f
}

.mobile-menu-item-text {
    font-size: 13px;
    color: #282a6f;
    font-weight: 400;
    display: flex;
    align-items: center;
    text-align: center;
    height: 2em;
}

.mobile-menu-item-text.active {
    font-weight: 700
}

section#banner {
    margin: 0
}

section#banner div.banner {
    width: 100%;
    height: 75px;
    overflow: hidden;
    border-bottom: 1px solid #9a9a9a
}

section#banner div.banner.hide {
    display: none
}

section#banner div.user-data {
    padding: 20px 0
}

section#banner div.user-data h1 {
    color: #282a6f;
    font-size: 44px;
    line-height: 48px;
    font-weight: 700;
    font-variation-settings: "wdth" 50;
    padding-left: 48px
}

section#banner div.user-data p {
    color: #7e7fa9;
    font-size: 26px;
    line-height: 29px;
    font-weight: 400;
    font-variation-settings: "wdth" 60;
    padding-left: 48px
}

@media (min-width:340px) and (max-width:804px) {
    section#banner {
        padding: 0
    }
    section#banner div.user-data {
        padding: 20px 0 0
    }
    section#banner div.user-data h1 {
        font-size: 28px;
        line-height: 31px;
        font-variation-settings: "wdth" 25;
        padding-left: 16px
    }
    section#banner div.user-data p {
        font-size: 14px;
        line-height: 19px;
        padding-left: 16px
    }
}

@media (min-width:804px) and (max-width:1200px) {
    section#banner {
        padding: 0
    }
    section#banner div.user-data {
        padding: 20px 0 0
    }
    section#banner div.user-data h1 {
        font-size: 28px;
        line-height: 31px;
        font-variation-settings: "wdth" 25;
        padding-left: 16px
    }
    section#banner div.user-data p {
        font-size: 14px;
        line-height: 19px;
        padding-left: 16px
    }
}

section#entradas {
    margin: 3rem 0 0
}

section#entradas div.entradas-header {
    position: relative
}

section#entradas div.entradas-header h2 {
    font-weight: 700;
    font-variation-settings: "wdth" 50;
    font-size: 48px;
    line-height: 52px;
    color: #282a6f;
    margin-bottom: 8px;
    padding-left: 48px
}

section#entradas div.entradas-header a.vertodas {
    position: absolute;
    right: 48px;
    top: 16px;
    font-weight: 500;
    font-variation-settings: "wdth" 100;
    font-size: 16px;
    color: #282a6f
}

section#entradas div.entradas-container {
    width: 100%;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    transition: all .1s ease-in;
    height: 350px;
    margin-left: 48px
}

section#entradas p {
    color: #7e7fa9;
    font-size: 32px;
    font-weight: 400;
    padding-left: 48px
}

section#entradas div.entradas-container::-webkit-scrollbar {
    display: none
}

section#entradas div.entradas-container.slider.active {
    cursor: grabbing;
    cursor: -webkit-grabbing;
    transform: scale(1.01);
    transition: all .1s ease-in
}

section#entradas div.entradas-container div.entradas-content {
    display: flex;
    flex-wrap: nowrap
}

section#entradas div.entradas-container div.entradas-content .entradas-card {
    margin-right: 16px;
    margin-bottom: 18px;
    border: 1px solid #e4dcd7;
    border-radius: 4px;
    width: 370px;
    box-shadow: 0 4px 12px 0 #edece2
}

section#entradas div.entradas-container div.entradas-content .entradas-card .info-container {
    position: relative
}

section#entradas div.entradas-container div.entradas-content .entradas-card .info-container .fecha-comp {
    height: 76px;
    display: flex;
    width: 100%;
    background-color: #fff;
    justify-content: space-between
}

section#entradas div.entradas-container div.entradas-content .entradas-card .info-container .fecha-comp .fecha {
    margin: 24px
}

section#entradas div.entradas-container div.entradas-content .entradas-card .info-container .fecha-comp .fecha span.dia {
    display: block;
    float: left;
    font-weight: 700;
    font-variation-settings: "wdth" 30;
    font-size: 38px;
    line-height: 40px;
    color: #282a6f;
    margin-right: 8px
}

section#entradas div.entradas-container div.entradas-content .entradas-card .info-container .fecha-comp .fecha .semana-mes {
    top: -2px
}

section#entradas div.entradas-container div.entradas-content .entradas-card .info-container .fecha-comp .fecha .semana-mes strong {
    display: inline-block;
    font-weight: 700;
    font-variation-settings: "wdth" 100;
    font-size: 14px;
    color: #282a6f;
    text-transform: uppercase
}

section#entradas div.entradas-container div.entradas-content .entradas-card .info-container .fecha-comp .fecha .semana-mes em {
    display: block;
    font-style: normal;
    font-weight: 300;
    font-variation-settings: "wdth" 100;
    font-size: 14px;
    color: #282a6f;
    text-transform: uppercase;
    margin-top: 4px
}

section#entradas div.entradas-container div.entradas-content .entradas-card .info-container .fecha-comp .comp {
    margin: 9px 16px
}

section#entradas div.entradas-container div.entradas-content .entradas-card .info-container .datos {
    border-top: 1px solid #e4dcd7;
    display: grid;
    width: 100%;
    justify-content: unset;
}

section#entradas div.entradas-container div.entradas-content .entradas-card .info-container .datos .info {
    margin: 16px 16px 0;
    height: 170px;
    width: 100%;
    grid-column: 1 / -1; 
}

section#entradas div.entradas-container div.entradas-content .entradas-card .info-container .datos .info .escudos {
    display: flex;
    direction: row;
}

section#entradas div.entradas-container div.entradas-content .entradas-card .info-container .datos .info .escudos .jornada {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-right: 32px;
}

section#entradas div.entradas-container div.entradas-content .entradas-card .info-container .datos .info .escudos .jornada .jornada-wrapper {
    display: flex;
    align-items: center;
    justify-items: center;
    border: 1px solid #e4dcd7;
    height: 27px
}

section#entradas div.entradas-container div.entradas-content .entradas-card .info-container .datos .info .escudos .jornada .jornada-wrapper .jornada-partido {
    padding: 5px;
    font-size: 10px;
    font-weight: 400;
    line-height: 11px;
    color: #282a6f
}

section#entradas div.entradas-container div.entradas-content .entradas-card .info-container .datos .info .equipos {
    margin-top: 24px
}

section#entradas div.entradas-container div.entradas-content .entradas-card .info-container .datos .info .equipos span {
    display: block;
    font-size: 32px;
    font-weight: 400;
    font-variation-settings: "wdth" 25;
    color: #282a6f
}

section#entradas div.entradas-container div.entradas-content .entradas-card .info-container .datos .info .estadio {
    margin-top: 14px;
    font-size: 14px;
    font-weight: 500;
    font-variation-settings: "wdth" 100;
    color: #282a6f;
    padding-left: 0
}

section#entradas div.entradas-container div.entradas-content .entradas-card .info-container .datos .info .estadio a {
    font-weight: 400;
    color: #282a6f
}

section#entradas div.entradas-container div.entradas-content .entradas-card .info-container .datos .buttons {
    margin: 0 16px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: auto;
    padding-bottom: 16px
}

section#entradas div.entradas-container div.entradas-content .entradas-card .info-container .datos .buttons a {
    display: block;
    width: 100%;
    text-align: center;
    padding: 16px 0 12px;
    margin-top: 8px;
    font-weight: 500;
    font-variation-settings: "wdth" 100;
    font-size: 16px;
    border-radius: 4px
}

section#entradas div.entradas-container div.entradas-content .entradas-card .info-container .datos .buttons a.white-blue {
    color: #282a6f;
    border: 1px solid #282a6f
}

section#entradas div.entradas-container div.entradas-content .entradas-card .info-container .datos .buttons a.blue-white {
    background-color: #282a6f;
    color: #fff
}

section#entradas div.entradas-container div.entradas-content .entradas-card .info-container .datos .buttons a.white-red {
    color: #e8151e;
    border: 1px solid #e8151e
}

section#entradas div.entradas-container div.entradas-content .entradas-card .info-container .datos .buttons a.red-white {
    background-color: #e8151e;
    color: #fff
}

section#entradas div.entradas-container div.entradas-content .entradas-card.destacada {
    display: flex;
    width: 648px
}

section#entradas div.entradas-container div.entradas-content .entradas-card.destacada a img {
    border-radius: 4px;
    object-fit: cover
}

section#entradas div.entradas-container div.entradas-content .entradas-card.destacada .info-container .fecha-comp {
    position: absolute;
    left: -16px;
    border-left: 8px solid #e8151e;
    width: 332px
}

section#entradas div.entradas-container div.entradas-content .entradas-card.destacada .info-container .datos {
    position: absolute;
    left: -8px;
    top: 76px;
    width: 332px;
    border-left: 8px solid #e8151e
}

section#entradas .buttons {
  padding-bottom: 0 !important;
  margin-left: 16px;
  margin-right: 16px;
}

section#entradas .versus {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 8px;
    font-size: 25px;
    line-height: 40px;
    font-weight: 500px;
    font-variation-settings: "wdth" 20
}

@media (min-width:340px) and (max-width:804px) {
    section#entradas {
        padding: 0
    }
    section#entradas div.entradas-header h2 {
        font-weight: 700;
        font-variation-settings: "wdth" 25;
        font-size: 32px;
        color: #282a6f;
        margin-bottom: 8px;
        padding-left: 16px
    }
    section#entradas div.entradas-header a.vertodas {
        position: absolute;
        right: 16px;
        top: 8px
    }
    section#entradas div.entradas-container {
        width: 100%;
        display: flex;
        overflow-x: auto;
        overflow-y: hidden;
        margin-left: 16px
    }
    section#entradas div.entradas-container div.entradas-content {
        display: flex;
        flex-wrap: nowrap
    }
    section#entradas div.entradas-container div.entradas-content div.entradas-card,
    section#entradas div.entradas-container div.entradas-content div.entradas-card.destacada {
        width: calc(100vw - 60px)
    }
    section#entradas div.entradas-container div.entradas-content div.entradas-card.destacada a.enlace-imagen {
        display: none
    }
    section#entradas div.entradas-container div.entradas-content div.entradas-card.destacada div.info-container div.fecha-comp {
        left: 0;
        border-left: none;
        width: 324px
    }
    section#entradas div.entradas-container div.entradas-content div.entradas-card.destacada div.info-container div.datos {
        left: 0;
        border-left: none
    }
}

@media (min-width:804px) and (max-width:1200px) {
    section#entradas {
        padding: 0
    }
    section#entradas div.entradas-header h2 {
        font-weight: 700;
        font-variation-settings: "wdth" 25;
        font-size: 32px;
        color: #282a6f;
        margin-bottom: 8px;
        padding-left: 16px
    }
    section#entradas div.entradas-header a.vertodas {
        position: absolute;
        right: 16px;
        top: 8px
    }
    section#entradas div.entradas-container {
        width: 100%;
        display: flex;
        overflow-x: auto;
        overflow-y: hidden;
        margin-left: 16px
    }
    section#entradas div.entradas-container div.entradas-content {
        display: flex;
        flex-wrap: nowrap
    }
    section#entradas div.entradas-container div.entradas-content div.entradas-card {
        width: 324px
    }
    section#entradas div.entradas-container div.entradas-content div.entradas-card.destacada {
        width: 332px
    }
    section#entradas div.entradas-container div.entradas-content div.entradas-card.destacada a.enlace-imagen {
        display: none
    }
    section#entradas div.entradas-container div.entradas-content div.entradas-card.destacada div.info-container div.fecha-comp {
        left: 0;
        border-left: none;
        width: 320px
    }
    section#entradas div.entradas-container div.entradas-content div.entradas-card.destacada div.info-container div.datos {
        left: 0;
        border-left: none
    }
}

section#products {
    margin: 0 0 3rem
}

section#products div.productos-header {
    position: relative
}

section#products div.productos-header h2 {
    font-weight: 700;
    font-variation-settings: "wdth" 50;
    font-size: 48px;
    line-height: 52px;
    color: #282a6f;
    margin-bottom: 8px;
    padding-left: 48px
}

section#products div.productos-header a.vertodas {
    position: absolute;
    right: 48px;
    top: 16px;
    font-weight: 500;
    font-variation-settings: "wdth" 100;
    font-size: 16px;
    color: #282a6f
}

section#products div.productos-container {
    width: 100%;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    transition: all .1s ease-in;
    height: 580px;
    margin-left: 48px
}

section#products p {
    color: #7e7fa9;
    font-size: 32px;
    font-weight: 400;
    padding-left: 48px
}

section#products div.productos-container::-webkit-scrollbar {
    display: none
}

section#products div.productos-container.slider.active {
    cursor: grabbing;
    cursor: -webkit-grabbing;
    transform: scale(1.01);
    transition: all .1s ease-in
}

section#products div.productos-container div.productos-content {
    display: flex;
    flex-wrap: nowrap
}

section#products div.productos-container div.productos-content .product-card {
    margin-right: 16px;
    border-radius: 4px;
    width: 322px;
    height: 580px
}

section#products div.productos-container div.productos-content .product-card .card-body {
    width: 322px
}

section#products div.productos-container div.productos-content .product-card .card-body .card-img-top {
    height: 430px;
    max-height: 430px;
    border-radius: 4px
}

section#products div.productos-container div.productos-content .product-card .card-body .product-image {
    height: 430px;
    max-height: 430px
}

section#products div.productos-container div.productos-content .product-card .card-body .product-card-content {
    height: 151px;
    min-height: 151px;
    margin: 16px
}

section#products div.productos-container div.productos-content .product-card .card-body .product-card-content .product-card-info {
    height: 52px;
    min-height: 52px
}

section#products div.productos-container div.productos-content .product-card .card-body .product-card-content p {
    font-size: 24px;
    font-weight: 700;
    font-variation-settings: "wdth" 50;
    color: #282a6f;
    margin: 0;
    padding: 0
}

section#products div.productos-container div.productos-content .product-card .card-body .product-card-content .product-card-button {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-top: 8px
}

section#products div.productos-container div.productos-content .product-card .card-body .product-card-content .product-card-button .product-price-socios-wrapper {
    display: flex;
    flex-direction: column;
    width: 77px;
    min-width: 77px
}

section#products div.productos-container div.productos-content .product-card .card-body .product-card-content .product-card-button .product-price-socios-wrapper .product-price-socios {
    font-size: 24px;
    font-weight: 400;
    font-variation-settings: "wdth" 50;
    color: #e8151e;
    margin-right: 16px;
    padding: 0
}

section#products div.productos-container div.productos-content .product-card .card-body .product-card-content .product-card-button .product-price-socios-wrapper .product-price-socios-text {
    font-size: 12px;
    font-weight: 400;
    font-variation-settings: "wdth" 50;
    color: #e8151e;
    margin: 0;
    padding: 0
}

section#products div.productos-container div.productos-content .product-card .card-body .product-card-content .product-card-button .product-price-no-socios-wrapper {
    display: flex;
    flex-direction: column;
    width: 77px;
    min-width: 77px
}

section#products div.productos-container div.productos-content .product-card .card-body .product-card-content .product-card-button .product-price-no-socios-wrapper .product-price-no-socios {
    font-size: 24px;
    font-weight: 400;
    font-variation-settings: "wdth" 50;
    color: #7e7fa9;
    margin: 0;
    padding: 0
}

section#products div.productos-container div.productos-content .product-card .card-body .product-card-content .product-card-button .product-price-no-socios-wrapper .product-price-no-socios-text {
    font-size: 12px;
    font-weight: 400;
    font-variation-settings: "wdth" 50;
    color: #7e7fa9;
    margin: 0;
    padding: 0
}

section#products div.productos-container div.productos-content .product-card .card-body .product-card-content .product-card-button .arrow-up-right {
    box-sizing: border-box;
    position: relative;
    display: block;
    width: 8px;
    height: 8px;
    border-top: 2px solid;
    transform: scale(var(--ggs, 1));
    border-right: 2px solid;
    color: #282a6f
}

section#products div.productos-container div.productos-content .product-card .card-body .product-card-content .product-card-button .arrow-up-right:after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 14px;
    height: 2px;
    background: currentColor;
    transform: rotate(-45deg);
    top: 3px;
    right: -3px;
    color: #282a6f
}

section#products div.productos-container div.productos-content .product-card .info-container {
    position: relative
}

section#products div.productos-container div.productos-content .product-card .info-container .fecha-comp {
    height: 76px;
    display: flex;
    width: 100%;
    background-color: #fff;
    justify-content: space-between
}

section#products div.productos-container div.productos-content .product-card .info-container .fecha-comp .fecha {
    margin: 24px
}

section#products div.productos-container div.productos-content .product-card .info-container .fecha-comp .fecha span.dia {
    display: block;
    float: left;
    font-weight: 500;
    font-variation-settings: "wdth" 100;
    font-size: 36px;
    color: #282a6f;
    margin-right: 8px
}

section#products div.productos-container div.productos-content .product-card .info-container .fecha-comp .fecha .semana-mes {
    top: -2px
}

section#products div.productos-container div.productos-content .product-card .info-container .fecha-comp .fecha .semana-mes strong {
    display: inline-block;
    font-weight: 700;
    font-variation-settings: "wdth" 100;
    font-size: 14px;
    color: #282a6f;
    text-transform: uppercase
}

section#products div.productos-container div.productos-content .product-card .info-container .fecha-comp .fecha .semana-mes em {
    display: block;
    font-style: normal;
    font-weight: 300;
    font-variation-settings: "wdth" 100;
    font-size: 14px;
    color: #282a6f;
    text-transform: uppercase;
    margin-top: 4px
}

section#products div.productos-container div.productos-content .product-card .info-container .fecha-comp .comp {
    margin: 9px 16px
}

section#products div.productos-container div.productos-content .product-card .info-container .datos {
    border-top: 1px solid #e4dcd7;
    display: grid
}

section#products div.productos-container div.productos-content .product-card .info-container .datos .info {
    margin: 16px;
    height: 170px
}

section#products div.productos-container div.productos-content .product-card .info-container .datos .info .escudos {
    display: flex;
    direction: row
}

section#products div.productos-container div.productos-content .product-card .info-container .datos .info .escudos .jornada {
    width: 100%;
    display: flex;
    justify-content: flex-end
}

section#products div.productos-container div.productos-content .product-card .info-container .datos .info .escudos .jornada .jornada-wrapper {
    display: flex;
    align-items: center;
    justify-items: center;
    border: 1px solid #e4dcd7;
    height: 27px;
    z-index: 100
}

section#products div.productos-container div.productos-content .product-card .info-container .datos .info .escudos .jornada .jornada-wrapper .jornada-partido {
    padding: 5px;
    font-size: 10px;
    font-weight: 400;
    line-height: 11px;
    color: #282a6f
}

section#products div.productos-container div.productos-content .product-card .info-container .datos .info .equipos {
    margin-top: 24px
}

section#products div.productos-container div.productos-content .product-card .info-container .datos .info .equipos span {
    display: block;
    font-size: 32px;
    font-weight: 400;
    font-variation-settings: "wdth" 25;
    color: #282a6f
}

section#products div.productos-container div.productos-content .product-card .info-container .datos .info .estadio {
    margin-top: 8px;
    font-size: 14px;
    font-weight: 500;
    font-variation-settings: "wdth" 100;
    color: #282a6f
}

section#products div.productos-container div.productos-content .product-card .info-container .datos .info .estadio a {
    font-weight: 400;
    color: #282a6f
}

section#products div.productos-container div.productos-content .product-card .info-container .datos .buttons {
    margin: 0 16px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: auto;
    padding-bottom: 16px
}

section#products div.productos-container div.productos-content .product-card .info-container .datos .buttons a {
    display: block;
    width: 100%;
    text-align: center;
    padding: 16px 0 12px;
    margin-top: 8px;
    font-weight: 500;
    font-variation-settings: "wdth" 100;
    font-size: 16px;
    border-radius: 4px
}

section#products div.productos-container div.productos-content .product-card .info-container .datos .buttons a.white-blue {
    color: #282a6f;
    border: 1px solid #282a6f
}

section#products div.productos-container div.productos-content .product-card .info-container .datos .buttons a.blue-white {
    background-color: #282a6f;
    color: #fff
}

section#products div.productos-container div.productos-content .product-card .info-container .datos .buttons a.white-red {
    color: #e8151e;
    border: 1px solid #e8151e
}

section#products div.productos-container div.productos-content .product-card .info-container .datos .buttons a.red-white {
    background-color: #e8151e;
    color: #fff
}

section#products div.productos-container div.productos-content .product-card.destacada {
    display: flex;
    width: 648px
}

section#products div.productos-container div.productos-content .product-card.destacada a img {
    border-radius: 4px;
    object-fit: cover
}

section#products div.productos-container div.productos-content .product-card.destacada .info-container .fecha-comp {
    position: absolute;
    left: -16px;
    border-left: 8px solid #e8151e;
    width: 332px
}

section#products div.productos-container div.productos-content .product-card.destacada .info-container .datos {
    position: absolute;
    left: -8px;
    top: 76px;
    width: 332px;
    border-left: 8px solid #e8151e
}

@media (min-width:340px) and (max-width:804px) {
    section#products {
        padding: 0
    }
    section#products div.productos-header h2 {
        font-weight: 700;
        font-variation-settings: "wdth" 25;
        font-size: 32px;
        color: #282a6f;
        margin-bottom: 8px;
        padding-left: 16px
    }
    section#products div.productos-header a.vertodas {
        position: absolute;
        right: 16px;
        top: 8px
    }
    section#products div.productos-container {
        width: 100%;
        display: flex;
        overflow-x: auto;
        overflow-y: hidden;
        margin-left: 16px
    }
    section#products div.productos-container div.productos-content {
        display: flex;
        flex-wrap: nowrap
    }
    section#products div.productos-container div.productos-content div.product-card.destacada {
        width: calc(100vw - 60px)
    }
    section#products div.productos-container div.productos-content div.product-card.destacada a.enlace-imagen {
        display: none
    }
    section#products div.productos-container div.productos-content div.product-card.destacada div.info-container div.fecha-comp {
        left: 0;
        border-left: none;
        width: 324px
    }
    section#products div.productos-container div.productos-content div.product-card.destacada div.info-container div.datos {
        left: 0;
        border-left: none
    }
}

@media (min-width:804px) and (max-width:1200px) {
    section#products {
        padding: 0
    }
    section#products div.productos-header h2 {
        font-weight: 700;
        font-variation-settings: "wdth" 25;
        font-size: 32px;
        color: #282a6f;
        margin-bottom: 8px;
        padding-left: 16px
    }
    section#products div.productos-header a.vertodas {
        position: absolute;
        right: 16px;
        top: 8px
    }
    section#products div.productos-container {
        width: 100%;
        display: flex;
        overflow-x: auto;
        overflow-y: hidden;
        margin-left: 16px
    }
    section#products div.productos-container div.productos-content {
        display: flex;
        flex-wrap: nowrap
    }
    section#products div.productos-container div.productos-content div.product-card {
        width: 324px
    }
    section#products div.productos-container div.productos-content div.product-card.destacada {
        width: 332px
    }
    section#products div.productos-container div.productos-content div.product-card.destacada a.enlace-imagen {
        display: none
    }
    section#products div.productos-container div.productos-content div.product-card.destacada div.info-container div.fecha-comp {
        left: 0;
        border-left: none;
        width: 320px
    }
    section#products div.productos-container div.productos-content div.product-card.destacada div.info-container div.datos {
        left: 0;
        border-left: none
    }
}

section#news {
    margin: 3rem 0 0
}

section#news div.news-header {
    position: relative
}

section#news div.news-header h2 {
    font-weight: 700;
    font-variation-settings: "wdth" 50;
    font-size: 48px;
    line-height: 52px;
    color: #282a6f;
    margin-bottom: 8px;
    padding-left: 48px
}

section#news div.news-header a.vertodas {
    position: absolute;
    right: 48px;
    top: 16px;
    font-weight: 500;
    font-variation-settings: "wdth" 100;
    font-size: 16px;
    color: #282a6f
}

section#news div.news-header a.vertodas:after,
section#products div.productos-header a.vertodas:after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url("/img/icons/svg/blue-arrow.svg");
    background-repeat: no-repeat;
    margin-left: 10px
}

section#news div.news-container {
    width: 100%;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    transition: all .1s ease-in;
    margin-left: 48px
}

section#news p {
    color: #7e7fa9;
    font-size: 32px;
    font-weight: 400;
    padding-left: 48px
}

section#news div.news-container::-webkit-scrollbar {
    display: none
}

section#news div.news-container.slider.active {
    cursor: grabbing;
    cursor: -webkit-grabbing;
    transform: scale(1.01);
    transition: all .1s ease-in
}

section#news div.news-container div.news-content {
    display: flex;
    flex-wrap: nowrap
}

.card-body,
section#news div.news-container div.news-content .new-card {
    margin-right: 16px;
    border-radius: 4px;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem
}

.card-body,
section#news div.news-container div.news-content .new-card {
    width: 400px;
    max-width: 700px
}

section#news div.news-container div.news-content .new-card .card-body .card-img-top {
    height: 222px;
    max-height: 222px;
    object-fit: cover;
    border-radius: 4px
}

section#news div.news-container div.news-content .new-card .card-body .new-image {
    height: 222px;
    max-height: 222px;
    cursor: pointer
}

section#news div.news-container div.news-content .new-card .card-body .new-card-content {
    height: 100%;
    min-height: 151px
}

section#news div.news-container div.news-content .new-card .card-body .new-card-content p {
    font-size: 14px;
    font-weight: 400;
    font-variation-settings: "wdth" 50;
    color: #282a6f;
    margin: 0;
    padding: 0
}

section#news div.news-container div.news-content .new-card .card-body .new-card-summary p {
    font-size: 24px;
    font-weight: 700;
    font-variation-settings: "wdth" 50;
    color: #282a6f;
    margin-top: 8px;
    padding: 0
}

section#news div.news-container div.news-content .new-card .info-container {
    position: relative
}

section#news div.news-container div.news-content .new-card .info-container .fecha-comp {
    height: 76px;
    display: flex;
    width: 100%;
    background-color: #fff;
    justify-content: space-between
}

section#news div.news-container div.news-content .new-card .info-container .fecha-comp .fecha {
    margin: 24px
}

section#news div.news-container div.news-content .new-card .info-container .fecha-comp .fecha span.dia {
    display: block;
    float: left;
    font-weight: 500;
    font-variation-settings: "wdth" 100;
    font-size: 36px;
    color: #282a6f;
    margin-right: 8px
}

section#news div.news-container div.news-content .new-card .info-container .fecha-comp .fecha .semana-mes {
    top: -2px
}

section#news div.news-container div.news-content .new-card .info-container .fecha-comp .fecha .semana-mes strong {
    display: inline-block;
    font-weight: 700;
    font-variation-settings: "wdth" 100;
    font-size: 14px;
    color: #282a6f;
    text-transform: uppercase
}

section#news div.news-container div.news-content .new-card .info-container .fecha-comp .fecha .semana-mes em {
    display: block;
    font-style: normal;
    font-weight: 300;
    font-variation-settings: "wdth" 100;
    font-size: 14px;
    color: #282a6f;
    text-transform: uppercase;
    margin-top: 4px
}

section#news div.news-container div.news-content .new-card .info-container .fecha-comp .comp {
    margin: 9px 16px
}

section#news div.news-container div.news-content .new-card .info-container .datos {
    border-top: 1px solid #e4dcd7;
    display: grid
}

section#news div.news-container div.news-content .new-card .info-container .datos .info {
    margin: 16px;
    height: 170px
}

section#news div.news-container div.news-content .new-card .info-container .datos .info .escudos {
    display: flex;
    direction: row
}

section#entradas div.entradas-container div.entradas-content .entradas-card .info-container .datos .info .escudos img {
    width: 46px;
    object-fit: contain;
    height: auto
}

section#news div.news-container div.news-content .new-card .info-container .datos .info .escudos .jornada {
    width: 100%;
    display: flex;
    justify-content: flex-end
}

section#news div.news-container div.news-content .new-card .info-container .datos .info .escudos .jornada .jornada-wrapper {
    display: flex;
    align-items: center;
    justify-items: center;
    border: 1px solid #e4dcd7;
    height: 27px;
    z-index: 100
}

section#news div.news-container div.news-content .new-card .info-container .datos .info .escudos .jornada .jornada-wrapper .jornada-partido {
    padding: 5px;
    font-size: 10px;
    font-weight: 400;
    line-height: 11px;
    color: #282a6f
}

section#news div.news-container div.news-content .new-card .info-container .datos .info .equipos {
    margin-top: 24px
}

section#news div.news-container div.news-content .new-card .info-container .datos .info .equipos span {
    display: block;
    font-size: 32px;
    font-weight: 400;
    font-variation-settings: "wdth" 25;
    color: #282a6f
}

section#news div.news-container div.news-content .new-card .info-container .datos .info .estadio {
    margin-top: 8px;
    font-size: 14px;
    font-weight: 500;
    font-variation-settings: "wdth" 100;
    color: #282a6f
}

section#news div.news-container div.news-content .new-card .info-container .datos .info .estadio a {
    font-weight: 400;
    color: #282a6f
}

section#news div.news-container div.news-content .new-card .info-container .datos .buttons {
    margin: 0 16px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: auto;
    padding-bottom: 16px
}

section#news div.news-container div.news-content .new-card .info-container .datos .buttons a {
    display: block;
    width: 100%;
    text-align: center;
    padding: 16px 0 12px;
    margin-top: 8px;
    font-weight: 500;
    font-variation-settings: "wdth" 100;
    font-size: 16px;
    border-radius: 4px
}

section#news div.news-container div.news-content .new-card .info-container .datos .buttons a.white-blue {
    color: #282a6f;
    border: 1px solid #282a6f
}

section#news div.news-container div.news-content .new-card .info-container .datos .buttons a.blue-white {
    background-color: #282a6f;
    color: #fff
}

section#news div.news-container div.news-content .new-card .info-container .datos .buttons a.white-red {
    color: #e8151e;
    border: 1px solid #e8151e
}

section#news div.news-container div.news-content .new-card .info-container .datos .buttons a.red-white {
    background-color: #e8151e;
    color: #fff
}

section#news div.news-container div.news-content .new-card.destacada {
    display: flex;
    width: 648px
}

section#news div.news-container div.news-content .new-card.destacada a img {
    border-radius: 4px;
    object-fit: cover
}

section#news div.news-container div.news-content .new-card.destacada .info-container .fecha-comp {
    position: absolute;
    left: -16px;
    border-left: 8px solid #e8151e;
    width: 332px
}

section#news div.news-container div.news-content .new-card.destacada .info-container .datos {
    position: absolute;
    left: -8px;
    top: 76px;
    width: 332px;
    border-left: 8px solid #e8151e
}

@media (min-width:340px) and (max-width:804px) {
    section#news {
        padding: 0
    }
    section#news div.news-header h2 {
        font-weight: 700;
        font-variation-settings: "wdth" 25;
        font-size: 32px;
        color: #282a6f;
        margin-bottom: 8px;
        padding-left: 16px
    }
    section#news div.news-header a.vertodas {
        position: absolute;
        right: 16px;
        top: 8px
    }
    section#news div.news-container {
        width: 100%;
        display: flex;
        overflow-x: auto;
        overflow-y: hidden;
        margin-left: 16px
    }
    section#news div.news-container div.news-content {
        display: flex;
        flex-wrap: nowrap
    }
    section#news div.news-container div.news-content div.new-card,
    section#news div.news-container div.news-content div.new-card div.card-body {
        width: 324px
    }
    section#news div.news-container div.news-content div.new-card.destacada {
        width: calc(100vw - 60px)
    }
    section#news div.news-container div.news-content div.new-card.destacada a.enlace-imagen {
        display: none
    }
    section#news div.news-container div.news-content div.new-card.destacada div.info-container div.fecha-comp {
        left: 0;
        border-left: none;
        width: 324px
    }
    section#news div.news-container div.news-content div.new-card.destacada div.info-container div.datos {
        left: 0;
        border-left: none
    }
}

@media (min-width:804px) and (max-width:1200px) {
    section#news {
        padding: 0
    }
    section#news div.news-header h2 {
        font-weight: 700;
        font-variation-settings: "wdth" 25;
        font-size: 32px;
        color: #282a6f;
        margin-bottom: 8px;
        padding-left: 16px
    }
    section#news div.news-header a.vertodas {
        position: absolute;
        right: 16px;
        top: 8px
    }
    section#news div.news-container {
        width: 100%;
        display: flex;
        overflow-x: auto;
        overflow-y: hidden;
        margin-left: 16px
    }
    section#news div.news-container div.news-content {
        display: flex;
        flex-wrap: nowrap
    }
    section#news div.news-container div.news-content div.new-card {
        width: 324px
    }
    section#news div.news-container div.news-content div.new-card.destacada {
        width: 332px
    }
    section#news div.news-container div.news-content div.new-card.destacada a.enlace-imagen {
        display: none
    }
    section#news div.news-container div.news-content div.new-card.destacada div.info-container div.fecha-comp {
        left: 0;
        border-left: none;
        width: 320px
    }
    section#news div.news-container div.news-content div.new-card.destacada div.info-container div.datos {
        left: 0;
        border-left: none
    }
}

section#banner div.banner-content {
    padding-left: 48px
}

section#entradas div.entradas-loader,
section#news div.noticias-loader,
section#products div.productos-loader {
    display: flex;
    justify-content: center;
    align-items: center
}

.lds-roller {
    color: #1c4c5b
}

.lds-roller,
.lds-roller div,
.lds-roller div:after {
    box-sizing: border-box
}

.lds-roller {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px
}

.lds-roller div {
    animation: lds-roller 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
    transform-origin: 40px 40px
}

.lds-roller div:after {
    content: " ";
    display: block;
    position: absolute;
    width: 7.2px;
    height: 7.2px;
    border-radius: 50%;
    background: currentColor;
    margin: -3.6px 0 0 -3.6px
}

.lds-roller div:first-child {
    animation-delay: -36ms
}

.lds-roller div:first-child:after {
    top: 62.62742px;
    left: 62.62742px
}

.lds-roller div:nth-child(2) {
    animation-delay: -72ms
}

.lds-roller div:nth-child(2):after {
    top: 67.71281px;
    left: 56px
}

.lds-roller div:nth-child(3) {
    animation-delay: -.108s
}

.lds-roller div:nth-child(3):after {
    top: 70.90963px;
    left: 48.28221px
}

.lds-roller div:nth-child(4) {
    animation-delay: -.144s
}

.lds-roller div:nth-child(4):after {
    top: 72px;
    left: 40px
}

.lds-roller div:nth-child(5) {
    animation-delay: -.18s
}

.lds-roller div:nth-child(5):after {
    top: 70.90963px;
    left: 31.71779px
}

.lds-roller div:nth-child(6) {
    animation-delay: -.216s
}

.lds-roller div:nth-child(6):after {
    top: 67.71281px;
    left: 24px
}

.lds-roller div:nth-child(7) {
    animation-delay: -.252s
}

.lds-roller div:nth-child(7):after {
    top: 62.62742px;
    left: 17.37258px
}

.lds-roller div:nth-child(8) {
    animation-delay: -.288s
}

.lds-roller div:nth-child(8):after {
    top: 56px;
    left: 12.28719px
}

@keyframes lds-roller {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

@media (min-width:340px) and (max-width:804px) {
    section#banner div.banner-content {
        padding-left: 16px
    }
}

@media (min-width:804px) and (max-width:1200px) {
    section#banner div.banner-content {
        padding-left: 16px
    }
}

section#ajustes h4.head-title,
section#perfil h4.head-title,
section#transfers h4.head-title,
section#issuances  h4.head-title,
section.section-inner h4.head-title{
    font-weight: 700;
    font-variation-settings: "wdth" 25;
    font-size: 38px;
    color: #282a6f;
    margin-bottom: 1rem
}

section#ajustes h5.tab-title,
section#perfil h5.tab-title {
    font-weight: 700;
    font-variation-settings: "wdth" 50;
    font-size: 24px;
    color: #282a6f
}

section#perfil div.labelled-data {
    display: flex;
    flex-direction: column;
    margin-bottom: 1rem
}

section#perfil label.form-label {
    font-weight: 400;
    font-size: 14px;
    color: #7e7fa9;
    margin-bottom: 1rem
}

section#perfil p.user-data {
    font-weight: 500;
    font-size: 16px;
    color: #282a6f
}

section#perfil div.personal-data-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1rem
}

section#perfil div.grid-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 25px;
    gap: 25px
}

section#perfil div.grid-item {
    display: flex;
    flex-direction: column;
    grid-column: span 1
}

section#perfil div.full-width {
    grid-column: span 2
}

section#perfil a#edit-btn {
    max-width: 186px
}

@media (min-width:804px) and (max-width:1200px) {
    section#perfil div.personal-data-container {
        grid-template-columns: 5fr 1fr
    }
    section#perfil div.grid-container {
        grid-template-columns: repeat(2, 1fr)
    }
    section#perfil div.grid-item {
        grid-column: span 1
    }
    section#perfil div.full-width {
        grid-column: span 2
    }
}

@media (min-width:340px) and (max-width:804px) {
    section#perfil {
        margin: 2.5rem 1.25rem
    }
    section#perfil div.personal-data-container {
        grid-template-columns: 1fr
    }
    section#perfil div.grid-container {
        grid-template-columns: repeat(1, 1fr)
    }
    section#perfil div.full-width,
    section#perfil div.grid-item {
        grid-column: span 1
    }
    section#perfil a#edit-btn {
        max-width: none
    }
}

section#ajustes ul.nav,
section#perfil ul.nav {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

section#ajustes li.nav-item,
section#perfil li.nav-item {
    list-style: none;
    margin-right: 1.25rem
}

section#ajustes a.nav-link,
section#perfil a.nav-link {
    font-weight: 500;
    font-size: 16px;
    font-stretch: 50%;
    color: #282a6f;
    text-decoration: none;
    background: none;
    padding-bottom: 3px;
    border: none;
    border-bottom: .13rem solid transparent;
    transition: border-bottom .3s ease;
    cursor: pointer
}

section#ajustes a.nav-link.active,
section#ajustes a.nav-link:hover,
section#perfil a.nav-link.active,
section#perfil a.nav-link:hover {
    border-bottom: .13rem solid #282a6f
}

.tab-content {
    display: none
}

.tab-content.active {
    display: block
}

section#ajustes div.settings-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1rem
}

section#ajustes div.grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 25px;
    gap: 25px
}

section#ajustes div.grid-item {
    display: flex;
    flex-direction: column;
    grid-column: span 1
}

section#ajustes div.full-width {
    grid-column: span 2
}

section#ajustes div.width-25 {
    grid-column: span 1
}

section#ajustes input.form-control,
section#ajustes select.form-select {
    width: 100%;
    height: 40px;
    color: #282a6f;
    background-color: #fff;
    padding: .5rem;
    border: 1px solid #ccc;
    border-radius: 2px;
    margin-top: .5rem;
    transition: border-color .2s
}

section#ajustes input.form-control:focus,
section#ajustes select.form-select:focus {
    outline: none;
    border-radius: 2px;
    border: 1px solid #282a6f
}

section#ajustes input.form-control::placeholder,
section#ajustes select.form-select::placeholder {
    color: #7e7fa9
}

section#ajustes label.form-label {
    font-weight: 400;
    font-size: 12px;
    color: #282a6f;
    margin-bottom: .25rem
}

section#ajustes div.form-button-group {
    display: flex;
    justify-content: flex-start;
    gap: 20px;
    margin-top: 1.5rem
}

section#ajustes input.form-control:disabled {
    color: #7e7fa9
}

@media (min-width:804px) and (max-width:1200px) {
    section#ajustes div.settings-container {
        grid-template-columns: 10fr 1fr
    }
    section#ajustes div.grid-container {
        grid-template-columns: repeat(2, 1fr)
    }
    section#ajustes div.grid-item {
        grid-column: span 1
    }
    section#ajustes div.full-width {
        grid-column: span 2
    }
}

@media (min-width:340px) and (max-width:804px) {
    section#ajustes {
        margin: 2.5rem 1rem
    }
    section#ajustes div.settings-container {
        grid-template-columns: 1fr
    }
    section#ajustes div.grid-container {
        grid-template-columns: repeat(1, 1fr)
    }
    section#ajustes div.full-width,
    section#ajustes div.grid-item {
        grid-column: span 1
    }
    section#ajustes div.form-button-group {
        display: flex;
        flex-direction: column;
        gap: 1rem
    }
}

section#notificaciones {
    margin: 2.5rem 3rem 3rem 0
}

section#notificaciones h5.tab-title {
    font-weight: 700;
    font-variation-settings: "wdth" 50;
    font-size: 20px;
    color: #282a6f
}

section#notificaciones div.text-container {
    font-weight: 400px;
    font-size: 16px;
    color: #282a6f
}

section#notificaciones div.notif-button {
    display: flex;
    justify-content: flex-start
}

@media (min-width:340px) and (max-width:804px) {
    section#notificaciones {
        margin: 2rem 0 1.5rem
    }
    section#notificaciones div.notif-button {
        display: flex;
        flex-direction: column;
        gap: 1rem
    }
}

section#ajustes-tab {
    margin: 2.5rem 3rem 3rem 0
}

section#ajustes-tab h5.tab-title {
    font-weight: 700;
    font-variation-settings: "wdth" 50;
    font-size: 20px;
    color: #282a6f
}

section#ajustes-tab span.baja {
    font-size: 16px;
    font-weight: 500;
    color: #e8151e;
    font-variation-settings: "wdth" 50;
    cursor: pointer
}

section#ajustes-tab span.volver {
    font-size: 16px;
    font-weight: 500;
    color: #1f2252;
    cursor: pointer
}

section#ajustes-tab p.default-text {
    font-size: 16px;
    font-weight: 400;
    color: #282a6f
}

section#ajustes-tab p.bold-text {
    font-size: 16px;
    font-weight: 700;
    color: #282a6f
}

section#ajustes-tab form.unsuscribe-form {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 1rem
}

section#ajustes-tab label.label-form {
    display: flex;
    align-items: center;
    margin-bottom: .35rem;
    font-size: 16px;
    font-weight: 400;
    color: #282a6f
}

section#ajustes-tab textarea.form-ta {
    margin: 0 0 .5rem 2rem;
    padding: .75rem .45rem;
    max-width: 500px;
    min-height: 105px;
    resize: none;
    background-color: #fff;
    border-radius: 2px;
    font-size: 14px;
    font-weight: 400;
    color: #282a6f
}

section#ajustes-tab textarea.form-ta:focus {
    outline: none;
    border: 1px solid #282a6f
}

section#ajustes-tab textarea.form-ta::content {
    padding-top: .75rem;
    padding-left: .35rem
}

section#ajustes-tab textarea.form-ta::placeholder {
    font-size: 14px;
    font-weight: 400;
    color: #7e7fa9
}

section#ajustes-tab div.form-buttons {
    display: flex;
    justify-content: flex-start;
    gap: 1rem
}

@media (min-width:340px) and (max-width:700px) {
    section#ajustes-tab {
        margin: 2rem 0 1.5rem
    }
    section#ajustes-tab textarea.form-ta {
        resize: none
    }
    section#ajustes-tab div.form-buttons {
        display: flex;
        flex-direction: column;
        gap: 1rem
    }
}

@media (min-width:700px) and (max-width:1200px) {
    section#ajustes-tab textarea.form-ta {
        max-width: 400px
    }
}

section#ventajas {
    margin-top: 3rem;
    margin-left: 3rem;
    margin-right: 3rem
}

section#ventajas div.ventajas-header {
    position: relative
}

section#ventajas div.ventajas-header h2 {
    font-weight: 700;
    font-variation-settings: "wdth" 50;
    font-size: 48px;
    color: #282a6f;
    margin-bottom: 16px
}

section#ventajas div.content {
    width: 100%;
    padding-left: 0
}

section#ventajas div.content h3 {
    font-weight: 700;
    font-variation-settings: "wdth" 50;
    font-size: 26px;
    color: #282a6f;
    margin-top: 24px;
    margin-bottom: 16px
}

section#ventajas div.content p {
    font-weight: 400;
    color: #282a6f;
    margin-top: 16px;
    margin-bottom: 16px
}

section#ventajas div.content div.ventajas-wrapper {
    display: flex;
    flex-direction: row;
    column-gap: 16px
}

@media (max-width:768px) {
    section#ventajas div.content div.ventajas-wrapper {
        flex-direction: column;
        transition: all .5s ease;
        row-gap: 16px
    }
}

section#legal {
    margin: 3rem
}

section#legal h4.head-title {
    font-weight: 700;
    font-variation-settings: "wdth" 50;
    font-size: 38px;
    color: #282a6f;
    margin-bottom: 1rem
}

section#legal p {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.35;
    color: #282a6f;
    margin-bottom: 1rem
}

section#legal a {
    text-decoration: underline
}

section#legal ul {
    padding: .75rem 0 .75rem 1.5rem
}

section#legal li {
    margin: .5em 0;
    position: relative;
    padding-left: 1.5em
}

section#legal li:before {
    content: "•";
    position: absolute;
    left: 0;
    color: #282a6f
}

@media (min-width:340px) and (max-width:700px) {
    section#legal {
        margin: 2rem 1rem
    }
}

section#privacy {
    margin: 3rem
}

section#privacy h4.head-title {
    font-weight: 700;
    font-variation-settings: "wdth" 50;
    font-size: 38px;
    color: #282a6f;
    margin-bottom: 1rem
}

section#privacy p {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.35;
    color: #282a6f;
    margin-bottom: 1rem
}

section#privacy a {
    text-decoration: underline
}

section#privacy ol,
section#privacy ul {
    padding: .75rem 0 .75rem 1.5rem
}

section#privacy li {
    margin: .5em 0;
    position: relative;
    padding-left: 1.5em
}

@media (min-width:340px) and (max-width:700px) {
    section#privacy {
        margin: 2rem 1rem
    }
}

section#cookies {
    margin: 3rem
}

section#cookies h4.head-title {
    font-weight: 700;
    font-variation-settings: "wdth" 50;
    font-size: 38px;
    color: #282a6f;
    margin-bottom: 1rem
}

section#cookies p {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.35;
    color: #282a6f;
    margin-bottom: 1rem
}

section#cookies a {
    text-decoration: underline
}

section#cookies ul {
    padding: .75rem 0 .75rem 1.5rem
}

section#cookies li {
    margin: .5em 0;
    position: relative;
    padding-left: 1.5em
}

section#cookies li:before {
    content: "•";
    position: absolute;
    left: 0;
    color: #282a6f
}

@media (min-width:340px) and (max-width:700px) {
    section#cookies {
        margin: 2rem 1rem
    }
}

.ventaja-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0 solid #d9dee3;
    width: 100%;
    border-radius: 4px;
    max-width: 342px;
    height: 342px;
    max-height: 343px
}

.ventaja-card .card-img-top {
    width: 100%;
    height: 158px;
    min-height: 158px;
    overflow: hidden;
    object-fit: cover;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.ventaja-card .card-body {
    height: 100%;
    width: 100%
}

.ventaja-card-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    border: 1px solid #e4dcd7;
    height: 184px
}

.ventaja-card-content h4 {
    font-weight: 700;
    font-variation-settings: "wdth" 50;
    font-size: 24px;
    color: #282a6f
}

.ventaja-card-content .ventaja-card-info {
    height: 100%;
    margin-top: 16px
}

.ventaja-card-content .ventaja-card-info p {
    margin-top: 8px !important
}

.ventaja-card-content .ventaja-card-button {
    margin-bottom: 26px
}

.ventaja-card-content .ventaja-card-button a {
    margin-bottom: 10px;
    padding: 11px 16px;
    background-color: #e8151e;
    border-radius: 2px;
    color: #fff
}

@media (max-width:768px) {
    .ventaja-card {
        margin-top: 1.5rem;
        margin-right: 0
    }
    .ventajas-wrapper {
        flex-direction: column
    }
}

a.red-white,
a.white-red,
button.btn-red-white,
button.btn-white-red {
    display: block;
    text-align: center;
    padding: 11px 16px;
    margin-top: 8px;
    font-weight: 500;
    font-size: 16px;
    border-radius: 2px;
    transition: background-color .3s ease, color .3s ease;
    cursor: pointer
}

a.red-white {
    background-color: #e8151e;
    color: #fff
}

a.white-red,
button.btn-white-red {
    border: 1px solid #e8151e;
    color: #e8151e
}

button.btn-white-red {
    background-color: #fff
}

button.btn-red-white {
    background-color: #e8151e;
    color: #fff;
    border-width: 0
}

a.red-white:hover,
button.btn-red-white:hover {
    color: #fff !important;
    opacity: .8
}

a.white-red:hover,
button.btn-white-red:hover {
    color: #e8151e !important;
    opacity: .8
}

a.red-white:active,
button.btn-red-white:active {
    background-color: #fff;
    color: #e8151e
}

a.white-red:active,
button.btn-white-red:active {
    background-color: #e8151e;
    color: #fff
}

button.btn-red-white:disabled,
button.btn-white-red:disabled:hover {
    opacity: .5;
    cursor: not-allowed
}

.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal) .layout-page:before {
    content: "";
    width: 100%;
    height: .75rem;
    position: fixed;
    top: 0;
    z-index: 10
}

.bg-menu-theme .menu-header {
    position: relative
}

.bg-menu-theme .menu-header:before {
    content: "";
    position: absolute;
    left: 0;
    top: 1.1875rem;
    width: 1rem;
    height: 1px;
    transition: all .3s ease-in-out
}

.layout-wrapper:not(.layout-horizontal) .bg-menu-theme .menu-inner .menu-item .menu-link {
    border-radius: 0
}

.layout-horizontal .bg-menu-theme .menu-inner>.menu-item>.menu-link {
    border-radius: .375rem
}

@media (min-width:1200px) {
    .layout-horizontal .bg-menu-theme .menu-inner>.menu-item {
        margin: .565rem 0
    }
    .layout-horizontal .bg-menu-theme .menu-inner>.menu-item:not(:first-child) {
        margin-left: .0625rem
    }
    .layout-horizontal .bg-menu-theme .menu-inner>.menu-item:not(:last-child) {
        margin-right: .0625rem
    }
    .layout-horizontal .bg-menu-theme .menu-inner>.menu-item .menu-sub {
        box-shadow: 0 .25rem 1rem rgba(161, 172, 184, .45)
    }
}

.layout-wrapper:not(.layout-horizontal) .bg-menu-theme .menu-inner>.menu-item.active:before {
    content: "";
    position: absolute;
    right: 0;
    width: .25rem;
    height: 2.5rem;
    border-radius: .375rem 0 0 .375rem
}

.bg-menu-theme .menu-sub>.menu-item>.menu-link:before {
    content: "";
    position: absolute;
    left: 1.4375rem;
    width: .375rem;
    height: .375rem;
    border-radius: 50%
}

.layout-horizontal .bg-menu-theme .menu-sub>.menu-item>.menu-link:before {
    left: 1.3rem
}

.bg-menu-theme .menu-horizontal-wrapper>.menu-inner>.menu-item>.menu-sub>.menu-item>.menu-link:before {
    display: none
}

.bg-menu-theme .menu-sub>.menu-item.active>.menu-link:not(.menu-toggle):before {
    left: 1.1875rem;
    width: .875rem;
    height: .875rem
}

.layout-horizontal .bg-menu-theme .menu-sub>.menu-item.active>.menu-link:not(.menu-toggle):before {
    left: 1.1rem
}

.layout-menu-hover .layout-menu {
    box-shadow: 0 .625rem 1.25rem rgba(161, 172, 184, .5);
    transition: all .3s ease-in-out
}

.app-brand .layout-menu-toggle {
    position: absolute;
    left: 15rem;
    border-radius: 50%
}

.app-brand .layout-menu-toggle i {
    width: 1.5rem;
    height: 1.5rem;
    transition: all .3s ease-in-out
}

@media (max-width:1199.98px) {
    .app-brand .layout-menu-toggle {
        display: none !important
    }
    .layout-menu-expanded .app-brand .layout-menu-toggle {
        display: block !important
    }
}

.text-primary {
    color: #566a7f !important
}

.text-body[href]:hover {
    color: #5f61e6 !important
}

.bg-primary {
    background-color: #696cff !important
}

a.bg-primary:focus,
a.bg-primary:hover {
    background-color: #6467f2 !important
}

.dropdown-notifications-item:not(.mark-as-read) .dropdown-notifications-read span {
    background-color: #696cff
}

.bg-label-primary {
    background-color: #e7e7ff !important;
    color: #696cff !important
}

.border-label-primary {
    border: 3px solid #c3c4ff !important
}

.border-light-primary {
    border: 3px solid rgba(105, 108, 255, .08)
}

.page-item.active .page-link,
.page-item.active .page-link:focus,
.page-item.active .page-link:hover,
.pagination li.active>a:not(.page-link),
.pagination li.active>a:not(.page-link):focus,
.pagination li.active>a:not(.page-link):hover {
    border-color: #696cff;
    background-color: #696cff;
    color: #fff;
    box-shadow: 0 .125rem .25rem rgba(105, 108, 255, .4)
}

.progress-bar {
    background-color: #696cff;
    color: #fff;
    box-shadow: 0 2px 4px 0 rgba(105, 108, 255, .4)
}

.list-group-item-primary {
    background-color: #e1e2ff;
    color: #696cff !important
}

a.list-group-item-primary,
button.list-group-item-primary {
    color: #696cff
}

a.list-group-item-primary:focus,
a.list-group-item-primary:hover,
button.list-group-item-primary:focus,
button.list-group-item-primary:hover {
    background-color: #d6d7f2;
    color: #696cff
}

a.list-group-item-primary.active,
button.list-group-item-primary.active {
    border-color: #696cff;
    background-color: #696cff;
    color: #696cff
}

.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
    border-color: #696cff;
    background-color: #696cff
}

.alert-primary {
    background-color: #e7e7ff;
    border-color: #d2d3ff;
    color: #696cff
}

.alert-primary .btn-close {
    background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23696cff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='%23696cff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.alert-primary .alert-link {
    color: #696cff
}

.card .alert-primary hr {
    background-color: #696cff !important
}

.table-primary {
    --bs-table-bg: #e1e2ff;
    --bs-table-striped-bg: #dcdefb;
    --bs-table-striped-color: #435971;
    --bs-table-active-bg: #d1d4f1;
    --bs-table-active-color: #435971;
    --bs-table-hover-bg: #d8daf6;
    --bs-table-hover-color: #435971;
    color: #435971;
    border-color: #d1d4f1
}

.table-primary th {
    border-bottom-color: inherit !important
}

.table-primary .btn-icon {
    color: #435971
}

.btn-primary {
    font-family: var(--bs-font-manzanares-reg);
    border-color: transparent;
    box-shadow: 0 .125rem .25rem 0 rgba(105, 108, 255, .4)
}

.btn-primary,
.btn-primary:hover {
    color: #fff;
    background-color: var(--bs-red)
}

.btn-primary:hover {
    opacity: .9;
    transform: translateY(-1px)
}

.btn-check:focus+.btn-primary,
.btn-primary.focus,
.btn-primary:focus {
    color: #fff;
    background-color: #5f61e6;
    border-color: #5f61e6;
    transform: translateY(0);
    box-shadow: none
}

.btn-check:active+.btn-primary,
.btn-check:checked+.btn-primary,
.btn-primary.active,
.btn-primary:active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #595cd9;
    border-color: #595cd9
}

.btn-check:active+.btn-primary:focus,
.btn-check:checked+.btn-primary:focus,
.btn-primary.active:focus,
.btn-primary.disabled,
.btn-primary:active:focus,
.btn-primary:disabled,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: none
}

.btn-outline-primary {
    color: #fff;
    background: var(--bs-red)
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #5f61e6;
    border-color: #5f61e6;
    box-shadow: 0 .125rem .25rem 0 rgba(105, 108, 255, .4);
    transform: translateY(-1px)
}

.btn-check:focus+.btn-outline-primary,
.btn-outline-primary:focus {
    color: #fff;
    background-color: #5f61e6;
    border-color: #5f61e6;
    box-shadow: none;
    transform: translateY(0)
}

.btn-check:active+.btn-outline-primary,
.btn-check:checked+.btn-outline-primary,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show,
.btn-outline-primary:active {
    color: #fff;
    background-color: #595cd9;
    border-color: #595cd9
}

.btn-check:active+.btn-outline-primary:focus,
.btn-check:checked+.btn-outline-primary:focus,
.btn-outline-primary.active:focus,
.btn-outline-primary.disabled,
.btn-outline-primary.dropdown-toggle.show:focus,
.btn-outline-primary:active:focus,
.btn-outline-primary:disabled {
    box-shadow: none
}

.btn-outline-primary .badge {
    background: #696cff;
    border-color: #696cff;
    color: #fff
}

.btn-outline-primary.active .badge,
.btn-outline-primary:active .badge,
.btn-outline-primary:focus:hover .badge,
.btn-outline-primary:hover .badge,
.show>.btn-outline-primary.dropdown-toggle .badge {
    background: #fff;
    border-color: #fff;
    color: #696cff
}

.dropdown-item:not(.disabled).active,
.dropdown-item:not(.disabled):active,
.dropdown-menu>li.active:not(.disabled)>a:not(.dropdown-item),
.dropdown-menu>li:not(.disabled)>a:not(.dropdown-item):active {
    background-color: rgba(105, 108, 255, .08);
    color: #696cff !important
}

.nav .nav-link:focus,
.nav .nav-link:hover {
    color: #5f61e6
}

.nav-pills .nav-link.active,
.nav-pills .nav-link.active:focus,
.nav-pills .nav-link.active:hover {
    background-color: #696cff;
    color: #fff;
    box-shadow: 0 2px 4px 0 rgba(105, 108, 255, .4)
}

.form-control:focus,
.form-select:focus {
    border-color: #696cff
}

.input-group:focus-within .form-control,
.input-group:focus-within .input-group-text {
    border-color: #696cff
}

.form-check-input:focus {
    border-color: #696cff;
    box-shadow: 0 2px 4px 0 rgba(105, 108, 255, .4)
}

.form-check-input:disabled {
    background-color: #eceef1
}

.form-check-input:checked,
.form-check-input[type=checkbox]:indeterminate {
    background-color: #696cff;
    border-color: #696cff;
    box-shadow: 0 2px 4px 0 rgba(105, 108, 255, .4)
}

.custom-option.checked {
    border: 1px solid #696cff
}

.form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23696cff'/%3e%3c/svg%3e")
}

.form-switch .form-check-input:checked {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

.form-control:focus~.form-label {
    border-color: #696cff
}

.form-control:focus~.form-label:after {
    border-color: inherit
}

.divider.divider-primary .divider-text:after,
.divider.divider-primary .divider-text:before {
    border-color: #696cff
}

.navbar.bg-primary {
    background-color: #696cff !important;
    color: #e0e1ff
}

.navbar.bg-primary .navbar-brand,
.navbar.bg-primary .navbar-brand a,
.navbar.bg-primary .navbar-brand a:focus,
.navbar.bg-primary .navbar-brand a:hover,
.navbar.bg-primary .navbar-brand:focus,
.navbar.bg-primary .navbar-brand:hover {
    color: #fff
}

.navbar.bg-primary .navbar-search-wrapper .navbar-search-icon,
.navbar.bg-primary .navbar-search-wrapper .search-input {
    color: #e0e1ff
}

.navbar.bg-primary .search-input-wrapper .search-input,
.navbar.bg-primary .search-input-wrapper .search-toggler {
    background-color: #696cff !important;
    color: #e0e1ff
}

.navbar.bg-primary .navbar-nav>.nav-item>.nav-link,
.navbar.bg-primary .navbar-nav>.nav-link,
.navbar.bg-primary .navbar-nav>.nav>.nav-item>.nav-link {
    color: #e0e1ff
}

.navbar.bg-primary .navbar-nav>.nav-item>.nav-link:focus,
.navbar.bg-primary .navbar-nav>.nav-item>.nav-link:hover,
.navbar.bg-primary .navbar-nav>.nav-link:focus,
.navbar.bg-primary .navbar-nav>.nav-link:hover,
.navbar.bg-primary .navbar-nav>.nav>.nav-item>.nav-link:focus,
.navbar.bg-primary .navbar-nav>.nav>.nav-item>.nav-link:hover {
    color: #fff
}

.navbar.bg-primary .navbar-nav>.nav-item>.nav-link.disabled,
.navbar.bg-primary .navbar-nav>.nav-link.disabled,
.navbar.bg-primary .navbar-nav>.nav>.nav-item>.nav-link.disabled {
    color: #b0b2ff !important
}

.navbar.bg-primary .navbar-nav .active>.nav-link,
.navbar.bg-primary .navbar-nav .nav-link.active,
.navbar.bg-primary .navbar-nav .nav-link.show,
.navbar.bg-primary .navbar-nav .show>.nav-link {
    color: #fff
}

.navbar.bg-primary .navbar-toggler {
    color: #e0e1ff;
    border-color: hsla(0, 0%, 100%, .15)
}

.navbar.bg-primary .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg width='14px' height='11px' viewBox='0 0 14 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M0,0 L14,0 L14,1.75 L0,1.75 L0,0 Z M0,4.375 L14,4.375 L14,6.125 L0,6.125 L0,4.375 Z M0,8.75 L14,8.75 L14,10.5 L0,10.5 L0,8.75 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='💎-UI-Elements' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='12)-Navbar' transform='translate(-1174.000000, -1290.000000)'%3E%3Cg id='Group' transform='translate(1174.000000, 1288.000000)'%3E%3Cg id='Icon-Color' transform='translate(0.000000, 2.000000)'%3E%3Cuse fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.1' fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.navbar.bg-primary .navbar-text {
    color: #e0e1ff
}

.navbar.bg-primary .navbar-text a,
.navbar.bg-primary .navbar-text a:focus,
.navbar.bg-primary .navbar-text a:hover {
    color: #fff
}

.navbar.bg-primary hr {
    border-color: hsla(0, 0%, 100%, .15)
}

.menu.bg-primary {
    background-color: #696cff !important;
    color: #e0e1ff
}

.menu.bg-primary .menu-horizontal-next,
.menu.bg-primary .menu-horizontal-prev,
.menu.bg-primary .menu-link {
    color: #e0e1ff
}

.menu.bg-primary .menu-horizontal-next.active,
.menu.bg-primary .menu-horizontal-next:focus,
.menu.bg-primary .menu-horizontal-next:hover,
.menu.bg-primary .menu-horizontal-prev.active,
.menu.bg-primary .menu-horizontal-prev:focus,
.menu.bg-primary .menu-horizontal-prev:hover,
.menu.bg-primary .menu-link.active,
.menu.bg-primary .menu-link:focus,
.menu.bg-primary .menu-link:hover {
    color: #fff
}

.menu.bg-primary .menu-horizontal-next.disabled,
.menu.bg-primary .menu-horizontal-prev.disabled,
.menu.bg-primary .menu-item.disabled .menu-link {
    color: #b0b2ff !important
}

.menu.bg-primary .menu-item.active>.menu-link,
.menu.bg-primary .menu-item.open:not(.menu-item-closing)>.menu-toggle {
    color: #fff
}

.menu.bg-primary .menu-item.active>.menu-link:not(.menu-toggle) {
    background-color: #6d70ff
}

.menu.bg-primary.menu-horizontal .menu-sub>.menu-item.active>.menu-link:not(.menu-toggle) {
    background-color: #7174ff
}

.menu.bg-primary.menu-horizontal .menu-inner .menu-item.open>.menu-toggle,
.menu.bg-primary.menu-horizontal .menu-inner .menu-item:not(.menu-item-closing)>.menu-sub {
    background: #6d70ff
}

.menu.bg-primary .menu-inner>.menu-item.menu-item-closing .menu-item.open .menu-sub,
.menu.bg-primary .menu-inner>.menu-item.menu-item-closing .menu-item.open .menu-toggle {
    background: transparent;
    color: #e0e1ff
}

.menu.bg-primary .menu-inner-shadow {
    background: linear-gradient(#696cff 41%, rgba(105, 108, 255, .11) 95%, rgba(105, 108, 255, 0))
}

.menu.bg-primary .menu-text {
    color: #fff
}

.menu.bg-primary .menu-header {
    color: #c2c4ff
}

.menu.bg-primary .menu-divider,
.menu.bg-primary .menu-inner>.menu-item.open>.menu-sub:before,
.menu.bg-primary hr {
    border-color: hsla(0, 0%, 100%, .15) !important
}

.menu.bg-primary .menu-inner>.menu-header:before {
    background-color: hsla(0, 0%, 100%, .15)
}

.menu.bg-primary .menu-block:before {
    background-color: #c2c4ff
}

.menu.bg-primary .menu-inner>.menu-item.open .menu-item.open>.menu-toggle:before {
    background-color: #8385ff
}

.menu.bg-primary .menu-inner>.menu-item.open .menu-item.active>.menu-link:before {
    background-color: #fff
}

.menu.bg-primary .menu-inner>.menu-item.open .menu-item.active>.menu-link:before,
.menu.bg-primary .menu-inner>.menu-item.open .menu-item.open>.menu-toggle:before {
    box-shadow: 0 0 0 2px #6d70ff
}

.menu.bg-primary .ps__rail-y.ps--clicking>.ps__thumb-y,
.menu.bg-primary .ps__thumb-y {
    background: hsla(0, 0%, 100%, .594) !important
}

.footer.bg-primary {
    background-color: #696cff !important;
    color: #e0e1ff
}

.footer.bg-primary .footer-link {
    color: #e0e1ff
}

.footer.bg-primary .footer-link:focus,
.footer.bg-primary .footer-link:hover {
    color: #fff
}

.footer.bg-primary .footer-link.disabled {
    color: #b0b2ff !important
}

.footer.bg-primary .active>.footer-link,
.footer.bg-primary .footer-link.active,
.footer.bg-primary .footer-link.show,
.footer.bg-primary .footer-text,
.footer.bg-primary .show>.footer-link {
    color: #fff
}

.footer.bg-primary hr {
    border-color: hsla(0, 0%, 100%, .15)
}

.bg-primary.bs-toast,
.bg-primary.toast {
    color: #fff;
    background-color: rgba(105, 108, 255, .85) !important;
    box-shadow: 0 .25rem 1rem rgba(105, 108, 255, .4)
}

.bg-primary.bs-toast .toast-header,
.bg-primary.toast .toast-header {
    color: #fff
}

.bg-primary.bs-toast .toast-header .btn-close,
.bg-primary.toast .toast-header .btn-close {
    background-color: #696cff !important;
    background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='1' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    box-shadow: 0 .1875rem .375rem 0 rgba(105, 108, 255, .4) !important
}

.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
    color: #696cff
}

.form-floating>.form-control:-webkit-autofill~label {
    color: #696cff
}

.svg-illustration svg {
    fill: #696cff
}

html:not([dir=rtl]) .border-primary,
html[dir=rtl] .border-primary {
    border-color: #696cff !important
}

a,
a:hover {
    color: var(--bs-red)
}

.fill-primary {
    fill: #696cff
}

.bg-navbar-theme {
    background-color: #fff !important;
    color: #697a8d
}

.bg-navbar-theme .navbar-brand,
.bg-navbar-theme .navbar-brand a,
.bg-navbar-theme .navbar-brand a:focus,
.bg-navbar-theme .navbar-brand a:hover,
.bg-navbar-theme .navbar-brand:focus,
.bg-navbar-theme .navbar-brand:hover {
    color: #566a7f
}

.bg-navbar-theme .navbar-search-wrapper .navbar-search-icon,
.bg-navbar-theme .navbar-search-wrapper .search-input {
    color: #697a8d
}

.bg-navbar-theme .search-input-wrapper .search-input,
.bg-navbar-theme .search-input-wrapper .search-toggler {
    background-color: #fff !important;
    color: #697a8d
}

.bg-navbar-theme .navbar-nav>.nav-item>.nav-link,
.bg-navbar-theme .navbar-nav>.nav-link,
.bg-navbar-theme .navbar-nav>.nav>.nav-item>.nav-link {
    color: #697a8d
}

.bg-navbar-theme .navbar-nav>.nav-item>.nav-link:focus,
.bg-navbar-theme .navbar-nav>.nav-item>.nav-link:hover,
.bg-navbar-theme .navbar-nav>.nav-link:focus,
.bg-navbar-theme .navbar-nav>.nav-link:hover,
.bg-navbar-theme .navbar-nav>.nav>.nav-item>.nav-link:focus,
.bg-navbar-theme .navbar-nav>.nav>.nav-item>.nav-link:hover {
    color: #566a7f
}

.bg-navbar-theme .navbar-nav>.nav-item>.nav-link.disabled,
.bg-navbar-theme .navbar-nav>.nav-link.disabled,
.bg-navbar-theme .navbar-nav>.nav>.nav-item>.nav-link.disabled {
    color: #a5afbb !important
}

.bg-navbar-theme .navbar-nav .active>.nav-link,
.bg-navbar-theme .navbar-nav .nav-link.active,
.bg-navbar-theme .navbar-nav .nav-link.show,
.bg-navbar-theme .navbar-nav .show>.nav-link {
    color: #566a7f
}

.bg-navbar-theme .navbar-toggler {
    color: #697a8d;
    border-color: rgba(86, 106, 127, .075)
}

.bg-navbar-theme .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg width='14px' height='11px' viewBox='0 0 14 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M0,0 L14,0 L14,1.75 L0,1.75 L0,0 Z M0,4.375 L14,4.375 L14,6.125 L0,6.125 L0,4.375 Z M0,8.75 L14,8.75 L14,10.5 L0,10.5 L0,8.75 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='💎-UI-Elements' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='12)-Navbar' transform='translate(-1174.000000, -1290.000000)'%3E%3Cg id='Group' transform='translate(1174.000000, 1288.000000)'%3E%3Cg id='Icon-Color' transform='translate(0.000000, 2.000000)'%3E%3Cuse fill='rgba(67, 89, 113, 0.5)' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.1' fill='rgba(67, 89, 113, 0.5)' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.bg-navbar-theme .navbar-text {
    color: #697a8d
}

.bg-navbar-theme .navbar-text a,
.bg-navbar-theme .navbar-text a:focus,
.bg-navbar-theme .navbar-text a:hover {
    color: #566a7f
}

.bg-navbar-theme hr {
    border-color: rgba(86, 106, 127, .075)
}

.layout-navbar {
    background-color: hsla(0, 0%, 100%, .95) !important;
    -webkit-backdrop-filter: saturate(200%) blur(6px);
    backdrop-filter: saturate(200%) blur(6px)
}

.navbar-detached {
    box-shadow: 0 0 .375rem .25rem rgba(161, 172, 184, .15)
}

.layout-navbar-fixed .layout-page:before {
    -webkit-backdrop-filter: saturate(200%) blur(10px);
    backdrop-filter: saturate(200%) blur(10px);
    background: rgba(245, 245, 249, .6)
}

.bg-menu-theme {
    background-color: #f9f9f9 !important;
    color: var(--bs-body-color)
}

.bg-menu-theme .menu-horizontal-next,
.bg-menu-theme .menu-horizontal-prev,
.bg-menu-theme .menu-link {
    color: #697a8d
}

.bg-menu-theme .menu-horizontal-next.active,
.bg-menu-theme .menu-horizontal-next:focus,
.bg-menu-theme .menu-horizontal-next:hover,
.bg-menu-theme .menu-horizontal-prev.active,
.bg-menu-theme .menu-horizontal-prev:focus,
.bg-menu-theme .menu-horizontal-prev:hover,
.bg-menu-theme .menu-link.active,
.bg-menu-theme .menu-link:focus,
.bg-menu-theme .menu-link:hover {
    color: #566a7f
}

.bg-menu-theme .menu-horizontal-next.disabled,
.bg-menu-theme .menu-horizontal-prev.disabled,
.bg-menu-theme .menu-item.disabled .menu-link {
    color: #a5afbb !important
}

.bg-menu-theme .menu-item.active>.menu-link,
.bg-menu-theme .menu-item.open:not(.menu-item-closing)>.menu-toggle {
    color: #566a7f
}

.bg-menu-theme .menu-item.active>.menu-link:not(.menu-toggle),
.bg-menu-theme.menu-horizontal .menu-sub>.menu-item.active>.menu-link:not(.menu-toggle) {
    background-color: #fff
}

.bg-menu-theme.menu-horizontal .menu-inner .menu-item.open>.menu-toggle,
.bg-menu-theme.menu-horizontal .menu-inner .menu-item:not(.menu-item-closing)>.menu-sub {
    background: #fff
}

.bg-menu-theme .menu-inner>.menu-item.menu-item-closing .menu-item.open .menu-sub,
.bg-menu-theme .menu-inner>.menu-item.menu-item-closing .menu-item.open .menu-toggle {
    background: transparent;
    color: #697a8d
}

.bg-menu-theme .menu-inner-shadow {
    background: linear-gradient(#fff 41%, hsla(0, 0%, 100%, .11) 95%, hsla(0, 0%, 100%, 0))
}

.bg-menu-theme .menu-text {
    color: #566a7f
}

.bg-menu-theme .menu-header {
    color: #8f9baa
}

.bg-menu-theme .menu-divider,
.bg-menu-theme .menu-inner>.menu-item.open>.menu-sub:before,
.bg-menu-theme hr {
    border-color: transparent !important
}

.bg-menu-theme .menu-inner>.menu-header:before {
    background-color: transparent
}

.bg-menu-theme .menu-block:before {
    background-color: #8f9baa
}

.bg-menu-theme .menu-inner>.menu-item.open .menu-item.open>.menu-toggle:before {
    background-color: #fff
}

.bg-menu-theme .menu-inner>.menu-item.open .menu-item.active>.menu-link:before {
    background-color: #566a7f
}

.bg-menu-theme .menu-inner>.menu-item.open .menu-item.active>.menu-link:before,
.bg-menu-theme .menu-inner>.menu-item.open .menu-item.open>.menu-toggle:before {
    box-shadow: 0 0 0 2px #fff
}

.bg-menu-theme .ps__rail-y.ps--clicking>.ps__thumb-y,
.bg-menu-theme .ps__thumb-y {
    background: rgba(86, 106, 127, .2) !important
}

.bg-menu-theme .menu-header {
    color: #a1acb8
}

.bg-menu-theme .menu-header:before {
    background-color: #a1acb8 !important
}

.bg-menu-theme.menu-vertical {
    box-shadow: 0 .125rem .375rem 0 rgba(161, 172, 184, .12)
}

.bg-menu-theme .menu-inner .menu-sub>.menu-item.active>.menu-link.menu-toggle,
.layout-menu-hover.layout-menu-collapsed .bg-menu-theme .menu-inner .menu-item .menu-link:not(.active):hover,
.layout-menu-hover.layout-menu-collapsed .bg-menu-theme .menu-inner .menu-item.open>.menu-link,
html:not(.layout-menu-collapsed) .bg-menu-theme .menu-inner .menu-item .menu-link:not(.active):hover,
html:not(.layout-menu-collapsed) .bg-menu-theme .menu-inner .menu-item.open>.menu-link {
    background-color: rgba(67, 89, 113, .04)
}

.bg-menu-theme .menu-inner .menu-sub>.menu-item.active .menu-icon {
    color: #696cff
}

.bg-menu-theme .menu-inner>.menu-item.active>.menu-link {
    color: var(--bs-body-color);
    background-color: var(--bs-white) !important;
    border-left: 2px solid var(--bs-red)
}

.bg-menu-theme .menu-inner>.menu-item.active:before {
    background: #696cff
}

.bg-menu-theme .menu-sub>.menu-item>.menu-link:before {
    background-color: #b4bdc6 !important
}

.bg-menu-theme .menu-sub>.menu-item.active>.menu-link:not(.menu-toggle):before {
    background-color: #696cff !important;
    border: 3px solid #e7e7ff !important
}

.app-brand .layout-menu-toggle {
    background-color: var(--bs-red);
    border: 7px solid #f5f5f9
}

.app-brand .layout-menu-toggle i {
    color: #fff
}

.app-brand .layout-menu-toggle .menu-inner>.menu-header:before {
    background-color: #b4bdc6
}

.bg-footer-theme {
    background-color: var(--bs-blue) !important;
    color: #fff;
    bottom: 0;
    position: fixed;
    width: 100%;
    font-size: .85rem
}

.bg-footer-theme .footer-link,
.bg-footer-theme .footer-link:focus,
.bg-footer-theme .footer-link:hover {
    color: #fff
}

.bg-footer-theme .footer-link.disabled {
    color: #a1abb8 !important
}

.bg-footer-theme .active>.footer-link,
.bg-footer-theme .footer-link.active,
.bg-footer-theme .footer-link.show,
.bg-footer-theme .footer-text,
.bg-footer-theme .show>.footer-link {
    color: #fff
}

.bg-footer-theme hr {
    border-color: rgba(86, 106, 127, .077)
}

.layout-footer-fixed .content-footer {
    box-shadow: 0 0 .375rem .25rem rgba(161, 172, 184, .15)
}

@media (max-width:991px) {
    .bg-footer-theme {
        text-align: center
    }
    .bg-footer-theme .me-4 {
        margin-right: 0 !important
    }
    .bg-footer-theme .flex-column {
        flex-direction: row !important
    }
    .follow-us {
        width: 100%;
        display: inline-block
    }
    .lang-en,
    .lang-es {
        display: block
    }
    .lang-es {
        margin-top: 1rem
    }
}

.authentication-wrapper {
    display: flex;
    flex-basis: 100%;
    min-height: 100vh;
    width: 100%
}

.authentication-wrapper .authentication-inner {
    width: 100%
}

.authentication-wrapper.authentication-basic {
    align-items: center;
    justify-content: center;
    overflow: hidden
}

.authentication-wrapper.authentication-cover {
    align-items: flex-start
}

.authentication-wrapper.authentication-cover .authentication-inner {
    height: 100vh
}

.authentication-wrapper.authentication-basic .authentication-inner {
    max-width: 400px;
    position: relative
}

.authentication-wrapper.authentication-basic .authentication-inner:before {
    width: 148px;
    height: 148px;
    content: " ";
    position: absolute;
    top: -40px;
    right: -40px;
    background-image: url("data:image/svg+xml,%3Csvg width='148px' height='148px' viewBox='0 0 148 148' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M355,144 C356.104569,144 357,144.895431 357,146 C357,147.104569 356.104569,148 355,148 C353.895431,148 353,147.104569 353,146 C353,144.895431 353.895431,144 355,144 Z M382,144 C383.104569,144 384,144.895431 384,146 C384,147.104569 383.104569,148 382,148 C380.895431,148 380,147.104569 380,146 C380,144.895431 380.895431,144 382,144 Z M412,144 C413.104569,144 414,144.895431 414,146 C414,147.104569 413.104569,148 412,148 C410.895431,148 410,147.104569 410,146 C410,144.895431 410.895431,144 412,144 Z M442,144 C443.104569,144 444,144.895431 444,146 C444,147.104569 443.104569,148 442,148 C440.895431,148 440,147.104569 440,146 C440,144.895431 440.895431,144 442,144 Z M472,144 C473.104569,144 474,144.895431 474,146 C474,147.104569 473.104569,148 472,148 C470.895431,148 470,147.104569 470,146 C470,144.895431 470.895431,144 472,144 Z M499,144 C500.104569,144 501,144.895431 501,146 C501,147.104569 500.104569,148 499,148 C497.895431,148 497,147.104569 497,146 C497,144.895431 497.895431,144 499,144 Z M355,117 C356.104569,117 357,117.895431 357,119 C357,120.104569 356.104569,121 355,121 C353.895431,121 353,120.104569 353,119 C353,117.895431 353.895431,117 355,117 Z M382,117 C383.104569,117 384,117.895431 384,119 C384,120.104569 383.104569,121 382,121 C380.895431,121 380,120.104569 380,119 C380,117.895431 380.895431,117 382,117 Z M412,117 C413.104569,117 414,117.895431 414,119 C414,120.104569 413.104569,121 412,121 C410.895431,121 410,120.104569 410,119 C410,117.895431 410.895431,117 412,117 Z M442,117 C443.104569,117 444,117.895431 444,119 C444,120.104569 443.104569,121 442,121 C440.895431,121 440,120.104569 440,119 C440,117.895431 440.895431,117 442,117 Z M472,117 C473.104569,117 474,117.895431 474,119 C474,120.104569 473.104569,121 472,121 C470.895431,121 470,120.104569 470,119 C470,117.895431 470.895431,117 472,117 Z M499,117 C500.104569,117 501,117.895431 501,119 C501,120.104569 500.104569,121 499,121 C497.895431,121 497,120.104569 497,119 C497,117.895431 497.895431,117 499,117 Z M355,87 C356.104569,87 357,87.8954305 357,89 C357,90.1045695 356.104569,91 355,91 C353.895431,91 353,90.1045695 353,89 C353,87.8954305 353.895431,87 355,87 Z M382,87 C383.104569,87 384,87.8954305 384,89 C384,90.1045695 383.104569,91 382,91 C380.895431,91 380,90.1045695 380,89 C380,87.8954305 380.895431,87 382,87 Z M412,87 C413.104569,87 414,87.8954305 414,89 C414,90.1045695 413.104569,91 412,91 C410.895431,91 410,90.1045695 410,89 C410,87.8954305 410.895431,87 412,87 Z M442,87 C443.104569,87 444,87.8954305 444,89 C444,90.1045695 443.104569,91 442,91 C440.895431,91 440,90.1045695 440,89 C440,87.8954305 440.895431,87 442,87 Z M472,87 C473.104569,87 474,87.8954305 474,89 C474,90.1045695 473.104569,91 472,91 C470.895431,91 470,90.1045695 470,89 C470,87.8954305 470.895431,87 472,87 Z M499,87 C500.104569,87 501,87.8954305 501,89 C501,90.1045695 500.104569,91 499,91 C497.895431,91 497,90.1045695 497,89 C497,87.8954305 497.895431,87 499,87 Z M355,57 C356.104569,57 357,57.8954305 357,59 C357,60.1045695 356.104569,61 355,61 C353.895431,61 353,60.1045695 353,59 C353,57.8954305 353.895431,57 355,57 Z M472,57 C473.104569,57 474,57.8954305 474,59 C474,60.1045695 473.104569,61 472,61 C470.895431,61 470,60.1045695 470,59 C470,57.8954305 470.895431,57 472,57 Z M412,57 C413.104569,57 414,57.8954305 414,59 C414,60.1045695 413.104569,61 412,61 C410.895431,61 410,60.1045695 410,59 C410,57.8954305 410.895431,57 412,57 Z M499,57 C500.104569,57 501,57.8954305 501,59 C501,60.1045695 500.104569,61 499,61 C497.895431,61 497,60.1045695 497,59 C497,57.8954305 497.895431,57 499,57 Z M382,57 C383.104569,57 384,57.8954305 384,59 C384,60.1045695 383.104569,61 382,61 C380.895431,61 380,60.1045695 380,59 C380,57.8954305 380.895431,57 382,57 Z M442,57 C443.104569,57 444,57.8954305 444,59 C444,60.1045695 443.104569,61 442,61 C440.895431,61 440,60.1045695 440,59 C440,57.8954305 440.895431,57 442,57 Z M355,27 C356.104569,27 357,27.8954305 357,29 C357,30.1045695 356.104569,31 355,31 C353.895431,31 353,30.1045695 353,29 C353,27.8954305 353.895431,27 355,27 Z M382,27 C383.104569,27 384,27.8954305 384,29 C384,30.1045695 383.104569,31 382,31 C380.895431,31 380,30.1045695 380,29 C380,27.8954305 380.895431,27 382,27 Z M412,27 C413.104569,27 414,27.8954305 414,29 C414,30.1045695 413.104569,31 412,31 C410.895431,31 410,30.1045695 410,29 C410,27.8954305 410.895431,27 412,27 Z M442,27 C443.104569,27 444,27.8954305 444,29 C444,30.1045695 443.104569,31 442,31 C440.895431,31 440,30.1045695 440,29 C440,27.8954305 440.895431,27 442,27 Z M472,27 C473.104569,27 474,27.8954305 474,29 C474,30.1045695 473.104569,31 472,31 C470.895431,31 470,30.1045695 470,29 C470,27.8954305 470.895431,27 472,27 Z M499,27 C500.104569,27 501,27.8954305 501,29 C501,30.1045695 500.104569,31 499,31 C497.895431,31 497,30.1045695 497,29 C497,27.8954305 497.895431,27 499,27 Z M355,0 C356.104569,0 357,0.8954305 357,2 C357,3.1045695 356.104569,4 355,4 C353.895431,4 353,3.1045695 353,2 C353,0.8954305 353.895431,0 355,0 Z M382,0 C383.104569,0 384,0.8954305 384,2 C384,3.1045695 383.104569,4 382,4 C380.895431,4 380,3.1045695 380,2 C380,0.8954305 380.895431,0 382,0 Z M412,0 C413.104569,0 414,0.8954305 414,2 C414,3.1045695 413.104569,4 412,4 C410.895431,4 410,3.1045695 410,2 C410,0.8954305 410.895431,0 412,0 Z M442,0 C443.104569,0 444,0.8954305 444,2 C444,3.1045695 443.104569,4 442,4 C440.895431,4 440,3.1045695 440,2 C440,0.8954305 440.895431,0 442,0 Z M472,0 C473.104569,0 474,0.8954305 474,2 C474,3.1045695 473.104569,4 472,4 C470.895431,4 470,3.1045695 470,2 C470,0.8954305 470.895431,0 472,0 Z M499,0 C500.104569,0 501,0.8954305 501,2 C501,3.1045695 500.104569,4 499,4 C497.895431,4 497,3.1045695 497,2 C497,0.8954305 497.895431,0 499,0 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='📝-Pages' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Login---V2' transform='translate(-822.000000, -197.000000)'%3E%3Cg id='top-illustration' transform='translate(469.000000, 197.000000)'%3E%3Cuse fill='%23696cff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.6' fill='%23FFFFFF' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.authentication-wrapper.authentication-basic .authentication-inner:after {
    width: 243px;
    height: 240px;
    content: " ";
    position: absolute;
    bottom: -68px;
    left: -46px
}

.authentication-wrapper.authentication-basic .authentication-inner .card {
    z-index: 1
}

.authentication-wrapper.authentication-basic .authentication-inner .card .app-brand {
    margin-bottom: 2.5rem
}

.authentication-wrapper .auth-input-wrapper .auth-input {
    max-width: 50px;
    padding-left: .4rem;
    padding-right: .4rem;
    font-size: 150%
}

@media (max-width:575.98px) {
    .authentication-wrapper .auth-input-wrapper .auth-input {
        font-size: 1.125rem
    }
}


/* ----- INIT SECTION-INNER ------------------------------------------------------------------*/

section.section-inner {
    font-weight: 400;
    font-size: 16px;
    color: #282a6f;
    margin: 2rem 3rem 2rem 0;
    }
    section.section-inner .content-wrapper-inner{
        margin-left: 3rem;
    }
    section.section-inner .head-description{}

section.section-inner .box{
    margin-left: 0.7rem;
    padding: 20px;
    border: 1px solid #C7C8C7;
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    }
    section.section-inner .box:hover{
        background-color: var(--grey-hover); 
    }
    section.section-inner .box h5{
        font-weight: 700;
        font-size: 24px;
        line-height: 26.4px;
        font-variation-settings: "wdth" 50;
    }
    section.section-inner .box p{
        margin: 0;
    }
    section.section-inner .box a{
        color: #282a6f;
        }
        section.section-inner .box.box-main-options{  display: flex;flex-direction: column;min-height: 100%; height:auto; }
        section.section-inner .box.box-main-options p{margin: 0 0 1rem 0;}
        section.section-inner .box.box-main-options img{ margin-bottom: 2.5rem; }
        section.section-inner .box.box-main-options p:last-child{ margin-bottom: 0; }
        section.section-inner .box.box-main-options a{
            font-size: 16px;
            font-weight: 500;
            display: block;
            position: relative;
            }
            section.section-inner .box.box-main-options a:after{
                content: "";
                background: url("/img/icons/emision/arrow-right.png") no-repeat;
                background-size: 22px 22px;
                display: inline-block;
                width: 26px;
                height: 20px;
                background-position: 4px -1px;
                position: absolute;
            }

.box.box-main-options {
  display: flex;
  flex-direction: column; /* Asegura que el contenido se alinee verticalmente */
  height: 100%; /* Para que todas tengan la misma altura */
}

.steps-horizontal-top{
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
    padding-bottom: 1.5rem;
    margin-top: 1.5rem;
}
.steps-main-title{ 
    font-size: 24px;
    color: #282a6f;
    font-weight: 700;    
    line-height: 26.4px;
    text-align: center;
    margin: 0;
    font-variation-settings: "wdth" 50;
}
.steps-horizontal {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        width: 420px;
        max-width: 100%;
        position: relative;
        padding: 0;
        margin: 0 auto;
        font-variation-settings: "wdth" 50;
    }
    .steps-horizontal::before {
        content: '';
        position: absolute;
        top: 24px;
        left: 70px;
        right: auto;
        height: 2px;
        background: #e9ecef;
        z-index: 1;
        width: 280px;
    }
.step-horizontal {
    flex: 1;
    text-align: center;
    position: relative;
    z-index: 2;
    width: 140px;
}
.step-icon {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #c7c8c7;
    border: 2px solid #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 17px auto 10px;
    font-size: 20px;
    color: #282a6f;
    transition: all 0.3s ease;
}
.step-title {
    display: none;
    font-size: 14px;
    color: #6c757d;
    margin-bottom: 5px;
}
.step-description {
    font-size: 12px;
    color: #282a6f;
    font-weight: 500;
    max-width: 150px;
    margin: 0 auto;
    }
    .step-horizontal.active .step-description {
        color: #E8151E;
    }
.step-horizontal.active .step-icon {
    background: #E8151E;
    border: 2px solid #ffffff;
    color: white;
    box-shadow: 0 0 0 2px rgb(232 21 30);
}
.step-horizontal.complete .step-icon {
    background: #e8151e;
    border-color: #e8151e;
    color: white;
    }
    .step-horizontal.complete:after{
        content: '';
        position: absolute;
        top: 24px;
        left: 70px;
        right: auto;
        height: 2px;
        background: #e8151e;
        z-index: 1;
        width: 140px;        
        }
        .step-horizontal.complete:last-child:after{
            background: none;
        }

@media (min-width: 340px) and (max-width: 804px){
    .steps-horizontal {
        width: 300px;
    }
    .steps-horizontal::before {
        left: 50px;
        width: 200px;
    }    
    .step-horizontal.complete:after {
        left: 50px;
        width: 100px;
    }    
}

/* ----- END SECTION-INNER ------------------------------------------------------------------*/

.light-style .authentication-wrapper .authentication-bg {
    background-color: #fff
}

.light-style .authentication-wrapper.authentication-basic .authentication-inner:after {
    background-image: url("data:image/svg+xml,%3Csvg width='243px' height='240px' viewBox='0 0 243 240' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M34.5,182 C35.8807119,182 37,183.119288 37,184.5 C37,185.880712 35.8807119,187 34.5,187 C33.1192881,187 32,185.880712 32,184.5 C32,183.119288 33.1192881,182 34.5,182 Z M61.5,182 C62.8807119,182 64,183.119288 64,184.5 C64,185.880712 62.8807119,187 61.5,187 C60.1192881,187 59,185.880712 59,184.5 C59,183.119288 60.1192881,182 61.5,182 Z M91.5,182 C92.8807119,182 94,183.119288 94,184.5 C94,185.880712 92.8807119,187 91.5,187 C90.1192881,187 89,185.880712 89,184.5 C89,183.119288 90.1192881,182 91.5,182 Z M123.5,182 C124.880712,182 126,183.119288 126,184.5 C126,185.880712 124.880712,187 123.5,187 C122.119288,187 121,185.880712 121,184.5 C121,183.119288 122.119288,182 123.5,182 Z M153.5,182 C154.880712,182 156,183.119288 156,184.5 C156,185.880712 154.880712,187 153.5,187 C152.119288,187 151,185.880712 151,184.5 C151,183.119288 152.119288,182 153.5,182 Z M180.5,182 C181.880712,182 183,183.119288 183,184.5 C183,185.880712 181.880712,187 180.5,187 C179.119288,187 178,185.880712 178,184.5 C178,183.119288 179.119288,182 180.5,182 Z M34.5,154 C35.8807119,154 37,155.119288 37,156.5 C37,157.880712 35.8807119,159 34.5,159 C33.1192881,159 32,157.880712 32,156.5 C32,155.119288 33.1192881,154 34.5,154 Z M61.5,154 C62.8807119,154 64,155.119288 64,156.5 C64,157.880712 62.8807119,159 61.5,159 C60.1192881,159 59,157.880712 59,156.5 C59,155.119288 60.1192881,154 61.5,154 Z M91.5,154 C92.8807119,154 94,155.119288 94,156.5 C94,157.880712 92.8807119,159 91.5,159 C90.1192881,159 89,157.880712 89,156.5 C89,155.119288 90.1192881,154 91.5,154 Z M123.5,154 C124.880712,154 126,155.119288 126,156.5 C126,157.880712 124.880712,159 123.5,159 C122.119288,159 121,157.880712 121,156.5 C121,155.119288 122.119288,154 123.5,154 Z M153.5,154 C154.880712,154 156,155.119288 156,156.5 C156,157.880712 154.880712,159 153.5,159 C152.119288,159 151,157.880712 151,156.5 C151,155.119288 152.119288,154 153.5,154 Z M180.5,154 C181.880712,154 183,155.119288 183,156.5 C183,157.880712 181.880712,159 180.5,159 C179.119288,159 178,157.880712 178,156.5 C178,155.119288 179.119288,154 180.5,154 Z M34.5,124 C35.8807119,124 37,125.119288 37,126.5 C37,127.880712 35.8807119,129 34.5,129 C33.1192881,129 32,127.880712 32,126.5 C32,125.119288 33.1192881,124 34.5,124 Z M61.5,124 C62.8807119,124 64,125.119288 64,126.5 C64,127.880712 62.8807119,129 61.5,129 C60.1192881,129 59,127.880712 59,126.5 C59,125.119288 60.1192881,124 61.5,124 Z M91.5,124 C92.8807119,124 94,125.119288 94,126.5 C94,127.880712 92.8807119,129 91.5,129 C90.1192881,129 89,127.880712 89,126.5 C89,125.119288 90.1192881,124 91.5,124 Z M123.5,124 C124.880712,124 126,125.119288 126,126.5 C126,127.880712 124.880712,129 123.5,129 C122.119288,129 121,127.880712 121,126.5 C121,125.119288 122.119288,124 123.5,124 Z M153.5,124 C154.880712,124 156,125.119288 156,126.5 C156,127.880712 154.880712,129 153.5,129 C152.119288,129 151,127.880712 151,126.5 C151,125.119288 152.119288,124 153.5,124 Z M180.5,124 C181.880712,124 183,125.119288 183,126.5 C183,127.880712 181.880712,129 180.5,129 C179.119288,129 178,127.880712 178,126.5 C178,125.119288 179.119288,124 180.5,124 Z M34.5,94 C35.8807119,94 37,95.1192881 37,96.5 C37,97.8807119 35.8807119,99 34.5,99 C33.1192881,99 32,97.8807119 32,96.5 C32,95.1192881 33.1192881,94 34.5,94 Z M153.5,94 C154.880712,94 156,95.1192881 156,96.5 C156,97.8807119 154.880712,99 153.5,99 C152.119288,99 151,97.8807119 151,96.5 C151,95.1192881 152.119288,94 153.5,94 Z M91.5,94 C92.8807119,94 94,95.1192881 94,96.5 C94,97.8807119 92.8807119,99 91.5,99 C90.1192881,99 89,97.8807119 89,96.5 C89,95.1192881 90.1192881,94 91.5,94 Z M180.5,94 C181.880712,94 183,95.1192881 183,96.5 C183,97.8807119 181.880712,99 180.5,99 C179.119288,99 178,97.8807119 178,96.5 C178,95.1192881 179.119288,94 180.5,94 Z M61.5,94 C62.8807119,94 64,95.1192881 64,96.5 C64,97.8807119 62.8807119,99 61.5,99 C60.1192881,99 59,97.8807119 59,96.5 C59,95.1192881 60.1192881,94 61.5,94 Z M123.5,94 C124.880712,94 126,95.1192881 126,96.5 C126,97.8807119 124.880712,99 123.5,99 C122.119288,99 121,97.8807119 121,96.5 C121,95.1192881 122.119288,94 123.5,94 Z M34.5,64 C35.8807119,64 37,65.1192881 37,66.5 C37,67.8807119 35.8807119,69 34.5,69 C33.1192881,69 32,67.8807119 32,66.5 C32,65.1192881 33.1192881,64 34.5,64 Z M61.5,64 C62.8807119,64 64,65.1192881 64,66.5 C64,67.8807119 62.8807119,69 61.5,69 C60.1192881,69 59,67.8807119 59,66.5 C59,65.1192881 60.1192881,64 61.5,64 Z M91.5,64 C92.8807119,64 94,65.1192881 94,66.5 C94,67.8807119 92.8807119,69 91.5,69 C90.1192881,69 89,67.8807119 89,66.5 C89,65.1192881 90.1192881,64 91.5,64 Z M123.5,64 C124.880712,64 126,65.1192881 126,66.5 C126,67.8807119 124.880712,69 123.5,69 C122.119288,69 121,67.8807119 121,66.5 C121,65.1192881 122.119288,64 123.5,64 Z M153.5,64 C154.880712,64 156,65.1192881 156,66.5 C156,67.8807119 154.880712,69 153.5,69 C152.119288,69 151,67.8807119 151,66.5 C151,65.1192881 152.119288,64 153.5,64 Z M180.5,64 C181.880712,64 183,65.1192881 183,66.5 C183,67.8807119 181.880712,69 180.5,69 C179.119288,69 178,67.8807119 178,66.5 C178,65.1192881 179.119288,64 180.5,64 Z M34.5,37 C35.8807119,37 37,38.1192881 37,39.5 C37,40.8807119 35.8807119,42 34.5,42 C33.1192881,42 32,40.8807119 32,39.5 C32,38.1192881 33.1192881,37 34.5,37 Z M61.5,37 C62.8807119,37 64,38.1192881 64,39.5 C64,40.8807119 62.8807119,42 61.5,42 C60.1192881,42 59,40.8807119 59,39.5 C59,38.1192881 60.1192881,37 61.5,37 Z M91.5,37 C92.8807119,37 94,38.1192881 94,39.5 C94,40.8807119 92.8807119,42 91.5,42 C90.1192881,42 89,40.8807119 89,39.5 C89,38.1192881 90.1192881,37 91.5,37 Z M123.5,37 C124.880712,37 126,38.1192881 126,39.5 C126,40.8807119 124.880712,42 123.5,42 C122.119288,42 121,40.8807119 121,39.5 C121,38.1192881 122.119288,37 123.5,37 Z M153.5,37 C154.880712,37 156,38.1192881 156,39.5 C156,40.8807119 154.880712,42 153.5,42 C152.119288,42 151,40.8807119 151,39.5 C151,38.1192881 152.119288,37 153.5,37 Z M180.5,37 C181.880712,37 183,38.1192881 183,39.5 C183,40.8807119 181.880712,42 180.5,42 C179.119288,42 178,40.8807119 178,39.5 C178,38.1192881 179.119288,37 180.5,37 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='📝-Pages' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Login---V2' transform='translate(-469.000000, -670.000000)'%3E%3Cg id='Shapes' transform='translate(469.000000, 197.000000)'%3E%3Cg id='bottom-illustration' transform='translate(0.000000, 473.000000)'%3E%3Crect id='Rectangle' fill='%23696cff' opacity='0.04' x='0' y='0' width='215' height='216' rx='10'%3E%3C/rect%3E%3Crect id='Rectangle' stroke='rgba(67, 89, 113, 0.5)' opacity='0.48' x='104.5' y='100.5' width='138' height='139' rx='10'%3E%3C/rect%3E%3Cg id='Dot'%3E%3Cuse fill='%23696cff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.6' fill='%23FFFFFF' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.ps {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x {
    height: 15px;
    bottom: 0
}

.ps__rail-x,
.ps__rail-y {
    display: none;
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    position: absolute
}

.ps__rail-y {
    width: 15px;
    right: 0
}

.ps--active-x>.ps__rail-x,
.ps--active-y>.ps__rail-y {
    display: block;
    background-color: transparent
}

.ps--focus>.ps__rail-x,
.ps--focus>.ps__rail-y,
.ps--scrolling-x>.ps__rail-x,
.ps--scrolling-y>.ps__rail-y,
.ps:hover>.ps__rail-x,
.ps:hover>.ps__rail-y {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-x:focus,
.ps .ps__rail-x:hover,
.ps .ps__rail-y.ps--clicking,
.ps .ps__rail-y:focus,
.ps .ps__rail-y:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x {
    transition: background-color .2s linear, height .2s ease-in-out;
    -webkit-transition: background-color .2s linear, height .2s ease-in-out;
    height: 6px;
    bottom: 2px
}

.ps__thumb-x,
.ps__thumb-y {
    background-color: #aaa;
    border-radius: 6px;
    position: absolute
}

.ps__thumb-y {
    transition: background-color .2s linear, width .2s ease-in-out;
    -webkit-transition: background-color .2s linear, width .2s ease-in-out;
    width: 6px;
    right: 2px
}

.ps__rail-x.ps--clicking .ps__thumb-x,
.ps__rail-x:focus>.ps__thumb-x,
.ps__rail-x:hover>.ps__thumb-x {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y,
.ps__rail-y:focus>.ps__thumb-y,
.ps__rail-y:hover>.ps__thumb-y {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style:none) {
    .ps {
        overflow: auto !important
    }
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .ps {
        overflow: auto !important
    }
}

.ps {
    position: relative
}

.ps__rail-x {
    height: .25rem
}

.ps__rail-y {
    width: .25rem
}

.ps__rail-x,
.ps__rail-y,
.ps__thumb-x,
.ps__thumb-y {
    border-radius: 10rem
}

.ps__rail-x.ps--clicking,
.ps__rail-x.ps--clicking>.ps__thumb-x,
.ps__rail-x:focus,
.ps__rail-x:focus>.ps__thumb-x,
.ps__rail-x:hover,
.ps__rail-x:hover>.ps__thumb-x {
    height: .375rem
}

.ps__rail-y.ps--clicking,
.ps__rail-y.ps--clicking>.ps__thumb-y,
.ps__rail-y:focus,
.ps__rail-y:focus>.ps__thumb-y,
.ps__rail-y:hover,
.ps__rail-y:hover>.ps__thumb-y {
    width: .375rem
}

.ps__thumb-x {
    height: .25rem;
    bottom: 0
}

.ps__thumb-y {
    width: .25rem;
    right: 0
}

.light-style .ps__thumb-x,
.light-style .ps__thumb-y {
    background-color: rgba(67, 89, 113, .4)
}

.light-style .ps__rail-x.ps--clicking,
.light-style .ps__rail-x:focus,
.light-style .ps__rail-x:hover,
.light-style .ps__rail-y.ps--clicking,
.light-style .ps__rail-y:focus,
.light-style .ps__rail-y:hover {
    background-color: rgba(67, 89, 113, .2)
}

.light-style .ps__rail-x.ps--clicking>.ps__thumb-x,
.light-style .ps__rail-x:focus>.ps__thumb-x,
.light-style .ps__rail-x:hover>.ps__thumb-x,
.light-style .ps__rail-y.ps--clicking>.ps__thumb-y,
.light-style .ps__rail-y:focus>.ps__thumb-y,
.light-style .ps__rail-y:hover>.ps__thumb-y {
    background-color: rgba(67, 89, 113, .7)
}

.light-style .ps-inverted .ps__rail-x.ps--clicking,
.light-style .ps-inverted .ps__rail-x:focus,
.light-style .ps-inverted .ps__rail-x:hover,
.light-style .ps-inverted .ps__rail-y.ps--clicking,
.light-style .ps-inverted .ps__rail-y:focus,
.light-style .ps-inverted .ps__rail-y:hover {
    background-color: hsla(0, 0%, 100%, .5)
}

.light-style .ps-inverted .ps__thumb-x,
.light-style .ps-inverted .ps__thumb-y {
    background-color: hsla(0, 0%, 100%, .7)
}

.light-style .ps-inverted .ps__rail-x.ps--clicking>.ps__thumb-x,
.light-style .ps-inverted .ps__rail-x:focus>.ps__thumb-x,
.light-style .ps-inverted .ps__rail-x:hover>.ps__thumb-x,
.light-style .ps-inverted .ps__rail-y.ps--clicking>.ps__thumb-y,
.light-style .ps-inverted .ps__rail-y:focus>.ps__thumb-y,
.light-style .ps-inverted .ps__rail-y:hover>.ps__thumb-y {
    background-color: #fff
}

@supports (-moz-appearance:none) {
    #both-scrollbars-example {
        max-width: 1080px;
        margin: 0 auto;
        padding-left: 0;
        padding-right: 0
    }
}

.apexcharts-canvas {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.apexcharts-canvas ::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 6px
}

.apexcharts-canvas ::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .5);
    box-shadow: 0 0 1px hsla(0, 0%, 100%, .5);
    -webkit-box-shadow: 0 0 1px hsla(0, 0%, 100%, .5)
}

.apexcharts-inner {
    position: relative
}

.apexcharts-text tspan {
    font-family: inherit
}

.legend-mouseover-inactive {
    transition: all .15s ease;
    opacity: .2
}

.apexcharts-series-collapsed {
    opacity: 0
}

.apexcharts-tooltip {
    border-radius: 5px;
    box-shadow: 2px 2px 6px -4px #999;
    cursor: default;
    font-size: 14px;
    left: 62px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 20px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    white-space: nowrap;
    z-index: 12;
    transition: all .15s ease
}

.apexcharts-tooltip.apexcharts-active {
    opacity: 1;
    transition: all .15s ease
}

.apexcharts-tooltip.apexcharts-theme-light {
    border: 1px solid #e3e3e3;
    background: hsla(0, 0%, 100%, .96)
}

.apexcharts-tooltip.apexcharts-theme-dark {
    color: #fff;
    background: rgba(30, 30, 30, .8)
}

.apexcharts-tooltip * {
    font-family: inherit
}

.apexcharts-tooltip-title {
    padding: 6px;
    font-size: 15px;
    margin-bottom: 4px
}

.apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
    background: #eceff1;
    border-bottom: 1px solid #ddd
}

.apexcharts-tooltip.apexcharts-theme-dark .apexcharts-tooltip-title {
    background: rgba(0, 0, 0, .7);
    border-bottom: 1px solid #333
}

.apexcharts-tooltip-text-goals-value,
.apexcharts-tooltip-text-y-value,
.apexcharts-tooltip-text-z-value {
    display: inline-block;
    margin-left: 5px
}

.apexcharts-tooltip-text-goals-label:empty,
.apexcharts-tooltip-text-goals-value:empty,
.apexcharts-tooltip-text-y-label:empty,
.apexcharts-tooltip-text-y-value:empty,
.apexcharts-tooltip-text-z-value:empty {
    display: none
}

.apexcharts-tooltip-text-goals-value,
.apexcharts-tooltip-text-y-value,
.apexcharts-tooltip-text-z-value {
    font-weight: 600
}

.apexcharts-tooltip-text-goals-label,
.apexcharts-tooltip-text-goals-value {
    padding: 6px 0 5px
}

.apexcharts-tooltip-goals-group,
.apexcharts-tooltip-text-goals-label,
.apexcharts-tooltip-text-goals-value {
    display: flex
}

.apexcharts-tooltip-text-goals-label:not(:empty),
.apexcharts-tooltip-text-goals-value:not(:empty) {
    margin-top: -6px
}

.apexcharts-tooltip-marker {
    width: 12px;
    height: 12px;
    position: relative;
    top: 0;
    margin-right: 10px;
    border-radius: 50%
}

.apexcharts-tooltip-series-group {
    padding: 0 10px;
    display: none;
    text-align: left;
    justify-content: left;
    align-items: center
}

.apexcharts-tooltip-series-group.apexcharts-active .apexcharts-tooltip-marker {
    opacity: 1
}

.apexcharts-tooltip-series-group.apexcharts-active,
.apexcharts-tooltip-series-group:last-child {
    padding-bottom: 4px
}

.apexcharts-tooltip-series-group-hidden {
    opacity: 0;
    height: 0;
    line-height: 0;
    padding: 0 !important
}

.apexcharts-tooltip-y-group {
    padding: 6px 0 5px
}

.apexcharts-custom-tooltip,
.apexcharts-tooltip-box {
    padding: 4px 8px
}

.apexcharts-tooltip-boxPlot {
    display: flex;
    flex-direction: column-reverse
}

.apexcharts-tooltip-box>div {
    margin: 4px 0
}

.apexcharts-tooltip-box span.value {
    font-weight: 700
}

.apexcharts-tooltip-rangebar {
    padding: 5px 8px
}

.apexcharts-tooltip-rangebar .category {
    font-weight: 600;
    color: #777
}

.apexcharts-tooltip-rangebar .series-name {
    font-weight: 700;
    display: block;
    margin-bottom: 5px
}

.apexcharts-xaxistooltip {
    opacity: 0;
    padding: 9px 10px;
    pointer-events: none;
    color: #373d3f;
    font-size: 13px;
    text-align: center;
    border-radius: 2px;
    position: absolute;
    z-index: 10;
    background: #eceff1;
    border: 1px solid #90a4ae;
    transition: all .15s ease
}

.apexcharts-xaxistooltip.apexcharts-theme-dark {
    background: rgba(0, 0, 0, .7);
    border: 1px solid rgba(0, 0, 0, .5);
    color: #fff
}

.apexcharts-xaxistooltip:after,
.apexcharts-xaxistooltip:before {
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.apexcharts-xaxistooltip:after {
    border-color: rgba(236, 239, 241, 0);
    border-width: 6px;
    margin-left: -6px
}

.apexcharts-xaxistooltip:before {
    border-color: rgba(144, 164, 174, 0);
    border-width: 7px;
    margin-left: -7px
}

.apexcharts-xaxistooltip-bottom:after,
.apexcharts-xaxistooltip-bottom:before {
    bottom: 100%
}

.apexcharts-xaxistooltip-top:after,
.apexcharts-xaxistooltip-top:before {
    top: 100%
}

.apexcharts-xaxistooltip-bottom:after {
    border-bottom-color: #eceff1
}

.apexcharts-xaxistooltip-bottom:before {
    border-bottom-color: #90a4ae
}

.apexcharts-xaxistooltip-bottom.apexcharts-theme-dark:after,
.apexcharts-xaxistooltip-bottom.apexcharts-theme-dark:before {
    border-bottom-color: rgba(0, 0, 0, .5)
}

.apexcharts-xaxistooltip-top:after {
    border-top-color: #eceff1
}

.apexcharts-xaxistooltip-top:before {
    border-top-color: #90a4ae
}

.apexcharts-xaxistooltip-top.apexcharts-theme-dark:after,
.apexcharts-xaxistooltip-top.apexcharts-theme-dark:before {
    border-top-color: rgba(0, 0, 0, .5)
}

.apexcharts-xaxistooltip.apexcharts-active {
    opacity: 1;
    transition: all .15s ease
}

.apexcharts-yaxistooltip {
    opacity: 0;
    padding: 4px 10px;
    pointer-events: none;
    color: #373d3f;
    font-size: 13px;
    text-align: center;
    border-radius: 2px;
    position: absolute;
    z-index: 10;
    background: #eceff1;
    border: 1px solid #90a4ae
}

.apexcharts-yaxistooltip.apexcharts-theme-dark {
    background: rgba(0, 0, 0, .7);
    border: 1px solid rgba(0, 0, 0, .5);
    color: #fff
}

.apexcharts-yaxistooltip:after,
.apexcharts-yaxistooltip:before {
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.apexcharts-yaxistooltip:after {
    border-color: rgba(236, 239, 241, 0);
    border-width: 6px;
    margin-top: -6px
}

.apexcharts-yaxistooltip:before {
    border-color: rgba(144, 164, 174, 0);
    border-width: 7px;
    margin-top: -7px
}

.apexcharts-yaxistooltip-left:after,
.apexcharts-yaxistooltip-left:before {
    left: 100%
}

.apexcharts-yaxistooltip-right:after,
.apexcharts-yaxistooltip-right:before {
    right: 100%
}

.apexcharts-yaxistooltip-left:after {
    border-left-color: #eceff1
}

.apexcharts-yaxistooltip-left:before {
    border-left-color: #90a4ae
}

.apexcharts-yaxistooltip-left.apexcharts-theme-dark:after,
.apexcharts-yaxistooltip-left.apexcharts-theme-dark:before {
    border-left-color: rgba(0, 0, 0, .5)
}

.apexcharts-yaxistooltip-right:after {
    border-right-color: #eceff1
}

.apexcharts-yaxistooltip-right:before {
    border-right-color: #90a4ae
}

.apexcharts-yaxistooltip-right.apexcharts-theme-dark:after,
.apexcharts-yaxistooltip-right.apexcharts-theme-dark:before {
    border-right-color: rgba(0, 0, 0, .5)
}

.apexcharts-yaxistooltip.apexcharts-active {
    opacity: 1
}

.apexcharts-yaxistooltip-hidden {
    display: none
}

.apexcharts-xcrosshairs,
.apexcharts-ycrosshairs {
    pointer-events: none;
    opacity: 0;
    transition: all .15s ease
}

.apexcharts-xcrosshairs.apexcharts-active,
.apexcharts-ycrosshairs.apexcharts-active {
    opacity: 1;
    transition: all .15s ease
}

.apexcharts-ycrosshairs-hidden {
    opacity: 0
}

.apexcharts-selection-rect {
    cursor: move
}

.svg_select_boundingRect,
.svg_select_points_rot {
    pointer-events: none;
    opacity: 0;
    visibility: hidden
}

.apexcharts-selection-rect+g .svg_select_boundingRect,
.apexcharts-selection-rect+g .svg_select_points_rot {
    opacity: 0;
    visibility: hidden
}

.apexcharts-selection-rect+g .svg_select_points_l,
.apexcharts-selection-rect+g .svg_select_points_r {
    cursor: ew-resize;
    opacity: 1;
    visibility: visible
}

.svg_select_points {
    fill: #efefef;
    stroke: #333;
    rx: 2
}

.apexcharts-svg.apexcharts-zoomable.hovering-zoom {
    cursor: crosshair
}

.apexcharts-svg.apexcharts-zoomable.hovering-pan {
    cursor: move
}

.apexcharts-menu-icon,
.apexcharts-pan-icon,
.apexcharts-reset-icon,
.apexcharts-selection-icon,
.apexcharts-toolbar-custom-icon,
.apexcharts-zoom-icon,
.apexcharts-zoomin-icon,
.apexcharts-zoomout-icon {
    cursor: pointer;
    width: 20px;
    height: 20px;
    line-height: 24px;
    color: #6e8192;
    text-align: center
}

.apexcharts-menu-icon svg,
.apexcharts-reset-icon svg,
.apexcharts-zoom-icon svg,
.apexcharts-zoomin-icon svg,
.apexcharts-zoomout-icon svg {
    fill: #6e8192
}

.apexcharts-selection-icon svg {
    fill: #444;
    transform: scale(.76)
}

.apexcharts-theme-dark .apexcharts-menu-icon svg,
.apexcharts-theme-dark .apexcharts-pan-icon svg,
.apexcharts-theme-dark .apexcharts-reset-icon svg,
.apexcharts-theme-dark .apexcharts-selection-icon svg,
.apexcharts-theme-dark .apexcharts-toolbar-custom-icon svg,
.apexcharts-theme-dark .apexcharts-zoom-icon svg,
.apexcharts-theme-dark .apexcharts-zoomin-icon svg,
.apexcharts-theme-dark .apexcharts-zoomout-icon svg {
    fill: #f3f4f5
}

.apexcharts-canvas .apexcharts-reset-zoom-icon.apexcharts-selected svg,
.apexcharts-canvas .apexcharts-selection-icon.apexcharts-selected svg,
.apexcharts-canvas .apexcharts-zoom-icon.apexcharts-selected svg {
    fill: #008ffb
}

.apexcharts-theme-light .apexcharts-menu-icon:hover svg,
.apexcharts-theme-light .apexcharts-reset-icon:hover svg,
.apexcharts-theme-light .apexcharts-selection-icon:not(.apexcharts-selected):hover svg,
.apexcharts-theme-light .apexcharts-zoom-icon:not(.apexcharts-selected):hover svg,
.apexcharts-theme-light .apexcharts-zoomin-icon:hover svg,
.apexcharts-theme-light .apexcharts-zoomout-icon:hover svg {
    fill: #333
}

.apexcharts-menu-icon,
.apexcharts-selection-icon {
    position: relative
}

.apexcharts-reset-icon {
    margin-left: 5px
}

.apexcharts-menu-icon,
.apexcharts-reset-icon,
.apexcharts-zoom-icon {
    transform: scale(.85)
}

.apexcharts-zoomin-icon,
.apexcharts-zoomout-icon {
    transform: scale(.7)
}

.apexcharts-zoomout-icon {
    margin-right: 3px
}

.apexcharts-pan-icon {
    transform: scale(.62);
    position: relative;
    left: 1px;
    top: 0
}

.apexcharts-pan-icon svg {
    fill: #fff;
    stroke: #6e8192;
    stroke-width: 2
}

.apexcharts-pan-icon.apexcharts-selected svg {
    stroke: #008ffb
}

.apexcharts-pan-icon:not(.apexcharts-selected):hover svg {
    stroke: #333
}

.apexcharts-toolbar {
    position: absolute;
    z-index: 11;
    max-width: 176px;
    text-align: right;
    border-radius: 3px;
    padding: 0 6px 2px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.apexcharts-menu {
    background: #fff;
    position: absolute;
    top: 100%;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 3px;
    right: 10px;
    opacity: 0;
    min-width: 110px;
    transition: all .15s ease;
    pointer-events: none
}

.apexcharts-menu.apexcharts-menu-open {
    opacity: 1;
    pointer-events: all;
    transition: all .15s ease
}

.apexcharts-menu-item {
    padding: 6px 7px;
    font-size: 12px;
    cursor: pointer
}

.apexcharts-theme-light .apexcharts-menu-item:hover {
    background: #eee
}

.apexcharts-theme-dark .apexcharts-menu {
    background: rgba(0, 0, 0, .7);
    color: #fff
}

@media screen and (min-width:768px) {
    .apexcharts-canvas:hover .apexcharts-toolbar {
        opacity: 1
    }
}

.apexcharts-datalabel.apexcharts-element-hidden {
    opacity: 0
}

.apexcharts-datalabel,
.apexcharts-datalabel-label,
.apexcharts-datalabel-value,
.apexcharts-datalabels,
.apexcharts-pie-label {
    cursor: default;
    pointer-events: none
}

.apexcharts-pie-label-delay {
    opacity: 0;
    animation-name: opaque;
    animation-duration: .3s;
    animation-fill-mode: forwards;
    animation-timing-function: ease
}

.apexcharts-canvas .apexcharts-element-hidden,
.apexcharts-hide .apexcharts-series-points {
    opacity: 0
}

.apexcharts-annotation-rect,
.apexcharts-area-series .apexcharts-area,
.apexcharts-area-series .apexcharts-series-markers .apexcharts-marker.no-pointer-events,
.apexcharts-gridline,
.apexcharts-line,
.apexcharts-line-series .apexcharts-series-markers .apexcharts-marker.no-pointer-events,
.apexcharts-radar-series path,
.apexcharts-radar-series polygon,
.apexcharts-toolbar svg,
.apexcharts-tooltip .apexcharts-marker,
.apexcharts-zoom-rect {
    pointer-events: none
}

.apexcharts-marker {
    transition: all .15s ease
}

@keyframes opaque {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes resizeanim {
    0% {
        opacity: 0
    }
    to {
        opacity: 0
    }
}

.resize-triggers {
    animation: resizeanim 1ms;
    visibility: hidden;
    opacity: 0
}

.contract-trigger:before,
.resize-triggers,
.resize-triggers>div {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden
}

.resize-triggers>div {
    background: #eee;
    overflow: auto
}

.contract-trigger:before {
    width: 200%;
    height: 200%
}

.light-style .apexcharts-canvas .apexcharts-tooltip {
    background: #fff;
    border-color: #d9dee3;
    box-shadow: 0 .25rem 1rem rgba(161, 172, 184, .45)
}

.light-style .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title {
    background: #fff;
    border-color: #d9dee3;
    font-family: var(--bs-font-sans-serif) !important;
    font-weight: 600
}

.light-style .apexcharts-canvas .apexcharts-xaxistooltip,
.light-style .apexcharts-canvas .apexcharts-yaxistooltip {
    background: #f5f5f9;
    border-color: #d9dee3
}

.light-style .apexcharts-canvas .apexcharts-xaxistooltip.apexcharts-xaxistooltip-bottom:after,
.light-style .apexcharts-canvas .apexcharts-xaxistooltip.apexcharts-yaxistooltip-bottom:after,
.light-style .apexcharts-canvas .apexcharts-yaxistooltip.apexcharts-xaxistooltip-bottom:after,
.light-style .apexcharts-canvas .apexcharts-yaxistooltip.apexcharts-yaxistooltip-bottom:after {
    border-bottom-color: #f5f5f9
}

.light-style .apexcharts-canvas .apexcharts-xaxistooltip.apexcharts-xaxistooltip-bottom:before,
.light-style .apexcharts-canvas .apexcharts-xaxistooltip.apexcharts-yaxistooltip-bottom:before,
.light-style .apexcharts-canvas .apexcharts-yaxistooltip.apexcharts-xaxistooltip-bottom:before,
.light-style .apexcharts-canvas .apexcharts-yaxistooltip.apexcharts-yaxistooltip-bottom:before {
    border-bottom-color: #d9dee3
}

.light-style .apexcharts-canvas .apexcharts-xaxistooltip.apexcharts-xaxistooltip-left:after,
.light-style .apexcharts-canvas .apexcharts-xaxistooltip.apexcharts-yaxistooltip-left:after,
.light-style .apexcharts-canvas .apexcharts-yaxistooltip.apexcharts-xaxistooltip-left:after,
.light-style .apexcharts-canvas .apexcharts-yaxistooltip.apexcharts-yaxistooltip-left:after {
    border-left-color: #f5f5f9
}

.light-style .apexcharts-canvas .apexcharts-xaxistooltip.apexcharts-xaxistooltip-left:before,
.light-style .apexcharts-canvas .apexcharts-xaxistooltip.apexcharts-yaxistooltip-left:before,
.light-style .apexcharts-canvas .apexcharts-yaxistooltip.apexcharts-xaxistooltip-left:before,
.light-style .apexcharts-canvas .apexcharts-yaxistooltip.apexcharts-yaxistooltip-left:before {
    border-left-color: #d9dee3
}

.light-style .apexcharts-canvas .apexcharts-xaxistooltip.apexcharts-xaxistooltip-right:after,
.light-style .apexcharts-canvas .apexcharts-xaxistooltip.apexcharts-yaxistooltip-right:after,
.light-style .apexcharts-canvas .apexcharts-yaxistooltip.apexcharts-xaxistooltip-right:after,
.light-style .apexcharts-canvas .apexcharts-yaxistooltip.apexcharts-yaxistooltip-right:after {
    border-right-color: #f5f5f9
}

.light-style .apexcharts-canvas .apexcharts-xaxistooltip.apexcharts-xaxistooltip-right:before,
.light-style .apexcharts-canvas .apexcharts-xaxistooltip.apexcharts-yaxistooltip-right:before,
.light-style .apexcharts-canvas .apexcharts-yaxistooltip.apexcharts-xaxistooltip-right:before,
.light-style .apexcharts-canvas .apexcharts-yaxistooltip.apexcharts-yaxistooltip-right:before {
    border-right-color: #d9dee3
}

.light-style .apexcharts-canvas .apexcharts-xaxistooltip.apexcharts-xaxistooltip-top:after,
.light-style .apexcharts-canvas .apexcharts-xaxistooltip.apexcharts-yaxistooltip-top:after,
.light-style .apexcharts-canvas .apexcharts-yaxistooltip.apexcharts-xaxistooltip-top:after,
.light-style .apexcharts-canvas .apexcharts-yaxistooltip.apexcharts-yaxistooltip-top:after {
    border-top-color: #f5f5f9
}

.light-style .apexcharts-canvas .apexcharts-xaxistooltip.apexcharts-xaxistooltip-top:before,
.light-style .apexcharts-canvas .apexcharts-xaxistooltip.apexcharts-yaxistooltip-top:before,
.light-style .apexcharts-canvas .apexcharts-yaxistooltip.apexcharts-xaxistooltip-top:before,
.light-style .apexcharts-canvas .apexcharts-yaxistooltip.apexcharts-yaxistooltip-top:before {
    border-top-color: #d9dee3
}

.light-style .apexcharts-canvas .apexcharts-tooltip-text {
    font-family: var(--bs-font-sans-serif) !important;
    filter: none
}

.light-style .apexcharts-canvas .apexcharts-marker {
    filter: drop-shadow(0 2px 4px #a1acb866)
}

.bx {
    font-family: boxicons !important;
    font-weight: 400;
    font-style: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-rendering: auto;
    display: inline-block;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.bx-ul {
    margin-left: 2em;
    padding-left: 0;
    list-style: none
}

.bx-ul>li {
    position: relative
}

.bx-ul .bx {
    font-size: inherit;
    line-height: inherit;
    position: absolute;
    left: -2em;
    width: 2em;
    text-align: center
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(359deg)
    }
}

@keyframes burst {
    0% {
        transform: scale(1);
        opacity: 1
    }
    90% {
        transform: scale(1.5);
        opacity: 0
    }
}

@keyframes flashing {
    0% {
        opacity: 1
    }
    45% {
        opacity: 0
    }
    90% {
        opacity: 1
    }
}

@keyframes fade-left {
    0% {
        transform: translateX(0);
        opacity: 1
    }
    75% {
        transform: translateX(-20px);
        opacity: 0
    }
}

@keyframes fade-right {
    0% {
        transform: translateX(0);
        opacity: 1
    }
    75% {
        transform: translateX(20px);
        opacity: 0
    }
}

@keyframes fade-up {
    0% {
        transform: translateY(0);
        opacity: 1
    }
    75% {
        transform: translateY(-20px);
        opacity: 0
    }
}

@keyframes fade-down {
    0% {
        transform: translateY(0);
        opacity: 1
    }
    75% {
        transform: translateY(20px);
        opacity: 0
    }
}

@keyframes tada {
    0% {
        transform: scaleX(1)
    }
    10%,
    20% {
        transform: scale3d(.95, .95, .95) rotate(-10deg)
    }
    30%,
    50%,
    70%,
    90% {
        transform: scaleX(1) rotate(10deg)
    }
    40%,
    60%,
    80% {
        transform: rotate(-10deg)
    }
    to {
        transform: scaleX(1)
    }
}

.bx-spin,
.bx-spin-hover:hover {
    animation: spin 2s linear infinite
}

.bx-tada,
.bx-tada-hover:hover {
    animation: tada 1.5s ease infinite
}

.bx-flashing,
.bx-flashing-hover:hover {
    animation: flashing 1.5s linear infinite
}

.bx-burst,
.bx-burst-hover:hover {
    animation: burst 1.5s linear infinite
}

.bx-fade-up,
.bx-fade-up-hover:hover {
    animation: fade-up 1.5s linear infinite
}

.bx-fade-down,
.bx-fade-down-hover:hover {
    animation: fade-down 1.5s linear infinite
}

.bx-fade-left,
.bx-fade-left-hover:hover {
    animation: fade-left 1.5s linear infinite
}

.bx-fade-right,
.bx-fade-right-hover:hover {
    animation: fade-right 1.5s linear infinite
}

.bx-xs {
    font-size: 1rem !important
}

.bx-sm {
    font-size: 1.55rem !important
}

.bx-md {
    font-size: 2.25rem !important
}

.bx-lg {
    font-size: 3rem !important
}

.bx-fw {
    font-size: 1.2857142857em;
    line-height: .8em;
    width: 1.2857142857em;
    height: .8em;
    margin-top: -.2em !important;
    vertical-align: middle
}

.bx-pull-left {
    float: left;
    margin-right: .3em !important
}

.bx-pull-right {
    float: right;
    margin-left: .3em !important
}

.bx-rotate-90 {
    transform: rotate(90deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"
}

.bx-rotate-180 {
    transform: rotate(180deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"
}

.bx-rotate-270 {
    transform: rotate(270deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"
}

.bx-flip-horizontal {
    transform: scaleX(-1);
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"
}

.bx-flip-vertical {
    transform: scaleY(-1);
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"
}

.bx-border {
    padding: .25em;
    border: .07em solid rgba(0, 0, 0, .1);
    border-radius: .25em
}

.bx-border-circle {
    padding: .25em;
    border: .07em solid rgba(0, 0, 0, .1);
    border-radius: 50%
}

.bxl-500px:before {
    content: "\e900"
}

.bxl-adobe:before {
    content: "\e901"
}

.bxl-airbnb:before {
    content: "\e902"
}

.bxl-algolia:before {
    content: "\e903"
}

.bxl-amazon:before {
    content: "\e904"
}

.bxl-android:before {
    content: "\e905"
}

.bxl-angular:before {
    content: "\e906"
}

.bxl-apple:before {
    content: "\e907"
}

.bxl-audible:before {
    content: "\e908"
}

.bxl-aws:before {
    content: "\e909"
}

.bxl-baidu:before {
    content: "\e90a"
}

.bxl-behance:before {
    content: "\e90b"
}

.bxl-bing:before {
    content: "\e90c"
}

.bxl-bitcoin:before {
    content: "\e90d"
}

.bxl-blender:before {
    content: "\e90e"
}

.bxl-blogger:before {
    content: "\e90f"
}

.bxl-bootstrap:before {
    content: "\e910"
}

.bxl-chrome:before {
    content: "\e911"
}

.bxl-codepen:before {
    content: "\e912"
}

.bxl-c-plus-plus:before {
    content: "\e913"
}

.bxl-creative-commons:before {
    content: "\e914"
}

.bxl-css3:before {
    content: "\e915"
}

.bxl-dailymotion:before {
    content: "\e916"
}

.bxl-deviantart:before {
    content: "\e917"
}

.bxl-dev-to:before {
    content: "\e918"
}

.bxl-digg:before {
    content: "\e919"
}

.bxl-digitalocean:before {
    content: "\e91a"
}

.bxl-discord:before {
    content: "\e91b"
}

.bxl-discord-alt:before {
    content: "\e91c"
}

.bxl-discourse:before {
    content: "\e91d"
}

.bxl-django:before {
    content: "\e91e"
}

.bxl-docker:before {
    content: "\e91f"
}

.bxl-dribbble:before {
    content: "\e920"
}

.bxl-dropbox:before {
    content: "\e921"
}

.bxl-drupal:before {
    content: "\e922"
}

.bxl-ebay:before {
    content: "\e923"
}

.bxl-edge:before {
    content: "\e924"
}

.bxl-etsy:before {
    content: "\e925"
}

.bxl-facebook:before {
    content: "\e926"
}

.bxl-facebook-circle:before {
    content: "\e927"
}

.bxl-facebook-square:before {
    content: "\e928"
}

.bxl-figma:before {
    content: "\e929"
}

.bxl-firebase:before {
    content: "\e92a"
}

.bxl-firefox:before {
    content: "\e92b"
}

.bxl-flickr:before {
    content: "\e92c"
}

.bxl-flickr-square:before {
    content: "\e92d"
}

.bxl-flutter:before {
    content: "\e92e"
}

.bxl-foursquare:before {
    content: "\e92f"
}

.bxl-git:before {
    content: "\e930"
}

.bxl-github:before {
    content: "\e931"
}

.bxl-gitlab:before {
    content: "\e932"
}

.bxl-google:before {
    content: "\e933"
}

.bxl-google-cloud:before {
    content: "\e934"
}

.bxl-google-plus:before {
    content: "\e935"
}

.bxl-google-plus-circle:before {
    content: "\e936"
}

.bxl-html5:before {
    content: "\e937"
}

.bxl-imdb:before {
    content: "\e938"
}

.bxl-instagram:before {
    content: "\e939"
}

.bxl-instagram-alt:before {
    content: "\e93a"
}

.bxl-internet-explorer:before {
    content: "\e93b"
}

.bxl-invision:before {
    content: "\e93c"
}

.bxl-javascript:before {
    content: "\e93d"
}

.bxl-joomla:before {
    content: "\e93e"
}

.bxl-jquery:before {
    content: "\e93f"
}

.bxl-jsfiddle:before {
    content: "\e940"
}

.bxl-kickstarter:before {
    content: "\e941"
}

.bxl-kubernetes:before {
    content: "\e942"
}

.bxl-less:before {
    content: "\e943"
}

.bxl-linkedin:before {
    content: "\e944"
}

.bxl-linkedin-square:before {
    content: "\e945"
}

.bxl-magento:before {
    content: "\e946"
}

.bxl-mailchimp:before {
    content: "\e947"
}

.bxl-markdown:before {
    content: "\e948"
}

.bxl-mastercard:before {
    content: "\e949"
}

.bxl-mastodon:before {
    content: "\e94a"
}

.bxl-medium:before {
    content: "\e94b"
}

.bxl-medium-old:before {
    content: "\e94c"
}

.bxl-medium-square:before {
    content: "\e94d"
}

.bxl-messenger:before {
    content: "\e94e"
}

.bxl-microsoft:before {
    content: "\e94f"
}

.bxl-microsoft-teams:before {
    content: "\e950"
}

.bxl-nodejs:before {
    content: "\e951"
}

.bxl-ok-ru:before {
    content: "\e952"
}

.bxl-opera:before {
    content: "\e953"
}

.bxl-patreon:before {
    content: "\e954"
}

.bxl-paypal:before {
    content: "\e955"
}

.bxl-periscope:before {
    content: "\e956"
}

.bxl-php:before {
    content: "\e957"
}

.bxl-pinterest:before {
    content: "\e958"
}

.bxl-pinterest-alt:before {
    content: "\e959"
}

.bxl-play-store:before {
    content: "\e95a"
}

.bxl-pocket:before {
    content: "\e95b"
}

.bxl-product-hunt:before {
    content: "\e95c"
}

.bxl-python:before {
    content: "\e95d"
}

.bxl-quora:before {
    content: "\e95e"
}

.bxl-react:before {
    content: "\e95f"
}

.bxl-redbubble:before {
    content: "\e960"
}

.bxl-reddit:before {
    content: "\e961"
}

.bxl-redux:before {
    content: "\e962"
}

.bxl-sass:before {
    content: "\e963"
}

.bxl-shopify:before {
    content: "\e964"
}

.bxl-sketch:before {
    content: "\e965"
}

.bxl-skype:before {
    content: "\e966"
}

.bxl-slack:before {
    content: "\e967"
}

.bxl-slack-old:before {
    content: "\e968"
}

.bxl-snapchat:before {
    content: "\e969"
}

.bxl-soundcloud:before {
    content: "\e96a"
}

.bxl-spotify:before {
    content: "\e96b"
}

.bxl-spring-boot:before {
    content: "\e96c"
}

.bxl-squarespace:before {
    content: "\e96d"
}

.bxl-stack-overflow:before {
    content: "\e96e"
}

.bxl-steam:before {
    content: "\e96f"
}

.bxl-stripe:before {
    content: "\e970"
}

.bxl-tailwind-css:before {
    content: "\e971"
}

.bxl-telegram:before {
    content: "\e972"
}

.bxl-tiktok:before {
    content: "\e973"
}

.bxl-trello:before {
    content: "\e974"
}

.bxl-trip-advisor:before {
    content: "\e975"
}

.bxl-tumblr:before {
    content: "\e976"
}

.bxl-tux:before {
    content: "\e977"
}

.bxl-twitch:before {
    content: "\e978"
}

.bxl-twitter:before {
    content: "\e979"
}

.bxl-unity:before {
    content: "\e97a"
}

.bxl-unsplash:before {
    content: "\e97b"
}

.bxl-vimeo:before {
    content: "\e97c"
}

.bxl-visa:before {
    content: "\e97d"
}

.bxl-visual-studio:before {
    content: "\e97e"
}

.bxl-vk:before {
    content: "\e97f"
}

.bxl-vuejs:before {
    content: "\e980"
}

.bxl-whatsapp:before {
    content: "\e981"
}

.bxl-whatsapp-square:before {
    content: "\e982"
}

.bxl-wikipedia:before {
    content: "\e983"
}

.bxl-windows:before {
    content: "\e984"
}

.bxl-wix:before {
    content: "\e985"
}

.bxl-wordpress:before {
    content: "\e986"
}

.bxl-yahoo:before {
    content: "\e987"
}

.bxl-yelp:before {
    content: "\e988"
}

.bxl-youtube:before {
    content: "\e989"
}

.bxl-zoom:before {
    content: "\e98a"
}

.bxs-add-to-queue:before {
    content: "\e98b"
}

.bxs-adjust:before {
    content: "\e98c"
}

.bxs-adjust-alt:before {
    content: "\e98d"
}

.bxs-alarm:before {
    content: "\e98e"
}

.bxs-alarm-add:before {
    content: "\e98f"
}

.bxs-alarm-exclamation:before {
    content: "\e990"
}

.bxs-alarm-off:before {
    content: "\e991"
}

.bxs-alarm-snooze:before {
    content: "\e992"
}

.bxs-album:before {
    content: "\e993"
}

.bxs-ambulance:before {
    content: "\e994"
}

.bxs-analyse:before {
    content: "\e995"
}

.bxs-angry:before {
    content: "\e996"
}

.bxs-arch:before {
    content: "\e997"
}

.bxs-archive:before {
    content: "\e998"
}

.bxs-archive-in:before {
    content: "\e999"
}

.bxs-archive-out:before {
    content: "\e99a"
}

.bxs-area:before {
    content: "\e99b"
}

.bxs-arrow-from-bottom:before {
    content: "\e99c"
}

.bxs-arrow-from-left:before {
    content: "\e99d"
}

.bxs-arrow-from-right:before {
    content: "\e99e"
}

.bxs-arrow-from-top:before {
    content: "\e99f"
}

.bxs-arrow-to-bottom:before {
    content: "\e9a0"
}

.bxs-arrow-to-left:before {
    content: "\e9a1"
}

.bxs-arrow-to-right:before {
    content: "\e9a2"
}

.bxs-arrow-to-top:before {
    content: "\e9a3"
}

.bxs-award:before {
    content: "\e9a4"
}

.bxs-baby-carriage:before {
    content: "\e9a5"
}

.bxs-backpack:before {
    content: "\e9a6"
}

.bxs-badge:before {
    content: "\e9a7"
}

.bxs-badge-check:before {
    content: "\e9a8"
}

.bxs-badge-dollar:before {
    content: "\e9a9"
}

.bxs-ball:before {
    content: "\e9aa"
}

.bxs-band-aid:before {
    content: "\e9ab"
}

.bxs-bank:before {
    content: "\e9ac"
}

.bxs-bar-chart-alt-2:before {
    content: "\e9ad"
}

.bxs-bar-chart-square:before {
    content: "\e9ae"
}

.bxs-barcode:before {
    content: "\e9af"
}

.bxs-baseball:before {
    content: "\e9b0"
}

.bxs-basket:before {
    content: "\e9b1"
}

.bxs-basketball:before {
    content: "\e9b2"
}

.bxs-bath:before {
    content: "\e9b3"
}

.bxs-battery:before {
    content: "\e9b4"
}

.bxs-battery-charging:before {
    content: "\e9b5"
}

.bxs-battery-full:before {
    content: "\e9b6"
}

.bxs-battery-low:before {
    content: "\e9b7"
}

.bxs-bed:before {
    content: "\e9b8"
}

.bxs-been-here:before {
    content: "\e9b9"
}

.bxs-beer:before {
    content: "\e9ba"
}

.bxs-bell:before {
    content: "\e9bb"
}

.bxs-bell-minus:before {
    content: "\e9bc"
}

.bxs-bell-off:before {
    content: "\e9bd"
}

.bxs-bell-plus:before {
    content: "\e9be"
}

.bxs-bell-ring:before {
    content: "\e9bf"
}

.bxs-bible:before {
    content: "\e9c0"
}

.bxs-binoculars:before {
    content: "\e9c1"
}

.bxs-blanket:before {
    content: "\e9c2"
}

.bxs-bolt:before {
    content: "\e9c3"
}

.bxs-bolt-circle:before {
    content: "\e9c4"
}

.bxs-bomb:before {
    content: "\e9c5"
}

.bxs-bone:before {
    content: "\e9c6"
}

.bxs-bong:before {
    content: "\e9c7"
}

.bxs-book:before {
    content: "\e9c8"
}

.bxs-book-add:before {
    content: "\e9c9"
}

.bxs-book-alt:before {
    content: "\e9ca"
}

.bxs-book-bookmark:before {
    content: "\e9cb"
}

.bxs-book-content:before {
    content: "\e9cc"
}

.bxs-book-heart:before {
    content: "\e9cd"
}

.bxs-bookmark:before {
    content: "\e9ce"
}

.bxs-bookmark-alt:before {
    content: "\e9cf"
}

.bxs-bookmark-alt-minus:before {
    content: "\e9d0"
}

.bxs-bookmark-alt-plus:before {
    content: "\e9d1"
}

.bxs-bookmark-heart:before {
    content: "\e9d2"
}

.bxs-bookmark-minus:before {
    content: "\e9d3"
}

.bxs-bookmark-plus:before {
    content: "\e9d4"
}

.bxs-bookmarks:before {
    content: "\e9d5"
}

.bxs-bookmark-star:before {
    content: "\e9d6"
}

.bxs-book-open:before {
    content: "\e9d7"
}

.bxs-book-reader:before {
    content: "\e9d8"
}

.bxs-bot:before {
    content: "\e9d9"
}

.bxs-bowling-ball:before {
    content: "\e9da"
}

.bxs-box:before {
    content: "\e9db"
}

.bxs-brain:before {
    content: "\e9dc"
}

.bxs-briefcase:before {
    content: "\e9dd"
}

.bxs-briefcase-alt:before {
    content: "\e9de"
}

.bxs-briefcase-alt-2:before {
    content: "\e9df"
}

.bxs-brightness:before {
    content: "\e9e0"
}

.bxs-brightness-half:before {
    content: "\e9e1"
}

.bxs-brush:before {
    content: "\e9e2"
}

.bxs-brush-alt:before {
    content: "\e9e3"
}

.bxs-bug:before {
    content: "\e9e4"
}

.bxs-bug-alt:before {
    content: "\e9e5"
}

.bxs-building:before {
    content: "\e9e6"
}

.bxs-building-house:before {
    content: "\e9e7"
}

.bxs-buildings:before {
    content: "\e9e8"
}

.bxs-bulb:before {
    content: "\e9e9"
}

.bxs-bullseye:before {
    content: "\e9ea"
}

.bxs-buoy:before {
    content: "\e9eb"
}

.bxs-bus:before {
    content: "\e9ec"
}

.bxs-business:before {
    content: "\e9ed"
}

.bxs-bus-school:before {
    content: "\e9ee"
}

.bxs-cabinet:before {
    content: "\e9ef"
}

.bxs-cake:before {
    content: "\e9f0"
}

.bxs-calculator:before {
    content: "\e9f1"
}

.bxs-calendar:before {
    content: "\e9f2"
}

.bxs-calendar-alt:before {
    content: "\e9f3"
}

.bxs-calendar-check:before {
    content: "\e9f4"
}

.bxs-calendar-edit:before {
    content: "\e9f5"
}

.bxs-calendar-event:before {
    content: "\e9f6"
}

.bxs-calendar-exclamation:before {
    content: "\e9f7"
}

.bxs-calendar-heart:before {
    content: "\e9f8"
}

.bxs-calendar-minus:before {
    content: "\e9f9"
}

.bxs-calendar-plus:before {
    content: "\e9fa"
}

.bxs-calendar-star:before {
    content: "\e9fb"
}

.bxs-calendar-week:before {
    content: "\e9fc"
}

.bxs-calendar-x:before {
    content: "\e9fd"
}

.bxs-camera:before {
    content: "\e9fe"
}

.bxs-camera-home:before {
    content: "\e9ff"
}

.bxs-camera-movie:before {
    content: "\ea00"
}

.bxs-camera-off:before {
    content: "\ea01"
}

.bxs-camera-plus:before {
    content: "\ea02"
}

.bxs-capsule:before {
    content: "\ea03"
}

.bxs-captions:before {
    content: "\ea04"
}

.bxs-car:before {
    content: "\ea05"
}

.bxs-car-battery:before {
    content: "\ea06"
}

.bxs-car-crash:before {
    content: "\ea07"
}

.bxs-card:before {
    content: "\ea08"
}

.bxs-caret-down-circle:before {
    content: "\ea09"
}

.bxs-caret-down-square:before {
    content: "\ea0a"
}

.bxs-caret-left-circle:before {
    content: "\ea0b"
}

.bxs-caret-left-square:before {
    content: "\ea0c"
}

.bxs-caret-right-circle:before {
    content: "\ea0d"
}

.bxs-caret-right-square:before {
    content: "\ea0e"
}

.bxs-caret-up-circle:before {
    content: "\ea0f"
}

.bxs-caret-up-square:before {
    content: "\ea10"
}

.bxs-car-garage:before {
    content: "\ea11"
}

.bxs-car-mechanic:before {
    content: "\ea12"
}

.bxs-carousel:before {
    content: "\ea13"
}

.bxs-cart:before {
    content: "\ea14"
}

.bxs-cart-add:before {
    content: "\ea15"
}

.bxs-cart-alt:before {
    content: "\ea16"
}

.bxs-cart-download:before {
    content: "\ea17"
}

.bxs-car-wash:before {
    content: "\ea18"
}

.bxs-category:before {
    content: "\ea19"
}

.bxs-category-alt:before {
    content: "\ea1a"
}

.bxs-cctv:before {
    content: "\ea1b"
}

.bxs-certification:before {
    content: "\ea1c"
}

.bxs-chalkboard:before {
    content: "\ea1d"
}

.bxs-chart:before {
    content: "\ea1e"
}

.bxs-chat:before {
    content: "\ea1f"
}

.bxs-checkbox:before {
    content: "\ea20"
}

.bxs-checkbox-checked:before {
    content: "\ea21"
}

.bxs-checkbox-minus:before {
    content: "\ea22"
}

.bxs-check-circle:before {
    content: "\ea23"
}

.bxs-check-shield:before {
    content: "\ea24"
}

.bxs-check-square:before {
    content: "\ea25"
}

.bxs-chess:before {
    content: "\ea26"
}

.bxs-chevron-down:before {
    content: "\ea27"
}

.bxs-chevron-down-circle:before {
    content: "\ea28"
}

.bxs-chevron-down-square:before {
    content: "\ea29"
}

.bxs-chevron-left:before {
    content: "\ea2a"
}

.bxs-chevron-left-circle:before {
    content: "\ea2b"
}

.bxs-chevron-left-square:before {
    content: "\ea2c"
}

.bxs-chevron-right:before {
    content: "\ea2d"
}

.bxs-chevron-right-circle:before {
    content: "\ea2e"
}

.bxs-chevron-right-square:before {
    content: "\ea2f"
}

.bxs-chevrons-down:before {
    content: "\ea30"
}

.bxs-chevrons-left:before {
    content: "\ea31"
}

.bxs-chevrons-right:before {
    content: "\ea32"
}

.bxs-chevrons-up:before {
    content: "\ea33"
}

.bxs-chevron-up:before {
    content: "\ea34"
}

.bxs-chevron-up-circle:before {
    content: "\ea35"
}

.bxs-chevron-up-square:before {
    content: "\ea36"
}

.bxs-chip:before {
    content: "\ea37"
}

.bxs-church:before {
    content: "\ea38"
}

.bxs-circle:before {
    content: "\ea39"
}

.bxs-city:before {
    content: "\ea3a"
}

.bxs-clinic:before {
    content: "\ea3b"
}

.bxs-cloud:before {
    content: "\ea3c"
}

.bxs-cloud-download:before {
    content: "\ea3d"
}

.bxs-cloud-lightning:before {
    content: "\ea3e"
}

.bxs-cloud-rain:before {
    content: "\ea3f"
}

.bxs-cloud-upload:before {
    content: "\ea40"
}

.bxs-coffee:before {
    content: "\ea41"
}

.bxs-coffee-alt:before {
    content: "\ea42"
}

.bxs-coffee-togo:before {
    content: "\ea43"
}

.bxs-cog:before {
    content: "\ea44"
}

.bxs-coin:before {
    content: "\ea45"
}

.bxs-coin-stack:before {
    content: "\ea46"
}

.bxs-collection:before {
    content: "\ea47"
}

.bxs-color-fill:before {
    content: "\ea48"
}

.bxs-comment:before {
    content: "\ea49"
}

.bxs-comment-add:before {
    content: "\ea4a"
}

.bxs-comment-check:before {
    content: "\ea4b"
}

.bxs-comment-detail:before {
    content: "\ea4c"
}

.bxs-comment-dots:before {
    content: "\ea4d"
}

.bxs-comment-edit:before {
    content: "\ea4e"
}

.bxs-comment-error:before {
    content: "\ea4f"
}

.bxs-comment-minus:before {
    content: "\ea50"
}

.bxs-comment-x:before {
    content: "\ea51"
}

.bxs-compass:before {
    content: "\ea52"
}

.bxs-component:before {
    content: "\ea53"
}

.bxs-confused:before {
    content: "\ea54"
}

.bxs-contact:before {
    content: "\ea55"
}

.bxs-conversation:before {
    content: "\ea56"
}

.bxs-cookie:before {
    content: "\ea57"
}

.bxs-cool:before {
    content: "\ea58"
}

.bxs-copy:before {
    content: "\ea59"
}

.bxs-copy-alt:before {
    content: "\ea5a"
}

.bxs-copyright:before {
    content: "\ea5b"
}

.bxs-coupon:before {
    content: "\ea5c"
}

.bxs-credit-card:before {
    content: "\ea5d"
}

.bxs-credit-card-alt:before {
    content: "\ea5e"
}

.bxs-credit-card-front:before {
    content: "\ea5f"
}

.bxs-crop:before {
    content: "\ea60"
}

.bxs-crown:before {
    content: "\ea61"
}

.bxs-cube:before {
    content: "\ea62"
}

.bxs-cube-alt:before {
    content: "\ea63"
}

.bxs-cuboid:before {
    content: "\ea64"
}

.bxs-customize:before {
    content: "\ea65"
}

.bxs-cylinder:before {
    content: "\ea66"
}

.bxs-dashboard:before {
    content: "\ea67"
}

.bxs-data:before {
    content: "\ea68"
}

.bxs-detail:before {
    content: "\ea69"
}

.bxs-devices:before {
    content: "\ea6a"
}

.bxs-diamond:before {
    content: "\ea6b"
}

.bxs-dice-1:before {
    content: "\ea6c"
}

.bxs-dice-2:before {
    content: "\ea6d"
}

.bxs-dice-3:before {
    content: "\ea6e"
}

.bxs-dice-4:before {
    content: "\ea6f"
}

.bxs-dice-5:before {
    content: "\ea70"
}

.bxs-dice-6:before {
    content: "\ea71"
}

.bxs-direction-left:before {
    content: "\ea72"
}

.bxs-direction-right:before {
    content: "\ea73"
}

.bxs-directions:before {
    content: "\ea74"
}

.bxs-disc:before {
    content: "\ea75"
}

.bxs-discount:before {
    content: "\ea76"
}

.bxs-dish:before {
    content: "\ea77"
}

.bxs-dislike:before {
    content: "\ea78"
}

.bxs-dizzy:before {
    content: "\ea79"
}

.bxs-dock-bottom:before {
    content: "\ea7a"
}

.bxs-dock-left:before {
    content: "\ea7b"
}

.bxs-dock-right:before {
    content: "\ea7c"
}

.bxs-dock-top:before {
    content: "\ea7d"
}

.bxs-dollar-circle:before {
    content: "\ea7e"
}

.bxs-donate-blood:before {
    content: "\ea7f"
}

.bxs-donate-heart:before {
    content: "\ea80"
}

.bxs-door-open:before {
    content: "\ea81"
}

.bxs-doughnut-chart:before {
    content: "\ea82"
}

.bxs-down-arrow:before {
    content: "\ea83"
}

.bxs-down-arrow-alt:before {
    content: "\ea84"
}

.bxs-down-arrow-circle:before {
    content: "\ea85"
}

.bxs-down-arrow-square:before {
    content: "\ea86"
}

.bxs-download:before {
    content: "\ea87"
}

.bxs-downvote:before {
    content: "\ea88"
}

.bxs-drink:before {
    content: "\ea89"
}

.bxs-droplet:before {
    content: "\ea8a"
}

.bxs-droplet-half:before {
    content: "\ea8b"
}

.bxs-dryer:before {
    content: "\ea8c"
}

.bxs-duplicate:before {
    content: "\ea8d"
}

.bxs-edit:before {
    content: "\ea8e"
}

.bxs-edit-alt:before {
    content: "\ea8f"
}

.bxs-edit-location:before {
    content: "\ea90"
}

.bxs-eject:before {
    content: "\ea91"
}

.bxs-envelope:before {
    content: "\ea92"
}

.bxs-envelope-open:before {
    content: "\ea93"
}

.bxs-eraser:before {
    content: "\ea94"
}

.bxs-error:before {
    content: "\ea95"
}

.bxs-error-alt:before {
    content: "\ea96"
}

.bxs-error-circle:before {
    content: "\ea97"
}

.bxs-ev-station:before {
    content: "\ea98"
}

.bxs-exit:before {
    content: "\ea99"
}

.bxs-extension:before {
    content: "\ea9a"
}

.bxs-eyedropper:before {
    content: "\ea9b"
}

.bxs-face:before {
    content: "\ea9c"
}

.bxs-face-mask:before {
    content: "\ea9d"
}

.bxs-factory:before {
    content: "\ea9e"
}

.bxs-fast-forward-circle:before {
    content: "\ea9f"
}

.bxs-file:before {
    content: "\eaa0"
}

.bxs-file-archive:before {
    content: "\eaa1"
}

.bxs-file-blank:before {
    content: "\eaa2"
}

.bxs-file-css:before {
    content: "\eaa3"
}

.bxs-file-doc:before {
    content: "\eaa4"
}

.bxs-file-export:before {
    content: "\eaa5"
}

.bxs-file-find:before {
    content: "\eaa6"
}

.bxs-file-gif:before {
    content: "\eaa7"
}

.bxs-file-html:before {
    content: "\eaa8"
}

.bxs-file-image:before {
    content: "\eaa9"
}

.bxs-file-import:before {
    content: "\eaaa"
}

.bxs-file-jpg:before {
    content: "\eaab"
}

.bxs-file-js:before {
    content: "\eaac"
}

.bxs-file-json:before {
    content: "\eaad"
}

.bxs-file-md:before {
    content: "\eaae"
}

.bxs-file-pdf:before {
    content: "\eaaf"
}

.bxs-file-plus:before {
    content: "\eab0"
}

.bxs-file-png:before {
    content: "\eab1"
}

.bxs-file-txt:before {
    content: "\eab2"
}

.bxs-film:before {
    content: "\eab3"
}

.bxs-filter-alt:before {
    content: "\eab4"
}

.bxs-first-aid:before {
    content: "\eab5"
}

.bxs-flag:before {
    content: "\eab6"
}

.bxs-flag-alt:before {
    content: "\eab7"
}

.bxs-flag-checkered:before {
    content: "\eab8"
}

.bxs-flame:before {
    content: "\eab9"
}

.bxs-flask:before {
    content: "\eaba"
}

.bxs-florist:before {
    content: "\eabb"
}

.bxs-folder:before {
    content: "\eabc"
}

.bxs-folder-minus:before {
    content: "\eabd"
}

.bxs-folder-open:before {
    content: "\eabe"
}

.bxs-folder-plus:before {
    content: "\eabf"
}

.bxs-food-menu:before {
    content: "\eac0"
}

.bxs-fridge:before {
    content: "\eac1"
}

.bxs-game:before {
    content: "\eac2"
}

.bxs-gas-pump:before {
    content: "\eac3"
}

.bxs-ghost:before {
    content: "\eac4"
}

.bxs-gift:before {
    content: "\eac5"
}

.bxs-graduation:before {
    content: "\eac6"
}

.bxs-grid:before {
    content: "\eac7"
}

.bxs-grid-alt:before {
    content: "\eac8"
}

.bxs-group:before {
    content: "\eac9"
}

.bxs-guitar-amp:before {
    content: "\eaca"
}

.bxs-hand:before {
    content: "\eacb"
}

.bxs-hand-down:before {
    content: "\eacc"
}

.bxs-hand-left:before {
    content: "\eacd"
}

.bxs-hand-right:before {
    content: "\eace"
}

.bxs-hand-up:before {
    content: "\eacf"
}

.bxs-happy:before {
    content: "\ead0"
}

.bxs-happy-alt:before {
    content: "\ead1"
}

.bxs-happy-beaming:before {
    content: "\ead2"
}

.bxs-happy-heart-eyes:before {
    content: "\ead3"
}

.bxs-hdd:before {
    content: "\ead4"
}

.bxs-heart:before {
    content: "\ead5"
}

.bxs-heart-circle:before {
    content: "\ead6"
}

.bxs-heart-square:before {
    content: "\ead7"
}

.bxs-help-circle:before {
    content: "\ead8"
}

.bxs-hide:before {
    content: "\ead9"
}

.bxs-home:before {
    content: "\eada"
}

.bxs-home-circle:before {
    content: "\eadb"
}

.bxs-home-heart:before {
    content: "\eadc"
}

.bxs-home-smile:before {
    content: "\eadd"
}

.bxs-hot:before {
    content: "\eade"
}

.bxs-hotel:before {
    content: "\eadf"
}

.bxs-hourglass:before {
    content: "\eae0"
}

.bxs-hourglass-bottom:before {
    content: "\eae1"
}

.bxs-hourglass-top:before {
    content: "\eae2"
}

.bxs-id-card:before {
    content: "\eae3"
}

.bxs-image:before {
    content: "\eae4"
}

.bxs-image-add:before {
    content: "\eae5"
}

.bxs-image-alt:before {
    content: "\eae6"
}

.bxs-inbox:before {
    content: "\eae7"
}

.bxs-info-circle:before {
    content: "\eae8"
}

.bxs-info-square:before {
    content: "\eae9"
}

.bxs-institution:before {
    content: "\eaea"
}

.bxs-joystick:before {
    content: "\eaeb"
}

.bxs-joystick-alt:before {
    content: "\eaec"
}

.bxs-joystick-button:before {
    content: "\eaed"
}

.bxs-key:before {
    content: "\eaee"
}

.bxs-keyboard:before {
    content: "\eaef"
}

.bxs-label:before {
    content: "\eaf0"
}

.bxs-landmark:before {
    content: "\eaf1"
}

.bxs-landscape:before {
    content: "\eaf2"
}

.bxs-laugh:before {
    content: "\eaf3"
}

.bxs-layer:before {
    content: "\eaf4"
}

.bxs-layer-minus:before {
    content: "\eaf5"
}

.bxs-layer-plus:before {
    content: "\eaf6"
}

.bxs-layout:before {
    content: "\eaf7"
}

.bxs-left-arrow:before {
    content: "\eaf8"
}

.bxs-left-arrow-alt:before {
    content: "\eaf9"
}

.bxs-left-arrow-circle:before {
    content: "\eafa"
}

.bxs-left-arrow-square:before {
    content: "\eafb"
}

.bxs-left-down-arrow-circle:before {
    content: "\eafc"
}

.bxs-left-top-arrow-circle:before {
    content: "\eafd"
}

.bxs-like:before {
    content: "\eafe"
}

.bxs-location-plus:before {
    content: "\eaff"
}

.bxs-lock:before {
    content: "\eb00"
}

.bxs-lock-alt:before {
    content: "\eb01"
}

.bxs-lock-open:before {
    content: "\eb02"
}

.bxs-lock-open-alt:before {
    content: "\eb03"
}

.bxs-log-in:before {
    content: "\eb04"
}

.bxs-log-in-circle:before {
    content: "\eb05"
}

.bxs-log-out:before {
    content: "\eb06"
}

.bxs-log-out-circle:before {
    content: "\eb07"
}

.bxs-low-vision:before {
    content: "\eb08"
}

.bxs-magic-wand:before {
    content: "\eb09"
}

.bxs-magnet:before {
    content: "\eb0a"
}

.bxs-map:before {
    content: "\eb0b"
}

.bxs-map-alt:before {
    content: "\eb0c"
}

.bxs-map-pin:before {
    content: "\eb0d"
}

.bxs-mask:before {
    content: "\eb0e"
}

.bxs-medal:before {
    content: "\eb0f"
}

.bxs-megaphone:before {
    content: "\eb10"
}

.bxs-meh:before {
    content: "\eb11"
}

.bxs-meh-alt:before {
    content: "\eb12"
}

.bxs-meh-blank:before {
    content: "\eb13"
}

.bxs-memory-card:before {
    content: "\eb14"
}

.bxs-message:before {
    content: "\eb15"
}

.bxs-message-add:before {
    content: "\eb16"
}

.bxs-message-alt:before {
    content: "\eb17"
}

.bxs-message-alt-add:before {
    content: "\eb18"
}

.bxs-message-alt-check:before {
    content: "\eb19"
}

.bxs-message-alt-detail:before {
    content: "\eb1a"
}

.bxs-message-alt-dots:before {
    content: "\eb1b"
}

.bxs-message-alt-edit:before {
    content: "\eb1c"
}

.bxs-message-alt-error:before {
    content: "\eb1d"
}

.bxs-message-alt-minus:before {
    content: "\eb1e"
}

.bxs-message-alt-x:before {
    content: "\eb1f"
}

.bxs-message-check:before {
    content: "\eb20"
}

.bxs-message-detail:before {
    content: "\eb21"
}

.bxs-message-dots:before {
    content: "\eb22"
}

.bxs-message-edit:before {
    content: "\eb23"
}

.bxs-message-error:before {
    content: "\eb24"
}

.bxs-message-minus:before {
    content: "\eb25"
}

.bxs-message-rounded:before {
    content: "\eb26"
}

.bxs-message-rounded-add:before {
    content: "\eb27"
}

.bxs-message-rounded-check:before {
    content: "\eb28"
}

.bxs-message-rounded-detail:before {
    content: "\eb29"
}

.bxs-message-rounded-dots:before {
    content: "\eb2a"
}

.bxs-message-rounded-edit:before {
    content: "\eb2b"
}

.bxs-message-rounded-error:before {
    content: "\eb2c"
}

.bxs-message-rounded-minus:before {
    content: "\eb2d"
}

.bxs-message-rounded-x:before {
    content: "\eb2e"
}

.bxs-message-square:before {
    content: "\eb2f"
}

.bxs-message-square-add:before {
    content: "\eb30"
}

.bxs-message-square-check:before {
    content: "\eb31"
}

.bxs-message-square-detail:before {
    content: "\eb32"
}

.bxs-message-square-dots:before {
    content: "\eb33"
}

.bxs-message-square-edit:before {
    content: "\eb34"
}

.bxs-message-square-error:before {
    content: "\eb35"
}

.bxs-message-square-minus:before {
    content: "\eb36"
}

.bxs-message-square-x:before {
    content: "\eb37"
}

.bxs-message-x:before {
    content: "\eb38"
}

.bxs-meteor:before {
    content: "\eb39"
}

.bxs-microchip:before {
    content: "\eb3a"
}

.bxs-microphone:before {
    content: "\eb3b"
}

.bxs-microphone-alt:before {
    content: "\eb3c"
}

.bxs-microphone-off:before {
    content: "\eb3d"
}

.bxs-minus-circle:before {
    content: "\eb3e"
}

.bxs-minus-square:before {
    content: "\eb3f"
}

.bxs-mobile:before {
    content: "\eb40"
}

.bxs-mobile-vibration:before {
    content: "\eb41"
}

.bxs-moon:before {
    content: "\eb42"
}

.bxs-mouse:before {
    content: "\eb43"
}

.bxs-mouse-alt:before {
    content: "\eb44"
}

.bxs-movie:before {
    content: "\eb45"
}

.bxs-movie-play:before {
    content: "\eb46"
}

.bxs-music:before {
    content: "\eb47"
}

.bxs-navigation:before {
    content: "\eb48"
}

.bxs-network-chart:before {
    content: "\eb49"
}

.bxs-news:before {
    content: "\eb4a"
}

.bxs-no-entry:before {
    content: "\eb4b"
}

.bxs-note:before {
    content: "\eb4c"
}

.bxs-notepad:before {
    content: "\eb4d"
}

.bxs-notification:before {
    content: "\eb4e"
}

.bxs-notification-off:before {
    content: "\eb4f"
}

.bxs-offer:before {
    content: "\eb50"
}

.bxs-package:before {
    content: "\eb51"
}

.bxs-paint:before {
    content: "\eb52"
}

.bxs-paint-roll:before {
    content: "\eb53"
}

.bxs-palette:before {
    content: "\eb54"
}

.bxs-paper-plane:before {
    content: "\eb55"
}

.bxs-parking:before {
    content: "\eb56"
}

.bxs-paste:before {
    content: "\eb57"
}

.bxs-pen:before {
    content: "\eb58"
}

.bxs-pencil:before {
    content: "\eb59"
}

.bxs-phone:before {
    content: "\eb5a"
}

.bxs-phone-call:before {
    content: "\eb5b"
}

.bxs-phone-incoming:before {
    content: "\eb5c"
}

.bxs-phone-off:before {
    content: "\eb5d"
}

.bxs-phone-outgoing:before {
    content: "\eb5e"
}

.bxs-photo-album:before {
    content: "\eb5f"
}

.bxs-piano:before {
    content: "\eb60"
}

.bxs-pie-chart:before {
    content: "\eb61"
}

.bxs-pie-chart-alt:before {
    content: "\eb62"
}

.bxs-pie-chart-alt-2:before {
    content: "\eb63"
}

.bxs-pin:before {
    content: "\eb64"
}

.bxs-pizza:before {
    content: "\eb65"
}

.bxs-plane:before {
    content: "\eb66"
}

.bxs-plane-alt:before {
    content: "\eb67"
}

.bxs-plane-land:before {
    content: "\eb68"
}

.bxs-planet:before {
    content: "\eb69"
}

.bxs-plane-take-off:before {
    content: "\eb6a"
}

.bxs-playlist:before {
    content: "\eb6b"
}

.bxs-plug:before {
    content: "\eb6c"
}

.bxs-plus-circle:before {
    content: "\eb6d"
}

.bxs-plus-square:before {
    content: "\eb6e"
}

.bxs-pointer:before {
    content: "\eb6f"
}

.bxs-polygon:before {
    content: "\eb70"
}

.bxs-printer:before {
    content: "\eb71"
}

.bxs-purchase-tag:before {
    content: "\eb72"
}

.bxs-purchase-tag-alt:before {
    content: "\eb73"
}

.bxs-pyramid:before {
    content: "\eb74"
}

.bxs-quote-alt-left:before {
    content: "\eb75"
}

.bxs-quote-alt-right:before {
    content: "\eb76"
}

.bxs-quote-left:before {
    content: "\eb77"
}

.bxs-quote-right:before {
    content: "\eb78"
}

.bxs-quote-single-left:before {
    content: "\eb79"
}

.bxs-quote-single-right:before {
    content: "\eb7a"
}

.bxs-radiation:before {
    content: "\eb7b"
}

.bxs-radio:before {
    content: "\eb7c"
}

.bxs-receipt:before {
    content: "\eb7d"
}

.bxs-rectangle:before {
    content: "\eb7e"
}

.bxs-registered:before {
    content: "\eb7f"
}

.bxs-rename:before {
    content: "\eb80"
}

.bxs-report:before {
    content: "\eb81"
}

.bxs-rewind-circle:before {
    content: "\eb82"
}

.bxs-right-arrow:before {
    content: "\eb83"
}

.bxs-right-arrow-alt:before {
    content: "\eb84"
}

.bxs-right-arrow-circle:before {
    content: "\eb85"
}

.bxs-right-arrow-square:before {
    content: "\eb86"
}

.bxs-right-down-arrow-circle:before {
    content: "\eb87"
}

.bxs-right-top-arrow-circle:before {
    content: "\eb88"
}

.bxs-rocket:before {
    content: "\eb89"
}

.bxs-ruler:before {
    content: "\eb8a"
}

.bxs-sad:before {
    content: "\eb8b"
}

.bxs-save:before {
    content: "\eb8c"
}

.bxs-school:before {
    content: "\eb8d"
}

.bxs-search:before {
    content: "\eb8e"
}

.bxs-search-alt-2:before {
    content: "\eb8f"
}

.bxs-select-multiple:before {
    content: "\eb90"
}

.bxs-send:before {
    content: "\eb91"
}

.bxs-server:before {
    content: "\eb92"
}

.bxs-shapes:before {
    content: "\eb93"
}

.bxs-share:before {
    content: "\eb94"
}

.bxs-share-alt:before {
    content: "\eb95"
}

.bxs-shield:before {
    content: "\eb96"
}

.bxs-shield-alt-2:before {
    content: "\eb97"
}

.bxs-shield-x:before {
    content: "\eb98"
}

.bxs-ship:before {
    content: "\eb99"
}

.bxs-shocked:before {
    content: "\eb9a"
}

.bxs-shopping-bag:before {
    content: "\eb9b"
}

.bxs-shopping-bag-alt:before {
    content: "\eb9c"
}

.bxs-shopping-bags:before {
    content: "\eb9d"
}

.bxs-show:before {
    content: "\eb9e"
}

.bxs-skip-next-circle:before {
    content: "\eb9f"
}

.bxs-skip-previous-circle:before {
    content: "\eba0"
}

.bxs-skull:before {
    content: "\eba1"
}

.bxs-sleepy:before {
    content: "\eba2"
}

.bxs-slideshow:before {
    content: "\eba3"
}

.bxs-smile:before {
    content: "\eba4"
}

.bxs-sort-alt:before {
    content: "\eba5"
}

.bxs-spa:before {
    content: "\eba6"
}

.bxs-speaker:before {
    content: "\eba7"
}

.bxs-spray-can:before {
    content: "\eba8"
}

.bxs-spreadsheet:before {
    content: "\eba9"
}

.bxs-square:before {
    content: "\ebaa"
}

.bxs-square-rounded:before {
    content: "\ebab"
}

.bxs-star:before {
    content: "\ebac"
}

.bxs-star-half:before {
    content: "\ebad"
}

.bxs-sticker:before {
    content: "\ebae"
}

.bxs-stopwatch:before {
    content: "\ebaf"
}

.bxs-store:before {
    content: "\ebb0"
}

.bxs-store-alt:before {
    content: "\ebb1"
}

.bxs-sun:before {
    content: "\ebb2"
}

.bxs-tachometer:before {
    content: "\ebb3"
}

.bxs-tag:before {
    content: "\ebb4"
}

.bxs-tag-alt:before {
    content: "\ebb5"
}

.bxs-tag-x:before {
    content: "\ebb6"
}

.bxs-taxi:before {
    content: "\ebb7"
}

.bxs-tennis-ball:before {
    content: "\ebb8"
}

.bxs-terminal:before {
    content: "\ebb9"
}

.bxs-thermometer:before {
    content: "\ebba"
}

.bxs-time:before {
    content: "\ebbb"
}

.bxs-time-five:before {
    content: "\ebbc"
}

.bxs-timer:before {
    content: "\ebbd"
}

.bxs-tired:before {
    content: "\ebbe"
}

.bxs-toggle-left:before {
    content: "\ebbf"
}

.bxs-toggle-right:before {
    content: "\ebc0"
}

.bxs-tone:before {
    content: "\ebc1"
}

.bxs-torch:before {
    content: "\ebc2"
}

.bxs-to-top:before {
    content: "\ebc3"
}

.bxs-traffic:before {
    content: "\ebc4"
}

.bxs-traffic-barrier:before {
    content: "\ebc5"
}

.bxs-traffic-cone:before {
    content: "\ebc6"
}

.bxs-train:before {
    content: "\ebc7"
}

.bxs-trash:before {
    content: "\ebc8"
}

.bxs-trash-alt:before {
    content: "\ebc9"
}

.bxs-tree:before {
    content: "\ebca"
}

.bxs-trophy:before {
    content: "\ebcb"
}

.bxs-truck:before {
    content: "\ebcc"
}

.bxs-t-shirt:before {
    content: "\ebcd"
}

.bxs-tv:before {
    content: "\ebce"
}

.bxs-up-arrow:before {
    content: "\ebcf"
}

.bxs-up-arrow-alt:before {
    content: "\ebd0"
}

.bxs-up-arrow-circle:before {
    content: "\ebd1"
}

.bxs-up-arrow-square:before {
    content: "\ebd2"
}

.bxs-upside-down:before {
    content: "\ebd3"
}

.bxs-upvote:before {
    content: "\ebd4"
}

.bxs-user:before {
    content: "\ebd5"
}

.bxs-user-account:before {
    content: "\ebd6"
}

.bxs-user-badge:before {
    content: "\ebd7"
}

.bxs-user-check:before {
    content: "\ebd8"
}

.bxs-user-circle:before {
    content: "\ebd9"
}

.bxs-user-detail:before {
    content: "\ebda"
}

.bxs-user-minus:before {
    content: "\ebdb"
}

.bxs-user-pin:before {
    content: "\ebdc"
}

.bxs-user-plus:before {
    content: "\ebdd"
}

.bxs-user-rectangle:before {
    content: "\ebde"
}

.bxs-user-voice:before {
    content: "\ebdf"
}

.bxs-user-x:before {
    content: "\ebe0"
}

.bxs-vector:before {
    content: "\ebe1"
}

.bxs-vial:before {
    content: "\ebe2"
}

.bxs-video:before {
    content: "\ebe3"
}

.bxs-video-off:before {
    content: "\ebe4"
}

.bxs-video-plus:before {
    content: "\ebe5"
}

.bxs-video-recording:before {
    content: "\ebe6"
}

.bxs-videos:before {
    content: "\ebe7"
}

.bxs-virus:before {
    content: "\ebe8"
}

.bxs-virus-block:before {
    content: "\ebe9"
}

.bxs-volume:before {
    content: "\ebea"
}

.bxs-volume-full:before {
    content: "\ebeb"
}

.bxs-volume-low:before {
    content: "\ebec"
}

.bxs-volume-mute:before {
    content: "\ebed"
}

.bxs-wallet:before {
    content: "\ebee"
}

.bxs-wallet-alt:before {
    content: "\ebef"
}

.bxs-washer:before {
    content: "\ebf0"
}

.bxs-watch:before {
    content: "\ebf1"
}

.bxs-watch-alt:before {
    content: "\ebf2"
}

.bxs-webcam:before {
    content: "\ebf3"
}

.bxs-widget:before {
    content: "\ebf4"
}

.bxs-window-alt:before {
    content: "\ebf5"
}

.bxs-wine:before {
    content: "\ebf6"
}

.bxs-wink-smile:before {
    content: "\ebf7"
}

.bxs-wink-tongue:before {
    content: "\ebf8"
}

.bxs-wrench:before {
    content: "\ebf9"
}

.bxs-x-circle:before {
    content: "\ebfa"
}

.bxs-x-square:before {
    content: "\ebfb"
}

.bxs-yin-yang:before {
    content: "\ebfc"
}

.bxs-zap:before {
    content: "\ebfd"
}

.bxs-zoom-in:before {
    content: "\ebfe"
}

.bxs-zoom-out:before {
    content: "\ebff"
}

.bx-abacus:before {
    content: "\ec00"
}

.bx-accessibility:before {
    content: "\ec01"
}

.bx-add-to-queue:before {
    content: "\ec02"
}

.bx-adjust:before {
    content: "\ec03"
}

.bx-alarm:before {
    content: "\ec04"
}

.bx-alarm-add:before {
    content: "\ec05"
}

.bx-alarm-exclamation:before {
    content: "\ec06"
}

.bx-alarm-off:before {
    content: "\ec07"
}

.bx-alarm-snooze:before {
    content: "\ec08"
}

.bx-album:before {
    content: "\ec09"
}

.bx-align-justify:before {
    content: "\ec0a"
}

.bx-align-left:before {
    content: "\ec0b"
}

.bx-align-middle:before {
    content: "\ec0c"
}

.bx-align-right:before {
    content: "\ec0d"
}

.bx-analyse:before {
    content: "\ec0e"
}

.bx-anchor:before {
    content: "\ec0f"
}

.bx-angry:before {
    content: "\ec10"
}

.bx-aperture:before {
    content: "\ec11"
}

.bx-arch:before {
    content: "\ec12"
}

.bx-archive:before {
    content: "\ec13"
}

.bx-archive-in:before {
    content: "\ec14"
}

.bx-archive-out:before {
    content: "\ec15"
}

.bx-area:before {
    content: "\ec16"
}

.bx-arrow-back:before {
    content: "\ec17"
}

.bx-arrow-from-bottom:before {
    content: "\ec18"
}

.bx-arrow-from-left:before {
    content: "\ec19"
}

.bx-arrow-from-right:before {
    content: "\ec1a"
}

.bx-arrow-from-top:before {
    content: "\ec1b"
}

.bx-arrow-to-bottom:before {
    content: "\ec1c"
}

.bx-arrow-to-left:before {
    content: "\ec1d"
}

.bx-arrow-to-right:before {
    content: "\ec1e"
}

.bx-arrow-to-top:before {
    content: "\ec1f"
}

.bx-at:before {
    content: "\ec20"
}

.bx-atom:before {
    content: "\ec21"
}

.bx-award:before {
    content: "\ec22"
}

.bx-badge:before {
    content: "\ec23"
}

.bx-badge-check:before {
    content: "\ec24"
}

.bx-ball:before {
    content: "\ec25"
}

.bx-band-aid:before {
    content: "\ec26"
}

.bx-bar-chart:before {
    content: "\ec27"
}

.bx-bar-chart-alt:before {
    content: "\ec28"
}

.bx-bar-chart-alt-2:before {
    content: "\ec29"
}

.bx-bar-chart-square:before {
    content: "\ec2a"
}

.bx-barcode:before {
    content: "\ec2b"
}

.bx-barcode-reader:before {
    content: "\ec2c"
}

.bx-baseball:before {
    content: "\ec2d"
}

.bx-basket:before {
    content: "\ec2e"
}

.bx-basketball:before {
    content: "\ec2f"
}

.bx-bath:before {
    content: "\ec30"
}

.bx-battery:before {
    content: "\ec31"
}

.bx-bed:before {
    content: "\ec32"
}

.bx-been-here:before {
    content: "\ec33"
}

.bx-beer:before {
    content: "\ec34"
}

.bx-bell:before {
    content: "\ec35"
}

.bx-bell-minus:before {
    content: "\ec36"
}

.bx-bell-off:before {
    content: "\ec37"
}

.bx-bell-plus:before {
    content: "\ec38"
}

.bx-bible:before {
    content: "\ec39"
}

.bx-bitcoin:before {
    content: "\ec3a"
}

.bx-blanket:before {
    content: "\ec3b"
}

.bx-block:before {
    content: "\ec3c"
}

.bx-bluetooth:before {
    content: "\ec3d"
}

.bx-body:before {
    content: "\ec3e"
}

.bx-bold:before {
    content: "\ec3f"
}

.bx-bolt-circle:before {
    content: "\ec40"
}

.bx-bomb:before {
    content: "\ec41"
}

.bx-bone:before {
    content: "\ec42"
}

.bx-bong:before {
    content: "\ec43"
}

.bx-book:before {
    content: "\ec44"
}

.bx-book-add:before {
    content: "\ec45"
}

.bx-book-alt:before {
    content: "\ec46"
}

.bx-book-bookmark:before {
    content: "\ec47"
}

.bx-book-content:before {
    content: "\ec48"
}

.bx-book-heart:before {
    content: "\ec49"
}

.bx-bookmark:before {
    content: "\ec4a"
}

.bx-bookmark-alt:before {
    content: "\ec4b"
}

.bx-bookmark-alt-minus:before {
    content: "\ec4c"
}

.bx-bookmark-alt-plus:before {
    content: "\ec4d"
}

.bx-bookmark-heart:before {
    content: "\ec4e"
}

.bx-bookmark-minus:before {
    content: "\ec4f"
}

.bx-bookmark-plus:before {
    content: "\ec50"
}

.bx-bookmarks:before {
    content: "\ec51"
}

.bx-book-open:before {
    content: "\ec52"
}

.bx-book-reader:before {
    content: "\ec53"
}

.bx-border-all:before {
    content: "\ec54"
}

.bx-border-bottom:before {
    content: "\ec55"
}

.bx-border-inner:before {
    content: "\ec56"
}

.bx-border-left:before {
    content: "\ec57"
}

.bx-border-none:before {
    content: "\ec58"
}

.bx-border-outer:before {
    content: "\ec59"
}

.bx-border-radius:before {
    content: "\ec5a"
}

.bx-border-right:before {
    content: "\ec5b"
}

.bx-border-top:before {
    content: "\ec5c"
}

.bx-bot:before {
    content: "\ec5d"
}

.bx-bowling-ball:before {
    content: "\ec5e"
}

.bx-box:before {
    content: "\ec5f"
}

.bx-bracket:before {
    content: "\ec60"
}

.bx-braille:before {
    content: "\ec61"
}

.bx-brain:before {
    content: "\ec62"
}

.bx-briefcase:before {
    content: "\ec63"
}

.bx-briefcase-alt:before {
    content: "\ec64"
}

.bx-briefcase-alt-2:before {
    content: "\ec65"
}

.bx-brightness:before {
    content: "\ec66"
}

.bx-brightness-half:before {
    content: "\ec67"
}

.bx-broadcast:before {
    content: "\ec68"
}

.bx-brush:before {
    content: "\ec69"
}

.bx-brush-alt:before {
    content: "\ec6a"
}

.bx-bug:before {
    content: "\ec6b"
}

.bx-bug-alt:before {
    content: "\ec6c"
}

.bx-building:before {
    content: "\ec6d"
}

.bx-building-house:before {
    content: "\ec6e"
}

.bx-buildings:before {
    content: "\ec6f"
}

.bx-bulb:before {
    content: "\ec70"
}

.bx-bullseye:before {
    content: "\ec71"
}

.bx-buoy:before {
    content: "\ec72"
}

.bx-bus:before {
    content: "\ec73"
}

.bx-bus-school:before {
    content: "\ec74"
}

.bx-cabinet:before {
    content: "\ec75"
}

.bx-cake:before {
    content: "\ec76"
}

.bx-calculator:before {
    content: "\ec77"
}

.bx-calendar:before {
    content: "\ec78"
}

.bx-calendar-alt:before {
    content: "\ec79"
}

.bx-calendar-check:before {
    content: "\ec7a"
}

.bx-calendar-edit:before {
    content: "\ec7b"
}

.bx-calendar-event:before {
    content: "\ec7c"
}

.bx-calendar-exclamation:before {
    content: "\ec7d"
}

.bx-calendar-heart:before {
    content: "\ec7e"
}

.bx-calendar-minus:before {
    content: "\ec7f"
}

.bx-calendar-plus:before {
    content: "\ec80"
}

.bx-calendar-star:before {
    content: "\ec81"
}

.bx-calendar-week:before {
    content: "\ec82"
}

.bx-calendar-x:before {
    content: "\ec83"
}

.bx-camera:before {
    content: "\ec84"
}

.bx-camera-home:before {
    content: "\ec85"
}

.bx-camera-movie:before {
    content: "\ec86"
}

.bx-camera-off:before {
    content: "\ec87"
}

.bx-capsule:before {
    content: "\ec88"
}

.bx-captions:before {
    content: "\ec89"
}

.bx-car:before {
    content: "\ec8a"
}

.bx-card:before {
    content: "\ec8b"
}

.bx-caret-down:before {
    content: "\ec8c"
}

.bx-caret-down-circle:before {
    content: "\ec8d"
}

.bx-caret-down-square:before {
    content: "\ec8e"
}

.bx-caret-left:before {
    content: "\ec8f"
}

.bx-caret-left-circle:before {
    content: "\ec90"
}

.bx-caret-left-square:before {
    content: "\ec91"
}

.bx-caret-right:before {
    content: "\ec92"
}

.bx-caret-right-circle:before {
    content: "\ec93"
}

.bx-caret-right-square:before {
    content: "\ec94"
}

.bx-caret-up:before {
    content: "\ec95"
}

.bx-caret-up-circle:before {
    content: "\ec96"
}

.bx-caret-up-square:before {
    content: "\ec97"
}

.bx-carousel:before {
    content: "\ec98"
}

.bx-cart:before {
    content: "\ec99"
}

.bx-cart-alt:before {
    content: "\ec9a"
}

.bx-cast:before {
    content: "\ec9b"
}

.bx-category:before {
    content: "\ec9c"
}

.bx-category-alt:before {
    content: "\ec9d"
}

.bx-cctv:before {
    content: "\ec9e"
}

.bx-certification:before {
    content: "\ec9f"
}

.bx-chair:before {
    content: "\eca0"
}

.bx-chalkboard:before {
    content: "\eca1"
}

.bx-chart:before {
    content: "\eca2"
}

.bx-chat:before {
    content: "\eca3"
}

.bx-check:before {
    content: "\eca4"
}

.bx-checkbox:before {
    content: "\eca5"
}

.bx-checkbox-checked:before {
    content: "\eca6"
}

.bx-checkbox-minus:before {
    content: "\eca7"
}

.bx-checkbox-square:before {
    content: "\eca8"
}

.bx-check-circle:before {
    content: "\eca9"
}

.bx-check-double:before {
    content: "\ecaa"
}

.bx-check-shield:before {
    content: "\ecab"
}

.bx-check-square:before {
    content: "\ecac"
}

.bx-chevron-down:before {
    content: "\ecad"
}

.bx-chevron-down-circle:before {
    content: "\ecae"
}

.bx-chevron-down-square:before {
    content: "\ecaf"
}

.bx-chevron-left:before {
    content: "\ecb0"
}

.bx-chevron-left-circle:before {
    content: "\ecb1"
}

.bx-chevron-left-square:before {
    content: "\ecb2"
}

.bx-chevron-right:before {
    content: "\ecb3"
}

.bx-chevron-right-circle:before {
    content: "\ecb4"
}

.bx-chevron-right-square:before {
    content: "\ecb5"
}

.bx-chevrons-down:before {
    content: "\ecb6"
}

.bx-chevrons-left:before {
    content: "\ecb7"
}

.bx-chevrons-right:before {
    content: "\ecb8"
}

.bx-chevrons-up:before {
    content: "\ecb9"
}

.bx-chevron-up:before {
    content: "\ecba"
}

.bx-chevron-up-circle:before {
    content: "\ecbb"
}

.bx-chevron-up-square:before {
    content: "\ecbc"
}

.bx-chip:before {
    content: "\ecbd"
}

.bx-church:before {
    content: "\ecbe"
}

.bx-circle:before {
    content: "\ecbf"
}

.bx-clinic:before {
    content: "\ecc0"
}

.bx-clipboard:before {
    content: "\ecc1"
}

.bx-closet:before {
    content: "\ecc2"
}

.bx-cloud:before {
    content: "\ecc3"
}

.bx-cloud-download:before {
    content: "\ecc4"
}

.bx-cloud-drizzle:before {
    content: "\ecc5"
}

.bx-cloud-lightning:before {
    content: "\ecc6"
}

.bx-cloud-light-rain:before {
    content: "\ecc7"
}

.bx-cloud-rain:before {
    content: "\ecc8"
}

.bx-cloud-snow:before {
    content: "\ecc9"
}

.bx-cloud-upload:before {
    content: "\ecca"
}

.bx-code:before {
    content: "\eccb"
}

.bx-code-alt:before {
    content: "\eccc"
}

.bx-code-block:before {
    content: "\eccd"
}

.bx-code-curly:before {
    content: "\ecce"
}

.bx-coffee:before {
    content: "\eccf"
}

.bx-coffee-togo:before {
    content: "\ecd0"
}

.bx-cog:before {
    content: "\ecd1"
}

.bx-coin:before {
    content: "\ecd2"
}

.bx-coin-stack:before {
    content: "\ecd3"
}

.bx-collapse:before {
    content: "\ecd4"
}

.bx-collection:before {
    content: "\ecd5"
}

.bx-color-fill:before {
    content: "\ecd6"
}

.bx-columns:before {
    content: "\ecd7"
}

.bx-command:before {
    content: "\ecd8"
}

.bx-comment:before {
    content: "\ecd9"
}

.bx-comment-add:before {
    content: "\ecda"
}

.bx-comment-check:before {
    content: "\ecdb"
}

.bx-comment-detail:before {
    content: "\ecdc"
}

.bx-comment-dots:before {
    content: "\ecdd"
}

.bx-comment-edit:before {
    content: "\ecde"
}

.bx-comment-error:before {
    content: "\ecdf"
}

.bx-comment-minus:before {
    content: "\ece0"
}

.bx-comment-x:before {
    content: "\ece1"
}

.bx-compass:before {
    content: "\ece2"
}

.bx-confused:before {
    content: "\ece3"
}

.bx-conversation:before {
    content: "\ece4"
}

.bx-cookie:before {
    content: "\ece5"
}

.bx-cool:before {
    content: "\ece6"
}

.bx-copy:before {
    content: "\ece7"
}

.bx-copy-alt:before {
    content: "\ece8"
}

.bx-copyright:before {
    content: "\ece9"
}

.bx-credit-card:before {
    content: "\ecea"
}

.bx-credit-card-alt:before {
    content: "\eceb"
}

.bx-credit-card-front:before {
    content: "\ecec"
}

.bx-crop:before {
    content: "\eced"
}

.bx-crosshair:before {
    content: "\ecee"
}

.bx-crown:before {
    content: "\ecef"
}

.bx-cube:before {
    content: "\ecf0"
}

.bx-cube-alt:before {
    content: "\ecf1"
}

.bx-cuboid:before {
    content: "\ecf2"
}

.bx-current-location:before {
    content: "\ecf3"
}

.bx-customize:before {
    content: "\ecf4"
}

.bx-cut:before {
    content: "\ecf5"
}

.bx-cycling:before {
    content: "\ecf6"
}

.bx-cylinder:before {
    content: "\ecf7"
}

.bx-data:before {
    content: "\ecf8"
}

.bx-desktop:before {
    content: "\ecf9"
}

.bx-detail:before {
    content: "\ecfa"
}

.bx-devices:before {
    content: "\ecfb"
}

.bx-dialpad:before {
    content: "\ecfc"
}

.bx-dialpad-alt:before {
    content: "\ecfd"
}

.bx-diamond:before {
    content: "\ecfe"
}

.bx-dice-1:before {
    content: "\ecff"
}

.bx-dice-2:before {
    content: "\ed00"
}

.bx-dice-3:before {
    content: "\ed01"
}

.bx-dice-4:before {
    content: "\ed02"
}

.bx-dice-5:before {
    content: "\ed03"
}

.bx-dice-6:before {
    content: "\ed04"
}

.bx-directions:before {
    content: "\ed05"
}

.bx-disc:before {
    content: "\ed06"
}

.bx-dish:before {
    content: "\ed07"
}

.bx-dislike:before {
    content: "\ed08"
}

.bx-dizzy:before {
    content: "\ed09"
}

.bx-dna:before {
    content: "\ed0a"
}

.bx-dock-bottom:before {
    content: "\ed0b"
}

.bx-dock-left:before {
    content: "\ed0c"
}

.bx-dock-right:before {
    content: "\ed0d"
}

.bx-dock-top:before {
    content: "\ed0e"
}

.bx-dollar:before {
    content: "\ed0f"
}

.bx-dollar-circle:before {
    content: "\ed10"
}

.bx-donate-blood:before {
    content: "\ed11"
}

.bx-donate-heart:before {
    content: "\ed12"
}

.bx-door-open:before {
    content: "\ed13"
}

.bx-dots-horizontal:before {
    content: "\ed14"
}

.bx-dots-horizontal-rounded:before {
    content: "\ed15"
}

.bx-dots-vertical:before {
    content: "\ed16"
}

.bx-dots-vertical-rounded:before {
    content: "\ed17"
}

.bx-doughnut-chart:before {
    content: "\ed18"
}

.bx-down-arrow:before {
    content: "\ed19"
}

.bx-down-arrow-alt:before {
    content: "\ed1a"
}

.bx-down-arrow-circle:before {
    content: "\ed1b"
}

.bx-download:before {
    content: "\ed1c"
}

.bx-downvote:before {
    content: "\ed1d"
}

.bx-drink:before {
    content: "\ed1e"
}

.bx-droplet:before {
    content: "\ed1f"
}

.bx-dumbbell:before {
    content: "\ed20"
}

.bx-duplicate:before {
    content: "\ed21"
}

.bx-edit:before {
    content: "\ed22"
}

.bx-edit-alt:before {
    content: "\ed23"
}

.bx-envelope:before {
    content: "\ed24"
}

.bx-envelope-open:before {
    content: "\ed25"
}

.bx-equalizer:before {
    content: "\ed26"
}

.bx-eraser:before {
    content: "\ed27"
}

.bx-error:before {
    content: "\ed28"
}

.bx-error-alt:before {
    content: "\ed29"
}

.bx-error-circle:before {
    content: "\ed2a"
}

.bx-euro:before {
    content: "\ed2b"
}

.bx-exclude:before {
    content: "\ed2c"
}

.bx-exit:before {
    content: "\ed2d"
}

.bx-exit-fullscreen:before {
    content: "\ed2e"
}

.bx-expand:before {
    content: "\ed2f"
}

.bx-expand-alt:before {
    content: "\ed30"
}

.bx-export:before {
    content: "\ed31"
}

.bx-extension:before {
    content: "\ed32"
}

.bx-face:before {
    content: "\ed33"
}

.bx-fast-forward:before {
    content: "\ed34"
}

.bx-fast-forward-circle:before {
    content: "\ed35"
}

.bx-female:before {
    content: "\ed36"
}

.bx-female-sign:before {
    content: "\ed37"
}

.bx-file:before {
    content: "\ed38"
}

.bx-file-blank:before {
    content: "\ed39"
}

.bx-file-find:before {
    content: "\ed3a"
}

.bx-film:before {
    content: "\ed3b"
}

.bx-filter:before {
    content: "\ed3c"
}

.bx-filter-alt:before {
    content: "\ed3d"
}

.bx-fingerprint:before {
    content: "\ed3e"
}

.bx-first-aid:before {
    content: "\ed3f"
}

.bx-first-page:before {
    content: "\ed40"
}

.bx-flag:before {
    content: "\ed41"
}

.bx-folder:before {
    content: "\ed42"
}

.bx-folder-minus:before {
    content: "\ed43"
}

.bx-folder-open:before {
    content: "\ed44"
}

.bx-folder-plus:before {
    content: "\ed45"
}

.bx-font:before {
    content: "\ed46"
}

.bx-font-color:before {
    content: "\ed47"
}

.bx-font-family:before {
    content: "\ed48"
}

.bx-font-size:before {
    content: "\ed49"
}

.bx-food-menu:before {
    content: "\ed4a"
}

.bx-food-tag:before {
    content: "\ed4b"
}

.bx-football:before {
    content: "\ed4c"
}

.bx-fridge:before {
    content: "\ed4d"
}

.bx-fullscreen:before {
    content: "\ed4e"
}

.bx-game:before {
    content: "\ed4f"
}

.bx-gas-pump:before {
    content: "\ed50"
}

.bx-ghost:before {
    content: "\ed51"
}

.bx-gift:before {
    content: "\ed52"
}

.bx-git-branch:before {
    content: "\ed53"
}

.bx-git-commit:before {
    content: "\ed54"
}

.bx-git-compare:before {
    content: "\ed55"
}

.bx-git-merge:before {
    content: "\ed56"
}

.bx-git-pull-request:before {
    content: "\ed57"
}

.bx-git-repo-forked:before {
    content: "\ed58"
}

.bx-glasses:before {
    content: "\ed59"
}

.bx-glasses-alt:before {
    content: "\ed5a"
}

.bx-globe:before {
    content: "\ed5b"
}

.bx-globe-alt:before {
    content: "\ed5c"
}

.bx-grid:before {
    content: "\ed5d"
}

.bx-grid-alt:before {
    content: "\ed5e"
}

.bx-grid-horizontal:before {
    content: "\ed5f"
}

.bx-grid-small:before {
    content: "\ed60"
}

.bx-grid-vertical:before {
    content: "\ed61"
}

.bx-group:before {
    content: "\ed62"
}

.bx-handicap:before {
    content: "\ed63"
}

.bx-happy:before {
    content: "\ed64"
}

.bx-happy-alt:before {
    content: "\ed65"
}

.bx-happy-beaming:before {
    content: "\ed66"
}

.bx-happy-heart-eyes:before {
    content: "\ed67"
}

.bx-hash:before {
    content: "\ed68"
}

.bx-hdd:before {
    content: "\ed69"
}

.bx-heading:before {
    content: "\ed6a"
}

.bx-headphone:before {
    content: "\ed6b"
}

.bx-health:before {
    content: "\ed6c"
}

.bx-heart:before {
    content: "\ed6d"
}

.bx-heart-circle:before {
    content: "\ed6e"
}

.bx-heart-square:before {
    content: "\ed6f"
}

.bx-help-circle:before {
    content: "\ed70"
}

.bx-hide:before {
    content: "\ed71"
}

.bx-highlight:before {
    content: "\ed72"
}

.bx-history:before {
    content: "\ed73"
}

.bx-hive:before {
    content: "\ed74"
}

.bx-home:before {
    content: "\ed75"
}

.bx-home-alt:before {
    content: "\ed76"
}

.bx-home-circle:before {
    content: "\ed77"
}

.bx-home-heart:before {
    content: "\ed78"
}

.bx-home-smile:before {
    content: "\ed79"
}

.bx-horizontal-center:before {
    content: "\ed7a"
}

.bx-hotel:before {
    content: "\ed7b"
}

.bx-hourglass:before {
    content: "\ed7c"
}

.bx-id-card:before {
    content: "\ed7d"
}

.bx-image:before {
    content: "\ed7e"
}

.bx-image-add:before {
    content: "\ed7f"
}

.bx-image-alt:before {
    content: "\ed80"
}

.bx-images:before {
    content: "\ed81"
}

.bx-import:before {
    content: "\ed82"
}

.bx-infinite:before {
    content: "\ed83"
}

.bx-info-circle:before {
    content: "\ed84"
}

.bx-info-square:before {
    content: "\ed85"
}

.bx-intersect:before {
    content: "\ed86"
}

.bx-italic:before {
    content: "\ed87"
}

.bx-joystick:before {
    content: "\ed88"
}

.bx-joystick-alt:before {
    content: "\ed89"
}

.bx-joystick-button:before {
    content: "\ed8a"
}

.bx-key:before {
    content: "\ed8b"
}

.bx-label:before {
    content: "\ed8c"
}

.bx-landscape:before {
    content: "\ed8d"
}

.bx-laptop:before {
    content: "\ed8e"
}

.bx-last-page:before {
    content: "\ed8f"
}

.bx-laugh:before {
    content: "\ed90"
}

.bx-layer:before {
    content: "\ed91"
}

.bx-layer-minus:before {
    content: "\ed92"
}

.bx-layer-plus:before {
    content: "\ed93"
}

.bx-layout:before {
    content: "\ed94"
}

.bx-left-arrow:before {
    content: "\ed95"
}

.bx-left-arrow-alt:before {
    content: "\ed96"
}

.bx-left-arrow-circle:before {
    content: "\ed97"
}

.bx-left-down-arrow-circle:before {
    content: "\ed98"
}

.bx-left-indent:before {
    content: "\ed99"
}

.bx-left-top-arrow-circle:before {
    content: "\ed9a"
}

.bx-library:before {
    content: "\ed9b"
}

.bx-like:before {
    content: "\ed9c"
}

.bx-line-chart:before {
    content: "\ed9d"
}

.bx-line-chart-down:before {
    content: "\ed9e"
}

.bx-link:before {
    content: "\ed9f"
}

.bx-link-alt:before {
    content: "\eda0"
}

.bx-link-external:before {
    content: "\eda1"
}

.bx-lira:before {
    content: "\eda2"
}

.bx-list-check:before {
    content: "\eda3"
}

.bx-list-minus:before {
    content: "\eda4"
}

.bx-list-ol:before {
    content: "\eda5"
}

.bx-list-plus:before {
    content: "\eda6"
}

.bx-list-ul:before {
    content: "\eda7"
}

.bx-loader:before {
    content: "\eda8"
}

.bx-loader-alt:before {
    content: "\eda9"
}

.bx-loader-circle:before {
    content: "\edaa"
}

.bx-location-plus:before {
    content: "\edab"
}

.bx-lock:before {
    content: "\edac"
}

.bx-lock-alt:before {
    content: "\edad"
}

.bx-lock-open:before {
    content: "\edae"
}

.bx-lock-open-alt:before {
    content: "\edaf"
}

.bx-log-in:before {
    content: "\edb0"
}

.bx-log-in-circle:before {
    content: "\edb1"
}

.bx-log-out:before {
    content: "\edb2"
}

.bx-log-out-circle:before {
    content: "\edb3"
}

.bx-low-vision:before {
    content: "\edb4"
}

.bx-magnet:before {
    content: "\edb5"
}

.bx-mail-send:before {
    content: "\edb6"
}

.bx-male:before {
    content: "\edb7"
}

.bx-male-sign:before {
    content: "\edb8"
}

.bx-map:before {
    content: "\edb9"
}

.bx-map-alt:before {
    content: "\edba"
}

.bx-map-pin:before {
    content: "\edbb"
}

.bx-mask:before {
    content: "\edbc"
}

.bx-medal:before {
    content: "\edbd"
}

.bx-meh:before {
    content: "\edbe"
}

.bx-meh-alt:before {
    content: "\edbf"
}

.bx-meh-blank:before {
    content: "\edc0"
}

.bx-memory-card:before {
    content: "\edc1"
}

.bx-menu:before {
    content: "\edc2"
}

.bx-menu-alt-left:before {
    content: "\edc3"
}

.bx-menu-alt-right:before {
    content: "\edc4"
}

.bx-merge:before {
    content: "\edc5"
}

.bx-message:before {
    content: "\edc6"
}

.bx-message-add:before {
    content: "\edc7"
}

.bx-message-alt:before {
    content: "\edc8"
}

.bx-message-alt-add:before {
    content: "\edc9"
}

.bx-message-alt-check:before {
    content: "\edca"
}

.bx-message-alt-detail:before {
    content: "\edcb"
}

.bx-message-alt-dots:before {
    content: "\edcc"
}

.bx-message-alt-edit:before {
    content: "\edcd"
}

.bx-message-alt-error:before {
    content: "\edce"
}

.bx-message-alt-minus:before {
    content: "\edcf"
}

.bx-message-alt-x:before {
    content: "\edd0"
}

.bx-message-check:before {
    content: "\edd1"
}

.bx-message-detail:before {
    content: "\edd2"
}

.bx-message-dots:before {
    content: "\edd3"
}

.bx-message-edit:before {
    content: "\edd4"
}

.bx-message-error:before {
    content: "\edd5"
}

.bx-message-minus:before {
    content: "\edd6"
}

.bx-message-rounded:before {
    content: "\edd7"
}

.bx-message-rounded-add:before {
    content: "\edd8"
}

.bx-message-rounded-check:before {
    content: "\edd9"
}

.bx-message-rounded-detail:before {
    content: "\edda"
}

.bx-message-rounded-dots:before {
    content: "\eddb"
}

.bx-message-rounded-edit:before {
    content: "\eddc"
}

.bx-message-rounded-error:before {
    content: "\eddd"
}

.bx-message-rounded-minus:before {
    content: "\edde"
}

.bx-message-rounded-x:before {
    content: "\eddf"
}

.bx-message-square:before {
    content: "\ede0"
}

.bx-message-square-add:before {
    content: "\ede1"
}

.bx-message-square-check:before {
    content: "\ede2"
}

.bx-message-square-detail:before {
    content: "\ede3"
}

.bx-message-square-dots:before {
    content: "\ede4"
}

.bx-message-square-edit:before {
    content: "\ede5"
}

.bx-message-square-error:before {
    content: "\ede6"
}

.bx-message-square-minus:before {
    content: "\ede7"
}

.bx-message-square-x:before {
    content: "\ede8"
}

.bx-message-x:before {
    content: "\ede9"
}

.bx-meteor:before {
    content: "\edea"
}

.bx-microchip:before {
    content: "\edeb"
}

.bx-microphone:before {
    content: "\edec"
}

.bx-microphone-off:before {
    content: "\eded"
}

.bx-minus:before {
    content: "\edee"
}

.bx-minus-back:before {
    content: "\edef"
}

.bx-minus-circle:before {
    content: "\edf0"
}

.bx-minus-front:before {
    content: "\edf1"
}

.bx-mobile:before {
    content: "\edf2"
}

.bx-mobile-alt:before {
    content: "\edf3"
}

.bx-mobile-landscape:before {
    content: "\edf4"
}

.bx-mobile-vibration:before {
    content: "\edf5"
}

.bx-money:before {
    content: "\edf6"
}

.bx-moon:before {
    content: "\edf7"
}

.bx-mouse:before {
    content: "\edf8"
}

.bx-mouse-alt:before {
    content: "\edf9"
}

.bx-move:before {
    content: "\edfa"
}

.bx-move-horizontal:before {
    content: "\edfb"
}

.bx-move-vertical:before {
    content: "\edfc"
}

.bx-movie:before {
    content: "\edfd"
}

.bx-movie-play:before {
    content: "\edfe"
}

.bx-music:before {
    content: "\edff"
}

.bx-navigation:before {
    content: "\ee00"
}

.bx-network-chart:before {
    content: "\ee01"
}

.bx-news:before {
    content: "\ee02"
}

.bx-no-entry:before {
    content: "\ee03"
}

.bx-note:before {
    content: "\ee04"
}

.bx-notepad:before {
    content: "\ee05"
}

.bx-notification:before {
    content: "\ee06"
}

.bx-notification-off:before {
    content: "\ee07"
}

.bx-outline:before {
    content: "\ee08"
}

.bx-package:before {
    content: "\ee09"
}

.bx-paint:before {
    content: "\ee0a"
}

.bx-paint-roll:before {
    content: "\ee0b"
}

.bx-palette:before {
    content: "\ee0c"
}

.bx-paperclip:before {
    content: "\ee0d"
}

.bx-paper-plane:before {
    content: "\ee0e"
}

.bx-paragraph:before {
    content: "\ee0f"
}

.bx-paste:before {
    content: "\ee10"
}

.bx-pause:before {
    content: "\ee11"
}

.bx-pause-circle:before {
    content: "\ee12"
}

.bx-pen:before {
    content: "\ee13"
}

.bx-pencil:before {
    content: "\ee14"
}

.bx-phone:before {
    content: "\ee15"
}

.bx-phone-call:before {
    content: "\ee16"
}

.bx-phone-incoming:before {
    content: "\ee17"
}

.bx-phone-off:before {
    content: "\ee18"
}

.bx-phone-outgoing:before {
    content: "\ee19"
}

.bx-photo-album:before {
    content: "\ee1a"
}

.bx-pie-chart:before {
    content: "\ee1b"
}

.bx-pie-chart-alt:before {
    content: "\ee1c"
}

.bx-pie-chart-alt-2:before {
    content: "\ee1d"
}

.bx-pin:before {
    content: "\ee1e"
}

.bx-planet:before {
    content: "\ee1f"
}

.bx-play:before {
    content: "\ee20"
}

.bx-play-circle:before {
    content: "\ee21"
}

.bx-plug:before {
    content: "\ee22"
}

.bx-plus:before {
    content: "\ee23"
}

.bx-plus-circle:before {
    content: "\ee24"
}

.bx-plus-medical:before {
    content: "\ee25"
}

.bx-podcast:before {
    content: "\ee26"
}

.bx-pointer:before {
    content: "\ee27"
}

.bx-poll:before {
    content: "\ee28"
}

.bx-polygon:before {
    content: "\ee29"
}

.bx-pound:before {
    content: "\ee2a"
}

.bx-power-off:before {
    content: "\ee2b"
}

.bx-printer:before {
    content: "\ee2c"
}

.bx-pulse:before {
    content: "\ee2d"
}

.bx-purchase-tag:before {
    content: "\ee2e"
}

.bx-purchase-tag-alt:before {
    content: "\ee2f"
}

.bx-pyramid:before {
    content: "\ee30"
}

.bx-qr:before {
    content: "\ee31"
}

.bx-qr-scan:before {
    content: "\ee32"
}

.bx-question-mark:before {
    content: "\ee33"
}

.bx-radar:before {
    content: "\ee34"
}

.bx-radio:before {
    content: "\ee35"
}

.bx-radio-circle:before {
    content: "\ee36"
}

.bx-radio-circle-marked:before {
    content: "\ee37"
}

.bx-receipt:before {
    content: "\ee38"
}

.bx-rectangle:before {
    content: "\ee39"
}

.bx-recycle:before {
    content: "\ee3a"
}

.bx-redo:before {
    content: "\ee3b"
}

.bx-refresh:before {
    content: "\ee3c"
}

.bx-registered:before {
    content: "\ee3d"
}

.bx-rename:before {
    content: "\ee3e"
}

.bx-repeat:before {
    content: "\ee3f"
}

.bx-reply:before {
    content: "\ee40"
}

.bx-reply-all:before {
    content: "\ee41"
}

.bx-repost:before {
    content: "\ee42"
}

.bx-reset:before {
    content: "\ee43"
}

.bx-restaurant:before {
    content: "\ee44"
}

.bx-revision:before {
    content: "\ee45"
}

.bx-rewind:before {
    content: "\ee46"
}

.bx-rewind-circle:before {
    content: "\ee47"
}

.bx-right-arrow:before {
    content: "\ee48"
}

.bx-right-arrow-alt:before {
    content: "\ee49"
}

.bx-right-arrow-circle:before {
    content: "\ee4a"
}

.bx-right-down-arrow-circle:before {
    content: "\ee4b"
}

.bx-right-indent:before {
    content: "\ee4c"
}

.bx-right-top-arrow-circle:before {
    content: "\ee4d"
}

.bx-rocket:before {
    content: "\ee4e"
}

.bx-rotate-left:before {
    content: "\ee4f"
}

.bx-rotate-right:before {
    content: "\ee50"
}

.bx-rss:before {
    content: "\ee51"
}

.bx-ruble:before {
    content: "\ee52"
}

.bx-ruler:before {
    content: "\ee53"
}

.bx-run:before {
    content: "\ee54"
}

.bx-rupee:before {
    content: "\ee55"
}

.bx-sad:before {
    content: "\ee56"
}

.bx-save:before {
    content: "\ee57"
}

.bx-scan:before {
    content: "\ee58"
}

.bx-screenshot:before {
    content: "\ee59"
}

.bx-search:before {
    content: "\ee5a"
}

.bx-search-alt:before {
    content: "\ee5b"
}

.bx-search-alt-2:before {
    content: "\ee5c"
}

.bx-selection:before {
    content: "\ee5d"
}

.bx-select-multiple:before {
    content: "\ee5e"
}

.bx-send:before {
    content: "\ee5f"
}

.bx-server:before {
    content: "\ee60"
}

.bx-shape-circle:before {
    content: "\ee61"
}

.bx-shape-polygon:before {
    content: "\ee62"
}

.bx-shape-square:before {
    content: "\ee63"
}

.bx-shape-triangle:before {
    content: "\ee64"
}

.bx-share:before {
    content: "\ee65"
}

.bx-share-alt:before {
    content: "\ee66"
}

.bx-shekel:before {
    content: "\ee67"
}

.bx-shield:before {
    content: "\ee68"
}

.bx-shield-alt:before {
    content: "\ee69"
}

.bx-shield-alt-2:before {
    content: "\ee6a"
}

.bx-shield-quarter:before {
    content: "\ee6b"
}

.bx-shield-x:before {
    content: "\ee6c"
}

.bx-shocked:before {
    content: "\ee6d"
}

.bx-shopping-bag:before {
    content: "\ee6e"
}

.bx-show:before {
    content: "\ee6f"
}

.bx-show-alt:before {
    content: "\ee70"
}

.bx-shuffle:before {
    content: "\ee71"
}

.bx-sidebar:before {
    content: "\ee72"
}

.bx-sitemap:before {
    content: "\ee73"
}

.bx-skip-next:before {
    content: "\ee74"
}

.bx-skip-next-circle:before {
    content: "\ee75"
}

.bx-skip-previous:before {
    content: "\ee76"
}

.bx-skip-previous-circle:before {
    content: "\ee77"
}

.bx-sleepy:before {
    content: "\ee78"
}

.bx-slider:before {
    content: "\ee79"
}

.bx-slider-alt:before {
    content: "\ee7a"
}

.bx-slideshow:before {
    content: "\ee7b"
}

.bx-smile:before {
    content: "\ee7c"
}

.bx-sort:before {
    content: "\ee7d"
}

.bx-sort-alt-2:before {
    content: "\ee7e"
}

.bx-sort-a-z:before {
    content: "\ee7f"
}

.bx-sort-down:before {
    content: "\ee80"
}

.bx-sort-up:before {
    content: "\ee81"
}

.bx-sort-z-a:before {
    content: "\ee82"
}

.bx-spa:before {
    content: "\ee83"
}

.bx-space-bar:before {
    content: "\ee84"
}

.bx-speaker:before {
    content: "\ee85"
}

.bx-spray-can:before {
    content: "\ee86"
}

.bx-spreadsheet:before {
    content: "\ee87"
}

.bx-square:before {
    content: "\ee88"
}

.bx-square-rounded:before {
    content: "\ee89"
}

.bx-star:before {
    content: "\ee8a"
}

.bx-station:before {
    content: "\ee8b"
}

.bx-stats:before {
    content: "\ee8c"
}

.bx-sticker:before {
    content: "\ee8d"
}

.bx-stop:before {
    content: "\ee8e"
}

.bx-stop-circle:before {
    content: "\ee8f"
}

.bx-stopwatch:before {
    content: "\ee90"
}

.bx-store:before {
    content: "\ee91"
}

.bx-store-alt:before {
    content: "\ee92"
}

.bx-street-view:before {
    content: "\ee93"
}

.bx-strikethrough:before {
    content: "\ee94"
}

.bx-subdirectory-left:before {
    content: "\ee95"
}

.bx-subdirectory-right:before {
    content: "\ee96"
}

.bx-sun:before {
    content: "\ee97"
}

.bx-support:before {
    content: "\ee98"
}

.bx-swim:before {
    content: "\ee99"
}

.bx-sync:before {
    content: "\ee9a"
}

.bx-tab:before {
    content: "\ee9b"
}

.bx-table:before {
    content: "\ee9c"
}

.bx-tachometer:before {
    content: "\ee9d"
}

.bx-tag:before {
    content: "\ee9e"
}

.bx-tag-alt:before {
    content: "\ee9f"
}

.bx-target-lock:before {
    content: "\eea0"
}

.bx-task:before {
    content: "\eea1"
}

.bx-task-x:before {
    content: "\eea2"
}

.bx-taxi:before {
    content: "\eea3"
}

.bx-tennis-ball:before {
    content: "\eea4"
}

.bx-terminal:before {
    content: "\eea5"
}

.bx-test-tube:before {
    content: "\eea6"
}

.bx-text:before {
    content: "\eea7"
}

.bx-time:before {
    content: "\eea8"
}

.bx-time-five:before {
    content: "\eea9"
}

.bx-timer:before {
    content: "\eeaa"
}

.bx-tired:before {
    content: "\eeab"
}

.bx-toggle-left:before {
    content: "\eeac"
}

.bx-toggle-right:before {
    content: "\eead"
}

.bx-tone:before {
    content: "\eeae"
}

.bx-traffic-cone:before {
    content: "\eeaf"
}

.bx-train:before {
    content: "\eeb0"
}

.bx-transfer:before {
    content: "\eeb1"
}

.bx-transfer-alt:before {
    content: "\eeb2"
}

.bx-trash:before {
    content: "\eeb3"
}

.bx-trash-alt:before {
    content: "\eeb4"
}

.bx-trending-down:before {
    content: "\eeb5"
}

.bx-trending-up:before {
    content: "\eeb6"
}

.bx-trim:before {
    content: "\eeb7"
}

.bx-trip:before {
    content: "\eeb8"
}

.bx-trophy:before {
    content: "\eeb9"
}

.bx-tv:before {
    content: "\eeba"
}

.bx-underline:before {
    content: "\eebb"
}

.bx-undo:before {
    content: "\eebc"
}

.bx-unite:before {
    content: "\eebd"
}

.bx-unlink:before {
    content: "\eebe"
}

.bx-up-arrow:before {
    content: "\eebf"
}

.bx-up-arrow-alt:before {
    content: "\eec0"
}

.bx-up-arrow-circle:before {
    content: "\eec1"
}

.bx-upload:before {
    content: "\eec2"
}

.bx-upside-down:before {
    content: "\eec3"
}

.bx-upvote:before {
    content: "\eec4"
}

.bx-usb:before {
    content: "\eec5"
}

.bx-user:before {
    content: "\eec6"
}

.bx-user-check:before {
    content: "\eec7"
}

.bx-user-circle:before {
    content: "\eec8"
}

.bx-user-minus:before {
    content: "\eec9"
}

.bx-user-pin:before {
    content: "\eeca"
}

.bx-user-plus:before {
    content: "\eecb"
}

.bx-user-voice:before {
    content: "\eecc"
}

.bx-user-x:before {
    content: "\eecd"
}

.bx-vector:before {
    content: "\eece"
}

.bx-vertical-center:before {
    content: "\eecf"
}

.bx-vial:before {
    content: "\eed0"
}

.bx-video:before {
    content: "\eed1"
}

.bx-video-off:before {
    content: "\eed2"
}

.bx-video-plus:before {
    content: "\eed3"
}

.bx-video-recording:before {
    content: "\eed4"
}

.bx-voicemail:before {
    content: "\eed5"
}

.bx-volume:before {
    content: "\eed6"
}

.bx-volume-full:before {
    content: "\eed7"
}

.bx-volume-low:before {
    content: "\eed8"
}

.bx-volume-mute:before {
    content: "\eed9"
}

.bx-walk:before {
    content: "\eeda"
}

.bx-wallet:before {
    content: "\eedb"
}

.bx-wallet-alt:before {
    content: "\eedc"
}

.bx-water:before {
    content: "\eedd"
}

.bx-webcam:before {
    content: "\eede"
}

.bx-wifi:before {
    content: "\eedf"
}

.bx-wifi-0:before {
    content: "\eee0"
}

.bx-wifi-1:before {
    content: "\eee1"
}

.bx-wifi-2:before {
    content: "\eee2"
}

.bx-wifi-off:before {
    content: "\eee3"
}

.bx-wind:before {
    content: "\eee4"
}

.bx-window:before {
    content: "\eee5"
}

.bx-window-alt:before {
    content: "\eee6"
}

.bx-window-close:before {
    content: "\eee7"
}

.bx-window-open:before {
    content: "\eee8"
}

.bx-windows:before {
    content: "\eee9"
}

.bx-wine:before {
    content: "\eeea"
}

.bx-wink-smile:before {
    content: "\eeeb"
}

.bx-wink-tongue:before {
    content: "\eeec"
}

.bx-won:before {
    content: "\eeed"
}

.bx-world:before {
    content: "\eeee"
}

.bx-wrench:before {
    content: "\eeef"
}

.bx-x:before {
    content: "\eef0"
}

.bx-x-circle:before {
    content: "\eef1"
}

.bx-yen:before {
    content: "\eef2"
}

.bx-zoom-in:before {
    content: "\eef3"
}

.bx-zoom-out:before {
    content: "\eef4"
}

.bx-menu-ventajas:before {
    content: "\eef5"
}

.bx {
    vertical-align: middle;
    font-size: 1.15rem;
    line-height: 1
}

@font-face {
    font-family: boxicons;
    font-weight: 400;
    font-style: normal;
    src: url("/boxicons/boxicons.eot");
    src: url("/boxicons/boxicons.eot") format("embedded-opentype"), url("/boxicons/boxicons.woff2") format("woff2"), url("/boxicons/boxicons.woff") format("woff"), url("/boxicons/boxicons.ttf") format("truetype"), url("/boxicons/boxicons.svg") format("svg")
}

@font-face {
    font-family: Manzanares Black;
    src: url("/_next/static/chunks/public/assets/vendor/fonts/manzanares/Manzanares-Black.c6f6bab16c1d3fe9.woff2") format("woff2"), url("/_next/static/chunks/public/assets/vendor/fonts/manzanares/Manzanares-Black.52efee0c6014464b.woff") format("woff");
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: Manzanares Bold;
    src: url("/_next/static/chunks/public/assets/vendor/fonts/manzanares/Manzanares-Bold.c012357d8dcc90c7.woff2") format("woff2"), url("/_next/static/chunks/public/assets/vendor/fonts/manzanares/Manzanares-Bold.5d4b262eb5fd30e9.woff") format("woff");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Manzanares Condensed;
    src: url("/_next/static/chunks/public/assets/vendor/fonts/manzanares/Manzanares-Condensed.00ba02483bf9f21a.woff2") format("woff2"), url("/_next/static/chunks/public/assets/vendor/fonts/manzanares/Manzanares-Condensed.e39035873147e36a.woff") format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Manzanares Condensed Black;
    src: url("/_next/static/chunks/public/assets/vendor/fonts/manzanares/Manzanares-CondensedBlack.387a72494c3ab551.woff2") format("woff2"), url("/_next/static/chunks/public/assets/vendor/fonts/manzanares/Manzanares-CondensedBlack.60559639f81ed211.woff") format("woff");
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: Manzanares Condensed Bold;
    src: url("/_next/static/chunks/public/assets/vendor/fonts/manzanares/Manzanares-CondensedBold.23aa9be14f3e3612.woff2") format("woff2"), url("/_next/static/chunks/public/assets/vendor/fonts/manzanares/Manzanares-CondensedBold.54a43c7be05d7492.woff") format("woff");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Manzanares Condensed Hairline;
    src: url("/_next/static/chunks/public/assets/vendor/fonts/manzanares/Manzanares-CondensedHairline.123a686dddafbb5f.woff2") format("woff2"), url("/_next/static/chunks/public/assets/vendor/fonts/manzanares/Manzanares-CondensedHairline.8c248cc538677133.woff") format("woff");
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: Manzanares Condensed Light;
    src: url("/_next/static/chunks/public/assets/vendor/fonts/manzanares/Manzanares-CondensedLight.7026b48c867f1640.woff2") format("woff2"), url("/_next/static/chunks/public/assets/vendor/fonts/manzanares/Manzanares-CondensedLight.90f45aadbf946ffa.woff") format("woff");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: Manzanares Condensed Thin;
    src: url("/_next/static/chunks/public/assets/vendor/fonts/manzanares/Manzanares-CondensedThin.5f6cd3e7b0f82dd8.woff2") format("woff2"), url("/_next/static/chunks/public/assets/vendor/fonts/manzanares/Manzanares-CondensedThin.43504a2f6eacabdd.woff") format("woff");
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: Manzanares Condensed Ultra;
    src: url("/_next/static/chunks/public/assets/vendor/fonts/manzanares/Manzanares-CondensedUltra.94d5d1bb48c61920.woff2") format("woff2"), url("/_next/static/chunks/public/assets/vendor/fonts/manzanares/Manzanares-CondensedUltra.2515a109550a51a2.woff") format("woff");
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: Manzanares Hairline;
    src: url("/_next/static/chunks/public/assets/vendor/fonts/manzanares/Manzanares-Hairline.32937726079e2df7.woff2") format("woff2"), url("/_next/static/chunks/public/assets/vendor/fonts/manzanares/Manzanares-Hairline.60156ce21d5aab62.woff") format("woff");
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: Manzanares Light;
    src: url("/_next/static/chunks/public/assets/vendor/fonts/manzanares/Manzanares-Light.e6560edcffa57c11.woff2") format("woff2"), url("/_next/static/chunks/public/assets/vendor/fonts/manzanares/Manzanares-Light.538f36c38cc8ab42.woff") format("woff");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: Manzanares Narrow;
    src: url("/_next/static/chunks/public/assets/vendor/fonts/manzanares/Manzanares-Narrow.ef41e7daed9ea103.woff2") format("woff2"), url("/_next/static/chunks/public/assets/vendor/fonts/manzanares/Manzanares-Narrow.265ca6ee15ad4f2d.woff") format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Manzanares Narrow Black;
    src: url("/_next/static/chunks/public/assets/vendor/fonts/manzanares/Manzanares-NarrowBlack.9003d44e5d4ea58f.woff2") format("woff2"), url("/_next/static/chunks/public/assets/vendor/fonts/manzanares/Manzanares-NarrowBlack.a24bf141b8d53696.woff") format("woff");
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: Manzanares Narrow Bold;
    src: url("/_next/static/chunks/public/assets/vendor/fonts/manzanares/Manzanares-NarrowBold.be45a2e1ea7c9f4e.woff2") format("woff2"), url("/_next/static/chunks/public/assets/vendor/fonts/manzanares/Manzanares-NarrowBold.31753b1f7d232889.woff") format("woff");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Manzanares Narrow Hairline;
    src: url("/_next/static/chunks/public/assets/vendor/fonts/manzanares/Manzanares-NarrowHairline.0bcc64143d1ca260.woff2") format("woff2"), url("/_next/static/chunks/public/assets/vendor/fonts/manzanares/Manzanares-NarrowHairline.99f612861330d8b3.woff") format("woff");
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: Manzanares Narrow Light;
    src: url("/_next/static/chunks/public/assets/vendor/fonts/manzanares/Manzanares-NarrowLight.93733df3c691d8d3.woff2") format("woff2"), url("/_next/static/chunks/public/assets/vendor/fonts/manzanares/Manzanares-NarrowLight.a891a7ef808b1d84.woff") format("woff");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: Manzanares Narrow Thin;
    src: url("/_next/static/chunks/public/assets/vendor/fonts/manzanares/Manzanares-NarrowThin.2263d0d6b283c90f.woff2") format("woff2"), url("/_next/static/chunks/public/assets/vendor/fonts/manzanares/Manzanares-NarrowThin.37e5cf71021b9243.woff") format("woff");
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: Manzanares Narrow Ultra;
    src: url("/_next/static/chunks/public/assets/vendor/fonts/manzanares/Manzanares-NarrowUltra.2ecf17706de2fa77.woff2") format("woff2"), url("/_next/static/chunks/public/assets/vendor/fonts/manzanares/Manzanares-NarrowUltra.eae06167d6f566ff.woff") format("woff");
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: Manzanares Regular;
    src: url("/_next/static/chunks/public/assets/vendor/fonts/manzanares/Manzanares-Regular.1b0a85fa0f56605a.woff2") format("woff2"), url("/_next/static/chunks/public/assets/vendor/fonts/manzanares/Manzanares-Regular.48b72e082a24eafa.woff") format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Manzanares Thin;
    src: url("/_next/static/chunks/public/assets/vendor/fonts/manzanares/Manzanares-Thin.b77f03d55e3dd313.woff2") format("woff2"), url("/_next/static/chunks/public/assets/vendor/fonts/manzanares/Manzanares-Thin.a9778e92170aebaa.woff") format("woff");
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: Manzanares Ultra;
    src: url("/_next/static/chunks/public/assets/vendor/fonts/manzanares/Manzanares-Ultra.ae3ae689f0a589e4.woff2") format("woff2"), url("/_next/static/chunks/public/assets/vendor/fonts/manzanares/Manzanares-Ultra.a8bed4393bc0a579.woff") format("woff");
    font-weight: 900;
    font-style: normal
}

header#newHeader ul.secondnav li.idioma,
header#newHeader ul.secondnav li.menu_icon {
    display: block
}

#myBody .mainnav_mobile {
    display: none
}

.mainsponsors img {
    max-height: 19px
}

main {
    overflow-x: hidden;
    width: 100%;
    padding-top: 96px;
    overflow-y: hidden
}

#menu-mobile {
    display: none
}

@media (min-width:340px) and (max-width:700px) {
    #menu-mobile {
        display: flex
    }
    #menu-mobile ul {
        width: 100%;
        padding: 0;
        margin: 0;
        display: flex;
        align-items: baseline;
        overflow-x: scroll;
        background: #edece2
    }
    #menu-mobile li {
        text-align: center;
        border: none !important;
        display: inline-block !important;
        position: relative;
        flex: 0 0 33.33%
    }
    #menu-mobile li:before {
        content: "";
        background-image: url("/images/icons/home_no_socios.svg");
        background-size: 25px 38px;
        background-repeat: no-repeat;
        background-position: 50%;
        height: 25px;
        width: 38px;
        display: inline-block;
        margin-top: 15px
    }
    #menu-mobile li.suscription-icon:before {
        background-image: url("/images/icons/suscription_no_socios.svg")
    }
    #menu-mobile li.profile-icon:before {
        background-image: url("/images/icons/profile_no_socios.svg");
        background-size: 33px 35px
    }
    #menu-mobile li:hover:before {
        background-image: url("/images/icons/home_no_socios_black.svg")
    }
    #menu-mobile li.suscription-icon:hover:before {
        background-image: url("/images/icons/suscription_no_socios_black.svg");
        background-size: 33px 35px
    }
    #menu-mobile li.profile-icon:hover:before {
        background-image: url("/images/icons/profile_no_socios_black.svg");
        background-size: 25px 38px
    }
    #menu-mobile li img {
        width: 25px;
        display: inline-block;
        vertical-align: middle;
        display: none
    }
    #menu-mobile li.profile-icon img {
        width: 33px
    }
    #menu-mobile li a {
        display: block;
        padding: 0 10px 15px;
        line-height: 36px
    }
    #menu-mobile li a span {
        display: block;
        font-size: 15px;
        line-height: 20px;
        text-transform: uppercase;
        margin: 10px 0 0;
        text-align: center
    }
    #menu-mobile li.profile-icon a span {
        padding-top: 8px
    }
}

.app-and-rrss {
    position: absolute;
    bottom: 150px
}

.app-and-rrss .banner-app-image {
    max-width: 260px
}

.pendiente-txuma.social_links {
    position: absolute;
    bottom: 80px
}

.pendiente-txuma.social_links ul li {
    display: inline-block;
    margin-right: 5px
}

nav.completenav div#menuWrapper div.other_elements .pendiente-txuma.social_links ul li:after {
    display: none
}

nav.completenav div#menuWrapper div.other_elements .pendiente-txuma.social_links ul li img {
    width: 30px
}

div.descarga-app {
    position: absolute;
    bottom: 0
}

div.descarga-app ul li {
    display: inline-block
}

nav.completenav div#menuWrapper div.other_elements div.descarga-app ul li {
    width: auto;
    max-width: 42px;
    margin-top: 16px
}

nav.completenav div#menuWrapper div.other_elements div.descarga-app ul li:after {
    background-image: none
}

@media (min-width:340px) and (max-width:700px) {
    div.descarga-app {
        position: relative;
        bottom: 0
    }
    div.descarga-app ul li {
        display: inline-block
    }
}

@media (min-width:700px) and (max-width:1100px) {
    div.other_elements {
        grid-column-start: 1;
        grid-column-end: 3
    }
    div.descarga-app {
        position: absolute;
        right: 16px
    }
}

header#newHeader ul.secondnav li.profile_icon span {
    color: #fff;
    font-weight: 500;
    font-variation-settings: "wdth" 50;
    font-size: 18px;
    display: inline;
    text-decoration: underline;
    height: 12px;
    margin-left: 8px;
}

.profile_icon.logged > a {
  display: flex;
  align-items: center;
  gap: 0px;
}

.hidden {
    display: none!important;
}

.mobile-icon-wrapper svg {
    width: 24px;
    margin-bottom: 10px;
}

#div-unsubscribe {
    width: 800px;
    margin: 40px auto;
    text-align: center;
    h1,
    h2,
    p {
        color: #282a6f
    }
    h1 {
        margin-bottom: 20px
    }
    p {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 10px
    }
}

#landing-container {
    display: block;
    width: 100%
}

#fondo-login {
    height: 600px;
    background-image: url("/img/01_10_2023_ATM_Cadiz____aficion-2.jpg");
    background-position: 50% 50%
}

#fondo-login,
#fondo-login2 {
    width: 100%;
    padding: 0;
    box-shadow: 0 0 0 0 #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll
}

#fondo-login2 {
    height: 39px;
    background-image: url("/img/background.png");
    background-position: 50% 100%
}

@media (max-width:991px) {
    #fondo-login {
        height: 542px
    }
    #fondo-login2 {
        height: 0
    }
}

.row-login {
    width: 1110px;
    display: block;
    background: #282a6f;
    margin: -125px auto 0
}

@media (min-width:950px) and (max-width:1150px) {
    .row-login {
        width: 900px
    }
}

@media (min-width:750px) and (max-width:949px) {
    .row-login {
        width: 700px
    }
}

@media (max-width:750px) {
    .row-login {
        width: 100%
    }
}

.row-login-h1 {
    text-align: center;
    color: #fff;
    padding-top: 20px;
    padding-bottom: 1rem;
    h1 {
        font-family: Manzanares;
        font-size: 2.5rem;
        font-variation-settings: "wdth" 50;
        line-height: 52.8px;
        margin-bottom: .5rem
    }
}

.row-login-p {
    text-align: center;
    color: #fff;
    p {
        font-family: Manzanares;
        font-size: 16px;
        font-weight: 400;
        line-height: 22.4px;
        margin-bottom: 1rem
    }
}

.row-login-btn {
    text-align: center;
    color: #fff;
    padding-bottom: 3rem;
    padding-left: 12px;
    padding-right: 12px;
    button {
        font-family: Manzanares;
        background: #fff !important;
        color: #282a6f !important;
        border: 1px solid #282a6f !important;
        display: inline-block;
        border-radius: 2px;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 16px;
        font-weight: 500;
        line-height: 22.4px;
        letter-spacing: .01em;
        text-align: center;
        padding: 11px 16px;
        cursor: pointer
    }
}

nav.completenav div#menuWrapper div.secondary_elements ul.submenu li a.to-external:after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 19px;
    background-image: url("/img/icons/svg/arrow-up-white.svg");
    margin-left: 4px;
    top: 0
}

#h1-hazte-socio {
    font-family: Manzanares;
    font-size: 76px;
    font-weight: 700;
    line-height: 85px;
    letter-spacing: .01em;
    font-variation-settings: "wdth" 50;
    color: #282a6f !important;
    padding: 20px;
    margin-bottom: 8px
}

#btn-hazte-socio {
    margin-top: 30px;
    margin-left: 20px;
    color: #fff;
    padding: 11px 16px;
    border-radius: 2px 0 0 0;
    border: 1px solid #282a6f;
    background: #282a6f
}

#div-hazte-socio {
    width: 100%;
    margin: 0;
    padding: 48px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0;
    gap: 0
}

#div-hazte-socio-left {
    grid-column: span 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    border-top: 1px solid #9a9a9a
}

#div-hazte-socio-img {
    grid-column: span 2;
    height: 446px;
    background-image: url("/img/fondo-login-2.jpg");
    background-attachment: inherit
}

#div-hazte-socio-img,
#img-bottom-hazte-socio {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    border-top: 1px solid #9a9a9a
}

#img-bottom-hazte-socio {
    height: 139px;
    background-image: url("/img/background-2.png");
    background-attachment: scroll;
    box-shadow: 0 0 0 0 #fff;
    border-right: 1px solid #9a9a9a
}

@media (min-width:700px) and (max-width:1370px) {
    #img-bottom-hazte-socio {
        height: 70px
    }
}

@media (max-width:699px) {
    #img-bottom-hazte-socio {
        height: 0
    }
    #div-hazte-socio-left {
        grid-column: span 3;
        margin-bottom: 65px;
        border-right: 1px solid #9a9a9a;
        border-left: 1px solid #9a9a9a
    }
    #div-hazte-socio-img {
        grid-column: span 3
    }
}

div.comp img {
    height: 44px;
    width: auto;
    margin-top: 7px
}


/* EMISION DE ABONOS */
.p-transfers{
  color: #282a6f;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  padding-top: 0.25rem;
}

.p-transfers-proximamente{
  font-weight: 700!important;
}

.p-transfers-proximamente a{
  color: #282a6f!important;
}
.p-transfers-proximamente a:hover{
  text-decoration: underline!important;
}


.card-transfers{
  box-sizing: border-box;

  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 24px;
  gap: 48px;

  width: 332px;
  height: 287px;

  background: #FFFFFF;
  border: 1px solid #C7C8C7;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.05);
  border-radius: 4px;

  /* Inside auto layout */
  flex: none;
  order: 0;
  flex-grow: 1;
}

.card-transfers svg{
  width: 48px;
  height: 48px;
}


.card-transfers-title{
  font-family: 'Manzanares';
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 110%;
  leading-trim: both;
  text-edge: cap;
  letter-spacing: 0.01em;
  color: #282A6F;
}

.card-transfers-text{
  font-family: 'Manzanares';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0.01em;
  color: #282A6F;
}

.card-transfers-link{
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #282A6F;
}

.card-transfers-link svg{
  width: 24px;
  height: 24px;
}

/* EMITIR ABONOS */
#header-emitir-abonos{
  padding: 24px 40px;
  border-bottom: 1px solid #9a9a9a;
}

#header-emitir-abonos h2{
  text-align: center; 
  color: #282A6F; 
  font-weight: 700;
  font-size: 24px;
}

#link-emisiones-volver{
  font-size: 14px;
  font-weight: 500;
  color: #282A6F; 
}

#link-emisiones-volver svg{
  height: 14px;
  width: 16px;
  vertical-align: top;
}

#body-emitir-abonos h1, #delivery-content h1, #body-recents h1 {
  font-size: 32px;
  font-weight: 700;
  color: #282A6F;
  padding-top: 1rem;
  padding-bottom: 1rem; 
  margin-bottom: 0px;
}

.div-emisiones-divisor{
  margin: 24px 0;
  margin-bottom: 24px;
  border-bottom: 1px dashed #C7C8C7;
}

.div-emisiones-caja{
  border: 1px solid #C7C8C7;
  border-radius: 4px;
  padding: 24px;

  display: flex;
  justify-content: space-between;
  align-items: center;
}

.div-emisiones-caja .izquierda {
  display: flex;
  align-items: center;
  margin-right: 4rem;
}

.div-emisiones-caja svg {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  vertical-align: top;
}

.div-emisiones-caja .izquierda span{
  color: #282A6F;
  font-size: 16px;
  font-weight: 500; 
}

.div-emisiones-caja.disabled .izquierda span{
  color: #6C6D6C;
}

.div-emisiones-caja .boton {
  padding: 16px;
  border: 2px solid #282A6F;
  border-radius: 2px;
  font-size: 14px;
  font-weight: 500;
  color: #282A6F;
  }
  .div-emisiones-caja .boton:hover,
  #body-emitir-abonos .boton:hover, #delivery-content .boton:hover{
    background-color: var(--grey-hover);
  }


.div-emisiones-caja .derecha{
    padding: 16px 0 16px 16px;
}

.div-emisiones-caja .abonos-info{
  color: #282A6F;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
}

.div-emisiones-caja .derecha svg{
  width: 16px;
  height: 16px;
  margin-right: 8px;
  vertical-align: text-bottom;
}

#div-pasos-emision{
  width: auto;
  margin-left: auto;
  margin-right: auto;
}

.paso-emision{
  width: 147px;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}

.paso-emision span{
  font-size: 12px;
  font-weight: 500;
  color: #6C6D6C;
}

.paso-emision svg{
  width: 16px;
  height: 16px;
  margin-bottom: 8px;
}

.paso-emision.active span{
  color: #E8151E;
}

/* IFRAME PARTIDOS */


section#hello-box.front-modal div.container {
    min-height: 779px;
    max-width: 800px;
    padding: 24px;
}
@media (max-width:803px) {
   section#hello-box.front-modal div.container {
    max-height: fit-content; 
   }
}


section#hello-box.front-modal div.container #modal-title{
  padding-bottom: 2rem;
}

section#hello-box.front-modal div.container #modal-title span{
  font-size: 24px;
  font-weight: 700;
  font-variation-settings: "wdth" 50;
  color: #282A6F;
  float: left;
}

section#hello-box.front-modal div.container #modal-title svg{
  width: 24px;
  height: 24px;
  float: right;
}

#div-partidos, #div-details{
  flex: 1;
  overflow-y: auto;
  max-height: 60vh;
}

.div-partido{
  border: 1px solid #C7C8C7;
  border-radius: 4px;
  padding: 24px;
  width: 100%;
  margin: 0px;
  margin-bottom: 16px;
  display: flex;
  }
  .div-partido:hover{
    background: var(--grey-hover);
  }
}

.div-partido#partido-seleccionado{
   border-bottom: 1px dashed #C7C8C7;
   border-radius: 4px 4px 0 0;
   margin-bottom: 0;
}
.div-partido#partido-seleccionado .jornada-estadio{
  padding-left: 0;
}

#aviso-partido-seleccionado{
  padding: 16px;
  border-left: 1px solid #C7C8C7;
  border-right: 1px solid #C7C8C7;
}
#aviso-partido-seleccionado svg{
  height: 16px;
  width: 16px;
  margin-right: 6px;
  vertical-align: bottom;
}
#aviso-partido-seleccionado span{
  font-size: 14px;
  font-weight: 400;
  color: #282A6F;
  line-height: 140%;
}

#modificar-partido-seleccionado{
  border: 1px solid #C7C8C7;
  border-radius: 0 0 4px 4px;
  padding: 16px 24px;
  display: flex;
  justify-content: flex-end; 
}
#modificar-partido-seleccionado svg{
  height: 16px;
  width: 16px;
  margin-right: 6px;
  vertical-align: middle;
}
#modificar-partido-seleccionado a{
  font-size: 14px;
  font-weight: 500;
  color: #282A6F;
}


.div-partido .partido-izquierda{
  flex: 1;
  width: 50%;
  display: flex;
  flex-direction: row;
  
}

.div-linea-puntos
{
    border-right: 1px dashed #C7C8C7;
}
.box-abono .div-linea-puntos
{
    height: 100%;
}
@media (max-width: 768px) {
  .div-linea-puntos {
    border-right: none;
    border-bottom: 1px dashed #C7C8C7;
  }
}
.div-partido .jornada-estadio{
  display: flex;
  flex-flow: row wrap;
  padding: 8px 0 8px 16px;
}

.div-partido .jornada-estadio .competicion{
  font-size: 16px;
  font-weight: 500;
  font-variation-settings: "wdth" 50;
  color: #282A6F;
  text-align: left;
  width: 100%;
}

.div-partido .datos-partido .sin-confirmar{
  font-size: 16px;
  font-weight: 400;
  font-variation-settings: "wdth" 50;
  color: #282A6F;
  text-align: center;
}

.div-partido .jornada-estadio .div-estadio{
  text-align: left;
  margin-top: 5px;
}
.div-partido .jornada-estadio .div-estadio svg{
  width: 10px;
  height: 13px;
  margin-right: 5px;
}
.div-partido .jornada-estadio .div-estadio .estadio{
  font-size: 12px;
  font-weight: 400;
  color: #282A6F;
}

.div-partido .partido-derecha, .div-abono .abono-derecha{
  display: flex;
  flex-direction: row;
}

.div-partido .equipo, .div-partido .datos-partido{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.div-partido .equipo{
  width: 130px;
  margin-left: 10px;
}
#historical .div-partido .equipo{
  width: 30px;
  margin-left: 0px;
  

}
.div-partido .datos-partido{
  width: 70px;
  margin-left: 5px;
  margin-right: 5px;
}
#historical .div-partido .datos-partido{
  width: 0;
  margin-left: 15px;
  margin-right: 15px;
}

.div-partido .equipo img{
  width: auto;
  height: 24px;
  margin-bottom: 10px;
}
.div-partido .equipo .nombre-equipo{
  font-size: 12px;
  font-weight: 400;
  line-height: 13px;
  color: #282A6F;
  text-align: center;
}

.div-partido .datos-partido .hora{
  font-size: 24px;
  font-weight: 700;
  line-height: 26px;
  color: #282A6F;
  margin-bottom: 5px;
}
.div-partido .datos-partido .dia{
  font-size: 12px;
  font-weight: 400;
  line-height: 13px;
  color: #282A6F;
}

.div-partido .radio-partido{
  padding-top: 8px;
}
/* Ocultar el botón de radio original */
.radio-custom,
.check-custom {
  position: absolute;
  opacity: 0;
}
/* Estilo personalizado para el botón de radio */
.radio-custom + label,
.check-custom + label {
  display: inline-block;
  width: 24px;
  height: 24px;
  border: 2px solid #282A6F; /* Borde negro */
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  background-color: #fff; 
  }
  .check-custom + label{
    border-radius: 3px;
  }
/* Espacio en blanco y fondo cuando está seleccionado */
.radio-custom:checked + label::after,
.check-custom:checked + label::after {
  content: "";
  width: 12px; /* Tamaño del círculo interior */
  height: 12px;
  background-color: #282A6F; /* Color de fondo cuando está seleccionado */
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  }
  .check-custom:checked + label::after{
    border-radius: 3px;
  }

#modal-footer{
  padding: 24px;
  position: absolute;
  bottom: 0;
  width: 100%; 
  background: #F1EEEB;
  margin-left: -24px;
}

div.container #modal-footer .boton{
  margin-left: 0;
  max-width: fit-content;
  text-align: center!important;
  text-transform: uppercase;
  padding: 16px;
  border: 1px solid #282A6F;
  border-radius: 2px;
  background-color: #282A6F;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}

/** ABONOS MODAL **/
#modal-footer.footer-abonos{
  display: flex;
  align-items: center;
  gap: 8px;
}

#modal-footer #abonos-seleccionados-texto{
  font-size: 14px;
  font-weight: 500;
  color: #282A6F;
}
#modal-footer #abonos-seleccionados-numero{
  font-size: 14px;
  font-weight: 500;
  color: #FFF;
  background-color: #282A6F;
  border-color: 1px solid #282A6F;
  border-radius: 4px;
  padding: 8px;
}
div.container #modal-footer .boton.elemento-derecha{
  margin-left: auto;
  margin-right: 0;
}

/* Ocultar el checkbox original */
#checkbox-select-all {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Estilo para el contenedor */
#div-select-all {
  display: flex;
  align-items: center;
  cursor: pointer;
}

/* Estilo personalizado para el label */
#div-select-all label {
  position: relative;
  padding-left: 32px; /* Espacio para el checkbox personalizado */
  font-size: 16px; /* Tamaño de fuente deseado */
  user-select: none; /* Evita la selección de texto accidental */
}

/* Crear el checkbox personalizado */
#div-select-all label::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  border: 2px solid #282A6F; /* Color del borde */
  background-color: #ffffff; /* Color de fondo inicial */
  border-radius: 4px; /* Esquinas redondeadas */
  box-sizing: border-box;
}

/* Cambiar el fondo y el borde cuando el checkbox está seleccionado */
#checkbox-select-all:checked + label::before {
  background-color: #282A6F; /* Nuevo color de fondo al seleccionar */
  border-color: #282A6F; /* Cambia el color del borde al seleccionar */
}

/* Estilo para el indicador de selección (check) */
#div-select-all label::after {
  content: '';
  position: absolute;
  left: 9px;
  top: 35%;
  transform: translateY(-50%) rotate(45deg);
  width: 6px;
  height: 12px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  opacity: 0; /* Ocultar el check inicialmente */
}

/* Mostrar el indicador cuando el checkbox está seleccionado */
#checkbox-select-all:checked + label::after {
  opacity: 1; /* Mostrar el check al seleccionar */
}


#div-abonados{
  margin-top: 10px;
  overflow-y: auto;
}

#div-abonados .div-abonado{
  margin-top: 24px;
}

section#hello-box div.container #div-abonados .div-abonado p{
  text-align: left;
  font-size: 18px;
  font-weight: 500;
  color: #282A6F;
}
#div-abonados .div-abono{
  display: flex;
  justify-content: space-between;
  margin-top: 16px; 
}
.datos {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex: 1;
}
#div-abonados .div-abono .tipo-abono{
  margin-right: auto;
  font-size: 15px;
  font-weight: 500;
  color: #282A6F;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}


}
#div-abonados .div-abono.disabled .tipo-abono, #div-abonados .div-abono.disabled .ubicación-abono{
  color: #6C6D6C;
}
#div-abonados .div-abono .estado-abono{
  padding: 8px;
  font-size: 14px;
  font-weight: 500;
  color: #282A6F;
  background-color: #DEDEDE;
  border-radius: 4px;
  margin-right: 0px;
  margin-left: 10px;
}
#div-abonados .div-abono .ubicación-abono{
  font-size: 14px!important;
  font-weight: 400!important;
  color: #282A6F;
  margin-right: 1rem;
      text-align: justify;
    line-height: 140%;
}

#div-abonados .div-abono .separador-abono{
  width: 1px;
  height: 29px;
  margin-left: 30px;
  margin-right: 30px;
  border-right: 1px dashed #C7C8C7;
}

.div-abono .datos{
  flex: 1;
  display: flex;
  justify-content: space-between; 
  align-items: center;
  min-height: 79px;

  border: 1px solid #C7C8C7;
  border-radius: 4px 0 0 4px;
  padding: 24px; 
}

#div-abonados .div-abono .color-abono{
  width: 32px;
  min-height: 79px;
  min-width: 16px;
  max-width: 32px;
  margin-right: 0;
}

#div-abonados .div-abono .color-abono.grey{
  background-color: #DEDEDE;
  border: 1px solid #DEDEDE;
}

/* Ocultar el checkbox original */
.checkbox-abonos {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Estilo personalizado para el label */
.datos label.tipo-abono {
  position: relative;
  padding-left: 32px; /* Espacio para el checkbox personalizado */
  font-size: 16px; /* Tamaño de fuente deseado */
  user-select: none; /* Evita la selección de texto accidental */
}

/* Crear el checkbox personalizado */
.datos label.tipo-abono::before {
  content: '';
  position: absolute;
  left: 0;
  top: 44%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  border: 2px solid #282A6F; /* Color del borde */
  background-color: #ffffff; /* Color de fondo inicial */
  border-radius: 4px; /* Esquinas redondeadas */
  box-sizing: border-box;
}

/* Cambiar el fondo y el borde cuando el checkbox está seleccionado */
.checkbox-abonos:checked + label.tipo-abono::before {
  background-color: #282A6F; /* Nuevo color de fondo al seleccionar */
  border-color: #282A6F; /* Cambia el color del borde al seleccionar */
}

/* Estilo para el indicador de selección (check) */
.datos label.tipo-abono::after {
  content: '';
  position: absolute;
  left: 9px;
  top: 28%;
  transform: translateY(-50%) rotate(45deg);
  width: 6px;
  height: 12px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  opacity: 0; /* Ocultar el check inicialmente */
}

/* Mostrar el indicador cuando el checkbox está seleccionado */
.checkbox-abonos:checked + label.tipo-abono::after {
  opacity: 1; /* Mostrar el check al seleccionar */
}
/** FIN ABONOS MODAL **/

/** ABONOS DETALLE **/
#div-detalle-abonos{
  margin-left: 24px;
  padding: 24px;
  background-color: #282A6F;
  border: 1px solid #282A6F;
  border-radius: 4px;
  }
  #detalle-texto, .detalle-abono-tipo, #div-detalle-continuar a{
    color: #FFF;
  }

  #detalle-texto{
    font-size: 24px;
    font-weight: 700;
  }

  #detalle-separator{
    margin-top: 24px;
    margin-bottom: 24px;
    height: 1px;
    border-bottom: 1px dashed #FFF;
  }

  .detalle-abono-tipo{
    margin-bottom: 24px;
    flex: auto;
    display: flex;
    justify-content: center; 
    align-items: center;

    .abono-tipo{
      margin-right: auto;
      font-size: 16px;
      font-weight: 500;
    }
    .abono-tipo-numero{
      font-size: 14px;
      font-weight: 500;
      padding: 8px;
      color:#282A6F;
      background-color: #F1EEEB;
      border: 1px solid #F1EEEB;
      border-radius: 4px;
      line-height: 1.3;
    }
  }

  #div-detalle-continuar a{
    display: block;
    padding: 16px;
    font-size: 14px;
    font-weight: 500;
    
    border-radius: 2px;
    text-align: center;
  }
  #div-detalle-continuar a:hover{
    background-color: #E8151E !important;

  }
    #div-detalle-continuar a.red{
        background-color: #E8151E;
    border: 1px solid #E8151E;
    }
}
/** FIN ABONOS DETALLE **/

/** ABONOS SELECCIONADOS **/
#abonos-selecionados-title{
  flex: auto;
  display: flex;
  justify-content: space-between; 
  align-items: center;
}
#abonos-selecionados-title #modificar-abonos-seleccionado{
  font-size: 24px;
  font-weight: 700;
  color: #282A6F;
  margin-right: 20px;
}
#abonos-selecionados-title svg{
  width: 16px;
  height: 16px;
  margin-right: 6px;
}
#abonos-selecionados-title a span{
  font-size: 14px;
  font-weight: 500;
  color: #282A6F;
}

#div-abonos-selecionados .div-abonado p{
  font-size: 18px;
  font-weight: 500;
  color: #282A6F;
}
#div-abonos-selecionados .div-abono a span{
  font-size: 14px;
  font-weight: 500;
  color: #282A6F;
}
#div-abonos-selecionados .div-abono a svg{
  width: 16px;
  height: 16px;
  margin-right: 6px;
}

#div-show-more, #div-hide-more{
  margin-top: 16px;
}
#div-show-more a svg, #div-hide-more a svg{
  width: 16px;
  height: 16px;
  margin-right: 6px;
}
#div-show-more a span, #div-hide-more a span{
  font-size: 14px;
  font-weight: 500;
  color: #282A6F;
}
/** FIN ABONOS SELECCIONADOS **/



/* INICIO CONFIRMACION DE ABONOS */
.abonos-confirma-datos{}
.abonos-confirma-datos h5{
    font-weight: 700;
    font-size: 24px;
    line-height: 26.4px;
    font-variation-settings: "wdth" 50;
    margin: 20px 0 10px 0;
    }
    .abonos-confirma-datos h5:first-child{
        margin-top: 5px;
    }
.abonos-confirma-datos .abonos-confirma-name{
    font-weight: 700;
    margin: 1rem 0 0.5rem 0;
}
.abonos-confirma-datos .abonos-confirma-item{
    border: 0;
    border-top: 1px dashed #E4DCD7;
    padding: 0.5rem 0;
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
}
#hello-box  .abonos-confirma-datos .abonos-confirma-item{   
    max-height: 25vh;
    overflow: auto;
}
.abonos-confirma-datos .abonos-confirma-item p{
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
}
.abonos-confirma-datos .abonos-confirma-item p span:nth-child(2){
    font-size: 14px;
    margin-left: 30px;
    line-height: 140%;
}
.abonos-confirma-datos .abonos-confirma-item p em{
    font-style: normal;
}
.abonos-confirma-datos .abonos-ver-mas{
    color: var(--blue-atm);
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
}
.abonos-confirma-datos .abonos-ver-menos{
    color: var(--blue-atm);
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
}
.abonos-confirma-datos .abonos-confirmados-restantes{ 
    display: none; 
    margin-top: -18px;
}
.abonos-confirma-datos .abonos-ver-mas:before{
    content: " ";
    display: inline-block;
    width: 15px;
    height: 8px;
    background: url("/img/icons/emision/arrow-bottom.svg") no-repeat;
    background-size: 10px;
}
.abonos-confirma-datos .abonos-ver-menos:before{
    content: " ";
    display: inline-block;
    width: 15px;
    height: 8px;
    background: url("/img/icons/emision/arrow-up.svg") no-repeat;
    background-size: 10px;
}
/* FIN CONFIRMACION DE ABONOS */


/* INICIO CAJA AZUL DERECHA DE NAVECACION */
.info-box-blue{ 
    background: #282A6F;
    border-radius: 4px;
    color: #fff;
    padding: 20px;
}
.info-box-blue .info-box-title{
    font-weight: 500;
    font-size: 24px;
    line-height: 26.4px;
    font-variation-settings: "wdth" 50;
    border-bottom: 1px dashed #fff;
    margin: 0px 0 20px 0;
    padding-bottom: 15px;
}
.info-box-blue .info-box-items{
    padding: 0;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #fff;
}
.info-box-blue .info-box-items .info-box-item{
    font-size: 16px;
    margin: 5px 0;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.info-box-blue .info-box-items .info-box-item img{
    margin-right: 10px;
}
.info-box-blue .info-box-items .info-box-item .count{
    background: #F1EEEB;
    border-radius: 4px;
    color: var(--blue-atm);
    font-variation-settings: "wdth" 50;
    width: 23px;
    text-align: center;
    line-height: 24px;
}
.info-box-blue .info-box-text{
    position: relative;
    padding-left: 20px;
}
.info-box-blue .info-box-text:before{
    content: " ";
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url("img/icons/emision/icon_info_white.svg") no-repeat;
    background-size: 15px;
    position: absolute;
    left: 0;
    top: 3px;
}
.info-box-blue .info-box-text strong{}
.info-box-blue .info-box-actions{
}
.info-box-blue .info-box-actions a{
    width: 100%;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    margin: 10px 0;
    padding: 16px;
    border: 2px solid #fff;
    border-radius: 2px;
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
    color: #fff;
    }
    .info-box-blue .info-box-actions a:last-child{
        margin-bottom: 0;
    }
.info-box-blue .info-box-actions a.red{
    background-color: var(--red-atm);
    border-color: var(--red-atm);
}

/* FIN CAJA AZUL DERECHA DE NAVECACION */


.ml-0{
  margin-left: 0;
}
.mr-0{
  margin-right: 0;
}
.pl-0{
  padding-left: 0;
}
.pr-0{
  padding-right: 0;
}

/*************** PANTALLA EMISIÓN DE ABONOS ****************************/
.div-transfers-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: stretch;
  margin-top: 1.5rem;
  flex: 1;
}

@media (max-width: 803px) {
  .div-transfers-cards {
    flex: none;
    margin-top: 20px;
  }
  .row{
    gap: 0px;
  }
}
.box.box-main-options {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.card-transfers-container {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.card-transfers-content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.card-transfers-link {
  margin-top: auto;
  width: 100%;
  text-align: left;
}

@media (max-width: 998px) {
  .div-transfers-cards {
    flex-direction: row;
    gap: 10px;
  }
  .box.box-main-options {
    width: 100%;
    height: auto;
  }
}

/************** PANTALLA ELEGIR PARTIDOS ************/

#link-emisiones-volver:before {
    content: "";
    background: url("/img/icons/emision/arrow-link-left.svg") no-repeat;
    background-size: 22px 22px;
    display: inline-block;
    width: 26px;
    height: 20px;
    background-position: -4px -1px;
    vertical-align: middle;
}
.final #link-emisiones-volver-right{
    margin-left: 1.5rem;
}
.final #link-emisiones-volver-right:hover{
    color: #282a6f;
}
#link-emisiones-volver-right:after {
    content: "";
    background: url("/img/icons/emision/Arrow-Right.svg") no-repeat;
    background-size: 22px 22px;
    display: inline-block;
    width: 26px;
    height: 20px;
    background-position: -4px -1px;
    vertical-align: middle;
}
#transfers{
    width: auto;
}
#caja-seleccionar-partido{
    margin: 0px;
}

/*************** MODAL PARTIDOS *****************/

#matches_modal, #abonos_modal, #details_modal {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

#matches_modal .container, #abonos_modal .container {
  background: #fff;
  border-radius: 10px;
  padding: 30px;
  max-width: 90%;
  max-height: 90vh;
}

#modal-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 1.5em;
}

#modal-title span {
  font-size: 20px;
  font-weight: 600;
}

#close-modal {
  cursor: pointer;
}

.modal-seleccionar-partido {
    display: flex;
    justify-content: space-between;
    gap: 16px; 
    margin: 0px 0px 1em 0px !important;
    flex-wrap: wrap;
    padding-bottom: 16px;
}
.modal-seleccionar-abono{
   display: flex;
    justify-content: space-between;
    gap: 16px; 
    margin: 0px 0px 0px 0px;
    flex-wrap: wrap;
    padding-bottom: 16px;
}

.partido-izquierda,
.partido-derecha, .abono-izquierda, .abono-derecha {
  display: flex;
  flex: 1;
  gap: 2px;
  align-items: center;
}

.partido-derecha {
  justify-content: space-between;
}

#modal-footer {
  display: flex;
  justify-content: flex-start;
  margin-top: 20px;
}

#modal-footer .boton {
  max-width: fit-content;
  padding: 16px 40px;
  background: #282A6F;
  color: #fff;
  text-align: center;
  border: 1px solid #282A6F;
  border-radius: 2px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}

@media (max-width: 768px) {
  #matches_modal .container, #abonos_modal .container {
    padding: 20px;
  }

  #modal-title span {
    font-size: 16px;
  }

  .div-partido{
    flex-direction: column;
    text-align: center;
  }

  .partido-derecha, .abono-derecha {
    justify-content: center;
    margin-top: 10px;
  }
   .div-abono {
    display: flex;
    flex-direction: row;
    width: 100%;
  }

  .datos {
    flex: 1;
  }

  .color-abono {
    width: 10px; /* Ajusta según necesidad */
    height: auto;
    align-self: stretch; /* Para que ocupe toda la altura */
  }
}


/*************** ELIGE PARTIDOS Y ABONOS *****************/
#partido-seleccionado{
    margin:0px !important;
}

#div-emisiones-abonos .boton:hover,#caja-seleccionar-partido .boton:hover {
    background-color: #E9EAF1;
}
.gap-20{
    gap: 20px;  
}
@media (max-width: 803px) {
  .gap-20{
    gap: 0px;  
    }
}



/************ PARTIDOS DISPONIBLES ************/
section#hello-box.front-modal div.container {
    max-width: 800px;
    padding: 24px;
    max-height: min(100vh, 779px);
}
.matches.boton {
  display: inline-block; /* Para que respete el tamaño */
  position: relative; /* Permite usar el ::before */
}

@media (max-width: 803px) {
  .matches.boton::before {
    content: attr(data-content);
    display: inline-block;
  }

  .matches.boton {
    font-size: 0;
  }

  .matches.boton::before {
    font-size: 14px;
    font-weight: inherit; /* Mantiene el peso de la fuente */
    color: #282A6F;
  }
}

/*************** ELIGE PARTIDO Y ABONOS *****************/

#modificar-abonos-seleccionado{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-content: space-around;
    align-items: baseline;
}
.box-abono{
    padding: 20px 0 20px 20px !important;
}
.abono-derecha {
    justify-content: end;
    margin-right: 20px;
}


@media (max-width: 768px) {
  .div-abono {
    display: grid;
    grid-template-columns: 1fr 32px; /* Contenido | Color */
    grid-template-rows: auto auto auto; /* Tres filas para las columnas */
    width: 100%;
    align-items: stretch; /* Para que ocupe toda la altura */
  }

  .abono-izquierda {
    grid-column: 1; /* Primera columna */
    grid-row: 1; /* Primera fila */
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
  }

  .div-linea-puntos {
    grid-column: 1; /* Primera columna */
    grid-row: 2; /* Segunda fila */
    width: 100%; /* Ocupa todo el ancho */
    height: 1px; /* Altura de la línea */
  }

  .abono-derecha {
    grid-column: 1; /* Primera columna */
    grid-row: 3; /* Tercera fila */
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-right: 0px;
  }

  .color-abono {
    grid-column: 2; /* Segunda columna */
    grid-row: 1 / 4; /* Que ocupe las tres filas */
    width: 32px; /* Ancho */
    align-self: stretch; /* Que se estire toda la altura */
  }
  .box-abono .div-linea-puntos {
     height: auto;
  }
  #div-abonos-selecionados .abono-derecha{
    justify-content: end;
    margin-right: 1rem;
  }

}
section.section-inner .box-abono{
    margin-left: 0px;
}

#myBody:has(#hello-box:not(.hidden))::before {
  content: "";
  position: fixed;
  inset: 0; /* Ocupa toda la pantalla */
  background: rgba(0, 0, 0, 0.2); /* Fondo gris con transparencia */
  z-index: 3000; /* Por encima del contenido */
  pointer-events: none; /* Permite que los clics pasen al contenido */
}

#hello-box {
  position: relative;
  z-index: 2; /* Para que el modal quede por encima del overlay */
}

@media (max-width: 803px) {
  .abonos.boton::after {
    content: attr(data-content);
    font-size: 14px;
    font-weight: 500;
    color: #282A6F;
  }
  
  .abonos span {
    display: inline-block; /* Asegura que el span respete los cambios */
    visibility: hidden; /* Oculta el texto original */
    width: 0; /* Para evitar que ocupe espacio */
    margin-right: 0px !important;
  }
  .abonos span::after {
    visibility: visible; /* Muestra el nuevo texto */
  }
   .abonos.span:hover::after {
    color: inherit; /* Evita cambios de color al hacer hover */
    text-decoration: none; /* Quita cualquier hover con subrayado */
  }
}
#body-emitir-abonos .abonos.boton:hover, #delivery-content .abonos.boton:hover {
    background: none;
}
@media (max-width: 803px) {
  #div-detalle-abonos-seleccionados, .div-detalle-abonos-seleccionados {
    display: none;
  }
  #div-detalle-abonos, .info-box-blue {
        background-color: #F1EEEB;
        border: none;
        width: 100%;
        margin-left: 0px;
        margin-top: 20px;
  }
}
/*************** ELIMINAR ABONO MODAL *************/

.eliminar-abonos{
    background: #FDF2D3;
    max-height: 80vh !important;
    display: flex;
    flex-direction: column;
}
@media (max-width: 803px) {
    .eliminar-abonos{
        overflow: auto;
    }
}

.eliminar-abonos #div-delete-abono{
    text-align: left;
}

.eliminar-abonos #modal-title span, 
.eliminar-abonos #div-delete-abono #delete-abono-text1,
.eliminar-abonos #div-delete-abono #delete-abono-text2{
    color: #664F00!important;
    text-align: left;
    max-width: none;
}

.eliminar-abonos #modal-title span{
    font-size: 24px;
    font-weight: 700;
} 
.eliminar-abonos #div-delete-abono #delete-abono-text1{
    margin-top: 1REM;
    margin-bottom: 8px;
    font-size: 32px;
    font-weight: 700;
} 
.eliminar-abonos #div-delete-abono #delete-abono-text2{
    font-size: 16px;
    font-weight: 400;
}

.footer-eliminar-abonos{
    background-color: #FFF!important;
    gap: 24px;
}
.eliminar-abonos svg{
    text-align: left;
    height: 48px;
    width: 48px;
} 

.footer-eliminar-abonos #volver-listado, 
.footer-eliminar-abonos #boton-eliminar-abono{
    flex: 1;
    max-width: none!important;
}

.footer-eliminar-abonos #volver-listado{
    background-color: transparent!important;
    color: #282A6F!important;
}
.eliminar-abonos #modal-title {
    margin-bottom: 1rem;
}

/***************** ELEGIR MÉTODO DE ENVÍO ***************/

#delivery-content .div-emisiones-caja{
    margin-bottom: 1rem;
}


#delivery-content #div-detalle-abonos-seleccionados p{
    color: #FFF;
    margin-bottom: 1rem;
    font-size: 14px;
    padding: 0px;
}
#delivery-content #div-detalle-abonos-seleccionados p img{
    margin-right: 4px;
}
#div-detalle-abonos-seleccionados{
    padding: 0px;
}
#delivery-content #div-detalle-abonos-seleccionados svg{
    width: 16px;
    height: 16px;
    margin-right: 4px;
}
.texto{
    margin-left:4px;
}
#delivery-content .div-emisiones-divisor{
    border-left: 1px dashed #C7C8C7;
}
#delivery-content .div-linea-puntos {
    height: 50px;
}
#delivery-content .izquierda, #delivery-content .derecha{
    width: 50%;
    display: flex;
}
#delivery-content .derecha label {
  margin-bottom: 5px;
  font-size: 14px;
}

#delivery-content .derecha input {
    width: 100%;
    padding: 10px;
    border: 2px solid #282a6f;
}
#delivery-content .derecha{    
    display: flex;
    flex-direction: column;
}
@media (max-width: 768px) {
    #delivery-content .div-emisiones-caja {
        flex-direction: column;
        text-align: center;
    }
    #delivery-content .izquierda, #delivery-content .derecha{
        width: 100%;
        display: flex;
        margin-right: 0rem;
    }
    #delivery-content .div-emisiones-caja label {
        text-align: left;
    }
    .div-emisiones-caja .derecha {
        padding: 16px 0 0px 0px;
        width: 100%;
    }
    #delivery-content .div-linea-puntos {
        height: 15px;
    }
    .abono-derecha{
        justify-content: start;
    }
}
/* FIN METODO ENVIO */

/* INCIO CESIONES */
#div-cesion-detalles a{
  width: auto;
  font-size: 14px;
  font-weight: 500;
  color: #282A6F;
  padding-top: 4px;
  padding-bottom: 3px;
  padding-right: 30px;
}

#div-cesion-detalles a:after {
  content: "";
  background: url("/img/icons/emision/arrow-right.png") no-repeat;
  background-size: 16px 16px;
  display: inline-block;
  width: 20px;
  height: 14px;
  background-position: 4px -2px;
  position: absolute;
}

#div-cesion-detalles a:hover {
  background-color: var(--grey-hover);
}

#cesiones-steps .steps-horizontal::before {
  left: 100px;
  width: 220px;
}
#cesiones-steps .step-horizontal.complete:after {
  left: 100px;
  width: 220px;
}

@media (min-width: 340px) and (max-width: 804px) {
  #cesiones-steps .steps-horizontal::before {
    left: 70px;
    width: 150px;
  }
  #cesiones-steps .step-horizontal.complete:after {
    left: 70px;
    width: 150px;
  }
}

#plazos-link{
  margin-right: 2em;
}
/* FIN CESIONES */

/* INICIO MODAL PLAZOS Y PORCENTAJES */
  section#hello-box.front-modal #plazos_modal div.container {
      height: auto;
      min-height: 640px;
  }

  @media (max-width: 803px) {
      #plazos_modal .container{
        min-height: 740px !important;
      }
  }

  section#hello-box.front-modal #plazos_modal div.container #modal-footer{
    background: none;
  }

  section#hello-box #plazos_modal div.container div#div-details p.title{
    font-size: 18px;
    font-weight: 500;
    color: #282A6F;
  }
  section#hello-box #plazos_modal div.container div#div-details p.p-datos-partido{
    font-size: 16px;
    font-weight: 400;
    color: #282A6F;
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  section#hello-box #plazos_modal div.container div#div-details p.p-datos-partido span{
    margin-left: auto;
  }

  section#hello-box #plazos_modal div.container div#div-details p.p-partido{
    border-bottom: 1px dashed #E4DCD7;
  }

  section#hello-box #plazos_modal div.container div#div-details p.p-table{
    margin-top: 1.5rem;
  }

  section#hello-box #plazos_modal div.container table{
    width: 100%;
    border-collapse: collapse;
    border: none;
  }
  section#hello-box #plazos_modal div.container th, section#hello-box #plazos_modal div.container td{
    width: 33.33%;
    border: none;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 16px;
    text-align: left!important;
  }
  section#hello-box #plazos_modal div.container tr{
    border-top: 1px dashed #E4DCD7;
  }
  section#hello-box #plazos_modal div.container th{
    font-size: 12px;
    font-weight: 500;
  }
  section#hello-box #plazos_modal div.container td{
    font-size: 16px;
    font-weight: 400;
  }
/* FIN MODAL PLAZOS Y PORCENTAJES */

/* INICIO MODAL DETALLE CESIONES */
section#hello-box.front-modal #details_modal div.container{
  height: 500px;  
  min-height: 500px;
}

section#hello-box.front-modal #details_modal div.container #modal-footer{
  background: none;
}

section#hello-box div.container div#div-details p, section#hello-box div.container div#div-details li{
  text-align: left;
  max-width: 100%;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 1rem;
}

section#hello-box div.container div#div-details ul{
  list-style-type: square;
  list-style-position: inside;
  color: #282A6F;
}

section#hello-box div.container div#div-details li b{
  font-weight: 700;
}
/* FIN MODAL DETALLE CESIONES */

/**********CONFIRMAR LOS DATOS *****************/
#confirm #col-derecha{
    padding-left: 2rem;
}
.logo-texto{
    display: flex; 
    align-items: center; 
    gap: 6px; 
    margin-bottom: 1rem;
    font-size: 14px;
}

.margin-text{
    margin-left: 24px;
    margin-bottom: 1rem;
    font-size: 14px;
}
#body-emitir-abonos #partido-seleccionado{
    border-bottom: 1px dashed #C7C8C7;
    border-bottom-left-radius: 0; 
    border-bottom-right-radius: 0;
}
@media (max-width: 803px) {
    .logo-texto, .margin-text{
        color: #282a6f;
        font-size: 14px;
    }
    .blue{
         color: #282a6f  !important;
         border-color: #282a6f !important;

    }
    #confirm #col-derecha{
        padding-left: 0rem;
    }
    .icon-info {
        filter: brightness(0) saturate(100%) invert(12%) sepia(31%) saturate(2361%) hue-rotate(210deg) brightness(43%) contrast(92%);
    }


}


/******************** MENU **********************/

.menu-link.active::after {
  content: '';
  position: absolute; /* Para que se pegue al borde */
  right: -20px;           /* Lo pone pegado a la derecha */
  top: -8px;
  width: 3px;        /* Grosor del borde */
  height: 100%;      /* Que ocupe toda la altura */
  background: red;   /* Color del borde */
  min-height: 40px; 
}

.menu-link {
  position: relative; /* Necesario para que el ::after se posicione respecto al enlace */
}

.mobile-menu-item .mobile-menu-item-text.active {
  position: relative;
}
.mobile-menu-item .mobile-menu-item-text.active::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -14px;
    width: 100%;
    height: 3px;
    background: red;
    z-index: 1;
}
.mobile-menu-inner {
  overflow-x: visible;
}

/***************** ABONOS EMITIDOS **************************/

.partido-medio{
    display: flex;
    flex: 2;
    gap: 10px;
    align-items: center;
    justify-content: space-evenly;
    margin-top: 10px;
    margin-bottom: 10px;
}
.detalle-abono-tipo.vertical {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 5px; 
  color: #282a6f;
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 0px;
  padding-left: 20px;
  min-width: 105px;
}
.enlace-abono{
    display: inline-flex;
    align-items: center;
}
.abonos-derecha{
    flex: 0.3;
}
.abonos-derecha.cesion{
    flex: 0.5;
}
.abonos-derecha {
  display: flex;
  justify-content: center;
}

@media (max-width: 803px) {
  .detalle-abono-tipo.vertical {
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    gap: 10px;
    padding-left: 0px;
    margin-top: 10px;
  }

  .detalle-abono-tipo {
    width: 100%;
    text-align: center;
  }
}
.partidos-abonos-emitidos{
    margin-top: 1rem;
}
#body-recents .abono-tipo-numero {
    color: #fff;
    background-color: #282A6F;
    border: 1px solid #282A6F;
}

/****************** MODAL ABONOS EMITIDOS **********************/

#aviso-abonos-emitidos
{
    border: 1px solid #ccc;
    background-color: #f0f0f0;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 2rem;
    font-size: 14px;
    text-align: left;

}
 #aviso-abonos-emitidos span
    {
        margin-left:10px;
        padding: 1rem 1rem 1rem 0rem;
        line-height: 1.2rem;
    }


/********** HISTORICO DE EMISIONES ***************/
#historical .partido-derecha{
    flex: 0.01;
}
@media (max-width: 803px) {
    #historical .partido-derecha{
        width: 100%;
        flex: 1;
    }
}

.steps-horizontal-reenviar::before {
    content: '';
    position: absolute;
    top: 24px;
    left: 115px;
    right: auto;
    height: 2px;
    background: #e9ecef;
    z-index: 1;
    width: 200px;
}
.steps-horizontal-reenviar.complete:after {
    content: '';
    position: absolute;
    top: 24px;
    left: 100px;
    right: auto;
    height: 2px;
    background: #e8151e;
    z-index: 1;
    width: 207px;
}

/*********************** PROCESANDO SOLICITUD ****************/

#loading-overlay {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 45vh;
  z-index: 9999; 
  text-align: left;
  display: none;
}

#loading-overlay p {
  font-size: 32px;
  font-weight: 700;
  font-family: Manzanares;
  color: #282a6f;
  margin-bottom: 2rem;
  min-width: 450px;
}

#loading-overlay span {
    min-width: 450px;
    line-height: 20px;
    font-weight: 400;
    font-size: 16px;
}

.loader {
  width: 70%;
  max-width: 450px;
  height: 32px;
  background-color: #f3f3f3;
  position: relative;
  overflow: hidden;
  margin-bottom: 2rem;
  border-radius: 4px;
}

.loader-bar {
  width: 0%;
  height: 100%;
  background-color: #282a6f;
  animation: loading 5s ease-in-out infinite;
}

@keyframes loading {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
.loading-text {
  margin-top: 1rem;
}

.loading-icon {
  margin-right: 8px; /* Espaciado a la derecha del icono */
}


@media (max-width: 803px) {
    #delivery-content{
        margin-left:2rem;
    }
    #loading-overlay{
        align-items: flex-start;
    }
    #loading-overlay span, #loading-overlay p {
    min-width: 0px;
    }
    .loader {
    width: 100%;
    }
    .loading-text {
      display: flex;
    }
    #final-content{
        margin-left: 3rem;
    }

}
#final-content {
    margin-left: 3rem;
}
 /************** ABONOS FINAL *********************/
.emitir-abonos{
    max-width: none;
    background: #E6F0EC;
    min-height: 188px;
 }
 .emitir-abonos-error{
    max-width: none;
    background: #FDE8E8;
    min-height: 210px;
 }

.emitir-abonos #div-final-abono, .emitir-abonos-error #div-final-abono {
    text-align: left;
}
.emitir-abonos #div-final-abono #final-abono-text1, .emitir-abonos-error #div-final-abono #final-abono-text1 {
    margin-top: 1rem;
    margin-bottom: 8px;
    font-size: 32px;
    font-weight: 700;
}

.emitir-abonos #modal-title span, .emitir-abonos #div-final-abono #final-abono-text1, .emitir-abonos #div-final-abono #final-abono-text2 {
    color: #006845;
    text-align: left;
    max-width: none;
}
.emitir-abonos-error #modal-title span, .emitir-abonos-error #div-final-abono #final-abono-text1, .emitir-abonos-error #div-final-abono #final-abono-text2 {
    color: #B00C10;
    text-align: left;
    max-width: none;
}

.emitir-abonos-error #div-final-abono #final-abono-text2 {
    line-height: 24px;
    padding-bottom: 10px;
}
.emitir-abonos #div-final-abono, .emitir-abonos-error #div-final-abono{
    padding-top: 2.5rem;
    margin-left: 3rem;
}
.final{
    margin: 3rem 3rem 3rem 3rem;
}
.final .boton{
    margin-left: 0;
    max-width: fit-content;
    text-align: center !important;
    text-transform: uppercase;
    padding: 16px;
    border: 1px solid #282A6F;
    border-radius: 2px;
    background-color: #282A6F;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}
#final-content #aviso-abonos-emitidos{
    min-height: 68px;
}

.emitir-abonos, .emitir-abonos-error{
--bs-gutter-x: 0px;
}

.no-disponibles{
    background: #fff;
        --bs-gutter-x: 0;
}
.emitir-abonos-error-modal{
    max-width: none;
    background: #FDE8E8;
}
.emitir-abonos-error-modal .abonos-confirma-name, .emitir-abonos-error-modal h5{
    color: #282a6f;
    text-align: left;
    font-weight: 700 !important;
}
.emitir-abonos-error-modal .abonos-confirma-item p{
    max-width: none !important;
}
.fondo-error-modal{
    margin: -24px;
    padding: 24px;
    background: #FDF2D3;
    margin-bottom: 0px;
}

#abonos-loader {
  position: absolute;
  top: 50%;
  left: 52%;
  transform: translate(-50%, -50%);
}
@keyframes loader-bounce {
  0% { transform: translate(-50%, -50%) translateY(0); }
  50% { transform: translate(-50%, -50%) translateY(-10px); }
  100% { transform: translate(-50%, -50%) translateY(0); }
}

#abonos-loader img {
  animation: loader-bounce 1s infinite ease-in-out;
}

#abonos-loader-texto{
  margin-left: -45px;
}

#close-modal-loader {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
#modal-title-loader {
  position: relative;
  text-align: right;
  padding: 10px;
}
.abono-derecha.abono-seleccionado-item{
    flex: 0.3;
}
@media (max-width: 803px) {
    section#hello-box.front-modal #details_modal div.container {
        height: auto; 
        min-height: auto;
    }
    #details_modal #modal-footer{
        position: relative;
    }
}
#hello-box section.section-inner{
    margin: 0px;
}

a.disabled{
  opacity: 0.5;
  pointer-events: none;
}

/*********************** ABONOS CEDIDOS RECIENTEMENTE ***********/

.partidos-abonos-emitidos #partido-seleccionado {
    border-bottom: 0px;
}

#hello-box #div-abonados {
    flex: 1;
    overflow-y: auto;
    max-height: 60vh;
}
#hello-box #div-abonados.cedidos {
    flex: 1;
    overflow-y: auto;
    max-height: 520px;
}

/*********************** DATOS PERSONALES *****************/
.info-container.datos-personales{
    display: flex;    
    flex-direction: column;
    margin-left: 8px;
}
.datos-personales .estadio{
    font-size: 12px !important;
    font-weight: 400 !important;
    margin-top: 10px;
}
.icono-datos-personales{
    margin-bottom: 12px;
}
@media (max-width: 803px) {
    #perfil .content-wrapper-inner {
        margin-left: 0px; 
    }
    .final #link-emisiones-volver-right {
        margin-left: 0.5rem;
    }
    #div-final-abono{
        margin-right: 3rem;
        padding-bottom: 2.5rem;
    }
    .final {
        margin: 3rem 2rem 3rem 3rem;
    }
}
#perfil .enlace-abono{
    color: #282a6f;
    font-weight: 500;
}
#perfil .div-emisiones-caja{
    margin-top: 1rem;
}
#DatosPersonales .boton, #DatosPersonales .boton:hover{
    margin-left: 0;
    max-width: fit-content;
    text-align: center !important;
    text-transform: uppercase;
    padding: 16px;
    border: 1px solid #282A6F;
    border-radius: 2px;
    background-color: #282A6F;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}
.iframe-section #modal-title-loader{
    display: none;
}
#aviso-abonos-emitidos-new
{
    border: 1px solid #ccc;
    background-color: #f0f0f0;
    padding: 2rem 2rem 1rem 2.5rem;
    font-size: 14px;
    text-align: left;
    color: #282A6F;
    font-size: 14px;

}
.mtop-2{
    margin-top: -2px;
}
.v-mejorada{
    font-weight: 500;
    font-size: 14px;
    color: #006845;
    padding: 10px;
    background-color: #E6F0EC;
    margin-left:3rem;
    margin-top: 2rem;
}
.mt-2rem{
    margin-top: 2rem;
}
.card-transfers-link.d-block.mt-2{
    color: #282A6F;
}
.fondo-vip-primer-acceso{
    margin: -24px;
    padding: 24px;
    background: #E9EAF1;
    margin-bottom: 24px;
}
.fondo-vip-primer-acceso #div-delete-abono #vip-text1{
    margin-top: 1REM;
    margin-bottom: 8px;
    font-size: 32px;
    font-weight: 700;

}
.fondo-vip-primer-acceso #vip-text1, .fondo-vip-primer-acceso #vip-text2 {
    color: #22265B !important;
    text-align: left;
    max-width: none !important;
}
#modal-title .vip{
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #22265B !important;
}
.checkbox-vip{
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 10px;
}
.label-vip{
    font-size: 16px;
    color: #282a6f;
    font-weight: 400;
    text-align: justify;
    flex: 1;
    margin-top: 4px;

}
.checkbox-vip input[type="checkbox"] {
  width: 20px;
  height: 20px;
  border: 2px solid #282a6f; 
  border-radius: 4px;
  appearance: none;
  cursor: pointer;
  display: inline-block;
  position: relative;
}

.checkbox-vip input[type="checkbox"]:checked {
  background-color: #282a6f;
  border-color: #282a6f; 
}

.checkbox-vip input[type="checkbox"]:checked::after {
  content: "✔";
  font-size: 16px;
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.condiciones-vip h5{
    font-size: 18px;
    line-height: 10.4px;
    text-align: justify;
    margin: 1.5rem 0;
}
.fondo-vip-primer-acceso #modal-title{
    padding-bottom: 0px;
}
#modal-footer.vip-boton{
    background: #fff;
    padding: 0px 24px 24px 24px;

}
.vip-abonos{
        min-height: 350px !important;
}
.cabecera-vip{
    text-align: justify;
}
section#hello-box div.container #vip_modal p{
    line-height: 130%;
}
.fixed-min-height {
  min-height: 350px !important;
  max-height: 350px !important;
  height: 350px !important;
  width: 300px !important;
}
@media (max-width: 803px) {
    section#hello-box.front-modal{
        height: auto; 
        min-height: auto;
        top: 46vh;
    }
    #modal-vip{
        position: relative !important;
    }
    #modal-vip .boton{
         margin-left: 0 !important;

    }
}
#modal-vip .boton{
    margin-left: 0;
    max-width: fit-content;
    text-align: center !important;
    text-transform: uppercase;
    padding: 16px;
    border: 1px solid #282A6F;
    border-radius: 2px;
    background-color: #282A6F;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}
#modal-vip {
    position: absolute;
}
.layout-container .content{
    min-height: 684px;
}
#historical .div-linea-puntos{
    margin-right: 20px;
}
@media (max-width: 492px) {
     .div-partido .equipo {
        width: 70px;
        margin-left: 0px;
    }
}
@media (max-width: 414px) {
    section#hello-box {
        top: 44vh !important;
    }
    section#hello-box.front-modal div.container {
        min-height: 80vh;
    }
}
@media (max-width: 803px) {
.abonos-confirma-datos .abonos-confirma-item{
    max-height: 170px;
    overflow: auto;
    }
    .div-emisiones-caja .izquierda{
        margin-right: 3rem;
    }
    .abono-derecha.abono-seleccionado-item {
        flex: none;
    }
}

@media (max-height: 500px) {
    section#hello-box {
        top: 197px !important;
    }
    section#hello-box.front-modal div.container {
        min-height: 60vh;
    }
    .eliminar-abonos {
        overflow: auto;
    }
    #hello-box .abonos-confirma-datos .abonos-confirma-item {
        max-height: 100vh;
        overflow: visible;
    }
    #hello-box #modal-vip {
        position: relative !important;
    }
    #modal-vip .boton {
        margin-left: 0 !important;
    }

}
@media (min-height: 500px) and (max-height: 779px) {
    section#hello-box {
        top: 45vh !important;
    }
    section#hello-box.front-modal div.container {
        min-height: 80vh;
    }
    .eliminar-abonos {
        overflow: auto;
    }
    #hello-box .abonos-confirma-datos .abonos-confirma-item {
        max-height: 100vh;
        overflow: auto;
    }
    #hello-box #modal-vip {
        position: relative !important;
    }
    #modal-vip .boton {
        margin-left: 0 !important;
    }
}

@media (min-height: 780px) {
  section#hello-box.front-modal div.container {
        max-height: 85vh;
        min-height: 80vh;
  }
}

.row.gap-20{
      margin-right: 1rem;  
}
.eliminar-abonos .footer-eliminar-abonos{
    margin-top: auto;
    text-align: center;
    padding-bottom: 20px;
    position: absolute;
    bottom: 0; 
}

@media (max-width: 803px) {
    #hello-box .abonos-confirma-datos .abonos-confirma-item {
        max-height: 100vh;
        overflow: visible;
    }
}
#plazos_modal #modal-footer{
        background: #fff;
}
#div-details .div-linea-puntos{
    margin-bottom: 10px;
}
.datos-partido-cesion{
    display: flex; 
    justify-content: space-between; 
    align-items: center;
}
.responsive-table {
  width: 100%;
  overflow-x: auto;
}

.responsive-table table {
  width: 100%;
  border-collapse: collapse;
}

.responsive-table th,
.responsive-table td {
  border-bottom: 1px dashed #ddd;
  padding: 8px;
  text-align: left;
}

@media screen and (max-width: 600px) {
  .responsive-table table {
    font-size: 12px;
  }

  .responsive-table th,
  .responsive-table td {
    padding: 6px;
  }
}
.div-linea-puntos-bottom{    
    border-bottom: 1px dashed #C7C8C7;
}
@media (max-width: 768px) {
  #div-emisiones-abonos , #caja-seleccionar-partido {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }

  /* Línea visible solo en móvil */
  .linea-separadora-movil {
    width: 100%;
    border: none;
    border-top: 1px solid #ccc;
    margin: 0.5rem 0;
    display: block;
  }

  /* Botón centrado en móvil */
  .boton-movil {
    display: block;
    width: 100%;
    text-align: center;
  }
  .linea-separadora-movil {
        display: block !important;
   }
   .div-emisiones-caja .boton {
        width: 100%;
        text-align: center;
    }
    .derecha, #aviso-partido-seleccionado{
            display: flex;        
            align-items: flex-start;
    }
    .div-partido .partido-izquierda{
        width: 100%;
    }
    .abonos-confirma-datos .abonos-confirma-item p{
        flex-direction: column;
    }
    .footer-eliminar-abonos {
        padding-bottom: 0px !important;

    }

    #aviso-abonos-emitidos, .loading-text {
        align-items: baseline;
    }
}

/* Ocultamos la línea por defecto en escritorio */
.linea-separadora-movil {
  display: none;
}
.redireccion{
    width: 500px;
    height: 300px;
    padding: 24px;
    background-color: white;
    color: #000;
    border-radius: 12px;
    box-shadow: 0 0 20px rgba(0,0,0,0.3);
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    z-index: 9999;
}
.redireccion-texto{
    text-align: justify;
    max-width: 470px;
    margin: 0 auto;
}
@media (max-width: 767px) {
  .only-mobile { display: inline; }
  .only-desktop { display: none; }
  #div-abonados .div-abono .estado-abono{margin-right:auto;}
}
@media (min-width: 768px) {
  .only-mobile { display: none; }
  .only-desktop { display: inline; }
}