:root {
    --thm-font: 'Barlow Condensed', sans-serif;
    --heading-font: 'Barlow Condensed', cursive;
    --thm-base: #ffa801;
    --thm-base-rgb: 255, 168, 1;
    --thm-primary: #40b9eb;
    --thm-primary-rgb: 64, 185, 235;
    --thm-secondary: #ff0143;
    --thm-secondary-rgb: 255, 1, 67;
    --thm-black: #082740;
    --thm-black-rgb: 8, 39, 64;
    --thm-gray: #eceeef;
}

body {
    font-family: var(--thm-font);
    color: #7c859b;
    font-size: 18px;
    line-height: 34px;
    font-weight: 500;
}

a:active, a:hover, a:focus, a:visited {
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--heading-font);
}

.page-wrapper {
    position: relative;
    margin: 0 auto;
    width: 100%;
    min-width: 300px;
}

.block-title {
    margin-bottom: 60px;
}

.block-title p {
    margin: 0;
    text-transform: uppercase;
    color: var(--thm-base);
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .2em;
    line-height: 1em;
}

.block-title h3 {
    margin: 0;
    color: var(--thm-black);
    font-size: 60px;
    font-weight: 600;
    font-family: var(--thm-font);
    line-height: 1em;
}

.block-title p + h3 {
    margin-top: 15px;
}

.bootstrap-select .btn-light:not(:disabled):not(.disabled).active, .bootstrap-select .btn-light:not(:disabled):not(.disabled):active, .bootstrap-select .show > .btn-light.dropdown-toggle {
    background-color: transparent !important;
    box-shadow: none !important;
    outline: none !important;
}

.bootstrap-select > .dropdown-toggle {
    box-shadow: none !important;
}

.bootstrap-select .dropdown-toggle:focus, .bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
    outline: none !important;
}

.bootstrap-select .dropdown-menu {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    z-index: 991;
    border-radius: 0;
}

.bootstrap-select .dropdown-menu > li + li > a {
    border-top: 1px solid var(--thm-gray);
}

.bootstrap-select .dropdown-menu > li.selected > a {
    background: var(--thm-primary);
    color: #fff;
}

.bootstrap-select .dropdown-menu > li > a {
    font-size: 16px;
    font-weight: 500;
    padding: 4px 20px;
    color: var(--thm-black);
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}

.bootstrap-select .dropdown-menu > li > a:hover {
    background: var(--thm-primary);
    color: #fff;
    cursor: pointer;
}

.datepicker.dropdown-menu {
    min-width: 17rem;
}

.datepicker table {
    width: 100%;
}

.post-pagination {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    flex-wrap: wrap;
}

.post-pagination a {
    border-radius: 50%;
    background-color: var(--thm-gray);
    color: #9ca3a9;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    padding: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 57px;
    height: 57px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}

.post-pagination a:hover {
    background-color: var(--thm-primary);
    color: #fff;
}

.post-pagination a.active {
    background-color: var(--thm-base);
    color: #fff;
    cursor: auto;
}

.post-pagination a + a {
    margin-left: 15px;
}

.preloader {
    position: fixed;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9991;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    text-align: center;
}

.preloader__image {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.scroll-to-top {
    display: inline-block;
    width: 45px;
    height: 45px;
    background: var(--thm-primary);
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 99;
    text-align: center;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    display: none;
    border-radius: 50%;
    transition: all .4s ease;
}

.scroll-to-top i {
    color: #ffffff;
    font-size: 18px;
    line-height: 45px;
}

.scroll-to-top:hover {
    background-color: var(--thm-black);
}

.scroll-to-top:hover i {
    color: #fff;
}

.cursor {
    position: absolute;
    background-color: #fff;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    z-index: 1;
    -webkit-transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
    transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
    transition: 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity;
    transition: 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    z-index: 10000;
    -webkit-transform: scale(1);
    transform: scale(1);
    visibility: hidden;
}

.cursor {
    visibility: visible;
}

.cursor.active {
    opacity: 0.5;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.cursor.hovered {
    opacity: 0.08;
}

.cursor-follower {
    position: absolute;
    background-color: RGBA(255, 255, 255, 0.3);
    width: 50px;
    height: 50px;
    border-radius: 100%;
    z-index: 1;
    -webkit-transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
    transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
    transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity;
    transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    z-index: 10000;
    visibility: hidden;
}

.cursor-follower {
    visibility: visible;
}

.cursor-follower.active {
    opacity: 0.7;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.cursor-follower.hovered {
    opacity: 0.08;
}

.cursor-follower.close-cursor:before {
    position: absolute;
    content: '';
    height: 25px;
    width: 2px;
    background: #fff;
    left: 48%;
    top: 12px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    display: inline-block;
}

.cursor-follower.close-cursor:after {
    position: absolute;
    content: '';
    height: 25px;
    width: 2px;
    background: #fff;
    right: 48%;
    top: 12px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}


@-webkit-keyframes sunMove {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    25% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    75% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes sunMove {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    25% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    75% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

.page-header {
    position: relative;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    padding: 80.5px 0;
}

.page-header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--thm-black);
    opacity: 0.3;
}

.page-header .container {
    position: relative;
}

.page-header h2 {
    margin: 0;
    color: #ffffff;
    font-weight: 600;
    font-size: 60px;
    font-family: var(--thm-base);
}

.contact-info-one {
    padding-top: 120px;
    padding-bottom: 80px;
}

@media (max-width: 991px) {
    .sidebar {
        margin-top: 50px;
    }
}

.sidebar__single + .sidebar__single {
    margin-top: 30px;
}

.sidebar__single:not(.sidebar__search):not(.sidebar__twitter) {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(236, 238, 239);
    background-color: rgb(255, 255, 255);
    padding-top: 25px;
    padding-bottom: 25px;
}

.sidebar__item {
    margin-top: 30px;
}

.sidebar__search, .sidebar__twitter {
    background-color: #004c85;
}

.sidebar__title {
    margin: 0;
    margin-bottom: 30px;
    font-family: var(--thm-font);
    color: var(--thm-black);
    font-size: 20px;
    font-weight: 600;
    line-height: 1em;
    margin-top: -5px;
}

.sidebar__social-list {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.sidebar__social-list a {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
    width: 57px;
    height: 57px;
    background-color: var(--thm-gray);
    color: #9ca3a9;
    font-size: 16px;
    border-radius: 50%;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.sidebar__social-list a + a {
    margin-left: 10px;
}

.sidebar__social-list a:hover {
    background-color: var(--thm-primary);
    color: #ffffff;
}

.sidebar__post-list li {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.sidebar__post-list li + li {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #eceeef;
}

.sidebar__post-image {
    margin-right: 20px;
}

.sidebar__post-image > img {
    width: 61px;
}

.sidebar__post-content h3 {
    color: var(--thm-black);
    font-size: 18px;
    line-height: 30px;
    font-family: var(--thm-font);
    margin: 0;
}

.sidebar__post-content h3 a {
    color: inherit;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.sidebar__post-content h3 a:hover {
    color: var(--thm-primary);
}

.sidebar__search-form {
    position: relative;
}

.sidebar__search-form input[type=search] {
    display: block;
    border: none;
    outline: none;
    background-color: transparent;
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    padding-left: 50px;
    height: 85px;
}

.sidebar__search-form ::-webkit-input-placeholder {
    color: #ffffff;
    opacity: 1;
}

.sidebar__search-form ::-moz-placeholder {
    color: #ffffff;
    opacity: 1;
}

.sidebar__search-form :-ms-input-placeholder {
    color: #ffffff;
    opacity: 1;
}

.sidebar__search-form ::-ms-input-placeholder {
    color: #ffffff;
    opacity: 1;
}

.sidebar__search-form ::placeholder {
    color: #ffffff;
    opacity: 1;
}

.sidebar__search-form :-ms-input-placeholder {
    color: #ffffff;
}

.sidebar__search-form ::-ms-input-placeholder {
    color: #ffffff;
}

.sidebar__search-form button[type=submit] {
    background-color: transparent;
    color: #ffffff;
    font-size: 21px;
    position: absolute;
    top: 50%;
    right: 50px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: auto;
    outline: none;
    border: none;
}

.sidebar__category-list {
    margin: 0;
    margin-top: -15px;
}

.sidebar__category-list li + li {
    margin-top: 15px;
}

.sidebar__category-list li a {
    color: #9ca3a9;
    font-size: 18px;
    font-weight: 500;
    position: relative;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.sidebar__category-list li a:hover {
    padding-left: 15px;
    color: var(--thm-black);
}

.sidebar__category-list li a::before {
    content: '\f101';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 12px;
    color: var(--thm-base);
    opacity: 0;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.sidebar__category-list li a:hover::before {
    opacity: 1;
}

.sidebar__tags-list {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-top: -10px;
}

.sidebar__tags-list a {
    font-size: 14px;
    color: #9ca3a9;
    background-color: var(--thm-gray);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    text-transform: uppercase;
    display: -webkit-box;
    display: flex;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 10px;
    margin-left: 10px;
    line-height: 38px;
}

.sidebar__tags-list a:hover {
    background-color: var(--thm-base);
    color: var(--thm-black);
}

.sidebar__twitter {
    padding: 50px;
}

.sidebar__twitter .sidebar__title {
    color: #ffffff;
    margin-bottom: 15px;
}

.sidebar__twitter p {
    font-size: 16px;
    font-weight: 500;
    color: #a4cae5;
    margin: 0;
}

.sidebar__twitter p a {
    color: inherit;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.sidebar__twitter p a:hover {
    color: var(--thm-primary);
}

.sidebar__twitter-user {
    border-bottom: 1px solid var(--thm-primary);
    color: var(--thm-primary) !important;
    display: inline-block;
    line-height: 1em;
}

.sidebar__twitter h4 {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-family: var(--thm-font);
    margin: 0;
    font-size: 16px;
    color: #ffffff;
    margin-top: 20px;
}

.sidebar__twitter h4 i {
    font-size: 20px;
    color: var(--thm-base);
    margin-right: 10px;
}

.sidebar__twitter h4 a {
    color: var(--thm-primary);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.sidebar__twitter h4 a:hover {
    color: var(--thm-secondary);
}

.sidebar__twitter h4 span {
    margin-left: 10px;
    margin-right: 10px;
}

.sidebar__twitter-carousel .owl-nav.disabled + .owl-dots {
    margin-top: 0;
}

.sidebar__twitter-carousel .owl-dots {
    margin-top: 0;
    position: absolute;
    top: -35px;
    right: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: end;
    align-items: flex-end;
}

.sidebar__twitter-carousel .owl-dots .owl-dot {
    outline: none;
}

.sidebar__twitter-carousel .owl-dots .owl-dot span {
    margin-left: 5px;
    margin-right: 5px;
    width: 10px;
    height: 10px;
    background-color: #a4cae5;
    border-radius: 50%;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.sidebar__twitter-carousel .owl-dots .owl-dot:hover span, .sidebar__twitter-carousel .owl-dots .owl-dot.active span {
    background-color: #ffffff;
}

.offer-sidebar {
    position: relative;
    padding-left: 60px;
    padding-bottom: 70px;
    padding-top: 325px;
    background-position: center;
    background-size: cover;
}

.offer-sidebar::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #004c85;
    opacity: 0.8;
}

.offer-sidebar h3 {
    position: relative;
    font-weight: 300;
    font-size: 60px;
    line-height: 60px;
    color: #fff;
    font-family: var(--thm-font);
}

.offer-sidebar h3 span {
    font-weight: 900;
}

.offer-sidebar__price {
    color: var(--thm-base);
}

.mailchimp-one {
    padding-top: 123.5px;
    padding-bottom: 123.5px;
    background-color: var(--thm-primary);
}

.mailchimp-one h3 {
    margin: 0;
    color: #ffffff;
    font-size: 50px;
    font-weight: 600;
    font-family: var(--thm-font);
    margin-top: -15px;
}

.mailchimp-one__form {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

@media (min-width: 1200px) {
    .mailchimp-one__form {
        margin-left: 80px;
    }
}

.mailchimp-one__form input {
    display: block;
    border: none;
    outline: none;
    width: 100%;
    max-width: 370px;
    height: 74px;
    color: #9ca3a9;
    font-size: 16px;
    font-weight: 500;
    padding-left: 30px;
}

.mailchimp-one__form ::-webkit-input-placeholder {
    color: #9ca3a9;
    opacity: 1;
}

.mailchimp-one__form ::-moz-placeholder {
    color: #9ca3a9;
    opacity: 1;
}

.mailchimp-one__form :-ms-input-placeholder {
    color: #9ca3a9;
    opacity: 1;
}

.mailchimp-one__form ::-ms-input-placeholder {
    color: #9ca3a9;
    opacity: 1;
}

.mailchimp-one__form ::placeholder {
    color: #9ca3a9;
    opacity: 1;
}

.mailchimp-one__form :-ms-input-placeholder {
    color: #9ca3a9;
}

.mailchimp-one__form ::-ms-input-placeholder {
    color: #9ca3a9;
}

.mailchimp-one__btn:hover {
    background-color: var(--thm-black);
}

.mc-form__response {
    text-align: center;
    color: #fff;
}

.brand-one {
    border-top: 1px solid #eceeef;
    padding-top: 120px;
    padding-bottom: 120px;
}

@media (min-width: 1200px) {
    .brand-one .container {
        padding-left: 50px;
        padding-right: 50px;
    }
}

.brand-one img {
    opacity: 0.3;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.brand-one img:hover {
    opacity: 0.6;
}

.brand-one__home-two {
    border-top: 0;
    border-bottom: 1px solid #eceeef;
}

.team-one {
    padding-top: 120px;
    padding-bottom: 60px;
}

.team-one__single {
    margin-bottom: 60px;
}

.team-one__image {
    overflow: hidden;
    background-color: var(--thm-black);
}

.team-one__image > img {
    opacity: 1;
    width: 100%;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity 500ms ease, -webkit-transform 500ms ease;
    transition: opacity 500ms ease, -webkit-transform 500ms ease;
    transition: opacity 500ms ease, transform 500ms ease;
    transition: opacity 500ms ease, transform 500ms ease, -webkit-transform 500ms ease;
}

.team-one__single:hover .team-one__image > img {
    opacity: 0.6;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.team-one__content {
    text-align: center;
    padding-top: 30px;
}

.team-one__content h3 {
    margin: 0;
    font-family: var(--thm-font);
    font-size: 24px;
    line-height: 1em;
    color: var(--thm-black);
}

.team-one__content p {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .2em;
    color: #9ca3a9;
    margin: 0;
    line-height: 1em;
    margin-top: 15px;
}

.team-one__social {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    margin-top: 30px;
}

.team-one__social a {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
    width: 57px;
    height: 57px;
    background-color: var(--thm-gray);
    color: #9ca3a9;
    font-size: 16px;
    border-radius: 50%;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.team-one__social a + a {
    margin-left: 10px;
}

.team-one__social a:hover {
    background-color: var(--thm-primary);
    color: #ffffff;
}

.cta-one {
    padding-top: 80px;
    padding-bottom: 80px;
    background-color: var(--thm-primary);
}

.cta-one h3 {
    margin: 0;
    color: #fff;
    font-size: 50px;
    font-family: var(--thm-font);
    font-weight: 700;
}

.cta-one .container {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.cta-one__btn:hover {
    background-color: var(--thm-black);
}

.cta-one__home-two {
    background-color: var(--thm-base);
}

.cta-one__home-two .cta-one__btn {
    background-color: var(--thm-black);
    color: #ffffff;
}

.cta-one__home-two .cta-one__btn:hover {
    background-color: var(--thm-secondary);
}

.cta-two {
    padding-top: 120px;
    padding-bottom: 120px;
}

.cta-two__content-highlight {
    margin-top: -10px;
    margin-bottom: 35px;
}

.cta-two__content-highlight p {
    margin: 0;
    color: var(--thm-primary);
    font-size: 24px;
    line-height: 36px;
    font-weight: 400;
}

.cta-two__list {
    margin: 0;
    margin-bottom: 35px;
}

.cta-two__list li {
    position: relative;
    font-size: 20px;
    line-height: 40px;
    font-weight: 500;
    color: #9ca3a9;
    padding-left: 30px;
}

.cta-two__list li i {
    position: absolute;
    top: 60%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 14px;
    color: var(--thm-secondary);
}

.cta-three__content {
    position: relative;
}

.cta-three__content::before {
    content: '';
    width: 10000px;
    height: 100%;
    background-color: var(--thm-gray);
    position: absolute;
    top: 0;
    right: 0;
}

.cta-three__content-inner {
    position: relative;
    padding-top: 120px;
}

.cta-three__content .block-title {
    margin-bottom: 50px;
}

.cta-three__content .block-title h3 {
    line-height: 1.1em;
}

.cta-three__content .block-title h3 span {
    color: var(--thm-primary);
    font-family: var(--heading-font);
    font-weight: 400;
    display: inline-block;
}

.cta-three__box {
    position: absolute;
    background-color: var(--thm-secondary);
    width: 100%;
    max-width: 340px;
    bottom: 0;
    right: 0;
    padding-top: 30px;
    padding-bottom: 40px;
    padding-left: 60px;
}

.cta-three__box p {
    margin: 0;
    color: #ffffff;
    font-size: 22px;
    line-height: 32px;
    font-weight: 600;
}

.cta-three__images {
    margin-top: 120px;
}

.cta-four {
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    position: relative;
    padding-top: 118px;
    padding-bottom: 118px;
}

.cta-four::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #082740;
    opacity: 0.3;
}

.cta-four .container {
    text-align: center;
    position: relative;
}

.cta-four p {
    font-family: var(--heading-font);
    font-size: 40px;
    color: #ffffff;
    margin: 0;
}

.cta-four h3 {
    margin: 0;
    font-family: var(--thm-font);
    font-size: 100px;
    text-transform: uppercase;
    font-weight: 800;
    margin-top: 15px;
    margin-bottom: 45px;
    color: #ffffff;
}

.cta-four h3 span {
    color: var(--thm-secondary);
    position: relative;
    display: inline-block;
    line-height: 1em;
}

.cta-four h3 span::before {
    content: '';
    width: 100%;
    height: 31px;
    background-image: url(../images/shapes/title-decor-1-2.png);
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 80%;
    left: 0;
}

.gallery-one {
    padding-bottom: 90px;
    padding-top: 120px;
}

.gallery-one__single {
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
}

.gallery-one__single > img {
    width: 100%;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 500ms ease;
    transition: -webkit-transform 500ms ease;
    transition: transform 500ms ease;
    transition: transform 500ms ease, -webkit-transform 500ms ease;
}

.gallery-one__single:hover > img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.gallery-one__link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(var(--thm-base-rgb), .9);
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
    font-size: 46px;
    color: #ffffff;
    opacity: 0;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.gallery-one__link:hover {
    color: #ffffff;
}

.gallery-one__single:hover .gallery-one__link {
    opacity: 1;
}

.gallery-home-8 {
    position: relative;
    background-color: #082740;
}

.gallery-home-8 .row.low-gutters {
    margin-left: -1px;
    margin-right: -1px;
}

.gallery-home-8 .row.low-gutters [class*=col-] {
    padding-left: 1px;
    padding-right: 1px;
    margin-bottom: 2px;
}

.gallery-home-8__single {
    overflow: hidden;
}

.gallery-home-8__single > img {
    width: 100%;
    -webkit-animation: galleryHomeEightImg 5s linear infinite;
    animation: galleryHomeEightImg 5s linear infinite;
}

@-webkit-keyframes galleryHomeEightImg {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    25% {
        -webkit-transform: scale(1.01);
        transform: scale(1.01);
    }
    50% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
    75% {
        -webkit-transform: scale(1.01);
        transform: scale(1.01);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes galleryHomeEightImg {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    25% {
        -webkit-transform: scale(1.01);
        transform: scale(1.01);
    }
    50% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
    75% {
        -webkit-transform: scale(1.01);
        transform: scale(1.01);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.error-page {
    background-color: #004c85;
    position: relative;
    padding-top: 60px;
    padding-bottom: 120px;
}

.error-page .container {
    position: relative;
}

.error-page__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: -37px;
    background-position: top;
    background-repeat: no-repeat;
    background-position: bottom center;
    opacity: 0.07;
    background-color: #004c85;
    background-blend-mode: multiply;
}

.error-page__logo {
    display: block;
    text-align: center;
}

.error-page__title {
    position: relative;
    display: inline-block;
    margin-top: 140px;
}

.error-page__title h2 {
    position: relative;
    display: inline-block;
    font-size: 400px;
    font-weight: 900;
    color: #ffffff;
    font-family: var(--thm-font);
    line-height: 1em;
}

.error-page__title h2::before {
    width: 141px;
    height: 124px;
    content: '';
    background-image: url(../images/shapes/error-page__shape-1-1.png);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: -5px;
    left: -40px;
}

.error-page__title p {
    font-family: var(--heading-font);
    font-size: 200px;
    line-height: 1em;
    color: var(--thm-secondary);
    position: absolute;
    bottom: -60px;
    right: 0;
}

.error-page__text {
    margin-top: 40px;
    padding-bottom: 60px;
}

.error-page__text p {
    font-size: 30px;
    color: #a4cae5;
    margin: 0;
    font-weight: 400;
}

.video-one {
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    position: relative;
    padding-top: 135px;
    padding-bottom: 120px;
}

.video-one::before {
    content: '';
    background-color: var(--thm-black);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.4;
}

.video-one .container {
    position: relative;
}

.video-one p {
    font-family: var(--heading-font);
    color: var(--thm-secondary);
    font-size: 30px;
    margin: 0px;
}

.video-one__btn {
    position: relative;
    width: 94px;
    height: 94px;
    background-color: var(--thm-base);
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
    font-size: 24px;
    color: var(--thm-black);
    margin-left: auto;
    margin-right: auto;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    margin-bottom: 75px;
}

.video-one__btn:before {
    content: '';
    position: absolute;
    top: -15px;
    left: -15px;
    right: -15px;
    bottom: -15px;
    border: 1px solid rgba(255, 255, 255, .15);
}

.video-one__btn:hover {
    background-color: #fff;
    color: var(--thm-base);
}

.video-one h3 {
    color: #fff;
    font-weight: 400;
    font-family: var(--thm-font);
    margin: 0;
    font-size: 70px;
    margin-top: 5px;
}

.video-one h3 span {
    font-weight: 800;
}

.testimonials-one {
    background-color: var(--thm-gray);
    padding-top: 120px;
    padding-bottom: 120px;
}

.testimonials-one__single {
    margin-bottom: 40px;
    text-align: center;
}

.testimonials-one__stars {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin-bottom: 25px;
}

.testimonials-one__stars i {
    font-size: 18px;
    color: #ffa801;
}

.testimonials-one__stars i + i {
    margin-left: 5px;
}

.testimonials-one__content {
    background-color: #fff;
    position: relative;
    padding-left: 70px;
    padding-right: 70px;
    padding-bottom: 50px;
    padding-top: 60px;
    margin-bottom: 40px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.testimonials-one__single:hover .testimonials-one__content {
    box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.03);
}

.testimonials-one__content::before {
    content: '';
    width: 85px;
    height: 85px;
    background-image: url(../images/shapes/testi-qoute-1-1.png);
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.testimonials-one__content::after {
    content: '';
    width: 72px;
    height: 20px;
    background-image: url(../images/shapes/testi-arrow-1-1.png);
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.testimonials-one__content p {
    margin: 0;
    font-size: 20px;
    color: #9ca3a9;
    font-weight: 400;
    line-height: 36px;
    position: relative;
}

.testimonials-one__info img {
    border-radius: 50%;
}

.testimonials-one__info h3 {
    font-family: var(--thm-font);
    color: var(--thm-black);
    font-size: 20px;
    font-weight: 500;
    margin: 0;
    line-height: 1em;
    margin-top: 10px;
}

.testimonials-one__carousel .owl-item img {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.testimonials-one__carousel .owl-nav button.owl-next, .testimonials-one__carousel .owl-nav button.owl-prev {
    font-size: 20px;
    color: var(--thm-black);
    font-weight: 500;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.testimonials-one__carousel .owl-nav button.owl-prev {
    margin-right: 15px;
}

.testimonials-one__carousel .owl-nav button.owl-next:hover, .testimonials-one__carousel .owl-nav button.owl-prev:hover {
    color: var(--thm-secondary);
    background-color: transparent;
}

.faq-one {
    padding-top: 120px;
    padding-bottom: 120px;
}

.faq-one-accrodion .accrodion {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(236, 238, 239);
    background-color: rgb(255, 255, 255);
    padding-left: 40px;
    padding-right: 40px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.faq-one-accrodion .accrodion + .accrodion {
    margin-top: 10px;
}

.faq-one-accrodion .accrodion.active {
    background-color: var(--thm-gray);
    border-color: var(--thm-gray);
}

.faq-one-accrodion .accrodion-title {
    cursor: pointer;
}

.faq-one-accrodion .accrodion-title h4 {
    margin: 0;
    font-family: var(--thm-font);
    color: var(--thm-black);
    font-size: 20px;
    font-weight: 500;
    position: relative;
    padding-top: 31.5px;
    padding-bottom: 31.5px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.faq-one-accrodion .accrodion.active .accrodion-title h4 {
    color: var(--thm-primary);
}

.faq-one-accrodion .accrodion-title h4::before {
    content: '\f067';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 14px;
    color: var(--thm-base);
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.faq-one-accrodion .accrodion.active .accrodion-title h4::before {
    content: '\f068';
    color: var(--thm-black);
}

.faq-one-accrodion .accrodion-content {
    padding-bottom: 40px;
}

.faq-one-accrodion .accrodion-content p {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
    color: #9ca3a9;
}

.tour-one {
    padding-top: 120px;
    padding-bottom: 90px;
}

.tour-grid {
    padding-top: 120px;
    padding-bottom: 120px;
}

.tour-grid .post-pagination {
    margin-top: 30px;
}

.tour-one__single {
    position: relative;
    margin-bottom: 30px;
}

.tour-one__image {
    position: relative;
    background-color: var(--thm-black);
    overflow: hidden;
}

.tour-one__image > img {
    width: 100%;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity 500ms ease, -webkit-transform 500ms ease;
    transition: opacity 500ms ease, -webkit-transform 500ms ease;
    transition: transform 500ms ease, opacity 500ms ease;
    transition: transform 500ms ease, opacity 500ms ease, -webkit-transform 500ms ease;
}

.tour-one__image > a {
    width: 38px;
    height: 38px;
    background-color: rgba(var(--thm-black-rgb), .2);
    border-radius: 50%;
    text-align: center;
    line-height: 38px;
    font-size: 14px;
    color: #fff;
    position: absolute;
    top: 30px;
    right: 30px;
    z-index: 10;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.tour-one__single:hover .tour-one__image > img {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.tour-one__single:hover .tour-one__image > a {
    background-color: #fff;
    color: var(--thm-secondary);
}

.tour-one__content {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(236, 238, 239);
    background-color: rgb(255, 255, 255);
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 40px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.tour-one__single:hover .tour-one__content {
    box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.05);
}

.tour-one__stars {
    font-size: 16px;
    font-weight: 500;
    color: #9ca3a9;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    line-height: 1em;
    margin-bottom: 5px;
}

.tour-one__stars i {
    font-size: 14px;
    color: var(--thm-base);
    margin-right: 10px;
}

.tour-one__content p {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    color: #9ca3a9;
    line-height: 1em;
    margin-top: 10px;
    margin-bottom: 30px;
}

.tour-one__content p span {
    color: var(--thm-secondary);
    font-size: 22px;
    font-weight: 600;
}

.tour-one__meta {
    margin: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding-top: 18px;
    padding-bottom: 25px;
    border-top: 1px solid rgb(236, 238, 239);
}

.tour-one__meta li + li {
    margin-left: 20px;
}

.tour-one__meta li a {
    font-size: 16px;
    font-weight: 500;
    color: #9ca3a9;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.tour-one__meta li i {
    font-size: 14px;
    margin-right: 5px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.tour-one__meta li a:hover {
    color: var(--thm-black);
}

.tour-one__meta li a:hover i {
    color: var(--thm-primary);
}

.tour-one__content h3 {
    margin: 0;
    font-family: var(--thm-font);
    color: var(--thm-black);
    font-weight: 600;
    line-height: 34px;
    font-size: 26px;
}

.tour-one__content h3 a {
    color: inherit;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.tour-one__content h3 a:hover {
    color: var(--thm-primary);
}

.tour-one__carousel {
    margin-bottom: 20px;
}

.tour-one__carousel .owl-nav.disabled + .owl-dots {
    margin-top: 20px;
}

.tour-one__carousel-no-overflow .owl-stage-outer {
    overflow: visible;
}

.tour-one__carousel .owl-nav button.owl-next, .tour-one__carousel .owl-nav button.owl-prev {
    font-size: 20px;
    color: var(--thm-black);
    font-weight: 500;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.tour-one__carousel .owl-nav button.owl-prev {
    margin-right: 15px;
}

.tour-one__carousel .owl-nav button.owl-next:hover, .tour-one__carousel .owl-nav button.owl-prev:hover {
    color: var(--thm-secondary);
    background-color: transparent;
}

.tour-two__single {
    display: -webkit-box;
    display: flex;
}

.tour-two__image-wrap .tour-one__image {
    width: 270px;
}

.tour-two__single .tour-one__content {
    padding: 0;
    padding-top: 40px;
    padding-right: 40px;
    padding-left: 40px;
}

.tour-two__top {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.tour-two__right p {
    margin: 0;
}

.tour-two__right p span {
    display: inline-block;
    margin-bottom: 5px;
}

.tour-two__text {
    margin-top: 20px;
    margin-bottom: 30px;
}

.tour-two__text p {
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 34px;
    color: #9ca3a9;
}

.tour-list {
    padding-top: 120px;
    padding-bottom: 120px;
}

.tour-list .post-pagination {
    -webkit-box-pack: start;
    justify-content: flex-start;
    margin-top: 60px;
}

.tour-sorter-one {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 30px;
}

.tour-sorter-one h3 {
    font-family: var(--thm-font);
    color: var(--thm-black);
    font-size: 24px;
    font-weight: 600;
    margin: 0;
}

.tour-sorter-one__right {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.tour-sorter-one__right > a {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
    width: 43px;
    height: 43px;
    border-style: solid;
    border-width: 2px;
    border-color: rgb(236, 238, 239);
    font-size: 16px;
    color: #9ca3a9;
    margin-left: 10px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.tour-sorter-one__right > a.active, .tour-sorter-one__right > a:hover {
    background-color: var(--thm-base);
    border-color: var(--thm-base);
    color: var(--thm-black);
}

.tour-sorter-one__select {
    width: 103px;
}

.tour-sorter-one .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
}

.tour-sorter-one .bootstrap-select > .dropdown-toggle {
    border-style: solid;
    border-width: 2px;
    border-color: rgb(236, 238, 239);
    font-size: 14px;
    font-weight: 500;
    color: #9ca3a9;
    padding: 9px 20px;
    padding-right: 20px;
    background-color: #fff;
    text-transform: uppercase;
}

.tour-details__spacer {
    display: block;
    width: 100%;
    height: 0;
    border-top: 1px solid #eceeef;
    margin-top: 60px;
    margin-bottom: 60px;
}

.tour-details__title {
    margin: 0;
    font-family: var(--thm-font);
    color: var(--thm-black);
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 50px;
    margin-top: -10px;
}

.tour-details__title + p {
    margin-top: -10px !important;
}

.tour-details__subtitle {
    margin: 0;
    font-family: var(--thm-font);
    color: var(--thm-black);
    font-size: 24px;
    font-weight: 600;
    margin-top: 35px;
    margin-bottom: 40px;
}

.tour-details__content p {
    margin: 0;
    color: #9ca3a9;
    font-size: 18px;
    font-weight: 500;
    line-height: 34px;
}

.google-map__tour-details {
    height: 388px;
}

.tour-details__review-form {
    border: 1px solid #eceeef;
    padding: 50px;
}

.tour-details__review-form-stars {
    margin-bottom: 40px;
}

.tour-details__review-form-stars p {
    display: -webkit-box;
    display: flex;
    margin: 0;
    -webkit-box-align: center;
    align-items: center;
}

.tour-details__review-form-stars p + p {
    margin-top: 10px;
}

.tour-details__review-form-stars span {
    font-size: 20px;
    color: #9ca3a9;
    font-weight: 500;
    margin-right: 15px;
}

.tour-details__review-form-stars i {
    color: #eceeef;
    font-size: 16px;
    line-height: 1em;
    position: relative;
    top: -2px;
}

.tour-details__review-form-stars i + i {
    margin-left: 5px;
}

.tour-details__review-form-stars i.active {
    color: var(--thm-base);
}

.tour-details-two {
    padding-top: 0;
}

.tour-details__content .tour-two__top {
    padding-bottom: 30px;
}

.tour-details__content .tour-two__top h3 {
    font-family: var(--thm-font);
    font-size: 40px;
    color: var(--thm-black);
    margin: 0;
    font-weight: 600;
    padding-bottom: 20px;
}

.tour-details__content .tour-one__stars {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.tour-details__content .tour-one__stars i {
    margin-right: 5px;
}

.tour-details__content .tour-one__stars i:last-child {
    margin-right: 15px;
}

.tour-details__content .tour-one__stars i.inactive {
    color: #eceeef;
}

.tour-details__content .tour-two__right p {
    color: #9ca3a9;
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    line-height: 1em;
}

.tour-details__content .tour-two__right span {
    color: var(--thm-secondary);
    font-size: 36px;
    font-weight: 600;
    padding-bottom: 15px;
}

.tour-details__content .tour-one__meta li + li {
    margin-left: 50px;
}

.tour-details__content .tour-one__meta li a {
    font-size: 18px;
}

.tour-details__content .tour-one__meta li a i {
    color: var(--thm-primary);
    font-size: 16px;
}

.tour-details__list {
    margin-bottom: 0px;
}

.tour-details__list li {
    position: relative;
    font-size: 18px;
    font-weight: 500;
    color: #9ca3a9;
    padding-left: 25px;
    line-height: 1em;
}

.tour-details__list li + li {
    margin-top: 20px;
}

.tour-details__list li i {
    font-size: 14px;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: var(--thm-primary);
}

.tour-details__list.unavailable li i {
    color: var(--thm-secondary);
}

.tour-details__plan-single {
    position: relative;
}

.tour-details__plan-single + .tour-details__plan-single {
    margin-top: 20px;
}

.tour-details__plan-count {
    width: 97px;
    height: 97px;
    border-radius: 50%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    border: 20px solid #fff;
    font-size: 18px;
    font-weight: 600;
    background-color: var(--thm-base);
    position: absolute;
    top: -20px;
    left: -20px;
    z-index: 10;
}

.tour-details__plan-content {
    border-left: 1px solid #eceeef;
    margin-left: 28.5px;
    padding-left: 60px;
    padding-bottom: 40px;
}

.tour-details__plan-content h3 {
    color: var(--thm-black);
    font-family: var(--thm-font);
    margin: 0;
    font-weight: 600;
    margin-bottom: 5px;
}

.tour-details__plan-content span {
    display: block;
    font-size: 18px;
    font-weight: 500;
    color: var(--thm-primary);
}

.tour-details__plan-content p {
    font-size: 18px;
    font-weight: 500;
    line-height: 34px;
    color: #9ca3a9;
    margin-top: 20px;
}

.tour-details__plan-content ul {
    margin-bottom: 0;
    margin-top: 35px;
}

.tour-details__plan-content ul li {
    color: #9ca3a9;
    font-size: 18px;
    font-weight: 500;
    line-height: 1em;
}

.tour-details__plan-content ul li + li {
    margin-top: 20px;
}

.tour-details__review-score {
    border: 1px solid #eceeef;
    display: -webkit-box;
    display: flex;
    margin-bottom: 60px;
}

.tour-details__review-score-ave {
    -webkit-box-flex: 1;
    flex: 1 1 245px;
    max-width: 245px;
    display: -webkit-box;
    display: flex;
}

.tour-details__review-score-ave .my-auto {
    width: 100%;
    text-align: center;
}

.tour-details__review-score-ave h3 {
    margin: 0;
    font-family: var(--thm-font);
    font-weight: 300;
    font-size: 100px;
    color: var(--thm-black);
}

.tour-details__review-score-ave p {
    margin: 0;
    color: #9ca3a9;
    font-size: 20px;
    font-weight: 500;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.tour-details__review-score-ave p i {
    color: var(--thm-base);
    font-size: 18px;
    margin-right: 10px;
}

.tour-details__review-score__content {
    -webkit-box-flex: 1;
    flex: 1 1 calc(100% - 245px);
    max-width: calc(100% - 245px);
    border-left: 1px solid #eceeef;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 40px;
    padding-bottom: 50px;
}

.tour-details__review-score__bar + .tour-details__review-score__bar {
    margin-top: 20px;
}

.tour-details__review-score__bar-top {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
}

.tour-details__review-score__bar-top h3 {
    font-family: var(--thm-font);
    font-size: 16px;
    font-weight: 500;
    color: var(--thm-black);
    margin: 0;
}

.tour-details__review-score__bar-top p {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: #9ca3a9;
}

.tour-details__review-score__bar-line {
    width: 100%;
    height: 7px;
    background-color: #eceeef;
    position: relative;
    overflow: hidden;
}

.tour-details__review-score__bar-line span {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--thm-base);
}

.tour-details__review-comment-single {
    border-bottom: 1px solid #eceeef;
    padding-bottom: 10px;
    margin-bottom: 60px;
}

.tour-details__review-comment-top {
    position: relative;
    padding-left: 125px;
    padding-top: 30px;
    padding-bottom: 25px;
    margin-bottom: 25px;
}

.tour-details__review-comment-top > img {
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
}

.tour-details__review-comment-top h3 {
    font-family: var(--thm-font);
    font-size: 20px;
    font-weight: 600;
    color: var(--thm-black);
    margin: 0;
    margin-bottom: 5px;
}

.tour-details__review-comment-top p {
    margin: 0;
    font-size: 18px;
    line-height: 1em;
    font-weight: 500;
    color: var(--thm-primary);
}

.tour-details__review-comment-content {
    margin-bottom: 25px;
}

.tour-details__review-comment-content h3 {
    font-family: var(--thm-font);
    font-size: 24px;
    font-weight: 600;
    color: var(--thm-black);
    margin: 0;
    margin-bottom: 40px;
}

.tour-details__review-comment-content p {
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 34px;
}

.tour-details__gallery-thumb-carousel, .tour-details__gallery-carousel {
    overflow: hidden;
}

.tour-details__gallery-thumb-carousel {
    margin-bottom: 60px;
}

.tour-details__gallery-carousel {
    margin-bottom: 10px;
}

.tour-details__gallery-thumb-carousel img {
    cursor: pointer;
}

.tour-details__gallery-image {
    position: relative;
}

.tour-details__gallery-links {
    position: absolute;
    top: 30px;
    right: 30px;
    z-index: 10;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.tour-details__gallery-links a {
    display: block;
    width: 38px;
    height: 38px;
    background-color: rgba(var(--thm-black-rgb), .2);
    border-radius: 50%;
    text-align: center;
    line-height: 38px;
    font-size: 14px;
    color: #fff;
    margin-left: 10px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.tour-details__gallery-image:hover .tour-details__gallery-links a {
    background-color: #fff;
    color: var(--thm-secondary);
}

.tour-details__content .accrodion-grp {
    margin-bottom: 60px;
}

.tour-details__header {
    background-position: top center;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
}

.tour-details__header .container {
    position: relative;
    min-height: 577px;
}

.tour-details__header .tour-details__gallery-links {
    position: absolute;
    top: 30px;
    right: 15px;
}

.tour-details__header .thm-breadcrumb {
    position: absolute;
    bottom: 30px;
    left: 15px;
}

.tour-details-two .tour-details__content {
    padding-top: 45px;
}

.tour-category-one {
    background-color: var(--thm-gray);
    padding-top: 120px;
    padding-bottom: 90px;
}

.tour-category-one__col {
    -webkit-box-flex: 1;
    flex: 1 1 20%;
    padding-left: 15px;
    padding-right: 15px;
    max-width: 20%;
}

.tour-category-one__single {
    margin-bottom: 30px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    background-color: #fff;
    text-align: center;
    padding-top: 34.5px;
    padding-bottom: 34.5px;
}

.tour-category-one__single:hover {
    background-color: var(--thm-primary);
}

.tour-category-one__single i {
    font-size: 60px;
    color: var(--thm-primary);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.tour-category-one__single h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 500;
    color: #9ca3a9;
    font-family: var(--thm-font);
    margin-top: 5px;
}

.tour-category-one__single h3 a {
    color: inherit;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.tour-category-one__single h3 a:hover {
    color: #ffffff;
}

.tour-category-one__single:hover i, .tour-category-one__single:hover h3 a {
    color: #ffffff;
}

.tour-gallery__home-6__content-wrap {
    position: relative;
    background-color: var(--thm-black);
}

.tour-gallery__home-6__content {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    padding-bottom: 285px;
    padding-left: 135px;
}

.tour-gallery__home-6__content p {
    margin: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    color: #fff;
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 600;
    position: relative;
    z-index: 10;
}

.tour-gallery__home-6__content p span {
    margin-left: 15px;
    margin-right: 15px;
}

.tour-gallery__home-6__content p i {
    color: var(--thm-base);
    letter-spacing: .2em;
}

.tour-gallery__home-6__content h3 {
    font-family: var(--thm-font);
    font-size: 80px;
    font-weight: bold;
    color: #ffffff;
    line-height: 1em;
    text-transform: uppercase;
    position: relative;
    z-index: 10;
}

.tour-gallery__home-6__content h3 a {
    color: inherit;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.tour-gallery__home-6__content h3 a:hover {
    color: var(--thm-primary);
}

.tour-gallery__home-6__content .tab-pane {
    width: 100%;
}

.tour-gallery__home-6__tab-navs {
    position: absolute;
    bottom: 130px;
    left: 135px;
    border-bottom: 0;
    z-index: 99;
}

.tour-gallery__home-6__tab-navs li + li {
    margin-left: 20px;
}

.tour-gallery__home-6__tab-navs li a {
    position: relative;
    display: block;
    cursor: pointer;
    background-color: var(--thm-black);
}

.tour-gallery__home-6__tab-navs li a.active {
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.08);
}

.tour-gallery__home-6__tab-navs li a img {
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.tour-gallery__home-6__tab-navs li a.active img {
    opacity: 0.2;
}

.tour-gallery__home-6__tab-navs li a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 15px solid #ffffff;
    z-index: 10;
}

.tour-gallery__home-6__content-wrap .tab-pane, .tour-gallery__home-6__content-wrap .tab-content {
    width: 100%;
    position: relative;
}

.tour-gallery__home-6__content-floated-text {
    font-family: var(--heading-font);
    font-size: 300px;
    color: #fff;
    position: absolute;
    bottom: 40%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0.1;
}

.tour-sidebar__search {
    background-color: var(--thm-gray);
    padding: 50px;
}

.tour-sidebar__search h3 {
    margin: 0;
    margin-bottom: 30px;
    font-size: 24px;
    font-weight: 500;
    color: var(--thm-black);
    line-height: 1em;
    font-family: var(--thm-font);
}

.tour-sidebar__search-form .input-group + .input-group {
    margin-top: 10px;
}

.tour-sidebar__search-form .input-group input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="reset"]), .tour-sidebar__search-form .input-group textarea {
    width: 100%;
    height: 64px;
    display: block;
    border: none;
    outline: none;
    background-color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    color: #9ca3a9;
    padding-left: 30px;
}

.tour-sidebar__search-form .input-group textarea {
    height: 135px;
    padding-top: 15px;
}

.tour-sidebar__search-form .thm-btn {
    display: block;
    width: 100%;
    height: 64px;
    padding: 0;
    text-align: center;
    line-height: 64px;
}

.tour-sidebar__search-form .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
}

.tour-sidebar__search-form .bootstrap-select > .dropdown-toggle {
    border: 0;
    padding: 18.5px 30px;
    border-radius: 0;
    background-color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    color: #9ca3a9;
}

.tour-sidebar__search-form ::-webkit-input-placeholder {
    color: #9ca3a9;
    opacity: 1;
}

.tour-sidebar__search-form ::-moz-placeholder {
    color: #9ca3a9;
    opacity: 1;
}

.tour-sidebar__search-form :-ms-input-placeholder {
    color: #9ca3a9;
    opacity: 1;
}

.tour-sidebar__search-form ::-ms-input-placeholder {
    color: #9ca3a9;
    opacity: 1;
}

.tour-sidebar__search-form ::placeholder {
    color: #9ca3a9;
    opacity: 1;
}

.tour-sidebar__search-form :-ms-input-placeholder {
    color: #9ca3a9;
}

.tour-sidebar__search-form ::-ms-input-placeholder {
    color: #9ca3a9;
}

.tour-sidebar__search + .offer-sidebar {
    margin-top: 30px;
}

.tour-sidebar__sorter-wrap {
    padding: 50px;
    border-style: solid;
    border-width: 1px;
    border-color: #eceeef;
    margin-top: 15px;
}

.tour-sidebar__sorter-single + .tour-sidebar__sorter-single {
    margin-top: 45px;
}

.tour-sidebar__sorter-top {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #eceeef;
    padding-bottom: 10px;
    margin-bottom: 30px;
}

.tour-sidebar__sorter-top h3 {
    margin: 0;
    color: var(--thm-black);
    font-family: var(--thm-font);
    font-size: 20px;
    font-weight: 500;
}

.tour-sidebar__sorter-toggler {
    border: none;
    outline: none !important;
    font-size: 18px;
    color: var(--thm-black);
    width: auto;
    background-color: transparent;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.tour-sidebar__sorter-toggler.toggled {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.tour-sidebar__price-range .form-group {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.tour-sidebar__price-range .form-group p {
    font-size: 16px;
    font-weight: 500;
    color: #9ca3a9;
    margin: 0;
    line-height: 1em;
}

.tour-sidebar__price-range .noUi-horizontal {
    height: 3px;
    background-color: var(--thm-gray);
}

.tour-sidebar__price-range .noUi-handle {
    border-radius: 50%;
    width: 15px;
    height: 15px;
    background-color: var(--thm-primary);
    border: none;
    outline: none;
    box-shadow: none;
}

.tour-sidebar__price-range .noUi-handle::before, .tour-sidebar__price-range .noUi-handle::after {
    display: none;
}

.tour-sidebar__price-range .noUi-connect {
    background-color: var(--thm-primary);
}

.tour-sidebar__sorter-inputs p {
    margin: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.tour-sidebar__sorter-inputs p + p {
    margin-top: 30px;
}

.tour-sidebar__sorter-inputs p label {
    margin: 0;
    font-weight: 400;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.tour-sidebar__sorter-inputs p label i {
    color: #eceeef;
    font-size: 16px;
    line-height: 1em;
    position: relative;
    top: -2px;
}

.tour-sidebar__sorter-inputs p label i + i {
    margin-left: 5px;
}

.tour-sidebar__sorter-inputs p label i.active {
    color: var(--thm-base);
}

.tour-sidebar__sorter-inputs [type="checkbox"]:checked, .tour-sidebar__sorter-inputs [type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.tour-sidebar__sorter-inputs [type="checkbox"]:checked + label, .tour-sidebar__sorter-inputs [type="checkbox"]:not(:checked) + label {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    color: #9ca3a9;
    font-size: 16px;
    font-weight: 500;
    display: block;
    line-height: 1em;
}

.tour-sidebar__sorter-inputs [type="checkbox"]:checked + label:before, .tour-sidebar__sorter-inputs [type="checkbox"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0px;
    width: 16px;
    height: 16px;
    border: 1px solid #9ca3a9;
}

.tour-sidebar__sorter-inputs [type="checkbox"]:checked + label:after, .tour-sidebar__sorter-inputs [type="checkbox"]:not(:checked) + label:after {
    content: '\f14a';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    top: 0px;
    left: 0px;
    font-size: 18px;
    color: var(--thm-base);
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.tour-sidebar__sorter-inputs [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.tour-sidebar__sorter-inputs [type="checkbox"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.tour-details-two .tour-sidebar {
    position: relative;
    z-index: 10;
    margin-top: -100px;
}

.tour-sidebar__featured, .tour-sidebar__organizer {
    border: 1px solid #eceeef;
    padding: 50px;
    margin-top: 30px;
}

.tour-sidebar__featured {
    margin-top: 0;
}

.tour-sidebar__featured h3, .tour-sidebar__organizer h3 {
    margin: 0;
    color: var(--thm-black);
    font-size: 20px;
    font-family: var(--thm-font);
    margin-bottom: 30px;
}

.tour-sidebar__organizer-content {
    position: relative;
    padding-left: 95px;
}

.tour-sidebar__organizer-content > img {
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
}

.tour-sidebar__featured-single p i, .tour-sidebar__organizer-content p i {
    font-size: 14px;
    color: var(--thm-base);
    margin-right: 10px;
}

.tour-sidebar__organizer-content p, .tour-sidebar__featured-single p, .tour-sidebar__organizer-content span, .tour-sidebar__featured-single span {
    font-size: 16px;
    color: #9ca3a9;
    font-weight: 500;
    line-height: 1em;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin: 0;
}

.tour-sidebar__featured {
    margin-bottom: 30px;
}

.tour-sidebar__featured-single {
    position: relative;
    padding-left: 80px;
}

.tour-sidebar__featured-single > img {
    position: absolute;
    top: 5px;
    left: 0;
}

.tour-sidebar__featured-single h3, .tour-sidebar__organizer-content h3 {
    margin: 0;
    color: var(--thm-black);
    font-size: 18px;
    font-family: var(--thm-font);
    margin-bottom: 10px;
    margin-top: 10px;
}

.tour-sidebar__featured-single + .tour-sidebar__featured-single {
    border-top: 1px solid #eceeef;
    padding-top: 30px;
    margin-top: 30px;
}

.tour-sidebar__featured-single + .tour-sidebar__featured-single > img {
    top: 35px;
}

.tour-sidebar__featured-single p, .tour-sidebar__featured-single p i {
    font-size: 14px;
    color: #9ca3a9;
}

.tour-sidebar__featured-single span {
    color: var(--thm-secondary);
    font-size: 18px;
    font-weight: 500;
}

.tour-sidebar__featured-single h3 {
    margin: 0;
    margin-top: 5px;
    margin-bottom: 10px;
}

.tour-sidebar__featured-single h3 a {
    color: inherit;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.tour-sidebar__featured-single h3 a:hover {
    color: var(--thm-primary);
}

.destinations-one, .destinations-two {
    padding-top: 120px;
    padding-bottom: 90px;
}

.destinations-one__single, .destinations-two__single {
    border-radius: 50%;
    background-color: #082740;
    overflow: hidden;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    position: relative;
    margin-bottom: 30px;
}

.destinations-one__single {
    border-radius: 0;
}

.destinations-one__single:hover, .destinations-two__single:hover {
    background-color: var(--thm-base);
}

.destinations-one__single > img, .destinations-two__single > img {
    opacity: 0.7;
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
    width: 100%;
    border-radius: 50%;
    -webkit-transition: all 500ms ease 300ms;
    transition: all 500ms ease 300ms;
}

.destinations-one__single > img {
    border-radius: 0;
}

.destinations-one__single:hover img, .destinations-two__single:hover img {
    opacity: 0.1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.destinations-one__single h3, .destinations-two__single h3 {
    font-family: var(--thm-font);
    font-size: 50px;
    font-weight: bold;
    color: #fff;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.destinations-one__single h3 a, .destinations-two__single h3 a {
    color: inherit
}

.destinations-one__single h3 a:hover, .destinations-two__single h3 a:hover {
    color: #fff;
}

.destinations-details__title {
    margin: 0;
    color: var(--thm-black);
    font-size: 60px;
    font-family: var(--thm-font);
    font-weight: 600;
    line-height: 1em;
    margin-top: -10px;
    margin-bottom: 40px;
}

.destinations-details__title + p {
    margin-top: -10px;
}

.destinations-details__subtitle {
    margin: 0;
    color: var(--thm-black);
    font-size: 40px;
    font-weight: 600;
    font-family: var(--thm-font);
    margin-top: -10px;
    margin-bottom: 50px;
}

.destinations-details__subtitle + p {
    margin-top: -10px;
}

.destinations-details__content p {
    margin: 0;
    color: #9ca3a9;
    font-size: 18px;
    font-weight: 500;
    line-height: 34px;
}

.destinations-details__content p + p {
    margin-top: 30px;
}

.destinations-details__content .row {
    margin-left: -5px;
    margin-right: -5px;
}

.destinations-details__content .row > [class*=col-] {
    padding-left: 5px;
    padding-right: 5px;
}

.destinations-details__gallery {
    margin-top: 60px;
    margin-bottom: 60px;
}

.destinations-details__content .accrodion-grp {
    margin-top: 50px;
}

.destinations-three {
    padding-top: 120px;
    padding-bottom: 90px;
}

.destinations-three__single {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
    background-color: var(--thm-black);
}

.destinations-three__single > img {
    width: 100%;
}

.destinations-three__content {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    padding-left: 40px;
    padding-bottom: 40px;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition: opacity 500ms ease, -webkit-transform 500ms ease;
    transition: opacity 500ms ease, -webkit-transform 500ms ease;
    transition: transform 500ms ease, opacity 500ms ease;
    transition: transform 500ms ease, opacity 500ms ease, -webkit-transform 500ms ease;
}

.destinations-three__single:hover .destinations-three__content {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0;
}

.destinations-three__hover-content h3, .destinations-three__content h3 {
    font-family: var(--thm-font);
    color: #fff;
    font-size: 36px;
    text-transform: uppercase;
    margin: 0;
}

.destinations-three__hover-content h3 a, .destinations-three__content h3 a {
    color: inherit;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.destinations-three__hover-content h3 a:hover, .destinations-three__content h3 a:hover {
    color: var(--thm-primary);
}

.destinations-three__single::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(49%, rgba(0, 0, 0, 0)), color-stop(99%, rgba(0, 0, 0, 0.98)), to(rgba(0, 0, 0, 1)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 49%, rgba(0, 0, 0, 0.98) 99%, rgba(0, 0, 0, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);
}

.destinations-three__hover-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 11;
    padding-left: 40px;
    padding-bottom: 35px;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0;
    -webkit-transition: opacity 500ms ease, -webkit-transform 500ms ease;
    transition: opacity 500ms ease, -webkit-transform 500ms ease;
    transition: transform 500ms ease, opacity 500ms ease;
    transition: transform 500ms ease, opacity 500ms ease, -webkit-transform 500ms ease;
}

.destinations-three__single:hover .destinations-three__hover-content {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}

.destinations-three__hover-content p {
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    color: var(--thm-base);
    line-height: 1em;
}

.destinations-three__link {
    width: 50px;
    display: block;
    height: 50px;
    text-align: center;
    border-radius: 50%;
    background-color: var(--thm-base);
    position: absolute;
    right: 30px;
    bottom: 40px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.destinations-three__link i {
    line-height: 50px;
    color: var(--thm-black);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    font-size: 18px;
}

.destinations-three__link:hover {
    background-color: var(--thm-primary);
}

.destinations-three__link:hover i {
    color: #ffffff;
}

.features-one__title {
    background-color: #082740;
    padding-bottom: 180px;
    padding-top: 120px;
}

.features-one__title .block-title {
    margin-bottom: 0;
}

.features-one__title .block-title h3 {
    color: #ffffff;
}

.features-one__single {
    box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.03);
    background-color: #fff;
    text-align: center;
    padding-top: 65.5px;
    padding-bottom: 65.5px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    position: relative;
    z-index: 10;
    margin-top: -120px;
}

.features-one__single:hover {
    background-color: var(--thm-primary);
}

.features-one__single i {
    font-size: 50px;
    color: var(--thm-primary);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.features-one__single:hover i {
    color: #ffffff;
}

.features-one__single h3 {
    color: var(--thm-black);
    font-size: 24px;
    margin: 0;
    font-family: var(--thm-font);
    line-height: 30px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    margin-top: 15px;
}

.features-one__single h3 a {
    color: inherit;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.features-one__single h3 a:hover {
    color: #ffffff;
}

.features-one__single:hover h3, .features-one__single:hover h3 a {
    color: #ffffff;
}

.features-two {
    padding-top: 120px;
    padding-bottom: 120px;
    position: relative;
}

.features-two__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: center 130%;
    background-repeat: no-repeat;
    opacity: 0.05;
}

.features-two .container {
    position: relative;
}

.features-two__single {
    margin-bottom: 30px;
    text-align: center;
}

.features-two__single h3 {
    margin: 0;
    color: var(--thm-black);
    font-family: var(--thm-font);
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 25px;
    margin-top: 40px;
}

.features-two__single p {
    margin: 0;
    color: #9ca3a9;
    font-size: 18px;
    line-height: 34px;
    font-weight: 500;
}

.features-two__single i {
    width: 129px;
    display: -webkit-box;
    display: flex;
    height: 129px;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50%;
    font-size: 52px;
    color: #ffffff;
    background-color: var(--thm-secondary);
    box-shadow: 0px 10px 30px 0px rgba(255, 1, 67, 0.2);
}

.features-two [class*=col-]:nth-child(1) .features-two__single i {
    background-color: #6ebd32;
    box-shadow: 0px 10px 30px 0px rgba(110, 189, 50, .2);
}

.features-two [class*=col-]:nth-child(2) .features-two__single i {
    background-color: var(--thm-secondary);
    box-shadow: 0px 10px 30px 0px rgba(var(--thm-secondary-rgb), .2);
}

.features-two [class*=col-]:nth-child(3) .features-two__single i {
    background-color: var(--thm-primary);
    box-shadow: 0px 10px 30px 0px rgba(var(--thm-primary-rgb), .2);
}

.features-two__btn {
    margin-top: 30px;
}

.funfact-one {
    padding-top: 100px;
    padding-bottom: 80px;
    background-color: var(--thm-primary);
}

.funfact-one__single {
    margin-bottom: 30px;
}

.funfact-one__single h3 {
    margin: 0;
    color: #ffffff;
    font-size: 90px;
    font-weight: 400;
    font-family: var(--thm-font);
    line-height: 1em;
}

.funfact-one__single p {
    margin: 0;
    color: #ffffff;
    font-weight: 400;
    font-size: 20px;
    margin-top: 10px;
}

.tour-search-one {
    background-color: #fff;
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
}

.tour-search-one__inner {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-wrap: wrap;
}

.tour-search-one__inputs {
    -webkit-box-flex: 1;
    flex: 1 1 calc(100% - 224px);
    max-width: calc(100% - 224px);
    flex-wrap: wrap;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.tour-search-one__btn-wrap {
    -webkit-box-flex: 1;
    flex: 1 1 224px;
    max-width: 224px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
}

.tour-search-one__btn {
    padding: 43px 77.25px;
    font-size: 20px;
    font-weight: 600;
}

.tour-search-one__input-box {
    -webkit-box-flex: 1;
    flex: 1 1 33.333%;
    max-width: 33.333%;
    padding: 0px 40px;
    padding-top: 39.5px;
    padding-bottom: 24.5px;
}

.tour-search-one__input-box + .tour-search-one__input-box {
    border-left: 1px solid #eceeef;
}

.tour-search-one__input-box label {
    display: block;
    margin: 0;
    text-transform: uppercase;
    color: var(--thm-black);
    font-weight: 600;
    font-size: 14px;
    letter-spacing: .2em;
    line-height: 1em;
    box-shadow: none;
}

.tour-search-one__input-box input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="reset"]), .tour-search-one__input-box textarea {
    border: none;
    outline: none;
    font-size: 20px;
    color: #9ca3a9;
    display: block;
    line-height: 35px;
}

.tour-search-one__input-box ::-webkit-input-placeholder {
    color: #9ca3a9;
    opacity: 1;
}

.tour-search-one__input-box ::-moz-placeholder {
    color: #9ca3a9;
    opacity: 1;
}

.tour-search-one__input-box :-ms-input-placeholder {
    color: #9ca3a9;
    opacity: 1;
}

.tour-search-one__input-box ::-ms-input-placeholder {
    color: #9ca3a9;
    opacity: 1;
}

.tour-search-one__input-box ::placeholder {
    color: #9ca3a9;
    opacity: 1;
}

.tour-search-one__input-box :-ms-input-placeholder {
    color: #9ca3a9;
}

.tour-search-one__input-box ::-ms-input-placeholder {
    color: #9ca3a9;
}

.tour-search-one__input-box .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
}

.tour-search-one__input-box .bootstrap-select > .dropdown-toggle {
    background-color: transparent;
    border: none;
    font-size: 20px;
    font-weight: 400;
    border-radius: 0;
    color: #9ca3a9;
    padding: 0;
    line-height: 35px;
}

.tour-search-one__home-two {
    position: relative;
    z-index: 10;
    margin-top: -60px;
}

.tour-search-one__home-three .block-title p {
    font-size: 24px;
    text-transform: capitalize;
    color: var(--thm-primary);
    font-weight: 400;
    letter-spacing: 0em;
}

.tour-search-one__home-three .block-title h3 {
    font-size: 50px;
}

.tour-search-one__home-three .tour-search-one {
    box-shadow: none;
}

.tour-search-one__home-three .tour-search-one__inputs {
    border: 1px solid #eceeef;
    border-right: 0;
}

.tour-search-one__home-four {
    padding-top: 250px;
    padding-bottom: 120px;
    background-repeat: no-repeat;
    background-position: top left;
    position: relative;
}

.tour-search-one__home-four__sun {
    position: absolute;
    top: 10%;
    left: 10%;
    -webkit-animation: sunMove 10s linear infinite;
    animation: sunMove 10s linear infinite;
}

.tour-search-one__home-four__bird-1 {
    position: absolute;
    top: 23%;
    left: 46%;
    -webkit-animation: bridMove 5s ease-in infinite;
    animation: bridMove 5s ease-in infinite;
}

.tour-search-one__home-four__bird-2 {
    position: absolute;
    top: 36%;
    left: 8%;
    -webkit-animation: bridMove 5s ease-in infinite;
    animation: bridMove 5s ease-in infinite;
}

.tour-search-one__home-four__moc {
    position: absolute;
    top: 0;
    right: -10px;
    -webkit-animation: planeMove2 5s ease-in infinite;
    animation: planeMove2 5s ease-in infinite;
}

@-webkit-keyframes planeMove2 {
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
    25% {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
    50% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
    75% {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}

@keyframes planeMove2 {
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
    25% {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
    50% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
    75% {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}

@-webkit-keyframes bridMove {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    25% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
    }
    50% {
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg);
    }
    75% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes bridMove {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    25% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
    }
    50% {
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg);
    }
    75% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

.tour-search-one__home-four .container {
    position: relative;
}

.tour-search-one__home-four__floated-text {
    position: absolute;
    right: 53%;
    top: 89%;
    -webkit-transform: translateY(0%) rotate(-90deg);
    transform: translateY(0%) rotate(-90deg);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    text-transform: uppercase;
    font-size: 200px;
    font-weight: 200;
    line-height: 200px;
    letter-spacing: .16em;
    opacity: 0.04;
}

.tour-search-one__home-four .block-title p {
    color: var(--thm-primary);
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
}

.tour-search-one__home-four .block-title h3 {
    font-size: 80px;
    font-weight: 800;
    line-height: 70px;
    color: var(--thm-secondary);
}

.tour-search-one__home-four .tour-search-one {
    box-shadow: none;
}

.tour-search-one__home-four .tour-search-one__inputs {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    max-width: 100%;
    margin-left: -5px;
    margin-right: -5px;
}

.tour-search-one__home-four .tour-search-one__col {
    -webkit-box-flex: 1;
    flex: 1 1 50%;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
}

.tour-search-one__home-four .tour-search-one__col:nth-child(1) {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
}

.tour-search-one__home-four .tour-search-one__input-box {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    max-width: 100%;
    border: 2px solid #eceeef;
}

.tour-search-one__home-5 {
    padding-top: 290px;
    padding-bottom: 200px;
    position: relative;
    z-index: 11;
}

.tour-search-one__home-5 .block-title {
    margin-bottom: 30px;
}

.tour-search-one__home-5 .block-title p {
    color: #fff;
    font-weight: 500;
}

.tour-search-one__home-5 .block-title h3 {
    margin: 0;
    font-size: 170px;
    color: #fff;
    letter-spacing: .04em;
    font-weight: 900;
    line-height: 1em;
    text-transform: uppercase;
    margin-top: -7px;
}

.tour-search-one__home-5 .block-title > span {
    font-size: 70px;
    font-family: var(--heading-font);
    color: var(--thm-secondary);
    margin: 0;
    display: block;
    line-height: 1em;
    margin-top: -10px;
}

.tour-search-one__home-5 .tour-search-one__col:nth-child(1) {
    -webkit-box-flex: 1;
    flex: 1 1 50%;
}

@media (min-width: 1200px) {
    .tour-search-one__home-5 .container {
        max-width: 860px;
    }
}

.tour-search-one__home-5 .tour-search-one__btn {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
}

.tour-search-one__home-5 .tour-search-one {
    background-color: transparent;
}

.tour-search-one__home-5 .tour-search-one__input-box {
    border: 2px solid rgba(236, 238, 239, .2);
}

.tour-search-one__home-5 .tour-search-one__input-box label {
    color: #fff;
}

.tour-search-one__home-5 .tour-search-one__input-box .bootstrap-select > .dropdown-toggle {
    color: #fff;
}

.tour-search-one__home-5 .tour-search-one__input-box input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="reset"]), .tour-search-one__home-5 .tour-search-one__input-box textarea {
    background-color: transparent;
    color: #ffffff;
}

.tour-search-one__home-5 .tour-search-one__input-box ::-webkit-input-placeholder {
    color: #ffffff;
    opacity: 1;
}

.tour-search-one__home-5 .tour-search-one__input-box ::-moz-placeholder {
    color: #ffffff;
    opacity: 1;
}

.tour-search-one__home-5 .tour-search-one__input-box :-ms-input-placeholder {
    color: #ffffff;
    opacity: 1;
}

.tour-search-one__home-5 .tour-search-one__input-box ::-ms-input-placeholder {
    color: #ffffff;
    opacity: 1;
}

.tour-search-one__home-5 .tour-search-one__input-box ::placeholder {
    color: #ffffff;
    opacity: 1;
}

.tour-search-one__home-5 .tour-search-one__input-box :-ms-input-placeholder {
    color: #ffffff;
}

.tour-search-one__home-5 .tour-search-one__input-box ::-ms-input-placeholder {
    color: #ffffff;
}

.tour-search__home-6 {
    padding-left: 100px;
}

.tour-search__home-6 .tour-search-one__home-four {
    padding-left: 135px;
    padding-right: 135px;
    padding-top: 258px;
    padding-bottom: 258px;
    position: relative;
}

.tour-search__home-6 .tour-search-one {
    position: relative;
    background-color: transparent;
}

.tour-search-one__6__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: center 110%;
    background-repeat: no-repeat;
    opacity: 0.05;
    background-size: 120% auto;
}

.tour-search__home-6 .row, .tour-search__home-6 .block-title {
    position: relative;
}

.tour-search__home-6 .block-title p {
    font-size: 30px;
    letter-spacing: 0;
}

.tour-search__home-6 .block-title h3 {
    font-size: 70px;
    line-height: 70px;
    text-transform: uppercase;
    font-weight: 800;
}

.tour-search-one__home-seven {
    background-color: #004c85;
    padding-top: 0;
    padding-top: 110px;
    padding-bottom: 105px;
}

.tour-search-one__home-seven .block-title p {
    text-transform: capitalize;
    letter-spacing: 0;
}

.tour-search-one__home-seven .block-title h3 {
    color: #fff;
    font-size: 70px;
    font-weight: 600;
}

.tour-search-one__home-seven .tour-search-one {
    background-color: transparent;
}

.tour-search-one__home-seven .tour-search-one__input-box {
    border-color: rgba(255, 255, 255, .15);
}

tour-search-one__home-seven .tour-search-one__input-box .bootstrap-select > .dropdown-toggle, .tour-search-one__home-seven .tour-search-one__input-box input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="reset"]), .tour-search-one__home-seven .tour-search-one__input-box textarea {
    background-color: transparent;
    color: #a4cae5;
    opacity: 1;
}

.tour-search-one__home-seven .tour-search-one__input-box .tour-search-one__input-box ::-webkit-input-placeholder {
    color: #a4cae5;
    opacity: 1;
}

.tour-search-one__home-seven .tour-search-one__input-box .tour-search-one__input-box ::-moz-placeholder {
    color: #a4cae5;
    opacity: 1;
}

.tour-search-one__home-seven .tour-search-one__input-box .tour-search-one__input-box :-ms-input-placeholder {
    color: #a4cae5;
    opacity: 1;
}

.tour-search-one__home-seven .tour-search-one__input-box .tour-search-one__input-box ::-ms-input-placeholder {
    color: #a4cae5;
    opacity: 1;
}

.tour-search-one__home-seven .tour-search-one__input-box .tour-search-one__input-box ::placeholder {
    color: #a4cae5;
    opacity: 1;
}

.tour-search-one__home-seven .tour-search-one__input-box :-ms-input-placeholder {
    color: #a4cae5;
}

.tour-search-one__home-seven .tour-search-one__input-box ::-ms-input-placeholder {
    color: #a4cae5;
}

.tour-search-one__home-seven .tour-search-one__input-box label {
    color: #ffffff;
}

.tour-search-one__home-seven .features-two__single {
    position: relative;
    padding-left: 170px;
    text-align: left;
    margin-bottom: 0;
}

.tour-search-one__home-seven .features-two__single i {
    position: absolute;
    top: 10px;
    left: 0;
}

.tour-search-one__home-seven-content {
    padding-left: 100px;
}

.tour-search-one__home-seven-content [class*=col-] + [class*=col-] {
    border-top: 1px solid rgba(255, 255, 255, .07);
    padding-top: 40px;
    margin-top: 40px;
}

.tour-search-one__home-seven-content .features-two__single h3 {
    color: #ffffff;
    margin-top: 0;
}

.tour-search-one__home-seven-content .features-two__single p {
    color: #a4cae5;
}

.tour-search-one__home-8 {
    width: 100%;
    max-width: 1250px;
    background-color: #fff;
    padding: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.2);
}

.page-header::before {
    background: url(../images/shapes/banner-4-bg.png) no-repeat left top;
    background-size: 60%;
    opacity: 1;
}

.page-header {
    background: linear-gradient(312deg, #f1f1f1, transparent);
}

.destinations-three__single {
    min-height: 300px;
    background-size: cover;
    border-radius: 4px;
    background-position: center;
    box-shadow: 0px 3px 10px 0px #0d1a3596;
}

.tour-sidebar__featured h3, .tour-sidebar__organizer h3 {
    color: #244c6d;
    font-size: 26px;
    text-align: left;
    font-weight: bold;
    margin-bottom: 10px;
}

.fechas {
    margin-top: 21px;
}

.tour-sidebar {
    background: white;
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 #e8ebed;
}

.book-form-totals {
    background: #f9fafb;
    border-bottom: 1px solid #e0e3e6;
    border-top: 1px solid #e0e3e6;
    padding: 30px 0;
    margin: 25px -50px;
    font-size: 1.5rem;
}

.destinations-details__content {
    text-align: left;
}

.page-header h2 {
    color: #082740;
    font-weight: bold;
    font-family: var(--thm-base);
}

.fc .fc-daygrid-day.fc-day-today {
    background-color: rgba(81, 144, 214, 0.1) !important;
}

.btnElement {
    width: 50px;
    height: 50px;
    border-radius: 3px;
    background: #2c3d50;
    color: white;
    border: 0px solid !important;
    font-size: 19px;
    font-weight: bold;
    line-height: 36px;
    vertical-align: middle;
}

.tour-sidebar__featured {
    margin-bottom: 30px;
    font-family: 'Barlow Condensed';
}

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

.row.row-cols-auto.text-left {
    margin: 15px 0;
    border: 1px solid #e8ebed;
    min-height: 75px;
    vertical-align: middle;
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 #e8ebed;
}

.formularioReserva {
    margin: 25px auto;
}

.pagoCorrecto, .pagoIncorrecto {
    margin: 0;
}

.pagoCorrecto h1 {
    font-family: "Barlow Condensed", sans-serif;
    font-size: 3rem;
    text-transform: uppercase;
    color: #78ab42;
}

.pagoIncorrecto h1 {
    font-family: "Barlow Condensed", sans-serif;
    font-size: 3rem;
    text-transform: uppercase;
    color: #ff6145;
}

.svg-box {
    display: inline-block;
    position: relative;
    width: 150px;
}

.green-stroke {
    stroke: #7CB342;
}

.red-stroke {
    stroke: #FF6245;
}

.yellow-stroke {
    stroke: #FFC107;
}

.circular circle.path {
    stroke-dasharray: 330;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    opacity: 0.4;
    animation: 0.7s draw-circle ease-out;
}

.checkmark {
    stroke-width: 6.25;
    stroke-linecap: round;
    position: absolute;
    top: 56px;
    left: 49px;
    width: 52px;
    height: 40px;
}

.checkmark path {
    animation: 1s draw-check ease-out;
}

@keyframes draw-circle {
    0% {
        stroke-dasharray: 0, 330;
        stroke-dashoffset: 0;
        opacity: 1;
    }
    80% {
        stroke-dasharray: 330, 330;
        stroke-dashoffset: 0;
        opacity: 1;
    }
    100% {
        opacity: 0.4;
    }
}

@keyframes draw-check {
    0% {
        stroke-dasharray: 49, 80;
        stroke-dashoffset: 48;
        opacity: 0;
    }
    50% {
        stroke-dasharray: 49, 80;
        stroke-dashoffset: 48;
        opacity: 1;
    }
    100% {
        stroke-dasharray: 130, 80;
        stroke-dashoffset: 48;
    }
}

.cross {
    stroke-width: 6.25;
    stroke-linecap: round;
    position: absolute;
    top: 54px;
    left: 54px;
    width: 40px;
    height: 40px;
}

.cross .first-line {
    animation: 0.7s draw-first-line ease-out;
}

.cross .second-line {
    animation: 0.7s draw-second-line ease-out;
}

@keyframes draw-first-line {
    0% {
        stroke-dasharray: 0, 56;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 0, 56;
        stroke-dashoffset: 0;
    }
    100% {
        stroke-dasharray: 56, 330;
        stroke-dashoffset: 0;
    }
}

@keyframes draw-second-line {
    0% {
        stroke-dasharray: 0, 55;
        stroke-dashoffset: 1;
    }
    50% {
        stroke-dasharray: 0, 55;
        stroke-dashoffset: 1;
    }
    100% {
        stroke-dasharray: 55, 0;
        stroke-dashoffset: 70;
    }
}

.alert-sign {
    stroke-width: 6.25;
    stroke-linecap: round;
    position: absolute;
    top: 40px;
    left: 68px;
    width: 15px;
    height: 70px;
    animation: 0.5s alert-sign-bounce cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.alert-sign .dot {
    stroke: none;
    fill: #FFC107;
}

@keyframes alert-sign-bounce {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    50% {
        transform: scale(0);
        opacity: 1;
    }
    100% {
        transform: scale(1);
    }
}

strong {
    color: #254d6e;
}

.destinations-details__content p {
    color: #707375;
    font-size: 18px;
    font-family: var(--thm-font);
}

button.btn.btn-block.btn-large.btn-primary {
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 2px;
}

button.btn.btn-underline {
    color: #808080;
    text-decoration: underline;
}

;
.button-reset, .columns-flyout-cf-toggle button, .manifest-nav-prev, .manifest-nav-today, .manifest-nav-next, .manifest-nav-more, .manifest-nav-scan, .manifest-nav .manifest-nav-item, .popover-menu-action[type="button"], .popover-menu-content[type="button"], .refund-type-select > button, .op-details-link, .item-edit-resize, .select-all button, .db-header-btn--alerts, .db-header-btn, .gallery-overlay-close, .gallery-filmstrip > li > button, .gallery-slides > li > button, .availability-image, .customer-type-add-btn, .flow-search-button button, .giant-toggle > button, .customer-type-card .customer-type-card-remove button, .cvc-hint .cvc-hint-close, .cvc-hint-toggle, .swipe-card-button, .calendar-small-day, .search-item-expand, .hygiene-flyout-close, .ben-item, .flyout-editable-image-preview button, button.flyout-reset-all, .flyout-menu-items button, .flyout-preset-edit-btn, .flyout-preset-apply, .ng-clear-input, .pager button, .table-nav-item[type="button"], .hint-note-hide {
    width: auto;
    box-sizing: border-box;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-align: left;
    color: inherit;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none
}

.button-reset[disabled], .button-reset.button-disabled, .button-reset.btn-disabled, .button-reset:disabled, .columns-flyout-cf-toggle button[disabled], .manifest-nav-prev[disabled], .manifest-nav-today[disabled], .manifest-nav-next[disabled], .manifest-nav-more[disabled], .manifest-nav-scan[disabled], .manifest-nav .manifest-nav-item[disabled], .popover-menu-action[disabled][type="button"], .popover-menu-content[disabled][type="button"], .refund-type-select > button[disabled], .op-details-link[disabled], .item-edit-resize[disabled], .select-all button[disabled], .db-header-btn--alerts[disabled], .db-header-btn[disabled], .gallery-overlay-close[disabled], .gallery-filmstrip > li > button[disabled], .gallery-slides > li > button[disabled], .availability-image[disabled], .customer-type-add-btn[disabled], .flow-search-button button[disabled], .giant-toggle > button[disabled], .customer-type-card .customer-type-card-remove button[disabled], .cvc-hint .cvc-hint-close[disabled], .cvc-hint-toggle[disabled], .swipe-card-button[disabled], .calendar-small-day[disabled], .search-item-expand[disabled], .hygiene-flyout-close[disabled], .ben-item[disabled], .flyout-editable-image-preview button[disabled], button.flyout-reset-all[disabled], .flyout-menu-items button[disabled], .flyout-preset-edit-btn[disabled], .flyout-preset-apply[disabled], .ng-clear-input[disabled], .pager button[disabled], .table-nav-item[disabled][type="button"], .hint-note-hide[disabled], .columns-flyout-cf-toggle button.button-disabled, .button-disabled.manifest-nav-prev, .button-disabled.manifest-nav-today, .button-disabled.manifest-nav-next, .button-disabled.manifest-nav-more, .button-disabled.manifest-nav-scan, .manifest-nav .button-disabled.manifest-nav-item, .button-disabled.popover-menu-action[type="button"], .button-disabled.popover-menu-content[type="button"], .refund-type-select > button.button-disabled, .button-disabled.op-details-link, .button-disabled.item-edit-resize, .select-all button.button-disabled, .button-disabled.db-header-btn--alerts, .button-disabled.db-header-btn, .button-disabled.gallery-overlay-close, .gallery-filmstrip > li > button.button-disabled, .gallery-slides > li > button.button-disabled, .button-disabled.availability-image, .button-disabled.customer-type-add-btn, .flow-search-button button.button-disabled, .giant-toggle > button.button-disabled, .customer-type-card .customer-type-card-remove button.button-disabled, .cvc-hint .button-disabled.cvc-hint-close, .button-disabled.cvc-hint-toggle, .button-disabled.swipe-card-button, .button-disabled.calendar-small-day, .button-disabled.search-item-expand, .button-disabled.hygiene-flyout-close, .button-disabled.ben-item, .flyout-editable-image-preview button.button-disabled, button.button-disabled.flyout-reset-all, .flyout-menu-items button.button-disabled, .button-disabled.flyout-preset-edit-btn, .button-disabled.flyout-preset-apply, .button-disabled.ng-clear-input, .pager button.button-disabled, .button-disabled.table-nav-item[type="button"], .button-disabled.hint-note-hide, .columns-flyout-cf-toggle button.btn-disabled, .btn-disabled.manifest-nav-prev, .btn-disabled.manifest-nav-today, .btn-disabled.manifest-nav-next, .btn-disabled.manifest-nav-more, .btn-disabled.manifest-nav-scan, .manifest-nav .btn-disabled.manifest-nav-item, .btn-disabled.popover-menu-action[type="button"], .btn-disabled.popover-menu-content[type="button"], .refund-type-select > button.btn-disabled, .btn-disabled.op-details-link, .btn-disabled.item-edit-resize, .select-all button.btn-disabled, .btn-disabled.db-header-btn--alerts, .btn-disabled.db-header-btn, .btn-disabled.gallery-overlay-close, .gallery-filmstrip > li > button.btn-disabled, .gallery-slides > li > button.btn-disabled, .btn-disabled.availability-image, .btn-disabled.customer-type-add-btn, .flow-search-button button.btn-disabled, .giant-toggle > button.btn-disabled, .customer-type-card .customer-type-card-remove button.btn-disabled, .cvc-hint .btn-disabled.cvc-hint-close, .btn-disabled.cvc-hint-toggle, .btn-disabled.swipe-card-button, .btn-disabled.calendar-small-day, .btn-disabled.search-item-expand, .btn-disabled.hygiene-flyout-close, .btn-disabled.ben-item, .flyout-editable-image-preview button.btn-disabled, button.btn-disabled.flyout-reset-all, .flyout-menu-items button.btn-disabled, .btn-disabled.flyout-preset-edit-btn, .btn-disabled.flyout-preset-apply, .btn-disabled.ng-clear-input, .pager button.btn-disabled, .btn-disabled.table-nav-item[type="button"], .btn-disabled.hint-note-hide, .columns-flyout-cf-toggle button:disabled, .manifest-nav-prev:disabled, .manifest-nav-today:disabled, .manifest-nav-next:disabled, .manifest-nav-more:disabled, .manifest-nav-scan:disabled, .manifest-nav .manifest-nav-item:disabled, .popover-menu-action[type="button"]:disabled, .popover-menu-content[type="button"]:disabled, .refund-type-select > button:disabled, .op-details-link:disabled, .item-edit-resize:disabled, .select-all button:disabled, .db-header-btn--alerts:disabled, .db-header-btn:disabled, .gallery-overlay-close:disabled, .gallery-filmstrip > li > button:disabled, .gallery-slides > li > button:disabled, .availability-image:disabled, .customer-type-add-btn:disabled, .flow-search-button button:disabled, .giant-toggle > button:disabled, .customer-type-card .customer-type-card-remove button:disabled, .cvc-hint .cvc-hint-close:disabled, .cvc-hint-toggle:disabled, .swipe-card-button:disabled, .calendar-small-day:disabled, .search-item-expand:disabled, .hygiene-flyout-close:disabled, .ben-item:disabled, .flyout-editable-image-preview button:disabled, button.flyout-reset-all:disabled, .flyout-menu-items button:disabled, .flyout-preset-edit-btn:disabled, .flyout-preset-apply:disabled, .ng-clear-input:disabled, .pager button:disabled, .table-nav-item[type="button"]:disabled, .hint-note-hide:disabled {
    cursor: not-allowed
}

.fh-blue {
    color: #0a6ece
}

.fh-green {
    color: #1D875A
}

.fh-green-medium {
    color: #007025
}

.fh-green-dark {
    color: #104c33
}

.fh-red {
    color: #c02b2b
}

.fh-orange {
    color: #C75300
}

.fh-purple {
    color: #745dca
}

.fh-purple-dark {
    color: #5600da
}

.fh-grey {
    color: #768593
}

.fh-grey-new {
    color: #697886
}

.fh-grey-light {
    color: #8d99a5
}

.fh-grey-dark {
    color: #5a6672
}

.text-normal-color {
    color: #1f2428
}

.disabled-grey {
    color: #9ba6b0
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak, .ng-hide:not(.ng-hide-animate) {
    display: none !important
}

ng\:form {
    display: block
}

.ng-disabled {
    color: #768593
}

.ng-disabled .badge {
    opacity: .9
}

.warning-color {
    color: #f37f25
}

.fh-light-grey {
    color: #8d99a5
}

.booking-pk-color {
    color: #556f8c
}

.extra-highlight {
    background-color: #fff1ba
}

.font-monospace {
    font-family: Monaco, monospace
}

.no-assets-message {
    display: none !important
}

.hide-when-toggled.toggled, .toggled > .hide-when-toggled {
    display: none !important
}

.show-when-toggled {
    display: none
}

.show-when-toggled.toggled, .toggled > .show-when-toggled {
    display: inline
}

.ng-invisible {
    visibility: hidden
}

.customer-type-add-btn::after, .max-hit-area::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.respond-handhelds-show {
    display: none
}

@media only screen and (max-width: 679px) {
    .respond-handhelds-show {
        display: block
    }
}

@media only screen and (max-width: 679px) {
    .respond-handhelds-hide {
        display: none !important
    }
}

@media only screen and (min-width: 680px) {
    .respond-desktop-hide {
        display: none !important
    }
}

@media only screen {
    .respond-print-show {
        display: none
    }
}

@media only print {
    .respond-print-hide {
        display: none !important
    }
}

html.touch .respond-touch-hide {
    display: none
}

@media only screen and (max-width: 679px) {
    html.not-touch .respond-handhelds-not-touch-hide {
        display: none
    }
}

@media only screen and (max-width: 679px) {
    html.touch .respond-handhelds-touch-hide {
        display: none
    }
}

html:not([lang|="en"]) .respond-hide-non-english {
    display: none
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.hide {
    display: none
}

.display-block {
    display: block
}

.min-width-0 {
    min-width: 0
}

.text-tiny {
    font-size: 11px
}

.text-small {
    font-size: 12px
}

.text-normal {
    font-size: 13px
}

.text-large {
    font-size: 14px
}

.text-larger {
    font-size: 15px
}

.text-huge {
    font-size: 16px
}

.text-enormous {
    font-size: 17px
}

.text-smaller {
    font-size: 0.9em
}

.underline {
    text-decoration: underline
}

.underline-on-hover:hover {
    text-decoration: underline
}

.bold {
    font-weight: bold
}

.extra-bold {
    font-weight: 900
}

.font-weight-normal {
    font-weight: normal
}

.strike {
    text-decoration: line-through
}

.pointer {
    cursor: pointer !important
}

.cursor-help {
    cursor: help !important
}

.cursor-grab {
    cursor: -webkit-grab !important;
    cursor: -moz-grab !important;
    cursor: grab !important
}

.monospace {
    font-family: monospace !important
}

.no-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.no-pointer-events {
    pointer-events: none
}

.capitalize-first {
    display: inline-block
}

.capitalize-first:first-letter {
    text-transform: capitalize
}

.capitalize {
    text-transform: capitalize
}

.uppercase-first-letter:first-letter {
    text-transform: uppercase
}

.truncated {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media only screen {
    @supports (position:sticky) {
        .sticky--0, .sticky--db, .sticky--reports, .sticky--manifest {
            position: -webkit-sticky !important;
            position: sticky !important;
            z-index: 99;
            top: 0
        }
    }
}

@media only screen and (min-width: 680px) {
    @supports (position:sticky) {
        .sticky--db {
            top: 45px
        }

        .sticky--reports {
            top: 82px
        }

        .sticky--manifest {
            top: 125px
        }
    }
}

.m-0 {
    margin: 0 !important
}

.m-t-0 {
    margin-top: 0 !important
}

.m-r-0 {
    margin-right: 0 !important
}

.m-b-0 {
    margin-bottom: 0 !important
}

.m-l-0 {
    margin-left: 0 !important
}

.m-l-auto {
    margin-left: auto
}

.m-r-auto {
    margin-right: auto
}

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

.p-0 {
    padding: 0 !important
}

.p-t-0 {
    padding-top: 0 !important
}

.p-r-0 {
    padding-right: 0 !important
}

.p-b-0 {
    padding-bottom: 0 !important
}

.p-l-0 {
    padding-left: 0 !important
}

.m-5 {
    margin: 5px
}

.m-tb-5 {
    margin-top: 5px;
    margin-bottom: 5px
}

.m-rl-5 {
    margin-right: 5px;
    margin-left: 5px
}

.m-t-5 {
    margin-top: 5px
}

.m-r-5 {
    margin-right: 5px
}

.m-b-5 {
    margin-bottom: 5px
}

.m-l-5 {
    margin-left: 5px
}

.p-5 {
    padding: 5px
}

.p-tb-5 {
    padding-top: 5px;
    padding-bottom: 5px
}

.p-rl-5 {
    padding-right: 5px;
    padding-left: 5px
}

.p-t-5 {
    padding-top: 5px
}

.p-r-5 {
    padding-right: 5px
}

.p-b-5 {
    padding-bottom: 5px
}

.p-l-5 {
    padding-left: 5px
}

.m-10 {
    margin: 10px
}

.m-tb-10 {
    margin-top: 10px;
    margin-bottom: 10px
}

.m-rl-10 {
    margin-right: 10px;
    margin-left: 10px
}

.m-t-10 {
    margin-top: 10px
}

.m-r-10 {
    margin-right: 10px
}

.m-b-10 {
    margin-bottom: 10px
}

.m-l-10 {
    margin-left: 10px
}

.p-10 {
    padding: 10px
}

.p-tb-10 {
    padding-top: 10px;
    padding-bottom: 10px
}

.p-rl-10 {
    padding-right: 10px;
    padding-left: 10px
}

.p-t-10 {
    padding-top: 10px
}

.p-r-10 {
    padding-right: 10px
}

.p-b-10 {
    padding-bottom: 10px
}

.p-l-10 {
    padding-left: 10px
}

.m-12 {
    margin: 12px
}

.m-tb-12 {
    margin-top: 12px;
    margin-bottom: 12px
}

.m-rl-12 {
    margin-right: 12px;
    margin-left: 12px
}

.m-t-12 {
    margin-top: 12px
}

.m-r-12 {
    margin-right: 12px
}

.m-b-12 {
    margin-bottom: 12px
}

.m-l-12 {
    margin-left: 12px
}

.p-12 {
    padding: 12px
}

.p-tb-12 {
    padding-top: 12px;
    padding-bottom: 12px
}

.p-rl-12 {
    padding-right: 12px;
    padding-left: 12px
}

.p-t-12 {
    padding-top: 12px
}

.p-r-12 {
    padding-right: 12px
}

.p-b-12 {
    padding-bottom: 12px
}

.p-l-12 {
    padding-left: 12px
}

.m-15 {
    margin: 15px
}

.m-tb-15 {
    margin-top: 15px;
    margin-bottom: 15px
}

.m-rl-15 {
    margin-right: 15px;
    margin-left: 15px
}

.m-t-15 {
    margin-top: 15px
}

.m-r-15 {
    margin-right: 15px
}

.m-b-15 {
    margin-bottom: 15px
}

.m-l-15 {
    margin-left: 15px
}

.p-15 {
    padding: 15px
}

.p-tb-15 {
    padding-top: 15px;
    padding-bottom: 15px
}

.p-rl-15 {
    padding-right: 15px;
    padding-left: 15px
}

.p-t-15 {
    padding-top: 15px
}

.p-r-15 {
    padding-right: 15px
}

.p-b-15 {
    padding-bottom: 15px
}

.p-l-15 {
    padding-left: 15px
}

.m-20 {
    margin: 20px
}

.m-tb-20 {
    margin-top: 20px;
    margin-bottom: 20px
}

.m-rl-20 {
    margin-right: 20px;
    margin-left: 20px
}

.m-t-20 {
    margin-top: 20px
}

.m-r-20 {
    margin-right: 20px
}

.m-b-20 {
    margin-bottom: 20px
}

.m-l-20 {
    margin-left: 20px
}

.p-20 {
    padding: 20px
}

.p-tb-20 {
    padding-top: 20px;
    padding-bottom: 20px
}

.p-rl-20 {
    padding-right: 20px;
    padding-left: 20px
}

.p-t-20 {
    padding-top: 20px
}

.p-r-20 {
    padding-right: 20px
}

.p-b-20 {
    padding-bottom: 20px
}

.p-l-20 {
    padding-left: 20px
}

@media only screen and (min-width: 680px) {
    .m-5--desktop {
        margin: 5px
    }

    .m-tb-5--desktop {
        margin-top: 5px;
        margin-bottom: 5px
    }

    .m-rl-5--desktop {
        margin-right: 5px;
        margin-left: 5px
    }

    .m-t-5--desktop {
        margin-top: 5px
    }

    .m-r-5--desktop {
        margin-right: 5px
    }

    .m-b-5--desktop {
        margin-bottom: 5px
    }

    .m-l-5--desktop {
        margin-left: 5px
    }

    .p-5--desktop {
        padding: 5px
    }

    .p-tb-5--desktop {
        padding-top: 5px;
        padding-bottom: 5px
    }

    .p-rl-5--desktop {
        padding-right: 5px;
        padding-left: 5px
    }

    .p-t-5--desktop {
        padding-top: 5px
    }

    .p-r-5--desktop {
        padding-right: 5px
    }

    .p-b-5--desktop {
        padding-bottom: 5px
    }

    .p-l-5--desktop {
        padding-left: 5px
    }

    .m-10--desktop {
        margin: 10px
    }

    .m-tb-10--desktop {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .m-rl-10--desktop {
        margin-right: 10px;
        margin-left: 10px
    }

    .m-t-10--desktop {
        margin-top: 10px
    }

    .m-r-10--desktop {
        margin-right: 10px
    }

    .m-b-10--desktop {
        margin-bottom: 10px
    }

    .m-l-10--desktop {
        margin-left: 10px
    }

    .p-10--desktop {
        padding: 10px
    }

    .p-tb-10--desktop {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .p-rl-10--desktop {
        padding-right: 10px;
        padding-left: 10px
    }

    .p-t-10--desktop {
        padding-top: 10px
    }

    .p-r-10--desktop {
        padding-right: 10px
    }

    .p-b-10--desktop {
        padding-bottom: 10px
    }

    .p-l-10--desktop {
        padding-left: 10px
    }

    .m-12--desktop {
        margin: 12px
    }

    .m-tb-12--desktop {
        margin-top: 12px;
        margin-bottom: 12px
    }

    .m-rl-12--desktop {
        margin-right: 12px;
        margin-left: 12px
    }

    .m-t-12--desktop {
        margin-top: 12px
    }

    .m-r-12--desktop {
        margin-right: 12px
    }

    .m-b-12--desktop {
        margin-bottom: 12px
    }

    .m-l-12--desktop {
        margin-left: 12px
    }

    .p-12--desktop {
        padding: 12px
    }

    .p-tb-12--desktop {
        padding-top: 12px;
        padding-bottom: 12px
    }

    .p-rl-12--desktop {
        padding-right: 12px;
        padding-left: 12px
    }

    .p-t-12--desktop {
        padding-top: 12px
    }

    .p-r-12--desktop {
        padding-right: 12px
    }

    .p-b-12--desktop {
        padding-bottom: 12px
    }

    .p-l-12--desktop {
        padding-left: 12px
    }

    .m-15--desktop {
        margin: 15px
    }

    .m-tb-15--desktop {
        margin-top: 15px;
        margin-bottom: 15px
    }

    .m-rl-15--desktop {
        margin-right: 15px;
        margin-left: 15px
    }

    .m-t-15--desktop {
        margin-top: 15px
    }

    .m-r-15--desktop {
        margin-right: 15px
    }

    .m-b-15--desktop {
        margin-bottom: 15px
    }

    .m-l-15--desktop {
        margin-left: 15px
    }

    .p-15--desktop {
        padding: 15px
    }

    .p-tb-15--desktop {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .p-rl-15--desktop {
        padding-right: 15px;
        padding-left: 15px
    }

    .p-t-15--desktop {
        padding-top: 15px
    }

    .p-r-15--desktop {
        padding-right: 15px
    }

    .p-b-15--desktop {
        padding-bottom: 15px
    }

    .p-l-15--desktop {
        padding-left: 15px
    }

    .m-20--desktop {
        margin: 20px
    }

    .m-tb-20--desktop {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .m-rl-20--desktop {
        margin-right: 20px;
        margin-left: 20px
    }

    .m-t-20--desktop {
        margin-top: 20px
    }

    .m-r-20--desktop {
        margin-right: 20px
    }

    .m-b-20--desktop {
        margin-bottom: 20px
    }

    .m-l-20--desktop {
        margin-left: 20px
    }

    .p-20--desktop {
        padding: 20px
    }

    .p-tb-20--desktop {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .p-rl-20--desktop {
        padding-right: 20px;
        padding-left: 20px
    }

    .p-t-20--desktop {
        padding-top: 20px
    }

    .p-r-20--desktop {
        padding-right: 20px
    }

    .p-b-20--desktop {
        padding-bottom: 20px
    }

    .p-l-20--desktop {
        padding-left: 20px
    }
}

@media only screen and (max-width: 679px) {
    .m-5--handhelds {
        margin: 5px
    }

    .m-tb-5--handhelds {
        margin-top: 5px;
        margin-bottom: 5px
    }

    .m-rl-5--handhelds {
        margin-right: 5px;
        margin-left: 5px
    }

    .m-t-5--handhelds {
        margin-top: 5px
    }

    .m-r-5--handhelds {
        margin-right: 5px
    }

    .m-b-5--handhelds {
        margin-bottom: 5px
    }

    .m-l-5--handhelds {
        margin-left: 5px
    }

    .p-5--handhelds {
        padding: 5px
    }

    .p-tb-5--handhelds {
        padding-top: 5px;
        padding-bottom: 5px
    }

    .p-rl-5--handhelds {
        padding-right: 5px;
        padding-left: 5px
    }

    .p-t-5--handhelds {
        padding-top: 5px
    }

    .p-r-5--handhelds {
        padding-right: 5px
    }

    .p-b-5--handhelds {
        padding-bottom: 5px
    }

    .p-l-5--handhelds {
        padding-left: 5px
    }

    .m-10--handhelds {
        margin: 10px
    }

    .m-tb-10--handhelds {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .m-rl-10--handhelds {
        margin-right: 10px;
        margin-left: 10px
    }

    .m-t-10--handhelds {
        margin-top: 10px
    }

    .m-r-10--handhelds {
        margin-right: 10px
    }

    .m-b-10--handhelds {
        margin-bottom: 10px
    }

    .m-l-10--handhelds {
        margin-left: 10px
    }

    .p-10--handhelds {
        padding: 10px
    }

    .p-tb-10--handhelds {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .p-rl-10--handhelds {
        padding-right: 10px;
        padding-left: 10px
    }

    .p-t-10--handhelds {
        padding-top: 10px
    }

    .p-r-10--handhelds {
        padding-right: 10px
    }

    .p-b-10--handhelds {
        padding-bottom: 10px
    }

    .p-l-10--handhelds {
        padding-left: 10px
    }

    .m-12--handhelds {
        margin: 12px
    }

    .m-tb-12--handhelds {
        margin-top: 12px;
        margin-bottom: 12px
    }

    .m-rl-12--handhelds {
        margin-right: 12px;
        margin-left: 12px
    }

    .m-t-12--handhelds {
        margin-top: 12px
    }

    .m-r-12--handhelds {
        margin-right: 12px
    }

    .m-b-12--handhelds {
        margin-bottom: 12px
    }

    .m-l-12--handhelds {
        margin-left: 12px
    }

    .p-12--handhelds {
        padding: 12px
    }

    .p-tb-12--handhelds {
        padding-top: 12px;
        padding-bottom: 12px
    }

    .p-rl-12--handhelds {
        padding-right: 12px;
        padding-left: 12px
    }

    .p-t-12--handhelds {
        padding-top: 12px
    }

    .p-r-12--handhelds {
        padding-right: 12px
    }

    .p-b-12--handhelds {
        padding-bottom: 12px
    }

    .p-l-12--handhelds {
        padding-left: 12px
    }

    .m-15--handhelds {
        margin: 15px
    }

    .m-tb-15--handhelds {
        margin-top: 15px;
        margin-bottom: 15px
    }

    .m-rl-15--handhelds {
        margin-right: 15px;
        margin-left: 15px
    }

    .m-t-15--handhelds {
        margin-top: 15px
    }

    .m-r-15--handhelds {
        margin-right: 15px
    }

    .m-b-15--handhelds {
        margin-bottom: 15px
    }

    .m-l-15--handhelds {
        margin-left: 15px
    }

    .p-15--handhelds {
        padding: 15px
    }

    .p-tb-15--handhelds {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .p-rl-15--handhelds {
        padding-right: 15px;
        padding-left: 15px
    }

    .p-t-15--handhelds {
        padding-top: 15px
    }

    .p-r-15--handhelds {
        padding-right: 15px
    }

    .p-b-15--handhelds {
        padding-bottom: 15px
    }

    .p-l-15--handhelds {
        padding-left: 15px
    }

    .m-20--handhelds {
        margin: 20px
    }

    .m-tb-20--handhelds {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .m-rl-20--handhelds {
        margin-right: 20px;
        margin-left: 20px
    }

    .m-t-20--handhelds {
        margin-top: 20px
    }

    .m-r-20--handhelds {
        margin-right: 20px
    }

    .m-b-20--handhelds {
        margin-bottom: 20px
    }

    .m-l-20--handhelds {
        margin-left: 20px
    }

    .p-20--handhelds {
        padding: 20px
    }

    .p-tb-20--handhelds {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .p-rl-20--handhelds {
        padding-right: 20px;
        padding-left: 20px
    }

    .p-t-20--handhelds {
        padding-top: 20px
    }

    .p-r-20--handhelds {
        padding-right: 20px
    }

    .p-b-20--handhelds {
        padding-bottom: 20px
    }

    .p-l-20--handhelds {
        padding-left: 20px
    }
}

@media only screen {
    .m-5--screen {
        margin: 5px
    }

    .m-tb-5--screen {
        margin-top: 5px;
        margin-bottom: 5px
    }

    .m-rl-5--screen {
        margin-right: 5px;
        margin-left: 5px
    }

    .m-t-5--screen {
        margin-top: 5px
    }

    .m-r-5--screen {
        margin-right: 5px
    }

    .m-b-5--screen {
        margin-bottom: 5px
    }

    .m-l-5--screen {
        margin-left: 5px
    }

    .p-5--screen {
        padding: 5px
    }

    .p-tb-5--screen {
        padding-top: 5px;
        padding-bottom: 5px
    }

    .p-rl-5--screen {
        padding-right: 5px;
        padding-left: 5px
    }

    .p-t-5--screen {
        padding-top: 5px
    }

    .p-r-5--screen {
        padding-right: 5px
    }

    .p-b-5--screen {
        padding-bottom: 5px
    }

    .p-l-5--screen {
        padding-left: 5px
    }

    .m-10--screen {
        margin: 10px
    }

    .m-tb-10--screen {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .m-rl-10--screen {
        margin-right: 10px;
        margin-left: 10px
    }

    .m-t-10--screen {
        margin-top: 10px
    }

    .m-r-10--screen {
        margin-right: 10px
    }

    .m-b-10--screen {
        margin-bottom: 10px
    }

    .m-l-10--screen {
        margin-left: 10px
    }

    .p-10--screen {
        padding: 10px
    }

    .p-tb-10--screen {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .p-rl-10--screen {
        padding-right: 10px;
        padding-left: 10px
    }

    .p-t-10--screen {
        padding-top: 10px
    }

    .p-r-10--screen {
        padding-right: 10px
    }

    .p-b-10--screen {
        padding-bottom: 10px
    }

    .p-l-10--screen {
        padding-left: 10px
    }

    .m-12--screen {
        margin: 12px
    }

    .m-tb-12--screen {
        margin-top: 12px;
        margin-bottom: 12px
    }

    .m-rl-12--screen {
        margin-right: 12px;
        margin-left: 12px
    }

    .m-t-12--screen {
        margin-top: 12px
    }

    .m-r-12--screen {
        margin-right: 12px
    }

    .m-b-12--screen {
        margin-bottom: 12px
    }

    .m-l-12--screen {
        margin-left: 12px
    }

    .p-12--screen {
        padding: 12px
    }

    .p-tb-12--screen {
        padding-top: 12px;
        padding-bottom: 12px
    }

    .p-rl-12--screen {
        padding-right: 12px;
        padding-left: 12px
    }

    .p-t-12--screen {
        padding-top: 12px
    }

    .p-r-12--screen {
        padding-right: 12px
    }

    .p-b-12--screen {
        padding-bottom: 12px
    }

    .p-l-12--screen {
        padding-left: 12px
    }

    .m-15--screen {
        margin: 15px
    }

    .m-tb-15--screen {
        margin-top: 15px;
        margin-bottom: 15px
    }

    .m-rl-15--screen {
        margin-right: 15px;
        margin-left: 15px
    }

    .m-t-15--screen {
        margin-top: 15px
    }

    .m-r-15--screen {
        margin-right: 15px
    }

    .m-b-15--screen {
        margin-bottom: 15px
    }

    .m-l-15--screen {
        margin-left: 15px
    }

    .p-15--screen {
        padding: 15px
    }

    .p-tb-15--screen {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .p-rl-15--screen {
        padding-right: 15px;
        padding-left: 15px
    }

    .p-t-15--screen {
        padding-top: 15px
    }

    .p-r-15--screen {
        padding-right: 15px
    }

    .p-b-15--screen {
        padding-bottom: 15px
    }

    .p-l-15--screen {
        padding-left: 15px
    }

    .m-20--screen {
        margin: 20px
    }

    .m-tb-20--screen {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .m-rl-20--screen {
        margin-right: 20px;
        margin-left: 20px
    }

    .m-t-20--screen {
        margin-top: 20px
    }

    .m-r-20--screen {
        margin-right: 20px
    }

    .m-b-20--screen {
        margin-bottom: 20px
    }

    .m-l-20--screen {
        margin-left: 20px
    }

    .p-20--screen {
        padding: 20px
    }

    .p-tb-20--screen {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .p-rl-20--screen {
        padding-right: 20px;
        padding-left: 20px
    }

    .p-t-20--screen {
        padding-top: 20px
    }

    .p-r-20--screen {
        padding-right: 20px
    }

    .p-b-20--screen {
        padding-bottom: 20px
    }

    .p-l-20--screen {
        padding-left: 20px
    }
}

@media only print {
    .m-5--print {
        margin: 5px
    }

    .m-tb-5--print {
        margin-top: 5px;
        margin-bottom: 5px
    }

    .m-rl-5--print {
        margin-right: 5px;
        margin-left: 5px
    }

    .m-t-5--print {
        margin-top: 5px
    }

    .m-r-5--print {
        margin-right: 5px
    }

    .m-b-5--print {
        margin-bottom: 5px
    }

    .m-l-5--print {
        margin-left: 5px
    }

    .p-5--print {
        padding: 5px
    }

    .p-tb-5--print {
        padding-top: 5px;
        padding-bottom: 5px
    }

    .p-rl-5--print {
        padding-right: 5px;
        padding-left: 5px
    }

    .p-t-5--print {
        padding-top: 5px
    }

    .p-r-5--print {
        padding-right: 5px
    }

    .p-b-5--print {
        padding-bottom: 5px
    }

    .p-l-5--print {
        padding-left: 5px
    }

    .m-10--print {
        margin: 10px
    }

    .m-tb-10--print {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .m-rl-10--print {
        margin-right: 10px;
        margin-left: 10px
    }

    .m-t-10--print {
        margin-top: 10px
    }

    .m-r-10--print {
        margin-right: 10px
    }

    .m-b-10--print {
        margin-bottom: 10px
    }

    .m-l-10--print {
        margin-left: 10px
    }

    .p-10--print {
        padding: 10px
    }

    .p-tb-10--print {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .p-rl-10--print {
        padding-right: 10px;
        padding-left: 10px
    }

    .p-t-10--print {
        padding-top: 10px
    }

    .p-r-10--print {
        padding-right: 10px
    }

    .p-b-10--print {
        padding-bottom: 10px
    }

    .p-l-10--print {
        padding-left: 10px
    }

    .m-12--print {
        margin: 12px
    }

    .m-tb-12--print {
        margin-top: 12px;
        margin-bottom: 12px
    }

    .m-rl-12--print {
        margin-right: 12px;
        margin-left: 12px
    }

    .m-t-12--print {
        margin-top: 12px
    }

    .m-r-12--print {
        margin-right: 12px
    }

    .m-b-12--print {
        margin-bottom: 12px
    }

    .m-l-12--print {
        margin-left: 12px
    }

    .p-12--print {
        padding: 12px
    }

    .p-tb-12--print {
        padding-top: 12px;
        padding-bottom: 12px
    }

    .p-rl-12--print {
        padding-right: 12px;
        padding-left: 12px
    }

    .p-t-12--print {
        padding-top: 12px
    }

    .p-r-12--print {
        padding-right: 12px
    }

    .p-b-12--print {
        padding-bottom: 12px
    }

    .p-l-12--print {
        padding-left: 12px
    }

    .m-15--print {
        margin: 15px
    }

    .m-tb-15--print {
        margin-top: 15px;
        margin-bottom: 15px
    }

    .m-rl-15--print {
        margin-right: 15px;
        margin-left: 15px
    }

    .m-t-15--print {
        margin-top: 15px
    }

    .m-r-15--print {
        margin-right: 15px
    }

    .m-b-15--print {
        margin-bottom: 15px
    }

    .m-l-15--print {
        margin-left: 15px
    }

    .p-15--print {
        padding: 15px
    }

    .p-tb-15--print {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .p-rl-15--print {
        padding-right: 15px;
        padding-left: 15px
    }

    .p-t-15--print {
        padding-top: 15px
    }

    .p-r-15--print {
        padding-right: 15px
    }

    .p-b-15--print {
        padding-bottom: 15px
    }

    .p-l-15--print {
        padding-left: 15px
    }

    .m-20--print {
        margin: 20px
    }

    .m-tb-20--print {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .m-rl-20--print {
        margin-right: 20px;
        margin-left: 20px
    }

    .m-t-20--print {
        margin-top: 20px
    }

    .m-r-20--print {
        margin-right: 20px
    }

    .m-b-20--print {
        margin-bottom: 20px
    }

    .m-l-20--print {
        margin-left: 20px
    }

    .p-20--print {
        padding: 20px
    }

    .p-tb-20--print {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .p-rl-20--print {
        padding-right: 20px;
        padding-left: 20px
    }

    .p-t-20--print {
        padding-top: 20px
    }

    .p-r-20--print {
        padding-right: 20px
    }

    .p-b-20--print {
        padding-bottom: 20px
    }

    .p-l-20--print {
        padding-left: 20px
    }
}

.b-0 {
    border: 0 !important
}

.b-t-0 {
    border-top: 0 !important
}

.b-r-0 {
    border-right: 0 !important
}

.b-b-0 {
    border-bottom: 0 !important
}

.b-l-0 {
    border-left: 0 !important
}

.b-all {
    border: 1px solid #d1d6db
}

.b-t {
    border-top: 1px solid #d1d6db
}

.b-r {
    border-right: 1px solid #d1d6db
}

.b-b {
    border-bottom: 1px solid #d1d6db
}

.b-l {
    border-left: 1px solid #d1d6db
}

.b-all-light {
    border: 1px solid #e0e3e6
}

.b-t-light {
    border-top: 1px solid #e0e3e6
}

.b-r-light {
    border-right: 1px solid #e0e3e6
}

.b-b-light {
    border-bottom: 1px solid #e0e3e6
}

.b-l-light {
    border-left: 1px solid #e0e3e6
}

@media only screen and (min-width: 680px) {
    .b-0--desktop {
        border: 0 !important
    }

    .b-t-0--desktop {
        border-top: 0 !important
    }

    .b-r-0--desktop {
        border-right: 0 !important
    }

    .b-b-0--desktop {
        border-bottom: 0 !important
    }

    .b-l-0--desktop {
        border-left: 0 !important
    }

    .b-all--desktop {
        border: 1px solid #d1d6db
    }

    .b-t--desktop {
        border-top: 1px solid #d1d6db
    }

    .b-r--desktop {
        border-right: 1px solid #d1d6db
    }

    .b-b--desktop {
        border-bottom: 1px solid #d1d6db
    }

    .b-l--desktop {
        border-left: 1px solid #d1d6db
    }

    .b-all-light--desktop {
        border: 1px solid #e0e3e6
    }

    .b-t-light--desktop {
        border-top: 1px solid #e0e3e6
    }

    .b-r-light--desktop {
        border-right: 1px solid #e0e3e6
    }

    .b-b-light--desktop {
        border-bottom: 1px solid #e0e3e6
    }

    .b-l-light--desktop {
        border-left: 1px solid #e0e3e6
    }
}

@media only screen and (max-width: 679px) {
    .b-0--handhelds {
        border: 0 !important
    }

    .b-t-0--handhelds {
        border-top: 0 !important
    }

    .b-r-0--handhelds {
        border-right: 0 !important
    }

    .b-b-0--handhelds {
        border-bottom: 0 !important
    }

    .b-l-0--handhelds {
        border-left: 0 !important
    }

    .b-all--handhelds {
        border: 1px solid #d1d6db
    }

    .b-t--handhelds {
        border-top: 1px solid #d1d6db
    }

    .b-r--handhelds {
        border-right: 1px solid #d1d6db
    }

    .b-b--handhelds {
        border-bottom: 1px solid #d1d6db
    }

    .b-l--handhelds {
        border-left: 1px solid #d1d6db
    }

    .b-all-light--handhelds {
        border: 1px solid #e0e3e6
    }

    .b-t-light--handhelds {
        border-top: 1px solid #e0e3e6
    }

    .b-r-light--handhelds {
        border-right: 1px solid #e0e3e6
    }

    .b-b-light--handhelds {
        border-bottom: 1px solid #e0e3e6
    }

    .b-l-light--handhelds {
        border-left: 1px solid #e0e3e6
    }
}

@media only screen {
    .b-0--screen {
        border: 0 !important
    }

    .b-t-0--screen {
        border-top: 0 !important
    }

    .b-r-0--screen {
        border-right: 0 !important
    }

    .b-b-0--screen {
        border-bottom: 0 !important
    }

    .b-l-0--screen {
        border-left: 0 !important
    }

    .b-all--screen {
        border: 1px solid #d1d6db
    }

    .b-t--screen {
        border-top: 1px solid #d1d6db
    }

    .b-r--screen {
        border-right: 1px solid #d1d6db
    }

    .b-b--screen {
        border-bottom: 1px solid #d1d6db
    }

    .b-l--screen {
        border-left: 1px solid #d1d6db
    }

    .b-all-light--screen {
        border: 1px solid #e0e3e6
    }

    .b-t-light--screen {
        border-top: 1px solid #e0e3e6
    }

    .b-r-light--screen {
        border-right: 1px solid #e0e3e6
    }

    .b-b-light--screen {
        border-bottom: 1px solid #e0e3e6
    }

    .b-l-light--screen {
        border-left: 1px solid #e0e3e6
    }
}

@media only print {
    .b-0--print {
        border: 0 !important
    }

    .b-t-0--print {
        border-top: 0 !important
    }

    .b-r-0--print {
        border-right: 0 !important
    }

    .b-b-0--print {
        border-bottom: 0 !important
    }

    .b-l-0--print {
        border-left: 0 !important
    }

    .b-all--print {
        border: 1px solid #d1d6db
    }

    .b-t--print {
        border-top: 1px solid #d1d6db
    }

    .b-r--print {
        border-right: 1px solid #d1d6db
    }

    .b-b--print {
        border-bottom: 1px solid #d1d6db
    }

    .b-l--print {
        border-left: 1px solid #d1d6db
    }

    .b-all-light--print {
        border: 1px solid #e0e3e6
    }

    .b-t-light--print {
        border-top: 1px solid #e0e3e6
    }

    .b-r-light--print {
        border-right: 1px solid #e0e3e6
    }

    .b-b-light--print {
        border-bottom: 1px solid #e0e3e6
    }

    .b-l-light--print {
        border-left: 1px solid #e0e3e6
    }
}

.shade-white {
    background-color: #fff
}

.shade-grey {
    background-color: #f1f2f4
}

.shade-grey-light {
    background-color: #f9fafb
}

.shade-grey-dark {
    background-color: #e8ebed
}

@media only screen and (min-width: 680px) {
    .shade-white--desktop {
        background-color: #fff
    }

    .shade-grey--desktop {
        background-color: #f1f2f4
    }

    .shade-grey-light--desktop {
        background-color: #f9fafb
    }

    .shade-grey-dark--desktop {
        background-color: #e8ebed
    }
}

@media only screen and (max-width: 679px) {
    .shade-white--handhelds {
        background-color: #fff
    }

    .shade-grey--handhelds {
        background-color: #f1f2f4
    }

    .shade-grey-light--handhelds {
        background-color: #f9fafb
    }

    .shade-grey-dark--handhelds {
        background-color: #e8ebed
    }
}

@media only screen {
    .shade-white--screen {
        background-color: #fff
    }

    .shade-grey--screen {
        background-color: #f1f2f4
    }

    .shade-grey-light--screen {
        background-color: #f9fafb
    }

    .shade-grey-dark--screen {
        background-color: #e8ebed
    }
}

@media only screen and (min-width: 680px) {
    .float-right--desktop {
        float: right
    }

    .float-left--desktop {
        float: left
    }
}

.clearfix:after, .manifest-customer-cards:after, .shortcuts-content:after, .rule-form-customer-types-header:after, .rule-form-buttons:after, .activities-add-note:after, .fields-indent:after, .settings-window:after, .option-row:after, .compress-option-sheets:after, .datepicker-with-dash:after, .stop-list li:after, .update-user-toggle:after, .overview-cols-wrap:after, .tiny-settings-wrap:after, .customer-type-settings-header:after, .settings-subsection:after, .invoices-subsection:after, .invoices-toggle:after, .invoice-overview-wrap:after, .volumes-toggle:after, .summary-detail-view-charts:after, .report-wrap:after, .field-instance-conditions-type:after, .edit-item-subscriptions .subscription-user:after, .action-sheet-header:after, .bookings-subsection:after, .db-main:after, .form-login:after, .email-form-header:after, .booking-receipt-details:after, .item-grid:after, .item-page-content:after, .book-form-affiliate:after, .create-booking:after, .auth-book-sidebar-section:after, .all-items-toggle:after, .company-wrap-inner:after, .company-wrap:after, .field-percent.field-percent-labels-after:after, .field-degrees.field-percent-labels-after:after, .field-capacity:after, .field-radio-group > li .radio-content:after, .field-radio-group-container ul > li .radio-content:after, .field.people-field:after, .field.hours-field:after, .field-sms-optin label:after, .field-cb-email label:after, .field-cb-light label:after, .field-cb label:after, .field-sms-optin:after, .field-cb-email:after, .field-cb-light:after, .field-cb:after, .tabs:after, .spreadsheet .ss-group-header:after, .customer-type-card .customer-type-card-header:after, .customer-type-card:after, .add-more-message:after, .customer-type-cards-list:after, .cf-rebook-new-transportation:after, .card-expiry:after, .calendar-nav:after, .bei-page:after, .search-item-expanded:after, .search-by-date-page:after, .flyout-create-form:after, .flyout-create-form-toggle:after, .flyout-presets > li:after, .tb:after, .buttons-list > li:after, .block-list > li:after {
    content: '';
    display: table;
    clear: both;
    border-spacing: 0
}

.clear {
    clear: both
}

.touch-scroll, .shortcuts, .chunky-error-content.limit-height {
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch
}

.disable-touch-highlight {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent
}

.print-break-avoid {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid
}

.print-break-after {
    page-break-after: always;
    break-after: always
}

table, .table {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (min-width: 680px) {
    .table {
        display: table
    }

    .table > .thead {
        display: table-header-group
    }

    .table > .tbody {
        display: table-row-group
    }

    .table > .tfoot {
        display: table-footer-group
    }

    .table > .tr, .table > .thead > .tr, .table > .tbody > .tr, .table > .tfoot > .tr {
        display: table-row
    }

    .table > .tr > .td, .table > .tr > .th, .table > .thead > .tr > .td, .table > .thead > .tr > .th, .table > .tbody > .tr > .td, .table > .tfoot > .tr > .td {
        display: table-cell
    }

    .table.valign-top > .tr > .td, .table.valign-top > .tr > .th, .table.valign-top > .thead > .tr > .td, .table.valign-top > .thead > .tr > .th, .table.valign-top > .tbody > .tr > .td, .table.valign-top > .tfoot > .tr > .td {
        vertical-align: top
    }

    .table.valign-middle > .tr > .td, .table.valign-middle > .tr > .th, .table.valign-middle > .thead > .tr > .td, .table.valign-middle > .thead > .tr > .th, .table.valign-middle > .tbody > .tr > .td, .table.valign-middle > .tfoot > .tr > .td {
        vertical-align: middle
    }

    .table.valign-bottom > .tr > .td, .table.valign-bottom > .tr > .th, .table.valign-bottom > .thead > .tr > .td, .table.valign-bottom > .thead > .tr > .th, .table.valign-bottom > .tbody > .tr > .td, .table.valign-bottom > .tfoot > .tr > .td {
        vertical-align: bottom
    }

    .table > .tr > .td.valign-top, .table > .tr > .th.valign-top, .table > .thead > .tr > .td.valign-top, .table > .thead > .tr > .th.valign-top, .table > .tbody > .tr > .td.valign-top, .table > .tfoot > .tr > .td.valign-top {
        vertical-align: top
    }

    .table > .tr > .td.valign-middle, .table > .tr > .th.valign-middle, .table > .thead > .tr > .td.valign-middle, .table > .thead > .tr > .th.valign-middle, .table > .tbody > .tr > .td.valign-middle, .table > .tfoot > .tr > .td.valign-middle {
        vertical-align: middle
    }

    .table > .tr > .td.valign-bottom, .table > .tr > .th.valign-bottom, .table > .thead > .tr > .td.valign-bottom, .table > .thead > .tr > .th.valign-bottom, .table > .tbody > .tr > .td.valign-bottom, .table > .tfoot > .tr > .td.valign-bottom {
        vertical-align: bottom
    }
}

@media only screen and (max-width: 679px) {
    .table.table-dont-respond {
        display: table
    }

    .table.table-dont-respond > .thead {
        display: table-header-group
    }

    .table.table-dont-respond > .tbody {
        display: table-row-group
    }

    .table.table-dont-respond > .tfoot {
        display: table-footer-group
    }

    .table.table-dont-respond > .tr, .table.table-dont-respond > .thead > .tr, .table.table-dont-respond > .tbody > .tr, .table.table-dont-respond > .tfoot > .tr {
        display: table-row
    }

    .table.table-dont-respond > .tr > .td, .table.table-dont-respond > .tr > .th, .table.table-dont-respond > .thead > .tr > .td, .table.table-dont-respond > .thead > .tr > .th, .table.table-dont-respond > .tbody > .tr > .td, .table.table-dont-respond > .tfoot > .tr > .td {
        display: table-cell
    }

    .table.table-dont-respond.valign-top > .tr > .td, .table.table-dont-respond.valign-top > .tr > .th, .table.table-dont-respond.valign-top > .thead > .tr > .td, .table.table-dont-respond.valign-top > .thead > .tr > .th, .table.table-dont-respond.valign-top > .tbody > .tr > .td, .table.table-dont-respond.valign-top > .tfoot > .tr > .td {
        vertical-align: top
    }

    .table.table-dont-respond.valign-middle > .tr > .td, .table.table-dont-respond.valign-middle > .tr > .th, .table.table-dont-respond.valign-middle > .thead > .tr > .td, .table.table-dont-respond.valign-middle > .thead > .tr > .th, .table.table-dont-respond.valign-middle > .tbody > .tr > .td, .table.table-dont-respond.valign-middle > .tfoot > .tr > .td {
        vertical-align: middle
    }

    .table.table-dont-respond.valign-bottom > .tr > .td, .table.table-dont-respond.valign-bottom > .tr > .th, .table.table-dont-respond.valign-bottom > .thead > .tr > .td, .table.table-dont-respond.valign-bottom > .thead > .tr > .th, .table.table-dont-respond.valign-bottom > .tbody > .tr > .td, .table.table-dont-respond.valign-bottom > .tfoot > .tr > .td {
        vertical-align: bottom
    }

    .table.table-dont-respond > .tr > .td.valign-top, .table.table-dont-respond > .tr > .th.valign-top, .table.table-dont-respond > .thead > .tr > .td.valign-top, .table.table-dont-respond > .thead > .tr > .th.valign-top, .table.table-dont-respond > .tbody > .tr > .td.valign-top, .table.table-dont-respond > .tfoot > .tr > .td.valign-top {
        vertical-align: top
    }

    .table.table-dont-respond > .tr > .td.valign-middle, .table.table-dont-respond > .tr > .th.valign-middle, .table.table-dont-respond > .thead > .tr > .td.valign-middle, .table.table-dont-respond > .thead > .tr > .th.valign-middle, .table.table-dont-respond > .tbody > .tr > .td.valign-middle, .table.table-dont-respond > .tfoot > .tr > .td.valign-middle {
        vertical-align: middle
    }

    .table.table-dont-respond > .tr > .td.valign-bottom, .table.table-dont-respond > .tr > .th.valign-bottom, .table.table-dont-respond > .thead > .tr > .td.valign-bottom, .table.table-dont-respond > .thead > .tr > .th.valign-bottom, .table.table-dont-respond > .tbody > .tr > .td.valign-bottom, .table.table-dont-respond > .tfoot > .tr > .td.valign-bottom {
        vertical-align: bottom
    }
}

@media only print {
    .table:not(.break-on-print) {
        display: table
    }

    .table:not(.break-on-print) > .thead {
        display: table-header-group
    }

    .table:not(.break-on-print) > .tbody {
        display: table-row-group
    }

    .table:not(.break-on-print) > .tfoot {
        display: table-footer-group
    }

    .table:not(.break-on-print) > .tr, .table:not(.break-on-print) > .thead > .tr, .table:not(.break-on-print) > .tbody > .tr, .table:not(.break-on-print) > .tfoot > .tr {
        display: table-row
    }

    .table:not(.break-on-print) > .tr > .td, .table:not(.break-on-print) > .tr > .th, .table:not(.break-on-print) > .thead > .tr > .td, .table:not(.break-on-print) > .thead > .tr > .th, .table:not(.break-on-print) > .tbody > .tr > .td, .table:not(.break-on-print) > .tfoot > .tr > .td {
        display: table-cell
    }

    .table.valign-top:not(.break-on-print) > .tr > .td, .table.valign-top:not(.break-on-print) > .tr > .th, .table.valign-top:not(.break-on-print) > .thead > .tr > .td, .table.valign-top:not(.break-on-print) > .thead > .tr > .th, .table.valign-top:not(.break-on-print) > .tbody > .tr > .td, .table.valign-top:not(.break-on-print) > .tfoot > .tr > .td {
        vertical-align: top
    }

    .table.valign-middle:not(.break-on-print) > .tr > .td, .table.valign-middle:not(.break-on-print) > .tr > .th, .table.valign-middle:not(.break-on-print) > .thead > .tr > .td, .table.valign-middle:not(.break-on-print) > .thead > .tr > .th, .table.valign-middle:not(.break-on-print) > .tbody > .tr > .td, .table.valign-middle:not(.break-on-print) > .tfoot > .tr > .td {
        vertical-align: middle
    }

    .table.valign-bottom:not(.break-on-print) > .tr > .td, .table.valign-bottom:not(.break-on-print) > .tr > .th, .table.valign-bottom:not(.break-on-print) > .thead > .tr > .td, .table.valign-bottom:not(.break-on-print) > .thead > .tr > .th, .table.valign-bottom:not(.break-on-print) > .tbody > .tr > .td, .table.valign-bottom:not(.break-on-print) > .tfoot > .tr > .td {
        vertical-align: bottom
    }

    .table:not(.break-on-print) > .tr > .td.valign-top, .table:not(.break-on-print) > .tr > .th.valign-top, .table:not(.break-on-print) > .thead > .tr > .td.valign-top, .table:not(.break-on-print) > .thead > .tr > .th.valign-top, .table:not(.break-on-print) > .tbody > .tr > .td.valign-top, .table:not(.break-on-print) > .tfoot > .tr > .td.valign-top {
        vertical-align: top
    }

    .table:not(.break-on-print) > .tr > .td.valign-middle, .table:not(.break-on-print) > .tr > .th.valign-middle, .table:not(.break-on-print) > .thead > .tr > .td.valign-middle, .table:not(.break-on-print) > .thead > .tr > .th.valign-middle, .table:not(.break-on-print) > .tbody > .tr > .td.valign-middle, .table:not(.break-on-print) > .tfoot > .tr > .td.valign-middle {
        vertical-align: middle
    }

    .table:not(.break-on-print) > .tr > .td.valign-bottom, .table:not(.break-on-print) > .tr > .th.valign-bottom, .table:not(.break-on-print) > .thead > .tr > .td.valign-bottom, .table:not(.break-on-print) > .thead > .tr > .th.valign-bottom, .table:not(.break-on-print) > .tbody > .tr > .td.valign-bottom, .table:not(.break-on-print) > .tfoot > .tr > .td.valign-bottom {
        vertical-align: bottom
    }
}

.table.full-width {
    width: 100%
}

.table.layout-fixed {
    table-layout: fixed
}

@media only screen and (max-width: 679px) {
    .table-wrap {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch
    }
}

.theater, .company-theater {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.75);
    width: 100%;
    height: 100%;
    z-index: 1012;
    overflow: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch
}

.is-disabled.item-block-button, .is-disabled.btn-red--ghost, .is-disabled.btn-red, .is-disabled.btn-green, .is-disabled.btn-blue--light, .is-disabled.btn-blue, .is-disabled.btn-grey--ghost, .is-disabled.btn-grey--lighter, .is-disabled.btn-grey--light, .is-disabled.btn-grey, .is-disabled.btn-black, .is-disabled.btn-darkgrey, .item-block-button[disabled], .btn-red--ghost[disabled], .btn-red[disabled], .btn-green[disabled], .btn-blue--light[disabled], .btn-blue[disabled], .btn-grey--ghost[disabled], .btn-grey--lighter[disabled], .btn-grey--light[disabled], .btn-grey[disabled], .btn-black[disabled], .btn-darkgrey[disabled] {
    color: #9ba6b0 !important;
    background: #fff !important;
    border-color: #e8ebed !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

@media only screen and (max-width: 679px) {
    .toggled-handhelds-only:not(.toggled) {
        display: none
    }
}

.inline-block-icon, .presence-small-eye.active, .booked-at .rebooked-icon, .booking-block-affiliate.booked-via-online:before, .booking-block-affiliate.booked-via-affiliate-db:before, .sm-icon, .hint-help-link:before, .required-flag-icon, .field-required-flag > i, .icon-order-large, .icon-receipt-pin-location, .icon-receipt-tickets, .icon-receipt-waiver, .card-icon-small-black, .booked-online-icon, .warning-icon, .icon-email-status-opened, .icon-email-status-red, .icon-email-status-grey, .icon-add-from-dropdown, .help-icon-small-grey, .icon-check-badge, .icon-hint--small, .icon-hint, .icon-lock-white, .icon-lock-red, .icon-lock-green, .icon-ava-lock, .icon-ava-unlisted, .icon-ava-phone, .icon-lock {
    display: inline-block;
    text-indent: -9999em;
    font-style: normal
}

.icon-right {
    margin-left: 5px
}

.icon-left {
    margin-right: 5px
}

@media only screen and (min-width: 680px) {
    body.hide-body-overflow {
        overflow: hidden !important
    }
}

@media only screen and (max-width: 679px) {
    body.hide-body-overflow--handhelds {
        overflow: hidden !important
    }
}

@media only screen {
    body.hide-body-overflow--everywhere {
        overflow: hidden !important
    }
}

@media only screen {
    .force-scroll-gutter {
        overflow-y: scroll
    }
}

@media only screen {
    .nowrap {
        white-space: nowrap
    }
}

@media only screen and (min-width: 680px) {
    .nowrap--desktop {
        white-space: nowrap
    }
}

@media only screen and (max-width: 679px) {
    .nowrap--mobile {
        white-space: nowrap
    }
}

.break-words {
    word-break: break-word
}

.pre-wrap {
    white-space: pre-wrap
}

.block-loading--init {
    opacity: 1;
    transition: opacity .1s ease-in-out;
    -moz-transition: opacity .1s ease-in-out;
    -webkit-transition: opacity .1s ease-in-out
}

.block-loading {
    opacity: 0.5
}

.disable-selects label {
    pointer-events: none
}

.disable-selects select, .disable-selects .customer-select-count {
    pointer-events: none;
    opacity: 0.7
}

@media only screen and (max-width: 679px) {
    .max-width-desktop-only {
        max-width: 100% !important
    }
}

@media only screen and (min-resolution: 2dppx), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
    .sprite2x, .manifest-cell-phone-link:after, .crew-flyout-email-note:before, .status-options li.selected .tb-icon.lock, .status-options li.selected .tb-icon.phone, .presence-small-editing.active, .presence-small-eye.active, .popover-back:before, .popover-menu-action.green:hover .tb-icon.plus, .popover-menu-action.green .tb-icon.plus, .booked-at .rebooked-icon, .booking-block-affiliate.booked-via-affiliate-db:before, .booking-block-affiliate.booked-via-online:before, .activity-sent-review-express-request .activity-content-icon, .activity-rebooked-booking .activity-content-icon, .activity.activity-note .activity-content-icon, .activity.activity-transferred-note .activity-content-icon, .option-inline-add-button:before, .ar-advanced-simple-toggle:before, .ar-advanced-tall-toggle:after, .ar-advanced-tall-toggle.toggled:after, .invoice-table--row:active .itable-navigate.with-button:before, .invoice-table--row:hover .itable-navigate.with-button:before, .itable-navigate.with-button:before, .option-block-toggle.toggled:hover span, .option-block-toggle.toggled span, .option-block-toggle:hover span, .option-block-toggle span, .option-cf-has-parent:before, .icon--external-link:after, .settings-checklist-button.action-completed:after, .toggle-set-cancel, .report-cancel:hover:before, .report-cancel:before, .report-link:hover:before, .report-link:after, .report-link:before, .report-regenerate:hover:before, .report-regenerate:before, .flow-node-preview-header.collapsed .flow-node-preview-toggle:after, .flow-node-preview-toggle:after, .sidepanel-block.is-placeholder:before, .settings-nag .settings a span:after, .db-fh-logo:before, .slideshow .arrow.next:before, .slideshow .arrow.prev:before, .pickup-map-link-confirmation:after, .suggested-items .suggested-items-arrow-left span i, .suggested-items .suggested-items-arrow-right span i, .calendar-button:before, .customer-type-count-select.select-count-max-not-overrideable.select-count-exclusively-disabled .customer-select-count:after, .customer-type-count-select.select-count-max-not-overrideable.select-count-party-size-disabled .customer-select-count:after, .customer-type-count-select.select-count-max-not-overrideable.is-already-full .customer-select-count:after, .customer-type-count-select.is-seat-full .customer-select-count:after, .chunky-error.orange .chunky-error-inner:after, .chunky-error.red .chunky-error-inner:after, .auth-book-customers-prompt:before, .nav-cart.mobile, a:hover .nav-cart, li.current .nav-cart, .nav-cart, .nav-pinterest.mobile, a:hover .nav-pinterest, .nav-pinterest, .nav-youtube.mobile, a:hover .nav-youtube, .nav-youtube, .nav-instagram.mobile, a:hover .nav-instagram, .nav-instagram, .nav-tripadvisor.mobile, a:hover .nav-tripadvisor, .nav-tripadvisor, .nav-yelp.mobile, a:hover .nav-yelp, .nav-yelp, .nav-googleplus.mobile, a:hover .nav-googleplus, .nav-googleplus, .nav-facebook.mobile, a:hover .nav-facebook, .nav-facebook, .nav-twitter.mobile, a:hover .nav-twitter, .nav-twitter, .nav-url:hover:before, .nav-url:before, html.not-touch .activities-menu-button:hover:before, .activities-menu-button.toggled:before, .activities-menu-button:before, .company-nav .company-nav-flyout-button.current > a:after, .company-nav .company-nav-flyout-button a.toggled:after, html.not-touch .company-nav .company-nav-flyout-button > a:hover:after, html.not-touch .company-nav .company-nav-flyout-button > a:active:after, .company-nav .company-nav-flyout-button > a:after, .book-direct .book-direct-badge, .pin-location:before, .field.timepicker .field-style-hook, .select-jump-link:before, .field-globe-icon .the-field::before, .field-email-icon.ng-dirty.ng-invalid .field-style-hook, .field-email-icon .field-style-hook, .field-phone-icon.ng-dirty.ng-invalid .field-style-hook, .field-phone-icon .field-style-hook, .field-person-icon.ng-dirty.ng-invalid .field-style-hook, .field-person-icon .field-style-hook, .field-radio-group > li.field-radio-icon--cc > label:after, .field-radio-group-container ul > li.field-radio-icon--cc > label:after, .field-radio-group > li .radio-content:before, .field-radio-group-container ul > li .radio-content:before, .ss-drilldown:after, .hint-help-link:before, .hint.hint-alert:before, .ng-prevalid .field-prevalid-flag:before, .ng-preinvalid .field-preinvalid-flag:before, .pickup-map-link .map-link-headline:after, .pickup-map-link:before, .cf-rebook-option label.radio-selected .icon-hint, .pickup-time:before, .new-pickup-time:before, .select2-results__option[aria-selected=true] .private:before, .select2-results__option .private:before, .custom-field-extended-option .cf-extended-option-dropdown .private:hover:before, .custom-field-extended-option .cf-extended-option-dropdown .private.highlighted:before, .custom-field-extended-option .cf-extended-option-dropdown .private:before, .cf-wrap.private-field .private-field-lock, .cal-block .item-group-icon, .calendar.editing .day-number:active:after, .calendar.editing .day-number:hover:after, .calendar.editing .day-number:after, .ava-is-full .icon-user-small.empty, .ava-is-full .icon-user-small, .ava-is-full .icon-user.empty, .ava-is-full .icon-user, .ava-is-overbooked .icon-user-small.empty, .ava-is-unbookable .icon-user-small.empty, .ava-is-overbooked .icon-user-small, .ava-is-unbookable .icon-user-small, .ava-is-overbooked .icon-user.empty, .ava-is-unbookable .icon-user.empty, .ava-is-overbooked .icon-user, .ava-is-unbookable .icon-user, .ava-is-booked .icon-user-small.empty, .ava-is-bookable .icon-user-small.empty, .ava-is-booked .icon-user-small, .ava-is-bookable .icon-user-small, .ava-is-booked .icon-user.empty, .ava-is-bookable .icon-user.empty, .ava-is-booked .icon-user, .ava-is-bookable .icon-user, .icon-user-small.empty, .icon-user-small, .icon-user.empty, .icon-user, .select2-container--default .select2-search--dropdown:before, .flyout-back:before, .flyout-toggle-header.invalid:after, .flyout-toggle-header.active:after, .flyout-create-form-toggle:before, .inline-add-link:before, .flyout-menu-items li.current .tb-icon.plus, .flyout-menu-items li.toggled .tb-icon.plus, .flyout-menu-items a.current .tb-icon.plus, .flyout-menu-items button.current .tb-icon.plus, .flyout-menu-items li.current .tb-icon.timeline, .flyout-menu-items li.toggled .tb-icon.timeline, .flyout-menu-items a.current .tb-icon.timeline, .flyout-menu-items button.current .tb-icon.timeline, .flyout-menu-items li.current .tb-icon.hamburger, .flyout-menu-items li.toggled .tb-icon.hamburger, .flyout-menu-items a.current .tb-icon.hamburger, .flyout-menu-items button.current .tb-icon.hamburger, .flyout-menu-items li.current .tb-icon.grid, .flyout-menu-items li.toggled .tb-icon.grid, .flyout-menu-items a.current .tb-icon.grid, .flyout-menu-items button.current .tb-icon.grid, .flyout-menu-items li.current .tb-icon.agenda, .flyout-menu-items li.toggled .tb-icon.agenda, .flyout-menu-items a.current .tb-icon.agenda, .flyout-menu-items button.current .tb-icon.agenda, .flyout-menu-items li.current .tb-icon.day, .flyout-menu-items li.toggled .tb-icon.day, .flyout-menu-items a.current .tb-icon.day, .flyout-menu-items button.current .tb-icon.day, .flyout-menu-items li.current .tb-icon.month, .flyout-menu-items li.toggled .tb-icon.month, .flyout-menu-items a.current .tb-icon.month, .flyout-menu-items button.current .tb-icon.month, .flyout-menu-items li.current .icon-hint, .flyout-menu-items li.toggled .icon-hint, .flyout-menu-items a.current .icon-hint, .flyout-menu-items button.current .icon-hint, .tb-icon.outlook, .tb-icon.ical, .tb-icon.yahoo, .tb-icon.google, .tb-icon.stack-blue, .tb-icon.stack, .current .tb-icon.closed-network, .tb-icon.closed-network, .tb-icon.mobile, .tb-icon.qr, .tb-icon.hamburger, .tb-icon.chevron-down, .tb-icon.speech-bubble, .current .tb-icon.search, .tb-icon.search, .tb-icon.arrow-right, .tb-icon.arrow-left, .tb-icon.calculator, .tb-icon.back, .current .tb-icon.bank, .tb-icon.bank, .tb-icon.pencil-writing, .tb-icon.upload, .current .tb-icon.swap, .tb-icon.swap, .selected .tb-icon.unlisted, .current .tb-icon.unlisted, .tb-icon.unlisted, .selected .tb-icon.online, .current .tb-icon.online, .tb-icon.online, .tb-icon.lock, .current .tb-icon.user, .tb-icon.user, .tb-icon.refresh, .highlighted .tb-icon.filter, .tb-icon.filter, .tb-icon.phone, .tb-icon.network, .tb-icon.agenda, .tb-icon.day, .tb-icon.month, .current .tb-icon.plus, .tb-icon.plus, .tb-icon.preview-email, .tb-icon.snippet-white, .tb-icon.snippet, .tb-icon.blocks, .tb-icon.share, .current .tb-icon.recent, .tb-icon.recent, .tb-icon.help, .tb-icon.availabilities, .tb-icon.timeline, .tb-icon.grid, .tb-icon.show-customers, .tb-search .field-search-wrap:before, .tb-select:after, .tb-btn.tb-btn--popup:after, .tb-btn.toggled:not(.tb-btn--flyout):not(.tb-btn--expand):after, .tb-btn.current:not(.tb-btn--flyout):not(.tb-btn--expand):after, .flash-close:before, .badge .badge-dismiss:before, .button-remove:before, .btn-icon.merge-booking::before, .btn-icon.add-booking::before, .btn-icon.rebook::before, .btn-icon.print::before, .btn-icon.refund.currency--gbp::before, .btn-icon.refund::before, .btn-icon.phone::before, .btn-icon.manifest::before, .btn-icon.email::before, .btn-icon.check-in::before, .btn-icon.cog::before, .btn-icon.add-payment.currency--gbp::before, .btn-icon.add-payment::before, .btn-icon.release-hold::before, .btn-icon.cc-save::before, .btn-icon.cancel::before, .btn-icon.recurring-transfer::before, .btn-icon.bank::before, .btn-icon.add-person::before, .btn-icon.arrow-left::before, .btn-icon.arrow-right::before, .form-error:before, .errors li:before, .required-flag-icon, .field-required-flag > i, .time-preview:before, .icon-order-large, .icon-receipt-pin-location, .icon-receipt-tickets, .icon-receipt-waiver, .card-icon-small-black, .badge .booked-online-icon, .booked-online-icon.grey, .booked-online-icon, .warning-icon, .icon-email-status-opened, .icon-email-status-red, .icon-email-status-grey, .icon-add-from-dropdown, .help-icon-small-grey, .help-icon, .icon-check-badge, .icon-hint--small, .icon-hint.white, .icon-hint, .icon-lock-white, .icon-lock-red, .icon-lock-green, .icon-ava-lock, .icon-ava-unlisted, .icon-ava-phone, .icon-lock {
        background-image: url("/Assets/images/sprite@2x.png?e416dbbd51e0") !important;
        background-size: 500px auto;
        -webkit-background-size: 500px auto
    }
}

.manifest-cell-phone-link:after, .crew-flyout-email-note:before, .status-options li.selected .tb-icon.lock, .status-options li.selected .tb-icon.phone, .presence-small-editing.active, .presence-small-eye.active, .popover-back:before, .popover-menu-action.green:hover .tb-icon.plus, .popover-menu-action.green .tb-icon.plus, .booked-at .rebooked-icon, .booking-block-affiliate.booked-via-affiliate-db:before, .booking-block-affiliate.booked-via-online:before, .activity-sent-review-express-request .activity-content-icon, .activity-rebooked-booking .activity-content-icon, .activity.activity-note .activity-content-icon, .activity.activity-transferred-note .activity-content-icon, .option-inline-add-button:before, .ar-advanced-simple-toggle:before, .ar-advanced-tall-toggle:after, .ar-advanced-tall-toggle.toggled:after, .invoice-table--row:active .itable-navigate.with-button:before, .invoice-table--row:hover .itable-navigate.with-button:before, .itable-navigate.with-button:before, .option-block-toggle.toggled:hover span, .option-block-toggle.toggled span, .option-block-toggle:hover span, .option-block-toggle span, .option-cf-has-parent:before, .icon--external-link:after, .settings-checklist-button.action-completed:after, .toggle-set-cancel, .report-cancel:hover:before, .report-cancel:before, .report-link:hover:before, .report-link:after, .report-link:before, .report-regenerate:hover:before, .report-regenerate:before, .flow-node-preview-header.collapsed .flow-node-preview-toggle:after, .flow-node-preview-toggle:after, .sidepanel-block.is-placeholder:before, .settings-nag .settings a span:after, .db-fh-logo:before, .slideshow .arrow.next:before, .slideshow .arrow.prev:before, .pickup-map-link-confirmation:after, .suggested-items .suggested-items-arrow-left span i, .suggested-items .suggested-items-arrow-right span i, .calendar-button:before, .customer-type-count-select.select-count-max-not-overrideable.select-count-exclusively-disabled .customer-select-count:after, .customer-type-count-select.select-count-max-not-overrideable.select-count-party-size-disabled .customer-select-count:after, .customer-type-count-select.select-count-max-not-overrideable.is-already-full .customer-select-count:after, .customer-type-count-select.is-seat-full .customer-select-count:after, .chunky-error.orange .chunky-error-inner:after, .chunky-error.red .chunky-error-inner:after, .auth-book-customers-prompt:before, .nav-cart.mobile, a:hover .nav-cart, li.current .nav-cart, .nav-cart, .nav-pinterest.mobile, a:hover .nav-pinterest, .nav-pinterest, .nav-youtube.mobile, a:hover .nav-youtube, .nav-youtube, .nav-instagram.mobile, a:hover .nav-instagram, .nav-instagram, .nav-tripadvisor.mobile, a:hover .nav-tripadvisor, .nav-tripadvisor, .nav-yelp.mobile, a:hover .nav-yelp, .nav-yelp, .nav-googleplus.mobile, a:hover .nav-googleplus, .nav-googleplus, .nav-facebook.mobile, a:hover .nav-facebook, .nav-facebook, .nav-twitter.mobile, a:hover .nav-twitter, .nav-twitter, .nav-url:hover:before, .nav-url:before, html.not-touch .activities-menu-button:hover:before, .activities-menu-button.toggled:before, .activities-menu-button:before, .company-nav .company-nav-flyout-button.current > a:after, .company-nav .company-nav-flyout-button a.toggled:after, html.not-touch .company-nav .company-nav-flyout-button > a:hover:after, html.not-touch .company-nav .company-nav-flyout-button > a:active:after, .company-nav .company-nav-flyout-button > a:after, .book-direct .book-direct-badge, .pin-location:before, .field.timepicker .field-style-hook, .select-jump-link:before, .field-globe-icon .the-field::before, .field-email-icon.ng-dirty.ng-invalid .field-style-hook, .field-email-icon .field-style-hook, .field-phone-icon.ng-dirty.ng-invalid .field-style-hook, .field-phone-icon .field-style-hook, .field-person-icon.ng-dirty.ng-invalid .field-style-hook, .field-person-icon .field-style-hook, .field-radio-group > li.field-radio-icon--cc > label:after, .field-radio-group-container ul > li.field-radio-icon--cc > label:after, .field-radio-group > li .radio-content:before, .field-radio-group-container ul > li .radio-content:before, .ss-drilldown:after, .hint-help-link:before, .hint.hint-alert:before, .ng-prevalid .field-prevalid-flag:before, .ng-preinvalid .field-preinvalid-flag:before, .pickup-map-link .map-link-headline:after, .pickup-map-link:before, .cf-rebook-option label.radio-selected .icon-hint, .pickup-time:before, .new-pickup-time:before, .select2-results__option[aria-selected=true] .private:before, .select2-results__option .private:before, .custom-field-extended-option .cf-extended-option-dropdown .private:hover:before, .custom-field-extended-option .cf-extended-option-dropdown .private.highlighted:before, .custom-field-extended-option .cf-extended-option-dropdown .private:before, .cf-wrap.private-field .private-field-lock, .cal-block .item-group-icon, .calendar.editing .day-number:active:after, .calendar.editing .day-number:hover:after, .calendar.editing .day-number:after, .ava-is-full .icon-user-small.empty, .ava-is-full .icon-user-small, .ava-is-full .icon-user.empty, .ava-is-full .icon-user, .ava-is-overbooked .icon-user-small.empty, .ava-is-unbookable .icon-user-small.empty, .ava-is-overbooked .icon-user-small, .ava-is-unbookable .icon-user-small, .ava-is-overbooked .icon-user.empty, .ava-is-unbookable .icon-user.empty, .ava-is-overbooked .icon-user, .ava-is-unbookable .icon-user, .ava-is-booked .icon-user-small.empty, .ava-is-bookable .icon-user-small.empty, .ava-is-booked .icon-user-small, .ava-is-bookable .icon-user-small, .ava-is-booked .icon-user.empty, .ava-is-bookable .icon-user.empty, .ava-is-booked .icon-user, .ava-is-bookable .icon-user, .icon-user-small.empty, .icon-user-small, .icon-user.empty, .icon-user, .select2-container--default .select2-search--dropdown:before, .flyout-back:before, .flyout-toggle-header.invalid:after, .flyout-toggle-header.active:after, .flyout-create-form-toggle:before, .inline-add-link:before, .flyout-menu-items li.current .tb-icon.plus, .flyout-menu-items li.toggled .tb-icon.plus, .flyout-menu-items a.current .tb-icon.plus, .flyout-menu-items button.current .tb-icon.plus, .flyout-menu-items li.current .tb-icon.timeline, .flyout-menu-items li.toggled .tb-icon.timeline, .flyout-menu-items a.current .tb-icon.timeline, .flyout-menu-items button.current .tb-icon.timeline, .flyout-menu-items li.current .tb-icon.hamburger, .flyout-menu-items li.toggled .tb-icon.hamburger, .flyout-menu-items a.current .tb-icon.hamburger, .flyout-menu-items button.current .tb-icon.hamburger, .flyout-menu-items li.current .tb-icon.grid, .flyout-menu-items li.toggled .tb-icon.grid, .flyout-menu-items a.current .tb-icon.grid, .flyout-menu-items button.current .tb-icon.grid, .flyout-menu-items li.current .tb-icon.agenda, .flyout-menu-items li.toggled .tb-icon.agenda, .flyout-menu-items a.current .tb-icon.agenda, .flyout-menu-items button.current .tb-icon.agenda, .flyout-menu-items li.current .tb-icon.day, .flyout-menu-items li.toggled .tb-icon.day, .flyout-menu-items a.current .tb-icon.day, .flyout-menu-items button.current .tb-icon.day, .flyout-menu-items li.current .tb-icon.month, .flyout-menu-items li.toggled .tb-icon.month, .flyout-menu-items a.current .tb-icon.month, .flyout-menu-items button.current .tb-icon.month, .flyout-menu-items li.current .icon-hint, .flyout-menu-items li.toggled .icon-hint, .flyout-menu-items a.current .icon-hint, .flyout-menu-items button.current .icon-hint, .tb-icon.outlook, .tb-icon.ical, .tb-icon.yahoo, .tb-icon.google, .tb-icon.stack-blue, .tb-icon.stack, .current .tb-icon.closed-network, .tb-icon.closed-network, .tb-icon.mobile, .tb-icon.qr, .tb-icon.hamburger, .tb-icon.chevron-down, .tb-icon.speech-bubble, .current .tb-icon.search, .tb-icon.search, .tb-icon.arrow-right, .tb-icon.arrow-left, .tb-icon.calculator, .tb-icon.back, .current .tb-icon.bank, .tb-icon.bank, .tb-icon.pencil-writing, .tb-icon.upload, .current .tb-icon.swap, .tb-icon.swap, .selected .tb-icon.unlisted, .current .tb-icon.unlisted, .tb-icon.unlisted, .selected .tb-icon.online, .current .tb-icon.online, .tb-icon.online, .tb-icon.lock, .current .tb-icon.user, .tb-icon.user, .tb-icon.refresh, .highlighted .tb-icon.filter, .tb-icon.filter, .tb-icon.phone, .tb-icon.network, .tb-icon.agenda, .tb-icon.day, .tb-icon.month, .current .tb-icon.plus, .tb-icon.plus, .tb-icon.preview-email, .tb-icon.snippet-white, .tb-icon.snippet, .tb-icon.blocks, .tb-icon.share, .current .tb-icon.recent, .tb-icon.recent, .tb-icon.help, .tb-icon.availabilities, .tb-icon.timeline, .tb-icon.grid, .tb-icon.show-customers, .tb-search .field-search-wrap:before, .tb-select:after, .tb-btn.tb-btn--popup:after, .tb-btn.toggled:not(.tb-btn--flyout):not(.tb-btn--expand):after, .tb-btn.current:not(.tb-btn--flyout):not(.tb-btn--expand):after, .flash-close:before, .badge .badge-dismiss:before, .button-remove:before, .btn-icon.merge-booking::before, .btn-icon.add-booking::before, .btn-icon.rebook::before, .btn-icon.print::before, .btn-icon.refund.currency--gbp::before, .btn-icon.refund::before, .btn-icon.phone::before, .btn-icon.manifest::before, .btn-icon.email::before, .btn-icon.check-in::before, .btn-icon.cog::before, .btn-icon.add-payment.currency--gbp::before, .btn-icon.add-payment::before, .btn-icon.release-hold::before, .btn-icon.cc-save::before, .btn-icon.cancel::before, .btn-icon.recurring-transfer::before, .btn-icon.bank::before, .btn-icon.add-person::before, .btn-icon.arrow-left::before, .btn-icon.arrow-right::before, .form-error:before, .errors li:before, .required-flag-icon, .field-required-flag > i, .time-preview:before, .icon-order-large, .icon-receipt-pin-location, .icon-receipt-tickets, .icon-receipt-waiver, .card-icon-small-black, .badge .booked-online-icon, .booked-online-icon.grey, .booked-online-icon, .warning-icon, .icon-email-status-opened, .icon-email-status-red, .icon-email-status-grey, .icon-add-from-dropdown, .help-icon-small-grey, .help-icon, .icon-check-badge, .icon-hint--small, .icon-hint.white, .icon-hint, .icon-lock-white, .icon-lock-red, .icon-lock-green, .icon-ava-lock, .icon-ava-unlisted, .icon-ava-phone, .icon-lock {
    background-image: url("/Assets/images/sprite.png?e0df32b0f461")
}

.visually-hidden {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px)
}

.skip-link:not(.focus-visible) {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px)
}

.skip-link.focus-visible {
    display: inline-block;
    padding: 10px;
    color: #0a6ece;
    text-decoration: underline;
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px #84929f, 0 0 0 4px #b8bfc4;
    box-shadow: inset 0 0 0 2px #b8bfc4, inset 0 0 0 3px #84929f, inset 0 0 0 4px #fff
}

.show-on-focus:not(.focus-visible) {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px)
}

@media only screen {
    .boca-ticket, .print-receipt {
        font-family: Arial, sans-serif;
        font-size: 12px;
        line-height: 1.2;
        letter-spacing: normal
    }
}

.flex-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.flex-row, .form-week-days {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    flex: 0 0 auto
}

@media only screen and (max-width: 679px) {
    .flex-row--handhelds-only {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media only screen and (min-width: 680px) {
    .flex-row--desktop-only {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.flex-column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    flex: 0 0 auto
}

@media only screen and (max-width: 679px) {
    .flex-column--handhelds-only {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media only screen and (min-width: 680px) {
    .flex-column--desktop-only {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.flex-1 {
    flex: 1
}

.flex-none {
    flex: none
}

.flex--wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.flex--nowrap, .form-week-days {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex--reverse-wrap {
    -webkit-flex-wrap: wrap-reverse;
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse
}

.flex--justify-start {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.flex--justify-end {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.flex--justify-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.flex--justify-between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.flex--justify-around {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.flex--items-start {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.flex--items-end {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.flex--items-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.flex--items-stretch {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.flex--items-baseline {
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.flex-item--full-width, .form-week-days .field {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.flex-item--push-left {
    margin-left: 10px
}

.flex-item--push-right {
    margin-right: 10px
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="tel"], textarea, p, blockquote, th, td, iframe, a, img, button {
    margin: 0;
    padding: 0;
    border: 0
}

main {
    display: block
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

img {
    border: 0
}

fieldset {
    min-width: 0;
    border: 0
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal
}

ol, ul, li {
    list-style: none
}

caption, th {
    text-align: left
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal
}

q:before, q:after {
    content: ''
}

abbr, acronym {
    border: 0;
    text-decoration: none
}

em {
    font-style: italic
}

strong, b {
    font-weight: bold
}

strong em, em strong {
    font-weight: bold;
    font-style: italic
}

a {
    font-style: normal;
    text-decoration: none;
    color: inherit;
    cursor: pointer
}

.preload {
    display: none
}

@media only screen and (min-width: 680px) {
    .preload {
        padding: 45px
    }
}

@media only screen and (max-width: 679px) {
    .preload {
        padding: 25px 35px
    }
}

html.html-loading .preload {
    display: block
}

.preload.is-minimal {
    padding: 15px
}

.preload .spinner-ticker-css {
    margin-bottom: 1px;
    margin-right: 6px
}

.js-focus-visible :focus {
    outline: none
}

.js-focus-visible ::-moz-focus-inner {
    border: 0
}

.focus-visible {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px #84929f, 0 0 0 4px #b8bfc4
}

.select2-container--default .select2-search--dropdown .select2-search__field, .url-copy-field {
    font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif
}

@media only screen {
    body {
        font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
        font-size: 13px;
        line-height: 1.2;
        letter-spacing: 0.01em;
        color: #1f2428
    }
}

@media only print {
    body {
        font-family: Arial, sans-serif;
        font-size: 12px;
        line-height: 1.2;
        color: #000;
        -webkit-text-size-adjust: none;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact
    }

    body.is-single-color-printer * {
        color: #000 !important
    }
}

@media only screen and (min-width: 680px) {
    body.user-is-auth {
        padding-top: 44px
    }
}

@media only screen {
    h1 {
        font-size: 20px
    }
}

@media only print {
    h1 {
        font-size: 14px
    }
}

.medium-header {
    font-weight: bold;
    padding-bottom: 8px
}

.block-list {
    margin: 15px 0
}

.block-list > li {
    position: relative;
    border-bottom: 1px solid #e0e3e6;
    padding-top: 5px;
    padding-bottom: 5px
}

.block-list > li:first-child {
    border-top: 1px solid #e0e3e6
}

.block-list-item {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.block-list-content {
    flex: 1;
    min-width: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    word-wrap: break-word;
    overflow-wrap: break-word
}

.block-list-btn {
    flex: none;
    margin-left: 20px
}

.disable-sorting .sortable-handle, .disable-sorting .block-list-sortable {
    display: none !important
}

.block-list-sortable > li {
    padding-left: 60px !important
}

.sortable-handle {
    display: block;
    position: absolute;
    border-width: 0;
    border-style: solid;
    border-color: #d1d6db
}

.sortable-handle:not(.not-sortable) {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab
}

@media only print {
    .sortable-handle {
        display: none !important
    }
}

@media only screen and (max-width: 679px) {
    .sortable-handle html.touch {
        display: none !important
    }
}

.sortable-handle.large {
    background: #f1f2f4;
    border-right-width: 1px;
    width: 39px;
    top: 0;
    bottom: 0;
    left: 0
}

.sortable-handle.large:not(.not-sortable):before {
    display: block;
    content: '';
    width: 10px;
    height: 17px;
    background-size: 10px 17px;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    left: 50%;
    margin-left: -5px;
    pointer-events: none
}

.sortable-handle.large:not(.not-sortable):active {
    background: #e8ebed
}

.sortable-handle.small:before, .sortable-handle.small-left:before {
    display: block;
    content: ' ';
    width: 6px;
    height: 10px;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    pointer-events: none;
    background-repeat: no-repeat
}

.sortable-handle.small:active, .sortable-handle.small-left:active {
    background: #e2e6e9
}

.sortable-handle.small {
    width: 30px;
    top: 0;
    bottom: 0;
    right: 0
}

.sortable-handle.small:before {
    right: 15px
}

.sortable-handle.small-left {
    width: 30px;
    top: 0;
    bottom: 0;
    left: 0
}

.sortable-handle.small-left:before {
    left: 15px
}

.sortable-handle:not(.not-sortable):active {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing
}

.error-page {
    padding: 50px
}

.error-page a {
    color: #0a6ece;
    text-decoration: underline
}

.amount {
    white-space: nowrap
}

.amount.negative {
    color: #c02b2b
}

.reorder-note {
    color: #697886
}

.reorder-note:before {
    display: inline-block;
    content: '';
    width: 6px;
    height: 10px;
    background-repeat: no-repeat;
    margin-left: 9px;
    margin-right: 4px;
    vertical-align: middle;
    margin-top: -3px
}

[ng-svg] {
    display: inline-block;
    fill: currentColor
}

.fh-logo[ng-svg] .fh-logo-bg, .fh-logo[ng-svg] .fh-logo-text {
    fill: #0a6ece
}

.image-profile-header {
    width: 20px;
    height: auto;
    border-radius: 30px;
    border: 1px solid #fff
}

.image-profile-tiny {
    width: 30px;
    height: auto;
    border-radius: 35px;
    border: 1px solid #fff
}

.image-profile-small {
    width: 50px;
    height: auto;
    border-radius: 55px;
    border: 2px solid #fff
}

.image-profile-med {
    width: 75px;
    height: auto;
    border-radius: 80px;
    border: 2px solid #fff
}

.image-profile-large {
    width: 100px;
    height: auto;
    border-radius: 120px;
    border: 2px solid #fff
}

.image-profile-pretty-large {
    width: 150px;
    height: auto;
    border-radius: 160px;
    border: 2px solid #fff
}

.image-profile-huge {
    max-width: 200px;
    max-height: 150px;
    height: auto
}

.icon-lock {
    width: 10px;
    height: 12px;
    background-position: -270px -162px
}

.icon-ava-phone {
    width: 10px;
    height: 11px;
    background-position: -26px -212px
}

.icon-ava-unlisted {
    width: 12px;
    height: 11px;
    margin-top: 2px;
    background-position: -39px -235px
}

.icon-ava-lock {
    width: 10px;
    height: 12px;
    background-position: -324px -162px
}

.icon-lock-green {
    width: 10px;
    height: 12px;
    background-position: -434px -195px
}

.icon-lock-red {
    width: 10px;
    height: 12px;
    background-position: -277px -181px
}

.icon-lock-white {
    width: 10px;
    height: 12px;
    background-position: -450px -162px
}

.icon-hint {
    width: 13px;
    height: 14px;
    margin-bottom: -2px;
    background-position: -468px -209px
}

.icon-hint.white {
    background-position: -462px -250px
}

.icon-hint--small {
    width: 11px;
    height: 12px;
    background-position: -168px -222px;
    vertical-align: text-top
}

.icon-check-badge {
    width: 18px;
    height: 18px;
    background-position: -389px -277px;
    margin-bottom: -4px
}

.help-icon {
    display: block;
    width: 17px;
    height: 17px;
    background-position: -442px -228px
}

.help-icon-small-grey {
    width: 12px;
    height: 12px;
    background-position: -442px -247px
}

.icon-add-from-dropdown {
    width: 34px;
    height: 19px;
    background-position: -118px -277px;
    vertical-align: text-top;
    margin-right: 3px
}

.icon-email-status-grey {
    width: 17px;
    height: 11px;
    background-position: -409px -277px
}

.icon-email-status-red {
    width: 17px;
    height: 11px;
    background-position: -428px -277px
}

.icon-email-status-opened {
    width: 17px;
    height: 16px;
    background-position: -447px -277px
}

.icon-toggle-triangle {
    transform: translateY(-1px) rotate(-90deg);
    content: '';
    display: inline-block;
    transition: transform 0.15s ease-in-out;
    border-style: solid;
    border-color: transparent;
    border-width: 8px 5px 0 5px;
    border-top-color: #afb8c0;
    vertical-align: middle
}

@supports (mask-type:inherit) {
    .icon-toggle-triangle {
        width: 10px;
        height: 8px;
        background-color: #afb8c0;
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%207%204.88%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M.3%200C0%200-.1.2.1.44l3.1%204.26a.37.37%200%200%200%20.64%200L6.9.44C7.1.2%207%200%206.7%200z%22%2F%3E%3C%2Fsvg%3E");
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        mask-size: 10px 8px;
        border: 0
    }
}

.icon-toggle-triangle.open, .icon-toggle-triangle.toggled {
    transform: none
}

.icon-book-button, .icon-availability-embed {
    vertical-align: middle;
    margin-right: 4px;
    margin-bottom: 2px
}

.warning-icon {
    width: 16px;
    height: 14px;
    background-position: -322px -484px;
    vertical-align: text-top
}

.booked-online-icon {
    height: 9px;
    width: 13px;
    background-position: -402px -515px
}

.booked-online-icon.grey {
    background-position: -417px -515px
}

.badge .booked-online-icon {
    background-position: -402px -526px
}

.card-icon-small-black {
    width: 16px;
    height: 16px;
    background-position: -162px -162px
}

.icon-receipt-waiver {
    width: 18px;
    height: 17px;
    background-position: -307px -515px;
    vertical-align: text-top;
    margin-top: 2px;
    margin-right: 3px
}

.icon-receipt-tickets {
    width: 21px;
    height: 14px;
    background-position: -327px -515px;
    margin-right: 3px
}

.icon-receipt-pin-location {
    width: 10px;
    height: 15px;
    background-position: -377px -260px;
    margin-right: 5px;
    vertical-align: middle
}

.icon-order-large {
    width: 16px;
    height: 19px;
    background-position: -135px -515px;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 3px
}

.time-preview {
    display: block;
    color: #4c5761
}

.time-preview:before {
    display: inline-block;
    content: '';
    width: 13px;
    height: 14px;
    background-position: -426px -250px;
    margin-bottom: -2px
}

iframe.goog-te-banner-frame {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.split-payment-table {
    width: 100%;
    margin-top: 6px
}

.split-payment-table td:first-child {
    width: 120px;
    padding-right: 10px
}

.split-payment-table .split-payment-set td {
    padding-top: 4px
}

.portion-calculator-table {
    margin-top: 2px
}

.portion-calculator-table td {
    padding-top: 4px
}

.portion-calculator-table td:first-child {
    width: 120px;
    padding-right: 4px
}

.redeem-amount-table .field {
    margin-bottom: 0
}

.mobile-nav-menu-list a {
    position: relative;
    display: block;
    border-bottom: 1px solid #ddd;
    padding: 14px 20px
}

.mobile-nav-menu-list a.checked-in {
    background-color: #d3f5e1
}

.mobile-nav-menu-list a:after {
    content: "\00BB";
    display: block;
    font-size: 40px;
    padding: 0 25px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -23px;
    height: 40px;
    line-height: 40px;
    color: #ccc
}

.mobile-section {
    padding: 15px;
    border-bottom: 1px solid #d1d6db
}

.mobile-section.dark {
    background: #f1f2f4
}

.mobile-section-header {
    padding: 10px 0
}

.device-switch-nag {
    padding: 10px 20px
}

.ng-load-spinner {
    padding: 25px 35px
}

.spinner-ticker-wrap {
    color: #48525b;
    opacity: 0;
    -webkit-animation: fadeIn ease-in 1;
    -moz-animation: fadeIn ease-in 1;
    -o-animation: fadeIn ease-in 1;
    animation: fadeIn ease-in 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -moz-animation-delay: 1s;
    -webkit-animation-delay: 1s;
    -ms-animation-delay: 1s;
    -o-animation-delay: 1s;
    animation-delay: 1s
}

.spinner-ticker-wrap.popover-menu-spinner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.25rem;
    padding-top: 5px;
    padding-bottom: 5px
}

.form-header-large {
    padding-top: 15px;
    padding-bottom: 10px;
    font-size: 18px;
    color: #0a6ece;
    font-weight: bold
}

.form-header-large.-no-top-padding {
    padding-top: 0
}

.powered-by-fh {
    display: -ms-inline-grid;
    display: inline-grid;
    -ms-grid-columns: 100px auto;
    grid-template-columns:100px 1fr;
    border-radius: 6px;
    color: #0a6ece
}

@media only screen and (hover: hover) {
    .powered-by-fh:hover {
        background-color: #e7ebef
    }
}

.powered-by-fh.focus-visible {
    background-color: #e7ebef
}

@media only screen and (min-width: 680px) {
    .powered-by-fh {
        padding: 12px
    }
}

@media only screen and (max-width: 679px) {
    .powered-by-fh {
        padding: 8px
    }
}

.powered-by-fh .powered-by-text {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    padding-bottom: 4px;
    font-size: 12px;
    line-height: 1
}

.powered-by-fh .fh-logo-type {
    -ms-grid-row: 2;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.powered-by-fh .fh-logo-lighthouse {
    -ms-grid-column: 2;
    -ms-grid-row-span: 2;
    grid-column: 2;
    grid-row: 1 / 3;
    margin-left: 8px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

html.is-kiosk .powered-by-fh {
    pointer-events: none
}

.item-header-wide > .tr > .td {
    height: 175px;
    color: #fff;
    background-color: #4c5761;
    background-position: 50% 50%;
    background-size: cover;
    border-bottom: 1px solid #d1d6db;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.75), 0 0 10px rgba(0, 0, 0, 0.5);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 25px;
    padding-bottom: 25px
}

@media only screen and (min-width: 680px) {
    .item-header-wide > .tr > .td {
        padding-left: 55px;
        padding-right: 40px
    }
}

@media only screen and (max-width: 679px) {
    .item-header-wide > .tr > .td {
        padding-left: 25px;
        padding-right: 25px
    }
}

.item-header-wide h1 {
    font-size: 28px;
    line-height: 1
}

.item-header-wide p {
    padding-top: 5px;
    font-size: 14px
}

.inline-swatch {
    display: inline-block;
    box-sizing: border-box;
    width: 0.75em;
    height: 0.75em;
    border-radius: 3px;
    margin-right: 2px
}

@media only print {
    .inline-swatch {
        display: none !important
    }
}

.inline-swatch.inline-swatch--border {
    border-width: 1px;
    border-style: solid
}

.inline-swatch.no-color {
    border: 1px solid #afb8c0
}

@-webkit-keyframes spin {
    to {
        transform: rotate(360deg)
    }
}

@keyframes spin {
    to {
        transform: rotate(360deg)
    }
}

.hint-note {
    display: block;
    position: relative;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 73px;
    border-radius: 5px;
    background-color: #f9f4e3;
    border-width: 1px;
    border-style: solid;
    border-color: #f0e4b9
}

.hint-note .icon-lightbulb {
    position: absolute;
    top: 15px;
    left: 20px;
    width: 36px;
    height: 36px;
    color: #d19c06
}

.hint-note-hide {
    position: absolute;
    top: 0;
    right: 0;
    padding: 6px;
    cursor: pointer;
    line-height: 0;
    color: #9c7507;
    border-top-right-radius: 5px;
    background-color: #f0e4b9
}

.hint-note-hide svg {
    width: 10px;
    height: 10px
}

.ng-price-wrap-parens .ng-price > span::before {
    content: '('
}

.ng-price-wrap-parens .ng-price > span::after {
    content: ')'
}

::-webkit-input-placeholder {
    color: #768593
}

:-moz-placeholder {
    color: #768593;
    opacity: 1
}

::-moz-placeholder {
    color: #768593;
    opacity: 1
}

:-ms-input-placeholder {
    color: #768593
}

.placeholder {
    color: #768593
}

.field-faux-select2 select, .ng-dropdown-disabled select, .select2-container--default .select2-selection--single, .cf-checkbox, textarea, .adyen-input, input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="tel"] {
    border-width: 1px;
    border-style: solid;
    border-color: #afb8c0;
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 #e8ebed;
    color: #1f2428;
    font-family: inherit;
    letter-spacing: inherit
}

.field-faux-select2 select:not(.radio-selected), .ng-dropdown-disabled select:not(.radio-selected), .select2-container--default .select2-selection--single:not(.radio-selected), .cf-checkbox:not(.radio-selected), textarea:not(.radio-selected), .adyen-input:not(.radio-selected), input[type="text"]:not(.radio-selected), input[type="email"]:not(.radio-selected), input[type="url"]:not(.radio-selected), input[type="password"]:not(.radio-selected), input[type="tel"]:not(.radio-selected) {
    background-color: #fff
}

@media only screen and (hover: hover) {
    .field-faux-select2 select:not([disabled]):hover, .ng-dropdown-disabled select:not([disabled]):hover, .select2-container--default .select2-selection--single:not([disabled]):hover, .cf-checkbox:not([disabled]):hover, textarea:not([disabled]):hover, .adyen-input:not([disabled]):hover, input[type="text"]:not([disabled]):hover, input[type="email"]:not([disabled]):hover, input[type="url"]:not([disabled]):hover, input[type="password"]:not([disabled]):hover, input[type="tel"]:not([disabled]):hover {
        border-color: #84929f
    }
}

.field-faux-select2 select.focus-visible:not([disabled]), .ng-dropdown-disabled select.focus-visible:not([disabled]), .select2-container--default .select2-selection--single.focus-visible:not([disabled]), .cf-checkbox.focus-visible:not([disabled]), textarea.focus-visible:not([disabled]), .adyen-input.focus-visible:not([disabled]), input.focus-visible[type="text"]:not([disabled]), input.focus-visible[type="email"]:not([disabled]), input.focus-visible[type="url"]:not([disabled]), input.focus-visible[type="password"]:not([disabled]), input.focus-visible[type="tel"]:not([disabled]) {
    border-color: #84929f
}

.field-faux-select2 select.focus-visible, .ng-dropdown-disabled select.focus-visible, .select2-container--default .focus-visible.select2-selection--single, .focus-visible.cf-checkbox, textarea.focus-visible, .focus-visible.adyen-input, input.focus-visible[type="text"], input.focus-visible[type="email"], input.focus-visible[type="url"], input.focus-visible[type="password"], input.focus-visible[type="tel"] {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px #84929f, 0 0 0 4px #b8bfc4;
    box-shadow: 0 0 0 2px #b8bfc4;
    border-color: #84929f
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="tel"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0 12px
}

@media only screen and (min-width: 680px) {
    input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="tel"] {
        height: 32px;
        font-size: 14px
    }
}

@media only screen and (max-width: 679px) {
    input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="tel"] {
        height: 32px;
        font-size: 16px !important
    }
}

input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder {
    color: #768593
}

input[type="text"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="url"]:-moz-placeholder, input[type="password"]:-moz-placeholder, input[type="tel"]:-moz-placeholder {
    color: #768593;
    opacity: 1
}

input[type="text"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="tel"]::-moz-placeholder {
    color: #768593;
    opacity: 1
}

input[type="text"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder {
    color: #768593
}

input[type="text"] .placeholder, input[type="email"] .placeholder, input[type="url"] .placeholder, input[type="password"] .placeholder, input[type="tel"] .placeholder {
    color: #768593
}

input[type="text"]::-ms-clear, input[type="email"]::-ms-clear, input[type="url"]::-ms-clear, input[type="password"]::-ms-clear, input[type="tel"]::-ms-clear {
    display: none
}

input[type="text"][disabled], input[type="email"][disabled], input[type="url"][disabled], input[type="password"][disabled], input[type="tel"][disabled] {
    border-color: #e0e3e6;
    color: #768593;
    -webkit-text-fill-color: #768593
}

input[type="text"][disabled]:not(.focus-visible), input[type="email"][disabled]:not(.focus-visible), input[type="url"][disabled]:not(.focus-visible), input[type="password"][disabled]:not(.focus-visible), input[type="tel"][disabled]:not(.focus-visible) {
    box-shadow: none
}

input.ng-dirty.ng-invalid[type="text"], input.ng-dirty.ng-invalid[type="email"], input.ng-dirty.ng-invalid[type="url"], input.ng-dirty.ng-invalid[type="password"], input.ng-dirty.ng-invalid[type="tel"] {
    border: 1px solid #e24f1d
}

input.ng-dirty.ng-invalid[type="text"]::-webkit-input-placeholder, input.ng-dirty.ng-invalid[type="email"]::-webkit-input-placeholder, input.ng-dirty.ng-invalid[type="url"]::-webkit-input-placeholder, input.ng-dirty.ng-invalid[type="password"]::-webkit-input-placeholder, input.ng-dirty.ng-invalid[type="tel"]::-webkit-input-placeholder {
    color: #e24f1d
}

input.ng-dirty.ng-invalid[type="text"]:-moz-placeholder, input.ng-dirty.ng-invalid[type="email"]:-moz-placeholder, input.ng-dirty.ng-invalid[type="url"]:-moz-placeholder, input.ng-dirty.ng-invalid[type="password"]:-moz-placeholder, input.ng-dirty.ng-invalid[type="tel"]:-moz-placeholder {
    color: #e24f1d;
    opacity: 1
}

input.ng-dirty.ng-invalid[type="text"]::-moz-placeholder, input.ng-dirty.ng-invalid[type="email"]::-moz-placeholder, input.ng-dirty.ng-invalid[type="url"]::-moz-placeholder, input.ng-dirty.ng-invalid[type="password"]::-moz-placeholder, input.ng-dirty.ng-invalid[type="tel"]::-moz-placeholder {
    color: #e24f1d;
    opacity: 1
}

input.ng-dirty.ng-invalid[type="text"]:-ms-input-placeholder, input.ng-dirty.ng-invalid[type="email"]:-ms-input-placeholder, input.ng-dirty.ng-invalid[type="url"]:-ms-input-placeholder, input.ng-dirty.ng-invalid[type="password"]:-ms-input-placeholder, input.ng-dirty.ng-invalid[type="tel"]:-ms-input-placeholder {
    color: #e24f1d
}

input.ng-dirty.ng-invalid[type="text"] .placeholder, input.ng-dirty.ng-invalid[type="email"] .placeholder, input.ng-dirty.ng-invalid[type="url"] .placeholder, input.ng-dirty.ng-invalid[type="password"] .placeholder, input.ng-dirty.ng-invalid[type="tel"] .placeholder {
    color: #e24f1d
}

.-is-translatable input[type="text"], .-is-translatable input[type="email"], .-is-translatable input[type="url"], .-is-translatable input[type="password"], .-is-translatable input[type="tel"] {
    border-radius: 3px 0 0 3px
}

@media only screen and (min-width: 680px) {
    .adyen-input {
        height: 30px
    }
}

@media only screen and (max-width: 679px) {
    .adyen-input {
        height: 30px
    }
}

.adyen-input.ng-dirty.ng-invalid {
    border: 1px solid #e24f1d
}

@supports (-webkit-appearance:none) or (-moz-appearance:none) {
    input[type="checkbox"], input[type="radio"] {
        display: inline-block;
        vertical-align: middle;
        margin-top: -2px;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 0;
        padding: 0;
        width: 13px;
        height: 13px;
        -webkit-appearance: none;
        -moz-appearance: none;
        background: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #afb8c0
    }

    input[type="checkbox"]:not(:disabled), input[type="radio"]:not(:disabled) {
        cursor: pointer
    }

    input[type="checkbox"]:not(:disabled):not(.focus-visible), input[type="radio"]:not(:disabled):not(.focus-visible) {
        box-shadow: 0 1px 2px 0 #e8ebed
    }

    @media only screen and (hover: hover) {
        input[type="checkbox"]:not(:disabled):not(:checked):hover, input[type="radio"]:not(:disabled):not(:checked):hover {
            border-color: #84929f
        }
    }input.focus-visible[type="checkbox"]:not(:disabled):not(:checked), input.focus-visible[type="radio"]:not(:disabled):not(:checked) {
         border-color: #84929f
     }

    input[type="checkbox"]:disabled, input[type="radio"]:disabled {
        cursor: not-allowed;
        border-color: #d1d6db
    }

    input[type="checkbox"]:checked:disabled, input[type="radio"]:checked:disabled {
        background-color: #afb8c0;
        border-color: #afb8c0
    }

    input[type="checkbox"]:checked, input[type="radio"]:checked {
        background-color: #0a6ece;
        border-color: #0a6ece
    }

    input[type="checkbox"]::-ms-check, input[type="radio"]::-ms-check {
        background-color: transparent;
        border-color: transparent;
        color: #fff
    }

    input[type="checkbox"] {
        border-radius: 3px
    }

    input[type="checkbox"]:checked {
        background-size: 9px 9px;
        background-repeat: no-repeat;
        background-position: 1px 1px
    }

    input[type="checkbox"]:checked::after {
        content: '';
        display: block;
        width: 3px;
        height: 7px;
        border: 2px solid #fff;
        border-top: 0;
        border-left: 0;
        transform: rotate(34deg) translate3d(0, 0, 0);
        margin-left: 3px
    }

    input[type="radio"] {
        border-radius: 15px
    }

    input[type="radio"]:checked::after {
        content: '';
        display: block;
        width: 5px;
        height: 5px;
        background: #fff;
        border-radius: 10px;
        margin-top: 3px;
        margin-left: 3px
    }
}

select {
    font-family: inherit;
    cursor: pointer
}

select.focus-visible {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px inherit, 0 0 0 4px #b8bfc4;
    box-shadow: 0 0 0 2px #b8bfc4;
    border-color: inherit
}

@media only screen and (min-width: 680px) {
    select {
        font-size: 13px
    }
}

@media only screen and (max-width: 679px) {
    select {
        height: 32px;
        font-size: 16px !important
    }
}

select[disabled] {
    cursor: default
}

@media only print {
    select {
        color: inherit;
        font: inherit;
        padding: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        appearance: none;
        -webkit-font-smoothing: inherit;
        border: none;
        background: rgba(0, 0, 0, 0);
        line-height: normal
    }
}

.field-select-inline select {
    border-radius: 3px;
    height: 24px
}

input[type="radio"]:not([disabled]) {
    cursor: pointer
}

.field.ng-required.ng-invalid .select2-selection__arrow {
    right: 37px
}

.field.ng-required.ng-invalid .select2-selection__rendered {
    padding-right: 48px
}

.field.ng-required.ng-invalid .select2-selection__clear {
    right: 53px
}

textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
    padding: 10px 14px 14px 14px;
    line-height: 1.3;
    resize: vertical
}

@media only screen and (min-width: 680px) {
    textarea {
        font-size: inherit
    }
}

@media only screen and (max-width: 679px) {
    textarea {
        font-size: 16px
    }
}

textarea::-webkit-input-placeholder {
    color: #768593
}

textarea:-moz-placeholder {
    color: #768593;
    opacity: 1
}

textarea::-moz-placeholder {
    color: #768593;
    opacity: 1
}

textarea:-ms-input-placeholder {
    color: #768593
}

textarea .placeholder {
    color: #768593
}

textarea.ng-dirty.ng-invalid {
    border: 1px solid #e24f1d
}

.field {
    margin-bottom: 5px
}

.field .the-field {
    position: relative;
    display: block
}

.field-group--first input[type="text"], .field-group--first input[type="email"], .field-group--first input[type="url"], .field-group--first input[type="password"], .field-group--first input[type="tel"], .field-group--first.field-faux-select2 select {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right-width: 0
}

.field-group--last input[type="text"], .field-group--last input[type="email"], .field-group--last input[type="url"], .field-group--last input[type="password"], .field-group--last input[type="tel"], .field-group--last.field-faux-select2 select {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.required-flag-icon, .field-required-flag > i {
    width: 10px;
    height: 10px;
    background-position: -468px -162px;
    margin-left: 1px;
    vertical-align: text-top;
    margin-top: 2px
}

.field-required-flag {
    display: none;
    width: 24px;
    background: #f1f2f4;
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    cursor: help;
    z-index: 2
}

.field-required-flag > i {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.field-style-hook {
    pointer-events: none;
    z-index: 1
}

.field.ng-required.ng-invalid input[type="text"], .field.ng-required.ng-invalid input[type="email"], .field.ng-required.ng-invalid input[type="url"], .field.ng-required.ng-invalid input[type="password"], .field.ng-required.ng-invalid textarea {
    padding-right: 30px
}

.field.ng-required.ng-invalid .adyen-input {
    padding-right: 24px
}

.field.ng-required.ng-invalid.field-seating {
    padding-right: 36px
}

.field.ng-required.ng-invalid .field-required-flag {
    display: block
}

.noisy-invalid-fields .field.ng-invalid input:not(.focus-visible), .noisy-invalid-fields .field.ng-invalid textarea:not(.focus-visible), .noisy-invalid-fields .field.ng-invalid .ng-dropdown-disabled:not(.focus-visible), .noisy-invalid-fields .field.ng-invalid .cf-checkbox:not(.focus-visible), .noisy-invalid-fields .field.ng-invalid.field-faux-select2 select:not(.focus-visible), .noisy-invalid-fields .field.ng-invalid.field-select-full .the-field:not(.focus-visible), .noisy-invalid-fields .field.ng-invalid.field-seating:not(.focus-visible), .noisy-invalid-fields .field.ng-invalid .adyen-input:not(.focus-visible) {
    border-color: #ed501a;
    box-shadow: 0 0 1px 1px #ed501a
}

.noisy-invalid-fields .field.ng-invalid input[type="checkbox"]:not(.focus-visible), .noisy-invalid-fields .field.ng-invalid input[type="radio"]:not(.focus-visible) {
    box-shadow: 0 0 0 2px #ed501a
}

.hide-label-text .label-text {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px)
}

.no-field-margin .field {
    margin-bottom: 0
}

.dim-disabled-fieldsets fieldset[disabled] .label-text, .dim-disabled-fieldsets fieldset[disabled] .hours-label, .dim-disabled-fieldsets fieldset[disabled] .cutoff-header, .dim-disabled-fieldsets fieldset[disabled] .cutoff-label, fieldset.dim-when-disabled[disabled] .label-text, fieldset.dim-when-disabled[disabled] .hours-label, fieldset.dim-when-disabled[disabled] .cutoff-header, fieldset.dim-when-disabled[disabled] .cutoff-label {
    color: #768593
}

.dim-disabled-fieldsets fieldset[disabled] input, fieldset.dim-when-disabled[disabled] input {
    opacity: 0.75
}

.form-link {
    font-size: 12px
}

@media only screen {
    .form-link {
        color: #0a6ece;
        text-decoration: underline;
        cursor: pointer
    }
}

.form-link.form-link-small {
    font-size: 11px
}

.form-link-delete {
    color: #B3271C;
    text-decoration: underline;
    font-size: 12px
}

.errors li {
    margin-top: 3px
}

.form-error, .errors li {
    position: relative;
    padding: 10px 12px;
    text-align: left;
    background-color: #c02b2b;
    margin-bottom: 5px;
    color: #fff;
    border-radius: 3px;
    clear: both
}

.form-error:before, .errors li:before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 11px;
    background-position: -416px -210px;
    margin-right: 5px
}

.form-error a, .errors li a {
    text-decoration: underline
}

.image-upload-preview {
    display: block
}

.image-upload-preview img {
    max-width: 300px;
    height: auto
}

.url-copy-field {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 3px
}

textarea.url-copy-field {
    white-space: pre-line;
    height: 100px
}

.payment-add-comment {
    padding-bottom: 10px;
    display: inline-block
}

.mailcheck-suggestion a {
    font-size: 12px;
    margin-top: 3px;
    display: inline-block;
    margin-bottom: 5px;
    color: #768593
}

.mailcheck-suggestion a:hover b {
    color: #0a6ece
}

.mailcheck-suggestion a b {
    color: #5e6c78;
    text-decoration: underline;
    font-weight: normal
}

.form-loading-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    z-index: 1005;
    text-align: center;
    padding-top: 70px;
    font-size: 14px
}

.form-loading-overlay .spinner-booking {
    width: 38px;
    height: 38px;
    margin: 0 auto 5px auto;
    border-radius: 50%;
    border: 7px solid #d1d6db;
    border-top-color: #0a6ece;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite
}

.form-loading-overlay .processing-note {
    padding: 10px 0 4px 0;
    color: #0a6ece;
    font-size: 25px;
    text-align: center
}

.form-loading-overlay .processing-refresh-note {
    color: #768593
}

.icon-chevron {
    transition: transform 0.15s ease-in-out
}

.icon-chevron--left {
    transform: rotate(180deg)
}

.icon-chevron--up {
    transform: rotate(-90deg)
}

.icon-chevron--down {
    transform: rotate(90deg)
}

.icon-cc-hold-release.icon-cc-release .icon-cc-hold {
    visibility: hidden
}

.icon-cc-hold-release.icon-cc-release .icon-cc-release {
    visibility: visible
}

.icon-eye--small {
    width: 14px;
    height: 10px
}

.icon-queuing {
    margin-left: -25px;
    margin-right: -7px
}

.icon-queuing .icon-queuing--person-1 {
    opacity: 0
}

@media (prefers-reduced-motion: no-preference) {
    .icon-queuing .icon-queuing--person-1 {
        -webkit-animation-name: queuing-person-first;
        animation-name: queuing-person-first;
        -webkit-animation-duration: 4s;
        animation-duration: 4s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
}

@media (prefers-reduced-motion: no-preference) {
    .icon-queuing .icon-queuing--person-2, .icon-queuing .icon-queuing--person-3 {
        -webkit-animation-name: queuing-person-middle;
        animation-name: queuing-person-middle;
        -webkit-animation-duration: 4s;
        animation-duration: 4s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
}

@media (prefers-reduced-motion: no-preference) {
    .icon-queuing .icon-queuing--person-4 {
        -webkit-animation-name: queuing-person-last;
        animation-name: queuing-person-last;
        -webkit-animation-duration: 4s;
        animation-duration: 4s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

.icon-seat--block .icon-seat--line {
    visibility: visible
}

.icon-seat--autoassign .icon-seat--bolt {
    visibility: visible
}

.icon-seating .icon-seating-strokes path {
    display: none
}

.icon-seating--fill-0 .icon-seating-fills rect {
    display: none
}

.icon-seating--fill-0 .icon-seating-strokes path {
    display: block
}

.icon-seating--fill-3 .icon-seating-fills rect:last-child {
    display: none
}

.icon-seating--fill-3 .icon-seating-strokes path:last-child {
    display: block
}

.icon-zoom--out .icon-zoom-plus {
    display: none
}

.icon-warning--filled .icon-warning--triangle {
    fill: #e67d23
}

.icon-warning--filled .icon-warning--exclamation {
    visibility: visible;
    fill: #fff
}

.icon-in-circle {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    border-radius: 100%;
    text-align: center
}

.icon-in-circle svg {
    vertical-align: middle;
    width: 0.5em;
    height: 0.5em;
    margin-top: -0.25em;
    margin-left: 0.05em;
    color: #fff
}

@-webkit-keyframes queuing-person-first {
    50%, 100% {
        -webkit-transform: translateX(13px);
        -moz-transform: translateX(13px);
        -ms-transform: translateX(13px);
        -o-transform: translateX(13px);
        transform: translateX(13px);
        opacity: 1
    }
}

@keyframes queuing-person-first {
    50%, 100% {
        -webkit-transform: translateX(13px);
        -moz-transform: translateX(13px);
        -ms-transform: translateX(13px);
        -o-transform: translateX(13px);
        transform: translateX(13px);
        opacity: 1
    }
}

@-webkit-keyframes queuing-person-middle {
    50%, 100% {
        -webkit-transform: translateX(13px);
        -moz-transform: translateX(13px);
        -ms-transform: translateX(13px);
        -o-transform: translateX(13px);
        transform: translateX(13px)
    }
}

@keyframes queuing-person-middle {
    50%, 100% {
        -webkit-transform: translateX(13px);
        -moz-transform: translateX(13px);
        -ms-transform: translateX(13px);
        -o-transform: translateX(13px);
        transform: translateX(13px)
    }
}

@-webkit-keyframes queuing-person-last {
    50%, 100% {
        -webkit-transform: translateX(15px);
        -moz-transform: translateX(15px);
        -ms-transform: translateX(15px);
        -o-transform: translateX(15px);
        transform: translateX(15px);
        opacity: 0
    }
}

@keyframes queuing-person-last {
    50%, 100% {
        -webkit-transform: translateX(15px);
        -moz-transform: translateX(15px);
        -ms-transform: translateX(15px);
        -o-transform: translateX(15px);
        transform: translateX(15px);
        opacity: 0
    }
}

.btn-back::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%231F2428%22%20viewBox%3D%220%200%2015.55%2014.14%22%3E%3Cpath%20d%3D%22M1.41%2C8.49l5.66%2C5.65%2C1.42-1.41L3.83%2C8.07H14.57l1-1-1-1H3.83L8.49%2C1.41%2C7.07%2C0%2C1.41%2C5.66%2C0%2C7.07Z%22%2F%3E%3C%2Fsvg%3E")
}

.settings-nav.settings-nav-list a.has-secondary-nav::after, .settings-nav .settings-nav-list a.has-secondary-nav::after, .ss-drillup {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%231F2428%22%20viewBox%3D%220%200%2011%2011%22%20width%3D%2211%22%20height%3D%2211%22%3E%0A%20%20%3Cpath%20d%3D%22m9%200h-8v2h6.59l-7.6%207.59.01%201.4%201.43.01%207.57-7.58v6.58h2v-8-2z%22%20%2F%3E%0A%3C%2Fsvg%3E")
}

.table-nav-item.with-overlay-arrow:before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23AFB8C0%22%20viewBox%3D%220%200%2011%2011%22%20width%3D%2211%22%20height%3D%2211%22%3E%0A%20%20%3Cpath%20d%3D%22m9%200h-8v2h6.59l-7.6%207.59.01%201.4%201.43.01%207.57-7.58v6.58h2v-8-2z%22%20%2F%3E%0A%3C%2Fsvg%3E")
}

.settings-nav.settings-nav-list a.current::after, .settings-nav.settings-nav-list li.current a::after, .settings-nav .settings-nav-list a.current::after, .settings-nav .settings-nav-list li.current a::after {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23FFFFFF%22%20viewBox%3D%220%200%2011%2011%22%20width%3D%2211%22%20height%3D%2211%22%3E%0A%20%20%3Cpath%20d%3D%22m9%200h-8v2h6.59l-7.6%207.59.01%201.4%201.43.01%207.57-7.58v6.58h2v-8-2z%22%20%2F%3E%0A%3C%2Fsvg%3E")
}

.select2-container--default .select2-selection--single .select2-selection__clear:before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpolygon%20fill%3D%22%23C02B2B%22%20points%3D%2214%201.75%2012.25%200%207%205.25%201.75%200%200%201.75%205.25%207%200%2012.25%201.75%2014%207%208.75%2012.25%2014%2014%2012.25%208.75%207%2014%201.75%22%2F%3E%3C%2Fsvg%3E%0A")
}

.gift-card-close, .ng-clear-input, .button-close {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpolygon%20fill%3D%22%231F2428%22%20points%3D%2214%201.75%2012.25%200%207%205.25%201.75%200%200%201.75%205.25%207%200%2012.25%201.75%2014%207%208.75%2012.25%2014%2014%2012.25%208.75%207%2014%201.75%22%2F%3E%3C%2Fsvg%3E%0A")
}

.itable-edit.with-button:before, .option-block-edit span, .toggle-set-edit:before, .set-total-toggle .set-total-toggle-icon, .flyout-preset-edit-btn::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23768593%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M10%2C.51a1.74%2C1.74%2C0%2C0%2C1%2C2.46%2C0l1.08%2C1.08a1.74%2C1.74%2C0%2C0%2C1%2C0%2C2.46L4.93%2C12.61a1.78%2C1.78%2C0%2C0%2C1-.75.44L1%2C14a.73.73%2C0%2C0%2C1-.73-.19A.73.73%2C0%2C0%2C1%2C0%2C13.05L1%2C9.82a1.78%2C1.78%2C0%2C0%2C1%2C.44-.75Zm1.41%2C1.05a.26.26%2C0%2C0%2C0-.35%2C0L9.75%2C2.82l1.43%2C1.43L12.44%2C3a.26.26%2C0%2C0%2C0%2C0-.35ZM10.13%2C5.3%2C8.7%2C3.87%2C2.45%2C10.12a.24.24%2C0%2C0%2C0-.06.11l-.56%2C1.94%2C1.94-.56a.24.24%2C0%2C0%2C0%2C.11-.06Z%22%2F%3E%3C%2Fsvg%3E%0A")
}

.option-block-edit:hover span {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%234C5761%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M10%2C.51a1.74%2C1.74%2C0%2C0%2C1%2C2.46%2C0l1.08%2C1.08a1.74%2C1.74%2C0%2C0%2C1%2C0%2C2.46L4.93%2C12.61a1.78%2C1.78%2C0%2C0%2C1-.75.44L1%2C14a.73.73%2C0%2C0%2C1-.73-.19A.73.73%2C0%2C0%2C1%2C0%2C13.05L1%2C9.82a1.78%2C1.78%2C0%2C0%2C1%2C.44-.75Zm1.41%2C1.05a.26.26%2C0%2C0%2C0-.35%2C0L9.75%2C2.82l1.43%2C1.43L12.44%2C3a.26.26%2C0%2C0%2C0%2C0-.35ZM10.13%2C5.3%2C8.7%2C3.87%2C2.45%2C10.12a.24.24%2C0%2C0%2C0-.06.11l-.56%2C1.94%2C1.94-.56a.24.24%2C0%2C0%2C0%2C.11-.06Z%22%2F%3E%3C%2Fsvg%3E%0A")
}

.sortable-handle.large:not(.not-sortable):before, .sortable-handle.small:before, .sortable-handle.small-left:before, .reorder-note:before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23768593%22%20width%3D%226%22%20height%3D%2210%22%20viewBox%3D%220%200%206%2010%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M5%2C10A1%2C1%2C0%2C1%2C0%2C4%2C9%2C1%2C1%2C0%2C0%2C0%2C5%2C10ZM1%2C10A1%2C1%2C0%2C1%2C0%2C0%2C9%2C1%2C1%2C0%2C0%2C0%2C1%2C10ZM2%2C5A1%2C1%2C0%2C1%2C1%2C1%2C4%2C1%2C1%2C0%2C0%2C1%2C2%2C5ZM5%2C6A1%2C1%2C0%2C1%2C0%2C4%2C5%2C1%2C1%2C0%2C0%2C0%2C5%2C6ZM6%2C1A1%2C1%2C0%2C1%2C1%2C5%2C0%2C1%2C1%2C0%2C0%2C1%2C6%2C1ZM1%2C2A1%2C1%2C0%2C1%2C0%2C0%2C1%2C1%2C1%2C0%2C0%2C0%2C1%2C2Z%22%2F%3E%3C%2Fsvg%3E%0A")
}

.buttons, .btns {
    clear: both;
    position: relative;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (max-width: 679px) {
    .buttons, .btns {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media only screen and (min-width: 680px) {
    .buttons, .btns {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex
    }
}

.buttons--combo, .btns--combo {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

@media only screen and (min-width: 680px) {
    .buttons--reversed, .btns--reversed {
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

.buttons--fill-row, .btns--fill-row {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.buttons--fill-row > *, .btns--fill-row > * {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

.buttons--fill-row > * + *, .btns--fill-row > * + * {
    margin-top: 0 !important;
    margin-left: 6px
}

.buttons--fill-row > *:only-child, .btns--fill-row > *:only-child {
    margin-left: auto
}

.buttons.with-margin-top, .btns.with-margin-top {
    margin-top: 22px
}

.buttons.with-margin-bottom, .btns.with-margin-bottom {
    margin-bottom: 22px
}

@media only screen and (max-width: 679px) {
    .btn-wrap {
        width: 100%
    }

    .btn-wrap + .btn-wrap {
        margin-top: 5px
    }
}

@media only screen and (max-width: 679px) {
    .btn-wrap--right {
        width: 100%;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-top: 5px
    }
}

@media only screen and (min-width: 680px) {
    .btn-wrap--right {
        margin-right: 0;
        margin-left: auto
    }
}

@media only screen and (min-width: 680px) {
    .btns--reversed .btn-wrap--right {
        margin-right: auto;
        margin-left: 0
    }
}

@media only print {
    .btn, .btn-huge, .btn-big, .btn-tiny {
        display: none !important
    }
}

.btn[disabled], .btn-huge[disabled], .btn-big[disabled], .btn-tiny[disabled], .btn.button-disabled, .button-disabled.btn-huge, .button-disabled.btn-big, .button-disabled.btn-tiny, .btn.btn-disabled, .btn-disabled.btn-huge, .btn-disabled.btn-big, .btn-disabled.btn-tiny {
    cursor: not-allowed
}

@media only screen and (max-width: 679px) {
    .btn, .btn-huge, .btn-big, .btn-tiny {
        width: 100%;
        min-height: 36px
    }

    .btn + .btn, .btn-huge + .btn, .btn + .btn-huge, .btn-huge + .btn-huge, .btn-big + .btn, .btn-big + .btn-huge, .btn + .btn-big, .btn-huge + .btn-big, .btn-big + .btn-big, .btn-tiny + .btn, .btn-tiny + .btn-huge, .btn-tiny + .btn-big, .btn + .btn-tiny, .btn-huge + .btn-tiny, .btn-big + .btn-tiny, .btn-tiny + .btn-tiny {
        margin-top: 5px
    }
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    .btn, .btn-huge, .btn-big, .btn-tiny {
        height: 33px
    }
}

.btn .tb-icon, .btn-huge .tb-icon, .btn-big .tb-icon, .btn-tiny .tb-icon, .btn .badge, .btn-huge .badge, .btn-big .badge, .btn-tiny .badge, .btn svg, .btn-huge svg, .btn-big svg, .btn-tiny svg {
    margin-right: 8px
}

.btn svg, .btn-huge svg, .btn-big svg, .btn-tiny svg {
    position: relative;
    flex: none;
    max-height: 18px;
    vertical-align: middle
}

.btn .badge, .btn-huge .badge, .btn-big .badge, .btn-tiny .badge {
    font-weight: normal
}

.btn .visually-hidden ~ svg, .btn-huge .visually-hidden ~ svg, .btn-big .visually-hidden ~ svg, .btn-tiny .visually-hidden ~ svg, .btn .visually-hidden ~ .tb-icon, .btn-huge .visually-hidden ~ .tb-icon, .btn-big .visually-hidden ~ .tb-icon, .btn-tiny .visually-hidden ~ .tb-icon, .btn abbr ~ svg, .btn-huge abbr ~ svg, .btn-big abbr ~ svg, .btn-tiny abbr ~ svg, .btn abbr ~ .tb-icon, .btn-huge abbr ~ .tb-icon, .btn-big abbr ~ .tb-icon, .btn-tiny abbr ~ .tb-icon {
    margin-right: 0
}

.btn-tiny {
    min-width: 70px
}

@media only screen and (min-width: 680px) {
    .btn-tiny {
        min-height: 29px;
        padding-right: 10px;
        padding-left: 10px
    }
}

.btn-big {
    min-height: 40px
}

@media only screen and (min-width: 680px) {
    .btn-big {
        min-width: 80px
    }
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    .btn-big {
        height: 40px
    }
}

.btn-big svg {
    max-height: 20px
}

.btn-big svg, .btn-big.btn-icon::before {
    width: 24px;
    margin-right: 12px
}

.btn-big svg.icon-cog, .btn-big.btn-icon.icon-cog::before {
    height: 18px
}

.btn-big svg.icon-manifest, .btn-big.btn-icon.icon-manifest::before {
    height: 20px
}

.btn-big svg.icon-pencil, .btn-big.btn-icon.icon-pencil::before {
    height: 16px
}

.btn-big svg.icon-phone, .btn-big.btn-icon.icon-phone::before {
    height: 18px
}

.btn-big svg.icon-print, .btn-big.btn-icon.icon-print::before {
    height: 16px
}

.btn-big svg.icon-seating, .btn-big.btn-icon.icon-seating::before {
    height: 17px
}

.btn-big svg.plus, .btn-big svg.plus-blue, .btn-big svg.plus-dark, .btn-big.btn-icon.plus::before, .btn-big.btn-icon.plus-blue::before, .btn-big.btn-icon.plus-dark::before {
    margin-left: 6px;
    margin-right: 16px
}

.btn-big .badge {
    white-space: nowrap
}

.btn-big .badge.orange {
    background-color: #f37f25
}

.btn-huge-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.btn-huge {
    padding: 10px 15px;
    min-height: 54px;
    font-size: 18px;
    border-radius: 5px
}

.btn-huge:not(button) {
    line-height: 54px
}

.btn-grey, .btn-black, .btn-darkgrey {
    background-color: #5a6672;
    color: #fff
}

@media only screen and (hover: hover) {
    .btn-grey:hover, .btn-black:hover, .btn-darkgrey:hover {
        background-color: #4f5a64
    }
}

.btn-grey.focus-visible, .btn-black.focus-visible, .btn-darkgrey.focus-visible {
    background-color: #4f5a64
}

.btn-grey:active, .btn-black:active, .btn-darkgrey:active {
    background-color: #434d56
}

.btn-grey.active-when-toggled.toggled, .btn-grey.is-active, .btn-black.active-when-toggled.toggled, .btn-black.is-active, .btn-darkgrey.active-when-toggled.toggled, .btn-darkgrey.is-active {
    background-color: #4f5a64
}

.btn-grey--light {
    background-color: #e0e3e6;
    color: #1f2428
}

@media only screen and (hover: hover) {
    .btn-grey--light:hover {
        background-color: #d1d6db
    }
}

.btn-grey--light.focus-visible {
    background-color: #d1d6db
}

.btn-grey--light:active {
    background-color: #c3cad0
}

.btn-grey--light.active-when-toggled.toggled, .btn-grey--light.is-active {
    background-color: #d1d6db
}

.btn-grey--lighter {
    background-color: #e7ebef;
    color: #1f2428
}

@media only screen and (hover: hover) {
    .btn-grey--lighter:hover {
        background-color: #d7dee4
    }
}

.btn-grey--lighter.focus-visible {
    background-color: #d7dee4
}

.btn-grey--lighter:active {
    background-color: #c8d1da
}

.btn-grey--lighter.active-when-toggled.toggled, .btn-grey--lighter.is-active {
    background-color: #d7dee4
}

.btn-grey--ghost {
    background-color: transparent;
    color: #1f2428
}

@media only screen and (hover: hover) {
    .btn-grey--ghost:hover {
        background-color: #e0e3e6
    }
}

.btn-grey--ghost.focus-visible {
    background-color: #e0e3e6
}

.btn-grey--ghost:active {
    background-color: #c3cad0
}

.btn-grey--ghost.active-when-toggled.toggled, .btn-grey--ghost.is-active {
    background-color: rgba(0, 0, 0, 0)
}

.btn-blue {
    background-color: #0a6ece;
    color: #fff
}

@media only screen and (hover: hover) {
    .btn-blue:hover {
        background-color: #0961b6
    }
}

.btn-blue.focus-visible {
    background-color: #0961b6
}

.btn-blue:active {
    background-color: #08549d
}

.btn-blue.active-when-toggled.toggled, .btn-blue.is-active {
    background-color: #0961b6
}

.btn-blue--light {
    background-color: #eaf2f7;
    color: #004b92
}

@media only screen and (hover: hover) {
    .btn-blue--light:hover {
        background-color: #d8e7f0
    }
}

.btn-blue--light.focus-visible {
    background-color: #d8e7f0
}

.btn-blue--light:active {
    background-color: #c5dbe9
}

.btn-blue--light.active-when-toggled.toggled, .btn-blue--light.is-active {
    background-color: #d8e7f0
}

.btn-green {
    background-color: #1D875A;
    color: #fff
}

@media only screen and (hover: hover) {
    .btn-green:hover {
        background-color: #18724c
    }
}

.btn-green.focus-visible {
    background-color: #18724c
}

.btn-green:active {
    background-color: #145d3e
}

.btn-green.active-when-toggled.toggled, .btn-green.is-active {
    background-color: #18724c
}

.btn-red {
    background-color: #c02b2b;
    color: #fff
}

@media only screen and (hover: hover) {
    .btn-red:hover {
        background-color: #ab2626
    }
}

.btn-red.focus-visible {
    background-color: #ab2626
}

.btn-red:active {
    background-color: #962222
}

.btn-red.active-when-toggled.toggled, .btn-red.is-active {
    background-color: #ab2626
}

.btn-red--ghost {
    background-color: transparent;
    color: #c02b2b
}

@media only screen and (hover: hover) {
    .btn-red--ghost:hover {
        background-color: #f2dcda
    }
}

.btn-red--ghost.focus-visible {
    background-color: #f2dcda
}

.btn-red--ghost:active {
    background-color: #e5b8b4
}

.btn-red--ghost.active-when-toggled.toggled, .btn-red--ghost.is-active {
    background-color: rgba(0, 0, 0, 0)
}

.btn-wide {
    width: 100%
}

@media only screen and (min-width: 680px) {
    .btn--push-right {
        margin-right: auto !important
    }
}

@media only screen and (min-width: 680px) {
    .btn--push-left {
        margin-left: auto !important
    }
}

@media only screen and (min-width: 680px) {
    .btn-left {
        margin-right: 6px
    }
}

@media only screen and (min-width: 680px) {
    .btn-right {
        margin-left: 6px
    }
}

.btn-link {
    color: #768593;
    border: none;
    background: none;
    text-decoration: underline !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    min-width: 0 !important;
    cursor: pointer
}

.btn-link:hover {
    background: none;
    text-decoration: none !important
}

.btn-link-grey {
    color: #e7ebef
}

.btn-link-darkgrey {
    color: #4c5761
}

.btn-link-black {
    color: #505558
}

.btn-link-blue {
    color: #0a6ece
}

.btn-link-green {
    color: #1D875A
}

.btn-link-red {
    color: #c02b2b
}

.btn--large-label {
    font-size: 14px
}

.btn-icon, .btn--content-left {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: left
}

.btn-icon::before {
    content: '';
    display: block;
    flex: none;
    width: 24px;
    height: 24px;
    margin-right: 8px
}

.btn-icon.chevron-left::before {
    width: 9px;
    height: 15px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23FFFFFF%22%20width%3D%228%22%20height%3D%2213%22%20viewBox%3D%220%200%208%2013%22%3E%0A%20%20%3Cpolygon%20points%3D%221.314%20-0.007%208.007%206.538%206.701%207.815%206.675%207.789%201.349%2013%200.018%2011.7%205.344%206.491%200.008%201.274%22%20%2F%3E%0A%3C%2Fsvg%3E");
    background-size: 9px 15px;
    background-repeat: no-repeat;
    transform: rotate(180deg)
}

.btn-icon.plus::before {
    width: 14px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23FFFFFF%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M7%2C0a.88.88%2C0%2C0%2C1%2C.88.88V6.12h5.24a.88.88%2C0%2C1%2C1%2C0%2C1.76H7.88v5.24a.88.88%2C0%2C0%2C1-1.76%2C0V7.88H.88a.88.88%2C0%2C0%2C1%2C0-1.76H6.12V.88A.88.88%2C0%2C0%2C1%2C7%2C0Z%22%2F%3E%3C%2Fsvg%3E%0A");
    background-size: 14px 14px;
    background-repeat: no-repeat
}

.btn-icon.plus-dark::before {
    width: 14px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%231F2428%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M7%2C0a.88.88%2C0%2C0%2C1%2C.88.88V6.12h5.24a.88.88%2C0%2C1%2C1%2C0%2C1.76H7.88v5.24a.88.88%2C0%2C0%2C1-1.76%2C0V7.88H.88a.88.88%2C0%2C0%2C1%2C0-1.76H6.12V.88A.88.88%2C0%2C0%2C1%2C7%2C0Z%22%2F%3E%3C%2Fsvg%3E%0A");
    background-size: 14px 14px;
    background-repeat: no-repeat
}

.btn-icon.plus-blue::before {
    width: 14px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23004B92%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M7%2C0a.88.88%2C0%2C0%2C1%2C.88.88V6.12h5.24a.88.88%2C0%2C1%2C1%2C0%2C1.76H7.88v5.24a.88.88%2C0%2C0%2C1-1.76%2C0V7.88H.88a.88.88%2C0%2C0%2C1%2C0-1.76H6.12V.88A.88.88%2C0%2C0%2C1%2C7%2C0Z%22%2F%3E%3C%2Fsvg%3E%0A");
    background-size: 14px 14px;
    background-repeat: no-repeat
}

.btn-icon.arrow-right::before {
    background-position: -350px -515px
}

.btn-icon.arrow-left::before {
    background-position: -376px -515px
}

.btn-icon.add-person::before {
    background-position: -215px -210px
}

.btn-icon.bank::before {
    background-position: -239px -515px
}

.btn-icon.recurring-transfer::before {
    background-position: -26px -110px
}

.btn-icon.cancel::before {
    background-position: -26px -136px
}

.btn-icon.cc-save::before {
    background-position: -234px -136px
}

.btn-icon.release-hold::before {
    background-position: -364px -136px
}

.btn-icon.add-payment::before {
    background-position: -52px -136px
}

.btn-icon.add-payment.currency--gbp::before {
    background-position: -52px -110px
}

.btn-icon.cog::before {
    background-position: -390px -136px
}

.btn-icon.check-in::before {
    background-position: -153px -515px
}

.btn-icon.email::before {
    background-position: -104px -136px
}

.btn-icon.manifest::before {
    background-position: -212px -515px;
    width: 25px
}

.btn-icon.phone::before {
    background-position: -384px -309px
}

.btn-icon.refund::before {
    background-position: -78px -136px
}

.btn-icon.refund.currency--gbp::before {
    background-position: -78px -110px
}

.btn-icon.print::before {
    background-position: -130px -136px
}

.btn-icon.rebook::before {
    background-position: -363px -181px
}

.btn-icon.add-booking::before {
    background-position: 0 -136px
}

.btn-icon.merge-booking::before {
    background-position: 0 -110px
}

.btn-icon.manifest::before {
    background-position: -212px -515px
}

.btn-flyout::after {
    transform: none;
    content: '';
    display: inline-block;
    transition: transform 0.15s ease-in-out;
    border-style: solid;
    border-color: transparent;
    border-width: 5px 3.5px 0 3.5px;
    border-top-color: currentColor;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@supports (mask-type:inherit) {
    .btn-flyout::after {
        width: 7px;
        height: 5px;
        background-color: currentColor;
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%207%204.88%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M.3%200C0%200-.1.2.1.44l3.1%204.26a.37.37%200%200%200%20.64%200L6.9.44C7.1.2%207%200%206.7%200z%22%2F%3E%3C%2Fsvg%3E");
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        mask-size: 7px 5px;
        border: 0
    }
}

.btn-flyout .tb-icon {
    margin-right: 5px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.btn-segment-left {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    text-align: left
}

.btn-segment-right-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    border-left: 1px solid #cfe0ea
}

.btn-segment-right {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0 !important;
    min-width: 0 !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    text-align: left
}

@media only screen and (max-width: 679px) {
    .btn-segment-right {
        margin-top: 0 !important
    }
}

.btn-back {
    position: relative;
    display: inline-block;
    padding: 8px 15px 8px 36px;
    margin-left: -15px;
    border-radius: 5px;
    font-size: 15px;
    cursor: pointer
}

@media only screen and (hover: hover) {
    .btn-back:hover {
        background-color: #e7ebef
    }
}

.btn-back.focus-visible {
    background-color: #e7ebef
}

.btn-back::before {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -7px;
    left: 15px;
    width: 14px;
    height: 13px;
    background-size: 14px 13px;
    background-repeat: no-repeat
}

.button-close {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    height: 24px;
    text-indent: -9999em;
    border-radius: 2px;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    background-position: 6px 6px;
    background-color: transparent;
    cursor: pointer
}

@media only screen and (hover: hover) {
    .button-close:hover {
        background-color: #e7ebef
    }
}

.button-close.focus-visible {
    background-color: #e7ebef
}

.button-remove {
    display: block;
    position: relative;
    width: 25px;
    height: 25px;
    font-size: 0;
    line-height: 0;
    cursor: pointer
}

.button-remove:before {
    content: " ";
    position: absolute;
    top: 6px;
    left: 6px;
    width: 13px;
    height: 13px;
    background-position: -46px -515px;
    opacity: 0.8
}

.button-remove:hover::before {
    opacity: 1
}

.buttons-list > li {
    position: relative;
    margin-bottom: 5px
}

@media only screen and (min-width: 680px) {
    .buttons-list .buttons-spacer {
        height: 10px
    }
}

@media only screen and (max-width: 679px) {
    .buttons-list .buttons-spacer {
        height: 5px
    }
}

.buttons-list .badge {
    margin-left: auto;
    margin-right: 0
}

.configuration-local .button, .configuration-local .button-small, .configuration-local .button-add, .configuration-local .button-save, .configuration-local .button-delete, .configuration-local .button-wide, .configuration-local .button-right, .configuration-local .button-left, .configuration-local .buttons {
    box-shadow: 0 0 3px 3px #ff0090 !important
}

.no-js {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    background-color: #fff
}

@media only screen and (min-width: 680px) {
    .no-js {
        padding-top: 45px
    }
}

.no-js .full-page-error {
    max-width: 650px
}

.badge svg {
    position: relative
}

.badge .icon-archive {
    width: 12px;
    height: 10px
}

.badge .icon-svg-lock {
    width: 12px;
    height: 12px;
    top: 1px
}

.badge.badge-lock::before {
    background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22%23FFFFFF%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2011.02%2014%22%3E%0A%20%20%3Cpath%20d%3D%22M7.66%2C3.88a2.15%2C2.15%2C0%2C0%2C0-4.3%2C0v2h4.3Z%22%20style%3D%22fill%3Anone%22%2F%3E%3Cpath%20d%3D%22M9.39%2C5.85v-2a3.88%2C3.88%2C0%2C0%2C0-7.76%2C0v2A1.72%2C1.72%2C0%2C0%2C0%2C0%2C7.56v4.73A1.72%2C1.72%2C0%2C0%2C0%2C1.71%2C14h7.6A1.72%2C1.72%2C0%2C0%2C0%2C11%2C12.29V7.56A1.71%2C1.71%2C0%2C0%2C0%2C9.39%2C5.85Zm-6-2a2.15%2C2.15%2C0%2C0%2C1%2C4.3%2C0v2H3.36Z%22%2F%3E%0A%3C%2Fsvg%3E");
    background-size: 12px 12px;
    background-repeat: no-repeat;
    content: '';
    position: relative;
    display: inline-block;
    width: 12px;
    height: 11px;
    top: 1px;
    margin-right: 2px
}

.badge.badge-lock.ghost::before {
    background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22%231F2428%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2011.02%2014%22%3E%0A%20%20%3Cpath%20d%3D%22M7.66%2C3.88a2.15%2C2.15%2C0%2C0%2C0-4.3%2C0v2h4.3Z%22%20style%3D%22fill%3Anone%22%2F%3E%3Cpath%20d%3D%22M9.39%2C5.85v-2a3.88%2C3.88%2C0%2C0%2C0-7.76%2C0v2A1.72%2C1.72%2C0%2C0%2C0%2C0%2C7.56v4.73A1.72%2C1.72%2C0%2C0%2C0%2C1.71%2C14h7.6A1.72%2C1.72%2C0%2C0%2C0%2C11%2C12.29V7.56A1.71%2C1.71%2C0%2C0%2C0%2C9.39%2C5.85Zm-6-2a2.15%2C2.15%2C0%2C0%2C1%2C4.3%2C0v2H3.36Z%22%2F%3E%0A%3C%2Fsvg%3E");
    background-size: 12px 12px;
    background-repeat: no-repeat
}

.badge .badge-dismiss:before {
    background-position: -274px -311px
}

@media only screen {
    .admin-badge {
        position: relative;
        display: inline-block;
        padding: 0 4px;
        border-radius: 3px;
        border-width: 1px;
        border-style: solid;
        cursor: inherit;
        border-width: 0;
        font-size: 0.9em;
        background-color: #478fd1;
        color: #fff;
        line-height: 1.2
    }

    .tabs > li > a .admin-badge {
        font-size: 13px;
        line-height: 14px;
        vertical-align: top
    }

    .ng-price-as-badge {
        font-weight: normal
    }

    .ng-price-as-badge .ng-price > span {
        position: relative;
        display: inline-block;
        padding: 0 4px;
        border-radius: 3px;
        border-width: 1px;
        border-style: solid;
        cursor: inherit;
        border-color: transparent;
        background-color: #d9f2e1;
        color: #007025
    }

    .ng-price-as-badge .ng-price > span.negative {
        background-color: #f2dcda;
        color: #c02b2b
    }

    .badge {
        position: relative;
        display: inline-block;
        padding: 0 4px;
        border-radius: 3px;
        border-width: 1px;
        border-style: solid;
        cursor: inherit
    }

    .badge:not(.ghost) {
        background-color: #57616d;
        color: #fff;
        border-color: transparent
    }

    .badge.amount.negative {
        color: #fff
    }

    .badge.badge-paid, .badge.badge-green, .badge.badge-sms-sent, .badge.badge-sms-delivered {
        background: #1D875A
    }

    .badge.badge-red, .badge.badge-error, .badge.badge-unpaid, .badge.badge-refunded, .badge.badge-underpaid, .badge.badge-not-profitable, .badge.badge-sms-rejected, .badge.badge-sms-failed, .badge.badge-sms-invalid, .badge.badge-sms-undelivered {
        background: #c02b2b
    }

    .badge.badge-warning, .badge.badge-overpaid {
        background: #f37f25
    }

    .badge.badge-light-grey, .badge.badge-sms-sending, .badge.badge-sms-queued, .badge.badge-sms-pending {
        background: #e8ebed;
        color: #1f2428
    }

    .badge.badge-booking-pk, .badge.badge-blue {
        background: #697886
    }

    .badge.badge-fh-blue {
        background: #0a6ece
    }

    .badge.badge-light-green {
        background-color: #d9f2e1;
        color: #007025
    }

    .badge.badge-dismissible {
        padding-right: 16px
    }

    .badge.badge-dismissible .badge-dismiss {
        position: absolute;
        right: -1px;
        top: -1px;
        bottom: -1px;
        min-width: 16px;
        cursor: pointer;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        transition: background 200ms;
        background: rgba(0, 0, 0, 0.2)
    }

    .badge.badge-dismissible .badge-dismiss:hover {
        background: rgba(0, 0, 0, 0.3)
    }

    .badge.badge-dismissible .badge-dismiss:before {
        position: absolute;
        content: '';
        width: 8px;
        height: 8px;
        top: 50%;
        left: 50%;
        margin-left: -4px;
        margin-top: -4px
    }

    .badge-large {
        font-size: 14px
    }
}

.spinner {
    position: relative;
    padding: 15px;
    border-radius: 5px;
    margin: 15px auto;
    width: 30px;
    height: 30px;
    opacity: 0;
    -webkit-animation: fadeIn ease-in 1;
    -moz-animation: fadeIn ease-in 1;
    animation: fadeIn ease-in 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    animation-delay: 0.5s
}

.spinner.normal {
    background: #fff
}

.spinner.invert {
    background: #333
}

.spinner.no-margin {
    margin: 0 auto
}

.spinner.instant {
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    animation-delay: 0s
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-moz-keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.spinner-inner {
    position: absolute;
    top: 50%;
    margin-top: -13px;
    left: 50%;
    margin-left: -13px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 4px solid #d1d6db;
    border-top-color: #0a6ece;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite
}

.spinner-ticker-css {
    display: inline-block;
    position: relative;
    width: 16px;
    height: 8px;
    margin-right: 3px;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.spinner-ticker-css:before, .spinner-ticker-css span, .spinner-ticker-css:after {
    position: absolute;
    top: 0;
    width: 4px;
    height: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #afb8c0;
    border: 1px solid #4c5761;
    -moz-animation: ticker 1.4s infinite ease-in-out;
    -webkit-animation: ticker 1.4s infinite ease-in-out;
    animation: ticker 1.4s infinite ease-in-out
}

.spinner-ticker-css:before, .spinner-ticker-css:after {
    content: ''
}

.spinner-ticker-css:before {
    left: 0
}

.spinner-ticker-css span {
    left: 6px;
    animation-delay: 100ms
}

.spinner-ticker-css:after {
    left: 12px;
    animation-delay: 200ms
}

@-moz-keyframes ticker {
    0% {
        -moz-transform: scaleY(1.5);
        transform: scaleY(1.5);
        opacity: 1
    }
    100%, 50% {
        -moz-transform: scaleY(1);
        transform: scaleY(1);
        opacity: 0.3
    }
}

@-webkit-keyframes ticker {
    0% {
        -webkit-transform: scaleY(1.5);
        transform: scaleY(1.5);
        opacity: 1
    }
    100%, 50% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        opacity: 0.3
    }
}

@keyframes ticker {
    0% {
        transform: scaleY(1.5);
        opacity: 1
    }
    100%, 50% {
        transform: scaleY(1);
        opacity: 0.3
    }
}

.prose, .hint {
    line-height: 1.35;
    word-wrap: break-word;
    overflow-wrap: break-word
}

.prose.prose--large, .prose--large.hint {
    font-size: 15px;
    line-height: 1.5
}

.prose.prose--compact, .prose--compact.hint {
    line-height: 1.2
}

.prose.prose--compact p:not(:last-child), .prose--compact.hint p:not(:last-child), .prose.prose--compact ul:not(:last-child), .prose--compact.hint ul:not(:last-child), .prose.prose--compact ol:not(:last-child), .prose--compact.hint ol:not(:last-child), .prose.prose--compact hr:not(:last-child), .prose--compact.hint hr:not(:last-child), .prose.prose--compact pre:not(:last-child), .prose--compact.hint pre:not(:last-child), .prose.prose--compact table:not(:last-child), .prose--compact.hint table:not(:last-child), .prose.prose--compact blockquote:not(:last-child), .prose--compact.hint blockquote:not(:last-child) {
    margin-bottom: 0.55em
}

.prose.prose--compact h1:not(:first-child), .prose--compact.hint h1:not(:first-child), .prose.prose--compact h2:not(:first-child), .prose--compact.hint h2:not(:first-child), .prose.prose--compact h3:not(:first-child), .prose--compact.hint h3:not(:first-child), .prose.prose--compact h4:not(:first-child), .prose--compact.hint h4:not(:first-child), .prose.prose--compact h5:not(:first-child), .prose--compact.hint h5:not(:first-child), .prose.prose--compact h6:not(:first-child), .prose--compact.hint h6:not(:first-child) {
    margin-top: 0.36667em
}

.prose.prose--compact h1:not(:last-child), .prose--compact.hint h1:not(:last-child), .prose.prose--compact h2:not(:last-child), .prose--compact.hint h2:not(:last-child), .prose.prose--compact h3:not(:last-child), .prose--compact.hint h3:not(:last-child), .prose.prose--compact h4:not(:last-child), .prose--compact.hint h4:not(:last-child), .prose.prose--compact h5:not(:last-child), .prose--compact.hint h5:not(:last-child), .prose.prose--compact h6:not(:last-child), .prose--compact.hint h6:not(:last-child) {
    margin-bottom: 0.18333em
}

.prose.prose--compact h1, .prose--compact.hint h1 {
    font-weight: normal
}

.prose.prose--compact h1 em, .prose--compact.hint h1 em {
    font-weight: normal
}

.prose.prose--compact p + ul, .prose--compact.hint p + ul, .prose.prose--compact p + ol, .prose--compact.hint p + ol {
    margin-top: -0.18333em
}

.prose.prose--compact li + li, .prose--compact.hint li + li {
    margin-top: 0.1375em
}

.prose.prose--compact hr:not(:first-child), .prose--compact.hint hr:not(:first-child) {
    margin-top: 0.55em
}

.prose.text-center li, .text-center.hint li {
    margin-left: 0;
    list-style-position: inside
}

.prose a, .hint a {
    color: #0a6ece;
    text-decoration: underline
}

.prose strong, .hint strong, .prose b, .hint b, .prose em strong, .prose strong em, .hint strong em {
    font-weight: 900
}

.prose img, .hint img {
    max-width: 100%;
    height: auto
}

.prose p:not(:last-child), .hint p:not(:last-child), .prose ul:not(:last-child), .hint ul:not(:last-child), .prose ol:not(:last-child), .hint ol:not(:last-child), .prose hr:not(:last-child), .hint hr:not(:last-child), .prose pre:not(:last-child), .hint pre:not(:last-child), .prose table:not(:last-child), .hint table:not(:last-child), .prose blockquote:not(:last-child), .hint blockquote:not(:last-child) {
    margin-bottom: 1.1em
}

.prose h1, .hint h1, .prose h2, .hint h2, .prose h3, .hint h3, .prose h4, .hint h4, .prose h5, .hint h5, .prose h6, .hint h6 {
    line-height: 1.2;
    font-weight: bold
}

.prose h1:not(:last-child), .hint h1:not(:last-child), .prose h2:not(:last-child), .hint h2:not(:last-child), .prose h3:not(:last-child), .hint h3:not(:last-child), .prose h4:not(:last-child), .hint h4:not(:last-child), .prose h5:not(:last-child), .hint h5:not(:last-child), .prose h6:not(:last-child), .hint h6:not(:last-child) {
    margin-bottom: 0.55em
}

.prose h1 em, .hint h1 em, .prose h1 strong, .hint h1 strong, .prose h2 em, .hint h2 em, .prose h2 strong, .hint h2 strong, .prose h3 em, .hint h3 em, .prose h3 strong, .hint h3 strong, .prose h4 em, .hint h4 em, .prose h4 strong, .hint h4 strong, .prose h5 em, .hint h5 em, .prose h5 strong, .hint h5 strong, .prose h6 em, .hint h6 em, .prose h6 strong, .hint h6 strong {
    font-weight: bold
}

.prose h1, .hint h1 {
    font-size: 1.6em;
    letter-spacing: normal
}

.prose h1 > em, .hint h1 > em {
    font-style: normal
}

.prose h2, .hint h2, .prose .h2, .hint .h2 {
    font-size: 1.4em;
    letter-spacing: normal
}

.prose h3, .hint h3, .prose .h3, .hint .h3 {
    font-size: 1.2em
}

.prose h4, .hint h4, .prose .h4, .hint .h4 {
    font-size: 1.06666em;
    font-weight: normal;
    color: #5a6672
}

.prose h4 em, .hint h4 em, .prose .h4 em, .hint .h4 em {
    font-weight: normal
}

.prose h5, .hint h5, .prose .h5, .hint .h5 {
    font-size: 1.06666em
}

.prose h6, .hint h6, .prose .h6, .hint .h6 {
    font-weight: 900
}

@media only screen and (min-width: 680px) {
    .prose :not(hr) + h1, .hint :not(hr) + h1, .prose :not(hr) + h2, .hint :not(hr) + h2, .prose :not(hr) + h3, .hint :not(hr) + h3 {
        margin-top: 1.3em
    }
}

@media only screen and (max-width: 679px) {
    .prose :not(hr) + h1, .hint :not(hr) + h1, .prose :not(hr) + h2, .hint :not(hr) + h2, .prose :not(hr) + h3, .hint :not(hr) + h3 {
        margin-top: 1.2em
    }
}

.prose p + ul, .hint p + ul, .prose p + ol, .hint p + ol {
    margin-top: -0.55em
}

.prose ul li, .hint ul li {
    list-style-type: disc
}

.prose ol li, .hint ol li {
    list-style-type: decimal
}

.prose li, .hint li {
    margin-left: 1.6em
}

.prose li + li, .hint li + li {
    margin-top: 0.275em
}

.prose hr, .hint hr {
    height: 1px;
    border: 0;
    background-color: #e0e3e6
}

.prose hr:not(:first-child), .hint hr:not(:first-child) {
    margin-top: 1.1em
}

.prose blockquote, .hint blockquote {
    position: relative;
    padding: 1.2em 1.4em;
    background-color: #f6f7f8;
    border-left: 0.5em solid #e0e3e6
}

.prose blockquote > p > strong > em, .hint blockquote > p > strong > em {
    font-style: normal
}

.prose code, .hint code {
    font-family: Monaco, monospace;
    font-size: 12px;
    color: #c02b2b
}

.prose :not(pre) code, .hint :not(pre) code {
    padding: 0 4px;
    border-radius: 3px;
    background-color: #f1f2f4;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone
}

.prose pre, .hint pre {
    max-width: 100%;
    overflow-x: auto;
    padding: 1em;
    border: 1px solid #d1d6db;
    border-radius: 4px;
    background-color: #f1f2f4;
    word-wrap: break-word;
    word-break: normal;
    tab-size: 2
}

.prose pre code, .hint pre code {
    display: block;
    max-width: 100%;
    white-space: pre
}

.prose-section:not(:last-child) {
    margin-bottom: 1.1em
}

.error-error {
    padding: 25px;
    line-height: 1.3
}

.error-error h2 {
    font-size: 25px;
    line-height: 1.2;
    padding-bottom: 5px
}

.error-error a {
    color: #0a6ece;
    text-decoration: underline
}

.error-code {
    color: #768593;
    font-size: 12px;
    margin-top: 12px
}

.error-code a {
    color: #0a6ece;
    text-decoration: underline
}

.forbidden-message {
    text-align: center;
    padding: 15px
}

@media only screen and (min-width: 680px) {
    .full-page-error {
        padding: 0 45px
    }
}

@media only screen and (max-width: 679px) {
    .full-page-error {
        padding: 25px
    }
}

.full-page-error h2 {
    font-size: 25px;
    padding-bottom: 5px
}

.full-page-error p {
    padding-bottom: 15px
}

.simple-homepage-wrap {
    max-width: 700px;
    margin: 0 auto
}

@media only screen and (min-width: 680px) {
    .simple-homepage {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        max-width: 700px;
        margin: 0 auto;
        padding: 25px
    }
}

@media only screen and (max-width: 679px) {
    .simple-homepage {
        padding: 25px
    }
}

@media only screen and (min-width: 680px) {
    .simple-homepage-logo, .simple-homepage-content {
        padding-top: 10px;
        padding-bottom: 10px
    }
}

.simple-homepage-logo {
    padding-right: 30px
}

.simple-homepage-logo svg {
    width: 116px;
    height: 84px
}

@media only screen and (min-width: 680px) {
    .simple-homepage-content {
        border-left: 1px solid #e0e3e6;
        padding-left: 30px
    }
}

@media only screen and (max-width: 679px) {
    .simple-homepage-content {
        padding-top: 20px
    }
}

.simple-homepage-content h2 {
    font-size: 26px
}

.simple-homepage-content .error-code {
    margin-top: 20px
}

.simple-homepage-intro {
    font-size: 16px
}

.flashes {
    position: fixed;
    bottom: 15px;
    right: 25px;
    z-index: 9999
}

@media only screen and (max-width: 679px) {
    .flashes {
        left: 25px
    }
}

@media only screen and (min-width: 680px) {
    body.book-embed .flashes {
        top: 15px;
        bottom: auto;
        font-size: 14px
    }
}

.flash {
    position: relative;
    overflow: hidden;
    padding-top: 12px;
    padding-right: 42px;
    padding-bottom: 12px;
    padding-left: 12px;
    margin-bottom: 10px;
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid 1px solid rgba(70, 70, 70, 0.24);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15)
}

@media only screen and (min-width: 680px) {
    .flash {
        width: 200px
    }
}

.flash a {
    text-decoration: underline
}

.flash.success {
    background-color: #1D875A;
    color: #fff
}

.flash.error {
    background-color: #c02b2b;
    color: #fff
}

.flash.warn {
    background-color: #f37f25;
    color: #fff
}

.flash.info {
    background-color: #0a6ece;
    color: #fff
}

.flash-close {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 30px;
    cursor: pointer;
    transition: background 200ms;
    background: rgba(0, 0, 0, 0.2)
}

.flash-close:hover {
    background: rgba(0, 0, 0, 0.3)
}

.flash-close:before {
    content: '';
    width: 8px;
    height: 8px;
    position: absolute;
    top: 10px;
    right: 11px;
    background-position: -274px -311px
}

.upgrade-note {
    position: fixed;
    top: 50%;
    margin-top: -120px;
    left: 50%;
    margin-left: -150px;
    background: #fff;
    border: 1px solid #586F88;
    padding: 20px;
    width: 300px;
    min-height: 200px;
    z-index: 9999;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.25)
}

.upgrade-note b {
    font-weight: 900
}

.upgrade-note .upgrade-dontworry {
    font-size: 12px;
    color: #5a6672;
    margin: 10px 0
}

.upgrade-note .upgrade-thanks {
    margin-top: 10px;
    font-style: italic;
    color: #0a6ece;
    font-size: 12px
}

.upgrade-shade {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.55);
    z-index: 9998;
    -webkit-box-shadow: inset 0 1px 67px 7px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 1px 67px 7px rgba(0, 0, 0, 0.3)
}

.table-nav {
    margin-top: 10px;
    margin-bottom: 10px
}

.table-nav.table-nav--no-top-bottom-borders > li:last-child .table-nav-item {
    border-bottom: 0
}

.table-nav-item {
    display: block;
    position: relative
}

.table-nav-item[type="button"] {
    width: 100%
}

@media only screen {
    .table-nav-item {
        padding-top: 15px;
        padding-right: 20px;
        padding-bottom: 15px;
        padding-left: 20px
    }

    .table-nav-item.is-tall {
        padding-top: 20px;
        padding-bottom: 20px;
        font-size: 14px
    }
}

.table-nav-item:not(.is-label) {
    cursor: pointer
}

@media only screen and (hover: hover) {
    .table-nav-item:not(.is-label):hover {
        background: #e7ebef
    }
}

.table-nav-item.focus-visible:not(.is-label) {
    background: #e7ebef
}

.table-nav-item:not(.is-label):active {
    background: #e2e6e9
}

.table-nav-item.checked-in:not(.is-label) {
    background-color: #d3f5e1
}

.table-nav-item.checked-in:not(.is-label):hover {
    background-color: #c2f1d6
}

.table-nav-item.no-show:not(.is-label) {
    background-color: #f5dfdf
}

.table-nav-item.no-show:not(.is-label):hover {
    background-color: #f0cfcf
}

.table-nav-item.is-fancy {
    font-size: 18px
}

.table-nav-item.is-fancy.current {
    background-color: #0a6ece;
    color: #fff
}

.table-nav-item.with-overlay-arrow {
    padding-right: 38px
}

.table-nav-item.with-overlay-arrow:before {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 20px;
    width: 11px;
    height: 11px
}

.table-nav-item.with-chevron {
    padding-right: 38px
}

.table-nav-item.with-chevron:before {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -7px;
    right: 20px;
    width: 9px;
    height: 15px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23AFB8C0%22%20width%3D%228%22%20height%3D%2213%22%20viewBox%3D%220%200%208%2013%22%3E%0A%20%20%3Cpolygon%20points%3D%221.314%20-0.007%208.007%206.538%206.701%207.815%206.675%207.789%201.349%2013%200.018%2011.7%205.344%206.491%200.008%201.274%22%20%2F%3E%0A%3C%2Fsvg%3E");
    background-size: 9px 15px;
    background-repeat: no-repeat
}

.tip {
    pointer-events: none;
    z-index: 100001;
    position: absolute;
    top: -100px;
    left: -100px;
    display: inline;
    opacity: 0;
    color: #fff;
    background: #22262b;
    padding: 3px 7px;
    border-radius: 2px;
    max-width: 200px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    font-size: 12px
}

.tip.tip-large {
    font-size: 13px
}

.tip.tip-indent, .tip.tip-ele--tip-indent, .tip.tip-ele--tb-btn, .tip.tip-ele--help-icon, .tip.tip-ele--tb-segmented-item, .tip.tip-ele--tb-segmented-item, .tip.tip-ele--cb-inline-stat {
    margin-top: 6px
}

.tip.tip-right-indent {
    margin-left: -6px
}

.tip.tip-left-indent {
    margin-left: 6px
}

@media only print {
    .tip {
        display: none
    }
}

.tip:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-width: 6px;
    border-style: solid;
    border-color: #22262b transparent transparent transparent;
    bottom: -12px;
    left: 50%;
    margin-left: -6px
}

.tip.tip-left:after {
    border-color: transparent transparent transparent #22262b;
    right: -12px;
    top: 50%;
    margin-top: -6px;
    left: auto
}

.tip.tip-right:after {
    border-color: transparent #22262b transparent transparent;
    right: auto;
    left: -6px;
    top: 50%;
    margin-top: -6px
}

.tip.tip-no-arrow:after {
    display: none
}

.tip.showing {
    opacity: 1
}

.tip.tip-text-left {
    text-align: left;
    font-size: 12px;
    padding: 10px
}

.pager {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.pager button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 30px;
    width: 30px;
    border: 1px solid transparent;
    border-radius: 3px;
    cursor: pointer
}

@media only screen and (hover: hover) {
    .pager button:hover {
        background-color: #e7ebef
    }
}

.pager button.focus-visible {
    background-color: #e7ebef
}

.pager button .icon-chevron {
    width: 10px;
    height: auto
}

.pager .pager-count {
    padding: 0 4px
}

.tb {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (min-width: 680px) {
    .tb {
        position: relative
    }

    .tb:not(.tb-height-auto) {
        height: 37px
    }

    .tb.with-shadow {
        box-shadow: 0 7px 5px -8px rgba(0, 0, 0, 0.25)
    }
}

@media only screen and (max-width: 679px) {
    .tb.tb-dont-respond {
        position: relative
    }

    .tb.tb-dont-respond:not(.tb-height-auto) {
        height: 37px
    }

    .tb.tb-dont-respond.with-shadow {
        box-shadow: 0 7px 5px -8px rgba(0, 0, 0, 0.25)
    }
}

.tb.tb--settings-header {
    background-color: #fff;
    border-bottom: 1px solid #e0e3e6
}

@media only screen and (min-width: 680px) {
    .tb.tb--settings-header .tb-left {
        left: 16px
    }
}

@media only screen and (max-width: 679px) {
    .tb.tb--settings-header.tb-dont-respond .tb-left {
        left: 16px
    }
}

@media only screen and (max-width: 679px) {
    .tb:not(.tb-dont-respond):not(.tb-height-auto) {
        padding-top: 5px;
        padding-bottom: 5px
    }

    .tb:not(.tb-dont-respond) > .tb-group:first-child, .tb:not(.tb-dont-respond) > .tb-left > .tb-group:first-child, .tb:not(.tb-dont-respond) > .tb-left > .respond-handhelds-hide:first-child + .tb-group, .tb:not(.tb-dont-respond) > .tb-right:first-child > .tb-group:first-child, .tb:not(.tb-dont-respond) .tb-group.respond-handhelds-hide, .tb.tb--mobile-collapsed:not(.tb-dont-respond) .tb-left.tb-collapse-on-mobile + .tb-right > .tb-group:first-child {
        border-top: 0;
        margin-top: 0;
        padding-top: 0
    }

    .tb.tb--inset-mobile:not(.tb-dont-respond) {
        margin-left: 12px;
        margin-right: 12px;
        border-radius: 5px;
        border-right: 1px solid #e0e3e6;
        border-top: 1px solid #e0e3e6;
        border-bottom: 1px solid #e0e3e6;
        border-left: 1px solid #e0e3e6
    }

    .tb.tb--inset-mobile.no-margin:not(.tb-dont-respond) {
        margin: 0
    }
}

@media only screen and (min-width: 680px) {
    .tb-left {
        position: absolute;
        top: 0;
        left: 0
    }

    .tb-right {
        position: absolute;
        top: 0;
        right: 0
    }

    .tb-group {
        position: relative;
        float: left;
        height: 37px;
        padding-left: 5px;
        padding-right: 4px
    }

    .tb-group:not(:first-child):before {
        content: '';
        width: 1px;
        background-color: #d1d6db;
        position: absolute;
        top: 6px;
        bottom: 6px;
        left: 0
    }

    .tb-group:first-child {
        padding-left: 10px
    }

    .tb-group:last-child {
        padding-right: 10px
    }
}

@media only screen and (max-width: 679px) {
    .tb.tb-dont-respond .tb-left {
        position: absolute;
        top: 0;
        left: 0
    }

    .tb.tb-dont-respond .tb-right {
        position: absolute;
        top: 0;
        right: 0
    }

    .tb.tb-dont-respond .tb-group {
        position: relative;
        float: left;
        height: 37px;
        padding-left: 5px;
        padding-right: 4px
    }

    .tb.tb-dont-respond .tb-group:not(:first-child):before {
        content: '';
        width: 1px;
        background-color: #d1d6db;
        position: absolute;
        top: 6px;
        bottom: 6px;
        left: 0
    }

    .tb.tb-dont-respond .tb-group:first-child {
        padding-left: 10px
    }

    .tb.tb-dont-respond .tb-group:last-child {
        padding-right: 10px
    }
}

@media only screen and (max-width: 679px) {
    .tb:not(.tb-dont-respond) .tb-group {
        clear: both;
        border-top: 1px solid #e0e3e6;
        padding-top: 5px;
        margin-top: 5px
    }
}

.markdown-field-tb, .field-tb {
    background-color: #f9fafb;
    border-top: 0;
    border-right: 1px solid #afb8c0;
    border-bottom: 1px solid #afb8c0;
    border-left: 1px solid #afb8c0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    box-shadow: 0 1px 2px 0 #e8ebed
}

@media only screen and (min-width: 680px) {
    .tb-loading {
        float: left;
        height: 37px;
        line-height: 32px;
        padding: 0 4px
    }
}

@media only screen and (max-width: 679px) {
    .tb.tb-dont-respond .tb-loading {
        float: left;
        height: 37px;
        line-height: 32px;
        padding: 0 4px
    }
}

@media only screen and (max-width: 679px) {
    .tb:not(.tb-dont-respond) .tb-loading {
        height: 36px;
        line-height: 36px;
        padding: 0 12px;
        border-top: 1px solid #d1d6db
    }
}

@media only screen and (max-width: 679px) {
    .tb-btn, .tb-segmented, .tb-collapse-on-mobile {
        transition: height 300ms, opacity 300ms, transform 300ms
    }

    .tb--mobile-collapsed .tb-collapse-on-mobile {
        height: 0;
        overflow: hidden;
        margin-top: 0;
        margin-bottom: 0;
        border: 0;
        padding: 0;
        opacity: 0;
        transform: translateX(-20px)
    }

    .tb--mobile-showing .tb-collapse-on-mobile {
        opacity: 1;
        transform: translateX(0)
    }
}

.tb-btn {
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: left;
    font-size: inherit;
    font-family: inherit;
    color: inherit;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none
}

.tb-btn[disabled], .tb-btn.is-disabled {
    opacity: 0.5;
    cursor: not-allowed
}

.tb-btn.highlighted {
    color: #0a6ece;
    text-shadow: 0px 0px 3px rgba(10, 110, 206, 0.35)
}

.tb-btn:not(.highlighted) .show-when-highlighted {
    display: none
}

.tb-btn.tb-btn--green {
    color: #1D875A
}

@media only screen and (min-width: 680px) {
    .tb-btn.tb-btn--green {
        border: 1px solid #1D875A
    }
}

@media only screen and (max-width: 679px) {
    .tb.tb-dont-respond .tb-btn.tb-btn--green {
        border: 1px solid #1D875A
    }
}

.tb-btn.fh-red {
    color: #c02b2b
}

.tb-btn.tb-btn--processing:after {
    content: 'Processing...';
    display: inline-block;
    padding-left: 5px;
    background: transparent !important
}

.tb-btn svg {
    position: relative;
    max-height: 18px;
    vertical-align: middle;
    top: -1px;
    margin-right: 3px
}

.tb-btn svg.icon-x {
    width: 10px;
    height: 10px
}

.tb-btn svg.icon-seat--autoassign, .tb-btn svg.icon-seating--fill-0 {
    width: 15px;
    height: 15px
}

@media only screen and (min-width: 680px) {
    .tb-btn {
        float: left;
        margin-top: 3px;
        margin-right: 1px;
        height: 30px;
        line-height: 28px;
        padding: 0 8px;
        cursor: pointer;
        border: 1px solid transparent;
        border-radius: 3px
    }

    .tb-btn abbr {
        position: absolute !important;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px)
    }

    .tb-btn abbr ~ svg, .tb-btn abbr ~ .tb-icon {
        margin-right: 0
    }
}

@media only screen and (min-width: 680px) and (hover: hover) {
    .tb-btn:hover:not([disabled]):not(.is-disabled) {
        background-color: #e7ebef
    }

    [class*="-shade"] .tb-btn:hover:not([disabled]):not(.is-disabled) {
        background-color: rgba(82, 103, 122, 0.12)
    }
}

@media only screen and (min-width: 680px) {
    .tb-btn.focus-visible:not([disabled]):not(.is-disabled) {
        background-color: #e7ebef
    }

    [class*="-shade"] .tb-btn.focus-visible:not([disabled]):not(.is-disabled) {
        background-color: rgba(82, 103, 122, 0.12)
    }

    .tb-btn.toggled:not([disabled]):not(.is-disabled), .tb-btn.current:not([disabled]):not(.is-disabled), .tb-btn[aria-expanded="true"]:not([disabled]):not(.is-disabled) {
        background-color: #e7ebef
    }

    [class*="-shade"] .tb-btn.toggled:not([disabled]):not(.is-disabled), [class*="-shade"] .tb-btn.current:not([disabled]):not(.is-disabled), [class*="-shade"] .tb-btn[aria-expanded="true"]:not([disabled]):not(.is-disabled) {
        background-color: rgba(82, 103, 122, 0.12)
    }

    .tb-btn:active:not([disabled]):not(.is-disabled), .tb-btn.toggled:not([disabled]):not(.is-disabled) {
        background-color: #e2e6e9
    }

    [class*="-shade"] .tb-btn:active:not([disabled]):not(.is-disabled), [class*="-shade"] .tb-btn.toggled:not([disabled]):not(.is-disabled) {
        background-color: rgba(40, 46, 51, 0.12)
    }

    .tb-btn .icon-help {
        width: 13px;
        height: auto;
        margin-top: -1px
    }

    .tb-btn .icon-globe {
        margin-top: -2px
    }

    .tb-btn.tb-btn--flex {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        line-height: inherit
    }

    .tb-btn.tb-btn--flex svg {
        top: 0
    }

    .tb-btn.tb-btn--flex svg + * {
        margin-left: 3px
    }

    .tb-btn.tb-btn--flex.tb-btn--flyout::after {
        margin-top: 1px;
        margin-left: 6px
    }

    .tb-btn .icon-help {
        width: 13px;
        height: auto;
        margin-top: -1px
    }

    .tb-btn .icon-globe {
        margin-top: -2px
    }
}

@media only screen and (max-width: 679px) {
    .tb.tb-dont-respond .tb-btn {
        float: left;
        margin-top: 3px;
        margin-right: 1px;
        height: 30px;
        line-height: 28px;
        padding: 0 8px;
        cursor: pointer;
        border: 1px solid transparent;
        border-radius: 3px
    }

    .tb.tb-dont-respond .tb-btn abbr {
        position: absolute !important;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px)
    }

    .tb.tb-dont-respond .tb-btn abbr ~ svg, .tb.tb-dont-respond .tb-btn abbr ~ .tb-icon {
        margin-right: 0
    }
}

@media only screen and (max-width: 679px) and (hover: hover) {
    .tb.tb-dont-respond .tb-btn:hover:not([disabled]):not(.is-disabled) {
        background-color: #e7ebef
    }

    [class*="-shade"] .tb.tb-dont-respond .tb-btn:hover:not([disabled]):not(.is-disabled) {
        background-color: rgba(82, 103, 122, 0.12)
    }
}

@media only screen and (max-width: 679px) {
    .tb.tb-dont-respond .tb-btn.focus-visible:not([disabled]):not(.is-disabled) {
        background-color: #e7ebef
    }

    [class*="-shade"] .tb.tb-dont-respond .tb-btn.focus-visible:not([disabled]):not(.is-disabled) {
        background-color: rgba(82, 103, 122, 0.12)
    }

    .tb.tb-dont-respond .tb-btn.toggled:not([disabled]):not(.is-disabled), .tb.tb-dont-respond .tb-btn.current:not([disabled]):not(.is-disabled), .tb.tb-dont-respond .tb-btn[aria-expanded="true"]:not([disabled]):not(.is-disabled) {
        background-color: #e7ebef
    }

    [class*="-shade"] .tb.tb-dont-respond .tb-btn.toggled:not([disabled]):not(.is-disabled), [class*="-shade"] .tb.tb-dont-respond .tb-btn.current:not([disabled]):not(.is-disabled), [class*="-shade"] .tb.tb-dont-respond .tb-btn[aria-expanded="true"]:not([disabled]):not(.is-disabled) {
        background-color: rgba(82, 103, 122, 0.12)
    }

    .tb.tb-dont-respond .tb-btn:active:not([disabled]):not(.is-disabled), .tb.tb-dont-respond .tb-btn.toggled:not([disabled]):not(.is-disabled) {
        background-color: #e2e6e9
    }

    [class*="-shade"] .tb.tb-dont-respond .tb-btn:active:not([disabled]):not(.is-disabled), [class*="-shade"] .tb.tb-dont-respond .tb-btn.toggled:not([disabled]):not(.is-disabled) {
        background-color: rgba(40, 46, 51, 0.12)
    }

    .tb.tb-dont-respond .tb-btn .icon-help {
        width: 13px;
        height: auto;
        margin-top: -1px
    }

    .tb.tb-dont-respond .tb-btn .icon-globe {
        margin-top: -2px
    }

    .tb.tb-dont-respond .tb-btn.tb-btn--flex {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        line-height: inherit
    }

    .tb.tb-dont-respond .tb-btn.tb-btn--flex svg {
        top: 0
    }

    .tb.tb-dont-respond .tb-btn.tb-btn--flex svg + * {
        margin-left: 3px
    }

    .tb.tb-dont-respond .tb-btn.tb-btn--flex.tb-btn--flyout::after {
        margin-top: 1px;
        margin-left: 6px
    }

    .tb.tb-dont-respond .tb-btn .icon-help {
        width: 13px;
        height: auto;
        margin-top: -1px
    }

    .tb.tb-dont-respond .tb-btn .icon-globe {
        margin-top: -2px
    }
}

@media only screen and (max-width: 679px) {
    .tb:not(.tb-dont-respond) .tb-btn {
        position: relative;
        clear: both;
        width: 100%;
        font-size: inherit;
        font-size: 14px;
        height: 34px;
        line-height: 34px;
        padding-right: 40px;
        padding-left: 45px
    }

    .tb:not(.tb-dont-respond) .tb-btn.has-no-icon {
        padding-left: 20px
    }

    .tb:not(.tb-dont-respond) .tb-btn:active {
        background-color: #e2e6e9
    }

    .tb:not(.tb-dont-respond) .tb-btn.toggled:not(.tb-btn--flyout):not(.tb-btn--expand), .tb:not(.tb-dont-respond) .tb-btn.current:not(.tb-btn--flyout):not(.tb-btn--expand) {
        background-color: #e3f0fc
    }

    .tb:not(.tb-dont-respond) .tb-btn.toggled:not(.tb-btn--flyout):not(.tb-btn--expand):after, .tb:not(.tb-dont-respond) .tb-btn.current:not(.tb-btn--flyout):not(.tb-btn--expand):after {
        content: ' ';
        position: absolute;
        top: 50%;
        margin-top: -7px;
        right: 17px;
        width: 14px;
        height: 14px;
        pointer-events: none
    }

    .tb:not(.tb-dont-respond) .tb-btn .tb-icon, .tb:not(.tb-dont-respond) .tb-btn > .icon-user {
        position: absolute;
        top: 50%;
        margin-top: -7px;
        text-indent: -9999em;
        left: 20px
    }

    .tb:not(.tb-dont-respond) .tb-btn svg {
        position: absolute;
        height: 100%;
        top: 50%;
        left: 20px;
        transform: translateY(-50%)
    }

    .tb:not(.tb-dont-respond) .tb-btn.tb-btn--show-more.toggled {
        background-color: transparent !important
    }

    .tb:not(.tb-dont-respond) .tb-btn.tb-btn--show-more.toggled .tb-icon {
        transform: rotate(180deg)
    }

    .tb:not(.tb-dont-respond) .tb-btn.tb-btn--show-more:after {
        display: none
    }

    .tb:not(.tb-dont-respond) .tb-btn.tb-btn--simple-capacity {
        padding-left: 20px;
        height: 37px
    }
}

.tb-btn.toggled:not(.tb-btn--flyout):not(.tb-btn--expand):after, .tb-btn.current:not(.tb-btn--flyout):not(.tb-btn--expand):after {
    background-position: -411px -363px
}

.tb-btn.tb-btn--flyout:after {
    pointer-events: none
}

@media only screen and (min-width: 680px) {
    .tb-btn.tb-btn--flyout:after {
        transform: none;
        content: '';
        display: inline-block;
        transition: transform 0.15s ease-in-out;
        border-style: solid;
        border-color: transparent;
        border-width: 5px 3.5px 0 3.5px;
        border-top-color: currentColor;
        vertical-align: middle;
        margin-left: 2px
    }

    @supports (mask-type:inherit) {
        .tb-btn.tb-btn--flyout:after {
            width: 7px;
            height: 5px;
            background-color: currentColor;
            -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%207%204.88%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M.3%200C0%200-.1.2.1.44l3.1%204.26a.37.37%200%200%200%20.64%200L6.9.44C7.1.2%207%200%206.7%200z%22%2F%3E%3C%2Fsvg%3E");
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            mask-size: 7px 5px;
            border: 0
        }
    }
}

@media only screen and (max-width: 679px) {
    .tb.tb-dont-respond .tb-btn.tb-btn--flyout:after {
        transform: none;
        content: '';
        display: inline-block;
        transition: transform 0.15s ease-in-out;
        border-style: solid;
        border-color: transparent;
        border-width: 5px 3.5px 0 3.5px;
        border-top-color: currentColor;
        vertical-align: middle;
        margin-left: 2px
    }

    @supports (mask-type:inherit) {
        .tb.tb-dont-respond .tb-btn.tb-btn--flyout:after {
            width: 7px;
            height: 5px;
            background-color: currentColor;
            -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%207%204.88%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M.3%200C0%200-.1.2.1.44l3.1%204.26a.37.37%200%200%200%20.64%200L6.9.44C7.1.2%207%200%206.7%200z%22%2F%3E%3C%2Fsvg%3E");
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            mask-size: 7px 5px;
            border: 0
        }
    }
}

@media only screen and (max-width: 679px) {
    .tb:not(.tb-dont-respond) .tb-btn.tb-btn--flyout:after {
        transform: translateY(-1px) rotate(-90deg);
        content: '';
        display: inline-block;
        transition: transform 0.15s ease-in-out;
        border-style: solid;
        border-color: transparent;
        border-width: 6px 4px 0 4px;
        border-top-color: currentColor;
        position: absolute;
        top: 50%;
        margin-top: -3px;
        right: 20px
    }

    @supports (mask-type:inherit) {
        .tb:not(.tb-dont-respond) .tb-btn.tb-btn--flyout:after {
            width: 8px;
            height: 6px;
            background-color: currentColor;
            -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%207%204.88%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M.3%200C0%200-.1.2.1.44l3.1%204.26a.37.37%200%200%200%20.64%200L6.9.44C7.1.2%207%200%206.7%200z%22%2F%3E%3C%2Fsvg%3E");
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            mask-size: 8px 6px;
            border: 0
        }
    }
}

@media only screen and (max-width: 679px) {
    .tb:not(.tb-dont-respond) .tb-btn.tb-btn--flyout.toggled:after {
        transform: none
    }
}

.tb-btn.tb-btn--popup {
    padding-right: 19px
}

.tb-btn.tb-btn--popup:after {
    content: '';
    width: 5px;
    height: 5px;
    background-position: -366px -347px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    margin-top: -3px
}

@media only screen and (min-width: 680px) {
    .tb-btn.tb-btn--popup:after {
        right: 8px
    }
}

@media only screen and (max-width: 679px) {
    .tb.tb-dont-respond .tb-btn.tb-btn--popup:after {
        right: 8px
    }
}

@media only screen and (max-width: 679px) {
    .tb:not(.tb-dont-respond) .tb-btn.tb-btn--popup:after {
        right: 20px
    }
}

.tb-btn .tb-hidden-select {
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    border: 0;
    opacity: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    width: 100%;
    cursor: default;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    z-index: 1000
}

@media only screen and (min-width: 680px) {
    .tb-btn .tb-hidden-select {
        height: 30px
    }
}

@media only screen and (max-width: 679px) {
    .tb-btn .tb-hidden-select {
        height: 38px
    }
}

@media only screen and (min-width: 680px) {
    .tb-btn .icon-warning {
        top: -1px
    }
}

.tb-btn-truncate {
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media only screen and (max-width: 679px) {
    .tb-btn-truncate {
        max-width: 100%
    }
}

@media only screen and (min-width: 680px) {
    .tb-btn-truncate {
        max-width: 180px
    }
}

@media only screen and (min-width: 921px) {
    .tb-btn-truncate {
        max-width: 275px
    }
}

@media only screen and (min-width: 680px) {
    .tb-data {
        float: left
    }
}

.tb-flyout-wrap {
    position: relative
}

@media only screen and (min-width: 680px) {
    .tb-flyout-wrap {
        float: left
    }
}

@media only screen and (max-width: 679px) {
    .tb.tb-dont-respond .tb-flyout-wrap {
        float: left
    }
}

.tb-flyout {
    background: #fff;
    overflow: hidden;
    border-radius: 5px;
    box-shadow: 0 4px 13px -4px rgba(0, 0, 0, 0.6)
}

.tb-flyout.tb-flyout--show-overflow {
    overflow: visible
}

@media only screen and (min-width: 680px) {
    .tb-flyout {
        position: absolute;
        top: 31px;
        left: 0;
        z-index: 1000;
        margin-bottom: 15px;
        width: 300px
    }

    .tb-flyout.tb-flyout--left {
        left: auto;
        right: 0
    }

    .tb-flyout.tb-flyout--auto-width {
        min-width: 290px;
        max-width: 500px;
        width: auto
    }

    .tb-flyout.tb-flyout--auto-width-narrow {
        min-width: 160px;
        width: auto
    }

    .tb-flyout.tb-flyout--sheet-nav {
        width: 480px
    }
}

@media only screen and (max-width: 679px) {
    .tb.tb-dont-respond .tb-flyout {
        position: absolute;
        top: 31px;
        left: 0;
        z-index: 1000;
        margin-bottom: 15px;
        width: 300px
    }

    .tb.tb-dont-respond .tb-flyout.tb-flyout--left {
        left: auto;
        right: 0
    }

    .tb.tb-dont-respond .tb-flyout.tb-flyout--auto-width {
        min-width: 290px;
        max-width: 500px;
        width: auto
    }

    .tb.tb-dont-respond .tb-flyout.tb-flyout--auto-width-narrow {
        min-width: 160px;
        width: auto
    }

    .tb.tb-dont-respond .tb-flyout.tb-flyout--sheet-nav {
        width: 480px
    }
}

@media only screen and (max-width: 679px) {
    .tb:not(.tb-dont-respond) .tb-flyout {
        margin-top: 7px;
        margin-right: 12px;
        margin-bottom: 7px;
        margin-left: 12px
    }
}

@media only screen and (min-width: 680px) {
    .tb-flyout.tb-flyout--floated {
        top: 100%;
        right: 0;
        left: auto;
        margin-top: -4px
    }
}

@media only screen and (max-width: 679px) {
    .tb.tb-dont-respond .tb-flyout.tb-flyout--floated {
        top: 100%;
        right: 0;
        left: auto;
        margin-top: -4px
    }
}

@media only screen and (max-width: 679px) {
    .tb:not(.tb-dont-respond) .tb-flyout.tb-flyout--floated {
        position: absolute;
        top: 100%;
        right: 0;
        left: 0;
        margin-top: -4px;
        z-index: 1000;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        box-shadow: 0 4px 13px -4px rgba(0, 0, 0, 0.6)
    }
}

.tb-segmented-wrap {
    float: left
}

@media only screen and (min-width: 680px) {
    .tb-segmented-wrap {
        margin-top: 3px
    }
}

@media only screen and (max-width: 679px) {
    .tb-segmented-wrap {
        padding: 5px 12px
    }
}

.tb-segmented {
    border: 1px solid #afb8c0;
    border-radius: 3px;
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: table
}

.tb-segmented .tb-segmented-inner {
    display: table-row
}

@media only screen and (min-width: 680px) {
    .tb-segmented {
        height: 28px;
        line-height: 28px
    }
}

@media only screen and (max-width: 679px) {
    .tb-segmented {
        table-layout: fixed;
        width: 100%;
        height: 36px;
        line-height: 36px
    }
}

.tb-segmented-item {
    display: table-cell;
    position: relative;
    padding: 0 10px;
    border-left: 1px solid #afb8c0
}

.tb-segmented-item:first-child {
    border-left: 0
}

@media only screen and (hover: hover) {
    .tb-segmented-item:hover {
        background-color: #e7ebef
    }

    [class*="-shade"] .tb-segmented-item:hover {
        background-color: rgba(82, 103, 122, 0.12)
    }
}

.tb-segmented-item.focus-visible {
    background-color: #e7ebef
}

[class*="-shade"] .tb-segmented-item.focus-visible {
    background-color: rgba(82, 103, 122, 0.12)
}

.tb-segmented-item:active {
    background-color: #e2e6e9
}

[class*="-shade"] .tb-segmented-item:active {
    background-color: rgba(40, 46, 51, 0.12)
}

@media only screen and (min-width: 680px) {
    .tb-segmented-item.toggled, .tb-segmented-item.current {
        color: #0a6ece
    }
}

@media only screen and (max-width: 679px) {
    .tb-segmented-item {
        text-align: center
    }

    .tb-segmented-item .tb-icon {
        display: none
    }

    .tb-segmented-item.toggled, .tb-segmented-item.current {
        background: #0a6ece;
        color: #fff
    }
}

.tb-select {
    position: relative
}

@media only screen and (min-width: 680px) {
    .tb-select {
        float: left;
        height: 37px;
        line-height: 37px;
        margin-right: 2px
    }
}

@media only screen and (max-width: 679px) {
    .tb-select {
        border-top: 1px solid #d1d6db;
        height: 36px;
        line-height: 36px
    }

    .tb-select select {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        appearance: none;
        border: 0;
        background: transparent;
        width: 100%;
        max-width: 100%;
        padding-left: 16px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .tb-select:after {
        content: '';
        width: 7px;
        height: 5px;
        pointer-events: none;
        position: absolute;
        top: 50%;
        margin-top: -3px;
        right: 12px
    }
}

.tb-select:after {
    background-position: -348px -326px
}

.field-search-wrap {
    position: relative
}

@media only screen and (min-width: 680px) {
    .tb-search {
        float: left;
        margin-right: 4px
    }
}

.tb-search .field-search-wrap:before {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -7px;
    width: 12px;
    height: 14px;
    background-position: -427px -363px;
    pointer-events: none
}

@media only screen and (min-width: 680px) {
    .tb-search .field-search-wrap:before {
        left: 12px
    }
}

@media only screen and (max-width: 679px) {
    .tb-search .field-search-wrap:before {
        left: 20px
    }
}

.tb-search input {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background: none;
    border: 0;
    border-radius: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #1f2428;
    font-family: inherit;
    letter-spacing: inherit
}

@media only screen and (min-width: 680px) {
    .tb-search input {
        width: 210px;
        height: 36px;
        padding-left: 33px;
        padding-right: 34px;
        border-right: 1px solid #d1d6db;
        border-left: 1px solid #d1d6db;
        font-size: 14px
    }

    .tb-search input.focus-visible {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px #84929f, 0 0 0 4px #b8bfc4;
        box-shadow: inset 0 0 0 2px #b8bfc4, inset 0 0 0 3px #84929f, inset 0 0 0 4px #fff
    }

    .pricing-tb-left .tb-search input {
        border-left: none
    }
}

@media only screen and (max-width: 679px) {
    .tb-search input {
        height: 38px;
        font-size: 16px;
        padding-left: 45px
    }
}

.ng-clear-input {
    position: absolute;
    top: 50%;
    margin-top: -13px;
    right: 6px;
    width: 26px;
    height: 26px;
    border-radius: 30px;
    cursor: pointer;
    color: #4c5761;
    background-repeat: no-repeat;
    background-size: 10px 10px;
    background-position: 8px 8px
}

.ng-clear-input:hover {
    background-color: #e7ebef
}

@media only screen and (min-width: 680px) {
    .tb-text {
        float: left;
        display: inline-block;
        line-height: 37px
    }

    .tb-text.pagination {
        padding-left: 5px;
        padding-right: 5px
    }
}

@media only screen and (max-width: 679px) {
    .tb-text {
        display: block;
        padding-left: 20px;
        padding-top: 10px;
        padding-bottom: 10px
    }

    .tb-text .field {
        margin-bottom: 0
    }
}

.tb-text.report-generate {
    padding-right: 10px
}

@media only screen and (min-width: 680px) {
    .tb-label {
        float: left;
        display: inline-block;
        line-height: 37px;
        padding: 0 8px
    }
}

@media only screen and (max-width: 679px) {
    .tb-label {
        display: block;
        padding-left: 20px;
        padding-top: 10px;
        padding-bottom: 10px
    }
}

@media only screen and (min-width: 680px) {
    .tb-date-picker {
        float: left;
        margin-right: 1px;
        padding-left: 6px
    }
}

@media only screen and (max-width: 679px) {
    .tb-date-picker {
        padding: 5px 20px
    }

    .tb-date-picker:after {
        content: '';
        display: table;
        clear: both;
        border-spacing: 0
    }
}

.tb-date-picker .field.datepicker {
    float: left;
    margin-bottom: 0
}

@media only screen and (min-width: 680px) {
    .tb-date-picker .field.datepicker {
        padding-top: 2px
    }
}

.tb-date-picker .tb-date-picker-divider {
    float: left;
    padding: 0 3px
}

@media only screen and (min-width: 680px) {
    .tb-date-picker .tb-date-picker-divider {
        margin-top: 2px;
        height: 34px;
        line-height: 34px
    }
}

@media only screen and (max-width: 679px) {
    .tb-date-picker .tb-date-picker-divider {
        height: 32px;
        line-height: 32px
    }
}

@media only screen and (min-width: 680px) {
    .tb-affiliate-filter {
        width: 225px
    }

    .tb-affiliate-filter .field {
        margin-top: 4px;
        margin-bottom: 0
    }
}

@media only screen and (max-width: 679px) {
    .tb-affiliate-filter {
        padding: 0 6px
    }
}

@media only screen and (min-width: 680px) {
    .tb-presence-users {
        float: left;
        white-space: nowrap;
        margin-top: 4px;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media only screen and (max-width: 679px) {
    .tb-presence-users {
        padding: 4px 10px 4px 12px
    }
}

.tb-presence-icon {
    position: relative;
    padding-left: 2px;
    display: inline-block;
    padding-top: 6px;
    vertical-align: text-top
}

@media only screen and (min-width: 680px) {
    .tb-presence-icon {
        margin-right: 2px
    }
}

@media only screen and (max-width: 679px) {
    .tb-presence-icon {
        margin-right: 5px
    }
}

.tb-presence-icon .eye {
    margin-left: 5px
}

.tb-presence-icon:before {
    content: ' ';
    position: absolute;
    top: 5px;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background-color: #00CE23;
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.presence-user {
    display: inline-block;
    vertical-align: text-top;
    width: 26px;
    height: 26px;
    background-color: #745dca;
    border-radius: 30px;
    cursor: default;
    color: #fff;
    text-align: center;
    line-height: 26px;
    background-size: cover;
    background-position: top left;
    background-repeat: none
}

.presence-user:not(:last-child) {
    margin-right: 4px
}

.tb-two-lines {
    line-height: 1.1
}

.tb-giant-toggle {
    position: relative;
    overflow: hidden
}

@media only screen and (min-width: 680px) {
    .tb-giant-toggle {
        float: left;
        margin-top: 2px;
        margin-right: 6px;
        border-bottom: 1px solid #d1d6db
    }
}

.tb-giant-toggle a {
    box-sizing: border-box;
    display: block;
    padding: 0 15px;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media only screen and (min-width: 680px) {
    .tb-giant-toggle a {
        float: left;
        height: 36px;
        line-height: 36px;
        border-bottom: 2px solid transparent;
        font-size: 14px
    }

    .tb-giant-toggle a:hover {
        background-color: #e7ebef
    }
}

@media only screen and (max-width: 679px) {
    .tb-giant-toggle a {
        height: 36px;
        line-height: 36px
    }
}

.tb-giant-toggle a.current, .tb-giant-toggle a.toggled {
    color: #0a6ece
}

@media only screen and (min-width: 680px) {
    .tb-giant-toggle a.current, .tb-giant-toggle a.toggled {
        border-bottom-color: #0a6ece
    }
}

@media only screen and (max-width: 679px) {
    .tb-giant-toggle a.current, .tb-giant-toggle a.toggled {
        font-weight: bold
    }
}

@media only screen and (min-width: 680px) {
    .tb-conjoined {
        float: left
    }

    .tb-conjoined .tb-btn--conjoined-left {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        margin-right: 0
    }

    .tb-conjoined .tb-btn--conjoined-right {
        margin-left: -1px
    }

    .tb-conjoined .tb-btn--conjoined-right .tb-btn {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .tb-conjoined .tb-btn--conjoined-right .tb-btn--flyout:after {
        margin-left: 0
    }

    .tb-conjoined .tb-btn--conjoined-left:hover + .tb-btn--conjoined-right .tb-btn {
        background-color: #e7ebef
    }

    [class*="-shade"] .tb-conjoined .tb-btn--conjoined-left:hover + .tb-btn--conjoined-right .tb-btn {
        background-color: rgba(82, 103, 122, 0.12)
    }
}

.tb-inner-option-sheet-width {
    position: relative
}

@media only screen and (min-width: 680px) {
    .tb-inner-option-sheet-width {
        max-width: 1080px
    }
}

.tb-icon {
    height: 14px;
    margin-right: 4px;
    display: inline-block;
    text-indent: -9999em;
    font-style: normal;
    vertical-align: text-top
}

.tb-icon.show-customers {
    width: 20px;
    background-position: -88px -363px
}

.tb-icon.grid {
    width: 13px;
    background-position: -450px -543px
}

.tb-icon.timeline {
    width: 13px;
    background-position: -450px -559px
}

.tb-icon.availabilities {
    width: 13px;
    background-position: -163px -363px
}

.tb-icon.help {
    width: 14px;
    background-position: -178px -363px
}

.tb-icon.recent {
    width: 13px;
    background-position: -194px -363px
}

.current .tb-icon.recent {
    background-position: -392px -468px
}

.tb-icon.share {
    width: 16px;
    background-position: -255px -468px
}

.tb-icon.blocks {
    width: 12px;
    background-position: -441px -468px
}

.tb-icon.snippet {
    width: 14px;
    background-position: -74px -543px
}

.tb-icon.snippet-white {
    width: 14px;
    background-position: -74px -559px
}

.tb-icon.preview-email {
    width: 15px;
    background-position: -242px -363px
}

.tb-icon.plus {
    width: 12px;
    background-position: -259px -363px
}

.current .tb-icon.plus {
    background-position: -60px -543px
}

.tb-icon.month {
    width: 13px;
    background-position: -273px -363px
}

.tb-icon.day {
    width: 13px;
    background-position: -303px -363px
}

.tb-icon.agenda {
    width: 13px;
    background-position: -70px -468px
}

.tb-icon.network {
    width: 16px;
    background-position: -333px -363px
}

.tb-icon.phone {
    width: 12px;
    background-position: -351px -363px
}

.tb-icon.filter {
    width: 12px;
    background-position: -381px -363px
}

.highlighted .tb-icon.filter {
    background-position: -191px -543px
}

.tb-icon.refresh {
    width: 14px;
    background-position: -395px -363px
}

.tb-icon.user {
    width: 13px;
    background-position: -441px -363px
}

.current .tb-icon.user {
    background-position: -285px -468px
}

.tb-icon.lock {
    width: 10px;
    background-position: -456px -363px
}

.tb-icon.online {
    width: 16px;
    background-position: -90px -543px
}

.selected .tb-icon.online, .current .tb-icon.online {
    background-position: -108px -543px
}

.tb-icon.unlisted {
    width: 16px;
    background-position: -90px -559px
}

.selected .tb-icon.unlisted, .current .tb-icon.unlisted {
    background-position: -108px -593px
}

.tb-icon.swap {
    width: 14px;
    background-position: -146px -468px
}

.current .tb-icon.swap {
    background-position: 0px -484px
}

.tb-icon.upload {
    width: 15px;
    background-position: -481px -363px
}

.tb-icon.pencil-writing {
    width: 16px;
    background-position: -139px -543px
}

.tb-icon.bank {
    width: 15px;
    background-position: -207px -468px
}

.current .tb-icon.bank {
    background-position: -16px -484px
}

.tb-icon.back {
    width: 15px;
    background-position: -224px -468px
}

.tb-icon.play {
    margin-top: 1px;
    transform: translateY(-1px) rotate(-90deg);
    content: '';
    display: inline-block;
    transition: transform 0.15s ease-in-out;
    border-style: solid;
    border-color: transparent;
    border-width: 8px 6px 0 6px;
    border-top-color: currentColor
}

@supports (mask-type:inherit) {
    .tb-icon.play {
        width: 12px;
        height: 8px;
        background-color: currentColor;
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%207%204.88%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M.3%200C0%200-.1.2.1.44l3.1%204.26a.37.37%200%200%200%20.64%200L6.9.44C7.1.2%207%200%206.7%200z%22%2F%3E%3C%2Fsvg%3E");
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        mask-size: 12px 8px;
        border: 0
    }
}

.tb-icon.calculator {
    width: 10px;
    background-position: -273px -468px
}

.tb-icon.arrow-left {
    width: 8px;
    background-position: -407px -468px
}

.tb-icon.arrow-right {
    width: 8px;
    background-position: -417px -468px
}

.tb-icon.search {
    width: 12px;
    background-position: -427px -363px
}

.current .tb-icon.search {
    background-position: -46px -543px
}

.tb-icon.speech-bubble {
    width: 15px;
    background-position: 0 -559px
}

.tb-icon.chevron-down {
    width: 11px;
    background-position: -126px -543px
}

.tb-icon.hamburger {
    width: 14px;
    background-position: -223px -543px
}

.tb-icon.qr {
    width: 14px;
    background-position: -239px -543px
}

.tb-icon.mobile {
    width: 12px;
    background-position: -255px -543px
}

.tb-icon.closed-network {
    width: 13px;
    background-position: -371px -543px
}

.current .tb-icon.closed-network {
    background-position: -371px -559px
}

.tb-icon.stack {
    width: 12px;
    background-position: -81px -484px
}

.tb-icon.stack-blue {
    width: 12px;
    background-position: -95px -484px
}

.tb-icon.google {
    width: 13px;
    background-position: 0 -575px
}

.tb-icon.yahoo {
    width: 11px;
    background-position: -15px -575px
}

.tb-icon.ical {
    width: 14px;
    background-position: -28px -575px
}

.tb-icon.outlook {
    width: 14px;
    background-position: -44px -575px
}

.mobile-flyout-close {
    clear: both;
    padding: 10px
}

@media only screen and (min-width: 680px) {
    .flyout-scrollable {
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch
    }
}

@media only screen and (max-width: 679px) {
    .flyout-scrollable {
        max-height: none !important
    }
}

@media only screen {
    .flyout-scrollable--in-page-max-height {
        min-height: 100px;
        max-height: calc(100vh - 500px);
        max-height: -webkit-calc(100vh - 500px)
    }
}

.flyout-checklist, .flyout-checklist-strict {
    padding-bottom: 10px
}

.flyout-checklist.flyout-checklist--minimal-top-padding, .flyout-checklist-strict.flyout-checklist--minimal-top-padding {
    padding-top: 4px !important
}

.flyout-checklist.flyout-checklist--minimal-bottom-padding, .flyout-checklist-strict.flyout-checklist--minimal-bottom-padding {
    padding-bottom: 4px !important
}

.tb-flyout .flyout-checklist:first-child, .flyout-checklist.flyout-checklist--has-top-padding, .tb-flyout .flyout-checklist-strict:first-child, .flyout-checklist-strict.flyout-checklist--has-top-padding {
    padding-top: 10px
}

.flyout-checklist li {
    position: relative
}

.flyout-checklist label {
    display: block;
    width: 100%;
    cursor: pointer;
    padding: 4px 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.flyout-checklist label > input[type="checkbox"] {
    margin-right: 4px
}

.flyout-checklist label:hover {
    background: #e7ebef
}

.flyout-checklist > li:first-child label {
    border-top: 0
}

.flyout-checklist .field {
    margin-bottom: 0
}

.flyout-checklist .field .the-field {
    display: inline-block
}

.flyout-checklist .flyout-checklist-indent label {
    padding-left: 30px
}

.flyout-checklist-content {
    padding-top: 1px;
    padding-bottom: 2px;
    padding-left: 32px
}

.flyout-checklist-strict > li {
    position: relative
}

.flyout-checklist-strict > li:first-child > label, .flyout-checklist-strict > li:first-child > .field > label {
    border-top: 0
}

.flyout-checklist-strict > li > .field {
    margin-bottom: 0
}

.flyout-checklist-strict > li > .field .the-field {
    display: inline-block
}

.flyout-checklist-strict > li > label, .flyout-checklist-strict > li > .field > label {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 4px 15px
}

.flyout-checklist-strict > li > label input[type="checkbox"], .flyout-checklist-strict > li > .field > label input[type="checkbox"] {
    margin-right: 4px
}

.flyout-checklist-strict > li > label, .flyout-checklist-strict > li > .field:not(.ng-disabled) > label:hover {
    cursor: pointer;
    background-color: #e7ebef
}

.flyout-checklist-strict .hint--after-field {
    color: #697886;
    padding: 4px 15px
}

.flyout-checklist-empty-item {
    color: #768593;
    padding: 1px 10px
}

.flyout-checklist-header {
    color: #697886;
    padding-right: 15px;
    padding-bottom: 5px;
    padding-left: 15px
}

.flyout-checklist-header b {
    color: #1f2428
}

.flyout-checklist-header:first-child {
    padding-top: 12px
}

.flyout-checklist-header.minimal-top-padding:first-child {
    padding-top: 4px
}

.flyout-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 12px;
    padding-right: 15px;
    padding-bottom: 5px;
    padding-left: 15px
}

.flyout-presets:not(.flyout-presets--no-margin) {
    padding-top: 5px;
    padding-bottom: 5px
}

.flyout-presets > li {
    position: relative
}

.flyout-presets-empty {
    color: #697886;
    padding: 8px 15px
}

.flyout-preset-apply {
    cursor: pointer;
    display: block;
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px
}

.flyout-preset-apply.focus-visible {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px #84929f, 0 0 0 4px #b8bfc4;
    box-shadow: inset 0 0 0 2px #b8bfc4, inset 0 0 0 3px #84929f, inset 0 0 0 4px #fff
}

.flyout-preset-apply > input[type="checkbox"] {
    margin-right: 4px
}

.flyout-preset-apply:not(.can-wrap) {
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.flyout-preset-apply.can-wrap {
    padding-top: 8px;
    padding-bottom: 8px
}

.flyout-preset-apply.is-editable {
    width: calc(100% - 36px);
    width: -webkit-calc(100% - 36px)
}

.flyout-presets--sortable .flyout-preset-apply.is-editable {
    width: calc(100% - 58px);
    width: -webkit-calc(100% - 58px)
}

.flyout-preset-apply.is-active {
    color: #fff;
    background-color: #0a6ece
}

.flyout-preset-apply.is-active .flyout-preset-inline-note {
    color: #eee
}

.flyout-preset-apply.is-active .flyout-preset-note {
    color: #ddd
}

.flyout-preset-apply:not(.is-active):hover {
    background-color: #e7ebef
}

.flyout-preset-inline-note {
    color: #768593
}

.flyout-preset-note, .flyout-menu-item-note {
    display: block;
    overflow: hidden;
    line-height: 13px;
    max-height: 130px;
    color: #697886;
    padding-bottom: 2px
}

.flyout-preset-text {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 0 5px 15px;
    min-height: 28px;
    width: calc(100% - 52px);
    width: -webkit-calc(100% - 52px)
}

.flyout-preset-edit-wrap {
    cursor: pointer
}

.flyout-preset-edit-wrap-clickable {
    padding-top: 6px;
    padding-right: 39px;
    padding-bottom: 6px;
    padding-left: 15px;
    margin-left: -15px;
    margin-right: -15px;
    cursor: pointer
}

@media only screen and (hover: hover) {
    .flyout-preset-edit-wrap-clickable:hover {
        background-color: #e7ebef
    }
}

.flyout-preset-edit-wrap-clickable.focus-visible {
    background-color: #e7ebef
}

.flyout-preset-edit-btn {
    cursor: pointer;
    width: 24px;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    border-radius: 3px;
    right: 11px
}

.flyout-presets--sortable .flyout-preset-edit-btn {
    right: 30px
}

.flyout-preset-edit-btn::before {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 50%;
    margin-left: -7px;
    top: 50%;
    margin-top: -7px;
    background-size: 14px 14px;
    background-repeat: no-repeat
}

@media only screen and (hover: hover) {
    .flyout-preset-edit-btn:hover {
        background-color: #e7ebef
    }
}

.flyout-preset-edit-btn.focus-visible {
    background-color: #e7ebef
}

.flyout-preset-edit-btn:active, .flyout-preset-edit-btn.active {
    background-color: #e2e6e9
}

.flyout-preset-edit-form {
    padding: 12px 15px
}

.flyout-presets--sortable .flyout-preset-edit-form {
    padding-right: 45px
}

.flyout-preset-edit-form .btns {
    margin-top: 8px
}

.flyout-menu-items {
    margin-top: 5px;
    margin-bottom: 5px
}

.flyout-menu-items li {
    position: relative
}

.flyout-menu-items button:not(.button-remove) {
    width: 100%
}

.flyout-menu-items button[disabled] {
    color: #9ba6b0
}

.flyout-menu-items li.current, .flyout-menu-items li.toggled, .flyout-menu-items a.current, .flyout-menu-items button.current {
    background: #0a6ece !important;
    color: #fff
}

.flyout-menu-items li.current .icon-hint, .flyout-menu-items li.toggled .icon-hint, .flyout-menu-items a.current .icon-hint, .flyout-menu-items button.current .icon-hint {
    background-position: -462px -250px
}

.flyout-menu-items li.current .flyout-menu-item-note, .flyout-menu-items li.toggled .flyout-menu-item-note, .flyout-menu-items a.current .flyout-menu-item-note, .flyout-menu-items button.current .flyout-menu-item-note {
    color: #ddd
}

.flyout-menu-items li.current .tb-icon.month, .flyout-menu-items li.toggled .tb-icon.month, .flyout-menu-items a.current .tb-icon.month, .flyout-menu-items button.current .tb-icon.month {
    background-position: -288px -363px
}

.flyout-menu-items li.current .tb-icon.day, .flyout-menu-items li.toggled .tb-icon.day, .flyout-menu-items a.current .tb-icon.day, .flyout-menu-items button.current .tb-icon.day {
    background-position: -318px -363px
}

.flyout-menu-items li.current .tb-icon.agenda, .flyout-menu-items li.toggled .tb-icon.agenda, .flyout-menu-items a.current .tb-icon.agenda, .flyout-menu-items button.current .tb-icon.agenda {
    background-position: -85px -468px
}

.flyout-menu-items li.current .tb-icon.grid, .flyout-menu-items li.toggled .tb-icon.grid, .flyout-menu-items a.current .tb-icon.grid, .flyout-menu-items button.current .tb-icon.grid {
    background-position: -435px -543px
}

.flyout-menu-items li.current .tb-icon.hamburger, .flyout-menu-items li.toggled .tb-icon.hamburger, .flyout-menu-items a.current .tb-icon.hamburger, .flyout-menu-items button.current .tb-icon.hamburger {
    background-position: -223px -559px
}

.flyout-menu-items li.current .tb-icon.timeline, .flyout-menu-items li.toggled .tb-icon.timeline, .flyout-menu-items a.current .tb-icon.timeline, .flyout-menu-items button.current .tb-icon.timeline {
    background-position: -435px -558px
}

.flyout-menu-items li.current .tb-icon.plus, .flyout-menu-items li.toggled .tb-icon.plus, .flyout-menu-items a.current .tb-icon.plus, .flyout-menu-items button.current .tb-icon.plus {
    background-position: -427px -468px
}

.flyout-menu-items a, .flyout-menu-items button, .flyout-menu-items .flyout-menu-label {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    padding-right: 15px;
    padding-left: 15px
}

.flyout-menu-items a.focus-visible, .flyout-menu-items button.focus-visible, .flyout-menu-items .flyout-menu-label.focus-visible {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px #84929f, 0 0 0 4px #b8bfc4;
    box-shadow: inset 0 0 0 2px #b8bfc4, inset 0 0 0 3px #84929f, inset 0 0 0 4px #fff
}

@media only screen and (min-width: 680px) {
    .flyout-menu-items a, .flyout-menu-items button, .flyout-menu-items .flyout-menu-label {
        padding-top: 8px;
        padding-bottom: 8px
    }
}

@media only screen and (max-width: 679px) {
    .flyout-menu-items a, .flyout-menu-items button, .flyout-menu-items .flyout-menu-label {
        padding-top: 8px;
        padding-bottom: 8px
    }
}

.flyout-menu-items a, .flyout-menu-items button {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.flyout-menu-items a:hover, .flyout-menu-items button:hover {
    background-color: #e7ebef
}

.flyout-menu-items .icon-warning {
    top: 1px
}

.flyout-menu-items > li:first-child a, .flyout-menu-items > li:first-child button, .flyout-menu-items > li:first-child .flyout-menu-label {
    border-top: 0
}

.flyout-menu-items.no-borders a, .flyout-menu-items.no-borders button, .flyout-menu-items.no-borders .flyout-menu-label {
    border-top: 0
}

.flyout-menu-items.with-chevron a, .flyout-menu-items.with-chevron button {
    padding-right: 35px
}

.flyout-menu-items.with-chevron a::after, .flyout-menu-items.with-chevron button::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -6px;
    width: 8px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23AFB8C0%22%20width%3D%228%22%20height%3D%2213%22%20viewBox%3D%220%200%208%2013%22%3E%0A%20%20%3Cpolygon%20points%3D%221.314%20-0.007%208.007%206.538%206.701%207.815%206.675%207.789%201.349%2013%200.018%2011.7%205.344%206.491%200.008%201.274%22%20%2F%3E%0A%3C%2Fsvg%3E");
    background-size: 8px 12px;
    background-repeat: no-repeat
}

.flyout-menu-items.with-containing-borders {
    border-top: 1px solid #e0e3e6;
    border-bottom: 1px solid #e0e3e6
}

.flyout-menu-items.is-sortable {
    position: relative
}

.flyout-menu-items.is-sortable li {
    padding-left: 31px
}

.flyout-menu-items.is-sortable li:not(:last-child) {
    border-bottom: 1px solid #e0e3e6
}

.flyout-menu-items.is-sortable li.sortable .sortable-handle {
    border-top-width: 0
}

.flyout-menu-items .sortable-handle {
    border-right-width: 1px
}

.flyout-menu-items > li:not(:first-child) .sortable-handle {
    border-top-width: 1px
}

.flyout-menu-items.with-count a, .flyout-menu-items.with-count button {
    padding-right: 55px
}

.flyout-menu-items.with-count .count {
    position: absolute;
    top: 50%;
    right: 15px;
    height: 16px;
    line-height: 16px;
    margin-top: -8px
}

.flyout-menu-items.with-count.with-chevron a, .flyout-menu-items.with-count.with-chevron button {
    padding-right: 70px
}

.flyout-menu-items.with-count.with-chevron .count {
    right: 35px
}

.flyout-menu-items .flyout-menu-item--is-tall a {
    padding-top: 10px;
    padding-bottom: 10px
}

.flyout-menu-items .flyout-menu-item--is-tall a .tb-icon {
    vertical-align: text-top;
    margin-top: 1px;
    margin-right: 3px
}

.flyout-menu-items.has-removal .flyout-menu-label {
    padding-right: 35px
}

.flyout-menu-items.has-removal .button-remove {
    position: absolute;
    top: 50%;
    right: 10px;
    height: 26px;
    margin-top: -13px;
    border-top: 0
}

.flyout-menu-items-lis {
    margin-top: 5px;
    margin-bottom: 5px
}

.flyout-menu-items-lis li.current, .flyout-menu-items-lis li.current, .flyout-menu-items-lis li.toggled, .flyout-menu-items-lis li.active {
    background-color: #0a6ece !important;
    color: #fff
}

.flyout-menu-items-lis li {
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media only screen and (min-width: 680px) {
    .flyout-menu-items-lis li {
        padding-top: 8px;
        padding-bottom: 8px
    }
}

@media only screen and (max-width: 679px) {
    .flyout-menu-items-lis li {
        padding-top: 10px;
        padding-bottom: 10px
    }
}

.flyout-menu-items-lis li:not(.is-disabled) {
    cursor: pointer
}

.flyout-menu-items-lis li:not(.is-disabled):hover {
    background-color: #e7ebef
}

.flyout-menu-items-lis > li:first-child {
    border-top: 0
}

.flyout-menu-items-group {
    margin: 10px 0;
    border-bottom: 1px solid #e0e3e6
}

.flyout-menu-items-empty {
    color: #697886;
    padding: 8px 15px
}

.flyout-menu-items-desc {
    font-size: 12px;
    color: #697886;
    padding: 8px 15px
}

.flyout-menu-items-desc:not(:first-child) {
    border-top: 1px solid #e0e3e6
}

.flyout-menu-items-desc a {
    text-decoration: underline;
    color: #0a6ece
}

.flyout-create-form, .flyout-create-form-toggle {
    position: relative;
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 6px 15px 8px 15px
}

.flyout-create-form.shaded, .flyout-create-form-toggle.shaded {
    margin-bottom: 5px
}

.flyout-create-form .field-cb-light, .flyout-create-form-toggle .field-cb-light {
    float: left;
    margin-bottom: 0
}

@media only screen and (min-width: 680px) {
    .flyout-create-form.rounded, .flyout-create-form-toggle.rounded {
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px
    }
}

.flyout-create-form-toggle, .inline-add-link {
    cursor: pointer;
    color: #1D875A;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.flyout-create-form-toggle.is-large, .inline-add-link.is-large {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px
}

@media only screen and (hover: hover) {
    .flyout-create-form-toggle.is-large:hover, .inline-add-link.is-large:hover {
        background-color: #e7ebef
    }
}

.flyout-create-form-toggle.is-large.focus-visible, .inline-add-link.is-large.focus-visible {
    background-color: #e7ebef
}

@media only screen and (min-width: 680px) {
    .flyout-create-form-toggle.is-large, .inline-add-link.is-large {
        padding-left: 20px
    }
}

@media only screen and (max-width: 679px) {
    .flyout-create-form-toggle.is-large, .inline-add-link.is-large {
        padding-left: 20px
    }
}

.flyout-create-form-toggle:hover, .inline-add-link:hover {
    text-decoration: underline
}

.flyout-create-form-toggle:before, .inline-add-link:before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    background-position: -26px -225px;
    margin-right: 6px
}

.flyout-create-form-header {
    font-weight: bold;
    margin-bottom: 6px
}

.toggle-header-list {
    margin-top: 5px;
    margin-bottom: 5px
}

.flyout-toggle-header {
    position: relative;
    display: block;
    padding-top: 12px;
    padding-right: 15px;
    padding-bottom: 12px;
    padding-left: 15px
}

.flyout-toggle-header.has-border {
    border-top: 1px solid #e0e3e6 !important
}

.flyout-toggle-header[type="button"] {
    box-sizing: border-box;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-align: left;
    color: inherit;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%
}

.flyout-toggle-header[type="button"][disabled], .flyout-toggle-header.button-disabled[type="button"], .flyout-toggle-header.btn-disabled[type="button"], .flyout-toggle-header[type="button"]:disabled {
    cursor: not-allowed
}

.flyout-toggle-header:not(.disabled) {
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.flyout-toggle-header:not(.disabled):before {
    transform: translateY(-1px) rotate(-90deg);
    content: '';
    display: inline-block;
    transition: transform 0.15s ease-in-out;
    border-style: solid;
    border-color: transparent;
    border-width: 8px 5px 0 5px;
    border-top-color: #afb8c0;
    margin-right: 8px
}

@supports (mask-type:inherit) {
    .flyout-toggle-header:not(.disabled):before {
        width: 10px;
        height: 8px;
        background-color: #afb8c0;
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%207%204.88%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M.3%200C0%200-.1.2.1.44l3.1%204.26a.37.37%200%200%200%20.64%200L6.9.44C7.1.2%207%200%206.7%200z%22%2F%3E%3C%2Fsvg%3E");
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        mask-size: 10px 8px;
        border: 0
    }
}

.flyout-toggle-header.toggled:not(.disabled):before {
    transform: none
}

.flyout-toggle-header:not(.disabled):not(.toggled):hover {
    background: #e7ebef
}

.flyout-toggle-header:not(.small) {
    background-color: #f1f2f4
}

.flyout-toggle-header.small {
    padding-top: 8px;
    padding-bottom: 8px
}

.flyout-toggle-header.active {
    color: #0a6ece;
    padding-right: 39px
}

.flyout-toggle-header.active:after {
    content: ' ';
    display: block;
    width: 14px;
    height: 14px;
    background-position: -411px -363px;
    position: absolute;
    top: 50%;
    margin-top: -7px;
    right: 15px
}

.flyout-toggle-header.invalid {
    color: #f37f25
}

.flyout-toggle-header.invalid:after {
    content: ' ';
    display: block;
    width: 16px;
    height: 14px;
    background-position: -322px -484px;
    position: absolute;
    top: 50%;
    margin-top: -7px;
    right: 10px
}

.flyout-toggle-header-text {
    float: right
}

.flyout-toggle-header.invalid .flyout-toggle-header-text {
    padding-right: 20px
}

@media only screen {
    .flyout-section-border {
        border-bottom: 1px solid #e0e3e6
    }

    .flyout-section {
        padding: 8px 15px;
        border-top: 1px solid #e0e3e6
    }

    .flyout-section:after {
        content: '';
        display: table;
        clear: both;
        border-spacing: 0
    }

    .flyout-section.flyout-section--no-border {
        border-top: 0
    }

    .flyout-section.flyout-section--bottom-border {
        border-bottom: 1px solid #e0e3e6
    }

    .flyout-section.flyout-section--no-padding {
        padding: 0
    }

    .flyout-section.flyout-section--no-top-padding {
        padding-top: 0
    }

    .flyout-section.flyout-section--no-bottom-padding {
        padding-bottom: 0
    }

    .flyout-section.flyout-section--shade {
        background: #f1f2f4
    }

    .flyout-section.flyout-section--highlight {
        background-color: #fff7d7
    }

    .flyout-section h2 {
        padding-bottom: 6px;
        font-size: 14px;
        font-weight: bold
    }

    .flyout-section h3 {
        color: #768593;
        padding-bottom: 1px
    }

    .flyout-section .hint {
        color: #697886;
        padding-bottom: 0
    }

    .flyout-section .label-text {
        display: block;
        padding-bottom: 3px
    }

    .flyout-inner {
        padding: 4px 15px 8px 15px
    }

    .flyout-receipts {
        border-top: 1px solid #e0e3e6;
        padding: 15px
    }
}

.cl-box {
    border-bottom: 1px solid #e0e3e6
}

.cl-box-inner {
    padding: 18px 20px
}

.cl-box-inner h2 {
    font-size: 17px;
    font-weight: bold
}

.cl-box-inner h2 img, .cl-box-inner h2 svg {
    vertical-align: middle;
    margin-top: -2px;
    margin-left: 5px
}

.cl-box-inner p {
    margin-top: 10px
}

.cl-box-inner p:first-child {
    margin-top: 0
}

.cl-box-inner p a:not(.btn):not(.btn-tiny):not(.btn-big):not(.btn-huge) {
    color: #0a6ece;
    text-decoration: underline
}

.cl-box-inner p img {
    max-width: 100%;
    height: auto
}

.cl-box-inner.is-nag {
    border: 2px solid #f37f25
}

.cl-box-inner .cl-date {
    color: #697886;
    margin-bottom: 15px
}

.cl-image-after {
    line-height: 0
}

.cl-image-after img {
    max-width: 100%;
    height: auto
}

.flyout-form {
    padding: 15px;
    position: relative
}

.flyout-filter-option {
    padding: 5px 15px;
    display: block;
    border-top: 1px solid #d5d5d5
}

.flyout-filter-option:first-child {
    border-top: 0
}

.flyout-filter-option h2 {
    padding-bottom: 2px;
    font-weight: bold
}

.flyout-filter-option .field {
    margin-bottom: 0 !important
}

.flyout-back {
    color: #0a6ece;
    display: block;
    padding: 8px 15px
}

.flyout-back:hover {
    text-decoration: underline
}

.flyout-back:before {
    content: '';
    display: inline-block;
    width: 9px;
    height: 9px;
    background-position: -491px -203px;
    margin-right: 5px
}

.flyout-fields-group {
    width: 100%;
    margin-bottom: 5px
}

.flyout-fields-group > .tr > .td {
    padding-top: 3px;
    padding-bottom: 3px;
    vertical-align: middle
}

.flyout-fields-group > .tr > .td .field {
    margin-bottom: 0
}

.flyout-fields-group > .tr > .td:first-child {
    padding-left: 15px
}

.flyout-fields-group > .tr > .td:last-child {
    padding-right: 15px
}

.flyout-fields-group select {
    min-width: 100%
}

.flyout-fields-title {
    font-weight: bold;
    white-space: nowrap;
    padding-right: 10px;
    text-align: right
}

.flyout-fields-subform {
    color: #697886;
    margin-top: 4px
}

.flyout-wrap {
    padding: 0 15px 8px 15px
}

button.flyout-reset-all {
    cursor: pointer
}

.flyout-reset-all {
    float: right;
    text-decoration: underline;
    color: #697886 !important
}

.flyout-errors .error li {
    margin-left: 15px;
    margin-right: 15px
}

.flyout-padd.top {
    padding-top: 6px
}

.flyout-padd.bottom {
    padding-bottom: 6px
}

.flyout-padd.left {
    padding-left: 15px
}

.flyout-padd.right {
    padding-right: 15px
}

.quick-filters {
    background-color: #f1f2f4;
    border-bottom: 1px solid #e0e3e6;
    width: 100%
}

.available-filter > .tr > .td {
    padding-top: 5px;
    padding-bottom: 3px
}

.available-filter > .tr > .td:first-child {
    padding-left: 12px;
    padding-right: 10px
}

.available-filter > .tr > .td:last-child {
    width: 80px;
    padding-right: 12px
}

.flyout-ng-data .ng-data-spinner {
    padding: 4px 15px 9px 15px
}

@media only screen and (min-width: 680px) {
    .table.flyout-copy-link .td:nth-child(2) {
        padding-left: 5px
    }
}

.flyout-editable-images {
    position: relative;
    border-top: 1px solid #d1d6db
}

.flyout-editable-images > li {
    position: relative;
    border-bottom: 1px solid #d1d6db
}

.flyout-editable-images > li.sortable {
    padding-left: 30px
}

.flyout-editable-image-preview button {
    cursor: pointer
}

.flyout-editable-image-preview button.focus-visible {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px #84929f, 0 0 0 4px #b8bfc4;
    box-shadow: inset 0 0 0 2px #b8bfc4, inset 0 0 0 3px #84929f, inset 0 0 0 4px #fff
}

.flyout-editable-image-preview img {
    display: block;
    width: 100%;
    height: auto
}

body.unsupported-section {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

table.unsupported {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #333
}

table.unsupported td {
    vertical-align: middle
}

.unsupported-inner {
    max-width: 450px;
    margin: 0 auto;
    padding: 40px;
    background-color: #fff;
    border-radius: 4px
}

.unsupported-note {
    font-size: 16px;
    line-height: 22px
}

.unsupported-note a {
    color: #0a6ece;
    text-decoration: underline
}

.unsupported-mistake {
    margin-top: 20px;
    color: #666;
    font-size: 11px
}

.unsupported-mistake a {
    color: #666;
    text-decoration: underline
}

.unsupported-headline {
    color: #2e77a1;
    font-size: 27px;
    margin: 0 auto;
    margin-bottom: 28px
}

.unsupported-headline a {
    color: #2e77a1;
    border-bottom: 1px solid #2e77a1
}

.pika-single {
    z-index: 2500;
    display: block;
    min-width: 240px;
    position: relative;
    padding: 10px 15px;
    color: #1f2428;
    background: #fff;
    border-radius: 5px
}

@media only screen and (max-width: 679px) {
    .pika-single {
        left: 12px !important;
        right: 12px;
        max-width: 320px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch
    }
}

.pika-single.is-hidden {
    display: none
}

.pika-single.is-bound {
    position: absolute;
    margin-top: -1px;
    box-shadow: 0 4px 13px -4px rgba(0, 0, 0, 0.6)
}

.pika-title {
    position: relative;
    text-align: center
}

.pika-label {
    display: inline-block;
    *display: inline;
    position: relative;
    z-index: 2500;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: 15px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff
}

.pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 2499;
    margin: 0;
    left: 0;
    top: 5px;
    filter: alpha(opacity=0);
    opacity: 0
}

.pika-prev, .pika-next {
    display: block;
    cursor: pointer;
    position: relative;
    outline: none;
    border: 0;
    padding: 0;
    width: 25px;
    height: 30px;
    background-color: transparent;
    background-position: center 9px;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    border-radius: 3px;
    *position: absolute;
    *top: 0
}

.pika-prev:hover, .pika-next:hover {
    background-color: #e7ebef
}

.pika-prev, .is-rtl .pika-next {
    float: left;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23697886%22%20width%3D%228%22%20height%3D%2213%22%20viewBox%3D%220%200%208%2013%22%3E%0A%20%20%3Cpolygon%20points%3D%221.314%20-0.007%208.007%206.538%206.701%207.815%206.675%207.789%201.349%2013%200.018%2011.7%205.344%206.491%200.008%201.274%22%20%2F%3E%0A%3C%2Fsvg%3E");
    background-size: 8px 13px;
    background-repeat: no-repeat;
    transform: rotate(180deg);
    background-position: center 8px;
    *left: 0
}

.pika-next, .is-rtl .pika-prev {
    float: right;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23697886%22%20width%3D%228%22%20height%3D%2213%22%20viewBox%3D%220%200%208%2013%22%3E%0A%20%20%3Cpolygon%20points%3D%221.314%20-0.007%208.007%206.538%206.701%207.815%206.675%207.789%201.349%2013%200.018%2011.7%205.344%206.491%200.008%201.274%22%20%2F%3E%0A%3C%2Fsvg%3E");
    background-size: 8px 13px;
    background-repeat: no-repeat;
    *right: 0
}

.pika-prev.is-disabled, .pika-next.is-disabled {
    cursor: default;
    opacity: .2
}

.pika-select {
    display: inline-block;
    *display: inline
}

.pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0
}

.pika-table th, .pika-table td {
    width: 14.285714285714286%
}

.pika-table th {
    color: #697886;
    font-size: 12px;
    line-height: 25px;
    font-weight: bold;
    text-align: center
}

.pika-table th abbr {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis
}

.pika-button {
    cursor: pointer;
    display: block;
    outline: none;
    border: 0;
    margin: 0;
    width: 100%;
    font-size: 13px;
    line-height: 15px;
    text-align: center;
    background: #fff;
    border-radius: 3px
}

@media only screen and (min-width: 680px) {
    .pika-button {
        padding: 7px 3px
    }
}

@media only screen and (max-width: 679px) {
    .pika-button {
        padding: 9px 3px
    }
}

@media only screen and (hover: hover) {
    .pika-button:hover {
        background: #e7ebef;
        box-shadow: none !important
    }
}

.pika-button.focus-visible {
    background: #e7ebef;
    box-shadow: none !important
}

.is-today .pika-button {
    background: #fff1ba
}

.is-selected .pika-button {
    color: #fff !important;
    font-weight: bold;
    background: #0a6ece
}

.is-disabled .pika-button {
    pointer-events: none;
    cursor: default;
    color: #999;
    opacity: .3
}

.ui-timepicker-wrapper {
    overflow-y: auto;
    height: 150px;
    width: 108px;
    background: #fff;
    border: 1px solid #afb8c0;
    box-shadow: 0 4px 13px -4px rgba(0, 0, 0, 0.6);
    outline: none;
    z-index: 2500;
    margin: 0;
    text-align: right;
    margin-top: -1px
}

.ui-timepicker-wrapper.ui-timepicker-with-duration {
    width: 11em
}

.ui-timepicker-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.ui-timepicker-duration {
    margin-left: 5px;
    color: #888
}

.ui-timepicker-list:hover .ui-timepicker-duration {
    color: #888
}

.ui-timepicker-list li {
    padding: 4px 5px 4px 0;
    cursor: pointer;
    white-space: nowrap;
    color: #1f2428;
    list-style: none;
    margin: 0
}

li.ui-timepicker-selected {
    background: #0a6ece !important;
    color: #fff !important
}

.ui-timepicker-list li:hover, .ui-timepicker-list .ui-timepicker-selected:hover {
    background: #e7ebef
}

li.ui-timepicker-selected .ui-timepicker-duration, .ui-timepicker-list li:hover .ui-timepicker-duration {
    color: #ccc
}

.ui-timepicker-list li.ui-timepicker-disabled, .ui-timepicker-list li.ui-timepicker-disabled:hover, .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
    color: #888;
    cursor: default
}

.ui-timepicker-list li.ui-timepicker-disabled:hover, .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
    background: #f2f2f2
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 32px;
    user-select: none;
    -webkit-user-select: none
}

@supports (display:grid) {
    .select2-container .select2-selection--single {
        display: grid
    }
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 12px;
    padding-right: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__rendered.has-clear {
    padding-right: 66px
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px
}

.select2-dropdown {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1009;
    box-shadow: 0 4px 13px -4px rgba(0, 0, 0, 0.6)
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin-top: 5px;
    margin-right: 0;
    margin-bottom: 5px;
    margin-left: 0;
    padding: 0;
    overflow-x: hidden
}

.select2-results__option {
    padding: 7px 15px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.select2-results__option[aria-selected] {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block
}

.select2-search--dropdown .select2-search__field {
    width: 100%;
    box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important
}

@media only screen and (max-width: 679px) {
    .select2-container--default .select2-selection--single {
        height: 32px
    }
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #1f2428
}

@media only screen and (min-width: 680px) {
    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 30px;
        font-size: 14px
    }
}

@media only screen and (max-width: 679px) {
    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 30px;
        font-size: 16px
    }
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    display: block;
    position: absolute;
    top: 1px;
    right: 28px;
    width: 24px
}

@media only screen and (min-width: 680px) {
    .select2-container--default .select2-selection--single .select2-selection__clear {
        height: 30px
    }
}

@media only screen and (max-width: 679px) {
    .select2-container--default .select2-selection--single .select2-selection__clear {
        height: 30px
    }
}

.select2-container--default .select2-selection--single .select2-selection__clear:before {
    content: '';
    display: block;
    width: 11px;
    height: 11px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -5px;
    margin-left: -5px
}

.select2-container--default .select2-selection--single .select2-selection__clear:hover {
    background-color: #e7ebef
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #697886
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    position: absolute;
    top: 1px;
    right: 12px;
    width: 10px
}

@media only screen and (min-width: 680px) {
    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 30px
    }
}

@media only screen and (max-width: 679px) {
    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 30px
    }
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    transform: none;
    content: '';
    display: inline-block;
    transition: transform 0.15s ease-in-out;
    border-style: solid;
    border-color: transparent;
    border-width: 6px 4px 0 4px;
    border-top-color: #5a6672;
    position: absolute;
    top: 50%;
    margin-top: -2px;
    right: 0
}

@supports (mask-type:inherit) {
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
        width: 8px;
        height: 6px;
        background-color: #5a6672;
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%207%204.88%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M.3%200C0%200-.1.2.1.44l3.1%204.26a.37.37%200%200%200%20.64%200L6.9.44C7.1.2%207%200%206.7%200z%22%2F%3E%3C%2Fsvg%3E");
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        mask-size: 8px 6px;
        border: 0
    }
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown {
    position: relative;
    border-bottom: 1px solid #afb8c0
}

.select2-container--default .select2-search--dropdown:before {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -7px;
    width: 12px;
    height: 14px;
    background-position: -427px -363px;
    pointer-events: none
}

@media only screen and (min-width: 680px) {
    .select2-container--default .select2-search--dropdown:before {
        left: 12px
    }
}

@media only screen and (max-width: 679px) {
    .select2-container--default .select2-search--dropdown:before {
        left: 16px
    }
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    width: 100%;
    padding-left: 30px;
    padding-right: 12px;
    border: 0;
    border-radius: 0;
    background: none
}

.select2-container--default .select2-search--dropdown .select2-search__field.focus-visible {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px #84929f, 0 0 0 4px #b8bfc4;
    box-shadow: inset 0 0 0 2px #b8bfc4, inset 0 0 0 3px #84929f, inset 0 0 0 4px #fff
}

@media only screen and (min-width: 680px) {
    .select2-container--default .select2-search--dropdown .select2-search__field {
        height: 30px;
        line-height: 30px;
        font-size: 14px
    }
}

@media only screen and (max-width: 679px) {
    .select2-container--default .select2-search--dropdown .select2-search__field {
        height: 30px;
        line-height: 30px;
        font-size: 16px
    }
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #0a6ece !important;
    color: #fff !important
}

.select2-container--default .select2-results__option[aria-selected=true] .fh-grey {
    color: #eee
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #e7ebef;
    color: #1f2428
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px 10px
}

.intl-tel-input {
    position: relative;
    display: inline-block
}

.intl-tel-input * {
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.intl-tel-input .hide {
    display: none
}

.intl-tel-input .v-hide {
    visibility: hidden
}

.intl-tel-input input, .intl-tel-input input[type=text], .intl-tel-input input[type=tel] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 36px;
    margin-right: 0
}

.intl-tel-input .flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 1px
}

.intl-tel-input .selected-flag {
    z-index: 1;
    position: relative;
    width: 36px;
    height: 100%;
    padding: 0 0 0 8px
}

.intl-tel-input .selected-flag .iti-flag {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto
}

.intl-tel-input .selected-flag .iti-arrow {
    position: absolute;
    top: 50%;
    margin-top: -2px;
    right: 6px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #555
}

.intl-tel-input .selected-flag .iti-arrow.up {
    border-top: none;
    border-bottom: 4px solid #555
}

.intl-tel-input .country-list {
    position: absolute;
    z-index: 2;
    list-style: none;
    text-align: left;
    padding: 5px 0 5px 0;
    margin: 0 0 0 -1px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    background-color: white;
    border: 1px solid #CCC;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll
}

.intl-tel-input .country-list.dropup {
    bottom: 100%;
    margin-bottom: -1px
}

.intl-tel-input .country-list .flag-box {
    display: inline-block;
    width: 20px
}

@media (max-width: 500px) {
    .intl-tel-input .country-list {
        white-space: normal
    }
}

.intl-tel-input .country-list .divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #e0e3e6
}

.intl-tel-input .country-list .country {
    padding: 5px 10px
}

.intl-tel-input .country-list .country .dial-code {
    color: #999
}

.intl-tel-input .country-list .country.highlight {
    background-color: rgba(0, 0, 0, 0.05)
}

.intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name, .intl-tel-input .country-list .dial-code {
    vertical-align: middle
}

.intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name {
    margin-right: 6px
}

.intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type=text], .intl-tel-input.allow-dropdown input[type=tel], .intl-tel-input.separate-dial-code input, .intl-tel-input.separate-dial-code input[type=text], .intl-tel-input.separate-dial-code input[type=tel] {
    padding-right: 6px;
    padding-left: 52px;
    margin-left: 0
}

.intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container {
    right: auto;
    left: 0
}

.intl-tel-input.allow-dropdown .selected-flag, .intl-tel-input.separate-dial-code .selected-flag {
    width: 46px
}

.intl-tel-input.allow-dropdown .flag-container:hover {
    cursor: pointer
}

.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
    background-color: rgba(0, 0, 0, 0.05)
}

.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover {
    cursor: default
}

.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover .selected-flag, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover .selected-flag {
    background-color: transparent
}

.intl-tel-input.separate-dial-code .selected-flag {
    background-color: rgba(0, 0, 0, 0.05);
    display: table
}

.intl-tel-input.separate-dial-code .selected-dial-code {
    display: table-cell;
    vertical-align: middle;
    padding-left: 28px
}

.intl-tel-input.separate-dial-code.iti-sdc-2 input, .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel] {
    padding-left: 66px
}

.intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag {
    width: 60px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel] {
    padding-left: 76px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag {
    width: 70px
}

.intl-tel-input.separate-dial-code.iti-sdc-3 input, .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel] {
    padding-left: 74px
}

.intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag {
    width: 68px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel] {
    padding-left: 84px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
    width: 78px
}

.intl-tel-input.separate-dial-code.iti-sdc-4 input, .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel] {
    padding-left: 82px
}

.intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag {
    width: 76px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel] {
    padding-left: 92px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag {
    width: 86px
}

.intl-tel-input.separate-dial-code.iti-sdc-5 input, .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel] {
    padding-left: 90px
}

.intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag {
    width: 84px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel] {
    padding-left: 100px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag {
    width: 94px
}

.intl-tel-input.iti-container {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: 1px
}

.intl-tel-input.iti-container:hover {
    cursor: pointer
}

.iti-mobile .intl-tel-input.iti-container {
    top: 30px;
    bottom: 30px;
    left: 30px;
    right: 30px;
    position: fixed
}

.iti-mobile .intl-tel-input .country-list {
    max-height: 100%;
    width: 100%
}

.iti-mobile .intl-tel-input .country-list .country {
    padding: 10px 10px;
    line-height: 1.5em
}

.iti-flag {
    width: 20px
}

.iti-flag.be {
    width: 18px
}

.iti-flag.ch {
    width: 15px
}

.iti-flag.mc {
    width: 19px
}

.iti-flag.ne {
    width: 18px
}

.iti-flag.np {
    width: 13px
}

.iti-flag.va {
    width: 15px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .iti-flag {
        background-size: 5630px 15px
    }
}

.iti-flag.ac {
    height: 10px;
    background-position: 0px 0px
}

.iti-flag.ad {
    height: 14px;
    background-position: -22px 0px
}

.iti-flag.ae {
    height: 10px;
    background-position: -44px 0px
}

.iti-flag.af {
    height: 14px;
    background-position: -66px 0px
}

.iti-flag.ag {
    height: 14px;
    background-position: -88px 0px
}

.iti-flag.ai {
    height: 10px;
    background-position: -110px 0px
}

.iti-flag.al {
    height: 15px;
    background-position: -132px 0px
}

.iti-flag.am {
    height: 10px;
    background-position: -154px 0px
}

.iti-flag.ao {
    height: 14px;
    background-position: -176px 0px
}

.iti-flag.aq {
    height: 14px;
    background-position: -198px 0px
}

.iti-flag.ar {
    height: 13px;
    background-position: -220px 0px
}

.iti-flag.as {
    height: 10px;
    background-position: -242px 0px
}

.iti-flag.at {
    height: 14px;
    background-position: -264px 0px
}

.iti-flag.au {
    height: 10px;
    background-position: -286px 0px
}

.iti-flag.aw {
    height: 14px;
    background-position: -308px 0px
}

.iti-flag.ax {
    height: 13px;
    background-position: -330px 0px
}

.iti-flag.az {
    height: 10px;
    background-position: -352px 0px
}

.iti-flag.ba {
    height: 10px;
    background-position: -374px 0px
}

.iti-flag.bb {
    height: 14px;
    background-position: -396px 0px
}

.iti-flag.bd {
    height: 12px;
    background-position: -418px 0px
}

.iti-flag.be {
    height: 15px;
    background-position: -440px 0px
}

.iti-flag.bf {
    height: 14px;
    background-position: -460px 0px
}

.iti-flag.bg {
    height: 12px;
    background-position: -482px 0px
}

.iti-flag.bh {
    height: 12px;
    background-position: -504px 0px
}

.iti-flag.bi {
    height: 12px;
    background-position: -526px 0px
}

.iti-flag.bj {
    height: 14px;
    background-position: -548px 0px
}

.iti-flag.bl {
    height: 14px;
    background-position: -570px 0px
}

.iti-flag.bm {
    height: 10px;
    background-position: -592px 0px
}

.iti-flag.bn {
    height: 10px;
    background-position: -614px 0px
}

.iti-flag.bo {
    height: 14px;
    background-position: -636px 0px
}

.iti-flag.bq {
    height: 14px;
    background-position: -658px 0px
}

.iti-flag.br {
    height: 14px;
    background-position: -680px 0px
}

.iti-flag.bs {
    height: 10px;
    background-position: -702px 0px
}

.iti-flag.bt {
    height: 14px;
    background-position: -724px 0px
}

.iti-flag.bv {
    height: 15px;
    background-position: -746px 0px
}

.iti-flag.bw {
    height: 14px;
    background-position: -768px 0px
}

.iti-flag.by {
    height: 10px;
    background-position: -790px 0px
}

.iti-flag.bz {
    height: 14px;
    background-position: -812px 0px
}

.iti-flag.ca {
    height: 10px;
    background-position: -834px 0px
}

.iti-flag.cc {
    height: 10px;
    background-position: -856px 0px
}

.iti-flag.cd {
    height: 15px;
    background-position: -878px 0px
}

.iti-flag.cf {
    height: 14px;
    background-position: -900px 0px
}

.iti-flag.cg {
    height: 14px;
    background-position: -922px 0px
}

.iti-flag.ch {
    height: 15px;
    background-position: -944px 0px
}

.iti-flag.ci {
    height: 14px;
    background-position: -961px 0px
}

.iti-flag.ck {
    height: 10px;
    background-position: -983px 0px
}

.iti-flag.cl {
    height: 14px;
    background-position: -1005px 0px
}

.iti-flag.cm {
    height: 14px;
    background-position: -1027px 0px
}

.iti-flag.cn {
    height: 14px;
    background-position: -1049px 0px
}

.iti-flag.co {
    height: 14px;
    background-position: -1071px 0px
}

.iti-flag.cp {
    height: 14px;
    background-position: -1093px 0px
}

.iti-flag.cr {
    height: 12px;
    background-position: -1115px 0px
}

.iti-flag.cu {
    height: 10px;
    background-position: -1137px 0px
}

.iti-flag.cv {
    height: 12px;
    background-position: -1159px 0px
}

.iti-flag.cw {
    height: 14px;
    background-position: -1181px 0px
}

.iti-flag.cx {
    height: 10px;
    background-position: -1203px 0px
}

.iti-flag.cy {
    height: 13px;
    background-position: -1225px 0px
}

.iti-flag.cz {
    height: 14px;
    background-position: -1247px 0px
}

.iti-flag.de {
    height: 12px;
    background-position: -1269px 0px
}

.iti-flag.dg {
    height: 10px;
    background-position: -1291px 0px
}

.iti-flag.dj {
    height: 14px;
    background-position: -1313px 0px
}

.iti-flag.dk {
    height: 15px;
    background-position: -1335px 0px
}

.iti-flag.dm {
    height: 10px;
    background-position: -1357px 0px
}

.iti-flag.do {
    height: 13px;
    background-position: -1379px 0px
}

.iti-flag.dz {
    height: 14px;
    background-position: -1401px 0px
}

.iti-flag.ea {
    height: 14px;
    background-position: -1423px 0px
}

.iti-flag.ec {
    height: 14px;
    background-position: -1445px 0px
}

.iti-flag.ee {
    height: 13px;
    background-position: -1467px 0px
}

.iti-flag.eg {
    height: 14px;
    background-position: -1489px 0px
}

.iti-flag.eh {
    height: 10px;
    background-position: -1511px 0px
}

.iti-flag.er {
    height: 10px;
    background-position: -1533px 0px
}

.iti-flag.es {
    height: 14px;
    background-position: -1555px 0px
}

.iti-flag.et {
    height: 10px;
    background-position: -1577px 0px
}

.iti-flag.eu {
    height: 14px;
    background-position: -1599px 0px
}

.iti-flag.fi {
    height: 12px;
    background-position: -1621px 0px
}

.iti-flag.fj {
    height: 10px;
    background-position: -1643px 0px
}

.iti-flag.fk {
    height: 10px;
    background-position: -1665px 0px
}

.iti-flag.fm {
    height: 11px;
    background-position: -1687px 0px
}

.iti-flag.fo {
    height: 15px;
    background-position: -1709px 0px
}

.iti-flag.fr {
    height: 14px;
    background-position: -1731px 0px
}

.iti-flag.ga {
    height: 15px;
    background-position: -1753px 0px
}

.iti-flag.gb {
    height: 10px;
    background-position: -1775px 0px
}

.iti-flag.gd {
    height: 12px;
    background-position: -1797px 0px
}

.iti-flag.ge {
    height: 14px;
    background-position: -1819px 0px
}

.iti-flag.gf {
    height: 14px;
    background-position: -1841px 0px
}

.iti-flag.gg {
    height: 14px;
    background-position: -1863px 0px
}

.iti-flag.gh {
    height: 14px;
    background-position: -1885px 0px
}

.iti-flag.gi {
    height: 10px;
    background-position: -1907px 0px
}

.iti-flag.gl {
    height: 14px;
    background-position: -1929px 0px
}

.iti-flag.gm {
    height: 14px;
    background-position: -1951px 0px
}

.iti-flag.gn {
    height: 14px;
    background-position: -1973px 0px
}

.iti-flag.gp {
    height: 14px;
    background-position: -1995px 0px
}

.iti-flag.gq {
    height: 14px;
    background-position: -2017px 0px
}

.iti-flag.gr {
    height: 14px;
    background-position: -2039px 0px
}

.iti-flag.gs {
    height: 10px;
    background-position: -2061px 0px
}

.iti-flag.gt {
    height: 13px;
    background-position: -2083px 0px
}

.iti-flag.gu {
    height: 11px;
    background-position: -2105px 0px
}

.iti-flag.gw {
    height: 10px;
    background-position: -2127px 0px
}

.iti-flag.gy {
    height: 12px;
    background-position: -2149px 0px
}

.iti-flag.hk {
    height: 14px;
    background-position: -2171px 0px
}

.iti-flag.hm {
    height: 10px;
    background-position: -2193px 0px
}

.iti-flag.hn {
    height: 10px;
    background-position: -2215px 0px
}

.iti-flag.hr {
    height: 10px;
    background-position: -2237px 0px
}

.iti-flag.ht {
    height: 12px;
    background-position: -2259px 0px
}

.iti-flag.hu {
    height: 10px;
    background-position: -2281px 0px
}

.iti-flag.ic {
    height: 14px;
    background-position: -2303px 0px
}

.iti-flag.id {
    height: 14px;
    background-position: -2325px 0px
}

.iti-flag.ie {
    height: 10px;
    background-position: -2347px 0px
}

.iti-flag.il {
    height: 15px;
    background-position: -2369px 0px
}

.iti-flag.im {
    height: 10px;
    background-position: -2391px 0px
}

.iti-flag.in {
    height: 14px;
    background-position: -2413px 0px
}

.iti-flag.io {
    height: 10px;
    background-position: -2435px 0px
}

.iti-flag.iq {
    height: 14px;
    background-position: -2457px 0px
}

.iti-flag.ir {
    height: 12px;
    background-position: -2479px 0px
}

.iti-flag.is {
    height: 15px;
    background-position: -2501px 0px
}

.iti-flag.it {
    height: 14px;
    background-position: -2523px 0px
}

.iti-flag.je {
    height: 12px;
    background-position: -2545px 0px
}

.iti-flag.jm {
    height: 10px;
    background-position: -2567px 0px
}

.iti-flag.jo {
    height: 10px;
    background-position: -2589px 0px
}

.iti-flag.jp {
    height: 14px;
    background-position: -2611px 0px
}

.iti-flag.ke {
    height: 14px;
    background-position: -2633px 0px
}

.iti-flag.kg {
    height: 12px;
    background-position: -2655px 0px
}

.iti-flag.kh {
    height: 13px;
    background-position: -2677px 0px
}

.iti-flag.ki {
    height: 10px;
    background-position: -2699px 0px
}

.iti-flag.km {
    height: 12px;
    background-position: -2721px 0px
}

.iti-flag.kn {
    height: 14px;
    background-position: -2743px 0px
}

.iti-flag.kp {
    height: 10px;
    background-position: -2765px 0px
}

.iti-flag.kr {
    height: 14px;
    background-position: -2787px 0px
}

.iti-flag.kw {
    height: 10px;
    background-position: -2809px 0px
}

.iti-flag.ky {
    height: 10px;
    background-position: -2831px 0px
}

.iti-flag.kz {
    height: 10px;
    background-position: -2853px 0px
}

.iti-flag.la {
    height: 14px;
    background-position: -2875px 0px
}

.iti-flag.lb {
    height: 14px;
    background-position: -2897px 0px
}

.iti-flag.lc {
    height: 10px;
    background-position: -2919px 0px
}

.iti-flag.li {
    height: 12px;
    background-position: -2941px 0px
}

.iti-flag.lk {
    height: 10px;
    background-position: -2963px 0px
}

.iti-flag.lr {
    height: 11px;
    background-position: -2985px 0px
}

.iti-flag.ls {
    height: 14px;
    background-position: -3007px 0px
}

.iti-flag.lt {
    height: 12px;
    background-position: -3029px 0px
}

.iti-flag.lu {
    height: 12px;
    background-position: -3051px 0px
}

.iti-flag.lv {
    height: 10px;
    background-position: -3073px 0px
}

.iti-flag.ly {
    height: 10px;
    background-position: -3095px 0px
}

.iti-flag.ma {
    height: 14px;
    background-position: -3117px 0px
}

.iti-flag.mc {
    height: 15px;
    background-position: -3139px 0px
}

.iti-flag.md {
    height: 10px;
    background-position: -3160px 0px
}

.iti-flag.me {
    height: 10px;
    background-position: -3182px 0px
}

.iti-flag.mf {
    height: 14px;
    background-position: -3204px 0px
}

.iti-flag.mg {
    height: 14px;
    background-position: -3226px 0px
}

.iti-flag.mh {
    height: 11px;
    background-position: -3248px 0px
}

.iti-flag.mk {
    height: 10px;
    background-position: -3270px 0px
}

.iti-flag.ml {
    height: 14px;
    background-position: -3292px 0px
}

.iti-flag.mm {
    height: 14px;
    background-position: -3314px 0px
}

.iti-flag.mn {
    height: 10px;
    background-position: -3336px 0px
}

.iti-flag.mo {
    height: 14px;
    background-position: -3358px 0px
}

.iti-flag.mp {
    height: 10px;
    background-position: -3380px 0px
}

.iti-flag.mq {
    height: 14px;
    background-position: -3402px 0px
}

.iti-flag.mr {
    height: 14px;
    background-position: -3424px 0px
}

.iti-flag.ms {
    height: 10px;
    background-position: -3446px 0px
}

.iti-flag.mt {
    height: 14px;
    background-position: -3468px 0px
}

.iti-flag.mu {
    height: 14px;
    background-position: -3490px 0px
}

.iti-flag.mv {
    height: 14px;
    background-position: -3512px 0px
}

.iti-flag.mw {
    height: 14px;
    background-position: -3534px 0px
}

.iti-flag.mx {
    height: 12px;
    background-position: -3556px 0px
}

.iti-flag.my {
    height: 10px;
    background-position: -3578px 0px
}

.iti-flag.mz {
    height: 14px;
    background-position: -3600px 0px
}

.iti-flag.na {
    height: 14px;
    background-position: -3622px 0px
}

.iti-flag.nc {
    height: 10px;
    background-position: -3644px 0px
}

.iti-flag.ne {
    height: 15px;
    background-position: -3666px 0px
}

.iti-flag.nf {
    height: 10px;
    background-position: -3686px 0px
}

.iti-flag.ng {
    height: 10px;
    background-position: -3708px 0px
}

.iti-flag.ni {
    height: 12px;
    background-position: -3730px 0px
}

.iti-flag.nl {
    height: 14px;
    background-position: -3752px 0px
}

.iti-flag.no {
    height: 15px;
    background-position: -3774px 0px
}

.iti-flag.np {
    height: 15px;
    background-position: -3796px 0px
}

.iti-flag.nr {
    height: 10px;
    background-position: -3811px 0px
}

.iti-flag.nu {
    height: 10px;
    background-position: -3833px 0px
}

.iti-flag.nz {
    height: 10px;
    background-position: -3855px 0px
}

.iti-flag.om {
    height: 10px;
    background-position: -3877px 0px
}

.iti-flag.pa {
    height: 14px;
    background-position: -3899px 0px
}

.iti-flag.pe {
    height: 14px;
    background-position: -3921px 0px
}

.iti-flag.pf {
    height: 14px;
    background-position: -3943px 0px
}

.iti-flag.pg {
    height: 15px;
    background-position: -3965px 0px
}

.iti-flag.ph {
    height: 10px;
    background-position: -3987px 0px
}

.iti-flag.pk {
    height: 14px;
    background-position: -4009px 0px
}

.iti-flag.pl {
    height: 13px;
    background-position: -4031px 0px
}

.iti-flag.pm {
    height: 14px;
    background-position: -4053px 0px
}

.iti-flag.pn {
    height: 10px;
    background-position: -4075px 0px
}

.iti-flag.pr {
    height: 14px;
    background-position: -4097px 0px
}

.iti-flag.ps {
    height: 10px;
    background-position: -4119px 0px
}

.iti-flag.pt {
    height: 14px;
    background-position: -4141px 0px
}

.iti-flag.pw {
    height: 13px;
    background-position: -4163px 0px
}

.iti-flag.py {
    height: 11px;
    background-position: -4185px 0px
}

.iti-flag.qa {
    height: 8px;
    background-position: -4207px 0px
}

.iti-flag.re {
    height: 14px;
    background-position: -4229px 0px
}

.iti-flag.ro {
    height: 14px;
    background-position: -4251px 0px
}

.iti-flag.rs {
    height: 14px;
    background-position: -4273px 0px
}

.iti-flag.ru {
    height: 14px;
    background-position: -4295px 0px
}

.iti-flag.rw {
    height: 14px;
    background-position: -4317px 0px
}

.iti-flag.sa {
    height: 14px;
    background-position: -4339px 0px
}

.iti-flag.sb {
    height: 10px;
    background-position: -4361px 0px
}

.iti-flag.sc {
    height: 10px;
    background-position: -4383px 0px
}

.iti-flag.sd {
    height: 10px;
    background-position: -4405px 0px
}

.iti-flag.se {
    height: 13px;
    background-position: -4427px 0px
}

.iti-flag.sg {
    height: 14px;
    background-position: -4449px 0px
}

.iti-flag.sh {
    height: 10px;
    background-position: -4471px 0px
}

.iti-flag.si {
    height: 10px;
    background-position: -4493px 0px
}

.iti-flag.sj {
    height: 15px;
    background-position: -4515px 0px
}

.iti-flag.sk {
    height: 14px;
    background-position: -4537px 0px
}

.iti-flag.sl {
    height: 14px;
    background-position: -4559px 0px
}

.iti-flag.sm {
    height: 15px;
    background-position: -4581px 0px
}

.iti-flag.sn {
    height: 14px;
    background-position: -4603px 0px
}

.iti-flag.so {
    height: 14px;
    background-position: -4625px 0px
}

.iti-flag.sr {
    height: 14px;
    background-position: -4647px 0px
}

.iti-flag.ss {
    height: 10px;
    background-position: -4669px 0px
}

.iti-flag.st {
    height: 10px;
    background-position: -4691px 0px
}

.iti-flag.sv {
    height: 12px;
    background-position: -4713px 0px
}

.iti-flag.sx {
    height: 14px;
    background-position: -4735px 0px
}

.iti-flag.sy {
    height: 14px;
    background-position: -4757px 0px
}

.iti-flag.sz {
    height: 14px;
    background-position: -4779px 0px
}

.iti-flag.ta {
    height: 10px;
    background-position: -4801px 0px
}

.iti-flag.tc {
    height: 10px;
    background-position: -4823px 0px
}

.iti-flag.td {
    height: 14px;
    background-position: -4845px 0px
}

.iti-flag.tf {
    height: 14px;
    background-position: -4867px 0px
}

.iti-flag.tg {
    height: 13px;
    background-position: -4889px 0px
}

.iti-flag.th {
    height: 14px;
    background-position: -4911px 0px
}

.iti-flag.tj {
    height: 10px;
    background-position: -4933px 0px
}

.iti-flag.tk {
    height: 10px;
    background-position: -4955px 0px
}

.iti-flag.tl {
    height: 10px;
    background-position: -4977px 0px
}

.iti-flag.tm {
    height: 14px;
    background-position: -4999px 0px
}

.iti-flag.tn {
    height: 14px;
    background-position: -5021px 0px
}

.iti-flag.to {
    height: 10px;
    background-position: -5043px 0px
}

.iti-flag.tr {
    height: 14px;
    background-position: -5065px 0px
}

.iti-flag.tt {
    height: 12px;
    background-position: -5087px 0px
}

.iti-flag.tv {
    height: 10px;
    background-position: -5109px 0px
}

.iti-flag.tw {
    height: 14px;
    background-position: -5131px 0px
}

.iti-flag.tz {
    height: 14px;
    background-position: -5153px 0px
}

.iti-flag.ua {
    height: 14px;
    background-position: -5175px 0px
}

.iti-flag.ug {
    height: 14px;
    background-position: -5197px 0px
}

.iti-flag.um {
    height: 11px;
    background-position: -5219px 0px
}

.iti-flag.us {
    height: 11px;
    background-position: -5241px 0px
}

.iti-flag.uy {
    height: 14px;
    background-position: -5263px 0px
}

.iti-flag.uz {
    height: 10px;
    background-position: -5285px 0px
}

.iti-flag.va {
    height: 15px;
    background-position: -5307px 0px
}

.iti-flag.vc {
    height: 14px;
    background-position: -5324px 0px
}

.iti-flag.ve {
    height: 14px;
    background-position: -5346px 0px
}

.iti-flag.vg {
    height: 10px;
    background-position: -5368px 0px
}

.iti-flag.vi {
    height: 14px;
    background-position: -5390px 0px
}

.iti-flag.vn {
    height: 14px;
    background-position: -5412px 0px
}

.iti-flag.vu {
    height: 12px;
    background-position: -5434px 0px
}

.iti-flag.wf {
    height: 14px;
    background-position: -5456px 0px
}

.iti-flag.ws {
    height: 10px;
    background-position: -5478px 0px
}

.iti-flag.xk {
    height: 15px;
    background-position: -5500px 0px
}

.iti-flag.ye {
    height: 14px;
    background-position: -5522px 0px
}

.iti-flag.yt {
    height: 14px;
    background-position: -5544px 0px
}

.iti-flag.za {
    height: 14px;
    background-position: -5566px 0px
}

.iti-flag.zm {
    height: 14px;
    background-position: -5588px 0px
}

.iti-flag.zw {
    height: 10px;
    background-position: -5610px 0px
}

.iti-flag {
    width: 20px;
    height: 15px;
    box-shadow: 0px 0px 1px 0px #888;
    background-image: url("/static/img/flags.png");
    background-repeat: no-repeat;
    background-color: #DBDBDB;
    background-position: 20px 0
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .iti-flag {
        background-image: url("/static/img/flags@2x.png")
    }
}

.iti-flag.np {
    background-color: transparent
}

body.is-embed {
    overflow-y: hidden;
    overflow-x: auto;
    min-width: 200px
}

body.calendar-embed {
    background-color: #fff
}

.embed-calendar-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 6px 10px;
    border-bottom: 1px solid #d1d6db
}

.embed-calendar-header .embed-calendar-heading {
    margin-left: -10px;
    color: #fff;
    font-weight: bold;
    background-color: #1f2428;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    white-space: nowrap
}

.calendar-wrap.-small .embed-calendar-header .embed-calendar-heading {
    padding: 4px 14px 4px 10px;
    font-size: 16px
}

.calendar-wrap.-large .embed-calendar-header .embed-calendar-heading {
    padding: 6px 15px 6px 15px;
    font-size: 18px
}

.embed-calendar-header .embed-calendar-live-ava {
    margin-left: auto;
    padding-left: 10px;
    color: #1D875A;
    text-align: right
}

.calendar-wrap.-small .embed-calendar-header .embed-calendar-live-ava {
    font-size: 15px
}

.calendar-wrap.-large .embed-calendar-header .embed-calendar-live-ava {
    font-size: 16px
}

.embed-calendar-header .embed-calendar-live-ava svg {
    width: 12px;
    height: 12px
}

.embed-auth-shade {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100000;
    background-color: rgba(255, 255, 255, 0.7)
}

.embed-auth-shade:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: -20px;
    left: 0;
    height: 150px;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%)
}

.embed-auth-note {
    position: fixed;
    top: 30px;
    right: 30px;
    left: 30px;
    z-index: 100001;
    background-color: #fff;
    box-shadow: 0 4px 13px -4px rgba(0, 0, 0, 0.6);
    border-radius: 3px
}

@media only screen and (min-width: 680px) {
    .embed-auth-note {
        padding: 25px
    }
}

@media only screen and (max-width: 679px) {
    .embed-auth-note {
        padding: 15px
    }
}

.embed-auth-note h2 {
    font-size: 15px;
    font-weight: bold
}

.embed-auth-note .embed-auth-learn-more a {
    color: #0a6ece;
    font-weight: bold
}

.embed-auth-note .embed-auth-learn-more a:hover {
    text-decoration: underline
}

html.translated-rtl body.book-embed, html.translated-ltr body.book-embed {
    top: 0 !important;
    padding-top: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (min-width: 680px) {
    .book-embed-content-wrap {
        padding: 18px 15px 10px 15px
    }
}

@media only screen and (max-width: 679px) {
    .book-embed-content-wrap {
        padding: 18px 25px 10px 25px
    }
}

.book-embed-logout {
    margin-top: 20px
}

@media only screen and (min-width: 680px) {
    .book-embed-wrap {
        max-width: 980px;
        margin-right: auto;
        margin-left: auto
    }
}

body.is-lightframe .anon-book-wrap, body.is-lightframe .item-by-date-wrap, body.is-embedded-book-embed .anon-book-wrap, body.is-embedded-book-embed .item-by-date-wrap, body.is-direct-access-book-embed .anon-book-wrap, body.is-direct-access-book-embed .item-by-date-wrap {
    padding: 0
}

body.is-lightframe .unbookable-page, body.is-embedded-book-embed .unbookable-page, body.is-direct-access-book-embed .unbookable-page {
    margin-top: 0;
    margin-bottom: 0
}

@media only screen and (min-width: 680px) {
    body.is-lightframe .book-embed-wrap {
        padding: 30px 15px 30px 15px
    }
}

body.is-embedded-book-embed .book-embed-wrap {
    padding-bottom: 20px
}

@media only screen and (min-width: 680px) {
    body.is-direct-access-book-embed .book-embed-wrap {
        padding: 30px 15px 30px 15px
    }
}

.book-embed-simple-retail-item {
    max-width: 525px;
    margin: 0 auto
}

.book-embed-container {
    background-color: #fff
}

@media only screen and (min-width: 680px) {
    .book-embed-container {
        border: 1px solid #d1d6db;
        border-radius: 7px
    }
}

body.is-lightframe .book-embed-container, .flow-node-preview .book-embed-container {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.17);
    border: 1px solid #afb8c0
}

@media only screen and (max-width: 679px) {
    body.is-lightframe .book-embed-container, .flow-node-preview .book-embed-container {
        margin: 10px;
        border-radius: 7px
    }
}

body.is-embedded-book-embed {
    padding: 10px;
    min-height: auto !important;
    overflow: hidden
}

@media only screen and (min-width: 680px) {
    body.is-direct-access-book-embed {
        background-color: #f9fafb
    }
}

.item-hygiene-notes {
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid #5600da;
    border-radius: 6px
}

.item-hygiene-notes .item-hygiene-header {
    margin-bottom: 15px;
    font-weight: bold;
    color: #5600da
}

.book-embed-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width: 679px) {
    .book-embed-nav {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.book-embed-nav.with-padding {
    padding: 12px
}

@media only screen and (max-width: 679px) {
    .book-embed-nav.with-padding {
        padding-bottom: 8px
    }
}

.book-embed-nav .ben-left, .book-embed-nav .ben-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.book-embed-nav .ben-left {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.book-embed-nav .ben-left .ben-item {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 5px
}

@media only screen and (max-width: 679px) {
    .book-embed-nav .ben-left .ben-item {
        margin-bottom: 4px
    }
}

.book-embed-nav .ben-right {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: auto
}

.book-embed-nav .ben-right .ben-item {
    margin-left: 5px
}

.ben-item {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 6px;
    font-size: 14px
}

@media only screen and (min-width: 680px) {
    .ben-item {
        padding: 8px 12px
    }
}

@media only screen and (max-width: 679px) {
    .ben-item {
        padding: 6px 8px
    }
}

.ben-item svg {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.ben-item svg:not(.icon-x) {
    margin-right: 6px
}

.ben-item.with-flyout::after {
    transform: none;
    content: '';
    display: inline-block;
    transition: transform 0.15s ease-in-out;
    border-style: solid;
    border-color: transparent;
    border-width: 5px 3.5px 0 3.5px;
    border-top-color: currentColor;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    margin-left: 6px;
    pointer-events: none
}

@supports (mask-type:inherit) {
    .ben-item.with-flyout::after {
        width: 7px;
        height: 5px;
        background-color: currentColor;
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%207%204.88%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M.3%200C0%200-.1.2.1.44l3.1%204.26a.37.37%200%200%200%20.64%200L6.9.44C7.1.2%207%200%206.7%200z%22%2F%3E%3C%2Fsvg%3E");
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        mask-size: 7px 5px;
        border: 0
    }
}

.ben-item.ben-cart-button {
    color: #fff;
    background-color: #0a6ece
}

@media only screen and (hover: hover) {
    .ben-item.ben-cart-button:hover {
        background-color: #005db7
    }
}

.ben-item.ben-cart-button.focus-visible {
    background-color: #005db7
}

.ben-item.ben-cart-button.toggled, .ben-item.ben-cart-button.current, .ben-item.ben-cart-button[aria-expanded="true"] {
    background-color: #005db7
}

.ben-item.ben-cart-button svg {
    width: 22px;
    height: 18px
}

.ben-item.ben-secure-button svg {
    bottom: 1px
}

.ben-item.ben-translate-button {
    font-size: 13px
}

.ben-item.ben-hygiene-button {
    color: #5600da;
    background-color: #f0e6ff
}

@media only screen and (hover: hover) {
    .ben-item.ben-hygiene-button:hover {
        background-color: #e4d2ff
    }
}

.ben-item.ben-hygiene-button.focus-visible {
    background-color: #e4d2ff
}

.ben-item.ben-hygiene-button.toggled, .ben-item.ben-hygiene-button.current, .ben-item.ben-hygiene-button[aria-expanded="true"] {
    background-color: #e4d2ff
}

button.ben-item {
    cursor: pointer
}

@media only screen and (hover: hover) {
    button.ben-item:hover {
        background-color: #e7ebef
    }
}

button.ben-item.focus-visible {
    background-color: #e7ebef
}

button.ben-item.toggled, button.ben-item.current, button.ben-item[aria-expanded="true"] {
    background-color: #e7ebef
}

@media only screen and (min-width: 680px) {
    .ben-flyout-wrap {
        position: relative
    }
}

.ben-flyout {
    z-index: 1006;
    margin-top: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 4px 29px 3px rgba(0, 0, 0, 0.4)
}

.ben-flyout:not(.ben-flyout--inline) {
    position: absolute
}

.ben-flyout.ben-flyout--inline {
    position: relative
}

.ben-flyout.ben-flyout--no-padding {
    padding: 0
}

@media only screen and (min-width: 680px) {
    .ben-flyout:after {
        content: '';
        display: inline-block;
        height: 0;
        width: 0;
        border-style: solid;
        border-color: transparent;
        border-width: 0 10px 10px 10px;
        border-bottom-color: #fff;
        position: absolute;
        bottom: 100%;
        margin-left: -10px;
        pointer-events: none
    }
}

.ben-flyout--left {
    margin-bottom: 20px
}

@media only screen and (min-width: 680px) {
    .ben-flyout--left {
        left: -5px
    }
}

@media only screen and (max-width: 679px) {
    .ben-flyout--left {
        left: 10px;
        right: 50px
    }
}

.ben-flyout--left:after {
    left: 20px
}

.ben-flyout--right {
    margin-bottom: 20px
}

@media only screen and (min-width: 680px) {
    .ben-flyout--right {
        right: -5px
    }
}

@media only screen and (max-width: 679px) {
    .ben-flyout--right {
        right: 10px;
        left: 50px
    }
}

.ben-flyout--right:after {
    right: 14px
}

@media only screen and (min-width: 680px) {
    .secure-flyout {
        min-width: 290px
    }
}

@media only screen and (min-width: 680px) {
    .hygiene-flyout {
        min-width: 290px;
        max-width: 350px;
        min-height: 80px
    }
}

.hygiene-flyout .hygiene-flyout-logo {
    display: block;
    height: auto;
    max-width: calc(100% - 30px);
    max-height: 50px;
    margin-bottom: 15px
}

.hygiene-flyout-close {
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
    cursor: pointer;
    line-height: 0;
    padding: 4px
}

.hygiene-flyout-close svg {
    width: 11px;
    height: 11px
}

.leave-flyout {
    text-align: center
}

@media only screen and (min-width: 680px) {
    .leave-flyout {
        min-width: 354px
    }
}

.leave-flyout h2 {
    padding-bottom: 5px;
    font-size: 19px
}

.leave-flyout p {
    color: #697886;
    padding-bottom: 10px
}

@media only screen and (min-width: 680px) {
    .ben-translate-toggle {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.translation-language-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 2px;
    margin-bottom: 6px;
    border-bottom: 1px solid #e0e3e6
}

.translation-language-list > li {
    margin-bottom: 4px
}

.translation-language-list > li:not(:last-child) {
    margin-right: 4px
}

.translation-language-list > li > a, .translation-language-list > li button {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 6px 10px;
    border-radius: 3px;
    font-size: 13px
}

.translation-language-list > li > a.current, .translation-language-list > li button.current {
    background-color: #0a6ece;
    color: #fff
}

@media only screen and (hover: hover) {
    .translation-language-list > li > a:not(.current):hover, .translation-language-list > li button:not(.current):hover {
        background-color: #e7ebef
    }
}

.translation-language-list > li > a.focus-visible:not(.current), .translation-language-list > li button.focus-visible:not(.current) {
    background-color: #e7ebef
}

@media only screen and (min-width: 680px) {
    .book-embed-footer {
        padding: 20px 40px 25px 28px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .book-embed-footer .book-embed-footer-left {
        padding-right: 40px
    }

    .book-embed-footer .book-embed-footer-right {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-left: auto
    }
}

@media only screen and (max-width: 679px) {
    .book-embed-footer {
        margin-top: 15px;
        padding-top: 16px;
        padding-right: 17px;
        padding-bottom: 35px;
        padding-left: 17px;
        border-top: 1px solid #d1d6db
    }
}

.book-embed-footer-contact li {
    display: inline
}

.book-embed-footer-contact li a {
    border-bottom: 1px solid
}

.book-embed-fine-print {
    margin-top: 5px
}

@media only screen and (min-width: 680px) {
    .book-embed-fine-print {
        padding-left: 12px
    }
}

@media only screen and (max-width: 679px) {
    .book-embed-fine-print {
        padding-left: 8px
    }
}

@media only screen and (min-width: 680px) {
    .book-embed-powered-by-fh {
        margin-right: -12px;
        margin-bottom: -12px
    }
}

@media only screen and (max-width: 679px) {
    .book-embed-powered-by-fh {
        margin-top: 12px
    }
}

.search-by-date-page {
    position: relative
}

@media only screen and (min-width: 680px) {
    .sbd-calendar-shim {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 330px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-right: 1px solid #e0e3e6
    }

    .sbd-calendar-wrap {
        float: left;
        width: 330px
    }

    .sbd-calendar {
        width: 330px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

@media only screen and (min-width: 680px) {
    .sbd-calendar-inner {
        padding: 25px
    }
}

@media only screen and (max-width: 679px) {
    .sbd-calendar-inner {
        padding-top: 25px;
        padding-right: 25px;
        padding-bottom: 25px;
        padding-left: 25px
    }
}

.sbd-content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (min-width: 680px) {
    .sbd-content {
        float: right;
        width: calc(100% - 330px);
        width: -webkit-calc(100% - 330px)
    }
}

@media only screen and (max-width: 679px) {
    .sbd-content {
        border-top: 1px solid #e0e3e6
    }
}

.search-by-date-nav {
    position: relative;
    background-color: #fff;
    border-bottom: 1px solid #e0e3e6
}

@media only screen {
    @supports (position:sticky) {
        .search-by-date-nav {
            position: -webkit-sticky !important;
            position: sticky !important;
            z-index: 99;
            top: 0
        }
    }
}

.search-by-date-prev, .search-by-date-next {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 80px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #697886
}

.search-by-date-prev svg, .search-by-date-next svg {
    height: 16px;
    width: auto
}

.search-by-date-prev:hover, .search-by-date-next:hover {
    background-color: #e7ebef
}

.search-by-date-prev {
    left: 0
}

.search-by-date-next {
    right: 0
}

.search-by-date-nav-current {
    padding-top: 20px;
    padding-right: 85px;
    padding-bottom: 20px;
    padding-left: 85px;
    font-size: 19px;
    text-align: center
}

.search-by-date-content {
    padding: 30px
}

.search-item:not(:last-of-type) {
    border-bottom: 1px solid #e0e3e6
}

@media only screen and (min-width: 680px) {
    .search-item {
        padding-top: 30px;
        padding-right: 30px;
        padding-bottom: 30px;
        padding-left: 35px
    }
}

@media only screen and (max-width: 679px) {
    .search-item {
        padding: 25px
    }
}

.search-item-name {
    font-size: 26px;
    line-height: 1.1;
    font-weight: bold;
    letter-spacing: normal
}

.search-item-meta {
    font-size: 14px
}

.search-item-meta .badge {
    margin-right: 3px
}

.search-item-ava-loading {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 42px;
    padding-top: 8px;
    padding-right: 20px;
    padding-bottom: 8px;
    padding-left: 12px;
    border: 1px solid #e0e3e6;
    border-radius: 5px
}

.search-item-avas {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.search-item-avas li {
    margin: 0 5px 5px 0
}

.search-item-avas li .cal-block {
    margin: 0
}

@media only screen and (max-width: 679px) {
    @supports (display:grid) {
        .search-item-avas {
            display: grid;
            grid-template-columns:repeat(auto-fill, minmax(180px, 1fr));
            grid-gap: 5px
        }

        .search-item-avas li {
            margin: 0
        }
    }
}

.item-images-row-wrap {
    position: relative
}

.item-images-row-wrap::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 50px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 100%);
    pointer-events: none
}

.item-images-row {
    overflow: hidden;
    white-space: nowrap;
    line-height: 0
}

.item-images-row li {
    display: inline-block;
    padding-right: 10px
}

.item-images-row li button {
    overflow: hidden;
    border-radius: 3px;
    background-color: #e8ebed;
    line-height: 0;
    cursor: zoom-in;
    min-width: 100px
}

@media only screen and (min-width: 680px) {
    .item-images-row li button {
        min-height: 120px
    }
}

@media only screen and (max-width: 679px) {
    .item-images-row li button {
        min-height: 17vw
    }
}

.item-images-row li img {
    width: auto
}

@media only screen and (min-width: 680px) {
    .item-images-row li img {
        height: 120px
    }
}

@media only screen and (max-width: 679px) {
    .item-images-row li img {
        height: 17vw
    }
}

.search-item-expand {
    margin-top: -10px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    margin-left: -10px;
    padding-right: 10px;
    cursor: pointer;
    font-size: 15px
}

.search-item-expand .icon-paragrph {
    margin-right: 3px
}

.search-item-expand .icon-chevron {
    height: 10px
}

.bei-page {
    position: relative
}

@media only screen and (min-width: 680px) {
    .bei-calendar-shim {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 330px;
        border-left: 1px solid #e0e3e6
    }

    .bei-calendar-wrap {
        float: right;
        width: 330px
    }

    .bei-calendar {
        width: 330px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

@media only screen and (min-width: 680px) {
    .bei-calendar-inner {
        padding: 25px
    }
}

@media only screen and (max-width: 679px) {
    .bei-calendar-inner {
        padding-top: 25px;
        padding-right: 25px;
        padding-bottom: 25px;
        padding-left: 25px
    }
}

.bei-calendar-inner.with-top-border {
    border-top: 1px solid #e0e3e6
}

.book-online-cta {
    position: relative;
    background-color: #f1f2f4;
    font-size: 14px
}

@media only screen and (min-width: 680px) {
    .book-online-cta {
        padding-top: 15px;
        padding-right: 25px;
        padding-bottom: 20px;
        padding-left: 25px
    }
}

@media only screen and (max-width: 679px) {
    .book-online-cta {
        padding-top: 10px;
        padding-right: 25px;
        padding-bottom: 15px;
        padding-left: 25px
    }
}

.book-online-cta svg {
    width: 15px;
    height: 15px;
    margin-right: 5px;
    color: #0a6ece
}

.book-online-cta ul > li {
    padding-top: 6px
}

.book-online-cta h2 {
    font-size: 17px;
    font-weight: bold;
    padding-bottom: 3px
}

.bei-content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (min-width: 680px) {
    .bei-content {
        float: left;
        width: calc(100% - 330px);
        width: -webkit-calc(100% - 330px);
        padding: 40px
    }
}

@media only screen and (max-width: 679px) {
    .bei-content {
        padding: 25px;
        border-top: 1px solid #e0e3e6
    }
}

@media only screen and (min-width: 680px) {
    .bei-content--header {
        margin-bottom: 25px
    }
}

@media only screen and (max-width: 679px) {
    .bei-content--header {
        padding: 25px 25px
    }
}

.bei-content--header .item-name {
    font-size: 30px;
    line-height: 1;
    font-weight: bold
}

.bei-content--header .item-headline {
    padding-top: 10px;
    font-size: 14px
}

.bei-content--images {
    margin-bottom: 25px
}

.bei-content--images .item-image-single img {
    max-width: 100%;
    height: auto
}

@media only screen and (min-width: 680px) {
    .bei-full-calendar-wrap {
        padding: 25px 40px 35px 40px
    }
}

@media only screen and (max-width: 679px) {
    .bei-full-calendar-wrap {
        padding: 25px
    }
}

.item-prices-preview {
    margin-top: 25px;
    margin-bottom: 25px
}

.item-prices-preview tr {
    vertical-align: top
}

.item-prices-preview .item-prices-preview-badge {
    padding-bottom: 5px;
    text-align: right
}

.item-prices-preview .item-prices-preview-customer {
    padding-bottom: 5px;
    padding-left: 9px
}

.item-prices-preview .item-prices-preview-note {
    margin-left: 3px
}

.item-prices-preview .item-prices-preview-reference {
    margin-top: 10px;
    font-size: 12px;
    color: #697886
}

.book-form-header .item-prices-preview .item-prices-preview-reference {
    display: none
}

.item-rating-nudge {
    display: inline-block;
    margin-right: 25px;
    font-size: 16px;
    -webkit-animation-name: nudge-fade-in;
    animation-name: nudge-fade-in;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease
}

@-webkit-keyframes nudge-fade-in {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes nudge-fade-in {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.item-rating-nudge:nth-child(1) {
    -moz-animation-delay: 0.75s;
    -webkit-animation-delay: 0.75s;
    -ms-animation-delay: 0.75s;
    -o-animation-delay: 0.75s;
    animation-delay: 0.75s
}

.item-rating-nudge:nth-child(2) {
    -moz-animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
    -ms-animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
    animation-delay: 1.5s
}

.item-rating-nudge:nth-child(3) {
    -moz-animation-delay: 2.25s;
    -webkit-animation-delay: 2.25s;
    -ms-animation-delay: 2.25s;
    -o-animation-delay: 2.25s;
    animation-delay: 2.25s
}

.item-rating-nudge:nth-child(4) {
    -moz-animation-delay: 3s;
    -webkit-animation-delay: 3s;
    -ms-animation-delay: 3s;
    -o-animation-delay: 3s;
    animation-delay: 3s
}

.item-rating-nudge:nth-child(5) {
    -moz-animation-delay: 3.75s;
    -webkit-animation-delay: 3.75s;
    -ms-animation-delay: 3.75s;
    -o-animation-delay: 3.75s;
    animation-delay: 3.75s
}

.item-rating-nudge .item-rating-nudge-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: middle;
    margin-right: 4px;
    padding: 4px;
    border-radius: 2px;
    background: #999999;
    fill: white
}

.item-rating-nudge .item-rating-nudge-text {
    display: inline-block;
    vertical-align: middle;
    color: #768593;
    -webkit-animation-duration: inherit;
    animation-duration: inherit;
    -moz-animation-delay: inherit;
    -webkit-animation-delay: inherit;
    -ms-animation-delay: inherit;
    -o-animation-delay: inherit;
    animation-delay: inherit
}

.item-rating-nudge--blue .item-rating-nudge-icon {
    background-color: #12a7e0
}

.item-rating-nudge--green .item-rating-nudge-icon {
    background-color: #11bf5a
}

.item-rating-nudge--orange .item-rating-nudge-icon {
    background-color: #ffad33
}

.item-rating-nudge-container.with-top-margin .item-rating-nudge {
    margin-top: 15px
}

.item-rating-nudge-container.with-bottom-margin .item-rating-nudge {
    margin-bottom: 15px
}

.queuing-header-wrapper {
    padding: 10px;
    border-bottom: 1px solid #e0e3e6
}

.company-profile-queuing-header .queuing-header-wrapper {
    padding: 0;
    border-bottom-width: 0;
    margin-top: 25px
}

.queuing-header {
    padding: 15px 20px;
    background-color: #f9f4e3;
    border-radius: 4px
}

@media only screen and (min-width: 680px) {
    .queuing-header {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.company-profile-queuing-header .queuing-header {
    border: 1px solid #e0e3e6
}

@media only screen and (min-width: 680px) {
    .queuing-header-content {
        width: 60%
    }
}

@media only screen and (max-width: 679px) {
    .queuing-header-tokens {
        margin-top: 15px
    }
}

@media only screen and (min-width: 680px) {
    .queuing-header-tokens {
        width: 40%;
        text-align: right
    }
}

.queued-item-banner {
    margin-bottom: 20px;
    padding: 15px;
    background-color: #f9f4e3;
    border-radius: 4px
}

@media only screen and (min-width: 680px) {
    .queued-item-banner {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.cart-entry-wrap .queued-item-banner {
    margin-bottom: 0
}

.bei-content--header .queued-item-banner {
    margin-top: 15px;
    margin-bottom: 0
}

@media only screen and (min-width: 680px) {
    .item-by-date-wrap .queued-item-banner {
        margin: 25px 50px
    }
}

@media only screen and (max-width: 679px) {
    .item-by-date-wrap .queued-item-banner {
        margin: 10px 10px 0
    }
}

@media only screen and (min-width: 680px) {
    .queued-item-banner .prose, .queued-item-banner .hint {
        margin-right: 20px
    }
}

@media only screen and (max-width: 679px) {
    .queued-item-banner .prose, .queued-item-banner .hint {
        margin-bottom: 10px
    }
}

@media only screen and (max-width: 679px) {
    .book-form-queued {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.icon-user {
    display: inline-block;
    width: 15px;
    height: 13px;
    background-position: -18px -162px;
    margin-bottom: -2px
}

.icon-user.empty {
    background-position: -79px -212px
}

.icon-user-small {
    display: inline-block;
    width: 11px;
    height: 10px;
    background-position: -79px -227px
}

.icon-user-small.empty {
    background-position: -79px -238px
}

.ava-is-booked .icon-user, .ava-is-bookable .icon-user {
    background-position: -36px -162px
}

.ava-is-booked .icon-user.empty, .ava-is-bookable .icon-user.empty {
    background-position: -97px -212px
}

.ava-is-booked .icon-user-small, .ava-is-bookable .icon-user-small {
    background-position: -92px -227px
}

.ava-is-booked .icon-user-small.empty, .ava-is-bookable .icon-user-small.empty {
    background-position: -92px -238px
}

.ava-is-overbooked .icon-user, .ava-is-unbookable .icon-user {
    background-position: -72px -162px
}

.ava-is-overbooked .icon-user.empty, .ava-is-unbookable .icon-user.empty {
    background-position: -133px -212px
}

.ava-is-overbooked .icon-user-small, .ava-is-unbookable .icon-user-small {
    background-position: -118px -227px
}

.ava-is-overbooked .icon-user-small.empty, .ava-is-unbookable .icon-user-small.empty {
    background-position: -118px -238px
}

.ava-is-full .icon-user {
    background-position: -144px -228px
}

.ava-is-full .icon-user.empty {
    background-position: -61px -212px
}

.ava-is-full .icon-user-small {
    background-position: -66px -227px
}

.ava-is-full .icon-user-small.empty {
    background-position: -66px -238px
}

.calendar-inner .calendar-spinner {
    padding-top: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #f1f2f4
}

.-style-simple .calendar-inner .calendar-spinner {
    border-top: 1px solid #d1d6db
}

.db-main-content {
    position: relative
}

.db-main-content::-webkit-scrollbar {
    width: 15px
}

.db-main-content::-webkit-scrollbar-thumb {
    background: #d1d6db;
    border: 3px solid #fff;
    border-radius: 15px
}

.db-main-content::-webkit-scrollbar-thumb:hover {
    background: #afb8c0
}

.db-main-content::-webkit-scrollbar-thumb:window-inactive {
    background: #e0e3e6
}

body.calendar-embed .calendar-wrap.-large .db-main-content {
    border-left: 1px solid #f1f2f4;
    border-right: 1px solid #f1f2f4
}

.calendar-wrap.-small .calendar-small-hide, .calendar-wrap.-large .calendar-large-hide {
    display: none
}

.calendar-nav {
    position: relative
}

@media only screen and (max-width: 679px) {
    .calendar-wrap.-style-db .calendar-nav {
        margin-top: 5px;
        margin-bottom: 5px
    }
}

@media only screen {
    .calendar-wrap.-large.-style-db .calendar-nav {
        padding-left: 8px
    }

    .calendar-wrap.-small.-style-db .calendar-nav {
        padding-left: 12px
    }

    .calendar-wrap.-large.-style-simple .calendar-nav {
        padding-left: 15px
    }

    .calendar-wrap.-small.-style-simple .calendar-nav {
        padding-left: 10px
    }
}

.calendar-nav .cal-nav-btn, .calendar-nav .cal-nav-select, .calendar-nav .cal-nav-picker, .calendar-nav .cal-nav-throbber {
    vertical-align: top
}

.calendar-wrap.-small .calendar-nav select, .calendar-wrap.-large .calendar-nav select {
    height: 41px
}

.calendar-wrap.-small .calendar-nav .cal-nav-btn, .calendar-wrap.-small .calendar-nav .cal-nav-select, .calendar-wrap.-small .calendar-nav .cal-nav-picker, .calendar-wrap.-small .calendar-nav .cal-nav-throbber, .calendar-wrap.-large .calendar-nav .cal-nav-btn, .calendar-wrap.-large .calendar-nav .cal-nav-select, .calendar-wrap.-large .calendar-nav .cal-nav-picker, .calendar-wrap.-large .calendar-nav .cal-nav-throbber {
    margin-top: 3px;
    margin-bottom: 3px;
    line-height: 33px
}

.calendar-wrap.-small .calendar-nav .cal-nav-btn, .calendar-wrap.-large .calendar-nav .cal-nav-btn {
    height: 35px
}

.calendar-wrap.-large .calendar-nav .cal-nav-btn:not(.-today) {
    font-size: 20px
}

.calendar-nav.hide-past-months .cal-nav-btn.-prev {
    display: none
}

.calendar-wrap.-large.-style-simple .calendar-nav select {
    height: 60px
}

.calendar-wrap.-large.-style-simple .calendar-nav .cal-nav-btn, .calendar-wrap.-large.-style-simple .calendar-nav .cal-nav-select, .calendar-wrap.-large.-style-simple .calendar-nav .cal-nav-picker, .calendar-wrap.-large.-style-simple .calendar-nav .cal-nav-throbber {
    line-height: 60px
}

.calendar-wrap.-large.-style-simple .calendar-nav .cal-nav-btn {
    height: 60px
}

.cal-nav-buttons {
    float: right
}

.cal-nav-btn {
    display: block;
    margin-left: 1px;
    margin-right: 1px;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 3px;
    border-width: 1px;
    border-style: solid;
    border-color: transparent
}

@media only print {
    .cal-nav-btn {
        display: none !important
    }
}

.cal-nav-btn > svg {
    vertical-align: middle
}

.cal-nav-btn.-today {
    border-color: #e0e3e6;
    margin-right: 5px
}

.calendar-wrap.-style-simple .cal-nav-btn.-today {
    display: none
}

@media only screen and (hover: hover) {
    .cal-nav-btn:hover {
        background-color: #e7ebef
    }
}

.cal-nav-btn.focus-visible {
    background-color: #e7ebef
}

.cal-nav-btn:active {
    background-color: #e2e6e9
}

.cal-nav-btn .cal-nav-btn-label {
    display: none;
    font-size: 15px;
    padding-right: 5px
}

.calendar-wrap.-large.-style-simple .cal-nav-btn.-next .cal-nav-btn-label {
    display: inline
}

.cal-nav-title {
    float: left;
    font-size: 15px
}

.cal-nav-title.is-month {
    font-size: 18px;
    letter-spacing: normal
}

.calendar-wrap.-large.-style-simple .cal-nav-title.is-month {
    font-size: 23px
}

.cal-nav-picker {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding-right: 13px;
    cursor: pointer;
    font-weight: bold;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 34px;
    font-size: 16px
}

.cal-nav-picker:focus-within {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px #84929f, 0 0 0 4px #b8bfc4;
    box-shadow: 0 0 0 2px #b8bfc4;
    border-color: #84929f
}

.cal-nav-picker > span {
    pointer-events: none
}

.cal-nav-picker.is-grey {
    color: #697886;
    font-weight: normal;
    font-size: 15px
}

@media only screen {
    .cal-nav-picker:hover {
        text-decoration: underline
    }

    .cal-nav-picker:after {
        transform: none;
        content: '';
        display: inline-block;
        transition: transform 0.15s ease-in-out;
        border-style: solid;
        border-color: transparent;
        border-width: 6px 4px 0 4px;
        border-top-color: currentColor;
        position: absolute;
        top: 50%;
        margin-top: -3px;
        right: 0;
        pointer-events: none
    }

    @supports (mask-type:inherit) {
        .cal-nav-picker:after {
            width: 8px;
            height: 6px;
            background-color: currentColor;
            -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%207%204.88%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M.3%200C0%200-.1.2.1.44l3.1%204.26a.37.37%200%200%200%20.64%200L6.9.44C7.1.2%207%200%206.7%200z%22%2F%3E%3C%2Fsvg%3E");
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            mask-size: 8px 6px;
            border: 0
        }
    }
}

.cal-nav-select {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding-right: 13px;
    cursor: pointer;
    font-weight: bold;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    border-radius: 3px
}

.cal-nav-select.cal-nav-select--year {
    font-size: .9em
}

.cal-nav-select:focus-within {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px #84929f, 0 0 0 4px #b8bfc4;
    box-shadow: 0 0 0 2px #b8bfc4;
    border-color: #84929f
}

.cal-nav-select.cal-nav-select--month {
    margin-right: 3px
}

.-style-simple .cal-nav-select.cal-nav-select--year {
    color: #5a6672
}

.cal-nav-select select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border: 0;
    opacity: 0;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.cal-nav-select.is-grey {
    color: #697886;
    font-weight: normal
}

@media only screen {
    .cal-nav-select:hover {
        text-decoration: underline
    }

    .cal-nav-select:after {
        transform: none;
        content: '';
        display: inline-block;
        transition: transform 0.15s ease-in-out;
        border-style: solid;
        border-color: transparent;
        border-width: 5px 3.5px 0 3.5px;
        border-top-color: currentColor;
        position: absolute;
        top: 50%;
        margin-top: -2px;
        right: 0;
        pointer-events: none
    }

    @supports (mask-type:inherit) {
        .cal-nav-select:after {
            width: 7px;
            height: 5px;
            background-color: currentColor;
            -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%207%204.88%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M.3%200C0%200-.1.2.1.44l3.1%204.26a.37.37%200%200%200%20.64%200L6.9.44C7.1.2%207%200%206.7%200z%22%2F%3E%3C%2Fsvg%3E");
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            mask-size: 7px 5px;
            border: 0
        }
    }
}

.cal-nav-throbber {
    display: inline-block;
    margin-left: 10px
}

.calendar-wrap.-style-simple .bookings-header-wrap {
    border-top: 1px solid #d1d6db
}

.table.calendar-days {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse
}

.calendar-wrap.-small.-style-simple .table.calendar-days {
    border-collapse: separate;
    border-spacing: 3px
}

.table.calendar-days .td {
    height: 28px;
    line-height: 28px;
    text-align: center;
    font-weight: bold
}

.calendar-wrap.-style-simple .table.calendar-days .td {
    height: auto;
    line-height: 1
}

.calendar-wrap.-large.-style-simple .table.calendar-days .td {
    padding: 10px;
    font-size: 14px;
    color: #697886
}

.calendar-wrap.-small.-style-simple .table.calendar-days .td {
    padding: 7px 2px
}

.calendar-empty {
    padding: 25px;
    border-top: 1px solid #d1d6db;
    border-bottom: 1px solid #f1f2f4;
    font-size: 15px
}

.calendar-empty-message {
    margin-bottom: 8px
}

.calendar {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    position: relative;
    background: #fff
}

.calendar > .tbody > .tr.calendar-past-note {
    display: none
}

.calendar > .tbody > .tr > .td {
    border: 1px solid #f1f2f4;
    width: 14.2857%;
    vertical-align: top
}

.calendar > .tbody > .tr > .td:nth-child(1) {
    border-left: none
}

.calendar > .tbody > .tr > .td:nth-child(7) {
    border-right: none
}

.calendar > .tbody > .tr > .td.month-other {
    background-color: #f1f2f4
}

.calendar > .tbody > .tr > .td.month-other .day-number {
    color: #5a6672
}

.-style-db .calendar > .tbody > .tr > .td.current-day {
    background-color: #fff1ba
}

.-style-db .calendar > .tbody > .tr > .td.current-day .day-number {
    background: none
}

.-style-simple .calendar > .tbody > .tr > .td.current-day .day-number-inner {
    background-color: #0a6ece;
    color: #fff;
    padding: 3px 10px;
    border-radius: 10px
}

.calendar > .tbody > .tr > .td.past-day .calendar-day-inner .cal-block {
    opacity: 0.6
}

.calendar > .tbody > .tr > .td.past-day .calendar-day-inner:hover .cal-block {
    opacity: 1
}

.calendar.editing > .tbody > .tr > .td {
    height: 100px
}

.day-number {
    display: block;
    position: relative;
    height: 25px;
    line-height: 25px;
    padding: 0 14px;
    font-weight: bold;
    background: #e8ebed
}

.calendar-wrap.-style-simple .day-number {
    height: auto;
    line-height: 1;
    padding: 10px;
    background-color: transparent;
    text-align: center;
    font-size: 14px
}

.calendar.editing .day-number {
    height: 32px;
    line-height: 32px;
    cursor: pointer
}

.calendar.editing .day-number:after {
    display: block;
    width: 18px;
    height: 18px;
    content: ' ';
    position: absolute;
    top: 50%;
    margin-top: -9px;
    right: 8px;
    background-position: 0 -363px
}

.calendar.editing .day-number:hover:after {
    background-position: -20px -363px
}

.calendar.editing .day-number:active:after {
    background-position: -40px -363px
}

.calendar.link-days .day-number {
    cursor: pointer
}

.calendar.link-days .day-number:hover {
    text-decoration: underline;
    color: #0a6ece !important
}

.calendar.hideshow-past-weeks .past-week:not(.show-past-week) .calendar-past-note {
    display: table-row;
    position: absolute;
    margin-top: -26px;
    left: 0;
    right: 0;
    height: 26px;
    line-height: 26px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: rgba(255, 255, 255, 0.8);
    cursor: pointer;
    color: #5a6672;
    font-weight: bold
}

@media only print {
    .calendar.hideshow-past-weeks .past-week:not(.show-past-week) .calendar-past-note {
        display: none
    }
}

.calendar.hideshow-past-weeks .past-week:not(.show-past-week) .calendar-past-note:hover {
    background-color: rgba(231, 235, 239, 0.9)
}

.calendar.hideshow-past-weeks .past-week:not(.show-past-week) .calendar-past-note:hover:active {
    background-color: rgba(226, 230, 233, 0.9)
}

.calendar.hideshow-past-weeks .past-week:not(.show-past-week) .calendar-past-note:hover .td {
    color: #0a6ece;
    text-decoration: underline
}

.calendar.hideshow-past-weeks .past-week:not(.show-past-week) .calendar-past-note .td {
    display: block;
    width: auto;
    padding-left: 15px;
    border: 0
}

.cal-block {
    display: block;
    position: relative;
    overflow: hidden;
    min-height: 14px;
    padding-top: 3px;
    padding-right: 8px;
    padding-bottom: 3px;
    padding-left: 8px;
    color: #2a3c51;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 5px;
    border-width: 1px;
    border-style: solid;
    box-shadow: 0 1px 2px 0 #e8ebed;
    background-color: #fff;
    -moz-transition: opacity 200ms;
    -webkit-transition: opacity 200ms;
    transition: opacity 200ms
}

.cal-block:not(.is-timeline-node) {
    margin: 4px 5px
}

.cal-block.is-empty, .cal-block.ava-is-empty {
    border-color: rgba(0, 0, 0, 0.15)
}

.cal-block.focus-visible {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px #84929f, 0 0 0 4px #b8bfc4;
    box-shadow: 0 0 0 2px #b8bfc4;
    border-color: #84929f
}

.cal-block:not(.is-label) {
    cursor: pointer
}

.cal-block:not(.is-label):hover, .cal-block.current:not(.is-label) {
    background-color: #e7ebef
}

.cal-block:not(.is-label):active, .cal-block.current:not(.is-label) {
    box-shadow: inset 0 0 5px 0 rgba(7, 11, 15, 0.5)
}

.cal-block .cb-stat {
    font-size: 11px
}

.cal-block .icon-person, .cal-block .icon-person-outline {
    width: 11px;
    height: 10px
}

.cal-block.is-showing-progress {
    padding-bottom: 6px
}

.cal-block.is-showing-progress:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-top-style: solid;
    border-top-width: 3px;
    opacity: 0.3
}

.cal-block.ava-is-overbooked {
    border-width: 2px 2px 1px 2px
}

.cal-block .color-coded-overbooked-message {
    display: block;
    margin: 3px -5px 0 -8px;
    padding: 4px 5px 4px 8px;
    border-radius: 0 2px 2px 0
}

.cal-block.-large {
    padding-top: 8px;
    padding-right: 10px;
    padding-left: 12px;
    font-size: 14px
}

.cal-block.-large.is-showing-progress {
    padding-bottom: 10px
}

.cal-block.-large:not(.is-showing-progress) {
    padding-bottom: 8px
}

.cal-block.cb-icon:not(.-large) {
    float: left;
    margin-right: 3px
}

@media only print {
    .cal-block.cb-icon:not(.-large) {
        display: none !important
    }
}

.cal-block.cb-icon.icon-ava-phone:not(.-large) {
    margin-top: 2px
}

.cal-block.with-arrow {
    padding-right: 40px
}

.cal-block.with-arrow:after {
    content: "\00BB";
    display: block;
    font-size: 38px;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -23px;
    height: 40px;
    line-height: 40px;
    color: #ccc
}

.cal-block .cal-block-content-wrap {
    display: block
}

.cal-block .cal-block-content-wrap.with-chevron {
    padding-right: 15px
}

.cal-block .cal-block-content-wrap.with-chevron::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -4px;
    width: 6px;
    height: 9px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%238D99A5%22%20width%3D%228%22%20height%3D%2213%22%20viewBox%3D%220%200%208%2013%22%3E%0A%20%20%3Cpolygon%20points%3D%221.314%20-0.007%208.007%206.538%206.701%207.815%206.675%207.789%201.349%2013%200.018%2011.7%205.344%206.491%200.008%201.274%22%20%2F%3E%0A%3C%2Fsvg%3E");
    background-size: 6px 9px;
    background-repeat: no-repeat
}

.cal-block.is-dimmed, .cal-block.is-dimmed-when-empty.is-empty {
    opacity: 0.6
}

.cal-block:hover, .cal-block.current, .cal-block.highlight {
    opacity: 1 !important
}

.cal-block.highlight {
    border: 2px solid #0a6ece !important;
    box-shadow: 0 0 4px #0a6ece !important
}

.cal-block .item-group-icon {
    display: inline-block;
    width: 9px;
    height: 8px;
    background-position: -298px -250px
}

.cal-block .cb-headline {
    color: #5a6672
}

.cal-block.-large .cb-headline {
    display: block;
    margin-top: 2px;
    font-size: 13px
}

.cal-block .cb-image {
    display: block;
    margin-top: 4px
}

.cal-block .cb-image img {
    max-width: 100%;
    height: auto;
    max-height: 150px;
    border-radius: 5px
}

.cal-block .cb-private-headline {
    display: block;
    line-height: 1.1;
    padding: 5px 0 6px 0;
    color: #1f2428
}

.cal-block .cb-meta-text {
    display: block;
    padding-top: 1px;
    font-size: 12px;
    opacity: 0.8
}

.cal-block .cb-meta-text.orange {
    opacity: 1;
    color: #C75300
}

.cal-block .icon-phone {
    width: 8px;
    height: 10px
}

.cal-block .cb-list {
    color: #1f2428
}

.cal-block .cb-list.resources {
    font-size: 12px
}

.cal-block .cb-list li:first-child {
    padding-top: 3px
}

.cal-block .cb-list li:last-child {
    padding-bottom: 3px
}

.availabilities-hide-crew .cal-block .cb-list.crew, .availabilities-hide-resources .cal-block .cb-list.resources {
    display: none
}

.cal-block:not(.highlight-time) .cb-time {
    opacity: 0.75
}

.cal-block.highlight-time .cb-time {
    color: #0a6ece
}

.availabilities-hide-time .cal-block.cb-time {
    display: none
}

@media only screen and (min-width: 680px) {
    .availabilities-hide-item .cal-block .cb-item {
        display: none
    }
}

.cb-progress {
    position: absolute;
    bottom: 0;
    left: 0;
    border-top-style: solid;
    border-top-width: 3px;
    border-color: inherit;
    max-width: 100%;
    -webkit-transition: width .5s ease-in-out;
    -moz-transition: width .5s ease-in-out;
    transition: width .5s ease-in-out
}

@media only screen and (min-width: 680px) {
    .tb-progress {
        position: absolute;
        bottom: 0;
        left: 8px;
        right: 8px
    }

    .tb-progress-gutter {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        border-top-style: solid;
        border-top-width: 3px;
        border-top-color: #d5dee5;
        width: 100%
    }
}

.cb-square {
    display: inline-block;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    width: 0.85em;
    height: 0.85em;
    border-radius: 2px;
    border-width: 1px;
    border-style: solid
}

.cb-square.filled:before {
    content: '';
    position: absolute;
    top: -6px;
    right: -6px;
    bottom: -6px;
    left: -6px;
    background-color: currentColor;
    opacity: 0.7
}

.cb-inline-stat + .cb-inline-stat {
    margin-left: 2px
}

@media only screen {
    .color-1 {
        color: #ef8625
    }

    .color-1.timeline-availability:hover, .color-1.timeline-availability.current, .color-1.timeline-availability.highlight, .color-1.cal-block:not(.is-label):hover, .color-1.cal-block.current:not(.is-label), .color-1.cal-block.highlight:not(.is-label) {
        background-color: #fdefe3
    }

    .color-1.timeline-availability:active, .color-1.timeline-availability.current, .color-1.timeline-availability.highlight, .color-1.cal-block:not(.is-label):active, .color-1.cal-block.current:not(.is-label), .color-1.cal-block.highlight:not(.is-label) {
        box-shadow: inset 0 0 5px 0 rgba(239, 134, 37, 0.5)
    }

    .color-1-swatch {
        background-color: #ef8625
    }

    .color-1-fill {
        color: #763e0a;
        background-color: #fcead9;
        border-color: #ef8625
    }

    .color-1-fill:not(.is-label):hover, .color-1-fill.current:not(.is-label), .color-1-fill.highlight:not(.is-label) {
        background-color: #fdefe3
    }

    .color-1-fill:not(.is-label):active, .color-1-fill.current:not(.is-label), .color-1-fill.highlight:not(.is-label) {
        box-shadow: inset 0 0 5px 0 rgba(239, 134, 37, 0.5)
    }

    .color-1-fill .color-primary {
        color: #ef8625
    }

    .color-1-fill .color-fill-primary {
        background: #ef8625;
        color: #fff
    }

    .color-1-shade {
        background-color: #fdf5ec;
        border-color: #f7cba1
    }

    .color-2 {
        color: #ada91f
    }

    .color-2.timeline-availability:hover, .color-2.timeline-availability.current, .color-2.timeline-availability.highlight, .color-2.cal-block:not(.is-label):hover, .color-2.cal-block.current:not(.is-label), .color-2.cal-block.highlight:not(.is-label) {
        background-color: #fdfce3
    }

    .color-2.timeline-availability:active, .color-2.timeline-availability.current, .color-2.timeline-availability.highlight, .color-2.cal-block:not(.is-label):active, .color-2.cal-block.current:not(.is-label), .color-2.cal-block.highlight:not(.is-label) {
        box-shadow: inset 0 0 5px 0 rgba(173, 169, 31, 0.5)
    }

    .color-2-swatch {
        background-color: #ada91f
    }

    .color-2-fill {
        color: #6d6909;
        background-color: #fcfbd9;
        border-color: #ada91f
    }

    .color-2-fill:not(.is-label):hover, .color-2-fill.current:not(.is-label), .color-2-fill.highlight:not(.is-label) {
        background-color: #f9f7b8
    }

    .color-2-fill:not(.is-label):active, .color-2-fill.current:not(.is-label), .color-2-fill.highlight:not(.is-label) {
        box-shadow: inset 0 0 5px 0 rgba(173, 169, 31, 0.5)
    }

    .color-2-fill .color-primary {
        color: #ada91f
    }

    .color-2-fill .color-fill-primary {
        background: #ada91f;
        color: #fff
    }

    .color-2-shade {
        background-color: #fdfdec;
        border-color: #f0eda8
    }

    .color-3 {
        color: #6dad1f
    }

    .color-3.timeline-availability:hover, .color-3.timeline-availability.current, .color-3.timeline-availability.highlight, .color-3.cal-block:not(.is-label):hover, .color-3.cal-block.current:not(.is-label), .color-3.cal-block.highlight:not(.is-label) {
        background-color: #f1fde3
    }

    .color-3.timeline-availability:active, .color-3.timeline-availability.current, .color-3.timeline-availability.highlight, .color-3.cal-block:not(.is-label):active, .color-3.cal-block.current:not(.is-label), .color-3.cal-block.highlight:not(.is-label) {
        box-shadow: inset 0 0 5px 0 rgba(109, 173, 31, 0.5)
    }

    .color-3-swatch {
        background-color: #6dad1f
    }

    .color-3-fill {
        color: #406d09;
        background-color: #ecfcd9;
        border-color: #6dad1f
    }

    .color-3-fill:not(.is-label):hover, .color-3-fill.current:not(.is-label), .color-3-fill.highlight:not(.is-label) {
        background-color: #dcf9b8
    }

    .color-3-fill:not(.is-label):active, .color-3-fill.current:not(.is-label), .color-3-fill.highlight:not(.is-label) {
        box-shadow: inset 0 0 5px 0 rgba(109, 173, 31, 0.5)
    }

    .color-3-fill .color-primary {
        color: #6dad1f
    }

    .color-3-fill .color-fill-primary {
        background: #6dad1f;
        color: #fff
    }

    .color-3-shade {
        background-color: #f6fdec;
        border-color: #d0f0a8
    }

    .color-4 {
        color: #28ad1f
    }

    .color-4.timeline-availability:hover, .color-4.timeline-availability.current, .color-4.timeline-availability.highlight, .color-4.cal-block:not(.is-label):hover, .color-4.cal-block.current:not(.is-label), .color-4.cal-block.highlight:not(.is-label) {
        background-color: #e4fde3
    }

    .color-4.timeline-availability:active, .color-4.timeline-availability.current, .color-4.timeline-availability.highlight, .color-4.cal-block:not(.is-label):active, .color-4.cal-block.current:not(.is-label), .color-4.cal-block.highlight:not(.is-label) {
        box-shadow: inset 0 0 5px 0 rgba(40, 173, 31, 0.5)
    }

    .color-4-swatch {
        background-color: #28ad1f
    }

    .color-4-fill {
        color: #0f6d09;
        background-color: #dcfcd9;
        border-color: #28ad1f
    }

    .color-4-fill:not(.is-label):hover, .color-4-fill.current:not(.is-label), .color-4-fill.highlight:not(.is-label) {
        background-color: #bdf9b8
    }

    .color-4-fill:not(.is-label):active, .color-4-fill.current:not(.is-label), .color-4-fill.highlight:not(.is-label) {
        box-shadow: inset 0 0 5px 0 rgba(40, 173, 31, 0.5)
    }

    .color-4-fill .color-primary {
        color: #28ad1f
    }

    .color-4-fill .color-fill-primary {
        background: #28ad1f;
        color: #fff
    }

    .color-4-shade {
        background-color: #edfdec;
        border-color: #adf0a8
    }

    .color-5 {
        color: #1fad5a
    }

    .color-5.timeline-availability:hover, .color-5.timeline-availability.current, .color-5.timeline-availability.highlight, .color-5.cal-block:not(.is-label):hover, .color-5.cal-block.current:not(.is-label), .color-5.cal-block.highlight:not(.is-label) {
        background-color: #e3fdee
    }

    .color-5.timeline-availability:active, .color-5.timeline-availability.current, .color-5.timeline-availability.highlight, .color-5.cal-block:not(.is-label):active, .color-5.cal-block.current:not(.is-label), .color-5.cal-block.highlight:not(.is-label) {
        box-shadow: inset 0 0 5px 0 rgba(31, 173, 90, 0.5)
    }

    .color-5-swatch {
        background-color: #1fad5a
    }

    .color-5-fill {
        color: #096d32;
        background-color: #d9fce8;
        border-color: #1fad5a
    }

    .color-5-fill:not(.is-label):hover, .color-5-fill.current:not(.is-label), .color-5-fill.highlight:not(.is-label) {
        background-color: #b8f9d3
    }

    .color-5-fill:not(.is-label):active, .color-5-fill.current:not(.is-label), .color-5-fill.highlight:not(.is-label) {
        box-shadow: inset 0 0 5px 0 rgba(31, 173, 90, 0.5)
    }

    .color-5-fill .color-primary {
        color: #1fad5a
    }

    .color-5-fill .color-fill-primary {
        background: #1fad5a;
        color: #fff
    }

    .color-5-shade {
        background-color: #ecfdf3;
        border-color: #a8f0c6
    }

    .color-6 {
        color: #1fad9f
    }

    .color-6.timeline-availability:hover, .color-6.timeline-availability.current, .color-6.timeline-availability.highlight, .color-6.cal-block:not(.is-label):hover, .color-6.cal-block.current:not(.is-label), .color-6.cal-block.highlight:not(.is-label) {
        background-color: #e3fdfa
    }

    .color-6.timeline-availability:active, .color-6.timeline-availability.current, .color-6.timeline-availability.highlight, .color-6.cal-block:not(.is-label):active, .color-6.cal-block.current:not(.is-label), .color-6.cal-block.highlight:not(.is-label) {
        box-shadow: inset 0 0 5px 0 rgba(31, 173, 159, 0.5)
    }

    .color-6-swatch {
        background-color: #1fad9f
    }

    .color-6-fill {
        color: #096d63;
        background-color: #d9fcf8;
        border-color: #1fad9f
    }

    .color-6-fill:not(.is-label):hover, .color-6-fill.current:not(.is-label), .color-6-fill.highlight:not(.is-label) {
        background-color: #b8f9f3
    }

    .color-6-fill:not(.is-label):active, .color-6-fill.current:not(.is-label), .color-6-fill.highlight:not(.is-label) {
        box-shadow: inset 0 0 5px 0 rgba(31, 173, 159, 0.5)
    }

    .color-6-fill .color-primary {
        color: #1fad9f
    }

    .color-6-fill .color-fill-primary {
        background: #1fad9f;
        color: #fff
    }

    .color-6-shade {
        background-color: #ecfdfc;
        border-color: #a8f0e9
    }

    .color-7 {
        color: #25a1ef
    }

    .color-7.timeline-availability:hover, .color-7.timeline-availability.current, .color-7.timeline-availability.highlight, .color-7.cal-block:not(.is-label):hover, .color-7.cal-block.current:not(.is-label), .color-7.cal-block.highlight:not(.is-label) {
        background-color: #e3f3fd
    }

    .color-7.timeline-availability:active, .color-7.timeline-availability.current, .color-7.timeline-availability.highlight, .color-7.cal-block:not(.is-label):active, .color-7.cal-block.current:not(.is-label), .color-7.cal-block.highlight:not(.is-label) {
        box-shadow: inset 0 0 5px 0 rgba(37, 161, 239, 0.5)
    }

    .color-7-swatch {
        background-color: #25a1ef
    }

    .color-7-fill {
        color: #0a4c76;
        background-color: #d9effc;
        border-color: #25a1ef
    }

    .color-7-fill:not(.is-label):hover, .color-7-fill.current:not(.is-label), .color-7-fill.highlight:not(.is-label) {
        background-color: #e3f3fd
    }

    .color-7-fill:not(.is-label):active, .color-7-fill.current:not(.is-label), .color-7-fill.highlight:not(.is-label) {
        box-shadow: inset 0 0 5px 0 rgba(37, 161, 239, 0.5)
    }

    .color-7-fill .color-primary {
        color: #25a1ef
    }

    .color-7-fill .color-fill-primary {
        background: #25a1ef;
        color: #fff
    }

    .color-7-shade {
        background-color: #ecf7fd;
        border-color: #a1d6f7
    }

    .color-8 {
        color: #2540ef
    }

    .color-8.timeline-availability:hover, .color-8.timeline-availability.current, .color-8.timeline-availability.highlight, .color-8.cal-block:not(.is-label):hover, .color-8.cal-block.current:not(.is-label), .color-8.cal-block.highlight:not(.is-label) {
        background-color: #e3e6fd
    }

    .color-8.timeline-availability:active, .color-8.timeline-availability.current, .color-8.timeline-availability.highlight, .color-8.cal-block:not(.is-label):active, .color-8.cal-block.current:not(.is-label), .color-8.cal-block.highlight:not(.is-label) {
        box-shadow: inset 0 0 5px 0 rgba(37, 64, 239, 0.5)
    }

    .color-8-swatch {
        background-color: #2540ef
    }

    .color-8-fill {
        color: #0a1876;
        background-color: #d9defc;
        border-color: #2540ef
    }

    .color-8-fill:not(.is-label):hover, .color-8-fill.current:not(.is-label), .color-8-fill.highlight:not(.is-label) {
        background-color: #e3e6fd
    }

    .color-8-fill:not(.is-label):active, .color-8-fill.current:not(.is-label), .color-8-fill.highlight:not(.is-label) {
        box-shadow: inset 0 0 5px 0 rgba(37, 64, 239, 0.5)
    }

    .color-8-fill .color-primary {
        color: #2540ef
    }

    .color-8-fill .color-fill-primary {
        background: #2540ef;
        color: #fff
    }

    .color-8-shade {
        background-color: #eceefd;
        border-color: #a1acf7
    }

    .color-9 {
        color: #6b25ef
    }

    .color-9.timeline-availability:hover, .color-9.timeline-availability.current, .color-9.timeline-availability.highlight, .color-9.cal-block:not(.is-label):hover, .color-9.cal-block.current:not(.is-label), .color-9.cal-block.highlight:not(.is-label) {
        background-color: #ece3fd
    }

    .color-9.timeline-availability:active, .color-9.timeline-availability.current, .color-9.timeline-availability.highlight, .color-9.cal-block:not(.is-label):active, .color-9.cal-block.current:not(.is-label), .color-9.cal-block.highlight:not(.is-label) {
        box-shadow: inset 0 0 5px 0 rgba(107, 37, 239, 0.5)
    }

    .color-9-swatch {
        background-color: #6b25ef
    }

    .color-9-fill {
        color: #2f0a76;
        background-color: #e5d9fc;
        border-color: #6b25ef
    }

    .color-9-fill:not(.is-label):hover, .color-9-fill.current:not(.is-label), .color-9-fill.highlight:not(.is-label) {
        background-color: #ece3fd
    }

    .color-9-fill:not(.is-label):active, .color-9-fill.current:not(.is-label), .color-9-fill.highlight:not(.is-label) {
        box-shadow: inset 0 0 5px 0 rgba(107, 37, 239, 0.5)
    }

    .color-9-fill .color-primary {
        color: #6b25ef
    }

    .color-9-fill .color-fill-primary {
        background: #6b25ef;
        color: #fff
    }

    .color-9-shade {
        background-color: #f2ecfd;
        border-color: #bfa1f7
    }

    .color-10 {
        color: #cd25ef
    }

    .color-10.timeline-availability:hover, .color-10.timeline-availability.current, .color-10.timeline-availability.highlight, .color-10.cal-block:not(.is-label):hover, .color-10.cal-block.current:not(.is-label), .color-10.cal-block.highlight:not(.is-label) {
        background-color: #f8e3fd
    }

    .color-10.timeline-availability:active, .color-10.timeline-availability.current, .color-10.timeline-availability.highlight, .color-10.cal-block:not(.is-label):active, .color-10.cal-block.current:not(.is-label), .color-10.cal-block.highlight:not(.is-label) {
        box-shadow: inset 0 0 5px 0 rgba(205, 37, 239, 0.5)
    }

    .color-10-swatch {
        background-color: #cd25ef
    }

    .color-10-fill {
        color: #640a76;
        background-color: #f6d9fc;
        border-color: #cd25ef
    }

    .color-10-fill:not(.is-label):hover, .color-10-fill.current:not(.is-label), .color-10-fill.highlight:not(.is-label) {
        background-color: #f8e3fd
    }

    .color-10-fill:not(.is-label):active, .color-10-fill.current:not(.is-label), .color-10-fill.highlight:not(.is-label) {
        box-shadow: inset 0 0 5px 0 rgba(205, 37, 239, 0.5)
    }

    .color-10-fill .color-primary {
        color: #cd25ef
    }

    .color-10-fill .color-fill-primary {
        background: #cd25ef;
        color: #fff
    }

    .color-10-shade {
        background-color: #fbecfd;
        border-color: #e9a1f7
    }

    .color-11 {
        color: #ef25af
    }

    .color-11.timeline-availability:hover, .color-11.timeline-availability.current, .color-11.timeline-availability.highlight, .color-11.cal-block:not(.is-label):hover, .color-11.cal-block.current:not(.is-label), .color-11.cal-block.highlight:not(.is-label) {
        background-color: #fde3f4
    }

    .color-11.timeline-availability:active, .color-11.timeline-availability.current, .color-11.timeline-availability.highlight, .color-11.cal-block:not(.is-label):active, .color-11.cal-block.current:not(.is-label), .color-11.cal-block.highlight:not(.is-label) {
        box-shadow: inset 0 0 5px 0 rgba(239, 37, 175, 0.5)
    }

    .color-11-swatch {
        background-color: #ef25af
    }

    .color-11-fill {
        color: #760a54;
        background-color: #fcd9f1;
        border-color: #ef25af
    }

    .color-11-fill:not(.is-label):hover, .color-11-fill.current:not(.is-label), .color-11-fill.highlight:not(.is-label) {
        background-color: #fde3f4
    }

    .color-11-fill:not(.is-label):active, .color-11-fill.current:not(.is-label), .color-11-fill.highlight:not(.is-label) {
        box-shadow: inset 0 0 5px 0 rgba(239, 37, 175, 0.5)
    }

    .color-11-fill .color-primary {
        color: #ef25af
    }

    .color-11-fill .color-fill-primary {
        background: #ef25af;
        color: #fff
    }

    .color-11-shade {
        background-color: #fdecf8;
        border-color: #f7a1dc
    }

    .color-12 {
        color: #ef2525
    }

    .color-12.timeline-availability:hover, .color-12.timeline-availability.current, .color-12.timeline-availability.highlight, .color-12.cal-block:not(.is-label):hover, .color-12.cal-block.current:not(.is-label), .color-12.cal-block.highlight:not(.is-label) {
        background-color: #fde3e3
    }

    .color-12.timeline-availability:active, .color-12.timeline-availability.current, .color-12.timeline-availability.highlight, .color-12.cal-block:not(.is-label):active, .color-12.cal-block.current:not(.is-label), .color-12.cal-block.highlight:not(.is-label) {
        box-shadow: inset 0 0 5px 0 rgba(239, 37, 37, 0.5)
    }

    .color-12-swatch {
        background-color: #ef2525
    }

    .color-12-fill {
        color: #760a0a;
        background-color: #fcd9d9;
        border-color: #ef2525
    }

    .color-12-fill:not(.is-label):hover, .color-12-fill.current:not(.is-label), .color-12-fill.highlight:not(.is-label) {
        background-color: #fde3e3
    }

    .color-12-fill:not(.is-label):active, .color-12-fill.current:not(.is-label), .color-12-fill.highlight:not(.is-label) {
        box-shadow: inset 0 0 5px 0 rgba(239, 37, 37, 0.5)
    }

    .color-12-fill .color-primary {
        color: #ef2525
    }

    .color-12-fill .color-fill-primary {
        background: #ef2525;
        color: #fff
    }

    .color-12-shade {
        background-color: #fdecec;
        border-color: #f7a1a1
    }

    .color-13 {
        color: #8b8989
    }

    .color-13.timeline-availability:hover, .color-13.timeline-availability.current, .color-13.timeline-availability.highlight, .color-13.cal-block:not(.is-label):hover, .color-13.cal-block.current:not(.is-label), .color-13.cal-block.highlight:not(.is-label) {
        background-color: #f0f0f0
    }

    .color-13.timeline-availability:active, .color-13.timeline-availability.current, .color-13.timeline-availability.highlight, .color-13.cal-block:not(.is-label):active, .color-13.cal-block.current:not(.is-label), .color-13.cal-block.highlight:not(.is-label) {
        box-shadow: inset 0 0 5px 0 rgba(139, 137, 137, 0.5)
    }

    .color-13-swatch {
        background-color: #8b8989
    }

    .color-13-fill {
        color: #404040;
        background-color: #ebebeb;
        border-color: #8b8989
    }

    .color-13-fill:not(.is-label):hover, .color-13-fill.current:not(.is-label), .color-13-fill.highlight:not(.is-label) {
        background-color: #f0f0f0
    }

    .color-13-fill:not(.is-label):active, .color-13-fill.current:not(.is-label), .color-13-fill.highlight:not(.is-label) {
        box-shadow: inset 0 0 5px 0 rgba(139, 137, 137, 0.5)
    }

    .color-13-fill .color-primary {
        color: #8b8989
    }

    .color-13-fill .color-fill-primary {
        background: #8b8989;
        color: #fff
    }

    .color-13-shade {
        background-color: whitesmoke;
        border-color: #cccccc
    }

    .ava-is-booked:not(.ava-no-capacity-color), .ava-is-bookable:not(.ava-no-capacity-color) {
        color: #1fad5c
    }

    .ava-is-booked.timeline-availability:not(.ava-no-capacity-color):hover, .ava-is-booked.timeline-availability.current:not(.ava-no-capacity-color), .ava-is-booked.timeline-availability.highlight:not(.ava-no-capacity-color), .ava-is-booked.cal-block:not(.ava-no-capacity-color):not(.is-label):hover, .ava-is-booked.cal-block.current:not(.ava-no-capacity-color):not(.is-label), .ava-is-booked.cal-block.highlight:not(.ava-no-capacity-color):not(.is-label), .ava-is-bookable.timeline-availability:not(.ava-no-capacity-color):hover, .ava-is-bookable.timeline-availability.current:not(.ava-no-capacity-color), .ava-is-bookable.timeline-availability.highlight:not(.ava-no-capacity-color), .ava-is-bookable.cal-block:not(.ava-no-capacity-color):not(.is-label):hover, .ava-is-bookable.cal-block.current:not(.ava-no-capacity-color):not(.is-label), .ava-is-bookable.cal-block.highlight:not(.ava-no-capacity-color):not(.is-label) {
        background-color: #e3fdee
    }

    .ava-is-booked.timeline-availability:not(.ava-no-capacity-color):active, .ava-is-booked.timeline-availability.current:not(.ava-no-capacity-color), .ava-is-booked.timeline-availability.highlight:not(.ava-no-capacity-color), .ava-is-booked.cal-block:not(.ava-no-capacity-color):not(.is-label):active, .ava-is-booked.cal-block.current:not(.ava-no-capacity-color):not(.is-label), .ava-is-booked.cal-block.highlight:not(.ava-no-capacity-color):not(.is-label), .ava-is-bookable.timeline-availability:not(.ava-no-capacity-color):active, .ava-is-bookable.timeline-availability.current:not(.ava-no-capacity-color), .ava-is-bookable.timeline-availability.highlight:not(.ava-no-capacity-color), .ava-is-bookable.cal-block:not(.ava-no-capacity-color):not(.is-label):active, .ava-is-bookable.cal-block.current:not(.ava-no-capacity-color):not(.is-label), .ava-is-bookable.cal-block.highlight:not(.ava-no-capacity-color):not(.is-label) {
        box-shadow: inset 0 0 5px 0 rgba(31, 173, 92, 0.5)
    }

    .ava-is-booked-swatch:not(.ava-no-capacity-color), .ava-is-bookable-swatch:not(.ava-no-capacity-color) {
        background-color: #1fad5c
    }

    .ava-is-booked-fill:not(.ava-no-capacity-color), .ava-is-bookable-fill:not(.ava-no-capacity-color) {
        color: #096d34;
        background-color: #d9fce8;
        border-color: #1fad5c
    }

    .ava-is-booked-fill:not(.ava-no-capacity-color):not(.is-label):hover, .ava-is-booked-fill.current:not(.ava-no-capacity-color):not(.is-label), .ava-is-booked-fill.highlight:not(.ava-no-capacity-color):not(.is-label), .ava-is-bookable-fill:not(.ava-no-capacity-color):not(.is-label):hover, .ava-is-bookable-fill.current:not(.ava-no-capacity-color):not(.is-label), .ava-is-bookable-fill.highlight:not(.ava-no-capacity-color):not(.is-label) {
        background-color: #b8f9d4
    }

    .ava-is-booked-fill:not(.ava-no-capacity-color):not(.is-label):active, .ava-is-booked-fill.current:not(.ava-no-capacity-color):not(.is-label), .ava-is-booked-fill.highlight:not(.ava-no-capacity-color):not(.is-label), .ava-is-bookable-fill:not(.ava-no-capacity-color):not(.is-label):active, .ava-is-bookable-fill.current:not(.ava-no-capacity-color):not(.is-label), .ava-is-bookable-fill.highlight:not(.ava-no-capacity-color):not(.is-label) {
        box-shadow: inset 0 0 5px 0 rgba(31, 173, 92, 0.5)
    }

    .ava-is-booked-fill:not(.ava-no-capacity-color) .color-primary, .ava-is-bookable-fill:not(.ava-no-capacity-color) .color-primary {
        color: #1fad5c
    }

    .ava-is-booked-fill:not(.ava-no-capacity-color) .color-fill-primary, .ava-is-bookable-fill:not(.ava-no-capacity-color) .color-fill-primary {
        background: #1fad5c;
        color: #fff
    }

    .ava-is-booked-shade:not(.ava-no-capacity-color), .ava-is-bookable-shade:not(.ava-no-capacity-color) {
        background-color: #ecfdf4;
        border-color: #a8f0c7
    }

    .ava-is-full:not(.ava-no-capacity-color) {
        color: #258def
    }

    .ava-is-full.timeline-availability:not(.ava-no-capacity-color):hover, .ava-is-full.timeline-availability.current:not(.ava-no-capacity-color), .ava-is-full.timeline-availability.highlight:not(.ava-no-capacity-color), .ava-is-full.cal-block:not(.ava-no-capacity-color):not(.is-label):hover, .ava-is-full.cal-block.current:not(.ava-no-capacity-color):not(.is-label), .ava-is-full.cal-block.highlight:not(.ava-no-capacity-color):not(.is-label) {
        background-color: #e3f0fd
    }

    .ava-is-full.timeline-availability:not(.ava-no-capacity-color):active, .ava-is-full.timeline-availability.current:not(.ava-no-capacity-color), .ava-is-full.timeline-availability.highlight:not(.ava-no-capacity-color), .ava-is-full.cal-block:not(.ava-no-capacity-color):not(.is-label):active, .ava-is-full.cal-block.current:not(.ava-no-capacity-color):not(.is-label), .ava-is-full.cal-block.highlight:not(.ava-no-capacity-color):not(.is-label) {
        box-shadow: inset 0 0 5px 0 rgba(37, 141, 239, 0.5)
    }

    .ava-is-full-swatch:not(.ava-no-capacity-color) {
        background-color: #258def
    }

    .ava-is-full-fill:not(.ava-no-capacity-color) {
        color: #0a4276;
        background-color: #d9ebfc;
        border-color: #258def
    }

    .ava-is-full-fill:not(.ava-no-capacity-color):not(.is-label):hover, .ava-is-full-fill.current:not(.ava-no-capacity-color):not(.is-label), .ava-is-full-fill.highlight:not(.ava-no-capacity-color):not(.is-label) {
        background-color: #e3f0fd
    }

    .ava-is-full-fill:not(.ava-no-capacity-color):not(.is-label):active, .ava-is-full-fill.current:not(.ava-no-capacity-color):not(.is-label), .ava-is-full-fill.highlight:not(.ava-no-capacity-color):not(.is-label) {
        box-shadow: inset 0 0 5px 0 rgba(37, 141, 239, 0.5)
    }

    .ava-is-full-fill:not(.ava-no-capacity-color) .color-primary {
        color: #258def
    }

    .ava-is-full-fill:not(.ava-no-capacity-color) .color-fill-primary {
        background: #258def;
        color: #fff
    }

    .ava-is-full-shade:not(.ava-no-capacity-color) {
        background-color: #ecf5fd;
        border-color: #a1cdf7
    }

    .ava-is-overbooked:not(.ava-no-capacity-color), .ava-is-unbookable:not(.ava-no-capacity-color) {
        color: #ef3925
    }

    .ava-is-overbooked.timeline-availability:not(.ava-no-capacity-color):hover, .ava-is-overbooked.timeline-availability.current:not(.ava-no-capacity-color), .ava-is-overbooked.timeline-availability.highlight:not(.ava-no-capacity-color), .ava-is-overbooked.cal-block:not(.ava-no-capacity-color):not(.is-label):hover, .ava-is-overbooked.cal-block.current:not(.ava-no-capacity-color):not(.is-label), .ava-is-overbooked.cal-block.highlight:not(.ava-no-capacity-color):not(.is-label), .ava-is-unbookable.timeline-availability:not(.ava-no-capacity-color):hover, .ava-is-unbookable.timeline-availability.current:not(.ava-no-capacity-color), .ava-is-unbookable.timeline-availability.highlight:not(.ava-no-capacity-color), .ava-is-unbookable.cal-block:not(.ava-no-capacity-color):not(.is-label):hover, .ava-is-unbookable.cal-block.current:not(.ava-no-capacity-color):not(.is-label), .ava-is-unbookable.cal-block.highlight:not(.ava-no-capacity-color):not(.is-label) {
        background-color: #fde5e3
    }

    .ava-is-overbooked.timeline-availability:not(.ava-no-capacity-color):active, .ava-is-overbooked.timeline-availability.current:not(.ava-no-capacity-color), .ava-is-overbooked.timeline-availability.highlight:not(.ava-no-capacity-color), .ava-is-overbooked.cal-block:not(.ava-no-capacity-color):not(.is-label):active, .ava-is-overbooked.cal-block.current:not(.ava-no-capacity-color):not(.is-label), .ava-is-overbooked.cal-block.highlight:not(.ava-no-capacity-color):not(.is-label), .ava-is-unbookable.timeline-availability:not(.ava-no-capacity-color):active, .ava-is-unbookable.timeline-availability.current:not(.ava-no-capacity-color), .ava-is-unbookable.timeline-availability.highlight:not(.ava-no-capacity-color), .ava-is-unbookable.cal-block:not(.ava-no-capacity-color):not(.is-label):active, .ava-is-unbookable.cal-block.current:not(.ava-no-capacity-color):not(.is-label), .ava-is-unbookable.cal-block.highlight:not(.ava-no-capacity-color):not(.is-label) {
        box-shadow: inset 0 0 5px 0 rgba(239, 57, 37, 0.5)
    }

    .ava-is-overbooked-swatch:not(.ava-no-capacity-color), .ava-is-unbookable-swatch:not(.ava-no-capacity-color) {
        background-color: #ef3925
    }

    .ava-is-overbooked-fill:not(.ava-no-capacity-color), .ava-is-unbookable-fill:not(.ava-no-capacity-color) {
        color: #76140a;
        background-color: #fcddd9;
        border-color: #ef3925
    }

    .ava-is-overbooked-fill:not(.ava-no-capacity-color):not(.is-label):hover, .ava-is-overbooked-fill.current:not(.ava-no-capacity-color):not(.is-label), .ava-is-overbooked-fill.highlight:not(.ava-no-capacity-color):not(.is-label), .ava-is-unbookable-fill:not(.ava-no-capacity-color):not(.is-label):hover, .ava-is-unbookable-fill.current:not(.ava-no-capacity-color):not(.is-label), .ava-is-unbookable-fill.highlight:not(.ava-no-capacity-color):not(.is-label) {
        background-color: #fde5e3
    }

    .ava-is-overbooked-fill:not(.ava-no-capacity-color):not(.is-label):active, .ava-is-overbooked-fill.current:not(.ava-no-capacity-color):not(.is-label), .ava-is-overbooked-fill.highlight:not(.ava-no-capacity-color):not(.is-label), .ava-is-unbookable-fill:not(.ava-no-capacity-color):not(.is-label):active, .ava-is-unbookable-fill.current:not(.ava-no-capacity-color):not(.is-label), .ava-is-unbookable-fill.highlight:not(.ava-no-capacity-color):not(.is-label) {
        box-shadow: inset 0 0 5px 0 rgba(239, 57, 37, 0.5)
    }

    .ava-is-overbooked-fill:not(.ava-no-capacity-color) .color-primary, .ava-is-unbookable-fill:not(.ava-no-capacity-color) .color-primary {
        color: #ef3925
    }

    .ava-is-overbooked-fill:not(.ava-no-capacity-color) .color-fill-primary, .ava-is-unbookable-fill:not(.ava-no-capacity-color) .color-fill-primary {
        background: #ef3925;
        color: #fff
    }

    .ava-is-overbooked-shade:not(.ava-no-capacity-color), .ava-is-unbookable-shade:not(.ava-no-capacity-color) {
        background-color: #fdeeec;
        border-color: #f7a9a1
    }

    .color-resource-override {
        color: #ad551f;
        background-color: #fff9f5;
        border-color: #bf7140
    }

    .color-resource-override:not(.is-label):hover, .color-resource-override.current:not(.is-label), .color-resource-override.highlight:not(.is-label) {
        background-color: #ffece1
    }

    .color-resource-override:not(.is-label):active, .color-resource-override.current:not(.is-label), .color-resource-override.highlight:not(.is-label) {
        box-shadow: inset 0 0 5px 0 rgba(191, 113, 64, 0.5)
    }

    .color-resource-use {
        color: #3d1fad;
        background-color: #f7f5ff;
        border-color: #5b40bf
    }

    .color-resource-use:not(.is-label):hover, .color-resource-use.current:not(.is-label), .color-resource-use.highlight:not(.is-label) {
        background-color: #e7e1ff
    }

    .color-resource-use:not(.is-label):active, .color-resource-use.current:not(.is-label), .color-resource-use.highlight:not(.is-label) {
        box-shadow: inset 0 0 5px 0 rgba(91, 64, 191, 0.5)
    }

    .color-timeline-space-overview {
        color: #1fad71;
        background-color: #f5fffb;
        border-color: #40bf89
    }

    .color-timeline-space-overview:not(.is-label):hover, .color-timeline-space-overview.current:not(.is-label), .color-timeline-space-overview.highlight:not(.is-label) {
        background-color: #e1fff2
    }

    .color-timeline-space-overview:not(.is-label):active, .color-timeline-space-overview.current:not(.is-label), .color-timeline-space-overview.highlight:not(.is-label) {
        box-shadow: inset 0 0 5px 0 rgba(64, 191, 137, 0.5)
    }

    .color-timeline-space-overview.color-timeline-space-overview--overused {
        color: #c02b2b
    }
}

.calendar-small {
    width: 100%;
    border-collapse: separate;
    table-layout: fixed;
    border-spacing: 3px
}

.-style-simple .calendar-small {
    margin-top: -3px
}

.calendar-small td {
    width: 14.2857%;
    vertical-align: middle
}

.calendar-small-day {
    width: 100%;
    height: 34px;
    border-radius: 2px;
    text-align: center;
    color: #768593;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

html.touch .calendar-small-day {
    height: 40px
}

.calendar-small-day:not(.empty) {
    font-weight: bold;
    background-color: #1D875A;
    color: #fff
}

.calendar-small-day:not(.empty):hover {
    background-color: #18724c
}

.calendar-small-day.toggled:not(.empty) {
    background-color: #104c33;
    color: #fff
}

.calendar-small-day.empty.toggled {
    border: 1px solid #afb8c0;
    border-radius: 4px;
    font-weight: bold
}

.calendar-small-day.no-bookable {
    background-color: #757575
}

.calendar-small-day.no-bookable:hover {
    background-color: #686868
}

.calendar-small-day.no-bookable.toggled {
    background-color: #474747 !important
}

.calendar-wrap.-auth .calendar-small-day.current-day span {
    background-color: #fff1ba;
    padding: 3px 10px;
    border-radius: 10px;
    color: #1f2428
}

.calendar-small-day.day-is-used span {
    border: 1px solid #fff;
    padding: 3px 10px;
    border-radius: 10px
}

body.is-embed .calendar-small-day.day-is-used span {
    border: 0
}

.calendar-small-content {
    position: relative;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 5px;
    border-top: 1px solid #d1d6db
}

.showing-embed-auth-note .calendar-small-content {
    display: none
}

.calendar-small-content-header {
    padding-top: 10px;
    padding-right: 12px;
    padding-bottom: 8px;
    padding-left: 12px
}

.calendar-small-default-message {
    padding: 3px 10px;
    color: #1D875A;
    font-size: 14px;
    font-weight: bold
}

.card-fields {
    position: relative;
    overflow: hidden;
    margin-bottom: 5px;
    background-color: #fff;
    border-radius: 5px;
    border-width: 2px;
    border-style: solid;
    transition: border-color 500ms;
    border-color: #1D875A
}

.card-fields.test-cards-only {
    border-color: #f37f25
}

.card-fields .field {
    margin-bottom: 8px
}

.card-fields .label-text, .card-fields .card-form-header {
    display: block;
    margin-bottom: 3px
}

.card-fields-inner {
    padding: 12px 12px 5px 12px
}

.card-fields-demo {
    color: #f37f25;
    padding-bottom: 12px
}

.card-expiry .exp-month {
    float: left;
    width: 49%
}

.card-expiry .exp-year {
    float: right;
    width: 49%
}

.swipe-button-container {
    position: relative
}

.swipe-card-button {
    position: absolute;
    top: 0;
    right: 3px;
    cursor: pointer;
    font-size: 11px;
    text-decoration: underline;
    color: #0a6ece
}

.swiping {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #1D875A;
    box-shadow: inset 0px 0px 6px rgba(0, 0, 0, 0.29);
    z-index: 3
}

.swiping .swiping-inner {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #fff
}

.swiping .swipe-input {
    position: absolute;
    top: -50px;
    left: 0
}

.card-grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 56% 44%;
    grid-template-columns:56% 44%;
    align-items: flex-end
}

.card-grid .card-cvc, .card-grid .card-postal {
    -ms-grid-column: 2;
    padding-left: 10px
}

.card-grid .cvc-hint {
    -ms-grid-row: 2;
    -ms-grid-column-span: 2;
    grid-column: 1 / 3
}

.card-grid .card-country, .card-grid .card-postal {
    -ms-grid-row: 3
}

.card-grid .card-country.without-postal {
    -ms-grid-column-span: 2;
    grid-column: 1 / 3
}

.cvc-hint-toggle {
    color: #0a6ece;
    text-decoration: underline;
    cursor: pointer
}

.cvc-hint-toggle svg {
    margin-left: 3px;
    width: 12px;
    height: 12px
}

.cvc-hint {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    min-height: 44px;
    background: #22262b;
    padding-top: 8px;
    padding-right: 25px;
    padding-bottom: 8px;
    padding-left: 52px;
    margin-bottom: 5px;
    color: #fff;
    border-radius: 4px
}

.cvc-hint:after {
    content: '';
    display: inline-block;
    height: 0;
    width: 0;
    border-style: solid;
    border-color: transparent;
    border-width: 0 6px 6px 6px;
    border-bottom-color: currentColor;
    position: absolute;
    top: -6px;
    right: 20px;
    color: #22262b
}

.cvc-hint .cvc-hint-close {
    position: absolute;
    top: 6px;
    right: 6px;
    cursor: pointer;
    line-height: 0;
    padding: 4px
}

.cvc-hint .cvc-hint-close svg {
    width: 9px;
    height: 9px
}

.cvc-hint-icon {
    position: absolute;
    top: 8px;
    left: 10px;
    width: 32px;
    height: 21px;
    margin-right: 10px;
    margin-top: 3px;
    background-color: #0a6ece;
    border-radius: 2px
}

.cvc-hint-icon:before {
    content: '';
    position: absolute;
    top: 5px;
    left: 0;
    right: 0;
    height: 4px;
    background-color: rgba(0, 0, 0, 0.5)
}

.cvc-hint-icon:after {
    content: '';
    position: absolute;
    top: 12px;
    right: 4px;
    width: 7px;
    height: 4px;
    background-color: #fff
}

.amex-note {
    display: none;
    border-top: 1px solid #e0e3e6;
    padding: 10px 15px
}

.card-fields.card-type-amex .amex-note {
    display: block
}

.custom-field {
    position: relative
}

.custom-field-instance .field {
    margin: 0
}

.cf-wrap {
    display: block;
    position: relative;
    margin-bottom: 15px
}

.cf-wrap .field {
    margin-bottom: 0
}

.cf-wrap:not(.private-field) .private-field-icon {
    display: none
}

.cf-wrap.private-field {
    padding: 5px 5px 5px 34px;
    background-color: #fff;
    margin-bottom: 10px;
    border: 1px solid #e0e3e6;
    border-radius: 4px
}

.cf-wrap.private-field .private-field-icon {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 26px;
    background: #e8ebed;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.cf-wrap.private-field .private-field-lock {
    display: block;
    width: 10px;
    height: 12px;
    background-position: -270px -162px;
    position: absolute;
    left: 9px;
    top: 50%;
    margin-top: -7px
}

.cf-label {
    display: block
}

.cf-title {
    font-weight: bold;
    padding-bottom: 3px;
    line-height: 1.2
}

.cf-title .option-offset, .cf-title .option-rate {
    color: #0a6ece
}

.cf-title.no-title {
    visibility: hidden
}

.cf-description {
    padding-top: 4px;
    line-height: 1.2
}

.cf-wrap--header, .cf-wrap--note {
    padding-top: 5px;
    padding-bottom: 5px
}

.custom-field-long {
    line-height: 0
}

.custom-field-long textarea {
    height: 75px
}

.cf-checkbox {
    position: relative;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

.cf-checkbox.checkbox-selected, .checkbox-selected .cf-checkbox {
    background-color: #f9fafb;
    border-color: #84929f
}

.cf-checkbox.checkbox-selected .cf-description::after, .checkbox-selected .cf-checkbox .cf-description::after {
    background: rgba(249, 250, 251, 0.1);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(249, 250, 251, 0.1)), color-stop(100%, #f9fafb));
    background: -webkit-linear-gradient(top, rgba(249, 250, 251, 0.1) 0%, #f9fafb 100%);
    background: -ms-linear-gradient(top, rgba(249, 250, 251, 0.1) 0%, #f9fafb 100%);
    background: linear-gradient(to bottom, rgba(249, 250, 251, 0.1) 0%, #f9fafb 100%)
}

.cf-checkbox .cf-label {
    cursor: pointer
}

.cf-checkbox .cf-checkbox-amount {
    margin-right: 3px
}

.cf-checkbox .cf-checkbox-title {
    padding-bottom: 10px;
    padding-right: 15px
}

.cf-checkbox .cf-description {
    overflow: auto;
    max-height: 175px;
    padding-top: 0;
    padding-right: 15px;
    padding-bottom: 10px
}

@media only screen {
    .cf-checkbox .cf-description::after {
        content: '';
        position: absolute;
        bottom: 0;
        right: 20px;
        left: 5px;
        height: 10px;
        background: rgba(255, 255, 255, 0.1);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.1)), color-stop(100%, white));
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, white 100%);
        background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, white 100%);
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 0%, white 100%);
        pointer-events: none
    }
}

.cf-checkbox .cf-checkbox-content {
    position: relative;
    padding-top: 10px;
    padding-right: 24px;
    padding-left: 40px;
    min-height: 25px
}

.cf-checkbox .field-required-flag {
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important
}

.cf-checkbox-field {
    position: absolute;
    top: 10px;
    left: 15px
}

.cf-admin-note {
    padding: 3px 5px;
    background: #f1f2f4;
    border-radius: 2px;
    margin-top: 3px
}

.cf-admin-note-list {
    position: relative;
    background: #f1f2f4;
    border-radius: 2px;
    margin-top: 3px
}

.cf-admin-note-list-item {
    padding: 3px 5px
}

.cf-admin-note-list-item.is-warning {
    background-color: #FFE7D1
}

.cf-code-error {
    color: #ce3927
}

.custom-field-extended-option .option-details {
    background: #fff;
    padding: 10px;
    border: 1px solid #afb8c0;
    border-radius: 4px
}

.custom-field-extended-option .cf-extended-option-dropdown {
    margin-bottom: 4px
}

.custom-field-extended-option .cf-extended-option-dropdown .private:before {
    content: ' ';
    display: inline-block;
    width: 10px;
    height: 12px;
    background-position: -270px -162px;
    margin-right: 4px
}

.custom-field-extended-option .cf-extended-option-dropdown .private:hover:before, .custom-field-extended-option .cf-extended-option-dropdown .private.highlighted:before {
    background-position: -450px -162px
}

.select2-results__option .private:before {
    content: '';
    display: inline-block;
    width: 10px;
    height: 12px;
    background-position: -270px -162px;
    margin-right: 4px
}

.select2-results__option[aria-selected=true] .private:before {
    background-position: -450px -162px
}

.transportation-details {
    background: #fff;
    padding: 20px;
    border: 1px solid #afb8c0;
    border-radius: 4px;
    overflow: hidden;
    margin-top: 5px
}

.pickup-time, .new-pickup-time {
    color: #0a6ece;
    font-size: 18px;
    margin-bottom: 5px
}

.pickup-time:before, .new-pickup-time:before {
    content: '';
    display: inline-block;
    vertical-align: text-top;
    width: 15px;
    height: 15px;
    background-position: -390px -250px;
    margin-top: 2px;
    margin-right: 3px
}

.transportation-note {
    margin-top: 10px
}

.transportation-description {
    margin-top: 10px
}

.new-transportation-details {
    background: #fff;
    border: 1px solid #d1d6db;
    border-radius: 4px;
    margin-top: 12px
}

.new-transportation-details .pickup-info {
    padding: 20px;
    max-height: 225px;
    overflow-x: auto
}

.new-transportation-options-header {
    padding: 10px 20px
}

.new-trans-selects-wrap {
    background: #f1f2f4;
    padding: 10px 20px
}

.new-trans-selects {
    width: 100%
}

@media only screen and (min-width: 680px) {
    .cf-stop-dropdown-label, .cf-route-dropdown-label {
        width: 100px;
        white-space: nowrap;
        padding-right: 10px
    }
}

@media only screen and (max-width: 679px) {
    .cf-stop-dropdown-label, .cf-route-dropdown-label {
        padding-bottom: 5px
    }
}

.cf-lodging-dropdown, .cf-stop-dropdown {
    position: relative;
    margin-bottom: 0;
    margin-top: 5px
}

.field.cf-route-dropdown {
    position: relative;
    margin-bottom: 5px
}

.cf-rebook-new-transportation {
    border: 3px solid #f37f25;
    padding: 15px
}

.cf-rebook-new-transportation h2 {
    color: #f37f25;
    padding-bottom: 10px
}

@media only screen and (min-width: 680px) {
    .cf-rebook-option {
        float: left
    }
}

.cf-rebook-option label {
    cursor: pointer;
    border-radius: 2px;
    height: 30px;
    line-height: 30px;
    display: block;
    padding: 0 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (min-width: 680px) {
    .cf-rebook-option label {
        margin-right: 8px;
        float: left
    }
}

@media only screen and (max-width: 679px) {
    .cf-rebook-option label {
        margin-bottom: 3px;
        width: 100%
    }
}

.cf-rebook-option label.radio-selected .icon-hint {
    background-position: -462px -250px
}

.cf-rebook-option label:hover {
    background: #cfeaff
}

.cf-rebook-option label.radio-selected {
    background: #0a6ece;
    color: #fff
}

.self-lodging-contact-field .cf-label {
    margin-top: 5px
}

.self-lodging-contact-field textarea {
    height: 80px
}

.cf-lodging-table {
    width: 100%;
    table-layout: fixed
}

@media only screen and (min-width: 680px) {
    .cf-lodging-table .room-number-field {
        width: 110px;
        padding-left: 12px
    }
}

@media only screen and (max-width: 679px) {
    .cf-lodging-table .room-number-field {
        padding-top: 5px
    }
}

.cf-run-dropdown {
    margin-bottom: 5px
}

.need-trans-price {
    padding: 12px 20px;
    border-bottom: 1px solid #afb8c0
}

.pickup-map-link {
    display: block;
    padding: 10px 20px 10px 42px;
    position: relative;
    border-top: 1px solid #DDE1E4
}

.pickup-map-link:before {
    display: block;
    content: ' ';
    width: 10px;
    height: 15px;
    position: absolute;
    top: 50%;
    margin-top: -7px;
    left: 20px;
    background-position: -377px -277px
}

.pickup-map-link:hover .map-link-headline {
    text-decoration: underline
}

.pickup-map-link .map-link-headline:after {
    display: inline-block;
    content: ' ';
    width: 5px;
    height: 7px;
    background-position: -348px -332px;
    margin-left: 6px
}

.pickup-map-link .map-link-subhead {
    color: #768593;
    display: block
}

.select-a-stop-note {
    padding: 10px 20px
}

.pickup-notes-toggle {
    color: #768593
}

.pickup-notes-toggle:not(:last-child) {
    padding-bottom: 10px
}

.pickup-notes-toggle a {
    text-decoration: underline
}

.field-preinvalid-flag, .field-prevalid-flag {
    display: none;
    background: #fff;
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    line-height: 30px;
    padding: 0 8px;
    z-index: 2
}

.field-preinvalid-flag::before, .field-prevalid-flag::before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: text-top
}

.ng-preinvalid input {
    border: 1px solid #c02b2b !important;
    padding-right: 38px
}

.ng-preinvalid input::-webkit-input-placeholder {
    color: #c02b2b
}

.ng-preinvalid input:-moz-placeholder {
    color: #c02b2b;
    opacity: 1
}

.ng-preinvalid input::-moz-placeholder {
    color: #c02b2b;
    opacity: 1
}

.ng-preinvalid input:-ms-input-placeholder {
    color: #c02b2b
}

.ng-preinvalid input .placeholder {
    color: #c02b2b
}

.ng-preinvalid .field-preinvalid-flag {
    display: block;
    background: #c02b2b;
    cursor: help
}

.ng-preinvalid .field-preinvalid-flag:before {
    background-position: -457px -309px
}

.ng-prevalid input {
    padding-right: 80px
}

.ng-prevalid input::-webkit-input-placeholder {
    color: #1D875A
}

.ng-prevalid input:-moz-placeholder {
    color: #1D875A;
    opacity: 1
}

.ng-prevalid input::-moz-placeholder {
    color: #1D875A;
    opacity: 1
}

.ng-prevalid input:-ms-input-placeholder {
    color: #1D875A
}

.ng-prevalid input .placeholder {
    color: #1D875A
}

.ng-prevalid .field-prevalid-flag {
    display: block;
    background: #1D875A;
    color: #fff !important
}

.ng-prevalid .field-prevalid-flag .amount.negative {
    color: #fff
}

.ng-prevalid .field-prevalid-flag:before {
    background-position: -440px -309px
}

.custom-field-count {
    display: block
}

.custom-field-count .cf-title {
    padding-bottom: 0
}

.custom-field-count:last-child {
    padding-bottom: 0
}

.count-field-select {
    padding-right: 12px;
    width: 79px
}

.count-field-price-preview {
    color: #697886 !important
}

.count-field-price-preview .negative {
    color: #697886
}

.count-field-setup td:first-child {
    padding-right: 8px
}

.count-field-setup td:last-child {
    padding-right: 8px
}

.cf-wrap--card-generator .cf-checkbox {
    position: relative
}

.card-generator-amounts-wrap {
    overflow-y: auto;
    padding: 3px;
    margin: -3px
}

.card-generator-amounts .td:not(:last-child) {
    padding-right: 5px
}

.card-generator-amounts label {
    display: block;
    padding: 10px 3px;
    border-radius: 5px;
    border: 1px solid #afb8c0;
    background-color: #fff;
    text-align: center;
    font-size: 15px;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.card-generator-amounts label > input {
    margin-bottom: 5px
}

.card-generator-amounts label:focus-within {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px #84929f, 0 0 0 4px #b8bfc4;
    box-shadow: 0 0 0 2px #b8bfc4;
    border-color: #84929f
}

.card-generator-amounts label.radio-selected {
    color: #0a6ece;
    border: 2px solid #0a6ece
}

.card-generator-custom-amount {
    padding-top: 10px
}

.card-generator-custom-amount .label-text {
    display: block;
    padding-bottom: 3px
}

.card-generator-header {
    padding-top: 12px;
    padding-bottom: 8px;
    font-weight: bold
}

.customer-type-cards-two-col .customer-type-card, .customer-type-cards-two-col .add-more-card {
    width: 49%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 2%
}

@media only screen and (max-width: 679px) {
    .customer-type-cards-two-col .customer-type-card, .customer-type-cards-two-col .add-more-card {
        float: none !important;
        width: auto;
        margin-bottom: 15px
    }
}

.customer-type-cards-two-col li:nth-child(odd) .customer-type-card, .customer-type-cards-two-col li:nth-child(odd) .add-more-card {
    float: left;
    clear: both
}

.customer-type-cards-two-col li:nth-child(odd) .add-more-card {
    width: 100%
}

.customer-type-cards-two-col li:nth-child(even) .customer-type-card, .customer-type-cards-two-col li:nth-child(even) .add-more-card {
    float: right
}

.add-more-card {
    text-align: center;
    color: #697886;
    border: 2px dashed #d1d6db;
    border-radius: 6px;
    padding: 30px 15px;
    margin-bottom: 2%
}

.add-more-message {
    position: relative;
    color: #697886
}

@media only screen and (min-width: 680px) {
    .add-more-message {
        padding-bottom: 25px;
        text-align: center
    }
}

.add-more-message h2 {
    font-size: 17px;
    color: #0a6ece
}

.customer-type-card {
    position: relative
}

@media only screen {
    .customer-type-card {
        margin-bottom: 15px;
        background-color: #fff;
        padding: 20px 25px 10px 25px;
        border-radius: 5px;
        box-shadow: 0 4px 13px -4px rgba(0, 0, 0, 0.6)
    }

    .book-auth .customer-type-card {
        padding: 12px 20px 7px 20px
    }

    .customer-type-card .customer-type-name {
        font-size: 18px;
        font-weight: bold;
        padding-bottom: 12px
    }

    .book-auth .customer-type-card .customer-type-name {
        padding-bottom: 8px
    }

    .customer-type-card .customer-type-card-cost {
        color: #0a6ece;
        font-size: 18px;
        font-weight: bold;
        padding-bottom: 10px
    }

    .book-auth .customer-type-card .customer-type-card-cost {
        padding-bottom: 8px
    }
}

@media only print {
    .customer-type-card {
        border: 1px solid #C6C8CB;
        margin-bottom: 5px
    }
}

.customer-type-card .customer-type-card-header .customer-type-name {
    float: left
}

.customer-type-card .customer-type-card-cost {
    float: right
}

.customer-type-card .reorder-note {
    margin-bottom: 10px
}

.customer-type-card .reorder-note:before {
    margin-left: 0
}

.customer-type-card .invoice-table td {
    padding: 5px 18px
}

.customer-type-card .customer-type-card-remove {
    position: absolute;
    top: -6px;
    right: -6px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.customer-type-card .customer-type-card-remove button {
    width: 24px;
    height: 24px;
    border-radius: 24px;
    background: #c02b2b;
    color: #fff;
    cursor: pointer
}

.customer-type-card .customer-type-card-remove button .icon-x {
    display: block;
    position: absolute;
    top: 7px;
    left: 7px;
    width: 10px;
    height: 10px
}

.customer-type-card .customer-type-card-remove button:hover {
    background: #BE392F
}

.customer-type-card .customer-type-card-remove button:active {
    background: #8D2A23
}

.customer-type-card .sortable-placeholder {
    border: 2px dashed #b9cad5;
    border-radius: 4px
}

.hint {
    display: block;
    position: relative;
    color: #2b3136;
    padding-bottom: 12px;
    line-height: 1.2
}

.hint.hint-alert {
    clear: both;
    padding: 12px 12px 12px 39px;
    margin-bottom: 5px;
    color: #28323A;
    text-align: left;
    line-height: 1.3;
    background-color: #E8F0F3;
    border: 1px solid #bdc5cb;
    border-left: 3px solid #afb8c0;
    border-radius: 3px
}

.hint.hint-alert:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 12px;
    width: 17px;
    height: 17px;
    margin-top: -9px;
    background-position: -442px -210px
}

.hint.hint-no-padd {
    padding-bottom: 0
}

.hint-help-link {
    text-decoration: none !important;
    color: #0a6ece !important
}

.hint-help-link:before {
    content: '';
    width: 12px;
    height: 12px;
    background-position: -442px -261px;
    vertical-align: text-top;
    margin-top: 1px;
    margin-right: 4px
}

.spreadsheet {
    border-collapse: separate;
    border-top-width: 1px;
    border-top-style: solid;
    width: 100%;
    margin: 10px 0
}

@media only print {
    .spreadsheet {
        font-size: 11px
    }
}

@media only screen {
    .spreadsheet {
        border-color: #e0e3e6
    }
}

@media only print {
    .spreadsheet {
        border-color: #cbcbcb
    }
}

.spreadsheet.no-top-border {
    border-top-width: 0
}

.spreadsheet > tbody > tr > td, .spreadsheet > thead > tr > td, .spreadsheet > thead > tr > th, .spreadsheet > tfoot > tr > td {
    position: relative;
    vertical-align: middle;
    padding: 2px 6px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-right-width: 1px;
    border-right-style: solid
}

.spreadsheet > tbody > tr > td.td-no-padding, .spreadsheet > thead > tr > td.td-no-padding, .spreadsheet > thead > tr > th.td-no-padding, .spreadsheet > tfoot > tr > td.td-no-padding {
    padding: 0
}

@media only screen {
    .spreadsheet > tbody > tr > td.has-drilldown, .spreadsheet > thead > tr > td.has-drilldown, .spreadsheet > thead > tr > th.has-drilldown, .spreadsheet > tfoot > tr > td.has-drilldown {
        padding-right: 25px
    }
}

@media only screen {
    .spreadsheet > tbody > tr > td, .spreadsheet > thead > tr > td, .spreadsheet > thead > tr > th, .spreadsheet > tfoot > tr > td {
        border-color: #e0e3e6
    }
}

@media only print {
    .spreadsheet > tbody > tr > td, .spreadsheet > thead > tr > td, .spreadsheet > thead > tr > th, .spreadsheet > tfoot > tr > td {
        border-color: #cbcbcb
    }
}

.spreadsheet > tbody > tr > td:last-child, .spreadsheet > thead > tr > td:last-child, .spreadsheet > thead > tr > th:last-child, .spreadsheet > tfoot > tr > td:last-child {
    border-right: none
}

.spreadsheet > tbody > tr.as-thead > td, .spreadsheet > thead > tr > td, .spreadsheet > thead > tr > th, .spreadsheet > tfoot > tr > td {
    font-weight: bold
}

@media only print {
    .spreadsheet.last-column-hidden-for-print > tbody > tr > td:nth-last-child(2), .spreadsheet.last-column-hidden-for-print > thead > tr > td:nth-last-child(2), .spreadsheet.last-column-hidden-for-print > thead > tr > th:nth-last-child(2), .spreadsheet.last-column-hidden-for-print > tfoot > tr > td:nth-last-child(2) {
        border-right: 0
    }
}

.spreadsheet.width-auto {
    width: auto
}

.spreadsheet.spreadsheet--no-margin {
    margin: 0
}

.spreadsheet.no-margin {
    margin: 0
}

@media only screen {
    .spreadsheet.spreadsheet--nowrap {
        white-space: nowrap
    }

    .spreadsheet .td-always-wrap {
        white-space: normal !important
    }

    .spreadsheet.white-bg {
        background-color: #fff
    }
}

.spreadsheet button:not([disabled]) {
    cursor: pointer
}

@media only screen {
    .spreadsheet .ng-table-header {
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: url("/Assets/images/ng-table-header-back.png");
        background-position: right center;
        background-repeat: no-repeat;
        padding-right: 15px !important
    }

    .spreadsheet .ng-table-header:hover {
        background-color: #e7ebef !important
    }

    .spreadsheet .ng-table-header.active {
        background-color: #f1f2f4
    }
}

@media only screen and (min-resolution: 2dppx), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
    .spreadsheet .ng-table-header {
        background-image: url("/Assets/images/ng-table-header-back.png");
        background-size: 11px 10px;
        -webkit-background-size: 11px 10px
    }
}

@media only screen and (min-width: 680px) {
    .spreadsheet.highlight-rows > tbody:not(.dont-highlight) > tr:hover > td {
        background: #f1f2f4
    }

    .spreadsheet.highlight-rows > tbody.checked-in:not(.dont-highlight) > tr:hover > td {
        background-color: #c2f1d6
    }

    .spreadsheet.highlight-rows > tbody.no-show:not(.dont-highlight) > tr:hover > td {
        background-color: #f0cfcf
    }

    .spreadsheet.highlight-rows > tbody.mixed:not(.dont-highlight) > tr:hover > td {
        background-color: #f6e9d1
    }
}

.spreadsheet.sticky-headers--db > thead > tr > th, .spreadsheet.sticky-headers--reports > thead > tr > th, .spreadsheet.sticky-headers--manifest > thead > tr > th {
    background-clip: padding-box
}

@media only screen {
    @supports (position:sticky) {
        .spreadsheet.sticky-headers--db > thead > tr > th, .spreadsheet.sticky-headers--reports > thead > tr > th, .spreadsheet.sticky-headers--manifest > thead > tr > th {
            position: -webkit-sticky !important;
            position: sticky !important;
            z-index: 99;
            top: 0
        }
    }
}

@media only screen and (min-width: 680px) {
    @supports (position:sticky) {
        .spreadsheet.sticky-headers--db > thead > tr > th {
            top: 45px
        }

        .spreadsheet.sticky-headers--reports > thead > tr > th {
            top: 82px
        }

        .spreadsheet.sticky-headers--manifest > thead > tr > th {
            top: 125px
        }
    }
}

.spreadsheet tr.highlight-row:hover > td {
    background: #f1f2f4
}

.spreadsheet .checked-in > tr > td {
    background-color: #d3f5e1
}

.spreadsheet .no-show > tr > td {
    background-color: #f5dfdf
}

.spreadsheet .mixed > tr > td {
    background-color: #F9F1E2
}

.spreadsheet > tbody > tr.outline-row > td {
    padding-top: 0;
    padding-bottom: 1px;
    border-top: 2px solid #0a6ece;
    border-bottom: 2px solid #0a6ece
}

.spreadsheet > tbody > tr.outline-row > td:first-child {
    padding-left: 3px;
    border-left: 2px solid #0a6ece
}

.spreadsheet > tbody > tr.outline-row > td:last-child {
    padding-right: 3px;
    border-right: 2px solid #0a6ece
}

.spreadsheet.spreadsheet--no-bottom-border > tbody:last-child > tr > td {
    border-bottom: 0
}

.spreadsheet tr.ss-row-disabled > td {
    color: #8a97a3
}

.spreadsheet .callout-row > td {
    font-weight: bold;
    background: #fff5d0 !important
}

.spreadsheet.spreadsheet--left-pad > tbody > tr > td:first-child, .spreadsheet.spreadsheet--left-pad > thead > tr > td:first-child, .spreadsheet.spreadsheet--left-pad > thead > tr > th:first-child {
    padding-left: 25px
}

@media only screen and (max-width: 679px) {
    .spreadsheet.spreadsheet--left-pad > tbody > tr > td:first-child, .spreadsheet.spreadsheet--left-pad > thead > tr > td:first-child, .spreadsheet.spreadsheet--left-pad > thead > tr > th:first-child {
        padding-left: 18px
    }
}

.spreadsheet .td-sortable-handle {
    width: 30px;
    padding: 0
}

.spreadsheet .td-sortable-handle:before {
    content: '';
    display: block;
    width: 30px;
    height: 10px
}

@media only screen and (min-width: 680px) {
    .spreadsheet .td-long-note {
        width: 200px
    }
}

.spreadsheet .ss-amount {
    text-align: right
}

@media only screen and (min-width: 680px) {
    .spreadsheet .ss-amount {
        width: 42px
    }
}

.spreadsheet .ss-date {
    width: 125px
}

.spreadsheet .ss-pk {
    text-align: right;
    color: #768593
}

@media only print {
    .spreadsheet .ss-pk {
        color: #000
    }
}

.spreadsheet .ss-header > tr > td, .spreadsheet .ss-header > tr > th {
    line-height: 1;
    padding-top: 4px;
    padding-bottom: 4px
}

.spreadsheet .ss-header-shade td, .spreadsheet .ss-header-shade th {
    background-color: #f9fafb
}

.spreadsheet.spreadsheet--shade-first-col > tbody tr td:first-child {
    background-color: #f9fafb
}

.spreadsheet td.spanned-header, .spreadsheet th.spanned-header {
    text-align: center;
    background-color: #f1f2f4
}

.spreadsheet td.spanned-header.big, .spreadsheet th.spanned-header.big {
    padding-top: 4px;
    padding-bottom: 5px
}

.spreadsheet td.bookings-header, .spreadsheet th.bookings-header {
    background-color: #E0F3FF !important
}

.spreadsheet td.customers-header, .spreadsheet th.customers-header {
    background-color: #c2e4f9 !important
}

.spreadsheet td.payments-header, .spreadsheet td.customfieldvalues-header, .spreadsheet th.payments-header, .spreadsheet th.customfieldvalues-header {
    background-color: #CFFCCE !important
}

.spreadsheet td.disputes-header, .spreadsheet th.disputes-header {
    background-color: #F2C9A4 !important
}

.spreadsheet td.refunds-header, .spreadsheet th.refunds-header {
    background-color: #e9aeae !important
}

.spreadsheet td.adjustments-header, .spreadsheet th.adjustments-header {
    background-color: #F2C9A4 !important
}

.spreadsheet td.transfers-heade, .spreadsheet td.lineitems-header, .spreadsheet th.transfers-heade, .spreadsheet th.lineitems-header {
    background-color: #DFC6F0 !important
}

.spreadsheet .ss-align-right {
    text-align: right
}

.spreadsheet .ss-amount-field {
    max-width: 58px;
    line-height: 0
}

.spreadsheet .ss-amount-field .field {
    margin-bottom: 0
}

.spreadsheet .ss-date-field {
    width: 130px
}

.spreadsheet .ss-date-field .field {
    margin-bottom: 0
}

.spreadsheet a:hover {
    text-decoration: underline
}

.spreadsheet .td-checkbox {
    padding: 0;
    text-align: center
}

@media only screen {
    .spreadsheet .td-invoice-id {
        color: #0a6ece;
        font-size: 14px
    }
}

.spreadsheet .ss-group-header {
    padding-top: 14px;
    padding-bottom: 5px
}

.spreadsheet .ss-group-header .group-header-left {
    float: left
}

.spreadsheet .ss-group-header .group-header-right {
    float: right
}

@media only screen {
    button.ss-cell-edit, button.ss-cell-edit--style-after {
        box-sizing: border-box;
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
        letter-spacing: inherit;
        text-align: left;
        color: inherit;
        background-color: transparent;
        -webkit-appearance: none;
        -moz-appearance: none
    }

    button.ss-cell-edit[disabled], button.ss-cell-edit.button-disabled, button.ss-cell-edit.btn-disabled, button.ss-cell-edit:disabled, button.ss-cell-edit--style-after[disabled], button.ss-cell-edit--style-after.button-disabled, button.ss-cell-edit--style-after.btn-disabled, button.ss-cell-edit--style-after:disabled {
        cursor: not-allowed
    }

    .ss-cell-edit {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 98;
        cursor: pointer;
        border-radius: 2px
    }
}

@media only screen and (hover: hover) {
    .ss-cell-edit:not(.focus-visible):not(.no-hover):hover {
        box-shadow: 0 0 0 2px #8d99a5
    }

    .ss-cell-edit:not(.focus-visible):not(.no-hover):hover:active {
        box-shadow: 0 0 0 2px #768593
    }
}

@media only screen {
    .ss-cell-edit.focus-visible:not(.focus-visible):not(.no-hover) {
        box-shadow: 0 0 0 2px #8d99a5
    }

    .ss-cell-edit.focus-visible:not(.focus-visible):not(.no-hover):active {
        box-shadow: 0 0 0 2px #768593
    }

    .ss-cell-edit--style-after::after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 98;
        cursor: pointer;
        border-radius: 2px
    }
}

@media only screen and (hover: hover) {
    .ss-cell-edit--style-after:not(.focus-visible):not(.no-hover):hover::after {
        box-shadow: 0 0 0 2px #8d99a5
    }

    .ss-cell-edit--style-after:not(.focus-visible):not(.no-hover):hover::after:active {
        box-shadow: 0 0 0 2px #768593
    }
}

@media only screen {
    .ss-cell-edit--style-after.focus-visible:not(.focus-visible):not(.no-hover)::after {
        box-shadow: 0 0 0 2px #8d99a5
    }

    .ss-cell-edit--style-after.focus-visible:not(.focus-visible):not(.no-hover)::after:active {
        box-shadow: 0 0 0 2px #768593
    }

    .ss-cell-edit--style-after.focus-visible {
        box-shadow: none
    }

    .ss-cell-edit--style-after.focus-visible::after {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px #84929f, 0 0 0 4px #b8bfc4
    }

    .ss-td-toggle {
        width: 15px;
        cursor: pointer;
        text-align: center;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .ss-td-toggle:hover {
        background-color: #f1f2f4
    }

    .ss-td-blocklink {
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .ss-td-blocklink:hover {
        background-color: #f1f2f4;
        text-decoration: underline
    }

    .show-links a {
        color: #0a6ece;
        text-decoration: underline
    }
}

.ss-td-drillup {
    width: 14px
}

.ss-drillup {
    display: block;
    margin: 0 auto;
    width: 9px;
    height: 9px;
    background-size: 9px 9px
}

.ss-drilldown {
    width: 20px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    text-indent: -9999em
}

@media only print {
    .ss-drilldown {
        display: none !important
    }
}

.ss-drilldown:after {
    content: '';
    position: absolute;
    width: 9px;
    height: 9px;
    top: 50%;
    margin-top: -4px;
    left: 50%;
    margin-left: -4px;
    background-position: -481px -170px;
    opacity: 0.4
}

.ss-drilldown:hover:after {
    opacity: 1
}

.tip-ele--ss-drilldown {
    margin-top: 6px
}

@media only screen and (min-width: 680px) {
    td.col-paidstatus, th.col-paidstatus {
        width: 40px
    }

    td.col-email-status, th.col-email-status {
        width: 17px
    }
}

@-moz-document url-prefix() {
    .ss-cell-inner {
        position: relative
    }
}

@media only screen and (min-width: 680px) {
    .td-user-name {
        line-height: 30px
    }
}

.td-user-name img {
    float: left;
    margin-right: 8px
}

.tabs {
    clear: both;
    width: 100%;
    border-bottom: 1px solid #d1d6db;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only print {
    .tabs {
        display: none !important
    }
}

@media only screen and (min-width: 680px) {
    .tabs {
        padding-left: 35px
    }
}

@media only screen and (min-width: 680px) {
    .tabs li {
        float: left
    }
}

.tabs a {
    display: block;
    padding: 14px 17px 11px 17px;
    border-bottom: 3px solid transparent;
    transition: background-color 100ms ease;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 14px
}

.tabs a .icon-arrow-up-right {
    width: 9px;
    height: 9px;
    margin-left: 5px;
    color: #5a6672
}

.tabs a:hover {
    background-color: #e7ebef
}

.tabs a.toggled, .tabs a.current {
    color: #0a6ece;
    border-color: #0a6ece
}

.giant-toggle {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    border-bottom: 1px solid #d1d6db
}

@media only screen and (min-width: 680px) {
    .giant-toggle {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex
    }
}

@media only screen and (max-width: 679px) {
    .giant-toggle {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.giant-toggle > a, .giant-toggle > button {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 38px;
    padding: 5px 15px;
    border-bottom: 2px solid transparent;
    cursor: pointer
}

@media only screen and (max-width: 679px) {
    .giant-toggle > a, .giant-toggle > button {
        width: 50%
    }
}

@media only screen and (hover: hover) {
    .giant-toggle > a:hover, .giant-toggle > button:hover {
        background-color: #e7ebef
    }
}

.giant-toggle > a.focus-visible, .giant-toggle > button.focus-visible {
    background-color: #e7ebef
}

.giant-toggle > a.toggled, .giant-toggle > button.toggled {
    color: #0a6ece;
    border-bottom-color: #0a6ece
}

.giant-toggle-fluid {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #d1d6db;
    background-color: #fff;
    margin-bottom: 15px
}

.giant-toggle-fluid.no-margin {
    margin-bottom: 0
}

.giant-toggle-fluid.is-fixed {
    table-layout: fixed
}

.giant-toggle-fluid.is-fixed .td {
    padding-left: 5px;
    padding-right: 5px
}

.giant-toggle-fluid:not(.is-fixed) .td {
    padding-left: 8px;
    padding-right: 8px
}

.giant-toggle-fluid .td {
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    border-bottom: 3px solid transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media only screen and (min-width: 680px) {
    .giant-toggle-fluid .td {
        padding-top: 12px;
        padding-bottom: 9px
    }
}

@media only screen and (max-width: 679px) {
    .giant-toggle-fluid .td {
        padding-top: 15px;
        padding-bottom: 12px
    }
}

@media only screen and (hover: hover) {
    .giant-toggle-fluid .td:hover {
        background-color: #e7ebef
    }
}

.giant-toggle-fluid .td.focus-visible {
    background-color: #e7ebef
}

.giant-toggle-fluid .td:active {
    background-color: #e2e6e9
}

.giant-toggle-fluid .td.toggled, .giant-toggle-fluid .td.current {
    color: #0a6ece;
    border-bottom-color: #0a6ece
}

.fade-in-down {
    -webkit-animation-name: fade-in-down;
    animation-name: fade-in-down;
    -webkit-animation-duration: 0.25s;
    animation-duration: 0.25s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease
}

@-webkit-keyframes fade-in-down {
    from {
        opacity: 0;
        transform: translateY(-10px)
    }
    to {
        opacity: 1
    }
}

@keyframes fade-in-down {
    from {
        opacity: 0;
        transform: translateY(-10px)
    }
    to {
        opacity: 1
    }
}

.fade-in-up {
    -webkit-animation-name: fade-in-up;
    animation-name: fade-in-up;
    -webkit-animation-duration: 0.25s;
    animation-duration: 0.25s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease
}

@-webkit-keyframes fade-in-up {
    from {
        opacity: 0;
        transform: translateY(10px)
    }
    to {
        opacity: 1
    }
}

@keyframes fade-in-up {
    from {
        opacity: 0;
        transform: translateY(10px)
    }
    to {
        opacity: 1
    }
}

.fade-in-left {
    -webkit-animation-name: fade-in-left;
    animation-name: fade-in-left;
    -webkit-animation-duration: 0.25s;
    animation-duration: 0.25s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease
}

@-webkit-keyframes fade-in-left {
    from {
        opacity: 0;
        transform: translateX(10px)
    }
    to {
        opacity: 1
    }
}

@keyframes fade-in-left {
    from {
        opacity: 0;
        transform: translateX(10px)
    }
    to {
        opacity: 1
    }
}

.fade-in-right {
    -webkit-animation-name: fade-in-right;
    animation-name: fade-in-right;
    -webkit-animation-duration: 0.25s;
    animation-duration: 0.25s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease
}

@-webkit-keyframes fade-in-right {
    from {
        opacity: 0;
        transform: translateX(-10px)
    }
    to {
        opacity: 1
    }
}

@keyframes fade-in-right {
    from {
        opacity: 0;
        transform: translateX(-10px)
    }
    to {
        opacity: 1
    }
}

.fade-in-and-expand {
    -webkit-animation-name: fade-in-and-expand;
    animation-name: fade-in-and-expand;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease
}

@-webkit-keyframes fade-in-and-expand {
    from {
        opacity: 0;
        width: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fade-in-and-expand {
    from {
        opacity: 0;
        width: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-moz-keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.field-label-visually-hidden .label-text {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px)
}

.field.floating-label-when-invalid {
    position: relative
}

.field.floating-label-when-invalid.ng-required.ng-invalid .label-text {
    position: absolute;
    top: 0;
    right: 35px;
    left: 0;
    z-index: 1;
    padding: 0 12px;
    color: #697886;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    pointer-events: none
}

@media only screen and (min-width: 680px) {
    .field.floating-label-when-invalid.ng-required.ng-invalid .label-text {
        height: 32px;
        line-height: 32px;
        font-size: 14px
    }
}

@media only screen and (max-width: 679px) {
    .field.floating-label-when-invalid.ng-required.ng-invalid .label-text {
        height: 32px;
        line-height: 32px;
        font-size: 16px !important
    }
}

.field.floating-label-when-invalid.ng-required:not(.ng-invalid) .label-text {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px)
}

.field-cb, .field-cb-light {
    position: relative
}

.field-cb.ng-disabled label, .field-cb.ng-disabled input, .field-cb-light.ng-disabled label, .field-cb-light.ng-disabled input {
    cursor: default
}

.field-sms-optin, .field-cb-email, .field-cb-light, .field-cb {
    clear: both
}

.field-sms-optin label, .field-cb-email label, .field-cb-light label, .field-cb label {
    display: block;
    cursor: pointer
}

.field-sms-optin .the-field, .field-cb-email .the-field, .field-cb-light .the-field, .field-cb .the-field {
    float: left;
    width: 13px;
    margin-right: 6px
}

.field-sms-optin .label-text, .field-cb-email .label-text, .field-cb-light .label-text, .field-cb .label-text {
    float: left;
    max-width: calc(100% - 19px);
    max-width: -webkit-calc(100% - 19px)
}

@media only screen and (max-width: 679px) {
    .field-sms-optin .label-text, .field-cb-email .label-text, .field-cb-light .label-text, .field-cb .label-text {
        position: relative
    }
}

.field-cb.field-cb--right {
    float: right
}

.field-cb.field-cb--right .label-text {
    max-width: 100%;
    margin-left: 5px
}

.field-cb-fill {
    text-align: center;
    margin-bottom: 0
}

.field-cb-fill .label-text {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px)
}

.field-cb-fill label {
    display: block;
    padding: 6px
}

.field-cb-fill label::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.field-cb-fill:not(.ng-disabled) label {
    cursor: pointer
}

@media only screen and (hover: hover) {
    .field-cb-fill:not(.ng-disabled) label:hover::before {
        background-color: #e7ebef
    }
}

.field-cb-fill:not(.ng-disabled) label.focus-visible::before {
    background-color: #e7ebef
}

.field-cb-fill:not(.ng-disabled) label:active::before {
    background-color: #e2e6e9
}

.field-cb-fill-wrap {
    position: relative;
    width: 40px;
    flex: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch
}

.field-cb-light {
    color: #5a6672;
    margin-bottom: 10px
}

.field-cb-light .label-text {
    font-weight: normal !important
}

.field-cb-email {
    margin-top: 10px
}

.field-cb-email .label-text:before {
    content: ' ';
    display: inline-block;
    width: 15px;
    height: 11px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23697886%22%20viewBox%3D%220%200%2018.67%2014%22%3E%3Cpath%20d%3D%22M2%2C0A2%2C2%2C0%2C0%2C0%2C0%2C2V12a2%2C2%2C0%2C0%2C0%2C2%2C2H16.63a2%2C2%2C0%2C0%2C0%2C2-2V2a2%2C2%2C0%2C0%2C0-2-2ZM16.92%2C2.42V2a.29.29%2C0%2C0%2C0-.29-.29H2A.29.29%2C0%2C0%2C0%2C1.75%2C2v.38L9.33%2C6.86Zm-15.17%2C2V12a.29.29%2C0%2C0%2C0%2C.29.29H16.63a.29.29%2C0%2C0%2C0%2C.29-.29h0V4.44L9.78%2C8.63a.89.89%2C0%2C0%2C1-.89%2C0L1.75%2C4.44Z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
    background-size: 15px 11px;
    background-repeat: no-repeat;
    vertical-align: top;
    margin-top: 2px;
    margin-right: 2px
}

.field-sms-optin {
    margin: 10px 0
}

.sms-rates {
    display: block;
    margin-top: 5px;
    color: #697886;
    font-size: 12px
}

.field-textarea .the-field textarea {
    height: 120px
}

.field-labels-left-ng-dropdown .select-field-wrap {
    max-width: 500px
}

.field-growing-textarea textarea {
    height: 50px
}

.field-growing-textarea textarea:focus {
    height: 120px
}

.field.hours-field .the-field {
    width: 80px;
    float: left;
    margin-right: 8px
}

.field.hours-field .the-field input {
    text-align: right
}

.field.hours-field .hours-label {
    padding-left: 10px
}

@media only screen and (min-width: 680px) {
    .field.hours-field .hours-label {
        line-height: 32px
    }
}

@media only screen and (max-width: 679px) {
    .field.hours-field .hours-label {
        line-height: 32px
    }
}

.field.people-field {
    line-height: 28px
}

.field.people-field .the-field {
    width: 60px;
    float: left;
    margin-right: 8px
}

.field.people-field .the-field input {
    text-align: right
}

.field.people-field .people-label {
    padding-left: 10px
}

.field-select-full.ng-invalid .the-field {
    padding-right: 26px
}

.field-select-full select {
    width: 100%
}

.field-select-full.is-small select {
    font-size: 13px
}

.field-select-full:not(.is-small) select {
    font-size: 14px
}

.field-faux-select2 select, .ng-dropdown-disabled select, .select2-container--default .select2-selection--single {
    background-image: -webkit-linear-gradient(#fff, #fff);
    background-image: -ms-linear-gradient(#fff, #fff);
    background-image: linear-gradient(#fff, #fff)
}

.field-faux-select2 select:focus, .ng-dropdown-disabled select:focus, .select2-container--default .select2-selection--single:focus {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px #84929f, 0 0 0 4px #b8bfc4;
    box-shadow: 0 0 0 2px #b8bfc4;
    border-color: #84929f
}

.noisy-invalid-fields .field.ng-invalid .field-faux-select2 select:not(:focus), .field-faux-select2 .noisy-invalid-fields .field.ng-invalid select:not(:focus), .noisy-invalid-fields .field.ng-invalid .ng-dropdown-disabled select:not(:focus), .ng-dropdown-disabled .noisy-invalid-fields .field.ng-invalid select:not(:focus), .noisy-invalid-fields .field.ng-invalid .select2-container--default .select2-selection--single:not(:focus), .select2-container--default .noisy-invalid-fields .field.ng-invalid .select2-selection--single:not(:focus) {
    border-color: #ed501a;
    box-shadow: 0 0 1px 1px #ed501a
}

.field-faux-select2 select, .ng-dropdown-disabled select {
    display: block;
    box-sizing: border-box;
    font-family: inherit;
    font-weight: normal;
    color: #1f2428;
    width: 100%;
    max-width: 100%;
    margin: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none
}

.field-faux-select2 select::-ms-expand, .ng-dropdown-disabled select::-ms-expand {
    display: none
}

.field-faux-select2 select option, .ng-dropdown-disabled select option {
    font-weight: normal
}

@media only screen and (max-width: 679px) {
    .field-faux-select2 select, .ng-dropdown-disabled select {
        padding-left: 12px;
        padding-right: 24px;
        height: 32px;
        font-size: 16px
    }
}

@media only screen and (min-width: 680px) {
    .field-faux-select2.is-short .field-style-hook, .ng-dropdown-disabled.is-short .field-style-hook {
        right: 10px
    }

    .field-faux-select2.is-short select, .ng-dropdown-disabled.is-short select {
        padding-left: 8px;
        padding-right: 20px;
        border-radius: 3px;
        height: 24px
    }

    .field-faux-select2:not(.is-short) select, .ng-dropdown-disabled:not(.is-short) select {
        padding-left: 12px;
        padding-right: 24px;
        height: 32px;
        font-size: 14px
    }
}

@media only screen {
    .field-faux-select2 .field-style-hook, .ng-dropdown-disabled .field-style-hook {
        position: absolute;
        top: 50%;
        right: 12px;
        margin-top: -2px;
        transform: none;
        content: '';
        display: inline-block;
        transition: transform 0.15s ease-in-out;
        border-style: solid;
        border-color: transparent;
        border-width: 6px 4px 0 4px;
        border-top-color: #5a6672;
        color: #5a6672
    }

    @supports (mask-type:inherit) {
        .field-faux-select2 .field-style-hook, .ng-dropdown-disabled .field-style-hook {
            width: 8px;
            height: 6px;
            background-color: #5a6672;
            -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%207%204.88%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M.3%200C0%200-.1.2.1.44l3.1%204.26a.37.37%200%200%200%20.64%200L6.9.44C7.1.2%207%200%206.7%200z%22%2F%3E%3C%2Fsvg%3E");
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            mask-size: 8px 6px;
            border: 0
        }
    }
}

.field.ng-required.ng-invalid .field-faux-select2 select, .field-faux-select2.ng-required.ng-invalid select, .field.ng-required.ng-invalid .ng-dropdown-disabled select, .ng-dropdown-disabled.ng-required.ng-invalid select {
    padding-right: 48px
}

.field.ng-required.ng-invalid .field-faux-select2 .field-style-hook, .field-faux-select2.ng-required.ng-invalid .field-style-hook, .field.ng-required.ng-invalid .ng-dropdown-disabled .field-style-hook, .ng-dropdown-disabled.ng-required.ng-invalid .field-style-hook {
    right: 36px
}

@media only screen and (min-width: 680px) {
    .field-inline-count .the-field {
        width: 60px;
        display: inline-block;
        margin-left: 5px
    }

    .field-inline-count .the-field input {
        text-align: center
    }
}

.field-inline-select .label-text {
    float: left;
    padding-right: 10px
}

.full-name-fields td:first-child {
    width: 50%;
    padding-right: 10px
}

.field-radio-group.field-radio-group--large > li .badge, .field-radio-group-container ul.field-radio-group--large > li .badge {
    font-size: 12px
}

.field-radio-group.field-radio-group--large > li > label, .field-radio-group-container ul.field-radio-group--large > li > label {
    padding: 9px 12px
}

.field-radio-group.field-radio-group--extra-large > li > label, .field-radio-group-container ul.field-radio-group--extra-large > li > label {
    padding: 10px 15px
}

.field-radio-group .field-radio-inline-header, .field-radio-group-container ul .field-radio-inline-header {
    padding-top: 8px;
    padding-right: 12px;
    padding-bottom: 8px;
    padding-left: 12px;
    background: #f9fafb;
    font-weight: bold;
    border: 1px solid #d1d6db;
    border-bottom: 1px solid #afb8c0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.field-radio-group > li, .field-radio-group-container ul > li {
    position: relative
}

.field-radio-group > li:first-child > label, .field-radio-group-container ul > li:first-child > label {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-top: 1px solid #afb8c0
}

.field-radio-group > li:last-child > label, .field-radio-group > li:last-child > .radio-content, .field-radio-group-container ul > li:last-child > label, .field-radio-group-container ul > li:last-child > .radio-content {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom: 1px solid #afb8c0
}

.field-radio-group > li .radio-content, .field-radio-group-container ul > li .radio-content {
    position: relative;
    background: #fff;
    border-left: 1px solid #afb8c0;
    border-right: 1px solid #afb8c0;
    padding-top: 2px;
    padding-right: 12px;
    padding-bottom: 4px
}

@media only screen and (min-width: 921px) {
    .field-radio-group > li .radio-content, .field-radio-group-container ul > li .radio-content {
        padding-left: 45px
    }
}

@media only screen and (min-width: 679px) and (max-width: 920px) {
    .field-radio-group > li .radio-content, .field-radio-group-container ul > li .radio-content {
        padding-left: 10px
    }
}

@media only screen and (max-width: 679px) {
    .field-radio-group > li .radio-content, .field-radio-group-container ul > li .radio-content {
        padding-left: 45px
    }
}

.field-radio-group > li .radio-content:before, .field-radio-group-container ul > li .radio-content:before {
    content: ' ';
    display: block;
    width: 13px;
    height: 10px;
    position: absolute;
    left: 17px;
    top: 50%;
    margin-top: -5px;
    background-position: -59px -515px
}

@media only screen and (min-width: 679px) and (max-width: 920px) {
    .field-radio-group > li .radio-content:before, .field-radio-group-container ul > li .radio-content:before {
        display: none
    }
}

@media only screen and (min-width: 680px) {
    .field-radio-group > li .radio-content .tb, .field-radio-group-container ul > li .radio-content .tb {
        float: left;
        height: auto !important;
        margin-left: 2px
    }
}

@media only screen and (max-width: 679px) {
    .field-radio-group > li .radio-content .tb, .field-radio-group-container ul > li .radio-content .tb {
        clear: both
    }
}

.field-radio-group > li > label, .field-radio-group-container ul > li > label {
    display: block;
    background: #fff;
    border-left: 1px solid #afb8c0;
    border-right: 1px solid #afb8c0;
    padding: 8px 10px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.field-radio-group > li > label > input[type="radio"], .field-radio-group-container ul > li > label > input[type="radio"] {
    margin-right: 3px
}

.field-radio-group > li > label:not(.is-disabled), .field-radio-group-container ul > li > label:not(.is-disabled) {
    cursor: pointer
}

@media only screen and (hover: hover) {
    .field-radio-group > li > label:not(.is-disabled):hover, .field-radio-group-container ul > li > label:not(.is-disabled):hover {
        background-color: #e7ebef
    }
}

.field-radio-group > li > label.focus-visible:not(.is-disabled), .field-radio-group-container ul > li > label.focus-visible:not(.is-disabled) {
    background-color: #e7ebef
}

.field-radio-group > li > label.is-disabled, .field-radio-group-container ul > li > label.is-disabled {
    color: #697886
}

.field-radio-group > li > label.is-disabled .badge, .field-radio-group-container ul > li > label.is-disabled .badge {
    opacity: 0.8
}

.field-radio-group > li > label.radio-selected, .field-radio-group-container ul > li > label.radio-selected {
    background-color: #e3f0fc;
    font-weight: bold;
    color: #0a6ece
}

.field-radio-group > li > label.radio-selected.has-child, .field-radio-group-container ul > li > label.radio-selected.has-child {
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background: #e3f0fc;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e3f0fc), color-stop(100%, #fff));
    background: -webkit-linear-gradient(top, #e3f0fc 0%, #fff 100%);
    background: -ms-linear-gradient(top, #e3f0fc 0%, #fff 100%);
    background: linear-gradient(to bottom, #e3f0fc 0%, #fff 100%)
}

.field-radio-group > li.field-radio-icon--cc > label, .field-radio-group-container ul > li.field-radio-icon--cc > label {
    padding-right: 35px
}

.field-radio-group > li.field-radio-icon--cc > label:after, .field-radio-group-container ul > li.field-radio-icon--cc > label:after {
    content: '';
    position: absolute;
    height: 11px;
    width: 15px;
    top: 50%;
    margin-top: -6px;
    right: 10px;
    background-position: -180px -162px
}

.field-radio-group > li .icon-ideal, .field-radio-group > li .icon-sofort, .field-radio-group > li .icon-paypal, .field-radio-group > li .icon-bancontact, .field-radio-group-container ul > li .icon-ideal, .field-radio-group-container ul > li .icon-sofort, .field-radio-group-container ul > li .icon-paypal, .field-radio-group-container ul > li .icon-bancontact {
    position: absolute;
    top: 50%;
    right: 10px
}

.field-radio-group > li .icon-ideal, .field-radio-group-container ul > li .icon-ideal {
    height: 26px;
    margin-top: -13px
}

.field-radio-group > li .icon-sofort, .field-radio-group-container ul > li .icon-sofort {
    height: 25px;
    margin-top: -13px
}

.field-radio-group > li .icon-bancontact, .field-radio-group-container ul > li .icon-bancontact {
    height: 26px;
    margin-top: -13px
}

.field-radio-group > li .icon-paypal, .field-radio-group-container ul > li .icon-paypal {
    width: 64px;
    height: 16px;
    margin-top: -8px
}

.order-partial-payments .field {
    margin-bottom: 0
}

.order-partial-payments > li {
    margin: 5px 0
}

.order-partial-payments > li:not(:last-child) {
    padding-bottom: 5px;
    border-bottom: 1px solid #e0e3e6
}

.order-partial-payments > li:last-child {
    padding-right: 13px
}

.field-partial-payment-gross {
    margin-bottom: 0;
    line-height: 0;
    margin-top: 2px
}

@media only screen and (min-width: 680px) {
    .field-partial-payment-gross {
        float: left
    }
}

.field-copy-code {
    width: 100%;
    padding: 5px 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font: 12px Monaco, monospace;
    border: 1px solid #afb8c0;
    border-radius: 3px
}

.field-limited-character .the-field {
    line-height: 0
}

.field-limited-character .the-field textarea {
    height: 120px;
    padding-bottom: 35px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    resize: none;
    position: relative;
    z-index: 1
}

.field-limited-character .the-field textarea:not(.focus-visible) {
    box-shadow: none
}

@media only screen and (min-width: 680px) {
    .labels-left-group .field-limited-character {
        max-width: 500px
    }
}

.field-select-with-label-light .label-text {
    color: #768593;
    float: left;
    margin-right: 5px;
    margin-top: 1px
}

.field-capacity .label-text {
    float: left;
    height: 28px;
    line-height: 28px;
    padding-right: 8px
}

.field-capacity .the-field-outer {
    float: left;
    width: 100px
}

.the-field-outer.-is-translatable {
    display: block;
    position: relative
}

.the-field-outer.-is-translatable .the-field {
    margin-right: 26px;
    z-index: 2
}

.field-small-count {
    position: relative
}

.field-small-count input {
    padding-right: 30px
}

.field-boolean-radio {
    border-top: 1px solid #d1d6db;
    border-bottom: 1px solid #d1d6db
}

.field-boolean-radio label {
    display: block;
    cursor: pointer;
    padding: 9px 20px
}

@media only screen and (hover: hover) {
    .field-boolean-radio label:hover {
        background-color: #e7ebef
    }
}

.field-boolean-radio label.focus-visible {
    background-color: #e7ebef
}

.field-boolean-radio label input {
    margin-right: 3px
}

.field-boolean-radio label.radio-selected {
    background: #e3f0fc;
    color: #0a6ece;
    font-weight: bold
}

.field-radio-list label {
    display: block;
    cursor: pointer;
    padding: 5px 10px;
    border-radius: 4px
}

.field-radio-list label.radio-selected {
    background-color: #e3f0fc !important
}

@media only screen and (hover: hover) {
    .field-radio-list label:hover {
        background-color: #e7ebef
    }
}

.field-radio-list label.focus-visible {
    background-color: #e7ebef
}

@media only screen and (min-width: 680px) {
    .deposit-radio-fields {
        display: flex
    }

    .deposit-radio-fields li {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .deposit-radio-fields li:not(:last-child) {
        margin-right: 6px
    }
}

@media only screen and (max-width: 679px) {
    .deposit-radio-fields {
        overflow: hidden;
        border-width: 1px;
        border-style: solid;
        border-color: #afb8c0;
        border-radius: 4px;
        box-shadow: 0 1px 2px 0 #e8ebed;
        color: #1f2428;
        font-family: inherit;
        letter-spacing: inherit
    }

    .deposit-radio-fields:not(.radio-selected) {
        background-color: #fff
    }
}

@media only screen and (max-width: 679px) and (hover: hover) {
    .deposit-radio-fields:not([disabled]):hover {
        border-color: #84929f
    }
}

@media only screen and (max-width: 679px) {
    .deposit-radio-fields.focus-visible:not([disabled]) {
        border-color: #84929f
    }

    .deposit-radio-fields.focus-visible {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px #84929f, 0 0 0 4px #b8bfc4;
        box-shadow: 0 0 0 2px #b8bfc4;
        border-color: #84929f
    }
}

.deposit-radio-fields li label {
    display: block;
    cursor: pointer;
    padding: 8px 10px
}

@media only screen and (min-width: 680px) {
    .deposit-radio-fields li label {
        border-width: 1px;
        border-style: solid;
        border-color: #afb8c0;
        border-radius: 4px;
        box-shadow: 0 1px 2px 0 #e8ebed;
        color: #1f2428;
        font-family: inherit;
        letter-spacing: inherit
    }
}

@media only screen and (min-width: 680px) and (hover: hover) {
    .deposit-radio-fields li label:not([disabled]):hover {
        border-color: #84929f
    }
}

@media only screen and (min-width: 680px) {
    .deposit-radio-fields li label.focus-visible:not([disabled]) {
        border-color: #84929f
    }

    .deposit-radio-fields li label.focus-visible {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px #84929f, 0 0 0 4px #b8bfc4;
        box-shadow: 0 0 0 2px #b8bfc4;
        border-color: #84929f
    }
}

.deposit-radio-fields li label input[type="radio"] {
    margin-right: 3px
}

@media only screen and (hover: hover) {
    .deposit-radio-fields li label:hover {
        background-color: #e7ebef
    }
}

.deposit-radio-fields li label.focus-visible {
    background-color: #e7ebef
}

.deposit-radio-fields li label:active {
    background-color: #e2e6e9
}

.deposit-radio-fields li label.radio-selected {
    background: #e3f0fc;
    color: #0a6ece;
    font-weight: bold
}

.field-person-icon input, .field-svg-person-icon input, .field-phone-icon input, .field-email-icon input {
    padding-left: 34px
}

.field-person-icon .field-style-hook {
    position: absolute;
    width: 15px;
    height: 13px;
    left: 11px;
    top: 50%;
    margin-top: -7px;
    background-position: -342px -162px
}

.field-person-icon.ng-dirty.ng-invalid .field-style-hook {
    background-position: -360px -162px
}

.field-svg-person-icon .field-style-hook {
    position: absolute;
    left: 11px;
    top: 50%;
    margin-top: -7px;
    color: #afb8c0
}

.field-svg-person-icon.ng-dirty.ng-invalid .field-style-hook {
    color: #ed501a
}

.field-phone-icon .field-style-hook {
    position: absolute;
    width: 14px;
    height: 16px;
    left: 12px;
    top: 50%;
    margin-top: -8px;
    background-position: -378px -162px
}

.field-phone-icon.ng-dirty.ng-invalid .field-style-hook {
    background-position: -396px -162px
}

.field-email-icon .field-style-hook {
    position: absolute;
    width: 16px;
    height: 11px;
    left: 11px;
    top: 50%;
    margin-top: -5px;
    background-position: -126px -165px
}

.field-email-icon.ng-dirty.ng-invalid .field-style-hook {
    background-position: -108px -165px
}

.field-globe-icon select, .field-globe-icon input, .field-globe-icon .select2-selection__rendered {
    padding-left: 33px !important
}

.field-globe-icon .the-field::before {
    content: '';
    position: absolute;
    z-index: 1;
    width: 16px;
    height: 16px;
    left: 11px;
    top: 50%;
    margin-top: -8px;
    background-position: -268px -484px
}

.field-globe-icon .form-link-subtle {
    display: inline-block;
    margin-bottom: 4px
}

.select-field-wrap {
    display: block;
    position: relative;
    line-height: 0
}

.select-field-wrap.has-jump-link .the-field {
    width: calc(100% - 26px);
    width: -webkit-calc(100% - 26px)
}

.translation-jump-link, .select-jump-link {
    position: absolute;
    top: 0;
    right: 0;
    width: 26px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

@media only screen and (min-width: 680px) {
    .translation-jump-link, .select-jump-link {
        height: 30px
    }
}

@media only screen and (max-width: 679px) {
    .translation-jump-link, .select-jump-link {
        height: 30px
    }
}

.translation-jump-link {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #f9fafb;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-top: 1px solid #afb8c0;
    border-right: 1px solid #afb8c0;
    border-bottom: 1px solid #afb8c0
}

.translation-jump-link:hover, .translation-jump-link.current {
    background-color: #e7ebef
}

.select-jump-link {
    border-top: 1px solid #e0e3e6;
    border-right: 1px solid #e0e3e6;
    border-bottom: 1px solid #e0e3e6
}

.select-jump-link:before {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -5px;
    left: 50%;
    margin-left: -6px;
    width: 16px;
    height: 14px;
    background-position: -448px -180px
}

@media only screen and (min-width: 680px) {
    .row-of-inputs {
        width: calc(100% - -16px);
        width: -webkit-calc(100% - -16px);
        table-layout: fixed;
        border-spacing: 8px;
        margin: -8px
    }
}

.field-seating {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
    padding: 8px 12px;
    border: 1px solid #afb8c0;
    border-radius: 3px
}

.book-anon .field-seating {
    font-size: 14px
}

@media only screen and (hover: hover) {
    .field-seating:hover {
        border-color: #84929f
    }

    .field-seating:hover span.btn-grey--light {
        background-color: #d1d6db
    }
}

.field-seating.focus-visible {
    border-color: #84929f
}

.field-seating.focus-visible span.btn-grey--light {
    background-color: #d1d6db
}

.field-seating.focus-visible {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px #84929f, 0 0 0 4px #b8bfc4;
    box-shadow: 0 0 0 2px #b8bfc4;
    border-color: #84929f
}

.field-seating.selected {
    border-color: transparent
}

.field-seating.selected:not(.focus-visible) {
    box-shadow: 0 0 0 3px #0a6ece
}

.field-seating.selected.focus-visible {
    box-shadow: 0 0 0 3px #0a6ece, 0 0 0 4px #fff, 0 0 0 5px #84929f, 0 0 0 7px #b8bfc4
}

.field-seating .field-seating-btn {
    order: 2;
    margin-left: auto;
    padding-left: 20px
}

.colorpicker {
    line-height: 15px
}

.colorpicker:after {
    content: '';
    display: table;
    clear: both;
    border-spacing: 0
}

.colorpicker .swatch {
    -webkit-appearance: none;
    -moz-appearance: none;
    float: left;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    margin-right: 3px;
    cursor: pointer;
    border-radius: 5px;
    border-width: 1px;
    border-style: solid;
    border-color: transparent
}

.colorpicker .swatch:not(.focus-visible) {
    box-shadow: 0 1px 2px 0 #e8ebed
}

.colorpicker .swatch.no-color {
    background: #fff;
    border-color: #d1d6db
}

.colorpicker .swatch.no-color.active::after {
    background-color: #1f2428
}

.colorpicker .swatch.active::after {
    content: '';
    display: block;
    margin-left: 4px;
    width: 6px;
    height: 6px;
    border-radius: 10px;
    background-color: #fff;
    opacity: 0.9
}

.item-color-form .field-colorpicker {
    margin-top: -4px;
    margin-bottom: 10px
}

.smush-fields .field {
    margin-bottom: 0
}

.field-margin-bottom {
    margin-bottom: 5px
}

.field-admin-badge .label-text:before {
    content: 'FH';
    position: relative;
    display: inline-block;
    padding: 0 4px;
    border-radius: 3px;
    border-width: 1px;
    border-style: solid;
    cursor: inherit;
    border-width: 0;
    font-size: 0.9em;
    background-color: #478fd1;
    color: #fff;
    line-height: 1.2
}

.field-select-max-width-100 {
    display: inline-block;
    max-width: 100%
}

.field-select-max-width-100 select {
    width: 100%
}

.hex-color-preview {
    display: inline-block;
    margin-top: 5px;
    padding: 2px 5px;
    color: #fff;
    border-radius: 3px
}

.field-card-number input {
    padding-right: 62px
}

.acceptance-marks {
    pointer-events: none
}

.acceptance-marks li {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50px;
    padding-top: 8px;
    padding-bottom: 8px;
    text-align: right;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.acceptance-marks svg {
    width: auto;
    max-height: 100%;
    max-width: 50px;
    opacity: 0;
    transform: translate3d(10px, 0, 0);
    transition: 150ms;
    transition-delay: 100ms
}

.card-type-visa .icon-visa, .card-type-mc .icon-mastercard, .card-type-amex .icon-amex, .card-type-discover .icon-discover, .card-type-jcb .icon-jcb, .card-type-diners .icon-diners, .card-type-cup .icon-cup {
    opacity: 1;
    transform: translate3d(0, 0, 0)
}

.field-amount .the-field {
    display: inline-block;
    position: relative;
    padding-left: 110px
}

@media only screen and (min-width: 680px) {
    .field-amount .the-field {
        height: 32px;
        line-height: 32px
    }
}

@media only screen and (max-width: 679px) {
    .field-amount .the-field {
        height: 32px;
        line-height: 32px
    }
}

.field-amount .the-field input {
    width: 110px;
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 25px;
    text-align: right
}

@media only screen and (min-width: 680px) {
    .field-amount .the-field input {
        height: 32px
    }
}

@media only screen and (max-width: 679px) {
    .field-amount .the-field input {
        height: 32px
    }
}

.field-amount .the-field .field-amount-icon, .field-amount .the-field .field-style-hook {
    display: block;
    position: absolute;
    top: 50%;
    left: 12px;
    height: 20px;
    line-height: 20px;
    margin-top: -10px;
    color: #84929f
}

.field-amount .the-field .field-amount-icon {
    z-index: 1
}

.capture-amount {
    padding-bottom: 6px;
    padding-left: 12px
}

.capture-amount .the-field {
    vertical-align: middle
}

.field.datepicker {
    position: relative
}

.field.datepicker .the-field {
    width: 130px
}

.field.datepicker input {
    width: 130px;
    text-align: right;
    padding-left: 30px
}

.field.datepicker .field-style-hook {
    position: absolute;
    width: 16px;
    height: 16px;
    left: 12px;
    top: 50%;
    margin-top: -8px;
    color: #697886
}

.field-markdown .the-field textarea {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    position: relative;
    z-index: 1
}

.field-markdown .the-field textarea:not(.focus-visible) {
    box-shadow: none
}

.markdown-field-tb {
    overflow: hidden
}

.markdown-preview {
    overflow: auto;
    padding: 10px 14px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    background: #fff;
    border: 1px solid #afb8c0;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

.field-percent.ng-invalid.ng-required .the-field input, .field-degrees.ng-invalid.ng-required .the-field input {
    padding-right: 42px !important
}

.field-percent.ng-invalid.ng-required .the-field .field-style-hook, .field-degrees.ng-invalid.ng-required .the-field .field-style-hook {
    right: 30px
}

.field-percent .the-field, .field-degrees .the-field {
    display: inline-block;
    position: relative;
    font-size: 13px;
    min-width: 86px
}

@media only screen and (min-width: 680px) {
    .field-percent .the-field, .field-degrees .the-field {
        height: 32px;
        line-height: 32px
    }
}

@media only screen and (max-width: 679px) {
    .field-percent .the-field, .field-degrees .the-field {
        height: 32px;
        line-height: 32px
    }
}

.field-percent .the-field input, .field-degrees .the-field input {
    position: absolute;
    top: 0;
    left: 0;
    padding-right: 25px;
    text-align: right
}

@media only screen and (min-width: 680px) {
    .field-percent .the-field input, .field-degrees .the-field input {
        height: 32px;
        font-size: 14px
    }
}

@media only screen and (max-width: 679px) {
    .field-percent .the-field input, .field-degrees .the-field input {
        height: 32px
    }
}

.field-percent .the-field .field-style-hook, .field-degrees .the-field .field-style-hook {
    display: block;
    position: absolute;
    top: 50%;
    right: 12px;
    height: 20px;
    line-height: 20px;
    margin-top: -10px;
    color: #84929f
}

@media only screen and (min-width: 680px) {
    .field-percent.field-percent-labels-after, .field-degrees.field-percent-labels-after {
        line-height: 32px
    }
}

@media only screen and (max-width: 679px) {
    .field-percent.field-percent-labels-after, .field-degrees.field-percent-labels-after {
        line-height: 32px
    }
}

.field-percent.field-percent-labels-after .the-field, .field-degrees.field-percent-labels-after .the-field {
    float: left
}

.field-percent.field-percent-labels-after .percent-label, .field-degrees.field-percent-labels-after .percent-label {
    display: inline-block;
    padding-left: 10px
}

.field-percent .field-style-hook::before {
    content: '%'
}

.field-degrees .field-style-hook::before {
    content: '°';
    font-size: 20px
}

.field.timepicker {
    position: relative
}

.field.timepicker .the-field {
    width: 110px
}

.field.timepicker input {
    width: 110px;
    text-align: right;
    padding-left: 32px
}

.field.timepicker .field-style-hook {
    display: block;
    width: 13px;
    height: 14px;
    position: absolute;
    background-position: -347px -277px;
    left: 12px;
    top: 50%;
    margin-top: -7px;
    pointer-events: none
}

.field-routing {
    position: relative
}

.field-routing .the-field {
    height: 35px
}

.field-routing input {
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 28px
}

.field-routing .field-style-hook {
    display: block;
    position: absolute;
    height: 35px;
    line-height: 35px;
    left: 12px;
    color: #84929f
}

.field-routing .field-style-hook:before {
    content: '⑆'
}

.field-checking-account {
    position: relative
}

.field-checking-account .the-field {
    height: 35px
}

.field-checking-account input {
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 28px
}

.field-checking-account .field-style-hook {
    display: block;
    position: absolute;
    height: 35px;
    line-height: 35px;
    left: 12px;
    color: #84929f
}

.field-checking-account .field-style-hook:before {
    content: '⑈'
}

.international-phone-field.no-country .label-text {
    padding-left: 56px !important
}

.international-phone-field.no-country .intl-tel-input.allow-dropdown input[type=text], .international-phone-field.no-country .intl-tel-input.allow-dropdown input[type=tel] {
    padding-left: 56px !important
}

.international-phone-field.no-country .intl-tel-input:not(.allow-dropdown) input[type=text], .international-phone-field.no-country .intl-tel-input:not(.allow-dropdown) input[type=tel] {
    padding-left: 34px !important
}

.international-phone-field.no-country .intl-tel-input .selected-flag {
    width: 49px !important
}

.international-phone-field.no-country .intl-tel-input .selected-flag .iti-flag {
    display: none
}

.international-phone-field .label-text {
    padding-left: 80px !important
}

.international-phone-field .intl-tel-input {
    display: block
}

.international-phone-field .intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
    background-color: #e7ebef
}

.international-phone-field .intl-tel-input.allow-dropdown .flag-container .selected-flag {
    background-color: transparent
}

.international-phone-field .intl-tel-input.allow-dropdown .selected-flag {
    width: 73px;
    border-right: 1px solid #d1d6db
}

.international-phone-field .intl-tel-input.allow-dropdown input[type=text], .international-phone-field .intl-tel-input.allow-dropdown input[type=tel] {
    padding-left: 80px
}

.international-phone-field .intl-tel-input:not(.allow-dropdown) .flag-container {
    right: auto
}

.international-phone-field .intl-tel-input:not(.allow-dropdown) .selected-flag {
    width: 58px
}

.international-phone-field .intl-tel-input:not(.allow-dropdown) .selected-flag:after {
    display: none
}

.international-phone-field .intl-tel-input:not(.allow-dropdown) input[type=text], .international-phone-field .intl-tel-input:not(.allow-dropdown) input[type=tel] {
    padding-left: 65px
}

.international-phone-field .intl-tel-input input[type=text], .international-phone-field .intl-tel-input input[type=tel] {
    padding-right: 30px
}

.international-phone-field .intl-tel-input .selected-flag {
    padding-left: 34px;
    padding-right: 7px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    word-wrap: normal
}

.international-phone-field .intl-tel-input .selected-flag:after {
    transform: none;
    content: '';
    display: inline-block;
    transition: transform 0.15s ease-in-out;
    border-style: solid;
    border-color: transparent;
    border-width: 5px 3.5px 0 3.5px;
    border-top-color: #5a6672;
    position: absolute;
    top: 50%;
    right: 7px;
    margin-top: -2px;
    pointer-events: none
}

@supports (mask-type:inherit) {
    .international-phone-field .intl-tel-input .selected-flag:after {
        width: 7px;
        height: 5px;
        background-color: #5a6672;
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%207%204.88%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M.3%200C0%200-.1.2.1.44l3.1%204.26a.37.37%200%200%200%20.64%200L6.9.44C7.1.2%207%200%206.7%200z%22%2F%3E%3C%2Fsvg%3E");
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        mask-size: 7px 5px;
        border: 0
    }
}

.international-phone-field .intl-tel-input .selected-flag .iti-flag {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    left: 34px;
    margin: 0;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.35);
    vertical-align: middle;
    background-color: #768593
}

.international-phone-field .intl-tel-input .selected-flag .iti-arrow {
    display: none
}

.international-phone-field .intl-tel-input .country-list {
    top: 100%;
    z-index: 2500;
    margin: -1px 0 15px 0;
    border: 0;
    box-shadow: 0 4px 13px -4px rgba(0, 0, 0, 0.6);
    white-space: normal
}

.international-phone-field .intl-tel-input .country-list.dropup {
    top: auto;
    margin: 15px 0 -1px 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.international-phone-field .intl-tel-input .country-list .country {
    padding: 7px 15px;
    line-height: 1.2
}

.international-phone-field .intl-tel-input .country-list .country.highlight {
    background-color: #e7ebef
}

.international-phone-field .intl-tel-input .country-list .country.active {
    background-color: #0a6ece;
    color: #fff
}

.international-phone-field .intl-tel-input .country-list .country.active .dial-code {
    color: rgba(255, 255, 255, 0.67)
}

.international-phone-field .intl-tel-input .country-list .country .dial-code {
    color: #697886
}

.international-phone-field .intl-tel-input .country-list .divider {
    margin-bottom: 5px;
    padding-bottom: 5px
}

.iti-mobile .intl-tel-input.iti-container {
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch
}

.iti-flag {
    background-image: url("/Assets/images/flags.png")
}

@media only screen and (min-resolution: 2dppx), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
    .iti-flag {
        background-image: url("/Assets/images/flags@2x.png")
    }
}

.a-pixel-img, .a-embed-iframes-container {
    position: fixed;
    left: -5000px;
    top: 0;
    width: 1px
}

.a-pixel-img {
    height: 1px
}

.a-embed-iframe {
    width: 1px;
    height: 1px;
    border: none
}

@media only screen {
    .company-section {
        background-color: #f9fafb
    }
}

@media only screen and (min-width: 680px) {
    body.company-section {
        overflow-y: scroll
    }
}

.company-box-shadow, .static-page-sidebar, .suggested-items .suggested-item-inner {
    -webkit-box-shadow: 0 0 8px #bbb;
    box-shadow: 0 0 8px #bbb
}

@media only screen and (min-width: 680px) {
    .company-wrap {
        max-width: 980px;
        margin: 0 auto;
        padding-left: 20px;
        padding-right: 20px
    }
}

@media only screen and (min-width: 680px) {
    .company-wrap-inner {
        padding: 30px 45px
    }
}

@media only screen and (max-width: 679px) {
    .company-wrap-inner {
        padding-top: 22px;
        padding-right: 25px;
        padding-bottom: 22px;
        padding-left: 25px
    }
}

@media only screen and (min-width: 680px) {
    .company-wrap-lr-padding {
        padding-right: 45px;
        padding-left: 45px
    }
}

@media only screen and (max-width: 679px) {
    .company-wrap-lr-padding {
        padding-right: 25px;
        padding-left: 25px
    }
}

body:not(.book-embed) .company-container {
    background: #fff
}

body:not(.company-container--show-overflow) body:not(.book-embed) .company-container {
    overflow: hidden
}

@media only screen and (min-width: 680px) {
    body:not(.book-embed) .company-container {
        border: 1px solid #afb8c0;
        border-radius: 5px;
        box-shadow: 0 4px 13px -4px rgba(0, 0, 0, 0.6)
    }
}

body.profile-showing-404 .full-page-redirect {
    display: none
}

body.profile-showing-404.profile-is-disabled .company-header, body.profile-showing-404.profile-is-disabled .book-embed-nav, body.profile-showing-404.profile-is-disabled .company-footer, body.profile-showing-404.profile-is-disabled .company-page-footer {
    display: none
}

body.is-full-page-redirecting:not(.profile-showing-404) {
    overflow: hidden !important
}

body.is-full-page-redirecting:not(.profile-showing-404) .full-page-redirect {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 20px;
    background: #fff;
    z-index: 9999
}

.flow-back-to-cart {
    display: block;
    padding: 15px 10px;
    border-bottom: 1px solid #e0e3e6;
    text-align: center;
    color: #0a6ece;
    font-size: 17px
}

.flow-back-to-cart:hover {
    background-color: #e7ebef
}

.flow-back-to-cart svg {
    width: 17px;
    height: 15px;
    margin-bottom: -1px;
    margin-right: 3px
}

.flow-back-to-cart::after {
    transform: translateY(-1px) rotate(-90deg);
    content: '';
    display: inline-block;
    transition: transform 0.15s ease-in-out;
    border-style: solid;
    border-color: transparent;
    border-width: 6px 4px 0 4px;
    border-top-color: currentColor;
    vertical-align: middle;
    margin-left: 4px
}

@supports (mask-type:inherit) {
    .flow-back-to-cart::after {
        width: 8px;
        height: 6px;
        background-color: currentColor;
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%207%204.88%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M.3%200C0%200-.1.2.1.44l3.1%204.26a.37.37%200%200%200%20.64%200L6.9.44C7.1.2%207%200%206.7%200z%22%2F%3E%3C%2Fsvg%3E");
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        mask-size: 8px 6px;
        border: 0
    }
}

.flow-breadcrumbs a {
    display: inline-block;
    color: #0a6ece;
    text-decoration: underline;
    border-radius: 3px;
}

.flow-breadcrumbs {
    border-bottom: 1px solid #e0e3e6
}

@media only screen and (min-width: 680px) {
    .flow-breadcrumbs {
        padding: 0px
    }
}

@media only screen and (max-width: 679px) {
    .flow-breadcrumbs {
        padding: 8px 17px
    }
}

.flow-breadcrumbs ol {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.flow-breadcrumbs ol > li {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.flow-breadcrumbs a, .flow-breadcrumbs .breadcrumb-current {
    padding: 8px
}

.flow-breadcrumbs a {
    display: inline-block;
    color: #0a6ece;
    text-decoration: underline;
    border-radius: 3px
}

.flow-breadcrumbs a:hover {
    background-color: #e7ebef
}

.flow-breadcrumbs .icon-arrow-rounded {
    margin-left: 5px;
    margin-right: 5px;
    color: #afb8c0
}

.flow-breadcrumbs svg {
    display: block;
    overflow: visible
}

.company-container-back {
    border-bottom: 1px solid #e0e3e6;
    overflow: hidden;
    position: relative;
    padding-top: 15px;
    padding-bottom: 15px
}

@media only screen and (min-width: 680px) {
    .company-container-back {
        padding-left: 45px;
        padding-right: 45px
    }
}

@media only screen and (max-width: 679px) {
    .company-container-back {
        padding-left: 25px;
        padding-right: 25px
    }
}

.company-container-back.company-container-back--centered {
    text-align: center;
    line-height: 0
}

.company-container-back .btn-back {
    float: left
}

.company-container-back .required-fields-note {
    float: right;
    color: #5a6672
}

@media only screen and (min-width: 680px) {
    .company-container-back .required-fields-note {
        margin-top: 12px
    }
}

.flow-header {
    border-bottom: 1px solid #e0e3e6
}

.flow-header.is-preview {
    pointer-events: none
}

@media only screen and (min-width: 680px) {
    .flow-header {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding-top: 25px;
        padding-right: 45px;
        padding-bottom: 25px;
        padding-left: 40px
    }
}

@media only screen and (max-width: 679px) {
    .flow-header {
        padding-top: 18px;
        padding-right: 25px;
        padding-bottom: 18px;
        padding-left: 25px
    }
}

@media only screen and (min-width: 680px) {
    .flow-header .flow-header-company {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        padding-right: 15px
    }
}

.flow-header .flow-header-logo-wrap {
    max-width: 500px
}

.flow-header .flow-header-logo-wrap img {
    display: block;
    height: auto;
    max-width: 100%;
    max-height: 80px
}

.flow-header h1, .flow-header h2 {
    font-weight: bold;
    line-height: 1;
    letter-spacing: normal
}

.flow-header h1, .flow-header .h1 {
    font-size: 26px
}

.flow-header h2 {
    font-size: 24px
}

@media only screen and (min-width: 680px) {
    .flow-header-button-wrap {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        min-width: 300px;
        margin-left: auto;
        text-align: right
    }
}

@media only screen and (max-width: 679px) {
    .flow-header-button-wrap {
        margin-top: 25px
    }
}

.flow-header-button {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 40px;
    font-size: 16px
}

.flow-header-button:not(.focus-visible) {
    box-shadow: 0 2px 11px -5px rgba(0, 0, 0, 0.6)
}

.flow-search-button {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.flow-search-button:hover a {
    background: #085cac
}

.flow-search-button button, .flow-search-button a {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.flow-search-button button {
    min-width: 220px;
    padding-left: 15px;
    padding-right: 15px;
    cursor: pointer;
    border: 2px solid #afb8c0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-right: 0;
    color: #0a6ece
}

.flow-search-button button svg {
    margin-right: 10px;
    pointer-events: none
}

.flow-search-button a {
    padding-left: 12px;
    padding-right: 10px;
    background: #0a6ece;
    color: #fff;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.flow-search-button a svg {
    width: 16px;
    height: 16px
}

.flow-activities-button {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    border: 1px solid #afb8c0;
    border-radius: 5px
}

@media only screen and (hover: hover) {
    .flow-activities-button:hover {
        background-color: #e7ebef;
        border-color: #0a6ece;
        color: #0a6ece
    }

    .flow-activities-button:hover .flow-activities-button-icon {
        background-color: #0a6ece;
        color: #fff
    }
}

.flow-activities-button.focus-visible {
    background-color: #e7ebef;
    border-color: #0a6ece;
    color: #0a6ece
}

.flow-activities-button.focus-visible .flow-activities-button-icon {
    background-color: #0a6ece;
    color: #fff
}

.flow-activities-button .flow-activities-button-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    padding-right: 12px;
    padding-left: 12px;
    background-color: #f1f2f4;
    color: #4c5761
}

.flow-activities-button .flow-activities-button-icon svg {
    overflow: visible
}

.flow-activities-button .flow-activities-button-icon svg.icon-seating {
    width: 15px;
    height: 15px
}

.flow-activities-button .flow-activities-button-text {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    padding-right: 15px;
    padding-left: 15px
}

.company-print-logo {
    padding-right: 15px
}

.company-page-main {
    padding-bottom: 30px
}

@media only screen and (min-width: 680px) {
    .company-page-main {
        padding-top: 30px
    }
}

@media only screen and (min-width: 680px) {
    .sticky.sticky-pinned {
        position: absolute
    }

    .sticky.sticky-floating {
        position: fixed !important
    }

    .company-page-main {
        position: relative
    }

    .company-column-secondary {
        width: 32%;
        max-width: 310px;
        float: left
    }

    .company-column-primary {
        width: 66.3333%;
        float: right;
        margin-bottom: 25px
    }
}

@media only screen and (max-width: 679px) {
    .company-footer-items {
        padding: 0 20px
    }
}

@media only screen {
    .company-text-heading {
        padding: 10px 0
    }

    .company-text-heading:not(.text-left) {
        text-align: center
    }
}

.company-text-heading h2, .company-text-heading h3 {
    font-weight: bold
}

@media only screen {
    .company-text-heading h2, .company-text-heading h3 {
        font-size: 25px;
        line-height: 1;
        padding-bottom: 8px
    }
}

@media only print {
    .company-text-heading h2, .company-text-heading h3 {
        font-size: 20px
    }
}

.company-text-heading p {
    color: #697886;
    font-size: 15px
}

@media only print {
    .company-text-heading p {
        color: #555
    }
}

.company-text-heading p b {
    font-weight: normal;
    color: #5a6672
}

.company-text-call-button {
    margin: 12px 0 15px 0
}

.pin-location {
    color: #0a6ece;
    margin-top: 5px
}

.pin-location:before {
    content: ' ';
    display: inline-block;
    width: 10px;
    height: 15px;
    background-position: -377px -277px;
    vertical-align: text-top;
    margin-right: 5px
}

.shiny-button, .calendar-button {
    -webkit-box-shadow: inset 0px 1px 0px 0px #85B7D8;
    box-shadow: inset 0px 1px 0px 0px #85B7D8;
    border-radius: 4px;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #08549d;
    text-shadow: 1px 2px 3px #0859a7;
    background: #2282cc;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2282cc), color-stop(100%, #0e62a2));
    background: -webkit-linear-gradient(top, #2282cc 0%, #0e62a2 100%);
    background: -ms-linear-gradient(top, #2282cc 0%, #0e62a2 100%);
    background: linear-gradient(to bottom, #2282cc 0%, #0e62a2 100%)
}

.shiny-button:hover, .calendar-button:hover {
    background: #2c8fdc;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2c8fdc), color-stop(100%, #1070b9));
    background: -webkit-linear-gradient(top, #2c8fdc 0%, #1070b9 100%);
    background: -ms-linear-gradient(top, #2c8fdc 0%, #1070b9 100%);
    background: linear-gradient(to bottom, #2c8fdc 0%, #1070b9 100%)
}

.shiny-button:active, .calendar-button:active {
    background: #336f9c;
    box-shadow: 0 0 15px #364c56 inset
}

.company-home {
    background: #fff;
    position: relative
}

.company-home .company-home-content .company-name {
    color: #1d5988;
    font-weight: normal;
    font-size: 24px;
    line-height: 24px
}

.company-home .company-home-content .company-url {
    color: #0a6ece;
    padding-top: 5px
}

.company-home .company-home-content .company-intro {
    padding-top: 15px;
    color: #666;
    font-size: 14px;
    line-height: 1.3
}

.company-home .pin-location {
    display: block;
    font-size: 14px
}

@media only screen and (min-width: 680px) {
    .company-home {
        -webkit-box-shadow: 0 0 8px #bbb;
        box-shadow: 0 0 8px #bbb;
        padding: 3px;
        overflow: hidden
    }

    .company-home .company-home-slideshow {
        width: 650px;
        height: 340px;
        float: left
    }

    .company-home:not(.has-slideshow) .company-home-content-outer {
        margin: 0 auto;
        max-width: 600px;
        text-align: center;
        padding: 30px
    }

    .company-home:not(.has-slideshow) .pin-location {
        margin-top: 20px
    }

    .company-home.has-slideshow .company-home-content-outer {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 321px;
        background: #fff
    }

    .company-home.has-slideshow .company-home-content {
        padding: 30px;
        overflow-y: auto;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 60px;
        left: 0
    }

    .company-home.has-slideshow .company-home-content-fade {
        width: 310px;
        height: 30px;
        position: absolute;
        bottom: 60px;
        right: 0;
        background: url("/Assets/images/company-home-content-fade.png") bottom left repeat-x;
        pointer-events: none
    }

    .company-home.has-slideshow .pin-location {
        position: absolute;
        bottom: 25px;
        left: 30px
    }
}

@media only screen and (max-width: 679px) {
    .company-home .company-home-content-outer {
        padding: 25px
    }

    .company-home .pin-location {
        margin-top: 15px
    }
}

.faq-page-booking-notes {
    padding-top: 30px
}

.company-header-general {
    color: #1d5988;
    font-size: 17px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 25px;
    text-align: center
}

.book-direct {
    padding: 32px 20px 20px 20px
}

.book-direct .book-direct-badge {
    display: block;
    width: 93px;
    height: 93px;
    background-position: -96px -5px;
    text-indent: -99999em;
    float: left;
    margin-top: -15px;
    margin-right: 10px
}

.book-direct .book-direct-text {
    background: #e4e4e4;
    color: #525252;
    padding: 10px;
    font-size: 12px;
    margin-left: 30px;
    border-radius: 4px
}

.book-direct .book-direct-text b {
    font-weight: normal;
    color: #2b2b2b
}

@media only screen and (max-width: 679px) {
    .all-items-wrap {
        padding: 15px
    }
}

@media only screen and (min-width: 680px) {
    .all-items-toggle {
        display: inline-block
    }
}

@media only screen and (max-width: 679px) {
    .all-items-toggle {
        display: block
    }
}

@media only screen and (min-width: 680px) {
    .all-items-toggle li {
        float: left
    }
}

.all-items-toggle a {
    display: block;
    height: 38px;
    line-height: 38px;
    cursor: pointer;
    padding: 0 20px;
    font-size: 15px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #afb8c0
}

@media only screen and (min-width: 680px) {
    .all-items-toggle a {
        float: left
    }
}

@media only screen and (max-width: 679px) {
    .all-items-toggle a {
        text-align: left
    }
}

.all-items-toggle a.all-items-toggle-grid {
    border-top-left-radius: 5px
}

@media only screen and (min-width: 680px) {
    .all-items-toggle a.all-items-toggle-grid {
        border-right: 1px solid #0a6ece;
        border-bottom-left-radius: 5px
    }
}

@media only screen and (max-width: 679px) {
    .all-items-toggle a.all-items-toggle-grid {
        border-bottom: 1px solid #0a6ece;
        border-top-right-radius: 5px
    }
}

.all-items-toggle a.all-items-toggle-calendar {
    position: relative;
    border-bottom-right-radius: 5px;
    padding-left: 47px
}

@media only screen and (min-width: 680px) {
    .all-items-toggle a.all-items-toggle-calendar {
        border-left: 0;
        border-top-right-radius: 5px
    }
}

@media only screen and (max-width: 679px) {
    .all-items-toggle a.all-items-toggle-calendar {
        border-top: 0;
        border-bottom-left-radius: 5px
    }
}

.all-items-toggle a.all-items-toggle-calendar svg {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    left: 20px
}

.all-items-toggle a:not(.current):hover {
    background-color: #e7ebef
}

.all-items-toggle a.current {
    border-color: #0a6ece;
    color: #0a6ece;
    background-color: #f5fafe
}

.all-items-toggle a.current:not(.focus-visible) {
    box-shadow: 0 0 0 1px #0a6ece inset
}

.company-page-actual-footer {
    margin-top: 25px;
    margin-bottom: 20px
}

.company-page-actual-footer .book-embed-footer {
    border-top: 1px solid #d1d6db
}

.company-header .company-header-inner {
    background-position: top center
}

@media only print {
    .company-header .company-header-inner {
        background: none !important
    }
}

.company-header.fill-bg .company-header-inner {
    background-size: cover;
    background-position: 50% 50%
}

@media only screen {
    .company-header.custom-bg.bg-color-faded .company-header-fade {
        background: url("/Assets/images/company-header-fade.png") bottom left repeat-x
    }
}

@media only screen and (min-width: 680px) {
    .company-header {
        position: relative
    }

    .company-header .company-header-fade {
        padding-bottom: 44px
    }

    .company-header .company-header-nav {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(0, 0, 0, 0.5);
        height: 44px;
        z-index: 500
    }
}

@media only screen and (max-width: 679px) {
    .company-header .company-header-nav + .company-header-nav {
        border-top: 1px solid #000
    }
}

.company-header img {
    max-width: 100%
}

@media only screen and (min-width: 680px) {
    .company-header img {
        max-height: 225px
    }
}

.company-header .company-header-mast {
    text-align: center
}

@media only screen and (min-width: 680px) {
    .company-header .company-header-mast {
        padding: 55px 0
    }
}

@media only screen and (max-width: 679px) {
    .company-header .company-header-mast {
        padding: 25px 20px
    }
}

@media only screen and (min-width: 680px) {
    .company-header.has-logo .company-header-mast {
        padding: 30px 0
    }
}

.company-header .company-header-name h1 {
    font-size: 26px
}

.company-header.custom-bg .company-header-name h1 {
    color: #fff;
    text-shadow: 0 0 25px #000
}

.company-header .company-summary {
    font-size: 22px;
    max-width: 980px;
    margin: 0 auto;
    padding-top: 10px
}

@media only screen and (min-width: 680px) {
    .company-header .company-summary {
        padding-left: 25px;
        padding-right: 25px
    }
}

@media only screen and (max-width: 679px) {
    .company-header .company-summary {
        font-size: 20px
    }
}

.company-header.custom-bg .company-summary {
    color: #fff;
    text-shadow: 0 0 25px #000
}

.company-header-nav-wrap {
    position: relative
}

@media only screen and (max-width: 679px) {
    .company-nav {
        background: #3e3e3e;
        overflow: hidden;
        min-height: 44px
    }
}

@media only screen and (min-width: 680px) {
    .company-nav > .cn-item:first-child > a {
        border-left: 1px solid #000
    }
}

@media only screen and (min-width: 680px) {
    .company-nav .cn-item {
        float: left
    }
}

.company-nav .cn-item.company-nav-shiny-button > a {
    background: #2282cc;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2282cc), color-stop(100%, #0e62a2));
    background: -webkit-linear-gradient(top, #2282cc 0%, #0e62a2 100%);
    background: -ms-linear-gradient(top, #2282cc 0%, #0e62a2 100%);
    background: linear-gradient(to bottom, #2282cc 0%, #0e62a2 100%)
}

.company-nav .cn-item > a {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 44px;
    color: #fff;
    font-size: 16px;
    line-height: 44px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media only screen and (min-width: 680px) {
    .company-nav .cn-item > a {
        border-right: 1px solid #000;
        padding: 0 18px
    }
}

html.not-touch .company-nav .cn-item > a:hover {
    background: #f6f6f6;
    color: #000
}

@media only screen and (max-width: 679px) {
    .company-nav .cn-item > a {
        width: 50%;
        white-space: nowrap
    }

    .cn-item.cn-item-cart > a {
        width: 100%
    }
}

.company-nav .cn-item.current > a {
    background: #f6f6f6;
    color: #000
}

.company-nav .cn-item > a.toggled {
    background: #fff !important;
    color: #000
}

.company-nav .company-nav-flyout-button > a:after {
    content: ' ';
    display: inline-block;
    width: 7px;
    height: 5px;
    background-position: -348px -342px;
    margin-bottom: 2px;
    margin-left: 8px
}

html.not-touch .company-nav .company-nav-flyout-button > a:hover:after, html.not-touch .company-nav .company-nav-flyout-button > a:active:after {
    background-position: -348px -326px
}

.company-nav .company-nav-flyout-button.current > a:after, .company-nav .company-nav-flyout-button a.toggled:after {
    background-position: -348px -326px
}

@media only screen and (max-width: 679px) {
    .activities-menu-button {
        position: absolute;
        top: 0;
        left: 0
    }

    .activities-menu-button:before {
        content: ' ';
        display: inline-block;
        width: 13px;
        height: 10px;
        margin-right: 10px
    }

    .book-now-menu-button {
        position: absolute;
        top: 0;
        left: 0
    }

    .mobile-nav-menu-button {
        position: absolute;
        top: 0;
        right: 0;
        border-left: 1px solid #000
    }
}

.activities-menu-button:before {
    background-position: -466px -181px
}

.activities-menu-button.toggled:before {
    background-position: -466px -193px
}

html.not-touch .activities-menu-button:hover:before {
    background-position: -466px -193px
}

@media only screen and (max-width: 679px) {
    .activities-menu {
        background: #fff;
        padding: 20px;
        clear: both;
        border-bottom: 1px solid #000;
        margin-top: 44px
    }
}

.mobile-nav-menu {
    background: #fff;
    color: #000;
    border-bottom: 1px solid #000;
    margin-top: 44px
}

.social-media-nav {
    float: right
}

.social-media-nav > .cn-item > a {
    padding: 0 12px;
    border: 0 !important
}

.nav-url {
    text-transform: none !important;
    letter-spacing: normal !important
}

.nav-url:before {
    content: ' ';
    display: inline-block;
    width: 9px;
    height: 9px;
    background-position: -491px -181px
}

.nav-url:hover:before {
    background-position: -491px -192px
}

@media only screen and (min-width: 680px) {
    .sm-label {
        display: none
    }
}

@media only screen and (max-width: 679px) {
    .sm-icon {
        margin-right: 8px
    }
}

.sm-icon {
    vertical-align: text-top;
    height: 20px
}

.nav-twitter {
    width: 18px;
    background-position: -127px -383px
}

.nav-twitter.mobile, a:hover .nav-twitter {
    background-position: -127px -405px
}

.nav-facebook {
    width: 15px;
    background-position: -110px -383px
}

.nav-facebook.mobile, a:hover .nav-facebook {
    background-position: -110px -405px
}

.nav-googleplus {
    width: 19px;
    background-position: -147px -383px
}

.nav-googleplus.mobile, a:hover .nav-googleplus {
    background-position: -147px -405px
}

.nav-yelp {
    width: 14px;
    background-position: -94px -383px
}

.nav-yelp.mobile, a:hover .nav-yelp {
    background-position: -94px -405px
}

.nav-tripadvisor {
    width: 28px;
    background-position: -64px -383px
}

.nav-tripadvisor.mobile, a:hover .nav-tripadvisor {
    background-position: -64px -405px
}

.nav-instagram {
    width: 18px;
    background-position: -44px -383px
}

.nav-instagram.mobile, a:hover .nav-instagram {
    background-position: -44px -405px
}

.nav-youtube {
    width: 42px;
    background-position: 0 -383px
}

.nav-youtube.mobile, a:hover .nav-youtube {
    background-position: 0 -405px
}

.nav-pinterest {
    width: 18px;
    background-position: -168px -383px
}

.nav-pinterest.mobile, a:hover .nav-pinterest {
    background-position: -168px -405px
}

.nav-cart {
    width: 20px;
    height: 18px;
    margin-top: 1px;
    margin-right: 2px;
    background-position: -322px -383px
}

.nav-cart.mobile, a:hover .nav-cart, li.current .nav-cart {
    background-position: -300px -383px
}

.company-section-invoice {
    background-color: #fff
}

.pay-invoice-header {
    position: relative;
    background-color: #e5f1fb;
    border-bottom: 1px solid #ccd4d8
}

@media only screen and (min-width: 680px) {
    .pay-invoice-header {
        padding: 30px
    }
}

@media only screen and (max-width: 679px) {
    .pay-invoice-header {
        padding: 20px
    }
}

.pay-invoice-header-graphic {
    display: block;
    height: 94px;
    width: 88px
}

@media only screen and (min-width: 680px) {
    .pay-invoice-header-graphic {
        position: absolute;
        top: 50%;
        margin-top: -47px;
        left: 30px
    }
}

@media only screen and (max-width: 679px) {
    .pay-invoice-header-graphic {
        margin: 0 auto 15px auto
    }
}

@media only screen and (min-width: 680px) {
    .pay-invoice-header-inner {
        max-width: 480px;
        margin-left: 120px
    }
}

.pay-invoice-header-content {
    padding-top: 5px;
    padding-bottom: 15px;
    line-height: 1.4
}

@media only screen and (min-width: 680px) {
    .auth-book-wrap {
        padding-top: 15px;
        padding-right: 15px;
        padding-left: 15px
    }

    .auth-book-wrap:not(.book-form-no-fields) .book-form-auth-width {
        max-width: 1100px
    }

    .auth-book-wrap.book-form-no-fields .book-form-auth-width {
        width: 820px
    }

    .auth-book-wrap .auth-book-shim, .auth-book-wrap .book-form-tb-wrap {
        position: fixed;
        z-index: 100
    }

    .auth-book-wrap .auth-book-shim {
        top: 43px;
        right: 15px;
        left: 15px
    }

    .auth-book-wrap .auth-book-shim-inner {
        height: 16px;
        margin: 0 auto;
        background: #f9fafb;
        border-right: 1px solid #f9fafb;
        border-bottom: 1px solid #d1d6db;
        border-left: 1px solid #f9fafb
    }

    .auth-book-wrap .book-form-tb-wrap {
        top: 60px;
        right: 16px;
        left: 16px
    }

    .auth-book-wrap .book-form-tb {
        margin: 0 auto;
        background: #fff;
        border-bottom: 1px solid #e0e3e6
    }
}

@media only screen and (max-width: 679px) {
    .book-form-tb-wrap {
        padding-bottom: 12px
    }

    .book-form-tb-wrap .tb {
        background-color: #fff
    }
}

@media only screen and (min-width: 679px) and (max-width: 920px) {
    body:not(.showing-sidepanel) .auth-book-wrap {
        padding-left: 0;
        padding-right: 0
    }

    body:not(.showing-sidepanel) .auth-book-shim, body:not(.showing-sidepanel) .book-form-tb-wrap {
        left: 0;
        right: 0
    }

    body:not(.showing-sidepanel) .book-auth {
        border-left: 0;
        border-right: 0
    }
}

@media only screen and (min-width: 679px) and (max-width: 1150px) {
    body.showing-sidepanel .auth-book-wrap {
        padding-left: 0;
        padding-right: 0
    }

    body.showing-sidepanel .auth-book-shim, body.showing-sidepanel .book-form-tb-wrap {
        left: 0;
        right: 0
    }

    body.showing-sidepanel .book-auth {
        border-left: 0;
        border-right: 0
    }

    body.showing-sidepanel .book-form-tb-wrap, body.showing-sidepanel .auth-book-shim {
        left: 230px !important
    }
}

@media only screen and (min-width: 680px) {
    .auth-book-sidebar-right-wrap {
        float: right
    }
}

@media only screen and (min-width: 680px) {
    .book-form-no-fields .auth-book-sidebar, .book-form-no-fields .auth-book-sidebar-right-wrap, .book-form-no-fields .auth-book-customers-prompt {
        width: 410px !important
    }
}

@media only screen and (min-width: 1151px) {
    body.showing-sidepanel .auth-book-sidebar, body.showing-sidepanel .auth-book-sidebar-right-wrap, body.showing-sidepanel .auth-book-customers-prompt {
        width: 302px
    }
}

@media only screen and (min-width: 679px) and (max-width: 1150px) {
    body.showing-sidepanel .auth-book-sidebar, body.showing-sidepanel .auth-book-sidebar-right-wrap, body.showing-sidepanel .auth-book-customers-prompt {
        width: 242px
    }
}

@media only screen and (min-width: 921px) {
    body:not(.showing-sidepanel) .auth-book-sidebar, body:not(.showing-sidepanel) .auth-book-sidebar-right-wrap, body:not(.showing-sidepanel) .auth-book-customers-prompt {
        width: 302px
    }
}

@media only screen and (min-width: 679px) and (max-width: 920px) {
    body:not(.showing-sidepanel) .auth-book-sidebar, body:not(.showing-sidepanel) .auth-book-sidebar-right-wrap, body:not(.showing-sidepanel) .auth-book-customers-prompt {
        width: 242px
    }
}

@media only screen and (min-width: 680px) {
    .auth-book-middle {
        position: relative;
        clear: left
    }
}

@media only screen and (min-width: 1151px) {
    body.showing-sidepanel .auth-book-middle {
        left: 302px;
        width: calc(100% - 604px);
        width: -webkit-calc(100% - 604px)
    }
}

@media only screen and (min-width: 679px) and (max-width: 1150px) {
    body.showing-sidepanel .auth-book-middle {
        left: 242px;
        width: calc(100% - 484px);
        width: -webkit-calc(100% - 484px)
    }
}

@media only screen and (min-width: 921px) {
    body:not(.showing-sidepanel) .auth-book-middle {
        left: 302px;
        width: calc(100% - 604px);
        width: -webkit-calc(100% - 604px)
    }
}

@media only screen and (min-width: 679px) and (max-width: 920px) {
    body:not(.showing-sidepanel) .auth-book-middle {
        left: 242px;
        width: calc(100% - 484px);
        width: -webkit-calc(100% - 484px)
    }
}

@media only screen and (min-width: 680px) {
    .auth-book-sidebar {
        position: absolute;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        top: 0
    }

    .auth-book-sidebar.left {
        left: 0;
        border-right: 1px solid #e0e3e6
    }

    .auth-book-sidebar.shim-left {
        bottom: 0;
        border-right: 1px solid #e0e3e6
    }

    .auth-book-sidebar.right {
        border-left: 1px solid transparent
    }

    .auth-book-sidebar.shim-right {
        right: 0;
        bottom: 0;
        border-left: 1px solid #e0e3e6;
        background-color: #f9fafb
    }

    .auth-book-sidebar.sticky.sticky-floating.left {
        left: auto
    }
}

@media only screen and (max-width: 679px) {
    .auth-book-sidebar.left, .auth-book-sidebar.right {
        border-top: 1px solid #ddd
    }
}

@media only screen and (min-width: 680px) {
    .auth-book-sidebar-section {
        padding-top: 10px;
        padding-right: 15px;
        padding-bottom: 10px;
        padding-left: 12px
    }

    .auth-book-sidebar-section.is-big {
        padding-top: 12px;
        padding-bottom: 12px
    }

    .auth-book-sidebar-section.ava-section {
        padding-bottom: 5px
    }
}

@media only screen and (max-width: 679px) {
    .auth-book-sidebar-section {
        padding: 15px 20px
    }
}

.auth-book-sidebar-section.with-border {
    border-bottom: 1px solid #e0e3e6
}

.auth-book-sidebar-section.auth-contact-mobile {
    border-top: 1px solid #e0e3e6
}

.auth-book-customers-prompt {
    margin-top: 30px;
    color: #697886;
    text-align: center;
    width: 302px
}

.auth-book-customers-prompt:before {
    content: '';
    display: block;
    width: 34px;
    height: 19px;
    margin: 0 auto 8px auto;
    background-position: -183px -277px
}

@media only screen and (min-width: 680px) {
    .unbookable-page {
        max-width: 980px;
        margin-top: 30px;
        margin-right: auto;
        margin-bottom: 30px;
        margin-left: auto
    }
}

@media only screen and (min-width: 680px) {
    .anon-book-wrap {
        padding: 30px 0
    }
}

.create-booking {
    position: relative;
    overflow: visible
}

.create-booking.form-loading .form-errors {
    display: none
}

.create-booking.book-auth {
    background-color: #fff
}

@media only screen and (min-width: 680px) {
    .create-booking.book-auth {
        padding-top: 37px;
        margin: 0 auto
    }
}

@media only screen and (min-width: 921px) {
    .create-booking.book-auth {
        border-left: 1px solid #d1d6db;
        border-right: 1px solid #d1d6db;
        border-bottom: 1px solid #d1d6db
    }
}

@media only screen and (min-width: 680px) {
    .create-booking.book-auth.form-loading .book-form-fields {
        margin-top: 200px;
        border-top: 1px solid #a8a8a8
    }

    .create-booking.book-auth.form-loading .form-loading-overlay {
        background: rgba(255, 255, 255, 0.36)
    }
}

@media only screen and (max-width: 679px) {
    .create-booking.book-auth.form-loading {
        height: 250px;
        overflow: hidden
    }
}

.create-booking.book-auth .company-container-back {
    padding-top: 7px;
    padding-bottom: 7px
}

.create-booking.book-auth .company-container-back .btn-back {
    margin-left: -15px
}

.create-booking.book-anon.form-loading, .create-booking.book-anon-columns.form-loading {
    height: 250px;
    overflow: hidden
}

.create-booking.book-anon.form-loading .book-anon-columns-wrap, .create-booking.book-anon-columns.form-loading .book-anon-columns-wrap {
    display: none
}

.create-booking .company-container-back {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.create-booking .book-form-fields {
    position: relative
}

.create-booking .form-errors li {
    text-align: center;
    margin: 10px;
    font-size: 14px;
    border-radius: 5px
}

@media only screen and (min-width: 680px) {
    .create-booking .form-errors li {
        padding: 15px 50px
    }
}

@media only screen and (max-width: 679px) {
    .create-booking .form-errors li {
        padding: 15px
    }
}

.custom-fields-wrap {
    padding-bottom: 15px !important
}

.booking-sub-header {
    margin-bottom: 17px;
    font-size: 16px
}

.booking-sub-header:not(.fh-green) {
    color: #5a6672
}

.book-form-header {
    position: relative
}

@media only screen and (min-width: 680px) {
    .book-anon-columns .book-form-header .company-wrap-inner {
        padding-top: 45px;
        padding-right: 5.1%;
        padding-bottom: 45px;
        padding-left: 5.1%
    }

    .book-anon-columns .book-form-header .book-form-header-ratings {
        float: right
    }
}

@media only screen and (min-width: 680px) {
    .book-form-header .book-form-header-availability {
        vertical-align: middle;
        padding-right: 25px
    }
}

@media only screen and (max-width: 679px) and (max-width: 679px) {
    .book-form-header .book-form-header-availability:after {
        content: '';
        display: table;
        clear: both;
        border-spacing: 0
    }
}

@media only screen and (min-width: 680px) {
    .book-anon .book-form-header .book-form-header-availability {
        width: 50%
    }
}

@media only screen and (min-width: 680px) {
    .book-form-header .book-form-header-availability .book-form-header-image {
        padding-right: 17px
    }
}

@media only screen and (max-width: 679px) {
    .book-form-header .book-form-header-availability .book-form-header-image {
        float: right;
        margin-left: 10px
    }
}

.book-form-header .book-form-header-for {
    vertical-align: middle
}

@media only screen and (min-width: 680px) {
    .book-anon .book-form-header .book-form-header-for {
        width: 48%;
        max-width: 435px
    }
}

@media only screen and (max-width: 679px) {
    .book-anon .book-form-header .book-form-header-for .customer-type-rate-counts {
        margin-top: 22px
    }
}

.book-form-header .book-form-header-for .customer-type-rate-counts > li:last-child .field {
    margin-bottom: 0 !important
}

.booking-item {
    margin-bottom: 5px;
    font-size: 25px;
    line-height: 1;
    font-weight: bold
}

.booking-availability {
    font-size: 15px
}

.book-anon-columns .book-anon-columns-wrap {
    position: relative;
    border-top: 1px solid #e0e3e6
}

.book-anon-columns .book-anon-columns-wrap:after {
    content: '';
    display: table;
    clear: both;
    border-spacing: 0
}

@media only screen and (min-width: 680px) {
    .book-anon-columns .book-anon-columns-left {
        float: left;
        box-sizing: border-box;
        width: 65%
    }

    .book-anon-columns .book-anon-columns-right-shim {
        box-sizing: border-box;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 35%;
        border-left: 1px solid #d1d6db;
        background-color: #f9fafb
    }

    .book-anon-columns .book-anon-columns-right-wrap {
        float: right;
        width: 35%;
        position: relative;
        z-index: 1011
    }
}

@media only screen and (min-width: 680px) {
    .book-anon-columns .book-anon-columns-right {
        position: absolute;
        top: 0;
        box-sizing: border-box;
        overflow: hidden
    }
}

@media only screen and (max-width: 679px) {
    .book-anon-columns .book-anon-columns-right {
        width: auto !important
    }
}

.book-anon-columns .book-anon-columns-section {
    padding-top: 20px;
    padding-bottom: 20px
}

@media only screen and (min-width: 680px) {
    .book-anon-columns .book-anon-columns-section {
        padding-right: 8%;
        padding-left: 8%
    }
}

@media only screen and (max-width: 679px) {
    .book-anon-columns .book-anon-columns-section {
        padding-right: 25px;
        padding-left: 25px
    }
}

.book-anon-columns .book-anon-columns-section.with-bottom-border {
    border-bottom: 1px solid #e0e3e6
}

.book-anon-columns .book-anon-columns-section.is-header {
    font-size: 19px;
    background-color: #f1f2f4
}

.book-anon-columns .book-anon-columns-section-narrow {
    max-width: 450px
}

.book-anon-columns .book-form-complete-left, .book-anon-columns .book-form-complete-middle {
    padding-bottom: 15px
}

.book-anon-columns .gift-card-wrap {
    margin-bottom: 25px
}

.book-anon-columns .form-errors--middle {
    display: none
}

.book-form-customers {
    position: relative;
    border-top: 1px solid #e0e3e6
}

.book-anon .book-form-customers {
    background-color: #f1f2f4
}

@media only screen and (min-width: 680px) {
    .book-auth .book-form-customers {
        padding-bottom: 0 !important
    }
}

.book-anon .book-form-booking-fields {
    border-top: 1px solid #e0e3e6
}

@media only screen and (min-width: 680px) {
    .book-anon .book-form-booking-fields {
        padding: 30px 45px
    }

    .book-anon .book-form-booking-fields .custom-field-values {
        max-width: 550px;
        margin: 0 auto
    }
}

@media only screen and (max-width: 679px) {
    .book-anon .book-form-booking-fields {
        padding-top: 22px;
        padding-right: 25px;
        padding-bottom: 22px;
        padding-left: 25px
    }
}

@media only screen and (min-width: 680px) {
    .book-auth .book-form-booking-fields {
        padding: 15px 25px
    }
}

@media only screen and (max-width: 679px) {
    .book-auth .book-form-booking-fields {
        padding: 15px 20px
    }
}

.form-link-subtle {
    text-decoration: underline;
    font-size: 12px;
    color: #697886
}

.book-form-policies {
    background: #fff;
    text-align: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (min-width: 680px) {
    .book-form-policies {
        border-radius: 5px;
        position: absolute;
        top: 50%;
        height: 400px;
        margin-top: -200px;
        left: 50%;
        width: 800px;
        margin-left: -400px;
        border: 1px solid #000;
        box-shadow: 0 4px 13px -4px rgba(0, 0, 0, 0.6)
    }
}

@media only screen and (max-width: 679px) {
    .book-form-policies {
        position: relative
    }
}

.book-form-policies-copy {
    padding: 20px 35px;
    border-top: 1px solid #e0e3e6
}

@media only screen and (min-width: 680px) {
    .book-form-policies-copy {
        position: absolute;
        top: 50px;
        right: 0;
        bottom: 0;
        left: 0;
        overflow-y: scroll
    }
}

.chunky-error {
    border-bottom: 1px solid #ddd
}

.chunky-error.light-orange .chunky-error-inner {
    background-color: #FFE7D1 !important
}

.chunky-error.orange .chunky-error-inner {
    background-color: #f37f25 !important
}

.chunky-error.orange .chunky-error-content {
    border-color: #f37f25
}

.chunky-error.red .chunky-error-inner {
    background-color: #c02b2b !important
}

.chunky-error.red .chunky-error-content {
    border-color: #c02b2b
}

.chunky-error.orange .chunky-error-inner, .chunky-error.red .chunky-error-inner {
    color: #fff
}

.chunky-error.orange .chunky-error-inner:after, .chunky-error.red .chunky-error-inner:after {
    background-position: -348px -342px
}

.chunky-error-inner {
    position: relative;
    padding: 7px 15px;
    font-weight: bold
}

.chunky-error-inner.toggleable {
    cursor: pointer
}

.chunky-error-inner.toggleable.toggled {
    background-color: #fff
}

.chunky-error-inner.toggleable:after {
    transform: none;
    content: '';
    display: inline-block;
    transition: transform 0.15s ease-in-out;
    border-style: solid;
    border-color: transparent;
    border-width: 5px 3.5px 0 3.5px;
    border-top-color: currentColor;
    position: absolute;
    top: 50%;
    margin-top: -2px;
    right: 15px
}

@supports (mask-type:inherit) {
    .chunky-error-inner.toggleable:after {
        width: 7px;
        height: 5px;
        background-color: currentColor;
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%207%204.88%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M.3%200C0%200-.1.2.1.44l3.1%204.26a.37.37%200%200%200%20.64%200L6.9.44C7.1.2%207%200%206.7%200z%22%2F%3E%3C%2Fsvg%3E");
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        mask-size: 7px 5px;
        border: 0
    }
}

.chunky-error-content {
    padding: 12px 15px 0 15px;
    border-color: transparent;
    border-style: solid;
    border-left-width: 2px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    background-color: #fff
}

.chunky-error-content.limit-height {
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-bottom: 12px
}

@media only screen and (min-width: 680px) {
    .book-anon .company-wrap-inner {
        padding: 40px 45px
    }

    .book-anon .company-wrap-inner:after {
        content: '';
        display: table;
        clear: both;
        border-spacing: 0
    }
}

@media only screen and (max-width: 679px) {
    .book-anon .company-wrap-inner {
        padding-top: 22px;
        padding-right: 25px;
        padding-bottom: 22px;
        padding-left: 25px
    }
}

@media only screen and (min-width: 680px) {
    .book-anon .book-form-complete-columns {
        padding: 40px 45px
    }

    .book-anon .book-form-complete-columns:after {
        content: '';
        display: table;
        clear: both;
        border-spacing: 0
    }
}

@media only screen and (max-width: 679px) {
    .book-anon .book-form-complete-columns {
        padding-right: 25px;
        padding-left: 25px
    }
}

.book-auth .company-wrap-inner {
    padding: 15px 25px
}

@media only screen and (min-width: 680px) {
    .book-anon .book-form-complete-left {
        float: left;
        width: 30.4%;
        margin-right: 2.8%
    }

    .book-anon .book-form-complete-middle {
        float: left;
        width: 35.5%;
        margin-right: 2.8%
    }

    .book-anon .book-form-complete-right {
        float: right;
        width: 28.4%
    }
}

@media only screen and (max-width: 679px) {
    .book-anon .book-form-complete-left, .book-anon .book-form-complete-middle, .book-anon .book-form-complete-right {
        margin-top: 22px;
        margin-bottom: 22px
    }
}

.auth-booking-ava .availability-image {
    float: right;
    margin-left: 10px
}

.auth-booking-ava .auth-booking-ava-item {
    font-size: 14px;
    margin-bottom: 4px
}

.auth-booking-ava .auth-booking-ava-date {
    display: block;
    font-size: 15px;
    font-weight: bold
}

.auth-booking-ava .auth-book-public-headline {
    opacity: 0.8;
    margin-top: 4px
}

.auth-booking-ava .auth-booking-private-headline {
    margin-top: 8px;
    padding-top: 6px;
    border-top: 1px solid #d1d6db
}

.book-form-contact .field.field-cb-light {
    margin-bottom: 3px
}

.book-form-send-email {
    margin-bottom: 10px
}

.book-form-send-email .email-form {
    margin-top: 8px
}

.book-form-affiliate {
    clear: both
}

.book-form-affiliate select {
    width: 100%;
    margin: 0
}

.booking-block-info {
    clear: both;
    color: #697886;
    padding-left: 19px;
    padding-top: 8px
}

.booking-block-info .block-overbook-message {
    color: #1f2428;
    padding-bottom: 8px
}

.booking-block-info .booking-block-stat {
    padding-bottom: 3px
}

.booking-block-info .booking-block-stat.current-block {
    padding-bottom: 10px
}

@media only screen and (min-width: 680px) {
    .book-anon .book-form-payment .booking-sub-header {
        padding-left: 18px
    }
}

.booking-cancellation-policy {
    max-height: 140px;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    padding: 12px;
    margin-bottom: 15px;
    background: #f9fafb;
    border: 1px solid #e0e3e6
}

.book-form-booking-note textarea, .payment-comment textarea {
    height: 80px
}

.help-input-wrap {
    position: relative
}

.help-input-wrap .help-icon {
    position: absolute;
    top: 7px;
    left: 10px;
    cursor: help
}

.help-input-wrap input {
    padding-left: 32px
}

@media only screen and (min-width: 680px) {
    .book-anon .book-form-submit {
        padding: 0 45px 30px 45px;
        text-align: center
    }

    .book-anon .book-form-submit .book-form-submit-button {
        margin: 0 auto;
        max-width: 450px
    }
}

@media only screen and (max-width: 679px) {
    .book-anon .book-form-submit {
        padding-left: 25px;
        padding-right: 25px;
        margin-top: 22px;
        margin-bottom: 22px
    }
}

@media only screen and (min-width: 680px) {
    .book-anon .book-form-submit .paypal-checkout {
        width: 300px
    }
}

.book-form-warnings .badge {
    margin-bottom: 5px
}

.book-final-note {
    padding-bottom: 12px;
    padding-top: 10px
}

.booking-fh-tos-note {
    padding-top: 12px;
    color: #697886;
    font-size: 12px
}

.booking-fh-tos-note a {
    text-decoration: underline
}

.book-form-missing-fields {
    font-size: 14px;
    margin: 14px 0
}

@media only screen and (min-width: 680px) {
    .cart-submit .cart-submit-cancellation {
        width: 28.4%
    }

    .cart-submit .book-form-submit {
        padding: 0 0 0 20px
    }
}

@media only screen and (max-width: 679px) {
    .cart-submit .book-form-submit {
        padding-left: 0;
        padding-right: 0
    }
}

.customer-type-count-select {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;
    border: 1px solid #afb8c0;
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 #e8ebed;
    -moz-transition: opacity 200ms;
    -webkit-transition: opacity 200ms;
    transition: opacity 200ms
}

.customer-type-count-select .badge {
    margin-left: 3px
}

.customer-type-count-select:hover:not(.is-call-to-book):not(.is-already-full):not(.is-seat-full):not([class*="disabled"]) {
    border-color: #84929f
}

.customer-type-count-select:hover:not(.is-call-to-book):not(.is-already-full):not(.is-seat-full):not([class*="disabled"]) .customer-select {
    background-color: #005db7
}

.customer-type-count-select:focus-within {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px #84929f, 0 0 0 4px #b8bfc4;
    box-shadow: 0 0 0 2px #b8bfc4;
    border-color: #84929f
}

.customer-type-count-select:focus-within .focus-indicator {
    display: none !important
}

.customer-type-count-select:focus-within .customer-type-add-btn.focus-visible {
    box-shadow: none
}

.customer-type-count-select.select-count-max-not-overrideable.select-count-exclusively-disabled, .customer-type-count-select.select-count-max-not-overrideable.select-count-party-size-disabled, .customer-type-count-select.select-count-max-not-overrideable.is-already-full, .customer-type-count-select.is-seat-full {
    color: #767e84;
    border-color: #c9c9c9
}

.customer-type-count-select.select-count-max-not-overrideable.select-count-exclusively-disabled .customer-select-note, .customer-type-count-select.select-count-max-not-overrideable.select-count-party-size-disabled .customer-select-note, .customer-type-count-select.select-count-max-not-overrideable.is-already-full .customer-select-note, .customer-type-count-select.is-seat-full .customer-select-note {
    color: #767e84
}

.customer-type-count-select.select-count-max-not-overrideable.select-count-exclusively-disabled .customer-select, .customer-type-count-select.select-count-max-not-overrideable.select-count-party-size-disabled .customer-select, .customer-type-count-select.select-count-max-not-overrideable.is-already-full .customer-select, .customer-type-count-select.is-seat-full .customer-select {
    background-color: #efefef
}

.customer-type-count-select.select-count-max-not-overrideable.select-count-exclusively-disabled .customer-type-rate, .customer-type-count-select.select-count-max-not-overrideable.select-count-party-size-disabled .customer-type-rate, .customer-type-count-select.select-count-max-not-overrideable.is-already-full .customer-type-rate, .customer-type-count-select.is-seat-full .customer-type-rate {
    color: #767e84;
    border-left-color: #dbdbdb
}

.customer-type-count-select.select-count-max-not-overrideable.select-count-exclusively-disabled .customer-select-count, .customer-type-count-select.select-count-max-not-overrideable.select-count-party-size-disabled .customer-select-count, .customer-type-count-select.select-count-max-not-overrideable.is-already-full .customer-select-count, .customer-type-count-select.is-seat-full .customer-select-count {
    color: #787878;
    text-shadow: none
}

.customer-type-count-select.select-count-max-not-overrideable.select-count-exclusively-disabled .customer-select-count:after, .customer-type-count-select.select-count-max-not-overrideable.select-count-party-size-disabled .customer-select-count:after, .customer-type-count-select.select-count-max-not-overrideable.is-already-full .customer-select-count:after, .customer-type-count-select.is-seat-full .customer-select-count:after {
    background-position: -348px -311px
}

.customer-type-count-select.select-count-max-overrideable.select-count-exclusively-disabled, .customer-type-count-select.select-count-max-overrideable.select-count-party-size-disabled {
    opacity: 0.5
}

.customer-type-count-select.select-count-max-overrideable.select-count-exclusively-disabled:hover, .customer-type-count-select.select-count-max-overrideable.select-count-party-size-disabled:hover {
    opacity: 1
}

.customer-type-count-select.select-count-party-size-disabled .party-size-disabled, .customer-type-count-select.select-count-exclusively-disabled .exclusively-disabled {
    display: block
}

.customer-type-count-select .exclusively-disabled, .customer-type-count-select .party-size-disabled {
    display: none;
    font-size: 12px
}

.book-anon .customer-type-count-select.select-count-over-display-max, .book-anon .customer-type-count-select.select-count-below-display-min {
    border: 2px solid #ed501a
}

.book-anon .customer-type-count-select.select-count-over-display-max .too-many, .book-anon .customer-type-count-select.select-count-below-display-min .too-few {
    display: block
}

.customer-type-count-select .too-many, .customer-type-count-select .too-few {
    display: none;
    color: #ed501a;
    padding-top: 8px
}

.book-anon .customer-type-count-select .customer-type-info {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    padding: 7px 10px 7px 15px
}

.book-auth .customer-type-count-select .customer-type-info {
    padding: 5px 12px 4px 12px
}

.book-anon .customer-type-count-select .customer-type-info-header {
    font-size: 16px
}

.book-auth .customer-type-count-select .customer-type-info-header {
    font-size: 14px
}

.book-auth .customer-type-count-select .customer-type-info-header .customer-type-info-header--name {
    font-weight: bold
}

.book-anon .customer-type-count-select .customer-type-info-header .customer-type-info-header--rate {
    display: none
}

.customer-type-count-select .customer-select-note {
    color: #697886
}

.customer-type-count-select.is-call-to-book .customer-select {
    color: #fff;
    line-height: 14px;
    width: 75px;
    padding: 0 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.customer-type-count-select.is-call-to-book .icon-phone {
    width: 9px;
    height: 10px;
    margin-bottom: 1px
}

.customer-type-count-select.single-capacity {
    position: relative
}

.customer-type-count-select.single-capacity .customer-select {
    position: static
}

.customer-type-rate {
    padding-right: 15px;
    padding-left: 12px;
    margin-left: auto;
    text-align: right;
    font-size: 16px;
    color: #0a6ece;
    font-weight: bold
}

.book-auth .customer-type-rate {
    display: none !important
}

.customer-type-count-select-inner > label {
    min-height: 40px
}

.customer-select-count {
    position: relative;
    color: #fff;
    font-size: 17px;
    text-align: center;
    pointer-events: none;
    transition: opacity 100ms ease;
    transition-delay: 350ms
}

.customer-select-count:after {
    transform: none;
    content: '';
    display: inline-block;
    transition: transform 0.15s ease-in-out;
    border-style: solid;
    border-color: transparent;
    border-width: 6px 4px 0 4px;
    border-top-color: currentColor;
    vertical-align: middle;
    margin-bottom: 1px;
    margin-left: 4px
}

@supports (mask-type:inherit) {
    .customer-select-count:after {
        width: 8px;
        height: 6px;
        background-color: currentColor;
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%207%204.88%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M.3%200C0%200-.1.2.1.44l3.1%204.26a.37.37%200%200%200%20.64%200L6.9.44C7.1.2%207%200%206.7%200z%22%2F%3E%3C%2Fsvg%3E");
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        mask-size: 8px 6px;
        border: 0
    }
}

.customer-select {
    min-width: 75px;
    position: relative;
    overflow: hidden;
    background-color: #0a6ece
}

.customer-select .customer-select-inner {
    padding: 0 12px
}

.customer-select select {
    transition: opacity 100ms ease;
    transition-delay: 350ms;
    opacity: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    z-index: 10;
    border-radius: 0;
    font-size: 16px
}

.customer-select select.focus-visible + .focus-indicator {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px #84929f, 0 0 0 4px #b8bfc4;
    box-shadow: inset 0 0 0 2px #b8bfc4, inset 0 0 0 3px #84929f, inset 0 0 0 4px #fff
}

.customer-type-add-btn-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 94px;
    padding: 0 12px;
    font-size: 15px
}

.customer-type-add-btn-wrap.is-added {
    background: #fff;
    border-right: 1px solid #e0e3e6
}

.customer-type-add-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.customer-type-add-btn:not([disabled]) {
    color: #fff
}

.customer-type-add-btn svg {
    width: 12px;
    height: 12px;
    margin-right: 6px
}

.customer-type-added {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    color: #1D875A
}

.customer-type-added svg {
    width: 13px;
    height: 13px;
    margin-right: 4px
}

.book-form-totals {
    position: relative
}

.book-anon .book-form-totals {
    background: #f9fafb;
    border-bottom: 1px solid #e0e3e6;
    border-top: 1px solid #e0e3e6
}

.book-anon .book-form-totals:not(.has-secure-badge):not(.has-totals) {
    display: none
}

@media only screen and (min-width: 680px) {
    .book-anon .book-form-totals {
        padding: 15px 45px 15px 45px
    }
}

@media only screen and (max-width: 679px) {
    .book-anon .book-form-totals {
        padding: 12px 25px 12px 25px
    }

    .book-anon .book-form-totals:not(.has-totals) {
        display: none
    }
}

.apply-gift-card:hover {
    text-decoration: underline
}

.apply-gift-card .card-icon-small-black {
    margin-right: 4px;
    margin-bottom: -1px
}

.apply-gift-card-form .form-error {
    margin-top: 5px;
    margin-bottom: 0
}

@media only screen and (max-width: 679px) {
    .apply-gift-card-form {
        margin: 10px 0
    }
}

@media only screen and (min-width: 680px) {
    .gift-card-wrap {
        max-width: 405px
    }

    .gift-card-field {
        margin-bottom: 0;
        margin-right: 5px
    }

    .gift-card-buttons {
        width: 100px;
        white-space: nowrap
    }
}

.gift-card-close {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    margin-left: 2px;
    width: 12px;
    height: 12px;
    opacity: 0.7;
    background-repeat: no-repeat;
    background-size: 10px 10px;
    background-position: 1px 1px
}

.gift-card-close:hover {
    opacity: 1
}

.secure-badge {
    padding-right: 14px;
    padding-left: 14px;
    border: 1px solid rgba(29, 135, 90, 0.25);
    border-radius: 50px;
    background-color: #d9f2e1;
    color: #007025;
    text-align: center
}

.secure-badge svg {
    height: 12px;
    margin-right: 2px;
    margin-bottom: -1px
}

@media only screen and (min-width: 680px) {
    .secure-badge {
        padding-top: 4px;
        padding-bottom: 4px
    }

    .book-anon .secure-badge {
        float: left
    }
}

@media only screen and (max-width: 679px) {
    .secure-badge {
        padding-top: 6px;
        padding-bottom: 6px;
        margin-top: 22px;
        margin-right: 25px;
        margin-bottom: 22px;
        margin-left: 25px
    }
}

.book-form-totals-table {
    border-collapse: collapse
}

@media only screen and (min-width: 680px) {
    .book-form-totals-table {
        width: 100%
    }
}

.book-form-totals-table tr.toggled {
    display: none
}

.book-form-totals-table tr > td {
    padding-top: 3px;
    padding-bottom: 3px
}

.book-form-totals-table tr.is-highlighted > td {
    background-color: #fff1ba
}

.book-form-totals-table .subtotal-label {
    color: #5a6672
}

@media only screen and (min-width: 680px) {
    .book-anon .book-form-totals-table .subtotal-label {
        text-align: right
    }
}

.book-auth .book-form-totals-table .subtotal-label {
    padding: 1px 5px 1px 0
}

.book-form-totals-table .subtotal-value {
    white-space: nowrap
}

.book-anon .book-form-totals-table .subtotal-value {
    width: 70px;
    padding-left: 10px
}

.book-form-totals-table .final-total-label {
    color: #0a6ece;
    vertical-align: middle
}

.book-anon .book-form-totals-table .final-total-label {
    font-size: 17px
}

.book-auth .book-form-totals-table .final-total-label {
    font-size: 14px;
    font-weight: bold
}

.final-total {
    color: #0a6ece
}

.book-anon .final-total {
    font-size: 19px
}

.book-auth .final-total {
    font-size: 14px;
    font-weight: bold
}

.set-total-toggle .set-total-toggle-icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    cursor: pointer;
    background-size: 14px 14px;
    background-position: 2px 2px;
    background-repeat: no-repeat;
    border-radius: 3px;
    vertical-align: text-top;
    margin-top: -1px
}

.book-anon .set-total-toggle .set-total-toggle-icon {
    margin-top: -4px
}

.set-total-toggle:hover .set-total-toggle-icon {
    background-color: #e7ebef
}

.set-total-toggle:active .set-total-toggle-icon {
    background-color: #e2e6e9
}

.set-total-row td {
    padding-top: 5px
}

.set-total-difference {
    color: #697886
}

.set-total-input {
    position: relative
}

.set-total-input .field {
    margin-right: 28px;
    margin-bottom: 0
}

.set-total-input .button-close {
    top: 8px;
    right: 0
}

.book-form-seating-layout {
    display: -ms-grid;
    display: grid;
    grid-template-rows:minmax(0, 1fr)
}

@media only screen and (min-width: 680px) {
    .book-form-seating-layout {
        -ms-grid-columns: minmax(0, 550px) 340px;
        grid-template-columns:minmax(0, 1fr) 340px
    }
}

@media only screen and (max-width: 679px) {
    .book-form-seating-layout {
        -ms-grid-columns: minmax(0, 680px);
        grid-template-columns:minmax(0, 1fr)
    }

    .book-anon-columns .book-form-seating-layout {
        margin-left: 25px;
        margin-right: 25px
    }
}

@media only screen and (min-width: 680px) {
    .book-auth .book-form-seating-layout {
        -ms-grid-columns: minmax(0, 800px) 302px;
        grid-template-columns:minmax(0, 1fr) 302px;
        min-height: 350px;
        border-bottom: 1px solid #e0e3e6
    }
}

@media only screen and (max-width: 679px) {
    .book-auth .book-form-seating-layout.with-menu-open {
        max-height: 100vh
    }
}

.book-form-seating-layout-header .book-form-seating-maps-hdr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    flex: 1
}

.book-anon-columns .book-form-seating-layout-header .book-form-seating-maps-hdr {
    padding-left: 20px
}

@media only screen and (min-width: 680px) {
    .book-form-seating-layout-header {
        margin-top: 20px;
        margin-bottom: 10px
    }

    .book-form-seating-layout-header:not(.with-menu-open) {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .book-form-seating-layout-header:not(.with-menu-open) .book-form-seating-maps-hdr {
        min-height: 33px
    }

    .book-anon-columns .book-form-seating-layout-header {
        min-height: 36px
    }

    .book-form-seating-layout-header .book-form-seating-menu-hdr {
        -ms-grid-column: 2;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .book-anon-columns .book-form-seating-layout-header .book-form-seating-menu-hdr {
        padding-right: 20px
    }

    .book-form-seating-layout-header .book-form-seating-menu-hdr button[aria-expanded="true"] {
        margin-left: auto
    }
}

@media only screen and (max-width: 679px) {
    .book-form-seating-toggle {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        overflow: hidden;
        margin-top: 20px;
        border: 1px solid #afb8c0;
        border-radius: 4px;
        background: #f9fafb;
        box-shadow: 0 1px 2px 0 #e8ebed
    }

    .book-anon-columns .book-form-seating-toggle {
        margin-left: 25px;
        margin-right: 25px
    }

    .book-form-seating-toggle > li {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        flex: 0 0 50%
    }

    .book-form-seating-toggle > li button {
        width: 100%;
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
        padding: 12px;
        text-align: center;
        font-size: 14px;
        line-height: 1.2
    }

    .book-form-seating-toggle > li button.active {
        background-color: #0a6ece;
        color: #fff
    }

    .book-form-seating-toggle > li button:not(.active) {
        cursor: pointer
    }

    .book-form-seating-toggle > li button.focus-visible {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px #84929f, 0 0 0 4px #b8bfc4;
        box-shadow: inset 0 0 0 2px #b8bfc4, inset 0 0 0 3px #84929f, inset 0 0 0 4px #fff
    }

    .book-form-seating-toggle > li:first-child button.active {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px
    }

    .book-form-seating-toggle > li:last-child button.active {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px
    }
}

.book-form-seating-layout-body {
    -ms-grid-rows: 350px
}

@media only screen and (min-width: 680px) {
    .book-anon .book-form-seating-layout-body {
        max-height: 60vh
    }

    .book-auth .book-form-seating-layout-body {
        height: 350px;
        transition: height 0.25s ease-in-out
    }

    .book-auth .book-form-seating-layout-body.is-expanded {
        height: 700px
    }
}

@media only screen and (max-width: 679px) {
    .book-form-seating-layout-body {
        max-height: 80vh
    }

    .book-auth .book-form-seating-layout-body.is-expanded {
        max-height: 100vh
    }
}

@media only screen and (min-width: 680px) {
    .book-form-seating-layout-body {
        position: relative
    }

    .book-form-seating-layout-body:not(.with-menu-open) .book-form-seating-layout-maps {
        -ms-grid-column-span: 2;
        grid-column: 1 / 3;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px
    }

    .book-anon-columns .book-form-seating-layout-body:not(.with-menu-open) .book-form-seating-layout-maps {
        border-right: 0;
        border-radius: 0
    }
}

@media only screen and (min-width: 680px) {
    .book-anon .book-form-seating-layout-body.with-menu-open::after {
        content: '';
        position: absolute;
        z-index: 1;
        height: 30px;
        width: 336px;
        right: 4px;
        bottom: 1px;
        background: rgba(255, 255, 255, 0);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, white));
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
        background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
        pointer-events: none
    }
}

@media only screen and (max-width: 679px) {
    .book-anon .book-form-seating-layout-body.with-menu-open .book-form-seating-layout-maps {
        display: none
    }
}

.book-form-seating-layout-maps {
    overflow: auto;
    border: 1px solid #e0e3e6
}

@media only screen and (min-width: 680px) {
    .book-form-seating-layout-maps {
        -ms-grid-column: 1;
        grid-column: 1;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px
    }

    .book-anon-columns .book-form-seating-layout-maps {
        border-width: 1px;
        border-left: 0;
        border-radius: 0
    }
}

@media only screen and (max-width: 679px) {
    .book-form-seating-layout-maps {
        border-radius: 5px
    }
}

@media only screen and (min-width: 680px) {
    .book-auth .book-form-seating-layout-maps {
        border: 0
    }
}

@media only screen and (max-width: 679px) {
    .book-auth .book-form-seating-layout-maps {
        margin: 0 12px 12px 12px;
        border-width: 1px
    }
}

.book-anon .book-form-seating-layout-maps.multiple-time-ranges {
    background-color: #f9fafb
}

.book-anon .book-form-seating-layout-maps .seat-maps-group {
    margin-bottom: 0
}

.book-anon .book-form-seating-layout-maps .seat-maps-time-range:not(.multiple-maps) .seat-map {
    margin-right: 0;
    border: 0
}

.book-anon .book-form-seating-layout-maps .seat-maps-time-range:not(.multiple-maps) .seat-map::after {
    display: none
}

.book-anon .book-form-seating-layout-maps .seat-maps-time-range.multiple-maps .book-form-seat-map {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #f9fafb
}

.book-anon .book-form-seating-layout-maps .seat-maps-time-range.multiple-maps .book-form-seat-map:first-child {
    padding-left: 10px
}

@media only screen and (min-width: 680px) {
    .book-form-seating-layout-menu {
        -ms-grid-row: 1;
        grid-row: 1;
        -ms-grid-column: 2;
        grid-column: 2;
        border: 1px solid #e0e3e6;
        border-left: 0;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px
    }

    .book-anon .book-form-seating-layout-menu {
        overflow-y: auto;
        padding: 10px
    }

    .book-anon-columns .book-form-seating-layout-menu {
        border-width: 1px;
        border-right: 0;
        border-radius: 0
    }

    .book-form-seating-layout-menu .customer-type-rate-counts {
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 679px) {
    .book-form-seating-layout-menu {
        padding-top: 20px
    }
}

@media only screen and (min-width: 680px) {
    .book-auth .book-form-seating-layout-menu {
        border: 0;
        border-left: 2px solid #e0e3e6
    }

    .book-auth .book-form-seating-layout-menu .action-window {
        overflow-y: auto
    }
}

@media only screen and (max-width: 679px) {
    .book-auth .book-form-seating-layout-menu {
        padding-top: 0
    }
}

.book-form-seating-layout-menu .book-form-seating-pager {
    float: right;
    margin-top: 3px
}

@media only screen and (min-width: 680px) {
    .book-seat-popover.popover {
        width: 400px;
        max-width: 400px
    }
}

@media only screen and (max-width: 679px) {
    .book-seat-popover.popover {
        max-height: 100vh;
        top: auto !important;
        padding-bottom: 12px;
        background: none
    }
}

.book-anon-columns .book-seat-popover.popover {
    z-index: 1012
}

.book-seat-popover.popover .popover-content-wrap {
    padding: 10px;
    border: 1px solid #e0e3e6
}

@media only screen and (max-width: 679px) {
    .book-seat-popover.popover .popover-content-wrap {
        margin-top: 38px
    }
}

.book-seat-popover.popover.top > .triangle {
    border-width: 11px;
    top: -22px;
    margin-left: -2px;
    border-bottom-color: #e0e3e6
}

.book-seat-popover-close {
    position: absolute;
    top: 0;
    right: 10px;
    padding: 12px;
    font-size: 14px;
    line-height: 1;
    color: #0a6ece;
    cursor: pointer
}

@media only screen and (max-width: 679px) {
    .book-seat-popover-close {
        text-shadow: 0 0 10px #fff
    }
}

@media only screen and (min-width: 680px) {
    .book-seat-popover-close {
        top: -35px;
        background-color: #fff
    }

    .book-seat-popover-close:not(.focus-visible) {
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px)
    }
}

.book-seat-popover-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 12px 2px 6px
}

.book-seat-popover-footer .book-seat-popover-selected {
    flex: 1 1 auto;
    margin-right: auto;
    overflow-wrap: anywhere
}

.book-seat-popover-footer .btns {
    flex: 0 0 auto
}

@media only screen and (max-width: 679px) {
    .book-form-seating-overlay {
        display: none;
        position: fixed;
        z-index: 1008;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        overflow: hidden;
        background: rgba(255, 255, 255, 0.8);
        -webkit-backdrop-filter: blur(1px);
        backdrop-filter: blur(1px)
    }

    body.is-popover-open .book-form-seating-overlay {
        display: block
    }
}

@media only screen and (min-width: 680px) {
    .book-form-change-seating-hdr {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        background: rgba(255, 255, 255, 0.96);
        -webkit-backdrop-filter: blur(1px);
        backdrop-filter: blur(1px)
    }
}

@media only screen and (min-width: 680px) {
    @supports (position:sticky) {
        .book-form-change-seating-hdr {
            position: -webkit-sticky !important;
            position: sticky !important;
            z-index: 99;
            top: 0
        }
    }
}

@media only screen and (min-width: 680px) {
    .book-anon-columns .book-form-change-seating-hdr {
        padding-top: 40px
    }
}

.book-form-change-seating-maps {
    overflow: auto
}

.book-form-change-seating-title {
    line-height: 1;
    margin-top: -0.1em;
    letter-spacing: normal
}

@media only screen and (min-width: 680px) {
    .book-form-change-seating-title {
        font-size: 28px
    }
}

@media only screen and (max-width: 679px) {
    .book-form-change-seating-title {
        font-size: 24px
    }
}

@media only screen and (max-width: 679px) {
    .book-form-change-seating-btns {
        margin-left: auto
    }
}

.book-form-change-seating-btns button {
    min-height: 44px;
    font-size: 15px
}

@media only screen and (min-width: 921px) {
    .book-form-change-seating-btns button {
        min-width: 150px
    }
}

@media only screen and (max-width: 679px) {
    .book-form-change-seating-btns button {
        min-width: 150px
    }
}

@media only screen and (min-width: 680px) {
    .book-form-change-seating-counter {
        position: absolute;
        top: -25px;
        left: 3px
    }
}

.book-form-change-seating-card {
    position: relative
}

@media only screen and (min-width: 680px) {
    .book-form-change-seating-card {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
        flex: none;
        margin-left: auto;
        width: 45%
    }

    .book-anon-columns .book-form-change-seating-card {
        width: 35%
    }
}

@media only screen {
    .book-form-change-seating-card::after {
        content: '';
        position: absolute;
        bottom: 0;
        right: 20px;
        left: 20px;
        height: 26px;
        background: rgba(255, 255, 255, 0);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, white));
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
        background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
        pointer-events: none
    }
}

.book-form-change-seating-card .customer-type-card {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow-y: auto;
    margin-bottom: 0;
    padding-bottom: 20px
}

@media only screen {
    .book-form-change-seating-card .customer-type-card {
        max-height: 180px
    }
}

.book-form-seating-tb {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto
}

@media only screen and (max-width: 679px) {
    .with-menu-open .book-form-seating-tb {
        display: none
    }

    .book-anon-columns .book-form-seating-tb {
        margin-right: 25px
    }
}

@media only screen and (min-width: 679px) and (max-width: 920px) {
    .book-anon-columns .with-menu-open .book-form-seating-tb {
        display: none
    }
}

.book-form-seating-tb .btn-grey--ghost {
    min-width: auto;
    width: 32px
}

.book-form-seating-tb .btn-grey--ghost[disabled] {
    background: transparent !important;
    border-color: transparent !important
}

@media only screen and (min-width: 680px) {
    .item-by-date-wrap {
        padding: 30px 0
    }
}

.item-by-date-avas {
    width: 100%;
    table-layout: fixed
}

.item-by-date-avas .item-by-date-thead .td {
    padding: 25px 5px 15px 5px;
    font-size: 18px;
    text-align: center
}

.item-by-date-avas .item-by-date-thead .td.not-current {
    color: #697886
}

.item-by-date-avas .item-by-date-thead .td .booking-sub-header {
    padding-bottom: 0;
    margin-bottom: 4px
}

@media only screen and (min-width: 680px) {
    .item-by-date-avas .item-by-date-tbody .td {
        padding: 0 5px 25px 5px
    }
}

@media only screen and (max-width: 679px) {
    .item-by-date-avas .item-by-date-tbody .td {
        padding: 0 25px 25px 25px
    }
}

.item-by-date-avas .item-by-date-tbody .td.not-current {
    opacity: 0.6
}

.item-by-date-avas .item-by-date-tbody .td.not-current:hover {
    opacity: 1
}

.item-by-date-avas .td {
    position: relative
}

.item-by-date-avas .td.set-empty {
    vertical-align: middle;
    text-align: center;
    color: #697886
}

.item-by-date-avas .td.set-nav {
    vertical-align: middle !important;
    text-align: center;
    width: 50px;
    padding: 0
}

.item-by-date-avas .td.set-nav.set-nav-prev a {
    float: right
}

.item-by-date-avas .td.set-nav a {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #697886
}

.item-by-date-avas .td.set-nav a svg {
    height: 16px;
    width: auto
}

.item-by-date-avas .td.set-nav a:hover {
    background-color: #e7ebef
}

.item-page-stats {
    background: #fff
}

@media only screen and (min-width: 680px) {
    .item-page-stats {
        -webkit-box-shadow: 0 0 8px #bbb;
        box-shadow: 0 0 8px #bbb
    }
}

.item-page-stats .item-stats-container {
    padding: 15px 20px;
    border-bottom: 1px solid #dfdfdf
}

.item-page-stats .item-stats-header {
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f5f8f9));
    background: -webkit-linear-gradient(top, #fff 0%, #f5f8f9 100%);
    background: -ms-linear-gradient(top, #fff 0%, #f5f8f9 100%);
    background: linear-gradient(to bottom, #fff 0%, #f5f8f9 100%);
    border-bottom: 1px solid #d1d6db
}

.item-page-stats .item-stats-header .item-name {
    font-size: 23px;
    line-height: 25px
}

.item-page-stats .item-stats-header .item-page-edit {
    margin-top: 8px
}

@media only screen and (min-width: 680px) {
    .item-page-stats .item-stats-images {
        display: none
    }
}

.calendar-button {
    display: block;
    position: relative;
    padding: 10px 10px 10px 60px;
    font-size: 12px;
    color: #e6f0f8
}

.calendar-button:before {
    content: ' ';
    display: block;
    width: 24px;
    height: 24px;
    background-position: -338px -136px;
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -12px
}

.calendar-button:hover .calendar-button-title {
    text-decoration: underline
}

.calendar-button .calendar-button-title {
    font-size: 19px;
    line-height: 18px;
    display: block;
    color: #fff
}

.item-page-content {
    background: #fff;
    position: relative
}

@media only screen and (min-width: 680px) {
    .item-page-content {
        -webkit-box-shadow: 0 0 8px #bbb;
        box-shadow: 0 0 8px #bbb
    }
}

@media only screen and (max-width: 679px) {
    .item-page-content .item-page-content-images {
        display: none
    }
}

@media only screen and (min-width: 680px) {
    .item-page-content .item-description {
        padding: 35px
    }
}

@media only screen and (max-width: 679px) {
    .item-page-content .item-description {
        padding: 25px
    }
}

@media only screen and (min-width: 680px) {
    .item-image-single {
        padding: 35px 35px 0 35px
    }
}

@media only screen and (max-width: 679px) {
    .item-image-single {
        padding: 20px 20px 0 20px
    }
}

.item-image-single img {
    max-width: 100%;
    height: auto
}

.company-theater .company-theater-inner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.company-theater .company-theater-content {
    overflow: hidden;
    background: #fff
}

@media only screen and (min-width: 680px) {
    .company-theater .company-theater-content {
        max-width: 980px;
        margin: 25px auto;
        border-radius: 3px;
        -webkit-box-shadow: 0 0 80px #000;
        -moz-box-shadow: 0 0 80px #000;
        box-shadow: 0 0 80px #000
    }
}

.company-theater .company-theater-header {
    background: #E0E5E9;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E0E5E9), color-stop(100%, #fff));
    background: -webkit-linear-gradient(top, #E0E5E9 0%, #fff 100%);
    background: -ms-linear-gradient(top, #E0E5E9 0%, #fff 100%);
    background: linear-gradient(to bottom, #E0E5E9 0%, #fff 100%);
    padding: 20px 30px 15px 30px;
    text-align: center;
    min-height: 28px;
    position: relative
}

.company-theater .company-theater-header .btn-back {
    position: absolute;
    top: 50%;
    left: 15px;
    margin-top: -14px
}

.company-theater .company-theater-header h2 {
    font-size: 21px;
    line-height: 21px;
    color: #0a6ece
}

@media only screen and (min-width: 680px) {
    .company-theater .company-theater-header h2 {
        padding-top: 3px
    }
}

@media only screen and (max-width: 679px) {
    .company-theater .company-theater-header h2 {
        display: none
    }
}

.company-theater .company-theater-calendar {
    padding: 0 15px
}

.company-theater .company-theater-other {
    text-align: center;
    padding: 15px 15px 20px 15px
}

.company-theater .company-theater-other a {
    color: #768593
}

.company-theater .company-theater-other a:hover {
    color: #0a6ece;
    text-decoration: underline
}

.item-grid {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    clear: both
}

.item-grid.item-grid-embed {
    padding-top: 7px
}

.item-grid .item-grid-block {
    height: 182px
}

@media only screen and (min-width: 680px) {
    .item-grid .grid-block-width-1-3, .item-grid .sortable-placeholder {
        width: 33.3333%
    }

    .item-grid .grid-block-width-1-2 {
        width: 50%
    }

    .item-grid .grid-block-width-2-3 {
        width: 66.6667%
    }

    .item-grid .grid-block-width-1-1 {
        width: 100%
    }

    .item-grid .grid-block-height-1, .item-grid .grid-block-height-1 .item-grid-block, .item-grid .sortable-placeholder {
        height: 182px
    }

    .item-grid .grid-block-height-2, .item-grid .grid-block-height-2 .item-grid-block {
        height: 378px
    }

    .item-grid .grid-block-height-3, .item-grid .grid-block-height-3 .item-grid-block {
        height: 574px
    }
}

.item-grid .item-grid-block-wrap, .item-grid .sortable-placeholder {
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 14px
}

@media only screen and (min-width: 680px) {
    .item-grid .item-grid-block-wrap, .item-grid .sortable-placeholder {
        float: left;
        padding: 0 7px
    }
}

.item-grid .item-grid-block-wrap .sortable-handle, .item-grid .sortable-placeholder .sortable-handle {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top: 1px solid #B3BAC0;
    border-right: 0;
    border-bottom: 1px solid #B3BAC0;
    border-left: 1px solid #B3BAC0
}

@media only screen and (min-width: 680px) {
    .item-grid .item-grid-block-wrap .sortable-handle, .item-grid .sortable-placeholder .sortable-handle {
        left: 7px
    }
}

.item-grid .sortable-placeholder {
    border: 2px dashed #a9b3bc;
    border-radius: 5px
}

.item-grid-block {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    border-radius: 5px;
    background-size: cover;
    background-position: 50% 50%;
    background-color: #4c5761
}

.item-grid-block:not(.empty) {
    box-shadow: 0 4px 13px -4px rgba(0, 0, 0, 0.6)
}

.item-grid-block.empty {
    background: rgba(0, 0, 0, 0.1)
}

@media only screen and (hover: hover) {
    .item-grid-block:hover .item-block-name {
        text-decoration: underline
    }

    .item-grid-block:hover .item-grid-block-inner::before {
        bottom: 0 !important
    }
}

.item-grid-block.focus-visible .item-block-name {
    text-decoration: underline
}

.item-grid-block.focus-visible .item-grid-block-inner::before {
    bottom: 0 !important
}

.item-grid--sortable .item-grid-block {
    padding-left: 40px
}

.item-grid-block-inner {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    min-width: 0;
    cursor: pointer
}

.item-grid-block-inner.focus-visible {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px #84929f, 0 0 0 4px #b8bfc4;
    box-shadow: inset 0 0 0 2px #b8bfc4, inset 0 0 0 3px #84929f, inset 0 0 0 4px #fff
}

@media only screen and (min-width: 680px) {
    .item-block.grid-block-width-1-1 .item-grid-block-inner, .item-block.grid-block-height-3 .item-grid-block-inner {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.item-grid-block.has-bg .item-grid-block-inner::before {
    -webkit-transition: bottom 0.4s ease;
    transition: bottom 0.4s ease;
    content: '';
    position: absolute;
    right: 0;
    bottom: -20px;
    left: 0;
    height: 150px;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 100%)
}

.item-block-info {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    width: 100%;
    min-width: 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
    padding-right: 12px;
    padding-bottom: 18px;
    padding-left: 20px;
    color: #fff
}

.item-grid-block.has-bg .item-block-info {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75), 0 0 10px rgba(0, 0, 0, 0.5)
}

.item-block-info .item-block-name {
    display: block;
    max-width: 640px;
    margin-bottom: 5px;
    line-height: 1;
    font-size: 21px
}

@media only screen and (min-width: 680px) {
    .grid-block-width-1-3.grid-block-height-2 .item-block-info .item-block-name {
        font-size: 21px
    }

    .grid-block-width-1-3.grid-block-height-3 .item-block-info .item-block-name {
        font-size: 22px
    }

    .grid-block-width-1-2.grid-block-height-1 .item-block-info .item-block-name {
        font-size: 21px
    }

    .grid-block-width-1-2:not(.grid-block-height-1) .item-block-info .item-block-name {
        font-size: 22px
    }

    .grid-block-width-2-3.grid-block-height-1 .item-block-info .item-block-name {
        font-size: 22px
    }

    .grid-block-width-2-3:not(.grid-block-height-1) .item-block-info .item-block-name {
        font-size: 23px
    }

    .grid-block-width-1-1.grid-block-height-1 .item-block-info .item-block-name {
        font-size: 23px
    }

    .grid-block-width-1-1:not(.grid-block-height-1) .item-block-info .item-block-name {
        font-size: 24px
    }
}

.item-block-info .item-block-headline {
    display: block;
    max-width: 380px;
    margin-top: 1px
}

@media only screen and (min-width: 680px) {
    .grid-block-height-2:not(.grid-block-width-1-1) .item-block-info .item-block-headline {
        margin-top: 2px
    }

    .grid-block-width-1-1.grid-block-height-2 .item-block-info .item-block-headline {
        margin-top: 3px
    }

    .grid-block-height-3 .item-block-info .item-block-headline {
        margin-top: 3px
    }
}

@media only screen and (min-width: 680px) {
    .grid-block-height-2 .item-block-info {
        padding-bottom: 20px
    }

    .grid-block-height-3 .item-block-info {
        padding-bottom: 22px
    }

    .item-block.grid-block-width-1-1 .item-block-info, .item-block.grid-block-height-3 .item-block-info {
        padding-bottom: 10px
    }
}

.item-block-button {
    position: relative;
    display: block;
    flex: none;
    margin-left: auto;
    margin-bottom: 20px;
    margin-right: 15px;
    padding: 6px 14px;
    border-radius: 4px;
    font-size: 15px;
    background-color: #0a6ece;
    color: #fff
}

@media only screen and (hover: hover) {
    .item-block-button:hover {
        background-color: #0961b6
    }
}

.item-block-button.focus-visible {
    background-color: #0961b6
}

.item-block-button:active {
    background-color: #08549d
}

.item-block-button.active-when-toggled.toggled, .item-block-button.is-active {
    background-color: #0961b6
}

@media only screen and (min-width: 680px) {
    .item-block.grid-block-width-1-1 .item-block-button, .item-block.grid-block-height-3 .item-block-button {
        margin-left: 20px
    }
}

.item-grid .item-block-badges {
    position: absolute;
    top: 15px;
    left: 20px
}

.cart-suggested-items {
    margin-top: 20px
}

.suggested-items {
    width: 100%;
    background-color: #f9fafb;
    border: 1px solid #d1d6db;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.receipt-booking .suggested-items {
    margin-top: 24px
}

.suggested-items .suggested-item {
    display: inline-block;
    padding: 7px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.suggested-items .suggested-item:first-of-type {
    padding-left: 20px
}

.suggested-items .suggested-item:last-of-type {
    padding-right: 20px
}

.suggested-items .suggested-item-inner {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 125px;
    border-radius: 5px;
    background-size: cover;
    background-position: 50% 50%;
    background-color: #4c5761
}

.suggested-items .suggested-item-inner a {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    min-width: 0;
    cursor: pointer
}

.suggested-items .suggested-item-inner.has-bg .item-block-info {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75), 0 0 10px rgba(0, 0, 0, 0.5)
}

.suggested-items .suggested-item-inner.has-bg::before {
    -webkit-transition: margin-top 0.4s ease;
    transition: margin-top 0.4s ease;
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 91%;
    margin-top: 60px;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 100%)
}

.suggested-items .suggested-item-inner:hover .item-block-name {
    text-decoration: underline
}

.suggested-items .suggested-item-inner:hover::before {
    margin-top: 50px !important
}

.suggested-items .item-block-name {
    font-size: 18px;
    line-height: 18px
}

.suggested-items .item-block-badges {
    position: absolute;
    top: 5px;
    right: 15px
}

.suggested-items .suggested-items-arrow-right span i {
    background-position: -417px -468px
}

.suggested-items .suggested-items-arrow-left span i {
    background-position: -407px -468px
}

.suggested-items .suggested-items-scroller {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    overflow-x: auto
}

@media only screen and (max-width: 679px) {
    .suggested-items .suggested-items-scroller {
        overflow-y: hidden;
        padding-top: 8px;
        padding-bottom: 8px
    }
}

@media only screen and (min-width: 680px) {
    .suggested-items .suggested-items-scroller {
        width: 100%;
        height: 163px
    }
}

.suggested-items .suggested-items-scroller > ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width: 679px) {
    .suggested-items {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px
    }

    .suggested-items .suggested-items-notes {
        padding-top: 18px;
        padding-left: 18px;
        padding-right: 18px;
        margin-bottom: 6px
    }

    .suggested-items .suggested-item {
        width: 260px
    }

    .receipt-booking .suggested-items .suggested-items-notes {
        padding-left: 24px;
        padding-right: 24px
    }

    .receipt-booking .suggested-items .suggested-item:first-of-type {
        padding-left: 24px
    }

    .receipt-booking .suggested-items .suggested-item:last-of-type {
        padding-right: 24px
    }

    .suggested-items .item-block-name {
        font-size: 16px;
        line-height: 16px
    }

    .suggested-items .item-block-headline {
        line-height: 12px
    }

    .suggested-items .suggested-items-arrow {
        display: none
    }
}

@media only screen and (min-width: 680px) {
    .suggested-items {
        border-radius: 8px;
        height: 163px;
        table-layout: fixed
    }

    .suggested-items.has-notes .suggested-items-slider {
        box-shadow: inset 4px 0 4px rgba(0, 0, 0, 0.05)
    }

    .suggested-items .suggested-items-notes {
        width: 30%
    }

    .suggested-items .suggested-items-notes .prose, .suggested-items .suggested-items-notes .hint {
        padding: 18px 24px;
        max-height: 100%;
        overflow-y: auto;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .suggested-items .suggested-items-slider {
        position: relative
    }

    .suggested-items .suggested-item {
        width: 282px
    }

    .suggested-items .suggested-items-arrow {
        position: absolute;
        top: 0;
        width: 40px;
        height: 100%
    }

    .suggested-items .suggested-items-arrow:not(.shown) {
        z-index: -1;
        opacity: 0
    }

    .suggested-items .suggested-items-arrow.shown {
        cursor: pointer;
        opacity: .8
    }

    .suggested-items .suggested-items-arrow span {
        display: block;
        position: absolute;
        top: 50%;
        width: 30px;
        height: 40px;
        margin-top: -20px;
        background: #f9fafb;
        box-shadow: 0px 0px 4px 0 rgba(0, 0, 0, 0.2);
        -webkit-transition: opacity .1s ease-out;
        transition: opacity .1s ease-out;
        border-radius: 5px
    }

    .suggested-items .suggested-items-arrow span i {
        display: block;
        width: 8px;
        height: 14px;
        margin-left: 12px;
        margin-top: 12px
    }

    .suggested-items .suggested-items-arrow.shown:hover {
        opacity: 1
    }

    .suggested-items .suggested-items-arrow.shown:hover span {
        box-shadow: 0px 0px 4px 0 rgba(0, 0, 0, 0.4)
    }

    .suggested-items .suggested-items-arrow.suggested-items-arrow-right {
        right: 0
    }

    .suggested-items .suggested-items-arrow.suggested-items-arrow-right span {
        right: 5px
    }

    .suggested-items .suggested-items-arrow.suggested-items-arrow-left {
        left: 0
    }

    .suggested-items .suggested-items-arrow.suggested-items-arrow-left span {
        left: 5px
    }
}

.company-grid {
    width: 100%
}

@media only screen and (min-width: 680px) {
    .company-grid {
        table-layout: fixed;
        border-spacing: 20px;
        border-collapse: separate
    }
}

@media only screen and (max-width: 679px) {
    .company-grid {
        padding: 15px 0
    }
}

.company-grid-block {
    position: relative;
    overflow: hidden;
    padding-top: 20px;
    padding-right: 24px;
    padding-left: 24px;
    border: 1px solid #d1d6db;
    border-radius: 10px;
    background-color: #fff;
    background-size: cover;
    background-position: 50% 50%;
    box-shadow: 0 4px 13px -4px rgba(0, 0, 0, 0.6);
    font-size: 14px;
    cursor: pointer
}

@media only screen and (min-width: 680px) {
    .company-grid-block {
        padding-bottom: 60px
    }
}

@media only screen and (max-width: 679px) {
    .company-grid-block {
        padding-bottom: 20px;
        margin: 0 10px 15px 10px
    }
}

@media only screen and (max-width: 280px) {
    .company-grid-block {
        padding-right: 12px;
        padding-left: 12px
    }
}

.company-grid-block.with-company-background {
    color: #fff;
    text-shadow: 0 0 10px #1f2428
}

.company-grid-logo {
    display: block;
    max-height: 85px;
    width: auto;
    max-width: 100%;
    margin-bottom: 20px
}

.company-grid-name {
    display: block;
    margin-bottom: 15px;
    font-size: 21px;
    font-weight: bold;
    line-height: 1.1
}

@media only screen and (min-width: 680px) {
    .company-grid-name {
        font-size: 26px
    }
}

@media only screen and (max-width: 679px) {
    .company-grid-name {
        font-size: 22px
    }
}

.company-grid-summary {
    margin-bottom: 15px
}

.company-grid-location {
    margin-bottom: 15px
}

.company-grid-location svg {
    flex: none
}

@media only screen and (min-width: 680px) {
    .company-grid-block-footer {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 58px;
        padding-right: 24px;
        padding-bottom: 10px;
        padding-left: 24px
    }
}

.company-grid-btn {
    font-size: 15px
}

@media only screen and (min-width: 680px) {
    .company-grid-btn {
        flex: none
    }
}

@media only screen and (max-width: 679px) {
    .company-grid-btn {
        margin-top: 24px
    }
}

.company-grid-live {
    color: #1D875A
}

.with-company-background .company-grid-live {
    color: #fff
}

@media only screen and (min-width: 680px) {
    .company-grid-live {
        margin-right: auto;
        padding-right: 10px
    }
}

.company-grid-live svg {
    flex: none;
    width: 12px;
    height: 12px
}

.static-page-sidebar {
    background: #fff
}

.company-static-page-content {
    background: #fff
}

@media only screen and (min-width: 680px) {
    .company-static-page-content {
        -webkit-box-shadow: 0 0 8px #bbb;
        box-shadow: 0 0 8px #bbb;
        padding: 35px
    }
}

@media only screen and (max-width: 679px) {
    .company-static-page-content {
        padding: 25px
    }
}

@media only screen {
    .receipt-header {
        padding-top: 50px;
        border-bottom: 1px solid #e0e3e6
    }
}

@media only print {
    .receipt-header {
        padding-top: 18px
    }
}

@media only screen and (min-width: 680px) {
    .receipt-text-heading {
        text-align: center;
        padding-left: 15px;
        padding-right: 15px
    }
}

@media only screen and (max-width: 679px) {
    .receipt-text-heading {
        padding-left: 25px;
        padding-right: 25px
    }
}

@media only print {
    .receipt-text-heading {
        padding-bottom: 20px
    }
}

.receipt-text-heading h2 {
    line-height: 1.1;
    font-size: 26px
}

@media only screen {
    .receipt-text-heading h2 {
        padding-bottom: 10px
    }
}

@media only print {
    .receipt-text-heading h2 {
        padding-bottom: 6px
    }
}

.receipt-text-heading p {
    font-size: 14px;
    color: #697886
}

.receipt-text-heading.has-bottom-border {
    border-bottom: 1px solid #e0e3e6
}

.receipt-overview {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%
}

@media only screen and (min-width: 680px) {
    .receipt-overview {
        margin-left: auto;
        margin-right: auto;
        padding-top: 34px;
        padding-right: 15px;
        padding-bottom: 50px;
        padding-left: 15px
    }
}

@media only screen and (max-width: 679px) {
    .receipt-overview {
        width: 100%;
        padding-top: 12px;
        padding-right: 25px;
        padding-left: 25px
    }
}

@media only print {
    .receipt-overview {
        width: 100%;
        border: 1px solid #c6c8cb
    }
}

.receipt-overview-column {
    min-width: 140px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-style: solid
}

@media only screen {
    .receipt-overview-column:not(:first-child) {
        border-color: #e0e3e6
    }
}

@media only screen and (min-width: 680px) {
    .receipt-overview-column {
        padding: 7px 25px
    }

    .receipt-overview-column:not(:first-child) {
        border-left-width: 1px
    }
}

@media only screen and (max-width: 679px) {
    .receipt-overview-column {
        padding: 25px 9px
    }

    .receipt-overview-column:not(:first-child) {
        border-top-width: 1px
    }
}

@media only print {
    .receipt-overview-column {
        padding: 12px
    }

    .receipt-overview-column:not(:first-child) {
        border-left-width: 1px;
        border-color: #c6c8cb
    }
}

.receipt-overview-order-text {
    display: block;
    max-width: 225px;
    margin-bottom: 24px
}

@media only screen and (min-width: 680px) {
    .receipt-overview-property-block:not(:last-child) {
        margin-bottom: 25px
    }
}

@media only screen and (max-width: 679px) {
    .receipt-overview-property-block:not(:last-child) {
        margin-bottom: 22px
    }
}

@media only print {
    .receipt-overview-property-block:not(:last-child) {
        margin-bottom: 22px
    }
}

@media only screen and (min-width: 680px) {
    .receipt-overview-property-block:not(:first-child) .receipt-ticket-heading {
        padding-top: 8px
    }
}

@media only screen and (max-width: 679px) {
    .receipt-overview-property-block:not(:first-child) .receipt-ticket-heading {
        padding-top: 3px
    }
}

@media only print {
    .receipt-overview-property-block:not(:first-child) .receipt-ticket-heading {
        padding-top: 3px
    }
}

.receipt-overview-property {
    margin-top: 3px;
    margin-bottom: 3px
}

.receipt-overview-order-number {
    font-size: 11px
}

.receipt-overview-actions > li:not(:last-child) {
    margin-bottom: 23px
}

.receipt-overview-action {
    overflow: hidden;
    line-height: 1.3
}

.receipt-overview-action .tb-icon {
    float: left;
    margin-top: 2px
}

.receipt-overview-action svg {
    float: left
}

.receipt-overview-action-text, .receipt-overview-action-subtext {
    display: block;
    padding-left: 26px
}

.receipt-overview-action-text {
    text-decoration: underline
}

.receipt-overview-action-subtext {
    max-width: 150px;
    margin-top: 2px;
    font-size: 11px;
    color: #697886
}

.receipt-ticket-heading {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #0a6ece
}

@media only screen and (min-width: 680px) {
    .receipt-ticket-heading {
        margin-bottom: 12px
    }
}

@media only screen and (max-width: 679px) {
    .receipt-ticket-heading {
        margin-bottom: 8px
    }
}

.receipt-payments li + li {
    padding-top: 18px
}

.receipt-payment-clearing-text {
    max-width: 198px;
    margin-top: 8px;
    padding: 5px 7px;
    border: 1px solid #e0e3e6;
    border-radius: 3px
}

@media only screen and (min-width: 680px) {
    .booking-receipt-send-email {
        max-width: 300px
    }
}

.receipt-booking:last-child {
    padding-bottom: 30px
}

@media only screen {
    .receipt-booking {
        margin-top: 28px;
        margin-bottom: 28px
    }
}

@media only screen and (min-width: 680px) {
    .receipt-booking {
        margin-left: 45px;
        margin-right: 45px
    }
}

@media only screen and (max-width: 679px) {
    .receipt-booking {
        margin-left: 25px;
        margin-right: 25px
    }
}

@media only print {
    .receipt-booking {
        margin-top: 21px;
        margin-bottom: 21px
    }
}

.receipt-booking-heading {
    font-size: 12px
}

@media only screen {
    .receipt-booking-heading {
        padding: 14px 25px;
        margin-top: -14px
    }
}

@media only print {
    .receipt-booking-heading {
        padding: 9px 12px
    }
}

.receipt-booking-header {
    border-width: 1px;
    border-style: solid;
    overflow: hidden
}

@media only screen {
    .receipt-booking-header {
        border-color: #afb8c0;
        border-radius: 5px
    }
}

@media only print {
    .receipt-booking-header {
        border-color: #c6c8cb
    }
}

.receipt-ticket-pk {
    font-size: 14px;
    border-bottom: 1px solid #afb8c0
}

@media only screen and (min-width: 680px) {
    .receipt-ticket-pk {
        padding: 14px 25px
    }
}

@media only screen and (max-width: 679px) {
    .receipt-ticket-pk {
        padding: 14px 20px
    }
}

@media only print {
    .receipt-ticket-pk {
        padding: 12px
    }
}

.receipt-ava {
    margin-bottom: 5px;
    font-size: 23px;
    line-height: 1.2;
    font-weight: bold
}

.receipt-breakdown {
    font-size: 17px
}

.receipt-cancel-link {
    margin-top: 12px
}

.receipt-ticket-add-to-cal .receipt-ticket-add-to-cal-header {
    padding-bottom: 5px
}

@media only screen and (min-width: 680px) {
    .receipt-ticket-add-to-cal {
        float: right
    }
}

@media only screen and (max-width: 679px) {
    .receipt-ticket-add-to-cal {
        padding-top: 12px
    }
}

.receipt-ticket-add-to-cal .table .td {
    padding: 3px
}

.receipt-ticket-add-to-cal .table .td:first-child {
    padding-right: 5px;
    text-align: center
}

.receipt-ticket-add-to-cal .table .td:last-child {
    text-decoration: underline;
    color: #0a6ece
}

@media only screen and (min-width: 680px) {
    .receipt-ticket-row {
        padding: 20px 25px
    }
}

@media only screen and (max-width: 679px) {
    .receipt-ticket-row {
        padding: 20px 20px
    }
}

@media only print {
    .receipt-ticket-row {
        padding: 12px
    }
}

.receipt-ticket-row:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.13)
}

@media only screen and (max-width: 679px) {
    .receipt-ticket-overview:after {
        content: '';
        display: table;
        clear: both;
        border-spacing: 0
    }
}

@media only screen and (min-width: 680px) {
    .receipt-ticket-row-image {
        padding-right: 20px
    }
}

@media only screen and (max-width: 679px) {
    .receipt-ticket-row-image {
        float: right;
        padding-left: 20px
    }
}

@media only print {
    .receipt-ticket-row-image {
        padding-right: 20px
    }
}

.receipt-ticket-title {
    font-size: 19px;
    line-height: 1.3;
    margin-bottom: 5px;
    font-weight: bold
}

.receipt-ticket-title.waiver {
    color: #29622b
}

.receipt-ticket-tickets {
    background-color: #FFD578
}

@media only screen and (min-width: 680px) {
    .receipt-ticket-table {
        width: 100%
    }

    .receipt-ticket-table .ticket-table-buttons {
        width: 100px;
        padding-left: 30px;
        padding-right: 20px;
        text-align: center
    }
}

@media only screen and (max-width: 679px) {
    .ticket-table-buttons {
        margin-top: 15px
    }
}

.ticket-table-buttons li + li {
    margin-top: 5px
}

.receipt-card-overview .td:not(:last-child) {
    padding-right: 20px
}

@media only screen and (max-width: 679px) {
    .receipt-card-overview .td {
        padding-right: 0
    }

    .receipt-card-overview .td:not(:last-child) {
        padding-bottom: 12px
    }
}

.tiny-svc {
    position: relative;
    display: inline-block;
    height: 35px;
    width: 52px;
    border-radius: 5px;
    background-color: #0a6ece
}

@media only screen {
    .tiny-svc {
        -webkit-box-shadow: 0 3px 10px -4px rgba(0, 0, 0, 0.6);
        box-shadow: 0 3px 10px -4px rgba(0, 0, 0, 0.6)
    }
}

.tiny-svc:before {
    content: '';
    position: absolute;
    top: 8px;
    left: 0;
    right: 0;
    height: 7px;
    background-color: rgba(0, 0, 0, 0.2)
}

.receipt-ticket-generated-codes {
    background-color: #F3F6F7
}

.receipt-ticket-generated-codes .prose:not(:last-of-type), .receipt-ticket-generated-codes .hint:not(:last-of-type) {
    margin-bottom: 14px
}

.receipt-ticket-generated-codes .receipt-ticket-generated-codes-header {
    margin-bottom: 14px
}

.receipt-ticket-generated-codes .ticket-generated-codes {
    font-size: 14px;
    display: block;
    padding-bottom: 3px
}

.receipt-ticket-generated-codes .ticket-generated-codes code {
    font-size: 15px;
    padding: 0 6px
}

.receipt-ticket-waivers {
    background-color: #dbf2db
}

.receipt-ticket-transportation {
    background-color: #DDE8EE
}

.receipt-ticket-transportation .pickup-location {
    font-weight: bold;
    padding-bottom: 8px
}

.receipt-ticket-transportation .pickup-time {
    font-size: 20px
}

.receipt-ticket-transportation .pickup-time:before {
    margin-top: 3px
}

.pickup-map-link-confirmation {
    display: block;
    margin-top: 10px;
    font-weight: bold
}

.pickup-map-link-confirmation:hover {
    text-decoration: underline
}

.pickup-map-link-confirmation:after {
    display: inline-block;
    content: ' ';
    width: 5px;
    height: 7px;
    margin-left: 3px
}

.pickup-map-link-confirmation:after {
    background-position: -348px -332px
}

.self-cancel .company-text-heading {
    padding-top: 0
}

.self-cancel-options {
    padding: 10px 15px
}

.self-cancel-options > li {
    padding-bottom: 15px
}

@media only screen {
    .booking-receipt-details {
        padding-top: 25px
    }
}

@media only print {
    .booking-receipt-details {
        padding-top: 12px
    }
}

.booking-receipt-cancellation {
    margin-top: 14px
}

@media only screen and (min-width: 680px) {
    .booking-receipt-customers {
        float: left;
        width: 50%
    }
}

@media only print {
    .booking-receipt-customers {
        margin-top: 20px
    }
}

.booking-receipt-customers .customer-type-card {
    padding-top: 12px;
    padding-right: 0;
    padding-left: 0;
    box-shadow: none;
    border: 1px solid #d1d6db
}

@media only print {
    .booking-receipt-customers .customer-type-card {
        float: left;
        width: calc(50% - 2.5px);
        padding-bottom: 12px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .booking-receipt-customers .customer-type-card:nth-child(even) {
        margin-right: 5px
    }
}

.booking-receipt-customers .customer-type-card .customer-type-card-header {
    padding: 0 25px
}

@media only screen and (min-width: 680px) {
    .booking-receipt-notes {
        float: right;
        width: 50%;
        padding-left: 35px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

@media only screen and (max-width: 679px) {
    .booking-receipt-notes {
        padding-bottom: 20px
    }
}

.receipt-ticket-physical-location {
    background-color: #EAECFA
}

.receipt-ticket-physical-location .receipt-ticket-title {
    color: #352279
}

@media only screen {
    .svc-container {
        max-width: 720px;
        margin-left: auto;
        margin-right: auto
    }
}

@media only print {
    body:not(.is-single-color-printer) .svc-container {
        padding: 3px;
        max-width: 400px;
        border: 2px solid #bbb;
        margin: 20px auto;
        border-radius: 10px
    }

    body:not(.is-single-color-printer) .svc-container .svc-container-inner {
        border: 1px solid #bbb;
        padding: 30px;
        border-radius: 7px
    }
}

.svc-table {
    margin-bottom: 30px
}

@media only screen and (min-width: 680px) {
    .svc-card-column {
        padding-right: 20px
    }
}

@media only print {
    .svc-card-column {
        margin-top: 24px
    }
}

@media only screen and (min-width: 680px) {
    .svc-actions-column {
        padding: 45px 0 20px 20px;
        border-left: 1px solid #ddd
    }
}

@media only screen and (max-width: 679px) {
    .svc-actions-column {
        margin-top: 24px
    }
}

@media only print {
    .svc-actions-column {
        margin-top: 24px
    }
}

.svc-company-name {
    margin-bottom: 12px;
    font-size: 18px;
    font-weight: bold
}

@media only screen and (max-width: 679px) {
    .svc-company-name {
        text-align: center
    }
}

@media only print {
    .svc-company-name {
        text-align: center
    }
}

.svc-card {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 340px;
    padding: 62px 30px 20px 30px;
    border-radius: 14px;
    background-color: #0a6ece;
    color: #fff
}

@media only screen {
    .svc-card {
        box-shadow: 0 4px 13px -4px rgba(0, 0, 0, 0.6)
    }
}

@media only screen and (max-width: 679px) {
    .svc-card {
        margin: 0 auto
    }
}

@media only print {
    .svc-card {
        margin: 0 auto
    }

    body.is-single-color-printer .svc-card {
        background: none !important;
        border: 2px solid #000
    }

    body.is-single-color-printer .svc-card:before {
        display: none
    }
}

.svc-card:before {
    content: '';
    position: absolute;
    top: 17px;
    left: 0;
    right: 0;
    height: 32px;
    background-color: rgba(0, 0, 0, 0.2)
}

.svc-card-heading {
    margin-bottom: 4px;
    opacity: .8
}

.svc-card-number {
    font-size: 15px;
    font-family: Monaco, monospace;
    margin-bottom: 20px
}

.svc-card-value {
    font-size: 40px;
    line-height: 40px
}

@media only screen {
    .svc-card-number, .svc-card-value {
        text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.1)
    }
}

.svc-note, .svc-note-textarea {
    margin-top: 12px
}

@media only screen and (min-width: 680px) {
    .svc-note, .svc-note-textarea {
        min-height: 100px
    }
}

.svc-note {
    font-size: 20px;
    font-weight: bold
}

@media only screen and (min-width: 680px) {
    .svc-note {
        display: table
    }

    .svc-note .svc-note-center {
        display: table-cell;
        vertical-align: middle
    }
}

@media only print {
    .svc-note {
        margin-bottom: 30px
    }

    .svc-note.ng-hide {
        display: block !important
    }
}

.svc-actions {
    margin-top: 18px
}

.svc-email-success {
    margin-top: 18px
}

.svc-redeeming-heading {
    margin-top: 30px
}

@media only print {
    .svc-redeeming-heading {
        border-top: 1px solid #ddd;
        padding-top: 20px
    }
}

@media only screen and (min-width: 680px) {
    .svc-legal {
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
        text-align: center
    }
}

.cart-header .company-text-heading h2 {
    font-size: 30px
}

@media only screen and (max-width: 679px) {
    .cart-entry:after {
        content: '';
        display: table;
        clear: both;
        border-spacing: 0
    }
}

@media only screen and (min-width: 680px) {
    .cart-entries > li:not(:last-child) {
        margin-bottom: 10px
    }
}

@media only screen and (max-width: 679px) {
    .cart-entries > li:not(:last-child) {
        margin-bottom: 25px
    }
}

.cart-entry-wrap {
    margin-bottom: 0
}

.noisy-invalid-fields .cart-entry-wrap.ng-invalid {
    border-color: #ed501a;
    border-width: 2px
}

@media only screen and (min-width: 680px) {
    .cart-entry-wrap {
        margin-left: -15px;
        margin-right: -15px;
        padding: 15px;
        border-width: 2px;
        border-style: solid;
        border-color: transparent;
        border-radius: 4px
    }
}

@media only screen and (max-width: 679px) {
    .cart-entry-wrap {
        position: relative;
        padding: 10px;
        border-width: 1px;
        border-style: solid;
        border-color: #e0e3e6;
        border-radius: 4px
    }
}

.cart-entry-wrap .booking-cancellation-policy {
    margin-top: 10px;
    margin-bottom: 0
}

.cart-breakdown {
    font-size: 14px
}

@media only screen and (min-width: 680px) {
    .cart-breakdown {
        padding-left: 12px;
        text-align: right
    }
}

@media only screen and (max-width: 679px) {
    .cart-breakdown {
        padding-top: 5px
    }
}

@media only screen and (min-width: 680px) {
    .cart-entry-image {
        width: 90px
    }
}

@media only screen and (max-width: 679px) {
    .cart-entry-image {
        float: right;
        margin-left: 10px
    }
}

.availability-image {
    width: 70px;
    height: 70px;
    border-radius: 3px;
    background-size: cover;
    background-position: 50% 50%
}

.availability-image.is-large {
    width: 90px;
    height: 90px
}

.availability-image.is-small {
    width: 55px;
    height: 55px
}

.availability-image.is-button {
    cursor: zoom-in;
    transition: transform 100ms ease-in-out
}

.availability-image.is-button:not(.focus-visible) {
    box-shadow: 0 1px 2px 0 #e8ebed
}

@media only screen and (hover: hover) {
    .availability-image.is-button:hover {
        transform: scale(1.1)
    }
}

.availability-image.is-button.focus-visible {
    transform: scale(1.1)
}

img.availability-image-uncropped {
    max-width: 400px;
    max-height: 70px;
    border-radius: 3px
}

img.availability-image-uncropped.is-huge {
    max-height: 125px;
    max-width: 200px
}

img.availability-image-uncropped.is-large {
    max-height: 90px
}

img.availability-image-uncropped.is-small {
    max-height: 55px
}

.cart-entry-item {
    font-size: 16px;
    font-weight: bold
}

.cart-entry-availability {
    font-size: 14px;
    padding-top: 4px
}

.cart-entry-headline {
    padding-top: 4px
}

.cart-actions {
    color: #697886;
    padding-top: 10px
}

@media only screen and (max-width: 679px) {
    .cart-actions {
        margin-top: 10px;
        padding-top: 10px;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: -10px;
        margin-right: -10px;
        border-top: 1px solid #e0e3e6
    }
}

@media only screen and (min-width: 680px) {
    .cart-entry-amount {
        width: 90px;
        padding-left: 12px;
        text-align: right
    }
}

@media only screen and (max-width: 679px) {
    .cart-entry-amount {
        padding-top: 10px
    }
}

.cart-action-toggle {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.cart-action-toggle:after {
    transform: translateY(-1px) rotate(-90deg);
    content: '';
    display: inline-block;
    transition: transform 0.15s ease-in-out;
    border-style: solid;
    border-color: transparent;
    border-width: 6px 4px 0 4px;
    border-top-color: currentColor;
    vertical-align: middle;
    margin-left: 1px
}

@supports (mask-type:inherit) {
    .cart-action-toggle:after {
        width: 8px;
        height: 6px;
        background-color: currentColor;
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%207%204.88%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M.3%200C0%200-.1.2.1.44l3.1%204.26a.37.37%200%200%200%20.64%200L6.9.44C7.1.2%207%200%206.7%200z%22%2F%3E%3C%2Fsvg%3E");
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        mask-size: 8px 6px;
        border: 0
    }
}

.cart-action-toggle.toggled:after {
    transform: none
}

.cart-entry-error {
    font-size: 13px;
    color: #c02b2b
}

.cart-entry-error a {
    text-decoration: underline
}

.cart-flyout {
    padding: 0
}

@media only screen and (min-width: 680px) {
    .cart-flyout {
        width: 354px;
        height: auto
    }
}

.cart-flyout header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 15px
}

.cart-flyout header .btn, .cart-flyout header .btn-tiny, .cart-flyout header .btn-big, .cart-flyout header .btn-huge {
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.cart-flyout-subtotal {
    min-width: 80px;
    margin-right: 10px;
    border-right: 1px solid #d1d6db;
    padding-right: 10px;
    text-align: right
}

.cart-flyout-list {
    min-height: 96px;
    max-height: calc(100vh - 164px);
    overflow: auto;
    border-top: 1px solid #d1d6db;
    padding-right: 15px;
    padding-left: 15px
}

.cart-flyout-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 13px;
    padding-bottom: 13px
}

.cart-flyout-item:not(:last-child) {
    border-bottom: 1px solid #d1d6db
}

.cart-flyout-image {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 13px
}

.cart-flyout-info {
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.cart-flyout-date, .cart-flyout-price {
    color: #697886
}

.cart-flyout-date {
    margin-bottom: 2px
}

.cart-flyout-title {
    margin-bottom: 2px;
    font-weight: bold
}

.cart-flyout-price {
    margin-top: 2px
}

.gallery {
    position: relative
}

.gallery-slides {
    position: relative;
    z-index: 2
}

.gallery-slides > li {
    padding-top: 52.59%
}

.gallery-slides > li > button {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 5px;
    cursor: zoom-in;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    transition: transform 100ms ease-in-out
}

@media only screen and (hover: hover) {
    .gallery-slides > li > button:hover {
        transform: scale(1.01)
    }
}

.gallery-slides > li > button.focus-visible {
    transform: scale(1.01)
}

.gallery-image-full {
    max-width: 100%;
    height: auto
}

.gallery-image-full img {
    border-radius: 5px
}

.gallery-filmstrip-wrap {
    position: relative
}

.gallery-filmstrip-wrap::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 50px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 100%);
    pointer-events: none
}

.gallery-filmstrip {
    position: relative;
    white-space: nowrap;
    line-height: 0;
    margin-left: -2px;
    padding-top: 7px;
    padding-bottom: 4px;
    user-select: none;
    overflow-x: auto;
    overflow-y: hidden
}

.gallery-filmstrip > li {
    display: inline-block;
    padding-right: 7px
}

.gallery-filmstrip > li:last-of-type {
    padding-right: 50px
}

.gallery-filmstrip > li > button {
    border: 2px solid transparent;
    border-radius: 5px;
    overflow: hidden;
    cursor: pointer
}

@media only screen and (min-width: 680px) {
    .gallery-filmstrip > li > button {
        height: 78px
    }
}

@media only screen and (max-width: 679px) {
    .gallery-filmstrip > li > button {
        height: 17vw
    }
}

.gallery-filmstrip > li > button.toggled {
    border-color: #0a6ece
}

.gallery-filmstrip > li img {
    width: auto
}

@media only screen and (min-width: 680px) {
    .gallery-filmstrip > li img {
        height: 74px
    }
}

@media only screen and (max-width: 679px) {
    .gallery-filmstrip > li img {
        height: 17vw
    }
}

.gallery-overlay-wrap {
    position: fixed;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1012;
    overflow-x: auto;
    overflow-y: scroll
}

@media only screen and (min-width: 680px) {
    .gallery-overlay-wrap {
        background-color: rgba(255, 255, 255, 0.89);
        -webkit-backdrop-filter: blur(2px);
        backdrop-filter: blur(2px)
    }
}

@media only screen and (max-width: 679px) {
    .gallery-overlay-wrap {
        background-color: #fff
    }
}

.gallery-overlay-dismiss {
    position: fixed;
    top: 0;
    right: 20px;
    bottom: 0;
    left: 0
}

.gallery-lightbox {
    position: relative;
    padding: 30px;
    margin-left: auto;
    margin-right: auto;
    max-width: 850px
}

@media only screen and (min-width: 680px) {
    .gallery-lightbox {
        margin-top: 50px;
        margin-bottom: 50px
    }

    .gallery-lightbox .gallery-filmstrip-wrap::after {
        display: none
    }
}

.gallery-lightbox img {
    max-width: 100%;
    height: auto
}

.gallery-overlay-header {
    padding-bottom: 15px;
    padding-right: 40px
}

.gallery-overlay-header .gallery-overlay-item-name {
    font-size: 28px;
    font-weight: bold;
    line-height: 1
}

.gallery-overlay-close {
    position: absolute;
    top: 30px;
    right: 25px;
    cursor: pointer;
    padding: 5px;
    opacity: 0.85
}

@media only screen and (hover: hover) {
    .gallery-overlay-close:hover {
        opacity: 1
    }
}

.gallery-overlay-close.focus-visible {
    opacity: 1
}

.gallery-overlay-close svg {
    width: 20px;
    height: 20px
}

.slideshow {
    position: relative;
    overflow: hidden;
    background: #333
}

.slideshow:after {
    padding-top: 52.59%;
    display: block;
    content: ''
}

.slideshow .slideshow-slide {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: opacity linear 0.5s;
    -moz-transition: opacity linear 0.5s;
    -o-transition: opacity linear 0.5s;
    transition: opacity linear 0.5s
}

.slideshow .slideshow-slide img {
    display: block;
    width: 100%;
    height: auto
}

.slideshow .slideshow-slide.slideshow-showing {
    opacity: 1
}

.slideshow .slideshow-slide.slideshow-showing-add, .slideshow .slideshow-slide.slideshow-showing-remove {
    -webkit-transition: opacity linear 0.5s;
    -moz-transition: opacity linear 0.5s;
    -o-transition: opacity linear 0.5s;
    transition: opacity linear 0.5s
}

.slideshow:hover .arrow {
    opacity: 1
}

.slideshow .arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 60px;
    opacity: 0;
    text-indent: -9999em;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    -webkit-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -ms-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out
}

.slideshow .arrow:before {
    content: ' ';
    display: block;
    width: 18px;
    height: 29px;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    left: 50%;
    margin-left: -9px;
    opacity: 0.7;
    -webkit-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -ms-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out
}

.slideshow .arrow:hover:before {
    opacity: 1
}

.slideshow .arrow.prev {
    left: 0;
    background: url("/Assets/images/slideshow-nav-fade.png") top left repeat-y
}

.slideshow .arrow.prev:before {
    background-position: -296px -212px
}

.slideshow .arrow.next {
    right: 0;
    background: url("/Assets/images/slideshow-nav-fade.png") top right repeat-y
}

.slideshow .arrow.next:before {
    background-position: -276px -212px
}

.slideshow .slideshow-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 15px;
    text-align: center
}

.slideshow .slideshow-dots .slideshow-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 4px;
    text-indent: -999em;
    border: 2px solid #fff;
    border-radius: 6px;
    cursor: pointer;
    opacity: .4;
    -webkit-transition: background .5s, opacity .5s;
    -moz-transition: background .5s, opacity .5s;
    transition: background .5s, opacity .5s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.slideshow .slideshow-dots .slideshow-dot.active {
    background: #fff;
    opacity: 1
}

html.touch .slideshow-arrows {
    display: none
}

.tripadvisor-rating {
    padding-top: 20px;
    font-size: 12px;
    color: #768593
}

.tripadvisor-rating-img {
    margin-left: -8px
}

.tripadvisor-ranking {
    padding-top: 4px;
    color: #00af87
}

.tripadvisor-reviewer-count {
    font-weight: bold;
    padding-left: 8px
}

.tripadvisor-disclaimer {
    font-size: 10px;
    padding-top: 6px
}

.root-logo {
    position: relative;
    bottom: -10px;
    margin: 0 auto;
    width: 189px;
    height: 97px;
    z-index: 1
}

.root-logo a {
    display: block;
    width: 189px;
    height: 97px;
    text-indent: -9999em
}

@media only screen and (min-resolution: 2dppx), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
    .root-logo a {
        background-position: 0 -50px;
        background-size: 189px auto
    }
}

@media only screen and (min-width: 680px) {
    .root-login {
        padding-top: 80px
    }
}

@media only screen and (max-width: 679px) {
    .root-login {
        padding-top: 25px
    }
}

.non-prod-btns a:first-child {
    margin-bottom: 8px
}

body.root-section-non-prod {
    background-color: #f6f6f6;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover
}

.jcrop-holder {
    direction: ltr;
    text-align: left;
    -ms-touch-action: none
}

.jcrop-vline, .jcrop-hline {
    background: #fff;
    font-size: 0;
    position: absolute
}

.jcrop-vline {
    height: 100%;
    width: 1px !important
}

.jcrop-vline.right {
    right: 0
}

.jcrop-hline {
    height: 1px !important;
    width: 100%
}

.jcrop-hline.bottom {
    bottom: 0
}

.jcrop-tracker {
    height: 100%;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none
}

.jcrop-handle {
    background-color: #333333;
    border: 1px #eeeeee solid;
    width: 7px;
    height: 7px;
    font-size: 1px
}

.jcrop-handle.ord-n {
    left: 50%;
    margin-left: -4px;
    margin-top: -4px;
    top: 0
}

.jcrop-handle.ord-s {
    bottom: 0;
    left: 50%;
    margin-bottom: -4px;
    margin-left: -4px
}

.jcrop-handle.ord-e {
    margin-right: -4px;
    margin-top: -4px;
    right: 0;
    top: 50%
}

.jcrop-handle.ord-w {
    left: 0;
    margin-left: -4px;
    margin-top: -4px;
    top: 50%
}

.jcrop-handle.ord-nw {
    left: 0;
    margin-left: -4px;
    margin-top: -4px;
    top: 0
}

.jcrop-handle.ord-ne {
    margin-right: -4px;
    margin-top: -4px;
    right: 0;
    top: 0
}

.jcrop-handle.ord-se {
    bottom: 0;
    margin-bottom: -4px;
    margin-right: -4px;
    right: 0
}

.jcrop-handle.ord-sw {
    bottom: 0;
    left: 0;
    margin-bottom: -4px;
    margin-left: -4px
}

.jcrop-dragbar.ord-n, .jcrop-dragbar.ord-s {
    height: 7px;
    width: 100%
}

.jcrop-dragbar.ord-e, .jcrop-dragbar.ord-w {
    height: 100%;
    width: 7px
}

.jcrop-dragbar.ord-n {
    margin-top: -4px
}

.jcrop-dragbar.ord-s {
    bottom: 0;
    margin-bottom: -4px
}

.jcrop-dragbar.ord-e {
    margin-right: -4px;
    right: 0
}

.jcrop-dragbar.ord-w {
    margin-left: -4px
}

.jcrop-light .jcrop-vline, .jcrop-light .jcrop-hline {
    background: #ffffff;
    filter: alpha(opacity=70) !important;
    opacity: 0.7 !important
}

.jcrop-light .jcrop-handle {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #000000;
    border-color: #ffffff;
    border-radius: 3px
}

.jcrop-dark .jcrop-vline, .jcrop-dark .jcrop-hline {
    background: #000000;
    filter: alpha(opacity=70) !important;
    opacity: 0.7 !important
}

.jcrop-dark .jcrop-handle {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #ffffff;
    border-color: #000000;
    border-radius: 3px
}

.solid-line .jcrop-vline, .solid-line .jcrop-hline {
    background: #ffffff
}

.jcrop-holder img, img.jcrop-preview {
    max-width: none
}

.seat-maps-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (min-width: 680px) {
    .seat-maps-group {
        margin-bottom: 15px
    }
}

@media only screen and (max-width: 679px) {
    .seat-maps-group {
        margin-bottom: 10px
    }
}

.seat-map {
    position: relative;
    overflow: hidden;
    margin-right: 20px;
    padding: 12px;
    border: 1px solid #e0e3e6;
    border-radius: 5px;
    background-color: #fff
}

.seat-map:last-child::after {
    content: "";
    display: block;
    position: absolute;
    height: 1px
}

@media only screen and (min-width: 680px) {
    .seat-map:last-child::after {
        width: 20px;
        right: -20px
    }
}

@media only screen and (max-width: 679px) {
    .seat-map:last-child::after {
        width: 12px;
        right: -12px
    }
}

.book-anon .seat-map-name {
    display: none
}

.seat-map-grid {
    position: relative;
    display: -ms-grid;
    display: grid;
    grid-template-columns:repeat(auto-fill, 29px);
    grid-template-rows:repeat(auto-fill, 29px);
    font-size: 10px;
    letter-spacing: -0.025em
}

.seat-map-grid.cell-size-small {
    font-size: 8px
}

.seat-map-grid.cell-size-large {
    font-size: 12px
}

.seat {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    overflow: hidden;
    margin: 4px 3px 3px 4px;
    text-align: center;
    border-style: solid;
    border-width: 2px;
    border-radius: 5px;
    background-color: #fff;
    line-height: 1;
    font-family: inherit;
    font-size: inherit;
    -webkit-appearance: none;
    -moz-appearance: none
}

.seat::after {
    font-size: 10px
}

.cell-size-small .seat::after {
    font-size: 8px
}

.cell-size-large .seat::after {
    font-size: 12px
}

.cell-size-small .seat {
    border-radius: 4px
}

.cell-size-large .seat {
    border-radius: 6px
}

.is-ru-focused .seat:not(.closed):not(.in-use):not(.disabled):not(.overridden):not(.selected), .is-overriding .seat:not(.closed):not(.in-use):not(.disabled):not(.overridden):not(.selected), .book-anon .seat:not(.closed):not(.in-use):not(.disabled):not(.overridden):not(.selected), .book-auth .seat:not(.closed):not(.in-use):not(.disabled):not(.overridden):not(.selected) {
    cursor: pointer
}

.is-ru-focused .seat:not(.closed):not(.in-use):not(.disabled):not(.overridden):not(.selected):active, .is-overriding .seat:not(.closed):not(.in-use):not(.disabled):not(.overridden):not(.selected):active, .book-anon .seat:not(.closed):not(.in-use):not(.disabled):not(.overridden):not(.selected):active, .book-auth .seat:not(.closed):not(.in-use):not(.disabled):not(.overridden):not(.selected):active {
    box-shadow: 0 0 0 2px #fff, 0 0 0 5px #0a6ece
}

.seat-map-bought-out .seat:not(.relevant) {
    cursor: default !important
}

.seat-map-bought-out .seat:not(.relevant):active {
    box-shadow: none !important
}

.seat.closed {
    border-color: transparent;
    border-radius: 0;
    color: #1f2428;
    -webkit-tap-highlight-color: transparent
}

.seat.in-use.open:not(.closed):not(.relevant):not(.selected):not(.overridden), .book-anon .seat.exclusive:not(.closed):not(.relevant):not(.selected):not(.overridden), .seat-map-bought-out .seat:not(.closed):not(.relevant):not(.selected):not(.overridden) {
    opacity: 0.25;
    border-color: currentColor;
    font-size: 0
}

.seat.in-use.open:not(.closed):not(.relevant):not(.selected):not(.overridden) span, .book-anon .seat.exclusive:not(.closed):not(.relevant):not(.selected):not(.overridden) span, .seat-map-bought-out .seat:not(.closed):not(.relevant):not(.selected):not(.overridden) span {
    display: none
}

.seat.in-use.open:not(.closed):not(.relevant):not(.selected):not(.overridden)::after, .book-anon .seat.exclusive:not(.closed):not(.relevant):not(.selected):not(.overridden)::after, .seat-map-bought-out .seat:not(.closed):not(.relevant):not(.selected):not(.overridden)::after {
    display: block;
    margin: auto;
    width: 1em;
    height: 1em
}

.seat.relevant {
    cursor: pointer
}

.is-overriding .seat.relevant {
    opacity: 0.15;
    cursor: default
}

.seat.disabled:not(.closed) {
    opacity: 0.25;
    cursor: default
}

.seat.overridden {
    opacity: 0.25
}

.is-overriding .seat.overridden {
    opacity: 1;
    cursor: pointer
}

.seat.overridden::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.seat.selected {
    box-shadow: 0 0 0 2px #fff, 0 0 0 5px #0a6ece;
    cursor: default
}

.seating-tool .seat.exclusive:not(.in-use), .book-auth .seat.exclusive:not(.in-use), .seating-tool .seat.exclusive.unlimited, .book-auth .seat.exclusive.unlimited {
    border-style: dotted
}

.book-anon .seat.exclusive {
    cursor: default
}

.seat.seat--tall {
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl
}

.seat.seat--tall span {
    display: inline-flex;
    writing-mode: vertical-rl;
    padding: 6px 0;
    pointer-events: none
}

.seat.seat--wide {
    font-size: 1.2em
}

.seat.seat--huge {
    font-size: 1.3em
}

.seat-color-0.open, .seat-color-0.unlimited {
    color: #8b8989
}

.seat-color-0.open.relevant, .seat-color-0.open.group-active, .seat-map-buy-out .seat-color-0.open, .seat-color-0.unlimited.relevant, .seat-color-0.unlimited.group-active, .seat-map-buy-out .seat-color-0.unlimited {
    background-color: #8b8989;
    color: #fff;
    border-color: transparent
}

.seat-color-0.closed:not(.seat-color-0) {
    background-color: #ebebeb
}

.is-ru-focused .seat-color-0.unlimited.in-use:not(.relevant), .book-anon .seat-color-0.unlimited.in-use.relevant:not(.selected), .book-auth .seat-color-0.unlimited.in-use.relevant:not(.selected) {
    background-color: #ebebeb;
    color: #8b8989;
    border-color: #8b8989;
    cursor: pointer
}

.seat-color-0.in-use.open:not(.closed):not(.relevant):not(.selected):not(.overridden)::after, .book-anon .seat-color-0.exclusive:not(.closed):not(.relevant):not(.selected):not(.overridden)::after, .seat-map-bought-out .seat-color-0:not(.closed):not(.relevant):not(.selected):not(.overridden)::after {
    content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%209.8%209.8%22%20fill%3D%22%238B8989%22%3E%0A%3Cpolygon%20points%3D%229.8%2C1.3%208.5%2C0%204.9%2C3.6%201.3%2C0%200%2C1.3%203.6%2C4.9%200.1%2C8.4%201.4%2C9.7%204.9%2C6.2%208.5%2C9.8%209.8%2C8.5%206.2%2C4.9%20%22%2F%3E%0A%3C%2Fsvg%3E")
}

.seat-color-0.overridden::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20stroke%3D%22%238B8989%22%3E%3Cline%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%22100%25%22%20y2%3D%22100%25%22%20stroke-width%3D%222%22%3E%3C%2Fline%3E%3C%2Fsvg%3E")
}

.seat-color-0.overridden.selected {
    border-color: #8b8989
}

.seat-color-1.open, .seat-color-1.unlimited {
    color: #ef8625
}

.seat-color-1.open.relevant, .seat-color-1.open.group-active, .seat-map-buy-out .seat-color-1.open, .seat-color-1.unlimited.relevant, .seat-color-1.unlimited.group-active, .seat-map-buy-out .seat-color-1.unlimited {
    background-color: #ef8625;
    color: #fff;
    border-color: transparent
}

.seat-color-1.closed:not(.seat-color-0) {
    background-color: #fcead9
}

.is-ru-focused .seat-color-1.unlimited.in-use:not(.relevant), .book-anon .seat-color-1.unlimited.in-use.relevant:not(.selected), .book-auth .seat-color-1.unlimited.in-use.relevant:not(.selected) {
    background-color: #fcead9;
    color: #ef8625;
    border-color: #ef8625;
    cursor: pointer
}

.seat-color-1.in-use.open:not(.closed):not(.relevant):not(.selected):not(.overridden)::after, .book-anon .seat-color-1.exclusive:not(.closed):not(.relevant):not(.selected):not(.overridden)::after, .seat-map-bought-out .seat-color-1:not(.closed):not(.relevant):not(.selected):not(.overridden)::after {
    content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%209.8%209.8%22%20fill%3D%22%23EF8625%22%3E%0A%3Cpolygon%20points%3D%229.8%2C1.3%208.5%2C0%204.9%2C3.6%201.3%2C0%200%2C1.3%203.6%2C4.9%200.1%2C8.4%201.4%2C9.7%204.9%2C6.2%208.5%2C9.8%209.8%2C8.5%206.2%2C4.9%20%22%2F%3E%0A%3C%2Fsvg%3E")
}

.seat-color-1.overridden::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20stroke%3D%22%23EF8625%22%3E%3Cline%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%22100%25%22%20y2%3D%22100%25%22%20stroke-width%3D%222%22%3E%3C%2Fline%3E%3C%2Fsvg%3E")
}

.seat-color-1.overridden.selected {
    border-color: #ef8625
}

.seat-color-2.open, .seat-color-2.unlimited {
    color: #ada91f
}

.seat-color-2.open.relevant, .seat-color-2.open.group-active, .seat-map-buy-out .seat-color-2.open, .seat-color-2.unlimited.relevant, .seat-color-2.unlimited.group-active, .seat-map-buy-out .seat-color-2.unlimited {
    background-color: #ada91f;
    color: #fff;
    border-color: transparent
}

.seat-color-2.closed:not(.seat-color-0) {
    background-color: #fcfbd9
}

.is-ru-focused .seat-color-2.unlimited.in-use:not(.relevant), .book-anon .seat-color-2.unlimited.in-use.relevant:not(.selected), .book-auth .seat-color-2.unlimited.in-use.relevant:not(.selected) {
    background-color: #fcfbd9;
    color: #ada91f;
    border-color: #ada91f;
    cursor: pointer
}

.seat-color-2.in-use.open:not(.closed):not(.relevant):not(.selected):not(.overridden)::after, .book-anon .seat-color-2.exclusive:not(.closed):not(.relevant):not(.selected):not(.overridden)::after, .seat-map-bought-out .seat-color-2:not(.closed):not(.relevant):not(.selected):not(.overridden)::after {
    content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%209.8%209.8%22%20fill%3D%22%23ADA91F%22%3E%0A%3Cpolygon%20points%3D%229.8%2C1.3%208.5%2C0%204.9%2C3.6%201.3%2C0%200%2C1.3%203.6%2C4.9%200.1%2C8.4%201.4%2C9.7%204.9%2C6.2%208.5%2C9.8%209.8%2C8.5%206.2%2C4.9%20%22%2F%3E%0A%3C%2Fsvg%3E")
}

.seat-color-2.overridden::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20stroke%3D%22%23ADA91F%22%3E%3Cline%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%22100%25%22%20y2%3D%22100%25%22%20stroke-width%3D%222%22%3E%3C%2Fline%3E%3C%2Fsvg%3E")
}

.seat-color-2.overridden.selected {
    border-color: #ada91f
}

.seat-color-3.open, .seat-color-3.unlimited {
    color: #6dad1f
}

.seat-color-3.open.relevant, .seat-color-3.open.group-active, .seat-map-buy-out .seat-color-3.open, .seat-color-3.unlimited.relevant, .seat-color-3.unlimited.group-active, .seat-map-buy-out .seat-color-3.unlimited {
    background-color: #6dad1f;
    color: #fff;
    border-color: transparent
}

.seat-color-3.closed:not(.seat-color-0) {
    background-color: #ecfcd9
}

.is-ru-focused .seat-color-3.unlimited.in-use:not(.relevant), .book-anon .seat-color-3.unlimited.in-use.relevant:not(.selected), .book-auth .seat-color-3.unlimited.in-use.relevant:not(.selected) {
    background-color: #ecfcd9;
    color: #6dad1f;
    border-color: #6dad1f;
    cursor: pointer
}

.seat-color-3.in-use.open:not(.closed):not(.relevant):not(.selected):not(.overridden)::after, .book-anon .seat-color-3.exclusive:not(.closed):not(.relevant):not(.selected):not(.overridden)::after, .seat-map-bought-out .seat-color-3:not(.closed):not(.relevant):not(.selected):not(.overridden)::after {
    content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%209.8%209.8%22%20fill%3D%22%236DAD1F%22%3E%0A%3Cpolygon%20points%3D%229.8%2C1.3%208.5%2C0%204.9%2C3.6%201.3%2C0%200%2C1.3%203.6%2C4.9%200.1%2C8.4%201.4%2C9.7%204.9%2C6.2%208.5%2C9.8%209.8%2C8.5%206.2%2C4.9%20%22%2F%3E%0A%3C%2Fsvg%3E")
}

.seat-color-3.overridden::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20stroke%3D%22%236DAD1F%22%3E%3Cline%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%22100%25%22%20y2%3D%22100%25%22%20stroke-width%3D%222%22%3E%3C%2Fline%3E%3C%2Fsvg%3E")
}

.seat-color-3.overridden.selected {
    border-color: #6dad1f
}

.seat-color-4.open, .seat-color-4.unlimited {
    color: #28ad1f
}

.seat-color-4.open.relevant, .seat-color-4.open.group-active, .seat-map-buy-out .seat-color-4.open, .seat-color-4.unlimited.relevant, .seat-color-4.unlimited.group-active, .seat-map-buy-out .seat-color-4.unlimited {
    background-color: #28ad1f;
    color: #fff;
    border-color: transparent
}

.seat-color-4.closed:not(.seat-color-0) {
    background-color: #dcfcd9
}

.is-ru-focused .seat-color-4.unlimited.in-use:not(.relevant), .book-anon .seat-color-4.unlimited.in-use.relevant:not(.selected), .book-auth .seat-color-4.unlimited.in-use.relevant:not(.selected) {
    background-color: #dcfcd9;
    color: #28ad1f;
    border-color: #28ad1f;
    cursor: pointer
}

.seat-color-4.in-use.open:not(.closed):not(.relevant):not(.selected):not(.overridden)::after, .book-anon .seat-color-4.exclusive:not(.closed):not(.relevant):not(.selected):not(.overridden)::after, .seat-map-bought-out .seat-color-4:not(.closed):not(.relevant):not(.selected):not(.overridden)::after {
    content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%209.8%209.8%22%20fill%3D%22%2328AD1F%22%3E%0A%3Cpolygon%20points%3D%229.8%2C1.3%208.5%2C0%204.9%2C3.6%201.3%2C0%200%2C1.3%203.6%2C4.9%200.1%2C8.4%201.4%2C9.7%204.9%2C6.2%208.5%2C9.8%209.8%2C8.5%206.2%2C4.9%20%22%2F%3E%0A%3C%2Fsvg%3E")
}

.seat-color-4.overridden::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20stroke%3D%22%2328AD1F%22%3E%3Cline%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%22100%25%22%20y2%3D%22100%25%22%20stroke-width%3D%222%22%3E%3C%2Fline%3E%3C%2Fsvg%3E")
}

.seat-color-4.overridden.selected {
    border-color: #28ad1f
}

.seat-color-5.open, .seat-color-5.unlimited {
    color: #1fad5a
}

.seat-color-5.open.relevant, .seat-color-5.open.group-active, .seat-map-buy-out .seat-color-5.open, .seat-color-5.unlimited.relevant, .seat-color-5.unlimited.group-active, .seat-map-buy-out .seat-color-5.unlimited {
    background-color: #1fad5a;
    color: #fff;
    border-color: transparent
}

.seat-color-5.closed:not(.seat-color-0) {
    background-color: #d9fce8
}

.is-ru-focused .seat-color-5.unlimited.in-use:not(.relevant), .book-anon .seat-color-5.unlimited.in-use.relevant:not(.selected), .book-auth .seat-color-5.unlimited.in-use.relevant:not(.selected) {
    background-color: #d9fce8;
    color: #1fad5a;
    border-color: #1fad5a;
    cursor: pointer
}

.seat-color-5.in-use.open:not(.closed):not(.relevant):not(.selected):not(.overridden)::after, .book-anon .seat-color-5.exclusive:not(.closed):not(.relevant):not(.selected):not(.overridden)::after, .seat-map-bought-out .seat-color-5:not(.closed):not(.relevant):not(.selected):not(.overridden)::after {
    content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%209.8%209.8%22%20fill%3D%22%231FAD5A%22%3E%0A%3Cpolygon%20points%3D%229.8%2C1.3%208.5%2C0%204.9%2C3.6%201.3%2C0%200%2C1.3%203.6%2C4.9%200.1%2C8.4%201.4%2C9.7%204.9%2C6.2%208.5%2C9.8%209.8%2C8.5%206.2%2C4.9%20%22%2F%3E%0A%3C%2Fsvg%3E")
}

.seat-color-5.overridden::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20stroke%3D%22%231FAD5A%22%3E%3Cline%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%22100%25%22%20y2%3D%22100%25%22%20stroke-width%3D%222%22%3E%3C%2Fline%3E%3C%2Fsvg%3E")
}

.seat-color-5.overridden.selected {
    border-color: #1fad5a
}

.seat-color-6.open, .seat-color-6.unlimited {
    color: #1fad9f
}

.seat-color-6.open.relevant, .seat-color-6.open.group-active, .seat-map-buy-out .seat-color-6.open, .seat-color-6.unlimited.relevant, .seat-color-6.unlimited.group-active, .seat-map-buy-out .seat-color-6.unlimited {
    background-color: #1fad9f;
    color: #fff;
    border-color: transparent
}

.seat-color-6.closed:not(.seat-color-0) {
    background-color: #d9fcf8
}

.is-ru-focused .seat-color-6.unlimited.in-use:not(.relevant), .book-anon .seat-color-6.unlimited.in-use.relevant:not(.selected), .book-auth .seat-color-6.unlimited.in-use.relevant:not(.selected) {
    background-color: #d9fcf8;
    color: #1fad9f;
    border-color: #1fad9f;
    cursor: pointer
}

.seat-color-6.in-use.open:not(.closed):not(.relevant):not(.selected):not(.overridden)::after, .book-anon .seat-color-6.exclusive:not(.closed):not(.relevant):not(.selected):not(.overridden)::after, .seat-map-bought-out .seat-color-6:not(.closed):not(.relevant):not(.selected):not(.overridden)::after {
    content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%209.8%209.8%22%20fill%3D%22%231FAD9F%22%3E%0A%3Cpolygon%20points%3D%229.8%2C1.3%208.5%2C0%204.9%2C3.6%201.3%2C0%200%2C1.3%203.6%2C4.9%200.1%2C8.4%201.4%2C9.7%204.9%2C6.2%208.5%2C9.8%209.8%2C8.5%206.2%2C4.9%20%22%2F%3E%0A%3C%2Fsvg%3E")
}

.seat-color-6.overridden::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20stroke%3D%22%231FAD9F%22%3E%3Cline%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%22100%25%22%20y2%3D%22100%25%22%20stroke-width%3D%222%22%3E%3C%2Fline%3E%3C%2Fsvg%3E")
}

.seat-color-6.overridden.selected {
    border-color: #1fad9f
}

.seat-color-7.open, .seat-color-7.unlimited {
    color: #25a1ef
}

.seat-color-7.open.relevant, .seat-color-7.open.group-active, .seat-map-buy-out .seat-color-7.open, .seat-color-7.unlimited.relevant, .seat-color-7.unlimited.group-active, .seat-map-buy-out .seat-color-7.unlimited {
    background-color: #25a1ef;
    color: #fff;
    border-color: transparent
}

.seat-color-7.closed:not(.seat-color-0) {
    background-color: #d9effc
}

.is-ru-focused .seat-color-7.unlimited.in-use:not(.relevant), .book-anon .seat-color-7.unlimited.in-use.relevant:not(.selected), .book-auth .seat-color-7.unlimited.in-use.relevant:not(.selected) {
    background-color: #d9effc;
    color: #25a1ef;
    border-color: #25a1ef;
    cursor: pointer
}

.seat-color-7.in-use.open:not(.closed):not(.relevant):not(.selected):not(.overridden)::after, .book-anon .seat-color-7.exclusive:not(.closed):not(.relevant):not(.selected):not(.overridden)::after, .seat-map-bought-out .seat-color-7:not(.closed):not(.relevant):not(.selected):not(.overridden)::after {
    content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%209.8%209.8%22%20fill%3D%22%2325A1EF%22%3E%0A%3Cpolygon%20points%3D%229.8%2C1.3%208.5%2C0%204.9%2C3.6%201.3%2C0%200%2C1.3%203.6%2C4.9%200.1%2C8.4%201.4%2C9.7%204.9%2C6.2%208.5%2C9.8%209.8%2C8.5%206.2%2C4.9%20%22%2F%3E%0A%3C%2Fsvg%3E")
}

.seat-color-7.overridden::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20stroke%3D%22%2325A1EF%22%3E%3Cline%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%22100%25%22%20y2%3D%22100%25%22%20stroke-width%3D%222%22%3E%3C%2Fline%3E%3C%2Fsvg%3E")
}

.seat-color-7.overridden.selected {
    border-color: #25a1ef
}

.seat-color-8.open, .seat-color-8.unlimited {
    color: #2540ef
}

.seat-color-8.open.relevant, .seat-color-8.open.group-active, .seat-map-buy-out .seat-color-8.open, .seat-color-8.unlimited.relevant, .seat-color-8.unlimited.group-active, .seat-map-buy-out .seat-color-8.unlimited {
    background-color: #2540ef;
    color: #fff;
    border-color: transparent
}

.seat-color-8.closed:not(.seat-color-0) {
    background-color: #d9defc
}

.is-ru-focused .seat-color-8.unlimited.in-use:not(.relevant), .book-anon .seat-color-8.unlimited.in-use.relevant:not(.selected), .book-auth .seat-color-8.unlimited.in-use.relevant:not(.selected) {
    background-color: #d9defc;
    color: #2540ef;
    border-color: #2540ef;
    cursor: pointer
}

.seat-color-8.in-use.open:not(.closed):not(.relevant):not(.selected):not(.overridden)::after, .book-anon .seat-color-8.exclusive:not(.closed):not(.relevant):not(.selected):not(.overridden)::after, .seat-map-bought-out .seat-color-8:not(.closed):not(.relevant):not(.selected):not(.overridden)::after {
    content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%209.8%209.8%22%20fill%3D%22%232540EF%22%3E%0A%3Cpolygon%20points%3D%229.8%2C1.3%208.5%2C0%204.9%2C3.6%201.3%2C0%200%2C1.3%203.6%2C4.9%200.1%2C8.4%201.4%2C9.7%204.9%2C6.2%208.5%2C9.8%209.8%2C8.5%206.2%2C4.9%20%22%2F%3E%0A%3C%2Fsvg%3E")
}

.seat-color-8.overridden::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20stroke%3D%22%232540EF%22%3E%3Cline%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%22100%25%22%20y2%3D%22100%25%22%20stroke-width%3D%222%22%3E%3C%2Fline%3E%3C%2Fsvg%3E")
}

.seat-color-8.overridden.selected {
    border-color: #2540ef
}

.seat-color-9.open, .seat-color-9.unlimited {
    color: #6b25ef
}

.seat-color-9.open.relevant, .seat-color-9.open.group-active, .seat-map-buy-out .seat-color-9.open, .seat-color-9.unlimited.relevant, .seat-color-9.unlimited.group-active, .seat-map-buy-out .seat-color-9.unlimited {
    background-color: #6b25ef;
    color: #fff;
    border-color: transparent
}

.seat-color-9.closed:not(.seat-color-0) {
    background-color: #e5d9fc
}

.is-ru-focused .seat-color-9.unlimited.in-use:not(.relevant), .book-anon .seat-color-9.unlimited.in-use.relevant:not(.selected), .book-auth .seat-color-9.unlimited.in-use.relevant:not(.selected) {
    background-color: #e5d9fc;
    color: #6b25ef;
    border-color: #6b25ef;
    cursor: pointer
}

.seat-color-9.in-use.open:not(.closed):not(.relevant):not(.selected):not(.overridden)::after, .book-anon .seat-color-9.exclusive:not(.closed):not(.relevant):not(.selected):not(.overridden)::after, .seat-map-bought-out .seat-color-9:not(.closed):not(.relevant):not(.selected):not(.overridden)::after {
    content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%209.8%209.8%22%20fill%3D%22%236B25EF%22%3E%0A%3Cpolygon%20points%3D%229.8%2C1.3%208.5%2C0%204.9%2C3.6%201.3%2C0%200%2C1.3%203.6%2C4.9%200.1%2C8.4%201.4%2C9.7%204.9%2C6.2%208.5%2C9.8%209.8%2C8.5%206.2%2C4.9%20%22%2F%3E%0A%3C%2Fsvg%3E")
}

.seat-color-9.overridden::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20stroke%3D%22%236B25EF%22%3E%3Cline%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%22100%25%22%20y2%3D%22100%25%22%20stroke-width%3D%222%22%3E%3C%2Fline%3E%3C%2Fsvg%3E")
}

.seat-color-9.overridden.selected {
    border-color: #6b25ef
}

.seat-color-10.open, .seat-color-10.unlimited {
    color: #cd25ef
}

.seat-color-10.open.relevant, .seat-color-10.open.group-active, .seat-map-buy-out .seat-color-10.open, .seat-color-10.unlimited.relevant, .seat-color-10.unlimited.group-active, .seat-map-buy-out .seat-color-10.unlimited {
    background-color: #cd25ef;
    color: #fff;
    border-color: transparent
}

.seat-color-10.closed:not(.seat-color-0) {
    background-color: #f6d9fc
}

.is-ru-focused .seat-color-10.unlimited.in-use:not(.relevant), .book-anon .seat-color-10.unlimited.in-use.relevant:not(.selected), .book-auth .seat-color-10.unlimited.in-use.relevant:not(.selected) {
    background-color: #f6d9fc;
    color: #cd25ef;
    border-color: #cd25ef;
    cursor: pointer
}

.seat-color-10.in-use.open:not(.closed):not(.relevant):not(.selected):not(.overridden)::after, .book-anon .seat-color-10.exclusive:not(.closed):not(.relevant):not(.selected):not(.overridden)::after, .seat-map-bought-out .seat-color-10:not(.closed):not(.relevant):not(.selected):not(.overridden)::after {
    content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%209.8%209.8%22%20fill%3D%22%23CD25EF%22%3E%0A%3Cpolygon%20points%3D%229.8%2C1.3%208.5%2C0%204.9%2C3.6%201.3%2C0%200%2C1.3%203.6%2C4.9%200.1%2C8.4%201.4%2C9.7%204.9%2C6.2%208.5%2C9.8%209.8%2C8.5%206.2%2C4.9%20%22%2F%3E%0A%3C%2Fsvg%3E")
}

.seat-color-10.overridden::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20stroke%3D%22%23CD25EF%22%3E%3Cline%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%22100%25%22%20y2%3D%22100%25%22%20stroke-width%3D%222%22%3E%3C%2Fline%3E%3C%2Fsvg%3E")
}

.seat-color-10.overridden.selected {
    border-color: #cd25ef
}

.seat-color-11.open, .seat-color-11.unlimited {
    color: #ef25af
}

.seat-color-11.open.relevant, .seat-color-11.open.group-active, .seat-map-buy-out .seat-color-11.open, .seat-color-11.unlimited.relevant, .seat-color-11.unlimited.group-active, .seat-map-buy-out .seat-color-11.unlimited {
    background-color: #ef25af;
    color: #fff;
    border-color: transparent
}

.seat-color-11.closed:not(.seat-color-0) {
    background-color: #fcd9f1
}

.is-ru-focused .seat-color-11.unlimited.in-use:not(.relevant), .book-anon .seat-color-11.unlimited.in-use.relevant:not(.selected), .book-auth .seat-color-11.unlimited.in-use.relevant:not(.selected) {
    background-color: #fcd9f1;
    color: #ef25af;
    border-color: #ef25af;
    cursor: pointer
}

.seat-color-11.in-use.open:not(.closed):not(.relevant):not(.selected):not(.overridden)::after, .book-anon .seat-color-11.exclusive:not(.closed):not(.relevant):not(.selected):not(.overridden)::after, .seat-map-bought-out .seat-color-11:not(.closed):not(.relevant):not(.selected):not(.overridden)::after {
    content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%209.8%209.8%22%20fill%3D%22%23EF25AF%22%3E%0A%3Cpolygon%20points%3D%229.8%2C1.3%208.5%2C0%204.9%2C3.6%201.3%2C0%200%2C1.3%203.6%2C4.9%200.1%2C8.4%201.4%2C9.7%204.9%2C6.2%208.5%2C9.8%209.8%2C8.5%206.2%2C4.9%20%22%2F%3E%0A%3C%2Fsvg%3E")
}

.seat-color-11.overridden::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20stroke%3D%22%23EF25AF%22%3E%3Cline%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%22100%25%22%20y2%3D%22100%25%22%20stroke-width%3D%222%22%3E%3C%2Fline%3E%3C%2Fsvg%3E")
}

.seat-color-11.overridden.selected {
    border-color: #ef25af
}

.seat-color-12.open, .seat-color-12.unlimited {
    color: #ef2525
}

.seat-color-12.open.relevant, .seat-color-12.open.group-active, .seat-map-buy-out .seat-color-12.open, .seat-color-12.unlimited.relevant, .seat-color-12.unlimited.group-active, .seat-map-buy-out .seat-color-12.unlimited {
    background-color: #ef2525;
    color: #fff;
    border-color: transparent
}

.seat-color-12.closed:not(.seat-color-0) {
    background-color: #fcd9d9
}

.is-ru-focused .seat-color-12.unlimited.in-use:not(.relevant), .book-anon .seat-color-12.unlimited.in-use.relevant:not(.selected), .book-auth .seat-color-12.unlimited.in-use.relevant:not(.selected) {
    background-color: #fcd9d9;
    color: #ef2525;
    border-color: #ef2525;
    cursor: pointer
}

.seat-color-12.in-use.open:not(.closed):not(.relevant):not(.selected):not(.overridden)::after, .book-anon .seat-color-12.exclusive:not(.closed):not(.relevant):not(.selected):not(.overridden)::after, .seat-map-bought-out .seat-color-12:not(.closed):not(.relevant):not(.selected):not(.overridden)::after {
    content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%209.8%209.8%22%20fill%3D%22%23EF2525%22%3E%0A%3Cpolygon%20points%3D%229.8%2C1.3%208.5%2C0%204.9%2C3.6%201.3%2C0%200%2C1.3%203.6%2C4.9%200.1%2C8.4%201.4%2C9.7%204.9%2C6.2%208.5%2C9.8%209.8%2C8.5%206.2%2C4.9%20%22%2F%3E%0A%3C%2Fsvg%3E")
}

.seat-color-12.overridden::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20stroke%3D%22%23EF2525%22%3E%3Cline%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%22100%25%22%20y2%3D%22100%25%22%20stroke-width%3D%222%22%3E%3C%2Fline%3E%3C%2Fsvg%3E")
}

.seat-color-12.overridden.selected {
    border-color: #ef2525
}

.seat-color-13.open, .seat-color-13.unlimited {
    color: #8b8989
}

.seat-color-13.open.relevant, .seat-color-13.open.group-active, .seat-map-buy-out .seat-color-13.open, .seat-color-13.unlimited.relevant, .seat-color-13.unlimited.group-active, .seat-map-buy-out .seat-color-13.unlimited {
    background-color: #8b8989;
    color: #fff;
    border-color: transparent
}

.seat-color-13.closed:not(.seat-color-0) {
    background-color: #ebebeb
}

.is-ru-focused .seat-color-13.unlimited.in-use:not(.relevant), .book-anon .seat-color-13.unlimited.in-use.relevant:not(.selected), .book-auth .seat-color-13.unlimited.in-use.relevant:not(.selected) {
    background-color: #ebebeb;
    color: #8b8989;
    border-color: #8b8989;
    cursor: pointer
}

.seat-color-13.in-use.open:not(.closed):not(.relevant):not(.selected):not(.overridden)::after, .book-anon .seat-color-13.exclusive:not(.closed):not(.relevant):not(.selected):not(.overridden)::after, .seat-map-bought-out .seat-color-13:not(.closed):not(.relevant):not(.selected):not(.overridden)::after {
    content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%209.8%209.8%22%20fill%3D%22%238B8989%22%3E%0A%3Cpolygon%20points%3D%229.8%2C1.3%208.5%2C0%204.9%2C3.6%201.3%2C0%200%2C1.3%203.6%2C4.9%200.1%2C8.4%201.4%2C9.7%204.9%2C6.2%208.5%2C9.8%209.8%2C8.5%206.2%2C4.9%20%22%2F%3E%0A%3C%2Fsvg%3E")
}

.seat-color-13.overridden::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20stroke%3D%22%238B8989%22%3E%3Cline%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%22100%25%22%20y2%3D%22100%25%22%20stroke-width%3D%222%22%3E%3C%2Fline%3E%3C%2Fsvg%3E")
}

.seat-color-13.overridden.selected {
    border-color: #8b8989
}

.db-header {
    background-color: #0a6ece;
    border-bottom: 1px solid #d1d6db;
    box-shadow: 0 7px 5px -8px rgba(0, 0, 0, 0.25)
}

@media only screen and (min-width: 680px) {
    .db-header {
        position: fixed;
        height: 44px;
        z-index: 1010;
        top: 0;
        right: 0;
        left: 0
    }
}

@media only screen and (max-width: 679px) {
    .db-header {
        overflow: hidden;
        position: relative;
        margin: 10px 12px;
        border-radius: 5px
    }
}

@media only screen and (min-width: 680px) {
    .db-header-left {
        position: absolute;
        top: 0;
        left: 57px
    }
}

@media only screen and (min-width: 680px) {
    .db-header-right {
        position: absolute;
        top: 0;
        right: 0;
        white-space: nowrap
    }
}

@media only screen and (max-width: 679px) {
    .db-header-right {
        max-width: 100% !important
    }
}

@media only screen and (max-width: 679px) {
    .mobile-row-company {
        padding-bottom: 4px
    }

    .mobile-row-company:after {
        content: '';
        display: table;
        clear: both;
        border-spacing: 0
    }

    .mobile-row-company-inner {
        white-space: nowrap;
        box-sizing: border-box;
        padding-left: 54px;
        position: relative;
        float: left;
        max-width: 100%
    }

    .mobile-row-company-inner:not(.has-related-companies) {
        padding-right: 15px
    }

    .mobile-row-company-inner.has-related-companies::after {
        pointer-events: none;
        transform: none;
        content: '';
        display: inline-block;
        transition: transform 0.15s ease-in-out;
        border-style: solid;
        border-color: transparent;
        border-width: 5px 3.5px 0 3.5px;
        border-top-color: currentColor;
        color: #fff;
        position: absolute;
        top: 20px;
        right: 12px;
        z-index: 2
    }

    @supports (mask-type:inherit) {
        .mobile-row-company-inner.has-related-companies::after {
            width: 7px;
            height: 5px;
            background-color: currentColor;
            -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%207%204.88%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M.3%200C0%200-.1.2.1.44l3.1%204.26a.37.37%200%200%200%20.64%200L6.9.44C7.1.2%207%200%206.7%200z%22%2F%3E%3C%2Fsvg%3E");
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            mask-size: 7px 5px;
            border: 0
        }
    }.mobile-row-company-inner.has-related-companies::before {
         width: 28px
     }

    .mobile-row-company-inner::before {
        pointer-events: none;
        width: 15px;
        content: '';
        position: absolute;
        z-index: 1;
        top: 4px;
        right: 0;
        height: 36px;
        background: linear-gradient(90deg, rgba(10, 110, 206, 0) 0%, #0a6ece 100%)
    }

    .mobile-row-readonly {
        padding: 0 4px 4px 4px;
        border-top: 1px solid rgba(0, 0, 0, 0.18)
    }

    .mobile-row-readonly .db-header-flyout-wrap, .mobile-row-readonly .db-header-btn {
        width: 100%
    }

    .mobile-row-nav {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding-bottom: 4px;
        border-top: 1px solid rgba(0, 0, 0, 0.18)
    }

    .mobile-row-nav--left {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        min-width: 0;
        margin-right: 4px;
        margin-left: 4px
    }

    .mobile-row-nav--left .db-header-flyout-wrap {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        min-width: 0
    }

    .mobile-row-nav--right {
        flex: none;
        margin-right: 4px;
        margin-left: auto
    }
}

.db-fh-logo {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 52px;
    height: 44px
}

.db-fh-logo svg, .db-fh-logo:before {
    transition: left 0.5s ease, width 0.5s ease
}

.db-fh-logo svg {
    position: absolute;
    top: 50%;
    left: 15px;
    margin-top: -15px;
    color: #fff
}

.db-fh-logo:before {
    content: '';
    position: absolute;
    top: 10px;
    left: -15px;
    width: 15px;
    height: 11px;
    background-position: -108px -544px;
    opacity: 0
}

.db-fh-logo.active:before {
    opacity: 1
}

.db-fh-logo.active:not(.done):before {
    left: 32px
}

.db-fh-logo.active:not(.done) svg {
    left: 9px
}

.db-fh-logo.active:not(.done) svg .fh-logo-lighthouse-beams {
    display: none
}

.db-fh-logo.done:before {
    left: 53px
}

.db-header-flyout-wrap {
    position: relative;
    display: inline-block;
    vertical-align: top
}

@media only screen and (min-width: 680px) {
    .db-header-flyout-wrap .tb-flyout {
        top: 36px
    }

    .db-header-flyout-wrap .tb-flyout.tb-flyout--left {
        right: 3px
    }
}

.db-header-btn {
    display: inline-block;
    vertical-align: top;
    color: #fff;
    line-height: 36px;
    margin-top: 4px;
    border-radius: 4px;
    font-size: 12px;
    cursor: pointer
}

@media only screen and (min-width: 680px) {
    .db-header-btn {
        padding-right: 12px;
        padding-left: 12px
    }
}

@media only screen and (max-width: 679px) {
    .db-header-btn {
        padding-right: 10px;
        padding-left: 10px
    }
}

@media only screen and (hover: hover) {
    .db-header-btn:not(.no-hover):hover {
        background-color: rgba(1, 86, 166, 0.6)
    }
}

.db-header-btn.focus-visible:not(.no-hover) {
    background-color: rgba(1, 86, 166, 0.6)
}

.db-header-btn.toggled:not(.no-hover) {
    background-color: rgba(1, 86, 166, 0.6)
}

.db-header-btn.is-flyout::after, .db-header-btn > .is-flyout::after {
    transform: none;
    content: '';
    display: inline-block;
    transition: transform 0.15s ease-in-out;
    border-style: solid;
    border-color: transparent;
    border-width: 5px 3.5px 0 3.5px;
    border-top-color: currentColor;
    flex: none;
    pointer-events: none;
    vertical-align: middle;
    margin-left: 2px
}

@supports (mask-type:inherit) {
    .db-header-btn.is-flyout::after, .db-header-btn > .is-flyout::after {
        width: 7px;
        height: 5px;
        background-color: currentColor;
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%207%204.88%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M.3%200C0%200-.1.2.1.44l3.1%204.26a.37.37%200%200%200%20.64%200L6.9.44C7.1.2%207%200%206.7%200z%22%2F%3E%3C%2Fsvg%3E");
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        mask-size: 7px 5px;
        border: 0
    }
}

.db-header-btn-inner-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 0
}

.db-header-btn--user {
    min-width: 0
}

.db-header-btn--user img {
    margin-right: 6px
}

.db-header-btn--user .admin-badge {
    margin-right: 3px
}

.db-header-btn--user-name {
    margin-right: 3px
}

@media only screen and (max-width: 679px) {
    .db-header-btn--user-name {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

.db-header-btn--alerts svg {
    vertical-align: middle;
    margin-top: -4px;
    height: 16px;
    width: 15px
}

.db-header-btn--alerts .badge {
    padding: 0 2px;
    margin-left: -2px;
    font-size: 0.9em;
    line-height: 1.1
}

.db-alerts-flyout {
    white-space: normal;
    padding-top: 42px
}

@media only screen and (min-width: 680px) {
    .db-alerts-flyout {
        width: 410px
    }
}

@media only screen and (max-width: 679px) {
    .db-alerts-flyout {
        position: relative
    }
}

.db-alerts-flyout-header {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 41px;
    line-height: 41px;
    border-bottom: 1px solid #e0e3e6;
    color: #697886;
    padding-left: 15px;
    font-size: 14px
}

.db-alerts-flyout-header button {
    color: #1f2428
}

.db-alerts-flyout-header .overlay-close {
    top: 4px;
    right: 4px
}

.db-alerts-flyout-list {
    margin-top: 15px
}

.db-alerts-flyout-list li {
    position: relative;
    padding-left: 30px
}

.db-alerts-flyout-list li:not(:last-child) {
    margin-bottom: 15px
}

.db-alerts-flyout-list li img, .db-alerts-flyout-list li svg {
    position: absolute;
    top: 0;
    left: 0
}

.db-alerts-flyout-list .icon-sparkles {
    width: 18px;
    height: auto;
    color: #5600da
}

.db-header-btn--readonly {
    font-size: 16px;
    background-color: #c02b2b
}

@media only screen and (max-width: 679px) {
    .db-header-btn--readonly {
        text-align: center
    }
}

@media only screen and (hover: hover) {
    .db-header-btn--readonly:hover {
        background-color: #ab2626 !important
    }
}

.db-header-btn--readonly.focus-visible {
    background-color: #ab2626 !important
}

.db-header-btn--readonly.toggled {
    background-color: #9f2424 !important
}

@media only screen and (min-width: 680px) {
    .db-header-company-wrap .tb-flyout {
        position: fixed;
        top: 36px;
        right: 3px
    }
}

.db-header-btn--company {
    font-size: 17px
}

.db-header-btn--company .badge {
    font-size: 14px;
    line-height: 1.3
}

.db-header-btn--company.is-outside-user {
    padding-right: 25px
}

@media only screen and (min-width: 680px) {
    .db-header-btn--company.is-outside-user::after {
        width: 28px
    }

    .db-header-btn--company.is-outside-user::before {
        transform: none;
        content: '';
        display: inline-block;
        transition: transform 0.15s ease-in-out;
        border-style: solid;
        border-color: transparent;
        border-width: 5px 3.5px 0 3.5px;
        border-top-color: currentColor;
        position: fixed;
        right: 12px;
        top: 20px;
        pointer-events: none;
        z-index: 2
    }

    @supports (mask-type:inherit) {
        .db-header-btn--company.is-outside-user::before {
            width: 7px;
            height: 5px;
            background-color: currentColor;
            -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%207%204.88%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M.3%200C0%200-.1.2.1.44l3.1%204.26a.37.37%200%200%200%20.64%200L6.9.44C7.1.2%207%200%206.7%200z%22%2F%3E%3C%2Fsvg%3E");
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            mask-size: 7px 5px;
            border: 0
        }
    }.db-header-btn--company.is-outside-user:hover::after, .db-header-btn--company.is-outside-user.toggled::after {
         background: linear-gradient(90deg, rgba(43, 97, 179, 0) 0%, #2b61b3 100%)
     }
}

@media only screen and (min-width: 680px) {
    .db-header-btn--company::after {
        width: 15px;
        pointer-events: none;
        content: '';
        position: fixed;
        top: 4px;
        right: 0;
        height: 36px;
        background: linear-gradient(90deg, rgba(10, 110, 206, 0) 0%, #0a6ece 100%)
    }
}

.db-header-btn--admin-notes {
    overflow: hidden
}

.db-header-btn--admin-notes.is-flagged {
    position: relative
}

.db-header-btn--admin-notes.is-flagged:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 4px;
    background-color: #f37f25
}

@media only screen and (min-width: 680px) {
    .db-nav {
        display: inline-block;
        color: #fff
    }

    .db-nav:after {
        content: '';
        display: table;
        clear: both;
        border-spacing: 0
    }
}

.db-nav-items a {
    position: relative;
    transition: background-color 100ms ease
}

@media only screen and (min-width: 680px) {
    .db-nav-items {
        float: left
    }

    .db-nav-items > li {
        line-height: 44px;
        float: left
    }

    .db-nav-items a {
        display: block;
        height: 44px;
        line-height: 44px
    }
}

@media only screen and (min-width: 680px) and (hover: hover) {
    .db-nav-items a:hover {
        background-color: rgba(1, 86, 166, 0.6)
    }
}

@media only screen and (min-width: 680px) {
    .db-nav-items a.focus-visible {
        background-color: rgba(1, 86, 166, 0.6)
    }

    .db-nav-items a.current::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 10px;
        right: 10px;
        border-bottom: 3px solid #85c5ff;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px
    }

    .db-nav-items svg {
        vertical-align: middle;
        margin-top: -3px;
        margin-right: 4px;
        color: #85c5ff
    }

    .db-nav-items:not(.db-nav-small) a {
        padding-right: 12px;
        padding-left: 12px;
        font-size: 15px
    }

    .db-nav-items.db-nav-small a {
        padding-right: 10px;
        padding-left: 10px;
        font-size: 13px
    }

    .db-nav-items.db-nav-small svg.icon-help {
        width: 13px;
        height: 14px
    }

    .db-nav-items + .db-nav-small {
        margin-left: 6px
    }
}

@media only screen and (max-width: 679px) {
    .db-nav-items {
        display: grid;
        grid-template-columns:repeat(auto-fit, minmax(70px, 1fr));
        grid-gap: 4px;
        gap: 4px;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        margin: 4px
    }

    .db-nav-items > li {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .db-nav-items a {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        flex: 1;
        padding: 12px;
        border-radius: 5px;
        text-align: center
    }
}

@media only screen and (max-width: 679px) and (hover: hover) {
    .db-nav-items a:hover {
        background-color: #e7ebef
    }
}

@media only screen and (max-width: 679px) {
    .db-nav-items a.focus-visible {
        background-color: #e7ebef
    }

    .db-nav-items a.current {
        background-color: #e3f0fc
    }

    .db-nav-items svg {
        color: #0a6ece
    }

    .db-nav-items:not(.db-nav-small) a {
        font-size: 15px
    }

    .db-nav-items:not(.db-nav-small) svg {
        width: 22px;
        height: 22px;
        margin-bottom: 8px
    }

    .db-nav-items.db-nav-small svg {
        width: 18px;
        height: 18px;
        margin-bottom: 6px
    }
}

.settings-nag .settings a span {
    position: relative;
    padding-right: 28px !important
}

.settings-nag .settings a span:after {
    content: ' ';
    width: 16px;
    height: 14px;
    background-position: -322px -484px;
    position: absolute;
    top: 50%;
    margin-top: -7px;
    right: 7px
}

.email-form {
    border: 1px solid #e0e3e6;
    margin-bottom: 5px;
    padding: 8px 12px 0 12px;
    border-radius: 4px
}

.email-form--single {
    clear: both
}

.email-form--single:not(:last-child) {
    border-bottom: 1px solid #e0e3e6;
    margin-bottom: 15px;
    padding-bottom: 10px
}

.hint + .email-form--single {
    margin-top: 10px
}

.email-form-header h2 {
    font-size: 15px;
    font-weight: bold
}

.email-form-all-addresses {
    margin-top: 8px;
    margin-bottom: 8px;
    font-size: 12px
}

.email-form-all-addresses .badge {
    margin-right: 3px;
    margin-bottom: 3px
}

.email-form-global-tb {
    border-top: 1px solid #e0e3e6;
    border-bottom-color: #e0e3e6 !important;
    margin-top: 12px;
    margin-right: -12px;
    margin-bottom: 12px;
    margin-left: -12px
}

@media only screen and (min-width: 680px) {
    .email-form-global-tb {
        padding-right: 12px;
        padding-left: 12px
    }
}

.table-page-center {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: background 0.3s ease
}

.table-page-center .td {
    padding-top: 2%;
    padding-bottom: 4%
}

body.body-page-center {
    height: 100%
}

.login-alert {
    padding: 15px;
    background-color: #FFE7D1
}

.login-alert + .login-alert {
    padding-top: 0
}

.login-bookmark-reminder {
    padding: 15px 25px;
    border-top: 1px solid #e0e3e6;
    font-size: 12px;
    line-height: 1.3;
    background: #f1f2f4
}

.form-login-message-back {
    padding-top: 12px
}

.form-login {
    max-width: 375px;
    margin: 0 auto;
    z-index: 100;
    position: relative;
    background: #fff;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px
}

.form-login .form-login-inner {
    padding: 20px 25px
}

.form-login.has-bg {
    box-shadow: 0 4px 13px -4px rgba(0, 0, 0, 0.6)
}

.form-login:not(.has-bg) {
    border: 1px solid #d1d6db
}

@media only screen and (max-width: 679px) {
    .form-login {
        border-radius: 0
    }
}

.form-login .login-logo {
    display: block;
    margin: 10px auto 20px auto;
    text-align: center
}

.form-login .login-logo .fh-logo {
    width: 180px;
    height: 122px
}

.form-login .login-company {
    margin-bottom: 12px;
    color: #0a6ece;
    font-size: 20px
}

.form-login .login-company a {
    border-bottom: 1px solid #0a6ece
}

.form-login .login-wrong-company {
    display: block;
    margin-top: 8px;
    color: #697886;
    font-size: 11px
}

.form-login .login-wrong-company:hover {
    text-decoration: underline
}

.forgot-help {
    margin-top: 12px;
    margin-bottom: 12px
}

.company-login-logo {
    text-align: center;
    margin-bottom: 12px
}

.company-login-logo img {
    max-width: 100%;
    max-height: 250px;
    width: auto;
    height: auto
}

.company-login-logo h1 {
    font-size: 26px;
    padding: 10px 0
}

.login-background-fill {
    z-index: 0;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.login-shortname-link {
    margin-top: 5px;
    opacity: 0.9;
    font-weight: normal;
    font-size: 12px
}

.login-intro {
    margin-bottom: 12px
}

.login-hint {
    color: #697886;
    padding-top: 12px
}

.login-hint a {
    text-decoration: underline
}

.signin-button-google, .signin-button-amazon, .signin-button-marriott {
    display: inline-block;
    width: 191px;
    height: 46px;
    text-indent: -99999em;
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 191px 46px
}

@media only screen and (min-width: 680px) {
    body.showing-sidepanel {
        padding-left: 230px
    }

    body.showing-sidepanel .db-header, body.showing-sidepanel .db-primary-tb, body.showing-sidepanel .settings-nav-fixed {
        left: 230px
    }

    body.showing-sidepanel .settings-window-header-fixed-wrap {
        left: 282px
    }

    body.showing-sidepanel .book-form-tb-wrap, body.showing-sidepanel .auth-book-shim {
        left: 246px
    }

    body.showing-sidepanel.dashboard-section.db-section-bookings .settings-nav-fixed, body.showing-sidepanel.dashboard-section.db-section-bookings .bookings-header-wrap, body.showing-sidepanel.dashboard-section.db-section-bookings .calendar-nav, body.showing-sidepanel.dashboard-section.db-section-bookings .db-main-content {
        left: 245px !important
    }

    body.showing-sidepanel .manifest-nav-wrap {
        left: 242px !important
    }
}

.sidepanel {
    z-index: 105;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #263844;
    color: #fff
}

@media only screen and (min-width: 680px) {
    .sidepanel {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        width: 230px;
        border-right: 1px solid #000;
        box-shadow: -6px -4px 20px #1e2a31 inset
    }

    .sidepanel .sidepanel-inner {
        overflow-x: auto;
        position: absolute;
        top: 5px;
        right: 5px;
        bottom: 0;
        left: 0
    }
}

.sidepanel .sidepanel-inner {
    padding: 10px
}

.sidepanel .sidepanel-inner::-webkit-scrollbar {
    width: 6px
}

.sidepanel .sidepanel-inner::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #485a67
}

.sidepanel .sidepanel-inner::-webkit-scrollbar-thumb:hover {
    background: #6f8594
}

.sidepanel .fh-grey {
    color: #abb8c1
}

.sidepanel .booking-block-affiliate {
    color: #8ca8bd
}

.sidepanel .btns {
    padding-bottom: 15px
}

.sidepanel-block {
    position: relative;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    border-width: 1px;
    border-style: solid;
    border-color: #586771;
    border-radius: 2px;
    margin-bottom: 6px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.sidepanel-block.is-toggle {
    padding-left: 25px;
    cursor: pointer
}

.sidepanel-block.is-toggle:hover {
    border-color: #89a0af
}

.sidepanel-block.is-toggle:before {
    position: absolute;
    transform: translateY(-1px) rotate(-90deg);
    content: '';
    display: inline-block;
    transition: transform 0.15s ease-in-out;
    border-style: solid;
    border-color: transparent;
    border-width: 6px 4px 0 4px;
    border-top-color: #89a0af;
    left: 10px;
    top: 50%;
    margin-top: -3px
}

@supports (mask-type:inherit) {
    .sidepanel-block.is-toggle:before {
        width: 8px;
        height: 6px;
        background-color: #89a0af;
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%207%204.88%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M.3%200C0%200-.1.2.1.44l3.1%204.26a.37.37%200%200%200%20.64%200L6.9.44C7.1.2%207%200%206.7%200z%22%2F%3E%3C%2Fsvg%3E");
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        mask-size: 8px 6px;
        border: 0
    }
}

.sidepanel-block.is-toggle.toggled:before {
    transform: none
}

.sidepanel-block.is-placeholder {
    padding-left: 45px;
    border-color: #22a158
}

.sidepanel-block.is-placeholder:before {
    content: '';
    position: absolute;
    width: 13px;
    height: 14px;
    background-position: -332px -293px;
    left: 17px;
    top: 50%;
    margin-top: -7px
}

.sidepanel-block .ava {
    font-size: 11px;
    color: #ddd
}

.sidepanel-toggle {
    cursor: pointer;
    background-color: #586771;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 8px;
    padding-left: 13px;
    margin-left: -10px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.sidepanel-toggle:before {
    transform: translateY(-1px) rotate(-90deg);
    content: '';
    display: inline-block;
    transition: transform 0.15s ease-in-out;
    border-style: solid;
    border-color: transparent;
    border-width: 6px 4px 0 4px;
    border-top-color: currentColor;
    margin-right: 6px
}

@supports (mask-type:inherit) {
    .sidepanel-toggle:before {
        width: 8px;
        height: 6px;
        background-color: currentColor;
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%207%204.88%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M.3%200C0%200-.1.2.1.44l3.1%204.26a.37.37%200%200%200%20.64%200L6.9.44C7.1.2%207%200%206.7%200z%22%2F%3E%3C%2Fsvg%3E");
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        mask-size: 8px 6px;
        border: 0
    }
}

.sidepanel-toggle.toggled:before, .toggled > .sidepanel-toggle:before {
    transform: none
}

.sidepanel-customer-card-wrap {
    overflow: hidden;
    border: 1px solid #586771;
    border-radius: 5px;
    margin-bottom: 8px
}

.sidepanel-customer-card {
    width: 100%;
    border-collapse: separate
}

.sidepanel-customer-card td {
    padding: 2px 5px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-color: #586771
}

.sidepanel-customer-card > tbody:last-child > tr:last-child > td {
    border-bottom: none !important
}

.sidepanel-customer-card .is-header td {
    padding-top: 5px;
    padding-bottom: 5px
}

.sidepanel-header {
    padding-bottom: 8px
}

.sidepanel-booking-contact {
    padding-bottom: 15px
}

.sidepanel-booking-contact b {
    font-size: 15px
}

.sidepanel-not-fillable {
    background-color: #FFE7D1;
    color: #19272E
}

@media only screen and (min-width: 680px) {
    body.dashboard-section, body.root-section {
        padding-top: 45px
    }

    body.dashboard-section .error-page, body.root-section .error-page {
        padding-top: 0
    }
}

@media only screen and (min-width: 680px) {
    .db-wrap {
        width: 980px;
        margin: 0 auto
    }
}

.db-main {
    padding: 25px 0
}

@media only screen and (max-width: 679px) {
    .db-main {
        padding-top: 0
    }
}

@media only print {
    .db-main {
        padding-top: 0
    }
}

@media only screen and (min-width: 680px) {
    .db-wrap-fluid {
        padding: 15px
    }
}

@media only screen and (max-width: 679px) {
    .db-wrap-fluid {
        padding-right: 10px;
        padding-bottom: 10px;
        padding-left: 10px
    }
}

@media only screen and (min-width: 680px) {
    .db-primary-tb {
        position: fixed;
        top: 45px;
        left: 0;
        right: 0;
        z-index: 100
    }
}

.db-item-grid {
    margin-top: 15px
}

@media only screen and (max-width: 679px) {
    .db-item-grid {
        padding: 0 15px
    }
}

@media only screen and (max-width: 679px) {
    .db-item-list {
        padding-left: 12px;
        padding-right: 12px
    }
}

.edit-image-preview {
    width: 100%;
    max-width: 650px;
    height: auto
}

.edit-image-cropping {
    max-width: 100%;
    margin-bottom: 15px
}

.edit-image-cropping .edit-image-to-crop {
    max-width: 100%
}

.list-filters.list-filters--with-spacing {
    margin-top: 10px;
    margin-bottom: 15px
}

.list-filters li {
    display: inline-block
}

.list-filters li > a, .list-filters li button {
    display: inline-block;
    padding: 5px 7px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-bottom: 2px solid transparent;
    color: #697886;
    cursor: pointer
}

.list-filters li > a[type="button"], .list-filters li button[type="button"] {
    width: auto;
    box-sizing: border-box;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-align: left;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none
}

.list-filters li > a[type="button"][disabled], .list-filters li > a.button-disabled[type="button"], .list-filters li > a.btn-disabled[type="button"], .list-filters li > a[type="button"]:disabled, .list-filters li button[type="button"][disabled], .list-filters li button.button-disabled[type="button"], .list-filters li button.btn-disabled[type="button"], .list-filters li button[type="button"]:disabled {
    cursor: not-allowed
}

@media only screen and (hover: hover) {
    .list-filters li > a:hover, .list-filters li button:hover {
        background: #e7ebef
    }
}

.list-filters li > a.focus-visible, .list-filters li button.focus-visible {
    background: #e7ebef
}

.list-filters li > a.toggled, .list-filters li > a.current, .list-filters li button.toggled, .list-filters li button.current {
    color: #0a6ece;
    border-bottom-color: #0a6ece
}

.list-filters li.list-filters-label {
    cursor: text;
    color: #1f2428
}

.list-filters li.list-filters-label:hover {
    background: none
}

.simple-warning {
    padding: 6px 10px;
    margin-bottom: 10px;
    border-radius: 3px;
    background: #FFE7D1;
    border: 1px solid #E0C7A8
}

.simple-warning svg {
    vertical-align: top;
    margin-top: 1px
}

@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale(0.9)
    }
    50% {
        -webkit-transform: scale(1.2)
    }
    to {
        -webkit-transform: scale(0.9)
    }
}

@keyframes pulse {
    from {
        transform: scale(0.9)
    }
    50% {
        transform: scale(1.2)
    }
    to {
        transform: scale(0.9)
    }
}

.select-all {
    color: #697886
}

.select-all button {
    cursor: pointer;
    text-decoration: underline
}

@media only screen and (hover: hover) {
    .select-all button:hover {
        color: #5a6672
    }
}

.select-all button.focus-visible {
    color: #5a6672
}

fieldset[disabled] .select-all a {
    cursor: default;
    text-decoration: none
}

.db-empty-section {
    margin-top: 25px;
    border: 2px solid #d1d6db;
    border-radius: 10px;
    color: #697886;
    padding: 25px
}

@media only screen and (max-width: 679px) {
    .db-empty-section {
        margin: 12px
    }
}

.db-empty-section .db-empty-section-header {
    font-size: 23px;
    color: #1f2428;
    padding-bottom: 8px
}

.db-empty-section-inner {
    max-width: 700px;
    margin: 0 auto;
    text-align: center
}

.callout-block {
    background: #fff5d0;
    font-weight: bold;
    padding: 10px;
    margin: 15px 0
}

@media only screen and (min-width: 680px) {
    .fade-in-stats-tb .stats-tb {
        -webkit-transition: opacity .1s ease-in-out;
        -moz-transition: opacity .1s ease-in-out;
        transition: opacity .1s ease-in-out
    }

    .fade-in-stats-tb .stats-tb.loading {
        opacity: 0
    }

    .fade-in-stats-tb .stats-tb.success {
        opacity: 1
    }
}

.empty-view-message {
    padding: 20px;
    color: #768593
}

.sonar-paused {
    position: fixed;
    top: 0;
    background-color: #ffeca5;
    padding: 8px;
    z-index: 9999;
    text-align: center;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-left: 1px solid #f3cd86;
    border-right: 1px solid #f3cd86;
    border-bottom: 1px solid #f3cd86;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.25)
}

@media only screen and (min-width: 680px) {
    .sonar-paused {
        left: 50%;
        margin-left: -170px;
        width: 340px
    }
}

@media only screen and (max-width: 679px) {
    .sonar-paused {
        left: 15px;
        right: 15px
    }
}

.sonar-paused a {
    color: #0a6ece
}

.jump-header {
    line-height: 1;
    font-weight: bold
}

@media only screen and (min-width: 680px) {
    .jump-header {
        font-size: 65px
    }
}

@media only screen and (max-width: 679px) {
    .jump-header {
        font-size: 50px
    }
}

@media only screen and (min-width: 680px) {
    .admin-main-content {
        max-width: 650px;
        margin-right: 340px;
        margin-top: 22px;
        padding-top: 40px;
        padding-bottom: 40px
    }
}

@media only screen and (min-width: 679px) and (max-width: 920px) {
    .admin-main-content {
        padding-right: 20px;
        padding-left: 20px
    }
}

@media only screen and (min-width: 921px) {
    .admin-main-content {
        padding-right: 40px;
        padding-left: 40px
    }
}

@media only screen and (max-width: 679px) {
    .admin-main-content {
        padding: 15px;
        border-bottom: 1px solid #d1d6db;
        margin-bottom: 15px
    }
}

@media only screen and (min-width: 680px) {
    .admin-jump-menu {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .admin-jump-menu select:not(.select2-hidden-accessible) {
        max-width: 100%
    }

    .admin-jump-menu--type {
        box-sizing: border-box;
        width: 40%;
        padding-right: 10px
    }

    .admin-jump-menu--id {
        width: 60%
    }
}

@media only screen and (max-width: 679px) {
    .admin-jump-menu--id .btn, .admin-jump-menu--id .btn-tiny, .admin-jump-menu--id .btn-big, .admin-jump-menu--id .btn-huge {
        width: auto
    }
}

.ava-updater.is-processing {
    max-height: 250px;
    overflow: hidden
}

.ava-updater .form-loading-overlay {
    z-index: 10
}

@media only screen and (min-width: 680px) {
    .ava-updater-main > .tr > .td:first-child {
        width: 160px;
        border-right: 1px solid #d1d6db
    }
}

@media only screen and (max-width: 679px) {
    .ava-updater-main > .tr > .td:first-child {
        border-bottom: 2px solid #0a6ece
    }
}

@media only screen and (min-width: 680px) {
    .ava-updater-main > .tr > .td:nth-child(2) {
        width: 250px;
        border-right: 1px solid #ddd
    }
}

@media only screen and (max-width: 679px) {
    .ava-updater-main > .tr > .td:nth-child(2) {
        border-bottom: 2px solid #0a6ece
    }
}

.ava-updater-handheld-header {
    padding: 12px 15px;
    background-color: #f1f2f4;
    font-weight: bold;
    font-size: 18px
}

.tr.ava-updater-headers {
    counter-reset: ava-updater-step-counter
}

.tr.ava-updater-headers h2 {
    font-size: 19px;
    color: #0a6ece
}

.tr.ava-updater-headers .td {
    position: relative;
    padding: 15px 15px 15px 60px;
    border-bottom: 1px solid #d1d6db
}

.tr.ava-updater-headers .td:before {
    content: counter(ava-updater-step-counter);
    counter-increment: ava-updater-step-counter;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -16px;
    display: block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    vertical-align: middle;
    text-align: center;
    border-radius: 50%;
    background-color: #0a6ece;
    color: #fff;
    font-size: 18px
}

.tr.ava-updater-body .td {
    position: relative
}

.tr.ava-updater-body.is-locked .td:after {
    content: '';
    z-index: 3;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    opacity: 0.6
}

@media only screen and (min-width: 680px) {
    .ava-updater-types-list {
        padding: 20px 0
    }
}

.ava-updater-suggested {
    background-color: #fff1ba;
    padding-bottom: 10px;
    margin-bottom: 5px;
    margin-top: 10px
}

.ava-updater-filters {
    padding-bottom: 15px
}

.tr.ava-updater-buttons .td {
    vertical-align: middle !important;
    border-top: 1px solid #d1d6db
}

@media only screen and (min-width: 680px) {
    .ava-updater-max-width {
        max-width: 375px
    }
}

@media only screen and (min-width: 680px) {
    body.db-section-bookings .calendar-days .td {
        border-bottom: 1px solid #afb8c0
    }

    body.db-section-bookings.db-section-bookings--editing {
        padding-top: 81px
    }

    body.db-section-bookings.db-section-bookings--editing .calendar-nav {
        margin-bottom: 12px
    }

    body.db-section-bookings.db-section-bookings--editing.showing-browser .db-wrap-fluid {
        margin-right: 340px
    }

    body.db-section-bookings.db-section-bookings--editing.db-section-bookings--with-header-flexible .db-main-content {
        top: auto !important
    }

    body.db-section-bookings.showing-browser:not(.db-section-bookings--editing) .db-main-content {
        right: 340px
    }

    body.db-section-bookings.showing-browser:not(.db-section-bookings--editing) .db-wrap-fluid {
        margin-right: 340px
    }

    body.db-section-bookings.showing-browser:not(.db-section-bookings--editing) .calendar-nav, body.db-section-bookings.showing-browser:not(.db-section-bookings--editing) .bookings-header-wrap {
        right: 355px
    }

    body.db-section-bookings:not(.db-section-bookings--editing) .db-main-content {
        position: fixed;
        left: 15px;
        bottom: 0;
        right: 0px;
        padding-bottom: 20px;
        overflow-y: scroll;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch
    }

    body.db-section-bookings.db-section-bookings--with-header:not(.db-section-bookings--editing) .db-main-content {
        top: 175px
    }

    body.db-section-bookings.db-section-bookings--with-header:not(.db-section-bookings--editing) .db-main-content .calendar {
        margin-top: -1px
    }

    body.db-section-bookings.db-section-bookings--no-header:not(.db-section-bookings--editing) .db-main-content, body.db-section-bookings.db-section-bookings--with-header-flexible:not(.db-section-bookings--editing) .db-main-content {
        top: 146px
    }

    body.db-section-bookings:not(.db-section-bookings--editing) .db-wrap-fluid {
        overflow: hidden;
        margin-top: 114px;
        margin-left: 10px
    }

    body.db-section-bookings:not(.db-section-bookings--editing) .calendar-nav, body.db-section-bookings:not(.db-section-bookings--editing) .bookings-header-wrap {
        position: fixed;
        right: 15px;
        left: 15px;
        z-index: 10
    }

    body.db-section-bookings:not(.db-section-bookings--editing) .calendar-nav {
        top: 93px
    }

    body.db-section-bookings:not(.db-section-bookings--editing) .bookings-header-wrap {
        top: 146px
    }
}

body.db-section-bookings:not(.db-section-bookings--editing) .bookings-header-shadow {
    position: absolute;
    height: 27px;
    right: 0;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    border-top: 1px solid #d1d6db;
    margin-top: -1px
}

body.db-section-bookings:not(.db-section-bookings--editing) .bookings-header-shadow:after {
    position: absolute;
    content: ' ';
    top: -20px;
    right: 0;
    left: 0;
    height: 20px;
    background-color: rgba(0, 0, 0, 0);
    box-shadow: 0 7px 5px -8px rgba(0, 0, 0, 0.25)
}

@media only screen and (max-width: 679px) {
    body.db-section-bookings:not(.db-section-bookings--editing) .bookings-header-shadow {
        display: none !important
    }
}

@media only screen and (max-width: 679px) {
    body.db-section-bookings.db-section-bookings--with-header-flexible:not(.db-section-bookings--editing) .db-main-content {
        top: auto !important
    }
}

@media only screen and (min-width: 680px) {
    .booking-browser {
        position: fixed;
        width: 325px;
        top: 81px;
        right: 0;
        bottom: 0;
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch;
        border-left: 1px solid #d1d6db
    }
}

@media only screen and (max-width: 679px) {
    .booking-browser {
        margin-bottom: 10px
    }
}

.affiliate-no-calendar {
    text-align: center
}

.affiliate-no-calendar-inner {
    padding: 10px;
    text-align: center;
    background: #f1f2f4;
    border-radius: 4px;
    border: 1px solid #d1d6db;
    display: inline-block
}

.bookings-grid {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
    background: #fff
}

.bookings-grid .td, .bookings-grid td {
    border-style: solid;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-color: #e0e3e6
}

.bookings-grid .td:last-child, .bookings-grid td:last-child {
    border-right-width: 0
}

.bookings-grid.bookings-grid--dark-bottom-border .td, .bookings-grid.bookings-grid--dark-bottom-border td {
    border-bottom-color: #afb8c0
}

@media only screen {
    .bookings-grid .tr:not(.grid-group-header-row):not(:only-child):hover .td, .bookings-grid .tr:not(.grid-group-header-row):not(:only-child):hover td, .bookings-grid tr:not(.grid-group-header-row):not(:only-child):hover .td, .bookings-grid tr:not(.grid-group-header-row):not(:only-child):hover td {
        background-color: #f9fafb
    }

    .bookings-grid .tr:not(.grid-group-header-row):not(:only-child):hover .td.current-day, .bookings-grid .tr:not(.grid-group-header-row):not(:only-child):hover td.current-day, .bookings-grid tr:not(.grid-group-header-row):not(:only-child):hover .td.current-day, .bookings-grid tr:not(.grid-group-header-row):not(:only-child):hover td.current-day {
        background-color: #ffeca1
    }
}

.bookings-td-legend {
    padding: 5px;
    text-align: right
}

.day-view-has-multiple-items .bookings-td-legend {
    width: 60px
}

.bookings-grid-header {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse
}

.bookings-grid-header .td, .bookings-grid-header td {
    overflow: hidden;
    vertical-align: middle;
    padding: 7px 2px;
    border-style: solid;
    border-width: 0 0 1px 1px;
    border-left-color: #d1d6db;
    border-bottom-color: #d1d6db;
    text-align: center;
    font-size: 12px;
    line-height: 1.1;
    font-weight: bold
}

.bookings-grid-header .td:first-child, .bookings-grid-header td:first-child {
    border-left: 0
}

.day-view-has-multiple-items .bookings-grid-header .td:first-child, .day-view-has-multiple-items .bookings-grid-header td:first-child {
    width: 66px
}

.bookings-grid-header .td.current-day, .bookings-grid-header td.current-day {
    background-color: #fff1ba
}

.grid-view-grid td {
    vertical-align: top
}

.grid-view-grid td.current-day {
    background-color: #fff1ba
}

.grid-view-grid .current-day > .td-legend, .grid-view-grid .current-day td:not(.td-legend):not(.grid-td-spacer), .grid-view-grid .current-day .grid-group-header-cell {
    background-color: #fff1ba
}

.grid-view-grid .past-day .cal-block {
    opacity: .6
}

.grid-view-grid .past-day:hover .cal-block {
    opacity: 1
}

.grid-view-grid .td-legend {
    vertical-align: middle
}

@media only screen and (min-width: 680px) {
    .grid-view-grid .grid-group-header-row + tr:last-child:hover td {
        background-color: transparent
    }

    .grid-view-grid .grid-group-header-row + tr:last-child:hover td.current-day {
        background-color: #fff1ba
    }

    .grid-view-grid .grid-group-header-row + tr:last-child:hover .bookings-td-legend {
        color: inherit
    }
}

.grid-group .grid-group-header-row + tr td, .grid-group:first-child tr:first-child:not(.grid-group-header-row) td {
    padding-top: 3px
}

.grid-group:not(:last-child) tr:last-child td {
    padding-bottom: 3px;
    border-color: #ccd2da
}

.grid-group-header-row {
    color: #19272E
}

.grid-group:first-child .grid-group-header-row {
    display: none
}

.grid-group-header-row td {
    vertical-align: middle;
    height: 18px;
    padding: 5px 6px;
    background-color: #f1f2f4;
    border-color: #ccd2da
}

.grid-group-header-cell {
    font-weight: bold
}

.grid-columns-toggler {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    white-space: nowrap;
    padding: 12px;
    margin: -1px -10px 6px;
    border-bottom: 1px solid #d1d6db;
    border-top: 1px solid #d1d6db;
    background-color: #fff
}

@media only screen {
    @supports (position:sticky) {
        .grid-columns-toggler {
            position: -webkit-sticky !important;
            position: sticky !important;
            z-index: 99;
            top: 0
        }
    }
}

.grid-column-button {
    display: inline-block;
    margin-right: 8px;
    padding: 15px 12px;
    border-radius: 3px;
    background: #f1f2f4;
    font-weight: bold;
    cursor: pointer;
    border-width: 1px;
    border-style: solid;
    border-color: transparent
}

.grid-column-button:last-child {
    margin-right: 0
}

.grid-column-button.selected {
    background: #0a6ece;
    color: #fff
}

.grid-column-button.current-day {
    background-color: #fff1ba
}

.grid-column-button.current-day.selected {
    color: #1f2428;
    border-color: #ad963d;
    box-shadow: 0 0 6px #e2ca6b
}

.grid-group-section:not(.is-null-group) .grid-row-section, .grid-group-section.is-null-group .grid-row-section:not(.is-null-row) .grid-row-availabilities {
    margin-bottom: 10px;
    border-left: 1px solid #b8bbc1;
    padding: 3px 0 3px 5px
}

.grid-group-section:not(.is-null-group) .grid-row-heading {
    margin: 0 0 6px 5px
}

.grid-group-heading, .is-null-group .grid-row-heading {
    margin: 10px 0 5px;
    font-weight: bold
}

.grid-group-section.past-day .cal-block, .grid-row-section.past-day .cal-block {
    opacity: .6
}

.grid-group-section.current-day, .grid-row-section.current-day {
    background: #fff1ba
}

.grid-group-section.current-day, .is-null-group .grid-row-section.current-day {
    margin: 0 -10px;
    padding: 0 10px;
    overflow: auto
}

.td-agenda-header {
    font-size: 13px;
    padding: 5px 5px 0 8px;
    vertical-align: top;
    border-bottom: 1px solid #e0e3e6;
    border-right: 1px dotted #eef0f2;
    background: #fff
}

@media only print {
    .td-agenda-header {
        padding-bottom: 5px
    }
}

.agenda-table {
    width: 100%;
    border-collapse: collapse
}

@media only screen {
    .agenda-table {
        font-size: 12px
    }
}

@media only print {
    .agenda-table {
        font-size: 11px
    }
}

.agenda-table .icon-person, .agenda-table .icon-person-outline {
    width: 11px;
    height: 10px
}

.agenda-table .color-coded-overbooked-message {
    padding: 2px 4px;
    margin: 0 -4px;
    border-radius: 2px
}

@media only screen and (min-width: 680px) {
    tr.agenda-table-main:hover {
        background-color: #f1f2f4
    }
}

tr.agenda-table-main > td {
    position: relative;
    vertical-align: middle;
    border-bottom: 1px solid #e0e3e6;
    padding: 5px
}

tr.agenda-table-main > td:hover {
    cursor: pointer
}

@media only print {
    tr.agenda-table-main > td {
        padding: 1px 3px
    }
}

tr.agenda-table-main > td.td-availability {
    font-weight: bold;
    background-color: #f9fafb
}

tr.agenda-table-main > td.td-agenda-timerange {
    width: 120px
}

tr.agenda-table-main > td.td-contact, tr.agenda-table-main > td.td-availability, tr.agenda-table-main > td.td-item, tr.agenda-table-main > td.td-customers-toggle {
    cursor: pointer
}

tr.agenda-table-main > td.td-contact:hover, tr.agenda-table-main > td.td-availability:hover, tr.agenda-table-main > td.td-item:hover, tr.agenda-table-main > td.td-customers-toggle:hover {
    background-color: #e5e8eb
}

tr.agenda-table-main > td.td-contact:hover:active, tr.agenda-table-main > td.td-availability:hover:active, tr.agenda-table-main > td.td-item:hover:active, tr.agenda-table-main > td.td-customers-toggle:hover:active {
    background-color: #dde1e4
}

.timeline-slot {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.timeline--with-separators .timeline-slot {
    margin-top: 1px
}

.timeline--with-separators .timeline-slot:last-child {
    margin-bottom: 1px
}

.timeline-node {
    position: relative;
    box-sizing: border-box;
    min-width: 0;
    overflow: hidden
}

.timeline--with-separators .timeline-node:not(.timeline-node--last) {
    padding-right: 1px
}

.timeline-node.timeline-node--clipped-start:before {
    content: '';
    pointer-events: none;
    position: absolute;
    z-index: 2;
    width: 3px;
    top: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(45deg, #fff 50%, transparent 0), linear-gradient(135deg, #fff 50%, transparent 0);
    background-repeat: repeat-y;
    background-size: 6px 6px;
    background-position: right top
}

.timeline-node.timeline-node--clipped-end:after {
    content: '';
    pointer-events: none;
    position: absolute;
    z-index: 2;
    width: 3px;
    top: 0;
    bottom: 0;
    right: 0;
    background-image: linear-gradient(-45deg, #fff 50%, transparent 0), linear-gradient(-135deg, #fff 50%, transparent 0);
    background-repeat: repeat-y;
    background-size: 6px 6px;
    background-position: left top
}

.timeline-grid {
    font-size: 12px;
    background: #fff
}

@media only screen and (min-width: 680px) {
    @-moz-document url-prefix() {
        .timeline-grid {
            margin-right: 10px
        }
    }
}

.timeline-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #e0e3e6
}

.timeline-row:not(:only-child):hover {
    background-color: #f9fafb
}

.timeline-legend-column, .bookings-grid-header .timeline-legend-column {
    padding: 5px
}

@media only screen and (min-width: 680px) {
    .timeline-legend-column {
        width: 110px;
        min-width: 110px
    }
}

@media only screen and (max-width: 679px) {
    .timeline-legend-column {
        width: 80px;
        min-width: 80px
    }
}

.timeline-timeline-column {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-left: 1px solid #e0e3e6
}

td.timeline-times {
    padding: 0
}

td.timeline-times .timeline-slot {
    height: 28px
}

td.timeline-times .timeline-node {
    border-right: 1px solid #d1d6db
}

td.timeline-times .timeline-node.timeline-node--last {
    border-right: none
}

td.timeline-times .timeline-time {
    line-height: 28px;
    vertical-align: middle;
    padding-left: 5px;
    text-align: left
}

.timeline-node-multiple-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    height: 100%
}

.timeline-node-multiple-content .timeline-node-content {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.timeline-node-content, .cal-block.is-timeline-node {
    overflow: hidden;
    height: 100%;
    box-sizing: border-box
}

.timeline-node--clipped-start .timeline-node-content, .timeline-node--clipped-start .cal-block.is-timeline-node {
    border-left-width: 0
}

.timeline-node--clipped-end .timeline-node-content, .timeline-node--clipped-end .cal-block.is-timeline-node {
    border-right-width: 0
}

.timeline-node--is-zero-length .timeline-node-content, .timeline-node--is-zero-length .cal-block.is-timeline-node {
    border-style: dashed;
    border-width: 1.5px
}

.timeline-node-content {
    padding-left: 5px;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media only screen and (max-width: 679px) {
    .timeline-node-content {
        padding-top: 6px;
        padding-bottom: 6px
    }
}

.timeline-node-content-wrap {
    min-width: 150px
}

.timeline-aggregated-use, .timeline-resource-override {
    border-width: 1px;
    border-style: solid;
    border-radius: 3px
}

.timeline-node--clipped-start .timeline-aggregated-use, .timeline-node--clipped-start .timeline-resource-override, .timeline-node--clipped-start .cal-block.is-timeline-node {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.timeline-node--clipped-end .timeline-aggregated-use, .timeline-node--clipped-end .timeline-resource-override, .timeline-node--clipped-end .cal-block.is-timeline-node {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.timeline-aggregated-use {
    font-size: 12px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 5px
}

.timeline-aggregated-use-count {
    font-weight: bold;
    margin-right: 2px
}

.timeline-overview {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.timeline-overview, .timeline-overview .timeline-timeline {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.timeline-overview .timeline-timeline, .timeline-overview .timeline-slot {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.timeline-overview:not(:first-child) {
    border-top: 1px solid #e0e3e6
}

.timeline-overview .timeline-node {
    border-right: 1px solid #e0e3e6
}

.timeline-resource-override, .timeline-overview-range {
    min-height: 18px;
    font-size: 11px;
    white-space: nowrap
}

.timeline-resource-override span, .timeline-overview-range span {
    opacity: .75
}

.timeline-overview-range {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.timeline-overview-range > div {
    overflow: hidden
}

.timeline-zero-length-overview {
    padding: 0 !important;
    max-width: 8px;
    border-right: 1px dashed #e0e3e6
}

@media only screen and (min-width: 680px) {
    .timeline-scroll-inner {
        min-width: auto !important
    }
}

@media only screen and (max-width: 679px) {
    .timeline-scroll-outer {
        overflow-x: auto
    }

    body:not(.is-popover-open) .timeline-scroll-outer {
        -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch
    }
}

@media only print {
    body.body-print-overlay .sidepanel, body.body-print-overlay .bookings-calendar-subsection, body.body-print-overlay .manifest-subsection, body.body-print-overlay .reports-subsection, body.body-print-overlay .items-subsection, body.body-print-overlay .settings-subsection {
        display: none
    }

    body.body-print-booking .booking-full-actions {
        display: none
    }

    body.body-print-flyout-on-manifest .sidepanel, body.body-print-flyout-on-manifest .manifest-header-main, body.body-print-flyout-on-manifest .manifest-crew, body.body-print-flyout-on-manifest .table-wrap, body.body-print-flyout-on-manifest .print-header {
        display: none
    }
}

@media only screen and (min-width: 680px) {
    .booking-overlay-wrap, .booking-permalink-wrap {
        min-width: 750px;
        max-width: 910px;
        margin: 0 auto
    }

    .booking-permalink-wrap {
        padding: 20px 10px 40px 10px
    }
}

.booking-full {
    position: relative
}

@media only screen and (min-width: 680px) {
    .booking-full {
        background: #fff;
        border-radius: 5px
    }

    .booking-full.booking-full-overlay {
        box-shadow: 0 3px 20px -8px rgba(76, 87, 97, 0.8)
    }

    .booking-full.booking-full-permalink {
        -webkit-box-shadow: 0 0 15px #d4d9dd;
        box-shadow: 0 0 15px #d4d9dd;
        border: 1px solid #afb8c0;
        border-bottom: 0
    }

    .booking-full.booking-full-permalink .booking-full-activities .activities > .tr:last-child > .td, .booking-full.booking-full-permalink .booking-full-activities .activity-empty, .booking-full.booking-full-permalink .booking-full-activities .activities-load-more {
        border-bottom: 1px solid #afb8c0
    }

    .booking-full.booking-full-overlay .booking-full-activities .activities > .tr:last-child > .td, .booking-full.booking-full-overlay .booking-full-activities .activity-empty, .booking-full.booking-full-overlay .booking-full-activities .activities-load-more {
        border-bottom: none
    }
}

@media only screen and (max-width: 679px) {
    .booking-full.booking-full-permalink {
        border-top: 1px solid #afb8c0;
        border-bottom: 1px solid #afb8c0
    }
}

.booking-full .add-note-form {
    padding-left: 235px;
    padding-right: 40px
}

@media only screen and (max-width: 679px) {
    .booking-full .add-note-form {
        padding-left: 20px;
        padding-right: 20px
    }
}

.booking-full-loading {
    padding: 20px 40px
}

@media only screen and (max-width: 679px) {
    .contact-header {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px
    }
}

@media only screen and (min-width: 680px) {
    .contact-header {
        border-bottom: 1px solid #d1d6db
    }

    .contact-header .contact-header-tb {
        padding-left: 32px;
        padding-right: 20px
    }
}

@media only screen {
    .contact-header-inner {
        padding-right: 55px
    }

    .contact-header-inner h1 {
        font-size: 24px
    }
}

.contact-header-inner .contact-header-meta {
    margin-top: 6px
}

@media only screen and (min-width: 680px) {
    .contact-header-inner {
        padding-top: 30px;
        margin-bottom: 25px;
        padding-left: 50px
    }
}

@media only screen and (max-width: 679px) {
    .contact-header-inner {
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 20px
    }
}

@media only print {
    .contact-header-inner {
        padding-bottom: 12px;
        margin-bottom: 12px;
        border-bottom: 1px solid #ddd
    }
}

.contact-header-inner.is-display {
    font-size: 14px
}

.contact-header-inner .preferred-language {
    margin-top: 10px
}

.contact-language-toggle {
    display: inline-block;
    margin-bottom: 5px
}

.contact-bookings {
    position: relative;
    border-bottom: 1px solid #e0e3e6;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch
}

.contact-bookings .contact-bookings-inner {
    padding-top: 15px;
    padding-bottom: 15px
}

@media only screen and (min-width: 680px) {
    .contact-bookings {
        white-space: nowrap;
        padding-left: 40px
    }
}

@media only screen and (max-width: 679px) {
    .contact-bookings {
        padding-left: 15px
    }
}

.contact-bookings .table {
    border-top: 1px solid #d1d6db
}

@media only screen and (min-width: 680px) {
    .contact-bookings .table {
        table-layout: fixed
    }
}

.contact-bookings .tb-icon {
    margin-top: 1px;
    margin-right: 2px
}

.contact-bookings .contact-bookings-indent {
    padding-left: 12px
}

.contact-bookings .contact-bookings-indent .table {
    border-top: 0
}

.contact-bookings .contact-order + .table, .contact-bookings .contact-order + .contact-order {
    margin-top: 12px
}

@media only screen and (min-width: 680px) {
    .contact-bookings .tr .td {
        position: relative;
        height: 30px;
        border-bottom: 1px solid #d1d6db;
        background-color: #fff
    }

    .contact-bookings .tr .td:first-child {
        overflow: hidden;
        border-left: 1px solid #d1d6db;
        padding-left: 16px
    }

    .contact-bookings .tr .td:last-child {
        padding-right: 16px
    }

    .contact-bookings .tr:hover .td {
        background-color: #e7ebef
    }

    .contact-bookings .tr.current .td {
        background-color: #e3f0fc
    }
}

@media only screen and (max-width: 679px) {
    .contact-bookings .tr {
        display: block;
        padding: 8px;
        margin-top: -1px;
        border-top: 1px solid #d1d6db;
        border-bottom: 1px solid #d1d6db;
        border-left: 1px solid #d1d6db
    }

    .contact-bookings .tr.current {
        background-color: #e3f0fc
    }

    .contact-bookings .tr .td:first-child {
        white-space: nowrap;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.contact-booking-meta {
    font-size: 12px
}

@media only screen and (min-width: 680px) {
    .contact-booking-meta {
        display: inline-block;
        margin-left: 5px
    }
}

@media only screen and (min-width: 680px) {
    .contact-booking-id {
        width: 200px;
        text-align: right
    }

    .contact-booking-id .badge {
        font-size: 12px;
        margin-right: 4px
    }
}

@media only print {
    body.body-print-booking .booking-full-content {
        float: left;
        width: 52%;
        border: 1px solid #afb8c0;
        overflow: hidden;
        border-radius: 4px
    }
}

.booking-full-actions {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

@media only screen and (min-width: 680px) {
    .booking-full-actions {
        float: right;
        width: 37%;
        margin: 35px 4% 30px 0
    }
}

@media only screen and (max-width: 679px) {
    .booking-full-actions {
        width: 100%;
        padding: 20px
    }
}

.booking-full-actions .booking-actions {
    position: relative
}

.booking-full-actions .booking-action-loading-header {
    color: #0a6ece;
    font-size: 15px;
    margin-bottom: 4px;
    text-align: center
}

.booking-full-actions .booking-action-loading {
    color: #697886;
    text-align: center
}

.booking-full-actions .booking-action-loading a {
    text-decoration: underline
}

@media only screen and (min-width: 680px) {
    .booking-full-activities {
        background-color: #f9fafb
    }
}

@media only print {
    .booking-full-activities {
        float: right;
        width: 44%
    }
}

@media only screen and (min-width: 680px) {
    .booking-full-seating {
        padding: 15px 40px 0
    }
}

@media only screen and (max-width: 679px) {
    .booking-full-seating {
        padding: 15px 18px 0
    }
}

.action-sheet-header {
    margin-bottom: 15px;
    position: relative
}

.action-sheet-header.no-bottom-margin {
    margin-bottom: 0
}

.action-sheet-header.no-bottom-border {
    border-bottom: 0
}

.action-sheet-header h2 {
    font-size: 16px
}

.action-sheet-header .hint-help-link, .action-sheet-header .action-sheet-subtitle {
    display: inline-block;
    padding-top: 3px;
    font-size: 12px
}

.action-sheet-header .action-sheet-header-content {
    padding-top: 8px;
    padding-bottom: 8px;
    float: left
}

@media only screen and (min-width: 680px) {
    .action-sheet-header .tb {
        float: right
    }
}

.action-sheet-content {
    margin-top: 20px
}

.availability-full-content {
    padding: 40px
}

.availability-prices .action-sheet-header {
    padding: 20px 40px
}

.availability-prices .action-sheet-header .button-close {
    top: 29px;
    right: 25px
}

.cancel-action-payments {
    padding-bottom: 12px
}

.action-confirm-list {
    margin-top: 20px;
    border: 1px solid #e0e3e6;
    border-radius: 4px
}

.action-confirm-list ul {
    font-size: 12px
}

.action-confirm-list ul > li {
    padding: 5px 12px;
    border-bottom: 1px solid #e0e3e6
}

.action-confirm-list .btns {
    margin-top: 0 !important;
    padding: 12px
}

@media only screen and (min-width: 680px) {
    .action-sheet-header-tb {
        position: absolute;
        top: 0;
        right: 0
    }
}

@media only screen and (max-width: 679px) {
    .action-sheet-header-tb {
        margin-top: 15px !important
    }
}

.action-window .btns {
    margin-top: 15px
}

.action-window .button-close {
    top: 5px;
    z-index: 1
}

.action-sheet-help {
    padding-bottom: 15px;
    color: #4c5761
}

.payments.block-list {
    margin-top: 0
}

.update-affiliation-block-info {
    font-size: 12px;
    color: #768593;
    padding-bottom: 10px
}

.update-block-stat {
    padding-bottom: 8px
}

.booking-full-mobile-toggle {
    margin-top: 10px;
    box-shadow: 0 7px 5px -8px rgba(0, 0, 0, 0.25)
}

@media only screen {
    @supports (position:sticky) {
        .booking-full-mobile-toggle {
            position: -webkit-sticky !important;
            position: sticky !important;
            z-index: 99;
            top: 0
        }
    }
}

.booking-full-mobile-toggle .giant-toggle-fluid {
    margin-bottom: 0
}

@media only screen and (max-width: 679px) {
    .is-mobile-toggled {
        display: none
    }

    .is-mobile-toggled.toggled {
        display: block
    }
}

.order-refund-booking {
    padding-top: 15px;
    padding-bottom: 3px
}

.order-refund-booking .order-refund-booking-pk {
    font-weight: bold;
    font-size: 14px;
    color: #556f8c
}

.order-refund-booking .order-refund-booking-ava {
    font-size: 12px
}

.order-issue-card {
    padding: 8px 12px 3px 12px;
    border: 1px solid #d1d6db;
    border-radius: 4px
}

.sms-contacts-group {
    margin-top: 10px;
    margin-bottom: 15px;
    font-size: 12px
}

.sms-contacts-list {
    margin-top: 10px;
    margin-bottom: 5px
}

@media only screen and (min-width: 680px) {
    .booking-full-invoice {
        float: left;
        width: 50%;
        margin: 35px 0 30px 40px
    }
}

@media only screen and (max-width: 679px) {
    .booking-full-invoice {
        padding-top: 18px
    }
}

@media only screen and (min-width: 680px) {
    .invoice-table-wrap {
        border: 1px solid #e0e3e6;
        border-radius: 5px;
        padding: 8px
    }
}

@media only screen and (max-width: 679px) {
    .invoice-table-wrap {
        border-top: 1px solid #e0e3e6;
        padding-top: 8px;
        padding-bottom: 8px
    }
}

.invoice-new-transportation-mobile-contact {
    padding: 10px 25px
}

.affiliate-pk {
    display: block;
    width: 100%;
    font-size: 16px
}

@media only screen and (min-width: 680px) {
    .single-booking-waiver-tb {
        position: absolute;
        top: 50%;
        margin-top: -17px;
        width: 100px;
        right: 16px
    }
}

@media only screen and (max-width: 679px) {
    .single-booking-waiver-tb {
        padding-top: 10px
    }
}

.invoice-affiliation-totals {
    border: 1px solid #e0e3e6;
    border-radius: 4px;
    overflow: hidden
}

@media only screen {
    .invoice-affiliation-totals {
        margin: 5px 20px 18px 20px
    }
}

@media only print {
    .invoice-affiliation-totals {
        margin: 3px 12px 12px 12px
    }
}

.booking-full-invoice-customers {
    width: 100%;
    margin-bottom: 10px
}

.booking-full-invoice-customers .td {
    padding: 15px 20px;
    padding-top: 15px;
    padding-right: 20px;
    padding-bottom: 15px;
    padding-left: 20px
}

@media only screen and (max-width: 679px) {
    .booking-full-invoice-customers .td {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media only print {
    .booking-full-invoice-customers .td {
        padding: 8px 12px
    }
}

.invoice-prices-toggle .field {
    float: right;
    margin-bottom: 0
}

@media only screen and (min-width: 680px) {
    .invoice-prices-toggle {
        width: 140px;
        padding-left: 5px !important
    }
}

.booking-full-customer-breakdown {
    position: relative
}

@media only screen {
    .booking-full-customer-breakdown {
        font-size: 14px;
        padding-left: 20px
    }
}

@media only screen and (hover: hover) {
    .booking-full-customer-breakdown.is-toggle:hover {
        background-color: #e7ebef
    }
}

.booking-full-customer-breakdown.is-toggle.focus-visible {
    background-color: #e7ebef
}

@media only screen {
    .booking-full-customer-breakdown.is-toggle {
        padding-left: 42px !important
    }

    .booking-full-customer-breakdown.is-toggle:before {
        transform: translateY(-1px) rotate(-90deg);
        content: '';
        display: inline-block;
        transition: transform 0.15s ease-in-out;
        border-style: solid;
        border-color: transparent;
        border-width: 8px 5px 0 5px;
        border-top-color: #afb8c0;
        position: absolute;
        top: 50%;
        margin-top: -4px;
        left: 20px
    }

    @supports (mask-type:inherit) {
        .booking-full-customer-breakdown.is-toggle:before {
            width: 10px;
            height: 8px;
            background-color: #afb8c0;
            -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%207%204.88%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M.3%200C0%200-.1.2.1.44l3.1%204.26a.37.37%200%200%200%20.64%200L6.9.44C7.1.2%207%200%206.7%200z%22%2F%3E%3C%2Fsvg%3E");
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            mask-size: 10px 8px;
            border: 0
        }
    }
}

.booking-full-customer-breakdown.is-toggle.toggled:before {
    transform: none
}

.invoice-booking-id {
    color: #0a6ece;
    font-size: 15px;
    font-weight: bold
}

@media only screen {
    .print-receipt {
        background: #f6f7f8;
        padding: 10px;
        border: 1px solid #ccd0d8;
        box-shadow: 0 4px 13px -4px rgba(0, 0, 0, 0.6);
        margin-top: 15px
    }
}

@media only print {
    .print-receipt {
        width: 250px;
        position: relative;
        page-break-after: always;
        page-break-inside: avoid;
        -webkit-region-break-inside: avoid
    }

    .print-receipt .amount.negative {
        color: #1f2428
    }
}

.print-receipt .badge {
    padding: 2px 3px 1px 3px;
    background-color: transparent;
    border: 1px solid #6c6f72;
    font-size: 10px;
    color: #000
}

@media only print {
    body.body-print-receipt .contact-header, body.body-print-receipt .booking-full-invoice, body.body-print-receipt .booking-full-activities, body.body-print-receipt .booking-full-seating, body.body-print-receipt .booking-print-header {
        display: none
    }
}

.print-receipt-logo {
    max-width: 125px;
    max-height: 125px;
    width: auto;
    height: auto
}

.print-receipt-section {
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #000
}

.print-receipt-section.center {
    text-align: center
}

.print-receipt-section h3 {
    margin-top: 4px;
    margin-bottom: 4px;
    line-height: 1.2;
    font-size: 11px;
    font-weight: bold
}

.spreadsheet td > aside {
    float: right;
    margin-top: 4px;
    margin-bottom: 4px;
    line-height: 1.2
}

.spreadsheet .left-indent {
    padding-left: 17px
}

.print-receipt-list {
    margin-bottom: 12px
}

.print-receipt-list:last-child {
    margin-bottom: 0
}

.print-receipt-text {
    margin-top: 4px;
    margin-bottom: 4px
}

.print-receipt-text:first-child {
    margin-top: 8px
}

.print-receipt-text:last-child {
    margin-bottom: 8px
}

.print-receipt-amount {
    width: 1px;
    white-space: nowrap
}

.print-receipt-signature {
    margin-top: 10px;
    margin-bottom: 10px
}

.print-receipt-signature-line {
    margin-top: 18px;
    margin-bottom: 18px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #000
}

.receipt-logo {
    max-width: 125px;
    max-height: 110px;
    width: auto;
    height: auto
}

.tip-intro {
    margin-top: 10px
}

.receipt-tip {
    margin-top: 15px;
    margin-bottom: 15px
}

.receipt-tip table {
    width: 100%
}

.receipt-tip table td {
    vertical-align: bottom
}

.receipt-tip table td:first-child {
    font-weight: bold;
    text-align: right;
    padding-right: 10px
}

.receipt-tip table td:last-child {
    border-bottom: 1px solid #000;
    width: 40%
}

.receipt-tip-total td {
    height: 28px
}

.aggregated-payment-total-text {
    display: block;
    margin-top: 2px;
    font-size: 10px
}

.item-receipt-footer {
    margin-top: 14px
}

.print-receipt-footer {
    line-height: 1;
    font-size: 11px
}

.embed-generator {
    counter-reset: embed-generator-step-counter
}

@media only screen and (min-width: 921px) {
    .embed-generator:after {
        content: '';
        display: table;
        clear: both;
        border-spacing: 0
    }
}

@media only screen and (min-width: 921px) {
    .embed-generator-col {
        float: left;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .embed-generator-col:first-child {
        width: 55%
    }

    .embed-generator-col:last-child {
        width: 45%;
        padding-left: 20px
    }
}

.embed-generator-step {
    position: relative;
    margin-bottom: 20px;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 55px;
    border-radius: 4px;
    border: 1px solid #d1d6db
}

.embed-generator-step:before {
    content: counter(embed-generator-step-counter);
    counter-increment: embed-generator-step-counter;
    position: absolute;
    left: 10px;
    top: 10px;
    display: block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    vertical-align: middle;
    text-align: center;
    border-radius: 50%;
    background: #afb8c0;
    color: #fff;
    font-size: 18px
}

.embed-generator--no-step-count .embed-generator-step {
    padding-left: 20px
}

.embed-generator--no-step-count .embed-generator-step:before {
    content: none
}

.embed-generator-step .embed-generator-heading {
    margin-top: 4px;
    margin-bottom: 4px
}

.embed-generator-step:not(.-warn):not(.-called-out) .hint {
    color: #697886
}

.embed-generator-step.-warn, .embed-generator-step.-called-out {
    border-width: 3px
}

.embed-generator-step.-warn {
    border-color: #f69b55
}

.embed-generator-step.-called-out {
    border-color: #0a6ece
}

.embed-generator-heading {
    font-size: 20px;
    font-weight: bold;
    color: #0a6ece
}

.embed-generator-toggle-heading {
    margin-top: 7px;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.embed-generator-toggle-heading:before {
    transform: translateY(-1px) rotate(-90deg);
    content: '';
    display: inline-block;
    transition: transform 0.15s ease-in-out;
    border-style: solid;
    border-color: transparent;
    border-width: 8px 5px 0 5px;
    border-top-color: #afb8c0;
    margin-right: 4px
}

@supports (mask-type:inherit) {
    .embed-generator-toggle-heading:before {
        width: 10px;
        height: 8px;
        background-color: #afb8c0;
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%207%204.88%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M.3%200C0%200-.1.2.1.44l3.1%204.26a.37.37%200%200%200%20.64%200L6.9.44C7.1.2%207%200%206.7%200z%22%2F%3E%3C%2Fsvg%3E");
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        mask-size: 10px 8px;
        border: 0
    }
}

.embed-generator-toggle-heading.toggled {
    margin-bottom: 9px;
    padding-bottom: 6px;
    border-bottom: 1px solid #d1d6db
}

.embed-generator-toggle-heading.toggled:before {
    transform: none;
    margin-right: 2px
}

.embed-generator-toggle-heading.toggled .embed-generator-item-count {
    display: none
}

.embed-generator-availability-warnings {
    margin-top: 15px
}

.embed-generator-items {
    max-height: 250px;
    overflow: auto;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 4px;
    border: 1px solid #e0e3e6
}

.embed-generator-items :last-child .field {
    margin-bottom: 0
}

.list-filters-embed-generator-code-types {
    margin-bottom: 10px
}

.list-filters-embed-generator-opens {
    margin-top: 10px;
    margin-bottom: 5px
}

.list-filters-embed-generator-opens li {
    margin-bottom: 5px;
    margin-right: 5px
}

.list-filters-embed-generator-opens .list-filters-label {
    padding-left: 0;
    font-size: 13px
}

@media only screen and (min-width: 680px) {
    .list-filters-embed-generator-opens {
        padding-left: 115px
    }

    .list-filters-embed-generator-opens .list-filters-label {
        font-size: 13px;
        margin-left: -115px;
        margin-right: 0;
        width: 100px;
        padding-right: 15px;
        text-align: right
    }
}

@media only screen and (max-width: 679px) {
    .list-filters-embed-generator-opens .list-filters-label {
        display: block
    }
}

.embed-generator-message {
    margin-top: 10px
}

.db-shade-body {
    background-color: #f1f2f4
}

@media only screen and (min-width: 680px) {
    .db-items-index {
        max-width: 1100px;
        padding: 12px 20px 25px 20px;
        margin: 0 auto
    }
}

.edit-ava-note {
    color: #697886
}

.edit-item-subscriptions .subscription-user {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (min-width: 680px) {
    .edit-item-subscriptions .subscription-user {
        float: left;
        width: 50%;
        padding: 0 20px 20px 0
    }
}

@media only screen and (max-width: 679px) {
    .edit-item-subscriptions .subscription-user {
        padding-bottom: 15px
    }
}

.edit-item-subscriptions .btns {
    padding-top: 15px;
    clear: both
}

.edit-item-subscriptions h2 {
    font-weight: bold;
    padding-bottom: 8px
}

.edit-item-subscriptions .subfields {
    padding: 10px;
    background: #f1f2f4;
    border: 1px solid #d1d6db;
    border-radius: 3px
}

.edit-item-subscriptions .subfields-indent {
    margin-left: 9px;
    border-left: 1px solid #afb8c0;
    padding-left: 12px;
    margin-bottom: 8px
}

.edit-item-subscriptions .subfields-indent:after {
    content: '';
    display: table;
    clear: both;
    border-spacing: 0
}

.settings-content-header {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 8px
}

.field-instance-conditions-type {
    display: block;
    margin-bottom: 5px
}

.field-instance-conditions-type .label-text {
    float: left;
    line-height: 24px
}

.field-instance-conditions-type .field {
    float: left;
    margin-bottom: 0;
    padding: 0 5px
}

@media only screen and (min-width: 680px) {
    .item-edit {
        position: relative;
        height: 90vh;
        margin-bottom: 15px;
        border-bottom: 1px solid #d1d6db
    }
}

@media only screen and (max-width: 679px) {
    .item-edit {
        height: auto !important
    }
}

.item-edit-forms {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (min-width: 680px) {
    .item-edit-forms {
        position: absolute;
        overflow-y: auto;
        top: 0;
        bottom: 0;
        left: 0;
        padding-top: 12px;
        padding-bottom: 20px;
        width: 375px
    }

    .is-fluid .item-edit-forms {
        width: 40%
    }
}

@media only screen and (max-width: 679px) {
    .item-edit-forms {
        margin-bottom: 20px
    }
}

.listing-nav a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (min-width: 680px) {
    .listing-nav a {
        padding-left: 40px
    }
}

.listing-nav svg {
    margin-right: 10px;
    width: 20px
}

.listing-nav .icon-paragraph {
    height: 13px
}

.listing-nav .icon-photos {
    height: 18px
}

.listing-nav .icon-sparkles {
    height: 20px
}

.listing-nav .badge {
    font-size: 0.9em
}

.item-edit-resize {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 3px;
    background-color: #d1d6db;
    cursor: col-resize;
    z-index: 2;
    left: 375px
}

.is-fluid .item-edit-resize {
    left: 40%
}

@media only screen and (hover: hover) {
    .item-edit-resize:hover {
        background-color: #0a6ece
    }
}

.item-edit-resize.focus-visible {
    background-color: #0a6ece
}

.item-edit-resize:not(.focus-visible) .btn, .item-edit-resize:not(.focus-visible) .btn-tiny, .item-edit-resize:not(.focus-visible) .btn-big, .item-edit-resize:not(.focus-visible) .btn-huge {
    display: none
}

.item-edit-resize::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 10px
}

@media only screen and (min-width: 680px) {
    .item-edit-main {
        position: absolute;
        overflow: auto;
        top: 0;
        right: 0;
        bottom: 0;
        left: 378px;
        padding: 40px;
        background-color: #f9fafb
    }

    .is-fluid .item-edit-main {
        left: calc(40% + 3px)
    }
}

.item-preview-wrap {
    max-width: 650px
}

@media only screen and (min-width: 680px) {
    .item-preview-wrap .book-embed-container {
        padding: 40px
    }
}

@media only screen and (max-width: 679px) {
    .item-preview-wrap .book-embed-container {
        padding: 0 20px 20px 20px
    }
}

.db-item-availability {
    padding: 25px
}

.db-item-availability .db-main-content {
    position: relative
}

.db-item-availability .db-item-availability-header {
    padding-bottom: 20px
}

.mass-update-date-range td {
    vertical-align: middle
}

.mass-update-date-range .field {
    margin-bottom: 0
}

.mass-update-date-range td:not(:last-child) {
    padding-right: 8px
}

.mass-update-date-range td.warning-icon {
    margin-top: 25px
}

@media only screen and (min-width: 680px) {
    .labels-left .mass-update-date-range .td:last-child .label-text {
        width: 38px
    }
}

.availability-booking {
    display: block;
    border-top: 1px solid #e0e3e6;
    padding-top: 9px;
    padding-bottom: 9px
}

.availability-booking:first-child {
    border-top: 0
}

@media only screen and (min-width: 680px) {
    .availability-booking {
        padding-right: 25px;
        padding-left: 25px
    }
}

@media only screen and (max-width: 679px) {
    .availability-booking {
        padding-right: 20px;
        padding-left: 20px
    }
}

@media only print {
    .availability-booking {
        padding-left: 12px;
        padding-right: 12px
    }
}

.availability-booking .status-badge {
    float: right;
    font-size: 12px;
    margin-left: 3px
}

.availability-booking .booked-at {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

@media only screen {
    .availability-booking:hover {
        background-color: #e7ebef
    }
}

.availability-booking-contact {
    padding-right: 4px
}

.item-group-block {
    display: block;
    margin-top: 8px;
    margin-bottom: 8px;
    border: 1px solid #d1d6db;
    border-radius: 3px
}

@media only screen and (min-width: 680px) {
    .item-group-block {
        margin-right: 6px;
        margin-left: 6px
    }
}

@media only screen and (max-width: 679px) {
    .item-group-block .stats-tb {
        padding: 10px !important
    }
}

.group-block-time {
    font-size: 15px;
    font-weight: bold
}

.group-block-headline-public {
    opacity: 0.8
}

.group-block-headline-private {
    display: block;
    clear: both;
    margin-top: 8px;
    padding-top: 6px;
    border-top: 1px solid #d1d6db
}

.item-group-tb {
    border-top: 1px solid #d1d6db
}

@media only screen and (min-width: 680px) {
    .item-group-tb {
        height: 37px
    }

    .item-group-tb .tb-left {
        left: 20px
    }
}

.flow-node-preview-outer {
    max-width: 1080px
}

.flow-node-preview-outer:not(:first-child):before {
    content: '';
    display: block;
    width: 1px;
    height: 30px;
    border-left: 1px solid #d1d6db;
    margin-left: 40px
}

.flow-node-preview {
    border-radius: 5px
}

.flow-node-preview-header {
    position: relative;
    padding: 15px 20px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border: 1px solid #d1d6db;
    border-bottom: 0;
    font-size: 15px
}

.flow-node-preview-header.collapsed {
    border-bottom: 1px solid #d1d6db;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.flow-node-preview-header .badge {
    font-size: 12px
}

.flow-node-preview-toggle {
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -12px;
    padding: 8px;
    cursor: pointer
}

.flow-node-preview-toggle:after {
    content: '';
    display: block;
    width: 16px;
    height: 14px;
    background-position: -315px -190px
}

.flow-node-preview-header.collapsed .flow-node-preview-toggle {
    margin-top: -16px
}

.flow-node-preview-header.collapsed .flow-node-preview-toggle:after {
    background-position: -315px -178px
}

.flow-node-tb {
    border-left: 1px solid #d1d6db;
    border-right: 1px solid #d1d6db
}

.flow-node-preview-inner {
    position: relative;
    background-color: #f9fafb;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 1px solid #d1d6db;
    border-top: 1px solid #e0e3e6
}

@media only screen and (min-width: 680px) {
    .flow-node-preview-inner {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 28px
    }
}

.flow-node-preview-inner.flow-node-preview-inner--empty {
    padding-top: 100px
}

.flow-node-preview-inner:not(.flow-node-preview-inner--empty) {
    padding-top: 28px
}

.empty-flow-page-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.55);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.empty-flow-page-help {
    position: absolute;
    top: 6px;
    left: 12px;
    max-width: 240px;
    padding: 10px;
    border-radius: 3px;
    background: #22262b;
    color: white;
    line-height: 1.4
}

.empty-flow-page-help:before {
    content: '';
    position: absolute;
    height: 0;
    width: 0;
    pointer-events: none;
    border-style: solid;
    border-color: transparent;
    border-width: 9px;
    border-bottom-color: #22262b;
    top: -18px;
    left: 20px
}

.flow-node-preview .item-grid-block-wrap.active:before {
    content: '';
    position: absolute;
    top: -5px;
    right: 2px;
    bottom: -5px;
    left: 2px;
    border: 4px solid #0a6ece;
    border-radius: 8px;
    box-shadow: 0 0 18px rgba(0, 0, 0, 0.35);
    font-size: 0
}

.flow-node-preview .all-items-toggle, .flow-node-preview .item-block-button {
    pointer-events: none
}

.flow-node-popover {
    width: 275px
}

.flow-node-size-field .the-field {
    position: relative;
    overflow: hidden;
    width: 126px;
    height: 80px;
    background-color: #e0e3e6;
    border-radius: 3px
}

.flow-node-size-field .the-field:hover > span.selected {
    background-color: transparent
}

.flow-node-size-field .the-field:hover > span.selected:hover {
    background-color: #0a6ece
}

.flow-node-size-field .the-field > span {
    position: absolute;
    top: 0;
    left: 0;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    cursor: pointer
}

.flow-node-size-field .the-field > span:hover {
    background-color: #768593
}

.flow-node-size-field .the-field > span.selected {
    background-color: #0a6ece
}

.flow-node-size-field .the-field > span.width-1-1 {
    border-right: none
}

.flow-node-size-field .the-field > span.height-3 {
    border-bottom: none
}

.flow-node-size-field .width-1-3 {
    width: 40px
}

.flow-node-size-field .width-1-2 {
    width: 63px
}

.flow-node-size-field .width-2-3 {
    width: 86px
}

.flow-node-size-field .width-1-1 {
    width: 126px
}

.flow-node-size-field .height-1 {
    height: 26px
}

.flow-node-size-field .height-2 {
    height: 52px
}

.flow-node-size-field .height-3 {
    height: 80px
}

@media only screen {
    body.dashboard-reports-section-bg {
        background: #fff
    }
}

@media only screen and (min-width: 680px) {
    body.dashboard-reports-section {
        padding-top: 82px
    }

    body.dashboard-reports-overview {
        padding-top: 45px !important
    }

    body.dashboard-reports-overview .db-primary-tb {
        display: none
    }
}

@media only screen and (min-width: 680px) {
    .report-wrap {
        padding-top: 10px;
        padding-right: 20px;
        padding-bottom: 10px;
        padding-left: 20px
    }
}

@media only screen and (max-width: 679px) {
    .report-wrap {
        background: #fff;
        padding: 12px
    }
}

.bank-account-debits-wrap {
    margin-bottom: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #d1d6db
}

@media only screen and (min-width: 680px) {
    .bank-account-debits-wrap {
        padding-left: 35px;
        padding-right: 35px
    }
}

@media only screen and (max-width: 679px) {
    .bank-account-debits-wrap {
        padding-left: 20px;
        padding-right: 20px
    }
}

.payment-report-detailed .payment-report-ava-row {
    background: #f9fafb;
    font-weight: bold
}

.reports-subtitle {
    color: #7F7F7F
}

@media only print {
    .reports-subtitle {
        color: #000
    }
}

.report-initial {
    padding: 20px;
    color: #768593
}

.report-print-header {
    font-size: 12px;
    border-bottom: 1px solid #768593;
    padding-bottom: 10px;
    margin-bottom: 10px
}

@media only screen {
    .report-header {
        background-color: #f9fafb
    }

    .report-header .report-header-details {
        color: #697886
    }

    .report-header .report-header-details .report-header-details-dark {
        color: #1f2428
    }

    .report-header .tabs {
        padding-left: 20px
    }
}

@media only print {
    .report-header .report-header-details {
        padding-top: 8px
    }
}

.report-header-inner.with-border {
    border-bottom: 1px solid #d1d6db
}

@media only screen and (min-width: 680px) {
    .report-header-inner {
        padding: 22px 25px
    }
}

@media only screen and (max-width: 679px) {
    .report-header-inner {
        padding: 12px 20px;
        margin-top: 12px
    }
}

.tb-report-generated {
    border-bottom: 1px solid #d1d6db
}

@media only screen and (min-width: 680px) {
    .tb-report-generated .tb-left {
        left: 10px
    }
}

.bookings-report-header {
    padding-bottom: 5px
}

@media only screen {
    .bookings-report-header .bookings-report-title {
        padding: 0 10px
    }
}

.report-generating {
    padding: 30px 40px
}

.report-generating .report-generating-subhead {
    color: #768593
}

.summary-report-back {
    padding-bottom: 10px
}

@media only screen and (min-width: 680px) {
    .payouts-spreadsheet {
        min-width: 800px
    }
}

.reports-overview-wrap {
    max-width: 755px;
    overflow: hidden
}

@media only screen and (min-width: 680px) {
    .reports-overview-wrap {
        padding-left: 10px;
        padding-top: 5px
    }
}

@media only screen and (min-width: 680px), print {
    .reports-overview-container {
        width: 100%;
        border-spacing: 25px;
        border-collapse: separate;
        table-layout: fixed
    }

    .reports-overview-container.is-after-graphs {
        margin-top: -25px
    }

    .reports-overview-container > .td {
        width: 50%
    }
}

.overview-box {
    position: relative;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 45px 20px 20px 20px
}

@media only screen and (min-width: 680px) {
    .overview-box {
        height: 100px
    }
}

@media only screen and (max-width: 679px) {
    .overview-box {
        display: block;
        margin: 0 12px 15px 12px
    }
}

@media only screen {
    .overview-box.green {
        background: #dbfdd7;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dbfdd7), color-stop(100%, #daf7ff));
        background: -webkit-linear-gradient(top, #dbfdd7 0%, #daf7ff 100%);
        background: -ms-linear-gradient(top, #dbfdd7 0%, #daf7ff 100%);
        background: linear-gradient(to bottom, #dbfdd7 0%, #daf7ff 100%)
    }

    .overview-box.purple {
        background: #fae8ff;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fae8ff), color-stop(100%, #e0eef8));
        background: -webkit-linear-gradient(top, #fae8ff 0%, #e0eef8 100%);
        background: -ms-linear-gradient(top, #fae8ff 0%, #e0eef8 100%);
        background: linear-gradient(to bottom, #fae8ff 0%, #e0eef8 100%)
    }

    .overview-box.red {
        background: #ffdeef;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffdeef), color-stop(100%, #f9e2d7));
        background: -webkit-linear-gradient(top, #ffdeef 0%, #f9e2d7 100%);
        background: -ms-linear-gradient(top, #ffdeef 0%, #f9e2d7 100%);
        background: linear-gradient(to bottom, #ffdeef 0%, #f9e2d7 100%)
    }

    .overview-box.yellow {
        background: #f4f7d4;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f7d4), color-stop(100%, #d6f5fe));
        background: -webkit-linear-gradient(top, #f4f7d4 0%, #d6f5fe 100%);
        background: -ms-linear-gradient(top, #f4f7d4 0%, #d6f5fe 100%);
        background: linear-gradient(to bottom, #f4f7d4 0%, #d6f5fe 100%)
    }
}

.overview-box-header {
    margin-bottom: 20px
}

.overview-box-heading, .overview-box-timerange {
    text-transform: uppercase;
    color: #768593;
    letter-spacing: 1px;
    position: absolute;
    top: 20px
}

.overview-box-heading {
    left: 20px;
    width: calc(60% - 20px)
}

.overview-box-timerange {
    right: 20px;
    width: calc(40% - 20px);
    text-align: right;
    opacity: 0.6
}

.overview-box-note {
    color: #768593;
    font-size: 12px;
    padding-top: 8px
}

.reports-overview-list {
    padding-top: 15px
}

.reports-overview-list .list-filters {
    padding: 0 0 10px 25px
}

@media only screen and (min-width: 680px), print {
    .reports-overview-graph {
        padding-bottom: 25px
    }
}

.overview-graph {
    margin-left: -40px
}

.overview-graph .title {
    text-anchor: initial
}

.overview-graph-toggles {
    padding-bottom: 15px
}

@media only screen and (min-width: 680px) {
    .overview-graph-toggles {
        padding-left: 25px;
        padding-right: 25px
    }
}

@media only screen and (max-width: 679px) {
    .overview-graph-toggles {
        padding-left: 12px;
        padding-right: 12px
    }
}

.overview-graph-loading-shim {
    padding: 0 30px;
    height: 288px
}

.overview-stat {
    font-size: 35px
}

.overview-stats-table {
    width: 100%;
    margin-top: 4px
}

.overview-stats-table td:nth-child(2) {
    text-align: right
}

.show-on-success {
    opacity: 0;
    transition: opacity .5s ease-in-out
}

.show-on-success.success {
    opacity: 1
}

.report-regenerate, .report-link, .report-cancel {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.report-regenerate:before, .report-link:before, .report-cancel:before {
    content: ' ';
    display: inline-block;
    height: 12px;
    margin-right: 5px;
    vertical-align: text-top;
    margin-top: 2px
}

.report-regenerate:hover, .report-link:hover, .report-cancel:hover {
    color: #1f2428
}

.report-regenerate {
    margin-left: 6px
}

.report-regenerate:before {
    width: 12px;
    background-position: -16px -515px
}

.report-regenerate:hover {
    text-decoration: underline
}

.report-regenerate:hover:before {
    background-position: -16px -529px
}

.report-link {
    margin-left: 5px
}

.report-link:before {
    width: 16px;
    background-position: -30px -515px
}

.report-link:after {
    content: ' ';
    width: 7px;
    height: 5px;
    background-position: -348px -326px;
    pointer-events: none;
    display: inline-block;
    vertical-align: middle;
    margin-left: 2px
}

.report-link:hover {
    text-decoration: underline
}

.report-link:hover:before {
    background-position: -30px -529px
}

.report-cancel {
    margin-left: 5px
}

.report-cancel:before {
    width: 9px;
    background-position: -48px -515px
}

.report-cancel:hover {
    text-decoration: underline
}

.report-cancel:hover:before {
    background-position: -48px -529px
}

.report-long-load {
    max-width: 500px;
    background: #f1f2f4;
    border: 1px solid #afb8c0;
    padding: 12px;
    border-radius: 5px;
    margin-top: 10px;
    opacity: 0;
    -webkit-animation: fadeIn ease-in 1;
    -moz-animation: fadeIn ease-in 1;
    -o-animation: fadeIn ease-in 1;
    animation: fadeIn ease-in 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -moz-animation-delay: 15s;
    -webkit-animation-delay: 15s;
    -ms-animation-delay: 15s;
    -o-animation-delay: 15s;
    animation-delay: 15s
}

.report-long-load p {
    margin-bottom: 12px
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-moz-keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-o-keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.summary-detail-view-charts {
    float: left;
    border: 1px solid #ccd1d7;
    min-width: 800px;
    border-radius: 5px;
    padding: 5px 12px 12px 12px;
    margin: 12px 0
}

.volumes-toggle {
    clear: both;
    margin-bottom: 12px
}

[ng-advanced-filter-group] {
    margin-bottom: 10px
}

[ng-advanced-filter] {
    position: relative
}

@media only screen {
    .invoice-overview-wrap {
        padding: 15px
    }
}

.invoices-toggle {
    clear: both;
    margin-bottom: 12px
}

.invoice-actions {
    position: relative
}

@media only screen and (min-width: 680px) {
    .invoice-actions {
        float: left;
        width: 335px;
        margin-left: 20px
    }
}

@media only screen {
    .invoice-block {
        position: relative;
        padding: 20px 12px 2px 12px;
        border: 1px solid #afb8c0;
        border-radius: 4px;
        box-shadow: 0 4px 13px -4px rgba(0, 0, 0, 0.6);
        overflow-x: auto
    }
}

@media only screen and (min-width: 680px) {
    .invoice-block {
        float: left;
        width: auto
    }

    .invoice-block.has-actions {
        width: calc(100% - 390px);
        width: -webkit-calc(100% - 390px)
    }

    .invoice-block:not(.has-actions) {
        min-width: 750px
    }
}

@media only screen {
    .invoice-block.invoice-block-submitting {
        height: 235px;
        overflow: hidden
    }

    .invoice-block.invoice-block-loading {
        padding-bottom: 20px
    }
}

@media only screen and (min-width: 680px) {
    .invoice-header-buttons {
        position: absolute;
        top: 25px;
        right: 25px
    }
}

.invoice-header-wrap.is-creating {
    padding-right: 150px
}

@media only screen {
    .invoice-header-wrap {
        padding: 10px 20px
    }
}

@media only print {
    .invoice-header-wrap {
        padding-bottom: 10px
    }
}

.invoice-header-company-logo {
    padding-right: 30px
}

.invoice-header-company-logo .invoice-logo {
    max-width: 150px;
    max-height: 150px;
    width: auto;
    height: auto
}

.invoice-header-company-logo .invoice-logo + .invoice-type-heading {
    padding-top: 15px
}

.invoice-header-company-logo .invoice-type-heading {
    font-size: 18px;
    color: #5a6672
}

.invoice-header-address {
    padding-right: 35px
}

.invoice-header-address h3 {
    padding-bottom: 5px
}

.invoice-header-change-direction {
    vertical-align: middle;
    padding-right: 30px
}

.single-booking-activities {
    margin-bottom: 50px
}

.single-booking-activities .activities-add-note {
    padding: 0 40px
}

.td-invoice-amount {
    width: 120px
}

.toggle-set.toggled {
    padding-right: 22px
}

.toggle-set .field {
    line-height: 0;
    margin-bottom: 0
}

.toggle-set-edit {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer;
    text-indent: -9999vw
}

.toggle-set-edit:before {
    content: ' ';
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    margin-top: -9px;
    right: 5px;
    background-size: 14px 14px;
    background-position: 2px 2px;
    background-repeat: no-repeat;
    border-radius: 3px
}

.toggle-set-edit:hover:before {
    background-color: #e7ebef
}

.toggle-set-edit:active:before {
    background-color: #e2e6e9
}

.toggle-set-cancel {
    position: absolute;
    top: 50%;
    margin-top: -11px;
    right: 2px;
    width: 24px;
    height: 24px;
    background-position: -156px -136px;
    cursor: pointer;
    text-indent: -9999vw;
    opacity: 0.8
}

.toggle-set-cancel:hover {
    opacity: 1
}

.invoice-signup-nag {
    padding: 15px;
    margin-bottom: 10px;
    border-radius: 5px;
    border: 1px solid #ccd4d8;
    background-color: #e5f1fb
}

.dashboard-section-settings {
    background: #fff !important
}

.settings-window-header {
    position: relative;
    border-bottom: 1px solid #e0e3e6;
    background-color: #f9fafb
}

@media only screen and (min-width: 680px) {
    .settings-window-header {
        padding: 22px 25px 22px 35px
    }
}

@media only screen and (max-width: 679px) {
    .settings-window-header {
        padding: 20px
    }
}

.settings-window-header h1 {
    padding-bottom: 2px;
    font-size: 21px
}

.settings-window-header-description {
    max-width: 800px;
    color: #768593
}

.settings-window-header-description a {
    text-decoration: underline
}

.btn-back + h1 {
    margin-top: 15px
}

@media only screen and (min-width: 680px) {
    .settings-window-header-fixed-wrap {
        position: fixed;
        top: 45px;
        right: 0;
        left: 52px;
        z-index: 1009
    }
}

.settings-window-header-tabs {
    position: relative
}

@media only screen {
    .settings-window-header-tabs {
        background-color: #f9fafb;
        box-shadow: 0 7px 5px -8px rgba(0, 0, 0, 0.25)
    }
}

.settings-window-header-tabs .settings-window-header-tabs-inner {
    padding: 20px 25px 20px 35px
}

.settings-window-header-tabs .settings-window-header-tabs-inner .btn-back {
    margin-bottom: 15px
}

.settings-window-header-tabs .btn-back + h1 {
    margin-top: 5px !important
}

.settings-window-header-tabs h1 {
    padding-bottom: 2px;
    font-size: 21px
}

.settings-window-header-tabs .settings-window-header-description {
    max-width: 800px;
    color: #768593;
    font-size: 14px
}

.settings-window-header-tabs .settings-window-header-description a {
    text-decoration: underline
}

.settings-window-header-just-tabs {
    position: relative;
    z-index: 1;
    padding-top: 10px;
    box-shadow: 0 7px 5px -8px rgba(0, 0, 0, 0.25)
}

.settings-window-header-tb:after {
    content: '';
    display: table;
    clear: both;
    border-spacing: 0
}

@media only screen and (min-width: 680px) {
    .settings-window-header-tb {
        padding-top: 15px;
        padding-right: 35px;
        padding-left: 35px
    }
}

.hint + .form-inline-add {
    margin-top: 8px;
    margin-bottom: 20px
}

.customer-type-singular {
    font-size: 14px;
    font-weight: bold
}

.td-customer-type-name {
    padding-left: 10px !important
}

@media only screen and (min-width: 680px) {
    .customer-type-settings {
        float: left
    }

    .customer-type-settings:after {
        content: '';
        display: table;
        clear: both;
        border-spacing: 0
    }
}

.customer-type-settings-header {
    padding-top: 8px
}

@media only screen and (min-width: 680px) {
    .customer-type-settings-header .field {
        margin-bottom: 0
    }

    .customer-type-settings-header .reorder-note {
        float: left
    }

    .customer-type-settings-header .show-id {
        float: right
    }
}

.settings-window-activity-header {
    padding: 15px 35px
}

.settings-window-activity-header h2 {
    color: #5a6672;
    font-size: 14px
}

.toggled-add-form {
    padding-bottom: 15px
}

.toggled-add-form .form-inline-add {
    margin-top: 5px
}

@media only screen and (min-width: 680px) {
    .ss-users {
        min-width: 650px
    }
}

.user-overview-picture {
    width: 100%;
    text-align: center;
    border-spacing: 0
}

.user-overview-picture .td:first-child {
    width: 100px
}

.tiny-settings-wrap {
    position: relative
}

@media only screen and (min-width: 680px) {
    .tiny-settings-wrap:before {
        content: '';
        display: block;
        position: absolute;
        width: 1px;
        top: 0;
        bottom: 0;
        left: 128px;
        border-right: 1px solid #e0e3e6;
        pointer-events: none;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }
}

.tiny-settings-wrap-expanded .tiny-nav-section {
    margin-bottom: 10px;
    padding-bottom: 2px;
    border-bottom: 1px solid #e0e3e6
}

@media only screen and (min-width: 680px) {
    .tiny-settings-wrap-expanded .tiny-nav-section {
        position: absolute;
        padding: 0 5px 0 15px;
        width: 110px;
        left: -130px;
        border-bottom: 0
    }
}

.tiny-settings-wrap-expanded .tiny-settings-expanded-section {
    padding-bottom: 30px
}

@media only screen and (min-width: 680px) {
    .tiny-settings-nav {
        float: left;
        padding: 20px 0;
        width: 130px
    }
}

@media only screen and (max-width: 679px) {
    .tiny-settings-nav {
        padding-top: 15px;
        border-bottom: 1px solid #d1d6db
    }
}

@media only screen and (min-width: 680px) {
    .tiny-settings-window {
        float: right;
        position: relative;
        width: calc(100% - 130px);
        width: -webkit-calc(100% - 130px);
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

@media only screen and (min-width: 680px) {
    .tiny-settings-window-inner {
        padding: 20px
    }
}

@media only screen and (max-width: 679px) {
    .tiny-settings-window-inner {
        padding: 12px
    }
}

.tiny-nav-header {
    padding-right: 15px;
    padding-bottom: 5px;
    padding-left: 15px;
    color: #768593;
    text-transform: uppercase;
    letter-spacing: 1px
}

@media only screen and (max-width: 679px) {
    .tiny-nav-header {
        padding-top: 8px
    }
}

.tiny-nav-list a {
    display: block;
    padding: 6px 5px 6px 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media only screen and (hover: hover) {
    .tiny-nav-list a:hover {
        background-color: #e7ebef
    }
}

.tiny-nav-list a.focus-visible {
    background-color: #e7ebef
}

.tiny-nav-list a:active {
    background-color: #e2e6e9
}

.tiny-nav-list a .tb-icon {
    margin-right: 2px
}

.tiny-nav-list ul {
    padding-bottom: 15px
}

.tiny-nav-list a.current, .tiny-nav-list li.current a, .tiny-nav-list a.toggled {
    background: #0a6ece;
    color: #fff
}

.generated-password {
    margin-bottom: 5px;
    padding: 12px;
    border: 1px solid #d1d6db;
    border-radius: 5px;
    background: #fff
}

.generated-password p {
    margin-bottom: 12px
}

.tos-form .field-required-flag {
    display: none !important
}

.overview-cols-wrap {
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 25px
}

@media only screen and (max-width: 679px) {
    .overview-cols-wrap {
        padding-right: 25px
    }
}

@media only screen and (min-width: 680px) {
    .overview-col {
        float: left;
        margin-right: 25px;
        width: 340px
    }
}

.settings-checklist {
    overflow: hidden;
    border: 1px solid #e0e3e6;
    border-radius: 5px;
    background-color: #fff
}

@media only screen and (max-width: 679px) {
    .settings-checklist {
        margin-bottom: 25px
    }
}

@media only screen and (min-width: 1151px) {
    .settings-checklist {
        min-width: 284px
    }
}

@media only screen and (min-width: 680px) {
    .item-setup-checklist-wrapper {
        max-width: 250px
    }
}

.settings-checklist-header {
    padding: 15px 25px
}

.settings-checklist-header h2 {
    margin-bottom: 5px;
    font-size: 15px;
    font-weight: bold
}

.settings-checklist-section {
    display: block;
    padding: 15px 25px;
    background: #f1f2f4
}

.settings-checklist-button {
    display: block;
    position: relative;
    padding: 15px 50px 15px 25px
}

.settings-checklist-button.is-editable {
    cursor: pointer
}

.settings-checklist-button:before {
    content: ' ';
    position: absolute;
    margin-top: -11px;
    height: 20px;
    width: 20px;
    top: 50%;
    right: 15px;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px
}

.settings-checklist-button.action-needed {
    background-color: #F7E5CE;
    border-top: 1px solid #E0C7A8
}

.settings-checklist-button.action-needed.is-editable:hover:active {
    background-color: #f0cea2
}

.settings-checklist-button.action-needed:before {
    background-color: #F5DFC2;
    border-color: #b19279
}

.settings-checklist-button.action-incomplete {
    margin-bottom: -1px;
    background-color: #f2c9c5;
    z-index: 1;
    border-bottom: 1px solid #ebaaa4;
    border-top: 1px solid #ebaaa4
}

.settings-checklist-button.action-incomplete.is-editable:hover:active {
    background-color: #ebaea8
}

.settings-checklist-button.action-incomplete:before {
    background-color: #efbeb8;
    border-color: #e48f86
}

.settings-checklist-button.action-incomplete:after {
    content: ' ';
    display: block;
    position: absolute;
    margin-top: -5px;
    height: 10px;
    width: 11px;
    top: 50%;
    right: 20px
}

.settings-checklist-button.action-completed {
    background-color: #d7fdd8;
    border-top: 1px solid #c4e6c5
}

.settings-checklist-button.action-completed.is-editable:hover {
    background-color: #c9f1ca
}

.settings-checklist-button.action-completed.is-editable:hover:active {
    background-color: #c1f1c2
}

.settings-checklist-button.action-completed:before {
    border-color: #1D875A
}

.settings-checklist-button.action-completed:after {
    content: ' ';
    display: block;
    position: absolute;
    margin-top: -5px;
    height: 10px;
    width: 11px;
    top: 50%;
    right: 20px;
    background-position: -93px -164px
}

.checklist-item-no-border .settings-checklist-button {
    border-top: 0
}

.action-color-keys {
    margin-top: 1rem;
    margin-bottom: -8px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.action-color-keys .key {
    color: #697886;
    font-size: 12px;
    line-height: 1rem
}

.action-color-keys .key:not(:last-child) {
    margin-right: 16px;
    margin-bottom: 8px
}

.action-color-keys .key::before {
    content: '';
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin-right: 5px;
    height: 1rem;
    width: 1rem;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.action-color-keys .key.action-needed::before {
    background-color: #F7E5CE;
    border-color: #e2d4c2
}

.action-color-keys .key.action-incomplete::before {
    background-color: #f2c5c5;
    border-color: #d8b4b0
}

.action-color-keys .key.action-completed::before {
    background-color: #d7fdd8;
    border-color: #BFDDBC
}

.payment-setup-nag {
    display: block;
    padding: 10px 20px;
    background-color: #FFE7D1;
    border-bottom: 1px solid #E0C7A8
}

@media only screen and (hover: hover) {
    .payment-setup-nag[href]:hover {
        background-color: #f3d9b8
    }
}

.payment-setup-nag.focus-visible[href] {
    background-color: #f3d9b8
}

.payment-setup-nag.is-short {
    font-size: 12px;
    border-bottom: 0
}

.payment-setup-nag.is-disabled-overlay {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(1px);
    border-radius: 5px;
    border-bottom: none;
    z-index: 3
}

.payment-setup-nag.is-disabled-overlay .payment-setup-nag-content {
    padding: 10px 20px;
    background-color: #FFE7D1;
    border-radius: 5px;
    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.3)
}

.payment-setup-nag.is-disabled-overlay .payment-setup-nag-content:hover {
    background-color: #f3d9b8
}

.payment-setup-nag.is-related {
    clear: both;
    position: relative;
    margin-top: 1px;
    border-radius: 4px;
    border: 1px solid #E0C7A8
}

@media only screen and (max-width: 679px) {
    .payment-setup-nag.is-related {
        margin-bottom: 10px
    }
}

@media only screen and (min-width: 680px) {
    .payment-setup-nag.is-related {
        margin-top: 3px;
        float: left
    }
}

.payment-setup-nag.is-related::before, .payment-setup-nag.is-related::after {
    content: '';
    position: absolute;
    left: 40px;
    border-bottom-width: 9px;
    border-bottom-style: solid;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent
}

.payment-setup-nag.is-related::before {
    top: -10px;
    border-bottom-color: #E0C7A8
}

.payment-setup-nag.is-related::after {
    top: -9px;
    border-bottom-color: #FFE7D1
}

.payment-setup-nag svg {
    position: relative;
    vertical-align: middle
}

.payment-setup-nag svg.icon-warning {
    top: -1px
}

.capture-amount-warning {
    padding: 10px 20px;
    background-color: #FFE7D1;
    border-top: 1px solid #E0C7A8;
    border-radius: 0 0 5px 5px
}

.update-user-toggle {
    clear: both;
    margin-bottom: 20px
}

.lodging-form {
    margin-bottom: 15px
}

#filepicker_shade {
    z-index: 100001
}

.reseller-section {
    margin-bottom: 20px;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 3px;
    background: #f7f7f7
}

.reseller-section .reseller-header {
    margin-bottom: 12px
}

.reseller-section h2 {
    font-size: 14px;
    font-weight: bold
}

.reseller-section .block-list {
    margin: 0
}

.reseller-section .mass-update-date-range + .hint {
    margin-top: 5px
}

.various-customer-capacities {
    border: 1px solid #e0e3e6;
    font-size: 12px
}

.various-customer-capacities.is-overview {
    margin-top: 5px
}

.various-customer-capacities.is-overview td {
    padding-top: 4px;
    padding-bottom: 4px
}

.various-customer-capacities.has-margin {
    margin-top: 5px;
    margin-bottom: 10px
}

.various-customer-capacities .label-text {
    display: block;
    margin-bottom: 3px
}

.various-customer-capacities td {
    padding-top: 8px;
    padding-right: 10px;
    padding-bottom: 8px;
    padding-left: 10px
}

.various-customer-capacities td:first-child {
    padding-right: 0
}

.various-customer-capacities td:last-child {
    border-left: 1px solid #e0e3e6
}

.customer-type-rate-party-sizes td:first-child {
    padding-right: 4px
}

.customer-type-rate-party-sizes td:last-child {
    padding-left: 4px
}

.changelog-panel {
    border: 1px solid #d1d6db;
    background-color: #fff
}

@media only screen and (min-width: 680px) {
    .changelog-panel {
        position: fixed;
        width: 325px;
        top: 44px;
        right: 0;
        bottom: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media only screen and (max-width: 679px) {
    .changelog-panel {
        margin-right: 10px;
        margin-bottom: 10px;
        margin-left: 10px
    }
}

@media only screen and (min-width: 680px) {
    .changelog-panel-header {
        padding-top: 10px
    }
}

.changelog-panel-header .icon-cog {
    height: 16px;
    width: 15px
}

@media only screen and (min-width: 680px) {
    .changelog-panel-content {
        overflow-x: hidden;
        overflow-y: auto;
        padding-bottom: 20px;
        -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch
    }

    .changelog-panel-content .flyout-toggle-header.sticky--0 {
        top: -1px
    }
}

.cl-inset-form {
    padding: 8px;
    background-color: #f1f2f4
}

.cl-action-header {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    font-size: 16px !important
}

.connect-grid {
    margin-right: -10px;
    margin-left: -10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

@media only screen and (min-width: 1441px) {
    .connect-grid {
        max-width: 1578px
    }
}

.connect-grid-item {
    margin: 10px;
    width: 100%;
    overflow: hidden;
    border: 1px solid #afb8c0;
    border-radius: 5px;
    transition: all .2s ease-in-out;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 0 4px 13px -4px rgba(0, 0, 0, 0.6)
}

@media only screen and (min-width: 679px) and (max-width: 920px) {
    .connect-grid-item {
        width: calc(50% - 20px)
    }
}

@media only screen and (min-width: 921px) {
    .connect-grid-item {
        width: calc(33.3333% - 20px)
    }
}

@media only screen and (min-width: 1441px) {
    .connect-grid-item {
        width: calc(25% - 20px)
    }
}

.connect-grid-item:hover {
    transform: scale(1.03)
}

.connect-grid-item img {
    height: auto;
    max-height: 50px;
    max-width: 100%
}

.connect-grid-content {
    position: relative;
    padding: 25px
}

.pending-connection {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.request-message {
    width: 100%
}

.request-message + .button-group {
    margin-top: 10px
}

.connect-grid-buttons {
    padding: 15px 25px;
    background-color: #f1f2f4;
    border-top: 1px solid #afb8c0
}

.button-group {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (max-width: 679px) {
    .button-group {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
}

@media only screen and (min-width: 679px) and (max-width: 920px) {
    .button-group {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
}

@media only screen and (min-width: 921px) {
    .button-group {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.button-group .button-wrapper:not(:first-of-type) {
    margin-top: 4px
}

@media only screen and (min-width: 679px) and (max-width: 920px) {
    .button-group .button-wrapper:not(:first-of-type) {
        margin-top: 0
    }
}

.button-group .badge-wrapper {
    margin-top: 4px
}

.button-group .btn, .button-group .btn-tiny, .button-group .btn-big, .button-group .btn-huge {
    white-space: nowrap
}

@media only screen and (max-width: 679px) {
    .button-group .btn, .button-group .btn-tiny, .button-group .btn-big, .button-group .btn-huge {
        width: 100%
    }
}

@media only screen and (min-width: 679px) and (max-width: 920px) {
    .button-group .btn, .button-group .btn-tiny, .button-group .btn-big, .button-group .btn-huge {
        width: 100%
    }
}

.item-help-links-wrapper {
    padding: 15px 25px;
    border: 1px solid #e0e3e6;
    border-radius: 5px 5px 0 0;
    background-color: #fff;
    border-bottom-width: 0
}

.item-help-links-wrapper > ul > li {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e0e3e6
}

.item-help-links-wrapper > ul > li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom-width: 0
}

.item-help-links-wrapper p {
    margin-bottom: 14px
}

.item-help-links-wrapper p:last-child {
    margin-bottom: 0
}

.item-help-link {
    display: block;
    position: relative;
    padding: 25px 25px 25px 75px;
    border: 1px solid #e0e3e6;
    border-radius: 0 0 5px 5px;
    background-color: #f7fbff
}

.item-help-link:hover {
    background-color: #f2f8fe
}

.item-help-link .icon-help {
    display: block;
    position: absolute;
    margin-top: -16px;
    height: 30px;
    width: 30px;
    top: 50%;
    left: 25px;
    fill: #0a6ece
}

.icon--external-link {
    display: inline-block;
    vertical-align: middle
}

.icon--external-link:after {
    content: '';
    display: block;
    margin-top: 2px;
    margin-left: 6px;
    height: 5px;
    width: 5px;
    pointer-events: none;
    background-position: -366px -347px
}

.demo-mode-urls {
    padding: 12px;
    border: 1px solid #d1d6db;
    border-radius: 4px
}

.demo-mode-urls .label-text {
    display: block;
    padding-bottom: 3px
}

.settings-index-setup-nag .payment-setup-nag {
    border-bottom: 0;
    border-radius: 4px
}

@media only screen and (min-width: 680px) {
    .dashboard-settings-headline-form {
        position: relative
    }
}

@media only screen and (min-width: 680px) {
    .dashboard-settings-headline-preview {
        position: absolute;
        top: 0;
        left: 680px;
        margin-bottom: 30px
    }
}

@media only screen and (max-width: 679px) {
    .dashboard-settings-headline-preview {
        margin-top: 15px;
        margin-bottom: 10px
    }
}

@media only screen {
    .option-block-edit-content {
        padding-right: 25px
    }
}

.option-sheet-form-wrap {
    padding-top: 10px
}

.option-cf-has-parent {
    position: relative;
    margin-left: 25px
}

.option-cf-has-parent:before {
    content: '';
    width: 13px;
    height: 10px;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    left: -22px;
    background-position: -59px -515px
}

.option-block-edit, .option-block-toggle {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
    z-index: 3;
    left: 0
}

.option-block-edit.sortable, .option-block-toggle.sortable {
    left: 30px
}

@media only print {
    .option-block-edit, .option-block-toggle {
        display: none !important
    }
}

.option-block-edit span {
    position: absolute;
    width: 14px;
    height: 14px;
    top: 50%;
    margin-top: -7px;
    right: 15px;
    text-indent: -9999em;
    background-size: 14px 14px;
    background-repeat: no-repeat
}

.option-block-toggle span {
    text-indent: -9999em;
    position: absolute;
    width: 10px;
    height: 8px;
    top: 50%;
    margin-top: -4px;
    right: 14px;
    background-position: -396px -346px
}

.option-block-toggle:hover span {
    background-position: -408px -346px
}

.option-objects-sortable .option-block-toggle {
    left: 30px
}

.option-block-toggle.toggled {
    left: auto;
    width: 34px
}

.option-block-toggle.toggled span {
    background-position: -444px -346px
}

.option-block-toggle.toggled:hover span {
    background-position: -432px -346px
}

.stop-list {
    margin-top: 15px
}

.stop-list .stop-list-name {
    float: left;
    height: 28px;
    line-height: 28px;
    overflow: hidden
}

.stop-list .stop-list-actions {
    float: right;
    height: 28px;
    line-height: 28px
}

.stop-list li.add-stop {
    border-top: 1px solid #d1d6db;
    padding-top: 10px;
    margin-top: 3px
}

.stop-list .stop-list-empty {
    color: #768593;
    padding-bottom: 10px
}

.field.stop-form-time {
    float: left;
    width: 120px
}

.field.stop-form-pickup {
    float: left;
    width: 375px
}

.update-campaign-settings {
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: 1px solid #d1d6db
}

.code-edit {
    padding: 12px
}

.code-edit .code-edit-code {
    font-size: 15px;
    font-weight: bold;
    color: #1f2428
}

.canned-settings-header {
    font-size: 15px;
    font-weight: bold
}

.canned-messages-table {
    margin-bottom: 25px
}

.canned-messages-table .td--name {
    width: 20%
}

.canned-messages-table .td--email {
    width: 80%
}

.canned-messages-table.sms-enabled .td--email {
    width: 40%
}

.canned-messages-table .td--sms {
    width: 40%
}

.analytics-service-setup-identifier {
    padding-top: 2px;
    padding-bottom: 2px
}

@media only screen and (min-width: 680px) {
    .dashboard-settings-health {
        position: relative
    }
}

@media only screen and (min-width: 680px) {
    .dashboard-settings-health-preview {
        position: absolute;
        top: 0;
        left: 680px;
        margin-bottom: 30px
    }
}

@media only screen and (max-width: 679px) {
    .dashboard-settings-health-preview {
        margin-top: 15px;
        margin-bottom: 10px
    }
}

.invoice-availability .the-availability {
    display: block;
    position: relative;
    margin: 12px 0 10px 0
}

@media only screen {
    .invoice-availability .the-availability {
        padding-top: 12px;
        padding-bottom: 12px
    }
}

@media only screen and (min-width: 680px) {
    .invoice-availability .the-availability {
        border-radius: 5px;
        padding-left: 15px;
        padding-right: 29px
    }
}

@media only screen and (max-width: 679px) {
    .invoice-availability .the-availability {
        padding-left: 20px;
        padding-right: 34px
    }
}

@media only print {
    .invoice-availability .the-availability {
        padding: 8px 12px
    }
}

.invoice-availability .invoice-ava-date {
    margin-top: 3px;
    font-size: 15px
}

.invoice-availability .invoice-ava-date .badge {
    margin-top: -3px;
    font-size: 0.8em;
    font-weight: normal
}

.invoice-availability .invoice-ava-public-headline {
    color: #697886;
    margin-top: 3px
}

.invoice-availability .invoice-ava-private-headline {
    margin-top: 8px;
    padding-top: 6px;
    border-top: 1px solid #d1d6db
}

.invoice-availability a.the-availability svg {
    position: absolute;
    top: 50%;
    margin-top: -7px;
    color: #768593
}

@media only screen and (min-width: 680px) {
    .invoice-availability a.the-availability svg {
        right: 15px
    }
}

@media only screen and (max-width: 679px) {
    .invoice-availability a.the-availability svg {
        right: 20px
    }
}

@media only screen and (hover: hover) {
    .invoice-availability a.the-availability:hover {
        background: #e7ebef
    }
}

.invoice-availability a.the-availability.focus-visible {
    background: #e7ebef
}

.invoice-availability a.the-availability:active {
    background: #e2e6e9
}

.invoice-table {
    width: 100%;
    border-collapse: separate
}

@media only screen {
    .invoice-table.has-top-margin {
        margin-top: 25px
    }
}

@media only print {
    .invoice-table.has-top-margin {
        margin-top: 15px
    }
}

.invoice-table-section {
    border-top: 1px solid #e0e3e6;
    margin-top: 12px;
    padding-top: 10px
}

.invoice-table--row td {
    position: relative;
    vertical-align: middle
}

@media only screen {
    .invoice-table--row td {
        border-color: #e0e3e6
    }
}

@media only print {
    .invoice-table--row td {
        border-color: #cbcbcb
    }
}

.invoice-table--row.no-border > td {
    border-bottom: 0
}

.invoice-table--row.border-top > td {
    border-bottom-width: 0;
    border-top-width: 1px
}

@media only screen {
    .invoice-table--row td {
        padding-top: 5px;
        padding-bottom: 5px
    }
}

@media only screen and (min-width: 680px) {
    .invoice-table--row td {
        height: 20px
    }

    .invoice-table--row td:first-child {
        padding-left: 20px;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px
    }

    .invoice-table--row td:last-child:not(.itable-tb) {
        padding-right: 20px;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px
    }

    .is-narrow .invoice-table--row td:first-child {
        padding-left: 18px
    }

    .is-narrow .invoice-table--row td:last-child {
        padding-right: 18px
    }
}

@media only screen and (max-width: 679px) {
    .invoice-table--row td:first-child {
        padding-left: 20px
    }

    .invoice-table--row td:last-child {
        padding-right: 20px
    }

    .invoice-table.invoice-table--short-mobile .invoice-table--row td {
        height: 22px
    }

    .invoice-table:not(.invoice-table--short-mobile) .invoice-table--row td {
        height: 28px
    }
}

@media only print {
    .invoice-table--row td {
        height: 15px;
        padding-top: 2px;
        padding-bottom: 2px
    }

    .invoice-table--row td:first-child {
        padding-left: 12px
    }

    .invoice-table--row td:last-child {
        padding-right: 12px
    }
}

.invoice-table--row td .field {
    margin-bottom: 0
}

.invoice-table--row td.itable-content {
    word-break: break-word
}

.invoice-table--row td.itable-amount {
    width: 60px;
    text-align: right;
    font-weight: 900;
    padding-left: 25px
}

.invoice-table--row td.itable-amount.long {
    width: 100px
}

.invoice-table--row td.itable-amount + td.itable-amount {
    padding-left: 10px
}

.invoice-table--row td.itable-tb {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 8px
}

.invoice-table--row td.itable-tb .tb {
    float: right
}

.invoice-table--row td.itable-edit, .invoice-table--row td.itable-navigate {
    width: 14px;
    padding-left: 15px
}

@media only print {
    .invoice-table--row td.itable-edit, .invoice-table--row td.itable-navigate {
        display: none
    }
}

@media only screen {
    .invoice-table--row.is-tall td {
        height: 26px
    }

    .invoice-table--row.is-tall td:first-child {
        font-size: 14px
    }
}

@media only print {
    .invoice-table--row.is-tall td {
        height: 20px
    }
}

.invoice-table--row.is-toggle {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media only screen {
    .invoice-table--row.is-toggle td:first-child:before {
        transform: translateY(-1px) rotate(-90deg);
        content: '';
        display: inline-block;
        transition: transform 0.15s ease-in-out;
        border-style: solid;
        border-color: transparent;
        border-width: 8px 5px 0 5px;
        border-top-color: #afb8c0;
        margin-right: 4px
    }

    @supports (mask-type:inherit) {
        .invoice-table--row.is-toggle td:first-child:before {
            width: 10px;
            height: 8px;
            background-color: #afb8c0;
            -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%207%204.88%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M.3%200C0%200-.1.2.1.44l3.1%204.26a.37.37%200%200%200%20.64%200L6.9.44C7.1.2%207%200%206.7%200z%22%2F%3E%3C%2Fsvg%3E");
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            mask-size: 10px 8px;
            border: 0
        }
    }
}

.invoice-table--row.is-toggle td.toggled:first-child:before {
    transform: none
}

.invoice-table--row.is-v-tall td {
    padding-top: 8px;
    padding-bottom: 8px
}

.invoice-table--row.is-flashy td {
    font-size: 18px;
    font-weight: bold;
    line-height: 1
}

.invoice-table--row.is-flashy .itable-amount {
    color: #0a6ece
}

.invoice-table--row.is-shaded td {
    background-color: #f1f2f4;
    border-bottom: 0;
    -webkit-transition: background-color 0.25s;
    transition: background-color 0.25s
}

.invoice-table.checked-in .invoice-table--row.is-shaded td {
    background-color: #d3f5e1
}

.invoice-table.no-show .invoice-table--row.is-shaded td {
    background-color: #f5dfdf
}

.invoice-table.mixed .invoice-table--row.is-shaded td {
    background-color: #F9F1E2
}

@media only screen {
    .invoice-table--row.is-warning td {
        background-color: #FFE7D1
    }
}

.invoice-table--row.is-editable td {
    cursor: pointer
}

@media only screen and (hover: hover) {
    .invoice-table--row.is-editable:hover td {
        background: #e7ebef
    }
}

.invoice-table--row.is-editable.focus-visible td {
    background: #e7ebef
}

.invoice-table--row.is-editable:active td {
    background: #e2e6e9
}

.invoice-table--row.is-super-header {
    color: #0a6ece
}

.invoice-table--row.is-super-header td {
    background-color: #f9fafb
}

.invoice-table--transportation-row td {
    border-bottom-width: 1px;
    border-bottom-style: solid
}

@media only screen {
    .invoice-table--transportation-row td {
        border-color: #e0e3e6
    }
}

@media only print {
    .invoice-table--transportation-row td {
        border-color: #cbcbcb
    }
}

.itable-edit.with-button:before {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    background-size: 14px 14px;
    background-repeat: no-repeat
}

.itable-navigate.with-button:before {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    background-position: -157px -250px
}

.invoice-table--row:hover .itable-navigate.with-button:before {
    background-position: -157px -270px
}

.invoice-table--row:active .itable-navigate.with-button:before {
    background-position: -157px -290px
}

.invoice-table--editing {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px
}

@media only print {
    .invoice-table--editing {
        border-bottom: 1px solid #cbcbcb
    }
}

@media only screen and (max-width: 679px) {
    .invoice-table--editing {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media only screen and (min-width: 680px) {
    .is-narrow .invoice-table--editing {
        padding-left: 18px;
        padding-right: 18px
    }
}

.invoice-table--editing #id_note {
    height: 100px
}

.invoice-table-flyout-wrap {
    position: relative
}

@media only screen and (min-width: 680px) {
    .invoice-table--flyout .tb {
        position: absolute;
        top: 50%;
        margin-top: -18px;
        left: 20px;
        z-index: 1
    }

    .itable-content-flyout-inner {
        padding-left: 52px
    }
}

.itable-invoice-price {
    background: #f1f2f4;
    padding-right: 3px
}

.order-invoice-bookings .booking-block {
    padding-left: 25px !important;
    padding-right: 25px !important
}

.order-invoice-bookings .flyout-toggle-header {
    padding-left: 25px !important
}

.order-link {
    color: #0a6ece;
    text-decoration: underline
}

.order-link .tb-icon {
    margin-right: 3px
}

.invoice-table-add-button {
    white-space: nowrap;
    width: 25px;
    padding-right: 10px;
    padding-left: 10px
}

.invoice-table-help-button {
    width: 20px;
    padding-left: 10px;
    border-left: 1px solid #e0e3e6 !important
}

.tiny-help-flyout-wrap {
    position: relative;
    display: inline-block
}

.tiny-help-flyout-wrap .tiny-help-flyout {
    top: 15px
}

.tiny-help {
    cursor: pointer;
    white-space: nowrap;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media only screen {
    .tiny-help {
        font-size: 12px;
        line-height: 13px;
        height: 13px
    }
}

@media only screen {
    .tiny-help:after {
        transform: none;
        content: '';
        display: inline-block;
        transition: transform 0.15s ease-in-out;
        border-style: solid;
        border-color: transparent;
        border-width: 5px 3.5px 0 3.5px;
        border-top-color: #768593;
        pointer-events: none;
        vertical-align: middle;
        margin-top: -1px
    }

    @supports (mask-type:inherit) {
        .tiny-help:after {
            width: 7px;
            height: 5px;
            background-color: #768593;
            -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%207%204.88%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M.3%200C0%200-.1.2.1.44l3.1%204.26a.37.37%200%200%200%20.64%200L6.9.44C7.1.2%207%200%206.7%200z%22%2F%3E%3C%2Fsvg%3E");
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            mask-size: 7px 5px;
            border: 0
        }
    }
}

.tiny-help:hover, .tiny-help.toggled {
    color: #1f2428
}

.line-item-form {
    margin-bottom: 12px
}

.line-item-form .line-item-description {
    padding-bottom: 5px
}

.line-item-form .tr:first-child .label-text {
    display: block;
    padding-bottom: 2px
}

.line-item-form .td:last-child {
    width: 110px;
    padding-left: 10px
}

.no-overview-payments {
    color: #697886;
    padding-top: 10px;
    padding-right: 12px;
    padding-left: 10px
}

.overview-payment {
    position: relative
}

.overview-payment.is-boxed {
    background: #fff;
    border: 1px solid #afb8c0;
    border-radius: 4px;
    margin-top: 8px;
    padding: 10px 12px
}

.overview-payment-row {
    width: 100%
}

.overview-payment-row td {
    vertical-align: top
}

.overview-payment-row.is-header {
    margin-top: 8px
}

.op-amount-td {
    text-align: right;
    font-weight: 900;
    white-space: nowrap
}

.op-amount.positive {
    color: #1D875A
}

.op-amount.negative {
    color: #c02b2b
}

.op-details-link {
    cursor: pointer;
    color: #0a6ece;
    text-decoration: underline;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.op-meta {
    padding-left: 3px;
    text-align: right
}

.overview-payment-meta {
    color: #697886;
    font-size: 12px
}

.overview-refunds {
    padding-left: 12px
}

.overview-refund {
    border-top: 1px solid #d1d6db;
    padding-top: 8px;
    margin-top: 10px
}

.op-disputed {
    background-color: #FFE7D1;
    padding: 5px;
    border-radius: 3px;
    margin-top: 5px
}

.op-disputed a {
    color: #0a6ece;
    text-decoration: underline
}

.op-saved-card {
    font-style: italic;
    color: #768593
}

.op-failed-payment {
    font-style: italic;
    color: #c02b2b
}

.pushable-fields > li {
    position: relative;
    overflow: hidden;
    margin-bottom: 5px;
    border-radius: 3px
}

.pushable-fields > li.is-selected {
    background-color: #f1f2f4;
    transition: background-color 0.25s
}

.pushable-fields > li fieldset[disabled] {
    color: #768593;
    cursor: not-allowed
}

.pushable-fields > li fieldset[disabled] > * {
    pointer-events: none
}

.pushable-fields > li .cf-wrap {
    margin-bottom: 0
}

.refund-form-block {
    position: relative;
    margin-bottom: 10px;
    border-width: 2px;
    border-style: solid;
    border-color: #afb8c0;
    border-radius: 5px;
    transition: border-color 150ms, box-shadow 150ms
}

.refund-form-block .field {
    margin-bottom: 0
}

.refund-form-block .form-error {
    margin: 10px
}

.refund-form-block .overview-payment {
    padding: 12px
}

.refund-form-block.is-selected {
    border-color: #1D875A;
    box-shadow: 0 0 4px #1D875A
}

.refund-form-block.is-selected-red {
    border-color: #c02b2b;
    box-shadow: 0 0 4px #c02b2b
}

.refund-choose-amount {
    border-top: 1px solid #d1d6db;
    padding-top: 6px
}

@media only screen and (max-width: 679px) {
    .refund-choose-amount .field-amount .the-field {
        padding-left: 100px
    }

    .refund-choose-amount .field-amount input {
        width: 100px
    }
}

.refund-legacy-flag {
    display: block;
    color: #768593;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 1px;
    border-bottom: 1px solid #d1d6db;
    line-height: 22px;
    padding-left: 15px
}

.refund-type-select-wrap {
    border-top: 1px solid #d1d6db;
    padding-right: 5px;
    padding-left: 5px
}

.refund-not-selectable {
    padding: 7px 12px
}

.refund-type-select {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.refund-type-select > button {
    position: relative;
    width: 100%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    padding-top: 9px;
    padding-bottom: 9px
}

.refund-type-select > button:not(:disabled) {
    cursor: pointer
}

@media only screen and (hover: hover) {
    .refund-type-select > button:not(:disabled):hover {
        background-color: #e7ebef
    }
}

.refund-type-select > button.focus-visible:not(:disabled) {
    background-color: #e7ebef
}

.refund-type-select > button:not(:disabled):active {
    background-color: #e2e6e9
}

.refund-type-select > button:not(.toggled):disabled {
    color: #9ba6b0
}

.refund-type-select > button.toggled {
    color: #1D875A
}

.refund-type-select > button.toggled::after {
    display: block;
    content: '';
    position: absolute;
    bottom: 0;
    left: 10px;
    right: 10px;
    border-bottom: 3px solid currentColor;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px
}

.refund-type-select > button.toggled.option-dont-refund {
    color: #0a6ece
}

.refund-type-select > button.toggled-red {
    color: #c02b2b
}

.refund-amount-table {
    margin-left: 12px;
    margin-bottom: 6px
}

@media only screen and (min-width: 680px) {
    .refund-amount-table {
        float: left;
        max-width: calc(100% - 42px - 10px)
    }
}

@media only screen and (min-width: 680px) {
    .tb-calculate-refund-flyout {
        float: left;
        margin-top: -2px;
        height: auto !important;
        margin-left: 2px
    }
}

.refund-email-form .field-cb-email {
    padding-top: 12px
}

@media only screen {
    .invoice-booking-info.has-bottom-padding {
        padding-bottom: 15px
    }
}

@media only screen and (min-width: 680px) {
    .invoice-booking-info {
        padding-left: 15px
    }

    .invoice-booking-info.has-right-padding {
        padding-right: 20px
    }
}

@media only screen and (max-width: 679px) {
    .invoice-booking-info {
        padding-left: 20px
    }

    .invoice-booking-info.has-right-padding {
        padding-right: 20px
    }
}

@media only print {
    .invoice-booking-info {
        padding: 8px 12px
    }
}

.booking-info-pk {
    margin-bottom: 3px;
    font-size: 19px
}

.booking-info-pk .badge {
    vertical-align: text-top;
    font-weight: normal;
    font-size: 14px;
    margin-left: 3px;
    margin-top: 3px
}

.invoice-stats {
    margin-bottom: 10px
}

.invoice-stats-inner {
    position: relative
}

@media only screen {
    .invoice-stats-inner {
        padding-left: 20px
    }
}

@media only screen and (min-width: 680px) {
    .invoice-stats-inner {
        padding-top: 15px;
        padding-right: 20px;
        padding-bottom: 15px
    }
}

@media only screen and (max-width: 679px) {
    .invoice-stats-inner {
        padding-top: 12px;
        padding-right: 20px;
        padding-bottom: 12px
    }
}

@media only print {
    .invoice-stats-inner {
        padding: 8px 12px
    }
}

.invoice-stats-inner.is-toggle {
    cursor: pointer
}

@media only screen {
    .invoice-stats-inner.is-toggle {
        padding-left: 42px
    }
}

@media only screen and (min-width: 680px) {
    .invoice-stats-inner.is-toggle:hover {
        background-color: #e7ebef
    }

    .invoice-stats-inner.is-toggle:active {
        background-color: #e2e6e9
    }
}

@media only screen {
    .invoice-stats-inner.is-toggle::before {
        transform: translateY(-1px) rotate(-90deg);
        content: '';
        display: inline-block;
        transition: transform 0.15s ease-in-out;
        border-style: solid;
        border-color: transparent;
        border-width: 8px 5px 0 5px;
        border-top-color: #afb8c0;
        position: absolute;
        top: 50%;
        margin-top: -4px;
        left: 20px
    }

    @supports (mask-type:inherit) {
        .invoice-stats-inner.is-toggle::before {
            width: 10px;
            height: 8px;
            background-color: #afb8c0;
            -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%207%204.88%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M.3%200C0%200-.1.2.1.44l3.1%204.26a.37.37%200%200%200%20.64%200L6.9.44C7.1.2%207%200%206.7%200z%22%2F%3E%3C%2Fsvg%3E");
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            mask-size: 10px 8px;
            border: 0
        }
    }
}

.invoice-stats-inner.is-toggle.toggled::before {
    transform: none
}

.invoice-stats-payments {
    padding: 0 12px 12px 12px
}

.booking-full-stats {
    border-collapse: collapse;
    vertical-align: middle
}

.booking-full-stats td:not(:last-child) {
    padding-right: 16px
}

.booking-full-stats td:first-child {
    border-right: 1px solid #e0e3e6
}

.booking-full-stats td:last-child {
    border-right-width: 0
}

.booking-full-stats td:nth-child(2) {
    padding-left: 16px;
    padding-right: 25px
}

@media only screen {
    .booking-full-stats td:nth-child(2) {
        font-size: 14px;
        line-height: 1.3
    }
}

@media only screen {
    .booking-full-stats .stats-number {
        font-size: 20px;
        font-weight: bold
    }
}

@media only print {
    .booking-full-stats .stats-number {
        font-size: 14px;
        font-weight: bold
    }
}

.invoice-total-label {
    padding-right: 0 !important
}

.invoice-table-wrapper {
    margin-top: 12px;
    overflow: hidden;
    border: 1px solid #d1d6db;
    border-radius: 4px
}

.invoice-table-wrapper tr:last-of-type td {
    border-bottom-width: 0
}

.table.cutoff-form {
    width: auto;
    border: 1px solid #e0e3e6;
    border-collapse: collapse;
    border-radius: 3px
}

.table.cutoff-form .cutoff-header {
    font-weight: bold
}

.table.cutoff-form .cutoff-label {
    font-weight: bold
}

.table.cutoff-form .cutoff-hours .field {
    margin-bottom: 0
}

.table.cutoff-form .cutoff-hours select {
    margin: 5px 0 0 0
}

.table.cutoff-form .bookings-number-header {
    width: 140px
}

.table.cutoff-form .party-size-header {
    width: 190px
}

.table.cutoff-form .disable-header {
    width: 190px
}

.table.cutoff-form .call-to-book-header {
    width: 175px
}

.table.cutoff-form .sold-out-text {
    max-width: 235px
}

.table.cutoff-form .thead {
    background-color: #f1f2f4
}

.table.cutoff-form .td {
    border: 1px solid #e0e3e6;
    padding: 10px 15px
}

.table.cutoff-form .td.td--auto-open-fields {
    vertical-align: top;
    border-bottom-color: white
}

.table.cutoff-form .time-preview {
    padding-top: 4px
}

.tag-columns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.tag-column {
    padding-right: 50px
}

@media only screen and (max-width: 679px) {
    .tag-column {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
}

.item-form-section-heading {
    font-weight: bold;
    font-size: 23px;
    margin-bottom: 15px
}

.item-settings-overview-header {
    min-height: 150px;
    position: relative;
    background-color: #485665;
    background-position: 50% 50%;
    background-size: cover;
    box-sizing: border-box;
    padding: 65px 30px 75px 35px;
    margin-bottom: -75px;
    border-bottom: 1px solid #ddd
}

.item-settings-overview-header::before {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.5)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%)
}

.item-settings-overview-header .item-settings-overview-content {
    position: relative;
    max-width: 780px;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75), 0 0 10px rgba(0, 0, 0, 0.5)
}

.item-settings-overview-header .item-settings-meta {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.item-settings-overview-header .item-settings-meta h1 {
    font-size: 30px;
    line-height: 1;
    flex: 1
}

.item-settings-overview-header .item-settings-meta .btn-tiny {
    text-shadow: none;
    width: auto
}

.settings-index-table {
    border-spacing: 35px;
    border-collapse: separate;
    table-layout: fixed;
    width: 100%
}

@media only screen and (min-width: 680px) {
    .settings-index-table .td {
        width: 33.33%
    }
}

.settings-index-table .td > ul > li {
    padding-bottom: 15px
}

.settings-index-table .td > ul > li > ul {
    padding-left: 20px
}

.settings-index-table .td > ul > li > ul > li {
    list-style-type: disc;
    margin-left: 10px;
    padding-top: 3px
}

.settings-index-table .td > ul a:hover b {
    text-decoration: underline
}

.settings-index-header {
    font-size: 20px;
    color: #768593;
    padding-bottom: 15px
}

@media only screen and (min-width: 680px) {
    .ar-wrap.is-simple .ar-form-full {
        display: none
    }

    .ar-wrap.is-full .ar-form-simple {
        display: none
    }
}

@media only screen and (max-width: 679px) {
    .ar-wrap .ar-form-simple {
        display: none
    }
}

.ar-wrap.is-full .ar-fields-wrap {
    border-bottom: 1px solid #afb8c0
}

@media only screen and (min-width: 680px) {
    .ar-wrap.is-full.is-tall .ar-fields-wrap {
        min-height: 270px;
        height: calc(100vh - 240px);
        height: -webkit-calc(100vh - 240px)
    }

    .ar-wrap.is-full:not(.is-tall) .ar-fields-wrap {
        height: 270px
    }
}

.ar-wrap .form-errors li {
    margin-left: 12px;
    margin-right: 12px
}

.ar-fields-wrap {
    position: relative
}

@media only screen and (max-width: 679px) {
    .ar-fields-wrap {
        border-bottom: 1px solid #afb8c0
    }
}

@media only screen and (min-width: 680px) {
    .ar-report-on {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 220px;
        border-right: 1px solid #e0e3e6;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch
    }

    .ar-report-on .ar-setup-inner {
        top: 20px
    }
}

.ar-advanced-toggle {
    position: relative;
    height: 20px;
    line-height: 20px;
    font-size: 11px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #e0e3e6
}

.ar-advanced-tall-toggle, .ar-advanced-simple-toggle {
    cursor: pointer;
    position: absolute;
    top: 0;
    bottom: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ar-advanced-tall-toggle {
    right: 0;
    width: 20px;
    background-color: #f1f2f4
}

.ar-advanced-tall-toggle:hover {
    background-color: #e7ebef
}

.ar-advanced-tall-toggle.toggled {
    background-color: #0a6ece
}

.ar-advanced-tall-toggle.toggled:after {
    background-position: -264px -347px
}

.ar-advanced-tall-toggle:after {
    content: '';
    width: 8px;
    height: 12px;
    background-position: -274px -347px;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 50%;
    margin-right: -4px
}

.ar-advanced-simple-toggle {
    right: 20px;
    left: 0;
    padding-left: 12px
}

.ar-advanced-simple-toggle:hover {
    background-color: #e7ebef
}

.ar-advanced-simple-toggle:before {
    content: '';
    display: inline-block;
    width: 9px;
    height: 9px;
    background-position: -127px -562px;
    margin-right: 2px
}

@media only screen and (min-width: 680px) {
    .ar-setup-table {
        position: absolute;
        table-layout: fixed;
        height: 100%;
        top: 0;
        right: 0;
        left: 220px;
        width: calc(100% - 220px);
        width: -webkit-calc(100% - 220px)
    }

    .ar-setup-table > .tr > .td {
        width: 200px;
        position: relative
    }

    .ar-setup-table > .tr > .td:not(:last-child) {
        border-right: 1px solid #e0e3e6
    }

    .ar-setup-inner {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch
    }
}

.report-on-range {
    padding-bottom: 5px
}

@media only screen and (max-width: 679px) {
    .report-on-range:after {
        content: '';
        display: table;
        clear: both;
        border-spacing: 0
    }

    .report-on-range .datepicker-with-dash {
        float: left
    }

    .report-on-range .datepicker {
        float: left
    }
}

.datepicker-with-dash .field {
    float: left
}

.datepicker-with-dash .datepicker-dash {
    float: left;
    padding-right: 10px;
    padding-left: 10px
}

@media only screen and (min-width: 680px) {
    .datepicker-with-dash .datepicker-dash {
        height: 32px;
        line-height: 32px
    }
}

@media only screen and (max-width: 679px) {
    .datepicker-with-dash .datepicker-dash {
        height: 32px;
        line-height: 32px
    }
}

.advanced-filter-toggle-wrap {
    padding-top: 10px;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 5px
}

.advanced-filter-toggle > .tr > .td:first-child {
    width: 10px;
    padding-right: 10px
}

.advanced-filter-toggle .giant-toggle-fluid {
    margin-bottom: 0
}

.advanced-filter-header {
    background-color: #e8ebed;
    font-weight: bold;
    padding: 4px 12px
}

.advanced-custom-field-filter-inner {
    margin: 5px 10px 10px 10px;
    border: 1px solid #ddd;
    border-radius: 5px
}

.filter-column-warning {
    background-color: #FFE7D1;
    border: 1px solid #E0C7A8;
    border-radius: 4px;
    padding: 10px;
    margin-top: 10px;
    margin-right: 10px;
    margin-left: 10px
}

.detailed-columns-warning {
    color: #768593;
    padding-top: 7px
}

.ar-selected-groups {
    padding-bottom: 0
}

.report-type-buttons {
    padding: 15px 20px;
    border-bottom: 1px solid #d1d6db
}

.ar-main-header {
    background-color: #f9fafb
}

@media only screen and (min-width: 680px) {
    .ar-main-header {
        padding: 15px 25px;
        border-bottom: 1px solid #e0e3e6
    }
}

@media only screen and (max-width: 679px) {
    .ar-main-header {
        padding: 12px
    }
}

@media only screen and (min-width: 680px) {
    .ar-main-header-buttons {
        text-align: right
    }

    .ar-main-header-buttons .tb-btn {
        float: none;
        display: inline-block
    }
}

.ar-main-header-details {
    color: #697886
}

@media only screen and (min-width: 680px) {
    .ar-main-header-details {
        padding-right: 10px
    }
}

@media only screen and (max-width: 679px) {
    .ar-main-header-details {
        display: block;
        padding-top: 3px;
        padding-bottom: 3px
    }
}

.ar-breadcrumbs {
    border-bottom: 1px solid #ccd4d8
}

@media only screen and (min-width: 680px) {
    .ar-breadcrumbs {
        padding: 10px 20px
    }
}

@media only screen and (max-width: 679px) {
    .ar-breadcrumbs {
        padding: 12px
    }
}

.ar-breadcrumbs a {
    color: #0a6ece;
    text-decoration: underline;
    display: inline-block
}

.ar-the-report .print-header {
    margin-bottom: 12px
}

@media only screen and (min-width: 680px) {
    .ar-the-report .report-wrap {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

.ar-message {
    color: #697886;
    text-align: center;
    padding-bottom: 250px;
    background: url("/Assets/images/generate-report-illustration.jpg?2983e21026b2") bottom center no-repeat;
    background-size: 273px 220px
}

.ar-message.is-running {
    background: url("/Assets/images/running-report-illustration.jpg?60cbd1b6f612") bottom center no-repeat;
    background-size: 273px 220px
}

@media only screen and (min-width: 680px) {
    .ar-message {
        padding-top: 50px;
        max-width: 350px;
        margin: 0 auto
    }
}

@media only screen and (max-width: 679px) {
    .ar-message {
        padding-top: 50px
    }
}

.ar-message h1 {
    padding-bottom: 5px;
    font-size: 25px;
    font-weight: normal
}

.ar-message h1 .spinner-ticker-css {
    vertical-align: middle;
    margin-top: -4px
}

.ar-message a {
    text-decoration: underline;
    color: #0a6ece
}

.resource-use-setup {
    width: 100%;
    margin-bottom: 12px
}

.resource-use-setup .field {
    margin-bottom: 0
}

.resource-use-setup .td:nth-child(1) {
    width: 70px
}

.resource-use-setup .td:nth-child(2) {
    width: 15px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center
}

.resource-time-setup {
    width: 100%;
    white-space: nowrap
}

.resource-time-setup .td:nth-child(1) {
    padding-right: 20px
}

.resource-time-setup-header {
    margin-bottom: 5px;
    color: #0a6ece;
    font-weight: bold
}

.resource-uses-wrap {
    padding-top: 12px
}

.price-sheet-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
    min-height: 60px;
    padding-top: 8px;
    padding-right: 15px;
    padding-bottom: 8px;
    padding-left: 15px;
    border-radius: 6px;
    border-width: 2px;
    border-style: solid;
    border-color: #afb8c0;
    background-color: #fff;
    transition: background-color 100ms ease;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.price-sheet-block[type="button"] {
    box-sizing: border-box;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-align: left;
    color: inherit;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none
}

.price-sheet-block[type="button"][disabled], .price-sheet-block.button-disabled[type="button"], .price-sheet-block.btn-disabled[type="button"], .price-sheet-block[type="button"]:disabled {
    cursor: not-allowed
}

@media only screen and (hover: hover) {
    .price-sheet-block:hover {
        background-color: #e7ebef
    }
}

.price-sheet-block.focus-visible {
    background-color: #e7ebef
}

.price-sheet-block:active {
    background-color: #e2e6e9
}

.price-sheet-block.is-selected {
    background-color: #e3f0fc
}

.price-sheet-block.focus-visible {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px #84929f, 0 0 0 4px #b8bfc4;
    box-shadow: 0 0 0 2px #b8bfc4;
    border-color: #84929f
}

.price-sheet-block[href]::after {
    content: '';
    flex: none;
    margin-left: 15px;
    width: 9px;
    height: 15px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23AFB8C0%22%20width%3D%228%22%20height%3D%2213%22%20viewBox%3D%220%200%208%2013%22%3E%0A%20%20%3Cpolygon%20points%3D%221.314%20-0.007%208.007%206.538%206.701%207.815%206.675%207.789%201.349%2013%200.018%2011.7%205.344%206.491%200.008%201.274%22%20%2F%3E%0A%3C%2Fsvg%3E");
    background-size: 9px 15px;
    background-repeat: no-repeat
}

.price-sheet-list > li {
    margin-bottom: 5px
}

.price-sheet-block-icon {
    flex: none;
    margin-right: 15px
}

.is-selected .price-sheet-block-icon {
    color: #0a6ece
}

.price-sheet-block-name {
    font-size: 15px
}

.is-selected .price-sheet-block-name {
    color: #0a6ece;
    font-weight: bold
}

.price-sheet-block-desc {
    color: #697886
}

.price-sheet-block-desc > p + p {
    margin-top: 5px
}

@media only screen and (min-width: 680px) {
    .item-options-wrap {
        padding-top: 74px
    }
}

.item-options-toggle {
    clear: both;
    padding-left: 15px;
    padding-bottom: 5px;
    position: relative
}

@media only screen and (min-width: 680px) {
    .item-options-toggle {
        width: 1065px
    }
}

@media only screen and (max-width: 679px) {
    .item-options-toggle {
        padding-right: 15px
    }
}

@media only screen and (min-width: 680px) {
    .option-sheets:before, .option-sheets:after {
        width: 452px
    }

    .option-sheets .option-sheet {
        width: 1064px
    }

    .option-sheets .option-object {
        width: 454px
    }

    .option-sheets .option-lines-overlay {
        left: 454px
    }

    .option-sheets.narrow:before, .option-sheets.narrow:after {
        width: 262px
    }

    .option-sheets.narrow .option-sheet {
        width: 874px
    }

    .option-sheets.narrow .option-object {
        width: 264px
    }

    .option-sheets.narrow .option-lines-overlay {
        left: 264px
    }
}

@media only print {
    .option-sheets:before, .option-sheets:after {
        width: 452px
    }

    .option-sheets .option-sheet {
        width: 1064px
    }

    .option-sheets .option-object {
        width: 454px
    }

    .option-sheets .option-lines-overlay {
        left: 454px
    }

    .option-sheets.narrow:before, .option-sheets.narrow:after {
        width: 262px
    }

    .option-sheets.narrow .option-sheet {
        width: 874px
    }

    .option-sheets.narrow .option-object {
        width: 264px
    }

    .option-sheets.narrow .option-lines-overlay {
        left: 264px
    }
}

.compress-option-sheets {
    padding-bottom: 19px
}

.option-sheets {
    position: relative
}

@media only screen {
    .option-sheets {
        margin-top: 15px;
        margin-bottom: 20px
    }

    .compress-option-sheets .option-sheets {
        margin-bottom: 1px
    }

    .option-sheets + .option-sheets {
        margin-top: 0
    }
}

@media only screen and (min-width: 680px) {
    .option-sheets {
        float: left;
        margin-left: 15px;
        clear: both;
        border-top: 1px solid #e0e3e6;
        border-right: 1px solid #e0e3e6
    }

    .option-sheets:before, .option-sheets:after {
        display: block;
        content: ' ';
        position: absolute;
        z-index: 2;
        top: 0;
        left: 0;
        bottom: 0;
        border-left: 1px solid #afb8c0;
        border-right: 1px solid #afb8c0;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        pointer-events: none
    }

    .option-sheets:before {
        -webkit-box-shadow: 6px 0px 4px -4px rgba(0, 0, 0, 0.14);
        box-shadow: 6px 0px 4px -4px rgba(0, 0, 0, 0.14)
    }

    .option-sheets:after {
        -webkit-box-shadow: -6px 0px 4px -4px rgba(0, 0, 0, 0.14);
        box-shadow: -6px 0px 4px -4px rgba(0, 0, 0, 0.14)
    }
}

@media only screen and (min-width: 680px) {
    .option-sheet {
        display: table;
        table-layout: fixed;
        left: 0 !important
    }
}

.option-sheet--is-reset {
    border-top: 2px dashed orange
}

.option-sheet--is-bound-to-reset {
    border-top: 2px dashed #FFDD72
}

@media only screen and (min-width: 680px) {
    .option-row-group {
        display: table-row-group
    }
}

@media only screen and (min-width: 680px) {
    .option-row {
        display: table-row
    }
}

.option-rows-colored .option-object {
    border-left-width: 7px;
    border-left-style: solid
}

.option-rows-colored > li:nth-child(odd) .option-object {
    border-left-color: #8396A2
}

.option-rows-colored > li:nth-child(even) .option-object {
    border-left-color: #e0e3e6
}

.option-object, .option-lines {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #e0e3e6
}

.option-object .warning-icon {
    position: relative;
    z-index: 4
}

@media only screen and (min-width: 680px) {
    .option-object {
        display: table-cell;
        vertical-align: top
    }
}

@media only print {
    .option-object {
        display: table-cell;
        vertical-align: top
    }
}

.option-lines {
    display: table-cell;
    vertical-align: top;
    position: relative;
    width: 610px
}

@media only screen and (max-width: 679px) {
    .option-lines {
        display: none
    }
}

@media only screen and (min-width: 680px) {
    .option-sheet-shade {
        z-index: 4;
        background: rgba(255, 255, 255, 0.78);
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        -moz-transition: opacity 200ms;
        -webkit-transition: opacity 200ms;
        transition: opacity 200ms;
        opacity: 1
    }

    .option-sheet-shade:not(.active) {
        opacity: 0;
        pointer-events: none
    }
}

.option-object-inner {
    padding-right: 15px;
    padding-left: 15px;
    transition: padding 0.2s;
    -webkit-transition: padding 0.2s
}

@media only screen {
    .option-object-inner {
        padding-top: 12px;
        padding-bottom: 12px
    }

    .option-object-inner.has-right-button {
        padding-right: 45px
    }
}

@media only print {
    .option-object-inner {
        padding-top: 6px;
        padding-bottom: 6px
    }
}

.option-object-inner.option-object-inner--custom-field {
    padding-bottom: 2px
}

@media only print {
    .option-object-inner.option-object-inner--custom-field {
        padding-left: 35px
    }
}

.label-object {
    vertical-align: middle;
    font-weight: bold
}

.label-object-inner {
    padding-right: 12px;
    padding-left: 12px
}

.option-object-sortable {
    padding-left: 42px
}

@media only screen {
    .option-objects-sortable.is-editable .option-object-inner-preview {
        padding-right: 35px
    }

    .option-objects-sortable .option-object-inner {
        padding-left: 42px
    }

    .option-objects-sortable .option-block-edit {
        left: 30px
    }
}

@media only screen {
    .header-object {
        background: #f1f2f4
    }
}

.option-object-edit-header {
    margin-bottom: 8px
}

.option-lines-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 1px;
    background: #fff;
    text-align: center
}

.option-lines-overlay-table {
    height: 100%;
    width: 100%;
    padding: 10px 70px
}

.lines-overlay-desc {
    color: #768593;
    padding-top: 7px
}

.lines-overlay-desc a {
    text-decoration: underline;
    color: #0a6ece
}

.option-inline-add-outer.is-indented .option-inline-add-button {
    padding-left: 42px
}

.option-inline-add-outer.is-indented .option-inline-add {
    margin-left: 30px
}

.option-inline-add-button {
    padding: 10px 15px;
    color: #1D875A;
    display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.option-inline-add-button:hover {
    text-decoration: underline
}

.option-inline-add-button:before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    background-position: -26px -225px;
    margin-right: 6px
}

.option-inline-add {
    position: relative;
    background: #fff;
    border: 1px solid #d1d6db;
    box-shadow: 0 4px 13px -4px rgba(0, 0, 0, 0.6);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 15px
}

.option-inline-add.no-padding {
    padding: 0
}

.option-inline-add.no-padding:after {
    border-bottom-color: #fff
}

.option-inline-add.top-margin {
    margin-top: 12px
}

.option-inline-add.arrow-right::after, .option-inline-add.arrow-right::before {
    left: 90%
}

.option-inline-add::after, .option-inline-add::before {
    bottom: 100%;
    border: solid transparent;
    content: '';
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    left: 45px
}

.option-inline-add::after {
    border-color: transparent;
    border-bottom-color: #fff;
    border-width: 11px;
    margin-left: -11px
}

.option-inline-add::before {
    border-color: transparent;
    border-bottom-color: #d1d6db;
    border-width: 12px;
    margin-left: -12px
}

.option-object-med-header {
    display: block
}

@media only screen {
    .option-object-med-header {
        font-size: 14px;
        font-weight: bold
    }

    .option-object-med-header.no-bold {
        font-weight: normal
    }
}

.option-object-tiny-header {
    font-size: 12px;
    color: #8d99a5;
    margin-bottom: 10px
}

.option-object-tiny-header.is-single-line {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.option-object-small-header {
    font-size: 12px;
    color: #768593
}

.option-object-large-header {
    font-size: 15px;
    font-weight: bold;
    color: #0a6ece
}

.option-object-add-header {
    width: 100%
}

.price-form-sheet-heading {
    position: relative;
    z-index: 1;
    background-color: #f9fafb;
    border-bottom: 1px solid #e0e3e6;
    border-top: 1px solid #e0e3e6;
    padding: 3px 12px;
    font-size: 12px;
    color: #768593
}

.price-form-repeated:first-child .price-form-sheet-heading {
    border-top: none
}

.price-form.price-form--inset {
    margin: 10px;
    border: 1px solid #e0e3e6;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    border: 3px solid #0a6ece;
    box-shadow: 0 0 6px #388BC1
}

.price-form.price-form--inset.vis-price-tax-discount-final .td.vis {
    width: 107px
}

.price-form.price-form--inset.price-tax-discount-final .td.price {
    width: 121px
}

.price-form.has-column-borders.vis-price-tax-discount-final:after, .price-form.has-column-borders.price-tax-discount-final:after, .price-form.has-column-borders.vis-price-tax-final:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}

.price-form.has-column-borders.vis-price-tax-discount-final:before, .price-form.has-column-borders.price-tax-discount-final:before, .price-form.has-column-borders.vis-price-tax-final:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}

.price-form.has-column-borders.vis-price-tax-discount-final:after {
    width: 134px;
    left: 120px;
    border-right: 1px solid #e0e3e6;
    border-left: 1px solid #e0e3e6
}

.price-form.has-column-borders.vis-price-tax-discount-final:before {
    width: 110px;
    left: 366px;
    border-right: 1px solid #e0e3e6;
    border-left: 1px solid #e0e3e6
}

.price-form.has-column-borders.price-tax-discount-final:after {
    width: 110px;
    left: 134px;
    border-right: 1px solid #e0e3e6;
    border-left: 1px solid #e0e3e6
}

.price-form.has-column-borders.price-tax-discount-final:before {
    left: 356px;
    border-left: 1px solid #e0e3e6
}

.price-form.has-column-borders.vis-price-tax-final:after {
    width: 134px;
    left: 120px;
    border-right: 1px solid #e0e3e6;
    border-left: 1px solid #e0e3e6
}

.price-form.has-column-borders.vis-price-tax-final:before {
    left: 366px;
    border-left: 1px solid #e0e3e6
}

.price-form-columns {
    display: table;
    width: 100%;
    table-layout: fixed;
    font-size: 12px
}

.price-form-columns.previewing .td.vis:not(.cloak), .price-form-columns.previewing .td.price:not(.cloak), .price-form-columns.previewing .td.taxes:not(.cloak), .price-form-columns.previewing .td.discount:not(.cloak) {
    cursor: pointer
}

.price-form-columns.previewing .td.vis:not(.cloak):hover, .price-form-columns.previewing .td.price:not(.cloak):hover, .price-form-columns.previewing .td.taxes:not(.cloak):hover, .price-form-columns.previewing .td.discount:not(.cloak):hover {
    background: #e7ebef
}

.price-form-columns.previewing .td.changed.vis:not(.cloak):hover, .price-form-columns.previewing .td.changed.price:not(.cloak):hover, .price-form-columns.previewing .td.changed.taxes:not(.cloak):hover, .price-form-columns.previewing .td.changed.discount:not(.cloak):hover {
    background-color: #baefd0
}

.price-form-columns.previewing .td.warn.vis:not(.cloak):hover, .price-form-columns.previewing .td.warn.price:not(.cloak):hover, .price-form-columns.previewing .td.warn.taxes:not(.cloak):hover, .price-form-columns.previewing .td.warn.discount:not(.cloak):hover {
    background-color: #f8d6b7
}

.price-form-columns .td {
    position: relative
}

.price-form-columns .td.changed:not(.cloak) {
    background-color: #DBF2DB
}

.price-form-columns .td.warn:not(.cloak) {
    background-color: #FAE3CE
}

.price-form-columns .td.warn:not(.cloak) .icon-hint {
    display: inline-block
}

.price-form-columns .td.vis, .price-form-columns .td.price, .price-form-columns .td.taxes, .price-form-columns .td.discount {
    border-right: 1px solid #e0e3e6
}

.price-form-columns .td.vis {
    width: 120px
}

.price-form-columns .td.price {
    width: 134px
}

.price-form-columns .td.taxes {
    width: 110px
}

.price-form-columns .td.discount {
    width: 110px
}

.totalsheet {
    background-color: #f8f0ff
}

.invoicesheet {
    background-color: #f0f8ff
}

.price-col-header {
    padding: 0 12px;
    background-color: #f9fafb;
    font-size: 13px
}

@media only screen {
    .price-col-header {
        color: #0a6ece;
        height: 38px;
        line-height: 38px
    }
}

@media only print {
    .price-col-header {
        font-weight: bold;
        height: 26px;
        line-height: 26px
    }
}

.price-cell {
    display: table;
    width: 100%;
    table-layout: fixed
}

.price-cell-inner {
    display: table-row
}

.the-price {
    display: table-cell;
    padding: 2px 12px;
    vertical-align: middle
}

@media only screen {
    .the-price {
        height: 36px
    }
}

@media only print {
    .the-price {
        height: 24px
    }
}

.the-price > .icon-hint {
    display: none
}

.price-col-inner {
    padding: 12px
}

.price-form-buttons {
    clear: both;
    background: #f1f2f4;
    padding: 10px 15px;
    position: relative;
    z-index: 10
}

.price-form-loading {
    height: 40px;
    line-height: 40px;
    color: #768593;
    padding: 0 12px
}

.field-price-line-type {
    margin-bottom: 10px
}

.field-price-line-type select {
    width: 100%
}

.field-price-modifier-type select {
    width: 100%
}

.updater-price-form-wrap {
    max-width: 500px;
    background: #fff;
    margin-top: 10px;
    border-top: 1px solid #e0e3e6;
    border-left: 1px solid #e0e3e6
}

.updater-price-form-wrap .table {
    border-bottom: 1px solid #e0e3e6
}

.updater-price-sheet-select {
    border: 2px solid #0a6ece;
    width: 100%
}

.price-inspector {
    background: #fff
}

.price-inspector .td {
    border-bottom: 1px solid #e0e3e6
}

.inspector-cell {
    display: block;
    padding: 5px 12px
}

.inspector-tr-sheet {
    background: #e8f6e6
}

.inspector-tr-item {
    background: #faf1e3
}

.inspector-tr-customerprototype {
    background: #edf2f6
}

.inspector-tr-extendedoption {
    background: #F3E9FD
}

.inspector-header {
    padding: 10px 12px;
    border-bottom: 1px solid #e0e3e6
}

.pricing-tb .pricing-tb-left {
    position: absolute;
    top: 0;
    left: 0;
    width: 462px
}

.pricing-tb .pricing-tb-left .tb-left {
    left: 8px
}

.pricing-tb.narrow .pricing-tb-left {
    width: 272px
}

.pricing-tb .pricing-tb-right {
    left: 468px;
    width: 610px
}

.pricing-tb .pricing-tb-right .tb-left {
    left: 8px
}

.pricing-tb.narrow .pricing-tb-right {
    left: 278px
}

.pricing-tb-right {
    position: absolute;
    top: 0;
    height: 37px;
    border-left: 1px solid #afb8c0
}

.sheet-nav-wrap {
    padding: 10px 20px 20px
}

.sheet-nav-header {
    padding-top: 15px;
    padding-bottom: 10px
}

.sheet-nav-wrap-inset {
    border-left: 2px solid #afb8c0;
    padding-top: 10px;
    padding-left: 15px;
    margin-top: 10px;
    margin-bottom: 10px
}

.settings-general-company-logo {
    max-width: 100%;
    max-height: 100px;
    margin-bottom: 15px
}

.field-preview, .code-edit {
    border: 1px solid #d1d6db;
    margin-bottom: 15px;
    border-radius: 5px
}

.field-preview .field-preview-inner, .code-edit .field-preview-inner {
    padding: 15px 20px 3px 20px
}

.field-preview .field-preview-header, .code-edit .field-preview-header {
    padding: 8px 20px 8px 20px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    background: #f1f2f4;
    border-bottom: 1px solid #d1d6db
}

.field-preview .form-inline-add, .code-edit .form-inline-add {
    margin-top: 20px
}

.field-preview-tb {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px
}

.custom-field-tb {
    margin-top: -5px
}

.cf-add-preview {
    padding: 10px 10px 2px 10px;
    margin: 10px 0;
    border-radius: 4px;
    border: 1px solid #e0e3e6
}

.cf-add-preview-header {
    padding-bottom: 10px
}

@media only screen and (min-width: 680px) {
    .settings-nav-fixed {
        position: fixed;
        top: 45px;
        bottom: 0;
        left: 0;
        z-index: 1011
    }

    .settings-nav-fixed.showing-secondary .settings-nav {
        border-right: 1px solid #afb8c0
    }

    .settings-nav-fixed.showing-secondary .settings-nav.is-secondary {
        box-shadow: 0px 15px 21px rgba(0, 0, 0, 0.53)
    }

    .settings-nav-fixed.toggleable.toggled, .settings-nav-fixed.showing-secondary {
        right: 0
    }

    .settings-nav-fixed.toggleable.toggled .settings-nav-shade, .settings-nav-fixed.showing-secondary .settings-nav-shade {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(255, 255, 255, 0.4)
    }

    .settings-nav-fixed.toggleable {
        display: none
    }

    .settings-nav-fixed.toggleable.toggled {
        display: block
    }

    .settings-nav-fixed.toggleable.toggled:not(.showing-secondary) .settings-nav {
        box-shadow: 0px 15px 21px rgba(0, 0, 0, 0.53)
    }

    .settings-nav, .settings-gutter-nav {
        position: absolute;
        top: 0;
        bottom: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-bottom: 20px;
        border-right: 1px solid #d1d6db;
        background-color: #fff;
        z-index: 1010
    }

    .settings-nav.is-secondary, .settings-gutter-nav.is-secondary {
        width: 245px;
        left: 229px;
        background-color: #f9fafb !important;
        z-index: 1009
    }
}

@media only screen and (max-width: 679px) {
    .settings-nav-fixed.showing-secondary .settings-nav-tb {
        display: none
    }
}

@media only screen and (min-width: 680px) {
    .settings-gutter-nav {
        width: 52px;
        padding-top: 40px;
        overflow: hidden;
        color: #768593;
        cursor: pointer
    }
}

@media only screen and (min-width: 680px) and (hover: hover) {
    .settings-gutter-nav:hover {
        background: #e7ebef
    }
}

@media only screen and (min-width: 680px) {
    .settings-gutter-nav.focus-visible {
        background: #e7ebef
    }
}

.settings-gutter-nav:before {
    transform: translateY(-1px) rotate(-90deg);
    content: '';
    display: inline-block;
    transition: transform 0.15s ease-in-out;
    border-style: solid;
    border-color: transparent;
    border-width: 8px 5px 0 5px;
    border-top-color: currentColor;
    position: absolute;
    top: 20px;
    left: 50%;
    margin-left: -3px
}

@supports (mask-type:inherit) {
    .settings-gutter-nav:before {
        width: 10px;
        height: 8px;
        background-color: currentColor;
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%207%204.88%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M.3%200C0%200-.1.2.1.44l3.1%204.26a.37.37%200%200%200%20.64%200L6.9.44C7.1.2%207%200%206.7%200z%22%2F%3E%3C%2Fsvg%3E");
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        mask-size: 10px 8px;
        border: 0
    }
}

.settings-gutter-label {
    transform: rotate(-90deg) translateX(-100%);
    transform-origin: top left;
    -webkit-transform: rotate(-90deg) translateX(-100%);
    -webkit-transform-origin: top left;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 52px;
    width: 600px;
    text-align: right;
    line-height: 50px;
    font-size: 18px
}

.settings-nav {
    background-color: #fff
}

@media only screen and (min-width: 680px) {
    .settings-nav {
        box-shadow: 0 7px 5px -1px rgba(0, 0, 0, 0.25);
        width: 230px;
        overflow-y: auto;
        overflow-x: hidden
    }

    .settings-nav:not(.is-secondary) {
        padding-top: 12px;
        padding-bottom: 35px
    }
}

@media only screen and (max-width: 679px) {
    .settings-nav {
        margin-top: 8px;
        margin-bottom: 8px
    }
}

.settings-nav.settings-nav-list a, .settings-nav .settings-nav-list a {
    position: relative;
    padding-right: 15px;
    padding-left: 20px;
    transition: background-color 100ms ease
}

@media only screen and (min-width: 680px) {
    .settings-nav.settings-nav-list a, .settings-nav .settings-nav-list a {
        padding-top: 7px;
        padding-bottom: 7px
    }
}

@media only screen and (max-width: 679px) {
    .settings-nav.settings-nav-list a, .settings-nav .settings-nav-list a {
        padding-top: 10px;
        padding-bottom: 10px
    }
}

.settings-nav.settings-nav-list a:not(.display-block), .settings-nav .settings-nav-list a:not(.display-block) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (hover: hover) {
    .settings-nav.settings-nav-list a:hover, .settings-nav .settings-nav-list a:hover {
        background-color: #e7ebef
    }
}

.settings-nav.settings-nav-list a.focus-visible, .settings-nav .settings-nav-list a.focus-visible {
    background-color: #e7ebef
}

.settings-nav.settings-nav-list a:active, .settings-nav .settings-nav-list a:active {
    background-color: #e2e6e9
}

.settings-nav.settings-nav-list a.has-secondary-nav::after, .settings-nav .settings-nav-list a.has-secondary-nav::after {
    content: '';
    flex: none;
    width: 9px;
    height: 9px;
    margin-left: auto;
    background-size: 9px 9px;
    transition: transform 100ms
}

.settings-nav.settings-nav-list svg, .settings-nav.settings-nav-list .tb-icon, .settings-nav .settings-nav-list svg, .settings-nav .settings-nav-list .tb-icon {
    position: relative;
    flex: none;
    margin-right: 6px
}

.settings-nav.settings-nav-list svg, .settings-nav .settings-nav-list svg {
    width: 16px
}

.settings-nav.settings-nav-list .icon-notification, .settings-nav .settings-nav-list .icon-notification {
    top: -1px
}

.settings-nav.settings-nav-list .icon-photos, .settings-nav .settings-nav-list .icon-photos {
    top: -1px
}

.settings-nav.settings-nav-list .tb-icon.bank, .settings-nav .settings-nav-list .tb-icon.bank {
    margin-right: 7px
}

.settings-nav.settings-nav-list .tb-icon.closed-network, .settings-nav .settings-nav-list .tb-icon.closed-network {
    margin-left: 1px;
    margin-right: 8px
}

.settings-nav.settings-nav-list .tb-icon.swap, .settings-nav .settings-nav-list .tb-icon.swap {
    margin-right: 8px
}

.settings-nav.settings-nav-list .badge, .settings-nav .settings-nav-list .badge {
    flex: none;
    margin-right: 5px;
    font-size: 0.9em
}

.settings-nav.settings-nav-list .admin-badge, .settings-nav .settings-nav-list .admin-badge {
    flex: none;
    margin-right: 5px
}

.settings-nav.settings-nav-list .settings-nav-list-note, .settings-nav .settings-nav-list .settings-nav-list-note {
    display: block;
    font-size: 12px;
    color: #697886;
    max-height: 130px;
    overflow: hidden;
    padding-bottom: 1px
}

.settings-nav.settings-nav-list a.current, .settings-nav.settings-nav-list li.current a, .settings-nav .settings-nav-list a.current, .settings-nav .settings-nav-list li.current a {
    color: #fff;
    background: #0a6ece !important
}

.settings-nav.settings-nav-list a.toggled, .settings-nav .settings-nav-list a.toggled {
    background-color: #e2e6e9
}

.settings-nav.settings-nav-list a.toggled:after, .settings-nav .settings-nav-list a.toggled:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.settings-nav.settings-nav-list a.warning::after, .settings-nav .settings-nav-list a.warning::after {
    content: '';
    width: 16px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23E67D23%22%20viewBox%3D%220%200%2016%2014%22%3E%0A%20%20%3Cpath%20d%3D%22M9%2010v2H7v-2h2zm0-6v5H7V4h2z%22%20style%3D%22visibility%3A%20hidden%3B%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M8%200c.32%200%20.62.17.77.45.39.66%206.67%2011.44%207.11%2012.23a.88.88%200%2001-.76%201.32H.9a.88.88%200%2001-.76-1.35L7.23.45A.88.88%200%20018%200zm1%2010H7v2h2v-2zm0-6H7v5h2V4z%22%2F%3E%0A%3C%2Fsvg%3E");
    background-size: 16px 14px;
    background-repeat: no-repeat;
    flex: none;
    margin-left: auto
}

.settings-nav.settings-nav-list a.warning:not(.current), .settings-nav .settings-nav-list a.warning:not(.current) {
    background: #F7E5CE
}

@media only screen and (hover: hover) {
    .settings-nav.settings-nav-list a.warning:not(.current):hover, .settings-nav .settings-nav-list a.warning:not(.current):hover {
        background: #f3d9b8
    }
}

.settings-nav.settings-nav-list a.warning.focus-visible:not(.current), .settings-nav .settings-nav-list a.warning.focus-visible:not(.current) {
    background: #f3d9b8
}

.settings-nav .settings-nav-back {
    padding: 0 0 20px 20px
}

.settings-nav-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    color: #697886
}

.settings-nav-header.has-top-padding {
    padding-top: 12px;
    margin-top: 12px;
    border-top: 1px solid #e0e3e6
}

.settings-nav-hint {
    padding: 20px
}

.settings-help-hint {
    padding-top: 8px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px
}

.settings-nav-section {
    padding-top: 20px;
    padding-bottom: 20px
}

.settings-nav-section + .settings-nav-section {
    border-top: 1px solid #d1d6db
}

.settings-nav-header-bold {
    font-size: 16px;
    padding: 0 20px 10px 20px
}

.settings-nav-mobile-close {
    padding: 15px 20px;
    border-bottom: 1px solid #d1d6db
}

@media only screen and (min-width: 680px) {
    .settings-nav-mobile-close {
        display: none !important
    }
}

.settings-nav-trailing-badge {
    margin-left: 5px
}

.current .settings-nav-trailing-badge {
    color: inherit
}

.settings-window {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.settings-window .settings-window-tabs {
    padding-top: 35px
}

.settings-window .settings-window-tabs .tabs {
    padding: 0 35px
}

@media only screen and (min-width: 680px) {
    .settings-window {
        margin-left: 230px
    }

    .settings-window.with-gutter-nav {
        margin-left: 52px
    }

    .settings-window .settings-wrap-wide {
        padding-top: 25px;
        padding-right: 35px;
        padding-bottom: 25px;
        padding-left: 35px
    }

    .settings-window .settings-wrap-wide:after {
        content: '';
        display: table;
        clear: both;
        border-spacing: 0
    }

    .settings-window .settings-wrap-narrow {
        padding-top: 25px;
        padding-right: 35px;
        padding-bottom: 25px;
        padding-left: 35px;
        max-width: 650px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .settings-window .settings-wrap-narrow:after {
        content: '';
        display: table;
        clear: both;
        border-spacing: 0
    }

    .settings-window .settings-narrow {
        max-width: 650px
    }
}

@media only screen and (min-width: 680px) {
    .settings-window .settings-wide-with-sidebar {
        padding-right: 330px
    }
}

@media only screen and (min-width: 1330px) {
    .settings-window .settings-wrap-wide:not(.dont-add-space-for-flashes) {
        padding-right: 300px
    }
}

.settings-window .settings-medium {
    max-width: 850px;
    position: relative
}

@media only screen and (max-width: 679px) {
    .settings-window .settings-medium {
        padding: 20px
    }
}

@media only screen and (max-width: 679px) {
    .settings-window {
        margin-top: 15px
    }

    .settings-window .settings-wrap-wide, .settings-window .settings-wrap-narrow {
        padding: 20px
    }
}

.settings-window-activity {
    clear: both;
    background: #f9fafb
}

.settings-window-activity .tr:last-child > .td {
    border-bottom: none
}

@media only screen and (max-width: 679px) {
    .settings-window-activity {
        border-top: 1px solid #e0e3e6
    }
}

.settings-window-activity .add-note-form {
    padding-left: 235px;
    padding-right: 40px;
    max-width: 720px
}

.settings-wrap-inner-narrow {
    max-width: 650px
}

.settings-wrap-inner-narrow:after {
    content: '';
    display: table;
    clear: both;
    border-spacing: 0
}

.notifications-table.spreadsheet th {
    background-color: #fff
}

.notifications-table.spreadsheet th, .notifications-table.spreadsheet td:nth-child(1) {
    padding: 5px 6px
}

.notifications-table.spreadsheet td:nth-child(2), .notifications-table.spreadsheet td:nth-child(3) {
    padding: 0
}

.notifications-table.hide-email-column td:nth-child(2), .notifications-table.hide-email-column th:nth-child(2) {
    display: none
}

.notifications-table .field-cb-light {
    margin-bottom: 5px
}

@media only screen and (min-width: 680px) {
    .seat-map-layout {
        position: relative;
        height: calc(100vh - 44px - 168px)
    }

    .seat-map-layout-settings {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: absolute;
        overflow-y: auto;
        top: 0;
        bottom: 0;
        left: 0;
        width: 360px;
        padding-top: 12px;
        padding-bottom: 20px;
        border-right: 2px solid #d1d6db
    }

    .seat-map-layout-settings input[type="range"] {
        max-width: 160px
    }

    .seat-map-layout-main {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 360px
    }

    .seat-map-layout-main .tb {
        position: absolute;
        top: 0;
        left: 0;
        right: 0
    }

    .seat-map-container {
        position: absolute;
        overflow: auto;
        top: 37px;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 28px;
        padding: var(--seatmap-cell-size)
    }

    .seat-map-container .seat-map-grid::after {
        content: '';
        position: absolute;
        width: 29px;
        width: calc(var(--seatmap-cell-size) - -1px);
        top: 0;
        right: 0;
        bottom: 0;
        background: #fff
    }

    .seat-map-container .seat-map-grid.show-grid {
        background-image: repeating-linear-gradient(0deg, transparent, transparent 28px, #e0e3e6 28px, #e0e3e6 29px), repeating-linear-gradient(-90deg, transparent, transparent 28px, #e0e3e6 28px, #e0e3e6 29px);
        background-size: 29px 29px
    }

    @supports (color:var(--primary)) {
        .seat-map-container .seat-map-grid.show-grid {
            background-image: repeating-linear-gradient(0deg, transparent, transparent var(--seatmap-cell-size), #e0e3e6 var(--seatmap-cell-size), #e0e3e6 calc(var(--seatmap-cell-size) - -1px)), repeating-linear-gradient(-90deg, transparent, transparent var(--seatmap-cell-size), #e0e3e6 var(--seatmap-cell-size), #e0e3e6 calc(var(--seatmap-cell-size) - -1px));
            background-size: calc(var(--seatmap-cell-size) - -1px) calc(var(--seatmap-cell-size) - -1px)
        }
    }.seat-map-container .seat-map-grid:not(.show-grid)::before {
         content: '';
         position: absolute;
         z-index: 999;
         pointer-events: none;
         top: -28px;
         right: -28px;
         bottom: -28px;
         left: -28px;
         top: calc(var(--seatmap-cell-size) * -1);
         right: calc(var(--seatmap-cell-size) * -1);
         bottom: calc(var(--seatmap-cell-size) * -1);
         left: calc(var(--seatmap-cell-size) * -1);
         border-width: 15px;
         border-width: calc(var(--seatmap-cell-size) - 13px);
         border-style: solid;
         border-color: #fff
     }

    .seat-map-container .seat-hover-indicator {
        display: none;
        position: absolute;
        width: 28px;
        height: 28px;
        width: var(--seatmap-cell-size);
        height: var(--seatmap-cell-size);
        background-color: #e7ebef
    }
}

.seating-highlight-box {
    margin: 20px 15px;
    padding: 20px 15px;
    background-color: #fff1ba
}

.seat-map-size-setting-slider {
    max-height: 40px
}

.seat-map-size-setting-seat {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: 1fr;
    -ms-grid-columns: 1fr;
    border: 1px solid #d1d6db;
    font-size: 34px
}

.seat-map-size-setting-seat .seat {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 3px
}

.translation-table {
    margin-bottom: 25px
}

.translation-table .translation-table-header {
    font-weight: bold;
    font-size: 14px
}

.translation-table tbody > tr > td {
    border-bottom-width: 1px;
    border-top-width: 0
}

.translation-table tbody > tr.tr--child-translation:not(:last-child) > td:first-child {
    border-top-width: 0;
    border-bottom-width: 0
}

@media only screen and (min-width: 680px) {
    .translation-table .td--field {
        width: 30%
    }

    .translation-table .td--language {
        width: 35%
    }
}

.overview-box--refund-reserve {
    position: relative;
    padding: 15px 25px
}

@media only screen {
    .overview-box--refund-reserve {
        background: #daf7ff;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #daf7ff), color-stop(100%, #dbfdd7));
        background: -webkit-linear-gradient(top, #daf7ff 0%, #dbfdd7 100%);
        background: -ms-linear-gradient(top, #daf7ff 0%, #dbfdd7 100%);
        background: linear-gradient(to bottom, #daf7ff 0%, #dbfdd7 100%)
    }
}

.overview-box--refund-reserve.with-border-top {
    border-top: 1px solid #C4DDE4
}

.overview-box--refund-reserve.with-border-bottom {
    border-bottom: 1px solid #C4DDE4
}

.refund-reserve-total {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #C4DDE4
}

.refund-reserve-box {
    border: 1px solid #afb8c0;
    border-radius: 5px;
    overflow: hidden
}

.refund-reserve-box.light-border {
    border-color: #C4DDE4
}

@media only screen and (min-width: 680px) {
    .refund-reserve-accounts-col {
        float: left;
        width: 456px;
        margin-right: 30px
    }
}

.refund-reserve-actions {
    position: relative;
    margin-top: 20px
}

@media only screen and (min-width: 680px) {
    .refund-reserve-actions {
        float: left;
        width: 335px
    }
}

.affiliate-form-header {
    color: #697886;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    padding: 7px 0
}

.affiliate-form-header.update-affiliate-header {
    padding-top: 0
}

.edit-form-closed {
    margin-bottom: 15px
}

.edit-form-closed a {
    color: #697886;
    text-decoration: underline
}

.form-big-inputs input[type="text"], .form-big-inputs input[type="email"], .form-big-inputs input[type="url"], .form-big-inputs input[type="password"], .form-big-inputs input[type="tel"] {
    height: 35px
}

.form-big-inputs.labels-left .label-text {
    padding-top: 3px
}

.form-inline-add {
    position: relative;
    background-color: #fff;
    box-shadow: 0 4px 13px -4px rgba(0, 0, 0, 0.6);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 25px;
    margin-top: 40px
}

.form-inline-add:after, .form-inline-add:before {
    bottom: 100%;
    border: solid transparent;
    content: '';
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    left: 45px
}

.form-inline-add:after {
    border-color: transparent;
    border-bottom-color: #fff;
    border-width: 11px;
    margin-left: -11px
}

.form-inline-wrap {
    position: relative;
    background-color: #fff;
    border: 1px solid #d1d6db;
    box-shadow: 0 4px 13px -4px rgba(0, 0, 0, 0.6);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 12px
}

.form-inline-edit {
    position: relative;
    padding: 10px
}

.form-inline-edit.no-padding {
    padding: 0
}

.form-inline-edit.has-margin {
    margin: 15px 0
}

.form-inline-edit-inner {
    padding: 10px 15px
}

.form-inline-edit-header {
    background: #fff;
    padding: 10px 15px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.form-inline-edit-header .subtitle {
    display: block;
    color: #768593;
    margin-bottom: 10px
}

@media only screen and (min-width: 680px) {
    .labels-left-content, .labels-left .hint--after-field {
        padding-left: 115px
    }

    .labels-left-content .flyout-toggle-header, .labels-left .hint--after-field .flyout-toggle-header {
        margin-left: -12px
    }
}

.labels-left-content .flyout-toggle-header, .labels-left .hint--after-field .flyout-toggle-header {
    margin-top: 5px;
    margin-bottom: 5px
}

@media only screen and (min-width: 680px) {
    .labels-left-content-table {
        display: table;
        width: 100%
    }

    .labels-left-content-table .labels-left-content-label, .labels-left-content-table .labels-left-content-value {
        display: table-cell;
        padding-bottom: 5px
    }

    .labels-left-content-table .labels-left-content-label {
        width: 100px;
        padding-right: 15px;
        text-align: right
    }
}

@media only screen and (max-width: 679px) {
    .labels-left-content-table .labels-left-content-label, .labels-left-content-table .labels-left-content-value {
        display: block;
        margin-bottom: 5px
    }
}

.labels-left-header {
    padding: 18px 0 10px 0;
    font-size: 14px;
    color: #0a6ece;
    font-weight: bold
}

.labels-left-header:first-child {
    padding-top: 0
}

.labels-left-header.force-top-padding {
    padding-top: 18px
}

.labels-left-group {
    background: #f1f2f4;
    padding: 12px;
    border: 1px solid #d1d6db;
    border-radius: 5px;
    margin-bottom: 10px
}

.labels-left-field-title {
    padding-bottom: 4px;
    padding-top: 7px;
    font-weight: bold
}

.labels-left-field-title:first-child {
    padding-top: 0
}

.labels-left .fields-indent {
    margin-left: 123px
}

.labels-left .fields-indent .label-text {
    display: none !important
}

.labels-left .form-errors {
    margin-left: 115px
}

.labels-left .hint--after-field {
    margin-top: 5px;
    margin-bottom: 5px;
    color: #697886
}

@media only screen and (min-width: 680px) {
    .labels-left .field {
        display: table;
        width: 100%;
        margin-bottom: 5px
    }

    .labels-left .field.ng-disabled label.label-text-after:hover {
        background: none;
        cursor: default
    }

    .labels-left .field label {
        display: table;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .labels-left .field label .label-text {
        display: table-cell;
        width: 100px;
        text-align: right;
        padding-right: 15px;
        vertical-align: top;
        line-height: 32px
    }

    .labels-left .field label .the-field-outer {
        display: table-cell
    }

    .labels-left .field label.label-text-after {
        margin-left: 110px;
        display: block;
        width: auto;
        padding: 3px 5px;
        border-radius: 2px;
        position: relative
    }

    .labels-left .field label.label-text-after:after {
        content: '';
        display: table;
        clear: both;
        border-spacing: 0
    }

    .labels-left .field label.label-text-after:hover {
        background: #e7ebef;
        cursor: pointer
    }

    .labels-left .field label.label-text-after .the-field {
        display: block;
        float: left;
        line-height: normal;
        margin-right: 5px
    }

    .labels-left .field label.label-text-after .label-text {
        float: left;
        display: block;
        width: calc(100% - 42px);
        text-align: left;
        line-height: normal
    }

    .labels-left .field label.label-text-after .the-field-outer {
        display: block
    }

    .labels-left .field .markdown-field-tb {
        margin-left: 115px
    }

    .labels-left .subfields {
        padding: 10px;
        background: #f1f2f4;
        border-radius: 3px;
        margin-left: 138px;
        margin-top: 5px;
        margin-bottom: 5px
    }

    .labels-left .subfields .label-text-after {
        margin-left: 0 !important
    }

    .labels-left .hint:not(.hint--after-field) {
        margin-top: -3px;
        margin-left: 115px
    }

    .labels-left .labels-left-header {
        margin-left: 115px
    }

    .labels-left .buttons, .labels-left .btns {
        padding-left: 114px;
        margin-top: 15px
    }

    .labels-left .buttons .hint, .labels-left .btns .hint {
        margin-bottom: 10px
    }

    .labels-left.labels-left-narrow .btns {
        margin-left: 0
    }

    .labels-left.labels-left-narrow .label-text-after {
        margin-left: 0 !important
    }

    .labels-left.wide label .label-text {
        width: 180px
    }

    .labels-left.wide label.label-text-after {
        margin-left: 190px
    }

    .labels-left.wide .markdown-field-tb {
        margin-left: 195px
    }

    .labels-left.wide .buttons, .labels-left.wide .btns {
        margin-left: 195px
    }
}

.labels-left-h3 {
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 12px;
    color: #0a6ece
}

.shaded-fields-group {
    padding: 10px;
    background: #e8ebed;
    border: 1px solid #afb8c0;
    border-radius: 5px;
    margin-top: 5px;
    margin-bottom: 5px
}

.labels-above .field {
    margin-bottom: 10px !important
}

.labels-above .hint {
    margin-bottom: 10px
}

.labels-above .hint--after-field {
    margin-top: 5px;
    color: #697886
}

.labels-above label .label-text {
    display: block
}

.labels-above label .label-text.is-before {
    margin-bottom: 3px
}

.labels-above .field-no-margin-bottom {
    margin-bottom: 0 !important
}

.labels-above-header {
    display: block;
    font-weight: bold;
    padding-bottom: 7px
}

.labels-above--heavy-headers .label-text {
    display: block;
    font-weight: bold;
    font-size: 14px;
    padding-bottom: 4px
}

@media only screen and (min-width: 680px) {
    .fields-grid {
        clear: both;
        max-width: 800px
    }

    .fields-grid:after {
        content: '';
        display: table;
        clear: both;
        border-spacing: 0
    }

    .fields-grid-item {
        float: left;
        width: 33%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-bottom: 10px;
        padding-right: 20px
    }

    .fields-grid-item:nth-child(3n+1) {
        clear: left
    }
}

.labels-inline .label-text {
    display: block;
    font-weight: bold;
    padding-bottom: 5px;
    font-size: 14px
}

.labels-inline .labels-inline-header {
    color: #0a6ece;
    font-size: 15px;
    padding-bottom: 10px;
    padding-top: 8px
}

.labels-inline .labels-inline-header:first-child {
    padding-top: 0
}

.disabled-message {
    display: block;
    font-size: 12px;
    color: #666
}

.form-field-cols-toggle {
    padding-bottom: 8px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e0e3e6
}

.form-field-cols {
    margin-bottom: 10px
}

.form-field-cols h2 {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 8px
}

@media only screen and (min-width: 680px) {
    .form-field-cols .td {
        padding-top: 5px;
        padding-bottom: 5px
    }

    .form-field-cols .td.has-width {
        width: 225px
    }

    .form-field-cols .td:not(:first-child) {
        padding-left: 15px
    }

    .form-field-cols .td:not(:last-child) {
        padding-right: 15px;
        border-right: 1px solid #e0e3e6
    }
}

@media only screen and (max-width: 679px) {
    .form-field-cols .td {
        padding-bottom: 15px
    }
}

@media only screen and (min-width: 680px) {
    .label-text-extra {
        display: table-cell;
        width: 100px;
        text-align: right;
        padding-right: 15px;
        vertical-align: top;
        line-height: 28px
    }
}

.fields-indent {
    border-left: 1px solid #afb8c0;
    padding-left: 12px;
    margin-bottom: 18px;
    margin-left: 6px
}

.fields-indent .fields-indent {
    margin-bottom: 8px !important
}

.fields-indent-header {
    padding-bottom: 8px;
    font-weight: bold
}

.fields-indent-header-2 {
    color: #5a6672;
    padding-bottom: 10px;
    padding-top: 10px
}

@media only screen and (min-width: 680px) {
    .booking-full .add-note-form, .activities-add-note {
        background: #f9fafb
    }
}

.activities-print-header {
    font-weight: bold;
    padding-bottom: 10px
}

.activity-meta-image {
    padding-right: 10px;
    line-height: 0
}

.activity-meta-user {
    font-size: 12px;
    margin-bottom: 2px
}

.activity-meta-user a:hover {
    color: #0a6ece;
    border-bottom: 1px solid #0a6ece
}

@media only print {
    .activity-meta-user {
        float: right;
        color: #697886
    }
}

.activity-meta-company {
    margin-bottom: 3px;
    font-size: 12px
}

@media only screen and (min-width: 680px) {
    .activities-tb {
        background-color: #fff
    }

    .activities-tb .tb-left {
        left: 22px
    }
}

.activity-meta-date {
    display: block
}

@media only screen {
    .activity-meta-date {
        font-size: 12px;
        color: #5a6672
    }
}

.activity-meta-date.is-dropdown {
    cursor: pointer
}

@media only screen {
    .activity-meta-date.is-dropdown:after {
        transform: none;
        content: '';
        display: inline-block;
        transition: transform 0.15s ease-in-out;
        border-style: solid;
        border-color: transparent;
        border-width: 5px 3.5px 0 3.5px;
        border-top-color: currentColor;
        pointer-events: none;
        vertical-align: middle;
        margin-top: -1px
    }

    @supports (mask-type:inherit) {
        .activity-meta-date.is-dropdown:after {
            width: 7px;
            height: 5px;
            background-color: currentColor;
            -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%207%204.88%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M.3%200C0%200-.1.2.1.44l3.1%204.26a.37.37%200%200%200%20.64%200L6.9.44C7.1.2%207%200%206.7%200z%22%2F%3E%3C%2Fsvg%3E");
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            mask-size: 7px 5px;
            border: 0
        }
    }
}

.activity-meta-date.is-dropdown:hover {
    color: #1f2428
}

@media only print {
    .activity-meta-date:after {
        content: ':';
        background: none
    }
}

.activity-flyout-wrap {
    position: relative
}

.activity-flyout-wrap .activity-flyout {
    top: auto;
    margin-top: 2px
}

.activity-note-content {
    padding: 8px;
    margin-top: 5px;
    max-width: 475px;
    border-radius: 4px
}

.activities {
    border-collapse: collapse;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    table-layout: fixed
}

.activities .activity-loading {
    padding: 15px 0;
    border-top: 1px solid #e0e3e6
}

.activities .activity-empty {
    border-top: 1px solid #e0e3e6;
    border-bottom: 1px solid #e0e3e6;
    padding: 10px 0 10px 40px;
    color: #697886
}

@media only screen and (max-width: 679px) {
    .activities .activity-empty {
        padding: 20px
    }
}

.activities > .tr > .td {
    border-bottom-style: solid;
    border-bottom-width: 1px
}

@media only screen {
    .activities > .tr > .td {
        border-bottom-color: #e0e3e6
    }
}

@media only print {
    .activities > .tr > .td {
        border-bottom-color: #999
    }
}

.activities > .tr > .td.activity-meta {
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (min-width: 680px) {
    .activities > .tr > .td.activity-meta {
        padding: 14px 0 14px 40px;
        width: 215px
    }
}

@media only screen and (max-width: 679px) {
    .activities > .tr > .td.activity-meta {
        padding: 10px 20px 0 20px;
        border-bottom: 0;
        width: 100%
    }
}

@media only print {
    .activities > .tr > .td.activity-meta {
        padding-left: 12px;
        padding-right: 12px;
        padding-top: 8px;
        padding-bottom: 8px;
        border-bottom: 0
    }
}

.activities > .tr > .td.activity-content {
    position: relative;
    vertical-align: middle
}

.activities > .tr > .td .activity-content-inner {
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    word-wrap: break-word;
    line-height: 1.3
}

@media only screen {
    .activities > .tr > .td .activity-content-inner {
        padding: 14px 75px 14px 20px
    }
}

@media only print {
    .activities > .tr > .td .activity-content-inner {
        padding-left: 12px;
        padding-right: 12px;
        padding-bottom: 8px
    }
}

@media only screen and (min-width: 680px) {
    .activities > .tr:first-child > .td {
        border-top: 1px solid #e0e3e6
    }
}

.activities .activity-for {
    padding-bottom: 10px
}

.activities .activity-move-note {
    padding-bottom: 10px;
    color: #768593
}

.activities .activity-note-created {
    margin-top: 8px;
    color: #697886
}

.activities .activity-diff {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    margin-top: 5px;
    padding: 8px;
    background: #e5e8eb;
    border-radius: 2px
}

.activities .activity-source {
    vertical-align: middle;
    width: 40px;
    padding: 10px 0;
    text-align: center;
    font-size: 22px;
    color: #afb8c0
}

.activities .activity-source:hover {
    color: #1f2428
}

@media only screen and (max-width: 679px) {
    .activities .activity-source {
        display: block;
        width: 100%
    }
}

@media only screen {
    .activity-content-icon {
        display: block;
        width: 24px;
        height: 24px;
        position: absolute;
        top: 50%;
        margin-top: -12px;
        right: 38px
    }
}

.activity-ava, .activity-content-shaded {
    margin-top: 5px;
    padding: 8px;
    background: #f1f2f4;
    border-radius: 4px;
    word-break: break-word
}

.activity-ava .activity-ava-breakdown, .activity-content-shaded .activity-ava-breakdown {
    margin-top: 8px
}

.activity-ava .activity-ava-breakdown li, .activity-content-shaded .activity-ava-breakdown li {
    padding-bottom: 0
}

.activity-ava-filters {
    border-left: 1px solid #BFBFBF;
    padding-left: 10px;
    margin-left: 8px;
    margin-top: 6px
}

.activity.activity-note > .td, .activity.activity-transferred-note > .td {
    background-color: #f9f4e3
}

.activity.activity-note .activity-content, .activity.activity-transferred-note .activity-content {
    color: #3C382C
}

.activity.activity-note .activity-content-icon, .activity.activity-transferred-note .activity-content-icon {
    background-position: -286px -136px
}

.activity-booked-booking > .td, .activity-imported-booking > .td, .activity-booked-order > .td {
    background-color: #dce8e1
}

.activity-booked-booking .activity-content-icon::after, .activity-imported-booking .activity-content-icon::after, .activity-booked-order .activity-content-icon::after {
    content: '';
    display: block;
    margin-top: 4px;
    margin-left: 4px;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23A0C09F%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M7%2C0a.88.88%2C0%2C0%2C1%2C.88.88V6.12h5.24a.88.88%2C0%2C1%2C1%2C0%2C1.76H7.88v5.24a.88.88%2C0%2C0%2C1-1.76%2C0V7.88H.88a.88.88%2C0%2C0%2C1%2C0-1.76H6.12V.88A.88.88%2C0%2C0%2C1%2C7%2C0Z%22%2F%3E%3C%2Fsvg%3E%0A");
    background-size: 16px 16px;
    background-repeat: no-repeat
}

.activity-booked-booking .activity-note-content, .activity-imported-booking .activity-note-content, .activity-booked-order .activity-note-content {
    background: #f5faf7
}

.activity-rebooked-booking > .td {
    background-color: #DDE9DE
}

.activity-rebooked-booking .activity-content-icon {
    background-position: -390px -210px
}

.activity-cancelled-booking > .td {
    background-color: #efdad9
}

.cancelled-booking-note {
    background: #e7c9c7
}

.activity-sent-email > .td, .activity-sent-review-express-request > .td {
    background-color: #e9eef2
}

.activity-sent-email .activity-content, .activity-sent-review-express-request .activity-content {
    color: #384652
}

.activity-sent-email .activity-sent-email-note, .activity-sent-review-express-request .activity-sent-email-note {
    background: #dce4ea
}

@media only screen {
    .activity-sent-email .activity-content-icon {
        width: 19px;
        height: 14px;
        background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23AFB8C0%22%20viewBox%3D%220%200%2018.67%2014%22%3E%3Cpath%20d%3D%22M2%2C0A2%2C2%2C0%2C0%2C0%2C0%2C2V12a2%2C2%2C0%2C0%2C0%2C2%2C2H16.63a2%2C2%2C0%2C0%2C0%2C2-2V2a2%2C2%2C0%2C0%2C0-2-2ZM16.92%2C2.42V2a.29.29%2C0%2C0%2C0-.29-.29H2A.29.29%2C0%2C0%2C0%2C1.75%2C2v.38L9.33%2C6.86Zm-15.17%2C2V12a.29.29%2C0%2C0%2C0%2C.29.29H16.63a.29.29%2C0%2C0%2C0%2C.29-.29h0V4.44L9.78%2C8.63a.89.89%2C0%2C0%2C1-.89%2C0L1.75%2C4.44Z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
        background-size: 19px 14px;
        background-repeat: no-repeat;
        margin-top: -7px
    }
}

.activity-sent-review-express-request .activity-content-icon {
    width: 28px;
    height: 20px;
    background-position: -64px -405px;
    margin-top: -10px;
    right: 25px
}

.activity-charge-disputed > .td {
    background-color: #FFE7D1
}

.activity-sms-bubble {
    position: relative;
    margin-top: 5px;
    border-radius: 5px;
    padding: 8px 12px;
    max-width: 491px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.activity-sms-bubble::after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    right: 10px;
    bottom: -8px;
    border: 4px solid
}

.activity-sms-bubble:not(.activity-sms-bubble-initial) {
    background: #22a158;
    color: #fff
}

.activity-sms-bubble:not(.activity-sms-bubble-initial)::after {
    border-color: #22a158 #22a158 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
}

.activity-sms-bubble-initial {
    background: #e8ebed;
    color: #1f2428
}

.activity-sms-bubble-initial::after {
    border-color: #e8ebed #e8ebed rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
}

.activity-sms-status {
    text-align: right;
    color: #697886;
    font-size: 11px;
    max-width: 491px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 2px;
    padding-right: 20px
}

.activities-next-page {
    border-bottom: 1px solid #e0e3e6
}

.activities-next-page:hover {
    background: #e7ebef
}

.activities-next-page:hover a {
    text-decoration: underline;
    color: #0a6ece
}

.activities-next-page:active {
    background: #e2e6e9
}

.activities-next-page .activities-next-page-loading {
    padding: 10px;
    text-align: center
}

.activities-next-page .activities-load-more {
    display: block;
    text-align: center;
    padding: 12px 0;
    color: #4c5761
}

@media only screen and (min-width: 680px) {
    .activities-add-note {
        border-top: 1px solid #e0e3e6
    }
}

.add-note-form {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.add-note-form textarea {
    width: 100%;
    height: 38px
}

@media only screen and (min-width: 680px) {
    .add-note-form textarea {
        padding-top: 10px
    }
}

.add-note-form textarea:focus {
    height: 100px
}

.add-note-form .field-required-flag {
    display: none !important
}

.add-note-form .field {
    margin-bottom: 0
}

@media only screen and (min-width: 680px) {
    .add-note-form .add-note-fields {
        padding: 12px 12px 12px 0
    }

    .add-note-form .add-note-submit {
        width: 100px;
        padding: 12px 0 12px 0
    }
}

@media only screen and (max-width: 679px) {
    .add-note-form {
        padding: 12px 0
    }
}

@media only screen and (max-width: 679px) {
    .add-note-form.ng-pristine .add-note-submit {
        display: none
    }
}

.activity-timeline {
    display: block;
    margin-top: 8px
}

.activity-timeline li {
    float: left;
    position: relative;
    background: transparent;
    border: 1px solid #404E5A;
    height: 18px;
    line-height: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 12px;
    padding-right: 4px;
    margin-top: -1px
}

.activity-timeline li .icon-hint {
    margin-left: 2px
}

.activity-timeline li:nth-child(1) {
    z-index: 5
}

.activity-timeline li:nth-child(2) {
    z-index: 4
}

.activity-timeline li:nth-child(3) {
    z-index: 3
}

.activity-timeline li:nth-child(4) {
    z-index: 2
}

.activity-timeline li:nth-child(5) {
    z-index: 1
}

.activity-timeline li:first-child {
    padding-right: 8px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.activity-timeline li:last-child {
    padding-right: 8px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.activity-timeline li:last-child:after, .activity-timeline li:last-child:before {
    display: none
}

.activity-timeline li.active {
    background: #404E5A;
    color: #fff
}

.activity-timeline li.active:before {
    border-left-color: #e8edf1
}

.activity-timeline li.active:after {
    border-left-color: #404E5A
}

.activity-timeline li.error {
    background: #c02b2b
}

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

.activity-timeline li:after {
    border-color: rgba(0, 0, 0, 0);
    border-left-color: #e8edf1;
    border-width: 8px;
    top: 50%;
    margin-top: -8px
}

.activity-timeline li:before {
    border-color: rgba(0, 0, 0, 0);
    border-left-color: #404E5A;
    border-width: 9px;
    top: 50%;
    margin-top: -9px
}

.diff .diff-added {
    background-color: #bafbba;
    border-radius: 2px
}

.diff .diff-removed {
    background-color: #febab9;
    border-radius: 2px
}

.activity-overlay-wrap {
    padding-top: 45px
}

.activity-note-count {
    display: inline-block;
    padding-left: 4px;
    padding-right: 4px;
    line-height: 13px;
    height: 13px;
    border-radius: 3px;
    color: #fff;
    background-color: #0a6ece
}

.activity-used-by {
    margin-top: 5px
}

.ava-time-and-length-container {
    padding-bottom: 10px
}

.ava-time-and-length {
    width: 225px
}

.ava-time-and-length td:first-child {
    padding-right: 10px
}

.form-week-days.has-bottom-margin {
    margin-bottom: 5px
}

.form-week-days .field.checkbox-selected label {
    background: #0a6ece !important;
    color: #fff
}

.form-week-days .field:not(.ng-disabled) label:hover {
    cursor: pointer;
    background: #e7ebef
}

.form-week-days label {
    display: block;
    text-align: center;
    padding: 5px
}

.form-week-days label .the-field {
    display: block
}

.booking-block {
    padding: 15px 15px 15px 20px !important
}

.booking-block-header {
    margin-bottom: 3px
}

.booking-block-header h2 {
    padding-right: 10px;
    font-size: 16px;
    line-height: 1.1
}

.booking-block-header .badge {
    font-size: 12px
}

.booking-block-company {
    margin-top: 7px;
    color: #697886
}

.booking-block-order {
    padding-top: 6px
}

.fh-grey .booking-block-order .tb-icon {
    opacity: 0.5
}

.booking-block-availability {
    padding-top: 8px
}

.booking-block-availability li:not(:last-child) {
    margin-bottom: 2px
}

.booking-block-meta {
    font-size: 12px
}

.booking-block-meta > :first-child {
    margin-top: 8px
}

.booking-block-affiliate {
    display: block;
    color: #4c5761
}

.booking-block-affiliate.booked-via-online, .booking-block-affiliate.booked-via-affiliate-db {
    color: #0a6ece
}

.booking-block-affiliate.booked-via-online:before, .booking-block-affiliate.booked-via-affiliate-db:before {
    content: '';
    height: 9px;
    width: 13px;
    margin-bottom: -1px
}

.booking-block-affiliate.booked-via-online:before {
    background-position: -404px -196px
}

.booking-block-affiliate.booked-via-affiliate-db:before {
    background-position: -419px -196px
}

.booked-at {
    display: block
}

.booked-at.booked-at-online {
    font-weight: bold;
    color: #0a6ece
}

.booked-at.booked-at-online .booked-online-ref {
    color: #768593
}

.booked-at .rebooked-icon {
    width: 13px;
    height: 9px;
    background-position: -348px -193px;
    vertical-align: baseline
}

.bookings-list {
    width: 100%;
    border-collapse: collapse
}

.bookings-list .bookings-list-booking {
    position: relative
}

.bookings-list .bookings-list-pk {
    color: #768593
}

@media only screen and (min-width: 680px) {
    .bookings-list .td {
        padding: 6px 2px
    }

    .bookings-list .td:first-child {
        padding-left: 10px
    }

    .bookings-list .td:last-child {
        padding-right: 10px
    }

    .bookings-list .tbody:last-child .td {
        border-bottom: 0
    }

    .bookings-list .bookings-list-booking {
        cursor: pointer
    }

    .bookings-list .bookings-list-booking:hover {
        background: #e7ebef
    }

    .bookings-list .bookings-list-booking .td {
        border-bottom: 1px solid #e0e3e6
    }

    .bookings-list .bookings-list-pk {
        width: 55px
    }

    .bookings-list .booked-at {
        margin-top: 0
    }
}

@media only screen and (max-width: 679px) {
    .bookings-list .bookings-list-booking {
        display: block;
        border-bottom: 1px solid #e0e3e6;
        padding: 15px
    }

    .bookings-list .bookings-list-booking:last-child {
        border-bottom: 0
    }

    .bookings-list .bookings-list-pk {
        padding-bottom: 5px
    }

    .bookings-list .bookings-list-breakdown {
        display: block
    }

    .bookings-list .booked-at {
        margin-top: 5px
    }

    .bookings-list .bookings-list-badge {
        position: absolute;
        top: 15px;
        right: 15px
    }

    .bookings-list .bookings-list-affiliate {
        padding-top: 5px
    }
}

.d3 .axis.y path {
    display: none
}

.d3 .axis path {
    fill: none;
    stroke: #e0e3e6;
    shape-rendering: crispEdges
}

.d3 .axis line {
    fill: none;
    stroke: #e0e3e6;
    shape-rendering: crispEdges
}

.d3 .axis text {
    fill: #768593
}

.d3 .line {
    fill: none;
    stroke: #0a6ece;
    stroke-width: 3px
}

.d3 .area {
    fill: rgba(10, 110, 206, 0.3);
    stroke-width: 0px
}

.d3 .point .coarse-point {
    fill: transparent;
    stroke: transparent;
    stroke-width: 2.5px
}

.d3 .point:hover .coarse-point {
    fill: #1788f4;
    stroke: white
}

.d3 .point .fine-point {
    fill: #0a6ece;
    stroke: white;
    stroke-width: 2.5px
}

.d3 .point:hover .fine-point {
    fill: #0a6ece
}

.d3 .title {
    font-weight: bold;
    font-size: 14px
}

.d3 .sub-title {
    fill: #768593;
    font-weight: bold;
    font-size: 12px
}

@media only screen and (min-width: 680px) {
    .db-theater {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(249, 250, 251, 0.8);
        width: 100%;
        height: 100%;
        z-index: 1012;
        overflow: auto;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch
    }

    .db-theater .db-theater-inner {
        padding-top: 25px;
        padding-bottom: 35px
    }
}

@media only screen and (max-width: 679px) {
    .db-theater.overlay-on-mobile {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(249, 250, 251, 0.8);
        width: 100%;
        height: 100%;
        z-index: 1012;
        overflow: auto;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch
    }

    .db-theater.overlay-on-mobile .db-theater-inner {
        padding-top: 25px;
        padding-bottom: 35px
    }

    .db-theater:not(.overlay-on-mobile) {
        margin: 15px 12px;
        box-shadow: 0 4px 13px -4px rgba(0, 0, 0, 0.6);
        border-radius: 4px
    }
}

@media only screen {
    .db-theater-clickback {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
}

.bookings-window-content {
    z-index: 1013;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.bookings-window-content.success {
    border-bottom: 0
}

.bookings-window-content .activities > .tr:last-child > .td {
    border-bottom: 0
}

.bookings-window-content .activities .activity-empty {
    border-bottom: 0
}

.bookings-window-content .button-close {
    top: 4px;
    right: 4px
}

.bookings-window-content .add-note-form {
    padding-left: 235px;
    padding-right: 40px
}

@media only screen and (max-width: 679px) {
    .bookings-window-content .add-note-form {
        padding: 12px 20px
    }
}

.bookings-window-content.is-alert {
    position: fixed;
    top: 50%;
    margin-top: -200px;
    border: 2px solid #f37f25;
    border-radius: 5px
}

@media only screen and (min-width: 680px) {
    .bookings-window-content.is-alert {
        padding: 30px;
        max-width: 400px;
        left: 50%;
        margin-left: -200px
    }
}

@media only screen and (max-width: 679px) {
    .bookings-window-content.is-alert {
        padding: 25px;
        margin-left: 15px;
        margin-right: 15px
    }
}

.bookings-window-content.is-alert h1 {
    color: #f37f25;
    padding-bottom: 10px;
    font-size: 21px
}

.bookings-window-content.is-alert p {
    padding-bottom: 15px;
    font-size: 14px
}

.bookings-window-content.is-alert .btns {
    padding-top: 5px
}

@media only screen and (min-width: 680px) {
    .bookings-window-content {
        max-width: 910px;
        margin: 0 auto;
        border-radius: 5px;
        background: #fff;
        box-shadow: 0 3px 20px -8px rgba(76, 87, 97, 0.8)
    }

    .bookings-window-content .ava-window-stats {
        height: 37px;
        padding-left: 25px;
        padding-right: 25px;
        border-bottom: 1px solid #d1d6db
    }

    .bookings-window-content.admin-jump-window {
        max-width: 750px;
        padding: 25px;
        border-top: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px
    }
}

@media only screen and (max-width: 679px) {
    .overlay-on-mobile .bookings-window-content {
        background-color: #fff;
        -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.35);
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.35)
    }

    .bookings-window-content .ava-window-stats {
        padding-left: 12px;
        padding-right: 12px
    }
}

.ava-window-mobile-actions {
    padding: 12px
}

.ava-window-mobile-actions .td {
    width: 50%
}

.ava-window-mobile-actions .td:first-child {
    padding-right: 4px
}

.ava-window-mobile-actions .td:last-child {
    padding-left: 4px
}

.translation-overlay {
    z-index: 1014;
    position: relative
}

@media only screen and (min-width: 680px) {
    .translation-overlay {
        max-width: 660px;
        margin: 0 auto;
        background-color: #fff;
        box-shadow: 0 3px 20px -8px rgba(76, 87, 97, 0.8);
        border-radius: 5px
    }
}

@media only screen and (max-width: 679px) {
    .translation-overlay .translation-overlay-buttons, .translation-overlay .translation-overlay-header, .translation-overlay .translation-overlay-language {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media only screen and (min-width: 680px) {
    .translation-overlay .translation-overlay-buttons, .translation-overlay .translation-overlay-header, .translation-overlay .translation-overlay-language {
        padding-left: 40px;
        padding-right: 40px
    }
}

.translation-overlay .translation-overlay-language {
    padding-top: 12px;
    padding-bottom: 10px
}

.translation-overlay .translation-overlay-language.translation-overlay-language--highlight {
    background: #fff1ba
}

.translation-overlay .translation-overlay-header {
    padding-top: 30px
}

.translation-overlay .translation-overlay-header .translation-overlay-header-title {
    font-size: 14px;
    color: #697886
}

.translation-overlay .translation-overlay-header .translation-overlay-header-field-name {
    font-size: 20px;
    margin-bottom: 15px
}

.translation-overlay .translation-overlay-sticky-field {
    background: #fff;
    border-bottom: 1px solid #d1d6db;
    box-shadow: 0 7px 5px -8px rgba(0, 0, 0, 0.25)
}

@media only screen {
    @supports (position:sticky) {
        .translation-overlay .translation-overlay-sticky-field {
            position: -webkit-sticky !important;
            position: sticky !important;
            z-index: 99;
            top: 0
        }
    }
}

.translation-overlay .translation-overlay-buttons {
    padding-top: 10px;
    padding-bottom: 20px
}

.overlay-close {
    position: absolute;
    top: 7px;
    right: 7px;
    padding: 10px;
    border-radius: 3px;
    line-height: 0;
    cursor: pointer
}

.overlay-close span {
    display: none
}

.overlay-close svg {
    width: 13px;
    height: 13px
}

@media only screen and (hover: hover) {
    .overlay-close:hover {
        background-color: #e7ebef
    }
}

.overlay-close.focus-visible {
    background-color: #e7ebef
}

.overlay-close:active {
    background-color: #e2e6e9
}

.bookings-window-container {
    padding: 20px 40px
}

.bookings-window-empty {
    color: #768593;
    padding-top: 5px;
    padding-bottom: 5px
}

.bookings-window-crew table {
    border-bottom: 1px solid #dadee2
}

.bookings-window-inset {
    padding: 15px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

@media only screen and (min-width: 680px) {
    .bookings-window-list {
        padding: 0 28px 25px 28px
    }

    .bookings-window-list .bookings-window-list-inner {
        padding-left: 11px
    }
}

@media only screen and (max-width: 679px) {
    .bookings-window-list {
        padding: 15px 20px
    }
}

.ava-window-header {
    position: relative;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

.ava-window-header.is-date-overlay {
    border-bottom: 1px solid #e0e3e6
}

@media only screen and (min-width: 680px) {
    .ava-window-header.is-date-overlay {
        padding-bottom: 10px
    }
}

.ava-window-ava {
    position: relative
}

@media only screen and (min-width: 680px) {
    .ava-window-ava {
        padding-top: 29px;
        padding-right: 25px;
        padding-bottom: 20px;
        padding-left: 40px
    }

    .ava-window-ava .ava-medium-buttons {
        position: absolute;
        top: 50%;
        right: 60px;
        margin-top: -16px
    }
}

@media only screen and (max-width: 679px) {
    .ava-window-ava {
        padding: 20px 20px 15px 20px
    }

    .ava-window-ava .ava-medium-buttons {
        padding-top: 15px
    }
}

@media only screen and (min-width: 680px) {
    .ava-window-ava .ava-window-details {
        padding-right: 175px
    }
}

.ava-window-ava .ava-window-item {
    font-size: 16px;
    padding-bottom: 6px
}

.ava-window-ava .ava-window-date {
    font-size: 22px
}

.ava-window-ava .ava-window-date .badge {
    font-size: 0.75em;
    vertical-align: middle;
    margin-top: -4px;
    margin-right: 3px
}

.ava-window-ava .ava-window-public-headline {
    margin-top: 5px;
    font-size: 14px;
    color: #697886
}

.ava-window-ava .ava-window-headline {
    margin-top: 8px;
    padding-top: 6px;
    border-top: 1px solid #e0e3e6
}

.ava-window-ava .ava-window-headline svg {
    vertical-align: middle;
    margin-top: -3px;
    height: 12px;
    width: 10px
}

.emv-details {
    width: 100%
}

.emv-details td {
    padding-top: 2px;
    border-top: 1px solid #e8ebed;
    padding-bottom: 2px;
    vertical-align: top;
    line-height: 1
}

.emv-details thead td {
    font-weight: bold;
    border-top: none
}

.emv-device-details {
    margin-top: 22px
}

.emv-device-details-list {
    margin-top: 8px
}

.emv-device-details-list li {
    margin-top: 8px
}

.popover-offset-parent {
    position: relative
}

@media only screen and (min-width: 680px) {
    .popover {
        z-index: 1008;
        position: absolute;
        max-width: 280px
    }

    .popover > .triangle {
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-style: solid;
        border-color: transparent;
        border-width: 9px
    }

    .popover.left > .triangle, .popover.right > .triangle {
        top: 10px
    }

    .popover.left > .triangle {
        border-right-color: #fff;
        left: -18px
    }

    .popover.right > .triangle {
        border-left-color: #fff;
        right: -18px
    }

    .popover.top > .triangle {
        border-bottom-color: #fff;
        top: -18px
    }

    .popover.top.arrow-left > .triangle {
        left: 12px
    }

    .popover.top.arrow-right > .triangle {
        right: 12px
    }
}

@media only screen and (max-width: 679px) {
    .popover {
        z-index: 1012;
        position: fixed;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch;
        background: rgba(240, 242, 244, 0.79)
    }
}

.popover .image-upload-preview img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 120px
}

.popover-content-wrap {
    overflow: hidden;
    border-radius: 5px;
    box-shadow: 0 4px 13px -4px rgba(0, 0, 0, 0.6);
    background: #fff
}

.popover--elevated .popover-content-wrap {
    box-shadow: 0 3px 34px rgba(0, 0, 0, 0.56)
}

@media only screen and (max-width: 679px) {
    .popover-content-wrap {
        margin: 10px
    }
}

.popover-content-wrap .spinner-ticker-css {
    margin-top: 5px;
    margin-bottom: 5px
}

@media only screen and (min-width: 680px) {
    .popover-content-wrap .spinner-ticker-css {
        margin-left: 10px
    }
}

@media only screen and (max-width: 679px) {
    .popover-content-wrap .spinner-ticker-css {
        margin-left: 20px
    }
}

.popover-menu {
    white-space: nowrap;
    margin: 5px 0
}

.popover-menu-action, .popover-menu-content {
    position: relative;
    display: block;
    padding-right: 25px
}

.popover-menu-action[type="button"], .popover-menu-content[type="button"] {
    width: 100%
}

@media only screen and (min-width: 680px) {
    .popover-menu-action, .popover-menu-content {
        padding-top: 8px;
        padding-bottom: 8px;
        padding-left: 15px
    }
}

@media only screen and (max-width: 679px) {
    .popover-menu-action, .popover-menu-content {
        height: 40px;
        line-height: 40px;
        padding-left: 20px
    }
}

@media only screen and (max-width: 679px) {
    .supported-languages-menu .popover-menu-action, .supported-languages-menu .popover-menu-content {
        height: auto;
        line-height: 20px;
        padding-top: 8px;
        padding-bottom: 8px
    }
}

.popover-menu-action .tb-icon, .popover-menu-content .tb-icon {
    vertical-align: text-top;
    margin-top: 1px;
    margin-left: 2px;
    margin-right: 6px
}

.popover-menu-action {
    cursor: pointer
}

.popover-menu-action.green {
    color: #1D875A;
    font-weight: bold
}

.popover-menu-action.green .tb-icon.plus {
    background-position: -474px -468px
}

.popover-menu-action.red {
    color: #c02b2b;
    font-weight: bold
}

.popover-menu-action:hover {
    background-color: #e7ebef
}

.popover-menu-action:hover:active {
    background-color: #e2e6e9
}

.popover-menu-action.green:hover {
    background-color: #1D875A;
    color: #fff
}

.popover-menu-action.green:hover .tb-icon.plus {
    background-position: -427px -468px
}

.popover-menu-action.popover-menu-action--flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.popover-menu-action.popover-menu-action--flex svg {
    position: relative;
    flex: none;
    width: 16px;
    margin-right: 8px
}

.popover-menu-action.popover-menu-action--flex .icon-manifest {
    height: 16px
}

.popover-menu-action.popover-menu-action--flex .icon-x {
    height: 10px
}

.popover-content {
    padding-top: 5px;
    padding-bottom: 5px
}

.popover-content:not(:last-child) {
    border-bottom: 1px solid #e0e3e6
}

@media only screen and (min-width: 680px) {
    .popover-content {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media only screen and (max-width: 679px) {
    .popover-content {
        padding-left: 20px;
        padding-right: 20px
    }
}

.popover-content.warning {
    background: #FFE7D1
}

.popover-content .cal-block {
    margin-left: 0;
    margin-right: 0
}

.popover-back {
    display: block;
    color: #0a6ece;
    cursor: pointer
}

.popover-content .popover-back:not(:last-child) {
    margin-bottom: 4px
}

.popover-back:before {
    content: '';
    display: inline-block;
    width: 9px;
    height: 9px;
    background-position: -491px -203px;
    margin-right: 5px
}

@media only screen and (min-width: 680px) {
    .popover-scrollable {
        max-height: 250px;
        overflow-y: auto
    }
}

.popover-language-translation {
    display: block;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis
}

@media only screen and (min-width: 680px) {
    .supported-lanuages-popover {
        width: 280px
    }
}

.supported-lanuages-popover.top.arrow-left > .triangle {
    left: 6px
}

.supported-lanuages-popover.top.arrow-right > .triangle {
    right: 6px
}

@media only print {
    .presence-small-eye {
        display: none !important
    }
}

.presence-small-eye.active {
    width: 14px;
    height: 9px;
    background-position: -432px -527px
}

.presence-small-editing.active {
    display: block;
    float: left;
    position: relative;
    width: 11px;
    height: 10px;
    margin-top: 1px;
    margin-right: 3px;
    background-position: -432px -515px
}

.presence-small-editing.active:before {
    content: ' ';
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background-color: #00CE23;
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@media only screen and (min-width: 680px) {
    .tb-flyout-availability-status {
        min-width: 360px !important
    }
}

.status-options li {
    cursor: pointer;
    border-top: 1px solid #e0e3e6;
    position: relative
}

@media only screen and (min-width: 680px) {
    .status-options li {
        padding: 10px 18px
    }
}

@media only screen and (max-width: 679px) {
    .status-options li {
        padding: 12px 18px 12px 18px
    }
}

.status-options li:hover {
    background: #e7ebef
}

.status-options li.selected {
    background: #0a6ece;
    color: #fff
}

.status-options li.selected .status-hint {
    color: #e8ebed
}

.status-options li.selected .tb-icon.phone {
    background-position: -14px -468px
}

.status-options li.selected .tb-icon.lock {
    background-position: -28px -468px
}

.status-options .status-hint {
    color: #768593
}

@media only screen and (min-width: 680px) {
    .status-options .status-hint {
        white-space: nowrap
    }
}

.status-options h2 {
    padding-bottom: 2px
}

.ava-status-header {
    padding: 12px 18px
}

@media only screen and (min-width: 680px) {
    .ava-status-header {
        background: #f1f2f4
    }
}

.ava-status-unlisted {
    padding-left: 8px;
    color: #5a6672
}

.ava-status-unlisted label {
    cursor: pointer
}

.ava-status-unlisted .the-field {
    display: inline-block
}

.ava-status-header-online {
    color: #0a6ece
}

.ava-status-header-table {
    width: 100%
}

.unlisted-ava-url {
    margin-top: 4px
}

.rule-form {
    border: 1px solid #afb8c0;
    box-shadow: 0 4px 13px -4px rgba(0, 0, 0, 0.6);
    border-radius: 4px
}

.rule-form form {
    position: relative
}

.rule-form-buttons {
    clear: both;
    border-top: 1px solid #d1d6db;
    padding-top: 10px;
    padding-bottom: 10px
}

.rule-form-buttons .rule-form-help-link {
    display: inline-block
}

@media only screen and (min-width: 680px) {
    .rule-form-buttons {
        padding-right: 20px
    }

    .rule-form-buttons.with-sidebar {
        padding-left: 150px
    }

    .rule-form-buttons:not(.with-sidebar) {
        padding-left: 20px
    }

    .rule-form-buttons .rule-form-help-link {
        margin-left: 10px
    }
}

@media only screen and (max-width: 679px) {
    .rule-form-buttons {
        padding-right: 10px;
        padding-left: 10px
    }

    .rule-form-buttons .rule-form-help-link {
        margin-top: 10px
    }
}

.rule-form-loading {
    height: 250px;
    overflow: hidden
}

.rule-form-wrap {
    padding: 0 0 20px 0
}

.rule-form-header {
    position: relative;
    border-bottom: 1px solid #d1d6db;
    padding: 10px 15px;
    background-color: #f1f2f4;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

.rule-form-header.has-toggle {
    padding-left: 55px
}

.rule-form-toggle {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    width: 40px;
    border-right: 1px solid #d1d6db
}

.rule-form-toggle .ar-advanced-tall-toggle {
    width: 40px;
    border-top-left-radius: 3px
}

.rule-form-title, .rule-form-date-picker {
    display: inline-block;
    font-size: 15px;
    line-height: 26px;
    vertical-align: top
}

.rule-form-title {
    color: #768593
}

.rule-form-date-picker {
    position: relative;
    overflow: hidden;
    padding-right: 12px;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-left: 2px
}

.rule-form-date-picker span {
    pointer-events: none
}

@media only screen {
    .rule-form-date-picker:hover {
        text-decoration: underline
    }

    .rule-form-date-picker:after {
        transform: none;
        content: '';
        display: inline-block;
        transition: transform 0.15s ease-in-out;
        border-style: solid;
        border-color: transparent;
        border-width: 5px 3.5px 0 3.5px;
        border-top-color: currentColor;
        position: absolute;
        top: 50%;
        margin-top: -2px;
        right: 0;
        pointer-events: none
    }

    @supports (mask-type:inherit) {
        .rule-form-date-picker:after {
            width: 7px;
            height: 5px;
            background-color: currentColor;
            -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%207%204.88%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M.3%200C0%200-.1.2.1.44l3.1%204.26a.37.37%200%200%200%20.64%200L6.9.44C7.1.2%207%200%206.7%200z%22%2F%3E%3C%2Fsvg%3E");
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            mask-size: 7px 5px;
            border: 0
        }
    }
}

.rule-form-period + .rule-form-period {
    border-top: 1px solid #ddd;
    padding-top: 8px
}

.rule-form-period .time-preview {
    display: block;
    padding-bottom: 6px
}

.rule-form-period .period-remove {
    color: #c02b2b;
    text-decoration: underline;
    padding-bottom: 10px
}

@media only screen and (min-width: 680px) {
    .rule-form-customer-types {
        max-width: 750px;
        border-bottom: 1px solid #e0e3e6
    }
}

.rule-form-customer-type {
    width: 100%;
    border-top: 1px solid #e0e3e6
}

@media only screen and (min-width: 680px) {
    .rule-form-customer-type .customer-type-capacity {
        visibility: hidden
    }
}

@media only screen and (max-width: 679px) {
    .rule-form-customer-type .customer-type-capacity {
        display: none
    }
}

.rule-form-customer-type.is-selected {
    background-color: #fff9c6
}

.rule-form-customer-type.is-selected .customer-type-select {
    background: #fff9c6
}

@media only screen and (min-width: 680px) {
    .rule-form-customer-type.is-selected .customer-type-capacity {
        visibility: visible
    }
}

@media only screen and (max-width: 679px) {
    .rule-form-customer-type.is-selected .customer-type-capacity {
        display: block
    }
}

.rule-form-customer-type .field {
    margin-bottom: 0
}

@media only screen and (min-width: 680px) {
    .rule-form-customer-type .field-capacity {
        float: right
    }

    .rule-form-customer-type .td {
        padding-top: 3px;
        padding-bottom: 3px
    }

    .rule-form-customer-type.is-selected .customer-type-preview:hover {
        background-color: #fff5a1
    }

    .rule-form-customer-type:not(.is-selected) .customer-type-preview:hover {
        background-color: #e7ebef
    }

    .rule-form-customer-type .td.customer-type-preview {
        padding-right: 12px;
        padding-left: 12px;
        cursor: pointer;
        padding-top: 8px;
        padding-bottom: 8px
    }

    .rule-form-customer-type .td.customer-type-capacity {
        width: 200px;
        padding-right: 5px;
        padding-left: 5px
    }
}

@media only screen and (max-width: 679px) {
    .rule-form-customer-type {
        margin-bottom: 4px;
        border-radius: 4px;
        padding: 12px
    }
}

.rule-form-customer-types-header {
    max-width: 750px
}

.rule-form-customer-types-header .rule-form-customer-types-left {
    float: left
}

.rule-form-customer-types-header .rule-form-customer-types-right {
    float: right
}

.print-header {
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    overflow: hidden
}

.print-header.with-margin {
    margin-bottom: 15px
}

.print-header .print-header-date {
    float: left
}

.print-header.is-big {
    font-size: 14px
}

.print-header .print-header-generated {
    font-size: 11px;
    color: #999;
    float: right
}

.print-h3 {
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #0a6ece;
    font-size: 12px;
    padding-bottom: 4px
}

@media only screen {
    .print-h3 {
        display: none
    }
}

.crew-flyout-note {
    color: #768593
}

@media only screen and (min-width: 680px) {
    .manage-roles-link {
        position: absolute;
        bottom: 12px;
        right: 12px
    }
}

@media only screen and (max-width: 679px) {
    .manage-roles-link {
        margin-top: 10px
    }
}

.manage-roles-link a {
    color: #768593;
    text-decoration: underline
}

.crew-flyout-email-note {
    color: #404549;
    margin-bottom: 5px
}

.crew-flyout-email-note:before {
    content: ' ';
    display: inline-block;
    width: 15px;
    height: 10px;
    background-position: -466px -277px
}

.shortcuts {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    z-index: 100000;
    overflow: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.shortcuts .shortcuts-inner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.shortcuts-content {
    position: relative;
    max-width: 525px;
    margin: 25px auto;
    background: #fff;
    box-shadow: 0 4px 13px -4px rgba(0, 0, 0, 0.6)
}

@media only screen and (min-width: 680px) {
    .shortcuts-content {
        padding-top: 15px
    }
}

@media only screen and (max-width: 679px) {
    .shortcuts-content {
        padding-top: 40px
    }
}

.admin-shortcuts {
    border-bottom: 2px solid #d1d6db;
    padding: 15px 20px
}

.admin-shortcuts.admin-shortcuts--first {
    padding-top: 0
}

.admin-shortcuts.is-flagged {
    background-color: #FFE7D1
}

.company-admin-notes {
    margin-bottom: 15px
}

.shortcuts-header {
    clear: both;
    font-size: 20px;
    padding: 5px 20px 0
}

.shortcuts-description {
    padding: 15px 20px 12px
}

.sc-key {
    font-family: Monaco, monospace;
    color: #0a6ece
}

.sc-button {
    display: inline-block;
    height: 18px;
    line-height: 18px;
    padding: 0 10px;
    border: 1px solid #d1d6db;
    border-radius: 4px;
    font-family: Monaco, monospace;
    font-size: 12px;
    color: #0a6ece
}

.shortcuts-list td {
    padding: 2px 5px
}

.shortcuts-list td:first-child {
    padding-left: 20px
}

.shortcuts-list td:last-child {
    padding-right: 20px
}

.shortcuts-list td:nth-child(2) {
    white-space: nowrap
}

.shortcuts-list tbody tr:last-child td {
    padding-bottom: 15px
}

@media only screen {
    .boca-ticket-wrap {
        margin-top: 15px;
        background: #f6f7f8;
        border: 1px solid #ccd0d8;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.18)
    }
}

.boca-ticket {
    overflow: hidden
}

.boca-ticket * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen {
    .boca-ticket {
        -webkit-transform: rotate(90deg) translateY(-100%);
        -moz-transform: rotate(90deg) translateY(-100%);
        -ms-transform: rotate(90deg) translateY(-100%);
        -o-transform: rotate(90deg) translateY(-100%);
        transform: rotate(90deg) translateY(-100%);
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        -ms-transform-origin: top left;
        -o-transform-origin: top left;
        transform-origin: top left
    }
}

@media only print {
    .boca-ticket {
        position: relative;
        page-break-after: always;
        page-break-inside: avoid;
        -webkit-region-break-inside: avoid
    }
}

.boca-ticket-inner {
    position: relative;
    width: 100%;
    height: 100%
}

.boca-ticket--is-rotated .boca-ticket-inner {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.boca-main {
    position: absolute;
    overflow: hidden;
    text-align: center
}

.boca-stub {
    position: absolute;
    top: 0;
    bottom: 0;
    overflow: hidden
}

.boca-stub.boca-stub-leading {
    right: 0
}

.boca-stub.boca-stub-trailing {
    left: 0
}

.boca-header-large {
    font-weight: bold;
    font-size: 20px
}

.boca-header-med {
    font-size: 15px
}

.boca-section {
    padding-bottom: 10px
}

.boca-qr img, .boca-qr canvas {
    display: block;
    width: 100%;
    height: auto
}

.boca-main-content-wrapper {
    height: 100%
}

.boca-main-content {
    vertical-align: middle
}

.boca-main-text {
    vertical-align: middle
}

.boca-fine-print {
    padding-top: 3px;
    vertical-align: bottom;
    text-align: center;
    height: 10px
}

.boca-stub-inner {
    overflow: hidden;
    -webkit-transform: rotate(-90deg) translateX(-100%);
    -moz-transform: rotate(-90deg) translateX(-100%);
    -ms-transform: rotate(-90deg) translateX(-100%);
    -o-transform: rotate(-90deg) translateX(-100%);
    transform: rotate(-90deg) translateX(-100%);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left
}

@media only screen {
    .boca-stub-leading .boca-stub-inner {
        border-top: 1px dotted #909396
    }

    .boca-stub-trailing .boca-stub-inner {
        border-bottom: 1px dotted #909396
    }
}

.boca-stub-inner .td {
    padding-top: .03in;
    padding-bottom: .03in
}

.boca-ticket-small-text, .boca-ticket .physical-address {
    font-size: 10px;
    color: #768593
}

.boca-ticket--receipt .boca-receipt-company-info {
    -webkit-transform: rotate(-90deg) translateX(-100%);
    -moz-transform: rotate(-90deg) translateX(-100%);
    -ms-transform: rotate(-90deg) translateX(-100%);
    -o-transform: rotate(-90deg) translateX(-100%);
    transform: rotate(-90deg) translateX(-100%);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
    height: 0.8in;
    position: absolute;
    top: 0;
    left: 0;
    text-align: left
}

.boca-ticket--receipt .boca-receipt-summary-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: left
}

.boca-ticket--receipt .boca-receipt-summary-container.boca-receipt-summary-container--with-company-info {
    padding-left: 0.8in
}

.boca-ticket--receipt .boca-receipt-summary-container .boca-receipt-summary {
    -webkit-box-flex: 3;
    -webkit-flex-grow: 3;
    -ms-flex-positive: 3;
    flex-grow: 3
}

.boca-ticket--receipt .boca-receipt-summary-container .boca-receipt-summary .boca-receipt-charges {
    width: 100%
}

.boca-ticket--receipt .boca-receipt-summary-container .boca-receipt-emv-details {
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    padding-left: 1em;
    font-size: 10px
}

.boca-ticket--receipt .print-receipt-signature, .boca-ticket--receipt .print-receipt-text {
    margin-top: 0;
    font-size: 10px
}

.boca-ticket--receipt .print-receipt-signature-line {
    padding-top: 0
}

.live-capacity-loading {
    padding: 10px
}

.capacity-table {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px
}

.capacity-table .ava-is-empty {
    color: #697886
}

.capacity-table.shade-second-col .tr .td:nth-child(2) {
    background-color: #f1f2f4
}

.capacity-table.shade-second-col .tr.bookable .td:nth-child(2) {
    background-color: #c2f1d6
}

.capacity-table.shade-second-col .tr.not-bookable .td:nth-child(2) {
    background-color: #f0cfcf
}

.capacity-table a.tr:hover .td:first-child {
    color: #0a6ece;
    text-decoration: underline
}

.capacity-table.small .capacity-table-ct-name {
    display: block;
    max-width: 160px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.capacity-table.small .tbody .tr .td {
    padding-top: 3px;
    padding-bottom: 3px
}

.capacity-table.small .tbody .tr:first-child .td {
    padding-top: 5px
}

.capacity-table.small .tbody .tr:last-child .td {
    padding-bottom: 5px
}

.capacity-table.small .tbody .tr .td:first-child {
    padding-left: 15px;
    padding-right: 5px
}

.capacity-table.small .tbody .tr .td:nth-child(2) {
    padding-right: 5px
}

.capacity-table.small .tbody .tr .td:last-child {
    padding-right: 15px
}

.capacity-table.large .td {
    padding-left: 7px;
    padding-right: 7px
}

.capacity-table.large .td:first-child {
    padding-left: 20px;
    padding-right: 7px
}

.capacity-table.large .td:last-child {
    padding-right: 20px
}

.capacity-table.large .tbody .tr:first-child .td {
    padding-top: 8px
}

.capacity-table.large .tbody .tr:last-child .td {
    padding-bottom: 8px
}

.capacity-table.large .tbody .tr .td {
    padding-top: 2px;
    padding-bottom: 2px
}

.capacity-table-header .td {
    padding-top: 8px;
    padding-bottom: 4px
}

.capacity-overview .tr .td {
    background-color: #f1f2f4
}

.capacity-overview .tr.bookable .td {
    background-color: #d3f5e1
}

.capacity-overview .tr.not-bookable .td {
    background-color: #f5dfdf
}

.changedue-table {
    margin-top: 2px
}

.changedue-table tr.with-padding td {
    padding-top: 4px;
    padding-bottom: 4px
}

.changedue-table td {
    vertical-align: middle
}

.changedue-table td:first-child {
    padding-right: 10px
}

.changedue-table td:nth-child(2) {
    text-align: right
}

.changedue-table .field {
    margin-bottom: 0;
    line-height: 0
}

.in-store-payment-note {
    margin-top: 7px
}

.seating-tool {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    border: 1px solid #e0e3e6
}

@media only screen and (min-width: 680px) {
    .seating-tool {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: 37px 1fr;
        -ms-grid-columns: 1fr 300px;
        grid-template-rows:37px auto;
        grid-template-columns:auto 300px;
        height: 350px;
        margin-bottom: 12px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        transition: height 0.25s ease-in-out
    }

    .seating-tool.is-expanded {
        height: calc(100vh - 240px)
    }

    .booking-full-seating .seating-tool {
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        box-shadow: 0 0 3px #e0e3e6
    }
}

@media only screen and (min-width: 680px) and (max-height: 590px) {
    .seating-tool.is-expanded {
        height: 100%
    }
}

@media only screen and (max-width: 679px) {
    .seating-tool {
        margin: 12px 0;
        border-radius: 5px
    }
}

.seating-tool-tb {
    border-bottom: 1px solid #e0e3e6
}

@media only screen and (min-width: 680px) {
    .booking-full-seating .seating-tool-tb {
        -ms-grid-column-span: 2;
        grid-column: 1 / 3
    }
}

@media only screen and (min-width: 679px) and (max-width: 920px) {
    .seating-tool-tb {
        -ms-grid-column-span: 2;
        grid-column: 1 / 3
    }
}

.seating-tool-tb .tb-group {
    border-color: #e0e3e6
}

.seating-tool-maps {
    overflow: auto;
    background-color: #f1f2f4
}

@media only screen and (min-width: 680px) {
    .seating-tool-maps {
        padding: 6px 20px 0
    }

    .seating-tool .seating-tool-maps {
        -ms-grid-row: 2
    }
}

@media only screen and (max-width: 679px) {
    .seating-tool-maps {
        max-height: 300px;
        padding: 5px 12px 0
    }

    .is-expanded .seating-tool-maps {
        max-height: 100%
    }
}

.seating-tool-maps .flyout-toggle-header {
    padding-left: 0;
    background-color: transparent !important
}

.seating-tool-maps.is-loading {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0
}

.is-auto-assigning .seating-tool-maps {
    opacity: .5
}

.seating-tool-actions {
    overflow-y: auto
}

@media only screen and (min-width: 680px) {
    .seating-tool-actions {
        -ms-grid-row-span: 2;
        -ms-grid-column: 2;
        grid-row: 1 / 3;
        grid-column: 2;
        border-left: 2px solid #e0e3e6
    }

    .booking-full-seating .seating-tool-actions {
        -ms-grid-row: 2;
        grid-row: 2 / 3
    }
}

@media only screen and (min-width: 679px) and (max-width: 920px) {
    .seating-tool-actions {
        -ms-grid-row: 2;
        grid-row: 2 / 3
    }
}

@media only screen and (max-width: 679px) {
    .seating-tool-actions {
        max-height: 248px;
        border-top: 1px solid #d1d6db
    }
}

.seating-tool-actions .action-window {
    padding: 6px 12px 0
}

.seating-tool-actions .buttons-list {
    padding-bottom: 10px
}

.seating-tool-booking {
    position: relative
}

.seating-tool-booking .invoice-table:not(.seated) .is-editable p::after {
    width: 16px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23E67D23%22%20viewBox%3D%220%200%2016%2014%22%3E%0A%20%20%3Cpath%20d%3D%22M9%2010v2H7v-2h2zm0-6v5H7V4h2z%22%20style%3D%22visibility%3A%20hidden%3B%22%20%2F%3E%0A%20%20%3Cpath%20d%3D%22M8%200c.32%200%20.62.17.77.45.39.66%206.67%2011.44%207.11%2012.23a.88.88%200%2001-.76%201.32H.9a.88.88%200%2001-.76-1.35L7.23.45A.88.88%200%20018%200zm1%2010H7v2h2v-2zm0-6H7v5h2V4z%22%2F%3E%0A%3C%2Fsvg%3E");
    background-size: 16px 14px;
    background-repeat: no-repeat;
    content: '';
    display: inline-block;
    vertical-align: top
}

.seating-tool-booking .invoice-table--editing {
    box-shadow: 0 0 0 3px #0a6ece inset;
    border-radius: 4px
}

.seating-tool-booking-details {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 6px
}

.seating-tool-booking-details .seating-tool-booking-details-link {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 10px 10px 10px 18px;
    border-radius: 4px
}

@media only screen and (hover: hover) {
    .seating-tool-booking-details .seating-tool-booking-details-link:hover {
        background-color: #e7ebef
    }
}

.seating-tool-booking-details .seating-tool-booking-details-link.focus-visible {
    background-color: #e7ebef
}

.seating-tool-booking-details .seating-tool-booking-details-link.focus-visible {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px #84929f, 0 0 0 4px #b8bfc4;
    box-shadow: inset 0 0 0 2px #b8bfc4, inset 0 0 0 3px #84929f, inset 0 0 0 4px #fff
}

.seating-tool-booking-details .pane-close {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 34px;
    height: 34px;
    border-radius: 4px;
    opacity: 0.7
}

@media only screen and (hover: hover) {
    .seating-tool-booking-details .pane-close:hover {
        opacity: 1;
        background-color: #e7ebef
    }
}

.seating-tool-booking-details .pane-close.focus-visible {
    opacity: 1;
    background-color: #e7ebef
}

.seating-tool-booking-details .pane-close.focus-visible {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px #84929f, 0 0 0 4px #b8bfc4;
    box-shadow: 0 0 0 2px #b8bfc4;
    border-color: #84929f
}

.seating-tool-booking-details .icon-warning {
    vertical-align: top
}

.seating-tool-booking-customers {
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 10px
}

.seating-tool-booking-actions {
    margin-right: 6px;
    margin-left: 6px;
    padding-top: 10px;
    border-top: 1px solid #e0e3e6
}

.booking-full-overlay .seating-tool-booking-actions {
    border-top: 0
}

@media only screen and (min-width: 680px) and (min-height: 740px) {
    .manifest-block.with-seating-open:not(.with-seating-expanded) .table-wrap {
        overflow-y: auto;
        max-height: calc(100vh - 610px);
        padding-bottom: 10px
    }

    .manifest-block.with-seating-open:not(.with-seating-expanded) .sticky-headers--manifest > thead > tr > th {
        top: 0
    }
}

@media only screen {
    body.manifest-section {
        background: #fff !important
    }
}

@media only screen and (min-width: 680px) {
    body.manifest-section {
        padding-top: 125px
    }

    .manifest-main {
        padding-bottom: 15px
    }
}

@media only screen and (min-width: 680px) {
    .manifest-nav-wrap {
        position: fixed;
        top: 45px;
        left: 0;
        right: 0;
        z-index: 1009;
        background-color: #fff
    }
}

.manifest-nav {
    position: relative
}

@media only screen and (min-width: 680px) {
    .manifest-nav {
        border-bottom: 1px solid #e0e3e6;
        height: 42px;
        margin-left: 20px
    }

    .manifest-nav .tb-flyout {
        top: 35px
    }
}

@media only screen and (min-width: 680px) {
    .manifest-nav .manifest-nav-flyout-wrap {
        position: relative;
        float: left;
        padding-right: 35px;
        height: 42px
    }

    .manifest-nav .manifest-nav-flyout-wrap.is-fixed {
        max-width: calc(100% - 600px);
        max-width: -webkit-calc(100% - 600px)
    }

    .manifest-nav .manifest-nav-flyout-wrap:not(:last-child):after {
        content: '';
        position: absolute;
        top: 50%;
        margin-top: -6px;
        right: 10px;
        height: 12px;
        width: 11px;
        pointer-events: none;
        transform: rotate(180deg);
        background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23AFB8C0%22%20viewBox%3D%220%200%2015.55%2014.14%22%3E%3Cpath%20d%3D%22M1.41%2C8.49l5.66%2C5.65%2C1.42-1.41L3.83%2C8.07H14.57l1-1-1-1H3.83L8.49%2C1.41%2C7.07%2C0%2C1.41%2C5.66%2C0%2C7.07Z%22%2F%3E%3C%2Fsvg%3E");
        background-size: 12px 11px;
        background-repeat: no-repeat
    }
}

@media only screen and (max-width: 679px) {
    .manifest-nav .manifest-nav-flyout-wrap:not(:last-child) {
        border-bottom: 1px solid #e0e3e6
    }
}

.manifest-nav .manifest-nav-item {
    position: relative;
    cursor: pointer;
    font-size: 14px
}

@media only screen and (min-width: 680px) {
    .manifest-nav .manifest-nav-item {
        line-height: 42px;
        padding-right: 12px;
        height: 34px;
        max-width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .manifest-nav .manifest-nav-item:hover {
        text-decoration: underline
    }
}

@media only screen and (max-width: 679px) {
    .manifest-nav .manifest-nav-item {
        width: 100%;
        padding-top: 12px;
        padding-right: 22px;
        padding-bottom: 12px;
        padding-left: 20px
    }

    .manifest-nav .manifest-nav-item:active {
        background-color: #e2e6e9
    }
}

.manifest-nav .manifest-nav-item.is-big {
    font-size: 15px;
    font-weight: bold
}

.manifest-nav .manifest-nav-item::after {
    position: absolute;
    pointer-events: none;
    top: 50%;
    margin-top: -2px
}

@media only screen and (min-width: 680px) {
    .manifest-nav .manifest-nav-item::after {
        transform: none;
        content: '';
        display: inline-block;
        transition: transform 0.15s ease-in-out;
        border-style: solid;
        border-color: transparent;
        border-width: 5px 3.5px 0 3.5px;
        border-top-color: currentColor;
        right: 0;
        margin-top: 2px
    }

    @supports (mask-type:inherit) {
        .manifest-nav .manifest-nav-item::after {
            width: 7px;
            height: 5px;
            background-color: currentColor;
            -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%207%204.88%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M.3%200C0%200-.1.2.1.44l3.1%204.26a.37.37%200%200%200%20.64%200L6.9.44C7.1.2%207%200%206.7%200z%22%2F%3E%3C%2Fsvg%3E");
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            mask-size: 7px 5px;
            border: 0
        }
    }
}

@media only screen and (max-width: 679px) {
    .manifest-nav .manifest-nav-item::after {
        transform: translateY(-1px) rotate(-90deg);
        content: '';
        display: inline-block;
        transition: transform 0.15s ease-in-out;
        border-style: solid;
        border-color: transparent;
        border-width: 6px 4px 0 4px;
        border-top-color: currentColor;
        right: 20px
    }

    @supports (mask-type:inherit) {
        .manifest-nav .manifest-nav-item::after {
            width: 8px;
            height: 6px;
            background-color: currentColor;
            -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%207%204.88%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M.3%200C0%200-.1.2.1.44l3.1%204.26a.37.37%200%200%200%20.64%200L6.9.44C7.1.2%207%200%206.7%200z%22%2F%3E%3C%2Fsvg%3E");
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            mask-size: 8px 6px;
            border: 0
        }
    }
}

@media only screen and (max-width: 679px) {
    .manifest-nav .manifest-nav-item.toggled::after {
        transform: none
    }
}

@media only screen and (max-width: 679px) {
    .manifest-nav-title {
        background-color: #f9fafb;
        border: 1px solid #e0e3e6;
        margin-left: 12px;
        margin-right: 12px;
        border-radius: 5px
    }
}

@media only screen and (min-width: 680px) {
    .manifest-nav-ng-data .ng-data-spinner {
        padding: 12px 8px 0
    }
}

@media only screen and (max-width: 679px) {
    .manifest-nav-ng-data .ng-data-spinner {
        padding: 12px 20px
    }
}

.manifest-nav-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-right: 12px
}

@media only screen and (min-width: 680px) {
    .manifest-nav-buttons {
        position: absolute;
        top: 0;
        right: 0;
        height: 42px
    }
}

@media only screen and (max-width: 679px) {
    .manifest-nav-buttons {
        height: 44px;
        padding-left: 11px;
        margin-top: 4px;
        margin-bottom: 4px;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.manifest-nav-prev, .manifest-nav-today, .manifest-nav-next, .manifest-nav-more, .manifest-nav-scan {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 1px;
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 3px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

@media only screen and (hover: hover) {
    .manifest-nav-prev:hover, .manifest-nav-today:hover, .manifest-nav-next:hover, .manifest-nav-more:hover, .manifest-nav-scan:hover {
        background-color: #e7ebef
    }
}

.manifest-nav-prev.focus-visible, .manifest-nav-today.focus-visible, .manifest-nav-next.focus-visible, .manifest-nav-more.focus-visible, .manifest-nav-scan.focus-visible {
    background-color: #e7ebef
}

.manifest-nav-prev:active, .manifest-nav-prev.toggled, .manifest-nav-today:active, .manifest-nav-today.toggled, .manifest-nav-next:active, .manifest-nav-next.toggled, .manifest-nav-more:active, .manifest-nav-more.toggled, .manifest-nav-scan:active, .manifest-nav-scan.toggled {
    background-color: #e2e6e9
}

.manifest-nav-today {
    border: 1px solid #e0e3e6;
    margin-right: 5px
}

.manifest-nav-scan {
    margin-right: auto
}

@media only screen and (min-width: 680px) {
    .manifest-nav-scan {
        margin-right: 10px
    }
}

@media only screen and (max-width: 679px) {
    .manifest-nav-scan {
        padding-left: 10px;
        padding-right: 10px
    }
}

.manifest-nav-scan .tb-icon {
    flex: none
}

.manifest-nav-more:not(.has-scanning-button) {
    margin-right: auto
}

.manifest-nav-more.has-scanning-button {
    padding-left: 10px;
    padding-right: 10px
}

.manifest-nav-more .icon-hamburger {
    margin-right: 8px
}

.manifest-nav-more::after {
    margin-left: 5px;
    transform: none;
    content: '';
    display: inline-block;
    transition: transform 0.15s ease-in-out;
    border-style: solid;
    border-color: transparent;
    border-width: 5px 3.5px 0 3.5px;
    border-top-color: currentColor
}

@supports (mask-type:inherit) {
    .manifest-nav-more::after {
        width: 7px;
        height: 5px;
        background-color: currentColor;
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%207%204.88%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M.3%200C0%200-.1.2.1.44l3.1%204.26a.37.37%200%200%200%20.64%200L6.9.44C7.1.2%207%200%206.7%200z%22%2F%3E%3C%2Fsvg%3E");
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        mask-size: 7px 5px;
        border: 0
    }
}

.columns-flyout-cf-toggle {
    padding: 10px 15px 0 15px
}

.columns-flyout-cf-toggle a, .columns-flyout-cf-toggle button {
    text-decoration: underline;
    color: #697886
}

.columns-flyout-cf-toggle button {
    cursor: pointer
}

@media only screen and (min-width: 680px) {
    .manifest-ava-tb {
        height: 37px
    }
}

@media only screen and (max-width: 679px) {
    .manifest-ava-tb {
        padding-right: 12px;
        padding-bottom: 12px;
        padding-left: 12px
    }

    .manifest-ava-tb .tb {
        background-color: rgba(255, 255, 255, 0.8)
    }
}

.manifest-content-loading {
    padding: 20px
}

@media only screen {
    .manifest-block {
        margin: 12px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

.manifest-block .manifest-block-title {
    font-weight: bold
}

.manifest-block .manifest-block-title .badge {
    margin-right: 3px
}

@media only screen {
    .manifest-block .manifest-block-title {
        font-size: 20px
    }
}

@media only print {
    .manifest-block .manifest-block-title {
        font-size: 16px
    }
}

@media only screen and (min-width: 680px) {
    .manifest-header {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border: 1px solid #e0e3e6;
        border-bottom: 0
    }

    .manifest-header .tb-group {
        border-right-color: rgba(0, 0, 0, 0.15)
    }
}

@media only screen and (max-width: 679px) {
    .manifest-header {
        margin-bottom: 8px;
        border-radius: 5px
    }
}

.manifest-header.manifest-header--has-toggle .manifest-header-toggle {
    position: absolute;
    width: 50px;
    top: 0;
    left: 0;
    bottom: 0;
    border-right: 1px solid rgba(0, 0, 0, 0.1)
}

.manifest-header.manifest-header--has-toggle .manifest-header-toggle:after {
    content: '';
    position: absolute;
    transform: translateY(-1px) rotate(-90deg);
    content: '';
    display: inline-block;
    transition: transform 0.15s ease-in-out;
    border-style: solid;
    border-color: transparent;
    border-width: 8px 5px 0 5px;
    border-top-color: #768593;
    top: 50%;
    margin-top: -3px;
    left: 50%;
    margin-left: -3px
}

@supports (mask-type:inherit) {
    .manifest-header.manifest-header--has-toggle .manifest-header-toggle:after {
        width: 10px;
        height: 8px;
        background-color: #768593;
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%207%204.88%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M.3%200C0%200-.1.2.1.44l3.1%204.26a.37.37%200%200%200%20.64%200L6.9.44C7.1.2%207%200%206.7%200z%22%2F%3E%3C%2Fsvg%3E");
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        mask-size: 10px 8px;
        border: 0
    }
}

.manifest-header.manifest-header--has-toggle .manifest-header-toggle.toggled:after {
    transform: none
}

.manifest-header-main {
    position: relative
}

@media only screen and (min-width: 680px) {
    .manifest-header-main {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding-top: 10px;
        padding-right: 10px;
        padding-bottom: 5px;
        padding-left: 19px
    }
}

@media only print {
    .manifest-header-main {
        padding: 8px 0 5px 0
    }
}

.manifest-header-main .manifest-header-public-headline {
    margin-top: 3px;
    opacity: 0.8
}

@media only screen {
    .manifest-header-main .manifest-header-headline {
        margin-top: 8px;
        padding-top: 6px;
        border-top: 1px solid #d1d6db
    }
}

@media only print {
    .manifest-header-main .manifest-header-headline {
        margin: 10px 0
    }
}

.manifest-header-content {
    position: relative
}

@media only screen and (min-width: 680px) {
    .manifest-header-content {
        padding-right: 15px
    }
}

@media only screen and (max-width: 679px) {
    .manifest-header-content {
        padding: 12px
    }

    .manifest-header--has-toggle .manifest-header-content {
        padding-left: 65px
    }
}

@media only screen and (min-width: 680px) {
    .manifest-ava-buttons {
        margin-left: auto;
        text-align: right
    }
}

@media only screen and (max-width: 679px) {
    .manifest-ava-buttons {
        padding: 12px;
        border-top: 1px solid rgba(0, 0, 0, 0.1)
    }
}

.manifest-group-name {
    padding: 15px 15px 10px 15px !important
}

.manifest-cell-phone-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.manifest-cell-phone-link:after {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -7px;
    right: 27px;
    width: 12px;
    height: 14px;
    background-position: -269px -543px
}

.form-manifest-edit #id_note {
    min-width: 200px;
    height: 75px
}

.mobile-manifest-booking {
    border: 1px solid #d1d6db;
    border-radius: 5px;
    margin: 8px 0
}

.mobile-manifest-booking > tbody > .invoice-table--row:last-child td {
    border-bottom: 0
}

@media only screen and (min-width: 680px) {
    .manifest-empty-message, .manifest-manual-load {
        padding: 10px 8px;
        border-top: 1px solid #e0e3e6
    }
}

@media only screen and (max-width: 679px) {
    .manifest-empty-message, .manifest-manual-load {
        padding: 10px 12px
    }
}

.mobile-manifest-booking-header {
    padding-right: 50px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important
}

.mobile-manifest-booking-header:after {
    content: "\00BB";
    display: block;
    font-size: 36px;
    padding: 0 25px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -23px;
    height: 36px;
    line-height: 40px;
    color: #697886
}

.mobile-manifest-booking-header:active {
    background-color: #e2e6e9
}

.mobile-manifest-pk {
    color: #556f8c;
    padding-bottom: 8px
}

.mobile-manifest-contact-name {
    font-size: 15px
}

.scanning-status {
    font-size: 14px
}

.scanning-status.green {
    color: #1D875A
}

.scanning-status.red {
    color: #B2362C
}

.scanning-status h2 {
    font-size: 17px;
    font-weight: bold
}

.scanning-buttons {
    padding-top: 12px
}

@media only screen and (min-width: 680px) {
    .manifest-booking-has-note ul.manifest-payment-notes li:first-child {
        margin-top: 5px
    }
}

.manifest-payments-empty {
    color: #768593;
    display: none
}

@media only screen and (max-width: 679px) {
    .manifest-payments-empty:only-child {
        display: block
    }
}

@media only screen and (max-width: 679px) {
    .handhelds-make-blocks-inline div {
        display: inline
    }

    .mobile-manifest-booking .manifest-payment-notes:empty {
        color: #768593
    }

    .mobile-manifest-booking .manifest-payment-notes:empty:before {
        content: 'No shown payments'
    }

    .manifest-crew table {
        margin-bottom: 8px !important
    }
}

.manifest-broken-out .manifest-booking-row .manifest-cf:empty:before {
    content: '\00a0'
}

.manifest-nowrap .manifest-booking-row {
    white-space: nowrap
}

.manifest-customer-cards {
    padding-bottom: 5px
}

@media only screen {
    .manifest-customer-cards {
        background: #e8ebed
    }
}

.manifest-customer-cards .manifest-customer-card {
    padding: 5px 0 0 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.manifest-customer-cards .manifest-customer-card:nth-child(3n) {
    padding-right: 5px
}

@media only screen and (min-width: 680px) {
    .manifest-customer-cards .manifest-customer-card {
        float: left;
        width: 33.33%
    }

    .manifest-customer-cards .manifest-customer-card:nth-child(3n+4) {
        clear: both
    }
}

@media only print {
    .manifest-customer-cards .manifest-customer-card {
        float: left;
        width: 33.33%
    }

    .manifest-customer-cards .manifest-customer-card:nth-child(4n) {
        clear: both
    }
}

.manifest-customer-cards .manifest-customer-card .manifest-customer-card-inner {
    border-radius: 5px;
    border-bottom: 0;
    background: #fff
}

.manifest-customer-cards tr.invoice-table-row:last-child > td {
    border-bottom: 0 !important
}

.manifest-customer-cards tr.invoice-table-row > td {
    padding-top: 2px;
    padding-bottom: 2px
}

.manifest-checkin-select:focus-within {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px #84929f, 0 0 0 4px #b8bfc4
}

.manifest-checkin-select select {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    opacity: 0;
    border-radius: 0
}

.book-online-cta {
    position: relative;
    background-color: #f6fbff;
    font-size: 14px;
    margin: -35px -35px 0;
    border-bottom: 1px solid #d8ecff;
}

.opciones {
    font-size: 1.15rem;
}

.tour-sidebar__featured, .tour-sidebar__organizer {
    padding: 35px;
}

.fechas, .horas {
    margin-top: 25px;
}

.book-form-totals {
    margin: 25px -35px;
}

.totalAlign {
    text-align: right;
    margin-right: 35px;
}

.fechas > .lead {
    font-size: 1.25rem;
    font-weight: 400;
    margin-top: 10px;
    background: #ecf4fb;
    padding: 10px 15px;
    border-radius: 4px;
}

.tour-list {
    padding-top: 50px;
    padding-bottom: 50px;
}

.sobredimensionado {
    min-height: 175px;
    font-size: 36px !important;
}

@media only screen and (max-width: 680px) {
    .sobredimensionado {
        min-height: 100%;
        font-size: 16px !important;
    }

    .tour-sidebar__featured, .tour-sidebar__organizer {
        padding: 0px;
        border: none;
    }

    .totalAlign {
        text-align: right;
        margin-right: 0px;
    }

    .nopadbad {
        padding-left: 10px;
        padding-right: 10px
    }

    .book-online-cta {
        margin: 0;
    }

    .book-form-totals {
        margin: 25px 0;
    }

    .tour-sidebar {
        background: none;
    }

    .book-embed-footer {
        margin-top: 0;
        padding-bottom: 45px
    }

    .book-embed-footer-left {
        float: left;
    }

    .book-embed-footer-right {
        float: right;
    }

    .tour-list {
        padding-top: 35px;
        padding-bottom: 40px;
    }
}

.fc .fc-button-primary {
    color: #fff;
    background-color: #0d70ce;
    background-color: #0d70ce;
    border-color: #0d70ce;
    border-color: #1866b1;
}

.page-header h2, .tour-sidebar__featured h3, .tour-sidebar__organizer h3 {
    color: #0d70ce;
    font-weight: bold;
    font-family: var(--thm-base);
}

.nopadbado {
    padding: 0px;
    text-align: center
}

.custom-select {
    font-size: 1.5rem;
}

.text-input__loading {
    min-height: 214px;
    border: 1px solid lightgrey;
    border-radius: 4px;
    width: 100%;
}

.text-input__loading--line {
    height: 10px;
    margin: 10px;
    -webkit-animation: pulse 1s infinite ease-in-out;
    animation: pulse 1s infinite ease-in-out;
}

.text-input__loading div:nth-child(1) {
    width: 55%;
}

.text-input__loading div:nth-child(20) {
    width: 65%
}

.text-input__loading div:nth-child(19) {
    width: 40%
}

.text-input__loading div:nth-child(5) {
    width: 70%;
}

.text-input__loading div:nth-child(9), .text-input__loading div:nth-child(13) {
    width: 65%;
}

.text-input__loading div:nth-child(2), .text-input__loading div:nth-child(12) {
    width: 70%;
}

.text-input__loading div:nth-child(6), .text-input__loading div:nth-child(11) {
    width: 85%;
}

.text-input__loading div:nth-child(10), .text-input__loading div:nth-child(16) {
    width: 80%;
}

.text-input__loading div:nth-child(3), .text-input__loading div:nth-child(17) {
    width: 20%;
}

.text-input__loading div:nth-child(7), .text-input__loading div:nth-child(18) {
    width: 15%;
}

.text-input__loading div:nth-child(4), .text-input__loading div:nth-child(15) {
    width: 40%;
}

.text-input__loading div:nth-child(8), .text-input__loading div:nth-child(14) {
    width: 35%;
}

@-webkit-keyframes pulse {
    0% {
        background-color: rgba(165, 165, 165, 0.1);
    }
    50% {
        background-color: rgba(165, 165, 165, 0.3);
    }
    100% {
        background-color: rgba(165, 165, 165, 0.1);
    }
}

@keyframes pulse {
    0% {
        background-color: rgba(165, 165, 165, 0.1);
    }
    50% {
        background-color: rgba(165, 165, 165, 0.3);
    }
    100% {
        background-color: rgba(165, 165, 165, 0.1);
    }
}

.block-title p {
    color: #0d70ce;
}

.destinations-three__link {
    background-color: #adf3de;
}

.secure-badge svg {
    height: 14px;
    margin-right: 4px;
    margin-bottom: 3px;
}

.book-form-totals2 {
    margin: 25px -50px;
    padding: 35px 35px 25px;
}

.secure-badge {
    padding-right: 14px;
    padding-left: 14px;
    border: 1px solid rgba(29, 135, 90, 0.25);
    border-radius: 50px;
    background-color: #d9f2e1;
    color: #007025;
    text-align: center;
    font-size: 14px;
    max-width: 320px;
    line-height: 2rem;
}

.tramoSeleccionado {
    font-size: 2rem;
}

button.btn.btn-underline {
    text-align: left
}

button.btn.btn-underline:before {
    content: "";
    position: relative;
    background: url("/Assets/images/delete.png") no-repeat;
    width: 16px;
    height: 16px;
    left: -3px;
    display: inline-block;
    top: 2px;
}

.pagoIncorrecto p {
    font-size: 1.25rem;
    line-height: 2rem;
}

.mensajeError {
    padding: 15px;
    background: #fff7f8;
    border-radius: 4px;
    margin: 15px;
    color: #e04c31;
    border: solid 1px;
}

input.form-control {
    font-family: var(--thm-font);
    font-size: 1.25rem;
    padding: 20px 10px 25px;
}

.centrado {
    align-items: center;
    justify-content: center;
}