/*PLAY demo institution*/

/*Accessibility: calendar widget - Contrast color for date picker*/
.ui-datepicker .datepicker_free a, .ui-datepicker .datepicker_free a:link, .ui-datepicker .datepicker_free a:active, .ui-datepicker .datepicker_free a:visited {
    color: #0C7B3C !important;
}
.datepicker_legend .datepicker_legend_free .datepicker_legend_color_box, .datepicker_legend .datepicker_legend_free .datepicker_legend_accessibility_free {
    background-color: #0C7B3C !important;
}
.ui-datepicker .datepicker_free .datepicker_legend_accessibility_container .datepicker_legend_accessibility_free, .ui-datepicker .datepicker_limited .datepicker_legend_accessibility_container .datepicker_legend_accessibility_free, .ui-datepicker .datepicker_full .datepicker_legend_accessibility_container .datepicker_legend_accessibility_free {
    background-color: #0C7B3C !important;
}

.ui-datepicker .datepicker_full a, .ui-datepicker .datepicker_full a:link, .ui-datepicker .datepicker_full a:active, .ui-datepicker .datepicker_full a:visited, .ui-datepicker .datepicker_full span {
    color: #D60C05 !important;
}
.datepicker_legend .datepicker_legend_full .datepicker_legend_color_box, .datepicker_legend .datepicker_legend_full .datepicker_legend_accessibility_full {
    background-color: #D60C05 !important;
}
.ui-datepicker .datepicker_limited .datepicker_legend_accessibility_container .datepicker_legend_accessibility_full, .ui-datepicker .datepicker_limited .datepicker_legend_accessibility_container .datepicker_legend_accessibility_full, .ui-datepicker .datepicker_full .datepicker_legend_accessibility_container .datepicker_legend_accessibility_full {
    background-color: #D60C05 !important;
}

.ui-datepicker .datepicker_limited a, .ui-datepicker .datepicker_limited a:link, .ui-datepicker .datepicker_limited a:active, .ui-datepicker .datepicker_limited a:visited {
    color: #E07604 !important;
}
.datepicker_legend .datepicker_legend_limited .datepicker_legend_color_box, .datepicker_legend .datepicker_legend_limited .datepicker_legend_accessibility_limited {
    background-color: #E07604 !important;
}
.ui-datepicker .datepicker_limited .datepicker_legend_accessibility_container .datepicker_legend_accessibility_limited, .ui-datepicker .datepicker_limited .datepicker_legend_accessibility_container .datepicker_legend_accessibility_limited, .ui-datepicker .datepicker_full .datepicker_legend_accessibility_container .datepicker_legend_accessibility_limited {
    background-color: #E07604 !important;
}

/*Accessibility: performance selection - date picker indicator color*/
.datepicker_legend .datepicker_legend_limited .datepicker_legend_color_box {
    background-color: #E07604 !important;
}
.datepicker_legend .datepicker_legend_full .datepicker_legend_color_box {
    background-color: #D60C05 !important;
}

/*Accessibility: performance/timeslot selection under caledar widget - availability indicator color*/
.tariff .sold_out .availability_bullet, .performance .sold_out .availability_bullet, .performance-row .sold_out .availability_bullet, .timeslot_pass .sold_out .availability_bullet, .expiration_info .sold_out .availability_bullet, .quota_info .sold_out .availability_bullet {
    background-color: #D60C05 !important;
}
.tariff .limited .availability_bullet, .performance .limited .availability_bullet, .performance-row .limited .availability_bullet, .timeslot_pass .limited .availability_bullet, .expiration_info .limited .availability_bullet, .quota_info .limited .availability_bullet {
    background-color: #E07604 !important;
}



/*Accessibility: Contrast color for register labels*/
#main_content_edit_personal_details .fieldset_container label, #main_content_edit_personal_details .fieldset_container .label, #main_content_address .fieldset_container label, #main_content_address .fieldset_container .label, #main_content_reset_password .fieldset_container label, #main_content_reset_password .fieldset_container .label, #main_content_edit_password .fieldset_container label, #main_content_edit_password .fieldset_container .label, #main_content_registration .fieldset_container label, #main_content_registration .fieldset_container .label, #beneficiary_form .fieldset_container label, #beneficiary_form .fieldset_container .label, .contact_info_container .fieldset_container label, .contact_info_container .fieldset_container .label, #resale_criteria .fieldset_container label, #resale_criteria .fieldset_container .label, #immediate_print_form .fieldset_container label, #immediate_print_form .fieldset_container .label {
    color: #71767C !important;
}

.fieldset_container:nth-child(2n+1) {
    background-color: #ffffff !important;
}

.message.warning > .content {
    color: #C6510F !important;
}

.datepicker_legend .datepicker_legend_free .datepicker_legend_color_box {
    background-color: #0C7B3C !important;
}

