:root {
	--primary-font: "Inter Tight";
	--primary-bg-color: #f0f2f5;
	--secondary-bg-color: #222e35;
	--primary-text-color: #080808;
	--secondary-text-color: #6b6a6a;
	--light-grey: #dee2e6;
	--hubspot-primary-color: #ff7a59;
	--loader-color: #005c97;
	--primary-blue: #005c97;
	--secondary-blue: #0e50b3;
	--light-blue: #3498db;
	--tertiary-blue: #001978;
	--primary-white: #feffff;
	--secondary-white: #eeeeee;
	--alert-border-radius: 0.5rem;
	--lg-container-border-radius: 1rem;
	--container-border-radius: 0.75rem;
	--lg-element-border-radius: 0.5rem;
	--element-border-radius: 0.375rem;
	--sm-element-border-radius: 0.375rem;
	--primary-box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 16px 0px;
}

* {
	box-sizing: border-box;
	scroll-behavior: smooth;
}

::-webkit-scrollbar {
	height: 0.5rem;
	width: 0.5rem;
}

::-webkit-scrollbar-thumb {
	background-color: var(--primary-blue);
	border-radius: 3rem;
}

::-webkit-scrollbar-track {
	background-color: transparent;
	border-radius: 3rem;
}

embed::-webkit-scrollbar,
pre::-webkit-scrollbar,
input::-webkit-scrollbar,
textarea::-webkit-scrollbar {
	width: 0.375rem;
	height: 0.375rem;
	border-radius: 2rem;
}

embed::-webkit-scrollbar-thumb,
pre::-webkit-scrollbar-thumb,
input::-webkit-scrollbar-thumb,
textarea::-webkit-scrollbar-thumb {
	width: 0.375rem;
	height: 0.375rem;
	border-radius: 2rem;
}

embed::-webkit-scrollbar-track,
pre::-webkit-scrollbar-track,
input::-webkit-scrollbar-track,
textarea::-webkit-scrollbar-track {
	width: 0.375rem;
	height: 0.375rem;
	border-radius: 2rem;
}

::placeholder {
	font-size: 0.875rem;
	font-weight: 600 !important;
}

::-webkit-input-placeholder {
	font-size: 0.875rem;
	font-weight: 600 !important;
}

::-moz-placeholder {
	font-size: 0.875rem;
	font-weight: 600 !important;
}

::-ms-input-placeholder {
	font-size: 0.875rem;
	font-weight: 600 !important;
}

body {
	background: #ebebeb;
	color: var(--primary-text-color);
	font-family: var(--primary-font), "Calibri", "Arial", "Helvetica", "sans-serif";
}

main {
	padding: 1rem 0.25rem;
}

.preloader {
	align-items: center;
	background-color: var(--primary-white);
	display: flex;
	height: 100%;
	justify-content: center;
	left: 0px;
	opacity: 1;
	position: fixed;
	top: 0px;
	transition: opacity 0.5s ease-in-out, z-index 0.5s ease-in-out;
	width: 100%;
	z-index: 9999;
}

.preloader.hide {
	opacity: 0;
	z-index: -1;
}

body.preloading {
	overflow: hidden;
}

.full-screen-container {
	align-items: center;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	margin: auto 0;
}

.white-container,
.login-container,
.form-container {
	background: var(--primary-white);
	border-radius: var(--container-border-radius);
	box-shadow: var(--primary-box-shadow);
	padding: 1rem;
}

.login-container {
	border-radius: var(--lg-container-border-radius);
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	row-gap: 1rem;
}

.logo {
	border-radius: var(--element-border-radius);
	max-width: 3rem;
	width: 100%;
}

