@charset "utf-8";
/* CSS Document */

/* Datatables dark */
[data-bs-theme=dark] .table.fixedHeader-floating thead th {
	background-color: #323232;
	border-bottom: 1px solid #323232;
	color: #fff; 
	font-weight: 400;
}

[data-bs-theme=dark] .highcharts-title {
	color: #fff !important;
	fill: #fff !important;
}
[data-bs-theme=dark] .highcharts-yaxis-grid .highcharts-grid-line {
	color: #606060;
	fill: #606060 !important; 
	stroke: #606060 !important;
} 
[data-bs-theme=dark] .highcharts-data-label {
	stroke: #fff !important;
}
[data-bs-theme=dark] .highcharts-color-0 {
	stroke: #323232 !important;
}

[data-bs-theme=dark] .highcharts-text-outline {
	stroke: #000000 !important; 
}
[data-bs-theme=dark] .highcharts-column-series {
/*	stroke: #fff !important;  */
}
[data-bs-theme=dark] text {
	fill: #ccc !important; 
}
[data-bs-theme=dark] .manuals {
	border-bottom: 1px solid #404040; 
}
[data-bs-theme=dark] .manuals:hover {
    color: #f1f1f1;
	background-color: #323232;
	border-bottom: 1px solid #404040; 
}


/*  Planning dark */
/*  Dag/datumweergave moet zwart zijn */
.fc-col-header-cell-cushion {
    color: #000!important;
}

.fc .fc-timeline-header-row-chrono { /* a row of times */
	color: #ccc;
  }
.fc .fc-timeline-slot-frame {
	color: #ccc; 
	background-color: #2d3238;
  }
.fc .fc-timeline-slot {
	border: 1px solid #ccc;
  }

.manuals {
	border-bottom: 1px solid #eee; 
}
.manuals:hover {
    color: #2C2C2C;
	background-color: #ccc;
	border-bottom: 1px solid #eee; 
}

a,
a:hover,
a:focus {
    text-decoration: none;
}
.btn-prisma {
	--bs-btn-color: #fff;
	--bs-btn-bg: #9933ff;
	--bs-btn-border-color: #9933ff;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #8000ff;
	--bs-btn-hover-border-color: #7300e6;
	--bs-btn-focus-shadow-rgb: 225, 83, 97;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #7300e6;
	--bs-btn-active-border-color: #6600cc;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #9933ff;
	--bs-btn-disabled-border-color: #9933ff
}
.text-bg-prisma {
	color: #fff !important;
	background-color: RGBA(153, 51, 255, var(--bs-bg-opacity, 1)) !important
}


.widgets-icons-2 {
	width: 56px;
	height: 56px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #ededed;
	font-size: 27px;
	border-radius: 10px;
}
.bg-gradient-scooter {
    background: #17ead9;
    background: -webkit-linear-gradient(45deg, #17ead9, #6078ea)!important;
    background: linear-gradient(45deg, #17ead9, #6078ea)!important;
}
.bg-gradient-blooker {
    background: #ffdf40;
    background: -webkit-linear-gradient(45deg, #ffdf40, #ff8359)!important;
    background: linear-gradient(45deg, #ffdf40, #ff8359)!important;
}
.bg-gradient-bloody {
    background: #f54ea2;
    background: -webkit-linear-gradient(45deg, #f54ea2, #ff7676)!important;
    background: linear-gradient(45deg, #f54ea2, #ff7676)!important;
}
.bg-gradient-ohhappiness {
    background: #00b09b;
    background: -webkit-linear-gradient(45deg, #00b09b, #96c93d)!important;
    background: linear-gradient(45deg, #00b09b, #96c93d)!important;
}	
.bg-gradient-greyscale {
    background: #5C5C5C;
    background: -webkit-linear-gradient(45deg, #5C5C5C, #E1DCDC)!important;
    background: linear-gradient(45deg, #5C5C5C, #E1DCDC)!important;
}

.card-border-left-primary-3px {
  border: 1px solid var(--bs-border-color); /* Standaard alle randen 1px breed en de standaard kleur */
  border-left: 3px solid var(--bs-primary) !important; /* Specifieke aanpassing voor de linkerrand */
}

.bd-callout {
    --bs-link-color-rgb: var(--bd-callout-link);
    --bs-code-color: var(--bd-callout-code-color);
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    color: var(--bd-callout-color, inherit);
    background-color: var(--bd-callout-bg, var(--bs-gray-100));
    border-left: .25rem solid var(--bd-callout-border, var(--bs-gray-300))
}

.bd-callout h4 {
    margin-bottom: .25rem
}

.bd-callout>:last-child {
    margin-bottom: 0
}

.bd-callout+.bd-callout {
    margin-top: -.25rem
}

.bd-callout .highlight {
    background-color: #0000000d
}

.bd-callout-info {
    --bd-callout-color: var(--bs-info-text-emphasis);
    --bd-callout-bg: var(--bs-info-bg-subtle);
    --bd-callout-border: var(--bs-info-border-subtle)
}

.bd-callout-warning {
    --bd-callout-color: var(--bs-warning-text-emphasis);
    --bd-callout-bg: var(--bs-warning-bg-subtle);
    --bd-callout-border: var(--bs-warning-border-subtle)
}

.bd-callout-danger {
    --bd-callout-color: var(--bs-danger-text-emphasis);
    --bd-callout-bg: var(--bs-danger-bg-subtle);
    --bd-callout-border: var(--bs-danger-border-subtle)
}