FileMaster

Edit File: modal.css

/**
 * @version 1.0
 * @package: Admin Panel
 * @category: Admin UI
 * @author wpdevelop
 *
 * @web-site https://wpbookingcalendar.com/
 * @email info@wpbookingcalendar.com 
 * 
 * @modified 2016-01-10
 */

/* M o d a l s  **************************************************************/
.wpdevelop .modal.wpbc_popup_modal {
     z-index: 50000;
    z-index: 1000000;
 }
.wpdevelop .modal-header {
    background: none repeat scroll 0 0 #F5F5F5;
    text-shadow: 0 0 2px #FFF;
}
 
 /* Payment request Modal */
#wpbc_payment_request_modal .modal-header h3 {
    color: #333;
}
#wpbc_payment_request_modal .modal-body textarea {
    width: 100%;
}

/* Print Loyout Modal */
#wpbc_print_modal .modal-header {
    background: none repeat scroll 0 0 #F5F5F5;
    text-shadow: 0 0 2px #FFF;
}
#wpbc_print_modal .modal-header h3 {
    color: #333;
}
#wpbc_print_modal .modal-header {
    text-shadow: none;
}

/* Modal Google Calendar Events Import */
.wpbc_modal__import_google_calendar__section span.description {
    display:none;
}
.wpbc_modal__import_google_calendar__section #booking_gcal_events_until,
.wpbc_modal__import_google_calendar__section .booking_gcal_events_until_offset,
.wpbc_modal__import_google_calendar__section #booking_gcal_events_from,
.wpbc_modal__import_google_calendar__section .booking_gcal_events_from_offset {
    float:left;
}

.wpbc_modal__import_google_calendar__section th {
    vertical-align: middle;
}
.wpbc_modal__import_google_calendar__section th,
.wpbc_modal__import_google_calendar__section td {
    border:none;
}

.wpbc_modal__import_google_calendar__section #booking_gcal_events_from_offset_type,
.wpbc_modal__import_google_calendar__section #booking_gcal_events_until_offset_type {
    vertical-align: initial;
}

@media (max-width: 782px) {
	.wpdevelop .modal-dialog {
		margin: 15px;
	}
    .wpdevelop .modal-header {
		border-radius: 10px 10px 0 0;
	}
	.wpdevelop .modal {
		overflow: auto;
	}
    /* Import Google Events Dialog*/
    .wpbc_modal__import_google_calendar__section .modal-dialog.modal-lg {
        width: auto;
    }
    .wpbc_modal__import_google_calendar__section label{
        font-weight: 600;
        font-size: 1.1em;
        width:100%;
        display:block;
        float:none;
    }    
    .wpbc_modal__import_google_calendar__section input[type=text],
    .wpbc_modal__import_google_calendar__section select {
        display:block;
        width:100%;
        clear:both;
        height:34px;
        float:none !important;
    }
    .wpbc_modal__import_google_calendar__section th,
    .wpbc_modal__import_google_calendar__section td {
        display:block;
        padding:0;
    }
    .wpbc_modal__import_google_calendar__section td {
        margin-bottom: 15px;
    }
    .wpbc_modal__import_google_calendar__section #booking_gcal_events_until,
    .wpbc_modal__import_google_calendar__section .booking_gcal_events_until_offset,
    .wpbc_modal__import_google_calendar__section #booking_gcal_events_from,
    .wpbc_modal__import_google_calendar__section .booking_gcal_events_from_offset {
        float:none;
        margin:0 !important;
    }
    .wpbc_modal__import_google_calendar__section .booking_gcal_events_from_offset label,
    .wpbc_modal__import_google_calendar__section .booking_gcal_events_until_offset label {
        float:none;
        margin:10px 0 0!important;
    }
    .wpbc_modal__import_google_calendar__section #booking_gcal_events_from_offset,
    .wpbc_modal__import_google_calendar__section #booking_gcal_events_from_offset_type,
    .wpbc_modal__import_google_calendar__section #booking_gcal_events_until_offset,
    .wpbc_modal__import_google_calendar__section #booking_gcal_events_until_offset_type {
        width:100% !important;
        float:none;
    }
    .wpbc_modal__import_google_calendar__section .booking_gcal_events_from_offset > span.wpbc_offset_value select,
    .wpbc_modal__import_google_calendar__section .booking_gcal_events_until_offset > span.wpbc_offset_value select {
        margin-top:10px !important;
    }
    
    /* M o d a l     TinyMCE      t o o l b a r    ****************************/
    .wpbc_popup_modal .form-table td input[type='text'],
    .wpbc_popup_modal .form-table td select {
        height: 40px;
        font-size: 16px;
        min-width: Min(10em,100%);
    }

