.left_col > .left_col {
	position: fixed;
	left: 0;
	top: 0;
	width: 160px;
	height: calc(100vh - 40px);
	overflow-y: hidden;
}

.calendar-container .list-group-item {
	background-color: transparent;
}

.calendar-status-indicator {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 2px;
}

.nav-sm .menu_section h3 {
	display: block !important;
	font-size: 12px;
	margin: 3px;
}

.left {
	float: left;
}

.right {
	float: right;
}

.vertical-center {
	min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
	min-height: 100vh; /* These two lines are counted as one :-)       */

	display: flex;
	align-items: center;
}

.btn-xlarge {
	padding: 28px;
}

.divider {
	height: 1px;
	width:100%;
	display:block; /* for use on default inline elements like span */
	margin: 9px 0;
	overflow: hidden;
	background-color: #000000;
}

.form-horizontal .control-label{
	text-align: left !important; /* !important added for priority in SO snippet. */
}

#wrap {
	display: block;
	margin: 0 auto;
	width: 200px;
}

.x_panel_ico-lg .x_title h2 {
	font-size: 18px !important;
}

.x_panel_ico-lg .panel_toolbox > li > a {
	font-size: 18px !important;
	padding-left: 18px !important;
}

.x_title h2,
.x_title h2
{
	width: auto !important;
}

@media only screen and (max-width: 767px) {
	.tooltip {
		font-size: 15px;
	}
}

@media only screen and (max-width: 767px) {
	.autocomplete-wrapper > .input-group {
		display: block;
	}

	.btn-group-ajax-control {
		display: inline-flex !important;
	}

	.x_panel_ico-lg .panel_toolbox > li > a {
		float: none !important;
		width: unset !important;
	}

	.btn-group-ajax-control button {
		margin: 9px !important;
		border-radius: 5px;
	}

	[data-datatable-container^="freetime"] .x_panel .x_title h2,
	[data-datatable-container^="absence"] .x_panel .x_title h2,
	[data-datatable-container^="presence"] .x_panel .x_title h2 {
		width: calc(100% - 130px) !important;
	}

	[data-datatable-container^="freetime"] .x_panel.has-archive .x_title h2,
	[data-datatable-container^="absence"] .x_panel.has-archive .x_title h2,
	[data-datatable-container^="presence"] .x_panel.has-archive .x_title h2 {
		line-height: 25px;
		width: calc(100% - 235px) !important;
		overflow: hidden;
	}

	[data-datatable-container$="signaling"] .x_panel.has-archive .x_title h2 {
		width: 100% !important;
	}

	[data-datatable-container$="signaling"] .x_title .panel_toolbox .autosave-switch,
	[data-datatable-container$="signaling"] .x_title .panel_toolbox .archive-switch {
		position: absolute;
		top: 0px;
		right: 0px;
		padding-right: 5px;
	}

	.x_title .panel_toolbox .autosave-switch,
	.x_title .panel_toolbox .archive-switch {
		padding-right: 2px;
	}

	.autosave-switch .switchery,
	.archive-switch .switchery {
		float: right;
		margin-left: 10px;
	}

	.filter-dropdown-toggle:not(.allow-xs) .active-filter,
	.filter-dropdown-toggle:not(.allow-xs) .filter-label {
		display: none;
	}

	.filter-dropdown-toggle:not(.allow-xs) .caret {
		display: inline-block;
		font: normal normal normal 14px/1 FontAwesome;
		font-size: inherit;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		border: 0;
		width: auto;
		height: auto;
	}

	.filter-dropdown-toggle:not(.allow-xs) .caret:before {
		content: '\f0b0';
	}
}

.zpresence-x { color: lightgray; }
.zpresence-yes { background-color: green; }
.zpresence-no { background-color: red; }

