/* START OF INTOUCH CHANGES FROM PRESET.LESS 
    - ALL uses of yellow should go in here, and all styling in here should be in preset.less where yellow is replaced with @color
    - should ONLY include attributes set to yellow
*/

.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
    background-color: #f3cc2e;
}

.intouch-retry-payment-button {
    width: 300px;
    margin: 20px !important;
    padding: 15px 10px;
    margin: 0 0 15px;
}

.intouch-venture-primary-button,
.intouch-venture-secondary-button:hover,
.intouch-venture-combo input[type=button]:hover,
.intouch-venture-combo button:hover {
    background-color: #f3cc2e;
}
.intouch-venture-primary-button[disabled]:hover,
.intouch-venture-secondary-button[disabled]:hover {
    color: initial !important;
}

.intouch-venture-primary-button:hover {
    background-color: #ebbf0d;
}

.nav-tabs > li.active > a.intouchVentureBottomColourWhenParentHasActiveClass {
    border-bottom-color: #f3cc2e !important;
}

.cart-collaterals .coupon-code input[type="submit"]:hover {
    background: #f3cc2e;
}

.intouchdatepicker-panel ul > li:not(.disabled).highlighted {
    background-color: #f3cc2e;
}

.intouchdatepicker-panel ul > li:not(.disabled).highlighted:hover {
    background-color: #ebbf0d;
}

.intouchdatepicker-panel ul > li:not(.disabled).picked {
    background-color: #ebbf0d;
}

.intouchdatepicker-panel ul > li:not(.disabled).picked:hover {
    background-color: #ebbf0d;
}

.intouchdatepicker-panel ul > li:not(.disabled):hover {
    background-color: #f3cc2e;
}

.intouchdatepicker-top-left,
.intouchdatepicker-top-right {
    border-top-color: #f3cc2e;
}

.intouchdatepicker-top-left:before,
.intouchdatepicker-top-right:before {
    border-bottom-color: #f3cc2e !important;
}

.fc-button.fc-state-active {
    background-color: #f3cc2e;
}

.fc-button:hover:not(.fc-state-active):not(.fc-state-disabled) {
    background-color: #ebbf0d;
}

.fc-center:hover {
    background-color: #ebbf0d;
}

.fc-event {
    border-color: #f3cc2e;
}

.fc-event:hover:not(.fc-event-highlight):not(.fc-event-disabled) {
    background-color: #ebbf0d;
    border-color: #ebbf0d;
}

.fc-event-highlight {
    background-color: #f3cc2e !important;
    border-color: #ebbf0d;
}

.my-stats-page #guestStatisticsLeaderboardTable tr:nth-child(22) {
    border-top-color: #f3cc2e;
}

.intouch-tab-buttons {
    border-bottom-color: #f3cc2e;
}

.intouch-tab-buttons .intouch-venture-secondary-button:hover {
    background-color: #ebbf0d;
}


/* END OF INTOUCH CHANGES FROM PRESET.LESS */
.intouch-tab-buttons {
    border-bottom-width: 3px;
    border-bottom-style: solid;
}

.intouch-tab-buttons .intouch-venture-secondary-button {
    background-color: #e2e2e2;
}

.intouch-tab-buttons button {
    margin-right: 5px;
}

.participant-photo {
    display: inline-block;
}

.participant-details {
    display: inline-block;
    vertical-align: top;
}

@media (max-width: 767px) {
    .participant-details {
        width: 100% !important;
        display: block;
    }
}

.intouch-activities-datepicker-container {
    z-index: 1;
    position: absolute;
    top: 55px;
    left: 0;
    width: 100%;
}

.intouch-activities-datepicker-container .intouchdatepicker-container {
    margin: auto;
    box-shadow: 0 0 30px -5px rgba(0, 0, 0, 0.75);
}

.light-theme .intouchdatepicker-panel ul > li:not(.disabled).highlighted,
.light-theme .intouchdatepicker-panel ul > li:not(.disabled).highlighted:hover,
.light-theme .intouchdatepicker-panel ul > li:not(.disabled).picked,
.light-theme .intouchdatepicker-panel ul > li:not(.disabled).picked:hover,
.light-theme .intouchdatepicker-panel ul > li:not(.disabled):hover {
    color: #2c2c2c;
}

.dark-theme .intouchdatepicker-panel ul > li:not(.disabled).highlighted,
.dark-theme .intouchdatepicker-panel ul > li:not(.disabled).highlighted:hover,
.dark-theme .intouchdatepicker-panel ul > li:not(.disabled).picked,
.dark-theme .intouchdatepicker-panel ul > li:not(.disabled).picked:hover,
.dark-theme .intouchdatepicker-panel ul > li:not(.disabled):hover {
    color: #2c2c2c;
}

.intouch-venture-major-button {
    height: 50px;
    letter-spacing: 2px;
    padding: 15px 30px 15px 30px;
}

.intouch-venture-minor-button {
    height: 40px;
    letter-spacing: normal;
    padding: 10px 25px 10px 25px;
}

.intouch-venture-next-button {
    margin: 0 0 8px 5px;
}

a.intouch-venture-primary-button:hover,
a.intouch-venture-primary-button:focus,
a.intouch-venture-secondary-button:hover,
a.intouch-venture-secondary-button:focus,
a.button-1:hover,
a.button-2:hover {
    text-decoration: none;
}

.intouch-venture-secondary-button,
.intouch-venture-secondary-button:focus {
    background-color: #f0f0f0;
}

.intouch-venture-secondary-button,
.intouch-venture-secondary-button:focus {
    color: #787878;
}

.intouch-venture-combo input[type=button],
.intouch-venture-combo button {
    color: #323232;
}

.dark-theme .intouch-venture-primary-button,
.dark-theme .intouch-venture-primary-button:focus,
.dark-theme .intouch-venture-secondary-button:hover,
.dark-theme .intouch-venture-combo input[type=button]:hover,
.dark-theme .intouch-venture-combo button:hover {
    color: #2c2c2c;
}

.light-theme .intouch-venture-primary-button,
.light-theme .intouch-venture-primary-button:focus,
.light-theme .intouch-venture-secondary-button:hover,
.light-theme .intouch-venture-combo input[type=button]:hover,
.light-theme .intouch-venture-combo button:hover {
    color: white;
}

.intouch-venture-primary-button,
.intouch-venture-secondary-button,
.intouch-venture-combo input[type=button],
.intouch-venture-combo button {
    border: none;
    display: inline-block;
    font-size: 15px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.intouch-venture-combo {
    display: inline-block;
    width: 100%;
    max-width: 450px;
}

.intouch-venture-combo input[type=text],
.intouch-venture-combo select,
.intouch-venture-combo .intouch-multi-event-prompt {
    height: 50px;
    width: calc(100% - 50px) !important;
    float: left;
}

.intouch-venture-combo .intouch-multi-event-prompt {
    font-family: 'Lato', sans-serif;
    color: #2c2c2c;
    background-color: #f0f0f0;
    text-align: left;
    line-height: 50px;
    padding-left: 20px;
    padding-right: 35px;
    overflow: hidden;
    text-transform: none;
    cursor: default;
}

.intouch-venture-combo input[type=button],
.intouch-venture-combo button {
    height: 50px;
    width: 50px;
    float: left;
    padding: 0;
    margin: 0;
}

.intouch-venture-combo .field-validation-error {
    clear: both;
    text-align: left;
    padding-bottom: 15px;
}

.intouch-venture-email-button {
    background-image: url('../img/subscribe-button.svg');
    background-repeat: no-repeat;
    background-position: center;
}

.light-theme .intouch-venture-email-button:hover {
    background-image: url('../img/subscribe-button-light.svg');
}

.inputs label.intouch-guest-waiver-request-signee-label {
    width: auto;
    float: left;
}

.intouch-hint {
    margin-left: 5px;
    font-size: 15px;
    float: left;
}

.intouch-email-msg,
.intouch-guest-waiver-request-sign-msg {
    margin: 7px 0 8px 0;
    font-size: 15px;
    white-space: normal;
}

.intouch-fieldset {
    max-width: 650px;
    margin: 0 auto 15px auto;
}

.field-validation-error {
    white-space: normal;
}

.intouch-printed-info {
    text-transform: none;
    font-size: 16px;
    font-family: "Lato", sans-serif;
    color: #2c2c2c;
}

.intouch-title-margin {
    margin: 0 0 15px;
}

.intouch-multi-event-editor {
    overflow: hidden;
    padding-top: 10px;
    margin-bottom: 0;
    width: 100%;
}

.intouch-multi-event-editor dt {
    float: left;
    width: calc(100% - 50px) !important;
    line-height: 200%;
    white-space: nowrap;
    font-weight: normal;
    overflow: hidden;
    text-align: left;
    cursor: default;
}
.intouch-multi-event-editor dd {
    float: left;
    margin: 0;
}

.intouch-multi-event-editor dd button {
    line-height: 200%;
    height: auto;
}
.intouch-multi-event-editor button span {
    font-size: 200%;
    font-weight: bold;        
    vertical-align: middle;
}
.intouch-multi-event-editor .remove-event {
    background-color: transparent;
}

.intouch-multi-event-list-clear {
    float: right !important;
    margin-top: 5px !important;
    width: 80px !important;
}

.form-validation-valid {
    display: none;
}

.form-validation-error {
    display: block;
    color: #e75862;
    text-transform: none;
    font-family: 'Lato', sans-serif;
    margin-bottom: 15px;
}

input::placeholder {
    color: #2c2c2c;
    text-transform: none;
    text-overflow: ellipsis;
}

.field-grouping-box {
    border: 1px dashed #ccc;
    border-style: dashed none dashed none;
    padding: 10px 0 0;
    margin: 30px 0 30px;
}

.field-grouping-box:last-child {
    border-bottom-style: none;
}

.field-grouping-box p {
    margin: 0 0 15px;
}

.field-grouping-box p .required {
    vertical-align: baseline;
    height: auto;
}

.field-grouping-box .multi-field.field-validation-error {
    margin-bottom: 15px;
}

.field-grouping-box .multi-field.field-validation-error::before {
    content: none;
}

.intouch-question-mark-icon {
    color: black;
}

/* Override bootstrap styling*/
label {
    max-width: 100%;
    margin-bottom: 0;
    font-weight: normal;
}

.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 0;
    margin-bottom: 0;
    line-height: normal;
    font-weight: normal;
}

