div.dev {
    display: none;
}

.bootstrap-select .btn,
.bootstrap-select .btn:focus,
.bootstrap-select .btn:active,
.bootstrap-select .dropdown-toggle,
.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select .dropdown-toggle:active,
a:focus,
a:active {
    outline: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border-radius: 6px;
}


/* layering of the booking elements (insanely high cause sidebar is wack) */

.modal-wrapper {
    z-index: 105;
}

.modal-outer {
    z-index: 105;
}

.modal-inner {
    z-index: 105;
}

.modal-loader {
    z-index: 105;
}


/* modal bg */

.modal-wrapper .modal-bg {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #202d4a;
    opacity: 0.5;
}


/* modal close button */

#plus-menu-item {
    position: fixed;
    right: 15px;
    top: 15px;
    z-index: 105;
    color: #ffffff;
    font-size: 20px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
}

#plus-menu-item .theicons {
    color: #ffffff !important;
    font-size: 20px;
    position: fixed;
    top: 20px;
    right: 20px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.modal-open #plus-menu-item,
.modal-open .mzk-circle-button {
    background-color: #b9b9b9;
}

.modal-open #plus-menu-item .theicons,
.modal-open .mzk-circle-button .theicons {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}

.quick-action-menu-visible #plus-menu-item,
.quick-action-menu-visible .mzk-circle-button {
    background-color: #b9b9b9;
}

.quick-action-menu-visible #plus-menu-item .theicons,
.quick-action-menu-visible .mzk-circle-button .theicons {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}


/* minimise the booking + button on modal open */

@media only screen and (max-width: 1000px) {
    span#plus-menu-item {
        -webkit-transform-origin: top right;
        -moz-transform-origin: top right;
        transform-origin: top right;
        -webkit-transform: rotate(0deg) scale(1);
        -moz-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1);
    }
    span#plus-menu-item span {
        display: block;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    .modal-open span#plus-menu-item {
        -webkit-transform: scale(.666);
        -moz-transform: scale(.666);
        transform: scale(.666);
    }
    .modal-open span#plus-menu-item span {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg);
    }
}


/* quick action menu */

#contacts-overlay {
    top: 0;
    position: fixed;
    height: 100vh;
    width: 100vw;
    background-color: #202d4a;
    opacity: 0.5;
    z-index: 99999;
    display: none;
}

#quick-action-menu-overlay {
    top: 0;
    position: fixed;
    height: 100vh;
    width: 100vw;
    background-color: #202d4a;
    opacity: 0.5;
    z-index: 99999;
    display: none;
}

#quick-action-menu {
    display: none;
    position: fixed;
    padding: 10px;
    right: 15px;
    top: 85px;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 0 0 0.5px rgba(49, 49, 93, .03), 0 2px 5px 0 rgba(49, 49, 93, .1), 0 1px 2px 0 rgba(0, 0, 0, .08);
    width: 200px;
    text-align: left;
    animation-name: fade-in-zoom-down;
    animation-direction: normal;
    animation-fill-mode: forwards;
    animation-duration: .3s;
    animation-timing-function: cubic-bezier(0, 1.5, .5, 1);
    z-index: 99;
}

.quick-action-menu-visible #quick-action-menu {
    display: block;
}

.quick-action-menu-visible #quick-action-menu-overlay {
    display: block;
    z-index: 99;
}

.quick-action-menu-item {
    padding: 10px 20px 10px 10px;
    margin-bottom: 5px;
    width: 100%;
    color: #454b5a;
    cursor: pointer;
}

.quick-action-menu-item:hover {
    background: #f8f8f8;
    color: #556CCC;
    border-radius: 6px;
}

.quick-action-menu-item .theicons {
    font-size: 20px;
    vertical-align: middle;
    margin-right: 12px;
    position: relative;
    top: -1px;
}

body.iap-bookings #quick-action-menu-item-booking.quick-action-menu-item {
    display: none;
}

body.iap-events #quick-action-menu-item-event.quick-action-menu-item {
    display: none;
}

/* modal wrapper (created on booking init) */

.modal-wrapper {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    pointer-events: all;
}


/* toggle the wrapper in */

.modal-wrapper.no-transition {
    display: block;
    visibility: visible;
}

.modal-wrapper.fade-transition {
    opacity: 1;
}


/* booking outter container (created on booking init) */

.modal-outer {
    position: fixed;
    left: 50%;
    top: 5vh;
    width: 900px;
    display: none;
    visibility: hidden;
    -webkit-transform: translate3d(-50%, 0, 0);
    -moz-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    /* -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    transition: all 0.1s ease; */
}

.modal-outer.has-booking-id {
    max-width: 1240px;
}


/* toggle the card outer in */

.modal-outer.no-transition {
    display: block;
    visibility: visible;
}

.modal-outer.fade-transition {
    opacity: 1;
}


/* booking inner wrap (the div that gets populated) */

.modal-inner {
    opacity: 0;
}

.modal-outer.fade-transition .modal-inner {
    animation-name: fade-in-zoom-up;
    animation-direction: normal;
    animation-fill-mode: forwards;
    animation-duration: .3s;
    animation-timing-function: cubic-bezier(0, 1.5, .5, 1);
}

.modal-inner .card-primary .fade-wrapper {
    opacity: 0;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.modal-outer.primary-card-ready .modal-inner .card-primary .fade-wrapper {
    opacity: 1;
    background: transparent;
}

/* show modal outer on loading */
.modal-loading .modal-inner .card-loading .fade-wrapper {
    opacity: 1;
    background: #fff;
}

.card-loading {
    display: none;
}

.modal-loading .card {
    display: none;
}

.modal-loading .card-loading {
    opacity: 1 !important;
    width: 100% !important;
    transform: none !important;
    transition: all 0s ease;
    z-index: 12;
    pointer-events: all;
    display: block;
}

.modal-loading-loader {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    font-family: inter_semibold, 'Helvetica Neue', Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #ccc;
    pointer-events: none;
}

.modal-loading-loader img {
    width: 25px;
    vertical-align: middle;
    margin-left: 10px;
}

/* progress bar */

#booking-modal-progress {
    float: left;
    width: 10%;
    height: 2px;
    background: #648cbb;
    position: absolute;
    z-index: 9999999999999;
    top: 100px;
    left: 0;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}


/* saving state */

.modal-wrapper .modal-saver {
    z-index: 1;
    font-size: 12px;
    color: #DCE0E1;
    pointer-events: none;
    opacity: 0;
    transform: translateY(10px);
    transition: 0.3s all ease-in-out;
    font-family: inter_semibold, 'Helvetica Neue', Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    vertical-align: top;
    margin-top: 3px;
    display: none;
}

.modal-wrapper.modal-saving .action-buttons {
    opacity: 0.5 !important;
    pointer-events: none;
}

.modal-wrapper.modal-saving .disable-when-modal-saving,
.modal-wrapper.dealterm-editing-active .disable-when-modal-saving {
    opacity: 0.5 !important;
    pointer-events: none;
}

.modal-wrapper.modal-saving #booking-modal-header-tabs {
    opacity: 0.5 !important;
    pointer-events: none;
    cursor: pointer;
}

.modal-wrapper.modal-saving .modal-saver {
    opacity: 1;
    transform: translateY(0px);
    display: inline-block;
}

.modal-wrapper.modal-saving #booking-modal-saver .mzkloader{
    display: inline-block;
}

.modal-wrapper.modal-saving #booking-modal-saver .booking-modal-saver-eventbrite {
    vertical-align: top;
    float: right;
    width: 140px;
    margin-top: -2px;
    margin-left: 20px;
    display: none;
}

.modal-wrapper.modal-saving #booking-modal-saver .booking-modal-saver-eventbrite .booking-modal-saver-eventbrite-logo {
    width: 80px;
}

.modal-wrapper.modal-saving #booking-modal-saver .booking-modal-saver-eventbrite-text {
    font-size: 12px;
    color: #b1b1b4;
}

.modal-wrapper.modal-saving #booking-modal-saver.show-eventbrite-saving .booking-modal-saver-eventbrite {
    display: inline-block;
}

.modal-wrapper.modal-saving #booking-modal-saver .booking-modal-saver-moshtix {
    vertical-align: top;
    float: right;
    width: 140px;
    margin-top: -2px;
    margin-left: 20px;
    display: none;
}

.modal-wrapper.modal-saving #booking-modal-saver .booking-modal-saver-moshtix .booking-modal-saver-moshtix-logo {
    width: 45px;
}

.modal-wrapper.modal-saving #booking-modal-saver .booking-modal-saver-moshtix-text {
    font-size: 12px;
    color: #b1b1b4;
}

.modal-wrapper.modal-saving #booking-modal-saver.show-moshtix-saving .booking-modal-saver-moshtix {
    display: inline-block;
}

.modal-wrapper.modal-saving #booking-modal-saver .booking-modal-saver-oztix {
    vertical-align: top;
    float: right;
    width: 140px;
    margin-top: -2px;
    margin-left: 20px;
    display: none;
}

.modal-wrapper.modal-saving #booking-modal-saver .booking-modal-saver-oztix .booking-modal-saver-oztix-logo {
    width: 60px;
}

.modal-wrapper.modal-saving #booking-modal-saver .booking-modal-saver-oztix-text {
    font-size: 12px;
    color: #b1b1b4;
}

.modal-wrapper.modal-saving #booking-modal-saver.show-oztix-saving .booking-modal-saver-oztix {
    display: inline-block;
}

.modal-wrapper.modal-saving #booking-modal-footer-status-save,
.modal-wrapper.modal-saving #booking-modal-footer-status-meta,
.modal-wrapper.modal-saving #booking-modal-helper-notification {
    opacity: 0;
    display: none;
}

#booking-dealterm-ajax-container.modal-section-saving #popup_dealterms,
#booking-dealterm-ajax-container.modal-section-saving h4,
#booking-dealterm-ajax-container.modal-section-saving #deal-terms-tax-section h4,
#booking-dealterm-ajax-container.modal-section-saving #deal-terms-tax-section .deal_term_tax,
#booking-dealterm-ajax-container.modal-section-saving #deal-terms-tax-section .bm-tooltip,
#booking-dealterm-ajax-container.modal-section-saving .save-dealterm-template-link,
#booking-dealterm-ajax-container.modal-section-saving #booking-dealterm-load-template {
    opacity: 0.5;
    pointer-events: none !important;
    cursor: default !important;
}

#booking-dealterm-ajax-container.modal-section-saving #deal-terms-deposits,
#deal-terms-deposits.modal-section-saving {
    opacity: 0.5;
    pointer-events: none !important;
    cursor: default !important;
}

#ajax-time.modal-section-saving #time-off-cross,
#ajax-time.modal-section-saving #time-on-link,
#ajax-time.modal-section-saving #time-fields,
#ajax-time.modal-section-saving #time-fields-length,
#ajax-time.modal-section-saving h4 {
    opacity: 0.5;
    pointer-events: none !important;
    cursor: default !important;
}

#ajax-roster-select.modal-section-saving #roster-select-button {
    pointer-events: none !important;
    cursor: default !important;
}

#ajax-roster-select.modal-section-saving #confirmation-for-user-name,
#ajax-roster-select.modal-section-saving .roster-arrow,
#ajax-confirmation-for.modal-section-saving #confirmation-for-wrap { 
    opacity: 0.5;
    pointer-events: none !important;
    cursor: default !important;
}

#ajax-event-summary.modal-section-saving .event-summary-wrap {
    pointer-events: none !important;
    cursor: default !important;
}

#ajax-event-summary.modal-section-saving #event-title-inline-static,
#ajax-event-summary.modal-section-saving #event-date-static-icon,
#ajax-event-summary.modal-section-saving #event-date-static-display-formatted,
#ajax-event-summary.modal-section-saving #multi-booking-background #multi-booking-selected,
#ajax-event-summary.modal-section-saving .event-details-actions {
    opacity: 0.5;
    pointer-events: none !important;
    cursor: default !important;
}

#ajax-confirmation-summary.modal-section-saving .active-border-wrap,
#ajax-confirmation-search.modal-section-saving #confirmation-search-wrap {
    opacity: 0.5;
    pointer-events: none !important;
    cursor: default !important;
}

.modal-section-saving .booking-offer-section-item-full,
.modal-section-saving .booking-offer-section-item-half,
.modal-section-saving .booking-offer-section {
    opacity: 0.5;
    pointer-events: none !important;
    cursor: default !important;
}

.bmodal-footer.modal-section-saving .standard-btn {
    opacity: 0.5;
    pointer-events: none !important;
    cursor: default !important;
}

#ajax-roster-select.modal-section-saving,
#ajax-booking-summary.modal-section-saving,
#ajax-confirmation-for.modal-section-saving,
#ajax-roster-select.modal-section-saving #roster-select-button.has-roster {
    opacity: 0.5;
    pointer-events: none !important;
    cursor: default !important;
}

#ajax-text-dealterms.modal-section-saving .text-dealterms-section {
    opacity: 0.5;
    pointer-events: none !important;
    cursor: default !important;
}

/* hold disabling */
.modal-wrapper.readonly-offer #booking-modal-outer .card-primary .dropdown .btn.dropdown-toggle,
.readonly-offer #popup_dealterms .deal_term_row input.input-borderradius-left,
.modal-wrapper.readonly-offer #popup_dealterms input.customtitle.form-control,
.modal-wrapper.readonly-offer #popup_dealterms input.deposittitle.form-control,
.modal-wrapper.readonly-offer #popup_dealterms span.input-group-addon.deal_term_label,
.modal-wrapper.readonly-offer #popup_dealterms #dealterms_holder .btn.dropdown-toggle,
.modal-wrapper.readonly-offer #popup_dealterms .deal_term_row input.input-borderradius-right,
.modal-wrapper.readonly-offer .time-fields-item input,
.modal-wrapper.readonly-offer #time-off-cross,
.modal-wrapper.readonly-offer #time-on-link,
.modal-wrapper.readonly-offer .text-dealterms-section textarea,
.modal-wrapper.readonly-offer .text-dealterms-section input
.modal-wrapper.readonly-offer .text-dealterms-section-header,
.modal-wrapper.readonly-offer #summary-account,
.modal-wrapper.readonly-offer .dealterms-deposits-duedate-display,
.modal-wrapper.readonly-offer #dealterms_table_wrapper,
.modal-wrapper.readonly-offer #summary-contact-card,
.modal-wrapper.readonly-offer .text-dealterms-section,
.modal-wrapper.readonly-offer #booking-offer-event-details,
.modal-wrapper.readonly-offer #multi-date-edit  {
    cursor: default !important;
    /* background: #f8f8f8 !important; */
    pointer-events: none !important;
}

.modal-wrapper.readonly-offer #booking-modal-outer #booking-dealterm-wrap .dropdown .btn.dropdown-toggle {
    padding-right: 5px !important;
}

.modal-wrapper.readonly-offer #time-off-cross,
.modal-wrapper.readonly-offer #time-on-link,
.modal-wrapper.readonly-offer .deal_term_delete_cross,
.modal-wrapper.readonly-offer #booking-dealterm-load-template,
.modal-wrapper.readonly-offer .save-dealterm-template-link,
.modal-wrapper.readonly-offer .roster-arrow,
.modal-wrapper.readonly-offer .selectpicker-caret,
.modal-wrapper.readonly-offer .bm-view-booking-contacts,
.modal-wrapper.readonly-offer #btn-goto-event,
.modal-wrapper.readonly-offer #revert-booking,
.modal-wrapper.readonly-offer #save-as-hold,
.modal-wrapper.readonly-offer #booking-to-contact-phone-input,
.modal-wrapper.readonly-offer #dealterms-tax-tooltip {
    display: none !important;
}

.modal-wrapper.readonly-offer #add_deals_button,
.modal-wrapper.readonly-offer #add_text_deals_button,
.modal-wrapper.readonly-offer .add-text-dealterms,
.modal-wrapper.readonly-offer .add-text-dealterms-disabled,
.modal-wrapper.readonly-offer .add-text-dealterms-section,
.modal-wrapper.readonly-offer .show-text-dealterms,
.modal-wrapper.readonly-offer .show-text-dealterms-disabled {
    /* display: none !important; */
    opacity: 0 !important;
    pointer-events: none !important;
}

.modal-wrapper.readonly-offer #confirmation-for-identity-name,
.modal-wrapper.readonly-offer #roster-select-button,
.modal-wrapper.readonly-offer #confirmation-for-details  {
    pointer-events: none;
    cursor: default;
}

.modal-wrapper.readonly-offer #confirmation-for-identity-email,
.modal-wrapper.readonly-offer #confirmation-for-identity-phone {
    pointer-events: all !important;
    cursor: pointer !important;
}

.modal-wrapper.readonly-offer #booking-modal-outer .card-primary .dropdown .btn.dropdown-toggle

/* settlement disabling */
.modal-wrapper.settlement-approved-booking #booking-modal-outer .card-primary .dropdown .btn.dropdown-toggle,
.settlement-approved-booking #popup_dealterms .deal_term_row input.input-borderradius-left,
.modal-wrapper.settlement-approved-booking #popup_dealterms input.customtitle.form-control,
.modal-wrapper.settlement-approved-booking #popup_dealterms input.deposittitle.form-control,
.modal-wrapper.settlement-approved-booking #popup_dealterms span.input-group-addon.deal_term_label,
.modal-wrapper.settlement-approved-booking #popup_dealterms #dealterms_holder .btn.dropdown-toggle,
.modal-wrapper.settlement-approved-booking #popup_dealterms .deal_term_row input.input-borderradius-right,
.modal-wrapper.settlement-approved-booking .time-fields-item input,
.modal-wrapper.settlement-approved-booking #time-on-link,
.modal-wrapper.settlement-approved-booking #time-off-cross,
.modal-wrapper.settlement-approved-booking .text-dealterms-section textarea,
.modal-wrapper.settlement-approved-booking .text-dealterms-section input,
.modal-wrapper.settlement-approved-booking .text-dealterms-section-header,
.modal-wrapper.settlement-approved-booking .dealterms-deposits-duedate-display,
.modal-wrapper.settlement-approved-booking #dealterms_table_wrapper,
.modal-wrapper.settlement-approved-booking #summary-contact-card,
.modal-wrapper.settlement-approved-booking .text-dealterms-section,
.modal-wrapper.settlement-approved-booking #booking-offer-event-details,
.modal-wrapper.settlement-approved-booking #multi-date-edit  {
    cursor: default !important;
    /* background: #f8f8f8 !important; */
    pointer-events: none !important;
}

.modal-wrapper.settlement-approved-booking .booking-offer-title-link {
    pointer-events: all !important;
}

.modal-wrapper.settlement-approved-booking #booking-modal-outer .card-primary .dropdown .btn.dropdown-toggle {
    cursor: default !important;
    /* background: #f8f8f8 !important; */
    pointer-events: none !important;
}

.modal-wrapper.settlement-approved-booking #booking-modal-outer #booking-dealterm-wrap .dropdown .btn.dropdown-toggle {
    padding-right: 5px !important;
}

.modal-wrapper.settlement-approved-booking #time-off-cross,
.modal-wrapper.settlement-approved-booking #time-on-link,
.modal-wrapper.settlement-approved-booking .deal_term_delete_cross,
.modal-wrapper.settlement-approved-booking #booking-dealterm-load-template,
.modal-wrapper.settlement-approved-booking .roster-arrow,
.modal-wrapper.settlement-approved-booking .selectpicker-caret,
.modal-wrapper.settlement-approved-booking .bm-view-booking-contacts,
.modal-wrapper.settlement-approved-booking #revert-booking,
.modal-wrapper.settlement-approved-booking #save-as-hold,
.modal-wrapper.settlement-approved-booking #cancel-booking,
.modal-wrapper.settlement-approved-booking #booking-to-contact-phone-input,
.modal-wrapper.settlement-approved-booking #dealterms-tax-tooltip {
    display: none !important;
}

.modal-wrapper.settlement-approved-booking #add_deals_button,
.modal-wrapper.settlement-approved-booking #add_text_deals_button,
.modal-wrapper.settlement-approved-booking .add-text-dealterms,
.modal-wrapper.settlement-approved-booking .add-text-dealterms-disabled,
.modal-wrapper.settlement-approved-booking .add-text-dealterms-section,
.modal-wrapper.settlement-approved-booking .show-text-dealterms,
.modal-wrapper.settlement-approved-booking .show-text-dealterms-disabled {
    /* display: none !important; */
    opacity: 0 !important;
    pointer-events: none !important;
}

.modal-wrapper.settlement-approved-booking #confirmation-for-identity-name,
.modal-wrapper.settlement-approved-booking #roster-select-button,
.modal-wrapper.settlement-approved-booking #confirmation-for-details  {
    pointer-events: none;
    cursor: default;
}

/* disabled deal term row */
.modal-wrapper#booking-modal-outer .card-primary .deal_term_row_disabled .dropdown .btn.dropdown-toggle,
#popup_dealterms .deal_term_row.deal_term_row_disabled input.input-borderradius-left,
.modal-wrapper #popup_dealterms .deal_term_row_disabled input.customtitle.form-control,
.modal-wrapper #popup_dealterms .deal_term_row_disabled input.deposittitle.form-control,
.modal-wrapper #popup_dealterms .deal_term_row_disabled span.input-group-addon.deal_term_label,
.modal-wrapper #popup_dealterms #dealterms_holder .deal_term_row_disabled .btn.dropdown-toggle,
.modal-wrapper #popup_dealterms .deal_term_row.deal_term_row_disabled input.input-borderradius-right {
    cursor: default !important;
    /* background: #f8f8f8 !important; */
    pointer-events: none !important;
}
.modal-wrapper #popup_dealterms .deal_term_row_disabled .selectpicker-caret,
.modal-wrapper #popup_dealterms .deal_term_row_disabled .deal_term_delete_cross,
.modal-wrapper #popup_dealterms .deal_term_row_disabled .deal_term_remove_text
{
    display: none !important;
}
.deal_term_row_disabled.deal_term_row:hover>td span.icon-ui-15.theicons.deal_term_delete_cross {
    position: relative;
    color: #ccc;
    font-size: 16px;
    opacity: 0;
    top: 3px;
}

.modal-wrapper.settlement-approved-booking #booking-modal-outer #booking-dealterm-load-template {
    /* display:none; */
}

.modal-wrapper.multi-date-non-anchor #booking-modal-outer #booking-dealterm-load-template {
    display:none;
}

.modal-wrapper.settlement-approved-booking tr.deal_term_row,
.modal-wrapper.settlement-approved-booking .deletetd {
    cursor: default !important;
    pointer-events: none !important;
}

.modal-wrapper.settlement-approved-booking #summary-contact-card,
.modal-wrapper.settlement-approved-booking #roster-select-button,
.modal-wrapper.settlement-approved-booking #confirmation-for-details,
.modal-wrapper.settlement-approved-booking #roster-select {
    cursor: default;
    pointer-events: none;
}

.modal-wrapper.settlement-approved-booking #confirmation-for-details #confirmation-for-identity-email,
.modal-wrapper.settlement-approved-booking #confirmation-for-details #confirmation-for-identity-phone,
.modal-wrapper.settlement-approved-booking #summary-contact-card #summary-contact .summary-contact-info .summary-contact-details {
    pointer-events: all;
}

.modal-wrapper.settlement-approved-booking #roster-select-button .roster-arrow {
    display: none;
}

/* modal error box */

.modal-wrapper #modal-error-box {
    text-align: center;
    padding: 40px;
    font-size: 22px;
}


/* modal boxes */

.modal-wrapper .modal-box {
    /* margin-bottom: 40px; */
    clear: both;
    float: left;
    width: 100%;
}

.modal-wrapper .modal-box-half {
    width: 50%;
    float: left;
    clear: both;
    margin-bottom: 30px;
}

.modal-wrapper h4 {
    margin-top: 0px;
    clear: both;
    margin-bottom: 15px;
}

.modal-wrapper h5 {
    margin-top: 5px;
    font-family: 'inter_semibold', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 14px;
    clear: both;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.modal-wrapper .modal-box.disabled-box {
    pointer-events: none !important;
    opacity: 0.15;
}

.modal-wrapper .modal-scroller {
    overflow-y: auto;
    overflow-x: hidden;
    padding: 30px;
    position: absolute;
    top: 60px;
    bottom: 80px;
    left: 0;
    right: 0;
    background: #fff;
}

.modal-wrapper .modal-scroller-padded {
    padding: 30px 50px 0 50px;
}

.summary-group {
    position: relative;
}

.summary-image img {
    width: 35px;
    height: 35px;
    border-radius: 4px;
}

.summary-image i {
    display: block;
    text-align: right;
    line-height: 32px;
    font-size: 20px;
    color: #454b5a;
}

.active .theicons {
    color: #24272f;
}

.summary-group.summary-group-disabled {
    color: #b1b1b4;
    font-style: italic;
    cursor: default;
}


/* actionable parts */

.modal-markup .summary-group.actionable {
    cursor: pointer;
}

.modal-markup .summary-group.actionable:hover {
}

.modal-markup .summary-group.actionable.active {
}


/* main text inputs and spans */

.summary-group .summary-text input {
    font-size: 16px;
    background: transparent;
    border: none;
    box-shadow: none !important;
    width: 100%;
    height: 100%;
    border: none;
}

.modal-markup textarea::-webkit-input-placeholder,
.modal-markup input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #e0e0e0 !important;
}

.modal-markup textarea::-moz-placeholder,
.modal-markup input::-moz-placeholder {
    /* Firefox 19+ */
    color: #e0e0e0 !important;
}

.modal-markup textarea:-ms-input-placeholder,
.modal-markup input:-ms-input-placeholder {
    /* IE 10+ */
    color: #e0e0e0 !important;
}

.modal-markup textarea:-moz-placeholder,
.modal-markup input:-moz-placeholder {
    /* Firefox 18- */
    color: #e0e0e0 !important;
}

.summary-group .summary-text .fake-input,
.summary-group .summary-text .fake-hidden-input {
    display: block;
    font-size: 35px;
    padding-top: 15px;
    color: #454b5a;
    padding-left: 0;
}

.summary-group .summary-text .fake-input,
{
    color: #e2e2e2;
}

.summary-group .summary-text .fake-hidden-input {
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    left: 0;
    overflow: visible;
    white-space: nowrap;
    z-index: -1;
}

.summary-group .summary-text span.dropdown {
    margin-top: 20px;
    font-size: 20px;
    background: transparent;
    border: none;
    border-radius: 4px;
    box-shadow: none !important;
    width: auto;
    display: block;
    float: left;
}

.summary-group>label {
    position: absolute;
    left: 65px;
    top: 6px;
    color: #91a9bd;
    font-size: 12px;
    margin-bottom: 5px;
    -webkit-font-smoothing: antialiased;
}

.summary-group .summary-image {
    float: left;
}

.summary-group .summary-text {
    position: relative;
    /*overflow: hidden;*/
}

.summary-group .summary-text a {
    clear: both;
    font-size: 11px;
    color: #cccccc;
    display: none;
    position: absolute;
    right: 5px;
    top: 40px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    text-decoration: none;
}

.summary-group .summary-text a .theicons {
    color: #cccccc;
}

.summary-group .summary-text a:hover .theicons {
    color: #24272f;
}

.summary-group a i {
    font-size: 16px;
    padding: 5px;
    position: relative;
    top: 3px;
}


}
.summary-group.editable:hover a {
    display: block;
}
input.booking-modal-event-date-dark-placeholder::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */

    color: #587ba5 !important;
}
input.booking-modal-event-date-dark-placeholder::-moz-placeholder {
    /* Firefox 19+ */

    color: #587ba5 !important;
}
input.booking-modal-event-date-dark-placeholder:-ms-input-placeholder {
    /* IE 10+ */

    color: #587ba5 !important;
}
input.booking-modal-event-date-dark-placeholder:-moz-placeholder {
    /* Firefox 18- */

    color: #587ba5 !important;
}
.booking-modal-event-create {
    margin-top: 10px;
}

