html {
	height: 100%;
	overflow-y: auto;
}

body {
	background-color: #FFF;
	/* 165B8E */
	font-family: Arial;
	font-size: .8em;
	height: 100%;
	margin: 0;
	color: #555;
}

ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

a, a:visited, a:link {
	color: #0a81c4;
}

.body-container {
	margin-left: auto;
	margin-right: auto;
	max-width: 1000px;
	position: relative;
	display: block;
	height: auto;
}

.selected-button-color {
	background: #ff931e;
}

.button-color {
	background: white;
	color: #0a81c4;
}

	.button-color a {
		color: white;
	}

.content-wrapper {
	padding: 10px 0px 10px 0px;
	min-height: 190px;
	width: auto;
	display: flex;
	justify-content: center;
	/*    border-width: 0 1px;
    border-color: #D0D2D3;
    border-style: solid;*/
}

nav {
	padding-top: 10px;
	min-height: 32px;
}

.navigation {
	width: 100%;
	/*height: 32px;*/
	border: 1px solid #D0D2D3;
	/*#5493ce*/
	background: #FFFFFF;
	box-sizing: border-box;
	height: 32px;
	overflow: hidden;
	border-radius: 7px;
}

.stepitem {
	float: left;
	padding-left: 10px;
	font-size: 14px;
	height: 30px;
	display: table-cell;
	vertical-align: middle;
	line-height: 30px;
	overflow: hidden;
}

	.stepitem.selected {
		/*margin-left: -16px;*/
		padding: 0;
		background: #0a81c4; /* url(Images/stepbackground.png); */
		background-repeat: repeat-x;
		color: #FFF;
		border-radius: 7px;
	}

.stepleft {
	float: left;
	background: url(Images/stepnoarrow.png);
	width: 16px;
	height: 30px;
	display: none;
}

.stepright {
	float: left;
	/*background-image: url(Images/stepnoarrow.png);*/
	width: 16px;
	height: 30px;
	/*clear: right;*/
	z-index: 1000;
	display: none;
}

.selected .stepleft {
	display: block;
}

.selected.first .stepleft {
	display: none;
}

.selected .stepnr {
	margin-left: 12px;
}

.selected .stepright {
	background-color: #ECECED;
	display: block;
}

.selected .steprightarrow {
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 15px solid #0a81c4;
}

.stepnr {
	float: left;
	color: #AAA;
}

.steptext {
	margin-left: 8px;
	margin-right: 15px;
	float: left;
	display: none;
}

	.steptext a {
		text-decoration: none;
	}

.show-text .steptext {
	display: block;
	color: #AAA;
}

.stepitem.selected .steptext {
	color: #FFF;
}

.stepitem.selected .stepnr {
	color: #FFF;
}


/*.show-text .stepright {
	display: block;
}*/

/*.show-text:last-of-type .stepright {
	display: none;
}*/

button {
	border-radius: 7px;
	border: 1px solid #DDD;
	font-family: inherit;
}

.inlinebutton {
	min-width: 100px;
	height: 30px;
	border: none;
	border: 1px solid #DDD;
}

.nextbutton, .returnbutton {
	display: inline-block;
	padding-left: 20px;
	padding-right: 20px;
	border-style: solid;
	min-width: 115px;
	height: 32px;
	cursor: pointer;
	/*margin-right: 10px;*/
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight: bold;
}

.next-loading {
	display: none;
	margin-right: 8px;
}

.mobile-header {
	display: none;
	background: #0a81c4;
}

.button-bar {
	padding: 5px 0px 0px 0px;
	overflow: hidden;
}

.error {
	color: red;
	line-height: 2.5em;
}

