@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
body{
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	color: #2b2b2b;
}
h1,h2,h3,h4,h5,h6{
	margin: 2px 0;
	color: var(--azul);
	font-weight: 400;
}
h3{
	font-size: 18px;
}
p {
    margin: 5px 0;
	line-height: 1.4;
}
hr{
	border-top: 1px solid #ddd;
	border-bottom: 0;
	margin: 10px 0;
}
.material-icons{
	vertical-align: middle;
}
.page{
	padding-bottom: 60px;
}
:root{
	--f7-theme-color:#0071A2;
	--f7-navbar-bg-color: #0071A2; /*navbar*/
	--f7-navbar-text-color:#fff;
	--f7-bars-bg-color:#0071A2;/*toolbar*/
	--f7-block-margin-vertical:20px;
	--f7-card-footer-border-color:transparent;	
	--azul:#0071A2;
	--naranja:#f6871f;
	--gris:#bbb;
	--verde:#4cd964;
}
.title-page{
	font-size: 26px;
	color: var(--azul);
}
.title-page-sub{
	font-size: 22px;
	color: var(--azul);
	font-weight: 400;
}
.navbar .material-icons,
.toolbar .material-icons{
	color: #fff;
}
.navbar .title{
	font-size: 18px;
}
.home .card{
	background-color: #fafafa;
}
.home .card-footer{
	color: var(--naranja);
	font-size: 12px;
	font-weight: 400;
}
.login-screen .page,
.login-screen .page-content{
	background-color: var(--azul) !important;
}
.login-screen .form{
	background-color: #fff;
	padding: 30px 20px;
    margin-left: 20px;
    margin-right: 20px;
    border-radius: 10px;
}
.logo.block,
.login-screen .login-screen-title{
	margin-top: 0;
}

.icon-card{
	color: var(--azul);
	font-size: 60px;
	text-align: center;
}
.card-content.info .material-icons{
	font-size: inherit;
}
.cliente{
	color: var(--azul);
	font-size: 16px;
}
.direccion{
	color: var(--gris);
	font-size: 12px;
}
.distancia{
	color: var(--naranja);
	font-size: 13px;
}
.button-block{
	width: 100%;
}

.list-entrega li{
	
}
.list-entrega .item-media{
	color: var(--naranja);
}
.list-entrega .item-title{
	color: var(--azul);
	font-weight: 600;
	font-size: 14px;
}
.list-entrega .item-after{
	color: var(--gris);
	font-weight: 400;
}
.list-entrega .item-subtitle{
	color: #333;
	font-weight: 400;
	font-size: 13px;
}
.list-entrega .item-text{
	color: var(--gris);
	font-weight: 400;
}
.list-entrega .item-title.numero{
	color: #000; 
	font-size: 12px;
}
.list-entrega .item-subtitle.numero{
	font-size: 12px;
}

.list-perfil::before{
	border: 0;
}
.list-perfil .item-media i{
	color: var(--azul);
	font-size: 60px;
	background-color: #f2f2f2;
	width: 80px;
	height: 80px;
	border-radius: 100%;
	text-align: center;
	line-height: 80px;
}
.list-perfil .item-title{
	color: var(--azul);
	font-weight: 600;
	font-size: 24px;
}

.card.perfil{
	border: 1px solid var(--azul);
	box-shadow: none;
}

.card.perfil .card-content{
	text-align: center;
}
.card.perfil h3{
	font-size: 30px;
	font-weight: 600;
	color: var(--naranja);
}
.card.perfil .material-icons{
	font-size: 60px;
	color: var(--azul);
}
.card.perfil .texto{
	color: var(--gris);
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 600;
}
.card.perfil article:first-child{
	border-right: 1px solid #ddd;
}

.color-transito{
	background-color: var(--naranja) !important;
}
.entrega{
	background-color: var(--verde) !important;
}
.color-transito i{
	color: #fff !important;
}

.strong{
	font-weight: 400;
}
.letra-negro{
	color: #000;
}

.bg-cliente{
	background-color: #eee;
}

.agregar{
	--f7-bars-bg-color: #fff;
}


#tab-reserva .icon-radio{
	margin-right: 10px;
}
#tab-reserva .categoria .item-inner span{
	font-size: 10px;
	color: #666;
}

.hidden{
	display: none !important;
}