/*-------------------------------------------------------------------------*/
/* Page
/*-------------------------------------------------------------------------*/
.section-page {
	z-index: 97;
}

/*-------------------------------------------------------------------------*/
/* [FCMS] Avatar
/*-------------------------------------------------------------------------*/
.avatar {
	float: none;
	margin: 0;
}

/*-------------------------------------------------------------------------*/
/* [Popup] SweetAlert
/*-------------------------------------------------------------------------*/
.swal2-container {
	background-color: rgba(0, 0, 0, 0.6) !important;
}

.swal2-container .swal2-popup {
	border: 1px solid var(--glassmorphism-outline-color);

	overflow: hidden;

	-webkit-box-shadow: 0 4px 30px 0 var(--glassmorphism-outline-shadow);
	box-shadow: 0 4px 30px 0 var(--glassmorphism-outline-shadow);

	-webkit-border-radius: var(--borderRadius-primary);
	border-radius: var(--borderRadius-primary);

	-webkit-backdrop-filter: var(--glassmorphism-filter);
	backdrop-filter: var(--glassmorphism-filter);

	background-color: var(--glassmorphism-background-color);
}

.swal2-container .swal2-popup::before {
	width: 80%;
	height: 1px;

	left: 0;
	right: 0;
	bottom: 0;

	margin: 0 auto;

	content: '';
	position: absolute;

	background: -moz-linear-gradient(left, transparent 0%, var(--glassmorphism-glow) 50%, transparent 100%);
	background: -webkit-linear-gradient(left, transparent 0%, var(--glassmorphism-glow) 50%, transparent 100%);
	background: linear-gradient(to right, transparent 0%, var(--glassmorphism-glow) 50%, transparent 100%);
}

.swal2-container .swal2-popup::after {
	width: 50%;
	height: 20px;

	left: 0;
	right: 0;
	bottom: -20px;

	margin: 0 auto;

	content: '';
	position: absolute;

	-webkit-box-shadow: 0 0 70px 15px var(--glassmorphism-glow);
	box-shadow: 0 0 70px 15px var(--glassmorphism-glow);
}

/* [Popup] SweetAlert: Icon
/*---------------------------------------------------------------*/
/*.swal2-container .swal2-popup .swal2-icon {}*/

/* Icon (success) */
.swal2-container .swal2-popup .swal2-icon.swal2-success .swal2-success-fix,
.swal2-container .swal2-popup .swal2-icon.swal2-success .swal2-success-circular-line-left,
.swal2-container .swal2-popup .swal2-icon.swal2-success .swal2-success-circular-line-right {
	display: none;
}

/* [Popup] SweetAlert: Title
/*---------------------------------------------------------------*/
.swal2-container .swal2-popup .swal2-title {
	color: var(--glassmorphism-color);

	font-weight: bold;
	font-family: var(--font-family-secondary);
}

/* [Popup] SweetAlert: Content
/*---------------------------------------------------------------*/
.swal2-container .swal2-popup .swal2-html-container {
	color: var(--glassmorphism-color);

	font-weight: bold;
	font-family: var(--font-family-secondary);
}

/* [Popup] SweetAlert: Footer
/*---------------------------------------------------------------*/
.swal2-container .swal2-popup .swal2-footer {
	border-color: var(--glassmorphism-outline-color);
}

/*-------------------------------------------------------------------------*/
/* [BS] Container
/*-------------------------------------------------------------------------*/
@media screen and (min-width: 1400px) { /* xl+ */
	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl,
	.container-xxl {
		max-width: 1656px;
	}
}

/*-------------------------------------------------------------------------*/
/* [BS] Text (muted)
/*-------------------------------------------------------------------------*/
.text-muted {
	--bs-secondary-color: var(--color-inactive);
}

/*-------------------------------------------------------------------------*/
/* [BS] Tooltip
/*-------------------------------------------------------------------------*/
.tooltip {
	--bs-tooltip-bg: transparent;
}

/*-------------------------------------------------------------------------*/
/* [BS] Navbar toggler
/*-------------------------------------------------------------------------*/
.navbar-toggler {
	border: none;

	-webkit-box-shadow: none;
	box-shadow: none;

	background-image: none;
	background-color: transparent;
}