.absence-indicator { width: 100%; height: 100%; }
td.condition_value, .editable-indicator { background-color: #FBB917; }
.editable-indicator a.editable { border-bottom: none !important; color: black !important;}
.highlight-indicator, .highlight-indicator .editable-indicator { font-weight: bold !important; background-color: #efef13 !important; }
.xe-mutated-indicator { font-weight: bold !important; }

.absence-indicator[data-action="toggle_absence"][data-schedule-pid="null"] {
	cursor: not-allowed;
}

.cursor-auto            { cursor: auto; }
.cursor-default         { cursor: default; }
.cursor-none            { cursor: none; }
.cursor-context-menu    { cursor: context-menu; }
.cursor-help            { cursor: help; }
.cursor-pointer         { cursor: pointer; }
.cursor-progress        { cursor: progress; }
.cursor-wait            { cursor: wait; }
.cursor-cell            { cursor: cell; }
.cursor-crosshair       { cursor: crosshair; }
.cursor-text            { cursor: text; }
.cursor-vertical-text   { cursor: vertical-text; }
.cursor-alias           { cursor: alias; }
.cursor-copy            { cursor: copy; }
.cursor-move            { cursor: move; }
.cursor-no-drop         { cursor: no-drop; }
.cursor-not-allowed     { cursor: not-allowed; }
.cursor-all-scroll      { cursor: all-scroll; }
.cursor-col-resize      { cursor: col-resize; }
.cursor-row-resize      { cursor: row-resize; }
.cursor-n-resize        { cursor: n-resize; }
.cursor-e-resize        { cursor: e-resize; }
.cursor-s-resize        { cursor: s-resize; }
.cursor-w-resize        { cursor: w-resize; }
.cursor-ns-resize       { cursor: ns-resize; }
.cursor-ew-resize       { cursor: ew-resize; }
.cursor-ne-resize       { cursor: ne-resize; }
.cursor-nw-resize       { cursor: nw-resize; }
.cursor-se-resize       { cursor: se-resize; }
.cursor-sw-resize       { cursor: sw-resize; }
.cursor-nesw-resize     { cursor: nesw-resize; }
.cursor-nwse-resize     { cursor: nwse-resize; }

.dt-save-row {
	padding: 5px;
	border-radius: 5px;
}

.dt-save-row + .dt-save-row
{
	margin-left: 5px;
}

.dt-save-row-default {
	border: 1px solid #a6a6a6;
	background-color: #cccccc;
	color: black;
}

.dt-save-row-default:hover {
	border: 1px solid #808080;
	background-color: #a6a6a6;
	color: white;
}

.dt-save-row-changed {
	border: 1px solid #e68a00;
	background-color: #ffad33;
	color: black;
}

.dt-save-row-changed:hover {
	border: 1px solid #cc7a00;
	background-color: #e68a00;
	color: black;
}

.dt-save-row-saved {
	border: 1px solid #009900;
	background-color: #008800;
	color: black;
}

.dt-save-row-saved:hover {
	border: 1px solid #008000;
	background-color: #009900;
	color: black;
}

.dt-save-row-disallowed {
	border: 1px solid #ff9922;
	background-color: #ff9922;
	color: white;
}

.dt-save-row-error, .dt-save-row-error-group {
	border: 1px solid #e60000;
	background-color: #ff3333;
	color: black;
}

.dt-save-row-error:hover, .dt-save-row-error-group:hover {
	border: 1px solid #b30000;
	background-color: #e60000;
	color: black;
}

.dt-save-row-note {
	border: 1px solid gray;
	background-color: #ffffa5;
	color: black;
}

.dt-save-row-note:hover {
	border: 1px solid gray;
	background-color: #ffff80;
	color: black;
}

.dt-save-row-debug {
	border: 1px solid gray;
	background-color: #ffffa5;
	color: black;
}

.dt-save-row-debug:hover {
	border: 1px solid gray;
	background-color: #ffff80;
	color: black;
}

.p-1 { padding: 4px !important; }
.p-2 { padding: 8px !important; }
.p-3 { padding: 12px !important; }

.m-1 { margin: 4px !important; }
.m-2 { margin: 8px !important; }
.m-3 { margin: 12px !important; }

[data-datatable-container] .week-control {
	display: block;
}

[data-datatable-container] .week-control .btn {
	border-radius: 30px;
}

.table-container-div > .table-responsive > .dt-bootstrap .dt-buttons {
	display: none;
}

.absence-legend-container.is-sticky {
	display: none;
}

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

	.absence-legend-container.is-sticky {
		display: block;
		background-color: #f7f7f7;
		margin-left: 3px;
	}

	.x_panel[data-panel-id] .absence-legend-container.is-sticky {
		background-color: white;
		border-left: 2px solid #662483;
		border-right: 2px solid #662483;
	}

	.list-group-horizontal .list-group-item {
		display: inline-block;
	}

	.list-group-horizontal .list-group-item {
		margin-bottom: 0;
		margin-left: -4px;
		margin-right: 0;
		border-right-width: 0;
		border: 0 !important;
	}

	.list-group-horizontal .list-group-item:first-child {
		border-top-right-radius: 0;
		border-bottom-left-radius: 4px;
	}

	.list-group-horizontal .list-group-item:last-child {
		border-top-right-radius: 4px;
		border-bottom-left-radius: 0;
		border-right-width: 1px;
	}

	.autosave-spacer,
	.archive-spacer {
		display: block;
		width: 126px;
		height: 35px;
	}

	.autosave-spacer {
		width: 162px;
	}
}

.absence-legend-item.is-status-selected span {
	text-decoration: underline;
}

@media only screen and (min-width: 1024px) {

	.absence-indicator {
		border-radius: 30px !important;
		padding: 5px 5px !important;
		border: 0 !important;
	}

	.table-container-div > .table-responsive {
		overflow: visible;
	}

	body:not(.was-mobile-initialized) [data-datatable-container] .week-control {
		display: none;
	}

	.table-container-div > .table-responsive > .dt-bootstrap .dt-buttons {
		display: block;
		position: absolute;
		top: -149px;
		right: 115px;
	}

	.table-container-div > .table-responsive > .dt-bootstrap .dt-buttons.no-legend {
		top: -72px;
	}

	.table-container-div > .table-responsive > .dt-bootstrap .dt-buttons .btn > span {
		visibility: hidden;
		display: inline-block;
		width: 0px;
	}

	.table-container-div > .table-responsive > .dt-bootstrap .dt-buttons .btn {
		padding: 10px 10px 7px 40px !important;
		padding: 10px 15px 7px 25px !important;
		background: transparent !important;
		border-color: transparent !important;
		border-radius: 0 !important;
		color: white !important;
	}

	.table-container-div > .table-responsive > .dt-bootstrap .dt-buttons .btn:before {
		content: '\f1c3';
		position: absolute;
		left: 10px;
		top: 4px;
		font-family: FontAwesome;
		font-size: 20px;
		text-rendering: auto;
	}

	.table-container-div > .table-responsive > .dt-bootstrap .dt-buttons .btn.buttons-pdf:before {
		content: '\f1c1';
	}

	.table-container-div > .table-responsive > .dt-bootstrap .dt-buttons .btn.buttons-print:before {
		content: '\f02f';
	}

	.table-container-div > .table-responsive > .dt-bootstrap .dt-buttons .btn:hover {
		background: #421157 !important;
	}

	.absence-legend-container + div:not(.absence-legend-container) {
		margin-top: -60px;
	}

	body.was-mobile-initialized [data-datatable-container] .week-control {
		margin-top: auto;
	}

	.absence-legend {
		float: right;
	}

	.absence-legend-item {
		cursor: pointer;
	}

	.absence-legend-item.is-status-selection-disabled {
		cursor: not-allowed;
	}

	.absence-legend-item strong {
		display: block;
		font-size: 11px;
		margin-top: 10px;
	}

	.absence-legend-container .list-group-horizontal .list-group-item {
		margin-left: -18px;
	}

	[data-datatable-container^="freetime"]:not(.is-collapsed) .autosave-switch,
	[data-datatable-container^="absence"]:not(.is-collapsed) .autosave-switch,
	[data-datatable-container^="presence"]:not(.is-collapsed) .autosave-switch,
	[data-datatable-container^="freetime"]:not(.is-collapsed) .archive-switch,
	[data-datatable-container^="absence"]:not(.is-collapsed) .archive-switch,
	[data-datatable-container^="presence"]:not(.is-collapsed) .archive-switch
	{
		margin-right: 150px;
	}
}

.absence-legend-item {
	margin-top: 5px;
	margin-bottom: 5px;
	vertical-align: middle !important;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.absence-legend-item > span {
	border: 1px solid white !important;
	border-radius: 30px !important;

	margin: 4px !important;
	padding: 5px 5px !important;
	font-size: 16px !important;
}

.absence-legend-item strong {
	position: relative;
}

.absence-legend-item strong > span {
	position: absolute;
	width: 100%;
	top: 100%;
	left: 0;
	right: 0;
	text-align: center;
	font-size: 11px !important;
	margin: 0 !important;
	padding: 0 !important;
}

@media only screen and (max-width: 1024px) {
	td.column-absence-cell {
		margin-top: 5px;
		margin-bottom: 5px;
		vertical-align: middle !important;
		padding: 8px 0 8px 8px;
	}

	td.column-absence-cell span:not(.line):not(.vline) {
		border: 1px solid lightgray !important;
		border-radius: 30px !important;

		margin: 8px 0 !important;
		padding: 5px 5px !important;
		font-size: 28px !important;
	}

	td.column-action {
		margin-top: 5px;
		margin-bottom: 5px;
		vertical-align: middle !important;
	}

	td.column-action a {
		margin: 8px !important;
		padding: 2px !important;
		font-size: 18px !important;
		border-radius: 1px !important;
		padding-top: 0 !important;
		width: 25px;
		height: 25px;
		text-align: center;
		display: block
	}

	td.column-action a .fa {
		line-height: 10px;
	}

	td.column-action a .fa-chevron-down {
		display: block;
		margin-top: 5px;
		font-size: 14px;
	}

	th.column-cursist-name, td.column-cursist-name {
		max-width: 60px !important;
		width: 60px !important;
	}

	div.table-cell-action {
		margin-top: 5px;
		margin-bottom: 5px;
		vertical-align: middle !important;
	}

	div.table-cell-action a {
		margin: 8px !important;
		padding: 7px !important;
		font-size: 28px !important;
	}

	[id^='BlocktimesTable_'] .column-action
	{
		min-width: 90px;
	}
}

[id^='BlocktimesTable_'] .editable-indicator + .column-action
{
	background-color: #FBB917;
}

#PerformanceTable tr td:not(:first-child) { text-align: right !important; }
#ActualsTable tr td:not(:first-child) { text-align: right !important; }

#PerformanceTable thead tr:nth-child(2) th:nth-child(2) { text-align: right !important; }

.text-gender-male { color: #70b7f0 !important; }
.text-gender-female { color: #FF69B4 !important; }
.text-gender-genderless { color: #363636 !important; }
.text-gender-question { color: #363636 !important; }

.dt-checkbox {
	vertical-align: middle !important;
	padding: 0 0 0 8px !important;
}

.dt-checkbox .checkbox {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.dt-checkbox .checkbox label {
	padding-left: 0 !important;
}

table.kpi-table tr.totals { font-weight: bold !important; }

/* Tooltip container */
.tt {
	position: relative;
	display: inline-block;
	/* border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

.tt ul {
	list-style-type: none;
}

/* Tooltip text */
.tt .tt-text {
	visibility: hidden;
	width: 320px;
	background-color: #555;
	color: #fff;
	text-align: left;
	padding: 5px;
	border-radius: 6px;

	/* Position the tooltip text */
	position: absolute;
	/*z-index: 1;*/
	bottom: 0;
	left: calc(100% + 8px);

	/* Fade in tooltip */
	opacity: 0;
	transition: opacity 1s;

	font-size: 12px;
	line-height: 13px;
}

/* Tooltip arrow */
.tt .tt-text::after {
	content: "";
	position: absolute;
	top: 40%;
	right: 100%;
	border-width: 5px;
	border-style: solid;
	border-color: transparent #555 transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tt:hover .tt-text {
	visibility: visible;
	opacity: 1;
}

#compose-receivers {
	max-height: 150px;
	overflow-y: auto;
}

.compose-headers {
	width: 100%;
	padding: 5px 15px 5px 15px !important;
}

.receiver-list {
	width: 100%;
	padding: 3px !important;
	display: inline-flex !important;
}

.receivers-label, .multi-student-item {
	margin-right: 5px;
	font-weight: bold;
}

.students-multi-list {
	padding: 3px !important;
}

.students-multi-list .tag:after {
	content: none !important;
}

[data-action="recalculate_hours"],
[data-action="toggle_season"],
.btn-group .btn[data-action="move_day"] {
	border-radius: 30px !important;
}

.btn-group .btn[data-action="move_day"]:not(.active) {
	padding: 6px 15px;
	background-color: #fadc6d9c !important;
	border-color: #ffc802 !important;
	border-width: 0;
}

@media only screen and (min-width: 768px) {
	.wider-cell {
		width: 200px !important;
	}

	.btn-group .btn[data-action="move_day"] {
		padding: 5px 7px;
	}
}

th.column-title {
	white-space: nowrap;
}

th.column-title-hardwrap {
	text-overflow: ellipsis;
	max-height: 38px;
	overflow: hidden;
	white-space: nowrap;
}

a.bulk-dropdown-toggle:hover, .open a.bulk-dropdown-toggle, li.bulk-dropdown.open, li.bulk-dropdown.open:hover {
	background-color: #421157 !important;
}

.list-2-col {
	-moz-column-count: 2;
	-moz-column-gap: 20px;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	column-count: 2;
	column-gap: 20px;
}

div.specification-visibility-item,
div.column-visibility-item {
	font-size: 13px !important;
	margin: 5px;
	background-color: #f3f3f3;
}

div.specification-visibility-item input.flat,
div.column-visibility-item input.flat {
	margin: 10px !important;
}

.filter-with-backdrop {
	-webkit-backdrop-filter: grayscale() blur(10px) !important; /* Safari 9+ */
	backdrop-filter: grayscale() blur(10px) !important; /* Chrome and Opera */
	background-color: rgba(255, 255, 255, 0.3) !important;
}

.grayscale-background-full {
	background: url(/images/background.png);
	-moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	-o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	-webkit-filter: grayscale(100%);
	filter: gray;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
}

.grayscale-background {
	background: url(/images/background.png) no-repeat center center fixed;
	background-size: cover;
}

.bg-istock {
	background: url(/images/cursad-colour-fluid-water.jpg) no-repeat center center fixed !important;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.login_wrapper {
	max-width: 400px;
}

.login_form {
	background: white;
	box-shadow: 0 0 10px rgba(0,0,0,.5);
}

.login_form img {
	max-width: 100%;
	margin-bottom: 25px;
}

.login_form .btn-default {
	background-color: #c82b24 !important;
	border: none;
	text-shadow: none;
	color: white;
	border-radius: 0;
}

.login_content form div a {
	margin-left: 5px;
	margin-right: 5px;
}

.login_form input {
	border-radius: 0 !important;
}

.logo-medium {
	max-width: 250px !important;
}

.nav-sm .navbar-with-icons,
.nav-md .navbar-with-icons {
	width: auto !important;
}

.navbar-with-icons a.user-profile span.user-name {
	display: none !important;
}

.navbar-with-icons .navbar-icon {
	margin: 3px;
	width: 25px;
	height: 25px;
	margin-top: 15px;
	color: white !important;
}

.navbar-with-icons .navbar-icon a {
	border-radius: 30px;
	padding: 0px !important;
	line-height: 25px !important;
	width: 27px;
	text-align: center;

	border: 1px solid #421157;
	background-color: #662483;
}

.navbar-with-icons .navbar-icon a:hover, .navbar-with-icons .navbar-icon.active a {
	border: 1px solid #421157;
	background-color: #421157;
	/*	color: white !important;*/
}

.navbar-with-icons .navbar-icon a i.fa {
	margin: 5px;
	color: white !important;
}

.xew-default .editable-input {}

.xew-date .editable-input {
	width: 235px !important;
}

.xew-time .editable-input {
	width: 125px !important;
}

.xew-date .editable-input span.combodate, .xew-time .editable-input span.combodate {
	display: inline-flex !important;
}

td, th {
	vertical-align: middle !important;
}

th.recipient_naw input {
	display: block;
	margin-top: 4px;
}

[data-datatable-container="messages"] th,
[data-datatable-container="messages_all"], th {
	vertical-align: top !important;
}

[data-datatable-container="messages"] th:after,
[data-datatable-container="messages_all"], th:after {
	top: 9px;
	bottom: auto;
}

.editable-indicator a.editable.composer-empty,
.editable-indicator a.editable.editable-empty,
em.editable-empty {
	font-size: 	22px !important;
	color: 		#555 !important;
}

.compose {
	min-height: 80vh;
}

.compose .compose-body .editor-wrapper {
	min-height: 10vh;
	max-height: none;
	max-height: calc(80vh - 290px);
}

@media only screen and (max-width: 767px) {
	.absence-legend-container {
		text-align: center;
	}

	.absence-legend-container .list-group-item {
		border: 0;
		padding: 0;
		display: inline-block;
	}

	.absence-legend-container .list-group-item strong {
		display: none;
	}

	#DashboardTable_Performance, #DashboardTable_Actuals {
		font-size: 10px !important;
	}
}

@media only screen and (max-width: 1023px) and (orientation: landscape) {
	.compose {
		min-height: 95vh;
	}

	.compose .compose-body .editor-wrapper {
		min-height: 0;
		max-height: none;
		height: calc(95vh - 215px);
	}

	.compose #compose-receivers {
		max-height: 45px;
	}
}

@media only screen and (min-width: 1024px) {
	.compose {
		min-width: 80vw;
		min-height: 80vh;
	}

	.compose .compose-body .editor-wrapper {
		height: calc(80vh - 220px);
	}
}



.xe-dirty {
	font-weight: bold !important;
}

.setting-toggle {
	/*font-weight: normal !important;
	color: grey;*/
}

.setting-toggle i {
	/*padding: 5px !important;*/
}

.setting-active i {
	/*border: 1px solid #009900;
	background-color: #008800;*/
	font-weight: 	normal !important;
	font-color: 	white !important;
}

.setting-active:hover i {
	/*border: 1px solid #008000;
	background-color: #009900;*/
	font-weight: 	bold !important;
	font-color: 	white !important;
}

.setting-inactive i {
	/*border: 1px solid #e60000;
	background-color: #ff3333;*/
	font-weight: normal !important;
	color: #aaa !important;
}

.setting-inactive:hover i {
	/*border: 1px solid #b30000;
	background-color: #e60000;*/
	font-weight: bold !important;
	color: #aaa !important;
}

.sidebar-footer a
{
	padding: 5px 0;
}

.sidebar-footer a .fa
{
	color: #fff;
	font-size: 18px;
}

.dataTables_wrapper[id^=Roosteren] tr td:first-child { border-left: 3px solid transparent; }

.is-p-type td:first-child,
.alternating-week-1 td:first-child,
.freq-3 td:first-child,
.alternating-week-2 td:first-child,
.freq-4 td:first-child,
.has-switch-before td,
.has-gap-before td,
.has-pause-before td,
.has-pause-after td
{ position: relative; cursor: pointer; }

.is-p-type td:first-child,
.alternating-week-1 td:first-child,
.freq-3 td:first-child,
.alternating-week-2 td:first-child,
.freq-4 td:first-child {
	border-left: 2px solid transparent !important;
}

.has-switch-before td,
.has-gap-before td,
.has-pause-before td {
	border-top: 2px solid transparent !important;
}

.has-pause-after td {
	border-bottom: 2px solid transparent !important;
}

td > .line, td > .vline { display: block; position: absolute;}
td > .line { top: -2px; left: 0; right: 0; }
td > .vline { top: 0; left: -2px; bottom: 0; }

.is-p-type { background-color: #f6f6f6; }
.alternating-week-1, .freq-3 { background-color: #f6f6f6; }
.alternating-week-2, .freq-4 { background-color: #f6f6f6; }

.alternating-week-1 td:first-child .vline { border-left: 3px solid #22b2ef !important; background-color: #f6f6f6; }
.alternating-week-2 td:first-child .vline { border-left: 3px solid #ea2040 !important; background-color: #e6e6e6; }
.freq-3 td:first-child .vline { border-left: 3px solid #00CC33 !important; background-color: #e6e6e6; }
.freq-4 td:first-child .vline { border-left: 3px solid #662483 !important; background-color: #f6f6f6; }
.is-p-type td:first-child .vline { border-left: 3px solid #ffdd00 !important; background-color: #f6f6f6; }

[data-hide="true"] { display: none !important; }
.is-student-waiting td:not(.editable-indicator) { background: #eaeaea; }
.has-switch-before td .line { border-top: 2px solid #662483 !important; }
.has-gap-before td .line { border-top: 2px solid #662483 !important; }
.has-pause-after td .line { top: auto; bottom: 3px; }
.has-pause-before td .line { border-top: 2px solid #248366 !important; }
.has-pause-before td[data-pause-str]:before { content: attr(data-pause-str); position: absolute; bottom: calc(100% - 1px); left: 0; font-size: 12px; width: 85px; color: #248366; font-weight: bold; background: white; white-space:pre; padding: 0 8px }
div[id^="Roosteren"] .has-pause-before td[data-pause-str]:before { width: 45px; }
.has-pause-before td[data-pause-str].editable-indicator:before { background: #FBB917; }

input[list] {
	float: none !important;
}

.absence-specific-controls .day-navigation-buttons {
	display: none !important;
}

.filter-dropdown .dropdown-backdrop {
	pointer-events: none;
}

.filter-dropdown a {
	background: transparent !important;
}

.filter-dropdown li input {
	display: none;
}

.filter-dropdown li label {
	padding: 10px 15px;
}

.filter-dropdown li input:checked + label {
	font-weight: bold;
	color: black;
}

.filter-dropdown li ul {
	list-style: none;
	padding: 0 0 0 20px;
}

.filter-dropdown .filter-label,
.filter-dropdown .active-filter {
	color: white;
}

@media only screen and (max-width: 767px) {
	.filter-dropdown[data-filter-context="lessoort"],
	.filter-dropdown:not([data-filter-context="lessoort"]) + .filter-dropdown {
		display: none !important;
	}
}

table.display thead th[aria-label='SW'],
table.display thead th[aria-label='V'],
table.display thead th[aria-label='VA'],
table.display thead th[aria-label='VV'],
table.display thead th[aria-label='VB'],
table.display thead th[aria-label='B'],
table.display thead th[aria-label='S'],
table.display thead th[aria-label='SA'],
table.display thead th[aria-label='C'],
table.display thead th[aria-label='Z'],
table.display thead th[aria-label='2FA'],
table.display thead th[aria-label='L'],
table.display thead th[aria-label='GO'],
table.display thead th[aria-label='CO'],
table.display thead th[aria-label='O'],
table.display thead th[aria-label='F'],
table.display thead th[aria-label='AO'],
table.display thead th[aria-label='E'],
table.display thead th[aria-label='W'],
table.display thead th[aria-label='Default_1'],
table.display thead th[aria-label='Default_2'],
table.display thead th[aria-label='CS']
{
	padding: 8px !important;
}

.nav_menu .organization-name {
	width: 125px;
	float: left;
	display: block;
	font-size: 14px;
	padding: 15px 0;
}

@media only screen and (max-width: 500px) {
	.nav_menu {
		padding-top: 8px;
	}

	.nav_menu .organization-name {
		position: absolute;
		width: 100%;
		text-align: center;
		display: block;
		line-height: 6px;
		padding: 0;
	}
}

.autosave-switch,
.archive-switch {
	padding: 9px 20px 0;
}

.autosave-switch .switchery,
.archive-switch .switchery {
	margin-right: 5px;
}

.autosave-switch label,
.archive-switch label {
	color: #fff;
}

.editable.editable-click.editable-empty.xe-active[data-ttlabel]:not([data-value="null"]):not([data-value='']):not([data-ttlabel=""]) {
	color: red !important;
}

.easy-autocomplete-container > ul {
	width: 300px !important;
}

.dropdown-menu {
	width: 200px;
}

.dropdown-larger .dropdown-menu {
	width: 265px;
}

.dropdown-menu > input {
	width: 100%;
	padding: 5px 15px;
}

.dropdown-menu > form {
	max-height: 50vh;
	overflow-x: auto;
}

[data-filter-context="signaling_check"] .dropdown-menu > form {
	max-height: 75vh;
}

.dropdown-menu > form .filtered {
	display: none !important;
}

.is-calendar-page .select2-container {
	z-index: 9999;
}

.select2-results__option > small {
	font-size: 10px;
	display: block;
}

.select2-results__option--highlighted > small {
	color: #fff;
}

.badge {
	background: #169F85;
}

.navbar-icon {
	position: relative;
}

.navbar-icon .badge {
	position: absolute;
	top: -7px;
	right: -7px;
}

.password-validator {
	position: relative;
	top: -20px;
	display: block;
	height: 2px;
}

.fa-key + .password-validator {
	top: 0;
}

[data-datatype="Department"] td a + a {
	padding-left: 4px;
}

td[data-name="opmerking"] div,
[data-type="textarea"][data-name="opmerking"],
[data-type="text"][data-name="opmerking"] {
	display: block;
	width: 350px;
	height: 36px;
	overflow: hidden;
	cursor: pointer !important;
}

td[data-name="opmerking"] div:focus,
[data-type="textarea"][data-name="opmerking"]:focus,
[data-type="text"][data-name="opmerking"]:focus {
	height: auto;
	background: #f6f6f6;
	margin: -26px -8px -8px;
	padding: 8px;
	position: absolute;
	z-index: 1;
	box-shadow: 1px 1px 4px rgba(0, 0, 0, .3);
	border: 1px solid #d0d0d0;
}

td[data-name="opmerking"] div,
[data-type="textarea"][data-name="opmerking"] + .editable-container textarea {
	width: 350px;
}

[data-type="text"][data-name="vrij_character33"] {
	display: block;
	width: 75px;
}

.column-spacer:after {
	visibility: hidden !important;
}

.fa.copy-password,
.fa.view-password {
	cursor: pointer;
	position: absolute;
	top: 10px;
	right: 10px;
}

.fa.copy-password {
	right: 35px;
}

.position-relative {
	position: relative;
}

.position-static-bootstrap{
	position: static;
	z-index: 2;
	float: left;
	width: 100%;
	margin-bottom: 0;
}

input.without-btn {
	border-radius: 25px !important;
}

.easy-autocomplete + .without-btn {
	display: none;
}

@media only screen and (min-width: 1024px) {
	.with-search-indent [data-datatable-container] .navbar-right,
	[data-datatable-container="teachers"] .navbar-right {
		margin-right: 220px;
	}

	.inline-top-search > div,
	.teacher-search > div {
		position: absolute;
		top: 19px;
		right: 35px;
		z-index: 10;
	}

	.input-group-btn.without-btn {
		display: none;
	}

	#ManagerTable_teachers tr td {
		padding-top: 1px;
		padding-bottom: 1px;
	}
}

@media only screen and (max-width: 1023px) {
	.top_search {
		padding: 0 10px;
	}

	.btn-group-ajax-control button {
		border-radius: 3px !important;
	}

	.x_title span {
		color: #fff;
	}

	.easy-autocomplete {
		width: auto !important;
	}

	[data-action="toggle_season"] .fa-calendar {
		color: #662483
	}

	.nav.toggle {
		display: none;
	}

	.nav_menu > nav {
		padding-left: 15px;
	}
}

a.signal-active,
.signal-active a {
	background-color: #169F85 !important;
}

label[for="ProfileForm__account_password"] + div .view-password,
label[for="ProfileForm__account_cpassword"] + div .view-password {
	right: 18px;
}

tr.row-error td {
	background-color: rgba(231, 76, 60, 0.88);
	color: white;
}

td > a[data-name="address"] {
	display: block;
	width: 135px;
	white-space: pre;
}

.password-strength {
	display: block;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background-color: #a0a0a0;
	margin-left: 5px;
}

.password-strength.strength-1 {
	background-color: #00a000;
}

.password-strength.strength-2 {
	background-color: #a00000;
}

.password-strength.strength-3 {
	background-color: #a06000;
}

.password-strength.strength-4 {
	background-color: #3a87ad;
}

a[data-name="lestype"],
td.nowrap {
	white-space: nowrap;
}

.editor-wrapper-inline {
	width: calc(100% - 20px);
	min-height: 0;
	padding: 5px 10px;
}

table[data-datatable='StatusNotifications'] {
	border: 10px solid #f6f6f6;
	margin: -8px -8px -8px 40px;
	border-bottom-width: 40px;
	width: calc(100% - 30px);
}

th[class*="sort_order_"] span {
	display: block;
	max-width: 90px;
	white-space: break-spaces;
}

.nav.side-menu>li.active {
	background: rgba(255,255,255,0.05) !important;
}

.nav.side-menu>li>a {
	background: transparent !important;
	text-shadow: 0 0 !important;
	box-shadow: 0 0 !important;
}

.nav-md ul.nav.child_menu li:before {
	background: #421157 !important;
}

.nav-md ul.nav.child_menu li:after {
	border-left: 1px solid #421157;
}

.select2-container--default .select2-results > .select2-results__options {
	max-height: 50vh;
}

.profile_pic {
	padding: 1px;
}

.profile_pic .img-circle.profile_img {
	border-color: white;
}

.profile_info h2 {
	font-weight: 700;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
	border-top: 0;
}

table[id^="ManagerTable_teachers"] tr[role='row'] td,
table[id^="DepartmentsTable"] tr[role='row'] td,
table[id^="DepartmentTable"] tr[role='row'] td {
	cursor: pointer;
}

.login_content {
	padding-top: 0;
}

.login_content .jumbotron {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.login_content h1:before,
.login_content h1:after {
	display: none;
}

ul.msg_list {
	text-align: left;
}

ul.msg_list li {
	display: block;
}

ul.msg_list li a {
	padding-left: 0 !important;
}

ul.msg_list li:after {
	content: '';
	clear: both;
	display: table;
}

ul.msg_list li img {
	max-width: 45px;
}

.login-option {
	clear: both;
}

[data-toggle-collapse] + [data-toggle-collapse] {
	display: none;
}

.is-sub-row [data-toggle-collapse],
.is-parent-row [data-save-mutations] {
	display: none;
}

.chrome-notice strong {
	font-size: 18px;
}

.chrome-notice button {
	padding: 6px 10px;
}

.chrome-notice button, .chrome-notice .btn {
	float: right;
}

.day-option,
.time-option {
	position: relative;
}

.day-option:before,
.time-option:before {
	content: '';
	float: right;
	position: absolute;
	right: 5px;
	top: 11px;
	display: block;
	background-color: green;
	border-radius: 50%;
	width: 10px;
	height: 10px;
}

.day-option.day-option-1:before {
	background-color: #22b2ef;
}

.day-option.day-option-2:before {
	background-color: #ea2040;
}

.day-option.day-option-3:before {
	background-color: #00CC33;
}

.day-option.day-option-4:before {
	background-color: #FF9900;
}

.time-option-invalid:before {
	background-color: #ff9922;
}

#ManagerTable_teachers_wrapper tr[id] .fa {
	font-size: 16px;
}

[data-action="check_sub"] {
	display: none;
}

[data-action="check_sub"] + span {
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	width: 20px;
	height: 20px;
	background: url(/bower_components/gentelella/vendors/iCheck/skins/flat/green.png) no-repeat;
	border: none;
	cursor: pointer;
}

[data-action="check_sub"]:checked + span {
	background-position: -22px 0;
}

.top_search.double {
	white-space: nowrap;
}

.top_search.double .autocomplete-wrapper {
	width: 50%;
	display: inline-block;
}

.top_search.double .autocomplete-wrapper .easy-autocomplete {
	width: auto !important;
}

.toolbox-inline {
	background-color: #fadc6d !important;
	border: 1px solid #f8ca23 !important;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	border-radius: 30px;
	width: 100%;
	padding: 0 10px;
}

.toolbox-inline .filter-dropdown .filter-label,
.toolbox-inline .filter-dropdown .active-filter {
	color: #333;
}

.toolbox-inline .filter-dropdown .filter-dropdown-toggle {
	padding: 5px 5px 2px;
}

.toolbox-inline .filter-dropdown .filter-label {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	display: inline-block;
	width: calc(100% - 10px);
}

.toolbox-inline .filter-dropdown {
	width: 100%;
}

.toolbox-inline .caret {
	float: right;
	margin-top: 8px;
	border-top: 4px solid #333;
}

.x_title {
	cursor: pointer;
}

.x_title.is-sticky {
	z-index: 15 !important;
}

.x_panel.LoadingOverlay-loading {
	position: relative;
}

.x_panel .LoadingOverlay-loader {
	display: none;
}

.x_panel.LoadingOverlay-loading .LoadingOverlay-loader {
	display: block;

	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	z-index: 9999;
	background-color: rgba(255, 255, 255, .7);
}

.x_panel.LoadingOverlay-loading .LoadingOverlay-loader .spinner {
	margin: 10px auto;
}

.archive-switch label input,
.archive-switch label span {
	display: none;
	position: relative;
	padding-left: 55px;
	color: white;
	font-size: 18px;
	font-weight: normal;
	line-height: 18px;
}

.archive-switch label :checked + span {
	display: block;
	cursor: pointer;
}

.archive-switch label input + span:after,
.archive-switch label input + span:before {
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	display: block;
}

.archive-switch label input + span:before {
	border-radius: 10px;
	background-color: rgb(38, 185, 154);
	border-color: rgb(38, 185, 154);
	box-shadow: rgb(38, 185, 154) 0px 0px 0px 11px inset;
	width: 45px;
	height: 19px;
}

.archive-switch label input + span:after {
	top: 0px;
	border-radius: 50%;
	background-color: white;
	width: 19px;
	height: 19px;
}

.archive-switch label input[value='active']:checked + span:after {
	left: 0px;
}

.archive-switch label input[value='archive']:checked + span:after {
	left: 13px;
}

.archive-switch label input[value='future']:checked + span:after {
	left: 27px;
}

table[id*='_locked'] tr[id] + tr:not([id]) {
	position: relative;
}

table[id*='_locked'] tr[id] + tr:not([id]) tr > * {
	height: 28px;
}

table[id*='_locked'] tr[id] + tr:not([id]) thead.is-sticky {
	margin-left: -11px;
}

table[id*='_locked'] tr[id] + tr:not([id]) thead.is-sticky tr > *:nth-child(4) {
	padding-left: 231px;
}

table[id*='_locked'] tr[id] + tr:not([id]) tr > *:nth-child(1),
table[id*='_locked'] tr[id] + tr:not([id]) tr > *:nth-child(2),
table[id*='_locked'] tr[id] + tr:not([id]) tr > *:nth-child(3) {
	position: absolute;
	width: 40px;
	left: 0;
	background: white;
}

table[id*='_locked'] tr[id] + tr:not([id]) tr > td:nth-child(1),
table[id*='_locked'] tr[id] + tr:not([id]) tr > td:nth-child(2),
table[id*='_locked'] tr[id] + tr:not([id]) tr > td:nth-child(3) {
	padding-top: 16px;
	padding-bottom: 0;
	margin-top: 1px;
}

table[id*='_locked'] tr[id] + tr:not([id]) tr > *:nth-child(2) {
	left: 40px;
}

table[id*='_locked'] tr[id] + tr:not([id]) tr > *:nth-child(3) {
	width: 120px;
	left: 80px;
}

table[id*='_locked'] tr[id] + tr:not([id]) tr > *:nth-child(4) {
	padding-left: 220px;
}

[data-datatable-container*='locked'] .DTFC_LeftBodyWrapper,
[data-datatable-container*='activities'] .DTFC_LeftBodyWrapper,
[data-datatable-container*='locked'] .DTFC_LeftBodyLiner,
[data-datatable-container*='activities'] .DTFC_LeftBodyLiner,
[data-datatable-container*='locked'] .DTFC_Cloned,
[data-datatable-container*='activities'] .DTFC_Cloned,
.row-dummy {
	/*pointer-events: none;*/
}

.DTFC_LeftBodyLiner {
	overflow-x: hidden !important;
}

.password-validatable {
	list-style-type: none;
	padding-left: 0;
}

.password-validatable li:before {
	content: '•';
	padding-right: 21px;
}

.password-validatable li[data-pwdreset-validate].valid:before {
	content: '✓';
	color: #00a000;
	padding-right: 15px;
}

.password-validatable li[data-pwdreset-validate].valid.invalid:before {
	content: '✗';
	color: #ff0000;
	padding-right: 15px;
}

.modal {
	z-index: 9999;
}

.dataTables_scrollHead.is-sticky,
thead.is-sticky {
	background-color: white;
}

[data-datatable-container^="freetime"] .DTFC_ScrollWrapper,
[data-datatable-container^="absence"] .DTFC_ScrollWrapper,
[data-datatable-container^="presence"] .DTFC_ScrollWrapper {
	height: auto !important;
}

/*[data-datatable-container^="freetime"] .DTFC_ScrollWrapper .dataTables_scrollBody,
[data-datatable-container^="absence"] .DTFC_ScrollWrapper .dataTables_scrollBody,
[data-datatable-container^="presence"] .DTFC_ScrollWrapper .dataTables_scrollBody {
	overflow-x: hidden !important;
}*/

[data-datatable-container^="teachers"] .dataTables_scroll .dataTables_scrollBody::-webkit-scrollbar,
[data-datatable-container^="freetime"] .DTFC_ScrollWrapper .dataTables_scrollBody::-webkit-scrollbar,
[data-datatable-container^="absence"] .DTFC_ScrollWrapper .dataTables_scrollBody::-webkit-scrollbar,
[data-datatable-container^="presence"] .DTFC_ScrollWrapper .dataTables_scrollBody::-webkit-scrollbar {
	display: none;
}

[data-datatable-container^="teachers"] .dataTables_scroll .scrollshadow,
[data-datatable-container^="freetime"] .DTFC_ScrollWrapper .scrollshadow,
[data-datatable-container^="absence"] .DTFC_ScrollWrapper .scrollshadow,
[data-datatable-container^="presence"] .DTFC_ScrollWrapper .scrollshadow {
	position: sticky;
	bottom: 0;
	left: 0;
	right: 0;
	overflow-x: auto !important;
	z-index: 10;
}

[data-datatable-container^="teachers"] .dataTables_scroll .scrollshadow {
	position: fixed;
}

[data-datatable-container^="teachers"] .dataTables_scroll .scrollshadow span,
[data-datatable-container^="freetime"] .DTFC_ScrollWrapper .scrollshadow span,
[data-datatable-container^="absence"] .DTFC_ScrollWrapper .scrollshadow span,
[data-datatable-container^="presence"] .DTFC_ScrollWrapper .scrollshadow span {
	display: block;
	height: 1px;
}

[data-datatable-container^="freetime"] .DTFC_LeftBodyWrapper,
[data-datatable-container^="absence"] .DTFC_LeftBodyWrapper,
[data-datatable-container^="presence"] .DTFC_LeftBodyWrapper {
	height: auto !important;
}

[data-datatable-container^="freetime"] .DTFC_LeftBodyWrapper .DTFC_LeftBodyLiner,
[data-datatable-container^="absence"] .DTFC_LeftBodyWrapper .DTFC_LeftBodyLiner,
[data-datatable-container^="presence"] .DTFC_LeftBodyWrapper .DTFC_LeftBodyLiner {
	height: auto !important;
	max-height: none !important;
}

#LastLoginModal ul.msg_list li {
	padding: 10px;
	clear: both;
}

#LastLoginModal ul.msg_list li .left {
	margin: 0 10px 10px 5px;
}

.modal-content.alert-danger .btn {
	color: black;
}

.absence-specific-controls.is-sticky {
	padding-top: 10px;
	background: #F7F7F7;
}

.is-function {
	position: relative;
	margin-bottom: 5px;
}

[data-action="add_lestype_row"],
[data-action="add_function"] {
	display: inline-block;
	width: auto;
}

[data-action="add_lestype_row"] .left,
[data-action="add_function"] .left {
	line-height: 20px;
	margin-right: 10px;
}

.is-function .form-control-feedback.left {
	left: 3px;
}

#Schedule_calendars,
#Schedule_calendars *,
.is-calendar-page .tooltip {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#Schedule_calendars .fc-event {
	border: 1px solid #f8ca23;
}

#Schedule_calendars .fc-event .fc-event-main {
	color: #333;
}

#Schedule_calendars .fc-event,
#Schedule_calendars .fc-event-dot
{
	background: #fadc6d;
}

#Schedule_calendars .fc-event-freetime
{
	background: #6d9afa;
	border: 1px solid #2386f8;
}

#Schedule_calendars .fc-event-freetime .fc-event-title
{
	color: #000;
}

#Schedule_calendars .fc-event .fc-event-title {
	text-overflow: ellipsis;
	display: block;
	overflow: hidden;
	white-space: nowrap;
}

#Schedule_calendars .fc-event.fc-event-active {
	background: #bba552;
}

.is-calendar-page .tooltip.fc-tooltip-active .on-event-inactive,
.is-calendar-page .tooltip:not(.fc-tooltip-active) .on-event-active {
	display: none;
}

.is-calendar-page .tooltip.fc-tooltip-active {
	margin-top: 35px;
}

.is-calendar-page .tooltip.fc-tooltip-active .tooltip-arrow {
	display: none !important;
}

#Schedule_calendars .fc-event.fc-event-active.fc-event-cut:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	background: linear-gradient(90deg, #fadc6d 50%, transparent 50%), linear-gradient(90deg, #fadc6d 50%, transparent 50%), linear-gradient(0deg, #fadc6d 50%, transparent 50%), linear-gradient(0deg, #fadc6d 50%, transparent 50%);
	background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
	background-size: 15px 1px, 15px 1px, 1px 15px, 1px 15px;
	background-position: 0px 0px, 100% 100%, 100% 0px, 0px 100%;
	animation: border-dance 4s infinite linear;
}

@keyframes border-dance {
	0% {
		background-position: 0px 0px, 100% 100%, 100% 0px, 0px 400%;
	}
	100% {
		background-position: 100% 0px, 0px 100%, 100% 400%, 0px 0px;
	}
}

#Schedule_calendars .fc-event.fc-event-active .fc-event-main {
	color: #fff;
}

#Schedule_calendars .fc-event:focus:after {
	display: none !important;
}

#Schedule_calendars .fc-daygrid-day-number {
	cursor: pointer;
}

.fc-container {
	position: relative;
	margin-top: 10px;
}

.current-disp {
	font-size: 16px;
	text-align: center;
	display: block;
	line-height: 35px;
	cursor: pointer;
}

.fc-controls,
.fc-container .alc,
.fc-container .fc-header-toolbar {
	background: #f7f7f7;
	position: sticky;
	z-index: 3;
}

.fc-container .alc .absence-legend {
	float: right !important;
}

.fc-container .alc .absence-legend-container {
	background: #f7f7f7;
}

.fc-container .alc .absence-legend-container .list-group {
	margin: 10px 0;
}

.fc-container .alc .absence-legend-container .list-group .list-group-item {
	margin-left: -18px !important;
	padding: 0px 20px;
}

.fc-container .alc .absence-legend-item > span {
	font-size: 12px !important;
	padding: 3px 3px !important;
}

.fc-container .alc .absence-legend-item strong {
	display: block !important;
	margin-top: 5px !important;
}

.fc-container .alc .absence-legend-item strong,
.fc-container .alc .absence-legend-item strong span {
	font-size: 11px !important;
	color: #333;
}

.fc-controls {
	top: 0;
	z-index: 4;
}

.fc-container .fc-toolbar-title:not(.has-multiple) {
	display: none;
}

.fc-container .alc {
	top: 39px;
}

.fc-container .fc-header-toolbar {
	top: 78px;
}
@media only screen and (min-width: 768px) {
	.fc-container .fc-header-toolbar {
		top: 109px;
	}
}

.fc-container .fc-button:not(.fc-button-active) {
	background-color: #586979 !important;
	color: #ffffff66 !important;
}

.fc .fc-scrollgrid-section-header.fc-scrollgrid-section-sticky > * {
	top: 110px !important;
}
@media only screen and (min-width: 768px) {
	.fc .fc-scrollgrid-section-header.fc-scrollgrid-section-sticky > * {
		top: 141px !important;
	}
}

.fc .fc-highlight {
	pointer-events: none;
}

.fc .fc-scroller-liquid {
	overflow: visible !important;
}

.fc .fc-list-sticky .fc-list-day > * {
	top: 171px !important;
}

.is-calendar-page .tooltip .tooltip-inner {
	text-align: left;
}

.tooltip .student-list {
	padding: 0;
	text-align: left;
	list-style: none;
	margin: 2px -3px;
}

.tooltip .student-list li {
	padding: 2px 4px;
	cursor: pointer;
	border-radius: 4px;
}

.tooltip .student-list li:hover {
	background-color: rgba(255, 255, 255, .1);
}

.tooltip-status-indicator {
	display: inline-block;
	border: 1px solid #333;
	border-radius: 50%;
	width: 8px;
	height: 8px;
	margin-right: 5px;
}

.tooltip:not(:hover) [data-is-event].dragged {
	position: fixed;
	background: #000;
}

#Schedule_calendars.is-timeGridDay {
	display: flex;
	position: relative;
}

#Schedule_calendars.is-timeGridDay .fc-header-toolbar {
	position: absolute;
	top: 0;
	right: 0;
}

#Schedule_calendars.is-timeGridDay .fc {
	padding-top: 50px;
}

#Schedule_calendars.is-timeGridDay .fc .fc-col-header-cell.with-titles {
	height: 23px;
}

#Schedule_calendars.is-timeGridDay .fc .fc-col-header-cell.with-titles .fc-scrollgrid-sync-inner,
#Schedule_calendars.is-timeGridDay .fc:not(:first-child) .fc-timegrid-axis,
#Schedule_calendars.is-timeGridDay .fc:not(:first-child) .fc-timegrid-slot-label {
	display: none;
}

#Schedule_calendars.is-dayGridWeek .fc:not(:first-child) .fc-col-header thead,
#Schedule_calendars.is-dayGridWeek .fc:not(:first-child) .fc-header-toolbar {
	display: none;
}

#Schedule_calendars.is-dayGridWeek .fc-daygrid-axis,
#Schedule_calendars.is-dayGridWeek .fc-daygrid-slot {
	vertical-align: top !important;
	width: 27px;
}

#Schedule_calendars.is-dayGridWeek .fc-daygrid-axis.with-titles,
#Schedule_calendars.is-dayGridWeek .fc-daygrid-slot.with-titles {
	width: 150px;
}

#Schedule_calendars.is-dayGridWeek .fc-daygrid-slot.with-titles .weeknum {
	float: left;
	margin: 5px;
	display: block;
}

#Schedule_calendars.is-dayGridWeek .fc-daygrid-slot.with-titles .weeknum + strong {
	display: block;
	margin: 6px 0;
}

