.container-color {
    background-color: #E8E9EA;
}

.content-color {
    background-color: #FFFFFF;
}

.icon-color {
    color: #000000;
}

.card-color {
    background-color: #E8E9EA;
}

.btn-darkRed {
    background-color: #590212;
    color: white;
}

.btn-green {
    background-color: #6AD966;
    color: white;
}

.btn-red {
    background-color: #F24738;
    color: white;
}

.btn-blue {
    background-color: #325CD9;
    color: white;
}

.btn-grey {
    background-color: #E8E9EA;
}

.btn-purple {
    background-color: #9333EA;
    color: white;
}

.btn-orange {
    background-color: #FC7414;
    color: white;
}

.single-table-color {
    background-color: #FFFFFF;
    color: #000000;
}

.single-table thead {
    background-color: #E8E9EA;
    color: #000000;
}

.single-table tbody tr:hover {
    background-color: #F1F1F1;
}

.dropdown-color {
    background-color: #FFFFFF;
}

.dropdown-menu > li:hover {
    background-color: #E8E9EA;
}

.dropdown-menu a {
    text-decoration: none;
    color: #000000;
    padding: 10px 20px;
    display: block;
    font-size: 16px;
}

.dropdown-menu a:hover {
    color: #000000;
}

.purple-element {
    color: #9333EA;
}

.dropdownResult {
    width: 200px;
    position: relative;
    display: none;
    border: 1px solid #CCC;
    max-height: 150px;
    overflow-y: auto;
}

.dropdownResult-item {
    padding: 10px;
    cursor: pointer;
    border-bottom: 1px solid #CCC;
}

.dropdownResult-item:hover {
    background-color: #F1F1F1;
}

.dashboard-card {
    border: 1px solid #F1F1F1;
    border-radius: 15px;
}

.charts {
    background: #ffffff;
    border-radius: 8px;
}