/* roster select */
#roster-select {
    position: absolute;
    top: 81px;
    right: 0;
    border-radius: 4px;
    z-index: 1;
    width: 100%;
    background: #f8f8f8;
}

#multi-booking-select {
    display: none !important;
    position: relative;
    display: inline-block;
    z-index: 2;
    vertical-align: middle;
}
#multi-booking-select-button {
    display: inline-block;
    border-radius: 4px;
    padding: 5px;
    cursor: pointer;
    border: 1px solid #fff;
    padding: 4px 5px 5px 28px;
}
#multi-booking-select-button:hover,
.multi-booking-select-active #multi-booking-select-button {
    background: #f8f8f8;
    border-color: #f8f8f8;
}
.multi-booking-select-active #multi-booking-select-button {
    border: 1px solid #eee;
    border-radius: 4px 4px 0 0;
}
.multi-booking-disabled #multi-booking-select-button,
.multi-booking-disabled #multi-booking-for-text {
    cursor: default;
    border: none;
    pointer-events: none;
}
.multi-booking-disabled .roster-select-button .roster-arrow {
    display: none;
}
.multi-booking-disabled #multi-booking-select-button:hover {
    background: #fff;
}

.pop-roster {
    animation-name: fade-in-zoom-up;
    animation-direction: normal;
    animation-fill-mode: forwards;
    animation-duration: .3s;
    animation-timing-function: cubic-bezier(0, 1.5, .5, 1);
    pointer-events: all;
}
.pop-roster.pop-out {
    animation-name: fade-in-zoom-up;
    animation-direction: reverse;
    animation-fill-mode: forwards;
    animation-duration: .3s;
    animation-timing-function: cubic-bezier(0, 1.5, .5, 1);
    pointer-events: all;
}

/* roster image / background / icon */
#roster-select-background {
    border-radius: 4px;
    background-color: #f7f7f7;
    background-size: cover;
    background-position: center;
    width: 20px;
    height: 20px;
    float: left;
    box-shadow: 0 0 0 0.5px rgba(49, 49, 93, .03), 0 2px 5px 0 rgba(49, 49, 93, .1), 0 1px 2px 0 rgba(0, 0, 0, .08);
}
#roster-select-button.has-roster {
    cursor: pointer;
    pointer-events: all;
}
#multi-booking-select {
    cursor: pointer;
}
#roster-select-button.has-roster:hover,
#roster-select-button.has-roster.roster-select-active {
    background: #ffffff;
}
#roster-select-button.has-roster:hover>.roster-arrow,
#roster-select-button.has-roster.roster-select-active>.roster-arrow {
    display: inline-block;
}

/* roster active */
#roster-select-button.roster-select-active div.roster-open {
    opacity: 0;
}
#roster-select-button.roster-select-active div.roster-close {
    opacity: 1;
}
#roster-select-button.has-roster.roster-select-active:after {
    opacity: 0.5;
}
#roster-select-button {
    display: inline-block;
    padding: 5px;
    border-radius: 4px;
    position: relative;
    font-size: 14px;
    cursor: default;
    width: 100%;
    line-height: 14px;
    height: 24px;
    background: #f8f8f8;
    width: calc(100% + 5px);
    margin-left: -5px;
}

/*Update: new classic dropdown look; */
#roster-select #roster-select-name {
    width: auto;
    text-align: left;
    margin-left: 0;
    box-sizing: content-box;
    cursor: default;
    pointer-events: all;
    display: inline-block;
    font-size: 12px;
    font-family: 'inter_semibold', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#multi-booking-background #multi-booking-selected {
    text-align: left;
    position: relative;
    left: 0;
    box-sizing: content-box;
    pointer-events: all;
}
#multi-booking-background #multi-booking-selected #multi-booking-selected-text {
    margin-right: 5px;
    max-width: 280px;
    color: #24272f;
    font-family: 'inter_semibold', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
}
#multi-booking-background.has-multi-booking #multi-booking-selected #multi-booking-selected-text {
}
#multi-booking-background #multi-booking-selected #multi-booking-selected-text .theicons {
    font-size: 20px;
    position: absolute;
    top: 6px;
    left: 5px;
}
#roster-select #roster-select-name .roster-open {
    float: left;
}
#roster-select #roster-select-name .roster-close {
    float: left;
}
#roster-select-button .roster-arrow {
    position: absolute;
    font-size: 16px;
    margin-right: 0;
    right: 5px;
    opacity: 0.3;
    color: #24272f;
}
#confirmation-for-identity .roster-arrow {
    position: absolute;
    font-size: 16px;
    margin-right: 0;
    right: 5px;
    opacity: 0.3;
    color: #24272f;
}

#summary-contact-button .roster-arrow {
    position: absolute !important;
    font-size: 16px;
    margin-right: 0;
    right: -2px;
    opacity: 0.3;
    color: #24272f;
    margin-top: -1px;
}
#roster-select-button:hover .roster-arrow {
    opacity: 1;
}
#confirmation-for-identity-name:hover .roster-arrow {
    opacity: 1;
}
#summary-contact-button:hover .roster-arrow {
    opacity: 1;
}
#roster-select-button .roster-arrow .theicons,
#confirmation-for-identity .roster-arrow .theicons,
#summary-contact-button .roster-arrow .theicons,
#multi-booking-select .roster-arrow .theicons {
    display: inline-block !important;
    transition: 0.1s;
    -webkit-transition: 0.1s;
    -moz-transition: 0.1s;
    -ms-transition: 0.1s;
    -o-transition: 0.1s;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    vertical-align: middle;
}
#roster-select-button.roster-select-active .roster-arrow .theicons,
.open #confirmation-for-identity .roster-arrow .theicons,
#confirmation-summary-wrap.summary-contact-select-active .roster-arrow .theicons,
#multi-booking-background.multi-booking-select-active .roster-arrow .theicons {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    position: relative;
}
#multi-booking-select #multi-booking-selected-text {
    display: inline-block;
}
#roster-select #roster-select-name-text,
#roster-select #roster-select-name-text+.roster-arrow {
    opacity: 0.5;
}
#roster-select #roster-select-name-text.fetch-roster-option-clickable,
#roster-select #roster-select-name-text.fetch-roster-option-clickable+.roster-arrow {
    cursor: pointer;
    opacity: 1;
}
#roster-select #roster-select-name-text+.roster-arrow {
    position: absolute;
    right: 0;
}

.settlement-approved-booking #confirmation-for-identity .roster-arrow,
.readonly-offer #confirmation-for-identity .roster-arrow,
.cancelled-booking #confirmation-for-identity .roster-arrow  {
    opacity: 0 !important;
}
.settlement-approved-booking #confirmation-for-identity-name:hover .roster-arrow ,
.readonly-offer #confirmation-for-identity-name:hover .roster-arrow  {
    opacity: 0 !important;
}

/* */
#roster-select span.dropdown i {
    color: #c7c7c7;
    font-size: 25px;
    vertical-align: text-bottom;
}
#roster-select .summary-image {
    float: left;
}
#roster_dropdown {

}

/* roster select arrow */
#roster-arrow {
    position: absolute;
    top: 128px;
    right: 234%;
    margin-left: -4px;
    width: 8px;
    z-index: 99999;
}
#roster-arrow:before,
#roster-arrow:after {
    content: "";
    position: absolute;
    left: 0;
    top: -1px;
    z-index: 2;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #ffffff;
}
#roster-arrow:before {
    z-index: 1;
    width: 0;
    top: -2px;
    left: -1px;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #eeeeee;
}
#multi-booking-background {
    /*opacity: 0.5;*/

    opacity: 1;
    cursor: default !important;
}
#multi-booking-background.has-multi-booking {
    opacity: 1;
    cursor: pointer;
}
#multi-booking-background .roster-arrow {
    display: none !important;
    position: relative;
    margin-left: 5px;
    top: -2px;
}
#multi-booking-background.has-multi-booking .roster-arrow {
    display: inline-block !important;
}
#multi-booking-background #multi-booking-selected-text {
    cursor: default;
}
#multi-booking-background.has-multi-booking #multi-booking-selected-text {
    cursor: pointer;
}

/* event name */
.event-name .fake-hidden-input {}

/* event date */
.event-date .summary-image img {}

/* search event */
#search-events-list {
    background: #ffffff;
    list-style: none;
    float: left;
    margin-bottom: 0px;
    position: absolute;
    left: -4px;
    right: 6px;
    top: 55px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-top: 0px !important;
    box-shadow: 0 0 0 0.5px rgba(49, 49, 93, .03), 0 2px 5px 0 rgba(49, 49, 93, .1), 0 1px 2px 0 rgba(0, 0, 0, .08);
    z-index: 9999;
    border-top: none;
    max-height: 50vh !important;
}
ul#search-events-list>div.scroller {
    overflow: scroll;
    width: 100%;
    height: auto;
    float: left;
    max-height: calc(50vh - 1px);
}

#search-events-list li {
    font-size: 18px;
    cursor: pointer;
    padding: 10px;
    border-bottom: solid 1px #eeeeee;
    float: left;
    clear: both;
    width: 100%;
}
#search-events-list li:last-child {
    border-bottom: none;
    padding-bottom: 10px;
    margin-bottom: 0px;
}
#search-events-list li:hover {
    background-color: #f8f8f8
}
#search-events-list li.search-item-active {
    background-color: #f8f8f8
}

/* event flyer */
#search-events-list li .event-flyer {
    width: 30px;
    height: 42px;
    background: #eaecf1;
    border-radius: 2px;
    margin-right: 10px;
    float: left;
    background-size: cover;
    background-position: center;
    box-shadow: 0 0 0 0.5px rgba(49, 49, 93, .03), 0 2px 5px 0 rgba(49, 49, 93, .1), 0 1px 2px 0 rgba(0, 0, 0, .08);
}
#search-events-list li .event-flyer img {
    width: 20px;
    height: 60px;
    border-radius: 2px;
}

/* event title and date */
#search-events-list li .event-meta {
    float: left;
}
#search-events-list li .event-meta span {
    display: block;
    font-size: 14px;
    margin-top: 2px;
    color: #454b5a;
    font-family: 'inter_semibold', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#search-events-list li .event-meta small {
    clear: both;
    display: block;
    font-size: 12px;
    color: #8c8c8c;
}

/* select book from */
#fetchroster {
    position: absolute;
    top: 65px;
    left: 69px;
    width: calc(100% - 90px);
    background: #ffffff;
    border-radius: 6px;
    display: block;
    list-style: none;
    box-shadow: 0 0 0 0.5px rgba(49, 49, 93, .03), 0 2px 5px 0 rgba(49, 49, 93, .1), 0 1px 2px 0 rgba(0, 0, 0, .08);
    z-index: 261;
    max-height: 300px;
    overflow: hidden;
    pointer-events: all;
    animation-name: fade-in-zoom-down;
    animation-direction: normal;
    animation-fill-mode: forwards;
    animation-duration: .3s;
    animation-timing-function: cubic-bezier(0, 1.5, .5, 1);
    border: none;
}
#fetchroster li {
    cursor: pointer;
    padding: 10px;
    display: block;
    border-left: 4px solid transparent;
    height: 40px;
}
#fetchroster li:last-child {
    margin-bottom: 0px;
    padding-bottom: 2px;
    border-bottom: none;
}
#fetchroster li.fetch-roster-option-clickable:hover {
    color: #679ac7;
    background: #f8f8f8;
}
#fetchroster li.fetch-roster-option-notclickable {
    opacity: 0.5;
    filter: gray;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    cursor: default;
}
#fetchroster li.fetch-roster-option-notclickable img {
    opacity: 0.5;
}
#fetchroster li.fetch-roster-option-notclickable .fetch-roster-option-unavailable-text {
    color: #24272f !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: italic;
}
#fetchroster div.roster-name {
    overflow: hidden;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
#fetchroster div.roster-name h4 {
    margin: 0px;
    font-size: 14px;
    font-family: 'inter_semibold', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#fetchroster div.roster-name p {
    color: #b1b1b4;
    margin-bottom: 0px;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: inherit;
}
#fetchroster.fetchroster-disabled li {
    opacity: 0.5;
    filter: gray;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    pointer-events: none;
}
#fetchroster.fetchroster-disabled {
    cursor: pointer;
}
#multi-booking-dropdown {
    position: absolute;
    left: 0;
    right: 1px;
    top: 36px;
}

/* select multi booking*/
ul#fetch-multi-booking {
    background: #ffffff;
    border-radius: 0 0 4px 4px;
    display: block;
    list-style: none;
    box-shadow: 0 0 0 0.5px rgba(49, 49, 93, .03), 0 2px 5px 0 rgba(49, 49, 93, .1), 0 1px 2px 0 rgba(0, 0, 0, .08);
    z-index: 261;
    max-height: 55vh;
}
#fetch-multi-booking li {
    cursor: pointer;
    border-bottom: solid 1px #e2e2e2;
    padding: 8px;
    display: block;
    pointer-events: all;
}
#fetch-multi-booking li:last-child {
    margin-bottom: 0px;
    padding-bottom: 8px;
    border-bottom: none;
}
#fetch-multi-booking li:hover {
    color: #679ac7;
    background: #f8f8f8;
}
#fetch-multi-booking div.roster-name {
    overflow: hidden;
    position: relative;
    top: 1px;
}
#fetch-multi-booking div.roster-name h4 {
    margin: 0px;
    color: #454b5a;
    font-size: 13px;
    font-family: 'inter_semibold', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#fetch-multi-booking .mzk-upgrade-tooltip-hover div.roster-name h4 {
    opacity: 0.6;
}

.multi-date-summary {
    display: none;
    font-size: 12px;
    border-radius: 4px;
    width: auto;
    cursor: default;
    position: relative;
    top: -5px;
}

.draft-booking #booking-modal-markup.multi-booking-selected .multi-date-summary,
.hold-booking #booking-modal-markup.multi-booking-selected .multi-date-summary {
    display: block;
}

#booking-modal-markup.multi-booking-selected .event-summary-wrap #display-event-date-multi-adjust {
    display: none;
}
.display-event-date-adjust {
    display: none;
    pointer-events: none;
}
.display-event-date-adjust-active {
    display: block;
    pointer-events: all;
}
#display-event-date-single-adjust {
    margin-left: 3px;
    display: none !important;
}
#display-event-date-multi-adjust {
    float: left;
}

#multi-booking-for-text {
    color: #24272f;
    font-family: 'inter_semibold', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    margin-left: -4px;
    line-height: 29px;
    vertical-align: top;
    font-size: 16px;
    display: none;
}
#multi-booking-background.has-multi-booking #multi-booking-for-text {
    margin-left: 0;
    cursor: default;
}

/* modal helper */
.modal-helper {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    text-align: center;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
}
.modal-helper * {
    margin: 0px;
    color: #777777;
}

/* message boxes */
.booking-form-message {
    background: #f7f7f7;
    color: #333333;
    padding: 20px 30px;
    ;
}

/* top */
.modal-markup .top {
    position: relative;
}
.modal-markup .top:after {
    position: absolute;
    margin: -10px;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -2;
    pointer-events: none;
    background-size: cover;
    background-position: center;
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    filter: blur(5px);
    opacity: 0;
}

/* primary cards */
.modal-inner .modal-flex-wrapper {
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-direction: row;
    height: 86vh;
    border-radius: 6px;
}
.modal-inner .modal-flex-wrapper::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0px;
    width: 100%;
    background: rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
    border-radius: 6px;
}
.modal-inner .modal-flex-wrapper.full-card-on::after {
    /*width: 1000px;*/

    width: 100%;
    transition: width 0.35s ease-in-out;
}
.modal-inner .card {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    background-color: #ffffff;
    border-radius: 6px;
    z-index: 1;
    pointer-events: none;
    visibility: visible;
}
.modal-inner .card-primary {
    z-index: 11;
    background: #ffffff;
    pointer-events: all;
}
.modal-inner .card.card-attachment-preview,
.modal-inner .card.card-settlement-preview, 
.modal-inner .card.card-collective-settlement-preview {
    /*max-width: 1000px;*/

    max-width: 100%;
    z-index: 13;
}
.modal-inner .card-attachment-preview .card-top,
.modal-inner .card-settlement-preview .card-top,
.modal-inner .card-collective-settlement-preview .card-top {
    border-top-right-radius: 4px;
}
.modal-inner .card-attachment-preview .card-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 430px;
}

.modal-inner .card-title {
    margin: 0px;
    font-size: 20px;
    float: left;
    padding-left: 10px;
    line-height: 50px;
    color: #454b5a;
    font-family: inter_semibold, 'Helvetica Neue', Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
}
.modal-inner .card-top a {
    text-decoration: none;
    padding: 0;
    height: 34px;
    display: block;
    text-align: center;
    float: left;
    margin: 0px;
    border-radius: 6px;
    color: #454b5a;
    font-size: 14px;
    line-height: 34px;
}
.modal-inner .card-top a.card-disabled {
    pointer-events: none;
    cursor: pointer;
}
.modal-inner .card-top .card-top-arrow {
    display: inline-block;
    float: left;
    vertical-align: middle;
    padding: 8px 0px;
    opacity: 0.4;
}
.modal-inner .card-top .theicons {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

.modal-inner .card-top .theicons.icon-others-11 {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    transform: rotate(0);
    margin-right: 3px;
    position: relative;
    top: -1px;
}

.modal-inner .card-top .card-title a {
    margin-right: 10px;
}
.modal-inner .card-top a:hover {
    background: #ffffff;
}
.modal-inner .card-top a i {
    color: #454b5a;
    display: inline-block;
    margin: 0px;
    line-height: 34px;
    font-size: 17px;
    vertical-align: middle;
    position: relative;
    top: -2px;
}
.modal-inner .card-top a i:hover {
    color: #24272f;
}
@keyframes card-out {
    0% {
        opacity: 1;
        /*width: 500px;*/
        width: 100%;
        transform: translateX(0%);
    }

    50% {
        opacity: 0;
        /*width: 500px;*/
        width: 100%;
    }

    100% {
        opacity: 0;
        width: 0px;
        transform: translateX(-50%);
    }
}
.modal-inner .card-out {
    animation: card-out 0.25s ease-in-out forwards !important;
}
@keyframes card-in {
    0% {
        opacity: 0;
        width: 0px;
        transform: translateX(-50%);
    }

    50% {
        opacity: 0;
        /*width: 500px;*/
        width: 100%;
    }

    100% {
        opacity: 1;
        /*width: 500px;*/
        width: 100%;
        transform: translateX(0%);
    }
}
.modal-inner .card-in {
    animation: card-in 0.25s ease-in-out forwards !important;
    /*  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;*/
}
.modal-inner .card-switch-out {
    opacity: 0;
    /*transform: translateX(-20px);*/

    transition: opacity 0.25s ease, transform 0.25s ease;
    position: absolute;
    /*height: 80vh;*/

    height: 86vh;
    right: 0;
    z-index: 12;
}
.modal-inner .card-switch-in {
    /*  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;*/

    opacity: 1;
}
.modal-inner .card-on {
    /*  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;*/

    opacity: 1 !important;
    /*width:  500px !important;*/

    width: 100% !important;
    transform: none !important;
    transition: all 0s ease;
    z-index: 12;
    pointer-events: all;
    visibility: visible;
}
.modal-inner .card-off {
    opacity: 0 !important;
    width: 0px !important;
    transform: none !important;
    transition: all 0s ease;
    pointer-events: none;
    visibility: hidden;
}

.modal-inner .card-off .mzk-upgrade-tooltip-click,
.modal-inner .card-off .mzk-upgrade-tooltip-hover,
.modal-inner .card-off .mzk-upgrade-tooltip-click .theicons,
.modal-inner .card-off .mzk-upgrade-tooltip-hover .theicons,
.modal-inner .card-off a.mzk-upgrade-tooltip-hover,
.modal-inner .card-off a.mzk-upgrade-tooltip-click {
    pointer-events: none !important;
}

.full-card-on .card-primary {
    display: none;
}

/* attachments */
.card.card-attachment {}

/* bottom */
.bmodal-footer-notification {
    position: fixed;
    z-index: 1;
    height: 51px;
    width: 100%;
    background: #fdf0d2;
    left: 0;
    bottom: 80px;
    padding: 15px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bmodal-footer {
    position: absolute;
    z-index: 1000;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    padding: 20px;
    background: #fff;
    border-top: solid 1px #eeeeee;
    height: 80px;
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: opacity 0.15s ease, transform 0.15s ease, height 0.15s ease;
    -moz-transition: opacity 0.15s ease, transform 0.15s ease, height 0.15s ease;
    transition: opacity 0.15s ease, transform 0.15s ease, height 0.15s ease;
}
.bmodal-footer.hide-actions {
    pointer-events: none !important;
    opacity: 0 !important;
    -webkit-transform: translateY(15px);
    -moz-transform: translateY(15px);
    transform: translateY(15px);
}

.bmodal-footer-pre {
    position: fixed;
    width: 100%;
    background: #fff;
    height: 59px;
    z-index: 0;
    bottom: 0;
    border-radius: 0 0 10px 10px;
}

.card .card-notification-container {
    text-align: left;
    position: relative;
    margin: 50px;
    display: flow-root;
}

.card-notification-container-title {
    color: #24272f;
    font-size: 26px;
    font-family: 'inter_semibold', 'Helvetica Neue', Arial, Helvetica, sans-serif !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: 20px;
}

.card-notification-container-title-small {
    color: #24272f;
    font-size: 16px;
    font-family: 'inter_semibold', 'Helvetica Neue', Arial, Helvetica, sans-serif !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: 10px;
}

.card-notification-container-title-small .theicons {
    position: relative;
    top: 2px;
    font-size: 18px;
}

.card-notification-container-title .theicons {
    position: relative;
    top: 2px;
    margin-right: 10px;
}

.card-notification-container-description {
    font-size: 14px;
    margin-bottom: 20px;
    background: #f8f8f8;
    border-radius: 6px;
    padding: 20px;
}

.card-notification-container-notification {
    font-size: 14px;
    margin-bottom: 20px;
    background: #fdf0d2;
    border-radius: 6px;
    padding: 20px;
}

.card-notification-container-message {
    font-size: 14px;
    margin-bottom: 20px;
}

.card-notification-container-textarea {
    margin-bottom: 40px;
    display: flow-root;
}

.card-notification-container-checkbox {
    margin-bottom: 20px;
}

.card-notification-container-input-title {
    color: #24272f;
    font-size: 14px;
    font-family: 'inter_semibold', 'Helvetica Neue', Arial, Helvetica, sans-serif !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: 5px;
}

.card-notification-container-currency-input {
    max-width: 180px;
}

.card-notification-container-currency-input input {
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    max-width: 180px;
}

.card-notification-container-currency-prefix {
    position: absolute;
    top: 10px;
    left: 10px;
}

.card-notification-container-currency-suffix {
    position: absolute;
    top: 10px;
    right: 10px;
}

.card-notification-container-input {
    margin: 0px;
    position: relative;
}

.card-notification-container-input .form-field {
    margin-bottom: 10px;
}

.card-notification-container-input .muzeek-messagebox {
    height: 65px;
    min-height: unset !important;
    width: 100% !important;
    margin: 0 !important;
}

.card-notification-container .styled-select {
    width: 100%;
    max-width: 300px;
}

.card-notification-container-input-link {
    margin-top: 10px;
    margin-right: 20px;
    display: inline-block;
}

.card-notification-container-input-link:last-of-type {
    margin-right: 0;
}

.card-notification-container-input-link i {
     vertical-align: middle;
     position: relative;
     top: -1px;
}

.card-notification-container-input-link .theicons {
    font-size: 18px;
}

.card-notification-container-input-link .mzktooltip {
    display: inline-block;
    color: #ccc;
    margin-left: -10px;
    vertical-align: middle;
    margin-top: -3px;
}

.card-notification-container-checkbox .mzktooltip {
    font-size: 16px;
    color: #b1b1b4;
    vertical-align: middle;
    position: relative;
    top: 1px;
}

#booking-modal-outer .card .card-notification-container .standard-btn {
    margin: auto;
    max-width: 400px;
    float: none;
}

.card-notification-container-description .dealterms-text-section-title {
    font-family: 'inter_semibold','Helvetica Neue',Arial,Helvetica,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-top: 10px;
}

#acceptdiv.modal-scroller,
#declinediv.modal-scroller {
    bottom: 0;
}

.modal-loadable-screen {
    float: left;
    width: 100%;
    /* height: calc(100% - 35px); */
    height: 100%;
    clear: both;
    position: relative;
    z-index: 999;
    background: #fff;
    border-radius: 6px;
}

/* booking summary list */
#confirmation-search-wrap img.accounticon {
    width: 50px;
    height: 50px;
    float: left;
}
#modal-search-artist,
#modal-suggest-contacts,
#contactoverlay {
    position: absolute !important;
    left: 0;
    right: 0;
    top: 59px;
    background: white;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    z-index: 100;
    box-shadow: 0 0 0 0.5px rgba(49, 49, 93, 0.01), 0 2px 5px 0 rgba(49, 49, 93, .025), 0 1px 2px 0 rgba(0, 0, 0, .02);
    border: 1px solid #f0f0f0;
}
#modal-search-artist>div.scroller,
#modal-suggest-contacts>div.scroller,
#contactoverlay>div.scroller {
    overflow: auto;
    width: 100%;
    height: auto;
    max-height: calc(32vh);
    /*max-height: calc(40vh);*/
}

#contactoverlay,
#contactonlyoverlay,
#contactdropdownoverlay,
#account-preview-div,
#contact-preview-div {
    display: none;
}
img.usericon,
img#contact_image {
    width: 50px;
    height: 50px;
}

/* artist search */
#fetchartist {
    display: block;
    background: #ffffff;
    overflow: visible;
}
#fetch-suggest-contacts {
    display: block;
    background: #ffffff;
    overflow: visible;
    margin-top: 26px;
}
#fetchartist tr,
#fetch-suggest-contacts tr {
    display: block;
    width: 100%;
    padding: 15px 20px;
    cursor: pointer !important;
    border-bottom: solid 1px #eeeeee;
    background: none !important;
    display: flex;
    height: 85px;
}
#fetchartist tr td,
#fetch-suggest-contacts tr td {
    padding: 0px !important;
    background: none !important;
    position: relative;
    width: 100%;
}
#fetchartist tbody,
#fetch-suggest-contacts tbody {
    width: 100%;
    display: block;
    padding-top: 0px;
}
#fetchartist tr.fetchartist-available.fetchartist-active,
#fetch-suggest-contacts tr.fetchartist-available.fetchartist-active {
    background: #f8f8f8 !important;
}

/* hover */
#fetchartist tr:hover,
#fetch-suggest-contacts tr:hover {
    background-color: #f8f8f8 !important;
}
#fetchartist tr:last-child,
#fetch-suggest-contacts tr:last-child {
    border: none;
}
#fetchartist tr:last-child .padd3.brightblue,
#fetch-suggest-contacts tr:last-child .padd3.brightblue {
    display: block !important;
    padding: 10px !important;
    border-radius: 4px;
    background: #679ac7 !important;
    border: none !important;
    color: #ffffff !important;
    text-align: center;
}
#fetchartist td.padd3.font14.darkgrey2,
#fetch-suggest-contacts td.padd3.font14.darkgrey2 {
    border-left: solid 10px transparent;
    width: 100%;
    background: none !important;
    color: #454b5a !important;
    font-family: 'inter_semibold', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#fetchartist img.accounticon,