ol, ul {
    margin-bottom: 0;
    margin-top: 0;
}

.intouch-modal-body hr {
    margin-top: 15px;
    margin-bottom: 15px;
}

.pager li > span {
    background-color: #fff;
}

.pager li > a {
    color: #2c2c2c;
    background-color: #e7e7e7;
    text-decoration: none;
}

.pager li > a:hover {
    background-color: #d5d5d5;
}

.pager li > a,
.pager li > span {
    border-radius: 0;
    border: 0;
    padding: 11px;
}

@media print {
    a[href]:after {
        content: none !important;
    }
}

/* New Modal - Bootstrap free */
#intouch-modal-wrapper {
    display: none;
}

body.intouch-modal-show > * {
    display: none;
}
body.intouch-modal-show > #intouch-modal-wrapper,
body.intouch-modal-show > #spinner {
    display: block;
}

.intouch-modal-body {
    background: white;
    max-width: 1200px;
    margin: 0 auto;
}

.intouch-modal-header {
    display: table;
    padding: 10px 15px;
    width: 100%;
}
.intouch-modal-body-dark-layout .intouch-modal-header {
    background: #2c2c2c;
    color: white;
}
.intouch-modal-header .intouch-modal-logo {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    width: 25%;
}
.intouch-modal-header .intouch-modal-logo .logo img {
    max-height: 40px;
}
.intouch-modal-header .intouch-modal-title {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 0 15px;
    width: 50%;
}
.intouch-modal-body-dark-layout .intouch-modal-header .intouch-modal-title {
    color: white;
}
.intouch-modal-header .intouch-modal-close {
    display: table-cell;
    vertical-align: top;
    text-align: right;
    width: 25%;
}
.intouch-modal-body-dark-layout .modal-header {
    background: #2c2c2c;
}
.intouch-modal-header .intouch-modal-close .close {
    opacity: 1;
}
.intouch-modal-body-dark-layout .intouch-modal-header .intouch-modal-close .close {
    color: white;
}
.intouch-modal-body-light-layout .intouch-modal-header .intouch-modal-close .close {
    color: black;
}


/* Intouch Modal Dialog settings*/
.modal-open {
    padding-right: 0 !important;
}

.intouch-modal-body .validation-summary-errors {
    font-size: 14px;
}

.intouch-modal-body .modal-footer {
    margin-right: 10px;
}

.intouch-modal-body .form-horizontal .form-group {
    margin-bottom: 0;
    margin-right: 0;
}

.intouch-modal-body input[type="text"],
.intouch-modal-body input[type="email"],
.intouch-modal-body input[type="number"],
.intouch-modal-body input[type="date"],
.intouch-modal-body .k-datepicker,
.intouch-modal-body select {
    width: 100%;
}

.intouch-modal-body .k-input[readonly] {
    background: #e2e2e2;
    color: #2c2c2c;
}

.attributes .k-datepicker input[type="text"],
.intouch-modal-body .k-datepicker input[type="text"] {
    height: 50px;
}

.intouch-modal-body .k-datepicker .k-input {
    font-family: Lato, sans-serif;
    text-indent: 20px;
}
/* Align the title with the logo image*/
.intouch-modal-body .modal-title {
    margin-top: 30px;
    margin-left: 10px;
}

.intouch-modal-body .modal-header {
    padding-top: 0;
    padding-bottom: 0;
}

.intouch-modal-body {
    text-align: left;
}

/* Add a top margin to align the prompt with the input control*/
.intouch-modal-body .intouch-prompt {
    margin-top: 10px;
}

.intouch-dob {
    display: inline-block;
    width: 100%;
}

.intouch-dob-part {
    display: inline-block;
}

.intouch-dob-part label {
    width: 100%; 
    text-transform: none; 
    color: #2c2c2c; 
    font-size: 15px; 
    font-weight: normal; 
    font-family: 'Lato', sans-serif;
}

.intouch-dob-part input {
    width: 100%;
}

.intouch-dob-part + .intouch-dob-part {
    margin-left: 10px;
}

.intouch-dob-part-day,
.intouch-dob-part-month {
    width: 25%;
}

.intouch-dob-part-year {
    width: calc(50% - 20px);
}

#intouch-party-member-dob-label,
.date-of-birth .required {
    padding-top: 20px;
}

/* Set the Add Party Member button format*/
button.intouch-party-member-show.button-2,
button.intouch-fullcalendar-show.button-2,
button.intouch-flexpricing-show.button-2 {
    padding-left: 10px;
    padding-right: 10px;
}

#intouch-party-member-search {
    margin: 0;
    padding: 15px 30px;
}

.intouch_pass_status_message {
    color: red;
    text-transform: none;
}

.intouch-venture-combo #intouch-party-member-search {
    padding: 0;
    margin: 0;
}

.intouch-modal-body span.k-widget.k-datepicker span.k-select {
    padding-top: 8px;
}

.intouch-modal-body #intouchDateOfBirth,
.intouch-modal-body span.k-widget.k-datepicker.k-header,
.intouch-modal-body span.k-widget.k-datepicker span.k-picker-wrap.k-state-default,
.intouch-modal-body span.k-widget.k-datepicker span.k-picker-wrap.k-state-default.k-state-hover,
.intouch-modal-body span.k-widget.k-datepicker span.k-picker-wrap.k-state-default.k-state-focused {
    border: none;
    border-color: transparent;
    border-radius: 0;
    box-shadow: none;
}

.intouch-modal-body #intouch-party-member-found {
    text-transform: none;
    color: #2c2c2c;
    font-family: Lato, sans-sarif;
    font-size: 15px;
}

td.intouch-party-member {
    width: 350px
}

.intouchCheckoutPartyMemberSelection {
    padding-bottom: 10px;
    text-align: center;
}

.intouchPartyMemberSelectionLabel {
    padding-right: 2em;
    color: #2c2c2c;
}

/* Intouch attribute styling */
.attributes {
    padding-top: 1px !important;
}

.attributes span.k-widget.k-datepicker.k-header {
    width: 450px;
    max-width: 100%;
}

.attributes span.k-widget.k-datepicker.k-header input[type="text"] {
    height: 50px !important;
}

.attributes .k-datepicker .k-input {
    font-family: Lato, sans-serif;
    text-indent: 20px;
}

.attributes #intouchDateOfBirth,
.attributes span.k-widget.k-datepicker.k-header,
.attributes span.k-widget.k-datepicker span.k-picker-wrap.k-state-default,
.attributes span.k-widget.k-datepicker span.k-picker-wrap.k-state-default.k-state-hover,
.attributes span.k-widget.k-datepicker span.k-picker-wrap.k-state-default.k-state-focused {
    border: none;
    border-color: transparent;
    border-radius: 0;
    box-shadow: none;
}


.attributes span.k-widget.k-datepicker.k-header {
    width: 450px;
    max-width: 100%;
}

.attributes span.k-widget.k-datepicker.k-header input[type="text"] {
    height: 50px !important;
}

.attributes .k-datepicker .k-input {
    font-family: Lato, sans-serif;
    text-indent: 20px;
}

.attributes #intouchDateOfBirth,
.attributes span.k-widget.k-datepicker.k-header,
.attributes span.k-widget.k-datepicker span.k-picker-wrap.k-state-default,
.attributes span.k-widget.k-datepicker span.k-picker-wrap.k-state-default.k-state-hover,
.attributes span.k-widget.k-datepicker span.k-picker-wrap.k-state-default.k-state-focused {
    border: none;
    border-color: transparent;
    border-radius: 0;
    box-shadow: none;
}

.hr-text {
    line-height: 1em;
    position: relative;
    outline: 0;
    border: 0;
    color: black;
    text-align: center;
    height: 1.5em;
    opacity: .5;
}

