body{
      background: #f8f9fa !important;
     
    }

    .notifyjs-corner {
      z-index: 9999 !important;
    }
    .dropdown {
        display:inline-block;
        margin-left:10px;
    }
    .glyphicon-bell {
        font-size:1.5rem;
      }

    .notifications {
        min-width:420px !important; 
     }
      
    .notifications-wrapper {
          overflow:auto;
          max-height:250px !important; 
     }
        
    .menu-title {
         color:#ff7788;
         font-size:1rem;
         display:inline-block;
     }

    .glyphicon-circle-arrow-right {
          margin-left:10px;     
       }
    .notification-heading, .notification-footer  {
        padding:2px 10px;
     }    
    .dropdown-menu.divider {
      margin:5px 0;          
      }

    .item-title {
         font-size:1rem;
         color:#000;
         margin-bottom: 0px;
    }

    .notifications a.content {
         text-decoration:none;
         background:white;
     }
        
    .notification-item {
         padding: 1px 3px 1px 12px;
         margin:5px;
         background:#cccccc40;
         border-radius:4px;
     }
    #dLabel{
        color: white !important;
    }

    /**/

    #search-all{
        position: fixed;
        top: 135px;
        right: 10px;
        z-index: 99 !important;
    }
    .ui-autocomplete{
        z-index: 9999 !important;
    }
.margin_20{
  margin-top: 20px;
}