#fetch-suggest-contacts img.accounticon {
    width: 35px;
    height: 35px;
    border-radius: 4px;
    box-shadow: 0 0 0 0.5px rgba(49, 49, 93, .03), 0 2px 5px 0 rgba(49, 49, 93, .1), 0 1px 2px 0 rgba(0, 0, 0, .08);
}
#fetchartist td.padd3.font14.darkgrey2 .verified-checkmark,
#fetch-suggest-contacts td.padd3.font14.darkgrey2 .verified-checkmark {
    top: 0;
    margin-left: 5px;
}
#fetchartist td.padd3.font14.darkgrey2 .verified-checkmark .fa,
#fetch-suggest-contacts td.padd3.font14.darkgrey2 .verified-checkmark .fa {
    font-size: 16px;
}

#booking-with-loader {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    background: transparent;
    display: none;
    pointer-events: none;
}

#booking-with-loader .mzkloaderthin {
    width: 100%;
    height: 100%
}

/***
* update to use the contacts cards
*/

#fetchartist .discover-user-holder {
	width: 100% !important;
}

#fetchartist .discover-user-info {
	padding: 20px 20px 10px 20px;
	min-height: unset;
}

#fetchartist .discover-user-header {
    margin-bottom: 10px;
}

#fetchartist .contacts-card-genre {
    min-height: unset;
}

#fetchartist .discover-user-contacts {
	min-height: unset;
    padding: 0;
    margin-top: 0 !important;
}

#fetchartist .discover-user-contact {
	margin-top: 5px;
    padding: 10px 20px;
    border-radius: 6px;
    cursor: pointer;
}

#fetchartist .discover-user-contact:hover {
    background: #f8f8f8;
}

#fetchartist .discover-user-contact:first-of-type {
	margin-top: 0;
}

#fetchartist .discover-user-contact-more {
	display: none;
}

/*
* closed date results
*/
#fetchartist tr.fetchartist-unavailable,
#fetch-suggest-contacts tr.fetchartist-unavailable {
    opacity: 0.5;
    filter: gray;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    cursor: default !important;
}
#fetchartist tr.fetchartist-unavailable img,
#fetch-suggest-contacts tr.fetchartist-unavailable img {
    opacity: 0.5;
}
#fetchartist tr.fetchartist-unavailable:hover,
#fetch-suggest-contacts tr.fetchartist-unavailable:hover {
    background-color: #fff !important;
}
#fetchartist tr.fetchartist-unavailable .fetchartist-unavailable-text,
#fetch-suggest-contacts tr.fetchartist-unavailable .fetchartist-unavailable-text {
    color: #454b5a !important;
    font-family: 'inter_semibold','Helvetica Neue',Arial,Helvetica,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    position: absolute;
    right: 0;
    bottom: 5px;
    background: #454b5a;
    border-radius: 3px;
    padding: 1px 10px;
    color: #fff !important;
}

/*
* fetch artist contacts update
*/
.fetchartist-user {
    width: 100%;
}
.fetchartist-user-image {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    margin-right: 10px;
    display: inline-block;
    vertical-align: top;
    box-shadow: 0 0 0 0.5px rgba(49, 49, 93, .03), 0 2px 5px 0 rgba(49, 49, 93, .1), 0 1px 2px 0 rgba(0, 0, 0, .08);
    display: none;
}
.fetchartist-user-image img {
    width: 60px;
    height: 60px;
    border-radius: 100%;
}
.fetchartist-user-info {
    vertical-align: top;
    display: inline-block;
    width: 100%;
}
.fetchartist-user-info .featchartist-details-heading {
    width: calc(100% - 40px);
}
.fetchartist-user-info .featchartist-details-heading-name {
    color: #24272f;
    font-size: 18px;
    line-height: 20px;
    font-family: 'inter_semibold', 'Helvetica Neue', Arial, Helvetica, sans-serif !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    max-width: 100%;
    display: inline-block;
}
.fetchartist-user-info .featchartist-details-info {
    color: #b1b1b4;
    font-size: 12px;
    line-height: 12px;
    margin-top: -2px;
    display: none;
}
.fetchartist-identity {
    position: absolute;
    top: 25px;
    width: 100%;
}
.fetchartist-identity-image {
    width: 25px;
    height: 25px;
    border-radius: 100%;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
    box-shadow: 0 0 0 0.5px rgba(49, 49, 93, .03), 0 2px 5px 0 rgba(49, 49, 93, .1), 0 1px 2px 0 rgba(0, 0, 0, .08);
}
.fetchartist-identity-image img {
    width: 25px;
    height: 25px;
    border-radius: 100%;
}
.fetchartist-identity-info {
    vertical-align: middle;
    display: inline-block;
    margin-top: 1px;
    width: calc(100% - 30px);
}
.fetchartist-identity-info .featchartist-details-heading {
    color: #454b5a;
    font-size: 12px;
    line-height: 13px;
}
.fetchartist-identity-info .featchartist-details-info {
    color: #b1b1b4;
    font-size: 12px;
    line-height: 12px;
    width: 100%;
}
.featchartist-details-heading .verified-checkmark {
    margin-left: 5px;
    top: 2px;
}
.featchartist-details-heading .verified-checkmark .fa {
}

#contacts-list-addcontact-link,
#fetchartist-addcontact-link,
#fetch-suggest-contacts-addcontact-link {
    padding: 15px 20px;
    border-top: solid 1px #eeeeee;
    position: relative;
    cursor: pointer;
}
.add-new-contact-link.standard-btn {
    padding-left: 5px;
    font-size: 12px;
    font-family: 'inter_semibold', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.add-new-contact-link {
    width: 100% !important;
    font-size: 14px;
    max-width: 100%;
    font-size: 14px;
    max-width: 100%;
    line-height: 26px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #556CCC;
}
.add-new-contact-link .theicons {
    padding: 5px;
    background: #f8f8f8;
    border-radius: 6px;
    color: #556CCC;
    margin-right: 5px;
    vertical-align: middle;
}
.add-new-contact-icon-placeholder {
    position: absolute;
    right: 30px;
    height: 40px;
    width: 40px;
    border: 1px dashed #556CCB;
    top: 28px;
    border-radius: 100%;
}
.confirmation-search-blank-state-info {
    padding: 20px;
    text-align: center;
    color: #b1b1b4;
    cursor: default;
}
#contacts-list-addcontact-link:hover,
#fetchartist-addcontact-link:hover,
#fetch-suggest-contacts-addcontact-link:hover {
    background: #f8f8f8;
}

#contacts-list-addcontact-link .standard-btn,
#fetchartist-addcontact-link .standard-btn,
#fetch-suggest-contacts-addcontact-link .standard-btn {
    float: none !important;
    margin-left: 0px !important;
}
.fetchartist-remove-contact {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: none;
}
#fetchartist tr:hover>td .fetchartist-remove-contact {
    /* display: block; */
    display: none;
}
.fetchartist-remove-contact .theicons {
    font-size: 18px;
    color: #e0e0e0;
}
.fetchartist-remove-contact:hover>.mzk-hovertip .theicons {
    color: #de7878;
}
.fetchartist-remove-contact .mzk-hovertip-note {
    left: -40px !important;
    bottom: 30px !important;
}
.fetchartist-remove-contact .mzk-hovertip-note:before,
.fetchartist-remove-contact .mzk-hovertip-note:after {
    margin-left: 43px !important;
}

/* contact overlay */
#contactoverlay .control-group {
    max-height: none;
    padding: 0 20px;
}
#contactoverlay .control-group-half {
    padding-right: 5px;
}
#contactoverlay .control-group-half-last {
    padding-left: 5px;
}

#contactoverlay .styled-select {
    width: 100% !important;
}
.modal-inner .row {
    margin-bottom: 40px;
}
#contactoverlay a#addcontact {
    margin-top: 10px;
    margin-bottom: 10px;
}
#contactoverlay a#cancelcontact {
    text-decoration: none !important;
}
.add-new-contact-link-helper-text {
    color: #b1b1b4;
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 5px;
    font-family: 'inter_semibold', 'Helvetica Neue', Arial, Helvetica, sans-serif !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: none;
}
.fetch-overlay-header {
    padding: 7px 5px 5px;
    text-align: center;
    font-size: 12px;
    line-height: 12px;
    border-bottom: solid 1px #eeeeee;
    border-top: solid 1px #eeeeee;
    width: 100%;
    background: #fdf0d2;
    z-index: 999;
    position: absolute;
}
#modal-search-artist .fetch-overlay-header {
    display: none;
}
#contact-form-group {
    margin-top: 36px;
}
#contact-form-group .styled-select .dropdown-menu {
    max-height: 140px;
}
#contactoverlay>div.scroller {
    overflow: scroll !important;
}
img.venueresult {
    width: 50px;
    height: 50px;
}
.pac-container.pac-logo {
    z-index: 999999999999;
}
div#account-preview-div {
    float: left;
    width: 50%;
}
div#contact-preview-div {
    margin: 0px !important;
    width: 50% !important;
    float: left;
}
img#contact_image {
    float: left;
}
div#contactdropdownoverlay {
    clear: both;
}
div#contact-preview {}

#contactoverlay.edit-contact-name>div.scroller {
    max-height: calc(33vh);
}

#contactoverlay.edit-contact-name #contact_email_tmp,
#contactoverlay.edit-contact-name #contacttype,
#contactoverlay.edit-contact-name #accountname,
#contactoverlay.edit-contact-name .styled-select-arrows {
    background: #f8f8f8;
    pointer-events: none;
    cursor: default !important;
    box-shadow: none !important;
}

#contactoverlay.edit-contact-name .styled-select{
    box-shadow: none !important;
    pointer-events: none;
    cursor: default;
    border: 1px solid #eee;
}

#contactoverlay.edit-contact-name .styled-select .btn {
    background: #f8f8f8;
}

#contactoverlay.edit-contact-name #contact_name_tmp {
    border-color: #dd5050;
}

#contactoverlay .mzk-input-error-notification {
    display: none;
}

#contactoverlay.edit-contact-name .mzk-input-error-notification {
    position: relative;
    margin: 0;
    display: block;
}

#updatecontactdetails {
    display: none;
    margin-top: 10px;
    margin-bottom: 10px;
}

#contactoverlay.edit-contact-name #updatecontactdetails {
    display: block;
}

#contactoverlay.edit-contact-name #addcontact {
    display: none;
}

#fetch-overlay-header-editcontact {
    display: none;
}

#contactoverlay.edit-contact-name #fetch-overlay-header-editcontact {
    display: block;
}


/**
 * Booking Action & summary
 */

/* header */
.action-header {
    clear: both;
}
.action-header h2 {
    margin-top: 0px;
    color: #588590;
}
.action-header h4 {
    margin-bottom: 0px;
}
.action-header p {
    margin-bottom: 0px;
}
#action-header h5 {
    margin-bottom: 0px;
}

/* parties */
.action-party-wrap {
    width: 100%;
}
.action-party-wrap .party-icons {
    width: 55px;
    float: left;
    margin-right: 15px;
    position: relative;
}
.action-party-wrap .party-contact {
    float: left;
    margin-left: 10px;
    width: 480px;
}
.action-party-wrap img.booker-acount,
.action-party-wrap img.bookee-acount {
    width: 55px !important;
    height: 55px !important;
    border-radius: 3px;
}
.action-party-wrap img.booker-contact,
.action-party-wrap img.bookee-contact {
    position: absolute;
    left: 35px;
    top: 35px;
    width: 35px;
    height: 35px;
    border: solid 3px #ffffff;
    border-radius: 99px;
}

/* summary */
.action-summary {
    display: block;
    clear: both;
    float: left;
    margin-top: 15px;
}

/* chat */
div#ajax-chat {
    padding: 5px;
}
#chattable {
    padding-bottom: 30px;
}
.card-chat tr#chat-message-textarea {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    height: 55px;
    border-top: solid 1px #eeeeee;
}
.card-chat div#newmsgbubble {
    height: 54px !important;
    padding: 0px;
    /*width: 500px !important;*/

    width: 100% !important;
    margin: 0px;
    min-height: 0px;
    border: none !important;
    box-sizing: border-box;
    border-radius: 0px;
}
.card-chat div#sendbutton {
    width: auto;
}
.card-chat div#sendbutton:hover {}
.card-chat textarea#chatbubble {
    background: none;
    max-width: 100%;
    padding: 10px;
    padding-top: 7px;
    padding-bottom: 5px;
    margin: 0px;
    height: auto;
}
.card-chat textarea#chatbubble {
    height: 170px !important;
    position: relative;
    bottom: 5px;
    font-size: 14px;
    color: #24272f;
    border: solid 1px #e2e2e2;
    border-radius: 4px;
}
.card-chat .bmodal-footer {
    height: 256px !important;
    background: #ffffff;
    padding: 20px;
}
.modal-wrapper .card-chat .modal-scroller {
    bottom: 260px;
}

.modal-wrapper .accepteddiv,
.modal-wrapper .notificationdiv,
.modal-wrapper .confirmeddiv,
.modal-wrapper .pendingdiv,
.modal-wrapper .rejecteddiv,
.modal-wrapper .holddiv {
    padding: 2px 8px;
    border-radius: 5px;
    font-size: 12px;
    display: inline-block;
    margin-top: 4px;
    margin-bottom: 5px;
    color: #fff;
    text-align: center;
    width: auto !important;
}
.modal-wrapper .notificationdiv {
    color: #24272f;
}
.acceptdiv .confirmation-summary-note {
    color: #454b5a;
    font-family: 'inter_semibold', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*
* chat updates
*/
.chat-message-row {
    width: 100%;
    position: relative;
    margin-bottom: 20px;
}
.chat-message-row .chat-message-icon {
    width: 35px;
    height: 35px;
    display: inline-block;
    overflow: hidden;
    position: absolute;
}
.chat-message-row .chat-message-icon img {
    width: 100%;
}
.chat-message-row.chat-message-from-account .chat-message-icon {
    border-radius: 100%;
}
.chat-message-row.chat-message-from-user .chat-message-icon {
    border-radius: 50%;
}
.chat-message-row .chat-message-content {
    padding-left: 45px;
    padding-bottom: 20px;
    width: 100%;
    box-sizing: border-box;
}
.chat-message-row .chat-message-content div,
.chat-message-row .chat-message-content span {
    font-size: 14px;
}
.chat-message-row .chat-message-content .fa {
    margin-right: 5px;
}
.chat-message-row .chat-message-content .chat-message-name {
    font-size: 14px;
    font-family: 'inter_semibold', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
}
.chat-message-row .chat-message-content .chat-message-user-name {
    color: #b1b4b4;
    margin-top: -2px;
    font-size: 12px;
}
.chat-message-row .chat-message-content .chat-message-date {
    color: #b1b4b4;
    display: inline-block;
    margin-left: 5px;
    float: right;
    font-size: 12px;
}
.chat-message-row .chat-message-content .chat-message-message {
    margin-top: 10px;
}
.chat-announcement-row .chat-announcement {
    width: 100%;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 80px;
    margin-top: -10px;
    text-align: center;
    position: relative;
}
.chat-announcement-row .chat-announcement .chat-announcement-heading {
    background: #fff;
    position: relative;
    top: 31px;
    font-size: 14px;
    width: auto;
    display: inline-block;
    padding: 0 5px;
    border: none;
    line-height: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
    max-width: 100%;
}
.chat-announcement-row .chat-announcement.chat-announcement-reverted,
.chat-announcement-row .chat-announcement.chat-announcement-reverted .chat-announcement-heading {
    color: #b1b1b4;
}
.chat-announcement-row .chat-announcement.chat-announcement-hold,
.chat-announcement-row .chat-announcement.chat-announcement-hold .chat-announcement-heading {
    color: #ffb648;
}
.chat-announcement-row .chat-announcement.chat-announcement-accepted,
.chat-announcement-row .chat-announcement.chat-announcement-accepted .chat-announcement-heading {
    color: #5fce9b;
}
.chat-announcement-row .chat-announcement.chat-announcement-pending,
.chat-announcement-row .chat-announcement.chat-announcement-pending .chat-announcement-heading {
    color: #6495ed;
}
.chat-announcement-row .chat-announcement.chat-announcement-cancelled,
.chat-announcement-row .chat-announcement.chat-announcement-cancelled .chat-announcement-heading {
    color: #C1595A;
}
.chat-announcement-row .chat-announcement .chat-announcement-date {
    position: relative;
    top: 30px;
    font-size: 12px;
    color: #b1b4b4;
}
.chat-announcement-row .chat-announcement .chat-announcement-link {
    position: absolute;
    top: 0;
    font-size: 12px;
    color: #b1b4b4;
    left: 50%;
    transform: translateX(-50%);
    top: 65px;
    z-index: 1;
}

.chat-announcement-row .chat-announcement .chat-announcement-text {
    font-size: 12px;
    color: #b1b4b4;
}

.chat-announcement-row .chat-announcement .chat-email-stats {
    position: absolute;
    top: 70px;
    font-size: 12px;
    color: #b1b4b4;
    left: 50%;
    transform: translateX(-50%);
}

.chat-announcement-row .chat-announcement .chat-email-upgrade {
    position: absolute;
    top: 82px;
    font-size: 12px;
    color: #b1b4b4;
    left: 50%;
    transform: translateX(-50%);
}

.chat-announcement-row .chat-announcement .chat-email-stats .chat-email-stats-opens {
    margin: 0 5px;
    padding-left: 17px;
    position: relative;
}

.chat-announcement-row .chat-announcement .chat-email-stats .chat-email-stats-clicks {
    margin: 0 5px;
    padding-left: 12px;
    position: relative;
}

.chat-announcement-row .chat-announcement .chat-email-stats .chat-email-stats-opens .theicons,
.chat-announcement-row .chat-announcement .chat-email-stats .chat-email-stats-clicks .theicons {
    position: absolute;
    font-size: 14px;
    left: 0;
    top: 0;
}

.chat-announcement-row .chat-announcement .chat-email-stats .mzkloaderthin {
    width: 15px;
    height: 15px;
    margin-top: -14px;
}

.chat-message-row .attached-worksheet,
.chat-message-row .attached-contract,
.chat-message-row .attached-worksheet-draft,
.chat-message-row .attached-contract-draft,
.chat-message-row .removed-worksheet {
    padding-top: 10px;
    display: block;
}

.chat-message-row .chat-message-content .chat-dealterms-header {
    margin-top: 20px;
    font-family: 'inter_semibold','Helvetica Neue',Arial,Helvetica,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.chat-message-row .chat-message-content .dealterms-text-section-title {
    margin-top: 20px;
    font-family: 'inter_semibold','Helvetica Neue',Arial,Helvetica,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.chat-message-row .chat-message-content .dealterms-text-section .dealterms-text-row {
    margin-top: 10px;
}

.chat-message-row .chat-message-content .dealterms-text-item-name {
    font-family: 'inter_semibold','Helvetica Neue',Arial,Helvetica,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/* event date picker */
.modal-open .Zebra_DatePicker {
    z-index: 99999999;
    width: 500px;
    padding: 5px 20px 0px 20px;
    letter-spacing: -0.02em;
    border: solid 0px #e2e2e2;
    position: absolute;
    top: calc(15vh + 125px) !important;
    border-top: none !important;
    left: 50% !important;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 16px;
    font-family: 'inter_semibold', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.modal-open .Zebra_DatePicker:after {
    content: "";
    position: absolute;
    left: -1px;
    right: -1px;
    top: -5px;
    height: 10px;
    z-index: 12121212;
}
.modal-open .Zebra_DatePicker table.dp_header {
    border: none !important;
}
.modal-open .Zebra_DatePicker table.dp_header,
.modal-open .Zebra_DatePicker table.dp_daypicker,
.modal-open .Zebra_DatePicker table.dp_monthpicker,
.modal-open .Zebra_DatePicker table.dp_yearpicker,
.modal-open .Zebra_DatePicker table.dp_footer {
    width: 460px !important;
}
.modal-open span.Zebra_DatePicker_Icon_Wrapper {
    width: 100%;
}
.modal-open .Zebra_DatePicker .dp_daypicker td {
    border: 1px solid #f8f8f8;
}
.modal-open .Zebra_DatePicker td.dp_not_in_month {
    border: 1px solid #f8f8f8;
}
.modal-open .Zebra_DatePicker td {
    height: 45px;
    font-size: 16px;
}
.modal-open .Zebra_DatePicker td.dp_current {
    color: #de7878;
    font-family: 'inter_bold', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.modal-open .Zebra_DatePicker .dp_header .dp_selected,
.modal-open .Zebra_DatePicker td.dp_selected {
    background: #454b5a;
    color: #ffffff !important;
}
.modal-open .Zebra_DatePicker .dp_header .dp_hover,
.modal-open .Zebra_DatePicker td.dp_hover {
    background: #f0f0f0;
}
.modal-open .Zebra_DatePicker .dp_header .dp_selected,
.modal-open .Zebra_DatePicker td.dp_selected:hover {
    background: #454b5a;
    color: #ffffff !important;
}
.modal-open .Zebra_DatePicker .dp_header td {
    font-size: 16px;
    height: 30px;
    font-family: 'inter_semibold', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.modal-open .Zebra_DatePicker .dp_header,
.Zebra_DatePicker .dp_header .dp_next {
    font-size: 20px !important;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}
.modal-open .Zebra_DatePicker .dp_header,
.Zebra_DatePicker .dp_header .dp_previous {
    font-size: 20px !important;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}
.modal-open .Zebra_DatePicker .dp_today {
    font-size: 16px;
    border-radius: 4px;
    height: 30px;
    font-family: 'inter_semibold', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.modal-open .Zebra_DatePicker .dp_clear {
    border-radius: 4px;
}
.modal-open .Zebra_DatePicker .dp_daypicker th {
    color: #24272f;
}

.modal-wrapper .control-group {
    margin-bottom: 10px;
    margin-top: 5px;
}

.modal-wrapper .control-group-half {
    width: 50%;
    display: inline-block;
    vertical-align: top;
}

.modal-wrapper .control-group-half-last {
    width: 50%;
    display: inline-block;
    vertical-align: top;
}

/* range slider */
#time-fields-time {
    width: 140px;
    vertical-align: top;
    padding-bottom: 0;
    display: none;
}
#time-fields-length {
    width: 115px;
    vertical-align: top;
    padding-bottom: 0;
    display: none;
}
#time-off-cross {
    position: absolute;
    right: 10px;
    top: 10px;
    opacity: 0.2;
    display: none;
    cursor: pointer;
}
#time-off-cross:hover {
    opacity: 1;
}
.booking-show-time #time-fields-time,
.booking-show-time #time-fields-length,
.booking-show-time #time-off-cross  {
    display: inline-block;
}
#time-on-link {
    position: absolute;
    margin-top: 10px;
    margin-left: 10px;
}
.booking-show-time + #time-on-link {
    display: none;
}
#time-ajax-inner {
    position: relative;
    margin-bottom: 0;
    display: none;
}
#time-ajax-inner.booking-show-time {
    display: block;
}
#time-fields {
    margin-left :-3px
}
#time-fields .time-fields-item{
    width: 60px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
}
#time-fields-length .time-fields-item {
    width: 45px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
}
#time-fields .time-input-dash {
    padding: 0;
    font-size: 14px;
    padding-left: 0;
    padding-right: 0;
    color: #b1b1b4;
    display: inline-block;
    vertical-align: middle;
}

#time-fields .time-fields-item .time-fields-input {
    margin-right: 0;
}
#time-fields #time-fields-length.time-fields-item .time-fields-input {
    margin-right: 0;
}
#time-fields .time-fields-item input,
#time-fields-length .time-fields-item input {
    font-size: 14px;
    width: 100% !important;
    color: #b1b1b4;
    display: inline-block;
    border-radius: 4px;text-align: center;
    padding-left: 0;
}
#time-fields .time-fields-item input:hover,
#time-fields-length .time-fields-item input:hover {
    background: #ffffff;
    border-color: #ffffff;
}
#time-fields .time-fields-item .time-fields-label {
    margin-bottom: 5px;
    font-family: inter_semibold, 'Helvetica Neue', Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#time-fields .time-fields-item span.modal-input-post-info {
    position: absolute;
    right: 12px;
    height: 32px;
    line-height: 31px;
    border-left: 1px #eee solid;
    padding-left: 10px;
    width: auto !important;
    color: #b1b4b4;
    top: 25px;
    font-size: 12px;
}
#time-fields .time-fields-item span.modal-input-post-info span {
    margin: 0;
    color: #b1b4b4;
}
#set-length-disabled-text {
    font-size: 12px;
    color: #DCE0E1;
    margin-top: 5px;
}

#time-fields-notification {
    display: none;
    background: #fdf0d2;
    padding: 4px 10px;
    border-radius: 0 0 6px 6px;
    font-size: 12px;
    text-align: center;
    line-height: normal;
    color: #454b5a;
    position: absolute;
    top: 77px;
    right: 0;
    left: 0px;
}

#time-fields-unavailable-slots {
    display: block;
}

/* new Air Datepicker */
.modal-open .datepicker.active {
    z-index: 110;
    top: 0;
    border: none;
    box-shadow: 0 0 0 0.5px rgba(49, 49, 93, .03), 0 2px 5px 0 rgba(49, 49, 93, .1), 0 1px 2px 0 rgba(0, 0, 0, .08);
}
.modal-open .datepicker--nav-title {
    font-size: 14px;
    padding: 8px 8px;
}
.modal-open .datepickers-container {
    top: 220px;
}
.modal-open .datepicker--day-name {
    color: #24272f;
}
.modal-open .mzk-datepicker .datepicker--cell.-current- {
    color: #C1595A;
    font-weight: bold;
    background: none;
}
.modal-open .datepicker--cell.-selected-.-current- {
    background-color: #454b5a;
    color: #ffffff;
}
.modal-open .datepicker--cell.-selected- {
    background: #454b5a;
    color: #ffffff;
}
.modal-open .datepicker--cell.-disabled- {
    cursor: default;
    color: #e1e1e1;
    opacity: 0.25;
}

/* dropzone */
#modal-dropzone {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    color: #252830;
    pointer-events: none;
    background: #ffffff;
    background: rgba(255, 255, 255, .95);
    border-radius: 4px;
    z-index: 10000002;
    opacity: 0;
    transition: all 0.3s ease;
}
#modal-dropzone div {
    position: absolute;
    text-align: center;
    top: 50%;
    left: 50%;
    opacity: 0;
    transform: translate3d( -50%, calc(-50% + 10px), 0);
    transition: all 0.3s ease;
}
#modal-dropzone h3 {
    margin: 0;
}
#modal-dropzone i {
    font-size: 50px;
    margin-bottom: 20px;
    display: block;
}
#modal-dropzone.dropzone-on {
    opacity: 1;
}
#modal-dropzone.dropzone-on div {
    opacity: 1;
    transform: translate3d(-50%, -50%, 0);
}

/* available attachments */
#ajax-attachment-attached {
    float: left;
    width: 100%;
    clear: both;
    height: 100%;
    position: relative;
    z-index: 999;
}

/* attached */
.docs-list-heading {
    font-family: 'inter_semibold', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    padding: 5px 15px;
    border-bottom: 1px solid #e0e0e0;
    position: relative;
}

.docs-list-heading-private {
    margin-top: 35px;
}

.docs-list-sub-heading {
    font-family: 'inter_semibold', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    padding: 5px 15px;
    border-bottom: 1px solid #e0e0e0;
    position: relative;
    background: #f8f8f8;
}

.mzk-list-search-active .docs-list-sub-heading,
.mzk-list-search-no-results-active .docs-list-sub-heading,
.mzk-list-search-active .docs-list-heading-private,
.mzk-list-search-no-results-active .docs-list-heading-private {
    display: none;
}

#docs-list-search {
    position: absolute;
    top: 0px;
    z-index: 1;
    left: 0;
}

.attach-new {
    margin-bottom: 20px;
}

