svg#tablaReserva #tituloColumna {
pointer-events: none!important;
fill: currentColor;
}

svg#tablaReserva #bloqueoHora{
  fill: #DDDDDD;
  stroke: #F2F2F2;
  stroke-width: 0;
  opacity: 0.2;
}

svg#tablaReserva * {
 -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; 
  }
  
svg#tablaReserva rect[habilitado = true]:hover, svg#tablaReserva use[habilitado = true]:hover {
  
opacity: 0.5;
fill: #CEF6F5;
  
}
  
.subDivision.plantilla{
  stroke: lightblue;
  fill: transparent;
}

.buttonHora{

	fill: transparent;
  stroke-width: 0.2px;
  stroke: transparent;

}

svg#tablaReserva > g {
  cursor: pointer!important;
}



svg#tablaReserva .interiorTabla{
fill: white;
}

svg#tablaReserva .celda, svg#tablaReserva .celdaTxt,svg[title='Reserva'] rec, svg#tablaReserva .fechaSup{
	pointer-events: none!important;
	text-decoration:none;
	 -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight:600;
 }
 
 svg[title='Reserva'] text:not(.enlaceLibre),.horaFija,.precio,.horaFijaConTexto,.rectPrecio,.textPrecio{
	pointer-events: none!important;
 }
 
 .ui-selectmenu-button{
	height: 23px;
 /* top: 8px;*/
  width: 123px!important;
 

}

svg#tablaReserva .evento{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;

	
	-webkit-background-clip: padding-box; /* for Safari */
	background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */

	
}

 svg#tablaReserva rect.interiorTabla{
	stroke: gray;
	stroke-width: 0.2;
 }
 
 .calendario{
     padding-top: 5px!important;
	
 }
 
 .ayer, .manyana{
	width:40px;
 
 }
 
 .ui-selectmenu-text{
   padding-top: 0px!important;
    padding-left: 5px!important;
	  padding-bottom: 0px!important;
	    top: 15%;
  position: relative;
}
  
 .ui-widget{
 
    /* height: 100%;*/
 } 
 .fechaTabla, .calendarioInput .ui-state-default{
   font-weight: 12px!important;
  color:black!important; 
  font-size: inherit!important;
    font-family: inherit!important;
 }
 
 
 .fechaTxt,.calendarioTxt{
	float: left;
	position: relative;
	height: 20px;
	padding-right: 15px; padding-top:9px;
	padding-left: 10px;
	display: table; 
}

.fechaTxt>div,.calendarioTxt>div{
  display: table-cell;
  vertical-align: bottom;
}
.fechaInput,.calendarioInput{
float: left;
  position: relative;   
	
}


#dialogReserva{
  padding: 0!important;
  position: static!important;
  border: 0!important;
  width: auto;
  font-size: 13px!important;
    height: auto!important;
	  min-height: 60px!important;
	  -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.footerReservas{
  background-color: transparent!important;
  margin-top: 3px;
  margin-bottom: 5px;
    margin-left: 5px;
  margin-right: 5px;
}

.ui-widget-content a.normativa {

}

#dialogReserva svg {
  width: 100%;
}

.buttonHoraTxt{
	font-size: 12px;
	fill: white;
	font-weight:400
}

.btnTiempo:hover{
	fill:black;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}

.btnTiempo {
  cursor: pointer!important;
}

.ui-dialog.infoReserva,.ui-dialog.infoTerminos{

  width: 380px!important;
}

.ui-dialog.infoNormativa {

  width: 75%!important;
  height: 400px!important;
}

#normativa iframe{
	height: 350px;
    width: 100%;
}

.infoNormativa .ui-button ,.infoReserva .ui-button,.infoTerminos .ui-dialog-titlebar-close{
	background-color: white;
	border-bottom-style: none;
	border: 0px solid grey;
}

.ui-widget {
  font-family: inherit!important;
  }

.ui-widget-header {
 border: none!important; 
 /*  background: inherit!important;*/
}

.fechaTabla.hasDatepicker,.calendarioInput .ui-selectmenu-button,.fechaInput .ui-selectmenu-button{
  border-radius: 5px; 
  padding: 9px 9px 10px 9px !important;
  background-color: White !important;
  border: 1px solid #a0a3b1 !important;
}
.fechaTabla.hasDatepicker:focus,.calendarioInput:focus .ui-selectmenu-button:focus,.fechaInput:focus .ui-selectmenu-button:focus{

    background-color:#f0f4e7!important;
   transition: all 0.3s ease; border:1px solid #6abd11!important;

}
 .calendarioInput span{
	height: 100%;
 } 

.fechaTabla.hasDatepicker,.calendarioInput .ui-selectmenu-button{
  top: 0px; 
  padding: 9px 9px 10px 9px;
  background-color: White
 }

 .calendarioInput .ui-selectmenu-button{
   width: 150px!important;
 }
 
 .fechaInput .ui-selectmenu-button{
 width: 300px!important;
 }
 
 .fechaTabla {
	width:190px;
 }
 
