/*
AVRAS
Version: 5.1.0
Author: Roeland ten Holder | Lemon
Author URI: roeland@lemon.nl (zero six five one niner zero t(h)ree t(h)ree two six)
*/

#new-invoice .modal-xxl {
	vertical-align: top;
	top: 30px;
}

.col-sm-0-5 {
	flex: 0 0 4.166666%;
	max-width: 4.166666%;
}

.col-sm-1-5 {
	flex: 0 0 12.5%;
	max-width: 12.5%;
}

.btn.dropdown-toggle {
	padding-left: 8px;
	padding-right: 8px;
}

.booking-style .form-group {
	padding-left: 8px;
	padding-right: 8px;
}


.booking-style .row {
    margin-right: -8px;
    margin-left: -8px;
}

form.booking-style {
	padding-left: 30px;
}

.booking-style .row {
	position: relative;
}

.countrow {
	border-bottom: 1px solid #ccc;
	margin-bottom: 13px;
}

input.hobbs_start {
	/* padding-left: 20px !important; */
}


.booking-style .countrow::before {
	content: " ";
	position: absolute;
	font-size: 12px;
	font-weight: bold;
	left: -25px;
	top: 8px;
	width: 20px;
	height: 20px;
	border-radius: 20px;
	background: aliceblue;
	display: inline-block;
	text-align: center;
	color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df;
}

.booking-style .countrow.row1::before { content: "1"; }
.booking-style .countrow.row2::before { content: "2"; }
.booking-style .countrow.row3::before { content: "3"; }
.booking-style .countrow.row4::before { content: "4"; }
.booking-style .countrow.row5::before { content: "5"; }
.booking-style .countrow.row6::before { content: "6"; }
.booking-style .countrow.row7::before { content: "7"; }
.booking-style .countrow.row8::before { content: "8"; }
.booking-style .countrow.row9::before { content: "9"; }
.booking-style .countrow.row10::before { content: "10"; }
.booking-style .countrow.row11::before { content: "11"; }
.booking-style .countrow.row12::before { content: "12"; }


.label-right {
	text-align: right;
	line-height: 16px;
}

.label-left {
	text-align: left;
	line-height: 16px;
}

.crossed-out-input {
	background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100 100'><path d='M100 0 L0 100' stroke='grey' stroke-width='1'/><path d='M0 0 L100 100' stroke='grey' stroke-width='1'/></svg>");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%, auto;
	pointer-events: none;
	cursor: not-allowed;
	border: 1px solid #dddddd;
	outline: none;
	height: 100%;
	opacity: 0.6;
}

.btn-plus-minus {
	font-size: 20px;
	line-height: 20px;
	font-weight: 700;
	font-family: Arial, Helvetica, sans-serif;
}