#attached-attachments {
    clear: both;
    float: left;
    width: 100%;
    color: #454b5a;
    background: #fff;
    overflow-y: auto;
    overflow-x: hidden;
    height: calc(100% - 63px);
    padding-bottom: 50px;
}
#attached-attachments>ul {
    display: block;
}
#attached-attachments>ul>li {
    position: relative;
    width: 100%;
    word-break: break-all;
    display: block;
    text-align: left;
    padding: 15px 45px 15px 15px;
    background: #ffffff;
    border-bottom: 1px solid #e0e0e0;
    cursor: default;
}
#attached-attachments>ul>li:hover:not(.docs-list-heading) {
    background: #f8f8f8;
    cursor: pointer;
}
#attached-attachments .mzk-list-search-no-results {
    padding: 15px;
    border-bottom: 1px solid #e0e0e0;
    color: #b1b1b4;
}
#attached-attachments>ul>li.attach-new {
    border-style: dashed;
    border-color: #eeeeee;
    box-shadow: none;
    cursor: pointer;
    height: 225px;
}
#attached-attachments>ul>li.attach-new:hover {
    border-color: #454b5a;
}
#attached-attachments>ul>li div.attachment-icon {
    position: absolute;
    font-size: 22px;
    color: #e0e0e0;
    top: -3px;
    left: 0;
    color: #556CCC;
}

.attachment-icon img {
    width: 20px;
    position: relative;
    top: -3px;
}

.attachment-icon img.link-icon-google-documents,
.attachment-icon img.link-icon-google-spreadsheets {
    top: -4px;
}

.attachment-icon img.link-icon-x {
    width: 16px;
    left: 3px;
}

#attached-attachments>ul>li .modal-attach-item {
    display: inline-block;
    padding-left: 30px;
    position: relative;
}
#attached-attachments>ul>li .docs-item-menu {
    position: absolute;
    top: 8px;
    right: 0;
    margin: 0px;
    text-align: center;
    /* display: none; */
    opacity: 0.5;
    cursor: pointer;
    padding: 5px 10px;
    font-size: 20px;
}

#attached-attachments>ul>li .docs-item-menu.open {
    opacity: 1;
}

#attached-attachments>ul>li .docs-item-menu .mz-icon-dots-container {
    padding: 5px;
    border-radius: 4px;
    line-height: 10px;
    width: 26px;
    height: 26px;
    display: block;
    opacity: 1;
}

#attached-attachments>ul>li:hover .docs-item-menu {
    display: block !important;
    opacity: 1;
}

#attached-attachments>ul>li:hover .docs-item-menu:hover .mz-icon-dots-container {
    background: #f0f0f0;
    color: #24272f !important;
}

.docs-item-menu .mzk-dropdown-menu {
    min-width: 230px;
    left: unset;
    right: 10px;
    margin-top: -4px;
}

.docs-item-menu.mzk-dropdown.open .mzk-dropdown-menu li {
    display: block !important;
}

.docs-item-menu.mzk-dropdown.open .mzk-dropdown-menu li.hide {
    display: none !important;
}

.attach-new .standard-btn {
    width: auto !important;
    display: inline-block !important;
}

.attach-new .dropdown-menu {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    right: 100px !important;
}

.attach-new .dropdown-menu.more-attachment-types-dropdown {
    right: 0px !important;
}

.attach-new .mzk-dropdown-actions .dropdown-menu>li>a.blueish {
    color: #556CCC;
}

.more-attachment-types.standard-btn .theicons {
    padding: 0px 0px 3px 3px;
    float: right;
}

.document_preview_image {
    width: 200px;
    height: 2000px;
    overflow: hidden;
    width: 200px;
    height: 200px;
    background-size: cover;
    background-position: center;
    border-radius: 4px;
    display: block;
    overflow: hidden;
    text-align: center;
    position: relative;
    z-index: 2;
}

.document_preview_loader {
    position: absolute;
    top: 100px !important;
    left: 100px !important;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.docs-list-no-docs-section {
    padding: 15px;
    color: #b1b1b4;
    border-bottom: 1px solid #e0e0e0;
}

.mzk-list-search-active .docs-list-no-docs-section,
.mzk-list-search-no-results-active .docs-list-no-docs-section {
    display: none;
}

.docs-list-no-docs {
    padding: 70px 100px 0 100px;
    text-align: center;
}

.docs-list-no-docs-heading {
    margin-bottom: 20px;
    font-size: 14px;
    color: #b1b1b4;
}

.docs-list-no-docs-heading a .theicons {
    position: relative;
    top: 1px;
}

.mzk-list-search-active .docs-list-no-docs-heading,
.mzk-list-search-no-results-active .docs-list-no-docs-heading {
    display: none;
}

.docs-list-no-docs-button {
    position: relative;
    z-index: 1;
}

.docs-list-no-docs .standard-btn {
    width: 170px !important;
    margin: auto !important;
    float: unset !important;
}

.docs-list-title {
    display: inline-block;
    width: 290px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    padding-right: 20px;
}

.docs-list-title .fa-external-link {
    padding-left: 10px;
    position: relative;
    top: 1px;
}

.docs-list-owner {
    display: none;
    width: 200px;
    color: #b1b1b4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}

.docs-list-modified {
    display: inline-block;
    width: 260px;
    color: #b1b1b4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}

.docs-list-status-heading {
    font-family: 'inter_semibold', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 45px;
    top: 7px;
}

.docs-list-modified-heading {
    font-family: 'inter_semibold', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 336px;
    top: 7px;
}

.docs-list-sub-heading .docs-list-modified-heading {
    display: none;
}

.attached-attachments ul>li .sent-settlement-badge,
.attached-attachments ul>li .submitted-advance-badge,
.attached-attachments ul>li .not-submitted-advance-badge {
    float: right;
    margin-left: 5px !important;
    cursor: pointer !important;
}

.attached-attachments ul>li .shared-settlement-badge-private,
.attached-attachments ul>li .shared-settlement-badge-shared {
    float: right;
    margin-left: 5px !important;
    cursor: pointer !important;
}

/* dropzone overlay */
#dropzone-overlay {
    position: absolute;
    top: 100px;
    bottom: 0px;
    left: 0;
    right: 0;
    background: #eeeeee;
    z-index: 999999;
    opacity: 1;
    display: none;
}
.modal-wrapper.dropzone-on #dropzone-overlay,
.modal-wrapper.dropzone-on #dropzone-overlay #dropzone_div {
    display: block;
}
.modal-wrapper input#dropzone_input {
    display: none;
}
.modal-wrapper #dropzone-overlay>div {
    transition-delay: 0s;
    -webkit-transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    transition: all 0.3s ease !important;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    transform: translateY(30px);
}
.modal-wrapper.dropzone-on #dropzone-overlay>div {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
}

/* dropzone hover */
#overlay-close {
    display: none;
}
#image_container {
    text-align: center;
    font-size: 10px;
    color: #777777;
}
#text_container {
    text-align: center;
    color: #777777;
}
#dropzone-overlay .action-btn {
    text-align: center;
    width: 100%;
    font-size: 15px;
    color: #ffffff !important;
}

.modal-attach-option,
.modal-attach-settlement,
.modal-attach-invoice {
    position: relative;
    cursor: pointer;
}

/* attachment settings */
.dropzone-align-center {
    max-width: 350px;
    margin: auto;
    position: absolute;
    top: 45%;
    transform: translateY(-100%);
    left: 0;
    right: 0;
    text-align: center;
}
.dropzone-align-center h3 {
    margin: 0px;
}
.dropzone-align-center p img {
    line-height: 1;
    display: inline !important;
    vertical-align: bottom;
    margin-right: 3px;
    margin-left: 9px;
}
.dropzone-align-center p strong {
    font-family: 'inter_semibold', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.card-body {
    padding: 30px !important;
}
.card-body.no-bottom {
    bottom: 0px !important;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    padding-bottom: 0 !important;
}
.card p.note {
    padding: 8px 13px;
    background: #ffffff;
    border-radius: 3px;
    border-bottom: solid 2px #dddddd;
}
.card .card-body textarea:not(.textchat-grey) {
    display: block;
    float: left;
    width: 100%;
    border: none;
    padding: 10px 10px;
    border-radius: 4px;
    min-height: 180px;
    background: none;
    border: 1px solid #eeeeee;
    margin: auto;
}

.card .modal-error {
    display: none;
    float: left;
    width: 100%;
    margin-top: 15px;
}

/* message sent box */
#attachment-message-box {
    text-align: center;
    top: 42%;
}


/* attachment preview */
.modal-view-preview {
    position: absolute;
    width: 100%;
    right: 0;
    top: 60px;
    bottom: 0;
    height: calc(86vh - 60px);
    transform: none !important;
    z-index: 999;
    border-bottom-left-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    overflow: hidden;
    background: transparent;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.modal-frame-view-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 998;
    text-align: center;
    display: none;
}

.modal-frame-view-loader-text {
    font-size: 16px;
    margin-bottom: 10px;
    color: #b1b1b4;
}

.modal-frame-view-loader .mzkloader {
    margin: auto;
}

.modal-loader-ticketing-text {
    font-size: 16px;
    margin-bottom: 10px;
    color: #b1b1b4;
}

.modal-frame-view-loader-text .modal-loader-moshtix-logo {
    width: 50px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -9px;
    margin-left: 5px;
    margin-right: 5px;
}

.modal-frame-view-loader-text .modal-loader-moshtix-eb {
    width: 80px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -4px;
    margin-left: 5px;
    margin-right: 5px;
}

.modal-frame-view-loader-text .modal-loader-moshtix-logo img,
.modal-frame-view-loader-text .modal-loader-moshtix-eb img {
    width: 100%;
}

.pdf-canvas-wrapper {
    width: 100%;
    display: block;
    text-align: center;
}
.pdf-canvas-wrapper canvas {
    width: 100%;
    max-width: 790px;
    -webkit-box-shadow: 0 0 0 0.5px rgba(49, 49, 93, .03), 0 2px 5px 0 rgba(49, 49, 93, .1), 0 1px 2px 0 rgba(0, 0, 0, .08);
    -moz-box-shadow: 0 0 0 0.5px rgba(49, 49, 93, .03), 0 2px 5px 0 rgba(49, 49, 93, .1), 0 1px 2px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 0 0 0.5px rgba(49, 49, 93, .03), 0 2px 5px 0 rgba(49, 49, 93, .1), 0 1px 2px 0 rgba(0, 0, 0, .08);
    border-radius: 4px;
    margin-top: 10px;
    margin-bottom: 10px;
}
#pdf-loading {
    display: block;
}

.modal-card-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 12;
    text-align: center;
}

.modal-card-loader .mzkloader {
    margin: auto;
}

.modal-iframe-preview {
    position: absolute;
    width: 100%;
    right: 0;
    top: 60px;
    bottom: 0;
    height: calc(86vh - 60px);
    transform: none !important;
    z-index: 999;
    border-bottom-left-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    overflow: hidden;
    background:transparent;
}
.modal-iframe-preview iframe {
    border: none !important;
}
.card-off .modal-iframe-preview iframe {
    display: none !important;
}
#dropzone-close {
    position: absolute;
    bottom: 40px;
    z-index: 9999;
    left: 50%;
    transform: translateX(-50%) !important;
}
#dropzone-close h4 {
    padding: 13px 18px;
    border: solid 1px #dddddd;
    border-radius: 4px;
    cursor: pointer;
    margin-bottom: 0px;
    background: #eeeeee;
}
#dropzone-close h4:hover {
    background: #ffffff;
}
#dropzone-close i {
    margin-right: 12px;
}

/* in modal summary */
#confirmation-summary-wrap .summary-group {}
#confirmation-summary-wrap .summary-group .fake-input {}
#confirmation-summary-wrap .summary-group p {
    margin-bottom: 0px;
    font-size: 12px;
    color: #8e8e8e;
    line-height: 1;
}
#confirmation-summary-wrap .summary-group {}

#confirmation-summary-wrap {
    width: calc(100% - 350px);
    float: left;
}

/* contact dropdown select */
div#contact-list-dropdown {
    display: block;
    width: 100%;
    box-shadow: 0 0 0 0.5px rgba(49, 49, 93, 0.01), 0 2px 5px 0 rgba(49, 49, 93, .025), 0 1px 2px 0 rgba(0, 0, 0, .02);
    border: 1px solid #f0f0f0;
    position: absolute;
    background: #fff;
    z-index: 5;
    left: 0;
    right: 0;
    top: 193px;
    border-radius: 0 0 6px 6px;
    animation-name: fade-in-zoom-down;
    animation-direction: normal;
    animation-fill-mode: forwards;
    animation-duration: .3s;
    animation-timing-function: cubic-bezier(0, 1.5, .5, 1);
}
ul#contact-list {
    list-style: none;
    margin-bottom: 0px;
    overflow: auto;
    height: auto;
    max-height: calc(20vh);
}
ul#contact-list li {
    cursor: pointer;
    display: block;
    padding: 15px;
    margin: 0;
    /* border-radius: 6pdiv#contact-list-dropdownx; */
}
ul#contact-list li:hover {
    background: #f8f8f8;
}
ul#contact-list li img {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin-right: 5px;
    margin-left: 10px;
    box-shadow: 0 0 0 0.5px rgba(49, 49, 93, .03), 0 2px 5px 0 rgba(49, 49, 93, .1), 0 1px 2px 0 rgba(0, 0, 0, .08);
}
#summary-contact-button {
    display: inline-block;
    border-radius: 0 0 6px 6px;
    cursor: pointer;
    width: 100%;
    border: 1px solid #f0f0f0;
    border-top: 1px solid #ffffff;
    position: relative;
}
#summary-contact-button:hover {
    background: #f8f8f8;
    border-top: 1px solid #f8f8f8;
}
#summary-contact-button:hover .summary-contact-info  {
    border-color: #f8f8f8;
}
#summary-contact-button.bm-item-focus,
#summary-contact-button.bm-item-focus .summary-contact-info {
    border-color: #556CCA !important;
}
.summary-contact-select-active #contact-list-dropdown {
    border-radius: 0 0 3px 3px;
}
#booking-dealterm-wrap {
    margin-top: 40px;
}
#popup_dealterms {
    position: relative;
}
#booking-dealterm-ajax-container {
    width: 100%;
    position: relative;
    clear: both;
}
.text-dealterms-section {
    margin-top: 30px;
}
.text-dealterms-section:first-of-type {
    margin-top: 40px;
}
#booking-dealterm-ajax-container .btn-standard {
    background: #679ac7;
    border: none;
    color: #ffffff;
    font-size: 13px;
    font-family: inherit;
    -webkit-font-smoothing: antialiased !important;
}
#booking-dealterm-ajax-container .bootstrap-select.deal_term_currency {
    width: auto !important;
}
#popup_dealterms #deal-terms-currency-text {
    position: absolute;
    right: 95px;
    margin-top: -30px;
    font-size: 12px;
}
#deal-terms-currency-container {
    display: inline-block;
    position: relative;
}
#booking-modal-outer .deal_term_currency .btn .filter-option {
    padding-right: 0;
}
#booking-modal-outer .deal_term_currency .btn {
    border: none !important;
    padding: 1px 22px 1px 3px !important;
    background: #ffffff !important;
    height: auto;
    border-radius: 6px;
}
#booking-modal-outer .deal_term_currency .btn:hover {
    background: #f8f8f8 !important;
}
.deal_term_currency.dropdown+.selectpicker-caret {
    right: 7px;
    margin-top: 5px;
}
#booking-modal-outer .deal_term_currency .bs-caret {
    display: none;
}
#booking-dealterm-ajax-container div#add_deals_button {
    width: auto;
    display: inline-block;
    border-radius: 4px;
    margin-left: 10px;
    margin-top: 5px;
}
#add_text_deals_button {
    width: auto;
    display: inline-block;
    border-radius: 4px;
    margin-left: 10px;
    margin-top: 10px;
}
.add-text-deals-button {
    position: relative;
}
#booking-dealterm-ajax-container .deal_term_currency ul.dropdown-menu.inner.selectpicker {
    max-height: 400px !important;
    height: 30vh !important;
}

#booking-modal-outer #deal-terms-tax-section {
    display: inline-block;
    position: relative;
}

#dealterms-tax-tooltip {
    vertical-align: middle;
    display: inline-block;
    margin-top: 2px;
}

#dealterms-tax-tooltip .bm-tooltip {
    margin-left: 0;
}

#dealterms-header-buttons {
    position: absolute;
    bottom: -2px;
    right: 0;
    z-index: 4;
}

.dealterms-header-tax-sentence-text {
    vertical-align: middle;
    display: inline-block;
}

#booking-modal-outer .bm-mismatch-tax-warning {
    background: #fdf0d2;
    display: inline-block;
    padding: 2px 10px;
    color: #454b5a;
    border-radius: 6px;
    position: absolute;
    bottom: -26px;
    right: 0px;
    font-size: 12px;
}

.modal-wrapper.settlement-approved-booking #booking-dealterm-header .bm-tooltip {
    display: inline-block;
}

#booking-modal-outer .deal_term_tax {
    position: relative;
}

#booking-modal-outer .deal_term_tax .bs-caret {
    display: none;
}  

#booking-modal-outer .deal_term_tax .btn {
    padding: 1px 22px 1px 
    5px !important;
    background: #ffffff !important;
    border-radius: 6px;
    font-family: inter_regular,'Helvetica Neue',Arial,Helvetica,sans-serif;
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
}
#booking-modal-outer .deal_term_tax .btn:hover {
    background: #f8f8f8 !important;
}

.deal_term_tax.dropdown+.selectpicker-caret {
    right: 7px;
    margin-top: 5px;
}

#booking-modal-outer .deal_term_tax .btn .tax-id-flag {
    display: none;
}

#booking-modal-outer .deal_term_tax .btn .tax-id-ccode {
    display: none;
}

#booking-modal-outer .deal_term_tax.bootstrap-select .dropdown-menu li a .tax-id-ccode {
    margin-right: 10px;
}

#booking-modal-outer .deal_term_tax.bootstrap-select .dropdown-menu {
    right: 0;
    left: unset;
    top: -70px;
    bottom: unset;
}

#booking-modal-outer .deal_term_tax.bootstrap-select .filter-option {
    vertical-align: middle;
}

#booking-modal-outer .deal_term_tax.bootstrap-select .dropdown-menu li a,
#booking-modal-outer .deal_term_currency.bootstrap-select .dropdown-menu li a {
    padding: 6px 20px 6px 10px !important;
    height: 34px;
    color: #454b5a;
}

#booking-modal-outer .deal_term_tax.bootstrap-select .dropdown-menu>.active>a, 
#booking-modal-outer .deal_term_tax.bootstrap-select .dropdown-menu>.active>a:hover, 
#booking-modal-outer .deal_term_tax.bootstrap-select .dropdown-menu>.active>a:focus {
    background: #f8f8f8;
}

#booking-modal-outer .deal_term_currency.bootstrap-select .dropdown-menu>.active>a, 
#booking-modal-outer .deal_term_currency.bootstrap-select .dropdown-menu>.active>a:hover, 
#booking-modal-outer .deal_term_currency.bootstrap-select .dropdown-menu>.active>a:focus {
    background: #f8f8f8;
}

/* dropdown search */

#booking-modal-outer .bs-searchbox {
    padding: 0;
}

#booking-modal-outer .bs-searchbox .form-control {
    border: none;
    border-bottom: 1px solid #f0f0f0;
    border-radius: 0;
}

#booking-modal-outer .no-results {
    border: none;
    border-bottom: 1px solid #f0f0f0;
    border-radius: 0;
    background: #fff;
    padding: 10px 10px;
    color: #b1b1b4;
    display: flow-root;
}

#booking-modal-outer .no-results .chosecustominput {
    display: flow-root;
    line-height: 20px;
    margin: 0 !important;
    width: 100%;
}

/* buttons */
.modal-wrapper .btn.fullwidth {
    width: 100%;
}
.modal-wrapper p {
    margin-bottom: 10px;
}

.modal-wrapper p:last-of-type {
    margin-bottom: 0;
}

/* attachment name in modal */
#attachment_file_name {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

/* deal terms */
.modal-wrapper .dealterm_detail {}
.modal-wrapper .dealterm_detail:last-child {
    margin-bottom: 0px;
}
.modal-wrapper .deal_term_payer button.btn.dropdown-toggle.selectpicker.btn-default {
    padding: 0px;
}
.modal-wrapper .deal_term_payer button.btn.dropdown-toggle.selectpicker.btn-default img {
    border-radius: 3px !important;
    display: none;
}
.modal-wrapper .deal_term_payer button.btn.dropdown-toggle.selectpicker.btn-default span.filter-option span {
    padding: 5px 15px 5px 5px !important;
}
.modal-wrapper .preview-right .dealterm_detail {
    bottom: 5px;
}
#dealterms_table .deal_term_payer .btn .caret {
    right: 10px;
}
.dropdown-menu.open {
    padding: 0px;
    border-color: #c5cbd4;
}
.deal_term_payer .dropdown-menu img {
    width: 25px;
    height: 25px;
    border-radius: 4px;
    display: none;
}
.deal_term_payer .dropdown-menu a {
    padding: 6px;
    outline: none;
}

#booking-modal-outer .deal_term_row .dropdown-menu {
    top: -4px;
    left: 0px;
}

#booking-modal-outer .deal_term_row .deal_term_payer .dropdown-menu {
    width: 100%;
}

#booking-modal-outer .deal_term_row .select-term .dropdown-menu {
    top: -120px;
    overflow: unset !important;
    overflow: hidden !important;
    border-radius: 4px;
    height: fit-content;
}
#booking-modal-outer .deal_term_row .dropdown-menu .disabled,
#booking-modal-outer .deal_term_currency .dropdown-menu .disabled {
    opacity: 1;
    border-radius: 3px;
}
#booking-modal-outer .bootstrap-select .dropdown-menu li.disabled a {
    color: #cccccc !important;
    cursor: pointer;
}
#booking-modal-outer .deal_term_row .dropdown-menu>li>a {
    padding: 7px 9px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#booking-modal-outer .deal_term_row .deal_term_payer .dropdown-menu>li>a {
    text-align: right;
    padding-right: 25px;
}

#booking-modal-outer .deal_term_row .dropdown-menu>li>a span.text {
    display: inline;
}

#booking-modal-outer .deal_term_row .dropdown-menu>.active>a, 
#booking-modal-outer .deal_term_row .dropdown-menu>.active>a:hover, 
#booking-modal-outer .deal_term_row .dropdown-menu>.active>a:focus {
    background-color: #f8f8f8;
    color: #454b5a;
}

#booking-modal-outer .deal_term_currency .dropdown-menu {
    font-size: 14px;
    top: -70px;
    bottom: unset;
    left: 0;
    right: unset;
    max-width: 100px;
}
#booking-modal-outer .deal_term_currency .dropdown-menu>li>a {
    padding: 3px 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#dealterms_holder table.nospacing {
    width: 100%;
    display: inline-table !important;
}
span.fa-lg.hoverable.deal_term_delete_cross {
    display: block !important;
    line-height: 35px !important;
    height: 35px !important;
}
.bootstrap-select.deal_term_payer {
    max-width: 318px !important;
    width: 318px !important;
}
.bootstrap-select.deal_term_prefix {
    max-width: 76px !important;
    width: 76px !important;
}
.plus-prefix .bootstrap-select.deal_term_payer {
    max-width: 296px !important;
    width: 296px !important;
}
.first_deal_term_row .bootstrap-select.deal_term_payer {
    max-width: 377px !important;
    width: 377px !important;
}
.after-prefix .bootstrap-select.deal_term_payer {
    max-width: 296px !important;
    width: 296px !important;
}
.vs-prefix .bootstrap-select.deal_term_payer {
    max-width: 296px !important;
    width: 296px !important;
}
#dealterms_holder .deal_term_row .select-payer {
    width: auto;
    display: inline-block;
}
#dealterms_holder .deal_term_row .prefix-holder {
    display: inline-block;
    margin-right: 5px;
    position: relative;
}
#dealterms_holder .first_deal_term_row .prefix-holder {
    display: none;
}
.deal_term_vs_separator_row {
    display: flex;
    position: absolute;
    width: calc(100% + 14px);
    z-index: 1;
    margin-top: 20px;
}
tr.deal_term_vs_separator_row {
    width: calc(100% + 14px) !important;
}
.deal_term_vs_separator_row + .deal_term_row {
    margin-top: 40px !important;
    border-top: none !important;
}
.deal_term_vs_separator_row td {
    text-align: center;
    width: calc(100% - 17px);
}
.deal_term_vs_separator_row .dealterm-vs-separator {
    height: 2px;
    background: #454b5a;
}
.deal_term_vs_separator_row .dealterm-vs-separator-text {
    font-family: 'inter_semibold', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    text-align: center;
    position: relative;
    top: -12px;
    background: #fff;
    width: auto;
    display: inline-block;
    padding: 0 8px;
}
#dealterms_table_wrapper {
    border: 1px solid #ffffff;
    border-radius: 6px;
}
#dealterms_table tbody {
    display: block;
    border: 1px solid #f0f0f0;
    border-radius: 6px;
}
#dealterms_table_wrapper.bm-item-focus,
#dealterms_table_wrapper.bm-item-focus #dealterms_table tbody {
    border-color: #556CCA !important;
}
span.icon-ui-15.theicons.deal_term_delete_cross {
    position: relative;
    color: #ccc;
    font-size: 16px;
    opacity: 0;
    top: 4px;
}
.modal-wrapper.modal-saving span.icon-ui-15.theicons.deal_term_delete_cross.disable-when-modal-saving,
.modal-wrapper.dealterm-editing-active span.icon-ui-15.theicons.deal_term_delete_cross.disable-when-modal-saving  {
    opacity: 0 !important;
    pointer-events: none !important;
}
span.icon-ui-15.theicons.deal_term_delete_cross:hover {
    color: #de7878;
}
.deal_term_row:hover>td span.icon-ui-15.theicons.deal_term_delete_cross {
    opacity: 1;
}
.modal-wrapper.modal-saving .deal_term_row:hover>td span.icon-ui-15.theicons.deal_term_delete_cross.disable-when-modal-saving,
.modal-wrapper.dealterm-editing-active .deal_term_row:hover>td span.icon-ui-15.theicons.deal_term_delete_cross.disable-when-modal-saving {
    opacity: 0.5 !important;
    pointer-events: none !important;
}

.deal_term_remove_text {
    display: none;
    position: absolute;
    right: -12px;
    bottom: 24px;
    color: #de7878;
    font-size: 12px;
}

#popup_dealterms #dealterms_holder .select-term .btn.dropdown-toggle .filter-option-inner-inner,
#booking-modal-outer .deal_term_row .select-term .dropdown-menu>li>a span {
    text-transform: lowercase !important;
    font-family: inter_regular,'Helvetica Neue',Arial,Helvetica,sans-serif;
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
}

#booking-modal-outer .deal_term_tax .filter-option-inner-inner, #booking-modal-outer .deal_term_currency .filter-option-inner-inner{
    font-family: inter_regular,'Helvetica Neue',Arial,Helvetica,sans-serif;
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
}

#popup_dealterms #dealterms_holder .bs-caret {
    display: none;
}

.dealterm-word {
    line-height: 42px;
    padding-left: 10px;
    padding-right: 10px;
}

#popup_dealterms .deal_term_row .filter-option-inner-inner {
    font-family: inter_regular,'Helvetica Neue',Arial,Helvetica,sans-serif;
    color: #24272f;
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#popup_dealterms .deal_term_row .deal_term_payer .filter-option-inner-inner {
    text-align: right;
}

