body {
    font-family: Shabnam;
    background: rgba(215, 196, 157, 0.5);
}

.form-select option,
select,
select option {
    font-family: Shabnam !important;
}

label {
    font-weight: 700;
}

a,
h5,
h6,
p,
span,
.input-mask,
[type="tel"],
[type="number"],
[type="email"],
[type="text"] {
    font-weight: 600;
}

/** Generic colors **/

.bg-muted-gray {
    background-color: #f8f8fb !important;
}

/** Generic font size class **/

/* Font size utility classes */
.fs-0-2 {
    font-size: 0.2rem !important;
}
.fs-0-3 {
    font-size: 0.3rem !important;
}
.fs-0-4 {
    font-size: 0.4rem !important;
}
.fs-0-5 {
    font-size: 0.5rem !important;
}
.fs-0-6 {
    font-size: 0.6rem !important;
}
.fs-0-7 {
    font-size: 0.7rem !important;
}
.fs-0-8 {
    font-size: 0.8rem !important;
}
.fs-0-9 {
    font-size: 0.9rem !important;
}
.fs-1-0 {
    font-size: 1rem !important;
}
.fs-1-1 {
    font-size: 1.1rem !important;
}
.fs-1-2 {
    font-size: 1.2rem !important;
}
.fs-1-3 {
    font-size: 1.3rem !important;
}
.fs-1-4 {
    font-size: 1.4rem !important;
}
.fs-1-5 {
    font-size: 1.5rem !important;
}
.fs-1-6 {
    font-size: 1.6rem !important;
}
.fs-1-7 {
    font-size: 1.7rem !important;
}
.fs-1-8 {
    font-size: 1.8rem !important;
}
.fs-1-9 {
    font-size: 1.9rem !important;
}
.fs-2-0 {
    font-size: 2rem !important;
}

.d-center {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/** CHARTS **/

.apexcharts-legend-text,
.apex-charts text {
    font-family: Shabnam !important;
    fill: #323335 !important;
}

.select2-container[dir="rtl"]
    .select2-selection--single
    .select2-selection__rendered {
    text-align: right;
}

/** Color theme */
#page-topbar {
    background-color: #e8aeb7;
}

body[data-sidebar="dark"] .navbar-brand-box,
body[data-sidebar="dark"] .vertical-menu {
    background-color: #e6cba8;
}

a,
a span,
i {
    color: #8f5628 !important;
}

.select2-container .select2-selection--single,
[type="email"],
[type="text"],
[type="file"],
[type="password"],
textarea {
    background-color: #f8f1e8 !important;
    color: #b57642 !important;
    border-color: #b57642 !important;
}

.bg-primary {
    background-color: #f8e8c6 !important;
}

.wizard > .actions > ul li a,
.btn-primary {
    background-color: #f8e8c6 !important;
    color: #b57642 !important;
    border-color: #b57642 !important;
}

.wizard > .actions > ul li a.disabled {
    background-color: #f3ebda !important;
    color: #dcb08d !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #d1a055 !important;
}

.card:not(.bg-trasparent) {
    background-color: #fdf8f2 !important;
}

body[data-sidebar="dark"].vertical-collpsed
    .vertical-menu
    #sidebar-menu
    ul
    li.mm-active
    .active,
body[data-sidebar="dark"].vertical-collpsed
    .vertical-menu
    #sidebar-menu
    ul
    li.mm-active
    .active
    i,
body[data-sidebar="dark"] .mm-active > a i,
body[data-sidebar="dark"] .mm-active .active,
body[data-sidebar="dark"] .mm-active .active i,
body[data-sidebar="dark"] .mm-active > a {
    color: #c26e7a !important;
}

.text-muted,
p,
span,
small {
    color: #9c7a6c !important;
}

#tree-container .text-white span,
#tree-container .text-white i {
    color: #fff !important;
}

table tr th,
table tr td {
    border-color: #9c7a6c !important;
}

.card-header,
table tr td,
table tr th {
    background: transparent !important;
}

.wizard > .actions > ul {
    display: flex;
}

/* Small mobile devices (e.g., iPhone 5/SE) */
@media only screen and (max-width: 320px) {
    .wizard > .actions > ul {
        flex-direction: column;
    }

    .wizard > .actions > ul li {
        margin: 0.5rem 0;
        width: 100%;
    }

    .wizard > .actions > ul li a {
        display: block;
        width: 100%;
        text-align: center;
    }
}

/* Larger mobile devices (e.g., iPhone 6/7/8) */
@media only screen and (min-width: 321px) and (max-width: 480px) {
    .wizard > .actions > ul {
        flex-direction: column;
    }

    .wizard > .actions > ul li {
        margin: 0.5rem 0;
        width: 100%;
    }

    .wizard > .actions > ul li a {
        display: block;
        width: 100%;
        text-align: center;
    }
}

.wizard .steps > ul > li a {
    background-color: rgba(248, 232, 198, 0.6) !important;
}

.wizard .steps .current a,
.wizard .steps .current a:active,
.wizard .steps .current a:hover {
    background-color: rgba(248, 232, 198, 0.8) !important;
}

.wizard .steps .current a .number,
.wizard .steps .current a:active .number,
.wizard .steps .current a:hover .number {
    background-color: rgba(209, 160, 85, 0.4) !important;
    border: none !important;
}

.wizard .steps .number {
    border-color: rgba(209, 160, 85, 0.4) !important;
}

/* Change the background color of the dropdown */
.select2-container--default .select2-dropdown {
    background-color: #f8f1e8 !important;
    color: #b57642 !important;
}

/* Change the font color of the selected item */
.select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    background-color: #f8f1e8 !important;
    color: #b57642 !important;
    font-family: Shabnam !important;
}

/* Change the font color of the dropdown options */
.select2-container--default .select2-results__option {
    background-color: #f8f1e8 !important;
    color: #b57642 !important;
    font-family: Shabnam !important;
}


.select2-container--default .select2-results__option.select2-results__option--highlighted {
    background-color: #e6c69d !important;
}