/* Minification failed. Returning unminified contents.
(1618,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1619,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1620,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1621,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1625,36): run-time error CSS1039: Token not allowed after unary operator: '-ticketwizard-steps-backgroundcolor'
(1626,25): run-time error CSS1039: Token not allowed after unary operator: '-ticketwizard-steps-color'
(1645,45): run-time error CSS1039: Token not allowed after unary operator: '-ticketwizard-steps-current-backgroundcolor'
(1654,45): run-time error CSS1039: Token not allowed after unary operator: '-ticketwizard-steps-backgroundcolor'
(1673,40): run-time error CSS1039: Token not allowed after unary operator: '-ticketwizard-steps-current-backgroundcolor'
(1674,29): run-time error CSS1039: Token not allowed after unary operator: '-ticketwizard-steps-current-color'
(1678,45): run-time error CSS1039: Token not allowed after unary operator: '-ticketwizard-steps-current-backgroundcolor'
(1679,33): run-time error CSS1039: Token not allowed after unary operator: '-ticketwizard-steps-current-color'
(1683,32): run-time error CSS1039: Token not allowed after unary operator: '-ticketwizard-steps-backgroundcolor'
(2789,25): run-time error CSS1030: Expected identifier, found '.'
(2789,41): run-time error CSS1031: Expected selector, found ')'
(2789,41): run-time error CSS1025: Expected comma or open brace, found ')'
 */
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type='number'] {
    text-align: center;
    -moz-appearance: textfield;
}

.input-number-button {
    min-width: 27px;
    width: fit-content;
    background: white;
    color: black;
    border: 1px solid #dee2e6;
    font-size: large;
}

.input-number-button-left {
    border-radius: 4px 0 0 4px;
}

.input-number-button-right {
    border-radius: 0 4px 4px 0;
}

.input-number-container {
    display: flex;
}

.tooltip.bottom {
    background-image: none;
}

.tooltip-inner {
    max-width: 150px;
    height: auto;
    word-break: break-word;
    white-space: break-spaces;
}

.ticketWizardCalendarContainer .daterangepicker {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    float: left;
    width: 100%;
    text-align: center;
}

    .ticketWizardCalendarContainer .daterangepicker:before,
    .ticketWizardCalendarContainer .daterangepicker:after {
        display: none;
    }

.ticketwizard-container {
    margin-top: 2rem;
    margin-bottom: 2rem;
    letter-spacing: 0.4px;
}


    .ticketwizard-container .panel {
        border: 0;
    }

    .ticketwizard-container .ticketwizard-result-panel {
        border: 1px solid #ddd;
        border-bottom: 0;
    }

    .ticketwizard-container a.navigation-anchor {
        display: block;
        position: relative;
        top: -50px;
        visibility: hidden;
    }

    .ticketwizard-container .personcategory-holder table tr td.alignTdMiddle {
        text-align: center;
        vertical-align: middle;
    }

    .ticketwizard-container .filter-section-holder {
        width: 100%;
    }

    .ticketwizard-container .calendar-holder {
        height: 350px;
    }

    .ticketwizard-container .controls-holder {
        text-align: right;
    }

    .ticketwizard-container .results-holder {
        border-radius: 4px;
        margin-bottom: 20px;
    }

        .ticketwizard-container .results-holder .row {
            margin: 0;
        }

    .ticketwizard-container .ticketgroup-holder {
        padding: 1rem;
        margin-top: 1rem;
    }

    .ticketwizard-container.sticky {
        margin-top: 90px;
    }

.personcategory-holder {
    overflow: hidden;
    border: 0;
}

.details-container {
    padding: 0;
    margin-top: 15px;
}

.offer-label {
    float: right;
    color: white;
    border-radius: 4px;
    text-align: center;
    padding: 4px;
    font-size: 18px;
}

@media (min-width: 992px) {

    .offer-label {
        margin-right: 10px;
        float: left;
    }

    .offer-container {
        margin-top: auto;
        margin-bottom: auto;
    }

    .details-container {
        padding: 0;
        margin-top: 0;
        padding-left: 15px;
    }
}

.header-glyph-icon {
    color: #646464;
    float: right;
    transition: all 0.5s;
    margin: 8px 10px 10px 5px;
}

a[aria-expanded="true"] .header-glyph-icon {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

#ticketwizard-add-to-cart {
    float: right;
    width: 100%;
    text-align: center;
    padding: 20px;
    margin-bottom: 20px;
    background-color: #337ab7;
    border-radius: 0px 0px 4px 4px;
    font: normal normal bold 20px/20px Calibri, sans-serif;
    color: #FFFFFF;
    opacity: 1;
}

    #ticketwizard-add-to-cart:hover {
        background-color: #286090;
        cursor: pointer;
    }

#moreOptionsToggle {
    margin-top: 90px;
}

.additional-information-section {
    background: #f5f5f5;
    color: #4b5053;
    border-top: solid 1px #dddddd;
    border-bottom: solid 1px #dddddd;
    padding: 15px;
}

#additional-information-title {
    color: #8c8c8c;
    font-weight: bold;
}

.ticketwizard-header-container .offer-time {
    color: #8c8c8c;
    white-space: nowrap;
    width: 80px;
    text-align: center;
}

.offer-type {
    width: 100%;
    display: inline-block;
    text-align: left;
    font: normal normal bold 20px/25px Calibri, sans-serif;
    color: #333333;
    opacity: 1;
}

.ticketwizard-details-body .price-total {
    padding: 15px;
    padding-right: 26px;
    margin-right: 15px;
    font-weight: bold;
}

.price-per-ticket {
    padding: 35px;
}

.ticketwizard-result-panel {
    background-color: white !important;
}

    .ticketwizard-result-panel a {
        text-decoration: none !important;
        word-break: break-word;
    }

.ticketwizard-header-container {
    width: auto;
    color: #000000;
}

    .ticketwizard-header-container .ticket-group-details {
        color: #646464;
    }

.additional-information-section, .price-per-ticket {
    padding-right: 26px;
}

.ticketwizard-details-body .vertical-separator {
    border-top: solid 2px #ddd;
    margin: 15px 40px 15px 15px;
}

.value {
    float: right;
}

.offer-price {
    float: right;
}

.ticket-amount {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
    font: normal normal normal 18px/30px Calibri, sans-serif;
    color: #72737B;
    opacity: 1;
    bottom: 5px;
    position: relative;
}

.ticket-group-details {
    overflow: auto;
}

.combined-price {
    white-space: nowrap;
    vertical-align: top;
    float: right;
    text-align: left;
    font: normal normal normal 20px/35px Calibri, sans-serif;
    color: #333333;
    opacity: 1;
    margin-right: 20px;
    margin-left: 10px;
}

.combined-price-lite {
    margin-right: 0px;
}

.combined-time {
    display: inline-block;
    width: auto;
}

.line {
    height: 2px;
    width: 40px;
    background-color: #bbb;
    float: left;
    margin: 14px 0;
    padding: 0;
}

/* Lines between ticket and it's price' */

.price-detail {
    display: flex;
    max-width: 100%;
    clear: both;
    margin-bottom: 3px;
}

    .price-detail:last-child {
        margin-bottom: 0;
    }