#calDates {
	display: inline-block;
}

	#calDates tr + tr {
		border-bottom: 1px solid #FFF;
	}

	#calDates a {
		text-decoration: none;
		display: block;
		height: 100%;
		width: 100%;
		line-height: 23px;
		border-radius: 2px;
		color: #0a81c4;
		box-sizing: border-box;
	}

	#calDates .header {
		background: white;
		border-bottom: 2px solid #e6e7e8;
		color: #555;
	}

		#calDates .header .arrows {
			/*            background: #0a81c4;
*/ /*border-width: 1px 1px 2px;
    border-style: solid;
    border-color: #5493ce;*/
		}

			#calDates .header .arrows:first-child a {
				/*background: url(Images/calendararrowleft.png);*/
				/*background-position-x: 2px;*/
				/*background-repeat: no-repeat;*/
				display: block;
				background-position: center;
				border: 1px solid #DDD;
				border-radius: 5px;
			}

			#calDates .header .arrows:last-child a {
				/*background: url(Images/calendararrowright.png);*/
				/*background-repeat: no-repeat;*/
				display: block;
				background-position: center;
				border: 1px solid #DDD;
				border-radius: 5px;
			}

	#calDates > tbody > tr:first-child > td {
		margin: 0;
		padding: 0;
	}

	#calDates .header tr:first-child td {
		margin: 0;
		padding: 2px 5px 2px 5px;
		/*padding: 0 0 2px;*/
	}

	#calDates .disabled {
		color: #DDD;
	}

		#calDates .disabled a {
			color: #CCC;
			pointer-events: none;
			cursor: default;
			border: none;
		}

	#calDates .cal-day {
		background: white;
		color: #0a81c4;
		height: 23px;
		transition: background-color 150ms linear;
	}

		/*    .cal-day + .cal-day {
        border-left: 1px solid #FFF;
    }*/

		#calDates .cal-day .today {
			background: #0a81c4;
		}

	#calDates .cal-day-filtered a {
		background: #CCC;
		opacity: 0.6;
	}

	#calDates .cal-day.selected-button-color a {
		background: #0a81c4;
		color: white;
	}

	#calDates th {
		height: 20px;
		width: 25px;
		color: #777;
		font-size: 11px;
	}

.button-color-light {
	/*Er is gekozen om geen opacity meer te tonen in de volgende maand*/
	opacity: 1.0;
}

.datetime-title {
	margin: auto;
	text-align: left;
}

.datetime-content {
	text-align: center;
	vertical-align: top;
	display: inline-block;
}

	.datetime-content.date {
		width: 191px;
		flex-shrink: 0;
	}

.datetime-border {
	border: 1px solid #DDD;
	border-radius: 7px;
	box-sizing: border-box;
}

.datetime-content.time {
	padding-left: 25px;
	flex-grow: 1;
}

.timePref {
	padding-left: 10px;
	padding-right: 20px;
}

.radiobuttons {
	background: #FFF;
	border-width: 1px;
	/*border-color: #5493CD;*/
	border-style: solid;
	width: 200px;
	padding: 0px;
	border-radius: 7px;
	border-color: #DDD;
}

.radiominheight {
	height: 200px;
}

.grdGezinsleden td, .grdGezinsleden th {
	padding: 4px;
}

input {
	font-family: inherit;
}

	input[type=radio] {
		position: absolute;
		display: none;
	}

		input[type=radio] + label {
			display: block;
			color: #0a81c4;
			user-select: none;
			background: transparent;
			box-sizing: border-box;
			/*height:30px;*/
			padding: 6px;
			border: 2px solid transparent;
			cursor: pointer;
		}

.radiopaddings input[type=radio] + label {
	padding-left: 12px;
	padding-right: 12px;
}

/*.radiobuttons li + li input[type=radio] + label {
    border-top: 1px solid #FFF;
}*/

input[type=radio]:checked + label {
	border: 2px solid #0a81c4;
	border-radius: 5px;
	background: #0a81c4;
	color: white;
}

.radiobuttons li:first-of-type > label {
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
}

.radiobuttons li:last-of-type > label {
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
}

.form .form-control .visible-radio-group {
	display: flex;
	align-items: center;
	gap: 8px; /* space between radio and label */
	margin-right: 10px;
	width: auto;
	display: inline-block;
}

.visible-radio-group input[type="radio"] {
	position: static;
	display: inline-block;
	opacity: 1;
	margin: 0;
	vertical-align: middle;
}

.visible-radio-group input[type=radio] + label {
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	cursor: pointer;
	text-align: left;
	color: inherit;
	padding-left: 8px;
	cursor: default;
}

.visible-radio-group input[type=radio]:checked + label {
	background: none;
	border-color: transparent;
	color: inherit;
}

/* Customize the label (the container) */
.container {
	display: block;
	position: relative;
	padding-left: 30px;
	cursor: pointer;
	line-height: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

	/* Hide the browser's default checkbox */
	.container input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
		height: 0;
		width: 0;
	}

