:root {
    --primary:#253b2f;

    --primary-button-bg-color:#253b2f;
    --primary-button-bg-color-hover:#335A2B;
    --primary-button-bg-color-focus:#1b2f17;

    --primary-button-text-color:#fff;
    --primary-button-text-color-hover:#fff;
    --primary-button-text-color-focus:#fff;

    --primary-button-border-color:#253b2f;
    --primary-button-border-color-hover:#335A2B;
    --primary-button-border-color-focus:#1b2f17;

   
    --secondary-button-bg-color:#fff;
    --secondary-button-bg-color-hover:#fff;
    --secondary-button-bg-color-focus:#fff;

    --secondary-button-text-color:#253b2f;
    --secondary-button-text-color-hover:#335A2B;
    --secondary-button-text-color-focus:#1b2f17;

    --secondary-button-border-color:#253b2f;
    --secondary-button-border-color-hover:#335A2B;
    --secondary-button-border-color-focus:#1b2f17;

    --tertiary-button-bg-color:#fff;
    --tertiary-button-bg-color-hover:#fff;
    --tertiary-button-bg-color-focus:#fff;

    --tertiary-button-text-color:#253b2f;
    --tertiary-button-text-color-hover:#335A2B;
    --tertiary-button-text-color-focus:#1b2f17;

    --tertiary-button-border-color:#fff;
    --tertiary-button-border-color-hover:#fff;
    --tertiary-button-border-color-focus:#fff;

    --button-shadow: 1px 3px 6px 0px rgba(0, 0, 0, 0.15);

    --button-font-size: 15px;

    --dark-text:#58595B;
    --light-text:#CACCD7;
    --border:1px solid #CACCD7;
    
    --white: #fff;
    --red: #DB2340;
    --yellow: #FFCB31;
    --blue: #00A0B0;
    --light-gray: #f4f4f4;
    --dark-gray: #7B7B7B;

    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
}
table {
    width: 100% !important;
}

table th {
    text-decoration: none;
    color: var(--dark-text);
    font-size: 13px;
    font-weight: 700;
}

table thead tr th {
    border-bottom: var(--border);
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 15px;
}

.sorting {
    padding-left: 15px;
}

table.dataTable thead>tr>th.sorting_asc::before,
table.dataTable thead>tr>th.sorting_desc::after,
table.dataTable thead>tr>td.sorting_asc::before,
table.dataTable thead>tr>td.sorting_desc::after {
    opacity: 1;
    left: 0px;
    color: var(--primary)
}

table.dataTable thead>tr>th.sorting::before,
table.dataTable thead>tr>th.sorting_asc::before,
table.dataTable thead>tr>th.sorting_desc::before,
table.dataTable thead>tr>th.sorting_asc_disabled::before,
table.dataTable thead>tr>th.sorting_desc_disabled::before,
table.dataTable thead>tr>td.sorting::before,
table.dataTable thead>tr>td.sorting_asc::before,
table.dataTable thead>tr>td.sorting_desc::before,
table.dataTable thead>tr>td.sorting_asc_disabled::before,
table.dataTable thead>tr>td.sorting_desc_disabled::before {
    left: 0;
}

table.dataTable thead>tr>th.sorting::after,
table.dataTable thead>tr>th.sorting_asc::after,
a table.dataTable thead>tr>th.sorting_desc::after,
table.dataTable thead>tr>th.sorting_asc_disabled::after,
table.dataTable thead>tr>th.sorting_desc_disabled::after,
table.dataTable thead>tr>td.sorting::after,
table.dataTable thead>tr>td.sorting_asc::after,
table.dataTable thead>tr>td.sorting_desc::after,
table.dataTable thead>tr>td.sorting_asc_disabled::after,
table.dataTable thead>tr>td.sorting_desc_disabled::after {
    left: 0px;
}

table tr td {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
  }

table td {
    text-decoration: none;
    color: var(--dark-text);
    font-size: 15px;
    font-weight: normal;
}

.dt-right {
    text-align: right;
    padding-right: 0;
    min-width: 100px;
}

table td .status.neplaceno {
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
}

div.dataTables_wrapper div.dataTables_length label,
div.dataTables_wrapper div.dataTables_filter label,
table.dataTable td.dataTables_empty,
table.dataTable th.dataTables_empty,
div.dataTables_wrapper div.dataTables_info {
    font-weight: normal;
    white-space: nowrap;
    color: var(--dark-gray);
    font-size: 14px;
    margin-top: 20px;
}

div.dataTables_wrapper div.dataTables_length select {
    padding: 5px;
    text-align: center;
    background-image: none;
    background-color: #fff;
    border: 1px solid var(--dark-gray);
}

div.dataTables_wrapper div.dataTables_filter input {
    padding: 5px !important;
}

.pagination {
    float: right;
    margin-top: 30px;
}

.page-item .page-link {
    border: none;
    background-color: transparent !important;
    color: var(--dark-gray);
}

.page-item.disabled .page-link {
    color: var(--dark-text);
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6;
}

.page-item.active .page-link {
    color: var(--primary);
}

td a .fa,
td a .far,
td a .fab {
    color: var(--dark-text);
    font-size: 15px;
}

td a:hover .fa,
td a:hover .far,
td a:hover .fab {
    color: var(--primary)
}