.navbar {
	padding: 0.5rem 0.25rem;
	background: var(--primary-blue);
	background: -webkit-linear-gradient(to right, #363795, var(--primary-blue));
	background: linear-gradient(to right, #363795, var(--primary-blue));
}

/* 30cff2 */

.navbar-dark .navbar-nav .nav-link {
	color: var(--primary-white) !important;
}

.navbar-brand .app-title {
	line-height: normal;
	margin-left: 0.5rem !important;
	color: var(--primary-white);
}

a.org-info {
	font-weight: 500;
	font-size: 0.875rem;
	text-decoration: none;
	color: var(--primary-white);
}

a.org-info:hover {
	cursor: pointer;
}

.navbar-light .navbar-toggler {
	border-color: rgba(0, 0, 0, 0.25);
}

.navbar-toggler {
	padding: 0.25rem 0.5rem !important;
}

.navbar-toggler:focus {
	box-shadow: 0 0 0 0.125rem !important;
}

.navbar-nav li.nav-item {
	border-radius: var(--sm-element-border-radius) !important;
}

.navbar-nav .nav-link {
	padding: 0.5rem 0.875rem !important;
}

.navbar-nav li.nav-item > a.nav-link {
	border-radius: var(--element-border-radius);
	color: var(--primary-white);
	margin-left: 0.5rem !important;
	transition: 0.5s all ease;
}

.navbar-nav li.nav-item:first-child > a.nav-link {
	margin-left: 0 !important;
}

.navbar-nav li.nav-item > a.nav-link:hover,
.navbar-nav li.nav-item > a.nav-link.active {
	background-color: var(--primary-white) !important;
	color: var(--primary-blue) !important;
	transition: 0.5s all ease !important;
}

.navbar-nav li.nav-item:last-child > a.nav-link:hover {
	background-color: crimson !important;
	color: var(--primary-white) !important;
	transition: 0.5s all ease;
}

.dropdown-menu {
	padding: 0.375rem 0;
}

.dropdown-menu .dropdown-item {
	-moz-transition: 0.3s all ease-in-out;
	font-weight: 500;
	line-height: normal;
	padding: 0.375rem 0.75rem;
	transition: 0.3s all ease-in-out;
}

.dropdown-item.active,
.dropdown-item:active {
	background-color: var(--primary-blue);
}

.form-select,
.form-control {
	border-radius: var(--lg-element-border-radius);
	border-width: 0.125rem !important;
	font-size: 0.875rem;
	padding: 0.5rem 0.75rem !important;
	transition: 0.5s all ease;
}

.form-control.form-control-lg {
	padding: 0.5rem 1rem !important;
}

input[type="file"]::file-selector-button,
input[type="file"]::-webkit-file-upload-button {
	background: var(--primary-blue);
	background: -webkit-linear-gradient(to right, #363795, var(--primary-blue));
	background: linear-gradient(to right, #363795, var(--primary-blue));
	border-bottom-left-radius: 0.375rem;
	border-top-left-radius: 0.375rem;
	color: #feffff;
	cursor: pointer;
}

.form-select {
	padding-right: 2.25rem !important;
}

.btn,
label,
footer {
	font-size: 0.875rem;
	font-size: clamp(0.875rem, 0.875rem + 0.125vw, 1rem);
}

.form-select,
.form-control,
option {
	font-weight: 500;
}

.form-label {
	font-size: 0.875rem;
	font-size: clamp(0.875rem, 0.875rem + 0.125vw, 1rem);
	font-weight: 600;
	margin-bottom: 0.25rem;
}

.form-control:focus,
.form-control:hover,
.form-select:focus,
.form-select:hover {
	transition: 0.5s all ease !important;
}

.form-control.is-valid:focus,
.form-control:valid:focus,
.form-select.is-valid:focus,
.form-select:valid:focus,
.form-control.is-invalid:focus,
.form-control:invalid:focus,
.form-select.is-invalid:focus,
.form-select:invalid:focus {
	box-shadow: unset !important;
}

.form-control:focus:not(.is-valid, .is-invalid),
.form-control:hover:not(.is-valid, .is-invalid),
.form-select:focus:not(.is-valid, .is-invalid),
.form-select:hover:not(.is-valid, .is-invalid) {
	border-color: var(--primary-blue);
}

.input-group .input-group-text {
	border-right-width: 1px;
	border-width: 0.125rem;
	border-right: 0;
}

.input-group :is(.form-control, .form-select) {
	border-bottom-right-radius: var(--lg-element-border-radius) !important;
	border-top-right-radius: var(--lg-element-border-radius) !important;
}

textarea {
	resize: none;
	overflow-y: auto;
	cursor: text;
}

.select2-container {
	display: block !important;
}

.select2-selection__choice {
	margin: 0 !important;
}

.select2-container--default .select2-selection--multiple {
	border-radius: 0.375rem !important;
	border-color: #ced4da !important;
	transition: 0.5s all ease !important;
}

.select2-container--default .select2-selection--multiple:hover,
.select2-container--default .select2-selection--multiple:focus {
	outline: none !important;
	box-shadow: none !important;
	transition: 0.5s all ease !important;
}

.select2-container .select2-search--inline .select2-search__field,
.select2-container--default .select2-selection--multiple {
	margin: 0 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	margin-right: 4px !important;
	max-height: 24px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice:last-child {
	margin-right: 0 !important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
	border-color: var(--primary-blue) !important;
}

.select2-results__option {
	padding: 0.5rem !important;
	font-weight: 500 !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
	background-color: var(--primary-blue) !important;
}

.select2-container .select2-selection--multiple {
	height: 110px !important;
	overflow-y: auto;
}

.select2-container--default .select2-results > .select2-results__options {
	box-shadow: rgba(0, 0, 0, 0.24) 0px 4px 8px !important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
	max-height: 110px !important;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
	display: inline-block !important;
	margin: 0 !important;
	max-width: 95%;
}

.select2-search.select2-search--inline {
	line-height: 0.875rem !important;
}

.select2-container .select2-search--inline .select2-search__field {
	font-family: var(--primary-font), Arial, Helvetica, sans-serif !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	border-left: 1.5px solid #aaa !important;
	border-radius: 0 0.375rem 0.375rem 0 !important;
	border-right: none !important;
	color: black !important;
	left: unset !important;
	right: 0 !important;
	transition: 0.5s all ease;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
	transition: 0.5s all ease;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	padding: 0 18px 0 0 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
	padding: 0.25rem 0.375rem !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	border-radius: 0.375rem !important;
	border-width: 1.5px !important;
	margin: 0 4px 4px 0 !important;
	max-height: unset !important;
}

.select2-results__option {
	padding: 0.125rem 0.375rem !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M175 175C184.4 165.7 199.6 165.7 208.1 175L255.1 222.1L303 175C312.4 165.7 327.6 165.7 336.1 175C346.3 184.4 346.3 199.6 336.1 208.1L289.9 255.1L336.1 303C346.3 312.4 346.3 327.6 336.1 336.1C327.6 346.3 312.4 346.3 303 336.1L255.1 289.9L208.1 336.1C199.6 346.3 184.4 346.3 175 336.1C165.7 327.6 165.7 312.4 175 303L222.1 255.1L175 208.1C165.7 199.6 165.7 184.4 175 175V175zM512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256zM256 48C141.1 48 48 141.1 48 256C48 370.9 141.1 464 256 464C370.9 464 464 370.9 464 256C464 141.1 370.9 48 256 48z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	height: 18px !important;
	margin: 0 !important;
	padding: 0 !important;
	right: 8px !important;
	width: 18px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear > span {
	display: none;
	opacity: 0;
	visibility: hidden;
}

.btn {
	font-weight: 700;
	padding: 0.5rem 1rem;
}

#btn-back-to-top {
	bottom: 96px;
	box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px,
		rgba(255, 255, 255, 0.08) 0px 1px 0px inset;
	display: none;
	font-size: 20px;
	padding: 5px 10px !important;
	position: fixed;
	right: 1rem;
	z-index: 5;
}

.btn:not(#btn-back-to-top) {
	transition: 0.5s all ease !important;
}

.btn:focus-visible,
.page-link:focus {
	box-shadow: unset;
}

table {
	font-size: 0.875rem !important;
	margin: 0;
}

.modal-dialog:not(.modal-dialog-centered) {
	margin: 4rem auto !important;
}

.modal-dialog .btn {
	text-transform: uppercase;
}

.modal-header {
	padding: 0.75rem !important;
}

.modal-title {
	line-height: 1;
}

.modal-header .btn-danger {
	padding: 0.325rem 0.625rem !important;
}

.modal-content {
	border: 0 !important;
}

.modal-body {
	max-height: 40rem !important;
	padding: 0.75rem !important;
}

.modal-body .content {
	max-height: 36rem !important;
	overflow-y: auto !important;
}

.modal-footer {
	padding: 0.75rem !important;
}

.alert {
	padding: 0.875rem;
	transition: 0.5s all ease;
	border-width: 0.125rem !important;
}

.alert-dismissible button.btn-close {
	padding: 1.125rem 0.875rem !important;
}

.alert-danger {
	color: #8b0000 !important;
}

.modal-body .content > .alert {
	font-weight: bold;
	margin: 0;
	padding: 0.75rem;
}

#data-modal-content .copy-button {
	border-width: 0.125rem;
	display: none;
	min-height: 32px;
	min-width: 32px;
	padding: 0 !important;
	position: absolute;
	right: 24px;
	top: 12px;
}

#notification-badge {
	font-size: 10px;
}

.offcanvas-header {
	border-bottom: 0.125rem solid var(--secondary-bg-color);
	padding: 0.75rem;
}

.offcanvas-body {
	display: flex;
	flex-direction: column;
	padding: 0;
	position: relative;
}

.offcanvas-body.loader {
	overflow: hidden;
}

.offcanvas-loader {
	align-items: center;
	background-color: var(--primary-white);
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: center;
	left: 0px;
	opacity: 1;
	pointer-events: none;
	position: absolute;
	top: 0px;
	transition: opacity 0.5s ease-in-out, z-index 0.5s ease-in-out;
	width: 100%;
	z-index: 99;
}

.offcanvas-loader.hide {
	opacity: 0;
	z-index: -1;
}

#notification-list .list-group-item {
	align-items: center;
	cursor: default;
	display: flex;
	gap: 0.5rem;
	padding: 0.75rem;
	transition: 0.5s all ease-in-out;
}

#notification-list .list-group-item:hover {
	background-color: var(--light-grey);
}

#notification-list .list-group-item.list-group-item-action {
	cursor: pointer;
}

