

.alert {
	position: fixed;
	z-index: 10000;
	margin-left: 65%;
	color: #fff;
	font-weight: 600;
	margin-top: 1rem;
	padding: .5rem 1.25rem;
}

.alert .fa-bell-o {
	padding-right: 10px;
}

.alert span {
	color: #fff;
}

.close {
	opacity: 1;
}

.alert-success {
	background-color: #008037;
}

.alert-error {
	background-color: #e96125;
}

.ui-autocomplete {
	top: 39%;
	left: 61%;
	padding: 5px 0px;
	z-index: 1022 !important;
	position: fixed !important;
	width: 22%;
	list-style: none;
	background-color: #f7f7f7;
	border-color: #ccc;
	border-color: rgba(0, 0, 0, 0.2);
	border-style: solid;
	border-width: 1px;
}

.alert-danger {
	background-color: #bb2e27 !important;
}

.ui-menu .ui-menu-item {
	cursor: pointer;
	width: 100%;
	height: 60px;
	padding: 9px 12px;
	border-bottom: 1px solid #efefef !important;
}

.ui-menu-item:hover a,
.ui-menu-item a:hover,
.ui-menu-item:hover {
	width: 100%;
	color: #000;
	border: 0;
	text-decoration: none;
}

.ui-menu-item>a.ui-corner-all {
	width: 100% !important;
	display: block;
	padding: 3px 15px;
	clear: both;
	font-weight: normal;
	line-height: 18px;
	color: #555555;
	white-space: nowrap;
	text-decoration: none;
}

.ui-state-hover,
.ui-state-active {
	color: #000;
	/*text-decoration: none;*/
	background-color: #000;
	border-radius: 1px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	/*background-image: none;*/
}


/*
#tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #086036 ;
    background-color: transparent;
    border-color: transparent transparent;
    border-bottom: 2px solid #086036  !important;
    font-size: 20px;
    
}
#tabs .nav-tabs .nav-link {
  max-width: 140px;
  border: 1px solid transparent;
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
  font-size: 20px;
}*/

.list-display li {
	margin-bottom: .4rem;
}

.list-checkmarks {
	padding-left: 1.5rem;
}

.list-checkmarks li {
	list-style-type: none;
	padding-left: 1rem;
}

.list-checkmarks li:before {
	font-family: 'FontAwesome';
	content: "\f00c";
	margin: 0 10px 0 -28px;
	color: #086036;
}

.select2-selection__rendered {
	background: #FFF none repeat scroll 0 0 !important;
}

.ui-menu .ui-menu-item-wrapper {
	padding: 0px !important;
}

.product-body h5 {
	height: 30px !important;
}


/* category Login */


/*
.category-item img {
   background: none !important;
   border-radius: 0 !important;
  box-shadow: 0 0 0px #ccc;
  height: 36px !important;
  margin: 1px 0 8px;
  object-fit: scale-down;
  padding: 2px;
  transform: scale(1);
  transition-duration: 0.4s;
  width: auto;
}*/


/* */

.modal-content {
	/* background-image: url(../img/poultry/default_product.png) !important; */
}

.whyus-card img {
	border-radius: 50px;
	height: 165px !important;
	width: auto !important;
}

.modal-content {
	/* background-image: url(../img/default_256.jpg) !important; */
}

.recipe .card {
	position: relative;
	background: #fff;
	max-width: 500px;
	margin: 20px auto;
	font-family: 'Hero New Regular' !important;
}

.recipe .card .header img {
	background-size: cover;
	min-height: 150px;
}

.recipe .card .header .icon a .fa-heart-o {
	position: absolute;
	left: 85%;
	bottom: 30.7%;
	background: #17BEBB;
	color: #fff;
	font-size: 1.3em;
	font-weight: bold;
	padding: 15px;
	border-radius: 50%;
	/* box-shadow: 0px 5px 30px 1px #17BEBB; */
}

.recipe .card .text .food {
	color: #212129;
	text-align: left;
	font-weight: normal;
	/* text-transform: uppercase; */
	/* letter-spacing: 0.1em;*/
	margin: 5px 30px;
}

.recipe .card .text .fa-clock-o {
	color: #9B9B9B;
	margin: 0 30px;
}

.recipe .card .text .fa-users {
	color: #9B9B9B;
}

.recipe .card .stars {
	margin: 10px 30px;
}

.recipe .card .stars li a i {
	color: #FFE500;
}

.card .info {
	margin: 10px 30px;
}

.recipe .card a.btn {
	display: block;
	background: #EF3E36;
	color: #fff;
	position: relative;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	text-align: center;
	padding: 10px;
	transition: 250ms;
	font-size: 12px;
	padding: 6px 12px;
	width: 100%;
}

.recipe .card a.btn:hover {
	background: #17BEBB;
	transition: 250ms;
}


/*span.select2-selection.select2-selection--single {
        outline: none !important;
        border:0px !important;
       background-color: #FFF !important;
    }*/

.bigdrop {
	width: 600px !important;
}

.price {
	background: #F5F8FD;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	width: 97px
}

.flex-row {
	border: 1px solid #F2F2F4;
	border-radius: 10px;
	margin: 0 1px 0
}

.flex-column p {
	font-size: 14px
}

p {
	text-align: justify !important;
	/*margin:0 25px;*/
}

.theme-text {
	color: #bb2e27 !important;
}

.theme-background {
	background: #bb2e27 none repeat scroll 0 0 !important;
}

.marginlr {
	margin: 0 25px !important;
}

.imageCenter {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.navbar-tool-label {
	background-color: #bb2e27 !important;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
	color: #bb2e27 !important;
	background-color: rgba(0, 0, 0, 0);
	border-color: #bb2e27 !important;
}

.form-control-sm {
	height: calc(1.5em + .5rem + 2px) !important;
}

@media only screen and (max-width: 700px) {
	.popover-lg {
		min-width: 320px !important;
		top:10px  !important;
	}
	.navbar-toggler {
		margin: 0px !important;
	}
}
/* whatapp icon */
/* for desktop */
.whatsapp_float {
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
    font-size:30px;
	box-shadow: 2px 2px 3px #999;
    z-index:1051;
}

.whatsapp-icon {
	margin-top:16px;
}
/* for mobile */
@media screen and (max-width: 767px){
     .whatsapp-icon {
	 margin-top:10px;
     }
    .whatsapp_float {
        width: 40px;
        height: 40px;
        bottom: 20px;
        right: 10px;
        font-size: 22px;
    }
}
@media screen and (min-width: 300px) and (max-width: 1079px) {
    .alert {
        	position: fixed;
        	z-index: 10000;
        	margin-right: 0 !important;
        	margin-left: unset !important;
        	color: #fff;
        	font-weight: 600;
        	margin-top: 1rem;
        	padding: .5rem;
        }
}