.left {
    float: left;
    display: inline-flex;
    width: 100%;
    white-space: nowrap;
}

.right {
    float: right;
    display: inline-table;
    width: auto;
    white-space: nowrap;
}

.left-amount, .right-per-ticket {
    font-size: 18px;
    color: #337ab7;
}

.left::after {
    width: 100%;
    margin-left: 10px;
}

.calendar-header-box {
    font-size: large;
    font-weight: bold;
    color: #646464;
}

.ticketWizardCalendarContainer .dropdown-menu {
    box-shadow: none;
}

#ticketwizard-search {
    margin-top: -15px !important;
    margin-bottom: 50px;
    width: 100%;
}

.panel-categories {
    padding: 0;
    border: none;
    background: none;
    background-color: white;
    box-shadow: none;
}

.personl-category-title, .personal-category-button, .personcategory-name {
    font-size: large;
    font-weight: bold;
    color: #646464;
}

.category-title, .ticketwizard-results-header {
    font: normal normal bold 26px/38px Calibri, sans-serif;
    color: #333333;
    opacity: 1;
}

#handicap-category-button {
   color: black;
}

.category-handicap-heading {
    border-bottom: 1px solid #d7d7d7;
}

.category-heading {
    text-decoration: none;
}

    .category-heading a:hover {
        text-decoration: none;
    }

    .category-heading a:link {
        text-decoration: none;
    }

    .category-heading a:before {
        font-family: 'Glyphicons Halflings', sans-serif;
        content: "\e114";
        float: right;
        transition: all 0.5s;
    }

    .category-heading a[aria-expanded="true"]:before {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        transform: rotate(180deg);
    }

.table-categories {
    border-collapse: separate;
    border-spacing: 0 18px;
    text-align: left;
}

.table > tbody > tr.table-categories-row > td {
    border-top: none;
    color: #646464;
    border-collapse: separate;
    border-spacing: 0 20px;
}

.ticketwizard-eventdescription-holder {
    margin: 15px 0 15px 0;
}

.ticketwizard-container .low-capacity-pill {
    text-align: center;
    background-color: #ffa500;
    font-size: 8px;
    padding: 3px;
    border-radius: 4px;
    color: #fff;
    font-weight: bold;
    vertical-align: middle;
    margin-left: 3px;
}

.offer-section {
    padding: 25px;
    border-bottom: 1px solid #f0f0f0;
    min-height: 112px;
}

    .offer-section .offer-header {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        padding-left: 10px;
    }

.offer-header {
    position: relative;
    top: 2px;
}

.offer-price-accompanying, .offer-header-accompanying {
    position: relative;
    top: 17px;
}

.offer-description {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-left: 10px;
    position: relative;
    top: 2px;
}

.offer-with-accompanying-person, .offer-for-accompanying-person {
    min-height: 80px;
}

.offer-with-accompanying-person {
    border-bottom: 0;
    padding-bottom: 0;
}

.offer-for-accompanying-person {
    padding-bottom: 18px;
}

.ticketwizard-details-body {
    border-top: 1px solid #f0f0f0;
    background-color: #f4f6f9;
}

    .ticketwizard-details-body .details-section {
        margin-bottom: 10px;
    }

        .ticketwizard-details-body .details-section:last-child {
            margin-bottom: 0;
        }

        .ticketwizard-details-body .details-section .price-detail-header {
            font-weight: bold;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }

.accordion-toggle {
    border-top: 1px solid #d7d7d7;
}

.carousel {
    margin-bottom: 50px;
    width: 100%;
}

.carousel-wrapper {
    overflow: hidden;
    position: relative;
    background: #f5f6fb;
    border: solid 1px #ddd;
    border-top: 0;
    border-radius: 0 0 4px 4px;
    padding-top: 15px;
}

.carousel-block {
    float: left;
    width: 100%;
    overflow: hidden;
    background: #f5f6fb;
}

.owl-nav-wrapper {
    text-align: center;
    margin-top: 10px;
}

.owl-prev, .owl-next {
    display: inline-block;
    cursor: pointer;
    font-size: 28px;
    vertical-align: middle;
    z-index: 2;
    position: absolute;
    top: 36px;
    border: none;
    background-color: transparent;
}

.owl-prev {
    margin-left: 10px;
    left: 0;
}

.owl-next {
    margin-right: 10px;
    right: 0;
}

.owl-dots {
    text-align: center;
    padding: 15px;
}

.owl-dots button.owl-dot {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    display: inline-block;
    background: #CACACA;
    margin: 0 3px;
}

.owl-dots button.owl-dot.active {
    background-color: #333333;
}

.owl-nav-wrapper .disabled {
    color: #d3d3d3;
}

.owl-nav-header {
    display: inline-block;
    font: normal normal bold 16px/28px Calibri, sans-serif;
    margin: 0 20px;
    height: 28px;
}

.block-spacer {
    margin-top: 42px;
}

.carousel-price-label {
    font: normal normal normal 20px/32px Calibri, sans-serif;
    display: inline
}

/* Custom Radio Button START*/
.radio-button-box {
    border: solid 1px #ddd;
    border-radius: 4px;
    background: white;
    display: block;
    margin: 10px;
    color: #707070;
    height: 40px;
    cursor: pointer;
}

.carousel-header {
    color: #707070;
    text-align: center;
}

.carousel-header-text {
    margin-bottom: 3px;
    font: normal normal bold 18px/28px Calibri, sans-serif;
}


/* Custom Radio Button END*/

.timeslot-time {
    font: normal normal normal 18px/28px Calibri, sans-serif;
    margin-left: 4px;
    cursor: pointer;
}

.timeslot-time-seperator {
    color: #707070;
}

.timeslot-total-price {
    font: normal normal normal 18px/28px Calibri, sans-serif;
    margin-left: 4px;
    cursor: pointer;
}

.checkbox-holder {
    display: inline-block;
    background: #eff1f8;
    border-right: solid 1px #ddd;
    height: 100%;
    cursor: pointer;
}

    .checkbox-holder input {
        accent-color: #337AB7;
        transform: scale(1.5);
        margin: 12px;
        cursor: pointer;
    }

.ribbon-calendar-day {
    font-size: 24px;
    text-align: center;
    font-weight: bold;
    margin-top: 10px;
}

.glyphicon.centered {
    vertical-align: text-top;
}

.timeslot-carousel-separator {
    width: 100%;
    height: 1px;
    background-color: #ddd;
}

.calendar-ribbon-container {
    border: solid 1px #ddd;
    border-radius: 5px 5px 0 0;
}

.ribbon-wrapper {
    overflow: hidden;
    position: relative;
    background: white;
}

.ribbon-container {
    user-select: none;
}

.ribbon-weekday {
    border: none;
    box-sizing: border-box;
}

.ribbon-selected-day {
    color: white;
    background-color: #337ab7 !important;
}

.ribbon-selected-day .cell-date{
    color: #fff;
}

.arrow-bottom {
    position: relative;
    top: 50px;
    margin: auto;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #337ab7;
    transform: rotate(180deg);
}

.ribbon {
    overflow: hidden;
    min-width: max-content;
}

