.u-after-overlaying::after,
*:hover>.u-after-overlaying--soft--hover::after,
.has-image .c-destination-heading__img::after,
.c-fast-confirm__hero__wrapper-img::after {
    background-color: rgba(57, 57, 57, .4)
}

.u-after-overlaying--soft::after,
.u-after-overlaying--soft--hover::after,
.u-after-overlaying--soft-absolute::after,
.c-page-hero__wrapper-img::after {
    background-color: rgba(57, 57, 57, .2)
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

:root {
    --text-color: #495057;
    --text-color-secondary: #6c757d;
    --primary-color: var(--s-color-brand-primary);
    --primary-color-soft: #E3F2FD;
    --primary-color-text: #ffffff
}

.ui-widget {
    font-family: inherit
}

.ui-icon {
    font-size: 1rem;
    display: inline-block;
    vertical-align: baseline;
    margin: 0;
    position: static;
    text-indent: 0;
    overflow: visible;
    background-repeat: no-repeat
}

.ui-widget-overlay {
    -webkit-animation-name: modal-in;
    animation-name: modal-in;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99);
    animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.ui-helper-reset {
    line-height: normal
}

.ui-state-disabled {
    opacity: .6
}

.ui-widget-overlay {
    background: rgba(0, 0, 0, .2)
}

.ui-button {
    background: #0472AA;
    background: var(--primary-color);
    color: #fff;
    border: 1px solid #0472AA;
    border: 1px solid var(--primary-color);
    margin: 0;
    outline: 0 none;
    border-radius: 4px;
    -webkit-transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, -webkit-box-shadow .2s
}

.ui-button.ui-state-hover {
    background: hsl(240, 1%, calc(64% - 10%));
    background: hsl(var(--s-color-brand-primary-hsl-hue, 240), var(--s-color-brand-primary-hsl-saturation, 1%), calc(var(--s-color-brand-primary-hsl-light, 64%) - 10%));
    border-color: hsl(240, 1%, calc(64% - 10%));
    border-color: hsl(var(--s-color-brand-primary-hsl-hue, 240), var(--s-color-brand-primary-hsl-saturation, 1%), calc(var(--s-color-brand-primary-hsl-light, 64%) - 10%));
    color: #fff
}

.ui-button.ui-state-focus {
    outline: 0 none;
    outline-offset: 0;
    -webkit-box-shadow: 0 0 0 .2em #a6d5fa;
    box-shadow: 0 0 0 .2em #a6d5fa
}

.ui-button.ui-state-active,
.ui-button.ui-state-down {
    background: #0b7ad1;
    border-color: #0b7ad1;
    color: #fff
}

.ui-button.ui-button-outlined {
    background-color: #fff;
    color: #0472AA;
    color: var(--primary-color);
    border: 1px solid
}

.ui-button.ui-button-outlined.ui-state-hover {
    background: rgba(33, 150, 243, .04);
    color: #0472AA;
    color: var(--primary-color);
    border: 1px solid
}

.ui-button.ui-button-outlined.ui-state-active,
.ui-button.ui-button-outlined.ui-state-down {
    background: rgba(33, 150, 243, .16);
    color: #0472AA;
    color: var(--primary-color);
    border: 1px solid
}

.ui-button.ui-button-outlined.ui-button-plain {
    color: #6c757d;
    border-color: #6c757d
}

.ui-button.ui-button-outlined.ui-button-plain.ui-state-hover {
    background: #e9ecef;
    color: #6c757d
}

.ui-button.ui-button-outlined.ui-button-plain.ui-state-active,
.ui-button.ui-button-outlined.ui-button-plain.ui-state-down {
    background: #dee2e6;
    color: #6c757d
}

.ui-button.ui-button-flat {
    background-color: rgba(0, 0, 0, 0);
    color: #0472AA;
    color: var(--primary-color);
    border-color: rgba(0, 0, 0, 0)
}

.ui-button.ui-button-flat.ui-state-hover {
    background: rgba(33, 150, 243, .04);
    color: #0472AA;
    color: var(--primary-color);
    border-color: rgba(0, 0, 0, 0)
}

.ui-button.ui-button-flat.ui-state-active,
.ui-button.ui-button-flat.ui-state-down {
    background: rgba(33, 150, 243, .16);
    color: #0472AA;
    color: var(--primary-color);
    border-color: rgba(0, 0, 0, 0)
}

.ui-button.ui-button-flat.ui-button-plain {
    color: #6c757d
}

.ui-button.ui-button-flat.ui-button-plain.ui-state-hover {
    background: #e9ecef;
    color: #6c757d
}

.ui-button.ui-button-flat.ui-button-plain.ui-state-active,
.ui-button.ui-button-flat.ui-button-plain.ui-state-down {
    background: #dee2e6;
    color: #6c757d
}

.ui-button.ui-button-text-only .ui-button-text {
    padding: .5rem 1rem
}

.c-select-one-button--small .ui-button.ui-button-text-only .ui-button-text {
    padding: .3rem 1rem
}

.ui-button.ui-button-text-icon-left .ui-button-text {
    padding: .5rem 1rem .5rem 2rem
}

.ui-button.ui-button-text-icon-left .ui-icon {
    top: 50%;
    left: .5rem;
    position: absolute;
    margin-top: -0.5rem;
    line-height: 1
}

.ui-button.ui-button-text-icon-right .ui-button-text {
    padding: .5rem 2rem .5rem 1rem
}

.ui-button.ui-button-text-icon-right .ui-icon {
    top: 50%;
    right: .5em;
    position: absolute;
    line-height: 1;
    margin-top: -0.5rem
}

.ui-button.ui-button-icon-only {
    width: 2.357rem
}

.ui-button.ui-button-icon-only .ui-button-text {
    padding: .5rem
}

.ui-button.ui-button-icon-only .ui-icon {
    top: 50%;
    left: 50%;
    position: absolute;
    line-height: 1;
    margin-top: -0.5rem;
    margin-left: -0.5rem;
    width: 1rem
}

.ui-button.ui-button-raised {
    -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.ui-button.rounded-button {
    border-radius: 2rem
}

.ui-button.rounded-button.ui-button-icon-only {
    border-radius: 50%;
    height: 2.357rem
}

.ui-button .ui-icon-triangle-1-s {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-button .ui-icon-triangle-1-s:before {
    content: ""
}

.ui-selectbooleanbutton,
.ui-selectonebutton>.ui-button,
.ui-selectmanybutton>.ui-button {
    background: #fff;
    color: #495057;
    border: 1px solid #ced4da;
    outline: 0 none;
    -webkit-transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, -webkit-box-shadow .2s
}

.ui-selectbooleanbutton .ui-icon,
.ui-selectonebutton>.ui-button .ui-icon,
.ui-selectmanybutton>.ui-button .ui-icon {
    color: #6c757d
}

.ui-selectbooleanbutton.ui-state-hover,
.ui-selectonebutton>.ui-button.ui-state-hover,
.ui-selectmanybutton>.ui-button.ui-state-hover {
    background: #e9ecef;
    border-color: #ced4da;
    color: #495057
}

.ui-selectbooleanbutton.ui-state-hover .ui-icon,
.ui-selectonebutton>.ui-button.ui-state-hover .ui-icon,
.ui-selectmanybutton>.ui-button.ui-state-hover .ui-icon {
    color: #6c757d
}

.ui-selectbooleanbutton.ui-state-active,
.ui-selectonebutton>.ui-button.ui-state-active,
.ui-selectmanybutton>.ui-button.ui-state-active {
    background: #0472AA;
    background: var(--primary-color);
    border-color: #0472AA;
    border-color: var(--primary-color);
    color: #fff
}

.ui-selectbooleanbutton.ui-state-active .ui-icon,
.ui-selectonebutton>.ui-button.ui-state-active .ui-icon,
.ui-selectmanybutton>.ui-button.ui-state-active .ui-icon {
    color: #fff
}

.ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover,
.ui-selectonebutton>.ui-button.ui-state-active:not(.ui-state-disabled):hover,
.ui-selectmanybutton>.ui-button.ui-state-active:not(.ui-state-disabled):hover {
    background: hsl(240, 1%, calc(64% - 20%));
    background: hsl(var(--s-color-brand-primary-hsl-hue, 240), var(--s-color-brand-primary-hsl-saturation, 1%), calc(var(--s-color-brand-primary-hsl-light, 64%) - 20%));
    border-color: hsl(240, 1%, calc(64% - 20%));
    border-color: hsl(var(--s-color-brand-primary-hsl-hue, 240), var(--s-color-brand-primary-hsl-saturation, 1%), calc(var(--s-color-brand-primary-hsl-light, 64%) - 20%));
    color: #fff
}

.ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover .ui-icon,
.ui-selectonebutton>.ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon,
.ui-selectmanybutton>.ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon {
    color: #fff
}

.ui-selectonebutton>.ui-button,
.ui-selectmanybutton>.ui-button {
    border-radius: 0
}

.ui-selectonebutton>.ui-button:first-child,
.ui-selectmanybutton>.ui-button:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.ui-selectonebutton>.ui-button:last-child,
.ui-selectmanybutton>.ui-button:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.ui-selectonebutton>.ui-button.ui-state-focus,
.ui-selectmanybutton>.ui-button.ui-state-focus {
    z-index: 1
}

.ui-selectonebutton>.ui-button:not(:last-child),
.ui-selectmanybutton>.ui-button:not(:last-child) {
    border-right-width: 0
}

@media only screen and (max-width: 599px) {

    .ui-selectonebutton>div.ui-button:not(:last-child),
    .ui-selectmanybutton>div.ui-button:not(:last-child) {
        border-bottom-width: 0;
        border-right-width: 1px
    }

    .ui-selectonebutton>div.ui-button:first-child,
    .ui-selectmanybutton>div.ui-button:first-child {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    .ui-selectonebutton>div.ui-button:last-child,
    .ui-selectmanybutton>div.ui-button:last-child {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        border-bottom-width: 1px
    }
}

@media only screen and (max-width: 599px) {
    .ui-dataview-layout-options>div.ui-button:not(:last-child) {
        border-bottom-width: 1px;
        border-right-width: 0
    }

    .ui-dataview-layout-options>div.ui-button:first-child {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .ui-dataview-layout-options>div.ui-button:last-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px
    }
}

.ui-button-group .ui-button {
    margin: 0;
    border-radius: 0
}

.ui-button-group .ui-button:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.ui-button-group .ui-button:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.ui-button-group .ui-button.ui-state-focus {
    z-index: 1
}

.ui-button.ui-button-secondary,
.ui-splitbutton.ui-button-secondary>.ui-button {
    background: #607d8b;
    color: #fff;
    border: 1px solid #607d8b
}

.ui-button.ui-button-secondary.ui-state-hover,
.ui-button.ui-button-secondary:not(:disabled):hover,
.ui-splitbutton.ui-button-secondary>.ui-button.ui-state-hover,
.ui-splitbutton.ui-button-secondary>.ui-button:not(:disabled):hover {
    background: #56717d;
    border-color: #56717d;
    color: #fff
}

.ui-button.ui-button-secondary.ui-state-focus,
.ui-splitbutton.ui-button-secondary>.ui-button.ui-state-focus {
    -webkit-box-shadow: 0 0 0 .2rem #beccd2;
    box-shadow: 0 0 0 .2rem #beccd2
}

.ui-button.ui-button-secondary.ui-state-active,
.ui-button.ui-button-secondary:active,
.ui-splitbutton.ui-button-secondary>.ui-button.ui-state-active,
.ui-splitbutton.ui-button-secondary>.ui-button:active {
    background: #4d646f;
    border-color: #4d646f;
    color: #fff
}

.ui-button.ui-button-secondary.ui-button-outlined,
.ui-splitbutton.ui-button-secondary>.ui-button.ui-button-outlined {
    background-color: rgba(0, 0, 0, 0);
    color: #607d8b;
    border: 1px solid
}

.ui-button.ui-button-secondary.ui-button-outlined:enabled:hover,
.ui-splitbutton.ui-button-secondary>.ui-button.ui-button-outlined:enabled:hover {
    background: rgba(96, 125, 139, .04);
    color: #607d8b;
    border: 1px solid
}

.ui-button.ui-button-secondary.ui-button-outlined:enabled:active,
.ui-splitbutton.ui-button-secondary>.ui-button.ui-button-outlined:enabled:active {
    background: rgba(96, 125, 139, .16);
    color: #607d8b;
    border: 1px solid
}

.ui-button.ui-button-secondary.ui-button-flat,
.ui-splitbutton.ui-button-secondary>.ui-button.ui-button-flat {
    background-color: rgba(0, 0, 0, 0);
    color: #607d8b;
    border-color: rgba(0, 0, 0, 0)
}

.ui-button.ui-button-secondary.ui-button-flat:enabled:hover,
.ui-splitbutton.ui-button-secondary>.ui-button.ui-button-flat:enabled:hover {
    background: rgba(96, 125, 139, .04);
    border-color: rgba(0, 0, 0, 0);
    color: #607d8b
}

.ui-button.ui-button-secondary.ui-button-flat:enabled:active,
.ui-splitbutton.ui-button-secondary>.ui-button.ui-button-flat:enabled:active {
    background: rgba(96, 125, 139, .16);
    border-color: rgba(0, 0, 0, 0);
    color: #607d8b
}

.ui-button.ui-button-success,
.ui-splitbutton.ui-button-success>.ui-button {
    background: #689f38;
    color: #fff;
    border: 1px solid #689f38
}

.ui-button.ui-button-success.ui-state-hover,
.ui-splitbutton.ui-button-success>.ui-button.ui-state-hover {
    background: #5e8f32;
    color: #fff;
    border-color: #5e8f32
}

.ui-button.ui-button-success.ui-state-focus,
.ui-splitbutton.ui-button-success>.ui-button.ui-state-focus {
    -webkit-box-shadow: 0 0 0 .2rem #c2e0a8;
    box-shadow: 0 0 0 .2rem #c2e0a8
}

.ui-button.ui-button-success.ui-state-active,
.ui-splitbutton.ui-button-success>.ui-button.ui-state-active {
    background: #537f2d;
    color: #fff
}

.ui-button.ui-button-success.ui-button-outlined,
.ui-splitbutton.ui-button-success>.ui-button.ui-button-outlined {
    background-color: rgba(0, 0, 0, 0);
    color: #689f38;
    border: 1px solid
}

.ui-button.ui-button-success.ui-button-outlined:enabled:hover,
.ui-splitbutton.ui-button-success>.ui-button.ui-button-outlined:enabled:hover {
    background: rgba(104, 159, 56, .04);
    color: #689f38;
    border: 1px solid
}

.ui-button.ui-button-success.ui-button-outlined:enabled:active,
.ui-splitbutton.ui-button-success>.ui-button.ui-button-outlined:enabled:active {
    background: rgba(104, 159, 56, .16);
    color: #689f38;
    border: 1px solid
}

.ui-button.ui-button-success.ui-button-flat,
.ui-splitbutton.ui-button-success>.ui-button.ui-button-flat {
    background-color: rgba(0, 0, 0, 0);
    color: #689f38;
    border-color: rgba(0, 0, 0, 0)
}

.ui-button.ui-button-success.ui-button-flat:enabled:hover,
.ui-splitbutton.ui-button-success>.ui-button.ui-button-flat:enabled:hover {
    background: rgba(104, 159, 56, .04);
    border-color: rgba(0, 0, 0, 0);
    color: #689f38
}

.ui-button.ui-button-success.ui-button-flat:enabled:active,
.ui-splitbutton.ui-button-success>.ui-button.ui-button-flat:enabled:active {
    background: rgba(104, 159, 56, .16);
    border-color: rgba(0, 0, 0, 0);
    color: #689f38
}

.ui-button.ui-button-warning,
.ui-splitbutton.ui-button-warning>.ui-button {
    background: #fbc02d;
    color: #212529;
    border: 1px solid #fbc02d
}

.ui-button.ui-button-warning.ui-state-hover,
.ui-splitbutton.ui-button-warning>.ui-button.ui-state-hover {
    background: #fab710;
    color: #212529;
    border-color: #fab710
}

.ui-button.ui-button-warning.ui-state-focus,
.ui-splitbutton.ui-button-warning>.ui-button.ui-state-focus {
    -webkit-box-shadow: 0 0 0 .2rem #fde6ab;
    box-shadow: 0 0 0 .2rem #fde6ab
}

.ui-button.ui-button-warning.ui-state-active,
.ui-splitbutton.ui-button-warning>.ui-button.ui-state-active {
    background: #e8a704;
    color: #212529;
    border-color: #e8a704
}

.ui-button.ui-button-warning.ui-button-outlined,
.ui-splitbutton.ui-button-warning>.ui-button.ui-button-outlined {
    background-color: rgba(0, 0, 0, 0);
    color: #fbc02d;
    border: 1px solid
}

.ui-button.ui-button-warning.ui-button-outlined:enabled:hover,
.ui-splitbutton.ui-button-warning>.ui-button.ui-button-outlined:enabled:hover {
    background: rgba(251, 192, 45, .04);
    color: #fbc02d;
    border: 1px solid
}

.ui-button.ui-button-warning.ui-button-outlined:enabled:active,
.ui-splitbutton.ui-button-warning>.ui-button.ui-button-outlined:enabled:active {
    background: rgba(251, 192, 45, .16);
    color: #fbc02d;
    border: 1px solid
}

.ui-button.ui-button-warning.ui-button-flat,
.ui-splitbutton.ui-button-warning>.ui-button.ui-button-flat {
    background-color: rgba(0, 0, 0, 0);
    color: #fbc02d;
    border-color: rgba(0, 0, 0, 0)
}

.ui-button.ui-button-warning.ui-button-flat:enabled:hover,
.ui-splitbutton.ui-button-warning>.ui-button.ui-button-flat:enabled:hover {
    background: rgba(251, 192, 45, .04);
    border-color: rgba(0, 0, 0, 0);
    color: #fbc02d
}

.ui-button.ui-button-warning.ui-button-flat:enabled:active,
.ui-splitbutton.ui-button-warning>.ui-button.ui-button-flat:enabled:active {
    background: rgba(251, 192, 45, .16);
    border-color: rgba(0, 0, 0, 0);
    color: #fbc02d
}

.ui-button.ui-button-help,
.ui-splitbutton.ui-button-help>.ui-button {
    background: #9c27b0;
    color: #fff;
    border: 1px solid #9c27b0
}

.ui-button.ui-button-help.ui-state-hover,
.ui-splitbutton.ui-button-help>.ui-button.ui-state-hover {
    background: #8c239e;
    color: #fff;
    border-color: #8c239e
}

.ui-button.ui-button-help.ui-state-focus,
.ui-splitbutton.ui-button-help>.ui-button.ui-state-focus {
    -webkit-box-shadow: 0 0 0 .2rem #df9eea;
    box-shadow: 0 0 0 .2rem #df9eea
}

.ui-button.ui-button-help.ui-state-active,
.ui-splitbutton.ui-button-help>.ui-button.ui-state-active {
    background: #7d1f8d;
    color: #fff;
    border-color: #7d1f8d
}

.ui-button.ui-button-help.ui-button-outlined,
.ui-splitbutton.ui-button-help>.ui-button.ui-button-outlined {
    background-color: rgba(0, 0, 0, 0);
    color: #9c27b0;
    border: 1px solid
}

.ui-button.ui-button-help.ui-button-outlined:enabled:hover,
.ui-splitbutton.ui-button-help>.ui-button.ui-button-outlined:enabled:hover {
    background: rgba(156, 39, 176, .04);
    color: #9c27b0;
    border: 1px solid
}

.ui-button.ui-button-help.ui-button-outlined:enabled:active,
.ui-splitbutton.ui-button-help>.ui-button.ui-button-outlined:enabled:active {
    background: rgba(156, 39, 176, .16);
    color: #9c27b0;
    border: 1px solid
}

.ui-button.ui-button-help.ui-button-flat,
.ui-splitbutton.ui-button-help>.ui-button.ui-button-flat {
    background-color: rgba(0, 0, 0, 0);
    color: #9c27b0;
    border-color: rgba(0, 0, 0, 0)
}

.ui-button.ui-button-help.ui-button-flat:enabled:hover,
.ui-splitbutton.ui-button-help>.ui-button.ui-button-flat:enabled:hover {
    background: rgba(156, 39, 176, .04);
    border-color: rgba(0, 0, 0, 0);
    color: #9c27b0
}

.ui-button.ui-button-help.ui-button-flat:enabled:active,
.ui-splitbutton.ui-button-help>.ui-button.ui-button-flat:enabled:active {
    background: rgba(156, 39, 176, .16);
    border-color: rgba(0, 0, 0, 0);
    color: #9c27b0
}

.ui-button.ui-button-info,
.ui-splitbutton.ui-button-info>.ui-button {
    background: #0288d1;
    color: #fff;
    border: 1px solid #0288d1
}

.ui-button.ui-button-info.ui-state-hover,
.ui-splitbutton.ui-button-info>.ui-button.ui-state-hover {
    background: #027abc;
    color: #fff;
    border-color: #027abc
}

.ui-button.ui-button-info.ui-state-focus,
.ui-splitbutton.ui-button-info>.ui-button.ui-state-focus {
    -webkit-box-shadow: 0 0 0 .2rem #89d4fe;
    box-shadow: 0 0 0 .2rem #89d4fe
}

.ui-button.ui-button-info.ui-state-active,
.ui-splitbutton.ui-button-info>.ui-button.ui-state-active {
    background: #026da7;
    color: #fff;
    border-color: #026da7
}

.ui-button.ui-button-info.ui-button-outlined,
.ui-splitbutton.ui-button-info>.ui-button.ui-button-outlined {
    background-color: rgba(0, 0, 0, 0);
    color: #0288d1;
    border: 1px solid
}

.ui-button.ui-button-info.ui-button-outlined:enabled:hover,
.ui-splitbutton.ui-button-info>.ui-button.ui-button-outlined:enabled:hover {
    background: rgba(2, 136, 209, .04);
    color: #0288d1;
    border: 1px solid
}

.ui-button.ui-button-info.ui-button-outlined:enabled:active,
.ui-splitbutton.ui-button-info>.ui-button.ui-button-outlined:enabled:active {
    background: rgba(2, 136, 209, .16);
    color: #0288d1;
    border: 1px solid
}

.ui-button.ui-button-info.ui-button-flat,
.ui-splitbutton.ui-button-info>.ui-button.ui-button-flat {
    background-color: rgba(0, 0, 0, 0);
    color: #0288d1;
    border-color: rgba(0, 0, 0, 0)
}

.ui-button.ui-button-info.ui-button-flat:enabled:hover,
.ui-splitbutton.ui-button-info>.ui-button.ui-button-flat:enabled:hover {
    background: rgba(2, 136, 209, .04);
    border-color: rgba(0, 0, 0, 0);
    color: #0288d1
}

.ui-button.ui-button-info.ui-button-flat:enabled:active,
.ui-splitbutton.ui-button-info>.ui-button.ui-button-flat:enabled:active {
    background: rgba(2, 136, 209, .16);
    border-color: rgba(0, 0, 0, 0);
    color: #0288d1
}

.ui-button.ui-button-danger,
.ui-splitbutton.ui-button-danger>.ui-button {
    background: #d32f2f;
    color: #fff;
    border: 1px solid #d32f2f
}

.ui-button.ui-button-danger.ui-state-hover,
.ui-splitbutton.ui-button-danger>.ui-button.ui-state-hover {
    background: #c02929;
    color: #fff;
    border-color: #c02929
}

.ui-button.ui-button-danger.ui-state-focus,
.ui-splitbutton.ui-button-danger>.ui-button.ui-state-focus {
    -webkit-box-shadow: 0 0 0 .2rem #edacac;
    box-shadow: 0 0 0 .2rem #edacac
}

.ui-button.ui-button-danger.ui-state-active,
.ui-splitbutton.ui-button-danger>.ui-button.ui-state-active {
    background: #aa2424;
    color: #fff;
    border-color: #aa2424
}

.ui-button.ui-button-danger.ui-button-outlined,
.ui-splitbutton.ui-button-danger>.ui-button.ui-button-outlined {
    background-color: rgba(0, 0, 0, 0);
    color: #d32f2f;
    border: 1px solid
}

.ui-button.ui-button-danger.ui-button-outlined:enabled:hover,
.ui-splitbutton.ui-button-danger>.ui-button.ui-button-outlined:enabled:hover {
    background: rgba(211, 47, 47, .04);
    color: #d32f2f;
    border: 1px solid
}

.ui-button.ui-button-danger.ui-button-outlined:enabled:active,
.ui-splitbutton.ui-button-danger>.ui-button.ui-button-outlined:enabled:active {
    background: rgba(211, 47, 47, .16);
    color: #d32f2f;
    border: 1px solid
}

.ui-button.ui-button-danger.ui-button-flat,
.ui-splitbutton.ui-button-danger>.ui-button.ui-button-flat {
    background-color: rgba(0, 0, 0, 0);
    color: #d32f2f;
    border-color: rgba(0, 0, 0, 0)
}

.ui-button.ui-button-danger.ui-button-flat:enabled:hover,
.ui-splitbutton.ui-button-danger>.ui-button.ui-button-flat:enabled:hover {
    background: rgba(211, 47, 47, .04);
    border-color: rgba(0, 0, 0, 0);
    color: #d32f2f
}

.ui-button.ui-button-danger.ui-button-flat:enabled:active,
.ui-splitbutton.ui-button-danger>.ui-button.ui-button-flat:enabled:active {
    background: rgba(211, 47, 47, .16);
    border-color: rgba(0, 0, 0, 0);
    color: #d32f2f
}

.ui-splitbutton {
    padding: 0
}

.ui-splitbutton .ui-button:first-child {
    position: relative;
    margin: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.ui-splitbutton .ui-button:first-child.ui-state-focus {
    z-index: 1
}

.ui-splitbutton .ui-splitbuttonmenu {
    min-width: 100%
}

.ui-splitbutton .ui-button.ui-splitbutton-menubutton {
    cursor: pointer;
    height: auto;
    padding: 0;
    position: relative;
    margin: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s:before {
    content: ""
}

.ui-carousel {
    padding: 0
}

.ui-carousel .ui-carousel-header {
    background: #f8f9fa;
    color: #495057;
    padding: 1rem;
    border: 1px solid #dee2e6;
    margin: 0;
    font-weight: 700
}

.ui-carousel .ui-carousel-header .ui-carousel-header-title {
    padding: 0;
    width: auto
}

.ui-carousel .ui-carousel-footer {
    background: #f8f9fa;
    color: #495057;
    padding: 1rem;
    border: 1px solid #dee2e6;
    margin: 0
}

.ui-carousel .ui-carousel-viewport {
    border: 1px solid #dee2e6;
    background: #fff;
    color: #495057;
    padding: 0
}

.ui-carousel .ui-carousel-viewport .ui-carousel-item {
    border: 1px solid #dee2e6
}

.ui-carousel .ui-carousel-button {
    margin: 0 0 0 .5rem;
    position: relative;
    top: .143em;
    width: 2rem;
    height: 2rem;
    background: rgba(0, 0, 0, 0);
    color: #6c757d;
    -webkit-transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, -webkit-box-shadow .2s;
    border-radius: 50%;
    border: 0 none;
    text-align: center;
    line-height: 2rem;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ui-carousel .ui-carousel-button:hover {
    background: #e9ecef;
    color: #495057;
    border-color: rgba(0, 0, 0, 0)
}

.ui-carousel .ui-carousel-button.ui-carousel-next-button {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-carousel .ui-carousel-button.ui-carousel-next-button:before {
    content: ""
}

.ui-carousel .ui-carousel-button.ui-carousel-prev-button {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-carousel .ui-carousel-button.ui-carousel-prev-button:before {
    content: ""
}

.ui-carousel .ui-carousel-dropdown,
.ui-carousel .ui-carousel-mobiledropdown {
    margin: 0 .5rem 0 0
}

.ui-carousel .ui-carousel-page-links {
    margin: 0 .5rem;
    position: relative;
    top: .143em
}

.ui-carousel .ui-carousel-page-links .ui-carousel-page-link {
    width: 2rem;
    height: 2rem;
    background: rgba(0, 0, 0, 0);
    color: #6c757d;
    -webkit-transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, -webkit-box-shadow .2s;
    border-radius: 50%;
    border: 0 none;
    text-align: center;
    line-height: 2rem;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-decoration: none;
    text-decoration: none
}

.ui-carousel .ui-carousel-page-links .ui-carousel-page-link:hover {
    background: #e9ecef;
    color: #495057;
    border-color: rgba(0, 0, 0, 0)
}

.ui-carousel .ui-carousel-page-links .ui-carousel-page-link.ui-icon-radio-off {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-carousel .ui-carousel-page-links .ui-carousel-page-link.ui-icon-radio-off:before {
    content: ""
}

.ui-carousel .ui-carousel-page-links .ui-carousel-page-link.ui-icon-radio-on {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    color: #0472AA;
    color: var(--primary-color)
}

.ui-carousel .ui-carousel-page-links .ui-carousel-page-link.ui-icon-radio-on:before {
    content: ""
}

.ui-chronoline .ui-chronoline-event-marker {
    border: 2px solid #0472AA;
    border: 2px solid var(--primary-color);
    border-radius: 50%;
    width: 1rem;
    height: 1rem;
    background-color: #fff
}

.ui-chronoline .ui-chronoline-event-connector {
    background-color: #dee2e6
}

.ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-opposite,
.ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-content {
    padding: 0 1rem
}

.ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector {
    width: 2px
}

.ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-opposite,
.ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-content {
    padding: 1rem 0
}

.ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector {
    height: 2px
}

.ui-datagrid .ui-datagrid-header,
.ui-datagrid .ui-datagrid-footer {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    color: #495057;
    padding: 1rem;
    font-weight: 700
}

.ui-datagrid .ui-datagrid-header {
    border-bottom: 0 none
}

.ui-datagrid .ui-datagrid-footer {
    border-top: 0 none
}

.ui-datagrid .ui-datagrid-content {
    border: 1px solid #dee2e6;
    background: #fff;
    color: #495057;
    padding: 1rem
}

.ui-datagrid .ui-paginator {
    padding: 1rem
}

.ui-datagrid .ui-paginator.ui-paginator-top {
    border-bottom: 0 none
}

.ui-datagrid .ui-paginator.ui-paginator-bottom {
    border-top: 0 none
}

.ui-datalist .ui-datalist-header,
.ui-datalist .ui-datalist-footer {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    color: #495057;
    padding: 1rem;
    font-weight: 700
}

.ui-datalist .ui-datalist-header {
    border-bottom: 0 none
}

.ui-datalist .ui-datalist-footer {
    border-top: 0 none
}

.ui-datalist .ui-datalist-content {
    border: 1px solid #dee2e6;
    background: #fff;
    color: #495057;
    padding: 1rem
}

.ui-datalist .ui-paginator {
    padding: 1rem
}

.ui-datalist .ui-paginator.ui-paginator-top {
    border-bottom: 0 none
}

.ui-datalist .ui-paginator.ui-paginator-bottom {
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6
}

.ui-datascroller .ui-datascroller-header,
.ui-datascroller .ui-datascroller-footer {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    color: #495057;
    padding: 1rem;
    font-weight: 700
}

.ui-datascroller .ui-datascroller-header {
    border-bottom: 0 none
}

.ui-datascroller .ui-datascroller-footer {
    border-top: 0 none
}

.ui-datascroller .ui-datascroller-content {
    border: 1px solid #dee2e6;
    background: #fff;
    color: #495057;
    padding: 1rem
}

.ui-datatable .ui-datatable-header {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-width: 1px 0 1px 0;
    color: #495057;
    padding: 1rem 1rem;
    font-weight: 600;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.ui-datatable .ui-datatable-footer {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-width: 0 0 1px 0;
    color: #495057;
    padding: 1rem 1rem;
    font-weight: 600;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.ui-datatable .ui-datatable-header {
    text-align: left
}

.ui-datatable .ui-datatable-footer {
    text-align: left
}

.ui-datatable .ui-paginator {
    padding: 1rem
}

.ui-datatable .ui-paginator.ui-paginator-top {
    border-width: 0 0 1px 0;
    border-radius: 0
}

.ui-datatable .ui-paginator.ui-paginator-bottom {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-width: 0 0 1px 0;
    border-radius: 0
}

.ui-datatable thead th {
    background: #f8f9fa;
    color: #495057;
    padding: 10px 4px;
    border: 1px solid #e9ecef;
    border-width: 0 1px 1px 0;
    text-align: left;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, -webkit-box-shadow .2s
}

.ui-datatable thead th .ui-column-title {
    font-weight: 700;
    vertical-align: middle
}

.ui-datatable thead th .ui-sortable-column-icon {
    margin: 0 0 0 .5rem
}

.ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    vertical-align: middle
}

.ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before {
    content: ""
}

.ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    vertical-align: middle
}

.ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before {
    content: ""
}

.ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    vertical-align: middle
}

.ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before {
    content: "î¦ "
}

.ui-datatable thead th .ui-sortable-column-badge {
    border-radius: 50%;
    height: 1.143rem;
    min-width: 1.143rem;
    line-height: 1.143rem;
    color: #fff;
    background: #0472AA;
    background: var(--primary-color);
    margin-left: .5rem;
    font-size: .75rem
}

.ui-datatable thead th.ui-sortable-column.ui-state-focus {
    outline: 0 none;
    outline-offset: 0;
    -webkit-box-shadow: inset 0 0 0 .2rem #a6d5fa;
    box-shadow: inset 0 0 0 .2rem #a6d5fa
}

.ui-datatable thead th.ui-state-hover {
    background: #e9ecef;
    color: #495057
}

.ui-datatable thead th.ui-state-active {
    background: #f8f9fa;
    color: #0472AA;
    color: var(--primary-color)
}

.ui-datatable thead th.ui-state-active.ui-state-hover {
    background: #e9ecef;
    color: #0472AA;
    color: var(--primary-color)
}

.ui-datatable .ui-datatable-data>tr:not(.bg-clr--warning--white-heavy) {
    background: #fff;
    color: #495057;
    -webkit-transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, -webkit-box-shadow .2s
}

.ui-datatable .ui-datatable-data>tr.bg-clr--lightest-gray {
    background: #f7f7f7 !important
}

.ui-datatable .ui-datatable-data>tr>td {
    padding: 10px 4px;
    border: 1px solid rgba(0, 0, 0, .08);
    border-width: 0 1px 1px 0
}

.ui-datatable .ui-datatable-data>tr>td.ui-datatable-subtable-header {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    color: #495057;
    font-weight: 700
}

.ui-datatable .ui-datatable-data>tr.ui-state-hover {
    background: #e9ecef;
    color: #495057
}

.ui-datatable .ui-datatable-data>tr.ui-state-highlight {
    background: #E3F2FD;
    background: var(--primary-color-soft);
    color: #495057
}

.ui-datatable .ui-datatable-data>tr.ui-state-highlight .ui-row-toggler {
    color: #495057
}

.ui-datatable .ui-datatable-data>tr.ui-state-highlight .ui-row-editor>a {
    color: #495057
}

.ui-datatable .ui-datatable-data>tr.ui-datatable-selectable {
    cursor: pointer
}

.ui-datatable .ui-datatable-data>tr.ui-rowgroup-header,
.ui-datatable .ui-datatable-data>tr.ui-datatable-summaryrow {
    font-weight: 700
}

.ui-datatable .ui-datatable-data>tr .ui-row-editor>a {
    width: 2rem;
    height: 2rem;
    background: rgba(0, 0, 0, 0);
    color: #6c757d;
    -webkit-transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, -webkit-box-shadow .2s;
    border-radius: 50%;
    border: 0 none;
    text-align: center;
    line-height: 2rem;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ui-datatable .ui-datatable-data>tr .ui-row-editor>a:hover {
    background: #e9ecef;
    color: #495057;
    border-color: rgba(0, 0, 0, 0)
}

.ui-datatable .ui-datatable-data>tr .ui-row-editor>a.ui-row-editor-check {
    margin-right: .5rem
}

.ui-datatable .ui-datatable-data>tr .ui-row-editor .ui-icon.ui-icon-pencil {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-datatable .ui-datatable-data>tr .ui-row-editor .ui-icon.ui-icon-pencil:before {
    content: ""
}

.ui-datatable .ui-datatable-data>tr .ui-row-editor .ui-icon.ui-icon-check {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-datatable .ui-datatable-data>tr .ui-row-editor .ui-icon.ui-icon-check:before {
    content: ""
}

.ui-datatable .ui-datatable-data>tr .ui-row-editor .ui-icon.ui-icon-close {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-datatable .ui-datatable-data>tr .ui-row-editor .ui-icon.ui-icon-close:before {
    content: ""
}

.ui-datatable .ui-datatable-data>tr .ui-row-toggler {
    width: 2rem;
    height: 2rem;
    background: rgba(0, 0, 0, 0);
    color: #6c757d;
    -webkit-transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, -webkit-box-shadow .2s;
    border-radius: 50%;
    border: 0 none;
    text-align: center;
    line-height: 2rem;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ui-datatable .ui-datatable-data>tr .ui-row-toggler:hover {
    background: #e9ecef;
    color: #495057;
    border-color: rgba(0, 0, 0, 0)
}

.ui-datatable .ui-datatable-data>tr .ui-row-toggler.ui-icon-circle-triangle-e {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-datatable .ui-datatable-data>tr .ui-row-toggler.ui-icon-circle-triangle-e:before {
    content: ""
}

.ui-datatable .ui-datatable-data>tr .ui-row-toggler.ui-icon-circle-triangle-s {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-datatable .ui-datatable-data>tr .ui-row-toggler.ui-icon-circle-triangle-s:before {
    content: ""
}

.ui-datatable .ui-datatable-data>tr .ui-rowgroup-toggler {
    margin-right: 1rem
}

.ui-datatable .ui-datatable-data>tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon {
    width: 2rem;
    height: 2rem;
    background: rgba(0, 0, 0, 0);
    color: #6c757d;
    -webkit-transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, -webkit-box-shadow .2s;
    border-radius: 50%;
    border: 0 none;
    text-align: center;
    line-height: 2rem;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ui-datatable .ui-datatable-data>tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:hover {
    background: #e9ecef;
    color: #495057;
    border-color: rgba(0, 0, 0, 0)
}

.ui-datatable .ui-datatable-data>tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-datatable .ui-datatable-data>tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e:before {
    content: ""
}

.ui-datatable .ui-datatable-data>tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-datatable .ui-datatable-data>tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s:before {
    content: ""
}

.ui-datatable .ui-datatable-data>tr.ui-datatable-rowordering {
    background: #E3F2FD;
    background: var(--primary-color-soft)
}

.ui-datatable .ui-column-resizer-helper {
    background: #0472AA;
    background: var(--primary-color)
}

.ui-datatable tfoot td {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-width: 0 0 1px 0;
    color: #495057;
    padding: 1rem 1rem;
    font-weight: 700;
    text-align: left;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.ui-datatable>.ui-icon-arrowthick-1-s {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    display: none !important
}

.ui-datatable>.ui-icon-arrowthick-1-s:before {
    content: ""
}

.ui-datatable>.ui-icon-arrowthick-1-n {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    padding-top: 1.5rem !important
}

.ui-datatable>.ui-icon-arrowthick-1-n:before {
    content: ""
}

.ui-datatable .ui-datatable-scrollable-body {
    outline: 0 none
}

.ui-datatable .ui-datatable-scrollable-header,
.ui-datatable .ui-datatable-scrollable-footer {
    background: #f8f9fa
}

.ui-datatable .ui-selection-column .ui-chkbox-all {
    width: auto;
    height: auto
}

.table-no-select-all .ui-chkbox-all {
    display: none !important
}

.ui-datatable.ui-datatable-striped .ui-datatable-data>tr.ui-datatable-odd {
    background: #fbfcfc
}

.ui-datatable.ui-datatable-striped .ui-datatable-data>tr.ui-datatable-odd.ui-state-hover {
    background: #e9ecef;
    color: #495057
}

.ui-datatable.ui-datatable-striped .ui-datatable-data>tr.ui-datatable-odd.ui-state-highlight {
    background: #E3F2FD;
    background: var(--primary-color-soft);
    color: #495057
}

.ui-datatable.ui-datatable-sm thead>tr>th {
    padding: .5rem .5rem
}

.ui-datatable.ui-datatable-sm .ui-datatable-scrollable-theadclone>tr>th {
    padding-top: 0;
    padding-bottom: 0
}

.ui-datatable.ui-datatable-sm .ui-datatable-data>tr>td {
    padding: .5rem .5rem
}

.ui-datatable.ui-datatable-sm tfoot>tr>td {
    padding: .5rem .5rem
}

.ui-datatable.ui-datatable-lg thead>tr>th {
    padding: 1.25rem 1.25rem
}

.ui-datatable.ui-datatable-lg .ui-datatable-scrollable-theadclone>tr>th {
    padding-top: 0;
    padding-bottom: 0
}

.ui-datatable.ui-datatable-lg .ui-datatable-data>tr>td {
    padding: 1.25rem 1.25rem
}

.ui-datatable.ui-datatable-lg tfoot>tr>td {
    padding: 1.25rem 1.25rem
}

.ui-datatable.ui-datatable-gridlines .ui-datatable-header {
    border-width: 1px
}

.ui-datatable.ui-datatable-gridlines thead>tr>th {
    border-width: 1px
}

.ui-datatable.ui-datatable-gridlines .ui-datatable-data>tr>td {
    border-width: 1px
}

.ui-datatable.ui-datatable-gridlines .ui-datatable-scrollable-theadclone>tr>th {
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: 0 none;
    border-top: 0 none
}

.ui-datatable.ui-datatable-gridlines tfoot>tr>td {
    border-width: 1px
}

.ui-datatable.ui-datatable-sticky.ui-sticky {
    -webkit-box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12);
    box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12)
}

.ui-columntoggler {
    -webkit-box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12);
    box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12);
    background: #fff;
    border: 1px solid #ced4da
}

.ui-columntoggler .ui-columntoggler-close {
    display: none
}

.ui-columntoggler .ui-columntoggler-items {
    padding: .5rem 0
}

.ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item {
    padding: .5rem 1rem;
    margin: 0;
    border: 0 none;
    background: rgba(0, 0, 0, 0);
    color: #495057;
    border-radius: 0
}

.ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox {
    position: static;
    margin-right: .5rem;
    margin-top: 0;
    vertical-align: middle
}

.ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label {
    padding: 0;
    display: inline
}

@media only screen and (max-width: 599px) {
    .ui-datatable-reflow .ui-datatable-data tr {
        border-bottom: 1px solid rgba(0, 0, 0, .08)
    }

    .ui-datatable-reflow .ui-datatable-data tr:hover,
    .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight {
        border-left: 0 none;
        border-right: 0 none;
        border-bottom: 1px solid rgba(0, 0, 0, .08)
    }

    .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content>td {
        display: block;
        width: 100%
    }
}

.ui-dataview .ui-paginator.ui-paginator-top {
    border-width: 0 0 1px 0;
    border-radius: 0
}

.ui-dataview .ui-paginator.ui-paginator-bottom {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-width: 0 0 1px 0;
    border-radius: 0
}

.ui-dataview .ui-dataview-header {
    background: #f8f9fa;
    color: #495057;
    padding: 1rem 1rem;
    font-weight: 600;
    border: 1px solid #e9ecef;
    border-width: 1px 0 1px 0
}

.ui-dataview .ui-dataview-footer {
    background: #f8f9fa;
    color: #495057;
    border: 1px solid #e9ecef;
    border-width: 0 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 600;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.ui-dataview .ui-dataview-content {
    border: 0 none;
    background: #fff;
    color: #495057;
    padding: 0
}

.ui-dataview.ui-dataview-list .ui-dataview-row {
    border: solid #e9ecef;
    border-width: 0 0 1px 0
}

.fc .fc-scrollgrid {
    border-color: #dee2e6
}

.fc .fc-daygrid-day.fc-day-today,
.fc .fc-timegrid-col.fc-day-today {
    background-color: #E3F2FD;
    background-color: var(--primary-color-soft)
}

.fc th {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    color: #495057;
    padding: 1rem
}

.fc td {
    border: 1px solid #dee2e6
}

.fc td.fc-widget-content {
    background: #fff;
    border: 1px solid #dee2e6;
    color: #495057
}

.fc td.fc-head-container {
    border: 1px solid #dee2e6
}

.fc .fc-row {
    border-right: 1px solid #dee2e6
}

.fc .fc-event,
.fc .fc-event .fc-event-main {
    background: hsl(240, 1%, calc(64% - 20%));
    background: hsl(var(--s-color-brand-primary-hsl-hue, 240), var(--s-color-brand-primary-hsl-saturation, 1%), calc(var(--s-color-brand-primary-hsl-light, 64%) - 20%));
    border: 0px solid hsl(240, 1%, calc(64% - 20%));
    border: 0px solid hsl(var(--s-color-brand-primary-hsl-hue, 240), var(--s-color-brand-primary-hsl-saturation, 1%), calc(var(--s-color-brand-primary-hsl-light, 64%) - 20%));
    color: #fff
}

.fc .fc-divider {
    background: #f8f9fa;
    border: 1px solid #dee2e6
}

.fc .fc-toolbar .fc-button {
    background: #0472AA;
    background: var(--primary-color);
    color: #fff;
    border: 1px solid #0472AA;
    border: 1px solid var(--primary-color);
    -webkit-transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, -webkit-box-shadow .2s
}

.fc .fc-toolbar .fc-button:not(:disabled):hover {
    background: hsl(240, 1%, calc(64% - 20%));
    background: hsl(var(--s-color-brand-primary-hsl-hue, 240), var(--s-color-brand-primary-hsl-saturation, 1%), calc(var(--s-color-brand-primary-hsl-light, 64%) - 20%));
    border-color: hsl(240, 1%, calc(64% - 20%));
    border-color: hsl(var(--s-color-brand-primary-hsl-hue, 240), var(--s-color-brand-primary-hsl-saturation, 1%), calc(var(--s-color-brand-primary-hsl-light, 64%) - 20%));
    color: #fff
}

.fc .fc-toolbar .fc-button:focus {
    outline: 0 none;
    outline-offset: 0;
    -webkit-box-shadow: 0 0 0 .2em #a6d5fa;
    box-shadow: 0 0 0 .2em #a6d5fa
}

.fc .fc-toolbar .fc-button:active,
.fc .fc-toolbar .fc-button.fc-button-active {
    background: #0b7ad1;
    border-color: #0b7ad1;
    color: #fff
}

.ui-fluid .fc .fc-toolbar .ui-button {
    width: auto
}

.ui-orderlist .ui-orderlist-controls {
    margin-right: 0;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center
}

.ui-orderlist .ui-orderlist-controls .ui-button {
    margin-bottom: .5rem
}

.ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before {
    content: ""
}

.ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n:before {
    content: ""
}

.ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before {
    content: ""
}

.ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s:before {
    content: ""
}

.ui-orderlist .ui-orderlist-caption {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    color: #495057;
    padding: 1rem;
    border-bottom: 0 none;
    font-weight: 700;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.ui-orderlist .ui-g>div {
    padding: 0
}

.ui-orderlist .ui-g>div.ui-orderlist-controls {
    padding: 0 .5rem 0 0
}

.ui-orderlist .ui-orderlist-list {
    border: 1px solid #dee2e6;
    background: #fff;
    color: #495057;
    padding: .5rem 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.ui-orderlist .ui-orderlist-list .ui-orderlist-item {
    padding: .5rem 1rem;
    margin: 0;
    border: 0 none;
    color: #495057;
    border-radius: 0;
    -webkit-transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, -webkit-box-shadow .2s
}

.ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover {
    background: #e9ecef;
    color: #495057
}

.ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight {
    background: #E3F2FD;
    background: var(--primary-color-soft);
    color: #495057
}

.ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder {
    background-color: #89c8f7
}

@media only screen and (max-width: 599px) {
    .ui-orderlist.ui-grid-responsive .ui-orderlist-controls {
        -ms-flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row
    }

    .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button {
        margin-top: .5rem;
        margin-right: .5rem
    }
}

.ui-paginator {
    background: #fff;
    border: solid #e9ecef;
    border-width: 0;
    padding: 1rem
}

.ui-paginator .ui-paginator-first,
.ui-paginator .ui-paginator-prev,
.ui-paginator .ui-paginator-next,
.ui-paginator .ui-paginator-last {
    color: #6c757d;
    width: 2.286em;
    height: 2.286em;
    margin: 0 .125em;
    border: 1px solid rgba(0, 0, 0, 0);
    vertical-align: top;
    padding: 0;
    border-radius: 4px;
    -webkit-transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, -webkit-box-shadow .2s
}

.ui-paginator .ui-paginator-first span,
.ui-paginator .ui-paginator-prev span,
.ui-paginator .ui-paginator-next span,
.ui-paginator .ui-paginator-last span {
    display: none
}

.ui-paginator .ui-paginator-first.ui-state-hover,
.ui-paginator .ui-paginator-prev.ui-state-hover,
.ui-paginator .ui-paginator-next.ui-state-hover,
.ui-paginator .ui-paginator-last.ui-state-hover {
    background: #e9ecef;
    color: #495057;
    border-color: rgba(0, 0, 0, 0)
}

.ui-paginator .ui-paginator-first.ui-state-focus,
.ui-paginator .ui-paginator-prev.ui-state-focus,
.ui-paginator .ui-paginator-next.ui-state-focus,
.ui-paginator .ui-paginator-last.ui-state-focus {
    outline: 0 none;
    outline-offset: 0;
    -webkit-box-shadow: 0 0 0 .2rem #a6d5fa;
    box-shadow: 0 0 0 .2rem #a6d5fa
}

.ui-paginator .ui-paginator-first:before,
.ui-paginator .ui-paginator-prev:before,
.ui-paginator .ui-paginator-next:before,
.ui-paginator .ui-paginator-last:before {
    position: relative;
    line-height: inherit;
    top: -1px
}

.ui-paginator .ui-paginator-first {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    line-height: 2.286em
}

.ui-paginator .ui-paginator-first:before {
    content: ""
}

.ui-paginator .ui-paginator-first:before {
    position: relative
}

.ui-paginator .ui-paginator-prev {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    line-height: 2.286em
}

.ui-paginator .ui-paginator-prev:before {
    content: ""
}

.ui-paginator .ui-paginator-prev:before {
    position: relative
}

.ui-paginator .ui-paginator-next {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    line-height: 2.286em
}

.ui-paginator .ui-paginator-next:before {
    content: ""
}

.ui-paginator .ui-paginator-next:before {
    position: relative
}

.ui-paginator .ui-paginator-last {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    line-height: 2.286em
}

.ui-paginator .ui-paginator-last:before {
    content: ""
}

.ui-paginator .ui-paginator-last:before {
    position: relative
}

.ui-paginator .ui-paginator-current {
    margin: 5px 0 !important;
    width: 100%;
    color: #6c757d
}

.ui-paginator .ui-paginator-pages {
    padding: 0;
    display: inline-block
}

.ui-paginator .ui-paginator-pages .ui-paginator-page {
    padding: 0;
    border: 1px solid rgba(0, 0, 0, 0);
    text-align: center;
    line-height: 2.286em;
    min-width: 2.286em;
    height: 2.286em;
    color: #6c757d;
    margin: 0 .125em;
    border-radius: 4px;
    -webkit-transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, -webkit-box-shadow .2s
}

.ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {
    background: #0472AA;
    background: var(--primary-color);
    color: #fff
}

.ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover {
    background: #e9ecef;
    color: #495057;
    border-color: rgba(0, 0, 0, 0)
}

.ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-focus {
    outline: 0 none;
    outline-offset: 0;
    -webkit-box-shadow: 0 0 0 .2rem #a6d5fa;
    box-shadow: 0 0 0 .2rem #a6d5fa
}

.ui-picklist {
    position: relative
}

.ui-picklist .ui-picklist-buttons {
    padding: 0 .5rem 0 .5rem
}

.ui-picklist .ui-picklist-buttons .ui-button {
    margin-bottom: .5rem
}

.ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n:before {
    content: ""
}

.ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n:before {
    content: ""
}

.ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s:before {
    content: ""
}

.ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s:before {
    content: ""
}

.ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before {
    content: ""
}

.ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before {
    content: ""
}

.ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before {
    content: ""
}

.ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before {
    content: ""
}

.ui-picklist .ui-picklist-caption {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    color: #495057;
    padding: 1rem;
    border-bottom: 0 none;
    font-weight: 700;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.ui-picklist .ui-picklist-filter-container .ui-picklist-filter {
    padding: .5rem .5rem;
    width: 100%;
    padding-left: 2rem;
    margin-bottom: .5rem
}

.ui-picklist .ui-picklist-filter-container .ui-icon {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    top: 50%;
    right: auto;
    left: .5rem;
    position: absolute;
    margin-top: -0.75rem;
    color: #6c757d
}

.ui-picklist .ui-picklist-filter-container .ui-icon:before {
    content: ""
}

.ui-picklist .ui-picklist-list {
    border: 1px solid #dee2e6;
    background: #fff;
    color: #495057;
    padding: .5rem 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    width: auto
}

@media only screen and (min-width: 600px) {
    .ui-picklist .ui-picklist-list {
        min-width: 200px
    }
}

.ui-picklist .ui-picklist-list .ui-picklist-item {
    padding: .5rem 1rem;
    border: 0 none;
    margin: 0;
    color: #495057;
    border-radius: 0;
    -webkit-transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, -webkit-box-shadow .2s
}

.ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover {
    background: #e9ecef;
    color: #495057
}

.ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight {
    background: #E3F2FD;
    background: var(--primary-color-soft);
    color: #495057
}

.ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder {
    background-color: #89c8f7
}

@media only screen and (max-width: 599px) {
    .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button {
        margin-top: .5rem;
        margin-right: .5rem
    }

    .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button:last-child {
        margin-right: 0
    }

    .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e {
        font-family: "primeicons" !important;
        font-style: normal;
        font-weight: normal;
        display: inline-block;
        background: none
    }

    .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e:before {
        content: ""
    }

    .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e {
        font-family: "primeicons" !important;
        font-style: normal;
        font-weight: normal;
        display: inline-block;
        background: none
    }

    .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e:before {
        content: ""
    }

    .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w {
        font-family: "primeicons" !important;
        font-style: normal;
        font-weight: normal;
        display: inline-block;
        background: none
    }

    .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w:before {
        content: ""
    }

    .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w {
        font-family: "primeicons" !important;
        font-style: normal;
        font-weight: normal;
        display: inline-block;
        background: none
    }

    .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w:before {
        content: ""
    }

    .ui-picklist.ui-picklist-responsive>div.ui-helper-hidden-accessible {
        display: none
    }
}

.ui-tagcloud {
    border: 1px solid #dee2e6;
    background: #fff;
    color: #495057;
    padding: 1rem
}

.ui-tagcloud a {
    color: #495057;
    border-radius: 4px;
    -webkit-transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, -webkit-box-shadow .2s
}

.ui-tagcloud a.ui-state-hover {
    background: #E3F2FD;
    background: var(--primary-color-soft);
    color: #495057
}

.timeline-frame {
    border: 1px solid #dee2e6;
    background: #fff;
    color: #495057
}

.timeline-frame .timeline-navigation {
    width: 2rem;
    height: 2rem;
    background: rgba(0, 0, 0, 0);
    color: #6c757d;
    -webkit-transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, -webkit-box-shadow .2s;
    border-radius: 50%;
    border: 0 none;
    text-align: center;
    line-height: 2rem;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.timeline-frame .timeline-navigation:hover {
    background: #e9ecef;
    color: #495057;
    border-color: rgba(0, 0, 0, 0)
}

.timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin:before {
    content: ""
}

.timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout:before {
    content: ""
}

.timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w:before {
    content: ""
}

.timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e:before {
    content: "î¤ "
}

.timeline-frame .timeline-event {
    border: 1px solid #dee2e6;
    background: #fff;
    color: #495057
}

.timeline-frame .timeline-event.ui-state-active {
    background: #E3F2FD;
    background: var(--primary-color-soft);
    color: #495057
}

.vis-timeline {
    border: 1px solid #dee2e6;
    background: #fff;
    color: #495057
}

.vis-timeline .vis-item {
    border: 1px solid #dee2e6;
    background: #fff;
    color: #495057
}

.vis-timeline .vis-item .vis-item-content {
    color: #495057
}

.vis-timeline .vis-item.vis-dot {
    border-width: 4px
}

.vis-timeline .vis-item.vis-selected {
    background: #E3F2FD;
    background: var(--primary-color-soft);
    border-color: #E3F2FD;
    border-color: var(--primary-color-soft)
}

.vis-timeline .vis-item.vis-selected .vis-item-content {
    color: #495057
}

.vis-timeline .vis-time-axis .vis-text {
    color: #495057
}

.vis-timeline .vis-panel .vis-shadow {
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui-tree {
    border: 1px solid #dee2e6;
    background: #fff;
    color: #495057;
    padding: 1rem;
    width: 100%;
    border-radius: 4px
}

.ui-tree .ui-tree-container {
    padding: 0;
    margin: 0
}

.ui-tree .ui-tree-container .ui-treenode {
    padding: .143em 0
}

.ui-tree .ui-tree-container .ui-treenode .ui-treenode-content {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center
}

.ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler {
    display: inline-block;
    float: none;
    margin: 0 .5rem 0 0;
    -webkit-transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, -webkit-box-shadow .2s;
    width: 2rem;
    height: 2rem;
    background: rgba(0, 0, 0, 0);
    color: #6c757d;
    -webkit-transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, -webkit-box-shadow .2s;
    border-radius: 50%;
    border: 0 none;
    text-align: center;
    line-height: 2rem;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:hover {
    background: #e9ecef;
    color: #495057;
    border-color: rgba(0, 0, 0, 0)
}

.ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e:before {
    content: ""
}

.ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s:before {
    content: ""
}

.ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w:before {
    content: ""
}

.ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon {
    width: 2rem;
    height: 2rem;
    margin: 0 .5rem 0 0
}

.ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon {
    margin: 0 .5rem 0 0
}

.ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label {
    margin: 0;
    padding: .286em;
    border-radius: 4px
}

.ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover {
    background: #e9ecef;
    color: #495057
}

.ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight {
    background: #E3F2FD;
    background: var(--primary-color-soft);
    color: #495057
}

.ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox {
    margin-right: 1rem
}

.ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    color: #495057
}

.ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus:before {
    content: ""
}

.ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover {
    background: #E3F2FD;
    background: var(--primary-color-soft)
}

.ui-tree.ui-tree-horizontal {
    padding-left: 0;
    padding-right: 0
}

.ui-tree.ui-tree-horizontal .ui-treenode-content {
    border: 1px solid #dee2e6;
    background: #fff;
    color: #495057;
    padding: 1rem;
    border-radius: 4px
}

.ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover {
    background: #e9ecef;
    color: #495057
}

.ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight {
    background: #E3F2FD;
    background: var(--primary-color-soft);
    color: #495057
}

.ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler {
    margin-right: .5rem;
    vertical-align: middle
}

.ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus:before {
    content: ""
}

.ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus:before {
    content: ""
}

.ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon {
    vertical-align: middle;
    margin-right: .5rem
}

.ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-label {
    padding: 0;
    vertical-align: middle
}

.ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox {
    margin-right: .5rem
}

.ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    color: #495057
}

.ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus:before {
    content: ""
}

.ui-tree .ui-tree-filter-container {
    margin: 0 0 .5rem 0
}

.ui-tree .ui-tree-filter-container .ui-icon {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    top: 50%;
    right: auto;
    bottom: auto;
    left: .5rem;
    position: absolute;
    margin-top: -0.5rem;
    color: #6c757d
}

.ui-tree .ui-tree-filter-container .ui-icon:before {
    content: ""
}

.ui-tree .ui-tree-filter-container .ui-inputfield {
    padding: .5rem .5rem;
    width: 100%;
    padding-left: 2rem
}

.ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler {
    margin-right: 0;
    margin-left: .5rem
}

.ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon {
    margin: 0 0 0 .5rem
}

.ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon {
    margin: 0 0 0 .5rem
}

.ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox {
    margin-right: 0;
    margin-left: 2.5rem
}

.ui-tree-draghelper {
    border: 1px solid #E3F2FD;
    border: 1px solid var(--primary-color-soft)
}

.ui-fluid .ui-tree {
    width: 100%
}

.ui-treetable .ui-treetable-header {
    background: #f8f9fa;
    color: #495057;
    border: 1px solid #e9ecef;
    border-width: 1px 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 600
}

.ui-treetable .ui-treetable-footer {
    background: #f8f9fa;
    color: #495057;
    border: 1px solid #e9ecef;
    border-width: 0 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 600
}

.ui-treetable .ui-treetable-header {
    text-align: left
}

.ui-treetable .ui-treetable-footer {
    text-align: left
}

.ui-treetable .ui-paginator {
    padding: 1rem
}

.ui-treetable .ui-paginator.ui-paginator-top {
    border-width: 0 0 1px 0;
    border-radius: 0
}

.ui-treetable .ui-paginator.ui-paginator-bottom {
    border-width: 0 0 1px 0;
    border-radius: 0
}

.ui-treetable thead th {
    background: #f8f9fa;
    color: #495057;
    padding: 1rem 1rem;
    border: 1px solid #e9ecef;
    border-width: 0 0 1px 0;
    text-align: left;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, -webkit-box-shadow .2s
}

.ui-treetable thead th .ui-column-title {
    font-weight: 700;
    vertical-align: middle
}

.ui-treetable thead th .ui-sortable-column-icon {
    margin: 0 0 0 .5rem
}

.ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    vertical-align: middle
}

.ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before {
    content: ""
}

.ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    vertical-align: middle
}

.ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before {
    content: ""
}

.ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    vertical-align: middle
}

.ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before {
    content: "î¦ "
}

.ui-treetable thead th .ui-sortable-column-badge {
    border-radius: 50%;
    height: 1.143rem;
    min-width: 1.143rem;
    line-height: 1.143rem;
    color: #fff;
    background: #0472AA;
    background: var(--primary-color);
    margin-left: .5rem;
    font-size: .75rem
}

.ui-treetable thead th.ui-sortable-column.ui-state-focus {
    outline: 0 none;
    outline-offset: 0;
    -webkit-box-shadow: inset 0 0 0 .2rem #a6d5fa;
    box-shadow: inset 0 0 0 .2rem #a6d5fa
}

.ui-treetable thead th.ui-state-hover {
    background: #e9ecef;
    color: #495057
}

.ui-treetable thead th.ui-state-active {
    background: #f8f9fa;
    color: #0472AA;
    color: var(--primary-color)
}

.ui-treetable thead th.ui-state-active.ui-state-hover {
    background: #e9ecef;
    color: #0472AA;
    color: var(--primary-color)
}

.ui-treetable .ui-treetable-data>tr {
    background: #fff;
    color: #495057;
    -webkit-transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, -webkit-box-shadow .2s
}

.ui-treetable .ui-treetable-data>tr>td {
    padding: 1rem 1rem;
    border: 1px solid rgba(0, 0, 0, .08);
    border-width: 0 0 1px 0
}

.ui-treetable .ui-treetable-data>tr>td .ui-treetable-toggler {
    margin-right: .5rem;
    margin-top: 0;
    -webkit-transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, -webkit-box-shadow .2s;
    width: 2rem;
    height: 2rem;
    background: rgba(0, 0, 0, 0);
    color: #6c757d;
    -webkit-transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, -webkit-box-shadow .2s;
    border-radius: 50%;
    border: 0 none;
    text-align: center;
    line-height: 2rem;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ui-treetable .ui-treetable-data>tr>td .ui-treetable-toggler:hover {
    background: #e9ecef;
    color: #495057;
    border-color: rgba(0, 0, 0, 0)
}

.ui-treetable .ui-treetable-data>tr>td .ui-treetable-toggler.ui-icon-triangle-1-e {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-treetable .ui-treetable-data>tr>td .ui-treetable-toggler.ui-icon-triangle-1-e:before {
    content: ""
}

.ui-treetable .ui-treetable-data>tr>td .ui-treetable-toggler.ui-icon-triangle-1-s {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-treetable .ui-treetable-data>tr>td .ui-treetable-toggler.ui-icon-triangle-1-s:before {
    content: ""
}

.ui-treetable .ui-treetable-data>tr>td .ui-chkbox.ui-selection {
    vertical-align: middle;
    margin-right: 1rem
}

.ui-treetable .ui-treetable-data>tr>td .ui-chkbox.ui-selection .ui-icon-minus {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    color: #495057
}

.ui-treetable .ui-treetable-data>tr>td .ui-chkbox.ui-selection .ui-icon-minus:before {
    content: ""
}

.ui-treetable .ui-treetable-data>tr.ui-state-hover {
    background: #e9ecef;
    color: #495057
}

.ui-treetable .ui-treetable-data>tr.ui-state-highlight {
    background: #E3F2FD;
    background: var(--primary-color-soft);
    color: #495057;
    cursor: default
}

.ui-treetable .ui-treetable-data>tr.ui-state-highlight .ui-treetable-toggler {
    color: #495057
}

.ui-treetable .ui-treetable-data>tr.ui-state-highlight .ui-treetable-toggler:hover {
    color: #495057
}

.ui-treetable .ui-treetable-data>tr .ui-row-editor .ui-icon {
    width: 2rem;
    height: 2rem;
    background: rgba(0, 0, 0, 0);
    color: #6c757d;
    -webkit-transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, -webkit-box-shadow .2s;
    border-radius: 50%;
    border: 0 none;
    text-align: center;
    line-height: 2rem;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ui-treetable .ui-treetable-data>tr .ui-row-editor .ui-icon:hover {
    background: #e9ecef;
    color: #495057;
    border-color: rgba(0, 0, 0, 0)
}

.ui-treetable .ui-treetable-data>tr .ui-row-editor .ui-icon.ui-icon-pencil {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-treetable .ui-treetable-data>tr .ui-row-editor .ui-icon.ui-icon-pencil:before {
    content: ""
}

.ui-treetable .ui-treetable-data>tr .ui-row-editor .ui-icon.ui-icon-check {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    margin-right: .5rem
}

.ui-treetable .ui-treetable-data>tr .ui-row-editor .ui-icon.ui-icon-check:before {
    content: ""
}

.ui-treetable .ui-treetable-data>tr .ui-row-editor .ui-icon.ui-icon-close {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-treetable .ui-treetable-data>tr .ui-row-editor .ui-icon.ui-icon-close:before {
    content: ""
}

.ui-treetable .ui-treetable-data>tr .ui-row-editor .ui-row-editor-check {
    display: none
}

.ui-treetable .ui-treetable-data>tr .ui-row-editor .ui-row-editor-close {
    display: none
}

.ui-treetable .ui-treetable-data>tr.ui-row-editing .ui-row-editor-check {
    display: inline-block
}

.ui-treetable .ui-treetable-data>tr.ui-row-editing .ui-row-editor-close {
    display: inline-block;
    color: #495057
}

.ui-treetable .ui-treetable-data>tr.ui-row-editing .ui-icon {
    color: #495057
}

.ui-treetable tfoot td {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-width: 0 0 1px 0;
    color: #495057;
    padding: 1rem 1rem;
    font-weight: 700;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.ui-treetable .ui-treetable-scrollable-header,
.ui-treetable .ui-treetable-scrollable-footer {
    background: #f8f9fa
}

.ui-treetable .ui-column-resizer-helper {
    background: #0472AA;
    background: var(--primary-color)
}

.ui-treetable.ui-treetable-sm thead>tr>th {
    padding: .5rem .5rem
}

.ui-treetable.ui-treetable-sm .ui-treetable-scrollable-theadclone>tr>th {
    padding-top: 0;
    padding-bottom: 0
}

.ui-treetable.ui-treetable-sm .ui-treetable-data>tr>td {
    padding: .5rem .5rem
}

.ui-treetable.ui-treetable-sm tfoot>tr>td {
    padding: .5rem .5rem
}

.ui-treetable.ui-treetable-lg thead>tr>th {
    padding: 1.25rem 1.25rem
}

.ui-treetable.ui-treetable-lg .ui-treetable-scrollable-theadclone>tr>th {
    padding-top: 0;
    padding-bottom: 0
}

.ui-treetable.ui-treetable-lg .ui-treetable-data>tr>td {
    padding: 1.25rem 1.25rem
}

.ui-treetable.ui-treetable-lg tfoot>tr>td {
    padding: 1.25rem 1.25rem
}

.ui-treetable.ui-treetable-gridlines .ui-treetable-header {
    border-width: 1px 1px 0
}

.ui-treetable.ui-treetable-gridlines thead>tr>th {
    border: 1px solid #e9ecef
}

.ui-treetable.ui-treetable-gridlines .ui-treetable-data>tr>td {
    border-width: 1px
}

.ui-treetable.ui-treetable-gridlines .ui-treetable-scrollable-theadclone>tr>th {
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: 0 none;
    border-top: 0 none
}

.ui-treetable.ui-treetable-gridlines tfoot>tr>td {
    border-width: 1px
}

.ui-fileupload .ui-fileupload-buttonbar {
    border: 1px solid #dee2e6;
    background: #f8f9fa;
    color: #495057;
    padding: 1rem;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.ui-fileupload .ui-fileupload-buttonbar .ui-button {
    margin-right: .5rem
}

.ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before {
    content: ""
}

.ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before {
    content: ""
}

.ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before {
    content: ""
}

.ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled {
    display: none
}

.ui-fileupload .ui-fileupload-content {
    border: 1px solid #dee2e6;
    background: #fff;
    color: #495057;
    padding: 1rem;
    border-top: 0 none;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon:before {
    content: ""
}

.ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row>div {
    padding: 1rem
}

.ui-fileupload-simple .ui-icon-plusthick {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-fileupload-simple .ui-icon-plusthick:before {
    content: ""
}

.ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input {
    padding: .5rem .5rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.ui-autocomplete .ui-autocomplete-dropdown {
    position: relative;
    height: auto;
    width: 2.357rem;
    right: auto;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.ui-autocomplete .ui-autocomplete-dropdown .ui-button-text {
    padding: .5rem
}

.ui-autocomplete .ui-autocomplete-dropdown .ui-icon {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before {
    content: ""
}

.ui-autocomplete .ui-autocomplete-multiple-container {
    padding: .43rem .5rem
}

.ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token {
    padding: 1px 0;
    margin: 0 .5rem 0 0;
    background: #dee2e6;
    color: #495057;
    display: inline-block;
    vertical-align: middle;
    float: none;
    border-radius: 4px
}

.ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label {
    padding: 0 2rem 0 .5rem
}

.ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon {
    margin-top: -0.5rem;
    position: absolute;
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before {
    content: ""
}

.ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token {
    margin: 0;
    padding: .25rem 0;
    display: inline-block;
    vertical-align: middle;
    float: none
}

.ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input {
    font-family: -apple-system, "poppins", BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    color: #495057;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    margin: 0
}

.ui-autocomplete--show-placeholder .ui-autocomplete-multiple-container .ui-autocomplete-input-token {
    display: block
}

.ui-autocomplete--show-placeholder .ui-autocomplete-multiple-container .ui-autocomplete-input-token,
.ui-autocomplete--show-placeholder .ui-autocomplete-multiple-container .ui-autocomplete-input-token input {
    width: 100%;
    padding-right: 20px
}

.ui-autocomplete .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.ui-autocomplete-panel {
    padding: 0;
    background: #fff;
    border: 0 none;
    -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
}

.ui-autocomplete-panel .ui-autocomplete-items {
    padding: .5rem 0;
    line-height: normal;
    border: 0 none
}

.ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item {
    border: 0 none;
    margin: 0;
    padding: .5rem 1rem;
    color: #495057;
    border-radius: 0;
    -webkit-transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, -webkit-box-shadow .2s
}

.ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row {
    background: #fff;
    color: #495057;
    border: 1px solid rgba(0, 0, 0, .08)
}

.ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row>td {
    padding: .5rem 1rem
}

.ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight,
.ui-autocomplete-itemtip.ui-state-highlight {
    background: #0472AA;
    background: var(--primary-color);
    color: #fff
}

.ui-autocomplete-itemtip {
    padding: 0
}

.ui-fluid .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input,
.ui-fluid .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container {
    width: 100%
}

.ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button {
    width: 30px
}

.ui-cascadeselect {
    background: #fff;
    border: 1px solid #ced4da;
    -webkit-transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, -webkit-box-shadow .2s;
    border-radius: 4px
}

.ui-cascadeselect:not(.ui-state-disabled):hover {
    border-color: #0472AA;
    border-color: var(--primary-color)
}

.ui-cascadeselect:not(.ui-state-disabled).ui-state-focus {
    border-color: #0472AA;
    border-color: var(--primary-color);
    outline: 0 none;
    -webkit-box-shadow: 0 0 0 .2em #a6d5fa;
    box-shadow: 0 0 0 .2em #a6d5fa
}

.ui-cascadeselect .ui-cascadeselect-label {
    background: rgba(0, 0, 0, 0);
    border: 0 none;
    padding: .5rem .5rem
}

.ui-cascadeselect .ui-cascadeselect-label.ui-placeholder {
    color: #6c757d
}

.ui-cascadeselect .ui-cascadeselect-label:enabled:focus {
    outline: 0 none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui-cascadeselect .ui-cascadeselect-trigger {
    background: rgba(0, 0, 0, 0);
    color: #6c757d;
    width: 2.357rem;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.ui-cascadeselect-panel {
    background: #fff;
    border: 0 none;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
}

.ui-cascadeselect-panel .ui-cascadeselect-items {
    padding: .5rem 0
}

.ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item {
    margin: 0;
    border: 0 none;
    color: #495057;
    background: rgba(0, 0, 0, 0);
    -webkit-transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, -webkit-box-shadow .2s;
    border-radius: 0
}

.ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content {
    padding: .5rem 1rem
}

.ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content:focus {
    outline: 0 none;
    outline-offset: 0;
    -webkit-box-shadow: 0 0 0 .2em #a6d5fa;
    box-shadow: 0 0 0 .2em #a6d5fa
}

.ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight {
    color: #495057;
    background: #E3F2FD;
    background: var(--primary-color-soft)
}

.ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover {
    color: #495057;
    background: #e9ecef
}

.ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon {
    font-size: 1rem
}

.ui-input-filled .ui-cascadeselect {
    background: #f8f9fa
}

.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover {
    background-color: #f8f9fa
}

.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus {
    background-color: #f8f9fa
}

.ui-chkbox {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    width: 1.5rem;
    height: 1.5rem
}

.ui-chkbox.ui-selectbooleancheckbox {
    padding-right: 10px
}

.ui-chkbox.ui-selectbooleancheckbox .ui-chkbox-label {
    width: 100%;
    margin: 0 0 0 8px
}

.ui-chkbox .ui-chkbox-box {
    border: 2px solid #ced4da;
    background: #fff;
    width: 1.5rem;
    min-width: 1.5rem;
    height: 1.5rem;
    text-align: center;
    position: relative;
    border-radius: 4px;
    -webkit-transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, -webkit-box-shadow .2s
}

.ui-chkbox .ui-chkbox-box.ui-state-hover {
    border-color: #0472AA;
    border-color: var(--primary-color)
}

.ui-chkbox .ui-chkbox-box.ui-state-focus {
    -webkit-box-shadow: 0 0 0 .2em #a6d5fa;
    box-shadow: 0 0 0 .2em #a6d5fa;
    outline: 0 none
}

.ui-chkbox .ui-chkbox-box.ui-state-active {
    border-color: #0472AA;
    border-color: var(--primary-color);
    background: #0472AA;
    background: var(--primary-color);
    color: #fff
}

.ui-chkbox .ui-chkbox-box.ui-state-active .ui-icon-check {
    color: #fff
}

.ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover {
    background: hsl(240, 1%, calc(64% - 20%));
    background: hsl(var(--s-color-brand-primary-hsl-hue, 240), var(--s-color-brand-primary-hsl-saturation, 1%), calc(var(--s-color-brand-primary-hsl-light, 64%) - 20%))
}

.ui-chkbox .ui-chkbox-box.ui-state-error {
    border-color: #f44336
}

.ui-chkbox .ui-chkbox-box .ui-chkbox-icon {
    overflow: visible;
    top: 50%;
    left: 50%;
    position: absolute;
    line-height: 1;
    margin-left: -0.5rem;
    margin-top: -0.5rem;
    width: auto
}

.ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    font-size: inherit;
    display: inline-block;
    background: none
}

.ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before {
    content: ""
}

.ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick:before {
    content: ""
}

body.ui-input-filled .ui-chkbox .ui-chkbox-box,
.ui-input-filled .ui-chkbox .ui-chkbox-box {
    background-color: #f8f9fa
}

body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover,
.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover {
    background-color: #f8f9fa
}

body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active,
.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active {
    background: #0472AA;
    background: var(--primary-color)
}

body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover,
.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover {
    background: hsl(240, 1%, calc(64% - 20%));
    background: hsl(var(--s-color-brand-primary-hsl-hue, 240), var(--s-color-brand-primary-hsl-saturation, 1%), calc(var(--s-color-brand-primary-hsl-light, 64%) - 20%))
}

.ui-chips .ui-chips-container {
    padding: .25rem .5rem
}

.ui-chips .ui-chips-container .ui-chips-token {
    padding: 1px 0;
    margin: 0 .5rem 0 0;
    background: #dee2e6;
    color: #495057;
    border-radius: 4px
}

.ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label {
    padding: 0 2rem 0 .5rem
}

.ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon {
    margin-top: -0.5rem;
    position: absolute;
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon:before {
    content: ""
}

.ui-chips .ui-chips-container .ui-chips-input-token {
    margin: 0;
    padding: .25rem 0
}

.ui-chips .ui-chips-container .ui-chips-input-token input {
    font-family: -apple-system, "poppins", BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    color: #495057;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    margin: 0
}

.ui-colorpicker .ui-button {
    border-radius: 4px
}

.ui-fluid .ui-colorpicker .ui-button {
    width: auto
}

.ui-datepicker {
    background: #fff;
    border: 1px solid #ced4da;
    color: #495057;
    padding: .5rem;
    width: auto;
    border-radius: 4px
}

.ui-datepicker .ui-datepicker-header {
    margin: 0;
    padding: 1rem;
    line-height: normal;
    background: #fff;
    color: #495057;
    font-weight: 600;
    border: solid #dee2e6;
    border-width: 0 0 1px 0;
    border-radius: 0
}

.ui-datepicker .ui-datepicker-next {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    right: 0
}

.ui-datepicker .ui-datepicker-next:before {
    content: ""
}

body.rtl .ui-datepicker .ui-datepicker-next:before {
    content: ""
}

.ui-datepicker .ui-datepicker-prev {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    left: 0
}

.ui-datepicker .ui-datepicker-prev:before {
    content: ""
}

body.rtl .ui-datepicker .ui-datepicker-prev:before {
    content: ""
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
    cursor: pointer;
    top: 50%;
    margin-top: -1rem;
    width: 2rem;
    height: 2rem;
    background: rgba(0, 0, 0, 0);
    color: #6c757d;
    -webkit-transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, -webkit-box-shadow .2s;
    border-radius: 50%;
    border: 0 none;
    text-align: center;
    line-height: 2rem;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ui-datepicker .ui-datepicker-next:hover,
.ui-datepicker .ui-datepicker-prev:hover {
    background: #e9ecef;
    color: #495057;
    border-color: rgba(0, 0, 0, 0)
}

.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {
    display: none
}

.ui-datepicker .ui-datepicker-title {
    line-height: 1;
    margin: 0
}

.ui-datepicker .ui-datepicker-title select {
    width: 40%;
    margin: 0
}

.ui-datepicker .ui-datepicker-title select:first-child {
    margin-right: .5rem
}

.ui-datepicker .ui-datepicker-calendar {
    margin: .5rem 0
}

.ui-datepicker .ui-datepicker-calendar th {
    padding: .5rem;
    text-align: center
}

.ui-datepicker .ui-datepicker-calendar th>span {
    width: 2.5rem;
    height: 2.5rem
}

.ui-datepicker .ui-datepicker-calendar td {
    text-align: center;
    padding: .25rem
}

@media only screen and (min-width: 768px) {
    .ui-datepicker .ui-datepicker-calendar td {
        padding: .5rem
    }
}

.ui-datepicker-multi {
    width: auto !important;
    min-width: 730px
}

@media only screen and (max-width: 1199px) {
    .ui-datepicker-multi .ui-datepicker-calendar td {
        padding: .25rem
    }
}

.ui-datepicker .ui-datepicker-calendar td .ui-state-default {
    padding: 0;
    text-align: center;
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    border: 0 none;
    display: inline-block;
    -webkit-transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, -webkit-box-shadow .2s;
    border-radius: 50%
}

.ui-datepicker .ui-datepicker-calendar .date-range-selected .ui-state-default {
    background: #e3e3e3
}

.ui-datepicker .ui-datepicker-calendar .date-range-selected .ui-state-default:hover,
.ui-datepicker .ui-datepicker-calendar td a:hover {
    border-color: rgba(0, 0, 0, 0)
}

.ui-datepicker .ui-datepicker-calendar .ui-selected-departure-date .ui-state-default,
.ui-datepicker .ui-datepicker-calendar .date-range-selected a.ui-state-active,
.ui-datepicker .ui-datepicker-calendar td a.ui-state-active {
    background: #0472AA;
    background: var(--primary-color);
    color: #fff;
    border: 0 none
}

.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a {
    background: rgba(0, 0, 0, 0);
    color: #0b7ad1;
    font-weight: 600;
    border: 0 none
}

.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a:hover {
    background: #e9ecef;
    border-color: rgba(0, 0, 0, 0)
}

.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a.ui-state-active {
    background: #0472AA;
    background: var(--primary-color);
    color: #fff;
    border: 0 none
}

.ui-datepicker .ui-datepicker-calendar .ui-state-disabled {
    opacity: .3
}

.ui-datepicker.ui-input-overlay {
    border: 0 none;
    -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
}

.ui-datepicker .ui-timepicker-div dl {
    margin: .857em 0
}

.ui-datepicker .ui-timepicker-div dl dt {
    padding: 0
}

.ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_time_label {
    padding: .5em 0
}

.ui-datepicker .ui-timepicker-div dl dd {
    padding: .5em 0;
    margin: 0 .714em .714em 40%
}

.ui-datepicker .ui-datepicker-buttonpane button,
.ui-datepicker .ui-datepicker-buttonbar button {
    -webkit-transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, -webkit-box-shadow .2s;
    border-radius: 4px;
    background: #607d8b;
    color: #fff;
    border: 1px solid #607d8b
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover,
.ui-datepicker .ui-datepicker-buttonpane button:not(:disabled):hover,
.ui-datepicker .ui-datepicker-buttonbar button.ui-state-hover,
.ui-datepicker .ui-datepicker-buttonbar button:not(:disabled):hover {
    background: #56717d;
    border-color: #56717d;
    color: #fff
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus,
.ui-datepicker .ui-datepicker-buttonbar button.ui-state-focus {
    -webkit-box-shadow: 0 0 0 .2rem #beccd2;
    box-shadow: 0 0 0 .2rem #beccd2
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-state-active,
.ui-datepicker .ui-datepicker-buttonpane button:active,
.ui-datepicker .ui-datepicker-buttonbar button.ui-state-active,
.ui-datepicker .ui-datepicker-buttonbar button:active {
    background: #4d646f;
    border-color: #4d646f;
    color: #fff
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined,
.ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined {
    background-color: rgba(0, 0, 0, 0);
    color: #607d8b;
    border: 1px solid
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:hover,
.ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:hover {
    background: rgba(96, 125, 139, .04);
    color: #607d8b;
    border: 1px solid
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:active,
.ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:active {
    background: rgba(96, 125, 139, .16);
    color: #607d8b;
    border: 1px solid
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat,
.ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat {
    background-color: rgba(0, 0, 0, 0);
    color: #607d8b;
    border-color: rgba(0, 0, 0, 0)
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:hover,
.ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:hover {
    background: rgba(96, 125, 139, .04);
    border-color: rgba(0, 0, 0, 0);
    color: #607d8b
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:active,
.ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:active {
    background: rgba(96, 125, 139, .16);
    border-color: rgba(0, 0, 0, 0);
    color: #607d8b
}

.ui-datepicker .ui-datepicker-buttonpane .ui-g-6:first-child,
.ui-datepicker .ui-datepicker-buttonbar .ui-g-6:first-child {
    text-align: left
}

.ui-datepicker .ui-datepicker-buttonpane .ui-g-6:last-child,
.ui-datepicker .ui-datepicker-buttonbar .ui-g-6:last-child {
    text-align: right
}

.ui-datepicker .ui-datepicker-buttonbar {
    border-top: solid #dee2e6;
    padding: 1rem 0
}

.ui-datepicker .ui-monthpicker-month {
    margin: .5rem 0;
    color: #495057;
    -webkit-transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, -webkit-box-shadow .2s;
    padding: .5rem;
    border: 4px
}

.ui-datepicker .ui-monthpicker-month:hover {
    background: #e9ecef;
    border-color: rgba(0, 0, 0, 0)
}

.ui-datepicker .ui-monthpicker-month.ui-state-active {
    background: #E3F2FD;
    background: var(--primary-color-soft);
    color: #495057;
    border: 0 none
}

.ui-datepicker .ui-datepicker-group {
    padding: .5rem
}

.ui-datepicker .ui-picker-up {
    width: 2rem;
    height: 2rem;
    background: rgba(0, 0, 0, 0);
    color: #6c757d;
    -webkit-transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, -webkit-box-shadow .2s;
    border-radius: 50%;
    border: 0 none;
    text-align: center;
    line-height: 2rem;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ui-datepicker .ui-picker-up:hover {
    background: #e9ecef;
    color: #495057;
    border-color: rgba(0, 0, 0, 0)
}

.ui-datepicker .ui-picker-up .ui-icon {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-datepicker .ui-picker-up .ui-icon:before {
    content: ""
}

.ui-datepicker .ui-picker-down {
    width: 2rem;
    height: 2rem;
    background: rgba(0, 0, 0, 0);
    color: #6c757d;
    -webkit-transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, -webkit-box-shadow .2s;
    border-radius: 50%;
    border: 0 none;
    text-align: center;
    line-height: 2rem;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ui-datepicker .ui-picker-down:hover {
    background: #e9ecef;
    color: #495057;
    border-color: rgba(0, 0, 0, 0)
}

.ui-datepicker .ui-picker-down .ui-icon {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-datepicker .ui-picker-down .ui-icon:before {
    content: ""
}

.ui-calendar .ui-button.ui-button-icon-only {
    width: 2.357rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before {
    content: ""
}

.ui-calendar.ui-trigger-calendar input.hasDatepicker {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.ui-fluid .ui-trigger-calendar input.hasDatepicker {
    width: calc(100% - 2.357rem);
    padding-right: 0
}

.ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button {
    position: absolute;
    right: -2.357rem;
    width: 2.357rem
}

.ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text {
    padding: .5rem
}

.ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button {
    right: 0
}

.ui-inplace .ui-inplace-display {
    padding: .5rem .5rem;
    border-radius: 4px
}

.ui-inplace .ui-inplace-display.ui-state-highlight {
    background: #e9ecef;
    color: #495057;
    -webkit-transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, -webkit-box-shadow .2s
}

.ui-inplace .ui-inplace-save .ui-icon {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-inplace .ui-inplace-save .ui-icon:before {
    content: ""
}

.ui-inplace .ui-inplace-cancel {
    margin-left: .25rem
}

.ui-inplace .ui-inplace-cancel .ui-icon {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-inplace .ui-inplace-cancel .ui-icon:before {
    content: ""
}

.ui-inplace .ui-inplace-editor {
    margin-left: .5rem
}

.ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text {
    padding: .5rem
}

body ::-webkit-input-placeholder {
    color: #6c757d
}

body :-moz-placeholder {
    color: #6c757d;
    opacity: 1
}

body ::-moz-placeholder {
    color: #6c757d;
    opacity: 1
}

body :-ms-input-placeholder {
    color: #6c757d
}

.p-field small.ui-state-error {
    color: #f44336
}

.ui-float-label>label {
    margin-left: .5rem;
    color: #6c757d
}

.ui-float-label>input:focus~label,
.ui-float-label>input.ui-state-filled~label,
.ui-float-label>textarea:focus~label,
.ui-float-label>textarea.ui-state-filled~label,
.ui-float-label>.ui-inputwrapper-focus~label,
.ui-float-label>.ui-inputwrapper-filled~label {
    color: #495057
}

.ui-float-label>input:-webkit-autofill~label,
.ui-float-label>textarea:-webkit-autofill~label {
    color: #495057
}

.ui-input-icon-left,
.ui-input-icon-right {
    position: relative;
    display: inline-block
}

.ui-fluid .ui-input-icon-left,
.ui-fluid .ui-input-icon-right {
    display: block
}

.ui-input-icon-left>i,
.ui-input-icon-right>i {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem
}

.ui-input-icon-left>i:first-of-type {
    left: .5rem;
    color: #6c757d
}

.ui-input-icon-left>.ui-inputfield {
    padding-left: 2rem
}

.ui-input-icon-right>i:last-of-type {
    right: .5rem;
    color: #6c757d
}

.ui-input-icon-right>.ui-inputfield {
    padding-right: 2rem
}

.ui-inputfield {
    color: #495057;
    background: #fff;
    padding: .5rem .5rem;
    border: 1px solid #ced4da;
    outline: 0 none;
    font-size: 1rem;
    border-radius: 4px;
    -webkit-transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, -webkit-box-shadow .2s;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.ui-inputfield.ui-state-error {
    border-color: #f44336
}

.ui-inputfield.ui-state-hover {
    border-color: #0472AA;
    border-color: var(--primary-color)
}

.ui-inputfield.ui-state-focus {
    border-color: #0472AA;
    border-color: var(--primary-color);
    outline: 0 none;
    -webkit-box-shadow: 0 0 0 .2em #a6d5fa;
    box-shadow: 0 0 0 .2em #a6d5fa
}

.ui-input-filled .ui-inputfield,
body.ui-input-filled .ui-inputfield {
    background-color: #f8f9fa
}

.ui-input-filled .ui-inputfield.ui-state-hover,
body.ui-input-filled .ui-inputfield.ui-state-hover {
    background-color: #f8f9fa
}

.ui-input-filled .ui-inputfield.ui-state-focus,
body.ui-input-filled .ui-inputfield.ui-state-focus {
    background-color: #f8f9fa
}

.ui-inputtextarea {
    vertical-align: top
}

.ui-inputgroup .ui-inputgroup-addon,
.ui-inputgroup .ui-inputgroup-addon-checkbox {
    padding: .5rem .5rem;
    border-color: #ced4da;
    background: #e9ecef;
    color: #6c757d;
    min-width: 2.357rem
}

.ui-inputgroup .ui-inputgroup-addon:first-child,
.ui-inputgroup .ui-inputgroup-addon-checkbox:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.ui-inputgroup .ui-inputgroup-addon:last-child,
.ui-inputgroup .ui-inputgroup-addon-checkbox:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.ui-inputgroup button:first-child,
.ui-inputgroup input:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.ui-inputgroup button:last-child,
.ui-inputgroup input:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.ui-inputgroup .ui-inputgroup-addon-checkbox {
    padding: 0;
    position: relative
}

.ui-inputgroup .ui-inputgroup-addon-checkbox .ui-chkbox {
    vertical-align: baseline;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -0.75rem;
    margin-left: -0.75rem
}

.keypad-popup {
    background: #fff;
    color: #495057;
    padding: 0;
    border: 0 none;
    margin: 0;
    width: auto;
    -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
}

.keypad-popup button {
    background: #fff;
    border: 1px solid #ced4da;
    padding: .5rem;
    margin: 2px;
    outline: 0 none;
    color: #495057;
    -webkit-transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, -webkit-box-shadow .2s;
    border-radius: 4px
}

.keypad-popup button.ui-state-hover {
    background: #ebebef;
    border-color: #ced4da;
    color: #495057
}

.keypad-popup button.ui-state-active {
    background: #0b7ad1;
    border-color: #0b7ad1;
    color: #fff
}

.keypad-popup button.keypad-shift,
.keypad-popup button.keypad-spacebar,
.keypad-popup button.keypad-enter,
.keypad-popup button.keypad-clear,
.keypad-popup button.keypad-back,
.keypad-popup button.keypad-close {
    background: #0472AA;
    background: var(--primary-color);
    color: #fff;
    border: 1px solid #0472AA;
    border: 1px solid var(--primary-color)
}

.keypad-popup button.keypad-shift.ui-state-hover,
.keypad-popup button.keypad-spacebar.ui-state-hover,
.keypad-popup button.keypad-enter.ui-state-hover,
.keypad-popup button.keypad-clear.ui-state-hover,
.keypad-popup button.keypad-back.ui-state-hover,
.keypad-popup button.keypad-close.ui-state-hover {
    background: hsl(240, 1%, calc(64% - 20%));
    background: hsl(var(--s-color-brand-primary-hsl-hue, 240), var(--s-color-brand-primary-hsl-saturation, 1%), calc(var(--s-color-brand-primary-hsl-light, 64%) - 20%));
    border-color: hsl(240, 1%, calc(64% - 20%));
    border-color: hsl(var(--s-color-brand-primary-hsl-hue, 240), var(--s-color-brand-primary-hsl-saturation, 1%), calc(var(--s-color-brand-primary-hsl-light, 64%) - 20%));
    color: #fff
}

.keypad-popup button.keypad-shift.ui-state-focus,
.keypad-popup button.keypad-spacebar.ui-state-focus,
.keypad-popup button.keypad-enter.ui-state-focus,
.keypad-popup button.keypad-clear.ui-state-focus,
.keypad-popup button.keypad-back.ui-state-focus,
.keypad-popup button.keypad-close.ui-state-focus {
    outline: 0 none;
    outline-offset: 0;
    -webkit-box-shadow: 0 0 0 .2em #a6d5fa;
    box-shadow: 0 0 0 .2em #a6d5fa
}

.keypad-popup button.keypad-shift.ui-state-active,
.keypad-popup button.keypad-spacebar.ui-state-active,
.keypad-popup button.keypad-enter.ui-state-active,
.keypad-popup button.keypad-clear.ui-state-active,
.keypad-popup button.keypad-back.ui-state-active,
.keypad-popup button.keypad-close.ui-state-active {
    background: #0b7ad1;
    border-color: #0b7ad1;
    color: #fff
}

.ui-multiselectlistbox .ui-multiselectlistbox-listcontainer {
    margin-right: .5rem;
    border: 1px solid #ced4da;
    padding: 0
}

.ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header {
    padding: .5rem 1rem;
    margin: 0;
    border: 0 none;
    border-bottom: 0 none;
    background: #f8f9fa;
    color: #495057
}

.ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list {
    padding: .5rem 0;
    background: #fff;
    border: 0 none
}

.ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item {
    padding: .5rem 1rem;
    margin: 0;
    background: rgba(0, 0, 0, 0);
    color: #495057;
    border-radius: 0;
    -webkit-transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, -webkit-box-shadow .2s
}

.ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-hover {
    background: #e9ecef;
    color: #495057
}

.ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight {
    background: #E3F2FD;
    background: var(--primary-color-soft);
    color: #495057
}

.ui-password {
    width: 100%
}

.ui-password .ui-password-icon {
    cursor: pointer;
    margin-right: 5px
}

.ui-password.ui-password-masked .ui-password-icon {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-password.ui-password-masked .ui-password-icon:before {
    content: ""
}

.ui-password.ui-password-unmasked .ui-password-icon {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-password.ui-password-unmasked .ui-password-icon:before {
    content: ""
}

.ui-password-panel {
    background: #fff;
    color: #495057;
    padding: 1rem;
    border: 0 none;
    margin: 0;
    width: auto;
    min-width: 150px;
    -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
}

.ui-radiobutton {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    width: 20px;
    height: 20px
}

.ui-radiobutton .ui-radiobutton-box {
    border: 1px solid #ced4da;
    border-width: 2px;
    background: #fff;
    width: 20px;
    height: 20px;
    text-align: center;
    position: relative;
    border-radius: 50%;
    -webkit-transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, -webkit-box-shadow .2s
}

.ui-radiobutton .ui-radiobutton-box.ui-state-hover {
    border-color: #0472AA;
    border-color: var(--primary-color)
}

.ui-radiobutton .ui-radiobutton-box.ui-state-focus {
    -webkit-box-shadow: 0 0 0 .2em #a6d5fa;
    box-shadow: 0 0 0 .2em #a6d5fa
}

.ui-radiobutton .ui-radiobutton-box.ui-state-active {
    border-color: #0472AA;
    border-color: var(--primary-color);
    background: #0472AA;
    background: var(--primary-color);
    color: #fff
}

.ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover {
    background: hsl(240, 1%, calc(64% - 20%));
    background: hsl(var(--s-color-brand-primary-hsl-hue, 240), var(--s-color-brand-primary-hsl-saturation, 1%), calc(var(--s-color-brand-primary-hsl-light, 64%) - 20%))
}

.ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet {
    background: #0472AA;
    background: var(--primary-color);
    border: 3px solid #fff
}

.ui-radiobutton .ui-radiobutton-box.ui-state-error {
    border-color: #f44336
}

.ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
    border-radius: 50%
}

.ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before {
    display: none
}

body.ui-input-filled .ui-radiobutton .ui-radiobutton-box,
.ui-input-filled .ui-radiobutton .ui-radiobutton-box {
    background-color: #f8f9fa
}

body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover,
.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover {
    background-color: #f8f9fa
}

body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active,
.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active {
    background: #0472AA;
    background: var(--primary-color)
}

body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover,
.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover {
    background: hsl(240, 1%, calc(64% - 20%));
    background: hsl(var(--s-color-brand-primary-hsl-hue, 240), var(--s-color-brand-primary-hsl-saturation, 1%), calc(var(--s-color-brand-primary-hsl-light, 64%) - 20%))
}

.ui-rating .ui-rating-cancel {
    float: none;
    display: inline-block;
    margin-right: .5rem;
    overflow: visible
}

.ui-rating .ui-rating-cancel a {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    text-indent: 0;
    -webkit-transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, -webkit-box-shadow .2s;
    display: block;
    font-size: 1.25rem;
    height: 1.25rem;
    width: 1.25rem;
    color: #e0284f;
    overflow: visible
}

.ui-rating .ui-rating-cancel a:before {
    content: ""
}

.ui-rating .ui-rating-cancel a:hover {
    color: #e0284f
}

.ui-rating .ui-rating-star {
    float: none;
    display: inline-block;
    margin-right: .5rem;
    overflow: visible
}

.ui-rating .ui-rating-star a {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    text-indent: 0;
    display: block;
    font-size: 1.25rem;
    height: 1.25rem;
    width: 1.25rem;
    color: #495057;
    overflow: visible
}

.ui-rating .ui-rating-star a:before {
    content: ""
}

.ui-rating .ui-rating-star a:hover {
    color: hsl(240, 1%, calc(64% - 20%));
    color: hsl(var(--s-color-brand-primary-hsl-hue, 240), var(--s-color-brand-primary-hsl-saturation, 1%), calc(var(--s-color-brand-primary-hsl-light, 64%) - 20%))
}

.ui-rating .ui-rating-star-on a {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    display: block;
    font-size: 1.25rem;
    height: 1.25rem;
    width: 1.25rem;
    color: #0472AA;
    color: var(--primary-color)
}

.ui-rating .ui-rating-star-on a:before {
    content: ""
}

.ui-state-highlight .ui-rating-star a {
    color: #495057
}

.ui-selectbooleancheckbox,
.ui-tristatecheckbox {
    width: auto;
    height: auto;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center
}

.ui-selectcheckboxmenu {
    vertical-align: baseline;
    border: 1px solid #ced4da;
    position: relative;
    -webkit-transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, -webkit-box-shadow .2s;
    border-radius: 4px;
    background: #fff
}

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container {
    padding: .5rem .5rem;
    padding-right: 2.357rem;
    display: block;
    background: rgba(0, 0, 0, 0);
    border-radius: 4px
}

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label {
    padding: 0;
    background: rgba(0, 0, 0, 0)
}

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger {
    border: 0 none;
    cursor: pointer;
    height: 100%;
    position: absolute;
    padding: 0;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 2.357rem;
    background: rgba(0, 0, 0, 0);
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon {
    position: static;
    margin: 0;
    color: #6c757d;
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:before {
    content: ""
}

.ui-selectcheckboxmenu.ui-state-hover:not(.ui-state-error) {
    border-color: #0472AA;
    border-color: var(--primary-color)
}

.ui-selectcheckboxmenu.ui-state-focus:not(.ui-state-error) {
    border-color: #0472AA;
    border-color: var(--primary-color);
    outline: 0 none;
    -webkit-box-shadow: 0 0 0 .2em #a6d5fa;
    box-shadow: 0 0 0 .2em #a6d5fa
}

.ui-selectcheckboxmenu.ui-state-error {
    border-color: #f44336
}

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield {
    line-height: 1.5;
    padding: .5rem .5rem;
    padding-right: 2.357rem
}

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token {
    padding: 1px 0;
    margin: 0 .5rem 0 0;
    background: #dee2e6;
    color: #495057;
    border-radius: 4px
}

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label {
    line-height: 1.25;
    padding: 0 2rem 0 .5rem
}

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon {
    position: absolute;
    top: 1px;
    margin-right: 2px;
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    line-height: 1.5;
    background: none
}

.checkThemes.ui-selectcheckboxmenu,
.checkSecondaryThemes.ui-selectcheckboxmenu {
    min-height: 35px;
    line-height: 35px
}

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon:before {
    content: ""
}

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token {
    margin: 0;
    padding: .25rem 0
}

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token input {
    font-family: -apple-system, "poppins", BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    padding: 0;
    margin: 0
}

body.ui-input-filled .ui-selectcheckboxmenu,
.ui-input-filled .ui-selectcheckboxmenu {
    background: #f8f9fa
}

body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover,
.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover {
    background-color: #f8f9fa
}

body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus,
.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus {
    background-color: #f8f9fa
}

.ui-selectcheckboxmenu-panel {
    padding: 0;
    background: #fff;
    border: 0 none;
    -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
    border-radius: 4px
}

.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header {
    padding: .5rem 1rem;
    margin: 0;
    border-bottom: 0 none;
    background: #f8f9fa;
    color: #495057;
    position: relative;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center
}

.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox {
    margin-right: .5rem;
    float: none
}

.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container {
    padding: 0;
    margin: 0 .5rem 0 0;
    float: none;
    -webkit-box-flex: 1;
    flex: 1 1 0;
    -ms-flex: 1 1 0px
}

.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield {
    padding: .5rem .5rem;
    width: 100%;
    padding-left: 2rem
}

.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    position: absolute;
    left: .5rem;
    top: 50%;
    right: auto;
    bottom: auto;
    margin-top: -0.5rem;
    line-height: 1;
    color: #6c757d
}

.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon:before {
    content: ""
}

.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close {
    width: 2rem;
    height: 2rem;
    background: rgba(0, 0, 0, 0);
    color: #6c757d;
    -webkit-transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, -webkit-box-shadow .2s;
    border-radius: 50%;
    border: 0 none;
    text-align: center;
    line-height: 2rem;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-left: auto;
    text-align: center;
    margin-right: 0
}

.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover {
    background: #e9ecef;
    color: #495057;
    border-color: rgba(0, 0, 0, 0)
}

.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    float: none
}

.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon:before {
    content: ""
}

.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items {
    padding: .5rem 0
}

.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item {
    padding: .5rem 1rem;
    margin: 0;
    outline: 0 none;
    background: rgba(0, 0, 0, 0);
    color: #495057;
    border-radius: 0;
    -webkit-transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, -webkit-box-shadow .2s
}

.checkthemespanel.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item label {
    font-weight: 100 !important
}

.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-hover {
    background: #e9ecef;
    color: #495057
}

.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight {
    background: #E3F2FD;
    background: var(--primary-color-soft);
    color: #495057
}

.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox {
    top: auto;
    position: static;
    margin-top: 0;
    margin-right: .5rem
}

.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item>label {
    display: inline;
    padding-left: 0;
    vertical-align: middle
}

.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item-group {
    background: #fff;
    margin: 0;
    padding: .75rem 1rem;
    color: #495057
}

.ui-selectonelistbox,
.ui-selectmanymenu {
    padding: 0;
    width: auto;
    min-width: 12rem;
    border: 1px solid #ced4da;
    border-radius: 4px;
    background: #fff
}

.ui-selectonelistbox .ui-selectlistbox-filter-container,
.ui-selectmanymenu .ui-selectlistbox-filter-container {
    padding: .5rem 1rem;
    margin: 0;
    border-bottom: 0 none;
    background: #f8f9fa;
    color: #495057;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.ui-selectonelistbox .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield,
.ui-selectmanymenu .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield {
    padding: .5rem .5rem;
    width: 100%;
    padding-left: 2rem
}

.ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon,
.ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    position: absolute;
    left: 1.5rem;
    top: 50%;
    right: auto;
    bottom: auto;
    margin-top: -0.5rem;
    color: #6c757d
}

.ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon:before,
.ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon:before {
    content: ""
}

.ui-selectonelistbox .ui-selectlistbox-listcontainer,
.ui-selectmanymenu .ui-selectlistbox-listcontainer {
    padding: .5rem 0;
    line-height: normal;
    border: 0 none
}

.ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list,
.ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list {
    list-style-type: none;
    margin: 0
}

.ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item,
.ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item {
    border: 0 none;
    margin: 0;
    padding: .5rem 1rem;
    background: rgba(0, 0, 0, 0);
    color: #495057;
    border-radius: 0;
    -webkit-transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, -webkit-box-shadow .2s
}

.ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover,
.ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover {
    background: #e9ecef;
    color: #495057
}

.ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight,
.ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight {
    background: #E3F2FD;
    background: var(--primary-color-soft);
    color: #495057
}

.ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox,
.ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox {
    margin-right: .5rem;
    vertical-align: middle
}

.ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item>td,
.ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item>td {
    padding: 1rem 1rem
}

.ui-input-filled .ui-selectonelistbox.ui-inputfield,
.ui-input-filled .ui-selectmanymenu.ui-inputfield,
body.ui-input-filled .ui-selectonelistbox.ui-inputfield,
body.ui-input-filled .ui-selectmanymenu.ui-inputfield {
    background: #fff
}

.ui-selectonemenu {
    vertical-align: baseline;
    border: 1px solid #ced4da;
    position: relative;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    padding: 0;
    -webkit-transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, -webkit-box-shadow .2s;
    border-radius: 4px;
    background: #fff
}

.ui-selectonemenu .ui-selectonemenu-label {
    background: rgba(0, 0, 0, 0);
    padding-right: 2.357rem;
    min-height: calc(2rem + 3px)
}

.ui-selectonemenu .ui-selectonemenu-trigger {
    border: 0 none;
    cursor: pointer;
    height: 100%;
    position: absolute;
    padding: 0;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 2.357rem;
    background: rgba(0, 0, 0, 0);
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
    position: static;
    margin: 0;
    color: #6c757d;
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before {
    content: ""
}

.ui-selectonemenu.ui-state-hover:not(.ui-state-error) {
    border-color: #0472AA;
    border-color: var(--primary-color)
}

.ui-selectonemenu.ui-state-focus:not(.ui-state-error) {
    border-color: #0472AA;
    border-color: var(--primary-color);
    outline: 0 none;
    -webkit-box-shadow: 0 0 0 .2em #a6d5fa;
    box-shadow: 0 0 0 .2em #a6d5fa
}

.ui-selectonemenu.ui-state-error {
    border-color: #f44336
}

.ui-fluid .ui-selectonemenu-label {
    width: calc(100% - 2.357rem);
    padding: .5rem .5rem
}

.ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger {
    width: 2.357rem;
    padding: 0
}

body.ui-input-filled .ui-selectonemenu,
.ui-input-filled .ui-selectonemenu {
    background: #f8f9fa
}

body.ui-input-filled .ui-selectonemenu.ui-state-hover,
.ui-input-filled .ui-selectonemenu.ui-state-hover {
    background-color: #f8f9fa
}

body.ui-input-filled .ui-selectonemenu.ui-state-focus,
.ui-input-filled .ui-selectonemenu.ui-state-focus {
    background-color: #f8f9fa
}

.ui-selectonemenu-panel {
    background: #fff;
    border: 0 none;
    -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
    border-radius: 4px
}

.ui-selectonemenu-panel .ui-selectonemenu-filter-container {
    padding: .5rem 1rem;
    margin: 0;
    border-bottom: 0 none;
    background: #f8f9fa;
    color: #495057
}

.ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield {
    padding: .5rem .5rem;
    width: 100%;
    padding-left: 2rem
}

.ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    position: absolute;
    left: 1.5rem;
    top: 50%;
    right: auto;
    bottom: auto;
    margin-top: -0.5rem;
    color: #6c757d
}

.ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before {
    content: ""
}

.ui-selectonemenu-panel .ui-selectonemenu-items {
    padding: .5rem 0
}

.ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table>thead tr th {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    color: #495057;
    font-weight: 700
}

.ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item {
    margin: 0;
    padding: .5rem 1rem;
    background: rgba(0, 0, 0, 0);
    color: #495057;
    outline: 0 none;
    border-radius: 0;
    -webkit-transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, -webkit-box-shadow .2s
}

.ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row {
    background: #fff;
    color: #495057;
    border: 1px solid rgba(0, 0, 0, .08)
}

.ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row>td {
    padding: 1rem 1rem
}

.ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row:first-child {
    border-top-color: rgba(0, 0, 0, 0)
}

.ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover {
    background: #e9ecef;
    color: #495057
}

.ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight {
    background: #E3F2FD;
    background: var(--primary-color-soft);
    color: #495057
}

.ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group {
    background: #fff;
    margin: 0;
    padding: .75rem 1rem;
    color: #495057
}

.ui-slider {
    background: #dee2e6
}

.ui-slider .ui-slider-handle {
    width: 1.143rem;
    height: 1.143rem;
    background: #fff;
    border: 2px solid #0472AA;
    border: 2px solid var(--primary-color);
    -webkit-transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, -webkit-box-shadow .2s;
    border-radius: 50%
}

.ui-slider .ui-slider-handle.ui-state-hover {
    border-color: #0472AA;
    border-color: var(--primary-color);
    background: #0472AA;
    background: var(--primary-color)
}

.ui-slider .ui-slider-handle.ui-state-focus {
    outline: 0 none
}

.ui-slider.ui-slider-horizontal {
    height: .286rem
}

.ui-slider.ui-slider-horizontal .ui-slider-handle {
    top: -0.4285rem;
    margin-left: -0.5715rem
}

.ui-slider.ui-slider-vertical {
    width: .286rem
}

.ui-slider.ui-slider-vertical .ui-slider-handle {
    left: -0.4285rem;
    margin-top: -0.5715rem
}

.ui-slider .ui-slider-range {
    background: #0472AA;
    background: var(--primary-color)
}

.ui-inputtext+.ui-slider {
    margin-bottom: .5rem
}

.ui-spinner .ui-spinner-input {
    padding-right: 2.857rem
}

.ui-spinner .ui-spinner-button.ui-button {
    border-radius: 0;
    width: 2.357rem
}

.ui-spinner .ui-spinner-button.ui-button .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -0.5rem;
    margin-top: -0.5rem
}

.ui-spinner .ui-spinner-button.ui-button.ui-spinner-up {
    border-top-right-radius: 4px
}

.ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon:before {
    content: ""
}

.ui-spinner .ui-spinner-button.ui-button.ui-spinner-down {
    border-bottom-right-radius: 4px
}

.ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon:before {
    content: ""
}

.ui-fluid .ui-spinner .ui-spinner-input {
    padding-right: 2.857rem
}

.ui-toggleswitch {
    position: relative;
    display: inline-block;
    width: 3rem;
    height: 1.75rem
}

.ui-toggleswitch .ui-toggleswitch-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #dee2e6;
    -webkit-transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, -webkit-box-shadow .2s;
    border-radius: 30px
}

.ui-toggleswitch .ui-toggleswitch-slider:before {
    position: absolute;
    content: "";
    top: 50%;
    background: #fff;
    width: 1.25rem;
    height: 1.25rem;
    left: .25rem;
    margin-top: -0.625rem;
    border-radius: 50%;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before {
    -webkit-transform: translateX(1.25rem);
    -ms-transform: translateX(1.25rem);
    transform: translateX(1.25rem)
}

.ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider {
    outline: 0 none;
    outline-offset: 0;
    -webkit-box-shadow: 0 0 0 .2rem #a6d5fa;
    box-shadow: 0 0 0 .2rem #a6d5fa
}

.ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider {
    background: #0472AA;
    background: var(--primary-color)
}

.ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before {
    background: #fff
}

.ui-breadcrumb {
    background: #fff;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    padding: 1rem
}

.ui-breadcrumb ul li {
    float: none;
    display: inline-block;
    vertical-align: middle
}

.ui-breadcrumb ul li .ui-menuitem-link {
    -webkit-transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, -webkit-box-shadow .2s;
    border-radius: 4px;
    margin: 0
}

.ui-breadcrumb ul li .ui-menuitem-link:focus {
    outline: 0 none;
    outline-offset: 0;
    -webkit-box-shadow: 0 0 0 .2rem #a6d5fa;
    box-shadow: 0 0 0 .2rem #a6d5fa
}

.ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text {
    color: #495057
}

.ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon {
    color: #6c757d
}

.ui-breadcrumb ul li.ui-breadcrumb-chevron {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    margin: 0 .5rem 0 .5rem;
    color: #495057
}

.ui-breadcrumb ul li.ui-breadcrumb-chevron:before {
    content: ""
}

.ui-breadcrumb ul li:not(.ui-breadcrumb-chevron) {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center
}

.ui-breadcrumb ul li:not(.ui-breadcrumb-chevron):before {
    content: "";
    font-family: "primeicons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0 !important;
    background-image: none !important;
    margin: 0 .5rem 0 .5rem;
    color: #495057
}

.ui-breadcrumb ul li:first-child:not(.ui-breadcrumb-chevron):before {
    display: none
}

.ui-breadcrumb ul li:first-child a.ui-icon-home {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    color: #6c757d;
    margin: 0
}

.ui-breadcrumb ul li:first-child a.ui-icon-home:before {
    content: ""
}

.ui-breadcrumb ul li:first-child a.ui-icon-home span {
    display: none
}

.ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-text {
    color: #495057
}

.ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon {
    color: #6c757d
}

.ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link {
    -webkit-transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, -webkit-box-shadow .2s;
    border-radius: 4px;
    margin: 0
}

.ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link:focus {
    outline: 0 none;
    outline-offset: 0;
    -webkit-box-shadow: 0 0 0 .2rem #a6d5fa;
    box-shadow: 0 0 0 .2rem #a6d5fa
}

.ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text {
    color: #495057
}

.ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon {
    color: #6c757d
}

.ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    margin: 0 .5rem 0 .5rem;
    color: #495057
}

.ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron:before {
    content: ""
}

.ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron) {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center
}

.ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before {
    content: "";
    font-family: "primeicons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0 !important;
    background-image: none !important;
    margin: 0 .5rem 0 .5rem;
    color: #495057
}

.ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before {
    display: none
}

.ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    color: #6c757d;
    margin: 0
}

.ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home:before {
    content: ""
}

.ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home span {
    display: none
}

.ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-text {
    color: #495057
}

.ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon {
    color: #6c757d
}

.ui-menu {
    padding: .25rem 0;
    background: #fff;
    border: 1px solid #dee2e6;
    border-radius: 4px
}

.ui-menu.ui-shadow {
    border: 0 none;
    -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
}

.ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon {
    position: static;
    margin-right: .5rem
}

.ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e:before {
    content: ""
}

.ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s:before {
    content: ""
}

.ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3 {
    font-size: 1rem;
    padding-left: 0
}

.ui-menu .ui-menu-list .ui-widget-header {
    margin: 0;
    width: 100%;
    background: #fff;
    color: #495057;
    float: none;
    border: 0 none;
    padding: .75rem 1rem;
    -webkit-transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, -webkit-box-shadow .2s;
    border-radius: 0
}

.ui-menu .ui-menu-list .ui-widget-header h3 {
    padding: 0;
    font-size: 1rem;
    font-weight: 700;
    color: #495057;
    float: none
}

.ui-menu .ui-menu-list .ui-widget-header.ui-state-hover {
    background: #e9ecef;
    color: #495057
}

.ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon {
    color: #495057
}

.ui-menu .ui-menu-list .ui-menuitem {
    margin: 0;
    width: 100%;
    border: 0 none;
    float: none;
    border-radius: 0;
    -webkit-transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, -webkit-box-shadow .2s
}

.ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link {
    padding: .75rem 1rem;
    width: 100%;
    border: 0 none;
    float: none;
    border-radius: 0;
    -webkit-transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, -webkit-box-shadow .2s
}

.ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover {
    background: #e9ecef
}

.ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon {
    color: #495057
}

.ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text {
    color: #495057
}

.ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon {
    margin-right: .5rem;
    vertical-align: middle;
    float: none;
    color: #6c757d
}

.ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text {
    float: none;
    vertical-align: middle;
    color: #495057
}

.ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    position: relative;
    margin-right: -0.5rem;
    color: #6c757d
}

.ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child:before {
    content: ""
}

.ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    margin-right: -0.5rem;
    color: #6c757d
}

.ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before {
    content: ""
}

.ui-menu .ui-menu-list .ui-menuitem.ui-state-hover {
    background: #e9ecef;
    color: #495057
}

.ui-menu .ui-menu-list .ui-menuitem.ui-state-hover>.ui-menuitem-link {
    color: #495057
}

.ui-menu .ui-menu-list .ui-menuitem.ui-state-hover>.ui-menuitem-link .ui-icon {
    color: #495057
}

.ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active>.ui-menuitem-link {
    background: #e9ecef
}

.ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active>.ui-menuitem-link .ui-menuitem-text,
.ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active>.ui-menuitem-link .ui-menuitem-icon,
.ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active>.ui-menuitem-link .ui-icon {
    color: #495057
}

.ui-menu .ui-menu-list .ui-menu-child {
    background: #fff;
    padding: .25rem 0
}

.ui-menu .ui-menu-list .ui-menu-child.ui-shadow {
    border-radius: 4px;
    border: 0 none;
    -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
}

.ui-menu .ui-menu-list .ui-separator {
    width: 100%;
    margin: .25rem 0;
    border-top: 1px solid #dee2e6
}

.ui-menu.ui-menubar {
    padding: .5rem;
    background: #f8f9fa;
    border-radius: 4px
}

.ui-menu.ui-menubar>.ui-menu-list>.ui-menuitem {
    display: inline-block;
    width: auto
}

.ui-menu.ui-menubar>.ui-menu-list>.ui-menuitem>.ui-menuitem-link {
    border-radius: 4px
}

.ui-menu.ui-menubar>.ui-menu-list>.ui-menuitem>.ui-menuitem-link .ui-menuitem-icon {
    position: static;
    vertical-align: middle
}

.ui-menu.ui-menubar>.ui-menu-list>.ui-menuitem>.ui-menuitem-link>span {
    float: none;
    display: inline-block
}

.ui-menu.ui-menubar>.ui-menu-list>.ui-menuitem>.ui-menuitem-link .ui-icon-triangle-1-s:last-child {
    margin-left: .5rem;
    vertical-align: middle
}

.ui-menu.ui-menubar>.ui-menu-list>.ui-menuitem.ui-menubar-options {
    float: right;
    margin-right: .5rem
}

.ui-menu.ui-slidemenu .ui-slidemenu-backward {
    padding: .75rem 1rem;
    color: #495057;
    width: 100%;
    border: 0 none;
    background: #fff;
    margin-bottom: 0;
    border-radius: 0
}

.ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w {
    position: relative;
    top: 2px;
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    margin-right: .5rem
}

.ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before {
    content: ""
}

.ui-menu.ui-slidemenu .ui-menu-child {
    padding: 0
}

.ui-menu.ui-slidemenu .ui-menu-child.ui-shadow {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0 none
}

.ui-menu.ui-megamenu .ui-widget-header {
    margin: 0;
    width: 100%;
    background: #fff;
    color: #495057;
    float: none;
    border: 0 none;
    padding: .75rem 1rem;
    font-weight: 700;
    font-size: 1rem;
    -webkit-transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, -webkit-box-shadow .2s;
    border-radius: 0
}

.ui-menu.ui-megamenu .ui-widget-header span {
    float: none;
    padding: 0
}

.ui-menu.ui-megamenu .ui-menu-list>table>tbody>tr>td {
    padding: 0
}

.ui-menu.ui-megamenu .ui-menu-list .ui-menuitem-link {
    border-radius: 4px
}

.ui-menu.ui-megamenu.ui-megamenu-vertical {
    background: #f8f9fa;
    padding: .25rem 0
}

.ui-menu.ui-megamenu.ui-megamenu-vertical>.ui-menu-list .ui-menuitem {
    width: 100%
}

.ui-menu.ui-megamenu.ui-megamenu-vertical>.ui-menu-list .ui-menuitem>.ui-menuitem-link {
    border-radius: 0
}

.ui-menu.ui-megamenu.ui-megamenu-vertical>.ui-menu-list>.ui-menuitem>.ui-menuitem-link .ui-icon:last-child {
    float: right
}

.ui-panelmenu .ui-icon {
    position: static
}

.ui-panelmenu .ui-panelmenu-panel:first-child .ui-panelmenu-header {
    margin-top: 0;
    border-top: 1px solid #dee2e6;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

.ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header.ui-state-active {
    border-radius: 0
}

.ui-panelmenu h3.ui-panelmenu-header {
    border: 1px solid #dee2e6;
    border-top: 0 none;
    background: #f8f9fa;
    color: #495057;
    padding: 1rem;
    font-weight: 700;
    margin: 0 0 0 0;
    -webkit-transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, -webkit-box-shadow .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 0;
    position: relative;
    outline: 0 none;
    font-size: 1rem
}

.ui-panelmenu h3.ui-panelmenu-header .ui-icon {
    position: static;
    margin: 0;
    vertical-align: middle;
    margin-right: .5rem
}

.ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e:before {
    content: ""
}

.ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s:before {
    content: ""
}

.ui-panelmenu h3.ui-panelmenu-header a {
    display: inline;
    padding: 0;
    outline: 0 none;
    color: inherit;
    vertical-align: middle;
    -webkit-text-decoration: none;
    text-decoration: none
}

.ui-panelmenu h3.ui-panelmenu-header.ui-state-hover {
    border-color: #dee2e6;
    background: #e9ecef;
    color: #495057
}

.ui-panelmenu h3.ui-panelmenu-header.ui-state-active {
    border-color: #dee2e6;
    background: #f8f9fa;
    color: #495057
}

.ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover {
    border-color: #dee2e6;
    background: #e9ecef;
    color: #495057
}

.ui-panelmenu .ui-panelmenu-content {
    padding: .25rem 0;
    background: #fff;
    border: 1px solid #dee2e6;
    margin-top: 0;
    position: static;
    border-top: 0 none
}

.ui-panelmenu .ui-panelmenu-content .ui-menuitem-link {
    padding: .75rem 1rem;
    color: #495057;
    -webkit-transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, -webkit-box-shadow .2s
}

.ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover {
    background: #e9ecef
}

.ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-icon,
.ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-panelmenu-icon {
    color: #495057
}

.ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text {
    color: #495057
}

.ui-panelmenu .ui-panelmenu-content .ui-menuitem-link>span.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: .5rem;
    position: static;
    color: #6c757d
}

.ui-panelmenu .ui-panelmenu-content .ui-menuitem-link>span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-panelmenu .ui-panelmenu-content .ui-menuitem-link>span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e:before {
    content: ""
}

.ui-panelmenu .ui-panelmenu-content .ui-menuitem-link>span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-panelmenu .ui-panelmenu-content .ui-menuitem-link>span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s:before {
    content: ""
}

.ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text {
    display: inline-block;
    vertical-align: middle
}

.ui-steps {
    position: relative
}

.ui-steps ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex
}

.ui-steps .ui-steps-item {
    -webkit-box-flex: 1;
    flex: 1 1 0;
    -ms-flex: 1 1 0px;
    background: rgba(0, 0, 0, 0);
    text-align: center;
    float: none;
    opacity: 1
}

.ui-steps .ui-steps-item .ui-menuitem-link {
    display: block;
    text-align: center;
    background: rgba(0, 0, 0, 0);
    overflow: hidden;
    padding: 0
}

.ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number {
    color: #495057;
    background: #fff;
    border: 1px solid #e9ecef;
    width: 2rem;
    height: 2rem;
    font-size: 1.143rem;
    padding: 0;
    margin-top: 2rem;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50%;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center
}

.ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title {
    display: block;
    padding-top: .5rem;
    color: #6c757d
}

.ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number {
    background: #E3F2FD;
    background: var(--primary-color-soft);
    color: #495057;
    border-color: #E3F2FD;
    border-color: var(--primary-color-soft)
}

.ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title {
    font-weight: 600;
    color: #495057
}

.ui-steps .ui-steps-item:not(.ui-state-highlight) {
    opacity: .65
}

.ui-steps:before {
    content: " ";
    border-top: 1px solid #dee2e6;
    width: 100%;
    top: 50%;
    left: 0;
    display: block;
    position: absolute
}

.ui-tabmenu {
    padding: 0;
    position: static
}

.ui-tabmenu .ui-tabmenu-nav {
    margin: 0;
    padding: 0;
    background: #fff;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative
}

.ui-tabmenu .ui-tabmenu-nav:before {
    position: absolute;
    border-bottom: 2px solid #dee2e6;
    left: 0;
    bottom: 0;
    width: 100%
}

.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem {
    list-style: none;
    padding: 0;
    white-space: nowrap;
    display: inline-block;
    vertical-align: top;
    float: none;
    background: #fff;
    color: #6c757d;
    top: 0;
    margin: 0;
    border-bottom: 2px solid #dee2e6;
    cursor: pointer;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, -webkit-box-shadow .2s
}

.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a {
    color: #6c757d;
    padding: 1rem;
    font-weight: 700;
    display: block;
    line-height: 1;
    outline: 0 none
}

.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon {
    margin-right: .5rem
}

.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover {
    background: #fff;
    border-color: #adb5bd
}

.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a {
    color: #6c757d
}

.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon {
    color: #6c757d
}

.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active {
    background: #fff;
    border-color: #0472AA;
    border-color: var(--primary-color)
}

.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a {
    color: #0472AA;
    color: var(--primary-color)
}

.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon {
    color: #0472AA;
    color: var(--primary-color)
}

.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline {
    outline: 0 none;
    outline-offset: 0;
    -webkit-box-shadow: 0 0 0 .2rem #a6d5fa;
    box-shadow: 0 0 0 .2rem #a6d5fa
}

@media only screen and (max-width: 599px) {
    .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon {
        margin-right: 0
    }

    .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text {
        display: none
    }
}

.ui-growl {
    top: 85px
}

.ui-growl .ui-growl-item-container {
    margin: 0 0 1rem 0;
    border-radius: 4px;
    -webkit-box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12);
    box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12)
}

.ui-growl .ui-growl-item-container .ui-icon-closethick {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    position: absolute;
    top: .5rem;
    right: .5rem
}

.ui-growl .ui-growl-item-container .ui-icon-closethick:before {
    content: ""
}

.ui-growl .ui-growl-item-container .ui-growl-item {
    padding: 1rem;
    min-height: 70px
}

.ui-growl .ui-growl-item-container.ui-growl-info {
    background: #b3e5fc;
    border: 1px solid #03a9f4;
    color: #01579b;
    border-width: 0 0 0 6px
}

.ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    font-size: 2rem;
    color: #01579b
}

.ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before {
    content: ""
}

.ui-growl .ui-growl-item-container.ui-growl-info .ui-icon {
    color: #01579b
}

.ui-growl .ui-growl-item-container.ui-growl-warn {
    background: #ffecb3;
    border: 1px solid #ffc107;
    color: #7f6003;
    border-width: 0 0 0 6px
}

.ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    font-size: 2rem;
    color: #7f6003
}

.ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before {
    content: ""
}

.ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon {
    color: #7f6003
}

.ui-growl .ui-growl-item-container.ui-growl-error,
.ui-growl .ui-growl-item-container.ui-growl-fatal {
    background: #ffcdd2;
    border: 1px solid #ef5350;
    color: #b71c1c;
    border-width: 0 0 0 6px
}

.ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image,
.ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    font-size: 2rem;
    color: #b71c1c
}

.ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before,
.ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before {
    content: ""
}

.ui-growl .ui-growl-item-container.ui-growl-error .ui-icon,
.ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon {
    color: #b71c1c
}

.ui-message {
    padding: .5rem .5rem;
    display: inline-block;
    border-radius: 4px
}

.ui-message.ui-message-info {
    background: #b3e5fc;
    border: 1px solid #03a9f4;
    border-width: 0 0 0 3px;
    color: #01579b
}

.ui-message.ui-message-info .ui-message-info-icon {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    margin: 0;
    color: #01579b;
    float: none;
    width: auto;
    height: auto;
    position: relative;
    top: 1px
}

.ui-message.ui-message-info .ui-message-info-icon:before {
    content: ""
}

.ui-message.ui-message-info .ui-message-info-detail {
    margin-left: .5rem
}

.ui-message.ui-message-warn {
    background: #ffecb3;
    border: 1px solid #ffc107;
    border-width: 0 0 0 3px;
    color: #7f6003
}

.ui-message.ui-message-warn .ui-message-warn-icon {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    margin: 0;
    color: #7f6003;
    float: none;
    width: auto;
    height: auto;
    position: relative;
    top: 1px
}

.ui-message.ui-message-warn .ui-message-warn-icon:before {
    content: ""
}

.ui-message.ui-message-warn .ui-message-warn-detail {
    margin-left: .5rem
}

.ui-message.ui-message-error,
.ui-message.ui-message-fatal {
    background: #ffcdd2;
    border: 1px solid #ef5350;
    border-width: 0 0 0 3px;
    color: #b71c1c
}

.ui-message.ui-message-error .ui-message-error-icon,
.ui-message.ui-message-fatal .ui-message-error-icon {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    margin: 0;
    color: #b71c1c;
    float: none;
    width: auto;
    height: auto;
    position: relative;
    top: 1px
}

.ui-message.ui-message-error .ui-message-error-icon:before,
.ui-message.ui-message-fatal .ui-message-error-icon:before {
    content: ""
}

.ui-message.ui-message-error .ui-message-error-detail,
.ui-message.ui-message-fatal .ui-message-error-detail {
    margin-left: .5rem
}

.ui-message.ui-message-icon-only {
    width: auto;
    height: auto
}

.ui-widget+.ui-message {
    margin: 0 0 0 .5rem
}

.ui-messages {
    padding: 0;
    margin: 0;
    font-weight: 600;
    position: relative;
    border-radius: 4px
}

.ui-messages>div {
    padding: 1.5rem;
    margin: 1rem 0;
    border-radius: 4px
}

.ui-messages ul {
    margin: 0
}

.ui-messages ul .ui-messages-info-summary,
.ui-messages ul .ui-messages-warn-summary,
.ui-messages ul .ui-messages-error-summary,
.ui-messages ul .ui-messages-fatal-summary {
    margin: 0 .5rem 0 0
}

.ui-messages ul .ui-messages-info-detail,
.ui-messages ul .ui-messages-warn-detail,
.ui-messages ul .ui-messages-error-detail,
.ui-messages ul .ui-messages-fatal-detail {
    margin: 0
}

.ui-messages .ui-messages-close {
    position: absolute;
    right: -1rem;
    top: -1rem;
    width: 2rem;
    height: 2rem;
    background: rgba(0, 0, 0, 0);
    color: #6c757d;
    -webkit-transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, -webkit-box-shadow .2s;
    border-radius: 50%;
    border: 0 none;
    text-align: center;
    line-height: 2rem;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

.ui-messages .ui-messages-close:hover {
    background: #e9ecef;
    color: #495057;
    border-color: rgba(0, 0, 0, 0)
}

.ui-messages .ui-messages-close .ui-icon-close {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-messages .ui-messages-close .ui-icon-close:before {
    content: ""
}

.ui-messages .ui-messages-info {
    background: #b3e5fc;
    border: 1px solid #03a9f4;
    border-width: 0 0 0 6px;
    color: #01579b
}

.ui-messages .ui-messages-info .ui-messages-info-icon {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    font-size: 1.5rem;
    margin: 0 .5rem 0 0;
    color: #01579b
}

.ui-messages .ui-messages-info .ui-messages-info-icon:before {
    content: ""
}

.ui-messages .ui-messages-info .ui-messages-close {
    background: #b3e5fc;
    color: #01579b
}

.ui-messages .ui-messages-info .ui-messages-close:hover {
    background: #9addfb
}

.ui-messages .ui-messages-warn {
    background: #ffecb3;
    border: 1px solid #ffc107;
    border-width: 0 0 0 6px;
    color: #7f6003
}

.ui-messages .ui-messages-warn .ui-messages-warn-icon {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    font-size: 1.5rem;
    margin: 0 .5rem 0 0;
    color: #7f6003
}

.ui-messages .ui-messages-warn .ui-messages-warn-icon:before {
    content: ""
}

.ui-messages .ui-messages-warn .ui-messages-close {
    background: #ffecb3;
    color: #7f6003
}

.ui-messages .ui-messages-warn .ui-messages-close:hover {
    background: #ffe69a
}

.ui-messages .ui-messages-error,
.ui-messages .ui-messages-fatal {
    background: #ffcdd2;
    border: 1px solid #ef5350;
    border-width: 0 0 0 6px;
    color: #b71c1c
}

.ui-messages .ui-messages-error .ui-messages-error-icon,
.ui-messages .ui-messages-error .ui-messages-fatal,
.ui-messages .ui-messages-fatal .ui-messages-error-icon,
.ui-messages .ui-messages-fatal .ui-messages-fatal {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    font-size: 1.5rem;
    margin: 0 .5rem 0 0;
    color: #b71c1c
}

.ui-messages .ui-messages-error .ui-messages-error-icon:before,
.ui-messages .ui-messages-error .ui-messages-fatal:before,
.ui-messages .ui-messages-fatal .ui-messages-error-icon:before,
.ui-messages .ui-messages-fatal .ui-messages-fatal:before {
    content: ""
}

.ui-messages .ui-messages-error .ui-messages-close,
.ui-messages .ui-messages-fatal .ui-messages-close {
    background: #ffcdd2;
    color: #b71c1c
}

.ui-messages .ui-messages-error .ui-messages-close:hover,
.ui-messages .ui-messages-fatal .ui-messages-close:hover {
    background: #ffb4bb
}

.ui-avatar {
    background-color: #dee2e6;
    border-radius: 4px
}

.ui-avatar.ui-avatar-lg {
    width: 3rem;
    height: 3rem;
    font-size: 1.5rem
}

.ui-avatar.ui-avatar-lg .ui-avatar-icon {
    font-size: 1.5rem
}

.ui-avatar.ui-avatar-xl {
    width: 4rem;
    height: 4rem;
    font-size: 2rem
}

.ui-avatar.ui-avatar-xl .ui-avatar-icon {
    font-size: 2rem
}

.ui-avatar-group .ui-avatar {
    border: 2px solid #fff
}

.ui-badge {
    background: #0472AA;
    background: var(--primary-color);
    color: #fff;
    font-size: .75rem;
    font-weight: 700;
    min-width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem
}

.ui-badge:not(.ui-widget) {
    display: inline-block;
    border-radius: 50%;
    text-align: center
}

.ui-badge.ui-badge-secondary {
    background: #607d8b;
    color: #fff
}

.ui-badge.ui-badge-success {
    background: #689f38;
    color: #fff
}

.ui-badge.ui-badge-info {
    background: #0288d1;
    color: #fff
}

.ui-badge.ui-badge-warning {
    background: #fbc02d;
    color: #212529
}

.ui-badge.ui-badge-danger {
    background: #d32f2f;
    color: #fff
}

.ui-badge.ui-badge-lg {
    font-size: 1.125rem;
    min-width: 2.25rem;
    height: 2.25rem;
    line-height: 2.25rem
}

.ui-badge.ui-badge-xl {
    font-size: 1.5rem;
    min-width: 3rem;
    height: 3rem;
    line-height: 3rem
}

.ui-overlay-badge {
    position: relative;
    display: inline-block
}

.ui-overlay-badge .ui-badge {
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    margin: 0
}

.ui-chip {
    background-color: #dee2e6;
    color: #495057;
    border-radius: 16px;
    padding: 0 .5rem
}

.ui-chip .ui-chip-text {
    line-height: 1.5;
    margin-top: .25rem;
    margin-bottom: .25rem
}

.ui-chip .ui-chip-icon {
    margin-right: .5rem
}

.ui-chip img {
    width: 2rem;
    height: 2rem;
    margin-left: -0.5rem;
    margin-right: .5rem
}

.ui-chip .ui-chip-remove-icon {
    margin-left: .5rem;
    border-radius: 4px;
    -webkit-transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, -webkit-box-shadow .2s
}

.ui-chip .ui-chip-remove-icon:focus {
    outline: 0 none;
    outline-offset: 0;
    -webkit-box-shadow: 0 0 0 .2rem #a6d5fa;
    box-shadow: 0 0 0 .2rem #a6d5fa
}

.ui-clock {
    border: 1px solid #dee2e6;
    background: #fff;
    color: #495057;
    padding: 1rem
}

.ui-galleria .ui-galleria-nav-prev,
.ui-galleria .ui-galleria-nav-next {
    -webkit-transition: all .2s;
    transition: all .2s;
    position: absolute;
    color: #495057;
    margin-bottom: -5px
}

.ui-galleria .ui-galleria-nav-prev:hover,
.ui-galleria .ui-galleria-nav-next:hover {
    scale: 1.2
}

.ui-galleria .ui-galleria-nav-prev {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    font-size: 20px
}

.ui-galleria .ui-galleria-nav-prev:before {
    content: ""
}

.ui-galleria .ui-galleria-nav-next {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    font-size: 20px
}

.ui-galleria .ui-galleria-nav-next:before {
    content: ""
}

.ui-log {
    padding: 0;
    -webkit-box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12);
    box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12);
    border: 0 none;
    border-radius: 4px;
    height: auto
}

.ui-log .ui-log-header {
    background: #fff;
    color: #495057;
    font-weight: 700;
    border-bottom: 0 none;
    padding: 1.5rem;
    height: auto
}

.ui-log .ui-log-header .ui-log-button {
    display: inline-block;
    position: static;
    margin-right: .5rem;
    padding: 2px;
    width: 2rem;
    height: 2rem;
    background: rgba(0, 0, 0, 0);
    color: #6c757d;
    -webkit-transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, -webkit-box-shadow .2s;
    border-radius: 50%;
    border: 0 none;
    text-align: center;
    line-height: 2rem;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ui-log .ui-log-header .ui-log-button:hover {
    background: #e9ecef;
    color: #495057;
    border-color: rgba(0, 0, 0, 0)
}

.ui-log .ui-log-header .ui-log-button .ui-icon-trash {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-log .ui-log-header .ui-log-button .ui-icon-trash:before {
    content: ""
}

.ui-log .ui-log-header .ui-log-button .ui-icon-note {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-log .ui-log-header .ui-log-button .ui-icon-note:before {
    content: ""
}

.ui-log .ui-log-header .ui-log-button .ui-icon-info {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-log .ui-log-header .ui-log-button .ui-icon-info:before {
    content: ""
}

.ui-log .ui-log-header .ui-log-button .ui-icon-notice {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-log .ui-log-header .ui-log-button .ui-icon-notice:before {
    content: ""
}

.ui-log .ui-log-header .ui-log-button .ui-icon-search {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-log .ui-log-header .ui-log-button .ui-icon-search:before {
    content: ""
}

.ui-log .ui-log-header .ui-log-button .ui-icon-alert {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-log .ui-log-header .ui-log-button .ui-icon-alert:before {
    content: ""
}

.ui-log .ui-log-content {
    background: #fff;
    color: #495057;
    border: 0 none;
    padding: 0 1.5rem 2rem 1.5rem;
    border: 0 none;
    overflow: auto
}

.ui-progressbar {
    border: 0 none;
    height: 1rem;
    background: #efefef;
    border-radius: 4px
}

.ui-progressbar .ui-progressbar-value {
    border: 0 none;
    margin: 0;
    background: #0472AA;
    background: var(--primary-color);
    border-radius: 4px
}

.ui-progressbar .ui-progressbar-label {
    margin-top: 0;
    color: #495057;
    line-height: 1rem
}

.ui-progressbar.membership-progressbar {
    height: 20px;
    background: #f8f8f8;
    border-radius: 100px
}

.ui-progressbar.membership-progressbar .ui-progressbar-value {
    border: 0 none;
    margin: 0;
    background: -webkit-gradient(linear, left top, right top, from(#00527C), to(#0472AA));
    background: linear-gradient(90deg, #00527C 0%, #0472AA 100%);
    background: linear-gradient(90deg, var(--s-color-brand-dark) 0%, var(--primary-color) 100%);
    border-radius: 100px
}

.ui-progressbar.membership-progressbar .ui-progressbar-label {
    margin-top: 0;
    color: #1d1d1d;
    line-height: 1rem;
    border-radius: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 10px;
    font-size: 20px
}

.ui-scrolltop {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
    -webkit-transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, -webkit-box-shadow .2s;
    background: rgba(0, 0, 0, .7)
}

.ui-scrolltop:hover {
    background: rgba(0, 0, 0, .8)
}

.ui-scrolltop .ui-scrolltop-icon {
    font-size: 1.5rem;
    color: #f8f9fa
}

.ui-skeleton {
    background-color: #e9ecef;
    border-radius: 4px
}

.ui-skeleton:after {
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(rgba(255, 255, 255, 0.4)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0))
}

.ui-tag {
    background: #0472AA;
    background: var(--primary-color);
    color: #fff;
    font-size: .75rem;
    font-weight: 700;
    padding: .25rem .4rem;
    border-radius: 4px
}

.ui-tag:not(.ui-widget) {
    display: inline-block;
    text-align: center;
    line-height: 1
}

.ui-tag.ui-tag-success {
    background: #689f38;
    color: #fff
}

.ui-tag.ui-tag-info {
    background: #0288d1;
    color: #fff
}

.ui-tag.ui-tag-warning {
    background: #fbc02d;
    color: #212529
}

.ui-tag.ui-tag-danger {
    background: #d32f2f;
    color: #fff
}

.ui-tag.ui-tag-rounded {
    border-radius: 10rem
}

.ui-tag .ui-tag-icon {
    margin-right: .25rem;
    font-size: .75rem
}

.ui-terminal {
    background: #fff;
    color: #495057;
    border: 1px solid #dee2e6;
    padding: 1rem
}

.ui-confirm-popup {
    background: #fff;
    color: #495057;
    border: 0 none;
    border-radius: 4px;
    -webkit-box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12);
    box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12)
}

.ui-confirm-popup .ui-confirm-popup-content {
    padding: 1rem
}

.ui-confirm-popup .ui-confirm-popup-footer {
    text-align: right;
    padding: 0 1rem 1rem 1rem
}

.ui-confirm-popup .ui-confirm-popup-footer button {
    margin: 0 .5rem 0 0;
    width: auto
}

.ui-confirm-popup .ui-confirm-popup-footer button:last-child {
    margin: 0
}

.ui-confirm-popup:after {
    border-style: solid;
    border-color: hsla(0, 0%, 100%, 0);
    border-bottom-color: #fff
}

.ui-confirm-popup:before {
    border-style: solid;
    border-color: hsla(0, 0%, 100%, 0);
    border-bottom-color: #fff
}

.ui-confirm-popup.ui-confirm-popup-flipped:after {
    border-top-color: #fff
}

.ui-confirm-popup.ui-confirm-popup-flipped:before {
    border-top-color: #fff
}

.ui-confirm-popup .ui-confirm-popup-icon {
    font-size: 1.5rem
}

.ui-confirm-popup .ui-confirm-popup-message {
    margin-left: 1rem
}

.ui-dialog {
    padding: 0;
    -webkit-box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12);
    box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12);
    border: 0 none;
    border-radius: 4px
}

.ui-dialog .ui-dialog-titlebar {
    background: #fff;
    color: #495057;
    font-weight: 700;
    border-bottom: 0 none;
    padding: 1.5rem 1.5rem .8rem
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
    margin: 0;
    float: none;
    font-size: 1.25rem
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon {
    border: 0 none;
    padding: 0;
    margin-left: .5rem;
    width: 2rem;
    height: 2rem;
    background: rgba(0, 0, 0, 0);
    color: #6c757d;
    -webkit-transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, -webkit-box-shadow .2s;
    border-radius: 50%;
    border: 0 none;
    text-align: center;
    line-height: 2rem;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon.ui-dialog-titlebar-close {
    position: absolute;
    top: 8px;
    right: 8px
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover {
    background: #e9ecef;
    color: #495057;
    border-color: rgba(0, 0, 0, 0)
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick:before {
    content: ""
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus:before {
    content: ""
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus:before {
    content: ""
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink:before {
    content: ""
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin:before {
    content: ""
}

.ui-dialog .ui-dialog-content {
    background: #fff;
    color: #495057;
    border: 0 none;
    padding: 0 1.5rem 2rem 1.5rem;
    border: 0 none
}

.ui-dialog .ui-dialog-footer {
    border-top: 0 none;
    background: #fff;
    color: #495057;
    padding: 0 1.5rem 1.5rem 1.5rem;
    margin: 0;
    text-align: right
}

.ui-dialog .ui-dialog-footer button {
    margin: 0 .5rem 0 0;
    width: auto
}

.ui-dialog.ui-confirm-dialog .ui-dialog-content {
    padding: 1rem 1.5rem 1rem 1.5rem;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center
}

.ui-dialog.ui-confirm-dialog .ui-dialog-content>span {
    float: none;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    margin: 0
}

.ui-dialog.ui-confirm-dialog .ui-dialog-content>span.ui-icon {
    display: none;
    margin-right: .5rem;
    font-size: 2.5rem
}

.ui-dialog.ui-confirm-dialog .ui-dialog-content>span.ui-icon.ui-icon-warn {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-dialog.ui-confirm-dialog .ui-dialog-content>span.ui-icon.ui-icon-warn:before {
    content: ""
}

.ui-dialog.ui-confirm-dialog .ui-dialog-content>span.ui-icon.ui-icon-info {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-dialog.ui-confirm-dialog .ui-dialog-content>span.ui-icon.ui-icon-info:before {
    content: ""
}

.ui-dialog.ui-confirm-dialog .ui-dialog-content>span.ui-icon.ui-icon-error {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-dialog.ui-confirm-dialog .ui-dialog-content>span.ui-icon.ui-icon-error:before {
    content: ""
}

.ui-dialog .ui-resizable-handle {
    display: none !important
}

.ui-dialog.ui-confirm-dialog .ui-dialog-footer {
    text-align: left
}

.ui-dialog.ui-message-dialog .ui-dialog-content {
    padding: 0 1.5rem 2rem 1.5rem;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center
}

.ui-dialog.ui-message-dialog .ui-dialog-content>span {
    float: none;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    margin: 0 0 0 .5rem
}

.ui-dialog.ui-message-dialog .ui-dialog-content>span.ui-dialog-message {
    margin-right: .5rem;
    font-size: 2.5rem;
    width: auto;
    height: auto
}

.ui-dialog.ui-message-dialog .ui-dialog-content>span.ui-dialog-message.ui-messages-warn-icon {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-dialog.ui-message-dialog .ui-dialog-content>span.ui-dialog-message.ui-messages-warn-icon:before {
    content: ""
}

.ui-dialog.ui-message-dialog .ui-dialog-content>span.ui-dialog-message.ui-messages-info-icon {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-dialog.ui-message-dialog .ui-dialog-content>span.ui-dialog-message.ui-messages-info-icon:before {
    content: ""
}

.ui-dialog.ui-message-dialog .ui-dialog-content>span.ui-dialog-message.ui-messages-error-icon {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-dialog.ui-message-dialog .ui-dialog-content>span.ui-dialog-message.ui-messages-error-icon:before {
    content: ""
}

.ui-lightbox {
    -webkit-box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12);
    box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12)
}

.ui-lightbox .ui-lightbox-caption {
    border: 1px solid #dee2e6;
    background: #f8f9fa;
    color: #495057;
    padding: 1rem;
    font-weight: 700
}

.ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text {
    color: #495057;
    margin: 0
}

.ui-lightbox .ui-lightbox-caption .ui-lightbox-close {
    padding: 0;
    width: 2rem;
    height: 2rem;
    background: rgba(0, 0, 0, 0);
    color: #6c757d;
    -webkit-transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, -webkit-box-shadow .2s;
    border-radius: 50%;
    border: 0 none;
    text-align: center;
    line-height: 2rem;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ui-lightbox .ui-lightbox-caption .ui-lightbox-close:hover {
    background: #e9ecef;
    color: #495057;
    border-color: rgba(0, 0, 0, 0)
}

.ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before {
    content: ""
}

.ui-lightbox .ui-lightbox-content-wrapper {
    overflow: hidden;
    background: #fff;
    color: #495057;
    border: 0 none;
    padding: 0
}

.ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    -webkit-transition: all .2s;
    transition: all .2s;
    font-size: 24px;
    margin-left: 4px;
    color: #fff
}

.ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before {
    content: ""
}

.ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover {
    scale: 1.2
}

.ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span {
    display: none
}

.ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    -webkit-transition: all .2s;
    transition: all .2s;
    font-size: 24px;
    margin-right: 4px;
    color: #fff
}

.ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before {
    content: ""
}

.ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover {
    scale: 1.2
}

.ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span {
    display: none
}

.ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content {
    border-radius: 0
}

.ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading+a {
    display: none
}

.ui-overlaypanel {
    background: #fff;
    color: #495057;
    padding: 0;
    border: 0 none;
    -webkit-box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12);
    box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12);
    border-radius: 4px
}

.ui-overlaypanel .ui-overlaypanel-content {
    padding: 1rem
}

.ui-overlaypanel .ui-overlaypanel-close {
    position: absolute;
    width: 2rem;
    height: 2rem;
    right: -1rem;
    top: -1rem;
    background: #0472AA;
    background: var(--primary-color);
    color: #fff;
    -webkit-transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, -webkit-box-shadow .2s;
    border-radius: 50%;
    text-align: center;
    line-height: 2rem;
    padding: 0
}

.ui-overlaypanel .ui-overlaypanel-close:hover {
    background: hsl(240, 1%, calc(64% - 20%));
    background: hsl(var(--s-color-brand-primary-hsl-hue, 240), var(--s-color-brand-primary-hsl-saturation, 1%), calc(var(--s-color-brand-primary-hsl-light, 64%) - 20%));
    color: #fff
}

.ui-overlaypanel .ui-overlaypanel-close .ui-icon {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    display: inline-block;
    line-height: inherit
}

.ui-overlaypanel .ui-overlaypanel-close .ui-icon:before {
    content: ""
}

.ui-sidebar {
    background: #fff;
    color: #495057;
    padding: 1rem;
    border: 0 none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui-sidebar .ui-sidebar-close {
    padding: 0;
    width: 2rem;
    height: 2rem;
    background: rgba(0, 0, 0, 0);
    color: #6c757d;
    -webkit-transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, -webkit-box-shadow .2s;
    border-radius: 50%;
    border: 0 none;
    text-align: center;
    line-height: 2rem;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ui-sidebar .ui-sidebar-close:hover {
    background: #e9ecef;
    color: #495057;
    border-color: rgba(0, 0, 0, 0)
}

.ui-sidebar .ui-sidebar-close .ui-icon {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-sidebar .ui-sidebar-close .ui-icon:before {
    content: ""
}

.ui-sidebar.ui-sidebar-active {
    -webkit-box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12);
    box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12)
}

.ui-tooltip .ui-tooltip-text {
    background: #252529;
    color: #fff;
    -webkit-box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12);
    box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12);
    border-radius: 4px
}

.ui-tooltip.ui-state-error {
    border: 0 none
}

.ui-tooltip.ui-tooltip-right .ui-tooltip-arrow {
    border-right-color: #252529
}

.ui-tooltip.ui-tooltip-left .ui-tooltip-arrow {
    border-left-color: #252529
}

.ui-tooltip.ui-tooltip-top .ui-tooltip-arrow {
    border-top-color: #252529
}

.ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow {
    border-bottom-color: #252529
}

.ui-accordion .ui-accordion-header {
    border: 1px solid #dee2e6;
    border-top: 0 none;
    background: #f8f9fa;
    color: #495057;
    padding: 1rem;
    font-weight: 700;
    margin-top: 0;
    -webkit-transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, -webkit-box-shadow .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 0;
    position: relative;
    outline: 0 none
}

.ui-accordion .ui-accordion-header.border-full {
    border: 1px solid #dee2e6;
    border-radius: 5px
}

.ui-accordion .ui-accordion-header.ui-accordion-header--validation {
    border-radius: 5px;
    background-color: #fff
}

.ui-accordion .ui-accordion-header.ui-accordion-header--validation:first-child,
.ui-accordion .ui-accordion-header.ui-state-active.ui-accordion-header--validation,
.ui-accordion .ui-accordion-header.ui-accordion-header--validation,
.ui-accordion .ui-accordion-header.ui-accordion-header--validation .ui-accordion-number {
    border: 1px solid #e01d1d
}

.ui-accordion .ui-accordion-header.ui-accordion-header--validation .ui-accordion-number,
.ui-accordion .ui-accordion-header.ui-accordion-header--validation .ui-accordion-title,
.ui-accordion .ui-accordion-header.ui-accordion-header--validation>.ui-icon {
    color: #e01d1d
}

.ui-accordion .ui-accordion-header.ui-state-active.ui-accordion-header--validation,
.ui-accordion .ui-accordion-header.ui-state-active.ui-accordion-header--validation:hover,
.ui-accordion .ui-accordion-header.ui-state-default.ui-accordion-header--validation,
.ui-accordion .ui-accordion-header.ui-state-default.ui-accordion-header--validation:hover {
    background-color: #fff;
    border: 1px solid #e01d1d
}

.ui-accordion .ui-accordion-header:first-child {
    margin-top: 0;
    border-top: 1px solid #dee2e6;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

.ui-accordion .ui-accordion-header.ui-accordion-header-last {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.ui-accordion .ui-accordion-header.ui-accordion-header-last.ui-state-active {
    border-radius: 0
}

.ui-accordion .ui-accordion-header.ui-state-hover {
    border-color: #dee2e6;
    background: #e9ecef;
    color: #495057
}

.ui-accordion .ui-accordion-header.ui-state-active {
    border-color: #dee2e6;
    background: #f8f9fa;
    color: #495057
}

.ui-accordion .ui-accordion-header.ui-state-active:hover {
    border-color: #dee2e6;
    background: #e9ecef;
    color: #495057
}

.ui-accordion .ui-accordion-header:focus {
    outline: 0 none;
    outline-offset: 0;
    -webkit-box-shadow: 0 0 0 .2rem #a6d5fa;
    box-shadow: 0 0 0 .2rem #a6d5fa
}

.ui-accordion .ui-accordion-header>.ui-icon {
    position: static;
    display: inline-block;
    margin: 0 .5rem 0 0
}

.ui-accordion .ui-accordion-header>.ui-icon.ui-icon-triangle-1-e {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-accordion .ui-accordion-header>.ui-icon.ui-icon-triangle-1-e:before {
    content: ""
}

.ui-accordion .ui-accordion-header>.ui-icon.ui-icon-triangle-1-s {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-accordion .ui-accordion-header>.ui-icon.ui-icon-triangle-1-s:before {
    content: ""
}

.ui-accordion .ui-accordion-content {
    background: #fff;
    color: #495057;
    margin: 0;
    padding: 1rem;
    position: static
}

.ui-card {
    background: #fff;
    color: #495057;
    -webkit-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12);
    border-radius: 4px
}

.ui-card .ui-card-body {
    padding: 1rem
}

.ui-card .ui-card-title {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: .5rem
}

.ui-card .ui-card-subtitle {
    font-weight: 400;
    margin-bottom: .5rem;
    color: #6c757d
}

.ui-card .ui-card-content {
    padding: 1rem 0
}

.ui-card .ui-card-footer {
    padding: 1rem 0 0 0
}

.ui-dashboard .ui-sortable-placeholder {
    background-color: #E3F2FD;
    background-color: var(--primary-color-soft)
}

.ui-divider .ui-divider-content {
    background-color: #fff
}

.ui-divider.ui-divider-horizontal {
    margin: 1rem 0;
    padding: 0 1rem
}

.ui-divider.ui-divider-horizontal:before {
    border-top: 1px #dee2e6
}

.ui-divider.ui-divider-horizontal .ui-divider-content {
    padding: 0 .5rem
}

.ui-divider.ui-divider-vertical {
    margin: 0 1rem;
    padding: 1rem 0
}

.ui-divider.ui-divider-vertical:before {
    border-left: 1px #dee2e6
}

.ui-divider.ui-divider-vertical .ui-divider-content {
    padding: .5rem 0
}

.ui-fieldset {
    border: 1px solid #dee2e6;
    background: #fff;
    color: #495057;
    padding: 1rem;
    border-radius: 4px
}

.ui-fieldset .ui-fieldset-legend {
    border: 1px solid #dee2e6;
    background: #f8f9fa;
    color: #495057;
    padding: 1rem;
    font-weight: 700;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, -webkit-box-shadow .2s
}

.ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler {
    display: inline-block;
    float: none;
    margin-right: .5rem
}

.ui-fieldset .ui-fieldset-legend .ui-icon-minusthick {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-fieldset .ui-fieldset-legend .ui-icon-minusthick:before {
    content: ""
}

.ui-fieldset .ui-fieldset-legend .ui-icon-plusthick {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-fieldset .ui-fieldset-legend .ui-icon-plusthick:before {
    content: ""
}

.ui-fieldset .ui-fieldset-legend.ui-state-hover {
    outline: 0 none;
    border-color: #dee2e6;
    background: #e9ecef;
    color: #495057
}

.ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon {
    color: #495057
}

.ui-fieldset .ui-fieldset-legend.ui-state-focus {
    outline: 0 none;
    outline-offset: 0;
    -webkit-box-shadow: 0 0 0 .2rem #a6d5fa;
    box-shadow: 0 0 0 .2rem #a6d5fa
}

.ui-notificationbar {
    background: #fff;
    color: #495057;
    padding: 1rem;
    border: 1px solid #dee2e6
}

.ui-panel {
    padding: 0
}

.ui-panel .ui-panel-title {
    margin: 0
}

.ui-panel .ui-panel-titlebar {
    border: 1px solid #dee2e6;
    background: #f8f9fa;
    color: #495057;
    padding: 1rem;
    font-weight: 700;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon {
    margin: 0;
    margin-left: .5rem;
    width: 2rem;
    height: 2rem;
    background: rgba(0, 0, 0, 0);
    color: #6c757d;
    -webkit-transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, -webkit-box-shadow .2s;
    border-radius: 50%;
    border: 0 none;
    text-align: center;
    line-height: 2rem;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-top: -0.25rem;
    margin-bottom: -0.5rem
}

.ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover {
    background: #e9ecef;
    color: #495057;
    border-color: rgba(0, 0, 0, 0)
}

.ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick:before {
    content: ""
}

.ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before {
    content: ""
}

.ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before {
    content: ""
}

.ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear:before {
    content: ""
}

.ui-panel .ui-panel-content {
    background: #fff;
    color: #495057;
    padding: 1rem
}

.ui-panel .ui-panel-footer {
    background: #fff;
    color: #495057;
    padding: 1rem;
    margin: 0
}

.ui-panel.ui-panel-collapsed-h .ui-panel-titlebar {
    position: relative
}

.ui-panel.ui-panel-collapsed-h .ui-panel-titlebar .ui-panel-titlebar-icon {
    float: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -0.5rem;
    margin-top: -0.5rem
}

.ui-panelgrid .ui-panelgrid-cell {
    border: 1px solid #dee2e6;
    background: #fff;
    color: #495057;
    padding: 1rem
}

.ui-panelgrid .ui-panelgrid-cell.ui-cell-bg-gray {
    background-color: #f3f3f3
}

.ui-panelgrid .ui-panelgrid-cell.ui-widget-header {
    border: 1px solid #dee2e6;
    background: #f8f9fa;
    color: #495057;
    padding: 1rem;
    font-weight: 700
}

.ui-scrollpanel {
    border: 1px solid #dee2e6;
    background: #fff;
    color: #495057;
    padding: 1rem
}

.ui-scrollpanel .ui-scrollpanel-drag {
    background: #dadada
}

.ui-scrollpanel .ui-scrollpanel-track {
    background: #f8f8f8;
    border: 0 none
}

.ui-scrollpanel .ui-scrollpanel-corner {
    background: #f8f8f8
}

.ui-splitter {
    border: 1px solid #dee2e6;
    background: #fff;
    border-radius: 4px;
    color: #495057
}

.ui-splitter .ui-splitter-gutter {
    -webkit-transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, -webkit-box-shadow .2s;
    background: #f8f9fa
}

.ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle {
    background: #dee2e6
}

.ui-splitter .ui-splitter-gutter-resizing {
    background: #dee2e6
}

.ui-tabs {
    padding: 0;
    position: static
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: 0;
    background: #fff;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex
}

.ui-tabs .ui-tabs-nav li.ui-tabs-header {
    list-style: none;
    white-space: nowrap;
    display: inline-block;
    vertical-align: top;
    float: none;
    padding: 1rem;
    background: #fff;
    color: #6c757d;
    margin: 0;
    cursor: pointer;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, -webkit-box-shadow .2s
}

.ui-tabs .ui-tabs-nav li.ui-tabs-header a {
    color: #6c757d;
    padding: 0;
    font-weight: 700;
    display: block;
    line-height: 1;
    -webkit-transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, -webkit-box-shadow .2s
}

.ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon {
    position: static
}

.ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close {
    margin: 0;
    float: none;
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    margin-left: .5rem
}

.ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close:before {
    content: ""
}

.ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover {
    background: #fff
}

.ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a {
    color: #6c757d
}

.ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon {
    color: #6c757d
}

.ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active {
    background: #fff
}

.ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a {
    color: #0472AA;
    color: var(--primary-color)
}

.ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon {
    color: #0472AA;
    color: var(--primary-color)
}

.ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline {
    outline: 0 none;
    outline-offset: 0
}

.ui-tabs .ui-tabs-nav li.ui-tabs-actions {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-left: auto
}

.ui-tabs .ui-tabs-panels {
    border: 0 none;
    background: #fff;
    color: #495057;
    padding: 0;
    margin: 0;
    position: static;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.ui-tabs .ui-tabs-panels .ui-tabs-panel {
    padding: 1rem
}

.ui-tabs.ui-tabs-top>.ui-tabs-nav {
    margin: 0;
    padding: 0;
    position: relative;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ui-tabs.ui-tabs-top>.ui-tabs-nav:before {
    content: "";
    position: absolute;
    display: block;
    border-bottom: 2px solid #dee2e6;
    left: 0;
    bottom: 0;
    width: 100%
}

.ui-tabs.ui-tabs-top>.ui-tabs-nav li.ui-tabs-header {
    top: 0;
    border-bottom: 2px solid #dee2e6
}

.ui-tabs.ui-tabs-top>.ui-tabs-nav li.ui-tabs-header.ui-state-hover {
    border-color: #adb5bd
}

.ui-tabs.ui-tabs-top>.ui-tabs-nav li.ui-tabs-header.ui-state-active {
    border-color: #0472AA;
    border-color: var(--primary-color)
}

.ui-tabs.ui-tabs-top>.ui-tabs-panels {
    border-width: 1px 0 0 0
}

.ui-tabs.ui-tabs-bottom>.ui-tabs-nav {
    margin: 0;
    padding: 0;
    position: relative;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ui-tabs.ui-tabs-bottom>.ui-tabs-nav:before {
    content: "";
    position: absolute;
    display: block;
    border-top: 2px solid #dee2e6;
    left: 0;
    top: 0;
    width: 100%
}

.ui-tabs.ui-tabs-bottom>.ui-tabs-nav li.ui-tabs-header {
    top: 0;
    border-top: 2px solid #dee2e6
}

.ui-tabs.ui-tabs-bottom>.ui-tabs-nav li.ui-tabs-header.ui-state-hover {
    border-color: #adb5bd
}

.ui-tabs.ui-tabs-bottom>.ui-tabs-nav li.ui-tabs-header.ui-state-active {
    border-color: #0472AA;
    border-color: var(--primary-color)
}

.ui-tabs.ui-tabs-bottom>.ui-tabs-panels {
    border-width: 1px 0 0 0
}

.ui-tabs.ui-tabs-left>.ui-tabs-nav,
.ui-tabs.ui-tabs-right>.ui-tabs-nav {
    width: 25%;
    margin: 0;
    padding: 0;
    height: auto;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.ui-tabs.ui-tabs-left>.ui-tabs-nav li.ui-tabs-header,
.ui-tabs.ui-tabs-right>.ui-tabs-nav li.ui-tabs-header {
    width: 100%
}

.ui-tabs.ui-tabs-left>.ui-tabs-panels,
.ui-tabs.ui-tabs-right>.ui-tabs-panels {
    width: 75%
}

.ui-tabs.ui-tabs-right>.ui-tabs-nav {
    margin: 0;
    padding: 0;
    border-left: 2px solid #dee2e6
}

.ui-tabs.ui-tabs-right>.ui-tabs-nav li.ui-tabs-header {
    top: 0;
    border-left: 2px solid #dee2e6;
    left: -2px
}

.ui-tabs.ui-tabs-right>.ui-tabs-nav li.ui-tabs-header.ui-state-hover {
    border-color: #adb5bd
}

.ui-tabs.ui-tabs-right>.ui-tabs-nav li.ui-tabs-header.ui-state-active {
    border-color: #0472AA;
    border-color: var(--primary-color)
}

.ui-tabs.ui-tabs-right>.ui-tabs-panels {
    border-width: 1px 0 0 0
}

.ui-tabs.ui-tabs-left>.ui-tabs-nav {
    margin: 0;
    padding: 0;
    right: -2px
}

.ui-tabs.ui-tabs-left>.ui-tabs-nav li.ui-tabs-header {
    top: 0;
    border-right: 2px solid #dee2e6;
    margin-right: -2px
}

.ui-tabs.ui-tabs-left>.ui-tabs-nav li.ui-tabs-header.ui-state-hover {
    border-color: #adb5bd
}

.ui-tabs.ui-tabs-left>.ui-tabs-nav li.ui-tabs-header.ui-state-active {
    border-color: #0472AA;
    border-color: var(--primary-color)
}

.ui-tabs.ui-tabs-left>.ui-tabs-panels {
    border-width: 1px 0 0 0
}

.ui-tabs .ui-tabs-navscroller {
    position: relative
}

.ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn {
    border: 0 none;
    background: #fff;
    color: #6c757d;
    outline: 0 none;
    z-index: 1;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, -webkit-box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, -webkit-box-shadow .2s
}

.ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left {
    left: 0;
    height: 100%
}

.ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon {
    margin: 0;
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon:before {
    content: ""
}

.ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right {
    right: 0;
    height: 100%
}

.ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon {
    margin: 0;
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon:before {
    content: ""
}

.ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover {
    background: #e9ecef;
    color: #495057
}

.ui-toolbar {
    border: 1px solid #dee2e6;
    background: #f8f9fa;
    color: #495057;
    padding: 1rem;
    border-radius: 4px
}

.ui-wizard .ui-wizard-step-titles .ui-wizard-step-title {
    border: 1px solid #dee2e6;
    background: #f8f9fa;
    color: #495057;
    padding: 1rem;
    margin: 0;
    border-right: 0 none;
    border-radius: 0;
    cursor: pointer
}

.ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-right: 1px solid #dee2e6
}

.ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight {
    background: #E3F2FD;
    background: var(--primary-color-soft);
    color: #495057
}

.ui-wizard .ui-icon-arrowthick-1-w {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-wizard .ui-icon-arrowthick-1-w:before {
    content: ""
}

.ui-wizard .ui-icon-arrowthick-1-e {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

.ui-wizard .ui-icon-arrowthick-1-e:before {
    content: ""
}

.ui-autocomplete {
    display: block;
    padding-right: 30px;
    position: relative
}

.ui-autocomplete .ui-autocomplete-multiple-container,
.ui-autocomplete .ui-autocomplete-input {
    float: none;
    width: 100%
}

.ui-autocomplete .ui-autocomplete-dropdown {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    width: 30px;
    background: #fff;
    border: 1px solid #ced4da;
    border-left-color: rgba(0, 0, 0, 0);
    color: gray
}

.ui-autocomplete.button--small .ui-autocomplete-dropdown {
    max-height: 30px;
    top: 5px
}

.c-icon-escort .ui-autocomplete {
    padding-right: 0
}

.ui-autocomplete-panel .ui-widget-header {
    color: #4e4e4e;
    background-color: #f7f7f7
}

.ui-autocomplete-panel .ui-widget-header td {
    border-color: rgba(0, 0, 0, 0)
}

.ui-autocomplete-panel .ui-widget-header i {
    margin-right: 5px
}

.ui-tabs.ui-tabs-top>.ui-tabs-nav li.ui-tabs-header.not-operator-languages:not(.ui-state-active) a {
    color: #c2c2c2
}

.ui-datatable .ui-paginator.ui-paginator-top,
.ui-datatable .ui-paginator.ui-paginator-bottom,
.ui-dataview .ui-paginator.ui-paginator-top,
.ui-dataview .ui-paginator.ui-paginator-bottom,
.ui-datalist .ui-paginator.ui-paginator-top,
.ui-datalist .ui-paginator.ui-paginator-bottom,
.ui-datagrid .ui-paginator.ui-paginator-top,
.ui-datagrid .ui-paginator.ui-paginator-bottom,
.ui-treetable .ui-paginator.ui-paginator-top,
.ui-treetable .ui-paginator.ui-paginator-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ui-paginator-jtp-select,
.ui-paginator-rpp-options {
    width: 60px;
    height: 28px;
    color: #555;
    padding: 0 5px;
    margin: 0 5px !important;
    outline: none;
    border-radius: 3px;
    border-width: 1px;
    border-style: solid;
    border-color: #555;
    -o-border-image: none;
    border-image: none;
    -o-border-image: initial;
    border-image: initial
}

.ui-menu.ui-menu-dynamic {
    z-index: 9999 !important
}

:root {
    --s-color-brand-primary-rgb: var(--s-color-brand-primary-red), var(--s-color-brand-primary-green), var(--s-color-brand-primary-blue);
    --s-color-brand-dark-rgb: var(--s-color-brand-dark-red), var(--s-color-brand-dark-green), var(--s-color-brand-dark-blue)
}

@font-face {
    font-family: "Ubuntu";
    font-weight: 400;
    src: url("https://booking.vacancyrewards.com/javax.faces.resource/fonts/Ubuntu-Regular.eot") format("eot"), url("https://booking.vacancyrewards.com/javax.faces.resource/fonts/Ubuntu-Regular.woff") format("woff"), url("https://booking.vacancyrewards.com/javax.faces.resource/fonts/Ubuntu-Regular.ttf") format("truetype"), url("https://booking.vacancyrewards.com/javax.faces.resource/fonts/Ubuntu-Regular.svg") format("svg")
}

@font-face {
    font-family: "Ubuntu";
    font-weight: 700;
    src: url("https://booking.vacancyrewards.com/javax.faces.resource/fonts/Ubuntu-Bold.eot") format("eot"), url("https://booking.vacancyrewards.com/javax.faces.resource/fonts/Ubuntu-Bold.woff") format("woff"), url("https://booking.vacancyrewards.com/javax.faces.resource/fonts/Ubuntu-Bold.ttf") format("truetype"), url("https://booking.vacancyrewards.com/javax.faces.resource/fonts/Ubuntu-Bold.svg") format("svg")
}

html {
    position: relative;
    min-height: 100%;
    font-size: 14px
}

body {
    background-color: #fff;
    color: #393939;
    font-size: 14px;
    line-height: 1.4;
    min-width: 0;
    font-family: Ubuntu, sans-serif
}

body.no-scroll {
    position: relative;
    overflow: hidden
}

@media only screen and (min-width: 1200px) {
    body.no-scroll {
        padding-right: 17px
    }
}

body.no-scroll .navbar--active-submenu.u-zindex--256 {
    z-index: 30 !important
}

.voucher-remark-item {
    color: gray;
    margin-bottom: 10px
}

.voucher-remark-item p {
    margin-bottom: 0
}

.bootstrap-select--button-no-flag .filter-option .c-flag-icon {
    display: none
}

.bootstrap-select-flag .glyphicon {
    font-family: serif;
    font-family: initial
}

.bootstrap-select-flag .c-flag-icon {
    padding-top: 3px
}

.c-text-input.bootstrap-select-flag button {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    border: 0
}

.brand {
    margin: 7px 0
}

.brand a {
    display: block;
    visibility: hidden;
    background-repeat: no-repeat;
    background-position: left center;
    min-width: 100px
}

@media only screen and (max-width: 767px) {
    .filters {
        width: 100%
    }
}

.control-center-trip {
    text-align: center;
    font-size: 16px;
    padding-top: 3px;
    pointer-events: auto
}

#select-discount .ui-selectcheckboxmenu-trigger {
    width: 30px
}

#buttonHelp {
    pointer-events: auto;
    margin: 10px
}

.input-date input.ui-inputfield,
.pe-timepicker input {
    width: 100%
}

.ui-inputfield.ui-state-focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui-button.ui-state-focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.ico-tc-vmasct:before {
    content: ""
}

.tc-child-input-100 input {
    width: 100%
}

.waiting-iframe {
    background: url("https://booking.vacancyrewards.com/javax.faces.resource/images/loader.gif") center center no-repeat
}

.back-btn {
    float: left !important;
    margin: 0;
    margin-left: 10px;
    margin-top: 15px !important;
    padding: 5px 12px 5px 12px;
    border: 1px solid #fff;
    z-index: 9999
}

.back-btn i {
    color: #fff
}

.asterisk {
    font-size: 20px;
    line-height: 1
}

.form-group .ui-spinner-input {
    width: 100%;
    padding: 5px 20px
}

#scrollHotelVmasH {
    display: block;
    position: relative;
    top: -50px;
    visibility: hidden
}

.dropdown.filter .btn.dropdown-toggle {
    text-align: left;
    width: 100%
}

.dropdown.filter .btn.dropdown-toggle .caret {
    display: none
}

.dropdown.filter::after {
    color: #bebebe;
    content: "";
    font-family: "Font Awesome 7 Pro", sans-serif;
    font-weight: 900;
    margin-left: -25px;
    top: 18%;
    position: absolute
}

.golfIcon::before {
    content: ""
}

.lazy-back-image {
    background: url("https://booking.vacancyrewards.com/javax.faces.resource/images/no-photo.png") center center no-repeat;
    background-size: cover
}

@media only screen and (max-width: 767px) {
    .breakdown {
        table-layout: auto !important
    }
}

@media only screen and (max-width: 767px) {
    .passsenger-data .cancellation-fees .ui-panel-content {
        padding: 0
    }
}

.beeper-list-item img {
    width: 100%
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

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

body {
    padding-top: env(safe-area-inset-top, 0);
    padding-bottom: env(safe-area-inset-bottom, 0);
    padding-left: env(safe-area-inset-left, 0);
    padding-right: env(safe-area-inset-right, 0)
}

#wrapper {
    min-height: 100%;
    height: auto !important;
    margin: 0 auto
}

.ql-syntax {
    white-space: normal
}

.container {
    padding-right: 20px;
    padding-left: 20px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto
}

b,
strong {
    font-weight: 700
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.hidden {
    display: none !important
}

.show {
    display: block !important
}

img {
    border: 0;
    vertical-align: middle
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700
}

input {
    border-radius: 4px;
    padding: 3px 5px;
    border: 1px solid #ccc
}

input:focus {
    outline: none
}

select {
    color: #000;
    border-radius: 5px;
    padding: 5px 15px 5px 5px;
    line-height: normal;
    line-height: initial;
    border: 1px solid #ddd;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: .01px
}

.ui-filter-column select:not(.c-icon-escort__main) {
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
    min-width: 50px;
    padding-right: 0
}

select,
button,
textarea,
[type=button] {
    outline: none !important
}

:-moz-any(select):before {
    background-color: #fff;
    pointer-events: none;
    z-index: 1
}

select,
select.form-control {
    background: rgba(0, 0, 0, 0) url(get-path-css-image("select-arrow000")) no-repeat calc(100% - 10px) center
}

select::-ms-expand {
    display: none
}

select * {
    border: none
}

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

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button {
    padding: 0;
    border: none;
    background-color: rgba(0, 0, 0, 0);
    text-align: left;
    color: inherit
}

ol,
ul {
    margin-top: 0;
    margin-bottom: 10px
}

a,
a:hover,
a:active,
a:focus {
    color: inherit;
    -webkit-text-decoration: none;
    text-decoration: none;
    outline: none
}

a.link:hover,
.link:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

em {
    font-style: italic
}

a.disabled,
.disabled {
    pointer-events: none;
    cursor: default
}

.ui-autocomplete.ui-state-loading {
    color: gray
}

.ui-autocomplete.ui-state-loading .ui-icon-loading {
    right: 10px
}

body.rtl .ui-autocomplete.ui-state-loading .ui-icon-loading {
    right: auto;
    left: 10px
}

.ui-button.ui-state-loading .ui-icon-loading {
    display: none !important
}

.ui-button.ui-state-loading .ui-button-text {
    opacity: 1 !important
}

.modalTimeout {
    z-index: 999999 !important
}

.modal[class*=TermsDialog] {
    z-index: 1200 !important
}

#growl_container {
    z-index: 1060 !important
}

#linkTerms {
    z-index: 1061 !important
}

#nav-menu {
    z-index: 1001
}

body>.dropdown-menu {
    z-index: 1051 !important
}

.ui-growl {
    z-index: 9999 !important
}

.tc-admin-confirm-dialog {
    z-index: 10060 !important
}

.cities-choice .glossary {
    z-index: 0
}

.cities-choice #sum-continuar {
    z-index: 100
}

.maplibregl-popup {
    z-index: 30
}

.map-marker,
.maplibregl-marker {
    z-index: 1
}

.maplibregl-marker.destination-marker {
    z-index: 2
}

.maplibregl-marker.destination-marker:hover {
    z-index: 99
}

.maplibregl-marker.route-marker,
maplibregl-marker.origin-marker {
    z-index: 3
}

.marker0 {
    z-index: 2
}

.map-marker-sm:hover {
    z-index: 1001
}

.map-marker-sm:hover i {
    z-index: 1001
}

.zoom-visible .map-marker.selected {
    z-index: 1001
}

body.map-page .comp-app {
    z-index: 0
}

body.map-page .comp-app .navbar {
    z-index: 100
}

.modal.modal-rentacar .fa.fa-spinner {
    z-index: 1018 !important
}

.modal.modal-transport .fa.fa-spinner {
    z-index: 1018 !important
}

.overlay-pp-help {
    z-index: 5000
}

.popover-alt .popover-alt-text {
    z-index: 1
}

.popover-alt .popover-alt-text::after {
    z-index: 999
}

.ui-selectonemenu-panel {
    z-index: 2040 !important
}

.ui-datepicker.ui-widget,
.ui-timepicker.ui-widget {
    z-index: 1100 !important
}

.ui-blockui,
.ui-blockui-content__wrapper--full {
    z-index: 2800
}

.ui-autocomplete-panel {
    z-index: 2012 !important
}

.pf-panel-selectCheckboxMenu {
    z-index: 100 !important
}

.pf-panel-selectCheckboxMenu--inmodal {
    z-index: 1051 !important
}

.mediabox-manual-services__image {
    z-index: 2
}

.mediabox-manual-services__reference {
    z-index: 3
}

.mediabox-manual-services__reference::after {
    z-index: -1
}

._show_1e.wrap_mW {
    z-index: 1099 !important
}

.grecaptcha-badge {
    z-index: 2
}

.clr-picker.clr-open,
.clr-picker[data-inline=true] {
    z-index: 9999
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    font-weight: 400;
    line-height: 1;
    color: #777
}

h1,
h2,
h3 {
    margin-top: 20px;
    margin-bottom: 10px
}

h1 small,
h2 small,
h3 small {
    font-size: 65%
}

h4,
h5,
h6 {
    margin-top: 10px;
    margin-bottom: 10px
}

h4 small,
h5 small,
h6 small {
    font-size: 75%
}

h1 {
    font-size: 36px
}

h2 {
    font-size: 30px
}

h3 {
    font-size: 24px
}

h4 {
    font-size: 18px
}

h5 {
    font-size: 14px
}

h6 {
    font-size: 12px
}

p {
    margin: 0 0 10px
}

@media(max-width: 768px)and (orientation: portrait) {

    body.ios-app .c-mobile-navigation-bar--top,
    body.ios-app .c-hidden-aside,
    body.ios-app .c-modal .c-modal__container {
        padding-top: 44px !important
    }

    body.ios-app .c-mobile-navigation-bar--bottom,
    body.ios-app .c-hidden-aside {
        padding-bottom: 21px !important
    }
}

.btn {
    border-radius: 4px;
    border-color: rgba(0, 0, 0, 0);
    -webkit-transition: all .2s ease-in-out 0s;
    transition: all .2s ease-in-out 0s
}

.btn:not(.btn-default) {
    color: #fff
}

.btn-default {
    border-color: #c2c2c2
}

.btn-group-sm>.btn,
.btn-sm {
    border-radius: 4px
}

.btn-group-xs>.btn,
.btn-xsm {
    font-size: 10px;
    padding: 1px 3px;
    line-height: 10px;
    border-radius: 2px
}

.btn-group-sm>.btn.ui-widget,
.btn-sm.ui-widget {
    font-size: 12px
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.btn.bg-clr--success {
    color: #fff
}

.btn.bg-clr--success:hover {
    color: #fff;
    background-color: rgb(98.1, 173.7, 72.9) !important
}

.form-group {
    margin-bottom: 15px
}

.form-group:empty {
    display: none
}

.form-group.field-locked {
    opacity: .6
}

.form-group.field-locked label:before {
    font-family: "Font Awesome 7 Pro", sans-serif !important;
    content: "";
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-weight: 400
}

.box-form {
    padding: 0
}

.box-form>.o-layout {
    margin-top: 5px
}

.box-form>.o-layout:first-child {
    margin-top: 0
}

.box-form .form-group {
    margin: 0;
    padding: 0 5px
}

.box-form .form-group>div:empty {
    display: none
}

.box-form .form-group label {
    font-weight: normal;
    margin: 0
}

.box-form .form-group .form-control {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block
}

.box-form .form-group select.form-control {
    background-color: #fff
}

.box-form:first-child {
    margin: 0 !important
}

@media only screen and (max-width: 767px) {
    .box-form .title small {
        margin-top: 5px
    }
}

span.input-primes input.ui-state-hover {
    background: #fff !important
}

.ui-icon.fa {
    text-indent: 0 !important;
    background-image: none !important
}

.ui-datascroller .ui-datascroller-content {
    background: rgba(0, 0, 0, 0);
    border: none;
    padding: 0
}

.ui-widget-overlay {
    background-color: rgba(0, 0, 0, .1)
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: none
}

.ui-selectonemenu-panel .ui-selectonemenu-list-item {
    margin: 0;
    padding: 5px 10px;
    text-align: left;
    white-space: nowrap
}

.ui-paginator {
    padding-left: 0;
    padding-right: 0
}

.ui-paginator-bottom {
    clear: both
}

label.ui-state-error {
    background: none !important;
    color: #e01d1d !important
}

.register-button button.ui-button-text-only span.ui-button-text {
    padding: 2px !important
}

.ui-selectcheckboxmenu label {
    margin-bottom: 0
}

.ui-inplace .ui-inplace-display.ui-state-highlight {
    background-color: rgba(0, 0, 0, 0)
}

.ui-inplace-editor {
    display: block;
    text-align: right;
    padding-top: 10px
}

@media only screen and (max-width: 767px) {
    .ui-growl-icon-close {
        display: block !important
    }
}

.ui-radiobutton {
    width: auto
}

.ui-outputlabel .ui-outputlabel-rfi {
    color: #e01d1d
}

.ui-blockui-content {
    background-color: rgba(0, 0, 0, 0);
    border: none;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.ui-blockui-content__wrapper--full {
    position: fixed;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ui-blockui-content__icon {
    color: #fff
}

.ui-blockui--over-modal+.ui-blockui-content {
    z-index: 1051 !important
}

.ui-blockui--over-modal {
    z-index: 3051 !important
}

.pf-dataListPaginator .ui-widget-content,
.pf-dataListPaginator .ui-paginator.ui-paginator-bottom {
    border: none;
    padding: 0;
    background: rgba(0, 0, 0, 0)
}

.pf-dataListPaginator .ui-datalist-empty-message {
    text-align: center;
    padding: 0;
    color: #4e4e4e
}

.pf-simple-dataTable thead {
    display: none
}

.pf-simple-dataTable .ui-datatable-data tr>td {
    padding: 0;
    border: 0
}

.p-fileupload {
    border: 1px dashed #e3e3e3;
    height: 40px;
    overflow: hidden;
    border-radius: 4px;
    position: relative
}

.p-fileupload .ui-fileupload-buttonbar {
    background: none;
    border: 0;
    height: 38px
}

.p-fileupload--sm {
    height: 25px
}

.p-fileupload--sm .ui-fileupload-buttonbar {
    height: 23px
}

.p-fileupload .ui-fileupload-buttonbar .ui-fileupload-choose {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 0;
    background-image: none;
    background-color: rgba(0, 0, 0, 0);
    outline: none;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.p-fileupload .ui-fileupload-buttonbar .ui-fileupload-choose:hover,
.p-fileupload .ui-fileupload-buttonbar .ui-fileupload-choose:active,
.p-fileupload .ui-fileupload-buttonbar .ui-fileupload-choose:focus:active {
    background-color: #e3e3e3
}

.p-fileupload .ui-fileupload-buttonbar .ui-fileupload-choose,
.p-fileupload .ui-fileupload-buttonbar .ui-fileupload-choose input,
.p-fileupload .ui-fileupload-messages .ui-messages-error {
    width: 100%;
    height: 100%
}

.p-fileupload .ui-fileupload-buttonbar .ui-fileupload-choose input {
    top: 0;
    right: 0;
    position: absolute;
    margin: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    font-size: inherit;
    direction: ltr;
    cursor: pointer
}

.p-fileupload .ui-fileupload-buttonbar .ui-fileupload-choose .ui-button-text,
.p-fileupload .ui-fileupload-buttonbar .ui-fileupload-choose .ui-icon {
    font-size: 12px;
    color: #707070
}

.p-fileupload .ui-fileupload-buttonbar .ui-fileupload-choose .ui-button-text {
    display: inline;
    font-weight: normal;
    font-weight: initial
}

.p-fileupload .ui-fileupload-buttonbar .ui-fileupload-choose .ui-icon {
    background-image: none;
    position: static;
    position: initial;
    margin: 0 5px 0 0;
    text-indent: inherit;
    overflow: visible;
    overflow: initial
}

.p-fileupload .ui-fileupload-buttonbar .ui-fileupload-choose .ui-icon:after {
    content: "";
    font-weight: 900;
    font-family: "Font Awesome 7 Pro", sans-serif;
    position: relative;
    z-index: 2;
    top: -1px
}

.p-fileupload .ui-fileupload-messages {
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.p-fileupload .ui-fileupload-messages .ui-messages-error {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    padding: 10px
}

.p-fileupload .ui-fileupload-messages .ui-messages-error .ui-messages-close {
    position: relative;
    top: auto;
    right: auto;
    float: none
}

.p-fileupload .ui-fileupload-messages .ui-messages-error .ui-messages-error-icon {
    display: none
}

.p-fileupload .ui-fileupload-messages,
.p-fileupload .ui-fileupload-messages .ui-messages-error,
.p-fileupload .ui-fileupload-messages .ui-messages-error ul,
.p-fileupload .ui-fileupload-messages .ui-messages-error ul li span {
    margin: 0
}

.p-fileupload .ui-fileupload-buttonbar,
.p-fileupload .ui-fileupload-buttonbar .ui-fileupload-choose .ui-button-text,
.p-fileupload .ui-fileupload-messages,
.p-fileupload .ui-fileupload-messages .ui-messages-error ul li {
    padding: 0
}

.p-fileupload__uploaded-wrapper {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #fff;
    color: #6dc151
}

.p-fileupload__message {
    padding: 5px;
    font-weight: bold
}

.p-fileupload__message i {
    font-size: 12px
}

.p-fileupload__image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    max-height: 30px;
    max-width: 45px;
    max-height: 30px
}

.p-fileupload__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 20px;
    height: 30px;
    width: 30px;
    color: #ca0000
}

.p-fileupload .p-fileupload__link,
.p-fileupload .p-fileupload__image {
    margin-right: 5px;
    border-radius: 2px
}

.p-fileuploaded-image .ui-fileupload-buttonbar {
    position: absolute;
    z-index: 4;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

.pf-panel-collapse .ui-panel-titlebar {
    border: 0;
    background: #f7f7f7;
    padding: 10px;
    cursor: pointer !important
}

.pf-panel-collapse .ui-panel-title {
    font-weight: 400
}

.pf-panel-collapse.ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon {
    font-family: "Font Awesome 7 Pro", sans-serif !important;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.pf-panel-collapse .ui-panel-titlebar-icon {
    background: rgba(0, 0, 0, 0) !important;
    width: 14px !important
}

.pf-panel-collapse .ui-panel-titlebar-icon .ui-icon:before {
    content: "" !important
}

.pf-panel-collapse:not(.ui-panel-collapsed) .ui-panel-titlebar-icon .ui-icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.pf-panel-collapse .ui-panel-content {
    border: 0;
    padding: 10px
}

.pf-select-one-menu .bootstrap-select,
.pf-select-one-menu.bootstrap-select {
    width: 100% !important
}

.pf-select-one-menu .btn-default {
    height: 42px;
    border: 1px solid #e3e3e3 !important;
    color: #707070
}

.pf-select-one-menu .btn-default .filter-option-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.pf-select-one-menu--sm-panel .dropdown-menu {
    width: 320px
}

.pf-select-checkbox-menu--hide-allselector.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox {
    display: none !important
}

.pf-select-checkbox-menu--normal-font.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item>label {
    font-weight: 400
}

.pf-select-checkbox-menu--remove-arrow.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon {
    opacity: 0
}

.pf-select-checkbox-menu--remove-borders.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-table td {
    border: none !important
}

.ui-datepicker .ui-datepicker-calendar {
    border-collapse: separate
}

.ui-datepicker-enabled {
    opacity: 1 !important
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    top: 50% !important
}

.ui-datepicker__dayprice {
    padding: 0 !important
}

.ui-datepicker__dayprice>a {
    position: inherit !important
}

.ui-datepicker .ui-datepicker-calendar td .ui-state-default {
    vertical-align: middle
}

@media only screen and (min-width: 1200px) {
    .ui-datepicker.ui-datepicker-price:not(.ui-datepicker-multi) {
        max-width: 407px
    }
}

.ui-datepicker.ui-datepicker-price .ui-datepicker__default {
    height: 50px !important
}

.ui-datepicker.ui-datepicker-price .ui-datepicker__highlightday .ui-state-default {
    background-color: #0472AA;
    background-color: var(--s-color-brand-primary);
    color: #fff
}

.ui-datepicker.ui-datepicker-price .ui-datepicker__highlightday-dark .ui-state-default {
    background-color: #00527C;
    background-color: var(--s-color-brand-dark);
    color: #fff
}

.ui-datepicker.ui-datepicker-price .ui-datepicker__dayprice {
    position: relative;
    height: 60px !important;
    border: 1px solid #fff;
    line-height: 1.2
}

.ui-datepicker.ui-datepicker-price .ui-datepicker__dayprice.lowest-price>a:not(.ui-state-active) {
    color: #6dc151;
    background-color: rgba(109, 193, 81, .4);
    border: 0
}

.ui-datepicker.ui-datepicker-price .ui-datepicker__dayprice .ui-state-default {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #e3e3e3;
    padding: 10px 5px;
    font-size: 12px;
    line-height: 1.2;
    font-weight: bolder;
    border-radius: 2px
}

.ui-datepicker.ui-datepicker-price .ui-datepicker__dayprice .ui-state-default:after {
    display: block;
    color: #00527C;
    color: var(--s-color-brand-dark);
    font-size: 10px
}

.ui-datepicker.ui-datepicker-price .ui-datepicker__dayprice .ui-state-default.ui-state-active {
    background: #0472AA;
    background: var(--s-color-brand-primary)
}

.ui-datepicker.ui-datepicker-price .ui-datepicker__dayprice .ui-state-default.ui-state-active:after {
    margin-top: 5px;
    color: #fff
}

.ui-datepicker-multi-2 .ui-datepicker__dayprice {
    min-width: 50px
}

@media only screen and (max-width: 767px) {
    body.rtl .ui-datepicker {
        left: auto !important;
        right: 0
    }
}

.ui-messages.p-messages {
    width: 100%
}

.ui-messages.p-messages div {
    padding: 10px;
    margin: 10px 0
}

.ui-messages.p-messages .ui-messages-warn-icon {
    margin: 0;
    font-size: 16px
}

.ui-messages.p-messages .ui-messages-warn .ui-messages-close {
    position: relative;
    top: -4px;
    right: 0
}

.ui-confirm-dialog {
    overflow: visible;
    background-color: #fff;
    border-radius: 8px
}

body.no-scroll .ui-confirm-dialog {
    z-index: 1053 !important
}

.new-grid:not(.no-scroll) .ui-confirm-dialog {
    z-index: 1053 !important
}

.ui-confirm-dialog .ui-dialog-titlebar {
    padding-bottom: 0
}

.ui-confirm-dialog .ui-dialog-titlebar,
.ui-confirm-dialog .ui-dialog-content,
.ui-confirm-dialog .ui-dialog-footer {
    background-color: rgba(0, 0, 0, 0)
}

.ui-confirm-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon.ui-dialog-titlebar-close {
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #393939;
    margin: 0;
    -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    line-height: 2.3rem
}

.ui-confirm-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon.ui-dialog-titlebar-close span {
    color: #fff;
    font-size: 11px
}

.ui-confirm-dialog .ui-dialog-buttonpane {
    text-align: right !important
}

.ui-confirm-dialog .ui-dialog-buttonpane button {
    margin: 0 0 0 .5rem
}

.ui-confirm-dialog .ui-confirm-dialog-message {
    line-height: 1.25 !important
}

body.modal-open .ui-dialog-mask {
    z-index: 1052 !important
}

.pf-tabs.pf-tabs--padding-0 .ui-tabs-panel {
    padding: 0 !important
}

@media only screen and (min-width: 1200px) {
    .pf-tabs.ui-tabs-scrollable .ui-tabs-nav {
        width: 100% !important;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media only screen and (max-width: 991px) {
    .pf-tabs.ui-tabs-scrollable .ui-tabs-nav {
        width: auto !important
    }
}

@media only screen and (min-width: 1200px) {
    .pf-tabs.ui-tabs .ui-tabs-nav {
        background: rgba(0, 0, 0, 0) !important
    }
}

.pf-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-header {
    background: rgba(0, 0, 0, 0) !important
}

.pf-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active,
.pf-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover {
    background-color: #fff !important
}

.pf-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a,
.pf-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a {
    color: #0472AA !important;
    color: var(--s-color-brand-primary) !important
}

.pf-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active.ui-tabs-outline,
.pf-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover.ui-tabs-outline {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.pf-tabs.ui-tabs .ui-tabs-navscroller:not(.ui-tabs-navscroller-btn-hidden) {
    padding-left: 40px
}

.pf-tabs.ui-tabs .ui-tabs-navscroller:not(.ui-tabs-navscroller-btn-hidden) .ui-tabs-navscroller-btn {
    background: #fff;
    width: 40px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pf-tabs.ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-tabs-header {
    top: 0;
    border-bottom: 2px solid #dee2e6
}

@media only screen and (min-width: 1200px) {
    .pf-tabs.ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-tabs-header {
        width: inherit
    }
}

.pf-tabs.ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-tabs-header.ui-state-active {
    border-bottom: 4px solid #0472AA;
    border-bottom: 4px solid var(--s-color-brand-primary)
}

.pf-tabs.ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-tabs-header.ui-state-active a {
    color: #0472AA;
    color: var(--s-color-brand-primary)
}

.pf-tabs--large li.ui-tabs-header {
    padding: 15px 20px !important
}

@media only screen and (min-width: 1200px) {
    .pf-tabs--large li.ui-tabs-header a {
        min-width: 100%;
        float: none !important;
        text-align: center
    }
}

@media only screen and (min-width: 1200px) {
    .pf-tabs--full>.ui-tabs-nav {
        width: 100% !important;
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }
}

.pf-tabs--remove-paddings.ui-tabs .ui-tabs-panels .ui-tabs-panel {
    padding: 0
}

.pf-tabs--showcase.ui-tabs .ui-tabs-nav li.ui-tabs-header {
    text-transform: uppercase
}

.pf-tabs--showcase.ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-tabs-header {
    border: none;
    width: auto
}

.pf-tabs--showcase.ui-tabs.ui-tabs-top>.ui-tabs-nav:before {
    content: none
}

.pf-tabs--showcase.ui-tabs .ui-tabs-panels .ui-tabs-panel {
    -webkit-box-shadow: inset 0 7px 9px -7px rgba(0, 0, 0, .15);
    box-shadow: inset 0 7px 9px -7px rgba(0, 0, 0, .15);
    background-color: rgba(var(--s-color-brand-primary-rgb), 0.06);
    padding: 40px 20px 30px
}

@media only screen and (min-width: 1200px) {

    .pf-tabs--showcase.ui-tabs.ui-tabs-top>.ui-tabs-nav,
    .pf-tabs--showcase.ui-tabs-scrollable .ui-tabs-nav {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }
}

.pf-tabs--showcase--white.ui-tabs .ui-tabs-panels .ui-tabs-panel {
    background-color: #fff
}

@media only screen and (min-width: 992px) {
    .pf-tabs .ui-tabs.pf-tabs--vertical {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 20px
    }
}

.pf-tabs .ui-tabs.pf-tabs--vertical .ui-tabs-nav {
    display: block !important;
    background-color: rgba(0, 0, 0, 0)
}

.pf-tabs .ui-tabs.pf-tabs--vertical .ui-tabs-nav:before {
    border-bottom-color: rgba(0, 0, 0, 0)
}

@media only screen and (min-width: 992px) {
    .pf-tabs .ui-tabs.pf-tabs--vertical .ui-tabs-nav {
        width: 33% !important
    }
}

.pf-tabs .ui-tabs.pf-tabs--vertical .ui-tabs-panels {
    background-color: rgba(0, 0, 0, 0) !important
}

@media only screen and (min-width: 992px) {
    .pf-tabs .ui-tabs.pf-tabs--vertical .ui-tabs-panels {
        width: 66% !important
    }
}

.pf-tabs .ui-tabs.pf-tabs--vertical .ui-tabs-panels .ui-tabs-panel {
    background-color: rgba(0, 0, 0, 0) !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.pf-tabs .ui-tabs.pf-tabs--vertical .ui-tabs-nav li.ui-tabs-header {
    background-color: rgba(0, 0, 0, 0) !important;
    border-bottom: 1px solid #e3e3e3 !important
}

body:not(.rtl) .pf-tabs .ui-tabs.pf-tabs--vertical .ui-tabs-nav li.ui-tabs-header {
    padding-left: 0 !important
}

body.rtl .pf-tabs .ui-tabs.pf-tabs--vertical .ui-tabs-nav li.ui-tabs-header {
    padding-right: 0 !important
}

.pf-tabs .ui-tabs.pf-tabs--vertical .ui-tabs-nav li.ui-tabs-header a {
    color: #393939 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    text-transform: capitalize
}

body:not(.rtl) .pf-tabs .ui-tabs.pf-tabs--vertical .ui-tabs-nav li.ui-tabs-header a {
    text-align: left
}

body.rtl .pf-tabs .ui-tabs.pf-tabs--vertical .ui-tabs-nav li.ui-tabs-header a {
    text-align: right
}

.pf-tabs .ui-tabs.pf-tabs--vertical .ui-tabs-nav li.ui-tabs-header.ui-state-active {
    position: relative;
    border-bottom-color: #0472AA !important;
    border-bottom-color: var(--s-color-brand-primary) !important
}

.pf-tabs .ui-tabs.pf-tabs--vertical .ui-tabs-nav li.ui-tabs-header.ui-state-active:after {
    position: absolute;
    top: calc(50% - 6px);
    font-family: "Font Awesome 7 Pro", sans-serif;
    font-size: 12px;
    font-weight: 700;
    color: #0472AA;
    color: var(--s-color-brand-primary)
}

body:not(.rtl) .pf-tabs .ui-tabs.pf-tabs--vertical .ui-tabs-nav li.ui-tabs-header.ui-state-active:after {
    content: "";
    right: 0
}

body.rtl .pf-tabs .ui-tabs.pf-tabs--vertical .ui-tabs-nav li.ui-tabs-header.ui-state-active:after {
    content: "";
    left: 0
}

@media only screen and (max-width: 991px) {
    .pf-tabs .ui-tabs.pf-tabs--vertical .ui-tabs-nav li.ui-tabs-header.ui-state-active:after {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

.pf-tabs .ui-tabs.pf-tabs--vertical .ui-tabs-nav li.ui-tabs-header.ui-state-active a {
    color: #0472AA !important;
    color: var(--s-color-brand-primary) !important;
    font-weight: 700 !important
}

.pf-tabs .ui-tabs.pf-tabs--vertical .ui-tabs-nav li.ui-tabs-header.ui-state-hover {
    border-bottom-color: #0472AA !important;
    border-bottom-color: var(--s-color-brand-primary) !important
}

.pf-tabs.pf-tabs--contracts .ui-tabs-nav li.ui-tabs-header {
    padding: 20px !important
}

.pf-tabs.pf-tabs--contracts .ui-tabs-nav li.ui-tabs-header:hover,
.pf-tabs.pf-tabs--contracts .ui-tabs-nav li.ui-tabs-header:active,
.pf-tabs.pf-tabs--contracts .ui-tabs-nav li.ui-tabs-header:focus,
.pf-tabs.pf-tabs--contracts .ui-tabs-nav li.ui-tabs-header:focus:active {
    border-color: #0472AA;
    border-color: var(--s-color-brand-primary);
    background-color: #fff
}

.pf-tabs.pf-tabs--contracts .ui-tabs-nav li.ui-tabs-header:hover a,
.pf-tabs.pf-tabs--contracts .ui-tabs-nav li.ui-tabs-header:active a,
.pf-tabs.pf-tabs--contracts .ui-tabs-nav li.ui-tabs-header:focus a,
.pf-tabs.pf-tabs--contracts .ui-tabs-nav li.ui-tabs-header:focus:active a {
    color: #0472AA;
    color: var(--s-color-brand-primary)
}

.pf-tabs.pf-tabs--contracts .ui-tabs-nav li.ui-tabs-header.ui-state-active {
    border-bottom: 2px solid #0472AA !important;
    border-bottom: 2px solid var(--s-color-brand-primary) !important
}

.pf-outputtext--margin-none p {
    margin: 0
}

.pf-datatable.ui-datatable table {
    table-layout: auto !important
}

.pf-datatable.ui-datatable thead th {
    padding: 10px;
    text-align: center;
    border-width: 1px;
    color: #707070;
    white-space: nowrap
}

.pf-datatable.ui-datatable tbody.ui-datatable-data {
    border-left: 1px solid rgba(0, 0, 0, .08)
}

.pf-datatable.ui-datatable .ui-datatable-data>tr>td {
    padding: 10px;
    font-size: 12px;
    text-align: left;
    vertical-align: middle
}

.pf-datatable.ui-datatable .ui-datatable-data>tr>td.u-text-align--right {
    text-align: right
}

.pf-datatable.ui-datatable .ui-datatable-data>tr>td.u-text-align--center {
    text-align: center
}

.pf-datatable.ui-datatable tfoot td {
    padding: 15px 10px;
    font-size: 12px;
    background: rgba(0, 0, 0, 0);
    vertical-align: middle;
    color: #707070;
    white-space: nowrap
}

.pf-datatable--tfoot-align-right.ui-datatable tfoot td {
    text-align: right
}

.pf-datatable--font-default.ui-datatable .ui-datatable-data>tr>td {
    font-size: 14px
}

.pf-select-many-checkbox--secondary div.ui-chkbox {
    margin-bottom: 5px
}

.pf-select-many-checkbox--secondary label {
    font-weight: 400;
    margin-bottom: 5px
}

.pf-dataview .ui-dataview-header {
    background-color: rgba(0, 0, 0, 0);
    text-align: left;
    padding: 0;
    border: none;
    font-weight: normal;
    font-weight: initial
}

.pf-dataview .ui-dataview-header .ui-buttonset {
    display: none
}

.pf-dataview .ui-dataview-content {
    margin-left: -10px
}

.pf-dataview .ui-dataview-content .c-no-results {
    margin-left: 10px
}

.pf-dataview__item {
    padding: 0 0 0 10px
}

.pf-dataview--spacer .ui-dataview-content {
    margin-left: -20px
}

.pf-dataview--spacer .ui-dataview-content .c-no-results {
    margin-left: 20px
}

.pf-dataview--spacer .pf-dataview__item {
    padding: 0 0 0 20px
}

#ui-timepicker-div {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .07);
    box-shadow: 0 0 10px rgba(0, 0, 0, .07);
    background-color: #fff;
    padding: 7px !important;
    border: 1px solid #ddd
}

.ui-timepicker-table {
    border: none;
    border-radius: 0
}

.ui-timepicker-hours {
    padding-right: 7px !important
}

.ui-timepicker-table .ui-timepicker-title {
    text-transform: uppercase;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    text-align: left !important;
    line-height: normal !important;
    line-height: initial !important;
    border-bottom: 2px solid #ddd;
    margin-bottom: 5px;
    border-radius: 0;
    color: #707070;
    font-weight: normal
}

.ui-timepicker-table .ui-timepicker td {
    padding: 3px
}

.ui-timepicker-table .ui-timepicker td a {
    width: 100% !important;
    padding: 4px !important;
    display: inline-block !important;
    background: #e3e3e3;
    border-color: rgba(0, 0, 0, 0)
}

.ui-timepicker-table .ui-timepicker td a.ui-state-active,
.ui-timepicker-table .ui-timepicker td a.ui-state-hover {
    background-color: #a2a2a2;
    color: #fff;
    text-shadow: none
}

.ui-timepicker-table .ui-timepicker td .ui-state-disabled {
    display: none !important
}

.time-picker--disabled:not(.disabled-bg-none) {
    pointer-events: none
}

.time-picker--disabled:not(.disabled-bg-none) input {
    background-color: #e3e3e3;
    opacity: .8
}

@media only screen and (max-width: 767px) {
    #ui-timepicker-div {
        padding: 3px !important
    }

    .ui-timepicker-table .ui-timepicker td {
        padding: 1px
    }

    .ui-timepicker-table .ui-timepicker td a {
        padding: 3px !important;
        font-size: 14px
    }
}

.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after {
    display: table;
    content: " "
}

.clearfix:after,
.container:after,
.container-fluid:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after {
    clear: both
}

@media only screen and (max-width: 767px) {
    .hidden-xs {
        display: none !important
    }
}

@media only screen and (min-width: 768px)and (max-width: 991px) {
    .hidden-sm {
        display: none !important
    }
}

@media only screen and (min-width: 992px)and (max-width: 1199px) {
    .hidden-md {
        display: none !important
    }
}

@media only screen and (min-width: 1200px) {
    .hidden-lg {
        display: none !important
    }
}

.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }

    table.visible-print {
        display: table !important
    }

    tr.visible-print {
        display: table-row !important
    }

    th.visible-print,
    td.visible-print {
        display: table-cell !important
    }
}

:root {
    --swiper-theme-color: unset !important;
    --swiper-navigation-size: 40px;
    --swiper-navigation-sides-offset: 0;
    --swiper-pagination-bottom: 15px;
    --swiper-scrollbar-bg-color: #E3E3E3;
    --swiper-scrollbar-drag-bg-color: #4e4e4e
}

.swiper-initialized .swiper-slide {
    width: auto
}

.swiper-container {
    width: 100%;
    max-width: 100%
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: 0 !important;
    pointer-events: none !important
}

.swiper-fade .swiper-slide:not(.swiper-slide-active) {
    opacity: 0 !important
}

.swiper-navigation-icon {
    display: none !important
}

.swiper-pagination.swiper-pagination--bottom {
    position: relative !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    margin: 0 auto !important;
    padding-top: 20px
}

.swiper-pagination.swiper-pagination--bottom .swiper-pagination-bullet {
    background-color: #e3e3e3
}

.swiper-pagination.swiper-pagination--bottom .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #0472AA;
    background-color: var(--s-color-brand-primary)
}

.swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background-color: hsla(0, 0%, 100%, .6);
    opacity: 1;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15)
}

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #fff
}

.swiper-thumbs .swiper-slide {
    opacity: .8;
    border-radius: 4px;
    overflow: hidden;
    border: 2px solid rgba(0, 0, 0, 0)
}

.swiper-thumbs .swiper-slide.swiper-slide-thumb-active {
    opacity: 1;
    border-color: #fff;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15)
}

.swiper-button-disabled.swiper-button-disabled--opacity {
    opacity: .3 !important;
    pointer-events: none !important
}

.swiper-scrollbar.swiper-scrollbar-horizontal {
    bottom: auto;
    top: 100%;
    left: 0;
    width: 100%;
    height: 6px
}

.swiper-scrollbar .swiper-scrollbar-drag {
    cursor: -webkit-grab;
    cursor: grab
}

.swiper-scrollbar .swiper-scrollbar-drag:hover,
.swiper-scrollbar .swiper-scrollbar-drag:active,
.swiper-scrollbar .swiper-scrollbar-drag:focus:active {
    background-color: #393939
}

.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav>li {
    position: relative;
    display: block
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px
}

.nav>li>a:hover,
.nav>li>a:focus {
    -webkit-text-decoration: none;
    text-decoration: none;
    background-color: #eee
}

.nav>li.disabled>a {
    color: #777
}

.nav>li.disabled>a:hover,
.nav>li.disabled>a:focus {
    color: #777;
    -webkit-text-decoration: none;
    text-decoration: none;
    cursor: not-allowed;
    background-color: rgba(0, 0, 0, 0)
}

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
    background-color: #0472AA;
    background-color: var(--s-color-brand-primary);
    border-color: rgba(0, 0, 0, 0)
}

.nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.nav>li>a>img {
    max-width: none
}

.nav-tabs {
    border-bottom: 1px solid #ddd
}

.nav-tabs>li {
    float: left;
    margin-bottom: -1px
}

.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px 4px 0 0
}

.nav-tabs>li>a:hover {
    border-color: #eee #eee #ddd
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: rgba(0, 0, 0, 0)
}

.nav-tabs.nav-justified {
    width: 100%;
    border-bottom: 0
}

.nav-tabs.nav-justified>li {
    float: none
}

.nav-tabs.nav-justified>li>a {
    margin-bottom: 5px;
    margin-right: 0;
    border-radius: 4px;
    text-align: center
}

.nav-tabs.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto
}

@media only screen and (min-width: 768px) {
    .nav-tabs.nav-justified>li {
        display: table-cell;
        width: 1%
    }

    .nav-tabs.nav-justified>li>a {
        margin-bottom: 0
    }
}

.nav-tabs.nav-justified>.active>a,
.nav-tabs.nav-justified>.active>a:hover,
.nav-tabs.nav-justified>.active>a:focus {
    border: 1px solid #ddd
}

@media only screen and (min-width: 768px) {
    .nav-tabs.nav-justified>li>a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs.nav-justified>.active>a,
    .nav-tabs.nav-justified>.active>a:hover,
    .nav-tabs.nav-justified>.active>a:focus {
        border-bottom-color: #fff
    }
}

.nav-pills>li {
    float: left
}

.nav-pills>li>a {
    border-radius: 4px
}

.nav-pills>li+li {
    margin-left: 2px
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
    color: #fff;
    background-color: #337ab7
}

.nav-stacked>li {
    float: none
}

.nav-stacked>li+li {
    margin-top: 2px;
    margin-left: 0
}

.nav-justified {
    width: 100%
}

.nav-justified>li {
    float: none
}

.nav-justified>li>a {
    margin-bottom: 5px;
    text-align: center
}

.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto
}

@media only screen and (min-width: 768px) {
    .nav-justified>li {
        display: table-cell;
        width: 1%
    }

    .nav-justified>li>a {
        margin-bottom: 0
    }
}

.nav-tabs-justified {
    border-bottom: 0
}

.nav-tabs-justified>li>a {
    margin-right: 0;
    border-radius: 4px
}

.nav-tabs-justified>.active>a,
.nav-tabs-justified>.active>a:hover,
.nav-tabs-justified>.active>a:focus {
    border: 1px solid #ddd
}

@media only screen and (min-width: 768px) {
    .nav-tabs-justified>li>a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs-justified>.active>a,
    .nav-tabs-justified>.active>a:hover,
    .nav-tabs-justified>.active>a:focus {
        border-bottom-color: #fff
    }
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.navbar {
    position: relative;
    z-index: 30;
    min-height: 50px;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0
}

.navbar.container {
    margin: 0 auto
}

@media only screen and (min-width: 768px) {
    .navbar {
        border-radius: 4px
    }
}

@media only screen and (min-width: 768px) {
    .navbar-header {
        float: left
    }
}

.navbar-collapse {
    overflow-x: visible;
    border-top: 1px solid rgba(0, 0, 0, 0);
    -webkit-box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .1);
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .1);
    -webkit-overflow-scrolling: touch
}

.navbar-collapse.in {
    overflow-y: visible
}

.navbar-collapse .navbar-nav a:focus,
.navbar-collapse .navbar-nav a:hover,
.navbar-collapse .navbar-nav a:active {
    color: #fff;
    background-color: #0472AA;
    background-color: var(--s-color-brand-primary)
}

@media only screen and (min-width: 768px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important
    }

    .navbar-fixed-top .navbar-collapse,
    .navbar-static-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        padding-right: 0;
        padding-left: 0
    }
}

.navbar-fixed-top,
.navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
    max-height: 340px
}

@media only screen and (max-width: 1199px)and (orientation: landscape) {

    .navbar-fixed-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        max-height: 200px
    }
}

@media only screen and (min-width: 768px) {

    .navbar-fixed-top,
    .navbar-fixed-bottom {
        border-radius: 0
    }
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0
}

.container>.navbar-header,
.container-fluid>.navbar-header,
.container>.navbar-collapse,
.container-fluid>.navbar-collapse {
    margin-right: -15px;
    margin-left: -15px
}

@media only screen and (min-width: 768px) {

    .container>.navbar-header,
    .container-fluid>.navbar-header,
    .container>.navbar-collapse,
    .container-fluid>.navbar-collapse {
        margin-right: 0;
        margin-left: 0
    }
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px
}

@media only screen and (min-width: 768px) {
    .navbar-static-top {
        border-radius: 0
    }
}

.navbar-brand {
    float: left;
    height: 50px;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px
}

.navbar-brand:hover,
.navbar-brand:focus {
    -webkit-text-decoration: none;
    text-decoration: none
}

.navbar-brand>img {
    display: block
}

@media only screen and (min-width: 768px) {

    .navbar>.container .navbar-brand,
    .navbar>.container-fluid .navbar-brand {
        margin-left: -15px
    }
}

.navbar-nav {
    margin: 7.5px -15px
}

.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px
}

@media only screen and (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: rgba(0, 0, 0, 0);
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .navbar-nav .open .dropdown-menu>li>a,
    .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px
    }

    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 20px
    }

    .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-nav .open .dropdown-menu>li>a:focus {
        background-image: none
    }
}

@media only screen and (min-width: 768px) {
    .navbar-nav {
        float: left;
        margin: 0
    }

    .navbar-nav>li {
        float: left
    }

    .navbar-nav>li>a {
        padding-top: 15px;
        padding-bottom: 15px
    }
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
    margin-bottom: 0;
    border-radius: 4px 4px 0 0
}

.navbar-btn {
    margin-top: 8px;
    margin-bottom: 8px
}

.navbar-btn.btn-sm {
    margin-top: 10px;
    margin-bottom: 10px
}

.navbar-text {
    margin-top: 15px;
    margin-bottom: 15px
}

@media only screen and (min-width: 768px) {
    .navbar-text {
        float: left;
        margin-right: 15px;
        margin-left: 15px
    }
}

@media only screen and (min-width: 768px) {
    .navbar-left {
        float: left !important
    }

    .navbar-right {
        float: right !important;
        margin-right: -15px
    }

    .navbar-right~.navbar-right {
        margin-right: 0
    }
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7
}

.navbar-default .navbar-brand {
    color: #777
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #5e5e5e;
    background-color: rgba(0, 0, 0, 0)
}

.navbar-default .navbar-text {
    color: #777
}

.navbar-default .navbar-nav>li>a {
    color: #777
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    color: #333;
    background-color: rgba(0, 0, 0, 0)
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #555;
    background-color: #e7e7e7
}

.navbar-default .navbar-nav>.disabled>a,
.navbar-default .navbar-nav>.disabled>a:hover,
.navbar-default .navbar-nav>.disabled>a:focus {
    color: #ccc;
    background-color: rgba(0, 0, 0, 0)
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    color: #555;
    background-color: #e7e7e7
}

@media only screen and (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #777
    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #333;
        background-color: rgba(0, 0, 0, 0)
    }

    .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
        color: #555;
        background-color: #e7e7e7
    }

    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus {
        color: #ccc;
        background-color: rgba(0, 0, 0, 0)
    }
}

.navbar-default .navbar-toggle {
    border-color: #ddd
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #ddd
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #888
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: #e7e7e7
}

.navbar-default .navbar-link {
    color: #777
}

.navbar-default .navbar-link:hover {
    color: #333
}

.navbar-default .btn-link {
    color: #777
}

.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
    color: #333
}

.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
    color: #ccc
}

.navbar-header {
    padding: 10px 0
}

#nav-menu .navbar-nav>li>a {
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s
}

.navbar,
.m0 {
    margin: 0;
    margin: initial;
    min-height: 2px
}

@media only screen and (min-width: 768px) {
    .navbar-header {
        float: left
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: #0472AA;
    background-color: var(--s-color-brand-primary);
    background-image: none;
    border: 1px solid #fff;
    border-radius: 4px
}

.navbar-toggle:focus {
    outline: 0
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    background-color: #fff;
    border-radius: 1px
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px
}

@media only screen and (min-width: 768px) {
    .navbar-toggle {
        display: none
    }
}

button.navbar-toggle[aria-expanded=true] {
    padding-left: 8px;
    padding-right: 2px;
    -webkit-transition: all .2s ease-in-out 0s;
    transition: all .2s ease-in-out 0s
}

button.navbar-toggle .icon-bar {
    width: 22px;
    -webkit-transition: all .2s ease-in-out 0s;
    transition: all .2s ease-in-out 0s
}

button.navbar-toggle[aria-expanded=true] .top-bar {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 10% 10%;
    -ms-transform-origin: 10% 10%;
    transform-origin: 10% 10%
}

button.navbar-toggle[aria-expanded=true] .middle-bar {
    opacity: 0
}

button.navbar-toggle[aria-expanded=true] .bottom-bar {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 10% 90%;
    -ms-transform-origin: 10% 90%;
    transform-origin: 10% 90%
}

@media print {
    body {
        background: #fff;
        font-size: 14px
    }

    header,
    nav {
        display: none
    }

    .container {
        width: 100%;
        margin: 0 0 0 10px;
        padding: 0;
        max-width: 100%
    }

    a {
        -webkit-text-decoration: none;
        text-decoration: none;
        font-weight: bold;
        color: #000
    }

    a:after {
        content: "[" attr(href) "]";
        font-weight: normal
    }

    #col-left {
        width: 33%
    }

    .comp-app {
        width: 66%
    }

    footer,
    footer.bg-clr--brand-dark {
        display: none !important
    }
}

@media print {
    .beeper-table {
        margin: 0 !important
    }
}

#brandprint {
    width: 200px
}

.print-header ul {
    margin: 10px 0 15px;
    float: left;
    width: 100%
}

.print-header ul li {
    float: left
}

.customMarkerHotel {
    border-radius: 2px;
    padding: 3px;
    width: auto;
    display: inline-block;
    color: #fff;
    text-shadow: 0 0 3px rgba(0, 0, 0, .8);
    position: relative;
    text-align: center;
    line-height: 12px
}

.customMarkerHotel small {
    display: block;
    font-size: 12px;
    opacity: .7
}

.customMarkerHotel .starrr {
    padding-top: 2px;
    margin-top: 2px;
    border-top: hsla(0, 0%, 100%, .1) 1px solid;
    font-size: 12px
}

.customMarkerHotel .starrr.tc-rating-icons .tc-ri-icon {
    color: #fff
}

.tc-rating-icons {
    position: relative;
    height: 15px;
    width: 75px;
    color: #000;
    display: inline-block
}

.tc-rating-icons .tc-ri-icon {
    line-height: 15px;
    width: 15px;
    display: block;
    float: left;
    text-align: center
}

.tc-rating-icons .tc-ri-icon-m {
    width: 8px;
    overflow: hidden
}

.tc-rating-icons .tc-ri-row {
    position: absolute;
    opacity: .2
}

.tc-rating-icons .tc-ri-row.tc-ri-rating {
    height: 15px;
    opacity: 1
}

.maplibregl-popup-content {
    padding: 0;
    border-radius: 6px;
    -webkit-box-shadow: 12px 15px 6px 0 rgba(0, 0, 0, .4);
    box-shadow: 12px 15px 6px 0 rgba(0, 0, 0, .4);
    background-color: rgba(0, 0, 0, .8)
}

body.rtl .maplibregl-canvas-container {
    direction: ltr !important
}

.map-page .maplibregl-popup-close-button {
    display: none
}

.map-marker {
    background: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/map-marker/map-marker.svg") no-repeat;
    background-size: 34px;
    height: 48px;
    width: 34px;
    content: "";
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    color: #393939;
    cursor: pointer
}

.map-marker span {
    content: "";
    background: none repeat scroll 0 0 hsla(0, 0%, 100%, .3);
    color: #fff;
    border-radius: 16px;
    display: inline-block;
    height: 26px;
    width: 26px;
    line-height: 1.4;
    margin-top: 4px;
    padding-left: 1px;
    text-align: center
}

.map-marker span.img {
    background: no-repeat center center hsla(0, 0%, 100%, .3);
    background-size: cover
}

.map-marker--small {
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom
}

.marker0,
.marker1,
.marker2,
.marker3,
.marker4,
.opened.map-marker {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/map-marker/map-marker0.svg")
}

.markerY {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/map-marker/map-markerY.svg")
}

.marker-green {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/map-marker/map-marker-green.svg")
}

.marker-blue {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/map-marker/map-markerO.svg")
}

.marker-destination {
    height: 30px;
    width: 21px;
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/map-marker/map-marker-destination.svg")
}

.marker-airport {
    height: 30px;
    width: 21px;
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/map-marker/map-marker-airport.svg")
}

.marker-secondary-airport {
    height: 30px;
    width: 21px;
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/map-marker/map-marker-secondary-airport-marker.svg")
}

.marker-other-destinations {
    height: 30px;
    width: 21px;
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/map-marker/map-marker-other-destination-marker.svg")
}

.marker-poi {
    height: 30px;
    width: 21px;
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/map-marker/map-marker-poi.svg")
}

.marker-restaurant {
    height: 40px;
    width: 21px
}

.marker-restaurant:before {
    font-family: "Font Awesome 7 Pro", sans-serif;
    color: #0472AA;
    color: var(--s-color-brand-primary);
    font-size: 30px;
    content: "" !important;
    font-weight: bold
}

.marker-restaurant.selected:before {
    color: #00527C;
    color: var(--s-color-brand-dark)
}

.map-marker.cluster {
    border-radius: 100px;
    width: 40px;
    height: 40px;
    background: none;
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s
}

.map-marker.cluster:hover {
    background-color: #c5c5c5 !important;
    border-color: rgba(0, 0, 0, 0);
    -webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, .35);
    box-shadow: 0 0 3px 3px rgba(0, 0, 0, .35)
}

.map-marker.cluster:hover span {
    background-color: hsla(0, 0%, 100%, .5);
    border: none;
    font-size: 0
}

.map-marker.cluster:hover span::after {
    content: "";
    font-family: "Font Awesome 7 Pro", sans-serif;
    font-weight: 900;
    font-size: 14px;
    line-height: 2em;
    color: #999
}

.map-marker.cluster span {
    width: 30px !important;
    height: 30px !important;
    margin-top: 5px;
    font-size: 14px;
    line-height: 2;
    background: #c5c5c5;
    text-align: center !important
}

.markers {
    margin: 0 !important
}

.marker-cluster-small,
.marker-cluster-medium,
.marker-cluster-large {
    background-color: rgba(181, 226, 140, .6)
}

.marker-cluster-small div,
.marker-cluster-medium div,
.marker-cluster-large div {
    background-color: rgba(110, 204, 57, .6)
}

.marker-hotel-xs {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/map-marker/map-markerHOTELxs.svg");
    background-size: inherit;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .4);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .4);
    height: 16px;
    width: 16px
}

img.marker-hotel-xs {
    background-image: none
}

.marker-hotel {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/map-marker/map-markerHOTEL.svg")
}

.marker-hotel-png {
    background-image: none
}

.marker-apartment-xs {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/map-marker/map-markerAPARTMENTxs.svg");
    background-size: 16px;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .4);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .4);
    height: 16px;
    width: 16px
}

img.marker-apartment-xs {
    background-image: none
}

.marker-apartment {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/map-marker/map-markerAPARTMENT.svg")
}

.marker-apartment-png {
    background-image: none
}

.marker-golf-xs {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/map-marker/map-markerGOLFxs.svg");
    background-size: 16px;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .4);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .4);
    height: 16px;
    width: 16px
}

img.marker-golf-xs {
    background-image: none
}

.marker-sm-container {
    margin-top: 0
}

.map-marker-sm {
    font-size: 12px;
    color: #fff;
    position: relative;
    -webkit-transition: all .17s ease-in-out 0s;
    transition: all .17s ease-in-out 0s
}

.map-marker-sm i {
    top: 0;
    right: 1px;
    position: absolute;
    cursor: pointer;
    font-size: 10px;
    color: #08c;
    -webkit-transition: all .2s ease-in-out 0s;
    transition: all .2s ease-in-out 0s
}

.map-marker-sm:hover {
    color: #000;
    font-size: 14px
}

.map-marker-sm:hover i {
    cursor: pointer;
    font-size: 12px;
    top: .2em;
    left: 2px
}

.map-marker-sm.xs {
    font-size: 10px;
    color: rgba(0, 0, 0, 0)
}

.map-marker-sm.xs i {
    font-size: 7px;
    line-height: 9px;
    text-shadow: 0 0 5px rgba(0, 0, 0, .5)
}

.map-marker i.ico-opening {
    display: none
}

.map-marker.opening i.ico-opening {
    display: inline-block
}

.zoom-visible .map-marker-sm {
    display: none
}

.zoom-visible .map-marker {
    display: block
}

.zoom-hidden .map-marker {
    display: none
}

.mapboxgl-ctrl-geocoder--input:focus {
    outline: thin dotted !important
}

#infowindowform {
    width: 250px
}

.info-enmapa {
    border-radius: 6px;
    background: hsla(0, 0%, 100%, .8);
    width: 250px;
    overflow-y: auto;
    height: auto
}

.info-enmapa .iem-item {
    overflow: auto
}

.info-enmapa .img-info-mapa .img-info-mapa__image {
    height: 150px;
    width: 100%;
    text-align: center;
    margin: auto
}

.info-enmapa .caption-mapa {
    color: #fff;
    padding: 4px;
    bottom: 0;
    left: 0;
    position: absolute;
    background: rgba(0, 0, 0, .7);
    width: 235px;
    font-size: 14px;
    font-weight: 300;
    margin: 0 7px 5px 7px;
    border-radius: 5px
}

.info-enmapa .num-ciudad {
    display: block;
    float: left;
    width: 30px;
    text-align: center;
    font-size: 24px
}

.info-enmapa .caption-mapa .title {
    float: left;
    max-width: 140px;
    padding-top: 3px;
    line-height: 15px;
    font-size: 16px;
    font-weight: 400;
    width: 100%
}

.info-enmapa .caption-mapa .title small {
    color: hsla(0, 0%, 100%, .8);
    font-size: 10px
}

.info-enmapa .iem-item.img-info-mapa {
    position: relative;
    max-height: 150px;
    border-radius: 6px 6px 0 0;
    overflow: hidden !important
}

.info-enmapa .iem-item.opciones-ciudad {
    background-color: #fff;
    padding: 0 8px
}

.iem-item.opciones-ciudad:last-child {
    padding-bottom: 5px
}

.info-enmapa .caption-mapa .infoModalButton {
    background-color: rgba(0, 0, 0, .2);
    border: 1px solid #e3e3e3;
    margin-top: 0;
    max-width: 50px;
    padding: 4px;
    width: 100%;
    color: #e3e3e3;
    font-size: 12px
}

.info-enmapa .caption-mapa .infoModalButton:hover {
    background-color: hsla(0, 0%, 100%, .8) !important;
    color: #4e4e4e;
    border-color: #fff
}

.info-enmapa .caption-mapa .infoModalButton i {
    display: block
}

.info-enmapa .select-anadir {
    background: #5cb0de url(get-path-image("select-arrowFFF")) no-repeat 90% center !important
}

.img-info-mapa:hover .caption-mapa {
    background-color: rgba(0, 0, 0, 0)
}

.img-info-mapa:hover .caption-mapa .title,
.img-info-mapa:hover .caption-mapa .title small {
    color: rgba(0, 0, 0, 0) !important
}

.img-info-mapa:hover .caption-mapa .num-ciudad {
    color: rgba(0, 0, 0, 0) !important;
    opacity: 0
}

.img-info-mapa:hover .caption-mapa .infoModalButton {
    background-color: rgba(0, 0, 0, .8)
}

.img-info-mapa .caption-mapa,
.img-info-mapa .caption-mapa .num-ciudad,
.img-info-mapa .caption-mapa .title,
.img-info-mapa .caption-mapa .title small {
    -webkit-transition: all .7s ease-in-out 0s;
    transition: all .7s ease-in-out 0s
}

.img-info-mapa .close-button {
    top: 5px;
    right: 5px;
    position: absolute;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    text-shadow: 0 2px 4px #000;
    -webkit-transition: all .2s ease-in-out 0s;
    transition: all .2s ease-in-out 0s
}

.img-info-mapa .close-button:hover {
    top: 0;
    right: 0;
    text-shadow: 0 3px 5px #000;
    background-color: rgba(0, 0, 0, .5);
    padding: 5px;
    border-radius: 0 0 0 4px
}

#composeModal .c-modal__wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media only screen and (min-width: 1800px) {
    #composeModal .c-modal__wrapper {
        padding-top: 120px
    }
}

#composeModal .c-modal__header {
    font-size: 20px
}

#composeModal .sb-main {
    padding: 0
}

#composeModal .sb-main__user {
    margin: 0 0 5px;
    padding: 0 10px
}

#composeModal .sb-main__box {
    padding: 0
}

.btn-help:hover {
    background: #fe2e9a !important
}

.popover {
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    line-height: 1.42857143;
    line-break: auto;
    text-align: left;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    font-size: 14px;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2)
}

.popover.top {
    margin-top: -10px
}

.popover.right {
    margin-left: 10px
}

.popover.bottom {
    margin-top: 10px
}

.popover.left {
    margin-left: -10px
}

.popover>.arrow {
    border-width: 11px
}

.popover>.arrow,
.popover>.arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: rgba(0, 0, 0, 0);
    border-style: solid
}

.popover>.arrow:after {
    content: "";
    border-width: 10px
}

.popover.top>.arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0
}

.popover.top>.arrow:after {
    bottom: 1px;
    margin-left: -10px;
    content: " ";
    border-top-color: #fff;
    border-bottom-width: 0
}

.popover.right>.arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0
}

.popover.right>.arrow:after {
    bottom: -10px;
    left: 1px;
    content: " ";
    border-right-color: #fff;
    border-left-width: 0
}

.popover.bottom>.arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-width: 0
}

.popover.bottom>.arrow:after {
    top: 1px;
    margin-left: -10px;
    content: " ";
    border-top-width: 0;
    border-bottom-color: #fff
}

.popover.left>.arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0
}

.popover.left>.arrow:after {
    right: 1px;
    bottom: -10px;
    content: " ";
    border-right-width: 0;
    border-left-color: #fff
}

.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0
}

.popover-content {
    padding: 9px 14px
}

.tc-bt-showhelp:hover,
.tc-bt-showhelp:active,
.tc-bt-showhelp.active {
    background: #fe2e9a
}

.pp-help {
    border: none;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .8;
    width: auto
}

.pp-help .popover-content {
    background: #fe2e9a !important;
    padding: 7px 10px;
    color: #fff;
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, .2)
}

.pp-help.left .popover-content {
    margin-top: -5px
}

.pp-help.right .popover-content {
    margin-top: -5px
}

.pp-help .arrow {
    border-width: 8px
}

.pp-help .arrow:after {
    display: none
}

.pp-help.top .arrow {
    border-top-color: #fe2e9a !important;
    bottom: -6px;
    margin-left: -7px
}

.pp-help.bottom .arrow {
    border-bottom-color: #fe2e9a !important;
    top: -6px;
    margin-left: -7px
}

.pp-help.left .arrow {
    border-left-color: #fe2e9a !important;
    right: -6px
}

.pp-help.right .arrow {
    border-right-color: #fe2e9a !important;
    left: -6px
}

.overlay-pp-help {
    top: 0;
    bottom: 0;
    width: 100%
}

.popover.custom-link {
    max-width: 350px;
    bottom: 40px;
    right: 40px;
    display: inline;
    top: auto;
    left: auto
}

.popover.custom-link .popover-content {
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s
}

.popover.custom-link .popover-content>i {
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
    display: block;
    text-align: center;
    margin: 0 auto;
    font-size: 20px
}

a.popover-link:hover .popover.custom-link .popover-content {
    background-color: #861851 !important
}

a.popover-link:hover .popover.custom-link .popover-content>i::before {
    content: ""
}

.popover-alt {
    position: relative;
    display: inline-block
}

.popover-alt .popover-alt-text {
    position: absolute;
    bottom: 125%;
    left: 50%;
    width: 130px;
    visibility: hidden;
    background-color: #fff;
    color: #000;
    color: initial;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    margin-left: -60px;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    -webkit-box-shadow: 1px 4px 6px #707070 !important;
    box-shadow: 1px 4px 6px #707070 !important
}

.popover-alt .popover-alt-text::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
}

.popover-alt:hover .popover-alt-text {
    visibility: visible;
    opacity: 1
}

.form-control {
    display: block;
    width: 100%;
    min-height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s
}

.form-control.ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container {
    padding: .3rem 0
}

.form-control:focus {
    border-color: #0472AA;
    border-color: var(--s-color-brand-primary);
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.form-control::-moz-placeholder {
    color: #999;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #999
}

.form-control::-webkit-input-placeholder {
    color: #999
}

.form-control::-ms-expand {
    background-color: rgba(0, 0, 0, 0);
    border: 0
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #f6f6f6;
    opacity: 1
}

.form-control[disabled],
fieldset[disabled] .form-control {
    cursor: not-allowed
}

textarea.form-control {
    height: auto
}

@-webkit-keyframes bs-notify-fadeOut {
    0% {
        opacity: .9
    }

    100% {
        opacity: 0
    }
}

@keyframes bs-notify-fadeOut {
    0% {
        opacity: .9
    }

    100% {
        opacity: 0
    }
}

select.bs-select-hidden,
.bootstrap-select>select.bs-select-hidden,
select.selectpicker {
    display: none !important
}

.bootstrap-select {
    width: 220px \0;
    vertical-align: middle
}

.bootstrap-select>.dropdown-toggle {
    position: relative;
    width: 100%;
    text-align: right;
    white-space: nowrap;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.bootstrap-select>.dropdown-toggle:after {
    margin-top: -1px
}

.bootstrap-select>.dropdown-toggle.bs-placeholder,
.bootstrap-select>.dropdown-toggle.bs-placeholder:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder:active {
    color: #999
}

.bootstrap-select>select {
    position: absolute !important;
    bottom: 0;
    display: block !important;
    width: .5px !important;
    height: 100% !important;
    padding: 0 !important;
    opacity: 0 !important;
    border: none;
    z-index: 0 !important
}

.bootstrap-select>select.mobile-device {
    top: 0;
    left: 0;
    display: block !important;
    width: 100% !important;
    z-index: 2 !important
}

.has-error .bootstrap-select .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle,
.bootstrap-select.is-invalid .dropdown-toggle,
.was-validated .bootstrap-select select:invalid+.dropdown-toggle {
    border-color: #b94a48
}

.bootstrap-select.is-valid .dropdown-toggle,
.was-validated .bootstrap-select select:valid+.dropdown-toggle {
    border-color: #28a745
}

.bootstrap-select.fit-width {
    width: auto !important
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 220px
}

.bootstrap-select.form-control {
    margin-bottom: 0;
    padding: 0;
    border: none;
    height: auto
}

:not(.input-group)>.bootstrap-select.form-control:not([class*=col-]) {
    width: 100%
}

.bootstrap-select.form-control.input-group-btn {
    float: none;
    z-index: auto
}

.bootstrap-select:not(.input-group-btn),
.bootstrap-select[class*=col-] {
    float: none;
    display: inline-block;
    margin-left: 0
}

.bootstrap-select.dropdown-menu-right,
.bootstrap-select[class*=col-].dropdown-menu-right,
.row .bootstrap-select[class*=col-].dropdown-menu-right {
    float: right
}

.form-group .bootstrap-select {
    margin-bottom: 0
}

.form-group-lg .bootstrap-select.form-control,
.form-group-sm .bootstrap-select.form-control {
    padding: 0
}

.form-group-lg .bootstrap-select.form-control .dropdown-toggle,
.form-group-sm .bootstrap-select.form-control .dropdown-toggle {
    height: 100%;
    font-size: inherit;
    line-height: inherit;
    border-radius: inherit
}

.bootstrap-select.form-control-sm .dropdown-toggle,
.bootstrap-select.form-control-lg .dropdown-toggle {
    font-size: inherit;
    line-height: inherit;
    border-radius: inherit
}

.bootstrap-select.form-control-sm .dropdown-toggle {
    padding: .25rem .5rem
}

.bootstrap-select.form-control-lg .dropdown-toggle {
    padding: .5rem 1rem
}

.bootstrap-select.disabled,
.bootstrap-select>.disabled {
    cursor: not-allowed
}

.bootstrap-select.bs-container {
    position: absolute;
    top: 0;
    left: 0;
    height: 0 !important;
    padding: 0 !important
}

.bootstrap-select.bs-container .dropdown-menu {
    z-index: 1060
}

.bootstrap-select .dropdown-toggle .filter-option {
    position: static;
    top: 0;
    left: 0;
    float: left;
    height: 100%;
    width: 100%;
    text-align: left;
    overflow: hidden;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    padding-right: 20px
}

.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option {
    position: absolute;
    padding-top: inherit;
    padding-bottom: inherit;
    padding-left: inherit;
    float: none
}

.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner {
    padding-right: inherit
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    overflow: hidden
}

.bootstrap-select .dropdown-toggle .filter-expand {
    width: 0 !important;
    float: left;
    opacity: 0 !important;
    overflow: hidden
}

.bootstrap-select .dropdown-toggle .caret {
    position: absolute;
    top: 50%;
    right: 12px;
    width: auto;
    height: auto;
    margin-top: -9px;
    vertical-align: middle;
    border: none;
    font-family: "Font Awesome 7 Pro", sans-serif
}

.bootstrap-select .dropdown-toggle .caret:before {
    content: ""
}

.input-group .bootstrap-select.form-control .dropdown-toggle {
    border-radius: inherit
}

.bootstrap-select[class*=col-] .dropdown-toggle {
    width: 100%
}

.bootstrap-select .dropdown-menu {
    min-width: 100%;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.bootstrap-select .dropdown-menu.inner {
    position: static;
    float: none;
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.bootstrap-select .dropdown-menu li {
    position: relative
}

.bootstrap-select .dropdown-menu li.active small {
    color: hsla(0, 0%, 100%, .5) !important
}

.bootstrap-select .dropdown-menu li.disabled a {
    cursor: not-allowed
}

.bootstrap-select .dropdown-menu li a {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.bootstrap-select .dropdown-menu li a.opt {
    position: relative;
    padding-left: 2.25em
}

.bootstrap-select .dropdown-menu li a span.check-mark {
    display: none
}

.bootstrap-select .dropdown-menu li a span.text {
    display: inline-block
}

.bootstrap-select .dropdown-menu li small {
    padding-left: .5em
}

.bootstrap-select .dropdown-menu .notify {
    position: absolute;
    bottom: 5px;
    width: 96%;
    margin: 0 2%;
    min-height: 26px;
    padding: 3px 5px;
    background: #f5f5f5;
    border: 1px solid #e3e3e3;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    pointer-events: none;
    opacity: .9;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.bootstrap-select .dropdown-menu .notify.fadeOut {
    -webkit-animation: 300ms linear 750ms forwards bs-notify-fadeOut;
    animation: 300ms linear 750ms forwards bs-notify-fadeOut
}

.bootstrap-select .no-results {
    padding: 3px;
    background: #f5f5f5;
    margin: 0 5px;
    white-space: nowrap
}

.bootstrap-select.fit-width .dropdown-toggle .filter-option {
    position: static;
    display: inline;
    padding: 0
}

.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner,
.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner {
    display: inline
}

.bootstrap-select.fit-width .dropdown-toggle .bs-caret:before {
    content: "Â "
}

.bootstrap-select.fit-width .dropdown-toggle .caret {
    position: static;
    top: auto;
    margin-top: -1px
}

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    position: absolute;
    display: inline-block;
    right: 15px;
    top: 5px
}

.bootstrap-select.show-tick .dropdown-menu li a span.text {
    margin-right: 34px
}

.bootstrap-select .bs-ok-default:after {
    content: "";
    display: block;
    width: .5em;
    height: 1em;
    border-style: solid;
    border-width: 0 .26em .26em 0;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle,
.bootstrap-select.show-menu-arrow.show>.dropdown-toggle {
    z-index: 1061
}

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before {
    content: "";
    border-left: 7px solid rgba(0, 0, 0, 0);
    border-right: 7px solid rgba(0, 0, 0, 0);
    border-bottom: 7px solid hsla(0, 0%, 80%, .2);
    position: absolute;
    bottom: -4px;
    left: 9px;
    display: none
}

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after {
    content: "";
    border-left: 6px solid rgba(0, 0, 0, 0);
    border-right: 6px solid rgba(0, 0, 0, 0);
    border-bottom: 6px solid #fff;
    position: absolute;
    bottom: -4px;
    left: 10px;
    display: none
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before {
    bottom: auto;
    top: -4px;
    border-top: 7px solid hsla(0, 0%, 80%, .2);
    border-bottom: 0
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after {
    bottom: auto;
    top: -4px;
    border-top: 6px solid #fff;
    border-bottom: 0
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:before,
.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:before,
.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:after,
.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:after {
    display: block
}

.bs-searchbox,
.bs-actionsbox,
.bs-donebutton {
    padding: 4px 8px
}

.bs-actionsbox {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.bs-actionsbox .btn-group button {
    width: 50%
}

.bs-donebutton {
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.bs-donebutton .btn-group button {
    width: 100%
}

.bs-searchbox+.bs-actionsbox {
    padding: 0 8px 4px
}

.bs-searchbox .form-control {
    margin-bottom: 0;
    width: 100%;
    float: none
}

.fancybox-image {
    border-radius: 8px
}

.fancybox-thumbs {
    display: inherit;
    top: auto;
    width: auto;
    bottom: 0;
    left: 0;
    right: 0;
    height: 95px;
    padding: 10px 10px 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: rgba(0, 0, 0, .3)
}

.fancybox-show-thumbs .fancybox-inner {
    right: 0;
    bottom: 95px
}

.fancybox-toolbar {
    opacity: 1;
    visibility: visible
}

.fancybox-thumbs__list a:before {
    border-color: #fff
}

.wpwl-form {
    margin: 0 auto;
    max-width: 700px
}

@media only screen and (max-width: 767px) {
    .unicre-multibanco .wpwl-form {
        text-align: center
    }
}

.wpwl-label {
    font-weight: 700
}

.wpwl-control-brand,
[name="card.number"],
[name="card.cvv"],
.wpwl-control-expiry,
.wpwl-control-cardHolder,
.wpwl-control-email,
.wpwl-wrapper-billing .wpwl-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    padding: 0 20px;
    font-size: 16px;
    height: 50px;
    background: none
}

.wpwl-control-brand {
    height: 50px
}

.wpwl-wrapper-brand {
    padding: 0;
    margin-right: 20px
}

.wpwl-button-pay {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    background-color: #6dc151;
    border-color: #6dc151;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    border-radius: 4px;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    font-weight: 400;
    height: 50px;
    min-width: 250px;
    font-size: 16px
}

@media only screen and (max-width: 767px) {
    .wpwl-button-pay {
        width: 100%
    }
}

.wpwl-brand-card {
    position: absolute;
    right: 0;
    width: 70px
}

@media only screen and (max-width: 767px) {
    .wpwl-brand-card {
        display: none
    }
}

@media only screen and (max-width: 767px) {

    .wpwl-label-brand,
    .wpwl-wrapper-brand {
        float: none;
        padding: 0;
        margin-right: 0
    }
}

@media only screen and (max-width: 767px) {

    .wpwl-label-email,
    .wpwl-wrapper-email {
        display: block !important
    }
}

.wpwl-sup-wrapper-country:after,
.wpwl-wrapper-brand:after,
.wpwl-wrapper-cardNumber:after,
.wpwl-wrapper-expiry:after,
.wpwl-wrapper-cardHolder:after {
    display: block;
    position: absolute;
    z-index: 3;
    top: 50%;
    right: 15px;
    font-weight: 100;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 16px
}

.wpwl-sup-wrapper-country {
    position: relative
}

.wpwl-sup-wrapper-country:after,
.wpwl-wrapper-brand:after {
    content: "";
    font-size: 20px
}

.wpwl-wrapper-cardNumber:after {
    content: ""
}

.wpwl-wrapper-expiry:after {
    content: ""
}

.wpwl-wrapper-cardHolder:after {
    content: ""
}

.wpwl-container-prepayment-SIBS_MULTIBANCO {
    text-align: right;
    margin-bottom: 20px
}

.wpwl-container-prepayment-SIBS_MULTIBANCO .wpwl-button-brand {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 5px 16px
}

.wpwl-container-virtualAccount-MBWAY .wpwl-group-brand {
    margin-bottom: 20px;
    margin-top: -20px
}

.wpwl-container-virtualAccount-MBWAY .wpwl-label {
    text-align: left
}

.wpwl-container-virtualAccount-MBWAY .wpwl-form {
    max-width: 100%;
    padding: 20px 20px 10px
}

.wpwl-container-virtualAccount-MBWAY .wpwl-group-customerEmail+.wpwl-label {
    width: 100%;
    text-align: center;
    margin-bottom: 10px
}

.cupos-datepicker {
    width: 100%
}

.cupos-datepicker .ui-datepicker .ui-datepicker-group:nth-child(2) .ui-datepicker-title {
    padding: 6px
}

@media only screen and (min-width: 1200px) {
    .cupos-datepicker {
        width: 730px;
        min-width: 730px
    }
}

.c-seats-trenitalia svg {
    width: 320px;
    height: auto
}

.c-seats-trenitalia .wc {
    fill: #ddd
}

.c-seats-trenitalia .sedile {
    cursor: pointer;
    fill: #a2a2a2
}

.c-seats-trenitalia .tavolo {
    fill: #ddd
}

.c-seats-trenitalia .testo {
    font-size: 10px;
    fill: #8f8f8f
}

.c-seats-trenitalia .treno,
.c-seats-trenitalia .corridoio {
    fill: #fff
}

.c-seats-trenitalia--available {
    fill: #e2fff8 !important
}

.c-seats-trenitalia--chosen {
    fill: #a7da96 !important
}

.c-seats-trenitalia--chosen .testo {
    font-weight: 700;
    fill: #fff
}

.c-seats-trenitalia--selected {
    fill: #6dc151 !important
}

.c-seats-trenitalia--selected .testo {
    font-weight: 700;
    fill: #fff
}

.closed-tour-details--in-box {
    padding: 20px;
    border-radius: 4px;
    border: 1px solid #e3e3e3
}

.closed-tour-details__operator {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.closed-tour-details__operator-img {
    max-width: 100px;
    max-height: 100px;
    margin-top: -15px;
    background-color: #fff;
    display: inline-block;
    padding-left: 10px
}

.closed-tour-details dt {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: #e3e3e3 1px solid;
    color: #4e4e4e
}

.closed-tour-details dd {
    margin-bottom: 15px;
    word-break: break-word
}

.closed-tour-details dd strong {
    border-bottom: 1px solid #e3e3e3;
    display: block;
    position: relative
}

.closed-tour-details dd span {
    display: block;
    font-weight: normal;
    margin-top: 10px
}

.closed-tour-details dd br {
    display: none
}

.closed-tour-details__hotels__destination__title {
    display: block;
    padding: 5px 0;
    color: #393939
}

.closed-tour-details__hotels__title {
    color: #393939
}

.closed-tour-details__hotels__wrapper-img {
    width: 80px;
    height: 80px;
    min-width: 80px;
    max-width: 80px
}

.remove-closedtour-styles table,
.remove-closedtour-styles div,
.remove-closedtour-styles span,
.remove-closedtour-styles tr,
.remove-closedtour-styles td,
.remove-closedtour-styles thead,
.remove-closedtour-styles tbody,
.remove-closedtour-styles h1,
.remove-closedtour-styles h2,
.remove-closedtour-styles h3,
.remove-closedtour-styles h4,
.remove-closedtour-styles h5,
.remove-closedtour-styles h6,
.remove-closedtour-styles p,
.remove-closedtour-styles b {
    font-family: inherit !important;
    background-color: rgba(0, 0, 0, 0) !important;
    margin: 0 !important;
    color: #393939 !important
}

.remove-closedtour-styles h1,
.remove-closedtour-styles h1 span,
.remove-closedtour-styles h2,
.remove-closedtour-styles h2 span {
    font-size: 16px !important;
    line-height: 25px !important
}

.remove-closedtour-styles .notations {
    display: none !important
}

.remove-closedtour-styles p,
.remove-closedtour-styles p.body,
.remove-closedtour-styles h1,
.remove-closedtour-styles h2 {
    margin-bottom: 10px !important
}

.remove-closedtour-styles br {
    display: none !important
}

.remove-closedtour-styles a:not([class]) {
    font-weight: bold;
    color: #0472AA;
    color: var(--s-color-brand-primary)
}

.remove-closedtour-styles a:not([class]):hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.two-step-validation .check-icon {
    opacity: 0;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.two-step-validation .option-active .check-icon {
    opacity: 1
}

.two-step-validation .option-way {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.two-step-validation .option-active {
    background-color: rgba(var(--s-color-brand-primary-rgb), 0.08);
    border-color: var(--s-color-brand-primary-rgb)
}

.two-step-validation .option-way:hover {
    background-color: rgba(var(--s-color-brand-primary-rgb), 0.08);
    border-color: var(--s-color-brand-primary-rgb)
}

.two-step-validation .wrap-animation {
    height: 100px;
    padding: 10px 0
}

.two-step-validation .input-code-number {
    height: 40px;
    width: 40px
}

@media only screen and (min-width: 768px) {
    .two-step-validation .input-code-number {
        height: 65px;
        width: 57px
    }
}

.two-step-validation .input-code-number-login {
    height: 40px;
    width: 40px
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.fade-animation {
    -webkit-animation: fadeIn .5 ease-in-out;
    animation: fadeIn .5 ease-in-out
}

.map-page .header-personalizado,
.map-page .c-header {
    padding: 0 15px
}

.header-personalizado .navbar-container,
.c-header .navbar-container {
    margin: 0 auto;
    max-width: 1200px
}

.header-personalizado .navbar-nav a,
.c-header .navbar-nav a {
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s
}

.navbar-header h2.nombre-agencia {
    margin: 10px 0
}

.navbar-header .nombre-agencia {
    text-align: right
}

.navbar-collapse .box-agencia {
    text-align: right
}

img.logo-agencia {
    margin: 7px;
    max-height: 100px;
    max-width: 220px
}

@media only screen and (min-width: 992px) {
    img.logo-agencia {
        max-width: 250px
    }
}

ul.nav.navbar-nav img.logo-agencia {
    display: none
}

.ms-brand>.ms-name,
.ms-brand>h1 {
    font-size: 0;
    margin: 0
}

.ms-brand h1 span {
    font-size: 0
}

.img-brand {
    max-height: 100px;
    max-width: 150px
}

.map-page .img-brand {
    max-height: 40px;
    max-width: 270px
}

.header-personalizado .box-agencia,
.c-header .box-agencia {
    display: none
}

@media only screen and (max-width: 767px) {

    .header-personalizado .ms-brand,
    .c-header .ms-brand {
        display: inline-block
    }
}

@media only screen and (max-width: 767px) {
    .navbar-collapse h2.nombre-agencia {
        text-align: left
    }
}

.terms__content {
    white-space: pre-wrap;
    line-height: 1.42;
    padding: 20px;
    border: 1px solid #e3e3e3;
    border-radius: 4px
}

.terms__content pre {
    white-space: pre-wrap;
    word-break: normal
}

.terms__content a {
    -webkit-text-decoration: underline !important;
    text-decoration: underline !important;
    color: #06c !important
}

.terms__content a:hover {
    -webkit-text-decoration: underline !important;
    text-decoration: underline !important;
    color: #000 !important;
    color: initial !important
}

.terms__content h1 {
    font-weight: 400
}

.terms__content .ql-indent-1 {
    padding-left: 4.5em
}

.terms__content .ql-indent-2 {
    padding-left: 7.5em
}

.terms__content .ql-indent-3 {
    padding-left: 10.5em
}

.terms__content .ql-indent-4 {
    padding-left: 13.5em
}

.terms__content .ql-indent-5 {
    padding-left: 16.5em
}

.terms__content .ql-indent-6 {
    padding-left: 19.5em
}

.terms__content p,
.terms__content ol,
.terms__content ul,
.terms__content pre,
.terms__content blockquote,
.terms__content h1,
.terms__content h2,
.terms__content h3,
.terms__content h4,
.terms__content h5,
.terms__content h6 {
    margin: 0;
    padding: 0;
    counter-reset: L-1 L-2 L-3 L-4 L-5 L-6
}

.terms__content ol,
.terms__content ul {
    padding-left: 1.5em
}

.terms__content ol>li,
.terms__content ul>li {
    list-style-type: none
}

.terms__content ul>li::before {
    content: "•"
}

.terms__content ul[data-checked=true],
.terms__content ul[data-checked=false] {
    pointer-events: none
}

.terms__content ul[data-checked=true]>li::before,
.terms__content ul[data-checked=false]>li::before {
    color: #707070;
    cursor: pointer;
    pointer-events: all
}

.terms__content ul[data-checked=true]>li::before {
    content: "☑"
}

.terms__content ul[data-checked=false]>li::before {
    content: "☐"
}

.terms__content li::before {
    display: inline-block;
    margin-right: .3em;
    text-align: right;
    white-space: nowrap;
    width: 1.2em
}

.terms__content li:not(.ql-direction-rtl)::before {
    margin-left: -1.5em
}

.terms__content ol li,
.terms__content ul li {
    padding-left: 1.5em
}

.terms__content ol li {
    counter-reset: L-1 L-2 L-3 L-4 L-5 L-6;
    counter-increment: L-num
}

.terms__content ol li:before {
    content: counter(L-num, decimal) ". "
}

.terms__content ol li.ql-indent-1 {
    counter-increment: L-1;
    counter-reset: L-2 L-3 L-4 L-5 L-6
}

.terms__content ol li.ql-indent-1:before {
    content: counter(L-1, lower-alpha) ". "
}

.terms__content ol li.ql-indent-2 {
    counter-increment: L-2;
    counter-reset: L-3 L-4 L-5 L-6
}

.terms__content ol li.ql-indent-2:before {
    content: counter(L-2, lower-roman) ". "
}

.terms__content ol li.ql-indent-3 {
    counter-increment: L-3;
    counter-reset: L-4 L-5 L-6
}

.terms__content ol li.ql-indent-3:before {
    content: counter(L-3, decimal) ". "
}

.terms__content ol li.ql-indent-4 {
    counter-increment: L-4;
    counter-reset: L-5 L-6
}

.terms__content ol li.ql-indent-4:before {
    content: counter(L-4, lower-alpha) ". "
}

.terms__content ol li.ql-indent-5 {
    counter-increment: L-5;
    counter-reset: L-6
}

.terms__content ol li.ql-indent-5:before {
    content: counter(L-5, lower-roman) ". "
}

.terms__content ol li.ql-indent-6 {
    counter-increment: L-6
}

.terms__content ol li.ql-indent-6:before {
    content: counter(L-6, decimal) ". "
}

.box-insurances .pay-by-services-in-progress {
    height: 100%;
    width: 30px;
    background: repeating-linear-gradient(45deg, #2c57a6, #2c57a6 10px, #003b95 10px, #003b95 20px);
    position: absolute;
    left: 0;
    top: 0;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px
}

.box-insurances__panel-toggle {
    background-color: rgb(calc(229.5 + 163 * 0.1), calc(229.5 + 163 * 0.1), calc(229.5 + 164 * 0.1));
    background-color: rgb(calc(229.5 + var(--s-color-brand-primary-red, 163) * 0.1), calc(229.5 + var(--s-color-brand-primary-green, 163) * 0.1), calc(229.5 + var(--s-color-brand-primary-blue, 164) * 0.1));
    border-radius: 8px
}

.box-insurances__panel-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    gap: 10px;
    padding: 20px
}

@media only screen and (min-width: 600px) {
    .box-insurances__panel-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap
    }
}

.box-insurances__panel-division {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%
}

.box-insurances__panel-division--add {
    padding-left: 40px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}

@media only screen and (min-width: 600px) {
    .box-insurances__panel-division--add {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding-left: 0
    }
}

.box-insurances__simbol {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.box-insurances__simbol i {
    padding-top: 5px;
    color: #0472AA;
    color: var(--s-color-brand-primary);
    font-size: 36px
}

.box-insurances__description {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap
}

.box-insurances__title {
    margin: 0 10px;
    padding: 0;
    color: #0472AA;
    color: var(--s-color-brand-primary);
    font-weight: 700;
    line-height: 1.25
}

@media only screen and (min-width: 600px) {
    .box-insurances__title {
        white-space: nowrap
    }
}

.box-insurances__price {
    white-space: nowrap
}

.box-insurances__message {
    margin: 0 10px;
    line-height: 1.25
}

.box-insurances__brand {
    width: 100%;
    max-width: 100px;
    max-height: 50px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: 50% 50%;
    object-position: 50% 50%
}

.box-insurances__content {
    background-color: #fff;
    margin-top: 10px
}

.box-insurances__row {
    padding: 10px;
    color: #393939 !important;
    margin-top: 5px;
    border: 1px solid #e3e3e3;
    border-radius: 8px
}

@media only screen and (min-width: 768px) {
    .box-insurances__row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-flow: nowrap;
        flex-flow: nowrap;
        gap: 10px
    }
}

.box-insurances__row--required {
    background-color: #f7f7f7;
    border-color: #a2a2a2 !important
}

.box-insurances__price-text {
    font-size: 20px;
    font-weight: 700
}

.box-insurances__header {
    display: none;
    min-height: 35px;
    position: relative;
    background-color: #f7f7f7;
    border-radius: 4px;
    border: none;
    font-weight: 500
}

@media only screen and (min-width: 768px) {
    .box-insurances__header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.box-insurances__column {
    font-size: 12px;
    line-height: 1.25
}

@media only screen and (max-width: 767px) {
    .box-insurances__column {
        padding-left: 100px
    }

    .box-insurances__column:not(:last-child):not(.box-insurances__column--brand):not(.box-insurances__column--header) {
        margin-bottom: 10px
    }
}

.box-insurances__column--brand {
    padding: 0
}

.box-insurances__column--brand img {
    width: 95px;
    max-height: 50px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: 50% 50%;
    object-position: 50% 50%
}

@media only screen and (min-width: 768px) {
    .box-insurances__column--button {
        text-align: right
    }
}

@media only screen and (min-width: 992px) {
    .box-insurances__column--button {
        padding-right: 10px
    }
}

.box-insurances__list--collapsed .box-insurances__list-element:not(.not-collapsed) {
    display: none !important
}

.c-mogu-banner {
    overflow: hidden;
    width: 100%;
    height: auto;
    margin-bottom: 50px;
    background-image: url("https://tr2storage.blob.core.windows.net/image-storage/mogu-bg-web.png");
    background-color: #100d7b;
    background-position: center;
    border-radius: 5px;
    padding: 50px
}

@media only screen and (min-width: 1200px) {
    .c-mogu-banner {
        padding: 20px;
        background-position: left center
    }
}

.c-mogu-banner__isologo {
    width: 120px
}

.c-mogu-banner__isotipo {
    width: 125px
}

.c-mogu-banner__line {
    width: 1px;
    height: 125px
}

@media only screen and (min-width: 1200px) {
    .c-mogu-banner__title {
        width: 300px
    }
}

.c-mogu-banner__by {
    margin-top: 5px;
    margin-bottom: 0;
    color: #fff;
    font-size: 10px;
    line-height: 1.2
}

.c-mogu-banner__download-text {
    font-size: 16px;
    margin: 0 0 10px 0;
    line-height: 1;
    color: #fff
}

@media only screen and (min-width: 1200px) {
    .c-mogu-banner__download-text {
        font-size: 12px
    }
}

.c-mogu-banner__qr {
    width: 150px
}

@media only screen and (min-width: 1200px) {
    .c-mogu-banner__qr {
        width: 130px
    }
}

.dev-literals .sb-tabs__container.swiper-initialized .sb-tabs__text {
    white-space: normal;
    line-break: anywhere
}

.dev-literals .choose-rooms {
    line-break: anywhere;
    white-space: normal
}

@media only screen and (max-width: 991px) {
    [class*=globalClass] [class*=button_] {
        width: 50px;
        height: 50px
    }
}

@media only screen and (max-width: 991px) {
    [class*=globalClass] [class*=_orientationLeft] {
        left: auto;
        left: initial;
        right: 20px;
        bottom: 0
    }
}

.amo-button-holder {
    z-index: 9 !important
}

.c-closedtourpro-hotels strong {
    display: block;
    font-size: 14px;
    padding-bottom: 10px;
    color: #0472AA;
    color: var(--s-color-brand-primary)
}

.c-closedtourpro-hotels ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px
}

.c-closedtourpro-hotels ul:not(:last-child) {
    margin-bottom: 30px
}

.c-closedtourpro-hotels ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    border: 1px solid #e3e3e3;
    border-radius: 8px;
    padding: 15px
}

@media only screen and (min-width: 600px) {
    .c-closedtourpro-hotels ul li {
        width: calc(50% - 20px)
    }
}

@media only screen and (min-width: 992px) {
    .c-closedtourpro-hotels ul li {
        width: calc(33.33% - 20px)
    }
}

.c-closedtourpro-hotels ul li span {
    display: block;
    font-size: 16px;
    line-height: 1.1
}

.o-container {
    max-width: 1200px;
    padding-right: 20px;
    padding-left: 20px;
    margin-right: auto;
    margin-left: auto
}

.o-container:after {
    content: "" !important;
    display: block !important;
    clear: both !important
}

@media only screen and (min-width: 400px) {
    .o-container--gutter-bigger {
        padding-right: 40px;
        padding-left: 40px
    }
}

.map-page .o-container {
    max-width: 100%
}

.o-container--fit {
    padding: 0
}

@media only screen and (max-width: 1199px) {
    .o-container--fit\@max-lg {
        padding: 0
    }
}

.o-container--null {
    max-width: none;
    max-width: initial
}

.o-container--small {
    max-width: 900px
}

.o-container--large {
    max-width: 1440px
}

.o-container--huge {
    max-width: 1800px
}

.o-container--full {
    max-width: 100%
}

.o-section--top-none {
    padding-top: 0
}

.o-section--none {
    padding-top: 0;
    padding-bottom: 0
}

.o-section--top-small {
    padding-top: 10px
}

.o-section--small {
    padding-top: 10px;
    padding-bottom: 10px
}

.o-section--top-middle {
    padding-top: 15px
}

.o-section--middle {
    padding-top: 15px;
    padding-bottom: 15px
}

.o-section--top-default {
    padding-top: 20px
}

.o-section--default {
    padding-top: 20px;
    padding-bottom: 20px
}

.o-section--top-big {
    padding-top: 30px
}

.o-section--big {
    padding-top: 30px;
    padding-bottom: 30px
}

.o-section--top-bigger {
    padding-top: 40px
}

.o-section--bigger {
    padding-top: 40px;
    padding-bottom: 40px
}

.o-section--top-huge {
    padding-top: 60px
}

.o-section--huge {
    padding-top: 60px;
    padding-bottom: 60px
}

.o-section--top-giant {
    padding-top: 80px
}

.o-section--giant {
    padding-top: 80px;
    padding-bottom: 80px
}

@media only screen and (min-width: 600px) {
    .o-section--top-none\@xs {
        padding-top: 0
    }

    .o-section--none\@xs {
        padding-top: 0;
        padding-bottom: 0
    }

    .o-section--top-small\@xs {
        padding-top: 10px
    }

    .o-section--small\@xs {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .o-section--top-middle\@xs {
        padding-top: 15px
    }

    .o-section--middle\@xs {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .o-section--top-default\@xs {
        padding-top: 20px
    }

    .o-section--default\@xs {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .o-section--top-big\@xs {
        padding-top: 30px
    }

    .o-section--big\@xs {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .o-section--top-bigger\@xs {
        padding-top: 40px
    }

    .o-section--bigger\@xs {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .o-section--top-huge\@xs {
        padding-top: 60px
    }

    .o-section--huge\@xs {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .o-section--top-giant\@xs {
        padding-top: 80px
    }

    .o-section--giant\@xs {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

@media only screen and (min-width: 768px) {
    .o-section--top-none\@sm {
        padding-top: 0
    }

    .o-section--none\@sm {
        padding-top: 0;
        padding-bottom: 0
    }

    .o-section--top-small\@sm {
        padding-top: 10px
    }

    .o-section--small\@sm {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .o-section--top-middle\@sm {
        padding-top: 15px
    }

    .o-section--middle\@sm {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .o-section--top-default\@sm {
        padding-top: 20px
    }

    .o-section--default\@sm {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .o-section--top-big\@sm {
        padding-top: 30px
    }

    .o-section--big\@sm {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .o-section--top-bigger\@sm {
        padding-top: 40px
    }

    .o-section--bigger\@sm {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .o-section--top-huge\@sm {
        padding-top: 60px
    }

    .o-section--huge\@sm {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .o-section--top-giant\@sm {
        padding-top: 80px
    }

    .o-section--giant\@sm {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

@media only screen and (min-width: 992px) {
    .o-section--top-none\@md {
        padding-top: 0
    }

    .o-section--none\@md {
        padding-top: 0;
        padding-bottom: 0
    }

    .o-section--top-small\@md {
        padding-top: 10px
    }

    .o-section--small\@md {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .o-section--top-middle\@md {
        padding-top: 15px
    }

    .o-section--middle\@md {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .o-section--top-default\@md {
        padding-top: 20px
    }

    .o-section--default\@md {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .o-section--top-big\@md {
        padding-top: 30px
    }

    .o-section--big\@md {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .o-section--top-bigger\@md {
        padding-top: 40px
    }

    .o-section--bigger\@md {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .o-section--top-huge\@md {
        padding-top: 60px
    }

    .o-section--huge\@md {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .o-section--top-giant\@md {
        padding-top: 80px
    }

    .o-section--giant\@md {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

@media only screen and (min-width: 1200px) {
    .o-section--top-none\@lg {
        padding-top: 0
    }

    .o-section--none\@lg {
        padding-top: 0;
        padding-bottom: 0
    }

    .o-section--top-small\@lg {
        padding-top: 10px
    }

    .o-section--small\@lg {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .o-section--top-middle\@lg {
        padding-top: 15px
    }

    .o-section--middle\@lg {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .o-section--top-default\@lg {
        padding-top: 20px
    }

    .o-section--default\@lg {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .o-section--top-big\@lg {
        padding-top: 30px
    }

    .o-section--big\@lg {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .o-section--top-bigger\@lg {
        padding-top: 40px
    }

    .o-section--bigger\@lg {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .o-section--top-huge\@lg {
        padding-top: 60px
    }

    .o-section--huge\@lg {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .o-section--top-giant\@lg {
        padding-top: 80px
    }

    .o-section--giant\@lg {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

@media only screen and (min-width: 1500px) {
    .o-section--top-none\@xl {
        padding-top: 0
    }

    .o-section--none\@xl {
        padding-top: 0;
        padding-bottom: 0
    }

    .o-section--top-small\@xl {
        padding-top: 10px
    }

    .o-section--small\@xl {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .o-section--top-middle\@xl {
        padding-top: 15px
    }

    .o-section--middle\@xl {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .o-section--top-default\@xl {
        padding-top: 20px
    }

    .o-section--default\@xl {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .o-section--top-big\@xl {
        padding-top: 30px
    }

    .o-section--big\@xl {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .o-section--top-bigger\@xl {
        padding-top: 40px
    }

    .o-section--bigger\@xl {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .o-section--top-huge\@xl {
        padding-top: 60px
    }

    .o-section--huge\@xl {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .o-section--top-giant\@xl {
        padding-top: 80px
    }

    .o-section--giant\@xl {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

@media only screen and (min-width: 1800px) {
    .o-section--top-none\@xxl {
        padding-top: 0
    }

    .o-section--none\@xxl {
        padding-top: 0;
        padding-bottom: 0
    }

    .o-section--top-small\@xxl {
        padding-top: 10px
    }

    .o-section--small\@xxl {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .o-section--top-middle\@xxl {
        padding-top: 15px
    }

    .o-section--middle\@xxl {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .o-section--top-default\@xxl {
        padding-top: 20px
    }

    .o-section--default\@xxl {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .o-section--top-big\@xxl {
        padding-top: 30px
    }

    .o-section--big\@xxl {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .o-section--top-bigger\@xxl {
        padding-top: 40px
    }

    .o-section--bigger\@xxl {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .o-section--top-huge\@xxl {
        padding-top: 60px
    }

    .o-section--huge\@xxl {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .o-section--top-giant\@xxl {
        padding-top: 80px
    }

    .o-section--giant\@xxl {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

.o-group>*:not(:last-child) {
    margin-left: 0;
    margin-right: 3px
}

body.rtl .o-group>*:not(:last-child) {
    margin-right: 0;
    margin-left: 3px
}

.o-group--reverse-margin>*:not(:first-child) {
    margin-right: 0;
    margin-left: 3px
}

body.rtl .o-group--reverse-margin>*:not(:first-child) {
    margin-left: 0;
    margin-right: 3px
}

.o-group--tiny>*:not(:last-child) {
    margin-left: 0;
    margin-right: 5px
}

body.rtl .o-group--tiny>*:not(:last-child) {
    margin-right: 0;
    margin-left: 5px
}

.o-group--tiny--reverse-margin>*:not(:first-child) {
    margin-right: 0;
    margin-left: 5px
}

body.rtl .o-group--tiny--reverse-margin>*:not(:first-child) {
    margin-left: 0;
    margin-right: 5px
}

.o-group--small>*:not(:last-child) {
    margin-left: 0;
    margin-right: 10px
}

body.rtl .o-group--small>*:not(:last-child) {
    margin-right: 0;
    margin-left: 10px
}

.o-group--small--reverse-margin>*:not(:first-child) {
    margin-right: 0;
    margin-left: 10px
}

body.rtl .o-group--small--reverse-margin>*:not(:first-child) {
    margin-left: 0;
    margin-right: 10px
}

.o-group--middle>*:not(:last-child) {
    margin-left: 0;
    margin-right: 15px
}

body.rtl .o-group--middle>*:not(:last-child) {
    margin-right: 0;
    margin-left: 15px
}

.o-group--middle--reverse-margin>*:not(:first-child) {
    margin-right: 0;
    margin-left: 15px
}

body.rtl .o-group--middle--reverse-margin>*:not(:first-child) {
    margin-left: 0;
    margin-right: 15px
}

.o-group--default>*:not(:last-child) {
    margin-left: 0;
    margin-right: 20px
}

body.rtl .o-group--default>*:not(:last-child) {
    margin-right: 0;
    margin-left: 20px
}

.o-group--default--reverse-margin>*:not(:first-child) {
    margin-right: 0;
    margin-left: 20px
}

body.rtl .o-group--default--reverse-margin>*:not(:first-child) {
    margin-left: 0;
    margin-right: 20px
}

.o-group--big>*:not(:last-child) {
    margin-left: 0;
    margin-right: 30px
}

body.rtl .o-group--big>*:not(:last-child) {
    margin-right: 0;
    margin-left: 30px
}

.o-group--big--reverse-margin>*:not(:first-child) {
    margin-right: 0;
    margin-left: 30px
}

body.rtl .o-group--big--reverse-margin>*:not(:first-child) {
    margin-left: 0;
    margin-right: 30px
}

.o-group--bigger>*:not(:last-child) {
    margin-left: 0;
    margin-right: 40px
}

body.rtl .o-group--bigger>*:not(:last-child) {
    margin-right: 0;
    margin-left: 40px
}

.o-group--bigger--reverse-margin>*:not(:first-child) {
    margin-right: 0;
    margin-left: 40px
}

body.rtl .o-group--bigger--reverse-margin>*:not(:first-child) {
    margin-left: 0;
    margin-right: 40px
}

.o-group--huge>*:not(:last-child) {
    margin-left: 0;
    margin-right: 60px
}

body.rtl .o-group--huge>*:not(:last-child) {
    margin-right: 0;
    margin-left: 60px
}

.o-group--huge--reverse-margin>*:not(:first-child) {
    margin-right: 0;
    margin-left: 60px
}

body.rtl .o-group--huge--reverse-margin>*:not(:first-child) {
    margin-left: 0;
    margin-right: 60px
}

.o-group--giant>*:not(:last-child) {
    margin-left: 0;
    margin-right: 80px
}

body.rtl .o-group--giant>*:not(:last-child) {
    margin-right: 0;
    margin-left: 80px
}

.o-group--giant--reverse-margin>*:not(:first-child) {
    margin-right: 0;
    margin-left: 80px
}

body.rtl .o-group--giant--reverse-margin>*:not(:first-child) {
    margin-left: 0;
    margin-right: 80px
}

.o-box {
    display: block;
    padding: 20px
}

.o-box--none {
    padding: 0
}

.o-box--tiny {
    padding: 5px
}

.o-box--small {
    padding: 10px
}

.o-box--middle {
    padding: 15px
}

.o-box--default {
    padding: 20px
}

.o-box--big {
    padding: 30px
}

.o-box--bigger {
    padding: 40px
}

.o-box--huge {
    padding: 60px
}

.o-box--giant {
    padding: 80px
}

.o-box--none--horizontal {
    padding-left: 0;
    padding-right: 0
}

.o-box--tiny--horizontal {
    padding-left: 5px;
    padding-right: 5px
}

.o-box--small--horizontal {
    padding-left: 10px;
    padding-right: 10px
}

.o-box--middle--horizontal {
    padding-left: 15px;
    padding-right: 15px
}

.o-box--default--horizontal {
    padding-left: 20px;
    padding-right: 20px
}

.o-box--big--horizontal {
    padding-left: 30px;
    padding-right: 30px
}

.o-box--bigger--horizontal {
    padding-left: 40px;
    padding-right: 40px
}

.o-box--huge--horizontal {
    padding-left: 60px;
    padding-right: 60px
}

.o-box--giant--horizontal {
    padding-left: 80px;
    padding-right: 80px
}

.o-box--none--vertical {
    padding-top: 0;
    padding-bottom: 0
}

.o-box--tiny--vertical {
    padding-top: 5px;
    padding-bottom: 5px
}

.o-box--small--vertical {
    padding-top: 10px;
    padding-bottom: 10px
}

.o-box--middle--vertical {
    padding-top: 15px;
    padding-bottom: 15px
}

.o-box--default--vertical {
    padding-top: 20px;
    padding-bottom: 20px
}

.o-box--big--vertical {
    padding-top: 30px;
    padding-bottom: 30px
}

.o-box--bigger--vertical {
    padding-top: 40px;
    padding-bottom: 40px
}

.o-box--huge--vertical {
    padding-top: 60px;
    padding-bottom: 60px
}

.o-box--giant--vertical {
    padding-top: 80px;
    padding-bottom: 80px
}

.o-block {
    display: block
}

.o-block>.o-block__item {
    margin-bottom: 20px;
    display: block
}

.o-block>.o-block__item.o-layout__item {
    display: inline-block
}

.o-block>.o-block__item:last-child {
    margin-bottom: 0
}

.o-block--none>.o-block__item {
    margin-bottom: 0
}

.o-block--tiny>.o-block__item {
    margin-bottom: 5px
}

.o-block--small>.o-block__item {
    margin-bottom: 10px
}

.o-block--middle>.o-block__item {
    margin-bottom: 15px
}

.o-block--default>.o-block__item {
    margin-bottom: 20px
}

.o-block--big>.o-block__item {
    margin-bottom: 30px
}

.o-block--bigger>.o-block__item {
    margin-bottom: 40px
}

.o-block--huge>.o-block__item {
    margin-bottom: 60px
}

.o-block--giant>.o-block__item {
    margin-bottom: 80px
}

@media only screen and (min-width: 600px) {
    .o-block--none\@xs>.o-block__item {
        margin-bottom: 0
    }
}

@media only screen and (min-width: 600px) {
    .o-block--tiny\@xs>.o-block__item {
        margin-bottom: 5px
    }
}

@media only screen and (min-width: 600px) {
    .o-block--small\@xs>.o-block__item {
        margin-bottom: 10px
    }
}

@media only screen and (min-width: 600px) {
    .o-block--middle\@xs>.o-block__item {
        margin-bottom: 15px
    }
}

@media only screen and (min-width: 600px) {
    .o-block--default\@xs>.o-block__item {
        margin-bottom: 20px
    }
}

@media only screen and (min-width: 600px) {
    .o-block--big\@xs>.o-block__item {
        margin-bottom: 30px
    }
}

@media only screen and (min-width: 600px) {
    .o-block--bigger\@xs>.o-block__item {
        margin-bottom: 40px
    }
}

@media only screen and (min-width: 600px) {
    .o-block--huge\@xs>.o-block__item {
        margin-bottom: 60px
    }
}

@media only screen and (min-width: 600px) {
    .o-block--giant\@xs>.o-block__item {
        margin-bottom: 80px
    }
}

@media only screen and (min-width: 768px) {
    .o-block--none\@sm>.o-block__item {
        margin-bottom: 0
    }
}

@media only screen and (min-width: 768px) {
    .o-block--tiny\@sm>.o-block__item {
        margin-bottom: 5px
    }
}

@media only screen and (min-width: 768px) {
    .o-block--small\@sm>.o-block__item {
        margin-bottom: 10px
    }
}

@media only screen and (min-width: 768px) {
    .o-block--middle\@sm>.o-block__item {
        margin-bottom: 15px
    }
}

@media only screen and (min-width: 768px) {
    .o-block--default\@sm>.o-block__item {
        margin-bottom: 20px
    }
}

@media only screen and (min-width: 768px) {
    .o-block--big\@sm>.o-block__item {
        margin-bottom: 30px
    }
}

@media only screen and (min-width: 768px) {
    .o-block--bigger\@sm>.o-block__item {
        margin-bottom: 40px
    }
}

@media only screen and (min-width: 768px) {
    .o-block--huge\@sm>.o-block__item {
        margin-bottom: 60px
    }
}

@media only screen and (min-width: 768px) {
    .o-block--giant\@sm>.o-block__item {
        margin-bottom: 80px
    }
}

@media only screen and (min-width: 992px) {
    .o-block--none\@md>.o-block__item {
        margin-bottom: 0
    }
}

@media only screen and (min-width: 992px) {
    .o-block--tiny\@md>.o-block__item {
        margin-bottom: 5px
    }
}

@media only screen and (min-width: 992px) {
    .o-block--small\@md>.o-block__item {
        margin-bottom: 10px
    }
}

@media only screen and (min-width: 992px) {
    .o-block--middle\@md>.o-block__item {
        margin-bottom: 15px
    }
}

@media only screen and (min-width: 992px) {
    .o-block--default\@md>.o-block__item {
        margin-bottom: 20px
    }
}

@media only screen and (min-width: 992px) {
    .o-block--big\@md>.o-block__item {
        margin-bottom: 30px
    }
}

@media only screen and (min-width: 992px) {
    .o-block--bigger\@md>.o-block__item {
        margin-bottom: 40px
    }
}

@media only screen and (min-width: 992px) {
    .o-block--huge\@md>.o-block__item {
        margin-bottom: 60px
    }
}

@media only screen and (min-width: 992px) {
    .o-block--giant\@md>.o-block__item {
        margin-bottom: 80px
    }
}

@media only screen and (min-width: 1200px) {
    .o-block--none\@lg>.o-block__item {
        margin-bottom: 0
    }
}

@media only screen and (min-width: 1200px) {
    .o-block--tiny\@lg>.o-block__item {
        margin-bottom: 5px
    }
}

@media only screen and (min-width: 1200px) {
    .o-block--small\@lg>.o-block__item {
        margin-bottom: 10px
    }
}

@media only screen and (min-width: 1200px) {
    .o-block--middle\@lg>.o-block__item {
        margin-bottom: 15px
    }
}

@media only screen and (min-width: 1200px) {
    .o-block--default\@lg>.o-block__item {
        margin-bottom: 20px
    }
}

@media only screen and (min-width: 1200px) {
    .o-block--big\@lg>.o-block__item {
        margin-bottom: 30px
    }
}

@media only screen and (min-width: 1200px) {
    .o-block--bigger\@lg>.o-block__item {
        margin-bottom: 40px
    }
}

@media only screen and (min-width: 1200px) {
    .o-block--huge\@lg>.o-block__item {
        margin-bottom: 60px
    }
}

@media only screen and (min-width: 1200px) {
    .o-block--giant\@lg>.o-block__item {
        margin-bottom: 80px
    }
}

@media only screen and (min-width: 1500px) {
    .o-block--none\@xl>.o-block__item {
        margin-bottom: 0
    }
}

@media only screen and (min-width: 1500px) {
    .o-block--tiny\@xl>.o-block__item {
        margin-bottom: 5px
    }
}

@media only screen and (min-width: 1500px) {
    .o-block--small\@xl>.o-block__item {
        margin-bottom: 10px
    }
}

@media only screen and (min-width: 1500px) {
    .o-block--middle\@xl>.o-block__item {
        margin-bottom: 15px
    }
}

@media only screen and (min-width: 1500px) {
    .o-block--default\@xl>.o-block__item {
        margin-bottom: 20px
    }
}

@media only screen and (min-width: 1500px) {
    .o-block--big\@xl>.o-block__item {
        margin-bottom: 30px
    }
}

@media only screen and (min-width: 1500px) {
    .o-block--bigger\@xl>.o-block__item {
        margin-bottom: 40px
    }
}

@media only screen and (min-width: 1500px) {
    .o-block--huge\@xl>.o-block__item {
        margin-bottom: 60px
    }
}

@media only screen and (min-width: 1500px) {
    .o-block--giant\@xl>.o-block__item {
        margin-bottom: 80px
    }
}

@media only screen and (min-width: 1800px) {
    .o-block--none\@xxl>.o-block__item {
        margin-bottom: 0
    }
}

@media only screen and (min-width: 1800px) {
    .o-block--tiny\@xxl>.o-block__item {
        margin-bottom: 5px
    }
}

@media only screen and (min-width: 1800px) {
    .o-block--small\@xxl>.o-block__item {
        margin-bottom: 10px
    }
}

@media only screen and (min-width: 1800px) {
    .o-block--middle\@xxl>.o-block__item {
        margin-bottom: 15px
    }
}

@media only screen and (min-width: 1800px) {
    .o-block--default\@xxl>.o-block__item {
        margin-bottom: 20px
    }
}

@media only screen and (min-width: 1800px) {
    .o-block--big\@xxl>.o-block__item {
        margin-bottom: 30px
    }
}

@media only screen and (min-width: 1800px) {
    .o-block--bigger\@xxl>.o-block__item {
        margin-bottom: 40px
    }
}

@media only screen and (min-width: 1800px) {
    .o-block--huge\@xxl>.o-block__item {
        margin-bottom: 60px
    }
}

@media only screen and (min-width: 1800px) {
    .o-block--giant\@xxl>.o-block__item {
        margin-bottom: 80px
    }
}

.o-table {
    width: 100%
}

.o-table th,
.o-table td,
.o-table .o-table__col {
    padding: 10px
}

@media only screen and (min-width: 768px) {

    .o-table th,
    .o-table td,
    .o-table .o-table__col {
        padding: 15px 20px
    }
}

.o-layout {
    display: block;
    list-style: none
}

.o-layout__item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.o-layout__item:empty:not(input):not(select):not(button):not(a):not(img):not(i) {
    display: none
}

.o-layout--fix {
    font-size: 0
}

.o-layout--fix>.o-layout__item {
    font-size: 14px
}

.o-layout--gutter-tiny {
    margin-left: -5px
}

body.rtl .o-layout--gutter-tiny {
    margin-left: 0;
    margin-right: -5px
}

.o-layout--gutter-tiny>.o-layout__item {
    padding-left: 5px
}

body.rtl .o-layout--gutter-tiny>.o-layout__item {
    padding-right: 5px
}

body.rtl .o-layout--gutter-tiny>.o-layout__item:not([class*=o-box]) {
    padding-left: 0
}

.o-layout--gutter-small {
    margin-left: -10px
}

body.rtl .o-layout--gutter-small {
    margin-left: 0;
    margin-right: -10px
}

.o-layout--gutter-small>.o-layout__item {
    padding-left: 10px
}

body.rtl .o-layout--gutter-small>.o-layout__item {
    padding-right: 10px
}

body.rtl .o-layout--gutter-small>.o-layout__item:not([class*=o-box]) {
    padding-left: 0
}

.o-layout--gutter-middle {
    margin-left: -15px
}

body.rtl .o-layout--gutter-middle {
    margin-left: 0;
    margin-right: -15px
}

.o-layout--gutter-middle>.o-layout__item {
    padding-left: 15px
}

body.rtl .o-layout--gutter-middle>.o-layout__item {
    padding-right: 15px
}

body.rtl .o-layout--gutter-middle>.o-layout__item:not([class*=o-box]) {
    padding-left: 0
}

.o-layout--gutter-default {
    margin-left: -20px
}

body.rtl .o-layout--gutter-default {
    margin-left: 0;
    margin-right: -20px
}

.o-layout--gutter-default>.o-layout__item {
    padding-left: 20px
}

body.rtl .o-layout--gutter-default>.o-layout__item {
    padding-right: 20px
}

body.rtl .o-layout--gutter-default>.o-layout__item:not([class*=o-box]) {
    padding-left: 0
}

.o-layout--gutter-big {
    margin-left: -30px
}

body.rtl .o-layout--gutter-big {
    margin-left: 0;
    margin-right: -30px
}

.o-layout--gutter-big>.o-layout__item {
    padding-left: 30px
}

body.rtl .o-layout--gutter-big>.o-layout__item {
    padding-right: 30px
}

body.rtl .o-layout--gutter-big>.o-layout__item:not([class*=o-box]) {
    padding-left: 0
}

.o-layout--gutter-bigger {
    margin-left: -40px
}

body.rtl .o-layout--gutter-bigger {
    margin-left: 0;
    margin-right: -40px
}

.o-layout--gutter-bigger>.o-layout__item {
    padding-left: 40px
}

body.rtl .o-layout--gutter-bigger>.o-layout__item {
    padding-right: 40px
}

body.rtl .o-layout--gutter-bigger>.o-layout__item:not([class*=o-box]) {
    padding-left: 0
}

.o-layout--gutter-huge {
    margin-left: -60px
}

body.rtl .o-layout--gutter-huge {
    margin-left: 0;
    margin-right: -60px
}

.o-layout--gutter-huge>.o-layout__item {
    padding-left: 60px
}

body.rtl .o-layout--gutter-huge>.o-layout__item {
    padding-right: 60px
}

body.rtl .o-layout--gutter-huge>.o-layout__item:not([class*=o-box]) {
    padding-left: 0
}

.o-layout--gutter-giant {
    margin-left: -80px
}

body.rtl .o-layout--gutter-giant {
    margin-left: 0;
    margin-right: -80px
}

.o-layout--gutter-giant>.o-layout__item {
    padding-left: 80px
}

body.rtl .o-layout--gutter-giant>.o-layout__item {
    padding-right: 80px
}

body.rtl .o-layout--gutter-giant>.o-layout__item:not([class*=o-box]) {
    padding-left: 0
}

@media only screen and (min-width: 600px) {
    .o-layout--gutter-tiny\@xs {
        margin-left: -5px
    }

    body.rtl .o-layout--gutter-tiny\@xs {
        margin-left: 0;
        margin-right: -5px
    }

    .o-layout--gutter-tiny\@xs>.o-layout__item {
        padding-left: 5px
    }

    body.rtl .o-layout--gutter-tiny\@xs>.o-layout__item {
        padding-right: 5px
    }

    body.rtl .o-layout--gutter-tiny\@xs>.o-layout__item:not([class*=o-box]) {
        padding-left: 0
    }

    .o-layout--gutter-small\@xs {
        margin-left: -10px
    }

    body.rtl .o-layout--gutter-small\@xs {
        margin-left: 0;
        margin-right: -10px
    }

    .o-layout--gutter-small\@xs>.o-layout__item {
        padding-left: 10px
    }

    body.rtl .o-layout--gutter-small\@xs>.o-layout__item {
        padding-right: 10px
    }

    body.rtl .o-layout--gutter-small\@xs>.o-layout__item:not([class*=o-box]) {
        padding-left: 0
    }

    .o-layout--gutter-middle\@xs {
        margin-left: -15px
    }

    body.rtl .o-layout--gutter-middle\@xs {
        margin-left: 0;
        margin-right: -15px
    }

    .o-layout--gutter-middle\@xs>.o-layout__item {
        padding-left: 15px
    }

    body.rtl .o-layout--gutter-middle\@xs>.o-layout__item {
        padding-right: 15px
    }

    body.rtl .o-layout--gutter-middle\@xs>.o-layout__item:not([class*=o-box]) {
        padding-left: 0
    }

    .o-layout--gutter-default\@xs {
        margin-left: -20px
    }

    body.rtl .o-layout--gutter-default\@xs {
        margin-left: 0;
        margin-right: -20px
    }

    .o-layout--gutter-default\@xs>.o-layout__item {
        padding-left: 20px
    }

    body.rtl .o-layout--gutter-default\@xs>.o-layout__item {
        padding-right: 20px
    }

    body.rtl .o-layout--gutter-default\@xs>.o-layout__item:not([class*=o-box]) {
        padding-left: 0
    }

    .o-layout--gutter-big\@xs {
        margin-left: -30px
    }

    body.rtl .o-layout--gutter-big\@xs {
        margin-left: 0;
        margin-right: -30px
    }

    .o-layout--gutter-big\@xs>.o-layout__item {
        padding-left: 30px
    }

    body.rtl .o-layout--gutter-big\@xs>.o-layout__item {
        padding-right: 30px
    }

    body.rtl .o-layout--gutter-big\@xs>.o-layout__item:not([class*=o-box]) {
        padding-left: 0
    }

    .o-layout--gutter-bigger\@xs {
        margin-left: -40px
    }

    body.rtl .o-layout--gutter-bigger\@xs {
        margin-left: 0;
        margin-right: -40px
    }

    .o-layout--gutter-bigger\@xs>.o-layout__item {
        padding-left: 40px
    }

    body.rtl .o-layout--gutter-bigger\@xs>.o-layout__item {
        padding-right: 40px
    }

    body.rtl .o-layout--gutter-bigger\@xs>.o-layout__item:not([class*=o-box]) {
        padding-left: 0
    }

    .o-layout--gutter-huge\@xs {
        margin-left: -60px
    }

    body.rtl .o-layout--gutter-huge\@xs {
        margin-left: 0;
        margin-right: -60px
    }

    .o-layout--gutter-huge\@xs>.o-layout__item {
        padding-left: 60px
    }

    body.rtl .o-layout--gutter-huge\@xs>.o-layout__item {
        padding-right: 60px
    }

    body.rtl .o-layout--gutter-huge\@xs>.o-layout__item:not([class*=o-box]) {
        padding-left: 0
    }

    .o-layout--gutter-giant\@xs {
        margin-left: -80px
    }

    body.rtl .o-layout--gutter-giant\@xs {
        margin-left: 0;
        margin-right: -80px
    }

    .o-layout--gutter-giant\@xs>.o-layout__item {
        padding-left: 80px
    }

    body.rtl .o-layout--gutter-giant\@xs>.o-layout__item {
        padding-right: 80px
    }

    body.rtl .o-layout--gutter-giant\@xs>.o-layout__item:not([class*=o-box]) {
        padding-left: 0
    }
}

@media only screen and (min-width: 768px) {
    .o-layout--gutter-tiny\@sm {
        margin-left: -5px
    }

    body.rtl .o-layout--gutter-tiny\@sm {
        margin-left: 0;
        margin-right: -5px
    }

    .o-layout--gutter-tiny\@sm>.o-layout__item {
        padding-left: 5px
    }

    body.rtl .o-layout--gutter-tiny\@sm>.o-layout__item {
        padding-right: 5px
    }

    body.rtl .o-layout--gutter-tiny\@sm>.o-layout__item:not([class*=o-box]) {
        padding-left: 0
    }

    .o-layout--gutter-small\@sm {
        margin-left: -10px
    }

    body.rtl .o-layout--gutter-small\@sm {
        margin-left: 0;
        margin-right: -10px
    }

    .o-layout--gutter-small\@sm>.o-layout__item {
        padding-left: 10px
    }

    body.rtl .o-layout--gutter-small\@sm>.o-layout__item {
        padding-right: 10px
    }

    body.rtl .o-layout--gutter-small\@sm>.o-layout__item:not([class*=o-box]) {
        padding-left: 0
    }

    .o-layout--gutter-middle\@sm {
        margin-left: -15px
    }

    body.rtl .o-layout--gutter-middle\@sm {
        margin-left: 0;
        margin-right: -15px
    }

    .o-layout--gutter-middle\@sm>.o-layout__item {
        padding-left: 15px
    }

    body.rtl .o-layout--gutter-middle\@sm>.o-layout__item {
        padding-right: 15px
    }

    body.rtl .o-layout--gutter-middle\@sm>.o-layout__item:not([class*=o-box]) {
        padding-left: 0
    }

    .o-layout--gutter-default\@sm {
        margin-left: -20px
    }

    body.rtl .o-layout--gutter-default\@sm {
        margin-left: 0;
        margin-right: -20px
    }

    .o-layout--gutter-default\@sm>.o-layout__item {
        padding-left: 20px
    }

    body.rtl .o-layout--gutter-default\@sm>.o-layout__item {
        padding-right: 20px
    }

    body.rtl .o-layout--gutter-default\@sm>.o-layout__item:not([class*=o-box]) {
        padding-left: 0
    }

    .o-layout--gutter-big\@sm {
        margin-left: -30px
    }

    body.rtl .o-layout--gutter-big\@sm {
        margin-left: 0;
        margin-right: -30px
    }

    .o-layout--gutter-big\@sm>.o-layout__item {
        padding-left: 30px
    }

    body.rtl .o-layout--gutter-big\@sm>.o-layout__item {
        padding-right: 30px
    }

    body.rtl .o-layout--gutter-big\@sm>.o-layout__item:not([class*=o-box]) {
        padding-left: 0
    }

    .o-layout--gutter-bigger\@sm {
        margin-left: -40px
    }

    body.rtl .o-layout--gutter-bigger\@sm {
        margin-left: 0;
        margin-right: -40px
    }

    .o-layout--gutter-bigger\@sm>.o-layout__item {
        padding-left: 40px
    }

    body.rtl .o-layout--gutter-bigger\@sm>.o-layout__item {
        padding-right: 40px
    }

    body.rtl .o-layout--gutter-bigger\@sm>.o-layout__item:not([class*=o-box]) {
        padding-left: 0
    }

    .o-layout--gutter-huge\@sm {
        margin-left: -60px
    }

    body.rtl .o-layout--gutter-huge\@sm {
        margin-left: 0;
        margin-right: -60px
    }

    .o-layout--gutter-huge\@sm>.o-layout__item {
        padding-left: 60px
    }

    body.rtl .o-layout--gutter-huge\@sm>.o-layout__item {
        padding-right: 60px
    }

    body.rtl .o-layout--gutter-huge\@sm>.o-layout__item:not([class*=o-box]) {
        padding-left: 0
    }

    .o-layout--gutter-giant\@sm {
        margin-left: -80px
    }

    body.rtl .o-layout--gutter-giant\@sm {
        margin-left: 0;
        margin-right: -80px
    }

    .o-layout--gutter-giant\@sm>.o-layout__item {
        padding-left: 80px
    }

    body.rtl .o-layout--gutter-giant\@sm>.o-layout__item {
        padding-right: 80px
    }

    body.rtl .o-layout--gutter-giant\@sm>.o-layout__item:not([class*=o-box]) {
        padding-left: 0
    }
}

@media only screen and (min-width: 992px) {
    .o-layout--gutter-tiny\@md {
        margin-left: -5px
    }

    body.rtl .o-layout--gutter-tiny\@md {
        margin-left: 0;
        margin-right: -5px
    }

    .o-layout--gutter-tiny\@md>.o-layout__item {
        padding-left: 5px
    }

    body.rtl .o-layout--gutter-tiny\@md>.o-layout__item {
        padding-right: 5px
    }

    body.rtl .o-layout--gutter-tiny\@md>.o-layout__item:not([class*=o-box]) {
        padding-left: 0
    }

    .o-layout--gutter-small\@md {
        margin-left: -10px
    }

    body.rtl .o-layout--gutter-small\@md {
        margin-left: 0;
        margin-right: -10px
    }

    .o-layout--gutter-small\@md>.o-layout__item {
        padding-left: 10px
    }

    body.rtl .o-layout--gutter-small\@md>.o-layout__item {
        padding-right: 10px
    }

    body.rtl .o-layout--gutter-small\@md>.o-layout__item:not([class*=o-box]) {
        padding-left: 0
    }

    .o-layout--gutter-middle\@md {
        margin-left: -15px
    }

    body.rtl .o-layout--gutter-middle\@md {
        margin-left: 0;
        margin-right: -15px
    }

    .o-layout--gutter-middle\@md>.o-layout__item {
        padding-left: 15px
    }

    body.rtl .o-layout--gutter-middle\@md>.o-layout__item {
        padding-right: 15px
    }

    body.rtl .o-layout--gutter-middle\@md>.o-layout__item:not([class*=o-box]) {
        padding-left: 0
    }

    .o-layout--gutter-default\@md {
        margin-left: -20px
    }

    body.rtl .o-layout--gutter-default\@md {
        margin-left: 0;
        margin-right: -20px
    }

    .o-layout--gutter-default\@md>.o-layout__item {
        padding-left: 20px
    }

    body.rtl .o-layout--gutter-default\@md>.o-layout__item {
        padding-right: 20px
    }

    body.rtl .o-layout--gutter-default\@md>.o-layout__item:not([class*=o-box]) {
        padding-left: 0
    }

    .o-layout--gutter-big\@md {
        margin-left: -30px
    }

    body.rtl .o-layout--gutter-big\@md {
        margin-left: 0;
        margin-right: -30px
    }

    .o-layout--gutter-big\@md>.o-layout__item {
        padding-left: 30px
    }

    body.rtl .o-layout--gutter-big\@md>.o-layout__item {
        padding-right: 30px
    }

    body.rtl .o-layout--gutter-big\@md>.o-layout__item:not([class*=o-box]) {
        padding-left: 0
    }

    .o-layout--gutter-bigger\@md {
        margin-left: -40px
    }

    body.rtl .o-layout--gutter-bigger\@md {
        margin-left: 0;
        margin-right: -40px
    }

    .o-layout--gutter-bigger\@md>.o-layout__item {
        padding-left: 40px
    }

    body.rtl .o-layout--gutter-bigger\@md>.o-layout__item {
        padding-right: 40px
    }

    body.rtl .o-layout--gutter-bigger\@md>.o-layout__item:not([class*=o-box]) {
        padding-left: 0
    }

    .o-layout--gutter-huge\@md {
        margin-left: -60px
    }

    body.rtl .o-layout--gutter-huge\@md {
        margin-left: 0;
        margin-right: -60px
    }

    .o-layout--gutter-huge\@md>.o-layout__item {
        padding-left: 60px
    }

    body.rtl .o-layout--gutter-huge\@md>.o-layout__item {
        padding-right: 60px
    }

    body.rtl .o-layout--gutter-huge\@md>.o-layout__item:not([class*=o-box]) {
        padding-left: 0
    }

    .o-layout--gutter-giant\@md {
        margin-left: -80px
    }

    body.rtl .o-layout--gutter-giant\@md {
        margin-left: 0;
        margin-right: -80px
    }

    .o-layout--gutter-giant\@md>.o-layout__item {
        padding-left: 80px
    }

    body.rtl .o-layout--gutter-giant\@md>.o-layout__item {
        padding-right: 80px
    }

    body.rtl .o-layout--gutter-giant\@md>.o-layout__item:not([class*=o-box]) {
        padding-left: 0
    }
}

@media only screen and (min-width: 1200px) {
    .o-layout--gutter-tiny\@lg {
        margin-left: -5px
    }

    body.rtl .o-layout--gutter-tiny\@lg {
        margin-left: 0;
        margin-right: -5px
    }

    .o-layout--gutter-tiny\@lg>.o-layout__item {
        padding-left: 5px
    }

    body.rtl .o-layout--gutter-tiny\@lg>.o-layout__item {
        padding-right: 5px
    }

    body.rtl .o-layout--gutter-tiny\@lg>.o-layout__item:not([class*=o-box]) {
        padding-left: 0
    }

    .o-layout--gutter-small\@lg {
        margin-left: -10px
    }

    body.rtl .o-layout--gutter-small\@lg {
        margin-left: 0;
        margin-right: -10px
    }

    .o-layout--gutter-small\@lg>.o-layout__item {
        padding-left: 10px
    }

    body.rtl .o-layout--gutter-small\@lg>.o-layout__item {
        padding-right: 10px
    }

    body.rtl .o-layout--gutter-small\@lg>.o-layout__item:not([class*=o-box]) {
        padding-left: 0
    }

    .o-layout--gutter-middle\@lg {
        margin-left: -15px
    }

    body.rtl .o-layout--gutter-middle\@lg {
        margin-left: 0;
        margin-right: -15px
    }

    .o-layout--gutter-middle\@lg>.o-layout__item {
        padding-left: 15px
    }

    body.rtl .o-layout--gutter-middle\@lg>.o-layout__item {
        padding-right: 15px
    }

    body.rtl .o-layout--gutter-middle\@lg>.o-layout__item:not([class*=o-box]) {
        padding-left: 0
    }

    .o-layout--gutter-default\@lg {
        margin-left: -20px
    }

    body.rtl .o-layout--gutter-default\@lg {
        margin-left: 0;
        margin-right: -20px
    }

    .o-layout--gutter-default\@lg>.o-layout__item {
        padding-left: 20px
    }

    body.rtl .o-layout--gutter-default\@lg>.o-layout__item {
        padding-right: 20px
    }

    body.rtl .o-layout--gutter-default\@lg>.o-layout__item:not([class*=o-box]) {
        padding-left: 0
    }

    .o-layout--gutter-big\@lg {
        margin-left: -30px
    }

    body.rtl .o-layout--gutter-big\@lg {
        margin-left: 0;
        margin-right: -30px
    }

    .o-layout--gutter-big\@lg>.o-layout__item {
        padding-left: 30px
    }

    body.rtl .o-layout--gutter-big\@lg>.o-layout__item {
        padding-right: 30px
    }

    body.rtl .o-layout--gutter-big\@lg>.o-layout__item:not([class*=o-box]) {
        padding-left: 0
    }

    .o-layout--gutter-bigger\@lg {
        margin-left: -40px
    }

    body.rtl .o-layout--gutter-bigger\@lg {
        margin-left: 0;
        margin-right: -40px
    }

    .o-layout--gutter-bigger\@lg>.o-layout__item {
        padding-left: 40px
    }

    body.rtl .o-layout--gutter-bigger\@lg>.o-layout__item {
        padding-right: 40px
    }

    body.rtl .o-layout--gutter-bigger\@lg>.o-layout__item:not([class*=o-box]) {
        padding-left: 0
    }

    .o-layout--gutter-huge\@lg {
        margin-left: -60px
    }

    body.rtl .o-layout--gutter-huge\@lg {
        margin-left: 0;
        margin-right: -60px
    }

    .o-layout--gutter-huge\@lg>.o-layout__item {
        padding-left: 60px
    }

    body.rtl .o-layout--gutter-huge\@lg>.o-layout__item {
        padding-right: 60px
    }

    body.rtl .o-layout--gutter-huge\@lg>.o-layout__item:not([class*=o-box]) {
        padding-left: 0
    }

    .o-layout--gutter-giant\@lg {
        margin-left: -80px
    }

    body.rtl .o-layout--gutter-giant\@lg {
        margin-left: 0;
        margin-right: -80px
    }

    .o-layout--gutter-giant\@lg>.o-layout__item {
        padding-left: 80px
    }

    body.rtl .o-layout--gutter-giant\@lg>.o-layout__item {
        padding-right: 80px
    }

    body.rtl .o-layout--gutter-giant\@lg>.o-layout__item:not([class*=o-box]) {
        padding-left: 0
    }
}

@media only screen and (min-width: 1500px) {
    .o-layout--gutter-tiny\@xl {
        margin-left: -5px
    }

    body.rtl .o-layout--gutter-tiny\@xl {
        margin-left: 0;
        margin-right: -5px
    }

    .o-layout--gutter-tiny\@xl>.o-layout__item {
        padding-left: 5px
    }

    body.rtl .o-layout--gutter-tiny\@xl>.o-layout__item {
        padding-right: 5px
    }

    body.rtl .o-layout--gutter-tiny\@xl>.o-layout__item:not([class*=o-box]) {
        padding-left: 0
    }

    .o-layout--gutter-small\@xl {
        margin-left: -10px
    }

    body.rtl .o-layout--gutter-small\@xl {
        margin-left: 0;
        margin-right: -10px
    }

    .o-layout--gutter-small\@xl>.o-layout__item {
        padding-left: 10px
    }

    body.rtl .o-layout--gutter-small\@xl>.o-layout__item {
        padding-right: 10px
    }

    body.rtl .o-layout--gutter-small\@xl>.o-layout__item:not([class*=o-box]) {
        padding-left: 0
    }

    .o-layout--gutter-middle\@xl {
        margin-left: -15px
    }

    body.rtl .o-layout--gutter-middle\@xl {
        margin-left: 0;
        margin-right: -15px
    }

    .o-layout--gutter-middle\@xl>.o-layout__item {
        padding-left: 15px
    }

    body.rtl .o-layout--gutter-middle\@xl>.o-layout__item {
        padding-right: 15px
    }

    body.rtl .o-layout--gutter-middle\@xl>.o-layout__item:not([class*=o-box]) {
        padding-left: 0
    }

    .o-layout--gutter-default\@xl {
        margin-left: -20px
    }

    body.rtl .o-layout--gutter-default\@xl {
        margin-left: 0;
        margin-right: -20px
    }

    .o-layout--gutter-default\@xl>.o-layout__item {
        padding-left: 20px
    }

    body.rtl .o-layout--gutter-default\@xl>.o-layout__item {
        padding-right: 20px
    }

    body.rtl .o-layout--gutter-default\@xl>.o-layout__item:not([class*=o-box]) {
        padding-left: 0
    }

    .o-layout--gutter-big\@xl {
        margin-left: -30px
    }

    body.rtl .o-layout--gutter-big\@xl {
        margin-left: 0;
        margin-right: -30px
    }

    .o-layout--gutter-big\@xl>.o-layout__item {
        padding-left: 30px
    }

    body.rtl .o-layout--gutter-big\@xl>.o-layout__item {
        padding-right: 30px
    }

    body.rtl .o-layout--gutter-big\@xl>.o-layout__item:not([class*=o-box]) {
        padding-left: 0
    }

    .o-layout--gutter-bigger\@xl {
        margin-left: -40px
    }

    body.rtl .o-layout--gutter-bigger\@xl {
        margin-left: 0;
        margin-right: -40px
    }

    .o-layout--gutter-bigger\@xl>.o-layout__item {
        padding-left: 40px
    }

    body.rtl .o-layout--gutter-bigger\@xl>.o-layout__item {
        padding-right: 40px
    }

    body.rtl .o-layout--gutter-bigger\@xl>.o-layout__item:not([class*=o-box]) {
        padding-left: 0
    }

    .o-layout--gutter-huge\@xl {
        margin-left: -60px
    }

    body.rtl .o-layout--gutter-huge\@xl {
        margin-left: 0;
        margin-right: -60px
    }

    .o-layout--gutter-huge\@xl>.o-layout__item {
        padding-left: 60px
    }

    body.rtl .o-layout--gutter-huge\@xl>.o-layout__item {
        padding-right: 60px
    }

    body.rtl .o-layout--gutter-huge\@xl>.o-layout__item:not([class*=o-box]) {
        padding-left: 0
    }

    .o-layout--gutter-giant\@xl {
        margin-left: -80px
    }

    body.rtl .o-layout--gutter-giant\@xl {
        margin-left: 0;
        margin-right: -80px
    }

    .o-layout--gutter-giant\@xl>.o-layout__item {
        padding-left: 80px
    }

    body.rtl .o-layout--gutter-giant\@xl>.o-layout__item {
        padding-right: 80px
    }

    body.rtl .o-layout--gutter-giant\@xl>.o-layout__item:not([class*=o-box]) {
        padding-left: 0
    }
}

@media only screen and (min-width: 1800px) {
    .o-layout--gutter-tiny\@xxl {
        margin-left: -5px
    }

    body.rtl .o-layout--gutter-tiny\@xxl {
        margin-left: 0;
        margin-right: -5px
    }

    .o-layout--gutter-tiny\@xxl>.o-layout__item {
        padding-left: 5px
    }

    body.rtl .o-layout--gutter-tiny\@xxl>.o-layout__item {
        padding-right: 5px
    }

    body.rtl .o-layout--gutter-tiny\@xxl>.o-layout__item:not([class*=o-box]) {
        padding-left: 0
    }

    .o-layout--gutter-small\@xxl {
        margin-left: -10px
    }

    body.rtl .o-layout--gutter-small\@xxl {
        margin-left: 0;
        margin-right: -10px
    }

    .o-layout--gutter-small\@xxl>.o-layout__item {
        padding-left: 10px
    }

    body.rtl .o-layout--gutter-small\@xxl>.o-layout__item {
        padding-right: 10px
    }

    body.rtl .o-layout--gutter-small\@xxl>.o-layout__item:not([class*=o-box]) {
        padding-left: 0
    }

    .o-layout--gutter-middle\@xxl {
        margin-left: -15px
    }

    body.rtl .o-layout--gutter-middle\@xxl {
        margin-left: 0;
        margin-right: -15px
    }

    .o-layout--gutter-middle\@xxl>.o-layout__item {
        padding-left: 15px
    }

    body.rtl .o-layout--gutter-middle\@xxl>.o-layout__item {
        padding-right: 15px
    }

    body.rtl .o-layout--gutter-middle\@xxl>.o-layout__item:not([class*=o-box]) {
        padding-left: 0
    }

    .o-layout--gutter-default\@xxl {
        margin-left: -20px
    }

    body.rtl .o-layout--gutter-default\@xxl {
        margin-left: 0;
        margin-right: -20px
    }

    .o-layout--gutter-default\@xxl>.o-layout__item {
        padding-left: 20px
    }

    body.rtl .o-layout--gutter-default\@xxl>.o-layout__item {
        padding-right: 20px
    }

    body.rtl .o-layout--gutter-default\@xxl>.o-layout__item:not([class*=o-box]) {
        padding-left: 0
    }

    .o-layout--gutter-big\@xxl {
        margin-left: -30px
    }

    body.rtl .o-layout--gutter-big\@xxl {
        margin-left: 0;
        margin-right: -30px
    }

    .o-layout--gutter-big\@xxl>.o-layout__item {
        padding-left: 30px
    }

    body.rtl .o-layout--gutter-big\@xxl>.o-layout__item {
        padding-right: 30px
    }

    body.rtl .o-layout--gutter-big\@xxl>.o-layout__item:not([class*=o-box]) {
        padding-left: 0
    }

    .o-layout--gutter-bigger\@xxl {
        margin-left: -40px
    }

    body.rtl .o-layout--gutter-bigger\@xxl {
        margin-left: 0;
        margin-right: -40px
    }

    .o-layout--gutter-bigger\@xxl>.o-layout__item {
        padding-left: 40px
    }

    body.rtl .o-layout--gutter-bigger\@xxl>.o-layout__item {
        padding-right: 40px
    }

    body.rtl .o-layout--gutter-bigger\@xxl>.o-layout__item:not([class*=o-box]) {
        padding-left: 0
    }

    .o-layout--gutter-huge\@xxl {
        margin-left: -60px
    }

    body.rtl .o-layout--gutter-huge\@xxl {
        margin-left: 0;
        margin-right: -60px
    }

    .o-layout--gutter-huge\@xxl>.o-layout__item {
        padding-left: 60px
    }

    body.rtl .o-layout--gutter-huge\@xxl>.o-layout__item {
        padding-right: 60px
    }

    body.rtl .o-layout--gutter-huge\@xxl>.o-layout__item:not([class*=o-box]) {
        padding-left: 0
    }

    .o-layout--gutter-giant\@xxl {
        margin-left: -80px
    }

    body.rtl .o-layout--gutter-giant\@xxl {
        margin-left: 0;
        margin-right: -80px
    }

    .o-layout--gutter-giant\@xxl>.o-layout__item {
        padding-left: 80px
    }

    body.rtl .o-layout--gutter-giant\@xxl>.o-layout__item {
        padding-right: 80px
    }

    body.rtl .o-layout--gutter-giant\@xxl>.o-layout__item:not([class*=o-box]) {
        padding-left: 0
    }
}

.o-layout--middle>.o-layout__item {
    vertical-align: middle
}

.o-layout--bottom>.o-layout__item {
    vertical-align: bottom
}

.o-layout--center {
    text-align: center
}

.o-layout--center>.o-layout__item {
    text-align: left
}

body.rtl .o-layout--center>.o-layout__item {
    text-align: right
}

.o-layout--right {
    text-align: right
}

.o-layout--right>.o-layout__item {
    text-align: left
}

body.rtl .o-layout--right>.o-layout__item {
    text-align: right
}

.o-layout--left {
    text-align: left
}

.o-layout--left>.o-layout__item {
    text-align: left
}

body.rtl .o-layout--left>.o-layout__item {
    text-align: right
}

.o-layout--stretch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-width: 100%
}

.o-layout>.o-layout--stretch {
    min-width: 0
}

.o-layout--stretch>.o-layout__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.o-layout--stretch.o-layout--center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.o-layout--stretch.o-layout--end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.o-layout--stretch.o-layout--start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.o-layout--stretch.o-layout--space-initial {
    -webkit-box-pack: normal;
    -ms-flex-pack: normal;
    justify-content: normal
}

.o-layout--stretch.o-layout--stretch--middle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.o-layout--stretch.o-layout--columns>.o-layout__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.o-layout--reverse {
    direction: rtl
}

.o-layout--reverse>.o-layout__item {
    direction: ltr
}

.o-layout--auto>.o-layout__item {
    width: auto
}

.o-position {
    position: absolute;
    z-index: 3;
    left: 0
}

.o-position--relative {
    position: relative
}

.o-position--fixed {
    position: fixed
}

.o-position--sticky {
    position: sticky
}

.o-position--above {
    z-index: 4
}

.o-position--top,
.o-position--full {
    top: 0
}

.o-position--bottom,
.o-position--full {
    bottom: 0
}

.o-position--full {
    right: 0
}

.o-position--turn {
    right: 0;
    left: auto
}

body.rtl .o-position--turn {
    left: 0;
    right: auto
}

.o-position--center {
    top: 50%;
    left: 50%;
    right: auto;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%)
}

body:not(.rtl) .o-position--center {
    left: 50%;
    right: auto
}

body.rtl .o-position--center {
    left: 50%;
    right: auto
}

.o-position--vertical-center {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.o-position--horizontal-center {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media only screen and (min-width: 600px) {
    .o-position\@xs {
        position: absolute;
        z-index: 3;
        left: 0
    }

    body.rtl .o-position\@xs {
        right: 0;
        left: auto
    }

    .o-position--turn\@xs {
        right: 0;
        left: auto
    }

    body.rtl .o-position--turn\@xs {
        left: 0;
        right: auto
    }
}

@media only screen and (min-width: 768px) {
    .o-position\@sm {
        position: absolute;
        z-index: 3;
        left: 0
    }

    body.rtl .o-position\@sm {
        right: 0;
        left: auto
    }

    .o-position--static\@sm {
        position: static
    }
}

@media only screen and (min-width: 992px) {
    .o-position--sticky\@md {
        position: sticky
    }
}

@media only screen and (min-width: 1200px) {
    .o-position--turn\@lg {
        right: 0;
        left: auto
    }

    body.rtl .o-position--turn\@lg {
        left: 0;
        right: auto
    }

    .o-position--sticky\@lg {
        position: sticky
    }
}

.o-flexbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 100%
}

.o-flexbox>.o-flexbox,
.o-layout>.o-flexbox,
.o-flexbox>.o-flexbox,
.o-flexbox>.o-flexbox,
.o-flexbox\@xs>.o-flexbox,
.o-flexbox\@sm>.o-flexbox {
    min-width: 0
}

.o-flexbox--align--start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
}

.o-flexbox--align--center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.o-flexbox--align--end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end
}

.o-flexbox--generic-row {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.o-flexbox--generic-column {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

.o-flexbox--generic-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

@media only screen and (min-width: 600px) {
    .o-flexbox\@xs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        min-width: 100%
    }

    .o-flexbox\@xs>.o-flexbox\@xs,
    .o-layout>.o-flexbox\@xs,
    .o-flexbox\@xs>.o-flexbox,
    .o-flexbox>.o-flexbox\@xs,
    .o-flexbox\@xs>.o-flexbox\@xs,
    .o-flexbox\@sm>.o-flexbox\@xs {
        min-width: 0
    }

    .o-flexbox--generic-row\@xs {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap
    }

    .o-flexbox--generic-column\@xs {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap
    }

    .o-flexbox--generic-center\@xs {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap
    }
}

@media only screen and (min-width: 768px) {
    .o-flexbox\@sm {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        min-width: 100%
    }

    .o-flexbox\@sm>.o-flexbox\@sm,
    .o-layout>.o-flexbox\@sm,
    .o-flexbox\@sm>.o-flexbox,
    .o-flexbox>.o-flexbox\@sm,
    .o-flexbox\@xs>.o-flexbox\@sm,
    .o-flexbox\@sm>.o-flexbox\@sm {
        min-width: 0
    }

    .o-flexbox--generic-row\@sm {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap
    }

    .o-flexbox--generic-column\@sm {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap
    }

    .o-flexbox--generic-center\@sm {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap
    }
}

@media only screen and (min-width: 992px) {
    .o-flexbox\@md {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        min-width: 100%
    }

    .o-flexbox\@md>.o-flexbox\@md,
    .o-layout>.o-flexbox\@md,
    .o-flexbox\@md>.o-flexbox,
    .o-flexbox>.o-flexbox\@md,
    .o-flexbox\@xs>.o-flexbox\@md,
    .o-flexbox\@sm>.o-flexbox\@md {
        min-width: 0
    }

    .o-flexbox--generic-row\@md {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap
    }

    .o-flexbox--generic-column\@md {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap
    }

    .o-flexbox--generic-center\@md {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap
    }
}

@media only screen and (min-width: 1200px) {
    .o-flexbox\@lg {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        min-width: 100%
    }

    .o-flexbox\@lg>.o-flexbox\@lg,
    .o-layout>.o-flexbox\@lg,
    .o-flexbox\@lg>.o-flexbox,
    .o-flexbox>.o-flexbox\@lg,
    .o-flexbox\@xs>.o-flexbox\@lg,
    .o-flexbox\@sm>.o-flexbox\@lg {
        min-width: 0
    }

    .o-flexbox--generic-row\@lg {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap
    }

    .o-flexbox--generic-column\@lg {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap
    }

    .o-flexbox--generic-center\@lg {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap
    }
}

@media only screen and (min-width: 1500px) {
    .o-flexbox\@xl {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        min-width: 100%
    }

    .o-flexbox\@xl>.o-flexbox\@xl,
    .o-layout>.o-flexbox\@xl,
    .o-flexbox\@xl>.o-flexbox,
    .o-flexbox>.o-flexbox\@xl,
    .o-flexbox\@xs>.o-flexbox\@xl,
    .o-flexbox\@sm>.o-flexbox\@xl {
        min-width: 0
    }

    .o-flexbox--generic-row\@xl {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap
    }

    .o-flexbox--generic-column\@xl {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap
    }

    .o-flexbox--generic-center\@xl {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap
    }
}

@media only screen and (min-width: 1800px) {
    .o-flexbox\@xxl {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        min-width: 100%
    }

    .o-flexbox\@xxl>.o-flexbox\@xxl,
    .o-layout>.o-flexbox\@xxl,
    .o-flexbox\@xxl>.o-flexbox,
    .o-flexbox>.o-flexbox\@xxl,
    .o-flexbox\@xs>.o-flexbox\@xxl,
    .o-flexbox\@sm>.o-flexbox\@xxl {
        min-width: 0
    }

    .o-flexbox--generic-row\@xxl {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap
    }

    .o-flexbox--generic-column\@xxl {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap
    }

    .o-flexbox--generic-center\@xxl {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap
    }
}

.o-flag {
    display: table;
    width: 100%
}

.o-flag__img,
.o-flag__body {
    display: table-cell;
    vertical-align: middle
}

.o-flag__img {
    width: 1px;
    padding-right: 20px;
    padding-bottom: 3px
}

.o-flag__img>img {
    max-width: none
}

.o-flag__body {
    width: auto
}

.o-flag__body,
.o-flag__body>:last-child {
    margin-bottom: 0
}

.o-flag--reverse {
    direction: rtl
}

.o-flag--reverse>.o-flag__img,
.o-flag--reverse>.o-flag__body {
    direction: ltr
}

.o-flag.o-flag--reverse>.o-flag__img,
body.rtl .o-flag>.o-flag__img {
    padding-right: 0;
    padding-left: 20px
}

.o-flag--none>.o-flag__img {
    padding-right: 0
}

.o-flag--none.o-flag--reverse>.o-flag__img,
body.rtl .o-flag--none>.o-flag__img {
    padding-right: 0;
    padding-left: 0
}

.o-flag--tiny>.o-flag__img {
    padding-right: 5px
}

.o-flag--tiny.o-flag--reverse>.o-flag__img,
body.rtl .o-flag--tiny>.o-flag__img {
    padding-right: 0;
    padding-left: 5px
}

.o-flag--small>.o-flag__img {
    padding-right: 10px
}

.o-flag--small.o-flag--reverse>.o-flag__img,
body.rtl .o-flag--small>.o-flag__img {
    padding-right: 0;
    padding-left: 10px
}

.o-flag--middle>.o-flag__img {
    padding-right: 15px
}

.o-flag--middle.o-flag--reverse>.o-flag__img,
body.rtl .o-flag--middle>.o-flag__img {
    padding-right: 0;
    padding-left: 15px
}

.o-flag--default>.o-flag__img {
    padding-right: 20px
}

.o-flag--default.o-flag--reverse>.o-flag__img,
body.rtl .o-flag--default>.o-flag__img {
    padding-right: 0;
    padding-left: 20px
}

.o-flag--big>.o-flag__img {
    padding-right: 30px
}

.o-flag--big.o-flag--reverse>.o-flag__img,
body.rtl .o-flag--big>.o-flag__img {
    padding-right: 0;
    padding-left: 30px
}

.o-flag--bigger>.o-flag__img {
    padding-right: 40px
}

.o-flag--bigger.o-flag--reverse>.o-flag__img,
body.rtl .o-flag--bigger>.o-flag__img {
    padding-right: 0;
    padding-left: 40px
}

.o-flag--huge>.o-flag__img {
    padding-right: 60px
}

.o-flag--huge.o-flag--reverse>.o-flag__img,
body.rtl .o-flag--huge>.o-flag__img {
    padding-right: 0;
    padding-left: 60px
}

.o-flag--giant>.o-flag__img {
    padding-right: 80px
}

.o-flag--giant.o-flag--reverse>.o-flag__img,
body.rtl .o-flag--giant>.o-flag__img {
    padding-right: 0;
    padding-left: 80px
}

.o-flag--top>.o-flag__img {
    padding-bottom: 0
}

.o-flag--top>.o-flag__img,
.o-flag--top>.o-flag__body {
    vertical-align: top
}

.o-flag--middle>.o-flag__img {
    padding-bottom: 0
}

.o-flag--middle>.o-flag__img,
.o-flag--middle>.o-flag__body {
    vertical-align: middle
}

.o-flag--bottom>.o-flag__img {
    padding-bottom: 0
}

.o-flag--bottom>.o-flag__img,
.o-flag--bottom>.o-flag__body {
    vertical-align: bottom
}

.o-flag--text-bottom>.o-flag__img {
    padding-bottom: 0
}

.o-flag--text-bottom>.o-flag__img,
.o-flag--text-bottom>.o-flag__body {
    vertical-align: text-bottom
}

.o-flag--sub>.o-flag__img {
    padding-bottom: 0
}

.o-flag--sub>.o-flag__img,
.o-flag--sub>.o-flag__body {
    vertical-align: sub
}

.o-meddia {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.o-meddia i.o-meddia__picture {
    margin-top: 2px;
    text-align: center
}

.o-meddia__picture {
    max-width: 50px;
    min-width: 50px;
    width: 50px;
    margin-right: 10px
}

body.rtl .o-meddia__picture {
    margin-right: 0;
    margin-left: 10px
}

.o-meddia__picture img {
    border-radius: 2px;
    max-width: 100%
}

.o-meddia--md .o-meddia__picture {
    margin-right: 15px;
    max-width: 100px;
    min-width: 100px;
    width: 100px
}

body.rtl .o-meddia--md .o-meddia__picture {
    margin-right: 0;
    margin-left: 15px
}

.o-meddia--lg .o-meddia__picture {
    margin-right: 20px;
    max-width: 200px;
    min-width: 200px;
    width: 200px
}

body.rtl .o-meddia--lg .o-meddia__picture {
    margin-right: 0;
    margin-left: 20px
}

.o-meddia--auto .o-meddia__picture {
    max-width: none;
    max-width: initial;
    min-width: 0;
    min-width: initial;
    width: auto
}

.o-postcard {
    position: relative;
    overflow: hidden;
    color: #fff
}

.o-postcard__image-wrapper {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: normal;
    content: initial
}

.o-postcard__image {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.o-postcard__main {
    z-index: 2
}

.o-postcard__main:not(.o-position) {
    position: relative
}

.o-ratio {
    position: relative
}

.o-ratio::before {
    display: block;
    width: 100%;
    content: "";
    padding-top: 100%
}

.o-ratio>* {
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute
}

.o-ratio--1\:1::before {
    padding-top: 100%
}

.o-ratio--4\:3::before {
    padding-top: 75%
}

.o-ratio--3\:2::before {
    padding-top: 66.6666666667%
}

.o-ratio--16\:9::before {
    padding-top: 56.25%
}

.o-ratio--2\:1::before {
    padding-top: 50%
}

.o-ratio--8\:3::before {
    padding-top: 37.5%
}

@media only screen and (min-width: 600px) {
    .o-ratio--1\:1\@xs::before {
        padding-top: 100%
    }

    .o-ratio--4\:3\@xs::before {
        padding-top: 75%
    }

    .o-ratio--3\:2\@xs::before {
        padding-top: 66.6666666667%
    }

    .o-ratio--16\:9\@xs::before {
        padding-top: 56.25%
    }

    .o-ratio--2\:1\@xs::before {
        padding-top: 50%
    }

    .o-ratio--8\:3\@xs::before {
        padding-top: 37.5%
    }
}

@media only screen and (min-width: 768px) {
    .o-ratio--1\:1\@sm::before {
        padding-top: 100%
    }

    .o-ratio--4\:3\@sm::before {
        padding-top: 75%
    }

    .o-ratio--3\:2\@sm::before {
        padding-top: 66.6666666667%
    }

    .o-ratio--16\:9\@sm::before {
        padding-top: 56.25%
    }

    .o-ratio--2\:1\@sm::before {
        padding-top: 50%
    }

    .o-ratio--8\:3\@sm::before {
        padding-top: 37.5%
    }
}

@media only screen and (min-width: 992px) {
    .o-ratio--1\:1\@md::before {
        padding-top: 100%
    }

    .o-ratio--4\:3\@md::before {
        padding-top: 75%
    }

    .o-ratio--3\:2\@md::before {
        padding-top: 66.6666666667%
    }

    .o-ratio--16\:9\@md::before {
        padding-top: 56.25%
    }

    .o-ratio--2\:1\@md::before {
        padding-top: 50%
    }

    .o-ratio--8\:3\@md::before {
        padding-top: 37.5%
    }
}

@media only screen and (min-width: 1200px) {
    .o-ratio--1\:1\@lg::before {
        padding-top: 100%
    }

    .o-ratio--4\:3\@lg::before {
        padding-top: 75%
    }

    .o-ratio--3\:2\@lg::before {
        padding-top: 66.6666666667%
    }

    .o-ratio--16\:9\@lg::before {
        padding-top: 56.25%
    }

    .o-ratio--2\:1\@lg::before {
        padding-top: 50%
    }

    .o-ratio--8\:3\@lg::before {
        padding-top: 37.5%
    }
}

@media only screen and (min-width: 1500px) {
    .o-ratio--1\:1\@xl::before {
        padding-top: 100%
    }

    .o-ratio--4\:3\@xl::before {
        padding-top: 75%
    }

    .o-ratio--3\:2\@xl::before {
        padding-top: 66.6666666667%
    }

    .o-ratio--16\:9\@xl::before {
        padding-top: 56.25%
    }

    .o-ratio--2\:1\@xl::before {
        padding-top: 50%
    }

    .o-ratio--8\:3\@xl::before {
        padding-top: 37.5%
    }
}

@media only screen and (min-width: 1800px) {
    .o-ratio--1\:1\@xxl::before {
        padding-top: 100%
    }

    .o-ratio--4\:3\@xxl::before {
        padding-top: 75%
    }

    .o-ratio--3\:2\@xxl::before {
        padding-top: 66.6666666667%
    }

    .o-ratio--16\:9\@xxl::before {
        padding-top: 56.25%
    }

    .o-ratio--2\:1\@xxl::before {
        padding-top: 50%
    }

    .o-ratio--8\:3\@xxl::before {
        padding-top: 37.5%
    }
}

.o-crop {
    position: relative;
    display: block;
    overflow: hidden
}

.o-crop__content {
    top: 0;
    left: 0;
    position: absolute;
    max-width: none
}

.o-crop__content--right {
    right: 0;
    left: auto
}

.o-crop__content--bottom {
    top: auto;
    bottom: 0
}

.o-crop__content--center {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.o-crop--1\:1 {
    padding-bottom: 100%
}

.o-crop--4\:3 {
    padding-bottom: 75%
}

.o-crop--3\:2 {
    padding-bottom: 66.6666666667%
}

.o-crop--16\:9 {
    padding-bottom: 56.25%
}

.o-crop--2\:1 {
    padding-bottom: 50%
}

.c-tag {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 10px;
    font-size: 12px;
    min-height: 20px;
    border-radius: 100px;
    line-height: 1
}

.c-tag img {
    max-height: 15px
}

.c-tag,
.c-tag:focus {
    background-color: #fff;
    background-image: none;
    border: 1px solid #e3e3e3;
    color: #707070
}

.c-tag[class*=bg-clr]:not(.bg-clr--transparent) {
    border-color: rgba(0, 0, 0, 0)
}

.c-tag--line--white,
.c-tag--line--white:focus {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    color: #fff;
    color: #fff
}

.ui-widget-content .c-tag--line--white,
.ui-widget-content .c-tag--line--white:focus {
    color: #fff
}

.c-tag *+* {
    margin-left: 5px
}

body.rtl .c-tag *+* {
    margin-left: 0;
    margin-right: 5px
}

.c-tag--sm {
    padding: 0 10px;
    font-size: 12px;
    min-height: 20px
}

.c-tag--md {
    padding: 0 15px;
    font-size: 13px;
    min-height: 25px
}

.c-tag--lg {
    padding: 0 15px;
    font-size: 14px;
    min-height: 30px
}

@media only screen and (min-width: 0) {
    .c-tag--sm\@xx {
        padding: 0 10px;
        font-size: 12px;
        min-height: 20px
    }

    .c-tag--md\@xx {
        padding: 0 15px;
        font-size: 13px;
        min-height: 25px
    }

    .c-tag--lg\@xx {
        padding: 0 15px;
        font-size: 14px;
        min-height: 30px
    }

    .c-tag--white\@xx {
        background-color: rgba(0, 0, 0, 0);
        border: 1px solid #fff;
        color: #fff
    }
}

@media only screen and (min-width: 600px) {
    .c-tag--sm\@xs {
        padding: 0 10px;
        font-size: 12px;
        min-height: 20px
    }

    .c-tag--md\@xs {
        padding: 0 15px;
        font-size: 13px;
        min-height: 25px
    }

    .c-tag--lg\@xs {
        padding: 0 15px;
        font-size: 14px;
        min-height: 30px
    }

    .c-tag--white\@xs {
        background-color: rgba(0, 0, 0, 0);
        border: 1px solid #fff;
        color: #fff
    }
}

@media only screen and (min-width: 768px) {
    .c-tag--sm\@sm {
        padding: 0 10px;
        font-size: 12px;
        min-height: 20px
    }

    .c-tag--md\@sm {
        padding: 0 15px;
        font-size: 13px;
        min-height: 25px
    }

    .c-tag--lg\@sm {
        padding: 0 15px;
        font-size: 14px;
        min-height: 30px
    }

    .c-tag--white\@sm {
        background-color: rgba(0, 0, 0, 0);
        border: 1px solid #fff;
        color: #fff
    }
}

@media only screen and (min-width: 992px) {
    .c-tag--sm\@md {
        padding: 0 10px;
        font-size: 12px;
        min-height: 20px
    }

    .c-tag--md\@md {
        padding: 0 15px;
        font-size: 13px;
        min-height: 25px
    }

    .c-tag--lg\@md {
        padding: 0 15px;
        font-size: 14px;
        min-height: 30px
    }

    .c-tag--white\@md {
        background-color: rgba(0, 0, 0, 0);
        border: 1px solid #fff;
        color: #fff
    }
}

.c-tag--pointer {
    border: 1px solid #a2a2a2 !important
}

.c-tag--pointer:before {
    content: " ";
    width: 0;
    height: 0;
    top: 100%;
    left: calc(50% - 5px);
    position: absolute;
    border-left: 6px solid rgba(0, 0, 0, 0);
    border-right: 6px solid rgba(0, 0, 0, 0);
    border-top: 6px solid #a2a2a2
}

.c-tag--pointer:after {
    content: " ";
    width: 0;
    height: 0;
    top: calc(100% - 1px);
    left: calc(50% - 5px);
    position: absolute;
    border-left: 6px solid rgba(0, 0, 0, 0);
    border-right: 6px solid rgba(0, 0, 0, 0);
    border-top: 6px solid #fff
}

.c-tag--pointer.bg-clr--brand:after {
    border-top-color: #0472AA;
    border-top-color: var(--s-color-brand-primary)
}

.c-tag--pointer.bg-clr--darkest-gray:after {
    border-top-color: #a2a2a2
}

.c-tag--love {
    background-color: #eb0028;
    border-color: #eb0028;
    color: #fff
}

.c-tag--none-radius {
    border-radius: 2px
}

.c-text-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 4px;
    padding: 0 12px;
    font-size: 14px
}

.c-text-input,
.c-text-input:focus {
    background-color: #fff;
    background-image: none;
    border: 1px solid #e3e3e3;
    color: #707070
}

.c-text-input,
.c-text-input:hover,
.c-text-input:active,
.c-text-input:focus {
    outline: none
}

.c-text-input,
.c-text-input[size] {
    min-height: 40px;
    line-height: 40px
}

.c-text-input--sm {
    padding: 0 10px;
    font-size: 12px
}

.c-text-input--sm,
.c-text-input--sm[size] {
    min-height: 25px;
    line-height: 25px
}

.c-text-input--lg {
    padding: 0 20px;
    font-size: 16px
}

.c-text-input--lg,
.c-text-input--lg[size] {
    min-height: 50px;
    line-height: 50px
}

.c-text-input--disabled {
    background-color: #f7f7f7;
    cursor: not-allowed !important;
    opacity: .8;
    pointer-events: none
}

.c-text-input--block {
    width: 100%
}

.c-text-input--circle {
    border-radius: 1000px
}

.c-text-input--group {
    position: relative
}

.c-text-input--group .c-button {
    position: absolute;
    top: 2px;
    right: 2px;
    height: calc(100% - 4px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

body.rtl .c-text-input--group .c-button {
    right: auto;
    left: 2px
}

.c-text-input.ui-autocomplete-input.ui-autocomplete-dd-input {
    padding-top: 0;
    padding-bottom: 0
}

.c-text-input.ui-inputfield.ui-state-focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.c-text-input.ui-selectonemenu .ui-selectonemenu-label {
    padding: 0
}

.c-text-input.ui-inputnumber {
    padding: 0
}

.c-text-input.ui-inputnumber.ui-state-error {
    border: 1px solid #f44336
}

.c-text-input.ui-inputnumber input {
    width: 100%;
    border: 0
}

.c-text-input.bootstrap-select {
    padding: 0 !important
}

.c-text-input.bootstrap-select .btn.dropdown-toggle {
    padding: 0 40px 0 12px;
    border: none;
    background-color: #fff;
    color: #707070
}

.c-text-input.bootstrap-select.c-icon-escort__main .btn.dropdown-toggle .bs-caret {
    display: none
}

.c-textarea {
    border-radius: 4px;
    font-size: 14px;
    padding: 12px;
    width: 100%;
    min-height: 40px;
    resize: none
}

.c-textarea,
.c-textarea:focus {
    background-color: #fff;
    background-image: none;
    border: 1px solid #e3e3e3;
    color: #707070
}

.c-textarea:hover,
.c-textarea:active,
.c-textarea:focus:active {
    border-color: #0472AA;
    border-color: var(--s-color-brand-primary)
}

.c-button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    border-radius: 4px;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    font-weight: 400;
    padding: 0 12px;
    font-size: 14px;
    min-height: 40px;
    min-width: 150px
}

.c-button,
.c-button .fa,
.c-button .fab,
.c-button .fal,
.c-button .far,
.c-button .fas {
    line-height: 1.2
}

.c-button i:only-child {
    margin-right: 5px
}

body.rtl .c-button i:only-child {
    margin-right: 0;
    margin-left: 5px
}

.c-button>.ui-button-text {
    padding: 0 !important
}

.c-button,
.c-button:focus {
    background-color: #fff;
    background-image: none;
    border: 1px solid #e3e3e3;
    color: #707070
}

.ui-widget-content .c-button,
.ui-widget-content .c-button:focus {
    color: #707070
}

.c-button:hover,
.c-button:active,
.c-button:focus:active {
    background-color: #e3e3e3;
    border: 1px solid #e3e3e3;
    color: #4e4e4e
}

.ui-widget-content .c-button:hover,
.ui-widget-content .c-button:active,
.ui-widget-content .c-button:focus:active {
    color: #4e4e4e
}

.c-button--solid--default,
.c-button--solid--default:focus {
    background-color: #f7f7f7
}

.c-button--solid--default:hover,
.c-button--solid--default:active,
.c-button--solid--default:focus:active {
    background-color: hsl(0, 0%, 92.0196078431%);
    outline: none;
    border-color: rgba(0, 0, 0, 0)
}

.c-button--line--white {
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.c-button--line--white,
.c-button--line--white:focus {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    color: #fff;
    color: #fff
}

.ui-widget-content .c-button--line--white,
.ui-widget-content .c-button--line--white:focus {
    color: #fff
}

.c-button--line--white:hover,
.c-button--line--white:active,
.c-button--line--white:focus:active {
    background-color: #fff;
    color: #393939
}

.c-button--line--white optgroup,
.c-button--line--white option,
.c-button--line--white option * {
    color: #393939 !important
}

.c-button--square {
    min-width: 40px;
    width: 40px;
    padding: 3px
}

.c-button--square i:only-child {
    margin-right: 0
}

.c-button>*:not(:first-child) {
    margin-left: 5px
}

body.rtl .c-button>*:not(:first-child) {
    margin-left: 0;
    margin-right: 5px
}

.c-button--md {
    padding: 0 12px;
    font-size: 14px;
    min-height: 40px;
    min-width: 150px
}

.c-button--md.c-button--square {
    min-width: 40px;
    width: 40px
}

.c-button--xs {
    padding: 0 7px;
    font-size: 12px;
    min-height: 20px;
    min-width: 70px;
    line-height: 1
}

.c-button--xs.c-button--square {
    min-width: 20px;
    width: 20px
}

.c-button--sm {
    padding: 0 10px;
    font-size: 12px;
    min-height: 25px;
    min-width: 100px
}

.c-button--sm.c-button--square {
    min-width: 25px;
    width: 25px
}

.c-button--lg {
    padding: 0 20px;
    font-size: 16px;
    min-height: 50px;
    min-width: 200px
}

.c-button--lg.c-button--square {
    min-width: 50px;
    width: 50px
}

.c-button--free-width {
    min-width: auto
}

.c-button--circle {
    border-radius: 1000px
}

.c-button--block {
    width: 100%
}

.c-button--shadow {
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15);
    border: none
}

.c-button--shadow:hover,
.c-button--shadow:active,
.c-button--shadow:focus,
.c-button--shadow:focus:active {
    border: none
}

@media only screen and (min-width: 0) {
    .c-button--md\@xx {
        padding: 0 12px;
        font-size: 14px;
        min-height: 40px
    }

    .c-button--md\@xx:not(.c-button--free-width) {
        min-width: 150px
    }

    .c-button--md\@xx.c-button--square {
        padding: 3px;
        min-width: auto;
        width: 40px
    }

    .c-button--xs\@xx {
        padding: 0 7px;
        font-size: 12px;
        min-height: 20px
    }

    .c-button--xs\@xx:not(.c-button--free-width) {
        min-width: 70px
    }

    .c-button--xs\@xx.c-button--square {
        padding: 3px;
        min-width: auto;
        width: 20px
    }

    .c-button--sm\@xx {
        padding: 0 10px;
        font-size: 12px;
        min-height: 25px
    }

    .c-button--sm\@xx:not(.c-button--free-width) {
        min-width: 100px
    }

    .c-button--sm\@xx.c-button--square {
        padding: 3px;
        min-width: auto;
        width: 25px
    }

    .c-button--lg\@xx {
        padding: 0 20px;
        font-size: 16px;
        min-height: 50px
    }

    .c-button--lg\@xx:not(.c-button--free-width) {
        min-width: 200px
    }

    .c-button--lg\@xx.c-button--square {
        padding: 3px;
        min-width: auto;
        width: 50px
    }
}

@media only screen and (min-width: 600px) {
    .c-button--md\@xs {
        padding: 0 12px;
        font-size: 14px;
        min-height: 40px
    }

    .c-button--md\@xs:not(.c-button--free-width) {
        min-width: 150px
    }

    .c-button--md\@xs.c-button--square {
        padding: 3px;
        min-width: auto;
        width: 40px
    }

    .c-button--xs\@xs {
        padding: 0 7px;
        font-size: 12px;
        min-height: 20px
    }

    .c-button--xs\@xs:not(.c-button--free-width) {
        min-width: 70px
    }

    .c-button--xs\@xs.c-button--square {
        padding: 3px;
        min-width: auto;
        width: 20px
    }

    .c-button--sm\@xs {
        padding: 0 10px;
        font-size: 12px;
        min-height: 25px
    }

    .c-button--sm\@xs:not(.c-button--free-width) {
        min-width: 100px
    }

    .c-button--sm\@xs.c-button--square {
        padding: 3px;
        min-width: auto;
        width: 25px
    }

    .c-button--lg\@xs {
        padding: 0 20px;
        font-size: 16px;
        min-height: 50px
    }

    .c-button--lg\@xs:not(.c-button--free-width) {
        min-width: 200px
    }

    .c-button--lg\@xs.c-button--square {
        padding: 3px;
        min-width: auto;
        width: 50px
    }
}

@media only screen and (min-width: 768px) {
    .c-button--md\@sm {
        padding: 0 12px;
        font-size: 14px;
        min-height: 40px
    }

    .c-button--md\@sm:not(.c-button--free-width) {
        min-width: 150px
    }

    .c-button--md\@sm.c-button--square {
        padding: 3px;
        min-width: auto;
        width: 40px
    }

    .c-button--xs\@sm {
        padding: 0 7px;
        font-size: 12px;
        min-height: 20px
    }

    .c-button--xs\@sm:not(.c-button--free-width) {
        min-width: 70px
    }

    .c-button--xs\@sm.c-button--square {
        padding: 3px;
        min-width: auto;
        width: 20px
    }

    .c-button--sm\@sm {
        padding: 0 10px;
        font-size: 12px;
        min-height: 25px
    }

    .c-button--sm\@sm:not(.c-button--free-width) {
        min-width: 100px
    }

    .c-button--sm\@sm.c-button--square {
        padding: 3px;
        min-width: auto;
        width: 25px
    }

    .c-button--lg\@sm {
        padding: 0 20px;
        font-size: 16px;
        min-height: 50px
    }

    .c-button--lg\@sm:not(.c-button--free-width) {
        min-width: 200px
    }

    .c-button--lg\@sm.c-button--square {
        padding: 3px;
        min-width: auto;
        width: 50px
    }
}

@media only screen and (min-width: 992px) {
    .c-button--md\@md {
        padding: 0 12px;
        font-size: 14px;
        min-height: 40px
    }

    .c-button--md\@md:not(.c-button--free-width) {
        min-width: 150px
    }

    .c-button--md\@md.c-button--square {
        padding: 3px;
        min-width: auto;
        width: 40px
    }

    .c-button--xs\@md {
        padding: 0 7px;
        font-size: 12px;
        min-height: 20px
    }

    .c-button--xs\@md:not(.c-button--free-width) {
        min-width: 70px
    }

    .c-button--xs\@md.c-button--square {
        padding: 3px;
        min-width: auto;
        width: 20px
    }

    .c-button--sm\@md {
        padding: 0 10px;
        font-size: 12px;
        min-height: 25px
    }

    .c-button--sm\@md:not(.c-button--free-width) {
        min-width: 100px
    }

    .c-button--sm\@md.c-button--square {
        padding: 3px;
        min-width: auto;
        width: 25px
    }

    .c-button--lg\@md {
        padding: 0 20px;
        font-size: 16px;
        min-height: 50px
    }

    .c-button--lg\@md:not(.c-button--free-width) {
        min-width: 200px
    }

    .c-button--lg\@md.c-button--square {
        padding: 3px;
        min-width: auto;
        width: 50px
    }
}

.c-route-step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    min-width: 50px;
    width: 50px
}

.c-route-step i {
    margin-bottom: -1px
}

.travel-route__count .c-route-step i {
    font-size: 25px
}

.c-route-step--sm {
    min-width: 30px;
    width: 30px
}

.c-route-step--huge {
    min-width: 40px;
    width: 40px
}

@media only screen and (min-width: 768px) {
    .c-route-step--huge {
        min-width: 60px;
        width: 60px
    }
}

.c-route-step--giant {
    min-width: auto;
    width: auto
}

.c-route-step__point {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    font-weight: bold;
    justify-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    margin: 3px 0;
    width: 25px;
    height: 25px;
    border-radius: 250px;
    min-height: 25px;
    font-size: 12px
}

.c-route-step__point--lg {
    width: 30px;
    height: 30px;
    border-radius: 300px;
    min-height: 30px;
    font-size: 18px
}

.c-route-step__point--lg i {
    margin-bottom: 0;
    font-size: 16px
}

.c-route-step__point--huge {
    width: 40px;
    height: 40px;
    border-radius: 400px;
    min-height: 40px;
    font-size: 18px
}

@media only screen and (max-width: 767px) {
    .c-route-step__point--huge {
        width: 30px;
        height: 30px;
        border-radius: 300px;
        min-height: 30px;
        font-size: 18px
    }

    .c-route-step__point--huge i {
        font-size: 16px
    }
}

.c-route-step__point--giant {
    width: 50px;
    height: 50px;
    border-radius: 500px;
    min-height: 50px;
    font-size: 24px
}

.c-route-step__point[class*=bg-] {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2)
}

.c-route-step__point[class*=bdr] {
    border-style: solid;
    border-width: 1px
}

.c-route-step__line--bottom,
.c-route-step__line--top {
    width: 2px;
    position: relative;
    height: 100%;
    background-color: #e3e3e3
}

.c-route-step__line--bottom span,
.c-route-step__line--top span {
    display: none;
    position: absolute;
    z-index: 1;
    left: 1px;
    width: 2px;
    height: 2px;
    border-radius: 10px
}

.travel-route__travelling .c-route-step__line--bottom span,
.travel-route__travelling .c-route-step__line--top span {
    background-color: #fff
}

.c-route-step--dotted .c-route-step__line--bottom,
.c-route-step--dotted .c-route-step__line--top,
.c-route-step__line--dotted.c-route-step__line--bottom,
.c-route-step__line--dotted.c-route-step__line--top {
    width: 10px;
    background-color: rgba(0, 0, 0, 0) !important;
    border-right: 3px dotted rgba(0, 0, 0, .15);
    border-radius: 0;
    margin-left: -6px
}

.c-route-step__line--top span {
    bottom: 1px
}

.c-route-step__line--bottom span {
    top: 1px
}

.c-route-step--dotted .c-route-step__line--bottom,
.c-route-step__line--bottom.c-route-step__line--dotted {
    margin-bottom: 3px
}

.c-route-date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    padding: 7px 0;
    position: relative;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    width: 30px;
    min-width: 30px;
    max-width: 30px
}

.c-route-date__title {
    font-size: 14px
}

@media only screen and (min-width: 600px) {
    .c-route-date {
        max-width: 40px;
        min-width: 40px;
        width: 40px
    }
}

.c-route-date__small {
    font-size: 10px;
    margin-top: 2px;
    line-height: 0;
    margin-bottom: 7px
}

i+.c-route-date__small {
    font-size: 12px;
    margin-top: 7px
}

.c-route-date__small~.c-route-date__input {
    font-size: 12px
}

.c-route-date__input {
    border: none;
    color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    padding: 5px 0
}

.c-route-date__input option {
    color: #707070
}

.c-route-date__input-arrow {
    position: absolute;
    z-index: 2;
    left: 0;
    width: 100%;
    line-height: 1.1;
    text-align: center;
    cursor: pointer
}

.c-route-date__input-arrow--up {
    top: 8px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: block
}

@media only screen and (max-width: 991px) {
    .c-route-date__input-arrow--up {
        display: none
    }
}

.c-route-date__input-arrow--up--routing-stop {
    top: 10px
}

.c-route-date__input-arrow--down {
    bottom: 8px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: block
}

@media only screen and (max-width: 991px) {
    .c-route-date__input-arrow--down {
        display: none
    }
}

.c-route-date__arrow {
    position: absolute;
    z-index: 1;
    bottom: -11px;
    left: calc(50% - 6px);
    width: 0;
    height: 0;
    margin-left: 0;
    border-width: 6px;
    border-style: solid
}

.c-route-date__arrow--up {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    bottom: -12px
}

.c-route-date__separator {
    margin: 10px 0
}

.c-route-date--large {
    width: 50px;
    min-width: 50px;
    max-width: 50px
}

.c-route-date--status-inprogress {
    color: #fff;
    background: repeating-linear-gradient(45deg, #2c57a6, #2c57a6 10px, #003b95 10px, #003b95 20px)
}

.c-point-checkbox {
    margin: 0;
    cursor: pointer;
    position: relative
}

.c-point-checkbox__input {
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    opacity: 0;
    border: 0;
    overflow: hidden
}

.c-point-checkbox__point {
    position: absolute;
    top: 50%;
    left: 0;
    width: 18px;
    height: 18px;
    border-radius: 180px;
    margin-top: -9px;
    background-color: #a2a2a2;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.c-point-checkbox__container {
    margin: 3px 0;
    display: block;
    width: 35px;
    height: 12px;
    position: relative;
    border-radius: 12px;
    background-color: rgb(208.5, 208.5, 208.5)
}

.c-point-checkbox__input:checked+.c-point-checkbox__container,
.c-point-checkbox__input.active+.c-point-checkbox__container {
    background-color: #b6e0a8
}

.c-point-checkbox__input:checked+.c-point-checkbox__container .c-point-checkbox__point,
.c-point-checkbox__input.active+.c-point-checkbox__container .c-point-checkbox__point {
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .24);
    box-shadow: 0 2px 2px rgba(0, 0, 0, .24);
    left: 17px;
    background-color: #6dc151
}

.c-heart-checkbox {
    margin: 0;
    cursor: pointer;
    position: relative;
    color: #fff
}

.ui-widget-content .c-heart-checkbox {
    color: #fff
}

.c-heart-checkbox--gray {
    color: #c2c2c2
}

.ui-widget-content .c-heart-checkbox--gray {
    color: #c2c2c2
}

.c-heart-checkbox__main {
    position: relative;
    display: inline-block;
    font-size: 20px;
    height: 1em;
    min-width: 1em;
    width: 1em;
    line-height: 1;
    -webkit-transition: .2s;
    transition: .2s
}

.c-heart-checkbox__input {
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    width: 0;
    height: 0;
    border: 0;
    overflow: hidden
}

.c-heart-checkbox__heart {
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 0;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.c-heart-checkbox.c-card__heart-checkbox,
.c-heart-checkbox.c-extended__heart-checkbox {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: auto
}

body.rtl .c-heart-checkbox.c-card__heart-checkbox,
body.rtl .c-heart-checkbox.c-extended__heart-checkbox {
    right: auto;
    left: 0
}

.c-heart-checkbox--package.c-extended__heart-checkbox {
    left: 20px
}

body.rtl .c-heart-checkbox--package.c-extended__heart-checkbox {
    left: 0;
    right: 20px
}

.c-card__main .c-heart-checkbox--package {
    left: 0
}

.c-heart-checkbox__heart--on {
    color: red
}

.c-heart-checkbox__heart--on,
.c-heart-checkbox__input:checked+.c-heart-checkbox__main .c-heart-checkbox__heart--off,
.c-heart-checkbox:hover .c-heart-checkbox__heart--off {
    opacity: 0
}

.c-heart-checkbox__input:checked+.c-heart-checkbox__main .c-heart-checkbox__heart--on,
.c-heart-checkbox:hover .c-heart-checkbox__heart--on {
    opacity: 1
}

.c-heart-checkbox:not(:hover) .c-heart-checkbox__input:focus:not(:checked)+.c-heart-checkbox__main .c-heart-checkbox__heart--off {
    opacity: 1
}

.c-heart-checkbox:not(:hover) .c-heart-checkbox__input:focus:not(:checked)+.c-heart-checkbox__main .c-heart-checkbox__heart--on {
    opacity: 0
}

.c-heart-checkbox__input:checked+.c-heart-checkbox__main:before {
    opacity: 0;
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 2em;
    background-color: rgba(0, 0, 0, .2);
    -webkit-animation: c-heart-checkbox__circle .4s;
    animation: c-heart-checkbox__circle .4s
}

@-webkit-keyframes c-heart-checkbox__circle {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(0.3);
        transform: translate(-50%, -50%) scale(0.3);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        -webkit-transform: translate(-50%, -50%) scale(2);
        transform: translate(-50%, -50%) scale(2);
        opacity: 0
    }
}

@keyframes c-heart-checkbox__circle {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(0.3);
        transform: translate(-50%, -50%) scale(0.3);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        -webkit-transform: translate(-50%, -50%) scale(2);
        transform: translate(-50%, -50%) scale(2);
        opacity: 0
    }
}

.c-icon-escort {
    position: relative;
    display: block
}

.c-icon-escort.c-text-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-icon-escort .ui-datepicker-trigger,
.c-icon-escort .ui-selectonemenu .ui-selectonemenu-trigger {
    display: none
}

.c-icon-escort__main {
    width: 100%;
    position: relative
}

body:not(.rtl) .c-icon-escort__main:not(.c-icon-escort__main--left) {
    padding-right: 40px
}

body.rtl .c-icon-escort__main:not(.c-icon-escort__main--left) {
    padding-left: 40px
}

.c-icon-escort__main.ui-trigger-calendar {
    padding: 0
}

.c-icon-escort__main.ui-trigger-calendar .ui-inputfield {
    border: 1px solid #e3e3e3
}

.c-icon-escort__main,
.c-icon-escort__main.ui-state-focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

body:not(.rtl) .c-icon-escort__main--left {
    padding-left: 40px
}

body.rtl .c-icon-escort__main--left {
    padding-right: 40px
}

.c-icon-escort__icon {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    width: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    pointer-events: none;
    text-shadow: none;
    color: #707070
}

*:focus+.c-icon-escort__icon,
.active+.c-icon-escort__icon,
.ui-inputwrapper-focus+.c-icon-escort__icon,
.u-collapse-turn-arrow:not(.collapsed) .c-icon-escort__icon {
    color: #0472AA;
    color: var(--s-color-brand-primary)
}

body.rtl .c-icon-escort__icon {
    right: auto;
    right: initial;
    left: 0
}

.c-icon-escort__icon--left {
    right: auto;
    right: initial;
    left: 0
}

body.rtl .c-icon-escort__icon--left {
    left: auto;
    left: initial;
    right: 0
}

a:not(.collapsed) .c-icon-escort--collapse>.c-icon-escort__icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.c-icon-escort--filter-active .c-icon-escort__main {
    background-color: #e3e3e3
}

body:not(.rtl) .c-icon-escort--lg .c-icon-escort__main:not(.c-icon-escort__main--left) {
    padding-right: 50px
}

.c-icon-escort--lg .c-icon-escort__icon {
    width: 50px
}

.c-icon-escort--text-input {
    border-radius: 4px
}

.c-icon-escort--text-input .c-icon-escort__main {
    background-color: rgba(0, 0, 0, 0);
    z-index: 3
}

body.rtl .c-icon-escort .c-icon-escort__main {
    padding-left: 40px
}

body.rtl .c-icon-escort.c-icon-escort--lg .c-icon-escort__main {
    padding-left: 50px
}

.c-basic-size--tiny {
    min-width: 70px;
    font-size: 10px;
    line-height: 15px
}

.c-basic-size--tiny,
.c-basic-size--tiny[size] {
    min-height: 15px
}

.c-basic-size--extrasmall {
    min-width: 100px;
    font-size: 12px;
    line-height: 20px
}

.c-basic-size--extrasmall,
.c-basic-size--extrasmall[size] {
    min-height: 20px
}

.c-basic-size--small {
    min-width: 125px;
    font-size: 12px;
    line-height: 25px
}

.c-basic-size--small,
.c-basic-size--small[size] {
    min-height: 25px
}

.c-basic-size--default {
    min-width: 125px;
    line-height: 30px
}

.c-basic-size--default,
.c-basic-size--default[size] {
    min-height: 30px
}

.c-basic-size--medium {
    min-width: 150px;
    font-size: 14px;
    line-height: 40px
}

.c-basic-size--medium,
.c-basic-size--medium[size] {
    min-height: 40px
}

.c-basic-size--large {
    min-width: 200px;
    font-size: 16px;
    line-height: 50px
}

.c-basic-size--large,
.c-basic-size--large[size] {
    min-height: 50px
}

.c-line-separator,
.c-line-separator.o-block__item {
    border-bottom: #e3e3e3 1px solid
}

.c-line-separator--none,
.c-line-separator--none.o-block__item {
    padding-bottom: 0;
    margin-bottom: 0
}

.c-line-separator--tiny,
.c-line-separator--tiny.o-block__item {
    padding-bottom: 5px;
    margin-bottom: 5px
}

.c-line-separator--small,
.c-line-separator--small.o-block__item {
    padding-bottom: 10px;
    margin-bottom: 10px
}

.c-line-separator--middle,
.c-line-separator--middle.o-block__item {
    padding-bottom: 15px;
    margin-bottom: 15px
}

.c-line-separator--default,
.c-line-separator--default.o-block__item {
    padding-bottom: 20px;
    margin-bottom: 20px
}

.c-line-separator--big,
.c-line-separator--big.o-block__item {
    padding-bottom: 30px;
    margin-bottom: 30px
}

.c-line-separator--bigger,
.c-line-separator--bigger.o-block__item {
    padding-bottom: 40px;
    margin-bottom: 40px
}

.c-line-separator--giant,
.c-line-separator--giant.o-block__item {
    padding-bottom: 80px;
    margin-bottom: 80px
}

@media only screen and (min-width: 600px) {

    .c-line-separator\@xs,
    .c-line-separator\@xs.o-block__item {
        border-bottom: #e3e3e3 1px solid
    }

    .c-line-separator--none\@xs,
    .c-line-separator--none\@xs.o-block__item {
        padding-bottom: 0;
        margin-bottom: 0
    }

    .c-line-separator--tiny\@xs,
    .c-line-separator--tiny\@xs.o-block__item {
        padding-bottom: 5px;
        margin-bottom: 5px
    }

    .c-line-separator--small\@xs,
    .c-line-separator--small\@xs.o-block__item {
        padding-bottom: 10px;
        margin-bottom: 10px
    }

    .c-line-separator--middle\@xs,
    .c-line-separator--middle\@xs.o-block__item {
        padding-bottom: 15px;
        margin-bottom: 15px
    }

    .c-line-separator--default\@xs,
    .c-line-separator--default\@xs.o-block__item {
        padding-bottom: 20px;
        margin-bottom: 20px
    }

    .c-line-separator--big\@xs,
    .c-line-separator--big\@xs.o-block__item {
        padding-bottom: 30px;
        margin-bottom: 30px
    }

    .c-line-separator--bigger\@xs,
    .c-line-separator--bigger\@xs.o-block__item {
        padding-bottom: 40px;
        margin-bottom: 40px
    }

    .c-line-separator--giant\@xs,
    .c-line-separator--giant\@xs.o-block__item {
        padding-bottom: 80px;
        margin-bottom: 80px
    }
}

@media only screen and (min-width: 768px) {

    .c-line-separator\@sm,
    .c-line-separator\@sm.o-block__item {
        border-bottom: #e3e3e3 1px solid
    }

    .c-line-separator--none\@sm,
    .c-line-separator--none\@sm.o-block__item {
        padding-bottom: 0;
        margin-bottom: 0
    }

    .c-line-separator--tiny\@sm,
    .c-line-separator--tiny\@sm.o-block__item {
        padding-bottom: 5px;
        margin-bottom: 5px
    }

    .c-line-separator--small\@sm,
    .c-line-separator--small\@sm.o-block__item {
        padding-bottom: 10px;
        margin-bottom: 10px
    }

    .c-line-separator--middle\@sm,
    .c-line-separator--middle\@sm.o-block__item {
        padding-bottom: 15px;
        margin-bottom: 15px
    }

    .c-line-separator--default\@sm,
    .c-line-separator--default\@sm.o-block__item {
        padding-bottom: 20px;
        margin-bottom: 20px
    }

    .c-line-separator--big\@sm,
    .c-line-separator--big\@sm.o-block__item {
        padding-bottom: 30px;
        margin-bottom: 30px
    }

    .c-line-separator--bigger\@sm,
    .c-line-separator--bigger\@sm.o-block__item {
        padding-bottom: 40px;
        margin-bottom: 40px
    }

    .c-line-separator--giant\@sm,
    .c-line-separator--giant\@sm.o-block__item {
        padding-bottom: 80px;
        margin-bottom: 80px
    }
}

@media only screen and (min-width: 992px) {

    .c-line-separator\@md,
    .c-line-separator\@md.o-block__item {
        border-bottom: #e3e3e3 1px solid
    }

    .c-line-separator--none\@md,
    .c-line-separator--none\@md.o-block__item {
        padding-bottom: 0;
        margin-bottom: 0
    }

    .c-line-separator--tiny\@md,
    .c-line-separator--tiny\@md.o-block__item {
        padding-bottom: 5px;
        margin-bottom: 5px
    }

    .c-line-separator--small\@md,
    .c-line-separator--small\@md.o-block__item {
        padding-bottom: 10px;
        margin-bottom: 10px
    }

    .c-line-separator--middle\@md,
    .c-line-separator--middle\@md.o-block__item {
        padding-bottom: 15px;
        margin-bottom: 15px
    }

    .c-line-separator--default\@md,
    .c-line-separator--default\@md.o-block__item {
        padding-bottom: 20px;
        margin-bottom: 20px
    }

    .c-line-separator--big\@md,
    .c-line-separator--big\@md.o-block__item {
        padding-bottom: 30px;
        margin-bottom: 30px
    }

    .c-line-separator--bigger\@md,
    .c-line-separator--bigger\@md.o-block__item {
        padding-bottom: 40px;
        margin-bottom: 40px
    }

    .c-line-separator--giant\@md,
    .c-line-separator--giant\@md.o-block__item {
        padding-bottom: 80px;
        margin-bottom: 80px
    }
}

.c-line-separator--simple {
    border-bottom: 1px solid #e3e3e3
}

@media only screen and (min-width: 1200px) {
    .c-line-separator--vertical__right {
        border-bottom: 0;
        border-right: 1px solid #e3e3e3
    }
}

@media only screen and (min-width: 1200px) {
    .c-line-separator--vertical__left {
        border-bottom: 0;
        border-left: 1px solid #e3e3e3
    }
}

@media only screen and (min-width: 1200px) {
    .c-line-separator--none {
        border: none !important
    }
}

.c-inline-link:hover,
.c-inline-link:active,
.c-inline-link:focus:active {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.c-inline-link--underline {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.c-inline-link--blue,
.c-inline-link--blue:focus {
    color: #1a91c9
}

.c-inline-link--blue:hover,
.c-inline-link--blue:active,
.c-inline-link--blue:focus:active {
    color: #0f74a0
}

.ui-widget-content .c-inline-link--blue,
.ui-widget-content .c-inline-link--blue:focus {
    color: #1a91c9
}

.ui-widget-content .c-inline-link--blue:hover,
.ui-widget-content .c-inline-link--blue:active,
.ui-widget-content .c-inline-link--blue:focus:active {
    color: #0f74a0
}

.c-inline-link--brand,
.c-inline-link--brand:focus {
    color: #0472AA;
    color: var(--s-color-brand-primary)
}

.c-inline-link--brand:hover,
.c-inline-link--brand:active,
.c-inline-link--brand:focus:active {
    color: #0472AA;
    color: var(--s-color-brand-primary)
}

.ui-widget-content .c-inline-link--brand,
.ui-widget-content .c-inline-link--brand:focus {
    color: #0472AA;
    color: var(--s-color-brand-primary)
}

.ui-widget-content .c-inline-link--brand:hover,
.ui-widget-content .c-inline-link--brand:active,
.ui-widget-content .c-inline-link--brand:focus:active {
    color: #0472AA;
    color: var(--s-color-brand-primary)
}

.c-inline-link--default,
.c-inline-link--default:focus {
    color: #4e4e4e
}

.c-inline-link--default:hover,
.c-inline-link--default:active,
.c-inline-link--default:focus:active {
    color: #4e4e4e
}

.ui-widget-content .c-inline-link--default,
.ui-widget-content .c-inline-link--default:focus {
    color: #4e4e4e
}

.ui-widget-content .c-inline-link--default:hover,
.ui-widget-content .c-inline-link--default:active,
.ui-widget-content .c-inline-link--default:focus:active {
    color: #4e4e4e
}

.c-tab-button {
    display: inline-block
}

.c-tab-button,
.nav-tabs .c-tab-button {
    margin: 0;
    font-weight: bold;
    padding: 10px 5px;
    color: #707070;
    border-radius: 0;
    border-right: none;
    border-top: none;
    border-left: none;
    border-bottom: 2px solid rgba(0, 0, 0, 0);
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.nav-tabs .c-tab-button {
    display: block
}

.c-tab-button:hover,
.nav-tabs .c-tab-button:focus,
.nav-tabs .c-tab-button:hover {
    background: rgba(0, 0, 0, 0);
    border-bottom: 2px solid #0472AA;
    border-bottom: 2px solid var(--s-color-brand-primary)
}

.nav-tabs .active>.c-tab-button,
.nav-tabs .active>.c-tab-button:focus,
.nav-tabs .active>.c-tab-button:hover,
.c-tab-button.c-tab-button--active {
    background: rgba(0, 0, 0, 0);
    border-right: none;
    border-top: none;
    border-left: none;
    color: #4e4e4e;
    border-bottom: 2px solid #0472AA;
    border-bottom: 2px solid var(--s-color-brand-primary)
}

@media only screen and (min-width: 992px) {
    .c-tab-button {
        padding: 10px
    }
}

.c-tab-button--large {
    padding: 15px 10px;
    border-bottom-width: 4px !important
}

.tabs-grey .nav-tabs {
    border: none
}

.tabs-grey .nav-tabs>li {
    margin-bottom: 0
}

@media only screen and (max-width: 767px) {
    .tabs-grey .nav-tabs>li {
        width: 100%
    }

    .tabs-grey .nav-tabs>li:not(.active)>a {
        border-bottom: 2px solid #f7f7f7
    }
}

.tabs-grey .nav-tabs>li>a {
    background: #fff;
    margin: 0;
    padding: 10px 20px;
    color: #707070;
    font-size: 12px;
    font-weight: bold;
    border-radius: 0;
    border: none;
    border-bottom: 2px solid rgba(0, 0, 0, 0)
}

@media only screen and (max-width: 767px) {
    .tabs-grey .nav-tabs>li>a {
        width: 100%;
        padding: 10px
    }
}

.tabs-grey .nav-tabs>li.active>a,
.tabs-grey .nav-tabs>li.active>a:focus,
.tabs-grey .nav-tabs>li.active>a:hover {
    background: #fff;
    border: none;
    border-bottom: 2px solid #0472AA;
    border-bottom: 2px solid var(--s-color-brand-primary)
}

.tabs-grey .tab-content {
    background: #fff;
    border-radius: 0 4px 4px 4px;
    padding: 20px
}

.c-magic-box .c-tab-button:hover,
.c-magic-box .nav-tabs .c-tab-button:focus,
.c-magic-box .nav-tabs .c-tab-button:hover {
    background: rgba(220, 220, 220, .3)
}

.c-circle-button {
    -webkit-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    width: 60px;
    height: 60px;
    border-radius: 600px;
    display: inline-block;
    background-color: rgba(57, 57, 57, .75);
    color: #fff;
    line-height: 60px;
    text-align: center;
    font-size: 16px;
    cursor: pointer
}

body.rtl .c-circle-button {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

body.rtl .c-circle-button.prev {
    margin-right: -20px
}

body.rtl .c-circle-button.next {
    margin-left: -20px
}

.c-circle-button:hover:not(.c-circle-button--slider-icon):not(.bg-clr--white),
.c-circle-button:active:not(.c-circle-button--slider-icon):not(.bg-clr--white),
.c-circle-button:focus:active:not(.c-circle-button--slider-icon):not(.bg-clr--white) {
    color: #fff;
    background-color: #393939
}

.c-circle-button--small {
    width: 40px;
    height: 40px;
    line-height: 40px
}

@media only screen and (max-width: 991px) {
    .c-circle-button--small\@max-md {
        width: 40px;
        height: 40px;
        line-height: 40px
    }
}

.c-circle-button--tiny {
    width: 30px;
    height: 30px;
    line-height: 30px
}

.c-circle-button--litle {
    width: 35px;
    height: 35px;
    line-height: 35px
}

.c-circle-button--right {
    width: 35px;
    padding-right: 5px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.c-circle-button--left {
    width: 35px;
    padding-left: 5px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.c-circle-button--slider {
    border: none;
    background-color: #fff;
    color: #393939;
    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, .12);
    box-shadow: 0 0 7px rgba(0, 0, 0, .12)
}

.c-circle-button--slider span {
    display: none
}

.c-circle-button--slider.disabled,
.c-circle-button--slider.swiper-button-disabled {
    opacity: 0 !important;
    pointer-events: none !important
}

.c-circle-button--slider-icon {
    border: none;
    background-color: rgba(0, 0, 0, 0);
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 30px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
    opacity: .8
}

.c-circle-button--slider-icon.disabled,
.c-circle-button--slider-icon.swiper-button-disabled {
    opacity: 0 !important;
    pointer-events: auto !important
}

.c-circle-button--slider-icon:hover,
.c-circle-button--slider-icon:active,
.c-circle-button--slider-icon:focus:active {
    opacity: 1
}

.c-read-more p,
.c-read-more b,
.c-read-more span,
.c-read-more div,
.c-read-more a,
.c-read-more strong {
    line-height: inherit;
    margin-bottom: 0 !important
}

.c-read-more p:empty,
.c-read-more b:empty,
.c-read-more span:empty,
.c-read-more div:empty,
.c-read-more a:empty,
.c-read-more strong:empty {
    display: none
}

.c-read-more ul {
    list-style: disc inside none
}

.c-read-more .js-readmore-container {
    -webkit-transition: all .7s ease 0s;
    transition: all .7s ease 0s;
    position: relative
}

.c-read-more .js-readmore-container:before {
    content: "...";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 75px;
    background-color: #fff;
    text-align: left;
    padding-left: 5px;
    pointer-events: none;
    opacity: 0
}

.bg-clr--white .js-readmore-container:before {
    background-color: #fff
}

.c-read-more .js-readmore-element *:last-child {
    margin-bottom: 0
}

.c-read-more--collapse-active .c-read-more__link {
    display: block
}

.c-read-more--collapsed .js-readmore-container:before {
    opacity: 1;
    -webkit-transition: all .4s ease 0s;
    transition: all .4s ease 0s
}

.c-read-more--collapsed .c-read-more__link--more {
    display: inline-block
}

.c-read-more--collapsed .c-read-more__link--less {
    display: none
}

.c-read-more__link {
    display: none;
    background-color: #fff
}

.bg-clr--white .c-read-more__link {
    background-color: #fff
}

.c-read-more__link--more {
    display: none
}

.c-read-more__link--less {
    display: inline-block
}

.dev-proposal-recommended-border .c-read-more .js-readmore-container:before {
    background-color: #f0f9ee
}

.dev-proposal-recommended-border .c-read-more__link {
    background-color: #f0f9ee
}

.bg-clr--lightest-gray .c-read-more .js-readmore-container:before {
    background-color: #f7f7f7
}

.bg-clr--lightest-gray .c-read-more__link {
    background-color: #f7f7f7
}

.c-alert.c-alert--info .c-read-more .js-readmore-container:before {
    background-color: rgb(247.35, 249.12, 251.82)
}

.c-alert.c-alert--info .c-read-more .c-read-more__link {
    background-color: rgb(247.35, 249.12, 251.82)
}

.c-alert.c-alert--info .c-read-more .c-read-more__link .c-read-more__link--more,
.c-alert.c-alert--info .c-read-more .c-read-more__link .c-read-more__link--less {
    font-size: 12px
}

.c-seat-badge {
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    display: inline-block;
    border-radius: 2px;
    font-size: 16px;
    color: #a2a2a2;
    background-color: #fff
}

.c-seat-badge--allowed,
.c-seat-badge--allowed:hover,
.c-seat-badge--allowed:active,
.c-seat-badge--allowed:focus {
    color: #fff
}

.c-seat-badge--price-0 {
    background-color: #e2fff8
}

.c-seat-badge--price-1 {
    background-color: #a8ffed
}

.c-seat-badge--price-2 {
    background-color: #47cfc6
}

.c-seat-badge--price-3 {
    background-color: #209894
}

.c-seat-badge--price-4 {
    background-color: #dcf0ff
}

.c-seat-badge--price-5 {
    background-color: #aedbff
}

.c-seat-badge--price-6 {
    background-color: #83c2f3
}

.c-seat-badge--price-7 {
    background-color: #5392c5
}

.c-seat-badge--price-8 {
    background-color: #4f9cd9
}

.c-seat-badge--price-9 {
    background-color: #3772a1
}

.c-seat-badge--price-10 {
    background-color: #1f517a
}

.c-seat-badge--price-11 {
    background-color: #00437a
}

.c-seat-badge--price-12 {
    background-color: #ffefd8
}

.c-seat-badge--price-13 {
    background-color: #ffe2b2
}

.c-seat-badge--price-14 {
    background-color: #f6d293
}

.c-seat-badge--price-15 {
    background-color: #fac877
}

.c-seat-badge--price-16 {
    background-color: #ffcb61
}

.c-seat-badge--price-17 {
    background-color: #ffb430
}

.c-seat-badge--blocked {
    color: #707070;
    background-color: #c2c2c2
}

.c-seat-badge--extended {
    color: #fff;
    background-color: #c2c2c2
}

.c-seat-badge--aisle {
    width: 20px
}

.c-seat-badge--aisle,
.c-seat-badge--column {
    font-size: 12px
}

.c-seat-badge--unselected {
    border: 2px dashed #e3e3e3;
    text-indent: -999em;
    color: #fff
}

.c-seat-badge--selected {
    font-weight: bold;
    text-transform: uppercase;
    background-color: #6dc151;
    color: #fff
}

.c-seat-badge--selected:hover {
    color: #fff
}

.c-seat-badge--choosen {
    background-color: #a7da96;
    text-transform: uppercase;
    color: #fff
}

.c-seat-badge--choosenhover {
    color: #fff
}

.c-seat-badge--outside {
    position: relative
}

.c-seat-badge--outside:before {
    content: " ";
    z-index: 0;
    display: block;
    width: 3px;
    height: auto;
    top: -3px;
    bottom: -3px;
    position: absolute;
    background-color: #e3e3e3
}

.c-seat-badge--outside--left:before {
    right: 0
}

.c-seat-badge--outside--right:before {
    left: 0
}

.c-seat-badge--outside.c-seat-badge--exit:before {
    background-color: #a2a2a2
}

.c-seat-badge--small {
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 12px
}

.c-loader {
    position: relative;
    width: 16px;
    display: inline-block
}

.c-loader--bar {
    display: block;
    width: 100%;
    background-color: rgba(0, 0, 0, .5);
    border-radius: 8px;
    text-align: center;
    color: #fff
}

.c-loader--bar::before {
    content: none !important
}

.c-loader--small {
    width: 25px
}

.c-loader--medium {
    width: 25px
}

@media only screen and (min-width: 1200px) {
    .c-loader--medium {
        width: 50px
    }
}

.c-loader--modal {
    width: 60px
}

@media only screen and (min-width: 1200px) {
    .c-loader--modal {
        width: 60px
    }
}

.c-loader--big {
    width: 50px
}

@media only screen and (min-width: 1200px) {
    .c-loader--big {
        width: 75px
    }
}

.c-loader::before {
    content: "";
    display: block;
    padding-top: 100%
}

.c-loader__bar {
    height: 8px;
    width: 100%;
    background-color: hsla(0, 0%, 100%, .3);
    border: 1px solid #fff;
    border-radius: 4px
}

.c-loader__bar-title {
    display: block;
    font-weight: 700
}

.c-loader__bar-line {
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius: 4px;
    -webkit-animation: fill 30s linear 1;
    animation: fill 30s linear 1
}

.c-loader__main {
    -webkit-animation: rotate 2s linear infinite !important;
    animation: rotate 2s linear infinite !important;
    height: 100%;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    width: 100%;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute
}

.c-loader__circle {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    -webkit-animation: dash 1.5s ease-in-out infinite !important;
    animation: dash 1.5s ease-in-out infinite !important;
    stroke-linecap: round;
    stroke: #fff
}

.c-loader__circle--brand {
    stroke: #0472AA;
    stroke: var(--s-color-brand-primary)
}

@-webkit-keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes fill {
    from {
        width: 0
    }

    to {
        width: 100%
    }
}

@keyframes fill {
    from {
        width: 0
    }

    to {
        width: 100%
    }
}

@-webkit-keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px
    }

    100% {
        stroke-dasharray: 899, 200;
        stroke-dashoffset: -124px
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px
    }

    100% {
        stroke-dasharray: 899, 200;
        stroke-dashoffset: -124px
    }
}

.c-flag-icon {
    position: relative;
    display: inline-block;
    width: 20px;
    line-height: 1;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.c-flag-icon:before {
    content: "Â "
}

.c-flag-icon-ad {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/ad.svg")
}

.c-flag-icon-ae {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/ae.svg")
}

.c-flag-icon-af {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/af.svg")
}

.c-flag-icon-ag {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/ag.svg")
}

.c-flag-icon-ai {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/ai.svg")
}

.c-flag-icon-al {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/al.svg")
}

.c-flag-icon-am {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/am.svg")
}

.c-flag-icon-an {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/an.svg")
}

.c-flag-icon-ao {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/ao.svg")
}

.c-flag-icon-aq {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/aq.svg")
}

.c-flag-icon-ar {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/ar.svg")
}

.c-flag-icon-asd {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/asd.svg")
}

.c-flag-icon-as {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/as.svg")
}

.c-flag-icon-at {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/at.svg")
}

.c-flag-icon-au {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/au.svg")
}

.c-flag-icon-aw {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/aw.svg")
}

.c-flag-icon-ax {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/ax.svg")
}

.c-flag-icon-az {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/az.svg")
}

.c-flag-icon-ba {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/ba.svg")
}

.c-flag-icon-bb {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/bb.svg")
}

.c-flag-icon-bd {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/bd.svg")
}

.c-flag-icon-be {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/be.svg")
}

.c-flag-icon-bf {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/bf.svg")
}

.c-flag-icon-bg {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/bg.svg")
}

.c-flag-icon-bh {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/bh.svg")
}

.c-flag-icon-bi {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/bi.svg")
}

.c-flag-icon-bj {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/bj.svg")
}

.c-flag-icon-bl {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/bl.svg")
}

.c-flag-icon-bm {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/bm.svg")
}

.c-flag-icon-bn {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/bn.svg")
}

.c-flag-icon-bo {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/bo.svg")
}

.c-flag-icon-bq {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/bq.svg")
}

.c-flag-icon-br {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/br.svg")
}

.c-flag-icon-bs {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/bs.svg")
}

.c-flag-icon-bt {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/bt.svg")
}

.c-flag-icon-mm {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/mm.svg")
}

.c-flag-icon-bv {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/bv.svg")
}

.c-flag-icon-bw {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/bw.svg")
}

.c-flag-icon-by {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/by.svg")
}

.c-flag-icon-bz {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/bz.svg")
}

.c-flag-icon-ca {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/ca.svg")
}

.c-flag-icon-cc {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/cc.svg")
}

.c-flag-icon-cd {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/cd.svg")
}

.c-flag-icon-cf {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/cf.svg")
}

.c-flag-icon-cg {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/cg.svg")
}

.c-flag-icon-ch {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/ch.svg")
}

.c-flag-icon-ci {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/ci.svg")
}

.c-flag-icon-ck {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/ck.svg")
}

.c-flag-icon-cl {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/cl.svg")
}

.c-flag-icon-cm {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/cm.svg")
}

.c-flag-icon-co {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/co.svg")
}

.c-flag-icon-cr {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/cr.svg")
}

.c-flag-icon-cu {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/cu.svg")
}

.c-flag-icon-cv {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/cv.svg")
}

.c-flag-icon-cw {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/cw.svg")
}

.c-flag-icon-cx {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/cx.svg")
}

.c-flag-icon-cy {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/cy.svg")
}

.c-flag-icon-cz {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/cz.svg")
}

.c-flag-icon-de {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/de.svg")
}

.c-flag-icon-dj {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/dj.svg")
}

.c-flag-icon-dk {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/dk.svg")
}

.c-flag-icon-dm {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/dm.svg")
}

.c-flag-icon-do {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/do.svg")
}

.c-flag-icon-dz {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/dz.svg")
}

.c-flag-icon-ec {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/ec.svg")
}

.c-flag-icon-ee {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/ee.svg")
}

.c-flag-icon-eg {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/eg.svg")
}

.c-flag-icon-eh {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/eh.svg")
}

.c-flag-icon-gr {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/gr.svg")
}

.c-flag-icon-gb {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/gb.svg")
}

.c-flag-icon-er {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/er.svg")
}

.c-flag-icon-es {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/es.svg")
}

.c-flag-icon-et {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/et.svg")
}

.c-flag-icon-fi {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/fi.svg")
}

.c-flag-icon-fj {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/fj.svg")
}

.c-flag-icon-fk {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/fk.svg")
}

.c-flag-icon-fm {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/fm.svg")
}

.c-flag-icon-fo {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/fo.svg")
}

.c-flag-icon-fr {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/fr.svg")
}

.c-flag-icon-ga {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/ga.svg")
}

.c-flag-icon-gb {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/gb.svg")
}

.c-flag-icon-gd {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/gd.svg")
}

.c-flag-icon-ge {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/ge.svg")
}

.c-flag-icon-gf {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/gf.svg")
}

.c-flag-icon-gg {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/gg.svg")
}

.c-flag-icon-gh {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/gh.svg")
}

.c-flag-icon-gi {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/gi.svg")
}

.c-flag-icon-gl {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/gl.svg")
}

.c-flag-icon-gm {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/gm.svg")
}

.c-flag-icon-gn {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/gn.svg")
}

.c-flag-icon-gp {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/gp.svg")
}

.c-flag-icon-gq {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/gq.svg")
}

.c-flag-icon-gr {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/gr.svg")
}

.c-flag-icon-gs {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/gs.svg")
}

.c-flag-icon-gt {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/gt.svg")
}

.c-flag-icon-gu {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/gu.svg")
}

.c-flag-icon-gw {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/gw.svg")
}

.c-flag-icon-gy {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/gy.svg")
}

.c-flag-icon-hk {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/hk.svg")
}

.c-flag-icon-hm {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/hm.svg")
}

.c-flag-icon-hn {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/hn.svg")
}

.c-flag-icon-hr {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/hr.svg")
}

.c-flag-icon-ht {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/ht.svg")
}

.c-flag-icon-hu {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/hu.svg")
}

.c-flag-icon-id {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/id.svg")
}

.c-flag-icon-ie {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/ie.svg")
}

.c-flag-icon-il {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/il.svg")
}

.c-flag-icon-im {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/im.svg")
}

.c-flag-icon-in {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/in.svg")
}

.c-flag-icon-io {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/io.svg")
}

.c-flag-icon-iq {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/iq.svg")
}

.c-flag-icon-ir {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/ir.svg")
}

.c-flag-icon-is {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/is.svg")
}

.c-flag-icon-it {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/it.svg")
}

.c-flag-icon-je {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/je.svg")
}

.c-flag-icon-jm {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/jm.svg")
}

.c-flag-icon-jo {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/jo.svg")
}

.c-flag-icon-jp {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/jp.svg")
}

.c-flag-icon-jp {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/jp.svg")
}

.c-flag-icon-ke {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/ke.svg")
}

.c-flag-icon-kg {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/kg.svg")
}

.c-flag-icon-kh {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/kh.svg")
}

.c-flag-icon-ki {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/ki.svg")
}

.c-flag-icon-km {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/km.svg")
}

.c-flag-icon-kn {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/kn.svg")
}

.c-flag-icon-kp {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/kp.svg")
}

.c-flag-icon-kr {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/kr.svg")
}

.c-flag-icon-kw {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/kw.svg")
}

.c-flag-icon-ky {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/ky.svg")
}

.c-flag-icon-kz {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/kz.svg")
}

.c-flag-icon-la {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/la.svg")
}

.c-flag-icon-lb {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/lb.svg")
}

.c-flag-icon-lc {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/lc.svg")
}

.c-flag-icon-li {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/li.svg")
}

.c-flag-icon-lk {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/lk.svg")
}

.c-flag-icon-lr {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/lr.svg")
}

.c-flag-icon-ls {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/ls.svg")
}

.c-flag-icon-lt {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/lt.svg")
}

.c-flag-icon-lu {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/lu.svg")
}

.c-flag-icon-lv {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/lv.svg")
}

.c-flag-icon-ly {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/ly.svg")
}

.c-flag-icon-ma {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/ma.svg")
}

.c-flag-icon-mc {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/mc.svg")
}

.c-flag-icon-md {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/md.svg")
}

.c-flag-icon-me {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/me.svg")
}

.c-flag-icon-mf {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/mf.svg")
}

.c-flag-icon-mg {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/mg.svg")
}

.c-flag-icon-mh {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/mh.svg")
}

.c-flag-icon-mk {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/mk.svg")
}

.c-flag-icon-ml {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/ml.svg")
}

.c-flag-icon-mm {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/mm.svg")
}

.c-flag-icon-mn {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/mn.svg")
}

.c-flag-icon-mo {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/mo.svg")
}

.c-flag-icon-mp {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/mp.svg")
}

.c-flag-icon-mq {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/mq.svg")
}

.c-flag-icon-mr {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/mr.svg")
}

.c-flag-icon-ms {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/ms.svg")
}

.c-flag-icon-mt {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/mt.svg")
}

.c-flag-icon-mu {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/mu.svg")
}

.c-flag-icon-mv {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/mv.svg")
}

.c-flag-icon-mw {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/mw.svg")
}

.c-flag-icon-mx {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/mx.svg")
}

.c-flag-icon-my {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/my.svg")
}

.c-flag-icon-mz {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/mz.svg")
}

.c-flag-icon-na {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/na.svg")
}

.c-flag-icon-nc {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/nc.svg")
}

.c-flag-icon-ne {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/ne.svg")
}

.c-flag-icon-nf {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/nf.svg")
}

.c-flag-icon-ng {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/ng.svg")
}

.c-flag-icon-ni {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/ni.svg")
}

.c-flag-icon-nl {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/nl.svg")
}

.c-flag-icon-no {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/no.svg")
}

.c-flag-icon-np {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/np.svg")
}

.c-flag-icon-nr {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/nr.svg")
}

.c-flag-icon-nu {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/nu.svg")
}

.c-flag-icon-nz {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/nz.svg")
}

.c-flag-icon-om {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/om.svg")
}

.c-flag-icon-pa {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/pa.svg")
}

.c-flag-icon-pe {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/pe.svg")
}

.c-flag-icon-pf {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/pf.svg")
}

.c-flag-icon-pg {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/pg.svg")
}

.c-flag-icon-ph {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/ph.svg")
}

.c-flag-icon-pk {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/pk.svg")
}

.c-flag-icon-pl {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/pl.svg")
}

.c-flag-icon-pm {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/pm.svg")
}

.c-flag-icon-pn {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/pn.svg")
}

.c-flag-icon-pr {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/pr.svg")
}

.c-flag-icon-ps {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/ps.svg")
}

.c-flag-icon-pt {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/pt.svg")
}

.c-flag-icon-pw {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/pw.svg")
}

.c-flag-icon-py {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/py.svg")
}

.c-flag-icon-qa {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/qa.svg")
}

.c-flag-icon-re {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/re.svg")
}

.c-flag-icon-ro {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/ro.svg")
}

.c-flag-icon-rs {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/rs.svg")
}

.c-flag-icon-ru {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/ru.svg")
}

.c-flag-icon-rw {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/rw.svg")
}

.c-flag-icon-sa {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/sa.svg")
}

.c-flag-icon-sb {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/sb.svg")
}

.c-flag-icon-sc {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/sc.svg")
}

.c-flag-icon-sd {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/sd.svg")
}

.c-flag-icon-se {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/se.svg")
}

.c-flag-icon-sg {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/sg.svg")
}

.c-flag-icon-sh {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/sh.svg")
}

.c-flag-icon-si {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/si.svg")
}

.c-flag-icon-sj {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/sj.svg")
}

.c-flag-icon-sk {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/sk.svg")
}

.c-flag-icon-sl {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/sl.svg")
}

.c-flag-icon-sm {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/sm.svg")
}

.c-flag-icon-sn {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/sn.svg")
}

.c-flag-icon-so {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/so.svg")
}

.c-flag-icon-sr {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/sr.svg")
}

.c-flag-icon-ss {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/ss.svg")
}

.c-flag-icon-st {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/st.svg")
}

.c-flag-icon-sv {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/sv.svg")
}

.c-flag-icon-sx {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/sx.svg")
}

.c-flag-icon-sy {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/sy.svg")
}

.c-flag-icon-sz {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/sz.svg")
}

.c-flag-icon-tc {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/tc.svg")
}

.c-flag-icon-td {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/td.svg")
}

.c-flag-icon-tf {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/tf.svg")
}

.c-flag-icon-tg {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/tg.svg")
}

.c-flag-icon-th {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/th.svg")
}

.c-flag-icon-tj {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/tj.svg")
}

.c-flag-icon-tk {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/tk.svg")
}

.c-flag-icon-tl {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/tl.svg")
}

.c-flag-icon-tm {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/tm.svg")
}

.c-flag-icon-tn {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/tn.svg")
}

.c-flag-icon-to {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/to.svg")
}

.c-flag-icon-tr {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/tr.svg")
}

.c-flag-icon-tt {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/tt.svg")
}

.c-flag-icon-tv {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/tv.svg")
}

.c-flag-icon-tw {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/tw.svg")
}

.c-flag-icon-tz {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/tz.svg")
}

.c-flag-icon-ua {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/ua.svg")
}

.c-flag-icon-ug {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/ug.svg")
}

.c-flag-icon-um {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/um.svg")
}

.c-flag-icon-us {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/us.svg")
}

.c-flag-icon-uy {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/uy.svg")
}

.c-flag-icon-uz {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/uz.svg")
}

.c-flag-icon-va {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/va.svg")
}

.c-flag-icon-vc {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/vc.svg")
}

.c-flag-icon-ve {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/ve.svg")
}

.c-flag-icon-vg {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/vg.svg")
}

.c-flag-icon-vi {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/vi.svg")
}

.c-flag-icon-vn {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/vn.svg")
}

.c-flag-icon-vu {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/vu.svg")
}

.c-flag-icon-wf {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/wf.svg")
}

.c-flag-icon-um {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/um.svg")
}

.c-flag-icon-ws {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/ws.svg")
}

.c-flag-icon-ye {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/ye.svg")
}

.c-flag-icon-yt {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/yt.svg")
}

.c-flag-icon-za {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/za.svg")
}

.c-flag-icon-zh {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/zh.svg")
}

.c-flag-icon-zm {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/zm.svg")
}

.c-flag-icon-zw {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/zw.svg")
}

.c-flag-icon-eu {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/eu.svg")
}

.c-flag-icon-gb-eng {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/gb-eng.svg")
}

.c-flag-icon-gb-nir {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/gb-nir.svg")
}

.c-flag-icon-gb-sct {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/gb-sct.svg")
}

.c-flag-icon-gb-wls {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/gb-wls.svg")
}

.c-flag-icon-un {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/un.svg")
}

.c-flag-icon-bu {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/mm.svg")
}

.c-flag-icon-fa {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/ir.svg")
}

.c-flag-icon-wk {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/um.svg")
}

.c-flag-icon-cn {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/zh.svg")
}

.c-flag-icon-sq {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/al.svg")
}

.c-flag-icon-sv.c-flag-icon--language {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/se.svg")
}

.c-flag-icon-ar.c-flag-icon--language {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/ar-lang.svg")
}

.c-flag-icon-ca.c-flag-icon--language {
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/css/icons/flags/4x3/es_CA.svg")
}

.c-progress-bar {
    height: 6px;
    border-radius: 6px;
    background-color: #fff
}

.c-progress-bar__main {
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    border-radius: 6px;
    width: 0;
    background-color: #6dc151;
    height: 6px
}

.c-desactive-box {
    background-color: #f7f7f7 !important;
    background-image: linear-gradient(45deg, white 25%, transparent 25%, transparent 50%, white 50%, white 75%, transparent 75%, transparent) !important;
    background-size: 40px 40px !important
}

.c-box-circle {
    overflow: hidden;
    display: inline-block;
    border-radius: 50%;
    background-size: cover;
    background-position: center center;
    height: 30px;
    min-height: 30px;
    width: 30px;
    min-width: 30px
}

.c-box-circle--small {
    width: 20px;
    min-width: 20px;
    height: 20px;
    min-height: 20px
}

.c-box-circle--middle {
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px
}

.c-box-circle--big {
    width: 50px;
    min-width: 50px;
    height: 50px;
    min-height: 50px
}

.c-box-circle--bigger {
    width: 75px;
    min-width: 75px;
    height: 75px;
    min-height: 75px
}

.c-box-circle--giant {
    width: 150px;
    min-width: 150px;
    height: 150px;
    min-height: 150px
}

.c-exchange {
    text-align: right
}

.c-exchange>div {
    color: #0472AA;
    color: var(--s-color-brand-primary);
    font-weight: bold;
    padding: 10px;
    margin: 0
}

.c-sb-input__label {
    font-size: 14px !important;
    font-weight: 400;
    margin-bottom: 0;
    padding-bottom: 5px
}

.c-sb-input__label .ui-outputlabel-rfi {
    display: none
}

.c-sb-input--combined {
    position: relative;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, .2);
    box-shadow: 0 3px 7px rgba(0, 0, 0, .2)
}

.c-sb-input--combined:after {
    content: " ";
    z-index: 2;
    display: block;
    width: 1px;
    height: 20px;
    top: calc(50% - 10px);
    left: 50%;
    position: absolute;
    background-color: #393939;
    pointer-events: none
}

.c-sb-input--combined .c-sb-input:first-child .c-sb-input__field {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

body.rtl .c-sb-input--combined .c-sb-input:first-child .c-sb-input__field {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.c-sb-input--combined .c-sb-input:last-child .c-sb-input__field {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

body.rtl .c-sb-input--combined .c-sb-input:last-child .c-sb-input__field {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.c-sb-input--combined .c-sb-input__addicon--drop .c-sb-input__field {
    padding-right: 25px
}

.c-sb-input--combined .c-sb-input__addicon .c-sb-input__field {
    padding-left: 40px
}

.c-sb-input--combined .c-sb-input__field {
    border-color: rgba(0, 0, 0, 0);
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.c-sb-input__addicon {
    position: relative
}

.c-sb-input__addicon .c-sb-input__field {
    padding-left: 45px
}

body.rtl .c-sb-input__addicon .c-sb-input__field {
    padding-right: 45px
}

.c-sb-input__addicon--drop {
    position: relative
}

.c-sb-input__addicon--drop:after {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: "Font Awesome 7 Pro", sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #393939;
    pointer-events: none
}

body.rtl .c-sb-input__addicon--drop:after {
    right: auto;
    left: 0
}

.c-sb-input__addicon--drop .c-sb-input__field {
    padding-right: 30px
}

.c-sb-input__addicon--drop .ui-autocomplete-dropdown .ui-icon {
    display: none
}

.c-sb-input__field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 42px;
    height: 100%;
    padding: 0 15px;
    width: 100%;
    border: 1px solid #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, .2) !important;
    box-shadow: 0 3px 7px rgba(0, 0, 0, .2) !important;
    background: #fff;
    font-size: 14px;
    color: #393939;
    line-height: 1;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: .01px;
    cursor: pointer;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

@media only screen and (max-width: 767px) {
    .c-sb-input__field {
        font-size: 16px
    }
}

.c-sb-input__field:focus {
    border-color: hsl(240, 1%, calc(64% + 45%)) !important;
    border-color: hsl(var(--s-color-brand-primary-hsl-hue, 240), var(--s-color-brand-primary-hsl-saturation, 1%), calc(var(--s-color-brand-primary-hsl-light, 64%) + 45%)) !important
}

.c-sb-input__field:focus~.c-sb-input__icon {
    color: #0472AA;
    color: var(--s-color-brand-primary)
}

.c-sb-input__field input:not(.bs-searchbox input) {
    border: none !important;
    font-size: 14px;
    color: #393939 !important;
    background-color: #fff !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    padding: 0 !important
}

.c-sb-input__field .ui-autocomplete-dropdown {
    border: none !important;
    color: #393939 !important;
    background-color: #fff !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    width: 40px !important
}

.c-sb-input__field.ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield {
    padding-left: 0
}

body.rtl .c-sb-input__field.ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield {
    padding-left: 2rem;
    padding-right: 0
}

.c-sb-input__field::-webkit-input-placeholder {
    font-size: 14px
}

.c-sb-input__field::-moz-placeholder {
    font-size: 14px
}

.c-sb-input__field:-ms-input-placeholder {
    font-size: 14px
}

.c-sb-input__field::-ms-input-placeholder {
    font-size: 14px
}

.c-sb-input__field::placeholder {
    font-size: 14px
}

@media only screen and (max-width: 767px) {
    .c-sb-input__field::-webkit-input-placeholder {
        font-size: 16px
    }

    .c-sb-input__field::-moz-placeholder {
        font-size: 16px
    }

    .c-sb-input__field:-ms-input-placeholder {
        font-size: 16px
    }

    .c-sb-input__field::-ms-input-placeholder {
        font-size: 16px
    }

    .c-sb-input__field::placeholder {
        font-size: 16px
    }
}

.c-sb-input__field::-webkit-input-placeholder {
    color: #393939;
    line-height: 1
}

.c-sb-input__field::-moz-placeholder {
    color: #393939;
    line-height: 1
}

.c-sb-input__field:-ms-input-placeholder {
    color: #393939;
    line-height: 1
}

.c-sb-input__field::-ms-input-placeholder {
    color: #393939;
    line-height: 1
}

.c-sb-input__field::placeholder {
    color: #393939;
    line-height: 1
}

.c-sb-input__field[disabled=disabled] {
    background-color: #e3e3e3;
    opacity: .8;
    cursor: auto;
    cursor: initial
}

.c-sb-input__field[disabled=disabled].ui-state-default {
    pointer-events: auto;
    cursor: auto !important;
    cursor: initial !important
}

.c-sb-input--detected {
    border: 1px solid #6dc151;
    background-color: rgb(240.4, 248.8, 237.6)
}

.c-sb-input--nationality .btn.dropdown-toggle {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0) !important;
    border: none;
    font-size: 14px;
    color: #393939;
    min-height: 42px
}

.c-sb-input--nationality .btn.dropdown-toggle .bs-caret {
    display: none
}

@media only screen and (max-width: 767px) {
    .c-sb-input--nationality .dropdown.bootstrap-select {
        width: auto !important
    }
}

@media only screen and (min-width: 992px)and (max-width: 1499px) {
    .c-sb-input--nationality .bootstrap-select ul.dropdown-menu {
        max-height: 310px !important
    }
}

@media only screen and (min-width: 1500px) {
    .c-sb-input--nationality .bootstrap-select ul.dropdown-menu {
        max-height: 350px !important
    }
}

.c-sb-input select {
    line-height: 3
}

.c-sb-input select option {
    color: #393939
}

.c-sb-input .ui-inputwrapper-focus {
    border-color: hsl(240, 1%, calc(64% + 45%)) !important;
    border-color: hsl(var(--s-color-brand-primary-hsl-hue, 240), var(--s-color-brand-primary-hsl-saturation, 1%), calc(var(--s-color-brand-primary-hsl-light, 64%) + 45%)) !important
}

.c-sb-input .ui-inputwrapper-focus~.c-sb-input__icon {
    color: #0472AA;
    color: var(--s-color-brand-primary)
}

.c-sb-input .ui-autocomplete-empty-message {
    color: #707070
}

.c-sb-input .ui-inputfield.ui-state-hover:not(.c-text-input) {
    border-color: #fff
}

.c-sb-input .dev-time-picker {
    cursor: pointer
}

.c-sb-input .dev-time-picker.open~.c-sb-input__icon {
    color: #0472AA;
    color: var(--s-color-brand-primary)
}

.c-sb-input__icon {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 20px;
    color: #393939;
    pointer-events: none;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

body.rtl .c-sb-input__icon {
    right: 0;
    left: auto
}

.c-sb-input__button {
    min-height: 44px
}

.c-sb-input .sb-autocomplete .ui-autocomplete-panel {
    max-height: 300px
}

.c-sb-selector {
    text-align: left
}

@media only screen and (min-width: 1200px) {
    .c-sb-selector {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.c-sb-selector__label {
    margin-bottom: 0;
    font-size: 14px !important;
    font-weight: 400;
    color: #707070
}

.c-sb-selector__label .ui-outputlabel-rfi {
    display: none
}

.c-sb-selector__addicon {
    position: relative
}

.c-sb-selector__addicon .c-sb-selector__field {
    padding-right: 36px
}

body.rtl .c-sb-selector__addicon .c-sb-selector__field {
    padding-left: 36px;
    padding-right: 10px
}

.c-sb-selector__field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 34px;
    height: 100%;
    width: 100%;
    border: 1px solid #707070;
    border-radius: 4px;
    font-size: 14px;
    color: #707070;
    line-height: 2.2;
    padding: 0 10px;
    min-width: 150px;
    max-width: 220px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    text-indent: .01px
}

.c-sb-selector__field::-webkit-input-placeholder {
    color: #707070
}

.c-sb-selector__field::-moz-placeholder {
    color: #707070
}

.c-sb-selector__field:-ms-input-placeholder {
    color: #707070
}

.c-sb-selector__field::-ms-input-placeholder {
    color: #707070
}

.c-sb-selector__field::placeholder {
    color: #707070
}

@media only screen and (max-width: 373px) {
    .c-sb-selector__field {
        min-width: 110px
    }
}

@media only screen and (min-width: 1200px) {
    .c-sb-selector__field {
        padding-bottom: 0
    }
}

body.rtl .c-sb-selector__field .filter-option {
    float: right;
    text-align: right;
    padding-right: 0
}

.c-sb-selector--nationality .btn.dropdown-toggle {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0) !important;
    border: none;
    font-size: 14px;
    color: #707070
}

.c-sb-selector--nationality .btn.dropdown-toggle .bs-caret {
    display: none
}

@media only screen and (max-width: 767px) {
    .c-sb-selector--nationality .dropdown.bootstrap-select {
        width: auto !important
    }
}

@media only screen and (min-width: 992px)and (max-width: 1499px) {
    .c-sb-selector--nationality .bootstrap-select ul.dropdown-menu {
        max-height: 310px !important
    }
}

@media only screen and (min-width: 1500px) {
    .c-sb-selector--nationality .bootstrap-select ul.dropdown-menu {
        max-height: 350px !important
    }
}

.c-sb-selector__icon {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    color: #707070;
    pointer-events: none
}

body.rtl .c-sb-selector__icon {
    left: 0;
    right: auto
}

.c-sb-selector .ui-autocomplete-panel {
    width: 100% !important
}

.c-sb-selector .ui-inputfield {
    padding: 0 !important;
    border: none !important;
    font-size: 14px;
    color: #707070 !important;
    width: 100px;
    background-color: rgba(0, 0, 0, 0)
}

.c-sb-selector .ui-autocomplete-dropdown {
    opacity: 0
}

.c-sb-selector .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item {
    color: #707070;
    line-height: 1.5
}

.c-sb-selector .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight {
    color: #fff
}

.c-title--main {
    font-size: 20px
}

.c-title--secondary {
    font-size: 16px
}

.c-expand-zone {
    position: relative
}

.c-expand-zone:after {
    content: " ";
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    top: -10px;
    left: -10px;
    position: absolute;
    border-radius: 50%
}

.c-whatsapp-button {
    right: 0;
    top: calc(50% - 50px/2)
}

.c-whatsapp-button:hover .c-whatsapp-button__element,
.c-whatsapp-button:active .c-whatsapp-button__element,
.c-whatsapp-button:focus:active .c-whatsapp-button__element {
    background-color: rgb(43.759030837, 210.940969163, 62.8334801762)
}

.c-whatsapp-button:hover .c-whatsapp-button__tag,
.c-whatsapp-button:active .c-whatsapp-button__tag,
.c-whatsapp-button:focus:active .c-whatsapp-button__tag {
    opacity: 1
}

.c-whatsapp-button__element {
    width: 50px;
    height: 50px;
    background-color: #43d854;
    border-radius: 4px 0 0 4px
}

@media only screen and (min-width: 1500px) {
    .c-whatsapp-button__element {
        width: 60px;
        height: 60px
    }
}

.c-whatsapp-button__element i {
    font-size: 28px;
    padding-left: 3px
}

@media only screen and (min-width: 1500px) {
    .c-whatsapp-button__element i {
        font-size: 32px
    }
}

.c-whatsapp-button__tag {
    position: relative;
    opacity: 0;
    -webkit-animation: 3s ease-in-out 5s 1 flash-in;
    animation: 3s ease-in-out 5s 1 flash-in
}

.c-whatsapp-button__tag:before,
.c-whatsapp-button__tag:after {
    content: "";
    position: absolute;
    left: 100%
}

.c-whatsapp-button__tag:before {
    top: calc(50% - 3px);
    border-style: solid;
    height: 0;
    width: 0;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, .2);
    border-width: 4.5px 0 4.5px 9px
}

.c-whatsapp-button__tag:after {
    top: calc(50% - 4px);
    border-style: solid;
    height: 0;
    width: 0;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff;
    border-width: 4px 0 4px 8px
}

.rtl .c-whatsapp-button {
    right: auto;
    left: 0
}

.rtl .c-whatsapp-button__element {
    border-radius: 0 4px 4px 0
}

.rtl .c-whatsapp-button__tag:before,
.rtl .c-whatsapp-button__tag:after {
    left: auto;
    right: 100%;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

@-webkit-keyframes flash-in {
    0% {
        opacity: 0
    }

    25% {
        opacity: 1
    }

    75% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes flash-in {
    0% {
        opacity: 0
    }

    25% {
        opacity: 1
    }

    75% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.c-payment-method__radio .ui-radiobutton {
    position: static
}

.c-payment-method__radio .ui-radiobutton-box {
    position: static;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 30px;
    height: 30px
}

.c-payment-method__radio .ui-radiobutton-box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px
}

.c-payment-method__radio .ui-radiobutton-box .ui-radiobutton-icon.ui-icon-bullet {
    border: none
}

.c-payment-method__radio .ui-radiobutton-box .ui-radiobutton-icon.ui-icon-bullet:after {
    content: "";
    font-family: "primeicons" !important;
    font-weight: 700;
    font-size: 14px;
    color: #fff
}

.c-payment-method__radio .ui-radiobutton-box.ui-state-active:before {
    border: 1px solid #0472AA;
    border: 1px solid var(--s-color-brand-primary)
}

.c-payment-method__radio .ui-radiobutton-box.ui-state-active .ui-radiobutton-icon {
    position: inherit;
    margin-left: 0;
    margin-top: 0
}

.c-payment-method__radio .ui-radiobutton-box.ui-state-active.ui-state-hover {
    background-color: #0472AA;
    background-color: var(--s-color-brand-primary)
}

.c-payment-method__info {
    height: calc(100% - 30px)
}

.c-checkbox {
    font-family: "primeicons" !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0 5px 0 0;
    height: 20px;
    padding: 0;
    border: 0;
    line-height: 1;
    cursor: pointer
}

.c-checkbox:before {
    content: "";
    display: block;
    position: relative;
    width: 20px;
    height: 20px;
    border: 2px solid #e3e3e3;
    border-radius: 4px;
    background: #fff
}

.c-checkbox:after {
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    top: -20px;
    width: 20px;
    height: 20px;
    border: 2px solid rgba(0, 0, 0, 0);
    border-radius: 4px;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 12px;
    font-weight: 700
}

.c-checkbox--checked:after {
    content: "";
    border-color: #0472AA;
    border-color: var(--s-color-brand-primary);
    background: #0472AA;
    background: var(--s-color-brand-primary);
    color: #fff
}

.c-checkbox:checked:after {
    content: "";
    border-color: #0472AA;
    border-color: var(--s-color-brand-primary);
    background: #0472AA;
    background: var(--s-color-brand-primary);
    color: #fff
}

.c-checkbox:not(:disabled):hover:after {
    border-color: #0472AA;
    border-color: var(--s-color-brand-primary)
}

.c-checkbox[disabled=disabled]:after {
    border-color: #e3e3e3;
    background: #f7f7f7;
    color: #a2a2a2
}

.c-checkbox--round:after {
    font-size: 10px
}

.c-checkbox--round:before,
.c-checkbox--round:after {
    border-radius: 50%
}

.c-checkbox--brand:before {
    border-color: #0472AA;
    border-color: var(--s-color-brand-primary)
}

.c-checkbox--success.c-checkbox--checked:after {
    border-color: #6dc151;
    background-color: #6dc151
}

.c-checkbox--success:not(:disabled):hover:after {
    border-color: #6dc151
}

.c-checkbox--gray.c-checkbox--checked:after {
    border-color: #a2a2a2;
    background-color: #a2a2a2
}

.c-checkbox--gray:hover:after {
    border-color: #a2a2a2
}

.c-checkbox--white:before {
    border-color: #fff;
    border-width: 1px;
    background-color: rgba(0, 0, 0, 0)
}

.c-checkbox--md {
    height: 25px
}

.c-checkbox--md:before,
.c-checkbox--md:after {
    width: 25px;
    height: 25px
}

.c-checkbox--md:after {
    top: -25px;
    font-size: 14px
}

.c-checkbox--lg {
    height: 30px
}

.c-checkbox--lg:before,
.c-checkbox--lg:after {
    width: 30px;
    height: 30px
}

.c-checkbox--lg:after {
    top: -30px;
    font-size: 14px
}

.c-radiobutton {
    font-family: "primeicons" !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0 5px 0 0;
    height: 20px;
    padding: 0;
    border: 0;
    line-height: 1;
    cursor: pointer
}

.c-radiobutton:before {
    content: "";
    display: block;
    position: relative;
    width: 20px;
    height: 20px;
    border: 2px solid #e3e3e3;
    border-radius: 50%;
    background: #fff
}

.c-radiobutton:after {
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    top: -20px;
    width: 20px;
    height: 20px;
    border: 2px solid rgba(0, 0, 0, 0);
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 10px;
    font-weight: 700
}

.c-radiobutton:checked:after {
    content: "";
    border-color: #0472AA;
    border-color: var(--s-color-brand-primary);
    background: #0472AA;
    background: var(--s-color-brand-primary);
    color: #fff;
    line-height: 1.3
}

.c-radiobutton:not(:disabled):hover:after {
    border-color: #0472AA;
    border-color: var(--s-color-brand-primary)
}

.c-radiobutton[disabled=disabled]:after {
    border-color: #e3e3e3;
    background: #f7f7f7;
    color: #a2a2a2
}

.c-radiobutton.ui-radiobutton:after {
    content: none
}

.c-radiobutton.ui-radiobutton .ui-radiobutton-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.c-radiobutton.ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon {
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-radiobutton.ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:after {
    content: "";
    border-radius: 50%;
    font-size: 10px;
    font-weight: 700;
    line-height: 1
}

.c-radiobutton.ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-radiobutton-icon {
    position: static;
    width: 100%;
    height: 100%;
    margin: 0
}

.c-radiobutton.ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-radiobutton-icon:after {
    content: "";
    border-color: #0472AA;
    border-color: var(--s-color-brand-primary);
    background: #0472AA;
    background: var(--s-color-brand-primary);
    color: #fff;
    line-height: 1
}

.c-radiobutton--md {
    height: 25px
}

.c-radiobutton--md:before,
.c-radiobutton--md:after {
    width: 25px;
    height: 25px
}

.c-radiobutton--md:after {
    top: -25px;
    font-size: 14px
}

.c-radiobutton--md.ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:after {
    font-size: 14px
}

.c-radiobutton--lg {
    height: 30px
}

.c-radiobutton--lg:before,
.c-radiobutton--lg:after {
    width: 30px;
    height: 30px
}

.c-radiobutton--lg:after {
    top: -30px;
    font-size: 14px
}

.c-radiobutton--lg.ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:after {
    font-size: 14px
}

.c-rating {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px
}

.c-rating__score {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 26px;
    width: 44px;
    min-width: 44px;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    line-height: 1;
    border-radius: 4px
}

.c-rating__grade {
    font-size: 12px;
    font-weight: 700;
    line-height: 1
}

.c-rating__comments {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 12px;
    line-height: 1.25
}

.c-rating--reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    text-align: right
}

.c-rating--reverse .c-rating__comments {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end
}

@media only screen and (min-width: 600px) {
    .c-rating--reverse\@xs {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        text-align: right
    }

    .c-rating--reverse\@xs .c-rating__comments {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end
    }
}

@media only screen and (min-width: 768px) {
    .c-rating--reverse\@sm {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        text-align: right
    }

    .c-rating--reverse\@sm .c-rating__comments {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end
    }
}

@media only screen and (min-width: 992px) {
    .c-rating--reverse\@md {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        text-align: right
    }

    .c-rating--reverse\@md .c-rating__comments {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end
    }
}

@media only screen and (min-width: 1200px) {
    .c-rating--reverse\@lg {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        text-align: right
    }

    .c-rating--reverse\@lg .c-rating__comments {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end
    }
}

.c-rating--xs .c-rating__score {
    height: 18px;
    width: 30px;
    min-width: 30px;
    font-size: 12px
}

.c-rating--xs .c-rating__grade,
.c-rating--xs .c-rating__comments {
    font-size: 10px
}

.c-rating--sm .c-rating__score {
    height: 22px;
    width: 36px;
    min-width: 36px;
    font-size: 12px
}

.c-rating--sm .c-rating__grade,
.c-rating--sm .c-rating__comments {
    font-size: 10px
}

.c-rating--lg {
    gap: 10px
}

.c-rating--lg .c-rating__score {
    height: 35px;
    width: 50px;
    min-width: 50px;
    font-size: 16px
}

.c-rating--lg .c-rating__grade,
.c-rating--lg .c-rating__comments {
    font-size: 14px
}

.c-speech-recognition {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #0472AA;
    background-color: var(--s-color-brand-primary);
    border: 5px solid #0472AA;
    border: 5px solid var(--s-color-brand-primary);
    font-size: 45px;
    color: #fff
}

.c-speech-recognition:hover .c-speech-recognition__state,
.c-speech-recognition:active .c-speech-recognition__state,
.c-speech-recognition:focus:active .c-speech-recognition__state {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.c-speech-recognition__timer {
    position: absolute;
    z-index: 1;
    top: -5px;
    left: -5px;
    width: calc(100% + 10px);
    height: calc(100% + 10px)
}

.c-speech-recognition__timer-path {
    opacity: .2;
    fill: none;
    stroke: #000;
    stroke-miterlimit: 10;
    stroke-width: 6px;
    stroke-dasharray: 1000;
    stroke-dashoffset: 0;
    -webkit-animation: fillTimer 30s linear 1;
    animation: fillTimer 30s linear 1
}

.c-speech-recognition--success {
    -webkit-transform: scale(0.99);
    -ms-transform: scale(0.99);
    transform: scale(0.99);
    -webkit-animation: popIn .6s ease-out 1;
    animation: popIn .6s ease-out 1;
    background-color: #6dc151;
    border: 5px solid #6dc151
}

.c-speech-recognition--error {
    -webkit-transform: scale(0.99);
    -ms-transform: scale(0.99);
    transform: scale(0.99);
    -webkit-animation: shake .6s ease-out 1;
    animation: shake .6s ease-out 1;
    background-color: #fff;
    border: 5px solid #e01d1d;
    color: #393939
}

.c-speech-recognition--recording:before,
.c-speech-recognition--recording:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: translateY(-50%) translateX(-50%) scale(1);
    -ms-transform: translateY(-50%) translateX(-50%) scale(1);
    transform: translateY(-50%) translateX(-50%) scale(1);
    background-color: rgba(0, 0, 0, .125);
    border-radius: 50%;
    -webkit-animation: bigmarkerhighlight 2.5s ease-out infinite;
    animation: bigmarkerhighlight 2.5s ease-out infinite
}

.c-speech-recognition--recording:after {
    -webkit-animation-delay: .75s;
    animation-delay: .75s
}

.c-speech-recognition__state {
    position: absolute;
    z-index: 2;
    bottom: -5px;
    right: -5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 3px solid #fff;
    border-radius: 50%;
    background-color: #00527C;
    background-color: var(--s-color-brand-dark);
    font-size: 16px;
    -webkit-transition: .3s all ease-out 0s;
    transition: .3s all ease-out 0s
}

.c-speech-recognition__state--stop {
    background-color: #e01d1d
}

@-webkit-keyframes popIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }

    50% {
        opacity: .5;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(0.99);
        transform: scale(0.99)
    }
}

@keyframes popIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }

    50% {
        opacity: .5;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(0.99);
        transform: scale(0.99)
    }
}

@-webkit-keyframes shake {
    0% {
        -webkit-transform: scale(0.99) rotate(20deg);
        transform: scale(0.99) rotate(20deg)
    }

    33% {
        -webkit-transform: scale(0.99) rotate(-20deg);
        transform: scale(0.99) rotate(-20deg)
    }

    66% {
        -webkit-transform: scale(0.99) rotate(10deg);
        transform: scale(0.99) rotate(10deg)
    }

    100% {
        -webkit-transform: scale(0.99) rotate(0deg);
        transform: scale(0.99) rotate(0deg)
    }
}

@keyframes shake {
    0% {
        -webkit-transform: scale(0.99) rotate(20deg);
        transform: scale(0.99) rotate(20deg)
    }

    33% {
        -webkit-transform: scale(0.99) rotate(-20deg);
        transform: scale(0.99) rotate(-20deg)
    }

    66% {
        -webkit-transform: scale(0.99) rotate(10deg);
        transform: scale(0.99) rotate(10deg)
    }

    100% {
        -webkit-transform: scale(0.99) rotate(0deg);
        transform: scale(0.99) rotate(0deg)
    }
}

@-webkit-keyframes fillTimer {
    from {
        stroke-dashoffset: -315
    }

    to {
        stroke-dashoffset: 0
    }
}

@keyframes fillTimer {
    from {
        stroke-dashoffset: -315
    }

    to {
        stroke-dashoffset: 0
    }
}

.c-carousel-nav-outside {
    padding-left: 20px;
    padding-right: 20px
}

@media only screen and (min-width: 768px) {
    .c-carousel-nav-outside {
        padding-left: 40px;
        padding-right: 40px
    }
}

.c-carousel-nav-outside__navigation {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-carousel-nav-outside__button {
    display: inline-block;
    text-align: center;
    font-size: 30px;
    cursor: pointer;
    color: #a2a2a2
}

@media only screen and (min-width: 768px) {
    .c-carousel-nav-outside__button {
        width: 40px
    }
}

.c-carousel-nav-outside__button.disabled {
    opacity: .3
}

@media only screen and (max-width: 767px) {
    .c-carousel-nav-outside__button--right {
        margin-right: -5px
    }
}

@media only screen and (max-width: 767px) {
    .c-carousel-nav-outside__button--left {
        margin-left: -5px
    }
}

.c-carousel-nav-inside__button {
    position: absolute;
    z-index: 1;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 30px;
    cursor: pointer;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .5)
}

.c-carousel-nav-inside__button,
.c-carousel-nav-inside__button:hover,
.c-carousel-nav-inside__button:active,
.c-carousel-nav-inside__button:focus {
    color: #fff
}

@media only screen and (min-width: 768px) {
    .c-carousel-nav-inside__button {
        font-size: 36px
    }
}

.c-carousel-nav-inside__button.disabled {
    opacity: .3
}

.c-carousel-nav-inside__button--next {
    right: 20px
}

@media only screen and (min-width: 768px) {
    .c-carousel-nav-inside__button--next {
        right: 40px
    }
}

.c-carousel-nav-inside__button--prev {
    left: 20px
}

@media only screen and (min-width: 768px) {
    .c-carousel-nav-inside__button--prev {
        left: 40px
    }
}

.c-collective-brand--header .c-collective-brand__img {
    height: 80px
}

.c-collective-brand--footer .c-collective-brand__img {
    height: 50px
}

@media only screen and (max-width: 767px) {
    .c-collective-brand__img {
        max-width: 200px;
        max-height: 100px;
        height: auto !important
    }
}

.c-interval {
    display: inline-block;
    padding-top: 16px;
    font-size: 10px;
    font-weight: lighter;
    position: relative;
    text-align: center
}

.c-interval:before {
    content: " ";
    display: block;
    width: 1px;
    height: 7px;
    top: 6px;
    left: 50%;
    position: absolute;
    background-color: #a2a2a2
}

.c-interval--first:before {
    left: 0
}

.c-interval--last:before {
    left: auto;
    left: initial;
    right: 0
}

@media only screen and (min-width: 768px)and (max-width: 1199px) {
    .c-interval {
        display: none
    }

    .c-interval.c-interval--first,
    .c-interval.c-interval--last {
        display: inline-block
    }
}

.sb-swap__button {
    border-radius: 100%;
    height: 42px;
    min-width: 42px;
    width: 42px;
    min-height: 42px;
    background-color: #fff;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.sb-swap__button:hover {
    background-color: #f7f7f7
}

@media only screen and (max-width: 767px) {
    .sb-swap__button {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        height: 35px;
        min-width: 35px;
        width: 35px;
        min-height: 35px;
        position: relative;
        top: -15px
    }
}

.sb-swap__button--rotate .sb-swap__icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.sb-swap__icon {
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in
}

.sb-swap__wrapper {
    width: 0;
    position: relative;
    z-index: 2
}

@media only screen and (min-width: 768px) {
    .sb-swap__wrapper {
        padding: 0 0 20px 0 !important;
        left: -15px
    }

    body.rtl .sb-swap__wrapper {
        left: 0;
        right: -15px
    }
}

@media only screen and (max-width: 767px) {
    .sb-swap__wrapper {
        text-align: right;
        height: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end;
        width: auto
    }
}

@media only screen and (min-width: 768px) {
    .sb-swap .sb-swap__field {
        padding-left: 60px
    }

    body.rtl .sb-swap .sb-swap__field {
        padding-left: 0;
        padding-right: 60px
    }
}

@media only screen and (min-width: 768px) {
    .sb-swap__field-icon {
        left: 15px
    }
}

body.rtl .sb-swap__field-icon {
    left: 0;
    right: 15px
}

.c-hotel-status {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    font-size: inherit
}

.c-hotel-status>*:not(:last-child) {
    margin-right: 5px
}

.c-hotel-status__category {
    color: #f7a827;
    font-size: 10px
}

.c-hotel-status--sm {
    font-size: 12px
}

.c-hotel-status--sm .c-hotel-status__category {
    font-size: 12px
}

.c-hotel-status--md {
    font-size: 14px
}

.c-hotel-status--md .c-hotel-status__category {
    font-size: 14px
}

.c-hotel-status--lg {
    font-size: 16px
}

.c-hotel-status--lg .c-hotel-status__category {
    font-size: 16px
}

.c-showmore-button__item--less {
    display: inline-block
}

.collapsed .c-showmore-button__item--less {
    display: none
}

.c-showmore-button__item--more {
    display: none
}

.collapsed .c-showmore-button__item--more {
    display: inline-block
}

.c-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1049;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: .2s opacity ease-out 0s;
    transition: .2s opacity ease-out 0s
}

.c-modal.no-animation {
    -webkit-transition: none !important;
    transition: none !important
}

.c-modal:hover,
.c-modal:active,
.c-modal:focus:active {
    outline: none
}

.c-modal--outter-scroll {
    overflow-y: auto
}

.c-modal--outter-scroll .c-modal__wrapper {
    min-height: 100%;
    height: auto;
    height: initial
}

.c-modal--outter-scroll .c-modal__container {
    max-height: none;
    max-height: initial
}

.c-modal--outter-scroll .c-modal__body {
    overflow: visible;
    overflow: initial
}

@media only screen and (max-width: 767px) {
    .c-modal--onmobile-fullscreen.c-modal--outter-scroll {
        overflow-y: visible;
        overflow-y: initial
    }

    .c-modal--onmobile-fullscreen.c-modal--outter-scroll .c-modal__wrapper {
        height: 100%
    }

    .c-modal--onmobile-fullscreen.c-modal--outter-scroll .c-modal__container {
        max-height: 100%
    }

    .c-modal--onmobile-fullscreen.c-modal--outter-scroll .c-modal__body {
        overflow-y: auto
    }

    .c-modal--onmobile-fullscreen .c-modal__wrapper {
        padding: 0
    }

    .c-modal--onmobile-fullscreen .c-modal__container {
        height: 100%;
        border-radius: 0
    }

    .c-modal--onmobile-fullscreen .c-modal__body {
        height: 100%
    }
}

.c-modal--align-top .c-modal__wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.c-modal__backmask {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5)
}

.c-modal__close {
    position: relative;
    z-index: 2;
    text-align: right;
    height: 0
}

.c-modal__close-btn {
    padding: 0;
    margin: 5px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    border: none;
    background-color: #393939;
    text-align: center;
    color: #fff;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.c-modal__close-btn span {
    display: none
}

@media only screen and (min-width: 768px) {
    .c-modal__close-btn {
        position: relative;
        margin: 0;
        -webkit-transform: translate(50%, -50%);
        -ms-transform: translate(50%, -50%);
        transform: translate(50%, -50%)
    }

    .c-modal__close-btn span {
        display: block;
        position: absolute;
        top: 50%;
        right: calc(100% + 5px);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        background-color: #393939;
        opacity: 0;
        -webkit-transition: all .2s ease 0s;
        transition: all .2s ease 0s
    }

    .c-modal__close-btn span i {
        position: absolute;
        top: 50%;
        left: calc(100% - 8px);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        color: #393939
    }

    .c-modal__close-btn:hover span,
    .c-modal__close-btn:active span,
    .c-modal__close-btn:focus:active span {
        opacity: 1;
        right: calc(100% + 10px)
    }
}

.c-modal__wrapper {
    position: relative;
    z-index: 1;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px;
    pointer-events: none
}

@media only screen and (min-width: 768px) {
    .c-modal__wrapper {
        padding: 40px
    }
}

@media only screen and (min-width: 768px)and (max-height: 700px) {
    .c-modal__wrapper {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.c-modal__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    max-width: 980px;
    max-height: 100%;
    background-color: #fff;
    border-radius: 10px;
    margin-bottom: -50px;
    font-size: 14px;
    pointer-events: initial;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.c-modal__body {
    max-height: 100%;
    overflow-y: auto;
    padding: 40px 20px 20px
}

@media only screen and (min-width: 768px) {
    .c-modal__body {
        padding: 30px 40px 30px
    }
}

.c-modal__header {
    font-size: 24px;
    padding-bottom: 15px
}

.c-modal[data-active=true] {
    visibility: visible;
    opacity: 1;
    pointer-events: initial
}

.c-modal[data-active=true] .c-modal__container {
    margin-bottom: 0
}

.c-modal[data-closeable=false]>.c-modal__backmask {
    pointer-events: none
}

.c-modal[data-closeable=false]>.c-modal__wrapper>.c-modal__container>.c-modal__close {
    display: none
}

.c-modal[data-size=tiny]>.c-modal__wrapper>.c-modal__container {
    max-width: 350px
}

@media only screen and (min-width: 768px) {
    .c-modal[data-size=tiny]>.c-modal__wrapper>.c-modal__container>.c-modal__body {
        padding: 30px 20px 30px
    }
}

.c-modal[data-size=small]>.c-modal__wrapper>.c-modal__container {
    max-width: 450px
}

.c-modal[data-size=medium]>.c-modal__wrapper>.c-modal__container {
    max-width: 600px
}

.c-modal[data-size=big]>.c-modal__wrapper>.c-modal__container {
    max-width: 750px
}

.c-modal[data-size=large]>.c-modal__wrapper>.c-modal__container {
    max-width: 980px
}

.c-modal[data-size=huge]>.c-modal__wrapper>.c-modal__container {
    max-width: 1400px
}

.c-modal[data-size=full]>.c-modal__wrapper {
    padding: 0
}

.c-modal[data-size=full]>.c-modal__wrapper>.c-modal__container {
    max-width: 100%;
    height: 100%;
    border-radius: 0
}

.c-modal[data-size=full]>.c-modal__wrapper>.c-modal__container>.c-modal__close .c-modal__close-btn {
    -webkit-transform: translate(-10px, 10px);
    -ms-transform: translate(-10px, 10px);
    transform: translate(-10px, 10px)
}

.c-modal[data-size=full]>.c-modal__wrapper>.c-modal__container>.c-modal__body {
    height: 100%
}

.c-modal .ui-blockui-content {
    z-index: 2000
}

.c-breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    border-radius: 4px;
    overflow: hidden;
    max-width: 1400px;
    width: 100%;
    margin: 0 auto 20px auto;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .08);
    box-shadow: 0 0 15px rgba(0, 0, 0, .08)
}

.c-breadcrumb__arrow {
    display: none
}

@media only screen and (min-width: 992px) {
    .c-breadcrumb__arrow {
        display: block;
        position: absolute;
        top: 50%;
        width: 0;
        height: 100%;
        border-left: 15px solid;
        border-top: 30px solid rgba(0, 0, 0, 0);
        border-bottom: 30px solid rgba(0, 0, 0, 0);
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    body.rtl .c-breadcrumb__arrow {
        border-left: 0;
        border-left: initial;
        border-right: 15px solid
    }

    .c-breadcrumb__arrow--down {
        left: 100%;
        border-left-color: rgba(0, 0, 0, .04);
        z-index: 1
    }

    body.rtl .c-breadcrumb__arrow--down {
        left: auto;
        left: initial;
        border-left-color: currentcolor;
        border-left-color: initial;
        right: 100%;
        border-right-color: #fff
    }

    .c-breadcrumb__arrow--up {
        left: calc(100% - 3px);
        border-left-color: #fff;
        z-index: 2
    }

    body.rtl .c-breadcrumb__arrow--up {
        left: auto;
        left: initial;
        border-left-color: currentcolor;
        border-left-color: initial;
        right: calc(100% - 1px);
        border-right-color: #fff
    }
}

.c-breadcrumb__item {
    width: 100%;
    text-align: center;
    position: relative;
    white-space: nowrap;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    background-color: #fff
}

.c-breadcrumb__item--active {
    background-color: rgb(calc(229.5 + 163 * 0.1), calc(229.5 + 163 * 0.1), calc(229.5 + 164 * 0.1));
    background-color: rgb(calc(229.5 + var(--s-color-brand-primary-red, 163) * 0.1), calc(229.5 + var(--s-color-brand-primary-green, 163) * 0.1), calc(229.5 + var(--s-color-brand-primary-blue, 164) * 0.1))
}

.c-breadcrumb__item--active>.c-breadcrumb__arrow--up {
    border-left-color: rgb(calc(229.5 + 163 * 0.1), calc(229.5 + 163 * 0.1), calc(229.5 + 164 * 0.1));
    border-left-color: rgb(calc(229.5 + var(--s-color-brand-primary-red, 163) * 0.1), calc(229.5 + var(--s-color-brand-primary-green, 163) * 0.1), calc(229.5 + var(--s-color-brand-primary-blue, 164) * 0.1))
}

body.rtl .c-breadcrumb__item--active>.c-breadcrumb__arrow--up {
    border-left-color: currentcolor;
    border-left-color: initial;
    border-right-color: rgb(calc(229.5 + 163 * 0.1), calc(229.5 + 163 * 0.1), calc(229.5 + 164 * 0.1));
    border-right-color: rgb(calc(229.5 + var(--s-color-brand-primary-red, 163) * 0.1), calc(229.5 + var(--s-color-brand-primary-green, 163) * 0.1), calc(229.5 + var(--s-color-brand-primary-blue, 164) * 0.1))
}

.c-breadcrumb__item--active .c-breadcrumb__link {
    color: #393939
}

.c-breadcrumb__item:hover,
.c-breadcrumb__item:active,
.c-breadcrumb__item:focus:active {
    background-color: rgb(calc(229.5 + 163 * 0.1), calc(229.5 + 163 * 0.1), calc(229.5 + 164 * 0.1));
    background-color: rgb(calc(229.5 + var(--s-color-brand-primary-red, 163) * 0.1), calc(229.5 + var(--s-color-brand-primary-green, 163) * 0.1), calc(229.5 + var(--s-color-brand-primary-blue, 164) * 0.1))
}

.c-breadcrumb__item:hover>.c-breadcrumb__arrow--up,
.c-breadcrumb__item:active>.c-breadcrumb__arrow--up,
.c-breadcrumb__item:focus:active>.c-breadcrumb__arrow--up {
    border-left-color: rgb(calc(229.5 + 163 * 0.1), calc(229.5 + 163 * 0.1), calc(229.5 + 164 * 0.1));
    border-left-color: rgb(calc(229.5 + var(--s-color-brand-primary-red, 163) * 0.1), calc(229.5 + var(--s-color-brand-primary-green, 163) * 0.1), calc(229.5 + var(--s-color-brand-primary-blue, 164) * 0.1))
}

body.rtl .c-breadcrumb__item:hover>.c-breadcrumb__arrow--up,
body.rtl .c-breadcrumb__item:active>.c-breadcrumb__arrow--up,
body.rtl .c-breadcrumb__item:focus:active>.c-breadcrumb__arrow--up {
    border-left-color: currentcolor;
    border-left-color: initial;
    border-right-color: rgb(calc(229.5 + 163 * 0.1), calc(229.5 + 163 * 0.1), calc(229.5 + 164 * 0.1));
    border-right-color: rgb(calc(229.5 + var(--s-color-brand-primary-red, 163) * 0.1), calc(229.5 + var(--s-color-brand-primary-green, 163) * 0.1), calc(229.5 + var(--s-color-brand-primary-blue, 164) * 0.1))
}

.c-breadcrumb__item:hover .c-breadcrumb__link,
.c-breadcrumb__item:active .c-breadcrumb__link,
.c-breadcrumb__item:focus:active .c-breadcrumb__link {
    color: #393939
}

@media only screen and (min-width: 992px) {
    .c-breadcrumb__item.multi {
        width: auto;
        min-width: 50px
    }
}

.c-breadcrumb__item--disabled {
    pointer-events: none;
    background-color: #f7f7f7
}

.c-breadcrumb__item--disabled>.c-breadcrumb__arrow--up {
    border-left-color: #f7f7f7
}

body.rtl .c-breadcrumb__item--disabled>.c-breadcrumb__arrow--up {
    border-left-color: currentcolor;
    border-left-color: initial;
    border-right-color: #f7f7f7
}

.c-breadcrumb__item--disabled .c-breadcrumb__link {
    color: #a2a2a2
}

@media only screen and (max-width: 991px) {
    .c-breadcrumb__item {
        -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .08);
        box-shadow: 0 0 8px rgba(0, 0, 0, .08)
    }
}

.c-breadcrumb__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 10px 0 10px 10px;
    color: #393939;
    font-size: 12px
}

.rtl .c-breadcrumb__link {
    padding: 10px 10px 10px 0
}

.c-breadcrumb__link i {
    margin-right: 5px;
    margin-left: 10px
}

@media only screen and (max-width: 991px) {
    .c-breadcrumb__link i {
        margin: 0;
        font-size: 16px
    }
}

@media only screen and (max-width: 991px) {
    .c-breadcrumb__link {
        padding: 10px
    }

    .c-breadcrumb__link span {
        display: none
    }
}

.float-breadcrumb {
    opacity: 0
}

.summary .float-breadcrumb {
    opacity: 1
}

.c-alert {
    padding: 10px;
    border-radius: 8px;
    background-color: #f7f7f7;
    border: 1px solid #a2a2a2;
    margin-bottom: 10px;
    color: #4e4e4e
}

@media only screen and (max-width: 767px) {
    .c-alert {
        margin-bottom: 5px
    }
}

.c-alert__content li {
    margin-top: 5px;
    padding: 7px 10px 5px 23px
}

body.rtl .c-alert__content li {
    padding: 7px 23px 5px 10px
}

.c-alert__content li>i {
    font-size: 8px;
    width: 8px;
    padding-top: 5px
}

@media only screen and (max-width: 767px) {
    .c-alert__content li:first-child {
        margin-top: 0
    }
}

.c-alert--secundary {
    padding-left: 45px;
    margin-top: 5px
}

body.rtl .c-alert--secundary {
    padding-left: 0;
    padding-right: 45px
}

.c-alert--secundary>i {
    margin-top: 4px
}

.c-alert--danger {
    background-color: rgb(254.07, 248.22, 248.22);
    border-color: #e01d1d
}

.c-alert--danger i {
    color: #e01d1d
}

.c-alert--danger.c-alert--secundary {
    background-color: rgb(254.07, 248.22, 248.22)
}

.c-alert--info {
    background-color: rgb(247.35, 249.12, 251.82);
    border-color: #003b95
}

.c-alert--info i {
    color: #003b95
}

.c-alert--info.c-alert--secundary {
    background-color: rgb(247.35, 249.12, 251.82)
}

.c-alert--success {
    background-color: rgb(250.62, 253.14, 249.78);
    border-color: #6dc151
}

.c-alert--success i {
    color: #6dc151
}

.c-alert--success.c-alert--secundary {
    background-color: rgb(250.62, 253.14, 249.78)
}

.c-alert--warning {
    background-color: rgb(254.76, 252.39, 248.52);
    border-color: #f7a827
}

.c-alert--warning i {
    color: #f7a827
}

.c-alert--warning.c-alert--secundary {
    background-color: rgb(254.76, 252.39, 248.52)
}

.c-alert__container .collapse-content {
    padding: 0;
    font-size: 12px
}

@media only screen and (max-width: 1199px) {
    .c-alert__container .collapse-content {
        display: none
    }
}

.c-alert__container .collapse-content i {
    margin-right: 5px
}

.c-alert__container .collapse-content span {
    padding-left: 0
}

.c-alert__container .c-alert.active .u-collapse-turn-arrow__icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.c-alert__container .c-alert.active+.collapse-content {
    display: block
}

.c-add-destination {
    background-color: #fff;
    border-bottom: 1px solid #e3e3e3;
    border-top: 1px solid #e3e3e3
}

.c-add-destination__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    min-height: 50px
}

.c-add-destination__title {
    padding-left: 20px;
    font-size: 14px;
    font-weight: bold;
    color: #4e4e4e
}

.c-add-destination__icon-toggle {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    width: 60px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-add-destination__search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    padding: 10px 20px
}

.c-add-destination__search-content {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    padding: 5px 0
}

.c-add-destination__field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 5px 0
}

.c-add-destination__input {
    width: 100%
}

.c-add-destination__autocomplete {
    width: 100%;
    margin-right: 5px
}

.c-add-destination__button-list {
    padding: 0
}

.c-add-destination__button-list span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    width: 100%
}

.travel-route.is-draganddrop .c-add-destination,
.is-draganddrop .travel-route .c-add-destination {
    display: none
}

.c-add-destination .__add-destination__options {
    margin: 5px 0
}

.c-add-destination .__add-destination__options label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    margin: 0;
    color: #707070 !important
}

.c-add-destination .__add-destination__options label:first-child {
    margin-bottom: 10px
}

.c-add-destination .__add-destination__options label .ui-radiobutton {
    margin: 0 10px 0 0
}

.c-tab-filters__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width: 767px) {
    .c-tab-filters__list {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        gap: 10px;
        overflow-x: auto;
        padding: 0 20px 10px 0;
        margin: 0 -20px 10px 0
    }
}

@media only screen and (min-width: 768px) {
    .c-tab-filters__list {
        border-bottom: 1px solid #e3e3e3;
        margin-bottom: 20px
    }
}

.c-tab-filters__element.disabled {
    opacity: .5
}

.c-tab-filters__element.active i {
    color: #0472AA !important;
    color: var(--s-color-brand-primary) !important
}

@media only screen and (max-width: 767px) {
    .c-tab-filters__element {
        border: 1px solid rgba(0, 0, 0, 0)
    }

    .c-tab-filters__element.active {
        border-radius: 4px;
        border-color: #0472AA;
        border-color: var(--s-color-brand-primary)
    }
}

@media only screen and (min-width: 768px) {
    .c-tab-filters__element {
        width: 100%
    }

    .c-tab-filters__element.active {
        position: relative
    }

    .c-tab-filters__element.active:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 4px;
        border-radius: 2px;
        background-color: #0472AA;
        background-color: var(--s-color-brand-primary)
    }
}

.c-tab-filters__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 100%;
    width: 100%
}

.c-tab-filters__link:hover i,
.c-tab-filters__link:active i,
.c-tab-filters__link:focus:active i {
    color: #0472AA;
    color: var(--s-color-brand-primary)
}

@media only screen and (max-width: 767px) {
    .c-tab-filters__link {
        padding: 10px 15px;
        -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .05);
        box-shadow: 0 3px 6px rgba(0, 0, 0, .05);
        white-space: nowrap
    }

    .c-tab-filters__link i {
        font-size: 20px;
        padding-right: 10px
    }
}

@media only screen and (min-width: 768px) {
    .c-tab-filters__link {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-top: 5px;
        padding-bottom: 10px
    }

    .c-tab-filters__link i {
        width: 35px
    }

    body.rtl .c-tab-filters__link i {
        width: auto
    }
}

.c-table {
    background-color: #fff
}

.c-table__subheading {
    font-size: 12px;
    background-color: #f7f7f7
}

.c-table__section {
    border: 1px solid #e3e3e3
}

.c-table__heading+.c-table__section,
.c-table__subheading+.c-table__section {
    border-top: none
}

.c-table__section .c-table__row:not(:last-child) {
    border-bottom: 1px solid #e3e3e3
}

.c-table__section .c-table__row.bg-clr--success--white-heaviest {
    border-bottom: none
}

.c-table__bg-separator--even>.c-table__row:not(.bg-clr--success--white-heaviest) {
    border-bottom: none
}

.c-table__bg-separator--even>.c-table__row:not(.bg-clr--success--white-heaviest):nth-child(even) {
    background-color: #f7f7f7
}

.c-table__bg-separator--odd>.c-table__row:not(.bg-clr--success--white-heaviest) {
    border-bottom: none
}

.c-table__bg-separator--odd>.c-table__row:not(.bg-clr--success--white-heaviest):nth-child(odd) {
    background-color: #f7f7f7
}

.c-table-carousel__cell {
    height: 60px;
    border-right: 1px solid #e3e3e3;
    -webkit-transition: all .4s ease 0s;
    transition: all .4s ease 0s
}

@media only screen and (min-width: 768px) {
    .c-table-carousel__cell {
        height: 80px
    }
}

.c-table-carousel__cell--option:hover {
    background-color: #e3e3e3 !important
}

.c-table-carousel__cell--selected {
    background-color: hsl(240, 1%, calc(64% + 45%));
    background-color: hsl(var(--s-color-brand-primary-hsl-hue, 240), var(--s-color-brand-primary-hsl-saturation, 1%), calc(var(--s-color-brand-primary-hsl-light, 64%) + 45%));
    color: #0472AA;
    color: var(--s-color-brand-primary)
}

.c-table-carousel__cell--selected:hover,
.c-table-carousel__cell--selected:active,
.c-table-carousel__cell--selected:focus,
.c-table-carousel__cell--selected:focus:active {
    background-color: hsl(240, 1%, calc(64% + 45%));
    background-color: hsl(var(--s-color-brand-primary-hsl-hue, 240), var(--s-color-brand-primary-hsl-saturation, 1%), calc(var(--s-color-brand-primary-hsl-light, 64%) + 45%));
    color: #0472AA;
    color: var(--s-color-brand-primary)
}

.c-table-carousel__cell--best-price {
    color: #6dc151
}

.c-table-carousel__cell--best-price:hover,
.c-table-carousel__cell--best-price:active,
.c-table-carousel__cell--best-price:focus,
.c-table-carousel__cell--best-price:focus:active {
    color: #6dc151
}

.c-table-carousel__cell--small {
    height: 50px
}

.c-table-carousel__cell--heading {
    border-right: none;
    height: 60px
}

.c-fit-carousel .c-fit-carousel__item,
.c-fit-carousel .c-fit-carousel__img {
    height: 100%
}

.c-fit-carousel__img {
    -o-object-fit: cover;
    object-fit: cover
}

.c-fit-carousel__nav {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    pointer-events: none
}

.c-fit-carousel__nav.disabled {
    display: none !important
}

body.rtl .c-fit-carousel__nav {
    display: none
}

.c-fit-carousel__button {
    pointer-events: auto;
    position: relative;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    outline: none;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .5);
    padding: 0;
    width: 15%;
    -webkit-transition: .2s;
    transition: .2s;
    color: #fff
}

.c-fit-carousel__button:hover {
    text-shadow: 0 3px 6px rgba(0, 0, 0, .65)
}

.ui-widget .c-fit-carousel__button,
.c-fit-carousel__button {
    font-size: 36px
}

.c-fit-carousel__button.disabled {
    pointer-events: initial;
    opacity: .5
}

.c-fit-carousel__button--prev {
    text-align: left;
    padding-left: 15px
}

.c-fit-carousel__button--prev:not(.disabled):hover {
    padding-left: 10px
}

.c-fit-carousel__button--next {
    text-align: right;
    padding-right: 15px
}

.c-fit-carousel__button--next:not(.disabled):hover {
    padding-right: 10px
}

.c-fit-carousel--float-items {
    background: #f7f7f7
}

.c-fit-carousel--float-items .c-fit-carousel__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    overflow: hidden;
    text-align: center;
    height: 200px
}

@media only screen and (min-width: 768px) {
    .c-fit-carousel--float-items .c-fit-carousel__item {
        height: 450px
    }
}

@media only screen and (min-width: 992px) {
    .c-fit-carousel--float-items .c-fit-carousel__item {
        height: 480px
    }
}

.c-fit-carousel--float-items .c-fit-carousel__item .c-fit-carousel__img {
    display: inline-block;
    width: auto;
    height: auto;
    max-width: 100%
}

@media only screen and (min-width: 768px) {
    .c-fit-carousel--float-items-auto .c-fit-carousel__item {
        height: 300px;
        max-height: 300px
    }
}

.c-hover-effect {
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.c-hover-effect__overlaying {
    position: absolute;
    z-index: 1;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.c-hover-effect__wrapper:not(:hover):not(.c-hover-effect--active) .c-hover-effect__overlaying {
    background-color: rgba(0, 0, 0, 0)
}

.c-hover-effect__body {
    position: absolute;
    z-index: 2;
    top: 55%;
    width: 100%;
    height: 12px;
    margin-top: -6px;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.c-hover-effect__wrapper.c-hover-effect--active .c-hover-effect__body,
.c-hover-effect__wrapper:hover .c-hover-effect__body {
    top: 50%
}

.c-hover-effect__body.is-turned {
    margin-top: -18px
}

.c-hover-effect__message {
    position: absolute;
    top: 0;
    width: 100%;
    height: 12px;
    line-height: 12px;
    text-align: center;
    color: rgba(0, 0, 0, 0)
}

.c-hover-effect__message--view {
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
}

.c-hover-effect__wrapper.c-hover-effect--active .c-hover-effect__message--view,
.c-hover-effect__wrapper:hover .c-hover-effect__message--view {
    color: #fff
}

.c-hover-effect__wrapper:hover .is-turned>.c-hover-effect__message--view {
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    color: rgba(0, 0, 0, 0)
}

.c-hover-effect__message--select {
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    bottom: -100%;
    top: auto;
    top: initial
}

.c-hover-effect__wrapper:hover .is-turned>.c-hover-effect__message--select {
    color: #fff;
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
}

.c-hover-effect__extended .c-hover-effect__overlaying {
    background-color: rgba(0, 0, 0, 0)
}

.c-hover-effect__extended:has(.c-extended__main:hover) .c-hover-effect__overlaying {
    background-color: rgba(45, 49, 74, .4)
}

.c-hover-effect__extended:has(.c-extended__main:hover) .c-hover-effect__body {
    top: 50%
}

.c-hover-effect__extended:has(.c-extended__main:hover) .c-hover-effect__message--view {
    color: #fff
}

.c-theme-filter {
    margin: 0 0 10px
}

@media only screen and (min-width: 1500px) {
    .page-home .c-theme-filter {
        padding: 0
    }
}

@media only screen and (max-width: 767px) {
    .c-theme-filter {
        padding: 0
    }
}

.c-theme-filter__heading {
    margin-bottom: 15px
}

@media only screen and (max-width: 767px) {
    .c-theme-filter__heading {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.page-home .c-theme-filter .c-theme-filter__heading {
    display: none
}

@media only screen and (max-width: 767px) {
    .c-theme-filter__title {
        margin-bottom: 10px
    }
}

body.rtl .c-theme-filter__title {
    text-align: right
}

.c-theme-filter__body--static {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.c-theme-filter__body--static .swiper-slide {
    width: 50%
}

@media only screen and (min-width: 600px) {
    .c-theme-filter__body--static .swiper-slide {
        width: 20%
    }
}

@media only screen and (min-width: 768px) {
    .c-theme-filter__body--static .swiper-slide {
        width: 16.6666666667%
    }
}

@media only screen and (min-width: 992px) {
    .c-theme-filter__body--static .swiper-slide {
        width: 12.5%
    }
}

@media only screen and (min-width: 1200px) {
    .c-theme-filter__body--static .swiper-slide {
        width: 10%
    }
}

.c-theme-filter__blur {
    position: absolute;
    z-index: 5;
    top: 0;
    right: 0;
    width: 30px;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), to(rgb(255, 255, 255)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgb(255, 255, 255) 100%)
}

@media only screen and (min-width: 768px) {
    .c-theme-filter__blur {
        display: none
    }
}

.c-theme-filter__item {
    width: 100%;
    min-width: 100px;
    margin: 0;
    color: inherit
}

.c-theme-filter__link {
    overflow: hidden
}

.c-theme-filter__link:hover .c-theme-filter__icon,
.c-theme-filter__link:active .c-theme-filter__icon,
.c-theme-filter__link:focus:active .c-theme-filter__icon {
    color: #393939
}

.c-theme-filter__link:hover .c-theme-filter__name,
.c-theme-filter__link:active .c-theme-filter__name,
.c-theme-filter__link:focus:active .c-theme-filter__name {
    color: #393939
}

.c-theme-filter__link {
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    padding: 15px 10px 10px;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.c-theme-filter__link--active {
    background-color: rgba(0, 0, 0, 0);
    color: #0472AA;
    color: var(--s-color-brand-primary)
}

.c-theme-filter__name {
    color: inherit;
    font-size: 14px;
    font-weight: 400;
    width: auto;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

body.rtl .c-theme-filter__name {
    font-size: 14px;
    text-align: center !important
}

@media only screen and (min-width: 768px) {
    .c-theme-filter__name {
        display: block;
        width: 100%
    }
}

.c-theme-filter__icon {
    font-size: 30px;
    margin-bottom: 10px;
    color: inherit;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.c-theme-filter__other-theme {
    margin-top: 20px
}

.c-theme-filter__other-theme-item {
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    border-radius: 20px;
    background-color: #fff;
    border: 1px solid #e3e3e3
}

.c-theme-filter__other-theme-item:hover,
.c-theme-filter__other-theme-item:active,
.c-theme-filter__other-theme-item:focus:active {
    background-color: #f7f7f7
}

.c-theme-filter__other-theme-item:hover .c-theme-filter__other-theme-name,
.c-theme-filter__other-theme-item:active .c-theme-filter__other-theme-name,
.c-theme-filter__other-theme-item:focus:active .c-theme-filter__other-theme-name {
    color: #4e4e4e
}

.c-theme-filter__other-theme-item--active {
    border-color: #0472AA;
    border-color: var(--s-color-brand-primary)
}

.c-theme-filter__other-theme-item--active .c-theme-filter__other-theme-name {
    color: #0472AA;
    color: var(--s-color-brand-primary)
}

.c-theme-filter__other-theme-item--active:hover,
.c-theme-filter__other-theme-item--active:active,
.c-theme-filter__other-theme-item--active:focus:active {
    background-color: #0472AA;
    background-color: var(--s-color-brand-primary)
}

.c-theme-filter__other-theme-item--active:hover .c-theme-filter__other-theme-name,
.c-theme-filter__other-theme-item--active:active .c-theme-filter__other-theme-name,
.c-theme-filter__other-theme-item--active:focus:active .c-theme-filter__other-theme-name {
    color: #fff
}

.c-theme-filter__other-theme-name {
    color: #4e4e4e;
    font-size: 12px
}

@media only screen and (max-width: 767px) {
    .c-hidden-aside\@sm {
        -webkit-transition: all .4s ease-out 0s;
        transition: all .4s ease-out 0s;
        content: " ";
        z-index: 1049;
        display: block;
        width: 100%;
        top: 0;
        bottom: 0;
        left: 0;
        position: fixed;
        opacity: 0;
        background-color: #fff;
        padding: 20px;
        overflow-x: hidden;
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15);
        box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15)
    }

    .c-hidden-aside\@sm.c-hidden-aside--right {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%)
    }

    .c-hidden-aside\@sm.modifier {
        overflow: hidden;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap
    }

    .c-hidden-aside\@sm.modifier .c-hidden-aside__scroller {
        overflow-x: hidden;
        overflow-y: scroll;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        padding: 20px 20px 120px
    }
}

@media only screen and (max-width: 991px) {
    .c-hidden-aside\@md {
        -webkit-transition: all .4s ease-out 0s;
        transition: all .4s ease-out 0s;
        content: " ";
        z-index: 1049;
        display: block;
        width: 100%;
        top: 0;
        bottom: 0;
        left: 0;
        position: fixed;
        opacity: 0;
        max-width: 320px;
        background-color: #fff;
        padding: 20px;
        overflow-x: hidden;
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15);
        box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15)
    }

    .c-hidden-aside\@md.c-hidden-aside--right {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%)
    }

    .c-hidden-aside\@md.modifier {
        overflow: hidden;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap
    }

    .c-hidden-aside\@md.modifier .c-hidden-aside__scroller {
        overflow-x: hidden;
        overflow-y: scroll;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        padding: 20px 20px 120px
    }
}

@media only screen and (max-width: 1199px) {
    .c-hidden-aside\@lg {
        -webkit-transition: all .4s ease-out 0s;
        transition: all .4s ease-out 0s;
        content: " ";
        z-index: 1049;
        display: block;
        width: 100%;
        top: 0;
        bottom: 0;
        left: 0;
        position: fixed;
        opacity: 0;
        max-width: 320px;
        background-color: #fff;
        padding: 20px;
        overflow-x: hidden;
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15);
        box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15)
    }

    .c-hidden-aside\@lg.c-hidden-aside--right {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%)
    }

    .c-hidden-aside\@lg.modifier {
        overflow: hidden;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap
    }

    .c-hidden-aside\@lg.modifier .c-hidden-aside__scroller {
        overflow-x: hidden;
        overflow-y: scroll;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        padding: 20px 20px 120px
    }
}

.c-hidden-aside--medium {
    -webkit-transition: all .4s ease-out 0s;
    transition: all .4s ease-out 0s;
    content: " ";
    z-index: 1049;
    display: block;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    position: fixed;
    opacity: 0;
    max-width: 600px;
    background-color: #fff;
    padding: 20px;
    overflow-x: hidden;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15)
}

.c-hidden-aside--medium.c-hidden-aside--right {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

.c-hidden-aside--medium.modifier {
    overflow: hidden;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

.c-hidden-aside--medium.modifier .c-hidden-aside__scroller {
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    padding: 20px 20px 120px
}

.c-hidden-aside--tablet {
    -webkit-transition: all .4s ease-out 0s;
    transition: all .4s ease-out 0s;
    content: " ";
    z-index: 1049;
    display: block;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    position: fixed;
    opacity: 0;
    max-width: 992px;
    background-color: #fff;
    padding: 20px;
    overflow-x: hidden;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15)
}

.c-hidden-aside--tablet.c-hidden-aside--right {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

.c-hidden-aside--tablet.modifier {
    overflow: hidden;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

.c-hidden-aside--tablet.modifier .c-hidden-aside__scroller {
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    padding: 20px 20px 120px
}

.c-hidden-aside--desktop {
    -webkit-transition: all .4s ease-out 0s;
    transition: all .4s ease-out 0s;
    content: " ";
    z-index: 1049;
    display: block;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    position: fixed;
    opacity: 0;
    max-width: 1200px;
    background-color: #fff;
    padding: 20px;
    overflow-x: hidden;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15)
}

.c-hidden-aside--desktop.c-hidden-aside--right {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

.c-hidden-aside--desktop.modifier {
    overflow: hidden;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

.c-hidden-aside--desktop.modifier .c-hidden-aside__scroller {
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    padding: 20px 20px 120px
}

.c-hidden-aside--mail-custom {
    -webkit-transition: all .4s ease-out 0s;
    transition: all .4s ease-out 0s;
    content: " ";
    z-index: 1049;
    display: block;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    position: fixed;
    opacity: 0;
    max-width: 40vw;
    background-color: #fff;
    padding: 20px;
    overflow-x: hidden;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15)
}

.c-hidden-aside--mail-custom.modifier {
    overflow: hidden;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

.c-hidden-aside--mail-custom.modifier .c-hidden-aside__scroller {
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    padding: 20px 20px 120px
}

@media only screen and (max-width: 1199px) {
    .c-hidden-aside--mail-custom {
        -webkit-transition: all .4s ease-out 0s;
        transition: all .4s ease-out 0s;
        content: " ";
        z-index: 1049;
        display: block;
        width: 100%;
        top: 0;
        bottom: 0;
        left: 0;
        position: fixed;
        opacity: 0;
        max-width: 60vw;
        background-color: #fff;
        padding: 20px;
        overflow-x: hidden;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15);
        box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15)
    }

    .c-hidden-aside--mail-custom.modifier {
        overflow: hidden;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap
    }

    .c-hidden-aside--mail-custom.modifier .c-hidden-aside__scroller {
        overflow-x: hidden;
        overflow-y: scroll;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        padding: 20px 20px 120px
    }
}

.c-hidden-aside--right,
.c-hidden-aside--mail-custom {
    left: auto;
    right: 0
}

.c-hidden-aside__bg {
    display: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: fixed;
    z-index: 1048;
    -webkit-transition: background-color .8s ease 0s;
    transition: background-color .8s ease 0s;
    background-color: rgba(0, 0, 0, 0)
}

.c-hidden-aside__bg--opened {
    display: block;
    background-color: rgba(0, 0, 0, .2)
}

@media only screen and (min-width: 768px) {
    .c-hidden-aside__bg\@sm {
        display: none !important
    }
}

@media only screen and (min-width: 992px) {
    .c-hidden-aside__bg\@md {
        display: none !important
    }
}

@media only screen and (min-width: 1200px) {
    .c-hidden-aside__bg\@lg {
        display: none !important
    }
}

.c-hidden-aside--opened {
    -webkit-transform: translateX(0) !important;
    -ms-transform: translateX(0) !important;
    transform: translateX(0) !important;
    opacity: 1 !important
}

@media only screen and (max-width: 599px) {
    .c-hidden-aside {
        max-width: 100%
    }
}

.c-add-stop__container {
    width: 240px
}

.c-add-stop__icon {
    cursor: pointer;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15)
}

.c-add-stop__wrapper .c-add-stop__icon {
    border: 3px solid;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-add-stop--NATURE.map-marker,
.c-add-stop--NATURE.map-marker span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-add-stop--NATURE.map-marker span {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-add-stop--NATURE .c-add-stop__icon,
.c-add-stop--NATURE.c-add-stop__icon,
.c-add-stop--NATURE .c-add-stop__wrapper {
    background-color: #7dd558
}

.c-add-stop--NATURE .fa-stop:before {
    content: ""
}

.c-add-stop--NATURE>.fa-stop:before {
    font-size: 10px
}

.c-add-stop--HERITAGE.map-marker,
.c-add-stop--HERITAGE.map-marker span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-add-stop--HERITAGE.map-marker span {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-add-stop--HERITAGE .c-add-stop__icon,
.c-add-stop--HERITAGE.c-add-stop__icon,
.c-add-stop--HERITAGE .c-add-stop__wrapper {
    background-color: #8a7351
}

.c-add-stop--HERITAGE .fa-stop:before {
    content: "ï•—"
}

.c-add-stop--HERITAGE>.fa-stop:before {
    font-size: 10px
}

.c-add-stop--AMUSEMENT.map-marker,
.c-add-stop--AMUSEMENT.map-marker span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-add-stop--AMUSEMENT.map-marker span {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-add-stop--AMUSEMENT .c-add-stop__icon,
.c-add-stop--AMUSEMENT.c-add-stop__icon,
.c-add-stop--AMUSEMENT .c-add-stop__wrapper {
    background-color: #e09b56
}

.c-add-stop--AMUSEMENT .fa-stop:before {
    content: "ï–¸";
    font-size: 15px
}

.c-add-stop--AMUSEMENT>.fa-stop:before {
    font-size: 13px
}

.c-add-stop--TOWN.map-marker,
.c-add-stop--TOWN.map-marker span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-add-stop--TOWN.map-marker span {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-add-stop--TOWN .c-add-stop__icon,
.c-add-stop--TOWN.c-add-stop__icon,
.c-add-stop--TOWN .c-add-stop__wrapper {
    background-color: #ababab
}

.c-add-stop--TOWN .fa-stop:before {
    content: ""
}

.c-add-stop--TOWN>.fa-stop:before {
    font-size: 10px
}

.c-add-stop--only-icon {
    cursor: auto;
    cursor: initial;
    background: none !important;
    -webkit-box-shadow: none;
    box-shadow: none
}

.c-add-stop--only-icon i:before {
    font-size: 14px !important
}

@media only screen and (min-width: 992px) {
    .c-sticky-top {
        position: sticky;
        top: 20px
    }
}

.c-sticky-top--0 {
    top: 0
}

.c-sticky-top--40 {
    top: 40px
}

.c-sticky-top--80 {
    top: 80px
}

.c-sticky-top--120 {
    top: 120px
}

.c-dropdown .dropdown-menu {
    width: 230px;
    right: 0;
    left: auto;
    left: initial;
    margin: 0;
    border-radius: 0;
    border-color: rgba(0, 0, 0, 0);
    padding: 20px
}

.c-dropdown--inline .dropdown-toggle {
    padding: 0;
    border: none;
    background-color: rgba(0, 0, 0, 0)
}

@media only screen and (min-width: 768px) {
    .c-dropdown--holidays {
        min-width: 300px;
        width: 100%
    }
}

.dropup,
.dropdown {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    display: none;
    position: absolute;
    z-index: 7;
    top: 100%;
    left: 0;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15)
}

@media only screen and (min-width: 1200px)and (max-width: 1799px) {
    .dropdown-menu.dropdown-nav-user {
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    body.rtl .dropdown-menu.dropdown-nav-user {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.dropdown-menu .divider {
    height: 1px;
    margin: 10px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.dropdown-menu>li>a:not(.c-button) {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #393939;
    white-space: nowrap
}

.dropdown-menu>li>a:not(.c-button):hover,
.dropdown-menu>li>a:not(.c-button):active,
.dropdown-menu>li>a:not(.c-button):focus:active {
    color: #000;
    -webkit-text-decoration: none;
    text-decoration: none;
    background-color: #f7f7f7
}

.dropdown-menu>.active a,
.dropdown-menu>.active a:focus {
    color: #fff;
    -webkit-text-decoration: none;
    text-decoration: none;
    background-color: #337ab7;
    outline: 0
}

.dropdown-menu>.active a:hover,
.dropdown-menu>.active a:active,
.dropdown-menu>.active a:focus:active {
    color: #fff;
    -webkit-text-decoration: none;
    text-decoration: none;
    background-color: #337ab7;
    outline: 0
}

.dropdown-menu>.disable a,
.dropdown-menu>.disable a:focus {
    color: #707070
}

.dropdown-menu>.disable a:hover,
.dropdown-menu>.disable a:active,
.dropdown-menu>.disable a:focus:active {
    color: #707070;
    -webkit-text-decoration: none;
    text-decoration: none;
    cursor: not-allowed;
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

body.rtl .dropdown-menu {
    text-align: right
}

.open>.dropdown-menu {
    display: block
}

.open>a {
    outline: 0
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

body.rtl .dropdown-menu-right {
    right: auto;
    left: 0
}

.dropdown-menu-left {
    right: auto;
    left: 0
}

body.rtl .dropdown-menu-left {
    right: 0;
    left: auto
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #707070;
    white-space: nowrap
}

.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 6
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    content: "";
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid \9
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px
}

@media only screen and (min-width: 992px) {
    .navbar-right .dropdown-menu {
        right: 0;
        left: auto
    }

    .navbar-right .dropdown-menu-left {
        right: auto;
        left: 0
    }
}

.btn.dropdown-toggle {
    cursor: pointer;
    font-weight: 400;
    padding: 0 12px;
    font-size: 14px;
    min-height: 34px;
    border: 1px solid #c2c2c2;
    background-color: #fff;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .08);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .08)
}

.btn.dropdown-toggle:hover,
.btn.dropdown-toggle:active,
.btn.dropdown-toggle:focus:active {
    background-color: #f7f7f7
}

.caret {
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 0;
    margin-left: 2px;
    border-top: 4px solid;
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-left: 4px solid rgba(0, 0, 0, 0)
}

.c-choose-time {
    width: 100%;
    min-width: 300px;
    max-width: 300px
}

body.rtl .c-choose-time.dropdown-menu-right {
    left: 0;
    right: auto !important
}

.c-choose-rooms {
    width: 100%;
    z-index: 3;
    margin-top: 10px;
    min-width: 360px;
    max-width: 400px
}

@media only screen and (max-width: 599px) {
    .c-choose-rooms {
        min-width: 280px
    }
}

.c-choose-rooms__row {
    padding: 15px 10px;
    text-align: right;
    border-bottom: 1px solid #e3e3e3
}

.c-choose-rooms__row:last-child {
    border-bottom: none
}

.c-image-grid {
    height: 280px
}

@media only screen and (min-width: 768px) {
    .c-image-grid {
        height: 450px
    }
}

@media only screen and (min-width: 992px) {

    .c-image-grid .c-image-grid__column:nth-child(1),
    .c-image-grid .c-image-grid__column:nth-child(2) {
        padding-right: 10px
    }

    body.rtl .c-image-grid .c-image-grid__column:nth-child(1),
    body.rtl .c-image-grid .c-image-grid__column:nth-child(2) {
        padding-right: 0;
        padding-left: 10px
    }
}

.c-swiper-custom-nav {
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 20px
}

@media only screen and (min-width: 768px) {
    .c-swiper-custom-nav {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .c-swiper-custom-nav {
        position: fixed;
        top: auto !important;
        top: initial !important;
        bottom: 0;
        left: 0;
        background-color: #fff;
        -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .2);
        box-shadow: 0 0 15px 0 rgba(0, 0, 0, .2)
    }
}

.c-swiper-custom-nav__button {
    cursor: pointer
}

@media only screen and (min-width: 768px) {
    .c-swiper-custom-nav__button-icon {
        font-size: 30px;
        color: #fff;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, .5)
    }

    .c-swiper-custom-nav__button-text {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    .c-swiper-custom-nav__button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 5px;
        text-transform: uppercase
    }

    .c-swiper-custom-nav__button-text {
        font-size: 12px
    }
}

.c-swiper-custom-nav__button[aria-disabled=true] {
    opacity: 0;
    pointer-events: none
}

.popover-cruises {
    max-width: 320px
}

@media only screen and (max-width: 599px) {
    .popover-cruises {
        left: 20px !important
    }
}

.popover-cruises,
.popover-cruises .arrow {
    border: 0
}

.popover-cruises,
.popover-cruises .popover-content {
    padding: 0
}

.popover-cruises .c-card__body {
    padding: 20px
}

.ms-collective--pro .c-hero-screen .sb-main {
    color: var(--s-color-searchbox-text)
}

.ms-collective--pro .c-hero-screen .sb-main__box {
    background-color: var(--s-color-searchbox-background)
}

.ms-collective--pro .c-hero-screen .sb-main .box-welcome2 {
    color: var(--s-color-searchbox-text)
}

.ms-collective--pro .c-hero-screen .sb-main .sb-tabs__icon,
.ms-collective--pro .c-hero-screen .sb-main .sb-tabs__text {
    color: var(--s-color-searchbox-text)
}

.ms-collective--pro .c-hero-screen .sb-main .more-search-settings span {
    color: var(--s-color-searchbox-text)
}

.ms-collective--pro .c-hero-screen .sb-main .box-home-search .terms-use {
    color: var(--s-color-searchbox-text)
}

.ms-collective--pro .c-hero-screen .sb-main .c-sb-selector__label {
    color: var(--s-color-searchbox-text) !important
}

.ms-collective--pro .c-hero-screen .sb-main .c-sb-selector--nationality .btn.dropdown-toggle {
    color: var(--s-color-searchbox-text) !important
}

.ms-collective--pro .c-hero-screen .sb-main .box-home-search .c-sb-selector__field {
    color: var(--s-color-searchbox-text) !important;
    border-color: var(--s-color-searchbox-text)
}

.ms-collective--pro .c-hero-screen .sb-main .box-home-search .c-sb-selector__field option {
    color: #393939 !important
}

.ms-collective--pro .c-hero-screen .sb-main .box-home-search .c-sb-selector__field input {
    color: var(--s-color-searchbox-text) !important
}

.ms-collective--pro .c-hero-screen .sb-main .box-home-search .c-sb-selector__field input::-webkit-input-placeholder {
    color: var(--s-color-searchbox-text) !important
}

.ms-collective--pro .c-hero-screen .sb-main .box-home-search .c-sb-selector__field input::-moz-placeholder {
    color: var(--s-color-searchbox-text) !important
}

.ms-collective--pro .c-hero-screen .sb-main .box-home-search .c-sb-selector__field input:-ms-input-placeholder {
    color: var(--s-color-searchbox-text) !important
}

.ms-collective--pro .c-hero-screen .sb-main .box-home-search .c-sb-selector__field input::-ms-input-placeholder {
    color: var(--s-color-searchbox-text) !important
}

.ms-collective--pro .c-hero-screen .sb-main .box-home-search .c-sb-selector__field input::placeholder {
    color: var(--s-color-searchbox-text) !important
}

.ms-collective--pro .c-hero-screen .sb-main .box-home-search .c-sb-selector__field.bootstrap-select input {
    color: #707070
}

.ms-collective--pro .c-hero-screen .sb-main .box-home-search .c-sb-selector__field.bootstrap-select input::-webkit-input-placeholder {
    color: #707070
}

.ms-collective--pro .c-hero-screen .sb-main .box-home-search .c-sb-selector__field.bootstrap-select input::-moz-placeholder {
    color: #707070
}

.ms-collective--pro .c-hero-screen .sb-main .box-home-search .c-sb-selector__field.bootstrap-select input:-ms-input-placeholder {
    color: #707070
}

.ms-collective--pro .c-hero-screen .sb-main .box-home-search .c-sb-selector__field.bootstrap-select input::-ms-input-placeholder {
    color: #707070
}

.ms-collective--pro .c-hero-screen .sb-main .box-home-search .c-sb-selector__field.bootstrap-select input::placeholder {
    color: #707070
}

.ms-collective--pro .c-hero-screen .sb-main .box-home-search .c-sb-selector__icon {
    color: var(--s-color-searchbox-text)
}

.ms-collective--pro .c-hero-screen .sb-main .box-home-search .c-button.multibtn {
    color: var(--s-color-searchbox-text);
    border-color: var(--s-color-searchbox-text)
}

.ms-collective--pro .c-hero-screen .sb-main .box-home-search .terms-use .link {
    color: var(--s-color-searchbox-text)
}

.ms-collective--pro .c-hero-screen .sb-main .box-home-search .ui-radiobutton .ui-radiobutton-box {
    border-color: var(--s-color-searchbox-text)
}

.ms-collective--pro .c-hero-screen .sb-main .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet {
    background-color: #0472AA;
    background-color: var(--s-color-brand-primary)
}

.ms-collective--pro .c-hero-screen .sb-main .sb-select.sb-select--business {
    color: var(--s-color-searchbox-text);
    border-color: var(--s-color-searchbox-text)
}

.ms-collective--pro .c-hero-screen .sb-main .sb-select.sb-select--business .sb-text,
.ms-collective--pro .c-hero-screen .sb-main .sb-select.sb-select--business .c-text-input,
.ms-collective--pro .c-hero-screen .sb-main .sb-select.sb-select--business .c-icon-escort__icon {
    color: var(--s-color-searchbox-text)
}

.ms-collective--pro .c-hero-screen .sb-main .home-search-title,
.ms-collective--pro .c-hero-screen .sb-main .settings-select__title {
    color: var(--s-color-searchbox-text)
}

.ms-collective--pro .c-hero-screen .sb-main .c-button--line--white {
    border-color: var(--s-color-searchbox-text);
    color: var(--s-color-searchbox-text)
}

.ms-collective--pro .c-header-collective .c-header-collective__main {
    background-color: var(--s-color-header-background)
}

@media only screen and (min-width: 1200px) {
    .ms-collective--pro .c-header-collective .c-header-collective__main {
        color: var(--s-color-header-text)
    }
}

.ms-collective--pro .c-header-collective .c-header-collective__user-header a:hover,
.ms-collective--pro .c-header-collective .c-header-collective__user-header a:active,
.ms-collective--pro .c-header-collective .c-header-collective__user-header a:focus:active {
    color: var(--s-color-header-text)
}

.ms-collective--pro .c-header-collective .c-collective-brand,
.ms-collective--pro .c-header-collective .c-header-submenu__devices-button {
    color: var(--s-color-header-text)
}

.ms-collective--pro .c-footer-collective a:hover,
.ms-collective--pro .c-footer-collective a:active,
.ms-collective--pro .c-footer-collective a:focus:active {
    color: var(--s-color-footer-text)
}

.ms-collective--pro .c-footer-collective .c-footer-collective__top {
    background-color: var(--s-color-footer-background);
    color: var(--s-color-footer-text)
}

.ms-collective--pro .c-footer-collective .c-footer-collective__top .footer-icon {
    color: var(--s-color-footer-text)
}

.c-css-customizer {
    position: fixed;
    z-index: 1001;
    top: 18vh;
    right: -275px;
    width: 275px;
    -webkit-transition: all .8s ease-in-out 0s;
    transition: all .8s ease-in-out 0s;
    -webkit-box-shadow: 5px 0 10px rgba(0, 0, 0, .5);
    box-shadow: 5px 0 10px rgba(0, 0, 0, .5)
}

.c-css-customizer.is-opened {
    right: 0
}

.c-css-customizer__icon {
    cursor: pointer;
    position: absolute;
    z-index: 1;
    top: 0;
    left: -50px;
    width: 50px;
    height: 50px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px
}

.c-css-customizer__icon,
.c-css-customizer__icon:hover,
.c-css-customizer__icon:active,
.c-css-customizer__icon:focus {
    color: #fff
}

.c-css-customizer__icon i {
    line-height: 50px
}

.is-opened .c-css-customizer__icon i {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all .8s ease-in-out 0s;
    transition: all .8s ease-in-out 0s
}

.c-css-customizer__heading {
    padding: 0 20px;
    height: 50px;
    line-height: 50px
}

.c-css-customizer__content {
    max-height: calc(80vh - 50px);
    overflow-y: auto
}

.c-itinerary-step {
    display: block
}

@media only screen and (min-width: 992px) {
    .c-itinerary-step {
        padding-left: 5px;
        border-left: solid rgba(0, 0, 0, 0) 13px;
        border-right: solid rgba(0, 0, 0, 0) 3px
    }

    .c-itinerary-step--clickable {
        position: relative
    }

    .c-itinerary-step--clickable:before,
    .c-itinerary-step--clickable:after {
        -webkit-transition: all .2s ease 0s;
        transition: all .2s ease 0s;
        content: " ";
        display: block;
        height: 50px;
        top: 50%;
        position: absolute;
        margin-top: -25px;
        background-color: rgba(0, 0, 0, 0)
    }

    .c-itinerary-step--clickable:before {
        width: 13px;
        left: -13px
    }

    .c-itinerary-step--clickable:after {
        width: 3px;
        right: -3px
    }

    .c-itinerary-step--clickable:hover:before,
    .c-itinerary-step--clickable:hover:after,
    .c-itinerary-step--clickable:active:before,
    .c-itinerary-step--clickable:active:after,
    .c-itinerary-step--clickable:focus:active:before,
    .c-itinerary-step--clickable:focus:active:after {
        background-color: #0472AA;
        background-color: var(--s-color-brand-primary)
    }

    .c-itinerary-step--clickable.c-itinerary-step--active:before,
    .c-itinerary-step--clickable.c-itinerary-step--active:after {
        background-color: #0472AA;
        background-color: var(--s-color-brand-primary)
    }
}

.c-itinerary-step__main {
    padding: 10px 0;
    min-height: 60px
}

.c-cruise-plan {
    margin-top: 50px;
    overflow-y: auto
}

@media only screen and (min-width: 1200px) {
    .c-cruise-plan {
        height: 800px;
        margin-top: 0
    }
}

@media only screen and (min-width: 768px) {
    .c-cruise-plan--large {
        height: 1500px
    }
}

.c-cruise-plan__cabin {
    position: absolute;
    z-index: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer
}

.c-cruise-plan__cabin--active {
    -webkit-filter: saturate(2.5);
    filter: saturate(2.5)
}

.c-cruise-plan__cabin-number {
    color: #000
}

.c-cruise-plan__cabin-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    white-space: nowrap
}

:root {
    --modal-waiting-background-color: var(--s-color-brand-dark-rgb)
}

@media only screen and (min-width: 768px) {
    :root {
        --modal-waiting-background-color: 0, 0, 0
    }
}

.c-modal-waiting {
    z-index: 9999 !important
}

.c-modal-waiting .c-modal__wrapper {
    padding: 0 !important
}

.c-modal-waiting .c-modal__container {
    max-width: 500px !important
}

.c-modal-waiting .c-modal__body {
    padding: 0 !important
}

.c-modal-waiting__dialog {
    -webkit-transition: .15s opacity linear 0s;
    transition: .15s opacity linear 0s;
    background-color: #00527C !important;
    background-color: var(--s-color-brand-dark) !important;
    overflow: hidden;
    max-width: 500px;
    position: relative;
    margin: 0 auto;
    height: 100vh
}

@media only screen and (min-width: 768px) {
    .c-modal-waiting__dialog {
        height: auto;
        max-height: 500px
    }
}

@media only screen and (min-width: 992px) {
    .c-modal-waiting__dialog {
        border-radius: 8px
    }
}

.c-modal-waiting__main {
    padding-top: 170px
}

@media only screen and (min-width: 768px) {
    .c-modal-waiting__main {
        padding-top: 0
    }
}

@media only screen and (min-width: 768px) {
    .c-modal-waiting__loader {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media only screen and (min-width: 768px) {
    .c-modal-waiting__logo {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 0 0 10px 10px
    }
}

@media only screen and (max-width: 767px) {
    .c-modal-waiting__text {
        padding-bottom: 60px
    }
}

.c-modal-waiting__phrase {
    position: absolute;
    top: 80px;
    left: 20px;
    right: 20px;
    padding: 10px 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px
}

.c-modal-waiting__background:before {
    content: " ";
    z-index: 2;
    display: block;
    width: 100%;
    height: 40%;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    background: #000;
    background: linear-gradient(0deg, rgba(var(--modal-waiting-background-color), 1) 5%, rgba(var(--modal-waiting-background-color), 0.7) 35%, rgba(var(--modal-waiting-background-color), 0.4) 60%, rgba(0, 0, 0, 0) 100%)
}

@media only screen and (min-width: 600px) {
    .c-modal-waiting__background:before {
        opacity: .6
    }
}

.c-modal-waiting__text .c-collective-brand__img {
    max-width: 180px !important;
    max-height: 50px !important
}

@media only screen and (max-width: 767px) {
    .c-modal-waiting .provider-progress {
        max-height: 162px;
        overflow: hidden
    }
}

.c-white-brand__logo {
    display: block;
    height: 50px;
    -o-object-fit: contain;
    object-fit: contain
}

@media only screen and (min-width: 768px) {
    .c-white-brand__logo {
        max-width: 150px
    }
}

.c-white-brand--brand {
    display: none
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.42857143;
    line-break: auto;
    text-align: left;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    font-size: 12px;
    filter: alpha(opacity=0);
    opacity: 0
}

.tooltip.in {
    filter: alpha(opacity=90);
    opacity: .9
}

.tooltip.top {
    padding: 5px 0;
    margin-top: -3px
}

.tooltip.right {
    padding: 0 5px;
    margin-left: 3px
}

.tooltip.bottom {
    padding: 5px 0;
    margin-top: 3px
}

.tooltip.left {
    padding: 0 5px;
    margin-left: -3px
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-left .tooltip-arrow {
    right: 5px;
    bottom: 0;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 4px
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: rgba(0, 0, 0, 0);
    border-style: solid
}

.tooltip-backdrop {
    position: fixed;
    z-index: 5000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .4)
}

.c-seats-map {
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.c-seats-map:before {
    background-color: rgba(0, 0, 0, 0)
}

.c-seats-map--blocked {
    overflow: hidden;
    position: relative
}

.c-seats-map--blocker {
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    background-color: rgba(0, 0, 0, .3)
}

.c-seat-selection-list__item.ui-state-disabled {
    opacity: 1;
    background-color: #f7f7f7
}

.c-seat-selection-list--opened {
    max-height: calc(100vh - 400px);
    overflow-y: auto
}

.c-seats-passengers-carousel {
    padding: 0 40px
}

.c-seats-passengers-carousel__nav {
    position: relative
}

.c-seats-passengers-carousel__item,
.c-seats-passengers-carousel__nav-button {
    height: 50px;
    line-height: 30px
}

.c-seats-passengers-carousel__nav-button {
    position: absolute;
    z-index: 1;
    top: -50px;
    left: -40px;
    width: 40px;
    font-size: 20px;
    font-weight: 400;
    background-color: rgba(0, 0, 0, 0);
    cursor: pointer
}

.c-seats-passengers-carousel__nav-button:last-child {
    left: auto;
    right: -40px
}

.c-seats-passengers-carousel__nav-button.swiper-button-disabled {
    color: #e3e3e3;
    pointer-events: none
}

.c-features__content {
    padding-top: 30px;
    margin: 0 -10px
}

.c-features__element {
    position: relative;
    max-width: 450px;
    margin: 0 auto 50px;
    padding-top: 40px
}

.c-features__element:last-child {
    margin-bottom: 0
}

@media only screen and (min-width: 992px) {
    .c-features__element {
        max-width: none;
        max-width: initial;
        margin: 0 10px
    }
}

.c-features__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    place-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 60px;
    height: 60px;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    background-color: #fff
}

.c-features__title {
    font-size: 20px
}

.c-features__text {
    font-size: 16px;
    margin: 0
}

@media only screen and (max-width: 599px) {
    .sb-tabs .sb-tabs__wrapper {
        margin-top: 15px;
        padding: 5px 20px;
        border: none
    }

    .sb-tabs .swiper-wrapper {
        gap: 15px
    }

    .sb-tabs .sb-tabs__item.sb-tabs__item--active .sb-tabs__link {
        background-color: #0472AA;
        background-color: var(--s-color-brand-primary);
        border-color: rgba(0, 0, 0, 0)
    }

    .sb-tabs .sb-tabs__item.sb-tabs__item--active .sb-tabs__link:before {
        content: none
    }

    .sb-tabs .sb-tabs__item.sb-tabs__item--active .sb-tabs__link .sb-tabs__icon,
    .sb-tabs .sb-tabs__item.sb-tabs__item--active .sb-tabs__link .sb-tabs__text {
        color: #fff
    }

    .sb-tabs .sb-tabs__link {
        border: 1px solid #707070;
        border-radius: 8px;
        padding: 12px 15px !important;
        -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, .2);
        box-shadow: 0 3px 7px rgba(0, 0, 0, .2)
    }

    .sb-tabs .sb-tabs__tag {
        top: -6px;
        border-radius: 4px;
        max-width: calc(100% - 6px)
    }
}

@media only screen and (max-width: 1199px) {
    .sb-tabs {
        overflow: visible
    }
}

.sb-tabs__mobile {
    direction: ltr
}

.sb-tabs__mobile.sb-tabs__wrapper--scroll {
    overflow-x: scroll;
    overflow-y: hidden
}

.sb-tabs__mobile.sb-tabs__wrapper--scroll .sb-tabs__container {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

body.rtl .sb-tabs__mobile.sb-tabs__wrapper--scroll .sb-tabs__container {
    direction: rtl;
    overflow-x: auto
}

.sb-tabs__mobile.sb-tabs__wrapper--scroll .swiper-slide:last-child {
    padding-right: 15px
}

.sb-tabs__mobile .sb-tabs__container {
    opacity: 1
}

.sb-tabs__wrapper {
    padding: 0 10px;
    border-bottom: 1px solid #e3e3e3
}

@media only screen and (min-width: 1200px) {
    .sb-tabs__wrapper {
        padding: 0
    }
}

.sb-tabs__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: -1px;
    direction: ltr;
    opacity: 0
}

.sb-tabs__container.loaded {
    opacity: 1
}

.sb-tabs__container:not(.swiper-initialized) .swiper-slide {
    width: 100%;
    -ms-flex-negative: initial;
    flex-shrink: initial
}

@media only screen and (min-width: 1200px) {
    body.rtl .sb-tabs__container {
        direction: rtl
    }

    .sb-tabs__container {
        -webkit-transition: all .4s ease 0s;
        transition: all .4s ease 0s
    }
}

@media only screen and (min-width: 1200px) {
    .sb-tabs__container {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.sb-tabs__arrow {
    position: absolute;
    z-index: 2;
    bottom: calc(50% - 16px);
    font-size: 16px;
    cursor: pointer;
    padding: 10px 0
}

.sb-tabs__arrow:not([aria-disabled]) {
    display: none
}

.sb-tabs__arrow.prev {
    left: 0
}

.sb-tabs__arrow.next {
    right: 0
}

.sb-tabs__arrow.swiper-button-disabled {
    opacity: .3;
    cursor: auto
}

@media only screen and (min-width: 1200px) {
    .sb-tabs__arrow.prev {
        left: -10px
    }

    .sb-tabs__arrow.next {
        right: -10px
    }
}

.sb-tabs__item {
    width: 100%;
    text-align: center
}

.sb-tabs__item--active .sb-tabs__link:before {
    content: ""
}

.sb-tabs__item--active .sb-tabs__text {
    color: #5e6c5b
}

.sb-tabs__item--active .sb-tabs__icon {
    color: #5e6c5b
}

.sb-tabs__tag {
    position: absolute;
    top: 0;
    background-color: #0472AA;
    background-color: var(--s-color-brand-primary);
    border-radius: 0 0 4px 4px
}

.sb-tabs__tag span {
    display: block;
    padding: 3px 5px;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    line-height: 1
}

.sb-tabs__link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 10px 10px;
    -webkit-transition: all .4s ease 0s;
    transition: all .4s ease 0s
}

.sb-tabs__link:before {
    content: none;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 4px;
    width: 100%;
    border-radius: 40px;
    background-color: #5e6c5b;
    pointer-events: none
}

.sb-tabs__link:hover,
.sb-tabs__link:active,
.sb-tabs__link:focus:active {
    background-color: rgba(0, 0, 0, 0)
}

.sb-tabs__link:hover .sb-tabs__text,
.sb-tabs__link:active .sb-tabs__text,
.sb-tabs__link:focus:active .sb-tabs__text {
    color: #0472AA;
    color: var(--s-color-brand-primary)
}

.sb-tabs__link:hover .sb-tabs__icon,
.sb-tabs__link:active .sb-tabs__icon,
.sb-tabs__link:focus:active .sb-tabs__icon {
    color: #0472AA;
    color: var(--s-color-brand-primary)
}

@media only screen and (min-width: 1200px) {
    .sb-tabs__link {
        padding: 20px 15px 10px
    }
}

@media only screen and (min-width: 1500px) {
    .sb-tabs__link {
        padding: 20px 15px 20px
    }
}

.sb-tabs__icon {
    color: #707070;
    font-size: 27px;
    padding-bottom: 10px;
    -webkit-transition: all .4s ease 0s;
    transition: all .4s ease 0s
}

.sb-tabs__icon--combo {
    min-height: 37px
}

.sb-tabs__icon--combo i {
    font-size: 23px
}

.sb-tabs__text {
    font-size: 14px;
    font-weight: 400;
    color: #707070;
    text-transform: none;
    white-space: nowrap;
    -webkit-transition: all .4s ease 0s;
    transition: all .4s ease 0s
}

@media only screen and (hover: hover)and (min-width: 1200px) {
    [data-tabs=verticaliconshidden] .sb-tabs__item--active .sb-tabs__icon {
        opacity: 1
    }

    [data-tabs=verticaliconshidden] .sb-tabs__item:hover .sb-tabs__icon,
    [data-tabs=verticaliconshidden] .sb-tabs__item:active .sb-tabs__icon,
    [data-tabs=verticaliconshidden] .sb-tabs__item:focus:active .sb-tabs__icon {
        opacity: 1
    }

    [data-tabs=verticaliconshidden] .sb-tabs__icon {
        opacity: 0
    }
}

[data-tabs=horizontal] .sb-tabs__arrow {
    bottom: 13px
}

[data-tabs=horizontal] .sb-tabs__link {
    -ms-flex-flow: nowrap;
    flex-flow: nowrap;
    padding: 20px 10px
}

body.rtl [data-tabs=horizontal] .sb-tabs__link {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

[data-tabs=horizontal] .sb-tabs__icon {
    font-size: 16px;
    padding: 0;
    margin-right: 10px
}

[data-tabs=horizontal] .sb-tabs__icon.fa-microchip-ai {
    font-size: 18px;
    padding: 0 5px 0 0
}

[data-tabs=horizontal] .sb-tabs__icon--combo {
    min-height: 0;
    min-height: initial;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    min-width: 0;
    min-width: initial
}

[data-tabs=horizontal] .sb-tabs__icon--combo i {
    font-size: 16px
}

[data-tabs=horizontal] .sb-tabs__icon--combo span {
    font-size: 12px;
    padding-left: 3px;
    padding-right: 3px
}

[data-tabs=onlytext] .sb-tabs__icon {
    display: none
}

.c-monthly-filter-square-carousel {
    border-radius: 4px;
    overflow: hidden
}

.c-monthly-filter-square-carousel .disabled {
    opacity: 0
}

.c-monthly-filter-square-carousel__item {
    display: block;
    width: 100%;
    min-width: 100px;
    padding: 5px;
    border: 2px solid #fff;
    background-color: #fff;
    cursor: pointer;
    text-align: center;
    border-radius: 3px
}

.c-monthly-filter-square-carousel__item--selected {
    border-color: #6dc151
}

.c-monthly-filter-square-carousel__price {
    display: block;
    font-size: 16px;
    line-height: 1
}

.c-monthly-filter-square-carousel__item--selected .c-monthly-filter-square-carousel__price {
    color: #6dc151
}

.c-monthly-filter-square-carousel__month {
    display: block;
    font-size: 12px
}

.c-monthly-filter-square-carousel__button {
    position: absolute;
    z-index: 2;
    top: 0;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, .5);
    text-align: center;
    font-size: 16px;
    cursor: pointer;
    color: #fff;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.c-monthly-filter-square-carousel__button:hover,
.c-monthly-filter-square-carousel__button:active,
.c-monthly-filter-square-carousel__button:focus:active {
    background-color: #000;
    color: #fff
}

.c-monthly-filter-square-carousel__button--right,
.c-monthly-filter-square-carousel__button--left {
    width: 20px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.c-monthly-filter-square-carousel__button--right {
    right: 0;
    border-radius: 0 4px 4px 0
}

.c-monthly-filter-square-carousel__button--left {
    left: 0;
    border-radius: 4px 0 0 4px
}

.c-monthly-filter-square-carousel__button.swiper-button-disabled {
    opacity: 0 !important;
    pointer-events: none !important
}

.c-monthly-filter-square-carousel__divider .divider__line {
    width: 1px;
    height: 23px;
    background-color: #0472AA;
    background-color: var(--s-color-brand-primary);
    margin: 0 auto
}

.c-monthly-filter-square-carousel__divider .divider__year {
    display: block;
    text-align: center;
    color: #0472AA;
    color: var(--s-color-brand-primary);
    font-size: 10px
}

.c-monthly-filter-bar-carousel .disabled {
    opacity: 0
}

.c-monthly-filter-bar-carousel .c-monthly-filter-bar {
    width: 100%;
    height: 160px
}

.c-monthly-filter-bar-carousel .c-monthly-filter-bar::before {
    content: "";
    display: inline-block;
    vertical-align: bottom;
    height: 100%
}

.c-monthly-filter-bar-carousel .c-monthly-filter-bar__wrapper {
    width: 100%;
    height: 73px
}

.c-monthly-filter-bar-carousel .c-monthly-filter-bar__wrapper--selected {
    color: #6dc151
}

.c-monthly-filter-bar-carousel .c-monthly-filter-bar__wrapper--selected .c-monthly-filter-bar__filling {
    background-color: #6dc151
}

.c-monthly-filter-bar-carousel .c-monthly-filter-bar__filling {
    background-color: rgba(0, 168, 226, .2)
}

.c-monthly-filter-bar-carousel__button {
    position: absolute;
    z-index: 3;
    bottom: 25px;
    height: auto;
    display: inline-block;
    -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
    box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
    background-color: #fff;
    line-height: 71px;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
    color: #707070;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.c-monthly-filter-bar-carousel__button--right,
.c-monthly-filter-bar-carousel__button--left {
    width: 20px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.c-monthly-filter-bar-carousel__button--right {
    right: 0
}

.c-monthly-filter-bar-carousel__button--left {
    left: 0
}

.c-monthly-filter-bar-carousel__button.swiper-button-disabled {
    opacity: 0 !important;
    pointer-events: none !important
}

.c-monthly-filter-bar-carousel .c-monthly-filter-bar-carousel__button--right {
    left: 0
}

.c-monthly-filter-bar-carousel .c-monthly-filter-bar-carousel__button--left {
    right: 0
}

.c-mobile-navigation-bar {
    width: 100%;
    height: auto;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1);
    padding: 5px;
    pointer-events: visible;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.c-mobile-navigation-bar--top {
    background-color: #0472AA;
    background-color: var(--s-color-brand-primary);
    top: 0;
    visibility: hidden
}

.c-mobile-navigation-bar--bottom {
    background-color: #fff;
    bottom: 0
}

.c-mobile-navigation-bar--bottom,
.c-mobile-navigation-bar--top {
    position: fixed;
    left: 0;
    z-index: 1000
}

.c-navigation-availability {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px;
    min-height: 50px
}

.c-navigation-availability__square {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: rgba(0, 0, 0, .2);
    border-radius: 4px;
    margin-bottom: 1px;
    min-width: 30px;
    max-width: 50px
}

.c-navigation-availability__text {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.c-navigation-availability__edit {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.c-navigation-availability__square,
.c-navigation-availability__edit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.c-navigation-availability__square i,
.c-navigation-availability__edit i {
    color: #fff;
    font-size: 20px
}

.c-navigation-availability__button-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px
}

.c-navigation-availability__button {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.c-navigation-availability-title {
    padding-left: 10px
}

.c-navigation-availability-title__small {
    font-size: 12px
}

.c-navigation-availability-title__medium {
    font-size: 16px;
    display: block
}

.c-navigation-availability-title__small,
.c-navigation-availability-title__medium {
    color: #fff
}

.c-navigation-availability-title--ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    width: 100%;
    max-width: 250px
}

@media only screen and (min-width: 768px) {
    .c-navigation-availability-title--ellipsis {
        max-width: 640px
    }
}

.c-cross-selling-icons i {
    top: 50%;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    opacity: 0
}

.c-cross-selling-icons--3 i:nth-child(1) {
    -webkit-animation: icons-3-first 10s infinite;
    animation: icons-3-first 10s infinite
}

.c-cross-selling-icons--3 i:nth-child(2) {
    -webkit-animation: icons-3-second 10s infinite;
    animation: icons-3-second 10s infinite
}

.c-cross-selling-icons--3 i:nth-child(3) {
    -webkit-animation: icons-3-third 10s infinite;
    animation: icons-3-third 10s infinite
}

.c-cross-selling-icons--4 i:nth-child(1) {
    -webkit-animation: icons-4-first 10s infinite;
    animation: icons-4-first 10s infinite
}

.c-cross-selling-icons--4 i:nth-child(2) {
    -webkit-animation: icons-4-second 10s infinite;
    animation: icons-4-second 10s infinite
}

.c-cross-selling-icons--4 i:nth-child(3) {
    -webkit-animation: icons-4-third 10s infinite;
    animation: icons-4-third 10s infinite
}

.c-cross-selling-icons--4 i:nth-child(4) {
    -webkit-animation: icons-4-fourth 10s infinite;
    animation: icons-4-fourth 10s infinite
}

@-webkit-keyframes icons-3-first {
    0% {
        opacity: 0;
        left: 0;
        top: 100%
    }

    10% {
        opacity: 1;
        left: 50%;
        top: 50%
    }

    15% {
        opacity: 1;
        left: 50%;
        top: 50%
    }

    23% {
        opacity: 1;
        left: 50%;
        top: 50%
    }

    33% {
        opacity: 0;
        left: 100%;
        top: 0
    }

    100% {
        opacity: 0
    }
}

@keyframes icons-3-first {
    0% {
        opacity: 0;
        left: 0;
        top: 100%
    }

    10% {
        opacity: 1;
        left: 50%;
        top: 50%
    }

    15% {
        opacity: 1;
        left: 50%;
        top: 50%
    }

    23% {
        opacity: 1;
        left: 50%;
        top: 50%
    }

    33% {
        opacity: 0;
        left: 100%;
        top: 0
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes icons-3-second {
    0% {
        opacity: 0;
        top: 100%
    }

    30% {
        opacity: 0;
        top: 100%
    }

    41% {
        opacity: 1;
        top: 50%
    }

    55% {
        opacity: 1;
        top: 50%
    }

    66% {
        opacity: 0;
        top: 0
    }

    100% {
        opacity: 0
    }
}

@keyframes icons-3-second {
    0% {
        opacity: 0;
        top: 100%
    }

    30% {
        opacity: 0;
        top: 100%
    }

    41% {
        opacity: 1;
        top: 50%
    }

    55% {
        opacity: 1;
        top: 50%
    }

    66% {
        opacity: 0;
        top: 0
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes icons-3-third {
    0% {
        opacity: 0;
        left: 0
    }

    63% {
        opacity: 0;
        left: 0
    }

    74% {
        opacity: 1;
        left: 50%
    }

    89% {
        opacity: 1;
        left: 50%
    }

    100% {
        opacity: 0;
        left: 100%
    }
}

@keyframes icons-3-third {
    0% {
        opacity: 0;
        left: 0
    }

    63% {
        opacity: 0;
        left: 0
    }

    74% {
        opacity: 1;
        left: 50%
    }

    89% {
        opacity: 1;
        left: 50%
    }

    100% {
        opacity: 0;
        left: 100%
    }
}

@-webkit-keyframes icons-4-first {
    0% {
        opacity: 0;
        left: 0;
        top: 100%
    }

    5% {
        opacity: 1;
        left: 50%;
        top: 50%
    }

    12% {
        opacity: 1;
        left: 50%;
        top: 50%
    }

    22% {
        opacity: 1;
        left: 50%;
        top: 50%
    }

    29% {
        opacity: 0;
        left: 100%;
        top: 0
    }

    100% {
        opacity: 0
    }
}

@keyframes icons-4-first {
    0% {
        opacity: 0;
        left: 0;
        top: 100%
    }

    5% {
        opacity: 1;
        left: 50%;
        top: 50%
    }

    12% {
        opacity: 1;
        left: 50%;
        top: 50%
    }

    22% {
        opacity: 1;
        left: 50%;
        top: 50%
    }

    29% {
        opacity: 0;
        left: 100%;
        top: 0
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes icons-4-second {
    0% {
        opacity: 0;
        top: 100%
    }

    29% {
        opacity: 0;
        top: 100%
    }

    36% {
        opacity: 1;
        top: 50%
    }

    46% {
        opacity: 1;
        top: 50%
    }

    53% {
        opacity: 0;
        top: 0
    }

    100% {
        opacity: 0
    }
}

@keyframes icons-4-second {
    0% {
        opacity: 0;
        top: 100%
    }

    29% {
        opacity: 0;
        top: 100%
    }

    36% {
        opacity: 1;
        top: 50%
    }

    46% {
        opacity: 1;
        top: 50%
    }

    53% {
        opacity: 0;
        top: 0
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes icons-4-third {
    0% {
        opacity: 0;
        left: 0
    }

    53% {
        opacity: 0;
        left: 0
    }

    60% {
        opacity: 1;
        left: 50%
    }

    70% {
        opacity: 1;
        left: 50%
    }

    77% {
        opacity: 0;
        left: 100%
    }

    100% {
        opacity: 0
    }
}

@keyframes icons-4-third {
    0% {
        opacity: 0;
        left: 0
    }

    53% {
        opacity: 0;
        left: 0
    }

    60% {
        opacity: 1;
        left: 50%
    }

    70% {
        opacity: 1;
        left: 50%
    }

    77% {
        opacity: 0;
        left: 100%
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes icons-4-fourth {
    0% {
        opacity: 0;
        left: 100%
    }

    77% {
        opacity: 0;
        left: 100%
    }

    84% {
        opacity: 1;
        left: 50%
    }

    94% {
        opacity: 1;
        left: 50%
    }

    100% {
        opacity: 0;
        left: 0
    }
}

@keyframes icons-4-fourth {
    0% {
        opacity: 0;
        left: 100%
    }

    77% {
        opacity: 0;
        left: 100%
    }

    84% {
        opacity: 1;
        left: 50%
    }

    94% {
        opacity: 1;
        left: 50%
    }

    100% {
        opacity: 0;
        left: 0
    }
}

@media only screen and (max-width: 767px) {
    .c-horizontal-gallery .o-container {
        padding: 0
    }
}

@media only screen and (min-width: 1500px) {
    .c-horizontal-gallery {
        overflow: hidden
    }
}

.c-horizontal-gallery__img {
    width: 100%;
    height: 240px
}

@media only screen and (min-width: 768px) {
    .c-horizontal-gallery__img {
        border-radius: 8px
    }
}

@media only screen and (min-width: 992px) {
    .c-horizontal-gallery__img {
        height: 340px
    }
}

@media only screen and (min-width: 1500px) {
    .c-horizontal-gallery__img {
        height: 450px
    }
}

@media only screen and (min-width: 1500px) {
    .c-horizontal-gallery .swiper {
        overflow: visible
    }
}

@media only screen and (min-width: 1500px) {
    .c-horizontal-gallery--disable-overflow .swiper {
        overflow: hidden
    }
}

.c-route-list {
    padding: 5px 20px 20px;
    -webkit-transition: .4s all ease-in-out 0s;
    transition: .4s all ease-in-out 0s
}

.c-route-list--draggable .c-route-list__transport,
.c-route-list--draggable .c-route-list__element-origin,
.c-route-list--draggable .c-route-list__input-origin,
.c-route-list--draggable .c-route-list__element-services,
.c-route-list--draggable .c-route-list__element-menu,
.c-route-list--draggable .c-route-list__element--routing-data {
    display: none !important
}

.c-route-list--draggable .c-route-list__input--destination {
    margin-top: 20px
}

.c-route-list--draggable .c-route-list__element {
    cursor: -webkit-grab;
    cursor: grab;
    -ms-touch-action: none;
    touch-action: none
}

.c-route-list--draggable .c-route-list__element-dragme-icon {
    display: block
}

.c-route-list--draggable .c-trip-planner__footer-reorder {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
    pointer-events: auto
}

.c-route-list--draggable .c-trip-planner__footer-continue {
    opacity: 0;
    pointer-events: none
}

.c-route-list--draggable .c-route-list__draggable-alert {
    display: block
}

.c-route-list--routing-draggable .c-route-list__element--routing {
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.c-route-list--routing-draggable .c-route-list__element:not(.c-route-list__element--routing),
.c-route-list--routing-draggable .c-route-list__transport,
.c-route-list--routing-draggable .c-route-list__input,
.c-route-list--routing-draggable .c-route-list__element--routing-header,
.c-route-list--routing-draggable .c-route-list__element--routing-services,
.c-route-list--routing-draggable .c-route-list__element--routing-spacer,
.c-route-list--routing-draggable .c-route-list__element--routing-footer,
.c-route-list--routing-draggable .c-route-list__element-menu,
.c-route-list--routing-draggable .c-route-list__element--routing-origin {
    display: none !important
}

.c-route-list--routing-draggable .c-route-list__element {
    cursor: -webkit-grab;
    cursor: grab;
    -ms-touch-action: none;
    touch-action: none
}

.c-route-list--routing-draggable .c-route-list__element--routing-destination {
    padding: 15px 10px 5px;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .1);
    border-radius: 10px;
    margin-bottom: 10px
}

.c-route-list--routing-draggable .c-route-list__element-dragme-icon {
    display: block
}

.c-route-list--routing-draggable .c-trip-planner__footer-reorder {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
    pointer-events: auto
}

.c-route-list--routing-draggable .c-trip-planner__footer-continue {
    opacity: 0;
    pointer-events: none
}

.c-route-list--routing-draggable .c-route-list__draggable-alert {
    display: block
}

.c-route-list--animate-hide {
    -webkit-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0
}

.c-route-list__draggable-alert {
    display: none
}

.c-route-list__options {
    position: relative;
    padding-bottom: 10px
}

.c-route-list__options-edit {
    -webkit-transition: .4s all ease-in-out 0s;
    transition: .4s all ease-in-out 0s
}

@media only screen and (min-width: 1200px) {
    .c-route-list__options {
        position: absolute;
        bottom: 10px;
        padding: 0
    }
}

.c-route-list__element {
    margin: 10px 0;
    padding: 10px;
    border-radius: 10px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15);
    -ms-touch-action: auto;
    touch-action: auto;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.c-route-list__element:hover,
.c-route-list__element:active,
.c-route-list__element:focus:active {
    background-color: #f7f7f7
}

.c-route-list__element--main {
    padding: 15px 10px 10px
}

.c-route-list__element--routing:hover,
.c-route-list__element--routing:active,
.c-route-list__element--routing:focus:active {
    background-color: #fff
}

.c-route-list__element-dragme-icon {
    display: none
}

.c-route-list__icon {
    width: 30px;
    min-width: 30px;
    height: 30px;
    min-height: 30px;
    background-color: #9597a4;
    color: #fff
}

.c-route-list__icon--destination {
    background-color: #2d314a;
    color: #fff
}

.c-route-list__icon--service {
    width: 26px;
    min-width: 26px;
    height: 26px;
    min-height: 26px;
    margin: 0 2px;
    font-size: 12px
}

.c-route-list__icon--hotel {
    background-color: #e67614
}

.c-route-list__icon--tour {
    background-color: #2f6e98
}

.c-route-list__icon--cruise {
    background-color: #11b2b2
}

.c-route-list__icon--routing {
    background-color: #b263ee
}

.c-route-list__icon--disney {
    background-color: #2918a3
}

.c-route-list__icon--disney-services {
    background-color: #aaa4d7
}

.c-route-list__transport {
    padding: 0 10px;
    margin: 10px 0
}

.c-route-list__transport-journey {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    width: 30px;
    min-width: 30px;
    text-align: center
}

.c-route-list__transport-journey .c-route-list__line {
    height: 15px
}

.c-route-list__transport-journey .c-route-list__line--service {
    height: 100%
}

.c-route-list__line {
    width: 1px;
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/images/route-line.svg");
    background-repeat: repeat-y;
    background-size: contain;
    background-position: center
}

.c-route-list__line--service {
    margin: 0 0 5px
}

.c-route-list__input {
    margin: 0 0 10px
}

.c-route-list__input .c-text-input:hover,
.c-route-list__input .c-text-input:active,
.c-route-list__input .c-text-input:focus,
.c-route-list__input .c-text-input:focus:active {
    border-color: #0472AA;
    border-color: var(--s-color-brand-primary)
}

@media only screen and (min-width: 992px) {
    .c-route-list__nights {
        position: absolute;
        top: calc(50% - 16px);
        right: 60px
    }

    body.rtl .c-route-list__nights {
        right: 0;
        left: 60px
    }
}

@media only screen and (max-width: 991px) {
    .c-route-list__nights-counter {
        border-top: 1px solid #e3e3e3;
        margin-top: 15px;
        padding-top: 15px
    }
}

.c-map-modal {
    font-family: Ubuntu;
    font-size: 14px;
    width: 300px;
    background-color: #fff;
    border-radius: 8px
}

.c-map-modal--adding {
    -webkit-animation: reduce-map-modal;
    animation: reduce-map-modal;
    -webkit-animation-duration: 600ms;
    animation-duration: 600ms
}

@-webkit-keyframes reduce-map-modal {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(0.3);
        transform: scale(0.3);
        opacity: .2
    }
}

@keyframes reduce-map-modal {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(0.3);
        transform: scale(0.3);
        opacity: .2
    }
}

.c-map-modal__header {
    position: relative
}

.c-map-modal__header-close {
    position: absolute;
    z-index: 4;
    top: -15px;
    right: -15px
}

.c-map-modal__header-title {
    border-radius: 8px 8px 0 0;
    background-color: rgba(34, 34, 34, .5)
}

.c-map-modal__header img {
    border-radius: 8px 8px 0 0;
    height: 175px
}

.c-map-modal__stay {
    background-color: #e67614
}

.c-map-modal__stay-icon {
    width: 26px;
    min-width: 26px;
    height: 26px
}

.c-map-modal__stay--hotel {
    background-color: #e67614
}

.c-map-modal__stay--tour {
    background-color: #2f6e98
}

.c-map-modal__stay--cruise {
    background-color: #11b2b2
}

.c-map-modal__stay--routing {
    background-color: #b263ee
}

.c-map-modal__content {
    padding: 10px
}

.c-map-modal__service {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 33.33%;
    min-width: 33.33%
}

.c-map-modal__service:hover .c-map-modal__service-icon i,
.c-map-modal__service:active .c-map-modal__service-icon i,
.c-map-modal__service:focus:active .c-map-modal__service-icon i {
    color: #0472AA;
    color: var(--s-color-brand-primary)
}

.c-map-modal__service-icon {
    width: 50px;
    height: 50px
}

.c-map-modal__service-icon i {
    font-size: 22px;
    color: #a2a2a2;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.c-trip-planner__map .maplibregl-popup {
    max-width: 300px !important
}

.c-trip-planner__map .maplibregl-popup .maplibregl-popup-content {
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .15);
    box-shadow: 0 0 8px rgba(0, 0, 0, .15);
    background-color: rgba(0, 0, 0, 0)
}

.c-trip-planner__map .maplibregl-popup #infowindowform {
    width: 300px
}

.c-trip-planner__map.c-trip-planner__map--accommodation .maplibregl-popup {
    max-width: 240px !important
}

.c-product-guide {
    position: fixed;
    z-index: 9999999;
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-transition: .7s all ease 0s;
    transition: .7s all ease 0s;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.c-product-guide.disabled {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
    -webkit-transition: 0s all ease 0s;
    transition: 0s all ease 0s
}

@media only screen and (min-width: 768px) {
    .c-product-guide.disabled {
        -webkit-transform: translateY(0) translateX(20px);
        -ms-transform: translateY(0) translateX(20px);
        transform: translateY(0) translateX(20px)
    }
}

@media only screen and (min-width: 768px) {
    .c-product-guide {
        width: 280px;
        bottom: auto;
        top: 0
    }

    .c-product-guide:before {
        content: "";
        position: absolute;
        top: 17px;
        right: calc(100% - 2px);
        border-style: solid;
        height: 0;
        width: 0;
        border-color: rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
        border-width: 10px 15px 10px 0
    }

    .c-product-guide--pointer-right:before {
        right: auto;
        left: calc(100% - 2px);
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .c-product-guide--pointer-bottom:before {
        top: auto;
        bottom: 17px
    }
}

.c-product-guide__backmask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999998
}

.c-product-guide__highlighter {
    position: absolute;
    z-index: 999999;
    top: calc(50% - 70px);
    left: calc(50% - 150px);
    width: 300px;
    height: 140px;
    border: 2px solid #0472AA;
    border: 2px solid var(--s-color-brand-primary);
    border-radius: 4px;
    opacity: 0;
    -webkit-box-shadow: 0 0 0 9999px rgba(0, 0, 0, .5);
    box-shadow: 0 0 0 9999px rgba(0, 0, 0, .5);
    -webkit-transition: .7s all ease 0s;
    transition: .7s all ease 0s
}

.c-product-guide__highlighter.disabled {
    opacity: 0 !important;
    pointer-events: none
}

.c-product-guide__step {
    padding: 20px;
    background-color: #fff;
    border-radius: 8px 8px 0 0
}

.c-product-guide__step.inactive {
    display: none
}

@media only screen and (max-width: 767px) {
    .c-product-guide__step {
        -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .07);
        box-shadow: 0 0 15px 0 rgba(0, 0, 0, .07);
        border: 1px solid #e3e3e3
    }
}

@media only screen and (min-width: 768px) {
    .c-product-guide__step {
        border-radius: 8px
    }
}

.c-service-box-selector {
    width: 135px;
    height: 115px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    text-align: center;
    border: 1px solid #e3e3e3;
    border-radius: 8px;
    line-height: 1.1
}

.c-service-box-selector:hover .c-service-box-selector__circle,
.c-service-box-selector:active .c-service-box-selector__circle,
.c-service-box-selector:focus:active .c-service-box-selector__circle {
    opacity: 1
}

.c-service-box-selector--active .c-service-box-selector__circle {
    opacity: 1;
    background-color: #6dc151;
    border-color: rgba(0, 0, 0, 0);
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15)
}

.c-service-box-selector--active .c-service-box-selector__circle i {
    opacity: 1
}

.c-service-box-selector--active .c-service-box-selector__image {
    height: 40px
}

.c-service-box-selector__circle {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 24px;
    height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    border-radius: 50%;
    border: 1px solid #c2c2c2;
    opacity: 0;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.c-service-box-selector__circle i {
    color: #fff;
    opacity: 0;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.c-service-box-selector__image {
    height: 50px;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.c-service-box-selector__slider {
    position: relative;
    padding-right: 30px
}

.c-service-box-selector__slider:before {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    width: 60px;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgb(255, 255, 255)));
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
    pointer-events: none
}

.c-cross-table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width: 1199px) {
    .c-cross-table {
        position: relative;
        margin-right: -20px
    }

    .c-cross-table:after {
        content: "";
        position: absolute;
        z-index: 1;
        top: 0;
        right: 0;
        width: 40px;
        height: 100%;
        background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.75)), to(rgb(255, 255, 255)));
        background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.75) 50%, rgb(255, 255, 255) 100%);
        pointer-events: none
    }
}

.c-cross-table--one-way .c-cross-table__fixed-column {
    display: none
}

.c-cross-table--one-way .c-cross-table__content {
    width: 100%
}

.c-cross-table--one-way .c-cross-table__content-data:first-child {
    border-left: 1px solid #e3e3e3
}

.c-cross-table__fixed-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 12.5%;
    margin-top: 10px;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .15);
    box-shadow: 0 0 8px rgba(0, 0, 0, .15)
}

@media only screen and (max-width: 1199px) {
    .c-cross-table__fixed-column {
        min-width: 110px
    }
}

.c-cross-table__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 87.5%;
    overflow-x: auto
}

@media only screen and (max-width: 1199px) {
    .c-cross-table__content {
        padding-right: 30px
    }
}

.c-cross-table__content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 10px 0 0
}

@media only screen and (min-width: 1200px) {
    .c-cross-table__content-wrapper {
        width: 100%
    }
}

.c-cross-table__content-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100px;
    border-bottom: 1px inset #e3e3e3
}

.c-cross-table__content-row--header {
    height: 60px;
    border-bottom: none
}

.c-cross-table__content-data {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
    text-align: center;
    width: 14.2857142857%;
    padding: 10px 5px;
    border-right: 1px solid #e3e3e3;
    border-top: 1px solid rgba(0, 0, 0, 0);
    color: #393939;
    line-height: 1;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.c-cross-table__content-data:hover,
.c-cross-table__content-data:active,
.c-cross-table__content-data:focus:active {
    background-color: rgb(calc(229.5 + 33 * 0.1), calc(229.5 + 33 * 0.1), calc(229.5 + 33 * 0.1));
    background-color: rgb(calc(229.5 + var(--s-color-brand-dark-red, 33) * 0.1), calc(229.5 + var(--s-color-brand-dark-green, 33) * 0.1), calc(229.5 + var(--s-color-brand-dark-blue, 33) * 0.1));
    color: #00527C;
    color: var(--s-color-brand-dark)
}

@media only screen and (max-width: 1199px) {
    .c-cross-table__content-data {
        min-width: 126px
    }
}

.c-cross-table__content-data--highlight {
    background-color: rgba(109, 193, 81, .2);
    color: #6dc151;
    border-color: #fff
}

.c-cross-table__content-data--highlight:hover,
.c-cross-table__content-data--highlight:active,
.c-cross-table__content-data--highlight:focus:active {
    background-color: #6dc151;
    color: #fff
}

.c-cross-table__content-data--highlight:hover .clr--dark-gray,
.c-cross-table__content-data--highlight:active .clr--dark-gray,
.c-cross-table__content-data--highlight:focus:active .clr--dark-gray {
    color: #fff
}

.c-cross-table__content-data--disabled {
    cursor: not-allowed;
    background-color: #fff;
    color: #a2a2a2;
    -webkit-box-shadow: inset 0 0 20px rgba(0, 0, 0, .1);
    box-shadow: inset 0 0 20px rgba(0, 0, 0, .1)
}

.c-cross-table__content-data--disabled:hover,
.c-cross-table__content-data--disabled:active,
.c-cross-table__content-data--disabled:focus:active {
    background-color: #fff;
    color: #a2a2a2
}

.c-cross-table__identifiers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 60px;
    color: #fff
}

.c-cross-table__identifiers-element {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 5px;
    height: 100%;
    background-color: #a2a2a2;
    line-height: 1
}

.c-cross-table__identifiers-element:nth-child(1) {
    border-bottom: 1px solid #fff
}

.c-cross-table__vertical-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100px;
    width: 100%;
    color: #00527C;
    color: var(--s-color-brand-dark);
    font-weight: 700;
    background-color: #f7f7f7;
    border-bottom: 1px solid #e3e3e3
}

.c-cross-table__vertical-header--selected {
    background-color: #00527C;
    background-color: var(--s-color-brand-dark);
    color: #fff
}

.c-cross-table__horizontal-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 14.2857142857%;
    color: #00527C;
    color: var(--s-color-brand-dark);
    font-weight: 700;
    background-color: #f7f7f7;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15)
}

@media only screen and (max-width: 1199px) {
    .c-cross-table__horizontal-header {
        min-width: 126px
    }
}

.c-cross-table__horizontal-header--selected {
    background-color: #00527C;
    background-color: var(--s-color-brand-dark);
    color: #fff
}

.c-burger-title {
    -webkit-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    position: relative
}

.c-burger-title__title {
    color: #fff;
    font-size: 24px;
    padding: 10px 0;
    letter-spacing: .6px;
    text-shadow: 0 3px 3px rgba(0, 0, 0, .1607843137);
    margin: 0
}

.c-burger-title__button {
    -webkit-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    margin-top: 20px
}

.a-active .c-burger-title__button {
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    margin: 0
}

.a-active:hover .c-burger-title__button {
    opacity: 1
}

.c-burger-title__height {
    min-height: 100px
}

.c-burger-title__price {
    -webkit-transition: all .4s ease 0s;
    transition: all .4s ease 0s
}

.a-active .c-burger-title__price {
    opacity: 0;
    margin-bottom: -50px
}

.a-active:hover .c-burger-title__price {
    opacity: 1;
    margin: 0
}

.a-active:hover .c-burger-title--hidden-content {
    padding-bottom: 50px
}

.a-active:hover .c-burger-title--hidden-content-big {
    padding-bottom: 225px
}

.c-transport-fare {
    background-color: #fff
}

.c-transport-fare__heading {
    min-height: 50px
}

.c-transport-fare__main {
    border-top: 1px solid #e3e3e3
}

.c-destinations-select {
    position: relative
}

.c-destinations-select__main {
    padding: 2px 15px;
    border: 1px solid #c2c2c2;
    color: #a2a2a2;
    min-height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px
}

.c-destinations-select__collapse {
    position: absolute;
    z-index: 10;
    top: calc(100% + 10px);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    right: auto;
    right: initial;
    left: 0
}

.c-destinations-select__collapse:before,
.c-destinations-select__collapse:after {
    content: "";
    position: absolute;
    right: 18px
}

.c-destinations-select__collapse:before {
    bottom: 100%;
    border-style: solid;
    height: 0;
    width: 0;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #c2c2c2;
    border-width: 0 5px 6px
}

.c-destinations-select__collapse:after {
    bottom: calc(100% - 1px);
    border-style: solid;
    height: 0;
    width: 0;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff;
    border-width: 0 5px 6px
}

@media only screen and (min-width: 600px) {
    body:not(.rtl) .c-destinations-select__collapse {
        left: auto;
        left: initial;
        right: 0
    }
}

@media only screen and (max-width: 599px) {
    body.rtl .c-destinations-select__collapse {
        left: auto;
        left: initial;
        right: 0
    }
}

.c-destinations-select__menu {
    border: 1px solid #f7f7f7;
    border-radius: 4px;
    overflow: hidden
}

.c-destinations-select__item {
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    background-color: #fff
}

.c-destinations-select__item:not(:last-child) {
    border-bottom: 1px solid #f7f7f7
}

.c-destinations-select__item:hover,
.c-destinations-select__item:active,
.c-destinations-select__item:focus:active {
    background-color: #f7f7f7
}

.c-destinations-select__title {
    font-weight: 600
}

@font-face {
    font-family: "Playball";
    font-weight: 400;
    src: url("https://booking.vacancyrewards.com/javax.faces.resource/fonts/Playball-Regular.woff") format("woff"), url("https://booking.vacancyrewards.com/javax.faces.resource/fonts/Playball-Regular.ttf") format("truetype")
}

.c-giftcard__content {
    width: 100%;
    max-width: 565px
}

@media only screen and (min-width: 600px) {
    .c-giftcard__content {
        height: 330px
    }
}

.c-giftcard__font {
    font-family: "Playball", sans-serif;
    line-height: .9 !important
}

.c-giftcard__brand {
    max-width: 180px;
    max-height: 60px
}

.c-giftcard__box-price {
    min-width: 130px
}

.c-giftcard__button-price.ui-selectonebutton>.ui-button {
    border-radius: 5px;
    width: 100%;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .1);
    margin: 5px;
    margin-left: 0 !important;
    border: 1px solid #e3e3e3;
    font-weight: bold;
    height: 50px;
    font-size: 20px
}

.c-giftcard__button-price.ui-selectonebutton>.ui-button>span {
    line-height: 35px
}

.c-giftcard__button-price.ui-selectonebutton>.ui-button:hover,
.c-giftcard__button-price.ui-selectonebutton>.ui-button:active,
.c-giftcard__button-price.ui-selectonebutton>.ui-button:focus,
.c-giftcard__button-price.ui-selectonebutton>.ui-button:focus:active {
    background-color: #0472AA;
    background-color: var(--s-color-brand-primary);
    color: #fff
}

.c-giftcard__input-price {
    margin-right: 2px;
    height: 50px;
    border: 1px solid #e3e3e3
}

.giftcard__textarea {
    border: 1px solid #e3e3e3
}

.c-visas .c-modal__container {
    position: relative
}

@media only screen and (min-width: 1200px) {
    .c-visas .c-modal__body {
        overflow: hidden
    }
}

.c-visas__banner {
    padding: 20px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0)
}

@media only screen and (min-width: 768px) {
    .c-visas__banner {
        padding: 40px
    }
}

.c-visas__banner--selected {
    border-color: #6dc151;
    background-color: rgba(109, 193, 81, .05)
}

.c-visas__banner--selected .c-visas__banner-icon {
    background-color: rgba(109, 193, 81, .05)
}

.c-visas__banner--selected .c-visas__banner-icon i {
    color: #6dc151
}

.c-visas__banner-icon {
    height: 65px;
    width: 55px;
    border-radius: 10px;
    background-color: rgb(calc(229.5 + 163 * 0.1), calc(229.5 + 163 * 0.1), calc(229.5 + 164 * 0.1));
    background-color: rgb(calc(229.5 + var(--s-color-brand-primary-red, 163) * 0.1), calc(229.5 + var(--s-color-brand-primary-green, 163) * 0.1), calc(229.5 + var(--s-color-brand-primary-blue, 164) * 0.1))
}

.c-visas__header {
    height: 105px;
    padding: 10px
}

@media only screen and (min-width: 1200px) {
    .c-visas__header {
        padding: 10px 30px
    }
}

@media only screen and (min-width: 1200px) {
    .c-visas__container {
        max-height: calc(100vh - 185px);
        padding: 0 20px
    }
}

@media only screen and (min-width: 1200px) {
    .c-visas__passengers {
        overflow-y: auto;
        width: 270px;
        padding: 20px 20px 20px 0;
        border-right: 1px solid #e3e3e3
    }
}

@media only screen and (min-width: 1500px) {
    .c-visas__passengers {
        width: 300px
    }
}

.c-visas__destinations {
    padding: 10px
}

@media only screen and (min-width: 1200px) {
    .c-visas__destinations {
        overflow-y: auto;
        width: 100%;
        padding: 20px
    }
}

.c-visas__destinations-option {
    border: 2px solid #e3e3e3;
    background-color: #fff
}

.c-visas__destinations-option--selected {
    border-color: #6dc151;
    background-color: rgba(109, 193, 81, .05)
}

.c-visas__destinations-passenger {
    border: 1px solid #e3e3e3;
    background-color: #fff
}

.c-visas__destinations-passenger--selected {
    border-color: #6dc151;
    background-color: rgba(109, 193, 81, .05)
}

.c-visas__summary-info {
    padding: 0 10px 130px 10px
}

@media only screen and (min-width: 1200px) {
    .c-visas__summary {
        width: 270px;
        padding: 0 0 20px 20px;
        border-left: 1px solid #e3e3e3
    }

    .c-visas__summary-info {
        overflow-y: auto;
        height: 100%;
        padding: 20px 0 0 0
    }
}

@media only screen and (min-width: 1500px) {
    .c-visas__summary {
        width: 300px
    }
}

@media only screen and (min-width: 1200px) {

    .c-visas .c-visas__passengers,
    .c-visas .c-visas__destinations,
    .c-visas .c-visas__summary-info {
        scrollbar-color: #ddd #f4f4f4 !important;
        scrollbar-width: thin !important
    }

    .c-visas .c-visas__passengers::-webkit-scrollbar,
    .c-visas .c-visas__destinations::-webkit-scrollbar,
    .c-visas .c-visas__summary-info::-webkit-scrollbar {
        width: 4px
    }

    .c-visas .c-visas__passengers::-webkit-scrollbar-track,
    .c-visas .c-visas__destinations::-webkit-scrollbar-track,
    .c-visas .c-visas__summary-info::-webkit-scrollbar-track {
        background: #f4f4f4
    }

    .c-visas .c-visas__passengers::-webkit-scrollbar-thumb,
    .c-visas .c-visas__destinations::-webkit-scrollbar-thumb,
    .c-visas .c-visas__summary-info::-webkit-scrollbar-thumb {
        background: #ddd;
        width: 4px
    }

    .c-visas .c-visas__passengers::-webkit-scrollbar-thumb:hover,
    .c-visas .c-visas__destinations::-webkit-scrollbar-thumb:hover,
    .c-visas .c-visas__summary-info::-webkit-scrollbar-thumb:hover {
        background: #d5d5d5
    }
}

.c-session-expired__icon {
    position: relative;
    width: 90px;
    height: 90px;
    border: 3px solid #0472AA;
    border: 3px solid var(--s-color-brand-primary);
    border-radius: 50%;
    margin: 0 auto;
    overflow: hidden
}

.c-session-expired__icon:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 150%;
    height: 150%;
    -webkit-transform: translateY(-50%) translateX(-50%) scale(0);
    -ms-transform: translateY(-50%) translateX(-50%) scale(0);
    transform: translateY(-50%) translateX(-50%) scale(0);
    border-radius: 50%;
    background-color: rgb(calc(237.15 + 163 * 0.07), calc(237.15 + 163 * 0.07), calc(237.15 + 164 * 0.07));
    background-color: rgb(calc(237.15 + var(--s-color-brand-primary-red, 163) * 0.07), calc(237.15 + var(--s-color-brand-primary-green, 163) * 0.07), calc(237.15 + var(--s-color-brand-primary-blue, 164) * 0.07));
    opacity: 0;
    -webkit-animation: session-expired-clock-wave 4s infinite linear;
    animation: session-expired-clock-wave 4s infinite linear
}

.c-session-expired__icon i {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    font-size: 30px;
    color: #0472AA;
    color: var(--s-color-brand-primary);
    -webkit-animation: session-expired-clock-bounce 4s infinite linear;
    animation: session-expired-clock-bounce 4s infinite linear
}

.c-session-expired__search {
    padding: 20px;
    border: 1px solid rgb(calc(204 + 163 * 0.2), calc(204 + 163 * 0.2), calc(204 + 164 * 0.2));
    border: 1px solid rgb(calc(204 + var(--s-color-brand-primary-red, 163) * 0.2), calc(204 + var(--s-color-brand-primary-green, 163) * 0.2), calc(204 + var(--s-color-brand-primary-blue, 164) * 0.2));
    border-radius: 10px;
    background-color: rgb(calc(242.25 + 163 * 0.05), calc(242.25 + 163 * 0.05), calc(242.25 + 164 * 0.05));
    background-color: rgb(calc(242.25 + var(--s-color-brand-primary-red, 163) * 0.05), calc(242.25 + var(--s-color-brand-primary-green, 163) * 0.05), calc(242.25 + var(--s-color-brand-primary-blue, 164) * 0.05))
}

@-webkit-keyframes session-expired-clock-bounce {
    0% {
        -webkit-transform: translateY(-50%) translateX(-50%) scale(1);
        transform: translateY(-50%) translateX(-50%) scale(1)
    }

    10% {
        -webkit-transform: translateY(-50%) translateX(-50%) scale(1.1);
        transform: translateY(-50%) translateX(-50%) scale(1.1)
    }

    15% {
        -webkit-transform: translateY(-50%) translateX(-50%) scale(0.9);
        transform: translateY(-50%) translateX(-50%) scale(0.9)
    }

    20% {
        -webkit-transform: translateY(-50%) translateX(-50%) scale(1);
        transform: translateY(-50%) translateX(-50%) scale(1)
    }

    100% {
        -webkit-transform: translateY(-50%) translateX(-50%) scale(1);
        transform: translateY(-50%) translateX(-50%) scale(1)
    }
}

@keyframes session-expired-clock-bounce {
    0% {
        -webkit-transform: translateY(-50%) translateX(-50%) scale(1);
        transform: translateY(-50%) translateX(-50%) scale(1)
    }

    10% {
        -webkit-transform: translateY(-50%) translateX(-50%) scale(1.1);
        transform: translateY(-50%) translateX(-50%) scale(1.1)
    }

    15% {
        -webkit-transform: translateY(-50%) translateX(-50%) scale(0.9);
        transform: translateY(-50%) translateX(-50%) scale(0.9)
    }

    20% {
        -webkit-transform: translateY(-50%) translateX(-50%) scale(1);
        transform: translateY(-50%) translateX(-50%) scale(1)
    }

    100% {
        -webkit-transform: translateY(-50%) translateX(-50%) scale(1);
        transform: translateY(-50%) translateX(-50%) scale(1)
    }
}

@-webkit-keyframes session-expired-clock-wave {
    0% {
        -webkit-transform: translateY(-50%) translateX(-50%) scale(0);
        transform: translateY(-50%) translateX(-50%) scale(0);
        opacity: 0
    }

    10% {
        -webkit-transform: translateY(-50%) translateX(-50%) scale(0);
        transform: translateY(-50%) translateX(-50%) scale(0);
        opacity: 0
    }

    10% {
        -webkit-transform: translateY(-50%) translateX(-50%) scale(0);
        transform: translateY(-50%) translateX(-50%) scale(0);
        opacity: 0
    }

    20% {
        -webkit-transform: translateY(-50%) translateX(-50%) scale(0.5);
        transform: translateY(-50%) translateX(-50%) scale(0.5);
        opacity: 1
    }

    35% {
        -webkit-transform: translateY(-50%) translateX(-50%) scale(1);
        transform: translateY(-50%) translateX(-50%) scale(1);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(-50%) translateX(-50%) scale(1);
        transform: translateY(-50%) translateX(-50%) scale(1);
        opacity: 0
    }
}

@keyframes session-expired-clock-wave {
    0% {
        -webkit-transform: translateY(-50%) translateX(-50%) scale(0);
        transform: translateY(-50%) translateX(-50%) scale(0);
        opacity: 0
    }

    10% {
        -webkit-transform: translateY(-50%) translateX(-50%) scale(0);
        transform: translateY(-50%) translateX(-50%) scale(0);
        opacity: 0
    }

    10% {
        -webkit-transform: translateY(-50%) translateX(-50%) scale(0);
        transform: translateY(-50%) translateX(-50%) scale(0);
        opacity: 0
    }

    20% {
        -webkit-transform: translateY(-50%) translateX(-50%) scale(0.5);
        transform: translateY(-50%) translateX(-50%) scale(0.5);
        opacity: 1
    }

    35% {
        -webkit-transform: translateY(-50%) translateX(-50%) scale(1);
        transform: translateY(-50%) translateX(-50%) scale(1);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(-50%) translateX(-50%) scale(1);
        transform: translateY(-50%) translateX(-50%) scale(1);
        opacity: 0
    }
}

.travel-route__item {
    -webkit-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 50px
}

.travel-route__item .c-route-date:not(.c-route-date--accommodation) {
    min-height: 50px
}

.travel-route__item .c-route-date.c-route-date--accommodation {
    min-height: 70px
}

.travel-route__travelling .travel-route__item:not(.travel-route__city):not(.travel-route__transport):not(.travel-route__closed-tour__header) .c-route-date,
.travel-route--manual-services .travel-route__item .c-route-date {
    border-bottom: 1px solid hsla(0, 0%, 100%, .3)
}

.design__map-composer .travel-route__item .c-route-date {
    min-width: 50px;
    width: 50px
}

.design__map-composer .travel-route__travelling .travel-route__item,
.design__map-composer .travel-route__item.travel-route__transport--origin,
.design__map-composer .travel-route__item.travel-route__city--origin,
.travel-route__item.travel-route__add-destination__header {
    border-right-style: solid;
    border-right-width: 4px
}

body.rtl .design__map-composer .travel-route__travelling .travel-route__item,
body.rtl .design__map-composer .travel-route__item.travel-route__transport--origin,
body.rtl .design__map-composer .travel-route__item.travel-route__city--origin,
body.rtl .travel-route__item.travel-route__add-destination__header {
    border-left-style: solid;
    border-left-width: 4px;
    border-right-width: 0
}

.design__map-composer .travel-route__travelling .travel-route__item:not(.travel-route__city):not(.travel-route__closed-tour__header),
.design__map-composer .travel-route__item.travel-route__transport--origin:not(.travel-route__city):not(.travel-route__closed-tour__header),
.design__map-composer .travel-route__item.travel-route__city--origin:not(.travel-route__city):not(.travel-route__closed-tour__header),
.travel-route__item.travel-route__add-destination__header:not(.travel-route__city):not(.travel-route__closed-tour__header) {
    border-right-color: rgba(0, 0, 0, 0)
}

body.rtl .design__map-composer .travel-route__travelling .travel-route__item:not(.travel-route__city):not(.travel-route__closed-tour__header),
body.rtl .design__map-composer .travel-route__item.travel-route__transport--origin:not(.travel-route__city):not(.travel-route__closed-tour__header),
body.rtl .design__map-composer .travel-route__item.travel-route__city--origin:not(.travel-route__city):not(.travel-route__closed-tour__header),
body.rtl .travel-route__item.travel-route__add-destination__header:not(.travel-route__city):not(.travel-route__closed-tour__header) {
    border-left-color: rgba(0, 0, 0, 0)
}

.travel-route__item .travel-route__draganddrop-bars {
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    display: none
}

.sidebar .travel-route__item.is-active:not(.travel-route__city):not(.is-desactive) {
    border-right-style: solid;
    border-right-width: 4px
}

body.rtl .sidebar .travel-route__item.is-active:not(.travel-route__city):not(.is-desactive) {
    border-right-width: 0;
    border-left-style: solid;
    border-left-width: 4px
}

.travel-route__item.is-desactive .travel-route__content {
    font-weight: bold
}

.travel-route__item.is-not-available .travel-route__content {
    color: #c2c2c2
}

.travel-route__item.is-not-available .travel-route__not-available {
    font-size: 14px
}

.ui-sortable-disabled .travel-route__destination {
    -ms-touch-action: initial;
    touch-action: initial
}

.travel-route__main-state {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    max-width: 50px;
    min-width: 50px;
    width: 50px
}

.travel-route__main-state--small {
    max-width: 25px;
    min-width: 25px;
    width: 25px
}

.travel-route__locked,
.travel-route__draganddrop-bars,
.travel-route__checkbox {
    color: #c2c2c2
}

.travel-route__locked {
    font-size: 12px
}

.travel-route__checkbox {
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    text-align: center;
    min-width: 50px;
    cursor: pointer
}

.travel-route__checkbox i {
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.sidebar .is-desactive .travel-route__checkbox {
    color: #fff;
    background-color: #6dc151;
    border-bottom: 1px solid hsla(0, 0%, 100%, .4)
}

.sidebar .is-desactive .travel-route__checkbox:hover {
    background-color: rgb(98.1, 173.7, 72.9)
}

.sidebar .is-desactive .travel-route__checkbox i {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.travel-route__detail-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 16px;
    height: 16px;
    border-radius: 160px;
    font-size: 10px;
    margin-right: 3px;
    font-weight: 400
}

.travel-route__detail-icon:not([class*=bg-clr]) {
    color: #707070
}

.travel-route__list-destinations .travel-route__detail-icon {
    color: #fff
}

body.rtl .travel-route__detail-icon {
    margin-left: 3px;
    margin-right: 0;
    margin-right: initial
}

.travel-route__city-name {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    font-weight: bold;
    font-size: 16px;
    margin: 0
}

.travel-route__city--origin .travel-route__city-name {
    font-size: 14px
}

.travel-route__city-name i.fa-angle-double-right {
    -webkit-transition: all .2s ease-in-out 0s;
    transition: all .2s ease-in-out 0s;
    opacity: 0;
    margin-left: -10px;
    margin-top: 2px
}

.travel-route__city-name:hover i.fa-angle-double-right {
    opacity: .7;
    margin-left: 3px
}

.travel-route__closed-tour__step .travel-route__city-name {
    font-size: 14px
}

.travel-route__list-destinations>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    font-weight: bold;
    margin-top: 3px
}

.travel-route__list-destinations>div:first-child {
    margin-top: 0;
    border-top: rgba(0, 0, 0, .05) 4px solid;
    padding-top: 10px
}

.travel-route__list-destinations>div:last-child {
    padding-bottom: 10px
}

.travel-route__collapse .travel-route__checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    min-height: 50px
}

.travel-route__collapse .travel-route__checkbox i {
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    font-size: 16px
}

.travel-route__collapse .travel-route__city-name {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.travel-route__collapse .travel-route__city-name:hover {
    cursor: pointer
}

.travel-route__collapse .travel-route__city-name:hover .travel-route__checkbox {
    background-color: rgba(0, 0, 0, .05)
}

.travel-route__collapse .travel-route__city-name:hover .travel-route__checkbox i {
    color: #707070
}

.travel-route__collapse:not(.collapsed) i.fa-angle-down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.travel-route__collapse:not(.collapsed) .travel-route__checkbox {
    background-color: rgba(0, 0, 0, .05)
}

.travel-route__collapse:not(.collapsed) .travel-route__city-name:hover .travel-route__checkbox i:before {
    content: ""
}

.travel-route__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.travel-route__content>* {
    width: 100%
}

.travel-route__input .travel-route__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 7px;
    padding-left: 0
}

body.rtl .travel-route__input .travel-route__content {
    padding-left: 7px;
    padding-right: 0
}

.travel-route__input .travel-route__content input {
    border-color: rgba(0, 0, 0, 0)
}

.travel-route__input .travel-route__content a {
    max-width: 35px;
    min-width: 35px;
    text-align: center;
    min-height: 35px;
    line-height: 35px;
    background-color: #fff;
    border-radius: 4px;
    margin-left: 10px;
    cursor: pointer;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.travel-route__input .travel-route__content a span {
    width: 100%
}

.travel-route__input .travel-route__content a:hover {
    background-color: hsla(0, 0%, 100%, .8)
}

.travel-route__input .travel-route__content.travel-route__content--without-button a {
    display: none
}

.sidebar .travel-route__content {
    padding-left: 10px
}

.travel-route__autocomplete input {
    width: 100%;
    height: 100%;
    min-height: 35px
}

.travel-route__service-content {
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    padding-right: 5px;
    position: relative
}

.travel-route__service-content:not(.travel-route__service-content--hover-null):hover {
    background-color: rgba(0, 0, 0, .05)
}

.travel-route__service-content--hover-null .travel-route__service-content:hover {
    background-color: transparent;
    background-color: initial
}

.travel-route__service__list-item:first-child,
.travel-route__service__list-item:nth-child(2) {
    padding-right: 25px;
    min-height: 16px
}

body.rtl .travel-route__service__list-item:first-child,
body.rtl .travel-route__service__list-item:nth-child(2) {
    padding-left: 30px;
    padding-right: 0
}

.travel-route__delete {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    display: none;
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    border-bottom-left-radius: 4px;
    background-color: #fff;
    color: #999;
    padding: 2px 3px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.travel-route__delete:hover {
    background-color: #e01d1d;
    color: #fff
}

.travel-route__content:hover .travel-route__delete {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

body.rtl .travel-route__delete {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 4px;
    right: auto;
    right: initial;
    left: 0
}

.travel-route__detail-modals {
    padding: 0 0 5px
}

.travel-route__service-details+.travel-route__detail-modals {
    margin-top: -10px
}

.travel-route__provider-message {
    font-size: 12px
}

.travel-route__service-details {
    padding: 10px 0;
    min-width: 100%;
    display: block
}

.travel-route__service-title {
    font-weight: bold;
    margin: 0;
    font-size: inherit
}

.travel-route__hotel-plan span {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 3px;
    font-size: 12px
}

body.rtl .travel-route__hotel-plan span {
    margin-right: 0;
    margin-left: 5px
}

.travel-route__transport-details {
    font-size: 12px
}

.travel-route__transport-details span {
    display: inline-block
}

.travel-route__transport-details span span {
    margin-right: 7px
}

.travel-route__transport-details span .btn:not(:first-child) {
    margin-left: 2px
}

.travel-route__count .travel-route__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px;
    padding-left: 0
}

.travel-route__count .travel-route__content>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    border-radius: 4px;
    border: 1px solid #e3e3e3;
    padding: 10px 0;
    width: 100%
}

.travel-route__count .travel-route__content>div:last-child {
    max-width: 50px;
    margin-left: 10px
}

body.rtl .travel-route__count .travel-route__content>div:last-child {
    margin-left: 0;
    margin-left: initial;
    margin-right: 10px
}

.travel-route__count .travel-route__content span {
    margin: 0 5px
}

body.rtl .travel-route__count .travel-route__content {
    padding-left: 10px;
    padding-right: 0
}

.design__map-composer .travel-route .travel-route__city--destination:hover {
    background-color: rgba(0, 0, 0, .05)
}

.design__map-composer .travel-route .travel-route__city--destination .travel-route__city-name {
    cursor: pointer;
    height: 100%
}

.travel-route.is-draganddrop,
.is-draganddrop .travel-route {
    background-color: #ececec;
    overflow: hidden;
    padding: 10px 0
}

.travel-route.is-draganddrop .travel-route__transport,
.is-draganddrop .travel-route .travel-route__transport {
    opacity: .25;
    min-height: 35px
}

.travel-route.is-draganddrop .travel-route__transport .c-route-date>*,
.is-draganddrop .travel-route .travel-route__transport .c-route-date>* {
    display: none
}

.travel-route.is-draganddrop .travel-route__destination,
.is-draganddrop .travel-route .travel-route__destination {
    background: #fff;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    box-shadow: 0 0 5px rgba(0, 0, 0, .1)
}

.travel-route.is-draganddrop .travel-route__destination:hover,
.travel-route.is-draganddrop .travel-route__destination .travel-route__city-name:hover,
.is-draganddrop .travel-route .travel-route__destination:hover,
.is-draganddrop .travel-route .travel-route__destination .travel-route__city-name:hover {
    cursor: move
}

.travel-route.is-draganddrop .travel-route__destination:hover .travel-route__draganddrop-bars,
.travel-route.is-draganddrop .travel-route__destination .travel-route__city-name:hover .travel-route__draganddrop-bars,
.is-draganddrop .travel-route .travel-route__destination:hover .travel-route__draganddrop-bars,
.is-draganddrop .travel-route .travel-route__destination .travel-route__city-name:hover .travel-route__draganddrop-bars {
    background-color: #f7f7f7;
    color: #707070
}

.travel-route.is-draganddrop .travel-route__content.dropdown .travel-route__main-state,
.travel-route.is-draganddrop .travel-route__city--origin,
.travel-route.is-draganddrop .c-route-date__arrow,
.travel-route.is-draganddrop .travel-route__city .travel-route__checkbox,
.travel-route.is-draganddrop .travel-route__transport .travel-route__checkbox,
.travel-route.is-draganddrop .travel-route__locked,
.travel-route.is-draganddrop .travel-route__count,
.travel-route.is-draganddrop .travel-route__city-name i,
.is-draganddrop .travel-route .travel-route__content.dropdown .travel-route__main-state,
.is-draganddrop .travel-route .travel-route__city--origin,
.is-draganddrop .travel-route .c-route-date__arrow,
.is-draganddrop .travel-route .travel-route__city .travel-route__checkbox,
.is-draganddrop .travel-route .travel-route__transport .travel-route__checkbox,
.is-draganddrop .travel-route .travel-route__locked,
.is-draganddrop .travel-route .travel-route__count,
.is-draganddrop .travel-route .travel-route__city-name i {
    display: none
}

.travel-route.is-draganddrop .travel-route__hotel,
.travel-route.is-draganddrop .travel-route__closed-tour__step,
.travel-route.is-draganddrop .travel-route__add-destination,
.travel-route.is-draganddrop .travel-route__add-destination__header,
.travel-route.is-draganddrop .travel-route__add-destination__main,
.travel-route.is-draganddrop .travel-route__add-origin,
.is-draganddrop .travel-route .travel-route__hotel,
.is-draganddrop .travel-route .travel-route__closed-tour__step,
.is-draganddrop .travel-route .travel-route__add-destination,
.is-draganddrop .travel-route .travel-route__add-destination__header,
.is-draganddrop .travel-route .travel-route__add-destination__main,
.is-draganddrop .travel-route .travel-route__add-origin {
    height: 0;
    min-height: 0;
    overflow: hidden
}

.travel-route.is-draganddrop .travel-route__draganddrop-bars,
.is-draganddrop .travel-route .travel-route__draganddrop-bars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.js-travel-route__item--dragging {
    -webkit-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
    cursor: -webkit-grabbing !important;
    cursor: grabbing !important
}

.travel-route__city .travel-route__checkbox:hover,
.travel-route__closed-tour__header .travel-route__checkbox:hover {
    background-color: #e01d1d;
    color: #fff
}

.travel-route {
    color: #707070
}

.travel-route--manual-services .travel-route__item:not(:last-child) .c-route-date {
    border-bottom: 1px solid #e3e3e3
}

.c-travel-route .route-cover {
    z-index: 3;
    width: 100%;
    height: 20px;
    position: relative;
    background-color: #fff
}

.c-travel-route .route-cover--small {
    height: 10px
}

.c-travel-route .route-timeline {
    height: 100%;
    text-align: center;
    content: " ";
    z-index: 1;
    display: block;
    top: 0;
    left: 40px;
    position: absolute;
    width: 45px;
    min-width: 45px;
    max-width: 45px
}

body.rtl .c-travel-route .route-timeline {
    content: " ";
    z-index: 1;
    display: block;
    top: 0;
    right: 40px;
    position: absolute
}

.c-travel-route .route-timeline__dotted-line {
    width: 1px;
    height: 100%;
    margin: 0 auto;
    border-left: 1px dashed #a2a2a2
}

.c-travel-route .route-node {
    position: relative;
    margin-bottom: 10px
}

body.rtl .c-travel-route .route-node {
    padding-right: 10px
}

.c-travel-route .route-node--rounded {
    z-index: 4;
    background-color: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15);
    overflow: hidden
}

.c-travel-route .route-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-travel-route .route-item:not(.route-item--first):not(.route-item--transport):last-child .route-badge__line:last-child {
    opacity: 1;
    border-left: 1px solid #fff
}

.c-travel-route .route-item:not(.route-item--first):not(.route-item--transport):last-child .route-content:hover .route-badge__line:last-child {
    border-left-color: #f7f7f7
}

.c-travel-route .route-item:not(.route-item--origin) {
    padding-left: 10px
}

.c-travel-route .route-item--first .route-date-or-nights {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.c-travel-route .route-item--first .route-badge__point {
    margin: 0
}

.c-travel-route .route-item--origin {
    padding: 10px
}

.c-travel-route .route-item--origin .route-badge {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-travel-route .route-item--origin .route-detail {
    padding-left: 5px
}

.c-travel-route .route-item--origin .route-badge,
.c-travel-route .route-item--origin .route-detail__data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-travel-route .route-item--origin .route-badge__point {
    margin: 0
}

.c-travel-route .route-item--destination .route-detail__data {
    padding-bottom: 10px
}

.c-travel-route .route-item--services .route-detail {
    padding-right: 0
}

.c-travel-route .route-item--services .route-detail__data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 10px 10px 0
}

.c-travel-route .route-item--services .route-date-or-nights .route-date-or-nights--nights {
    margin-top: 5px
}

.c-travel-route .route-item--routing .route-detail__data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-travel-route .route-item--routing.route-item--first .route-detail__data {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 10px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.c-travel-route .route-item--routing.route-item--info .route-date-or-nights {
    opacity: 0
}

.c-travel-route .route-item--routing.route-item--info .route-badge__line {
    min-height: 5px
}

.c-travel-route .route-item--routing.route-item--destination .route-detail__data:not(.route-detail__data--stop) {
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3
}

.c-travel-route .route-item--routing.route-item--destination .route-detail__data {
    padding-top: 10px;
    padding-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.c-travel-route .route-item--routing.route-item--services .route-badge__point:not(.route-badge__point--accommodation) {
    height: 20px;
    min-height: 20px
}

.c-travel-route .route-item--tour.route-item--first .route-detail__data {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 10px
}

.c-travel-route .route-item--tour.route-item--destination .route-detail__data {
    padding-top: 10px;
    padding-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    border-top: 1px solid #e3e3e3
}

.c-travel-route .route-item--cruise.route-item--first .route-detail__data {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 10px
}

.c-travel-route .route-item--cruise.route-item--destination .route-detail__data {
    padding-top: 10px;
    padding-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    border-top: 1px solid #e3e3e3
}

.c-travel-route .route-item--items {
    padding: 10px 0
}

.c-travel-route .route-content {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-transition: .4s all ease-in-out 0s;
    transition: .4s all ease-in-out 0s
}

.c-travel-route .route-content--hover:hover {
    background-color: #f7f7f7
}

.c-travel-route .route-content--hover:hover .route-badge__point {
    outline: 5px solid #f7f7f7
}

.c-travel-route .route-content:hover .route-detail__action {
    opacity: 1;
    visibility: visible
}

.c-travel-route .route-content:hover .route-badge__line {
    opacity: 0;
    outline: 1px solid #f7f7f7
}

.c-travel-route .route-badge {
    z-index: 2;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    width: 45px;
    min-width: 45px;
    max-width: 45px
}

.c-travel-route .route-badge__line {
    z-index: 3;
    opacity: 0;
    height: 100%;
    min-height: 10px;
    position: relative;
    outline: 1px solid #fff;
    -webkit-transition: .4s all ease-in-out 0s;
    transition: .4s all ease-in-out 0s
}

.c-travel-route .route-badge__point {
    border-radius: 100px;
    margin-top: 6px;
    margin-bottom: 6px;
    background-color: #fff;
    font-size: 14px;
    outline: 5px solid #fff;
    color: #393939;
    width: 30px;
    min-width: 30px;
    max-width: 30px;
    height: 30px;
    min-height: 30px;
    max-height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-transition: .4s all ease-in-out 0s;
    transition: .4s all ease-in-out 0s
}

.c-travel-route .route-badge__point--small {
    width: 26px;
    min-width: 26px;
    max-width: 26px;
    height: 26px;
    min-height: 26px;
    max-height: 26px;
    font-size: 12px
}

.c-travel-route .route-badge__point--big {
    font-size: 14px
}

.c-travel-route .route-badge__point--destination {
    background-color: #0a2240;
    color: #fff;
    margin-top: 0
}

.c-travel-route .route-badge__point--routing {
    color: #fff;
    background-color: #b263ee
}

.c-travel-route .route-badge__point--items {
    color: #fff;
    background-color: #4d9308
}

.c-travel-route .route-badge__point--accommodation {
    color: #fff;
    background-color: #e67614
}

.c-travel-route .route-badge__point--tour {
    color: #fff;
    background-color: #2f6e98
}

.c-travel-route .route-badge__point--disney {
    color: #fff;
    background-color: #2918a3
}

.c-travel-route .route-badge__point--disney-services {
    color: #fff;
    background-color: #aaa4d7
}

.c-travel-route .route-badge__point--cruise {
    color: #fff;
    background-color: #11b2b2
}

.c-travel-route .route-badge__point--manual {
    color: #393939;
    background-color: #ffcf3c
}

.c-travel-route .route-date-or-nights {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    width: 30px;
    min-width: 30px;
    max-width: 30px
}

.c-travel-route .route-date-or-nights__wrapper {
    width: 100%;
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.c-travel-route .route-date-or-nights__month {
    line-height: 1;
    font-size: 10px
}

.c-travel-route .route-date-or-nights__icon {
    bottom: 1px;
    margin-left: 2px;
    position: relative;
    font-size: 12px
}

.c-travel-route .route-date-or-nights--nights .route-date-or-nights__wrapper {
    height: 26px;
    padding-left: 5px
}

.c-travel-route .route-date-or-nights--date .route-date-or-nights__wrapper {
    height: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.c-travel-route .route-detail {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 10px;
    padding-right: 10px
}

.c-travel-route .route-detail__data {
    width: 100%
}

.c-travel-route .route-detail__title {
    font-size: 16px;
    line-height: 1
}

.c-travel-route .route-detail__date {
    font-size: 12px
}

.c-travel-route .route-detail__action {
    opacity: 0;
    cursor: pointer;
    text-align: center;
    visibility: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    width: 30px;
    min-width: 30px;
    max-width: 30px;
    -webkit-transition: .4s all ease-in-out 0s;
    transition: .4s all ease-in-out 0s
}

.c-timeline {
    margin-bottom: 20px
}

.c-timeline__heading {
    font-weight: bold;
    margin-bottom: 10px
}

@media only screen and (max-width: 767px) {
    .c-timeline__heading {
        padding-left: 15px
    }
}

@media only screen and (max-width: 767px) {
    .c-timeline {
        margin-left: -15px
    }

    body.rtl .c-timeline {
        margin-left: 0;
        margin-right: -15px
    }
}

@media only screen and (max-width: 767px) {
    .c-timeline__service--add-transfer:first-child .c-route-step__line--bottom {
        opacity: 0
    }
}

.c-timeline__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.c-timeline__travelling .c-timeline__item.c-timeline__service:not(:last-child) .c-route-date {
    border-bottom: 1px solid hsla(0, 0%, 100%, .3)
}

@media only screen and (min-width: 768px) {
    .c-timeline__item.child__bg-clr {
        background-color: #fff
    }
}

.c-timeline__item .c-route-step {
    z-index: 2
}

.c-timeline__item.c-timeline__disney .c-route-date {
    color: #fff;
    background: #2918a3
}

.c-timeline__item.c-timeline__disney .c-route-date .c-route-date__arrow {
    border-top-color: #2918a3
}

.c-timeline__item.c-timeline__disney .c-route-step__point {
    background: #2918a3;
    color: #fff
}

.c-timeline__item.c-timeline__disney-services .c-route-date {
    color: #fff;
    background: #aaa4d7
}

.c-timeline__item.c-timeline__disney-services .c-route-date .c-route-date__arrow {
    border-top-color: #aaa4d7
}

.c-timeline__item.c-timeline__disney-services .c-route-step__point {
    background: #aaa4d7;
    color: #fff
}

.c-timeline__item.pay-by-services-in-progress .c-route-date {
    color: #fff;
    background: repeating-linear-gradient(45deg, #2c57a6, #2c57a6 10px, #003b95 10px, #003b95 20px)
}

.c-timeline__item.pay-by-services-in-progress .c-route-date .c-route-date__arrow {
    border-top-color: #003b95
}

.c-timeline__item.pay-by-services-in-progress .c-route-step__point {
    background: repeating-linear-gradient(45deg, #2c57a6, #2c57a6 10px, #003b95 10px, #003b95 20px);
    color: #fff
}

.c-timeline__item.pay-by-services-inactive .c-route-date {
    color: #fff;
    background: #707070
}

.c-timeline__item.pay-by-services-inactive .c-route-date .c-route-date__arrow {
    border-top-color: #707070
}

.c-timeline__item.pay-by-services-inactive .c-route-step .c-route-step__point {
    background: #707070;
    color: #fff
}

.c-timeline__item.pay-by-services-inactive .c-route-step .c-route-step__line--bottom {
    background: #e3e3e3
}

.c-timeline__content {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    padding: 10px 0
}

.c-timeline__content--carousel-fit-width {
    width: calc(100% - 100px)
}

.c-timeline__travelling:first-child .c-timeline__destination:first-child .c-timeline__item:first-child .c-route-step__line--top {
    opacity: 0
}

.c-timeline__travelling:last-child .c-timeline__destination:last-child .c-timeline__item:last-child .c-route-step__line--bottom,
.c-timeline__travelling .c-timeline__destination+.c-timeline__service--transport:last-child .c-route-step__line--bottom {
    opacity: 0
}

.c-timeline__destination-heading .c-timeline__content {
    position: relative;
    z-index: 0;
    min-width: 0
}

.c-timeline__service--add-transfer+.c-timeline__destination-heading {
    margin-top: -1px
}

.c-timeline__origin .c-route-date {
    border: none
}

.c-timeline--manual-service .c-route-date {
    border-bottom: 1px solid hsla(0, 0%, 100%, .3)
}

.c-transport {
    margin-bottom: 20px;
    font-size: 12px
}

.c-transport__primary {
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    position: relative;
    z-index: 1;
    background-color: #fff;
    border-radius: 10px
}

.c-transport--selected .c-transport__primary {
    border: 1px solid #6dc151
}

.c-transport:not(.c-transport--selected) .c-transport__primary {
    background-color: #fff
}

.c-transport__primary:after {
    content: none !important
}

.c-transport__ribbon {
    border-radius: 4px;
    margin-left: 70px;
    margin-bottom: 5px
}

.c-transport__ribbon img {
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: 50% 50%;
    object-position: 50% 50%
}

body.rtl .c-transport__selection .c-price {
    text-align: left
}

.c-transport__selection .c-price__primary {
    line-height: 1;
    margin-top: 2px
}

.c-transport__type {
    position: absolute;
    z-index: 1;
    top: -1px;
    right: -1px;
    left: -1px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

body.rtl .c-transport__type {
    left: auto;
    left: initial;
    right: -1px
}

@media only screen and (min-width: 1500px) {
    .c-transport__tags {
        max-width: 250px
    }
}

.c-transport__panel {
    border: none;
    margin: 0 !important;
    background: rgba(0, 0, 0, 0);
    border-radius: 0 0 10px 10px;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .07);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .07);
    overflow: hidden;
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px)
}

.c-transport .c-transport-details--complete {
    background-color: #fff
}

@media only screen and (max-width: 767px) {
    .c-transport__ribbon {
        margin-left: 0
    }
}

@media only screen and (min-width: 992px) {
    .c-transport__type {
        right: auto;
        height: auto;
        bottom: -1px;
        width: 40px;
        border-radius: 0;
        border-bottom-left-radius: 4px;
        border-top-left-radius: 4px
    }

    body.rtl .c-transport__type {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
        border-bottom-right-radius: 0;
        border-top-right-radius: 0
    }
}

.c-transport--reduced__message {
    width: 100%;
    margin-top: 20px
}

@media only screen and (min-width: 992px) {
    .c-transport--reduced__message {
        max-width: 250px;
        border-radius: 4px;
        margin-top: 0
    }
}

.c-transport-details__step {
    padding: 10px 20px;
    color: #707070
}

@media only screen and (max-width: 599px) {
    .c-transport-details__step {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap
    }
}

@media only screen and (min-width: 768px)and (max-width: 991px) {
    .c-transport-details__step {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap
    }
}

.c-transport-details__stop {
    padding: 10px 20px 10px 10px;
    border: 1px solid #e3e3e3;
    border-width: 1px 0;
    background-color: #fff;
    color: #a2a2a2
}

.c-transport-details__stop .ico-tc-one-scale {
    font-size: 16px;
    line-height: 12px
}

@media only screen and (max-width: 767px) {
    .c-transport-details__stop .ico-tc-one-scale {
        width: auto;
        min-width: 0
    }
}

.c-transport-details__stop__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    width: 100%
}

@media only screen and (max-width: 767px) {
    .c-transport-details__stop__main {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .c-transport-details__stop__main>*:not(:last-child) {
        margin-bottom: 5px
    }
}

.c-transport-details--complete .c-transport-details__type {
    -ms-flex-item-align: end;
    align-self: flex-end;
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
    text-align: right
}

@media only screen and (min-width: 768px)and (max-width: 991px) {
    .c-transport-details--complete .c-transport-details__type {
        padding-left: 70px
    }
}

@media only screen and (max-width: 599px) {
    .c-transport-details--complete .c-transport-details__type {
        padding-top: 10px;
        margin-top: 10px;
        border-top: #e3e3e3 1px dashed;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        text-align: left
    }
}

@media only screen and (min-width: 768px)and (max-width: 991px) {
    .c-transport-details--complete .c-transport-details__type {
        padding-top: 10px;
        margin-top: 10px;
        border-top: #e3e3e3 1px dashed;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        text-align: left
    }
}

@media only screen and (min-width: 992px) {
    .c-transport-journey {
        position: relative
    }
}

.c-transport-journey__img {
    width: 70px
}

@media only screen and (min-width: 992px) {
    .c-transport-journey__img {
        position: absolute;
        top: 0;
        left: 0
    }

    body.rtl .c-transport-journey__img {
        left: auto
    }
}

@media only screen and (min-width: 992px) {
    .c-transport-journey__img {
        width: 60px
    }
}

@media only screen and (min-width: 1800px) {
    .c-transport-journey__img {
        width: 70px
    }
}

.c-transport-journey__header {
    width: calc(100% - 70px)
}

@media only screen and (min-width: 992px) {
    .c-transport-journey__header {
        width: 100%;
        padding-left: 70px
    }

    body.rtl .c-transport-journey__header {
        padding-right: 70px;
        padding-left: 0
    }
}

@media only screen and (min-width: 992px) {
    .c-transport-journey__header {
        padding-left: 60px
    }

    body.rtl .c-transport-journey__header {
        padding-right: 60px;
        padding-left: 0
    }
}

@media only screen and (min-width: 1800px) {
    .c-transport-journey__header {
        padding-left: 70px
    }

    body.rtl .c-transport-journey__header {
        padding-right: 70px;
        padding-left: 0
    }
}

@media only screen and (min-width: 768px) {
    .c-transport-journey__content {
        padding-left: 70px
    }

    body.rtl .c-transport-journey__content {
        padding-left: 0;
        padding-right: 70px
    }
}

@media only screen and (min-width: 992px) {
    .c-transport-journey__content {
        padding-left: 60px
    }

    body.rtl .c-transport-journey__content {
        padding-left: 0;
        padding-right: 60px
    }
}

@media only screen and (min-width: 1800px) {
    .c-transport-journey__content {
        padding-left: 70px
    }

    body.rtl .c-transport-journey__content {
        padding-left: 0;
        padding-right: 70px
    }
}

.c-transport-journey--multiArlines>div {
    position: relative;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: .2s all ease 0s;
    transition: .2s all ease 0s
}

.c-transport-journey--multiArlines>div:not(:first-child) {
    margin-top: -25px
}

.c-transport-journey--multiArlines>div:hover,
.c-transport-journey--multiArlines>div:active,
.c-transport-journey--multiArlines>div:focus:active {
    z-index: 5;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.c-transport-journey__airline {
    left: 0
}

.c-transport-journey__airline--0 {
    z-index: 4
}

.c-transport-journey__airline--1 {
    z-index: 3
}

.c-transport-journey__airline--2 {
    z-index: 2
}

.c-transport-journey__airline--3 {
    z-index: 1
}

@media only screen and (min-width: 600px)and (max-width: 767px) {
    .c-transport-details .c-transport-journey.o-flag {
        width: auto
    }
}

@media only screen and (min-width: 992px) {
    .c-transport-details .c-transport-journey.o-flag {
        width: auto
    }
}

.c-transport-journey__name-company {
    font-size: 14px
}

.c-transport-journey__img-company {
    width: 30px;
    border-radius: 2px;
    overflow: hidden;
    display: inline-block;
    background-position: center;
    background-size: cover
}

.c-transport-journey__img-company--icon {
    width: 20px
}

.c-transport-journey__img-company--large {
    width: 50px
}

.c-transport-journey__img-company--large.c-transport-journey__img-company--icon {
    width: 50px;
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6)
}

@media only screen and (min-width: 992px) {
    .c-transport-journey__img-company--large {
        width: 40px
    }

    .c-transport-journey__img-company--large.c-transport-journey__img-company--icon {
        width: 40px
    }
}

@media only screen and (min-width: 1800px) {
    .c-transport-journey__img-company--large {
        width: 50px
    }

    .c-transport-journey__img-company--large.c-transport-journey__img-company--icon {
        width: 50px
    }
}

@media only screen and (min-width: 1200px) {
    .c-transport-journey__point {
        width: 265px
    }
}

@media only screen and (min-width: 1500px) {
    .c-transport-journey__point {
        width: 320px
    }
}

@media only screen and (min-width: 1200px) {
    .c-transport-journey__point-head {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 5px;
        width: 80px;
        line-height: 1
    }
}

@media only screen and (min-width: 1200px) {
    .c-transport-journey__point-info {
        max-width: 210px
    }
}

@media only screen and (min-width: 1200px) {
    .c-transport-journey__point--last {
        width: auto;
        max-width: 265px
    }
}

@media only screen and (min-width: 1500px) {
    .c-transport-journey__point--last {
        max-width: 320px
    }
}

.c-transport-journey__path {
    position: relative
}

@media only screen and (max-width: 1199px) {
    .c-transport-journey__path {
        padding: 5px 0;
        margin: 5px 0;
        border-top: 1px solid #e3e3e3;
        border-bottom: 1px solid #e3e3e3
    }
}

@media only screen and (min-width: 1200px) {
    .c-transport-journey__path {
        position: absolute;
        top: 10px;
        left: 80px
    }

    body.rtl .c-transport-journey__path {
        left: 0;
        right: 80px
    }
}

@media only screen and (min-width: 1200px) {
    .c-transport-journey__path-line {
        display: block;
        height: 1px;
        background-color: #c2c2c2;
        width: 165px
    }
}

@media only screen and (min-width: 1500px) {
    .c-transport-journey__path-line {
        width: 220px
    }
}

@media only screen and (min-width: 1200px) {
    .c-transport-journey__path-info {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateY(-50%) translateX(-50%);
        -ms-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
        min-width: 70px;
        background-color: #fff
    }

    body.rtl .c-transport-journey__path-info {
        left: 80%
    }
}

.c-transfer-map {
    position: relative;
    overflow: hidden
}

.c-transfer-map__mobile-btn {
    z-index: 1
}

.c-transfer-map__mobile-btn .c-button {
    min-width: 280px
}

.c-transfer-map__mobile-input {
    width: 100%;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.c-transfer-map__mobile-input.active {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto
}

@media only screen and (min-width: 600px)and (max-width: 991px) {
    .c-transfer-map__mobile-input {
        width: 580px;
        left: calc(50% - 290px)
    }
}

.c-transfer-map__panel {
    position: absolute;
    z-index: 4;
    bottom: 0;
    left: 0;
    width: 100%;
    max-height: 390px;
    border-top-right-radius: 18px;
    border-top-left-radius: 18px;
    -webkit-box-shadow: 0 -1px 8px rgba(0, 0, 0, .15);
    box-shadow: 0 -1px 8px rgba(0, 0, 0, .15);
    overflow-y: auto;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

@media only screen and (min-width: 600px)and (max-width: 991px) {
    .c-transfer-map__panel {
        width: 540px;
        left: calc(50% - 270px)
    }
}

@media only screen and (min-width: 600px)and (max-width: 991px)and (orientation: landscape) {
    .c-transfer-map__panel {
        max-height: 100vh
    }
}

@media only screen and (min-width: 992px) {
    .c-transfer-map__panel {
        top: 50%;
        left: 60px;
        bottom: auto;
        width: 360px;
        border-bottom-right-radius: 18px;
        border-bottom-left-radius: 18px;
        min-height: 480px;
        max-height: calc(100% - 120px);
        -webkit-transform: translateY(calc(-50% + 40px));
        -ms-transform: translateY(calc(-50% + 40px));
        transform: translateY(calc(-50% + 40px))
    }
}

.c-transfer-map__panel.active {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto
}

@media only screen and (min-width: 992px) {
    .c-transfer-map__panel.active {
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media only screen and (max-width: 991px) {
    .c-transfer-map__panel--unlimited {
        max-height: calc(100vh - 60px)
    }
}

.c-transfer-map__panel--extended {
    max-height: none;
    max-height: initial
}

.c-transfer-map__panel--extended .c-transfer-map__panel-list {
    overflow-y: auto;
    max-height: 320px;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.c-transfer-map__panel--extended.extended .c-transfer-map__panel-list {
    max-height: calc(100vh - 200px)
}

.c-transfer-map__panel--extended.extended .c-transfer-map__panel-arrow {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media only screen and (min-width: 600px)and (max-width: 991px)and (orientation: landscape) {
    .c-transfer-map__panel--extended .c-transfer-map__panel-list {
        max-height: calc(100vh - 90px)
    }

    .c-transfer-map__panel--extended.extended .c-transfer-map__panel-list {
        max-height: calc(100vh - 90px)
    }
}

@media only screen and (min-width: 992px) {
    .c-transfer-map__panel--extended .c-transfer-map__panel-list {
        max-height: calc(100vh - 420px)
    }
}

@media only screen and (max-width: 991px) {
    .c-transfer-map__panel--dropdown.dropdown {
        max-height: 170px
    }

    .c-transfer-map__panel--dropdown.dropdown .fa-arrow-down {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@media only screen and (min-width: 992px) {
    .c-transfer-map__panel--card {
        z-index: 3;
        -webkit-transform: translateY(-50%) translateX(calc(100% - 40px));
        -ms-transform: translateY(-50%) translateX(calc(100% - 40px));
        transform: translateY(-50%) translateX(calc(100% - 40px));
        padding-left: 40px;
        padding-right: 20px
    }

    .c-transfer-map__panel--card.active {
        -webkit-transform: translateY(-50%) translateX(calc(100% - 20px));
        -ms-transform: translateY(-50%) translateX(calc(100% - 20px));
        transform: translateY(-50%) translateX(calc(100% - 20px))
    }
}

.c-transfer-map__panel--maskon.active~.c-transfer-map__panel-backmask {
    opacity: 1;
    pointer-events: auto
}

.c-transfer-map__panel-backmask {
    background-color: rgba(0, 0, 0, .4);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.c-transfer-map__panel-arrow {
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.c-transfer-map__panel-list {
    padding-bottom: 80px
}

.c-transfer-map__panel-btn {
    position: absolute;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.c-transfer-map__panel-btn .c-button {
    min-width: 280px
}

.c-transfer-map__input {
    position: relative;
    border-radius: 4px;
    background-color: #fff
}

.c-transfer-map__input input {
    padding: 0 45px
}

.c-transfer-map__input-field {
    z-index: 1
}

.c-transfer-map__input-field input {
    line-height: 40px;
    min-height: 40px;
    border-color: rgba(0, 0, 0, 0);
    background-color: rgba(0, 0, 0, 0);
    border-radius: 4px;
    border-width: 2px
}

.c-transfer-map__input-field input:focus,
.c-transfer-map__input-field input.ui-state-focus {
    border-color: rgba(0, 0, 0, 0)
}

.c-transfer-map__input-field.ui-inputwrapper-focus input {
    border-color: #0472AA;
    border-color: var(--s-color-brand-primary)
}

.c-transfer-map__input-field.ui-inputwrapper-focus~.c-transfer-map__input-dot {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
    opacity: 0
}

.c-transfer-map__input-field.ui-inputwrapper-focus~.c-transfer-map__input-search {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

.c-transfer-map__input-field.ui-inputwrapper-focus~.c-transfer-map__input-close .c-transfer-map__close-box {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

.c-transfer-map__input-field.ui-inputwrapper-focus~.c-transfer-map__input-backmask {
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0
}

.c-transfer-map__input-field--fake {
    position: relative;
    line-height: 40px;
    min-height: 40px;
    border: 2px solid rgba(0, 0, 0, 0)
}

.c-transfer-map__input-dot {
    position: absolute;
    z-index: 2;
    top: 13px;
    left: 10px;
    width: 17px;
    height: 17px;
    background-color: #fff;
    border-radius: 50%;
    padding: 3px;
    pointer-events: none;
    -webkit-box-shadow: 0 1px 7px rgba(0, 0, 0, .15);
    box-shadow: 0 1px 7px rgba(0, 0, 0, .15);
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.c-transfer-map__input-dot:before {
    content: "";
    display: block;
    width: 11px;
    height: 11px;
    background-color: #0472AA;
    background-color: var(--s-color-brand-primary);
    border-radius: 50%
}

.c-transfer-map__input-dot.brand-dark:before {
    background-color: #00527C;
    background-color: var(--s-color-brand-dark)
}

.c-transfer-map__input-backmask {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f7f7f7;
    border-radius: 4px;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    pointer-events: none
}

.c-transfer-map__input-search {
    position: absolute;
    z-index: 2;
    top: 13px;
    left: 12px;
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
    opacity: 0;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    pointer-events: none
}

.c-transfer-map__input-close {
    position: absolute;
    z-index: 2;
    top: 3px;
    right: 0;
    overflow: hidden;
    pointer-events: none
}

.c-transfer-map__close-box {
    padding: 10px;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    pointer-events: auto
}

.c-transfer-map__list-element.active {
    background-color: rgb(calc(229.5 + 163 * 0.1), calc(229.5 + 163 * 0.1), calc(229.5 + 164 * 0.1));
    background-color: rgb(calc(229.5 + var(--s-color-brand-primary-red, 163) * 0.1), calc(229.5 + var(--s-color-brand-primary-green, 163) * 0.1), calc(229.5 + var(--s-color-brand-primary-blue, 164) * 0.1));
    margin-bottom: 10px
}

.c-transfer-map__list-element.active .c-transfer-map__list-separator {
    border-color: rgba(0, 0, 0, 0) !important;
    padding-bottom: 0 !important
}

.c-transfer-map__list-element.active .c-transfer-map__list-icon {
    opacity: 1
}

.c-transfer-map__list-element.disabled {
    pointer-events: none;
    opacity: .3
}

.c-transfer-map__message {
    width: 100%
}

@media only screen and (min-width: 992px) {
    .c-transfer-map__message {
        top: 50%;
        left: calc(50% + 205px);
        -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        width: 480px !important;
        padding: 20px;
        border-radius: 18px;
        opacity: .8
    }
}

@media only screen and (max-width: 991px) {
    .c-transfer-map__message-wrapper {
        max-width: 540px;
        margin: 0 auto;
        min-width: auto
    }
}

@-webkit-keyframes markerhighlight {
    0% {
        opacity: 1;
        -webkit-transform: translateY(-50%) translateX(-50%) scale(1);
        transform: translateY(-50%) translateX(-50%) scale(1)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(-50%) translateX(-50%) scale(7);
        transform: translateY(-50%) translateX(-50%) scale(7)
    }
}

@keyframes markerhighlight {
    0% {
        opacity: 1;
        -webkit-transform: translateY(-50%) translateX(-50%) scale(1);
        transform: translateY(-50%) translateX(-50%) scale(1)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(-50%) translateX(-50%) scale(7);
        transform: translateY(-50%) translateX(-50%) scale(7)
    }
}

.c-transfer-map__marker {
    width: 15px;
    height: 15px;
    border: 1px solid #fff
}

.c-transfer-map__marker i {
    display: none
}

.c-transfer-map__marker--animation:before,
.c-transfer-map__marker--animation:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: translateY(-50%) translateX(-50%) scale(1);
    -ms-transform: translateY(-50%) translateX(-50%) scale(1);
    transform: translateY(-50%) translateX(-50%) scale(1);
    background-color: rgba(0, 0, 0, .15);
    border-radius: 50%;
    -webkit-animation: markerhighlight 2.5s ease-out infinite;
    animation: markerhighlight 2.5s ease-out infinite
}

.c-transfer-map__marker--animation:after {
    -webkit-animation-delay: .75s;
    animation-delay: .75s
}

.c-transfer-map__marker--drag:before,
.c-transfer-map__marker--drag:after {
    content: none
}

.c-transfer-map__marker--drag i {
    display: block
}

.c-transfer-map__marker--drag i:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 15px;
    height: 15px;
    border: 1px solid #fff;
    background-color: #0472AA;
    background-color: var(--s-color-brand-primary);
    border-radius: 50%
}

@media only screen and (max-width: 599px) {
    .c-carousel-transport-fares .swiper-wrapper {
        gap: 10px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.c-carousel-transport-fares__item,
.c-carousel-transport-fares__button {
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.c-carousel-transport-fares__item {
    height: auto
}

.c-carousel-transport-fares__nav {
    display: none;
    height: 40px;
    margin-bottom: -40px
}

body.rtl .c-carousel-transport-fares__nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

@media only screen and (min-width: 600px) {
    .c-carousel-transport-fares__nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.c-carousel-transport-fares__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px;
    font-size: 20px;
    background: rgba(0, 0, 0, 0);
    border: none;
    outline: none;
    cursor: pointer
}

.c-carousel-transport-fares__button.swiper-button-disabled {
    opacity: .2
}

.ui-widget .c-carousel-transport-fares__button {
    font-size: 20px
}

.c-carousel-transport-fares__wrapper {
    position: relative
}

.c-carousel-transport-fares__bottom-bar {
    height: 40px
}

.c-card {
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.c-card__carousel {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 1
}

.c-card__hero {
    border-radius: 4px;
    display: block;
    height: 200px;
    position: relative;
    overflow: hidden;
    background-color: #f7f7f7
}

.c-card__hero:hover .c-hover-effect {
    display: none;
    opacity: 0
}

@media only screen and (min-width: 768px) {
    .c-card__hero--big {
        height: 260px
    }
}

.c-card__img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    max-height: 200px
}

.c-card__hero--big .c-card__img {
    max-height: 260px
}

.c-card__top {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    left: 0;
    pointer-events: none;
    padding: 0 50px;
    text-align: center
}

.c-card__hover-effect {
    position: absolute;
    z-index: 1;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px
}

.c-card__hover-effect__overlaying {
    position: absolute;
    z-index: 1;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.c-card:not(:hover) .c-card__hover-effect__overlaying {
    background-color: rgba(0, 0, 0, 0)
}

.c-card__hover-effect__body {
    position: absolute;
    z-index: 2;
    top: 55%;
    width: 100%;
    height: 12px;
    margin-top: -6px;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.c-card:hover .c-card__hover-effect__body {
    top: 50%
}

.c-card__hover-effect__body.is-turned {
    margin-top: -18px
}

.c-card__hover-effect__message {
    position: absolute;
    top: 0;
    height: 12px;
    line-height: 12px;
    width: 100%;
    text-align: center;
    color: rgba(0, 0, 0, 0)
}

.c-card__hover-effect__message--view {
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
}

.c-card:hover .c-card__hover-effect__message--view {
    color: #fff
}

.c-card:hover .is-turned>.c-card__hover-effect__message--view {
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    color: rgba(0, 0, 0, 0)
}

.c-card__hover-effect__message--select {
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    bottom: -100%;
    top: auto;
    top: initial
}

.c-card:hover .is-turned>.c-card__hover-effect__message--select {
    color: #fff;
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
}

.c-card__price {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    min-height: 40px;
    line-height: 1;
    padding: 4px 20px;
    color: #393939;
    background-color: hsla(0, 0%, 100%, .85);
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .1)
}

.c-card--selected .c-card__price {
    min-width: 60%
}

.c-card__price--small {
    min-height: 30px
}

.c-card--group .c-card__title {
    overflow: hidden;
    display: -webkit-box !important;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.c-card__ribbon-wrapper {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none
}

.c-card__ribbon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border-top-right-radius: 4px;
    position: static;
    position: initial;
    width: auto
}

.c-card__action {
    padding-top: 3px
}

.c-card__detail>i {
    width: 18px
}

.c-card__wrapper-title {
    line-height: 20px
}

.c-card__idea-header {
    color: #fff
}

.c-card__idea-header-title {
    font-size: 28px
}

.c-card__idea-features {
    font-size: 11px
}

.c-card__idea-price {
    position: relative;
    z-index: 2;
    line-height: 1
}

body.rtl .c-card__idea-price {
    text-align: right !important
}

.c-card__idea-arrows {
    position: absolute;
    z-index: 2;
    top: calc(50% - 20px);
    left: -20px;
    width: calc(100% + 40px);
    pointer-events: none
}

.c-card__idea-arrows--inside {
    left: -10px;
    width: calc(100% + 20px)
}

.c-card__idea-arrows.disabled {
    display: none
}

.c-card__idea-arrows:before,
.c-card__idea-arrows:after {
    content: "";
    clear: both
}

.c-card__idea-arrows>button {
    pointer-events: auto
}

.c-card__idea-arrows>button:nth-child(1) {
    float: left
}

.c-card__idea-arrows>button:nth-child(2) {
    float: right
}

body.rtl .c-card__idea-arrows>button:nth-child(1) {
    float: right
}

body.rtl .c-card__idea-arrows>button:nth-child(2) {
    float: left
}

.c-card__idea-hover {
    position: relative;
    color: #fff;
    padding: 0 20px 10px
}

.c-card__idea-hover__view-message {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.c-card--idea:hover .c-card__idea-hover__view-message {
    padding-top: 10px;
    max-height: 60px
}

.c-card--idea .c-card__hero {
    height: auto
}

.c-card--idea .c-card__hero .c-card__img {
    max-height: none;
    max-height: initial;
    height: 435px
}

.c-card__combine {
    min-height: 70px
}

.c-card__caption {
    background-color: rgba(0, 0, 0, .5);
    color: #fff;
    font-size: 12px;
    line-height: 20px
}

.c-card__caption__icon {
    width: 20px;
    height: 20px;
    border-radius: 200px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    background-color: #fff;
    color: #393939
}

.c-card__header {
    position: relative;
    margin-bottom: 10px
}

.c-card__header--success {
    border-left: 5px solid #6dc151 !important
}

.c-card__header--brand {
    border-left: 5px solid #0472AA !important;
    border-left: 5px solid var(--s-color-brand-primary) !important
}

.c-card__header--call {
    border-left: 5px solid #e01d1d !important
}

.c-card__header-icon {
    font-size: 18px
}

.c-card--moving .c-card__price {
    display: none
}

.c-card--vertical-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.c-card--shadow {
    -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, .07);
    box-shadow: 1px 1px 10px rgba(0, 0, 0, .07)
}

.c-card--shadow:hover {
    -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, .16);
    box-shadow: 1px 1px 10px rgba(0, 0, 0, .16)
}

body.rtl .c-card .u-text-align--left {
    text-align: right
}

body.rtl .c-card .u-justify-content--end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: initial
}

.c-compact {
    width: 100%
}

.c-compact--disabled .c-compact__main {
    background-color: #f7f7f7;
    background-image: linear-gradient(45deg, white 25%, transparent 25%, transparent 50%, white 50%, white 75%, transparent 75%, transparent);
    background-size: 40px 40px
}

.c-compact--disabled .c-compact__info {
    width: 100%
}

@media only screen and (min-width: 768px) {
    .c-compact--medium .c-compact__media {
        width: 180px;
        min-width: 180px
    }

    .c-compact--medium .c-compact__info {
        width: calc(100% - 180px)
    }
}

@media only screen and (min-width: 768px) {
    .c-compact--big .c-compact__media {
        width: 220px;
        min-width: 220px
    }

    .c-compact--big .c-compact__media-img {
        width: 180px
    }

    .c-compact--big .c-compact__info {
        width: calc(100% - 200px);
        padding: 20px 15px
    }
}

@media only screen and (min-width: 992px) {
    .c-compact--big .c-compact__media {
        width: 290px;
        min-width: 290px;
        min-height: 200px
    }

    .c-compact--big .c-compact__media-img {
        width: 200px
    }

    .c-compact--big .c-compact__info {
        width: calc(100% - 290px)
    }
}

@media only screen and (min-width: 1500px) {
    .c-compact--big .c-compact__info {
        padding: 20px 15px
    }
}

.c-compact__main {
    position: relative;
    z-index: 1;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .07);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .07);
    border-radius: 8px;
    background-color: #fff
}

@media only screen and (min-width: 768px) {
    .c-compact__main {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.c-compact__companies {
    padding: 15px
}

.c-compact__companies__logo {
    position: relative;
    width: 50px;
    height: 50px;
    padding: 5px;
    border-radius: 50%;
    overflow: hidden;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15)
}

.c-compact__companies__logo img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: 50% 50%;
    object-position: 50% 50%
}

.c-compact__media {
    position: relative;
    overflow: hidden;
    border-radius: 8px 8px 0 0;
    min-height: 92px
}

@media only screen and (max-width: 767px) {
    .c-compact__media {
        padding-top: 50%
    }
}

@media only screen and (min-width: 768px) {
    .c-compact__media {
        width: 125px;
        min-width: 125px;
        border-radius: 8px 0 0 8px
    }
}

.c-compact__media--center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom: 1px solid #e3e3e3
}

@media only screen and (max-width: 767px) {
    .c-compact__media--center {
        padding: 20px 0
    }
}

@media only screen and (min-width: 768px) {
    .c-compact__media--center {
        border-bottom: none;
        border-right: 1px solid #e3e3e3
    }
}

.c-compact__media-img {
    width: 150px;
    height: auto
}

@media only screen and (min-width: 768px) {
    .c-compact__media-img {
        width: 95px
    }
}

.c-compact__media-background {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    -o-object-fit: cover;
    object-fit: cover
}

.c-compact__media .c-hover-effect {
    display: none
}

.c-compact__info {
    padding: 15px
}

@media only screen and (min-width: 768px) {
    .c-compact__info {
        width: calc(100% - 125px);
        min-width: auto
    }
}

.c-compact__info--full {
    width: 100%
}

.c-compact__info-map {
    width: 100%;
    height: 220px;
    border-radius: 8px;
    overflow: hidden
}

.c-compact__info-ribbon {
    position: absolute;
    z-index: 1;
    top: -10px;
    left: 10px;
    width: calc(100% - 20px);
    padding: 3px 10px;
    border-radius: 4px;
    font-size: 12px;
    background-color: #f7a827;
    color: #fff;
    text-align: center;
    line-height: 1
}

@media only screen and (min-width: 768px) {
    .c-compact__info-ribbon {
        left: -5px;
        width: auto;
        border-radius: 4px 4px 4px 0
    }

    .c-compact__info-ribbon:before {
        content: "";
        position: absolute;
        left: 0;
        bottom: -5px;
        height: 0;
        width: 0;
        border-color: rgba(0, 0, 0, 0) #4e4e4e rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
        border-width: 0 5px 5px 0;
        border-style: solid
    }
}

.c-compact__details {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
    padding: 30px 20px 20px
}

.c-compact__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 5px;
    padding-top: 10px;
    margin-bottom: 10px
}

@media only screen and (min-width: 600px) {
    .c-compact__buttons {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        padding: 0 5px;
        gap: 0
    }
}

.c-compact__buttons__link {
    position: relative;
    width: 100%;
    display: inline-block;
    border: 1px solid #c2c2c2;
    border-radius: 4px;
    background-color: #fff;
    padding: 12px 15px 10px 20px;
    line-height: 1;
    color: #707070;
    text-align: center;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

@media only screen and (min-width: 600px) {
    .c-compact__buttons__link {
        width: auto;
        border-top: none;
        border-radius: 0 0 4px 25px;
        border-color: #e3e3e3;
        -webkit-box-shadow: -3px 3px 4px rgba(0, 0, 0, .04);
        box-shadow: -3px 3px 4px rgba(0, 0, 0, .04)
    }

    .c-compact__buttons__link:not(:last-child) {
        padding-right: 30px;
        margin-right: -20px
    }
}

.c-compact__buttons__link:hover,
.c-compact__buttons__link:active,
.c-compact__buttons__link:focus:active {
    background-color: #f7f7f7;
    color: #393939;
    border-color: #e3e3e3
}

.c-compact__buttons__link .ui-button-text {
    padding: 0 !important;
    line-height: 1
}

.c-compact__collapse {
    background-color: #fff;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .07);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .07);
    border: 1px solid #f7f7f7;
    border-radius: 8px;
    margin: 20px 0 10px;
    padding: 20px
}

@media only screen and (min-width: 600px) {
    .c-compact__collapse {
        margin-top: -50px;
        padding-top: 60px
    }
}

@media only screen and (min-width: 768px) {
    .c-compact__collapse {
        padding: 60px 40px 40px
    }
}

.c-extended__img-wrapper {
    min-height: 250px;
    position: relative;
    max-width: 100%
}

@media only screen and (min-width: 768px) {
    .c-extended__img-wrapper {
        max-width: 350px
    }
}

.c-extended__img-wrapper:hover .c-hover-effect {
    opacity: 0
}

.c-extended__img-wrapper\@md {
    margin-bottom: 20px;
    min-height: 250px
}

@media only screen and (min-width: 992px) {
    .c-extended__img-wrapper\@md {
        margin-bottom: 0;
        max-width: 350px;
        min-height: 250px;
        position: relative
    }
}

@media only screen and (min-width: 600px) {
    .c-extended.c-extended--cruise .c-extended__img-wrapper\@md {
        max-width: 350px
    }
}

.c-extended__bg-loading,
.c-extended__carousel {
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 20px;
    width: auto;
    background-color: #f7f7f7;
    overflow: hidden
}

body.rtl .c-extended__bg-loading,
body.rtl .c-extended__carousel {
    right: 20px;
    left: 0
}

.c-extended__main {
    min-width: 0
}

.c-extended__heading {
    line-height: 1
}

.fichaSelect .c-extended {
    margin-left: 0 !important;
    background-color: #fafafb
}

.c-extended__hover-effect--single {
    left: 20px
}

@media only screen and (min-width: 992px) {
    .c-extended__rentacar__col-left {
        min-width: 300px;
        max-width: 300px
    }
}

.c-fast-confirm__heading {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: #707070;
    background-color: rgba(0, 0, 0, 0);
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 10px;
    margin-bottom: 5px
}

.c-fast-confirm__hero {
    height: 200px;
    padding: 20px 10px;
    position: relative;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.c-fast-confirm__hero__wrapper-img {
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 200px;
    position: absolute
}

.c-fast-confirm__hero__wrapper-img::after {
    content: " ";
    z-index: 0;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.c-fast-confirm__hero__wrapper-img::after {
    background: rgba(17, 17, 17, 0);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, rgba(17, 17, 17, 0)), to(rgba(33, 33, 33, 0.85)));
    background: linear-gradient(to bottom, rgba(17, 17, 17, 0) 30%, rgba(33, 33, 33, 0.85) 100%)
}

.c-fast-confirm__hero__wrapper-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    max-height: 200px
}

.c-fast-confirm__hero__body {
    z-index: 2;
    position: relative;
    width: 100%
}

.c-fast-confirm__hero--transport {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-fast-confirm__message {
    border: 1px solid #e3e3e3;
    background-color: #f7f7f7
}

.c-fast-confirm__message+.c-fast-confirm__message {
    border-top: none
}

.c-fast-confirm__body {
    background-color: #fff;
    position: relative
}

.c-fast-confirm__price {
    color: #0472AA;
    color: var(--s-color-brand-primary);
    line-height: 1;
    font-weight: 500
}

.c-fast-confirm__float-icon {
    position: absolute;
    z-index: 1;
    top: 0;
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

.c-fast-confirm__float-icon--cup {
    right: 0
}

body.rtl .c-fast-confirm__float-icon--cup {
    left: 0;
    right: auto
}

.c-fast-confirm__float-icon--info-circle {
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    left: 0;
    color: #c2c2c2
}

.c-fast-confirm__float-icon--info-circle:hover {
    color: #a2a2a2
}

.c-fast-confirm__action {
    margin-top: -1px
}

.c-fast-confirm__button {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.c-travel-details {
    margin-bottom: 20px
}

.c-travel-details__item {
    margin-top: 5px
}

.c-travel-details__button+.c-travel-details__item {
    margin-top: 20px
}

@media only screen and (min-width: 600px) {
    .c-travel-details .c-travel-details__item {
        margin-right: 5px;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%
    }
}

@media only screen and (min-width: 768px) {
    .c-travel-details {
        display: block;
        margin-right: 0
    }

    .c-travel-details .c-travel-details__item {
        margin-right: 0
    }
}

@media only screen and (min-width: 992px) {
    .summary .c-travel-details {
        margin-bottom: 0
    }
}

.c-travel-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 40px;
    background-color: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    color: #707070
}

.c-travel-detail>* {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.c-travel-detail__icon {
    min-width: 40px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 16px;
    border-right: 1px solid #e3e3e3
}

body.rtl .c-travel-detail__icon {
    border-right: none;
    border-left: 1px solid #e3e3e3
}

.c-travel-detail__content {
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 10px
}

.c-travel-detail__group>div:first-child {
    border-right: 1px solid #e3e3e3
}

.c-destination-cross-selling {
    position: relative;
    text-align: center;
    margin-top: -42px;
    margin-right: -20px;
    padding-bottom: 10px
}

body.rtl .c-destination-cross-selling {
    margin-right: 0;
    margin-left: -20px
}

@media only screen and (min-width: 992px) {
    .c-destination-cross-selling {
        margin-top: -48px
    }
}

.c-destination-cross-selling--static {
    margin-top: 0;
    margin-right: 0;
    padding-bottom: 0
}

.c-destination-cross-selling .swiper-container {
    margin-right: -20px;
    max-width: none;
    max-width: initial
}

.c-destination-cross-selling .swiper-container .swiper {
    padding: 0 35px 0 15px
}

.c-destination-cross-selling .swiper-container .swiper .swiper-wrapper {
    padding: 10px 0
}

.c-destination-cross-selling__title {
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    padding: 0 40px 10px 20px;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

.c-destination-cross-selling__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 64px;
    width: 145px;
    border-radius: 8px;
    -webkit-box-shadow: 0 6px 15px rgba(0, 0, 0, .1);
    box-shadow: 0 6px 15px rgba(0, 0, 0, .1);
    line-height: 1;
    background-color: #fff;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.c-destination-cross-selling__button:hover,
.c-destination-cross-selling__button:active,
.c-destination-cross-selling__button:focus:active {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px)
}

.c-destination-cross-selling__button i {
    font-size: 20px;
    padding-bottom: 5px
}

.c-destination-cross-selling__button span {
    font-size: 12px
}

.c-destination-cross-selling__button span:first-letter {
    text-transform: capitalize
}

@media only screen and (min-width: 992px) {
    .c-destination-cross-selling__button {
        height: 76px
    }

    .c-destination-cross-selling__button i {
        font-size: 24px
    }
}

.c-postcard {
    height: 260px
}

.c-postcard--vertical {
    height: 360px
}

.c-postcard__icons {
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.a-active .c-postcard__icons {
    opacity: 0
}

.a-active:hover .c-postcard__icons {
    opacity: 1
}

.c-postcard__icons-wrapper {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff;
    color: #000;
    border-radius: 100%;
    height: 25px;
    width: 25px;
    font-size: 10px
}

.c-postcard__icons-wrapper:hover,
.c-postcard__icons-wrapper:active,
.c-postcard__icons-wrapper:focus:active {
    color: #393939
}

.c-postcard__tag {
    display: none
}

.selected .c-postcard__tag {
    display: block
}

.c-postcard__border.selected {
    border: 3px solid #6dc151
}

.box-confirm__header {
    top: -15px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 0 10px;
    min-width: 190px
}

.box-confirm__header h3 {
    min-height: 29px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (min-width: 992px) {
    .box-confirm__header {
        left: 30px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.box-confirm__button--saveidea.c-button {
    background: #f7f7f7;
    color: #707070;
    border: 1px solid #e3e3e3
}

.box-confirm__button--saveidea.c-button:hover {
    background: #e3e3e3;
    color: #4e4e4e;
    border: 1px solid #e3e3e3
}

.box-confirm__button--saveidea.disabled {
    background-color: #e3e3e3
}

.box-confirm--monthly-payment .box-price {
    padding: 20px
}

.box-confirm--monthly-payment .box-price>* {
    margin-bottom: 20px
}

.box-confirm--monthly-payment .box-price>*:last-child {
    margin-bottom: 0
}

@media only screen and (min-width: 768px) {
    .box-confirm .col-confirm .box-price {
        min-height: 132px
    }
}

@media only screen and (min-width: 600px) {
    .box-confirm--monthly-payment .box-price {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .box-confirm--monthly-payment .box-price>* {
        margin-bottom: 0;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 40%;
        flex: 1 0 40%
    }
}

@media only screen and (max-width: 767px) {
    .c-hero-screen__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.c-hero-screen__media {
    position: relative
}

@media only screen and (max-width: 767px) {
    .c-hero-screen__media--mobile-hidden {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    .c-hero-screen__media {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

.c-hero-screen__video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    pointer-events: none
}

.c-hero-screen__image {
    display: block;
    position: relative;
    padding-top: 40%
}

.c-hero-screen__image:before {
    content: " ";
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-color: rgba(0, 0, 0, .1)
}

.c-hero-screen__image img {
    position: absolute;
    top: 0;
    left: 0
}

@media only screen and (min-width: 992px)and (orientation: landscape) {
    .c-hero-screen__image {
        padding-top: 32%
    }
}

@media only screen and (min-width: 1200px) {
    .c-hero-screen__image {
        padding-top: 28%
    }
}

.c-hero-screen__header {
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 10px
}

.c-hero-screen__header h1,
.c-hero-screen__header h2 {
    color: #fff;
    letter-spacing: .02em;
    text-shadow: 0 0 6px rgba(0, 0, 0, .15)
}

.c-hero-screen__header h1:empty,
.c-hero-screen__header h2:empty {
    display: none
}

@media only screen and (min-width: 768px) {
    .c-hero-screen__header {
        padding: 20px 20px
    }
}

@media only screen and (min-width: 1200px) {
    .c-hero-screen__header {
        padding: 0 40px
    }

    .c-hero-screen__header h1,
    .c-hero-screen__header h2 {
        max-width: 900px;
        margin: 0 auto !important
    }
}

@media only screen and (min-width: 1500px) {
    .c-hero-screen__header h1 {
        max-width: 1150px
    }
}

@media only screen and (min-width: 1200px) {
    .c-hero-screen__header__wrapper {
        max-width: 1400px;
        margin: 0 auto
    }
}

.c-hero-screen__engine {
    position: relative;
    width: 100%;
    z-index: 11
}

@media only screen and (max-width: 767px) {
    .c-hero-screen__engine {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.c-hero-screen .home-search {
    padding: 20px
}

@media only screen and (min-width: 1200px) {
    .c-hero-screen .home-search {
        padding: 20px 0
    }
}

.c-hero-screen .sb-main__box {
    background-color: #fff
}

.trip-planner-flow .ms-footer {
    display: none
}

.c-trip-planner {
    position: relative;
    border-top: 1px solid #e3e3e3
}

@media only screen and (min-width: 768px) {
    .c-trip-planner--itinerary {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .c-trip-planner--itinerary .c-trip-planner__main,
    .c-trip-planner--itinerary .c-trip-planner__map {
        width: 50%;
        min-width: 50%;
        max-width: 50%
    }
}

@media only screen and (min-width: 1200px) {
    .c-trip-planner--itinerary .c-trip-planner__main {
        width: 520px;
        min-width: 520px;
        max-width: 520px
    }

    .c-trip-planner--itinerary .c-trip-planner__map {
        width: calc(100% - 520px);
        min-width: calc(100% - 520px);
        max-width: calc(100% - 520px)
    }
}

@media only screen and (min-width: 1500px) {
    .c-trip-planner--itinerary .c-trip-planner__main {
        width: 600px;
        min-width: 600px;
        max-width: 600px
    }

    .c-trip-planner--itinerary .c-trip-planner__map {
        width: calc(100% - 600px);
        min-width: calc(100% - 600px);
        max-width: calc(100% - 600px)
    }
}

.c-trip-planner--routing .c-route-list__input--origin,
.c-trip-planner--routing .c-route-list__input--destination:not(.c-route-list__element--routing .c-route-list__input--destination) {
    display: none
}

.c-trip-planner--routing .c-route-list__element:not(.c-route-list__element--routing),
.c-trip-planner--routing .c-route-list__transport,
.c-trip-planner--routing .c-trip-planner__footer {
    opacity: .6;
    pointer-events: none
}

@media only screen and (min-width: 1200px) {
    .c-trip-planner__card {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .c-trip-planner__card .c-trip-planner__main {
        width: 63%
    }

    .c-trip-planner__card .c-trip-planner__map {
        width: 37%
    }
}

@media only screen and (min-width: 1500px) {
    .c-trip-planner__card .c-trip-planner__main {
        width: 1100px
    }

    .c-trip-planner__card .c-trip-planner__map {
        width: calc(100% - 1100px)
    }
}

@media only screen and (max-width: 1199px) {
    .c-trip-planner__card .c-trip-planner__map {
        display: none
    }
}

.c-trip-planner__card-container {
    padding: 0 20px
}

@media only screen and (min-width: 1800px) {
    .c-trip-planner__card-container {
        padding: 0 40px
    }
}

@media only screen and (min-width: 1200px) {
    .c-trip-planner__card-header {
        position: sticky;
        top: 0;
        background-color: #fff;
        z-index: 4;
        -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .2);
        box-shadow: 0 0 8px rgba(0, 0, 0, .2)
    }
}

.c-trip-planner__card .c-trip-planner__main {
    padding-bottom: 60px !important
}

@media only screen and (max-width: 1199px) {
    .c-trip-planner__card .c-trip-planner__main {
        height: auto !important
    }

    .c-trip-planner__card .c-trip-planner__main-wrapper {
        height: auto !important
    }
}

@media only screen and (min-width: 768px) {
    .c-trip-planner__card .c-trip-planner__main {
        padding-bottom: 70px !important
    }
}

@media only screen and (min-width: 992px) {
    .c-trip-planner__card .c-trip-planner__main {
        padding-bottom: 60px !important
    }
}

@media only screen and (min-width: 1800px) {
    .c-trip-planner__card .c-trip-planner__main {
        padding-bottom: 80px !important
    }
}

.c-trip-planner__card .c-trip-planner__main--buttons-disabled {
    padding-bottom: 0 !important
}

@media only screen and (max-width: 1199px) {
    .c-trip-planner__card .c-trip-planner__footer {
        position: fixed !important
    }
}

.c-trip-planner__card-destination {
    background-color: rgba(45, 49, 74, .05)
}

.c-trip-planner__card-routing {
    background-color: rgba(178, 99, 238, .05)
}

.c-trip-planner__card-cruise {
    background-color: rgba(17, 178, 178, .05)
}

.c-trip-planner__card-tour {
    background-color: rgba(47, 110, 152, .05)
}

.c-trip-planner__main {
    position: relative;
    padding-bottom: 50px !important
}

@media only screen and (max-width: 767px) {
    .c-trip-planner__main {
        height: auto !important
    }
}

@media only screen and (min-width: 768px) {
    .c-trip-planner__main-wrapper {
        overflow-y: auto;
        overflow-x: hidden;
        height: 100%
    }
}

.c-trip-planner__map {
    position: relative;
    background-color: #f7f7f7
}

@media only screen and (max-width: 767px) {
    .c-trip-planner__map {
        position: fixed;
        z-index: 999;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
        pointer-events: none;
        -webkit-transform: translateY(25px);
        -ms-transform: translateY(25px);
        transform: translateY(25px)
    }

    .c-trip-planner__map--visible {
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: .7s all ease-in-out 0s;
        transition: .7s all ease-in-out 0s
    }
}

.c-trip-planner__map-close {
    position: absolute;
    z-index: 4;
    top: 20px;
    right: 20px
}

@media only screen and (min-width: 768px) {
    .c-trip-planner__map-close {
        display: none
    }
}

.c-trip-planner__map-pointer {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    -webkit-box-shadow: 0 4px 9px rgba(0, 0, 0, .4);
    box-shadow: 0 4px 9px rgba(0, 0, 0, .4);
    width: 40px;
    min-width: 40px;
    height: 40px;
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    line-height: 1;
    z-index: 3;
    background-image: none
}

@media only screen and (min-width: 1800px) {
    .c-trip-planner__map-pointer {
        width: 50px;
        min-width: 50px;
        height: 50px;
        font-size: 24px
    }
}

.c-trip-planner__map-pointer:not(.opening) .ico-opening {
    display: none
}

.c-trip-planner__map-pointer--small {
    width: 28px;
    min-width: 28px;
    height: 28px;
    font-size: 14px
}

.c-trip-planner__map-pointer--destination {
    width: 40px;
    min-width: 40px;
    height: 40px;
    border: 1px solid #fff
}

@media only screen and (min-width: 1800px) {
    .c-trip-planner__map-pointer--destination {
        width: 50px;
        min-width: 50px;
        height: 50px
    }
}

.c-trip-planner__map-pointer--selected {
    background-color: #2d314a
}

.c-trip-planner__map-pointer--origin {
    position: absolute;
    width: 22px;
    min-width: 22px;
    height: 22px;
    border: 3px solid #fff;
    background-color: #2d314a
}

@media only screen and (min-width: 1800px) {
    .c-trip-planner__map-pointer--origin {
        width: 25px;
        min-width: 25px;
        height: 25px;
        border-width: 4px
    }
}

@-webkit-keyframes bigmarkerhighlight {
    0% {
        opacity: 1;
        -webkit-transform: translateY(-50%) translateX(-50%) scale(1);
        transform: translateY(-50%) translateX(-50%) scale(1)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(-50%) translateX(-50%) scale(2);
        transform: translateY(-50%) translateX(-50%) scale(2)
    }
}

@keyframes bigmarkerhighlight {
    0% {
        opacity: 1;
        -webkit-transform: translateY(-50%) translateX(-50%) scale(1);
        transform: translateY(-50%) translateX(-50%) scale(1)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(-50%) translateX(-50%) scale(2);
        transform: translateY(-50%) translateX(-50%) scale(2)
    }
}

.c-trip-planner__map-pointer--highlight,
.c-trip-planner__map-pointer.opened,
.c-trip-planner__map-pointer.opening {
    position: relative;
    -webkit-box-shadow: none;
    box-shadow: none
}

.c-trip-planner__map-pointer--highlight:before,
.c-trip-planner__map-pointer.opened:before,
.c-trip-planner__map-pointer.opening:before,
.c-trip-planner__map-pointer--highlight:after,
.c-trip-planner__map-pointer.opened:after,
.c-trip-planner__map-pointer.opening:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: translateY(-50%) translateX(-50%) scale(1);
    -ms-transform: translateY(-50%) translateX(-50%) scale(1);
    transform: translateY(-50%) translateX(-50%) scale(1);
    background-color: rgba(0, 0, 0, .15);
    border-radius: 50%;
    -webkit-animation: bigmarkerhighlight 2.5s ease-out infinite;
    animation: bigmarkerhighlight 2.5s ease-out infinite
}

.c-trip-planner__map-pointer--highlight:after,
.c-trip-planner__map-pointer.opened:after,
.c-trip-planner__map-pointer.opening:after {
    -webkit-animation-delay: .75s;
    animation-delay: .75s
}

.c-trip-planner__map-pointer-service {
    position: absolute;
    top: -13px;
    right: -13px;
    width: 28px;
    height: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, .5);
    box-shadow: 0 1px 8px rgba(0, 0, 0, .5)
}

.c-trip-planner__map-pointer-service i {
    font-size: 13px;
    color: #fff
}

@media only screen and (min-width: 1800px) {
    .c-trip-planner__map-pointer-service {
        width: 34px;
        height: 34px
    }

    .c-trip-planner__map-pointer-service i {
        font-size: 16px
    }
}

.c-trip-planner__map-pointer-service:nth-child(2) {
    left: -13px;
    right: auto
}

.c-trip-planner__map-pointer-service:nth-child(3) {
    bottom: -13px;
    top: auto
}

.c-trip-planner__map-pointer-service:nth-child(4) {
    bottom: -13px;
    top: auto;
    left: -13px;
    right: auto
}

.c-trip-planner__map-pointer-service.c-trip-planner__map-pointer--routing,
.c-trip-planner__map-pointer-service.c-trip-planner__map-pointer--cruise,
.c-trip-planner__map-pointer-service.c-trip-planner__map-pointer--tour {
    background-color: #2d314a
}

.c-trip-planner__map-pointer--hotel {
    background-color: #e67614;
    color: #fff
}

.c-trip-planner__map-pointer--routing {
    background-color: #b263ee;
    color: #fff
}

.c-trip-planner__map-pointer--routing .c-trip-planner__map-pointer--rentacar {
    background-color: #2d314a
}

.c-trip-planner__map-pointer--cruise {
    background-color: #11b2b2;
    color: #fff
}

.c-trip-planner__map-pointer--disney {
    background-color: #2918a3;
    color: #fff
}

.c-trip-planner__map-pointer--tour {
    background-color: #2f6e98;
    color: #fff
}

.c-trip-planner__map-pointer--transfer {
    background-color: #2f6e98;
    color: #fff
}

.c-trip-planner__map-pointer--rentacar {
    background-color: #b263ee;
    color: #fff
}

.c-trip-planner__map-pointer--ticket {
    background-color: #de141b;
    color: #fff
}

.c-trip-planner__map-pointer--cruise-route {
    background-color: #0472AA;
    background-color: var(--s-color-brand-primary);
    color: #fff;
    width: 30px;
    height: 30px;
    min-width: 30px;
    font-size: 18px
}

.c-trip-planner__map-pointer--cruise-route-preview {
    background-color: #0472AA;
    background-color: var(--s-color-brand-primary);
    color: #fff;
    width: 15px;
    height: 15px;
    min-width: 15px;
    font-size: 12px;
    padding-bottom: 1px
}

.c-trip-planner__crosselling {
    border: 1px solid rgba(0, 0, 0, 0);
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

@media only screen and (max-width: 767px) {
    .c-trip-planner__crosselling {
        padding: 20px 0
    }
}

@media only screen and (min-width: 768px) {
    .c-trip-planner__crosselling {
        height: 190px
    }
}

@media only screen and (min-width: 1200px) {
    .c-trip-planner__crosselling {
        height: 150px
    }
}

@media only screen and (min-width: 1800px) {
    .c-trip-planner__crosselling {
        height: 190px
    }
}

.c-trip-planner__crosselling-info {
    max-width: 220px;
    margin: 0 auto
}

.c-trip-planner__crosselling:hover,
.c-trip-planner__crosselling:active,
.c-trip-planner__crosselling:focus:active {
    border-color: #0472AA;
    border-color: var(--s-color-brand-primary)
}

.c-trip-planner__dot {
    position: relative;
    display: block;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    border: 1px solid #393939
}

.c-trip-planner__dot--active {
    background-color: #393939
}

.c-trip-planner__footer {
    position: fixed;
    z-index: 3;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    -webkit-box-shadow: -5px -6px 22px rgba(0, 0, 0, .1);
    box-shadow: -5px -6px 22px rgba(0, 0, 0, .1);
    overflow: hidden
}

@media only screen and (min-width: 768px) {
    .c-trip-planner__footer {
        position: absolute;
        width: 100%
    }
}

.c-trip-planner__footer-reorder {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: .7s all ease-in-out 0s;
    transition: .7s all ease-in-out 0s
}

.c-trip-planner__footer-continue {
    -webkit-transition: .7s all ease-in-out 0s;
    transition: .7s all ease-in-out 0s;
    opacity: 1
}

.c-trip-planner__travel-route .sidebar__title {
    display: none !important
}

.c-trip-planner__travel-route .parent-clr--0 .child__bg-clr,
.c-trip-planner__travel-route .parent-clr--1 .child__bg-clr,
.c-trip-planner__travel-route .parent-clr--2 .child__bg-clr,
.c-trip-planner__travel-route .parent-clr--3 .child__bg-clr,
.c-trip-planner__travel-route .parent-clr--4 .child__bg-clr {
    background-color: #2d314a
}

.c-trip-planner__travel-route .parent-clr--0 .child__bg-clr--white-soft,
.c-trip-planner__travel-route .parent-clr--1 .child__bg-clr--white-soft,
.c-trip-planner__travel-route .parent-clr--2 .child__bg-clr--white-soft,
.c-trip-planner__travel-route .parent-clr--3 .child__bg-clr--white-soft,
.c-trip-planner__travel-route .parent-clr--4 .child__bg-clr--white-soft {
    background-color: rgba(45, 49, 74, .3)
}

.c-trip-planner__travel-route .parent-clr--0 .child__clr,
.c-trip-planner__travel-route .parent-clr--1 .child__clr,
.c-trip-planner__travel-route .parent-clr--2 .child__clr,
.c-trip-planner__travel-route .parent-clr--3 .child__clr,
.c-trip-planner__travel-route .parent-clr--4 .child__clr {
    color: #2d314a
}

.c-trip-planner__travel-route .parent-clr--0 .child__bdr-clr--top,
.c-trip-planner__travel-route .parent-clr--1 .child__bdr-clr--top,
.c-trip-planner__travel-route .parent-clr--2 .child__bdr-clr--top,
.c-trip-planner__travel-route .parent-clr--3 .child__bdr-clr--top,
.c-trip-planner__travel-route .parent-clr--4 .child__bdr-clr--top {
    border-top-color: #2d314a
}

.c-trip-planner__travel-route .parent-clr--0.travel-route__city--origin .child__bg-clr,
.c-trip-planner__travel-route .parent-clr--1.travel-route__city--origin .child__bg-clr,
.c-trip-planner__travel-route .parent-clr--2.travel-route__city--origin .child__bg-clr,
.c-trip-planner__travel-route .parent-clr--3.travel-route__city--origin .child__bg-clr,
.c-trip-planner__travel-route .parent-clr--4.travel-route__city--origin .child__bg-clr {
    background-color: #9597a4
}

.c-trip-planner__travel-route .parent-clr--0.travel-route__city--origin .child__bdr-clr--top,
.c-trip-planner__travel-route .parent-clr--1.travel-route__city--origin .child__bdr-clr--top,
.c-trip-planner__travel-route .parent-clr--2.travel-route__city--origin .child__bdr-clr--top,
.c-trip-planner__travel-route .parent-clr--3.travel-route__city--origin .child__bdr-clr--top,
.c-trip-planner__travel-route .parent-clr--4.travel-route__city--origin .child__bdr-clr--top {
    border-top-color: #9597a4
}

.c-assistant-chat__button {
    position: fixed;
    z-index: 12;
    bottom: 15px;
    right: 15px;
    -webkit-transition: .4s all ease-in-out 0s;
    transition: .4s all ease-in-out 0s
}

.c-assistant-chat__button--hidden {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0
}

.c-assistant-chat__button-element {
    position: relative;
    width: 60px;
    height: 60px;
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.c-assistant-chat__button-element:hover,
.c-assistant-chat__button-element:active,
.c-assistant-chat__button-element:focus:active {
    -webkit-animation-play-state: running;
    animation-play-state: running
}

@media only screen and (min-width: 768px) {
    .c-assistant-chat__button {
        bottom: 20px;
        right: 30px
    }
}

.c-assistant-chat__tooltip {
    position: absolute;
    right: 0;
    bottom: calc(100% + 15px);
    width: 300px;
    background-color: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .07);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .07);
    -webkit-transform: translateX(-20px) translateY(20px) scale(0.5);
    -ms-transform: translateX(-20px) translateY(20px) scale(0.5);
    transform: translateX(-20px) translateY(20px) scale(0.5);
    -webkit-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    transform-origin: bottom right;
    opacity: 0;
    pointer-events: none;
    -webkit-animation: chat-tooltip 8s ease-in-out 1;
    animation: chat-tooltip 8s ease-in-out 1
}

.c-assistant-chat__tooltip--disabled {
    -webkit-animation: none;
    animation: none
}

.c-assistant-chat__tooltip-header {
    height: 40px;
    padding: 0 15px;
    background-color: #0472AA;
    background-color: var(--s-color-brand-primary);
    border-radius: 8px 8px 0 0;
    color: #fff;
    line-height: 1
}

.c-assistant-chat__tooltip:before {
    content: "";
    position: absolute;
    top: 100%;
    right: 22px;
    border-style: solid;
    height: 0;
    width: 0;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-width: 11px 8.5px 0
}

.c-assistant-chat__tooltip:after {
    content: "";
    position: absolute;
    top: 100%;
    right: 23px;
    border-style: solid;
    height: 0;
    width: 0;
    border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-width: 10px 7.5px 0
}

.c-assistant-chat__panel {
    position: fixed;
    z-index: 9999;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #f8fafc;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .07);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .07);
    display: none;
    pointer-events: none;
    opacity: 0;
    -webkit-transform: translate(30px, 0) scale(0.8);
    -ms-transform: translate(30px, 0) scale(0.8);
    transform: translate(30px, 0) scale(0.8);
    -webkit-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out
}

.c-assistant-chat__panel[data-active=true] {
    pointer-events: auto;
    opacity: 1;
    -webkit-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1)
}

@media only screen and (min-width: 992px) {
    .c-assistant-chat__panel {
        bottom: 20px;
        right: 30px;
        width: 768px;
        height: auto;
        border-radius: 14px;
        border: 1px solid #e3e3e3;
        overflow: hidden;
        -webkit-transform: translate(30px, 20px) scale(0.8);
        -ms-transform: translate(30px, 20px) scale(0.8);
        transform: translate(30px, 20px) scale(0.8);
        -webkit-transform-origin: bottom right;
        -ms-transform-origin: bottom right;
        transform-origin: bottom right;
        -webkit-transition: all .7s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        transition: all .7s cubic-bezier(0.175, 0.885, 0.32, 1.275)
    }

    .c-assistant-chat__panel[data-active=true] {
        -webkit-transform: translate(0, 0) scale(1);
        -ms-transform: translate(0, 0) scale(1);
        transform: translate(0, 0) scale(1)
    }
}

.c-assistant-chat__panel-header {
    height: 66px;
    background-color: #00527C;
    background-color: var(--s-color-brand-dark);
    padding: 0 20px;
    color: #fff
}

.c-assistant-chat__panel-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    gap: 10px;
    height: calc(100% - 236px);
    overflow-y: auto;
    padding: 20px;
    -webkit-box-shadow: inset 0 -10px 10px -10px rgba(0, 0, 0, .08);
    box-shadow: inset 0 -10px 10px -10px rgba(0, 0, 0, .08)
}

@media only screen and (min-width: 992px) {
    .c-assistant-chat__panel-content {
        height: auto;
        max-height: calc(55vh - 176px)
    }
}

.c-assistant-chat__panel-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
    padding: 10px 20px;
    color: #1e293b
}

.c-assistant-chat__message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    gap: 10px;
    width: 100%
}

.c-assistant-chat__message--bot .c-assistant-chat__message-icon:after {
    content: "";
    position: absolute;
    top: calc(100% - 10px);
    left: calc(100% - 10px);
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid #fff;
    background-color: #6dc151
}

.c-assistant-chat__message--user {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.c-assistant-chat__message--user .c-assistant-chat__message-icon {
    background-color: #f7f7f7;
    border-color: rgba(0, 0, 0, 0)
}

.c-assistant-chat__message--user .c-assistant-chat__message-bubble {
    background-color: #00527C;
    background-color: var(--s-color-brand-dark);
    border-color: rgba(0, 0, 0, 0);
    color: #fff
}

.c-assistant-chat__message-icon {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: #00527C;
    color: var(--s-color-brand-dark);
    border-radius: 50%;
    border: 2px solid #00527C;
    border: 2px solid var(--s-color-brand-dark);
    -webkit-transition: all .7s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all .7s cubic-bezier(0.175, 0.885, 0.32, 1.275)
}

.c-assistant-chat__message-icon--loader {
    border-color: rgba(0, 0, 0, 0)
}

.c-assistant-chat__message-icon--loader:after {
    content: none !important
}

.c-assistant-chat__message-bubble {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
    background-color: #fff;
    border: 1px solid #f7f7f7;
    padding: 10px;
    min-height: 40px;
    border-radius: 14px;
    color: #1e293b;
    line-height: 1.2;
    -webkit-transition: all .7s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all .7s cubic-bezier(0.175, 0.885, 0.32, 1.275)
}

@media only screen and (min-width: 600px) {
    .c-assistant-chat__message-bubble {
        padding: 15px
    }
}

.c-assistant-chat__message-bubble-loader {
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0);
    -webkit-box-shadow: none;
    box-shadow: none
}

.c-assistant-chat__message-bubble-phrase {
    position: relative;
    width: 100%;
    height: 20px
}

.c-assistant-chat__message-bubble-phrase span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px)
}

.c-assistant-chat__message-bubble-phrase span:nth-child(1) {
    -webkit-animation: chat-loading-phrase-1 15s linear 1;
    animation: chat-loading-phrase-1 15s linear 1
}

.c-assistant-chat__message-bubble-phrase span:nth-child(2) {
    -webkit-animation: chat-loading-phrase-2 15s linear 1;
    animation: chat-loading-phrase-2 15s linear 1
}

.c-assistant-chat__message-bubble-phrase span:nth-child(3) {
    -webkit-animation: chat-loading-phrase-3 15s linear 1;
    animation: chat-loading-phrase-3 15s linear 1
}

.c-assistant-chat__message-bubble-phrase span:nth-child(4) {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation: chat-loading-phrase-4 15s linear 1;
    animation: chat-loading-phrase-4 15s linear 1
}

.c-assistant-chat__input {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5px;
    width: 100%
}

.c-assistant-chat__input-field {
    width: 100%;
    padding: 15px;
    border: 1px solid #f7f7f7;
    border-radius: 14px;
    background-color: #fff;
    color: #1e293b;
    font-size: 16px;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .07) !important;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .07) !important;
    max-height: 123px
}

@media only screen and (min-width: 992px) {
    .c-assistant-chat__input-field {
        padding-right: 120px
    }
}

.c-assistant-chat__input-field:hover,
.c-assistant-chat__input-field:active,
.c-assistant-chat__input-field:focus:active {
    border-color: #00527C !important;
    border-color: var(--s-color-brand-dark) !important
}

.c-assistant-chat__input-field.ui-state-focus,
.c-assistant-chat__input-field.ui-state-hover {
    border-color: #00527C !important;
    border-color: var(--s-color-brand-dark) !important
}

.c-assistant-chat__input-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 5px;
    width: 100%;
    padding: 10px 15px;
    background-color: #00527C;
    background-color: var(--s-color-brand-dark);
    border-radius: 14px;
    color: #fff;
    font-weight: 700
}

.c-assistant-chat__input-btn:hover,
.c-assistant-chat__input-btn:active,
.c-assistant-chat__input-btn:focus:active {
    color: #fff;
    background-color: rgb(calc(0 + 33 * 0.9), calc(0 + 33 * 0.9), calc(0 + 33 * 0.9));
    background-color: rgb(calc(0 + var(--s-color-brand-dark-red, 33) * 0.9), calc(0 + var(--s-color-brand-dark-green, 33) * 0.9), calc(0 + var(--s-color-brand-dark-blue, 33) * 0.9))
}

@media only screen and (min-width: 992px) {
    .c-assistant-chat__input-btn {
        position: absolute;
        right: 7px;
        bottom: 7px;
        width: auto
    }
}

@-webkit-keyframes chat-loading-phrase-1 {
    0% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
        opacity: 0
    }

    2% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    23% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    25% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
        opacity: 0
    }
}

@keyframes chat-loading-phrase-1 {
    0% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
        opacity: 0
    }

    2% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    23% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    25% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
        opacity: 0
    }
}

@-webkit-keyframes chat-loading-phrase-2 {
    0% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
        opacity: 0
    }

    25% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
        opacity: 0
    }

    27% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    48% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    50% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
        opacity: 0
    }
}

@keyframes chat-loading-phrase-2 {
    0% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
        opacity: 0
    }

    25% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
        opacity: 0
    }

    27% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    48% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    50% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
        opacity: 0
    }
}

@-webkit-keyframes chat-loading-phrase-3 {
    0% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
        opacity: 0
    }

    50% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
        opacity: 0
    }

    52% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    73% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    75% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
        opacity: 0
    }
}

@keyframes chat-loading-phrase-3 {
    0% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
        opacity: 0
    }

    50% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
        opacity: 0
    }

    52% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    73% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    75% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
        opacity: 0
    }
}

@-webkit-keyframes chat-loading-phrase-4 {
    0% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
        opacity: 0
    }

    75% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
        opacity: 0
    }

    77% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes chat-loading-phrase-4 {
    0% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
        opacity: 0
    }

    75% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
        opacity: 0
    }

    77% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes chat-tooltip {
    0% {
        -webkit-transform: translateX(-20px) translateY(20px) scale(0.5);
        transform: translateX(-20px) translateY(20px) scale(0.5);
        opacity: 0;
        pointer-events: none
    }

    10% {
        -webkit-transform: translateX(-20px) translateY(20px) scale(0.5);
        transform: translateX(-20px) translateY(20px) scale(0.5);
        opacity: 0;
        pointer-events: none
    }

    15% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
        transform: translateX(0) translateY(0) scale(1);
        opacity: 1;
        pointer-events: all
    }

    95% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
        transform: translateX(0) translateY(0) scale(1);
        opacity: 1;
        pointer-events: all
    }

    100% {
        -webkit-transform: translateX(-20px) translateY(20px) scale(0.5);
        transform: translateX(-20px) translateY(20px) scale(0.5);
        opacity: 0;
        pointer-events: none
    }
}

@keyframes chat-tooltip {
    0% {
        -webkit-transform: translateX(-20px) translateY(20px) scale(0.5);
        transform: translateX(-20px) translateY(20px) scale(0.5);
        opacity: 0;
        pointer-events: none
    }

    10% {
        -webkit-transform: translateX(-20px) translateY(20px) scale(0.5);
        transform: translateX(-20px) translateY(20px) scale(0.5);
        opacity: 0;
        pointer-events: none
    }

    15% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
        transform: translateX(0) translateY(0) scale(1);
        opacity: 1;
        pointer-events: all
    }

    95% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
        transform: translateX(0) translateY(0) scale(1);
        opacity: 1;
        pointer-events: all
    }

    100% {
        -webkit-transform: translateX(-20px) translateY(20px) scale(0.5);
        transform: translateX(-20px) translateY(20px) scale(0.5);
        opacity: 0;
        pointer-events: none
    }
}

.c-smartnotes__button {
    position: fixed;
    z-index: 9;
    bottom: 0;
    left: 0;
    background-color: #00527C;
    background-color: var(--s-color-brand-dark);
    color: #fff;
    border-radius: 0 20px 0 0;
    border-top: 1px solid hsla(0, 0%, 100%, .1);
    border-left: 1px solid hsla(0, 0%, 100%, .1);
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15);
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.c-smartnotes__button--hidden {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.c-smartnotes__button-element {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
    padding: 10px 10px 5px 10px
}

.c-smartnotes__panel {
    position: fixed;
    z-index: 9999;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f8fafc;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .07);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .07);
    display: none;
    pointer-events: none;
    opacity: 0;
    -webkit-transform: translate(30px, 0) scale(0.8);
    -ms-transform: translate(30px, 0) scale(0.8);
    transform: translate(30px, 0) scale(0.8);
    -webkit-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out
}

.c-smartnotes__panel[data-active=true] {
    pointer-events: auto;
    opacity: 1;
    -webkit-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1)
}

@media only screen and (min-width: 992px) {
    .c-smartnotes__panel {
        bottom: 20px;
        left: 30px;
        width: min(1200px, 100vw - 60px);
        height: auto;
        border-radius: 14px;
        border: 1px solid #e3e3e3;
        overflow: hidden;
        -webkit-transform: translate(30px, 20px) scale(0.8);
        -ms-transform: translate(30px, 20px) scale(0.8);
        transform: translate(30px, 20px) scale(0.8);
        -webkit-transform-origin: bottom left;
        -ms-transform-origin: bottom left;
        transform-origin: bottom left;
        -webkit-transition: all .7s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        transition: all .7s cubic-bezier(0.175, 0.885, 0.32, 1.275)
    }

    .c-smartnotes__panel[data-active=true] {
        -webkit-transform: translate(0, 0) scale(1);
        -ms-transform: translate(0, 0) scale(1);
        transform: translate(0, 0) scale(1)
    }
}

.c-smartnotes__panel-header {
    height: 66px;
    background-color: #00527C;
    background-color: var(--s-color-brand-dark);
    padding: 0 20px;
    color: #fff
}

.c-smartnotes__panel-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    gap: 10px;
    height: calc(100% - 236px);
    overflow-y: auto;
    padding: 20px;
    -webkit-box-shadow: inset 0 -10px 10px -10px rgba(0, 0, 0, .08);
    box-shadow: inset 0 -10px 10px -10px rgba(0, 0, 0, .08)
}

@media only screen and (min-width: 992px) {
    .c-smartnotes__panel-content {
        height: auto;
        max-height: calc(100vh - 500px)
    }
}

.c-smartnotes__panel-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
    height: 170px;
    padding: 0 20px;
    color: #1e293b
}

@media only screen and (min-width: 992px) {
    .c-smartnotes__panel-footer {
        height: 110px
    }
}

.c-smartnotes__panel--dark {
    background-color: #1e2131
}

.c-smartnotes__panel--dark .c-smartnotes__message:not(.c-smartnotes__message--user) .c-smartnotes__message-icon {
    color: #fff;
    border-color: #fff
}

.c-smartnotes__panel--dark .c-smartnotes__message:not(.c-smartnotes__message--user) .c-smartnotes__message-bubble {
    background-color: #00527C;
    background-color: var(--s-color-brand-dark);
    color: #fff;
    border-color: rgba(0, 0, 0, 0)
}

.c-smartnotes__panel--dark .c-smartnotes__message-bubble-dot {
    background-color: #fff
}

.c-smartnotes__panel--dark .c-smartnotes__panel-footer {
    color: #fff
}

.c-smartnotes__message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    gap: 10px;
    width: 100%
}

.c-smartnotes__message--bot .c-smartnotes__message-icon:after {
    content: "";
    position: absolute;
    top: calc(100% - 10px);
    left: calc(100% - 10px);
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid #fff;
    background-color: #6dc151
}

.c-smartnotes__message--user {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.c-smartnotes__message--user .c-smartnotes__message-icon {
    background-color: #f7f7f7;
    border-color: rgba(0, 0, 0, 0)
}

.c-smartnotes__message--user .c-smartnotes__message-bubble {
    background-color: #00527C;
    background-color: var(--s-color-brand-dark);
    border-color: rgba(0, 0, 0, 0);
    color: #fff
}

.c-smartnotes__message-icon {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: #00527C;
    color: var(--s-color-brand-dark);
    border-radius: 50%;
    border: 2px solid #00527C;
    border: 2px solid var(--s-color-brand-dark);
    -webkit-transition: all .7s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all .7s cubic-bezier(0.175, 0.885, 0.32, 1.275)
}

.c-smartnotes__message-bubble {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
    background-color: #fff;
    border: 1px solid #f7f7f7;
    padding: 10px;
    min-height: 40px;
    border-radius: 14px;
    color: #1e293b;
    line-height: 1.2;
    -webkit-transition: all .7s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all .7s cubic-bezier(0.175, 0.885, 0.32, 1.275)
}

@media only screen and (min-width: 600px) {
    .c-smartnotes__message-bubble {
        padding: 15px
    }
}

.c-smartnotes__message-bubble-dots {
    padding-top: 0;
    padding-bottom: 0
}

.c-smartnotes__message-bubble-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #1e293b;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .7s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all .7s cubic-bezier(0.175, 0.885, 0.32, 1.275)
}

.c-smartnotes__message-bubble-dot:nth-child(1) {
    -webkit-animation: bounceAssistantDot 1s infinite ease-in-out 0s;
    animation: bounceAssistantDot 1s infinite ease-in-out 0s
}

.c-smartnotes__message-bubble-dot:nth-child(2) {
    -webkit-animation: bounceAssistantDot 1s infinite ease-in-out .25s;
    animation: bounceAssistantDot 1s infinite ease-in-out .25s
}

.c-smartnotes__message-bubble-dot:nth-child(3) {
    -webkit-animation: bounceAssistantDot 1s infinite ease-in-out .5s;
    animation: bounceAssistantDot 1s infinite ease-in-out .5s
}

.c-smartnotes__input {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5px;
    width: 100%
}

.c-smartnotes__input-field {
    width: 100%;
    padding: 15px;
    border: 1px solid #f7f7f7;
    border-radius: 14px;
    background-color: #fff;
    color: #1e293b;
    font-size: 16px;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .07) !important;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .07) !important
}

.c-smartnotes__input-field:hover,
.c-smartnotes__input-field:active,
.c-smartnotes__input-field:focus:active {
    border-color: #00527C !important;
    border-color: var(--s-color-brand-dark) !important
}

.c-smartnotes__input-field.ui-state-focus,
.c-smartnotes__input-field.ui-state-hover {
    border-color: #00527C !important;
    border-color: var(--s-color-brand-dark) !important
}

.c-smartnotes__input-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 5px;
    width: 100%;
    padding: 10px 15px;
    background-color: #00527C;
    background-color: var(--s-color-brand-dark);
    border-radius: 14px;
    color: #fff;
    font-weight: 700
}

.c-smartnotes__input-btn:hover,
.c-smartnotes__input-btn:active,
.c-smartnotes__input-btn:focus:active {
    color: #fff;
    background-color: rgb(calc(0 + 33 * 0.9), calc(0 + 33 * 0.9), calc(0 + 33 * 0.9));
    background-color: rgb(calc(0 + var(--s-color-brand-dark-red, 33) * 0.9), calc(0 + var(--s-color-brand-dark-green, 33) * 0.9), calc(0 + var(--s-color-brand-dark-blue, 33) * 0.9))
}

@media only screen and (min-width: 992px) {
    .c-smartnotes__input-btn {
        position: absolute;
        right: 7px;
        top: calc(50% - 20px);
        width: auto
    }
}

@-webkit-keyframes bounceAssistantDot {
    0% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }

    50% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px)
    }

    100% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }
}

@keyframes bounceAssistantDot {
    0% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }

    50% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px)
    }

    100% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }
}

.c-groups.c-trip-planner .c-groups-coach .c-route-list__element--routing-footer {
    margin-bottom: 15px
}

@media only screen and (min-width: 992px) {
    .c-groups.c-trip-planner .c-groups-coach {
        margin-left: 40px
    }
}

.c-groups__dispo-mp__container {
    padding-top: 30px;
    padding-bottom: 30px
}

@media only screen and (max-width: 991px) {
    .c-groups__dispo-mp__container .c-groups__dispo-mp__everyday {
        font-weight: 700
    }
}

@media only screen and (min-width: 992px) {
    .c-groups__dispo-mp__container {
        padding-left: 30px;
        padding-right: 30px
    }
}

.c-groups .passenger-row-marked-for-removal,
.c-groups .passenger-row-marked-to-add {
    background-color: rgba(247, 168, 39, .1) !important;
    border-left: 3px solid #f7a827
}

.c-groups .c-tab-buttons .c-tab-button:hover,
.c-groups .c-tab-buttons .c-tab-button:active,
.c-groups .c-tab-buttons .c-tab-button:focus:active {
    background-color: #fff;
    -webkit-box-shadow: 0 0 22px 0 rgba(0, 0, 0, .07);
    box-shadow: 0 0 22px 0 rgba(0, 0, 0, .07)
}

.c-groups .c-tab-buttons .c-tab-button.c-tab-button--active {
    background-color: #fff;
    -webkit-box-shadow: 0 0 22px 0 rgba(0, 0, 0, .07);
    box-shadow: 0 0 22px 0 rgba(0, 0, 0, .07);
    color: #0472AA;
    color: var(--s-color-brand-primary)
}

@media only screen and (min-width: 992px) {
    .c-groups.c-groups-brochure {
        margin-top: -20px
    }
}

.Groups .c-groups__travelroute .c-groups__travelroute__title {
    max-width: 250px
}

.payment .c-groups__travelroute .c-groups__travelroute__title {
    max-width: 200px
}

.c-card--group .c-card__title {
    white-space: nowrap
}

.sb-main--hotel-landing {
    padding: 20px !important
}

@media only screen and (min-width: 768px) {
    .sb-main--hotel-landing .home-search-col {
        width: 50% !important
    }
}

@media only screen and (min-width: 1200px) {
    .sb-main--hotel-landing .home-search-col {
        width: 25% !important
    }
}

@media only screen and (min-width: 1200px) {
    .sb-main {
        padding: 0 20px
    }

    .sb-main__box {
        max-width: 1460px;
        margin: 0 auto;
        border-radius: 10px;
        padding: 0 20px
    }
}

.sb-main .box-welcome2 {
    position: relative
}

.sb-main__user {
    background-color: rgba(0, 0, 0, .05)
}

@media only screen and (min-width: 1200px) {
    .sb-main__user {
        margin: 0 -20px;
        padding: 0 20px
    }
}

.sb-main__user-wrapper {
    max-width: 1400px;
    margin: 0 auto
}

.sb-main__user-btn {
    color: #0472AA;
    color: var(--s-color-brand-primary);
    border-color: #0472AA;
    border-color: var(--s-color-brand-primary);
    background-color: rgba(0, 0, 0, 0)
}

.sb-main__user-btn:hover,
.sb-main__user-btn:active,
.sb-main__user-btn:focus:active {
    color: #fff;
    border-color: #0472AA;
    border-color: var(--s-color-brand-primary);
    background-color: #0472AA;
    background-color: var(--s-color-brand-primary)
}

@media only screen and (min-width: 1200px) {
    .sb-main .box-home-search {
        max-width: 1400px;
        margin: 0 auto
    }
}

.sb-main__loader {
    border-radius: 10px
}

.sb-main__check {
    font-size: 13px
}

.sb-main__check i {
    font-size: 17px
}

.sb-main .terms-use {
    font-size: 14px;
    color: #393939
}

.sb-main .sb-transport-remove {
    margin-top: -20px;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.sb-main .sb-transport-trip-types__item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2px 0
}

.sb-main .sb-transport-trip-types__label {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
    line-height: 1.7
}

@media only screen and (max-width: 599px) {
    .sb-main .sb-transport-trip-types__label {
        line-height: 1.3
    }
}

.sb-main .sb-transport-trip-types__radio .ui-radiobutton-box {
    border-width: 1px;
    border-color: #a2a2a2;
    background-color: rgba(0, 0, 0, 0);
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.sb-main .sb-transport-trip-types__radio .ui-radiobutton-box.ui-state-hover {
    border-color: #a2a2a2
}

.sb-main .sb-transport-trip-types__radio .ui-radiobutton-box.ui-state-active {
    border-color: #a2a2a2;
    background-color: rgba(0, 0, 0, 0)
}

.sb-main .sb-transport-trip-types__radio .ui-radiobutton-box.ui-state-active .ui-icon-bullet {
    background-color: #0472AA;
    background-color: var(--s-color-brand-primary)
}

.sb-main .c-loader__circle {
    stroke: #0472AA;
    stroke: var(--s-color-brand-primary)
}

.sb-main .c-button.continuar {
    color: #fff !important;
    border-color: rgba(0, 0, 0, 0) !important;
    background-color: #5e6c5b !important;
    min-height: 42px
}

.sb-main .c-button.continuar:hover,
.sb-main .c-button.continuar:active,
.sb-main .c-button.continuar:focus:active {
    color: #fff !important;
    border-color: rgba(0, 0, 0, 0) !important;
    background-color: rgb(79.9, 91.8, 77.35) !important
}

.sb-main .c-button.multibtn {
    min-height: 42px;
    border-color: #a2a2a2
}

.sb-main .c-button.multibtn:hover,
.sb-main .c-button.multibtn:active,
.sb-main .c-button.multibtn:focus:active {
    background-color: rgba(78, 78, 78, .1) !important
}

@media only screen and (min-width: 768px) {
    .sb-main .reposition--bottom {
        position: absolute;
        z-index: 1;
        top: 100%;
        left: 0
    }

    body.rtl .sb-main .reposition--bottom {
        left: auto;
        right: 0
    }
}

@media only screen and (min-width: 1200px) {
    [data-model=default] .c-hero-screen__header {
        top: calc(50% - 83px);
        text-align: left
    }

    body.rtl [data-model=default] .c-hero-screen__header {
        text-align: right
    }

    [data-model=default] .c-hero-screen__header h1,
    [data-model=default] .c-hero-screen__header h2 {
        margin: 0 !important
    }
}

@media only screen and (min-width: 1200px)and (min-width: 1500px) {
    [data-model=default] .c-hero-screen__header {
        top: calc(50% - 107px)
    }
}

@media only screen and (min-width: 1200px) {
    [data-model=default] .c-hero-screen__image {
        padding-top: 28%
    }
}

@media only screen and (min-width: 1200px)and (min-width: 1500px) {
    [data-model=default] .c-hero-screen__image {
        padding-top: 30%
    }
}

@media only screen and (min-width: 1200px)and (min-width: 1800px) {
    [data-model=default] .c-hero-screen__image {
        height: 650px;
        padding-top: 0;
        padding-top: initial
    }
}

@media only screen and (min-width: 1200px)and (min-width: 1200px) {
    [data-model=default] .c-hero-screen__engine {
        margin-bottom: 20px
    }
}

@media only screen and (min-width: 1200px)and (min-width: 1500px) {
    [data-model=default] .c-hero-screen__engine {
        margin-bottom: 40px
    }
}

@media only screen and (min-width: 1200px) {
    [data-model=default] .sb-main__box {
        max-width: 1530px;
        margin: -166px auto 0
    }
}

@media only screen and (min-width: 1200px)and (min-width: 1200px) {
    [data-model=default] .sb-main__box {
        -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, .15);
        box-shadow: 0 0 40px rgba(0, 0, 0, .15)
    }
}

@media only screen and (min-width: 1200px)and (min-width: 1500px) {
    [data-model=default] .sb-main__box {
        margin: -215px auto 0
    }
}

@media only screen and (min-width: 1200px) {
    [data-model=default][data-tabs=horizontal] .c-hero-screen__header {
        top: calc(50% - 60px)
    }
}

@media only screen and (min-width: 1200px)and (min-width: 1500px) {
    [data-model=default][data-tabs=horizontal] .c-hero-screen__header {
        top: calc(50% - 80px)
    }
}

@media only screen and (min-width: 1200px) {
    [data-model=default][data-tabs=horizontal] .sb-main__box {
        margin: -140px auto 0
    }
}

@media only screen and (min-width: 1200px)and (min-width: 1500px) {
    [data-model=default][data-tabs=horizontal] .sb-main__box {
        margin: -180px auto 0
    }
}

@media only screen and (min-width: 1200px) {
    [data-model=default][data-size=fullscreen] .c-hero-screen__image {
        height: 100%
    }
}

@media only screen and (min-width: 1200px) {
    [data-model*=float] .c-hero-screen__wrapper {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        padding: 60px 0;
        min-height: 600px
    }
}

@media only screen and (min-width: 1200px)and (min-width: 1500px) {
    [data-model*=float] .c-hero-screen__wrapper {
        min-height: 650px
    }
}

@media only screen and (min-width: 1200px)and (min-width: 1800px) {
    [data-model*=float] .c-hero-screen__wrapper {
        min-height: 700px
    }
}

@media only screen and (min-width: 1200px) {
    [data-model*=float] .c-hero-screen__media {
        position: static
    }

    [data-model*=float] .c-hero-screen__image {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 600px;
        padding-top: 0;
        padding-top: initial
    }
}

@media only screen and (min-width: 1200px)and (min-width: 1500px) {
    [data-model*=float] .c-hero-screen__image {
        height: 650px
    }
}

@media only screen and (min-width: 1200px)and (min-width: 1800px) {
    [data-model*=float] .c-hero-screen__image {
        height: 700px
    }
}

@media only screen and (min-width: 1200px) {
    [data-model*=float] .c-hero-screen__header {
        position: relative;
        top: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        padding: 0 40px 40px
    }
}

@media only screen and (min-width: 1200px)and (min-width: 1500px) {
    [data-model*=float] .c-hero-screen__header {
        padding: 0 40px 60px
    }
}

@media only screen and (min-width: 1200px)and (min-width: 1200px) {
    [data-model*=float] .c-hero-screen__header__wrapper {
        text-align: center
    }
}

@media only screen and (min-width: 1200px) {
    [data-model=floatbottom] .c-hero-screen__wrapper {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end
    }
}

@media only screen and (min-width: 1200px) {
    [data-model*=fullwidth] .c-hero-screen__header {
        text-align: center
    }

    [data-model*=fullwidth] .c-hero-screen__header h1,
    [data-model*=fullwidth] .c-hero-screen__header h2 {
        margin: 0 auto !important
    }
}

@media only screen and (min-width: 1200px)and (min-width: 1200px) {
    [data-model*=fullwidth] .c-hero-screen__image {
        padding-top: 28%
    }
}

@media only screen and (min-width: 1200px)and (min-width: 1500px) {
    [data-model*=fullwidth] .c-hero-screen__image {
        padding-top: 26%
    }
}

@media only screen and (min-width: 1200px) {
    [data-model*=fullwidth] .sb-main {
        padding: 0
    }

    [data-model*=fullwidth] .sb-main__box {
        border-radius: 0;
        max-width: 100%
    }

    [data-model*=fullwidth][data-size=fullscreen] .c-hero-screen__wrapper {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column
    }

    [data-model*=fullwidth][data-size=fullscreen] .c-hero-screen__media {
        position: static
    }

    [data-model*=fullwidth][data-size=fullscreen] .c-hero-screen__image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding-top: 0;
        padding-top: initial
    }

    [data-model*=fullwidth][data-size=fullscreen] .c-hero-screen__header {
        position: relative;
        top: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        padding: 50px 40px 60px
    }
}

@media only screen and (min-width: 1200px)and (min-width: 1200px) {
    [data-model=fullwidth][data-size=fixed] .c-hero-screen__engine {
        margin-bottom: 20px
    }
}

@media only screen and (min-width: 1200px)and (min-width: 1500px) {
    [data-model=fullwidth][data-size=fixed] .c-hero-screen__engine {
        margin-bottom: 40px
    }
}

@media only screen and (min-width: 1200px) {
    [data-model=fullwidthtop] .c-hero-screen__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    [data-model=fullwidthtop][data-size=fullscreen] .c-hero-screen__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    [data-model=fullwidthtop][data-size=fullscreen] .c-hero-screen__header {
        padding: 40px 40px
    }
}

@media only screen and (min-width: 1200px)and (min-width: 1800px) {
    [data-model=fullwidthtop][data-size=fullscreen] .c-hero-screen__header {
        padding: 60px 40px
    }
}

@media only screen and (min-width: 1200px) {
    [data-model=fullwidthoverlaybottom] .c-hero-screen__wrapper {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        padding: 60px 0 0;
        min-height: 600px
    }
}

@media only screen and (min-width: 1200px)and (min-width: 1500px) {
    [data-model=fullwidthoverlaybottom] .c-hero-screen__wrapper {
        min-height: 650px
    }
}

@media only screen and (min-width: 1200px) {
    [data-model=fullwidthoverlaybottom] .c-hero-screen__media {
        position: static
    }

    [data-model=fullwidthoverlaybottom] .c-hero-screen__image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 600px;
        padding-top: 0;
        padding-top: initial
    }
}

@media only screen and (min-width: 1200px)and (min-width: 1500px) {
    [data-model=fullwidthoverlaybottom] .c-hero-screen__image {
        height: 650px
    }
}

@media only screen and (min-width: 1200px) {
    [data-model=fullwidthoverlaybottom] .c-hero-screen__header {
        position: relative;
        top: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        padding: 0 40px 60px
    }
}

[data-model=fullwidthwithoutmedia] .c-hero-screen__wrapper {
    min-height: 0 !important;
    min-height: initial !important;
    height: auto !important
}

[data-model=fullwidthwithoutmedia] .c-hero-screen__media {
    display: none
}

.c-magic-box__page {
    overflow: hidden;
    font-family: "Ubuntu", sans-serif
}

.c-magic-box__page.no-scroll {
    background: rgba(0, 0, 0, 0)
}

.c-magic-box__page.no-scroll .c-magic-box__banner {
    opacity: 0
}

.c-magic-box__dialog {
    width: 100%;
    max-width: 960px;
    background-color: #fff
}

@media only screen and (max-width: 991px) {
    .c-magic-box__dialog {
        margin: 20px 0
    }
}

.c-magic-box__button-close {
    top: 20px;
    right: 20px;
    position: absolute;
    z-index: 10
}

.c-magic-box__img-wrapper {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 0;
    border-radius: 8px;
    overflow: hidden
}

.c-magic-box__img-wrapper img {
    position: relative;
    z-index: 1
}

.c-magic-box__img-wrapper:before {
    content: " ";
    z-index: 2;
    display: block;
    width: auto;
    height: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    background-color: rgba(57, 57, 57, .6)
}

.c-magic-box__img-wrapper--hasnt-img:before {
    opacity: 1
}

.c-magic-box__type {
    width: 100%;
    background-color: #fff;
    max-width: 35px;
    min-height: 40px;
    height: 40px
}

@media only screen and (min-width: 992px) {
    .c-magic-box__type {
        min-height: 60px;
        height: 60px;
        max-width: 50px
    }
}

.c-magic-box__service {
    display: inline-block
}

.c-magic-box__service,
.c-magic-box__service label {
    cursor: pointer
}

.c-magic-box__service__checkbox {
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    width: 77px;
    min-width: 77px;
    max-width: 77px;
    height: 77px;
    min-height: 77px;
    max-height: 77px;
    border-radius: 770px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    border: 3px solid #0472AA;
    border: 3px solid var(--s-color-brand-primary);
    padding: 0;
    margin: 0
}

.c-magic-box__service:hover .c-magic-box__service__checkbox {
    background-color: hsla(0, 0%, 100%, .5);
    border-color: rgba(#0472AA, 0.6);
    border-color: rgba(var(--s-color-brand-primary), 0.6)
}

.c-magic-box__service__icon {
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    color: #0472AA;
    color: var(--s-color-brand-primary)
}

.c-magic-box__service:hover .c-magic-box__service__icon {
    color: rgba(#0472AA, 0.6);
    color: rgba(var(--s-color-brand-primary), 0.6)
}

.c-magic-box__service__check {
    position: absolute;
    top: 0;
    right: -6px;
    width: 26px;
    height: 26px;
    border-radius: 260px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    font-size: 12px;
    color: #fff;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.c-magic-box__service__check--on {
    z-index: 1;
    background-color: #6dc151
}

.c-magic-box__service__check--off {
    z-index: 2;
    background-color: #e01d1d
}

.c-magic-box__service--not-selected .c-magic-box__service__check--off {
    opacity: 1
}

.c-magic-box__service--selected .c-magic-box__service__check--off {
    opacity: 0
}

.c-magic-box__service__input {
    content: " ";
    z-index: 0 !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    top: -9999px !important;
    left: -9999px !important;
    position: fixed !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
    opacity: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    pointer-events: none !important;
    display: inline !important
}

@-webkit-keyframes transport-title {
    0% {
        left: 12px;
        opacity: 0
    }

    30% {
        opacity: 1
    }

    70% {
        opacity: 1
    }

    100% {
        left: 95%;
        opacity: 0
    }
}

@keyframes transport-title {
    0% {
        left: 12px;
        opacity: 0
    }

    30% {
        opacity: 1
    }

    70% {
        opacity: 1
    }

    100% {
        left: 95%;
        opacity: 0
    }
}

@-webkit-keyframes transport-title--rtl {
    0% {
        right: 12px;
        opacity: 0
    }

    30% {
        opacity: 1
    }

    70% {
        opacity: 1
    }

    100% {
        right: 95%;
        opacity: 0
    }
}

@keyframes transport-title--rtl {
    0% {
        right: 12px;
        opacity: 0
    }

    30% {
        opacity: 1
    }

    70% {
        opacity: 1
    }

    100% {
        right: 95%;
        opacity: 0
    }
}

.c-transport-title {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    margin-bottom: 10px
}

.c-transport-title>* {
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

.c-transport-title__scheme {
    height: 20px;
    position: relative;
    width: 100%;
    margin: 0
}

.c-transport-title__scheme::after {
    content: " ";
    z-index: 0;
    display: block;
    width: auto;
    width: initial;
    height: 2px;
    top: 50%;
    right: 18px;
    left: 18px;
    position: absolute;
    border-radius: 2px;
    margin-top: -1px;
    background-color: rgba(221, 221, 221, 0);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(221, 221, 221, 0)), color-stop(30%, rgb(221, 221, 221)), color-stop(70%, rgb(221, 221, 221)), to(rgba(221, 221, 221, 0)));
    background-image: linear-gradient(to right, rgba(221, 221, 221, 0) 0, rgb(221, 221, 221) 30%, rgb(221, 221, 221) 70%, rgba(221, 221, 221, 0) 100%)
}

.c-transport-title__point {
    width: 10px;
    height: 10px;
    border-radius: 100px;
    position: absolute;
    z-index: 2;
    top: 50%;
    margin-top: -5px;
    border-style: solid;
    border-width: 2px
}

.c-transport-title__point--departure {
    left: 0
}

body.rtl .c-transport-title__point--departure {
    left: auto;
    left: initial;
    right: 0
}

.c-transport-title__point--arrival {
    right: 0
}

body.rtl .c-transport-title__point--arrival {
    right: auto;
    right: initial;
    left: 0
}

.c-transport-title__icon {
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    -webkit-animation: transport-title 12s linear 0s infinite normal;
    animation: transport-title 12s linear 0s infinite normal;
    width: 20px;
    height: 20px;
    border-radius: 200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    background-color: #fff;
    position: absolute;
    z-index: 1;
    font-size: 12px
}

body.rtl .c-transport-title__icon {
    -webkit-animation-name: transport-title--rtl;
    animation-name: transport-title--rtl
}

.c-transport-title__name {
    font-weight: bold;
    text-align: center
}

@media only screen and (min-width: 600px) {
    .c-transport-title__name {
        text-align: left;
        text-align: initial;
        max-width: 49%;
        white-space: nowrap
    }

    .c-transport-title__name:last-child {
        text-align: right
    }
}

.c-transport-title__name small {
    color: #c2c2c2;
    font-size: 12px;
    font-weight: normal
}

@media only screen and (min-width: 600px) {
    .c-transport-title {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: end
    }
}

@media only screen and (min-width: 992px) {
    .c-transport-title {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: end
    }
}

.c-transport-title--desactive .c-transport-title__icon {
    position: absolute;
    left: 50%;
    margin-left: -10px;
    -webkit-animation: none;
    animation: none
}

.c-transport-title--lg .c-transport-title__name {
    font-size: 16px
}

@media only screen and (min-width: 600px) {
    .c-transport-title--lg .c-transport-title__name {
        font-size: 20px
    }
}

.c-transport-title--vertical {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.c-transport-title--vertical .c-transport-title__scheme {
    min-width: 100%
}

@media only screen and (min-width: 600px) {
    .c-transport-title--vertical .c-transport-title__scheme {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
}

.c-transport-title--horizontal {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (min-width: 600px) {
    .c-transport-title--horizontal {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

@media only screen and (min-width: 768px)and (max-width: 991px) {
    .c-transport-title {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-pack: initial;
        -ms-flex-pack: initial;
        justify-content: initial;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .c-transport-title__name {
        -ms-flex-item-align: initial;
        align-self: initial
    }

    .c-transport-title__name,
    .c-transport-title__name:last-child {
        max-width: 100%;
        text-align: center
    }

    .c-transport-title--vertical .c-transport-title__scheme {
        -webkit-box-ordinal-group: initial;
        -ms-flex-order: initial;
        order: initial
    }
}

.c-destination-heading {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    color: #fff;
    min-height: 240px
}

.c-destination-heading.c-destination-heading--small {
    min-height: 140px
}

.c-destination-heading.c-destination-heading--extra-small {
    min-height: 90px
}

.c-destination-heading__img {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 0;
    height: 100%;
    display: block
}

.c-destination-heading__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    max-height: none
}

.has-image .c-destination-heading__img {
    position: relative;
    position: absolute
}

.has-image .c-destination-heading__img::after {
    content: " ";
    z-index: 0;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.c-destination-heading--info {
    color: #f7a827
}

.c-destination-heading__main {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
    padding: 20px;
    min-height: 240px
}

.c-destination-heading--small .c-destination-heading__main {
    min-height: 140px
}

.c-destination-heading--extra-small .c-destination-heading__main {
    min-height: 90px
}

body.rtl .c-destination-heading__main {
    padding-left: 20px;
    padding-right: 40px
}

.c-destination-heading__main>* {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1
}

.c-destination-heading__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

@media only screen and (min-width: 600px) {
    .c-destination-heading__body {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.c-destination-heading__title {
    margin: 5px 0 0;
    font-weight: bold;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

.c-destination-heading__messages {
    padding: 5px 10px;
    background-color: rgba(0, 0, 0, .3);
    text-align: center
}

.c-destination-heading__messages>*:not(:first-child) {
    margin-top: 5px
}

.c-destination-heading__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-flow: column-reverse nowrap;
    flex-flow: column-reverse nowrap;
    margin-top: 10px
}

@media only screen and (min-width: 600px) {
    .c-destination-heading__footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-flow: row-reverse nowrap;
        flex-flow: row-reverse nowrap;
        padding-top: 20px;
        min-height: 40px;
        margin: 0
    }
}

@media only screen and (min-width: 600px) {
    .c-destination-heading__action {
        width: auto;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media only screen and (min-width: 768px)and (max-width: 991px) {
    .c-destination-heading__footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-flow: column-reverse nowrap;
        flex-flow: column-reverse nowrap;
        margin-top: 10px
    }

    .c-destination-heading__body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column
    }

    .c-destination-heading__footer {
        min-height: 0;
        min-height: initial
    }

    .c-destination-heading__details {
        text-align: left
    }

    body.rtl .c-destination-heading__details {
        text-align: right
    }
}

.c-service-heading {
    background-color: #fff;
    min-height: 50px
}

.c-service-heading__main {
    border: 1px solid #e3e3e3;
    border-left-color: rgba(0, 0, 0, 0)
}

body.rtl .c-service-heading__main {
    border-left: 1px solid #f7f7f7;
    border-right-color: rgba(0, 0, 0, 0)
}

.c-service-heading__body {
    position: relative
}

.c-service-heading__date {
    min-width: 50px
}

.c-service-heading__title {
    font-size: 16px
}

@media only screen and (min-width: 992px) {
    .c-service-heading__title {
        font-size: 20px
    }
}

.c-service-heading__title__small {
    font-weight: normal
}

@media only screen and (max-width: 599px) {
    .c-service-heading__action {
        font-size: 12px !important
    }
}

@media only screen and (min-width: 992px) {
    .c-service-heading__toggle-service {
        right: 0;
        bottom: 0;
        position: absolute
    }
}

.c-service-heading__toggle-service .c-point-checkbox {
    height: 30px
}

body.rtl .c-service-heading__toggle-service {
    right: auto;
    right: initial;
    left: 0
}

.c-service-heading--desactive {
    background-color: #f7f7f7;
    background-image: linear-gradient(45deg, white 25%, transparent 25%, transparent 50%, white 50%, white 75%, transparent 75%, transparent);
    background-size: 40px 40px
}

.c-service-heading--desactive .c-service-heading__main {
    border: none
}

@media only screen and (min-width: 992px) {
    .c-service-heading--is-toggleable .c-service-heading__body:not(.c-service-heading--desactive) {
        padding-right: 35px
    }
}

body.rtl .c-service-heading--is-toggleable .c-service-heading__body:not(.c-service-heading--desactive) {
    padding-right: 0;
    padding-left: 35px
}

.c-service-heading--is-toggleable .c-service-heading__title {
    max-width: 100%
}

@media only screen and (max-width: 599px) {
    .c-service-heading--is-toggleable .c-service-heading__title {
        width: 100%
    }
}

@media only screen and (max-width: 599px) {
    .c-service-heading--is-toggleable .c-service-heading__options {
        margin-right: -35px
    }
}

.c-page-hero {
    color: #fff;
    position: relative
}

.c-page-hero__wrapper-img {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    overflow: hidden
}

.c-page-hero__wrapper-img::after {
    content: " ";
    z-index: 2;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.c-page-hero__wrapper-img--disable-mask:after {
    content: none
}

.c-page-hero__main {
    z-index: 8;
    position: relative;
    text-shadow: 0 0 7px rgba(0, 0, 0, .2)
}

.c-page-hero__form-item {
    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, .2);
    box-shadow: 0 0 7px rgba(0, 0, 0, .2)
}

.c-page-hero__title {
    font-size: 30px;
    max-width: 900px
}

@media only screen and (min-width: 768px) {
    .c-page-hero__title {
        font-size: 36px
    }
}

@media only screen and (min-width: 992px) {
    .c-page-hero__title {
        font-size: 45px
    }
}

.c-page-hero__bg-degradate {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 4;
    background: rgba(0, 0, 0, .1);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, transparent), color-stop(85%, black));
    background: linear-gradient(to bottom, transparent 25%, black 85%);
    opacity: .7
}

.c-page-hero__bg-degradate--soft {
    opacity: .3
}

.c-page-hero--small {
    min-height: 160px
}

@media only screen and (min-width: 768px) {
    .c-page-hero--small {
        min-height: 280px
    }
}

.c-page-hero--middle {
    min-height: 280px
}

@media only screen and (min-width: 768px) {
    .c-page-hero--middle {
        min-height: 460px
    }
}

.c-page-hero--big {
    min-height: 340px
}

@media only screen and (min-width: 768px) {
    .c-page-hero--big {
        min-height: 600px
    }
}

.c-page-hero--bigger {
    min-height: 800px
}

.c-page-hero--full {
    min-height: 100vh
}

.header-personalizado,
.c-header,
.c-header--client-collective {
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0);
    border-radius: 0;
    padding: 0;
    margin: 0 auto;
    background: #fbfbfb
}

.header-personalizado .usd-currency-exchange,
.c-header .usd-currency-exchange,
.c-header--client-collective .usd-currency-exchange {
    color: #00527c
}

.map-page .header-personalizado,
.map-page .c-header,
.map-page .c-header--client-collective {
    padding: 0
}

.header-personalizado .container,
.c-header .container,
.c-header--client-collective .container {
    margin: 0 auto;
    padding: 0
}

.map-page .header-personalizado .container,
.map-page .c-header .container,
.map-page .c-header--client-collective .container {
    max-width: 100%
}

.header-personalizado .navbar-header,
.c-header .navbar-header,
.c-header--client-collective .navbar-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: auto;
    height: 90px
}

@media only screen and (max-width: 1199px) {

    .header-personalizado .navbar-header,
    .c-header .navbar-header,
    .c-header--client-collective .navbar-header {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        height: auto;
        padding: 10px !important
    }
}

.header-personalizado .navbar-header .brand,
.c-header .navbar-header .brand,
.c-header--client-collective .navbar-header .brand {
    margin: 5px 0
}

.header-personalizado .navbar-header .brand a,
.c-header .navbar-header .brand a,
.c-header--client-collective .navbar-header .brand a {
    width: 120px;
    display: block;
    visibility: hidden;
    background-position: center
}

@media only screen and (min-width: 768px) {

    body.rtl .header-personalizado .navbar-header,
    body.rtl .c-header .navbar-header,
    body.rtl .c-header--client-collective .navbar-header {
        float: right
    }
}

.header-personalizado .navbar-toggle,
.c-header .navbar-toggle,
.c-header--client-collective .navbar-toggle {
    background-color: rgba(0, 0, 0, 0);
    border: none;
    margin: 0 0 0 auto
}

body.rtl .header-personalizado .navbar-toggle,
body.rtl .c-header .navbar-toggle,
body.rtl .c-header--client-collective .navbar-toggle {
    margin: 0 auto 0 0
}

.header-personalizado .navbar-toggle .icon-bar,
.c-header .navbar-toggle .icon-bar,
.c-header--client-collective .navbar-toggle .icon-bar {
    background-color: #00527c
}

.header-personalizado .ms-brand,
.c-header .ms-brand,
.c-header--client-collective .ms-brand {
    display: inline-block
}

@media only screen and (max-width: 767px) {

    .header-personalizado .ms-brand,
    .c-header .ms-brand,
    .c-header--client-collective .ms-brand {
        margin-left: 0
    }
}

@media only screen and (min-width: 1200px) {

    .header-personalizado .ms-brand,
    .c-header .ms-brand,
    .c-header--client-collective .ms-brand {
        margin: 0 20px
    }
}

.header-personalizado .ms-brand .img-brand,
.c-header .ms-brand .img-brand,
.c-header--client-collective .ms-brand .img-brand {
    max-width: 250px;
    max-height: 90px;
    margin: 0
}

.header-personalizado .navbar-collapse,
.c-header .navbar-collapse,
.c-header--client-collective .navbar-collapse {
    padding: 0
}

.header-personalizado .navbar-display,
.c-header .navbar-display,
.c-header--client-collective .navbar-display {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    padding: 0
}

.map-page .header-personalizado .navbar-display,
.map-page .c-header .navbar-display,
.map-page .c-header--client-collective .navbar-display {
    padding: 0 20px
}

@media only screen and (max-width: 1199px) {

    .map-page .header-personalizado .navbar-display,
    .map-page .c-header .navbar-display,
    .map-page .c-header--client-collective .navbar-display {
        padding: 0
    }
}

@media only screen and (max-width: 1199px) {

    .header-personalizado .navbar-display,
    .c-header .navbar-display,
    .c-header--client-collective .navbar-display {
        height: auto;
        background-color: #f7f7f7
    }
}

.header-personalizado .navbar-nav,
.c-header .navbar-nav,
.c-header--client-collective .navbar-nav {
    padding: 0;
    margin: 0;
    height: 90px;
    width: 100%;
    float: none !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media only screen and (max-width: 1199px) {

    .header-personalizado .navbar-nav,
    .c-header .navbar-nav,
    .c-header--client-collective .navbar-nav {
        margin: 0;
        height: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.header-personalizado .navbar-nav .open>a,
.c-header .navbar-nav .open>a,
.c-header--client-collective .navbar-nav .open>a {
    background-color: rgba(0, 0, 0, .1);
    color: #00527c
}

.header-personalizado .navbar-nav .open>a:before,
.c-header .navbar-nav .open>a:before,
.c-header--client-collective .navbar-nav .open>a:before {
    bottom: 0
}

.header-personalizado .navbar-nav .open>a:focus,
.c-header .navbar-nav .open>a:focus,
.c-header--client-collective .navbar-nav .open>a:focus {
    background-color: rgba(0, 0, 0, .1)
}

@media only screen and (max-width: 1199px) {

    .header-personalizado .navbar-nav .open>a:focus,
    .c-header .navbar-nav .open>a:focus,
    .c-header--client-collective .navbar-nav .open>a:focus {
        background-color: #e3e3e3
    }
}

.header-personalizado .navbar-nav .open>a:hover,
.header-personalizado .navbar-nav .open>a:active,
.header-personalizado .navbar-nav .open>a:focus:active,
.c-header .navbar-nav .open>a:hover,
.c-header .navbar-nav .open>a:active,
.c-header .navbar-nav .open>a:focus:active,
.c-header--client-collective .navbar-nav .open>a:hover,
.c-header--client-collective .navbar-nav .open>a:active,
.c-header--client-collective .navbar-nav .open>a:focus:active {
    background-color: rgba(0, 0, 0, 0)
}

.header-personalizado .navbar-nav a,
.c-header .navbar-nav a,
.c-header--client-collective .navbar-nav a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #00527c;
    overflow: hidden;
    font-weight: 500;
    line-height: 30px;
    text-shadow: none;
    height: 100%;
    padding: 10px 15px;
    position: relative;
    font-size: inherit
}

.header-personalizado .navbar-nav a::before,
.c-header .navbar-nav a::before,
.c-header--client-collective .navbar-nav a::before {
    content: " ";
    z-index: 1;
    display: block;
    width: 100%;
    height: 3px;
    bottom: -3px;
    left: 0;
    position: absolute;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    background-color: #0472AA;
    background-color: var(--s-color-brand-primary);
    margin-left: 0;
    border-width: 0;
    opacity: 0
}

@media only screen and (min-width: 1200px) {

    .header-personalizado .navbar-nav a:hover:before,
    .c-header .navbar-nav a:hover:before,
    .c-header--client-collective .navbar-nav a:hover:before {
        opacity: 1;
        bottom: 0
    }
}

.header-personalizado .navbar-nav a:hover,
.header-personalizado .navbar-nav a:active,
.header-personalizado .navbar-nav a:focus:active,
.c-header .navbar-nav a:hover,
.c-header .navbar-nav a:active,
.c-header .navbar-nav a:focus:active,
.c-header--client-collective .navbar-nav a:hover,
.c-header--client-collective .navbar-nav a:active,
.c-header--client-collective .navbar-nav a:focus:active {
    background-color: rgba(0, 0, 0, .1);
    color: #00527c
}

@media only screen and (max-width: 1199px) {

    .header-personalizado .navbar-nav a:hover,
    .header-personalizado .navbar-nav a:active,
    .header-personalizado .navbar-nav a:focus:active,
    .c-header .navbar-nav a:hover,
    .c-header .navbar-nav a:active,
    .c-header .navbar-nav a:focus:active,
    .c-header--client-collective .navbar-nav a:hover,
    .c-header--client-collective .navbar-nav a:active,
    .c-header--client-collective .navbar-nav a:focus:active {
        background-color: #e3e3e3;
        color: #002c4d
    }
}

.header-personalizado .navbar-nav a i,
.c-header .navbar-nav a i,
.c-header--client-collective .navbar-nav a i {
    margin-left: 5px
}

@media only screen and (max-width: 1199px) {

    .header-personalizado .navbar-nav a i,
    .c-header .navbar-nav a i,
    .c-header--client-collective .navbar-nav a i {
        margin-left: 0
    }
}

body.rtl .header-personalizado .navbar-nav a i,
body.rtl .c-header .navbar-nav a i,
body.rtl .c-header--client-collective .navbar-nav a i {
    margin-left: 0;
    margin-right: 5px
}

@media only screen and (max-width: 1199px) {

    .header-personalizado .navbar-nav a,
    .c-header .navbar-nav a,
    .c-header--client-collective .navbar-nav a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        color: #002c4d;
        width: 100%
    }

    .header-personalizado .navbar-nav a:before,
    .c-header .navbar-nav a:before,
    .c-header--client-collective .navbar-nav a:before {
        display: none
    }

    .header-personalizado .navbar-nav a.login,
    .c-header .navbar-nav a.login,
    .c-header--client-collective .navbar-nav a.login {
        padding: 10px 15px
    }
}

.header-personalizado .navbar-nav .new-item,
.c-header .navbar-nav .new-item,
.c-header--client-collective .navbar-nav .new-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #00527c;
    overflow: hidden;
    font-weight: 500;
    line-height: 30px;
    text-shadow: none;
    height: 100%;
    padding: 10px 15px;
    position: relative;
    font-size: inherit
}

@media only screen and (max-width: 1199px) {

    .header-personalizado .navbar-nav .new-item,
    .c-header .navbar-nav .new-item,
    .c-header--client-collective .navbar-nav .new-item {
        color: #002c4d
    }
}

.header-personalizado .navbar-nav .fa-user-lock,
.header-personalizado .navbar-nav .fa-youtube,
.header-personalizado .navbar-nav .fa-user-check,
.c-header .navbar-nav .fa-user-lock,
.c-header .navbar-nav .fa-youtube,
.c-header .navbar-nav .fa-user-check,
.c-header--client-collective .navbar-nav .fa-user-lock,
.c-header--client-collective .navbar-nav .fa-youtube,
.c-header--client-collective .navbar-nav .fa-user-check {
    margin-right: 5px
}

.header-personalizado li,
.c-header li,
.c-header--client-collective li {
    float: none
}

@media only screen and (max-width: 1199px) {

    .header-personalizado li,
    .c-header li,
    .c-header--client-collective li {
        border-bottom: 1px solid #e3e3e3
    }
}

.header-personalizado li.login,
.c-header li.login,
.c-header--client-collective li.login {
    margin-left: 5px
}

@media only screen and (max-width: 1199px) {

    .header-personalizado li.login,
    .c-header li.login,
    .c-header--client-collective li.login {
        margin-left: 0
    }
}

.header-personalizado li.login b,
.c-header li.login b,
.c-header--client-collective li.login b {
    display: inline-block;
    background: hsla(0, 0%, 100%, .2);
    border-radius: 50%;
    width: 30px;
    height: 30px;
    text-align: center;
    margin-right: 5px
}

.container>.navbar-header,
.container-fluid>.navbar-header,
.container>.navbar-collapse,
.container-fluid>.navbar-collapse {
    margin: 0
}

@media only screen and (max-width: 1199px) {
    .navbar-header {
        float: none
    }

    .navbar-toggle {
        display: block
    }

    body.rtl .navbar-toggle {
        margin-left: 0 !important
    }

    .navbar-collapse.collapse {
        display: none !important
    }

    .collapse.in {
        display: block !important
    }
}

.c-header--client-collective .nombre-agencia {
    display: block;
    margin: auto 10px;
    padding: 7px;
    color: #00527C;
    color: var(--s-color-brand-dark)
}

@media only screen and (max-width: 991px) {
    .c-header--client-collective .nombre-agencia {
        text-align: left
    }
}

.c-header--client-collective .box-agencia {
    width: 100%
}

@media only screen and (min-width: 992px) {
    .c-header--client-collective .logo-agencia {
        margin-top: 5px
    }
}

.c-header--client-collective .navbar-toggle .icon-bar {
    background-color: #00527C;
    background-color: var(--s-color-brand-dark)
}

.c-header--client-collective .navbar-display {
    display: block
}

@media only screen and (max-width: 991px) {
    .c-header--client-collective .navbar-display .box-agencia {
        border-bottom: 1px solid #e3e3e3
    }
}

.c-header--client-collective .navbar-nav {
    height: auto;
    width: auto
}

.c-header--client-collective .navbar-nav li>a,
.c-header--client-collective .navbar-nav li>a:hover,
.c-header--client-collective .navbar-nav li>a:active,
.c-header--client-collective .navbar-nav li>a:focus {
    color: #00527C;
    color: var(--s-color-brand-dark)
}

.c-header-submenu {
    border-bottom: 1px solid rgba(0, 0, 0, 0)
}

@media only screen and (min-width: 1200px) {
    .c-header-submenu {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background-color: #fff;
        -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15);
        box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15);
        border-top: 1px solid #c2c2c2
    }
}

@media only screen and (min-width: 1200px) {
    .c-header-submenu__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 30px
    }
}

@media only screen and (min-width: 1200px) {
    .c-header-submenu__element {
        position: relative;
        height: 100%
    }

    .c-header-submenu__element:not(:last-child):after {
        content: "";
        position: absolute;
        left: 100%;
        top: calc(50% - 5px);
        height: 10px;
        width: 1px;
        background-color: #a2a2a2
    }

    body.rtl .c-header-submenu__element:after {
        content: "";
        position: absolute;
        left: 100%;
        top: calc(50% - 5px);
        height: 10px;
        width: 1px;
        background-color: #a2a2a2
    }

    body.rtl .c-header-submenu__element:first-child:after {
        content: none
    }
}

.c-header-submenu__link {
    display: block;
    padding: 15px 20px;
    line-height: 1
}

.c-header-submenu__link:hover,
.c-header-submenu__link:active,
.c-header-submenu__link:focus,
.c-header-submenu__link:focus:active {
    color: #0472AA;
    color: var(--s-color-brand-primary)
}

.c-header-submenu__link[aria-expanded=true] i.fa-chevron-down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media only screen and (min-width: 1200px) {
    .c-header-submenu__link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 15px;
        height: 100%;
        color: #393939
    }
}

@media only screen and (min-width: 1200px)and (max-width: 1499px) {
    .c-header-submenu__link {
        font-size: 12px;
        padding: 0 10px
    }
}

@media only screen and (min-width: 1200px)and (min-width: 1500px) {
    .c-header-submenu__link {
        font-size: 13px
    }
}

@media only screen and (min-width: 1200px) {
    .c-header-submenu__sub-list {
        max-height: calc(100vh - 275px);
        overflow-y: auto
    }
}

@media only screen and (max-width: 1199px) {
    .c-header-submenu__sub-title {
        display: none
    }
}

.c-header-submenu__sub-link {
    position: relative;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

@media only screen and (max-width: 1199px) {
    .c-header-submenu__sub-link {
        padding: 10px 5px
    }
}

@media only screen and (min-width: 1200px) {
    .c-header-submenu__sub-link {
        color: #a2a2a2
    }

    .c-header-submenu__sub-link:before {
        content: "";
        position: absolute;
        top: calc(50% - 2px);
        left: -2px;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background-color: #0472AA;
        background-color: var(--s-color-brand-primary);
        opacity: 0;
        -webkit-transition: all .2s ease 0s;
        transition: all .2s ease 0s
    }

    .c-header-submenu__sub-link:hover,
    .c-header-submenu__sub-link:active,
    .c-header-submenu__sub-link:focus:active {
        color: #393939
    }

    .c-header-submenu__sub-link:hover:before,
    .c-header-submenu__sub-link:active:before,
    .c-header-submenu__sub-link:focus:active:before {
        opacity: 1;
        left: 0
    }

    body.rtl .c-header-submenu__sub-link:hover:before,
    body.rtl .c-header-submenu__sub-link:active:before,
    body.rtl .c-header-submenu__sub-link:focus:active:before {
        left: auto;
        right: 0
    }
}

.c-header-submenu__devices-button {
    color: #00527c
}

body.rtl .c-header-submenu__devices-button {
    margin-right: 10px !important;
    margin-left: auto
}

@media only screen and (min-width: 1200px) {
    .c-header-submenu__devices-button {
        display: none
    }
}

@media only screen and (min-width: 1200px) {
    .c-header-submenu__devices-close {
        display: none
    }
}

.c-header-submenu .dropdown-nav-submenu {
    width: 100%;
    padding: 0
}

@media only screen and (max-width: 1199px) {
    .c-header-submenu .dropdown-nav-submenu {
        position: relative;
        float: none;
        top: 0;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: rgb(calc(242.25 + 163 * 0.05), calc(242.25 + 163 * 0.05), calc(242.25 + 164 * 0.05));
        background-color: rgb(calc(242.25 + var(--s-color-brand-primary-red, 163) * 0.05), calc(242.25 + var(--s-color-brand-primary-green, 163) * 0.05), calc(242.25 + var(--s-color-brand-primary-blue, 164) * 0.05));
        margin: 0 !important
    }
}

@media only screen and (min-width: 1200px) {
    .c-header-submenu .dropdown-nav-submenu {
        width: 520px;
        left: 0;
        right: auto
    }
}

@media only screen and (min-width: 1200px) {
    .c-header-submenu .c-header-submenu__element:nth-last-child(-n+3) .dropdown-nav-submenu {
        left: auto;
        right: 0
    }
}

@media only screen and (min-width: 1200px) {
    .c-header-submenu {
        margin-top: -30px
    }
}

@media only screen and (min-width: 1200px) {
    .c-header-collective--active-submenu {
        padding-bottom: 30px !important
    }
}

@media only screen and (min-width: 1200px) {
    .navbar--active-submenu {
        padding-bottom: 30px !important
    }
}

.navbar--active-submenu .navbar-toggle {
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.navbar--active-submenu .navbar-toggle .icon-bar {
    width: 4px;
    height: 4px;
    margin-right: 0;
    margin-left: auto
}

.navbar--active-submenu .navbar-toggle[aria-expanded=true] .icon-bar {
    width: 22px;
    height: 2px
}

@media only screen and (max-width: 1199px) {
    .c-hidden-aside--submenu {
        overflow-y: auto !important;
        -webkit-transition: all .4s ease-out 0s;
        transition: all .4s ease-out 0s;
        content: " ";
        z-index: 1049;
        display: block;
        width: 100%;
        top: 0;
        bottom: 0;
        left: 0;
        position: fixed;
        opacity: 0;
        max-width: 420px;
        background-color: #fff;
        padding: 20px;
        overflow-x: hidden;
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15);
        box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15)
    }

    .c-hidden-aside--submenu.c-hidden-aside--right {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%)
    }

    .c-hidden-aside--submenu.modifier {
        overflow: hidden;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap
    }

    .c-hidden-aside--submenu.modifier .c-hidden-aside__scroller {
        overflow-x: hidden;
        overflow-y: scroll;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        padding: 20px 20px 120px
    }
}

@media only screen and (max-width: 599px) {
    .c-hidden-aside--submenu {
        max-width: 320px
    }
}

.c-header-collective .c-header-submenu__devices-button {
    color: #707070
}

@media only screen and (min-width: 1200px) {
    .c-header-collective .c-header-submenu {
        border-top: 1px solid #c2c2c2
    }

    .c-header-collective .c-collective-brand--header {
        margin-left: auto
    }
}

@media only screen and (max-width: 991px) {
    body.rtl .navbar.header-personalizado .navbar-header {
        width: 100%
    }
}

.c-header-collective__agency-name {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-header-collective__bar {
    background-color: #00527C;
    background-color: var(--s-color-brand-dark)
}

@media only screen and (min-width: 1200px) {
    .c-header-collective__bar {
        padding-top: 2px;
        padding-bottom: 2px
    }
}

.c-header-collective__user-header {
    list-style: none;
    margin-bottom: 0
}

.c-header-collective__user-header li {
    position: relative
}

.c-header-collective__user-header a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    height: 50px;
    padding: 0 15px
}

.c-header-collective__user-header a:hover,
.c-header-collective__user-header a:active,
.c-header-collective__user-header a:focus:active {
    background-color: rgba(0, 0, 0, .1);
    color: #000
}

.c-header-collective__user-header a i {
    margin-left: 5px
}

@media only screen and (min-width: 1200px) {
    .c-header-collective__user-header a {
        height: 100px
    }

    .c-header-collective__user-header a::before {
        content: " ";
        z-index: 1;
        display: block;
        width: 100%;
        height: 3px;
        bottom: -3px;
        left: 0;
        position: absolute;
        -webkit-transition: all .2s ease 0s;
        transition: all .2s ease 0s;
        background-color: #00527C;
        background-color: var(--s-color-brand-dark);
        margin-left: 0;
        border-width: 0;
        opacity: 0
    }
}

@media only screen and (min-width: 1200px)and (min-width: 1200px) {
    .c-header-collective__user-header a:hover:before {
        opacity: 1;
        bottom: 0
    }
}

@media only screen and (max-width: 1199px) {
    .c-header-collective__user-header a {
        border-bottom: 1px solid #c2c2c2
    }
}

.c-header-collective .c-collective-brand {
    margin: auto 0
}

@media only screen and (max-width: 1199px) {
    .c-header-collective .c-rrss-icons--agency i {
        font-size: 24px
    }
}

.c-sticky-header {
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    background-color: #0472AA;
    background-color: var(--s-color-brand-primary)
}

.c-sticky-header,
.c-sticky-header:hover,
.c-sticky-header:active,
.c-sticky-header:focus {
    color: #fff
}

.c-sticky-header--editing {
    background-color: #6dc151
}

.c-sticky-header--hidden {
    top: -60px
}

@media only screen and (min-width: 992px) {
    .c-sticky-header__title {
        font-size: 20px;
        line-height: normal;
        line-height: initial
    }
}

.c-sticky-header__button {
    width: 40px;
    min-width: 40px;
    max-width: 40px;
    height: 60px;
    min-height: 60px;
    max-height: 60px;
    display: inline-block;
    line-height: 60px;
    text-align: center
}

.c-sticky-header__button--width-auto {
    max-width: none;
    width: auto;
    padding: 0 10px
}

.c-mobile-footer {
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.c-mobile-footer--hidden {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.c-mobile-footer.is-active {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.c-section-home.o-section--top-none {
    padding-top: 1px
}

.c-section-home--hotel-activities {
    min-height: 400px
}

body.rtl .c-section-home__container .u-text-align--left\@sm {
    text-align: right
}

.c-home-sections {
    padding-bottom: 20px
}

.c-banner {
    height: 400px;
    position: relative;
    text-align: center
}

.c-banner,
.c-banner:hover,
.c-banner:active,
.c-banner:focus {
    color: #fff
}

@media only screen and (min-width: 1500px) {
    .c-banner {
        height: 450px
    }
}

.c-banner__hover-space {
    -webkit-transition: all .4s ease 0s;
    transition: all .4s ease 0s
}

.c-banner__image {
    -webkit-transition: all .8s ease 0s;
    transition: all .8s ease 0s
}

.c-banner__image-wrapper {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.c-banner__main {
    -webkit-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    position: relative;
    z-index: 2;
    min-width: 300px
}

.c-banner__title {
    -webkit-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    margin-top: 0;
    font-weight: 700;
    font-size: 24px
}

@media only screen and (max-width: 767px) {
    .c-banner__title {
        font-size: 28px !important
    }
}

@media only screen and (min-width: 768px) {
    .c-banner__title {
        font-size: 36px
    }
}

@media only screen and (min-width: 992px) {
    .c-banner__title {
        font-size: 45px
    }
}

.c-banner__title--cool {
    text-transform: uppercase;
    padding: 0 15px
}

@media only screen and (min-width: 768px) {
    .c-banner__title--cool {
        font-size: 30px
    }
}

@media only screen and (min-width: 992px) {
    .c-banner__title--cool {
        font-size: 36px
    }
}

.c-banner__fix-size {
    max-width: 700px;
    display: inline-block
}

.c-banner__thematic__icon {
    font-size: 24px
}

.c-banner__thematic__title {
    letter-spacing: 2px;
    text-transform: uppercase;
    opacity: .8;
    font-weight: 700
}

.c-banner__subtitle {
    max-width: 600px;
    font-weight: 300;
    font-size: 16px
}

@media only screen and (max-width: 1199px) {
    .c-banner__subtitle {
        display: none
    }
}

.c-banner--hide-overlay:after {
    content: none
}

@media only screen and (min-width: 768px) {
    .c-banner-carousel .c-banner__main {
        padding-right: 50px;
        padding-left: 50px
    }

    .c-banner-carousel .c-banner:hover .c-banner__image {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05)
    }
}

.c-banner-carousel__nav {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-banner-carousel__nav:after {
    min-width: 100%
}

.c-banner-carousel__nav.disabled {
    display: none
}

.c-banner-carousel__button {
    position: absolute;
    width: 50px;
    height: 400px;
    top: -400px;
    font-size: 36px;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    outline: none;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .5);
    opacity: .7;
    color: #fff;
    -webkit-transition: .2s;
    transition: .2s;
    padding: 0
}

.c-banner-carousel__button:hover {
    opacity: 1;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .65)
}

@media only screen and (min-width: 1200px) {
    .c-banner-carousel__button {
        top: -400px;
        height: 400px
    }
}

.c-banner-carousel__button--prev {
    left: 0
}

.c-banner-carousel__button--next {
    right: 0
}

.c-banner-carousel__dots {
    bottom: 0;
    position: absolute;
    width: 100%
}

.c-banner-carousel__dot span {
    -webkit-transition: background-color .2s ease 0s;
    transition: background-color .2s ease 0s;
    width: 10px;
    height: 10px;
    margin: 0 5px
}

.c-banner-carousel__dot.active span {
    background-color: #fff
}

.c-banner-carousel__dot:not(.active) span {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #fff
}

.c-banner-carousel__dot:not(.active):hover span {
    background-color: #fff
}

.c-offer-idea__image {
    width: 90px;
    min-width: 90px;
    height: 90px
}

@media only screen and (min-width: 992px) {
    .c-modal-aside {
        padding: 20px 0 20px 20px
    }

    body.rtl .c-modal-aside {
        padding-right: 20px;
        padding-left: 0
    }
}

@media only screen and (min-width: 768px) {
    .c-modal-aside__dialog {
        padding: 20px
    }
}

.c-modal-aside__content {
    color: #fff;
    padding: 20px
}

.c-modal-aside__content>* {
    z-index: 1
}

@media only screen and (min-width: 768px) {
    .c-modal-aside__content {
        padding: 40px
    }
}

.c-modal-aside__img-wrapper {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 0;
    border-radius: 8px;
    overflow: hidden
}

.c-modal-aside__img-wrapper img {
    position: relative;
    z-index: 1
}

.c-modal-aside__img-wrapper:before {
    content: " ";
    z-index: 2;
    display: block;
    width: auto;
    height: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    background-color: rgba(57, 57, 57, .2)
}

.c-modal-aside__img-wrapper--hasnt-img:before {
    opacity: 1
}

@media only screen and (max-width: 767px) {
    .c-modal--onmobile-fullscreen .c-modal-aside__content {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .c-modal--onmobile-fullscreen .c-modal-aside__content .c-magic-box__img-wrapper {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }
}

.c-modal-hotelsmap>.c-modal__wrapper {
    padding: 0
}

.c-modal-hotelsmap>.c-modal__wrapper>.c-modal__container {
    max-width: 100% !important;
    height: 100%;
    border-radius: 0
}

.c-modal-hotelsmap>.c-modal__wrapper>.c-modal__container>.c-modal__body {
    height: 100%
}

.c-modal-hotelsmap__wrapper {
    height: 100%
}

.c-modal-hotelsmap__close {
    display: none
}

@media only screen and (min-width: 992px) {
    .c-modal-hotelsmap__close {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        z-index: 2;
        top: 30px;
        right: 30px;
        width: 36px;
        height: 36px
    }
}

.c-modal-hotelsmap__column {
    width: 0;
    height: 0
}

@media only screen and (min-width: 992px) {
    .c-modal-hotelsmap__column {
        position: relative;
        display: block;
        width: 490px;
        height: 100%;
        background-color: #fff
    }
}

body.rtl .c-modal-hotelsmap__column {
    float: left
}

.c-modal-hotelsmap__column-back {
    display: none
}

@media only screen and (min-width: 992px) {
    .c-modal-hotelsmap__column-back {
        display: block
    }
}

body.rtl .c-modal-hotelsmap__column-back {
    direction: ltr
}

body.rtl .c-modal-hotelsmap__column-back .fa-arrow-left {
    rotate: 180deg
}

@media only screen and (min-width: 992px) {
    .c-modal-hotelsmap__column-header--mobile {
        display: none
    }
}

@media only screen and (max-width: 991px) {
    .c-modal-hotelsmap__column-header {
        position: absolute;
        z-index: 4;
        top: 0;
        left: 0;
        width: 100%;
        background-color: #0472AA;
        background-color: var(--s-color-brand-primary);
        color: #fff;
        padding-left: 40px
    }

    .c-modal-hotelsmap__column-header>.o-box {
        padding-top: 10px;
        padding-bottom: 10px
    }
}

@media only screen and (max-width: 991px)and (orientation: landscape) {
    .c-modal-hotelsmap__column-header {
        display: none
    }
}

.c-modal-hotelsmap__column-header--mobile {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media only screen and (min-width: 992px) {
    .c-modal-hotelsmap__column-btns {
        position: relative;
        padding-bottom: 15px;
        -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, .05);
        box-shadow: 0 6px 10px rgba(0, 0, 0, .05)
    }
}

@media only screen and (max-width: 991px) {
    .c-modal-hotelsmap__column-btns {
        position: absolute;
        z-index: 4;
        bottom: 0;
        left: 0;
        width: 100%;
        padding-bottom: 20px
    }
}

@media only screen and (max-width: 991px)and (min-width: 768px) {
    .c-modal-hotelsmap__column-btns {
        padding-bottom: 40px
    }
}

@media only screen and (max-width: 991px)and (orientation: landscape) {
    .c-modal-hotelsmap__column-btns {
        display: none
    }
}

@media only screen and (max-width: 991px) {
    .c-modal-hotelsmap__column-btns .c-button:not(.c-modal-hotelsmap__column-btns--mobile) {
        display: none
    }

    .c-modal-hotelsmap__column-btns--mobile {
        margin: 0 auto;
        background-color: #0472AA;
        background-color: var(--s-color-brand-primary);
        color: #fff;
        padding: 0 20px;
        font-size: 16px;
        min-height: 50px;
        max-width: 350px
    }
}

.c-modal-hotelsmap__column-list {
    display: none
}

@media only screen and (min-width: 992px) {
    .c-modal-hotelsmap__column-list {
        display: block;
        height: calc(100% - 218px);
        overflow-y: auto
    }
}

.c-modal-hotelsmap__column-item {
    -webkit-transition: .4s all ease-out 0s;
    transition: .4s all ease-out 0s
}

.c-modal-hotelsmap__column-item:hover,
.c-modal-hotelsmap__column-item:active,
.c-modal-hotelsmap__column-item:focus:active {
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .07);
    box-shadow: 0 0 30px rgba(0, 0, 0, .07)
}

.c-modal-hotelsmap__column-panel {
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    background-color: #fff;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: .4s all ease-out 0s;
    transition: .4s all ease-out 0s
}

.c-modal-hotelsmap__column-panel.in {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, .05);
    box-shadow: 4px 4px 10px rgba(0, 0, 0, .05)
}

.c-modal-hotelsmap__mobile-card {
    display: none
}

@media only screen and (max-width: 991px) {
    .c-modal-hotelsmap__mobile-card {
        display: block;
        position: absolute;
        z-index: 4;
        bottom: 70px;
        left: 0;
        width: 100%;
        pointer-events: none;
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
        -webkit-transition: all .2s ease 0s;
        transition: all .2s ease 0s
    }

    .c-modal-hotelsmap__mobile-card.in {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .c-modal-hotelsmap__mobile-card.in>div {
        pointer-events: auto
    }

    .c-modal-hotelsmap__mobile-card>div {
        max-width: 350px;
        margin: 0 auto
    }
}

@media only screen and (max-width: 991px)and (orientation: landscape) {
    .c-modal-hotelsmap__mobile-card {
        bottom: 0
    }
}

@media only screen and (min-width: 768px) {
    .c-modal-hotelsmap__mobile-card {
        bottom: 90px
    }
}

.c-modal-hotelsmap__mobile-card-close {
    display: none
}

@media only screen and (max-width: 991px) {
    .c-modal-hotelsmap__mobile-card-close {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        z-index: 2;
        top: 10px;
        left: 10px;
        width: 26px;
        height: 26px
    }
}

.c-modal-hotelsmap__media {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%
}

@media only screen and (min-width: 992px) {
    .c-modal-hotelsmap__media {
        width: calc(100% - 490px)
    }
}

.c-modal-hotelsmap__map {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .1)
}

.c-modal-hotelsmap__map.inactive {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    pointer-events: none
}

.c-modal-hotelsmap__alert {
    position: absolute;
    z-index: 4;
    top: 110px;
    left: 50%;
    min-width: 300px;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0.8);
    -ms-transform: translateX(-50%) translateY(-50%) scale(0.8);
    transform: translateX(-50%) translateY(-50%) scale(0.8);
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    opacity: 0;
    pointer-events: none
}

.c-modal-hotelsmap__alert.in {
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
    -ms-transform: translateX(-50%) translateY(-50%) scale(1);
    transform: translateX(-50%) translateY(-50%) scale(1);
    opacity: 1
}

.c-modal-hotelsmap .mapboxgl-map,
.c-modal-hotelsmap .maplibregl-map {
    font-family: Ubuntu
}

.c-modal-hotelsmap .maplibregl-popup-content {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .15);
    box-shadow: 0 0 10px rgba(0, 0, 0, .15)
}

.c-modal-hotelsmap .maplibregl-popup-close-button {
    top: 10px;
    left: 10px;
    border-radius: 50%;
    color: #fff;
    background-color: rgba(0, 0, 0, .5);
    padding: 0;
    line-height: 1;
    width: 26px;
    height: 26px;
    font-size: 20px;
    text-align: center
}

.c-modal-hotelsmap .maplibregl-popup-tip {
    display: none
}

.c-modal-hotelsmap .mapboxgl-ctrl-group,
.c-modal-hotelsmap .maplibregl-ctrl-group {
    background-color: rgba(0, 0, 0, 0)
}

.c-modal-hotelsmap .mapboxgl-ctrl-group button,
.c-modal-hotelsmap .maplibregl-ctrl-group button {
    width: 35px;
    height: 35px;
    background-color: #fff;
    margin-top: 3px;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .2);
    box-shadow: 0 0 4px rgba(0, 0, 0, .2)
}

.c-modal-hotelsmap .mapboxgl-ctrl button:not(:disabled):hover,
.c-modal-hotelsmap .maplibregl-ctrl button:not(:disabled):hover {
    background-color: #f7f7f7
}

.c-modal-hotelsmap .mapboxgl-ctrl-group:not(:empty),
.c-modal-hotelsmap .maplibregl-ctrl-group:not(:empty) {
    -webkit-box-shadow: none;
    box-shadow: none
}

.c-modal-hotelsmap .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon,
.c-modal-hotelsmap .maplibregl-ctrl button.maplibregl-ctrl-zoom-in .maplibregl-ctrl-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M432 256C432 269.3 421.3 280 408 280h-160v160c0 13.25-10.75 24.01-24 24.01S200 453.3 200 440v-160h-160c-13.25 0-24-10.74-24-23.99C16 242.8 26.75 232 40 232h160v-160c0-13.25 10.75-23.99 24-23.99S248 58.75 248 72v160h160C421.3 232 432 242.8 432 256z'/%3E%3C/svg%3E")
}

.c-modal-hotelsmap .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon,
.c-modal-hotelsmap .maplibregl-ctrl button.maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M432 256C432 269.3 421.3 280 408 280H40c-13.25 0-24-10.74-24-23.99C16 242.8 26.75 232 40 232h368C421.3 232 432 242.8 432 256z'/%3E%3C/svg%3E")
}

.c-modal-hotelsmap .mapboxgl-ctrl.mapboxgl-ctrl-attrib,
.c-modal-hotelsmap .maplibregl-ctrl.maplibregl-ctrl-attrib {
    display: none
}

.c-modal-hotelsmap .maplibregl-ctrl-compass {
    display: none
}

@media only screen and (max-width: 991px) {

    .c-modal-hotelsmap .mapboxgl-ctrl-bottom-right,
    .c-modal-hotelsmap .maplibregl-ctrl-bottom-right {
        bottom: auto;
        top: 50%
    }
}

.c-modal-hotelsmap #infowindowform {
    width: 100%
}

.c-modal-hotelsmap .map-marker.cluster {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: rgba(0, 0, 0, 0) !important
}

.c-modal-hotelsmap .map-marker.cluster span {
    width: 32px !important;
    height: 32px !important;
    font-size: 13px;
    font-weight: 600;
    line-height: 2.6;
    color: #fff;
    background-color: #c2c2c2
}

.c-modal-hotelsmap .map-marker.cluster.selected span {
    background-color: #0472AA;
    background-color: var(--s-color-brand-primary)
}

.c-modal-hotelsmap .map-marker.cluster:hover span {
    background-color: #0472AA;
    background-color: var(--s-color-brand-primary)
}

.c-modal-hotelsmap .map-marker.cluster:hover span:after {
    content: none
}

.c-modal-rentalsmap .mapboxgl-map,
.c-modal-rentalsmap .maplibregl-map {
    font-family: Ubuntu
}

.c-modal-rentalsmap .maplibregl-popup {
    z-index: 10000 !important;
    max-width: 300px !important
}

.c-modal-rentalsmap .maplibregl-popup-content {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .15);
    box-shadow: 0 0 10px rgba(0, 0, 0, .15)
}

.c-modal-rentalsmap .maplibregl-popup-close-button {
    top: -16px;
    right: -16px;
    border-radius: 50%;
    color: #fff;
    background-color: #00527C;
    background-color: var(--s-color-brand-dark);
    padding: 0;
    line-height: 1;
    width: 34px;
    height: 34px;
    font-size: 24px;
    text-align: center
}

.c-modal-rentalsmap .maplibregl-popup-tip {
    display: none
}

.c-modal-rentalsmap .mapboxgl-ctrl-group,
.c-modal-rentalsmap .maplibregl-ctrl-group {
    background-color: rgba(0, 0, 0, 0)
}

.c-modal-rentalsmap .mapboxgl-ctrl-group button,
.c-modal-rentalsmap .maplibregl-ctrl-group button {
    width: 35px;
    height: 35px;
    background-color: #fff;
    margin-top: 3px;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .2);
    box-shadow: 0 0 4px rgba(0, 0, 0, .2)
}

.c-modal-rentalsmap .mapboxgl-ctrl button:not(:disabled):hover,
.c-modal-rentalsmap .maplibregl-ctrl button:not(:disabled):hover {
    background-color: #f7f7f7
}

.c-modal-rentalsmap .mapboxgl-ctrl-group:not(:empty),
.c-modal-rentalsmap .maplibregl-ctrl-group:not(:empty) {
    -webkit-box-shadow: none;
    box-shadow: none
}

.c-modal-rentalsmap .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon,
.c-modal-rentalsmap .maplibregl-ctrl button.maplibregl-ctrl-zoom-in .maplibregl-ctrl-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M432 256C432 269.3 421.3 280 408 280h-160v160c0 13.25-10.75 24.01-24 24.01S200 453.3 200 440v-160h-160c-13.25 0-24-10.74-24-23.99C16 242.8 26.75 232 40 232h160v-160c0-13.25 10.75-23.99 24-23.99S248 58.75 248 72v160h160C421.3 232 432 242.8 432 256z'/%3E%3C/svg%3E")
}

.c-modal-rentalsmap .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon,
.c-modal-rentalsmap .maplibregl-ctrl button.maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M432 256C432 269.3 421.3 280 408 280H40c-13.25 0-24-10.74-24-23.99C16 242.8 26.75 232 40 232h368C421.3 232 432 242.8 432 256z'/%3E%3C/svg%3E")
}

.c-modal-rentalsmap .mapboxgl-ctrl.mapboxgl-ctrl-attrib,
.c-modal-rentalsmap .maplibregl-ctrl.maplibregl-ctrl-attrib {
    display: none
}

.c-modal-rentalsmap .maplibregl-ctrl-compass {
    display: none
}

@media only screen and (max-width: 991px) {

    .c-modal-rentalsmap .mapboxgl-ctrl-bottom-right,
    .c-modal-rentalsmap .maplibregl-ctrl-bottom-right {
        bottom: auto;
        top: 50%
    }
}

.c-modal-rentalsmap #infowindowform {
    width: 100%
}

.c-modal-rentalsmap .map-marker.cluster {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: rgba(0, 0, 0, 0) !important
}

.c-modal-rentalsmap .map-marker.cluster span {
    width: 32px !important;
    height: 32px !important;
    font-size: 13px;
    font-weight: 600;
    line-height: 2.6;
    color: #fff;
    background-color: #c2c2c2
}

.c-modal-rentalsmap .map-marker.cluster.selected span {
    background-color: #0472AA;
    background-color: var(--s-color-brand-primary)
}

.c-modal-rentalsmap .map-marker.cluster:hover span {
    background-color: #0472AA;
    background-color: var(--s-color-brand-primary)
}

.c-modal-rentalsmap .map-marker.cluster:hover span:after {
    content: none
}

.c-footer {
    position: relative;
    background-color: #0472AA;
    background-color: var(--s-color-brand-primary)
}

.c-footer__top {
    background-color: #5e6c5b;
    color: #fff
}

.c-footer__bottom {
    background-color: rgb(79.9, 91.8, 77.35);
    color: #fff
}

.c-footer__border {
    display: none
}

.c-footer__inner {
    padding: 30px;
    margin: 0 auto;
    max-width: 1440px
}

.c-footer__inner--v-bigger {
    padding-top: 80px;
    padding-bottom: 50px
}

.c-footer__brand {
    text-align: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 100%
}

.c-footer__brand__image {
    width: 150px
}

@media only screen and (min-width: 992px) {
    .c-footer__brand__image {
        width: 200px
    }
}

@media only screen and (max-width: 991px) {
    .c-footer__brand {
        margin-bottom: 50px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.c-footer__links {
    font-size: 12px
}

.c-footer__links a {
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.c-footer__links a:hover,
.c-footer__links a:active,
.c-footer__links a:focus:active {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.c-footer__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 5px
}

.c-footer__items__icon {
    width: 30px;
    height: 30px;
    min-height: 30px;
    min-width: 30px;
    background-color: rgba(0, 0, 0, .2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-footer__items__icon i {
    color: #fff
}

.c-footer__items__text {
    font-size: 12px
}

.c-footer__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

@media only screen and (min-width: 992px) {
    .c-footer__wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.c-footer__contact-title {
    display: block;
    margin: 20px 0;
    font-size: 12px;
    font-weight: 600
}

.c-footer__agency-name {
    font-size: 16px
}

@media only screen and (max-width: 991px) {
    .c-footer__rrss {
        margin-bottom: 30px
    }
}

.c-footer-collective .c-footer-collective__top {
    background-color: #00527C;
    background-color: var(--s-color-brand-dark)
}

.c-footer-collective .c-footer-collective__top .footer-icon {
    color: #0472AA;
    color: var(--s-color-brand-primary)
}

.c-footer-collective .c-rrss-icons a {
    border-radius: 50%;
    display: inline-block;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.c-footer-collective .c-rrss-icons a:hover,
.c-footer-collective .c-rrss-icons a:active,
.c-footer-collective .c-rrss-icons a:focus:active {
    opacity: .7
}

.c-footer-collective .c-rrss-icons i {
    color: #fff
}

.c-footer-collective .c-rrss-icons__home {
    background-color: #0472AA;
    background-color: var(--s-color-brand-primary)
}

.c-footer-collective .c-rrss-icons__twitter {
    background-color: #000
}

.c-footer-collective .c-rrss-icons__tiktok {
    background-color: #000
}

.c-footer-collective .c-rrss-icons__facebook {
    background-color: #3b5998
}

.c-footer-collective .c-rrss-icons__youtube {
    background-color: red
}

.c-footer-collective .c-rrss-icons__blogger {
    background-color: #fc4f08
}

.c-footer-collective .c-rrss-icons__instagram {
    background-color: #c13584
}

.c-footer-collective .c-rrss-icons__linkedin {
    background-color: #2867b2
}

.c-footer-collective__back-img {
    background-color: #fff !important;
    padding: 5px;
    width: auto !important
}

.c-footer-collective .c-agency-name {
    font-size: 16px
}

.c-footer-collective a:hover,
.c-footer-collective a:active,
.c-footer-collective a:focus:active {
    color: #fff
}

.c-footer-collective__bottom img {
    max-height: 30px;
    max-width: 100%
}

.c-split-page {
    max-width: 1920px;
    margin: 0 auto
}

@media only screen and (min-width: 1200px) {
    .c-split-page__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        min-height: 100vh
    }
}

.c-split-page__gallery {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 200px
}

@media only screen and (min-width: 768px) {
    .c-split-page__gallery {
        min-height: 280px
    }
}

@media only screen and (min-width: 1200px) {
    .c-split-page__gallery {
        position: sticky;
        top: 0;
        width: 40%;
        height: 100vh;
        padding-bottom: 90px
    }
}

@media only screen and (min-width: 1500px) {
    .c-split-page__gallery {
        width: 50%
    }
}

@media only screen and (max-width: 767px) {
    .c-split-page__gallery--hide-onmobile {
        display: none
    }
}

.c-split-page__gallery-header {
    max-width: 680px;
    margin: 0 auto
}

.c-split-page__content {
    padding: 20px
}

@media only screen and (min-width: 768px) {
    .c-split-page__content {
        padding: 40px 20px
    }
}

@media only screen and (min-width: 1200px) {
    .c-split-page__content {
        width: 60%;
        padding: 40px;
        max-width: 1280px;
        margin: 0 auto
    }
}

@media only screen and (min-width: 1500px) {
    .c-split-page__content {
        width: 50%
    }
}

@media only screen and (min-width: 768px) {
    #col-left {
        padding-right: 0
    }
}

@media only screen and (min-width: 992px) {
    .col-left--box {
        background-color: #fff;
        -webkit-box-shadow: 0 0 22px 0 rgba(0, 0, 0, .07);
        box-shadow: 0 0 22px 0 rgba(0, 0, 0, .07);
        padding: 15px;
        border-radius: 4px
    }

    #col-left.col-left--box {
        -webkit-box-shadow: 0 0 22px 0 rgba(0, 0, 0, .07);
        box-shadow: 0 0 22px 0 rgba(0, 0, 0, .07);
        padding: 15px;
        border-radius: 4px
    }
}

.main .container {
    padding-top: 20px;
    padding-bottom: 20px;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .main .container {
        padding-top: 30px
    }
}

@media only screen and (min-width: 768px) {
    .comp-app {
        padding-left: 15px
    }
}

@media only screen and (min-width: 1200px) {
    .comp-app {
        padding-left: 20px;
        padding-right: 0
    }
}

@media only screen and (max-width: 767px) {
    .comp-app {
        min-width: 100%
    }
}

@media only screen and (min-width: 1200px) {
    .map-page .dropdown-menu.dropdown-nav-user {
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.map-page .container {
    display: block;
    width: 100%;
    max-width: none;
    padding: 0;
    margin: 0
}

.map-page #col-left,
.map-page .comp-app {
    min-height: 100%;
    position: relative;
    padding: 0
}

.map-page #col-left {
    background: #fff
}

.map-page .comp-app {
    padding: 0;
    position: relative
}

.map-page .comp-app #gmaps {
    top: 0;
    bottom: 0;
    position: absolute;
    width: 100%;
    background-color: #75cff0
}

.cities-choice {
    height: 100%;
    min-width: 390px;
    max-width: 390px
}

@media only screen and (max-width: 767px) {
    .cities-choice {
        max-width: 100%
    }
}

#sum-continuar {
    bottom: 0;
    background: hsla(0, 0%, 100%, .9);
    border-top: 1px solid #e3e3e3;
    -webkit-box-shadow: none;
    box-shadow: none
}

.sum-continuar__button {
    margin-top: 0;
    width: 100%
}

@media only screen and (min-width: 1500px) {
    .map-page #comp-summary {
        width: 20%
    }
}

@media only screen and (max-width: 767px) {
    .map-page #cont-ciudades2 #comp-summary {
        width: 100%;
        min-width: 0;
        min-width: initial
    }

    .map-page #cont-ciudades2 #gmaps-container {
        display: none
    }
}

#comp-summary {
    position: relative;
    padding: 0
}

body:not(.map-page) #comp-summary {
    width: 100%
}

.payment-images img {
    max-width: 100%;
    max-height: 60px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .payment-images img {
        max-height: 75px
    }
}

.payment-images--small-inline img {
    max-height: 25px
}

.page-cross-selling .btn-menu-help,
.page-cross-selling .header__login,
.page-cross-selling .btn-feedback {
    content: " ";
    z-index: 0 !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    top: -9999px !important;
    left: -9999px !important;
    position: fixed !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
    opacity: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    pointer-events: none !important
}

.c-ticket-options {
    border-bottom: 1px solid #e3e3e3
}

@media only screen and (min-width: 992px) {
    .c-ticket-options {
        margin: 0 -30px;
        padding: 0 10px;
        -webkit-box-shadow: inset 0 8px 10px 1px rgba(0, 0, 0, .03);
        box-shadow: inset 0 8px 10px 1px rgba(0, 0, 0, .03)
    }
}

@media only screen and (min-width: 992px) {
    .c-ticket-options__wrapper {
        padding: 20px 20px 10px;
        max-height: calc(100vh - 400px);
        overflow-y: auto
    }
}

@font-face {
    font-family: "Prompt";
    font-weight: 900;
    src: url("https://booking.vacancyrewards.com/javax.faces.resource/fonts/Prompt-Bold.woff") format("woff"), url("https://booking.vacancyrewards.com/javax.faces.resource/fonts/Prompt-Bold.ttf") format("truetype")
}

.c-page-error__title {
    font-size: 140px
}

@media only screen and (max-width: 991px) {
    .c-page-error__title {
        font-size: 60px
    }
}

@media only screen and (max-width: 767px) {
    .c-page-error__img {
        width: 300px
    }
}

.c-page-error .spinner {
    position: absolute;
    bottom: 60px;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(35%, rgb(186, 66, 255)), to(rgb(0, 225, 255)));
    background-image: linear-gradient(rgb(186, 66, 255) 35%, rgb(0, 225, 255));
    width: 30px;
    height: 30px;
    -webkit-animation: spinning82341 1.7s linear infinite;
    animation: spinning82341 1.7s linear infinite;
    text-align: center;
    border-radius: 50px;
    -webkit-filter: blur(1px);
    filter: blur(1px);
    -webkit-box-shadow: 0px -5px 20px 0px #ba42ff, 0px 5px 20px 0px #00e1ff;
    box-shadow: 0px -5px 20px 0px #ba42ff, 0px 5px 20px 0px #00e1ff
}

.c-page-error .spinner1 {
    background-color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    -webkit-filter: blur(10px);
    filter: blur(10px)
}

@-webkit-keyframes spinning82341 {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spinning82341 {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.c-remote-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 50px;
    border-radius: 50px;
    background-color: #151826 !important;
    color: #fff !important;
    font-size: 18px;
    -webkit-box-shadow: 0 3px 6px rgba(1, 2, 10, .4);
    box-shadow: 0 3px 6px rgba(1, 2, 10, .4);
    min-width: 170px;
    overflow: hidden;
    border: none !important;
    padding: 0 15px;
    -webkit-transition: .7s all ease-out 0s;
    transition: .7s all ease-out 0s
}

.c-remote-btn--circle {
    min-width: 0 !important;
    min-width: initial !important;
    width: 50px !important;
    border-radius: 100%;
    padding: 0
}

.c-remote-btn--xl {
    min-width: 240px;
    font-size: 24px;
    height: 60px
}

.c-remote-btn--md {
    min-width: 150px;
    font-size: 16px;
    height: 40px
}

.c-remote-btn--sm {
    min-width: 120px;
    height: 30px;
    font-size: 14px
}

.c-remote-btn--sm.c-remote-btn--circle {
    width: 30px !important
}

.c-remote-btn--bg-light {
    background-color: #282c41 !important;
    color: #fff !important
}

.c-remote-btn--bg-brand {
    background-color: #13ca92 !important;
    color: #fff !important
}

.c-remote-btn--bg-white {
    background-color: #fff !important;
    color: #282c41 !important
}

.c-remote-btn--bdr-white {
    border: 1px solid #fff !important;
    background-color: rgba(0, 0, 0, 0) !important;
    color: #fff !important
}

.c-remote-btn--bdr-dark {
    border: 1px solid #151826 !important;
    background-color: rgba(0, 0, 0, 0) !important;
    color: #151826 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.c-remote-btn--continue-loader {
    display: none
}

.c-remote-btn--continue--loading .c-remote-btn--continue-text {
    display: none
}

.c-remote-btn--continue--loading .c-remote-btn--continue-loader {
    display: inline-block
}

.c-remote-btn--timer {
    position: relative;
    background-color: rgba(19, 202, 146, .3) !important
}

.c-remote-btn--timer:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #13ca92;
    -webkit-animation: fill 12s linear forwards;
    animation: fill 12s linear forwards
}

.c-remote-btn--disabled {
    opacity: .5;
    pointer-events: none
}

.c-remote-btn--hidden {
    display: none
}

.c-remote-microphone {
    position: absolute;
    z-index: 10000;
    left: calc(50% - 37.5px);
    bottom: 52.5px;
    -webkit-transition: .7s all ease-out .1s;
    transition: .7s all ease-out .1s
}

.c-remote-microphone[data-position=hidden] {
    opacity: 0;
    pointer-events: none
}

.c-remote-microphone[data-position=right] {
    left: calc(100% - 135px - 220px + 67.5px);
    bottom: calc(50% - 67.5px)
}

.c-remote-microphone[data-position=right] .c-remote-microphone__wrapper {
    width: 135px;
    height: 135px
}

.c-remote-microphone[data-position=right] .c-remote-microphone__icon {
    font-size: 60px
}

.c-remote-microphone[data-position=right] .c-remote-microphone__animation {
    width: 61px;
    height: 61px
}

.c-remote-microphone[data-position=right] .c-remote-microphone__timer {
    top: -1px;
    left: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px)
}

.c-remote-microphone[data-position=right] .c-remote-microphone__timer .c-remote-microphone__timer-path {
    stroke-width: 4px;
    stroke: #151826
}

.c-remote-microphone[data-position=right] .c-remote-microphone__text {
    top: -30px;
    left: -20px;
    width: calc(100% + 40px);
    font-size: 30px;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.c-remote-microphone--disabled .c-remote-microphone__wrapper {
    opacity: .5;
    pointer-events: none
}

.c-remote-microphone--disabled .c-remote-microphone__text {
    opacity: 0;
    top: 50%;
    -webkit-transform: translateY(-50%) scale(0.5);
    -ms-transform: translateY(-50%) scale(0.5);
    transform: translateY(-50%) scale(0.5)
}

.c-remote-microphone--talking .c-remote-microphone__timer {
    display: block
}

.c-remote-microphone--talking .c-remote-microphone__text:not(.c-remote-microphone__text--tostop) {
    top: calc(50% - 10px) !important;
    opacity: 0 !important;
    -webkit-transform: scale(0.5) !important;
    -ms-transform: scale(0.5) !important;
    transform: scale(0.5) !important
}

.c-remote-microphone--talking .c-remote-microphone__animation {
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
    -ms-transform: translateX(-50%) translateY(-50%) scale(1);
    transform: translateX(-50%) translateY(-50%) scale(1);
    opacity: 1
}

.c-remote-microphone--talking .c-remote-microphone__icon {
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0.5);
    -ms-transform: translateX(-50%) translateY(-50%) scale(0.5);
    transform: translateX(-50%) translateY(-50%) scale(0.5);
    opacity: 0
}

.c-remote-microphone--block-tablet .c-remote-microphone__mask {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 1
}

.c-remote-microphone--block-tablet .c-remote-microphone__mask-blocker {
    display: block
}

.c-remote-microphone__mask {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    width: 220vw;
    height: 220vh;
    background-color: rgba(0, 0, 0, .4);
    border-radius: 50%;
    opacity: 0;
    -webkit-transition: .7s all ease-out 0s;
    transition: .7s all ease-out 0s
}

.c-remote-microphone__mask-blocker {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 220vw;
    height: 220vh;
    opacity: 0
}

.c-remote-microphone__wrapper {
    position: relative;
    z-index: 1;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: .7s all ease-out .1s;
    transition: .7s all ease-out .1s
}

.c-remote-microphone__icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
    -ms-transform: translateX(-50%) translateY(-50%) scale(1);
    transform: translateX(-50%) translateY(-50%) scale(1);
    font-size: 36px;
    color: #151826;
    -webkit-transition: .7s all ease-out .1s;
    transition: .7s all ease-out .1s
}

.c-remote-microphone__animation {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0.5);
    -ms-transform: translateX(-50%) translateY(-50%) scale(0.5);
    transform: translateX(-50%) translateY(-50%) scale(0.5);
    width: 34px;
    height: 34px;
    opacity: 0
}

.c-remote-microphone__timer {
    display: none;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.c-remote-microphone__timer-path {
    fill: none;
    stroke: #151826;
    stroke-miterlimit: 10;
    stroke-width: 6px;
    stroke-dasharray: 1000;
    stroke-dashoffset: 0;
    -webkit-animation: fillTimer 45s linear 1;
    animation: fillTimer 45s linear 1
}

.c-remote-microphone__text {
    position: absolute;
    z-index: -1;
    top: calc(100% + 10px);
    left: -20px;
    width: calc(100% + 40px);
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    line-height: 1;
    text-align: center;
    -webkit-transition: .7s all ease-out .1s;
    transition: .7s all ease-out .1s
}

.c-remote-microphone:not(.c-remote-microphone--talking) .c-remote-microphone__text--tostop {
    top: calc(50% - 10px) !important;
    opacity: 0 !important;
    -webkit-transform: scale(0.5) !important;
    -ms-transform: scale(0.5) !important;
    transform: scale(0.5) !important
}

.c-remote-input .c-icon-escort__icon {
    color: #fff
}

.c-remote-input--highlight .c-remote-input__field {
    border-color: #13ca92
}

.c-remote-input--highlight .c-icon-escort__icon {
    color: #13ca92
}

.c-remote-input__label {
    display: block;
    color: #fff;
    font-weight: 400;
    padding-bottom: 10px;
    margin: 0
}

.c-remote-input__label.ui-state-error {
    font-weight: 700;
    color: #e01d1d
}

.c-remote-input__label.ui-state-error .ui-outputlabel-rfi {
    color: #e01d1d
}

.c-remote-input__label .ui-outputlabel-rfi {
    color: #13ca92
}

.c-remote-input__field {
    height: 50px;
    width: 100%;
    background-color: #282c41;
    padding-right: 50px;
    padding-left: 20px;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 8px;
    color: #fff;
    -webkit-box-shadow: 3px 3px 30px rgba(19, 202, 146, .2) !important;
    box-shadow: 3px 3px 30px rgba(19, 202, 146, .2) !important
}

.c-remote-input__field:hover {
    border-color: rgba(0, 0, 0, 0)
}

.c-remote-input__field:focus {
    border-color: #13ca92;
    scroll-margin: 10px
}

.c-remote-input__field--textarea {
    min-height: 85px
}

.c-remote-input__field--white {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-color: #fff;
    background-color: rgba(0, 0, 0, 0)
}

.c-remote-input__field--white:hover {
    border-color: #fff
}

.c-remote-input__field optgroup,
.c-remote-input__field option {
    color: #fff;
    background-color: #282c41
}

.c-remote-input__field[type=time]::-webkit-calendar-picker-indicator {
    display: none
}

.c-remote-input__field.ui-state-error {
    border-color: #f44336
}

.c-remote-input__field.ui-state-disabled {
    border: 1px solid #fff
}

.c-remote-input__field.bootstrap-select>.dropdown-toggle {
    background-color: rgba(0, 0, 0, 0) !important;
    border: none;
    height: 100%;
    color: #fff !important
}

.c-remote-input__field.bootstrap-select>.dropdown-toggle .filter-option {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-remote-input__field.bootstrap-select>.dropdown-toggle .bs-caret {
    display: none
}

.c-remote-input__field.bootstrap-select>.dropdown-menu {
    max-height: 355px !important
}

.c-remote-input__field.ui-selectonemenu .ui-selectonemenu-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    padding-left: 20px;
    color: #fff
}

.c-remote-input__field.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
    color: #fff
}

.c-remote-input__field .ui-selectcheckboxmenu-multiple-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
    background-color: rgba(0, 0, 0, 0)
}

.c-remote-input .ui-autocomplete-empty-message {
    color: #151826
}

.c-remote-checkbox {
    position: relative;
    font-family: "primeicons" !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    height: 20px;
    padding: 0;
    border: 0;
    line-height: 1;
    cursor: pointer
}

.c-remote-checkbox:before {
    content: "";
    display: block;
    position: relative;
    width: 20px;
    height: 20px;
    border: 1px solid #fff;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0)
}

.c-remote-checkbox:after {
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 10px;
    font-weight: 700
}

.c-remote-checkbox--checked {
    background-color: rgba(0, 0, 0, 0)
}

.c-remote-checkbox--checked:after {
    content: "";
    border-color: #fff;
    background: #fff;
    color: #fff
}

.c-remote-checkbox:checked {
    background-color: rgba(0, 0, 0, 0)
}

.c-remote-checkbox:checked:after {
    content: "";
    border-color: #fff;
    background: rgba(0, 0, 0, 0);
    color: #fff
}

.c-remote-checkbox[disabled=disabled]:after {
    border-color: hsla(0, 0%, 100%, .5);
    background: rgba(0, 0, 0, 0);
    color: hsla(0, 0%, 100%, .5)
}

.c-remote-scrollbar {
    overflow-y: auto;
    scrollbar-color: #151826 rgba(21, 24, 38, .2) !important;
    scrollbar-width: thin !important
}

.c-remote-scrollbar::-webkit-scrollbar {
    width: 7px
}

.c-remote-scrollbar::-webkit-scrollbar-track {
    background: rgba(21, 24, 38, .2)
}

.c-remote-scrollbar::-webkit-scrollbar-thumb {
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    height: 100px;
    max-height: 100px;
    background: #151826;
    width: 7px
}

.c-remote-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #13ca92
}

.c-remote-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    border-bottom: 1px solid hsla(0, 0%, 100%, .2)
}

.c-remote-tabs__tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 5px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    height: 40px;
    border-radius: 8px 8px 0 0
}

.c-remote-tabs__tab--active {
    background-color: hsla(0, 0%, 100%, .3)
}

.c-remote-caption--calendar {
    position: absolute;
    top: -10px
}

.c-remote-caption__dot {
    font-size: 10px
}

.c-remote-caption__dot--hotel {
    color: #e67614
}

.c-remote-caption__dot--transport {
    color: #b263ee
}

.c-remote-caption__dot--transfer {
    color: #37a0e6
}

.c-remote-caption__dot--ticket {
    color: #ffcf3c
}

.c-viewport-sidepanel {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: .7s all ease-out 0s;
    transition: .7s all ease-out 0s
}

.c-viewport-sidepanel__content {
    width: calc(100% - 750px);
    min-width: calc(100% - 750px)
}

.c-viewport-sidepanel__content-card {
    opacity: 0;
    -webkit-transform: translateX(50px);
    -ms-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition: .7s all ease-out 0s;
    transition: .7s all ease-out 0s
}

.c-viewport-sidepanel__content-info {
    position: relative;
    z-index: 4;
    height: 100%;
    padding: 180px 70px 80px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(40, 44, 65, 0.85)), to(rgba(8, 9, 13, 0.04)));
    background: linear-gradient(90deg, rgba(40, 44, 65, 0.85) 0%, rgba(8, 9, 13, 0.04) 100%)
}

.c-viewport-sidepanel__content-info--bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end
}

.c-viewport-sidepanel__header {
    position: relative;
    width: 750px;
    min-width: 750px;
    background-color: #151826;
    padding: 150px 60px 0;
    -webkit-transform: translateX(50px);
    -ms-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition: .7s all ease-out 0s;
    transition: .7s all ease-out 0s
}

.c-viewport-sidepanel__header:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background-image: url("https://booking.vacancyrewards.com/resources/dora/images/background-dot.png");
    background-repeat: round;
    opacity: .1
}

.c-viewport-sidepanel__header-icon {
    position: absolute;
    top: 70px;
    right: 70px;
    font-size: 80px;
    color: #fff
}

.c-viewport-sidepanel__graphic {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    max-width: 275px;
    padding: 40px 0;
    opacity: .03;
    -webkit-transform: translateY(25%);
    -ms-transform: translateY(25%);
    transform: translateY(25%);
    -webkit-transition: .7s all ease-out 0s;
    transition: .7s all ease-out 0s
}

.c-viewport-sidepanel__graphic img {
    -o-object-position: 100% 50%;
    object-position: 100% 50%
}

.c-viewport-sidepanel[data-active=true] {
    pointer-events: auto;
    opacity: 1
}

.c-viewport-sidepanel[data-active=true] .c-viewport-sidepanel__content-card {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.c-viewport-sidepanel[data-active=true] .c-viewport-sidepanel__content-card:nth-child(1) {
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}

.c-viewport-sidepanel[data-active=true] .c-viewport-sidepanel__content-card:nth-child(2) {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.c-viewport-sidepanel[data-active=true] .c-viewport-sidepanel__content-card:only-child {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.c-viewport-sidepanel[data-active=true] .c-viewport-sidepanel__header {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.c-viewport-sidepanel[data-active=true] .c-viewport-sidepanel__graphic {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.c-viewport-overpanel {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    -webkit-transition: .4s all ease-out 0s;
    transition: .4s all ease-out 0s
}

.c-viewport-overpanel[data-active=true] {
    opacity: 1;
    pointer-events: auto
}

.c-viewport-overpanel[data-active=true].c-viewport-overpanel--mask:before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    border-radius: 0;
    opacity: 1
}

.c-viewport-overpanel[data-active=true] .c-viewport-overpanel__content {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    border-radius: 0;
    opacity: 1
}

.c-viewport-overpanel--mask:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(rgba(21, 24, 38, 0.8)), to(rgba(8, 9, 13, 0)));
    background: linear-gradient(90deg, rgba(21, 24, 38, 0.8) 0%, rgba(8, 9, 13, 0) 100%);
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    border-radius: 25%;
    opacity: 0;
    -webkit-transition: .4s all ease-out 0s;
    transition: .4s all ease-out 0s
}

.c-viewport-overpanel__content {
    position: relative;
    z-index: 1;
    opacity: 0;
    -webkit-transform: translateX(-60px);
    -ms-transform: translateX(-60px);
    transform: translateX(-60px);
    -webkit-transition: .7s all ease-out 0s;
    transition: .7s all ease-out 0s
}

.c-remote-bar {
    position: absolute;
    z-index: 9999;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 90px;
    background-color: #151826
}

.c-remote-view {
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 90px;
    width: 100%;
    height: calc(100% - 90px);
    padding-top: 70px;
    opacity: 0;
    pointer-events: none
}

.c-remote-view[data-active=true] {
    opacity: 1;
    pointer-events: auto
}

.c-remote-view__media {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.c-remote-view__media:before {
    content: "";
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .1)
}

.c-remote-view__media-phrase {
    position: absolute;
    z-index: 1;
    bottom: 225px;
    left: 0;
    font-size: 200px;
    font-weight: 700;
    color: hsla(0, 0%, 100%, .3);
    white-space: nowrap;
    line-height: 1;
    -webkit-animation: infinite-phrase 150s infinite linear;
    animation: infinite-phrase 150s infinite linear
}

.c-remote-view__media-img-front {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0
}

.c-remote-view__media-video {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    min-width: 100%;
    min-height: 100%
}

.c-remote-view__info {
    position: relative;
    z-index: 4
}

@-webkit-keyframes infinite-phrase {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(calc(-50% - 20px));
        transform: translateX(calc(-50% - 20px))
    }
}

@keyframes infinite-phrase {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(calc(-50% - 20px));
        transform: translateX(calc(-50% - 20px))
    }
}

.c-remote-nav {
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    width: calc(100% - 350px);
    height: 70px
}

.c-remote-nav--full {
    width: 100%
}

.c-remote-chat {
    position: absolute;
    z-index: 99;
    top: 0;
    left: 0;
    bottom: 90px;
    width: 100%;
    height: calc(100% - 90px);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: .7s opacity ease-out 0s;
    transition: .7s opacity ease-out 0s
}

.c-remote-chat--active {
    opacity: 1;
    pointer-events: auto
}

.c-remote-chat--active .c-remote-chat__bar {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.c-remote-chat--active .c-remote-chat__panel {
    opacity: 1
}

.c-remote-chat__bar {
    height: 50px;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: .7s all ease-out 0s;
    transition: .7s all ease-out 0s
}

.c-remote-chat__content {
    height: calc(100% - 50px)
}

.c-remote-chat__content video {
    top: 50%;
    height: 100%
}

.c-remote-chat__panel {
    position: absolute;
    z-index: 4;
    top: 0;
    left: 0;
    height: 100%;
    width: calc(100% - 440px);
    background-color: rgba(40, 44, 65, .6);
    overflow-y: scroll;
    opacity: 0;
    -webkit-transition: .7s opacity ease-out 0s;
    transition: .7s opacity ease-out 0s
}

.c-remote-chat__message {
    opacity: 0;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
    -webkit-transition: .7s all ease-out 0s;
    transition: .7s all ease-out 0s
}

.c-remote-chat__message--animation {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.c-remote-chat__input {
    -webkit-transition: .7s all ease-out 0s;
    transition: .7s all ease-out 0s
}

.c-remote-chat__input--hidden {
    display: none
}

.c-remote-chat__input--disabled {
    opacity: .5;
    pointer-events: none
}

.c-remote-service {
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 90px;
    width: 100%;
    height: calc(100% - 90px + 1px);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: .7s all ease-out 0s;
    transition: .7s all ease-out 0s
}

.c-remote-service[data-active=true] {
    opacity: 1;
    pointer-events: auto
}

.c-remote-service[data-active=true] .c-remote-service__column,
.c-remote-service[data-active=true] .c-remote-service__map {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.c-remote-service--map .c-remote-service__content {
    width: 600px;
    min-width: 600px
}

.c-remote-service--map .c-remote-service__content:before {
    width: 600px
}

.c-remote-service__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    background-color: #151826
}

.c-remote-service__background {
    position: absolute;
    left: 50%;
    top: 50%;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%)
}

.c-remote-service__background--reverse {
    -webkit-transform: translateY(-50%) translateX(-50%) rotateZ(180deg);
    -ms-transform: translateY(-50%) translateX(-50%) rotate(180deg);
    transform: translateY(-50%) translateX(-50%) rotateZ(180deg)
}

.c-remote-service__column {
    width: 350px;
    min-width: 350px;
    color: #fff;
    opacity: 0;
    -webkit-transform: translateX(50px);
    -ms-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition: .7s all ease-out 0s;
    transition: .7s all ease-out 0s
}

.c-remote-service__map {
    width: calc(100% - 600px);
    height: 100%;
    background-color: #151826;
    opacity: 0;
    -webkit-transform: translateX(50px);
    -ms-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition: .7s all ease-out 0s;
    transition: .7s all ease-out 0s
}

.c-remote-service__content {
    height: 100%;
    width: calc(100% - 350px);
    min-width: calc(100% - 350px);
    overflow: hidden;
    padding-top: 70px;
    color: #fff
}

.c-remote-service__content:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 350px);
    height: 100%;
    z-index: 1;
    background-color: rgba(21, 24, 38, .6)
}

.c-remote-service__content-wrapper {
    position: relative;
    z-index: 2;
    height: 100%
}

.c-remote-service__section {
    height: 100%;
    opacity: 0;
    -webkit-transition: .7s all ease-out 0s;
    transition: .7s all ease-out 0s
}

.c-remote-service__section-header {
    position: relative;
    z-index: 1;
    padding: 0 30px 15px;
    height: 50px
}

.c-remote-service__section-content {
    height: calc(100% - 50px);
    padding: 15px 30px 30px
}

.c-remote-service__section-title {
    padding: 0 30px;
    margin: 0 -30px;
    background-color: rgba(19, 202, 146, .2)
}

.c-remote-service__section-title--routing {
    background-color: rgba(178, 99, 238, .2)
}

.c-remote-service__section-title--cruise {
    background-color: rgba(17, 178, 178, .2)
}

.c-remote-service__section-dora-background {
    position: absolute;
    top: -70px;
    right: 0;
    width: 520px;
    height: 700px;
    background-image: url(https://booking.vacancyrewards.com/resources/dora/icons/dora-sweet-face.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
    opacity: .05
}

.c-remote-service__section .c-remote-card__list>* {
    opacity: 0;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: .35s all ease-out 0s;
    transition: .35s all ease-out 0s
}

.c-remote-service__section .c-remote-service__calendar {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
    -webkit-transition: .7s all ease-out 0s;
    transition: .7s all ease-out 0s
}

.c-remote-service__section .c-remote-payment__content {
    height: calc(100% - 70px)
}

.c-remote-service__section .c-remote-payment__column {
    -webkit-transform: translateX(50px);
    -ms-transform: translateX(50px);
    transform: translateX(50px)
}

.c-remote-service__section--active {
    opacity: 1
}

.c-remote-service__section--active .c-remote-card__list>* {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.c-remote-service__section--active .c-remote-card__list>*:nth-child(1) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s
}

.c-remote-service__section--active .c-remote-card__list>*:nth-child(2) {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s
}

.c-remote-service__section--active .c-remote-card__list>*:nth-child(3) {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s
}

.c-remote-service__section--active .c-remote-card__list>*:nth-child(4) {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s
}

.c-remote-service__section--active .c-remote-card__list>*:nth-child(5) {
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

.c-remote-service__section--active .c-remote-card__list>*:nth-child(6) {
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s
}

.c-remote-service__section--active .c-remote-card__list>*:nth-child(7) {
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s
}

.c-remote-service__section--active .c-remote-card__list>*:nth-child(8) {
    -webkit-transition-delay: 1.6s;
    transition-delay: 1.6s
}

.c-remote-service__section--active .c-remote-card__list>*:nth-child(9) {
    -webkit-transition-delay: 1.8s;
    transition-delay: 1.8s
}

.c-remote-service__section--active .c-remote-card__list>*:nth-child(10) {
    -webkit-transition-delay: 2s;
    transition-delay: 2s
}

.c-remote-service__section--active .c-remote-card__list>*:nth-child(11) {
    -webkit-transition-delay: 2.2s;
    transition-delay: 2.2s
}

.c-remote-service__section--active .c-remote-card__list>*:nth-child(12) {
    -webkit-transition-delay: 2.4s;
    transition-delay: 2.4s
}

.c-remote-service__section--active .c-remote-card__list>*:nth-child(13) {
    -webkit-transition-delay: 2.6s;
    transition-delay: 2.6s
}

.c-remote-service__section--active .c-remote-card__list>*:nth-child(14) {
    -webkit-transition-delay: 2.8s;
    transition-delay: 2.8s
}

.c-remote-service__section--active .c-remote-card__list>*:nth-child(15) {
    -webkit-transition-delay: 3s;
    transition-delay: 3s
}

.c-remote-service__section--active .c-remote-card__list>*:nth-child(16) {
    -webkit-transition-delay: 3.2s;
    transition-delay: 3.2s
}

.c-remote-service__section--active .c-remote-card__list>*:nth-child(17) {
    -webkit-transition-delay: 3.4s;
    transition-delay: 3.4s
}

.c-remote-service__section--active .c-remote-card__list>*:nth-child(18) {
    -webkit-transition-delay: 3.6s;
    transition-delay: 3.6s
}

.c-remote-service__section--active .c-remote-card__list>*:nth-child(19) {
    -webkit-transition-delay: 3.8s;
    transition-delay: 3.8s
}

.c-remote-service__section--active .c-remote-card__list>*:nth-child(20) {
    -webkit-transition-delay: 4s;
    transition-delay: 4s
}

.c-remote-service__section--active .c-remote-card__list>*:nth-child(21) {
    -webkit-transition-delay: 4.2s;
    transition-delay: 4.2s
}

.c-remote-service__section--active .c-remote-card__list>*:nth-child(22) {
    -webkit-transition-delay: 4.4s;
    transition-delay: 4.4s
}

.c-remote-service__section--active .c-remote-card__list>*:nth-child(23) {
    -webkit-transition-delay: 4.6s;
    transition-delay: 4.6s
}

.c-remote-service__section--active .c-remote-card__list>*:nth-child(24) {
    -webkit-transition-delay: 4.8s;
    transition-delay: 4.8s
}

.c-remote-service__section--active .c-remote-card__list>*:nth-child(25) {
    -webkit-transition-delay: 5s;
    transition-delay: 5s
}

.c-remote-service__section--active .c-remote-card__list>*:nth-child(26) {
    -webkit-transition-delay: 5.2s;
    transition-delay: 5.2s
}

.c-remote-service__section--active .c-remote-card__list>*:nth-child(27) {
    -webkit-transition-delay: 5.4s;
    transition-delay: 5.4s
}

.c-remote-service__section--active .c-remote-card__list>*:nth-child(28) {
    -webkit-transition-delay: 5.6s;
    transition-delay: 5.6s
}

.c-remote-service__section--active .c-remote-card__list>*:nth-child(29) {
    -webkit-transition-delay: 5.8s;
    transition-delay: 5.8s
}

.c-remote-service__section--active .c-remote-card__list>*:nth-child(30) {
    -webkit-transition-delay: 6s;
    transition-delay: 6s
}

.c-remote-service__section--active .c-remote-service__calendar {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.c-remote-service__section--active .c-remote-service__rooms {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

.c-remote-service__section--active .c-remote-service__rooms-distribution {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

.c-remote-service__section--active .c-remote-payment__column {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.c-remote-service__rooms {
    -webkit-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
    -webkit-transition: .7s all ease-out 0s;
    transition: .7s all ease-out 0s
}

.c-remote-service__rooms-distribution {
    -webkit-transform: translateX(50px);
    -ms-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
    -webkit-transition: .7s all ease-out .35s;
    transition: .7s all ease-out .35s
}

.c-remote-service__calendar .ui-datepicker {
    background: #282c41;
    border: 1px solid #fff;
    border-radius: 20px;
    color: #fff;
    width: 100%
}

.c-remote-service__calendar .ui-datepicker .ui-datepicker-header {
    background-color: rgba(0, 0, 0, 0);
    border: none;
    font-size: 22px;
    color: #fff;
    text-transform: capitalize;
    padding: 15px 30px
}

.c-remote-service__calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
    text-align: left
}

.c-remote-service__calendar .ui-datepicker .ui-datepicker-calendar-container .ui-datepicker-calendar th {
    color: hsla(0, 0%, 100%, .6);
    font-size: 15px
}

.c-remote-service__calendar .ui-datepicker .ui-datepicker-calendar-container .ui-datepicker-calendar td a,
.c-remote-service__calendar .ui-datepicker .ui-datepicker-calendar-container .ui-datepicker-calendar td span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 60px;
    border-radius: 4px;
    padding: 0
}

.c-remote-service__calendar .ui-datepicker .ui-datepicker-calendar-container .ui-datepicker-calendar td .ui-state-default {
    position: relative
}

.c-remote-service__calendar .ui-datepicker .ui-datepicker-calendar-container .ui-datepicker-calendar td .ui-state-default:before {
    content: "";
    position: absolute;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
    width: 60px;
    height: 60px;
    border: 3px solid #13ca92;
    border-radius: 50%;
    opacity: 0
}

.c-remote-service__calendar .ui-datepicker .ui-datepicker-calendar-container .ui-datepicker-calendar td .ui-state-default:hover,
.c-remote-service__calendar .ui-datepicker .ui-datepicker-calendar-container .ui-datepicker-calendar td .ui-state-default:active,
.c-remote-service__calendar .ui-datepicker .ui-datepicker-calendar-container .ui-datepicker-calendar td .ui-state-default:focus:active {
    background-color: rgba(0, 0, 0, 0);
    color: #fff
}

.c-remote-service__calendar .ui-datepicker .ui-datepicker-calendar-container .ui-datepicker-calendar td .ui-state-hover {
    background-color: rgba(0, 0, 0, 0);
    color: #fff
}

.c-remote-service__calendar .ui-datepicker .ui-datepicker-calendar-container .ui-datepicker-calendar td .ui-state-highlight {
    background-color: rgba(0, 0, 0, 0);
    color: #fff
}

.c-remote-service__calendar .ui-datepicker .ui-datepicker-calendar-container .ui-datepicker-calendar td .ui-state-highlight:before {
    top: calc(50% - 25px);
    left: calc(50% - 25px);
    width: 50px;
    height: 50px;
    border: none;
    background-color: hsla(0, 0%, 100%, .2);
    opacity: 1
}

.c-remote-service__calendar .ui-datepicker .ui-datepicker-calendar-container .ui-datepicker-calendar td .ui-state-active {
    background-color: rgba(0, 0, 0, 0);
    color: #fff
}

.c-remote-service__calendar .ui-datepicker .ui-datepicker-calendar-container .ui-datepicker-calendar td .ui-state-active:before {
    opacity: 1
}

.c-remote-service__calendar .ui-datepicker .ui-datepicker-calendar-container .ui-datepicker-calendar td.date-range-selected .ui-state-default {
    background-color: rgba(0, 0, 0, 0)
}

.c-remote-service__calendar .ui-datepicker .ui-datepicker-calendar-container .ui-datepicker-calendar td.date-range-selected .ui-state-default:before {
    background-color: rgba(19, 202, 146, .3);
    border-color: rgba(0, 0, 0, 0);
    opacity: 1
}

.c-remote-service__calendar .ui-datepicker td {
    font-size: 18px;
    padding: 0
}

.c-remote-service__calendar .ui-datepicker .ui-datepicker-next,
.c-remote-service__calendar .ui-datepicker .ui-datepicker-prev {
    color: #13ca92
}

.c-remote-service__calendar .ui-datepicker .ui-datepicker-next:hover,
.c-remote-service__calendar .ui-datepicker .ui-datepicker-next:active,
.c-remote-service__calendar .ui-datepicker .ui-datepicker-next:focus:active,
.c-remote-service__calendar .ui-datepicker .ui-datepicker-prev:hover,
.c-remote-service__calendar .ui-datepicker .ui-datepicker-prev:active,
.c-remote-service__calendar .ui-datepicker .ui-datepicker-prev:focus:active {
    background-color: rgba(0, 0, 0, 0);
    color: #13ca92
}

.c-remote-service__calendar .ui-datepicker .ui-datepicker-next {
    right: 40px
}

.c-remote-service__calendar .ui-datepicker .ui-datepicker-prev {
    left: auto;
    right: 85px
}

.c-remote-service--full .c-remote-service__content {
    width: 100%
}

.c-remote-service--full .c-remote-service__content:before {
    width: 100%
}

.c-remote-service--full .c-remote-service__column {
    display: none
}

.c-remote-card {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    background-color: #282c41;
    -webkit-box-shadow: 3px 3px 30px rgba(19, 202, 146, .2);
    box-shadow: 3px 3px 30px rgba(19, 202, 146, .2)
}

.c-remote-card:before {
    content: "";
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 3px solid rgba(0, 0, 0, 0);
    border-radius: 20px;
    pointer-events: none
}

.c-remote-card:focus:before {
    border-color: #13ca92
}

.c-remote-card--height-xl {
    min-height: 430px
}

.c-remote-card--height-lg {
    min-height: 370px
}

.c-remote-card--height-md {
    min-height: 330px
}

.c-remote-card--height-sm {
    min-height: 215px
}

.c-remote-card--height-xs {
    min-height: 120px
}

.c-remote-card--simple {
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0);
    -webkit-box-shadow: none;
    box-shadow: none
}

.c-remote-card--simple:before {
    border-radius: 10px;
    border: 1px solid #fff
}

.c-remote-card--simple:focus {
    background-color: #282c41
}

.c-remote-card--simple:focus:before {
    border-color: #13ca92;
    border-width: 3px
}

.c-remote-card--selected:before {
    border-color: #13ca92
}

.c-remote-card--selected.c-remote-card--reduced {
    color: #13ca92;
    background-color: #282c41;
    border: 3px solid #13ca92
}

.c-remote-card--selected.c-remote-card--video .c-remote-card__icon:not(.c-remote-card__icon--pause) {
    opacity: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.c-remote-card--selected.c-remote-card--video .c-remote-card__icon--pause {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}

.c-remote-card--video .c-remote-card__icon--pause {
    opacity: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.c-remote-card__price {
    position: absolute;
    z-index: 2;
    bottom: 0;
    right: 0;
    padding: 15px 20px;
    border-top-left-radius: 20px;
    background-color: #13ca92;
    font-size: 30px;
    color: #fff;
    font-weight: 700;
    line-height: 1
}

.c-remote-card__price-difference {
    position: absolute;
    z-index: 2;
    bottom: 30px;
    left: 30px;
    font-size: 30px;
    color: #fff;
    font-weight: 700
}

.c-remote-card__graphic {
    position: absolute;
    z-index: 2;
    bottom: 70px;
    right: -30px;
    opacity: .03
}

.c-remote-card__icon {
    position: absolute;
    z-index: 2;
    bottom: 30px;
    right: 30px;
    font-size: 90px;
    color: #fff;
    line-height: 1;
    -webkit-transition: .45s all ease-out 0s;
    transition: .45s all ease-out 0s;
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom
}

.c-remote-card__collapse[aria-expanded=true] .c-remote-card__collapse--tohide {
    opacity: 0
}

.c-remote-card__collapse[aria-expanded=true] .fa-chevron-down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.c-remote-cart {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: .7s all ease-out 0s;
    transition: .7s all ease-out 0s
}

.c-remote-cart--active {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.c-remote-cart--active .c-remote-service {
    opacity: 1;
    pointer-events: auto
}

.c-remote-cart--active .c-remote-service__section {
    opacity: 1
}

.c-remote-cart--active .c-remote-service__column {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.c-remote-cart__button-add {
    position: absolute;
    top: 5px;
    right: 0;
    width: 18px;
    height: 18px;
    -webkit-transition: .7s all ease-out 0s;
    transition: .7s all ease-out 0s
}

.c-remote-cart__button-add--counter {
    background-color: #ffd500
}

.c-remote-cart .c-remote-payment__column {
    -webkit-transform: translateX(50px);
    -ms-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition: .7s all ease-out 0s;
    transition: .7s all ease-out 0s
}

.c-remote-service .c-remote-cart .c-remote-service {
    height: 100%;
    bottom: 0
}

.c-remote-overcurtain {
    position: absolute;
    z-index: 98;
    left: 0;
    top: 0;
    width: 100%;
    height: calc(100% - 90px + 1px);
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: .7s all ease-out 0s;
    transition: .7s all ease-out 0s
}

.c-remote-overcurtain--active {
    opacity: 1;
    pointer-events: auto
}

.c-remote-overcurtain--active .c-remote-overcurtain__left,
.c-remote-overcurtain--active .c-remote-overcurtain__right {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.c-remote-overcurtain__background {
    position: absolute;
    left: 50%;
    top: 50%;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translateY(-50%) translateX(-50%) rotateZ(180deg);
    -ms-transform: translateY(-50%) translateX(-50%) rotate(180deg);
    transform: translateY(-50%) translateX(-50%) rotateZ(180deg)
}

.c-remote-overcurtain__left {
    width: 50%;
    min-width: 50%;
    opacity: 0;
    -webkit-transform: translateX(-80px);
    -ms-transform: translateX(-80px);
    transform: translateX(-80px);
    -webkit-transition: .7s all ease-out 0s;
    transition: .7s all ease-out 0s
}

.c-remote-overcurtain__right {
    width: 50%;
    min-width: 50%;
    opacity: 0;
    -webkit-transform: translateX(80px);
    -ms-transform: translateX(80px);
    transform: translateX(80px);
    -webkit-transition: .7s all ease-out 0s;
    transition: .7s all ease-out 0s
}

.c-remote-itinerary {
    position: relative;
    height: calc(100% - 90px);
    padding-bottom: 90px
}

.c-remote-itinerary__button {
    position: absolute;
    z-index: 1;
    bottom: 20px;
    left: 0;
    width: 100%
}

.c-remote-route__element {
    position: relative;
    padding: 15px 10px;
    margin: 10px 0;
    background-color: #282c41;
    border: 1px solid hsla(0, 0%, 100%, .2);
    border-radius: 14px;
    -webkit-box-shadow: 3px 3px 30px rgba(19, 202, 146, .2);
    box-shadow: 3px 3px 30px rgba(19, 202, 146, .2);
    -ms-touch-action: auto;
    touch-action: auto
}

.c-remote-route__icon {
    width: 30px;
    min-width: 30px;
    height: 30px;
    min-height: 30px;
    background-color: #fff;
    color: #151826
}

.c-remote-route__icon--destination {
    background-color: #13ca92;
    color: #fff
}

.c-remote-route__icon--summary {
    background-color: #13ca92;
    color: #fff;
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px
}

.c-remote-route__icon--service {
    width: 30px;
    min-width: 30px;
    height: 30px;
    min-height: 30px;
    margin: 0 0px
}

.c-remote-route__icon--hotel {
    background-color: #e67614;
    color: #fff
}

.c-remote-route__icon--tour {
    background-color: #2f6e98;
    color: #fff
}

.c-remote-route__icon--cruise {
    background-color: #11b2b2;
    color: #fff
}

.c-remote-route__icon--routing {
    background-color: #b263ee;
    color: #fff
}

.c-remote-route__transport {
    padding: 0 10px;
    margin: 10px 0
}

.c-remote-route__transport-journey {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    width: 30px;
    min-width: 30px;
    text-align: center
}

.c-remote-route__transport-journey .c-remote-route__line {
    height: 15px
}

.c-remote-route__transport-journey .c-remote-route__line--service {
    height: 100%
}

.c-remote-route__line {
    width: 1px;
    background-image: url("https://booking.vacancyrewards.com/javax.faces.resource/images/route-line.svg");
    background-repeat: repeat-y;
    background-size: contain;
    background-position: center
}

.c-remote-route__line--service {
    margin: 0 0 5px
}

.c-remote-route__menu {
    padding: 5px
}

.c-remote-map {
    position: relative;
    z-index: 2
}

.c-remote-map__panel {
    position: absolute;
    z-index: 4;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
    pointer-events: none;
    -webkit-transition: .7s all ease-out 0s;
    transition: .7s all ease-out 0s
}

.c-remote-map__panel--active {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    pointer-events: auto
}

.c-remote-map__panel-mask {
    position: absolute;
    top: 0;
    right: 100%;
    height: 100%;
    width: 100%;
    background-color: rgba(40, 44, 65, .6)
}

.c-remote-map__panel-background {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.c-remote-map__panel-content {
    position: relative;
    z-index: 1;
    height: 100%;
    padding: 30px 30px 60px 30px
}

.c-dora-remote {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100vh;
    width: 100vw;
    background-color: #000
}

.c-dora-remote__container {
    position: relative;
    height: 100%;
    width: 100%;
    max-width: 1280px;
    max-height: 720px;
    overflow: hidden;
    background-color: #151826
}

.c-dora-remote--hide-conversation .c-remote-microphone,
.c-dora-remote--hide-conversation .dev-remote-keyboard-btn,
.c-dora-remote--hide-conversation .c-remote-chat__input {
    display: none !important
}

.c-dora-viewport__container {
    position: relative;
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    background-color: #151826
}

.c-dora-viewport__logo {
    position: absolute;
    z-index: 2;
    top: 60px;
    left: 60px;
    -webkit-transition: .7s all ease-out 0s;
    transition: .7s all ease-out 0s
}

.c-dora-viewport__logo--loading img {
    opacity: 0 !important;
    -webkit-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%)
}

.c-dora-viewport__logo--loading .c-dora-viewport__logo__load {
    opacity: 1;
    -webkit-transform: translateY(-50%) translateX(0);
    -ms-transform: translateY(-50%) translateX(0);
    transform: translateY(-50%) translateX(0)
}

.c-dora-viewport__logo__white {
    width: 200px;
    -webkit-transition: .7s all ease-out 0s;
    transition: .7s all ease-out 0s
}

.c-dora-viewport__logo__brand {
    position: absolute;
    top: 0;
    left: 0;
    width: 170px;
    opacity: 0;
    -webkit-transition: .7s all ease-out 0s;
    transition: .7s all ease-out 0s
}

.c-dora-viewport__logo__load {
    position: absolute;
    top: 50%;
    left: -10px;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    width: 150px;
    opacity: 0;
    -webkit-transition: .7s all ease-out 0s;
    transition: .7s all ease-out 0s
}

.c-dora-viewport__multimedia {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #151826
}

.c-dora-viewport__videos__element {
    position: absolute;
    left: 50%;
    top: 50%;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    opacity: 0;
    -webkit-transition: .7s all ease-out 0s;
    transition: .7s all ease-out 0s;
    pointer-events: none
}

.c-dora-viewport__videos__element--active {
    opacity: 1
}

.c-dora-viewport__videos__iframe {
    position: absolute;
    left: 50%;
    top: 50%;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    opacity: 0;
    -webkit-transition: .7s all ease-out 0s;
    transition: .7s all ease-out 0s;
    pointer-events: none
}

.c-dora-viewport__videos__iframe--active {
    opacity: 1
}

.c-dora-viewport__images__element {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    opacity: 0;
    -webkit-transition: .7s all ease-out 0s;
    transition: .7s all ease-out 0s
}

.c-dora-viewport__images__element--active {
    opacity: 1
}

.c-dora-viewport__images__element--blur {
    -webkit-filter: blur(15px);
    filter: blur(15px)
}

.c-dora-viewport__images__picture {
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%) scale(0.8);
    -ms-transform: translateY(-50%) translateX(-50%) scale(0.8);
    transform: translateY(-50%) translateX(-50%) scale(0.8);
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 90vh;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    -webkit-box-shadow: 3px 3px 50px rgba(0, 0, 0, .3);
    box-shadow: 3px 3px 50px rgba(0, 0, 0, .3);
    border-radius: 10px;
    opacity: 0;
    -webkit-transition: .7s all ease-out 0s;
    transition: .7s all ease-out 0s
}

.c-dora-viewport__images__picture--active {
    opacity: 1;
    -webkit-transform: translateY(-50%) translateX(-50%) scale(1);
    -ms-transform: translateY(-50%) translateX(-50%) scale(1);
    transform: translateY(-50%) translateX(-50%) scale(1)
}

.c-dora-viewport__avatar {
    position: absolute;
    z-index: 3;
    bottom: 0;
    left: calc(50% - 325px);
    width: 580px;
    opacity: 0;
    -webkit-transition: 1s all ease-out 0s;
    transition: 1s all ease-out 0s
}

.c-dora-viewport__avatar:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: calc(50% - 240px);
    left: calc(50% - 240px);
    width: 480px;
    height: 480px;
    border-radius: 50%;
    background-color: hsla(0, 0%, 100%, .3);
    -webkit-transform: translateY(20px) scale(0.8) skew(30deg);
    -ms-transform: translateY(20px) scale(0.8) skew(30deg);
    transform: translateY(20px) scale(0.8) skew(30deg);
    -webkit-transition: .7s all ease-out 0s;
    transition: .7s all ease-out 0s
}

.c-dora-viewport__avatar--show {
    opacity: 1
}

.c-dora-viewport__avatar--show:before {
    -webkit-transform: translateY(0) scale(1) skew(0deg);
    -ms-transform: translateY(0) scale(1) skew(0deg);
    transform: translateY(0) scale(1) skew(0deg)
}

.c-dora-viewport__avatar__waiting {
    width: 100%;
    vertical-align: bottom;
    opacity: 0;
    -webkit-transition: .7s all ease-out 0s;
    transition: .7s all ease-out 0s
}

.c-dora-viewport__avatar__loading {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: .7s all ease-out 0s;
    transition: .7s all ease-out 0s
}

.c-dora-viewport__avatar__idle {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: .7s all ease-out 0s;
    transition: .7s all ease-out 0s
}

.c-dora-viewport__avatar__live {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: .7s all ease-out 0s;
    transition: .7s all ease-out 0s
}

.c-dora-viewport__avatar__animation {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75);
    -webkit-transition: .7s all ease-out 0s;
    transition: .7s all ease-out 0s
}

.c-dora-viewport__avatar__animation--active {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.c-dora-viewport__avatar__animation>div {
    position: absolute;
    width: 150px
}

.c-dora-viewport__avatar__animation>div:nth-child(1) {
    left: 70px;
    top: -40px
}

.c-dora-viewport__avatar__animation>div:nth-child(2) {
    left: calc(50% - 75px);
    bottom: 100%
}

.c-dora-viewport__avatar__animation>div:nth-child(3) {
    right: 70px;
    top: -40px
}

.c-dora-viewport__avatar--active {
    opacity: 1
}

.c-dora-viewport[data-logo=center] .c-dora-viewport__logo {
    top: calc(50% - 88px);
    left: calc(50% - 280px);
    text-align: center
}

.c-dora-viewport[data-logo=center] .c-dora-viewport__logo img {
    width: 560px
}

.c-dora-viewport[data-logo=top-left-brand] .c-dora-viewport__logo {
    top: 40px;
    left: 70px
}

.c-dora-viewport[data-logo=top-left-brand] .c-dora-viewport__logo .c-dora-viewport__logo__white {
    opacity: 0
}

.c-dora-viewport[data-logo=top-left-brand] .c-dora-viewport__logo .c-dora-viewport__logo__brand {
    opacity: 1
}

.c-dora-viewport[data-logo=top-left] .c-dora-viewport__logo {
    top: 40px;
    left: 70px
}

.c-dora-viewport[data-logo=top-left] .c-dora-viewport__logo .c-dora-viewport__logo__white {
    opacity: 1
}

.c-dora-viewport[data-logo=top-left] .c-dora-viewport__logo .c-dora-viewport__logo__brand {
    opacity: 0
}

.c-dora-viewport[data-logo=top-left-hidden] .c-dora-viewport__logo img {
    opacity: 0;
    -webkit-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%)
}

.c-dora-viewport[data-avatar=center-hidden] .c-dora-viewport__avatar {
    opacity: 0
}

.c-dora-viewport[data-avatar=center] .c-dora-viewport__avatar {
    -webkit-transition-delay: .7s;
    transition-delay: .7s
}

.c-dora-viewport[data-avatar=right] .c-dora-viewport__avatar {
    left: calc(100% - 740px);
    width: 740px
}

.c-dora-viewport[data-avatar=right-hidden] .c-dora-viewport__avatar {
    left: calc(100% - 740px);
    width: 740px;
    opacity: 0
}

.c-dora-viewport[data-avatar=bottom-right] .c-dora-viewport__avatar {
    left: calc(100% - 660px);
    width: 580px
}

.c-dora-viewport[data-avatar=bottom-right-hidden] .c-dora-viewport__avatar {
    left: calc(100% - 660px);
    width: 580px;
    opacity: 0
}

.c-dora-mobile-payment #headerForm,
.c-dora-mobile-payment .ms-footer {
    display: none
}

.c-dora-mobile-payment__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100vh;
    background-color: #151826;
    padding: 0 20px;
    overflow: hidden
}

.c-dora-mobile-payment__box {
    max-width: 490px
}

@font-face {
    font-family: "RoobertPRO";
    font-weight: 400;
    src: url("https://booking.vacancyrewards.com/javax.faces.resource/fonts/RoobertPRO-Regular.woff") format("woff"), url("https://booking.vacancyrewards.com/javax.faces.resource/fonts/RoobertPRO-Regular.ttf") format("truetype")
}

@font-face {
    font-family: "RoobertPRO";
    font-weight: 700;
    src: url("https://booking.vacancyrewards.com/javax.faces.resource/fonts/RoobertPRO-Bold.woff") format("woff"), url("https://booking.vacancyrewards.com/javax.faces.resource/fonts/RoobertPRO-Bold.ttf") format("truetype")
}

@font-face {
    font-family: "RoobertPRO";
    font-weight: 900;
    src: url("https://booking.vacancyrewards.com/javax.faces.resource/fonts/RoobertPRO-Heavy.woff") format("woff"), url("https://booking.vacancyrewards.com/javax.faces.resource/fonts/RoobertPRO-Heavy.ttf") format("truetype")
}

.dora-page {
    font-family: RoobertPRO
}

.dora-page--block-tablet .c-remote-view,
.dora-page--block-tablet .c-remote-chat,
.dora-page--block-tablet .c-remote-nav,
.dora-page--block-tablet .c-remote-microphone,
.dora-page--block-tablet .c-remote-cart,
.dora-page--block-tablet .dev-assistant-panel,
.dora-page--block-tablet .c-remote-bar .c-remote-btn:not(.dev-remote-restart) {
    -webkit-filter: brightness(0.6);
    filter: brightness(0.6);
    pointer-events: none !important;
    -webkit-transition: .7s all ease-out 0s;
    transition: .7s all ease-out 0s
}

.dora-page--block-tablet .c-remote-view *,
.dora-page--block-tablet .c-remote-chat *,
.dora-page--block-tablet .c-remote-nav *,
.dora-page--block-tablet .c-remote-microphone *,
.dora-page--block-tablet .c-remote-cart *,
.dora-page--block-tablet .dev-assistant-panel *,
.dora-page--block-tablet .c-remote-bar .c-remote-btn:not(.dev-remote-restart) * {
    pointer-events: none !important
}

.dora-page .ui-button .ui-button-text {
    padding: 0;
    line-height: 1
}

.dora-page .c-modal {
    color: #151826
}

.dora-page .c-modal .c-modal__close-btn {
    border: 1px solid #fff
}

.dora-page .c-dora-remote .c-modal .c-modal__container {
    max-height: 540px
}

.dora-page .c-read-more .js-readmore-container:before {
    background-color: #282c41
}

.dora-page .c-read-more .c-read-more__link {
    background-color: #282c41;
    color: #fff
}

.dora-page .c-hotel-status__category {
    color: #d2b811
}

.dora-page .clr--success {
    color: #13ca92
}

.dora-page .u-allow-link a {
    color: #fff
}

.dora-page .ui-paginator {
    background-color: rgba(0, 0, 0, 0);
    border-width: 1px 0 1px 0 !important;
    border-top: 1px solid hsla(0, 0%, 100%, .5);
    border-bottom: 1px solid hsla(0, 0%, 100%, .5)
}

.dora-page .ui-paginator .ui-paginator-first,
.dora-page .ui-paginator .ui-paginator-prev,
.dora-page .ui-paginator .ui-paginator-next,
.dora-page .ui-paginator .ui-paginator-last {
    color: #fff
}

.dora-page .ui-paginator .ui-paginator-pages .ui-paginator-page {
    color: #fff;
    background-color: rgba(0, 0, 0, 0)
}

.dora-page .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {
    background-color: #13ca92
}

.dora-page .ui-tooltip .ui-tooltip-text {
    background-color: #151826;
    border: 1px solid #fff
}

.dora-page .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow {
    background-color: #13ca92
}

.dora-page .ui-selectonemenu-panel,
.dora-page .ui-datepicker.ui-widget {
    z-index: 9999 !important
}

.dora-page .c-alert {
    border: 1px solid hsla(0, 0%, 100%, .2) !important;
    color: #fff !important;
    background-color: #282c41 !important;
    padding: 10px 15px !important;
    -webkit-box-shadow: 0 0 50px rgba(19, 202, 146, .2);
    box-shadow: 0 0 50px rgba(19, 202, 146, .2)
}

.dora-page .c-alert i {
    color: #fff !important;
    font-weight: 300 !important
}

.dora-page .c-point-checkbox__input:checked+.c-point-checkbox__container {
    background-color: rgba(19, 202, 146, .3)
}

.dora-page .c-point-checkbox__input:checked+.c-point-checkbox__container .c-point-checkbox__point {
    background-color: #13ca92
}

.dora-page .c-point-checkbox__input.active+.c-point-checkbox__container {
    background-color: rgba(19, 202, 146, .3)
}

.dora-page .c-point-checkbox__input.active+.c-point-checkbox__container .c-point-checkbox__point {
    background-color: #13ca92
}

.dora-page .dropdown-menu {
    background-color: #151826;
    border-radius: 8px;
    border: 1px solid hsla(0, 0%, 100%, .2);
    -webkit-box-shadow: 3px 3px 30px rgba(19, 202, 146, .2);
    box-shadow: 3px 3px 30px rgba(19, 202, 146, .2);
    max-height: 400px;
    overflow-y: auto
}

.dora-page .dropdown-menu>li>a {
    padding: 10px 15px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0)
}

.dora-page .dropdown-menu>li>a.clr--dora {
    color: #13ca92
}

.dora-page #payment-passenger-data .baggage .baggage-box {
    background-color: rgba(40, 44, 65, .85);
    -webkit-box-shadow: 3px 3px 30px rgba(19, 202, 146, .2) !important;
    box-shadow: 3px 3px 30px rgba(19, 202, 146, .2) !important
}

.dora-page #payment-passenger-data .baggage .baggage-box .c-icon-escort {
    background-color: rgba(0, 0, 0, 0)
}

.dora-page #payment-passenger-data .baggage .baggage-box .c-icon-escort__icon {
    color: #fff
}

.dora-page #payment-passenger-data .baggage .baggage-box .c-text-input {
    background-color: rgba(0, 0, 0, 0);
    border-color: hsla(0, 0%, 100%, .5);
    color: #fff;
    border-radius: 8px
}

.dora-page .ferries-data>#emergencyContactInfo {
    margin-top: 0 !important;
    margin-bottom: 40px
}

.dora-page .ferries-data .ferries-data-box {
    padding: 20px;
    background-color: rgba(40, 44, 65, .85);
    -webkit-box-shadow: 3px 3px 30px rgba(19, 202, 146, .2) !important;
    box-shadow: 3px 3px 30px rgba(19, 202, 146, .2) !important
}

.dora-page .ferries-data .ferries-data-box .c-icon-escort {
    background-color: rgba(0, 0, 0, 0)
}

.dora-page .ferries-data .ferries-data-box .c-icon-escort__icon {
    color: #fff
}

.dora-page .ferries-data .ferries-data-box .c-text-input {
    background-color: rgba(0, 0, 0, 0);
    border-color: hsla(0, 0%, 100%, .5);
    color: #fff;
    border-radius: 8px
}

.dora-page .transfers-info {
    margin-top: 30px !important
}

.dora-page .transfers-info .transfers-info-element {
    border-radius: 8px;
    background-color: rgba(40, 44, 65, .85);
    -webkit-box-shadow: 3px 3px 30px rgba(19, 202, 146, .2) !important;
    box-shadow: 3px 3px 30px rgba(19, 202, 146, .2) !important
}

.dora-page .transfers-info .transfers-info-element .c-icon-escort {
    background-color: rgba(0, 0, 0, 0)
}

.dora-page .transfers-info .transfers-info-element .c-icon-escort__icon {
    color: #fff
}

.dora-page .transfers-info .transfers-info-element .c-text-input {
    background-color: rgba(0, 0, 0, 0);
    border-color: hsla(0, 0%, 100%, .5);
    color: #fff;
    border-radius: 8px
}

.dora-page #c-hidden-aside--seats.c-hidden-aside {
    position: static;
    position: initial;
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    max-width: none;
    max-width: initial;
    width: 100%;
    background-color: rgba(0, 0, 0, 0);
    -webkit-box-shadow: none;
    box-shadow: none
}

.dora-page #c-hidden-aside--seats.c-hidden-aside .c-hidden-aside__scroller {
    height: 510px;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    padding: 0;
    scrollbar-color: #151826 rgba(21, 24, 38, .2) !important;
    scrollbar-width: thin !important
}

.dora-page #c-hidden-aside--seats.c-hidden-aside .c-hidden-aside__scroller::-webkit-scrollbar {
    width: 7px
}

.dora-page #c-hidden-aside--seats.c-hidden-aside .c-hidden-aside__scroller::-webkit-scrollbar-track {
    background: rgba(21, 24, 38, .2)
}

.dora-page #c-hidden-aside--seats.c-hidden-aside .c-hidden-aside__scroller::-webkit-scrollbar-thumb {
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    height: 100px;
    max-height: 100px;
    background: #151826;
    width: 7px
}

.dora-page #c-hidden-aside--seats.c-hidden-aside .c-hidden-aside__scroller::-webkit-scrollbar-thumb:hover {
    background: #13ca92
}

.dora-page #c-hidden-aside--seats.c-hidden-aside .c-sticky-header {
    background-color: rgba(0, 0, 0, 0);
    border-bottom: 1px solid #fff
}

.dora-page #c-hidden-aside--seats.c-hidden-aside .c-seats-map-fixed-header {
    -webkit-box-shadow: 0 0 20px rgba(19, 202, 146, .2);
    box-shadow: 0 0 20px rgba(19, 202, 146, .2)
}

.dora-page #c-hidden-aside--seats.c-hidden-aside .bg-clr--white,
.dora-page #c-hidden-aside--seats.c-hidden-aside .bg-clr--lightest-gray {
    background-color: #282c41;
    color: #fff
}

.dora-page #c-hidden-aside--seats.c-hidden-aside .c-seat-map-header {
    padding-left: 30px
}

.dora-page #c-hidden-aside--seats.c-hidden-aside .c-seat-map-header b {
    font-size: 16px
}

.dora-page #c-hidden-aside--seats.c-hidden-aside .c-seat-map-header div.u-font-size--small {
    display: none
}

.dora-page #c-hidden-aside--seats.c-hidden-aside #flights-list .c-seat-selection-list__item {
    padding: 10px 30px;
    background-color: rgba(0, 0, 0, 0)
}

.dora-page #c-hidden-aside--seats.c-hidden-aside .c-tab-button {
    color: #fff;
    padding: 10px 30px
}

.dora-page #c-hidden-aside--seats.c-hidden-aside .c-tab-button .c-tab-button--active {
    color: #13ca92
}

.dora-page #c-hidden-aside--seats.c-hidden-aside .c-tab-button .c-seat-badge {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 16px
}

.dora-page #c-hidden-aside--seats.c-hidden-aside .c-tab-button .c-seat-badge--unselected {
    background-color: rgba(0, 0, 0, 0)
}

.dora-page #c-hidden-aside--seats.c-hidden-aside .c-tab-button .c-seat-badge--selected {
    background-color: #13ca92
}

.dora-page #c-hidden-aside--seats.c-hidden-aside .c-seats-map {
    padding-bottom: 20px
}

.dora-page #c-hidden-aside--seats.c-hidden-aside .c-seats-map>.bg-clr--white {
    background-color: rgba(0, 0, 0, 0)
}

.dora-page #c-hidden-aside--seats.c-hidden-aside .c-seats-map .c-seat-badge--outside,
.dora-page #c-hidden-aside--seats.c-hidden-aside .c-seats-map .c-seat-badge--aisle,
.dora-page #c-hidden-aside--seats.c-hidden-aside .c-seats-map .c-seat-badge--column {
    background-color: #282c41;
    font-size: 14px;
    color: #fff;
    -webkit-box-shadow: 0 0 20px rgba(19, 202, 146, .2);
    box-shadow: 0 0 20px rgba(19, 202, 146, .2)
}

.dora-page #c-hidden-aside--seats.c-hidden-aside .c-seats-map .c-seat-badge--selected {
    background-color: #13ca92
}

.dora-page #c-hidden-aside--seats.c-hidden-aside .c-seat-map-footer {
    left: auto;
    right: 30px;
    bottom: 20px;
    width: 230px !important
}

.dora-page #c-hidden-aside--seats.c-hidden-aside .c-seat-map-summary {
    padding: 20px;
    -webkit-box-shadow: 0 0 30px rgba(19, 202, 146, .2);
    box-shadow: 0 0 30px rgba(19, 202, 146, .2);
    border-radius: 8px;
    text-align: right
}

.dora-page #c-hidden-aside--seats.c-hidden-aside .c-seat-map-summary>.o-flexbox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    gap: 10px
}

.dora-page #c-hidden-aside--seats.c-hidden-aside .c-seat-map-summary .c-button {
    width: 100%;
    border-radius: 50px;
    padding: 0 20px;
    font-size: 16px
}

.dora-page .c-seat-map-footer__collapse {
    overflow-y: auto;
    max-height: 345px;
    scrollbar-color: #151826 rgba(21, 24, 38, .2) !important;
    scrollbar-width: thin !important
}

.dora-page .c-seat-map-footer__collapse::-webkit-scrollbar {
    width: 7px
}

.dora-page .c-seat-map-footer__collapse::-webkit-scrollbar-track {
    background: rgba(21, 24, 38, .2)
}

.dora-page .c-seat-map-footer__collapse::-webkit-scrollbar-thumb {
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    height: 100px;
    max-height: 100px;
    background: #151826;
    width: 7px
}

.dora-page .c-seat-map-footer__collapse::-webkit-scrollbar-thumb:hover {
    background: #13ca92
}

.dora-page .c-seat-map-footer__collapse>.o-box.bg-clr--white {
    padding: 0 !important;
    background-color: rgba(0, 0, 0, 0);
    color: #fff
}

.dora-page .map-marker.cluster:hover {
    background-color: #282c41 !important
}

.dora-page .map-marker.cluster:hover span {
    background-color: #151826
}

.dora-page .map-marker.cluster:hover span:after {
    color: #fff
}

.dora-page .map-marker.cluster span {
    background-color: #282c41
}

.dora-page .c-trip-planner__map-pointer--destination {
    border-color: #13ca92
}

.dora-page .c-desactive-box {
    background-color: #282c41 !important;
    background-image: linear-gradient(45deg, #151826 25%, transparent 25%, transparent 50%, #151826 50%, #151826 75%, transparent 75%, transparent) !important
}

.dora-page .u-dora-desactive-background {
    background-size: 40px 40px;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent)
}

.dora-page .pf-tabs.ui-tabs .ui-tabs-nav:before {
    border-bottom: 1px solid hsla(0, 0%, 100%, .2)
}

.dora-page .pf-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-header {
    border-radius: 8px 8px 0 0
}

.dora-page .pf-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-header a {
    color: #fff;
    font-weight: 400
}

.dora-page .pf-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-header:not(.ui-state-active) {
    border: none
}

.dora-page .pf-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active {
    background-color: hsla(0, 0%, 100%, .3) !important;
    border-width: 3px
}

.dora-page .pf-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a {
    color: #fff !important
}

.dora-page .pf-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover {
    background-color: rgba(0, 0, 0, 0) !important
}

.dora-page .pf-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a {
    color: #fff !important
}

.dora-page .pf-tabs.ui-tabs .ui-tabs-panels {
    background-color: rgba(0, 0, 0, 0);
    color: #fff
}

.dora-page * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.clr--dora {
    color: #13ca92
}

.bg-clr--dora {
    background-color: #13ca92
}

.bdr-clr--dora {
    border-color: #13ca92
}

.clr--dora-dark {
    color: #282c41
}

.bg-clr--dora-dark {
    background-color: #282c41
}

.bg-clr--dora-dark--opacity {
    background-color: rgba(40, 44, 65, .3)
}

.bdr-clr--dora-dark {
    border-color: #282c41
}

.clr--dora-darkest {
    color: #151826
}

.bg-clr--dora-darkest {
    background-color: #151826
}

.bdr-clr--dora-darkest {
    border-color: #151826
}

.bg-mask--dora-dark {
    background-color: rgba(40, 44, 65, .85)
}

.bg-mask--dora {
    background-color: rgba(40, 44, 65, .6)
}

.bg-mask--dora-light {
    background-color: rgba(40, 44, 65, .4)
}

.bdr-clr--white-soft {
    border-color: hsla(0, 0%, 100%, .2)
}

.box-shadow--dora {
    -webkit-box-shadow: 0 0 50px rgba(19, 202, 146, .2);
    box-shadow: 0 0 50px rgba(19, 202, 146, .2)
}

.c-remote-keyboard {
    z-index: 10000 !important;
    background-color: #151826;
    padding: 10px
}

.c-remote-keyboard.hg-theme-default .hg-button {
    background: #282c41;
    border: 1px solid #13ca92;
    -webkit-box-shadow: 3px 3px 30px rgba(19, 202, 146, .3);
    box-shadow: 3px 3px 30px rgba(19, 202, 146, .3);
    color: #fff
}

.c-remote-keyboard.hg-theme-default .hg-button.hg-activeButton {
    background: #13ca92
}

.c-remote-keyboard .hg-theme-default .hg-button.hg-selectedButton {
    background: rgba(5, 25, 70, .53);
    color: #fff
}

.c-remote-keyboard .hg-candidate-box {
    background: #ececec;
    border-bottom: 2px solid #b5b5b5;
    border-radius: 5px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-top: -10px;
    position: absolute;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.c-remote-keyboard li.hg-candidate-box-list-item:hover {
    background: rgba(0, 0, 0, .03);
    cursor: pointer
}

.c-remote-keyboard li.hg-candidate-box-list-item:active {
    background: rgba(0, 0, 0, .1)
}

.c-remote-keyboard .hg-candidate-box-next,
.c-remote-keyboard .hg-candidate-box-prev {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #969696;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 10px
}

.c-remote-keyboard .hg-candidate-box-btn-active {
    color: #444
}

@media only screen and (min-width: 0) {
    .u-columns \@xx {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1
    }

    .u-columns--two\@xx {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        grid-column-start: span 2
    }

    .u-columns--three\@xx {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3
    }
}

@media only screen and (min-width: 600px) {
    .u-columns \@xs {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1
    }

    .u-columns--two\@xs {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        grid-column-start: span 2
    }

    .u-columns--three\@xs {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3
    }
}

@media only screen and (min-width: 768px) {
    .u-columns \@sm {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1
    }

    .u-columns--two\@sm {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        grid-column-start: span 2
    }

    .u-columns--three\@sm {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3
    }
}

@media only screen and (min-width: 992px) {
    .u-columns \@md {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1
    }

    .u-columns--two\@md {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        grid-column-start: span 2
    }

    .u-columns--three\@md {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3
    }
}

@media only screen and (min-width: 1200px) {
    .u-columns \@lg {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1
    }

    .u-columns--two\@lg {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        grid-column-start: span 2
    }

    .u-columns--three\@lg {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3
    }
}

@media only screen and (min-width: 1500px) {
    .u-columns \@xl {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1
    }

    .u-columns--two\@xl {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        grid-column-start: span 2
    }

    .u-columns--three\@xl {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3
    }
}

@media only screen and (min-width: 1800px) {
    .u-columns \@xxl {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1
    }

    .u-columns--two\@xxl {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        grid-column-start: span 2
    }

    .u-columns--three\@xxl {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3
    }
}

.u-columns--avoid-break>* {
    page-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    -webkit-column-break-inside: avoid
}

.u-columns--gutter-none {
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0
}

.u-columns--gutter-tiny {
    -webkit-column-gap: 5px;
    -moz-column-gap: 5px;
    column-gap: 5px
}

.u-columns--gutter-small {
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px
}

.u-columns--gutter-middle {
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px
}

.u-columns--gutter-default {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px
}

.u-columns--gutter-big {
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px
}

.u-columns--gutter-bigger {
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px
}

.u-columns--gutter-huge {
    -webkit-column-gap: 60px;
    -moz-column-gap: 60px;
    column-gap: 60px
}

.u-columns--gutter-giant {
    -webkit-column-gap: 80px;
    -moz-column-gap: 80px;
    column-gap: 80px
}

.u-collapse-turn-arrow__icon {
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.u-collapse-turn-arrow:not(.collapsed) .u-collapse-turn-arrow__icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.collapsed .u-collapse-turn-arrow {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.clr--white {
    color: #fff
}

.bdr-clr--white {
    border-color: #fff;
    color: #fff
}

.bdr-clr--white:hover,
.bdr-clr--white:active,
.bdr-clr--white:focus:active {
    color: #fff
}

.bg-clr--white {
    background-color: #fff
}

.bg-clr--white--alpha-heaviest {
    background-color: hsla(0, 0%, 100%, .1)
}

.bg-clr--brand,
.bg-clr--brand:focus {
    background-color: #0472AA;
    background-color: var(--s-color-brand-primary);
    color: #fff
}

.ui-widget-content .bg-clr--brand,
.ui-widget-content .bg-clr--brand:focus {
    color: #fff
}

.bg-clr--brand.c-button,
.bg-clr--brand.c-button:focus {
    border-color: rgba(0, 0, 0, 0);
    content: "brand 4"
}

.bg-clr--brand.c-button:hover,
.bg-clr--brand.c-button:active,
.bg-clr--brand.c-button:focus:active {
    color: #fff;
    background-color: rgb(calc(0 + 163 * 0.9), calc(0 + 163 * 0.9), calc(0 + 164 * 0.9));
    background-color: rgb(calc(0 + var(--s-color-brand-primary-red, 163) * 0.9), calc(0 + var(--s-color-brand-primary-green, 163) * 0.9), calc(0 + var(--s-color-brand-primary-blue, 164) * 0.9))
}

.bg-clr--brand--hover.c-button:hover,
.bg-clr--brand--hover.c-button:active,
.bg-clr--brand--hover.c-button:focus,
.bg-clr--brand--hover.c-button:focus:active {
    background-color: #0472AA;
    background-color: var(--s-color-brand-primary);
    border-color: rgba(0, 0, 0, 0);
    color: #fff
}

.ui-widget-content .bg-clr--brand--hover.c-button:hover,
.ui-widget-content .bg-clr--brand--hover.c-button:active,
.ui-widget-content .bg-clr--brand--hover.c-button:focus,
.ui-widget-content .bg-clr--brand--hover.c-button:focus:active {
    color: #fff
}

.bdr-clr--brand,
.bdr-clr--brand:focus {
    border-color: #0472AA;
    border-color: var(--s-color-brand-primary);
    color: #0472AA;
    color: var(--s-color-brand-primary)
}

.ui-widget-content .bdr-clr--brand,
.ui-widget-content .bdr-clr--brand:focus {
    color: #0472AA;
    color: var(--s-color-brand-primary)
}

.bdr-clr--brand.c-button:hover,
.bdr-clr--brand.c-button:active,
.bdr-clr--brand.c-button:focus:active {
    background-color: #0472AA;
    background-color: var(--s-color-brand-primary);
    border-color: rgba(0, 0, 0, 0);
    color: #fff
}

.ui-widget-content .bdr-clr--brand.c-button:hover,
.ui-widget-content .bdr-clr--brand.c-button:active,
.ui-widget-content .bdr-clr--brand.c-button:focus:active {
    color: #fff
}

.clr--brand {
    color: #0472AA;
    color: var(--s-color-brand-primary)
}

.ui-widget-content .clr--brand {
    color: #0472AA;
    color: var(--s-color-brand-primary)
}

.bg-clr--brand-dark,
.bg-clr--brand-dark:focus {
    background-color: #00527C;
    background-color: var(--s-color-brand-dark);
    color: #fff
}

.ui-widget-content .bg-clr--brand-dark,
.ui-widget-content .bg-clr--brand-dark:focus {
    color: #fff
}

.bg-clr--brand-dark.c-button,
.bg-clr--brand-dark.c-button:focus {
    border-color: rgba(0, 0, 0, 0);
    content: "brand-dark 4"
}

.bg-clr--brand-dark.c-button:hover,
.bg-clr--brand-dark.c-button:active,
.bg-clr--brand-dark.c-button:focus:active {
    color: #fff;
    background-color: rgb(calc(0 + 33 * 0.9), calc(0 + 33 * 0.9), calc(0 + 33 * 0.9));
    background-color: rgb(calc(0 + var(--s-color-brand-dark-red, 33) * 0.9), calc(0 + var(--s-color-brand-dark-green, 33) * 0.9), calc(0 + var(--s-color-brand-dark-blue, 33) * 0.9))
}

.bg-clr--brand-dark--hover.c-button:hover,
.bg-clr--brand-dark--hover.c-button:active,
.bg-clr--brand-dark--hover.c-button:focus,
.bg-clr--brand-dark--hover.c-button:focus:active {
    background-color: #00527C;
    background-color: var(--s-color-brand-dark);
    border-color: rgba(0, 0, 0, 0);
    color: #fff
}

.ui-widget-content .bg-clr--brand-dark--hover.c-button:hover,
.ui-widget-content .bg-clr--brand-dark--hover.c-button:active,
.ui-widget-content .bg-clr--brand-dark--hover.c-button:focus,
.ui-widget-content .bg-clr--brand-dark--hover.c-button:focus:active {
    color: #fff
}

.bdr-clr--brand-dark,
.bdr-clr--brand-dark:focus {
    border-color: #00527C;
    border-color: var(--s-color-brand-dark);
    color: #00527C;
    color: var(--s-color-brand-dark)
}

.ui-widget-content .bdr-clr--brand-dark,
.ui-widget-content .bdr-clr--brand-dark:focus {
    color: #00527C;
    color: var(--s-color-brand-dark)
}

.bdr-clr--brand-dark.c-button:hover,
.bdr-clr--brand-dark.c-button:active,
.bdr-clr--brand-dark.c-button:focus:active {
    background-color: #00527C;
    background-color: var(--s-color-brand-dark);
    border-color: rgba(0, 0, 0, 0);
    color: #fff
}

.ui-widget-content .bdr-clr--brand-dark.c-button:hover,
.ui-widget-content .bdr-clr--brand-dark.c-button:active,
.ui-widget-content .bdr-clr--brand-dark.c-button:focus:active {
    color: #fff
}

.clr--brand-dark {
    color: #00527C;
    color: var(--s-color-brand-dark)
}

.ui-widget-content .clr--brand-dark {
    color: #00527C;
    color: var(--s-color-brand-dark)
}

.bg-clr--0,
.bg-clr--0:focus,
.parent-clr--0 .child__bg-clr,
.parent-clr--0 .child__bg-clr:focus,
.parent-clr--4 .child__bg-clr--next,
.parent-clr--4 .child__bg-clr--next:focus {
    background-color: #393939;
    color: #fff
}

.ui-widget-content .bg-clr--0,
.ui-widget-content .bg-clr--0:focus,
.ui-widget-content .parent-clr--0 .child__bg-clr,
.ui-widget-content .parent-clr--0 .child__bg-clr:focus,
.ui-widget-content .parent-clr--4 .child__bg-clr--next,
.ui-widget-content .parent-clr--4 .child__bg-clr--next:focus {
    color: #fff
}

.bg-clr--0.c-button,
.bg-clr--0.c-button:focus,
.parent-clr--0 .child__bg-clr.c-button,
.parent-clr--0 .child__bg-clr.c-button:focus,
.parent-clr--4 .child__bg-clr--next.c-button,
.parent-clr--4 .child__bg-clr--next.c-button:focus {
    border-color: rgba(0, 0, 0, 0);
    content: "0 4"
}

.bg-clr--0.c-button:hover,
.bg-clr--0.c-button:active,
.bg-clr--0.c-button:focus:active,
.parent-clr--0 .child__bg-clr.c-button:hover,
.parent-clr--0 .child__bg-clr.c-button:active,
.parent-clr--0 .child__bg-clr.c-button:focus:active,
.parent-clr--4 .child__bg-clr--next.c-button:hover,
.parent-clr--4 .child__bg-clr--next.c-button:active,
.parent-clr--4 .child__bg-clr--next.c-button:focus:active {
    color: #fff;
    background-color: rgb(51.3, 51.3, 51.3)
}

.bg-clr--0--hover.c-button:hover,
.bg-clr--0--hover.c-button:active,
.bg-clr--0--hover.c-button:focus,
.bg-clr--0--hover.c-button:focus:active,
.parent-clr--0 .child__bg-clr--hover.c-button:hover,
.parent-clr--0 .child__bg-clr--hover.c-button:active,
.parent-clr--0 .child__bg-clr--hover.c-button:focus,
.parent-clr--0 .child__bg-clr--hover.c-button:focus:active,
.parent-clr--4 .child__bg-clr--next--hover.c-button:hover,
.parent-clr--4 .child__bg-clr--next--hover.c-button:active,
.parent-clr--4 .child__bg-clr--next--hover.c-button:focus,
.parent-clr--4 .child__bg-clr--next--hover.c-button:focus:active {
    background-color: #393939;
    border-color: rgba(0, 0, 0, 0);
    color: #fff
}

.ui-widget-content .bg-clr--0--hover.c-button:hover,
.ui-widget-content .bg-clr--0--hover.c-button:active,
.ui-widget-content .bg-clr--0--hover.c-button:focus,
.ui-widget-content .bg-clr--0--hover.c-button:focus:active,
.ui-widget-content .parent-clr--0 .child__bg-clr--hover.c-button:hover,
.ui-widget-content .parent-clr--0 .child__bg-clr--hover.c-button:active,
.ui-widget-content .parent-clr--0 .child__bg-clr--hover.c-button:focus,
.ui-widget-content .parent-clr--0 .child__bg-clr--hover.c-button:focus:active,
.ui-widget-content .parent-clr--4 .child__bg-clr--next--hover.c-button:hover,
.ui-widget-content .parent-clr--4 .child__bg-clr--next--hover.c-button:active,
.ui-widget-content .parent-clr--4 .child__bg-clr--next--hover.c-button:focus,
.ui-widget-content .parent-clr--4 .child__bg-clr--next--hover.c-button:focus:active {
    color: #fff
}

.bdr-clr--0,
.bdr-clr--0:focus,
.parent-clr--0 .child__bdr-clr,
.parent-clr--0 .child__bdr-clr:focus,
.parent-clr--4 .child__bdr-clr--next,
.parent-clr--4 .child__bdr-clr--next:focus {
    border-color: #393939;
    color: #393939
}

.ui-widget-content .bdr-clr--0,
.ui-widget-content .bdr-clr--0:focus,
.ui-widget-content .parent-clr--0 .child__bdr-clr,
.ui-widget-content .parent-clr--0 .child__bdr-clr:focus,
.ui-widget-content .parent-clr--4 .child__bdr-clr--next,
.ui-widget-content .parent-clr--4 .child__bdr-clr--next:focus {
    color: #393939
}

.bdr-clr--0.c-button:hover,
.bdr-clr--0.c-button:active,
.bdr-clr--0.c-button:focus:active,
.parent-clr--0 .child__bdr-clr.c-button:hover,
.parent-clr--0 .child__bdr-clr.c-button:active,
.parent-clr--0 .child__bdr-clr.c-button:focus:active,
.parent-clr--4 .child__bdr-clr--next.c-button:hover,
.parent-clr--4 .child__bdr-clr--next.c-button:active,
.parent-clr--4 .child__bdr-clr--next.c-button:focus:active {
    background-color: #393939;
    border-color: rgba(0, 0, 0, 0);
    color: #fff
}

.ui-widget-content .bdr-clr--0.c-button:hover,
.ui-widget-content .bdr-clr--0.c-button:active,
.ui-widget-content .bdr-clr--0.c-button:focus:active,
.ui-widget-content .parent-clr--0 .child__bdr-clr.c-button:hover,
.ui-widget-content .parent-clr--0 .child__bdr-clr.c-button:active,
.ui-widget-content .parent-clr--0 .child__bdr-clr.c-button:focus:active,
.ui-widget-content .parent-clr--4 .child__bdr-clr--next.c-button:hover,
.ui-widget-content .parent-clr--4 .child__bdr-clr--next.c-button:active,
.ui-widget-content .parent-clr--4 .child__bdr-clr--next.c-button:focus:active {
    color: #fff
}

.clr--0,
.parent-clr--0 .child__clr,
.parent-clr--4 .child__clr--next {
    color: #393939
}

.ui-widget-content .clr--0,
.ui-widget-content .parent-clr--0 .child__clr,
.ui-widget-content .parent-clr--4 .child__clr--next {
    color: #393939
}

.bg-clr--0--alpha-soft,
.parent-clr--0 .child__bg-clr--alpha-soft {
    background-color: rgba(57, 57, 57, .8);
    color: #fff
}

.ui-widget-content .bg-clr--0--alpha-soft,
.ui-widget-content .parent-clr--0 .child__bg-clr--alpha-soft {
    color: #fff
}

.bg-clr--0--alpha-middle,
.parent-clr--0 .child__bg-clr--alpha-middle {
    background-color: rgba(57, 57, 57, .5)
}

.bg-clr--0--alpha-heaviest,
.parent-clr--0 .child__bg-clr--alpha-heaviest {
    background-color: rgba(57, 57, 57, .1)
}

.bg-clr--0--white-soft,
.parent-clr--0 .child__bg-clr--white-soft,
.parent-clr--4 .child__bg-clr--next--white-soft {
    background-color: rgb(116.4, 116.4, 116.4);
    color: #fff
}

.ui-widget-content .bg-clr--0--white-soft,
.ui-widget-content .parent-clr--0 .child__bg-clr--white-soft,
.ui-widget-content .parent-clr--4 .child__bg-clr--next--white-soft {
    color: #fff
}

.bg-clr--0--white-heavy,
.parent-clr--0 .child__bg-clr--white-heavy,
.parent-clr--4 .child__bg-clr--next--white-heavy {
    background-color: rgb(215.4, 215.4, 215.4)
}

.bg-clr--0--white-heaviest,
.parent-clr--0 .child__bg-clr--white-heaviest,
.parent-clr--4 .child__bg-clr--next--white-heaviest {
    background-color: rgb(245.1, 245.1, 245.1)
}

.bdr-clr--0--top,
.parent-clr--0 .child__bdr-clr--top {
    border-color: rgba(0, 0, 0, 0);
    border-top-color: #393939
}

.bdr-clr--0--bottom,
.parent-clr--0 .child__bdr-clr--bottom {
    border-color: rgba(0, 0, 0, 0);
    border-bottom-color: #393939
}

.bdr-clr--0--left,
.parent-clr--0 .child__bdr-clr--left {
    border-color: rgba(0, 0, 0, 0);
    border-left-color: #393939
}

body.rtl .bdr-clr--0--left,
body.rtl .parent-clr--0 .child__bdr-clr--left {
    border-left-color: rgba(0, 0, 0, 0);
    border-right-color: #393939
}

.bdr-clr--0--right,
.parent-clr--0 .child__bdr-clr--right {
    border-color: rgba(0, 0, 0, 0);
    border-right-color: #393939
}

body.rtl .bdr-clr--0--right,
body.rtl .parent-clr--0 .child__bdr-clr--right {
    border-right-color: rgba(0, 0, 0, 0);
    border-left-color: #393939
}

.bg-clr--1,
.bg-clr--1:focus,
.parent-clr--1 .child__bg-clr,
.parent-clr--1 .child__bg-clr:focus,
.parent-clr--4 .child__bg-clr--next,
.parent-clr--4 .child__bg-clr--next:focus {
    background-color: #0472aa;
    color: #fff
}

.ui-widget-content .bg-clr--1,
.ui-widget-content .bg-clr--1:focus,
.ui-widget-content .parent-clr--1 .child__bg-clr,
.ui-widget-content .parent-clr--1 .child__bg-clr:focus,
.ui-widget-content .parent-clr--4 .child__bg-clr--next,
.ui-widget-content .parent-clr--4 .child__bg-clr--next:focus {
    color: #fff
}

.bg-clr--1.c-button,
.bg-clr--1.c-button:focus,
.parent-clr--1 .child__bg-clr.c-button,
.parent-clr--1 .child__bg-clr.c-button:focus,
.parent-clr--4 .child__bg-clr--next.c-button,
.parent-clr--4 .child__bg-clr--next.c-button:focus {
    border-color: rgba(0, 0, 0, 0);
    content: "1 4"
}

.bg-clr--1.c-button:hover,
.bg-clr--1.c-button:active,
.bg-clr--1.c-button:focus:active,
.parent-clr--1 .child__bg-clr.c-button:hover,
.parent-clr--1 .child__bg-clr.c-button:active,
.parent-clr--1 .child__bg-clr.c-button:focus:active,
.parent-clr--4 .child__bg-clr--next.c-button:hover,
.parent-clr--4 .child__bg-clr--next.c-button:active,
.parent-clr--4 .child__bg-clr--next.c-button:focus:active {
    color: #fff;
    background-color: rgb(3.6, 102.6, 153)
}

.bg-clr--1--hover.c-button:hover,
.bg-clr--1--hover.c-button:active,
.bg-clr--1--hover.c-button:focus,
.bg-clr--1--hover.c-button:focus:active,
.parent-clr--1 .child__bg-clr--hover.c-button:hover,
.parent-clr--1 .child__bg-clr--hover.c-button:active,
.parent-clr--1 .child__bg-clr--hover.c-button:focus,
.parent-clr--1 .child__bg-clr--hover.c-button:focus:active,
.parent-clr--4 .child__bg-clr--next--hover.c-button:hover,
.parent-clr--4 .child__bg-clr--next--hover.c-button:active,
.parent-clr--4 .child__bg-clr--next--hover.c-button:focus,
.parent-clr--4 .child__bg-clr--next--hover.c-button:focus:active {
    background-color: #0472aa;
    border-color: rgba(0, 0, 0, 0);
    color: #fff
}

.ui-widget-content .bg-clr--1--hover.c-button:hover,
.ui-widget-content .bg-clr--1--hover.c-button:active,
.ui-widget-content .bg-clr--1--hover.c-button:focus,
.ui-widget-content .bg-clr--1--hover.c-button:focus:active,
.ui-widget-content .parent-clr--1 .child__bg-clr--hover.c-button:hover,
.ui-widget-content .parent-clr--1 .child__bg-clr--hover.c-button:active,
.ui-widget-content .parent-clr--1 .child__bg-clr--hover.c-button:focus,
.ui-widget-content .parent-clr--1 .child__bg-clr--hover.c-button:focus:active,
.ui-widget-content .parent-clr--4 .child__bg-clr--next--hover.c-button:hover,
.ui-widget-content .parent-clr--4 .child__bg-clr--next--hover.c-button:active,
.ui-widget-content .parent-clr--4 .child__bg-clr--next--hover.c-button:focus,
.ui-widget-content .parent-clr--4 .child__bg-clr--next--hover.c-button:focus:active {
    color: #fff
}

.bdr-clr--1,
.bdr-clr--1:focus,
.parent-clr--1 .child__bdr-clr,
.parent-clr--1 .child__bdr-clr:focus,
.parent-clr--4 .child__bdr-clr--next,
.parent-clr--4 .child__bdr-clr--next:focus {
    border-color: #0472aa;
    color: #0472aa
}

.ui-widget-content .bdr-clr--1,
.ui-widget-content .bdr-clr--1:focus,
.ui-widget-content .parent-clr--1 .child__bdr-clr,
.ui-widget-content .parent-clr--1 .child__bdr-clr:focus,
.ui-widget-content .parent-clr--4 .child__bdr-clr--next,
.ui-widget-content .parent-clr--4 .child__bdr-clr--next:focus {
    color: #0472aa
}

.bdr-clr--1.c-button:hover,
.bdr-clr--1.c-button:active,
.bdr-clr--1.c-button:focus:active,
.parent-clr--1 .child__bdr-clr.c-button:hover,
.parent-clr--1 .child__bdr-clr.c-button:active,
.parent-clr--1 .child__bdr-clr.c-button:focus:active,
.parent-clr--4 .child__bdr-clr--next.c-button:hover,
.parent-clr--4 .child__bdr-clr--next.c-button:active,
.parent-clr--4 .child__bdr-clr--next.c-button:focus:active {
    background-color: #0472aa;
    border-color: rgba(0, 0, 0, 0);
    color: #fff
}

.ui-widget-content .bdr-clr--1.c-button:hover,
.ui-widget-content .bdr-clr--1.c-button:active,
.ui-widget-content .bdr-clr--1.c-button:focus:active,
.ui-widget-content .parent-clr--1 .child__bdr-clr.c-button:hover,
.ui-widget-content .parent-clr--1 .child__bdr-clr.c-button:active,
.ui-widget-content .parent-clr--1 .child__bdr-clr.c-button:focus:active,
.ui-widget-content .parent-clr--4 .child__bdr-clr--next.c-button:hover,
.ui-widget-content .parent-clr--4 .child__bdr-clr--next.c-button:active,
.ui-widget-content .parent-clr--4 .child__bdr-clr--next.c-button:focus:active {
    color: #fff
}

.clr--1,
.parent-clr--1 .child__clr,
.parent-clr--4 .child__clr--next {
    color: #0472aa
}

.ui-widget-content .clr--1,
.ui-widget-content .parent-clr--1 .child__clr,
.ui-widget-content .parent-clr--4 .child__clr--next {
    color: #0472aa
}

.bg-clr--1--alpha-soft,
.parent-clr--1 .child__bg-clr--alpha-soft {
    background-color: rgba(4, 114, 170, .8);
    color: #fff
}

.ui-widget-content .bg-clr--1--alpha-soft,
.ui-widget-content .parent-clr--1 .child__bg-clr--alpha-soft {
    color: #fff
}

.bg-clr--1--alpha-middle,
.parent-clr--1 .child__bg-clr--alpha-middle {
    background-color: rgba(4, 114, 170, .5)
}

.bg-clr--1--alpha-heaviest,
.parent-clr--1 .child__bg-clr--alpha-heaviest {
    background-color: rgba(4, 114, 170, .1)
}

.bg-clr--1--white-soft,
.parent-clr--1 .child__bg-clr--white-soft,
.parent-clr--4 .child__bg-clr--next--white-soft {
    background-color: rgb(79.3, 156.3, 195.5);
    color: #fff
}

.ui-widget-content .bg-clr--1--white-soft,
.ui-widget-content .parent-clr--1 .child__bg-clr--white-soft,
.ui-widget-content .parent-clr--4 .child__bg-clr--next--white-soft {
    color: #fff
}

.bg-clr--1--white-heavy,
.parent-clr--1 .child__bg-clr--white-heavy,
.parent-clr--4 .child__bg-clr--next--white-heavy {
    background-color: rgb(204.8, 226.8, 238)
}

.bg-clr--1--white-heaviest,
.parent-clr--1 .child__bg-clr--white-heaviest,
.parent-clr--4 .child__bg-clr--next--white-heaviest {
    background-color: rgb(242.45, 247.95, 250.75)
}

.bdr-clr--1--top,
.parent-clr--1 .child__bdr-clr--top {
    border-color: rgba(0, 0, 0, 0);
    border-top-color: #0472aa
}

.bdr-clr--1--bottom,
.parent-clr--1 .child__bdr-clr--bottom {
    border-color: rgba(0, 0, 0, 0);
    border-bottom-color: #0472aa
}

.bdr-clr--1--left,
.parent-clr--1 .child__bdr-clr--left {
    border-color: rgba(0, 0, 0, 0);
    border-left-color: #0472aa
}

body.rtl .bdr-clr--1--left,
body.rtl .parent-clr--1 .child__bdr-clr--left {
    border-left-color: rgba(0, 0, 0, 0);
    border-right-color: #0472aa
}

.bdr-clr--1--right,
.parent-clr--1 .child__bdr-clr--right {
    border-color: rgba(0, 0, 0, 0);
    border-right-color: #0472aa
}

body.rtl .bdr-clr--1--right,
body.rtl .parent-clr--1 .child__bdr-clr--right {
    border-right-color: rgba(0, 0, 0, 0);
    border-left-color: #0472aa
}

.bg-clr--2,
.bg-clr--2:focus,
.parent-clr--2 .child__bg-clr,
.parent-clr--2 .child__bg-clr:focus,
.parent-clr--1 .child__bg-clr--next,
.parent-clr--1 .child__bg-clr--next:focus {
    background-color: #00527c;
    color: #fff
}

.ui-widget-content .bg-clr--2,
.ui-widget-content .bg-clr--2:focus,
.ui-widget-content .parent-clr--2 .child__bg-clr,
.ui-widget-content .parent-clr--2 .child__bg-clr:focus,
.ui-widget-content .parent-clr--1 .child__bg-clr--next,
.ui-widget-content .parent-clr--1 .child__bg-clr--next:focus {
    color: #fff
}

.bg-clr--2.c-button,
.bg-clr--2.c-button:focus,
.parent-clr--2 .child__bg-clr.c-button,
.parent-clr--2 .child__bg-clr.c-button:focus,
.parent-clr--1 .child__bg-clr--next.c-button,
.parent-clr--1 .child__bg-clr--next.c-button:focus {
    border-color: rgba(0, 0, 0, 0);
    content: "2 1"
}

.bg-clr--2.c-button:hover,
.bg-clr--2.c-button:active,
.bg-clr--2.c-button:focus:active,
.parent-clr--2 .child__bg-clr.c-button:hover,
.parent-clr--2 .child__bg-clr.c-button:active,
.parent-clr--2 .child__bg-clr.c-button:focus:active,
.parent-clr--1 .child__bg-clr--next.c-button:hover,
.parent-clr--1 .child__bg-clr--next.c-button:active,
.parent-clr--1 .child__bg-clr--next.c-button:focus:active {
    color: #fff;
    background-color: rgb(0, 73.8, 111.6)
}

.bg-clr--2--hover.c-button:hover,
.bg-clr--2--hover.c-button:active,
.bg-clr--2--hover.c-button:focus,
.bg-clr--2--hover.c-button:focus:active,
.parent-clr--2 .child__bg-clr--hover.c-button:hover,
.parent-clr--2 .child__bg-clr--hover.c-button:active,
.parent-clr--2 .child__bg-clr--hover.c-button:focus,
.parent-clr--2 .child__bg-clr--hover.c-button:focus:active,
.parent-clr--1 .child__bg-clr--next--hover.c-button:hover,
.parent-clr--1 .child__bg-clr--next--hover.c-button:active,
.parent-clr--1 .child__bg-clr--next--hover.c-button:focus,
.parent-clr--1 .child__bg-clr--next--hover.c-button:focus:active {
    background-color: #00527c;
    border-color: rgba(0, 0, 0, 0);
    color: #fff
}

.ui-widget-content .bg-clr--2--hover.c-button:hover,
.ui-widget-content .bg-clr--2--hover.c-button:active,
.ui-widget-content .bg-clr--2--hover.c-button:focus,
.ui-widget-content .bg-clr--2--hover.c-button:focus:active,
.ui-widget-content .parent-clr--2 .child__bg-clr--hover.c-button:hover,
.ui-widget-content .parent-clr--2 .child__bg-clr--hover.c-button:active,
.ui-widget-content .parent-clr--2 .child__bg-clr--hover.c-button:focus,
.ui-widget-content .parent-clr--2 .child__bg-clr--hover.c-button:focus:active,
.ui-widget-content .parent-clr--1 .child__bg-clr--next--hover.c-button:hover,
.ui-widget-content .parent-clr--1 .child__bg-clr--next--hover.c-button:active,
.ui-widget-content .parent-clr--1 .child__bg-clr--next--hover.c-button:focus,
.ui-widget-content .parent-clr--1 .child__bg-clr--next--hover.c-button:focus:active {
    color: #fff
}

.bdr-clr--2,
.bdr-clr--2:focus,
.parent-clr--2 .child__bdr-clr,
.parent-clr--2 .child__bdr-clr:focus,
.parent-clr--1 .child__bdr-clr--next,
.parent-clr--1 .child__bdr-clr--next:focus {
    border-color: #00527c;
    color: #00527c
}

.ui-widget-content .bdr-clr--2,
.ui-widget-content .bdr-clr--2:focus,
.ui-widget-content .parent-clr--2 .child__bdr-clr,
.ui-widget-content .parent-clr--2 .child__bdr-clr:focus,
.ui-widget-content .parent-clr--1 .child__bdr-clr--next,
.ui-widget-content .parent-clr--1 .child__bdr-clr--next:focus {
    color: #00527c
}

.bdr-clr--2.c-button:hover,
.bdr-clr--2.c-button:active,
.bdr-clr--2.c-button:focus:active,
.parent-clr--2 .child__bdr-clr.c-button:hover,
.parent-clr--2 .child__bdr-clr.c-button:active,
.parent-clr--2 .child__bdr-clr.c-button:focus:active,
.parent-clr--1 .child__bdr-clr--next.c-button:hover,
.parent-clr--1 .child__bdr-clr--next.c-button:active,
.parent-clr--1 .child__bdr-clr--next.c-button:focus:active {
    background-color: #00527c;
    border-color: rgba(0, 0, 0, 0);
    color: #fff
}

.ui-widget-content .bdr-clr--2.c-button:hover,
.ui-widget-content .bdr-clr--2.c-button:active,
.ui-widget-content .bdr-clr--2.c-button:focus:active,
.ui-widget-content .parent-clr--2 .child__bdr-clr.c-button:hover,
.ui-widget-content .parent-clr--2 .child__bdr-clr.c-button:active,
.ui-widget-content .parent-clr--2 .child__bdr-clr.c-button:focus:active,
.ui-widget-content .parent-clr--1 .child__bdr-clr--next.c-button:hover,
.ui-widget-content .parent-clr--1 .child__bdr-clr--next.c-button:active,
.ui-widget-content .parent-clr--1 .child__bdr-clr--next.c-button:focus:active {
    color: #fff
}

.clr--2,
.parent-clr--2 .child__clr,
.parent-clr--1 .child__clr--next {
    color: #00527c
}

.ui-widget-content .clr--2,
.ui-widget-content .parent-clr--2 .child__clr,
.ui-widget-content .parent-clr--1 .child__clr--next {
    color: #00527c
}

.bg-clr--2--alpha-soft,
.parent-clr--2 .child__bg-clr--alpha-soft {
    background-color: rgba(0, 82, 124, .8);
    color: #fff
}

.ui-widget-content .bg-clr--2--alpha-soft,
.ui-widget-content .parent-clr--2 .child__bg-clr--alpha-soft {
    color: #fff
}

.bg-clr--2--alpha-middle,
.parent-clr--2 .child__bg-clr--alpha-middle {
    background-color: rgba(0, 82, 124, .5)
}

.bg-clr--2--alpha-heaviest,
.parent-clr--2 .child__bg-clr--alpha-heaviest {
    background-color: rgba(0, 82, 124, .1)
}

.bg-clr--2--white-soft,
.parent-clr--2 .child__bg-clr--white-soft,
.parent-clr--1 .child__bg-clr--next--white-soft {
    background-color: rgb(76.5, 133.9, 163.3);
    color: #fff
}

.ui-widget-content .bg-clr--2--white-soft,
.ui-widget-content .parent-clr--2 .child__bg-clr--white-soft,
.ui-widget-content .parent-clr--1 .child__bg-clr--next--white-soft {
    color: #fff
}

.bg-clr--2--white-heavy,
.parent-clr--2 .child__bg-clr--white-heavy,
.parent-clr--1 .child__bg-clr--next--white-heavy {
    background-color: rgb(204, 220.4, 228.8)
}

.bg-clr--2--white-heaviest,
.parent-clr--2 .child__bg-clr--white-heaviest,
.parent-clr--1 .child__bg-clr--next--white-heaviest {
    background-color: rgb(242.25, 246.35, 248.45)
}

.bdr-clr--2--top,
.parent-clr--2 .child__bdr-clr--top {
    border-color: rgba(0, 0, 0, 0);
    border-top-color: #00527c
}

.bdr-clr--2--bottom,
.parent-clr--2 .child__bdr-clr--bottom {
    border-color: rgba(0, 0, 0, 0);
    border-bottom-color: #00527c
}

.bdr-clr--2--left,
.parent-clr--2 .child__bdr-clr--left {
    border-color: rgba(0, 0, 0, 0);
    border-left-color: #00527c
}

body.rtl .bdr-clr--2--left,
body.rtl .parent-clr--2 .child__bdr-clr--left {
    border-left-color: rgba(0, 0, 0, 0);
    border-right-color: #00527c
}

.bdr-clr--2--right,
.parent-clr--2 .child__bdr-clr--right {
    border-color: rgba(0, 0, 0, 0);
    border-right-color: #00527c
}

body.rtl .bdr-clr--2--right,
body.rtl .parent-clr--2 .child__bdr-clr--right {
    border-right-color: rgba(0, 0, 0, 0);
    border-left-color: #00527c
}

.bg-clr--3,
.bg-clr--3:focus,
.parent-clr--3 .child__bg-clr,
.parent-clr--3 .child__bg-clr:focus,
.parent-clr--2 .child__bg-clr--next,
.parent-clr--2 .child__bg-clr--next:focus {
    background-color: #0472aa;
    color: #fff
}

.ui-widget-content .bg-clr--3,
.ui-widget-content .bg-clr--3:focus,
.ui-widget-content .parent-clr--3 .child__bg-clr,
.ui-widget-content .parent-clr--3 .child__bg-clr:focus,
.ui-widget-content .parent-clr--2 .child__bg-clr--next,
.ui-widget-content .parent-clr--2 .child__bg-clr--next:focus {
    color: #fff
}

.bg-clr--3.c-button,
.bg-clr--3.c-button:focus,
.parent-clr--3 .child__bg-clr.c-button,
.parent-clr--3 .child__bg-clr.c-button:focus,
.parent-clr--2 .child__bg-clr--next.c-button,
.parent-clr--2 .child__bg-clr--next.c-button:focus {
    border-color: rgba(0, 0, 0, 0);
    content: "3 2"
}

.bg-clr--3.c-button:hover,
.bg-clr--3.c-button:active,
.bg-clr--3.c-button:focus:active,
.parent-clr--3 .child__bg-clr.c-button:hover,
.parent-clr--3 .child__bg-clr.c-button:active,
.parent-clr--3 .child__bg-clr.c-button:focus:active,
.parent-clr--2 .child__bg-clr--next.c-button:hover,
.parent-clr--2 .child__bg-clr--next.c-button:active,
.parent-clr--2 .child__bg-clr--next.c-button:focus:active {
    color: #fff;
    background-color: rgb(3.6, 102.6, 153)
}

.bg-clr--3--hover.c-button:hover,
.bg-clr--3--hover.c-button:active,
.bg-clr--3--hover.c-button:focus,
.bg-clr--3--hover.c-button:focus:active,
.parent-clr--3 .child__bg-clr--hover.c-button:hover,
.parent-clr--3 .child__bg-clr--hover.c-button:active,
.parent-clr--3 .child__bg-clr--hover.c-button:focus,
.parent-clr--3 .child__bg-clr--hover.c-button:focus:active,
.parent-clr--2 .child__bg-clr--next--hover.c-button:hover,
.parent-clr--2 .child__bg-clr--next--hover.c-button:active,
.parent-clr--2 .child__bg-clr--next--hover.c-button:focus,
.parent-clr--2 .child__bg-clr--next--hover.c-button:focus:active {
    background-color: #0472aa;
    border-color: rgba(0, 0, 0, 0);
    color: #fff
}

.ui-widget-content .bg-clr--3--hover.c-button:hover,
.ui-widget-content .bg-clr--3--hover.c-button:active,
.ui-widget-content .bg-clr--3--hover.c-button:focus,
.ui-widget-content .bg-clr--3--hover.c-button:focus:active,
.ui-widget-content .parent-clr--3 .child__bg-clr--hover.c-button:hover,
.ui-widget-content .parent-clr--3 .child__bg-clr--hover.c-button:active,
.ui-widget-content .parent-clr--3 .child__bg-clr--hover.c-button:focus,
.ui-widget-content .parent-clr--3 .child__bg-clr--hover.c-button:focus:active,
.ui-widget-content .parent-clr--2 .child__bg-clr--next--hover.c-button:hover,
.ui-widget-content .parent-clr--2 .child__bg-clr--next--hover.c-button:active,
.ui-widget-content .parent-clr--2 .child__bg-clr--next--hover.c-button:focus,
.ui-widget-content .parent-clr--2 .child__bg-clr--next--hover.c-button:focus:active {
    color: #fff
}

.bdr-clr--3,
.bdr-clr--3:focus,
.parent-clr--3 .child__bdr-clr,
.parent-clr--3 .child__bdr-clr:focus,
.parent-clr--2 .child__bdr-clr--next,
.parent-clr--2 .child__bdr-clr--next:focus {
    border-color: #0472aa;
    color: #0472aa
}

.ui-widget-content .bdr-clr--3,
.ui-widget-content .bdr-clr--3:focus,
.ui-widget-content .parent-clr--3 .child__bdr-clr,
.ui-widget-content .parent-clr--3 .child__bdr-clr:focus,
.ui-widget-content .parent-clr--2 .child__bdr-clr--next,
.ui-widget-content .parent-clr--2 .child__bdr-clr--next:focus {
    color: #0472aa
}

.bdr-clr--3.c-button:hover,
.bdr-clr--3.c-button:active,
.bdr-clr--3.c-button:focus:active,
.parent-clr--3 .child__bdr-clr.c-button:hover,
.parent-clr--3 .child__bdr-clr.c-button:active,
.parent-clr--3 .child__bdr-clr.c-button:focus:active,
.parent-clr--2 .child__bdr-clr--next.c-button:hover,
.parent-clr--2 .child__bdr-clr--next.c-button:active,
.parent-clr--2 .child__bdr-clr--next.c-button:focus:active {
    background-color: #0472aa;
    border-color: rgba(0, 0, 0, 0);
    color: #fff
}

.ui-widget-content .bdr-clr--3.c-button:hover,
.ui-widget-content .bdr-clr--3.c-button:active,
.ui-widget-content .bdr-clr--3.c-button:focus:active,
.ui-widget-content .parent-clr--3 .child__bdr-clr.c-button:hover,
.ui-widget-content .parent-clr--3 .child__bdr-clr.c-button:active,
.ui-widget-content .parent-clr--3 .child__bdr-clr.c-button:focus:active,
.ui-widget-content .parent-clr--2 .child__bdr-clr--next.c-button:hover,
.ui-widget-content .parent-clr--2 .child__bdr-clr--next.c-button:active,
.ui-widget-content .parent-clr--2 .child__bdr-clr--next.c-button:focus:active {
    color: #fff
}

.clr--3,
.parent-clr--3 .child__clr,
.parent-clr--2 .child__clr--next {
    color: #0472aa
}

.ui-widget-content .clr--3,
.ui-widget-content .parent-clr--3 .child__clr,
.ui-widget-content .parent-clr--2 .child__clr--next {
    color: #0472aa
}

.bg-clr--3--alpha-soft,
.parent-clr--3 .child__bg-clr--alpha-soft {
    background-color: rgba(4, 114, 170, .8);
    color: #fff
}

.ui-widget-content .bg-clr--3--alpha-soft,
.ui-widget-content .parent-clr--3 .child__bg-clr--alpha-soft {
    color: #fff
}

.bg-clr--3--alpha-middle,
.parent-clr--3 .child__bg-clr--alpha-middle {
    background-color: rgba(4, 114, 170, .5)
}

.bg-clr--3--alpha-heaviest,
.parent-clr--3 .child__bg-clr--alpha-heaviest {
    background-color: rgba(4, 114, 170, .1)
}

.bg-clr--3--white-soft,
.parent-clr--3 .child__bg-clr--white-soft,
.parent-clr--2 .child__bg-clr--next--white-soft {
    background-color: rgb(79.3, 156.3, 195.5);
    color: #fff
}

.ui-widget-content .bg-clr--3--white-soft,
.ui-widget-content .parent-clr--3 .child__bg-clr--white-soft,
.ui-widget-content .parent-clr--2 .child__bg-clr--next--white-soft {
    color: #fff
}

.bg-clr--3--white-heavy,
.parent-clr--3 .child__bg-clr--white-heavy,
.parent-clr--2 .child__bg-clr--next--white-heavy {
    background-color: rgb(204.8, 226.8, 238)
}

.bg-clr--3--white-heaviest,
.parent-clr--3 .child__bg-clr--white-heaviest,
.parent-clr--2 .child__bg-clr--next--white-heaviest {
    background-color: rgb(242.45, 247.95, 250.75)
}

.bdr-clr--3--top,
.parent-clr--3 .child__bdr-clr--top {
    border-color: rgba(0, 0, 0, 0);
    border-top-color: #0472aa
}

.bdr-clr--3--bottom,
.parent-clr--3 .child__bdr-clr--bottom {
    border-color: rgba(0, 0, 0, 0);
    border-bottom-color: #0472aa
}

.bdr-clr--3--left,
.parent-clr--3 .child__bdr-clr--left {
    border-color: rgba(0, 0, 0, 0);
    border-left-color: #0472aa
}

body.rtl .bdr-clr--3--left,
body.rtl .parent-clr--3 .child__bdr-clr--left {
    border-left-color: rgba(0, 0, 0, 0);
    border-right-color: #0472aa
}

.bdr-clr--3--right,
.parent-clr--3 .child__bdr-clr--right {
    border-color: rgba(0, 0, 0, 0);
    border-right-color: #0472aa
}

body.rtl .bdr-clr--3--right,
body.rtl .parent-clr--3 .child__bdr-clr--right {
    border-right-color: rgba(0, 0, 0, 0);
    border-left-color: #0472aa
}

.bg-clr--4,
.bg-clr--4:focus,
.parent-clr--4 .child__bg-clr,
.parent-clr--4 .child__bg-clr:focus,
.parent-clr--3 .child__bg-clr--next,
.parent-clr--3 .child__bg-clr--next:focus {
    background-color: #00527c;
    color: #fff
}

.ui-widget-content .bg-clr--4,
.ui-widget-content .bg-clr--4:focus,
.ui-widget-content .parent-clr--4 .child__bg-clr,
.ui-widget-content .parent-clr--4 .child__bg-clr:focus,
.ui-widget-content .parent-clr--3 .child__bg-clr--next,
.ui-widget-content .parent-clr--3 .child__bg-clr--next:focus {
    color: #fff
}

.bg-clr--4.c-button,
.bg-clr--4.c-button:focus,
.parent-clr--4 .child__bg-clr.c-button,
.parent-clr--4 .child__bg-clr.c-button:focus,
.parent-clr--3 .child__bg-clr--next.c-button,
.parent-clr--3 .child__bg-clr--next.c-button:focus {
    border-color: rgba(0, 0, 0, 0);
    content: "4 3"
}

.bg-clr--4.c-button:hover,
.bg-clr--4.c-button:active,
.bg-clr--4.c-button:focus:active,
.parent-clr--4 .child__bg-clr.c-button:hover,
.parent-clr--4 .child__bg-clr.c-button:active,
.parent-clr--4 .child__bg-clr.c-button:focus:active,
.parent-clr--3 .child__bg-clr--next.c-button:hover,
.parent-clr--3 .child__bg-clr--next.c-button:active,
.parent-clr--3 .child__bg-clr--next.c-button:focus:active {
    color: #fff;
    background-color: rgb(0, 73.8, 111.6)
}

.bg-clr--4--hover.c-button:hover,
.bg-clr--4--hover.c-button:active,
.bg-clr--4--hover.c-button:focus,
.bg-clr--4--hover.c-button:focus:active,
.parent-clr--4 .child__bg-clr--hover.c-button:hover,
.parent-clr--4 .child__bg-clr--hover.c-button:active,
.parent-clr--4 .child__bg-clr--hover.c-button:focus,
.parent-clr--4 .child__bg-clr--hover.c-button:focus:active,
.parent-clr--3 .child__bg-clr--next--hover.c-button:hover,
.parent-clr--3 .child__bg-clr--next--hover.c-button:active,
.parent-clr--3 .child__bg-clr--next--hover.c-button:focus,
.parent-clr--3 .child__bg-clr--next--hover.c-button:focus:active {
    background-color: #00527c;
    border-color: rgba(0, 0, 0, 0);
    color: #fff
}

.ui-widget-content .bg-clr--4--hover.c-button:hover,
.ui-widget-content .bg-clr--4--hover.c-button:active,
.ui-widget-content .bg-clr--4--hover.c-button:focus,
.ui-widget-content .bg-clr--4--hover.c-button:focus:active,
.ui-widget-content .parent-clr--4 .child__bg-clr--hover.c-button:hover,
.ui-widget-content .parent-clr--4 .child__bg-clr--hover.c-button:active,
.ui-widget-content .parent-clr--4 .child__bg-clr--hover.c-button:focus,
.ui-widget-content .parent-clr--4 .child__bg-clr--hover.c-button:focus:active,
.ui-widget-content .parent-clr--3 .child__bg-clr--next--hover.c-button:hover,
.ui-widget-content .parent-clr--3 .child__bg-clr--next--hover.c-button:active,
.ui-widget-content .parent-clr--3 .child__bg-clr--next--hover.c-button:focus,
.ui-widget-content .parent-clr--3 .child__bg-clr--next--hover.c-button:focus:active {
    color: #fff
}

.bdr-clr--4,
.bdr-clr--4:focus,
.parent-clr--4 .child__bdr-clr,
.parent-clr--4 .child__bdr-clr:focus,
.parent-clr--3 .child__bdr-clr--next,
.parent-clr--3 .child__bdr-clr--next:focus {
    border-color: #00527c;
    color: #00527c
}

.ui-widget-content .bdr-clr--4,
.ui-widget-content .bdr-clr--4:focus,
.ui-widget-content .parent-clr--4 .child__bdr-clr,
.ui-widget-content .parent-clr--4 .child__bdr-clr:focus,
.ui-widget-content .parent-clr--3 .child__bdr-clr--next,
.ui-widget-content .parent-clr--3 .child__bdr-clr--next:focus {
    color: #00527c
}

.bdr-clr--4.c-button:hover,
.bdr-clr--4.c-button:active,
.bdr-clr--4.c-button:focus:active,
.parent-clr--4 .child__bdr-clr.c-button:hover,
.parent-clr--4 .child__bdr-clr.c-button:active,
.parent-clr--4 .child__bdr-clr.c-button:focus:active,
.parent-clr--3 .child__bdr-clr--next.c-button:hover,
.parent-clr--3 .child__bdr-clr--next.c-button:active,
.parent-clr--3 .child__bdr-clr--next.c-button:focus:active {
    background-color: #00527c;
    border-color: rgba(0, 0, 0, 0);
    color: #fff
}

.ui-widget-content .bdr-clr--4.c-button:hover,
.ui-widget-content .bdr-clr--4.c-button:active,
.ui-widget-content .bdr-clr--4.c-button:focus:active,
.ui-widget-content .parent-clr--4 .child__bdr-clr.c-button:hover,
.ui-widget-content .parent-clr--4 .child__bdr-clr.c-button:active,
.ui-widget-content .parent-clr--4 .child__bdr-clr.c-button:focus:active,
.ui-widget-content .parent-clr--3 .child__bdr-clr--next.c-button:hover,
.ui-widget-content .parent-clr--3 .child__bdr-clr--next.c-button:active,
.ui-widget-content .parent-clr--3 .child__bdr-clr--next.c-button:focus:active {
    color: #fff
}

.clr--4,
.parent-clr--4 .child__clr,
.parent-clr--3 .child__clr--next {
    color: #00527c
}

.ui-widget-content .clr--4,
.ui-widget-content .parent-clr--4 .child__clr,
.ui-widget-content .parent-clr--3 .child__clr--next {
    color: #00527c
}

.bg-clr--4--alpha-soft,
.parent-clr--4 .child__bg-clr--alpha-soft {
    background-color: rgba(0, 82, 124, .8);
    color: #fff
}

.ui-widget-content .bg-clr--4--alpha-soft,
.ui-widget-content .parent-clr--4 .child__bg-clr--alpha-soft {
    color: #fff
}

.bg-clr--4--alpha-middle,
.parent-clr--4 .child__bg-clr--alpha-middle {
    background-color: rgba(0, 82, 124, .5)
}

.bg-clr--4--alpha-heaviest,
.parent-clr--4 .child__bg-clr--alpha-heaviest {
    background-color: rgba(0, 82, 124, .1)
}

.bg-clr--4--white-soft,
.parent-clr--4 .child__bg-clr--white-soft,
.parent-clr--3 .child__bg-clr--next--white-soft {
    background-color: rgb(76.5, 133.9, 163.3);
    color: #fff
}

.ui-widget-content .bg-clr--4--white-soft,
.ui-widget-content .parent-clr--4 .child__bg-clr--white-soft,
.ui-widget-content .parent-clr--3 .child__bg-clr--next--white-soft {
    color: #fff
}

.bg-clr--4--white-heavy,
.parent-clr--4 .child__bg-clr--white-heavy,
.parent-clr--3 .child__bg-clr--next--white-heavy {
    background-color: rgb(204, 220.4, 228.8)
}

.bg-clr--4--white-heaviest,
.parent-clr--4 .child__bg-clr--white-heaviest,
.parent-clr--3 .child__bg-clr--next--white-heaviest {
    background-color: rgb(242.25, 246.35, 248.45)
}

.bdr-clr--4--top,
.parent-clr--4 .child__bdr-clr--top {
    border-color: rgba(0, 0, 0, 0);
    border-top-color: #00527c
}

.bdr-clr--4--bottom,
.parent-clr--4 .child__bdr-clr--bottom {
    border-color: rgba(0, 0, 0, 0);
    border-bottom-color: #00527c
}

.bdr-clr--4--left,
.parent-clr--4 .child__bdr-clr--left {
    border-color: rgba(0, 0, 0, 0);
    border-left-color: #00527c
}

body.rtl .bdr-clr--4--left,
body.rtl .parent-clr--4 .child__bdr-clr--left {
    border-left-color: rgba(0, 0, 0, 0);
    border-right-color: #00527c
}

.bdr-clr--4--right,
.parent-clr--4 .child__bdr-clr--right {
    border-color: rgba(0, 0, 0, 0);
    border-right-color: #00527c
}

body.rtl .bdr-clr--4--right,
body.rtl .parent-clr--4 .child__bdr-clr--right {
    border-right-color: rgba(0, 0, 0, 0);
    border-left-color: #00527c
}

.bg-clr--origin,
.bg-clr--origin:focus {
    background-color: #393939;
    color: #fff
}

.ui-widget-content .bg-clr--origin,
.ui-widget-content .bg-clr--origin:focus {
    color: #fff
}

.bg-clr--origin.c-button,
.bg-clr--origin.c-button:focus {
    border-color: rgba(0, 0, 0, 0);
    content: "origin 4"
}

.bg-clr--origin.c-button:hover,
.bg-clr--origin.c-button:active,
.bg-clr--origin.c-button:focus:active {
    color: #fff;
    background-color: rgb(51.3, 51.3, 51.3)
}

.bg-clr--origin--hover.c-button:hover,
.bg-clr--origin--hover.c-button:active,
.bg-clr--origin--hover.c-button:focus,
.bg-clr--origin--hover.c-button:focus:active {
    background-color: #393939;
    border-color: rgba(0, 0, 0, 0);
    color: #fff
}

.ui-widget-content .bg-clr--origin--hover.c-button:hover,
.ui-widget-content .bg-clr--origin--hover.c-button:active,
.ui-widget-content .bg-clr--origin--hover.c-button:focus,
.ui-widget-content .bg-clr--origin--hover.c-button:focus:active {
    color: #fff
}

.bdr-clr--origin,
.bdr-clr--origin:focus {
    border-color: #393939;
    color: #393939
}

.ui-widget-content .bdr-clr--origin,
.ui-widget-content .bdr-clr--origin:focus {
    color: #393939
}

.bdr-clr--origin.c-button:hover,
.bdr-clr--origin.c-button:active,
.bdr-clr--origin.c-button:focus:active {
    background-color: #393939;
    border-color: rgba(0, 0, 0, 0);
    color: #fff
}

.ui-widget-content .bdr-clr--origin.c-button:hover,
.ui-widget-content .bdr-clr--origin.c-button:active,
.ui-widget-content .bdr-clr--origin.c-button:focus:active {
    color: #fff
}

.clr--origin {
    color: #393939
}

.ui-widget-content .clr--origin {
    color: #393939
}

.bg-clr--whitest-gray,
.bg-clr--whitest-gray:focus {
    background-color: #fbfbfb
}

.bg-clr--whitest-gray.c-button,
.bg-clr--whitest-gray.c-button:focus {
    border-color: rgba(0, 0, 0, 0);
    content: "whitest-gray 4"
}

.bg-clr--whitest-gray.c-button:hover,
.bg-clr--whitest-gray.c-button:active,
.bg-clr--whitest-gray.c-button:focus:active {
    color: #fff;
    background-color: rgb(225.9, 225.9, 225.9)
}

.bg-clr--whitest-gray.c-button {
    border-color: rgba(0, 0, 0, 0)
}

.bg-clr--whitest-gray--hover.c-button:hover,
.bg-clr--whitest-gray--hover.c-button:active,
.bg-clr--whitest-gray--hover.c-button:focus,
.bg-clr--whitest-gray--hover.c-button:focus:active {
    background-color: #fbfbfb;
    border-color: rgba(0, 0, 0, 0)
}

.bdr-clr--whitest-gray,
.bdr-clr--whitest-gray:focus {
    border-color: #fbfbfb
}

.bdr-clr--whitest-gray.c-button:hover,
.bdr-clr--whitest-gray.c-button:active,
.bdr-clr--whitest-gray.c-button:focus:active {
    background-color: #fbfbfb;
    border-color: rgba(0, 0, 0, 0)
}

.clr--whitest-gray {
    color: #fbfbfb
}

.ui-widget-content .clr--whitest-gray {
    color: #fbfbfb
}

.bg-clr--lightest-gray,
.bg-clr--lightest-gray:focus {
    background-color: #f7f7f7
}

.bg-clr--lightest-gray.c-button,
.bg-clr--lightest-gray.c-button:focus {
    border-color: rgba(0, 0, 0, 0);
    content: "lightest-gray 4"
}

.bg-clr--lightest-gray.c-button:hover,
.bg-clr--lightest-gray.c-button:active,
.bg-clr--lightest-gray.c-button:focus:active {
    color: #fff;
    background-color: rgb(222.3, 222.3, 222.3)
}

.bg-clr--lightest-gray.c-button {
    border-color: rgba(0, 0, 0, 0)
}

.bg-clr--lightest-gray--hover.c-button:hover,
.bg-clr--lightest-gray--hover.c-button:active,
.bg-clr--lightest-gray--hover.c-button:focus,
.bg-clr--lightest-gray--hover.c-button:focus:active {
    background-color: #f7f7f7;
    border-color: rgba(0, 0, 0, 0)
}

.bdr-clr--lightest-gray,
.bdr-clr--lightest-gray:focus {
    border-color: #f7f7f7
}

.bdr-clr--lightest-gray.c-button:hover,
.bdr-clr--lightest-gray.c-button:active,
.bdr-clr--lightest-gray.c-button:focus:active {
    background-color: #f7f7f7;
    border-color: rgba(0, 0, 0, 0)
}

.clr--lightest-gray {
    color: #f7f7f7
}

.ui-widget-content .clr--lightest-gray {
    color: #f7f7f7
}

.bg-clr--lighter-gray,
.bg-clr--lighter-gray:focus {
    background-color: #e3e3e3
}

.bg-clr--lighter-gray.c-button,
.bg-clr--lighter-gray.c-button:focus {
    border-color: rgba(0, 0, 0, 0);
    content: "lighter-gray 4"
}

.bg-clr--lighter-gray.c-button:hover,
.bg-clr--lighter-gray.c-button:active,
.bg-clr--lighter-gray.c-button:focus:active {
    color: #fff;
    background-color: rgb(204.3, 204.3, 204.3)
}

.bg-clr--lighter-gray.c-button {
    border-color: rgba(0, 0, 0, 0)
}

.bg-clr--lighter-gray--hover.c-button:hover,
.bg-clr--lighter-gray--hover.c-button:active,
.bg-clr--lighter-gray--hover.c-button:focus,
.bg-clr--lighter-gray--hover.c-button:focus:active {
    background-color: #e3e3e3;
    border-color: rgba(0, 0, 0, 0)
}

.bdr-clr--lighter-gray,
.bdr-clr--lighter-gray:focus {
    border-color: #e3e3e3
}

.bdr-clr--lighter-gray.c-button:hover,
.bdr-clr--lighter-gray.c-button:active,
.bdr-clr--lighter-gray.c-button:focus:active {
    background-color: #e3e3e3;
    border-color: rgba(0, 0, 0, 0)
}

.clr--lighter-gray {
    color: #e3e3e3
}

.ui-widget-content .clr--lighter-gray {
    color: #e3e3e3
}

.bg-clr--light-gray,
.bg-clr--light-gray:focus {
    background-color: #c2c2c2;
    color: #fff
}

.ui-widget-content .bg-clr--light-gray,
.ui-widget-content .bg-clr--light-gray:focus {
    color: #fff
}

.bg-clr--light-gray.c-button,
.bg-clr--light-gray.c-button:focus {
    border-color: rgba(0, 0, 0, 0);
    content: "light-gray 4"
}

.bg-clr--light-gray.c-button:hover,
.bg-clr--light-gray.c-button:active,
.bg-clr--light-gray.c-button:focus:active {
    color: #fff;
    background-color: rgb(174.6, 174.6, 174.6)
}

.bg-clr--light-gray.c-button {
    border-color: rgba(0, 0, 0, 0)
}

.bg-clr--light-gray--hover.c-button:hover,
.bg-clr--light-gray--hover.c-button:active,
.bg-clr--light-gray--hover.c-button:focus,
.bg-clr--light-gray--hover.c-button:focus:active {
    background-color: #c2c2c2;
    border-color: rgba(0, 0, 0, 0);
    color: #fff
}

.ui-widget-content .bg-clr--light-gray--hover.c-button:hover,
.ui-widget-content .bg-clr--light-gray--hover.c-button:active,
.ui-widget-content .bg-clr--light-gray--hover.c-button:focus,
.ui-widget-content .bg-clr--light-gray--hover.c-button:focus:active {
    color: #fff
}

.bdr-clr--light-gray,
.bdr-clr--light-gray:focus {
    border-color: #c2c2c2;
    color: #c2c2c2
}

.ui-widget-content .bdr-clr--light-gray,
.ui-widget-content .bdr-clr--light-gray:focus {
    color: #c2c2c2
}

.bdr-clr--light-gray.c-button:hover,
.bdr-clr--light-gray.c-button:active,
.bdr-clr--light-gray.c-button:focus:active {
    background-color: #c2c2c2;
    border-color: rgba(0, 0, 0, 0);
    color: #fff
}

.ui-widget-content .bdr-clr--light-gray.c-button:hover,
.ui-widget-content .bdr-clr--light-gray.c-button:active,
.ui-widget-content .bdr-clr--light-gray.c-button:focus:active {
    color: #fff
}

.clr--light-gray {
    color: #c2c2c2
}

.ui-widget-content .clr--light-gray {
    color: #c2c2c2
}

.bg-clr--middle-gray,
.bg-clr--middle-gray:focus {
    background-color: #a2a2a2;
    color: #fff
}

.ui-widget-content .bg-clr--middle-gray,
.ui-widget-content .bg-clr--middle-gray:focus {
    color: #fff
}

.bg-clr--middle-gray.c-button,
.bg-clr--middle-gray.c-button:focus {
    border-color: rgba(0, 0, 0, 0);
    content: "middle-gray 4"
}

.bg-clr--middle-gray.c-button:hover,
.bg-clr--middle-gray.c-button:active,
.bg-clr--middle-gray.c-button:focus:active {
    color: #fff;
    background-color: rgb(145.8, 145.8, 145.8)
}

.bg-clr--middle-gray.c-button {
    border-color: rgba(0, 0, 0, 0)
}

.bg-clr--middle-gray--hover.c-button:hover,
.bg-clr--middle-gray--hover.c-button:active,
.bg-clr--middle-gray--hover.c-button:focus,
.bg-clr--middle-gray--hover.c-button:focus:active {
    background-color: #a2a2a2;
    border-color: rgba(0, 0, 0, 0);
    color: #fff
}

.ui-widget-content .bg-clr--middle-gray--hover.c-button:hover,
.ui-widget-content .bg-clr--middle-gray--hover.c-button:active,
.ui-widget-content .bg-clr--middle-gray--hover.c-button:focus,
.ui-widget-content .bg-clr--middle-gray--hover.c-button:focus:active {
    color: #fff
}

.bdr-clr--middle-gray,
.bdr-clr--middle-gray:focus {
    border-color: #a2a2a2;
    color: #a2a2a2
}

.ui-widget-content .bdr-clr--middle-gray,
.ui-widget-content .bdr-clr--middle-gray:focus {
    color: #a2a2a2
}

.bdr-clr--middle-gray.c-button:hover,
.bdr-clr--middle-gray.c-button:active,
.bdr-clr--middle-gray.c-button:focus:active {
    background-color: #a2a2a2;
    border-color: rgba(0, 0, 0, 0);
    color: #fff
}

.ui-widget-content .bdr-clr--middle-gray.c-button:hover,
.ui-widget-content .bdr-clr--middle-gray.c-button:active,
.ui-widget-content .bdr-clr--middle-gray.c-button:focus:active {
    color: #fff
}

.clr--middle-gray {
    color: #a2a2a2
}

.ui-widget-content .clr--middle-gray {
    color: #a2a2a2
}

.bg-clr--dark-gray,
.bg-clr--dark-gray:focus {
    background-color: #707070;
    color: #fff
}

.ui-widget-content .bg-clr--dark-gray,
.ui-widget-content .bg-clr--dark-gray:focus {
    color: #fff
}

.bg-clr--dark-gray.c-button,
.bg-clr--dark-gray.c-button:focus {
    border-color: rgba(0, 0, 0, 0);
    content: "dark-gray 4"
}

.bg-clr--dark-gray.c-button:hover,
.bg-clr--dark-gray.c-button:active,
.bg-clr--dark-gray.c-button:focus:active {
    color: #fff;
    background-color: rgb(100.8, 100.8, 100.8)
}

.bg-clr--dark-gray.c-button {
    border-color: rgba(0, 0, 0, 0)
}

.bg-clr--dark-gray--hover.c-button:hover,
.bg-clr--dark-gray--hover.c-button:active,
.bg-clr--dark-gray--hover.c-button:focus,
.bg-clr--dark-gray--hover.c-button:focus:active {
    background-color: #707070;
    border-color: rgba(0, 0, 0, 0);
    color: #fff
}

.ui-widget-content .bg-clr--dark-gray--hover.c-button:hover,
.ui-widget-content .bg-clr--dark-gray--hover.c-button:active,
.ui-widget-content .bg-clr--dark-gray--hover.c-button:focus,
.ui-widget-content .bg-clr--dark-gray--hover.c-button:focus:active {
    color: #fff
}

.bdr-clr--dark-gray,
.bdr-clr--dark-gray:focus {
    border-color: #707070;
    color: #707070
}

.ui-widget-content .bdr-clr--dark-gray,
.ui-widget-content .bdr-clr--dark-gray:focus {
    color: #707070
}

.bdr-clr--dark-gray.c-button:hover,
.bdr-clr--dark-gray.c-button:active,
.bdr-clr--dark-gray.c-button:focus:active {
    background-color: #707070;
    border-color: rgba(0, 0, 0, 0);
    color: #fff
}

.ui-widget-content .bdr-clr--dark-gray.c-button:hover,
.ui-widget-content .bdr-clr--dark-gray.c-button:active,
.ui-widget-content .bdr-clr--dark-gray.c-button:focus:active {
    color: #fff
}

.clr--dark-gray {
    color: #707070
}

.ui-widget-content .clr--dark-gray {
    color: #707070
}

.bg-clr--darker-gray,
.bg-clr--darker-gray:focus {
    background-color: #4e4e4e;
    color: #fff
}

.ui-widget-content .bg-clr--darker-gray,
.ui-widget-content .bg-clr--darker-gray:focus {
    color: #fff
}

.bg-clr--darker-gray.c-button,
.bg-clr--darker-gray.c-button:focus {
    border-color: rgba(0, 0, 0, 0);
    content: "darker-gray 4"
}

.bg-clr--darker-gray.c-button:hover,
.bg-clr--darker-gray.c-button:active,
.bg-clr--darker-gray.c-button:focus:active {
    color: #fff;
    background-color: rgb(70.2, 70.2, 70.2)
}

.bg-clr--darker-gray.c-button {
    border-color: rgba(0, 0, 0, 0)
}

.bg-clr--darker-gray--hover.c-button:hover,
.bg-clr--darker-gray--hover.c-button:active,
.bg-clr--darker-gray--hover.c-button:focus,
.bg-clr--darker-gray--hover.c-button:focus:active {
    background-color: #4e4e4e;
    border-color: rgba(0, 0, 0, 0);
    color: #fff
}

.ui-widget-content .bg-clr--darker-gray--hover.c-button:hover,
.ui-widget-content .bg-clr--darker-gray--hover.c-button:active,
.ui-widget-content .bg-clr--darker-gray--hover.c-button:focus,
.ui-widget-content .bg-clr--darker-gray--hover.c-button:focus:active {
    color: #fff
}

.bdr-clr--darker-gray,
.bdr-clr--darker-gray:focus {
    border-color: #4e4e4e;
    color: #4e4e4e
}

.ui-widget-content .bdr-clr--darker-gray,
.ui-widget-content .bdr-clr--darker-gray:focus {
    color: #4e4e4e
}

.bdr-clr--darker-gray.c-button:hover,
.bdr-clr--darker-gray.c-button:active,
.bdr-clr--darker-gray.c-button:focus:active {
    background-color: #4e4e4e;
    border-color: rgba(0, 0, 0, 0);
    color: #fff
}

.ui-widget-content .bdr-clr--darker-gray.c-button:hover,
.ui-widget-content .bdr-clr--darker-gray.c-button:active,
.ui-widget-content .bdr-clr--darker-gray.c-button:focus:active {
    color: #fff
}

.clr--darker-gray {
    color: #4e4e4e
}

.ui-widget-content .clr--darker-gray {
    color: #4e4e4e
}

.bg-clr--darkest-gray,
.bg-clr--darkest-gray:focus {
    background-color: #393939;
    color: #fff
}

.ui-widget-content .bg-clr--darkest-gray,
.ui-widget-content .bg-clr--darkest-gray:focus {
    color: #fff
}

.bg-clr--darkest-gray.c-button,
.bg-clr--darkest-gray.c-button:focus {
    border-color: rgba(0, 0, 0, 0);
    content: "darkest-gray 4"
}

.bg-clr--darkest-gray.c-button:hover,
.bg-clr--darkest-gray.c-button:active,
.bg-clr--darkest-gray.c-button:focus:active {
    color: #fff;
    background-color: rgb(51.3, 51.3, 51.3)
}

.bg-clr--darkest-gray.c-button {
    border-color: rgba(0, 0, 0, 0)
}

.bg-clr--darkest-gray--hover.c-button:hover,
.bg-clr--darkest-gray--hover.c-button:active,
.bg-clr--darkest-gray--hover.c-button:focus,
.bg-clr--darkest-gray--hover.c-button:focus:active {
    background-color: #393939;
    border-color: rgba(0, 0, 0, 0);
    color: #fff
}

.ui-widget-content .bg-clr--darkest-gray--hover.c-button:hover,
.ui-widget-content .bg-clr--darkest-gray--hover.c-button:active,
.ui-widget-content .bg-clr--darkest-gray--hover.c-button:focus,
.ui-widget-content .bg-clr--darkest-gray--hover.c-button:focus:active {
    color: #fff
}

.bdr-clr--darkest-gray,
.bdr-clr--darkest-gray:focus {
    border-color: #393939;
    color: #393939
}

.ui-widget-content .bdr-clr--darkest-gray,
.ui-widget-content .bdr-clr--darkest-gray:focus {
    color: #393939
}

.bdr-clr--darkest-gray.c-button:hover,
.bdr-clr--darkest-gray.c-button:active,
.bdr-clr--darkest-gray.c-button:focus:active {
    background-color: #393939;
    border-color: rgba(0, 0, 0, 0);
    color: #fff
}

.ui-widget-content .bdr-clr--darkest-gray.c-button:hover,
.ui-widget-content .bdr-clr--darkest-gray.c-button:active,
.ui-widget-content .bdr-clr--darkest-gray.c-button:focus:active {
    color: #fff
}

.clr--darkest-gray {
    color: #393939
}

.ui-widget-content .clr--darkest-gray {
    color: #393939
}

.bg-clr--success,
.bg-clr--success:focus {
    background-color: #6dc151;
    color: #fff
}

.ui-widget-content .bg-clr--success,
.ui-widget-content .bg-clr--success:focus {
    color: #fff
}

.bg-clr--success.c-button,
.bg-clr--success.c-button:focus {
    border-color: rgba(0, 0, 0, 0);
    content: "success 4"
}

.bg-clr--success.c-button:hover,
.bg-clr--success.c-button:active,
.bg-clr--success.c-button:focus:active {
    color: #fff;
    background-color: rgb(98.1, 173.7, 72.9)
}

.bg-clr--success--hover.c-button:hover,
.bg-clr--success--hover.c-button:active,
.bg-clr--success--hover.c-button:focus,
.bg-clr--success--hover.c-button:focus:active {
    background-color: #6dc151;
    border-color: rgba(0, 0, 0, 0);
    color: #fff
}

.ui-widget-content .bg-clr--success--hover.c-button:hover,
.ui-widget-content .bg-clr--success--hover.c-button:active,
.ui-widget-content .bg-clr--success--hover.c-button:focus,
.ui-widget-content .bg-clr--success--hover.c-button:focus:active {
    color: #fff
}

.bdr-clr--success,
.bdr-clr--success:focus {
    border-color: #6dc151;
    color: #6dc151
}

.ui-widget-content .bdr-clr--success,
.ui-widget-content .bdr-clr--success:focus {
    color: #6dc151
}

.bdr-clr--success.c-button:hover,
.bdr-clr--success.c-button:active,
.bdr-clr--success.c-button:focus:active {
    background-color: #6dc151;
    border-color: rgba(0, 0, 0, 0);
    color: #fff
}

.ui-widget-content .bdr-clr--success.c-button:hover,
.ui-widget-content .bdr-clr--success.c-button:active,
.ui-widget-content .bdr-clr--success.c-button:focus:active {
    color: #fff
}

.clr--success {
    color: #6dc151
}

.ui-widget-content .clr--success {
    color: #6dc151
}

.bg-clr--success--white-soft {
    background-color: rgb(152.8, 211.6, 133.2);
    color: #fff
}

.ui-widget-content .bg-clr--success--white-soft {
    color: #fff
}

.bg-clr--success--white-heavy {
    background-color: rgb(225.8, 242.6, 220.2)
}

.bg-clr--success--white-heaviest {
    background-color: rgb(247.7, 251.9, 246.3)
}

.clr--success--dark-soft {
    color: rgb(76.3, 135.1, 56.7)
}

.bg-clr--action,
.bg-clr--action:focus {
    background-color: #f60;
    color: #fff
}

.ui-widget-content .bg-clr--action,
.ui-widget-content .bg-clr--action:focus {
    color: #fff
}

.bg-clr--action.c-button,
.bg-clr--action.c-button:focus {
    border-color: rgba(0, 0, 0, 0);
    content: "action 4"
}

.bg-clr--action.c-button:hover,
.bg-clr--action.c-button:active,
.bg-clr--action.c-button:focus:active {
    color: #fff;
    background-color: hsl(24, 100%, 45%)
}

.bg-clr--action--hover.c-button:hover,
.bg-clr--action--hover.c-button:active,
.bg-clr--action--hover.c-button:focus,
.bg-clr--action--hover.c-button:focus:active {
    background-color: #f60;
    border-color: rgba(0, 0, 0, 0);
    color: #fff
}

.ui-widget-content .bg-clr--action--hover.c-button:hover,
.ui-widget-content .bg-clr--action--hover.c-button:active,
.ui-widget-content .bg-clr--action--hover.c-button:focus,
.ui-widget-content .bg-clr--action--hover.c-button:focus:active {
    color: #fff
}

.bdr-clr--action,
.bdr-clr--action:focus {
    border-color: #f60;
    color: #f60
}

.ui-widget-content .bdr-clr--action,
.ui-widget-content .bdr-clr--action:focus {
    color: #f60
}

.bdr-clr--action.c-button:hover,
.bdr-clr--action.c-button:active,
.bdr-clr--action.c-button:focus:active {
    background-color: #f60;
    border-color: rgba(0, 0, 0, 0);
    color: #fff
}

.ui-widget-content .bdr-clr--action.c-button:hover,
.ui-widget-content .bdr-clr--action.c-button:active,
.ui-widget-content .bdr-clr--action.c-button:focus:active {
    color: #fff
}

.clr--action {
    color: #f60
}

.ui-widget-content .clr--action {
    color: #f60
}

.bg-clr--action--white-soft {
    background-color: hsl(24, 100%, 65%);
    color: #fff
}

.ui-widget-content .bg-clr--action--white-soft {
    color: #fff
}

.bg-clr--action--white-heavy {
    background-color: hsl(24, 100%, 90%)
}

.bg-clr--action--white-heaviest {
    background-color: hsl(24, 100%, 97.5%)
}

.clr--action--dark-soft {
    color: hsl(24, 100%, 35%)
}

.bg-clr--warning,
.bg-clr--warning:focus {
    background-color: #f7a827;
    color: #fff
}

.ui-widget-content .bg-clr--warning,
.ui-widget-content .bg-clr--warning:focus {
    color: #fff
}

.bg-clr--warning.c-button,
.bg-clr--warning.c-button:focus {
    border-color: rgba(0, 0, 0, 0);
    content: "warning 4"
}

.bg-clr--warning.c-button:hover,
.bg-clr--warning.c-button:active,
.bg-clr--warning.c-button:focus:active {
    color: #fff;
    background-color: rgb(222.3, 151.2, 35.1)
}

.bg-clr--warning--hover.c-button:hover,
.bg-clr--warning--hover.c-button:active,
.bg-clr--warning--hover.c-button:focus,
.bg-clr--warning--hover.c-button:focus:active {
    background-color: #f7a827;
    border-color: rgba(0, 0, 0, 0);
    color: #fff
}

.ui-widget-content .bg-clr--warning--hover.c-button:hover,
.ui-widget-content .bg-clr--warning--hover.c-button:active,
.ui-widget-content .bg-clr--warning--hover.c-button:focus,
.ui-widget-content .bg-clr--warning--hover.c-button:focus:active {
    color: #fff
}

.bdr-clr--warning,
.bdr-clr--warning:focus {
    border-color: #f7a827;
    color: #f7a827
}

.ui-widget-content .bdr-clr--warning,
.ui-widget-content .bdr-clr--warning:focus {
    color: #f7a827
}

.bdr-clr--warning.c-button:hover,
.bdr-clr--warning.c-button:active,
.bdr-clr--warning.c-button:focus:active {
    background-color: #f7a827;
    border-color: rgba(0, 0, 0, 0);
    color: #fff
}

.ui-widget-content .bdr-clr--warning.c-button:hover,
.ui-widget-content .bdr-clr--warning.c-button:active,
.ui-widget-content .bdr-clr--warning.c-button:focus:active {
    color: #fff
}

.clr--warning {
    color: #f7a827
}

.ui-widget-content .clr--warning {
    color: #f7a827
}

.bg-clr--warning--white-soft {
    background-color: rgb(249.4, 194.1, 103.8);
    color: #fff
}

.ui-widget-content .bg-clr--warning--white-soft {
    color: #fff
}

.bg-clr--warning--white-heavy {
    background-color: rgb(253.4, 237.6, 211.8)
}

.bg-clr--warning--white-heaviest {
    background-color: rgb(254.6, 250.65, 244.2)
}

.clr--warning--dark-soft {
    color: rgb(172.9, 117.6, 27.3)
}

.bg-clr--danger,
.bg-clr--danger:focus {
    background-color: #e01d1d;
    color: #fff
}

.ui-widget-content .bg-clr--danger,
.ui-widget-content .bg-clr--danger:focus {
    color: #fff
}

.bg-clr--danger.c-button,
.bg-clr--danger.c-button:focus {
    border-color: rgba(0, 0, 0, 0);
    content: "danger 4"
}

.bg-clr--danger.c-button:hover,
.bg-clr--danger.c-button:active,
.bg-clr--danger.c-button:focus:active {
    color: #fff;
    background-color: rgb(201.6, 26.1, 26.1)
}

.bg-clr--danger--hover.c-button:hover,
.bg-clr--danger--hover.c-button:active,
.bg-clr--danger--hover.c-button:focus,
.bg-clr--danger--hover.c-button:focus:active {
    background-color: #e01d1d;
    border-color: rgba(0, 0, 0, 0);
    color: #fff
}

.ui-widget-content .bg-clr--danger--hover.c-button:hover,
.ui-widget-content .bg-clr--danger--hover.c-button:active,
.ui-widget-content .bg-clr--danger--hover.c-button:focus,
.ui-widget-content .bg-clr--danger--hover.c-button:focus:active {
    color: #fff
}

.bdr-clr--danger,
.bdr-clr--danger:focus {
    border-color: #e01d1d;
    color: #e01d1d
}

.ui-widget-content .bdr-clr--danger,
.ui-widget-content .bdr-clr--danger:focus {
    color: #e01d1d
}

.bdr-clr--danger.c-button:hover,
.bdr-clr--danger.c-button:active,
.bdr-clr--danger.c-button:focus:active {
    background-color: #e01d1d;
    border-color: rgba(0, 0, 0, 0);
    color: #fff
}

.ui-widget-content .bdr-clr--danger.c-button:hover,
.ui-widget-content .bdr-clr--danger.c-button:active,
.ui-widget-content .bdr-clr--danger.c-button:focus:active {
    color: #fff
}

.clr--danger {
    color: #e01d1d
}

.ui-widget-content .clr--danger {
    color: #e01d1d
}

.bg-clr--danger--white-soft {
    background-color: rgb(233.3, 96.8, 96.8);
    color: #fff
}

.ui-widget-content .bg-clr--danger--white-soft {
    color: #fff
}

.bg-clr--danger--white-heavy {
    background-color: rgb(248.8, 209.8, 209.8)
}

.bg-clr--danger--white-heaviest {
    background-color: rgb(253.45, 243.7, 243.7)
}

.clr--danger--dark-soft {
    color: rgb(156.8, 20.3, 20.3)
}

.bg-clr--info,
.bg-clr--info:focus {
    background-color: #003b95;
    color: #fff
}

.ui-widget-content .bg-clr--info,
.ui-widget-content .bg-clr--info:focus {
    color: #fff
}

.bg-clr--info.c-button,
.bg-clr--info.c-button:focus {
    border-color: rgba(0, 0, 0, 0);
    content: "info 4"
}

.bg-clr--info.c-button:hover,
.bg-clr--info.c-button:active,
.bg-clr--info.c-button:focus:active {
    color: #fff;
    background-color: rgb(0, 53.1, 134.1)
}

.bg-clr--info--hover.c-button:hover,
.bg-clr--info--hover.c-button:active,
.bg-clr--info--hover.c-button:focus,
.bg-clr--info--hover.c-button:focus:active {
    background-color: #003b95;
    border-color: rgba(0, 0, 0, 0);
    color: #fff
}

.ui-widget-content .bg-clr--info--hover.c-button:hover,
.ui-widget-content .bg-clr--info--hover.c-button:active,
.ui-widget-content .bg-clr--info--hover.c-button:focus,
.ui-widget-content .bg-clr--info--hover.c-button:focus:active {
    color: #fff
}

.bdr-clr--info,
.bdr-clr--info:focus {
    border-color: #003b95;
    color: #003b95
}

.ui-widget-content .bdr-clr--info,
.ui-widget-content .bdr-clr--info:focus {
    color: #003b95
}

.bdr-clr--info.c-button:hover,
.bdr-clr--info.c-button:active,
.bdr-clr--info.c-button:focus:active {
    background-color: #003b95;
    border-color: rgba(0, 0, 0, 0);
    color: #fff
}

.ui-widget-content .bdr-clr--info.c-button:hover,
.ui-widget-content .bdr-clr--info.c-button:active,
.ui-widget-content .bdr-clr--info.c-button:focus:active {
    color: #fff
}

.clr--info {
    color: #003b95
}

.ui-widget-content .clr--info {
    color: #003b95
}

.bg-clr--info--white-soft {
    background-color: rgb(76.5, 117.8, 180.8);
    color: #fff
}

.ui-widget-content .bg-clr--info--white-soft {
    color: #fff
}

.bg-clr--info--white-heavy {
    background-color: rgb(204, 215.8, 233.8)
}

.bg-clr--info--white-heaviest {
    background-color: rgb(242.25, 245.2, 249.7)
}

.clr--info--dark-soft {
    color: rgb(0, 41.3, 104.3)
}

.bg-clr--grray,
.bg-clr--grray:focus {
    background-color: #a2a2a2;
    color: #fff
}

.ui-widget-content .bg-clr--grray,
.ui-widget-content .bg-clr--grray:focus {
    color: #fff
}

.bg-clr--grray.c-button,
.bg-clr--grray.c-button:focus {
    border-color: rgba(0, 0, 0, 0);
    content: "grray 4"
}

.bg-clr--grray.c-button:hover,
.bg-clr--grray.c-button:active,
.bg-clr--grray.c-button:focus:active {
    color: #fff;
    background-color: rgb(145.8, 145.8, 145.8)
}

.bg-clr--grray--hover.c-button:hover,
.bg-clr--grray--hover.c-button:active,
.bg-clr--grray--hover.c-button:focus,
.bg-clr--grray--hover.c-button:focus:active {
    background-color: #a2a2a2;
    border-color: rgba(0, 0, 0, 0);
    color: #fff
}

.ui-widget-content .bg-clr--grray--hover.c-button:hover,
.ui-widget-content .bg-clr--grray--hover.c-button:active,
.ui-widget-content .bg-clr--grray--hover.c-button:focus,
.ui-widget-content .bg-clr--grray--hover.c-button:focus:active {
    color: #fff
}

.bdr-clr--grray,
.bdr-clr--grray:focus {
    border-color: #a2a2a2;
    color: #a2a2a2
}

.ui-widget-content .bdr-clr--grray,
.ui-widget-content .bdr-clr--grray:focus {
    color: #a2a2a2
}

.bdr-clr--grray.c-button:hover,
.bdr-clr--grray.c-button:active,
.bdr-clr--grray.c-button:focus:active {
    background-color: #a2a2a2;
    border-color: rgba(0, 0, 0, 0);
    color: #fff
}

.ui-widget-content .bdr-clr--grray.c-button:hover,
.ui-widget-content .bdr-clr--grray.c-button:active,
.ui-widget-content .bdr-clr--grray.c-button:focus:active {
    color: #fff
}

.clr--grray {
    color: #a2a2a2
}

.ui-widget-content .clr--grray {
    color: #a2a2a2
}

.bg-clr--grray--white-soft {
    background-color: rgb(189.9, 189.9, 189.9);
    color: #fff
}

.ui-widget-content .bg-clr--grray--white-soft {
    color: #fff
}

.bg-clr--grray--white-heavy {
    background-color: rgb(236.4, 236.4, 236.4)
}

.bg-clr--grray--white-heaviest {
    background-color: hsl(0, 0%, 98.1764705882%)
}

.clr--grray--dark-soft {
    color: rgb(113.4, 113.4, 113.4)
}

.bg-clr--rating25,
.bg-clr--rating25:focus {
    background-color: #e98626;
    color: #fff
}

.ui-widget-content .bg-clr--rating25,
.ui-widget-content .bg-clr--rating25:focus {
    color: #fff
}

.bdr-clr--rating25,
.bdr-clr--rating25:focus {
    border-color: #e98626;
    color: #e98626
}

.ui-widget-content .bdr-clr--rating25,
.ui-widget-content .bdr-clr--rating25:focus {
    color: #e98626
}

.clr--rating25 {
    color: #e98626
}

.ui-widget-content .clr--rating25 {
    color: #e98626
}

.bg-clr--rating50,
.bg-clr--rating50:focus {
    background-color: #707070;
    color: #fff
}

.ui-widget-content .bg-clr--rating50,
.ui-widget-content .bg-clr--rating50:focus {
    color: #fff
}

.bdr-clr--rating50,
.bdr-clr--rating50:focus {
    border-color: #707070;
    color: #707070
}

.ui-widget-content .bdr-clr--rating50,
.ui-widget-content .bdr-clr--rating50:focus {
    color: #707070
}

.clr--rating50 {
    color: #707070
}

.ui-widget-content .clr--rating50 {
    color: #707070
}

.bg-clr--rating75,
.bg-clr--rating75:focus {
    background-color: #707070;
    color: #fff
}

.ui-widget-content .bg-clr--rating75,
.ui-widget-content .bg-clr--rating75:focus {
    color: #fff
}

.bdr-clr--rating75,
.bdr-clr--rating75:focus {
    border-color: #707070;
    color: #707070
}

.ui-widget-content .bdr-clr--rating75,
.ui-widget-content .bdr-clr--rating75:focus {
    color: #707070
}

.clr--rating75 {
    color: #707070
}

.ui-widget-content .clr--rating75 {
    color: #707070
}

.bg-clr--rating100,
.bg-clr--rating100:focus {
    background-color: #5ebb3f;
    color: #fff
}

.ui-widget-content .bg-clr--rating100,
.ui-widget-content .bg-clr--rating100:focus {
    color: #fff
}

.bdr-clr--rating100,
.bdr-clr--rating100:focus {
    border-color: #5ebb3f;
    color: #5ebb3f
}

.ui-widget-content .bdr-clr--rating100,
.ui-widget-content .bdr-clr--rating100:focus {
    color: #5ebb3f
}

.clr--rating100 {
    color: #5ebb3f
}

.ui-widget-content .clr--rating100 {
    color: #5ebb3f
}

.bg-clr--brand--alpha-soft {
    background-color: rgba(var(--s-color-brand-primary-rgb), 0.08)
}

.bg-clr--brand--alpha-smooth {
    background-color: rgba(var(--s-color-brand-primary-rgb), 0.2)
}

.bg-clr--brand--alpha-middle {
    background-color: rgba(var(--s-color-brand-primary-rgb), 0.35)
}

.bg-clr--danger--alpha-soft {
    background-color: rgba(224, 29, 29, .08)
}

.fill-clr--brand {
    fill: #0472AA;
    fill: var(--s-color-brand-primary)
}

.bg-clr--danger--hover:hover,
.bg-clr--danger--hover:active,
.bg-clr--danger--hover:focus:active {
    background-color: #e01d1d;
    border-color: rgba(0, 0, 0, 0);
    color: #fff
}

.bg-clr--lightest-gray--hover {
    -webkit-transition: .3s all ease-out 0s;
    transition: .3s all ease-out 0s
}

.bg-clr--lightest-gray--hover:hover,
.bg-clr--lightest-gray--hover:active,
.bg-clr--lightest-gray--hover:focus:active {
    background-color: #f7f7f7;
    color: #393939
}

.bg-clr--lightest-blue--hover:hover,
.bg-clr--lightest-blue--hover:active,
.bg-clr--lightest-blue--hover:focus:active {
    background-color: #003b95
}

.clr--brand--hover:hover,
.clr--brand--hover:active,
.clr--brand--hover:focus:active {
    color: #0472AA;
    color: var(--s-color-brand-primary)
}

.clr--facebook {
    color: #3b5998 !important
}

.bg-clr--facebook,
.bg-clr--facebook:focus {
    color: #fff;
    background-color: #3b5998
}

.bg-clr--facebook.c-button:hover,
.bg-clr--facebook.c-button:active,
.bg-clr--facebook.c-button:focus:active {
    background-color: rgb(50.15, 75.65, 129.2);
    color: #fff
}

.bg-clr--google,
.bg-clr--google:focus {
    color: #fff;
    background-color: #dd4b39
}

.bg-clr--google.c-button:hover,
.bg-clr--google.c-button:active,
.bg-clr--google.c-button:focus:active {
    background-color: rgb(201.6698275862, 52.9637931034, 34.6301724138);
    color: #fff
}

.clr--twitter {
    color: #000 !important
}

.bg-clr--twitter {
    background-color: #000 !important
}

.clr--linkedin {
    color: #2867b2 !important
}

.bg-clr--linkedin {
    background-color: #2867b2 !important
}

.clr--instagram {
    color: #c13584 !important
}

.bg-clr--instagram {
    background: #833ab4 !important;
    background: -webkit-gradient(linear, right top, left top, from(#833ab4), color-stop(#fd1d1d), to(#fcb045)) !important;
    background: linear-gradient(to left, #833ab4, #fd1d1d, #fcb045) !important
}

.clr--whatsapp {
    color: #43d854 !important
}

.bg-clr--whatsapp {
    background-color: #43d854 !important
}

.clr--telegram {
    color: #08c !important
}

.clr--youtube {
    color: red !important
}

.clr--transparent {
    color: rgba(0, 0, 0, 0)
}

.bg-clr--transparent {
    background-color: rgba(0, 0, 0, 0) !important
}

@media only screen and (min-width: 768px) {
    .bg-clr--transparent\@sm {
        background-color: rgba(0, 0, 0, 0) !important
    }
}

.u-bdr-clr--transparent {
    border-color: rgba(0, 0, 0, 0) !important
}

.bg-clr--black-alpha--heavy {
    background-color: rgba(0, 0, 0, .7)
}

.bg-clr--black-alpha--medium {
    background-color: rgba(0, 0, 0, .5)
}

.bg-clr--overlaying {
    background-color: rgba(57, 57, 57, .4)
}

.bg-clr--overlaying--soft {
    background-color: rgba(57, 57, 57, .2)
}

.bg-clr--overlaying--heavy {
    background-color: rgba(57, 57, 57, .6)
}

.bg-clr--overlaying--hover {
    -webkit-transition: .3s all ease-out 0s;
    transition: .3s all ease-out 0s
}

.bg-clr--overlaying--hover:hover,
.bg-clr--overlaying--hover:active,
.bg-clr--overlaying--hover:focus:active {
    background-color: rgba(57, 57, 57, .4)
}

.clr--provider-message {
    color: #a2a2a2
}

.clr--rewards-trophy {
    color: #f7a827
}

.bdr-clr--rewards-trophy {
    border-color: #f7a827
}

.clr--price-difference--negative {
    color: #6dc151
}

.bg-clr--RCC-C3 {
    background-color: #62ff00
}

.bg-clr--RCC-C5 {
    background-color: #62ff00
}

.bg-clr--RCC-D1 {
    background-color: #90ee90
}

.bg-clr--RCC-D2 {
    background-color: #90ee90
}

.bg-clr--RCC-D3 {
    background-color: #c9fc50
}

.bg-clr--RCC-D4 {
    background-color: #c9fc50
}

.bg-clr--RCC-D5 {
    background-color: #00bd44
}

.bg-clr--RCC-F1 {
    background-color: #f46719
}

.bg-clr--RCC-F5 {
    background-color: #f46719
}

.bg-clr--RCC-H3 {
    background-color: #f2a83b
}

.bg-clr--RCC-H5 {
    background-color: #f2a83b
}

.bg-clr--RCC-I1 {
    background-color: #ea3957
}

.bg-clr--RCC-I3 {
    background-color: #ef7d7d
}

.bg-clr--RCC-IB {
    background-color: #ff4136
}

.bg-clr--RCC-IF {
    background-color: #fbdbb1
}

.bg-clr--RCC-IG {
    background-color: #005093
}

.bg-clr--RCC-JS {
    background-color: #7de2f5
}

.bg-clr--RCC-JT {
    background-color: #028e8e
}

.bg-clr--RCC-JY {
    background-color: #07c0ff
}

.bg-clr--RCC-L5 {
    background-color: #fdea94
}

.bg-clr--RCC-N1 {
    background-color: #e3c100
}

.bg-clr--RCC-N4 {
    background-color: #f9f200
}

.bg-clr--RCC-N5 {
    background-color: #f9f200
}

.bg-clr--RCC-Q2 {
    background-color: #f1bdcf
}

.bg-clr--RCC-R3 {
    background-color: #ea39ae
}

.bg-clr--RCC-R4 {
    background-color: #ea39ae
}

.bg-clr--RCC-SF {
    background-color: #00b8c2
}

.bg-clr--RCC-SN {
    background-color: #a5a1f7
}

.bg-clr--RCC-SS {
    background-color: #05003b
}

.bg-clr--RCC-T5 {
    background-color: #b60267
}

.bg-clr--RCC-U5 {
    background-color: #cd679b
}

.bg-clr--RCC-UL {
    background-color: #7c45eb
}

.bg-clr--RCC-V4 {
    background-color: #fce7e7
}

.bg-clr--RCC-1K {
    background-color: #cae3b1
}

.bg-clr--RCC-1A {
    background-color: #a3c86b
}

.bg-clr--RCC-OT {
    background-color: #6c964f
}

.bg-clr--RCC-OS {
    background-color: #aaa835
}

.bg-clr--RCC-CO {
    background-color: #f15922;
    color: #444
}

.bg-clr--RCC-3N {
    background-color: #f9ee49;
    color: #444
}

.bg-clr--RCC-4N {
    background-color: #f9ee49;
    color: #444
}

.bg-clr--RCC-1P {
    background-color: #f9ee49;
    color: #444
}

.bg-clr--RCC-2P {
    background-color: #f9ee49;
    color: #444
}

.bg-clr--RCC-1L {
    background-color: #f2dc72;
    color: #444
}

.bg-clr--RCC-CB {
    background-color: #f0c066;
    color: #444
}

.bg-clr--RCC-2F {
    background-color: #f59f59;
    color: #444
}

.bg-clr--RCC-GP {
    background-color: #f7964c;
    color: #444
}

.bg-clr--RCC-GL {
    background-color: #f7964c;
    color: #444
}

.bg-clr--RCC-GT {
    background-color: #8c191b
}

.bg-clr--RCC-2T {
    background-color: #b4b3cd
}

.bg-clr--RCC-L1 {
    background-color: #b391a6
}

.bg-clr--RCC-A2 {
    background-color: #846b7d
}

.bg-clr--RCC-OP {
    background-color: #6f3b59
}

.bg-clr--RCC-OL {
    background-color: #6f3b59
}

.bg-clr--RCC-3D {
    background-color: #6e62ab
}

.bg-clr--RCC-4D {
    background-color: #6e62ab
}

.bg-clr--RCC-3H {
    background-color: #6e62ab
}

.bg-clr--RCC-4H {
    background-color: #6e62ab
}

.bg-clr--RCC-RS {
    background-color: #5159a7
}

.bg-clr--RCC-RL {
    background-color: #5159a7
}

.bg-clr--RCC-J3 {
    background-color: #503775
}

.bg-clr--RCC-J4 {
    background-color: #503775
}

.bg-clr--RCC-J1 {
    background-color: #183e63
}

.bg-clr--RCC-1U {
    background-color: #8eb0dd
}

.bg-clr--RCC-2U {
    background-color: #8eb0dd
}

.bg-clr--RCC-1V {
    background-color: #c9e9ea
}

.bg-clr--RCC-2V {
    background-color: #c9e9ea
}

.bg-clr--RCC-3B {
    background-color: #94d0e8
}

.bg-clr--RCC-3C {
    background-color: #94d0e8
}

.bg-clr--RCC-4B {
    background-color: #94d0e8
}

.bg-clr--RCC-4C {
    background-color: #94d0e8
}

.bg-clr--RCC-3G {
    background-color: #94d0e8
}

.bg-clr--RCC-4G {
    background-color: #94d0e8
}

.bg-clr--RCC-1D {
    background-color: #3cb5cf
}

.bg-clr--RCC-2D {
    background-color: #3cb5cf
}

.bg-clr--RCC-1H {
    background-color: #3cb5cf
}

.bg-clr--RCC-2H {
    background-color: #3cb5cf
}

.bg-clr--RCC-1R {
    background-color: #7dcaae
}

.bg-clr--RCC-1N {
    background-color: #71cac4
}

.bg-clr--RCC-2N {
    background-color: #71cac4
}

.bg-clr--RCC-3P {
    background-color: #71cac4
}

.bg-clr--RCC-4P {
    background-color: #71cac4
}

.bg-clr--RCC-1Q {
    background-color: #40a5a7
}

.bg-clr--RCC-3U {
    background-color: #608392
}

.bg-clr--RCC-4U {
    background-color: #608392
}

.bg-clr--RCC-UP {
    background-color: #007c7f
}

.bg-clr--RCC-US {
    background-color: #007c7f
}

.bg-clr--RCC-1E {
    background-color: #74c044
}

.bg-clr--RCC-2E {
    background-color: #74c044
}

.bg-clr--RCC-VP {
    background-color: #33b55d
}

.bg-clr--RCC-VO {
    background-color: #33b55d
}

.bg-clr--RCC-VT {
    background-color: #33b55d
}

.bg-clr--RCC-VS {
    background-color: #0b703b
}

.bg-clr--RCC-CP {
    background-color: #1e944e
}

.bg-clr--RCC-CI {
    background-color: #1e944e
}

.bg-clr--RCC-5D {
    background-color: #efd0da
}

.bg-clr--RCC-A3 {
    background-color: #de75a3
}

.bg-clr--RCC-2S {
    background-color: #ee8ea2
}

.bg-clr--RCC-2W {
    background-color: #f27baa;
    color: #444
}

.bg-clr--RCC-1M {
    background-color: #eea8ca
}

.bg-clr--RCC-3M {
    background-color: #eea8ca
}

.bg-clr--RCC-4M {
    background-color: #eea8ca
}

.bg-clr--RCC-1B {
    background-color: #e6687f
}

.bg-clr--RCC-2B {
    background-color: #e6687f
}

.bg-clr--RCC-1C {
    background-color: #e6687f
}

.bg-clr--RCC-2C {
    background-color: #e6687f
}

.bg-clr--RCC-1G {
    background-color: #e6687f
}

.bg-clr--RCC-2G {
    background-color: #e6687f
}

.bg-clr--RCC-GS {
    background-color: #d71d4b
}

.bg-clr--RCC-A1 {
    background-color: #d90e81
}

.bg-clr--RCC-1I {
    background-color: #cd8b2a
}

.bg-clr--RCC-2I {
    background-color: #cd8b2a
}

.bg-clr--RCC-BG {
    background-color: #cd8b2a
}

.bg-clr--RCC-1J {
    background-color: #b36528
}

.bg-clr--RCC-2J {
    background-color: #b36528
}

.bg-clr--RCC-JG {
    background-color: #b36528
}

.bg-clr--RCC-GB {
    background-color: #ad8e85
}

.bg-clr--RCC-3V {
    background-color: #d1ab98
}

.bg-clr--RCC-4V {
    background-color: #d1ab98
}

.bg-clr--RCC-TL {
    background-color: #795f2f
}

.bg-clr--RCC-SL {
    background-color: #795f2f
}

.bg-clr--COSTA-B1 {
    background-color: #00548f
}

.bg-clr--COSTA-B2 {
    background-color: #00548f
}

.bg-clr--COSTA-B3 {
    background-color: #00548f
}

.bg-clr--COSTA-B4 {
    background-color: #00548f
}

.bg-clr--COSTA-B5 {
    background-color: #00548f
}

.bg-clr--COSTA-B6 {
    background-color: #00548f
}

.bg-clr--COSTA-B7 {
    background-color: #00548f
}

.bg-clr--COSTA-B8 {
    background-color: #00548f
}

.bg-clr--COSTA-BA {
    background-color: #00548f
}

.bg-clr--COSTA-BC {
    background-color: #00548f
}

.bg-clr--COSTA-BP {
    background-color: #00548f
}

.bg-clr--COSTA-BV {
    background-color: #00548f
}

.bg-clr--COSTA-BX {
    background-color: #00548f
}

.bg-clr--COSTA-SB {
    background-color: #00adee
}

.bg-clr--COSTA-CI {
    background-color: #fffac2;
    color: #444
}

.bg-clr--COSTA-CE {
    background-color: #ee9b4b
}

.bg-clr--COSTA-EC {
    background-color: #ee9b4b
}

.bg-clr--COSTA-EP {
    background-color: #ee9b4b
}

.bg-clr--COSTA-ET {
    background-color: #ee9b4b
}

.bg-clr--COSTA-EV {
    background-color: #ee9b4b
}

.bg-clr--COSTA-EX {
    background-color: #ee9b4b
}

.bg-clr--COSTA-E1 {
    background-color: #ee9b4b
}

.bg-clr--COSTA-E2 {
    background-color: #ee9b4b
}

.bg-clr--COSTA-RE {
    background-color: #ee9b4b
}

.bg-clr--COSTA-I1 {
    background-color: #fffac2;
    color: #444
}

.bg-clr--COSTA-I2 {
    background-color: #fffac2;
    color: #444
}

.bg-clr--COSTA-I3 {
    background-color: #fffac2;
    color: #444
}

.bg-clr--COSTA-I4 {
    background-color: #fffac2;
    color: #444
}

.bg-clr--COSTA-GS {
    background-color: #b44a3f
}

.bg-clr--COSTA-IC {
    background-color: #fffac2;
    color: #444
}

.bg-clr--COSTA-IL {
    background-color: #85888c
}

.bg-clr--COSTA-IN {
    background-color: #fffac2;
    color: #444
}

.bg-clr--COSTA-IP {
    background-color: #fffac2;
    color: #444
}

.bg-clr--COSTA-IV {
    background-color: #fffac2;
    color: #444
}

.bg-clr--COSTA-IX {
    background-color: #fffac2;
    color: #444
}

.bg-clr--COSTA-MS {
    background-color: #fcc8be;
    color: #444
}

.bg-clr--COSTA-RI {
    background-color: #fffac2;
    color: #444
}

.bg-clr--COSTA-S {
    background-color: #c85e70
}

.bg-clr--COSTA-SM {
    background-color: #b0b919
}

.bg-clr--COSTA-SG {
    background-color: #015920
}

.bg-clr--COSTA-SI {
    background-color: #85888c
}

.bg-clr--COSTA-SV {
    background-color: #377c2b
}

.bg-clr--COSTA-SSJ {
    background-color: #377c2b
}

.bg-clr--COSTA-BL {
    background-color: #377c2b
}

.bg-clr--COSTA-PS {
    background-color: #773c46
}

.bg-clr--COSTA-SU {
    background-color: #377c2b
}

.bg-clr--COSTA-TC {
    background-color: #a9d7a5
}

.bg-clr--COSTA-TE {
    background-color: #a9d7a5
}

.bg-clr--COSTA-TP {
    background-color: #a9d7a5
}

.bg-clr--MSC-B2 {
    background-color: #338867
}

.bg-clr--MSC-BA {
    background-color: #ac2336
}

.bg-clr--MSC-BGA {
    background-color: #9a1c2d
}

.bg-clr--MSC-BL1 {
    background-color: #338867
}

.bg-clr--MSC-BL2 {
    background-color: #338867
}

.bg-clr--MSC-BL3 {
    background-color: #338867
}

.bg-clr--MSC-BM1 {
    background-color: #78b984
}

.bg-clr--MSC-BM2 {
    background-color: #78b984
}

.bg-clr--MSC-BP {
    background-color: #9ac999
}

.bg-clr--MSC-PR1 {
    background-color: #9ac999
}

.bg-clr--MSC-PR2 {
    background-color: #9ac999
}

.bg-clr--MSC-PR3 {
    background-color: #9ac999
}

.bg-clr--MSC-PV {
    background-color: #9ac999
}

.bg-clr--MSC-BR1 {
    background-color: #4ca66f
}

.bg-clr--MSC-BR2 {
    background-color: #4ca66f
}

.bg-clr--MSC-BR3 {
    background-color: #4ca66f
}

.bg-clr--MSC-BR4 {
    background-color: #4ca66f
}

.bg-clr--MSC-BS {
    background-color: #d5e8cf
}

.bg-clr--MSC-IL1 {
    background-color: #e36c96
}

.bg-clr--MSC-IM1 {
    background-color: #f9e5f1;
    color: #444
}

.bg-clr--MSC-IM2 {
    background-color: #f2a9c5;
    color: #444
}

.bg-clr--MSC-IR1 {
    background-color: #f2a9c5
}

.bg-clr--MSC-IR2 {
    background-color: #f2a9c5
}

.bg-clr--MSC-IS {
    background-color: #f9e5f1;
    color: #444
}

.bg-clr--MSC-OL1 {
    background-color: #225397
}

.bg-clr--MSC-OL2 {
    background-color: #225397
}

.bg-clr--MSC-OL3 {
    background-color: #225397
}

.bg-clr--MSC-OM1 {
    background-color: #68a4d8
}

.bg-clr--MSC-OM2 {
    background-color: #68a4d8
}

.bg-clr--MSC-OO {
    background-color: #9ad0f3
}

.bg-clr--MSC-OR1 {
    background-color: #447dbf
}

.bg-clr--MSC-OR2 {
    background-color: #447dbf
}

.bg-clr--MSC-OS {
    background-color: #c6e8fb
}

.bg-clr--MSC-SD {
    background-color: #e95b0e
}

.bg-clr--MSC-SL1 {
    background-color: #f49f41
}

.bg-clr--MSC-SL2 {
    background-color: #f49f41
}

.bg-clr--MSC-SLJ {
    background-color: #ef8227
}

.bg-clr--MSC-SLP {
    background-color: #fac86c;
    color: #444
}

.bg-clr--MSC-SLS {
    background-color: #f49f41;
    color: #444
}

.bg-clr--MSC-SLT {
    background-color: #fee6ac
}

.bg-clr--MSC-SLW {
    background-color: #f49f41
}

.bg-clr--MSC-SM {
    background-color: #f49f41
}

.bg-clr--MSC-SR1 {
    background-color: #fac86c
}

.bg-clr--MSC-SR2 {
    background-color: #f49f41;
    color: #444
}

.bg-clr--MSC-SRP {
    background-color: #fac86c;
    color: #444
}

.bg-clr--MSC-SRS {
    background-color: #fac86c;
    color: #444
}

.bg-clr--MSC-SX {
    background-color: #ef8227
}

.bg-clr--MSC-SXJ {
    background-color: #ef8227
}

.bg-clr--MSC-SXT {
    background-color: #ef8227
}

.bg-clr--MSC-VL1 {
    background-color: #003891
}

.bg-clr--MSC-VL2 {
    background-color: #003891
}

.bg-clr--MSC-YC1 {
    background-color: #cdc9ba
}

.bg-clr--MSC-YC2 {
    background-color: #a0988a
}

.bg-clr--MSC-YC3 {
    background-color: #61564a
}

.bg-clr--MSC-YC4 {
    background-color: #4b4037
}

.bg-clr--MSC-YCD {
    background-color: #786d5d
}

.bg-clr--MSC-YCP {
    background-color: #cdc9ba
}

.bg-clr--MSC-YIN {
    background-color: #d7d5d1
}

.bg-clr--MSC-YJD {
    background-color: #796c5d
}

.bg-clr--CCL-4A {
    background-color: #00ad86
}

.bg-clr--CCL-4B {
    background-color: #fcdfeb;
    color: #444
}

.bg-clr--CCL-4C {
    background-color: #faa61a;
    color: #444
}

.bg-clr--CCL-4D {
    background-color: #de93a3
}

.bg-clr--CCL-4E {
    background-color: #c4df9b
}

.bg-clr--CCL-4F {
    background-color: #b3def2
}

.bg-clr--CCL-4G {
    background-color: #ecd100
}

.bg-clr--CCL-4H {
    background-color: #9ad3b7
}

.bg-clr--CCL-4I {
    background-color: #bdc8ba
}

.bg-clr--CCL-4S {
    background-color: #73a534
}

.bg-clr--CCL-4T {
    background-color: #f78f1e;
    color: #444
}

.bg-clr--CCL-FA {
    background-color: #83b2e0
}

.bg-clr--CCL-HA {
    background-color: #aeae36
}

.bg-clr--CCL-HE {
    background-color: #009cd8
}

.bg-clr--CCL-4J {
    background-color: #b44b6f
}

.bg-clr--CCL-PT {
    background-color: #cfa8a4
}

.bg-clr--CCL-4K {
    background-color: #70c4cf
}

.bg-clr--CCL-1A {
    background-color: #e7d893
}

.bg-clr--CCL-4N {
    background-color: #007dbe
}

.bg-clr--CCL-4O {
    background-color: #7f7f7f
}

.bg-clr--CCL-6A {
    background-color: #f15a22;
    color: #444
}

.bg-clr--CCL-6B {
    background-color: #a066aa
}

.bg-clr--CCL-6C {
    background-color: #fff33e;
    color: #444
}

.bg-clr--CCL-6D {
    background-color: #50b848
}

.bg-clr--CCL-6E {
    background-color: #f9b5ab;
    color: #444
}

.bg-clr--CCL-6J {
    background-color: #c85e65
}

.bg-clr--CCL-6L {
    background-color: #f9a980;
    color: #444
}

.bg-clr--CCL-6M {
    background-color: #e7b222
}

.bg-clr--CCL-6N {
    background-color: #a65e4b
}

.bg-clr--CCL-6S {
    background-color: #7cabb9
}

.bg-clr--CCL-6T {
    background-color: #dc97c2
}

.bg-clr--CCL-6K {
    background-color: #717dbd
}

.bg-clr--CCL-FE {
    background-color: #fdc36f;
    color: #444
}

.bg-clr--CCL-FJ {
    background-color: #b581b9
}

.bg-clr--CCL-FP {
    background-color: #f069a2;
    color: #444
}

.bg-clr--CCL-7A {
    background-color: #fdd1b0;
    color: #444
}

.bg-clr--CCL-7C {
    background-color: #c7b2d6
}

.bg-clr--CCL-7S {
    background-color: #875f59
}

.bg-clr--CCL-7X {
    background-color: #ed532f
}

.bg-clr--CCL-7Y {
    background-color: #d36ccc
}

.bg-clr--CCL-8A {
    background-color: #bd56a0
}

.bg-clr--CCL-8B {
    background-color: #ffd990;
    color: #444
}

.bg-clr--CCL-8C {
    background-color: #f27180;
    color: #444
}

.bg-clr--CCL-8D {
    background-color: #9ab462
}

.bg-clr--CCL-8E {
    background-color: #dcd2ce
}

.bg-clr--CCL-8F {
    background-color: #af7588
}

.bg-clr--CCL-8G {
    background-color: #ed1c2f
}

.bg-clr--CCL-8H {
    background-color: #1783af
}

.bg-clr--CCL-8J {
    background-color: #afbde1
}

.bg-clr--CCL-8K {
    background-color: #cea57b
}

.bg-clr--CCL-8L {
    background-color: #66895b
}

.bg-clr--CCL-8M {
    background-color: #a7a1a7
}

.bg-clr--CCL-8N {
    background-color: #c37d2a
}

.bg-clr--CCL-8P {
    background-color: #5586c4
}

.bg-clr--CCL-8S {
    background-color: #7bb6da
}

.bg-clr--CCL-8T {
    background-color: #d5c626
}

.bg-clr--CCL-8V {
    background-color: #96ed5d
}

.bg-clr--CCL-9A {
    background-color: #b8292f
}

.bg-clr--CCL-9B {
    background-color: #d9e1e0
}

.bg-clr--CCL-9C {
    background-color: #ed037c
}

.bg-clr--CCL-FM {
    background-color: #eae848
}

.bg-clr--CCL-FO {
    background-color: #6d7b7c
}

.bg-clr--CCL-HI {
    background-color: #e98663
}

.bg-clr--CCL-HL {
    background-color: #a28448
}

.bg-clr--CCL-HM {
    background-color: #65c294
}

.bg-clr--CCL-HG {
    background-color: #9edbdb
}

.bg-clr--CCL-FS {
    background-color: #889dbc
}

.bg-clr--CCL-GS {
    background-color: #de761c
}

.bg-clr--CCL-HS {
    background-color: #e3ac83
}

.bg-clr--CCL-JS {
    background-color: #6a8a22
}

.bg-clr--CCL-SS {
    background-color: #00aaad
}

.bg-clr--CCL-OS {
    background-color: #00b0d0
}

.bg-clr--CCL-ES {
    background-color: #d7df23
}

.bg-clr--CCL-GV {
    background-color: #f15b5b;
    color: #444
}

.bg-clr--CCL-CS {
    background-color: #fef6b0;
    color: #444
}

.bg-clr--CCL-OB {
    background-color: #dbab69
}

.bg-clr--CCL-DS {
    background-color: #c9b563
}

.bg-clr--CCL-HU {
    background-color: #f4624e;
    color: #444
}

.bg-clr--CCL-KS {
    background-color: #71c385
}

.bg-clr--CCL-LS {
    background-color: #e3f2fa
}

.bg-clr--CCL-SV {
    background-color: #877b85
}

.bg-clr--CCL-TI {
    background-color: #dc5c3c
}

.bg-clr--CCL-TL {
    background-color: #4a848e
}

.bg-clr--CCL-TM {
    background-color: #a64747
}

.bg-clr--CCL-VS {
    background-color: #dbc0b5
}

.bg-clr--CCL-JT {
    background-color: #36d3ae
}

.bg-clr--CCL-OT {
    background-color: #9e9e66
}

.u-cursor--initial {
    cursor: auto !important;
    cursor: initial !important
}

.u-cursor--pointer {
    cursor: pointer !important
}

.u-cursor--help {
    cursor: help !important
}

.u-cursor--grab {
    cursor: -webkit-grab !important;
    cursor: grab !important
}

.u-cursor--disabled {
    cursor: not-allowed
}

.u-font-size--0 {
    font-size: 0px
}

.u-font-size--0.ui-widget {
    font-size: 0px !important
}

.u-font-size--default {
    font-size: 14px
}

.u-font-size--default.ui-widget {
    font-size: 14px !important
}

.u-font-size--tiny {
    font-size: 10px
}

.u-font-size--tiny.ui-widget {
    font-size: 10px !important
}

.u-font-size--small {
    font-size: 12px
}

.u-font-size--small.ui-widget {
    font-size: 12px !important
}

.u-font-size--middle {
    font-size: 16px
}

.u-font-size--middle.ui-widget {
    font-size: 16px !important
}

.u-font-size--big {
    font-size: 20px
}

.u-font-size--big.ui-widget {
    font-size: 20px !important
}

.u-font-size--bigger {
    font-size: 24px
}

.u-font-size--bigger.ui-widget {
    font-size: 24px !important
}

.u-font-size--huge {
    font-size: 30px
}

.u-font-size--huge.ui-widget {
    font-size: 30px !important
}

.u-font-size--giant {
    font-size: 36px
}

.u-font-size--giant.ui-widget {
    font-size: 36px !important
}

.u-font-size--jumbo {
    font-size: 45px
}

.u-font-size--jumbo.ui-widget {
    font-size: 45px !important
}

.u-font-size--extra-jumbo {
    font-size: 60px
}

.u-font-size--extra-jumbo.ui-widget {
    font-size: 60px !important
}

@media only screen and (min-width: 600px) {
    .u-font-size--0\@xs {
        font-size: 0px
    }

    .u-font-size--default\@xs {
        font-size: 14px
    }

    .u-font-size--tiny\@xs {
        font-size: 10px
    }

    .u-font-size--small\@xs {
        font-size: 12px
    }

    .u-font-size--middle\@xs {
        font-size: 16px
    }

    .u-font-size--big\@xs {
        font-size: 20px
    }

    .u-font-size--bigger\@xs {
        font-size: 24px
    }

    .u-font-size--huge\@xs {
        font-size: 30px
    }

    .u-font-size--giant\@xs {
        font-size: 36px
    }

    .u-font-size--jumbo\@xs {
        font-size: 45px
    }

    .u-font-size--extra-jumbo\@xs {
        font-size: 60px
    }
}

@media only screen and (min-width: 768px) {
    .u-font-size--0\@sm {
        font-size: 0px
    }

    .u-font-size--default\@sm {
        font-size: 14px
    }

    .u-font-size--tiny\@sm {
        font-size: 10px
    }

    .u-font-size--small\@sm {
        font-size: 12px
    }

    .u-font-size--middle\@sm {
        font-size: 16px
    }

    .u-font-size--big\@sm {
        font-size: 20px
    }

    .u-font-size--bigger\@sm {
        font-size: 24px
    }

    .u-font-size--huge\@sm {
        font-size: 30px
    }

    .u-font-size--giant\@sm {
        font-size: 36px
    }

    .u-font-size--jumbo\@sm {
        font-size: 45px
    }

    .u-font-size--extra-jumbo\@sm {
        font-size: 60px
    }
}

@media only screen and (min-width: 992px) {
    .u-font-size--0\@md {
        font-size: 0px
    }

    .u-font-size--default\@md {
        font-size: 14px
    }

    .u-font-size--tiny\@md {
        font-size: 10px
    }

    .u-font-size--small\@md {
        font-size: 12px
    }

    .u-font-size--middle\@md {
        font-size: 16px
    }

    .u-font-size--big\@md {
        font-size: 20px
    }

    .u-font-size--bigger\@md {
        font-size: 24px
    }

    .u-font-size--huge\@md {
        font-size: 30px
    }

    .u-font-size--giant\@md {
        font-size: 36px
    }

    .u-font-size--jumbo\@md {
        font-size: 45px
    }

    .u-font-size--extra-jumbo\@md {
        font-size: 60px
    }
}

@media only screen and (min-width: 1200px) {
    .u-font-size--0\@lg {
        font-size: 0px
    }

    .u-font-size--default\@lg {
        font-size: 14px
    }

    .u-font-size--tiny\@lg {
        font-size: 10px
    }

    .u-font-size--small\@lg {
        font-size: 12px
    }

    .u-font-size--middle\@lg {
        font-size: 16px
    }

    .u-font-size--big\@lg {
        font-size: 20px
    }

    .u-font-size--bigger\@lg {
        font-size: 24px
    }

    .u-font-size--huge\@lg {
        font-size: 30px
    }

    .u-font-size--giant\@lg {
        font-size: 36px
    }

    .u-font-size--jumbo\@lg {
        font-size: 45px
    }

    .u-font-size--extra-jumbo\@lg {
        font-size: 60px
    }
}

@media only screen and (min-width: 1500px) {
    .u-font-size--0\@xl {
        font-size: 0px
    }

    .u-font-size--default\@xl {
        font-size: 14px
    }

    .u-font-size--tiny\@xl {
        font-size: 10px
    }

    .u-font-size--small\@xl {
        font-size: 12px
    }

    .u-font-size--middle\@xl {
        font-size: 16px
    }

    .u-font-size--big\@xl {
        font-size: 20px
    }

    .u-font-size--bigger\@xl {
        font-size: 24px
    }

    .u-font-size--huge\@xl {
        font-size: 30px
    }

    .u-font-size--giant\@xl {
        font-size: 36px
    }

    .u-font-size--jumbo\@xl {
        font-size: 45px
    }

    .u-font-size--extra-jumbo\@xl {
        font-size: 60px
    }
}

@media only screen and (min-width: 1800px) {
    .u-font-size--0\@xxl {
        font-size: 0px
    }

    .u-font-size--default\@xxl {
        font-size: 14px
    }

    .u-font-size--tiny\@xxl {
        font-size: 10px
    }

    .u-font-size--small\@xxl {
        font-size: 12px
    }

    .u-font-size--middle\@xxl {
        font-size: 16px
    }

    .u-font-size--big\@xxl {
        font-size: 20px
    }

    .u-font-size--bigger\@xxl {
        font-size: 24px
    }

    .u-font-size--huge\@xxl {
        font-size: 30px
    }

    .u-font-size--giant\@xxl {
        font-size: 36px
    }

    .u-font-size--jumbo\@xxl {
        font-size: 45px
    }

    .u-font-size--extra-jumbo\@xxl {
        font-size: 60px
    }
}

.u-font-size--inherit {
    font-size: inherit
}

.u-font-weight--100 {
    font-weight: 100 !important
}

.u-font-weight--300 {
    font-weight: 300
}

.u-font-weight--400,
.u-font-weight--normal {
    font-weight: 400
}

.u-font-weight--500 {
    font-weight: 500
}

.u-font-weight--600 {
    font-weight: 600
}

.u-font-weight--700,
.u-font-weight--bold {
    font-weight: 700
}

.u-font-weight--900 {
    font-weight: 900
}

.u-font-style--normal {
    font-style: normal
}

.u-font-style--italic {
    font-style: italic
}

.u-text-align--right {
    text-align: right
}

body.rtl .u-text-align--right {
    text-align: left
}

.u-text-align--center {
    text-align: center
}

.u-text-align--left {
    text-align: left
}

body.rtl .u-text-align--left {
    text-align: right
}

.u-text-align--justify {
    text-align: justify
}

body.rtl .u-text-align--justify {
    text-align: right
}

@media only screen and (min-width: 600px) {
    .u-text-align--right\@xs {
        text-align: right
    }

    body.rtl .u-text-align--right\@xs {
        text-align: left
    }

    .u-text-align--center\@xs {
        text-align: center
    }

    .u-text-align--left\@xs {
        text-align: left
    }

    body.rtl .u-text-align--left\@xs {
        text-align: right
    }

    .u-text-align--justify\@xs {
        text-align: justify
    }

    body.rtl .u-text-align--justify\@xs {
        text-align: right
    }
}

@media only screen and (min-width: 768px) {
    .u-text-align--right\@sm {
        text-align: right
    }

    body.rtl .u-text-align--right\@sm {
        text-align: left
    }

    .u-text-align--center\@sm {
        text-align: center
    }

    .u-text-align--left\@sm {
        text-align: left
    }

    body.rtl .u-text-align--left\@sm {
        text-align: right
    }

    .u-text-align--justify\@sm {
        text-align: justify
    }

    body.rtl .u-text-align--justify\@sm {
        text-align: right
    }
}

@media only screen and (min-width: 992px) {
    .u-text-align--right\@md {
        text-align: right
    }

    body.rtl .u-text-align--right\@md {
        text-align: left
    }

    .u-text-align--center\@md {
        text-align: center
    }

    .u-text-align--left\@md {
        text-align: left
    }

    body.rtl .u-text-align--left\@md {
        text-align: right
    }

    .u-text-align--justify\@md {
        text-align: justify
    }

    body.rtl .u-text-align--justify\@md {
        text-align: right
    }
}

@media only screen and (min-width: 1200px) {
    .u-text-align--right\@lg {
        text-align: right
    }

    body.rtl .u-text-align--right\@lg {
        text-align: left
    }

    .u-text-align--center\@lg {
        text-align: center
    }

    .u-text-align--left\@lg {
        text-align: left
    }

    body.rtl .u-text-align--left\@lg {
        text-align: right
    }

    .u-text-align--justify\@lg {
        text-align: justify
    }

    body.rtl .u-text-align--justify\@lg {
        text-align: right
    }
}

@media only screen and (min-width: 1500px) {
    .u-text-align--right\@xl {
        text-align: right
    }

    body.rtl .u-text-align--right\@xl {
        text-align: left
    }

    .u-text-align--center\@xl {
        text-align: center
    }

    .u-text-align--left\@xl {
        text-align: left
    }

    body.rtl .u-text-align--left\@xl {
        text-align: right
    }

    .u-text-align--justify\@xl {
        text-align: justify
    }

    body.rtl .u-text-align--justify\@xl {
        text-align: right
    }
}

@media only screen and (min-width: 1800px) {
    .u-text-align--right\@xxl {
        text-align: right
    }

    body.rtl .u-text-align--right\@xxl {
        text-align: left
    }

    .u-text-align--center\@xxl {
        text-align: center
    }

    .u-text-align--left\@xxl {
        text-align: left
    }

    body.rtl .u-text-align--left\@xxl {
        text-align: right
    }

    .u-text-align--justify\@xxl {
        text-align: justify
    }

    body.rtl .u-text-align--justify\@xxl {
        text-align: right
    }
}

.u-ellipsis-inline {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

.u-ellipsis-block {
    overflow: hidden;
    display: -webkit-box !important;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

@media only screen and (min-width: 600px) {
    .u-ellipsis-block\@xs {
        overflow: hidden;
        display: -webkit-box !important;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical
    }
}

@media only screen and (min-width: 768px) {
    .u-ellipsis-block\@sm {
        overflow: hidden;
        display: -webkit-box !important;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical
    }
}

@media only screen and (min-width: 992px) {
    .u-ellipsis-block\@md {
        overflow: hidden;
        display: -webkit-box !important;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical
    }
}

@media only screen and (min-width: 1200px) {
    .u-ellipsis-block\@lg {
        overflow: hidden;
        display: -webkit-box !important;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical
    }
}

@media only screen and (min-width: 1500px) {
    .u-ellipsis-block\@xl {
        overflow: hidden;
        display: -webkit-box !important;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical
    }
}

@media only screen and (min-width: 1800px) {
    .u-ellipsis-block\@xxl {
        overflow: hidden;
        display: -webkit-box !important;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical
    }
}

.u-ellipsis-block--one-line {
    -webkit-line-clamp: 1
}

.u-ellipsis-block--two-lines {
    -webkit-line-clamp: 2
}

.u-ellipsis-block--three-lines {
    -webkit-line-clamp: 3
}

.u-ellipsis-block--four-lines {
    -webkit-line-clamp: 4
}

.u-ellipsis-block--five-lines {
    -webkit-line-clamp: 5
}

.u-border-radius {
    border-radius: 4px
}

.u-border-radius--sm {
    border-radius: 2px
}

.u-border-radius--big {
    border-radius: 8px
}

@media only screen and (min-width: 600px) {
    .u-border-radius--big\@xs {
        border-radius: 8px
    }
}

@media only screen and (min-width: 1200px) {
    .u-border-radius--big\@lg {
        border-radius: 8px
    }
}

.u-border-radius--bigger {
    border-radius: 10px
}

.u-border-radius--huge {
    border-radius: 14px
}

.u-border-radius--none {
    border-radius: 0
}

.u-border-radius--none--top {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.u-border-radius--top {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.u-border-radius--top--sm {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.u-border-radius--top--big {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

@media only screen and (min-width: 768px) {
    .u-border-radius--top--big\@sm {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px
    }
}

.u-border-radius--bottom {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.u-border-radius--bottom--big {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.u-border-radius--bottom--huge {
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px
}

.u-border-radius--left {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px
}

body.rtl .u-border-radius--left {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px
}

.u-border-radius--left--big {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px
}

@media only screen and (min-width: 768px) {
    .u-border-radius--left--big\@sm {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
        border-bottom-left-radius: 8px;
        border-top-left-radius: 8px
    }
}

body.rtl .u-border-radius--left--big {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px
}

.u-border-radius--left--bigger {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px
}

@media only screen and (min-width: 768px) {
    .u-border-radius--left--bigger\@sm {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
        border-bottom-left-radius: 10px;
        border-top-left-radius: 10px
    }
}

.u-border-radius--left--none {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.u-border-radius--right {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px
}

body.rtl .u-border-radius--right {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px
}

.u-border-radius--round {
    border-radius: 50%
}

.u-border--full {
    border-width: 1px;
    border-style: solid
}

.u-border--top-none {
    border-top: none
}

.u-border--bottom-none {
    border-bottom: none
}

.u-border--left-none {
    border-left: none
}

.u-border--right-none {
    border-right: none
}

.u-border--top {
    border-top-width: 1px;
    border-top-style: solid
}

.u-border--bottom {
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.u-border--left {
    border-left-width: 1px;
    border-left-style: solid
}

.u-border--right {
    border-right-width: 1px;
    border-right-style: solid
}

@media only screen and (min-width: 600px) {
    .u-border--top-none\@xs {
        border-top: none
    }

    .u-border--bottom-none\@xs {
        border-bottom: none
    }

    .u-border--left-none\@xs {
        border-left: none
    }

    .u-border--right-none\@xs {
        border-right: none
    }

    .u-border--top\@xs {
        border-top-width: 1px;
        border-top-style: solid
    }

    .u-border--bottom\@xs {
        border-bottom-width: 1px;
        border-bottom-style: solid
    }

    .u-border--left\@xs {
        border-left-width: 1px;
        border-left-style: solid
    }

    .u-border--right\@xs {
        border-right-width: 1px;
        border-right-style: solid
    }
}

@media only screen and (min-width: 768px) {
    .u-border--top-none\@sm {
        border-top: none
    }

    .u-border--bottom-none\@sm {
        border-bottom: none
    }

    .u-border--left-none\@sm {
        border-left: none
    }

    .u-border--right-none\@sm {
        border-right: none
    }

    .u-border--top\@sm {
        border-top-width: 1px;
        border-top-style: solid
    }

    .u-border--bottom\@sm {
        border-bottom-width: 1px;
        border-bottom-style: solid
    }

    .u-border--left\@sm {
        border-left-width: 1px;
        border-left-style: solid
    }

    .u-border--right\@sm {
        border-right-width: 1px;
        border-right-style: solid
    }
}

@media only screen and (min-width: 992px) {
    .u-border--top-none\@md {
        border-top: none
    }

    .u-border--bottom-none\@md {
        border-bottom: none
    }

    .u-border--left-none\@md {
        border-left: none
    }

    .u-border--right-none\@md {
        border-right: none
    }

    .u-border--top\@md {
        border-top-width: 1px;
        border-top-style: solid
    }

    .u-border--bottom\@md {
        border-bottom-width: 1px;
        border-bottom-style: solid
    }

    .u-border--left\@md {
        border-left-width: 1px;
        border-left-style: solid
    }

    .u-border--right\@md {
        border-right-width: 1px;
        border-right-style: solid
    }
}

@media only screen and (min-width: 1200px) {
    .u-border--top-none\@lg {
        border-top: none
    }

    .u-border--bottom-none\@lg {
        border-bottom: none
    }

    .u-border--left-none\@lg {
        border-left: none
    }

    .u-border--right-none\@lg {
        border-right: none
    }

    .u-border--top\@lg {
        border-top-width: 1px;
        border-top-style: solid
    }

    .u-border--bottom\@lg {
        border-bottom-width: 1px;
        border-bottom-style: solid
    }

    .u-border--left\@lg {
        border-left-width: 1px;
        border-left-style: solid
    }

    .u-border--right\@lg {
        border-right-width: 1px;
        border-right-style: solid
    }
}

@media only screen and (min-width: 1500px) {
    .u-border--top-none\@xl {
        border-top: none
    }

    .u-border--bottom-none\@xl {
        border-bottom: none
    }

    .u-border--left-none\@xl {
        border-left: none
    }

    .u-border--right-none\@xl {
        border-right: none
    }

    .u-border--top\@xl {
        border-top-width: 1px;
        border-top-style: solid
    }

    .u-border--bottom\@xl {
        border-bottom-width: 1px;
        border-bottom-style: solid
    }

    .u-border--left\@xl {
        border-left-width: 1px;
        border-left-style: solid
    }

    .u-border--right\@xl {
        border-right-width: 1px;
        border-right-style: solid
    }
}

@media only screen and (min-width: 1800px) {
    .u-border--top-none\@xxl {
        border-top: none
    }

    .u-border--bottom-none\@xxl {
        border-bottom: none
    }

    .u-border--left-none\@xxl {
        border-left: none
    }

    .u-border--right-none\@xxl {
        border-right: none
    }

    .u-border--top\@xxl {
        border-top-width: 1px;
        border-top-style: solid
    }

    .u-border--bottom\@xxl {
        border-bottom-width: 1px;
        border-bottom-style: solid
    }

    .u-border--left\@xxl {
        border-left-width: 1px;
        border-left-style: solid
    }

    .u-border--right\@xxl {
        border-right-width: 1px;
        border-right-style: solid
    }
}

.u-border--dashed {
    border-width: 1px;
    border-style: dashed
}

.u-border--dashed--top {
    border-top-width: 1px;
    border-top-style: dashed
}

.u-border--dashed--bottom {
    border-bottom-width: 1px;
    border-bottom-style: dashed
}

.u-border--dotted {
    border-width: 1px;
    border-style: dotted
}

.u-border--none {
    border: none !important
}

@media only screen and (min-width: 600px) {
    .u-border--none\@xs {
        border: none !important
    }
}

@media only screen and (min-width: 1200px) {
    .u-border--none\@lg {
        border: none !important
    }
}

.u-border--none--top {
    border-top: none !important
}

.u-border-width--2 {
    border-width: 2px
}

.u-border-width--3 {
    border-width: 3px
}

.u-border-width--4 {
    border-width: 4px
}

.u-float--left {
    float: left
}

body.rtl .u-float--left {
    float: right
}

.u-float--right {
    float: right
}

body.rtl .u-float--right {
    float: left
}

.u-float--none {
    float: none
}

body.rtl .u-float--none {
    float: none
}

@media(min-width: 600px) {
    .u-float--left\@xs {
        float: left
    }

    .u-float--right\@xs {
        float: right
    }

    .u-float--none\@xs {
        float: none
    }
}

@media(min-width: 768px) {
    .u-float--left\@sm {
        float: left
    }

    .u-float--right\@sm {
        float: right
    }

    .u-float--none\@sm {
        float: none
    }
}

@media(min-width: 992px) {
    .u-float--left\@md {
        float: left
    }

    .u-float--right\@md {
        float: right
    }

    .u-float--none\@md {
        float: none
    }
}

@media(min-width: 1200px) {
    .u-float--left\@lg {
        float: left
    }

    .u-float--right\@lg {
        float: right
    }

    .u-float--none\@lg {
        float: none
    }
}

@media(min-width: 1500px) {
    .u-float--left\@xl {
        float: left
    }

    .u-float--right\@xl {
        float: right
    }

    .u-float--none\@xl {
        float: none
    }
}

@media(min-width: 1800px) {
    .u-float--left\@xxl {
        float: left
    }

    .u-float--right\@xxl {
        float: right
    }

    .u-float--none\@xxl {
        float: none
    }
}

.u-display--none {
    display: none !important
}

.u-display--inline {
    display: inline !important
}

.u-display--inline-block {
    display: inline-block !important
}

.u-display--block {
    display: block !important
}

.u-display--table {
    display: table !important
}

.u-display--table-row {
    display: table-row !important
}

.u-display--table-cell {
    display: table-cell !important
}

.u-display--flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.u-display--inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
}

@media(min-width: 600px) {
    .u-display--none\@xs {
        display: none !important
    }

    .u-display--inline\@xs {
        display: inline !important
    }

    .u-display--inline-block\@xs {
        display: inline-block !important
    }

    .u-display--block\@xs {
        display: block !important
    }

    .u-display--table\@xs {
        display: table !important
    }

    .u-display--table-row\@xs {
        display: table-row !important
    }

    .u-display--table-cell\@xs {
        display: table-cell !important
    }

    .u-display--flex\@xs {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .u-display--inline-flex\@xs {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media(min-width: 768px) {
    .u-display--none\@sm {
        display: none !important
    }

    .u-display--inline\@sm {
        display: inline !important
    }

    .u-display--inline-block\@sm {
        display: inline-block !important
    }

    .u-display--block\@sm {
        display: block !important
    }

    .u-display--table\@sm {
        display: table !important
    }

    .u-display--table-row\@sm {
        display: table-row !important
    }

    .u-display--table-cell\@sm {
        display: table-cell !important
    }

    .u-display--flex\@sm {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .u-display--inline-flex\@sm {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media(min-width: 992px) {
    .u-display--none\@md {
        display: none !important
    }

    .u-display--inline\@md {
        display: inline !important
    }

    .u-display--inline-block\@md {
        display: inline-block !important
    }

    .u-display--block\@md {
        display: block !important
    }

    .u-display--table\@md {
        display: table !important
    }

    .u-display--table-row\@md {
        display: table-row !important
    }

    .u-display--table-cell\@md {
        display: table-cell !important
    }

    .u-display--flex\@md {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .u-display--inline-flex\@md {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media(min-width: 1200px) {
    .u-display--none\@lg {
        display: none !important
    }

    .u-display--inline\@lg {
        display: inline !important
    }

    .u-display--inline-block\@lg {
        display: inline-block !important
    }

    .u-display--block\@lg {
        display: block !important
    }

    .u-display--table\@lg {
        display: table !important
    }

    .u-display--table-row\@lg {
        display: table-row !important
    }

    .u-display--table-cell\@lg {
        display: table-cell !important
    }

    .u-display--flex\@lg {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .u-display--inline-flex\@lg {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media(min-width: 1500px) {
    .u-display--none\@xl {
        display: none !important
    }

    .u-display--inline\@xl {
        display: inline !important
    }

    .u-display--inline-block\@xl {
        display: inline-block !important
    }

    .u-display--block\@xl {
        display: block !important
    }

    .u-display--table\@xl {
        display: table !important
    }

    .u-display--table-row\@xl {
        display: table-row !important
    }

    .u-display--table-cell\@xl {
        display: table-cell !important
    }

    .u-display--flex\@xl {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .u-display--inline-flex\@xl {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media(min-width: 1800px) {
    .u-display--none\@xxl {
        display: none !important
    }

    .u-display--inline\@xxl {
        display: inline !important
    }

    .u-display--inline-block\@xxl {
        display: inline-block !important
    }

    .u-display--block\@xxl {
        display: block !important
    }

    .u-display--table\@xxl {
        display: table !important
    }

    .u-display--table-row\@xxl {
        display: table-row !important
    }

    .u-display--table-cell\@xxl {
        display: table-cell !important
    }

    .u-display--flex\@xxl {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .u-display--inline-flex\@xxl {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media print {
    .u-display--print-none {
        display: none !important
    }

    .u-display--print-inline {
        display: inline !important
    }

    .u-display--print-inline-block {
        display: inline-block !important
    }

    .u-display--print-block {
        display: block !important
    }

    .u-display--print-table {
        display: table !important
    }

    .u-display--print-table-row {
        display: table-row !important
    }

    .u-display--print-table-cell {
        display: table-cell !important
    }

    .u-display--print-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .u-display--print-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

.u-margin--null {
    margin: 0 !important
}

.m-auto {
    margin: auto !important
}

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

.m-0 {
    margin: 0 !important
}

.m-5 {
    margin: 5px !important
}

.m-10 {
    margin: 10px !important
}

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

.mt-5 {
    margin-top: 5px !important
}

.mt-10 {
    margin-top: 10px !important
}

.mt-15 {
    margin-top: 15px !important
}

.mt-20 {
    margin-top: 20px !important
}

.mt-30 {
    margin-top: 30px !important
}

.mt-40 {
    margin-top: 40px !important
}

.mt-60 {
    margin-top: 60px !important
}

.mr-auto {
    margin-right: auto !important
}

.mr-0 {
    margin-right: 0 !important
}

.mr-2 {
    margin-right: 2px !important
}

.mr-5 {
    margin-right: 5px !important
}

.mr-10 {
    margin-right: 10px !important
}

body.rtl .mr-10 {
    margin-right: 0 !important;
    margin-left: 10px !important
}

.mr-15 {
    margin-right: 15px !important
}

.mr-20 {
    margin-right: 20px !important
}

.mr-30 {
    margin-right: 30px !important
}

.mr-40 {
    margin-right: 40px !important
}

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

.mb-5 {
    margin-bottom: 5px !important
}

.mb-10 {
    margin-bottom: 10px !important
}

.mb-15 {
    margin-bottom: 15px !important
}

.mb-20 {
    margin-bottom: 20px !important
}

.mb-30 {
    margin-bottom: 30px !important
}

.mb-40 {
    margin-bottom: 40px !important
}

.mb-50 {
    margin-bottom: 50px !important
}

.mb-80 {
    margin-bottom: 80px !important
}

.ml-auto {
    margin-left: auto !important
}

.ml-0 {
    margin-left: 0 !important
}

.ml-5 {
    margin-left: 5px !important
}

body.rtl .ml-5 {
    margin-right: 5px !important;
    margin-left: 0 !important
}

.ml-10 {
    margin-left: 10px !important
}

.ml-15 {
    margin-left: 15px !important
}

.ml-20 {
    margin-left: 20px !important
}

.ml-30 {
    margin-left: 30px !important
}

.ml-40 {
    margin-left: 40px !important
}

.mt-1--negative {
    margin-top: -1px !important
}

.mt-5--negative {
    margin-top: -5px !important
}

.mt-10--negative {
    margin-top: -10px !important
}

.mt-15--negative {
    margin-top: -15px !important
}

.mt-30--negative {
    margin-top: -30px !important
}

.mt-20--negative {
    margin-top: -20px !important
}

.mt-40--negative {
    margin-top: -40px !important
}

.mt-60--negative {
    margin-top: -60px !important
}

.mr-10--negative {
    margin-right: -10px !important
}

.mr-20--negative {
    margin-right: -20px !important
}

.mb-5--negative {
    margin-bottom: -5px !important
}

.mb-20--negative {
    margin-bottom: -20px !important
}

.ml-10--negative {
    margin-left: -10px !important
}

.ml-20--negative {
    margin-left: -20px !important
}

.mY-20--negative {
    margin-right: -20px !important;
    margin-left: -20px !important
}

.mY-10--negative {
    margin-right: -10px !important;
    margin-left: -10px !important
}

.mY-05em--negative {
    margin-right: -0.5em !important;
    margin-left: -0.5em !important
}

@media only screen and (min-width: 600px) {
    .mb-0\@xs {
        margin-bottom: 0 !important
    }

    .mb-10\@xs {
        margin-bottom: 10px !important
    }

    .mb-20\@xs {
        margin-bottom: 20px !important
    }

    .mr-0\@xs {
        margin-right: 0 !important
    }

    .mr-10\@xs {
        margin-right: 10px !important
    }

    .mr-20\@xs {
        margin-right: 20px !important
    }

    .mr-30\@xs {
        margin-right: 30px !important
    }

    .mr-40\@xs {
        margin-right: 40px !important
    }

    .mt-0\@xs {
        margin-top: 0 !important
    }

    .ml-0\@xs {
        margin-left: 0 !important
    }

    .ml-20\@xs {
        margin-left: 20px !important
    }
}

@media only screen and (min-width: 768px) {
    .m-auto\@sm {
        margin: auto !important
    }

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

    .mb-5\@sm {
        margin-bottom: 5px !important
    }

    .mb-10\@sm {
        margin-bottom: 10px !important
    }

    .mb-15\@sm {
        margin-bottom: 15px !important
    }

    .mb-20\@sm {
        margin-bottom: 20px !important
    }

    .mb-80\@sm {
        margin-bottom: 80px !important
    }

    .mr-0\@sm {
        margin-right: 0 !important
    }

    .mr-5\@sm {
        margin-right: 5px !important
    }

    .mr-10\@sm {
        margin-right: 10px !important
    }

    .mr-20\@sm {
        margin-right: 20px !important
    }

    .mr-40\@sm {
        margin-right: 40px !important
    }

    .ml-0\@sm {
        margin-left: 0 !important
    }

    .ml-5\@sm {
        margin-left: 5px !important
    }

    .ml-10\@sm {
        margin-left: 10px !important
    }

    .ml-20\@sm {
        margin-left: 20px !important
    }

    .ml-40\@sm {
        margin-left: 40px !important
    }

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

    .mt-10\@sm {
        margin-top: 10px !important
    }

    .mt-20\@sm {
        margin-top: 20px !important
    }

    .mt-30\@sm {
        margin-top: 30px !important
    }

    .mt-35\@sm {
        margin-top: 35px !important
    }

    .mt-80\@sm {
        margin-top: 80px !important
    }

    .mt-60--negative\@sm {
        margin-top: -60px !important
    }

    .mb-10--negative\@sm {
        margin-bottom: -10px !important
    }

    .ml-30--negative\@sm {
        margin-left: -30px !important
    }

    .mY-05--negative\@sm {
        margin-right: -5px !important;
        margin-left: -5px !important
    }
}

@media only screen and (min-width: 992px) {
    .m-0\@md {
        margin: 0 !important
    }

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

    .mb-5\@md {
        margin-bottom: 5px !important
    }

    .mb-10\@md {
        margin-bottom: 10px !important
    }

    .mb-15\@md {
        margin-bottom: 15px !important
    }

    .mb-20\@md {
        margin-bottom: 20px !important
    }

    .mb-40\@md {
        margin-bottom: 40px !important
    }

    .mb-30\@md {
        margin-bottom: 30px !important
    }

    .mb-60\@md {
        margin-bottom: 60px !important
    }

    .mb-80\@md {
        margin-bottom: 80px !important
    }

    .mr-0\@md {
        margin-right: 0 !important
    }

    .mr-5\@md {
        margin-right: 5px !important
    }

    .mr-30\@md {
        margin-right: 30px !important
    }

    .mr-80\@md {
        margin-right: 80px !important
    }

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

    .mt-5\@md {
        margin-top: 5px !important
    }

    .mt-15\@md {
        margin-top: 15px !important
    }

    .mt-10\@md {
        margin-top: 10px !important
    }

    .mt-20\@md {
        margin-top: 20px !important
    }

    .mt-30\@md {
        margin-top: 30px !important
    }

    .mt-40\@md {
        margin-top: 40px !important
    }

    .mt-60\@md {
        margin-top: 60px !important
    }

    .ml-0\@md {
        margin-left: 0 !important
    }

    .ml-5\@md {
        margin-left: 5px !important
    }

    .ml-10\@md {
        margin-left: 10px !important
    }

    .ml-20\@md {
        margin-left: 20px !important
    }

    .mt-60--negative\@md {
        margin-top: -60px !important
    }

    .mt-30--negative\@md {
        margin-top: -30px !important
    }
}

@media only screen and (min-width: 1200px) {
    .mt-0\@lg {
        margin-top: 0 !important
    }

    .mt-5\@lg {
        margin-top: 5px !important
    }

    .mt-10\@lg {
        margin-top: 10px !important
    }

    .mt-15\@lg {
        margin-top: 15px !important
    }

    .mt-20\@lg {
        margin-top: 20px !important
    }

    .mr-5\@lg {
        margin-right: 5px !important
    }

    .mr-10\@lg {
        margin-right: 10px !important
    }

    .mr-20\@lg {
        margin-right: 20px !important
    }

    .mr-40\@lg {
        margin-right: 40px !important
    }

    .mb-0\@lg {
        margin-bottom: 0 !important
    }

    .mb-10\@lg {
        margin-bottom: 10px !important
    }

    .mb-20\@lg {
        margin-bottom: 20px !important
    }

    .ml-0\@lg {
        margin-left: 0 !important
    }

    .ml-20\@lg {
        margin-left: 20px !important
    }

    .mt-30--negative\@lg {
        margin-top: -30px !important
    }
}

@media only screen and (min-width: 1500px) {
    .mt-0\@xl {
        margin-top: 0 !important
    }

    .mb-0\@xl {
        margin-bottom: 0 !important
    }

    .mr-10\@xl {
        margin-right: 10px !important
    }
}

@media only screen and (min-width: 1800px) {
    .mr-5\@xxl {
        margin-right: 5px !important
    }
}

.u-padding--null {
    padding: 0 !important
}

.p-0 {
    padding: 0 !important
}

.p-5 {
    padding: 5px !important
}

.p-10 {
    padding: 10px !important
}

.p-20 {
    padding: 20px !important
}

.p-30 {
    padding: 30px !important
}

.p-40 {
    padding: 40px !important
}

.p-60 {
    padding: 60px !important
}

.pr-0 {
    padding-right: 0 !important
}

.pr-5 {
    padding-right: 5px !important
}

body.rtl .pr-5 {
    padding-right: 0 !important;
    padding-left: 5px !important
}

.pr-10 {
    padding-right: 10px !important
}

body.rtl .pr-10 {
    padding-right: 0 !important;
    padding-left: 10px !important
}

.pr-15 {
    padding-right: 15px !important
}

body.rtl .pr-15 {
    padding-right: 0 !important;
    padding-left: 15px !important
}

.pr-20 {
    padding-right: 20px !important
}

body.rtl .pr-20 {
    padding-right: 0 !important;
    padding-left: 20px !important
}

.pr-30 {
    padding-right: 30px !important
}

body.rtl .pr-30 {
    padding-right: 0 !important;
    padding-left: 30px !important
}

.pr-40 {
    padding-right: 40px !important
}

body.rtl .pr-40 {
    padding-right: 0 !important;
    padding-left: 40px !important
}

.pr-60 {
    padding-right: 60px !important
}

body.rtl .pr-60 {
    padding-right: 0 !important;
    padding-left: 60px !important
}

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

.pt-5 {
    padding-top: 5px !important
}

.pt-10 {
    padding-top: 10px !important
}

.pt-15 {
    padding-top: 15px !important
}

.pt-20 {
    padding-top: 20px !important
}

.pt-30 {
    padding-top: 30px !important
}

.pt-40 {
    padding-top: 40px !important
}

.pt-60 {
    padding-top: 60px !important
}

.pt-80 {
    padding-top: 80px !important
}

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

.pb-5 {
    padding-bottom: 5px !important
}

.pb-10 {
    padding-bottom: 10px !important
}

.pb-15 {
    padding-bottom: 15px !important
}

.pb-20 {
    padding-bottom: 20px !important
}

.pb-30 {
    padding-bottom: 30px !important
}

.pb-40 {
    padding-bottom: 40px !important
}

.pb-60 {
    padding-bottom: 60px !important
}

.pb-80 {
    padding-bottom: 80px !important
}

.pl-0 {
    padding-left: 0 !important
}

.pl-5 {
    padding-left: 5px !important
}

body.rtl .pl-5 {
    padding-left: 0 !important;
    padding-right: 5px !important
}

.pl-10 {
    padding-left: 10px !important
}

body.rtl .pl-10 {
    padding-left: 0 !important;
    padding-right: 10px !important
}

.pl-15 {
    padding-left: 15px !important
}

body.rtl .pl-15 {
    padding-left: 0 !important;
    padding-right: 15px !important
}

.pl-20 {
    padding-left: 20px !important
}

body.rtl .pl-20 {
    padding-left: 0 !important;
    padding-right: 20px !important
}

.pl-30 {
    padding-left: 30px !important
}

body.rtl .pl-30 {
    padding-left: 0 !important;
    padding-right: 30px !important
}

.pl-40 {
    padding-left: 40px !important
}

body.rtl .pl-40 {
    padding-left: 0 !important;
    padding-right: 40px !important
}

.pl-50 {
    padding-left: 50px !important
}

body.rtl .pl-50 {
    padding-left: 0 !important;
    padding-right: 50px !important
}

.pl-60 {
    padding-left: 60px !important
}

body.rtl .pl-60 {
    padding-left: 0 !important;
    padding-right: 60px !important
}

.pl-70 {
    padding-left: 70px !important
}

body.rtl .pl-70 {
    padding-left: 0 !important;
    padding-right: 70px !important
}

.pl-80 {
    padding-left: 80px !important
}

body.rtl .pl-80 {
    padding-left: 0 !important;
    padding-right: 80px !important
}

@media only screen and (min-width: 600px) {
    .pb-0\@xs {
        padding-bottom: 0 !important
    }

    .pb-15\@xs {
        padding-bottom: 15px !important
    }

    .pb-20\@xs {
        padding-bottom: 20px !important
    }

    .pb-30\@xs {
        padding-bottom: 30px !important
    }

    .pt-0\@xs {
        padding-top: 0 !important
    }

    .pl-10\@xs {
        padding-left: 10px !important
    }

    .pl-20\@xs {
        padding-left: 20px !important
    }

    .pl-50\@xs {
        padding-left: 50px !important
    }

    .pr-10\@xs {
        padding-right: 10px !important
    }

    .pr-15\@xs {
        padding-right: 15px !important
    }

    .pr-20\@xs {
        padding-right: 20px !important
    }
}

@media only screen and (min-width: 768px) {
    .u-padding--null\@sm {
        padding: 0 !important
    }

    .p-5\@sm {
        padding: 5px !important
    }

    .p-10\@sm {
        padding: 10px !important
    }

    .p-15\@sm {
        padding: 15px !important
    }

    .p-30\@sm {
        padding: 30px !important
    }

    .p-40\@sm {
        padding: 40px !important
    }

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

    .pt-5\@sm {
        padding-top: 5px !important
    }

    .pt-10\@sm {
        padding-top: 10px !important
    }

    .pt-20\@sm {
        padding-top: 20px !important
    }

    .pt-30\@sm {
        padding-top: 30px !important
    }

    .pt-40\@sm {
        padding-top: 40px !important
    }

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

    .pb-5\@sm {
        padding-bottom: 5px !important
    }

    .pb-10\@sm {
        padding-bottom: 10px !important
    }

    .pb-20\@sm {
        padding-bottom: 20px !important
    }

    .pb-30\@sm {
        padding-bottom: 30px !important
    }

    .pb-40\@sm {
        padding-bottom: 40px !important
    }

    .pb-60\@sm {
        padding-bottom: 60px !important
    }

    .pr-0\@sm {
        padding-right: 0 !important
    }

    .pr-5\@sm {
        padding-right: 5px !important
    }

    body.rtl .pr-5\@sm {
        padding-right: 0 !important;
        padding-left: 5px !important
    }

    .pr-10\@sm {
        padding-right: 10px !important
    }

    body.rtl .pr-10\@sm {
        padding-right: 0 !important;
        padding-left: 10px !important
    }

    .pr-15\@sm {
        padding-right: 15px !important
    }

    body.rtl .pr-15\@sm {
        padding-right: 0 !important;
        padding-left: 15px !important
    }

    .pr-20\@sm {
        padding-right: 20px !important
    }

    body.rtl .pr-20\@sm {
        padding-right: 0 !important;
        padding-left: 20px !important
    }

    .pr-30\@sm {
        padding-right: 30px !important
    }

    body.rtl .pr-30\@sm {
        padding-right: 0 !important;
        padding-left: 30px !important
    }

    .pr-40\@sm {
        padding-right: 40px !important
    }

    body.rtl .pr-40\@sm {
        padding-right: 0 !important;
        padding-left: 40px !important
    }

    .pl-0\@sm {
        padding-left: 0 !important
    }

    .pl-5\@sm {
        padding-left: 5px !important
    }

    .pl-10\@sm {
        padding-left: 10px !important
    }

    .pl-15\@sm {
        padding-left: 15px !important
    }

    .pl-20\@sm {
        padding-left: 20px !important
    }

    .pl-30\@sm {
        padding-left: 30px !important
    }

    .pl-40\@sm {
        padding-left: 40px !important
    }

    body.rtl .pl-40\@sm {
        padding-left: 0 !important;
        padding-right: 40px !important
    }

    .pl-50\@sm {
        padding-left: 50px !important
    }

    .pl-70\@sm {
        padding-left: 70px !important
    }

    body.rtl .pl-70\@sm {
        padding-right: 70px !important;
        padding-left: 0 !important
    }
}

@media only screen and (min-width: 992px) {
    .u-padding--null\@md {
        padding: 0 !important
    }

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

    .p-15\@md {
        padding: 15px !important
    }

    .p-20\@md {
        padding: 20px !important
    }

    .p-40\@md {
        padding: 40px !important
    }

    .p-60\@md {
        padding: 60px !important
    }

    .pt-0\@md {
        padding-top: 0 !important
    }

    .pt-5\@md {
        padding-top: 5px !important
    }

    .pt-10\@md {
        padding-top: 10px !important
    }

    .pt-20\@md {
        padding-top: 20px !important
    }

    .pt-30\@md {
        padding-top: 30px !important
    }

    .pt-40\@md {
        padding-top: 40px !important
    }

    .pt-80\@md {
        padding-top: 80px !important
    }

    .pr-0\@md {
        padding-right: 0 !important
    }

    .pr-5\@md {
        padding-right: 5px !important
    }

    .pr-10\@md {
        padding-right: 10px !important
    }

    .pr-20\@md {
        padding-right: 20px !important
    }

    .pr-40\@md {
        padding-right: 40px !important
    }

    .pr-60\@md {
        padding-right: 60px !important
    }

    .pr-80\@md {
        padding-right: 80px !important
    }

    .pb-0\@md {
        padding-bottom: 0 !important
    }

    .pb-5\@md {
        padding-bottom: 5px !important
    }

    .pb-10\@md {
        padding-bottom: 10px !important
    }

    .pb-20\@md {
        padding-bottom: 20px !important
    }

    .pb-30\@md {
        padding-bottom: 30px !important
    }

    .pb-40\@md {
        padding-bottom: 40px !important
    }

    .pb-60\@md {
        padding-bottom: 60px !important
    }

    .pb-80\@md {
        padding-bottom: 80px !important
    }

    .pl-0\@md {
        padding-left: 0 !important
    }

    .pl-5\@md {
        padding-left: 5px !important
    }

    .pl-10\@md {
        padding-left: 10px !important
    }

    .pl-20\@md {
        padding-left: 20px !important
    }

    .pl-30\@md {
        padding-left: 30px !important
    }

    .pl-40\@md {
        padding-left: 40px !important
    }

    body.rtl .pl-40\@md {
        padding-right: 40px !important;
        padding-left: 0 !important
    }

    .pl-60\@md {
        padding-left: 60px !important
    }

    .pl-70\@md {
        padding-left: 70px !important
    }

    .pl-80\@md {
        padding-left: 80px !important
    }
}

@media only screen and (min-width: 1200px) {
    .p-30\@lg {
        padding: 30px !important
    }

    .p-10\@lg {
        padding: 10px !important
    }

    .pt-0\@lg {
        padding-top: 0 !important
    }

    .pt-10\@lg {
        padding-top: 10px !important
    }

    .pt-20\@lg {
        padding-top: 20px !important
    }

    .pt-30\@lg {
        padding-top: 30px !important
    }

    .pt-40\@lg {
        padding-top: 40px !important
    }

    .pt-80\@lg {
        padding-top: 80px !important
    }

    .pb-0\@lg {
        padding-bottom: 0 !important
    }

    .pb-5\@lg {
        padding-bottom: 5px !important
    }

    .pb-10\@lg {
        padding-bottom: 10px !important
    }

    .pb-20\@lg {
        padding-bottom: 20px !important
    }

    .pb-30\@lg {
        padding-bottom: 30px !important
    }

    .pb-40\@lg {
        padding-bottom: 40px !important
    }

    .pl-0\@lg {
        padding-left: 0 !important
    }

    .pl-5\@lg {
        padding-left: 5px !important
    }

    .pl-10\@lg {
        padding-left: 10px !important
    }

    .pl-15\@lg {
        padding-left: 15px !important
    }

    body.rtl .pl-15\@lg {
        padding-left: 0 !important;
        padding-right: 15px !important
    }

    .pl-20\@lg {
        padding-left: 20px !important
    }

    .pl-30\@lg {
        padding-left: 30px !important
    }

    body.rtl .pl-30\@lg {
        padding-left: 0 !important;
        padding-right: 30px !important
    }

    .pl-40\@lg {
        padding-left: 40px !important
    }

    body.rtl .pl-40\@lg {
        padding-left: 0 !important;
        padding-right: 40px !important
    }

    .pl-70\@lg {
        padding-left: 70px !important
    }

    .pr-0\@lg {
        padding-right: 0 !important
    }

    .pr-5\@lg {
        padding-right: 5px !important
    }

    .pr-10\@lg {
        padding-right: 10px !important
    }

    .pr-20\@lg {
        padding-right: 20px !important
    }

    .pr-40\@lg {
        padding-right: 40px !important
    }

    .pr-70\@lg {
        padding-right: 70px !important
    }

    .pr-80\@lg {
        padding-right: 80px !important
    }
}

@media only screen and (min-width: 1500px) {
    .p-0\@xl {
        padding: 0 !important
    }

    .p-40\@xl {
        padding: 40px !important
    }

    .pl-0\@xl {
        padding-left: 0 !important
    }

    .pl-5\@xl {
        padding-left: 5px !important
    }

    .pl-40\@xl {
        padding-left: 40px !important
    }

    .pr-0\@xl {
        padding-right: 0 !important
    }

    .pr-5\@xl {
        padding-right: 5px !important
    }

    .pr-30\@xl {
        padding-right: 30px !important
    }

    .pr-40\@xl {
        padding-right: 40px !important
    }

    .pb-10\@xl {
        padding-bottom: 10px !important
    }

    .pb-15\@xl {
        padding-bottom: 15px !important
    }

    .pb-20\@xl {
        padding-bottom: 20px !important
    }

    .pt-15\@xl {
        padding-top: 15px !important
    }

    .pt-20\@xl {
        padding-top: 20px !important
    }
}

@media only screen and (min-width: 1800px) {
    .pt-5\@xxl {
        padding-top: 5px !important
    }

    .pt-20\@xxl {
        padding-top: 20px !important
    }

    .pr-40\@xxl {
        padding-right: 40px !important
    }

    .pb-5\@xxl {
        padding-bottom: 5px !important
    }

    .pb-15\@xxl {
        padding-bottom: 15px !important
    }

    .pb-20\@xxl {
        padding-bottom: 20px !important
    }

    .pb-40\@xxl {
        padding-bottom: 40px !important
    }

    .pl-40\@xxl {
        padding-left: 40px !important
    }

    .pl-70\@xxl {
        padding-left: 70px !important
    }
}

.u-1\/1 {
    width: 100% !important
}

.u-1\/2 {
    width: 50% !important
}

.u-2\/2 {
    width: 100% !important
}

.u-1\/3 {
    width: 33.3333333333% !important
}

.u-2\/3 {
    width: 66.6666666667% !important
}

.u-3\/3 {
    width: 100% !important
}

.u-1\/4 {
    width: 25% !important
}

.u-2\/4 {
    width: 50% !important
}

.u-3\/4 {
    width: 75% !important
}

.u-4\/4 {
    width: 100% !important
}

.u-1\/5 {
    width: 20% !important
}

.u-2\/5 {
    width: 40% !important
}

.u-3\/5 {
    width: 60% !important
}

.u-4\/5 {
    width: 80% !important
}

.u-5\/5 {
    width: 100% !important
}

.u-1\/6 {
    width: 16.6666666667% !important
}

.u-2\/6 {
    width: 33.3333333333% !important
}

.u-3\/6 {
    width: 50% !important
}

.u-4\/6 {
    width: 66.6666666667% !important
}

.u-5\/6 {
    width: 83.3333333333% !important
}

.u-6\/6 {
    width: 100% !important
}

.u-1\/7 {
    width: 14.2857142857% !important
}

.u-2\/7 {
    width: 28.5714285714% !important
}

.u-3\/7 {
    width: 42.8571428571% !important
}

.u-4\/7 {
    width: 57.1428571429% !important
}

.u-5\/7 {
    width: 71.4285714286% !important
}

.u-6\/7 {
    width: 85.7142857143% !important
}

.u-7\/7 {
    width: 100% !important
}

.u-1\/8 {
    width: 12.5% !important
}

.u-2\/8 {
    width: 25% !important
}

.u-3\/8 {
    width: 37.5% !important
}

.u-4\/8 {
    width: 50% !important
}

.u-5\/8 {
    width: 62.5% !important
}

.u-6\/8 {
    width: 75% !important
}

.u-7\/8 {
    width: 87.5% !important
}

.u-8\/8 {
    width: 100% !important
}

.u-1\/9 {
    width: 11.1111111111% !important
}

.u-2\/9 {
    width: 22.2222222222% !important
}

.u-3\/9 {
    width: 33.3333333333% !important
}

.u-4\/9 {
    width: 44.4444444444% !important
}

.u-5\/9 {
    width: 55.5555555556% !important
}

.u-6\/9 {
    width: 66.6666666667% !important
}

.u-7\/9 {
    width: 77.7777777778% !important
}

.u-8\/9 {
    width: 88.8888888889% !important
}

.u-9\/9 {
    width: 100% !important
}

.u-1\/10 {
    width: 10% !important
}

.u-2\/10 {
    width: 20% !important
}

.u-3\/10 {
    width: 30% !important
}

.u-4\/10 {
    width: 40% !important
}

.u-5\/10 {
    width: 50% !important
}

.u-6\/10 {
    width: 60% !important
}

.u-7\/10 {
    width: 70% !important
}

.u-8\/10 {
    width: 80% !important
}

.u-9\/10 {
    width: 90% !important
}

.u-10\/10 {
    width: 100% !important
}

.u-1\/11 {
    width: 9.0909090909% !important
}

.u-2\/11 {
    width: 18.1818181818% !important
}

.u-3\/11 {
    width: 27.2727272727% !important
}

.u-4\/11 {
    width: 36.3636363636% !important
}

.u-5\/11 {
    width: 45.4545454545% !important
}

.u-6\/11 {
    width: 54.5454545455% !important
}

.u-7\/11 {
    width: 63.6363636364% !important
}

.u-8\/11 {
    width: 72.7272727273% !important
}

.u-9\/11 {
    width: 81.8181818182% !important
}

.u-10\/11 {
    width: 90.9090909091% !important
}

.u-11\/11 {
    width: 100% !important
}

.u-1\/12 {
    width: 8.3333333333% !important
}

.u-2\/12 {
    width: 16.6666666667% !important
}

.u-3\/12 {
    width: 25% !important
}

.u-4\/12 {
    width: 33.3333333333% !important
}

.u-5\/12 {
    width: 41.6666666667% !important
}

.u-6\/12 {
    width: 50% !important
}

.u-7\/12 {
    width: 58.3333333333% !important
}

.u-8\/12 {
    width: 66.6666666667% !important
}

.u-9\/12 {
    width: 75% !important
}

.u-10\/12 {
    width: 83.3333333333% !important
}

.u-11\/12 {
    width: 91.6666666667% !important
}

.u-12\/12 {
    width: 100% !important
}

.u-width--auto {
    width: auto !important
}

@media only screen and (min-width: 0) {
    .u-1\/1\@xx {
        width: 100% !important
    }

    .u-1\/2\@xx {
        width: 50% !important
    }

    .u-2\/2\@xx {
        width: 100% !important
    }

    .u-1\/3\@xx {
        width: 33.3333333333% !important
    }

    .u-2\/3\@xx {
        width: 66.6666666667% !important
    }

    .u-3\/3\@xx {
        width: 100% !important
    }

    .u-1\/4\@xx {
        width: 25% !important
    }

    .u-2\/4\@xx {
        width: 50% !important
    }

    .u-3\/4\@xx {
        width: 75% !important
    }

    .u-4\/4\@xx {
        width: 100% !important
    }

    .u-1\/5\@xx {
        width: 20% !important
    }

    .u-2\/5\@xx {
        width: 40% !important
    }

    .u-3\/5\@xx {
        width: 60% !important
    }

    .u-4\/5\@xx {
        width: 80% !important
    }

    .u-5\/5\@xx {
        width: 100% !important
    }

    .u-1\/6\@xx {
        width: 16.6666666667% !important
    }

    .u-2\/6\@xx {
        width: 33.3333333333% !important
    }

    .u-3\/6\@xx {
        width: 50% !important
    }

    .u-4\/6\@xx {
        width: 66.6666666667% !important
    }

    .u-5\/6\@xx {
        width: 83.3333333333% !important
    }

    .u-6\/6\@xx {
        width: 100% !important
    }

    .u-1\/7\@xx {
        width: 14.2857142857% !important
    }

    .u-2\/7\@xx {
        width: 28.5714285714% !important
    }

    .u-3\/7\@xx {
        width: 42.8571428571% !important
    }

    .u-4\/7\@xx {
        width: 57.1428571429% !important
    }

    .u-5\/7\@xx {
        width: 71.4285714286% !important
    }

    .u-6\/7\@xx {
        width: 85.7142857143% !important
    }

    .u-7\/7\@xx {
        width: 100% !important
    }

    .u-1\/8\@xx {
        width: 12.5% !important
    }

    .u-2\/8\@xx {
        width: 25% !important
    }

    .u-3\/8\@xx {
        width: 37.5% !important
    }

    .u-4\/8\@xx {
        width: 50% !important
    }

    .u-5\/8\@xx {
        width: 62.5% !important
    }

    .u-6\/8\@xx {
        width: 75% !important
    }

    .u-7\/8\@xx {
        width: 87.5% !important
    }

    .u-8\/8\@xx {
        width: 100% !important
    }

    .u-1\/9\@xx {
        width: 11.1111111111% !important
    }

    .u-2\/9\@xx {
        width: 22.2222222222% !important
    }

    .u-3\/9\@xx {
        width: 33.3333333333% !important
    }

    .u-4\/9\@xx {
        width: 44.4444444444% !important
    }

    .u-5\/9\@xx {
        width: 55.5555555556% !important
    }

    .u-6\/9\@xx {
        width: 66.6666666667% !important
    }

    .u-7\/9\@xx {
        width: 77.7777777778% !important
    }

    .u-8\/9\@xx {
        width: 88.8888888889% !important
    }

    .u-9\/9\@xx {
        width: 100% !important
    }

    .u-1\/10\@xx {
        width: 10% !important
    }

    .u-2\/10\@xx {
        width: 20% !important
    }

    .u-3\/10\@xx {
        width: 30% !important
    }

    .u-4\/10\@xx {
        width: 40% !important
    }

    .u-5\/10\@xx {
        width: 50% !important
    }

    .u-6\/10\@xx {
        width: 60% !important
    }

    .u-7\/10\@xx {
        width: 70% !important
    }

    .u-8\/10\@xx {
        width: 80% !important
    }

    .u-9\/10\@xx {
        width: 90% !important
    }

    .u-10\/10\@xx {
        width: 100% !important
    }

    .u-1\/11\@xx {
        width: 9.0909090909% !important
    }

    .u-2\/11\@xx {
        width: 18.1818181818% !important
    }

    .u-3\/11\@xx {
        width: 27.2727272727% !important
    }

    .u-4\/11\@xx {
        width: 36.3636363636% !important
    }

    .u-5\/11\@xx {
        width: 45.4545454545% !important
    }

    .u-6\/11\@xx {
        width: 54.5454545455% !important
    }

    .u-7\/11\@xx {
        width: 63.6363636364% !important
    }

    .u-8\/11\@xx {
        width: 72.7272727273% !important
    }

    .u-9\/11\@xx {
        width: 81.8181818182% !important
    }

    .u-10\/11\@xx {
        width: 90.9090909091% !important
    }

    .u-11\/11\@xx {
        width: 100% !important
    }

    .u-1\/12\@xx {
        width: 8.3333333333% !important
    }

    .u-2\/12\@xx {
        width: 16.6666666667% !important
    }

    .u-3\/12\@xx {
        width: 25% !important
    }

    .u-4\/12\@xx {
        width: 33.3333333333% !important
    }

    .u-5\/12\@xx {
        width: 41.6666666667% !important
    }

    .u-6\/12\@xx {
        width: 50% !important
    }

    .u-7\/12\@xx {
        width: 58.3333333333% !important
    }

    .u-8\/12\@xx {
        width: 66.6666666667% !important
    }

    .u-9\/12\@xx {
        width: 75% !important
    }

    .u-10\/12\@xx {
        width: 83.3333333333% !important
    }

    .u-11\/12\@xx {
        width: 91.6666666667% !important
    }

    .u-12\/12\@xx {
        width: 100% !important
    }

    .u-width--auto\@xx {
        width: auto !important
    }
}

@media only screen and (min-width: 600px) {
    .u-1\/1\@xs {
        width: 100% !important
    }

    .u-1\/2\@xs {
        width: 50% !important
    }

    .u-2\/2\@xs {
        width: 100% !important
    }

    .u-1\/3\@xs {
        width: 33.3333333333% !important
    }

    .u-2\/3\@xs {
        width: 66.6666666667% !important
    }

    .u-3\/3\@xs {
        width: 100% !important
    }

    .u-1\/4\@xs {
        width: 25% !important
    }

    .u-2\/4\@xs {
        width: 50% !important
    }

    .u-3\/4\@xs {
        width: 75% !important
    }

    .u-4\/4\@xs {
        width: 100% !important
    }

    .u-1\/5\@xs {
        width: 20% !important
    }

    .u-2\/5\@xs {
        width: 40% !important
    }

    .u-3\/5\@xs {
        width: 60% !important
    }

    .u-4\/5\@xs {
        width: 80% !important
    }

    .u-5\/5\@xs {
        width: 100% !important
    }

    .u-1\/6\@xs {
        width: 16.6666666667% !important
    }

    .u-2\/6\@xs {
        width: 33.3333333333% !important
    }

    .u-3\/6\@xs {
        width: 50% !important
    }

    .u-4\/6\@xs {
        width: 66.6666666667% !important
    }

    .u-5\/6\@xs {
        width: 83.3333333333% !important
    }

    .u-6\/6\@xs {
        width: 100% !important
    }

    .u-1\/7\@xs {
        width: 14.2857142857% !important
    }

    .u-2\/7\@xs {
        width: 28.5714285714% !important
    }

    .u-3\/7\@xs {
        width: 42.8571428571% !important
    }

    .u-4\/7\@xs {
        width: 57.1428571429% !important
    }

    .u-5\/7\@xs {
        width: 71.4285714286% !important
    }

    .u-6\/7\@xs {
        width: 85.7142857143% !important
    }

    .u-7\/7\@xs {
        width: 100% !important
    }

    .u-1\/8\@xs {
        width: 12.5% !important
    }

    .u-2\/8\@xs {
        width: 25% !important
    }

    .u-3\/8\@xs {
        width: 37.5% !important
    }

    .u-4\/8\@xs {
        width: 50% !important
    }

    .u-5\/8\@xs {
        width: 62.5% !important
    }

    .u-6\/8\@xs {
        width: 75% !important
    }

    .u-7\/8\@xs {
        width: 87.5% !important
    }

    .u-8\/8\@xs {
        width: 100% !important
    }

    .u-1\/9\@xs {
        width: 11.1111111111% !important
    }

    .u-2\/9\@xs {
        width: 22.2222222222% !important
    }

    .u-3\/9\@xs {
        width: 33.3333333333% !important
    }

    .u-4\/9\@xs {
        width: 44.4444444444% !important
    }

    .u-5\/9\@xs {
        width: 55.5555555556% !important
    }

    .u-6\/9\@xs {
        width: 66.6666666667% !important
    }

    .u-7\/9\@xs {
        width: 77.7777777778% !important
    }

    .u-8\/9\@xs {
        width: 88.8888888889% !important
    }

    .u-9\/9\@xs {
        width: 100% !important
    }

    .u-1\/10\@xs {
        width: 10% !important
    }

    .u-2\/10\@xs {
        width: 20% !important
    }

    .u-3\/10\@xs {
        width: 30% !important
    }

    .u-4\/10\@xs {
        width: 40% !important
    }

    .u-5\/10\@xs {
        width: 50% !important
    }

    .u-6\/10\@xs {
        width: 60% !important
    }

    .u-7\/10\@xs {
        width: 70% !important
    }

    .u-8\/10\@xs {
        width: 80% !important
    }

    .u-9\/10\@xs {
        width: 90% !important
    }

    .u-10\/10\@xs {
        width: 100% !important
    }

    .u-1\/11\@xs {
        width: 9.0909090909% !important
    }

    .u-2\/11\@xs {
        width: 18.1818181818% !important
    }

    .u-3\/11\@xs {
        width: 27.2727272727% !important
    }

    .u-4\/11\@xs {
        width: 36.3636363636% !important
    }

    .u-5\/11\@xs {
        width: 45.4545454545% !important
    }

    .u-6\/11\@xs {
        width: 54.5454545455% !important
    }

    .u-7\/11\@xs {
        width: 63.6363636364% !important
    }

    .u-8\/11\@xs {
        width: 72.7272727273% !important
    }

    .u-9\/11\@xs {
        width: 81.8181818182% !important
    }

    .u-10\/11\@xs {
        width: 90.9090909091% !important
    }

    .u-11\/11\@xs {
        width: 100% !important
    }

    .u-1\/12\@xs {
        width: 8.3333333333% !important
    }

    .u-2\/12\@xs {
        width: 16.6666666667% !important
    }

    .u-3\/12\@xs {
        width: 25% !important
    }

    .u-4\/12\@xs {
        width: 33.3333333333% !important
    }

    .u-5\/12\@xs {
        width: 41.6666666667% !important
    }

    .u-6\/12\@xs {
        width: 50% !important
    }

    .u-7\/12\@xs {
        width: 58.3333333333% !important
    }

    .u-8\/12\@xs {
        width: 66.6666666667% !important
    }

    .u-9\/12\@xs {
        width: 75% !important
    }

    .u-10\/12\@xs {
        width: 83.3333333333% !important
    }

    .u-11\/12\@xs {
        width: 91.6666666667% !important
    }

    .u-12\/12\@xs {
        width: 100% !important
    }

    .u-width--auto\@xs {
        width: auto !important
    }
}

@media only screen and (min-width: 768px) {
    .u-1\/1\@sm {
        width: 100% !important
    }

    .u-1\/2\@sm {
        width: 50% !important
    }

    .u-2\/2\@sm {
        width: 100% !important
    }

    .u-1\/3\@sm {
        width: 33.3333333333% !important
    }

    .u-2\/3\@sm {
        width: 66.6666666667% !important
    }

    .u-3\/3\@sm {
        width: 100% !important
    }

    .u-1\/4\@sm {
        width: 25% !important
    }

    .u-2\/4\@sm {
        width: 50% !important
    }

    .u-3\/4\@sm {
        width: 75% !important
    }

    .u-4\/4\@sm {
        width: 100% !important
    }

    .u-1\/5\@sm {
        width: 20% !important
    }

    .u-2\/5\@sm {
        width: 40% !important
    }

    .u-3\/5\@sm {
        width: 60% !important
    }

    .u-4\/5\@sm {
        width: 80% !important
    }

    .u-5\/5\@sm {
        width: 100% !important
    }

    .u-1\/6\@sm {
        width: 16.6666666667% !important
    }

    .u-2\/6\@sm {
        width: 33.3333333333% !important
    }

    .u-3\/6\@sm {
        width: 50% !important
    }

    .u-4\/6\@sm {
        width: 66.6666666667% !important
    }

    .u-5\/6\@sm {
        width: 83.3333333333% !important
    }

    .u-6\/6\@sm {
        width: 100% !important
    }

    .u-1\/7\@sm {
        width: 14.2857142857% !important
    }

    .u-2\/7\@sm {
        width: 28.5714285714% !important
    }

    .u-3\/7\@sm {
        width: 42.8571428571% !important
    }

    .u-4\/7\@sm {
        width: 57.1428571429% !important
    }

    .u-5\/7\@sm {
        width: 71.4285714286% !important
    }

    .u-6\/7\@sm {
        width: 85.7142857143% !important
    }

    .u-7\/7\@sm {
        width: 100% !important
    }

    .u-1\/8\@sm {
        width: 12.5% !important
    }

    .u-2\/8\@sm {
        width: 25% !important
    }

    .u-3\/8\@sm {
        width: 37.5% !important
    }

    .u-4\/8\@sm {
        width: 50% !important
    }

    .u-5\/8\@sm {
        width: 62.5% !important
    }

    .u-6\/8\@sm {
        width: 75% !important
    }

    .u-7\/8\@sm {
        width: 87.5% !important
    }

    .u-8\/8\@sm {
        width: 100% !important
    }

    .u-1\/9\@sm {
        width: 11.1111111111% !important
    }

    .u-2\/9\@sm {
        width: 22.2222222222% !important
    }

    .u-3\/9\@sm {
        width: 33.3333333333% !important
    }

    .u-4\/9\@sm {
        width: 44.4444444444% !important
    }

    .u-5\/9\@sm {
        width: 55.5555555556% !important
    }

    .u-6\/9\@sm {
        width: 66.6666666667% !important
    }

    .u-7\/9\@sm {
        width: 77.7777777778% !important
    }

    .u-8\/9\@sm {
        width: 88.8888888889% !important
    }

    .u-9\/9\@sm {
        width: 100% !important
    }

    .u-1\/10\@sm {
        width: 10% !important
    }

    .u-2\/10\@sm {
        width: 20% !important
    }

    .u-3\/10\@sm {
        width: 30% !important
    }

    .u-4\/10\@sm {
        width: 40% !important
    }

    .u-5\/10\@sm {
        width: 50% !important
    }

    .u-6\/10\@sm {
        width: 60% !important
    }

    .u-7\/10\@sm {
        width: 70% !important
    }

    .u-8\/10\@sm {
        width: 80% !important
    }

    .u-9\/10\@sm {
        width: 90% !important
    }

    .u-10\/10\@sm {
        width: 100% !important
    }

    .u-1\/11\@sm {
        width: 9.0909090909% !important
    }

    .u-2\/11\@sm {
        width: 18.1818181818% !important
    }

    .u-3\/11\@sm {
        width: 27.2727272727% !important
    }

    .u-4\/11\@sm {
        width: 36.3636363636% !important
    }

    .u-5\/11\@sm {
        width: 45.4545454545% !important
    }

    .u-6\/11\@sm {
        width: 54.5454545455% !important
    }

    .u-7\/11\@sm {
        width: 63.6363636364% !important
    }

    .u-8\/11\@sm {
        width: 72.7272727273% !important
    }

    .u-9\/11\@sm {
        width: 81.8181818182% !important
    }

    .u-10\/11\@sm {
        width: 90.9090909091% !important
    }

    .u-11\/11\@sm {
        width: 100% !important
    }

    .u-1\/12\@sm {
        width: 8.3333333333% !important
    }

    .u-2\/12\@sm {
        width: 16.6666666667% !important
    }

    .u-3\/12\@sm {
        width: 25% !important
    }

    .u-4\/12\@sm {
        width: 33.3333333333% !important
    }

    .u-5\/12\@sm {
        width: 41.6666666667% !important
    }

    .u-6\/12\@sm {
        width: 50% !important
    }

    .u-7\/12\@sm {
        width: 58.3333333333% !important
    }

    .u-8\/12\@sm {
        width: 66.6666666667% !important
    }

    .u-9\/12\@sm {
        width: 75% !important
    }

    .u-10\/12\@sm {
        width: 83.3333333333% !important
    }

    .u-11\/12\@sm {
        width: 91.6666666667% !important
    }

    .u-12\/12\@sm {
        width: 100% !important
    }

    .u-width--auto\@sm {
        width: auto !important
    }
}

@media only screen and (min-width: 992px) {
    .u-1\/1\@md {
        width: 100% !important
    }

    .u-1\/2\@md {
        width: 50% !important
    }

    .u-2\/2\@md {
        width: 100% !important
    }

    .u-1\/3\@md {
        width: 33.3333333333% !important
    }

    .u-2\/3\@md {
        width: 66.6666666667% !important
    }

    .u-3\/3\@md {
        width: 100% !important
    }

    .u-1\/4\@md {
        width: 25% !important
    }

    .u-2\/4\@md {
        width: 50% !important
    }

    .u-3\/4\@md {
        width: 75% !important
    }

    .u-4\/4\@md {
        width: 100% !important
    }

    .u-1\/5\@md {
        width: 20% !important
    }

    .u-2\/5\@md {
        width: 40% !important
    }

    .u-3\/5\@md {
        width: 60% !important
    }

    .u-4\/5\@md {
        width: 80% !important
    }

    .u-5\/5\@md {
        width: 100% !important
    }

    .u-1\/6\@md {
        width: 16.6666666667% !important
    }

    .u-2\/6\@md {
        width: 33.3333333333% !important
    }

    .u-3\/6\@md {
        width: 50% !important
    }

    .u-4\/6\@md {
        width: 66.6666666667% !important
    }

    .u-5\/6\@md {
        width: 83.3333333333% !important
    }

    .u-6\/6\@md {
        width: 100% !important
    }

    .u-1\/7\@md {
        width: 14.2857142857% !important
    }

    .u-2\/7\@md {
        width: 28.5714285714% !important
    }

    .u-3\/7\@md {
        width: 42.8571428571% !important
    }

    .u-4\/7\@md {
        width: 57.1428571429% !important
    }

    .u-5\/7\@md {
        width: 71.4285714286% !important
    }

    .u-6\/7\@md {
        width: 85.7142857143% !important
    }

    .u-7\/7\@md {
        width: 100% !important
    }

    .u-1\/8\@md {
        width: 12.5% !important
    }

    .u-2\/8\@md {
        width: 25% !important
    }

    .u-3\/8\@md {
        width: 37.5% !important
    }

    .u-4\/8\@md {
        width: 50% !important
    }

    .u-5\/8\@md {
        width: 62.5% !important
    }

    .u-6\/8\@md {
        width: 75% !important
    }

    .u-7\/8\@md {
        width: 87.5% !important
    }

    .u-8\/8\@md {
        width: 100% !important
    }

    .u-1\/9\@md {
        width: 11.1111111111% !important
    }

    .u-2\/9\@md {
        width: 22.2222222222% !important
    }

    .u-3\/9\@md {
        width: 33.3333333333% !important
    }

    .u-4\/9\@md {
        width: 44.4444444444% !important
    }

    .u-5\/9\@md {
        width: 55.5555555556% !important
    }

    .u-6\/9\@md {
        width: 66.6666666667% !important
    }

    .u-7\/9\@md {
        width: 77.7777777778% !important
    }

    .u-8\/9\@md {
        width: 88.8888888889% !important
    }

    .u-9\/9\@md {
        width: 100% !important
    }

    .u-1\/10\@md {
        width: 10% !important
    }

    .u-2\/10\@md {
        width: 20% !important
    }

    .u-3\/10\@md {
        width: 30% !important
    }

    .u-4\/10\@md {
        width: 40% !important
    }

    .u-5\/10\@md {
        width: 50% !important
    }

    .u-6\/10\@md {
        width: 60% !important
    }

    .u-7\/10\@md {
        width: 70% !important
    }

    .u-8\/10\@md {
        width: 80% !important
    }

    .u-9\/10\@md {
        width: 90% !important
    }

    .u-10\/10\@md {
        width: 100% !important
    }

    .u-1\/11\@md {
        width: 9.0909090909% !important
    }

    .u-2\/11\@md {
        width: 18.1818181818% !important
    }

    .u-3\/11\@md {
        width: 27.2727272727% !important
    }

    .u-4\/11\@md {
        width: 36.3636363636% !important
    }

    .u-5\/11\@md {
        width: 45.4545454545% !important
    }

    .u-6\/11\@md {
        width: 54.5454545455% !important
    }

    .u-7\/11\@md {
        width: 63.6363636364% !important
    }

    .u-8\/11\@md {
        width: 72.7272727273% !important
    }

    .u-9\/11\@md {
        width: 81.8181818182% !important
    }

    .u-10\/11\@md {
        width: 90.9090909091% !important
    }

    .u-11\/11\@md {
        width: 100% !important
    }

    .u-1\/12\@md {
        width: 8.3333333333% !important
    }

    .u-2\/12\@md {
        width: 16.6666666667% !important
    }

    .u-3\/12\@md {
        width: 25% !important
    }

    .u-4\/12\@md {
        width: 33.3333333333% !important
    }

    .u-5\/12\@md {
        width: 41.6666666667% !important
    }

    .u-6\/12\@md {
        width: 50% !important
    }

    .u-7\/12\@md {
        width: 58.3333333333% !important
    }

    .u-8\/12\@md {
        width: 66.6666666667% !important
    }

    .u-9\/12\@md {
        width: 75% !important
    }

    .u-10\/12\@md {
        width: 83.3333333333% !important
    }

    .u-11\/12\@md {
        width: 91.6666666667% !important
    }

    .u-12\/12\@md {
        width: 100% !important
    }

    .u-width--auto\@md {
        width: auto !important
    }
}

@media only screen and (min-width: 1200px) {
    .u-1\/1\@lg {
        width: 100% !important
    }

    .u-1\/2\@lg {
        width: 50% !important
    }

    .u-2\/2\@lg {
        width: 100% !important
    }

    .u-1\/3\@lg {
        width: 33.3333333333% !important
    }

    .u-2\/3\@lg {
        width: 66.6666666667% !important
    }

    .u-3\/3\@lg {
        width: 100% !important
    }

    .u-1\/4\@lg {
        width: 25% !important
    }

    .u-2\/4\@lg {
        width: 50% !important
    }

    .u-3\/4\@lg {
        width: 75% !important
    }

    .u-4\/4\@lg {
        width: 100% !important
    }

    .u-1\/5\@lg {
        width: 20% !important
    }

    .u-2\/5\@lg {
        width: 40% !important
    }

    .u-3\/5\@lg {
        width: 60% !important
    }

    .u-4\/5\@lg {
        width: 80% !important
    }

    .u-5\/5\@lg {
        width: 100% !important
    }

    .u-1\/6\@lg {
        width: 16.6666666667% !important
    }

    .u-2\/6\@lg {
        width: 33.3333333333% !important
    }

    .u-3\/6\@lg {
        width: 50% !important
    }

    .u-4\/6\@lg {
        width: 66.6666666667% !important
    }

    .u-5\/6\@lg {
        width: 83.3333333333% !important
    }

    .u-6\/6\@lg {
        width: 100% !important
    }

    .u-1\/7\@lg {
        width: 14.2857142857% !important
    }

    .u-2\/7\@lg {
        width: 28.5714285714% !important
    }

    .u-3\/7\@lg {
        width: 42.8571428571% !important
    }

    .u-4\/7\@lg {
        width: 57.1428571429% !important
    }

    .u-5\/7\@lg {
        width: 71.4285714286% !important
    }

    .u-6\/7\@lg {
        width: 85.7142857143% !important
    }

    .u-7\/7\@lg {
        width: 100% !important
    }

    .u-1\/8\@lg {
        width: 12.5% !important
    }

    .u-2\/8\@lg {
        width: 25% !important
    }

    .u-3\/8\@lg {
        width: 37.5% !important
    }

    .u-4\/8\@lg {
        width: 50% !important
    }

    .u-5\/8\@lg {
        width: 62.5% !important
    }

    .u-6\/8\@lg {
        width: 75% !important
    }

    .u-7\/8\@lg {
        width: 87.5% !important
    }

    .u-8\/8\@lg {
        width: 100% !important
    }

    .u-1\/9\@lg {
        width: 11.1111111111% !important
    }

    .u-2\/9\@lg {
        width: 22.2222222222% !important
    }

    .u-3\/9\@lg {
        width: 33.3333333333% !important
    }

    .u-4\/9\@lg {
        width: 44.4444444444% !important
    }

    .u-5\/9\@lg {
        width: 55.5555555556% !important
    }

    .u-6\/9\@lg {
        width: 66.6666666667% !important
    }

    .u-7\/9\@lg {
        width: 77.7777777778% !important
    }

    .u-8\/9\@lg {
        width: 88.8888888889% !important
    }

    .u-9\/9\@lg {
        width: 100% !important
    }

    .u-1\/10\@lg {
        width: 10% !important
    }

    .u-2\/10\@lg {
        width: 20% !important
    }

    .u-3\/10\@lg {
        width: 30% !important
    }

    .u-4\/10\@lg {
        width: 40% !important
    }

    .u-5\/10\@lg {
        width: 50% !important
    }

    .u-6\/10\@lg {
        width: 60% !important
    }

    .u-7\/10\@lg {
        width: 70% !important
    }

    .u-8\/10\@lg {
        width: 80% !important
    }

    .u-9\/10\@lg {
        width: 90% !important
    }

    .u-10\/10\@lg {
        width: 100% !important
    }

    .u-1\/11\@lg {
        width: 9.0909090909% !important
    }

    .u-2\/11\@lg {
        width: 18.1818181818% !important
    }

    .u-3\/11\@lg {
        width: 27.2727272727% !important
    }

    .u-4\/11\@lg {
        width: 36.3636363636% !important
    }

    .u-5\/11\@lg {
        width: 45.4545454545% !important
    }

    .u-6\/11\@lg {
        width: 54.5454545455% !important
    }

    .u-7\/11\@lg {
        width: 63.6363636364% !important
    }

    .u-8\/11\@lg {
        width: 72.7272727273% !important
    }

    .u-9\/11\@lg {
        width: 81.8181818182% !important
    }

    .u-10\/11\@lg {
        width: 90.9090909091% !important
    }

    .u-11\/11\@lg {
        width: 100% !important
    }

    .u-1\/12\@lg {
        width: 8.3333333333% !important
    }

    .u-2\/12\@lg {
        width: 16.6666666667% !important
    }

    .u-3\/12\@lg {
        width: 25% !important
    }

    .u-4\/12\@lg {
        width: 33.3333333333% !important
    }

    .u-5\/12\@lg {
        width: 41.6666666667% !important
    }

    .u-6\/12\@lg {
        width: 50% !important
    }

    .u-7\/12\@lg {
        width: 58.3333333333% !important
    }

    .u-8\/12\@lg {
        width: 66.6666666667% !important
    }

    .u-9\/12\@lg {
        width: 75% !important
    }

    .u-10\/12\@lg {
        width: 83.3333333333% !important
    }

    .u-11\/12\@lg {
        width: 91.6666666667% !important
    }

    .u-12\/12\@lg {
        width: 100% !important
    }

    .u-width--auto\@lg {
        width: auto !important
    }
}

@media only screen and (min-width: 1500px) {
    .u-1\/1\@xl {
        width: 100% !important
    }

    .u-1\/2\@xl {
        width: 50% !important
    }

    .u-2\/2\@xl {
        width: 100% !important
    }

    .u-1\/3\@xl {
        width: 33.3333333333% !important
    }

    .u-2\/3\@xl {
        width: 66.6666666667% !important
    }

    .u-3\/3\@xl {
        width: 100% !important
    }

    .u-1\/4\@xl {
        width: 25% !important
    }

    .u-2\/4\@xl {
        width: 50% !important
    }

    .u-3\/4\@xl {
        width: 75% !important
    }

    .u-4\/4\@xl {
        width: 100% !important
    }

    .u-1\/5\@xl {
        width: 20% !important
    }

    .u-2\/5\@xl {
        width: 40% !important
    }

    .u-3\/5\@xl {
        width: 60% !important
    }

    .u-4\/5\@xl {
        width: 80% !important
    }

    .u-5\/5\@xl {
        width: 100% !important
    }

    .u-1\/6\@xl {
        width: 16.6666666667% !important
    }

    .u-2\/6\@xl {
        width: 33.3333333333% !important
    }

    .u-3\/6\@xl {
        width: 50% !important
    }

    .u-4\/6\@xl {
        width: 66.6666666667% !important
    }

    .u-5\/6\@xl {
        width: 83.3333333333% !important
    }

    .u-6\/6\@xl {
        width: 100% !important
    }

    .u-1\/7\@xl {
        width: 14.2857142857% !important
    }

    .u-2\/7\@xl {
        width: 28.5714285714% !important
    }

    .u-3\/7\@xl {
        width: 42.8571428571% !important
    }

    .u-4\/7\@xl {
        width: 57.1428571429% !important
    }

    .u-5\/7\@xl {
        width: 71.4285714286% !important
    }

    .u-6\/7\@xl {
        width: 85.7142857143% !important
    }

    .u-7\/7\@xl {
        width: 100% !important
    }

    .u-1\/8\@xl {
        width: 12.5% !important
    }

    .u-2\/8\@xl {
        width: 25% !important
    }

    .u-3\/8\@xl {
        width: 37.5% !important
    }

    .u-4\/8\@xl {
        width: 50% !important
    }

    .u-5\/8\@xl {
        width: 62.5% !important
    }

    .u-6\/8\@xl {
        width: 75% !important
    }

    .u-7\/8\@xl {
        width: 87.5% !important
    }

    .u-8\/8\@xl {
        width: 100% !important
    }

    .u-1\/9\@xl {
        width: 11.1111111111% !important
    }

    .u-2\/9\@xl {
        width: 22.2222222222% !important
    }

    .u-3\/9\@xl {
        width: 33.3333333333% !important
    }

    .u-4\/9\@xl {
        width: 44.4444444444% !important
    }

    .u-5\/9\@xl {
        width: 55.5555555556% !important
    }

    .u-6\/9\@xl {
        width: 66.6666666667% !important
    }

    .u-7\/9\@xl {
        width: 77.7777777778% !important
    }

    .u-8\/9\@xl {
        width: 88.8888888889% !important
    }

    .u-9\/9\@xl {
        width: 100% !important
    }

    .u-1\/10\@xl {
        width: 10% !important
    }

    .u-2\/10\@xl {
        width: 20% !important
    }

    .u-3\/10\@xl {
        width: 30% !important
    }

    .u-4\/10\@xl {
        width: 40% !important
    }

    .u-5\/10\@xl {
        width: 50% !important
    }

    .u-6\/10\@xl {
        width: 60% !important
    }

    .u-7\/10\@xl {
        width: 70% !important
    }

    .u-8\/10\@xl {
        width: 80% !important
    }

    .u-9\/10\@xl {
        width: 90% !important
    }

    .u-10\/10\@xl {
        width: 100% !important
    }

    .u-1\/11\@xl {
        width: 9.0909090909% !important
    }

    .u-2\/11\@xl {
        width: 18.1818181818% !important
    }

    .u-3\/11\@xl {
        width: 27.2727272727% !important
    }

    .u-4\/11\@xl {
        width: 36.3636363636% !important
    }

    .u-5\/11\@xl {
        width: 45.4545454545% !important
    }

    .u-6\/11\@xl {
        width: 54.5454545455% !important
    }

    .u-7\/11\@xl {
        width: 63.6363636364% !important
    }

    .u-8\/11\@xl {
        width: 72.7272727273% !important
    }

    .u-9\/11\@xl {
        width: 81.8181818182% !important
    }

    .u-10\/11\@xl {
        width: 90.9090909091% !important
    }

    .u-11\/11\@xl {
        width: 100% !important
    }

    .u-1\/12\@xl {
        width: 8.3333333333% !important
    }

    .u-2\/12\@xl {
        width: 16.6666666667% !important
    }

    .u-3\/12\@xl {
        width: 25% !important
    }

    .u-4\/12\@xl {
        width: 33.3333333333% !important
    }

    .u-5\/12\@xl {
        width: 41.6666666667% !important
    }

    .u-6\/12\@xl {
        width: 50% !important
    }

    .u-7\/12\@xl {
        width: 58.3333333333% !important
    }

    .u-8\/12\@xl {
        width: 66.6666666667% !important
    }

    .u-9\/12\@xl {
        width: 75% !important
    }

    .u-10\/12\@xl {
        width: 83.3333333333% !important
    }

    .u-11\/12\@xl {
        width: 91.6666666667% !important
    }

    .u-12\/12\@xl {
        width: 100% !important
    }

    .u-width--auto\@xl {
        width: auto !important
    }
}

@media only screen and (min-width: 1800px) {
    .u-1\/1\@xxl {
        width: 100% !important
    }

    .u-1\/2\@xxl {
        width: 50% !important
    }

    .u-2\/2\@xxl {
        width: 100% !important
    }

    .u-1\/3\@xxl {
        width: 33.3333333333% !important
    }

    .u-2\/3\@xxl {
        width: 66.6666666667% !important
    }

    .u-3\/3\@xxl {
        width: 100% !important
    }

    .u-1\/4\@xxl {
        width: 25% !important
    }

    .u-2\/4\@xxl {
        width: 50% !important
    }

    .u-3\/4\@xxl {
        width: 75% !important
    }

    .u-4\/4\@xxl {
        width: 100% !important
    }

    .u-1\/5\@xxl {
        width: 20% !important
    }

    .u-2\/5\@xxl {
        width: 40% !important
    }

    .u-3\/5\@xxl {
        width: 60% !important
    }

    .u-4\/5\@xxl {
        width: 80% !important
    }

    .u-5\/5\@xxl {
        width: 100% !important
    }

    .u-1\/6\@xxl {
        width: 16.6666666667% !important
    }

    .u-2\/6\@xxl {
        width: 33.3333333333% !important
    }

    .u-3\/6\@xxl {
        width: 50% !important
    }

    .u-4\/6\@xxl {
        width: 66.6666666667% !important
    }

    .u-5\/6\@xxl {
        width: 83.3333333333% !important
    }

    .u-6\/6\@xxl {
        width: 100% !important
    }

    .u-1\/7\@xxl {
        width: 14.2857142857% !important
    }

    .u-2\/7\@xxl {
        width: 28.5714285714% !important
    }

    .u-3\/7\@xxl {
        width: 42.8571428571% !important
    }

    .u-4\/7\@xxl {
        width: 57.1428571429% !important
    }

    .u-5\/7\@xxl {
        width: 71.4285714286% !important
    }

    .u-6\/7\@xxl {
        width: 85.7142857143% !important
    }

    .u-7\/7\@xxl {
        width: 100% !important
    }

    .u-1\/8\@xxl {
        width: 12.5% !important
    }

    .u-2\/8\@xxl {
        width: 25% !important
    }

    .u-3\/8\@xxl {
        width: 37.5% !important
    }

    .u-4\/8\@xxl {
        width: 50% !important
    }

    .u-5\/8\@xxl {
        width: 62.5% !important
    }

    .u-6\/8\@xxl {
        width: 75% !important
    }

    .u-7\/8\@xxl {
        width: 87.5% !important
    }

    .u-8\/8\@xxl {
        width: 100% !important
    }

    .u-1\/9\@xxl {
        width: 11.1111111111% !important
    }

    .u-2\/9\@xxl {
        width: 22.2222222222% !important
    }

    .u-3\/9\@xxl {
        width: 33.3333333333% !important
    }

    .u-4\/9\@xxl {
        width: 44.4444444444% !important
    }

    .u-5\/9\@xxl {
        width: 55.5555555556% !important
    }

    .u-6\/9\@xxl {
        width: 66.6666666667% !important
    }

    .u-7\/9\@xxl {
        width: 77.7777777778% !important
    }

    .u-8\/9\@xxl {
        width: 88.8888888889% !important
    }

    .u-9\/9\@xxl {
        width: 100% !important
    }

    .u-1\/10\@xxl {
        width: 10% !important
    }

    .u-2\/10\@xxl {
        width: 20% !important
    }

    .u-3\/10\@xxl {
        width: 30% !important
    }

    .u-4\/10\@xxl {
        width: 40% !important
    }

    .u-5\/10\@xxl {
        width: 50% !important
    }

    .u-6\/10\@xxl {
        width: 60% !important
    }

    .u-7\/10\@xxl {
        width: 70% !important
    }

    .u-8\/10\@xxl {
        width: 80% !important
    }

    .u-9\/10\@xxl {
        width: 90% !important
    }

    .u-10\/10\@xxl {
        width: 100% !important
    }

    .u-1\/11\@xxl {
        width: 9.0909090909% !important
    }

    .u-2\/11\@xxl {
        width: 18.1818181818% !important
    }

    .u-3\/11\@xxl {
        width: 27.2727272727% !important
    }

    .u-4\/11\@xxl {
        width: 36.3636363636% !important
    }

    .u-5\/11\@xxl {
        width: 45.4545454545% !important
    }

    .u-6\/11\@xxl {
        width: 54.5454545455% !important
    }

    .u-7\/11\@xxl {
        width: 63.6363636364% !important
    }

    .u-8\/11\@xxl {
        width: 72.7272727273% !important
    }

    .u-9\/11\@xxl {
        width: 81.8181818182% !important
    }

    .u-10\/11\@xxl {
        width: 90.9090909091% !important
    }

    .u-11\/11\@xxl {
        width: 100% !important
    }

    .u-1\/12\@xxl {
        width: 8.3333333333% !important
    }

    .u-2\/12\@xxl {
        width: 16.6666666667% !important
    }

    .u-3\/12\@xxl {
        width: 25% !important
    }

    .u-4\/12\@xxl {
        width: 33.3333333333% !important
    }

    .u-5\/12\@xxl {
        width: 41.6666666667% !important
    }

    .u-6\/12\@xxl {
        width: 50% !important
    }

    .u-7\/12\@xxl {
        width: 58.3333333333% !important
    }

    .u-8\/12\@xxl {
        width: 66.6666666667% !important
    }

    .u-9\/12\@xxl {
        width: 75% !important
    }

    .u-10\/12\@xxl {
        width: 83.3333333333% !important
    }

    .u-11\/12\@xxl {
        width: 91.6666666667% !important
    }

    .u-12\/12\@xxl {
        width: 100% !important
    }

    .u-width--auto\@xxl {
        width: auto !important
    }
}

.u-flex--none {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.u-flex--11 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1
}

.u-flex--12 {
    -webkit-box-flex: 1;
    -ms-flex: 1 2;
    flex: 1 2
}

.u-flex--13 {
    -webkit-box-flex: 1;
    -ms-flex: 1 3;
    flex: 1 3
}

.u-flex--14 {
    -webkit-box-flex: 1;
    -ms-flex: 1 4;
    flex: 1 4
}

.u-flex--21 {
    -webkit-box-flex: 2;
    -ms-flex: 2 1;
    flex: 2 1
}

.u-flex--31 {
    -webkit-box-flex: 3;
    -ms-flex: 3 1;
    flex: 3 1
}

.u-flex--41 {
    -webkit-box-flex: 4;
    -ms-flex: 4 1;
    flex: 4 1
}

.u-flex--auto {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto
}

.u-flex--initial {
    -webkit-box-flex: initial;
    -ms-flex: initial;
    flex: initial
}

.u-justify-content--stretch {
    -webkit-box-pack: stretch !important;
    -ms-flex-pack: stretch !important;
    justify-content: stretch !important
}

.u-justify-content--between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

.u-justify-content--around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
}

.u-justify-content--end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.u-justify-content--center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.u-justify-content--start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

.u-justify-content--initial {
    -webkit-box-pack: initial !important;
    -ms-flex-pack: initial !important;
    justify-content: initial !important
}

.u-align-items--initial {
    -webkit-box-align: initial;
    -ms-flex-align: initial;
    align-items: initial
}

.u-align-items--center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.u-align-items--end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.u-align-items--start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.u-align-items--stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.u-align-items--baseline {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.u-flex-direction--column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.u-flex-direction--column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.u-flex-direction--row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.u-flex-direction--row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.u-flex-wrap--nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.u-flex-wrap--wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.u-flex-shrink--initial {
    -ms-flex-negative: initial;
    flex-shrink: initial
}

.u-flex-shrink--0 {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.u-flex-shrink--1 {
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.u-flex-shrink--2 {
    -ms-flex-negative: 2;
    flex-shrink: 2
}

@media only screen and (min-width: 600px) {
    .u-flex--none\@xs {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .u-flex--11\@xs {
        -webkit-box-flex: 1;
        -ms-flex: 1 1;
        flex: 1 1
    }

    .u-flex--12\@xs {
        -webkit-box-flex: 1;
        -ms-flex: 1 2;
        flex: 1 2
    }

    .u-flex--13\@xs {
        -webkit-box-flex: 1;
        -ms-flex: 1 3;
        flex: 1 3
    }

    .u-flex--14\@xs {
        -webkit-box-flex: 1;
        -ms-flex: 1 4;
        flex: 1 4
    }

    .u-flex--21\@xs {
        -webkit-box-flex: 2;
        -ms-flex: 2 1;
        flex: 2 1
    }

    .u-flex--31\@xs {
        -webkit-box-flex: 3;
        -ms-flex: 3 1;
        flex: 3 1
    }

    .u-flex--41\@xs {
        -webkit-box-flex: 4;
        -ms-flex: 4 1;
        flex: 4 1
    }

    .u-flex--auto\@xs {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto
    }

    .u-flex--initial\@xs {
        -webkit-box-flex: initial;
        -ms-flex: initial;
        flex: initial
    }

    .u-justify-content--stretch\@xs {
        -webkit-box-pack: stretch !important;
        -ms-flex-pack: stretch !important;
        justify-content: stretch !important
    }

    .u-justify-content--between\@xs {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .u-justify-content--around\@xs {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .u-justify-content--end\@xs {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .u-justify-content--center\@xs {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .u-justify-content--start\@xs {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .u-justify-content--initial\@xs {
        -webkit-box-pack: initial !important;
        -ms-flex-pack: initial !important;
        justify-content: initial !important
    }

    .u-align-items--initial\@xs {
        -webkit-box-align: initial;
        -ms-flex-align: initial;
        align-items: initial
    }

    .u-align-items--center\@xs {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .u-align-items--end\@xs {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .u-align-items--start\@xs {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .u-align-items--stretch\@xs {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .u-align-items--baseline\@xs {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline
    }

    .u-flex-direction--column-reverse\@xs {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .u-flex-direction--column\@xs {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .u-flex-direction--row-reverse\@xs {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .u-flex-direction--row\@xs {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .u-flex-wrap--nowrap\@xs {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .u-flex-wrap--wrap\@xs {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media only screen and (min-width: 768px) {
    .u-flex--none\@sm {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .u-flex--11\@sm {
        -webkit-box-flex: 1;
        -ms-flex: 1 1;
        flex: 1 1
    }

    .u-flex--12\@sm {
        -webkit-box-flex: 1;
        -ms-flex: 1 2;
        flex: 1 2
    }

    .u-flex--13\@sm {
        -webkit-box-flex: 1;
        -ms-flex: 1 3;
        flex: 1 3
    }

    .u-flex--14\@sm {
        -webkit-box-flex: 1;
        -ms-flex: 1 4;
        flex: 1 4
    }

    .u-flex--21\@sm {
        -webkit-box-flex: 2;
        -ms-flex: 2 1;
        flex: 2 1
    }

    .u-flex--31\@sm {
        -webkit-box-flex: 3;
        -ms-flex: 3 1;
        flex: 3 1
    }

    .u-flex--41\@sm {
        -webkit-box-flex: 4;
        -ms-flex: 4 1;
        flex: 4 1
    }

    .u-flex--auto\@sm {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto
    }

    .u-flex--initial\@sm {
        -webkit-box-flex: initial;
        -ms-flex: initial;
        flex: initial
    }

    .u-justify-content--stretch\@sm {
        -webkit-box-pack: stretch !important;
        -ms-flex-pack: stretch !important;
        justify-content: stretch !important
    }

    .u-justify-content--between\@sm {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .u-justify-content--around\@sm {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .u-justify-content--end\@sm {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .u-justify-content--center\@sm {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .u-justify-content--start\@sm {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .u-justify-content--initial\@sm {
        -webkit-box-pack: initial !important;
        -ms-flex-pack: initial !important;
        justify-content: initial !important
    }

    .u-align-items--initial\@sm {
        -webkit-box-align: initial;
        -ms-flex-align: initial;
        align-items: initial
    }

    .u-align-items--center\@sm {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .u-align-items--end\@sm {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .u-align-items--start\@sm {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .u-align-items--stretch\@sm {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .u-align-items--baseline\@sm {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline
    }

    .u-flex-direction--column-reverse\@sm {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .u-flex-direction--column\@sm {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .u-flex-direction--row-reverse\@sm {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .u-flex-direction--row\@sm {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .u-flex-wrap--nowrap\@sm {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .u-flex-wrap--wrap\@sm {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media only screen and (min-width: 992px) {
    .u-flex--none\@md {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .u-flex--11\@md {
        -webkit-box-flex: 1;
        -ms-flex: 1 1;
        flex: 1 1
    }

    .u-flex--12\@md {
        -webkit-box-flex: 1;
        -ms-flex: 1 2;
        flex: 1 2
    }

    .u-flex--13\@md {
        -webkit-box-flex: 1;
        -ms-flex: 1 3;
        flex: 1 3
    }

    .u-flex--14\@md {
        -webkit-box-flex: 1;
        -ms-flex: 1 4;
        flex: 1 4
    }

    .u-flex--21\@md {
        -webkit-box-flex: 2;
        -ms-flex: 2 1;
        flex: 2 1
    }

    .u-flex--31\@md {
        -webkit-box-flex: 3;
        -ms-flex: 3 1;
        flex: 3 1
    }

    .u-flex--41\@md {
        -webkit-box-flex: 4;
        -ms-flex: 4 1;
        flex: 4 1
    }

    .u-flex--auto\@md {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto
    }

    .u-flex--initial\@md {
        -webkit-box-flex: initial;
        -ms-flex: initial;
        flex: initial
    }

    .u-justify-content--stretch\@md {
        -webkit-box-pack: stretch !important;
        -ms-flex-pack: stretch !important;
        justify-content: stretch !important
    }

    .u-justify-content--between\@md {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .u-justify-content--around\@md {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .u-justify-content--end\@md {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .u-justify-content--center\@md {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .u-justify-content--start\@md {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .u-justify-content--initial\@md {
        -webkit-box-pack: initial !important;
        -ms-flex-pack: initial !important;
        justify-content: initial !important
    }

    .u-align-items--initial\@md {
        -webkit-box-align: initial;
        -ms-flex-align: initial;
        align-items: initial
    }

    .u-align-items--center\@md {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .u-align-items--end\@md {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .u-align-items--start\@md {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .u-align-items--stretch\@md {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .u-align-items--baseline\@md {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline
    }

    .u-flex-direction--column-reverse\@md {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .u-flex-direction--column\@md {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .u-flex-direction--row-reverse\@md {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .u-flex-direction--row\@md {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .u-flex-wrap--nowrap\@md {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .u-flex-wrap--wrap\@md {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media only screen and (min-width: 1200px) {
    .u-flex--none\@lg {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .u-flex--11\@lg {
        -webkit-box-flex: 1;
        -ms-flex: 1 1;
        flex: 1 1
    }

    .u-flex--12\@lg {
        -webkit-box-flex: 1;
        -ms-flex: 1 2;
        flex: 1 2
    }

    .u-flex--13\@lg {
        -webkit-box-flex: 1;
        -ms-flex: 1 3;
        flex: 1 3
    }

    .u-flex--14\@lg {
        -webkit-box-flex: 1;
        -ms-flex: 1 4;
        flex: 1 4
    }

    .u-flex--21\@lg {
        -webkit-box-flex: 2;
        -ms-flex: 2 1;
        flex: 2 1
    }

    .u-flex--31\@lg {
        -webkit-box-flex: 3;
        -ms-flex: 3 1;
        flex: 3 1
    }

    .u-flex--41\@lg {
        -webkit-box-flex: 4;
        -ms-flex: 4 1;
        flex: 4 1
    }

    .u-flex--auto\@lg {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto
    }

    .u-flex--initial\@lg {
        -webkit-box-flex: initial;
        -ms-flex: initial;
        flex: initial
    }

    .u-justify-content--stretch\@lg {
        -webkit-box-pack: stretch !important;
        -ms-flex-pack: stretch !important;
        justify-content: stretch !important
    }

    .u-justify-content--between\@lg {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .u-justify-content--around\@lg {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .u-justify-content--end\@lg {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .u-justify-content--center\@lg {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .u-justify-content--start\@lg {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .u-justify-content--initial\@lg {
        -webkit-box-pack: initial !important;
        -ms-flex-pack: initial !important;
        justify-content: initial !important
    }

    .u-align-items--initial\@lg {
        -webkit-box-align: initial;
        -ms-flex-align: initial;
        align-items: initial
    }

    .u-align-items--center\@lg {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .u-align-items--end\@lg {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .u-align-items--start\@lg {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .u-align-items--stretch\@lg {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .u-align-items--baseline\@lg {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline
    }

    .u-flex-direction--column-reverse\@lg {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .u-flex-direction--column\@lg {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .u-flex-direction--row-reverse\@lg {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .u-flex-direction--row\@lg {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .u-flex-wrap--nowrap\@lg {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .u-flex-wrap--wrap\@lg {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media only screen and (min-width: 1500px) {
    .u-flex--none\@xl {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .u-flex--11\@xl {
        -webkit-box-flex: 1;
        -ms-flex: 1 1;
        flex: 1 1
    }

    .u-flex--12\@xl {
        -webkit-box-flex: 1;
        -ms-flex: 1 2;
        flex: 1 2
    }

    .u-flex--13\@xl {
        -webkit-box-flex: 1;
        -ms-flex: 1 3;
        flex: 1 3
    }

    .u-flex--14\@xl {
        -webkit-box-flex: 1;
        -ms-flex: 1 4;
        flex: 1 4
    }

    .u-flex--21\@xl {
        -webkit-box-flex: 2;
        -ms-flex: 2 1;
        flex: 2 1
    }

    .u-flex--31\@xl {
        -webkit-box-flex: 3;
        -ms-flex: 3 1;
        flex: 3 1
    }

    .u-flex--41\@xl {
        -webkit-box-flex: 4;
        -ms-flex: 4 1;
        flex: 4 1
    }

    .u-flex--auto\@xl {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto
    }

    .u-flex--initial\@xl {
        -webkit-box-flex: initial;
        -ms-flex: initial;
        flex: initial
    }

    .u-justify-content--stretch\@xl {
        -webkit-box-pack: stretch !important;
        -ms-flex-pack: stretch !important;
        justify-content: stretch !important
    }

    .u-justify-content--between\@xl {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .u-justify-content--around\@xl {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .u-justify-content--end\@xl {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .u-justify-content--center\@xl {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .u-justify-content--start\@xl {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .u-justify-content--initial\@xl {
        -webkit-box-pack: initial !important;
        -ms-flex-pack: initial !important;
        justify-content: initial !important
    }

    .u-align-items--initial\@xl {
        -webkit-box-align: initial;
        -ms-flex-align: initial;
        align-items: initial
    }

    .u-align-items--center\@xl {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .u-align-items--end\@xl {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .u-align-items--start\@xl {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .u-align-items--stretch\@xl {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .u-align-items--baseline\@xl {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline
    }

    .u-flex-direction--column-reverse\@xl {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .u-flex-direction--column\@xl {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .u-flex-direction--row-reverse\@xl {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .u-flex-direction--row\@xl {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .u-flex-wrap--nowrap\@xl {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .u-flex-wrap--wrap\@xl {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media only screen and (min-width: 1800px) {
    .u-flex--none\@xxl {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .u-flex--11\@xxl {
        -webkit-box-flex: 1;
        -ms-flex: 1 1;
        flex: 1 1
    }

    .u-flex--12\@xxl {
        -webkit-box-flex: 1;
        -ms-flex: 1 2;
        flex: 1 2
    }

    .u-flex--13\@xxl {
        -webkit-box-flex: 1;
        -ms-flex: 1 3;
        flex: 1 3
    }

    .u-flex--14\@xxl {
        -webkit-box-flex: 1;
        -ms-flex: 1 4;
        flex: 1 4
    }

    .u-flex--21\@xxl {
        -webkit-box-flex: 2;
        -ms-flex: 2 1;
        flex: 2 1
    }

    .u-flex--31\@xxl {
        -webkit-box-flex: 3;
        -ms-flex: 3 1;
        flex: 3 1
    }

    .u-flex--41\@xxl {
        -webkit-box-flex: 4;
        -ms-flex: 4 1;
        flex: 4 1
    }

    .u-flex--auto\@xxl {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto
    }

    .u-flex--initial\@xxl {
        -webkit-box-flex: initial;
        -ms-flex: initial;
        flex: initial
    }

    .u-justify-content--stretch\@xxl {
        -webkit-box-pack: stretch !important;
        -ms-flex-pack: stretch !important;
        justify-content: stretch !important
    }

    .u-justify-content--between\@xxl {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .u-justify-content--around\@xxl {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .u-justify-content--end\@xxl {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .u-justify-content--center\@xxl {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .u-justify-content--start\@xxl {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .u-justify-content--initial\@xxl {
        -webkit-box-pack: initial !important;
        -ms-flex-pack: initial !important;
        justify-content: initial !important
    }

    .u-align-items--initial\@xxl {
        -webkit-box-align: initial;
        -ms-flex-align: initial;
        align-items: initial
    }

    .u-align-items--center\@xxl {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .u-align-items--end\@xxl {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .u-align-items--start\@xxl {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .u-align-items--stretch\@xxl {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .u-align-items--baseline\@xxl {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline
    }

    .u-flex-direction--column-reverse\@xxl {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .u-flex-direction--column\@xxl {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .u-flex-direction--row-reverse\@xxl {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .u-flex-direction--row\@xxl {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .u-flex-wrap--nowrap\@xxl {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .u-flex-wrap--wrap\@xxl {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.u-position--static {
    position: static
}

.u-position--relative {
    position: relative
}

@media only screen and (min-width: 768px) {
    .u-position--relative\@sm {
        position: relative
    }
}

@media only screen and (min-width: 1200px) {
    .u-position--relative\@lg {
        position: relative
    }
}

.u-position--absolute {
    position: absolute
}

@media only screen and (min-width: 600px) {
    .u-position--absolute\@xs {
        position: absolute
    }
}

@media only screen and (min-width: 768px) {
    .u-position--absolute\@sm {
        position: absolute
    }
}

@media only screen and (min-width: 992px) {
    .u-position--absolute\@md {
        position: absolute
    }
}

@media only screen and (min-width: 1200px) {
    .u-position--absolute\@lg {
        position: absolute
    }
}

.u-position--sticky {
    position: absolute
}

.u-line-height--inherit {
    line-height: inherit !important
}

.u-line-height--0 {
    line-height: 0 !important
}

.u-line-height--85 {
    line-height: .85 !important
}

.u-line-height--1 {
    line-height: 1 !important
}

.u-line-height--11 {
    line-height: 1.1 !important
}

.u-line-height--125 {
    line-height: 1.25 !important
}

.u-line-height--15 {
    line-height: 1.5 !important
}

.u-line-height--175 {
    line-height: 1.75 !important
}

.u-line-height--2 {
    line-height: 2 !important
}

.u-list-pointer,
.u-list-pointer>ul {
    list-style: disc outside
}

.u-list-pointer--justify li {
    margin-left: 1.2em
}

.u-list-pointer--inside,
.u-list-pointer--inside>ul,
.u-list-allow.u-list-pointer--inside>ul {
    list-style-position: inside
}

.u-list-allow ol,
.u-list-allow ul {
    padding-left: 15px
}

.u-list-allow ol {
    list-style: decimal inside none
}

.u-list-allow ul {
    list-style: disc outside none
}

.u-list-allow--padding-none ol,
.u-list-allow--padding-none ul {
    padding-left: 0
}

.u-list-allow--space-between li,
.u-list-allow--space-between p {
    padding-bottom: 10px
}

.u-list-allow--space-between li:last-child,
.u-list-allow--space-between p:last-child {
    padding-bottom: 0
}

.u-after-overlaying {
    position: relative
}

.u-after-overlaying::after {
    content: " ";
    z-index: 0;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.u-after-overlaying--absolute {
    position: absolute !important
}

.u-after-overlaying--soft {
    position: relative
}

.u-after-overlaying--soft::after {
    content: " ";
    z-index: 0;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.u-after-overlaying--soft--hover {
    position: relative
}

.u-after-overlaying--soft--hover::after {
    content: " ";
    z-index: 0;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.u-after-overlaying--soft-absolute {
    position: absolute
}

.u-after-overlaying--soft-absolute::after {
    content: " ";
    z-index: 0;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.u-box-shadow {
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15)
}

.u-box-shadow--none {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.u-box-shadow--soft {
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .07);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .07)
}

@media only screen and (min-width: 992px) {
    .u-box-shadow--soft\@md {
        -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .07);
        box-shadow: 0 0 15px 0 rgba(0, 0, 0, .07)
    }
}

.u-box-shadow--extended {
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .2)
}

.u-box-shadow--subtle {
    -webkit-box-shadow: -4px 25px 34px -38px rgba(0, 0, 0, .3);
    box-shadow: -4px 25px 34px -38px rgba(0, 0, 0, .3)
}

.u-box-shadow--inset-bottom {
    -webkit-box-shadow: inset 0 -10px 10px -10px rgba(0, 0, 0, .08);
    box-shadow: inset 0 -10px 10px -10px rgba(0, 0, 0, .08)
}

.u-box-shadow--inset-top {
    -webkit-box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, .08);
    box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, .08)
}

.u-text-shadow {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .5)
}

.u-text-shadow--none {
    text-shadow: none !important
}

.u-text-shadow--soft {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2)
}

.u-text-shadow--extended {
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .5)
}

.u-text-transform--none {
    text-transform: none !important
}

.u-text-transform--uppercase {
    text-transform: uppercase
}

.u-text-transform--lowercase {
    text-transform: lowercase
}

.u-text-transform--capitalize {
    text-transform: capitalize
}

.u-text-transform--capitalize--first-letter:first-letter {
    text-transform: capitalize
}

.u-text-decoration--underline {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

@media only screen and (max-width: -1px) {
    .u-text-decoration--underline\@max-xx {
        -webkit-text-decoration: underline;
        text-decoration: underline
    }
}

@media only screen and (max-width: 599px) {
    .u-text-decoration--underline\@max-xs {
        -webkit-text-decoration: underline;
        text-decoration: underline
    }
}

@media only screen and (max-width: 767px) {
    .u-text-decoration--underline\@max-sm {
        -webkit-text-decoration: underline;
        text-decoration: underline
    }
}

@media only screen and (max-width: 991px) {
    .u-text-decoration--underline\@max-md {
        -webkit-text-decoration: underline;
        text-decoration: underline
    }
}

@media only screen and (max-width: 1199px) {
    .u-text-decoration--underline\@max-lg {
        -webkit-text-decoration: underline;
        text-decoration: underline
    }
}

@media only screen and (max-width: 1499px) {
    .u-text-decoration--underline\@max-xl {
        -webkit-text-decoration: underline;
        text-decoration: underline
    }
}

@media only screen and (max-width: 1799px) {
    .u-text-decoration--underline\@max-xxl {
        -webkit-text-decoration: underline;
        text-decoration: underline
    }
}

.u-text-decoration--none {
    -webkit-text-decoration: none !important;
    text-decoration: none !important
}

.u-text-decoration--line-through {
    -webkit-text-decoration: line-through;
    text-decoration: line-through
}

.u-order--1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.u-order--2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.u-order--3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.u-order--4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

@media only screen and (min-width: 600px) {
    .u-order--1\@xs {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .u-order--2\@xs {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .u-order--3\@xs {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .u-order--4\@xs {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }
}

@media only screen and (min-width: 768px) {
    .u-order--1\@sm {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .u-order--2\@sm {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .u-order--3\@sm {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .u-order--4\@sm {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }
}

@media only screen and (min-width: 992px) {
    .u-order--1\@md {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .u-order--2\@md {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .u-order--3\@md {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .u-order--4\@md {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }
}

@media only screen and (min-width: 1200px) {
    .u-order--1\@lg {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .u-order--2\@lg {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .u-order--3\@lg {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .u-order--4\@lg {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }
}

@media only screen and (min-width: 1500px) {
    .u-order--1\@xl {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .u-order--2\@xl {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .u-order--3\@xl {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .u-order--4\@xl {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }
}

@media only screen and (min-width: 1800px) {
    .u-order--1\@xxl {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .u-order--2\@xxl {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .u-order--3\@xxl {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .u-order--4\@xxl {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }
}

.u-pointer-events--auto {
    pointer-events: auto !important
}

.u-pointer-events--all {
    pointer-events: all !important
}

.u-pointer-events--none {
    pointer-events: none !important
}

@media only screen and (min-width: 600px) {
    .u-pointer-events--none\@xs {
        pointer-events: none !important
    }
}

@media only screen and (min-width: 768px) {
    .u-pointer-events--none\@sm {
        pointer-events: none !important
    }
}

.u-height--full {
    height: 100%
}

@media only screen and (min-width: 768px) {
    .u-height--full\@sm {
        height: 100%
    }
}

@media only screen and (min-width: 1200px) {
    .u-height--full\@lg {
        height: 100%
    }
}

.u-height--100 {
    height: 100px
}

.u-height--150 {
    height: 150px
}

.u-height--300 {
    height: 300px
}

.u-height--0 {
    height: 0
}

.u-height--initial {
    height: auto;
    height: initial
}

@media only screen and (min-width: 768px) {
    .u-height--initial\@sm {
        height: auto;
        height: initial
    }
}

@media only screen and (min-width: 992px) {
    .u-height--initial\@md {
        height: auto;
        height: initial
    }
}

.u-height--auto {
    height: auto !important
}

@media only screen and (min-width: 768px) {
    .u-height--auto\@sm {
        height: auto !important
    }
}

.u-min-height--auto {
    min-height: auto
}

.u-min-height--25 {
    min-height: 25px
}

.u-min-height--30 {
    min-height: 30px
}

.u-min-height--50 {
    min-height: 50px
}

.u-min-height--60 {
    min-height: 60px
}

.u-min-height--80 {
    min-height: 80px
}

.u-min-height--100 {
    min-height: 100px
}

.u-min-height--150 {
    min-height: 150px
}

.u-min-height--250 {
    min-height: 250px
}

.u-min-height--300 {
    min-height: 300px
}

.u-min-height--350 {
    min-height: 350px
}

.u-min-height--full {
    min-height: 100%
}

.u-min-width--auto {
    min-width: auto !important
}

.u-min-width--0 {
    min-width: 0
}

.u-min-width--25 {
    min-width: 25px
}

.u-min-width--50 {
    min-width: 50px
}

.u-min-width--100 {
    min-width: 100px
}

.u-min-width--150 {
    min-width: 150px
}

.u-min-width--full {
    min-width: 100%
}

.u-min-width--3\/12 {
    min-width: 25%
}

.u-min-width--4\/12 {
    min-width: 33.33%
}

.u-min-width--6\/12 {
    min-width: 50%
}

@media only screen and (max-width: -1px) {
    .u-min-width--auto\@max-xx {
        min-width: auto !important
    }
}

@media only screen and (min-width: 0) {
    .u-min-width--auto\@min-xx {
        min-width: auto !important
    }
}

@media only screen and (max-width: 599px) {
    .u-min-width--auto\@max-xs {
        min-width: auto !important
    }
}

@media only screen and (min-width: 600px) {
    .u-min-width--auto\@min-xs {
        min-width: auto !important
    }
}

@media only screen and (max-width: 767px) {
    .u-min-width--auto\@max-sm {
        min-width: auto !important
    }
}

@media only screen and (min-width: 768px) {
    .u-min-width--auto\@min-sm {
        min-width: auto !important
    }
}

@media only screen and (max-width: 991px) {
    .u-min-width--auto\@max-md {
        min-width: auto !important
    }
}

@media only screen and (min-width: 992px) {
    .u-min-width--auto\@min-md {
        min-width: auto !important
    }
}

@media only screen and (max-width: 1199px) {
    .u-min-width--auto\@max-lg {
        min-width: auto !important
    }
}

@media only screen and (min-width: 1200px) {
    .u-min-width--auto\@min-lg {
        min-width: auto !important
    }
}

@media only screen and (max-width: 1499px) {
    .u-min-width--auto\@max-xl {
        min-width: auto !important
    }
}

@media only screen and (min-width: 1500px) {
    .u-min-width--auto\@min-xl {
        min-width: auto !important
    }
}

@media only screen and (max-width: 1799px) {
    .u-min-width--auto\@max-xxl {
        min-width: auto !important
    }
}

@media only screen and (min-width: 1800px) {
    .u-min-width--auto\@min-xxl {
        min-width: auto !important
    }
}

.u-max-width--none {
    max-width: none !important
}

.u-max-width--full {
    max-width: 100% !important
}

.u-max-height--none {
    max-height: none !important
}

.u-max-height--50 {
    max-height: 50px !important
}

.u-max-height--100 {
    max-height: 100px !important
}

.u-max-height--full {
    max-height: 100% !important
}

.u-zindex---1 {
    z-index: -1 !important
}

.u-zindex--0 {
    z-index: 0 !important
}

.u-zindex--1 {
    z-index: 1 !important
}

.u-zindex--2 {
    z-index: 2 !important
}

.u-zindex--4 {
    z-index: 4 !important
}

.u-zindex--8 {
    z-index: 8 !important
}

.u-zindex--16 {
    z-index: 16 !important
}

.u-zindex--32 {
    z-index: 32 !important
}

.u-zindex--128 {
    z-index: 128 !important
}

.u-zindex--256 {
    z-index: 256 !important
}

.u-zindex--1050 {
    z-index: 1050 !important
}

.u-zindex--1051 {
    z-index: 1051 !important
}

.u-zindex--1054 {
    z-index: 1054 !important
}

.u-zindex--9999 {
    z-index: 9999 !important
}

.u-gap--none {
    gap: 0
}

.u-gap--tiny {
    gap: 5px
}

.u-gap--small {
    gap: 10px
}

.u-gap--middle {
    gap: 15px
}

.u-gap--default {
    gap: 20px
}

.u-gap--big {
    gap: 30px
}

.u-gap--bigger {
    gap: 40px
}

.u-gap--huge {
    gap: 60px
}

.u-gap--giant {
    gap: 80px
}

@media only screen and (min-width: 600px) {
    .u-gap--none\@xs {
        gap: 0
    }

    .u-gap--tiny\@xs {
        gap: 5px
    }

    .u-gap--small\@xs {
        gap: 10px
    }

    .u-gap--middle\@xs {
        gap: 15px
    }

    .u-gap--default\@xs {
        gap: 20px
    }

    .u-gap--big\@xs {
        gap: 30px
    }

    .u-gap--bigger\@xs {
        gap: 40px
    }

    .u-gap--huge\@xs {
        gap: 60px
    }

    .u-gap--giant\@xs {
        gap: 80px
    }
}

@media only screen and (min-width: 768px) {
    .u-gap--none\@sm {
        gap: 0
    }

    .u-gap--tiny\@sm {
        gap: 5px
    }

    .u-gap--small\@sm {
        gap: 10px
    }

    .u-gap--middle\@sm {
        gap: 15px
    }

    .u-gap--default\@sm {
        gap: 20px
    }

    .u-gap--big\@sm {
        gap: 30px
    }

    .u-gap--bigger\@sm {
        gap: 40px
    }

    .u-gap--huge\@sm {
        gap: 60px
    }

    .u-gap--giant\@sm {
        gap: 80px
    }
}

@media only screen and (min-width: 992px) {
    .u-gap--none\@md {
        gap: 0
    }

    .u-gap--tiny\@md {
        gap: 5px
    }

    .u-gap--small\@md {
        gap: 10px
    }

    .u-gap--middle\@md {
        gap: 15px
    }

    .u-gap--default\@md {
        gap: 20px
    }

    .u-gap--big\@md {
        gap: 30px
    }

    .u-gap--bigger\@md {
        gap: 40px
    }

    .u-gap--huge\@md {
        gap: 60px
    }

    .u-gap--giant\@md {
        gap: 80px
    }
}

@media only screen and (min-width: 1200px) {
    .u-gap--none\@lg {
        gap: 0
    }

    .u-gap--tiny\@lg {
        gap: 5px
    }

    .u-gap--small\@lg {
        gap: 10px
    }

    .u-gap--middle\@lg {
        gap: 15px
    }

    .u-gap--default\@lg {
        gap: 20px
    }

    .u-gap--big\@lg {
        gap: 30px
    }

    .u-gap--bigger\@lg {
        gap: 40px
    }

    .u-gap--huge\@lg {
        gap: 60px
    }

    .u-gap--giant\@lg {
        gap: 80px
    }
}

@media only screen and (min-width: 1500px) {
    .u-gap--none\@xl {
        gap: 0
    }

    .u-gap--tiny\@xl {
        gap: 5px
    }

    .u-gap--small\@xl {
        gap: 10px
    }

    .u-gap--middle\@xl {
        gap: 15px
    }

    .u-gap--default\@xl {
        gap: 20px
    }

    .u-gap--big\@xl {
        gap: 30px
    }

    .u-gap--bigger\@xl {
        gap: 40px
    }

    .u-gap--huge\@xl {
        gap: 60px
    }

    .u-gap--giant\@xl {
        gap: 80px
    }
}

@media only screen and (min-width: 1800px) {
    .u-gap--none\@xxl {
        gap: 0
    }

    .u-gap--tiny\@xxl {
        gap: 5px
    }

    .u-gap--small\@xxl {
        gap: 10px
    }

    .u-gap--middle\@xxl {
        gap: 15px
    }

    .u-gap--default\@xxl {
        gap: 20px
    }

    .u-gap--big\@xxl {
        gap: 30px
    }

    .u-gap--bigger\@xxl {
        gap: 40px
    }

    .u-gap--huge\@xxl {
        gap: 60px
    }

    .u-gap--giant\@xxl {
        gap: 80px
    }
}

.u-opacity {
    opacity: 1
}

.u-opacity--0 {
    opacity: 0
}

.u-opacity--1 {
    opacity: .1
}

.u-opacity--3 {
    opacity: .3
}

.u-opacity--5 {
    opacity: .5
}

.u-opacity--6 {
    opacity: .6
}

.u-opacity--8 {
    opacity: .8
}

.u-opacity--100 {
    opacity: 1
}

.u-opacity--100--hover:hover,
.u-opacity--100--hover:active,
.u-opacity--100--hover:focus:active {
    opacity: 1
}

.u-opacity--100 .ui-state-disabled {
    opacity: 1
}

@media only screen and (min-width: 768px) {
    .u-opacity--5\@sm {
        opacity: .5
    }
}

.u-allow-link a {
    color: #23527c;
    -webkit-text-decoration: underline;
    text-decoration: underline;
    line-break: anywhere
}

.u-overflow--visible {
    overflow: visible
}

.u-overflow--auto {
    overflow: auto
}

.u-overflow--hidden {
    overflow: hidden
}

@media only screen and (min-width: 992px) {
    .u-overflow--hidden\@md {
        overflow: hidden
    }
}

.u-overflow-x--hidden {
    overflow-x: hidden
}

.u-overflow-x--auto {
    overflow-x: auto
}

.u-overflow-x--scroll {
    overflow-x: scroll
}

.u-overflow-y--hidden {
    overflow-y: hidden
}

.u-overflow-y--scroll {
    overflow-y: scroll
}

.u-overflow-y--auto {
    overflow-y: auto
}

.u-overflow-y--visible {
    overflow-y: visible !important
}

@media only screen and (min-width: 768px) {
    .u-overflow-y--auto\@sm {
        overflow-y: auto
    }

    .u-overflow-y--visible\@sm {
        overflow-y: visible !important
    }
}

@media only screen and (min-width: 1200px)and (min-width: 1200px) {
    .u-overflow-y--scroll\@lg {
        overflow-y: scroll
    }
}

.u-transform-scale {
    -webkit-transform: scale(0.52);
    -ms-transform: scale(0.52);
    transform: scale(0.52);
    -webkit-transform-origin: -10% 0;
    -ms-transform-origin: -10% 0;
    transform-origin: -10% 0
}

@media only screen and (min-width: 768px) {
    .u-transform-scale {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
        transform-origin: 50% 0
    }
}

.u-transform-scale--small {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.u-line-break--normal {
    line-break: normal
}

.u-line-break--anywhere {
    line-break: anywhere
}

.u-vertical-align--top {
    vertical-align: top
}

.u-vertical-align--middle {
    vertical-align: middle
}

.u-vertical-align--bottom {
    vertical-align: bottom
}

.u-vertical-align--text-bottom {
    vertical-align: text-bottom
}

.u-vertical-align--sub {
    vertical-align: sub
}

.u-white-space--nowrap {
    white-space: nowrap
}

@media only screen and (min-width: 992px) {
    .u-white-space--nowrap\@md {
        white-space: nowrap !important
    }
}

.u-white-space--prewrap {
    white-space: pre-wrap
}

.u-white-space--preline {
    white-space: pre-line
}

.u-white-space--initial {
    white-space: normal !important;
    white-space: initial !important
}

@media only screen and (min-width: 600px) {
    .u-white-space--initial\@xs {
        white-space: normal;
        white-space: initial
    }
}

.u-hide-empty:empty {
    display: none;
    content: " ";
    z-index: 0 !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    top: -9999px !important;
    left: -9999px !important;
    position: fixed !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
    opacity: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    pointer-events: none !important
}

.u-letter-spacing--1 {
    letter-spacing: 1px
}

.u-letter-spacing--2 {
    letter-spacing: 2px
}

.u-letter-spacing--5 {
    letter-spacing: 5px
}

.u-letter-spacing--10 {
    letter-spacing: 10px
}

.u-word-wrap--break {
    word-wrap: break-word !important
}

.u-clean-scrollbar {
    scrollbar-color: #a2a2a2 #e3e3e3 !important;
    scrollbar-width: thin !important
}

.u-clean-scrollbar::-webkit-scrollbar {
    width: 5px
}

.u-clean-scrollbar::-webkit-scrollbar-track {
    background: #e3e3e3
}

.u-clean-scrollbar::-webkit-scrollbar-thumb {
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    height: 100px;
    max-height: 100px;
    background: #a2a2a2;
    width: 3px
}

.u-clean-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #a2a2a2
}

.u-clean-text p:empty {
    display: none
}

.u-clean-text p>br {
    display: none
}

.u-clean-text--remove-margins p {
    margin-bottom: 0
}

.u-disabled-background {
    background-color: #f7f7f7;
    background-image: linear-gradient(45deg, white 25%, transparent 25%, transparent 50%, white 50%, white 75%, transparent 75%, transparent);
    background-size: 40px 40px
}

.u-image-background--repeat {
    background-repeat: round
}

.u-image-background--contain {
    background-size: contain !important;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.u-image-background--cover {
    background-size: cover !important;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.u-image-background--full {
    width: 100%;
    height: 100%
}

.u-image-object--cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
    -o-object-position: 50% 50%;
    object-position: 50% 50%
}

.u-image-object--contain {
    -o-object-fit: contain !important;
    object-fit: contain !important
}

.u-image-object--contain--top {
    -o-object-position: top;
    object-position: top
}

.u-image-object--contain--bottom {
    -o-object-position: bottom;
    object-position: bottom
}

.u-image-object--full {
    width: 100%;
    height: 100%
}

.u-transition {
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.u-transition--slower {
    -webkit-transition: .4s all ease 0s;
    transition: .4s all ease 0s
}

.u-transition--slowest {
    -webkit-transition: .8s all ease 0s;
    transition: .8s all ease 0s
}

.u-backface-visibility--hidden {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.u-format-text {
    font-size: 16px
}

.u-format-text h1,
.u-format-text h2,
.u-format-text h3,
.u-format-text h4,
.u-format-text h5,
.u-format-text h6 {
    font-weight: 700;
    line-height: 1.1;
    margin: 15px 0
}

.u-format-text h1 {
    font-size: 24px
}

.u-format-text h2 {
    font-size: 20px
}

.u-format-text h3 {
    font-size: 16px
}

.u-format-text h4 {
    font-size: 14px
}

.u-format-text p,
.u-format-text span,
.u-format-text b,
.u-format-text strong {
    line-height: 1.4
}

.u-format-text b,
.u-format-text strong {
    font-weight: 700;
    opacity: .8
}

.u-format-text img {
    max-width: 100%;
    border-radius: 10px;
    margin: 0 0 10px
}

.u-format-text ul {
    list-style: disc inside;
    margin: 0 0 15px
}

.u-format-text ul li {
    padding-bottom: 10px
}

.u-format-text ol {
    list-style: decimal inside;
    margin: 0 0 15px
}

.u-format-text ol li {
    padding-bottom: 10px
}

:root {
    --ms-name: "vacancyrewards";
    --s-color-brand-primary: #0472AA;
    --s-color-brand-dark: #00527C
}

/*# sourceMappingURL=styles_vacancyrewards.css.map */