.wrapper-left {
    position: relative;
    width: 100%;
    overflow-y: hidden;
}

.wrapper-left .wrapper-left-top {
    position: relative;
    top: 0px;
    height: 58px;
    margin: 0px !important;
    padding: 0px !important;
}

.wrapper-left .wrapper-left-top-search {
    position: relative;
    top: 50px;
    height: 50px;
    margin: 0px !important;
    padding: 0px !important;
}

.wrapper-left .wrapper-left-bottom {
    position: relative;
    top: 100px;
    /*height: calc(100vh - 212px);*/
    height: calc(100vh - 165px);
    margin: 0px !important;
    padding: 0px !important;
    /*overflow-y:hidden;*/
}

#divCategoryView {
    /*height: 100%;*/
    height: calc(100vh - 165px - 50px);
    position: absolute;
    width: 25%;
    margin-left: 5px;
    margin-right: 5px;
    /*text-transform:lowercase;*/
    font-size: 14px;
    /*overflow-y: auto;*/
}

.wrapper-middle {
    height: calc(100vh - 165px);
}

.wrapper {
    position: relative;
    width: 100%;
}

    .wrapper .wrapper-top {
        position: absolute;
        top: 0px;
        height: 50px;
        margin: 0px !important;
        padding: 0px !important;
    }

.wrapper-top-cart {
    position: absolute;
    top: 50px;
    height: 50px;
    margin: 0px !important;
    padding: 0px !important;
}

.wrapper .wrapper-bottom {
    position: absolute;
    bottom: 0px;
    height: 90px;
    margin: 0px !important;
    padding: 0px !important;
}

.wrapper .wrapper-bottom-totals {
    position: absolute;
    bottom: 90px;
    height: 70px;
    margin: 0px !important;
    padding: 0px !important;
}

.product-name {
    font-size: 16px;
    font-weight: 700;
}

.product-name-card {
    min-height: 100px;
    max-height: 100px;
}

.veg-item {
    color: green;
}

.non-veg-item {
    color: red;
}