/*********************************** Tables - Simple DataTable Style ****************************/
table {
    margin: 0;
}
table th {
    font-weight: bold;
}
th, td {
    min-width: 100%;
}
 .mobileTables th[style] {
     width: unset!important;
}
 .mobileTables th {
     min-width: 15ch;
}
 .mobileTables th button {
     width: 100%;
     height: 100%;
     text-align: left !important;
     border: none;
     background: none;
     position: relative;
     font-weight: 500;
     padding-right: 1.25rem;
     min-width: 180px;
     flex: 1 1 100%;
}
 .mobileTables th button:hover, .mobileTables [role="gridcell"]:focus, .mobileTables [role="gridcell"] *:focus, .mobileTables [role="grid"] [tabindex="0"]:focus {
     outline: inherit;
     outline-style: dotted;
     outline-width: 1px;
     outline-offset: 7px;
}
 .mobileTables th[data-sortable] button:before {
     opacity: 0.3;
     position: absolute;
     display: block;
     content: "\25B2" / "";
     width: auto !important;
     height: 19px;
     border: none !important;
     right: 0;
     top: calc(50% - 26px);
     font-size: .75rem;
}
 .mobileTables th[data-sortable] button:after {
     opacity: 0.3;
     position: absolute;
     display: block;
     content: "\25B2" / "";
     width: auto !important;
     border: none !important;
     right: 0;
     bottom: calc(50% - 26px);
     height: 19px;
     rotate: 180deg;
     font-size:.75rem;
}
 .mobileTables th[aria-sort="ascending"] button:before, .mobileTables th[aria-sort="descending"] button:after {
     opacity: 0.95 !important;
}
 .mobileTables th[aria-sort="ascending"] button:after, .mobileTables th[aria-sort="descending"] button:before {
     opacity: 0.45 !important;
}
 .mobileTables .table-responsive select {
     height: 2.5rem;
     border-radius: 9999px;
     padding: 0 2rem 0 1.5rem;
}
 .mobileTables .table-responsive select+label {
     font-weight: 500;
     font-size: .9rem;
}
 .mobileTables .table {
     width: 100%;
}
 th, td {
     min-width: 100%;
     min-width: -moz-available;
}
 .mobileTables table.dataTable > tbody > tr > th, .mobileTables table.dataTable > tbody > tr > td {
     padding: .75rem;
}
 .mobileTables table.dataTable > thead > tr > th, .mobileTables table.dataTable > thead > tr > td {
     padding: .75rem;
     border-bottom: 1px solid;
}
 .mobileTables table.dataTable > tbody > tr > th:focus-visible, .mobileTables table.dataTable > tbody > tr > td:focus-visible {
     outline: 2px solid #000;
}
 .mobileTables table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:before, .mobileTables 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 {
     left: 0;
     opacity: 0.25;
     line-height: .7rem;
     font-size: 0.8em;
}
 .mobileTables .card:is(:hover,:focus) {
     box-shadow:unset 
}
 .mobileTables .row:last-child {
     justify-content: start!important;
}
 .mobileTables .datatable-search input {
     min-width:300px 
}
 .mobileTables .page-link {
     font-size:1rem;
     font-weight:500;
     height:100%;
     display:flex!important;
     align-items:center;
}
 .mobileTables .page-link:is(.first,.previous,.next,.last) {
     font-size: 1.25rem;
}
 .mobileTables .table-bordered.no-collapse-table>:not(caption)>*:not(th,tr) {
     border-width: 0 !important;
}
 .mobileTables .table-bordered.no-collapse-table>:not(caption)>*>*:not(th,tr) {
     border-width: 0 var(--bs-border-width);
}
 .mobileTables .table.no-collapse-table>:not(caption)>*>*:not(th,tr) {
     background: unset;
     color: unset;
}
 .mobileTables :is(.datatable-top, .datatable-bottom) {
     padding: 8px 10px;
     align-items: center;
     display: flex;
     margin-bottom: .5rem;
}
 .mobileTables .datatable-dropdown {
     margin-right: auto;
}

