body {
    font-family: 'Prompt', sans-serif;
}

/**
Section
*/
.bg-success-custom {
    background-color: #D7DCF5;
}

/**
Table
*/
.bg-info-custom {
    background-color: #a6a6a6;
}

/**
Table
*/
.bg-report-custom {
    background-color: #5A6EDF;
}

/**
Table รายรับที่ต้องได้
*/
.bg-report-q-quotation-heads {
    background-color: #C8E6C9;
}

/**
Table รายรับจริง
*/
.bg-report-q-slips {
    background-color: #BBDEFB;
}

/**
Table รายจ่าย (ทั้งหมด)
*/
.bg-report-q-request-purchase-items {
    background-color: #C62828;
}

/**
Table รายจ่าย (ค่าของ)
*/
.bg-report-q-request-purchase-item-costs {
    background-color: #E57373;
}

/**
Table รายจ่าย (ค่าแรง)
*/
.bg-report-q-request-purchase-item-labors {
    background-color: #EF9A9A;
}

/**
Table รายจ่าย (อื่นๆ)
*/
.bg-report-q-request-purchase-item-others {
    background-color: #FFEBEE;
}



/**
Button Save
*/
.btn-success-custom {
    background-color: #5A6EDF;
    color: white;
    border: none;
}

.btn-primary-custom {
    background-color: #CCEDDA;
    color: white;
    border: none;
}

.preview-image {
    max-width: 200px;
    max-height: 200px;
    border: 1px solid #ddd;
    padding: 5px;
}

.modal-body {
    max-height: 80vh;
    overflow-y: auto;
}

.modal-body img {
    max-width: 100%; /* Ensure image does not exceed modal width */
    height: auto; /* Keep image proportions */
}

.custom-width {
    max-width: 80vh;
}

.table-bordered-black tr {
    border-bottom: 5px solid #000 !important;
}