.hr-text:before {
    content: '';
    background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#818078), to(transparent));
    background: linear-gradient(to right, transparent, #818078, transparent);
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
}

.hr-text:after {
    content: attr(data-content);
    position: relative;
    display: inline-block;
    color: black;
    padding: 0 .5em;
    line-height: 1.5em;
    color: #818078;
    background-color: #fcfcfa;
}

.intouch-event-fullybooked {
    padding: .3em 1.4em .3em .6em;
    background: lightgrey;
    border-color: lightgrey;
    height: 100%;
    margin: 0;
}

#intouch-party-member-body {
    color: black;
    padding: 20px 30px;
    text-align: left;
}

#intouch-giftcard-option-button,
#intouch-party-member-option-button,
#intouch-payment-plan-pay-now-option-button,
#intouch-payment-plan-change-option-button {
    padding: 20px 30px;
    text-align: center;
    border-top: 1px dashed #ccc;
}

#intouch-party-member-option-button button {
    margin-bottom: 8px;
}

.intouch-customer-merge-item {
    overflow: hidden;
    width: 100%;
}

.intouch-customer-merge-item .details {
    margin: 0 5px 0 50px;
    float: left;
}

.intouch-customer-merge-item .details .title {
    border-bottom-width: 0;
}

.intouch-customer-merge-item .actions {
    position: static;
    float: right;
    margin: 0 50px 0 5px; 
    padding: 0;
}

.intouch-customer-merge-item .actions .button-1,
.intouch-customer-merge-item .actions .button-2,
.intouch-customer-merge-result-page .buttons .button-1 {
    padding: 15px 35px;
    margin: 0 auto;
}

@media screen and (max-width: 768px) {
    .intouch-customer-merge-page .details,
    .intouch-customer-merge-item .actions {
        float: none;
        margin: 0 auto;
        width: 100%;
    }
}

/* ie10 & 11 Styles for widths above 1200*/
@media screen and (min-width: 1201px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* Show the tooltip text when you mouse over the tooltip container */
    .intouch-tooltip:hover .intouch-tooltiptext {
        visibility: visible;
        animation-name: tooltipFadeInToLeft;
        animation-duration: 0.5s;
    }
}

@media screen and (min-width: 1201px) {
    /* Tooltip text */
    .intouch-tooltip .intouch-tooltiptext {
        visibility: hidden;
        width: 120px;
        background-color: gray;
        color: #fff;
        text-align: center;
        padding: 5px 0;
        border-radius: 6px;
        /* Position the tooltip text - see examples below! */
        position: absolute;
        z-index: 100;
        left: -100px;
    }
}

/* Tooltip animation*/
@keyframes tooltipFadeInToLeft {
    0% {
        opacity: 0;
        left: -80px;
    }

    100% {
        opacity: 1;
        left: -100px
    }
}

/* All other browsers handle above 1200px correctly so just handle tooltip below 1200px*/
@media screen and (min-width: 480px) and (max-width:1200px) {
    /* Show the tooltip text when you mouse over the tooltip container */
    .intouch-tooltip:hover .intouch-tooltiptext {
        visibility: visible;
        animation-name: tooltipFadeIn;
        animation-duration: 0.5s;
    }
}

@media screen and (max-width:1200px) {
    /* Tooltip text */
    .intouch-tooltip .intouch-tooltiptext {
        visibility: hidden;
        width: 120px;
        background-color: gray;
        color: #fff;
        text-align: center;
        padding: 5px 0;
        border-radius: 6px;
        /* Position the tooltip text - see examples below! */
        position: absolute;
        z-index: 100;
        left: 20px;
        top: -10px;
    }
}

/* Tooltip animation*/
@keyframes tooltipFadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.intouch-input-prompt {
    clear: both;
    font: normal 12px 'Lato', sans-serif;
    text-transform: none;
    white-space: normal;
}

.intouch-party-member-icon {
    font-family: "venture-font";
    content: "h";
}

.intouch-modal-body .button-2 {
    height: 50px;
    margin: 0 5px 10px;
    border: none;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #323232;
    padding: 15.5px 30px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

@media screen and (min-width: 1201px) {
    button.intouch-party-member-show.button-2,
    button.intouch-fullcalendar-show.button-2,
    button.intouch-flexpricing-show.button-2 {
        height: 50px;
        width: 50px;
        border: none;
        letter-spacing: 2px;
        text-transform: uppercase;
        color: #323232;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }
}

@media all and (max-width: 1200px) {

    td.intouch-party-member {
        width: 100%;
    }

    /*Top margin is not needed when smaller dialog header is displayed */
    .intouch-modal-body .modal-title {
        margin-top: 0;
    }

    .intouch-modal-body .modal-header {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

@media all and (min-width: 1201px) {
    .intouch-extended-dropdownlist {
        background-color: #f0f0f0;
    }

    .attributes .qq-upload-button {
        border-left: 1px dashed #ccc !important;
    }

    .header-logo a img {
        padding: 10px 0;
    }
}

@media all and (max-width: 768px) {
    /* Remove the prompt margin when the prompt goes above the input control*/
    .intouch-modal-body .intouch-prompt {
        margin-top: 0;
    }

    #intouch-party-member-dob-label {
        padding-top: 0;
    }

    /* Add a top margin when the Search button goes below the Pascode text box*/
    #intouch-party-member-search {
        margin-top: 5px;
    }
}


/* INTOUCH GUEST WAIVERS - CHECKOUT AND ACCOUNTS */

/* Common Styling */
#intouch-guest-waiver-result-list {
    margin-top: 30px;
    border-top: 1px dashed #ccc;
    padding-top: 30px;
}
.inputs.intouch-guest-waiver-inputs {
    width: 100%;
}
.intouch-guest-waiver-name {
    font: normal 16px 'Fjalla One', sans-serif;
    color: #2c2c2c;
    text-transform: uppercase;
    margin: 0 0 10px;
}

.intouch-guest-waiver-request-sign-disclaimer {
    margin: 15px 0;
    font-size: 15px;
    white-space: normal;
    text-transform: none;
}

.intouch-major-note {
    font: normal 15px 'Fjalla One', sans-serif;
    color: #2c2c2c;
    text-transform: none;
    line-height: 25px;
    white-space: normal;
}

.intouch-minor-note {
    font: normal 15px 'Lato', sans-serif;
    color: #2c2c2c;
    text-transform: none;
    line-height: 25px;
    white-space: normal;
}

/* Styling for printing only waiver content */
@media print {
    #intouch-report-dialog > #intouch-report-option-button,
    #intouch-waiver-dialog > #intouch-guest-waiver-option-button {
        display: none;
    }

    #intouch-report-dialog > form > *,
    #intouch-waiver-dialog > form > *,
    .intouch-modal-header, .intouch-report-details {
        display: none;
    }

    #intouch-report-dialog > form > #intouch-report-content,
    #intouch-waiver-dialog > form > #intouch-guest-waiver-content,
    #intouch-waiver-dialog > form > .intouch-guest-waiver-sign,
    #intouch-report-dialog > #intouch-report-content, #intouch-report-dialog > .intouch-guest-waiver-sign {
        display: block;
        border: 0;
        padding-left: 0;
        padding-right: 0;
    }
}

/* Styling for viewing waiver and signing controls */
.intouch-report-details,
.intouch-guest-waiver-details {
    font-family: 'Lato', sans-serif;
    padding: 20px 30px;
}
#intouch-report-content,
#intouch-guest-waiver-content {
    font-family: 'Lato', sans-serif;
    color: black;
    border-top: 1px dashed #ccc;
    padding: 20px 30px;
    text-transform: none;
    text-align: left;
}
.intouch-guest-waiver-sign {
    border-top: 1px dashed #ccc;
    padding: 20px 30px 5px 30px;
}
.intouch-guest-waiver-sign input::-webkit-input-placeholder /* Chrome/Opera/Safari */ {
    color: #d0d0d0;
}
.intouch-guest-waiver-sign input::-moz-placeholder /* Firefox 19+ */ {
    color: #d0d0d0;
}
.intouch-guest-waiver-sign input:-ms-input-placeholder /* IE 10+ */ {
    color: #d0d0d0;
}
.intouch-guest-waiver-sign input:-moz-placeholder /* Firefox 18- */ {
    color: #d0d0d0;
}
/* Change spacing of label to provide room for 'required' hint to be displayed to dummy checkbox */
#intouch-guest-waiver-confirm-label {
    display: inline-block;
    padding-left: 36px;
}
#intouch-guest-waiver-confirm-label:before {
    border-color: #ccc;
    left: 11px;
}
.inputs input[type='checkbox']:checked ~ #intouch-guest-waiver-confirm-label:after {
    left: 14px;
}

/* Display boxes of waivers */
#party-member-waivers {
    text-align: center;
    padding: 0;
}
#party-member-waivers .party-member-waiver {
    float: left;
    margin: 0 0 20px 2%;
    height: 250px;
    position: relative;
    background: white;
    box-shadow: 0 0 14px rgba(0, 0, 0, 0.06);
}

.email-signing-waiver-details .party-member-waiver {
    display: flex;
    flex-direction: column;
    text-align: center;
    padding: 10px;
}

#intouch-guest-waivers-send,
.party-member-waiver-box {
    padding: 30px;
    margin-bottom: 0;
    font-family: 'Lato', sans-serif;
    text-transform: none;
    color: #2c2c2c;
}
.party-member-anonymous-waiver-box {
    padding: 30px 30px 0 30px;
    margin-bottom: 0;
    font-family: 'Lato', sans-serif;
    text-transform: none;
    color: #2c2c2c;
}

