/*
* ==========================================
*  ROOT VARIABLES
* ==========================================
*/

:root {
	--bs-primary: #103a6a;
	--bs-primary-hover: #134c8d;
}


/*
* ==========================================
*  OVERWRITE COLORS
* ==========================================
*/

.bg-primary {
	background: var(--bs-primary) !important;
}

.btn-primary {
	background-color: var(--bs-primary);
	border-color: var(--bs-primary);
}

.btn-primary:hover {
	background-color: var(--bs-primary-hover);
	border-color: var(--bs-primary-hover);
}

/*
* ==========================================
* CUSTOM UTIL CLASSES AND OVERWRITES
* ==========================================
*/

.p-05 {
	padding: 0.15rem!important;
}

a {
	text-decoration: none;
}

.mb--3 {
	margin-bottom: -1rem !important;
}

hr {
	height: 2px !important;
	opacity: 0.5 !important;
}

body {
	font-family: 'Noto Sans', sans-serif;
}

.icon {
	position: relative;
	top:  2px;
}

.it-1 {
	top:  1px;
}

.it-2 {
	top:  2px;
}

.it-3 {
	top:  3px;
}

/*
* ==========================================
* TOP AND SIDE BARS
* ==========================================
*/

.top-bar {
	height: 54px;
	z-index:  9999;
}

.top-logo img {
	height: 38px;
}

.second-top-bar {
	top:  54px;
	background: #ffffff !important;
}

.vertical-nav {
	min-width: 17rem;
	width: 17rem;
	height: 100vh;
	position: fixed;
	bottom: 0;
	left: 0;
	transition: all 0.2s;
	overflow-y: scroll;
	padding-top: 54px;
}

.vertical-nav * {
	transition: all 0.2s;
}

.page-content {
	width: calc(100% - 17rem);
	margin-left: 17rem;
	transition: all 0.2s;
	min-height: 100vh;
	padding-top:  108px;
}


.vertical-nav-hidden {
	margin-left: -17rem;
}

.page-content-full {
	width: 100%;
	margin-left: 0;
}


.vertical-nav-small {
	padding-top:  50px;
	min-width: 4rem;
	width: 4rem;
}

.vertical-nav-small .nav-item-text {
	display:  none;
}

.vertical-nav-small ul {
	text-align:  center;
}

.vertical-nav-small .sub-nav,
.vertical-nav-small li.nav-item > ul {
	padding-left: 5px !important;
}

.page-content-maxed {
	width: calc(100% - 4rem);
	margin-left: 4rem;
}

.js-table-item-edit {
	cursor:  pointer;
}

li.nav-item ul.nav {
	padding-left: 20px;  
}

.sub-nav {
	display:  none;
}

.sub-nav li a.nav-link {
	padding: 0rem 1rem; ;
}

.bootstrap-select>.dropdown-toggle {
	border: 1px solid #ced4da !important;
}


/* SCROLL BAR */

/* width */
::-webkit-scrollbar {
	width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
	background: #062442;
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: #555;
}


/*  CHARTS  */
.ct-series-a .ct-bar {
	stroke-width: 35px;
	stroke: #103a6a !important;
}

.ct-label.ct-horizontal {
	display: block !important;
	line-height:  1.25 !important;
}

.chartist-tooltip {
	position: absolute;
}