/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: 1px;
	left: 0;
	height: 20px;
	width: 20px;
	background-color: #FFF;
	border-radius: 5px;
	border: 1px solid #DDD;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
	background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
	background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
	left: 7px;
	top: 3px;
	width: 3px;
	height: 9px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.scroll-button {
	background-color: #0a81c4;
	margin: auto;
	display: block;
	width: 84px;
	height: 21px;
	clear: both;
	border-width: 1px;
	border-color: white;
	border-style: solid;
	cursor: pointer;
}

.upclick-arrow {
	width: 0;
	height: 0;
	margin: auto;
	margin-top: 7px;
	border-bottom: 7px solid transparent;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom-color: white;
}

.downclick-arrow {
	width: 0;
	height: 0;
	margin: auto;
	margin-top: 7px;
	border-top: 7px solid transparent;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top-color: white;
}

button {
	cursor: pointer;
}

	button:disabled {
		opacity: 0.4;
	}

input[type=button]:disabled {
	opacity: 0.4;
}

input[type=submit]:disabled {
	opacity: 0.4;
}

input[type=radio]:disabled + label {
	opacity: 0.4;
}

.disabled-link {
	opacity: 0.4;
	pointer-events: none;
}

.form span {
	width: 180px;
	display: inline-block;
	line-height: 23px;
	height: 23px;
	margin: 4px 0px;
	font-weight: bold;
}

.form .form-row {
	margin-bottom: 0.5rem;
}

.form input {
	color: #222;
	font-family: inherit;
}

.form input, .form select {
	border: 1px solid #ced4da;
	/*border-radius: 0.20rem;*/
	/*padding: .275rem .45rem;*/
	/*padding: .35rem .45rem;*/
	padding-left: .45rem;
	padding-right: .45rem;
	height: 2rem;
}

	.form input[type=text], .form input[type=email] {
		display: inline-block;
		box-sizing: border-box;
		width: 100%;
		line-height: 1.3;
		font-family: inherit;
	}

.form select {
	width: 100%;
	font-family: inherit;
}

.form .form-control {
	display: inline-block;
	width: 250px;
}

	.form .form-control.error input, .form .form-control.error select {
		border: 2px solid red;
		width: calc(100% - 1.2rem);
	}

	.form .form-control.small {
		width: 120px;
	}

	.form .form-control.error::after {
		content: '!';
		background-color: red;
		color: white;
		width: 1.2rem;
		height: 100%;
		font-size: 1.1rem;
		float: right;
		display: inline-block;
		text-align: center;
		margin: 0;
		/*position: fixed;*/
	}

.form span.validation {
	color: red;
	display: block;
	clear: both;
	margin-left: 5px;
}

#overlay {
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.6);
	z-index: 2;
}

	#overlay .center-text {
		position: absolute;
		top: 50%;
		left: 50%;
		font-size: 20px;
		color: white;
		transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
	}

.loading {
	-webkit-animation: fadein 0.5s;
	-moz-animation: fadein 0.5s;
	-o-animation: fadein 0.5s;
	animation: fadein 0.5s;
	display: none;
}

@-moz-keyframes fadein {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-webkit-keyframes fadein {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-o-keyframes fadein {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes fadein {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

.spinner-wrapper {
	min-width: 100%;
	min-height: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(255,255,255,0.90);
	position: fixed;
	z-index: 300;
}

.spinner-text {
	position: absolute;
	/*top: 41.0%;*/
	top: calc(50% - 20px);
	left: calc(50% - 50px);
	margin: 13px 0 0 75px;
	font-size: 1rem;
	color: #BBB;
	font-weight: 700
}

.spinner {
	margin: 0;
	display: block;
	position: absolute;
	left: calc(50% - 50px);
	top: calc(50% - 30px);
	border: 16px solid #f3f3f3; /* Light grey */
	border-top: 16px solid #0a81c4; /* Blue */
	border-radius: 50%;
	width: 30px;
	height: 30px;
	animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(360deg)
	}
}

@-moz-keyframes spin {
	0% {
		-moz-transform: rotate(0deg)
	}

	100% {
		-moz-transform: rotate(360deg)
	}
}

@-o-keyframes spin {
	0% {
		-o-transform: rotate(0deg)
	}

	100% {
		-o-transform: rotate(360deg)
	}
}

@keyframes spin {
	0% {
		transform: rotate(0deg)
	}

	100% {
		transform: rotate(360deg)
	}
}

.dropdown {
	height: 32px;
	border-radius: 5px;
	background: white;
	padding: 5px;
	font-family: inherit;
}

	.dropdown.no-border {
		border: 0 !important; /*Removes border*/
		border-radius: 0px;
	}

@-moz-document url-prefix() {
	.dropdown {
		text-indent: 0px;
	}
}

.time-list {
	display: inline-block;
	border: 1px solid #DDD;
	border-radius: 7px;
	width: 610px;
}

.time-dropdown {
	display: none;
}

.slider-display {
	margin-bottom: 10px;
}

.time-preferred {
	width: 100%;
	max-width: 260px;
}

.time-preferred-dropdown {
	width: 70px;
}

#time-preferred-from {
	float: left;
	border-top-left-radius: 7px;
}

#time-preferred-to {
	float: right;
	border-top-right-radius: 7px;
}

.content {
	display: flex;
	flex-direction: column;
}

.scroll-content {
	display: inline-block;
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 700px;
	/*    scrollbar-width: thin;
    scrollbar-color: #CFD8DC #90A4AE;*/
}

	.scroll-content::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
		background-color: #F5F5F5;
		border-radius: 5px;
	}

	.scroll-content::-webkit-scrollbar {
		width: 10px;
		background-color: #F5F5F5;
	}

	.scroll-content::-webkit-scrollbar-thumb {
		background-color: #0a81c4;
		background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent));
		border-radius: 5px;
	}

