@import "common.css";

.no-focus, .no-focus:focus {
	box-shadow: none !important;
}

input.no-control::-webkit-outer-spin-button,
input.no-control::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type=number].no-control {
	-moz-appearance: textfield;
}

body {
	font-family: 'Nunito', sans-serif;
	background-image: url('../images/bg_ibox.png') !important;
}

.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #000; opacity: .25; /* Firefox */ }

a:hover span.anim-slide {
	position: relative;
	animation-name: hover;
	animation-duration: 1s;
	animation-iteration-count: infinite;
}

a span.anim-slide.click {
	position: relative;
	animation-name: click;
	animation-duration: .5s;
	animation-iteration-count: 1;
}

@keyframes click {
	0%   {left:0px; top:0px;}
	25%  {left:0px; top:5px;}
	50%  {left:0px; top:0px;}
	75%  {left:0px; top:-5px;}
	100% {left:0px; top:0px;}
}

div#step_3 label.btn img {
	opacity: 0.2;
}
div#step_3 label.btn.active img {
	opacity: 1;
}

footer {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	padding: 0; background-color: transparent;
}

@media (min-width: 768px) {
	.displayCart {
		margin-left: 16.7%;
		margin-right: 16.7%;
	}
}

@media (max-width: 768px) {
	.font-mobile {
		font-size: .7rem;
	}
}

/* FORM - Search */

form#formSearch {
	margin: 0;
}
form#formSearch input[name="p"]::-webkit-calendar-picker-indicator {
	color: #cc3333;
}
form#formSearch input.form-control {
	border-bottom-left-radius: 20px;
	border-top-left-radius: 20px;
	border: none;
	transition: all .2s;
}
form#formSearch input.form-control:focus {
	color: #000;
	border-color: #ff8080;
	outline: 0;
	box-shadow: none;
}
/*form#formSearch input.form-control:focus::placeholder {
}*/
form#formSearch .input-group-prepend button.btn {
	border-bottom-left-radius: 20px;
	border-top-left-radius: 20px;
	border: none;
}
form#formSearch .input-group-prepend button.btn.disabled, form#formSearch .input-group-prepend button.btn:disabled {
	opacity: 1 !important;
}
form#formSearch .input-group-append button.btn {
	border-bottom-right-radius: 20px;
	border-top-right-radius: 20px;
	border: none;
}

/* FORM - Search */

/* NAVBAR */

.btn-all-categoria {
	text-shadow: 1px 1px 1px black;
	background-color: #4B5F71;
}
.btn-all-categoria:active, .btn-all-categoria:hover {
	background-color: #4B5F71;
}

@media (min-width: 768px) {
	.navbar {
		/*padding-left: 17%;*/
		/*padding-right: 17%;*/
		margin-left: 16.7%;
		margin-right: 16.7%;
	}
}

.nav a.disabled {
	margin-right: inherit;
	text-align: inherit;
	font-size: 10px;
}

/* NAVBAR */

/* HEADER - Top */
header > div {
	/*box-shadow: 0px 4px 15px #bfbfbf;*/
}

header img.logo {
	border-radius: 100%!important;
	border-width: 3px !important;
	z-index: 1003;
	position: absolute;
}

header ul.nav li.nav-item a {
	/*text-shadow: 1px 1px 2px rgb(0 0 0);*/
	/*font-size: 20px;*/
}

header ul.nav li.nav-item a > img {
	-webkit-filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .2));
	filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .2));
	box-shadow: none;
}

.theme-0 header.onScroll {
	position: fixed;
	right: 0;
	top: 0;
	left: 0;
	z-index: 1031;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}
.theme-0 div.header-separator {
	height: 10px;
	transition-timing-function: ease;
	transition: all .2s;
}
.theme-0 header.onScroll + div.header-separator {
	height: 100px;
}

.theme-0 header div.bar-logo {
	min-height: 75px;
	transition-timing-function: ease;
	transition: all .2s;
}

.theme-0 header.onScroll div.bar-logo {
	min-height: 40px;
	transition-timing-function: ease;
	transition: all .2s;
}

.theme-0 header img {
	left: calc(50% - 47px);
	max-height: 100px !important;
	/*box-shadow: 0 3px 5px #bfbfbf;*/
	transition-timing-function: ease;
	transition: all .2s;
}
.theme-0 header.onScroll img.logo {
	left: calc(50% - 32px);
	max-height: 64px !important;
}
.theme-0 header div.background {
	background-position: center;
	margin-top: 0px !important;
	border-radius: 0px;
	transition-timing-function: ease;
	transition: all .2s;
}

