@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab&display=swap');

:root {
	--colorhunt-c1: #224248;
	--colorhunt-c1-bg: #22424850;
	--colorhunt-c2: #325e6a;
	--colorhunt-c2-bg: #325e6a50;
	--colorhunt-c2-bg-alt: #49899a;
	--colorhunt-c3: #44a1a4;
	--colorhunt-c3-bg: #44a1a450;
	--colorhunt-c4: #ff9f00;
	--colorhunt-c4-bg: #c37900;
}

body {
	font-family: 'Roboto Slab', 'sans-serif';
	background-color: var(--colorhunt-c2-bg);
}
h4,h5 {
	color: var(--colorhunt-c1)
}
pre {
	white-space: pre-wrap;
	background-color: #eeeeee;
	margin: 0.5rem 0 1.5rem;
	padding: 0.5rem;
}
.text-c1 {
	color: var(--colorhunt-c1);
}
.text-c2 {
	color: var(--colorhunt-c2);
}
.text-c3 {
	color: var(--colorhunt-c3);
}
.text-c4 {
	color: var(--colorhunt-c4);
}
.text-bg-c1 {
	color: #ffffff;
	background-color: var(--colorhunt-c1);
}
.text-bg-c2 {
	color: #ffffff;
	background-color: var(--colorhunt-c2);
}
.text-bg-c3 {
	color: #ffffff;
	background-color: var(--colorhunt-c3);
}
.text-bg-c4 {
	background-color: var(--colorhunt-c4);
}
.btn-c1 {
	background-color: var(--colorhunt-c1);
	color: white;
}
.btn-c1:hover {
	background-color: var(--colorhunt-c1-bg);
	color: var(--colorhunt-c1);
}
.btn-c2 {
	background-color: var(--colorhunt-c2);
	color: white;
}
.btn-c2:hover {
	background-color: var(--colorhunt-c2-bg-alt);
	color: white;
}
.btn-c3 {
	background-color: var(--colorhunt-c3);
	color: white;
}
.btn-c3:hover {
	background-color: var(--colorhunt-c3-bg);
	color: white;
}
.btn-c4 {
	background-color: var(--colorhunt-c4);
}
.btn-c4:hover {
	background-color: var(--colorhunt-c4-bg);
    color: #ffffff;
}

/* bootstrap overrides -----------------------------------------------------------------*/
.dropdown-toggle::after {
    display: none !important;
}
.nav-underline {
    --bs-nav-underline-gap: 0.25rem;
}
.nav-underline .nav-item {
	min-width: 10rem;
	text-align: center;
}
.nav-underline .nav-link {
	cursor: pointer;
    color: var(--colorhunt-c1);
	border-bottom-color: var(--colorhunt-c1);
}
.nav-underline .nav-link:hover,
.nav-underline .nav-link:focus,
.nav-underline .nav-link.active {
	background-color: var(--colorhunt-c3-bg);
}

/* custom css ----------------------------------------------------*/
.form-check > *,
.trigger,
.trigger-indexed,
.trigger-parent > *,
.trigger-parent-indexed > * {
	cursor: pointer;
}
#spinner, #notifier, #prompter {z-index: 9999;}
.btn-three-dots {
	width: 2rem;
	height: 100%;
}
.tr-three-dots tr td:last-child {
	min-width: 50px;
	cursor: pointer;
}
.btn-three-dots,
.tr-three-dots tr td:last-child {
	background-image: url(/assets/images/three-dots.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 1.5rem;
}
.user-form .col-sm-8 {
	align-content: center;
}


/* app menu -----------------------------------------------------------------*/
.app-menu {
	min-height: 100vh;
	background-color: var(--colorhunt-c1);
}
.app-menu .btn-close {
	--bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
	opacity: 1 !important;
}
.app-menu .list-group-item {
	color: #ffffff;
	background-color: transparent;
	margin: 0.25rem 0;
	border: 0;
	border-radius: 0.375rem;
}
.app-menu .list-group-item:hover,
.app-menu .list-group-item.active {
	color: black;
	background-color: var(--colorhunt-c4-bg);
}
.app-sub-menu .list-group-item:hover {
	color: black;
}
.app-sub-menu .list-group {
	padding: 0.325rem 0.5rem;
	background-color: var(--colorhunt-c2);
}
.app-sub-menu .list-group .list-group-item {
	padding-left: 0.5rem;
}
.app-menu-toggle,
.app-header-title {
	color: var(--colorhunt-c1);
}

/* app modal -----------------------------------------------------------------*/
.modal .btn-close {
	--bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%238B0000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
	opacity: 1 !important;
}

/* app header -----------------------------------------------------------------*/
.app-header {
	height: 4rem;
	background-color: var(--colorhunt-c1);
	box-shadow: 0 8px 6px -8px rgba(0, 0, 0, 0.4);
}

/* app content -----------------------------------------------------------------*/
.app-content-container {
	padding: 5.25rem 0 1.5rem;
}
.app-stat-cards .card {
	min-height: 12.25rem;
	border: 0;
}
.chart {
	min-height: 400px;
}

/* datepicker ----------------------------------------------------*/
.air-datepicker {
	z-index: 9990;
}

/* desktop only -----------------------------------------------------------------*/
@media (min-width: 576px)
{
	.alert {
		max-width: 600px;
	}
	.col-form-label {
		text-align: right;
	}
	.app-login {
		min-width: 420px;
	}
	.app-modal .card {
		max-width: 90%;
	}
}

/* mobile only -----------------------------------------------------------------*/
@media (max-width: 576px)
{
	.tooltip {
		display: none !important;
	}
	.app-login {
		min-width: 100%;
	}
	.nav-underline .nav-item {
		min-width: calc(50% - 0.13rem);
	}
}