@font-face {
	font-family: 'Roboto';
	src: url('/fonts/Roboto-Regular.ttf')  format('truetype');
  }

:root {
	font-family: 'Roboto', sans-serif !important;
	--sqire-primary: rgb(0,0,255);
	--sqire-primary-dark: rgb(0,0,187);
	--bs-nav-link-font-size: 1rem;
  }

.progress-bar {
	background-color: rgb(0,0,255,0.1);
    border: none;
	color: rgb(0,0,255);
}

.btn-primary {
	background-color: rgb(0,0,255,0.1);
    border: none;
	color: rgb(0,0,255);
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
	background-color: rgb(0,0,255);
    border: none;
	color: rgb(255,255,255);
}

.btn-success {
	background-color: rgb(20, 208, 20,0.1);
    border: none;
	color: rgb(23, 147, 23);
}

.btn-success:hover,
.btn-success:active,
.btn-success:focus {
	background-color: rgb(23, 147, 23);
    border: none;
	color: rgb(255,255,255);
}

.btn-warning {
	background-color: rgba(255, 170, 0, 0.2);
    border: none;
	color: rgb(255, 170, 0);
}

.btn-warning:hover,
.btn-warning:active,
.btn-warning:focus {
	background-color: rgb(255,170,0);
    border: none;
	color: rgb(255,255,255);
}

.btn-danger {
	background-color: rgb(255,0,0,0.1);
    border: none;
	color: rgb(255,0,0);
}

.btn-danger:hover,
.btn-danger:active,
.btn-danger:focus {
	background-color: rgb(255,0,0);
    border: none;
	color: rgb(255,255,255);
}

.card {
	border: none;
}

.card-header
{
	border-bottom: none;
	/* box-shadow: 2px 2px 2px 0px #0000001a; */
}

.card-header:first-child {
	border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
}