/* Front Legislation table CSS */
.btn-primary-dark {
    --bs-btn-bg: var(--gcid-primary-color);
    --bs-btn-color: var(--bs-white);
    --bs-btn-border-color: var(--gcid-primary-color);
    --bs-btn-hover-bg: var(--gcid-secondary-color);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-border-color: var(--gcid-secondary-color);
    --bs-btn-active-bg: var(--gcid-secondary-color);
    --bs-btn-active-color: var(--bs-white);
    --bs-btn-active-border-color: var(--gcid-secondary-color);
    --bs-btn-disabled-bg: var(--bs-gray-100);
    --bs-btn-disabled-color: var(--bs-gray-400);
    --bs-btn-disabled-border-color: var(--bs-gray-100);
    --bs-btn-focus-shadow-rgb: var(--gcid-secondary-color);
}

.btn-primary-dark {
    min-width: 168px;
    font-weight: 500;
}

.btn-link svg,
.btn-span svg,
.btn-download svg {
    width: 2rem;
    height: 2rem;
}

/* Data Table Modification */
.entry-content div.dt-container #dt-table-col table {
    border: 1px solid var(--bs-border-color);
}

.entry-content tr td {
    border-top: 0 !important;
    padding: 6px !important;
}

.entry-content thead th,
.entry-content tr th {
    color: var(--gcid-primary-color);
    padding: 8px 6px;
}

div.dt-scroll-body {
    border-bottom: 0 !important;
}

div.dt-scroll-head table,
div.dt-scroll-body table {
    border-top: 0 !important;
}

div.dt-scroll-head {
    border-top: 0 !important;
}

div.dt-container #dt-table-col table tr.child td {
    padding: 0 0 0 2.25rem;
}

div.dt-container div.dt-info {
    padding-top: 0;
}

div.dt-container #dt-footer-row {
    align-items: center;
    margin-top: 1rem;
}

div.dt-container #dt-footer-row #dt-info-col {
    display: flex;
    align-items: center;
}

div.dt-container #dt-footer-row #dt-paging-col {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

div.dt-container #dt-footer-row #dt-paging-col .pagination .page-link {
    min-width: 30px;
    padding: 7px;
    line-height: normal;
}

div.dt-container #dt-footer-row #dt-paging-col .pagination .page-link.last,
div.dt-container #dt-footer-row #dt-paging-col .pagination .page-link.first {
    display: flex;
    align-items: center;
    padding: 7px 8px;
}

div.dt-container #dt-footer-row #dt-paging-col .pagination .page-link.next,
div.dt-container #dt-footer-row #dt-paging-col .pagination .page-link.previous {
    display: flex;
    align-items: center;
    padding: 7px 6px;
}

div.dt-container #dt-footer-row #dt-paging-col .pagination {
    list-style-type: none;
    padding: 0;
}

.dt-container.dt-bootstrap5 #dt-length-and-button {
    display: flex;
    align-items: center;
}

.dt-container.dt-bootstrap5 #dt-length-and-button .dt-buttons {
    margin-right: auto;
    margin-left: auto;
}

.dt-container.dt-bootstrap5 #dt-length-and-button .dt-buttons .btn.btn-primary {
    transition: visibility 0s, opacity 0.3s linear;
    visibility: visible;
    opacity: 1;
}

.dt-container.dt-bootstrap5 #dt-length-and-button .dt-buttons .btn.btn-primary.d-hidden {
    transition: visibility 0s, opacity 0.3s linear;
    visibility: hidden;
    opacity: 0;
}

.dt-container.dt-bootstrap5 #dt-length-and-button .dt-buttons .dropdown-menu {
    margin-top: 0;
    margin-left: -1px;
    max-height: 20.75rem;
    border-color: white;
    box-shadow: var(--bs-box-shadow);
    overflow-y: auto;
}

.dt-container.dt-bootstrap5 #dt-heading-actions {
    border-bottom: 1px solid var(--bs-border-color);
    padding-bottom: 1.5rem;
}

.dt-container.dt-bootstrap5 .dt-search input {
    margin-left: 0;
    width: 100%;
}

.dt-container.dt-bootstrap5 .dt-search label {
    display: none;
}

.dt-container .dt-length label {
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

.dt-container .dt-length label .select2.select2-container.select2-container--bootstrap-5 {
    margin-right: 0.5rem;
    margin-left: 0.5rem;
}

.select2-container .select2-selection--single {
    display: flex;
}

input::placeholder,
.form-control::placeholder,
.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
    color: var(--bs-gray-500) !important;
    font-size: 0.875rem !important;
}

.select2-container--bootstrap-5 .select2-selection.select2-selection--multiple.select2-selection--clearable {
    padding: .375rem 1.75rem .375rem .75rem;
}

.select2-container--bootstrap-5 .select2-selection--single {
    background-position: right .5rem center;
    background-size: 16px 14px;
    padding: .375rem 2rem .375rem .75rem;
}

.select2-container--bootstrap-5 .select2-selection--single b {
    display: none !important;
}

