/* IMPORTANT CSS STARTS */
.mfp-wrap { z-index: 999999; }
.fc-day.disabled { cursor: not-allowed; }
.not-allowed { cursor:not-allowed; }

.sweet-alert { z-index: 999999 !important; }

.mfp-content {
	background: #fff;	
	width:500px !important;	
}

label.error { color:#f00; display:block; }

.popup-block-main {}

.popup-modal { position: relative; }
.popup-block-main .popup-block-main-title {
    text-decoration: none;
    text-align: center;
    overflow: hidden;
    font-weight: 400;
    padding: 0;
    background: #0FCCAC;
    font-size: 19px;
    color: #fff;
    line-height: 60px;
    height: 60px;
}
.mfp-close-btn-in .mfp-close {
	height: 60px; width: 60px;
	color: #fff;
	line-height: 60px;
	position: absolute;
	top: 0; right: 0;
}
.appointment-form select {
	max-width: 29rem !important;
}
.popup-block-main-body {
	padding: 20px;
}

.form-group-elements {}
.form-group-elements + .form-group-elements { margin-top: 15px; }
.form-group-elements .form-label { font-size: 15px; font-weight: 700; margin-bottom: 5px; }
.form-group-elements .form-element input,
.form-group-elements .form-element select,
.form-group-elements .form-element textarea { display: block; width: 99%; height: auto; padding: 8px 12px; }
.form-group-elements .form-label-staff { font-size: 15px; font-weight: 700; margin-bottom: 5px; }
.form-group-elements .form-element-staff input{ display: block; width: 50%; height: auto; padding: 8px 12px; }

.gfb-ajax-loader {
	display: block; 
	margin: 30px auto;	
}

.gfb-ajax-loader-holiday {
    display: block;
    margin: 20% auto 0 auto;
      
}

 
.event a {
    background-color: #ff8150 !important;
    background-image :none !important;
    color: #ffffff !important;
}
.remove-event a {
    background-color: #cc2525 !important;
    background-image :none !important;
    color: #ffffff !important;
}
.select-event a {
    background-color: #0FCCAC !important;
    background-image :none !important;
    color: #ffffff !important;
}

.ui-datepicker { display: none; z-index: 999999 !important; }
.ui-timepicker-wrapper { z-index: 999999 !important; }

.input-main-subject { width:700px; }

/* IMPORTANT CSS ENDS */


@import 'https://fonts.googleapis.com/css?family=Oxygen:300,400,700';


/* -----------------------------------
	ADMIN THEME
----------------------------------- */

/* overall layout */


.wrap { font-family: 'Oxygen', sans-serif; font-size: 16px; line-height: 1.5; }

.gfb_wrap { padding: 30px; background: #fff; border: 1px solid #ddd; box-sizing: border-box; font-size: 16px; }
.gfb_wrap * { box-sizing: inherit; }
.gfb_wrap img { max-width: 100%; max-height: 100%; }

.gfb_maintab-title { margin: -30px -30px 30px; padding: 20px 30px; background: #0FCCAC; /*background: linear-gradient(90deg, #4d2c91, #7e57c2);*/ overflow: hidden; }
.gfb_maintab-title h2 { margin: 0; color: #fff; font-weight: 400; font-size: 22px; float: left; }

.gfb_maintab-options { float: right; }
.gfb_maintab-options select { border: 0; font: inherit; height: auto; font-size: 16px; color: #fff; color: red; color: inherit; padding: 5px 8px; border-radius: 4px; }
.gfb_maintab-options a { color: #fff; text-decoration: none; font-size: 16px; padding: 8px 15px; line-height: 1; border-radius: 4px; background: #0FCCAC; }

.gfb_maintab-content { font-size: 16px; }


/* full calendar theme */

#calendar .gfbAjaxLoader, #gfb-js-holidays-cal .gfbAjaxLoader { padding: 20px 50px; background: #333; }


.gfb_maintab-content .fc td, .gfb_maintab-content .fc th { border: 1px solid #ddd; border-bottom: 0; padding: 5px; vertical-align: top; }
.gfb_maintab-content .fc { border-bottom: 1px solid #ddd; }
.gfb_maintab-content .fc-unthemed td.fc-today { background: #f4fcff; }

.fc th { padding: 8px; }

.fc-ltr .fc-basic-view .fc-day-top { transition: all 0.3s; }
.fc-ltr .fc-basic-view .fc-day-top .fc-day-number { margin: 10px auto 0; line-height: 39px; font-size: 20px;  font-weight: 700; text-align: center; width: 45px; height: 45px; border: 1px solid #ccc; border-radius: 50%; float: none; display: block; transition: all 0.3s; }

.fc-ltr .fc-basic-view .fc-day-top:hover .fc-day-number { border-color: rgba(0, 183, 255, 0.5); background: rgba(0, 183, 255, 1); color: #fff; cursor: pointer; }

.fc-event, .fc-event-dot { background: transparent; color: #333; border: 0; text-align: center; }
.fc-event > span { font-weight: 700; }
span.event-pending { display: inline-block; margin: 2px 2px; line-height: 1; padding: 4px 5px; border-radius: 3px; color: #fff; min-width: 20px; min-height: 15px; background: #ff8150; vertical-align: middle; position: relative; bottom: 2px; font-size:16px; }
span.event-awaiting { display: inline-block; margin: 2px 2px; line-height: 1; padding: 4px 5px; border-radius: 3px; color: #fff; min-width: 20px; min-height: 15px; background: #097eb7; vertical-align: middle; position: relative; bottom: 2px; font-size:16px; }
span.event-completed { display: inline-block; margin: 2px 2px; line-height: 1; padding: 4px 5px; border-radius: 3px; color: #fff; min-height: 15px; min-width: 20px; background: #2aad6c; vertical-align: middle; position: relative; bottom: 2px; font-size:16px; }
span.event-cancelled { display: inline-block; margin: 2px 2px; line-height: 1; padding: 4px 5px; border-radius: 3px; color: #fff; min-height: 15px; min-width: 20px; background: #aaa; vertical-align: middle; position: relative; bottom: 2px; font-size:16px;}
span.event-holiday { display: inline-block; margin: 2px 2px; line-height: 1; padding: 4px 5px; border-radius: 3px; color: #fff; min-height: 15px; min-width: 20px; background: #f00; vertical-align: middle; position: relative; bottom: 2px; font-size:16px; }


/* timeslot table */


.timeslot-table { overflow: auto; }
.timeslot-table-row { display: -webkit-box; display: flex; align-items: center; padding: 2px; width: 100%; }
.timeslot-weekday { flex: 0 0 180px; width: 180px; padding: 20px; }
.timeslot-weekday strong { font-size: 1.2em; display: block; margin-bottom: 10px; }

.timeslot-table-btns { font-size: 0.9em; margin-top: 10px; }
.timeslot-table-btns a { display: inline-block; text-decoration: none; line-height: 1; padding: 2px 4px; border: 1px solid; border-radius: 3px; }
.timeslot-table-btns a.btn-red { color: #c93b3b; }
.timeslot-table-btns a.btn-blue { color: #0e85be; }
.timeslot-table-btns a.btn-green { color: #24b024; }
.timeslot-table-btns a.btn-orange { color: #ff8003; }

.timeslot-box { flex: 0 0 200px; width: 200px; padding: 10px; border:none; border-radius: 4px; margin: 2px 4px; background: #fff; position: relative;  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23) !important;
 }
.timeslot-box-title { font-weight: 700; display: block; margin-bottom: 10px; color: #0e85be;}
.timeslot-box-meta { font-size: 0.8em; line-height: 1; padding: 5px 8px; background: #f7f7f7; margin: 5px auto; }
.timeslot-box-meta .dashicons { opacity: 0.5; display: inline-block; vertical-align: middle; position: relative; bottom: 2px; margin-right: 4px; }

.timeslot-box .timeslot-table-btns { position: absolute; padding: 10px; background: #fff; bottom: 5px; right: 5px; display: none;}
.timeslot-box:hover .timeslot-table-btns { display: block; }

.timeslot-table-btns a {
    padding: 10px !important;
    box-shadow: 0 5px 5px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23) !important;
}
/* staff members */


.staff-selector { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ddd; }

.staffmember-box { border: 5px solid #eee; padding: 30px; }

.staffmember-box-header { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; }
.staffmember-intro-wrap { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; }
.staffmember-photo { flex: 0 0 120px; margin-right: 30px; position: relative; border-radius: 50%; overflow: hidden; box-shadow: 4px 4px 5px rgba(0,0,0,0.1); }
.staffmember-photo a { position: absolute; top: 65%; left: 0; right: 0; text-align: center; padding: 5px; font-size: 0.8em; text-transform: uppercase; color: #eee; background: rgba(40,40,40,0.7); text-decoration: none; }
.staffmember-photo img { display: block; }
.staffmember-intro {}
.staffmember-intro-name { font-size: 25px; font-weight: 700; margin-bottom: 10px; color: #333; }
.staffmember-intro-meta { color: #999; margin-top: 5px; }
.staffmember-intro-meta .staffmember-delete a { color: #f00 !important; }

.staffmember-box-tab-titles { margin: 0 auto; flex: 1 0 auto;  min-width:50% }
.staffmember-box-tab-titles ul { margin: 0; padding: 0; list-style: none; overflow: hidden; }
.staffmember-box-tab-titles ul li { float: left; width: 25%; text-align: center; }
.staffmember-box-tab-titles ul li a { display: block; text-decoration: none; padding: 20px 10px; margin: 5px; border: 1px solid #ddd; border-radius: 4px; color: #444; text-transform: uppercase; position: relative; }
.staffmember-box-tab-titles ul li a .dashicons { display: block; margin: 0 auto 10px;  color: #aaa; font-size: 2em; width: auto; height: auto; }
.staffmember-box-tab-titles ul li a:hover { background: #f7f7f7; }
.staffmember-box-tab-titles ul li.active a { border-bottom:3px solid #0FCCAC; }
.staffmember-box-tab-titles ul li.active a .dashicons { color: #0FCCAC; }

.staffmember-box-tab { display: none; }
.staffmember-box-tab.active { display: block; }

.staffmember-box-tab-content { padding: 10px 0; }

/* staff table */

.staff-table { overflow: auto; }
.staff-table-row { display: inline; flex-direction: row; flex-wrap: nowrap; align-items: center; padding: 2px; width: 30%; }
.staff-weekday { flex: 0 0 180px; padding: 20px; }
.staff-weekday strong { font-size: 1.2em; display: block; margin-bottom: 10px; }

.staff-box { flex: 0 0 200px; padding: 10px; box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); border-radius: 4px; margin: 10px 4px; background: #fff; display:inline-block; }
.staff-box-title { font-weight: 700; display: block; margin-bottom: 10px; color: #0e85be; }
.staff-box-meta { font-size: 0.8em; line-height: 1; padding: 5px 8px; background: #f7f7f7; margin: 5px auto; }
.staff-input { margin : 5px 40px !important; }
.staff-price-input { padding: 8px; border-radius: 5px; display: inline-block; width: 40%; }
.staff-label { padding: 8px; display: inline-block; }
.staff-box-meta .description { display:inline-block; margin-left:5px; }



/* form elements */


.gfb_section-title { font-size: 1.1em; font-weight: 700; padding: 15px; margin: 20px auto; background: #0FCCAC; color:#fff }

.gfb_field { margin-bottom: 20px; overflow: hidden; }
.gfb_field-label { display: block; margin: 10px 0; float: left; width: 200px; }
.gfb_field-control { float: left; width: calc(100% - 202px); }
.gfb_field-control input[type="text"],
.gfb_field-control input[type="email"],
.gfb_field-control input[type="password"],
.gfb_field-control input[type="file"],
.gfb_field-control select,
.gfb_field-control textarea { display: block; width: 100%; border: 1px solid #ddd; font: inherit; padding: 10px; border-radius: 4px; box-shadow: 1px 1px 4px rgba(0,0,0,0.05) inset; }
.gfb_field-control input[type="text"]:focus,
.gfb_field-control input[type="email"]:focus,
.gfb_field-control input[type="password"]:focus,
.gfb_field-control input[type="file"]:focus,
.gfb_field-control select:focus,
.gfb_field-control textarea:focus { border-color: #219dd9; }
.gfb_field-tip { font-size: 0.9em; padding: 10px; color: #888; }

.gfb_field-control .checkable { display: inline-block; margin: 10px; position: relative; overflow: hidden; padding-left: 28px; }
.gfb_field-control .checkable > input { position: absolute; opacity: 0; }
.gfb_field-control .checkable > span { position: absolute; top: 1px; left: 0; bottom: 1px; width: 24px; border: 1px dashed #aaa; border-radius: 3px; transition: all 0.3s; }
.gfb_field-control .checkable:hover > span, .gfb_field-control .checkable > input:focus + span { border: 1px solid #aaa; }
.gfb_field-control .checkable > span:before { content: ''; font-family: dashicons; height: auto; width: auto; font-size: 20px; position: absolute; top: 0; left: 0; line-height: 1; opacity: 0; transition: all 0.3s; }
.gfb_field-control .checkable:hover > span:before { opacity: 0.3; }
.gfb_field-control .checkable > input:checked + span { background: #097eb7; border: 1px solid #097eb7; }
.gfb_field-control .checkable > input:checked + span:before { color: #fff; opacity: 1; }

.gfb_btn { display: inline-block; line-height: 1; border: 0; background: #eee; text-decoration: none; font: inherit; cursor: pointer; color: #333; padding: 10px 25px; border-radius: 4px; text-align: center; }
.gfb_btn.icon { padding: 10px 12px; }
.gfb_btn.icon .dashicons { font-size: 1.5em; }
.gfb_btn.green { background: #2ebc2e; color: #fff; }
.gfb_btn.red { background: #db3c3c; color: #fff; }
.gfb_btn.blue { background: #097eb7; color: #fff; }
.gfb_btn.yellow { background: #ffbd1e; color: #333; }
.gfb_btn.black { background: #333; color: #fff; }

.gfb_wrap .chosen-container { font-size: inherit; margin: 0 3px; }
.gfb_wrap .chosen-container > a { padding: 6px 10px; height: auto; background: #fff; box-shadow: none; border: 1px solid #ddd; border-radius: 4px; box-shadow: 1px 1px 4px rgba(0,0,0,0.05) inset; }
/* .gfb_wrap .chosen-container-single .chosen-single div { display: none; } */
.gfb_wrap .chosen-container .chosen-results li { padding: 10px; font-size: 0.9em; border-radius: 4px; }

.wp-picker-clear { display: inline-block !important; width: auto !important; }
.wp-picker-container input[type="text"].wp-color-picker { padding: 4px 12px; width: 90px; }

.filter-box { padding: 10px; margin-bottom: 10px; border: 1px solid #ddd; }
.filter-box form { display: inline-block; }
.filter-box .chosen-container { width: 150px !important;  font-size: 15px; }
.filter-box .chosen-container > a { padding-top: 3px; padding-bottom: 3px; }
.filter-box .form-control { /* height: 32px; */ border-radius: 4px; }
.filter-box button { display: inline-block; border: 0; border-radius: 4px; height: 32px; line-height: 32px; padding: 0 12px; background: #444; color: #fff; font-size: 14px; cursor: pointer; margin: 0 1px; }
.filter-box button .dashicons { line-height: 32px; }
.filter-box button.gfb_search { background: #0FCCAC; }
.filter-box button.gfb_export_csv,
.filter-box button.gfb_export_pdf { background: #0FCCAC; }

.tablenav.top { display: none; }

.main-tab { overflow: hidden; }
.tab-container { display: none; }
.tab-container.active-tab { display: block; }

.gfb_maintable_codes { border-collapse: collapse; width:100%; }
.gfb_maintable_codes td { padding: 6px 15px; font-size: 15px; border: 1px solid #ddd; }
.gfb_maintable_codes tr:hover td { background: #eee; }
.gfb_maintable_codes td:first-child { text-align: left; border-right: 0; }
.gfb_maintable_codes td:last-child { text-align: right; border-left: 0; }


/* DASHBOARD */
.dashboard-title { text-align:center; text-decoration:underline; }
.gfb-charts { width: 100%;display: block; }
.gfbchartdiv { width: 100%; height: 400px; }
.gfb-charts .gfb-friendly-charts { background: white;
    width: 32.2%; 
    /* margin: 10px !important;*/
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23) !important;
    padding: 15px 0px; 
	/* display: inline-block; */
	overflow: hidden; 
	}

.gfb-charts .gfb-friendly-big-charts { background: white;
    width: 30% !important;
    margin: 10px !important;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23) !important;
    padding: 10px 10px 20px;
	display: inline-block; overflow: hidden; 
	}
    
.gfb-charts h3 { text-align: center; text-decoration: underline; }

.gfb-highpoints { width: 100%; margin: 0; display: block; position: relative; overflow: hidden; }

.small-box { float: left; overflow: hidden; box-shadow: 0 0px 10px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23) !important;
    margin: 1% 0% 1% 1.1%;
    width: 23.8%; }
.small-box .fc-white { color: #ffffff; }
.small-box.bg-green { background: #0FCCAC;}
.small-box.bg-blue { background: #0FCCAC; }
.small-box.bg-orange { background: #0FCCAC; }
.small-box.bg-red { background: #0FCCAC; }
.small-box .inner { color: #fff; display: block; overflow: hidden; position: relative; }
.small-box .inner .icon { display: block; position: absolute; top: 20px; right: 60px; opacity: 0.4; transition: all 0.3s; }
.small-box:hover .inner .icon { transform: scale(1.5); transform-origin: top right; }
.small-box .inner .icon i { font-size: 65px; }
.small-box .inner p { font-size: 30px; margin: 0 0 10px 10px; color: #fff; margin: 0; text-align: left; font-weight: 700; line-height: 1; float: left; padding: 8px 15px; border-radius: 5px; background: rgba(0,0,0,0.2); margin: 15px; }
.small-box .inner h1 { font-size: 22px; white-space: nowrap; padding: 15px 60px 10px 15px; color: #fff; margin: 0; text-align: left; line-height: 1; }


/* wordpress table/grid */


.gfb_wrap .wp-list-table { border: 1px solid #e1e1e1; margin: 20px auto; }
.gfb_wrap .wp-list-table thead {}
.gfb_wrap .wp-list-table tfoot {}

.gfb_wrap .widefat th, .gfb_wrap .widefat td { padding: 10px 15px; }
.gfb_wrap .widefat td, .gfb_wrap .widefat td ol, .gfb_wrap .widefat td p, .gfb_wrap .widefat td ul { font-size: 15px; }

.gfb_wrap th.sortable a, .gfb_wrap th.sorted a { display: block; overflow: hidden; padding-left: 0; padding-right: 0; }
.gfb_wrap .alternate, .gfb_wrap .striped > tbody > :nth-child(2n+1), .gfb_wrap ul.striped > :nth-child(2n+1) { background-color: #f3f9fb; }

.gfb_wrap .fixed .column-posts { width: 105px; }

.gfb_badge { display: inline-block; line-height: 1; font-size: 12px; padding: 5px 10px; border-radius: 32px; background: #999; color: #fff; font-weight: 700; }
.gfb_badge.badge-green { background: #2ebc2e; }
.gfb_badge.badge-red { background: #db3c3c; }
.gfb_badge.badge-blue { background: #097eb7; }
.gfb_badge.badge-yellow { background: #ffbd1e; }
.gfb_badge.badge-black { background: #444; }

.gfb_grid-btn { display: inline-block; margin: 0 3px; width: 40px; height: 40px; line-height: 1; color: #fff; background: #999; text-align: center; border-radius: 50%; transition: all 0.3s; }
.gfb_grid-btn .dashicons { font-size: 25px; line-height: 40px; width: auto; height: auto; }
.gfb_grid-btn.btn-green { background: #2ebc2e; color: #fff; }
.gfb_grid-btn.btn-red { background: #db3c3c; color: #fff !important; }
.gfb_grid-btn.btn-blue { background: #097eb7; color: #fff; }
.gfb_grid-btn.btn-yellow { background: #ffbd1e; color: #333; }
.gfb_grid-btn.btn-black { background: #333; color: #fff; }
.gfb_grid-btn:hover, .gfb_grid-btn:focus { color: #fff; background: #444; }

.gfb_wrap .row-title { font-size: 1.1em !important; }


#appointment_list_form .tablenav.top .tablenav-pages { display: none; }
#appointment_list_form button { border: 0; background: #168fca; padding: 3px 8px; color: #fff; border-radius: 4px; cursor: pointer; }

/* popup styles */

.mfp-content { border: 0; border-radius: 0; }

/* Custom CSS */
.gfb-custom-css { width: 100% !important; height: 200px !important; border-radius: 6px; font-size: 15px; }


/* holiday */


.gfb_wrap .ui-datepicker.ui-datepicker-multi { width: auto !important; padding: 0; border: 0; }
.gfb_wrap .ui-datepicker-multi-3 .ui-datepicker-group { width: 31.33%; margin: 1%; border: 0; padding: 5px; border: 1px solid #ddd; border-radius: 4px; }
.gfb_wrap .ui-datepicker-multi .ui-datepicker-header { border: 0; padding: 0; border-radius: 0; background: #e3e3e3; margin: 0 auto; }
.gfb_wrap .ui-datepicker-multi .ui-datepicker-header .ui-datepicker-title { margin: 0 auto; font-size: 16px; padding: 8px; /*background: linear-gradient(90deg, #0FCCAC, #7e56c1);*/ background:  #0FCCAC; color: #fff; }
.gfb_wrap .ui-datepicker-multi th { font-size: 0.9em; }
.gfb_wrap .ui-datepicker-multi td { padding: 0!important; border: 0!important; }
.gfb_wrap .ui-datepicker-multi td .ui-state-default:focus {
    box-shadow: none!important;    
    outline: none!important;
}
.gfb_wrap .ui-datepicker-multi td .ui-state-default { background: #ddd; border: 2px solid #FFF; padding: 4px 6px; }
.gfb_wrap .ui-datepicker-multi td .ui-state-default.ui-state-hover { border-color: #aaa; background: #fff; }
.gfb_wrap .event-completed {
    background-color: #ddd!important;
}

.gfb_wrap .tablenav .tablenav-pages { box-sizing: content-box; }
.ui-datepicker-multi a.ui-datepicker-prev,
.ui-datepicker-multi a.ui-datepicker-next { display:none; }


/* misc misc misc */

/* Search box */
.search-box { margin: 0px 10px;  }
.search-box button, 
.search-box input { margin:0; border-radius:0 !important; margin-right: -5px; }


.gfbAjaxLoader { display:none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 7; }
.loading-block { position: relative; overflow: hidden; }
.loading-block:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 5; }
.loading-block .gfbAjaxLoader { display: block; }

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

	.staffmember-box-header { flex-wrap: wrap; }
	.staffmember-box-header > * { flex: 0 0 100%; }
	.staffmember-intro-wrap { margin-bottom: 15px; }
	
	.staffmember-box-tab-titles ul li a { padding: 10px; }
	.staffmember-box-tab-titles ul li a .dashicons { font-size: 1.5em; }

}

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

	.gfb_field-label { float: none; width: 100%; margin: 0 0 10px; }
	.gfb_field-control { float: none; width: calc(100% - 2px); }

	.gfb_maintab-title h2 { float: none; }
	.gfb_maintab-options { float: none; display: block; margin-top: 15px; }

}

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

	.staffmember-box-tab-titles ul li a { font-size: 0; }
	.staffmember-box-tab-titles ul li a .dashicons { font-size: 20px; margin: 0; }

	.staffmember-intro-wrap { flex-wrap: wrap; }
	.staffmember-intro-wrap > * { flex: 0 0 100%; text-align: center; }
	.staffmember-photo { margin: 0 auto 15px; border-radius: 0; }
	.staffmember-photo img { width: 100%; }
	.staffmember-photo a { top: initial; bottom: 0; padding: 10px; }

}

.main-tab > ul {
	margin: 0 20px 20px 0;
	padding: 0;
	list-style: none;
	float: left;
	width: 280px;
}

.main-tab > ul > li a {
	display: block;
	text-decoration: none;
	color: #444;
	padding: 15px 20px;
	border: 1px solid #ccc;
	border-radius: 4px;
	background: #fff;
}

.main-tab > ul > li.active-tab a {
	background: #0FCCAC;
	color: #fff;
	border: 1px solid #0FCCAC;
}

.main-tab > ul > li a .dashicons {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	opacity: 0.7;
}

.all-tab-container {
	overflow: hidden;
	padding-left: 30px;
	border-left: 1px solid #ddd;
}



.ui-accordion .ui-accordion-content { border: 1px solid #fff; }
.ui-accordion .gfb_section-title { margin-bottom: 0; border: 1px solid #fff; font-size: 15px; padding: 12px 18px; background: #0FCCAC; color: #fff; border-radius: 4px; }
.ui-accordion .ui-accordion-header { margin-top: 10px; position: relative; }
.ui-accordion .ui-accordion-header:before { content: '+'; display: inline-block; color: #fff; margin-right: 10px; }
.ui-accordion .ui-accordion-header-active:before { content: '-'; }
.ui-accordion .gfb_section-title .ui-icon { background: transparent; display: none; }
.ui-accordion .ui-accordion-content { border: 1px solid #eee; }

.ui-accordion .form-group-elements { overflow: hidden; font-size: 15px; }
.ui-accordion .form-group-elements + .form-group-elements { margin-top: 1px solid #eee; }
.ui-accordion .form-group-elements label { display: block; margin-bottom: 5px; font-weight: 700; font-size: 0.8em; text-transform: uppercase; color: #888; }
.ui-accordion .form-group-elements .form-control { width: 99%; padding: 10px; display: block; }

.form-group-elements .submit .button.button-primary { font-size: 15px;
}

.holiday-legends { padding: 10px 15px; font-size: 0.8em; overflow: hidden; }
.holiday-legends .legend-box { float: right; }
.holiday-legends .year-change-box { float: left; }

.ui-datepicker-multi .ui-datepicker-title select { position: absolute; top: 0; left: 0; font-size: 13px !important; padding: 0 5px; width: 100px !important; margin: -58px 0 0 75px; }

.button.button-back { padding: 0 20px 1px; font-size: 15px; line-height: 32px; height: 35px; float: right; margin-top: -70px; }
.holiday-btn-wrapper {
    display: flex;
    justify-content: end;
}
#add_holdiays {
    margin-right: 15px;
    background-color: #0FCCAC;
    border-color: #0FCCAC;
}
#remove_holdiays {
    margin-right: 15px;
    background-color: #cc2525;
    border-color: #cc2525;
}
.description { color:#aaa; font-style:italic; }
.message-display { 
	text-align: center;
	display: block;
	border-radius: 8px;
	padding: 10px;
	width: 90%;
	vertical-align: middle;
	margin: 15px;
	background: #2aad6c;
	color: #fff;
}

.message-display a { color:#fff; }

#gfb_appointment_date_form { display: block; margin-top: 10px; }
#gfb_appointment_date_form .form-control { width: 180px; background: #fff; border-radius: 4px !important; }
#gfb_appointment_date_form button.gfb_search { border-radius: 4px !important; margin-left: 5px; }

.TinyTools.ToggleSwitch .NubWrapper .OnSide { background: linear-gradient(to bottom,#1b95d0 0%,#4abaf0 100%); }

.gfb-support {
    width: 48%;
	display: inline-block;
	height: 180px;
	overflow: hidden;
	border: 2px dashed #aaa;
}

.gfb-support-title {
	font-size: 1.1em;
	font-weight: 700;
	padding: 15px;
	margin: 10px auto;
}

.email-notify-submit {
    width: 50%;
    display: block;
    text-align: center;
    margin: 0 auto;
}

#filter { display: block; width: 99%; padding: 10px 15px; border-radius: 4px; }

#gfb_currency { overflow: hidden; display: none; }
#gfb_currency li { float: left; width: 48%; margin: 1%; padding: 10px; border: 2px solid #ddd; border-radius: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; }
#gfb_currency li.selected { border: 2px solid #1b95d0; background: #daf3ff; }
#gfb_currency li:before { content: ''; display: inline-block; width: 24px; height: 24px; vertical-align: middle; margin-right: 10px; background: transparent url(../images/all.png) no-repeat 0 0; }

#gfb_currency li.USD:before { background-position: -312px -312px; }
#gfb_currency li.SGD:before { background-position: -312px -264px; }
#gfb_currency li.AED:before { background-position: -24px 0; }
#gfb_currency li.AFN:before { background-position: -48px 0; }
#gfb_currency li.ALL:before { background-position: -120px 0; }
#gfb_currency li.AMD:before { background-position: -144px 0; }
#gfb_currency li.ARS:before { background-position: -216px 0; }
#gfb_currency li.AUD:before { background-position: -288px 0; }
#gfb_currency li.AZN:before { background-position: -360px 0; }

#gfb_currency li.BAM:before { background-position: 0 -24px; }
#gfb_currency li.BDT:before { background-position: -48px -24px; }
#gfb_currency li.BGN:before { background-position: -120px -24px; }
#gfb_currency li.BHD:before { background-position: -144px -24px; }
#gfb_currency li.BIF:before { background-position: -168px -24px; }
#gfb_currency li.BND:before { background-position: -264px -24px; }
#gfb_currency li.BOB:before { background-position: -288px -24px; }
#gfb_currency li.BRL:before { background-position: -312px -24px; }
#gfb_currency li.BWP:before { background-position: 0 -48px; }
#gfb_currency li.BYR:before { background-position: -24px -48px; }


#gfb_currency li.CAD:before { background-position: -72px -48px; }
#gfb_currency li.CHF:before { background-position: -168px -48px; }
#gfb_currency li.EGP:before { background-position: -288px -72px; }
#gfb_currency li.EUR:before { background-position: -24px -96px; }
#gfb_currency li.GBP:before { background-position: -216px -96px; }
#gfb_currency li.HKD:before { background-position: -216px -120px; }
#gfb_currency li.INR:before { background-position: -72px -144px; }
#gfb_currency li.JPY:before { background-position: -264px -144px; }

#gfb_currency li.KWD:before { background-position: -96px -168px; }
#gfb_currency li.LKR:before { background-position: -264px -168px; }
#gfb_currency li.HUF:before { background-position: -312px -122px; }

th#booking_ref_no{width:150px}

#gfb_appointment_date_form,#gfb_appointment_bookingnum_form{display:inline-block}
#gfb_appointment_date_form{margin-right:20px}


/* ---New css added--- */
.staff-delete:active, .staff-delete:hover{
	color:#0FCCAC;
}

#submit{
	background-color:#0FCCAC;
    border-color: #0FCCAC;
}
.save-slots {
    background-color: #0FCCAC!important;
    border-color: #0FCCAC!important;
    text-transform: capitalize!important;
    width: 200px!important;
    padding: 6px!important;
    font-size: 15px!important;
    float: right;
}
.save-time-wrapper {
    visibility: hidden;
    position: absolute;
    z-index: -1;
}
#all_submit, #all_fullday_submit, #all_clear {
    padding: 12px;
    width: 200px;
    display: block;
    text-align: center;
    float: right;
    background: #0FCCAC;
    color: #FFF;
    text-decoration: none;
    border-radius: 4px;
    margin-top: 20px;
}
#submit:active, #submit:hover, .save-slots:active, .save-slots:hover {
	background-color: #0FCCAC!important;
	color:#fff!important;
} 
.fc-ltr .fc-basic-view .fc-day-top:hover .fc-day-number{
	/* background:linear-gradient(90deg, #0FCCAC, #7e56c1); */
    background:  #0FCCAC;
    color: #fff;
    cursor: pointer;
}

.nowrap{
	white-space: nowrap;
}
#all-customer-appointments td{
	padding:10px 30px !important;
}

.main_col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.0%;
	
}
.main_section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

@media screen and (max-width: 898px){
  .gfb-friendly-charts { width: 48% !important; }
  .small-box { width: 48%;}
}

@media screen and (max-width: 498px){
  .gfb-friendly-charts { width: 98% !important; }
  .small-box { width: 98%;}
}
.input-main {
    max-width: 100%!important;
}
.global_slot_tracker {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    margin-bottom: 15px;
}
.time_frame, .global_slot_capacity {
    display: inherit;
    justify-content: inherit;
    align-items: inherit;
}
.global_slot_tracker input {
    box-shadow: 0 0 0 transparent;
    border-radius: 4px;
    border: 1px solid #8c8f94;
    background-color: #fff;
    color: #2c3338;
    padding: 8px 12px;
    width: 140px;
}
a.add-break {
    padding: 8px 12px;
    border: 1px solid #7AE2E2;
    border-radius: 4px;
    margin-left: 15px;
    margin-right: 15px;
    text-decoration: none;
    background: #7AE2E2;
    color: #fff;
    font-weight: bold;
    transition: all 0.1s ease 0s;
}
a.add-break:hover {
    box-shadow: 1px 1px 5px 0px #333;
    -webkit-box-shadow: 1px 1px 5px 0px #333;
    -moz-box-shadow: 1px 1px 5px 0px #333;
    -o-box-shadow: 1px 1px 5px 0px #333;
    -ms-box-shadow: 1px 1px 5px 0px #333;
}
.break_area, .global_break_slot {
    display: flex;
    align-items: center;
}
.fc-prev-button:hover, .fc-next-button:hover {
    background: #0FCCAC;
    color: #FFF;
}
.start_time, .end_time, .global_slot_capacity, .global_breaktime_slot_wrapper, .save-time-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: 13px;
    color: #777;
    margin-right: 15px;    
}
.global_breaktime_slot_wrapper {
    display: none;
}
.global_breaktime_slot_wrapper.show_break {
    display: flex;
}
body.gravity-forms-booking_page_gravity-form-booking-staff .select2-selection--multiple {
    padding:  0 12px;
}
body.gravity-forms-booking_page_gravity-form-booking-staff .select2-container--default .select2-selection--multiple .select2-selection__clear {
    position: absolute;
    right: 0;
    z-index: 99;
}
.dtp > .dtp-content > .dtp-date-view > header.dtp-header {
    display: none!important;
}
.dtp div.dtp-date, .dtp div.dtp-time {
    background: #0FCCAC!important;
    border-radius: 6px 6px 0 0;
}
.dtp > .dtp-content {
    max-width: 420px!important;
    max-height: 700px!important;
    border-radius: 6px!important;
}
.dtp-buttons button.btn {
    padding: 8px!important;
    width: 120px!important;
    background: #0FCCAC!important;
    border: 0!important;
    color: #FFF!important;
}
.dtp .dtp-buttons {
    padding: 0 0 1em 0!important;
    text-align: right!important;
    display: flex!important;
    width: 100%!important;
    justify-content: space-evenly!important;
}
.gfb_color_field {
    width: 42px!important;
    height: 42px!important;
    padding: 4px!important;
    float: left;
    margin-right: 10px;
}


ul.gfb_fullday_booking_wrapper li {
    display: flex;
    margin-bottom: 10px;
    padding: 10px 0;
    align-items: center;
    justify-content: flex-start;
}
ul.gfb_fullday_booking_wrapper li span {
    width: 100px;
    display: inline-block;
    text-transform: capitalize;
    font-weight: 600;
}
.gfb_fullday_booking_wrapper label.toggleswitch {
    margin-right: 25px;
}
.chosen-single > span{
	width: 210px;
	font-size: 13px;
	margin: 0 0 0 7px;
}
 .gfb_wrap .chosen-container-single .chosen-single div { 
	margin: 8px 0 0 0 !important;
 }

 .gfb-alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.gfb-alert h4 {
  margin-top: 0;
  color: inherit;
}

.gfb-alert .alert-link {
  font-weight: bold;
}

.gfb-alert > p,
.gfb-alert > ul {
  margin-bottom: 0;
}

.gfb-alert > p + p {
  margin-top: 5px;
}

.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
  position: relative;
}

.alert-dismissable .close,
.alert-dismissible .close {
  position: absolute;  
  right: 21px;
  color: inherit;
}

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}

.alert-success hr {
  border-top-color: #c9e2b3;
}

.alert-success .alert-link {
  color: #2b542c;
}

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}

.alert-info hr {
  border-top-color: #a6e1ec;
}

.alert-info .alert-link {
  color: #245269;
}

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}

.alert-warning hr {
  border-top-color: #f7e1b5;
}

.alert-warning .alert-link {
  color: #66512c;
}

.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}

.alert-danger hr {
  border-top-color: #e4b9c0;
}

.alert-danger .alert-link {
  color: #843534;
}