/******************************************************************************************/
/* General
/******************************************************************************************/
a.wpsbc-inactive { color: #b1b1b1; }
a.wpsbc-inactive:hover { color: #b1b1b1; }

.wpsbc-float-right { float: right; }

.wpsbc-clear {display:block; clear:both;}

.button-primary.wpsbc-button-large { height: 38px; line-height: 36px; padding: 0 30px; }

.postbox .wpsbc-plugin-card-bottom { padding-left: 12px; padding-right: 12px; overflow: visible; }

.wrap.wpsbc-wrap .postbox .hndle { cursor: auto; }

/******************************************************************************************/
/* Grid
/******************************************************************************************/
.wpsbc-row { margin-left: -10px; margin-right: -10px; }
.wpsbc-row:after { content: ''; display: block; clear: both; }
.wpsbc-row.wpsbc-last { margin-bottom: -20px; }

[class*="wpsbc-col-"] { display: block; float: left; padding: 0 10px; margin-bottom: 20px; box-sizing: border-box; }

.wpsbc-col-1-1 { width: 100%; }
.wpsbc-col-1-2 { width: 50%; }
.wpsbc-col-1-3 { width: 33.3333%; }
.wpsbc-col-1-4 { width: 25%; }
.wpsbc-col-3-4 { width: 75%; }
.wpsbc-col-1-5 { width: 20%; }


/******************************************************************************************/
/* Error notices
/******************************************************************************************/
.wpsbc-notice-error { background: #fff; border-left: 4px solid #dc3232; box-shadow: 0 1px 1px 0 rgba(0,0,0,.1); margin: 5px 0 15px 0; padding: 1px 12px; }

/******************************************************************************************/
/* Page Headings
/******************************************************************************************/
.wpsbc-heading-button-secondary.button-secondary { position: relative; top: -3px; vertical-align: initial; }

.wpsbc-heading-actions { display: block; float: right; margin-top: 9px; }

.wp-header-end {clear: both;}

.wpsbc-heading-tag { position: relative; top: -2px; font-size: 11px; margin-left: 15px; background: #34495e; color: #fff; padding: 6px 11px; border-radius: 4px; vertical-align: middle; }

/******************************************************************************************/
/* Tab Navigation
/******************************************************************************************/
.wpsbc-nav-tab:focus { outline: 0; box-shadow: none; }

.wpsbc-tab { display: none; margin-top: 2em; margin-bottom: 2em; }
.wpsbc-tab.wpsbc-active { display: block; }

/******************************************************************************************/
/* Settings Fields
/******************************************************************************************/
.wpsbc-settings-field-wrapper { position: relative; margin-bottom: 15px; }
.wpsbc-settings-field-wrapper.wpsbc-settings-field-inline { padding-left: 200px; }

.wpsbc-settings-field-wrapper.wpsbc-settings-field-wrapper-left {width:49%; float:left; margin-right:2%;}
.wpsbc-settings-field-wrapper.wpsbc-settings-field-wrapper-right {width:49%; float:right;}

.wpsbc-settings-field-wrapper.wpsbc-last { margin-bottom: 0; }

.wpsbc-settings-field-wrapper .wpsbc-settings-field-label { display: block; margin-bottom: 5px; }
.wpsbc-settings-field-wrapper.wpsbc-settings-field-inline .wpsbc-settings-field-label { position: absolute; top: 5px; left: 0; width: 180px; margin-bottom: 0; }

.wpsbc-settings-field-inner > input,
.wpsbc-settings-field-inner > textarea,
.wpsbc-settings-field-inner > select { width: 100%; margin-left: 0; height: 30px; }

.wpsbc-settings-field-small .wpsbc-settings-field-inner > input,
.wpsbc-settings-field-small .wpsbc-settings-field-inner > textarea,
.wpsbc-settings-field-small .wpsbc-settings-field-inner > select { max-width: 110px; }

.wpsbc-settings-field-medium .wpsbc-settings-field-inner > input,
.wpsbc-settings-field-medium .wpsbc-settings-field-inner > textarea,
.wpsbc-settings-field-medium .wpsbc-settings-field-inner > select { max-width: 225px; }

.wpsbc-settings-field-large .wpsbc-settings-field-inner > input,
.wpsbc-settings-field-large .wpsbc-settings-field-inner > textarea,
.wpsbc-settings-field-large .wpsbc-settings-field-inner > select { max-width: 400px; }

.wpsbc-settings-field-translations {display: none; padding-bottom:20px;}
.wpsbc-settings-field-translations .wpsbc-settings-field-wrapper.wpsbc-settings-field-inline.wpsbc-settings-field-large {margin-left:200px; padding-left:100px; }
.wpsbc-settings-field-translations .wpsbc-settings-field-wrapper.wpsbc-settings-field-inline.wpsbc-settings-field-large-label {margin-left:300px; }
.wpsbc-settings-field-translations .wpsbc-settings-field-wrapper.wpsbc-settings-field-inline.wpsbc-settings-field-large .wpsbc-settings-field-label {width:80px;}

.wpsbc-settings-field-show-translations {text-decoration:none; margin-top: 3px; display: block; max-width:400px;}
.wpsbc-settings-field-show-translations:focus {outline:none; box-shadow:none;}
.wpsbc-settings-field-show-translations span {position: relative; top:-1px; left:-7px;}
.wpsbc-settings-field-show-translations.open span {transform:rotate(180deg); left:-5px; top:0; }

/* Chosen */
.wpsbc-chosen-wrapper .chosen-container { width: 100% !important; }
.wpsbc-chosen-wrapper .chosen-container .chosen-choices { box-shadow: inset 0 1px 2px rgba(0,0,0,.07); background-image: none; border-color: #ddd; min-height: 32px; padding: 0 3px; }
.wpsbc-chosen-wrapper .chosen-container .chosen-choices .search-choice { box-shadow: none; background: #34495e; color: #fff; border: 0; padding: 5px 24px 6px 8px; border-radius: 2px; }
.wpsbc-chosen-wrapper .chosen-container .chosen-choices li.search-field input[type="text"] { height: 28px; padding-left: 3px; }
.wpsbc-chosen-wrapper .chosen-container .chosen-choices li.search-choice .search-choice-close { top: 7px; right: 6px; opacity: 0.7; transition: opacity 0.2s ease-in-out; }
.wpsbc-chosen-wrapper .chosen-container .chosen-choices li.search-choice .search-choice-close:hover { background-position: -42px 1px; opacity: 1; }

.wpsbc-chosen-wrapper .chosen-container.chosen-with-drop .chosen-drop { border: 0; }
.wpsbc-chosen-wrapper .chosen-container.chosen-with-drop .chosen-drop .chosen-results li { padding: 8px 10px; }
.wpsbc-chosen-wrapper .chosen-container.chosen-with-drop .chosen-drop .chosen-results li.highlighted { background: #34495e; }



/******************************************************************************************/
/* Legend Item Icon
/******************************************************************************************/
.wpsbc-legend-item-icon { position: relative; display: inline-block; width: 24px; height: 24px; border-radius: 2px; vertical-align: middle; box-sizing: border-box; overflow: hidden; }

.wpsbc-legend-item-icon[data-type="single"] div { display: none; }
.wpsbc-legend-item-icon[data-type="single"] svg { display:none; }
.wpsbc-legend-item-icon[data-type="single"] div:first-of-type { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; }

.wpsbc-legend-item-icon[data-type="split"] div:first-of-type { position: absolute; top: -115%; left: -115%; width: 200%; height: 200%; transform: rotate(45deg); }
.wpsbc-legend-item-icon[data-type="split"] div:nth-of-type(2) { position: absolute; top: 20.75%; left: 20.75%; width: 200%; height: 200%; transform: rotate(45deg); }

/******************************************************************************************/
/* Admin Fields General
/******************************************************************************************/
.wpsbc-admin-field-wrapper { margin-bottom: 15px; }
.wpsbc-admin-field-wrapper label { font-weight: bold; }

.wpsbc-admin-field-wrapper.wpsbc-field-inline { position: relative; padding-left: 150px; }
.wpsbc-admin-field-wrapper.wpsbc-field-inline > label { position: absolute; top: 4px; left: 0; }

.wpsbc-admin-field-wrapper input.wpsbc-medium,
.wpsbc-admin-field-wrapper select.wpsbc-medium { min-width: 300px; }

/* Color picker */
.wpsbc-admin-field-wrapper .wp-picker-container { position: relative; display: inline-block; }
.wpsbc-admin-field-wrapper .wp-picker-container button { width: 145px; }
.wpsbc-admin-field-wrapper .wp-picker-container .wp-picker-input-wrap { position: absolute; z-index: 1; top: 27px; left: 0; width: 100%; padding: 5px 0; background: #fff; }
.wpsbc-admin-field-wrapper .wp-picker-container .wp-picker-input-wrap input[type="text"] { width: 93px; font-weight: normal; }
.wpsbc-admin-field-wrapper .wp-picker-container .wp-picker-holder { position: absolute; z-index: 1; top: 55px; left: 0; }


/******************************************************************************************/
/* Tooltips
/******************************************************************************************/
.wpsbc-tooltip-wrapper { position: relative; margin-left: 2px; top:1px; }

.wpsbc-tooltip-wrapper .wpsbc-tooltip-icon { display: inline-block; width: 16px; height: 16px; line-height: 16px; text-align: center; font-size: 10px; vertical-align: text-top; cursor: pointer; background: #6B8CAD; color: #fff; border-radius: 10px; }

.wpsbc-tooltip-wrapper .wpsbc-tooltip-message { opacity: 0; visibility: hidden; position: absolute; z-index: 9999; top: 45px; left: 50%; width: 220px; margin-left: -110px; background: #6B8CAD; padding: 10px; line-height: 18px; font-size: 12px; border-radius: 3px; font-weight: normal; color: #fff; box-shadow: 0 2px 5px rgba( 0, 0, 0, 0.1 ), 0 0 56px rgba( 0, 0, 0, 0.075 ); box-sizing: border-box; transition: all 0.2s ease-in-out; }
.wpsbc-tooltip-wrapper:hover .wpsbc-tooltip-message { opacity: 1; visibility: visible; top: 28px; }

.wpsbc-tooltip-wrapper .wpsbc-tooltip-arrow { position: absolute; z-index: 1; top: -7px; left: 50%; margin-left: -10px; width: 0; height: 0; line-height: 0; border: 10px solid #6B8CAD; border-left-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }

.wpsbc-tooltip-wrapper a { color: #fff; }
.wpsbc-tooltip-wrapper hr { border: 0; border-bottom: 1px solid #e1e1e1; margin: 12px 0; }

/******************************************************************************************/
/* List Table General
/******************************************************************************************/
.wpsbc-list-table-no-items { text-align: center; padding: 35px; }

.wpsbc-list-table-icon.wpsbc-list-table-icon-star.wpsbc-list-table-icon-active .dashicons { color: #f0932b; }
.wpsbc-list-table-icon.wpsbc-list-table-icon-star.wpsbc-list-table-icon-inactive .dashicons { color: #95afc0; opacity: 0.55; }
.wpsbc-list-table-icon.wpsbc-list-table-icon-star.wpsbc-list-table-icon-inactive:hover .dashicons { color: #f0932b; }

.wpsbc-list-table-icon.wpsbc-list-table-icon-yes .dashicons { position: relative; top: 1px; border-radius: 50%; color: #fff; width: 18px; height: 18px; line-height: 18px; font-size: 16px; text-align: center; text-indent: -2px; }
.wpsbc-list-table-icon.wpsbc-list-table-icon-yes.wpsbc-list-table-icon-active .dashicons { background: #27ae60; }
.wpsbc-list-table-icon.wpsbc-list-table-icon-yes.wpsbc-list-table-icon-inactive .dashicons { background: #95afc0; color: #95afc0; opacity: 0.55; }
.wpsbc-list-table-icon.wpsbc-list-table-icon-yes.wpsbc-list-table-icon-inactive:hover .dashicons { background: #27ae60; color: #fff; }

/******************************************************************************************/
/* Calendars List Table
/******************************************************************************************/
.wp-list-table.wpsbc_calendars .column-id { width: 55px; }
.wp-list-table.wpsbc_calendars .column-name { width: 50%; }
@media screen and (max-width: 782px) {
	.wpsbc-wrap-calendars p.search-box {bottom:-40px}
}

/******************************************************************************************/
/* Legend Items List Table
/******************************************************************************************/
.wrap.wpsbc-wrap-legend-items .tablenav.top { display: none; }

.wpsbc-wp-list-table-wrapper { position: relative; }

.wp-list-table.wpsbc_legend_items { margin-top: 10px; }
.wp-list-table.wpsbc_legend_items .column-sort { width: 40px; text-align: center; }
.wp-list-table.wpsbc_legend_items .column-color { width: 40px; text-align: center; }
.wp-list-table.wpsbc_legend_items td { vertical-align: middle; }

.wp-list-table.wpsbc_legend_items .wpsbc-legend-item-icon { margin-top: 5px; }

.wpsbc-move-legend-item { position: relative; display: block; width: 40px; height: 40px; cursor: move; }
.wpsbc-move-legend-item .wpsbc-inner,
.wpsbc-move-legend-item .wpsbc-inner:before,
.wpsbc-move-legend-item .wpsbc-inner:after { content: ''; display: block; position: absolute; left: 50%; margin-left: -12px; width: 24px; height: 1px; background: #c1c1c1; }
.wpsbc-move-legend-item .wpsbc-inner { top: 50%; }
.wpsbc-move-legend-item .wpsbc-inner:before { top: -6px; }
.wpsbc-move-legend-item .wpsbc-inner:after { top: 6px; }

.wp-list-table.wpsbc_legend_items .ui-sortable-helper { background: #fff; box-shadow: 0 5px 10px 2px #f1f1f1; }
.wp-list-table.wpsbc_legend_items .wpsbc-list-table-sort-placeholder { display: table-row; width: 100%; height: 60px; box-sizing: border-box; box-shadow: inset 0 0 10px #d9d9d9; background: #f9f9f9 !important; }

.wpsbc-overlay { position: absolute; z-index: 3; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.65); }
.wpsbc-overlay .spinner { float: none; position: absolute; top: 50%; left: 50%; margin: -10px 0 0 -10px; visibility: visible; }

/******************************************************************************************/
/* Add New Calendar Page
/******************************************************************************************/

/* Admin notices */
.wrap.wpsbc-wrap-add-calendar div.notice { max-width: 500px; margin-left: auto; margin-right: auto; box-sizing: border-box; }

/* Icon */
#wpsbc-add-new-calendar-icon { text-align: center; }
#wpsbc-add-new-calendar-icon .wpsbc-icon-wrap { position: relative; background: #e6e6e6; width: 70px; height: 70px; border-radius: 50%; margin: 50px auto 10px; }

#wpsbc-add-new-calendar-icon .wpsbc-icon-wrap .dashicons-calendar-alt { font-size: 38px; vertical-align: middle; text-align: center; width: 70px; height: 70px; line-height: 68px; }
#wpsbc-add-new-calendar-icon .wpsbc-icon-wrap .dashicons-plus { position: absolute; top: -10px; right: -10px; background: #c1c1c1; border-radius: 50%; width: 30px; height: 30px; text-align: center; line-height: 32px; vertical-align: middle; }

/* Heading */
#wpsbc-add-new-calendar-heading { text-align: center; margin-bottom: 35px; }

/* Postbox */
#wpsbc-add-new-calendar-postbox { max-width: 500px; margin: 0 auto; }
#wpsbc-add-new-calendar-postbox .inside { padding: 30px 20px; margin: 0; }

#wpsbc-add-new-calendar-postbox h1 { text-align: center; margin-bottom: 35px; }

#wpsbc-add-new-calendar-postbox label { display: block; font-weight: bold; margin-bottom: 5px; }
#wpsbc-add-new-calendar-postbox input[type="text"],
#wpsbc-add-new-calendar-postbox select { width: 100%; height: 32px; }

#wpsbc-add-new-calendar-postbox label[for="wpsbc-new-calendar-legend"] { margin-top: 25px; }
#wpsbc-add-new-calendar-postbox select { margin-bottom: 5px; }

#wpsbc-add-new-calendar-postbox input[type=submit] { display: inline-block; margin: 0 auto; }

#wpsbc-add-new-calendar-postbox #major-publishing-actions { padding: 20px; text-align: right; }
#wpsbc-add-new-calendar-postbox #major-publishing-actions:after { content: ''; display: block; clear: both; }
#wpsbc-add-new-calendar-postbox #major-publishing-actions a { float: left; color: #777; line-height: 36px; outline: 0; box-shadow: none; }
#wpsbc-add-new-calendar-postbox #major-publishing-actions a:hover { color: #444; }

/******************************************************************************************/
/* Edit Calendar Page
/******************************************************************************************/
.wrap.wpsbc-wrap-edit-calendar #titlediv { margin-bottom: 20px; }
.wrap.wpsbc-wrap-edit-calendar #titlediv #titlewrap:after {content:""; display:block; clear:both;}
.wrap.wpsbc-wrap-edit-calendar #titlediv .titlewrap-toggle {float:right;}
.wrap.wpsbc-wrap-edit-calendar #titlediv .titlewrap-toggle svg {width:8px; margin-left:1px;}
.wrap.wpsbc-wrap-edit-calendar #titlediv .titlewrap-toggle.open svg {transform:rotate(180deg);}
.wrap.wpsbc-wrap-edit-calendar #titlediv .titlewrap-translations {display:none; clear:both; width:100%; float:right; padding-top: 10px;}
.wrap.wpsbc-wrap-edit-calendar #titlediv .titlewrap-translations input {padding: 3px 8px 3px 34px; font-size: 1.7em; line-height: 100%; height: 1.7em; width: 100%; outline: 0; margin: 0 0 3px; background-color: #fff;}
.wrap.wpsbc-wrap-edit-calendar #titlediv .titlewrap-translation {position:relative;}
.wrap.wpsbc-wrap-edit-calendar #titlediv .titlewrap-translation-flag img {position:absolute; left: 10px; top: 14px;}



.wrap.wpsbc-wrap-edit-calendar #post-body-content { float: right; margin-right: 0; }
.wrap.wpsbc-wrap-edit-calendar #poststuff #post-body.columns-2 { margin-left: 255px; margin-right: 0; }
.wrap.wpsbc-wrap-edit-calendar #post-body.columns-2 #postbox-container-1 { float: left; width: 235px; margin-left: -255px; margin-right: 0; }
.wrap.wpsbc-wrap-edit-calendar #post-body.columns-2 #postbox-container-1 .postbox { min-width: 225px; }
.wrap.wpsbc-wrap-edit-calendar #poststuff .postbox .inside { margin-top: 12px; }
.wrap.wpsbc-wrap-edit-calendar #poststuff:after { content: ''; display: block; clear: both; }

/* Calendar */
.wrap.wpsbc-wrap-edit-calendar .wpsbc-container .wpsbc-calendars .wpsbc-calendar { border: 0; margin-top: 10px; margin-bottom: 0; }
.wrap.wpsbc-wrap-edit-calendar .wpsbc-container .wpsbc-calendars .wpsbc-calendar-wrapper { padding: 10px 0 0 0; }
.wrap.wpsbc-wrap-edit-calendar .wpsbc-container .wpsbc-calendars .wpsbc-calendar .wpsbc-calendar-header { padding: 0 0 10px; background: transparent; border-bottom: 1px solid #f1f1f1; }

/* Legend */
.wpsbc-legend-item { margin-bottom: 10px; }
.wpsbc-legend-item .wpsbc-legend-item-icon { margin-right: 5px; }
.wpsbc-legend-item .wpsbc-legend-item-name { display: inline-block; vertical-align: middle; }

/* Calendar Editor */
#wpsbc-calendar-events { position: relative; }

#wpsbc-calendar-editor .wpsbc-calendar-date { padding: 3px 0; }

.wpsbc-calendar-date-legend-item,
.wpsbc-calendar-date-legend-item-header { position: relative; display: inline-block; width: 180px; padding-left: 35px; margin-right: 7px; box-sizing: border-box; }
.wpsbc-calendar-date-legend-item-header { padding-left: 0; }
.wpsbc-calendar-date-legend-item select { width: 100%; height: 30px; margin: 0; }
.wpsbc-calendar-date-legend-item .wpsbc-legend-item-icon-wrapper,
.wpsbc-calendar-date-legend-item .wpsbc-legend-item-icon { position: absolute; top: 0; left: 0; width: 30px; height: 30px; }
.wpsbc-calendar-date-legend-item .wpsbc-date-inner { position: relative; z-index: 2; line-height: 30px; width: 100%; text-align: center; }

.wpsbc-calendar-date-description-ical { position: relative; display: inline-block; width: calc( 100% - 200px ); margin-right:7px; }
.wpsbc-calendar-date-description,
.wpsbc-calendar-date-tooltip,
.wpsbc-calendar-date-description-header,
.wpsbc-calendar-date-tooltip-header { position: relative; display: inline-block; width: calc( 100% - 200px ); }
.wpsbc-calendar-date-description-ical .dashicons,
.wpsbc-calendar-date-description .dashicons,
.wpsbc-calendar-date-tooltip .dashicons { position: absolute; left: 5px; top: 5px; color: #d6d6d6; }
.wpsbc-calendar-date-description-ical input,
.wpsbc-calendar-date-description input,
.wpsbc-calendar-date-tooltip input { width: 100%; height: 30px; margin: 0; vertical-align: middle; padding-left: 30px; }

.wpsbc-calendar-date-description,
.wpsbc-calendar-date-description-header { margin-right: 7px; }

.wpsbc-calendar-date-legend-item-header,
.wpsbc-calendar-date-description-header,
.wpsbc-calendar-date-tooltip-header { margin-bottom: 7px; font-weight: bold; }

.wpsbc-save-calendar-spinner { float: none; margin-top: 0; }


/* Export CSV */
.wrap.wpsbc-wrap-edit-calendar .postbox .button-secondary .dashicons {position: relative; top:2px; left:-2px;}

.wp-admin .ui-datepicker.wpsbc-datepicker { border: 1px solid #ccc;  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4); }


/******************************************************************************************/
/* iCalendar Import/Export Page
/******************************************************************************************/
.wpsbc-wrap #dashboard-widgets-wrap { overflow: visible; }

.wpsbc-wrap .wpsbc-settings-field-inner .wpsbc-warning {padding-top:6px; font-weight: bold; display:none;}
.wpsbc-wrap .wpsbc-settings-field-inner .wpsbc-warning span.dashicons {color: #ffba00;}

#wpsbc-settings-field-ical-import,
#wpsbc-settings-field-ical-export { font-size: 12px; height: 32px; }

#wpsbc-ical-url-import .wpsbc-settings-field-conditional {display: none;}
#ical_url_import_split_days {position:relative; top:2px;}

.wpsbc-ical-feed-calendar { position: relative; padding: 15px 80px 15px 40px; border-bottom: 1px solid #eee; box-sizing: border-box; }
.wpsbc-ical-feed-calendar:after { clear: both; display: block; }

.wpsbc-ical-feed-calendar p { margin-top: 5px; margin-bottom: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #757575; }
.wpsbc-ical-feed-calendar small { color: #757575; }

.wpsbc-ical-feed-calendar .wpsbc-trash { position: absolute; right: 12px; top: 50%; margin-top: -10px; line-height: 20px; vertical-align: middle; color: #a00; }
.wpsbc-ical-feed-calendar .wpsbc-trash:hover { color: #dc3232; }

.wpsbc-ical-feed-calendar .wpsbc-legend-item-icon { position: absolute; left: 12px; top: 15px; width: 16px; height: 16px; }


/******************************************************************************************/
/* Modals
/******************************************************************************************/
.wpsbc-modal { display: none; position: fixed; z-index: 85462256; background-color: #fff; border: 1px solid rgba(0,0,0,.08); margin: 0 auto; max-height: 600px; max-width: 950px; top: 7.5%; bottom: 7.5%; left: calc(45% - 400px ); right: calc(45% - 400px ); box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12); overflow: hidden; }
.wpsbc-modal.wpsbc-active { display: block; }

.wpsbc-modal .wpsbc-modal-header { position: relative; padding: 20px 15px; box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12); }
.wpsbc-modal .wpsbc-modal-header h2 { margin: 0; font-size: 1.6em; font-weight: normal; }
.wpsbc-modal .wpsbc-modal-header h2 .dashicons { margin-right: 5px; }
.wpsbc-modal .wpsbc-modal-header .wpsbc-modal-close { position: absolute; right: 15px; top: 50%; margin-top: -15px; width: 30px; height: 30px; line-height: 30px; font-size: 30px; cursor: pointer; }

.wpsbc-modal .wpsbc-modal-nav-tab-wrapper { list-style: none; background: rgba( 0, 0, 0, 0.08 ); padding: 0; margin: 0; }
.wpsbc-modal .wpsbc-modal-nav-tab-wrapper:after { content: ''; display: block; clear: both; }
.wpsbc-modal .wpsbc-modal-nav-tab-wrapper li { display: block; margin: 0; float: left; }
.wpsbc-modal .wpsbc-modal-nav-tab-wrapper li a { position: relative; display: block; padding: 14px 16px; color: #444; text-decoration: none; font-weight: bold; outline: 0; box-shadow: none; }
.wpsbc-modal .wpsbc-modal-nav-tab-wrapper li a:after { content: ''; display: block; position: absolute; bottom: 0; left: 50%; width: 0; height: 2px; background: #66b3ff; transition: all 0.2s ease-in-out; }
.wpsbc-modal .wpsbc-modal-nav-tab-wrapper li a:hover:after { left: 0%; width: 100%; }
.wpsbc-modal .wpsbc-modal-nav-tab-wrapper li.wpsbc-active a { background: rgba( 0, 0, 0, 0.15 ); }
.wpsbc-modal .wpsbc-modal-nav-tab-wrapper li.wpsbc-active a:after { left: 0%; width: 100%; }

.wpsbc-modal .wpsbc-modal-body .wpsbc-modal-inner { padding: 15px; overflow-y: scroll; }

.wpsbc-modal .wpsbc-modal-body .wpsbc-modal-tab { margin: 0; }
.wpsbc-modal .wpsbc-modal-body .wpsbc-modal-tab.wpsbc-active { padding-bottom: 5px; }

.wpsbc-modal-overlay { display: none; position: fixed; z-index: 85462255; top: 0; left: 0; width: 100%; height: 100%; background: rgba( 0, 0, 0, 0.5 ); }
.wpsbc-modal-overlay.wpsbc-active { display: block; }

.wpsbc-modal .wpsbc-tooltip-message { width: 240px; margin-left: -120px; }

.wpsbc-modal .wpsbc-modal-body .wpsbc-modal-tab .wpsbc-element-disabled { position: relative; }
.wpsbc-modal .wpsbc-modal-body .wpsbc-modal-tab .wpsbc-element-disabled:before { content: ''; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background: #fff; opacity: 0.6; }


/******************************************************************************************/
/* Shortcode Generator
/******************************************************************************************/
#wpsbc-shortcode-generator-button span { position: relative; top: -2px; display: inline-block; width: 18px; height: 18px; vertical-align: text-top; margin: 0 4px 0 0; font-size: 18px; }

#wpsbc-modal-add-calendar-shortcode .wpsbc-tab { display: block; height: 0; position: relative; top: 50px; visibility: hidden; opacity: 0; transition: all 0.2s ease-in-out; overflow: hidden; }
#wpsbc-modal-add-calendar-shortcode .wpsbc-tab.wpsbc-active { height: auto; top: 0; opacity: 1; visibility: visible; overflow: visible; }

#wpsbc-modal-add-calendar-shortcode h3 { margin-bottom: 0; }
#wpsbc-modal-add-calendar-shortcode h4 { font-size: 1.1em; margin-bottom: 0; }
#wpsbc-modal-add-calendar-shortcode hr { margin: 1.33em 0; }
#wpsbc-modal-add-calendar-shortcode p:first-of-type { margin-top: 0.5em; margin-bottom: 2.2em; }
#wpsbc-modal-add-calendar-shortcode label { display: block; margin-bottom: 5px; font-weight: bold; }
#wpsbc-modal-add-calendar-shortcode select { width: 100%; }



/******************************************************************************************/
/* Settings Page
/******************************************************************************************/

/* Languages Tab */
.wpsbc-tab.wpsbc-tab-languages .wpsbc-settings-field-inner > div { margin-bottom: 7px; }
.wpsbc-tab.wpsbc-tab-languages .wpsbc-settings-field-inner > div img { margin: 0 5px 0 5px; }

/* Register Website Tab */
#wpsbc-wpsbc-settings-field-register-website input { max-width: 300px; margin: 0; }
#wpsbc-wpsbc-settings-field-register-website .button-primary,
#wpsbc-wpsbc-settings-field-register-website .button-secondary { vertical-align: top; height: 29px; line-height: 27px; }

/* Uninstaller Tab */
#wpsbc-uninstaller-confirmation { display: none; }

.wpsbc-settings-field-inner.wpsbc-settings-field-inner-inline small {display: inline-block; position: relative; top: 3px; font-style:italic;}


/******************************************************************************************/
/* Upgrader Page
/******************************************************************************************/
#wpsbc-upgrader-content { max-width: 800px; margin: 0 auto; text-align: center; }

#wpsbc-upgrader-content-inner { min-height: 85px; }

#wpsbc-upgrader-content-inner :first-child { margin-top: 0; }
#wpsbc-upgrader-content-inner :last-child { margin-bottom: 0; }

#wpsbc-upgrader-button-wrapper { position: relative; display: inline-block; margin-top: 40px; padding: 0 30px; }

#wpsbc-upgrader-button-wrapper .spinner { position: absolute; margin: 0; right: 0; top: 10px; }

#wpsbc-upgrader-button-start-upgrade span { display: none; }
#wpsbc-upgrader-button-start-upgrade span:nth-of-type(1) { display: block; }

#wpsbc-upgrader-button-continue { display: none; }

#wpsbc-upgrader-loading-bar-wrapper { display: none; min-height: 85px; }

#wpsbc-upgrader-loading-bar { position: relative; top: 42px; background: #d5d5d5; height: 3px; width: 100%; }
#wpsbc-upgrader-loading-bar:after { content: ''; display: block; position: absolute; z-index: 1; top: 0; left: 0; width: 0%; height: 3px; background: #27ae60; transition: width 0.4s ease-in-out; }

.wpsbc-upgrader-loading-bar-step,
#wpsbc-upgrader-loading-bar .spinner { visibility: visible; opacity: 1; position: absolute; z-index: 2; top: -9px; margin-left: -10px; width: 20px; height: 20px; background-color: #d5d5d5; border-radius: 50%; }

#wpsbc-upgrader-loading-bar .spinner { background-color: #f1f1f1; margin: 0; margin-left: -10px; left: 0; }

#wpsbc-upgrader-loading-bar-step-1,
#wpsbc-upgrader-message-doing-step-1,
#wpsbc-upgrader-message-step-1 { left: 0; }
#wpsbc-upgrader-loading-bar-step-2,
#wpsbc-upgrader-message-doing-step-2,
#wpsbc-upgrader-message-step-2 { left: 33.3333%; }
#wpsbc-upgrader-loading-bar-step-3,
#wpsbc-upgrader-message-doing-step-3,
#wpsbc-upgrader-message-step-3 { left: 66.6666%; }
#wpsbc-upgrader-loading-bar-step-4,
#wpsbc-upgrader-message-doing-step-4,
#wpsbc-upgrader-message-step-4 { left: 100%; }

.wpsbc-upgrader-message-step,
.wpsbc-upgrader-message-doing-step { position: absolute; top: 20px; width: 250px; margin-left: -125px !important; text-align: center; }

.wpsbc-upgrader-message-step { opacity: 0.35; }
.wpsbc-upgrader-message-doing-step { display: none; }

/* Upgrader Step 1 */
#wpsbc-upgrader-loading-bar-wrapper[data-step="1"] #wpsbc-upgrader-loading-bar .spinner { left: 0; }

/* Upgrader Step 2 */
#wpsbc-upgrader-loading-bar-wrapper[data-step="2"] #wpsbc-upgrader-loading-bar .spinner { left: 33.3333%; }

#wpsbc-upgrader-loading-bar-wrapper[data-step="2"] #wpsbc-upgrader-message-step-1 { opacity: 1; color: #27ae60; }

#wpsbc-upgrader-loading-bar-wrapper[data-step="2"] #wpsbc-upgrader-loading-bar-step-1 { background-color: #27ae60; }

#wpsbc-upgrader-loading-bar-wrapper[data-step="2"] #wpsbc-upgrader-loading-bar:after { width: 33.3333%; }

/* Upgrader Step 3 */
#wpsbc-upgrader-loading-bar-wrapper[data-step="3"] #wpsbc-upgrader-loading-bar .spinner { left: 66.6666%; }

#wpsbc-upgrader-loading-bar-wrapper[data-step="3"] #wpsbc-upgrader-message-step-1,
#wpsbc-upgrader-loading-bar-wrapper[data-step="3"] #wpsbc-upgrader-message-step-2 { opacity: 1; color: #27ae60; }

#wpsbc-upgrader-loading-bar-wrapper[data-step="3"] #wpsbc-upgrader-loading-bar-step-1,
#wpsbc-upgrader-loading-bar-wrapper[data-step="3"] #wpsbc-upgrader-loading-bar-step-2 { background-color: #27ae60; }

#wpsbc-upgrader-loading-bar-wrapper[data-step="3"] #wpsbc-upgrader-loading-bar:after { width: 66.6666%; }

/* Upgrader Step 4 */
#wpsbc-upgrader-loading-bar-wrapper[data-step="4"] #wpsbc-upgrader-loading-bar .spinner { left: 100%; }

#wpsbc-upgrader-loading-bar-wrapper[data-step="4"] #wpsbc-upgrader-message-step-1,
#wpsbc-upgrader-loading-bar-wrapper[data-step="4"] #wpsbc-upgrader-message-step-2,
#wpsbc-upgrader-loading-bar-wrapper[data-step="4"] #wpsbc-upgrader-message-step-3 { opacity: 1; color: #27ae60; }

#wpsbc-upgrader-loading-bar-wrapper[data-step="4"] #wpsbc-upgrader-loading-bar-step-1,
#wpsbc-upgrader-loading-bar-wrapper[data-step="4"] #wpsbc-upgrader-loading-bar-step-2,
#wpsbc-upgrader-loading-bar-wrapper[data-step="4"] #wpsbc-upgrader-loading-bar-step-3 { background-color: #27ae60; }

#wpsbc-upgrader-loading-bar-wrapper[data-step="4"] #wpsbc-upgrader-loading-bar:after { width: 100%; }

/* Upgrader Step 5 */
#wpsbc-upgrader-loading-bar-wrapper[data-step="5"] #wpsbc-upgrader-loading-bar .spinner { display: none; }

#wpsbc-upgrader-loading-bar-wrapper[data-step="5"] #wpsbc-upgrader-message-step-1,
#wpsbc-upgrader-loading-bar-wrapper[data-step="5"] #wpsbc-upgrader-message-step-2,
#wpsbc-upgrader-loading-bar-wrapper[data-step="5"] #wpsbc-upgrader-message-step-3,
#wpsbc-upgrader-loading-bar-wrapper[data-step="5"] #wpsbc-upgrader-message-step-4 { opacity: 1; color: #27ae60; }

#wpsbc-upgrader-loading-bar-wrapper[data-step="5"] #wpsbc-upgrader-loading-bar-step-1,
#wpsbc-upgrader-loading-bar-wrapper[data-step="5"] #wpsbc-upgrader-loading-bar-step-2,
#wpsbc-upgrader-loading-bar-wrapper[data-step="5"] #wpsbc-upgrader-loading-bar-step-3,
#wpsbc-upgrader-loading-bar-wrapper[data-step="5"] #wpsbc-upgrader-loading-bar-step-4 { background-color: #27ae60; }

#wpsbc-upgrader-loading-bar-wrapper[data-step="5"] #wpsbc-upgrader-loading-bar:after { width: 100%; }

/* Skip Migration */

#wpsbc-upgrader-skip-wrapper { margin-top: 20px; }

/* Print Styles */
@media print {
	#adminmenumain {display: none;}
	#wpcontent {margin: 0 !important;}
}



.wpsbc-page-notice { background: #fff; border-left-style: solid; border-left-width: 4px; box-shadow: 0 1px 1px 0 rgba(0,0,0,.1); margin: 5px 0 15px; padding: 1px 12px;}
.wpsbc-page-notice p {font-size:13px; line-height:1.5; margin: .5em 0; padding: 2px; }

/*** Premium CTA ***/
.wpsbc-wrap-upgrade-to-premium h3 {margin:30px 0;}
.wpsbc-wrap-upgrade-to-premium ul {float:left; width:75%; margin:0;}
.wpsbc-wrap-upgrade-to-premium ul:after {display: block; clear: both; content:"";}
.wpsbc-wrap-upgrade-to-premium ul li {display:block; float:left; width:24%; margin:0 1% 1% 0; background:#fff; padding:15px; box-sizing:border-box;}
.wpsbc-wrap-upgrade-to-premium ul li:nth-child(4n+1) {clear:both;}
.wpsbc-wrap-upgrade-to-premium ul li strong {font-size:16px;}
.wpsbc-wrap-upgrade-to-premium ul li strong span {color: #3cc33c; font-size: 30px; position: relative; top: -4px; left: -7px;}
.wpsbc-wrap-upgrade-to-premium ul li p {margin:0; padding-top:10px;}

.wpsbc-wrap-upgrade-to-premium .cta {float:right; width:25%; background-color:#9aca41; padding:30px; box-sizing:border-box; color:#fff; margin-bottom:1%;}
.wpsbc-wrap-upgrade-to-premium .cta h3 {color:#fff; font-size:22px; line-height:28px; margin:0;}
.wpsbc-wrap-upgrade-to-premium .cta a.wpsbc-button {padding: 20px 30px 20px 30px; border-radius: 2px; text-align: center; font-size:20px; font-weight: bold; display:block; background:#1075a0; color:#fff; text-decoration:none; margin-top:20px; }
.wpsbc-wrap-upgrade-to-premium .cta a.wpsbc-button:hover {color:#000; background:#fff;}
.wpsbc-wrap-upgrade-to-premium .cta p.prices {text-align:center; margin:2px 0; font-size:12px;}


.wpsbc-wrap-upgrade-to-premium .cta-2 {float:right; width:25%; background-color:#fff; padding:30px; box-sizing:border-box; color:#fff; margin-bottom:20px;}
.wpsbc-wrap-upgrade-to-premium .cta-2 h4 {color:#000; font-size:18px; line-height:28px; margin:0; text-align: center;}
.wpsbc-wrap-upgrade-to-premium .cta-2 p.discount {text-align: center;}
.wpsbc-wrap-upgrade-to-premium .cta-2 p.discount strong {display:inline-block; background:#1075a0; color:#fff; padding:4px 10px; font-size:18px;  }

.wpsbc-wrap-upgrade-cta {width:100%; background:#fff; padding:20px; box-sizing: border-box; border-radius:2px; display:block; text-decoration: none;}
.wpsbc-modal-inner .wpsbc-wrap-upgrade-cta {background:#f7f7f7;}
.wpsbc-wrap-upgrade-cta:hover .wpsbc-wrap-upgrade-cta-button {background:#1075a0;}
.wpsbc-wrap-upgrade-cta:after {display: block; content:""; clear: both;}
.wpsbc-wrap-upgrade-cta .wpsbc-wrap-upgrade-cta-button {padding: 15px 20px; border-radius: 2px; text-align: center; font-size:16px; font-weight: bold; display:block; float:right; background:#9aca41; color:#fff; text-decoration:none; }
.wpsbc-wrap-upgrade-cta .wpsbc-wrap-upgrade-cta-heading {color: #23282d; font-size: 1.3em; line-height:28px; padding:10px 0; display: block;}


/* 5.3 Styles */

.wpsbc-greater-5-3 .wpsbc-wrap select {max-width:none; border-radius:4px; min-height:28px;}

.wpsbc-greater-5-3 .wpsbc-ical-feed-calendar {border-bottom:1px solid #ccd0d4;}
.wpsbc-greater-5-3 .postbox .wpsbc-plugin-card-bottom {border-top:1px solid #ccd0d4;}

.wpsbc-greater-5-3 .wpsbc-chosen-wrapper .chosen-container .chosen-choices {border-color:#7e8993; border-radius:4px; box-shadow:none; background: #fff url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E') no-repeat right 5px top 55%; background-size: 16px 16px; cursor: pointer;}
.wpsbc-greater-5-3 .wpsbc-chosen-wrapper .chosen-container.chosen-container-active .chosen-choices {border-color: #007cba; box-shadow: 0 0 0 1px #007cba;}
.wpsbc-greater-5-3 .wpsbc-chosen-wrapper .chosen-container .chosen-choices .search-choice {background: #007cba;}
.wpsbc-greater-5-3 .wpsbc-chosen-wrapper .chosen-container.chosen-with-drop .chosen-drop .chosen-results li.highlighted {background: #007cba;}
.wpsbc-greater-5-3 .wpsbc-chosen-wrapper .chosen-container.chosen-with-drop .chosen-drop {top: calc(100% + 1px);}
.wpsbc-greater-5-3 .wpsbc-chosen-wrapper .chosen-container .chosen-choices li.search-field input[type="text"] {min-height:28px; margin:0;}
.wpsbc-greater-5-3 .wpsbc-chosen-wrapper .chosen-container .chosen-choices {min-height:30px;}
.wpsbc-greater-5-3 .wpsbc-chosen-wrapper .chosen-container-multi .chosen-choices li.search-choice,
.wpsbc-greater-5-3 .wpsbc-chosen-wrapper .chosen-container-multi .chosen-choices li.search-choice {margin:2px 3px 2px 0;}



@media screen and ( max-width : 850px ) {

	/* Hide the headers of the availability table */
	.wpsbc-calendar-date-legend-item-header,
	.wpsbc-calendar-date-description-header,
	.wpsbc-calendar-date-tooltip-header { display: none; }

	/* Make the availability fields 100% in width */
	.wpsbc-calendar-date-legend-item,
	.wpsbc-calendar-date-description-ical,
	.wpsbc-calendar-date-description,
	.wpsbc-calendar-date-tooltip { width: 100%; margin-top: 10px; }

	/* Match the heights for all availability fields */
	.wpsbc-calendar-date-legend-item { padding-left: 45px; }

	.wpsbc-calendar-date-description-ical input,
	.wpsbc-calendar-date-description input, 
	.wpsbc-calendar-date-tooltip input { height: 36px; }

	.wpsbc-calendar-date-description-ical .dashicons, 
	.wpsbc-calendar-date-description .dashicons, 
	.wpsbc-calendar-date-tooltip .dashicons { top: 8px; left: 8px; }

	.wpsbc-calendar-date-legend-item .wpsbc-legend-item-icon-wrapper, 
	.wpsbc-calendar-date-legend-item .wpsbc-legend-item-icon { width: 36px; height: 36px; }
	.wpsbc-calendar-date-legend-item .wpsbc-date-inner { line-height: 36px; }

	/* Position sidebar */
	.wrap.wpsbc-wrap-edit-calendar #post-body.columns-2 #postbox-container-1 { margin-left: 0; }

	.wpsbc-greater-5-3 #wpsbc-calendar-editor .wpsbc-wrap select {min-height:36px; line-height:1;}
}