#popup_dealterms #dealterms_holder .btn.dropdown-toggle {
    border: none;
    box-shadow: none !important;
    background: #fff !important;
    border: 1px solid #f0f0f0 !important;
    padding: 2px 12px 2px 5px;
    border-radius: 6px;
    vertical-align: top;
    margin-top: 4px;
}
#popup_dealterms #dealterms_holder .btn.dropdown-toggle:hover {
    background: #f8f8f8 !important;
}
.btn.dropdown-toggle span {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #24272f;
}
#dealterms_table div.deal_term_type {
    min-width: 185px !important;
    width: 185px !important;
}
#dealterms_table .deposit-deal-term-input div.deal_term_type {
    width: 184px !important;
    min-width: 184px !important;
}
#dealterms_table .custom-deal-term-input div.deal_term_type {
    width: 184px !important;
    min-width: 184px !important;
}
#dealterms_table div.deal_term_type .btn .caret {
    right: 10px;
}
#dealterms_table .dropup .btn .caret {
    border-top: 4px solid;
    border-bottom: none;
}
#dealterms_table div.deal_term_payer .btn .filter-option {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
div#add_deals_button,
div#add_text_deals_button {
    font-size: 14px;
}

.bootstrap-select>select {
    pointer-events: none;
}

.bootstrap-select .dropdown-toggle .caret {
    right: 10px;
}

/* prefix */

/*#dealterms_holder .input-group-addon {
  border-radius: 4px;
}*/
.deal_term_prefix button.btn.dropdown-toggle.selectpicker.btn-default {
    padding-right: 5px !important;
    padding-left: 5px !important;
}
.deal_term_prefix button.btn.dropdown-toggle.selectpicker.btn-default .caret {
    display: none;
}
.deal_term_prefix {
    width: auto !important;
}
tr.deal_term_row {
    display: flex !important;
    flex-direction: row;
    justify-content: flex-start;
    border-top: 1px solid #f0f0f0;
    padding-left: 5px;
}
tr.deal_term_row:first-child {
    border-top: none;
    border-radius: 6px 6px 0 0;
}
tr.deal_term_row:last-child {
    border-radius: 0 0 6px 6px;
}
tr.deal_term_row td {
    float: left;
    width: auto !important;
    margin-right: 2px;
    line-height: 41px;
    position: relative;
    color: #24272f;
}
tr.deal_term_row td:last-child {
    margin-right: 0px;
    position: absolute;
    right: -30px;
}
ul.dropdown-menu.inner li {
    display: block;
}
ul.dropdown-menu.inner.divider {
    margin: 5px 0;
    background-color: #f0f0f0;
}
.deal_term_prefix span.filter-option.pull-left {
    text-align: center !important;
}
.deal_term_prefix .filter-option .filter-option-inner-inner {
    text-transform: capitalize;
}
#popup_dealterms span.input-group-addon.deal_term_label.label_dollar {
    background: #fff;
    border: 1px solid #f0f0f0;
    padding: 0 10px;
    line-height: 31px;
    cursor: default;
    border-right: none;
    color: #24272f;
    border-radius: 6px 0 0 6px;
    font-family: inter_semibold, 'Helvetica Neue', Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#popup_dealterms span.input-group-addon.deal_term_label.label_percent {
    background: #fff;
    border: 1px solid #f0f0f0;
    padding: 0 10px;
    line-height: 31px;
    cursor: default;
    border-left: none;
    border-radius: 0 6px 6px 0;
    font-family: inter_semibold, 'Helvetica Neue', Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#popup_dealterms .input-group .clickable-label {
    cursor: pointer !important;
}
#popup_dealterms .input-group .clickable-label:hover {
    background: #f8f8f8 !important;
}
#popup_dealterms input.form-control.deal_term_val {
    border: 1px solid #f0f0f0 !important;
    box-shadow: none !important;
    padding: 4px;
    height: auto;
}
#popup_dealterms input.form-control.deal_term_val:hover {
    background: #f8f8f8;
}
#popup_dealterms .deal_term_row input.deal_term_val {
    border-radius: 0;
    background: #ffffff;
    padding: 5px;
    width: 100px;
    margin-left: 0;
    margin-right: 0;
    z-index: 0;
    height: 34px;
    line-height: initial;
    font-family: inter_semibold, 'Helvetica Neue', Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.amounttd .input-group {
    padding-top: 4px;
}
#popup_dealterms .deal_term_row input.input-borderradius-left {
    border-top-left-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
    text-align: right;
}
#popup_dealterms .deal_term_row input.input-borderradius-right {
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
}
#dealterms_table>tbody>tr:first-child span.icon-ui-15.theicons.hoverable.deal_term_delete_cross {
    opacity: 0 !important;
    pointer-events: none !important;
}
#popup_dealterms div.btn.btn-primary {
    width: 317px;
}

input.customtitle.form-control {
    box-shadow: none !important;
    border-color: #eee;
    width: 159px !important;
    padding: 5px 10px;
    height: 34px;
    color: #24272f;
    border-radius: 6px 0 0 6px;
    background: #fff;
    line-height: initial;
}
input.customtitle.form-control:hover,
input.customtitle.form-control:focus {
    background: #f8f8f8;
}
.select-term {
    position: relative;
}
.customdealdiv {
    position: absolute;
    z-index: 0;
    top: 5px;
    left: 0px;
}
.deposit-title {
    position: absolute;
    z-index: 0;
    top: 5px;
    left: 63px;
}
.deposit-title-pre {
    position: absolute;
    left: -7px;
    top: -3px;
}
input.deposittitle.form-control {
    box-shadow: none !important;
    border: 1px solid #f0f0f0;
    width: 96px !important;
    padding: 10px 3px;
    height: 34px;
    color: #24272f;
    border-radius: 0;
    background: #fff;
    line-height: initial;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
input.deposittitle.form-control:hover,
input.deposittitle.form-control:focus {
    background: #f8f8f8;
}
.deal-terms-paywall {
    margin-top: 25px;
    text-align: center;
}
#popup_dealterms .deal_term_row.no-booking-fee-term input.deal_term_val,
#popup_dealterms .deal_term_row.no-booking-fee-term .dealterms-oftd,
#popup_dealterms .deal_term_row.no-booking-fee-term span.input-group-addon.deal_term_label {
    pointer-events: none;
    opacity: 0;
}
#booking-modal-inner .disabled {
    pointer-events: none !important;
    opacity: 0.15;
    font-style: normal;
}
.modal-wrapper .btn {
    border: none !important;
}
.modal-wrapper .btn-primary,
.modal-wrapper .btn-standard {}
#booking-modal-inner .btn-primary.disabled,
#booking-modal-inner .standard-btn.disabled,
.modal-wrapper .btn-standard.disabled {
    opacity: 0.6;
}
.modal-markup[data-status="draft"] #request-attachment {
    display: none;
}
.attachment-buttons {
    margin-bottom: 20px;
}
li.add-contract,
li.add-worksheet {
    display: block
}
.noAccessMessage {
    text-align: center;
    margin-top: 20px !important;
    top: 50%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

/* header event summary badge OPTION 1 */
.event-summary-wrap {
    padding-top: 0;
    position: relative;
    z-index: -1;
    /* border-top-left-radius: 4px;
    border-top-right-radius: 4px; */
    text-align: center;
    border-radius: 4px;
    z-index: 3;
    margin-bottom: 20px;
}
.event-summary-wrap div.background-image {
    /*filter: blur(5px);*/

    transform: scale(0.25);
    background-size: cover;
    position: absolute;
    left: 0px;
    right: -140px;
    top: -150px;
    bottom: -350px;
    z-index: -1;
    pointer-events: none;
    border-radius: 3px;
    box-shadow: 0 0 0 0.5px rgba(49, 49, 93, .03);
}

/* event details */
.event-details {
    color: #454b5a;
    text-align: left;
    font-size: 16px;
    width: calc(100% + 350px);
    display: inline-block;
    vertical-align: middle;
}
.event-details .event-title-static {
    font-size: 35px !important;
    font-family: 'inter_semibold','Helvetica Neue',Arial,Helvetica,sans-serif !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 9px 10px 6px 10px;
    border: 1px solid #fff;
    border-radius: 6px;
    line-height: 36px;
    cursor: text;
    width: 100%;
    height: 53px;
}
.event-details .event-title-static:hover {
    background: #f8f8f8;
    border-color: #f0f0f0;
}

.event-details .event-date-static {
    font-size: 16px;
    margin-bottom: 5px;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    position: relative;
}

.modal-wrapper.event-edit-access-disabled .event-details .event-date-static,
.modal-wrapper.event-edit-access-disabled .multi-date-summary,
.modal-wrapper.confirmed-booking .event-details .event-date-static,
.modal-wrapper.cancelled-booking .event-details .event-date-static,
.modal-wrapper.event-edit-access-disabled #booking-offer-event-details,
.modal-wrapper.event-edit-access-disabled .event-details {
    cursor: default !important;
    pointer-events: none !important;
}
.modal-wrapper.event-edit-access-disabled .booking-offer-title-link,
.modal-wrapper.event-edit-access-disabled #btn-goto-event {
    display: none;
}
.event-details p {
    margin-bottom: 0px;
}
.event-status {
    float: left;
}
.booking-modal-section-header h4 {
    float: left;
    color: #24272f;
    font-size: 18px;
    line-height: 18px;
    font-family: 'inter_semibold', 'Helvetica Neue', Arial, Helvetica, sans-serif !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: 10px;
    margin-left: 12px;
}
.booking-modal-section-header h4 .theicons {
    font-size: 20px;
    vertical-align: middle;
    position: relative;
    top: -2px;
}
.event-details-actions .event-status {
    margin-right: 10px;
    background: #f8f8f8;
    padding: 2px 10px;
    border-radius: 4px;
    font-size: 10px;
    font-family: 'inter_semibold', 'Helvetica Neue', Arial, Helvetica, sans-serif !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-transform: capitalize;
    position: relative;
    top: -1px;
    cursor: default;
    text-align: center;
}
.event-details-actions .event-status-badge {
    vertical-align: middle;
    margin-right: 3px;
}

.card-primary .modal-scroller {
    -webkit-transition: top 0.5s cubic-bezier(0, 1.5, .5, 1) !important;
    -moz-transition: top 0.5s cubic-bezier(0, 1.5, .5, 1) !important;
    transition: top 0.5s cubic-bezier(0, 1.5, .5, 1) !important;
}
#btn-edit-event {
    display: none !important;
}
#btn-cancel-edit-event {
    display: block !important;
}
#ajax-event-summary {
    display: inline-block;
    width: calc(100% - 350px);
    display: inline-block !important;
}
#ajax-event-search {
    display: none;
}

/* has an event! */
.has-event #ajax-event-summary {
    display: inline-block;
}

.has-event #btn-edit-event {
    display: block !important;
}

.changing-event .action-buttons {
    display: none;
}
.active-border-wrap {
    clear: both;
    width: 100%;
}
span.booking-status-badge {
    padding: 1px 10px;
    border-radius: 4px;
    text-transform: capitalize;
    font-size: 10px;
    float: left;
    margin-left: 10px;
    font-family: 'inter_semibold', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: none;
}

/* draft */
span.booking-status-badge.draft {
    background: #e0e0e0;
    color: #454b5a;
}

/* pending */
span.booking-status-badge.pending {
    background: #6495ed;
    color: #ffffff;
}

/* accepted */
span.booking-status-badge.accepted,
span.booking-status-badge.confirmed {
    background: #5fce9b;
    color: #ffffff;
}

/* cancel */
span.booking-status-badge.cancelled,
span.booking-status-badge.rejected {
    background: #cd5c5c;
    color: #ffffff;
}

/* paid */
span.booking-status-badge.paid {
    background: #5fce9b;
    color: #ffffff;
}
span.booking-status-badge.settled {
    background: #5fce9b;
    color: #ffffff;
}

span.booking-status-badge.hold {
    background: #ffb648;
    color: #ffffff
}
.center-header {
    display: block;
    font-size: 14px;
    margin-bottom: 10px !important;
    position: relative;
    text-align: left;
    z-index: 0;
    color: #454b5a;
    font-family: 'inter_semibold', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.center-header[data-title="add-confirmation"]:before {
    content: "Who's this Booking with?";
}
.center-header[data-title="confirmation"]:before {
    content: "Booking";
}

}
.center-header[data-title="time"]:before {
    content: "Time";
}
.center-header[data-title="dealterms"]:before {
    content: "Deal Terms";
}
.has-event #confirmation-search-wrap .center-header {
    display: block;
}
h4.sub-header {
    font-size: 14px;
    color: #454b5a;
    font-family: 'inter_semibold',
    'Helvetica Neue',
    Arial,
    Helvetica,
    sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
span.count-bubble {
    font-size: 11px;
    display: inline-block;
    color: #ffffff;
    background: #cd5c5c;
    height: 15px;
    width: 15px;
    text-align: center;
    margin-left: -9px;
    border-radius: 99px;
    line-height: 16px;
    text-shadow: none !important;
}
.show-attached-card span.count-bubble {
    background: #313750;
}
#confirmation-search-wrap {
    position: relative;
    float: left;
    width: calc(100% - 350px);
}
.confirmation-contacts-link {
    position: absolute;
    right: 15px;
    width: auto;
    z-index: 1;
    font-size: 12px;
    top: 18px;
}

/**
 * CARD - SEND CONFIRMATION
 */


.modal-inner .card-send {
    opacity: 0;
    z-index: 1; 
    -webkit-transition: opacity 0.15s ease-in-out !important;
    -moz-transition: opacity 0.15s ease-in-out !important;
    transition: opacity 0.15s ease-in-out !important;
    position: relative !important;
    margin-left: -100% !important;
}
.modal-inner .card-send.send-on {
    opacity: 1 !important;
    pointer-events: all;
    z-index: 12;
}
.modal-inner .card-send .modal-scroller {
    padding-bottom: 0px !important;
    box-shadow: none !important;
}
.modal-inner .card-send .bmodal-footer {
    background: #ffffff;
    left: 0px !important;
    right: 0px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-shadow: none !important;
    border-top: none !important;
}
.modal-inner .card-send .bmodal-footer:after {
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    height: 80px;
    top: -80px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+2,f7f7f7+100&0+2,1+98 */
    background: -moz-linear-gradient(top, rgba(247, 247, 247, 0) 2%, rgba(247, 247, 247, 1) 98%, rgba(247, 247, 247, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(247, 247, 247, 0) 2%, rgba(247, 247, 247, 1) 98%, rgba(247, 247, 247, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(247, 247, 247, 0) 2%, rgba(247, 247, 247, 1) 98%, rgba(247, 247, 247, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f7f7f7', endColorstr='#f7f7f7', GradientType=0);
    /* IE6-9 */
}
.modal-inner #preview-send-booking-link {
    font-size: 14px;
    font-family: 'inter_medium',
    "Helvetica Neue",
    Helvetica,
    Arial,
    "Lucida Grande",
    sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    z-index: 1;
    right: 15px;
    top: 7px;
}
.modal-inner #send-preview {
    position: relative;
    border: solid 1px #eeeeee;
    width: 100%;
    box-shadow: 0 2px 20px -4px rgba(0, 0, 0, .1);
    border-radius: 7px;
    background: #ffffff;
    margin: auto;
    cursor: default;
}
.modal-inner #send-preview .email-preview-header {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 30px;
    padding-left: 6px;
    background: #f7f7f7;
    border-bottom: solid 1px #eeeeee;
}
.modal-inner #send-preview .email-preview-header>span {
    width: 10px;
    height: 10px;
    background: #ffffff;
    display: block;
    float: left;
    margin-left: 5px;
    margin-top: 10px;
    border-radius: 99px;
}
.modal-inner #send-preview .email-preview-header>span.green {
    background-color: #34C749;
}
.modal-inner #send-preview .email-preview-header>span.yellow {
    background-color: #FDBE41;
}
.modal-inner #send-preview .email-preview-header>span.red {
    background-color: #FC605C;
}
.modal-inner #send-preview .email-preview-email-details {
    margin-top: 30px;
}
.modal-inner #send-preview .email-preview-email-details div.subject {
    padding: 10px;
    font-size: 14px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: nowrap;
    border-bottom: 1px solid #eee;
}
.modal-inner #send-preview .email-preview-email-details div.emailto {
    padding: 10px;
    font-size: 14px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: nowrap;
    border-bottom: solid 1px #eeeeee;
    position:relative
}
.emailto-icon {
    width: 20px;
    border-radius: 100%;
    display: inline-block;
    position: absolute;
    top: 9px;
}
.emailto-icon img {
    width: 100%;
    border-radius: 100%;
}
.emailto-name {
    padding-left: 25px;
}
.email-preview-email-details div.emailcc {
    padding: 0;
    font-size: 14px;
    display: block;
    white-space: nowrap;
    border-bottom: solid 1px #eeeeee;
    position: relative;
}
.email-preview-email-details div.emailcc.emailcc-border {
    border: 1px solid #eeeeee;
    border-radius: 4px;
    margin-bottom: 10px;
}
.email-preview-email-details div.emailcc input{
    background: #fff;
    padding: 5px 0;
    width: 100%;
    position: relative;
    min-width: 200px;
    border: none !important;
    line-height: unset !important;
    /* height: unset !important; */
    height: 25px !important;
    margin-top: 2px;
    flex-grow: 1;
}
.modal-inner #send-preview .email-preview-to-heading{
    font-family: 'inter_semibold','Helvetica Neue',Arial,Helvetica,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #b1b1b4;
    vertical-align: top;
}
div.emailcc .email-preview-to-heading{
    padding-left: 10px;
    position: relative;
    top: 10px;
}
.modal-inner #send-preview .email-preview-to-upgrade {
    cursor: pointer;
    display: inline-block;
    padding: 10px 0;
}
.modal-inner #send-preview .email-preview-body {
    padding: 0 30px 30px 30px; 
    float: left;
    width: 100%;
}
.modal-inner #send-preview .email-preview-body .email-section {
    border-bottom: solid 1px #eeeeee;
    margin-bottom: 15px;
    padding-bottom: 15px;
    float: left;
    clear: both;
    width: 100%;
    padding-top: 5px;
}
.modal-inner #send-preview .email-preview-body .email-section:last-child {
    border-bottom: none;
}
.modal-inner #send-preview .email-preview-body .email-section>p {
    display: block;
    width: 140px;
    float: left;
    font-family: 'inter_semibold',
    "Helvetica Neue",
    Helvetica,
    Arial,
    "Lucida Grande",
    sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.modal-inner #send-preview .email-preview-body .email-section .preview-right {
    display: block;
    float: left;
    width: 100%;
    max-width: calc(100% - 140px);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.modal-inner #send-preview .email-preview-body .email-section.email-actions .preview-right {
    max-width: 300px;
}
.modal-inner #send-preview .email-preview-body .email-section img {
    width: 25px;
    height: 25px;
    border-radius: 100%;
    margin-right: 5px;
    margin-bottom: 10px;
}
.modal-inner #send-preview .email-preview-body .email-section i {
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 3px;
    margin-right: 5px;
    text-align: center;
    line-height: 25px;
    color: #999999;
}
.modal-inner #send-preview .email-preview-body .email-section .preview-right>div,
.modal-inner #send-preview .email-preview-body .email-section .preview-right .email-preview-preview-right-text,
.modal-inner #send-preview .email-preview-body .email-section .preview-right .email-preview-preview-right-text div.dealterms-text-row {
    font-size: 14px;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: nowrap;
    overflow: hidden;
    color: #555555;
    margin-bottom: 5px;
}
.modal-inner #send-preview .email-preview-body .email-section .preview-right>div .email-preview-event-title {
    font-family: 'inter_semibold','Helvetica Neue',Arial,Helvetica,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
}
.modal-inner #send-preview .email-preview-body .email-section .preview-right .email-preview-extra-date {
    font-size: 14px;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: nowrap;
    overflow: hidden;
    color: #555555;;
}
.modal-inner #send-preview .email-preview-body .email-section .preview-right .email-preview-extra-dates {
    margin-top: 5px;
    display: block;
}

.modal-inner #send-preview .email-preview-body .email-section .preview-right .email-preview-location {
    margin-top: 5px;
    display: block;
    margin-bottom: 10px;
}
.modal-inner #send-preview .email-preview-body .email-section .preview-right>div .email-preview-icon {
    font-size: 22px;
    margin-right: 6px;
}
.modal-inner #send-preview .email-preview-body .email-section .preview-right>div .email-preview-preview-right-text {
    vertical-align: top;
    line-height: 25px;
}

.modal-inner #send-preview .email-preview-body .email-section.email-actions .preview-right>div {
    display: block;
    float: left;
    width: 47%;
    text-align: center;
    border-radius: 6px;
    background: #f1f1f1;
    color: #ffffff;
    margin-right: 3%;
    padding: 10px;
    font-size: 14px !important;
    font-family: 'inter_semibold',
    "Helvetica Neue",
    Helvetica,
    Arial,
    "Lucida Grande",
    sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.modal-inner #send-preview .email-preview-body .email-section.email-actions .preview-right>div.confirm-button {
    background: #5fce9b;
}
.modal-inner #send-preview .email-preview-body .email-section.email-actions .preview-right>div.view-button {
    color: #24272f;
}

.modal-inner #send-preview .email-preview-body .email-section .multi-date-events-event {
    margin-bottom: 5px;
}

.modal-inner #send-preview .email-preview-body .email-section .multi-date-events-event-title {
    display:block;
    font-size: 14px;
    font-family: 'inter_semibold',"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.modal-inner #send-preview .email-preview-body .email-section .multi-date-events-event-date {
    display:block;
    margin-left: 0;
    font-size: 14px;
}

.modal-inner #send-preview .email-preview-body .email-section .multi-date-events-event-time {
    display:block;
    margin-left: 0;
    font-size: 12px;
}

#send-preview .text-deal-terms .dealterms-text-section-title {
    display: block;
    width: 140px;
    float: left;
    font-family: 'inter_semibold',"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-top: 2px;
}

#send-preview .text-deal-terms .dealterms-text-section {
    border-bottom: solid 1px #eee;
    margin-bottom: 15px;
    padding-bottom: 15px;
    float: left;
    clear: both;
    width: 100%;
}

#send-preview .text-deal-terms .dealterms-text-section-items {
    display: block;
    float: left;
    width: 100%;
    max-width: calc(100% - 140px);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

#send-preview .text-deal-terms .dealterms-text-section-items .dealterms-text-row  {
    font-size: 14px;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: nowrap;
    overflow: hidden;
    color: #555;
    margin-bottom: 10px;
}

#send-preview .text-deal-terms .dealterms-text-section-items .dealterms-text-row:last-of-type {
    margin-bottom: 0;
}

#send-preview .text-deal-terms .dealterms-text-section-items .dealterms-text-row .dealterms-text-item-name {
    font-family: 'inter_semibold',"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #24272f;
    display: block;
}

#send-preview .text-deal-terms .dealterms-text-section-items .dealterms-text-row .dealterms-text-item-value {
    display: block;
}

#send-preview .text-deal-terms .dealterms-text-section-items .dealterms-text-row .dealterms-text-separator,
#send-preview .text-deal-terms .dealterms-text-section-title .dealterms-text-separator {
display: none;
}


.modal-inner .card .card-body #send-preview .email-preview-body textarea:not(.textchat-grey) {
    width: 100%;
    margin: 10px 0 0 0;
    border: none;
}

.modal-inner #send-preview .preview-right li {
    font-size: 14px;
    color: #5e92bf;
    margin-bottom: 2px;
    display: block;
}
.modal-inner .card-send p strong {
    font-family: 'inter_semibold',
    "Helvetica Neue",
    Helvetica,
    Arial,
    "Lucida Grande",
    sans-serif !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.modal-inner .card-send p {
    font-family: 'inter_semibold',
    "Helvetica Neue",
    Helvetica,
    Arial,
    "Lucida Grande",
    sans-serif !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.modal-inner .card-send .bmodal-footer {
}
.modal-inner .sending-message,
.modal-inner .updating-event,
.modal-inner .attachments-message,
.modal-inner .multibooking-message,
.modal-inner .send-message {
    opacity: 0;
    pointer-events: none;
}
.modal-inner .sending-message.pop-roster,
.modal-inner .updating-event.pop-roster,
.modal-inner .attachments-message.pop-roster,
.modal-inner .multibooking-message.pop-roster,
.modal-inner .send-message.pop-roster {
    animation-name: fade-in-zoom-up;
    animation-direction: normal;
    animation-fill-mode: forwards;
    animation-duration: .3s;
    animation-timing-function: cubic-bezier(0, 1.5, .5, 1);
}
.modal-inner .card-send p#modal-email-preview-message {
    font-size: 12px;
    margin-bottom: 30px;
}
.modal-inner .card-send .muzeek-messagebox {
    font-size: 14px;
    margin-top: 40px;
    margin-bottom: 0px !important;
    padding-left: 0px !important;
    pointer-events: initial;
    display: flex;
}
.modal-inner .card-send .muzeek-messagebox textarea {
    flex: 1;
}

#attachments-message-name,
#resend-attachments-message-name {
    opacity: 1;
}
#attachments-message-name .theicons,
#resend-attachments-message-name .theicons {
    margin-right: 5px;
    font-size: 20px;
    position: relative;
    top: 3px;
}
.pop-in {
    animation-name: fade-in-zoom-up;
    animation-direction: normal;
    animation-fill-mode: forwards;
    animation-duration: .3s;
    animation-timing-function: cubic-bezier(0, 1.5, .5, 1);
}
.summary-top-right {
    position: absolute;
    right: 0px;
    top: -5px;
    color: #454b5a;
}

.modal-inner .card-send .bmodal-footer .mzk-dropdown-actions .dropdown-menu {
    bottom: 3px !important;
    top: unset !important;
    right: 0 !important;
}

/* we only want this to apply for desktops, because on touch devices they can't hover */
@media only screen and (min-width: 1201px) {
    .summary-top-right .hover-only {
        opacity: 0;
    }
    #ajax-event-summary:hover .summary-top-right .hover-only,
    #confirmation-summary-wrap:hover .summary-top-right .hover-only {
        opacity: 1;
    }
}
#ajax-event-summary .summary-top-right.open .hover-only,
#confirmation-summary-wrap .summary-top-right.open .hover-only {
    opacity: 1 !important;
}
.summary-top-right>a {
    text-decoration: none;
    font-size: 20px;
    color: #454b5a;
    margin-left: 10px;
    display: block;
    float: left;
    cursor: pointer;
}
.summary-top-right>a:hover {
    color: #556CCC;
}
.half-image {
    float: left;
}
.half-image img {
    width: 28px;
    height: 28px;
    border-radius: 4px;
    position: relative;
    top: -1px;
    box-shadow: 0 0 0 0.5px rgba(49, 49, 93, .03),
    0 2px 5px 0 rgba(49, 49, 93, .1),
    0 1px 2px 0 rgba(0, 0, 0, .08);
}
.half-details {
    margin-top: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.half-details h4 {
    margin-bottom: 0px !important;
    margin-top: 1px !important;
    font-size: 12px;
    color: #454b5a;
    font-family: 'inter_semibold',
    'Helvetica Neue',
    Arial,
    Helvetica,
    sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.half-details p {
    margin-bottom: 0px;
    font-size: 12px;
    color: #b1b4b4;
}
.half-details * {
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    overflow: hidden;
}

#confirmation-for-wrap {
    position: relative;
}
#summary-contact-card {
    position: relative;
    margin-top: 20px;
}
#summary-contact-card-outer {
    position: relative;
}
#summary-contact {
    width: 100%;
}