/*
    .wpbc_popup_modal .wpdvlp-top-tabs .nav-tab {
        -moz-border-radius:0;
        -webkit-border-radius:0;
        border-radius:0;
        border: 1px solid #cccccc;
        padding: 10px;
        width: 100%;
    } */
}
/* Fix position of modal window,  that depend from sidebar in admin panel */
@media (min-width: 992px) and (max-width: 1300px) {
    .wpdevelop .modal-dialog {
        margin: 30px 170px auto;
    }
    .wpdevelop .modal-dialog.modal-lg {
        width: 815px;
    }
    .wpbc_modal__import_google_calendar__section th {
        width:140px;
    }
}

/* M o d a l     TinyMCE      t o o l b a r    ****************************************/

.wpbc_popup_modal .modal-dialog.modal-lg {
    width:94%;
}
/* Scrollbar for modal */
.wpbc_popup_modal {
    overflow-y: auto !important;
}
/* this pasrt for having scrollbar inside of the modal window with  fixed height */
#wpbc_tiny_modal_NO .modal-dialog{
    overflow-y: initial !important;
}
#wpbc_tiny_modal_NO .modal-body{
    height: 250px;
    overflow-y: auto;
}
.wp-admin .modal-backdrop {
    background-color: #000000;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 111040;
}
.wp-admin .modal-backdrop.fade {
    opacity: 0;
}
.wp-admin .modal-backdrop.in {
    opacity: 0.5;
}
.wpbc_popup_modal strong,
.wpbc_popup_modal label {
    font-weight: 600;
}
.form-table td fieldset label.wpbc-form-radio{
    margin: 0 0 5px !important;
}
.wpbc_popup_modal .form-table th {
    font-weight: 600;
    line-height: 1.3;
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 10px;
    padding-top: 10px;
    vertical-align: top;
    width: 200px;
}
.wpbc_popup_modal .form-table td {
    line-height: 1.3;
    margin-bottom: 9px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    vertical-align: middle;
}
/* ------------------------------------------------------------------ */
/* Align TOGGLE with  span and label elements in popup                */
/* ------------------------------------------------------------------ */
.wpbc_popup_modal th label {
    font-weight: 600;
    margin: 3px 0 0.5em;
    line-height: 1.6;
    font-size: 14px;
}
.wpbc_popup_modal td fieldset{
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
}
.wpbc_popup_modal td fieldset .wpbc_ui__toggle {
    flex:0;
}
.wpbc_popup_modal td fieldset span.description {
    flex: 1;
    margin: 3px 0 0.5em;
    padding: 0;
    line-height: 1.6;
    font-size: 14px;
}
.wpbc_popup_modal td fieldset input[type='text'],
.wpbc_popup_modal td fieldset select {
    margin: 3px 0.5em 0.5em 0;
}
.wpbc_popup_modal .bookingother_wpbc_shortcode_type_other_shortcodes td fieldset{
    display: flex;
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 4px;
}
/* ------------------------------------------------------------------ */
.wpbc_popup_modal .modal-footer a.button,
.wpbc_popup_modal .modal-footer a.button:hover,
.wpbc_popup_modal .modal-footer a.button:active,
.wpbc_popup_modal .modal-footer a.button:focus {
    text-decoration: none;
    outline: 0;
}
.wpbc_popup_modal .wpbc_expand_section_link,
.wpbc_popup_modal a.wpbc_expand_section_link:hover,
.wpbc_popup_modal a.wpbc_expand_section_link:focus {
    color:#21759b;
    cursor: pointer;
    outline: 0;
    border:none;
    border-bottom:1px dashed #21759B;
    text-decoration: none;      
}
.wpbc_popup_modal .booking_advanced_section,
.wpbc_popup_modal .bookingcalendar_advanced_section,
.wpbc_popup_modal .bookingselect_advanced_section,
.wpbc_popup_modal .bookingtimeline_advanced_section0{
    display:none;
}
.wpbc_field_help_panel_background.wpbc_field_help_panel_field .put-in,
.wpbc_popup_modal .put-in {
    cursor: pointer;
    font-weight: 600;
    background: none repeat scroll 0 0 #E9E9E9;
    border: 1px solid #BBBBBB;
    width:100%;
}
.wpbc_popup_modal input[type="checkbox"],
.wpbc_popup_modal input[type="radio"] {
    margin: 0 10px 2px 0;
    vertical-align: middle;
    outline: 0;
}
.wpbc_popup_modal .wpbc_sub_settings_grayed {
    background-color: #f3f3f3;
}
.wpbc_popup_modal .wpbc_sub_settings_grayed th {
    padding: 10px 0px 10px 12px;
}
/* Placeholders */
.wpbc_popup_modal ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #999;
}
.wpbc_popup_modal ::-moz-placeholder { /* Firefox 19+ */
  color: #999;
}
.wpbc_popup_modal :-ms-input-placeholder { /* IE 10+ */
  color: #999;
}
.wpbc_popup_modal :-moz-placeholder {
   color: #999;
}
.wpbc_popup_modal .bookingsearch_search_results{
    display:none;
}
.wpbc_popup_modal .bookingsearch_search_form.wpbc_sub_settings_grayed{
    display:none;
}
/*.wpbc_popup_modal .wpbc_shortcode_bookingresource {*/
/*    display:none;*/
/*}*/
.wpbc_popup_modal select option:disabled {
       color: #ccc;
       display: none;
}
/* FixIn: 7.1.2.7 */
@media (max-width: 782px) { 
    .wp-admin .modal-backdrop.in {
        display:none;
    }
}