.mobileTables .card-body {
    height: unset;
    max-width: unset;
    width: unset;
}
/***** AGENCY Mobile Tables STYLE ***/
 .mobileTables th, .mobileTables th button, .mobileTables table.table.dataTable>:not(caption)>*>th {
     background:var(--brand-color1);
     color: #fff;
}
/*Pagination*/
 .mobileTables .page-item.active .page-link {
     background-color: var(--brand-color1);
     border-color: var(--brand-color1);
}
 .mobileTables .page-link {
     color: var(--brand-color1);
}
/***** end AGENCY STYLE ***/
/****** END Table - Simple DataTables Styles *********************/

/*********************************** TABLES ***********************************/
 th, td {
     min-width: 100%;
}

@media (max-width: 991px) {
    /*****************Mobile Table***********/
     .mobileTables .responsiveTablesLarge colgroup {
         width:0;
    }
     .mobileTables .responsiveTables colgroup {
         width:0;
    }
     .mobileTables table:is(.responsiveTablesLarge, .dataTable) {
         display: flex;
         overflow:hidden;
         width: 100%;
         position:relative;
         justify-content:center 
    }
     .mobileTables table>:not(:first-child) {
         border-top: unset;
    }
     .mobileTables table:is(.responsiveTablesLarge, .dataTable) thead {
         display: flex;
         flex-shrink: 0;
         min-width: -webkit-min-content;
         min-width: -moz-min-content;
         min-width: min-content;
         float: left;
         overflow-x:scroll;
         overflow-y:hidden;
         scrollbar-color:var(--brand-color1 var(--background-gray));
         scrollbar-width: thin;
    }
     .mobileTables table:is(.responsiveTablesLarge, .dataTable) tbody {
         display: flex;
         position: relative;
         overflow-x: auto;
         overflow-y: hidden;
         scrollbar-color: var(--brand-color1, gray) transparent;
         scrollbar-width: thin;
    }
     .mobileTables table:is(.responsiveTablesLarge, .dataTable) :is(thead, tbody) tr {
         display: flex;
         flex-direction: column;
         min-width: -webkit-min-content;
         min-width: -moz-min-content;
         min-width: min-content;
         flex-shrink: 0;
         max-width: 50vw;
         text-wrap: auto;
         flex:1 1 100%;
         border-width: 0;
    }
     .mobileTables table:is(.responsiveTablesLarge, .dataTable) th {
         max-width:200px;
    }
     .mobileTables table:is(.responsiveTablesLarge, .dataTable) td {
         max-width:50vw;
    }
     .mobileTables table.dataTable:is(.responsiveTablesLarge, .dataTable) :is(th,td) {
         text-align: left!important;
         border-width: 1px;
         white-space: normal;
    }
     .mobileTables table.dataTable:is(.responsiveTablesLarge, .dataTable) th[colspan]:not([colspan="1"]), .mobileTables table.dataTable:is(.responsiveTablesLarge, .dataTable) tfoot {
         display: none;
    }
     .mobileTables table:is(.responsiveTablesLarge, .dataTable) thead th:last-child{
         border-bottom: none;
    }
     .mobileTables table.dataTable:is(.responsiveTablesLarge, .dataTable) > tbody > tr:last-of-type {
         z-index: 1;
         position: relative;
    }
     .mobileTables table.dataTable:is(.responsiveTablesLarge, .dataTable) > tbody > tr:last-child > * {
         border-bottom: inherit;
    }
     .mobileTables table:is(.responsiveTablesLarge, .dataTable) td, .mobileTables table:is(.responsiveTablesLarge, .dataTable) th {
         padding: .5rem;
         vertical-align: middle;
         box-sizing: border-box;
         font-size: .9rem;
         text-overflow: ellipsis;
         display:grid;
         overflow-y:auto;
         overflow-x:hidden;
         scrollbar-width: thin;
         flex:1 1 100%;
         min-width: 20ch;
         min-height: 60px;
         justify-content: start;
         align-items: anchor-center;
    }
     .mobileTables .table-bordered>:not(caption)>*>* {
         border-width:0 0 1px;
    }
     .mobileTables table:not(.desktopView).dataTable:is(.responsiveTablesLarge, .dataTable) > tbody > tr:last-of-type {
         z-index: 10;
         position: relative;
    }
}