.bg-themes{
    background: #224620 !important;
    color: white;
}
.bg-light2{
    background: #e9eef5 !important;
}
.btn-primary:hover{
    background: #397535 !important;
    color: white;
}
.instaback{
    background:radial-gradient(circle at 33% 100%, #fed373 4%, #f15245 30%, #d92e7f 62%, #9b36b7 85%, #515ecf)

}
.insta{
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  -webkit-background-clip: text;
          /* Also define standard property for compatibility */
          background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
  }

.margin_top_10{
  margin-top: 10px;
}

.margin_87{
  padding-top: 125px
}
.margin_100{
 padding-top: 60px;
 padding-bottom: 60px;
}

.download{
     padding: 1px 4px 1px 4px !important;
    color: #3c7b38 !important;
    border: 1px solid #3c7b38;
    font-weight: bold;
}

.overlyup{
  position: relative;
}

.overlysize{
  height: 100%;
  width: 100%;
  background-color: rgba(9, 33, 87, 0.8);
  position: absolute;
  left: 0;
  top: 0;
}

.overlybox{
  height: 80%;
  width: 45%;
  background-color: white;
  position: absolute;
  left: 192px;
  top: 43px;
  border-radius: 15px;
  padding:15px 15px 30px 30px;
  overflow: hidden;
}

.overlyboximg{
  height: 100%;
  width: 32%;
  position: absolute;
  right: 2px;
  bottom: 0px;
}

.overlyboximg img{
   height: 100%;
    width: 80%;
}

.overlyboximg .contant{
   position: absolute;
   left: 80px;
   bottom: 2px;
   font-weight: 600;
   font-size: 20px;
}

.pl-5{
  padding-left: 40px;
}
.swiper-slide .product-item .product-image {
    background: cover;
/*    max-height: 240px;*/
}
  
@media screen and (max-width: 600px) {

    div.overlybox h1 {
      font-size: 20px;
    }
    div.overlybox p {
      font-size: 10px;
    }
    div.overlyboximg  {
      height: 150px;
      width: 100px;
      right: 80px;
      bottom: 2px;
    }
  /*  .product-item .product-image img {
        width: 100%;
    }*/
    div.overlyboximg .contant{
     left: -12px;
     bottom: 2px;
     font-weight: 500;
     font-size: 10px;
    }
}

@media screen and (max-width: 980px) {
   button.profilebtn {
    display: none;
  }
  header .offer {
        display: none;
    }
  div.slideshow{
    padding-top: 60px !important;
  }
  .post-img img{
      width: 100%;
   }
}

@media screen and (max-width: 981px) {
     a.borderbtnmobile {
      display: block;
    }
    .pl-5{
    padding-left: 0px;
    }
  }

@media screen and (min-width: 980px) {
    li.borderbtnmobile {
        display: none !important;
    }
    .count_title {
        display: block;
        margin: 20px;
        width: 100%;
    }
     
}

@media screen and (max-width: 600px) {
  div.overlybox {
      left: 2px;
      top: 5px;
      height: 82%;
      width: 98%;
      padding:10px 10px 20px 20px;
  }
  .count_title {
        display: block;
        margin: 20px;
        width: 100%;
    }

.pl-5{
    padding-left: 0px;
  }

 div.slideshow{
    padding-top: 0px !important;
  }
  div.footermenu{
    padding: 20px;
  }
  div.footerabout{
    padding: 20px;
  }
  section.recipecontent{
    padding-top: 25px;
  }
  section.recipecontent .main_title {
    margin-bottom: 0px;
  }
  section.recipecontent .col-details p{
    font-size: 12px;
  }
}

.textwhite{
  color: white !important;
}

.textwhite li a{
  color: white !important;
}

.footermenu{
  padding-left: 40px;
  padding-right: 40px;
}

.footermenu ul li{
  padding-top: 6px;
  padding-bottom: 6px;
  float: left;
  width: 50%;
}

.footerabout{
  padding-left: 20px;
  padding-right: 10px;
}

.footerabout ul li{
  padding-top: 6px;
  padding-bottom: 6px;
}

.fullwidht{
  width: 100% !important;
}

.btn-outline-primary_circal {
    color: #224620;
    border:1px solid #224620 !important;
    border-radius: 22px !important;
    padding:9px 40px 9px 40px !important;
    height: 38px !important;
}

.btn-outline-primary_circal:hover {
    color:#FFF !important;
    background:#224620; 
}


.margin_40{
  padding-top: 20px;
}
.padding-top-30{
    padding-top: 30px;
}

.whitboldtext{
  font-weight: 600 !important;
  font-family: sans-serif;
  color: white;
}

a:hover{
  text-decoration: none !important;
}

a, a:focus, a:hover {
    text-decoration: none !important;
}

.padding-3{
  padding: 15px !important;
}

.profilebox{
  padding: 10px !important;
  background-color: #f6f7f9;
  border: 1px solid #e5e7ea !important;
}

.title{
  font-weight: bold;
}

.cardview{
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  background-clip: border-box;
  padding: 15px !important;
  border: 1px solid #ebecf0 !important;
}

.img-sm {
    width: 80px;
    height: 80px;
}

.float-left{
  float: left !important;
}

/*.p-2{
  padding: 5px !important;
}*/

.btn-outline-primary {
    color: #224620;
    border-color: #224620 !important;
}

.btn-outline-primary:hover{
    background:#224620 !important;
    color: #FFF !important;
}


.profileimg{
  width: 150px;
  margin: 10px auto;
}

/*.border {
    border: 1px solid #e5e7ea !important;
}*/
.recipe-title{
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 500;
}
/*.border {
    border: 1px solid #224620 !important;
}
*/
.list-group-item.active{
  background: #224620 !important;
  border-color: #3c7b38 !important;
}

.list-group .list-group-item{
  font-size: 18px !important;
}

.list-group-item:hover {
  background: #224620 !important;
  color: #FFF !important;
  cursor: pointer !important;
}

.box {
    padding: 18px;
    background: #fff;
    border: 1px solid #e5e7ea;
}

.dropdown-menu{
  padding: 10px !important;
}

.dropdown-item{
  width: 100% !important;
}

.bold-header tr th{
  font-weight: bold !important;
  font-size: 15px !important;
}

.dropdown-overlay{
  width: 100%;
  height: 100%;
  background-color: transparent;
  position: absolute;
  display: none;
}

.dropdown.dropup{
  padding-top: 100px;
}

.slide-menu{
       margin-bottom: -1px;
       bottom: 28%;
       top: auto;
  }

.img-sm-2{
    width: 131px;
    height: 131px;
}

.nomargin{
  padding: 0px !important;
  margin: 0px !important;
}

.styletext{
  position: relative;
}

/*.styletext input{
 background: #FFFAFA !important;
 border:0.5px solid #31539E!important;
 margin-bottom: 1px;
}*/

.styletext-lable{
  position: absolute;
  top: -9px;
  left: 10px;
  padding-left: 3px;
  padding-right: 3px;
  background: white;
  color: #31539e !important;
}

.otp_box input{
  width: 35px;
  float: left;
  margin: 3px;
  background: #FFFFFA;
}

.pl-1{
  padding-left:20px ;
}

.video-fluid{
/*    width: 100%;*/
    aspect-ratio: 4/auto;
    min-height: 400px;
/*    background: black;*/
}

.rec-vid{
  width: 100%;
}
/*.form-group input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea, select {
  background: white !important;
  width: 100% !important;
}*/
@media only screen and (max-width: 767px) {
   /*  .video-fluid {
        height: 450px !important;
    }  */
}

.profilebtn{
  background: white !important;
  color: black !important;
  padding: 2px 32px 0px 25px !important;
  margin-top: 6px !important;
  height: 27px !important;
}

.error{
  color: red !important;
  font-weight: 500 !important;
}

.rating{
  font-size: 10px !important;

}

/* shoping cart css */
./*shoping_cart_table {
   /* overflow-block: auto !important;
    overflow: auto !important;
}*/

.shoping_cart_table table {
    text-align: center !important;
    font-family: "Cairo", sans-serif !important;
        
}

.shoping_cart_table table thead th {
    font-size: 20px;
    font-weight: 700;
    color: #1c1c1c;
    padding-bottom: 20px;
    font-family: "Cairo", sans-serif !important;
}

.shoping_cart_table table tbody tr td.shoping_cart_item {
    text-align: left !important;
    font-family: "Cairo", sans-serif !important;
}

.shoping_cart_table table tbody tr td.shoping_cart_item p {
    color: #7fad39;
    font-weight: 700;
}

.shoping_cart_table table thead tr th {
    text-align: center !important;
}


.cart-img{
/*  width: 80px !important;*/
  Width:5rem ;
  display: inline-block !important;
  background: #f5f5f5;
  padding: 6px;
  aspect-ratio: 1/1;
  object-fit: contain;
  margin-right: 15px !important;
}

.shoping_cart_table table tbody tr td {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
    border-bottom: 1px solid #ebebeb !important;
    font-family: "Cairo", sans-serif !important;
}

.shoping_cart_table table tbody tr td.shoping_cart_item h5 {
    color: #1c1c1c !important;
    display: inline-block !important; 
    font-family: "Cairo", sans-serif !important;
   
}

.shoping_cart_table table tbody tr td.shoping_cart_price {
    font-size: 18px !important; 
    color: #1c1c1c !important; 
    font-weight: 700 !important; 
    text-align: center !important; 
    vertical-align: middle !important; 
    line-height: 100% !important; 
    font-family: "Cairo", sans-serif !important;
}

.shoping_cart_table table tbody tr td.shoping_cart_tax {
    font-size: 18px !important; 
    color: #1c1c1c !important; 
   
    text-align: center !important; 
    vertical-align: middle !important; 
    line-height: 100% !important; 
    font-family: "Cairo", sans-serif !important;
}

.shoping_cart_table table tbody tr td.shoping_cart_variant {
    font-size: 18px !important; 
    color: #1c1c1c !important; 
    text-align: center !important; 
    vertical-align: middle !important; 
    line-height: 100% !important; 
    font-family: "Cairo", sans-serif !important;
}

.shoping_cart_table table tbody tr td.shoping_cart_quantity {
/*    width: 225px !important; */
    vertical-align: middle !important; 
    line-height: 100% !important; 
    font-family: "Cairo", sans-serif !important;
}

.shoping_cart_table table tbody tr td.shoping_cart_total {
    font-size: 18px !important; 
    color: #1c1c1c !important; 
    font-weight: 700 !important; 
/*    width: 110px !important; */
    vertical-align: middle !important; 
    line-height: 100% !important; 
    font-family: "Cairo", sans-serif !important;
}

.shoping_cart_table .products-item {
    text-align: left !important;
}

.shoping_cart_table table tbody tr td.shoping_cart_quantity .pro-qty {
    width: 120px !important;
    height: 40px !important;
}

.pro-qty {
    width: 140px ;
    height: 50px ;
    display: inline-block !important;
    position: relative !important;
    text-align: center !important;
    background: #f5f5f5 !important;
    margin-bottom: 5px !important;
}

.shoping_cart_table table tbody tr td.shoping_cart_quantity .pro-qty .qtybtn {
    width: 15px !important;
}

.pro-qty .qtybtn {
    width: 35px !important;
    font-size: 16px !important;
    color: #6f6f6f !important;
    cursor: pointer !important;
    display: inline-block !important;
}

.pro-qty input {
    height: 100% !important;
    width: 100% !important;
    font-size: 16px !important;
    color: #6f6f6f !important;
    width: 50px !important;
    border: none !important;
    background: #f5f5f5 !important;
    display: inline-block !important;
}

.shoping_cart_table table tbody tr td.shoping_cart_quantity .pro-qty .qtybtn {
    width: 15px;
}

.pro-qty .qtybtn {
    width: 35px !important;
    font-size: 16px !important;
    color: #6f6f6f !important;
    cursor: pointer !important;
    display: inline-block !important;
}

.shoping_cart_table table tbody tr td.shoping_cart_item_close {
    text-align: right !important;
    vertical-align: middle !important; 
    line-height: 100% !important;
    font-family: "Cairo", sans-serif !important;
}

.shoping_cart_table table tbody tr td.shoping_cart_item_close i {
    font-size: 20px !important;
    color: #b2b2b2 !important;
    cursor: pointer !important;
}

.shoping_cart_table table tbody tr td.shoping_cart_item_close i:hover {
    color: red !important;
}

.primary-btn.cart-btn {
    color: #6f6f6f !important;
    padding: 14px 30px 12px !important;
    background: #f5f5f5 !important;
    font-family: "Cairo", sans-serif !important;
}

.primary-btn {
    display: inline-block;
    font-size: 14px;
    padding: 10px 28px 10px;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 700;
    background: #224620;
    letter-spacing: 2px;
}

.primary-btn.cart-btn.cart-btn-right {
    float: right !important;
    font-family: "Cairo", sans-serif !important;
}

.shoping__discount h5 {
    font-size: 20px !important;
    color: #1c1c1c !important;
    font-weight: 700 !important;
    margin-bottom: 25px !important;
}

.shoping__discount form input {
    width: 255px;
    height: 46px;
    border: 1px solid #cccccc;
    font-size: 16px;
    color: #b2b2b2;
    text-align: center;
    display: inline-block;
    margin-right: 15px;
}

.shoping__discount form button {
    padding: 15px 30px 11px;
    font-size: 12px;
    letter-spacing: 4px;
    background: #6f6f6f;
}
.site-btn {
    font-size: 14px;
    color: #ffffff;
    font-weight: 800;
    text-transform: uppercase;
    display: inline-block;
    padding: 13px 30px 12px;
    background: #7fad39;
    border: none;
}
.shoping__checkout {
    background: #f5f5f5;
    padding: 30px;
    padding-top: 30px;
    padding-top: 20px;
    
}
.shoping__checkout h5 {
    color: #1c1c1c;
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 28px;
}
.shoping__checkout ul {
    margin-bottom: 28px;
}
.shoping__checkout ul li {
    font-size: 16px;
    color: #1c1c1c;
    font-weight: 700;
    list-style: none;
    overflow: hidden;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 13px;
    margin-bottom: 18px;
}
.shoping__checkout ul li span {
    font-size: 18px;
    color: #dd2222;
    float: right;
}
.shoping__checkout a:hover{
  color: white !important;
  background: #224620;
}
.shoping__checkout ul li:last-child {
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 0;
}
.cartbadge{
  position: absolute;
  top: 0px;
  left: 45px !important;
  background: #3C7B38 !important;
  padding: 5px !important;
  width: 20px !important;
  height: 20px !important;
  border-radius: 50% !important;
}
.comaprebadge{
  position: absolute;
  top: 5px;
  left: 68px !important;
  background: #7fad39 !important;
  padding: 5px !important;
  width: 20px !important;
  height: 20px !important;
  border-radius: 50% !important;
}

span.drpm{
    width: 40px !important;
}
.addon{
    position: relative !important;
    
}
.append button{
    position: absolute !important;
    right: 0px !important;
    padding: 10px 5px 10px 5px;
    font-weight: 500 !important;
    border: 1px solid #31539E;
    background:#224620; 
    color: white !important;
    cursor: pointer;
    
}
.append .send_otp{
    font-weight: 501 !important;
    font-size: 11px;

}
/*.form-group{
    margin-bottom: 0px !important;
}
*/
.form-login{
    padding-top: 20px !important;
}
.bg-error{
    color: #cc1616 !important;
    padding: 10px;
}
.bag-success{
    color: #498033 !important;
    padding: 10px !important;
    text-align: right;
}
.otpmsg{
    text-align: right;
}
.social_activty{
    width: 100% !important;
}
.social_activty ul li{
    float: left !important;
    padding: 2px 10px 2px 10px !important;
    font-size:1.4em !important;
}
.social_activty span{
    font-size: 13px !important;
}
.created{
    padding-top: 3px !important;
    text-align: right !important;
 }

@media screen and (max-width: 980px) {
   div.social_activty span {
        font-size: 11px !important;
    }
    div.created{
        font-size: 12px !important;
    }
    div.social_activty ul li{
     
        font-size:1.2em !important;
    }

    h3.post-title{
        margin-bottom: 2px !important;
    }
}
@media screen and (max-width: 600px) {
   div.social_activty span {
        font-size: 11px !important;
    }
    div.created{
        font-size: 12px !important;
    }
    div.social_activty ul li{
     
        font-size:1.2em !important;
    }
    h3.post-title{
        padding: 2px !important;
        margin-bottom: 2px !important;
        margin-top: 2px !important;
    }
}
.pt-1{
    padding-top: 5px !important;
}
/*

.productlist {
    box-shadow: 2px 2px 0px 2px #f2f2f2 !important;
    border: 1px solid #e6e6e6 !important;
    position: relative !important;
    background-color: #fff !important;
    margin-bottom: 20px;
}*/
.margin-top-40{
    margin-top: 25px !important;
}
.prod_social_icon{
    margin-top: 5px !important;
    font-size: 19px !important;
    
}
 transition: all 0.3s ease-in-out ;
}
.btn-lightblue{
    background: #CBD4E6;
    color: #31539E;
}
.btn-lightblue i{
    font-size: 20px !important;
}
/*.product-title b{
    color: black !important;
}*/
/*#add_tocart i{
    font-size: 17px !important;
}*/
.social_icon{
    color: #4a4949f0;
}
a {
    color: #3c7b38;
}