.party-member-anonymous-inputs {
    position: relative;
    margin-bottom: 5px;
    white-space: nowrap;
    width: 650px;
    max-width: 100%;
}

.party-member-anomymous-options-labels {
    margin-top:4px;
    margin-left:5px;
}

.party-member-anonymous-email-input {
    display: flex;
    flex-direction: row;
    gap: 5px;
}

.party-member-anonymous-email-error {
    color:red;
}

.party-member-anonymous-inputs-outer-wrapper
{
    display:flex;
    flex-direction:column;
    align-items:center;
}

.party-member-anonymous-inputs-inner-wrapper
{
    text-align:left;
    width:300px;
}

#intouch-guest-waivers-anonymous-options {
    padding: 10px 50px 0 50px;
    text-overflow: ellipsis;
    height: 150px;
    text-align: left;
}

@media (min-width: 1201px) {
    #party-member-waivers .party-member-waiver {
        text-align: left;
        width: 32%;
    }

    #intouch-guest-waivers-send,
    .party-member-waiver-box {
        padding: 45px 50px 0 50px;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 150px;
    }

    #party-member-waivers .party-member-waiver:nth-child(3n + 1) {
        margin-left: 0;
        clear: both;
    }
}
@media (min-width: 768px) and (max-width: 1200px) {
    #party-member-waivers .party-member-waiver {
        width: 49%;
    }

    #party-member-waivers .party-member-waiver:nth-child(2n + 1) {
        margin-left: 0;
        clear: both;
    }

    #intouch-guest-waivers-send,
    .party-member-waiver-box {
        overflow: hidden;
        text-overflow: ellipsis;
        height: 150px;
    }
}
@media (max-width: 767px) {
    #party-member-waivers .party-member-waiver {
        width: 100%;
        height: auto;
        margin-left: 0;
        clear: both;
    }
}
/* Style button containers on waiver checkout */
#intouch-report-option-button,
#intouch-guest-waiver-option-button,
#intouch-guest-waiver-next-button,
#party-member-waivers .intouch-guest-waiver-buttons {
    padding: 20px 30px;
    text-align: center;
    border-top: 1px dashed #ccc;
}

@media all and (min-width: 768px) {
    .order-item,
    .address-item.party-member-waiver {
        display: flex;
        justify-content: space-between;
    }
    .buttons.intouch-order-buttons,
    .buttons.intouch-guest-waiver-buttons {
        position: relative;
        text-align: right;
        margin: auto 0 auto 0;
        top: 0;
        bottom: 0;
    }
}

/* Style send waiver checkbox on waiver checkout */
#intouch-guest-waivers-send {
    font-size: 15px;
    line-height: 20px;
    position: relative;
    margin-bottom: 0;
}
#intouch-guest-waivers-send input[type='checkbox'] {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    z-index: -1;
    opacity: 0;
}
#intouch-guest-waivers-send input[type='checkbox'] ~ label {
    max-width: 300px;
    margin: auto;
    padding: 0 0 0 37px;
    color: #2c2c2c;
    white-space: normal;
}
#intouch-guest-waivers-send input[type='checkbox'] ~ label:before {
    border-color: #ccc;
}
/* Fallback to standard colouring */
.party-member-waiver input[type='checkbox']:checked ~ label:after {
    background: #f3cc2e;
}
.party-member-waiver .button-1 {
    background: #f3cc2e;
}
.party-member-waiver .button-1 button:hover {
    background: #ebbf0d;
}

/* Special styling for one page checkout */
#opc-intouch-guest-waivers {
    margin: 50px 10px 20px 10px;
}
#intouch-guest-waivers-buttons-container {
    clear: both;
}

/* Waiver Account */
@media all and (min-width: 481px) {
    .customer-pages-body .block .list .customer-intouch-waivers a:before { content: "T"; }
}

/* Purchased Products */
@media all and (min-width: 481px) {
    .customer-pages-body .block .list .customer-intouch-guest-products a:before { content: "O"; }
}

/* Assign media */
.account-page .button-2.cancel-assignment-button {
    margin-left: 1em;
}

.upper-case-only {
    text-transform: uppercase !important;
}

/* Associations Account */
@media all and (min-width: 481px) {
    .customer-pages-body .block .list .customer-intouch-association a:before { content: "D"; }
}

/* Guest Groups Account */
@media all and (min-width: 481px) {
    .customer-pages-body .block .list .customer-intouch-guestgroups a:before {
        content: "hD";
    }
}
/* Stored Value Account */
@media all and (min-width: 481px) {
    .customer-pages-body .block .list .customer-intouch-stored-value a:before {
        content: "\E225";
        font-family: "Glyphicons Halflings";
        font-size: 110%;
    }
}

/* Activities */
@media all and (min-width: 481px) {
    .customer-pages-body .block .list .customer-intouch-activities a:before {
        content: "\e109";
        font-family: "Glyphicons Halflings";
        font-size: 110%;
    }
}

/* Smart Vouchers */
.intouch-voucher-payment {
    margin-top: 10px;
}

@media all and (min-width: 481px) {
    .customer-pages-body .block .list .customer-intouch-smart-vouchers a:before {
        content: "\E224";
        font-family: "Glyphicons Halflings";
        font-size: 110%;
    }
}

/* Guest Statistics */
@media all and (min-width: 481px) {
    .customer-pages-body .block .list .customer-intouch-guest-statistics a:before {
        content: "\E185";
        font-family: "Glyphicons Halflings";
        font-size: 110%;
    }
}

/* Payment Plans */
@media all and (min-width: 481px) {
    .customer-pages-body .block .list .customer-intouch-payment-plans a:before {
        content: "\e032";
        font-family: "Glyphicons Halflings";
        font-size: 110%;
    }
}

/* Re-align buttons on add to cart dialog when there are three buttons */
a.continueShoppingLink + a.viewBasketLink,
a.continueReschedulingLink + a.viewBasketLink {
    margin: 0;
}
a.viewBasketLink + div {
    width: 100%;
    margin-top: 11px;
}

.smart-voucher-page {
    color: #2c2c2c;
}

.stored-value-page {
    color: #2c2c2c;
}

.stored-value-page .balance {
    font-size: 25px;
}

.account-page.stored-value-page .button-2 {
    margin: 0;
    float: right;
}

@media (max-width: 767px) {
    .stored-value-page .balance {
        font-size: 18px;
    }

    .account-page.stored-value-page .button-2 {
        display: block;
        margin: 10px auto 0 auto;
        float: none;
    }
}

.stored-value-balance {
    padding-bottom: 15px;
    border-bottom: 1px dashed #ccc;
}

.transaction-lines {
    padding-top: 50px;
}

.transaction-lines tr:first-child {
    border-bottom: 1px dashed #ccc;
}

.transaction-lines td,
.transaction-lines th
{
    font-size: 13px;
    padding: 3px;
}

.transaction-lines td.currency,
.transaction-lines th.currency {
    text-align: right;
}

.stored-value-page .inputs {
    margin: 0 auto;
    width: 680px;
}

/* Flex pricing dialog*/
.intouch-flex-pricing-option-buttons,
.intouch-fullcalendar-option-buttons {
    text-align: center;
}

button.intouch-flexpricing-close.button-2,
button.intouch-flexpricing-select.button-2 {
    margin-top: 5px;
}

.fc-event {
    color: #2c2c2c;
    background-color: white;
}

.light-theme .fc-event:hover:not(.fc-event-disabled),
.light-theme .fc-event-highlight,
.light-theme .fc .fc-center:hover,
.light-theme .fc-button.fc-state-active,
.light-theme .fc-button:hover:not(.fc-state-disabled) {
    color: white;
}

.dark-theme .fc-event:hover:not(.fc-event-disabled),
.dark-theme .fc-event-highlight,
.dark-theme .fc .fc-center:hover,
.dark-theme .fc-button.fc-state-active,
.dark-theme .fc-button:hover:not(.fc-state-disabled) {
    color: #2c2c2c;
}

.flex tr.intouch-price-container .fc-content {
    padding-top: 20px;
    padding-bottom: 20px;
}

.flex .intouch-price-container {
    padding-top: 14px;
    padding-bottom: 14px;
}

.flex .intouch-price {
    height: 70%;
    text-align: center;
}

.flex .intouch-price-details {
    height: 30%;
    text-align: center;
    padding: 2px 0 2px 0;
}

.flex .intouch-price-lowremaining {
    color: red;
    background: white;
    padding: 2px;
}

.flex .intouch-day-flex-details {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    color: black;
    text-align: center
}

.flex .intouch-day-flex-price {
    width: 100%;
    font-size: large;
    margin-bottom: 10px;
}


@media all and (min-width: 1021px) {
    .flex .intouch-price {
        font-size: large;
    }

    .flex .intouch-price-details {
        font-size: x-small;
    }
}

@media all and (max-width:1020px) {
    .flex .intouch-price {
        font-size: large;
    }

    .flex .intouch-price-details {
        font-size: xx-small;
    }
}

/*Vouchers*/
#intouch-voucher-tabs {
    text-align: center;
    padding-top: 20px;
}

