@font-face {
    font-family: os;
    src: url('../fonts/Oswald.ttf');
}
body {
    font-family:Arial, Helvetica, sans-serif !important;
}

.modal-size {
    max-width: 650px;
}

select[name="datatable_length"] {
    font-size: 14px;
    cursor: pointer;
}

.content-left {
    width: 75%;
}
.content-right {
    width: 23%;
    margin-left: 2%;
}

.bg-body {
    background: #eef5f9;
}

#datatable tbody tr td .limit-line{
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-wrap: break-word;
}


.button-action-date {
    display: none;
}

.button-apply {
    display: none;
}

.daterangepicker.show-calendar .drp-buttons {
    display: block;
}

#keywords {
    height: 100%;
}

#purchase {
    height: 100%;
}

.action_allocation {
    color: #000;
    font-size: 14px;
    width: 100%;
    text-align: center;
}

.action_allocation i {
    font-size: 15px;
    margin-right: 5px;
}

.btn-order {
    color: #ccc;
    cursor: pointer;
}

.btn-order:hover {
    color: #ccc;
}

.wait_return {
    height: 20px;
    width: 20px;
}

.list-device {
    margin:0;
}
.p-error {
    font-size: 12px;
}
.btn-frm-submit {
    width: 200px;
}
.custom-modal .modal-footer {
    justify-content: space-between !important;
}
div.dataTables_wrapper div.dataTables_processing {
    z-index: 1000000000;
}
.payroll-tbl {
    font-family: os, sans-serif !important;
}
.payroll-tbl th {
    padding: 0.35rem 1rem;
}
.filter .select2-container--classic .select2-selection--single, 
.filter .select2-container--default .select2-selection--multiple, 
.filter .select2-container--default .select2-selection--single, 
.filter .select2-container--default .select2-selection--single .select2-selection__arrow, 
.filter .select2-container--default .select2-selection--single .select2-selection__rendered {
    height: 36px !important;
}

.filter .select2-container--classic .select2-selection--single, 
.filter .select2-container--default .select2-selection--multiple, 
.filter .select2-container--default .select2-selection--single, 
.filter .select2-container--default .select2-selection--single .select2-selection__arrow, 
.filter .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 36px !important;
}
.spinner-all {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    background-color:rgba(255, 99, 71, 0.4);
    display: none;
}
.spinner-all .spinner-box {
    height: 100%;
    transform: translateY(50%);
}
.err {
    color: rgb(156, 16, 16);
    font-style: italic;
    font-size: 13px;
}
.btn-moduls-report:hover {
    box-shadow: 0 0 11px rgba(33,33,33,.2); 
}