/*Accessibility: warning icon*/
/*
.message.warning>.content>.icon {
    background-image: url(/custom/img/warning.png) !important;
} */

/*Accessibility: warning message*/
.message.warning > .title, .message.warning a.warning {
    color: #C6510F !important;
}

/* Accessibility: Coming soon date color */ 
.stx-ComingSoonContent .stx-RightContentText:last-child {  
    color: #676767 !important;
}

/*Accessibility: Check out future steps color*/
.steps_bar .step.future .number, .steps_bar .step.future .text {
    color: #797676 !important;
}
.steps_bar .step.done .number, .steps_bar .step.done .text {
    color: #797676 !important;
}

/* Accessibility: disabled buttons color */
body.rwd .button.disabled a, body.rwd .button.disabled a:hover, body.rwd .button.disabled a:active {
  color: #564D4D; !important
}

/* Accessibility: seat map steps color */
.seat_selection .tabs .seat_map:not(.highlight)>.title, .seat_selection .tabs .seat_auto:not(.highlight)>.title, .block_selection .tabs .seat_map:not(.highlight)>.title, .block_selection .tabs .seat_auto:not(.highlight)>.title, .seat_mobile_choice .seat_map:not(.highlight)>.title, .seat_mobile_choice .seat_auto:not(.highlight)>.title {
    color: #737373 !important;
    opacity: 1;
}

body.rwd #seat_map_group #pre-cart #total_button_container .button.disabled a, body.rwd #seat_map_group #pre-cart #total_button_container .button.disabled a:hover, body.rwd #seat_map_group #pre-cart #total_button_container .button.disabled a:active {
    color: #454545;
}

/* Accessibility: register edit field's border line*/
#immediate_print_form textarea, #immediate_print_form input[type="text"], #immediate_print_form input[type="password"], #immediate_print_form input[type="email"], #immediate_print_form input[type="number"], #immediate_print_form .beneficiary_number input[type="number"], #main_content_register textarea, #main_content_register input[type="text"], #main_content_register input[type="password"], #main_content_register input[type="email"], #main_content_register input[type="number"], #main_content_register .beneficiary_number input[type="number"], #main_content_registration textarea, #main_content_registration input[type="text"], #main_content_registration input[type="password"], #main_content_registration input[type="email"], #main_content_registration input[type="number"], #main_content_registration .beneficiary_number input[type="number"], #main_content_login textarea, #main_content_login input[type="text"], #main_content_login input[type="password"], #main_content_login input[type="email"], #main_content_login input[type="number"], #main_content_login .beneficiary_number input[type="number"], #main_content_edit_personal_details textarea, #main_content_edit_personal_details input[type="text"], #main_content_edit_personal_details input[type="password"], #main_content_edit_personal_details input[type="email"], #main_content_edit_personal_details input[type="number"], #main_content_edit_personal_details .beneficiary_number input[type="number"], #main_content_address textarea, #main_content_address input[type="text"], #main_content_address input[type="password"], #main_content_address input[type="email"], #main_content_address input[type="number"], #main_content_address .beneficiary_number input[type="number"], #main_content_reset_password textarea, #main_content_reset_password input[type="text"], #main_content_reset_password input[type="password"], #main_content_reset_password input[type="email"], #main_content_reset_password input[type="number"], #main_content_reset_password .beneficiary_number input[type="number"], #main_content_edit_password textarea, #main_content_edit_password input[type="text"], #main_content_edit_password input[type="password"], #main_content_edit_password input[type="email"], #main_content_edit_password input[type="number"], #main_content_edit_password .beneficiary_number input[type="number"], #main_content_confirm_reset_password textarea, #main_content_confirm_reset_password input[type="text"], #main_content_confirm_reset_password input[type="password"], #main_content_confirm_reset_password input[type="email"], #main_content_confirm_reset_password input[type="number"], #main_content_confirm_reset_password .beneficiary_number input[type="number"], .main_content_payment textarea, .main_content_payment input[type="text"], .main_content_payment input[type="password"], .main_content_payment input[type="email"], .main_content_payment input[type="number"], .main_content_payment .beneficiary_number input[type="number"], #main_content_distribution_member_management textarea, #main_content_distribution_member_management input[type="text"], #main_content_distribution_member_management input[type="password"], #main_content_distribution_member_management input[type="email"], #main_content_distribution_member_management input[type="number"], #main_content_distribution_member_management .beneficiary_number input[type="number"], #main_content_friends_and_family_management textarea, #main_content_friends_and_family_management input[type="text"], #main_content_friends_and_family_management input[type="password"], #main_content_friends_and_family_management input[type="email"], #main_content_friends_and_family_management input[type="number"], #main_content_friends_and_family_management .beneficiary_number input[type="number"], #resale_criteria textarea, #resale_criteria input[type="text"], #resale_criteria input[type="password"], #resale_criteria input[type="email"], #resale_criteria input[type="number"], #resale_criteria .beneficiary_number input[type="number"], #resale_bank_account textarea, #resale_bank_account input[type="text"], #resale_bank_account input[type="password"], #resale_bank_account input[type="email"], #resale_bank_account input[type="number"], #resale_bank_account .beneficiary_number input[type="number"], #edit_structure_member_form textarea, #edit_structure_member_form input[type="text"], #edit_structure_member_form input[type="password"], #edit_structure_member_form input[type="email"], #edit_structure_member_form input[type="number"], #edit_structure_member_form .beneficiary_number input[type="number"], .contact_info_container textarea, .contact_info_container input[type="text"], .contact_info_container input[type="password"], .contact_info_container input[type="email"], .contact_info_container input[type="number"], .contact_info_container .beneficiary_number input[type="number"], #existing_contact_form textarea, #existing_contact_form input[type="text"], #existing_contact_form input[type="password"], #existing_contact_form input[type="email"], #existing_contact_form input[type="number"], #existing_contact_form .beneficiary_number input[type="number"], #new_contact_form textarea, #new_contact_form input[type="text"], #new_contact_form input[type="password"], #new_contact_form input[type="email"], #new_contact_form input[type="number"], #new_contact_form .beneficiary_number input[type="number"], #beneficiary_form textarea, #beneficiary_form input[type="text"], #beneficiary_form input[type="password"], #beneficiary_form input[type="email"], #beneficiary_form input[type="number"], #beneficiary_form .beneficiary_number input[type="number"], #main_content_subgrouping_management textarea, #main_content_subgrouping_management input[type="text"], #main_content_subgrouping_management input[type="password"], #main_content_subgrouping_management input[type="email"], #main_content_subgrouping_management input[type="number"], #main_content_subgrouping_management .beneficiary_number input[type="number"], #contact_mandate_data textarea, #contact_mandate_data input[type="text"], #contact_mandate_data input[type="password"], #contact_mandate_data input[type="email"], #contact_mandate_data input[type="number"], #contact_mandate_data .beneficiary_number input[type="number"] {
    border-bottom: 1px solid #919191;
}