.form .result-error {
	display: block;
	width: 100%;
}

.step-title {
	margin-top: 0;
}

.hide {
	display: none;
}

.gezinslid-afspraak {
	margin-bottom: 5px;
	display: block;
}

.internet-agenda-title {
	color: #FFFFFF;
	position: absolute;
	left: 40px;
}

.col-50 {
	width: auto;
	max-width: 50%;
	box-sizing: border-box;
}

	.col-50:first-of-type {
		padding-right: 10px;
	}

	.col-50:last-of-type {
		padding-left: 10px;
	}

.flex-container {
	display: flex;
}

.appointment-set-wrapper {
	border: 1px solid #DDD;
	padding: 10px 13px;
	margin-bottom: 10px;
	display: block;
	min-width: 270px;
	border-radius: 7px;
	background: #F0F0F0;
}

.appointment-wrapper + .appointment-wrapper {
	margin-top: 20px;
}

.readonly-appointment .appointment-actions {
	display: none;
}

.appointment-actions {
	margin: 10px -13px -10px -13px;
	line-height: 0;
	font-size: 0;
	display: flex;
}

	.appointment-actions button {
		margin: 0;
		border-radius: 7px;
	}

		.appointment-actions button:first-child {
			border-bottom-right-radius: 0;
			border-top-right-radius: 0;
		}

		.appointment-actions button:last-child {
			border-bottom-left-radius: 0;
			border-top-left-radius: 0;
		}

		.appointment-actions button:only-child {
			border-radius: 7px;
		}

.checkboxes {
	padding: 10px;
	border: 1px solid #DDD;
	border-radius: 7px;
}

.right-arrow {
	width: 0;
	height: 0;
	margin: 5px;
	margin-right: 8px;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid transparent;
	border-left-color: #0a81c4;
}

.left-arrow {
	width: 0;
	height: 0;
	margin: 5px;
	margin-left: 7px;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-right: 6px solid transparent;
	border-right-color: #0a81c4;
}

.datetime-wrapper {
	display: flex;
	align-items: flex-start
}

.time-item {
	display: inline;
	float: left;
	margin: 1px;
	width: 49px;
}

.summary-wrapper {
	background: #EFEFEF;
	border: 1px solid #DDD;
	border-radius: 7px;
	padding: 10px;
	display: inline-block;
	width: auto;
}

.grow {
	flex-grow: 1;
}

.selectable-check {
	padding-left: 20px;
}

.readonly-appointment .selectable-check {
	padding-left: 0px;
}

.readonly-appointment .container {
	padding-left: 0px;
	cursor: default;
	pointer-events: none;
}

.readonly-appointment .family-td {
	display: none;
}

.readonly-appointment .checkmark {
	display: none;
}

.readonly-appointment input {
	pointer-events: none;
	cursor: pointer;
}

.single-appointment .selectable-check {
	padding-left: 0px;
}

.single-appointment .container {
	padding-left: 0px;
	cursor: default;
	pointer-events: none;
}

.single-appointment .checkmark {
	display: none;
}

.single-appointment input {
	pointer-events: none;
}