/* == 2024-01-20 ==================================================================================================== */

/* Navigation tabs fix */
body[class*='page_wpbc-resources'] .wpbc_popup_modal .wpdvlp-top-tabs .nav-tabs ,
.modal-body .wpbc_settings_flex_container .wpdvlp-top-tabs .nav-tabs {
    border:none;
    border-bottom:1px solid #d6d6d6;
}
/* Header and Body */
.wpdevelop .modal-header {
  background: #FFF;
  text-shadow: none;
}
.wpdevelop .modal-body {
  position: relative;
  padding: 15px;
  background: #f5f5f5;
  background: #f7f7f7;
}
/* SIZE */
.wpbc_popup_modal .modal-dialog.modal-lg {
    width: 80%;
        width: 98%;
        margin: 5px auto;
}
@media (max-width: 782px) {
    .wpbc_popup_modal .modal-dialog.modal-lg {
        width: 98%;
    }
}
/* Show over top toolbar - dashboard*/
.wpbc_popup_modal {
    z-index: 1000000;
}
/* Header border radius*/
.wpbc_popup_modal .modal-dialog.modal-lg .modal-header {
    border-radius: 6px 6px 0 0;
}
/* Shortcode Text  field */
.wpbc_field_help_panel_background.wpbc_field_help_panel_field .put-in,
.wpbc_popup_modal .put-in {
    cursor: text;
    font-weight: 600;
  /*background: #1E7BC7;*/
  /*background: #4A8CC2;*/
  /*border: 1px solid #3C86A7;*/
    background: #75A249;
    border: 1px solid #75A249;
    width: 100%;
    font-size: 15px;
    color: #FFF;
    /*color: #2e3d20;*/
    line-height: 2;
    vertical-align: middle;
    padding: 0 1em 3px;
    box-shadow:none !important;
    margin: 20px 0 5px;
}
/* Border color of active horizontal tab */
.modal-body .wpbc_settings_flex_container .wpdvlp-top-tabs .nav-tab-active,
.modal-body .wpbc_settings_flex_container .wpdvlp-top-tabs a.nav-tab-active:hover {
    border-bottom-color: #9c9c9c;
    border-bottom-color: #cb8c8c;
}
/* ------------------------------------------------------------------------------------------------------------------ */
/* Vertical Navigation Panel                                                                                          */
/* ------------------------------------------------------------------------------------------------------------------ */
.wpbc_shortcode_config_navigation_column.wpbc_settings_navigation_column .wpbc_settings_navigation_item a {
    font-size: 15px;
    text-transform: none;
}
.wpbc_shortcode_config_navigation_column.wpbc_settings_navigation_column .wpbc_settings_navigation_item.wpbc_settings_navigation_item_disabled a{
    color: #ccc;
}
.wpbc_shortcode_config_navigation_column.wpbc_settings_navigation_column .wpbc_settings_navigation_item:last-child a {
    border-top:none;
}

