.btn-primary{
	--bs-btn-bg:#007AFE;
	--bs-blue:#007AFE;
	--bs-primary:#007AFE;
}
.btn-success{
	--bs-btn-bg:#00B24C;
	--bs-green:#00B24C;
	--bs-success:#00B24C;
}
.nav-pills{
	--bs-nav-pills-link-active-bg:#007AFE;
}
body{
	min-width: 260px;
}
*{
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	/* border: 1px solid rgba(255, 0, 0, 0.185); */
}
/* nav *{
	border: 1px solid rgba(255, 0, 0, 0.185);
} */
h5{
	font-size: 16px;
}
/* * ~ :hover{
	border: 1px solid red;
} */
a{
	text-decoration: none;
}
input:focus{
	border-color: var(--bs-border-color)!important;
	outline: 0!important;
	box-shadow: none!important;
}
header{
	background-image: url('/static/images/header.png'), linear-gradient(#0C55F9, #4D86FB);
	background-repeat: round;
	/* background-size: cover; */
	background-size: 100% 174px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	color: #fff;
	min-height: 110px !important;
	background-position: center top;
    background-repeat: no-repeat;
}
header a.nav-link{
	color: #fff;
}

/* i.bi{
	font-size: 2.4rem;
} */

button i.bi{
	font-size: 1em;
}
a.small{
	font-size: .7rem;
	padding: 0px;
	margin: 0px;
}
small.input-group-text{
	font-size: 9pt;
}
small.form-text, button.small{
	font-size: .7rem;
}

/* .offcanvas.offcanvas-start{
	width: 240px;
	transform: none;
	& a.nav-link{
		padding-left: 0px;
		padding-right: 0px;
		&:not(.disabled){
			border-bottom: 1px solid var(--bs-border-color);
			&.nav-link::after{
				content: " ";
				width: 24px;
				height: 24px;
				float: right;
				background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708"/></svg>');
				background-repeat: no-repeat;
				background-position: center;
			}
		}
		&.disabled{
			padding: 20px 0px 0px;
			font-weight: 500;
		}
		& i.bi{
			font-size: 1.3rem;
			padding-right: 8px;
		}
	}
	& img {
		width: 24px;
	}
	& header{
		height: calc(62%);
		max-height: 260px;
	}
} */
.offcanvas.offcanvas-start a.nav-link{
	padding-left: 0px;
	padding-right: 0px;
	border-bottom: 1px solid var(--bs-border-color);
}
.offcanvas.offcanvas-start a.nav-link::after{
	content: " ";
	width: 1.714rem;
	height: 1.714rem;
	float: right;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708"/></svg>');
	background-repeat: no-repeat;
	background-position: center;
}
.offcanvas.offcanvas-start a.nav-link.disabled{
	padding: 20px 0px 0px;
	font-weight: 500;
}
.offcanvas.offcanvas-start i.bi{
	font-size: 1.3rem;
	padding-right: 8px;
}
.offcanvas.offcanvas-start img{
	width: 1.714rem;
}
.offcanvas.offcanvas-start header{
	height: calc(62%);
	max-height: 260px;
}

div.position-absolute.collapse{
	width: calc(100vw - 3rem);
}
#menu_container.show{
	animation-duration: .5s;
    animation-name: slide;
	animation-fill-mode: forwards;
	-webkit-animation: slide .5s forwards;
}
@keyframes slide {
	from { right: 100%; }
	to { right: 0;}
}

table{
	/* border-spacing: 0!important; */
	& td,th{
		border-width: 1px;
		border-style: solid;
	}
	& th{
		text-align: center;
		font-weight: 500;
	}
	& th:first-child{
		border-top-left-radius: 8px;
	}
	& th:last-child{
		border-top-right-radius: 8px;
	}
	& td{
		text-align: center;
	}
	& td:first-child{
		text-align: left;
	}
	& tr td:not(:last-child){
		border-right: none;
	}
	& tr td{
		border-top: none;
	}

	& thead tr:first-child, tbody.nohead tr:first-child, tbody tr:first-child{
		& td{
			border-top: 1px solid var(--bs-border-color);
		}
		& td:first-child{
			border-top-left-radius: 8px;
		}
		& td:last-child{
			border-top-right-radius: 8px;
		}
	}

	& tr:last-child{
		& td:first-child{
			border-bottom-left-radius: 8px;
		}
		& td:last-child{

			border-bottom-right-radius: 8px;
		}
	}

}

/*
Apple bug fix
The <button> and <fieldset> elements can't be flex containers in Safari.
*/
.btn{
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	font-size: 1.3rem;
}