#summary-contact.summary-contact-disabled {
    pointer-events: none !important;
}
#summary-contact .summary-contact-info {
    padding: 10px 9px 5px 9px;
    border-radius: 0 0 6px 6px;
    border: 1px solid #fff;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0;
    width: 100%;
}
#summary-contact .summary-contact-info .summary-contact-name {
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 4px;
    margin-top: 4px;
}
#summary-contact .summary-contact-info .summary-contact-details {
    color: #cccccc;
    font-size: 12px;
    line-height: 12px;
    width: auto;
    max-width: 100%;
}
.summary-contact-email {
    line-height: 22px;
    max-width: calc(100% - 5px);
    display: block;
    margin-top: 2px;
    margin-bottom: 2px;
}
.summary-contact-email .theicons {
    vertical-align: middle;
    display: none;
    position: absolute;
    padding-left: 5px;
    padding-top: 4px;
}
.summary-contact-email:hover {
    color: #556CCC !important;
}
.summary-contact-email:hover .theicons {
    display: inline-block !important;
}
.summary-contact-phone {
    line-height: 14px;
    max-width: calc(100% - 5px);
    display: block;
    margin-top: 4px;
    margin-bottom: 6px;
}
.summary-contact-phone .theicons {
    vertical-align: middle;
    display: none;
    position: absolute;
    padding-left: 5px;
    padding-top: 1px;
}
.summary-contact-phone:hover {
    color: #556CCC !important;
}
.summary-contact-phone:hover .theicons {
    display: inline-block !important;
}
.summary-contact-phone-input {
    border: 1px solid #fff;
    border-radius: 4px;
    background: #fff;
    width: 100%;
    padding: 1px 25px 1px 5px;
    line-height: 14px;
    position: relative;
    width: calc(100% + 11px);
    left: -6px;
}
#summary-contact-button:hover .summary-contact-phone-input {
    background: #f8f8f8;
    border-color: #f8f8f8;
}
.summary-contact-phone-input:hover {
    border-color: #f0f0f0 !important;
    background: #fff !important;
}


.summary-contact-form-input {
    border: 1px solid #fff;
    border-radius: 4px;
    background: #fff;
    width: 100%;
    padding: 1px 25px 1px 5px;
    line-height: 14px;
    position: relative;
    width: calc(100% + 11px);
    left: -6px;
}
#summary-contact-button:hover .summary-contact-form-input {
    background: #f8f8f8;
    border-color: #f8f8f8;
}
.summary-contact-phone-form:hover {
    border-color: #f0f0f0 !important;
    background: #fff !important;
}
#summary-contact-form {
    display: none;
    position: absolute;
    left: 0;
    top: 32px;
    left: 1px;
    right: 1px;
    padding: 0 9px;
    background: #fff;
}
#summary-contact.show-add-new-contact #summary-contact-form { 
    display: block;
}

#summary-contact:hover #summary-contact-form {
    background: #f8f8f8;
}

.summary-contact-form-cancel {
    position: absolute;
    right: -2px;
    opacity: 0.3;
    top: 1px;
    cursor: pointer;
}

.summary-contact-form-cancel:hover {
    opacity: 1;
}

#summary-account {
    padding: 11px 10px 6px 10px;
    border-radius: 6px 6px 0 0;
    border: 1px solid #f0f0f0;
}
#summary-account.editable:hover {
    background: #f8f8f8;
    cursor: pointer;
}
#summary-account .summary-account-info {
    display: grid;
}
#summary-account .summary-account-info .summary-account-name {
    color: #24272f;
    font-size: 14px;
    line-height: 22px;
    display: inline-block;
    max-width: 100%;
    padding-right: 10px;
    margin-top: 2px;
    margin-bottom: 1px;
}
#summary-account .summary-account-info a,
#summary-account .summary-account-info a .summary-account-name {
    cursor: pointer;
}
#summary-account .summary-account-info .summary-account-details {
    line-height: 22px;
    text-transform: capitalize;
    display: none;
}
#booking-modal-actions-ajax .action-buttons ul.dropdown-menu {
    transform: translate3d(0, calc(-100% + -10px), 0);
    left: unset;
    right: 0;
}

#summary-contact-info-warning {
    display: none;
    background: #dd5050;
    padding: 4px 5px;
    border-radius: 0 0 6px 6px;
    font-size: 12px;
    line-height: normal;
    color: #ffffff;
    text-transform: initial;
    position: absolute;
    left: 0px;
    bottom: -18px;
    right: 0px;
    text-align: center;
}

.summary-contact-no-contact #summary-contact-info-warning {
    display: block;
}

.summary-contact-no-contact .summary-contact-info {
    opacity:0.5;
}

.summary-contact-no-contact .summary-contact-name {
    /* margin-top: 7px; */
}

#confirmation-summary-wrap.summary-contact-no-contact {
    border-color: #dd5050;
}

#confirmation-search-wrap.no-confirmation-exists #search_input_holder,
#confirmation-search-wrap.no-confirmation-exists #confirmation-search-identity-wrapper,
#confirmation-search-wrap.no-confirmation-exists #confirmation-search-blank-state-info {
    border-color: #dd5050;
    border-bottom-color: #f0f0f0;
}

#confirmation-search-helpertext {
    display: none;
    background: #dd5050;
    padding: 4px 5px;
    border-radius: 0 0 6px 6px;
    font-size: 12px;
    line-height: normal;
    color: #ffffff;
    text-transform: initial;
    position: absolute;
    left: 0px;
    bottom: -18px;
    right: 0px;
    text-align: center;
}

#confirmation-search-wrap.no-confirmation-exists #confirmation-search-helpertext {
    display: block;
}

.ui-timepicker-wrapper {
    z-index: 999 !important;
    width: 169px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    margin-top: -1px;
    border: none;
    box-shadow: 0 0 0 0.5px rgba(49, 49, 93, .03),
    0 2px 5px 0 rgba(49, 49, 93, .1),
    0 1px 2px 0 rgba(0, 0, 0, .08);
    margin-left: 2px;
}
.ui-timepicker-wrapper.bm-setlength {
    width: 120px !important;
    margin-left: 1px !important;
    border-radius: 6px !important;
}

.ui-timepicker-wrapper.bm-settime {
    width: 80px !important;
    margin-top: 13px;
    border-radius: 6px;
    border-radius: 6px !important;
    animation-name: fade-in-zoom-down;
    animation-direction: normal;
    animation-fill-mode: forwards;
    animation-duration: .3s;
    animation-timing-function: cubic-bezier(0, 1.5, .5, 1);
}
.ui-timepicker-list li {
    width: 100%;
    display: block;
    color: #454b5a;
    padding: 6px 0 6px 10px;
}
.ui-timepicker-list li:hover {
    background: #f8f8f8;
    color: #454b5a;
}
.ui-timepicker-list .ui-timepicker-selected {
    background: #f8f8f8;
    color: #454b5a;
}
.ui-timepicker-list .ui-timepicker-selected:hover {
    background: #f8f8f8;
    color: #454b5a;
}
.bm-settime .ui-timepicker-list li.ui-timepicker-disabled {
    color: #ccc;
    font-style: italic;
}
.bm-settime .ui-timepicker-list li.ui-timepicker-disabled:after {
    content: " (Unavailable)";
}

.modal-inner .contract-badge {
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0px;
    padding: 1px 6px;
    border-radius: 6px;
    background-color: #f0f0f0;
    font-size: 12px !important;
    color: #24272f;
    font-family: 'inter_semibold','Helvetica Neue',Arial,Helvetica,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    float: right;
    line-height: 18px;
}
.modal-inner .contract-badge.pending-label {
    background-color: #FDF0D2;
    color: #24272f !important;
}
.modal-inner .form-control {
    box-shadow: none;
    outline: none;
    border-color: #eeeeee;
}

.modal-inner .invoice-basware-status-badge {
    margin-right: 5px;
    float: right;
}

/* turn chat into flex box */
#chattable tbody,
#chattable tbody tr {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: flex-start;
    width: 100%;
}
#chattable tbody>tr {
    flex-direction: row;
    padding-top: 15px;
    border-top: 1px solid #f1f1f1;
}
#chattable tbody>tr>td {
    width: auto;
}
#chattable tbody>tr>td.chattd:nth-child(1),
#chattable tbody>tr>td.chattd:nth-child(3) {
    width: 25px !important;
}
#chattable tbody>tr>td.chattd:nth-child(1) {
    margin-right: 10px;
}
#chattable tbody>tr>td.chattd:nth-child(3) {
    margin-left: 10px;
}
#chattable tbody>tr>td.chattd:nth-child(2) {
    flex-grow: 1;
}

/**
 * Booking modal error message
 */
#booking-modal-message {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 1);
    z-index: 1;
    text-align: center;
    border-radius: 4px;
    opacity: 0;
    pointer-events: none !important;
    transition: all 0.2s ease;
}
#booking-modal-message .card-notification-container {
    text-align: center;
    position: relative;
    top: 40%;
    transform: translateY(-50%);
    padding: 0 40px;
}

/* message on*/
.booking-message-on #booking-modal-message {
    opacity: 1;
}

.booking-message-on #roster-select {
    display: none !important;
}

#booking-modal-message .bm-message {
    font-size: 16px;
}

#booking-modal-message .bm-message-error {
    color: #dd5050;
    border-color: #dd5050;
    vertical-align: middle;
}

#booking-modal-message .bm-message .theicons {
    font-size: 20px;
    vertical-align: middle;
    position: relative;
    top: -1px;
}

/**
 * Booking modal notification message
 */
#booking-modal-notification {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 1);
    z-index: 1;
    text-align: center;
    border-radius: 4px;
    opacity: 0;
    pointer-events: none !important;
    transition: all 0.3s ease;
}
.bm-notifcation-container {
    text-align: center;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 40px;
}


/* message on*/
.booking-notification-on #booking-modal-notification {
    opacity: 1;
    pointer-events: all !important;
    z-index: 106;
}
.booking-notification-on #booking-modal-notification>div h4 {
    transform: translateY(0px);
}
.booking-notification-on #roster-select {
    display: none !important;
}
#booking-modal-notification-actions .standard-btn {
    margin-bottom: 10px;
}

/* dot menu icon */
.mz-icon-dots {
    background: url(./../../fonts/jn-ui-01.svg);
    display: inline-block;
    width: 16px;
    height: 16px;
}

/*bootstrap dropdown menu override */
.dropdown-menu li {
    display: block;
    background: #fff;
}
.dropdown-menu li.selected {
    background-color: #eee !important;
}
.dropdown-menu .theicons {
    position: absolute !important;
    font-size: 16px !important;
    top: 12px !important;
    left: 10px !important;
}
.dropdown-menu .fa {
    position: absolute !important;
    font-size: 16px !important;
    top: 14px !important;
    left: 10px !important;
}
.dropdown-menu li .has-icon .theicons {
    left: 15px !important;
    top: 12px !important;
}
.dropdown-menu li .has-icon {
    padding-left: 35px !important;
}
.dropdown-menu {
    border: none;
    -webkit-box-shadow: 0 0 0 0.5px rgba(49, 49, 93, .03),
    0 2px 5px 0 rgba(49, 49, 93, .1),
    0 1px 2px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 0 0 0.5px rgba(49, 49, 93, .03),
    0 2px 5px 0 rgba(49, 49, 93, .1),
    0 1px 2px 0 rgba(0, 0, 0, .08);
    margin: 0px;
    border-radius: 6px;
}
.dropdown-menu>li>a {
    padding: 5px 20px 3px 12px;
    color: #454b5a;
    /* letter-spacing: -0.01em; */
}
.dropdown-menu>li>a:focus {
    background-color: #f8f8f8;
}
.dropdown-menu .pull-right {
    min-width: 200px;
    padding: 6px 0px 6px 0px;
    border-radius: 3px;
}
#booking-modal-outer .btn {
    border-radius: 6px;
    box-shadow: 0 0 0 0.5px rgba(49, 49, 93, .03), 0 2px 5px 0 rgba(49, 49, 93, .1), 0 1px 2px 0 rgba(0, 0, 0, .08);
}
.dropdown-menu .dropdown-mini-header {
    text-align: center;
    font-size: 12px;
    color: #b1b4b4;
    padding: 5px 0px 5px 0px;
    border-bottom: 1px solid #f8f8f8;
    border-top: 1px solid #f8f8f8;
    margin-bottom: 10px;
}
.dropdown-menu .dropdown-mini-header:first-of-type {
    border-top: none;
}
.dropdown-menu.pull-right {
    /* min-width: 280px; */
}
.bmodal-footer .action-buttons {
    box-shadow: none;
    position: relative;
    display: block;
}
.bmodal-footer .action-buttons a {
    margin-left: 2px;
    margin-right: 2px;
    flex: 1;
}

#booking-modal-outer .standard-btn,
#event-modal-outer .standard-btn {
    width: 100%;
    float: right;
    margin-left: 10px;
}

#booking-modal-outer .bmodal-footer .standard-btn {
    width: auto;
}

#booking-modal-outer .bmodal-footer .action-btn .theicons, #send-booking .bmodal-footer .action-btn .theicons {
  float: right !important;
  position: relative;
  top: 2px;
  left: 3px;
  padding: 0px;
}

#booking-modal-outer .bmodal-footer .standard-btn .theicons {
    display: inline-block;
    float: left;
    font-size: 16px !important;
    top: 2px;
}

#booking-modal-outer .bmodal-footer .standard-btn .theicons.rotate-90 {
    padding: 0;
    margin-left: 5px;
}

#booking-modal-outer .bmodal-footer .standard-btn .theicons.rotate-270 {
    padding: 0;
    margin-right: 5px;
}

#booking-modal-outer .bmodal-footer .standard-btn img,
#booking-modal-outer .standard-btn img {
    width: 18px;
    vertical-align: middle;
    margin-right: 5px;
}

#booking-modal-outer .standard-btn.disabled-dark img,
#booking-modal-outer .standard-btn.disabled img {
    margin-right: 0 !important;
}

#booking-modal-outer .bmodal-footer .action-buttons-disabled .standard-btn {
    opacity: 0.5;
}

#booking-modal-outer .bmodal-footer .bmodal-footer-info {
    float: left;
    color: #b1b1b4;
    font-size: 12px;
}

#booking-modal-outer .bmodal-footer .bmodal-footer-info a {
    font-size: 12px;
}

#booking-modal-outer .bmodal-footer .bmodal-footer-info .theicons {
    font-size: 18px;
    vertical-align: middle;
    position: relative;
    bottom: 1px;
}

/* outline btn class for cancel button */

/* modelled on bootstrap .btn-danger */
.btn-danger {
    color:#fff;
    background-color:#C1595A;
    border-color:#C1595A;
}
.btn-danger:hover {
    color:#fff;
    background-color:#cc4743 !important;
    border-color:#cc4743 !important;
}
.btn-danger-outline {
    color:#C1595A;
    border-color:#C1595A;
    background-color:#fff;
}
.btn-danger-outline:hover {
    color:#fff;
    border-color:#C1595A;
    background-color:#C1595A !important;
}
.btn-success {
    color:#fff;
    background-color:#5fce9b;
    border-color:#5fce9b;
}
.btn-success:hover {
    color:#fff;
    background-color:#25b171;
    border-color:#25b171;
}
.btn-success-outline {
    color:#5fce9b;
    border-color:#5fce9b;
    background-color:#fff;
}
.btn-success-outline:hover {
    color:#fff;
    background-color:#5fce9b !important;
}
.btn-primary {
    color: #ffffff !important;
    background: #24272f !important;
    border-color: #24272f !important;
}
.btn-primary:hover {
    color:#fff !important;
    background-color:#454b5a !important;
    border-color:#454b5a !important;
}
.btn-primary-outline {
    color:#454b5a;
    background-color:#fff;
    border-color:#fff;
}
.btn-primary-outline:hover {
    color:#fff;
    background-color:#454b5a !important;
}
.btn-bright {
    color: #ffffff !important;
    background: #6495ed !important;
    border-color: #6495ed !important;
}
.btn-bright:hover {
    color:#fff !important;
    background-color:#5583d6 !important;
    border-color:#5583d6 !important;
}
.btn-bright-outline {
    color:#6495ed;
    background-color:#fff;
    border-color:#fff;
}
.btn-bright-outline:hover {
    color:#fff;
    background-color:#6495ed !important;
}

/*
* New layout updates
*/
#booking-modal-event-section {
    position: relative;
    display: inline-block;
    /* width: calc(100% - 350px); */
    width: 100%;
    margin-right: 50px;
    vertical-align: top;
}
#booking-modal-booking-section {
    position: relative;
}
#ajax-booking-modal-header {
    position: absolute;
    z-index: 15;
    width: 100%;
    left: 0;
    text-align: center;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
#booking-modal-footer-notification {
    float: left;
    max-width: calc(100% - 400px);
}
#booking-modal-footer-status-meta {
    display: inline-block;
    font-family: inter_regular,
    'Helvetica Neue',
    Arial,
    Helvetica,
    sans-serif;
    font-size: 12px;
    color: #aaaaaa;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#booking-modal-footer-status-save {
    display: inline-block;
    color: #454b5a;
    font-family: inter_semibold,
    'Helvetica Neue',
    Arial,
    Helvetica,
    sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    position: relative;
    top: 1px;
    margin-bottom: 2px;
}
#booking-modal-saver.modal-saver {
    color: #454b5a;
    font-family: inter_semibold,
    'Helvetica Neue',
    Arial,
    Helvetica,
    sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#booking-modal-status-text {
    font-size: 12px;
    color: #cccccc;
    line-height: 12px;
    font-family: inter_semibold,'Helvetica Neue',Arial,Helvetica,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    margin-right: 5px;
}

#booking-modal-status-text .theicons {
    font-size: 16px;
    vertical-align: middle;
    position: relative;
    top: -1px;
}

#booking-header-right {
    float: right;
    display: inline-block;
    padding-top: 5px;
}

.booking-modal-header-actions {
    float: right;
    margin-left: 0 !important;
    margin-right: 5px;
}

.booking-modal-header-actions .mzk-dropdown-actions {
    display: inline-block;
    margin-right: 0;
    vertical-align: middle;
}

.booking-modal-header-actions .dropdown-menu {
    top: 30px;
}

.modal-header-template-actions {
    display: inline-block;
    vertical-align: middle;
}

#booking-modal-status-badge {
    background: #e0e0e0;
    color: #24272f;
    padding: 3px 5px;
    line-height: 13px;
    border-radius: 6px;
    font-family: inter_semibold,'Helvetica Neue',Arial,Helvetica,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 12px;
    text-transform: capitalize;
    width: auto;
    text-align: center;
    cursor: default;
    margin-left: 5px;
    position: relative;
    top: -1px;
}
.modal-wrapper.pending-booking #booking-modal-status-badge,
#booking-modal-status-badge.booking-modal-status-pending {
    background: #e3edff;
    color: #6495ed;
    border: 1px solid #6495ed;
}
.modal-wrapper.hold-booking #booking-modal-status-badge,
#booking-modal-status-badge.booking-modal-status-hold {
    background: #fbeed1;
    color: #f49f21;
    border: 1px solid #f49f21;
}
.modal-wrapper.confirmed-booking #booking-modal-status-badge,
#booking-modal-status-badge.booking-modal-status-confirmed {
    background: #defff0;
    color: #5fce9b;
    border: 1px solid #5fce9b;
}
.modal-wrapper.paid-booking #booking-modal-status-badge,
#booking-modal-status-badge.booking-modal-status-paid {
    background: #defff0;
    color: #5fce9b;
    border: 1px solid #5fce9b;
}
.modal-wrapper.cancelled-booking #booking-modal-status-badge,
#booking-modal-status-badge.booking-modal-status-cancelled {
    background: #fde7e7;
    color: #dd5050;
    border: 1px solid #dd5050;
}
.modal-wrapper .modal-saver .mzkloader {
    display: block;
    float: right;
    vertical-align: middle;
    margin-left: 5px;
    position: relative;
    top: 2px;
    opacity: 0.85;
    width: 30px;
    height: 30px;
}
.modal-wrapper.draft-booking .modal-saver {
    color: #DCE0E1;
}
#booking-modal-header-tabs {
    position: absolute;
    right: 0;
    padding: 15px 10px;
    width: 100%;
    background: transparent;
    border-bottom: solid 1px #eee;
}
#booking-modal-header-tabs .dropdown-menu {
    top: 32px;
}
#booking-modal-header-tabs a,
.dropdown-menu li a {
    text-decoration: none !important;
    color: #24272f;
    margin-left: 10px;
    display: block;
    float: left;
    cursor: pointer;
    text-transform: none;
}
#booking-modal-header-tabs a:hover,
.dropdown-menu li a:hover {
  color: #556CCC !important;
}
#booking-modal-header-tabs a.red:hover,
.dropdown-menu li a.red:hover {
  color: #dd5050 !important
}
a.header-dropdown-button {
    background: #ffffff;
    padding: 2px 5px;
    margin-top: 3px;
    border-radius: 6px;
}
a.header-dropdown-button .mz-icon-dots {
    height: 16px;
    vertical-align: middle;
}
a.header-dropdown-button:hover {
    background: #f8f8f8;
}
#booking-modal-header-tabs a.booking-modal-header-tab {
    padding: 5px 10px;
    border-radius: 6px;
    position: relative;
    margin-left:  5px;
}
#booking-modal-header-tabs a.booking-modal-header-tab:hover {
    text-decoration: none !important;
    color: #556CCC;
    background: #f8f8f8;
}
.mzk-dropdown-actions .dropdown-menu>li>a {
    padding: 10px;
    border-radius: 6px;
    position: relative;
    padding-left: 34px;
    display: block;
}
.mzk-dropdown-actions .dropdown-menu>li>a.no-icon {
    padding-left: 20px;
}

.mzk-dropdown-actions .dropdown-menu>li>a .no-icon {
    margin-left: -22px;
}

.mzk-dropdown-actions .dropdown-menu li {
    margin: 5px 10px;
}
.mzk-dropdown-actions .dropdown-menu li:first-of-type {
    margin-top: 10px;
}
.mzk-dropdown-actions .dropdown-menu li:last-of-type {
    margin-bottom: 10px;
}
.dropdown-menu>li>a {
    float: none !important;
    margin: 0 !important;
}
.dropdown-menu .theicons {
    vertical-align: top;
}
.mzk-dropdown-actions .icon-common-06.rotate-90 {
    position: relative;
    top: 2px;
}

.mzk-dropdown-actions.open .icon-common-06.rotate-90 {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    display: inline-block;
    top: -2px;
}


#booking-modal-header-tabs .theicons {
    font-size: 18px;
    vertical-align: middle;
    position: relative;
    top: -2px;
    margin-right: 2px;
}
#booking-modal-header-tabs .count-bubble {
    font-size: 11px;
    display: inline-block;
    color: #ffffff;
    background: #313750;
    height: 15px;
    width: 15px;
    text-align: center;
    border-radius: 100%;
    text-shadow: none !important;
    position: absolute;
    top: 1px;
    right: -4px;
}
#booking-modal-header-tabs .booking-show-chat .count-bubble {
    background: #cd5c5c;
}
.mzk-dropdown-actions {
    margin-right: 5px;
    position: relative;
}
.dropdown-menu.pull-right {
    right: 5px;
    top: 40px;
}
.card-top-anchor {
    margin-right: 5px;
    display: inline-block;
    font-size: 16px;
    line-height: 16px;
    color: #ccc;
    vertical-align: middle;
}
.card-back-button {
    position: absolute;
    left: 10px;
    top: 6px;
    z-index: 2;
}
.card-title a:hover,
.card-title a:hover>.theicons,
.card-title a .theicons:hover {
    text-decoration: none !important;
    color: #556CCC !important;
}
#booking-modal-header-tabs .show-booking,
#booking-modal-header-tabs .show-booking:hover {
    color: #556CCC;
    background: #f8f8f8;
}
.chat-card-on #booking-modal-header-tabs .show-booking,
.notes-card-on #booking-modal-header-tabs .show-booking,
.attachments-card-on #booking-modal-header-tabs .show-booking,
.settlement-card-on #booking-modal-header-tabs .show-booking,
.collective-settlement-card-on #booking-modal-header-tabs .show-booking {
    color: #24272f;
    background: #fff;
}
.chat-card-on #booking-modal-header-tabs .show-booking:hover,
.notes-card-on #booking-modal-header-tabs .show-booking:hover,
.attachments-card-on #booking-modal-header-tabs .show-booking:hover,
.settlement-card-on #booking-modal-header-tabs .show-booking:hover,
.collective-settlement-card-on #booking-modal-header-tabs .show-booking:hover {
    color: #556CCC;
    background: #f8f8f8;
}
.chat-card-on #booking-modal-header-tabs .booking-show-chat,
.chat-card-on #booking-modal-header-tabs .booking-show-chat:hover {
    color: #556CCC;
    background: #f8f8f8;
}
.notes-card-on #booking-modal-header-tabs .booking-show-notes,
.notes-card-on #booking-modal-header-tabs .booking-show-notes:hover {
    color: #556CCC;
    background: #f8f8f8;
}
.attachments-card-on #booking-modal-header-tabs .show-attached-card,
.attachments-card-on #booking-modal-header-tabs .show-attached-card:hover {
    color: #556CCC;
    background: #f8f8f8;
}
.settlement-card-on #booking-modal-header-tabs .show-settlement,
.settlement-card-on #booking-modal-header-tabs .show-settlement:hover,
.collective-settlement-card-on #booking-modal-header-tabs .show-collective-settlement,
.collective-settlement-card-on #booking-modal-header-tabs .show-collective-settlement:hover {
    color: #556CCC;
    background: #f8f8f8;
}
.attachments-card-on #booking-modal-header-tabs .count-bubble {
    background: #556CCC;
}

.action-card-on #booking-modal-header-tabs {
    display: none;
}

.modal-inner .card-top a.close-card,
.modal-inner .card-top a.card-back-menu-secondary,
.modal-inner .card-top a.close-send {
    background: #ffffff;
    padding: 5px;
    line-height: 16px;
    display: inline-block;
    height: auto;
    margin-top: 3px;
    font-family: 'inter_semibold',
    'Helvetica Neue',
    Arial,
    Helvetica,
    sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    cursor: pointer;
    max-width: 380px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.modal-inner .card-top a.close-card:hover,
.modal-inner .card-top a.card-back-menu-secondary:hover,
.modal-inner .card-top a.close-send:hover {
    background: #f8f8f8;
    color: #556CCC !important;
}
.modal-inner .card-top a.close-card .theicons,
.modal-inner .card-top a.show-attached-card .theicons,
.modal-inner .card-top a.close-send .theicons {
    line-height: unset;
    vertical-align: middle;
    top: -2px;
}
.booking-offer-title-link {
    width: auto;
    position: absolute;
    right: 10px;
    top: 3px;
}
.event-summary-header {
    display: none;
}
.event-details-actions {
    margin-top: 10px;
    position:relative;
}
.event-title-edit-inline-input {
    display: none;
    padding: 0;
}
.event-title-edit-inline-input input {
    background: #ffffff;
    font-size: 35px !important;
    font-family: 'inter_semibold',
    'Helvetica Neue',
    Arial,
    Helvetica,
    sans-serif !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 34px;
    padding-left: 0;
    margin-top: -1px;
    width: 100%;
    border-radius: 6px;
    border: 1px solid #f0f0f0;
    padding: 6px 10px 3px 10px;
    position: relative;
    height: 54px;
}
.event-title-edit-inline-input input:focus,
.event-title-edit-inline-input input:hover {
    background: #f8f8f8;
    border: 2px solid #556CCA;
    padding: 5px 9px 2px 9px;
}
#event-details.update-event-title .event-title-edit-inline-input {
    display: block;
}
#event-details.update-event-title .event-title-static {
    display: none;
}
#single-date-datepicker {
    opacity: 0;
    position: absolute;
    cursor: pointer;
    width: 0;
    top: 0px;
    left: 0px;
    padding: 4px;
    left: -12px;
}
#event-date-static {
    position: relative;
}
#event-date-static-display-formatted {
    font-size: 14px;
    line-height: 10px;
    display: inline-block;
    position: relative;
    padding: 5px;
    margin-left: -5px;
    border-radius: 4px;
    white-space: nowrap;
}
#event-date-static-display-formatted:hover {
    background:#f8f8f8;
    cursor: pointer;
    border-color: #f8f8f8;
}
.modal-wrapper.event-edit-access-disabled #event-date-static-display-formatted,
.modal-wrapper.confirmed-booking #event-date-static-display-formatted,
.modal-wrapper.cancelled-booking #event-date-static-display-formatted {
    cursor: default;
    pointer-events: none;
}

