body {
    font-family: 'Kanit', sans-serif !important;
    font-size: 15px !important;
}

.table-xs td,
.table-xs th {
    padding: .1rem;
    font-size: 0.875rem;
}

table.table-xs.dataTable>thead .sorting:before,
table.table-xs.dataTable>thead .sorting:after,
table.table-xs.dataTable>thead .sorting_asc:before,
table.table-xs.dataTable>thead .sorting_asc:after,
table.table-xs.dataTable>thead .sorting_desc:before,
table.table-xs.dataTable>thead .sorting_desc:after,
table.table-xs.dataTable>thead .sorting_asc_disabled:before,
table.table-xs.dataTable>thead .sorting_asc_disabled:after,
table.table-xs.dataTable>thead .sorting_desc_disabled:before,
table.table-xs.dataTable>thead .sorting_desc_disabled:after {
    position: absolute;
    bottom: 0.2em;
    display: block;
    opacity: 0.3;
}

table.table-xs.dataTable>thead>tr>th:not(.sorting_disabled),
table.table-xs.dataTable>thead>tr>td:not(.sorting_disabled) {
    padding-right: 15px;
    ;
}

.btn-active {
    background: #e7e7e7;
    border: 1px solid #333;
}

.dropzone {
    border: 2px dashed #dedede;
    border-radius: 5px;
    background: #f5f5f5;
}

.dropzone i {
    font-size: 5rem;
}

.dropzone .dz-message {
    color: rgba(0, 0, 0, .54);
    font-weight: 500;
    font-size: initial;
    text-transform: uppercase;
}


/* Status Color */

.status-waiting {
    color: #ffeb3b !important;
}

.status-approved {
    color: #00FF00 !important;
}

.status-reschedule {
    color: #0000FF !important;
}

.status-unapprove {
    color: #FF0000 !important;
}

.status-cancel {
    color: #F39C12 !important;
}

.status-completed {
    color: #808000!important;
}

.status-recheck {
    color: #FF00FF !important;
}


/*
0 = draft
1 = waiting
2 = approved
3 = recheduled
4 = unapprove
5 = cancelled
6 = Ended
7 = recheck


*/