.dpc-range-wrap{
display:flex;
gap:10px;
}

.dpc-range-wrap input{
width:100%;
height:42px;
padding:10px;
border:1px solid #ddd;
border-radius:6px;
}

.select2-container{
width:100% !important;
}

.select2-selection--multiple{
min-height:42px !important;
border-radius:6px !important;
border:1px solid #ddd !important;
}

.select2-selection__choice{
background:#0f88c2 !important;
color:#fff !important;
border:none !important;
padding:4px 8px !important;
}

.select2-selection__choice__remove{
color:#fff !important;
}
.dpc-filter-wrap{
display:grid;
grid-template-columns:repeat(5,1fr);
gap:20px;
margin-bottom:30px;
}

.dpc-filter-box label{
display:block;
margin-bottom:8px;
font-weight:600;
}

.dpc-filter-box select{
width:100%;
height:44px;
padding:10px;
background:#0f88c2;
color:#fff;
border-radius:6px;
border:none;
}

.dpc-table-wrapper{
overflow:auto;
}

.dpc-table{
width:100%;
min-width:1600px;
}

.dpc-table th{
background:#0f88c2;
color:#fff;
padding:14px;
white-space:nowrap;
}

.dpc-table td{
padding:14px;
white-space:nowrap;
}

.dpc-table th:first-child,
.dpc-table td:first-child{
position:sticky;
left:0;
background:#fff;
z-index:2;
}

.dpc-table th:first-child{
background:#0f88c2;
color:#fff;
}

@media(max-width:1200px){

.dpc-filter-wrap{
grid-template-columns:repeat(2,1fr);
}

}