#intouch-voucher-tab-list {
    display: inline-block;
}

.intouch-voucher-tab-invalid {
    color: red !important;
}

#intouch-voucher-tab-select {
    margin: auto;
    text-transform: uppercase;
    font-family: inherit;
    color: black;
    border-bottom: 1px solid #ddd;
    margin-bottom: 5px;
}

#intouch-voucher-tabs > ul.nav-tabs > li.active > a {
    background-color: transparent;
}

#intouch-voucher-tabs > ul.nav-tabs > li:not(.active) > a:hover {
    text-decoration: underline;
    border-bottom: none;
}

#intouch-voucher-tabs > ul.nav-tabs > li.active > a {
    border-bottom-width: thick;
}

.voucher-productgroup-enter-quantity-product .product-variant-line,
.voucher-productgroup-select-product .product-variant-line {
    padding-top: 20px;
    padding-bottom: 20px;
}

.selectable-product-list .voucher-productgroup-select-product .variant-picture {
    display: none;
}

.selectable-product-list .voucher-productgroup-select-product .attributes {
    margin-top: 0;
    margin-bottom: 0;
}

.selectable-product-list .voucher-productgroup-select-product dl {
    margin-bottom: 0;
}

.voucher-details-page .prices,
.voucher-details-page .variant-overview-buttons,
.voucher-details-page .variant-overview .attributes {
    margin: 0;
}

.voucher-details-page .variant-overview-buttons {
    width: unset;
}

.voucher-details-page .variant-overview {
    max-width: 525px;
}

.voucher-details-page .variant-price {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.voucher-details-page .variant-price > div {
    float: none;
}

@media all and (max-width: 480px) {
    .voucher-details-page .variant-overview-buttons.overview-buttons .qty-label {
        display: inline-block;
    }
}

.voucher-details-page .stock {
    margin-top: 5px;
}

@media all and (max-width:1000px) {

    .voucher-details-page .variant-overview {
        max-width: 450px;
    }

    .voucher-details-page .variant-description,
    .voucher-details-page .variant-overview,
    .voucher-details-page .variant-price {
        margin-left: auto;
        margin-right: auto;
    }
}

@media all and (min-width:600px) {
    .selectable-product-list .product-variant-line,
    .auto-add-product-list .product-variant-line,
    .enter-quantity-product-list .product-variant-line {
        width: 80%;
        margin-right: auto;
        margin-left: auto;
    }
}

@media all and (max-width:600px) {
    #intouch-voucher-tabs {
        padding-right: 0;
        padding-left: 0;
    }
}

.voucher-redemption-page .page-body,
.voucher-transfer-page .page-body,
.product-transfer-page .page-body,
.registration-password-page .page-body {
    background: #fff;
    box-shadow: 0 0 14px rgba(0, 0, 0, 0.06);
    max-width: 750px;
    margin: auto;
}

.voucher-transfer-page .page-body {
    max-width: 790px;
}

.voucher-redemption-page .buttons,
.voucher-transfer-page .buttons,
.product-transfer-page .buttons,
.registration-password-page .buttons {
    margin: 0;
    padding: 20px;
    border-top: 1px dashed #ccc;
}

.voucher-redemption-page .button-1,
.voucher-transfer-page .button-1,
.product-transfer-page .button-1 {
    padding: 15px 35px;
    border: none;
    letter-spacing: 2px;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.product-transfer-page .button-1 {
    display: inline-block;
}

.voucher-transfer-page .inputs.select-associate,
.product-transfer-page .inputs.select-associate {
    font-size: 1em;
    width: 650px;
    margin-left: 0;
}

.inputs.select-associate .intouch-venture-combo .required {
    margin-top: 20px;
}

.voucher-redemption-page .message-error,
.voucher-transfer-page .message-error,
.product-transfer-page .message-error,
.payment-method .message-error,
.registration-password-page .message-error {
    text-align: center;
    padding-top: 20px;
}

#intouch-payment-plan-change-body .section.payment-method,
#intouch-payment-plan-change-body .section.payment-info {
    box-shadow: none;
}

.intouch-payment-plan-change-response {
    padding: 20px;
    text-align: center;
}

.voucher-transfer-page .info,
.product-transfer-page .info {
    text-align: center;
    padding-top: 30px;
}

.product-transfer-page .info {
    text-transform: none;
    font-family: 'Lato', sans-serif;
}

.voucher-overview-productgroup-name {
    text-align: left;
}

.voucher-overview-section {
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    color: #2c2c2c;
    text-transform: none;
    text-align: left;
    line-height: 25px;
}

.voucher-overview-page {
    width: 700px;
    margin-left: auto;
    margin-right: auto;
    background: white;
}

.voucher-overview-header {
    width: inherit;
    text-align: center;
    font-size: 25px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: thin dashed #D4D4D4;
}

.voucher-overview-table {
    padding-left: 55px;
    padding-right: 55px;
    padding-bottom: 15px;
    margin-bottom: 27px;
}

.voucher-overview-section {
    border-bottom: thin dashed #D4D4D4;
    margin-top: 10px;
    margin-bottom: 10px;
}

.voucher-overview-section-header {
    font-size: 20px;
    color: black;
    margin-bottom: 10px;
    margin-top: 10px;
}

.voucher-overview-section-content {
    margin-bottom: 10px;
    margin-top: 10px;
}

.voucher-overview-productline {
    margin-left: 80px;
}

.voucher-overview-button {
    padding: 15px 30px 15px 30px;
    margin: 0 0 10px 8px;
}

@media all and (max-width:700px) {
    .voucher-overview-page {
        width: 100%;
    }

    .voucher-overview-table {
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 15px;
    }

    .voucher-overview-productgroup-name,
    .voucher-overview-section {
        text-align: center;
    }

    .voucher-overview-productline {
        margin-left: 0;
    }
}

.intouch-voucher-product-selection {
    font-family: 'Lato', sans-serif;
    font-size: 20px;
    color: #2c2c2c;
    border-top: 1px dashed #ccc;
    text-transform: none;
    text-align: center;
    vertical-align: middle;
    height: 32px;
    margin-top: 30px;
    width: 100%;
}

.intouch-voucher-product-selector-wrapper {
    width: 100px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 10px;
}

.enter-quantity-product-list input[readonly].qty-input {
    background: #f0f0f0;
}

.voucher-productgroup-enter-quantity-product {
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    color: #2c2c2c;
    text-transform: none;
    text-align: center;
    line-height: 25px;
}

.quantity-validation-message {
    color: red;
}

/*End of vouchers*/

/* Guest groups */
.registration-password-page .hint {
    padding: 30px 50px 0;
    text-transform: none;
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    line-height: 25px;
    color: #989898;
}

/*#region Guest Product list*/

.guestproducts-status-select {
    width: 100%;
    margin-bottom: 20px;
}

.guestproduct-list .guestproduct-title {
    color: black;
}

.guestproduct-list {
    width: 100%;
}

.guestproduct-row {
    display: flex;
    align-items: center;
    flex-flow: row nowrap;
    border-bottom: 1px dashed #ccc;
}

.guestproduct-row.transfer{
    padding-bottom: 15px;
    padding-top: 10px;
    margin-bottom: 30px;
}

.guestproduct-picture {
    margin-right: 20px;
}

.guestproduct-picture img {
    margin-top: 10px;
    margin-bottom: 10px;
    max-width: 100px;
    min-width: 100px;
}

.guestproduct-info {
    margin: 10px;
    flex-grow: 2;
}

.guestproduct-info .guestproduct-data {
    font-size: 15px;
    font-family: 'Lato', sans-serif;
    line-height: 25px !important;
    text-transform: none;
}

.guestproduct-buttons {
    display: flex;
    flex-flow: row nowrap;
    align-self: flex-end;
    margin-bottom: 10px;
}

.guestproduct-buttons a {
    white-space: nowrap;
}

.guestproduct-buttons .button-2 {
    margin-left: 10px;
    white-space: nowrap;
}

@media all and (max-width:800px) {
    .guestproduct-row {
        display: flex;
        align-items: center;
        flex-flow: column nowrap;
        border-bottom: 1px dashed #ccc;
    }

    .guestproduct-picture {
        margin-top: 20px;
    }
    .guestproduct-buttons {
        display: flex;
        align-self: center;
        flex-flow: row nowrap;
        margin-bottom: 30px;
    }
}

.guestproducts-status-select-title {
    margin-bottom: 7px;
}

/*#endregion Guest Product list*/

/*#region Guest Association list*/

.guestassociation-row {
    display: flex;
    align-items: center;
    flex-flow: row nowrap;
    border-bottom: 1px dashed #ccc;
    min-height: 121px;
}

.guestassociation-picture {
    margin-right: 20px;
}

.guestassociation-picture img {
    margin-top: 10px;
    margin-bottom: 10px;
    max-width: 100px;
    min-width: 100px;
}

.guestassociation-info {
    font-size: 15px;
    font-family: 'Lato', sans-serif;
    line-height: 25px !important;
    text-transform: none;
    margin: 10px;
    flex-grow: 2;
}

.guestassociation-info .guestassociation-title {
    font-family: 'Fjalla One', sans-serif;
}

