.section-content {
    min-height: initial !important;
}

.k-grid {
    border: none;
    color: #333;
}

    .k-grid .tooltip {
        position: fixed !important;
    }

.grid-template {
    min-height: 385px !important;
}

.home .grid-template {
    min-height: initial !important;
}

.k-grid .k-grid-md .k-table-th > .k-cell-inner > .k-link, .k-grid-md .k-table-th > .k-cell-inner > .k-link {
    line-height: 39px;
}

.k-table-md {
    font-size: 12px;
}

.k-grid-toolbar {
    border-color: #dadada;
    background-color: #fff;
    font-size: 12px;
    display: block;
}

.k-grid .k-table-row.k-state-selected,
.k-grid .k-table-row.k-state-selected:hover {
    background-color: #D8EAFE !important;
}

.k-grid td {
    border-style: solid;
    border-width: 0 0 0 1px;
    padding: 0 1px;
    /*overflow: unset !important;*/
    vertical-align: middle;
    /*text-overflow: ellipsis;*/
    border: none;
    height: 30px;
    line-height: 30px;
}

/*ซ่อน loading แบบเดิม*/
.k-loading-image {
    background-image: none !important;
    /*display: none;*/
}

.k-grid-content td a, .k-grid-content-locked td a {
    color: #333;
}

.k-grid .k-grid-md td, .k-grid .k-grid-md .k-table-td, .k-grid-md td, .k-grid-md .k-table-td {
    padding-block: 0px;
    padding-inline: 0px;
}

.k-grid .k-grid-edit-row .k-table-td {
    padding-block: 0px;
    padding-inline: 0px;
}

    .k-grid .k-grid-edit-row .k-table-td input {
        border-radius: 0 !important;
    }

/*.k-grid .k-grid-edit-row .k-table-td .icon-error-s {
        margin-top: -20px !important;
    }*/

.k-grid .k-table-td.center {
    text-align: center !important;
}

.k-grid .k-table-td.text_r {
    text-align: right !important;
}

.k-grid .k-table-td.grid-time {
    text-align: right !important;
}

.k-grid .k-table-td.grid-number {
    text-align: right !important;
}

