.navbar-brand img {
	height: 4.813em;
}

.navbar .nav-item {
	text-transform: uppercase;
}

/* Buttons */
.btn {
	font-family: 'Poppins';
	font-weight: 400;
	font-style: normal;
}

.btn.btn-bigger {
	line-height: 2.25em;
	padding-left: 1.875em;
	padding-right: 1.875em;
	border-radius: 8px;
}

.btn-light-orange {
	background-color: var(--light-orange-color);
	color: var(--dark-orange-color);
}

.btn-light-orange:hover {
	background-color: var(--dark-orange-color);
	color: #ffffff;
}

.btn-dark-orange {
	background-color: var(--dark-orange-color);
	color: var(--white-color);
}

.btn-dark-orange:hover {
	background-color: var(--dark-orange-color);
	color: var(--white-color);
}

.btn-light-blue {
	background-color: var(--light-grey-color);
	color: var(--dark-blue-color);
}

.btn-light-blue:hover {
	background-color: var(--dark-blue-color);
	color: #ffffff;
}



/* Dropdown placeholder */
select option[disabled]:first-child {
	display: none;
}

select.placeholder {
	color: #999999;
}


select.custom-select.custom-select-light-grey {
	background-color: var(--light-grey-color);
	border-color: transparent;
}


.side-bar .list-group-item {
	padding: 0;
}

.side-bar .list-group-item a {
	display: block;
	padding: .75rem 1.25rem;
	color: var(--dark-grey-color);
	text-decoration: none;
}

.side-bar .list-group-item a:visited,
.side-bar .list-group-item a:active {
	color: var(--dark-grey-color);
	text-decoration: none;
}

.side-bar .list-group-item:hover {
	background-color: var(--light-grey-color);
	border-color: var(--light-grey-color);
}

.side-bar .list-group-item:hover a {
	color: var(--dark-blue-color);
	text-decoration: none;
}

.list-group-item.active {
	background-color: var(--light-grey-color);
	border-color: var(--light-grey-color);
}

.list-group-item.active a,
.list-group-item.active a:visited,
.list-group-item.active {
	color: var(--dark-blue-color);
}








.container-align-left {
	padding-left: calc((100% - 1320px) / 2 + 12px);
	/* For XL screens */
}

.container-align-right {
	padding-right: calc((100% - 1320px) / 2 + 12px);
	/* For XL screens */
}

/* Adjust breakpoints to match Bootstrap container widths */
@media (max-width: 1400px) {
	.container-align-left {
		padding-left: calc((100% - 1140px) / 2 + 12px);
	}

	.container-align-right {
		padding-right: calc((100% - 1140px) / 2 + 12px);
	}
}

@media (max-width: 1200px) {
	.container-align-left {
		padding-left: calc((100% - 960px) / 2 + 12px);
	}

	.container-align-right {
		padding-right: calc((100% - 960px) / 2 + 12px);
	}
}

@media (max-width: 992px) {
	.container-align-left {
		padding-left: calc((100% - 720px) / 2 + 12px);
	}

	.container-align-right {
		padding-right: calc((100% - 720px) / 2 + 12px);
	}
}