.wb-drink-cart-main-container,
.wb-hospitality-tent-main-container {
    height: 100%;
    width: 98%;
    color: white;
    padding-top: 20px;
    margin: auto;
}
.filter-grid-container{
    width:70%;
}
.ht-filter-container,
.dc-filter-container {   
    transition: max-height 0.3s ease;
    overflow: hidden;
    width: 100%;    
}
.dc-export-container,
.ht-export-container {
    height: 100%;
    display: flex;
    margin-right: 30px;
}
.ht-export-button,
.dc-export-button {
    width: 80px;
    height: 28px;
    border-radius: 100px;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    text-align: center;
    margin-left: 3px;
}
.ht-grid,
.dc-grid {
    border-radius: 6px;
    height: 100%;
    padding: 12px;
}
.ht-grid-header,
.dc-grid-header {
    font-weight: 400;
    font-size: 12px;
    line-height: 142%;
    vertical-align: middle;
    color: #656C77;
    background-color: white;
}
/*Filer section styles - Start*/
.Filter-Box-Tiles {
    /*flex: 1 1 calc(20% - 8px
    padding: 8px;);*/
    text-align: center;
    cursor: pointer;
    width: 19%;
    height: 103px;
    background-color: #1a2d3d;
}

.Filter-Icon-Container {
    width: 30%;
    height: 100%;
    display: inline-block;
    vertical-align: top;
}

.Filter-Icon {
    position: relative;
    left: 8px;
    top: 20px;
}

.Filter-Count-And-Name-Container {
    width: 66%;
    height: 100%;
    display: inline-block;
}

.Filter-Count {
    font-weight: 700;
    font-size: 20px;
    color: #4FAD2F;
    display: block;
    margin-top: 20px;
}

.Filter-Name {
    font-weight: 400;
    font-size: 16px;
    color: #ffffff;
    display: block;
}

.Filter-Icon {
    position: relative;
    left: 2px;
    top: 31px;
    width: 35px;
    height: 35px;
}
/* Filer section styles - End
--------------------------------------------------- */