.ribbon-block {
    border: solid 1px #ddd;
    border-bottom: none;
    cursor: pointer;
}

.ribbon-container .ribbon-block:first-child {
    border-left: none;
}

.ribbon-container .ribbon-block:last-child {
    border-right: none;
}

.ribbon-cell-body {
    height: 110px;
}

.ribbon-top {
    text-align: center;
    height: 65px;
    border-bottom: none;
}

.ribbon-header, .ribbon-cell-header, .ribbon-cell-body {
    text-align: center;
}

.ribbon-button-left, .ribbon-button-right {
    outline: none !important;
    box-shadow: none;
    background-color: #fff;
    position: relative;
    bottom: 2px;
    font-size: 26px;
}

.ribbon-button-left:focus, .ribbon-button-right:focus {
    outline: none !important;
    box-shadow: none;
}

.ribbon-header, .ribbon-cell-header, .cell-date {
    font-weight: bold;
}

.ribbon-header {
    display: inline-block;
    margin-top: 15px;
    font: normal normal bold 20px/32px Calibri, sans-serif;
    letter-spacing: 0.13px;
    color: #333333;
}

.ribbon-cell-header {
    font: normal normal normal 16px/22px Calibri, sans-serif;
    letter-spacing: 0.1px;
    color: #72737B;
}

.cell-date {
    display: inline-block;
    margin-top: 16px;
    max-height: 28px;
    border-bottom: solid 1px #ddd;
    width: 70%;
    font: normal normal bold 25px/28px Calibri, sans-serif;
    letter-spacing: 0.15px;
    color: #333333;
}

#ribbon-calendar {
    margin-top: 12px;
    border-radius: 4px;
}

.cell-date-month {
    font-size: 16px;
}

.ribbon-total-price-span {
    font: normal normal normal 20px Calibri, sans-serif;
    display: block;
    letter-spacing: 0.1px;
    color: #72737B;
    opacity: 1;
    min-height: 25px;
    margin-top: 5px;
}

.ribbon-selected-span {
    color: #FFFFFF;
}

.ribbon-label {
    font: normal normal normal 15px/21px Calibri, sans-serif;
    display: inline-block;
    margin-top: 1px;
    color: white;
    border-radius: 4px;
    padding: 4px;
    line-height: 9pt;
    width: 90%;
}

.selected-label {
    color: #337AB7;
    background-color: #fff;
}

.few-tickets-label {
    color: #fff;
    background-color: #e54f4f;
}

.many-tickets-label {
    background-color: #809fe8;
    color: #fff;
}

.top-price-label {
    background-color: #96c332;
    color: #fff;
}

.sold-out-label {
    color: #333333;
}

.top-price-background {
    background-color: #F6F9EF;
}

.few-tickets-background {
    background-color: #FFF5F5;
}

.many-tickets-background {
    background-color: #F3F6FC;
}



.separator {
    display: flex;
    align-items: center;
    text-align: center;
}

    .separator::before,
    .separator::after {
        content: '';
        flex: 1;
        border-bottom: 1px solid #bfc0c3;
    }

    .separator:not(:empty)::before {
        margin-right: .25em;
    }

    .separator:not(:empty)::after {
        margin-left: .25em;
    }

.more-results {
    padding-left: 10px;
    padding-right: 10px;
    color: #bfc0c3;
}

.show-all-results {
    width: 100%;
    text-align: center;
    border: 1px solid #bfc0c3;
    cursor: pointer;
}

.padding-div-10 {
    padding: 10px;
}

.icon-vertical-top {
    vertical-align: text-top;
}

.icon-vertical-bottom {
    vertical-align: sub;
}

.result-group {
    margin-bottom: 70px;
}

.offer-time {
    float: left;
    font: normal normal normal 18px/30px Calibri, sans-serif;
    color: #72737B;
}

.offer-container {
    padding: 0;
}

.show-details-button:hover {
    background: #f4f6f9;
}

.show-details-button {
    display: flex;
    padding: 10px 14px 10px 14px;
    left: 0;
    border: 1px solid #CACACA;
    border-radius: 4px;
}

.show-details-icon-box {
    width: 48px;
    height: 46px;
    float: left;
    margin-right: -5px;
}

.small-ticket-icon-container {
    display: flex;
}

.small-ticket-icon {
    float: left;
    height: 24px;
    margin-top: auto;
    margin-bottom: auto;
}

.show-details-tickets-amount {
    width: 100%;
    margin-top: auto;
    margin-bottom: auto;

    margin-left: 8px;
    margin-right: 10px;

    font: normal normal bold 18px/20px Calibri, sans-serif;
    color: #333333;
}

.show-details-text {
    font: normal normal normal 18px/20px Calibri, sans-serif;
}

.show-details-glyph {
    height: fit-content;
    color: #646464;
    float: right;
    transition: all 0.5s;
    padding: 4px 5px 0 4px;
    border: 1px solid #d6d6d6;
    border-radius: 4px;
}

.ticket-amount-header, .header-mid-wrapper {
    display: flex;
}

.mid-offer-section {
    display: inline-flex;
    width: 100%;
    overflow: hidden;
}

.header-mid-wrapper {
    width: 100%;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ticket-icon {
    width: 100%;
}

.ticket-amount-header {
    text-align: center;
    color: white;
    margin-top: 8px;
}

.ticket-icon-content {
    position: absolute;
    top: 50%;
    left: 55%;
    transform: translate(-50%, -50%);
    font: normal normal bold 20px/31px Calibri, sans-serif;
    word-break: normal;
}

.card-title-bold {
    text-align: left;
    font: normal normal bold 25px/36px Calibri, sans-serif;
    color: #333333;
    opacity: 1;
}

.keword-event-description {
    text-align: left;
    font: normal normal normal 16px/23px Calibri, sans-serif;
    color: #333333;
    opacity: 1;
}

.keyword-card-button {
    width: 90%;
    text-align: center;
    margin-top: 5px;
    padding: 10px;
    font: normal normal bold 20px/28px Calibri, sans-serif;
    color: #FFFFFF;
    opacity: 1;
}

.single-event-card {
    display: block;
    margin-bottom: 20px;
    line-height: 1.428571429;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
    padding-bottom: 25px;
    height: 97%;
}

.single-event-description {
    height: calc(100% - 252px);
    padding: 28px;
}

.keyword-event-fixed-size-image {
    object-fit: cover;
    width: 100%;
    height: 200px;
    background: url('/Images/TicketWizard/keyword-grey-ticket.svg') 50% 50%;
    background-repeat: no-repeat;
    background-size: 11em;
    border-radius: 4px 4px 0 0;
}

.keyword-thumb-image {
    background-color: #F5F6FB;
}

    .keyword-thumb-image img[src=""] {
        content: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==");
    }

.keywords-events-header-container {
    margin-top: 80px;
    margin-bottom: 40px;
}

.keywords-events-header-title {
    text-align: left;
    font: normal normal bold 50px/50px Calibri, sans-serif;
    color: #333333;
    opacity: 1;
}

.main-keyword-card {
    width: auto;
}

.empty-keywords-message {
    border-radius: 8px 8px 0 0;
    border: lightgray 1px solid;
    font: normal normal normal 20px/28px Calibri, sans-serif;
    width: 100%;
    height: 90px;
    line-height: 90px;
    text-align: center;
    background: #f5f6fb;
    color: #707070;
    margin-bottom: 48px;
}

.keywords-grid-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 15px 15px;
}

