body.authentication-bg-pattern {
	background-image: url('../images/background-employees.webp');
	background-size: cover;
	background-position: center;
	background-color: rgba(43, 50, 58, .6);
	background-blend-mode: multiply;
}

body.authentication-bg-pattern .subtitle {
	color: #94A0AD;
	text-transform: uppercase;
	border: 1px solid #8C98A5;
	padding: 15px 0;
	position: relative;
}

body[data-sidebar-size=condensed] .auth-logo .logo span.logo-lg {
	display: block;
}

body[data-layout-mode=detached] .footer-alt {
	position: absolute !important;
}

.authentication-bg .btn-primary {
	background-color: #0866C6;
	border-color: #0866C6;
}

/*.authentication-bg .btn-primary {
	background-color: #71173a;
	border-color: #71173a;
}*/

.authentication-bg label {
	margin-bottom: 0.5rem;
}

.auth-logo .logo img {
	height: 70px;
}

.beta-tag {
	font-size: 11px;
	color: #e10000;
	position: absolute;
	bottom: 5px;
	left: 0;
	right: 0;
}

.location-tag {
	font-size: 11px;
	position: absolute;
	bottom: 5px;
	left: 0;
	right: 0;
}

.ladda-button-no-style {
	background: transparent !important;
	border: 0 !important;
	padding: 0px !important;
	font-size: 14px !important;
	cursor: pointer;
	color: #fff;
}

.filterContainer {
	width: 100%;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid rgba(255, 255, 255, .2);
}

.filterContainer .labelForFilter {
	display: block;
	color: rgba(255, 255, 255, .6);
	margin-top: .75rem;
}

.filterContainer .optionsForFilter {
	display: block;
	color: #FFF;
	border: 0;
	padding: 0;
	background: transparent;
	font-size: 1.6rem;
	font-weight: 700;
}

body[data-mode=dark] .filterContainer .select2-container .select2-selection--single .select2-selection__rendered {
	color: #FFF;
}

body[data-mode=light] .filterContainer .select2-container .select2-selection--single .select2-selection__rendered {
	color: #6c757d;
}

body[data-mode=dark] .filterContainer .flatpickr-input {
	border: 1px solid #424e5a;
	color: #FFF;
}

body[data-mode=light] .filterContainer .flatpickr-input {
	border: 1px solid #424e5a;
	color: #6c757d;
}

.filterContainer .datepickr-append-alternative-border {
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

body[data-sidebar-color=dark] .left-side-menu #sidebar-menu .menuitem-active .active,
body[data-sidebar-color=dark] .left-side-menu #sidebar-menu .menuitem-active>a,
#sidebar-menu .menuitem-active .active,
#sidebar-menu .menuitem-active>a {
	color: #FFF;
}

.page-item.active .page-link {
	background-color: #0866C6;
	border-color: #0866C6;
}

.white-underline-href {
	color: #FFF;
	text-decoration: none;
}

.white-underline-href:hover {
	color: #c8cddc;
/*	text-decoration: underline;*/
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #4a81d4 !important;
}

.flatpickr-rContainer .selected {
	background-color: #4a81d4 !important;
	border-color: #4a81d4 !important;
}

.spinner {
	border-left-color: #4a81d4 !important;
}

.tippy-label {
	display: inline-block;
	width: 100%;
}

.tippy-in-form {
	color: inherit;
	font-size: 18px;
	display: inline-block;
	line-height: 1;
	float: right;
}

.btn-success {
	background-color: #00b297;
	border-color: #00b297;
}

.btn-outline-success {
	color: #00b297;
	border-color: #00b297;
}

.btn-outline-success:hover {
	color: #FFF;
	background-color: #00b297;
	border-color: #00b297;
}

.btn-danger {
	background-color: #dc3545;
	border-color: #dc3545;
}

.btn-outline-danger {
	color: #dc3545;
	border-color: #dc3545;
}