#immediate_print_form select, #main_content_register select, #main_content_registration select, #main_content_login select, #main_content_edit_personal_details select, #main_content_address select, #main_content_reset_password select, #main_content_edit_password select, #main_content_confirm_reset_password select, .main_content_payment select, #main_content_distribution_member_management select, #main_content_friends_and_family_management select, #resale_criteria select, #resale_bank_account select, #edit_structure_member_form select, .contact_info_container select, #existing_contact_form select, #new_contact_form select, #beneficiary_form select, #main_content_subgrouping_management select, #contact_mandate_data select {
    border-bottom: 1px solid #919191;
}

/* Accessibility: category sold out*/
.category_unavailable_overlay {
	color: #d60000 !important;
}
/* Popup Modal */
#popup {
    display: none;
    position: fixed;
    /* Ensure it is fixed relative to the viewport */
    top: 10px;
    left: 130px;
    width: 80%;
    /* Take up the full screen */
    height: 100%;
    /* Take up the full screen */
    background-color: rgba(255, 255, 255, 0.95);
    /* Slight transparency for modal */
    z-index: 9999999;
    /* Very high z-index to ensure it's on top */
    overflow: ;
    /* Ensure content scrolls if it's too large */
    justify-content: center;
    /* Center the iframe horizontally */
    align-items: center;
    /* Center the iframe vertically */
}

/* Iframe inside the modal */
#popup iframe {
    width: 100%;
    height: 300%;
    border: none;
}

/* Close Button */
#popup .close-btn {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 30px;
    cursor: pointer;
    color: black;
}

/* Overlay (background behind the modal) */
#overlay {
    display: none;
    position: fixed;
    /* Ensure it's fixed and covers the whole screen */
    top: 0;
    left: 0;
    width: 100%;
    height: 335%;
    background: rgba(0, 0, 0, 0.7);
    /* Semi-transparent dark overlay */
    z-index: 9999998;
    /* Overlay just below the modal */
}

/* Make sure this works well on mobile */
@media screen and (max-width: 500px) {
    #popup iframe {
        width: 100%;
        height: 100%;
    }
}

#page .product_description_header {
    z-index: 1
}

button#popupButton.my-button {
    border-radius: 16px;
    background-color: #2f2b43;
    color: white;
    border-color: #2f2b43;
    padding: 6px;
    font-size: 15px
}

button#popupButton.my-button:hover {
    background-color: #f4f4f5;
    transition-delay: 0.2;
    border-color: #f4f4f5;
    color: black;
}