/* ------------------------------------------------------------------------------------------------------------------ */
/* Content Container                                                                                                  */
/* ------------------------------------------------------------------------------------------------------------------ */
/*
.wpbc_sc_container__all_shortcodes                                                                                      
    #wpbc_sc_container__shortcode_booking  .wpbc_sc_container__shortcode  .wpbc_sc_container__shortcode_booking         
        .wpdvlp-top-tabs                                                                                                
        .wpbc_sc_container__shortcode_section  .wpbc_sc_container__shortcode_section__general

*/
.wpbc_sc_container__all_shortcodes {
    border: 1px solid #ccc;
    background: #fff;
    padding: 0 12px 12px;
    margin: 0;
}
    .wpbc_sc_container__all_shortcodes .wpbc_sc_container__shortcode .wpdvlp-tabs-wrapper{
        height: auto;
        margin-top: 1px;
    }
    /* Hide all  sections by  default*/
    .wpbc_sc_container__all_shortcodes .wpbc_sc_container__shortcode {
        display: none;
    }
    /* Default 1st section  visible */
    .wpbc_sc_container__all_shortcodes .wpbc_sc_container__shortcode_booking ,
    .wpbc_sc_container__all_shortcodes .wpbc_sc_container__shortcode_search_filters {
        display: block;
    }
        /* Hide all  sections by  default*/
        .wpbc_sc_container__shortcode_section{
            display:none;
        }
        /* Default 1st section  visible */
        .wpbc_sc_container__shortcode_section__general ,
        .wpbc_sc_container__shortcode_section__search_filters{
            display:block;
        }
            /* Hide all  sections by  default*/
            .wpbc_sc_container__shortcode_subsection{
                display:none;
            }
            /* Default 1st section  visible */
            .wpbc_sc_container__shortcode_subsection__weekdays_conditions{
                display:block;
            }

/* Sub top menu line */
.wpbc_sc_container__shortcode_section .wpdvlp-sub-tabs .nav-tabs .nav-tab{
    margin: 0;
}
.wpbc_sc_container__shortcode_section .wpdvlp-sub-tabs {
    padding: 1px 5px 1px 0;
}
.wpbc_sc_container__shortcode_section .wpdvlp-sub-tabs .nav-tabs .nav-tab {
    border-right: 1px solid #d8d8d8;
    background: none;
}
/* ------------------------------------------------------------------------------------------------------------------ */
/* ...                                                                                                  */
/* ------------------------------------------------------------------------------------------------------------------ */

.wpbc_shortcode_config_content_toolbar_next_prior {
    flex:1;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    margin: 20px 0 10px;
}
.wpbc_settings_flex_container .wpbc_shortcode_config_content_toolbar_next_prior a {
    flex:0 1 auto;
    margin: 0 1em;
}
/* ------------------------------------------------------------------------------------------------------------------ */
/* Footer Toolbar Containers                                                                                                  */
/* ------------------------------------------------------------------------------------------------------------------ */
.wpbc_shortcode_config_content_toolbar__container{
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    margin: 0;
}

