/**************************************************/
/*    Adaptaciones AvaiBook para la plantilla	  */
/**************************************************/

@media (max-width: 767px) {
	html, body {
	  height: auto;
	}
}

input:focus::-webkit-input-placeholder {
    color: #CCCCCC;
}
.form-control::-webkit-input-placeholder { color: #CCCCCC; }  /* WebKit, Blink, Edge */
.form-control:-moz-placeholder { color: #CCCCCC; }  /* Mozilla Firefox 4 to 18 */
.form-control::-moz-placeholder { color: #CCCCCC;}  /* Mozilla Firefox 19+ */
.form-control:-ms-input-placeholder { color: #CCCCCC; }  /* Internet Explorer 10-11 */
.form-control::-ms-input-placeholder { color: #CCCCCC; }  /* Microsoft Edge */

/******************************************************************************************************************/
/*    										Margin y padding bootstrap 4	  	  								  */
/*																												  */
/* 		Where property is one of:																				  */
/*																												  */
/*		m - for classes that set margin																			  */
/*		p - for classes that set padding																		  */
/*		Where sides is one of:																					  */
/*																												  */
/*		t - for classes that set margin-top or padding-top														  */
/*		b - for classes that set margin-bottom or padding-bottom												  */
/*		l - for classes that set margin-left or padding-left													  */
/*		r - for classes that set margin-right or padding-right													  */
/*		x - for classes that set both *-left and *-right														  */
/*		y - for classes that set both *-top and *-bottom														  */
/*		a - for classes that set a margin or padding on all 4 sides of the element								  */
/*		Where size is one of:																					  */
/*																												  */
/*		0 - for classes that eliminate the margin or padding by setting it to 0									  */
/*		1 - (by default) for classes that set the margin or padding to $spacer-x or $spacer-y					  */
/*		2 - (by default) for classes that set the margin or padding to $spacer-x * 1.5 or $spacer-y * 1.5		  */
/*		3 - (by default) for classes that set the margin or padding to $spacer-x * 3 or $spacer-y * 3	          */
/*																												  */
/******************************************************************************************************************/

.m-t-0,.m-y-0{margin-top:0!important}.m-b-0,.m-y-0{margin-bottom:0!important}.p-r-0,.p-x-0{padding-right:0!important}.p-l-0,.p-x-0{padding-left:0!important}.p-t-0,.p-y-0{padding-top:0!important}.p-b-0,.p-y-0{padding-bottom:0!important}.m-x-auto{margin-right:auto!important;margin-left:auto!important}.m-r-0,.m-x-0{margin-right:0!important}.m-l-0,.m-x-0{margin-left:0!important}.m-a-0{margin:0!important}.m-r-1,.m-x-1{margin-right:1rem!important}.m-l-1,.m-x-1{margin-left:1rem!important}.m-t-1,.m-y-1{margin-top:1rem!important}.m-b-1,.m-y-1{margin-bottom:1rem!important}.m-a-1{margin:1rem!important}.m-r-2,.m-x-2{margin-right:1.5rem!important}.m-l-2,.m-x-2{margin-left:1.5rem!important}.m-t-2,.m-y-2{margin-top:1.5rem!important}.m-b-2,.m-y-2{margin-bottom:1.5rem!important}.m-a-2{margin:1.5rem!important}.m-r-3,.m-x-3{margin-right:3rem!important}.m-l-3,.m-x-3{margin-left:3rem!important}.m-t-3,.m-y-3{margin-top:3rem!important}.m-b-3,.m-y-3{margin-bottom:3rem!important}.m-a-3{margin:3rem!important}.p-a-0{padding:0!important}.p-r-1,.p-x-1{padding-right:1rem!important}.p-l-1,.p-x-1{padding-left:1rem!important}.p-t-1,.p-y-1{padding-top:1rem!important}.p-b-1,.p-y-1{padding-bottom:1rem!important}.p-a-1{padding:1rem!important}.p-r-2,.p-x-2{padding-right:1.5rem!important}.p-l-2,.p-x-2{padding-left:1.5rem!important}.p-t-2,.p-y-2{padding-top:1.5rem!important}.p-b-2,.p-y-2{padding-bottom:1.5rem!important}.p-a-2{padding:1.5rem!important}.p-r-3,.p-x-3{padding-right:3rem!important}.p-l-3,.p-x-3{padding-left:3rem!important}.p-t-3,.p-y-3{padding-top:3rem!important}.p-b-3,.p-y-3{padding-bottom:3rem!important}.p-a-3{padding:3rem!important}

.m-0{margin:0 0!important}.mt-0{margin-top:0!important}.mr-0{margin-right:0!important}.mb-0{margin-bottom:0!important}.ml-0{margin-left:0!important}.mx-0{margin-right:0!important;margin-left:0!important}.my-0{margin-top:0!important;margin-bottom:0!important}.m-1{margin:.25rem 0.25rem!important}.mt-1{margin-top:0.25rem!important}.mr-1{margin-right:0.25rem!important}.mb-1{margin-bottom:0.25rem!important}.ml-1{margin-left:0.25rem!important}.mx-1{margin-right:0.25rem!important;margin-left:0.25rem!important}.my-1{margin-top:0.25rem!important;margin-bottom:0.25rem!important}.m-2{margin:.5rem 0.5rem!important}.mt-2{margin-top:0.5rem!important}.mr-2{margin-right:0.5rem!important}.mb-2{margin-bottom:0.5rem!important}.ml-2{margin-left:0.5rem!important}.mx-2{margin-right:0.5rem!important;margin-left:0.5rem!important}.my-2{margin-top:0.5rem!important;margin-bottom:0.5rem!important}.m-3{margin:1rem 1rem!important}.mt-3{margin-top:1rem!important}.mr-3{margin-right:1rem!important}.mb-3{margin-bottom:1rem!important}.ml-3{margin-left:1rem!important}.mx-3{margin-right:1rem!important;margin-left:1rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.m-4{margin:1.5rem 1.5rem!important}.mt-4{margin-top:1.5rem!important}.mr-4{margin-right:1.5rem!important}.mb-4{margin-bottom:1.5rem!important}.ml-4{margin-left:1.5rem!important}.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.m-5{margin:3rem 3rem!important}.mt-5{margin-top:3rem!important}.mr-5{margin-right:3rem!important}.mb-5{margin-bottom:3rem!important}.ml-5{margin-left:3rem!important}.mx-5{margin-right:3rem!important;margin-left:3rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.p-0{padding:0 0!important}.pt-0{padding-top:0!important}.pr-0{padding-right:0!important}.pb-0{padding-bottom:0!important}.pl-0{padding-left:0!important}.px-0{padding-right:0!important;padding-left:0!important}.py-0{padding-top:0!important;padding-bottom:0!important}.p-1{padding:.25rem 0.25rem!important}.pt-1{padding-top:0.25rem!important}.pr-1{padding-right:0.25rem!important}.pb-1{padding-bottom:0.25rem!important}.pl-1{padding-left:0.25rem!important}.px-1{padding-right:0.25rem!important;padding-left:0.25rem!important}.py-1{padding-top:0.25rem!important;padding-bottom:0.25rem!important}.p-2{padding:.5rem 0.5rem!important}.pt-2{padding-top:0.5rem!important}.pr-2{padding-right:0.5rem!important}.pb-2{padding-bottom:0.5rem!important}.pl-2{padding-left:0.5rem!important}.px-2{padding-right:0.5rem!important;padding-left:0.5rem!important}.py-2{padding-top:0.5rem!important;padding-bottom:0.5rem!important}.p-3{padding:1rem 1rem!important}.pt-3{padding-top:1rem!important}.pr-3{padding-right:1rem!important}.pb-3{padding-bottom:1rem!important}.pl-3{padding-left:1rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.p-4{padding:1.5rem 1.5rem!important}.pt-4{padding-top:1.5rem!important}.pr-4{padding-right:1.5rem!important}.pb-4{padding-bottom:1.5rem!important}.pl-4{padding-left:1.5rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.p-5{padding:3rem 3rem!important}.pt-5{padding-top:3rem!important}.pr-5{padding-right:3rem!important}.pb-5{padding-bottom:3rem!important}.pl-5{padding-left:3rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.m-auto{margin:auto!important}.mt-auto{margin-top:auto!important}.mr-auto{margin-right:auto!important}.mb-auto{margin-bottom:auto!important}.ml-auto{margin-left:auto!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}@media (min-width:576px){.mr-sm-0,.mx-sm-0{margin-right:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.m-sm-0{margin:0!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.m-sm-1{margin:.25rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.m-sm-2{margin:.5rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.m-sm-3{margin:1rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.m-sm-4{margin:1.5rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.m-sm-5{margin:3rem!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.p-sm-0{padding:0!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.p-sm-1{padding:.25rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.p-sm-2{padding:.5rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.p-sm-3{padding:1rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.p-sm-4{padding:1.5rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.p-sm-5{padding:3rem!important}.m-sm-auto{margin:auto!important}}@media (min-width:768px){.mr-md-0,.mx-md-0{margin-right:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.m-md-0{margin:0!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.m-md-1{margin:.25rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.m-md-2{margin:.5rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.m-md-3{margin:1rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.m-md-4{margin:1.5rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.m-md-5{margin:3rem!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.p-md-0{padding:0!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.p-md-1{padding:.25rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.p-md-2{padding:.5rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.p-md-3{padding:1rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.p-md-4{padding:1.5rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.p-md-5{padding:3rem!important}.m-md-auto{margin:auto!important}}@media (min-width:992px){.mr-lg-0,.mx-lg-0{margin-right:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.m-lg-0{margin:0!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.m-lg-1{margin:.25rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.m-lg-2{margin:.5rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.m-lg-3{margin:1rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.m-lg-4{margin:1.5rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.m-lg-5{margin:3rem!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.p-lg-0{padding:0!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.p-lg-1{padding:.25rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.p-lg-2{padding:.5rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.p-lg-3{padding:1rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.p-lg-4{padding:1.5rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.p-lg-5{padding:3rem!important}.m-lg-auto{margin:auto!important}}
/**************************************************/
/*           Misma altura en columnas             */
/**************************************************/
.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
/**************************************************/
/*            		Colores del texto             */
/**************************************************/
.text-gray-hidden{color: #f3f3f4;}
.text-inactivo-select{color: #afafaf!important;}

/**************************************************/
/*            		Tamaños de letra              */
/**************************************************/

.display-1 {
  font-size: 4rem;
  font-weight: 300;
}

.display-2 {
  font-size: 3.5rem;
  font-weight: 300;
}

.display-3 {
  font-size: 3rem;
  font-weight: 300;
}

.display-4 {
  font-size: 2.5rem;
  font-weight: 300;
}

.display-5 {
  font-size: 2rem;
  font-weight: 400;
}

.display-6 {
  font-size: 1.5rem;
  font-weight: 500;
}

.display-7 {
  font-size: 1.2rem;
}

/**************************************************/
/*            Texto  según resolución             */
/**************************************************/
@media (max-width: 544px) {
	.text-xs-left { text-align: left; }
	.text-xs-right { text-align: right; }
	.text-xs-center { text-align: center; }
	.text-xs-justify { text-align: justify; }

	/* Tenemos que añadirle iun z-index al listado de resultados del autocomplete en el modal porque el modal en sí tiene 10001 y para
	que aparezcan los resultados el z-index tiene que ser mayor */
	ul.ui-autocomplete {
    	z-index: 10010 !important;
	}
}

@media (max-width: 400px) {
	.reservasGestionar .fa-stack { top: 40px !important; }
}


@media (min-width: 544px) {
	.text-sm-left { text-align: left; }
	.text-sm-right { text-align: right; }
	.text-sm-center { text-align: center; }
	.text-sm-justify { text-align: justify; }

	/* Tenemos que añadirle iun z-index al listado de resultados del autocomplete en el modal porque el modal en sí tiene 10001 y para
	que aparezcan los resultados el z-index tiene que ser mayor */
	ul.ui-autocomplete {
    	z-index: 2060 !important;
	}
}

@media (min-width: 768px) {
	.text-md-left { text-align: left; }
	.text-md-right { text-align: right; }
	.text-md-center { text-align: center; }
	.text-md-justify { text-align: justify; }
}

@media (min-width: 1200px) {
	.text-lg-left { text-align: left; }
	.text-lg-right { text-align: right; }
	.text-lg-center { text-align: center; }
	.text-lg-justify { text-align: justify; }
}

/**************************************************/
/*    col's para la pantalla de impresión         */
/**************************************************/
@media print {
	.col-print-1, .col-print-2, .col-print-3, .col-print-4, .col-print-5, .col-print-6, .col-print-7, .col-print-8, .col-print-9, .col-print-10, .col-print-11, .col-print-12 {float:left;}
	.col-print-1 {width:8%; }
	.col-print-2 {width:16%;}
	.col-print-3 {width:25%;}
	.col-print-4 {width:33%;}
	.col-print-5 {width:42%;}
	.col-print-6 {width:50%;}
	.col-print-7 {width:58%;}
	.col-print-8 {width:66%;}
	.col-print-9 {width:75%;}
	.col-print-10{width:83%;}
	.col-print-11{width:92%;}
	.col-print-12{width:100%;}
}

/**************************************************/
/*            Floats según resolución             */
/**************************************************/

.pull-xs-left {
	float: left !important;
}

.pull-xs-right {
	float: right !important;
}

.pull-xs-none {
	float: none !important;
}

@media (min-width: 544px) {
	.pull-sm-left {
		float: left !important;
	}
	.pull-sm-right {
		float: right !important;
	}
	.pull-sm-none {
		float: none !important;
	}
}

@media (min-width: 768px) {
	.pull-md-left {
		float: left !important;
	}
	.pull-md-right {
		float: right !important;
	}
	.pull-md-none {
		float: none !important;
	}
}

@media (min-width: 992px) {
	.pull-lg-left {
		float: left !important;
	}
	.pull-lg-right {
		float: right !important;
	}
	.pull-lg-none {
		float: none !important;
	}
}

@media (min-width: 1200px) {
	.pull-xl-left {
		float: left !important;
	}
	.pull-xl-right {
		float: right !important;
	}
	.pull-xl-none {
		float: none !important;
	}
}

/**************************************************/
/*    				H's	 				  		  */
/**************************************************/

body{font-size: 1.3em;}
h1{font-size: 2em!important;}
h2{
	font-size: 1.7em!important;
	font-weight: 400;
}
h3{
	font-size: 1.4em!important;
	font-weight: 400;
}
h4{
	font-size: 1.1em!important;
	font-weight: 400;
}
h5{
	font-size: 1em!important;
	font-weight: 400;
}
h6{font-size: 0.9em!important;}
a{text-decoration: underline;}
ul a,
.nav > li > a,
a.btn{
	text-decoration: none;
}

.label-loren{background: #851cc6!important;}
.label-confirmada{background: #81cdc5!important;}
/**************************************************/
/*    				 Borders	      		  	  */
/**************************************************/
.border-primary{border-color: #11b3a2!important;}
.border-gray{border-color: #f3f3f4!important;}
.border-gray-ccc{border-color: #ccc!important;}
.border-gray-dark{border-color: #8080806e!important;}
.border-warning{border-color: #f8ac59!important;}
.border-loren{border-color: #851cc6!important;}
.border-danger{border-color: #ed5565!important;}

.border-size-0{border-width: 0px!important;}
.border-size-1{border-width: 1px!important;}
.border-size-2{border-width: 2px!important;}
.border-size-3{border-width: 3px!important;}

.border-radius-1{border-radius: 1px!important;}
.border-radius-2{border-radius: 2px!important;}
.border-radius-3{border-radius: 3px!important;}
.border-radius-4{border-radius: 4px!important;}
.border-radius-5{border-radius: 5px!important;}
.border-radius-50{border-radius: 50px!important;}

.border-solid{border-style: solid!important;}
.border-dotted{border-style: dotted!important;}
.border-dashed{border-style: dotted!important;}
.border-middle-vertical:after{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50.0112%;
	border-left: 1px solid;
	transform: translate(-50%);
}
.border-primary.border-middle-vertical:after{
	border-color: #11b3a2!important;
}
.border-danger.border-middle-vertical:after{
	border-color: #ed5565!important;
}

/*Los border top/right/bottom/left solid ya están puestos en style.css*/

.border-top-dashed {border-top:1px dashed}
.border-right-dashed {border-right:1px dashed}
.border-bottom-dashed {border-bottom:1px dashed}
.border-left-dashed {border-left:1px dashed}
.border-top-solid {border-top:1px solid}
.border-right-solid {border-right:1px solid}
.border-bottom-solid {border-bottom:1px solid}
.border-left-solid {border-left:1px solid}

.border-top-0 {border-top-width: 0px!important;}

@media (max-width: 767px) {
	.border-hidden-xs{border:0;}
}

/**************************************************/
/*    				 Genéricas	      		  	  */
/**************************************************/

.text-primary{color: #1ab394!important;}
.vcenter {vertical-align: middle!important;}
.vcenter-webkit {vertical-align: -webkit-baseline-middle!important;}
.form-control[readonly]{background-color: #FFFFFF;}
.cursor-pointer{cursor: pointer;}
.cursor-help{cursor: help;}
.cursor-arrow{cursor: auto;}
.green-bg{background-color: rgba(17, 179, 162, 0.09);}
.primary-bg{background-color: #11b3a2!important;}
.primary-bg-light{background-color: #ffffff66!important;}
.danger-bg-light{background-color: #dac2c266!important;}
.bg-loren{background-color: #851cc6!important;}
.input-group-addon {width: 37px!important;}
.table.table-striped.table-bordered i.fa {font-size: 1.3em;}
.table.table-striped.table-bordered i.fa.small {font-size: 1.1em;}
.semitransparente {opacity:.5;}
.casitransparente {opacity:.375;}
.link-sin-linea{text-decoration:none;}
.bg-white{background: white!important;}
.reservas-confirmadas-bg{background-color: #81cdc5;}
.border-reservas-confirmadas-bg{border-color: #81cdc5;}
.grey-bg{background-color: #d1dade !important; color: #5e5e5e !important;}
.border-grey{border: 1px solid #d1dade !important;}
.text-grey{color: #5e5e5e;}
.blue-bg{background-color: #1c84c6 !important; color: #FFFFFF !important;}
.border-blue{border: 1px solid #1c84c6 !important;}
.turquise-bg{background-color: rgba(28, 182, 198, 0.45) !important; color: #5e5e5e !important}
.border-turquise{border: 1px solid rgba(28, 182, 198, 0.45) !important;}

/**************************************************/
/*    		    	SCROLL's				  	  */
/**************************************************/
.menu_pral::-webkit-scrollbar {
	background: transparent;
	width: 0.5em;
	z-index: 90;
	height: 100%;
}

.menu_pral::-webkit-scrollbar-thumb {
	background: #11b3a2;
	width: 0.5em;
	opacity: 0.4;
	z-index: 99;
}

/* Apaño para mostrar pdf bien*/
.contenedor_ppal{
	height: 100%;
}
	.contenedor_ppal div#pdf{
		height: inherit;
	}

/**************************************************/
/*    		    Menú, cabeceras y footer	  	  */
/**************************************************/

body:not(.body-small) .fh-breadcrumb{
	overflow: auto;
    height: calc(100% - 174px);
    padding-bottom: 3em;
}

.body-small #page-wrapper{overflow: auto;}

#wrapper{overflow: hidden!important;}
body:not(.mini-navbar) .menu_pral{
	height: 100%;
	overflow: auto;
}

body.mini-navbar .menu_pral .nav-header{
	background-color: transparent;
}

	body.mini-navbar .menu_pral .nav-header .logo-element{
		padding: 5px 0;
	}

		body.mini-navbar .menu_pral .nav-header .logo-element img.imago_cabecera{
			width: 100%;
		}

		.menu_pral li.nav-header{
			padding: 14.5px 20px;
		}

			.menu_pral li.nav-header img.logo_cabecera{
				width: 95%;
			}

			.menu_pral li a.imagen_propi{
				padding: 0px 20px 0px 14px;
			}


div.cabecera_principal nav.navbar.navbar-static-top{
	margin-bottom: 0;
	background: #f3f3f4;
}

	div.cabecera_principal.border-bottom{
		border-bottom: 2px solid rgba(26, 179, 148, 0.55)!important;
	}

.cabecera_principal .minimalize-styl-2{
	padding: 6px 12px;
	margin: 20px 5px 5px 20px;
}

.page-heading.cabecera_secundaria{
	padding: 0 10px 0px 10px;
}

	div.row.wrapper.page-heading.cabecera_secundaria h2 {
		margin-top: 19px;
		margin-bottom: 15px;
	}

div.navbar-right ul.botones_prales {
	margin-right: 0px !important;
}

ul.navbar-top-links li a{
	min-height:0px !important;
}

@media (min-width: 970px) {

	div.navbar-right ul.botones_prales {
		margin-bottom: 0rem !important;
		margin-right: 3rem !important;
	}

}

	div.navbar-right ul.botones_prales,
	div.navbar-right ul.botones_prales:before,
	div.navbar-right ul.botones_prales li,
	div.navbar-right ul.botones_prales li:before {
		list-style: none!important;
	}

	div.navbar-right ul.botones_prales li {
		display: inline-block;
		margin-left: 5px;
	}

div.nav.developer.green-bg{background-color: rgba(17, 179, 162, 0.09)!important;}
div.footer div.logos img{
	max-height: 35px;
}

div.footer span.server{
	color: #f3f3f4!important;
}

div.mvTAB{
	width: 20%;
}

.botones_prales a.cambios_sin_guardar{
	background-color: #ed5565 !important;
	color: #ffffff !important;
	border-color:  #ed5565 !important;
}

/**************************************************/
/*                  Tablas                        */
/**************************************************/

.table-striped>tbody>tr:nth-of-type(odd) {
		background-color: rgba(24, 166, 137, 0.08);
}
.table-striped th.ordena_columna {
		cursor: pointer;
}

/**************************************************/
/*                  Spinners                      */
/**************************************************/

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
/*Firefox*/
input[type=number]{
	-moz-appearance:textfield;
}

/**************************************************/
/*                  Calendarios                   */
/**************************************************/

.daterangepicker td.active{
	background-color: #11B3A2!important;
}
.daterangepicker td.in-range{
	background-color: rgba(24, 166, 137, 0.08);
}

.month_transparent_cell :hover, .scheduler_transparent_main :hover{
	cursor: pointer !important;
}

.bloqueoDatos{
	text-align: center;
	padding-top: 10px;
}

.left_preview_calendar_arrow, .right_preview_calendar_arrow{
	background-color: #fff !important;
}

.left_preview_calendar_arrow{
	border-left: 1px solid #E5E6E7 !important;
}

.right_preview_calendar_arrow{
	border-right: 1px solid #E5E6E7 !important;
}

/**************************************************/
/*                  dropdowns                      */
/**************************************************/
.calendarioDropdown{
	width: 245px !important;
}

/**************************************************/
/*                  tooltips                      */
/**************************************************/

div.tooltip-inner {
	background-color: white;
	color: #000000;
	border: 1px solid #DDDDDD;
	opacity: 1!important;
	padding: 10px!important;
	text-align: left;
	max-width: 800px;
}

.tooltip[role="tooltip"]{
	z-index: 20510;
	opacity: 1;
}

/**************************************************/
/*                 	  Modals                      */
/**************************************************/


.llenarPantalla {
	height: 100vh;
}

.modal-row {
	margin: 0px -22px;
}

.modal .modal-dialog .modal-header h3{
	color: #1AB394;
}
.inmodal .modal-header{
	padding: 15px;
}
/* .modal-fullscreen */
.modal-fullscreen {
	background: rgba(5, 65, 60, 0.50);
}

@media (min-width: 544px) {
	.modal-60{
		width: auto;
	}
	.modal-50{
		width: auto;
	}
}

@media (min-width: 768px) {
	.modal-60{
		width: auto;
	}
	.modal-50{
		width: auto;
	}
}

@media (min-width: 992px) {
	.modal-60{
		width: 80%;
	}
	.modal-50{
		width: 60%;
	}
}
@media (min-width: 1200px) {
	.modal-60{
		width: 60%;
	}
	.modal-50{
		width: 50%;
	}
}
@media (min-width: 544px) {
	.modal-70{
		width: auto;
	}
}

@media (min-width: 768px) {
	.modal-70{
		width: auto;
	}
}

@media (min-width: 992px) {
	.modal-70{
		width: 80%;
	}
}
@media (min-width: 1200px) {
	.modal-70{
		width: 70%;
	}
}
/**************************************************/
/*                SWAL - ALERT                    */
/**************************************************/
@media (min-width: 992px){
	.swal-lg {
		left: 47.7%!important;
		width: 600px!important;
	}
}

.swal2-container {z-index:2060;}

/**************************************************/
/*                CHECKBOX GROUPS                 */
/**************************************************/
.btn-group[data-toggle="buttons"] label.btn.focus{
	background-color: transparent;
    border-color: #18a689;
    outline: none;
	outline-offset: 0;
}
.btn-group[data-toggle="buttons"] label.btn.active.focus{
	background-color: #18a689;
    border-color: #18a689;
    color: #FFFFFF;
    outline: none;
	outline-offset: 0;
}

/**************************************************/
/*                Check y radios                  */
/**************************************************/
.checkbox input[type="checkbox"],
.radio input[type="radio"]{
	cursor: pointer;
}
.checkbox input[type="checkbox"]:focus + label::before,
.radio input[type="radio"]:focus + label::before{
	outline: none!important;
}

.checkbox-success input[type="checkbox"]:checked + label::before,
.radio-success input[type="radio"]:checked + label::before,
.radio-success input[type="radio"]:checked + label::after{
 	border-color: #11B3A2;
}
.checkbox-success input[type="checkbox"]:checked + label::before,
.checkbox-success input[type="radio"]:checked + label::before,
.radio-success input[type="radio"]:checked + label::after,
.radio-success input[type="radio"] + label::after{
	background-color: #11B3A2;
}

/**************************************************/
/*                 	 Formularios                  */
/**************************************************/
/*Multi Select de ancho completo*/
#formEditar > div.row.acceso > div.categoria > span,
#formEditar > div.row.acceso > div.categoria > span > span.selection > span > ul > li > input{
	width: 100% !important;
}

/**************************************************/
/*                 	 	Planes                    */
/**************************************************/
.planes_info .pricing-plan {
	margin: 20px 0px 0 20px;
	border-radius: 4px;

    border-color: #aeaeae;
    border: 1px solid #e7eaec;
    border-style: dotted;
    border-top: 0px;
}

.planes_info .pricing-plan.selected {
  transform: scale(1.1);
  background: #f4f4f4;
}

.planes_info .pricing-plan li {
  padding: 10px 0px;
  border-bottom: 1px solid #e7eaec;
  text-align: center;
  color: #aeaeae;
}

.planes_info .pricing-plan .pricing-price {
  border-bottom: none;
}

.content-prices hr{
	margin-bottom: 0;
	margin-top: 0;
    width: 60%;
	border-color: #11b3a2;
}

.planes_info li.pricing-desc {
  font-size: 13px;
  border-bottom: none;
}

.planes_info li.pricing-title {
  background: #1ab394;
  color: #fff;
  padding: 10px;
  border-radius: 4px 4px 0 0;
  font-size: 22px;
  font-weight: 600;
}

.controles {
    text-align: center;
    margin-top: 20px;
}

.list-unstyled{
	padding-left:0;
}

.planes_info .pricing-plan .pricing-price div.precios {
    font-weight: 700;
    color: #1ab394;
}

tab.precios_tachados {
    text-decoration: line-through;
}

@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {

	.planes_info .pricing-plan {
		margin: 0px;
	}

	.planes_info .pricing-plan.selected {
		margin-top: 35px;
	}

}

.content-prices.tooltip-demo {
    padding: 10px 30px;
    text-align: center;
}

.price {
	font-family: "Lato", Arial, Tahoma, sans-serif;
}

.price > span {
	color: #1AB394;
    line-height: 45px;
    margin: 0 5px;
}

.price sup.currency{
	margin-right: 5px;
	color: #1AB394;
    line-height: 20px;
    top: -7px;
    position: relative;
}

.price sup.period{
	color: #a8a8a8;
    line-height: 15px;
    top: -7px;
    position: relative;
}

/**************************************************/
/*              Calendario "en rango"             */
/**************************************************/
.daterangepicker td.in-range{background-color: #eeeeee;}

/**************************************************/
/*                 	 	Colores                   */
/**************************************************/
.verde{color: green;}
.naranja{color: darkorange;}
.copito{color: white;}
.blackie{color : black;}
.morao{color: blueviolet;}
.label.label-morao{background-color: blueviolet;}

/**************************************************/
/*             	Upselling plan                    */
/**************************************************/

div.upselling_plan{
	height: 100%;
	margin-left: -10.3%;
	position: absolute;
	text-align: center;
	background: rgba(0, 0, 0, 0.28);
	color: white;
	top: 0px;
	z-index: 3;
}

	div.upselling_plan p{
		margin-top: 35%;
		background: #585858;
		line-height: 60px;
	}

	div.upselling_plan.reserva.fast_check p{
		margin-top: 10%;
	}

    div.upselling_plan.fast_check {
        margin-left: -1%;
    }

	div.upselling_plan.pequenya p{
		margin-top: 9%;
		line-height: 30px;
	}

		div.upselling_plan p a{
			color: white
		}

@media (min-width: 768px){

	div.upselling_plan{
		margin-left: -5%;
	}

}

/**************************************************/
/*                 Autocomplete                   */
/**************************************************/
.ui-autocomplete {
	position: absolute;
	z-index: 1000;
	cursor: default;
	padding: 0;
	margin-top: 2px;
	list-style: none;
	background-color: #ffffff;
    max-height: 250px;
    overflow: auto;
}

.ui-autocomplete li div {
	color: #676a6c;

}

.ui-autocomplete > li div:focus, .ui-autocomplete > li div:hover {
	border: 1px solid #11b3a2 !important;
	background-color: rgba(24, 166, 137, 0.29) !important;
}

.ui-helper-hidden-accessible {
	display: none;
}

/**************************************************/
/*   Formulario de precios (ModulosFYR, BDP ...)  */
/**************************************************/

.prices-form .prices-step {
	border: 1px solid #e8e8e8;
	border-radius: 3px;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

	.prices-form .prices-step.active,
	.prices-form .prices-step:hover {
		border-color: #11b3a2;
	}

		/* Triangle */
		.prices-form .prices-step.active::before,
		.prices-form .prices-step.active.disabled::before{
			position: absolute;
			left: 0;
			top: 0;
			border-style: solid;
			border-width: 39px 39px 0 0;
			border-color: #11b3a2 transparent transparent transparent;
			content: "";
		}

		.prices-form .prices-step.active::after{
			position: absolute;
			top: 4px;
			left: 5px;
			color: white;
			font-family: "FontAwesome";
			content: "\f00c";
		}

		.prices-form .prices-step.active.disabled::after{
			position: absolute;
			top: 3px;
			left: 6px;
			color: white;
			font-family: "FontAwesome";
			content: "\f05e";
		}

/**************************************************/
/*        Mini calendarios en MÓVIL al 100%       */
/**************************************************/

@media (max-width: 544px) {

	.cabecera-calendario-movil{
		display: block!important;
		width: 98%;
		padding: 0.5em 0;
		border: 1px solid rgba(0, 0, 0, 0.2);
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		z-index: 10002;
	}

	/* Full-screen display */
	.datepicker.datepicker-dropdown {
		width: 98%;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		z-index: 10002!important;
	}

	.cabecera_principal .minimalize-styl-2{
		margin: 10px 5px 5px 20px;
	}

	.datepicker.datepicker-dropdown .table-condensed{width: 100%;}
	.datepicker.dropdown-menu th, .datepicker.dropdown-menu td {padding: 1.7em 0;}

	/* Hide the arrow */
	.datepicker.datepicker-dropdown:before,
	.datepicker.datepicker-dropdown:after {display: none;}
}

/**************************************************/
/*					Wizard Options			      */
/**************************************************/

.wizardOption{
	border:1px solid #6db7ad;
	border-radius: 5px;
}
	.wizardOption.choose{
		 background: white;
		 color: black;
	}

.colorLabel{
	border:3px solid black;
}

.widgets #wizard .step-content{
	float: none;
}

#wizard .checkbox+.checkbox{
	margin-top: 10px;
}

.wizard > .content > .body .tabs-container ul > li{
	display: block;
}

.wizard.wizardWidgets > .content > .body ul > li{
	display: block;
}

/* ------------------------------------------------------------------
	Personalizacion del listado de steps del funnel de Booking.com
------------------------------------------------------------------ */
.wizard.bcom > .steps > ul > li {
    width: 20%;
}


/**************************************************/
/*					Tabs edición			      */
/**************************************************/

.nav.tab-edicion > li.active > a{
	color: #1ab394;
	font-size: 1.5rem;
    font-weight: 600;
    background-color: #f3f3f4!important;
}

	.tab-edicion.tab-content > .tab-pane > .panel-body,
	.nav.tab-edicion > li.active > a{
		background-color: #f3f3f4!important;
	}

.nav.tab-edicion > li > a.cambios_sin_guardar, .mvTAB.cambios_sin_guardar{
	color: #ed5565!important;
}

/**************************************************/
/*			Botones sincronizaciones		      */
/**************************************************/
.caracteristicas .widget{
	padding: 6px 20px;
	margin: 1rem 0.6rem 1rem 0rem;
}

/************************************************/
/*                      AYUDA	                */
/************************************************/

#right-sidebar{
	border-bottom:1px solid #e7eaec;
	height: 70%;
	width: 20% !important;
	min-width: 320px;
	top:73px;
	right:-200%;
}

.sidebar-container ul.nav-tabs li a{
	height:46px;
}

.sidebar-container ul.nav-tabs li:not(.active) a{
	border-right: none !important;
	background-color: #f9f9f9 !important;
	color: black;
}

.sidebar-container ul.nav-tabs li.active a{
	border-right: none !important;
	background-color: #1a7bb9 !important;
	color: white;
}

.sidebar-title{
	background: #1a7bb9 !important;
	color: white;
}

#top-search{
	font-size: inherit;
}

#busqueda .input-group{
	width:100%;
}

#icono_phone{
	line-height:35px;
}

.ca{
	width:50%;
	height:35px;
	background: #d9edf7;
	position: relative;
	line-height:33px;
}

.ca_div{
	width: 100%;
	position: absolute;
	bottom:0px;
}

/*Para menu ayuda*/
#right-sidebar .form-control:focus {
   border-color: rgba(26, 123, 185, 0.66) !important;
}

#capaBotonLlamame .upselling_plan p{
	margin-top: 100%;
	padding:3px;
}

/************************************************/
/*					INPUTS			      		*/
/************************************************/
.all-width {width:100% !important;}

.input-min-width-1 {min-width:50px !important}
.input-min-width-2 {min-width:90px !important}
.input-min-width-3 {min-width:130px !important}
.input-min-width-4 {min-width:170px !important}
.input-min-width-5 {min-width:210px !important}

.input-width-min {width:30px !important;}
.input-width-1 {width:50px !important;}
.input-width-2 {width:90px !important;}
.input-width-3 {width:130px !important;}
.input-width-4 {width:170px !important;}
.input-width-5 {width:210px !important;}
.input-width-6 {width:250px !important;}
.input-width-7 {width:290px !important;}

.input-max-width-1 {max-width:50px !important;}
.input-max-width-2 {max-width:90px !important;}
.input-max-width-3 {max-width:130px !important;}
.input-max-width-4 {max-width:170px !important;}
.input-max-width-5 {max-width:210px !important;}

.h-auto{
    height: auto;
}

.w-auto{
    width: auto;
}
.w-inherit{
    width: inherit;
}

@media (max-width: 544px) {
	.all-width-xs {width:100% !important;}
	.input-width-xs-1 {width:50px !important;}
	.input-width-xs-2 {width:90px !important;}
	.input-width-xs-3 {width:130px !important;}
	.input-width-xs-4 {width:170px !important;}
	.input-width-xs-5 {width:210px !important;}
	.input-width-xs-6 {width:250px !important;}
}

/************************************************/
/*		UPDATE para el plugin JS steps     		*/
/************************************************/

.wizard > .content > .body select.error {
	background: rgb(251, 227, 228);
    border: 1px solid #fbc2c4;
    color: #8a1f11;
}

/************************************************/
/*				Plugin JS slick		     		*/
/************************************************/

.slick-slide.slick-current:focus{
	outline:5px auto #11b3a2 ;
}

/************************************************/
/*			Tamaño para las tabs de idioma 		*/
/************************************************/

.tab-languages ul li a{
	padding:0.8rem;
}

/************************************/
/*		Página de restricciones		*/
/************************************/
.lock-word .first-word{margin-right: 270px;}

/****************************************/
/*		Select con icono ocupacion		*/
/****************************************/
.ocupacion .caret {
    line-height: 8px;
    width: 10px;
    height: 10px;
    border: none;
    font-family: 'FontAwesome';
}

.ocupacion .caret:before {
    content: "\f0c0";
}

/****************************************/
/*			Error en los checkbox		*/
/****************************************/
input[type="checkbox"].form-control.error + label:before{
    border: 1px dotted #cc5965;
}

/****************************************/
/*			Animaciones					*/
/****************************************/
.width-animation{
	-webkit-transition: width 0.5s ease, margin 0.5s ease;
    -moz-transition: width 0.5s ease, margin 0.5s ease;
    -o-transition: width 0.5s ease, margin 0.5s ease;
    transition: width 0.5s ease, margin 0.5s ease;
}

.imagen .img {
	height:140px;
	width:100%
}
/* Para motor_configurar necesito un poco menos de altura */
.imagen .img.miniatura_aloj {
	height:100px;
	width:100%
}
.drop input {
    display: none!important;
}
/****************************************************************/
/*			Estilos para las tarjetas de crédito				*/
/****************************************************************/
#cobros_bdp .visa{
	background-color: rgba(77, 177, 236, 0.39);
}
#cobros_bdp .mastercard{
	background-color: rgba(225, 154, 0, 0.55);
}
#cobros_bdp .amex{
	background-color: rgba(18, 38, 71, 0.35);
}
#cobros_bdp .jcb{
	background-color: rgba(98, 232, 252, 0.48);
}
#cobros_bdp .tarjeta_generica{
	background-color: rgba(191, 5, 15, 0.25);
}


span.pre{
    color: #FF6600!important;
}
span.cob{
    color: #B26AE2!important;
}
span.ant{
    color: #267205!important;
}
span.peque{
    color: #aaaaaa;
    font-size: 11px;
}

/* Estilo para no imprimir */
#modal_imprimir h2{
    border-bottom: 1px solid #676a6c;
}

@media print
{
    .non-printable { display: none; }
    .printable { display: block; }
	@page { margin: 0; }
	body { margin: 2cm; }
}

/* -------------------------------------------- */
/* Reglas para capa emergente modal_devolver */
/* -------------------------------------------- */
#modal_devolver .modal-content p{
    margin-top: 0;
    line-height: 18px;
    text-align: justify;
}

#modal_devolver .modal-content div:nth-of-type(2){
    text-align: right;
}
#modal_devolver .modal-content div:nth-of-type(3){
    text-align: right;
    margin: 0;
}

#modal_devolver .modal-content div input[type="number"]{
    text-align: right;
    border: 1px solid #e5e6e7;
    border-radius: 1px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    padding: 6px 12px;
    font-size: 14px;

    }#modal_devolver input[type="number"]:focus{
         border-color: #1ab394 !important;
         outline: 0;
    }
#modal_devolver .modal-content div label{
    margin-right: 10px;
}
#modal_devolver .modal-content div table.historico{
    width: 100%;
    border-collapse: collapse;
}
#modal_devolver .modal-content div table.historico tr:first-of-type td{
    font-weight: bold;
    border-bottom: 1px solid black;
}
#modal_devolver .modal-content div table.historico tr:last-of-type td{
    font-weight: bold;
    border-top: 1px solid black;
    text-align: right;
}
#modal_devolver .modal-content div table.historico tr td{
    text-align: center;
    padding: 8px;
    width: 33%;
}
#modal_devolver .modal-content div table.historico tr td:first-of-type{
    text-align: left;
}
#modal_devolver .modal-content div table.historico tr td:last-of-type{
    text-align: right;
}
/****************************************/
/*			Tamaño imágenes				*/
/****************************************/

/*La plantilla tiene img-sm, img-md e img-lg pero no img-xs*/
.img-xs {
	width:22px;
	height:22px;
}
.img-md-width{width:64px;}

/* -------------------------------------------- */
/* Estilos para le Iframe del CES				 */
/* -------------------------------------------- */

#capaNuevoCobroCES div.modal-body iframe{
    width: 100%;
    height: 400px;
    border: 0;
}
/* -------------------------------------------- */
/* Estilos pintar amarillas las estrellas		 */
/* -------------------------------------------- */

.table .fa-star,.modal .fa-star, #btnNValoraciones .fa-star, #btnNValoraciones .fa-star-o, #btnNValoraciones .fa-star-half-o, span .fa-star, span .fa-star-o, span .fa-star-half-o, .table .fa-star-o, .table .fa-star-half-o, .modal .fa-star-o, .modal .fa-star-half-o, .fav-star{
    color: #ffc300;
}

/****************************************/
/* Estilos para TOUR				 */
/****************************************/
.tour-step-backdrop{background: white;}

/*************************************************************************/
/* Estilos para los datos opcionales en el editar reservas				 */
/*************************************************************************/
.datosOpcionalesReserva div:nth-of-type(4n){clear: left;}

/*****************************************************************************/
/*    Esto es para que los selects en "mobile" no se caigan a otra línea     */
/*****************************************************************************/
@media (max-width: 970px) {

	.form-control, .single-line {
		display: inline-block;
	}

}

/*************************************************************************/
/* 				La cruz de cierre del calendario						 */
/*************************************************************************/

.cruz_cierra_calendario {
	position:absolute;
	left:92%;
}
/*****************************************************************************/
/* 				Tamaño para mensaje de email automático						 */
/*****************************************************************************/

#mensajeEmail {
	max-height: 250px;
    overflow: scroll;
}

/*************************************************************/
/* 				Tabla con línea activa						 */
/*************************************************************/
.table tr.active td{
	background: #11b3a2!important;
	color: white;
}

/*************************************************************************/
/* 			Estilo para el icono de cambio de orientacion				 */
/*************************************************************************/

@media (min-width: 544px) {
	.bloque-cambiar-orientacion {display: none !important;}
}

@keyframes hide {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 1;
	}

	80% {
		opacity: 1;
	}

	100% {
		opacity: 1;
	}
}

@keyframes slide-and-hide-zurdos {
	0% {
		-webkit-transform: rotate(0deg);
    	-moz-transform: rotate(0deg);
    	-o-transform: rotate(0deg);
    	-ms-transform: rotate(0deg);
    	transform: rotate(0deg);
    	transform-origin: 100% 80%;
    }

    25% {
		-webkit-transform: rotate(90deg);
    	-moz-transform: rotate(90deg);
    	-o-transform: rotate(90deg);
    	-ms-transform: rotate(90deg);
    	transform: rotate(90deg);
    	transform-origin: 100% 80%;
	}

	50% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
		transform-origin: 100% 80%;
		opacity: 1;
	}

	51% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
		transform-origin: 18% 80%;
		opacity: 1;
	}

	75% {
		opacity: 1;

		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg);
		transform-origin: 18% 80%;
	}

    100% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
		transform-origin: 18% 80%;
    	opacity: 1;
	}
}

@media (max-width: 544px) {
	.modal{
		z-index: 10001!important;
	}
	.bloque-cambiar-orientacion i {
		font-size: 6em;
	}

	.spanBlock{
		display: block;
		line-height: 30px;
	}

	/* Reservas Gestionar - Listado */
	.reservasGestionar .bloque-cambiar-orientacion {
		display: inline-block !important;
		position: absolute;
		background: none;
		z-index: 0;
	}

	.reservasGestionar .bloque-cambiar-orientacion i {
		font-size: 3em;
	}

	.reservasGestionar .fa-stack {
		width: 1em;
		float: left;
		top: 25px;
		left: 20px;
		color: #aaa;
	}

	.reservasLista_tabla table, tr, th, td{
		white-space: unset !important;
	}

	.reservasLista_tabla .fa-sort{
		display: none;
	}

	.bloque-cambiar-orientacion i:not(.cambiar-orientacion){
		-webkit-animation: hide 8s linear infinite;
	    -moz-animation: hide 8s linear infinite;
	    animation: hide 8s linear infinite;
	    color: #a0a0a0;
	}

	.bloque-cambiar-orientacion {
		display: inline-block !important;
		height: 100%;
		position: absolute;
		text-align: center;
		background: rgba(0, 0, 0, 0.65);
		color: white;
		top: 0px;
		z-index: 9999;
	}

	.cambiar-orientacion {
		-webkit-animation:slide-and-hide-zurdos 8s linear infinite;
	    -moz-animation:slide-and-hide-zurdos 8s linear infinite;
	    animation:slide-and-hide-zurdos 8s linear infinite;
	}
}

@media screen and (orientation: portrait) {
	.hidePortrait {
    	display: none;
  }

  .showPortrait {
  	display: block;
  }
}

@media screen and (orientation: landscape) {
	.showPortrait {
		display: none !important;
	}

	.spanBlock{
		display: block;
		line-height: 30px;
	}
}

/* Añadimos esta media para ajustar el boton de menu - iphone*/
@media (max-width: 840px) and (orientation: landscape) {
	.navbar-header{
		top: -10px !important;
    	position: relative;
	}
}
/*************************************************************************/
/* 							Cargando del autocomplete					 */
/*************************************************************************/
.ui-autocomplete-loading {
	background:url('../img/loader_1.gif') no-repeat right center;
	background-size: 93px;
	background-position-x: right;
}

/********************************/
/*        Boton Logueado YA		*/
/********************************/
#boton_logueado_ya{
	position: fixed;
	top:-35px;
	right: 118px;
	z-index: 50;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	transition: top 1.5s ease-in-out;
}

/* anadir important a elementos a utilizar */
.label-warning{
    background-color: #f8ac59 !important;
    color: #FFFFFF !important;
	}.label-warning-outline{
    	background-color: #FFFFFF !important;
    	color: #f8ac59 !important;
 		border:1px solid #f8ac59;
	}
.label-danger{
    background-color: #ed5565 !important;
    color: #FFFFFF !important;
	}.label-danger-outline{
    	background-color: #FFFFFF !important;
    	color: #ed5565 !important;
	 	border: 1px solid #ed5565;
	}
.label-primary{
    background-color: #11b3a2 !important;
    color: #FFFFFF !important;
}
.label-white{
    background-color: #FFFFFF !important;
    color: #11b3a2 !important;
}

.reservasCobrosReservasTabla td{
	width: 50%;
}
/********************************/
/*   		Firma	 			*/
/********************************/
.signature {
	width: 100%!important;
	margin: 0 auto;
	display: inline-block;
}

.aviso_reservas_coincidentes {
	float: none;
}

/********************************/
/* Deshabilitar imagen       	*/
/********************************/
img.disabled {
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
}

/********************************/
/* Fijo el !       	*/
/********************************/
.nav-second-level li a {
	padding-left: 40px;
}
.nav-second-level li a:hover {
	position: static;
}

/********************************/
/*   		   Displays			*/
/********************************/

.d-block{
	display: block;
}
.d-inline{
	display: inline;
}


/********************************/
/*   Tabs validacion de datos 		*/
/********************************/

.valida_empresa li.active small{
	color: #A7B1C2;
}

/********************************/
/*    	Background al draggear	*/
/********************************/

.dropzone-bg{
	background-color: #11b3a21a;
}

/********************************/
/*    		Unselectable		*/
/********************************/
.unselectable {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/********************************/
/*    		Watermark			*/
/********************************/

.watermark{
	top: 44%;
	position: absolute;
	transform: rotate(-42deg);
	left: -25%;
}
.watermark span{
	filter: blur(0.8px);
	position: absolute;
	line-height: 97px;
}
.valida_empresa .watermark {
	left:-11%;
}
/********************************/
/*    		Overlay				*/
/********************************/

.overlay {

	top: 0;
	width: inherit;
	height: 7em;
	position: absolute;
	background-color: #11b3a2;
	opacity: 0;
	transition: .3s ease;
	background-color: rgba(0, 0, 0, 0.75);
}
.overlay i{
	position: absolute;
	color: white;
	font-size: 2.5em;
	left:13%;
	top:32%;
}

.overlay i.icono-ver:hover{
	font-size: 2.3em;
}
.overlay i.icono-borrar:hover{
	font-size: 2.6em;
}

.overlay i.icono-modificar:hover{
	font-size: 5.7em;
}

.overlay i.icono-ver{
	top: 34%;
	left:55%;
	font-size: 2.2em;
}

.overlay i.icono-ordenar,.overlay i.icono-foto{
	left: 28%;
	font-size: 3em;
	top: 28%;
}

.overlay i.icono-modificar{
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	font-size: 5.5em;width: 100%;
}

.links:hover  .overlay {
	opacity: .5;
	display: block;

}
/********************************/
/*    		CRS PRE code     	*/
/********************************/
pre{
	display:block;
	padding:0;
	margin:0;
	font-size:13px;
	word-break:break-all;
	word-wrap:break-word;
	background-color:none;
	border:0;
	border-radius:0;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	color: #676a6c;
	width: 100%;
}

/************************************/
/*    	  CHECK-IN ONLINE TAB    	*/
/************************************/
.pintaCapaRegistroAloj{
	margin-left: -2% !important;
}

.listadoConPlusBulletIcon li{
	margin: 5px 0px;
	list-style: none;
}

.listadoConPlusBulletIcon li:before{
	font-family: 'FontAwesome';
    content: '\f067';
    margin: 0px 8px 0px -15px;
}
/************************************************/
/*    		CRS mostrar destacado un div     	*/
/************************************************/
.primeraDestacada {
	-webkit-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
	position: relative;
	display: inline-block;
	background-color: #fff;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	border-color: #11b3a2!important;
	-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.primeraSinDestacada {
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	position: relative;
	display: inline-block;
	-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
/************************************************/
/*    		Información de ayuda de una URL    	*/
/************************************************/
.colorInfo{
	color: #a9a7a7;
}

/************************************************/
/*			   Portal Sincronizaciones   		*/
/************************************************/
/* Airbnb - 279 */
@media (min-width: 1285px) {

	.imagen-listing{
		width: 15.5% !important;
		padding-top: 0!important;
	}

}
@media (max-width: 1280px) {

	.imagen-listing{
		padding-top: 0.5rem!important;
	}

}

/************************************************/
/*    	  VIAJEROS TAB - Ficha de reserva    	*/
/************************************************/
.cabeceraListadoRegistroViajeros span{
	font-weight: bold;
}
div.accionesRegistroViajero{
	width: 12%;
}
.accionesRegistroViajero i{
	font-size: 1.9rem;
}

.listadoRegistroViajeros .separadorCabecera{
	background-color: #ccc;
    height: 1px;
}

/********************************/
/*   		  Genially		 	*/
/********************************/
/* Sustituimos el gif de Genially por el logo de AvaiBook y lo hacemos girar*/
@keyframes rotate {from {transform: rotateY(0deg);}
    to {transform: rotateY(360deg);}}
@-webkit-keyframes rotate {from {-webkit-transform: rotateY(0deg);}
  to {-webkit-transform: rotateY(360deg);}}
.loader-genially{
    -webkit-animation: 2s rotate linear infinite;
    animation: 2s rotate linear infinite;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
	content:url("https://www.avaibook.com/images/logos/imagotipo.png");
    -webkit-animation-direction: reverse;
    animation-direction: reverse;
}

/* Ocultamos los logotipos inferiores de Genially, Compartir y pantalla completa */
.genially-view-logo, .genially-view-navigation-actions-container, .genially-view-navigation-actions-toggle-button {
	display: none !important;
}

/**************************************************/
/*    Colores de conjuntos de reglas - Airbnb	  */
/**************************************************/
.colorPicker .colorOptionBox{
	display: inline-block !important;
    margin-left: 0;
	margin-top: 0.6rem!important;
}

.colorPicker .colorOption{
	display: inline-block !important;
    cursor: pointer !important;
}

.colorPicker .colorRadioBtnDiv{
	position: relative !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 50% !important;
}

.colorDiv0{
    background: rgba(234, 2, 1, 0.1);
}

.colorDiv1{
    background: rgba(140, 65, 0, 0.1);
    margin-left: 15px;
}

.colorDiv2{
    background: rgba(255, 157, 0, 0.1);
    margin-left: 15px;
}

.colorDiv3{
    background: rgba(251, 255, 28, 0.1);
    margin-left: 15px;
}

.colorDiv4{
    background: rgba(98, 255, 0, 0.1);
    margin-left: 15px;
}

.colorDiv5{
    background: rgba(51, 187, 255, 0.1);
    margin-left: 15px;
}

.colorDiv6{
    background: rgba(102, 110, 255, 0.1);
    margin-left: 15px;
}

.colorDiv7{
    background: rgba(255, 102, 179, 0.1);
    margin-left: 15px;
}

.colorPicker .colorSelected{
    border: 1px solid #000;
}

.colorPicker .colorRadioBtn {
	position: absolute !important;
	opacity: 0 !important;
}