#event-date-static-icon {
    display: inline-block;
    font-size: 20px;
    vertical-align: middle;
    height: 20px;
    position: relative;
    top: -3px;
    z-index: 1;
}
.modal-open .datepicker.active.booking-modal-datepicker-single,
.modal-open .datepicker.active.booking-modal-datepicker-multi {
    top: 50px;
}
.modal-open .datepicker.active.booking-modal-datepicker-inline-single,
.modal-open .datepicker.active.booking-modal-datepicker-inline-multi {
    top: 90px;
}
.modal-open .datepicker.active.booking-modal-datepicker-deposits {
    top: 0;
}
.booking-modal-datepicker .datepicker--pointer {
    display: none !important;
}
#edit-booking-with {
    cursor: pointer;
    font-size: 14px;
    position: absolute;
    right: 10px;
    top: 62px;
    opacity: 0;
    pointer-events: none;
    color: #cccccc;
    cursor: pointer;
}
#edit-booking-with:hover {
    color: #24272f;
}
#summary-account.editable:hover>.summary-account-info #edit-booking-with {
    opacity: 1;
    pointer-events: all;
}
#contact-list-dropdown li div {
    display: table-cell;
    vertical-align: middle;
}
.contact-list-dropdown-email {
    display: block;
    color: #cccccc;
    font-size: 14px;
    line-height: 20px;
    width: 100%;
}
.contact-list-dropdown-info {
    width: 100%;
    padding-left: 5px;
    display: inline-block !important;
}
.contact-list-dropdown-email {
    display: block;
    color: #cccccc;
    font-size: 14px;
    line-height: 20px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block !important;
}
.contact-list-dropdown-name {
    font-size: 14px;
    line-height: 14px;
    display: block !important;
    color: #454b5a;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.hide-static-datepicker {
    cursor: default;
    pointer-events: none;
}
.hide-static-datepicker input {
    cursor: default;
    pointer-events: none;
    opacity: 0;
}
.hide-static-datepicker-noaccess #event-date-static-display-formatted:hover {
    background: #fff;
    cursor: default;
    border-color: #fff;
}
#booking-modal-helper-notification {
    display: none;
    background: #fdf0d2;
    padding: 2px 5px;
    border-radius: 4px;
    font-size: 12px;
    line-height: normal;
    color: #454b5a;
    font-family: 'inter_semibold',
    'Helvetica Neue',
    Arial,
    Helvetica,
    sans-serif !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-transform: initial;
    position: absolute;
    left: 17px;
    top: 41px;
}
.changing-event #booking-modal-helper-notification {
    display: block;
}

.helper-notification-on #booking-modal-helper-notification {
    display: block;
}

.helper-notification-on #booking-modal-footer-status-meta {
    display: none;
}

#datepickers-container .datepicker-close,
#datepickers-container .datepicker-clear {
    margin: 5px 10px 10px 10px;
    box-shadow: none;
    width: auto;
}

#account-inputs-div {
    overflow: hidden;
}
#confirmation-search-field-wrapper {
    cursor: pointer;
    clear: none;
    display: block;
    width: 100%;
    border: none;
}
#confirmation-search-field-wrapper .summary-image {
    position: absolute;
    z-index: 1;
    display: none;
}
#search_input_holder {
    border: 1px solid #f0f0f0;
    border-radius: 6px 6px 0 0;
}
#search_input_holder:hover,
#search_input_holder:hover input {
    background: #f8f8f8;
}
#search_input_holder:hover #search_input_holder_inner {
    border-color: #f8f8f8;
}
#search_input_holder_inner {
    border: 1px solid #fff;
    border-radius: 6px 6px 0 0;
    padding: 10px 9px 5px 9px;
}
#search_input_holder.bm-item-focus,
#search_input_holder.bm-item-focus #search_input_holder_inner {
    border-color: #556CCA !important;
}
#booking_other_name {
    padding: 0;
    background: #fff;
    font-size: 14px;
    width: 100%;
    background: #fff;
    height: 18px;
    line-height: 18px;
}
#cancel-change-event {
    position: absolute;
    font-size: 16px;
    color: #cccccc;
    line-height: normal;
    right: 15px;
    top: 20px;
    display: none;
    cursor: pointer;
}
#cancel-change-event:hover {
    color: #24272f;
}
.changing-event #cancel-change-event {
    display: block;
}
#confirmation-for-user-placeholder {
    width: 100%;
    padding: 5px;
    border-radius: 6px 6px 0 0;
    line-height: 12px;
    border-radius: 4px;
    width: calc(100% + 5px);
    margin-left: -5px;
}

#confirmation-for-details {
    display: inline-block;
    vertical-align: top;
    width: calc(100%);
}
#confirmation-for-details.mzk-dropdown {
    cursor:pointer;
}
#confirmation-for-details.mzk-dropdown:hover {
    background: #f8f8f8;
}
#confirmation-for-details ul.mzk-dropdown-menu {
    width: calc(100% + 5px);
    max-height: 260px;
    overflow: auto;
    left: -5px;
    border-radius: 4;
    top: 24px;
}
#confirmation-for-details ul.mzk-dropdown-menu {
    width: calc(100% + 5px);
}
#confirmation-for-user-name,
#confirmation-for-user-name-placeholder {
    color: #b1b1b4;
    font-size: 14px;
    line-height: 14px;
    display: inline-block;
    max-width: 100%;
    position: relative;
    vertical-align: middle;
}
#roster-select-button.has-roster #confirmation-for-user-name {
    max-width: calc(100% - 15px);
}
#confirmation-for-identity {
    position: relative;
}
#confirmation-for-identity-details {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
}
#confirmation-for-identity-name {
    margin-bottom: 0;
    color: #b1b1b4;
    line-height: 14px;
    padding: 5px 20px 5px 5px;
    border-radius: 4px;
    width: calc(100% + 5px);
    margin-left: -5px;
}
.mzk-dropdown #confirmation-for-identity-name:hover {
    background: #ffffff;
    cursor: pointer;
}
#confirmation-for-identity-email {
    color: #b1b1b4;
    width: auto;
    line-height: 14px;
    padding: 5px 20px 0 5px;
    border-radius: 4px;
    max-width: calc(100% + 5px);
    margin-left: -5px;
    display: block;
}

#confirmation-for-identity-email .theicons {
    vertical-align: middle;
    display: none;
    position: absolute;
    padding-left: 5px;
    padding-top: 1px
}

#confirmation-for-identity-phone {
    color: #b1b1b4;
    width: auto;
    line-height: 14px;
    padding: 5px 20px 0 5px;
    border-radius: 4px;
    max-width: calc(100% + 5px);
    margin-left: -5px;
    display: block;
    margin-top: 4px;
}

#confirmation-for-identity-phone .theicons {
    vertical-align: middle;
    display: none;
    position: absolute;
    padding-left: 5px;
    padding-top: 1px
}

#confirmation-for-identity-emai:hover {
    color: #556CCC !important;
}

#confirmation-for-identity-emai:hover .theicons {
    display: inline-block !important;
}

#ajax-confirmation-for {
    position: absolute;
    top: 81px;
    width: 100%;
}

#confirmation-for-wrap .confirmation-summary-header,
#confirmation-search-wrap .confirmation-summary-header,
#confirmation-summary-wrap .confirmation-summary-header {
    pointer-events: none;
    display: none;
}

#confirmation-search-icon {
    display: inline-block;
    float: left;
    position: absolute;
    z-index: 1;
    left: 10px;
    top: 10px;
    pointer-events: none;
    display: none;
}
#confirmation-search-icon-default {
    background: #f8f8f8;
    width: 30px;
    height: 30px;
    border-radius: 100%;
}
#confirmation-search-identity-wrapper {
    display: block;
    width: 100%;
    margin-right: 350px;
    padding: 11px 10px;
    border: 1px solid #f0f0f0;
    border-top: none;
    border-radius: 0 0 6px 6px;
    display: none;
}
#confirmation-summary-wrap #confirmation-search-identity-wrapper {
    top: 57px;
}
#confirmation-search-blank-state-info-icon {
    display: inline-block;
    width: 24px;
    vertical-align: middle;
    margin-right: 5px;
    left: 20px;
    top: 27px;
}
#confirmation-search-blank-state-info {
    margin-top: 0px;
    padding: 42px 20px;
    background: #fff;
    border-radius: 0 0 6px 6px;
    position: relative;
    border: 1px solid #f0f0f0;
    border-top: none;
    text-align: center;
}
#confirmation-summary-wrap #confirmation-search-blank-state-info {
    top: 57px;
}
#confirmation-search-card {
    padding-top: 0;
    position: relative;
    margin-top: 20px;
}
#confirmation-search-identitiy-details {
    display: block;
}
#confirmation-search-identitiy-name {
    font-size: 12px;
    line-height: 12px;
    color: #e0e0e0;
    font-family: 'inter_semibold',
    'Helvetica Neue',
    Arial,
    Helvetica,
    sans-serif !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #f8f8f8;
    padding-right: 100px;
    margin-bottom: 6px;
    margin-top: 7px;
    height: 13px;
    width: 100px;
}
#confirmation-search-identitiy-email {
    font-size: 12px;
    line-height: 12px;
    color: #e0e0e0;
    font-family: 'inter_semibold',
    'Helvetica Neue',
    Arial,
    Helvetica,
    sans-serif !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-right: 100px;
    background: #f8f8f8;
    height: 13px;
    margin-bottom: 6px;
    width: 140px;
}
#confirmation-search-identitiy-phone {
    font-size: 12px;
    line-height: 12px;
    color: #e0e0e0;
    font-family: 'inter_semibold',
    'Helvetica Neue',
    Arial,
    Helvetica,
    sans-serif !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-right: 100px;
    background: #f8f8f8;
    height: 13px;
    margin-bottom: 5px;
    width: 140px;
}
.card .booking-resend .card-notification-container {
    transform: none;
    top: 0;
    margin-top: 0;
}

.booking-resend .card-notification-container-message {
    margin-bottom: 40px;
}

.booking-resend,
#booking-resend {
    bottom: 0 !important;
}
#event-modal-outer .booking-resend {
    top: 90px !important;
}

.booking-resend .modal-box,
#booking-resend .modal-box {
    padding: 0px;
    max-width: 550px;
    width: 100%;
    margin: auto;
    float: none;
    text-align: center;
    margin-bottom: 40px;
}
.booking-resend h4,
#booking-resend h4 {
    font-family: 'inter_semibold',
    'Helvetica Neue',
    Arial,
    Helvetica,
    sans-serif !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #24272f;
}
.resend-booking-list {
    text-align: left;
    max-width: 400px;
    width: 100%;
    margin: auto;
}

#booking-resend .resend-booking-list {
    margin: 0;
}

.resend-booking {
    margin-bottom: 10px;
    position: relative;
}
.resend-booking .mzk-checkbox {
    position: absolute;
    left: -30px;
    top: 9px;
}
.resend-booking-list .booking-badge-icon {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    margin-right: 5px;
    display: inline-block;
    box-shadow: 0 0 0 0.5px rgba(49, 49, 93, .03),
    0 2px 5px 0 rgba(49, 49, 93, .1),
    0 1px 2px 0 rgba(0, 0, 0, .08);
    vertical-align: middle;
}
.resend-booking-list .booking-badge-icon img {
    width: 30px;
    height: 30px;
    border-radius: 100%;
}
.resend-booking-list .booking-to {
    margin-right: 10px;
    vertical-align: middle;
    display: inline-block;
    width: 260px;
    font-family: 'inter_semibold',
    'Helvetica Neue',
    Arial,
    Helvetica,
    sans-serif !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.resend-booking-list .booking-settime {
    color: #ccc;
    font-size: 12px;
    line-height: 14px;
    position: relative;
    top: -2px;
    font-family: 'inter_semibold','Helvetica Neue',Arial,Helvetica,sans-serif !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.resend-booking-list .start-time {
    line-height: 30px;
    position: absolute;
    right: 80px;
    font-size: 13px;
    opacity: .5;
}
.resend-booking-list .booking-status-badge {
    display: inline-block;
    float: right;
    vertical-align: middle;
    margin-top: 7px;
    width: 70px;
    text-align: center;
}
.booking-resend textarea,
#booking-resend textarea,
.card .card-body.booking-resend textarea:not(.textchat-grey) {
    display: block;
    float: left;
    width: 100%;
    border: none;
    padding: 15px;
    border-radius: 3px;
    min-height: 100px;
    background: none;
    border: solid 1px #dddddd;
    margin: 0 0 20px 0;
}
.booking-resend .bmodal-footer.bottom-textarea,
#booking-resend .bmodal-footer.bottom-textarea {
    height: 165px;
}
.resend-booking-bottom .standard-btn {
    margin-left: 10px;
    margin-bottom: 10px;
}
.resend-booking-bottom .standard-btn .theicons {
    display: inline-block;
    float: unset;
    margin-left: 5px;
    position: relative;
    height: unset;
}
.booking-resend .modal-box.resend-booking-bottom,
#booking-resend .modal-box.resend-booking-bottom {
    max-width: 400px;
}
#ajax-resend .modal-scroller {
    bottom: 0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.standard-btn.change-event-date-cancel-btn .theicons {
    display: inline-block;
    float: none;
}

/* permissions */
.permissions-booking-actions-disabled #multi-booking-select-button,
.permissions-booking-actions-disabled #multi-booking-background.has-multi-booking {
    pointer-events: none !important;
    cursor: default !important;
    background: transparent;
}


/* new multi date */
#multi-date-datepicker {
    display: none;
}

#multi-date-options {
    padding-left: 40px;
    max-width: 410px;
}

#multi-date-options-heading {
    margin-bottom: 20px;
    color: #b1b1b4;
    font-family: 'inter_semibold', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#multi-date-options .mzk-form-styles .form-field input {
    height: 34px;
    line-height: 34px;
    display: inline-block;
    width: auto;
    vertical-align: middle;
    background-color: #fff;
}

#multi-date-options .mzk-form-styles .form-field input[type="text"] {
    box-shadow: 0 0 0 0.5px rgba(49, 49, 93, .03), 0 2px 5px 0 rgba(49, 49, 93, .1), 0 1px 2px 0 rgba(0, 0, 0, .08);
    border: none;
    padding-left: 10px;
    font-family: 'inter_semibold', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#multi-date-options .mzk-form-styles .form-field input[type="text"]:hover {
    border-color: #c2c2c2 !important;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

#multi-date-options .mzk-form-styles .form-field .styled-select {
    display: inline-block;
    vertical-align: top;
    height: 34px;
}

#multi-date-options .mzk-form-styles .form-field .styled-select select {
    height: 34px;
    vertical-align: top;
}

#multi-date-options .mzk-form-styles .form-field.form-field-inline {
    width: auto;
    display: inline-block;
}

#multi-date-options #md-every {
    display: inline-block;
    width: 40px;
    margin-right: 5px;
}

#multi-date-options #md-unit-select {
    width: 100px;
}

#multi-date-options #md-start {
    display: inline-block;
    width: 105px;
    margin-right: 5px;
}

#multi-date-options #md-until {
    width: 105px;
}

#multi-date-options #md-end_condition-select {
    width: 100px;
    margin-right: 5px;
}

#multi-date-options #md-rfor {
    display: inline-block;
    width: 100px;
    margin-right: 5px;
    padding-right: 55px;
}

#multi-date-options #md-nth-select {
    width: 100px;
    margin-right: 5px;
}

#multi-date-options #md-occurrence_of-select {
    width: 120px;
}

#multi-date-options .mzk-checkbox {
    margin-bottom: 5px;
    margin-right: 5px;
}

#multi-date-dates .datepicker--nav-title {
    font-size: 20px;
    padding: 8px 8px;
}

#md-for_span {
    position: relative;
}

#multi-date-options-switch {
    margin-bottom: 10px;
}

#multi-date-options-switch label {
    color: #b1b1b4;
    font-family: 'inter_semibold', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#multi-date-options-select {
    width: 145px;
}

#multi-date-error {
    text-align: center;
}

#multi-date-postlabel {
    position: absolute;
    left: 50px;
    top: 0px;
    color: #c1c1c1;
}

#multi-date-custom-list {
    display: none;
    max-height: 290px;
    overflow: auto;
}

#multi-date-custom-list .recurring-event-custom-list-date {
    color: #b1b1b4;
    margin-bottom: 2px;
}

#multi-date-description {
    min-height: 40px;
    display: none;
}

#multi-date-description-text {
    color: #b1b1b4;
    margin-bottom: 10px;
}

#multi-date-description-loading {
    display: none;
    color: #b1b1b4;
    font-family: 'inter_semibold', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#multi-date-description-loading img {
    width: 20px;
    margin-right: 5px;
}

#multi-date-custom-total {
    display: none;
    font-family: 'inter_semibold', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: 5px;
}

#multi-date-total {
    font-family: 'inter_semibold', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: 5px;
    color: #454b5a;
}

.booking-modal-datepicker-inline-multi {
    width: 350px !important;
}

#multi-date-datepicker-container {
    height: 420px !important;
}

.booking-modal-datepicker-inline-multi .datepicker--cell,
.booking-modal-datepicker-inline-multi .datepicker--cell {
    height: 48px;
}

.datepicker.booking-modal-datepicker-inline-multi {
    box-shadow: 0 0 0 0.5px rgba(49, 49, 93, .03), 0 2px 5px 0 rgba(49, 49, 93, .1), 0 1px 2px 0 rgba(0, 0, 0, .08) !important;
    border: none !important;
}

.datepicker.booking-modal-datepicker-inline-multi .datepicker--pointer {
    display: none !important;
}


.multi-date-custom-on #multi-date-custom-list {
    display: block;
}

.multi-date-custom-on #multi-date-info {
    opacity: 0.3;
    pointer-events: none;
    display: none;
}

.multi-date-custom-on #multi-date-custom-total {
    display: block;
    color: #454b5a;
}


.bm-tooltip {
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
    line-height: 22px;
    margin-top: -3px;
}

.bm-tooltip .icon-ui-25 {
    font-size: 18px;
    color: #b1b1b4;
    vertical-align: middle;
    opacity: 0.5;
    line-height: 22px;
}

.bm-tooltip .icon-ui-25:hover {
    opacity: 1;
}

/*
* text dealterms
*/
#ajax-text-dealterms .text-dealterms-section-item-name {
    position: relative;
}

#ajax-text-dealterms .text-dealterms-section-title {
    color: #24272f;
    font-size: 18px;
    line-height: 18px;
    font-family: 'inter_semibold','Helvetica Neue',Arial,Helvetica,sans-serif !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: 0;
    padding: 2px 10px;
    width: 100%;
    border-radius: 6px;
    border: 1px solid #ffffff;
    background: #ffffff;
}

#ajax-text-dealterms .text-dealterms-section-title:focus {
    border-color: #556CCA !important;
}

#ajax-text-dealterms .text-dealterms-section-header {
    margin-bottom: 5px;
    position: relative;
}

#ajax-text-dealterms .text-dealterms-section-title-border {
    border: 1px solid #ffffff;
    border-radius: 6px;
}

#ajax-text-dealterms .text-dealterms-section-title-border:hover {
    border-color: #f0f0f0;
}
#ajax-text-dealterms .text-dealterms-section-title-border:hover input,
#ajax-text-dealterms .text-dealterms-section-title-border:hover input:focus {
    background: #f8f8f8;
    border-color: #f8f8f8;
}

#ajax-text-dealterms .text-dealterms-section-title-border.bm-item-focus {
    border-color: #556CCA !important;
}


#ajax-text-dealterms .text-dealterms-section-item-name input {
    background: #fff;
    font-family: 'inter_semibold','Helvetica Neue',Arial,Helvetica,sans-serif !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#ajax-text-dealterms .text-dealterms-section-item {

}

#ajax-text-dealterms .text-dealterms-section-item:last-of-type {
    margin-bottom: 0;
}

#ajax-text-dealterms .text-dealterms-section-item textarea {
    resize: none;
    line-height: 20px;
    height: 20px;
    border: none;
    border-radius: 0 0 6px 6px;
    padding: 0;
}

#ajax-text-dealterms .text-dealterms-section-item-delete {
    position: absolute;
    top: -1px;
    right: -15px;
    font-size: 16px;
    color: #e0e0e0;
    cursor: pointer;
    display: none;
}

#ajax-text-dealterms .text-dealterms-section-delete {
    position: absolute;
    top: 5px;
    right: 7px;
    font-size: 16px;
    color: #e0e0e0;
    cursor: pointer;
    display: none;
}

#ajax-text-dealterms .text-dealterms-section-item:hover .text-dealterms-section-item-delete,
#ajax-text-dealterms .text-dealterms-section-header:hover .text-dealterms-section-delete {
    display: block;
}

#ajax-text-dealterms .text-dealterms-section-item-delete:hover,
#ajax-text-dealterms .text-dealterms-section-delete:hover {
    color: #de7878;
    display: block;
}

.text-dealterms-section-item:nth-child(2) .text-dealterms-section-item-delete,
.modal-wrapper.settlement-approved-booking .text-dealterms-section-item-delete,
.modal-wrapper.readonly-offer .text-dealterms-section-item-delete {
    display: none !important;
}

/* .text-dealterms-section:nth-child(2) .text-dealterms-section-delete,
.modal-wrapper.settlement-approved-booking .text-dealterms-section-delete,
.modal-wrapper.readonly-offer .text-dealterms-section-delete {
    display: none !important;
} */

#ajax-text-dealterms #text-dealterms-ajax-inner {
    position: relative;
    clear: both;
    margin-bottom: 150px;
    display: flow-root;
}

#text-dealterms-ajax-inner.empty-text-terms .text-dealterms-section {
    display: none;
}
#text-dealterms-ajax-inner.empty-text-terms .show-text-dealterms,
#text-dealterms-ajax-inner.empty-text-terms .show-text-dealterms-disabled {
    display: block !important;
}

.booking-no-text-dealterms .show-text-dealterms {
    display: block;
}
.booking-has-text-dealterms .show-text-dealterms {
    display: none;
}

#booking-dealterm-load-template {
    display: inline-block;
    margin-top: 3px;
    margin-right: 5px;
}

/* .load-dealterm-template-item {
    display:none !important;
} */

.modal-wrapper.settlement-approved-booking .load-dealterm-template-item,
.modal-wrapper.settlement-approved-booking .load-dealterm-template-item,
.modal-wrapper.settlement-approved-booking #booking-dealterm-load-template .bs-searchbox {
    display:none !important;
}

#booking-dealterm-load-template .filter-option {
    width: 18px;
    height: 18px;
    position: relative;
    padding: 0;
    box-sizing: content-box;
}

#booking-dealterm-load-template #load-template-icon {
    position: absolute;
    left: 0;
    top: 0;
    padding: 4px 6px;
    background: #fff;
    border-radius: 6px;
}

#booking-dealterm-load-template #load-template-icon-disabled {
    padding: 4px 6px;
    background: #fff;
    border-radius: 6px;
    opacity: 0.7;
    position: relative;
    top: -1px;
}

#booking-dealterm-load-template #load-template-icon-upgrade {
    padding: 2px 6px;
    background: #fff;
    border-radius: 6px;
    position: relative;
}

#booking-dealterm-load-template #load-template-icon:hover {
    background: #f8f8f8;
}

#booking-dealterm-load-template #load-template-icon.disabled {
    position: relative;
    opacity: 1 !important;
    color: #24272f !important;
    top: 1px;  
}

#booking-dealterm-load-template .styled-select {
    height: auto;
    box-shadow: none;
    -webkit-box-shadow: none;
    min-width: unset;
    min-width: 90px;
    line-height: 14px;
    max-width: 400px;
}

#booking-dealterm-load-template .dropdown-menu {
    min-width: 200px;
}

#booking-dealterm-load-template .dropdown-menu.open {
    top: 30px;
    left: unset;
    right: 0;
}

#booking-dealterm-load-template .dropdown-menu.open,
#booking-dealterm-load-template .dropdown-menu .inner {
    min-height: auto !important;
}

#booking-dealterm-load-template .styled-select.disabled {
    opacity: 1 !important;
}

#booking-dealterm-load-template .styled-select .bootstrap-select {
    height: auto;
    position: relative;
    z-index: 1;
    background: transparent;
}

#booking-dealterm-load-template .styled-select:hover #load-template-icon {
    background: #f8f8f8;
}

#booking-dealterm-load-template .styled-select .bootstrap-select .btn {
    border-radius: 6px;
    box-shadow: none;
    height: auto;
    padding: 3px 4px;
    font-size: 12px;
    cursor: pointer;
    text-decoration: none;
    background: transparent;
}

#booking-dealterm-load-template .styled-select .bootstrap-select .btn:hover {
    background: transparent;
}

#booking-dealterm-load-template .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    font-size: 12px;
    color: #556CCC;
    display: none;
}

#booking-dealterm-load-template .styled-select .bootstrap-select .btn:hover .filter-option-inner-inner {
    color: #23527c;
}

#booking-dealterm-load-template .bootstrap-select .dropdown-toggle .caret {
    display: none;
}

#booking-dealterm-load-template .bootstrap-select .dropdown-toggle .filter-option {
    line-height: unset;
    padding-right: 0 !important;
}

.card-notification-container-description .dealterms-text-section {
    margin-top: 20px;
}

.card-notification-container-description .dealterms-text-section-items .dealterms-text-row {
    margin-top: 5px;
}

.card-notification-container-description .dealterms-text-item-name {
    font-family: 'inter_semibold','Helvetica Neue',Arial,Helvetica,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.save-dealterm-template-to-contact-checkbox {
    float: left;
}
.save-dealterm-template-to-contact-label {
    margin-left: 10px;
}

#booking-dealterm-load-template .styled-select .dropdown-menu>li>a {
    padding-right: 30px;
}

#booking-dealterm-load-template .dropdown-menu .theicons.delete-dealterm-template {
    position: relative;
    right: 7px !important;
    left: unset !important;
    color: #d1d1d4;
    display: none;
    cursor: pointer;
    z-index: 1;
}

#booking-dealterm-load-template .styled-select .bootstrap-select .dropdown-menu li:hover .theicons.delete-dealterm-template {
    display: block;
}

#booking-dealterm-load-template .dropdown-menu .theicons.delete-dealterm-template:hover {
    color: #dd5050;
}

#booking-dealterm-load-template .filter-option-inner-inner .delete-dealterm-template {
    display: none !important;
}

.confirmation-for-contact-name {
    vertical-align: middle;
    display: inline-block;
    max-width: calc(100% - 40px);
    line-height: 14px;
}

.confirmation-for-contact-email {
    display: block;
    color: #ccc;
    font-size: 14px;
    line-height: 16px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block !important;
}


#confirmation-for-details ul.mzk-dropdown-menu li.no-icon {
    padding-left: 5px;
}


/* Multi Date */
#multi-date-edit {
    vertical-align: middle;
    font-size: 14px;
    padding: 3px 6px;
    border-radius: 6px;
    background: #fff;
    cursor: pointer;
    opacity: 0.7;
    float: right;
    margin-right: 5px;
    margin-top: 2px;
    position: relative;
}

#multi-date-edit.bm-view-multi-date {
    opacity: 1;
}

#multi-date-edit.bm-view-multi-date:hover {
    background: #f8f8f8;
}

#multi-date-edit.bm-view-multi-date.multi-date-edit-disabled {
    pointer-events: none !important;
}