.wpbc_shortcode_config_content_toolbar__next_prior {
    margin-top: 20px;
    border-top: 1px solid #dcdcdc;
    padding: 8px 0 0;
}
.wpbc_shortcode_config_content_toolbar__next_prior a.button{
    margin:5px 8px 5px 0;
}
.wpbc_shortcode_config_content_toolbar__next_prior a.button .in-button-text{
    font-size: 28px;
    line-height: 21px;
}
@media (max-width: 782px){
      .wp-core-ui .wpbc_page .wpbc_shortcode_config_content_toolbar__next_prior a.button{
        line-height: 2.5;
        padding: 1px 14px;
    }
    .wpbc_shortcode_config_content_toolbar__next_prior a.button .in-button-text{
        display: block;
    }
}
.wpbc_shortcode_config_content_toolbar__container .wpbc_shortcode_config_content_toolbar__reset,
.wpbc_shortcode_config_content_toolbar__container .wpbc_shortcode_config_content_toolbar__insert{
    flex: 0 1 auto;
    align-self: flex-end;
    padding-left: 2em;
    margin-left: auto;
}
.wpbc_shortcode_config_content_toolbar__container .wpbc_shortcode_config_content_toolbar__insert{
    border-left: 1px solid #ccc;
    margin-left: 2em;
}
.wpbc_shortcode_config_content_toolbar__container .wpbc_shortcode_config_content_toolbar__reset a.button,
.wpbc_shortcode_config_content_toolbar__container .wpbc_shortcode_config_content_toolbar__insert a.button{
    padding-left:2em;
    padding-right:2em;
    font-weight: 600;
}
        /*  2.1 Danger (Red) Button Style ----------------------------------------------------------------------------------------- */
        .wp-core-ui .wpbc_page .button.wpbc_ui_button_danger {
            background: #de605c;
            border-color: #c05d5a;
            color: #f7f7f7;
            text-shadow: 0 0px #ba5956;
            text-decoration: none;
            box-shadow: 0 1px 0px #f1f1f1;
        }
        /* :hover, :focus  ---- */
        .wp-core-ui .wpbc_page .button.wpbc_ui_button_danger.hover:not(.inactive),
        .wp-core-ui .wpbc_page .button.wpbc_ui_button_danger:hover:not(.inactive),
        .wp-core-ui .wpbc_page .button.wpbc_ui_button_danger.focus:not(.inactive),
        .wp-core-ui .wpbc_page .button.wpbc_ui_button_danger:focus:not(.inactive) {
            background: #e6716f;
            /*border-color: #d58582;*/
            color: #fdfdfd;
            text-shadow: none;
        }
        /* :focus  ---- */
        .wp-core-ui .wpbc_page .button.wpbc_ui_button_danger.focus:not(.inactive),
        .wp-core-ui .wpbc_page .button.wpbc_ui_button_danger:focus:not(.inactive) {
            /*box-shadow:0 0 0 0px #fff, 0 0 2px 1px #a4d7ff;*/
        }
        /* :active  ---- */
        .wp-core-ui .wpbc_page .button.wpbc_ui_button_danger.active:not(.inactive),
        .wp-core-ui .wpbc_page .button.wpbc_ui_button_danger.active:hover:not(.inactive),
        .wp-core-ui .wpbc_page .button.wpbc_ui_button_danger.active:focus:not(.inactive),
        .wp-core-ui .wpbc_page .button.wpbc_ui_button_danger:active:not(.inactive) {
            background: #ba4c48;
            border-color: #c05d5a;
            /*box-shadow: inset 0 1px 7px -3px rgba(0, 0, 0, .1);*/
            color: #f3f2f2;
        }
        /* :disabled  ---- */
        .wp-core-ui .wpbc_page .button.wpbc_ui_button_danger[disabled],
        .wp-core-ui .wpbc_page .button.wpbc_ui_button_danger:disabled,
        .wp-core-ui .wpbc_page .button.wpbc_ui_button_danger-disabled,
        .wp-core-ui .wpbc_page .button.wpbc_ui_button_danger.disabled {
            color: #a7aaad !important;
            background: #f6f7f7 !important;
            border-color: #dcdcde !important;
            box-shadow: none !important;
            text-shadow: none !important;
            cursor: default;
        }

