table.dataTable thead th .dt-column-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.column-width-30 {
    width: 30px !important;
}


.dtcc-content div.dtcc-search-type-icon,
.dtcc-content div.dtcc-search-icon,
.dtcc-content div.dtcc-search-type-icon + select {
    display: none !important;
}

.document-body-table {
    background-color: #F6F7F8;
    padding: 1px;
    margin-bottom: 20px;
    border-radius: 8px;
}

.col-width-20 {
    width: 20px;
    min-width: 20px;
}


.col-width-50 {
    width: 50px;
    min-width: 50px;
}


.col-width-100 {
    width: 100px;
    min-width: 100px;
}


.col-width-150 {
    width: 150px;
    min-width: 150px;
}


.col-width-200 {
    width: 200px;
    min-width: 200px;
}

.col-width-250 {
    width: 250px;
    min-width: 250px;
}

.col-width-300 {
    width: 300px;
    min-width: 300px;
}

.col-width-350 {
    width: 350px;
    min-width: 350px;
}

.product-grid {
    row-gap: 1rem;
}
.product-tile {
    cursor:pointer; transition: transform .12s ease, box-shadow .12s ease;
    border: 1px solid var(--bs-border-color); border-radius: .75rem;
}
.product-tile:hover { 
    transform: translateY(-2px); box-shadow: 0 .5rem 1rem rgba(0,0,0,.08); 
}
.product-tile .tile-img { 
    background: #f7f7f7; border-bottom: 1px solid var(--bs-border-color); 
}
.product-tile .tile-body { 
    padding: .85rem .9rem; 
}
.product-tile .tile-footer { 
    padding:.6rem .9rem; border-top:1px dashed lightgray; color:#6c757d; font-size:.85rem 
}
.ratio-50 {
    --bs-aspect-ratio:50%;
}