.social_icon I{
    font-size: 17px !important;
}
.text-bold{
    font-weight: bold;
}
.fev{
    width: 100% !important;
    text-align: right;
}

.prod_social_icon a:hover i{
    -webkit-transform: scale(1.2) ;
}

.margin_b40{
    margin-bottom: 40px !important;
}

.social  a{
    color: black !important;
}

.social a:hover{
    color: #224620 !important;
}
.margin_10{
    margin-top: 10px;
}

@media screen and(max-width: 980px) {
  .recipes-review .recipes-content{
    height: 213px;
  }

  header.sticky #logo img {
        margin-top: 0;
        margin-bottom: 6px;
    }
}
i.active{
    color: #4267B2 !important;
}
i.active_fev{
    color: #ff8533 !important;
}

.recipelistpage .recipes-review .recipes-content {
    height: 200px !important;
}
.display-fex{
    display: flex;
}
.sorting{
    
    padding: 11px 3px 11px 5px;
    margin-bottom: 5px;
    
}
.control-label{
    line-height: 200%;
}
/*      video csssss    */


.realvideo .vidoe_content{
    text-overflow: ellipsis;
    font-size: 12px;
    clear: both;
    overflow: hidden;
    font-weight: 500;
}
.realvideo .vidoe_content .col-details{
    text-overflow: ellipsis;
    font-size: 12px;
    clear: both;
    overflow: hidden;
    font-weight: 500;
    height: 46px;
    display: -webkit-box;
   -webkit-line-clamp: 3; /* number of lines to show */
           line-clamp: 3; 
   -webkit-box-orient: vertical;
}
p.posted{
    font-size: 10px !important;
    color:#6c7079 !important;
    font-style: italic !important;
    margin: 0px !important;
}

/*review reting css */

div.modal-review__rating-order-wrap > span {
    display: block; float: left;
    height: 30px; width: 40px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='80'%20height='30'%3E%3Cpath%20d='M17.5,12.5h-8.5l6.8,5-2.6,8.1,6.8-5,6.8,5-2.6-8.1,6.8-5h-8.5l-2.6-8.1z'%20fill='%23c0c0c0'%20stroke='%23c0c0c0'/%3E%3Cpath%20d='M57.5,12.5h-8.5l6.8,5-2.6,8.1,6.8-5,6.8,5-2.6-8.1,6.8-5h-8.5l-2.6-8.1z'%20fill='%23ffd83d'%20stroke='%23eac328'/%3E%3C/svg%3E");
    background-position: 0px 0px;    /* gray star */
}

/* Persistent state */
div.modal-review__rating-order-wrap[data-rating-value] > span {
    background-position: -40px 0px;  /* gold star */
}
div.modal-review__rating-order-wrap > span.active ~ span {
    background-position: 0px 0px;    /* gray star */
}

/* Hover state */
div.modal-review__rating-order-wrap[class]:hover > span {
    background-position: -40px 0px;  /* gold star */
    cursor: pointer;
}
div.modal-review__rating-order-wrap[class] > span:hover ~ span {
    background-position: 0px 0px;    /* gray star */
}

#ingredient ul li.heading{
    background: #e2e1f0;
    color: #224620;
    border: 1px solid #224620;
    padding: 3px 10px 3px 10px;
}
#ingredient ul li button.cal{
    background: #224620;
    color: #FFF;
    width: 40%;
    margin-left: 10px;
}

/*model css */
#modalRegisterForm{
    z-index: 10000;
    top: 100px;
}
#modelbulkproductinquiry{
    z-index: 10000;
    top: 100px;
}
.zindex_up{
    z-index: 10000;
    top: 100px;
}

.modal-dialog .modal-title{
    font-weight: 700;
}
.md-form  {
     position: relative;
}
/*.md-form .prefix {
    position: absolute;
    -webkit-transition: color .2s;
    transition: color .2s;
    top:1.5rem;
    font-size: 1.75rem;
}
*/
.grey-text {
    color: #9e9e9e !important;
}
.md-form input:not([type]), .md-form input[type="text"]:not(.browser-default), .md-form input[type="password"]:not(.browser-default), .md-form input[type="email"]:not(.browser-default), .md-form input[type="url"]:not(.browser-default), .md-form input[type="time"]:not(.browser-default), .md-form input[type="date"]:not(.browser-default), .md-form input[type="datetime"]:not(.browser-default), .md-form input[type="datetime-local"]:not(.browser-default), .md-form input[type="tel"]:not(.browser-default), .md-form input[type="number"]:not(.browser-default), .md-form input[type="search"]:not(.browser-default), .md-form input[type="phone"]:not(.browser-default), .md-form input[type="search-md"], .md-form textarea.md-textarea {
    width: 80%;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #ced4da;
    border-radius: 0;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-left: 25px;
    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}
.btn-deep-orange {
    color: #fff;
    background-color: #ff7043 !important;
    border: none;
    border-radius: 0px;
    }

/* .justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
} */
.btn-orange {
    color: #fff;
    background-color: #ff7043 !important;
    border: none;
    border-radius: 0px;
}
/*#addnewaddress .form-control {
   
    width: 100% !important;
    font-size: 14px !important;
    color: #555 !important;
    background-color: #fff !important;
    background-image: none !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    margin-bottom: 1px;
    }*/
/*#addnewaddress label {
    padding-top: 10px;    
}*/
.red{
    color: red;
}

/*#editaddressmodel .form-control {
  
    width: 100% !important;
    font-size: 14px !important;
    line-height: 1.42857143 !important;
    color: #555 !important;
    background-color: #fff !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    margin-bottom: 1px;
  
    }*/