.scroll-md-up-only {
	overflow-y: auto;
}

.scroll-sm-only {
	overflow-y: hidden;
}

.modal {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1060;
	display: none;
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	outline: 0;
}

.modal-dialog {
	position: relative;
	width: auto;
	margin: 0.5rem;
	pointer-events: none;
}

.modal.fade .modal-dialog {
	transition: transform 0.3s ease-out;
	transform: translate(0, -50px);
}

@media (prefers-reduced-motion: reduce) {
	.modal.fade .modal-dialog {
		transition: none;
	}
}

.modal.show .modal-dialog {
	transform: none;
}

.modal.modal-static .modal-dialog {
	transform: scale(1.02);
}

.modal-dialog-scrollable {
	height: calc(100% - 1rem);
}

	.modal-dialog-scrollable .modal-content {
		max-height: 100%;
		overflow: hidden;
	}

	.modal-dialog-scrollable .modal-body {
		overflow-y: auto;
	}

.modal-dialog-centered {
	display: flex;
	align-items: center;
	min-height: calc(100% - 1rem);
}

.modal-content {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	pointer-events: auto;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 0.3rem;
	outline: 0;
}

.modal-backdrop {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1040;
	width: 100vw;
	height: 100vh;
	background-color: #000;
}

	.modal-backdrop.fade {
		opacity: 0;
	}

	.modal-backdrop.show {
		opacity: 0.5;
	}

.modal-header {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: space-between;
	padding: 1rem 1rem;
	border-bottom: 1px solid #dee2e6;
	border-top-left-radius: calc(0.3rem - 1px);
	border-top-right-radius: calc(0.3rem - 1px);
}

	.modal-header .btn-close {
		padding: 0.5rem 0.5rem;
		margin: -0.5rem -0.5rem -0.5rem auto;
	}

.modal-title {
	margin-bottom: 0;
	line-height: 1.5;
}

.modal-body {
	position: relative;
	flex: 1 1 auto;
	padding: 1rem;
}

.modal-footer {
	display: flex;
	flex-wrap: wrap;
	flex-shrink: 0;
	align-items: center;
	justify-content: flex-end;
	padding: 0.75rem;
	border-top: 1px solid #dee2e6;
	border-bottom-right-radius: calc(0.3rem - 1px);
	border-bottom-left-radius: calc(0.3rem - 1px);
}

	.modal-footer > * {
		margin: 0.25rem;
	}

@media (min-width: 576px) {
	.modal-dialog {
		max-width: 500px;
		margin: 1.75rem auto;
	}

	.modal-dialog-scrollable {
		height: calc(100% - 3.5rem);
	}

	.modal-dialog-centered {
		min-height: calc(100% - 3.5rem);
	}

	.modal-sm {
		max-width: 300px;
	}
}

@media (min-width: 992px) {
	.modal-lg,
	.modal-xl {
		max-width: 800px;
	}
}

@media (min-width: 1200px) {
	.modal-xl {
		max-width: 1140px;
	}
}

.modal-fullscreen {
	width: 100vw;
	max-width: none;
	height: 100%;
	margin: 0;
}

	.modal-fullscreen .modal-content {
		height: 100%;
		border: 0;
		border-radius: 0;
	}

	.modal-fullscreen .modal-header {
		border-radius: 0;
	}

	.modal-fullscreen .modal-body {
		overflow-y: auto;
	}

	.modal-fullscreen .modal-footer {
		border-radius: 0;
	}

@media (max-width: 575.98px) {
	.modal-fullscreen-sm-down {
		width: 100vw;
		max-width: none;
		height: 100%;
		margin: 0;
	}

		.modal-fullscreen-sm-down .modal-content {
			height: 100%;
			border: 0;
			border-radius: 0;
		}

		.modal-fullscreen-sm-down .modal-header {
			border-radius: 0;
		}

		.modal-fullscreen-sm-down .modal-body {
			overflow-y: auto;
		}

		.modal-fullscreen-sm-down .modal-footer {
			border-radius: 0;
		}
}

@media (max-width: 767.98px) {
	.modal-fullscreen-md-down {
		width: 100vw;
		max-width: none;
		height: 100%;
		margin: 0;
	}

		.modal-fullscreen-md-down .modal-content {
			height: 100%;
			border: 0;
			border-radius: 0;
		}

		.modal-fullscreen-md-down .modal-header {
			border-radius: 0;
		}

		.modal-fullscreen-md-down .modal-body {
			overflow-y: auto;
		}

		.modal-fullscreen-md-down .modal-footer {
			border-radius: 0;
		}
}

