.mfp-special-elite {
    font-family: 'Special Elite', Arial, Helvetica, sans-serif;
    font-weight: 400;
}

.mfp-roboto {
    font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
    font-weight: 400;
}

.mfp-zeyada {
    font-family: 'Zeyada', Arial, Helvetica, sans-serif;
}

.mfp-reenie-beanie {
    font-family: 'Reenie Beanie', Arial, Helvetica, sans-serif;
}

.mfp-mynerve {
    font-family: 'Mynerve', Arial, Helvetica, sans-serif; 
}

.mfp-highlighted-text {
    background: linear-gradient(to left, #f7eb87 0%, #f9f000 100%);
}

.mfp-default-colour {
    color: #303030;
}

.mfp-font-blue {
    color: #2D9CDB;
}

.mfp-font-pink {
    color: #E75A79;
}

.mfp-font-yellow {
    color: #ea9300;
}

.mfp-font-blend {
    background: linear-gradient(135deg, #2D9CDB, #E75A79, #ea9300);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.mfp-font-blend-green {
    background: linear-gradient(135deg, #064E3B, #10B981);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.mfp-background-blend-red,
.mfp-font-blend-red {
    background: linear-gradient(135deg, #7F1D1D, #e01111);
}

.mfp-font-blend-red {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.mfp-font-blend-blue {
    background: linear-gradient(135deg, #204596, #66ccff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.mfp-font-blend-star {
    background: linear-gradient(135deg, #fc811a, #f9f000);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.mfp-font-blend-orange {
    background: linear-gradient(135deg, #fc811a, #f8cb40);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.mfp-font-blend-yellow {
    background: linear-gradient(135deg, #cfb52f, #ea9300);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.mfp-stone-palette {
    background-image: url('/images/white-texture.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

.mfp-blackboard {
    background-image: url('/images/blackboard.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    border: none !important;
}

.mfp-red-curtain {
    background-image: url('/images/red-curtain.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    border: none !important;
    color: whitesmoke;
}

.mfp-whitepaper {
    background-image: url('/images/white-paper.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.mfp-icon {
    display: block;
    height: 1.5rem;
    font-size: x-large;
    cursor: pointer;
}

.mfp-icon-shadow {
    filter: drop-shadow(1px 2px 2px grey);
}

.mfp-icon-selected,
.mfp-icon:hover {
    background: linear-gradient(135deg, #2D9CDB, #E75A79, #ea9300);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.dropdown-menu li:hover a,
.dropdown-menu li:hover span {
    background: linear-gradient(135deg, #2D9CDB, #E75A79, #ea9300);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.mfp-icon-hover:hover {
    filter: brightness(200%);
}

.mfp-icon-dark-hover:hover {
    filter: brightness(75%);
}

.mfp-background-blend {
    background: linear-gradient(135deg, #2D9CDB, #E75A79, #ea9300);
}

.mfp-shadow {
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}

.mfp-border-radius {
    border-radius: 3px;
}

.mfp-label-background {
    background-image: url('/images/blackboard.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    color: whitesmoke !important;
}

.mfp-title-label {
    font-family: 'Special Elite', Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: whitesmoke;
    padding: 6px 12px 2px 12px;
}

.mfp-subtitle-label {
    background-image: url('/images/white-paper.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    font-family: 'Special Elite', Arial, Helvetica, sans-serif;
    font-weight: 400;
    background-color: whitesmoke;
    padding: 3px 7px 0px 7px;
}

.mfp-dropdown-divider {
    height: 0;
    margin: 3px 0px;
    overflow: hidden;
    border-top: 1px solid rgba(0, 0, 0, 0.15);
}

/*Planner*/
.mfp-planner-legend-container {
    display: flex;
    padding-left: 10px;
    padding-right: 10px;
    text-align: left;
}

.mfp-planner-legend {
    border: 1px solid whitesmoke;
    height: 24px;
    padding: 6px 6px 2px 6px;
    font-size: small;
}

.mfp-planner-legend-export-icon {
    position: relative;
    top: 2px;
    display: inline-block;
}

.mfp-planner-name {
    min-width: 200px;
    text-align: left;
}

.mfp-planner-name p,
.mfp-planner-tickets-summary-container p {
    font-size: small;
    font-weight: 600;
}

.mfp-planner-name .rz-textbox {
    padding: 0px 0px 2px 0px;
    border: none;
    box-shadow: none;
    background-color: transparent;
    text-overflow: ellipsis;
    font-size: large;
    font-weight: 600;
}

.mfp-planner-name .rz-textbox:not(:disabled):not(.rz-state-disabled):hover,
.mfp-planner-name .rz-textbox:not(:disabled):not(.rz-state-disabled):focus {
    box-shadow: none;
    border: none;
}

.mfp-planner-datepicker {
    text-align: left;
}

.mfp-planner-datepicker p {
    font-size: small;
    font-weight: 600;
}

.mfp-planner-datepicker .rz-inputtext {
    cursor: pointer;
    padding: 0px 0px 2px 0px;
    box-shadow: none;
    border: none;
    background-color: transparent;
    background: linear-gradient(to right, #2D9CDB, #E75A79, #ea9300);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: large !important;
    font-weight: 600;
}

.mfp-planner-datepicker .rz-calendar .rz-inputtext:not(:disabled):not(.rz-state-disabled):hover,
.mfp-planner-datepicker .rz-calendar .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus {
    box-shadow: none;
    border: none;
}

.mfp-planner-timepicker {
    width: 100px;
    border: none;
    background: transparent;
    box-shadow: none;
    padding: 0;
    display: inline-block;
    align-content: center;
}

.mfp-planner-timepicker.rz-dropdown:not(:disabled):not(.rz-state-disabled):hover,
.mfp-planner-timepicker.rz-dropdown:not(:disabled):not(.rz-state-disabled):focus {
    box-shadow: none;
    border: none;
}

#popup-mfp-planner-timepicker-start .rz-dropdown-item,
#popup-mfp-planner-timepicker-end .rz-dropdown-item {
    font-family: 'MyNerve', Arial, Helvetica, sans-serif;
}

.mfp-planner-tickets-summary-container {
    width: 180px;
    text-align: left;
}

.mfp-planner-tickets-summary {
    display: flex;
    height: 36px;
    font-size: large;
    font-weight: 600;
}

/*New Search Filters*/
.mfp-search-filters {
    color: whitesmoke;
}

.mfp-search-filters .rz-calendar .rz-inputtext {
    padding-left: 0px;
    padding-right: 0px;
}

#mfp-venue-dropdown-new .rz-inputtext {
    margin-top: 2px;
}

.mfp-search-filters .rz-autocomplete,
.mfp-search-filters .rz-dropdown,
.mfp-search-filters .rz-calendar,
.mfp-search-filters .rz-datepicker {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

.mfp-search-filters .rz-autocomplete .rz-inputtext,
.mfp-search-filters .rz-dropdown .rz-inputtext,
.mfp-search-filters .rz-calendar .rz-inputtext,
.mfp-search-filters .rz-datepicker .rz-inputtext {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    color: whitesmoke;
}

.mfp-search-filters .rz-autocomplete:focus-within,
.mfp-search-filters .rz-dropdown:focus-within,
.mfp-search-filters .rz-datepicker:focus-within,
.mfp-search-filters .rz-autocomplete .rz-inputtext:focus,
.mfp-search-filters .rz-dropdown .rz-inputtext:focus,
.mfp-search-filters .rz-datepicker .rz-inputtext:focus,
.mfp-search-filters .rz-autocomplete .rz-inputtext:hover,
.mfp-search-filters .rz-dropdown .rz-inputtext:hover,
.mfp-search-filters .rz-datepicker .rz-inputtext:hover {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Remove dropdown / calendar icons */
.mfp-search-filters .rz-autocomplete .rz-autocomplete-icon,
.mfp-search-filters .rz-dropdown .rz-dropdown-trigger,
.mfp-search-filters .rz-datepicker .rz-datepicker-icon {
    display: none !important;
}

.mfp-search-filters .rz-autocomplete .rz-inputtext::placeholder,
.mfp-search-filters .rz-inputtext::placeholder {
    color: whitesmoke !important;
    opacity: 1;
}

/* Remove popup borders/shadows (calendar or dropdown panel) */
.mfp-search-filters .rz-overlay-pane,
.mfp-search-filters .rz-calendar,
.mfp-search-filters .rz-dropdown-panel {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

.mfp-search-filters .rz-autocomplete .rz-inputtext {
    padding-left: 0px;
}

.mfp-search-filters-edging {
    border: 1px solid #dcd9d9;
    box-shadow: 0 0 10px #ffd600;
}

.mfp-search-filters-container {
    display: flex;
    align-items: center;
    border: 1px solid #dcd9d9;
    box-shadow: 0 0 10px #ffd600;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    text-align: left;
}

.mfp-search-filters-container label {
    padding-right: 20px;
}

.mfp-search-filter-timepicker {
    width: 70px;
    padding-left: 0px;
    padding-right: 0px;
}

.mfp-search-filter-timepicker .rz-dropdown-label {
    padding: 0px;
}

.mfp-filters-advanced {
    max-height: 0px;
    opacity: 0;
    overflow: hidden;
    transition: max-height 1s ease-in-out, opacity 1s ease-in-out;
    pointer-events: none;
}

.mfp-filters-advanced.open {
    max-height: 1000px;
    opacity: 1;
    pointer-events: auto;
}

.mfp-search-filters-button {
    display: inline-block;
    padding: 4px 8px 0px 8px;
    background-color: whitesmoke;
    box-shadow: 0 0 10px #ffd600;
    cursor: pointer;
}

/*Tooltip*/
.tooltip {
    z-index: 10000;
}

.tooltip-inner {
    max-width: none;
    white-space: nowrap;
}

/*Accessibility Badge*/
.mfp-ticket-accessibility-badge,
.mfp-key-accessibility-badge {
    border: 1px solid whitesmoke;
    background: linear-gradient(to bottom right, #27AE60 0%, #2F80ED 100%);
    color: whitesmoke;
    cursor: default;
}

.mfp-ticket-accessibility-badge {
    height: 1rem;
    margin-left: 2px;
    margin-bottom: 1px;
    padding: 2px;
    font-size: x-small;
}

.mfp-key-suitability-icon {
    position: relative;
    top: -2px;
    right: 3px;
    cursor: default;
}

.mfp-shortlist-panel-show-label {
    padding: 4px 6px 1px 6px;
    font-size: x-small;
}

.mfp-show-ticket-background,
.mfp-show-standard-background {
    background: linear-gradient(180deg, #eeb5c2 0%, #eee4e4 50%, #eeb5c2 100%);
}

.mfp-show-standard-unbooked-background {
    background: linear-gradient(180deg, #f7dde2 0%, #eee4e4 50%, #f7dde2 100%);
}

.mfp-show-void-background {
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    background: linear-gradient(180deg, lightgrey 0%, #eee4e4 50%, lightgrey 100%);
}

.mfp-show-white-background {
    background: whitesmoke;
}

.mfp-custom-event-background {
    background: linear-gradient(180deg, #ccecff 0%, whitesmoke 50%, #ccecff 100%);
}

.mfp-transition-background {
    background-image: url('/images/graph-paper.jpg');
    background-size: cover;
}

.mfp-transition-missing-background {
    background: linear-gradient(180deg, #f8cc98 0%, whitesmoke 50%, #f8cc98 100%);
}

.vertical-text {
    height: 100%;
    writing-mode: vertical-rl;
    text-orientation: upright;
}

/*Search Settings*/
.mfp-export-settings-checkbox,
.mfp-search-settings-checkbox {
    position: relative;
    top: 2px;
}

.mfp-planner-search-button,
.mfp-planner-status,
.mfp-lineup-status {
    width: max-content;
    height: 30px;
    padding: 5px 10px 0px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: linear-gradient(to right, #2D9CDB, #E75A79, #ea9300);
    text-align: center;
    font-size: large;
    color: whitesmoke;
}

.mfp-planner-search-button i {
    padding-top: 5px;
    cursor: pointer;
}

.mfp-planner-search-button i:hover {
    color: lightgrey;
}