/*#editaddressmodel label {
    padding-top: 10px;   
    text-align: left !important;
}*/
.address_header{
    font-weight: 700;
    background: #224620;
    color: white;
    padding: 3px 16px 3px 16px;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {

    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #224620;
    border-color: #224619;

}
.btn-outline-success:hover {
  color: #fff;
  background-color: #224620;
  border-color: #224620;
}
.btn-outline-success {
  color: #224620;
  border-color: #224620;
}
/*#submitBtn{
     background: #224620;
     color: white;
}*/
.btnstyle{
     background: #224620;
     color: white;
}
.btnstyle:hover{
     background: #437940;
     color: white;
}

.order_table{
    width: 100%;
}
.order_heading{
    width: 100%;
    background: rgb(37, 71, 144);
    padding: 4px 15px 4px 15px;
    color: #fbfbfb
}
.order_table table thead{
   background: #aa0d0dc7;
   color: white;
}
.badge-primary{
    background: #007bff;
    color: white;
}
.badge-success{
    background: #3C7B38 ;
    color: white;
}
.badge-warning{
    background: #ffc107;
    color: white;
}
.badge-info{
    background: #17a2b8;
    color: white;
}
.badge-dark{
    background: #28a745;
    color: white;
}
.badge-danger{
    background: #dc3545;
    color: white;
}
.customer_editform{
    border: 1px solid #f7ecec;
    padding-bottom: 10px;
}
.customer_editform label{
    text-align: left !important;
}

.customer_editform .form-label{
    font-size: 12px !important;
}
.compare_pord{
    position: relative;
}
.compare_pord span{
    position: absolute;
    top: 8px;
    right: 30px;
    color: red;
    /*z-index: 1000;*/
    cursor: pointer;
    font-size: 20px;
}
.compare_pord span:hover{
    -webkit-transform: scale(1.2);
    transition: all 0.5s;
}

.invoice .top-left i{
    font-size:65px;
    color:#3ba0ff;
}

.invoice .top-right {
    text-align:right;
    padding-right:20px;
}

.invoice .table-row {
    margin-left:-15px;
    margin-right:-15px;
    margin-top:25px;
}

.invoice .payment-info {
    font-weight:500;
}

.invoice .table-row .table>thead {
    border-top:1px solid #ddd;
}

.invoice .table-row .table>thead>tr>th {
    border-bottom:none;
}



.invoice .invoice-total {
    margin-right:-10px;
    font-size:16px;
}

.invoice .last-row {
    border-bottom:1px solid #ddd;
}

.invoice-ribbon {
    width:85px;
    height:88px;
    overflow:hidden;
    position:absolute;
    top:-1px;
    right:14px;
}

.ribbon-inner {
    text-align:center;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    position:relative;
    padding:7px 0;
    left:-5px;
    top:11px;
    width:120px;
    background-color:#66c591;
    font-size:15px;
    color:#fff;
}

.ribbon-inner:before,.ribbon-inner:after {
    content:"";
    position:absolute;
}

.ribbon-inner:before {
    left:0;
}

.ribbon-inner:after {
    right:0;
}

@media(max-width:575px) {
    .invoice .top-left,.invoice .top-right,.invoice .payment-details {
        text-align:center;
    }
    .realvideo{
         margin-bottom: 10px;  
    }
    .deal-item .img-content{
        margin: 0 auto;
    }

    .count_title {
        display: block;
        margin: 20px;
        width: 100%;
    }
/*   .recent-posts {
        margin-bottom: 20px;
    }*/
    .invoice .from,.invoice .to,.invoice .payment-details {
        float:none;
        width:100%;
        text-align:center;
        margin-bottom:25px;
    }

    .invoice p.lead,.invoice .from p.lead,.invoice .to p.lead,.invoice .payment-details p.lead {
        font-size:22px;
    }

 /*   .invoice .btn {
        margin-top:10px;
    }*/
}

@media print {
    .invoice {
        width:900px;
        height:800px;
    }
}

.product-item .cash_back{
    position: absolute;
    top: 54px;
    right: -30px;
    background: red;
    color: white;
    padding: 4px 6px 2px 9px;
    font-size: 12px;
    font-weight: 700;
    transform: rotate(90deg);
}

.product-item .offer_image{
    width: 50px;
    position: absolute;
    top: -10px;
    left: 11px;

}

.cartform h3{
   border: 1px solid #0000001f;
    padding: 12px;

}
.checkoutitem span{
    float: right;
}
.checkoutitem i{
   background: transparent !important;
   color: green !important;
}
.promocode{
    background: #2ecb952e;
    padding: 5px;
    color: #15aa77;
    font-weight: 600;
}
/*
.input-group-append{
    display: block !important;
    position: absolute !important;
    top: 50% !important;
    right: 10px !important;
    transform: translateY(-50%) !important;
    z-index: 10 !important;
}*/
.continue{
    border-radius: 50px;
    padding: 10px 5px 10px 5px;
    padding: 8px 16px;
    background: #224620;
    color: #fff;
    border: 1px solid #F7D929;
    font-weight: bold;
}
.text-theme{
     color: #3c7b38;
}
.continue:hover{
    background: #222;
    color: #FFF;
   border: 1px solid #222;
}
.panel-title i{
    float: right;
}
.cashback{
    color: #7fad39;
    font-weight: 700;
}
.float-right{
    float: right !important;
}



.fix {
    overflow: hidden;
}
.side-info {
    background: #fff;
    height: 100%;
    position: fixed;
    padding: 15px 30px;
    transition: right 0ms 400ms;
    overflow-y: scroll;
}
.d-none {
    display: none !important;
    transition: right 0ms 400ms;
}

.d-lg-block {
    right: 0px !important;
    display: block !important;
}

.offset-widget:is(.offset-logo) {
    border-bottom: 1px solid #eeecec;
}
.pb-20 {
    padding-bottom: 20px;
}
.mb-30 {
    margin-bottom: 30px;
}
.mb-40 {
    margin-bottom: 40px;
}   
.hamburger-btn{
    width: 60px;
    height: 60px;
    position: absolute;
    top: 16px;
    cursor: pointer;
    right: 5px;
    display: inline-block;
    border: 0;
    line-height: 60px;
    text-align: center;
    border-radius: 50% !important; 
    color:white;
    font-size: 22px !important;
}
.hamburger-btn:hover i{
    color: #3c7b38 !important;
}

button.side-info-close {
    border: none;
    color: #3c7b38;
}
.language{
    padding: 4px 17px 4px 17px;
}

.text-end {
    text-align: right !important;
}


@media only screen and (max-width: 767px) {
    .hamburger-btn{
        display: none;
    }
    .shoping_cart_item h5{
        font-size: 1em;
    }
    .shoping_cart_table .discount {
        font-size: .8em;
    }
    .deal-item .img-content{
        margin: 0 auto;
    }
  

}

/*/*//*/*/


#header-top ul.list-main li {
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    border-right: 1px solid #f0f0f0;
    padding: 0px 13px;
}
#header-top .list-main li i {
    display: inline-block;
    margin-right: 4px;
    font-size: 15px;
    position: relative;
    top: 3px;
}
#header-top .right-content {
    float: right;
}

#header-top-contan{
    float: right;
}

.header-top-contant .list-main li i {
    display: inline-block;
    margin-right: 4px;
    font-size: 15px;
    position: relative;
    top: 3px;
}

.header-top-contant ul.list-main li {
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    border-right: 1px solid #f0f0f0;
    padding: 0px 13px;
}

.footbar_menu {
    position: fixed;
    display: block;
    bottom: 0;
    width: 100%;
    z-index: 99;
    background:rgb(238, 238, 238);
    background-size: 100% 100%;
    background-repeat: no-repeat; 
    font-size: 10px;
}

.footbar_menu  .button {
    position: absolute;
    top: -29px;
    left: 43.2%;
    height: 50px;
    width: 50px;
    background: #fff;
    border-radius: 50%;
    line-height: 54px;
    text-align: center;
    border: 5px solid #224620;
    color: #224620;
    box-shadow: 0px 3px 3px 2px #fff;
}

/*.footbar_menu ul {
    margin-bottom: 0px !important;

}
.footbar_menu ul li{
    display: inline-block;
    padding-top: 14px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 5px;
    color: white;
    text-align: center;
}

.footbar_menu ul li a{
    color: #224620;
    font-size: 11px !important;
}
.footbar_menu li.active{
    border-left: 1px solid rgb(198, 204, 225);
    border-right: 1px solid rgb(198, 204, 225);
    border-bottom: 1px solid rgb(198, 204, 225);
    background: #ddd;
}*/

.footer_menu_image {
    width: 27px;
    height: 27px;
}


.widget-list-cat ul {
    padding-left: 2px;
}
.widget-list-cat ul li {
   
    border-bottom: 1px solid #ecedee !important;
    position: relative;
    overflow: hidden;
    font-size: 14px;
    list-style: none;
    color: #4b525c;
    height: 100%;
}

.widget-list-cat ul li a{
    padding: 12px 4px 12px 5px !important;
    display: block;
}
.widget-list-cat ul li a:hover {
 background: #00000012;
}

.widget-list-cat ul li a{
    color:#3C7B38;
}

.widget-list-cat ul li  .panel-body{
    border-bottom: 1px solid #dbe0ed;
    margin-left: 10px;
    padding: 10px 3px 9px 10px !important;
    display: block;
    color:#3C7B38;
}
.widget-list-cat ul li  .panel-body:hover{
    background: #00000012;
}
.widget-list-cat ul li  .panel-body:last-child{
  border-bottom: none;
  display: block;
  color:#3C7B38 !important;
}

.widget-list-cat ul li:last-child{
    padding-bottom: 10px !important;
    border-bottom: 1px solid #ecedee !important;
}
.cartbtn .button{
   height: 40px
}

/*-----------------*/



