finlabsindia/wp-content/plugins/booked/assets/css/admin-styles.css

/* SAVING STATES, ETC */
.savingState, .no-pending-message, .calendarSavingState, #data-ajax-url, #timepickerTemplate { display:none; }
.topSavingState.savingState { top:31px; right:31px; font-size: 16px; color:rgba(255,255,255,0.75); position:absolute; z-index:1; }
.hide-in-admin { display:none !important; }
.faded { opacity:0.2; }
.bookedClearFix:after {
	content: " ";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

body.booked-noScroll { position:fixed; width:100%; overflow:hidden; }

#wp-admin-bar-booked .ab-icon:before { content: "\f508"; top:1px; }

.update-nag .booked-icon { color:#888; }

/* GENERAL STYLES */
.booked-settings-wrap { padding:0; margin:0 0 0 -20px; position:relative; }
.booked-settings-wrap .booked-settings-title { position:relative; margin:0; padding:2rem 0 2.1rem 2rem; background:#0073AA; color:#fff; font-size:1.5rem; line-height:1rem; letter-spacing:0.05rem; text-align:left; }
.booked-settings-wrap .booked-settings-title .booked-icon { position:relative; top:-2px; }
body.booked_bookings_page_booked_plugin .settings-error code { display:block; margin:5px 0; }
#booked_plugin_booked_bookings_section .inside { margin:0; padding:40px; }
.booked-settings-wrap .booked-settings-title, table.booked-calendar th, table.booked-calendar td { font-weight:300; }


/* BOOKED SETTINGS PANELS */
#booked-admin-panel-container { position:relative; margin:0; }
#booked-admin-panel-container *:focus { box-shadow:none; outline:0; }
#booked-admin-panel-container .booked-admin-tabs { list-style:none; margin:0; padding:0; background:#005f8c; }
#booked-admin-panel-container .booked-admin-tabs li { float:left; display:inline-block; margin:0; padding:0; }
#booked-admin-panel-container .booked-admin-tabs li a { display:block; color:#fff; background:rgba(0,0,0,0.25); text-decoration:none; padding:0 15px; line-height:40px; }
#booked-admin-panel-container .booked-admin-tabs li a:hover { background:rgba(0,0,0,0.5); color:#fff; }
#booked-admin-panel-container .booked-admin-tabs li.active a, #booked-admin-panel-container .booked-admin-tabs li.active a:hover { background:#0073AA; color:#fff; cursor:default; }
#booked-admin-panel-container .booked-admin-tabs li a .savingState { opacity:0.5; }
#booked-admin-panel-container .form-wrapper { background:transparent; }
#booked-admin-panel-container .form-wrapper .tab-content { padding:40px; }
#booked-admin-panel-container .form-wrapper .tab-content .notice { margin-bottom:40px; }
#booked-admin-panel-container .view-import-export, #booked-admin-panel-container .view-uninstall { margin:0 0 0 10px; display:inline-block; padding:5px 10px 6px; background:#eee; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; color:#888; text-decoration:none; font-weight:600; }
#booked-admin-panel-container .view-uninstall { color:#f12804; }
#booked-admin-panel-container .view-import-export:hover { background:#888; color:#fff; }
#booked-admin-panel-container .view-uninstall:hover { background:#f12804; color:#fff; }
#booked-admin-panel-container input[type=text] { border:1px solid #ccc; padding:10px 12px; }
#booked-admin-panel-container p.submit { margin:0; padding:0; }
#booked-admin-panel-container .section-row { padding-bottom: 20px; }
#booked-admin-panel-container .section-row .section-head { padding-bottom: 20px; }
#booked-admin-panel-container .section-row p { line-height:1.65em; font-size:1em; }
#booked-admin-panel-container .section-row .section-head h3,
h3.booked-ct-date-heading { padding: 0; margin: 0; font-size: 16px; line-height: 20px; color: #0073AA; font-weight: 600; }
#booked-admin-panel-container .section-row .section-body { position: relative; }
#booked-admin-panel-container .section-row .hint-p { padding: 10px 5px; margin: 0; font-size: 13px; line-height: 1.7; color: #999999; }
#booked-admin-panel-container .section-row .hint-p a { color: #47aad1; text-decoration: none; font-weight: 600; }

#customTimeslotsContainer h3.booked-ct-date-heading { margin:30px 0 20px; }
#customTimeslotsContainer h3.booked-ct-date-heading:first-child { margin:10px 0 20px; }

#booked-admin-panel-container input[type=text].booked-color-field { padding:3px 5px; }
#booked-admin-panel-container label.booked-color-label { display:block; font-weight:600; margin:0 0 10px; }
#booked-admin-panel-container .wp-picker-container { margin:0 0 15px; }
#booked-admin-panel-container p.submit { margin:0; padding:0; }

#booked-admin-panel-container .section-row input.field { display:block; margin:0 0 20px; width: 50%; padding: 10px; font-size: 14px; line-height: 23px; }
#booked-admin-panel-container .section-row textarea.field { width: 100%; padding: 20px; resize: none; font-size: 14px; line-height: 23px; }
#booked-admin-panel-container .section-row textarea.field.small { height: 100px; }
#booked-admin-panel-container .section-row textarea.field.med { height: 240px; }
#booked-admin-panel-container .section-row textarea.field.large { height: 340px; }

#booked-admin-panel-container .section-row .checkbox-radio-label { padding:0 0 0 5px; position:relative; top:-2px; }
#booked_email_logo-img { display:block; max-width:600px; height:auto; margin:20px 0 0; }

#booked-admin-panel-container .booked-admin-subtabs { list-style:none; margin:0; padding:0; background:#ddd; border:1px solid #ccc; border-bottom:none; -moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; }
#booked-admin-panel-container .booked-admin-subtabs li { float:left; display:inline-block; margin:0; padding:0; }
#booked-admin-panel-container .booked-admin-subtabs li a { display:block; color:#888; background:#f2f2f2; text-decoration:none; padding:0 15px; line-height:40px; border-right:1px solid #ddd; }
#booked-admin-panel-container .booked-admin-subtabs li:first-child a { -moz-border-radius:3px 0 0 0; -webkit-border-radius:3px 0 0 0; border-radius:3px 0 0 0; }
#booked-admin-panel-container .booked-admin-subtabs li a:hover { background:#f5f5f5; color:#555; }
#booked-admin-panel-container .booked-admin-subtabs li.active a, #booked-admin-panel-container .booked-admin-subtabs li.active a:hover { background:#fff; color:#333; cursor:default; }
#booked-admin-panel-container .subtab-content { background:#fff; padding:30px 30px 0; margin:0 0 30px; border:1px solid #ccc; border-top:none; -moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; }

#booked-admin-panel-container input.readonly,
#booked-admin-panel-container input[readonly],
#booked-admin-panel-container textarea.readonly,
#booked-admin-panel-container textarea[readonly] { background:#e5e5e5; }


/* CUSTOM FIELDS */
#booked-cf-sortable-templates, #booked-cf-sortables { display:none; }
#booked-admin-panel-container .booked-cf-block { padding:30px; background:#e5e5e5; border:2px dashed #ccc; border-radius:5px; }
#booked-admin-panel-container #booked-cf-sortables { margin:0 0 30px; padding:0; list-style:none; width:100%; }
#booked-admin-panel-container #booked-cf-sortables li { position:relative; margin:0 0 2px; padding:20px; background:#fff; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
#booked-admin-panel-container #booked-cf-sortables li small { font-size:12px; font-weight:600; text-transform:uppercase; display:block; padding:0; margin:0 0 8px; color:#2EA2CC; }
#booked-admin-panel-container #booked-cf-sortables li small.help-text { margin-left: 41px; padding: 5px 0 0 0; color: #aaa; text-transform: none; font-weight: 400; }
#booked-admin-panel-container #booked-cf-sortables li i.main-handle, #booked-admin-panel-container #booked-cf-sortables li i.sub-handle { font-size: 20px; color: #888; display: block; float: left; margin: 1px 10px 0 -8px; width: 40px; height: 98px; line-height: 20px; text-align: center; cursor:move; cursor: -webkit-grab; }
#booked-admin-panel-container #booked-cf-sortables li.ui-sortable-helper { box-shadow:1px 1px 10px rgba(0,0,0,0.15); }
#booked-admin-panel-container #booked-cf-sortables input[type=text] { padding:7px 11px; font-size:13px; width:540px; }
#booked-admin-panel-container #booked-cf-sortables textarea { padding:12px 15px; height:200px; font-size:15px; line-height:1.6; width:540px; color:#555; }
#booked-admin-panel-container #booked-cf-sortables ul input[type=text] { width:475px; }
#booked-admin-panel-container #booked-cf-sortables li .cf-delete { cursor:pointer; opacity:0.4; color: #dd0000; font-size: 18px; line-height: 19px; position: absolute; top: 20px; right: 20px; width: 20px; height: 20px; text-align: center; }
#booked-admin-panel-container #booked-cf-sortables li:hover .cf-delete { opacity:1;  }
#booked-admin-panel-container #booked-cf-sortables li .cf-delete:hover { color:#880000; }
#booked-cf-sortables li label { color:#888; font-size:12px; }
#booked-cf-saveButton { float:left; }
.cf-updater.savingState { float:left; padding:5px 0 0 15px; color:#888; }
#booked-admin-panel-container #booked-cf-sortables ul, #booked-admin-panel-container #booked-cf-sortables button { display:block; margin:0 0 0 43px; }
#booked-admin-panel-container #booked-cf-sortables ul li .cf-delete { right:auto; left:30px; top:18px; }
#booked-admin-panel-container #booked-cf-sortables button { margin-top:10px; }
#booked-admin-panel-container #booked-cf-sortables ul li { margin:0; padding:10px 0 0; background:none; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; width:541px; }
#booked-admin-panel-container #booked-cf-sortables ul li i.sub-handle { font-size: 16px; margin: 1px 35px 0 -11px; height: 34px; line-height: 34px; }
#booked-admin-panel-container #booked-cf-sortables ul li.ui-sortable-helper { box-shadow:none; }



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

	#booked-admin-panel-container .form-wrapper { border-top:none; }
	#booked-admin-panel-container .booked-admin-tabs { border-bottom:none; }
	#booked-admin-panel-container .booked-admin-tabs li { float:none; display:block; margin:0; border-bottom:1px solid #0073AA; }
	#booked-admin-panel-container .booked-admin-tabs li:last-child { border:none; }
	#booked-admin-panel-container .booked-admin-tabs li a { text-align:center; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; }

}



/* TIMESLOTS TABLE */

table.booked-timeslots,
table.booked-timeslots table { border-collapse:collapse; }

table.booked-timeslots { border-top:2px solid #d5d5d5; margin:20px auto 0; font-weight:400; text-align:center; border-spacing: 0; width:1520px; }
table.booked-timeslots table { width:220px; }
table.booked-timeslots thead { background:#e5e5e5; text-transform:uppercase; }
table.booked-timeslots thead th { position:relative; padding:12px 15px 8px; text-align:center; color:#333; border:none; border-right:1px solid #d5d5d5; font-size:0.8rem; letter-spacing:0.03rem; width:14.285%; font-weight:700; }
table.booked-timeslots thead th .booked-add-timeslot { display:inline-block; width:65%; margin-top:8px; margin-bottom:7px; letter-spacing:0; text-transform:none; }
table.booked-timeslots thead th .booked-clear-timeslots { width:32%; margin-right:3%; display:inline-block; margin-top:8px; margin-bottom:7px; letter-spacing:0; text-transform:none; }
table.booked-timeslots tbody td { vertical-align:top; border:none; padding:0; }
table.booked-timeslots tbody td p small { color:#aaa; }
table.booked-timeslots tbody td .timeslot { margin-top:10px; font-weight:600; text-align:left; line-height:1.6; padding:7px 10px; display:block; position:relative; background:#f5f5f5; border:1px solid #ddd; border-bottom:2px solid #ddd; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
table.booked-timeslots tbody td .timeslot:first-child { margin-top:0; }
table.booked-timeslots tbody td:last-child { border-right:1px solid #e5e5e5; }
table.booked-timeslots > tbody > tr > td:last-child thead th,
table.booked-timeslots > tbody > tr > td:last-child tbody td:last-child { border-right:none; }
table.booked-timeslots tbody td .button-mobile { display:none; }
table.booked-timeslots tbody td .start { display:inline-block; text-align:left; }
table.booked-timeslots tbody td .end { display:inline-block; text-align:left; }
table.booked-timeslots tbody td .delete { cursor:pointer; position:absolute; right:11px; top:6px; text-align:right; color:#f59e9e }
table.booked-timeslots tbody td .delete:hover { color:#e35656; }
table.booked-timeslots tbody td .slotsBlock { text-align:left; width:100%; display:block; }
table.booked-timeslots tbody td .add { -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none; display:inline-block; cursor:pointer; color:#ccc; padding-left:5px }
table.booked-timeslots tbody td .add:hover { color:#888; }
table.booked-timeslots tbody td .count { display:inline-block; text-align:left; color:#aaa; padding-left:5px }
table.booked-timeslots tbody td .count em { font-style:normal; }
table.booked-timeslots tbody td .minus { -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none; display:inline-block; cursor:pointer; color:#ccc; }
table.booked-timeslots tbody td .minus:hover { color:#888; }
table.booked-timeslots tbody td .booked_slot_title { margin:0; display:block; color:#20A1CD; }
table.booked-timeslots tbody .addTimeslot { position:relative; overflow:hidden; }
table.booked-timeslots tbody .addTimeslot .setTimeslot { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; margin:0 8% 5%; width:84%; box-sizing:border-box; padding:5px; text-align:center; background:#e5e5e5; border:1px solid #e5e5e5; }
table.booked-timeslots tbody .addTimeslot .setTimeslot:hover { background:#eee; cursor:pointer; }
table.booked-timeslots tbody .addTimeslot .cancel { display:none; }
table.booked-timeslots tbody .addTimeslot.active .cancel { display:inline-block; float:left; }
table.booked-timeslots tbody .addTimeslot.active .booked-add-timeslot { position:absolute; bottom:16px; right:15px; }
table.booked-timeslots tbody .addTimeslot .timeslotTabs { margin:0 0 14px; border:2px solid #213946; border-bottom:3px solid #213946; border-radius:3px; overflow:hidden; }
table.booked-timeslots tbody .addTimeslot .addTimeslotTab { float:left; box-sizing:border-box; display:inline-block; width:50%; font-size:0.65rem; background:#213946; color:#fff; color:rgba(255,255,255,0.65); padding:0; letter-spacing:0.03rem; line-height:24px; text-decoration:none; text-transform:uppercase; font-weight:700; }
table.booked-timeslots tbody .addTimeslot .addTimeslotTab:last-child { float:right; }
table.booked-timeslots tbody .addTimeslot .addTimeslotTab:hover { background:#254452; color:#fff; }
table.booked-timeslots tbody .addTimeslot .addTimeslotTab.active, table.booked-timeslots tbody .addTimeslot .addTimeslotTab.active:hover { cursor:default; background:#365768; color:#fff; }
table.booked-timeslots tbody .addTimeslot select { box-sizing: border-box; border-color:#ccc; width:100%; margin:0 0 7px; display:block; font-size:11px; }
table.booked-timeslots tbody .addTimeslot .tsTabContent select:last-child { margin-bottom:14px; }
table.booked-timeslots tbody .addTimeslot .allday-wrap { box-sizing: border-box; width:100%; margin:10px 0; text-align:center; display:block; font-size:11px; }
table.booked-timeslots tbody .addTimeslot .allday-wrap input { position:relative; top:2px; }
#booked-admin-panel-container table.booked-timeslots tbody .addTimeslot input { box-sizing: border-box; width:100%; padding:6px 7px; margin:0 0 7px; border-radius:3px; display:block; font-size:11px; }
table.booked-timeslots tbody .dayTimeslots { padding:10px; }


#timepickerTemplate { padding:0 15px 16px; background:#e5e5e5; margin:0; }
#timepickerTemplate form { width:100%; float:none; }
#booked-customTimePickerTemplates form { float:left; width:auto; }


/* PENDING APPOINTMENTS */
.booked-pending-headings { background:#015e8c; color:#fff; padding:11px 0; font-size:15px; font-weight:400; }
.booked-pending-headings .left { float:left; padding-left:30px; }
.booked-pending-headings .right { float:right; padding-right:30px; }
.booked-pending-cap { margin:0; padding: 25px; background: #f9f9f9; border:1px solid #ddd; border-top:0; border-bottom: 1px solid #e5e5e5; }
.booked-pending-appt-list { padding:20px 25px; margin:0; }
.booked-pending-appt-list .pending-appt { padding:15px 0; font-size:13px; box-sizing:border-box; line-height:1.8; border-top:1px solid #e5e5e5; }
.booked-pending-appt-list .pending-appt:first-child { border-top:0; padding-top:0; }
.booked-pending-appt-list .pending-appt a { font-size:15px; font-weight:600; text-decoration:none; display:inline-block; margin:0; }
.booked-pending-appt-list .pending-appt button.approve { float:right; margin:8px 0 0 10px; }
.booked-pending-appt-list .pending-appt button.delete { float:right; margin:8px 0 0 0; }
.booked-pending-appt-list .pending-appt .late-appt { color:#D54E21; }

/* Dashboard Widget */
.booked-pending-appt-list.booked-dashboard-widget { border:none; padding:0 5px; background:transparent; }
.booked-pending-appt-list.booked-dashboard-widget .pending-appt, .booked-pending-appt-list.booked-dashboard-widget .pending-appt a { font-size:13px; line-height:1.7 }


/* ADMIN CALENDAR STYLES */
#booked-plugin-page.booked-admin-calendar-page-wrap { max-width:1100px; }
#booked-plugin-page .booked-admin-calendar-wrap { padding:0 33px 0px 13px; }

.booked-calendarSwitcher {
	display: block;
    margin: 35px 33px 0px 13px;
    padding: 10px;
    background: #fafafa;
    background-color: #fdfdff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(253, 253, 255)), to(rgb(246, 245, 247)));
	background-image: -webkit-linear-gradient(top, rgb(253, 253, 255), rgb(246, 245, 247));
	background-image: -moz-linear-gradient(top, rgb(253, 253, 255), rgb(246, 245, 247));
	background-image: -o-linear-gradient(top, rgb(253, 253, 255), rgb(246, 245, 247));
	background-image: -ms-linear-gradient(top, rgb(253, 253, 255), rgb(246, 245, 247));
	background-image: linear-gradient(top, rgb(253, 253, 255), rgb(246, 245, 247));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#fdfdff', EndColorStr='#f6f5f7');
    border-radius: 5px 5px 0 0;
    box-sizing: border-box;
    box-shadow: 0 1px 4px rgba(0,0,0,0.15);
    text-align: left; }

.booked-calendarSwitcher p { line-height:1; margin:0; }
.booked-calendarSwitcher p i.booked-icon { font-size:17px; margin:0 8px 0 3px; position:relative; top:2px; }
.booked-calendarSwitcher select:active, .booked-calendarSwitcher select:focus { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; }
.noCalendarsSpacer { height:23px; }

#booked-timeslotsSwitcher { line-height:1; display:inline-block; text-align:center; width:100%; margin:0 0 10px; padding:0; color:#555; }
#booked-timeslotsSwitcher p { margin:0 0 10px; font-size:17px; }
#booked-timeslotsSwitcher select { min-width:200px; border:1px solid #ddd; background:#f9f9f9; display:inline-block; margin:0 0 20px; }
#booked-timeslotsSwitcher select:active, #booked-timeslotsSwitcher select:focus { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; }

#bookedTimeslotsWrap { position:relative; overflow-x:auto; padding: 0 25px 16px 25px; margin:0 -25px; }
#bookedTimeslotsWrap > table { z-index:98; position:relative; border-right:25px solid #f1f1f1; }
#booked-defaults:after { z-index:99; content:""; width:25px; height:calc( 100% - 41px ); display:block; position:absolute; top:40px; right:15px; }
#booked-defaults:before { z-index:99; content:""; width:25px; height:calc( 100% - 41px ); display:block; position:absolute; top:40px; left:15px; }
#booked-defaults:after {
	background-image: -webkit-gradient(linear, left center, right center, from(rgba(241,241,241, 0.00)), to(rgba(241,241,241, 1.00)));
	background-image: -webkit-linear-gradient(left, rgba(241,241,241, 0.00), rgba(241,241,241, 1.00));
	background-image: -moz-linear-gradient(left, rgba(241,241,241, 0.00), rgba(241,241,241, 1.00));
	background-image: -o-linear-gradient(left, rgba(241,241,241, 0.00), rgba(241,241,241, 1.00));
	background-image: -ms-linear-gradient(left, rgba(241,241,241, 0.00), rgba(241,241,241, 1.00));
	background-image: linear-gradient(left, rgba(241,241,241, 0.00), rgba(241,241,241, 1.00));
}

#booked-defaults:before {
	background-image: -webkit-gradient(linear, left center, right center, from(rgba(241,241,241, 1.00)), to(rgba(241,241,241, 0.00)));
	background-image: -webkit-linear-gradient(left, rgba(241,241,241, 1.00), rgba(241,241,241, 0.00));
	background-image: -moz-linear-gradient(left, rgba(241,241,241, 1.00), rgba(241,241,241, 0.00));
	background-image: -o-linear-gradient(left, rgba(241,241,241, 1.00), rgba(241,241,241, 0.00));
	background-image: -ms-linear-gradient(left, rgba(241,241,241, 1.00), rgba(241,241,241, 0.00));
	background-image: linear-gradient(left, rgba(241,241,241, 1.00), rgba(241,241,241, 0.00));
}


table.booked-calendar { background:#F1F1F1; text-align:center; border-spacing: 0; border-collapse: collapse; width:100%; }
table.booked-calendar thead { background:#0073AA; color:#fff; }
table.booked-calendar th { font-weight:400; position:relative; font-size:19px; width:14.285%; border:1px solid #0073AA;  padding:21px 0 21px; line-height:1; }
table.booked-calendar tr.days { background:#015e8c; color:#fff; text-transform:uppercase; }
table.booked-calendar tr.days th { padding:13px 0 12px; border:1px solid #015e8c; font-size:14px; }
table.booked-calendar th .monthName span { font-size:12px; position:relative; top:-3px; left:0; padding-right:20px; text-decoration:none; text-transform:none; color:#90a0a9; }
table.booked-calendar th .monthName span { padding-right:0; padding-left:20px; color:#fff; }
table.booked-calendar th .monthName a.backToMonth { font-size: 12px; position: absolute; top: -32px; right: 65px; padding-right: 20px; text-decoration: none; text-transform: none; font-weight: 600; color: #aaa; }
table.booked-calendar th .monthName a.backToMonth:hover { color:#555; right:66px; }
table.booked-calendar th .page-left { font-size:24px; color:#aaa; position:absolute; right:51px; top:-39px; }
table.booked-calendar th .page-right { font-size:24px; color:#aaa; position:absolute; right:15px; top:-39px; }
table.booked-calendar th .page-left:hover { right:52px; color:#666; }
table.booked-calendar th .page-right:hover { right:14px; color:#666; }
table.booked-calendar td { overflow:hidden; position:relative; font-size:20px; color:#888888; padding:0; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; }
table.booked-calendar tr:last-child td { border-bottom:1px solid #e5e5e5; }
table.booked-calendar td .date { background:#fff; display:block; width:100%; height: 100%; }
table.booked-calendar td .date .number { -moz-transform:scale(1); -webkit-transform:scale(1); transform:scale(1); font-size:19px; display:inline-block; -moz-border-radius:40px; -webkit-border-radius:40px; border-radius:40px; transform:scale(1); width: 50px; height: 50px; line-height: 48px; }
table.booked-calendar td.blur .date, table.booked-calendar td.blur:hover .date { cursor:default; background:#EEEEEE; color:#ccc; }
table.booked-calendar td.partial .date { background:#fffcf0; }

.booked-admin-calendar-wrap.noTopBar table.booked-calendar th .page-left { color:#fff; color:rgba(255,255,255,0.75); top:11px; right:55px; }
.booked-admin-calendar-wrap.noTopBar table.booked-calendar th .page-right { color:#fff; color:rgba(255,255,255,0.75); top:11px; right:20px; }
.booked-admin-calendar-wrap.noTopBar table.booked-calendar th .page-left:hover { color:#fff; right:56px; }
.booked-admin-calendar-wrap.noTopBar table.booked-calendar th .page-right:hover { color:#fff; right:19px; }
.booked-admin-calendar-wrap.noTopBar table.booked-calendar th .monthName a.backToMonth { color:#fff; color:rgba(255,255,255,0.75); top:24px; right:70px; }
.booked-admin-calendar-wrap.noTopBar table.booked-calendar th .monthName a.backToMonth:hover { color:#fff; right:71px; }

table.booked-calendar td.partial .date .number { border:2px solid #ffce59; color:#000; }
table.booked-calendar td.booked .date .number { border:2px solid #f15934; color:#000; }
table.booked-calendar td.today .date .number { border:2px solid #6dc3ee; color:#000; }
table.booked-calendar td.partial:hover .date .number { background:#ffce59; color:#fff; }
table.booked-calendar td.booked:hover .date .number { background:#f15934; color:#fff; }
table.booked-calendar td.today:hover .date .number { background:#6dc3ee; color:#fff; }

table.booked-calendar td.today.partial .date { background:#f0faff; color:#000; }
table.booked-calendar td:hover .date { background:#f9f9f9; cursor:pointer; color:#000; }
table.booked-calendar td.partial:hover .date { background:#fff7d8; }
table.booked-calendar td.booked:hover .date { background:#ffe4df; }
table.booked-calendar td.today:hover .date { background:#e1f3fc; }
table.booked-calendar td:hover .date .number {  }
table.booked-calendar td .count { cursor:pointer; position:absolute; top:-50px; left:0; background:#fff; padding:10px 0; font-size:11px; text-transform:uppercase; width:100%; display:block; border-top: 1px solid #e5e5e5; box-shadow: 0 1px 10px rgba(0,0,0,0.10); }
table.booked-calendar td:hover .count { top:0; }
table.booked-calendar tr.week td.active { border-bottom-color:#ddd; }
table.booked-calendar tr.week td.active .date { background:#ddd; color:#555; }
table.booked-calendar tr.week td.active .date .number { border:none; transform:scale(1.25); background:#fff; color:#000; }
table.booked-calendar tr.week td.active { background:#ddd; }
table.booked-calendar tr.entryBlock { background:#ddd; color:#fff; }
table.booked-calendar tr.entryBlock td { padding:2%; text-align:left; color:#fff; border-bottom-color:#ddd; }
table.booked-calendar tr.entryBlock.booked-loading td { height:132px; }

table.booked-calendar .booked-appt-list { transform:scale(0.95); display:none; color:#000; background:#fff; padding:30px 35px 10px; font-size:15px; line-height:1.7; }
table.booked-calendar .booked-appt-list.shown { transform:scale(1); }
table.booked-calendar .booked-appt-list h2 { color:#555; font-size:20px; margin:0 0 30px; font-weight:300; }
table.booked-calendar .booked-appt-list p { color:#888; font-weight:400; margin:0 0 20px; }
table.booked-calendar .booked-appt-list p a { text-decoration:none; }
table.booked-calendar .booked-appt-list .timeslot { box-sizing:border-box; line-height:1.6em; color:#888; border-top:1px solid #ddd; }
table.booked-calendar .booked-appt-list .timeslot.faded { opacity:0.25; }
table.booked-calendar .booked-appt-list .timeslot:hover { background:#f9f9f9; }
table.booked-calendar .booked-appt-list .timeslot:last-child { margin:0 0 20px; }
table.booked-calendar .booked-appt-list .timeslot .timeslot-time { padding:12px 0 12px 15px; box-sizing:border-box; float:left; }
table.booked-calendar .booked-appt-list .timeslot .timeslot-time i.booked-icon { color:#aaa; }
table.booked-calendar .booked-appt-list .timeslot .timeslot-count { min-height:49px; padding:10px 0; box-sizing:border-box; float:left; }
table.booked-calendar .booked-appt-list .timeslot .timeslot-people { padding:10px 10px 10px 0; box-sizing:border-box; float:right; }
table.booked-calendar .booked-appt-list .timeslot .timeslot-time { width:30%; font-weight: 600; color: #333; font-size: 15px; letter-spacing:-0.03em; }
table.booked-calendar .booked-appt-list .timeslot .timeslot-time .timeslot-title { color:#0073AA; font-size:0.9em; }
table.booked-calendar .booked-appt-list .timeslot .timeslot-count { padding-left:15px; border-left:1px solid #ddd; width:40%; }
table.booked-calendar .booked-appt-list .timeslot.has-title .timeslot-count { min-height:76px; }
table.booked-calendar .booked-appt-list .timeslot .timeslot-count.count-wide { width:70%; }
table.booked-calendar .booked-appt-list .timeslot .spots-available { text-transform:uppercase; font-size:11px; display:block; line-height:2.7; color:#aaa; }
table.booked-calendar .booked-appt-list .timeslot .spots-available.empty { color:#E35656; }
table.booked-calendar .booked-appt-list .timeslot .timeslot-people { width:30%; }
table.booked-calendar .booked-appt-list .timeslot .timeslot-people button { float:right; margin:0 0 0 10px }
table.booked-calendar .booked-appt-list .timeslot a { font-weight:600; text-decoration:none; }

table.booked-calendar .timeslot-count strong { display:block; text-transform:uppercase; font-size:13px; letter-spacing:0.03em; margin:10px 0 10px; }
table.booked-calendar .appt-block { width:100%; border-top:1px solid #ddd; display:block; padding:10px 0; }
table.booked-calendar .timeslot-count .appt-block.appt-no-padding:first-child { border-top:none; padding-top:0; }
table.booked-calendar .timeslot-count .appt-block.appt-no-padding:last-child { padding-bottom:0; }
table.booked-calendar .timeslot-count button { float:right; margin:0 0 0 10px; }
table.booked-calendar .timeslot-count a.delete { float:left; margin:0 10px 0 0; font-size:13px; line-height:1.9em; color:#dd0000; }
table.booked-calendar .timeslot-count a.delete:hover { color:#880000; }
table.booked-calendar tr.week td.active:hover .count { top:-40px; }

table.booked-calendar .booked-appt-list .timeslot.booked-disabled { background:#eee; }
table.booked-calendar .booked-appt-list .timeslot.booked-disabled .timeslot-time { color:#888; }
table.booked-calendar .booked-appt-list .timeslot.booked-disabled .new-appt,
table.booked-calendar .booked-appt-list .timeslot.booked-disabled .spots-available { display:none; }


/* Appointment Tabs */
table.booked-calendar #bookedAppointmentTabs { border-bottom:2px solid #015e8c; width:100%; list-style:none; margin:0 0 30px; padding:0; }
table.booked-calendar #bookedAppointmentTabs li { margin:0 3px 0 0; padding:0; display:inline-block; float:left; }
table.booked-calendar #bookedAppointmentTabs li a { display:block; padding:10px 14px; background:#eee; color:#888; -moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; text-decoration:none; font-weight:400; font-size:13px; }
table.booked-calendar #bookedAppointmentTabs li a:active, table.booked-calendar #bookedAppointmentTabs li a:focus { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; }
table.booked-calendar #bookedAppointmentTabs li.active a { background:#0073AA; color:#fff; }
table.booked-calendar #bookedAppointmentTabs li a span { background:#D54E21; color:#fff; min-height:18px; min-width:8px; padding:0 5px; display:inline-block; line-height:18px; margin:0 0 0 10px; position:relative; top:-1px; font-size:11px; font-weight:600; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; text-align:center; }
table.booked-calendar #bookedAppointmentTabs li.active a span { background:#56C477; color:#fff; }

table.booked-calendar .bookedAppointmentTab { display:none; opacity:0; -webkit-transform:translateY(20px); -moz-transform:translateY(20px); transform:translateY(20px); }
table.booked-calendar .bookedAppointmentTab.active { opacity:1; -webkit-transform:translateY(0); -moz-transform:translateY(0); transform:translateY(0); }

table.booked-calendar .bookedAppointmentTab {
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

/* CUSTOM TIME SLOTS */
#booked-admin-panel-container .form-wrapper #booked-custom-timeslots.tab-content { padding:20px 40px 40px; }
#customTimeslotsWrapper { margin:1em 0 20px; padding:0; }
#booked-admin-panel-container .booked-customTimeslotTemplate { display:none; }
#booked-custom-timeslots .addCustomTimeslot { float:left; margin:0 10px 0 0; }

#customTimeslotsContainer .booked-customTimeslot { position: relative; margin: 0 0 10px; padding:25px; background:#e5e5e5; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#customTimeslotsContainer .booked-customTimeslot:last-child { margin:0 0 25px; }
#customTimeslotsContainer .booked-customTimeslot > input[type="text"], #customTimeslotsContainer .booked-customTimeslot > select { width:150px; margin:0 10px 0 0; padding:6px 10px; font-size:12px; }
#customTimeslotsContainer .booked-customTimeslot > select { width:auto; max-width:200px; }
#customTimeslotsContainer .booked-customTimeslot > input[type="checkbox"] { margin:0 0 0 10px; }
#customTimeslotsContainer .booked-customTimeslot > button { display:inline-block; margin:25px 0 0 0; }
#customTimeslotsContainer .booked-customTimeslot > label { position:relative; top:0; left:5px; }
#customTimeslotsContainer .booked-customTimeslot > .deleteCustomTimeslot { opacity: 0.2; color: #fff; font-size: 0.6rem; line-height:24px; position: absolute; top:32px; right:27px; background: #dd0000; width:24px; height:24px; text-align: center; border-radius: 12px; }
#customTimeslotsContainer .booked-customTimeslot > .deleteCustomTimeslot:hover { opacity:1; }

#booked-customTimePickerTemplates { display:none; padding:10px; margin:15px 0 0 0; background:#fff; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
#booked-customTimePickerTemplates select { margin:0 10px 0 0; font-size:12px; }
#booked-customTimePickerTemplates #bulk-timeslot-form input,
#booked-customTimePickerTemplates #single-timeslot-form input { display: inline; padding: 4px 6px 6px 6px; margin:0 10px 0 0; font-size:11px; }
#booked-customTimePickerTemplates .allday-wrap { display:inline-block; padding:0 20px 0 10px; }
#booked-customTimePickerTemplates .allday-wrap input[type="checkbox"] { position:relative; top:2px; }
#booked-customTimePickerTemplates .button, #booked-customTimePickerTemplates .button-primary { float:right; margin:0 0 0 10px; }

#customTimeslotsContainer .booked-customTimeslot .customTimeslotsList .timeslot { font-weight: 600; padding: 10px; margin: 0; display: block; border-bottom: 1px solid #ddd; position: relative; background: #fff; }
#customTimeslotsContainer .booked-customTimeslot .customTimeslotsList .timeslot:last-child { border:none; }
#customTimeslotsContainer .booked-customTimeslot .customTimeslotsList .delete { cursor:pointer; position:absolute; right:12px; top:10px; text-align:right; font-size:0.8rem; color:#f59e9e }
#customTimeslotsContainer .booked-customTimeslot .customTimeslotsList .delete:hover { color:#e35656; }
#customTimeslotsContainer .booked-customTimeslot .customTimeslotsList .slotsBlock { padding:0; width:200px; display:inline-block; }
#customTimeslotsContainer .booked-customTimeslot .customTimeslotsList .add { -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none; display:inline-block; cursor:pointer; color:#ccc; padding-left:5px }
#customTimeslotsContainer .booked-customTimeslot .customTimeslotsList .add:hover { color:#888; }
#customTimeslotsContainer .booked-customTimeslot .customTimeslotsList .count { display:inline-block; color:#aaa; padding-left:5px }
#customTimeslotsContainer .booked-customTimeslot .customTimeslotsList .count em { font-style:normal; }
#customTimeslotsContainer .booked-customTimeslot .customTimeslotsList .minus { -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none; display:inline-block; cursor:pointer; color:#ccc; padding-left:0 }
#customTimeslotsContainer .booked-customTimeslot .customTimeslotsList .minus:hover { color:#888; }
#customTimeslotsContainer .booked-customTimeslot .customTimeslotsList .title { padding: 0 10px 0 0; color: #20A1CD; }
#customTimeslotsContainer .booked-customTimeslot .customTimeslotsList .cts-header { margin-top:25px; background:#0073AA; color:#fff; padding:10px; }
#customTimeslotsContainer .booked-customTimeslot .customTimeslotsList .cts-header .slotsTitle { width:200px; display:inline-block; }

.booked-new-tag { background:#d54e21; color:#fff; padding:0 5px; line-height:18px; height:18px; font-size:11px; margin:0 8px 0 0; position:relative; top:-1px; display:inline-block; font-weight:600; text-transform:uppercase; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
h3 .booked-new-tag { top:-2px; }
.booked-admin-tabs .booked-new-tag, .booked-admin-subtabs .booked-new-tag { font-size: 9px; height: 13px; line-height: 14px; padding: 0 4px 0 3px; margin: 0 0 0 7px; }

#booked-saveCustomTimeslots { float:left; }
.cts-updater.savingState { float:left; padding:5px 0 0 15px; color:#888; }

/* END CUSTOM TIME SLOTS */

/* CUSTOM DATE PICKER STYLING */
#ui-datepicker-div.booked_custom_date_picker { background:#fff; margin-top:2px; width:230px; border:1px solid #d5d5d5; padding:8px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; box-shadow:0 1px 4px rgba(0,0,0,0.15); }
#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header { position:relative; background:#0073AA; color:#fff; }
#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header .ui-datepicker-prev,
#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header .ui-datepicker-next { cursor:pointer; top:9px; font-size:16px; position:absolute; display: inline-block; font-family:"BookedIcons"; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); color:#fff; }
#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header .ui-datepicker-prev .ui-icon,
#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header .ui-datepicker-next .ui-icon { display:none; }
#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header .ui-datepicker-prev { left:9px; }
#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header .ui-datepicker-next { right:9px; }
#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header .ui-datepicker-title { text-transform:uppercase; padding:9px 0 10px; text-align:center; }
#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header .ui-datepicker-prev:hover,
#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header .ui-datepicker-next:hover { opacity:0.7; }
#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header .ui-datepicker-prev:before { content: "\f017"; }
#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header .ui-datepicker-next:before { content: "\f018"; }
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar { width:100%; border-collapse: collapse; }
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar thead, #ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar thead th { font-size:11px; font-weight:normal; background:#213946; color:#fff; }
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar thead th { width:14.285%; text-align:center; padding:5px 0; }
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody { border-top:8px solid #fff; }
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody, #ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td { font-size:12px; font-weight:normal; background:#fff; color:#888; }
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td { text-align:center; padding:0px; }
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td a { display:block; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; line-height:33px; text-decoration:none; color:#333; }
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td a:hover { background:#eee; }
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td span { display:block; line-height:33px;  }
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td.ui-datepicker-unselectable span { color:#ddd; }
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td.ui-datepicker-week-end a { color:#888; }
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td.ui-datepicker-today a { background:#F0FAFF; color:#6DC3EE; }
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td.ui-datepicker-today a:hover { background:#DCEFF8; }
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td a.ui-state-active, #ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td a.ui-state-active:hover { background:#fff1cc; color:#bf9931; }
/* END CUSTOM DATE PICKER STYLING */


@media screen and (max-width:1100px){
	table.booked-calendar td .count { padding:5px 0; font-size:9px; }
	table.booked-calendar td .date .number { width:30px; height:30px; line-height:30px; font-size:14px; }
}

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

	table.booked-calendar thead th { font-size:16px; padding:13px 0 10px; }
	table.booked-calendar thead tr.days th { font-size:11px; padding:7px 0 5px; }
	table.booked-calendar td { font-size:13px; }
	table.booked-calendar thead th .page-left { left:10px; top:11px; font-size:15px; }
	table.booked-calendar thead th .page-right { right:10px; top:11px; font-size:15px; }
	table.booked-calendar thead th .page-left:hover { left:9px; }
	table.booked-calendar thead th .page-right:hover { right:9px; }
	table.booked-calendar th .monthName a { top:-2px; font-size:10px; }

	table.booked-calendar td .count { display:none; }
	table.booked-calendar td .date { height:100%; }
	table.booked-calendar td .date .number { border:none; display:inline-block; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; transform:scale(1); width:auto; height:auto; line-height:100%; }
	table.booked-calendar td.blur .date, table.booked-calendar td.blur:hover .date { cursor:default; background:#EEEEEE; color:#ccc; }
	table.booked-calendar td.partial .date { background:#FFF4CE; }
	table.booked-calendar td.booked .date { background:#FFE4DF; }
	table.booked-calendar td.partial .date .number { border:none; background:none; color:#555; }
	table.booked-calendar td.booked .date .number { border:none; background:none; color:#555; }
	table.booked-calendar td.today .date { background:#f0faff; color:#555; }
	table.booked-calendar td:hover .date { background:#f9f9f9; cursor:pointer; color:#000; }
	table.booked-calendar tr.week td.active .date .number { border:none; transform:scale(1.5); background:none; color:#000; }

}



/* ADMIN MODAL FORM */
form.booked-form { padding-top:5px; }
form.booked-form .field { margin:5px 0; }
form.booked-form .field:after { content: ""; display: table; clear: both; }
form.booked-form .field.booked-text-content { margin-bottom:0; margin-top:20px; }
form.booked-form .field.booked-text-content *:last-child { margin-bottom:0; }
body .booked-form .cf-block .field:first-child { margin-top:0; }
body .booked-form .cf-block .field:first-child > label.field-label { padding-top:0; }
form.booked-form input[type=radio], form.booked-form input[type=checkbox] { position:relative; top:2px; }
form.booked-form .field select, form.booked-form .field input[type=text], form.booked-form .field input[type=password], form.booked-form .field input[type=tel], form.booked-form .field input[type=email] { margin-right:1.4%; width:49%; float:left; }
form.booked-form .field .chosen-search input[type=text] { float:none; width:100%; margin:0; padding:4px 5px; }
form.booked-form .field input:last-child, form.booked-form .field select:last-child { margin-right:0; }
form.booked-form .field select, form.booked-form .field input[type=text], form.booked-form .field input[type=password], form.booked-form .field input[type=tel], form.booked-form .field input[type=email] { font-size:13px; padding:7px 10px; color:#555; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
form.booked-form .field select { height:32px; line-height:32px; }
form.booked-form .field input.hasContent { color:#555; }
form.booked-form .field input.large, form.booked-form .field select.large { width:100%; margin-right:1px; width:99.8%; }
form.booked-form .spacer { padding:5px 0 0 0; margin:0; display:block; }
form.booked-form hr { border:none; border-top:1px solid #ddd; padding:20px 0 0 0; margin:25px 0 0 0; }
body .booked-form .condition-block, body .booked-settings-form .condition-block { display:none; }
body .booked-form .condition-block.default, body .booked-settings-form .condition-block.default { display:block; }
form.booked-form input[type=submit], form.booked-form button { float:left; margin:0 10px 0 0; }

form.booked-form select#userList { width:100%; float:none; }
form.booked-form .field label.field-label { display:block; font-weight:bold; padding: 15px 0 8px; text-transform: uppercase; font-size: 13px; }
form.booked-form .field textarea { height:100px; width:100%; }
form.booked-form .field .checkbox-radio-block { display:block; padding:0 0 7px 10px; }
form.booked-form .field .checkbox-radio-block label { color:#555; display:inline-block; padding-left:3px; position:relative; top:3px; }
form.booked-form .field .checkbox-radio-block input[type=radio], form.booked-form .field .checkbox-radio-block input[type=checkbox] { top:5px; position:relative; }

form.booked-form .cf-block { margin:0 0 25px; }
form.booked-form .cf-block select { font-size:13px; width:100%; height:33px; margin-right:0; }
form.booked-form .cf-block input, form.booked-form .cf-block textarea { background:#fff; }

form.booked-form .required-asterisk { color:#E35656; margin:-1px 0 0 7px; }

form.booked-form .booked_appt_date-formatted { font-size: 1.2em; line-height: 28px; display: inline-block; padding-right: 10px; padding-bottom:5px; font-weight:600; }
form.booked-form button.ui-datepicker-trigger { float:right; }

/* MODAL WINDOWS */
body .booked-modal { margin-top:-84px; min-height:168px; position: fixed; z-index:9999999; top:50%; right: 0; bottom: 0; left: 0; }
body .booked-modal hr { border-top:1px solid #ddd; background:none; }
body .booked-modal .bm-overlay { animation: booked-fadein 0.2s; -webkit-animation: booked-fadein 0.2s; -moz-animation: booked-fadein 0.2s; -ms-animation: booked-fadein 0.2s; -o-animation: booked-fadein 0.2s; -webkit-backface-visibility: hidden; position: fixed; background:#000; background: rgba(0, 0, 0, 0.65); top: 0; right: 0; bottom: 0; left: 0; }
body .booked-modal .bm-window { animation: booked-flyin 0.2s; -webkit-animation: booked-flyin 0.2s; -moz-animation: booked-flyin 0.2s; -ms-animation: booked-flyin 0.2s; -o-animation: booked-flyin 0.2s; -webkit-backface-visibility: hidden; padding:43px 0 25px; width:450px; position:relative; margin:0 auto; background:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:1px 1px 60px rgba(0,0,0,0.5); -webkit-box-shadow:1px 1px 60px rgba(0,0,0,0.5); box-shadow:1px 1px 60px rgba(0,0,0,0.5); }
body .booked-modal.bm-loading .bm-window { background:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }
body .booked-modal.bm-closing .bm-overlay { animation: booked-fadeout 0.2s; -webkit-animation: booked-fadeout 0.2s; -moz-animation: booked-fadeout 0.2s; -ms-animation: booked-fadeout 0.2s; -o-animation: booked-fadeout 0.2s; -webkit-backface-visibility: hidden; }
body .booked-modal.bm-closing .bm-window { animation: booked-flyout 0.2s; -webkit-animation: booked-flyout 0.2s; -moz-animation: booked-flyout 0.2s; -ms-animation: booked-flyout 0.2s; -o-animation: booked-flyout 0.2s; -webkit-backface-visibility: hidden; }
body .booked-modal .bm-window { background:#f5f5f5; max-height:100px; }
body .booked-modal .bm-window p { margin:0 0 15px; font-size:13px; line-height:1.7; }
body .booked-form .cf-block ul, body .booked-form .cf-block ol { font-size:13px; margin-left:30px; line-height:1.5; }
body .booked-form .cf-block ul { list-style:disc; }
body .booked-form .cf-block ol { list-style:decimal; }
body .booked-modal .bm-window p small { display:block; margin:0 0 15px; text-transform:uppercase; font-size:13px; font-weight:600; letter-spacing:0.03em; }
body .booked-modal .bm-window p.name { font-size:15px; margin:0 0 20px; line-height:1.7; }
body .booked-modal .bm-window p strong { font-size:13px; text-transform:uppercase; display:inline-block; padding-right:3px; font-weight:600; }
body .booked-modal .bm-window a { text-decoration:none; }
body .booked-modal .bm-window .close { line-height:1; color:#fff; color:rgba(255,255,255,0.5); font-size:20px; position:absolute; top:11px; right:14px; }
body .booked-modal .bm-window .close:hover { color:#fff; }
body .booked-modal .bm-window p i.booked-icon.booked-icon-clock { font-size: 18px; position: relative; top: 1px; }
body .booked-modal .bm-window p.booked-calendar-name { font-weight:600; font-size:15px; color:#0073aa; }
body .booked-modal .bm-window .booked-scrollable { max-height:100px; padding:25px 30px; overflow-y:scroll; background:#f5f5f5; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
body .booked-modal .bm-window p.booked-title-bar { background:#56c477; box-sizing: border-box; font-size: 13px; position: absolute; top: 0; left: 0; line-height:1; width: 100%; color: #fff; border-radius: 4px 4px 0 0; padding: 15px 30px 15px 15px; }
body .booked-modal .bm-window p.booked-title-bar small { margin:0; }
body .booked-modal .bm-window p.booked-modal-title { font-size: 15px; font-weight: 600; }
body .booked-modal .bm-window p.booked-modal-list-item { margin:0; }
body .booked-modal .bm-window p.bm-title-bordered { border-top: 1px solid #ddd; padding-top: 20px; margin-top: 20px; }

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

	body .booked-modal { padding:0; margin:20px; }
	body .booked-modal .bm-window { width:100%; padding:43px 0 0; box-sizing:border-box; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; }
	body .booked-modal .bm-window .booked-scrollable { padding:30px 35px; }
	body .booked-modal .bm-overlay { background:rgba(0, 0, 0, 0.8); }
	body .booked-modal .bm-window p.name b { display:block; }

}



#booked-welcome-screen { padding:15px 50px 0 30px; position:relative; }
#booked-welcome-screen .booked-badge { position:absolute; top:-3px; right:0; }
#booked-welcome-screen .booked-badge img { border:none; width:150px; height:150px; display:block; margin:0; }
#booked-welcome-screen .about-text { margin-bottom:40px; line-height:1.7rem; font-size:1rem; margin-right:470px; }
#booked-welcome-screen .about-wrap { margin:25px auto 0; }
#booked-welcome-screen .about-wrap h1 { margin-right:470px; font-size:2.2rem; }
#booked-welcome-screen #welcome-panel { padding:30px 30px 30px 20px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border-color:#ccc; box-shadow:0 1px 3px rgba(0,0,0,0.15); }
#booked-welcome-screen #welcome-panel img.booked-welcome-banner { border:none; display:block; padding:0 0 30px 10px; width:100%; box-sizing:border-box; }
#booked-welcome-screen .welcome-panel-content { margin-left:10px; }
#booked-welcome-screen .welcome-panel-column h3 { margin:0 0 20px; position:relative; }
#booked-welcome-screen .welcome-panel-column h3 a { position:absolute; top:0; right:0; font-size:12px; font-weight:400; }
#booked-welcome-screen .welcome-panel-column h3 a i.booked-icon { position:relative; top:1px; }
#booked-welcome-screen .welcome-panel-column { box-sizing:border-box; padding-right:40px; }
#booked-welcome-screen .welcome-panel-column.welcome-panel-last { width:64%; padding-right:0; }
#booked-welcome-screen .welcome-panel-column .booked-icon-sign-out { color:#888; }
#booked-welcome-screen ul.booked-whatsnew-list { margin-right:0; }
#booked-welcome-screen ul.booked-whatsnew-list li { line-height:1.7; position:relative; margin-right:0; border-top:1px solid #e5e5e5; padding:8px 0 4px 62px }
#booked-welcome-screen ul.booked-whatsnew-list li:first-child { border:none; padding-top:0; }
#booked-welcome-screen ul.booked-whatsnew-list strong.new,
#booked-welcome-screen ul.booked-whatsnew-list strong.tweak,
#booked-welcome-screen ul.booked-whatsnew-list em.fix { position:absolute; font-style:normal; display:inline-block; background:#aaa; text-transform:uppercase; top:11px; left:0; color:#fff; font-weight:600; -moz-border-radius:3px; -webkit-border-radius:3px; text-align:center; width:38px; border-radius:3px; font-size:10px; line-height:19px; height:19px; padding:0 6px; margin:0 6px 0 0; }
#booked-welcome-screen ul.booked-whatsnew-list li:first-child strong.new,
#booked-welcome-screen ul.booked-whatsnew-list li:first-child strong.tweak,
#booked-welcome-screen ul.booked-whatsnew-list li:first-child em.fix { top:3px; }
#booked-welcome-screen ul.booked-whatsnew-list strong.new { background:#56C477; }
#booked-welcome-screen ul.booked-whatsnew-list strong.tweak { background:#0073aa; }
#booked-welcome-screen ul.booked-whatsnew-list em.fix { background:#ffad10; }

@media screen and (max-width:870px){
	#booked-welcome-screen .welcome-panel-column { padding-right:0; }
	#booked-welcome-screen .welcome-panel-column.welcome-panel-last { width:100%; padding-top:20px; }
	#booked-welcome-screen .about-wrap { margin-top:0; }
	#booked-welcome-screen .welcome-panel .welcome-panel-column li { display:block; }
}

@media screen and (max-width:782px){
	#booked-welcome-screen { padding:15px 40px 0 30px; }
	#booked-welcome-screen .booked-badge { display:none; }
	#booked-welcome-screen .about-wrap h1,
	#booked-welcome-screen .about-text { margin-right:0; }
	#booked-welcome-screen .welcome-panel-column h3 a { display:block; position:relative; }
}

@media screen and (max-width:500px){
	#booked-welcome-screen #welcome-panel img.booked-welcome-banner { display:none; }
	#booked-welcome-screen .about-wrap h1 { font-size:1.8em; }
	#booked-welcome-screen .about-text { font-size:15px; }
}




/* ANIMATION */
.timeslot,
table.booked-calendar td .count,
table.booked-calendar thead th a,
.booked-appt-list .timeslot,
#booked-admin-panel-container #booked-cf-sortables li .cf-delete,
#booked-admin-panel-container .booked-admin-tabs li a {
	-webkit-transition: all 100ms cubic-bezier(0.420, 0.000, 0.150, 1.000);
	-moz-transition: all 100ms cubic-bezier(0.420, 0.000, 0.150, 1.000);
	-o-transition: all 100ms cubic-bezier(0.420, 0.000, 0.150, 1.000);
	transition: all 100ms cubic-bezier(0.420, 0.000, 0.150, 1.000);
}

table.booked-calendar td .date {
	-webkit-transition: background 100ms cubic-bezier(0.420, 0.000, 0.150, 1.000);
	-moz-transition: background 100ms cubic-bezier(0.420, 0.000, 0.150, 1.000);
	-o-transition: background 100ms cubic-bezier(0.420, 0.000, 0.150, 1.000);
	transition: background 100ms cubic-bezier(0.420, 0.000, 0.150, 1.000);
}

table.booked-calendar td .date .number {
	-webkit-transition: color 100ms cubic-bezier(0.420, 0.000, 0.150, 1.000), background 100ms cubic-bezier(0.420, 0.000, 0.150, 1.000), transform 200ms cubic-bezier(0.420, 0.000, 0.150, 1.000);
	-moz-transition: color 100ms cubic-bezier(0.420, 0.000, 0.150, 1.000), background 100ms cubic-bezier(0.420, 0.000, 0.150, 1.000), transform 200ms cubic-bezier(0.420, 0.000, 0.150, 1.000)
	-o-transition: color 100ms cubic-bezier(0.420, 0.000, 0.150, 1.000), background 100ms cubic-bezier(0.420, 0.000, 0.150, 1.000), transform 200ms cubic-bezier(0.420, 0.000, 0.150, 1.000)
	transition: color 100ms cubic-bezier(0.420, 0.000, 0.150, 1.000), background 100ms cubic-bezier(0.420, 0.000, 0.150, 1.000), transform 200ms cubic-bezier(0.420, 0.000, 0.150, 1.000)
}

.booked-appt-list {
	-webkit-transition: transform 400ms cubic-bezier(0.420, 0.000, 0.150, 1.000);
	-moz-transition: transform 400ms cubic-bezier(0.420, 0.000, 0.150, 1.000);
	-o-transition: transform 400ms cubic-bezier(0.420, 0.000, 0.150, 1.000);
	transition: transform 400ms cubic-bezier(0.420, 0.000, 0.150, 1.000);
}