/*=============================================
REDES SOCIALES
=============================================*/

.redSocial{
	width:30px;
	height:30px;
	text-align: center;
	line-height:30px;
}

/*FACEBOOK*/

.facebookBlanco{
    color:white;
    background: black;
}

.facebookNegro{
	color:black;
}

.facebookColor{
	color:white;
	background:#46639f;
}

/*YOUTUBE*/

.youtubeColor{
	color:white;
	background:#d6513e;
}

.youtubeBlanco{
    color:white;
    background: black;
}

.youtubeNegro{
	color:black;
}

/*TWITTER*/

.twitterColor{
	color:white;
	background:#0ab2e6;
}

.twitterBlanco{
    color:white;
    background: black;
}

.twitterNegro{
	color:black;
}

/*GOOGLE PLUS*/

.google-plusColor{
	color:white;
	background:#d71617;
}

.google-plusBlanco{
    color:white;
    background: black;
}

.google-plusNegro{
	color:black;
}

/*INSTAGRAM*/

.instagramColor{
	color:white;
	background:linear-gradient(45deg, #fca925, #ee1d5f,  #6350a2);

}

.instagramBlanco{
    color:white;
    background: black;
}

.instagramNegro{
	color:black;
}

/*=============================================
VENTANAS MODALES - ACTUALIZAR ESTADO PRODUCTO
=============================================*/

.modalTitulo{
	padding:5px 0px;
}

.modalTitulo h3{
	text-align:center;
	margin-top:-5px;
	padding:15px 0px;
	border-radius:5px 5px 0px 0px;
}

.modalFormulario .close{
	position:absolute;
	right:27px;
	top:15px;
	color:white;
}

.modalFormulario p i{
	margin-left:-25px;
	margin-right:25px;
	font-size:25px;	
}

.modalFormulario form{
	padding:20px;
}

.modalFormulario form hr{
	border:1px solid #eee;
}


.modalFormulario form input[type="submit"]{
	padding:15px;
}

.modalFormulario form .checkBox{
	margin-top:10px;
}

.backColor, .backColor a{
	background:#E93F1B;
	color:white;
}

/*=============================================
FOOTER
=============================================*/

footer{
	margin-top:20px;
	border-top:8px solid #999;
	background: #222;
	padding:20px 0;
}

.final{
	padding:20px 0;
	background: black;
}

.final ul li{
	display:inline;
	line-height:30px;
	margin:0px 5px;
	color:white;
}

.final .social ul li a i{
	font-size:18px;
	margin:0 1px;
}

.login-page #back{
  /*position: absolute;
  top:30;
  left:0;
  width:100%;
  height:50vh;
  background: url(../img/plantilla/logo.png);
  background-size:cover;
  overflow:hidden;
  z-index:-1;*/

  

}

/*=============================================
PAGO DE RESERVA DE TURNO
=============================================*/
.cabeceraCarrito{
	height:40px;
}

.cabeceraCarrito h3{
	margin-top:-5px
}

.cabeceraCheckout{
	height:66px;
}

/*=============================================
CHECKOUT
=============================================*/

.contenidoCheckout, .contenidoCheckout .row{
	padding:0px 20px;
}

.formEnvio{
	display:none;
}



/*=============================================
ALERTA LLEGADA DE TEMPERTURA EN CARGAR ORDEN
=============================================*/
.alertatemperatura{
	 color: red;
}

.alertatemperatura {
  
  animation-name: alertatemperatura;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;

  -webkit-animation-name:alertatemperatura;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}

@-moz-keyframes alertatemperatura{  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

@-webkit-keyframes alertatemperatura {  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
   100% { opacity: 1.0; }
}

@keyframes alertatemperatura {  
  0% { opacity: 1.0; }
   50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

/*=============================================
ALERTA PARA CARGAR TEMPERATURA ANTES DE INGRESAR A CARGAR ORDEN
=============================================*/
.alertacargartemperatura{
	 color: red;
}

.alertacargartemperatura {
  
  animation-name: alertacargartemperatura;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;

  -webkit-animation-name:alertacargartemperatura;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}

@-moz-keyframes alertacargartemperatura{  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

@-webkit-keyframes alertacargartemperatura {  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
   100% { opacity: 1.0; }
}

@keyframes alertacargartemperatura {  
  0% { opacity: 1.0; }
   50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}


/*=============================================
ALERTA PARA PEDIDOS PENDIENTES
=============================================*/
.alertapedidopendiente{
	 color: green;
}

.alertapedidopendiente {
  
  animation-name: alertapedidopendiente;
  animation-duration: 10s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;

  -webkit-animation-name:alertapedidopendiente;
  -webkit-animation-duration: 10s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}

@-moz-keyframes alertapedidopendiente{  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

@-webkit-keyframes alertapedidopendiente {  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
   100% { opacity: 1.0; }
}

@keyframes alertapedidopendiente {  
  0% { opacity: 1.0; }
   50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

/* Cambiar color de todo el texto del menú */
.sidebar-menu > li > a {
    color: black; !important;
}

/* Cambiar color de los ítems del menú */
/*.nav-sidebar .nav-link {
    color: black !important;
}*/

/* Si quieres cambiar solo los ítems específicos */
.sidebar-menu li a {
    color: black !important;
}

.sidebar-menu li a:hover {
    color: #ffffff !important;
}.