@media (max-width:991px) and (min-width:768px) {

    .keywords-grid-container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {

    .keywords-grid-container {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
}

.all-events-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: column;
}
.column1 {
    grid-column: 1;
}

.column2 {
    grid-column: 2;
}

.column3 {
    grid-column: 3;
}

.column4 {
    grid-column: 4;
}

.keyword-event-select-event-btn {
    bottom: 0;
    position: absolute;
}

.keyword-event-select-event-box {
    text-align: center;
}

.margins-0-important {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.discount-popup-row {
    margin-left: 20px;
    margin-right: 20px;
}

.discount-popup-input-row {
    height: 40px;
    display: inline-flex;
    float: left;
}

.popup-input-section-wrapper {
    margin-bottom: 40px;
}

.discount-popup-container {
    padding-bottom: 60px;
    max-width: 600px;
    min-width: 320px;
    margin: 10% auto;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #CACACA;
    border-radius: 4px;
    opacity: 1;
}


@media (max-width:768px) {

    .discount-popup-container {
        width: 100%;
    }
}


.discount-popup-close {
    opacity: .5;
    position: relative;
    font-size: 36px;
    float: right;
    font-weight: 700;
    line-height: 1;
    color: #000;
    cursor: pointer;
}

.discount-popup-header {
    text-align: left;
    font: normal normal bold 20px/22px Calibri, sans-serif;
    color: #333333;
    opacity: 1;
    margin-bottom: 5px !important;
    display: inline-block;
}

.entity-pop-up-header a {
    text-decoration: none;
}

.discount-popup-header-description {
    text-align: left;
    font: normal normal normal 16px/20px Calibri, sans-serif;
    color: #72737B;
    opacity: 1;
    margin: 15px 15px 0 10px;
}

.discount-popup-person-number-component-input {
    padding: 10px;
    font-size: 18px;
    border: 1px solid #DEE2E6;
    border-radius: 0;
    outline: 0;
    width: 45px;
}

.discount-popup-person-number-component-input::-webkit-inner-spin-button,
.discount-popup-person-number-component-input::-webkit-outer-spin-button {
       opacity: 1;
}

.discount-popup-row-header {
    text-align: left;
    font: normal normal bold 18px/19px Calibri, sans-serif;
    color: #333333;
    opacity: 1;
}

.discount-popup-row-description {
    text-align: left;
    font: normal normal normal 18px/23px Calibri, sans-serif;
    color: #72737B;
    opacity: 1;
    margin-top: -10px;
}

.discount-popup-header-description-container {
    display: inline-block;
    margin-left: 2%;
    margin-bottom: 10px; 
}

.discount-popup-person-number-component {
    font: normal normal normal 13px/12px Calibri, sans-serif;
    color: #72737B;
    opacity: 1;
}

.discount-end-range {
    float: right;
    margin-right: 24px;
}

.discount-start-range {
    float: left;
    margin-left: 25px;
}

.discount-popup-range-input-container {
    display: inline-block;
    vertical-align: middle;
    width: 100%
}

.discount-popup-range-input {
    background: #337AB7 0% 0% no-repeat padding-box;
    opacity: 1;
    height: 5px;
    cursor: pointer;
}

.discount-popup-add-button {
    background: #337AB7 0% 0% no-repeat padding-box;
    border-radius: 4px;
    opacity: 1;
}

.glyphicon-shopping-cart {
    transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
}

.daterangepicker .calendar {
    max-width: none !important;
}

.timeslot-section-header {
    text-align: center;
}

    .timeslot-section-header h4 {
        font-weight: bold;
    }

.timeslot-xs .panel {
    -webkit-box-shadow: none;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    border-radius: 0;
}

    .timeslot-xs .panel:first-of-type {
        border-top: 0;
    }

.timeslot-xs .panel-heading {
    background-color: transparent;
}

.timeslot-xs .panel-title a {
    color: #333333;
    font: normal normal normal 16px/23px sans-serif;
    padding: 8px 0 8px 0;
}

.timeslot-xs .panel-body {
    border-top: none !important;
    padding: 0;
}

.timeslot-xs .ticketwizard-timeslot-xs .radio-button-box {
    height: auto;
}

.timeslot-xs .ticketwizard-timeslot-xs .checkbox-holder {
    padding: 8px 12px 8px 12px;
}

    .timeslot-xs .ticketwizard-timeslot-xs .checkbox-holder input {
        transform: scale(1.5);
    }

        .timeslot-xs .ticketwizard-timeslot-xs .checkbox-holder input[type=radio]:checked {
            accent-color: #337AB7;
        }

.timeslot-xs .ticketwizard-timeslot-xs .timeslot-time {
    display: inline-block;
    text-align: left;
    font: normal normal normal 16px/23px Calibri, sans-serif;
    color: #333333;
    padding-left: 5px;
}

.person-category-input {
    padding: 10px;
    font-size: 18px;
    border: 1px solid #DEE2E6;
    border-radius: 0px;
    outline: 0;
    width: 45px;
}

.personcategory-name {
    padding-top: 2px;
    font: normal normal bold 20px/20px Calibri,sans-serif;
    color: #333;
    opacity: 1;
    word-break: break-word;
    white-space: normal;
}

.accompanying-person-name {
    color: #337AB7;
}

.personcategory-description {
    font: normal normal 18px/24px Calibri,sans-serif;
    color: #72737b;
    position: relative;
    margin-top: -6px;
    word-break: break-word;
    white-space: normal;
}

#categories-accordion {
    margin-bottom: 0;
}

.ticket-wizard-eventdescription-name {
    text-align: left;
    font: normal normal bold 50px/50px Calibri, sans-serif;
    color: #333333;
    opacity: 1;
}

.ticket-wizard-eventdescription-header-image {
    padding-right: 14px;
    padding-left: 14px;
}

img.ticket-wizard-eventdescription-header-image {
    max-height: 55vh;
    max-width: 100%;
}

.ticketwizard-eventdescription-holder .artikelhautpbild {
    text-align: center;
}

.ticket-wizard-eventdescription-body {
    text-align: left;
    font: normal normal normal 20px/27px Calibri, sans-serif;
    color: #333333;
    opacity: 1;
}

.keywords-back {
    margin: 0 14px 20px 14px;
}

@media (max-width: 991px) {
    .keywords-back {
        display: none;
    }
    .timeslot-indicator-holder {
        height: 55px;
    }
}

.keyword-view-header {
    margin-bottom: 40px;
}

.ticket-icon-holder {
    position: relative;
}

/* Hidden as long as we dont produce proper results */
.ticketgrouplist-holder .show-all-results {
    display: none !important;
}

.ticketgrouplist-holder {
    padding: 20px;
    background: #F5F6FB;
    border: 1px solid #dddddd;
    border-radius: 4px;
}

@media only screen and (max-width: 1200px) {
    .containernavigation .containermiddle .containerbanner {
        width: unset;
    }
}

@media only screen and (max-width: 768px) {
    .mobile-column {
        padding: 0;
    }

    .ticket-icon img {
        max-width: 6rem;
    }

    .centered {
        font: normal normal bold 16px/23px Calibri, sans-serif;
    }

    .combined-price {
        font: normal normal normal 18px/21px Calibri, sans-serif;
        margin-top: 8px;
        margin-left: 5px;
        margin-right: 5px;
    }

    .offer-section {
        min-height: 100px;
    }

    .offer-time {
        font: normal normal normal 18px/21px Calibri, sans-serif;
        line-height: unset;
    }

    .main-offer-header {
        margin: 0;
        width: 100%;
        padding: 10px;
    }

    .offer-type {
        font: normal normal bold 18px/21px Calibri, sans-serif;
    }

    .show-details-wrapper {
        margin-top: 10px !important;
    }

    .ticket-amount {
        font: normal normal normal 16px/23px Calibri, sans-serif;
    }

    .offer-header, .offer-description, .offer-description .ticket-amount {
        text-overflow: unset !important;
        white-space: unset !important;
    }

    .ticket-amount-header {
        margin-left: 10px;
    }

    .left-amount, .right-per-ticket {
        font: normal normal bold 18px/21px Calibri, sans-serif;
    }

    .left {
        word-break: break-word;
        white-space: unset;
    }

    .right {
        margin-left: 8px;
    }

    .ticket-wizard-eventdescription-name, .keywords-events-header-title {
        font: normal normal bold 30px/30px Calibri, sans-serif;
    }

    .ticket-wizard-eventdescription-body {
        font: normal normal normal 16px/22px Calibri,sans-serif !important;
    }

    .keywords-events-header-title {
        font: normal normal bold 25px/36px Calibri, sans-serif;
    }

    .keywords-events-header-container, .keyword-view-header {
        margin-bottom: 20px !important;
    }

    .personcategory-name {
        font: normal normal bold 16px/16px Calibri, sans-serif;
        color: #333333;
        opacity: 1;
    }

    .personcategory-description {
        font: normal normal normal 16px/20px Calibri, sans-serif;
        color: #707070;
        opacity: 1;
    }

    .personcategory-name, .personcategory-description {
        position: relative;
        top: 2px;
    }

    .category-title, .ticketwizard-results-header {
        font: normal normal bold 25px/36px Calibri, sans-serif;
        color: #333333;
        opacity: 1;
    }

    .ticketgrouplist-holder {
        background: none;
        padding: 0;
        border: 0;
    }
}

.ticket-wizard-eventdescription-body p {
    text-align: justify !important;
}

.ticketwizard-navigation {
    height: 50px;
}

    .ticketwizard-navigation.sticky {
        position: fixed;
        top: 0;
        z-index: 999;
        width: calc(100% - 30px);
    }

    @media (min-width: 768px) and (max-width: 868px) {
        .ticketwizard-navigation.sticky {
            width: 88vw;
        }
    }

    @media (min-width: 869px) {
        .ticketwizard-navigation.sticky {
            width: 80vw;
        }
    }

    .ticketwizard-navigation ul {
        list-style: none;
        padding: 0;
    }

        .ticketwizard-navigation ul a {
            --ticketwizard-steps-current-backgroundcolor: #337AB7;
            --ticketwizard-steps-current-color: #fff;
            --ticketwizard-steps-backgroundcolor: #D9EDF7;
            --ticketwizard-steps-color: #245269;
        }

        .ticketwizard-navigation ul a {
            background-color: var(--ticketwizard-steps-backgroundcolor);
            color: var(--ticketwizard-steps-color);
            float: left;
            padding: 3px 10px 3px 20px;
            position: relative;
            font: normal normal normal 16px Calibri, sans-serif;
            text-decoration: none;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 25%;
            height: 49px;
            pointer-events: none;
        }

            .ticketwizard-navigation ul a:before {
                content: "";
                border-top: 24.5px solid transparent;
                border-bottom: 24.5px solid transparent;
                border-left: 8px solid var(--ticketwizard-steps-current-backgroundcolor);
                position: absolute;
                left: 0;
            }

            .ticketwizard-navigation ul a:after {
                content: "";
                border-top: 24.5px solid transparent;
                border-bottom: 24.5px solid transparent;
                border-left: 8px solid var(--ticketwizard-steps-backgroundcolor);
                position: absolute;
                right: -7px;
                z-index: 1;
            }

        .ticketwizard-navigation ul li:first-child a:before {
            border: 0;
        }

        .ticketwizard-navigation ul li:last-child a:after {
            border: 0;
        }

        .ticketwizard-navigation ul li {
            margin-top: 2px;
        }

            .ticketwizard-navigation ul li.active a {
                background-color: var(--ticketwizard-steps-current-backgroundcolor) !important;
                color: var(--ticketwizard-steps-current-color) !important;
            }

                .ticketwizard-navigation ul li.active a:after {
                    border-left-color: var(--ticketwizard-steps-current-backgroundcolor) !important;
                    color: var(--ticketwizard-steps-current-color) !important;
                }

    .ticketwizard-navigation .nav > li > a:focus, .nav > li > a:hover {
        background-color: var(--ticketwizard-steps-backgroundcolor);
    }

/*Status Discounts Navigation Section*/
.nav-discount-grid-container {
    display: grid;
    grid-template-columns: auto;
}

.discount-grid-item {
    overflow: hidden;
}

.nav-discount-heading {
    border-bottom: solid 1px #dddddd;
}

.nav-discount-section {
    padding: 10px 0 10px 0;
}

.nav-remove-discount {
    float: right;
    padding: 0px 0px 10px 10px;
}

.nav-remove-discount-glyph {
    font-size: 18px;
    color: #e54f4f;
    transform: rotate(45deg);
}

.status-discount-text-holder {
    display: inline-block;
    vertical-align: middle;
    max-width: 170px;
}

.status-discount-name-selected {
    font: normal normal bold 18px/20px Calibri,sans-serif;
}

.status-discount-description {
    font: normal normal normal 16px/22px Calibri,sans-serif;
    letter-spacing: 0.1px;
    color: #72737B;
}

.status-discount-name-selected, .status-discount-description {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nav-status-discount-tile {
    overflow: unset !important;
}

/*Status Discounts Section*/
.discount-section {
    background: #f5f6fb;
}

.discount-top-wrapper {
    padding-left: 27px;
}

.discount-top-text-wrapper {
    display: inline-block;
    padding-top: 25px;
}

.discount-top-header {
    text-align: left;
    font: normal normal bold 24px/24px Calibri, sans-serif;
    letter-spacing: 0.17px;
    color: #E54F4F;
}

.discount-top-description {
    text-align: left;
    font: normal normal normal 18px/18px Calibri, sans-serif;
    letter-spacing: 0.1px;
    color: #333333;
}

.discount-grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 20px;
}

@media (max-width:991px) and (min-width:768px), (max-width:620px) {
    .discount-grid-container {
        grid-template-columns: auto;
    }
}

.status-discount-icon, .pop-up-discount-icon {
    max-width: 70px;
    min-width: 70px;
    max-height: 70px;
    vertical-align: middle;
    margin-left: 5px;
    margin-right: 15px;
}

.pop-up-discount-icon {
}

.pop-up-header-upper {
    padding: 20px;
    border: solid 1px #dddddd;
}

.pop-up-header-bottom {
    margin: 20px 10px 50px 13px;
}

.pop-up-header-holder {
    min-height: 80px;
}

.pop-up-header-title {
    font: normal normal bold 28px/36px Calibri,sans-serif;
}

.pop-up-header-text {
    display: inline-block;
    line-height: 50px;
}

.entity-pop-up-header .pop-up-header-text {
    margin-left: 10px;
}

.discount-popup-button-holder {
    float: right;
    margin-right: 20px;
}

.status-discount-name {
    font: normal normal bold 20px/31px Calibri,sans-serif;
    vertical-align: middle;
}

.status-discount-tile {
    margin: 5px;
    padding: 10px;
    border: solid 1px #dddddd;
    border-radius: 5px;
    background: #ffffff;
    min-height: 95px;
    cursor: pointer;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

    .status-discount-tile:hover {
        background: #E8E8E8;
    }

.status-discount-show-more, .status-discount-show-less {
    text-align: center
}

.main-discount-icon {
    position: absolute;
    max-height: 70px;
    margin-left: 30px;
}

@media (max-width: 359px) {

    .main-discount-icon {
        display: none;
    }
}

.ticketwizard-container .unwrappable {
    white-space: nowrap;
}

.ticketwizard-container .ticketgrouplist-holder .show-details-glyph {
    float: right;
}

.ticketwizard-discount-popup-category-container {
    display: inline-block;
    vertical-align: top;
    float: left
}

.toggle-tiles-name {
    font-size: 20px
}

.timeslot-indicator-holder {
    float: right;
    align-items: center;
    display: flex;
}

.timeslot-many-tickets-indicator, .timeslot-bestprice-tickets-indicator, .timeslot-few-tickets-indicator {
    font: normal normal normal 15px/21px Calibri, sans-serif;
    display: inline-block;
    color: white;
    font-size: inherit;
    line-height: normal;
    padding: 5px;
    margin: 6px;
    border-radius: 2px;
}

.timeslot-many-tickets-indicator {
    background-color: #809FE8;
}

.timeslot-bestprice-tickets-indicator {
    background-color: #96C332;
}

.timeslot-few-tickets-indicator {
    background-color: #E54F4F;
}

/*Event Feed*/
.event-feed-event-description {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.event-feed-event-image {
    object-fit: cover;
    width: 200px;
    height: 110px;
    background: url(/Images/TicketWizard/keyword-grey-ticket.svg) 50% 50%;
    background-repeat: no-repeat;
    background-size: 6em;
    background-color: #F5F6FB;
}

.event-feed-main-header{
    margin-top: 60px;
    margin-bottom: 60px;
}

.event-feed-title {
    text-align: left;
    font: normal normal bold 50px/50px Calibri, sans-serif;
    color: #333333;
}

.event-feed-day-header {
    text-align: left;
    font: normal normal bold 32px/32px Calibri, sans-serif;
    color: #333333;
    padding-bottom: 10px;
    border-bottom: 1px solid #707070;
}

.event-feed-day-container{
    margin-bottom: 60px;
}

.event-feed-event-tile {
    display: flex;
    justify-content: space-between;
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #dee2e6;
}

.event-feed-event-header {
    text-align: left;
    font: normal normal bold 25px/28px Calibri, sans-serif;
    color: #333333;
    padding-bottom: 10px;
}

.event-feed-event-description {
    text-align: left;
    font: normal normal normal 16px/23px Calibri, sans-serif;
    color: #333333;
    width: 100%;
    word-wrap: break-word;
}

.event-feed-event-text-wrapper {
    padding-left: 30px;
    padding-right: 30px;
    width: 100%;
    max-width: 62%;
}

.event-feed-event-button {
    text-align: center;
    padding: 10px 20px 10px 20px;
    font: normal normal bold 20px Calibri, sans-serif;
    color: #FFFFFF;
}

.event-feed-event-button > .fa{
    padding-left: 7px;
    position:relative;
    top: 1px;
}

.event-feed-event-starting-price {
    text-align: center;
    white-space: nowrap;
    font: normal normal normal 24px Calibri, sans-serif;
    padding-bottom: 14px;
    color: #337ab7;
}

.event-feed-day-container > .event-feed-event-wrapper:last-of-type > div > .event-feed-event-tile.initial {
    border-bottom: none;
}

.event-feed-event-header-starting-price {
    color: #337ab7;
    display: none;
}

.event-feed-time-slots-button {
    font: normal normal bold 20px Calibri, sans-serif;
    color: #FFFFFF;
    width: 100%;
    height: 50px;
    margin-top: 20px;
    border: none;
    border-radius: 0px;
}

@media (min-width:992px) and (max-width:1199px) {
    .event-feed-event-text-wrapper {
        max-width: 54%;
    }
}

@media(max-width: 991px) {
    .event-feed-title {
        font: normal normal bold 25px/36px Calibri, sans-serif;
    }

    .event-feed-day-header {
        text-align: center;
    }

    .event-feed-event-tile {
        display: block;
    }

    .event-feed-event-image {
        width: 100%;
        height: 180px;
    }

    .event-feed-event-text-wrapper {
        padding: 20px 0 10px 0;
        max-width: none;
    }

    .event-feed-event-header {
        padding-bottom: 4px;
    }

    .event-feed-event-starting-price {
        display: none;
    }

    .event-feed-event-header-starting-price {
        display: block;
        font-size: 16px;
        padding-bottom: 10px;
    }

    .event-feed-event-right-elements {
        text-align: center;
    }

    .event-feed-event-button {
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }

        .event-feed-event-button > .fa {
            display: none;
        }

    /*
    Previously, the `#ribbon-calendar` element had a `display:none` style, which
    prevented its state from being updated via JS.

    By changing the style to `visibility:hidden` and positioning the element off the
    screen using `position:absolute` and `left:-9999px`, we can trick the browser into
    creating the component without taking up space on the website and still allowing it
    to be manipulated using JS.
    */
    #ribbon-calendar {
        visibility: hidden;
        position: absolute;
        left: -9999px;
    }
}

/*Enity based discount popup*/
.discount-popup-add-group-button{
    margin: 20px !important;
    float: left !important;
}

.entity-pop-up-header {
    border-bottom: 1px solid #dee2e6;
    min-height: 70px;
}

.entity-remove-group {
    float: right;
    padding: 0px 0px 10px 10px;
}

.entity-remove-group-glyph {
    font-size: 14px;
    color: #e54f4f;
    position: relative;
    top: 2em;
    margin-right: 20px;
    transform: rotate(45deg);
}

.discount-input-warning {
    color: #e24c4c;
    margin-left: 10px;
}

.discount-popup-range-input-container input {
    background: linear-gradient(to right, #fff 0%, #fff 100%);
    border: solid 1px #ddd;
    border-radius: 8px;
    height: 7px;
    width: 100%;
    outline: none;
    -webkit-appearance: none;
}

.discount-popup-range-input-container input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #367cb8;
    cursor: pointer;
}

.discount-popup-range-input-container input[type=range].less-than-beneficial::-webkit-slider-thumb {
    background-color: #e24c4c;
}

.discount-popup-range-input-container input[type=range].greater-than-beneficial::-webkit-slider-thumb {
    background-color: #367cb8;
}

.input-number-container input.less-than-beneficial {
    border-top: solid 1px #e24c4c;
    border-bottom: solid 1px #e24c4c;
}

.input-number-button-left.less-than-beneficial {
    border-top: solid 1px #e24c4c;
    border-bottom: solid 1px #e24c4c;
    border-left: solid 1px #e24c4c;
}

.input-number-button-right.less-than-beneficial {
    border-top: solid 1px #e24c4c;
    border-bottom: solid 1px #e24c4c;
    border-right: solid 1px #e24c4c;
}
/*1201px and more —  Extra large screens, TV*/

@media (min-width: 1201px) {

    .main-offer-header {
        display: flex;
    }
}
/*1025px — 1200px: Desktops, large screens*/

@media (min-width: 1025px) and (max-width: 1199px) {

    .details-container {
        margin-top: 20px;
        padding: 0;
    }

    .offer-label {
        float: right;
        margin-right: 0;
    }
    .discount-popup-container {
        width: 70%;
    }
}
/*320px — 480px: Mobile devices*/

@media (min-width: 320px) and (max-width: 480px) {

    .price-per-ticket {
        padding: 15px;
    }

    .mobile-column {
        padding: 0;
    }

    .ticket-icon img {
        max-width: 6rem;
    }

    .ticket-icon-content {
        font: normal normal bold 18px/21px Calibri, sans-serif;
    }

    .centered {
        font: normal normal bold 16px/23px Calibri, sans-serif;
    }

    .combined-price {
        font: normal normal normal 18px/21px Calibri, sans-serif;
        margin-top: 8px;
        margin-left: 5px;
        margin-right: 5px;
    }

    .offer-time {
        font: normal normal normal 18px/21px Calibri, sans-serif;
    }

    .main-offer-header {
        margin: 0;
        width: 100%;
        padding: 10px;
    }

    .combined-time {
        float: left;
    }

    .offer-section {
        min-height: 100px;
        padding: 5px;
    }

    .offer-label {
        float: right;
        margin-right: 0;
        width: auto;
        padding: 2px 12px;
    }

    .offer-type {
        font: normal normal bold 18px/21px Calibri, sans-serif;
    }

    .show-details-wrapper {
        margin-top: 10px !important;
    }

    .show-details-button {
        position: static;
        width: 100%;
        margin-right: 0;
    }

    .show-details-button-row {
        position: relative;
    }

    .show-details-tickets-amount {
        float: left;
    }

    .show-details-glyph {
        margin: 0;
    }

    .ticket-amount {
        font: normal normal normal 16px/23px Calibri, sans-serif;
    }

    .offer-header, .offer-description, .offer-description .ticket-amount {
        text-overflow: unset !important;
        white-space: unset !important;
    }

    .ticket-amount-header {
        margin-left: 10px;
    }

    .left-amount, .right-per-ticket {
        font: normal normal bold 18px/21px Calibri, sans-serif;
    }

    .left {
        word-break: break-word;
        white-space: unset;
    }

    .right {
        margin-left: 8px;
    }

    .ticket-wizard-eventdescription-name, .keywords-events-header-title {
        font: normal normal bold 30px/30px Calibri, sans-serif;
    }

    .ticket-wizard-eventdescription-body {
        font: normal normal normal 16px/22px Calibri,sans-serif !important;
    }

    .keywords-events-header-title {
        font: normal normal bold 25px/36px Calibri, sans-serif;
    }

    .keywords-events-header-container, .keyword-view-header {
        margin-bottom: 20px !important;
    }

    .personcategory-name {
        font: normal normal bold 16px/16px Calibri, sans-serif;
        color: #333333;
        opacity: 1;
    }

    .personcategory-description {
        font: normal normal normal 16px/20px Calibri, sans-serif;
        color: #707070;
        opacity: 1;
    }

    .personcategory-name, .personcategory-description {
        position: relative;
        top: 2px;
    }

    .category-title, .ticketwizard-results-header {
        font: normal normal bold 25px/36px Calibri, sans-serif;
        color: #333333;
        opacity: 1;
    }

    .ticketwizard-navigation ul a {
        font: normal normal normal 12px Calibri, sans-serif;
    }

    .keywords-grid-container {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .timeslot-total-price {
        font: normal normal normal 16px/23px Calibri, sans-serif;
        color: #333333;
    }

    .timeslot-indicator-holder-yield {
        width: 65px;
    }

    .timeslot-indicator-yield {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap
    }
}
/*992px — 1024px: Small screens, laptops*/

@media (min-width: 992px) and (max-width: 1024px) {

    .details-container {
        margin-top: 20px;
        padding: 0;
    }

    .offer-label {
        float: right;
        margin-right: 0;
    }

    .show-details-button {
        width: 100% !important;
        margin-right: 10px;
    }

        .show-details-button .show-details-icon-box {
            display: none;
        }

        .show-details-button .show-details-tickets-amount {
            margin-left: 10px;
        }

    .keywords-grid-container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .discount-popup-container {
        width: 80%;
    }
}
/*992px — 1024px: Extra small screens, to support bootstrap*/

@media (min-width: 768px) and (max-width: 991px) {

    .show-details-button {
        width: 100% !important;
        margin-right: 10px;
    }

    .show-details-button .show-details-tickets-amount {
        margin-left: 10px;
    }

    .keywords-grid-container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .discount-popup-container {
        width: 70%;
    }
}
/*481px — 768px: iPads, Tablets*/

@media (min-width: 481px) and (max-width: 767px) {

    .mobile-column {
        padding: 0;
    }

    .ticket-icon img {
        max-width: 6rem;
    }

    .ticket-icon-content {
        font: normal normal bold 18px/21px Calibri, sans-serif;
    }

    .centered {
        font: normal normal bold 16px/23px Calibri, sans-serif;
    }

    .combined-price {
        font: normal normal normal 18px/21px Calibri, sans-serif;
        margin-top: 8px;
        margin-left: 5px;
        margin-right: 5px;
    }

    .offer-section {
        min-height: 100px;
    }

    .offer-with-accompanying-person, .offer-for-accompanying-person {
        min-height: 70px;
    }

    .offer-time {
        font: normal normal normal 18px/21px Calibri, sans-serif;
    }

    .main-offer-header {
        margin: 0;
        width: 100%;
        padding: 10px;
    }

    .combined-time {
        float: left;
    }

    .offer-label {
        float: right;
        margin-right: 0;
        width: auto;
        padding: 2px 12px;
    }

    .offer-type {
        font: normal normal bold 18px/21px Calibri, sans-serif;
    }

    .show-details-wrapper {
        margin-top: 10px !important;
    }

    .show-details-button {
        position: static;
        width: 100%;
        margin-right: 0;
    }

    .show-details-button-row {
        position: relative;
    }

    .show-details-tickets-amount {
        float: left;
    }

    .show-details-glyph {
        margin: 0;
    }

    .ticket-amount {
        font: normal normal normal 16px/23px Calibri, sans-serif;
    }

    .offer-header, .offer-description, .offer-description .ticket-amount {
        text-overflow: unset !important;
        white-space: unset !important;
    }

    .ticket-amount-header {
        margin-left: 10px;
    }

    .left-amount, .right-per-ticket {
        font: normal normal bold 18px/21px Calibri, sans-serif;
    }

    .left {
        word-break: break-word;
        white-space: unset;
    }

    .right {
        margin-left: 8px;
    }

    .ticket-wizard-eventdescription-name, .keywords-events-header-title {
        font: normal normal bold 30px/30px Calibri, sans-serif;
    }

    .ticket-wizard-eventdescription-body {
        font: normal normal normal 16px/22px Calibri,sans-serif !important;
    }

    .keywords-events-header-title {
        font: normal normal bold 25px/36px Calibri, sans-serif;
    }

    .keywords-events-header-container, .keyword-view-header {
        margin-bottom: 20px !important;
    }

    .personcategory-name {
        font: normal normal bold 16px/16px Calibri, sans-serif;
        color: #333333;
        opacity: 1;
    }

    .personcategory-description {
        font: normal normal normal 16px/20px Calibri, sans-serif;
        color: #707070;
        opacity: 1;
    }

    .personcategory-name, .personcategory-description {
        position: relative;
        top: 2px;
    }

    .category-title, .ticketwizard-results-header {
        font: normal normal bold 25px/36px Calibri, sans-serif;
        color: #333333;
        opacity: 1;
    }

    .keywords-grid-container {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .timeslot-total-price {
        font: normal normal normal 16px/23px Calibri, sans-serif;
        color: #333333;
    }
}
.event-calendar-wrapper {
    margin-bottom: 50px;
    min-width: 300px;
}

/*Navigation*/
.event-calendar-navigation {
    margin-top: 50px;
    width: 100%;
    text-align: center;
    border: solid 1px #ddd;
    border-bottom: none;
    border-radius: 10px 10px 0 0;
    min-height: 80px;
}

.event-calendar-month {
    display: inline-block;
    margin-top: 15px;
    font: normal normal bold 20px/32px Calibri, sans-serif;
    letter-spacing: 0.13px;
    color: #333333;
    font-weight: bold;
    text-align: center;
    min-width: 140px;
}

.event-calendar-button-left, .event-calendar-button-right {
    outline: none !important;
    box-shadow: none;
    background-color: #fff;
    position: relative;
    bottom: 2px;
    font-size: 26px;
}

.event-calendar-button-left:focus, .event-calendar-button-right:focus {
    outline: none !important;
    box-shadow: none;
}

.day-name {
    font: normal normal normal 16px/22px Calibri, sans-serif;
    letter-spacing: 0.1px;
    color: #72737B;
    text-align: center;
    font-weight: bold;
}

.day-name:first-child {
  border-left: solid 1px #ddd;
}

.day-name:last-child {
  border-right: solid 1px #ddd;
}

.carousel {
     margin-bottom: 0px;
}

.calendar-block:not(.internal){
    pointer-events:none;
}

.day-name, .calendar-block {
    width: 100%;
    height: 40px;
    display: inline-block;
    text-align: center;
}

.calendar-block {
    display: inline-block;
    position: relative;
    min-height: 130px;
    border-right: solid 1px #ddd;
    border-top: solid 1px #ddd;
    cursor: pointer;
}

.calendar-row, .week-days {
    display: flex;
    justify-content: space-between;
}

.event-calendar-wrapper .calendar-row:last-child > .calendar-block {
    border-bottom: solid 1px #ddd;
}

.event-calendar-wrapper .calendar-row > .calendar-block:first-child {
    border-left: solid 1px #ddd;
}

.calendar-block:hover {
    background: #F0F0F0;
}

.selected-day, .inner-calendar-selected {
    color: white;
    background-color: #337ab7 !important;
}

#calendar-block-1 > div > div.block-label.internal {
    background-color: white;
    color: #337ab7;
}

.inner-component #calendar-block-1:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-top: solid 8px #337ab7;
    border-left: solid 8px transparent;
    border-right: solid 8px transparent;
    z-index: 1;
}

.selected-day .cell-date, .inner-calendar-selected .cell-date {
    color: #fff;
}

.month-abbreviation{
    font-size: 16px;
}

.time-slots-no-results{
    text-align: center;
}

.calendar-block .calendar-cell-body {
    opacity: 0.5;
}

.calendar-block.with-data .calendar-cell-body {
    opacity: 1;
    pointer-events: auto;
}

.block-label {
    font: normal normal normal 15px/21px Calibri, sans-serif;
    display: inline-block;
    margin-top: 5px;
    color: white;
    border-radius: 4px;
    line-height: 10pt;
    padding: 6px 8px 6px 8px;
    width: 90%;
}

.block-label:empty{
    padding: 0;
}

.block-price {
    min-height: 27px;
    font: normal normal normal 18px Calibri, sans-serif;
    letter-spacing: 0.1px;
    padding-top: 10px;
}

.many-tickets-label {
    background-color: #809fe8;
    color: #fff;
}

.is-many-tickets {
    background: #f3f6fc;
}

.few-tickets-label {
    background-color: #e54f4f;
    color: #fff;
}

.is-few-tickets {
    background: #fff5f5;
}

.is-best-price {
    background: #f6f9ef;
}

.event-calendar-time-slots-button {
    font: normal normal bold 20px Calibri, sans-serif;
    color: #FFFFFF;
    width: 100%;
    height: 50px;
    border: none;
    border-radius: 0px;
}

@media (min-width: 700px) {
    .inner-component, .time-slots-no-results {
        display: none;
    }

    .selected-day .block-label {
        background-color: white;
        color: #337ab7;
    }

    .calendar-row:has(+ .inner-component) {
        border-bottom: solid 1px #ddd;
    }

    .selected-day:after {
        content: '';
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -10px;
        width: 0;
        height: 0;
        border-top: solid 8px #337ab7;
        border-left: solid 8px transparent;
        border-right: solid 8px transparent;
        z-index: 1;
    }
}

@media (max-width: 700px) {
    .event-calendar-navigation:not(.internal) {
        border-radius: 0px;
        border-left: none;
        border-right: none;
    }

    .day-name:first-child:not(.internal) {
        border-left: none;
    }

    .day-name:last-child:not(.internal) {
        border-right: none;
    }

    .calendar-block:not(.internal) {
        border-right: none;
        min-height: 64px;
    }

    .event-calendar-wrapper .calendar-row > .calendar-block:first-child:not(.internal) {
        border-left: none;
    }

    .calendar-cell-body:not(.internal) {
        position: relative;
    }

    .cell-date:not(.internal) {
        font: normal normal 18px Calibri, sans-serif;
        border-bottom: none;
    }

    .block-price:not(.internal) {
        min-height: 0;
        visibility: hidden;
    }

    .month-abbreviation:not(.internal) {
        display: none;
    }

    .block-label:not(.internal) {
        text-indent: -9999px;
        width: 100%;
        line-height: 0;
        border-radius: 0;
        padding: 0 0 5px 0;
    }
}