@charset "UTF-8"; 

/*!
 * Base Layout
 */

/* _root.css */

:root,
[data-bs-theme="light"] {
	--bs-blue: #3b7ddd;
	--bs-indigo: #0a0a0a;
	--bs-pink: #e83e8c;
	--bs-yellow: #fcb92c;
	--bs-green: #1cbb8c;
	--bs-cyan: #17a2b8;
	--bs-primary: #3b7ddd;
	--bs-success: #1cbb8c;
	--bs-info: #17a2b8;
	--bs-warning: #fcb92c;
	--bs-light: #f5f7fb;
	--bs-primary-rgb: 59, 125, 221;
	--bs-success-rgb: 28, 187, 140;
	--bs-info-rgb: 23, 162, 184;
	--bs-warning-rgb: 252, 185, 44;
	--bs-light-rgb: 245, 247, 251;
	--bs-primary-text-emphasis: #183258;
	--bs-success-text-emphasis: #0b4b38;
	--bs-info-text-emphasis: #09414a;
	--bs-warning-text-emphasis: #654a12;
	--bs-primary-bg-subtle: #d8e5f8;
	--bs-success-bg-subtle: #d2f1e8;
	--bs-info-bg-subtle: #d1ecf1;
	--bs-warning-bg-subtle: #fef1d5;
	--bs-primary-border-subtle: #b1cbf1;
	--bs-success-border-subtle: #a4e4d1;
	--bs-info-border-subtle: #a2dae3;
	--bs-warning-border-subtle: #fee3ab;
	--bs-font-sans-serif: "Inter", "Helvetica Neue", Arial, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--bs-font-monospace: "Fira Mono", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	--bs-gradient: linear-gradient(180deg, hsla(0, 0%, 100%, 0.15), hsla(0, 0%, 100%, 0));
	--bs-body-font-size: 0.875rem;
	--bs-body-color: #495057;
	--bs-body-color-rgb: 73, 80, 87;
	--bs-body-bg: #f5f7fb;
	--bs-body-bg-rgb: 245, 247, 251;
	--bs-secondary-color: rgba(73, 80, 87, 0.75);
	--bs-secondary-color-rgb: 73, 80, 87;
	--bs-tertiary-color: rgba(73, 80, 87, 0.5);
	--bs-tertiary-color-rgb: 73, 80, 87;
	--bs-heading-color: #000;
	--bs-link-color: #3b7ddd;
	--bs-link-color-rgb: 59, 125, 221;
	--bs-link-decoration: none;
	--bs-link-hover-color: #2f64b1;
	--bs-link-hover-color-rgb: 47, 100, 177;
	--bs-link-hover-decoration: underline;
	--bs-code-color: #e83e8c;
	--bs-highlight-bg: #fef1d5;
	--bs-border-radius: 0.2rem; /* 4.25px */
	--bs-border-radius-sm: 0.188rem; /* 3px */
	--bs-border-radius-lg: 0.3rem; /* 6px */
	--bs-box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.05);
	--bs-box-shadow-sm: 0 0.05rem 0.2rem rgba(0, 0, 0, 0.05);
	--bs-box-shadow-lg: 0 0.2rem 0.2rem rgba(0, 0, 0, 0.05);
	--bs-focus-ring-color: rgba(59, 125, 221, 0.25);
	--bs-form-valid-color: #1cbb8c;
	--bs-form-valid-border-color: #1cbb8c;
}
[data-bs-theme="dark"] {
	color-scheme: dark;
	--bs-black: #fff;
	--bs-white: #222e3c;
	--bs-gray: #a7abb1;
	--bs-gray-dark: #d3d5d8;
	--bs-gray-100: #384350;
	--bs-gray-200: #4e5863;
	--bs-gray-300: #646d77;
	--bs-gray-400: #7a828a;
	--bs-gray-500: #91979e;
	--bs-gray-600: #a7abb1;
	--bs-gray-700: #bdc0c5;
	--bs-gray-800: #d3d5d8;
	--bs-gray-900: #e9eaec;
	--bs-secondary: #7a828a;
	--bs-light: #2d3846;
	--bs-dark: #e9eaec;
	--bs-secondary-rgb: 122, 130, 138;
	--bs-light-rgb: 45, 56, 70;
	--bs-dark-rgb: 233, 234, 236;
	--bs-secondary-text-emphasis: #313437;
	--bs-light-text-emphasis: #bdc0c5;
	--bs-dark-text-emphasis: #bdc0c5;
	--bs-secondary-bg-subtle: #e4e6e8;
	--bs-light-bg-subtle: #2d3946;
	--bs-dark-bg-subtle: #7a828a;
	--bs-secondary-border-subtle: #cacdd0;
	--bs-light-border-subtle: #4e5863;
	--bs-dark-border-subtle: #91979e;
	--bs-white-rgb: 34, 46, 60;
	--bs-black-rgb: 255, 255, 255;
	--bs-gradient: linear-gradient(180deg, rgba(34, 46, 60, 0.15), rgba(34, 46, 60, 0));
	--bs-body-color: #bdc0c5;
	--bs-body-color-rgb: 189, 192, 197;
	--bs-body-bg: #19222c;
	--bs-body-bg-rgb: 25, 34, 44;
	--bs-secondary-color: hsla(218, 6%, 76%, 0.75);
	--bs-secondary-color-rgb: 189, 192, 197;
	--bs-secondary-bg: #4e5863;
	--bs-secondary-bg-rgb: 78, 88, 99;
	--bs-tertiary-color: hsla(218, 6%, 76%, 0.5);
	--bs-tertiary-color-rgb: 189, 192, 197;
	--bs-tertiary-bg: #384350;
	--bs-tertiary-bg-rgb: 56, 67, 80;
	--bs-heading-color: #fff;
	--bs-border-color: #4e5863;
	--bs-border-color-translucent: hsla(0, 0%, 100%, 0.175);
	--bs-box-shadow: 0 0.1rem 0.2rem hsla(0, 0%, 100%, 0.05);
	--bs-box-shadow-sm: 0 0.05rem 0.2rem hsla(0, 0%, 100%, 0.05);
	--bs-box-shadow-lg: 0 0.2rem 0.2rem hsla(0, 0%, 100%, 0.05);
	--bs-box-shadow-inset: inset 0 1px 2px hsla(0, 0%, 100%, 0.075);
}

/* _reboot.css */
body {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	position: relative;
}

[data-bs-theme="dark"] body {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 400;
	font-family: "Poppins", "Helvetica Neue", Arial, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", sans-serif, 
				 "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.h1,
h1 {
	font-size: 1.75rem;
}
.h2,
h2 {
	font-size: 1.53125rem;
}
.h3,
h3 {
	font-size: 1.3125rem;
}
.h4,
h4 {
	font-size: 1.09375rem;
}
.h5,
h5 {
	font-size: 0.875rem;
}
.h6,
h6 {
	font-size: 0.75rem;
}

dt {
	font-weight: 600;
}
.small,
small {
	font-size: 80%;
}
a {
	text-decoration: none;
}
pre {
	font-size: 80%;
}
code {
	font-size: 80%;
}
kbd {
	border-radius: 0.1rem;
	font-size: 80%;
}
caption {
	padding-bottom: 0.75rem;
	padding-top: 0.75rem;
}
legend {
	font-size: 1.5rem;
}

/* _type.css */

.lead {
	font-size: 1.09375rem;
}
.display-1 {
	font-size: 5rem;
	font-weight: 300;
	line-height: 1.2;
}
.display-2 {
	font-size: 4.5rem;
	font-weight: 300;
	line-height: 1.2;
}
.display-3 {
	font-size: 4rem;
	font-weight: 300;
	line-height: 1.2;
}
.display-4 {
	font-size: 3.5rem;
	font-weight: 300;
	line-height: 1.2;
}
.display-5 {
	font-size: 3rem;
	font-weight: 300;
	line-height: 1.2;
}
.display-6 {
	font-size: 2.5rem;
	font-weight: 300;
	line-height: 1.2;
}
.initialism {
	font-size: 80%;
}
.blockquote {
	font-size: 1.09375rem;
}
.blockquote-footer {
	color: #6c757d;
}

[data-bs-theme="dark"] .blockquote-footer {
	color: #a7abb1;
}

/* _images.css */

.figure-caption {
	font-size: 80%;
}

/* _containers.css */
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
	--bs-gutter-x:0.75rem;
}

/* _tables.css */

.table {
	--bs-table-color: var(--bs-body-color);
	--bs-table-bg: transparent;
	--bs-table-striped-color: var(--bs-body-color);
	--bs-table-striped-bg: #f8f9fa;
	--bs-table-active-color: var(--bs-body-color);
	--bs-table-active-bg: rgba(0, 0, 0, 0.1);
	--bs-table-hover-color: var(--bs-body-color);
	--bs-table-hover-bg: rgba(0, 0, 0, 0.038);
}

[data-bs-theme="dark"] .table {
	--bs-table-striped-bg: #2d3846;
	--bs-table-active-bg: hsla(0, 0%, 100%, 0.1);
	--bs-table-hover-bg: hsla(0, 0%, 100%, 0.038);
}

.table > :not(caption) > * > * {
	padding: 0.75rem;
}
.table-sm > :not(caption) > * > * {
	padding: 0.3rem;
}
.table-primary {
	--bs-table-color: #000;
	--bs-table-bg: #d8e5f8;
	--bs-table-border-color: #c2cedf;
	--bs-table-striped-bg: #cddaec;
	--bs-table-striped-color: #000;
	--bs-table-active-bg: #c2cedf;
	--bs-table-active-color: #000;
	--bs-table-hover-bg: #c8d4e5;
	--bs-table-hover-color: #000;
}
[data-bs-theme="dark"] .table-primary {
	--bs-table-color: #222e3c;
	--bs-table-bg: #d8e5f8;
	--bs-table-border-color: #c6d3e5;
	--bs-table-striped-bg: #cfdcef;
	--bs-table-striped-color: #222e3c;
	--bs-table-active-bg: #c6d3e5;
	--bs-table-active-color: #222e3c;
	--bs-table-hover-bg: #cad7ea;
	--bs-table-hover-color: #222e3c;
}
.table-secondary {
	--bs-table-color: #000;
	--bs-table-bg: #e2e3e5;
	--bs-table-border-color: #cbccce;
	--bs-table-striped-bg: #d7d8da;
	--bs-table-striped-color: #000;
	--bs-table-active-bg: #cbccce;
	--bs-table-active-color: #000;
	--bs-table-hover-bg: #d1d2d4;
	--bs-table-hover-color: #000;
}
[data-bs-theme="dark"] .table-secondary {
	--bs-table-color: #222e3c;
	--bs-table-bg: #e4e6e8;
	--bs-table-border-color: #d1d4d7;
	--bs-table-striped-bg: #dadddf;
	--bs-table-striped-color: #222e3c;
	--bs-table-active-bg: #d1d4d7;
	--bs-table-active-color: #222e3c;
	--bs-table-hover-bg: #d5d8db;
	--bs-table-hover-color: #222e3c;
}
.table-success {
	--bs-table-color: #000;
	--bs-table-bg: #d2f1e8;
	--bs-table-border-color: #bdd9d1;
	--bs-table-striped-bg: #c8e5dc;
	--bs-table-striped-color: #000;
	--bs-table-active-bg: #bdd9d1;
	--bs-table-active-color: #000;
	--bs-table-hover-bg: #c2dfd7;
	--bs-table-hover-color: #000;
}
[data-bs-theme="dark"] .table-success {
	--bs-table-color: #222e3c;
	--bs-table-bg: #d2f1e8;
	--bs-table-border-color: #c0ded7;
	--bs-table-striped-bg: #c9e7df;
	--bs-table-striped-color: #222e3c;
	--bs-table-active-bg: #c0ded7;
	--bs-table-active-color: #222e3c;
	--bs-table-hover-bg: #c5e2db;
	--bs-table-hover-color: #222e3c;
}

.table-info {
	--bs-table-color: #000;
	--bs-table-bg: #d1ecf1;
	--bs-table-border-color: #bcd4d9;
	--bs-table-striped-bg: #c7e0e5;
	--bs-table-striped-color: #000;
	--bs-table-active-bg: #bcd4d9;
	--bs-table-active-color: #000;
	--bs-table-hover-bg: #c1dadf;
	--bs-table-hover-color: #000;
}
[data-bs-theme="dark"] .table-info {
	--bs-table-color: #222e3c;
	--bs-table-bg: #d1ecf1;
	--bs-table-border-color: #c0d9df;
	--bs-table-striped-bg: #c8e3e8;
	--bs-table-striped-color: #222e3c;
	--bs-table-active-bg: #c0d9df;
	--bs-table-active-color: #222e3c;
	--bs-table-hover-bg: #c4dee3;
	--bs-table-hover-color: #222e3c;
}
.table-warning {
	--bs-table-color: #000;
	--bs-table-bg: #fef1d5;
	--bs-table-border-color: #e5d9c0;
	--bs-table-striped-bg: #f1e5ca;
	--bs-table-striped-color: #000;
	--bs-table-active-bg: #e5d9c0;
	--bs-table-active-color: #000;
	--bs-table-hover-bg: #ebdfc5;
	--bs-table-hover-color: #000;
}
[data-bs-theme="dark"] .table-warning {
	--bs-table-color: #222e3c;
	--bs-table-bg: #fef1d5;
	--bs-table-border-color: #e8dec6;
	--bs-table-striped-bg: #f3e7cd;
	--bs-table-striped-color: #222e3c;
	--bs-table-active-bg: #e8dec6;
	--bs-table-active-color: #222e3c;
	--bs-table-hover-bg: #eee2ca;
	--bs-table-hover-color: #222e3c;
}
.table-danger {
	--bs-table-color: #000;
	--bs-table-bg: #f8d7da;
	--bs-table-border-color: #dfc2c4;
	--bs-table-striped-bg: #eccccf;
	--bs-table-striped-color: #000;
	--bs-table-active-bg: #dfc2c4;
	--bs-table-active-color: #000;
	--bs-table-hover-bg: #e5c7ca;
	--bs-table-hover-color: #000;
}
[data-bs-theme="dark"] .table-danger {
	--bs-table-color: #222e3c;
	--bs-table-bg: #f8d7da;
	--bs-table-border-color: #e3c6ca;
	--bs-table-striped-bg: #edcfd2;
	--bs-table-striped-color: #222e3c;
	--bs-table-active-bg: #e3c6ca;
	--bs-table-active-color: #222e3c;
	--bs-table-hover-bg: #e8cace;
	--bs-table-hover-color: #222e3c;
}
.table-light {
	--bs-table-color: #000;
	--bs-table-bg: #f5f7fb;
	--bs-table-border-color: #dddee2;
	--bs-table-striped-bg: #e9ebee;
	--bs-table-striped-color: #000;
	--bs-table-active-bg: #dddee2;
	--bs-table-active-color: #000;
	--bs-table-hover-bg: #e3e4e8;
	--bs-table-hover-color: #000;
}
[data-bs-theme="dark"] .table-light {
	--bs-table-color: #fff;
	--bs-table-bg: #2d3846;
	--bs-table-border-color: #424c59;
	--bs-table-striped-bg: #38424f;
	--bs-table-striped-color: #fff;
	--bs-table-active-bg: #424c59;
	--bs-table-active-color: #fff;
	--bs-table-hover-bg: #3d4754;
	--bs-table-hover-color: #fff;
}
.table-dark {
	--bs-table-color: #fff;
	--bs-table-bg: #212529;
	--bs-table-border-color: #373b3e;
	--bs-table-striped-bg: #2c3034;
	--bs-table-striped-color: #fff;
	--bs-table-active-bg: #373b3e;
	--bs-table-active-color: #fff;
	--bs-table-hover-bg: #323539;
	--bs-table-hover-color: #fff;
}
[data-bs-theme="dark"] .table-dark {
	--bs-table-color: #222e3c;
	--bs-table-bg: #e9eaec;
	--bs-table-border-color: #d5d7da;
	--bs-table-striped-bg: #dfe1e3;
	--bs-table-striped-color: #222e3c;
	--bs-table-active-bg: #d5d7da;
	--bs-table-active-color: #222e3c;
	--bs-table-hover-bg: #dadcdf;
	--bs-table-hover-color: #222e3c;
}

.table-action .btn-white,
.table-action .btn-light {
	--bs-btn-bg: transparent;
	--bs-btn-border-color: transparent;
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: transparent;
}


/* _forms.css */
:root, [data-bs-theme="light"] {
	--bs-form-bg: #f5f7fb;
	--bs-form-color: #212529;
	--bs-form-border-color: var(--bs-border-color);
	
	--bs-form-bg-focus: var(--bs-form-bg);
	--bs-form-color-focus: var(--bs-form-color); /* #495057 */
	--bs-form-border-color-focus: #9dbeee;

	--bs-form-bg-disabled: #e9ecef; /* #e9ecef */
	--bs-form-border-color-disabled: var(--bs-border-color);
}
[data-bs-theme="dark"] {
	--bs-form-bg: #2d3846;
	--bs-form-color: #f5f7fb;
	--bs-form-bg-disabled: #4e5863 ; /* #4e5863 */
}

/* forms/_labels.css */
.col-form-label {
	padding-bottom: calc(0.3rem + 1px);
	padding-top: calc(0.3rem + 1px);
}
.col-form-label-lg {
	font-size: 0.925rem;
	padding-bottom: calc(0.4rem + 1px);
	padding-top: calc(0.4rem + 1px);
}
.col-form-label-sm {
	font-size: 0.75rem;
	padding-bottom: calc(0.2rem + 1px);
	padding-top: calc(0.2rem + 1px);
}

/* forms/_form-text.css */

.form-text {
	font-size: 80%;
}

/* forms/_form-control.css */
.form-control {
	border: 1px solid var(--bs-border-color);
	font-size: 0.875rem;
	padding: 0.3rem 0.85rem;
	background-color: var(--bs-form-bg); /* fix this */
	color: var(--bs-form-color); /* fix this */
}

.form-control:focus {
	border-color: var(--bs-form-border-color-focus);
	box-shadow: 0 0 0 0.25rem rgba(59, 125, 221, 0.25);
	background-color: var(--bs-form-bg); /* fix this */
	color: var(--bs-form-color); /* fix this */
}
[data-bs-theme="dark"] .form-control:focus {
	border-color: var(--bs-form-border-color-focus);
	box-shadow: 0 0 0 0.25rem rgba(59, 125, 221, 0.25);
}
.form-control::-moz-placeholder,
.form-control::placeholder {
	color: rgba(var(--bs-secondary-color-rgb), 0.275);
}
.form-control:disabled {
	background-color: var(--bs-form-bg-disabled);
}

.form-control::-webkit-file-upload-button {
	margin: -0.3rem -0.85rem;
	padding: 0.3rem 0.85rem;
	-webkit-margin-end: 0.85rem;
	border: 0 solid;
	border-inline-end-width: 1px;
	color: var(--bs-form-color); /* fix this */
	margin-inline-end: 0.85rem;
}
.form-control::file-selector-button {
	margin: -0.3rem -0.85rem;
	padding: 0.3rem 0.85rem;
	-webkit-margin-end: 0.85rem;
	border: 0 solid;
	border-inline-end-width: 1px;
	margin-inline-end: 0.85rem;
	color: var(--bs-form-color); /* fix this */
}
.form-control-plaintext {
	border-width: 1px 0;
	padding: 0.3rem 0;
}
.form-control-sm {
	font-size: 0.75rem;
	min-height: calc(1.525rem + 2px);
	padding: 0.2rem 0.5rem;
}
.form-control-sm::-webkit-file-upload-button {
	margin: -0.2rem -0.5rem;
	padding: 0.2rem 0.5rem;

}
.form-control-sm::file-selector-button {
	margin: -0.2rem -0.5rem;
	padding: 0.2rem 0.5rem;
}
.form-control-lg {
	border-radius: var(--bs-border-radius-lg);
	font-size: 0.925rem;
	min-height: calc(2.1875rem + 2px);
	padding: 0.4rem 1rem;
}
.form-control-lg::-webkit-file-upload-button {
	margin: -0.4rem -1rem;
	padding: 0.4rem 1rem;
}
.form-control-lg::file-selector-button {
	margin: -0.4rem -1rem;
	padding: 0.4rem 1rem;
}
textarea.form-control {
	min-height: calc(1.9125rem + 2px);
}
textarea.form-control-sm {
	min-height: calc(1.525rem + 2px);
}
textarea.form-control-lg {
	min-height: calc(2.1875rem + 2px);
}
.form-control-color {
	height: calc(1.9125rem + 2px);
	padding: 0.3rem;
}
.form-control-color.form-control-sm {
	height: calc(1.525rem + 2px);
}
.form-control-color.form-control-lg {
	height: calc(2.1875rem + 2px);
}

/* forms/_form-select.css */
.form-select {
	--bs-form-select-bg-img: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
	background-position: right 0.85rem center;
	border: 1px solid var(--bs-border-color);
	font-size: 0.875rem;
	padding: 0.3rem 2.55rem 0.3rem 0.85rem;
	background-color:  var(--bs-form-bg); /* fix this */
	color: var(--bs-form-color); /* fix this */
}
[data-bs-theme="dark"] .form-select {
	--bs-form-select-bg-img: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23d3d5d8' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
}
.form-select:focus {
	border-color: var(--bs-form-border-color-focus);
	box-shadow: 0 0 0 0.2rem rgba(59, 125, 221, 0.25);
}
[data-bs-theme="dark"].form-select:focus {
	border-color: var(--bs-form-border-color-focus);
	box-shadow: 0 0 0 0.2rem rgba(59, 125, 221, 0.25);
}
.form-select[multiple],
.form-select[size]:not([size="1"]) {
	padding-right: 0.85rem;
}
.form-select:disabled {
	background-color: var(--bs-form-bg-disabled);
}

