/* CSS Document */

@import "components/header.css";
@import "components/title.css";
@import "components/footer.css";
@import "components/sidebar.css";

@import "elements/portlet.css";
@import "elements/card.css";
@import "elements/table.css";
@import "elements/dropdown.css";
@import "elements/section.css";
@import "elements/container.css";
@import "elements/modal.css";
@import "elements/select.css";
@import "elements/callout.css";

@import "utilities/fonts.css";
@import "utilities/animation.css";
@import "utilities/columns.css";


/* Section */

.main {
	background-color: #fcfcfc;
	--pulsate-color: var(--bs-primary);
}

.main-dark {
	background-color: #0f1014;
	color: #ffffff;
	--bs-btn-close-color: #FFF !important;
}

.main-dark .offcanvas {
	--bs-offcanvas-color: #FFF !important;
}

.main-dark .text-muted {
	color: #999 !important;
}

.main-dark .form-control,
.main-dark .form-select,
.main-dark .form-select-search {
	background-color: #0f1014;
	color: #fff;
	border-color: var(--bs-secondary);
	cursor: default;
}

.main-dark .modal-content {
	background-color: var(--bs-dark);
}

.main-dark .modal-header {
	border-bottom: 1px solid #0f1014;
}

.main-dark .btn-close {
	filter: invert(1) grayscale(100%) brightness(200%);
}

.main-dark .offcanvas {
	background-color: var(--bs-dark);
}

.main-dark .form-floating .form-label {
	color: var(--bs-light) !important;
}

.main-dark .form-floating .form-label::after {
	background-color: rgb(15, 16, 20);
}

.main-dark .input-group-text {
	background-color: transparent;
	border-color: var(--bs-secondary) !important;
	color: var(--bs-secondary);
}

.main-dark .btn-light {
	background-color: var(--bs-dark);
	border-color: var(--bs-dark);
	color: #FFF;
}

.main-dark .btn-light:hover {
	background-color: #333333;
}

.main-dark .accordion-item {
	--bs-accordion-btn-bg: transparent;
	--bs-accordion-bg: transparent;
	--bs-accordion-color: #FFF;
	--bs-accordion-btn-color: #FFF;
	--bs-accordion-border-color: #FFFFFF15;
}