.imgCnt{
    /*width:125px;*/
    /*height:100px;*/
    /*background: #eee;*/
    border-radius: 5px;
}
.imgCnt img{
    width:125px;
}
.cat-item{
    background: #eee;
}
.activemenucatg{
    color: #f00062;
    border-bottom: 2px solid #f00062;
}

/*****************/
#res-menu{
    height: 41px;
    list-style: none;
    padding: 0px;
    background: #eee;
    overflow: scroll;
    display: -webkit-box;
}

#res-menu .active{
    color:#f00062;
    border-bottom:3px solid #f00062;
}
#res-menu .active p{
    color:#f00062;
}

#res-menu::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
#res-menu {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

/*.nonvegIcon{
    border: 1px solid #dc3545;
    padding: 5px;
    color: #dc3545;
    display: inline-flex;
    border-radius: 5px;
}
.nonvegIcon .fa{
    font-size: 8px;
}*/
.veg_nonveg{
    background: #fff;
    height: 19px;
    width: 20px;
}
.veg_nonveg img{
    width:100%
}
.list-card .favourite-heart i{
    font-size: 18px;
    line-height:26px;
}
.recipeImg img{
    height: 300px;
    object-fit: cover;
}
.veg_non_vegimage{
    position: relative;
}
.veg_non_vegimage .position-absolute{
    top:15px;
    right:15px;
}
/************************************************************************
---------------------------------Active footer menu and preloader
/************************************************************************/

.osahan-menu-fotter .col.selected a {
    color: #f00062 !important;
}
.preloader {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 9999;
   background-image: url('../../assets/img/logo1.png');
   background-repeat: no-repeat; 
   background-color: #FFF;
   background-position: center;
}
.spinner{
    width: 220px;
    height: 220px;
    margin: auto;
    z-index: 9999;
    background-color: #fff;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    pointer-events: none;
    border-radius: 100%;
    -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
    animation: sk-scaleout 1.0s infinite ease-in-out;
}
/************************************************************************
---------------------------------FEEDBACK
/************************************************************************/
/* use display:inline-flex to prevent whitespace issues. alternatively, you can put all the children of .rating-group on a single line */
#ratings-and-reviews .rating-group {
    display: inline-flex;
}

/* make hover effect work properly in IE */
#ratings-and-reviews .rating__icon {
    pointer-events: none;
}

/* hide radio inputs */
#ratings-and-reviews .rating__input {
    position: absolute !important;
    left: -9999px !important;
}

/* hide 'none' input from screenreaders */
#ratings-and-reviews .rating__input--none {
    display: none
}

/* set icon padding and size */
#ratings-and-reviews .rating__label {
    cursor: pointer;
    padding: 0 0.1em;
    font-size: 1rem;
    margin: 5px 0;
}

/* set default star color */
#ratings-and-reviews .rating__icon--star {
    color: orange;
}

/* if any input is checked, make its following siblings grey */
#ratings-and-reviews .rating__input:checked ~ .rating__label .rating__icon--star {
    color: #495057;
}

/* make all stars orange on rating group hover */
#ratings-and-reviews .rating-group:hover .rating__label .rating__icon--star {
    color: orange;
}

/* make hovered input's following siblings grey on hover */
#ratings-and-reviews .rating__input:hover ~ .rating__label .rating__icon--star {
    color: #495057;
}
.alert.alert-dismissable p{
    margin-bottom: 0px !important;
}
/************************************************************************
--------------------------------- RESTURANT
/************************************************************************/
.restimg{
    width: 100px;
    margin: 0 auto;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 0px 2px #ccc;
}
 .social-icons a{
        border: 1px solid;
        border-radius: 5px;
        padding: 1px 7px;
    }

  /* use display:inline-flex to prevent whitespace issues. alternatively, you can put all the children of .rating-group on a single line */
  .rating-group {
    display: inline-flex;
  }
  
  /* make hover effect work properly in IE */
  .rating__icon {
    pointer-events: none;
  }
  
  /* hide radio inputs */
  .rating__input {
   position: absolute !important;
   left: -9999px !important;
  }
  
  /* hide 'none' input from screenreaders */
  .rating__input--none {
    display: none
  }

  /* set icon padding and size */
  .rating__label {
    cursor: pointer;
    padding: 0 0.1em;
    font-size: 1rem;
    margin: 5px 0;
  }
  
  /* set default star color */
  .rating__icon--star {
    color: orange;
  }

  /* if any input is checked, make its following siblings grey */
  .rating__input:checked ~ .rating__label .rating__icon--star {
    color: #495057;
  }
  
  /* make all stars orange on rating group hover */
  .rating-group:hover .rating__label .rating__icon--star {
    color: orange;
  }

  /* make hovered input's following siblings grey on hover */
  .rating__input:hover ~ .rating__label .rating__icon--star {
    color: #495057;
  }