@import url(//cdn.datatables.net/2.3.2/css/dataTables.dataTables.min.css);

#datatable{
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
}

/* div.dt-container .dt-length, div.dt-container .dt-search, div.dt-container .dt-info, div.dt-container .dt-processing, div.dt-container .dt-paging {
    color: inherit;
} */


.dt-layout-table{
    margin: 11.5vh 0;
 }

#datatable_wrapper .dt-layout-row:nth-child(2){ 
    border-radius: 0.9vw;
}
#datatable_wrapper .dt-layout-row:nth-child(3){ 
    flex-direction: row-reverse;
}
#datatable_wrapper .dt-layout-row:nth-child(3) .dt-layout-start:first-child{ 
    margin-right: 5vw;
}
#datatable_wrapper .dt-layout-row:nth-child(3) .dt-layout-end:last-child{ 
    margin-left: 40vw;
}

table.dataTable>thead>tr>th{
    padding: 33px;
 }
table.dataTable>tbody>tr>td{
    padding: 1.7vw;
 }
table.dataTable>tbody>tr>td:hover{
    background-color: #ccc;
 }

#datatable_wrapper .dt-layout-row:first-child{ 
    width: 50vw;
    margin: 0 25vw;
    padding: 0.5vw;
    border-radius: 0.5vw;
    background-color:#fafafa;
}
.dt-layout-row{
    /* border: 1px solid #ccc; */
    background-color: #fafafa ;
}

.dt-search label:first-child{
    font-size: 0;
}
.dt-search label:first-child::after{  
    content: "🔍";
    padding-top: 0.5vw;
    padding-right: 0.3vw;
    font-size: 1vw;

}
.dt-search{
    padding: 0.6vh;
    margin-right: 0.5vw;
    /* border-top-left-radius: 1.4vh;
    border-top-right-radius: 1.4vh;
    border-bottom-width: 0px; */
}