.is-invalid .form-control {
    border: 1px solid #ed5555 !important;
}

.is-invalid .form-select {
    border: 1px solid #ed5555 !important;
}

.is-invalid .img-upload {
    border: 1px solid #ed5555 !important;
}

.filter-form {
    min-width: 250px;
}

.vertical-menu {
    box-shadow: none;
}

/* select search */
.vs__dropdown-toggle {
    border: var(--bs-border-width) solid var(--bs-border-color) !important;
    border-radius: var(--bs-border-radius) !important;
    padding: 0.47rem 0.3rem !important;
}

.vs__search {
    font-size: 0.925rem !important;
    font-weight: 400 !important;
    margin-top: 0px !important;
}

.vs__search,
.vs__search:focus {
    margin-top: 0px !important;
}

.vs__selected {
    margin-top: 0px !important;
}

.vs__actions {
    padding-top: 0px !important;
}

.is-invalid .vs__dropdown-toggle {
    border: 1px solid #ed5555 !important;
}

.vs__search::placeholder {
    color: var(--bs-secondary-color) !important;
    opacity: 1;
}

.hovered {
    cursor: pointer;
    transition: all 0.1s ease-in-out;
}

.hovered:hover {
    scale: 0.98;
}

.modal .card,
.modal .card-header,
.modal .card-body,
.modal-content {
    box-shadow: none !important;
}

:root,
[data-bs-theme='light'] {
    --bs-secondary: #26170c;
    --bs-secondary-rgb: 38, 23, 12;
    --bs-secondary-text-emphasis: #150d07;
    --bs-secondary-bg-subtle: #ece3d9;
    --bs-secondary-border-subtle: #c8b9a7;
    --bs-link-color: #8a6a2e;
    --bs-link-color-rgb: 138, 106, 46;
    --bs-link-hover-color: #6b5426;
    --bs-link-hover-color-rgb: 107, 84, 38;
}

[data-bs-theme='dark'] {
    --bs-secondary: #4a2f18;
    --bs-secondary-rgb: 74, 47, 24;
    --bs-secondary-text-emphasis: #c8b9a7;
    --bs-secondary-bg-subtle: #2a1b0f;
    --bs-secondary-border-subtle: #4a2f18;
    --bs-primary-bg-subtle: #3b2f16;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #c5a059;
    --bs-btn-border-color: #c5a059;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #a8843f;
    --bs-btn-hover-border-color: #a8843f;
    --bs-btn-focus-shadow-rgb: 197, 160, 89;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #8f6f33;
    --bs-btn-active-border-color: #8f6f33;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #c5a059;
    --bs-btn-disabled-border-color: #c5a059;
    color: #fff;
    background-color: #c5a059;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
    color: #fff;
    background-color: #a8843f;
    border-color: #a8843f;
}

.btn-outline-primary {
    --bs-btn-color: #8a6a2e;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #a8843f;
    --bs-btn-hover-border-color: #a8843f;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #8f6f33;
    --bs-btn-active-border-color: #8f6f33;
}

.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #26170c;
    --bs-btn-border-color: #26170c;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #3e2916;
    --bs-btn-hover-border-color: #3e2916;
    --bs-btn-focus-shadow-rgb: 38, 23, 12;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4a2f18;
    --bs-btn-active-border-color: #553719;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #26170c;
    --bs-btn-disabled-border-color: #26170c;
    color: #fff;
    background-color: #26170c;
}

.btn-outline-secondary {
    --bs-btn-color: #26170c;
    --bs-btn-border-color: #26170c;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #26170c;
    --bs-btn-hover-border-color: #26170c;
    --bs-btn-focus-shadow-rgb: 38, 23, 12;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #26170c;
    --bs-btn-active-border-color: #26170c;
    --bs-btn-disabled-color: #26170c;
    --bs-btn-disabled-border-color: #26170c;
}

.text-bg-primary,
.badge.bg-primary {
    color: #fff !important;
}

.bg-subtle-primary {
    background-color: #f7efe0;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active {
    color: #fff;
    background-color: #3e2916;
    border-color: #3e2916;
}