.btn-outline-danger:hover {
	color: #FFF;
	background-color: #dc3545;
	border-color: #dc3545;
}

.btn-warning {
	background-color: #F49917;
	border-color: #F49917;
	color: #FFF;
}

.btn-outline-warning {
	color: #F49917;
	border-color: #F49917;
}

.btn-outline-warning:hover {
	color: #FFF;
	background-color: #F49917;
	border-color: #F49917;
}

.btn-primary, .btn-primary.disabled, .btn-primary:disabled {
	background-color: #0866C6;
	border-color: #0866C6;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
	background-color: #1061b4;
	border-color: #1061b4;
}

.btn-primary:active:focus, .btn-primary:focus, .show>.btn-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.15rem rgb(16 97 180 / 50%);
}

.btn-outline-primary {
	color: #0866C6;
	border-color: #0866C6;
}

.btn-outline-primary:hover {
	color: #FFF;
	background-color: #0866C6;
	border-color: #0866C6;
}

.border-primary {
	border-color: #0866C6 !important;
}

.bg-soft-primary {
	background-color: rgba(8, 102, 198, .25) !important;
}

.bg-primary {
    background-color: #0866C6 !important;
}

.swal2-modal .swal2-confirm {
	background-color: #0866C6 !important;
}

.swal2-icon.swal2-question {
	color: #facea8 !important;
	border-color: #facea8 !important;
}

/*6f42c1*/

.form-check-input:checked {
	background-color: #0866C6 !important;
	border-color: #0866C6 !important;
}

.nav-bordered a.active {
	border-bottom: 2px solid #0866C6 !important;
}

.page-item.active .page-link {
	background-color: #0866C6;
	border-color: #0866C6;
}

a {
	color: #0866C6;
}

.card-header {
	background-color: transparent;
}

.card.shadow-sm > .card-body {
	border-top: 1px solid #424e5a;
}

.table-striped>tbody>tr:nth-of-type(odd)>* {
	--bs-table-accent-bg: #3b4651;
	box-shadow: inset 0 0 0 9999px rgb(0 0 0 / 5%);
}

/*body {
	background-color: #2c3136;
}

body[data-sidebar-color=dark] .left-side-menu, .card {
	background-color: #272d32;
}

.card-header {
	background-color: #303840;
}

.table-striped>tbody>tr:nth-of-type(odd) {
	--bs-table-accent-bg: #303840;
}*/

.white-underline-href {
	color: #FFF;
	text-decoration: none;
}

.white-underline-href:hover {
	color: #c8cddc;
/*	text-decoration: underline;*/
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #4a81d4 !important;
}

.select2-container .select2-selection--multiple .select2-selection__choice {
	background-color: #0089d0 !important;
}

.flatpickr-rContainer .selected {
	background-color: #4a81d4 !important;
	border-color: #4a81d4 !important;
}

@media (max-width: 991.98px) {
	body {
		padding-bottom: 0px;
	}
}

.text-primary {
	color: #0866C6 !important;
}

.badge-soft-primary {
	background-color: rgba(8, 102, 198, 0.18);
	color: #0866C6;
}

.invalid-feedback li {
	list-style-type: none !important;
}


/* Mobiscroll override */
.mbsc-material-dark.mbsc-eventcalendar {
	background: #36404a;
	box-shadow: 0 .75rem 6rem rgba(56, 65, 74, .03);
}

.mbsc-material-dark.mbsc-timeline-footer-bg, .mbsc-material-dark.mbsc-timeline-header-bg, .mbsc-material-dark.mbsc-timeline-header-text, .mbsc-material-dark.mbsc-timeline-resource-bg, .mbsc-material-dark.mbsc-timeline-resource-footer-cont, .mbsc-material-dark.mbsc-timeline-resource-header-cont, .mbsc-material-dark.mbsc-timeline-row-fixed, .mbsc-material-dark.mbsc-timeline-sidebar-footer-cont, .mbsc-material-dark.mbsc-timeline-sidebar-header-cont {
	background: #36404a;
}

