.container_all_orders {
    flex: 1 1 auto;
    margin-bottom: 20px;
}

.title_span_responsive {
    font-size: calc(1rem + (1.5 - 1) * (100vw - 320px) / (1600 - 320));
}

.filter_field {
    font-size: 1rem;
    background-color: white;
    border: 1px solid var(--bac-color);
    border-radius: 4px;
    height: 40px;
    padding-left: 10px;
    margin-right: 8px;
}

.wrap_filter_container {
    border: 2px dashed #cdcdcd;
    border-radius: 4px;
    padding: 20px;
}

#arrow_span {
    position: relative;
}

#arrow_span:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: calc(20px / 2 + 2.5px);
    clip-path: polygon(50% 80%, 25% 30%, 75% 30%);
    height: 100%;
    width: 20px;
    background-color: var(--bac-color);

}

.btn_filter {
    color: white;
    background-color: var(--bac-color);
    padding: 7px 15px;
    border-radius: 4px;
    white-space: nowrap;
}

.filter_field {
    width: calc(100% / 7);
}

table tr > td.col-border-0 {
    border-left: 0 !important;
}
table tr > td.white-space {
    white-space: nowrap;
}
table tr > td {
    padding: 10px;
}
table tr > td {
    font-size: 15px;
}


table > tbody > tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05);
}
.pagination_ver_2{
    background-color: #cdcdcd;
}
@media (max-width: 1600px) {
    table tr > td {
        font-size: calc(12px + (15 - 13) * (100vw - 320px) / (1600 - 320));
    }
}
@media(max-width: 1200px){
    .filter_field{
        width: 100%;
    }
}