/******************************************************************************************/
/* Single Calendar Resets
/******************************************************************************************/
.wpsbc-container { position: relative; visibility: hidden; }
.wpsbc-container .wpsbc-calendars-wrapper { position: relative; }

.wpsbc-container .wpsbc-calendars:after { content: ''; display: block; clear: both; }

.wpsbc-container .wpsbc-calendars .wpsbc-calendar table { table-layout: fixed; width: 100%; border-collapse: collapse; margin: 0 !important; padding: 0 !important; border: 0 !important; }
.wpsbc-container .wpsbc-calendars .wpsbc-calendar table thead,
.wpsbc-container .wpsbc-calendars .wpsbc-calendar table tbody,
.wpsbc-container .wpsbc-calendars .wpsbc-calendar table tr { border: 0 !important; padding: 0 !important; margin: 0 !important; background: transparent; }
.wpsbc-container .wpsbc-calendars .wpsbc-calendar table tr th,
.wpsbc-container .wpsbc-calendars .wpsbc-calendar table tr td { position: relative; border: 0 !important; padding: 0 !important; margin: 0 !important; background: transparent; text-shadow: none; box-shadow: none; box-sizing: border-box; }

/******************************************************************************************/
/* Single Calendar Default Styles
/******************************************************************************************/
.wpsbc-container .wpsbc-calendars .wpsbc-calendar { position: relative; border: 1px solid #f1f1f1; background: #fff; margin-bottom: 1em; }
.wpsbc-container .wpsbc-calendars .wpsbc-calendar-wrapper { padding: 0.5em; }

/******************************************************************************************/
/* Calendar Loading Overlay
/******************************************************************************************/
.wpsbc-container .wpsbc-overlay,
.wpsbc-overview-container .wpsbc-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba( 255,255,255,0.6 ); }

.wpsbc-overlay-spinner { position: absolute; top: 50%; left: 50%; margin-top: -6px; margin-left: -35px; width: 70px; text-align: center; }
.wpsbc-overlay-spinner > div { width: 12px; height: 12px; background-color: #333; border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both; }
.wpsbc-overlay-spinner .wpsbc-overlay-bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; }
.wpsbc-overlay-spinner .wpsbc-overlay-bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; }
@-webkit-keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0) } 40% { -webkit-transform: scale(1.0) } }
@keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1.0); transform: scale(1.0); } }