.mbsc-material-dark.mbsc-calendar-wrapper:after {
	box-shadow: unset;
	border-top: 1px solid #2b323a;
}
/* /Mobiscroll override */

.color-pink {
	color: #f672a7;
}

.alert-primary {
	color: #004085;
	background-color: #cce5ff;
	border-color: #b8daff;
}

.simulate-disabled {
	opacity: .6 !important;
	cursor: default !important;
	pointer-events: none !important;
}

.btn-mini {
	width: 20px;
	height: 20px;
	padding: 0;
	line-height: 1.3;
}

table.dataTable tbody>tr.selected, table.dataTable tbody>tr>.selected {
	background-color: rgba(8, 102, 198, 1);
	color: #FFF;
}

table.dataTable tbody>tr.selected td, table.dataTable tbody>tr>.selected td {
	border-color: rgba(8, 102, 198, 1);
}

.btn-warning.disabled, .btn-warning:disabled {
	color: #FFF;
}

.btn-warning:hover {
	color: #FFF !important;
}

/* nieuwe modal stijl */
.modal-content {
/*	background-color: rgba(54, 64, 74, .95);*/
/*	background: #303030;*/
}

.modal-header .modal-title {
	color: #FFF;
/*	font-size: .85rem;*/
/*	font-size: .925rem;*/
}

.modal-header {
/*	background: rgba(8, 102, 198, .6);*/
/*	background: rgb(121 134 148 / 60%);*/
/*	padding: .75rem 2rem;*/
	padding: 1rem 2rem;
	border-bottom: 1px solid #424e5a;
}

/*.modal-header .btn-close {
	width: .85em;
	height: .85em;
	background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23f7f7f7'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/.85em auto no-repeat;
}*/

.modal-body {
	padding: 1rem 2rem;
}

.modal-body label {
	font-size: .85rem;
}

.modal-body thead {
	font-size: .8rem;
}

.modal-body .dataTables_info {
	font-size: .75rem;
}

.modal-body .pagination {
	font-size: .75rem;
}

.modal-body .select2-selection__rendered, .modal-body select, .modal-body textarea, .modal-body input {
	color: #FFF !important;
	background-color: #3b454f !important;
}

.modal-body .form-group {
/*	border-bottom: 1px solid rgba(238, 238, 238, .1);*/
/*	padding-bottom: .75rem;*/
}

.modal-body .form-group.mb-3 {
	margin-bottom: .75rem !important;
}

.modal-body .form-control {
	background-color: #3b454f !important;
}

.modal-footer {
	padding: 1rem 2rem;
	border-top: 1px solid #424e5a;
}

.modal-footer .btn {
	padding: .28rem .8rem;
	font-size: .7875rem;
	border-radius: .2rem;
}
/* ------------------ */

.navbar-custom .select2-container .select2-selection--single {
	background-color: #2b323a;
}

.topbar-planning-location-select .select2-container .select2-selection--single {
	background-color: #2b323a;
}

@media (max-width: 991.98px) {
	.left-side-menu {
		z-index: 9999 !important;
		box-shadow: 0 0 24px 0 rgba(0, 0, 0, .06), 0 1px 0 0 rgba(0, 0, 0, .02);
		display: block;
		top: 0px;
		left: -240px;
		transition: all .2s ease-out;
	}

	.meriad-dropdown-active .rightbar-overlay {
		display: block;
	}

	.meriad-dropdown-active .navbar-custom {
		z-index: 9999;
	}

	.content-page {
		margin-bottom: 60px;
	}

	.widget-rounded-circle .avatar-lg {
		height: 2.5rem;
		width: 2.5rem;
	}
}

.sidebar-enable .rightbar-overlay {
	display: block;
}

.sidebar-enable .left-side-menu {
	left: 0;
}

.bg-soft-purple {
	background-color: rgb(182, 85, 241, .25) !important;
}