:root {
    --dt-primary-color: #e77c1d;
    --dt-secondary-color: #2e5172;
    --dt-font-family: "Poppins", sans-serif;
}

.main {
    height: calc(100vh - 60px);
    overflow: auto;
    background: #f6f9ff;
}

.fake-fullscreen {
    position: fixed;
    inset: 0;
    z-index: 9999;
    background: #fff;
}

.progress-sm {
    height: 6px;
}

.dt-input {
    font-size: 14px;
}

div.dt-container .dt-length, div.dt-container .dt-search, div.dt-container .dt-info, div.dt-container .dt-processing, div.dt-container .dt-paging
{
    font-size: 14px;
    font-family: var(--dt-font-family);
}

.dt-container .dt-layout-row .dt-length select {
    margin-right: 10px;
}

.dt-paging-button {
    border-radius: 10px;
}

.dt-column-title {
    color: var(--dt-secondary-color);
    font-weight: 500;
    font-family: var(--dt-font-family);
}

table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after, table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before, table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after
{
    opacity: 1 !important;
    color: var(--dt-primary-color) !important;
}

table.dataTable thead > tr > th.dt-ordering-asc .dt-column-title,
table.dataTable thead > tr > th.dt-ordering-desc .dt-column-title {
    color: var(--dt-primary-color) !important;
}

table.dataTable {
    font-size: 14px;
}
table.dataTable tbody td {
    max-width: 250px;
}
table.dataTable tbody td .clip {
    display: -webkit-box;
    -webkit-line-clamp: 3; /* max sor */
    -webkit-box-orient: vertical;

    overflow: hidden;
    text-overflow: ellipsis;

    max-width: 250px;
    font-size: 13px;
    line-height: 1.3em;
}