.f-readonly .f-field-textbox {
    opacity: .5;
}

.colordarkslategrey {
    color: white !important;
    background-color: darkslategrey !important;
}

.colorindianred {
    color: white !important;
    background-color: indianred !important;
}

.colorgreen {
    color: white !important;
    background-color: green !important;
}

.colorred {
    color: white !important;
    background-color: red !important;
}

.darkgreen {
    color: white !important;
    background-color: darkgreen !important;
}

.colorblue {
    color: white !important;
    background-color: dodgerblue !important;
}


.darkred {
    color: white !important;
    background-color: darkred !important;
}

.colorrange {
    color: white !important;
    background-color: orangered !important;
}

.colordarkcyan {
    color: white !important;
    background-color: darkcyan !important;
}

.colordarkviolet {
    color: white !important;
    background-color: darkviolet !important;
}

.colorperu {
    color: white !important;
    background-color: peru !important;
}

.colorlightslategray {
    color: white !important;
    background-color: lightslategray !important;
}

.colorTblue {
    color: white !important;
    background-color: darkblue !important;
}

.coloryellowgreen {
    color: white !important;
    background-color: yellowgreen !important;
}

.colorpalevioletred {
    color: white !important;
    background-color: palevioletred !important;
}

.colorrebeccapurple {
    color: white !important;
    background-color: rebeccapurple !important;
}

.colormediumorchid {
    color: white !important;
    background-color: mediumorchid !important;
}

.colorlightseagreen {
    color: white !important;
    background-color: lightseagreen !important;
}

.f-grid-row-summary .f-grid-cell-inner {
    font-weight: bold;
    color: red;
}

.f-tab-header .f-tool.f-tool-close .f-tool-icon {
    font-size: 10px !important;
    min-width: 10px !important;
    line-height: 10px !important;
}

.f-field-checkbox-switch .f-field-checkbox-switch-text {
    min-width: 40px !important;
}

.f-grid .f-state-active .f-grid-static-checkbox.f-icon {
    color: #d8e5e3;
}

.f-menu-item-icon {
    width: 16px !important;
    height: 16px;
}

.maingrid {
    width: 100% !important;
    min-height: 550px !important;
    height: 100% !important;
}

.maingrid1 {
    height: 200px !important;
}

.f-grid-rowexpander-details > .f-grid-cell > .f-grid-cell-inner {
    border-top: 1px solid #e6e6e6;
    padding: 5px;
}

.readertable {
    margin: 0;
    padding: 0;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0; /* 水平间距 垂直间距 */
    border: 1px solid #cecece;
    border-bottom: none;
    border-left: none;
}

    .readertable td {
        border-left: 1px solid #cecece;
        border-bottom: 1px solid #cecece;
    }
.fullcss {
    background: aliceblue;
    overflow: auto;
    height: 100vh;
    display: -webkit-flex;
    -webkit-flex-direction: column;
}
.weekend {
    background: var(--dhx-gantt-base-colors-background-alt);
}
.gantt_task_cell.week_end {
    background-color: var(--dhx-gantt-base-colors-background-alt);
}

.gantt_task_row.gantt_selected .gantt_task_cell.week_end {
    background-color: var(--dhx-gantt-base-colors-select);
}