.single-shorter {
    display: inline-block;
    margin-right: 10px;
}
.single-shorter label {
    display: inline-block;
    float: left;
    margin: 4px 5px 0 0;
    font-weight: 500;
}
.single-shorter select {
    width: 150px;
}
.displayflex{
    display: flex;
    align-items: center;
}

.bglinear{
   background: #3C7B38 !important;
  
   color: white !important;
   background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(34,70,32,1) 35%, rgb(34 70 32) 100%)!important;
}
.widget .widget-title {
    padding: 9px;
    border-bottom: 2px solid #ecedee;
    line-height: 46px;
    position: relative;
    font-size: 16px;
    margin: -14px -25px 20px -25px;  
}

.searchfilter{
    background: rgb(2,0,36) !important;
    background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(34,70,32,1) 35%, rgb(34 70 32) 100%)!important;
    color: white !important;
    margin-top: 11px !important;
    padding: 13px;
}
.border-trans{
        border: 1px solid #0000001f;
}
.z-indexup{
    z-index: 99 !important;
}
.margin_120{
    padding-top: 30px;
    padding-bottom: 60px;
}
.margin_170{
    /*padding-top: 60px;*/
    padding-bottom: 60px;
}
.searchfilter .bread-crums {
    margin-top: 8px;
}
.mobileview{
         display: none;
    }
.footbar_menu .cartbadge {
    position: absolute;
    top: -4px;
    left: -9px !important;
    background: #3C7B38 !important;
    padding: 5px !important;
    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
}
/* header top web menu */
/*#header-top .dropdown-menu {
  padding: 9px 0px 0px 0px !important;
}  
#header-top .dropdown-menu li{
    width: 100%;
    padding: 0px!important;
    border-bottom: 1px solid gray;
}  */

/*#header-top .dropdown-menu li a{
    color: darkgoldenrod;
}  

#header-top .dropdown-menu li:last-child a{
    background: black;
    color: white !important;
} 
#header-top .dropdown-menu li:last-child:hover a{
    background: #000000b3;
} 
#header-top .dropdown:hover .dropdown-menu{
    display: block;
    z-index: 9999;
    cursor: pointer;
}   */

#header-top .dropdown  a#navbarDropdown{
    color: white;
}
#header-top .dropdown-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}
.dropdown-divider {
    height: 0;
    margin: 0.5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef;
}
/* ---------------- header Mobile menu -------------- */

#topbar_mobile .btn-group{
    padding: 5px;
} 


.productpage .swiper {
    width: 100%;
}
.w-70{
    width: 70% !important;
}
.w-20{
    width: 20% !important;
}

.notifybtnmobile .fa-bell{
    position: relative;
}
#topbar_mobile a{
    color: white;
}
.notifybtnmobile a{
   color: white;
}
.notifybtnmobile span{
    position: absolute;
    top: -3px;
    left: 12px;
}

.margin_20{
    padding-top: 20px;
    padding-bottom: 20px;
}
.sidbar_footer{
    padding-top: 15px;
    padding-bottom: 16px;
}
.sidbar_footer ul li{
    padding: 5px;
}
.sidbar_footer .card-header{
    padding-left: 5px;
    margin-bottom: 5px;
    border-bottom:4px solid #224620;
}
#mobile_footer_social_icon {
    padding-bottom: 33px;
    padding-top: 16px;

}
#mobile_footer_social_icon ul li a i{
    color: #224620 !important;
}
#mobile_footer_social_icon ul li{
    float: left;
}
#mobile_footer_social_icon ul li a i {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    padding: 12px;
    border: 1px solid #224620;
}
#mobile_footer_social_icon ul li a i:hover {
  color: white !important;
}
.applinkfooter{
    padding-top: 30px;
    text-align: center;
}
.mobilefooterabout{
    padding: 20px;
    color: white;
/*    margin-bottom: 112px;*/
    background: #224620;

}
.mobilefooterabout ul li{
    padding: 8px;
}
.sociallinkmodel .modal-dialog{
    width:270px;
    top: 113px;
}
.sociallinkmodel .modal-header{
  padding: 22px 13px 0px 15px;
}

.sociallinkmodel .modal-title{
    width: 50%;
    float: left;
    
}
/* Social icon css */
.socialshare ul {
  display:flex;
  flex-flow: row wrap;
}

.socialshare ul li a {
  display: block;
  position: relative;
  font-size: 26px;
  text-decoration: none;
  margin: 0 5px;
  width: 40px;
  transition: .5s;
  text-align: center;

}

.socialshare ul li a span {
  position:absolute;
  transition: transform .5s;
}
.socialshare ul li a span:nth-child(1),
.socialshare ul li a span:nth-child(3){
  width:100%;
  height:3px;
  background:#404040;
}
.socialshare ul li a span:nth-child(1) {
  top:0;
  left:0;
  transform-origin: right;
}
.socialshare ul li a:hover span:nth-child(1) {
  transform: scaleX(0);
  transform-origin: left;
  transition:transform .5s;
}

.socialshare ul li a span:nth-child(3) {
  bottom:0;
  left:0;
  transform-origin: left;
}
.socialshare ul li a:hover span:nth-child(3) {
  transform: scaleX(0);
  transform-origin: right;
  transition:transform .5s;
}

.socialshare ul li a span:nth-child(2),
.socialshare  ul li a span:nth-child(4){
  width:3px;
  height:100%;
  background:#404040;
}
.socialshare  ul li a span:nth-child(2) {
  top:0;
  left:0;
  transform:scale(0);
  transform-origin: bottom;
}
.socialshare ul li a:hover span:nth-child(2) {
  transform: scale(1);
  transform-origin: top;
  transition:transform .5s;
}
.socialshare ul li a span:nth-child(4) {
  top:0;
  right:0;
  transform:scale(0);
  transform-origin: top;
}
.socialshare ul li a:hover span:nth-child(4) {
  transform: scale(1);
  transform-origin: bottom;
  transition:transform .5s;
}



.social_color_hover .socialshare ul li a span:nth-child(1), 
.social_color_hover .socialshare ul li a span:nth-child(3) {
    background: #fff;
}

.social_color_hover .socialshare ul li a {
    color: white ;
}


.socialshare .facebook:hover {
  color: #3b5998;
}
.socialshare .facebook:hover span { 
  background: #3b5998;
}
.socialshare .youtube:hover {
  color: #FF0000;
}
.socialshare .youtube:hover span { 
  background: #FF0000;
}
.socialshare .twitter:hover {
  color: #1da1f2;
}
.socialshare .twitter:hover span { 
  background: #1da1f2;
}
.socialshare .instagram:hover {
  color: #c32aa3;
}
.socialshare .instagram:hover span { 
  background: #c32aa3;
}
.socialshare .google:hover {
  color: #dd4b39;
}
.socialshare .google:hover span { 
  background: #dd4b39;
}
.socialshare ul li a .twitter {
  color: #1da1f2;
}
.socialshare ul li a:hover:nth-child(3) {
  color: #c32aa3;
}
.socialshare ul li a:hover:nth-child(4) {
  color: #dd4b39;
}
/*social icon -------------*/

/*.socialshare .fa {
  padding: 9px;
  font-size: 30px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
}

.socialshare  .fa:hover {
    opacity: 0.7;
}
.socialshare .fab {
  padding: 9px;
  font-size: 30px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
}
.socialshare .social_instagram {
    background: #dd4b39;
    color: white;
}

.socialshare  .fab:hover {
    opacity: 0.7;
}

.socialshare  .fa-whatsapp{
  background: #25D366;
  color: white;
}

.socialshare  .social_facebook {
  background: #3B5998;
  color: white;
}

.socialshare  .fa-twitter {
  background: #55ACEE;
  color: white;
}

.socialshare  .social_googleplus {
  background: #dd4b39;
  color: white;
}

.socialshare  .social_youtube_square {
  background: #bb0000;
  color: white;
}

.socialshare  .fa-instagram {
  background: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
  color: white;
}

.socialshare  .fa-android {
  background: #a4c639;
  color: white;
}
.footer-top .footer-menu{
    width: 50%;
    float: left;
}
.search-form-wrapper {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    padding: 20px 15px;
    margin-top: 0px;
    background: #39393657;
}
.search-form-wrapper.open {
    display: block;
}


/*search bar home page ------------*/
.search-form-wrapper .searchbar{
    margin-bottom: auto;
    margin-top: auto;
    height: 60px;
    background-color: #353b48;
    border-radius: 30px;
    padding: 10px;
    padding-left: 24px;
    width: 100%;
    }

