/*  Box Magdy Abaza 01-2025 */
.small-box {
    background: var(--ContentWrapper);
    color: var(--sidebar-color);
}

.small-box-footer {
    background: var(--ContentWrapper);
    color: var(--sidebar-color);
}

.content-header {
    color: var(--sidebar-color) !important;
}

.info-box .progress .progress-bar {
    background-color: #20c997;
}

.bg-info {
    background-color: #6699cc !important;
}

.bg-danger {
    background-color: #e352a2 !important;
}

.bg-warning {
    background-color: #fd7e14 !important;
}

.bg-success {
    background-color: #20c997 !important;
}
/*    .bg-info, .bg-info > a {
                    color: #3068adminlte60 !important;
        } */
.wj-dashboard .wj-flexchart {
    border: var(--header-color) 2px solid !important;
    border-radius: 0;
    margin-top: 15px;
    margin: 0px;
    padding: 4px;
    border: none;
    height: 300px;
}

.custom .wj-legend > rect {
    fill: #dcf5ea;
    stroke: #1aae83;
}

.custom .wj-legend {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.custom .wj-data-label {
    font-weight: bold;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.custom .wj-data-label-border {
    stroke: rgb(246, 115, 115);
}

.custom .wj-header .wj-title {
    font-size: 25pt;
    fill: #ff9e2c;
    font-weight: bold;
}

.custom .wj-axis-x .wj-label {
    font-weight: bold;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.wj-plot-area > rect {
    fill: #dcf5ea;
    stroke: #1aae83;
}

/* ---- */

.custom.wj-flexgrid {
    border: var(--header-color) 2px solid;
    border-radius: 0;
    margin-top: 15px;
}

.custom .wj-topleft .wj-cell {
    background: lightblue;
}

.custom .wj-colheaders .wj-cell {
    background: var(--sidebar-color);
    color: white;
    text-align: center !important;
}

.custom .wj-rowheaders .wj-cell {
    background: var(--sidebar-color);
}

.custom .wj-alt {
    font-style: italic;
}

.custom .wj-group:not(.wj-state-selected):not(.wj-state-multi-selected) {
    font-weight: bold;
    background-color: darkseagreen;
}

.custom .wj-glyph-down-right {
    color: green;
}

.custom .wj-glyph-right {
    color: green;
}

.custom .wj-state-selected {
    border: var(--header-color) 1px solid;
}

.custom .wj-state-multi-selected {
    border: var(--header-color) 1px solid;
}

.custom .wj-grid-editor {
    color: #20c997;
}

.custom .wj-glyph-up {
    color: blueviolet;
}

.custom .wj-glyph-down {
    color: blueviolet;
}