/*datatable*/

#page_table_filter {

    display: none;

}



#page_table_length {

    display: none;

}



#page_table_info {

    display: none;

}



#page_table {

    background-color: rgb(255, 255, 255);

}



#page_table th {

    white-space: nowrap;

}



#page_table_wrapper thead tr {

    background-color: rgb(214, 214, 214);

}



#page_table_wrapper thead th,

#page_table.dataTable tbody td {

    padding: 12px 12px;

}



#page_table_wrapper thead th,

#page_table.dataTable thead td {

    padding-right: 24px;

}



#page_table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control,

#page_table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control {

    padding-left: 40px;

}



.dataTables_wrapper .dataTables_paginate {

    float: none;

    text-align: center;

    margin: 3rem 0 12px 0;

}



.dataTables_wrapper .dataTables_paginate .paginate_button.current,

.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {

    background-color: rgb(53, 53, 53);

    border-color: transparent;

    color: rgb(255, 255, 255) !important;

    border-radius: 2.5px;

}



.dataTables_wrapper .dataTables_paginate .paginate_button {

    margin-left: 8px;

    padding: 0.25em 0.625em;

}



@media(min-width: 576px) {

    .dataTables_wrapper .dataTables_paginate .paginate_button {

        padding: 0.375em 0.75em;

    }



    #page_table_wrapper thead th,

    #page_table.dataTable tbody td {

        padding: 12px 24px;

    }

}





.dataTables_wrapper .dataTables_paginate .paginate_button.previous {

    margin-left: 0px;

}



.dataTables_wrapper .dataTables_paginate .paginate_button:hover {

    background: rgba(0, 0, 0, .1);

    border-color: transparent;

    border-radius: 5px;

    color: rgb(78, 78, 78) !important;

}



#page_table select {

    border-radius: 30px;

    padding: 0.25rem 1rem;

}



#page_table select:focus {

    border: 1px solid #459c9f;

}



table.dataTable.dtr-column>tbody>tr>td.dtr-control:before {

    font: var(--fa-font-solid);

    content: "\f13a";

    color: #4fa7aa;

    background-color: #fff;

    font-size: 1.25rem;

    border: 0;

    box-shadow: none;

    right: 0;

    left: auto;

    margin-left: 0em;

    padding-right: 24px;

    width: auto;

    background-color: transparent;

}



#page_table .arrow-right {

    width: 32px;

}



/*modal*/

div.dtr-modal div.dtr-modal-close {

    border: none;

    background-color: transparent;

}



div.dtr-modal .dtr-modal-content h2 {

    font-size: 1.25rem;

    padding: 0 8px;

}



.dtr-details tr td:first-child {

    font-weight: 500;

}



.dtr-details td {

    padding: 8px 8px;

    vertical-align: top;

}



.dtr-details tr td:first-child {

    white-space: nowrap;

}



.dtr-details td .multiline_ellipsis {

    -webkit-box-orient: unset;

}





/*searchbox*/

.searchbox_block {

    position: relative;

}



#searchbox {

    padding-left: 2.5rem;

    padding-right: 1rem;

}



.searchbox_block:before {

    font: var(--fa-font-solid);

    content: "\f002";

    position: absolute;

    top: 50%;

    left: 0;

    margin-left: 1rem;

    z-index: 10;

    transform: translateY(-50%);

}



/*filter*/

#close_filter_btn {

    display: none;

}



#filter {

    display: none;

}



.none_select select {

    display: none;

}



/*row*/

#page_table_wrapper .row {

    flex-wrap: nowrap;

}



.dtr-modal .row {

    flex-wrap: wrap;

}