/* @import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700&display=swap');


.change-scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

.change-scrollbar::-webkit-scrollbar {
    height: 6px;
    background-color: #F5F5F5;
}

.change-scrollbar::-webkit-scrollbar-thumb {
    background-color: #6E7EBF;
}

table.dataTable,
table {
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'Rubik', sans-serif !important;
    font-weight: 300;
    border-collapse: collapse;
    border-style: hidden;
    width: 100% !important;
}

table th,
table.dataTabel,
table.dataTable.compact tbody td,
table.dataTable.compact tfoot td,
table tbody td,
table tfoot td,
table tfoot th {
    padding: 0.5rem 12px !important;
    text-wrap: nowrap;
    text-align: start !important;

}

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: none !important;
    outline-offset: 0px !important;
}


table.dataTable thead th,
table.dataTable tfoot th,
table th {
    font-weight: 500;
}


table.dataTable.cell-border>tfoot>tr>th,
table.dataTable>tfoot>tr>td {
    border-top: 1px solid  rgb(129 140 248 / 1);
    border-right: 1px solid rgba(0, 0, 0, 0.15);
    color: #fff;
    padding-left: 12px !important;
    padding-right: 12px !important;
    background-color: rgb(129 140 248 / 1);
}

/* Filters */
.dataTables_length,
.dataTables_filter {
    margin-bottom: 1rem;
    padding-top: 10px;
    padding-right: 2px;

}

.dataTables_length select:not([size]) {
    padding-right: 2.5rem !important;
}

/* Newly added for data table inbuild component*/
table.with-search {
    border-style: solid !important;
}

/* table search */
div.dt-container .dt-search input {
    border: 1px solid #D1D5DB;
    background-color: transparent;
    color: black;
    padding: 0.25rem;
    height: 30px;
    font-size: 14px;
}

div.dt-container .dt-search input:focus,
.dt-length .dt-input {
    border: 1px solid #D1D5DB;
    --tw-ring-color: #D1D5DB;
    box-shadow: none;
}

.dt-search label {
    font-size: 14px;
}

/* Page entries */
.dt-length .dt-input,
.dt-length label {
    font-size: 14px;
}

.dt-length .dt-input {
    width: 70px;
}

/* Pagination button */
div.dt-container .dt-paging .dt-paging-button.current,
div.dt-container .dt-paging .dt-paging-button.current:hover {
    padding: 0.1rem 0.3rem !important;
    font-size: 14px;
    background-color: #818CF8;
    color: #fff !important;
    border: none !important;
    margin: 0;
}

div.dt-container .dt-paging .dt-paging-button:hover {
    background: #818CF8;
    border: 1px solid transparent;
    padding: 0.1rem 0.5rem !important;
}

div.dt-container .dt-paging .dt-paging-button {
    padding: 0.1rem 0.5rem !important;
    margin: 0 0.5rem;
}

div.dt-container .dt-paging .dt-paging-button:focus {
    box-shadow: none;
}

/* ===========Highligt table row and column wise========== */
/* For table highlight */
.hover-highlight .hover {
    background: #E8E8E8;
}

.hover-highlight td:hover {
    background: #DDD;
}

.hover-highlight td:hover {
    background-color: rgb(129 140 248 / 1) !important;
    color: #fff;
}

/* Fixed side columns */
.fixed-column table tbody th:first-child,
.fixed-column table th:first-child,
.fixed-column table.dataTable tbody th:first-child,
.fixed-column table.dataTable th:first-child {
    position: sticky;
    left: 0;
    z-index: 1;
}

@media screen and (max-width:800px) {

    table th,
    table.dataTabel,
    table.dataTable.compact tbody td,
    table.dataTable.compact tfoot td,
    table tbody td,
    table tfoot td,
    table tfoot th {
        padding: 0.5rem 5px !important;

    }
}


/* Flexmonster style override */
.tableContainer #fm-toolbar-wrapper {
    display: none;
}

#pivot-container-two #fm-toolbar #fm-tab-connect-elastic,
#pivot-container-two #fm-toolbar #fm-tab-connect-olap,
#pivot-container-two #fm-toolbar #fm-tab-connect-remote-json,
#pivot-container-two #fm-toolbar #fm-tab-connect-remote-csv {
    display: none;
}

/* Table inside (td) input border */
table td input.valid,
table td input.error {
    border: none !important;
}

table td label {
    display: none !important;
}

.fixedHeader .dt-scroll-headInner {

    width: 100% !important;

}
.fixedHeader .dt-scroll-headInner{
    
    width:100% !important;
}
.fixedHeader .dt-scroll-body tbody>tr:last-child>* {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15) !important;
 }
.fixedHeader table.dataTable, table{
border-style:solid;
}
.custom-table th{
    text-align: center !important;
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;

}
table.dataTable.cell-border>tfoot>tr>th, table.dataTable>tfoot>tr>td{
 background-color:rgb(216 216 255 / 50%) !important;
 color: black !important;
}