@media (max-width: 991.98px) {
	.modal-fullscreen-lg-down {
		width: 100vw;
		max-width: none;
		height: 100%;
		margin: 0;
	}

		.modal-fullscreen-lg-down .modal-content {
			height: 100%;
			border: 0;
			border-radius: 0;
		}

		.modal-fullscreen-lg-down .modal-header {
			border-radius: 0;
		}

		.modal-fullscreen-lg-down .modal-body {
			overflow-y: auto;
		}

		.modal-fullscreen-lg-down .modal-footer {
			border-radius: 0;
		}
}

@media (max-width: 1199.98px) {
	.modal-fullscreen-xl-down {
		width: 100vw;
		max-width: none;
		height: 100%;
		margin: 0;
	}

		.modal-fullscreen-xl-down .modal-content {
			height: 100%;
			border: 0;
			border-radius: 0;
		}

		.modal-fullscreen-xl-down .modal-header {
			border-radius: 0;
		}

		.modal-fullscreen-xl-down .modal-body {
			overflow-y: auto;
		}

		.modal-fullscreen-xl-down .modal-footer {
			border-radius: 0;
		}
}

@media (max-width: 1399.98px) {
	.modal-fullscreen-xxl-down {
		width: 100vw;
		max-width: none;
		height: 100%;
		margin: 0;
	}

		.modal-fullscreen-xxl-down .modal-content {
			height: 100%;
			border: 0;
			border-radius: 0;
		}

		.modal-fullscreen-xxl-down .modal-header {
			border-radius: 0;
		}

		.modal-fullscreen-xxl-down .modal-body {
			overflow-y: auto;
		}

		.modal-fullscreen-xxl-down .modal-footer {
			border-radius: 0;
		}
}
/* lijn onder tijd om aan te geven dat prefered docter er is. */
div.preferred-doctor-tijd {
	width: 70%;
	height: 5px;
	margin-top: -10px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 8px;
	background-color: #0a81c4;
	border-radius: 5px;
	position: absolute;
	bottom: 0;
	left: 0;
}
/* lijn onder tijd om aan te geven dat prefered docter niet aanwezig is. */
div.not-preferred-doctor-tijd {
	width: 70%;
	height: 5px;
	margin-top: -10px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 8px;
	background-color: #0a81c4;
	border-radius: 5px;
	opacity: 0.35;
	position: absolute;
	bottom: 0;
	left: 0;
}

/* lijn onder datum om aan te geven dat prefered docter er is. */
div.preferred-doctor-datum {
	width: 100%;
	height: 4px;
	max-height: 4px;
	margin: 0px;
	background-color: #0a81c4;
	border-radius: 4px;
	position: absolute;
	bottom: 0;
	left: 0;
}
/* lijn onder datum om aan te geven dat prefered docter niet aanwezig is. */
div.not-preferred-doctor-datum {
	width: 100%;
	height: 4px;
	max-height: 4px;
	margin: 0px;
	background-color: #0a81c4;
	border-radius: 4px;
	opacity: 0.35;
	position: absolute;
	bottom: 0;
	left: 0;
}

div.container-day {
	position: relative;
}

div.container-time {
	position: relative;
}

.dot-preferred-doctor {
	height: 10px;
	width: 10px;
	background-color: #0a81c4;
	border-radius: 50%;
	display: inline-block;
	margin-right: 5px;
}

.dot-not-preferred-doctor {
	height: 10px;
	width: 10px;
	background-color: #0a81c4;
	border-radius: 50%;
	display: inline-block;
	opacity: 0.35;
	margin-right: 5px;
}

.legenda-doctors {
	width: 100%;
	text-align: left;
	margin-top: 5px;
}

.current-month {
	font-weight: bold;
}

.triangle-down {
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid #0a81c4;
	font-size: 0;
	line-height: 0;
	float: left;
}

.path-default {
	fill: #0a81c4;
}

.container-filtering {
	display: flex;
}

.item-filtering-text {
	margin-right: 10px; /* Adjust as needed */
	display: flex;
	align-items: center; /* Vertically align text */
}

.item-filtering-select {
	margin-right: 10px; /* Adjust as needed */
	height: 32px;
	padding-right: 20px;
	border-radius: 5px;
	font-family: inherit;
}