.select2-container--bootstrap-5 .select2-selection--single[aria-expanded="false"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

.select2-container--bootstrap-5 .select2-selection--single[aria-expanded="true"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 11l6-6 6 6'/%3e%3c/svg%3e");
}

.dt-container.dt-bootstrap5 .dt-paging .pagination {
    --bs-pagination-padding-x: 0.719rem;
    --bs-pagination-padding-y: 0.34375rem;
    --bs-pagination-font-size: 0.875rem;
    --bs-pagination-color: var(--bs-gray-800);
    --bs-pagination-bg: transparent;
    --bs-pagination-border-width: 0;
    --bs-pagination-border-color: transparent;
    --bs-pagination-border-radius: 0.475rem;
    --bs-pagination-hover-color: var(--rbh-blue);
    --bs-pagination-hover-bg: var(--bs-gray-200);
    --bs-pagination-hover-border-color: transparent;
    --bs-pagination-focus-color: var(--rbh-blue);
    --bs-pagination-focus-bg: var(--bs-gray-200);
    --bs-pagination-focus-box-shadow: none;
    --bs-pagination-active-color: var(--bs-white);
    --bs-pagination-active-bg: var(--rbh-blue);
    --bs-pagination-active-border-color: transparent;
    --bs-pagination-disabled-color: var(--bs-gray-500);
    --bs-pagination-disabled-bg: var(--bs-gray-200);
    --bs-pagination-disabled-border-color: transparent;
}

.dt-container.dt-bootstrap5 .dt-paging .pagination .page-item:not(:first-child) .page-link {
    margin-left: 0.25rem;
    border-radius: var(--bs-pagination-border-radius);
    line-height: 1.45;
}

.dt-container.dt-bootstrap5 .dt-paging .pagination .page-item:first-child .page-link {
    border-radius: var(--bs-pagination-border-radius);
}

.dt-container.dt-bootstrap5 .dt-paging .pagination .page-item {
    margin-bottom: 0;
}

.dt-container.dt-bootstrap5 .dt-info {
    font-size: 0.875rem;
}

.dt-container.dt-bootstrap5 table.dataTable thead th,
.dt-container.dt-bootstrap5 table.dataTable tfoot th {
    border-style: solid;
    vertical-align: middle;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    font-style: normal;
    text-wrap: nowrap;
    font-optical-sizing: auto;
}

table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:before,
table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:after,
table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:before,
table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:after,
table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:after,
table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:before,
table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:before,
table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:before,
table.dataTable thead > tr > td.dt-orderable-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-asc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:before,
table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
    content: none;
}

#main-table-container,
#missing-file-container,
#missing-in-dir-container,
#pdf-files-container,
.dt-container.dt-bootstrap5 table.dataTable tbody td {
    font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif;
    font-size: 0.875rem;
    font-weight: 400;
    font-style: normal;
    font-optical-sizing: auto;
}

#main-table-container > .row,
#missing-file-container > .row,
#missing-in-dir-container > .row,
#pdf-files-container > .row {
    margin: 1rem 1rem 0 0;
    border-radius: var(--bs-border-radius-lg);
    box-shadow: var(--bs-box-shadow);
    background-color: var(--bs-white);
    padding: 1.5rem 1.5rem 0rem;
}

table.dataTable thead > tr > th.dt-orderable-asc:hover,
table.dataTable thead > tr > th.dt-orderable-desc:hover,
table.dataTable thead > tr > td.dt-orderable-asc:hover,
table.dataTable thead > tr > td.dt-orderable-desc:hover {
    outline: 0;
    outline-offset: 0;
    color: var(--gcid-secondary-color);
}

#dt-table-col > div > div.dt-scroll-head > div > table > thead > tr > th > div > span.dt-column-order.is-none > svg > path.dt-sort-up,
#dt-table-col > div > div.dt-scroll-head > div > table > thead > tr > th > div > span.dt-column-order.is-none > svg > path.dt-sort-down {
    opacity: 0.25;
}

#dt-table-col > div > div.dt-scroll-head > div > table > thead > tr > th > div > span.dt-column-order.is-asc > svg > path.dt-sort-up,
#dt-table-col > div > div.dt-scroll-head > div > table > thead > tr > th > div > span.dt-column-order.is-desc > svg > path.dt-sort-down {
    opacity: 1;
}

#dt-table-col > div > div.dt-scroll-head > div > table > thead > tr > th > div > span.dt-column-order.is-desc > svg > path.dt-sort-up,
#dt-table-col > div > div.dt-scroll-head > div > table > thead > tr > th > div > span.dt-column-order.is-asc > svg > path.dt-sort-down {
    opacity: 0.3;
}

table.table > :not(caption) > * > * {
    border-style: dashed;
}

table.dataTable thead th.actions,
table.dataTable tbody td.actions {
    vertical-align: middle;
    text-align: center;
}

table.dataTable tbody tr.selected a {
    transition: all 0.3s ease-in-out;
    color: var(--bs-white);
}

