:root {
	/* Primary brand colors */
	--primary-color: #0F6BC7;
	--secondary-color: #199AFC;
	
	/* Text colors */
	--text-primary: #ffffff;
	--text-secondary: #ffffff;
}

/* replace TB logo */
img.timeblockr-logo {
	width: 257px;
	height: 30px;
	box-sizing: border-box;
	padding-left: 257px;
	/*width of the image*/
	background: url(/template/uwv_smz/image/logo-uwv-admin.png) left top no-repeat;
}

.mobile-logo > a {
	color: var(--primary-color);
}

#header {
	border-top: 4px solid var(--primary-color);
}

.timeblockr-admin .timeblockr-button.orange, .filter-options input[type="submit"], div.support-small {
	background-color: var(--primary-color) !important;
}
	.filter-options input[type="submit"].reset-filter {
		color: var(--text-primary);
		padding: 6px 12px;
	}

table.view-results th {
	border-bottom: 1px solid var(--primary-color);
}

.ui-tabs ul.ui-widget-header {
	border-bottom: 1px solid var(--primary-color);
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	border: 1px solid var(--primary-color);
}

#contentHolder div.loader, div.knockout.loader, .modal-dialog div.loader, div.timeblockr_persistbooking_loader {
	background-color: var(--primary-color) !important;
}

.timeblockr-admin .planningview .addappointment {
	background-color: var(--primary-color) !important;
}

.timeblockr-admin .ui-widget-header {
	background: var(--primary-color) !important;
	border: 1px solid var(--primary-color) !important;
}

	.timeblockr-admin .ui-state-highlight.ui-state-active, .timeblockr-admin .ui-state-active, .timeblockr-admin .ui-widget-content .ui-state-active, .timeblockr-admin .ui-widget-header .ui-state-active, .timeblockr-admin a.ui-button:active, .timeblockr-admin .ui-button:active, .timeblockr-admin .ui-button.ui-state-active:hover {
		border-color: var(--primary-color) !important;
	}

.ui-datepicker-header {
	background: var(--primary-color) !important;
	color: var(--text-primary) !important;
	border: 1px solid var(--primary-color) !important;
}

.timeblockr-admin input[type="submit"], .timeblockr-admin button, .timeblockr-admin .timeblockr-button, .add-controls a, a.timeblockr_button {
	background: var(--secondary-color);
}

a.link-btn {
	background-color: var(--secondary-color);
	color: var(--text-secondary);
}

.timeblockr_calendar_compact a.timeblockr_slot:hover {
	background: var(--secondary-color);
	color: var(--text-secondary);
}

#main-nav div > ul > li.active > a, #main-nav div > ul > li.active > span {
	border-bottom: 4px solid var(--secondary-color);
}

#main-nav div ul ul li a:hover, #main-nav div ul ul li a:active {
	border-left: 4px solid var(--secondary-color);
}

.paging_full_numbers a.paginate_button:hover, .btn-group button, .paging_full_numbers a.paginate_button.current, input[type="submit"], button, button:hover, .add-controls li input[type="submit"]:hover, .filter-options input[type="submit"]:hover, .filter-options input[type="reset"]:hover, input[type="submit"]:hover {
	background-color: var(--secondary-color);
}

.add-controls a:hover, .add-controls a:active {
	color: var(--text-secondary);
	background-color: var(--secondary-color);
}

.btn-timeblockrBlue {
	background-color: var(--secondary-color);
	border-color: var(--secondary-color);
}

.page-scheduler .scheduler .addtimewindow > div:hover {
	background-color: var(--secondary-color);
	border-color: var(--primary-color);
	border-left-color: var(--primary-color);
}

.timeblockr-admin .fc-now-indicator-arrow {
	border-color: var(--primary-color) !important;
	border-top-color: transparent !important;
	border-bottom-color: transparent !important;
}

.timeblockr-admin .fc-now-indicator-line {
	border-color: var(--primary-color) !important;
}

.nav-tabs {
	border-color: var(--primary-color);
}

	.nav-tabs > li.nav-item > a.active,
	.nav-tabs > li.nav-item > a.active:hover,
	.nav-tabs > li.nav-item > a.active:focus {
		border-color: var(--primary-color);
		border-bottom-color: transparent;
		min-height: 40px;
	}

.bootstrap-dialog.type-primary div.modal-header {
	background-color: var(--primary-color);
}

.ui-slider-range.ui-corner-all.ui-widget-header {
	background: var(--primary-color) !important;
	border: 1px solid var(--primary-color) !important;
}

.ui-multiselect-header .ui-widget-header {
	background: var(--primary-color) !important;
}

.ui-widget-header .ui-icon {
	background-image: url("/css/images/ui-icons_ffffff_256x240.png") !important;
}

.ui-state-active .ui-icon {
	background-image: url("/css/images/ui-icons_b5b5b5_256x240.png") !important;
}

/* Basket styling */
#dialog-add-appointment .ui-dialog .ui-dialog-titlebar {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: var(--text-primary) !important;

}

#dialog-add-appointment button.ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}

/*-- Custom styling changes --*/
/* Show Preparation and finalizing time */
.timeblockr_basket .timeblockr_edit-preparation-time, .timeblockr_basket .timeblockr_edit-finalizing-time {
	display: block !important;
}

/** hide basket */
#dialog-add-appointment div.timeblockr_basket-total {
	display: none;
}

/* Document Aanpassingen Inrichting PAS_0.1 - Reactie Communited 20190405.docs */
/* Kleurtjes planbord */
.timeblockr-admin .planningview .legenda {
	display: none;
}

/* Category toevoegen */
.page-scheduler .add-controls span a[href="#timewindowcategory"] {
	display: none;
}

/* Profiel zoeken */
.timeblockr_userprofile-fields .btn-profileprovider {
	display: none !important;
}

/* Kanalen bij toevoegen van tijdsloten schema's */
.modal-dialog.timewindow .timewindow-form .form-horizontal #timewindow-channels {
	display: none;
}

/* Planning pagina sturingsgegevens */
#contentHolder .add-content-box .schedule .controldata {
	display: none;
}