/*ใส่ฟ้อน*/
body {
    background: #fff;
    font-family: "Sarabun";
    margin: 0;
    overflow-x: hidden;
    color: #54667a;
    font-weight: 500;
    font-size: 14px;
}

.container-fluid {
    padding: 0px 1px;
}

.page-titles {
    padding-bottom: 0px;
    padding: 5px 15px;
    font-size: 16px;
    background-color: #eee;
}

.card-no-border .left-sidebar {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.card {
    margin-bottom: 0px;
}

.form-group {
    margin-bottom: 10px !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: inherit;
}

.footer {
    padding: 17px 15px !important;
}

/*เปิด modal แล้วจะแก้บักกินพื้นที่*/
.modal-open .modal {
    overflow: auto;
    padding-right: 0 !important;
}

/*เปิด modal แล้วจะแก้บักกินพื้นที่*/
body:not(.modal-open) {
    padding-right: 0px !important;
}

/*สี active menu*/
.sidebar-nav ul li a.active {
    color: #009efb !important;
}

/*ตัวหนังสือติด validation สีแดง*/
.error {
    color: red;
}

/*ทำกรอบสีแดงใส่ช่อง input*/
.error_put_border {
    border-color: #dc3545 !important;
    border-width: 2px !important;
}

/*หัวตารางตัวหนังสือหนา*/
thead {
    font-weight: bold;
}

/*ตารางเอาเส้นหนาออก*/
.table-bordered thead td,
.table-bordered thead th {
    border-top-width: 0px;
    border-bottom-width: 0px;
}

/*หัวข้อทำตัวหนาและขีดเส้นใต้*/
.card-title {
    font-size: 20px;
    font-weight: bold;
    color: #54667a;
    text-decoration: underline;
}

/*ทำตัวหนา text บนช่องกรอก*/
form label {
    font-weight: bold;
}

/*tag b ทำตัวหนา*/
b {
    font-weight: bold;
}

/*ทำให้ไม่ตกบรรทัด*/
.nowrap {
    white-space: nowrap;
}

.a_not_active {
    color: #000000;
}

/* ปุ่ม สีเทา และ กดไม่ได่*/
.isDisabled {
    cursor: not-allowed !important;
    opacity: 0.5;
}

/* set daterangepicker */
.daterangepicker.single .drp-buttons {
    display: block !important;
}
.daterangepicker.single .cancelBtn {
    color: #fff;
    background-color: #bd2130;
    border-color: #b21f2d;
}

.table td,
.table th {
    padding: 8px !important;
    vertical-align: middle;
}

.row_close_use {
    color: #fff;
    background-color: #393939;
}

.row_block_use {
    color: #fff;
    background-color: #deb887;
}

.form-control {
    background-color: #f9e7eb;
}

.select2-container--default .select2-selection--single {
    background-color: #f9e7eb;
}

.sidebar-nav ul li a {
    color: #202124 !important;
}

.sidebar-nav > ul > li > a i {
    color: #202124 !important;
}

/* สไตล์เสริม (optional): เพื่อให้เห็นว่าข้อความถูกเลือก */
.selected-text {
    background-color: #fff3cd; /* หรือสีอื่นที่ต้องการ */
}

.btn-primary,
.btn-primary.disabled {
    background: oklch(51.1% 0.262 276.966);
    border: 1px solid #4f39f6e6;
    color: #fff;
}

.btn-info,
.btn-info.disabled {
    background: oklch(68.5% 0.169 237.323);
    border: 1px solid #0084cccc;
    color: #fff;
}

.btn-warning,
.btn-warning.disabled {
    background: oklch(70.5% 0.213 47.604);
    border: 1px solid #f05100e6;
    color: #fff;
}

.btn-danger,
.btn-danger.disabled {
    background: oklch(57.7% 0.245 27.325);
    border: 1px solid #bf000fe6;
    color: #fff;
}

.btn-success,
.btn-success.disabled {
    background: oklch(52.7% 0.154 150.069);
    border: 1px solid #008138e6;
    color: #fff;
}

.btn-inverse,
.btn-inverse.disabled {
    background: oklch(27.4% 0.006 286.033);
    border: 1px solid #09090be6;
    color: #fff;
}

.text-primary {
    color: oklch(51.1% 0.262 276.966) !important;
}
.text-info {
    color: oklch(68.5% 0.169 237.323) !important;
}
.text-warning {
    color: oklch(70.5% 0.213 47.604) !important;
}
.text-danger {
    color: oklch(57.7% 0.245 27.325) !important;
}
.text-success {
    color: oklch(52.7% 0.154 150.069) !important;
}
.text-inverse {
    color: oklch(27.4% 0.006 286.033) !important;
}

html body .bg-primary {
    background-color: oklch(51.1% 0.262 276.966) !important;
}

html body .bg-info {
    background-color: oklch(68.5% 0.169 237.323) !important;
}

html body .bg-warning {
    background-color: oklch(70.5% 0.213 47.604) !important;
}

html body .bg-danger {
    background-color: oklch(57.7% 0.245 27.325) !important;
}

html body .bg-successry {
    background-color: oklch(52.7% 0.154 150.069) !important;
}

html body .bg-inverse {
    background-color: oklch(27.4% 0.006 286.033) !important;
}

.sidebar-nav > ul > li > a.active {
    background: #fff;
}

.paging_simple_numbers .pagination .paginate_button.active a,
.paging_simple_numbers .pagination .paginate_button:hover a {
    background: oklch(68.5% 0.169 237.323) !important;
    color: #ffffff;
}