/* 
Design and front-end: https://hachedesign.com/
Author: Equipo Hache - Hanzel Mata
Description: Spoon Costa Rica "QM Soluciones" 2020.
Version: 1.0
*/
body, html{
  font-family: 'Overpass', sans-serif;
  font-size:16px;
  width: 100%;
  height: 100%;
  color: #000;
}
input.inputTaco{
	border:2px #E6E6E6 solid;
	background: #F2F2F2;
	color:#666;
	padding: 7px 20px;
}
select.selectTaco{
	border:2px #E6E6E6 solid;
	background: #F2F2F2;
	color:#666;
	padding: 7px 20px;
	
	-webkit-border:2px #E6E6E6 solid;
	-webkit-background: #F2F2F2;
	-webkit-color:#666;
	-webkit-padding: 7px 20px;

}
.header-bar{
	width: 100%;
	padding-top: 10px;
	display: flex;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.5rem;
	text-align: center;
	/*position: relative;*/
	position: fixed;
	top: 0;
	z-index: 50;
	height: 50px;
}
.header-bar-menu {
    width: 100%;
    padding-top: 10px;
    display: flex;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    position: fixed;
    z-index: 50;
    height: 50px;
}
.space-header-bar{
	padding-top: 50px;
}
.btn-back{
	display: flex;
	font-size: 2.3rem;
	color:#fff;
	width:50px;
	height: 45px;
	font-weight: 300;
	position: absolute;
	left:10px;
	top: 4px;
	align-items: center;
}
.btn-back:hover{
	text-decoration: none;
	color:#df4661;
}
.btn{
	border-radius: 0px;
	color: #fff;
	padding: 10px 20px;
	border: 0px;
}
.margin-bottom{
	height: 130px;
}
.separator {
    display: flex;
    align-items: center;
    text-align: center;
     color:#aaa;
}
.separator::before, .separator::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid #eaeaea;
}
.separator::before {
    margin-right: .25em;
}
.separator::after {
    margin-left: .25em;
}
h1, h2, h3, h4, h5, h6{
	font-family: 'Lato', sans-serif;
	font-weight: 900 !important;
}
.menu-tabs, .bar-location{
	width: 100%;
	position: fixed;
}
.menu-tabs{
	background: #fefefe;
	bottom: 0px;
	z-index: 1100;
	border-top: 1px solid #ebebeb;
	height: 65px;
}
.menu-tabs a{
	color:#444;
	width: 20%;
	display: block;
	text-align: center;
	font-size: 0.75rem;
	padding: 10px 5px;
	font-weight: bold;
}
.menu-tabs a span{
	font-size: 1.2rem;
}
.menu-tabs a:hover, .menu-tabs:active, .menu-tabs:focus, .active-tabmenu{
	color:#702082!important;
	text-decoration: none;
}
.bar-location{
	bottom: 65px;
	background: #e1e1e1;
	z-index: 999;
	height: 55px;
	border-top: 1px solid #C6C4C4;
}
.btn-shopping{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	font-size: 1.5rem;
	color: #666;
}
.select-ubicacion{
	position: relative;
	padding-left: 15px;
}
.bar-icon-tacolocation{
	font-size: 1.3rem;
	position: absolute;
	left:17px;
	top:22%;
}
.selt-bar-ubicacion{
	width: 100%;
	padding:10px 10px 0 30px;
	background: transparent;
	border:0;
	border-bottom: 1px solid #000;
	font-size: 0.9rem;
}
.modal-content, .modal-header{
	border:0 !important; 
     border-radius: 0rem !important; 
}
.close{
	opacity: 1;
}
.icon-deliver-tacobell{
	font-size: 1.5rem;
}

.input-group-turquesa .input-number {
    border-radius: 50%;
    height: 30px;
    width: 30px;
    background: #5cb8b2 !important;
    color: #fff;
}

.input-group-turquesa .btn-number {
    height: 35px;
    width: 35px;
    padding-top: 0;
    color: #5cb8b2;
}