.k-grid-content td .k-textbox {
    padding: 2px .3em;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

    .k-grid-content td .k-textbox:focus-visible {
        outline: none;
    }

.k-grid-content .k-grid-edit-row td .k-textbox:read-only {
    border: none;
    background: none !important;
}

.k-grid-header, .k-grid-header-wrap, .k-grouping-header, .k-grid .k-table-th, .k-grid td, .k-grid .k-table-td, .k-grid-footer, .k-grid-footer-wrap, .k-grid-content-locked, .k-grid-footer-locked, .k-grid-header-locked, .k-filter-row > .k-table-th, .k-filter-row > td, .k-filter-row > .k-table-td {
    border-color: rgba(0, 0, 0, 0);
}

.k-grid .k-grid-header-locked, .k-grid .k-grid-content-locked, .k-grid .k-grid-header-locked .k-table-th, .k-grid .k-grid-content-locked td, .k-grid .k-grid-content-locked .k-table-td {
    border-color: rgba(0, 0, 0, 0.1);
    /*border-color:#ddd;*/
}

    .k-grid .k-grid-content-locked td, .k-grid .k-grid-content-locked .k-table-td {
        border-color: rgba(0, 0, 0, 0);
    }

.k-grid .k-grid-header {
    padding-right: 17px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    zoom: 1;
    border-color: #dadada;
}

    .k-grid .k-grid-header .k-header {
        border-bottom-width: 0;
        border-left: 1px solid #ddd;
        text-align: center;
        line-height: 39px;
    }

        .k-grid .k-grid-header .k-header .k-link {
            display: block;
            min-height: 39px;
            line-height: 39px;
            text-align: center;
        }

.k-grid thead tr th .icon-paperclip {
    margin-top: -26px;
}

.k-grid .k-grid-header .k-table-th .grid-checkbox-all {
    position: absolute;
    left: 9px;
    top: 10px;
}

.k-grid tbody .k-button-icon {
    display: none;
}

.k-grid tbody input.grid-checkbox {
    margin: 0 4px !important;
}

.k-grid tbody .icon-paperclip {
    margin-left: -2px !important;
}

.k-grid .k-grid-pager {
    font-size: 12px;
    border-color: #dadada;
}

    .k-grid .k-grid-pager .k-pager-numbers-wrap {
        float: left;
        /*display: flex;
    flex-direction: row;
    position: relative;*/
    }

        .k-grid .k-grid-pager .k-pager-numbers-wrap .k-button {
            font-size: 12px;
            color: #333 !important;
            min-width: 0;
            padding: 0 7px;
            margin: 0;
        }

        .k-grid .k-grid-pager .k-pager-numbers-wrap .k-pager-numbers {
            float: none;
        }

            .k-grid .k-grid-pager .k-pager-numbers-wrap .k-pager-numbers .k-selected {
                background-color: #D8EAFE !important;
                border-color: #368ee0 !important;
            }

        .k-grid .k-grid-pager .k-pager-numbers-wrap .k-button:not(.k-selected):hover {
            background-color: #2B92F2 !important;
            border-color: #ccc !important;
            color: #fff !important;
        }

.k-pager-input .k-textbox {
    font-size: 12px;
}

/*.k-pager-md .k-pager-sizes .k-dropdown-list, .k-pager-md .k-pager-sizes .k-dropdown, .k-pager-md .k-pager-sizes .k-dropdownlist, .k-pager-md .k-pager-sizes > select {
    width: 6em;
}*/

.k-grid .k-grid-pager .k-pager-info {
    display: block !important;
    text-align: left;
}

.k-grid .k-grid-pager .k-pager-sizes {
    order: 99;
    padding-top: 0;
    padding-right: 3px;
}

    .k-grid .k-grid-pager .k-pager-sizes > span:last-child {
        order: 1;
    }

    .k-grid .k-grid-pager .k-pager-sizes .k-dropdownlist {
        order: 2;
        background-color: #FFF;
        height: 26px;
        font-size: 12px;
    }

        .k-grid .k-grid-pager .k-pager-sizes .k-dropdownlist:hover {
            background-color: #FFF;
        }

            .k-grid .k-grid-pager .k-pager-sizes .k-dropdownlist:hover .k-button {
                border-color: #FFF;
                color: #333;
            }

        .k-grid .k-grid-pager .k-pager-sizes .k-dropdownlist .k-button {
            background-color: #FFF;
            color: #333;
        }

.k-list-item {
    font-size: 12px;
}

.k-grid .k-command-cell {
    padding: 0 !important;
}

    .k-grid .k-command-cell > .k-button {
        padding: 0 !important;
        border: none !important;
        margin-right: 5px !important;
        border-radius: 50% !important;
    }

        .k-grid .k-command-cell > .k-button:focus {
            box-shadow: none !important;
        }

        .k-grid .k-command-cell > .k-button:last-child {
            margin-right: 0 !important;
        }

.modal .modal-dialog .demo-section {
    padding: 0 !important;
    font-family: Sarabun-Regular;
}

    .modal .modal-dialog .demo-section .k-dropzone {
        margin: 0 auto;
    }

        .modal .modal-dialog .demo-section .k-dropzone .k-button-text {
            font-size: 12px;
        }

    .modal .modal-dialog .demo-section .k-upload-files {
        margin: 10px auto;
        font-size: 12px;
    }

    .modal .modal-dialog .demo-section .k-upload-actions .k-upload-action {
        color: #2b92f2;
    }

    .modal .modal-dialog .demo-section .k-actions {
        margin: 0 auto;
        border-top-width: 0;
    }

        .modal .modal-dialog .demo-section .k-actions .k-button-text {
            font-size: 12px;
        }

        .modal .modal-dialog .demo-section .k-actions .k-clear-selected {
            display: none;
        }

.k-upload {
    border: none;
}

    .k-upload .k-dropzone, .k-upload .k-upload-dropzone {
        padding-block: 0;
        padding-inline: 0;
    }

        .k-upload .k-dropzone .k-upload-status, .k-upload .k-upload-dropzone .k-upload-status {
            display: none;
        }

    .k-upload .k-upload-files {
        width: 90%;
    }

        .k-upload .k-upload-files .k-file {
            border-width: 0 1px 1px;
        }

            .k-upload .k-upload-files .k-file:last-child {
                border-width: 0 1px 1px;
            }

.k-svg-i-file-pdf {
    color: #d24726;
}

.k-svg-i-file-txt {
    color: #2b579a;
}

.k-svg-i-file-data {
    color: #217346;
}

.k-svg-i-file-image {
    color: #80397b;
}

.k-button.k-upload-button {
    width: 150px !important;
    background: #FFF;
}

    .k-button.k-upload-button:hover {
        background: #2b92f2;
    }

.k-upload .k-upload-selected {
    margin: 0 auto;
}

/*OrgChart > List*/
.k-treeview {
    font-size: 12px;
}

.k-loading-mask {
    z-index: 1;
}