/*-------------------------------------------------------------------------*/
/* [BS] Dropdown
/*-------------------------------------------------------------------------*/
.dropdown {
	--glassmorphism-filter: blur(5px);
	--glassmorphism-background-color: rgba(0, 0, 0, 0.2);
}

/* [BS] Dropdown: Menu
/*---------------------------------------------------------------*/
.dropdown .dropdown-menu {
	border: 1px solid transparent;

	margin: 0;
	padding: 1px;

	position: relative;

	-webkit-box-shadow: 0 4px 30px 0 var(--glassmorphism-outline-shadow);
	box-shadow: 0 4px 30px 0 var(--glassmorphism-outline-shadow);

	-webkit-border-radius: var(--borderRadius-primary);
	border-radius: var(--borderRadius-primary);

	background-color: transparent;
}

.dropdown .dropdown-menu::before {
	width: 100%;
	height: 100%;

	top: 0;
	left: 0;

	border: 1px solid var(--glassmorphism-outline-color);

	content: '';
	position: absolute;

	-webkit-border-radius: var(--borderRadius-primary);
	border-radius: var(--borderRadius-primary);

	-webkit-backdrop-filter: var(--glassmorphism-filter);
	backdrop-filter: var(--glassmorphism-filter);

	background-color: var(--glassmorphism-background-color);
}

/*.dropdown .dropdown-menu li {}*/

/* [BS] Dropdown: Menu: Item (idle)
/*-----------------------------------------------------*/
.dropdown .dropdown-menu li .dropdown-item {
	color: var(--glassmorphism-color);

	font-size: 0.7rem;
	font-family: var(--font-family-primary);

	padding-top: 0.7rem;
	padding-bottom: 0.7rem;

	text-align: center;
	text-shadow: 0 0 3px var(--glassmorphism-glow);
	text-transform: uppercase;

	background-color: transparent;
}

.dropdown .dropdown-menu li:first-child .dropdown-item {
	-webkit-border-radius: var(--borderRadius-primary) var(--borderRadius-primary) 0 0;
	border-radius: var(--borderRadius-primary) var(--borderRadius-primary) 0 0;
}

.dropdown .dropdown-menu li:last-child .dropdown-item {
	-webkit-border-radius: 0 0 var(--borderRadius-primary) var(--borderRadius-primary);
	border-radius: 0 0 var(--borderRadius-primary) var(--borderRadius-primary);
}

/* [BS] Dropdown: Menu: Item (active)
/*-----------------------------------------------------*/
.dropdown .dropdown-menu li .dropdown-item:hover,
.dropdown .dropdown-menu li .dropdown-item:active,
.dropdown .dropdown-menu li .dropdown-item.active {
	--glassmorphism-color: var(--color-active);

	background: -moz-linear-gradient(top, transparent 0%, var(--glassmorphism-background-color) 100%);
	background: -webkit-linear-gradient(top, transparent 0%, var(--glassmorphism-background-color) 100%);
	background: linear-gradient(to bottom, transparent 0%, var(--glassmorphism-background-color) 100%);
}

/* [BS] Dropdown: Menu: Item (sep)
/*-----------------------------------------------------*/
.dropdown .dropdown-menu li .dropdown-item::after {
	width: 96%;
	height: 1px;

	left: 0;
	right: 0;
	bottom: -0.5px;

	margin: 0 auto;

	content: '';
	position: absolute;

	background-color: var(--glassmorphism-outline-color);
} .dropdown .dropdown-menu li:last-child .dropdown-item::after {display: none;}

/* [BS] Dropdown: Responsive
/*---------------------------------------------------------------*/
@media screen and (min-width: 768px) { /* md */
	/*.dropdown {}*/

	.dropdown .dropdown-menu li .dropdown-item {
		font-size: 1rem;

		padding-top: 1rem;
		padding-bottom: 1rem;
	}
}

/*-------------------------------------------------------------------------*/
/* [BS] Offcanvas
/*-------------------------------------------------------------------------*/
.offcanvas {
	--offcanvas-padding: 1rem;

	overflow: hidden;

	-webkit-box-shadow: 0 4px 30px 0 var(--glassmorphism-outline-shadow);
	box-shadow: 0 4px 30px 0 var(--glassmorphism-outline-shadow);

	border-style: solid;
	border-color: var(--glassmorphism-outline-color);

	-webkit-backdrop-filter: var(--glassmorphism-filter);
	backdrop-filter: var(--glassmorphism-filter);

	background-color: var(--glassmorphism-background-color);
}

