﻿body {
	--navbar-height: 70px;
}
.navbar-brand {
	padding-top: 1px;
	padding-bottom: 2px;
}

@media (min-width: 1200px) {
	body.flair > nav.bg-dark {
		background-color: #18BC9CBF !important;
	}
}

.btn-light {
	border-color: #ccc;
}
.btn-light:hover {
	border-color: #999;
}

.index-group .btn {
	color: var(--success);
}

#cookieConsent {
	background-color: #d8e0e2 !important;
}

.bootstrap-select button {
    color: #7b8a8b !important;
}

.nav-tabs .nav-link {
	font-size: 15px;
	color: rgb(170, 120, 255) !important;
	opacity: 0.8;
}
.nav-tabs .nav-link.active {
	font-weight: bold;
	opacity: 1;
}

/* Fix for link overflow ellipsis being the wrong color. */
.ag-link-cell {
	color: #18BC9C;
}


/* Primary-coloured navigation bar (looks nice but banned by The Antons) */
/*
.bg-dark {
	background-color: #2C3E50 !important;
}
.navbar-dark .navbar-nav .nav-link {
	color: #fFfFfF70;
}
.bg-dark.navbar-dark .navbar-nav .nav-link:focus, .bg-dark.navbar-dark .navbar-nav .nav-link:hover, .bg-dark.navbar-dark .navbar-nav .active > .nav-link {
	color: #fff !important;
}
.bg-dark.navbar-dark .btn-primary {
	background-color: black !important;
}
.bg-dark.navbar-dark .btn-outline-primary {
	color: white !important;
}
.bg-dark.navbar-dark .btn-outline-primary:hover {
	border-color: black !important;
}
.ag-cell-value a {
	color: #1e2b37;
}
*/


/* MVCGrid navigation button colors */
/*
.page-link {
	background-color: #2C3E50;
}
.page-item.disabled .page-link {
	background-color: #2C3E50;
	opacity: 0.65;
}
.page-item.active .page-link,
.page-link:hover {
	background-color: #1A252F;
}
*/

/* Row-cards sheet fields (local-ag-grid-cards.css) are not .form-control; they focus as this theme's .form-control:focus. */
:root {
    --lag-input-focus-border: #597ea2;
    --lag-input-focus-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25);
}

/* The row-cards sheet is a light dialog outside .modal, so it gets this theme's .modal .close colour (the base .close is white). */
.lag-sheet .close,
.lag-sheet .close:not(:disabled):not(.disabled):hover,
.lag-sheet .close:not(:disabled):not(.disabled):focus {
    color: #000;
}