.search-form-wrapper  .search_input{
    color: white;
    border: 0;
    outline: 0;
    background: none;
    caret-color:white;
    line-height:26px;
    transition: width 0.4s linear;
    width: 100%;
}

.search-form-wrapper  .search_icon{
    height: 40px;
    width: 40px;
    float: right;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: white;
    color: #e74c3c;
    text-decoration:none;
    position: absolute;
    top: 29px;
    right: 27px;
}
.search-form-tigger{
    height: 40px;
    width: 40px;
    float: right;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: #2b2929;
    color: #f4f3f3;
    text-decoration: none;
}
.search-form-tigger:hover{
    color: #f4f3f3;
}
.homesearchbtn{
    position: absolute;
    right: 23px;
}
.btn-success{
    background-color: #3C7B38 !important;
    border-color: #3C7B38 !important;
    transition: all 0.3s ease-in-out;
}
.btn-success:hover{
    background-color: #4c9646 !important;
    border-color: #55ab4f!important;
}
.homesearchbtn .search-close{
    color:#e74c3c;
    font-size: 23px;
    cursor: pointer;
}
.offerimgea{
    background-size: 100% 300px;
    background-repeat: no-repeat;
    width:100%;
    height:300px;
}


.footerchatbox{
  position: fixed;
  bottom: 50px;
  right: -238px;
  z-index: 901;
  width: 240px;
  transition: left 1s ,width 1s;
}
.footerchattype{
  position: fixed;
  bottom: 50px;
  right: -238px;
  z-index: 999;
  width: 240px;
  transition: left .5s ,width .5s;
}


.possitionshow{
    bottom: 60px !important;
    width: 400px;
    right: 0%;
}
.chatboxfooterbtn{
    position: fixed;
    bottom: 59px;
    right: 15px;
    opacity: .9;
    background: #3c7b38;
    border-radius: 50%;
    text-align: center;
    padding: 10px;
    width: 50px;
    height: 50px;
    color: white;
    font-size: 25px;
    border: none;
    z-index: 999;
}
.removeitm{
    display: none;
}

.chatboxfooterbtn:hover{
   border: none !important;
   color: white !important;
}
.chatboxfooterbtn:focus{
   color: white !important;
}
.chatboxfooterbtn:active{
   outline: 0px !important;
   
}
.chatboxfooterbtn.active.focus, .chatboxfooterbtn.active:focus, .chatboxfooterbtn.focus, .chatboxfooterbtn:active.focus, .chatboxfooterbtn:active:focus, .chatboxfooterbtn:focus {
     outline: none !important;
    }
/*---------------------FOOTER  MSG BOX ------------------ */
.attechment{
    position: absolute;
    top: 6px;
    z-index: 3;
    right: 68px;
}
.direct-chat-attechment {
    position: relative;
    padding: 5px 10px;
    margin: 5px 0 0 50px;
/*    width: 150px;*/
    overflow: hidden;
}
.right .direct-chat-attechment {
    width: 100%;
    position: relative;
    padding: 5px 10px;
    text-align: right;
    margin: 6px 0px 5px -61px;
    overflow: hidden;
}


.footerchatbox  .box {
    position: relative;
    border-radius: 3px;
    background: #ffffff;
    border-top: 3px solid #d2d6de;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.box.box-primary {
    border-top-color: #3c8dbc;
}
.box.box-info {
    border-top-color: #00c0ef;
}
.box.box-danger {
    border-top-color: #dd4b39;
}
.box.box-warning {
    border-top-color: #f39c12;
}
.box.box-success {
    border-top-color: #00a65a;
}
.box.box-default {
    border-top-color: #d2d6de;
}
.box.collapsed-box .box-body, .box.collapsed-box .box-footer {
    display: none;
}
.box .nav-stacked>li {
    border-bottom: 1px solid #f4f4f4;
    margin: 0;
}
.box .nav-stacked>li:last-of-type {
    border-bottom: none;
}
.box.height-control .box-body {
    max-height: 300px;
    overflow: auto;
}
.box .border-right {
    border-right: 1px solid #f4f4f4;
}
.box .border-left {
    border-left: 1px solid #f4f4f4;
}
.box.box-solid {
    border-top: 0;
}
.box.box-solid>.box-header .btn.btn-default {
    background: transparent;
}
.box.box-solid>.box-header .btn:hover, .box.box-solid>.box-header a:hover {
    background: rgba(0, 0, 0, 0.1);
}
.box.box-solid.box-default {
    border: 1px solid #d2d6de;
}
.box.box-solid.box-default>.box-header {
    color: #444;
    background: #d2d6de;
    background-color: #d2d6de;
}
.box.box-solid.box-default>.box-header a, .box.box-solid.box-default>.box-header .btn {
    color: #444;
}
.box.box-solid.box-primary {
    border: 1px solid #3c8dbc;
}
.box.box-solid.box-primary>.box-header {
    color: #fff;
    background: #3c8dbc;
    background-color: #3c8dbc;
}
.box.box-solid.box-primary>.box-header a, .box.box-solid.box-primary>.box-header .btn {
    color: #fff;
}
.box.box-solid.box-info {
    border: 1px solid #00c0ef;
}
.box.box-solid.box-info>.box-header {
    color: #fff;
    background: #00c0ef;
    background-color: #00c0ef;
}
.box.box-solid.box-info>.box-header a, .box.box-solid.box-info>.box-header .btn {
    color: #fff;
}
.box.box-solid.box-danger {
    border: 1px solid #dd4b39;
}
.box.box-solid.box-danger>.box-header {
    color: #fff;
    background: #dd4b39;
    background-color: #dd4b39;
}
.box.box-solid.box-danger>.box-header a, .box.box-solid.box-danger>.box-header .btn {
    color: #fff;
}
.box.box-solid.box-warning {
    border: 1px solid #f39c12;
}
.box.box-solid.box-warning>.box-header {
    color: #fff;
    background: #f39c12;
    background-color: #f39c12;
}
.box.box-solid.box-warning>.box-header a, .box.box-solid.box-warning>.box-header .btn {
    color: #fff;
}
.box.box-solid.box-success {
    border: 1px solid #00a65a;
}
.box.box-solid.box-success>.box-header {
    color: #fff;
    background: #00a65a;
    background-color: #00a65a;
}
.box.box-solid.box-success>.box-header a, .box.box-solid.box-success>.box-header .btn {
    color: #fff;
}
.box.box-solid>.box-header>.box-tools .btn {
    border: 0;
    box-shadow: none;
}
.box.box-solid[class*='bg']>.box-header {
    color: #fff;
}
.box .box-group>.box {
    margin-bottom: 5px;
}
.box .knob-label {
    text-align: center;
    color: #333;
    font-weight: 100;
    font-size: 12px;
    margin-bottom: 0.3em;
}
.box>.overlay, .overlay-wrapper>.overlay, .box>.loading-img, .overlay-wrapper>.loading-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%}
.box .overlay, .overlay-wrapper .overlay {
    z-index: 50;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 3px;
}
.box .overlay>.fa, .overlay-wrapper .overlay>.fa {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
    color: #000;
    font-size: 30px;
}
.box .overlay.dark, .overlay-wrapper .overlay.dark {
    background: rgba(0, 0, 0, 0.5);
}
.box-header:before, .box-body:before, .box-footer:before, .box-header:after, .box-body:after, .box-footer:after {
    content: " ";
    display: table;
}
.box-header:after, .box-body:after, .box-footer:after {
    clear: both;
}
.box-header {
    color: #444;
    display: block;
    padding: 10px;
    position: relative;
}
.box-header.with-border {
    border-bottom: 1px solid #f4f4f4;
}
.collapsed-box .box-header.with-border {
    border-bottom: none;
}
.box-header>.fa, .box-header>.glyphicon, .box-header>.ion, .box-header .box-title {
    display: inline-block;
    font-size: 18px;
    margin: 0;
    line-height: 1;
}
.box-header>.fa, .box-header>.glyphicon, .box-header>.ion {
    margin-right: 5px;
}
.box-header>.box-tools {
    position: absolute;
    right: 10px;
    top: 5px;
}
.box-header>.box-tools [data-toggle="tooltip"] {
    position: relative;
}
.box-header>.box-tools.pull-right .dropdown-menu {
    right: 0;
    left: auto;
}
.btn-box-tool {
    padding: 5px;
    font-size: 12px;
    background: transparent;
    color: #97a0b3;
}
.open .btn-box-tool, .btn-box-tool:hover {
    color: #606c84;
}
.btn-box-tool.btn:active {
    box-shadow: none;
}
.box-body {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 10px;
}
.no-header .box-body {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
.box-body>.table {
    margin-bottom: 0;
}
.box-body .fc {
    margin-top: 5px;
}
.box-body .full-width-chart {
    margin: -19px;
}
.box-body.no-padding .full-width-chart {
    margin: -9px;
}
.box-body .box-pane {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 3px;
}
.box-body .box-pane-right {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 0;
}
.box-footer {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top: 1px solid #f4f4f4;
    padding: 10px;
    background-color: #fff;
}
.direct-chat .box-body {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    position: relative;
    overflow-x: hidden;
    padding: 0;
}
.direct-chat.chat-pane-open .direct-chat-contacts {
    -webkit-transform: translate(0,  0);
    -ms-transform: translate(0,  0);
    -o-transform: translate(0,  0);
    transform: translate(0,  0);
}
.direct-chat-messages {
    -webkit-transform: translate(0,  0);
    -ms-transform: translate(0,  0);
    -o-transform: translate(0,  0);
    transform: translate(0,  0);
    padding: 10px;
    height: 250px;
    overflow: auto;
}
.direct-chat-msg, .direct-chat-text {
    display: block;
}
.direct-chat-msg {
    margin-bottom: 10px;
}
.direct-chat-msg:before, .direct-chat-msg:after {
    content: " ";
    display: table;
}
.direct-chat-msg:after {
    clear: both;
}
.direct-chat-messages, .direct-chat-contacts {
    -webkit-transition: -webkit-transform .5s ease-in-out;
    -moz-transition: -moz-transform .5s ease-in-out;
    -o-transition: -o-transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
}
.direct-chat-text {
    border-radius: 5px;
    position: relative;
    padding: 5px 10px;
    background: #d2d6de;
    border: 1px solid #d2d6de;
    margin: 5px 15px 0px 18px;
    color: #444;
    display: inline-block;
}
.direct-chat-text:after, .direct-chat-text:before {
    position: absolute;
    right: 100%;
    top: 15px;
    border: solid transparent;
    border-right-color: #d2d6de;
    content: ' ';
    height: 0;
    width: 0;
    pointer-events: none;
}
.direct-chat-text:after {
    border-width: 5px;
    margin-top: -5px;
}
.direct-chat-text:before {
    border-width: 6px;
    margin-top: -6px;
}
/*.right .direct-chat-text {
    margin-right: 50px;
    margin-left: 0;
}*/
.right .direct-chat-text:after, .right .direct-chat-text:before {
    right: auto;
    left: 100%;
    border-right-color: transparent;
    border-left-color: #d2d6de;
}
.direct-chat-img {
    border-radius: 50%;
    float: left;
    width: 40px;
    height: 40px;
}
.right .direct-chat-img {
    float: right;
}
.direct-chat-info {
    display: block;
    margin-bottom: 2px;
    font-size: 12px;
}
.direct-chat-name {
    font-weight: 600;
}
.direct-chat-timestamp {
    color: #999;
}
.direct-chat-contacts-open .direct-chat-contacts {
    -webkit-transform: translate(0,  0);
    -ms-transform: translate(0,  0);
    -o-transform: translate(0,  0);
    transform: translate(0,  0);
}
.direct-chat-contacts {
    -webkit-transform: translate(101%,  0);
    -ms-transform: translate(101%,  0);
    -o-transform: translate(101%,  0);
    transform: translate(101%,  0);
    position: absolute;
    top: 0;
    bottom: 0;
    height: 250px;
    width: 100%;
    background: #222d32;
    color: #fff;
    overflow: auto;
}
.contacts-list>li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    padding: 10px;
    margin: 0;
}
.contacts-list>li:before, .contacts-list>li:after {
    content: " ";
    display: table;
}
.contacts-list>li:after {
    clear: both;
}
.contacts-list>li:last-of-type {
    border-bottom: none;
}
.contacts-list-img {
    border-radius: 50%;
    width: 40px;
    float: left;
}
.contacts-list-info {
    margin-left: 45px;
    color: #fff;
}
.contacts-list-name, .contacts-list-status {
    display: block;
}
.contacts-list-name {
    font-weight: 600;
}
.contacts-list-status {
    font-size: 12px;
}
.contacts-list-date {
    color: #aaa;
    font-weight: normal;
}
.contacts-list-msg {
    color: #999;
}
.direct-chat-danger .right>.direct-chat-text {
    background: #dd4b39;
    border-color: #dd4b39;
    color: #fff;
}
.direct-chat-danger .right>.direct-chat-text:after, .direct-chat-danger .right>.direct-chat-text:before {
    border-left-color: #dd4b39;
}
.direct-chat-primary .right>.direct-chat-text {
    background: #3c8dbc;
    border-color: #3c8dbc;
    color: #fff;
}
.direct-chat-primary .right>.direct-chat-text:after, .direct-chat-primary .right>.direct-chat-text:before {
    border-left-color: #3c8dbc;
}
.direct-chat-warning .right>.direct-chat-text {
    background: #f39c12;
    border-color: #f39c12;
    color: #fff;
}