body { background-color: #fff; }
.container { max-width: 1200px;}

form.is-submitting::before {
	position: absolute;
	content: '';
	top: -0.5em;
	right: -0.5em;
	left: -0.5em;
	bottom: -0.5em;
	background: rgba(0,0,0,0.2) url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHdpZHRoPSI0MHB4IiBoZWlnaHQ9IjQwcHgiIHZpZXdCb3g9IjAgMCA0MCA0MCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEuNDE0MjE7IiB4PSIwcHgiIHk9IjBweCI+CiAgICA8ZGVmcz4KICAgICAgICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPjwhW0NEQVRBWwogICAgICAgICAgICBALXdlYmtpdC1rZXlmcmFtZXMgc3BpbiB7CiAgICAgICAgICAgICAgZnJvbSB7CiAgICAgICAgICAgICAgICAtd2Via2l0LXRyYW5zZm9ybTogcm90YXRlKDBkZWcpCiAgICAgICAgICAgICAgfQogICAgICAgICAgICAgIHRvIHsKICAgICAgICAgICAgICAgIC13ZWJraXQtdHJhbnNmb3JtOiByb3RhdGUoLTM1OWRlZykKICAgICAgICAgICAgICB9CiAgICAgICAgICAgIH0KICAgICAgICAgICAgQGtleWZyYW1lcyBzcGluIHsKICAgICAgICAgICAgICBmcm9tIHsKICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogcm90YXRlKDBkZWcpCiAgICAgICAgICAgICAgfQogICAgICAgICAgICAgIHRvIHsKICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogcm90YXRlKC0zNTlkZWcpCiAgICAgICAgICAgICAgfQogICAgICAgICAgICB9CiAgICAgICAgICAgIHN2ZyB7CiAgICAgICAgICAgICAgICAtd2Via2l0LXRyYW5zZm9ybS1vcmlnaW46IDUwJSA1MCU7CiAgICAgICAgICAgICAgICAtd2Via2l0LWFuaW1hdGlvbjogc3BpbiAxLjVzIGxpbmVhciBpbmZpbml0ZTsKICAgICAgICAgICAgICAgIC13ZWJraXQtYmFja2ZhY2UtdmlzaWJpbGl0eTogaGlkZGVuOwogICAgICAgICAgICAgICAgYW5pbWF0aW9uOiBzcGluIDEuNXMgbGluZWFyIGluZmluaXRlOwogICAgICAgICAgICB9CiAgICAgICAgXV0+PC9zdHlsZT4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSJvdXRlciI+CiAgICAgICAgPGc+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMCwwQzIyLjIwNTgsMCAyMy45OTM5LDEuNzg4MTMgMjMuOTkzOSwzLjk5MzlDMjMuOTkzOSw2LjE5OTY4IDIyLjIwNTgsNy45ODc4MSAyMCw3Ljk4NzgxQzE3Ljc5NDIsNy45ODc4MSAxNi4wMDYxLDYuMTk5NjggMTYuMDA2MSwzLjk5MzlDMTYuMDA2MSwxLjc4ODEzIDE3Ljc5NDIsMCAyMCwwWiIgc3R5bGU9ImZpbGw6YmxhY2s7Ii8+CiAgICAgICAgPC9nPgogICAgICAgIDxnPgogICAgICAgICAgICA8cGF0aCBkPSJNNS44NTc4Niw1Ljg1Nzg2QzcuNDE3NTgsNC4yOTgxNSA5Ljk0NjM4LDQuMjk4MTUgMTEuNTA2MSw1Ljg1Nzg2QzEzLjA2NTgsNy40MTc1OCAxMy4wNjU4LDkuOTQ2MzggMTEuNTA2MSwxMS41MDYxQzkuOTQ2MzgsMTMuMDY1OCA3LjQxNzU4LDEzLjA2NTggNS44NTc4NiwxMS41MDYxQzQuMjk4MTUsOS45NDYzOCA0LjI5ODE1LDcuNDE3NTggNS44NTc4Niw1Ljg1Nzg2WiIgc3R5bGU9ImZpbGw6cmdiKDIxMCwyMTAsMjEwKTsiLz4KICAgICAgICA8L2c+CiAgICAgICAgPGc+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMCwzMi4wMTIyQzIyLjIwNTgsMzIuMDEyMiAyMy45OTM5LDMzLjgwMDMgMjMuOTkzOSwzNi4wMDYxQzIzLjk5MzksMzguMjExOSAyMi4yMDU4LDQwIDIwLDQwQzE3Ljc5NDIsNDAgMTYuMDA2MSwzOC4yMTE5IDE2LjAwNjEsMzYuMDA2MUMxNi4wMDYxLDMzLjgwMDMgMTcuNzk0MiwzMi4wMTIyIDIwLDMyLjAxMjJaIiBzdHlsZT0iZmlsbDpyZ2IoMTMwLDEzMCwxMzApOyIvPgogICAgICAgIDwvZz4KICAgICAgICA8Zz4KICAgICAgICAgICAgPHBhdGggZD0iTTI4LjQ5MzksMjguNDkzOUMzMC4wNTM2LDI2LjkzNDIgMzIuNTgyNCwyNi45MzQyIDM0LjE0MjEsMjguNDkzOUMzNS43MDE5LDMwLjA1MzYgMzUuNzAxOSwzMi41ODI0IDM0LjE0MjEsMzQuMTQyMUMzMi41ODI0LDM1LjcwMTkgMzAuMDUzNiwzNS43MDE5IDI4LjQ5MzksMzQuMTQyMUMyNi45MzQyLDMyLjU4MjQgMjYuOTM0MiwzMC4wNTM2IDI4LjQ5MzksMjguNDkzOVoiIHN0eWxlPSJmaWxsOnJnYigxMDEsMTAxLDEwMSk7Ii8+CiAgICAgICAgPC9nPgogICAgICAgIDxnPgogICAgICAgICAgICA8cGF0aCBkPSJNMy45OTM5LDE2LjAwNjFDNi4xOTk2OCwxNi4wMDYxIDcuOTg3ODEsMTcuNzk0MiA3Ljk4NzgxLDIwQzcuOTg3ODEsMjIuMjA1OCA2LjE5OTY4LDIzLjk5MzkgMy45OTM5LDIzLjk5MzlDMS43ODgxMywyMy45OTM5IDAsMjIuMjA1OCAwLDIwQzAsMTcuNzk0MiAxLjc4ODEzLDE2LjAwNjEgMy45OTM5LDE2LjAwNjFaIiBzdHlsZT0iZmlsbDpyZ2IoMTg3LDE4NywxODcpOyIvPgogICAgICAgIDwvZz4KICAgICAgICA8Zz4KICAgICAgICAgICAgPHBhdGggZD0iTTUuODU3ODYsMjguNDkzOUM3LjQxNzU4LDI2LjkzNDIgOS45NDYzOCwyNi45MzQyIDExLjUwNjEsMjguNDkzOUMxMy4wNjU4LDMwLjA1MzYgMTMuMDY1OCwzMi41ODI0IDExLjUwNjEsMzQuMTQyMUM5Ljk0NjM4LDM1LjcwMTkgNy40MTc1OCwzNS43MDE5IDUuODU3ODYsMzQuMTQyMUM0LjI5ODE1LDMyLjU4MjQgNC4yOTgxNSwzMC4wNTM2IDUuODU3ODYsMjguNDkzOVoiIHN0eWxlPSJmaWxsOnJnYigxNjQsMTY0LDE2NCk7Ii8+CiAgICAgICAgPC9nPgogICAgICAgIDxnPgogICAgICAgICAgICA8cGF0aCBkPSJNMzYuMDA2MSwxNi4wMDYxQzM4LjIxMTksMTYuMDA2MSA0MCwxNy43OTQyIDQwLDIwQzQwLDIyLjIwNTggMzguMjExOSwyMy45OTM5IDM2LjAwNjEsMjMuOTkzOUMzMy44MDAzLDIzLjk5MzkgMzIuMDEyMiwyMi4yMDU4IDMyLjAxMjIsMjBDMzIuMDEyMiwxNy43OTQyIDMzLjgwMDMsMTYuMDA2MSAzNi4wMDYxLDE2LjAwNjFaIiBzdHlsZT0iZmlsbDpyZ2IoNzQsNzQsNzQpOyIvPgogICAgICAgIDwvZz4KICAgICAgICA8Zz4KICAgICAgICAgICAgPHBhdGggZD0iTTI4LjQ5MzksNS44NTc4NkMzMC4wNTM2LDQuMjk4MTUgMzIuNTgyNCw0LjI5ODE1IDM0LjE0MjEsNS44NTc4NkMzNS43MDE5LDcuNDE3NTggMzUuNzAxOSw5Ljk0NjM4IDM0LjE0MjEsMTEuNTA2MUMzMi41ODI0LDEzLjA2NTggMzAuMDUzNiwxMy4wNjU4IDI4LjQ5MzksMTEuNTA2MUMyNi45MzQyLDkuOTQ2MzggMjYuOTM0Miw3LjQxNzU4IDI4LjQ5MzksNS44NTc4NloiIHN0eWxlPSJmaWxsOnJnYig1MCw1MCw1MCk7Ii8+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K') no-repeat 50% 50% / 1em 1em;
}

form.is-submitting {
	background-color: red;
} 

body.page-template-page-avras-list-all-users .container,
body.page-template-page-avras-list-bookings .container,
body.page-template-page-avras-list-instructors .container,
body.page-template-page-avras-list-members .container,
body.page-template-page-avras-list-requests .container,
body.page-template-page-avras-list-flights .container,
body.page-template-page-avras-list-students .container,
body.page-template-page-avras-view-day .container,
body.page-template-page-avras-view-week .container { 
	max-width: 99%; margin: 0 auto;
}


:root{
	--rgbTheme: 4,63,143;
	--rgbFont: 0,0,0;
	--rgbHeaderFont: 255,255,255;
	--rgbRow: 255,255,255;
}

.darkblue			{ color: #043f90; }
.darkblue:hover		{ color: #002e6c; }
.LightBlue			{ color: #3eacec; }
.LightBlue:hover	{ color: #2988bf; }

.bg-darkblue		{ background-color: #043f90; }
.bg-LightBlue		{ background-color: #3eacec; }

.header-image {
	height: 185px;
}

.cta {
	display: none;
}

input[type="radio"]:checked+label, 
input[type="checkbox"]:checked+label {
	font-weight: bold;
}

input[type="text"].form-control,
input[type="time"].form-control,
input[type="date"].form-control { padding-left: 5px; padding-right: 5px;  }

textarea.form-control 			{ padding: 5px; }
select.form-control 			{ padding-left: 2px; }

input[type="email"].form-control,
input[type="text"].form-control.datepicker { padding-left: 6px; }

.btn.dropdown-toggle.btn-light {
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	border: 1px solid #ced4da;
	background: #ffffff;
	padding-left: 6px;
}

.has-radio-or-check .col-form-label {
	padding-top: 0;
	padding-bottom: 0;
}

.btn 				{ background-color: #cccccc; border-color: #ced4da; color: #6c757d; }
.btn:hover			{ background-color: #aaaaaa; border-color: #aaaaaa; color: #6c757d; }
.btn-primary 		{ background-color: #043f90; border-color: #043f90; color: #ffffff; }
.btn-primary:hover 	{ background-color: #002e6c; border-color: #002e6c; color: #ffffff; }
.btn-danger 		{ background-color: #dc3545; border-color: #dc3545; color: #ffffff; }
.btn-danger:hover 	{ background-color: #c82333; border-color: #c82333; color: #ffffff; }


.btn.btn-alert 			{ background-color: #d48b92; border-color: #d48b92; color: #ffffff; }
.btn.btn-alert:hover 	{ background-color: #bf6c74; border-color: #bf6c74; color: #ffffff; }



.btn-success 		{ background-color: #5cb85c; border-color: #5cb85c; color: #ffffff; }
.btn-success:hover 	{ background-color: #449d44; border-color: #449d44; color: #ffffff; }
.btn-info 			{ background-color: #5bc0de; border-color: #5bc0de; color: #ffffff; }
.btn-info:hover 	{ background-color: #31b0d5; border-color: #31b0d5; color: #ffffff; }
.btn-warning 		{ background-color: #f0ad4e; border-color: #f0ad4e; color: #ffffff; }
.btn-warning:hover 	{ background-color: #ec971f; border-color: #ec971f; color: #ffffff; }

.btn-light			{ background-color: #f9f9f9 !important; border-color: #ced4da !important; color: #6c757d !important; padding-bottom: 3px ;}
.btn-light:hover	{ background-color: #eeeeee !important; border-color: #ced4da !important; color: #6c757d !important; }

.btn-light i 		{ position: relative; color: #555; font-size: 16px; margin-top: -1px;  margin-right: 9px; }


.background-success { background-color: rgba(224, 253, 227, 0.3) !important; }
.background-warning { background-color: rgba(255, 255, 25, 0.2) !important; }
.background-alert   { background-color: rgba(255, 230, 200, 0.25) !important; }
.background-danger  { background-color: rgba(255, 200, 200, 0.4) !important; }

.current-success 	{ color: green; }
.current-warning   	{ color: orange; font-weight: 700; }
.current-alert   	{ color: darkorange; font-weight: 700; }
.current-danger  	{ color: red; font-weight: 700; }

.blurred.sensitive_data  { filter: blur(3.5px); }


#showhistory:hover {
	cursor: pointer;
}

.gj-picker {
	background-color: #edf8fe;
}

.gj-picker table {
	background-color: #ffffff;
}

.WeekTable > tbody > tr,
.TimeTable > tbody > tr  {
	border: 1px solid rgba(var(--rgbTheme), 1);
}

* { font-family: "Roboto Condensed"; }

.timeneedle {
	position: absolute;
	width: 1px;
	height: 100%;
	top: 0;
	background-color: greenyellow;
	pointer-events: none;
	opacity: 1;
	z-index: +7;
}

.hour-labels .timeneedle {
	height: calc(100% + 2px);
	top: -1px;
}

.WeekTable .timeneedle.after2000 {
	display: none;
}


.TimeTable {
	table-layout: fixed;
	position: relative;
	border-spacing: 0;
	font-size: 15px;
	line-height: 20px;
	white-space: nowrap;
	width: 100%;
	border-collapse: collapse;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}


tr.visible-opsonly {
	/* opacity: 0.5; */
}

.mobile-ops-only {
	display: none !important;
}


.ops_note.fas {
	font-size: 13px;
}

.TimeTable th,
.TimeTable td {
	vertical-align: middle;
	border: 0;
	position: relative;
	font-size: 15px;
	line-height: 20px;
	text-align: center;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}


.TimeTable tr th {
	background: rgba(var(--rgbTheme), 1);
	color: rgba(var(--rgbHeaderFont), 1);
	font-weight: bold;
}

.TimeTable > tbody > tr:nth-child(2n+1) {
	background: rgba(var(--rgbTheme), 0.05);
}

td .plane-name {
	letter-spacing: -0.05em;
}


.TimeTable th.cell-left,
.TimeTable td.cell-left {
	text-align: left;
	padding-left: 10px;
	padding-right: 5px;
	width: 12.5%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	border-right: 1px solid #6997d5;
}

.WeekTable th.cell-day,
.WeekTable td.cell-day {
	width: 12.5%;
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	border-right: 1px solid #6997d5;
	line-height: 34px;
}

.cell-day a {
	color: #ffffff;
}

td.cell-middle {
	border-right: 1px solid #6997d5;
}

.cell-middle b {
	font-size: 15px;
	line-height: 20px;
	box-sizing: border-box;
	display: block;
	float: left;
	min-height: 34px;
	padding: 6px 0 2px;
	/* width: calc(100% / 12); */
}
.cell-middle b:first-of-type {
	/* margin-left: calc(100% / 24); */
}

.cell-middle > span {
	font-size: 15px;
	line-height: 20px;
	box-sizing: border-box;
	display: block;
	float: left;
	border-right: 1px solid #6997d5;
	min-height: 39px;
	height: 100%;
	padding: 6px 0 2px;
	/* width: calc(100% / 12); */
}

.cell-middle > span i {
	height: 26px;
	/* width: calc(25% - 2px); */
	margin: 0 1px;
	display: inline-block;
}

.WeekTable .cell-middle b {
	font-size: 15px;
	line-height: 20px;
	box-sizing: border-box;
	display: block;
	float: left;
	min-height: 34px;
	padding: 6px 0 2px;
	letter-spacing: -0.05em;
}

.WeekTable .cell-middle b:nth-of-type(even) {
	opacity: 0;
}


.WeekTable .cell-middle > span {
	font-size: 15px;
	line-height: 20px;
	box-sizing: border-box;
	display: block;
	float: left;
	border-right: 1px solid rgba(105,151,215,0.4);
	min-height: 34px;
	height: 100%;
	padding: 6px 0 2px;


}


.WeekTable .cell-middle > span:nth-of-type(even) {
	/* border-right: 1px solid rgba(105,151,215,0.5); */
}
.WeekTable .cell-middle > span:last-of-type {
	/* border-right: 1px solid rgba(105,151,215,0); */
}


.cell-plane:not(.instructor) > span i:hover,
.cell-middle:not(.instructor) > span i:hover {
	background: #53d043;
	opacity: 0.5;
}


.cell-plane > span {
	font-size: 15px;
	line-height: 40px;
	box-sizing: border-box;
	display: block;
	border-right: 1px solid #ddd;
	min-height: 40px;
	padding: 0;
	width: 30px;
}

.cell-hour span {
	display: block;
	border-bottom: 1px solid transparent;
}

.cell-plane.weekday span {
	display: block;
	border-bottom: 1px solid #ddd;
}

/*
.cell-hour span:nth-of-type(4),
.cell-hour span:nth-of-type(10),
*/

.cell-plane.weekday span:nth-of-type(4),
.cell-plane.weekday span:nth-of-type(10) {
	display: block;
	border-bottom: 2px solid #ddd;
}

.cell-plane.last > span {
	border-right: none;
}

.cell-plane.last {
	border-right: 1px solid rgba(var(--rgbTheme), 1);
}



.cell-plane > span i {
	height: 20px;
	width: calc(100% - 2px);
	margin: 0 1px;
	display: block;
}


.cell-middle b:last-of-type,
.cell-middle > span:last-of-type {
	border: 0;
}



.TimeTable th.cell-right,
.TimeTable td.cell-right {
	width: 60px;
	max-width: 60px;
}

th.colspan-title {
	text-align: left;
	padding-left: 10px;
	padding: 2px 5px 1px 10px;
}



.disabled {
	pointer-events: none;
	opacity: 0.5;
}

.navigation {
	margin: 10px 0;
}

.button,
.small-button {
	display: inline-block;
}

.navigation span {
	font-size: 14px;
	line-height: 20px;
	font-weight:700;
	padding: 1px 10px;
}


.gotobtn {
	position: relative;
	display: inline-block;
	padding: 0 !important;
}

.gotobtn input {
	
}




.gotobtn .fa-calendar-alt {
	color: #ffffff;
	
}

input#gotodate {
	position: absolute;
	top: 1px;
	left: 1px;
	width: 10px;
	height: 10px;
	z-index: -1;
}

.gotobtn,
.small-button {
	font-size: 14px;
	line-height: 20px;
	padding: 4px 12px 3px !important;
	border-radius: 3px !important;
	background-color: rgba(var(--rgbTheme), 1);
	color: #ffffff;
	margin-bottom: 6px;
	text-decoration:none;
	cursor: pointer;
}

.gotobtn {
	border: none !important;
}

.small-button .fas {
	font-size: 12px;
}

.gotobtn:hover,
.small-button:hover {
	text-decoration: none;
	color: #ffffff !important;
	background-color: rgba(var(--rgbTheme), 0.7) !important;
}


.small-button.btn-grey 				{ color: #ffffff; border-color: #c4c4c4; background: #c4c4c4; }
.small-button.btn-grey:hover 		{ color: #ffffff; border-color: #b8babb; background: #b8babb; }

/* small adjustment to calendar icon in date picker */
.gj-datepicker-bootstrap [role=right-icon] button .gj-icon, .gj-datepicker-bootstrap [role=right-icon] button .material-icons {
	top: 8px;
	left: 8px;
}


/* blijkbaar niet meer nodig */
body.admin-bar.user-1466 .__tooltip {
	margin-top: -35px;  	/* for tooltip with position top */
	margin-bottom: 30px; 	/* for tooltip with position bottom */
}

.tooltip-inner {
	min-width: 200px;
	color: #222222;
	font-size: 14px;
	padding: 10px;
	background: #eee;
	border: 1px solid #eee;
	text-align: left;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
}

.tooltip.show {
  opacity: 1;
}

.bs-tooltip-auto[x-placement^=top]    .arrow::before, .bs-tooltip-top    .arrow::before { border-top-color: #eee; }
.bs-tooltip-auto[x-placement^=left]   .arrow::before, .bs-tooltip-left   .arrow::before { border-left-color: #eee; }
.bs-tooltip-auto[x-placement^=right]  .arrow::before, .bs-tooltip-right  .arrow::before { border-right-color: #eee; }
.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before { border-bottom-color: #eee; }



.TimeTable .timeline,
.timeline.example {
	box-sizing: border-box;
	position: absolute;
	height: 27px;
	top: 6px;
	border-radius: 7px;
	font-size: 13px;
	line-height: 27px;
	color: #ffffff;
	text-align: left;
	padding: 0 4px 0 7px;
	white-space: nowrap;
	margin: 0 2px 2px 0;
	overflow: hidden;
	text-overflow: ellipsis;
}


.link#showwaterfall{ position: absolute;
	right: 9px;
	top: 7px;
	color: #fff;
	width: 15px;
}

body.waterfall .cell-middle > span { min-height: 90px; }
body.waterfall .TimeTable .timeline.booking_in_this_row_1  { top: 1px; }
body.waterfall .TimeTable .timeline.booking_in_this_row_2  { top: 11px; }
body.waterfall .TimeTable .timeline.booking_in_this_row_3  { top: 21px; }
body.waterfall .TimeTable .timeline.booking_in_this_row_4  { top: 31px; }
body.waterfall .TimeTable .timeline.booking_in_this_row_5  { top: 41px; }
body.waterfall .TimeTable .timeline.booking_in_this_row_6  { top: 51px; }
body.waterfall .TimeTable .timeline.booking_in_this_row_7  { top: 61px; }
body.waterfall .TimeTable .timeline.booking_in_this_row_8  { top: 6px; }
body.waterfall .TimeTable .timeline.booking_in_this_row_9  { top: 16px; }
body.waterfall .TimeTable .timeline.booking_in_this_row_10 { top: 26px; }
body.waterfall .TimeTable .timeline.booking_in_this_row_11 { top: 36px; }
body.waterfall .TimeTable .timeline.booking_in_this_row_12 { top: 46px; }


.WeekTable .timeline {
	top: 4px;
	padding: 0 2px 0 3px;
	font-size: 12px;
	line-height: 28px;
}

.TimeTable .timeline p {
	overflow: hidden;
	text-overflow: ellipsis;
}

/* .TimeTable .leftallday:not(.udp) */
.TimeTable .leftallday {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

/* .TimeTable .rightallday:not(.udp) */
.TimeTable .rightallday {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}


.cell-plane:not(.instructor) > span i:hover,
.cell-middle:not(.instructor) > span i:hover,
.timeline.current-booking.plane,
.timeline.own-booking.plane {
	cursor: pointer;
}

.timeline.highlight {
	box-shadow: 0 0 10px 2px #f2c700;
	/*
	animation: blinker 0.75s linear;
	animation-iteration-count: 3;
	*/
} 
@keyframes blinker {
	50% {
		box-shadow: 0 0 10px 2px #f2c700;
	}
}



/*
"#000000", // 0 Off by one and 0 is not used...
"#53d043", // 1 Eerste kleur die gebruikt wordt. Standaard bij nieuwe
"#cccccc", // 2 Niet beschikbaar
"#8fb3e6", // 3 In behandeling oneven
"#437ed0", // 4 In behandeling even
"#043f90", // 5 Bevestigd oneven
"#002b67", // 6 Bevestigd even
"#ff0000", // 7 
"#e6da14", // 8 DAY
"#333333"  // 9 NIGHT


.timeline.plane 			{ background: #8fb3e6; }
.timeline.plane.confirmed 	{ background: #002b67; }
.timeline.fi 				{ background: #8fb3e6; }
.timeline.fi.confirmed 		{ background: #002b67; }
.timeline.notavailable		{ background: #cccccc; }
*/

/*
<option value="0">Onderhoud</option>
<option value="1">Aanvraag Kist</option>
<option value="2">Bevestigd Kist</option>
<option value="3">Aanvraag Les</option>
<option value="4">Bevestigd Les</option>
<option value="5">Verwijderd</option>
*/

/*
Zie functions-bookings
	1 => 'Aanvraag reservering',
	2 => 'Bevestigde reservering',
	3 => 'Aanvraag lesvlucht',
	4 => 'Bevestigde lesvlucht',
	5 => 'Gecanceld',
	10 => 'Onderhoud',
	99 => 'Niet beschikbaar'
*/

.statusevent, 
.timeline.udp, .timeline.udp::after 		{ background: #cfdff6; color: #011e46 !important; text-align: center !important; }
.status1, .timeline.status1::after			{ z-index: 6; background: #8fb3e6; color: #ffffff; } /* Aanvraag reservering */
.status2, .timeline.status2::after			{ z-index: 6; background: #002b67; color: #ffffff; } /* Bevestigde reservering */
.status3, .timeline.status3::after			{ z-index: 6; background: #5fd750; color: #ffffff; } /* Aanvraag lesvlucht */
.status4.status4, .timeline.status4::after	{ z-index: 6; background: #118202; color: #ffffff; } /* Bevestigde lesvlucht */
.status5, .timeline.status5::after			{ z-index: 7; background: #bbbbbb; color: #ffffff; opacity: 0.75; display: none !important; } /* Gecanceld */
.status10, .timeline.status10::after		{ z-index: 4; background: #81060a; color: #ffffff !important; } /* Onderhoud */
.status99, .timeline.status99::after		{ z-index: 3; background: rgba(0,0,0,0.35); color: #011e46; } /* Niet beschikbaar / Geblokkeerd */



.badge.status { font-weight: 500; }
.badge.status.status5 { display: inline-block !important; }

/*
body.admin-bar .timeline.status5, body.admin-bar .timeline.status5::after	{ background: #eeeeee; color: #011e46; display: block !important; opacity: 0.5;  } */ /* Gecanceld */
/* .admin-bar nog vervangen door OPS */


body.showcancelled .timeline.status5,
body.showcancelled .timeline.status5::after,
body.showcancelled .timeline.status5:hover::after,
body.showcancelled .timeline.status5:hover {
	display: block !important;
}

.link#showcancelled::before {
	content:"Toon ";
}
.link.active#showcancelled::before {
	content:"Verberg ";
}

.link#showsensitive::before {
	content:"Toon ";
}
.link.active#showsensitive::before {
	content:"Verberg ";
}


td.plane-regs span {
	font-size: 12px;
}


.instructor .status99, .timeline.status99::after		{ z-index: 3; background: rgba(0,0,0,0.15); color: #011e46; } /* Niet beschikbaar / Geblokkeerd */


.TimeTable > tbody > tr:nth-child(2n+1) .instructor .timeline.status99,
.TimeTable > tbody > tr:nth-child(2n+1) .instructor .timeline.status99::after { background: rgba(0,0,0,0.12); }

.statusevent:hover, .timeline.udp:hover						{ background: #cfdff6; }
.timeline.status1:hover::after,  .timeline.status1:hover	{ background: #6e99d5; }
.timeline.status2:hover::after,  .timeline.status2:hover	{ background: #011e46; }
.timeline.status3:hover::after,  .timeline.status3:hover	{ background: #51c742; }
.timeline.status4:hover::after,  .timeline.status4:hover	{ background: #107102; }
.timeline.status5:hover::after,  .timeline.status5:hover	{ background: #aaaaaa;  }
.timeline.status6:hover::after,  .timeline.status6:hover	{ background: rgba(0,0,0,0.1); } /* huh? 6 bestaat toch niet? */
.timeline.status10:hover::after, .timeline.status10:hover	{ background: #630004; }



.timeline.own-booking { font-weight: 700; }

.timeline.instruction.status1,
.timeline.instruction.status2,
.timeline.instruction.status3,
.timeline.instruction.status4,
.timeline.instruction.status5 { opacity: 0.65; }

.timeline					{ display: none; }
.examples 					{ display: block; width: 100%; margin: 0 0 20px 0; }
.timeline.example			{ display: block; left: 0; width: 133px; position: relative; }


/* 12 uur in stappen van 15min */
/* 
.TimeTable .starttime0000, .TimeTable .starttime0030, .TimeTable .starttime0100, .TimeTable .starttime0130, 
.TimeTable .starttime0200, .TimeTable .starttime0230, .TimeTable .starttime0300, .TimeTable .starttime0330, 
.TimeTable .starttime0400, .TimeTable .starttime0430, .TimeTable .starttime0500, .TimeTable .starttime0530, 
.TimeTable .starttime0600, .TimeTable .starttime0630, .TimeTable .starttime0700, .TimeTable .starttime0730, 
.TimeTable .starttime0800, .TimeTable .starttime0815, .TimeTable .starttime0830, .TimeTable .starttime0845,	
.TimeTable .starttime0900	{ display: block; left: calc((100% / 48 *  0) + 1px); }
.TimeTable .starttime0915	{ display: block; left: calc((100% / 48 *  1) + 1px); }
.TimeTable .starttime0930	{ display: block; left: calc((100% / 48 *  2) + 1px); }
.TimeTable .starttime0945	{ display: block; left: calc((100% / 48 *  3) + 1px); }
.TimeTable .starttime1000	{ display: block; left: calc((100% / 48 *  4) + 1px); }
.TimeTable .starttime1015	{ display: block; left: calc((100% / 48 *  5) + 1px); }
.TimeTable .starttime1030	{ display: block; left: calc((100% / 48 *  6) + 1px); }
.TimeTable .starttime1045	{ display: block; left: calc((100% / 48 *  7) + 1px); }
.TimeTable .starttime1100	{ display: block; left: calc((100% / 48 *  8) + 1px); }
.TimeTable .starttime1115	{ display: block; left: calc((100% / 48 *  9) + 1px); }
.TimeTable .starttime1130	{ display: block; left: calc((100% / 48 * 10) + 1px); }
.TimeTable .starttime1145	{ display: block; left: calc((100% / 48 * 11) + 1px); }
.TimeTable .starttime1200	{ display: block; left: calc((100% / 48 * 12) + 1px); }
.TimeTable .starttime1215	{ display: block; left: calc((100% / 48 * 13) + 1px); }
.TimeTable .starttime1230	{ display: block; left: calc((100% / 48 * 14) + 1px); }
.TimeTable .starttime1245	{ display: block; left: calc((100% / 48 * 15) + 1px); }
.TimeTable .starttime1300	{ display: block; left: calc((100% / 48 * 16) + 1px); }
.TimeTable .starttime1315	{ display: block; left: calc((100% / 48 * 17) + 1px); }
.TimeTable .starttime1330	{ display: block; left: calc((100% / 48 * 18) + 1px); }
.TimeTable .starttime1345	{ display: block; left: calc((100% / 48 * 19) + 1px); }
.TimeTable .starttime1400	{ display: block; left: calc((100% / 48 * 20) + 1px); }
.TimeTable .starttime1415	{ display: block; left: calc((100% / 48 * 21) + 1px); }
.TimeTable .starttime1430	{ display: block; left: calc((100% / 48 * 22) + 1px); }
.TimeTable .starttime1445	{ display: block; left: calc((100% / 48 * 23) + 1px); }
.TimeTable .starttime1500	{ display: block; left: calc((100% / 48 * 24) + 1px); }
.TimeTable .starttime1515	{ display: block; left: calc((100% / 48 * 25) + 1px); }
.TimeTable .starttime1530	{ display: block; left: calc((100% / 48 * 26) + 1px); }
.TimeTable .starttime1545	{ display: block; left: calc((100% / 48 * 27) + 1px); }
.TimeTable .starttime1600	{ display: block; left: calc((100% / 48 * 28) + 1px); }
.TimeTable .starttime1615	{ display: block; left: calc((100% / 48 * 29) + 1px); }
.TimeTable .starttime1630	{ display: block; left: calc((100% / 48 * 30) + 1px); }
.TimeTable .starttime1645	{ display: block; left: calc((100% / 48 * 31) + 1px); }
.TimeTable .starttime1700	{ display: block; left: calc((100% / 48 * 32) + 1px); }
.TimeTable .starttime1715	{ display: block; left: calc((100% / 48 * 33) + 1px); }
.TimeTable .starttime1730	{ display: block; left: calc((100% / 48 * 34) + 1px); }
.TimeTable .starttime1745	{ display: block; left: calc((100% / 48 * 35) + 1px); }
.TimeTable .starttime1800	{ display: block; left: calc((100% / 48 * 36) + 1px); }
.TimeTable .starttime1815	{ display: block; left: calc((100% / 48 * 37) + 1px); }
.TimeTable .starttime1830	{ display: block; left: calc((100% / 48 * 38) + 1px); }
.TimeTable .starttime1845	{ display: block; left: calc((100% / 48 * 39) + 1px); }
.TimeTable .starttime1900	{ display: block; left: calc((100% / 48 * 40) + 1px); }
.TimeTable .starttime1915	{ display: block; left: calc((100% / 48 * 41) + 1px); }
.TimeTable .starttime1930	{ display: block; left: calc((100% / 48 * 42) + 1px); }
.TimeTable .starttime1945	{ display: block; left: calc((100% / 48 * 43) + 1px); }
.TimeTable .starttime2000	{ display: block; left: calc((100% / 48 * 44) + 1px); }
.TimeTable .starttime2015	{ display: block; left: calc((100% / 48 * 45) + 1px); }
.TimeTable .starttime2030	{ display: block; left: calc((100% / 48 * 46) + 1px); }
.TimeTable .starttime2045	{ display: block; left: calc((100% / 48 * 47) + 1px); }
.TimeTable .starttime2100,
.TimeTable .starttime2115,
.TimeTable .starttime2130,
.TimeTable .starttime2145,
.TimeTable .starttime2200,
.TimeTable .starttime2215,
.TimeTable .starttime2230,
.TimeTable .starttime2245,
.TimeTable .starttime2300	{ display: block; left: calc((100% / 48 * 48) + 1px); } */



/* 15 uur in stappen van 15min  */
/* 
.TimeTable .starttime0000, .TimeTable .starttime0030, .TimeTable .starttime0100, .TimeTable .starttime0130, 
.TimeTable .starttime0200, .TimeTable .starttime0230, .TimeTable .starttime0300, .TimeTable .starttime0330, 
.TimeTable .starttime0400, .TimeTable .starttime0430, .TimeTable .starttime0500, .TimeTable .starttime0530, 
.TimeTable .starttime0600, .TimeTable .starttime0630, .TimeTable .starttime0700, .TimeTable .starttime0730, 
.TimeTable .starttime0800	{ display: block; left: calc((100% / 60 * 0) + 1px); }
.TimeTable .starttime0815	{ display: block; left: calc((100% / 60 * 1) + 1px); }
.TimeTable .starttime0830	{ display: block; left: calc((100% / 60 * 2) + 1px); }
.TimeTable .starttime0845	{ display: block; left: calc((100% / 60 * 3) + 1px); }
.TimeTable .starttime0900	{ display: block; left: calc((100% / 60 * 4) + 1px); }
.TimeTable .starttime0915	{ display: block; left: calc((100% / 60 * 5) + 1px); }
.TimeTable .starttime0930	{ display: block; left: calc((100% / 60 * 6) + 1px); }
.TimeTable .starttime0945	{ display: block; left: calc((100% / 60 * 7) + 1px); }
.TimeTable .starttime1000	{ display: block; left: calc((100% / 60 * 8) + 1px); }
.TimeTable .starttime1015	{ display: block; left: calc((100% / 60 * 9) + 1px); }
.TimeTable .starttime1030	{ display: block; left: calc((100% / 60 * 10) + 1px); }
.TimeTable .starttime1045	{ display: block; left: calc((100% / 60 * 11) + 1px); }
.TimeTable .starttime1100	{ display: block; left: calc((100% / 60 * 12) + 1px); }
.TimeTable .starttime1115	{ display: block; left: calc((100% / 60 * 13) + 1px); }
.TimeTable .starttime1130	{ display: block; left: calc((100% / 60 * 14) + 1px); }
.TimeTable .starttime1145	{ display: block; left: calc((100% / 60 * 15) + 1px); }
.TimeTable .starttime1200	{ display: block; left: calc((100% / 60 * 16) + 1px); }
.TimeTable .starttime1215	{ display: block; left: calc((100% / 60 * 17) + 1px); }
.TimeTable .starttime1230	{ display: block; left: calc((100% / 60 * 18) + 1px); }
.TimeTable .starttime1245	{ display: block; left: calc((100% / 60 * 19) + 1px); }
.TimeTable .starttime1300	{ display: block; left: calc((100% / 60 * 20) + 1px); }
.TimeTable .starttime1315	{ display: block; left: calc((100% / 60 * 21) + 1px); }
.TimeTable .starttime1330	{ display: block; left: calc((100% / 60 * 22) + 1px); }
.TimeTable .starttime1345	{ display: block; left: calc((100% / 60 * 23) + 1px); }
.TimeTable .starttime1400	{ display: block; left: calc((100% / 60 * 24) + 1px); }
.TimeTable .starttime1415	{ display: block; left: calc((100% / 60 * 25) + 1px); }
.TimeTable .starttime1430	{ display: block; left: calc((100% / 60 * 26) + 1px); }
.TimeTable .starttime1445	{ display: block; left: calc((100% / 60 * 27) + 1px); }
.TimeTable .starttime1500	{ display: block; left: calc((100% / 60 * 28) + 1px); }
.TimeTable .starttime1515	{ display: block; left: calc((100% / 60 * 29) + 1px); }
.TimeTable .starttime1530	{ display: block; left: calc((100% / 60 * 30) + 1px); }
.TimeTable .starttime1545	{ display: block; left: calc((100% / 60 * 31) + 1px); }
.TimeTable .starttime1600	{ display: block; left: calc((100% / 60 * 32) + 1px); }
.TimeTable .starttime1615	{ display: block; left: calc((100% / 60 * 33) + 1px); }
.TimeTable .starttime1630	{ display: block; left: calc((100% / 60 * 34) + 1px); }
.TimeTable .starttime1645	{ display: block; left: calc((100% / 60 * 35) + 1px); }
.TimeTable .starttime1700	{ display: block; left: calc((100% / 60 * 36) + 1px); }
.TimeTable .starttime1715	{ display: block; left: calc((100% / 60 * 37) + 1px); }
.TimeTable .starttime1730	{ display: block; left: calc((100% / 60 * 38) + 1px); }
.TimeTable .starttime1745	{ display: block; left: calc((100% / 60 * 39) + 1px); }
.TimeTable .starttime1800	{ display: block; left: calc((100% / 60 * 40) + 1px); }
.TimeTable .starttime1815	{ display: block; left: calc((100% / 60 * 41) + 1px); }
.TimeTable .starttime1830	{ display: block; left: calc((100% / 60 * 42) + 1px); }
.TimeTable .starttime1845	{ display: block; left: calc((100% / 60 * 43) + 1px); }
.TimeTable .starttime1900	{ display: block; left: calc((100% / 60 * 44) + 1px); }
.TimeTable .starttime1915	{ display: block; left: calc((100% / 60 * 45) + 1px); }
.TimeTable .starttime1930	{ display: block; left: calc((100% / 60 * 46) + 1px); }
.TimeTable .starttime1945	{ display: block; left: calc((100% / 60 * 47) + 1px); }
.TimeTable .starttime2000	{ display: block; left: calc((100% / 60 * 48) + 1px); }
.TimeTable .starttime2015	{ display: block; left: calc((100% / 60 * 49) + 1px); }
.TimeTable .starttime2030	{ display: block; left: calc((100% / 60 * 50) + 1px); }
.TimeTable .starttime2045	{ display: block; left: calc((100% / 60 * 51) + 1px); }
.TimeTable .starttime2100	{ display: block; left: calc((100% / 60 * 52) + 1px); }
.TimeTable .starttime2115	{ display: block; left: calc((100% / 60 * 53) + 1px); }
.TimeTable .starttime2130	{ display: block; left: calc((100% / 60 * 54) + 1px); }
.TimeTable .starttime2145	{ display: block; left: calc((100% / 60 * 55) + 1px); }
.TimeTable .starttime2200	{ display: block; left: calc((100% / 60 * 56) + 1px); }
.TimeTable .starttime2215	{ display: block; left: calc((100% / 60 * 57) + 1px); }
.TimeTable .starttime2230	{ display: block; left: calc((100% / 60 * 58) + 1px); } 
.TimeTable .starttime2230,                                          
.TimeTable .starttime2245
.TimeTable .starttime2300 { display: block; left: calc((100% / 60 * 59) + 1px); } 
*/


/*
.TimeTable .starttime0800	{ display: block; left: calc((100% / 30 * 0) + 1px); }
.TimeTable .starttime0830	{ display: block; left: calc((100% / 30 * 1) + 1px); }
.TimeTable .starttime0900	{ display: block; left: calc((100% / 30 * 2) + 1px); }
.TimeTable .starttime0930	{ display: block; left: calc((100% / 30 * 3) + 1px); }
.TimeTable .starttime1000	{ display: block; left: calc((100% / 30 * 4) + 1px); }
.TimeTable .starttime1030	{ display: block; left: calc((100% / 30 * 5) + 1px); }
.TimeTable .starttime1100	{ display: block; left: calc((100% / 30 * 6) + 1px); }
.TimeTable .starttime1130	{ display: block; left: calc((100% / 30 * 7) + 1px); }
.TimeTable .starttime1200	{ display: block; left: calc((100% / 30 * 8) + 1px); }
.TimeTable .starttime1230	{ display: block; left: calc((100% / 30 * 9) + 1px); }
.TimeTable .starttime1300	{ display: block; left: calc((100% / 30 * 10) + 1px); }
.TimeTable .starttime1330	{ display: block; left: calc((100% / 30 * 11) + 1px); }
.TimeTable .starttime1400	{ display: block; left: calc((100% / 30 * 12) + 1px); }
.TimeTable .starttime1430	{ display: block; left: calc((100% / 30 * 13) + 1px); }
.TimeTable .starttime1500	{ display: block; left: calc((100% / 30 * 14) + 1px); }
.TimeTable .starttime1530	{ display: block; left: calc((100% / 30 * 15) + 1px); }
.TimeTable .starttime1600	{ display: block; left: calc((100% / 30 * 16) + 1px); }
.TimeTable .starttime1630	{ display: block; left: calc((100% / 30 * 17) + 1px); }
.TimeTable .starttime1700	{ display: block; left: calc((100% / 30 * 18) + 1px); }
.TimeTable .starttime1730	{ display: block; left: calc((100% / 30 * 19) + 1px); }
.TimeTable .starttime1800	{ display: block; left: calc((100% / 30 * 20) + 1px); }
.TimeTable .starttime1830	{ display: block; left: calc((100% / 30 * 21) + 1px); }
.TimeTable .starttime1900	{ display: block; left: calc((100% / 30 * 22) + 1px); }
.TimeTable .starttime1930	{ display: block; left: calc((100% / 30 * 23) + 1px); }
.TimeTable .starttime2000	{ display: block; left: calc((100% / 30 * 24) + 1px); }
.TimeTable .starttime2030	{ display: block; left: calc((100% / 30 * 25) + 1px); }
.TimeTable .starttime2100	{ display: block; left: calc((100% / 30 * 26) + 1px); }
.TimeTable .starttime2130	{ display: block; left: calc((100% / 30 * 27) + 1px); }
.TimeTable .starttime2200	{ display: block; left: calc((100% / 30 * 28) + 1px); }
.TimeTable .starttime2230, 
.TimeTable .starttime2300,
.TimeTable .starttime2330	{ display: block; left: calc((100% / 30 * 29) + 1px); }
*/


:root {
	--blocktimeRightmargin: 3px;
	--main-bg-color: brown;
}
/* 
.TimeTable .blocktime0 		{ display: none; }
.TimeTable .blocktime15 	{ width: calc((100% / 48 * 1) - var(--blocktimeRightmargin)); }  .TimeTable .blocktime30 	{ width: calc((100% / 48 * 2) - var(--blocktimeRightmargin)); }
.TimeTable .blocktime45 	{ width: calc((100% / 48 * 3) - var(--blocktimeRightmargin)); }  .TimeTable .blocktime60 	{ width: calc((100% / 48 * 4) - var(--blocktimeRightmargin)); }
.TimeTable .blocktime75 	{ width: calc((100% / 48 * 5) - var(--blocktimeRightmargin)); }  .TimeTable .blocktime90 	{ width: calc((100% / 48 * 6) - var(--blocktimeRightmargin)); }
.TimeTable .blocktime105	{ width: calc((100% / 48 * 7) - var(--blocktimeRightmargin)); }  .TimeTable .blocktime120	{ width: calc((100% / 48 * 8) - var(--blocktimeRightmargin)); }
.TimeTable .blocktime135	{ width: calc((100% / 48 * 9) - var(--blocktimeRightmargin)); }  .TimeTable .blocktime150	{ width: calc((100% / 48 * 10) - var(--blocktimeRightmargin)); }
.TimeTable .blocktime165	{ width: calc((100% / 48 * 11) - var(--blocktimeRightmargin)); } .TimeTable .blocktime180	{ width: calc((100% / 48 * 12) - var(--blocktimeRightmargin)); }
.TimeTable .blocktime195	{ width: calc((100% / 48 * 13) - var(--blocktimeRightmargin)); } .TimeTable .blocktime210	{ width: calc((100% / 48 * 14) - var(--blocktimeRightmargin)); }
.TimeTable .blocktime225	{ width: calc((100% / 48 * 15) - var(--blocktimeRightmargin)); } .TimeTable .blocktime240	{ width: calc((100% / 48 * 16) - var(--blocktimeRightmargin)); }
.TimeTable .blocktime255	{ width: calc((100% / 48 * 17) - var(--blocktimeRightmargin)); } .TimeTable .blocktime270	{ width: calc((100% / 48 * 18) - var(--blocktimeRightmargin)); }
.TimeTable .blocktime285	{ width: calc((100% / 48 * 19) - var(--blocktimeRightmargin)); } .TimeTable .blocktime300	{ width: calc((100% / 48 * 20) - var(--blocktimeRightmargin)); }
.TimeTable .blocktime315	{ width: calc((100% / 48 * 21) - var(--blocktimeRightmargin)); } .TimeTable .blocktime330	{ width: calc((100% / 48 * 22) - var(--blocktimeRightmargin)); }
.TimeTable .blocktime345	{ width: calc((100% / 48 * 23) - var(--blocktimeRightmargin)); } .TimeTable .blocktime360	{ width: calc((100% / 48 * 24) - var(--blocktimeRightmargin)); }
.TimeTable .blocktime375	{ width: calc((100% / 48 * 25) - var(--blocktimeRightmargin)); } .TimeTable .blocktime390	{ width: calc((100% / 48 * 26) - var(--blocktimeRightmargin)); }
.TimeTable .blocktime405	{ width: calc((100% / 48 * 27) - var(--blocktimeRightmargin)); } .TimeTable .blocktime420	{ width: calc((100% / 48 * 28) - var(--blocktimeRightmargin)); }
.TimeTable .blocktime435	{ width: calc((100% / 48 * 29) - var(--blocktimeRightmargin)); } .TimeTable .blocktime450	{ width: calc((100% / 48 * 30) - var(--blocktimeRightmargin)); }
.TimeTable .blocktime465	{ width: calc((100% / 48 * 31) - var(--blocktimeRightmargin)); } .TimeTable .blocktime480	{ width: calc((100% / 48 * 32) - var(--blocktimeRightmargin)); }
.TimeTable .blocktime495	{ width: calc((100% / 48 * 33) - var(--blocktimeRightmargin)); } .TimeTable .blocktime510	{ width: calc((100% / 48 * 34) - var(--blocktimeRightmargin)); }
.TimeTable .blocktime525	{ width: calc((100% / 48 * 35) - var(--blocktimeRightmargin)); } .TimeTable .blocktime540	{ width: calc((100% / 48 * 36) - var(--blocktimeRightmargin)); }
.TimeTable .blocktime555	{ width: calc((100% / 48 * 37) - var(--blocktimeRightmargin)); } .TimeTable .blocktime570	{ width: calc((100% / 48 * 38) - var(--blocktimeRightmargin)); }
.TimeTable .blocktime585	{ width: calc((100% / 48 * 39) - var(--blocktimeRightmargin)); } .TimeTable .blocktime600	{ width: calc((100% / 48 * 40) - var(--blocktimeRightmargin)); }
.TimeTable .blocktime615	{ width: calc((100% / 48 * 41) - var(--blocktimeRightmargin)); } .TimeTable .blocktime630	{ width: calc((100% / 48 * 42) - var(--blocktimeRightmargin)); }
.TimeTable .blocktime645	{ width: calc((100% / 48 * 43) - var(--blocktimeRightmargin)); } .TimeTable .blocktime660	{ width: calc((100% / 48 * 44) - var(--blocktimeRightmargin)); }
.TimeTable .blocktime675	{ width: calc((100% / 48 * 45) - var(--blocktimeRightmargin)); } .TimeTable .blocktime690	{ width: calc((100% / 48 * 46) - var(--blocktimeRightmargin)); }
.TimeTable .blocktime705	{ width: calc((100% / 48 * 47) - var(--blocktimeRightmargin)); } 

.TimeTable .blocktime720,	.TimeTable .blocktime735,	.TimeTable .blocktime750,	.TimeTable .blocktime765,	
.TimeTable .blocktime780,	.TimeTable .blocktime795,	.TimeTable .blocktime810,	.TimeTable .blocktime825,	
.TimeTable .blocktime840,	.TimeTable .blocktime855,	.TimeTable .blocktime870,	.TimeTable .blocktime885,	
.TimeTable .blocktime900,	.TimeTable .blocktime915,	.TimeTable .blocktime930,	.TimeTable .blocktime945,	
.TimeTable .blocktime960,	.TimeTable .blocktime975,	.TimeTable .blocktime990,	.TimeTable .blocktime1005,	
.TimeTable .blocktime1020,	.TimeTable .blocktime1035,	.TimeTable .blocktime1050,	.TimeTable .blocktime1065,	
.TimeTable .blocktime1080,	.TimeTable .blocktime1095,	.TimeTable .blocktime1110,	.TimeTable .blocktime1125,	
.TimeTable .blocktime1140,	.TimeTable .blocktime1155,	.TimeTable .blocktime1170,	.TimeTable .blocktime1185,	
.TimeTable .blocktime1200,	.TimeTable .blocktime1215,	.TimeTable .blocktime1230,	.TimeTable .blocktime1245,	
.TimeTable .blocktime1260,	.TimeTable .blocktime1275,	.TimeTable .blocktime1290,	.TimeTable .blocktime1305,	
.TimeTable .blocktime1320,	.TimeTable .blocktime1335,	.TimeTable .blocktime1350,	.TimeTable .blocktime1365,	
.TimeTable .blocktime1380,	.TimeTable .blocktime1395,	.TimeTable .blocktime1440	{ width: calc((100% / 48 * 48) - var(--blocktimeRightmargin) ); }

 */


/* 
.TimeTable .blocktime15 	{ width: calc((100% / 60 * 1) - 2px); }  .TimeTable .blocktime30 	{ width: calc((100% / 60 * 2) - 2px); }
.TimeTable .blocktime45 	{ width: calc((100% / 60 * 3) - 2px); }  .TimeTable .blocktime60 	{ width: calc((100% / 60 * 4) - 2px); }
.TimeTable .blocktime75 	{ width: calc((100% / 60 * 5) - 2px); }  .TimeTable .blocktime90 	{ width: calc((100% / 60 * 6) - 2px); }
.TimeTable .blocktime105	{ width: calc((100% / 60 * 7) - 2px); }  .TimeTable .blocktime120	{ width: calc((100% / 60 * 8) - 2px); }
.TimeTable .blocktime135	{ width: calc((100% / 60 * 9) - 2px); }  .TimeTable .blocktime150	{ width: calc((100% / 60 * 10) - 2px); }
.TimeTable .blocktime165	{ width: calc((100% / 60 * 11) - 2px); } .TimeTable .blocktime180	{ width: calc((100% / 60 * 12) - 2px); }
.TimeTable .blocktime195	{ width: calc((100% / 60 * 13) - 2px); } .TimeTable .blocktime210	{ width: calc((100% / 60 * 14) - 2px); }
.TimeTable .blocktime225	{ width: calc((100% / 60 * 15) - 2px); } .TimeTable .blocktime240	{ width: calc((100% / 60 * 16) - 2px); }
.TimeTable .blocktime255	{ width: calc((100% / 60 * 17) - 2px); } .TimeTable .blocktime270	{ width: calc((100% / 60 * 18) - 2px); }
.TimeTable .blocktime285	{ width: calc((100% / 60 * 19) - 2px); } .TimeTable .blocktime300	{ width: calc((100% / 60 * 20) - 2px); }
.TimeTable .blocktime315	{ width: calc((100% / 60 * 21) - 2px); } .TimeTable .blocktime330	{ width: calc((100% / 60 * 22) - 2px); }
.TimeTable .blocktime345	{ width: calc((100% / 60 * 23) - 2px); } .TimeTable .blocktime360	{ width: calc((100% / 60 * 24) - 2px); }
.TimeTable .blocktime375	{ width: calc((100% / 60 * 25) - 2px); } .TimeTable .blocktime390	{ width: calc((100% / 60 * 26) - 2px); }
.TimeTable .blocktime405	{ width: calc((100% / 60 * 27) - 2px); } .TimeTable .blocktime420	{ width: calc((100% / 60 * 28) - 2px); }
.TimeTable .blocktime435	{ width: calc((100% / 60 * 29) - 2px); } .TimeTable .blocktime450	{ width: calc((100% / 60 * 30) - 2px); }
.TimeTable .blocktime465	{ width: calc((100% / 60 * 31) - 2px); } .TimeTable .blocktime480	{ width: calc((100% / 60 * 32) - 2px); }
.TimeTable .blocktime495	{ width: calc((100% / 60 * 33) - 2px); } .TimeTable .blocktime510	{ width: calc((100% / 60 * 34) - 2px); }
.TimeTable .blocktime525	{ width: calc((100% / 60 * 35) - 2px); } .TimeTable .blocktime540	{ width: calc((100% / 60 * 36) - 2px); }
.TimeTable .blocktime555	{ width: calc((100% / 60 * 37) - 2px); } .TimeTable .blocktime570	{ width: calc((100% / 60 * 38) - 2px); }
.TimeTable .blocktime585	{ width: calc((100% / 60 * 39) - 2px); } .TimeTable .blocktime600	{ width: calc((100% / 60 * 40) - 2px); }
.TimeTable .blocktime615	{ width: calc((100% / 60 * 41) - 2px); } .TimeTable .blocktime630	{ width: calc((100% / 60 * 42) - 2px); }
.TimeTable .blocktime645	{ width: calc((100% / 60 * 43) - 2px); } .TimeTable .blocktime660	{ width: calc((100% / 60 * 44) - 2px); }
.TimeTable .blocktime675	{ width: calc((100% / 60 * 45) - 2px); } .TimeTable .blocktime690	{ width: calc((100% / 60 * 46) - 2px); }
.TimeTable .blocktime705	{ width: calc((100% / 60 * 47) - 2px); } .TimeTable .blocktime720	{ width: calc((100% / 60 * 48) - 2px); }
.TimeTable .blocktime735	{ width: calc((100% / 60 * 49) - 2px); } .TimeTable .blocktime750	{ width: calc((100% / 60 * 50) - 2px); }
.TimeTable .blocktime765	{ width: calc((100% / 60 * 51) - 2px); } .TimeTable .blocktime780	{ width: calc((100% / 60 * 52) - 2px); }
.TimeTable .blocktime795	{ width: calc((100% / 60 * 53) - 2px); } .TimeTable .blocktime810	{ width: calc((100% / 60 * 54) - 2px); }
.TimeTable .blocktime825	{ width: calc((100% / 60 * 55) - 2px); } .TimeTable .blocktime840	{ width: calc((100% / 60 * 56) - 2px); }
.TimeTable .blocktime855	{ width: calc((100% / 60 * 57) - 2px); } .TimeTable .blocktime870	{ width: calc((100% / 60 * 58) - 2px); }
.TimeTable .blocktime885	{ width: calc((100% / 60 * 59) - 2px); }
.TimeTable .blocktime900,  .TimeTable .blocktime915,   
.TimeTable .blocktime930,  .TimeTable .blocktime945,   
.TimeTable .blocktime960,  .TimeTable .blocktime975,   
.TimeTable .blocktime990,  .TimeTable .blocktime1005,  
.TimeTable .blocktime1020, .TimeTable .blocktime1035,  
.TimeTable .blocktime1050, .TimeTable .blocktime1065,  
.TimeTable .blocktime1080, .TimeTable .blocktime1095,  
.TimeTable .blocktime1110, .TimeTable .blocktime1125,  
.TimeTable .blocktime1140, .TimeTable .blocktime1155,  
.TimeTable .blocktime1170, .TimeTable .blocktime1185,  
.TimeTable .blocktime1200, .TimeTable .blocktime1215,  
.TimeTable .blocktime1230, .TimeTable .blocktime1245,  
.TimeTable .blocktime1260, .TimeTable .blocktime1275,  
.TimeTable .blocktime1290, .TimeTable .blocktime1305,  
.TimeTable .blocktime1320, .TimeTable .blocktime1335,  
.TimeTable .blocktime1350, .TimeTable .blocktime1365,  
.TimeTable .blocktime1380, .TimeTable .blocktime1395,  
.TimeTable .blocktime1440	{ width: calc((100% / 60 * 60) - 2px ); } 
*/

/* 
.TimeTable .blocktime30 	{ width: calc((100% / 30 * 1) - 2px); }
.TimeTable .blocktime60 	{ width: calc((100% / 30 * 2) - 2px); }
.TimeTable .blocktime90 	{ width: calc((100% / 30 * 3) - 2px); }
.TimeTable .blocktime120	{ width: calc((100% / 30 * 4) - 2px); }
.TimeTable .blocktime150	{ width: calc((100% / 30 * 5) - 2px); }
.TimeTable .blocktime180	{ width: calc((100% / 30 * 6) - 2px); }
.TimeTable .blocktime210	{ width: calc((100% / 30 * 7) - 2px); }
.TimeTable .blocktime240	{ width: calc((100% / 30 * 8) - 2px); }
.TimeTable .blocktime270	{ width: calc((100% / 30 * 9) - 2px); }
.TimeTable .blocktime300	{ width: calc((100% / 30 * 10) - 2px); }
.TimeTable .blocktime330	{ width: calc((100% / 30 * 11) - 2px); }
.TimeTable .blocktime360	{ width: calc((100% / 30 * 12) - 2px); }
.TimeTable .blocktime390	{ width: calc((100% / 30 * 13) - 2px); }
.TimeTable .blocktime420	{ width: calc((100% / 30 * 14) - 2px); }
.TimeTable .blocktime450	{ width: calc((100% / 30 * 15) - 2px); }
.TimeTable .blocktime480	{ width: calc((100% / 30 * 16) - 2px); }
.TimeTable .blocktime510	{ width: calc((100% / 30 * 17) - 2px); }
.TimeTable .blocktime540	{ width: calc((100% / 30 * 18) - 2px); }
.TimeTable .blocktime570	{ width: calc((100% / 30 * 19) - 2px); }
.TimeTable .blocktime600	{ width: calc((100% / 30 * 20) - 2px); }
.TimeTable .blocktime630	{ width: calc((100% / 30 * 21) - 2px); }
.TimeTable .blocktime660	{ width: calc((100% / 30 * 22) - 2px); }
.TimeTable .blocktime690	{ width: calc((100% / 30 * 23) - 2px); }
.TimeTable .blocktime720	{ width: calc((100% / 30 * 24) - 2px); }
.TimeTable .blocktime750	{ width: calc((100% / 30 * 25) - 2px); }
.TimeTable .blocktime780	{ width: calc((100% / 30 * 26) - 2px); }
.TimeTable .blocktime810	{ width: calc((100% / 30 * 27) - 2px); }
.TimeTable .blocktime840	{ width: calc((100% / 30 * 28) - 2px); }
.TimeTable .blocktime870	{ width: calc((100% / 30 * 29) - 2px); }
.TimeTable .blocktime900,  .TimeTable .blocktime930,  .TimeTable .blocktime960, 
.TimeTable .blocktime990,  .TimeTable .blocktime1020, .TimeTable .blocktime1050, .TimeTable .blocktime1080, .TimeTable .blocktime1110, .TimeTable .blocktime1140, .TimeTable .blocktime1170, 
.TimeTable .blocktime1200, .TimeTable .blocktime1230, .TimeTable .blocktime1260, .TimeTable .blocktime1290, .TimeTable .blocktime1320, .TimeTable .blocktime1350, .TimeTable .blocktime1380, 
.TimeTable .blocktime1440	{ width: calc((100% / 30 * 30) - 2px ); } 
*/

.barCanvas{
	cursor: pointer;
}

/*
0800 : 08:00
0830 : 08:30
0900 : 09:00
0930 : 09:30
1000 : 10:00
1030 : 10:30
1100 : 11:00
1130 : 11:30
1200 : 12:00
1230 : 12:30
1300 : 13:00
1330 : 13:30
1400 : 14:00
1430 : 14:30
1500 : 15:00
1530 : 15:30
1600 : 16:00
1630 : 16:30
1700 : 17:00
1730 : 17:30
1800 : 18:00
1830 : 18:30
1900 : 19:00
1930 : 19:30
2000 : 20:00
2030 : 20:30
2100 : 21:00
*/



.modal {
	min-width: 50%;
	text-align: center;
	padding: 0!important;
}

.modal-xxl {
	width: calc(100% - 20px);
	max-width: calc(100vw - 60px);
}

.modal:before {
  content: '';
  display: inline-block;
  height: 80%; /* height 100% for absolute middle */
  vertical-align: middle;
  margin-right: -4px; /* Adjusts for spacing */
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  width: 100%;
}

.modal-title {
	padding: 0;
}

.modal .close {
	font-family: inherit;
}





form.booking-style .col-form-label,
form#booking-current .col-form-label,
form#booking-new .col-form-label,
form#booking-own .col-form-label {
	line-height: 1.2;
}

form.booking-style .form-group,
form#booking-current .form-group,
form#booking-new .form-group,
form#booking-own .form-group {
	margin-bottom: 13px;
}

form.booking-style .form-group textarea,
form#booking-current .form-group textarea,
form#booking-new .form-group textarea,
form#booking-own .form-group textarea {
	height: 50px;
}

form#booking-new.busy {
	background-color: #3eacec;
}

form.booking-style #submit,
form#booking-current #submit,
form#booking-new .submit,
form#booking-own .submit {
	opacity: 1;
}

form.booking-style #submit.busy,
form#booking-current #submit.busy,
form#booking-new .submit.busy,
form#booking-own .submit.busy  {
	opacity: 0.5;
	pointer-events: none;
}

form.booking-style #submit.busy::after,
form#booking-current #submit.busy::after,
form#booking-new .submit.busy::after,
form#booking-own .submit.busy::after {
	font-family: 'FontAwesome';
	content: '\f00c';
	margin-left: 10px;
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	content: "\f110";
	-webkit-animation: rotation 2s infinite linear;
	animation: rotation 2s infinite linear;
}

form.booking-style .fa-calendar-alt,
form#booking-current .fa-calendar-alt,
form#booking-new .fa-calendar-alt,
form#booking-own .fa-calendar-alt {
	font-size: 16px;
	line-height: 19px;
	background-color: rgba(var(--rgbTheme), 1);
	color: #ffffff;
	position: absolute;
	right: 18px;
	padding: 8px;
	pointer-events: none;
	z-index: 99;
}


form#booking-current #form_reset_all {
	display: none;
}

.col-form-label {
	padding-right: 0;
}



/* User 5048 is screen user */
body.user-5048.page-template-page-avras-view-week .header-top,
body.user-5048.page-template-page-avras-view-week .navigation,
body.user-5048.page-template-page-avras-view-week .navbar-collapse,
body.user-5048.page-template-page-avras-view-week #form-zoeken,
body.user-5048.page-template-page-avras-view-week .examples .right,
body.user-5048.page-template-page-avras-view-week .header-image,
body.user-5048.page-template-page-avras-view-week .footer,
body.user-5048.page-template-page-avras-view-week td.moreinstructors,
body.user-5048.page-template-page-avras-view-week tr.user-5007,
body.user-5048.page-template-page-avras-view-week .avras-menu {
	display: none !important;
}

body.user-5048.page-template-page-avras-view-week .collapse:not(.show) {
	display: contents;
}

body.user-5048.page-template-page-avras-view-week .timeline.example  {
	float: left;
}

body.user-5048.page-template-page-avras-view-week .navbar {
	padding: 0px;
	height: 70px;
	margin-bottom: 10px;
	min-height: unset;
}

body.user-5048.page-template-page-avras-view-week #logo {
	left: calc(50% - 113px);
	top: -20px;
	filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.5));
}

body.user-5048.page-template-page-avras-view-week .container {
	max-width: calc(100% - 6px);
}

body.user-5048.page-template-page-avras-view-week .content {
	padding: 20px 0 0;
}

body.user-5048.page-template-page-avras-view-week .TimeTable th.cell-left,
body.user-5048.page-template-page-avras-view-week .TimeTable td.cell-left {
	width: 6.5%;
}

body.user-5048.page-template-page-avras-view-week p.copyright {
	position: absolute;
	right: 10px;
	margin-top: -45px !important;
}



body.user-5048.page-template-page-avras-view-week .cell-day a {
	text-decoration: none !important;
}

.WeekTable th.cell-day.day6,
.WeekTable th.cell-day.day7 {
	opacity: 0.8;
}




@keyframes rotation {
	from {
			-webkit-transform: rotate(0deg);
	}
	to {
			-webkit-transform: rotate(359deg);
	}
}

body.waiting * {
    cursor: progress !important;
}

.count {
	/* background-color: red; */
	color: #ffffff;
	border-radius: 20px;
	width: 14px;
	height: 14px;
	font-size: 11px !important;
	letter-spacing: -0.1px;
	padding: 2px 0 0;
	font-weight: 700;
	line-height: 11px;
	display: inline-block;
	position: relative;
	text-align: center;
	transform: perspective(0px);
	  /* Trick to elimante sub-pixel rendering and causes numbers to shift a bit related to length of text before */
}

.btn-count {
	
}

.btn-count .count {
	top: -1px;
    width: 16px;
    height: 16px;
	line-height: 16px;
    font-size: 12px !important;
    letter-spacing: -0.1px;
    padding: 0px 0 0;
}

table#users .count {
	top: -1px;
}


.count {
	background-color: red;
}

.count0 {
	background-color: green;
}

.count.bg-warning {
	padding-right: 1px;
}

.count.success 		{ background-color: green; }
.count.warning   	{ background-color: orange; }
.count.alert   		{ background-color: darkorange; }
.count.danger  		{ background-color: red; }


/******* 1e breakpunt Bootstrap *******/  
@media all and (max-width: 991px) {

	body.ops .cell-middle.planes > span {
		min-height: 159px;
	}

	body.ops .TimeTable .cell-middle.planes .timeline {
		height: 69px;
		top: 2px;
		font-size: 13px;
		line-height: 15px;
		padding: 4px 4px 4px 5px;
		white-space: normal;
	}

	body.ops .TimeTable .cell-middle.planes .timeline.bottomline {
		top: 73px;
		height: 84px;
	}

	body.ops .mobile-ops-only {
		display: inline-block !important;
	}



	.cell-middle b, .cell-middle > span {
		font-size: 14px;
		font-weight: 400;
		letter-spacing: -0.02em;
	}

	html #wpadminbar {
		display: none;
	}

	body {
		padding-top: 75px;
	}
	body.avras {
		/* padding-top: 35px; */
	}

	.header-top,
	.header-image {
		display: none;
	}
	
	.content {
		padding-left: 2px;
		padding-right: 2px;
	}

	.navbar {
		min-height: 50px;
		height: 80px;
		padding: 0;
		top: 0;
	}
	#logo {
		width: 115px;
		height: auto;
		top: -28px;
		margin-left: -57px;
	}
	button#responsive-menu-button {
		top: 12px;
		left: 0;
	}

	.TimeTable th.cell-left,
	.TimeTable td.cell-left {
		padding-left: 3px;
    	padding-right: 3px;
	}

	.TimeTable th.cell-middle.hour-labels b.hour0900,
	.TimeTable th.cell-middle.hour-labels b.hour1100,
	.TimeTable th.cell-middle.hour-labels b.hour1300,
	.TimeTable th.cell-middle.hour-labels b.hour1500,
	.TimeTable th.cell-middle.hour-labels b.hour1700,
	.TimeTable th.cell-middle.hour-labels b.hour1900,
	.TimeTable th.cell-middle.hour-labels b.hour2100
	{
		color: rgba(var(--rgbTheme), 1);
	}


	

}


@media all and (max-width: 640px) {
	.cell-middle b, .cell-middle > span {
		font-size: 13px;
		font-weight: 400;
		letter-spacing: -0.02em;
	}


	.TimeTable th.cell-left,
	.TimeTable td.cell-left,
	.WeekTable th.cell-day,
	.WeekTable td.cell-day {
		width: 14%;
	}

}


@media all and (max-width: 576px) {
	.modal-dialog {
		max-width: 540px;
	}

	.modal-open .modal {
		z-index: 999999;
	}

	.modal-content {
		position: fixed;
		width: 100%;
		max-height: 100%;
		overflow-y: scroll;
		margin: 0;
		top: 0;
		left: 0;
		z-index: +10
	}

	.modal-body {
		padding-bottom: 50px;
	}




	
}