.tables_box {
margin: 0 auto 20px auto;
}
.tables_box h2 {
font-size: 2rem;
color: #020d11;
}
.tables_box a {
font-size: 1.5rem;
line-height: 50px;
color: #2156cd;
font-weight: bold;
}
div#loadDataTable_wrapper {
text-align: center;
display: flex;
flex-flow: column wrap;
justify-content: center;
}
div#loadDataTable_filter {
width: 100%;
margin: 0;
max-width: 450px;
}
table#loadDataTable {
margin: 0 auto;
width: 100% !important;
}
table#loadDataTable span{display: flex;align-items: center;justify-content: center;}
table.dataTable>thead>tr>th:not(.sorting_disabled), table.dataTable>thead>tr>td:not(.sorting_disabled) {
padding: 5px !important;
}
div#loadDataTable_filter input {
border: 1px solid #efefef;
border-radius: 15px;
height: 40px;
padding: 10px;
background: white;
box-shadow: 0px 5px 10px rgba(0, 128, 87, 0.18)  inset;
}
input[type="search"]::placeholder {
font-weight: bold;
font-size: 1.2rem;
letter-spacing: 1;
}
table, th, td , table.dataTable.no-footer {
border: 1px solid white !important;
border-collapse: collapse;
}
tbody.table_parent td {
padding: 10px 12.5px;
text-align: center;
}
@media (min-width:1200px){
  tbody.table_parent td {
    padding: 22px 12.5px;
  }
}
table#loadDataTable th, table#loadDataTable td {
min-width: fit-content;
}
div#loadDataTable_paginate {
text-align: center;
margin-top: 35px;
font-size: 0.94rem;
}
div#loadDataTable_info {
display: none;
}
div#loadDataTable_paginate a {
margin: 5px ;
font-weight: bold;
display: inline-flex;
align-items: center;
justify-content: center;
}
div#loadDataTable_paginate {
text-align: center;
margin-top: 35px;
border-radius: 10px 10px 0 0;
border-top: 10px solid var(--green) !important;
font-size: 0.9rem;
width: fit-content;
margin: 30px auto;
display: inline-flex;
}
div#loadDataTable_paginate span {
margin-top: 0px !important;
display: flex;
align-items: cemter;
justify-content: center;
}

div#loadDataTable_paginate a {
margin: 5px;
font-weight: bold;
border: 1px solid var(--green)  !important;
height: 35px;
display: inline-flex;
width: 38px;
align-items: center;
justify-content: center;
cursor: pointer;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover{
color:#4b4949!important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current{
color: #fff!important;
background: var(--green) !important;
margin: 0 !important;
border-top: 5px solid var(--green) !important;
height: 40px !important;
}
div#loadDataTable_paginate >a {
margin-top: 5px !important;
}
tbody.table_parent tr:nth-child(odd) {
background: white;
}
tbody.table_parent tr:nth-child(even) {
background: #DBE1EB;
}
thead{
  background-color: #00194C;
  height: 112px;
  @media (max-width:1024px){
    height: 50px;
  }
  tr{
    color: white;
    th{
      span{
        text-align: center;
      }
    }
  }
}
@media (max-width:1024px){

div#loadDataTable_paginate{
margin: 79px auto 0px auto;
}
table.dataTable>tbody>tr.child ul.dtr-details {
width: 100%;
}
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before {
top: 50%;
left: 8%;
transform: translateY(-50%);
border: none;
box-shadow: 0 0 3px #0ca1dc5e;
}
}
@media (max-width: 600px){
div#loadDataTable_paginate a {
height: 30px;
width: 30px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
height: 35px !important;
}
div#loadDataTable_paginate {
font-size: 1.2rem;
}
}
@media ( max-width: 580px){
.tables_box h2 {   font-size: 1.5rem;}
.tables_box a { font-size: 1.3rem;}
.tabContent{
padding: 40px 10px;
}
}
div.dataTables_processing {
font-size: 1.1rem;
color: var(--green);
font-weight: bold;
border-radius: 10px;
position: static;
top: 58px !important;
}