.direct-chat-warning .right>.direct-chat-text:after, .direct-chat-warning .right>.direct-chat-text:before {
    border-left-color: #f39c12;
}

.direct-chat-info .right>.direct-chat-text {
    background: #00c0ef;
    border-color: #00c0ef;
    color: #fff;
}

.direct-chat-info .right>.direct-chat-text:after, .direct-chat-info .right>.direct-chat-text:before {
    border-left-color: #00c0ef;
}

.direct-chat-success .right>.direct-chat-text {
    background: #00a65a;
    border-color: #00a65a;
    color: #fff;
}

.direct-chat-success .right>.direct-chat-text:after, .direct-chat-success .right>.direct-chat-text:before {
    border-left-color: #00a65a;
}

.shoping_cart_coupon{
    margin-top: 30px;
}

.shoping_cart_coupon label{
    background:#3c7b38;
    padding: 8px;
    margin-bottom: 14px;
    color: lightyellow;
    width: 100%;
    box-shadow: 2px 2px 1px 0px #3c7b36;
}

.shoping_cart_coupon input{
    width: 100%;
}
.shoping_cart_coupon button{
    background: #224620;
    color: white;
    margin-top: 4px;
    width: 100%;
}
.shoping_cart_coupon button:hover{
    color: white;
}
.applied_code{
    background: #dae0da;
    padding: 8px 11px 8px 15px;
    box-shadow: 2px 2px 2px azure;
}
.applied_code span{
    color: #3c7b38;
}
.applied_code i{
    float: right;
    margin-right: 5px;
    color: #3c7b38;
    cursor: pointer;
}
.a:focus, a:hover{
    color: #224620;
}
.recipe-image img{
    aspect-ratio: 16/9 !important;
    object-fit: contain !important;
}
.chatboxfooterbtn div.online-indicator {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 10px;
  background-color: #0fcc45;
  border-radius: 50%;
  border: .5px solid;
  position: absolute;
  top: 0px;
}
.chatboxfooterbtn div.offline-indicator {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 10px;
  background-color: red;
  border-radius: 50%;
  position: absolute;
  top: 0px;
  border: .5px solid;
}
.chatboxfooterbtn span.blink {
  display: block;
  width: 15px;
  height: 15px;
  background-color: #0fcc45;
  opacity: 0.7;
  border-radius: 50%;
  animation: blink 1s linear infinite;
}
.chatboxfooterbtn span.red_blink {
  display: block;
  width: 15px;
  height: 15px;
  background-color: #a65d5d;
  opacity: 0.7;
  border-radius: 50%;
  animation: blink 1s linear infinite;
}
.apps-image a{
   width: 50%;
  float: left;
}


.apps-image a img{
   width: 100%;
   
}  

@media only screen and (max-width: 480px) {
    .footbar_menu {
        font-size: 8px;
    }
    .footer-top .footer-menu{
        width: 100%;
    }
    .deal-item .img-content{
        margin: 0 auto;
    }
}

@media only screen and (min-width: 1200px) {
    .footbar_menu {
        display: none;
    }
}
@media only screen and (max-width: 1200px) and (min-width: 992px) {
    .footbar_menu {
        display: none;
    }
    /*.webview{
        display: block;
    }*/
    .mobileview{
         display: none;
    }
    
}

@media only screen and (max-width:992px) {
   #header-top .list-main li{
        font-size: 9px;
        padding: 0px 5px;
   }

  .chatboxfooterbtn{
        left: 16px
    }
   #ingredient ul li.heading {
     padding: 2px 8px 2px 8px;
   }
   .footermoble ul li{
        color: white !important;
    }
   #ingredient ul li.heading h3{
     font-size: 14px;
   }
   .mobileview{
         display: none;
    }
    .webview{
        display: block;
    }
    .sociallinkmodel .modal-dialog{
        margin: auto !important;
    }