svg#tablaReserva .fechaSupEvt{	
	fill: white;
    font-size: 12px;
	pointer-events: none;
}  

svg#tablaReserva .fechaSupEvtSolo{
	fill: white;
	font-size: 12px;
	pointer-events: none;
}  

.ui-menu-item.ui-state-focus{
	 background:#dfdfdf!important;
}

.ui-state-default.ui-state-hover {

}

.ui-selectmenu-button{
background:white!important;
}


.ui-selectmenu-button.ui-state-focus,.ui-menu-item.ui-state-focus{
    background-color:#f0f4e7!important;
   transition: all 0.3s ease; border:1px solid #6abd11!important;

color:inherit!important;
}



.enlaceLibre{
	fill: blue;
	text-anchor: middle;
	text-decoration: underline!important;
	cursor: pointer!important;
	pointer-events: all!important;
}

.enlaceLibre:hover{
	fill: grey!important;
}

.rectEnlaceLibre{
	fill: transparent;
	/*pointer-events: fill!important;*/
}

.rectEnlaceLibre:hover{
	/*fill: green;*/
}

.ui-selectmenu-menu.ui-front.ui-selectmenu-open li{
	font-size: 12px!important;
 }



.ui-dialog-title{
	color:white!important;
	
}

.infoReserva .ui-dialog-titlebar-close {
    background-color: white!important;
	border: 0px!important;
}

.infoReserva .ui-icon-closethick{
	background-image: url("js/images/ui-icons_454545_256x240.png")!important;
}

.ui-datepicker-title{
  color: white!important;
}
  
.horaFija{
	
	font-size:11px;
}

.horaFijaConTexto{
	
	font-size:11px; border-radius:5px
}

.ui-selectmenu-button.ui-widget.ui-state-default.ui-corner-all{
	color:black!important; border-radius:5px;
}

.textoEvento{
    fill:white;
    pointer-events: none!important;
    font-size:12px!important;
}

.textoEvento.ocupacion
{
    font-weight: bold;
}

.celdaTxt{
font-size:11px;
}

.textPrecio{
	font-size: 10px!important;
}

.cabeceraTxtSup{
	font-size: 14px;
    fill: #3d3d3d;
    font-weight:800;
}
 
 .cabeceraTxtInf{
	font-size: 9px;
    fill: #3d3d3d;
    font-weight:500;
}
 
.cabeceraTxt{
	font-size: 14px;
    fill: #3d3d3d;
    font-weight:800;
}

.cabeceraTxt.noImagen{
	font-size: 14px;
    fill: #3d3d3d;
    font-weight:800;
}

#dialogReserva .TextoLink,#dialogTerminos .TextoLink{
	
	
}

#dialogReserva .TextoLink:hover,#dialogTerminos .TextoLink:hover{
	color: grey!important;
	cursor: pointer!important;
	text-decoration: underline!important;
}

.claseActividad{
 
  font-size: 20px;
}

.salahorarioActividad{
	font-size: 16px;
}

.plazasActividad{
 font-size: 15px;
  fill: yellowgreen;

}

.reservaActividad{
	fill: white;
	font-size: 15px;
	
}   

.negrita{
 font-weight: bold;
}

.baseReservaActividad{
	fill: yellowgreen;
}

.textoMultiReservas{
	position: relative;
	display: block;
	color: black;
	/*background-color: red;*/
	opacity: 1;
	z-index: 1;

	
	font-size: 11px;
}


#feedback { font-size: 1.4em; 

}
#selectable .ui-selecting { 


	fill: rgba(173,216,230,0.8);
	background: rgba(173,216,230,0.8);
	/*background: blue; 
	opacity: 0.5;*/

}
#selectable .ui-selected { 

fill: rgba(173,216,230,0.8);
background: rgba(173,216,230,0.8);
}
#selectable { 
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
	/*width: 60%; */
	position: relative;
  display: block;
  /* margin: 10px; */
  float: left;
}
#selectable li { 
	margin: 3px; 
	padding: 0.4em; 
	font-size: 1.4em; 
	height: 18px; 

}

.fancybox-skin,.cuerpoMultiReservas{
	padding:0!important;
}

.cuerpoMultiReservas h1{
  text-align: center;
  font-family: 'Open Sans', arial;
  color: #555;
  font-size: 38px;
  font-weight: 300;
  margin-top: 27px;
  margin-bottom: 50px;
}
.baseReservaActividad:hover{
	fill: black;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}

.ui-state-highlight{
	border: none!important;
}

.ui-button-text{
/*
    no poner display none
    display: none!important;
*/
    outline-width: 0px !important;
}

.fechaInput.fechaSemanal .ui-selectmenu-button
{
    width:400px!important;
    
    }
  /*  
     .fechaInput .ui-selectmenu-button{
 width: 300px!important;
 }
*/


/* Tooltip container */
.tooltip {
   pointer-events:all !important;
}