.guestassociation-buttons {
    display: flex;
    flex-flow: row nowrap;
    align-self: flex-end;
    margin-bottom: 10px;
}

.guestassociation-buttons .button-2 {
    margin-left: 10px;
    white-space: nowrap;
}

@media all and (max-width:800px) {
    .guestassociation-row {
        display: flex;
        align-items: center;
        flex-flow: column nowrap;
        border-bottom: 1px dashed #ccc;
    }

    .guestassociation-picture {
        margin-top: 20px;
    }

    .guestassociation-buttons {
        display: flex;
        align-self: center;
        flex-flow: row nowrap;
        margin-bottom: 30px;
    }
}

/*#endregion Guest Association list*/

.light-theme .button-1 {
    color: white;
}

.dark-theme .button-1 {
    color: #2c2c2c;
}

.intouch-dialog-content {
    font-family: "Lato", sans-serif;
    color: rgb(144, 144, 144);
    text-transform: none;
    font-weight: normal;
}

/*Questionnaires*/
.questionnaireTabs .tab-select {
    margin-bottom: 20px;
}

.questionnaireTabs .tab-select-content {
    background: #fff;
    box-shadow: 0 0 14px rgba(0,0,0,0.06);
    padding: 16px 30px 1px 30px;
}

.questionnaireTabs .tab-content {
    background: #fff;
    box-shadow: 0 0 14px rgba(0,0,0,0.06);
}

.questionnaireTabs .tab-buttons {
    background: #fff;
    box-shadow: 0 0 14px rgba(0,0,0,0.06);
    border-top: 1px dashed #ccc;
    padding: 20px 0 20px 0;
    text-align: center;
}

textarea.auto-resize,
.feature textarea {
    height: 50px;
    padding: 16px 20px;
    min-height: 0;
    resize: none;
    overflow: hidden;
}

@media all and (max-width: 767px) {
    .questionnaires div.save {
        margin: auto;
        padding: 20px 0;
    }
}

@media all and (min-width: 768px) {
    .questionnaires div.save {
        margin: auto;
        float: right;
        padding: 20px 0;
    }
}


/* Guest Statistics */
.my-stats-page #timeframeContainer, #chartViewContainer {
    width: 100%;
    text-align: center;
    position: relative;
}

.my-stats-page #chartContainer {
    position: relative;
    margin: auto;
    width: 90%;
    height: 300px;
}

.my-stats-page #chartLegend {
    width: 60%;
    margin: auto;
    padding-bottom: 30px;
}

.my-stats-page #chartLegend ul {
    display: flex;
    justify-content: center;
}

.my-stats-page #chartLegend li {
    display: inline-block;
    font-size: 0.9em;
    cursor: pointer;
    margin: 0 10px;
}

 .my-stats-page #chartLegend li span {
    width: 12px;
    height: 12px;
    margin-right: 5px;
    display: inline-block;
 }

.my-stats-page #chartLegend li.strikeout {
    position: relative;
}

.my-stats-page #chartLegend li.strikeout::after {
    border-bottom: 1em solid rgba(255,255,255, 0.75);
    content: "";
    left: 0;
    margin-top: calc(1em / 2 * -1);
    position: absolute;
    right: 0;
    top: 46%;
}

.my-stats-page #statisticsContainer {
    width: 60%;
    margin: 0 20%;
    padding: 20px 0 40px 0;
}

.my-stats-page #statisticsContainer ul {
    display: flex;
    justify-content: space-between;
}

.my-stats-page #statisticsContainer li {
    display: inline-block;
    font-weight: bold;
    text-align: center;
}

.my-stats-page #statisticsContainer li p + span {
    font-size: 1.5em
}

.my-stats-page .switch-field {
    padding: 20px 0;
    overflow: hidden;
    display: inline-block;
}

.my-stats-page .switch-field div {
    float: left;
    display: inline-block;
    position: relative;
}

.my-stats-page .switch-field input {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
}

.my-stats-page .switch-field label {
    float: left;
    display: inline-block;
    text-align: center;
    text-shadow: none;
    padding: 8px 14px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.my-stats-page .switch-field label:hover {
    cursor: pointer;
}

.my-stats-page .switch-field input:checked + label {
    position: relative;
}

.my-stats-page #selectTimeframe {
    display: none;
}

.my-stats-page #statisticsChartMessage {
    width: 100%;
    height: 300px;
    display: table;
    background-color: #efefef;
}


.my-stats-page #statisticsChartMessage p {
    text-align:center; 
    vertical-align: middle;
    display: table-cell;
    padding: 0 50px;
    color: #2c2c2c;
}


.my-stats-page #guestStatisticsLeaderboardTable {
    overflow: auto;
}

.my-stats-page .enableStatsMessage {
    text-align: center;
    text-transform: none;
    font-weight: normal;
    color: #555;
}

.my-stats-page #guestStatisticsLeaderboardTable .user-row td {
    background-color: rgba(255, 255, 0, .25);
}

.my-stats-page #guestStatisticsLeaderboardTable td {
    padding: 12px 20px;
    width: 20%;
}

.my-stats-page #guestStatisticsLeaderboardTable th:first-child {
    padding-left: 20px;
    width: 12%;
}

.my-stats-page #guestStatisticsLeaderboardTable td:nth-child(2) {
    width: 28%;
}

.my-stats-page #guestStatisticsLeaderboardTable th:last-child {
    padding-right: 20px;
}

.my-stats-page #guestStatisticsLeaderboardTable th.leaderboard-data,
.my-stats-page #guestStatisticsLeaderboardTable td.leaderboard-data {
    width: 20%;
}

.my-stats-page #guestStatisticsLeaderboardTable tr:nth-child(22) {
    border-top-style: dashed;
    border-top-width: 2px;
}

.my-stats-page #guestStatisticsLeaderboardTable th.sort-indicator::after {
    content: '\e252';
    font-family: "Glyphicons Halflings";
    font-size: 85%;
    display: inline-block;
    margin-left: 0.5em;
}

@media only screen and (max-width: 767px) {
    .my-stats-page #statisticsContainer { padding: 30px 0 0; }

    .my-stats-page #statisticsContainer {
        padding: 30px 0 0;
    }

    .my-stats-page #statisticsContainer ul {
        display: block;
        text-align: center;
    }

    .my-stats-page #statisticsContainer li {
        display: block;
        padding-bottom: 24px;
    }

    .my-stats-page #statisticsContainer li p + span { font-size: 2em; }

    .my-stats-page .switch-field { padding: 0; }

    .my-stats-page #chartViewContainer .switch-field { padding-top: 10px; }

    .my-stats-page #timeframeContainer .switch-field { display: grid; }

    .my-stats-page #chartLegend ul { display: block; }

    .my-stats-page #chartLegend li {
        display: block;
        padding: 6px 0;
    }

    .my-stats-page .page-body { padding: 10px; }

    .my-stats-page #timeframeContainer .switch-field { display: none; }

    .my-stats-page #selectTimeframe,
    .my-stats-page #guestStatsTabsSelect {
        display: block;
        width: 100%;
    }
}

@media only screen and (max-width: 617px) {
    /* hide days and runs columns on mobile */
    .my-stats-page #guestStatisticsLeaderboardTable th:nth-child(3),
    .my-stats-page #guestStatisticsLeaderboardTable th:nth-child(4):not(.sort-indicator),
    .my-stats-page #guestStatisticsLeaderboardTable th:nth-child(5):not(.sort-indicator),
    .my-stats-page #guestStatisticsLeaderboardTable td:nth-child(3),
    .my-stats-page #guestStatisticsLeaderboardTable td:nth-child(4):not(.sort-indicator),
    .my-stats-page #guestStatisticsLeaderboardTable td:nth-child(5):not(.sort-indicator) {
        display: none;
    }
    .my-stats-page #guestStatisticsLeaderboardTable th.sort-indicator::after {
        content: '';
    }
}

/**********END Guest Statistics*************/


    /*CSS From Venture theme writers to control the look and feel of the My Account tabs*/
    @media all and (min-width: 1201px) {
        .customer-pages-body .master-column-wrapper {
            max-width: 100%;
            padding: 0;
        }

        .customer-pages-body .side-2 {
            position: static;
            width: 300px;
            float: left;
        }

        .customer-pages-body .center-2 {
            width: calc(100% - 300px);
            float: right;
        }

        .customer-pages-body .page-title {
            left: -303px;
        }

        .customer-pages-body .block .list a {
            position: static;
            text-align: left;
            -ms-transform: translateX(0);
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }

        .customer-pages-body .side-2 .block .list a.active,
        .customer-pages-body .side-2 .block .list a:hover {
            -ms-transform: translateX(0);
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }

            .customer-pages-body .side-2 .block .list a.active:after,
            .customer-pages-body .side-2 .block .list a:hover:after {
                display: none;
            }
    }

    .intouch-datepicker-container {
        position: fixed;
        left: 50%;
        top: 7em;
        width: auto;
        height: auto;
        z-index: 5;
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        box-shadow: 0px 0px 30px -5px rgba(0, 0, 0, 0.75);
    }

    @media only screen and (max-width: 767px) {
        .fc button.fc-button,
        .fc .fc-center {
            padding: 1em 0.8em;
            height: 3.3em;
        }

            .fc .fc-center h2 {
                line-height: normal;
            }

        .fc-left {
            margin: 0.4em auto;
            display: block;
            width: 100%;
        }

            .fc-left .fc-button {
                float: left;
                margin: 0 0.4em;
            }

            .fc-left .fc-button-group {
                float: right !important;
                margin: 0 0.4em;
            }

        .fc-right {
            float: none !important;
        }

            .fc-right .fc-button-group {
                margin: 0.4em auto !important;
                float: none !important;
            }
    }