/* ------------------------------------------------------------------------------------------------------------------ */
/* Weekdays conditions toolbar */
/* ------------------------------------------------------------------------------------------------------------------ */
.wpbc_shortcode_config_fields__dates_conditions_toolbar .wpdvlp-sub-tabs{
    border: 1px solid #dadada;
    border-radius: 2px;
    margin: 20px 0 10px;
}
/* ------------------------------------------------------------------------------------------------------------------ */
/* Rules for OPTIONS parameter in shortcode config dialog */
/* ------------------------------------------------------------------------------------------------------------------ */
.wpbc_shortcode_config__rules_container{
    display:flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
    .wpbc_shortcode_config__rules__params_section{
        flex: 0 1 auto;
        margin-right: 5%;
        margin-bottom:20px;
    }
    .wpbc_shortcode_config__rules__help_section{
        flex: 1 1 50%;
    }
        /* Right Side - Help Section */
        .wpbc_shortcode_config__rules__help_section .wpbc-settings-notice{
            margin:0;
            text-align:left;
        }
        .wpbc_shortcode_config__rules__help_section .wpbc-settings-notice.notice-header > span {
            font-size: 16px;
            font-weight: 600;
            margin: 0 0 10px;
        }
        .wpbc_shortcode_config__rules__help_section .wpbc-settings-notice.notice-list{
            text-align: left;
            line-height: 2em;
            font-size: 14px;
            padding: 0;
        }
        .wpbc_shortcode_config__rules__help_section .wpbc-settings-notice.notice-list ol{
            list-style-type:disc;
        }
        .form-table td fieldset .wpbc_shortcode_config__rules__help_section li {
            line-height: 2.5;
        }

/* ------------------------------------------------------------------------------------------------------------------ */
/* Select Day - Weekday */
/* ------------------------------------------------------------------------------------------------------------------ */
.wpbc_shortcode_config__rules__params_section.wpbc_select_day_weekday{

}
.wpbc_shortcode_config__rules__params_section.wpbc_select_day_weekday .ui_container_weekdays{
    flex-flow: column wrap;
}
    .wpbc_shortcode_config__rules__params_section.wpbc_select_day_weekday .wpbc_ui__toggle {
        min-width: 6em;
    }
    .wpbc_shortcode_config__rules__params_section.wpbc_select_day_weekday input[type="text"] {
        width:8em;
    }
/* ------------------------------------------------------------------------------------------------------------------ */
/* Start Day - Season */
/* ------------------------------------------------------------------------------------------------------------------ */
    .wpbc_shortcode_config__rules__params_section{
        display: flex;
        flex-flow: column wrap;
        justify-content: flex-start;
        align-items: flex-start;
    }
    /* Season select-box | checkboxes | buttons */
    .wpbc_shortcode_config__rules__params_section.wpbc_start_day_season .wpbc_ajx_toolbar.wpbc_buttons_row {
        flex: 0 1 auto;
    }
    /* Weekdays: Text_line | checkboxes */
    .wpbc_shortcode_config__rules__params_section.wpbc_start_day_season .wpbc_ajx_toolbar.wpbc_buttons_row .ui_container.ui_container_weekdays{
        flex-flow: column wrap;
    }
    /* Weekdays: checkboxes only */
    .wpbc_shortcode_config__rules__params_section.wpbc_start_day_season .wpbc_ajx_toolbar.wpbc_buttons_row .ui_container.ui_container_weekdays .ui_group.ui_group_weekdays_checkboxes{
        /*flex-flow: column wrap;*/
        max-width: 320px;
    }

Back