#notification-list .list-group-item .icon {
	font-size: 1.25rem;
}

.list-group-item .content {
	display: flex;
	gap: 0.375rem;
	justify-content: space-between;
	width: 100%;
}

.list-group-item .content > .details {
	display: flex;
	flex-direction: column;
	gap: 0.375rem;
	max-width: 18rem;
}

.list-group-item .content > .details > .title {
	color: var(--primary-text-color);
	font-size: 1rem;
	font-weight: bold;
	line-height: normal;
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.list-group-item .content > .details > .message {
	color: var(--secondary-text-color);
	font-size: 0.875rem;
	line-height: normal;
	margin: 0;
	max-height: 3.25rem;
	overflow-x: hidden;
	overflow-y: auto;
}

.list-group-item .content > .timestamp {
	color: var(--secondary-text-color);
	font-size: 0.75rem;
	font-weight: 500;
	text-align: end;
}

.new-notification-highlight {
	animation: highlightFade 3s ease-out;
}

@keyframes highlightFade {
	0% {
		background-color: rgba(0, 123, 255, 0.2);
	}
	100% {
		background-color: transparent;
	}
}

.offcanvas-body .list-pagination {
	margin-top: auto;
	width: 100%;
}

.offcanvas-body ul.pagination {
	padding: 1rem;
	justify-content: space-between;
}

ul.pagination {
	flex-wrap: wrap;
	gap: 0.5rem;
	margin: 0 !important;
}

.page-link {
	border-radius: var(--sm-element-border-radius) !important;
	border-width: 0.125rem;
	color: #0d6efd;
	font-size: 0.875rem;
	font-weight: 700;
	margin: 0 !important;
	padding: 0.5rem 1rem !important;
	transition: 0.5s all ease;
}

.page-link:focus {
	background-color: transparent !important;
	border-color: #0d6efd;
	outline: none;
	transition: 0.5s all ease;
}

.page-link:hover {
	z-index: 2 !important;
	color: #feffff !important;
	transition: 0.5s all ease;
}

.page-link.active,
.page-link:hover,
.page-item.active .page-link,
.page-item.active .page-link:hover {
	background-color: #0d6efd !important;
	border-color: #0d6efd !important;
}

.modal-footer ul.pagination .page-link {
	font-size: 0.75rem !important;
	padding: 0.375rem 0.75rem !important;
}

.accordion {
	min-height: 106px;
	max-height: 414px;
	overflow-y: auto;
	overflow-x: hidden;
}

.accordion-header .accordion-button {
	padding: 0.875rem;
}

.accordion-body {
	overflow: auto;
	max-height: 320px;
	padding: 0.875rem;
}

pre {
	font-family: "Fira Code", monospace, sans-serif;
	font-size: 0.75rem;
	font-size: clamp(0.75rem, 0.725rem + 0.125vw, 0.875rem);
	font-weight: 600;
	line-height: normal;
	margin: 0;
	max-height: 36rem;
	overflow: auto;
	padding: 0 0.25rem 0.25rem 0;
}

footer {
	background: #005c97;
	background: -webkit-linear-gradient(to right, #363795, #005c97);
	background: linear-gradient(to right, #363795, #005c97);
	padding: 1rem 0.25rem;
	color: #feffff;
}

.logo-filter-white {
	filter: invert(95%) sepia(5%) saturate(248%) hue-rotate(101deg) brightness(105%) contrast(105%);
}

.logo-filter-default {
	filter: invert(11%) sepia(20%) saturate(4989%) hue-rotate(179deg) brightness(97%) contrast(99%);
}

footer img {
	width: 100%;
	max-width: 425px;
}

footer p {
	margin: 1rem 0 0;
	text-align: justify;
}

.nav-col-title {
	border-bottom: 1px solid;
	color: #feffff;
	display: inline-block;
	margin: 0;
	padding-bottom: 0.5rem;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1rem;
	font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);
}

footer .nav.flex-column {
	margin-top: 0.25rem;
}

footer .flex-column .nav-link {
	color: #feffff;
	font-size: 0.875rem;
	font-size: clamp(0.875rem, 0.85rem + 0.125vw, 1rem);
	font-weight: 500;
	padding: 0.375rem 0.625rem;
	transition: 0.5s all ease;
	border-radius: var(--element-border-radius);
}

footer .flex-column .nav-item:first-child {
	margin-top: 0;
}

footer .nav-link:hover {
	color: #005c97 !important;
	background-color: #feffff !important;
	transition: 0.5s all ease;
}

.footer-bottom {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	line-height: 1;
	padding: 0.75rem 0 0;
}

.social-links {
	align-items: center;
	display: flex;
	justify-content: space-between;
	line-height: 0;
	margin: 1rem 0 0;
	max-width: 256px;
}

.social-links a {
	border-radius: var(--element-border-radius);
	color: #feffff;
	font-size: 2rem;
	line-height: 0;
	transition: 0.5s all ease;
}

.social-links a:last-of-type {
	margin-right: 0;
}

.social-links a:hover {
	cursor: pointer;
	transition: 0.5s all ease;
}

.footer-bottom,
.footer-bottom a {
	color: #feffff;
	font-weight: 500;
	text-decoration: none;
	transition: 0.5s all ease;
}

.footer-bottom a {
	color: #feffff;
	transition: 0.5s all ease;
}

.footer-bottom a:hover {
	cursor: pointer;
}

@media screen and (max-width: 996px) {
	.navbar-nav .nav-link {
		padding: 0.5rem 0.75rem !important;
	}

	.navbar-nav li.nav-item:first-of-type > a.nav-link {
		margin-left: 0 !important;
		margin-top: 0.5rem !important;
	}

	.navbar-nav li.nav-item > a.nav-link {
		margin-left: 0 !important;
		margin-top: 0.25rem !important;
	}
}

@media screen and (max-width: 767px) {
	table:not(.dataTable) {
		border: 0 !important;
		margin: 0 !important;
	}

	table:not(.dataTable) thead {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}

	table:not(.dataTable) tr {
		border: 0;
		display: block;
		margin-bottom: 1.25rem;
	}

	table:not(.dataTable) tr:last-of-type {
		margin-bottom: 0;
	}

	table:not(.dataTable) td {
		align-items: center;
		border: 1px solid #ddd !important;
		column-gap: 0.875rem;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		line-height: normal;
		text-align: right;
		width: 100%;
		word-break: break-all;
	}

	table:not(.dataTable) td:first-child {
		border-top: 0;
	}

	table:not(.dataTable) td:last-child {
		border-bottom: 0;
	}

	table:not(.dataTable) td::before {
		content: attr(data-label);
		float: left;
		font-weight: bold;
		text-transform: uppercase;
		word-break: keep-all !important;
	}

	table:not(.dataTable) tbody.table-group-divider {
		border-top: 0 !important;
	}

	.social-links {
		margin: 1rem auto 0;
	}
}

@media screen and (max-width: 480px) {
	.modal-dialog {
		max-width: 90% !important;
	}

	.modal-header,
	.modal-body {
		padding: 0.625rem !important;
	}

	.footer-bottom {
		flex-direction: column;
		gap: 6px;
	}
}