/* ##################### Seller Products css start ######################## */
    .widget-recent-product .widget-recent{
        padding: 19px 5px 19px 3px !important;
        font-size: 17px;
        
    }
/* ##################### Seller Products css end ######################## */
}
@media only screen and (max-width: 767px) {
    .deal-item .img-content{
        margin: 0 auto;
    }
  
    .chatboxfooterbtn{
        left: 16px
    }
    .searchfilter{
        background:#ffffffe0 !important;
        margin-top: 11px;
        color: black !important;
    }

    .searchfilter .bread-crums a{
       color: #4ea5f2;
       font-size: 16px;
    }
    .searchfilter .bread-crums span{
       color: white !important;
       font-size: 16px;
    }
    .possitionshow{
        width: 90%;
        left: 5%;
    }
    .recipes-review .recipes-img img {
        aspect-ratio: 16/9;
        object-fit: contain
    }

    .recipe-image img{
        aspect-ratio: 16/9 !important;
        object-fit: contain !important;
    }

    .offerimgea{
        background-size: 100% 150px;
        height:150px;
    }
    .productpage .swiper {
        height: auto;
        margin-top: 10px;
        margin-bottom: 20px;
    }
    .swiper-pagination-bullets{
        bottom: -5px !important;
    }

   .apps-image a{
        display: inline;
    }

   .footermoble ul li{
        color: white !important;
        border-bottom: none !important;
    }

    .webview{
        display: none;
    }

    .mobileview{
         display: block;
    }
    .topbar_mobile{
        font-size: 10px;
    }
    .searchfilter{
        position: fixed;
        padding: 10px;
        z-index: 99;
        top: 39px;
        padding-right: 5px;
        background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(34, 70, 32, 1) 35%, rgb(34 70 32) 100%) !important;
        color: white !important;
    }
    #custom-search-input .search-query {
        padding: 8px 18px;
    }

   #custom-search-input input.btn_search {
        right: 14px;
        top: 7px;
    }

    .single-shorter select {
        width: 81px;
        float: right;
        padding: 4px 4px;
        height: 28px;
    }
    
    .single-shorter label {
        display: inline-block;
        float: left;
    }
    .shop-shorter {
        margin-left: -15px;
        font-size: 15px;
        padding-bottom: 0px;
    }

    .margin_120{
        padding-top: 142px;
    }
    .margin_100{
        padding-top: 112px;
    }
   
    .margin_170{
        padding-top: 112px;
    }
   
}



.price span {
  color: #ff9f1a;
}
.product-item .price p{
    margin-bottom: 0px !important;
}


.social .fbtn {
    width: 50px;
    display: inline-block;
    color: #fff;
    text-align: center;
    line-height: 18px;
    float: left;
}
.social .fa {
    padding: 15px 0px
}
/*.facebook {
    background-color: #3b5998;
}
.gplus {
    background-color: #dd4b39;
}
.twitter {
    background-color: #55acee;
}
.stumbleupon {
    background-color: #eb4924;
}
.pinterest {
    background-color: #cc2127;
}
.linkedin {
    background-color: #0077b5;
}
.buffer {
    background-color: #323b43;
}*/
.share-button.sharer {
    height: 20px;
    padding: 100px;
}
.share-button.sharer .social.active.top {
    transform: scale(1) translateY(-10px);
}
.share-button.sharer .social.active {
    opacity: 1;
    transition: all 0.4s ease 0s;
    visibility: visible;
}
.share-button.sharer .social.networks-5 {} .share-button.sharer .social.top {
    margin-top: -80px;
    transform-origin: 0 0 0;
}
.share-button.sharer .social {
    margin-left: -65px;
    opacity: 0;
    transition: all 0.4s ease 0s;
    visibility: hidden;
}
span.active_fev {
  color: #ff8533 !important;
}

.product-item .checked, .price span {
    color: #ff9f1a; 
}

.swiper-button-next, .swiper-button-prev {
    top: 5% !important;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: auto !important;
    right: 57px !important;
}

.swiper-button-next::after, .swiper-button-prev::after {
  font-size: 25px !important;
}

.combo-img{
    height: 300px;
}

 .font-size-14{
    font-size: 15px !important;
 }

.profile-img {
    width: 120px;
    height: 120px;
    object-fit: cover;
    border-radius: 50%;
    border: 3px solid #0d6efd;
    box-shadow: 0 0 8px rgb(13 110 253 / 0.4);
}
/* Sidebar styles */
.usersidebar {
    background: #fff;
    border-radius: 0.5rem;
    min-height: 75vh;
    padding: 1rem;
    flex-shrink: 0;
    max-width: 250px;
    width: 100%;
}
.usersidebar .nav-link {
    color: #495057;
    font-weight: 500;
    margin-bottom: 0.5rem;
    border-radius: 0.375rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.6rem 1rem;
    transition: all 0.3s ease;
    cursor: pointer;
    fill: #495057 !important;
}
.usersidebar .nav-link:hover {
    background-color:#2246203d;;
    color: #224620d9;
    text-decoration: none;
}
.usersidebar .nav-link.active {
    background-color: #224620;
    color: white !important;
    font-weight: 600;
    box-shadow: 0 0 8px rgba(34, 70, 32, 0.64);
    fill: #fff !important;
}
.usersidebar .nav-link.active g {
    fill: white;
}

.usersidebar .nav-link svg {
    flex-shrink: 0;
    width: 1.3rem;
    height: 1.3rem;
}
.content-area {
    background: #fff;
    border-radius: 0.5rem;
    box-shadow: 0 0 15px rgb(0 0 0 / 0.1);
    padding: 2rem;
    flex-grow: 1;
    min-height: 75vh;
}
/* Order table */
.order-table th, .order-table td {
    vertical-align: middle;
}
/* Address cards */
.address-card {
    background-color: #fefefe;
    border: 1px solid #ddd;
    padding: 1rem;
    border-radius: 0.5rem;
    margin-bottom: 1rem;
}
/* Responsive */
@media (max-width: 767.98px) {
    .layout-wrapper {
        flex-direction: column;
    }
    .usersidebar {
        max-width: 100%;
        min-height: auto;
        margin-bottom: 1rem;
    }
}


.chat-button {
        position: fixed;
        bottom: 60px;
        right: 20px;
        border-radius: 50%;
        width: 60px;
        height: 60px;
        z-index: 1000;
        color: white;
        background-color: #199712;
        border: 3px solid #43a90d;
        display: flex;
        justify-content: center;
        align-items: center;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        transition: background-color 0.3s ease;
}

#chatbox {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 20px;
    width: 500px;
    z-index: 1000;
    background-color: white; /* Adjust as needed */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Adjust as needed */
    border-radius: 8px; /* Adjust as needed */
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.chat-button:hover {
    background-color: #43a90d;
    border-color: #199712;
}

/* Additional styles for the chatbox content, assuming a typical chat interface */
#chatbox-content {
    padding: 20px;
    overflow-y: auto;
    max-height: 300px; /* Adjust as needed */
}

#chatbox-footer {
    padding: 10px;
    background-color: #f0f0f0; /* Adjust as needed */
    border-top: 1px solid #ccc; /* Adjust as needed */
}
.closebtn, .suspendChat{
    cursor: pointer;
}
.messages-data .download{
    border:none !important;
}

.attach_btn{
    position: absolute !important;
    bottom: 18px;
    right: 65px;
    background-color: white !important;
    border:0 !important;
    cursor: pointer;
    z-index: 99 !important;
}
#chatbox .input-group {
    align-items: center;
}
.messages-data {
    height: 400px;
    overflow-y: scroll;
}
.btn-disabled {
    pointer-events: none;
    opacity: 0.6;
}

.spinner-border {
    width: 1rem;
    height: 1rem;
    vertical-align: text-bottom;
    border: 0.25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: spinner-border .75s linear infinite;
}
.msgSubmit{
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
}

@keyframes spinner-border {
    to { transform: rotate(360deg); }
}

@media (min-width: 320px) and (max-width: 767px) {
    #chatbox {
        height: 85%;
        width: 95%; /* Adjust width as necessary for smaller screens */
        max-width: none; /* Override max-width for smaller screens */
        right: 10px;
        bottom: 40px;
    }
    .chat-button {
        left: 20px;
    }
    #chatbox .accordion-header{
        font-size: 11px !important;
    }
    #chatbox .accordion{
        font-size: 10px !important;
    }
    
}

.h5, h5 {
    font-size: 1.125rem !important;
}