table.dataTable tbody tr.selected a:hover {
    transition: all 0.3s ease-in-out;
    color: var(--bs-black);
}

table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before {
    display: none;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:first-child svg.fa-square-plus,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:first-child svg.fa-square-plus {
    color: #03adf4;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:first-child svg.fa-square-minus,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:first-child svg.fa-square-minus {
    color: #e91e63;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:first-child svg.fa-square-plus:hover,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:first-child svg.fa-square-plus:hover,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:first-child svg.fa-square-minus:hover,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:first-child svg.fa-square-minus:hover {
    color: var(--bs-gray-400);
}

table.dataTable.dtr-inline.collapsed > tbody > tr.selected > th.dtr-control:first-child svg.fa-square-plus,
table.dataTable.dtr-inline.collapsed > tbody > tr.selected > td.dtr-control:first-child svg.fa-square-plus,
table.dataTable.dtr-inline.collapsed > tbody > tr.selected > th.dtr-control:first-child svg.fa-square-minus,
table.dataTable.dtr-inline.collapsed > tbody > tr.selected > td.dtr-control:first-child svg.fa-square-minus,
table.dataTable.dtr-inline.collapsed > tbody > tr.selected > th.dtr-control:first-child svg.fa-square-plus:hover,
table.dataTable.dtr-inline.collapsed > tbody > tr.selected > td.dtr-control:first-child svg.fa-square-plus:hover,
table.dataTable.dtr-inline.collapsed > tbody > tr.selected > th.dtr-control:first-child svg.fa-square-minus:hover,
table.dataTable.dtr-inline.collapsed > tbody > tr.selected > td.dtr-control:first-child svg.fa-square-minus:hover {
    color: var(--bs-white);
}

table.dataTable > tbody > tr.child ul.dtr-details > li {
    border: 0;
}

table.dataTable tbody .img-thumbnail {
    min-height: 30px !important;
    max-height: 30px !important;
    border: 0;
    padding: 0;
    object-fit: contain !important;
}

table.table > :not(caption) > * > * {
    border-style: dashed;
}

.table > :not(caption) > * > * {
    padding: .375rem .375rem;
}

table.dataTable th.dt-type-numeric div.dt-column-header,
table.dataTable th.dt-type-numeric div.dt-column-footer,
table.dataTable th.dt-type-date div.dt-column-header,
table.dataTable th.dt-type-date div.dt-column-footer,
table.dataTable td.dt-type-numeric div.dt-column-header,
table.dataTable td.dt-type-numeric div.dt-column-footer,
table.dataTable td.dt-type-date div.dt-column-header,
table.dataTable td.dt-type-date div.dt-column-footer {
    flex-direction: row !important;
}

table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order,
table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order,
table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order,
table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order,
table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order,
table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order,
table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order,
table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order {
    height: 22px;
}

/* View Data Modal */
.border-bottom-dashed {
    border-bottom: var(--bs-border-width) dashed var(--bs-border-color);
}

/* Custom dtr-control icon */
#dt-table-col .dt-scroll-foot {
    display: none !important;
}

#dt-paging-col > div > nav > ul > li.dt-paging-button.page-item.active > button {
  background-color: var(--gcid-primary-color);
}

#dt-paging-col .pagination {
  align-items: center;
}

#legislation-datatable {
    line-height: 1.3 !important;
}

@media (max-width: 767.98px) {
    .entry-content thead th,
    .entry-content tr th,
    .entry-content tr td {
        padding: 4px !important;
    }

    th.custom-dt-column-order .dt-column-header,
    th.custom-dt-column-order .dt-column-header .dt-column-title {
        max-width: 20px !important;
    }

    th.custom-dt-column-order .dt-column-header .dt-column-title .plus-minus {
        width: 1.25rem;
        height: 1.25rem;
    }

    #legislation-datatable .custom-dt-column-order::before {
        display: none;
    }

    #legislation-datatable .custom-dt-column-order .rbh-dtr-icon .square-plus,
    #legislation-datatable .custom-dt-column-order .rbh-dtr-icon .square-minus {
        width: 1.25rem;
        height: 1.25rem;
    }

    #legislation-datatable .custom-dt-column-order .rbh-dtr-icon .square-plus {
        color:#03adf4;
    }

    #legislation-datatable .custom-dt-column-order .rbh-dtr-icon .square-minus {
        color:#e91e63;
    }

    .actions .hand-pointer {
        width: 1.5rem;
        height: 1.5rem;
        color: #03adf4;
    }

    div.dt-container #dt-footer-row {
        margin-top: 0.25rem;
    }

    div.dt-container #dt-footer-row #dt-paging-col {
        justify-content: center;
    }

    div.dt-container #dt-footer-row #dt-info-col {
        justify-content: center;
    }

    #legislation-datatable .redni-broj {
        display: none;
    }

    #legislation-datatable .dtr-title {
        display: block;
    }


    #legislation-datatable ul {
        line-height: 1.3 !important;
    }

    #legislation-datatable.dataTable>tbody>tr.child ul.dtr-details>li {
        padding: .25rem 0;
    }
}