/* --- Para todo: Divs, labels, botones... --- */
.margen5{margin:5px;}
.margen5-b{margin-bottom:5px;}
.margen10{margin:10px;}
.margen10-b{margin-bottom:10px;}
.margen10-no-left{margin:10px 10px 10px 0px;}
.margen10-top-bottom{margin:10px 0px 10px 0px;}
.margen20{margin:20px;}
.padding10{padding:10px;}
.padding10-no-left{padding:10px 10px 10px 0px;}

/* --- Contenedor divs flotantes --- */
.contenedor-divs-flotantes {
	/*border: 1px solid blue;*/
	overflow: hidden;
}
.div_flotante {
  float: left;
  padding: 10px;
  /*border: 1px solid red;*/
}

/* --- Botones --- */
.btn-tabla-acciones{margin-bottom:10px;font-size:12px;} /*font-size:10.5px por defecto*/
.btn-tabla-acciones-icon{margin-bottom:10px;font-size:12px;}
 
/* --- Labels --- */
.lbl-redondo{
	text-align:center;margin:10px;background-color:transparent;color:black;border:2px solid black;border-radius:50%;
}

 .lbl-borde-redondo{
 	margin:10px;color:#5e5e5e;background-color:transparent;border:1px solid #e5e9ec;text-align:center;vertical-align:middle; /*borde gris*/
 }
 
.lbl-borde-relleno{
	text-align:center;margin:10px;background-color:#FAC15E;color:white; /*relleno naranja*/
}

/* --- Imagenes --- */
.img-bordes-lista /* staff-manager */
{
	border-radius: 5px; border: 1px solid black;
}

.img-bordes-lista-staff /* staff-manager */
{
	border-radius: 5px; border: 2px solid gray;
}

.img-bordes-lista-eventos /* staff-manager */
{
	border-radius: 5px; border: 2px solid gray;
	width:75px;
	height:75px;
}

.img-bordes-lista-cuadrada /* staff-manager */
{
	border-radius: 5px; border: 2px solid gray;
	width:75px;
	height:75px;
}

.img-bordes-lista-height
{
	border-radius: 5px; border: 2px solid gray;
	height:75px;
}

.img-lista-height
{
	border-radius: 5px;
	height:75px;
}

.img-height-200 {
	border-radius: 5px;
	height:200px;
}

.img-50 {
	width:50px !important;
	height:50px !important;
}

.img-30 {
	width:30px !important;
	height:30px !important;
}

.max-height
{
	max-height: 100px;
}