/******************************************************************************************/
/* Single Calendar Header
/******************************************************************************************/
.wpsbc-container .wpsbc-calendars .wpsbc-calendar .wpsbc-calendar-header { text-align: center; padding: 0.5em; background: #f5f5f5 }

.wpsbc-container .wpsbc-calendars .wpsbc-calendar .wpsbc-calendar-header .wpsbc-calendar-header-navigation { position: relative; padding: 0 30px; min-height: 26px; font-size: 13px; line-height: 26px; }

/******************************************************************************************/
/* Single Calendar Header Button Navigation
/******************************************************************************************/
.wpsbc-container .wpsbc-calendars .wpsbc-calendar .wpsbc-calendar-header .wpsbc-calendar-header-navigation .wpsbc-prev,
.wpsbc-container .wpsbc-calendars .wpsbc-calendar .wpsbc-calendar-header .wpsbc-calendar-header-navigation .wpsbc-next { position: absolute; display: block; top: 50%; height: 26px; width: 26px; line-height: 26px; margin-top: -13px; vertical-align: middle; text-decoration: none; border: 0; box-shadow: none; color: #fff; background: #bdc3c7; border-radius: 2px; }

.wpsbc-container .wpsbc-calendars .wpsbc-calendar .wpsbc-calendar-header .wpsbc-calendar-header-navigation .wpsbc-prev { left: 0; }
.wpsbc-container .wpsbc-calendars .wpsbc-calendar .wpsbc-calendar-header .wpsbc-calendar-header-navigation .wpsbc-next { right: 0; }

.wpsbc-container .wpsbc-calendars .wpsbc-calendar .wpsbc-calendar-header .wpsbc-calendar-header-navigation .wpsbc-next .wpsbc-arrow,
.wpsbc-container .wpsbc-calendars .wpsbc-calendar .wpsbc-calendar-header .wpsbc-calendar-header-navigation .wpsbc-prev .wpsbc-arrow { position: absolute; top: 50%; margin-top: -5px; display: inline-block; width: 0; height: 0; border-style: solid; }

.wpsbc-container .wpsbc-calendars .wpsbc-calendar .wpsbc-calendar-header .wpsbc-calendar-header-navigation .wpsbc-next .wpsbc-arrow { right: 50%; margin-right: -5px; border-width: 5px 0 5px 8.7px; border-color: transparent transparent transparent #ffffff; }
.wpsbc-container .wpsbc-calendars .wpsbc-calendar .wpsbc-calendar-header .wpsbc-calendar-header-navigation .wpsbc-prev .wpsbc-arrow { left: 50%; margin-left: -5px; border-width: 5px 8.7px 5px 0; border-color: transparent #fff transparent transparent; }

/******************************************************************************************/
/* Single Calendar Header Select Navigation
/******************************************************************************************/
.wpsbc-container .wpsbc-calendars .wpsbc-calendar .wpsbc-calendar-header .wpsbc-select-container select { width: 100%; height: 26px; line-height: 26px; margin: 0; padding: 0 10px; vertical-align: top; font-size: 13px; box-sizing: border-box !important; }

/******************************************************************************************/
/* Single Calendar Table Week Numbers
/******************************************************************************************/
.wpsbc-container .wpsbc-calendars .wpsbc-calendar table td .wpsbc-week-number { background: #e8e8e8; height: 32px; }

/******************************************************************************************/
/* Single Calendar Table Dates
/******************************************************************************************/
.wpsbc-container .wpsbc-calendars .wpsbc-calendar table tr th,
.wpsbc-container .wpsbc-calendars .wpsbc-calendar table tr td { text-align: center; padding: 1px !important; font-size: 13px; }

.wpsbc-container .wpsbc-calendars .wpsbc-calendar table th { font-weight: bold; color: inherit; }

.wpsbc-container .wpsbc-calendars .wpsbc-calendar table tr td .wpsbc-date { position: relative; width: 100%; height: 100%; }
.wpsbc-container .wpsbc-calendars .wpsbc-calendar table tr td .wpsbc-date-inner { position: relative; width: 100%; height: 32px; }
.wpsbc-container .wpsbc-calendars .wpsbc-calendar table tr td .wpsbc-date-inner .wpsbc-date-number { position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%; font-size: 13px; }

.wpsbc-container .wpsbc-calendars .wpsbc-calendar table tr td .wpsbc-date.wpsbc-gap { background: #f7f7f7; }

/******************************************************************************************/
/* Legend: Legend Item
/******************************************************************************************/
.wpsbc-legend { text-align: left; margin: 1em 0; padding: 0.5em 0.5em 0; border: 1px solid #f1f1f1; }

.wpsbc-legend .wpsbc-legend-item { display: inline-block; margin-bottom: 0.5em; margin-right: 0.5em; }
.wpsbc-legend .wpsbc-legend-item-icon { position: relative; display: inline-block; width: 24px; height: 24px; vertical-align: middle; margin-right: 5px; box-sizing: border-box; overflow: hidden; }
.wpsbc-legend .wpsbc-legend-item-name { display: inline-block; vertical-align: middle; font-size: 13px; }

/* Legend position: side */
.wpsbc-calendars-wrapper.wpsbc-legend-position-side { padding-right: 165px; box-sizing: content-box !important; }
.wpsbc-calendars-wrapper.wpsbc-legend-position-side .wpsbc-legend { position: absolute; top: 0; right: 0; width: 155px; margin-top: 0; background: #fff; box-sizing: border-box !important; }
.wpsbc-calendars-wrapper.wpsbc-legend-position-side .wpsbc-legend .wpsbc-legend-item { display: block; margin-right: 0; }

/******************************************************************************************/
/* Calendar: Legend Item Icon
/******************************************************************************************/
.wpsbc-calendars .wpsbc-legend-item-icon { position: absolute; z-index: 0; top: 0; left: 0; display: inline-block; width: 100%; height: 100%; box-sizing: border-box; overflow: hidden; }

.wpsbc-legend-item-icon[data-type="single"] div { 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); }

/******************************************************************************************/
/* Calendar: Tooltip
/******************************************************************************************/
.wpsbc-container .wpsbc-tooltip,
.wpsbc-overview-container .wpsbc-tooltip { display: none; position: fixed; z-index: 2; left: 0; top: 0; font-size: 12px; background: #fff; text-align: left; padding: 10px; box-shadow: 0 0 5px 1px rgba(0,0,0,0.1); box-sizing: border-box; width: 180px; margin-left: 2px; }

.wpsbc-container .wpsbc-date:hover .wpsbc-tooltip,
.wpsbc-overview-container .wpsbc-date:hover .wpsbc-tooltip { display: block; }

.wpsbc-container .wpsbc-tooltip strong,
.wpsbc-overview-container .wpsbc-tooltip strong { display: block; margin-bottom: 5px; }

.wpsbc-container .wpsbc-tooltip-corner,
.wpsbc-overview-container .wpsbc-tooltip-corner { position: absolute; top: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 6px 6px 0; border-color: transparent red transparent transparent; z-index: 1; }

/******************************************************************************************/
/* Calendar Columns
/******************************************************************************************/
.wpsbc-container[data-columns] .wpsbc-calendars .wpsbc-calendar { float: left; margin-left: 5px; margin-right: 5px; box-sizing: border-box !important; }
.wpsbc-container[data-columns] .wpsbc-calendars { margin-left: -5px; margin-right: -5px; }

.wpsbc-container[data-columns="6"] .wpsbc-calendars .wpsbc-calendar { width: calc( 16.6666% - 10px ); }
.wpsbc-container[data-columns="4"] .wpsbc-calendars .wpsbc-calendar { width: calc( 25% - 10px ); }
.wpsbc-container[data-columns="3"] .wpsbc-calendars .wpsbc-calendar { width: calc( 33.3333% - 10px ); }
.wpsbc-container[data-columns="2"] .wpsbc-calendars .wpsbc-calendar { width: calc( 50% - 10px ); }

/******************************************************************************************/
/* Overview Calendar Resets
/******************************************************************************************/
.wpsbc-overview-container { position: relative; visibility: hidden; margin: 1.5em 0; }
.wpsbc-overview-container .wpsbc-calendars-wrapper { position: relative; float: left; }

.wpsbc-overview-container .wpsbc-overview-inner { position: relative; overflow-x: scroll; overflow-y: hidden; }

.wpsbc-overview-container .wpsbc-overview-row { margin: 0; padding: 0; box-shadow: none; }

.wpsbc-overview-container .wpsbc-overview-row-content > div { position: relative; display: block; border: 0; padding: 0; margin: 0; box-shadow: none; box-sizing: border-box; }

/******************************************************************************************/
/* Overview Calendar Header Row Default Styles
/******************************************************************************************/
.wpsbc-overview-header .wpsbc-overview-row-content > div .wpsbc-date,
.wpsbc-overview-row-abbreviations .wpsbc-overview-row-content > div .wpsbc-date { background: #f3f3f3; }

/******************************************************************************************/
/* Overview Calendar Row Default Styles
/******************************************************************************************/
.wpsbc-overview-container .wpsbc-overview-row-content > div { float: left; padding: 1px; }
.wpsbc-overview-container .wpsbc-overview-row-content:after { content: ''; display: block; height: 0; clear: both; }

.wpsbc-overview-container .wpsbc-overview-row-content div .wpsbc-date { position: relative; width: 25px; height: 25px; line-height: 25px; font-size: 12px; vertical-align: middle; text-align: center; overflow: hidden; }
.wpsbc-overview-container .wpsbc-overview-row-content div .wpsbc-date-inner { position: relative; width: 100%; height: 100%; }

/******************************************************************************************/
/* Overview Calendar Row Header
/******************************************************************************************/
.wpsbc-overview-container .wpsbc-overview-row .wpsbc-overview-row-header { float: left; display: block; font-size: 12px; width: 150px; padding: 1px; box-sizing: border-box; }
.wpsbc-overview-container .wpsbc-overview-row .wpsbc-overview-row-header-inner { position: relative; height: 100%; width: 100%; min-height: 25px; line-height: 25px; vertical-align: middle; background: #f3f3f3; padding: 0 8px; box-sizing: border-box; }

/******************************************************************************************/
/* Overview Calendar Navigation
/******************************************************************************************/
.wpsbc-overview-container .wpsbc-overview-header-navigation .wpsbc-overview-row-header-inner { padding: 0 3px; }
.wpsbc-overview-container .wpsbc-overview-header-navigation .wpsbc-overview-row-header-inner select { height: 20px; line-height: 20px; font-size: 12px; width: 100%; margin: 0; padding: 0 5px; }