.offcanvas.offcanvas-start {
	border-width: 0 1px 0 0;

	-webkit-border-radius: 0 var(--borderRadius-primary) var(--borderRadius-primary) 0;
	border-radius: 0 var(--borderRadius-primary) var(--borderRadius-primary) 0;
}

.offcanvas.offcanvas-end {
	border-width: 0 0 0 1px;

	-webkit-border-radius: var(--borderRadius-primary) 0 0 var(--borderRadius-primary);
	border-radius: var(--borderRadius-primary) 0 0 var(--borderRadius-primary);
}

/* [BS] Offcanvas: Header
/*---------------------------------------------------------------*/
.offcanvas .offcanvas-header {
	padding: var(--offcanvas-padding);
}

.offcanvas .offcanvas-header .offcanvas-title {
	color: var(--glassmorphism-color);
}

.offcanvas .offcanvas-header .btn-close {
	-webkit-box-shadow: none;
	box-shadow: none;
}

/* [BS] Offcanvas: Body
/*---------------------------------------------------------------*/
.offcanvas .offcanvas-body {
	padding: var(--offcanvas-padding);
}

/*-------------------------------------------------------------------------*/
/* [BS] Accordion
/*-------------------------------------------------------------------------*/
/*.accordion {}*/

/* [BS] Accordion: Item
/*---------------------------------------------------------------*/
.accordion .accordion-item {
	--borderRadius-primary: 0px;

	border-width: 1px;
	border-style: solid;
	border-color: var(--borderColor);

	-webkit-border-radius: var(--borderRadius-primary);
	border-radius: var(--borderRadius-primary);

	background-color: var(--backgroundColor);
}

/* [BS] Accordion: Item: Header
/*-----------------------------------------------------*/
/*.accordion .accordion-item .accordion-header {}*/

/* Button (idle) */
.accordion .accordion-item .accordion-header .accordion-button {
	color: var(--textColor);

	font-weight: bold;
	font-family: var(--font-family-tertiary);

	-webkit-box-shadow: none;
	box-shadow: none;

	-webkit-border-radius: var(--borderRadius-primary);
	border-radius: var(--borderRadius-primary);

	text-shadow: none;
	text-transform: uppercase;

	background-color: var(--backgroundActive);
}


/* Button (active) */
.accordion .accordion-item .accordion-header .accordion-button:hover,
.accordion .accordion-item .accordion-header .accordion-button:active,
.accordion .accordion-item .accordion-header .accordion-button[aria-expanded='true'] {
	color: 000;
}

/* [BS] Accordion: Item: Body
/*-----------------------------------------------------*/
.accordion .accordion-item .accordion-body {
	color: #fff;

	border-style: solid;
	border-width: 1px 0 0;
	border-color: var(--borderColor);
}

/*-------------------------------------------------------------------------*/
/* [BS] List group
/*-------------------------------------------------------------------------*/
.list-group {
	--borderRadius-primary: 0px;
	--bs-list-group-item-padding-x: 0.8rem;
	--bs-list-group-item-padding-y: 0.8rem;

	border-width: 1px;
	border-style: solid;
	border-color: var(--borderColor);

	-webkit-border-radius: var(--borderRadius-primary);
	border-radius: var(--borderRadius-primary);

	background-color: var(--backgroundColor);
}

