html, body {
	font: 12px "Inter", Helvetica, sans-serif;
	height: 100%;
}

main * {
	/* --primary-color: #2c3e50;
	--secondary-color: #3498db;
	--background-color: #f8f9fa; */
}

.alert, .alert-success, .alert-info, .alert-warning, .alert-danger {
	--bs-primary: #073378;
	--bs-success: #084403;
	--bs-warning: #3C3206;
	--bs-danger: #6B0A1B;
}

/* width */
*::-webkit-scrollbar { width: 8px; height: 8px; }

/* Track */
*::-webkit-scrollbar-track { box-shadow: inset 0 0 2px grey; border-radius: 15px; }

/* Handle */
*::-webkit-scrollbar-thumb { background: #edd9be; border-radius: 15px; }

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

a {
	color: #00B7FF;
}

/* .active, a:hover {
	background-color: lightblue;
	color: blue;
} */

.btn.btn-dark {
	background-color: #2c3e50 !important;
}

.swal2-confirm {
	background-color: #25B7CA !important;
}

#bottom_nav {
	background-color: #E3E7EB;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

#bottom_nav .nav-item {
	height: 100%;
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: space-between;
	flex: 1;
}

#bottom_nav .nav-item.active {
	background-color: #75CBE7;
}

#bottom_nav .nav-item .icon-div {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-grow: 1;
	width: 100%;
	position: relative;
}


#bottom_nav .nav-item .icon-div img {
	max-width: 20px;
	max-height: 20px;
	position: absolute;
	top: 40%;
}

#bottom_nav .nav-item .btn {
	height: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.9rem;
	line-height: 1.1;
	font-weight: 600;
	white-space: normal;
	word-break: break-word;
}