/*Intouch Admin Settings*/
#intouch-payment-plan-topic-link {
    margin-left: 10px;
}

.intouch-select option[disabled] {
    background-color: buttonface;
}

/*Intouch Payment Plan Settings*/
.payment_plan_details .paymentplan_description {
    text-align: left;
    color: #2c2c2c;
    text-transform: none;
    font-weight: normal;
}

.payment_plan_details .paymentplan_amount {
    text-align: right;
    color: #2c2c2c;
    font-weight: normal;
}

.order-details-page .cart-total .payment_plan_details {
    border-top: 1px dashed #ccc;
}
.order-details-page .cart-total tr:last-child td {
    font-size: 15px;
}
.order-details-page .cart-total tr.intouch-order-total td {
    font-size: 17px;
}

.cart-total .shoppingcartpayment-topay {
    border-bottom: 1px dashed #ccc;
}

/*Intouch Attribute Message Display*/
.intouch-attribute-message {
    margin-bottom: 10px;
}

/*Intouch My Account Instalments*/
.html-intouch-guest-payment-plan-page #intouch-payment-plans-result-list {
    margin-top: 30px;
    border-top: 1px dashed #ccc;
    padding-top: 30px;
}

.html-intouch-guest-payment-plan-page .spacing {
    display: inline-block;
    width: 10px;
}

.html-intouch-guest-payment-plan-page .inputs.intouch-payment-plans-inputs {
    width: 100%;
}

.html-intouch-guest-payment-plan-page .intouch-payment-plans-buttons {
    text-align: center;
}

.html-intouch-guest-payment-plan-page .section.intouch-payment-plans-instalment-item {
    max-width: none;
    padding: 0 0 30px;
    margin: 0 0 30px;
    position: relative;
    border-bottom: 1px dashed #ccc;
    width: 100%;
}

.html-intouch-guest-payment-plan-page .intouch-payment-plans-instalment-item-select {
    float: left;
    width: 15px;
    display: inline-block;
}

.html-intouch-guest-payment-plan-page .intouch-payment-plans-instalment-item-select .inputs {
    padding-top: 10px;
 }

.html-intouch-guest-payment-plan-page .intouch-payment-plans-instalment-item-notes {
    padding-left: 8px;
    width: calc(100% - 18px);
    display: inline-block;
}

.html-intouch-guest-payment-plan-page .intouch-payment-plans-instalment-item-notes .intouch-minor-note {
    display: inline-block;
    min-width: 49%;
    margin-right: 1%;
}

.html-intouch-guest-payment-plan-page .validation-summary-errors {
    color: red;
}

@media all and (max-width: 768px) {
    .html-intouch-guest-payment-plan-page .intouch-payment-plans-instalment-item-notes .intouch-minor-note {
        display: inline-block;
        min-width: 100%;
    }
}

.intouch-payment-plans-instalment-suspended-topic {
    padding-top: 20px;
}

/*Intouch Checkout billing address*/
.intouch-checkout-billingaddress-errors {
    text-transform: none;
    color: red;
    text-align: center;
    margin-bottom: 10px;
}

.intouch-onepagecheckout-billingaddress-errors {
    color: red;
}

.checkout-page .intouch-edit-billing-address {
    display: none;
    background: #fff;
    max-width: 792px;
    margin: 0 auto 50px;
    padding: 30px;
    box-shadow: 0 0 14px rgba(0,0,0,0.06);
}

/*Intouch checkout started dialog box*/
#checkout-startofprocess-box {
    text-transform: none;
    line-height: 25px;
    color: #909090;
    font-family: 'Lato', sans-serif;
}

/* Default button colour to ensure consistency accross different browsers*/
button {
    background-color: #DDDDDD;
}

/* Password complexity instructions */
.fieldset .intouch-password-complexity-instructions {
    text-align: left;
    margin-left: 0;
    color: #2c2c2c;
    font-family: Lato, sans-serif;
    text-transform: none;
}

.intouch-password-complexity-instructions-list {
    text-align: left;
    list-style-type: disc;
    margin-left: 50px;
    margin-top: 5px;
}

.intouch-credit-card-required-message {
    padding: 0 50px 20px;
    color: #888;
    margin-top: -20px;
}

.intouch-credit-card-required-message li {
    list-style: none;
}

.intouch-credit-card-required-message span {
    font-style: italic;
    text-transform: none;
    font-family: 'Lato', sans-serif;
    font-weight: normal;
}

.shipping-payment {
    text-transform: none;
    font-family: 'Fjalla One', sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    text-align: left;
    color: red;
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 50px;
    word-wrap: break-word;
}

.opc .shipping-payment {
    text-transform: none;
    font-family: 'Fjalla One', sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    text-align: center;
    color: red;
    padding-left: 65px;
    padding-right: 0;
    padding-bottom: 50px;
    word-wrap: break-word;
}

.payment-method .label, .payment-method-status .label,
.shipping-method .label, .shipping-status .label {
    /* override bootstrap label styling */
    color: inherit;
    font-weight: normal;
    font-size: inherit;
    padding: 0;
}

.intouch-error-message {
    color: red !important;
    font-size: 15px;
    margin-bottom: 15px;
}

.cart-collaterals .giftcard-message {
    font-size: 13px;
    margin-top: -10px;
    padding: 0;
}

.cart-collaterals .coupon-code .current-payment {
    font-size: 15px;
    padding: 0;
}

.cart-collaterals .coupon-code .current-payment input[type="submit"] {
    float: none;
    width: 20px;
    margin: 0 0 0 5px;
    padding: 0;
    display: inline;
    background: none;
}

.cart-collaterals .coupon-code .current-payment input[type="submit"]:hover {
    background: none;
}

.cart-collaterals .storedvalue-message {
    font-size: 13px;
    margin-top: -50px;
    padding: 0 50px 30px;
}

.cart-collaterals .coupon-code .inputs:not(:first-child) {
    padding-top: 20px;
}

.cart-collaterals .deals .voucher-box {
    margin-bottom: 40px;
}

/* Intouch inventory display */
.overview .availability, .variant-overview .availability {
    border: none;
    position: static;
    display: inline-block;
}
.intouch-check-stock-msg {
    padding: 8.5px 0;
    font-size: 11px;
    color: #2c2c2c;
    display: inline-block;
}
.overview .availability, .overview .intouch-check-stock-msg {
    margin-top: 1.5rem;
}

@media all and (max-width: 1200px) {
    .overview .availability, .variant-overview .availability, .intouch-check-stock-msg {
        margin: 0 !important;
        max-width: 100%;
    }
}

/* Pricing overrides */
.item-box .saving {
    font-size: 14px;
    color: #b2b2b2;
    margin: 0 0 0 5px;
}

.product-saving { 
    display: inline-block;
}
.overview .product-saving,
.variant-overview .product-saving {
    font-size: 20px;
    color: #b2b2b2;
    margin: 0 0 5px 7px !important;
}

/* Order details page */
.order-details-page .buttons {
    margin-top: 8px;
    margin-bottom: 0;
}

/* Activity Details */
th.event-manifest-reports,
th.group-details-excursion,
th.group-details-member {
    background-color: #d5d5d5;
    width: 45%;
}
td.event-manifest-filter .inputs {
    max-width: 650px;
    width: 100%;
}
th.event-manifest-group {
    white-space: normal;
}
td.event-manifest-details {
    padding-right: 0 !important;
}
th.event-manifest-reports div,
th.event-manifest-group div,
td.event-manifest-details div {
    display: table-cell;
    vertical-align: middle;
}

.event-manifest-details-text {
    padding-left: 10px;
}

.event-manifest-group-button, .venture-font {
    font-family: venture-font;
    text-transform: none;
}

@media screen and (max-width: 768px) {
    .manifest-data-table thead,
    .group-details-excursions-data-table thead,
    .group-details-participants-data-table thead,
    .group-details-members-data-table thead
    { 
        display: none;
    }

    .manifest-data-table tr > *,
    .group-details-excursions-data-table tr > *,
    .group-details-members-data-table tr > *,
    .group-details-participants-data-table tr > *
    { 
        display: block;
    }

    td.event-manifest-details {
        border-bottom-width: 0;
        padding-bottom: 0;
    }

    td.event-manifest-details,
    td.group-details-excursion-item,
    td.group-details-member-item,
    td.group-details-participants-data-table,
    th.event-manifest-reports {
        padding-left: 30px;
        padding-right: 30px;
        width: 100%;
    }
}

/* Group Details page */
th.group-details-excursion.number,
td.group-details-excursion-item.number
{
    text-align: right;
}
.intouch-group-details-page .inner-table-label, .group-details-participants-data-table .inner-table-label {
    display: none;
}
.group-details-member-item .member-select {
    float: left;
    width: 2em;
}
.group-details-member-item .member {
    float: left;
    width: calc(100% - 2em);
}
.intouch-group-details-page .center-box {
    text-align: center;
    padding: 15px 30px;
}