.theme-0 header {
	position: fixed;
	right: 0;
	top: 0;
	left: 0;
	z-index: 1031;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

.theme-0 header + div.header-separator {
	/*height: 81px;*/
	height: 79px;
}

@media (max-width: 992px) {
	.theme-0 nav {
		font-size: 1rem;
	}
	.theme-0 nav .navbar-nav {
		flex-direction: row;
	}
	.theme-0 nav .navbar-nav .nav-link {
		padding-top: 0;
		padding-bottom: 0;
	}
	.theme-0 nav .navbar-nav .nav-item {
		font-size: 1.5rem;
		padding-left: 0;
		padding-right: 0;
		text-align: center;
	}
	.theme-0 nav .navbar-nav .nav-item a {
		padding: .5rem 1.5rem;
	}
	.theme-0 nav .navbar-nav .nav-item span {
		font-size: .6rem;
		display: none;
	}
	.theme-0 nav .navbar-nav .nav-item span[id=totalItems] {
		font-size: 1.5rem;
	}
	.navbar-toggler {
		padding: .25rem .75rem;
		font-size: .7rem;
		line-height: 1;
		background-color: transparent;
		border: 1px solid transparent;
		border-radius: .25rem;
	}
}

@media (max-width: 768px) {
	.navbar-toggler-icon {
		display: inline-block;
		width: 2em;
		height: 2em;
		vertical-align: middle;
		content: "";
		background: 50%/100% 100% no-repeat;
	}
}

/* HEADER - Top */

/* NAVBAR - Fixed Bottom */

nav#menu_m.fixed {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1031;
}
nav#menu_m > div > div {
	/*background-color: #fff;*/
	background-color: rgba(255, 255, 255, 0.8);
}
nav#menu_m .nav-pills .nav-link {
	border-radius: 0px;
}
nav#menu_m > div > div > ul.nav {
	box-shadow: 0px -20px 20px 10px #00000008;
}
@media (max-width: 992px) {
	nav#menu_m a.nav-link {
		font-size: 20px;
		padding-left: 0;
		padding-right: 0;
	}
}
nav#menu_m a:-webkit-any-link:focus-visible {
	outline: none;
}
nav#menu_m a {
	color: #858585 !important;
	transition: all .2s;
}
nav#menu_m a:hover {
	color: #000 !important;
	transition: all .2s;
}
nav#menu_m a.text-blue {
	color: #c8c8c8 !important;
	transition: all .2s;
}
nav#menu_m a.text-blue:hover {
	color: #cc3333 !important;
	transition: all .2s;
}

nav#menu_m a.has-item {
	color: #cc3333 !important;
	transition: all .2s;
}

/*.text-warning {
  color: #ffc107 !important;
}

a.text-warning:hover, a.text-warning:focus {
  color: #ba8b00 !important;
}*/

nav#menu_m .nav-pills .nav-link.active, nav#menu_m .nav-pills .show>.nav-link {
	/*color: #cc3333 !important;*/
	background-color: initial;
}

nav#menu_m .nav-pills .nav-link.i-user.active, nav#menu_m .nav-pills .show>.nav-link.i-user {
	/*color: #00b739 !important;*/
	background-color: initial;
}

nav#menu_m .nav-pills .nav-link.active:hover {
	background-color: inherit;
	/*color: #cc3333;*/
	transition: all .2s;
}

/* NAVBAR - Fixed Bottom */

#auth-pills-tab.nav-pills .nav-link {
	color: #fff;
	background-color: #d5d5d5;
	font-family: 'Pirates of Cydonia';
}

#auth-pills-tab.nav-pills .nav-link.active, #auth-pills-tab.nav-pills .show>.nav-link {
	color: #fff;
	background-color: #cc3333;
}

div.list-address h5 span {
	font-family: 'Pirates of Cydonia';
}

div.list-address div.content-address {
	background-color: #fff;
}

div.list-address div.content-address .dropleft #dropdownCE.dropdown-toggle::before {
	content: none;
}

div.list-address div.content-address.active {
	background-color: #d5d5d5;
}

div.list-address div.content-address.active div.label {
	text-align: center;
	font-weight: 700!important;
	color: #cc3333;
}

div.list-address div.content-address span.tag {
	font-family: 'Pirates of Cydonia';
	display: none;
}

div.list-address div.content-address.active span.tag {
	display: inline-block;
}

div.col.text-center.item_adicional.tot_1,
div.col.text-center.item_adicional.tot_2 {
	min-width: inherit;
	text-align: center !important;
}

div.col.text-center.item_adicional {
	min-width: 50%;
	text-align: left !important;
}

