.thead-cell {
    text-align: center;
}

    .thead-cell a {
        text-decoration: none !important;
    }

    .thead-cell th {
        line-height: 2.5em !important;
        background-color: rgba(0, 0, 0, 0.03);
    }

.default-row {
    line-height: 30px;
}

/* For ASPxTreeList */
.default-node {
    color: black;
}

    .default-node td {
        /*line-height: 2.8em; 25px;*/
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }

/*.focused-row {
    outline-color: #007bff;
    outline-style: outset;
    outline-width: 1px;
}*/

.focused-row td,
.focused-node td {
    border-top: 1px solid #007bff !important;
    border-bottom: 1px solid #007bff !important;
}

/* For ASPxTreeList */

.custom-tree-list thead tr:first-child th {
    border: none !important;
    padding: 0 0 !important;
}

th.node-header {
    text-align: center;
    line-height: 1.7em !important;
    background-color: rgba(0, 0, 0, 0.03);
}

.focused-node td {
    background-color: white !important;
    color: black;
    /*line-height:  2.8em; 25px;*/
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}


.command-cell {
    padding-left: 7px !important;
    padding-right: 7px !important;
}

.nopadding {
    padding: 0px 0px !important;
}



.command-edit-button {
    color: inherit;
}

.command-delete-button {
    color: red;
}

button.icon-nopadding {
    padding-left: 3px !important;
    padding-right: 3px !important;
}


.add_button {
    color: #28a745 !important;
    cursor: pointer !important;
}

















/* Over Rule Style */
.dropdown-menu {
    font-size: 12px !important;
}

.form-control {
    color: black !important;
}

.dxbs-dropdown-area.dxbs-listbox,
.dxbs-dm.dropdown-menu.dxbs-dropdown-area {
    position: fixed !important;
}

.page-item.page-number.active a.page-link {
    color: white !important;
}

.dxbs-gridview:not(.dxbs-fm-details) > .card > .dxgvCSD > table > tbody > tr.focused-row:last-child > td,
.dxbs-gridview:not(.dxbs-fm-details) > .card > .dxgvCSD > table > tfoot > tr.focused-row:last-child > td {
    border-bottom: 1px solid #007bff !important;
}

.dxbs-gridview:not(.dxbs-fm-details) > .card > .dxgvCSD > table > tbody > tr.default-row:last-child > td,
.dxbs-gridview:not(.dxbs-fm-details) > .card > .dxgvCSD > table > tfoot > tr.default-row:last-child > td {
    border-bottom: 1px solid #edf0f2;
}

.dxbs-gridview > .card .dxbs-table > thead > tr.focused-row > th:first-child,
.dxbs-gridview > .card .dxbs-table > thead > tr.focused-row > td:first-child,
.dxbs-gridview > .card .dxbs-table > tbody > tr.focused-row > td:first-child,
.dxbs-gridview > .card .dxbs-table > tfoot > tr.focused-row > td:first-child {
    border-bottom: 1px solid #007bff !important;
}

.dxbs-gridview > .card .dxbs-table > thead > tr.default-row > th:first-child,
.dxbs-gridview > .card .dxbs-table > thead > tr.default-row > td:first-child,
.dxbs-gridview > .card .dxbs-table > tbody > tr.default-row > td:first-child,
.dxbs-gridview > .card .dxbs-table > tfoot > tr.default-row > td:first-child {
    border-bottom-width: 1px; /* solid #edf0f2; */
}


.dxbs-gridview table.dxbs-table {
    border-collapse: separate !important;
}

    .dxbs-gridview table.dxbs-table th,
    .dxbs-gridview table.dxbs-table td {
        border-color: #edf0f2;
    }


td[class*="dxtlIndent"],
td[class*="dxtlIndentWithButton"] {
    border-right: none !important;
    border-left: none !important;
}


.was-validated .form-control:invalid,
.was-validated .form-control:invalid:focus,
.was-validated .form-control:invalid:active,
.form-control.is-invalid,
.form-control.is-invalid:focus,
.form-control.is-invalid:active {
    border-color: #ced4da !important;
}

    .was-validated .form-control:invalid:focus,
    .was-validated .form-control:invalid:active,
    .form-control.is-invalid:focus,
    .form-control.is-invalid:active {
        box-shadow: 0 0 0 0.2rem rgba(128, 189, 255, 0.7) !important;
    }

.modal-content a.close-btn.dxbs-icon {
    font-family: "dxbs-icons" !important;
}

/* สั่งให้ label ของ series แสดงตัวหนังสือสี ตามที่กำหนด TextCssClass ให้ Label*/
.dxbs-chart .dxc-labels-group .dxc-labels text {
    fill: currentColor !important;
}

.chart-bg {
    background-color: rgba(0, 0, 0, 0.031);
    padding-left: 5px;
    border-radius: 10px;
}

.image.dxbs-icon.dxbs-icon-refresh {
    font-family: "dxbs-icons" !important;
}


.user-modal .modal-body{
    overflow: hidden !important;
}


.dxbs-lp.card .card-body{
    background-color: #ff8a8a !important;
    border: 1px solid blue !important;
    color: blue !important;
}