.fc-event.alternating-week-1 { border-left: 2px solid #22b2ef !important; padding-left: 2px; }
.fc-event.alternating-week-2 { border-left: 2px solid #ea2040 !important; padding-left: 2px; }
.fc-event.freq-3 { border-left: 2px solid #00CC33 !important; padding-left: 2px; }
.fc-event.freq-4 { border-left: 2px solid #FF9900 !important; padding-left: 2px; }

.fc-timegrid-axis-frame:before {
	position: absolute;
	top: 6px;
	left: 2px;
	display: inline-block;
	content: 'WK';
	font-weight: bold;
	color: #000;
	margin-right: 15px;
	font-size: 8px;
}

.weeknum {
	display: block;
	margin: 0 auto;
	width: 20px;
	height: 20px;
	line-height: 20px;
	border-radius: 50%;
	font-size: 11px;
	text-align: center;
}

.fc-timegrid-axis-frame > .weeknum {
	margin-left: 20px !important;
}

.fc-daygrid-slot .weeknum {
	margin-top: 2px;
}

.fc-timegrid-axis .weeknum {
	margin: 1px auto;
}

.fc-list-day-cushion .weeknum {
	float: right;
	margin-top: -1px;
	margin-left: 10px;
}

.weeknum-even:not(.fc-day):not(.fc-daygrid-day-top) { background: #22b2ef !important; color: #fff; }
.weeknum-odd:not(.fc-day):not(.fc-daygrid-day-top) { background: #ea2040 !important; color: #fff; }
.fc-daygrid-day-top.weeknum-even a, .fc-day.weeknum-even a { color: #22b2ef; }
.fc-daygrid-day-top.weeknum-odd a, .fc-day.weeknum-odd a { color: #ea2040; }

.ui-sortable-handle {
	cursor: move !important;
}

@media only screen and (max-width: 767px) {
	.fc-container .alc {
		display: none;
	}
}

.group-bt.group-bt-hiding {
	display: none !important;
}

.group-bt.group-bt-front {
	background-color: #06a906 !important;
}

.nav-md .container.body .col-md-3.left_col {
	overflow: hidden;
}

.colorpicker-element .input-group-addon i {
	display: inline-block;
	cursor: pointer;
	height: 16px;
	vertical-align: text-top;
	width: 16px;
}

.colorpicker-element .colorpicker.colorpicker-inline {
	position: fixed;
}

.location-filter-color {
	width: 15px;
	height: 15px;
	display: block;
	border-radius: 50%;
	float: left;
	margin-right: 10px;
}
#Schedule_calendars .fc-icon {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome !important;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#Schedule_calendars .fc-icon-cog:before {
	content: "\f013";
}
#Schedule_calendars .fc-icon-trash:before {
	content: "\f1f8";
}

table.list-sortable .field-sort-order {
	width: 0;
	height: 0;
	padding: 0;
	margin: 0;
	border: 0;
	opacity: .01;
	overflow: hidden;
}

table.list-sortable tbody td:not(:first-child),
table.list-sortable thead td:not(:first-child) {
	text-align: center;
}

table.list-sortable tbody td:not(:first-child) div,
table.list-sortable thead td:not(:first-child) .fa {
	margin: 0 auto;
}

table.list-sortable thead td {
	padding: 10px 0;
	border-bottom: 2px solid #d0d0d0;
}

table.list-sortable tbody td {
	padding: 5px 0;
	border-bottom: 1px solid #efefef;
}

.is-type-system .for-custom-view {
	display: none;
}

.marked-wide {
	background-color: #666;
	color: white;
	margin: 10px 0 0;
	padding: 5px;
	text-transform: uppercase;
	cursor: pointer
}

.marked-wide .fa {
	float: right;
}

.marked-wide.closed + table {
	display: none;
}

[data-prop].asc,
[data-prop].desc {
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: right 10px top 10px;
}

[data-prop].asc {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Esort-ascending%3C/title%3E%3Cpath d='M19 17H22L18 21L14 17H17V3H19M2 17H12V19H2M6 5V7H2V5M2 11H9V13H2V11Z' /%3E%3C/svg%3E");
}

[data-prop].desc {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Esort-descending%3C/title%3E%3Cpath d='M19 7H22L18 3L14 7H17V21H19M2 17H12V19H2M6 5V7H2V5M2 11H9V13H2V11Z' /%3E%3C/svg%3E");
}

#GenrooForm .has-feedback .form-control[type='date'],
#GenrooForm .has-feedback .form-control[type='number'],
#GenrooForm .has-feedback .form-control[type='time'] {
	padding-right: 5px;
}

#calendar-availability-notices {
	padding: 10px;
	background-color: #fadc6daa;
	border: 1px solid #f8ca23;
	clear: both;
	margin-bottom: 10px;
	color: black;
}

#calendar-availability-notices ul {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 12px;
}

.column-actions {
	white-space: nowrap;
}

[data-main] .add-on {
	float: right;
	margin: 3px 0 0 5px;
}

[data-main] .add-on > i.icon-th {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Ecalendar-month-outline%3C/title%3E%3Cpath d='M7 11H9V13H7V11M21 5V19C21 20.11 20.11 21 19 21H5C3.89 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H6V1H8V3H16V1H18V3H19C20.11 3 21 3.9 21 5M5 7H19V5H5V7M19 19V9H5V19H19M15 13V11H17V13H15M11 13V11H13V13H11M7 15H9V17H7V15M15 17V15H17V17H15M11 17V15H13V17H11Z' /%3E%3C/svg%3E");
	background-size: 100% 100%;
}