.stores-categoria {
	position: relative;
	overflow: hidden;
}
/*.stores-categoria:before {
	content: ' ';
	position: absolute;
	left: 0;
	top: 0;
	width: 300px;
	height: 284px;
	opacity: 0.2;
	background-image: url('../images/site/bg_04.svg');
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-size: cover;
}*/

.stores-categoria ul {
	list-style-type:none;
	margin:0;
	padding:0;
	overflow-x:auto;
	overflow-y:hidden;
	width:100%;
	white-space: nowrap;
}

.stores-categoria ul::-webkit-scrollbar { 
	/* display: none; */
}

.stores-categoria ul li {
	margin: 0 10px 0 10px;
	display:inline-block;
	padding-bottom: 10px;
}

.stores-categoria a img {
	background-size: contain;
	background-position: center;
	transform:scale(1);
	transition: all .5s;
	background-repeat: no-repeat;
}
.stores-categoria a img:hover {
	transform:scale(1.1);
	transition: all .5s;
}
.stores-categoria a img.rest {
	background-image: url("../images/site/fast_food-m.png");
}
.stores-categoria a img.hort {
	background-image: url("../images/site/hortifrut-m.png");
}
.stores-categoria a img.bebi {
	background-image: url("../images/site/bebidas-m.png");
}
.stores-categoria a img.sorv {
	background-image: url("../images/site/sorvetes-m.png");
}
.stores-categoria a img.merc {
	background-image: url("../images/site/mercado-m.png");
}
.stores-categoria a img.pets {
	background-image: url("../images/site/pets-m.png");
}
.stores-categoria a img.farm {
	background-image: url("../images/site/farmacia-m.png");
}
.stores-categoria a img.vest {
	background-image: url("../images/site/vestuario-m.png");
}
.stores-categoria a img.elec {
	background-image: url("../images/site/eletronicos-m.png");
}

/*div.empresas div.slide strong.h5, div.empresas div.slide div.border, div.empresas div.slide:hover > a > div.row {
	transition: all 0.5s ease;
}
div.empresas div.slide:hover strong.h5 {
	color: #cc3333 !important;
	transition: all 0.2s ease;
}
div.empresas div.slide:hover div.border {
	border-color: #cc3333 !important;
	color: #cc3333 !important;
	transition: all 0.2s ease;
}
div.empresas div.slide > a > div.row {
	min-width: 250px;
	min-height: 110px;
}
div.empresas div.slide:hover > a > div.row {
	background-color: rgba(0,0,0,0.05) !important;
	transition: all 0.4s ease;
}*/

/*#recipeCarousel div.slide strong.h5, #recipeCarousel div.slide div.border, #recipeCarousel div.slide:hover > a > div.row {
	transition: all 0.5s ease;
}
#recipeCarousel div.slide:hover strong.h5 {
	color: #cc3333 !important;
	transition: all 0.2s ease;
}
#recipeCarousel div.slide:hover div.border {
	border-color: #cc3333 !important;
	color: #cc3333 !important;
	transition: all 0.2s ease;
}
#recipeCarousel div.slide > a > div.row {
	min-width: 250px;
	min-height: 110px;
}
#recipeCarousel div.slide:hover > a > div.row {
	background-color: rgba(0,0,0,0.05) !important;
	transition: all 0.4s ease;
}*/

div.empresas div.card {
	max-height: 125px;
	overflow-y: hidden;
	/*transition: max-height 0.5s ease-out;*/
}
div.empresas div.card.expanded {
	max-height: 5000px;
	transition: max-height 2s ease;
}

#image-form a.position-absolute, #image-form button.position-absolute {
	bottom: 60px;
	left: calc(50% - -20px);
	z-index: 1;
}

@media (max-width: 576px) {
	#image-form a.position-absolute, #image-form button.position-absolute {
		bottom: 0;
	}
}

.stores-categoria ::-webkit-scrollbar {
  width: 0px;
}

div.empresas div.row > div.col:first-child {
	max-width: 40px;
}

div.empresas img.logo {
	width: 30px;
	height: 30px;
}

div.empresas .status-0 img.logo {
	opacity: 0.5;
	filter: grayscale(1);
}

div.empresas .status-1 div.status {
	color: #28a745 !important;
	font-size: 12px;
	font-weight: bold;
}

div.empresas .status-0 div.status {
	color: #cc3333 !important;
	font-size: 12px;
	font-weight: bold;
}

div.empresas i.score {
	font-size: 10px;
}

div.empresas .line-height-16 {
	line-height: 16px !important;
}

div.empresas .box-shadow {
	box-shadow: #fff 0 -10px 13px 7px;
}