#multi-date-edit .theicons {
    vertical-align: middle;
    font-size: 16px;
    position: absolute;
    top: unset;
    margin-top: 2px;
    margin-right: 2px;
}

 .theicons+.link-text {
    vertical-align: middle;
}

#multi-date-edit .theicons+.link-text {
    vertical-align: middle;
    padding-left: 19px;
}

.multi-date-event-item-search {
    border-radius: 6px;
    padding: 10px 20px;
    background: #fff;
    cursor: pointer;
    border: 2px solid #f0f0f0;
    margin-bottom: 10px;
    position: relative;
}

.multi-date-event-item-search:hover {
    background-color: #f8f8f8;
    border-color: #556CCC;
}

.multi-date-event-item-search-selected {
    background-color: #f8f8f8;
    border-color: #556CCC;
}

.multi-date-event-anchor {
    border-radius: 6px;
    padding: 10px 20px;
    background: #fdf0d2;
    border: 2px solid #fdf0d2;
    position: relative;
}

.multi-date-event-anchor .theicons {
    position: absolute;
    right: 12px;
    top: 11px;
    font-size: 18px;
}

.multi-date-event-selected {
    margin-top:10px;
    border-radius: 6px;
    padding: 10px 20px;
    background: #f8f8f8;
    border: 2px solid #f8f8f8;
    position: relative;
}

.multi-date-events-none {
    margin-top:10px;
    border-radius: 6px;
    padding: 10px 20px;
    background: #f8f8f8;
    border: 2px solid #f8f8f8;
    position: relative;
}

.multi-date-event-item-hide {
    display: none;
}

.multi-date-item-event-title {
    display: inline-block;
    vertical-align: middle;
    font-family: inter_semibold, 'Helvetica Neue', Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.multi-date-item-event-date {
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
    width: 200px;
    white-space: nowrap;
}

.multi-date-item-event-time {
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
}

.multi-date-item-selected-check {
    position: absolute;
    right: 10px;
    top: 9px;
    font-size: 20px;
    color: #b1b1b4;
    display: none;
}

.multi-date-event-selected .multi-date-item-selected-check {
    display: block;
    color: #62ca9a;
}

.multi-date-event-item-search-selected .multi-date-item-selected-check {
    display: block;
    color: #62ca9a;
}

.multi-date-event-item-search:hover .multi-date-item-selected-check  {
    display: block;
}

.multi-date-item-selected-remove {
    position: absolute;
    z-index: 1;
    top: 11px;
    right: -30px;
    width: 30px;
    font-size: 18px;
    color: #d1d1d4;
    cursor: pointer;
    text-align: right;
    display: none;
}

.multi-date-item-selected-remove:hover {
    color: #24272f;
    display: block;
}

.multi-date-event-selected:hover .multi-date-item-selected-remove {
    display: block;
}

.multi-date-event-selected {
    margin-top: 10px;
    border-radius: 6px;
    padding: 10px 20px;
    background: #f8f8f8;
    border: 2px solid #f8f8f8;
    position: relative;
}

.multi-date-event-selected::after {
    content: '';
    position: absolute;
    top: 0;
    right: -40px; /* Adjust this value as needed */
    width: 40px; /* Adjust this value as needed */
    height: 100%;
    background: transparent;
}

.multi-date-event-selected:hover .multi-date-item-selected-remove,
.multi-date-event-selected:hover::after {
    display: block;
}

#multi-date-event-search-list {
    margin-top: 20px;
}

#multi-date-search.form-field {
    width: 100% !important;
    position: relative;
    margin-bottom: 20px;
}

#multi-date-search .multi-date-search-icon {
    position: absolute;
    font-size: 18px;
    color: #d1d1d4;
    top: 10px;
    left: 10px;
}

#multi-date-search .multi-date-search-clear {
    position: absolute;
    font-size: 18px;
    color: #d1d1d4;
    top: 11px;
    right: 10px;
    display: none;
    cursor: pointer;
}

#multi-date-search.form-field input {
    padding-left: 30px;
    border-color: #f0f0f0 !important;
}

#multi-date-search.form-field input:hover {
    border-color: #e0e0e0 !important;
}

.multi-date-event-search-active #multi-date-search .multi-date-search-clear {
    display: block;
}

#ajax-multi-date-edit .bmodal-footer {
    display: block;
}

.multi-date-events-summary-event-title {
    display: inline-block;
    vertical-align:middle;
    max-width: calc(100% - 200px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.multi-date-events-summary-event-date {
    margin-left: 5px;
    display: inline-block;
    vertical-align:middle;
    cursor: default;
}

.multi-date-events-summary-heading {
    font-family: inter_semibold,'Helvetica Neue',Arial,Helvetica,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.booking-modal-section-notification {
    padding: 20px;
    background: #f8f8f8;
    border-radius: 6px;
    margin-bottom: 40px;
}

.cc-email-ids {
    float: left;
    margin-right: 5px;
    padding-right: 10px;
    background: #f0f0f0;
    padding: 2px 10px;
    border-radius: 5px;
    margin-top: 3px;
    cursor: default;
    position: relative;
}

.cc-remove-email {
    display: block;
    float: right;
    text-align: center;
    cursor: pointer;
    margin-left: 5px;
    height: 15px;
    padding-top: 1px;
    color: #b1b1b4;
}

.cc-remove-email:hover {
    color: #24272f;
}

.emailcc-input {
    display: inline-block;
    position: relative;
    top: 2px;
    left: 10px;
    right: 10px;
    margin-top: 0;
    margin-bottom: 7px;
    width: calc(100% - 20px);
    cursor: text;
}

.all-cc-emails {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.emailcc-input-container {
    display: inline-block;
    /* width: calc(100% - 50px); */
    width: 100%;
    position: relative;
}

#send-preview .emailcc-input-container {
    width: calc(100% - 50px);
}

.bmessage-cc-recipient {
    margin-right: 5px;
}

#booking-sending-to-text {
    font-size: 12px;
    color: #b1b1b4;
    float: left;
    font-family: inter_semibold,'Helvetica Neue',Arial,Helvetica,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-top:15px;
}

#booking-sending-to-text  .bmessage-cc-recipient-item {
    font-family: 'inter_regular', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: initial;
    -moz-osx-font-smoothing: initial;
}

#booking-sending-to-text .bmessage-cc-recipient-item-prefix {
    display: none;
    font-family: inter_semibold,'Helvetica Neue',Arial,Helvetica,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#booking-sending-to-text .bm-tooltip {
    position: relative;
    top: -4px;
    margin-left: 5px;
}

#booking-sending-to-text .bm-tooltip .bmessage-cc-recipient-item-prefix {
    display: inline-block;
}

#booking-sending-to-text .bm-tooltip .bmessage-cc-recipient-item {
    display: block;
}

#booking-sending-to-text .tippy-content {
    min-width: 300px;
    width: max-content;
}

.email-suggest-cc {
    display: flex;
    flex-grow: 1;
    position: relative;
    float: left;
}

.suggest-cc-identity {
    display: none;
    position: absolute;
    left: 0;
    top: 30px;
    z-index: 1;
    background-color: white;
    padding: 10px;
    max-height: 160px;
    overflow-y: auto;
    border-radius: 6px;
    padding: 10px;
    box-shadow: 0 0 0 0.5px rgb(49 49 93 / 3%), 0 2px 5px 0 rgb(49 49 93 / 10%), 0 1px 2px 0 rgb(0 0 0 / 8%);
    animation-name: fade-in-zoom-down;
    animation-direction: normal;
    animation-fill-mode: forwards;
    animation-duration: .3s;
    animation-timing-function: cubic-bezier(0, 1.5, .5, 1);
}

.suggest-cc-identity-item {
    display: block;
    padding: 10px;
    margin-bottom: 5px;
    width: 100%;
    color: #24272f;
    cursor: pointer;
    position: relative;
    border-radius: 6px;
}

.suggest-cc-identity-item:hover {
   background-color: #f8f8f8;
}

.suggest-cc-identity-item-icon {
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    margin-right: 10px;
    vertical-align: middle;
}

.suggest-cc-identity-item-icon img {
    width: 100%;
    border-radius: 100%;
}

.suggest-cc-identity-item-name {
    vertical-align: middle;
    display: inline-block;
    max-width: 300px;
}

.cc-email-identity-icon {
    position: absolute;
    width: 16px;
    border-radius: 100%;
    top: 0;
}

.cc-email-identity-icon img {
    width: 100%;
    border-radius: 100%;
}

.cc-email-identity-name {
    padding-left: 20px;
}

.booking-contacts-item {
    padding: 10px;
    border-radius: 6px;
    margin-bottom: 10px;
    position: relative;
    background:#f8f8f8;
}

.booking-contacts-item-main {
    background: #fdf0d2;
}

.booking-contacts-identity-icon {
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    border-radius: 100%;
    position: absolute;
    top: 8px;
}

.booking-contacts-identity img {
    width: 100%;
    border-radius: 100%;
}

.booking-contacts-identity-name {
    display: inline-block;
    vertical-align: middle;
    padding-left: 35px;
}

.booking-contacts-identity-icon .theicons {
    font-size: 20px;
    position: relative;
    left: 2px;
    top: 3px;
}

.booking-contacts-list {
    margin: 20px 0 0 0;
}

.booking-contacts-remove {
    display: none;
    float: right;
    text-align: center;
    cursor: pointer;
    height: 15px;
    padding-top: 1px;
    padding-right: 0px;
    color: #b1b1b4;
}

.booking-contacts-item:hover .booking-contacts-remove {
    display: block;
}

.booking-contacts-remove:hover {
    color: #24272f;
}

.booking-contacts-main-icon {
    position: absolute;
    right: 30px;
    top: 11px;
    font-size: 14px;
}

.booking-contacts-main-icon .theicons {
    font-size: 18px;
    position: absolute;
    right: -25px;
}

.booking-contacts-search-item .form-field {
    width: 100% !important;
    position: relative;
    margin-bottom: 0;
}

.booking-contacts-search-item .form-field input {
    padding-left: 15px;
    border: none !important;
}

.booking-contacts-search-item .booking-contacts-search-icon {
    position: absolute;
    font-size: 18px;
    color: #d1d1d4;
    top: 10px;
    left: 14px;
}

.booking-contacts-search-item .booking-contacts-search-clear {
    position: absolute;
    font-size: 18px;
    color: #d1d1d4;
    top: 11px;
    right: 10px;
    display: none;
    cursor: pointer;
}

.booking-contacts-search-item {
    border: 1px solid #fff;
    border: 1px solid #e0e0e0;
    position: relative;
    padding-left: 30px;
    border-radius: 6px;
}

.email-suggest-booking-contacts {
    display: flex;
    position: relative;
}

.booking-contacts-search-item .suggest-booking-contacts-identity {
    left: -31px;
    top: 40px;
    width: calc(100% + 30px);
}
.booking-contacts-search-item .suggest-booking-contacts-identity {
    width: calc(100% + 30px);
}

.suggest-booking-contacts-identity {
    display: none;
    position: absolute;
    left: 0;
    top: 30px;
    z-index: 1;
    background-color: white;
    padding: 10px;
    max-height: 160px;
    overflow-y: auto;
    border-radius: 6px;
    padding: 10px;
    box-shadow: 0 0 0 0.5px rgb(49 49 93 / 3%), 0 2px 5px 0 rgb(49 49 93 / 10%), 0 1px 2px 0 rgb(0 0 0 / 8%);
    animation-name: fade-in-zoom-down;
    animation-direction: normal;
    animation-fill-mode: forwards;
    animation-duration: .3s;
    animation-timing-function: cubic-bezier(0, 1.5, .5, 1);
}

.suggest-booking-contacts-identity-item {
    display: block;
    padding: 10px;
    margin-bottom: 5px;
    width: 100%;
    color: #24272f;
    cursor: pointer;
    position: relative;
    border-radius: 6px;
}

.suggest-booking-contacts-identity-item:hover {
   background-color: #f8f8f8;
}

.suggest-booking-contacts-identity-item-icon {
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    margin-right: 10px;
    vertical-align: middle;
}

.suggest-booking-contacts-identity-item-icon img {
    width: 100%;
    border-radius: 100%;
}

.suggest-booking-contacts-identity-item-name {
    vertical-align: middle;
    display: inline-block;
    max-width: 300px;
}

#booking-email-contacts-view .suggest-booking-contacts-identity-item-name {
    max-width: calc(100% - 40px);
}

.suggest-contacts-selected {
    display: none !important;
}

#ajax-booking-contacts .bmodal-footer {
    display: block;
}

.cc-contacts-heading {
    margin-top: 20px;
}

#booking-email-contacts-view .card-notification-container-message {
    margin-bottom: 10px;
}

.disabled-booking-email-contacts-view .booking-contacts-item:hover .booking-contacts-remove{
    cursor: default;
    pointer-events: none;
    display: none !important;
}

.contact-suggest-hover {
    background: #f8f8f8 !important;
}

#booking-contacts-list-from {
    margin-bottom: 100px;
}


.booking-contacts-upgrade-btn {
    display: block;
    position: absolute;
    top: 60px;
    left: -30px;
}

/*
* deposits
*/

.modal-wrapper.readonly-offer .booking-offer-section-item:hover .booking-offer-section-item-inner,
.modal-wrapper.settlement-approved-booking .booking-offer-section-item:hover .booking-offer-section-item-inner {
    background: #ffff !important;
    border: 1px solid #ffff !important;
}

.deal-terms-deposits-item {
    margin-bottom: 0px;
}

.deal-terms-deposits-item .invoice-status-badge {
    position: relative;
}

.deposit-dealterm-arrow {
    width: 382px;
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    padding-right: 8px;
}

.deal-terms-deposits-name {
    display: inline-block;
    vertical-align: middle;
    padding-left: 16px;
    padding-right: 14px;
}

.dealterms-deposits-duedate-notset-placeholder {
    position: absolute;
    width: 100%;
    top: 6px;
    left: 0;
    padding-left: 8px;
    z-index: 2;
    color: #b1b1b4;
    background: #fff;
    pointer-events: none;
    display: none;
}

.deposit-due-date-not-set .dealterms-deposits-duedate-notset-placeholder {
    display: block;
}

.dealterms-deposits-duedate-display:hover .dealterms-deposits-duedate-notset-placeholder {
    background: #f8f8f8;
}

.deposit-loader {
    position: absolute;
    width: 15px;
    height: 15px;
    top: 9px;
    left: 10px;
    z-index: 1;
}

.dealterms-deposits-duedate-display-text {
    position: relative;
    z-index: 2;
    background: #fff;
    pointer-events: none;
}

.dealterms-deposits-duedate {
    display: inline-block;
    vertical-align: middle;
}

.dealterms-deposits-duedate-text {
    display: inline-block;
    vertical-align: middle;
    padding: 6px 2px;
    border-radius: 6px;
    background: #fff;
    cursor: default !important;
}

.dealterms-deposits-duedate {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    padding: 6px;
    border-radius: 6px;
    background: #fff;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.dealterms-deposits-duedate-display {
    display: inline-block;
    vertical-align: middle;
    padding: 6px 7px;
    border-radius: 6px;
    background: transparent;
    cursor: pointer !important;
    position: relative;
    border: 1px solid #f0f0f0;
    width: 184px;
    margin: 4px 0;
    height: 34px;
}

.dealterms-deposits-duedate-display:hover {
    background: #f8f8f8 !important;
}

.dealterms-deposits-duedate-display:hover .dealterms-deposits-duedate-display-text {
    background: #f8f8f8 !important;
}

/**
* booking modal redesign
*/
.booking-offer-section {
    margin-top: 30px;
    /* margin-right: 350px; */
}

.booking-offer-section-first {
    margin-top: 30px;
}

.booking-offer-section-header {
    display: flow-root;
    margin-bottom: 10px;
    position: relative;
}

.booking-offer-section-title {
    display: block;
    font-size: 18px;
    line-height: 18px;
    width: 100%;
    text-align: left;
    font-family: inter_semibold,'Helvetica Neue',Arial,Helvetica,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-left: 12px;
}

.booking-offer-section-title-info {
    color: #b1b1b4;
    text-align: left;
    float: left;
}

.booking-offer-section-item {
    border-radius: 0;
    padding: 0;
    text-align: left;
    border: 1px solid #f0f0f0;
    border-top: 1px solid #fff;
    width: 100%;
}

.booking-offer-section-item:hover {
    background: #f8f8f8 !important;
    border-top: 1px solid #f8f8f8 !important;
}
.booking-offer-section-item-first:hover {
    background: #f8f8f8 !important;
    border-top: 1px solid #f0f0f0 !important;
}
.booking-offer-section-item:hover input,
.booking-offer-section-item:hover textarea {
    background: #f8f8f8 !important;
}
.booking-offer-section-item:hover .booking-offer-section-item-inner {
    background: #f8f8f8 !important;
    border: 1px solid #f8f8f8 !important;
}

#booking-offer-event-details-multidate.bm-view-multi-date .booking-offer-section-item-inner:hover,
#booking-offer-event-details-multidate.bm-view-multi-date label,
#booking-offer-event-details-multidate.bm-view-multi-date .multi-date-events-summary-event-date {
    cursor: pointer;
}

#booking-offer-event-details-multidate.bm-view-multi-date-off .booking-offer-section-item-first:hover {
    background: #ffffff !important;
}

#booking-offer-event-details-multidate.bm-view-multi-date-off .booking-offer-section-item:hover .booking-offer-section-item-inner {
    background: #ffffff !important;
    border: 1px solid #ffffff !important;
}

.booking-offer-section-item-half-left {
    width: 50%;
    display: inline-block;
    border: 1px solid #f0f0f0;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
}

.booking-offer-section-item-half-right {
    width: 50%;
    display: inline-block;
    border: 1px solid #f0f0f0;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
}

.booking-offer-section-item-inner {
    padding: 10px 20px 6px 10px;
    border: 1px solid #ffffff;
}

.booking-offer-section-item.bm-item-focus,
.booking-offer-section-item.bm-item-focus .booking-offer-section-item-inner {
    border-color: #556CCA !important;
}

.booking-offer-section-item-first {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-top: 1px solid #f0f0f0;
}

.booking-offer-section-item-first.booking-offer-section-item-half-left {
    border-top-left-radius: 6px;
    border-top-right-radius: 0;
    border-top: 1px solid #f0f0f0;
}

.booking-offer-section-item-first.booking-offer-section-item-half-right {
    border-top-left-radius: 0;
    border-top-right-radius: 6px;
    border-top: 1px solid #f0f0f0;
}

.booking-offer-section-item-first.booking-offer-section-item-half-left
.booking-offer-section-item-first {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-top: 1px solid #f0f0f0;
}

.booking-offer-section-item-first .booking-offer-section-item-inner {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.booking-offer-section-item-first.booking-offer-section-item-half-left .booking-offer-section-item-inner {
    border-top-left-radius: 6px;
    border-top-right-radius: 0;
}

.booking-offer-section-item-first.booking-offer-section-item-half-right .booking-offer-section-item-inner {
    border-top-left-radius: 0;
    border-top-right-radius: 6px;
}

.booking-offer-section-item-last,
.booking-offer-section-item-last .booking-offer-section-item-inner {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.booking-offer-section-item-last.booking-offer-section-item-half-left,
.booking-offer-section-item-last.booking-offer-section-item-half-left .booking-offer-section-item-inner {
    border-bottom-left-radius: 6px;
}

.booking-offer-section-item-last.booking-offer-section-item-half-right,
.booking-offer-section-item-last.booking-offer-section-item-half-right .booking-offer-section-item-inner {
    border-bottom-right-radius: 6px;
}

.booking-offer-section-item label {
    color: #24272f;
    font-family: inter_semibold, 'Helvetica Neue', Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    display: block;
    margin-bottom: 0;
}

.booking-offer-section-item input.booking-offer-text-input {
    padding: 0;
    background: #fff;
    font-size: 14px;
    width: 100%;
}

.booking-offer-section-item input.booking-offer-text-input.booking-offer-text-input-geopadding {
    width: calc(100% + 30px);
    padding: 0 10px;
    margin-left: -10px;
    margin-right: -40px;
}

.booking-offer-section-item input.time-display-input {
    padding: 0;
    background: #fff;
    font-size: 14px;
    width: 60px;
}

.booking-offer-section-item .time-input-dash {
    padding: 0;
    font-size: 14px;
    width: 100px;
    padding-left: 0;
    padding-right: 8px;
    color: #b1b1b4;
}

#booking-modal-summary-section {
    position: relative;
    margin-top: 110px;
    width: 300px;
    border-radius: 6px;
    background: #f8f8f8;
    z-index: 3;
    display: inline-block;
    float: right;
    vertical-align: top;
}

.booking-summary-creator-image,
.booking-summary-from-image {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    border-radius: 100%;
}
.booking-summary-creator-image img,
.booking-summary-from-image img {
    width: 100%;
    border-radius: 100%;
}

.booking-summary-block-section {
    padding: 20px;
    border-bottom: 1px solid #f0f0f0;
}

.booking-summary-block-section-top {
    border-top: 1px solid #f0f0f0;
    border-bottom: none;
}

.booking-summary-block-section-last {
    border-bottom: none;
}

.booking-summary-creator-text,
.booking-summary-from-text {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 54px);
    margin-left: 10px;
    line-height: 16px;
    font-family: inter_semibold, 'Helvetica Neue', Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 40px;
    position: relative;
    top: 3px;
}

.booking-summary-item {
    color: #b1b1b4;
    padding-bottom: 10px;
}

.booking-summary-item-highlight {
    color: #24272f;
    font-family: inter_semibold, 'Helvetica Neue', Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.booking-summary-item:last-child {
    padding-bottom: 0;
}

#booking-confirmation-for-placeholder {
    height: 47px;
}

.is-collective-booking-summary #booking-confirmation-for-placeholder {
    height: 128px;
}

.booking-summary-item label,
label.bm-label {
    color: #24272f;
    font-family: inter_semibold,'Helvetica Neue',Arial,Helvetica,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    display: block;
    margin-bottom: 2px;
    pointer-events: none;
    position: relative;
}

.booking-summary-creator-text .booking-summary-item label,
.booking-summary-creator-text label.bm-label,
.booking-summary-from-text .booking-summary-item label,
.booking-summary-from-text label.bm-label {
    margin-bottom: 0;
}

.bm-fixed-banner {
    position: fixed;

}

.bm-fixed-top-banner {
    display: block;
    /* margin-top: 20px; */
    position: fixed;
    z-index: 99;
    width: 100%;
    left: 0;
    top: 61px;
    padding: 5px 10px;
    background: #fdf0d2;
    text-align: center;
}

.bm-blank-tab-placeholder {
    position: relative;
    width: 100%;
    height: 100%;
    background: #fff;
}

.bm-blank-tab-content {
    font-size: 14px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    padding: 20px 50px;
}

.bm-blank-tab-content .bm-blank-tab-placeholder-heading {
    color: #b1b1b4;
}

#mobile-modal-tabs-menu {
    display: none !important;
    position: absolute;
    top: 17px;
}

.bm-tabs-menu-icon {
    fill: #24272f;
}

.bm-tabs-menu-icon:hover {
    fill: #556CCC;
}

#mobile-modal-tabs-menu + .mzk-dropdown-menu.dropdown-menu {
    top: 60px;
    left: 20px;
}

.release-payment-take-commission-amount-container {
    display: none;
}

.release-payment-take-commission-percentage-container {
    display: none;
}

.release-payment-form-percent-visible .release-payment-take-commission-percentage-container  {
    display: block;
}

.release-payment-form-amount-visible .release-payment-take-commission-amount-container  {
    display: block;
}

.adjust-booking-commission-amount-container {
    display: none;
}

.adjust-booking-commission-percentage-container {
    display: none;
}

.adjust-booking-commission-form-percent-visible .adjust-booking-commission-percentage-container  {
    display: block;
}

.adjust-booking-commission-form-amount-visible .adjust-booking-commission-amount-container  {
    display: block;
}


/* Booking notes */
.booking-notes-block {
    width: 100%;
    max-width: 740px;
    margin: auto;
    margin-bottom: 20px;
    display: flow-root;
    position: relative;
}

.booking-notes-icon {
    width: 40px;
    margin-right: 10px;
    border-radius: 100%;
    float: left;
    vertical-align: top;
}

.booking-notes-icon img {
    width: 100%;
    border-radius: 100%;
}

.booking-notes-note {
    width: calc(100% - 50px);
    float: right;
    vertical-align: top;
    border-radius: 6px;
    border: 1px solid #f0f0f0;
}

#new-booking-note-block .booking-notes-note:hover { 
    border: 1px solid #e0e0e0;
}

.booking-notes-note-inner {
    padding: 20px;
    border: 1px solid #fff;
    border-radius: 6px;
}

.booking-notes-note-heading {
    display: flow-root;
    margin-bottom: 10px;
}

.booking-notes-note-heading-name {
    float: left;
    margin-right: 5px;
}

.booking-notes-note-heading-subheading {
    float: left;
    color: #b1b1b4;
}

.booking-notes-note-heading-daysago {
    color: #b1b1b4;
    font-size: 12px;
    line-height: 20px;
    margin-top: 1px;
    position: absolute;
    right: 20px;
    top: 22px;
}

.booking-notes-note-body {
    color: #b1b1b4;
}

.booking-notes-block.bm-item-focus .booking-notes-note,
.booking-notes-block.bm-item-focus .booking-notes-note-inner {
    border-color: #556CCA !important;
}

#booking-notes-header {
    margin-top: 10px;
    margin-bottom: 20px;
}

#new-booking-note-block .booking-notes-note-inner {
    padding-top: 10px;
}

#booking-note-input {
    width: 100%;
    height: 60px;
    border: none;
    resize: none;
    margin-bottom: 50px;
}

.booking-note-save {
    position: absolute;
    width: auto;
    bottom: 20px;
    right: 20px;
    display: none;
}

#booking-modal-outer .standard-btn.booking-note-save {
    width: auto;
}

#save-new-booking-note {
    display: block;
}

.booking-note-cancel {
    position: absolute;
    width: auto !important;
    bottom: 20px;
    right: 90px;
    display: none;
}

.booking-notes-note-input {
    width: 100%;
    height: 60px;
    border: none;
    resize: none;
    margin-bottom: 50px;
    display: none;
}

.booking-note-edit-state .booking-note-save,
.booking-note-edit-state .booking-note-cancel,
.booking-note-edit-state .booking-notes-note-input {
    display: block;
}

.booking-note-edit-state .booking-notes-actions,
.booking-note-edit-state .booking-notes-note-body,
.booking-note-edit-state .booking-notes-note-heading {
    display: none !important;
}

.booking-notes-block.booking-note-edit-state .booking-notes-note,
.booking-notes-block.booking-note-edit-state .booking-notes-note-inner {
    border-color: #556CCA !important;
}

.booking-notes-actions {
    display: none;
    position: absolute;
    right: 20px;
    top: 20px;
    padding: 5px 10px;
    font-size: 20px;
    padding: 5px;
    border-radius: 4px;
    width: 26px;
    height: 26px;
    cursor: pointer;
}

.booking-notes-note .mz-icon-dots-container {
    line-height: 10px;
    display: block;
}

.booking-notes-note:hover .booking-notes-actions {
    display: block;
}

.booking-notes-note:hover .booking-notes-note-heading-daysago {
    display: none;
}

.booking-notes-actions .dropdown-menu {
    right: 0;
    top: 25px;
    left: unset;
}

.booking-notes-actions:hover,
.booking-notes-actions:hover .mz-icon-dots-container, 
.booking-notes-actions.open .mz-icon-dots-container {
    color: #6495ed;
    background: #f8f8f8;
    display: block;
}


.bmodal-footer .bm-request-payment-info-clicked {
    float: right;
}