.intouch-group-details-page .common-buttons {
    overflow: hidden;
    margin: 10px auto 30px;
    max-width: 360px;
}

.intouch-group-details-page .common-buttons .deactivate-selected-button,
.intouch-group-details-page .common-buttons .activate-selected-button,
.intouch-group-details-page .common-buttons .add-member-button,
.intouch-group-details-page .common-buttons .import-members-button {
    width: 100%;
}

.intouch-modal-body .section {
    padding: 20px 40px;
    text-align: center;
    margin: 0 0 20px;
}

.intouch-modal-body .table-wrapper {
    box-shadow: none !important;
}

.intouch-modal-body .group-details-participants-data-table th, .intouch-modal-body .group-details-participants-data-table td {
    text-align: left;
    vertical-align: top;
}

.group-details-participants-data-table .date-list li {
    list-style-type: disc;
    list-style-position: inside;
}

.group-details-participants-data-table tr:last-child td {
    border-bottom: none;
}

.intouch-group-details-page .group-overview-content {
    overflow: hidden;
}

.intouch-group-details-page .group-overview-content #registration-url {
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
}

.group-details-request-waiver-sign-off .nowrap {
    white-space: nowrap;
}

.group-details-participants-action-bar {
    padding: 10px 0;
    text-align: right;
}

.group-details-participants-action-bar .group-details-request-waiver-sign-off {
    display: inline-block;
}

@media screen and (min-width: 600px) {
    .intouch-group-details-page .common-buttons {
        margin: 10px 0 40px;
        max-width: 600px;
    }
    .intouch-group-details-page .common-buttons .deactivate-selected-button,
    .intouch-group-details-page .common-buttons .activate-selected-button {
        float: left;
        width: 50%;
    }
}

@media screen and (min-width: 768px) {
    .intouch-group-details-page .common-buttons {
        margin: 10px 0 40px;
        max-width: 100%;
    }
    .intouch-group-details-page .common-buttons .deactivate-selected-button,
    .intouch-group-details-page .common-buttons .activate-selected-button {
        width: auto;
    }
    .intouch-group-details-page .common-buttons .add-member-button,
    .intouch-group-details-page .common-buttons .import-members-button {
        float: right;
        width: auto;
    }
}

@media screen and (max-width: 768px) {
    th.group-details-excursion number.number,
    td.group-details-excursion-item.number {
        text-align: center;
    }    
    .intouch-group-details-page .inner-table-label, .group-details-participants-data-table .inner-table-label {
        display: inline;
    }
    .intouch-group-details-page .info {
        text-align: center !important;
    }
    td.group-details-excursion-item,
    td.group-details-member-item,
    td.group-details-participant-item {
        padding: 15px 30px;
        border-bottom-width: 0;
    }
    .group-details-members-data-table td:last-child, 
    .group-details-excursions-data-table td:last-child,
    .group-details-participants-data-table td:last-child {
        border-bottom-width: 1px;
    }
    .group-details-participants-action-bar {
        text-align: center;
    }
}

/* Allocate party members */
.allocate-party-member-group {
    margin-bottom: 30px;
}
.allocate-party-member-heading {
    display: flex;
    align-items: center;
    background-color: white;
    padding: 20px 40px;
    margin-bottom: 15px;
}
.allocate-party-member-heading h2 {
    letter-spacing: 2px;
    font-size: 16px;
}
.allocate-party-member-dropdown {
    flex: auto;
    text-align: right;
    margin-left: 10px;
}
.allocate-party-member-dropdown label {
    line-height: 32px;
    vertical-align: middle;
}
.allocate-party-member-dropdown .control-width {
    width: 300px;
    max-width: 100%;
}
.allocate-party-member-dropdown select {
    margin-left: 10px;
}
.allocate-party-member-dropdown .intouch_pass_status_message {
    display: inline-block;
    margin-top: 10px;
}
.allocate-party-member-group .cart .quantity, .allocate-party-member-group th.product-picture {
    text-align: center;
}
.allocate-party-member-group .intouch-error-message {
    margin-bottom: 0;
}
.allocate-party-member-info, .allocate-party-member-warning {
    text-transform: none;
    color: #2c2c2c;
    font-size: 15px;
    font-family: 'Lato', sans-serif;
    line-height: 20px;
    margin-top: 5px;
}

.buttons.allocate-partymembers {
    margin: 30px 0;
}

@media screen and (max-width: 1200px) {
    .allocate-party-member-group .cart .attributes {
        margin-bottom: 1em;
    }
    .allocate-party-member-group .cart .quantity {
        text-align: left !important;
    }
}

@media screen and (max-width: 768px) {
    .allocate-party-member-heading {
        display: block;
    }
    .allocate-party-member-title {
        border-bottom: 1px dashed #ccc;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .allocate-party-member-dropdown {
        text-align: center;
    }
    .allocate-party-member-dropdown .control-width {
        width: 100%;
    }
    .allocate-party-member-dropdown select {
        display: block;
        margin: 0;
    }
}

/*#region WCAG 2 Level AA Compliant changes */

.filtersGroupPanel .checkbox-list label:before,
.terms-of-service input[type='checkbox'] ~ label:before,
.shipping-method input[type='radio'] ~ label:before, .payment-method input[type='radio'] ~ label:before, .payment-method input[type='checkbox'] ~ label:before {
    border: 1px solid #2c2c2c;
    color: #2c2c2c;
}

.header-selectors-wrapper select {
    color: white;
}

.cart input[type='checkbox'] + label:before,
.inputs input[type='checkbox'] ~ label:before,
.inputs input[type='radio'] ~ label:before,
.attributes .option-list input[type='checkbox'] ~ label:before {
    border: 1px solid #2c2c2c;
}

.ui-slider-handle span {
    color: #2c2c2c;
    background: #e2e2e2;
}

.inputs input[type='checkbox'] ~ label:before, .inputs input[type='radio'] ~ label:before {
    border: 1px solid #2c2c2c !important;
}

.add-more-external-records,
input[type="text"], input[type="email"], input[type="number"], input[type="password"], input[type="date"], textarea, select,
.inputs input[type='checkbox'] ~ label, .inputs input[type='radio'] ~ label,
.footer,
.list,
.account-page .button-2,
.topic-block-body,
.breadcrumb,
.header,
.ui-tabs .ui-tabs-nav li a,
.product-social-sharing a:before,
.cart th, .data-table th, .forums-table-section th,
.cart-collaterals .hint,
.table-wrapper .attributes, .cart .discount, .cart .discount-additional-info, .cart .rental-info,
.cart .unit-price, .cart .sku, .cart .quantity,
.terms-of-service input[type='checkbox'] ~ label,
.cart-total .cart-total-right,
.address-list-page .info, .order-list-page .info, .voucher-list-page .info, .intouch-activity-page .info, .return-request-list-page .details, .intouch-group-details-page .info, #intouch-excursion-dialog .info,
.no-data,
.reward-points-overview,
.avatar-page .info,
.product-selectors .product-viewmode a:before, .product-selectors .product-viewmode span:before,
.enquiry textarea,
.attributes .option-list label,
.intouch-activity-page .event-overview-content, .order-details-page .order-overview-content,
.intouch-group-details-page .group-overview-content,
.intouch-modal-body .intouch-excursion-details,
.intouch-venture-secondary-button, .intouch-venture-secondary-button, .intouch-venture-secondary-button:focus,
.order-details-page .page-title a,
.order-review-data ul, .order-details-area ul, .shipment-details-area ul,
.order-details-page .data-table .sku, .shipment-details-page .data-table .sku, .order-details-page .data-table .price, .order-details-page .data-table .unit-price, .order-details-page .data-table .quantity,
.checkout-page .address-box,
.mini-shopping-cart .count,
.mini-shopping-cart .attributes, .mini-shopping-cart .quantity,
.order-completed .details,
.section.payment-info,
.shipping-method .method-description, .payment-method .payment-description,
.checkout-page .total-title strong,
.use-reward-points,
.order-progress a,
.topic-page .page-body,
.mini-shopping-cart .totals strong,
.product-specs-box .data-table .spec-name, .product-specs-box .data-table .spec-value,
#check-availability-button {
    color: #2c2c2c;
}

.dark-theme .footer,
.dark-theme .footer .list {
    color: #909090;
}

.priceRangeMinMaxPanel,
.product-box-add-to-cart-button,
.home-page-filter-title,
.home-page-filter-selector span.k-dropdown-wrap,
.spc .navigation li span,
.filtersGroupPanel .checkbox-list label {
    color: #2c2c2c !important;
}

.ship-to-same-address {
    color: #2c2c2c !important;
}

.required {
    color: #ba3838 !important;
}

/*#endregion */

dd.attribute-readonly {
    cursor: not-allowed;
}

select[readonly] {
    background: #e2e2e2;
    opacity: 0.7;
    pointer-events: none;
    touch-action: none;
}

.add-to-cart-qty-readonly-wrapper {
    margin-right: 5px;
    width: unset;
}