/* [BS] List group: Item (idle)
/*---------------------------------------------------------------*/
.list-group .list-group-item {
	color: var(--textColor);

	border: none;
	overflow: hidden;

	border-top: 1px solid var(--borderColor);

	font-weight: bold;
	font-family: var(--font-family-tertiary);

	text-transform: uppercase;

	background-color: transparent;

	-webkit-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.list-group .list-group-item:first-child {
	border: none;
}

/* [BS] List group: Item (active)
/*---------------------------------------------------------------*/
.list-group .list-group-item:hover,
.list-group .list-group-item:active {
	background-color: rgba(255, 255, 255, 0.01);
}

.list-group .list-group-item.active {
	background-color: var(--backgroundActive);
}

/*-------------------------------------------------------------------------*/
/* [BS] Breadcrumb
/*-------------------------------------------------------------------------*/
.breadcrumb {
	margin: 0;

	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

/* [BS] Breadcrumb: Item (idle)
/*---------------------------------------------------------------*/
.breadcrumb .breadcrumb-item {
	color: var(--color-primary);
}

.breadcrumb .breadcrumb-item::before {
	display: none;
}

.breadcrumb .breadcrumb-item a {
	color: var(--color-primary);
	display: block;
}

.breadcrumb .breadcrumb-item i,
.breadcrumb .breadcrumb-item svg {
	color: var(--color-primary);
	display: block;
	font-size: 1.3rem;
}

/* [BS] Breadcrumb: Item (active)
/*---------------------------------------------------------------*/
.breadcrumb .breadcrumb-item.active {
	color: var(--color-secondary);
}

.breadcrumb .breadcrumb-item a:hover,
.breadcrumb .breadcrumb-item a:active,
.breadcrumb .breadcrumb-item.active a {
	color: var(--color-secondary);
}

/*-------------------------------------------------------------------------*/
/* [BS] Nav pills
/*-------------------------------------------------------------------------*/
.nav-pills {
	gap: 0.5rem;
}

/* [BS] Nav pills: Item
/*---------------------------------------------------------------*/
/*.nav-pills .nav-item {}*/

/* [BS] Nav pills: Item: Link (idle)
/*-----------------------------------------------------*/
.nav-pills .nav-item .nav-link {
	color: #000000;

	border: none;

	font-size: var(--field-font-size);
	font-weight: var(--field-font-weight);
	font-family: var(--font-family-primary);

	-webkit-box-shadow: none;
	box-shadow: none;

	text-align: center;
	text-shadow: none;
	text-transform: uppercase;

	-webkit-border-radius: var(--field-border-radius);
	border-radius: var(--field-border-radius);

	background: -webkit-gradient(linear, left top, left bottom, from(#449cff), to(#325195));
	background: -o-linear-gradient(top, #449cff 0%, #325195 100%);
	background: linear-gradient(to bottom, #449cff 0%, #325195 100%);

	-webkit-transition: var(--field-transition-delay) color ease-in-out;
	-o-transition: var(--field-transition-delay) color ease-in-out;
	transition: var(--field-transition-delay) color ease-in-out;
}

/* [BS] Nav pills: Item: Link (active)
/*-----------------------------------------------------*/
.nav-pills .nav-item .nav-link:hover,
.nav-pills .nav-item .nav-link:active,
.nav-pills .nav-item .nav-link.active {
	color: var(--color-idle);
}

.nav-pills .nav-item .nav-link.active::after {
	width: 0;
	height: 0;

	left: 0;
	right: 0;
	bottom: -16px;

	margin: 0 auto;

	content: '';
	position: absolute;

	border-width: 8px;
	border-style: solid;
	border-color: #325195 transparent transparent;
}

/*-------------------------------------------------------------------------*/
/* [BS] Input group
/*-------------------------------------------------------------------------*/
/*.input-group {}*/

.input-group .input-group-text {
	color: #fff;
	text-align: center;
	border-color: #2e2e3d;
	background-color: #2e2e3d;
}

.input-group .input-group-text * {
	margin: 0 auto;
}

/*-------------------------------------------------------------------------*/
/* [BS] Alert (danger)
/*-------------------------------------------------------------------------*/
.alert-danger {
	color: #dc3545;
	border-color: #dc3545;

	-webkit-border-radius: var(--field-border-radius);
	border-radius: var(--field-border-radius);

	background-color: #2e2e3d;
}

/*-------------------------------------------------------------------------*/
/* [BS] Pagination
/*-------------------------------------------------------------------------*/
.pagination {
	gap: 0.5rem;
	margin: 0;
}

/* [BS] Pagination: Item
/*---------------------------------------------------------------*/
/*.pagination .page-item {}*/

.pagination .page-item.disabled {
	cursor: not-allowed;
	opacity: 0.8;
}

/* [BS] Pagination: Item: Link (idle)
/*-----------------------------------------------------*/
.pagination .page-item .page-link {
	color: #000000;

	border: none;

	font-size: var(--field-font-size);
	font-weight: var(--field-font-weight);
	font-family: var(--font-family-primary);

	-webkit-box-shadow: none;
	box-shadow: none;

	text-align: center;
	text-shadow: none;
	text-transform: uppercase;

	-webkit-border-radius: var(--field-border-radius);
	border-radius: var(--field-border-radius);

	background: -webkit-gradient(linear, left top, left bottom, from(#449cff), to(#325195));
	background: -o-linear-gradient(top, #449cff 0%, #325195 100%);
	background: linear-gradient(to bottom, #449cff 0%, #325195 100%);

	-webkit-transition: var(--field-transition-delay) color ease-in-out;
	-o-transition: var(--field-transition-delay) color ease-in-out;
	transition: var(--field-transition-delay) color ease-in-out;
}

/* [BS] Pagination: Item: Link (active)
/*-----------------------------------------------------*/
.pagination .page-item .page-link:hover,
.pagination .page-item .page-link:active,
.pagination .page-item.active .page-link {
	color: var(--color-idle);
}

/*-------------------------------------------------------------------------*/
/* [BS] Card
/*-------------------------------------------------------------------------*/
.card {
	color: var(--textColor);

	border: none;

	-webkit-border-radius: var(--borderRadius-primary);
	border-radius: var(--borderRadius-primary);

	background-color: var(--backgroundActive);
}

/* [BS] Card: Hover
/*---------------------------------------------------------------*/
.card.card-hover {
	-webkit-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.card.card-hover:hover,
.card.card-hover:active {
	-webkit-filter: brightness(1.5);
	filter: brightness(1.5);
}

/*-------------------------------------------------------------------------*/
/* [BS] Table
/*-------------------------------------------------------------------------*/
.table {
	--bs-table-bg: transparent;
	--bs-table-color-state: #fff;
	--bs-table-hover-color: #576c8d;
	--bs-table-striped-color: transparent;

	color: #fff;
}

.table td,
.table th,
.table tr,
.table tbody,
.table tfoot,
.table thead {
	border-color: #293248;
}

/*-------------------------------------------------------------------------*/
/* [BS] Nav tabs
/*-------------------------------------------------------------------------*/
.nav-tabs {
	gap: 0.5rem;
	border: none;
}

/* [BS] Nav tabs: Item
/*---------------------------------------------------------------*/
/*.nav-tabs .nav-item {}*/

/* [BS] Nav tabs: Item: Link (idle)
/*-----------------------------------------------------*/
.nav-tabs .nav-item .nav-link {
	color: #000000;

	border: none;

	font-size: var(--field-font-size);
	font-weight: var(--field-font-weight);
	font-family: var(--font-family-primary);

	-webkit-box-shadow: none;
	box-shadow: none;

	text-align: center;
	text-shadow: none;
	text-transform: uppercase;

	-webkit-border-radius: var(--field-border-radius);
	border-radius: var(--field-border-radius);

	background: -webkit-gradient(linear, left top, left bottom, from(#449cff), to(#325195));
	background: -o-linear-gradient(top, #449cff 0%, #325195 100%);
	background: linear-gradient(to bottom, #449cff 0%, #325195 100%);

	-webkit-transition: var(--field-transition-delay) color ease-in-out;
	-o-transition: var(--field-transition-delay) color ease-in-out;
	transition: var(--field-transition-delay) color ease-in-out;
}

/* [BS] Nav tabs: Item: Link (active)
/*-----------------------------------------------------*/
.nav-tabs .nav-item .nav-link:hover,
.nav-tabs .nav-item .nav-link:active,
.nav-tabs .nav-item .nav-link.active {
	color: var(--color-idle);
}

.nav-tabs .nav-item .nav-link.active::after {
	width: 0;
	height: 0;

	left: 0;
	right: 0;
	bottom: -16px;

	margin: 0 auto;

	content: '';
	position: absolute;

	border-width: 8px;
	border-style: solid;
	border-color: #325195 transparent transparent;
}

/*-------------------------------------------------------------------------*/
/* [BS] Progressbar
/*-------------------------------------------------------------------------*/
.progress {
	width: 100%;
	height: 20px;

	padding: 2px;

	-webkit-border-radius: var(--borderRadius-primary);
	border-radius: var(--borderRadius-primary);

	background-color: var(--background-light);
}

/* [BS] Progressbar: Bar
/*---------------------------------------------------------------*/
.progress .progress-bar {
	width: auto;
	height: 100%;

	opacity: 0.9;
	overflow: hidden;

	-webkit-filter: brightness(1.5);
	filter: brightness(1.5);

	-webkit-border-radius: var(--borderRadius-primary);
	border-radius: var(--borderRadius-primary);

	background-color: var(--background-light);
}