:root {
	--colorOverrideWhite: #FFF;
	--colorOverrideDarkGray: #323232;
	--colorOverrideDarkGrayText: #f7960b;
	--colorOverrideDarkGrayTextHover: #C17509;
	--colorOverrideLightGray: #f9f9f9;
	--colorOverrideLightGrayAlt: #E6E6E6;
	--colorOverrideLightGrayHoverBar: #D1D1D1;
	--colorOverrideLightGrayText: #000;
	--colorOverrideLightGrayTextHover: #444;
	--colorOverrideLightGrayLine: #D6D6D6;
	--colorOverrideOrange: #f7960b;
	--colorOverrideOrangeHover: #017ab5;
	--colorOverrideOrangeText: #FFF;
	--colorOverrideOrangeTextHover: #FFF;
	--colorOverrideBlue: #017ab5;
	--colorOverrideBlueBorder: #016999;
	--colorOverrideBlueHover: #f7960b;
	--colorOverrideBlueHoverBorder: #D8820A;
	--colorOverrideBlueHoverBar: #028CCC;
	--colorOverrideBlueHoverBarBorder: #017AB2;
	--colorOverrideBlueText: #FFF;
	--colorOverrideBlueTextHover: #FFF;
	--colorOverrideBlueTextHoverBar: #FFF;
	--colorOverrideBlueTextHoverBarHover: #FFF;
	--colorOverrideLightBlue: #EBF4F9;
	--colorOverrideLightBlueAlt: #D7EAF3;
	--colorOverrideLightBlueHover: #AFD5E7;
	--colorOverrideRead: #01B210;
	--colorOverrideReadHover: #f7960b;
	--colorOverrideReadText: #fff;
	--colorOverrideReadTextHover: #fff;
	--colorOverrideEdit: #B2B201;
	--colorOverrideEditHover: #f7960b;
	--colorOverrideEditText: #fff;
	--colorOverrideEditTextHover: #fff;
	--colorOverrideDelete: #B20101;
	--colorOverrideDeleteHover: #f7960b;
	--colorOverrideDeleteText: #fff;
	--colorOverrideDeleteTextHover: #fff;
}

.navbar-dark {
	background-color: var(--colorOverrideLightGray);
	color: var(--colorOverrideBlue);
	border-bottom: 6px solid var(--colorOverrideBlue);
}
.navbar-dark a:hover {
	color: var(--colorOverrideBlueHoverBar) !important;
	background-color: var(--colorOverrideLightGrayAlt);
}
.sidebar,
.card-header,
.card-header.text-light {
	background-color: var(--colorOverrideBlue) !important;
	color: var(--colorOverrideBlueText) !important;
}
.feather,
.text-muted,
.text-light,
.text-success {
	color: inherit !important;
}
.sidebar footer {
	background-color: var(--colorOverrideDarkGray);
	color: var(--colorOverrideDarkGrayText);
}
.sidebar footer button {
	border: none;
	background: none;
}
.sidebar footer button:hover {
	border: none;
	background: none;
	color: var(--colorOverrideDarkGrayTextHover) !important;
}
.sidebar .nav-link {
	color: var(--colorOverrideBlueText) !important;
}
.sidebar > div > ul > li:hover {
	background-color: var(--colorOverrideBlueHover);
}
.sidebar .nav-link:hover {
	color: var(--colorOverrideBlueTextHover) !important;
}
.card-footer {
	background-color: var(--colorOverrideBlueHoverBar);
}
.card-footer,
.card-footer a,
.card-footer code {
	color: var(--colorOverrideBlueTextHoverBar);
	text-decoration: none;
}
.card-footer a:hover {
	color: var(--colorOverrideBlueTextHoverBarHover);
	text-decoration: underline;
}
.navbar-dark .navbar-brand {
	height: 50px;
	background-color: var(--colorOverrideLightGray) !important;
	box-shadow: none;
}
.navbar-brand img {
	max-width: 100%;
	max-height: 100%;
}
.navbar-dark .dropdown-toggle {	
	padding: 10px 15px;
}
.dropdown-menu {
	background-color: var(--colorOverrideLightGray);
}
.login-buttons {	
	padding: 15px;
    justify-content: space-between;
}
.align-items-center {
    align-items: center!important;
}
.couple-buttons {
	padding-left: 0;
}
.login-buttons .btn,
.couple-buttons .btn {
	background-color: var(--colorOverrideLightGray);
	color: var(--colorOverrideLightGrayText);
	text-align: center;
	width: Calc(50% - 7.5px);
}