.form-select:-moz-focusring {
	text-shadow: 0 0 0 #495057;
}
[data-bs-theme="dark"].form-select:-moz-focusring {
	text-shadow: 0 0 0 #bdc0c5;
}
.form-select-sm {
	font-size: 0.75rem;
	padding-bottom: 0.2rem;
	padding-left: 0.5rem;
	padding-top: 0.2rem;
}
.form-select-lg {
	font-size: 0.925rem;
	padding-bottom: 0.4rem;
	padding-left: 1rem;
	padding-top: 0.4rem;
}


/* forms/_form-check.css */
.form-check {
	min-height: 1.3125rem;
}
.form-check-input {
	--bs-form-check-bg: var(--bs-form-bg); /* fix this */
	background-position: 50%;
}
[data-bs-theme="dark"] .form-check-input {
	border: 1px solid hsla(0, 0%, 100%, 0.5);
}
.form-check-input:focus {
	border-color: var(--bs-form-border-color-focus);
	box-shadow: 0 0 0 0.25rem rgba(59, 125, 221, 0.25);
}
.form-check-input:checked {
	background-color: #3b7ddd;
	border-color: #3b7ddd;
}
.form-check-input:checked[type="checkbox"] {
	--bs-form-check-bg-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E");
}
.form-check-input:checked[type="radio"] {
	--bs-form-check-bg-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='2' fill='%23fff'/%3E%3C/svg%3E");
}
.form-check-input[type="checkbox"]:indeterminate {
	--bs-form-check-bg-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3E%3C/svg%3E");
	background-color: #3b7ddd;
	border-color: #3b7ddd;
}
[data-bs-theme="dark"] .form-check-input[type="checkbox"]:indeterminate {
	--bs-form-check-bg-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23222E3C' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3E%3C/svg%3E");
}
.form-switch .form-check-input {
	--bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='rgba(0, 0, 0, 0.25)'/%3E%3C/svg%3E");
	background-position: 0;
}
[data-bs-theme="dark"] .form-switch .form-check-input {
	--bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='rgba(255, 255, 255, 0.5)'/%3E%3C/svg%3E");
}
.form-switch .form-check-input:focus {
	--bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%239dbeee'/%3E%3C/svg%3E");
}
.form-switch .form-check-input:checked {
	--bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
	background-position: 100%;
}

/* forms/_form-range.css */

.form-range {
	height: 1.4rem;
}
.form-range:focus::-webkit-slider-thumb {
	box-shadow: 0 0 0 1px #f5f7fb, 0 0 0 0.25rem rgba(59, 125, 221, 0.25);
}
[data-bs-theme="dark"] .form-range:focus::-webkit-slider-thumb {
	box-shadow: 0 0 0 1px #19222c, 0 0 0 0.25rem rgba(59, 125, 221, 0.25);
}
.form-range:focus::-moz-range-thumb {
	box-shadow: 0 0 0 1px #f5f7fb, 0 0 0 0.25rem rgba(59, 125, 221, 0.25);
}
[data-bs-theme="dark"] .form-range:focus::-moz-range-thumb {
	box-shadow: 0 0 0 1px #19222c, 0 0 0 0.25rem rgba(59, 125, 221, 0.25);
}
.form-range::-webkit-slider-thumb {
	background-color: #3b7ddd;
}
.form-range::-webkit-slider-thumb:active {
	background-color: #c4d8f5;
}
.form-range::-webkit-slider-runnable-track {
	background-color: var(--bs-tertiary-bg);
}
.form-range::-moz-range-thumb {
	background-color: #3b7ddd;
}
.form-range::-moz-range-thumb:active {
	background-color: #c4d8f5;
}
.form-range::-moz-range-track {
	background-color: var(--bs-tertiary-bg);
}

/* forms/_floating-labels.css */
.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
	height: calc(3.5rem + 2px);
	min-height: calc(3.5rem + 2px);
}
.form-floating > label {
	border: 1px solid transparent;
	padding: 1rem 0.85rem;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext {
	padding: 1rem 0.85rem;
}
.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label::after {
	background-color:  var(--bs-form-bg); /* fix this */
	inset: 1rem 0.425rem;
}

.form-floating > .form-control-plaintext ~ label::after,
.form-floating > .form-control:focus ~ label::after,
.form-floating > .form-control:not(:placeholder-shown) ~ label::after,
.form-floating > .form-select ~ label::after {
	background-color:  var(--bs-form-bg); /* fix this */
	inset: 1rem 0.425rem;
}
.form-floating > .form-control-plaintext ~ label {
	border-width: 1px 0;
}
.form-floating > :disabled ~ label {
	color: #6c757d;
}
[data-bs-theme="dark"] .form-floating > :disabled ~ label {
	color: #a7abb1;
}
.form-floating > :disabled ~ label::after {
	background-color: var(--bs-form-bg-disabled);
}


/* forms/_input-group.css */
.input-group-text {
	border: 1px solid var(--bs-border-color);
	font-size: 0.875rem;
	padding: 0.3rem 0.85rem;
	color: var(--bs-secondary-color);
}

.input-group-lg > .btn,
.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text {
	font-size: 0.925rem;
	padding: 0.4rem 1rem;
}
.input-group-sm > .btn,
.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text {
	font-size: 0.75rem;
	padding: 0.2rem 0.5rem;
}
.input-group-lg > .form-select,
.input-group-sm > .form-select {
	padding-right: 3.4rem;
}

/* forms/_validation.css */
.valid-feedback {
	font-size: 80%;
}
.valid-tooltip {
	font-size: 0.75rem;
}
.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
	box-shadow: 0 0 0 0.2rem rgba(var(--bs-success-rgb), 0.25);
}
.form-select.is-valid:focus,
.was-validated .form-select:valid:focus {
	box-shadow: 0 0 0 0.2rem rgba(var(--bs-success-rgb), 0.25);
}
.form-check-input.is-valid:focus,
.was-validated .form-check-input:valid:focus {
	box-shadow: 0 0 0 0.2rem rgba(var(--bs-success-rgb), 0.25);
}
.invalid-feedback {
	font-size: 80%;
}
.invalid-tooltip {
	font-size: 0.75rem;
}
.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
	box-shadow: 0 0 0 0.2rem rgba(var(--bs-danger-rgb), 0.25);
}
.form-select.is-invalid:focus,
.was-validated .form-select:invalid:focus {
	box-shadow: 0 0 0 0.2rem rgba(var(--bs-danger-rgb), 0.25);
}
.form-check-input.is-invalid:focus,
.was-validated .form-check-input:invalid:focus {
	box-shadow: 0 0 0 0.2rem rgba(var(--bs-danger-rgb), 0.25);
}
.input-group > .form-control:not(:focus).is-invalid, 
.input-group > .form-floating:not(:focus-within).is-invalid, 
.input-group > .form-select:not(:focus).is-invalid, 
.was-validated .input-group > .form-control:not(:focus):invalid, 
.was-validated .input-group > .form-floating:not(:focus-within):invalid, 
.was-validated .input-group > .form-select:not(:focus):invalid {
	z-index: 0;
}

/* _buttons.css */

