#menu { font-family: sans-serif !important }
.menuitemsContent { position: fixed; left: 0px; overflow: scroll; z-index: 9; top: 70px; bottom: 70px; max-width: 20%; }
.menuitem { width: 100%; height: 45px; line-height: 43px; /*color: #fff;*/ text-align: center; margin-top: 0px; overflow: hidden; text-overflow: ellipsis; background-color: #535151 !important; /*border-top-right-radius: 5px; border-bottom-right-radius: 5px;*/ /*border: solid 2px;*/ /*box-shadow: -1px 1px 5px 0 #a29f9f;*/ }
.menuitem a { text-decoration: none; color: #fff; text-transform: uppercase; margin: 5px; overflow: auto; margin: 0px; border-radius: 0px; }
.nav-pills > li > a { line-height: 42px; text-transform: uppercase; font-size: 12px; font-weight: 500; min-width: 100px; text-align: left; color: #fff; transition: all .3s; padding-top: 2px; padding-left: 5px; padding-right: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nav-pills > li.active > a { background-color: #f44336 !important; border-radius: 0px; }
.menurow{height:100vh!important;}
.followTitleBg > h4 { padding: 5px; color: #fff; font-weight: 600; margin-top: 10px; text-align: center; padding: 15px; }
.menucontent { margin-bottom: 5px; box-shadow: 1px 3px 0px 0px rgba(0,0,0,.12), 2px 2px 1px 0 rgba(0,0,0,.12); }
.nopadding{padding:0px !important;}
.followTitleBg { background: #f44336 !important; margin-bottom: 5px; box-shadow: 0 1px 6px 0 rgba(0,0,0,.12), 0 1px 6px 0 rgba(0,0,0,.12); height: 65px; }
.nav-pills > li.active > a:hover { background-color: #f44336 !important; }
.customselect { margin: 0 0 !important; }
.imgPadding { padding-left: 0px; padding-right: 0px;}
.productrow { margin: 5px !important; padding: 5px !important; }
.margin-bottom-5 { margin-bottom:5px !important; }
.ptpb5 { padding-top: 5px; padding-bottom: 5px; }
.producth6 { margin-bottom: 0px !important; font-family: "Segoe UI",Arial,sans-serif; color: #f44336; font-weight: 600; }
.searchInput input.form-control { border-left:0px; border-right: 0px; padding: 10px; }
li.notactive > a { border: 1px solid #aaaaaa; }
.imgPadding > img {
    max-width: 100%;
    /* max-height: 60px; */
    height: auto;
    border-radius: 50%;
    display: block;
    padding: 10px;
}
#smallbasket { 
    position: fixed;
    bottom: 10px; /* border: 1px solid #f44336; */ 
    border-radius: 50%; 
    height: 60px; 
    width: 60px; 
    background: #535151; 
    right:50px; 
    padding: 14px; }
    #smallbasket > .material-icons 
    { 
        font-size: 30px; 
        color: #ffffff; 

    }
    #smallbasket > #cartcount
    { 
        margin-top: -55px; 
        background: #f44336; 
        border-radius: 50%; /* height: 5px; */ 
        width: 20px; /* font-size: 20px; */ 
        position: absolute; 
        float: left; 
        margin-left: 17px; 
        text-align: center; 
        color: white; 
        font-size: 10px; }

#remoweshopping { position: fixed; bottom: 10px; /* border: 1px solid #f44336; */ border-radius: 50%; height: 60px; width: 60px; background: #535151; padding: 14px; left: 50px; }

    #remoweshopping > .material-icons {
        font-size: 30px;
        color: #ffffff;
    }

#navigatenext { position: fixed; /* border: 1px solid #f44336; */ border-radius: 50%; height: 60px; width: 60px;padding: 14px; right: 50px; margin-top: 2px; background: #535151; z-index:9}

    #navigatenext > .material-icons {
        font-size: 30px;
        color: #ffffff;
    }


#navigatebefore { position: fixed; margin-top: 3px; /* border: 1px solid #f44336; */ border-radius: 50%; height: 60px; width: 60px; background: #535151; padding: 14px; left:50px;z-index:9;}

    #navigatebefore > .material-icons {
        font-size: 30px;
        color: #ffffff;
    }

.popover-content > h6, .popover-content > p { font-family: sans-serif; color: #69655e; text-transform: capitalize; }
.popover-content >.close i.material-icons { color: #0e0e0c; font-size: 25px; }
.menuiconleft { position: fixed; border-radius: 50%; height: 60px; background: #535151; padding: 18px; color: white; z-index: 9; top: 2px; left:50px; /*bottom: 10px;*/ /*left:25px;*/ }
.menuiconright { position: fixed; border-radius: 50%; height: 60px; background: #535151; padding: 18px; color: white; z-index: 9; top: 2px; right:50px; /*bottom: 10px;*/ /*left:25px;*/ }

.btn-custom { background-color: #9e9e9e !important; }
.menucontent .btn-circle { height: 50px !important; margin-top: 2px; border-radius: 50% !important; margin-bottom: 2px; width: 50px; }
.menuiconsParent { position: fixed; /*bottom: 0px;*/ height: 80px; z-index: 99; }
.searchview { position: fixed; z-index: 9; background: #0000005e; height: 100vh; }
    .searchview > input { top: 150px; margin-top: 150px; border: 1px solid #ffffff; background: #ffffff; color: black; font-size: 20px; padding: 5px; height: 40px; }
.searchResult { position: fixed; z-index: 999; background: #f44336; height:63px; }
    .searchResult > input { top: 150px; 1px solid #535151; color: white; font-size: 20px; margin-top: 10px; background: #f4433; padding: 5px; height:40px;}
    .searchResult > .form-control { background-image : none;}

.searchview > input ::placeholder { color: red; opacity: 1; /* Firefox */ }
.menuitemsContent > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {box-shadow:none;}
.searchview > input ::-ms-input-placeholder { /* Microsoft Edge */ color: red; }
.customselect > .active > a { background-color: #9E9E9E !important; /* border-color: #439a46 !important; */ box-shadow: 0 4px 5px 0 #999, 0 1px 10px 0 #4caf506b, 0 2px 4px -1px #4caf505e !important; }
.page-title { font-size: 20px; text-transform: uppercase; padding: 14px; text-align: center; color: white; margin-top: 8px; }
.fixed{position:fixed; top:0px;z-index:99;}

#myBtn {
    position: fixed;
    bottom: 10px; /* border: 1px solid #f44336; */
    border-radius: 50%;
    height: 60px;
    width: 60px;
    background: #535151;
    left: 50px;
    padding: 18px;
    z-index: 50;
    color:white;
}
#clear {
    padding: 0px;
   
    margin-top: 20px;
    color: #f44336;
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

#clear > .material-icons {
    
}


#textclear {
    position: absolute;
    bottom: 15px; /* border: 1px solid #f44336; */
    border-radius: 50%;
    max-height:30px;
    max-width:30px;
    background: #535151;
    padding: 7px;
    right: 10px;
    font-size:10px;
   
    color:white;
}