.sidebar {
    direction: ltr;
}
#searchId{
    cursor: pointer;
    margin-left: 490px;
    margin-top: -28px;
    position: absolute;
}
#searchIdPos{
    cursor: pointer;
    margin-left: 257px;
    margin-top: -28px;
    position: absolute;
}
.product-img {
    padding: 5px;
    overflow: hidden;
    cursor: pointer;
    border-radius: 10px;
}

.product-img img:hover {
    color: #dc3545;
    border: 2px solid #dc3545;
    box-shadow: 0 0 15px #dc3545;
    text-shadow: 0 0 15px #dc3545;
}

.product-img img {
    width: 115px;
    height: 125px;
    border-radius: 10px;
    border: 1.5px solid #cfd4df;
    cursor: pointer;
    padding: 10px;
}

.product-img h6 {
    margin-top: 5px;
    font-weight: bold;
    font-size: 10px;
}

.row {
    display: flex !important;
    flex-wrap: wrap !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.line-border {

    text-align: center;
    border: 1px solid #cfd4df;
    border-radius: 10px;
    padding: 10px;
}

.line-border .cat_img {
    margin-bottom: 10px;
    cursor: pointer;
}


.cat_img img:hover {
    color: #dc3545;
    border: 2px solid #dc3545;
    border-radius: 10% !important;
    box-shadow: 0 0 15px #dc3545;
    text-shadow: 0 0 15px #dc3545;
}

.cat_img img:hover::before {
    transform: scale(1.1);
    box-shadow: 0 0 15px #dc3545;
}

#selectCustomer {
    text-align: left;
    cursor: pointer;
}

#selectTable {
    text-align: right;
    cursor: pointer;
}

table .details {
    display: none;
}

.showDetails {
    cursor: pointer;
}
.blackClock{
  
    font-size: 26px;
    color: #fff;
    background-color: black;
    border-radius: 6px;
    text-align: center;
    font-weight: bold;
    height: 41px;
    margin-top: 6px;
}
.table .product-img img{
    width: 88px;
    height: 100px;
}
/* Media Query for Mobile Devices */
@media (max-width: 380px){
    #deviceLoptop{
            display: none;
    }
    #deviceTablet{
            display: none;
    }
    #deviceMobile{
            display: block;
    }
    #viewCategoryBtn{
        display: block;
    }
    .btn{
        font-size:10pt;
    }
}
    
/* Media Query for low resolution  Tablets, Ipads */
@media (min-width: 481px) and (max-width: 767px) {
    #deviceLoptop{
            display: none;
    }
    #deviceTablet{
            display: block;
    }
    #deviceMobile{
            display: none;
    }
    #viewCategoryBtn{
        display: block;
    }
    .btn{
        font-size:10pt;
    }
}
    
/* Media Query for Tablets Ipads portrait mode */
@media (min-width: 768px) and (max-width: 1024px){
    #deviceLoptop{
            display: none;
    }
    #deviceTablet{
            display: block;
    }
    #deviceMobile{
            display: none;
    }
    #viewCategoryBtn{
        display: block;
    }
    .btn{
        font-size:10pt;
    }
}
    
/* Media Query for Laptops and Desktops */
@media (min-width: 1025px) and (max-width: 1280px){
    #deviceLoptop{
            display: block;
    }
    #deviceTablet{
            display: none;
    }
    #deviceMobile{
            display: none;
    }
    #viewCategoryBtn{
        display: none;
    }
}
    
/* Media Query for Large screens */
@media (min-width: 1281px) {
    #deviceLoptop{
            display: block;
    }
    #deviceTablet{
            display: none;
    }
    #deviceMobile{
            display: none;
    }
    #viewCategoryBtn{
        display: none;
    }
}