.btn {
	--bs-btn-padding-x: 0.85rem;
	--bs-btn-padding-y: 0.3rem;
	--bs-btn-font-size: 0.875rem;
	--bs-btn-border-width: 1px;
	--bs-btn-box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
	--bs-btn-focus-box-shadow: 0 0 0 0.2rem rgba(var(--bs-btn-focus-shadow-rgb), 0.5);
}
[data-bs-theme="dark"] .btn {
	--bs-btn-box-shadow: inset 0 1px 0 rgba(34, 46, 60, 0.15), 0 1px 1px hsla(0, 0%, 100%, 0.075);
	--bs-btn-focus-box-shadow: 0 0 0 0.2rem rgba(var(--bs-btn-focus-shadow-rgb), 0.5);
}
.btn:hover {
	text-decoration: none;
}
.btn-primary {
	--bs-btn-color: #fff;
	--bs-btn-bg: #3b7ddd;
	--bs-btn-border-color: #3b7ddd;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #326abc;
	--bs-btn-hover-border-color: #2f64b1;
	--bs-btn-focus-shadow-rgb: 88, 145, 226;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #2f64b1;
	--bs-btn-active-border-color: #2c5ea6;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #3b7ddd;
	--bs-btn-disabled-border-color: #3b7ddd;
}
[data-bs-theme="dark"] .btn-primary {
	--bs-btn-color: #fff;
	--bs-btn-bg: #3b7ddd;
	--bs-btn-border-color: #3b7ddd;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #326abc;
	--bs-btn-hover-border-color: #2f64b1;
	--bs-btn-focus-shadow-rgb: 55, 113, 197;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #2f64b1;
	--bs-btn-active-border-color: #2c5ea6;
	--bs-btn-active-shadow: inset 0 3px 5px hsla(0, 0%, 100%, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #3b7ddd;
	--bs-btn-disabled-border-color: #3b7ddd;
}
.btn-secondary {
	--bs-btn-color: #fff;
	--bs-btn-bg: #6c757d;
	--bs-btn-border-color: #6c757d;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #5c636a;
	--bs-btn-hover-border-color: #565e64;
	--bs-btn-focus-shadow-rgb: 130, 138, 145;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #565e64;
	--bs-btn-active-border-color: #51585e;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #6c757d;
	--bs-btn-disabled-border-color: #6c757d;
}
[data-bs-theme="dark"] .btn-secondary {
	--bs-btn-color: #fff;
	--bs-btn-bg: #7a828a;
	--bs-btn-border-color: #7a828a;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #686f75;
	--bs-btn-hover-border-color: #62686e;
	--bs-btn-focus-shadow-rgb: 109, 117, 126;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #62686e;
	--bs-btn-active-border-color: #5c6268;
	--bs-btn-active-shadow: inset 0 3px 5px hsla(0, 0%, 100%, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #7a828a;
	--bs-btn-disabled-border-color: #7a828a;
}
.btn-success {
	--bs-btn-color: #fff;
	--bs-btn-bg: #1cbb8c;
	--bs-btn-border-color: #1cbb8c;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #329f80; /* #3ec59d -> 20% lebih gelap */
	--bs-btn-hover-border-color: #2b9b7b; /* #33c298 -> 20% lebih gelap */
	--bs-btn-focus-shadow-rgb: 19, 127, 95; /* 24, 159, 119 -> 20% lebih gelap */
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #3ca788; /* #49c9a3 -> 20% lebih gelap */
	--bs-btn-active-border-color: #2b9b7b; /* #33c298 -> 20% lebih gelap */
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #1cbb8c;
	--bs-btn-disabled-border-color: #1cbb8c;
}
[data-bs-theme="dark"] .btn-success {
	--bs-btn-color: #fff;
	--bs-btn-bg: #1cbb8c;
	--bs-btn-border-color: #1cbb8c;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #127c5e; /* #189f77 -> 20% lebih gelap */
	--bs-btn-hover-border-color: #117458; /* #169670 -> 20% lebih gelap */
	--bs-btn-focus-shadow-rgb: 23, 133, 102; /* 29, 166, 128 -> 20% lebih gelap */
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #117458; /* #169670 -> 20% lebih gelap */
	--bs-btn-active-border-color: #106d52; /* #158c69 -> 20% lebih gelap */
	--bs-btn-active-shadow: inset 0 3px 5px hsla(0, 0%, 100%, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #1cbb8c;
	--bs-btn-disabled-border-color: #1cbb8c;
}
.btn-info {
	--bs-btn-color: #fff;
	--bs-btn-bg: #17a2b8;
	--bs-btn-border-color: #17a2b8;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #148a9c;
	--bs-btn-hover-border-color: #128293;
	--bs-btn-focus-shadow-rgb: 58, 176, 195;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #128293;
	--bs-btn-active-border-color: #117a8a;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #17a2b8;
	--bs-btn-disabled-border-color: #17a2b8;
}
[data-bs-theme="dark"] .btn-info {
	--bs-btn-color: #fff;
	--bs-btn-bg: #17a2b8;
	--bs-btn-border-color: #17a2b8;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #148a9c;
	--bs-btn-hover-border-color: #128293;
	--bs-btn-focus-shadow-rgb: 25, 145, 165;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #128293;
	--bs-btn-active-border-color: #117a8a;
	--bs-btn-active-shadow: inset 0 3px 5px hsla(0, 0%, 100%, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #17a2b8;
	--bs-btn-disabled-border-color: #17a2b8;
}

.btn-warning {
	--bs-btn-color: #fff;
	--bs-btn-bg: #d89f26;
	--bs-btn-border-color: #d89f26;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #ba8939; /* #fcc44c -> 25% lebih gelap */
	--bs-btn-hover-border-color: #b48132; /* #fcc041 -> 25% lebih gelap */
	--bs-btn-focus-shadow-rgb: 160, 117, 28; /* 25% lebih gelap dari 214, 157, 37 */
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #bd8d3c; /* #fdc756 -> 25% lebih gelap */
	--bs-btn-active-border-color: #b48132; /* #fcc041 -> 25% lebih gelap */
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #d89f26;
	--bs-btn-disabled-border-color: #d89f26;
}
[data-bs-theme="dark"] .btn-warning {
	--bs-btn-color: #fff;
	--bs-btn-bg: #d89f26;
	--bs-btn-border-color: #d89f26;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #ba8939; /* #fcc44c -> 25% lebih gelap */
	--bs-btn-hover-border-color: #b48132; /* #fcc041 -> 25% lebih gelap */
	--bs-btn-focus-shadow-rgb: 160, 117, 28; /* 25% lebih gelap dari 214, 157, 37 */
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #bd8d3c; /* #fdc756 -> 25% lebih gelap */
	--bs-btn-active-border-color: #b48132; /* #fcc041 -> 25% lebih gelap */
	--bs-btn-active-shadow: inset 0 3px 5px hsla(0, 0%, 100%, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #d89f26;
	--bs-btn-disabled-border-color: #d89f26;
}
.btn-danger {
	--bs-btn-color: #fff;
	--bs-btn-bg: #dc3545;
	--bs-btn-border-color: #dc3545;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #bb2d3b;
	--bs-btn-hover-border-color: #b02a37;
	--bs-btn-focus-shadow-rgb: 225, 83, 97;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #b02a37;
	--bs-btn-active-border-color: #a52834;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #dc3545;
	--bs-btn-disabled-border-color: #dc3545;
}
[data-bs-theme="dark"] .btn-danger {
	--bs-btn-color: #fff;
	--bs-btn-bg: #dc3545;
	--bs-btn-border-color: #dc3545;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #bb2d3b;
	--bs-btn-hover-border-color: #b02a37;
	--bs-btn-focus-shadow-rgb: 192, 52, 68;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #b02a37;
	--bs-btn-active-border-color: #a52834;
	--bs-btn-active-shadow: inset 0 3px 5px hsla(0, 0%, 100%, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #dc3545;
	--bs-btn-disabled-border-color: #dc3545;
}
.btn-light {
	--bs-btn-color: #495057;
	--bs-btn-bg: #f5f7fb;
	--bs-btn-border-color: #f5f7fb;
	--bs-btn-hover-color: #495057;
	--bs-btn-hover-bg: #d0d2d5;
	--bs-btn-hover-border-color: #d0d2d5;
	--bs-btn-focus-shadow-rgb: 208, 210, 213;
	--bs-btn-active-color: #495057;
	--bs-btn-active-bg: #c4c6c9;
	--bs-btn-active-border-color: #c4c6c9;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #495057;
	--bs-btn-disabled-bg: #f5f7fb;
	--bs-btn-disabled-border-color: #f5f7fb;
}
[data-bs-theme="dark"] .btn-light {
	--bs-btn-color: #f8f9fa;
	--bs-btn-bg: #2d3846;
	--bs-btn-border-color: #2d3846;
	--bs-btn-hover-color: #f8f9fa;
	--bs-btn-hover-bg: #26303c;
	--bs-btn-hover-border-color: #26303c;
	--bs-btn-focus-shadow-rgb: 77, 86, 98;
	--bs-btn-active-color: #f8f9fa;
	--bs-btn-active-bg: #242d38;
	--bs-btn-active-border-color: #242d38;
	--bs-btn-active-shadow: inset 0 3px 5px hsla(0, 0%, 100%, 0.125);
	--bs-btn-disabled-color: #f8f9fa;
	--bs-btn-disabled-bg: #2d3846;
	--bs-btn-disabled-border-color: #2d3846;
}
.btn-dark {
	--bs-btn-color: #f8f9fa;
	--bs-btn-bg: #212529;
	--bs-btn-border-color: #212529;
	--bs-btn-hover-color: #f8f9fa;
	--bs-btn-hover-bg: #424649;
	--bs-btn-hover-border-color: #373b3e;
	--bs-btn-focus-shadow-rgb: 66, 70, 73;
	--bs-btn-active-color: #f8f9fa;
	--bs-btn-active-bg: #4d5154;
	--bs-btn-active-border-color: #373b3e;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #f8f9fa;
	--bs-btn-disabled-bg: #212529;
	--bs-btn-disabled-border-color: #212529;
}
[data-bs-theme="dark"] .btn-dark {
	--bs-btn-color: #343a40;
	--bs-btn-bg: #e9eaec;
	--bs-btn-border-color: #e9eaec;
	--bs-btn-hover-color: #343a40;
	--bs-btn-hover-bg: #d0d2d5;
	--bs-btn-hover-border-color: #c4c6c9;
	--bs-btn-focus-shadow-rgb: 208, 210, 213;
	--bs-btn-active-color: #343a40;
	--bs-btn-active-bg: #c4c6c9;
	--bs-btn-active-border-color: #b8b9bc;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #343a40;
	--bs-btn-disabled-bg: #e9eaec;
	--bs-btn-disabled-border-color: #e9eaec;
}
.btn-outline-primary {
	--bs-btn-color: #3b7ddd;
	--bs-btn-border-color: #3b7ddd;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #3b7ddd;
	--bs-btn-hover-border-color: #3b7ddd;
	--bs-btn-focus-shadow-rgb: 59, 125, 221;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #3b7ddd;
	--bs-btn-active-border-color: #3b7ddd;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #3b7ddd;
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: #3b7ddd;
	--bs-gradient: none;
}
[data-bs-theme="dark"] .btn-outline-primary {
	--bs-btn-color: #3b7ddd;
	--bs-btn-border-color: #3b7ddd;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #3b7ddd;
	--bs-btn-hover-border-color: #3b7ddd;
	--bs-btn-focus-shadow-rgb: 59, 125, 221;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #3b7ddd;
	--bs-btn-active-border-color: #3b7ddd;
	--bs-btn-active-shadow: inset 0 3px 5px hsla(0, 0%, 100%, 0.125);
	--bs-btn-disabled-color: #3b7ddd;
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: #3b7ddd;
	--bs-gradient: none;
}
.btn-outline-secondary {
	--bs-btn-color: #6c757d;
	--bs-btn-border-color: #6c757d;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #6c757d;
	--bs-btn-hover-border-color: #6c757d;
	--bs-btn-focus-shadow-rgb: 108, 117, 125;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #6c757d;
	--bs-btn-active-border-color: #6c757d;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #6c757d;
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: #6c757d;
	--bs-gradient: none;
}
[data-bs-theme="dark"] .btn-outline-secondary {
	--bs-btn-color: #7a828a;
	--bs-btn-border-color: #7a828a;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #7a828a;
	--bs-btn-hover-border-color: #7a828a;
	--bs-btn-focus-shadow-rgb: 122, 130, 138;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #7a828a;
	--bs-btn-active-border-color: #7a828a;
	--bs-btn-active-shadow: inset 0 3px 5px hsla(0, 0%, 100%, 0.125);
	--bs-btn-disabled-color: #7a828a;
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: #7a828a;
	--bs-gradient: none;
}
.btn-outline-success {
	--bs-btn-color: #1cbb8c;
	--bs-btn-border-color: #1cbb8c;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #1cbb8c;
	--bs-btn-hover-border-color: #1cbb8c;
	--bs-btn-focus-shadow-rgb: 28, 187, 140;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #1cbb8c;
	--bs-btn-active-border-color: #1cbb8c;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #1cbb8c;
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: #1cbb8c;
	--bs-gradient: none;
}
[data-bs-theme="dark"] .btn-outline-success {
	--bs-btn-color: #1cbb8c;
	--bs-btn-border-color: #1cbb8c;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #1cbb8c;
	--bs-btn-hover-border-color: #1cbb8c;
	--bs-btn-focus-shadow-rgb: 28, 187, 140;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #1cbb8c;
	--bs-btn-active-border-color: #1cbb8c;
	--bs-btn-active-shadow: inset 0 3px 5px hsla(0, 0%, 100%, 0.125);
	--bs-btn-disabled-color: #1cbb8c;
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: #1cbb8c;
	--bs-gradient: none;
}
.btn-outline-info {
	--bs-btn-color: #17a2b8;
	--bs-btn-border-color: #17a2b8;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #17a2b8;
	--bs-btn-hover-border-color: #17a2b8;
	--bs-btn-focus-shadow-rgb: 23, 162, 184;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #17a2b8;
	--bs-btn-active-border-color: #17a2b8;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #17a2b8;
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: #17a2b8;
	--bs-gradient: none;
}
[data-bs-theme="dark"] .btn-outline-info {
	--bs-btn-color: #17a2b8;
	--bs-btn-border-color: #17a2b8;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #17a2b8;
	--bs-btn-hover-border-color: #17a2b8;
	--bs-btn-focus-shadow-rgb: 23, 162, 184;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #17a2b8;
	--bs-btn-active-border-color: #17a2b8;
	--bs-btn-active-shadow: inset 0 3px 5px hsla(0, 0%, 100%, 0.125);
	--bs-btn-disabled-color: #17a2b8;
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: #17a2b8;
	--bs-gradient: none;
}
.btn-outline-warning {
	--bs-btn-color: #d89f26;
	--bs-btn-border-color: #d89f26;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #ba8939; /* #fcc44c -> 25% lebih gelap */
	--bs-btn-hover-border-color: #b48132; /* #fcc041 -> 25% lebih gelap */
	--bs-btn-focus-shadow-rgb: 160, 117, 28; /* 25% lebih gelap dari 214, 157, 37 */
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #bd8d3c; /* #fdc756 -> 25% lebih gelap */
	--bs-btn-active-border-color: #b48132; /* #fcc041 -> 25% lebih gelap */
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #d89f26;
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: #d89f26;
	--bs-gradient: none;
}
[data-bs-theme="dark"] .btn-outline-warning {
	--bs-btn-color: #d89f26;
	--bs-btn-border-color: #d89f26;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #ba8939; /* #fcc44c -> 25% lebih gelap */
	--bs-btn-hover-border-color: #b48132; /* #fcc041 -> 25% lebih gelap */
	--bs-btn-focus-shadow-rgb: 160, 117, 28; /* 25% lebih gelap dari 214, 157, 37 */
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #bd8d3c; /* #fdc756 -> 25% lebih gelap */
	--bs-btn-active-border-color: #b48132; /* #fcc041 -> 25% lebih gelap */
	--bs-btn-active-shadow: inset 0 3px 5px hsla(0, 0%, 100%, 0.125);
	--bs-btn-disabled-color: #d89f26;
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: #d89f26;
	--bs-gradient: none;
}
.btn-outline-danger {
	--bs-btn-color: #dc3545;
	--bs-btn-border-color: #dc3545;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #dc3545;
	--bs-btn-hover-border-color: #dc3545;
	--bs-btn-focus-shadow-rgb: 220, 53, 69;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #dc3545;
	--bs-btn-active-border-color: #dc3545;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #dc3545;
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: #dc3545;
	--bs-gradient: none;
}
[data-bs-theme="dark"] .btn-outline-danger {
	--bs-btn-color: #dc3545;
	--bs-btn-border-color: #dc3545;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #dc3545;
	--bs-btn-hover-border-color: #dc3545;
	--bs-btn-focus-shadow-rgb: 220, 53, 69;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #dc3545;
	--bs-btn-active-border-color: #dc3545;
	--bs-btn-active-shadow: inset 0 3px 5px hsla(0, 0%, 100%, 0.125);
	--bs-btn-disabled-color: #dc3545;
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: #dc3545;
	--bs-gradient: none;
}
.btn-outline-light {
	--bs-btn-color: #f5f7fb;
	--bs-btn-border-color: #f5f7fb;
	--bs-btn-hover-color: #343a40;
	--bs-btn-hover-bg: #f5f7fb;
	--bs-btn-hover-border-color: #f5f7fb;
	--bs-btn-focus-shadow-rgb: 245, 247, 251;
	--bs-btn-active-color: #343a40;
	--bs-btn-active-bg: #f5f7fb;
	--bs-btn-active-border-color: #f5f7fb;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #f5f7fb;
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: #f5f7fb;
	--bs-gradient: none;
}
[data-bs-theme="dark"] .btn-outline-light {
	--bs-btn-color: #2d3846;
	--bs-btn-border-color: #2d3846;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #2d3846;
	--bs-btn-hover-border-color: #2d3846;
	--bs-btn-focus-shadow-rgb: 45, 56, 70;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #2d3846;
	--bs-btn-active-border-color: #2d3846;
	--bs-btn-active-shadow: inset 0 3px 5px hsla(0, 0%, 100%, 0.125);
	--bs-btn-disabled-color: #2d3846;
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: #2d3846;
	--bs-gradient: none;
}
.btn-outline-dark {
	--bs-btn-color: #212529;
	--bs-btn-border-color: #212529;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #212529;
	--bs-btn-hover-border-color: #212529;
	--bs-btn-focus-shadow-rgb: 33, 37, 41;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #212529;
	--bs-btn-active-border-color: #212529;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #212529;
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: #212529;
	--bs-gradient: none;
}
[data-bs-theme="dark"] .btn-outline-dark {
	--bs-btn-color: #e9eaec;
	--bs-btn-border-color: #e9eaec;
	--bs-btn-hover-color: #222e3c;
	--bs-btn-hover-bg: #e9eaec;
	--bs-btn-hover-border-color: #e9eaec;
	--bs-btn-focus-shadow-rgb: 233, 234, 236;
	--bs-btn-active-color: #222e3c;
	--bs-btn-active-bg: #e9eaec;
	--bs-btn-active-border-color: #e9eaec;
	--bs-btn-active-shadow: inset 0 3px 5px hsla(0, 0%, 100%, 0.125);
	--bs-btn-disabled-color: #e9eaec;
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: #e9eaec;
	--bs-gradient: none;
}
.btn-link {
	--bs-btn-font-weight: 400;
	--bs-btn-color: var(--bs-link-color);
	--bs-btn-bg: transparent;
	--bs-btn-border-color: transparent;
	--bs-btn-hover-color: var(--bs-link-hover-color);
	--bs-btn-hover-border-color: transparent;
	--bs-btn-active-color: var(--bs-link-hover-color);
	--bs-btn-active-border-color: transparent;
	--bs-btn-disabled-color: #6c757d;
	--bs-btn-disabled-border-color: transparent;
	--bs-btn-box-shadow: 0 0 0 #000;
	--bs-btn-focus-shadow-rgb: 88, 145, 226;
	text-decoration: none;
}
[data-bs-theme="dark"] .btn-link {
	--bs-btn-font-weight: 400;
	--bs-btn-color: var(--bs-link-color);
	--bs-btn-bg: transparent;
	--bs-btn-border-color: transparent;
	--bs-btn-hover-color: var(--bs-link-hover-color);
	--bs-btn-hover-border-color: transparent;
	--bs-btn-active-color: var(--bs-link-hover-color);
	--bs-btn-active-border-color: transparent;
	--bs-btn-disabled-color: #a7abb1;
	--bs-btn-disabled-border-color: transparent;
	--bs-btn-box-shadow: 0 0 0 #000;
	--bs-btn-focus-shadow-rgb: 55, 113, 197;
	text-decoration: none;
}
.btn-link:focus-visible,
.btn-link:hover {
	text-decoration: underline;
}
.btn-group-lg > .btn,
.btn-lg {
	--bs-btn-padding-y: 0.4rem;
	--bs-btn-padding-x: 1rem;
	--bs-btn-font-size: 0.925rem;
}
.btn-group-sm > .btn,
.btn-sm {
	--bs-btn-padding-y: 0.2rem;
	--bs-btn-padding-x: 0.5rem;
	--bs-btn-font-size: 0.75rem;
}
.btn-white {
	--bs-btn-color: #495057;
	--bs-btn-bg: #fff;
	--bs-btn-border-color: #fff;
	--bs-btn-hover-color: #495057;
	--bs-btn-hover-bg: #dcdde0;
	--bs-btn-hover-border-color: #dcdde0;
	--bs-btn-focus-shadow-rgb: 222, 224, 227;
	--bs-btn-active-color: #495057;
	--bs-btn-active-bg: #d1d3d6;
	--bs-btn-active-border-color: #d1d3d6;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #495057;
	--bs-btn-disabled-bg: #fafbfe;
	--bs-btn-disabled-border-color: #fafbfe;
}
[data-bs-theme="dark"] .btn-white {
	--bs-btn-color: #fff;
	--bs-btn-bg: #222e3c;
	--bs-btn-border-color: #222e3c;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #202933;
	--bs-btn-hover-border-color: #202933;
	--bs-btn-focus-shadow-rgb: 69, 77, 88;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #1d252f;
	--bs-btn-active-border-color: #1d252f;
	--bs-btn-active-shadow: inset 0 3px 5px hsla(0, 0%, 100%, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #26303c;
	--bs-btn-disabled-border-color: #26303c;
}

/* _transitions.css */

.fade {
	transition: opacity 0.15s linear;
}
.fade:not(.show) {
	opacity: 0;
}
.collapse:not(.show) {
	display: none;
}
.collapsing {
	height: 0;
	overflow: hidden;
	transition: height 0.35s ease;
}
.collapsing.collapse-horizontal {
	height: auto;
	width: 0;
	transition: width 0.35s ease;
}

/* _dropdown.css */

.dropdown-menu {
	--bs-dropdown-font-size: 0.875rem;
	--bs-dropdown-bg: #fff;
	--bs-dropdown-box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.05);
	--bs-dropdown-link-color: #495057;
	--bs-dropdown-link-hover-color: #495057;
	--bs-dropdown-link-hover-bg: #f8f9fa;
	--bs-dropdown-link-active-bg: #3b7ddd;
	--bs-dropdown-item-padding-x: 1.5rem;
	--bs-dropdown-item-padding-y: 0.35rem;
	--bs-dropdown-header-padding-x: 1.5rem;
}
[data-bs-theme="dark"] .dropdown-menu {
	--bs-dropdown-bg: #222e3c;
	--bs-dropdown-box-shadow: 0 0.1rem 0.2rem hsla(0, 0%, 100%, 0.05);
	--bs-dropdown-link-color: #bdc0c5;
	--bs-dropdown-link-hover-color: #bdc0c5;
	--bs-dropdown-link-hover-bg: #384350;
	--bs-dropdown-link-active-color: #222e3c;
	--bs-dropdown-link-active-bg: #3b7ddd;
	--bs-dropdown-header-color: #a7abb1;
}
.dropdown-menu-dark {
	--bs-dropdown-link-hover-bg: hsla(0, 0%, 100%, 0.15);
	--bs-dropdown-link-active-bg: #3b7ddd;
}
[data-bs-theme="dark"] .dropdown-menu-dark {
	--bs-dropdown-color: #646d77;
	--bs-dropdown-bg: #d3d5d8;
	--bs-dropdown-link-color: #646d77;
	--bs-dropdown-link-hover-color: #222e3c;
	--bs-dropdown-link-hover-bg: rgba(34, 46, 60, 0.15);
	--bs-dropdown-link-active-color: #222e3c;
	--bs-dropdown-link-active-bg: #3b7ddd;
	--bs-dropdown-link-disabled-color: #91979e;
	--bs-dropdown-header-color: #91979e;
}

/* _button-group.css */

.dropdown-toggle-split {
	padding-left: 0.6375rem;
	padding-right: 0.6375rem;
}

/* _nav.css */

.nav-link:focus,
.nav-link:hover {
	text-decoration: none;
}
.nav-link:focus-visible {
	box-shadow: 0 0 0 0.25rem rgba(59, 125, 221, 0.25);
}
.nav-pills {
	--bs-nav-pills-link-active-bg: #3b7ddd;
}
[data-bs-theme="dark"] .nav-pills {
	--bs-nav-pills-link-active-color: #222e3c;
}
.nav-underline .nav-link.active,
.nav-underline .show > .nav-link {
	font-weight: 600;
}

/* _navbar.css */

.navbar {
	--bs-navbar-padding-x: 1.375rem;
	--bs-navbar-padding-y: 0.875rem;
	--bs-navbar-brand-padding-y: 0.875rem;
	--bs-navbar-brand-font-size: 1.15rem;
	--bs-navbar-toggler-font-size: 0.925rem;
	--bs-navbar-toggler-icon-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(73, 80, 87, 0.75)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
	--bs-navbar-toggler-focus-width: 0.2rem;
}


[data-bs-theme="dark"] .navbar {
	--bs-navbar-toggler-icon-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(189, 192, 197, 0.75)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-dark,
.navbar[data-bs-theme="dark"] {
	--bs-navbar-color: hsla(0, 0%, 100%, 0.55);
	--bs-navbar-hover-color: hsla(0, 0%, 100%, 0.75);
	--bs-navbar-disabled-color: hsla(0, 0%, 100%, 0.25);
	--bs-navbar-toggler-border-color: hsla(0, 0%, 100%, 0.1);
	--bs-navbar-toggler-icon-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");	
}

[data-bs-theme="dark"] .navbar-dark,
[data-bs-theme="dark"] .navbar[data-bs-theme="dark"] {
	--bs-navbar-color: rgba(34, 46, 60, 0.55);
	--bs-navbar-hover-color: rgba(34, 46, 60, 0.75);
	--bs-navbar-disabled-color: rgba(34, 46, 60, 0.25);
	--bs-navbar-active-color: #222e3c;
	--bs-navbar-brand-color: #222e3c;
	--bs-navbar-brand-hover-color: #222e3c;
	--bs-navbar-toggler-border-color: rgba(34, 46, 60, 0.1);
	--bs-navbar-toggler-icon-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(34, 46, 60, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}


/* _card.css */

.card {
	--bs-card-spacer-y: 1.25rem;
	--bs-card-spacer-x: 1.25rem;
	--bs-card-title-color: #939ba2;
	--bs-card-border-width: 0;
	--bs-card-border-color: transparent;
	--bs-card-border-radius: 0.25rem;
	--bs-card-inner-border-radius: 0.25rem;
	--bs-card-cap-padding-y: 1rem;
	--bs-card-cap-padding-x: 1.25rem;
	--bs-card-cap-bg: #fff;
	--bs-card-bg: #fff;
	--bs-card-group-margin: 0.75rem;
}
[data-bs-theme="dark"] .card {
	--bs-card-title-color: #d3d5d8;
	--bs-card-cap-bg: #222e3c;
	--bs-card-bg: #222e3c;
}

/* _accordion.css */

.accordion {
	--bs-accordion-btn-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23495057' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
	--bs-accordion-btn-active-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23183258' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
	--bs-accordion-btn-focus-border-color: #9dbeee;
	--bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(59, 125, 221, 0.25);
}
[data-bs-theme="dark"] .accordion {
	--bs-accordion-btn-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23bdc0c5' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
	--bs-accordion-btn-active-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23183258' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
}
.accordion-button {
	font-size: 0.875rem;
}

/* _breadcrumb.css */

.breadcrumb {
	--bs-breadcrumb-margin-bottom: 0;
}

/* _pagination.css */

.pagination {
	--bs-pagination-padding-x: 0.75rem;
	--bs-pagination-padding-y: 0.3rem;
	--bs-pagination-font-size: 0.875rem;
	--bs-pagination-color: #6c757d;
	--bs-pagination-bg: #fff;
	--bs-pagination-hover-color: #343a40;
	--bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(59, 125, 221, 0.25);
	--bs-pagination-active-bg: #3b7ddd;
	--bs-pagination-active-border-color: #3b7ddd;
}
[data-bs-theme="dark"] .pagination {
	--bs-pagination-color: #a7abb1;
	--bs-pagination-bg: #222e3c;
	--bs-pagination-hover-color: #d3d5d8;
	--bs-pagination-active-color: #222e3c;
	--bs-pagination-active-bg: #3b7ddd;
	--bs-pagination-active-border-color: #3b7ddd;
}
.pagination-lg {
	--bs-pagination-padding-x: 1rem;
	--bs-pagination-padding-y: 0.35rem;
	--bs-pagination-font-size: 0.925rem;
}
.pagination-sm {
	--bs-pagination-padding-x: 0.5rem;
	--bs-pagination-padding-y: 0.15rem;
	--bs-pagination-font-size: 0.75rem;
}

/* _badge.css */

.badge {
	--bs-badge-padding-x: 0.45em;
	--bs-badge-padding-y: 0.3em;
	--bs-badge-font-size: 80%;
	--bs-badge-font-weight: 600;
}

/* _alert.css */

.alert {
	--bs-alert-padding-x: 0.95rem;
	--bs-alert-padding-y: 0.95rem;
}

.alert-link {
	font-weight: 600;
}
.alert-dismissible {
	padding-right: 2.85rem;
}
.alert-dismissible .btn-close {
	padding: 1.1875rem 0.95rem;
}

/* _progress */

.progress,
.progress-stacked {
	--bs-progress-height: 1rem;
	--bs-progress-font-size: 0.65625rem;
	--bs-progress-bar-bg: #3b7ddd;
}
[data-bs-theme="dark"] .progress,
[data-bs-theme="dark"] .progress-stacked {
	--bs-progress-bar-color: #222e3c;
}
.progress-bar-striped {
	background-image: linear-gradient(45deg, hsla(0, 0%, 100%, 0.15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, 0.15) 0, hsla(0, 0%, 100%, 0.15) 75%, transparent 0, transparent);
}
[data-bs-theme="dark"] .progress-bar-striped {
	background-image: linear-gradient(45deg, rgba(34, 46, 60, 0.15) 25%, transparent 0, transparent 50%,rgba(34, 46, 60, 0.15) 0, rgba(34, 46, 60, 0.15) 75%, transparent 0, transparent);
}

/* _list-group.css */

.list-group {
	--bs-list-group-bg: #fff;
	--bs-list-group-item-padding-x: 1.25rem;
	--bs-list-group-item-padding-y: 0.75rem;
	--bs-list-group-disabled-bg: #fff;
	--bs-list-group-active-bg: #3b7ddd;
	--bs-list-group-active-border-color: #3b7ddd;
 }

 [data-bs-theme="dark"] .list-group {
	--bs-list-group-bg: #222e3c;
	--bs-list-group-disabled-bg: #222e3c;
	--bs-list-group-active-color: #222e3c;
}

/* _close.css */

.btn-close {
	--bs-btn-close-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3E%3C/svg%3E");   
	--bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(59, 125, 221, 0.25);
	border-radius: 0.2rem;
	padding: 0.25em;
}
[data-bs-theme="dark"] .btn-close {
	--bs-btn-close-color: #fff;
	--bs-btn-close-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3E%3C/svg%3E");
	--bs-btn-close-white-filter: grayscale(100%) brightness(200%);
}

/* _toast.css */

.toast {
	--bs-toast-spacing: 0.75rem;
}

/* _modal.css */

.modal {
	--bs-modal-width: 600px;
	--bs-modal-bg: #fff;
	--bs-modal-border-width: 0;
	--bs-modal-box-shadow: 0 0.05rem 0.2rem rgba(0, 0, 0, 0.05);
	--bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg));
	--bs-modal-header-border-width: 1px;
	--bs-modal-footer-border-width: 1px;
}
[data-bs-theme="dark"] .modal {
	--bs-modal-bg: #222e3c;
	--bs-modal-box-shadow: 0 0.05rem 0.2rem hsla(0, 0%, 100%, 0.05);
}
.modal.fade .modal-dialog {
	transition: transform 0.35s ease-out;
}
@media (min-width: 576px) {
	.modal {
		--bs-modal-box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.05);
	}
	[data-bs-theme="dark"] .modal {
		--bs-modal-margin: 1.75rem;
		--bs-modal-box-shadow: 0 0.1rem 0.2rem hsla(0, 0%, 100%, 0.05);
	}
}


/* _tooltip.css */

.tooltip {
	--bs-tooltip-font-size: 0.625rem;
}

/* _popover.css */

.popover {
	--bs-popover-max-width: 17rem;
}

/* _carousel.css */

.carousel-control-next,
.carousel-control-prev {
	color: #fff;
}
[data-bs-theme="dark"] .carousel-control-next,
[data-bs-theme="dark"] .carousel-control-prev {
	color: #222e3c;
}
.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
	color: #fff;
}
[data-bs-theme="dark"] .carousel-control-next:focus,
[data-bs-theme="dark"] .carousel-control-next:hover,
[data-bs-theme="dark"] .carousel-control-prev:focus,
[data-bs-theme="dark"] .carousel-control-prev:hover {
	color: #222e3c;
}
.carousel-control-prev-icon {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3E%3C/svg%3E");
}
[data-bs-theme="dark"] .carousel-control-prev-icon {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23222E3C' viewBox='0 0 16 16'%3E%3Cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3E%3C/svg%3E");
}
.carousel-control-next-icon {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath 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'/%3E%3C/svg%3E");
}
[data-bs-theme="dark"] .carousel-control-next-icon {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23222E3C' viewBox='0 0 16 16'%3E%3Cpath 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'/%3E%3C/svg%3E");
}
.carousel-indicators [data-bs-target] {
	background-color: #fff;
	border-bottom: 0.625rem solid transparent;
	border-top: 0.625rem solid transparent;
	height: 0.188rem;
	margin-left: 0.188rem;
	margin-right: 0.188rem;
	width: 1.875rem;
}
[data-bs-theme="dark"] .carousel-indicators [data-bs-target] {
	background-color: #222e3c;
}
[data-bs-theme="dark"] .carousel-caption {
	color: #222e3c;
}
.carousel-caption {
	color: #fff;
}
[data-bs-theme="dark"] .carousel-dark .carousel-indicators [data-bs-target] {
	background-color: #fff;
}
.carousel-dark .carousel-indicators [data-bs-target] {
	background-color: #000;
}
.carousel-dark .carousel-caption {
	color: #000;
}
[data-bs-theme="dark"] .carousel-dark .carousel-caption {
	color: #fff;
}

/* _spinners.css */

.spinner-border,
.spinner-grow {
	display: inline-block;
}


/* _offcanvas.css */

.offcanvas,
.offcanvas-lg,
.offcanvas-md,
.offcanvas-sm,
.offcanvas-xl,
.offcanvas-xxl {
	--bs-offcanvas-bg: #fff;
	--bs-offcanvas-border-width: 0;
	--bs-offcanvas-box-shadow: 0 0.05rem 0.2rem rgba(0, 0, 0, 0.05);
}

.offcanvas-backdrop {
	background-color: #000;
}

[data-bs-theme="dark"] .offcanvas,
[data-bs-theme="dark"] .offcanvas-lg,
[data-bs-theme="dark"] .offcanvas-md,
[data-bs-theme="dark"] .offcanvas-sm,
[data-bs-theme="dark"] .offcanvas-xl,
[data-bs-theme="dark"] .offcanvas-xxl {
	--bs-offcanvas-bg: #222e3c;
	--bs-offcanvas-box-shadow: 0 0.05rem 0.2rem hsla(0, 0%, 100%, 0.05);
}
[data-bs-theme="dark"] .offcanvas-backdrop {
	background-color: #fff;
}

/* _placeholders.css */

.placeholder-wave {
	-webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%,#000 95%);
	mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
}
[data-bs-theme="dark"] .placeholder-wave {
	-webkit-mask-image: linear-gradient(130deg, #fff 55%, rgba(0, 0, 0, 0.8) 75%, #fff 95%);
	mask-image: linear-gradient(130deg, #fff 55%, rgba(0, 0, 0, 0.8) 75%, #fff 95%);
}

/* helpers */

/* helpers/_color-bg.css */ 
.text-bg-primary {
	background-color: rgba(59, 125, 221, var(--bs-bg-opacity, 1)) !important;
	color: #fff !important;
}
.text-bg-secondary {
	background-color: rgba(108, 117, 125, var(--bs-bg-opacity, 1)) !important;
	color: #fff !important;
}
.text-bg-success {
	background-color: rgba(28, 187, 140, var(--bs-bg-opacity, 1)) !important;
	color: #fff !important;
}
.text-bg-info {
	background-color: rgba(23, 162, 184, var(--bs-bg-opacity, 1)) !important;
	color: #fff !important;
}
.text-bg-warning {
	background-color: rgba(252, 185, 44, var(--bs-bg-opacity, 1)) !important;
	color: #fff !important;
}
.text-bg-danger {
	background-color: rgba(220, 53, 69, var(--bs-bg-opacity, 1)) !important;
	color: #fff !important;
}
.text-bg-light {
	background-color: rgba(245, 247, 251, var(--bs-bg-opacity, 1)) !important;
	color: #222e3c !important;
}
[data-bs-theme="dark"] .text-bg-light {
	background-color: rgba(45, 56, 70, var(--bs-bg-opacity, 1)) !important;
	color: #f5f7fb !important;
}
.text-bg-dark {
	background-color: rgba(33, 37, 41, var(--bs-bg-opacity, 1)) !important;
	color: #f5f7fb !important;
}
[data-bs-theme="dark"] .text-bg-dark {
	background-color: rgba(233, 234, 236, var(--bs-bg-opacity, 1)) !important;
	color: #222e3c !important;
}

/* helpers/_colored-links.css */ 

.link-primary:focus,
.link-primary:hover {
	color: rgba(47, 100, 177, var(--bs-link-opacity, 1)) !important;
	-webkit-text-decoration-color: rgba(47, 100, 177, var(--bs-link-underline-opacity, 1)) !important;
	text-decoration-color: rgba(47, 100, 177, var(--bs-link-underline-opacity, 1)) !important;
}
.link-secondary:focus,
.link-secondary:hover {
	color: rgba(86, 94, 100, var(--bs-link-opacity, 1)) !important;
	-webkit-text-decoration-color: rgba(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important;
	text-decoration-color: rgba(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important;
}
.link-success:focus,
.link-success:hover {
	color: rgba(73, 201, 163, var(--bs-link-opacity, 1)) !important;
	-webkit-text-decoration-color: rgba(73, 201, 163, var(--bs-link-underline-opacity, 1)) !important;
	text-decoration-color: rgba(73, 201, 163, var(--bs-link-underline-opacity, 1)) !important;
}
.link-info:focus,
.link-info:hover {
	color: rgba(18, 130, 147, var(--bs-link-opacity, 1)) !important;
	-webkit-text-decoration-color: rgba(18, 130, 147, var(--bs-link-underline-opacity, 1)) !important;
	text-decoration-color: rgba(18, 130, 147, var(--bs-link-underline-opacity, 1)) !important;
}
.link-warning:focus,
.link-warning:hover {
	color: rgba(253, 199, 86, var(--bs-link-opacity, 1)) !important;
	-webkit-text-decoration-color: rgba(253, 199, 86, var(--bs-link-underline-opacity, 1)) !important;
	text-decoration-color: rgba(253, 199, 86, var(--bs-link-underline-opacity, 1)) !important;
}
.link-danger:focus,
.link-danger:hover {
	color: rgba(176, 42, 55, var(--bs-link-opacity, 1)) !important;
	-webkit-text-decoration-color: rgba(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important;
	text-decoration-color: rgba(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important;
}
.link-light:focus,
.link-light:hover {
	color: rgba(247, 249, 252, var(--bs-link-opacity, 1)) !important;
	-webkit-text-decoration-color: rgba(247, 249, 252, var(--bs-link-underline-opacity, 1)) !important;
	text-decoration-color: rgba(247, 249, 252, var(--bs-link-underline-opacity, 1)) !important;
}
[data-bs-theme="dark"] .link-light:focus,
[data-bs-theme="dark"] .link-light:hover {
	color: rgba(87, 96, 107, var(--bs-link-opacity, 1)) !important;
	-webkit-text-decoration-color: rgba(87, 96, 107, var(--bs-link-underline-opacity, 1)) !important;
	text-decoration-color: rgba(87, 96, 107, var(--bs-link-underline-opacity, 1)) !important;
}
.link-dark:focus,
.link-dark:hover {
	color: rgba(26, 30, 33, var(--bs-link-opacity, 1)) !important;
	-webkit-text-decoration-color: rgba(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
	text-decoration-color: rgba(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
}
[data-bs-theme="dark"] .link-dark:focus,
[data-bs-theme="dark"] .link-dark:hover {
	color: rgba(186, 187, 189, var(--bs-link-opacity, 1)) !important;
	-webkit-text-decoration-color: rgba(186, 187, 189, var(--bs-link-underline-opacity, 1)) !important;
	text-decoration-color: rgba(186, 187,189, var(--bs-link-underline-opacity, 1)) !important;
}

/* helpers/_icon-link.css */

.icon-link > img,
.icon-link > svg,
.icon-link > .fa::before,
.icon-link > .fa-brands::before,
.icon-link > .fa-classic::before,
.icon-link > .fa-duotone::before,
.icon-link > .fa-light::before,
.icon-link > .fa-regular::before,
.icon-link > .fa-sharp::before,
.icon-link > .fa-sharp-duotone::before,
.icon-link > .fa-sharp-solid::before,
.icon-link > .fa-solid::before,
.icon-link > .fa-thin::before,
.icon-link > .fab::before,
.icon-link > .fad::before,
.icon-link > .fal::before,
.icon-link > .far::before,
.icon-link > .fas::before,
.icon-link > .fasds::before,
.icon-link > .fasl::before,
.icon-link > .fasr::before,
.icon-link > .fass::before,
.icon-link > .fast::before,
.icon-link > .fat::before {
	display: inline-block;
	flex-shrink: 0;
	height: 1em;
	width: 1em;
	fill: currentcolor;
	transition: transform 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
	.icon-link > img,
	.icon-link > svg,
	.icon-link > .fa::before,
	.icon-link > .fa-brands::before,
	.icon-link > .fa-classic::before,
	.icon-link > .fa-duotone::before,
	.icon-link > .fa-light::before,
	.icon-link > .fa-regular::before,
	.icon-link > .fa-sharp::before,
	.icon-link > .fa-sharp-duotone::before,
	.icon-link > .fa-sharp-solid::before,
	.icon-link > .fa-solid::before,
	.icon-link > .fa-thin::before,
	.icon-link > .fab::before,
	.icon-link > .fad::before,
	.icon-link > .fal::before,
	.icon-link > .far::before,
	.icon-link > .fas::before,
	.icon-link > .fasds::before,
	.icon-link > .fasl::before,
	.icon-link > .fasr::before,
	.icon-link > .fass::before,
	.icon-link > .fast::before,
	.icon-link > .fat::before {
		transition: none;
	}
}


/* utilities */

/* utilities/_api.css */

.shadow {
	box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.05) !important;
}
[data-bs-theme="dark"] .shadow {
	box-shadow: 0 0.1rem 0.2rem hsla(0, 0%, 100%, 0.05) !important;
}
.shadow-sm {
	box-shadow: 0 0.05rem 0.2rem rgba(0, 0, 0, 0.05) !important;
}
[data-bs-theme="dark"] .shadow-sm {
	box-shadow: 0 0.05rem 0.2rem hsla(0, 0%, 100%, 0.05) !important;
}
.shadow-lg {
	box-shadow: 0 0.2rem 0.2rem rgba(0, 0, 0, 0.05) !important;
}
[data-bs-theme="dark"] .shadow-lg {
	box-shadow: 0 0.2rem 0.2rem hsla(0, 0%, 100%, 0.05) !important;
}
.fs-1 {
	font-size: calc(1.203rem + 1.5vw) !important;
}
.fs-2 {
	font-size: calc(1.159rem + 0.9vw) !important;
}
.fs-3 {
	font-size: calc(1.138rem + 0.6vw) !important;
}
.fs-4 {
	font-size: calc(1.116rem + 0.3vw) !important;
}
.fs-5 {
	font-size: 1.094rem !important;
}
.fs-6 {
	font-size: 0.875rem !important;
}
.fs-body {
	font-size: var(--bs-body-font-size) !important;
}
.text-black-50 {
	--bs-text-opacity: 1;
	color: rgba(0, 0, 0, 0.5) !important;
}
[data-bs-theme="dark"] .text-black-50 {
	--bs-text-opacity: 1;
	color: hsla(0, 0%, 100%, 0.5) !important;
}
.text-white-50 {
	--bs-text-opacity: 1;
	color: hsla(0, 0%, 100%, 0.5) !important;
}
[data-bs-theme="dark"] .text-white-50 {
	--bs-text-opacity: 1;
	color: rgba(34, 46, 60, 0.5) !important;
}

.m-n1 {
    margin: -0.25rem !important;
}
.m-n2 {
    margin: -0.5rem !important;
}
.m-n3 {
    margin: -1rem !important;
}
.m-n4 {
    margin: -1.5rem !important;
}
.m-n5 {
    margin: -3rem !important;
}
.m-n6 {
    margin: -4.5rem !important;
}
.m-n7 {
    margin: -6rem !important;
}
.mx-n1 {
    margin-left: -0.25rem !important;
    margin-right: -0.25rem !important;
}
.mx-n2 {
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important;
}
.mx-n3 {
    margin-left: -1rem !important;
    margin-right: -1rem !important;
}
.mx-n4 {
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;
}
.mx-n5 {
    margin-left: -3rem !important;
    margin-right: -3rem !important;
}
.mx-n6 {
    margin-left: -4.5rem !important;
    margin-right: -4.5rem !important;
}
.mx-n7 {
    margin-left: -6rem !important;
    margin-right: -6rem !important;
}
.my-n1 {
    margin-bottom: -0.25rem !important;
    margin-top: -0.25rem !important;
}
.my-n2 {
    margin-bottom: -0.5rem !important;
    margin-top: -0.5rem !important;
}
.my-n3 {
    margin-bottom: -1rem !important;
    margin-top: -1rem !important;
}
.my-n4 {
    margin-bottom: -1.5rem !important;
    margin-top: -1.5rem !important;
}
.my-n5 {
    margin-bottom: -3rem !important;
    margin-top: -3rem !important;
}
.my-n6 {
    margin-bottom: -4.5rem !important;
    margin-top: -4.5rem !important;
}
.my-n7 {
    margin-bottom: -6rem !important;
    margin-top: -6rem !important;
}
.mt-n1 {
    margin-top: -0.25rem !important;
}
.mt-n2 {
    margin-top: -0.5rem !important;
}
.mt-n3 {
    margin-top: -1rem !important;
}
.mt-n4 {
    margin-top: -1.5rem !important;
}
.mt-n5 {
    margin-top: -3rem !important;
}
.mt-n6 {
    margin-top: -4.5rem !important;
}
.mt-n7 {
    margin-top: -6rem !important;
}
.me-n1 {
    margin-right: -0.25rem !important;
}
.me-n2 {
    margin-right: -0.5rem !important;
}
.me-n3 {
    margin-right: -1rem !important;
}
.me-n4 {
    margin-right: -1.5rem !important;
}
.me-n5 {
    margin-right: -3rem !important;
}
.me-n6 {
    margin-right: -4.5rem !important;
}
.me-n7 {
    margin-right: -6rem !important;
}
.mb-n1 {
    margin-bottom: -0.25rem !important;
}
.mb-n2 {
    margin-bottom: -0.5rem !important;
}
.mb-n3 {
    margin-bottom: -1rem !important;
}
.mb-n4 {
    margin-bottom: -1.5rem !important;
}
.mb-n5 {
    margin-bottom: -3rem !important;
}
.mb-n6 {
    margin-bottom: -4.5rem !important;
}
.mb-n7 {
    margin-bottom: -6rem !important;
}
.ms-n1 {
    margin-left: -0.25rem !important;
}
.ms-n2 {
    margin-left: -0.5rem !important;
}
.ms-n3 {
    margin-left: -1rem !important;
}
.ms-n4 {
    margin-left: -1.5rem !important;
}
.ms-n5 {
    margin-left: -3rem !important;
}
.ms-n6 {
    margin-left: -4.5rem !important;
}
.ms-n7 {
    margin-left: -6rem !important;
}
@media (min-width: 576px) {
    .m-sm-n1 {
        margin: -0.25rem !important;
    }
    .m-sm-n2 {
        margin: -0.5rem !important;
    }
    .m-sm-n3 {
        margin: -1rem !important;
    }
    .m-sm-n4 {
        margin: -1.5rem !important;
    }
    .m-sm-n5 {
        margin: -3rem !important;
    }
    .m-sm-n6 {
        margin: -4.5rem !important;
    }
    .m-sm-n7 {
        margin: -6rem !important;
    }
    .mx-sm-n1 {
        margin-left: -0.25rem !important;
        margin-right: -0.25rem !important;
    }
    .mx-sm-n2 {
        margin-left: -0.5rem !important;
        margin-right: -0.5rem !important;
    }
    .mx-sm-n3 {
        margin-left: -1rem !important;
        margin-right: -1rem !important;
    }
    .mx-sm-n4 {
        margin-left: -1.5rem !important;
        margin-right: -1.5rem !important;
    }
    .mx-sm-n5 {
        margin-left: -3rem !important;
        margin-right: -3rem !important;
    }
    .mx-sm-n6 {
        margin-left: -4.5rem !important;
        margin-right: -4.5rem !important;
    }
    .mx-sm-n7 {
        margin-left: -6rem !important;
        margin-right: -6rem !important;
    }
    .my-sm-n1 {
        margin-bottom: -0.25rem !important;
        margin-top: -0.25rem !important;
    }
    .my-sm-n2 {
        margin-bottom: -0.5rem !important;
        margin-top: -0.5rem !important;
    }
    .my-sm-n3 {
        margin-bottom: -1rem !important;
        margin-top: -1rem !important;
    }
    .my-sm-n4 {
        margin-bottom: -1.5rem !important;
        margin-top: -1.5rem !important;
    }
    .my-sm-n5 {
        margin-bottom: -3rem !important;
        margin-top: -3rem !important;
    }
    .my-sm-n6 {
        margin-bottom: -4.5rem !important;
        margin-top: -4.5rem !important;
    }
    .my-sm-n7 {
        margin-bottom: -6rem !important;
        margin-top: -6rem !important;
    }
    .mt-sm-n1 {
        margin-top: -0.25rem !important;
    }
    .mt-sm-n2 {
        margin-top: -0.5rem !important;
    }
    .mt-sm-n3 {
        margin-top: -1rem !important;
    }
    .mt-sm-n4 {
        margin-top: -1.5rem !important;
    }
    .mt-sm-n5 {
        margin-top: -3rem !important;
    }
    .mt-sm-n6 {
        margin-top: -4.5rem !important;
    }
    .mt-sm-n7 {
        margin-top: -6rem !important;
    }
    .me-sm-n1 {
        margin-right: -0.25rem !important;
    }
    .me-sm-n2 {
        margin-right: -0.5rem !important;
    }
    .me-sm-n3 {
        margin-right: -1rem !important;
    }
    .me-sm-n4 {
        margin-right: -1.5rem !important;
    }
    .me-sm-n5 {
        margin-right: -3rem !important;
    }
    .me-sm-n6 {
        margin-right: -4.5rem !important;
    }
    .me-sm-n7 {
        margin-right: -6rem !important;
    }
    .mb-sm-n1 {
        margin-bottom: -0.25rem !important;
    }
    .mb-sm-n2 {
        margin-bottom: -0.5rem !important;
    }
    .mb-sm-n3 {
        margin-bottom: -1rem !important;
    }
    .mb-sm-n4 {
        margin-bottom: -1.5rem !important;
    }
    .mb-sm-n5 {
        margin-bottom: -3rem !important;
    }
    .mb-sm-n6 {
        margin-bottom: -4.5rem !important;
    }
    .mb-sm-n7 {
        margin-bottom: -6rem !important;
    }
    .ms-sm-n1 {
        margin-left: -0.25rem !important;
    }
    .ms-sm-n2 {
        margin-left: -0.5rem !important;
    }
    .ms-sm-n3 {
        margin-left: -1rem !important;
    }
    .ms-sm-n4 {
        margin-left: -1.5rem !important;
    }
    .ms-sm-n5 {
        margin-left: -3rem !important;
    }
    .ms-sm-n6 {
        margin-left: -4.5rem !important;
    }
    .ms-sm-n7 {
        margin-left: -6rem !important;
    }
}
@media (min-width: 768px) {
    .m-md-n1 {
        margin: -0.25rem !important;
    }
    .m-md-n2 {
        margin: -0.5rem !important;
    }
    .m-md-n3 {
        margin: -1rem !important;
    }
    .m-md-n4 {
        margin: -1.5rem !important;
    }
    .m-md-n5 {
        margin: -3rem !important;
    }
    .m-md-n6 {
        margin: -4.5rem !important;
    }
    .m-md-n7 {
        margin: -6rem !important;
    }
    .mx-md-n1 {
        margin-left: -0.25rem !important;
        margin-right: -0.25rem !important;
    }
    .mx-md-n2 {
        margin-left: -0.5rem !important;
        margin-right: -0.5rem !important;
    }
    .mx-md-n3 {
        margin-left: -1rem !important;
        margin-right: -1rem !important;
    }
    .mx-md-n4 {
        margin-left: -1.5rem !important;
        margin-right: -1.5rem !important;
    }
    .mx-md-n5 {
        margin-left: -3rem !important;
        margin-right: -3rem !important;
    }
    .mx-md-n6 {
        margin-left: -4.5rem !important;
        margin-right: -4.5rem !important;
    }
    .mx-md-n7 {
        margin-left: -6rem !important;
        margin-right: -6rem !important;
    }
    .my-md-n1 {
        margin-bottom: -0.25rem !important;
        margin-top: -0.25rem !important;
    }
    .my-md-n2 {
        margin-bottom: -0.5rem !important;
        margin-top: -0.5rem !important;
    }
    .my-md-n3 {
        margin-bottom: -1rem !important;
        margin-top: -1rem !important;
    }
    .my-md-n4 {
        margin-bottom: -1.5rem !important;
        margin-top: -1.5rem !important;
    }
    .my-md-n5 {
        margin-bottom: -3rem !important;
        margin-top: -3rem !important;
    }
    .my-md-n6 {
        margin-bottom: -4.5rem !important;
        margin-top: -4.5rem !important;
    }
    .my-md-n7 {
        margin-bottom: -6rem !important;
        margin-top: -6rem !important;
    }
    .mt-md-n1 {
        margin-top: -0.25rem !important;
    }
    .mt-md-n2 {
        margin-top: -0.5rem !important;
    }
    .mt-md-n3 {
        margin-top: -1rem !important;
    }
    .mt-md-n4 {
        margin-top: -1.5rem !important;
    }
    .mt-md-n5 {
        margin-top: -3rem !important;
    }
    .mt-md-n6 {
        margin-top: -4.5rem !important;
    }
    .mt-md-n7 {
        margin-top: -6rem !important;
    }
    .me-md-n1 {
        margin-right: -0.25rem !important;
    }
    .me-md-n2 {
        margin-right: -0.5rem !important;
    }
    .me-md-n3 {
        margin-right: -1rem !important;
    }
    .me-md-n4 {
        margin-right: -1.5rem !important;
    }
    .me-md-n5 {
        margin-right: -3rem !important;
    }
    .me-md-n6 {
        margin-right: -4.5rem !important;
    }
    .me-md-n7 {
        margin-right: -6rem !important;
    }
    .mb-md-n1 {
        margin-bottom: -0.25rem !important;
    }
    .mb-md-n2 {
        margin-bottom: -0.5rem !important;
    }
    .mb-md-n3 {
        margin-bottom: -1rem !important;
    }
    .mb-md-n4 {
        margin-bottom: -1.5rem !important;
    }
    .mb-md-n5 {
        margin-bottom: -3rem !important;
    }
    .mb-md-n6 {
        margin-bottom: -4.5rem !important;
    }
    .mb-md-n7 {
        margin-bottom: -6rem !important;
    }
    .ms-md-n1 {
        margin-left: -0.25rem !important;
    }
    .ms-md-n2 {
        margin-left: -0.5rem !important;
    }
    .ms-md-n3 {
        margin-left: -1rem !important;
    }
    .ms-md-n4 {
        margin-left: -1.5rem !important;
    }
    .ms-md-n5 {
        margin-left: -3rem !important;
    }
    .ms-md-n6 {
        margin-left: -4.5rem !important;
    }
    .ms-md-n7 {
        margin-left: -6rem !important;
    }
}
@media (min-width: 992px) {
     .m-lg-n1 {
        margin: -0.25rem !important;
    }
    .m-lg-n2 {
        margin: -0.5rem !important;
    }
    .m-lg-n3 {
        margin: -1rem !important;
    }
    .m-lg-n4 {
        margin: -1.5rem !important;
    }
    .m-lg-n5 {
        margin: -3rem !important;
    }
    .m-lg-n6 {
        margin: -4.5rem !important;
    }
    .m-lg-n7 {
        margin: -6rem !important;
    }
    .mx-lg-n1 {
        margin-left: -0.25rem !important;
        margin-right: -0.25rem !important;
    }
    .mx-lg-n2 {
        margin-left: -0.5rem !important;
        margin-right: -0.5rem !important;
    }
    .mx-lg-n3 {
        margin-left: -1rem !important;
        margin-right: -1rem !important;
    }
    .mx-lg-n4 {
        margin-left: -1.5rem !important;
        margin-right: -1.5rem !important;
    }
    .mx-lg-n5 {
        margin-left: -3rem !important;
        margin-right: -3rem !important;
    }
    .mx-lg-n6 {
        margin-left: -4.5rem !important;
        margin-right: -4.5rem !important;
    }
    .mx-lg-n7 {
        margin-left: -6rem !important;
        margin-right: -6rem !important;
    }
    .my-lg-n1 {
        margin-bottom: -0.25rem !important;
        margin-top: -0.25rem !important;
    }
    .my-lg-n2 {
        margin-bottom: -0.5rem !important;
        margin-top: -0.5rem !important;
    }
    .my-lg-n3 {
        margin-bottom: -1rem !important;
        margin-top: -1rem !important;
    }
    .my-lg-n4 {
        margin-bottom: -1.5rem !important;
        margin-top: -1.5rem !important;
    }
    .my-lg-n5 {
        margin-bottom: -3rem !important;
        margin-top: -3rem !important;
    }
    .my-lg-n6 {
        margin-bottom: -4.5rem !important;
        margin-top: -4.5rem !important;
    }
    .my-lg-n7 {
        margin-bottom: -6rem !important;
        margin-top: -6rem !important;
    }
    .mt-lg-n1 {
        margin-top: -0.25rem !important;
    }
    .mt-lg-n2 {
        margin-top: -0.5rem !important;
    }
    .mt-lg-n3 {
        margin-top: -1rem !important;
    }
    .mt-lg-n4 {
        margin-top: -1.5rem !important;
    }
    .mt-lg-n5 {
        margin-top: -3rem !important;
    }
    .mt-lg-n6 {
        margin-top: -4.5rem !important;
    }
    .mt-lg-n7 {
        margin-top: -6rem !important;
    }
    .me-lg-n1 {
        margin-right: -0.25rem !important;
    }
    .me-lg-n2 {
        margin-right: -0.5rem !important;
    }
    .me-lg-n3 {
        margin-right: -1rem !important;
    }
    .me-lg-n4 {
        margin-right: -1.5rem !important;
    }
    .me-lg-n5 {
        margin-right: -3rem !important;
    }
    .me-lg-n6 {
        margin-right: -4.5rem !important;
    }
    .me-lg-n7 {
        margin-right: -6rem !important;
    }
    .mb-lg-n1 {
        margin-bottom: -0.25rem !important;
    }
    .mb-lg-n2 {
        margin-bottom: -0.5rem !important;
    }
    .mb-lg-n3 {
        margin-bottom: -1rem !important;
    }
    .mb-lg-n4 {
        margin-bottom: -1.5rem !important;
    }
    .mb-lg-n5 {
        margin-bottom: -3rem !important;
    }
    .mb-lg-n6 {
        margin-bottom: -4.5rem !important;
    }
    .mb-lg-n7 {
        margin-bottom: -6rem !important;
    }
    .ms-lg-n1 {
        margin-left: -0.25rem !important;
    }
    .ms-lg-n2 {
        margin-left: -0.5rem !important;
    }
    .ms-lg-n3 {
        margin-left: -1rem !important;
    }
    .ms-lg-n4 {
        margin-left: -1.5rem !important;
    }
    .ms-lg-n5 {
        margin-left: -3rem !important;
    }
    .ms-lg-n6 {
        margin-left: -4.5rem !important;
    }
    .ms-lg-n7 {
        margin-left: -6rem !important;
    }
}
@media (min-width: 1200px) {
    .m-xl-n1 {
        margin: -0.25rem !important;
    }
    .m-xl-n2 {
        margin: -0.5rem !important;
    }
    .m-xl-n3 {
        margin: -1rem !important;
    }
    .m-xl-n4 {
        margin: -1.5rem !important;
    }
    .m-xl-n5 {
        margin: -3rem !important;
    }
    .m-xl-n6 {
        margin: -4.5rem !important;
    }
    .m-xl-n7 {
        margin: -6rem !important;
    }
    .mx-xl-n1 {
        margin-left: -0.25rem !important;
        margin-right: -0.25rem !important;
    }
    .mx-xl-n2 {
        margin-left: -0.5rem !important;
        margin-right: -0.5rem !important;
    }
    .mx-xl-n3 {
        margin-left: -1rem !important;
        margin-right: -1rem !important;
    }
    .mx-xl-n4 {
        margin-left: -1.5rem !important;
        margin-right: -1.5rem !important;
    }
    .mx-xl-n5 {
        margin-left: -3rem !important;
        margin-right: -3rem !important;
    }
    .mx-xl-n6 {
        margin-left: -4.5rem !important;
        margin-right: -4.5rem !important;
    }
    .mx-xl-n7 {
        margin-left: -6rem !important;
        margin-right: -6rem !important;
    }
    .my-xl-n1 {
        margin-bottom: -0.25rem !important;
        margin-top: -0.25rem !important;
    }
    .my-xl-n2 {
        margin-bottom: -0.5rem !important;
        margin-top: -0.5rem !important;
    }
    .my-xl-n3 {
        margin-bottom: -1rem !important;
        margin-top: -1rem !important;
    }
    .my-xl-n4 {
        margin-bottom: -1.5rem !important;
        margin-top: -1.5rem !important;
    }
    .my-xl-n5 {
        margin-bottom: -3rem !important;
        margin-top: -3rem !important;
    }
    .my-xl-n6 {
        margin-bottom: -4.5rem !important;
        margin-top: -4.5rem !important;
    }
    .my-xl-n7 {
        margin-bottom: -6rem !important;
        margin-top: -6rem !important;
    }
    .mt-xl-n1 {
        margin-top: -0.25rem !important;
    }
    .mt-xl-n2 {
        margin-top: -0.5rem !important;
    }
    .mt-xl-n3 {
        margin-top: -1rem !important;
    }
    .mt-xl-n4 {
        margin-top: -1.5rem !important;
    }
    .mt-xl-n5 {
        margin-top: -3rem !important;
    }
    .mt-xl-n6 {
        margin-top: -4.5rem !important;
    }
    .mt-xl-n7 {
        margin-top: -6rem !important;
    }
    .me-xl-n1 {
        margin-right: -0.25rem !important;
    }
    .me-xl-n2 {
        margin-right: -0.5rem !important;
    }
    .me-xl-n3 {
        margin-right: -1rem !important;
    }
    .me-xl-n4 {
        margin-right: -1.5rem !important;
    }
    .me-xl-n5 {
        margin-right: -3rem !important;
    }
    .me-xl-n6 {
        margin-right: -4.5rem !important;
    }
    .me-xl-n7 {
        margin-right: -6rem !important;
    }
    .mb-xl-n1 {
        margin-bottom: -0.25rem !important;
    }
    .mb-xl-n2 {
        margin-bottom: -0.5rem !important;
    }
    .mb-xl-n3 {
        margin-bottom: -1rem !important;
    }
    .mb-xl-n4 {
        margin-bottom: -1.5rem !important;
    }
    .mb-xl-n5 {
        margin-bottom: -3rem !important;
    }
    .mb-xl-n6 {
        margin-bottom: -4.5rem !important;
    }
    .mb-xl-n7 {
        margin-bottom: -6rem !important;
    }
    .ms-xl-n1 {
        margin-left: -0.25rem !important;
    }
    .ms-xl-n2 {
        margin-left: -0.5rem !important;
    }
    .ms-xl-n3 {
        margin-left: -1rem !important;
    }
    .ms-xl-n4 {
        margin-left: -1.5rem !important;
    }
    .ms-xl-n5 {
        margin-left: -3rem !important;
    }
    .ms-xl-n6 {
        margin-left: -4.5rem !important;
    }
    .ms-xl-n7 {
        margin-left: -6rem !important;
    }
}
@media (min-width: 1440px) {
    .m-xxl-n1 {
        margin: -0.25rem !important;
    }
    .m-xxl-n2 {
        margin: -0.5rem !important;
    }
    .m-xxl-n3 {
        margin: -1rem !important;
    }
    .m-xxl-n4 {
        margin: -1.5rem !important;
    }
    .m-xxl-n5 {
        margin: -3rem !important;
    }
    .m-xxl-n6 {
        margin: -4.5rem !important;
    }
    .m-xxl-n7 {
        margin: -6rem !important;
    }
    .mx-xxl-n1 {
        margin-left: -0.25rem !important;
        margin-right: -0.25rem !important;
    }
    .mx-xxl-n2 {
        margin-left: -0.5rem !important;
        margin-right: -0.5rem !important;
    }
    .mx-xxl-n3 {
        margin-left: -1rem !important;
        margin-right: -1rem !important;
    }
    .mx-xxl-n4 {
        margin-left: -1.5rem !important;
        margin-right: -1.5rem !important;
    }
    .mx-xxl-n5 {
        margin-left: -3rem !important;
        margin-right: -3rem !important;
    }
    .mx-xxl-n6 {
        margin-left: -4.5rem !important;
        margin-right: -4.5rem !important;
    }
    .mx-xxl-n7 {
        margin-left: -6rem !important;
        margin-right: -6rem !important;
    }
    .my-xxl-n1 {
        margin-bottom: -0.25rem !important;
        margin-top: -0.25rem !important;
    }
    .my-xxl-n2 {
        margin-bottom: -0.5rem !important;
        margin-top: -0.5rem !important;
    }
    .my-xxl-n3 {
        margin-bottom: -1rem !important;
        margin-top: -1rem !important;
    }
    .my-xxl-n4 {
        margin-bottom: -1.5rem !important;
        margin-top: -1.5rem !important;
    }
    .my-xxl-n5 {
        margin-bottom: -3rem !important;
        margin-top: -3rem !important;
    }
    .my-xxl-n6 {
        margin-bottom: -4.5rem !important;
        margin-top: -4.5rem !important;
    }
    .my-xxl-n7 {
        margin-bottom: -6rem !important;
        margin-top: -6rem !important;
    }
    .mt-xxl-n1 {
        margin-top: -0.25rem !important;
    }
    .mt-xxl-n2 {
        margin-top: -0.5rem !important;
    }
    .mt-xxl-n3 {
        margin-top: -1rem !important;
    }
    .mt-xxl-n4 {
        margin-top: -1.5rem !important;
    }
    .mt-xxl-n5 {
        margin-top: -3rem !important;
    }
    .mt-xxl-n6 {
        margin-top: -4.5rem !important;
    }
    .mt-xxl-n7 {
        margin-top: -6rem !important;
    }
    .me-xxl-n1 {
        margin-right: -0.25rem !important;
    }
    .me-xxl-n2 {
        margin-right: -0.5rem !important;
    }
    .me-xxl-n3 {
        margin-right: -1rem !important;
    }
    .me-xxl-n4 {
        margin-right: -1.5rem !important;
    }
    .me-xxl-n5 {
        margin-right: -3rem !important;
    }
    .me-xxl-n6 {
        margin-right: -4.5rem !important;
    }
    .me-xxl-n7 {
        margin-right: -6rem !important;
    }
    .mb-xxl-n1 {
        margin-bottom: -0.25rem !important;
    }
    .mb-xxl-n2 {
        margin-bottom: -0.5rem !important;
    }
    .mb-xxl-n3 {
        margin-bottom: -1rem !important;
    }
    .mb-xxl-n4 {
        margin-bottom: -1.5rem !important;
    }
    .mb-xxl-n5 {
        margin-bottom: -3rem !important;
    }
    .mb-xxl-n6 {
        margin-bottom: -4.5rem !important;
    }
    .mb-xxl-n7 {
        margin-bottom: -6rem !important;
    }
    .ms-xxl-n1 {
        margin-left: -0.25rem !important;
    }
    .ms-xxl-n2 {
        margin-left: -0.5rem !important;
    }
    .ms-xxl-n3 {
        margin-left: -1rem !important;
    }
    .ms-xxl-n4 {
        margin-left: -1.5rem !important;
    }
    .ms-xxl-n5 {
        margin-left: -3rem !important;
    }
    .ms-xxl-n6 {
        margin-left: -4.5rem !important;
    }
    .ms-xxl-n7 {
        margin-left: -6rem !important;
    }
}

/*!
 * Main Layout
 */

#root,
body,
html {
	height: 100%;
}
body {
	opacity: 1 !important;
	/* overflow-y: scroll; */
	overflow-y: auto;
}
@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
	html {
		overflow-x: hidden;
	}
}

/* wrapper */
.wrapper {
	display: flex;
	align-items: stretch;
	width: 100%;
	background-color: #f8f9fa;
	min-height: 100%; /* new */
}

[data-bs-theme="dark"] .wrapper {
	background-color: #19222c;
}

/* sidebar */
.sidebar {
	max-width: 240px;
	min-width: 240px;
	width: 240px;
	margin-left: 0;
	background-color: #2359a8;
	/* background-image: linear-gradient(135deg, #266fd9, #2359a8 40%, #2359a8); */
	color: #fff;
	transition: margin-left 0.35s ease-in-out, 
				left 0.35s ease-in-out;
}
[data-bs-theme="dark"] .sidebar {
	  background-color: #222e3c;
	  background-image: none;
}
.sidebar.collapsed {
	margin-left: -240px;
}
@media (max-width: 991.98px) {
	.sidebar {
		margin-left: -240px;
	}
	.sidebar.collapsed {
		margin-left: 0;
	}
}

/* sidebar-content */
.sidebar-content {
	display: flex;
	flex-direction: column;
	height: 100vh;
	transition: margin-left 0.35s ease-in-out, 
				left 0.35s ease-in-out;
}
/* sidebar-brand */
.sidebar-brand {
	display: flex;
	align-items: center;
	font-size: 1.25rem;
	font-weight: 600;
	color: #f8f9fa;
	padding: 1.15rem 1.5rem;
}
.sidebar-brand > i,
.sidebar-brand > svg,
.sidebar-brand > img {
	margin-right: 1rem;
}
/* sidebar-nav */
.sidebar-nav {
	flex-grow: 1;
	list-style: none;
	margin-bottom: 0;
	padding-left: 0;
}
/* sidebar-header */
.sidebar-header {
	color: #ced4da;
	font-size: 0.75rem;
	padding: 1.5rem 1.5rem 0.375rem;
}

.sidebar-item  {
	position: relative;
}
/* sidebar-link */
.sidebar-link {
	position: relative;
	display: flex;
	align-items: center;
	padding: 0.625rem 1.625rem;
	color: rgba(255, 255, 255, 0.65);
	border-left: 3px solid transparent;
	text-decoration: none;
	font-size: 0.875rem;
	cursor: pointer;
	user-select: none;
	line-height: 1;
	transition: color 0.15s ease-in-out;
}
[data-bs-theme="dark"] .sidebar-link {
	color: rgba(233, 236, 239, 0.65);
}
.sidebar-link:hover {
	color: rgba(255, 255, 255, 0.85);
}
[data-bs-theme="dark"] .sidebar-link:hover {
	color: rgba(233, 236, 239, 0.85);
}
.sidebar-link i,
.sidebar-link svg {
	margin-right: 0.75rem;
}

.active > .sidebar-link,
.sidebar-link.active {
	background-image: linear-gradient(90deg, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, .075) 25%, transparent, transparent);
	border-left-color: rgba(255, 255, 255, .75);
	color: rgba(255, 255, 255, 1);
}

[data-bs-theme="dark"] .active > .sidebar-link,
[data-bs-theme="dark"] .sidebar-link.active {
	background-image: linear-gradient(90deg, rgba(81, 139, 225, .1) 0%, rgba(81, 139, 225, .075) 25%, transparent, transparent);
	border-left-color: rgba(81, 139, 225, 75);
	color: rgba(81, 139, 225, 1);
	cursor: default;
}

.sidebar-dropdown {
	list-style: none;
	padding-left: 0;
}
.sidebar-dropdown .sidebar-link,
[data-bs-theme="dark"] .sidebar-dropdown .sidebar-link {
	border-color: transparent;
	background-image: none;
}
.sidebar-dropdown .sidebar-link::before {
	content: "\2192";
	display: inline-block;
	left: -1rem;
	position: relative;
	transform: translateX(0);
	transition: transform 0.1s ease;
}
.sidebar-dropdown .sidebar-link:hover::before {
	transform: translateX(.25rem);
}

.sidebar-dropdown .active > .sidebar-link::before,
.sidebar-dropdown .active > .sidebar-link:hover::before,
.sidebar-dropdown .sidebar-link.active::before,
.sidebar-dropdown .sidebar-link.active:hover::before {
	 transform: translateX(0);
}
.sidebar-dropdown .sidebar-link {
	padding: 0.625rem 1.5rem 0.625rem 2.875rem;
}
.sidebar-dropdown .sidebar-dropdown .sidebar-link {
	padding: 0.625rem 1.5rem 0.625rem 4.15rem;
}
.sidebar-dropdown .sidebar-dropdown .sidebar-dropdown .sidebar-link {
	padding: 0.625rem 1.5rem 0.625rem 5.275rem;
}
.sidebar-toggle {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 1rem;
}
.sidebar-badge {
	position: absolute;
	z-index: 99;
	top: calc(0.625rem - var(--bs-badge-padding-y));
	right: calc(1.5rem - var(--bs-badge-padding-x));
	/* transform: translate(-50%, -50%); */
	color: inherit;
}

.sidebar-cta {
	margin-top: auto;
	padding: 1.75rem;
}
.sidebar-cta-content {
	background: #18488d;
	border-radius: 0.3rem;
	color: #e9ecef;
	padding: 1.5rem;
}
.sidebar [data-bs-toggle="collapse"] {
	position: relative;
}
.sidebar [data-bs-toggle="collapse"]::after {
	border: solid;
	border-width: 0 0.075rem 0.075rem 0;
	content: " ";
	display: inline-block;
	padding: 2px;
	position: absolute;
	right: 1.5rem;
	top: 1.2rem;
	transform: rotate(45deg);
	transition: all 0.2s ease-out;
}
.sidebar [aria-expanded="true"]::after,
.sidebar [data-bs-toggle="collapse"]:not(.collapsed)::after {
	top: 1.4rem;
	transform: rotate(-135deg);
}
.sidebar-dropdown [data-bs-toggle="collapse"]::after {
	top: 1rem;
}
.sidebar-dropdown [aria-expanded="true"]::after,
.sidebar-dropdown [data-bs-toggle="collapse"]:not(.collapsed)::after {
	top: 1.2rem;
}

[data-bs-theme="dark"] .sidebar-cta-content {
	background: #2b3947;
}

/* main */
.main {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	min-width: 0;
	width: 100%;
	overflow: hidden;
	transition: margin-left 0.35s ease-in-out, 
				left 0.35s ease-in-out;
}

/* navbar */
.navbar {
	background-color: #fff;
	border-bottom: 0;
	box-shadow: 0 0 2rem 0 rgba(33, 37, 41, 0.1);
}
[data-bs-theme="dark"] .navbar {
	background-color: #19222c;
}
@media (max-width: 767.98px) {
	.navbar {
		width: 100vw;
	}
}
.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-lg,
.navbar > .container-md,
.navbar > .container-sm,
.navbar > .container-xl,
.navbar > .container-xxl {
	--bs-gutter-x: 0rem;
	justify-content: space-between;
}
.navbar-brand {
	--bs-navbar-brand-padding-y: 0;
	display: flex;
	align-items: center;
	margin-top: auto;
	margin-bottom: auto;
}
.input-group-navbar input,
.input-group-navbar select,
.input-group-navbar textarea,
.input-group-navbar button,
.input-group-navbar a {
	transition: all 0.15s ease-in-out;
}
.navbar-nav > .nav-item {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 1rem;
}
@media (max-width: 575.98px) {
	.navbar-nav > .nav-item {
		margin-right: 0rem;
	}
}
@media (max-width: 767.98px) {
	.navbar-nav > .nav-item {
		margin-right: 0.25rem;
	}
}
.navbar-nav > .nav-item:last-child {
	margin-right: 0;
}

.navbar-nav .nav-link {
	position: relative;
}
.navbar-nav .nav-link .indicator {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: nowrap;
	top: 0;
	right: 0;
	min-width: 1.25rem;
	font-size: .675rem;
	background: #3b7ddd;
	color: #fff;
	padding: 0.094rem 0.188rem;
	border-radius: var(--bs-border-radius-pill);
	box-shadow: 0 .1rem .2rem rgba(0, 0, 0,.05);
	transition: top 0.15s ease-in-out;
}
.navbar-nav .nav-link .indicator {
	box-shadow: 0 .1rem .2rem hsla(0, 0%, 100%, .05);
}
.navbar-nav .nav-link:hover .indicator {
	top: -0.25rem;
}

/* content */
.content {
	flex: 1;
	max-width: 100vw;
	width: 100vw;
	padding: 1.5rem;
}
@media (min-width: 768px) {
	.content {
		max-width: initial;
		width: auto;
	}
}
@media (min-width: 992px) {
	.content {
		padding: 3rem;
	}
}
.content > .container,
.content > .container-fluid,
.content > .container-lg,
.content > .container-md,
.content > .container-sm,
.content > .container-xl,
.content > .container-xxl {
	--bs-gutter-x: 0rem;
}

/* footer */
.footer {
	margin-top: auto;
	background-color: #fff;
	padding: 1rem 1.375rem;
	box-shadow: 0 0 2rem 0 rgba(33, 37, 41, 0.1);
}
[data-bs-theme="dark"] .footer {
	background-color: #222e3c;
}
.footer ul {
	margin-bottom: 0;
}
@media (max-width: 767.98px) {
	.footer {
		width: 100vw;
	}
}
.footer > .container,
.footer > .container-fluid,
.footer > .container-lg,
.footer > .container-md,
.footer > .container-sm,
.footer > .container-xl,
.footer > .container-xxl {
	--bs-gutter-x: 0rem;
}

/*!
 * customs
 * /


/* accordion */

.accordion .card:not(:last-child) {
	margin-bottom: 0;
}
.accordion .card-header {
	border-bottom: 0;
}
.accordion .card-body {
	border-top: 1px solid transparent;
}
.accordion .card-title a {
	color: #495057;
}
[data-bs-theme="dark"] .accordion .card-title a {
  color:#bdc0c5
}

/* alert */

.alert {
	color: #212529;
	display: flex;
	padding: 0;
}
.alert .close:focus,
.alert .close:hover {
	opacity: 1;
}
.alert-outline,
.alert-outline-coloured {
	background: #fff;
	color: #495057;
}
.alert-outline hr,
.alert-outline-coloured hr {
	border-top-color: #ced4da;
}
.alert-outline .close:focus,
.alert-outline .close:hover,
.alert-outline-coloured .close:focus,
.alert-outline-coloured .close:hover {
	color: #343a40;
}
.alert-outline .alert-message,
.alert-outline-coloured .alert-message {
	border: 1px solid #ced4da;
	border-bottom-left-radius: var(--bs-border-radius);
	border-bottom-right-radius: var(--bs-border-radius);
	border-top-left-radius: var(--bs-border-radius);
	border-top-right-radius: var(--bs-border-radius);
}
.alert-outline .alert-message:not(:nth-child(2)),
.alert-outline-coloured .alert-message:not(:nth-child(2)) {
	border-bottom-left-radius: 0;
	border-left: 0;
	border-top-left-radius: 0;
}
.alert-outline .alert-icon,
.alert-outline-coloured .alert-icon {
	border-bottom-left-radius: var(--bs-border-radius);
	border-top-left-radius: var(--bs-border-radius);
	color: #fff;
}
.alert-outline-coloured.alert-primary .alert-icon,
.alert-outline.alert-primary .alert-icon {
	background-color: #3b7ddd;
}
.alert-outline-coloured.alert-secondary .alert-icon,
.alert-outline.alert-secondary .alert-icon {
	background-color: #6c757d;
}
.alert-outline-coloured.alert-success .alert-icon,
.alert-outline.alert-success .alert-icon {
	background-color: #1cbb8c;
}
.alert-outline-coloured.alert-info .alert-icon,
.alert-outline.alert-info .alert-icon {
	background-color: #17a2b8;
}
.alert-outline-coloured.alert-warning .alert-icon,
.alert-outline.alert-warning .alert-icon {
	background-color: #fcb92c;
}
.alert-outline-coloured.alert-danger .alert-icon,
.alert-outline.alert-danger .alert-icon {
	background-color: #dc3545;
}
.alert-outline-coloured.alert-light .alert-icon,
.alert-outline.alert-light .alert-icon {
	background-color: #f8f9fa;
}
.alert-outline-coloured.alert-dark .alert-icon,
.alert-outline.alert-dark .alert-icon {
	background-color: #212529;
}
.alert-outline-coloured.alert-primary .alert-message {
	border-color: #3b7ddd;
}
.alert-outline-coloured.alert-secondary .alert-message {
	border-color: #6c757d;
}
.alert-outline-coloured.alert-success .alert-message {
	border-color: #1cbb8c;
}
.alert-outline-coloured.alert-info .alert-message {
	border-color: #17a2b8;
}
.alert-outline-coloured.alert-warning .alert-message {
	border-color: #fcb92c;
}
.alert-outline-coloured.alert-danger .alert-message {
	border-color: #dc3545;
}
.alert-outline-coloured.alert-light .alert-message {
	border-color: #f5f7fb;
}
.alert-outline-coloured.alert-dark .alert-message {
	border-color: #212529;
}
.alert-icon {
	background: rgba(0, 0, 0, 0.05);
	padding: 0.95rem;
}
.alert-message {
	box-sizing: border-box;
	padding: 0.95rem;
	width: 100%;
}
.alert-primary:not(.alert-outline):not(.alert-outline-coloured) {
	background: #d8e5f8;
}
.alert-secondary:not(.alert-outline):not(.alert-outline-coloured) {
	background: #e2e3e5;
}
.alert-success:not(.alert-outline):not(.alert-outline-coloured) {
	background: #d2f1e8;
}
.alert-info:not(.alert-outline):not(.alert-outline-coloured) {
	background: #d1ecf1;
}
.alert-warning:not(.alert-outline):not(.alert-outline-coloured) {
	background: #fef1d5;
}
.alert-danger:not(.alert-outline):not(.alert-outline-coloured) {
	background: #f8d7da;
}
.alert-light:not(.alert-outline):not(.alert-outline-coloured) {
	background: #fdfdfe;
}
.alert-dark:not(.alert-outline):not(.alert-outline-coloured) {
	background: #d3d3d4;
}
[data-bs-theme="dark"] .alert {
	color: #fff;
}
[data-bs-theme="dark"] .alert-outline,
[data-bs-theme="dark"] .alert-outline-coloured {
	background: #222e3c;
	color: #bdc0c5;
}
[data-bs-theme="dark"] .alert-outline hr,
[data-bs-theme="dark"] .alert-outline-coloured hr {
	border-top-color: #7a828a;
}
[data-bs-theme="dark"] .alert-outline .close:focus,
[data-bs-theme="dark"] .alert-outline .close:hover,
[data-bs-theme="dark"] .alert-outline-coloured .close:focus,
[data-bs-theme="dark"] .alert-outline-coloured .close:hover {
	color: #d3d5d8;
}
[data-bs-theme="dark"] .alert-outline .alert-message,
[data-bs-theme="dark"] .alert-outline-coloured .alert-message {
	border: 1px solid #7a828a;
}
[data-bs-theme="dark"] .alert-outline .alert-icon,
[data-bs-theme="dark"] .alert-outline-coloured .alert-icon {
	color: #fff;
}
[data-bs-theme="dark"] .alert-outline-coloured.alert-primary .alert-icon,
[data-bs-theme="dark"] .alert-outline.alert-primary .alert-icon {
	background-color: #3b7ddd;
}
[data-bs-theme="dark"] .alert-outline-coloured.alert-secondary .alert-icon,
[data-bs-theme="dark"] .alert-outline.alert-secondary .alert-icon {
	background-color: #7a828a;
}
[data-bs-theme="dark"] .alert-outline-coloured.alert-success .alert-icon,
[data-bs-theme="dark"] .alert-outline.alert-success .alert-icon {
	background-color: #1cbb8c;
}
[data-bs-theme="dark"] .alert-outline-coloured.alert-info .alert-icon,
[data-bs-theme="dark"] .alert-outline.alert-info .alert-icon {
	background-color: #17a2b8;
}
[data-bs-theme="dark"] .alert-outline-coloured.alert-warning .alert-icon,
[data-bs-theme="dark"] .alert-outline.alert-warning .alert-icon {
	background-color: #fcb92c;
}
[data-bs-theme="dark"] .alert-outline-coloured.alert-danger .alert-icon,
[data-bs-theme="dark"] .alert-outline.alert-danger .alert-icon {
	background-color: #dc3545;
}
[data-bs-theme="dark"] .alert-outline-coloured.alert-light .alert-icon,
[data-bs-theme="dark"] .alert-outline.alert-light .alert-icon {
	background-color: #384350;
}
[data-bs-theme="dark"] .alert-outline-coloured.alert-dark .alert-icon,
[data-bs-theme="dark"] .alert-outline.alert-dark .alert-icon {
	background-color: #e9eaec;
}
[data-bs-theme="dark"] .alert-outline-coloured.alert-primary .alert-message {
	border-color: #3b7ddd;
}
[data-bs-theme="dark"] .alert-outline-coloured.alert-secondary .alert-message {
	border-color: #7a828a;
}
[data-bs-theme="dark"] .alert-outline-coloured.alert-success .alert-message {
	border-color: #1cbb8c;
}
[data-bs-theme="dark"] .alert-outline-coloured.alert-info .alert-message {
	border-color: #17a2b8;
}
[data-bs-theme="dark"] .alert-outline-coloured.alert-warning .alert-message {
	border-color: #fcb92c;
}
[data-bs-theme="dark"] .alert-outline-coloured.alert-danger .alert-message {
	border-color: #dc3545;
}
[data-bs-theme="dark"] .alert-outline-coloured.alert-light .alert-message {
	border-color: #2d3846;
}
[data-bs-theme="dark"] .alert-outline-coloured.alert-dark .alert-message {
	border-color: #e9eaec;
}
[data-bs-theme="dark"] .alert-icon {
	background: rgba(0, 0, 0, 0.05);
}
[data-bs-theme="dark"] .alert-primary:not(.alert-outline):not(.alert-outline-coloured) {
	background: #1e3f6f;
}
[data-bs-theme="dark"] .alert-secondary:not(.alert-outline):not(.alert-outline-coloured) {
	background: #3d4145;
}
[data-bs-theme="dark"] .alert-success:not(.alert-outline):not(.alert-outline-coloured) {
	background: #0e5e46;
}
[data-bs-theme="dark"] .alert-info:not(.alert-outline):not(.alert-outline-coloured) {
	background: #0c515c;
}
[data-bs-theme="dark"] .alert-warning:not(.alert-outline):not(.alert-outline-coloured) {
	background: #7e5d16;
}
[data-bs-theme="dark"] .alert-danger:not(.alert-outline):not(.alert-outline-coloured) {
	background: #6e1b23;
}
[data-bs-theme="dark"] .alert-light:not(.alert-outline):not(.alert-outline-coloured) {
	background: #171c23;
}
[data-bs-theme="dark"] .alert-dark:not(.alert-outline):not(.alert-outline-coloured) {
	background: #757576;
}

/* badges */

.badge,
a.badge {
	color: inherit;
}
.badge.bg-light,
a.badge.bg-light {
	color: #212529;
}
.badge-primary-light,
a.badge-primary-light {
	background-color: rgba(59, 125, 221, 0.15);
	color: color-yiq(rgba(59, 125, 221, 0.15));
	color: #3b7ddd;
}
a.badge-primary-light:focus,
a.badge-primary-light:hover {
	background-color: rgba(34, 100, 195, 0.15);
	color: color-yiq(rgba(59, 125, 221, 0.15));
}
a.badge-primary-light.focus,
a.badge-primary-light:focus {
	box-shadow: 0 0 0 1px rgba(59, 125, 221, 0.5);
	outline: 0;
}
.badge-secondary-light,
a.badge-secondary-light {
	background-color: hsla(208, 7%, 46%, 0.15);
	color: color-yiq(hsla(208, 7%, 46%, 0.15));
	color: #6c757d;
}
a.badge-secondary-light:focus,
a.badge-secondary-light:hover {
	background-color: rgba(84, 91, 98, 0.15);
	color: color-yiq(hsla(208, 7%, 46%, 0.15));
}
a.badge-secondary-light.focus,
a.badge-secondary-light:focus {
	box-shadow: 0 0 0 1px hsla(208, 7%, 46%, 0.5);
	outline: 0;
}
.badge-success-light,
a.badge-success-light {
	background-color: rgba(28, 187, 140, 0.15);
	color: color-yiq(rgba(28, 187, 140, 0.15));
	color: #1cbb8c;
}
a.badge-success-light:focus,
a.badge-success-light:hover {
	background-color: rgba(21, 143, 107, 0.15);
	color: color-yiq(rgba(28, 187, 140, 0.15));
}
a.badge-success-light.focus,
a.badge-success-light:focus {
	box-shadow: 0 0 0 1px rgba(28, 187, 140, 0.5);
	outline: 0;
}
.badge-info-light,
a.badge-info-light {
	background-color: rgba(23, 162, 184, 0.15);
	color: color-yiq(rgba(23, 162, 184, 0.15));
	color: #17a2b8;
}
a.badge-info-light:focus,
a.badge-info-light:hover {
	background-color: rgba(17, 122, 139, 0.15);
	color: color-yiq(rgba(23, 162, 184, 0.15));
}
a.badge-info-light.focus,
a.badge-info-light:focus {
	box-shadow: 0 0 0 1px rgba(23, 162, 184, 0.5);
	outline: 0;
}
.badge-warning-light,
a.badge-warning-light {
	background-color: rgba(252, 185, 44, 0.15);
	color: color-yiq(rgba(252, 185, 44, 0.15));
	color: #fcb92c;
}
a.badge-warning-light:focus,
a.badge-warning-light:hover {
	background-color: rgba(242, 165, 3, 0.15);
	color: color-yiq(rgba(252, 185, 44, 0.15));
}
a.badge-warning-light.focus,
a.badge-warning-light:focus {
	box-shadow: 0 0 0 1px rgba(252, 185, 44, 0.5);
	outline: 0;
}
.badge-danger-light,
a.badge-danger-light {
	background-color: rgba(220, 53, 69, 0.15);
	color: color-yiq(rgba(220, 53, 69, 0.15));
	color: #dc3545;
}
a.badge-danger-light:focus,
a.badge-danger-light:hover {
	background-color: rgba(189, 33, 48, 0.15);
	color: color-yiq(rgba(220, 53, 69, 0.15));
}
a.badge-danger-light.focus,
a.badge-danger-light:focus {
	box-shadow: 0 0 0 1px rgba(220, 53, 69, 0.5);
	outline: 0;
}
.badge-light-light,
a.badge-light-light {
	background-color: rgba(245, 247, 251, 0.15);
	color: color-yiq(rgba(245, 247, 251, 0.15));
	color: #f5f7fb;
}
a.badge-light-light:focus,
a.badge-light-light:hover {
	background-color: rgba(209, 218, 236, 0.15);
	color: color-yiq(rgba(245, 247, 251, 0.15));
}
a.badge-light-light.focus,
a.badge-light-light:focus {
	box-shadow: 0 0 0 1px rgba(245, 247, 251, 0.5);
	outline: 0;
}
.badge-dark-light,
a.badge-dark-light {
	background-color: rgba(33, 37, 41, 0.15);
	color: color-yiq(rgba(33, 37, 41, 0.15));
	color: #212529;
}
a.badge-dark-light:focus,
a.badge-dark-light:hover {
	background-color: rgba(10, 12, 13, 0.15);
	color: color-yiq(rgba(33, 37, 41, 0.15));
}
a.badge-dark-light.focus,
a.badge-dark-light:focus {
	box-shadow: 0 0 0 1px rgba(33, 37, 41, 0.5);
	outline: 0;
}
[data-bs-theme="dark"] .badge,
[data-bs-theme="dark"] a.badge {
	color: #fff;
}
[data-bs-theme="dark"] .badge.bg-light,
[data-bs-theme="dark"] a.badge.bg-light {
	color: #e9eaec;
}
[data-bs-theme="dark"] .badge-primary-light,
[data-bs-theme="dark"] a.badge-primary-light {
	background-color: rgba(59, 125, 221, 0.15);
	color: color-yiq(rgba(59, 125, 221, 0.15));
	color: #3b7ddd;
}
[data-bs-theme="dark"] a.badge-primary-light:focus,
[data-bs-theme="dark"] a.badge-primary-light:hover {
	background-color: rgba(34, 100, 195, 0.15);
	color: color-yiq(rgba(59, 125, 221, 0.15));
}
[data-bs-theme="dark"] a.badge-primary-light.focus,
[data-bs-theme="dark"] a.badge-primary-light:focus {
	box-shadow: 0 0 0 1px rgba(59, 125, 221, 0.5);
	outline: 0;
}
[data-bs-theme="dark"] .badge-secondary-light,
[data-bs-theme="dark"] a.badge-secondary-light {
	background-color: hsla(210, 6%, 51%, 0.15);
	color: color-yiq(hsla(210, 6%, 51%, 0.15));
	color: #7a828a;
}
[data-bs-theme="dark"] a.badge-secondary-light:focus,
[data-bs-theme="dark"] a.badge-secondary-light:hover {
	background-color: rgba(98, 105, 111, 0.15);
	color: color-yiq(hsla(210, 6%, 51%, 0.15));
}
[data-bs-theme="dark"] a.badge-secondary-light.focus,
[data-bs-theme="dark"] a.badge-secondary-light:focus {
	box-shadow: 0 0 0 1px hsla(210, 6%, 51%, 0.5);
	outline: 0;
}
[data-bs-theme="dark"] .badge-success-light,
[data-bs-theme="dark"] a.badge-success-light {
	background-color: rgba(28, 187, 140, 0.15);
	color: color-yiq(rgba(28, 187, 140, 0.15));
	color: #1cbb8c;
}
[data-bs-theme="dark"] a.badge-success-light:focus,
[data-bs-theme="dark"] a.badge-success-light:hover {
	background-color: rgba(21, 143, 107, 0.15);
	color: color-yiq(rgba(28, 187, 140, 0.15));
}
[data-bs-theme="dark"] a.badge-success-light.focus,
[data-bs-theme="dark"] a.badge-success-light:focus {
	box-shadow: 0 0 0 1px rgba(28, 187, 140, 0.5);
	outline: 0;
}
[data-bs-theme="dark"] .badge-info-light,
[data-bs-theme="dark"] a.badge-info-light {
	background-color: rgba(23, 162, 184, 0.15);
	color: color-yiq(rgba(23, 162, 184, 0.15));
	color: #17a2b8;
}
[data-bs-theme="dark"] a.badge-info-light:focus,
[data-bs-theme="dark"] a.badge-info-light:hover {
	background-color: rgba(17, 122, 139, 0.15);
	color: color-yiq(rgba(23, 162, 184, 0.15));
}
[data-bs-theme="dark"] a.badge-info-light.focus,
[data-bs-theme="dark"] a.badge-info-light:focus {
	box-shadow: 0 0 0 1px rgba(23, 162, 184, 0.5);
	outline: 0;
}
[data-bs-theme="dark"] .badge-warning-light,
[data-bs-theme="dark"] a.badge-warning-light {
	background-color: rgba(252, 185, 44, 0.15);
	color: color-yiq(rgba(252, 185, 44, 0.15));
	color: #fcb92c;
}
[data-bs-theme="dark"] a.badge-warning-light:focus,
[data-bs-theme="dark"] a.badge-warning-light:hover {
	background-color: rgba(242, 165, 3, 0.15);
	color: color-yiq(rgba(252, 185, 44, 0.15));
}
[data-bs-theme="dark"] a.badge-warning-light.focus,
[data-bs-theme="dark"] a.badge-warning-light:focus {
	box-shadow: 0 0 0 1px rgba(252, 185, 44, 0.5);
	outline: 0;
}
[data-bs-theme="dark"] .badge-danger-light,
[data-bs-theme="dark"] a.badge-danger-light {
	background-color: rgba(220, 53, 69, 0.15);
	color: color-yiq(rgba(220, 53, 69, 0.15));
	color: #dc3545;
}
[data-bs-theme="dark"] a.badge-danger-light:focus,
[data-bs-theme="dark"] a.badge-danger-light:hover {
	background-color: rgba(189, 33, 48, 0.15);
	color: color-yiq(rgba(220, 53, 69, 0.15));
}
[data-bs-theme="dark"] a.badge-danger-light.focus,
[data-bs-theme="dark"] a.badge-danger-light:focus {
	box-shadow: 0 0 0 1px rgba(220, 53, 69, 0.5);
	outline: 0;
}
[data-bs-theme="dark"] .badge-light-light,
[data-bs-theme="dark"] a.badge-light-light {
	background-color: rgba(45, 56, 70, 0.15);
	color: color-yiq(rgba(45, 56, 70, 0.15));
	color: #2d3846;
}
[data-bs-theme="dark"] a.badge-light-light:focus,
[data-bs-theme="dark"] a.badge-light-light:hover {
	background-color: rgba(25, 31, 39, 0.15);
	color: color-yiq(rgba(45, 56, 70, 0.15));
}
[data-bs-theme="dark"] a.badge-light-light.focus,
[data-bs-theme="dark"] a.badge-light-light:focus {
	box-shadow: 0 0 0 1px rgba(45, 56, 70, 0.5);
	outline: 0;
}
[data-bs-theme="dark"] .badge-dark-light,
[data-bs-theme="dark"] a.badge-dark-light {
	background-color: hsla(220, 7%, 92%, 0.15);
	color: color-yiq(hsla(220, 7%, 92%, 0.15));
	color: #e9eaec;
}
[data-bs-theme="dark"] a.badge-dark-light:focus,
[data-bs-theme="dark"] a.badge-dark-light:hover {
	background-color: hsla(220, 7%, 82%, 0.15);
	color: color-yiq(hsla(220, 7%, 92%, 0.15));
}
[data-bs-theme="dark"] a.badge-dark-light.focus,
[data-bs-theme="dark"] a.badge-dark-light:focus {
	box-shadow: 0 0 0 1px hsla(220, 7%, 92%, 0.5);
	outline: 0;
}

/* buttons */

.btn-pill {
	border-radius: 10rem;
}
.btn-square {
	border-radius: 0;
}
.btn .feather {
	height: 0.875rem;
	width: 0.875rem;
}
.btn-facebook {
	--bs-btn-color: #fff;
	--bs-btn-bg: #3b5998;
	--bs-btn-border-color: #3b5998;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #324c81;
	--bs-btn-hover-border-color: #2f477a;
	--bs-btn-focus-shadow-rgb: 88, 114, 167;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #2f477a;
	--bs-btn-active-border-color: #2c4372;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #3b5998;
	--bs-btn-disabled-border-color: #3b5998;
}
.btn-twitter {
	--bs-btn-color: #fff;
	--bs-btn-bg: #1da1f2;
	--bs-btn-border-color: #1da1f2;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #3faff4;
	--bs-btn-hover-border-color: #34aaf3;
	--bs-btn-focus-shadow-rgb: 25, 137, 206;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #4ab4f5;
	--bs-btn-active-border-color: #34aaf3;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #1da1f2;
	--bs-btn-disabled-border-color: #1da1f2;
}
.btn-google {
	--bs-btn-color: #fff;
	--bs-btn-bg: #dc4e41;
	--bs-btn-border-color: #dc4e41;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #bb4237;
	--bs-btn-hover-border-color: #b03e34;
	--bs-btn-focus-shadow-rgb: 225, 105, 94;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #b03e34;
	--bs-btn-active-border-color: #a53b31;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #dc4e41;
	--bs-btn-disabled-border-color: #dc4e41;
}
.btn-youtube {
	--bs-btn-color: #fff;
	--bs-btn-bg: red;
	--bs-btn-border-color: red;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #d90000;
	--bs-btn-hover-border-color: #c00;
	--bs-btn-focus-shadow-rgb: 255, 38, 38;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #c00;
	--bs-btn-active-border-color: #bf0000;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: red;
	--bs-btn-disabled-border-color: red;
}
.btn-vimeo {
	--bs-btn-color: #fff;
	--bs-btn-bg: #1ab7ea;
	--bs-btn-border-color: #1ab7ea;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #3cc2ed;
	--bs-btn-hover-border-color: #31beec;
	--bs-btn-focus-shadow-rgb: 22, 156, 199;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #48c5ee;
	--bs-btn-active-border-color: #31beec;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #1ab7ea;
	--bs-btn-disabled-border-color: #1ab7ea;
}
.btn-dribbble {
	--bs-btn-color: #fff;
	--bs-btn-bg: #ea4c89;
	--bs-btn-border-color: #ea4c89;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #c74174;
	--bs-btn-hover-border-color: #bb3d6e;
	--bs-btn-focus-shadow-rgb: 237, 103, 155;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #bb3d6e;
	--bs-btn-active-border-color: #b03967;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #ea4c89;
	--bs-btn-disabled-border-color: #ea4c89;
}
.btn-github {
	--bs-btn-color: #fff;
	--bs-btn-bg: #181717;
	--bs-btn-border-color: #181717;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #141414;
	--bs-btn-hover-border-color: #131212;
	--bs-btn-focus-shadow-rgb: 59, 58, 58;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #131212;
	--bs-btn-active-border-color: #121111;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #181717;
	--bs-btn-disabled-border-color: #181717;
}
.btn-instagram {
	--bs-btn-color: #fff;
	--bs-btn-bg: #e4405f;
	--bs-btn-border-color: #e4405f;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #c23651;
	--bs-btn-hover-border-color: #b6334c;
	--bs-btn-focus-shadow-rgb: 232, 93, 119;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #b6334c;
	--bs-btn-active-border-color: #ab3047;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #e4405f;
	--bs-btn-disabled-border-color: #e4405f;
}
.btn-pinterest {
	--bs-btn-color: #fff;
	--bs-btn-bg: #bd081c;
	--bs-btn-border-color: #bd081c;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #a10718;
	--bs-btn-hover-border-color: #970616;
	--bs-btn-focus-shadow-rgb: 199, 45, 62;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #970616;
	--bs-btn-active-border-color: #8e0615;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #bd081c;
	--bs-btn-disabled-border-color: #bd081c;
}
.btn-flickr {
	--bs-btn-color: #fff;
	--bs-btn-bg: #0063dc;
	--bs-btn-border-color: #0063dc;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #0054bb;
	--bs-btn-hover-border-color: #004fb0;
	--bs-btn-focus-shadow-rgb: 38, 122, 225;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #004fb0;
	--bs-btn-active-border-color: #004aa5;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #0063dc;
	--bs-btn-disabled-border-color: #0063dc;
}
.btn-bitbucket {
	--bs-btn-color: #fff;
	--bs-btn-bg: #0052cc;
	--bs-btn-border-color: #0052cc;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #0046ad;
	--bs-btn-hover-border-color: #0042a3;
	--bs-btn-focus-shadow-rgb: 38, 108, 212;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #0042a3;
	--bs-btn-active-border-color: #003e99;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #0052cc;
	--bs-btn-disabled-border-color: #0052cc;
}
.btn-microsoft {
	--bs-btn-color: #fff;
	--bs-btn-bg: #2f2f2f;
	--bs-btn-border-color: #2f2f2f;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #282828;
	--bs-btn-hover-border-color: #262626;
	--bs-btn-focus-shadow-rgb: 78, 78, 78;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #262626;
	--bs-btn-active-border-color: #232323;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #2f2f2f;
	--bs-btn-disabled-border-color: #2f2f2f;
}
.btn-fw-lg {
	min-width: 120px;
}
.btn-fw-sm {
	min-width: 80px;
}
.btn-fw {
	min-width: 100px;
}

/* card */

.card {
	box-shadow: 0 0 0.875rem 0 rgba(33, 37, 41, 0.05);
	margin-bottom: 1.5rem;
}
.card-header {
	border-bottom-width: 1px;
}
.card-actions a {
	display: inline-flex;
	align-items: center;
	color: #495057;
	text-decoration: none;
}
.card-actions svg {
	height: 1.125rem;
	width: 1.125rem;
}
.card-actions .dropdown {
	line-height: 1.4;
}
.card-title {
	color: #939ba2;
	font-size: 0.925rem;
	font-weight: 600;
}
.card-subtitle {
	font-weight: 400;
}
.card-img,
.card-img-bottom,
.card-img-top {
	height: auto;
	max-width: 100%;
}
@media (-ms-high-contrast: none) {
	.card-img, .card-img-bottom, .card-img-top {
		height: 100%;
	}
}
.card > .table > tbody tr:last-child td:first-child,
.card > .table > tbody tr:last-child th:first-child {
	border-bottom-left-radius: 0.25rem;
}
.card > .table > tbody tr:last-child td:last-child,
.card > .table > tbody tr:last-child th:last-child {
	border-bottom-right-radius: 0.25rem;
}
[data-bs-theme="dark"] .card {
	box-shadow: 0 0 0.875rem 0 rgba(34, 46, 60, 0.05);
}
[data-bs-theme="dark"] .card-header {
	border-bottom-width: 1px;
}
[data-bs-theme="dark"] .card-actions a {
	color: #bdc0c5;
	text-decoration: none;
}
[data-bs-theme="dark"] .card-title {
	color: #d3d5d8;
	font-size: 0.925rem;
	font-weight: 600;
}

/* chart */

.chart {
	margin: auto;
	min-height: 18.75rem;
	position: relative;
	width: 100%;
}
.chart-xs {
	min-height: 9.375rem;
}
.chart-sm {
	min-height: 15.625rem;
}
.chart-lg {
	min-height: 21.875rem;
}
.chart-xl {
	min-height: 31.25rem;
}
.chart canvas {
	max-width: 100%;
}

/* chat */

.chat-online {
	color: #2bdfaa;
}
.chat-offline {
	color: #e4606d;
}
.chat-messages {
	display: flex;
	flex-direction: column;
	max-height: 50rem;
	overflow-y: scroll;
}
.chat-message-left,
.chat-message-right {
	display: flex;
	flex-shrink: 0;
}
.chat-message-left {
	margin-right: auto;
}
.chat-message-right {
	flex-direction: row-reverse;
	margin-left: auto;
}

/* dropdown */

.dropdown-menu {
	box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.05);
}
.dropdown-menu.show {
	animation-duration: 0.25s;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
	animation-name: animasiDropdown;
	animation-timing-function: ease;
}
@keyframes animasiDropdown {
	0% {
		opacity: 0;
		transform: translateY(-8px);
	}
	to {
		opacity: 1;
		transform: translate(0);
	}
}
.dropdown-toggle::after {
	border: solid;
	border-width: 0 2px 2px 0;
	display: inline-block;
	padding: 2px;
	transform: rotate(45deg);
}
.dropdown-item {
	transition: background 0.1s ease-in-out, color 0.1s ease-in-out;
}
.dropdown-menu {
	top: auto;
}
.dropdown-menu-lg {
	min-width: 20rem;
}
.dropdown .list-group .list-group-item {
	border-width: 0 0 1px;
	margin-bottom: 0;
}
.dropdown .list-group .list-group-item:first-child,
.dropdown .list-group .list-group-item:last-child {
	border-radius: 0;
}
.dropdown .list-group .list-group-item:hover {
	background: #f8f9fa;
}
.dropdown-menu-header {
	border-bottom: 1px solid #dee2e6;
	font-weight: 600;
	padding: 0.75rem;
	text-align: center;
}
.dropdown-menu-footer {
	display: block;
	font-size: 0.75rem;
	padding: 0.5rem;
	text-align: center;
}
@media (min-width: 1200px) {
	.dropdown-mega-list {
		min-width: 250px;
	}
}
[data-bs-theme="dark"] .dropdown .list-group .list-group-item:hover {
  background: #384350;
}
[data-bs-theme="dark"] .dropdown-menu-header {
  border-bottom: 1px solid #646d77;
}

/* forms */
.input-group-sm > .form-select {
	padding-right: 1.8rem;
}

/* list-group */
a.list-group-item {
	text-decoration: none;
}

/* modal */
.modal-primary .modal-content {
	background: #3b7ddd;
	color: color-yiq(#3b7ddd);
}
.modal-primary .h1,
.modal-primary .h2,
.modal-primary .h3,
.modal-primary .h4,
.modal-primary .h5,
.modal-primary .h6,
.modal-primary h1,
.modal-primary h2,
.modal-primary h3,
.modal-primary h4,
.modal-primary h5,
.modal-primary h6 {
	color: #fff;
}
.modal-secondary .modal-content {
	background: #6c757d;
	color: color-yiq(#6c757d);
}
.modal-secondary .h1,
.modal-secondary .h2,
.modal-secondary .h3,
.modal-secondary .h4,
.modal-secondary .h5,
.modal-secondary .h6,
.modal-secondary h1,
.modal-secondary h2,
.modal-secondary h3,
.modal-secondary h4,
.modal-secondary h5,
.modal-secondary h6 {
	color: #fff;
}
.modal-success .modal-content {
	background: #1cbb8c;
	color: color-yiq(#1cbb8c);
}
.modal-success .h1,
.modal-success .h2,
.modal-success .h3,
.modal-success .h4,
.modal-success .h5,
.modal-success .h6,
.modal-success h1,
.modal-success h2,
.modal-success h3,
.modal-success h4,
.modal-success h5,
.modal-success h6 {
	color: #fff;
}
.modal-info .modal-content {
	background: #17a2b8;
	color: color-yiq(#17a2b8);
}
.modal-info .h1,
.modal-info .h2,
.modal-info .h3,
.modal-info .h4,
.modal-info .h5,
.modal-info .h6,
.modal-info h1,
.modal-info h2,
.modal-info h3,
.modal-info h4,
.modal-info h5,
.modal-info h6 {
	color: #fff;
}
.modal-warning .modal-content {
	background: #fcb92c;
	color: color-yiq(#fcb92c);
}
.modal-warning .h1,
.modal-warning .h2,
.modal-warning .h3,
.modal-warning .h4,
.modal-warning .h5,
.modal-warning .h6,
.modal-warning h1,
.modal-warning h2,
.modal-warning h3,
.modal-warning h4,
.modal-warning h5,
.modal-warning h6 {
	color: #fff;
}
.modal-danger .modal-content {
	background: #dc3545;
	color: color-yiq(#dc3545);
}
.modal-danger .h1,
.modal-danger .h2,
.modal-danger .h3,
.modal-danger .h4,
.modal-danger .h5,
.modal-danger .h6,
.modal-danger h1,
.modal-danger h2,
.modal-danger h3,
.modal-danger h4,
.modal-danger h5,
.modal-danger h6 {
	color: #fff;
}
.modal-light .modal-content {
	background: #f5f7fb;
	color: color-yiq(#f5f7fb);
}
.modal-light .h1,
.modal-light .h2,
.modal-light .h3,
.modal-light .h4,
.modal-light .h5,
.modal-light .h6,
.modal-light h1,
.modal-light h2,
.modal-light h3,
.modal-light h4,
.modal-light h5,
.modal-light h6 {
	color: #fff;
}
.modal-dark .modal-content {
	background: #212529;
	color: color-yiq(#212529);
}
.modal-dark .h1,
.modal-dark .h2,
.modal-dark .h3,
.modal-dark .h4,
.modal-dark .h5,
.modal-dark .h6,
.modal-dark h1,
.modal-dark h2,
.modal-dark h3,
.modal-dark h4,
.modal-dark h5,
.modal-dark h6 {
	color: #fff;
}
.modal-colored .modal-footer,
.modal-colored .modal-header {
	border-color: hsla(0, 0%, 100%, 0.33);
}
[data-bs-theme="dark"] .modal-primary .modal-content {
	background: #3b7ddd;
	color: color-yiq(#3b7ddd);
}
[data-bs-theme="dark"] .modal-primary .h1,
[data-bs-theme="dark"] .modal-primary .h2,
[data-bs-theme="dark"] .modal-primary .h3,
[data-bs-theme="dark"] .modal-primary .h4,
[data-bs-theme="dark"] .modal-primary .h5,
[data-bs-theme="dark"] .modal-primary .h6,
[data-bs-theme="dark"] .modal-primary h1,
[data-bs-theme="dark"] .modal-primary h2,
[data-bs-theme="dark"] .modal-primary h3,
[data-bs-theme="dark"] .modal-primary h4,
[data-bs-theme="dark"] .modal-primary h5,
[data-bs-theme="dark"] .modal-primary h6 {
	color: #222e3c;
}
[data-bs-theme="dark"] .modal-secondary .modal-content {
	background: #7a828a;
	color: color-yiq(#7a828a);
}
[data-bs-theme="dark"] .modal-secondary .h1,
[data-bs-theme="dark"] .modal-secondary .h2,
[data-bs-theme="dark"] .modal-secondary .h3,
[data-bs-theme="dark"] .modal-secondary .h4,
[data-bs-theme="dark"] .modal-secondary .h5,
[data-bs-theme="dark"] .modal-secondary .h6,
[data-bs-theme="dark"] .modal-secondary h1,
[data-bs-theme="dark"] .modal-secondary h2,
[data-bs-theme="dark"] .modal-secondary h3,
[data-bs-theme="dark"] .modal-secondary h4,
[data-bs-theme="dark"] .modal-secondary h5,
[data-bs-theme="dark"] .modal-secondary h6 {
	color: #222e3c;
}
[data-bs-theme="dark"] .modal-success .modal-content {
	background: #1cbb8c;
	color: color-yiq(#1cbb8c);
}
[data-bs-theme="dark"] .modal-success .h1,
[data-bs-theme="dark"] .modal-success .h2,
[data-bs-theme="dark"] .modal-success .h3,
[data-bs-theme="dark"] .modal-success .h4,
[data-bs-theme="dark"] .modal-success .h5,
[data-bs-theme="dark"] .modal-success .h6,
[data-bs-theme="dark"] .modal-success h1,
[data-bs-theme="dark"] .modal-success h2,
[data-bs-theme="dark"] .modal-success h3,
[data-bs-theme="dark"] .modal-success h4,
[data-bs-theme="dark"] .modal-success h5,
[data-bs-theme="dark"] .modal-success h6 {
	color: #222e3c;
}
[data-bs-theme="dark"] .modal-info .modal-content {
	background: #17a2b8;
	color: color-yiq(#17a2b8);
}
[data-bs-theme="dark"] .modal-info .h1,
[data-bs-theme="dark"] .modal-info .h2,
[data-bs-theme="dark"] .modal-info .h3,
[data-bs-theme="dark"] .modal-info .h4,
[data-bs-theme="dark"] .modal-info .h5,
[data-bs-theme="dark"] .modal-info .h6,
[data-bs-theme="dark"] .modal-info h1,
[data-bs-theme="dark"] .modal-info h2,
[data-bs-theme="dark"] .modal-info h3,
[data-bs-theme="dark"] .modal-info h4,
[data-bs-theme="dark"] .modal-info h5,
[data-bs-theme="dark"] .modal-info h6 {
	color: #222e3c;
}
[data-bs-theme="dark"] .modal-warning .modal-content {
	background: #fcb92c;
	color: color-yiq(#fcb92c);
}
[data-bs-theme="dark"] .modal-warning .h1,
[data-bs-theme="dark"] .modal-warning .h2,
[data-bs-theme="dark"] .modal-warning .h3,
[data-bs-theme="dark"] .modal-warning .h4,
[data-bs-theme="dark"] .modal-warning .h5,
[data-bs-theme="dark"] .modal-warning .h6,
[data-bs-theme="dark"] .modal-warning h1,
[data-bs-theme="dark"] .modal-warning h2,
[data-bs-theme="dark"] .modal-warning h3,
[data-bs-theme="dark"] .modal-warning h4,
[data-bs-theme="dark"] .modal-warning h5,
[data-bs-theme="dark"] .modal-warning h6 {
	color: #222e3c;
}
[data-bs-theme="dark"] .modal-danger .modal-content {
	background: #dc3545;
	color: color-yiq(#dc3545);
}
[data-bs-theme="dark"] .modal-danger .h1,
[data-bs-theme="dark"] .modal-danger .h2,
[data-bs-theme="dark"] .modal-danger .h3,
[data-bs-theme="dark"] .modal-danger .h4,
[data-bs-theme="dark"] .modal-danger .h5,
[data-bs-theme="dark"] .modal-danger .h6,
[data-bs-theme="dark"] .modal-danger h1,
[data-bs-theme="dark"] .modal-danger h2,
[data-bs-theme="dark"] .modal-danger h3,
[data-bs-theme="dark"] .modal-danger h4,
[data-bs-theme="dark"] .modal-danger h5,
[data-bs-theme="dark"] .modal-danger h6 {
	color: #222e3c;
}
[data-bs-theme="dark"] .modal-light .modal-content {
	background: #2d3846;
	color: color-yiq(#2d3846);
}
[data-bs-theme="dark"] .modal-light .h1,
[data-bs-theme="dark"] .modal-light .h2,
[data-bs-theme="dark"] .modal-light .h3,
[data-bs-theme="dark"] .modal-light .h4,
[data-bs-theme="dark"] .modal-light .h5,
[data-bs-theme="dark"] .modal-light .h6,
[data-bs-theme="dark"] .modal-light h1,
[data-bs-theme="dark"] .modal-light h2,
[data-bs-theme="dark"] .modal-light h3,
[data-bs-theme="dark"] .modal-light h4,
[data-bs-theme="dark"] .modal-light h5,
[data-bs-theme="dark"] .modal-light h6 {
	color: #222e3c;
}
[data-bs-theme="dark"] .modal-dark .modal-content {
	background: #e9eaec;
	color: color-yiq(#e9eaec);
}
[data-bs-theme="dark"] .modal-dark .h1,
[data-bs-theme="dark"] .modal-dark .h2,
[data-bs-theme="dark"] .modal-dark .h3,
[data-bs-theme="dark"] .modal-dark .h4,
[data-bs-theme="dark"] .modal-dark .h5,
[data-bs-theme="dark"] .modal-dark .h6,
[data-bs-theme="dark"] .modal-dark h1,
[data-bs-theme="dark"] .modal-dark h2,
[data-bs-theme="dark"] .modal-dark h3,
[data-bs-theme="dark"] .modal-dark h4,
[data-bs-theme="dark"] .modal-dark h5,
[data-bs-theme="dark"] .modal-dark h6 {
	color: #222e3c;
}
[data-bs-theme="dark"] .modal-colored .modal-footer,
[data-bs-theme="dark"] .modal-colored .modal-header {
	border-color: hsla(0, 0%, 100%, 0.33);
}

/* pagination */

.page-item.active .page-link {
	color: #fff
}

/* progress */

.progress-sm {
	height: 0.4rem;
}
.progress-lg {
	height: 1.5rem;
}

/* sizes */
.min-vw-50 {
	min-width: 50vw !important;
}
.min-vh-50 {
	min-height: 50vh !important;
}
.vw-50 {
	width: 50vw !important;
}
.vh-50 {
	height: 50vh !important;
}

/* stat */

.stat {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 2.5rem;
	width: 2.5rem;
	background: #d3e2f7;
	border-radius: 50%;
	color: #3b7ddd;
}
.stat svg {
	color: inherit !important;
	height: 1.125rem;
	width: 1.125rem;
	stroke-width: 1.5;
}
.stat i {
	color: inherit;
	font-size: 1.125rem;
}
[data-bs-theme="dark"] .stat {
	background: #384350;
	color: #fff;
}

/* table */

.table tbody,
.table td,
.table tfoot,
.table th,
.table thead,
.table tr,
.table > :not(:last-child) > :last-child > * {
	border-color: var(--bs-border-color);
}

table.table-bordered thead tr:first-child th, 
table.table-bordered thead tr:first-child td {
	border-top-width: var(--bs-border-width) !important;
}

table.table-bordered tbody tr th, 
table.table-bordered tbody tr td {
	border-top-width: var(--bs-border-width) !important;
}
table.table-bordered tbody tr:last-child th, 
table.table-bordered tbody tr:last-child td {
	border-bottom-width: var(--bs-border-width) !important;
}

table.table-bordered tfoot tr:last-child th, 
table.table-bordered tfoot tr:last-child td {
	border-bottom-width: var(--bs-border-width) !important;
}
table.table.table-striped > tbody > tr:nth-of-type(2n+1) > * {
	box-shadow: inset 0 0 0 9999px rgba(var(--bs-dark-rgb), 0.025) !important;
}
table.table.table-hover > tbody > tr:hover > * {
	box-shadow: inset 0 0 0 9999px rgba(var(--bs-dark-rgb), 0.05) !important;
}

div.table-responsive table.table-bordered th:last-child,
div.table-responsive table.table-bordered td:last-child {
	border-right: 1px solid var(--bs-border-color);
}

.card > .dataTables_wrapper .table.dataTable,
.card > .table,
.card > .table-responsive .table,
.card > .table-responsive-lg .table,
.card > .table-responsive-md .table,
.card > .table-responsive-sm .table,
.card > .table-responsive-xl .table {
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	margin-bottom: 0;
}
.card > .dataTables_wrapper .table.dataTable td:first-child,
.card > .dataTables_wrapper .table.dataTable th:first-child,
.card > .table td:first-child,
.card > .table th:first-child,
.card > .table-responsive .table td:first-child,
.card > .table-responsive .table th:first-child,
.card > .table-responsive-lg .table td:first-child,
.card > .table-responsive-lg .table th:first-child,
.card > .table-responsive-md .table td:first-child,
.card > .table-responsive-md .table th:first-child,
.card > .table-responsive-sm .table td:first-child,
.card > .table-responsive-sm .table th:first-child,
.card > .table-responsive-xl .table td:first-child,
.card > .table-responsive-xl .table th:first-child {
	border-left: 0;
	padding-left: 1.25rem;
}
.card > .dataTables_wrapper .table.dataTable td:last-child,
.card > .dataTables_wrapper .table.dataTable th:last-child,
.card > .table td:last-child,
.card > .table th:last-child,
.card > .table-responsive .table td:last-child,
.card > .table-responsive .table th:last-child,
.card > .table-responsive-lg .table td:last-child,
.card > .table-responsive-lg .table th:last-child,
.card > .table-responsive-md .table td:last-child,
.card > .table-responsive-md .table th:last-child,
.card > .table-responsive-sm .table td:last-child,
.card > .table-responsive-sm .table th:last-child,
.card > .table-responsive-xl .table td:last-child,
.card > .table-responsive-xl .table th:last-child {
	border-right: 0;
	padding-right: 1.25rem;
}
.card > .dataTables_wrapper .table.dataTable tr:first-child td,
.card > .dataTables_wrapper .table.dataTable tr:first-child th,
.card > .table tr:first-child td,
.card > .table tr:first-child th,
.card > .table-responsive .table tr:first-child td,
.card > .table-responsive .table tr:first-child th,
.card > .table-responsive-lg .table tr:first-child td,
.card > .table-responsive-lg .table tr:first-child th,
.card > .table-responsive-md .table tr:first-child td,
.card > .table-responsive-md .table tr:first-child th,
.card > .table-responsive-sm .table tr:first-child td,
.card > .table-responsive-sm .table tr:first-child th,
.card > .table-responsive-xl .table tr:first-child td,
.card > .table-responsive-xl .table tr:first-child th {
	border-top: 0;
}
.card > .dataTables_wrapper .table.dataTable tr:last-child td,
.card > .table tr:last-child td,
.card > .table-responsive .table tr:last-child td,
.card > .table-responsive-lg .table tr:last-child td,
.card > .table-responsive-md .table tr:last-child td,
.card > .table-responsive-sm .table tr:last-child td,
.card > .table-responsive-xl .table tr:last-child td {
	border-bottom: 0;
}
.card .card-header + .table {
	border-top: 0;
}
.table-action a {
	color: #6c757d;
}
.table-action a:hover {
	color: #212529;
}
.table-action .feather {
	height: 1.125rem;
	width: 1.125rem;
}
.table > tbody > tr > td {
	vertical-align: middle;
}
.card > .dataTables_wrapper .table.dataTable {
	margin-bottom: 0 !important;
	margin-top: 0 !important;
}
.card > .dataTables_wrapper .dataTables_info {
	padding: 1rem 1.25rem;
}
.card > .dataTables_wrapper .dataTables_paginate {
	padding: 0.6rem 1.25rem;
}
.dt-bootstrap4 {
	width: calc(100% - 2px);
}
.dt-bootstrap4 table.dataTable thead .sorting::before,
.dt-bootstrap4 table.dataTable thead .sorting_asc::before,
.dt-bootstrap4 table.dataTable thead .sorting_asc_disabled::before,
.dt-bootstrap4 table.dataTable thead .sorting_desc::before,
.dt-bootstrap4 table.dataTable thead .sorting_desc_disabled::before {
	right: 1.25em;
}
table.dataTable tbody > tr.selected {
	background-color: #3b7ddd;
}
table.dataTable.table-striped > tbody > tr.selected {
	--bs-table-striped-bg: var(--bs-primary);
	--bs-table-striped-color: var(--bs-white);
}
[data-bs-theme="dark"] .table-action a {
	color: #a7abb1;
}
[data-bs-theme="dark"] .table-action a:hover {
	color: #e9eaec;
}


/* tab */

.tab {
	margin-bottom: 2rem;
}
.tab .nav-tabs {
	border: 0;
}
.tab .nav-tabs .nav-link {
	background: transparent;
	border: 0;
	color: #343a40;
	padding: 0.75rem 1rem;
}
.tab .nav-tabs .nav-link.active {
	background: #fff;
	color: #343a40;
}
.tab .nav-tabs .nav-link:hover {
	color: #3b7ddd;
}
.tab .nav-tabs .nav-link svg {
	height: 20px;
	width: 20px;
}
.tab .tab-content {
	background: #fff;
	border-radius: 0 0 0.2rem 0.2rem;
	box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.05);
	padding: 1.25rem;
}
.tab .tab-content p:last-child {
	margin-bottom: 0;
}
.tab-primary .nav-tabs .nav-link.active {
	background: #3b7ddd;
	border-bottom-color: #3b7ddd;
	color: #fff;
}
.tab-primary .tab-content {
	background: #3b7ddd;
	color: #fff;
}
.tab-primary .h1,
.tab-primary .h2,
.tab-primary .h3,
.tab-primary .h4,
.tab-primary .h5,
.tab-primary .h6,
.tab-primary h1,
.tab-primary h2,
.tab-primary h3,
.tab-primary h4,
.tab-primary h5,
.tab-primary h6 {
	color: #fff;
}
.tab-secondary .nav-tabs .nav-link.active {
	background: #6c757d;
	border-bottom-color: #6c757d;
	color: #fff;
}
.tab-secondary .tab-content {
	background: #6c757d;
	color: #fff;
}
.tab-secondary .h1,
.tab-secondary .h2,
.tab-secondary .h3,
.tab-secondary .h4,
.tab-secondary .h5,
.tab-secondary .h6,
.tab-secondary h1,
.tab-secondary h2,
.tab-secondary h3,
.tab-secondary h4,
.tab-secondary h5,
.tab-secondary h6 {
	color: #fff;
}
.tab-success .nav-tabs .nav-link.active {
	background: #1cbb8c;
	border-bottom-color: #1cbb8c;
	color: #fff;
}
.tab-success .tab-content {
	background: #1cbb8c;
	color: #fff;
}
.tab-success .h1,
.tab-success .h2,
.tab-success .h3,
.tab-success .h4,
.tab-success .h5,
.tab-success .h6,
.tab-success h1,
.tab-success h2,
.tab-success h3,
.tab-success h4,
.tab-success h5,
.tab-success h6 {
	color: #fff;
}
.tab-info .nav-tabs .nav-link.active {
	background: #17a2b8;
	border-bottom-color: #17a2b8;
	color: #fff;
}
.tab-info .tab-content {
	background: #17a2b8;
	color: #fff;
}
.tab-info .h1,
.tab-info .h2,
.tab-info .h3,
.tab-info .h4,
.tab-info .h5,
.tab-info .h6,
.tab-info h1,
.tab-info h2,
.tab-info h3,
.tab-info h4,
.tab-info h5,
.tab-info h6 {
	color: #fff;
}
.tab-warning .nav-tabs .nav-link.active {
	background: #fcb92c;
	border-bottom-color: #fcb92c;
	color: #fff;
}
.tab-warning .tab-content {
	background: #fcb92c;
	color: #fff;
}
.tab-warning .h1,
.tab-warning .h2,
.tab-warning .h3,
.tab-warning .h4,
.tab-warning .h5,
.tab-warning .h6,
.tab-warning h1,
.tab-warning h2,
.tab-warning h3,
.tab-warning h4,
.tab-warning h5,
.tab-warning h6 {
	color: #fff;
}
.tab-danger .nav-tabs .nav-link.active {
	background: #dc3545;
	border-bottom-color: #dc3545;
	color: #fff;
}
.tab-danger .tab-content {
	background: #dc3545;
	color: #fff;
}
.tab-danger .h1,
.tab-danger .h2,
.tab-danger .h3,
.tab-danger .h4,
.tab-danger .h5,
.tab-danger .h6,
.tab-danger h1,
.tab-danger h2,
.tab-danger h3,
.tab-danger h4,
.tab-danger h5,
.tab-danger h6 {
	color: #fff;
}
.tab-light .nav-tabs .nav-link.active {
	background: #f5f7fb;
	border-bottom-color: #f5f7fb;
	color: #fff;
}
.tab-light .tab-content {
	background: #f5f7fb;
	color: #fff;
}
.tab-light .h1,
.tab-light .h2,
.tab-light .h3,
.tab-light .h4,
.tab-light .h5,
.tab-light .h6,
.tab-light h1,
.tab-light h2,
.tab-light h3,
.tab-light h4,
.tab-light h5,
.tab-light h6 {
	color: #fff;
}
.tab-dark .nav-tabs .nav-link.active {
	background: #212529;
	border-bottom-color: #212529;
	color: #fff;
}
.tab-dark .tab-content {
	background: #212529;
	color: #fff;
}
.tab-dark .h1,
.tab-dark .h2,
.tab-dark .h3,
.tab-dark .h4,
.tab-dark .h5,
.tab-dark .h6,
.tab-dark h1,
.tab-dark h2,
.tab-dark h3,
.tab-dark h4,
.tab-dark h5,
.tab-dark h6 {
	color: #fff;
}
.tab-title {
	font-size: 0.925rem;
}
.tab-vertical .nav-tabs {
	flex-direction: column;
	float: left;
}
.tab-vertical .nav-tabs .nav-link {
	border-bottom-left-radius: 0.2rem;
	border-bottom-right-radius: 0;
	border-top-left-radius: 0.2rem;
	border-top-right-radius: 0;
}
.tab-vertical .tab-content {
	overflow: auto;
}
[data-bs-theme="dark"] .tab .nav-tabs .nav-link {
	color: #d3d5d8;
}
[data-bs-theme="dark"] .tab .nav-tabs .nav-link.active {
	background: #222e3c;
	color: #d3d5d8;
}
[data-bs-theme="dark"] .tab .nav-tabs .nav-link:hover {
	color: #3b7ddd;
}
[data-bs-theme="dark"] .tab .tab-content {
	background: #222e3c;
	box-shadow: 0 0.1rem 0.2rem hsla(0, 0%, 100%, 0.05);
}

[data-bs-theme="dark"] .tab-primary .nav-tabs .nav-link.active {
	background: #3b7ddd;
	border-bottom-color: #3b7ddd;
	color: #222e3c;
}
[data-bs-theme="dark"] .tab-primary .tab-content {
	background: #3b7ddd;
	color: #222e3c;
}
[data-bs-theme="dark"] .tab-primary .h1,
[data-bs-theme="dark"] .tab-primary .h2,
[data-bs-theme="dark"] .tab-primary .h3,
[data-bs-theme="dark"] .tab-primary .h4,
[data-bs-theme="dark"] .tab-primary .h5,
[data-bs-theme="dark"] .tab-primary .h6,
[data-bs-theme="dark"] .tab-primary h1,
[data-bs-theme="dark"] .tab-primary h2,
[data-bs-theme="dark"] .tab-primary h3,
[data-bs-theme="dark"] .tab-primary h4,
[data-bs-theme="dark"] .tab-primary h5,
[data-bs-theme="dark"] .tab-primary h6 {
	color: #222e3c;
}
[data-bs-theme="dark"] .tab-secondary .nav-tabs .nav-link.active {
	background: #7a828a;
	border-bottom-color: #7a828a;
	color: #222e3c;
}
[data-bs-theme="dark"] .tab-secondary .tab-content {
	background: #7a828a;
	color: #222e3c;
}
[data-bs-theme="dark"] .tab-secondary .h1,
[data-bs-theme="dark"] .tab-secondary .h2,
[data-bs-theme="dark"] .tab-secondary .h3,
[data-bs-theme="dark"] .tab-secondary .h4,
[data-bs-theme="dark"] .tab-secondary .h5,
[data-bs-theme="dark"] .tab-secondary .h6,
[data-bs-theme="dark"] .tab-secondary h1,
[data-bs-theme="dark"] .tab-secondary h2,
[data-bs-theme="dark"] .tab-secondary h3,
[data-bs-theme="dark"] .tab-secondary h4,
[data-bs-theme="dark"] .tab-secondary h5,
[data-bs-theme="dark"] .tab-secondary h6 {
	color: #222e3c;
}
[data-bs-theme="dark"] .tab-success .nav-tabs .nav-link.active {
	background: #1cbb8c;
	border-bottom-color: #1cbb8c;
	color: #222e3c;
}
[data-bs-theme="dark"] .tab-success .tab-content {
	background: #1cbb8c;
	color: #222e3c;
}
[data-bs-theme="dark"] .tab-success .h1,
[data-bs-theme="dark"] .tab-success .h2,
[data-bs-theme="dark"] .tab-success .h3,
[data-bs-theme="dark"] .tab-success .h4,
[data-bs-theme="dark"] .tab-success .h5,
[data-bs-theme="dark"] .tab-success .h6,
[data-bs-theme="dark"] .tab-success h1,
[data-bs-theme="dark"] .tab-success h2,
[data-bs-theme="dark"] .tab-success h3,
[data-bs-theme="dark"] .tab-success h4,
[data-bs-theme="dark"] .tab-success h5,
[data-bs-theme="dark"] .tab-success h6 {
	color: #222e3c;
}
[data-bs-theme="dark"] .tab-info .nav-tabs .nav-link.active {
	background: #17a2b8;
	border-bottom-color: #17a2b8;
	color: #222e3c;
}
[data-bs-theme="dark"] .tab-info .tab-content {
	background: #17a2b8;
	color: #222e3c;
}
[data-bs-theme="dark"] .tab-info .h1,
[data-bs-theme="dark"] .tab-info .h2,
[data-bs-theme="dark"] .tab-info .h3,
[data-bs-theme="dark"] .tab-info .h4,
[data-bs-theme="dark"] .tab-info .h5,
[data-bs-theme="dark"] .tab-info .h6,
[data-bs-theme="dark"] .tab-info h1,
[data-bs-theme="dark"] .tab-info h2,
[data-bs-theme="dark"] .tab-info h3,
[data-bs-theme="dark"] .tab-info h4,
[data-bs-theme="dark"] .tab-info h5,
[data-bs-theme="dark"] .tab-info h6 {
	color: #222e3c;
}
[data-bs-theme="dark"] .tab-warning .nav-tabs .nav-link.active {
	background: #fcb92c;
	border-bottom-color: #fcb92c;
	color: #222e3c;
}
[data-bs-theme="dark"] .tab-warning .tab-content {
	background: #fcb92c;
	color: #222e3c;
}
[data-bs-theme="dark"] .tab-warning .h1,
[data-bs-theme="dark"] .tab-warning .h2,
[data-bs-theme="dark"] .tab-warning .h3,
[data-bs-theme="dark"] .tab-warning .h4,
[data-bs-theme="dark"] .tab-warning .h5,
[data-bs-theme="dark"] .tab-warning .h6,
[data-bs-theme="dark"] .tab-warning h1,
[data-bs-theme="dark"] .tab-warning h2,
[data-bs-theme="dark"] .tab-warning h3,
[data-bs-theme="dark"] .tab-warning h4,
[data-bs-theme="dark"] .tab-warning h5,
[data-bs-theme="dark"] .tab-warning h6 {
	color: #222e3c;
}
[data-bs-theme="dark"] .tab-danger .nav-tabs .nav-link.active {
	background: #dc3545;
	border-bottom-color: #dc3545;
	color: #222e3c;
}
[data-bs-theme="dark"] .tab-danger .tab-content {
	background: #dc3545;
	color: #222e3c;
}
[data-bs-theme="dark"] .tab-danger .h1,
[data-bs-theme="dark"] .tab-danger .h2,
[data-bs-theme="dark"] .tab-danger .h3,
[data-bs-theme="dark"] .tab-danger .h4,
[data-bs-theme="dark"] .tab-danger .h5,
[data-bs-theme="dark"] .tab-danger .h6,
[data-bs-theme="dark"] .tab-danger h1,
[data-bs-theme="dark"] .tab-danger h2,
[data-bs-theme="dark"] .tab-danger h3,
[data-bs-theme="dark"] .tab-danger h4,
[data-bs-theme="dark"] .tab-danger h5,
[data-bs-theme="dark"] .tab-danger h6 {
	color: #222e3c;
}
[data-bs-theme="dark"] .tab-light .nav-tabs .nav-link.active {
	background: #2d3846;
	border-bottom-color: #2d3846;
	color: #222e3c;
}
[data-bs-theme="dark"] .tab-light .tab-content {
	background: #2d3846;
	color: #222e3c;
}
[data-bs-theme="dark"] .tab-light .h1,
[data-bs-theme="dark"] .tab-light .h2,
[data-bs-theme="dark"] .tab-light .h3,
[data-bs-theme="dark"] .tab-light .h4,
[data-bs-theme="dark"] .tab-light .h5,
[data-bs-theme="dark"] .tab-light .h6,
[data-bs-theme="dark"] .tab-light h1,
[data-bs-theme="dark"] .tab-light h2,
[data-bs-theme="dark"] .tab-light h3,
[data-bs-theme="dark"] .tab-light h4,
[data-bs-theme="dark"] .tab-light h5,
[data-bs-theme="dark"] .tab-light h6 {
	color: #222e3c;
}
[data-bs-theme="dark"] .tab-dark .nav-tabs .nav-link.active {
	background: #e9eaec;
	border-bottom-color: #e9eaec;
	color: #222e3c;
}
[data-bs-theme="dark"] .tab-dark .tab-content {
	background: #e9eaec;
	color: #222e3c;
}
[data-bs-theme="dark"] .tab-dark .h1,
[data-bs-theme="dark"] .tab-dark .h2,
[data-bs-theme="dark"] .tab-dark .h3,
[data-bs-theme="dark"] .tab-dark .h4,
[data-bs-theme="dark"] .tab-dark .h5,
[data-bs-theme="dark"] .tab-dark .h6,
[data-bs-theme="dark"] .tab-dark h1,
[data-bs-theme="dark"] .tab-dark h2,
[data-bs-theme="dark"] .tab-dark h3,
[data-bs-theme="dark"] .tab-dark h4,
[data-bs-theme="dark"] .tab-dark h5,
[data-bs-theme="dark"] .tab-dark h6 {
	color: #222e3c;
}

/* timeline */
.timeline {
	list-style-type: none;
	position: relative;
}
.timeline::before {
	background: #dee2e6;
	height: 100%;
	left: 9px;
	width: 2px;
}
.timeline-item::before,
.timeline::before {
	content: " ";
	display: inline-block;
	position: absolute;
	z-index: 1;
}
.timeline-item::before {
	background: #fff;
	border: 3px solid #3b7ddd;
	border-radius: 50%;
	height: 20px;
	left: 0;
	width: 20px;
}
[data-bs-theme="dark"] .timeline::before {
	background: #646d77;
}
[data-bs-theme="dark"] .timeline-item::before {
	background: #222e3c;
	border: 3px solid #3b7ddd;
}