.login-buttons .btn:hover,
.couple-buttons .btn:hover {
	background-color: var(--colorOverrideLightGrayHoverBar);
	border-color: var(--colorOverrideLightGrayTextHover) !important;
	color: var(--colorOverrideLightGrayTextHover) !important;
}
.couple-buttons .btn {
	width: Calc(50% - 9.5px);
}
.login-snelstart,
.couple-snelstart {
	margin-left: 15px;
}
.login-exact img,
.couple-exact img,
.login-snelstart img,
.couple-snelstart img {
	max-width: 100px;
	max-height: 20px;
}
.card-header.dark-gray {
	background-color: var(--colorOverrideDarkGray) !important;
}
.login-logo {
    height: 95px;
    width: 100%;
}
.login-page .text-muted {
    --bs-text-opacity: 1;
    color: #6c757d!important;
}
.login-page h4, .login-page h6 {
	font-weight: 500;
    line-height: 1.2;
    margin-bottom: 0.5rem;
    margin-top: 0;
}
.login-page h4 {
    font-size: 1.5rem;
}
.login-page h6 {
    font-size: 1rem;
}
.login-page, .login-page body, .login-container {
	height: 100%;
    background-color: var(--colorOverrideLightGray);
}
.copyright {
	text-align: center;
	font-size: 87.5%;
	font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
}

.table th,
.table td {
	border: none;
}
.table>thead>tr,
.table>tbody>tr,
table.table-striped tbody tr {
	background-color: var(--colorOverrideLightBlueAlt);
    --bs-table-accent-bg: none;
}
.table>tbody>tr:nth-of-type(odd) {
	background-color: var(--colorOverrideLightBlue);
    --bs-table-accent-bg: none;
}
.table>tbody>tr:hover {
	background-color: var(--colorOverrideLightBlueHover);
    --bs-table-accent-bg: none;
}
td.buttons {
    width: 0;
	white-space: nowrap;
}

a.btn,
button.btn,
.table a.btn {
    background-color: var(--colorOverrideBlue);
	border: 1px solid var(--colorOverrideBlueBorder);
	color: var(--colorOverrideBlueText);
	margin: 0;
    padding: 0.25rem 0.5rem;
    font-size: .875rem;
    border-radius: 0.2rem;
}
a.btn:hover,
button.btn:hover,
.table a.btn:hover {
    background-color: var(--colorOverrideBlueHover);
    border: 1px solid var(--colorOverrideBlueHoverBorder);
	color: var(--colorOverrideBlueTextHover);
}
.navbar-dark a.btn:hover,
.navbar-dark button.btn:hover {
    background-color: var(--colorOverrideBlueHoverBar);
    border: 1px solid var(--colorOverrideBlueHoverBarBorder);
	color: var(--colorOverrideBlueTextHoverBar);
}
.card-body > .table:last-child,
.card-body > *:last-child .table:last-child {
	margin-bottom: 0;
}
.dataTables_wrapper .table {
	padding-top: 1rem;
}
table.dataTable tbody td > a {
	padding: 8px 10px;
	margin: -8px -10px;
}
.table-sm>:not(caption)>*>* > a {
    padding: 0.25rem 0.25rem;
    margin: -0.25rem -0.25rem;
}
.table-checkbox {
	display: table-cell;
	vertical-align: middle;
}
.table-checkbox .form-check-input {
	margin: auto;
	float: revert;
}
.table a {
	color: var(--colorOverrideBlue);
}
.table a:hover {
	color: var(--colorOverrideBlueText);
}
.table thead {
	color: var(--colorOverrideBlue) !important;
    border-bottom: 1px solid var(--colorOverrideBlue);
}
table.dataTable thead .sorting {
    background-image: url(/includes/img/sort_both.png);
}
table.dataTable thead .sorting_asc {
    background-image: url(/includes/img/sort_asc.png) !important;
}
table.dataTable thead .sorting_desc {
    background-image: url(/includes/img/sort_desc.png) !important;
}

.toggle-panel-unopened .card-body {
	display: none;
}

.toggle-panel-unopened .card-header {
	border-bottom: none;
}

.toggle-panel-opened .card-header,
.toggle-panel-unopened .card-header {
	cursor: pointer;
}

.toggle-panel-opened .card-header:hover,
.toggle-panel-unopened .card-header:hover {
    background-color: var(--colorOverrideBlueHoverBar) !important;
}

.toggle-panel-opened .card-header::after,
.toggle-panel-unopened .card-header::after {
	color: var(--colorOverrideWhite);
	opacity: 0.7;
}

.toggle-panel-opened .card-header::after {
    content: "\25B2";
    float: right;
}

.toggle-panel-unopened .card-header::after {
    content: "\25BC";
    float: right;


element.style {
}
.text-nowrap {
    white-space: nowrap!important;
}
label {
    display: inline-block;
}
*, ::after, ::before {
    box-sizing: border-box;
}
user agent stylesheet
label {
    cursor: default;
}
.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex: 1 0 100%;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x)/ -2);
    margin-left: calc(var(--bs-gutter-x)/ -2);
}
.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0.25rem;
}
body, .lead {
    font-size: .875rem;
    font-weight: 400;
}