.img-borde-checkin{border-color: #0aa699;}
.img-borde-no-checkin{border-color: #ec8823;}

/* --- Colores botones --- */
.color-verde-boton{background-color:#0aa699;}
.color-azul-boton{background-color:#0090d9;}
.color-amarillo-boton{background-color:#FAC15E;}
.color-naranja-boton{background-color:#ec8823;}
.color-rojo-boton{background-color:#f5455c;}

a.color-naranja-boton:visited { background-color:#ec8823; }
a.color-naranja-boton:link { background-color:#ec8823; }
a.color-naranja-boton:hover { background-color:#EA7C14; }

.t1-icon{font-size:15px;}
.t1-icon.checkin{color:#0aa699;/*#6ae96a;*/}
.t1-icon.no-checkin{color:#ec8823;/*#f5455c;*/}


/* --- Añadido por Darío pa dejar más bonita la versión movil, si no te gusta quítalo! --- */
@media only screen and (max-width: 480px) {
  .img-bordes-lista-staff /* Imagen en su tamaño completo */
  {
	width: 100%;
	height: 100%;
  }
  .btn-tabla-acciones-icon  { /* Botones más grandes pa no fallar con el dedo... */
    height: 40px;
    padding-top: 10px;
    font-size: 14px;
  }
  .table td.ajustadita {  /* Fuera margenes... */
  	padding:0px !important;
  }
}

/* --- Estilos para Tags --- */
.tag {
    font-family: Helvetica, Arial, sans-serif;
    display: inline-block;
    color: #fff;
    position: relative;
    margin: 0 10px 2px 0;
    text-decoration: none;
    border-radius: 4px 15px 15px 4px;
    padding: 9px 15px 8px 10px;
    min-width: 55px;
}

.tag:before {
    background: #fff;
    width: 10px;
    height: 10px;
    content: "";
    display: inline-block;
    border-radius: 20px;
    margin: 0 5px 0 0;
}

.tag_mini {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    display: inline-block;
    color: #fff;
    position: relative;
    margin: 0 10px 2px 0;
    text-decoration: none;
    border-radius: 4px 15px 15px 4px;
    padding: 5px 10px 4px 5px;
    min-width: 55px;
}

.tag_mini:before {
    background: #fff;
    width: 8px;
    height: 8px;
    content: "";
    display: inline-block;
    border-radius: 10px;
    margin: 0 5px 0 0;
}

.tag_micro {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 10px;
    display: inline-block;
    color: #fff;
    position: relative;
    margin: 0 5px 2px 0;
    text-decoration: none;
    border-radius: 5px 15px 15px 5px;
    padding: 0px 7px 1px 4px;
    min-width: 35px;
}

.tag_micro:before {
    background: #fff;
    width: 7px;
    height: 7px;
    content: "";
    display: inline-block;
    border-radius: 10px;
    margin: 0 5px 0 0;
}

/* --- Estilos para iconos --- */

a.icono-boton { color: #A5DED9;	font-size:20px; }
a.icono-boton:visited { color: #A5DED9;}
a.icono-boton:link { color: #A5DED9; }
a.icono-boton:hover { color:#0aa699;}

a.icono-boton.aumentar:hover { color:#0aa699; font-size:30px;}

a.icono-boton-rojo { color: #F29392;	font-size:20px; }
a.icono-boton-rojo:visited { color: #F29392;}
a.icono-boton-rojo:link { color: #F29392; }
a.icono-boton-rojo:hover { color:#f35958;}

/* --- Estilos para icono descarga csv --- */

a.icono-csv { color: rgba(255, 255, 255, 0.8);	font-size:15px; }
a.icono-csv:visited { color: rgba(255, 255, 255, 0.8);}
a.icono-csv:link { color: rgba(255, 255, 255, 0.8); }
a.icono-csv:hover { color: rgba(255, 255, 255, 0.4);}

a.icono-csv.aumentar:hover { color: rgba(200, 200, 200, 0.8); font-size:30px;}

/* --- Estiolos para la vistas View de Eventos --- */
.textoView {
	font-size: 14px;
	color: #A7ABB1;
}


/* --- Estilos para los type='file' de las imagenes --- */

.btn-file {
  position: relative;
  overflow: hidden;
}
.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  background: red;
  cursor: inherit;
  display: block;
}
input[readonly] {
  background-color: white !important;
  cursor: text !important;
}

/* --- Fin Estilos para los type='file' de las imagenes --- */

.icono-evento /* staff-manager */
{
	border-radius: 5px; border: 1px solid black;
	width: 50px;
	height: 50px;
}

.icono-evento-sel
{
	border-radius: 5px; border: 1px solid green;
	width: 75px;
	height: 75px;
}

textarea.rows-t1
{
	height: 150px;
}

/* ----- ESTILOS PARA ESTADISTICAS ----- */

.leyendaEstadisticas span { border-radius: 25%; }
.leyendaEstadisticas ul li { list-style-type: none; }

/* ----- FIN ESTILOS PARA ESTADISTICAS ----- */


/* ------- Estilos Encuesta Satisfaccion ------- */

.poner_rojo {
  color: red !important;
}

.outlined {
  background: transparent url(/imagenes/star-outline.png) left no-repeat !important;
  background-size: 100% !important;  
}

.filled {
  background: transparent url(/imagenes/star.png) left no-repeat !important;
  background-size: 100% !important;
}

.estrella {
     max-width: 150px; 
     width: 13%;
     height: 0;
     padding-bottom: 13%;
     border: 0px solid transparent;
     display:inline-block;
}

@media screen and (max-width: 720px) {
  .estrella {
     max-width: 150px; 
     width: 17%;
     height: 0;
     padding-bottom: 17%;
     display:inline-block;
  }
}

@media screen and (max-width: 480px) {
  .estrella {
     max-width: 150px; 
     width: 19%;
     height: 0;
     padding-bottom: 19%;
     display:inline-block;
  }
}

.tipo_tripadvisor {
	/*background: transparent url(/imagenes/star-outline.png) left no-repeat !important;*/
    background-size: 100% !important;  
    margin-left: 50px !important;
    margin-right: 50px !important;
    padding-bottom:16% !important;
}	

input[name="usar_tripadvisor"] {
    display:block;
    float:left;
    clear:none;
}

input[name="usar_tripadvisor"] + label {
    
}

input[name="usar_tripadvisor"]:checked + label {

}

.usar_tripadvisor {
	display:inline;
	float:left;
	clear:none;
	padding-left:20px;
}

input[name="tipo_config"] {
    display:block;
    float:left;
    clear:none;
}

input[name="tipo_config"] + label {
    
}

input[name="tipo_config"]:checked + label {

}

.tipo_config {
	display:inline;
	float:left;
	clear:none;
	padding-left:20px;
}

.usar_tripadvisor_siempre {
	display:inline;
	
	clear:none;
	padding-left:20px;
}
.usar_redireccion_siempre {
	display:inline;
	
	clear:none;
	padding-left:20px;
}

.oculto {
	display:none;
}

.visble {
	display:block;
}

.estrecho {
  max-width:80%;    
}

input[name="tstars"] {
    display:none;
}

input[name="tstars"] + label
{
    /*background: transparent url(/imagenes/star-outline.png) left no-repeat;
    background-size: 100%;*/
    display:inline-block;
    padding: 0 0 0 0px;
    max-width: 150px; 
    width: 9%;
    height: 0;
    padding-bottom: 12%;
    border: 0px solid transparent;
}

input[name="tstars"]:checked + label
{
    /*background: transparent url(/imagenes/star.png) left no-repeat;
    background-size: 100%;  */
    display:inline-block;
    padding: 0 0 0 0px;
    max-width: 150px; 
    width: 9%;
    height: 0;
    padding-bottom: 12%;
    border: 0px solid transparent;
}


@media screen and (max-width: 720px) {
  
  input[name="tstars"] + label {
     max-width: 150px; 
     width: 13%;
     height: 0;
     padding-bottom: 18%;
  }
  
  input[name="tstars"]:checked + label {
     max-width: 150px; 
     width: 13%;
     height: 0;
     padding-bottom: 18%;
  }
  
  .estrecho {
  	max-width:90%;    
	}

}


@media screen and (max-width: 480px) {
  
  input[name="tstars"] + label {
     max-width: 150px; 
     width: 17%;
     height: 0;
     padding-bottom: 22%;
  }
  
  input[name="tstars"]:checked + label {
     max-width: 150px; 
     width: 17%;
     height: 0;
     padding-bottom: 22%;
  }
  
  .estrecho {
  	max-width:100%;    
	}
 
}

.bordefinogris {
  border: 2px solid #DDDDDD;
}

.div-borde-redondo {
  border: 2px solid #DDDDDD;
  border-radius: 5px;
  padding: 2px;
}

.borde {
  border: 3px solid #888888;
}

@media screen and (max-width: 480px) {
  .borde {
    border: 2px solid #888888;
  }
}

.centrar-texto {
	text-align: center;
}

.uno {
	background: transparent url(/imagenes/star-outline-1.png) left no-repeat !important;
	background-size: 100% !important;
}	
.dos {
	background: transparent url(/imagenes/star-outline-2.png) left no-repeat !important;
	background-size: 100% !important;
}
.tres {
	background: transparent url(/imagenes/star-outline-3.png) left no-repeat !important;
	background-size: 100% !important;
}
.cuatro {
	background: transparent url(/imagenes/star-outline-4.png) left no-repeat !important;
	background-size: 100% !important;
}
.cinco {
	background: transparent url(/imagenes/star-outline-5.png) left no-repeat !important;
	background-size: 100% !important;
}

.uno_full {
	background: transparent url(/imagenes/star-filled-1.png) left no-repeat !important;
	background-size: 100% !important;
}	
.dos_full {
	background: transparent url(/imagenes/star-filled-2.png) left no-repeat !important;
	background-size: 100% !important;
}
.tres_full {
	background: transparent url(/imagenes/star-filled-3.png) left no-repeat !important;
	background-size: 100% !important;
}
.cuatro_full {
	background: transparent url(/imagenes/star-filled-4.png) left no-repeat !important;
	background-size: 100% !important;
}
.cinco_full {
	background: transparent url(/imagenes/star-filled-5.png) left no-repeat !important;
	background-size: 100% !important;
}


/* ----- Fin Estilos Encuesta Satisfaccion ----- */

.sin-padding {
	padding:0px;
}

.sin-margin {
	margin:0px;
}


/* ----- Modificacion del tamaño de letra de los labels ----- */

.labelForm {
    /*font-weight: 600;*/
    font-size: 16px;
	font-weight: bold;
}

.labelFormNormal {
    font-size: 16px;
	font-weight: normal;
}

.labelFormGris {
    font-size: 16px;
	font-weight: normal;
	color:#BDBDBD;
}

/* ----- Fin Modificacion del tamaño de letra de los labels ----- */

.fa-1_5x {
    font-size: 1.5em;
}

.fa-rojo {
	color: #e94847;
}

.fa-azul {
	color: #0090d9;
}

.warning-rojo-label {
	color: #e94847;
	/*font-size: 1.5em;*/
}

@media only screen and (min-width: 767px) {
	.col-md-15 {
	  	width: 20%;
	}
}

@media only screen and (min-width: 0px) {
	.col-xs-15 {
	  	width: 20%;
	}
}

.textoverde{
	color: #0aa699 !important;
}

.textorojo{
	color: #f35958 !important;
}

input.ponterojo {
	border: red solid 1px;
}

textarea.ponterojo {
	border: red solid 1px;
}
input.ponteverde {
	border: #0aa699 solid 1px;
}

input.pontenaranja {
	border: orange solid 1px;
}

input.pontegris {
	border: #CCCCCC solid 1px;
}

input.ponteazul {
	border: #0090d9 solid 1px;
}

select.ponterojo {
	border: red solid 1px !important;
}

select.ponteverde {
	border: #0aa699 solid 1px !important;
}

div.ponterojo {
	border: red solid 1px !important;
}

div.ponteverde {
	border: #0aa699 solid 1px !important;
}

select.pontenaranja {
	border: orange solid 1px !important;
}

select.pontegris {
	border: #CCCCCC solid 1px !important;
}

select.ponteazul {
	border: #0090d9 solid 1px !important;
}

.datepicker {
    border: 1px solid #cccccc;
}

.btn-rellenar, .btn-rellenar:hover {
	font-size: 20px !important;
	margin:0px !important;
	padding:2px !important;
	width: 100% !important;
	background-color:#0090d9;
	color:white;
}

.btn-abrir-cerrar, .btn-abrir-cerrar:hover {
	margin:0px !important;
	padding:3px !important;
	width: 100% !important;
	background-color:#0090d9;
	color:white;
}

.input-rellenar {
	border: 2px solid #d1dade !important;
	text-align: center;
}
.sin-linea {
	border-top:0px solid black !important;
	padding-top: 4px !important;
}
.input-texto-centrado {
	text-align: center !important;
}

.timepicker_wrap {
	min-width: 200px !important;
}

.menu_icon_negro {
   background:url(/imagenes/icon_menu_negro_peq2.png) center top no-repeat; 
   width:24px; 
   height:24px;
   margin: 0px auto;
   vertical-align: bottom;
}
	  
.menu_icon_dorado {
   background:url(/imagenes/icon_menu_dorado_peq.png) center top no-repeat; 
   width:24px; 
   height:24px;
   margin: 0px auto;
   vertical-align: bottom;
}

.aviso_icon_gris {
   background:url(/imagenes/icon_aviso_gris.png) center top no-repeat; 
   width:24px; 
   height:24px;
   margin: 0px auto;
   vertical-align: bottom;
}
	  
.promo_icon_negro {
   background:url(/imagenes/icon_promo_negro_peq.png) center top no-repeat; 
   width:24px; 
   height:24px;
   margin: 0px auto;
   margin-top: 6px;
}
	  
.promo_icon_dorado {
   background:url(/imagenes/icon_promo_dorado_peq.png) center top no-repeat; 
   width:24px; 
   height:24px;
   margin: 0px auto;
   margin-top: 6px;
}
	  
.senal_icon {
   background:url(/imagenes/dollar.png) center top no-repeat; 
   width:24px; 
   height:24px;
   margin: 0px auto;
   vertical-align: bottom;
}

.senal_icon_warning {
   background:url(/imagenes/dollar_warning.png) center top no-repeat; 
   width:24px; 
   height:24px;
   margin: 0px auto;
   vertical-align: bottom;
}
	  
.carta_icon {
   background:url(/imagenes/carta_peq.png) center top no-repeat; 
   width:24px; 
   height:24px;
   margin: 0px auto;
   margin-top: 6px;
   
}
	  
.carta_dorado_icon {
   background:url(/imagenes/carta_dorado_peq.png) center top no-repeat; 
   width:24px; 
   height:24px;
   margin: 0px auto;
   margin-top: 6px;
}
	  
.elegir_mas_tarde_icon {
   background:url(/imagenes/icon_question_rojo_peq.png) center top no-repeat; 
   width:24px; 
   height:24px;
   margin: 0px auto;
   vertical-align: bottom;
}
	  
.origen_internet_ico_gray {
   background:url(/imagenes/at-24_gray.png) center top no-repeat; 
   width:24px; 
   height:24px;
   display: block;
   margin: 0px auto;
}
.origen_internet_ico_white {
   background:url(/imagenes/at-24-white.png) center top no-repeat; 
   width:24px; 
   height:24px;
   display: block;
   margin: 0px auto;
}
.origen_internet_ico_lightgray {
   background:url(/imagenes/at-24_light_gray.png) center top no-repeat; 
   width:24px; 
   height:24px;
   display: block;
   margin: 0px auto;
}

.best_rest_icon_gris {
   background:url(/imagenes/icon_br_gris_x14.png) center top no-repeat; 
   width:17px; 
   height:14px;
   display: block;
   margin: 0px auto;
}

.best_rest_icon_gris_24 {
   background:url(/imagenes/icon_br_gris.png) center top no-repeat; 
   width:27px; 
   height:27px;
   display: block;
   margin: 0px auto;
}


.best_rest_icon_white {
   background:url(/imagenes/icon_br_white_x14.png) center top no-repeat; 
   width:17px; 
   height:14px;
   display: block;
   margin: 0px auto;
}

.best_rest_icon_purple {
   background:url(/imagenes/icon_br_purple_x14.png) center top no-repeat; 
   width:17px; 
   height:14px;
   display: block;
   margin: 0px auto;
}
	
	
	
.tenedor_icon_gris {
   background:url(/imagenes/icon_tenedor_gris_x14.png) center top no-repeat; 
   width:14px; 
   height:14px;
   display: block;
   margin: 0px auto;
}

.tenedor_icon_gris_24 {
   background:url(/imagenes/icon_tenedor_gris.png) center top no-repeat; 
   width:24px; 
   height:27px;
   display: block;
   margin: 0px auto;
}


.tenedor_icon_white {
   background:url(/imagenes/icon_tenedor_white_x14.png) center top no-repeat; 
   width:14px; 
   height:14px;
   display: block;
   margin: 0px auto;
}

.tenedor_icon_purple {
   background:url(/imagenes/icon_tenedor_purple_x14.png) center top no-repeat; 
   width:14px; 
   height:14px;
   display: block;
   margin: 0px auto;
}


/* Restaurantes.com */
.restaurantes_com_icon_gris {
   background:url(/imagenes/icon_restaurantes_com_gris_x14.png) center top no-repeat; 
   width:14px; 
   height:14px;
   display: block;
   margin: 0px auto;
}

.restaurantes_com_icon_gris_24 {
   background:url(/imagenes/icon_restaurantes_com_gris.png) center top no-repeat; 
   width:24px; 
   height:27px;
   display: block;
   margin: 0px auto;
}


.restaurantes_com_icon_white {
   background:url(/imagenes/icon_restaurantes_com_white_x14.png) center top no-repeat; 
   width:14px; 
   height:14px;
   display: block;
   margin: 0px auto;
}

.restaurantes_com_icon_purple {
   background:url(/imagenes/icon_restaurantes_com_purple_x14.png) center top no-repeat; 
   width:14px; 
   height:14px;
   display: block;
   margin: 0px auto;
}

/* Clubkviar.com */
.clubkviar_com_icon_gris {
   background:url(/imagenes/icon_clubkviar_com_gris_x14.png) center top no-repeat; 
   width:14px; 
   height:14px;
   display: block;
   margin: 0px auto;
}

.clubkviar_com_icon_gris_24 {
   background:url(/imagenes/icon_clubkviar_com_gris.png) center top no-repeat; 
   width:24px; 
   height:27px;
   display: block;
   margin: 0px auto;
}


.clubkviar_com_icon_white {
   background:url(/imagenes/icon_clubkviar_com_white_x14.png) center top no-repeat; 
   width:14px; 
   height:14px;
   display: block;
   margin: 0px auto;
}

.clubkviar_com_icon_purple {
   background:url(/imagenes/icon_clubkviar_com_purple_x14.png) center top no-repeat; 
   width:14px; 
   height:14px;
   display: block;
   margin: 0px auto;
}


/* Bookline */
.bookline_icon_gris {
   background:url(/imagenes/icon_bookline_gris_x14.png) center top no-repeat; 
   width:14px; 
   height:14px;
   display: block;
   margin: 0px auto;
}

.bookline_icon_gris_24 {
   background:url(/imagenes/icon_bookline_gris.png) center top no-repeat; 
   width:24px; 
   height:24px;
   display: block;
   margin: 0px auto;
}


.bookline_icon_white {
   background:url(/imagenes/icon_bookline_white_x14.png) center top no-repeat; 
   width:14px; 
   height:14px;
   display: block;
   margin: 0px auto;
}

.bookline_icon_purple {
   background:url(/imagenes/icon_bookline_purple_x14.png) center top no-repeat; 
   width:14px; 
   height:14px;
   display: block;
   margin: 0px auto;
}


.whatsapp_icon {
   background:url(/imagenes/whatsapp-16.png) center top no-repeat; 
   width:16px; 
   height:16px;
   display: inline-block;
   margin: 0px auto;
   vertical-align: middle;
}

/* Estilos Multiplano */
.tab-raphael {
    display: block !important;
    position: absolute;
    top: -9999px;
}
.tab-raphael.active {
    position: relative;
    top: 0;
}

.tab-raphael-lista {
	/*width:0px;*/
    display: block !important;
    position: absolute;
    top: 0px;
    pointer-events:none;
    visibility: hidden;
}
.tab-raphael-lista.active {
	/*width: 100%;*/
    position: relative;
    top: 0;
    pointer-events:all;
    visibility: visible;
}

#multiplano>.nav-tabs {
	background-color:#EEEEEE;
}

#multiplano > .nav-tabs > li > a {
	padding: 8px 20px;
	padding-top: 6px;
}

#multiplano>.nav-tabs>li.active>a {
	background-color:#0090d9;
	color:white;
}	

#multiplano>.nav-tabs>li.active>a, #multiplano>.nav-tabs > .active > a:hover, #multiplano > .nav-tabs > .active > a:focus {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

#multiplano > .tab-content > .active {
    padding: 0px;
}

#multiplano {
	margin: 0 auto;
	border: 1px solid gray;
}

.sinborde {
	border: 1px solid lightgray !important;
}

.sinbordeeditor {
	border: 0px solid lightgray !important;
}
	
/* Fin Estilos Multiplano */

/* Nueva reserva en popup */


#popup_datos_reserva>.nav-tabs {
	background-color:#EEEEEE;
}

#popup_datos_reserva > .nav-tabs > li > a {
	padding: 8px 20px;
	padding-top: 6px;
}

#popup_datos_reserva>.nav-tabs>li.active>a {
	background-color:#0090d9;
	color:white;
}	

#popup_datos_reserva>.nav-tabs>li.active>a, #popup_datos_reserva>.nav-tabs > .active > a:hover, #popup_datos_reserva > .nav-tabs > .active > a:focus {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

#popup_datos_reserva > .tab-content > .active {
    padding: 0px;
}

#popup_datos_reserva {
	margin: 0 auto;
	border: 1px solid lightgray;
	width: 100%;
}

/* Fin nueva reserva popup */

/* Nueva reserva datos cliente */

#popup_datos_cliente>.nav-tabs {
	background-color:#EEEEEE;
}

#popup_datos_cliente > .nav-tabs > li > a {
	padding: 8px 20px;
	padding-top: 6px;
}

#popup_datos_cliente>.nav-tabs>li.active>a {
	background-color:#0090d9;
	color:white;
}	

#popup_datos_cliente>.nav-tabs>li.active>a, #popup_datos_cliente>.nav-tabs > .active > a:hover, #popup_datos_cliente > .nav-tabs > .active > a:focus {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

#popup_datos_cliente > .tab-content > .active {
    padding: 0px;
}

#popup_datos_cliente {
	margin: 0 auto;
	border: 1px solid lightgray;
	width: 100%;
}

/* Fin nueva reserva datos cliente */

/* Nueva reserva politica cancelacion */

#div_politica_cancelacion {
	margin: 0 auto;
	border: 1px solid lightgray;
	width: 100%;
}

/* Fin nueva reserva politica cancelacion */


/* Estilos paginacion*/
.pagination {
  background: white;
  cursor: default;
  /* self-clearing method: */ }
  .pagination a, .pagination span, .pagination em {
    padding: 0.2em 0.5em;
    display: block;
    float: left;
    margin-right: 1px; }
    
  .pagination .disabled {
    color: #999999;
    border: 1px solid #dddddd; }
    
  .pagination .current {
    font-style: normal;
    font-weight: bold;
    background: #2e6ab1;
    color: white;
    border: 1px solid #2e6ab1; }
    
  .pagination a {
    text-decoration: none;
    color: #105cb6;
    border: 1px solid #9aafe5; }
    
    .pagination a:hover, .pagination a:focus {
      color: #000033;
      border-color: #000033; }
      
  .pagination .page_info {
    background: #2e6ab1;
    color: white;
    padding: 0.4em 0.6em;
    width: 22em;
    margin-bottom: 0.3em;
    text-align: center; }
    
    .pagination .page_info b {
      color: #000033;
      background: #6aa6ed;
      padding: 0.1em 0.25em; }
      
  .pagination:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  * html .pagination {
    height: 1%; }
  *:first-child + html .pagination {
    overflow: hidden; }
    
   /*Fin estilos paginacion*/

/* Estilos para scroll en dropdown (menu dropdown) */
.scrollable-menu {
    height: auto;
    max-height: 500px;
    overflow-x: hidden;
}

/*  Estilo para hacer ------ Esto ------- */

.strike {
    display: block;
    text-align: center;
    overflow: hidden;
    white-space: nowrap; 
    margin-left: 10px;
    margin-right: 10px;
}

.strike > span {
    position: relative;
    display: inline-block;
}

.strike > span:before,
.strike > span:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 9999px;
    height: 1px;
    background: lightgray;
}

.strike > span:before {
    right: 100%;
    margin-right: 15px;
}

.strike > span:after {
    left: 100%;
    margin-left: 15px;
}
    


/*  Estilo para nuevo menu lateral */

/***
Page sidebar
***/
.menu-title{
	color: #808285;
	font-size: 10.5px;
	padding-left: 31px;
	padding-right: 31px;
	padding-top: 25px;
	text-transform: uppercase;
	font-weight:600;
	letter-spacing:0.2px;
}
.menu-title a{
	color: #808285;
}
.menu-title a:hover{
	text-decoration:none;
}
.menu-title i{
	font-size:10px;
	font-weight:normal;
}
.page-sidebar-nuevo-nuevo{
	background-color:#1b1e24 !important;
	height:100%;
	font-family: 'Open Sans';
}

.nav-collapse.collapse {
	height:100%  !important;
}	
.page-sidebar-nuevo-nuevo .outer-tab-nav-section{
	display:inline-block;
	width: 45px;
	position:absolute;
	height:100%;
	background-color:#0aa699 !important;
}

.page-sidebar-nuevo-nuevo .inner-menu{
	display:inline-block;
	width:200px;
}
.page-sidebar-nuevo-nuevo > ul > li > a {
  color: #8b91a0;
}

.page-sidebar-nuevo-nuevo > ul > li:last-child > a {
   border-bottom: 1px solid transparent !important;
}

.page-sidebar-nuevo-nuevo > ul > li a i {
     color: #8b91a0;
	 width: 20px;
	     text-align: center;
    display: inline-block;
	margin-right:10px
}

.page-sidebar-nuevo-nuevo > ul > li.open > a, 
.page-sidebar-nuevo-nuevo > ul > li >a:hover, 
.page-sidebar-nuevo-nuevo > ul > li:hover >a {  
  background: #1b1e24;
 /* border-left:4px solid  #0aa699;*/
  padding:11.5px 31px;
  color: #fff;
}


.page-sidebar-nuevo-nuevo.mini > ul > li >a:hover, 
.page-sidebar-nuevo-nuevo.mini > ul > li:hover >a {  
  background: #0b9c8f;
}
.page-sidebar-nuevo-nuevo.mini  > ul > li > ul.sub-menu{
	position:absolute;
	margin-top:-46px;
	margin-left:50px;
	width:auto;
	z-index:999;
	min-width:250px;
}
.page-sidebar-nuevo-nuevo > ul > li.active > a {
  border-top-color: transparent !important;
  color:#fff;
}
.page-sidebar-nuevo-nuevo > ul > li.active  i{
 color:#fff;
}   

.page-sidebar-nuevo-nuevo.mini > ul > li.active > a i,.page-sidebar-nuevo-nuevo > ul > li:hover > a i  {
  color:#fff !important;
}
.page-sidebar-nuevo-nuevo > ul > li.active {
	border-left:4px solid #ff !important;
 
}
.page-sidebar-nuevo-nuevo > ul > li > a.open {
  background: #313131;
}

.page-sidebar-nuevo-nuevo ul > li > a > .arrow:before,
.page-sidebar-nuevo-nuevo > ul > li > a > .arrow.open:before {  
   color: #919091 !important;
}

.page-sidebar-nuevo-nuevo ul > li.active > a .arrow:before,
.page-sidebar-nuevo-nuevo > ul > li.active > a .arrow.open:before {  
   color: #fff !important;
}

.page-sidebar-nuevo-nuevo > ul > li > ul.sub-menu > li > a {
  margin-left:0px;  
  padding-left: 5px; 
}

.page-sidebar-nuevo-nuevo > ul > li > ul.sub-menu > li:first-child > a {
  border-top: 0px !important;
}

.page-sidebar-nuevo-nuevo > ul > li > ul.sub-menu > li.active > a, 
.page-sidebar-nuevo-nuevo > ul > li > ul.sub-menu > li > a:hover {
  color: #fff !important;
  background: #4b4b4b !important;  
}

.page-sidebar-nuevo-nuevo > ul > li > ul.sub-menu > li > a:hover {
  background: #1b1e24 !important;

}

/* 3rd level sub menu */
.page-sidebar-nuevo-nuevo > ul > li > ul.sub-menu  li > ul.sub-menu > li.active > a, 
.page-sidebar-nuevo-nuevo > ul > li > ul.sub-menu  li > ul.sub-menu > li > a:hover,
.page-sidebar-nuevo-nuevo > ul > li > ul.sub-menu  li.open > a  {
  color: #fff !important;
}

.page-sidebar-nuevo-nuevo > ul > li > ul.sub-menu  a .arrow:before,
.page-sidebar-nuevo-nuevo > ul > li > ul.sub-menu  a .arrow.open:before {  
   color: #919091  !important;
}
.page-sidebar-nuevo-nuevo ul.folders{
	list-style:none;
	margin:0px;
	padding:0
}
.page-sidebar-nuevo-nuevo ul.folders> li {
	border: 0 none;
    display: block;
    margin: 0;
    padding: 0;
}
.page-sidebar-nuevo-nuevo ul.folders> li >a{
	padding:5px 31px;
	font-size:14px;	
	color:#fff;	
	display: block;
	position:relative;
}
.page-sidebar-nuevo-nuevo ul.folders> li >a:hover{
	text-decoration:none;
}
.page-sidebar-nuevo-nuevo ul.folders> li >input{
	margin:5px 31px;
	font-size:14px;	
	width:150px;
}



/*** Page sidebar ***/
.page-sidebar-nuevo > ul {
  list-style: none;
  margin: 0;
  padding: 0;
  margin: 0;
  padding: 0; 
}

.page-sidebar-nuevo > ul > li {
  display: block;
  margin: 0;
  padding: 0; 
  border: 0px;
}

.page-sidebar-nuevo > ul > li.start > a {
   border-top-color: transparent !important;
}

.page-sidebar-nuevo > ul > li:last-child > a {
   border-bottom: 1px solid transparent !important;
}

.page-sidebar-nuevo > ul > li > a {
  display: block;
  position: relative;
  margin: 0;
  border: 0px;
  padding: 11.5px 31px 11.5px 31px;
  text-decoration: none;
  font-size: 14px;
  font-weight: normal;
}

.page-sidebar-nuevo > ul > li > a i {
  font-size: 14px;
  margin-right: 5px;
  text-shadow:none; 
}

.page-sidebar-nuevo > ul > li.active > a {
  border: none; 
  text-shadow:none;
  /*border-left:4px solid  #0aa699;*/
  /*padding: 10px 25px 10px 21px;*/
}  

.page-sidebar-nuevo > ul > li.active > a .selected {
  display: block;
  width: 8px;
  height: 25px;
  background-image: url("../img/sidebar-menu-arrow.png");
  float: right;
  position: absolute;
  right:-8px;
  top:8px;
}

.page-sidebar-nuevo ul > li > a > .arrow:before {  
   float: right;
   margin-top: 1px;
   margin-right: 5px;
   display: inline;
   font-size: 16px;
   font-family: FontAwesome;
   height: auto;
   content: "\f104";
   font-weight: 300;
   text-shadow:none;
}

.page-sidebar-nuevo > ul > li > a > .arrow.open:before {   
   float: right;
   margin-top: 1px;
   margin-right: 3px;
   display: inline;
   font-family: FontAwesome;
   height: auto;
   font-size: 16px;
   content: "\f107";
   font-weight: 300;
   text-shadow:none;
}

.page-sidebar-nuevo > ul > li > ul.sub-menu {
  display: none;
  list-style: none;
  clear: both;
  margin:0px;
  background-color:#22262E;
  padding:8px 0px 10px 0px;

}

.page-sidebar-nuevo > ul > li.active > ul.sub-menu {
  display: block;
}

.page-sidebar-nuevo > ul > li > ul.sub-menu > li {
  background: none;
  margin: 0px;
  padding: 0px;
  margin-top: 1px !important;
}

.page-sidebar-nuevo > ul > li > ul.sub-menu > li > a {
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 5px 0px;
  padding-left: 53px !important;
  color: #e1eaf1;
  text-decoration: none;
  text-shadow: 0 1px 1px #000;
  font-size: 13px;
  font-weight: 300;
  background: none;
}

/* Level 3 */
.page-sidebar-nuevo > ul > li > ul.sub-menu  > li ul.sub-menu {
  display: none;
  list-style: none;
  clear: both;
  margin: 0px 0px 0px 0px;
  padding-left:0
}

.page-sidebar-nuevo > ul > li > ul.sub-menu  li > a > .arrow:before   {  
   float: right;
   margin-top: 1px;
   margin-right: 20px;
   display: inline;
   font-size: 16px;
   font-family: FontAwesome;
   height: auto;
   content: "\f104";
   font-weight: 300;
   text-shadow:none;
}

.page-sidebar-nuevo > ul > li > ul.sub-menu  li > a > .arrow.open:before {   
   float: right;
   margin-top: 1px;
   margin-right: 18px;
   display: inline;
   font-family: FontAwesome;
   height: auto;
   font-size: 16px;
   content: "\f107";
   font-weight: 300;
   text-shadow:none;
}

.page-sidebar-nuevo > ul > li.active > ul.sub-menu > li ul.sub-menu {
  display: block;
}

.page-sidebar-nuevo > ul > li > ul.sub-menu > li  ul.sub-menu li {
  background: none;
  margin: 0px;
  padding: 0px;
}

.page-sidebar-nuevo > ul > li > ul.sub-menu  li > ul.sub-menu > li > a {
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 5px 0px;
  color: #ccc;
  text-decoration: none;
  text-shadow: 0 1px 1px #000;
  font-size: 13px;
  font-weight: 300;
}

.page-sidebar-nuevo > ul > li > ul.sub-menu > li > ul.sub-menu > li > a {  
  padding-left: 70px;
}

.page-sidebar-nuevo > ul > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a {  
  padding-left: 80px;
}

.page-sidebar-nuevo > ul > li > ul.sub-menu  li > ul.sub-menu > li > a > i {
  font-size: 13px;
}


/* ie8 fixes */
.ie8 .page-sidebar-nuevo {
  position: absolute;
  width: 225px;
}

.ie8 .page-sidebar-nuevo ul{
  width: 225px;
}


/*  Fin Estilo para nuevo menu lateral */

.link_flecha {
    line-height: 7px;
    padding-bottom: 3px;
    border-bottom: 1px solid #0090D9;
    position: relative;
    display:inline-block;
    color: #0090D9;
}
.link_flecha:before {
    content: '\25bc';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left:-4px;
    color: #0090D9;
    font-size: 8px;
}

.link_flecha_arriba {
    line-height: 7px;
    padding-top: 4px;
    border-top: 1px solid #0090D9;
    position: relative;
    display:inline-block;
    color: #0090D9;
}
.link_flecha_arriba:before {
    content: '\25b2';
    position: absolute;
    top: -6px;
    left: 50%;
    margin-left:-4px;
    color: #0090D9;
    font-size: 8px;
}

/* Estilo para que el drop-down tenga scroll */
.dropdown-menu {
	overflow: auto;
	max-height: 400px;
}
/* Fin Estilo para que el drop-down tenga scroll */

.btn-lista-espera {
    color: #aa5fef !important;
    border: 2px solid #aa5fef !important;
    background-color: #f5dffb !important;
}

.btn-reservar {
    border: 2px solid #0090d9 !important;
}

.btn-lista-espera:hover, .btn-lista-espera:focus, .btn-lista-espera:active, .btn-lista-espera.active, .btn-lista-espera.disabled, .btn-lista-espera[disabled] {
	color: #a254ea !important;
    border: 2px solid #a254ea !important;
    background-color: #edc9f7 !important;
    /* *background-color: #a254ea; */
}

.btn.btn-lista-espera:hover, .btn.btn-lista-espera:focus, .btn.btn-lista-espera:active, .btn.btn-lista-espera.active, .btn.btn-lista-espera.disabled, .btn.btn-lista-espera[disabled] {
	color: #a254ea !important;
    border: 2px solid #a254ea !important;
    background-color: #edc9f7 !important;
    /* *background-color: #a254ea; */
}

.btn-pre-reservar {
	font-size:18px !important;
	color: #f3a540 !important;
    border: 2px solid #f3a540 !important;
    background-color: #f5e5d1 !important;
}

.btn-pre-reservar:hover, .btn-pre-reservar:focus, .btn-pre-reservar:active, .btn-pre-reservar.active, .btn-pre-reservar.disabled, .btn-pre-reservar[disabled] {
	color: #f3a540 !important;
    border: 2px solid #f3a540 !important;
    background-color: #f5dec2 !important;
    /* *background-color: #a254ea; */
}

.btn.btn-pre-reservar:hover, .btn.btn-pre-reservar:focus, .btn.btn-pre-reservar:active, .btn.btn-pre-reservar.active, .btn.btn-pre-reservar.disabled, .btn.btn-pre-reservar[disabled] {
	color: #f3a540 !important;
    border: 2px solid #f3a540 !important;
    background-color: #f5dec2 !important;
    /* *background-color: #a254ea; */
}


.btn-anular {
	font-size:18px !important;
	color: #b95655 !important;
    border: 2px solid #b95655 !important;
    background-color: #FBD3D3 !important;
}

.btn-anular:hover, .btn-anular:focus, .btn-anular:active, .btn-anular.active, .btn-anular.disabled, .btn-anular[disabled] {
	color: #b95655 !important;
    border: 2px solid #b95655 !important;
    background-color: #f7c5c5 !important;
    /* *background-color: #a254ea; */
}

.btn.btn-anular:hover, .btn.btn-anular:focus, .btn.btn-anular:active, .btn.btn-anular.active, .btn.btn-anular.disabled, .btn.btn-anular[disabled] {
	color: #b95655 !important;
    border: 2px solid #b95655 !important;
    background-color: #f7c5c5 !important;
    /* *background-color: #a254ea; */
}

.cke_notification_warning{
  display: none !important;
}


#flash_msg_fixed {  
    position: fixed;
    margin: 0 auto;
    clear: left;
    height: auto;
    z-index: 999999990;
    text-align: center;
    background-color: #fff6f4;
    width: 400px;
    bottom: 10px;
    left: 50%;
	margin-left: -200px;
	padding: 10px;
	border-radius: 5px;
}

#flash_msg_fixed_mesa_ocupada {  
    margin: 0 auto;
    clear: left;
    height: auto;
    z-index: 999999990;
    text-align: center;
    background-color: #fff6f4;
	padding: 30px;
	border: 3px solid red;
	border-radius: 5px;
	position: fixed;
	width: 400px;
  	top: 150px;
  	left: 50%;
  	transform: translate(-50%, -50%);
}


/* Absolute Center CSS Spinner */
.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}