@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;500;700&display=swap');

:root{
  --col0: #677791;
  --col1: #4785ef;
  --col2: #414a9b;
  --col3: #e2efff; /*NO IMPORTANTE*/
  --col4: #d1d8df;
  --col5: #f5f5fb;
  --col6: #ffffff;
  --col7: #edeff5;
  --col8: #f8f8f8;
  --col9: #e8e8e8; /*NO IMPORTANTE*/
  --col10: #d2d2d2; /*NO IMPORTANTE*/

  --colv: #60cc64;
  --colb: #4785ef;
  --colr: #ff7b8c;
  --colg: #999999;
  --coly: #f4d27d;

  --hov1: #1f5dc7; /*NO IMPORTANTE*/
  --hov4: #bec5cc; /*NO IMPORTANTE*/
  --hov8: #f0f0f0; /*NO IMPORTANTE*/
  --hovv: #4eba52; /*NO IMPORTANTE*/
  --hovr: #e66273; /*NO IMPORTANTE*/
}

*{
	font-family: 'Ubuntu', sans-serif !important;
	color: var(--col0);
	margin: 0;
	padding: 0;
	line-height: 1.2;
	font-weight: 400;
	text-decoration: none;
	box-sizing: border-box;
	outline: none;
}

.cookies{
	background-color: var(--col6);
	position: fixed;
	z-index: 99;
	bottom: 0;
	left: 0;
	width: 100%;
	box-shadow: 0 0 30px rgba(0,0,0,0.2);
	display: none;
}
.cookies p{margin: 0; padding: 0; font-size: 13px;}
.cookies .btn{
	font-size: 13px;
	padding: 5px 15px;
	vertical-align: middle;
	text-align: center;
}
.cms-cookies table{width: 100%; margin-bottom: 30px;}
.cms-cookies table td{
	padding: 5px 10px;
	background-color: rgba(0,0,0,0.05);
	border: 2px solid transparent;
	font-size: 15px;
}
.cms-cookies thead td{font-weight: bold;}

.clr-gradient{color: inherit;}

moz-selection{background: var(--col1);	color: var(--col6);}
*::-moz-selection{background: var(--col1);	color: var(--col6);}

p{
	margin-bottom: 15px;
	min-height: 1px;
	line-height: 1.2;
}

strong{font-weight: bold;}

.btn
{
	padding: 15px 20px;
	display: inline-block;
	border-radius: 10px;
	box-shadow: 0 5px 15px var(--col7);
	border: none;
	margin-right: 2px;
	min-width: 160px;
	text-align: center;
	font-weight: 500;
	font-size: 15px;
	cursor: pointer;
	transition:all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-trasition:all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.btn1
{
	background-color: var(--col1);
	color: var(--col6);
}
.btn1:hover
{
	background-color: var(--hov1);
}
.btn2
{
	background-color: var(--col4);
	color: var(--col6);
}
.btn2:hover
{
	background-color: var(--hov4);
}
.btn3
{
	background-color: var(--colv);
	color: var(--col6);
}
.btn3:hover
{
	background-color: var(--hovv);
}
.btn4
{
	background-color: var(--colr);
	color: var(--col6);
}
.btn4:hover
{
	background-color: var(--hovr);
}
.bt .btn{text-align: left; min-width: auto; padding: 12px 30px; box-shadow: none;}
.bt .btn i{padding-right: 10px; font-size: 14px;}
.btn-es
{
	padding: 12px 30px;
	display: inline-block;
	margin-right: 2px;
	text-align: left;
	font-weight: 500;
	font-size: 15px;
	background-color: var(--col8);
	border: none;
	border-radius: 10px;
	cursor: pointer;
	transition:all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-trasition:all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.bt .btn-es i{padding-right: 10px; font-size: 14px; color: var(--col4);}

.btn-es:hover{
	background-color: var(--hov8);
}

.btn-tb
{
	padding: 15px 30px;
	display: inline-block;
	text-align: left;
	background-color: transparent;
	border: none;
	border-radius: 10px;
	font-weight: 700;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	position: relative;
	cursor: pointer;
	z-index: 2;
}
.btn-tb.active
{
	background-color: var(--col6);
	color: var(--col1);
	border-radius: 10px 10px 0 0;
}
.btn-tb i{font-size: 12px; padding-right: 5px;}

.btn-min
{
	padding: 6px 13px;
	display: inline-block;
	border-radius: 10px;
	border: none;
	margin-right: 2px;
	text-align: center;
	font-weight: normal;
	font-size: 19px;
	vertical-align: middle;
	cursor: pointer;
	transition:all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-trasition:all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.btn-min.del
{
	background-color: var(--colr);
	color: var(--col6);
}
.btn-min.del:hover
{
	background-color: var(--hovr);
}
.btn-min.del-p
{
	background-color: var(--colr);
	color: var(--col6);
}
.btn-min.del-p:hover
{
	background-color: var(--hovr);
}
.btn-min.act
{
	background-color: var(--col1);
	color: var(--col6);
}
.btn-min.act:hover
{
	background-color: var(--hov1);
}
.btn-min.arrow
{
	background-color: var(--col7);
	color: var(--col6);
	margin-right: 0;
	margin-left: 2px;
	pointer-events: none;
	font-size: 15px;
}
.btn-min.arrow.active{background-color: var(--col1); pointer-events: initial;}
.btn-min.arrow.active:hover{background-color: var(--hov1);}
.btn-min.add
{
	background-color: var(--colv);
	color: var(--col6);
}
.btn-min.add:hover
{
	background-color: var(--hovv);
}

.m{width: 100%; max-width: 1260px; margin: 0 auto;}
.m500{width: 100%; max-width: 500px; margin: 0 auto;}
.m700{width: 100%; max-width: 700px; margin: 0 auto;}
.m900{width: 100%; max-width: 900px; margin: 0 auto;}
.m1000{width: 100%; max-width: 1000px; margin: 0 auto;}

.ova{overflow: auto;}
.rel{position: relative;}

.tl{text-align: left;}
.tc{text-align: center;}
.tr{text-align: right;}
.tj{text-align: justify;}

i.fa{color: inherit; font-family: "FontAwesome" !important; font-weight: normal;}

.hidden{display: none; visibility: hidden;}

.h100{height: 100%;}

.bg{background-repeat: no-repeat; background-position: center; background-size: cover;}

.f{display: flex; flex-flow: row wrap; justify-content: flex-start; align-content: flex-start;}
.f.v{flex-flow: column wrap;}
.f.lr{justify-content: space-between; align-content: unset;}
.f.c{justify-content: center;}
.f.r{justify-content: flex-end;}
.f.cv{align-content: center; align-items: center;}
.f.b{align-content: flex-end; align-items: flex-end;}

.f > .c10{width: 100%;}
.f > .c9{width: 90%;}
.f > .c8{width: 80%;}
.f > .c7{width: 70%;}
.f > .c66{width: 66.6666666%;}
.f > .c6{width: 60%;}
.f > .c5{width: 50%;}
.f > .c4{width: 40%;}
.f > .c33{width: 33.3333333%;}
.f > .c3{width: 30%;}
.f > .c25{width: 25%;}
.f > .c2{width: 20%;}
.f > .c15{width: 15%;}
.f > .c1{width: 10%;}
.f > .c05{width: 05%;}
.f > .vac{align-self: center;}
.f > .f1{flex: 1;}

.pd1{padding: 1px;}
.pd2{padding: 2px;}
.pd3{padding: 3px;}
.pd4{padding: 4px;}
.pd5{padding: 5px;}
.pd5-0{padding: 5px 0;}
.pd5-10{padding: 5px 10px;}
.pd10-5{padding: 10px 5px;}
.pd10{padding: 10px;}
.pd10-0{padding: 10px 0;}
.pd0-10{padding: 0 10px;}
.pd10-30{padding: 10px 30px;}
.pd10-20{padding: 10px 20px;}
.pd10-15{padding: 10px 15px;}

.pd15{padding: 15px;}
.pd15-0{padding: 15px 0;}
.pd15-5{padding: 15px 5px;}
.pd0-15{padding: 0 15px;}
.pd15-30{padding: 15px 30px;}

.pd20{padding: 20px;}
.pd20-0{padding: 20px 0;}
.pd0-20{padding: 0 20px;}
.pd20-30{padding: 20px 30px;}
.pd20-15{padding: 20px 15px;}
.pd20-10{padding: 20px 10px;}
.pdd20, .pd20{padding: 20px;}
.pdd20-0, .pd20-0{padding: 20px 0;}
.pdd0-20, .pd0-20{padding: 0 20px;}
.pd0-25{padding: 0 25px;}

.pd25-20{padding: 25px 20px;}

.pd30{padding: 30px;}
.pd30-0{padding: 30px 0;}
.pd0-30{padding: 0 30px;}
.pd30-20{padding: 30px 20px;}
.pd30-15{padding: 30px 15px;}
.pd30-10{padding: 30px 10px;}

.pd40{padding: 40px;}
.pd40-0{padding: 40px 0;}
.pd0-40{padding: 0 40px;}
.pd40-20{padding: 40px 20px;}
.pd40-15{padding: 40px 15px;}
.pd40-10{padding: 40px 10px;}

.pd50{padding: 50px;}
.pd50-0{padding: 50px 0;}
.pd0-50{padding: 0 50px;}
.pd50-30{padding: 50px 30px;}
.pd50-20{padding: 50px 20px;}
.pd50-15{padding: 50px 15px;}
.pd50-10{padding: 50px 10px;}

.pd60{padding: 60px;}
.pd60-0{padding: 60px 0;}
.pd0-60{padding: 0 60px;}
.pd60-30{padding: 60px 30px;}
.pd60-20{padding: 60px 20px;}
.pd60-15{padding: 60px 15px;}
.pd60-10{padding: 60px 10px;}

.pd70{padding: 70px;}
.pd70-0{padding: 70px 0;}
.pd0-70{padding: 0 70px;}
.pd70-30{padding: 70px 30px;}
.pd70-20{padding: 70px 20px;}
.pd70-15{padding: 70px 15px;}
.pd70-10{padding: 70px 10px;}

.pd80{padding: 80px;}
.pd80-0{padding: 80px 0;}
.pd0-80{padding: 0 80px;}
.pd80-30{padding: 80px 30px;}
.pd80-20{padding: 80px 20px;}
.pd80-15{padding: 80px 15px;}
.pd80-10{padding: 80px 10px;}

.pd90{padding: 90px;}
.pd90-0{padding: 90px 0;}
.pd0-90{padding: 0 90px;}
.pd90-30{padding: 90px 30px;}
.pd90-20{padding: 90px 20px;}
.pd90-15{padding: 90px 15px;}
.pd90-10{padding: 90px 10px;}

.pd100{padding: 100px;}
.pd100-0{padding: 100px 0;}
.pd0-100{padding: 0 100px;}
.pd100-30{padding: 100px 30px;}
.pd100-20{padding: 100px 20px;}
.pd100-15{padding: 100px 15px;}
.pd100-10{padding: 100px 10px;}

.pd120{padding: 120px;}
.pd120-0{padding: 120px 0;}
.pd0-120{padding: 0 120px;}
.pd120-30{padding: 120px 30px;}
.pd120-20{padding: 120px 20px;}
.pd120-15{padding: 120px 15px;}
.pd120-10{padding: 120px 10px;}

.pd150{padding: 150px;}
.pd150-0{padding: 150px 0;}
.pd0-150{padding: 0 150px;}
.pd150-30{padding: 150px 30px;}
.pd150-20{padding: 150px 20px;}
.pd150-15{padding: 150px 15px;}
.pd150-10{padding: 150px 10px;}

.pd200{padding: 200px;}
.pd200-0{padding: 200px 0;}
.pd0-200{padding: 0 200px;}
.pd200-30{padding: 200px 30px;}
.pd200-20{padding: 200px 20px;}
.pd200-15{padding: 200px 15px;}
.pd200-10{padding: 200px 10px;}

.pd-nr{padding-right: 0 !important;}
.pd-nl{padding-left: 0 !important;}
.pd-nt{padding-top: 0 !important;}
.pd-nb{padding-bottom: 0 !important;}

label.checkbox{margin-bottom: 0; position: relative; padding: 0;}
label.checkbox span{
	position: relative;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.2;
	cursor: pointer;
	display: block;
}
label.checkbox span a{font-size: inherit; font-weight: inherit; color: var(--col1);}
label.checkbox span a:hover{text-decoration: underline;}
label.checkbox input{position: absolute; top: 0; left: 0; opacity: 0; height: 100%; display: block;}
label.checkbox span:before{
	content: "\f00c" !important;
	font-family: "FontAwesome" !important;
	color: transparent;
	width: 15px;
	height: 15px;
	display: inline-block;
	vertical-align: text-top;
	margin-right: 7px;
	text-align: center;
	line-height: 16px;
	font-size: 12px;
	background-color: transparent;
	border: 1px solid var(--col4) !important;
	vertical-align: initial;
	border-radius: 5px;
}

label.checkbox input:checked + span:before{
  background-color: var(--col1);
  color: var(--col6) !important;
  border-color: var(--col1) !important;
}
label.checkbox input:disabled + span:before{
  opacity: 0.5;
}
body{background-color: var(--col5);}
p img{max-width: 100%; height: auto;}
.left-frame-sim
{
	background-color: var(--col6);
	width: 325px;
}
.left-frame
{
	position: fixed;
	top: 0;
	left: 0;
	background-color: var(--col6);
	width: 325px;
	height: 100vh;
	padding-right: 30px;
	box-shadow: 0 5px 15px var(--col7);
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}
.left-frame .sup{height: calc(100vh - 120px);}
.left-frame .logo
{
	color: var(--col1);
	display: block;
	padding: 30px 40px 50px 40px;
	font-weight: 700;
	font-size: 38px;
	line-height: 1;
	letter-spacing: -1px;
}
.left-frame .element
{
	border-left: 4px solid transparent;
	padding: 20px 40px;
}
.left-frame .element .name
{
	font-weight: 500;
	font-size: 15px;
	width: calc(100% - 35px);
	padding-left: 20px;
}
.left-frame .element .icon{width: 20px;}
.left-frame .element .icon svg
{
	width: 100%;
	fill: var(--col4);
}
.left-frame .element.active
{
	background-color: var(--col3);
	border-left: 4px solid var(--col1);
	border-radius: 0 15px 15px 0;
}
.left-frame .element.active .name{color: var(--col1);}
.left-frame .element.active .icon svg{fill: var(--col1);}
.left-frame .logout .element{padding: 50px 40px;}
.right-frame
{
	width: calc(100vw - 345px);
}
.right-frame .sup,
.pag-cliente .sup
{
	border-bottom: 2px solid var(--col7);
	padding: 25px 40px;
}
.right-frame .btn-cabecera,
.pag-cliente .btn-cabecera
{
	background-color: var(--col6);
	padding: 13px 20px;
	display: inline-block;
	margin-right: 10px;
	border-radius: 10px;
	box-shadow: 0 5px 15px var(--col7);
}
.right-frame .btn-cabecera svg,
.pag-cliente .btn-cabecera svg
{
	width: 20px;
	fill: var(--col4);
}
.right-frame .btn-cabecera span,
.pag-cliente .btn-cabecera span
{
	color: var(--col0);
	padding-left: 10px;
	font-weight: 500;
	font-size: 15px;
}
.main-content{padding: 25px;}
body.tmpl_popup .main-content{padding: 50px;}
h2
{
	color: var(--col2);
	font-size: 28px;
	font-weight: 500;
	padding-bottom: 15px;
	letter-spacing: -0.5px;
}
h3
{
	color: var(--col2);
	font-size: 20px;
	font-weight: 500;
	padding-bottom: 25px;
	letter-spacing: -0.5px;
}
h4
{
	color: var(--col2);
	font-weight: 500;
	font-size: 15px;
	padding-bottom: 10px;
}
.bloq
{
	border-radius: 15px;
	background-color: var(--col6);
	padding: 30px;
	box-shadow: 0 5px 15px var(--col7);
	position: relative;
}
.bloq.table{padding: 10px; overflow-x: auto;}
.bloq.bt{padding: 10px;}
.bloq.o{background-color: var(--col2);}
.bloq.o *:not(.btn){color: var(--col5);}
.bloq.dash h4
{
	color: var(--col0);
	font-weight: 500;
	font-size: 15px;
	padding-bottom: 25px;
}
.bloq .numb
{
	font-weight: 700;
	font-size: 38px;
	line-height: 1;
}
.bloq .cambio
{
	position: absolute;
	bottom: 30px;
	right: 30px;
	padding: 8px;
	color: var(--col6);
	font-size: 14px;
	font-weight: 700;
	border-radius: 10px;
}
.bloq .cambio.r{background-color: var(--colr)}
.bloq .cambio.v{background-color: var(--colv)}

.bloq:not(.calendario) table
{
	width: 100%;
	border-collapse: collapse;
}
.bloq:not(.calendario) th
{
	font-weight: 700;
	font-size: 14px;
	text-align: left;
	padding: 25px 20px 30px 20px;
	text-transform: uppercase;
}
.bloq:not(.calendario) th span
{
	color: var(--col4);
	font-weight: 500;
	font-size: 14px;
}
.bloq:not(.calendario) table td a{display: block; font-size: 14px; padding: 20px 20px 25px 20px; font-weight: 500;}
.bloq:not(.calendario) table tbody tr:nth-child(2n+1) {background: var(--col8);}

.bloq table td div.a{display: block; font-size: 14px; padding: 20px 20px 25px 20px; font-weight: 500;}

.bloq table td div.a a{display: initial; font-size: initial; padding: initial; font-weight: initial; transition:all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-trasition:all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);}
.bloq table td div.a a:hover{opacity: 0.7;}

.bloq table td div.a a i{font-weight: normal; font-size: 17px; margin-left: 10px;}

.bloq table td.acciones a{display: inline-block; font-size: 14px; padding: 20px 0 25px 20px; font-weight: 500; transition:all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-trasition:all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);}
.bloq table td.acciones a:hover{opacity: 0.7;}
.bloq table td.ref a
{
	color: var(--col1);
	line-height: 1;
	font-weight: 700;
}
.bloq table td.ref span
{
	color: var(--col4);
	font-weight: 500;
	font-size: 15px;
}
.bloq table td.pago a
{
	color: var(--col0);
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
}
.bloq table td.pago span
{
	color: var(--col4);
	font-size: 14px;
	font-weight: 500;
}
.bloq table td.num_estadisticas a
{
	color: var(--col0);
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
}
.bloq table td.num_estadisticas span
{
	color: var(--col0);
	font-size: 14px;
	font-weight: 500;
}
.bloq table td.activo .circulo
{
	width: 13px;
	height: 13px;
	border-radius: 50px;
	margin-right: 10px;
	display: inline-block;
	vertical-align: middle;
}
.bloq table td.activo .circulo.verde{background-color: var(--colv);}
.bloq table td.activo .circulo.rojo{background-color: var(--colr);}
.bloq table td.nombre a
{
	color: var(--col1);
	line-height: 1;
	font-weight: 700;
	font-size: 16px;
}
.bloq table td.nombre span
{
	color: var(--col4);
	font-weight: 500;
	font-size: 14px;
}
.bloq table td.acciones i
{
	font-weight: normal;
	font-size: 19px;
	margin-right: 25px;
}
.bloq table td.acciones i:last-child{margin-right: 0;}
.bloq table td.num .badge{margin-right: 5px; font-weight: 700; font-size: 13px;}
.bloq table td.num .badge:last-child{margin-right: 0;}
.bloq table td.estrellas i
{
	font-weight: normal;
	font-size: 17px;
	margin-right: 1px;
	color: var(--col4);
}
.bloq table td.estrellas i:last-child{margin-right: 0;}
.badge
{
	display: inline-block;
	background-color: var(--col1);
	border-radius: 50px;
	padding: 4px 12px;
	font-size: 12px;
	color: var(--col6);
	font-weight: 500;
	text-transform: uppercase;
	white-space: nowrap;
}
.bloq table td.minmax a
{
	font-weight: 700;
	font-size: 17px;
	color: var(--col4);
}
.bloq table td.minmax i
{
	font-weight: normal;
	font-size: 14px;
	margin-right: 5px;
}
.bloq table td.minmax .badge{background-color: var(--col4);}
.bloq table td.minmax i:last-child{margin-right: 0;}
.bloq table td.prod a{line-height: 1.5;}
.bloq table td.prod div.a{line-height: 1.5;}
.bloq table td.prod b
{
	font-weight: 500;
	font-size: 16px;
}
.bloq table td.campo a
{
	color: var(--col1);
	line-height: 1;
	font-weight: 500;
	font-size: 16px;
}
.bloq table td.campo span
{
	color: var(--col4);
	font-weight: 500;
	font-size: 14px;
}
.bloq table td.edades_precios a
{
	line-height: 1.3;
	font-size: 15px;
}
.bloq table td.edades_precios a i
{
	font-size: 12px;
	color: var(--col1);
	padding: 0 5px;
	font-weight: normal;
}
.badge.v{background-color: var(--colv);}
.badge.g{background-color: var(--colg);}
.badge.r{background-color: var(--colr);}
.badge.y{background-color: var(--coly);}
.badge.b{background-color: var(--colb);}
input
{
	background-color: var(--col6);
	padding: 12px 20px;
	display: inline-block;
	margin-right: 10px;
	border-radius: 10px;
	box-shadow: 0 5px 15px var(--col7);
	border: none;
	font-size: 14px;
	width: 180px;
	max-width: 100%;
}
select
{
	background-color: var(--col6);
	padding: 12px 20px;
	display: inline-block;
	margin-right: 10px;
	border-radius: 10px;
	box-shadow: 0 5px 15px var(--col7);
	border: none;
	font-size: 14px;
	width: 180px;
	max-width: 100%;
	-moz-appearance: none;
	-webkit-appearance: none;
	background-image: url("/images/estructura/down-arrow.svg");
	background-repeat: no-repeat;
	background-position: center right 10px;
	background-size: 14px;
}
textarea
{
	background-color: var(--col6);
	padding: 12px 20px;
	display: inline-block;
	margin-right: 10px;
	border-radius: 10px;
	box-shadow: 0 5px 15px var(--col7);
	border: none;
	font-size: 14px;
	width: 100%;
	resize: none;
	height: 200px;
}
.bloq.bt .results
{
	font-size: 14px;
	font-weight: 700;
	padding-right: 15px;
	color: var(--col4);
}
.tab-first{border-top-left-radius: 0;}
.bloq.bt select{box-shadow: none; background-color: var(--col8);}
.form label
{
	display: block;
	font-weight: 500;
	font-size: 15px;
	margin-bottom: 5px;
}
.form label.checkbox{margin-bottom: 0;}
.form input{width: 300px; box-shadow: none; background-color: var(--col8);}
.form select{width: 300px; box-shadow: none; background-color: var(--col8);}
.form textarea{min-width: 300px; box-shadow: none; background-color: var(--col8);}
small{font-size: 12px; line-height: 1.6;}
.bloq-tb{display: none;}
.bloq-tb.active{display: block;}

.switch
{
	position: relative;
	display: inline-block;
	width: 60px;
	height: 30px;
}
.switch input
{
	opacity: 0;
	width: 0;
	height: 0;
}
.switch-in
{
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--colr);
	-webkit-transition: 0.15s;
	transition: 0.15s;
	border-radius: 30px;
}
.switch-in:before
{
	position: absolute;
	content: "";
	height: 22px;
	width: 22px;
	left: 4px;
	bottom: 4px;
	background-color: var(--col6);
	-webkit-transition: 0.15s;
	transition: 0.15s;
	border-radius: 50%;
}
input:checked + .switch-in {background-color: var(--colv);}
input:checked + .switch-in:before
{
	-webkit-transform: translateX(29px);
	-ms-transform: translateX(29px);
	transform: translateX(29px);
}
#filtro{display: none;}
#filtro.active{display: block;}
#filtrar.active{background-color: var(--col1); color: var(--col8);}
#filtrar.active i{color: var(--col8);}
#filtrar.active:hover{background-color: var(--hov1);}
.filt input{box-shadow: none; background-color: var(--col8);}
.filt select{box-shadow: none; background-color: var(--col8);}
.filt button{box-shadow: none;}
.filt .multiselect{background-image: none; width: 200px;}
.alert
{
	position: fixed;
	top: 10px;
	left: 50%;
	transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-trasition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
	animation-name: appear;
	animation-duration: 0.3s;
	transform: translateX(-50%);
	cursor: pointer;
	z-index: 999999;
}
@keyframes appear {
  0%   {top: -100px;}
  100% {top: 10px;}
}
.alert.close
{
	top: -100px;
	transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-trasition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.alert > div
{
	padding: 12px 30px;
	text-align: center;
	font-size: 17px;
	font-weight: 500;
	color: var(--col6);
	border-radius: 10px;
	box-shadow: 0 5px 15px var(--col4);
}
.alert > div.v{background-color: var(--colv);}
.alert > div.r{background-color: var(--colr);}
.alert > div.y{background-color: var(--coly);}
.alert > div i{margin-right: 5px;}

#pagina-producto .alert > div{box-shadow: 0 5px 15px rgba(0,0,0,0.1);}
.alert.ts > div{box-shadow: 0 5px 15px rgba(0,0,0,0.1);}

.bloq p.nopedidos
{
	font-size: 21px;
	color: var(--col4);
	padding: 15px 20px;
	margin-bottom: 0;
}
i.ml{margin-left: 5px;}
i.mr{margin-right: 5px;}
.back a
{
	padding-top: 5px;
	font-size: 13px;
	padding-bottom: 15px;
	display: inline-block;
}
.back a i{padding-right: 10px; font-size: 13px;}
.planoasientos
{
	border-radius: 15px;
	background-color: var(--col8);
	overflow: hidden;
	padding: 10px;
}
.planoasientos.col6{width: 224px;}
.planoasientos.col5{width: 190px;}
.planoasientos.col4{width: 156px;}
.planoasientos.col3{width: 122px;}
.planoasientos.col2{width: 88px;}
.planoasientos.col1{width: 54px;}
.planointerior{width: 205px;}
.planoasientos .planointerior .asiento
{
	width: 30px;
	margin: 2px;
	height: 30px;
	border-radius: 10px;
	text-align: center;
	line-height: 30px;
	font-size: 13px;
	background-color: var(--col6);
	font-weight: 700;
}
.planoasientos .planointerior .asiento.vacio{background-color: transparent;}
.planoasientos .planointerior .asiento.ocupado{background-color: var(--col4); color: var(--col6);}
.bus .nombre
{
	color: var(--col0);
	font-size: 21px;
	font-weight: 500;
	letter-spacing: -0.5px;
}
.bus .plazas
{
	color: var(--col4);
	font-size: 16px;
	font-weight: 500;
	padding-bottom: 15px;
	letter-spacing: -0.5px;
}
.clr-field button
{
  width: 30px !important;
  height: 30px !important;
  right: 17px !important;
  border-radius: 10px !important;
}
.clr-field button::after
{
	box-shadow: none !important;
}
.pd0-30 > .pd20-0:last-child{padding-bottom: 0;}
.dropzone
{
	width: 100%;
	height: 100%;
	border: none;
	position: relative;
	z-index: 2;
	background-color: var(--col8);
	border-radius: 10px;
}
.dropzone > .dz-default.dz-message{margin: 30px 15px;}

.dropzone.dz-started:before, .dropzone.dz-startede:before
{
	/*content: "⊙ Arrastra las fotos para ordenarlas";*/
	content: none;
	display: block;
	font-size: 13px;
	margin-bottom: 10px;
}
.dropzone > .dz-success:nth-child(2):before
{
	/*content: "Foto principal";*/
	content: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 12px;
	z-index: 21;
	pointer-events: none;
	box-sizing: border-box;
	background: var(--col1);
	padding: 5px;
	text-transform: uppercase;
	font-weight: 400;
}
.dropzone .dz-preview
{
	background-color: var(--col6);
	margin: 0;
	margin-right: 10px;
	margin-bottom: 10px;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 5px 15px var(--col7);
}
.dropzone .dz-preview .dz-remove
{
	font-size: 14px;
	padding: 3px;
}
.dropzone .dz-remove i
{
	color: inherit;
	font-size: inherit;
	margin-right: 3px;
}
.zonadrop
{
	position: relative;
	background-color: rgba(0,0,0,0.05);
	min-height: 200px;
	padding: 30px;
}
.zonadrop input
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	opacity: 0;
	z-index: 1;
	color: red;
	font-weight: bold;
}
.zonadrop .galeria .it
{
	padding: 5px;
	width: 20%;
}
.zonadrop .galeria .bg
{
	height: 100px;
	position: relative;
}
.zonadrop .galeria .it i
{
	color: white;
	background-color: #ff7b8c;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 29px;
	display: block;
	border-radius: 50%;
	font-size: 14px;
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 999;
	cursor: pointer;
	opacity: 0.9;
}

.dropzone.dz-started, .dropzone.dz-startede{background-image: none;}

.dropzone.dz-startede .dz-default.dz-message{display: none;}

.dropzone .dz-preview > div{max-height: 200px;}

.dropzone .dz-details{display: none;}
.dropzone .dz-preview:hover .dz-image img
{
	filter: none !important;
	transform: none !important;
}
.dropzone .dz-preview .dz-image{border-radius: 0;}

.dropzone .dz-preview .dz-success-mark svg *{fill: #60cc64;}
.dropzone .dz-preview .dz-error-mark svg *{fill: #ff7b8c;}

.dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg
{
	background: #fff;
	border-radius: 50%;
	padding: 2px;
}

.dropzone > .dz-success:nth-child(2){position: relative;}
.dropzone > .dz-success:nth-child(2):after
{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 20;
	pointer-events: none;
	box-sizing: border-box;
	border-top-width: 20px;
}
.dz-error-message, .dz-error-message *
{
	font-size: 12px;
	color: #fff;
	line-height: 1.2;
}
.dropzone .dz-preview .dz-error-message{top: 150px;}

.dropzone .dz-preview.dz-file-preview .dz-image{border-radius: 0;}
.rango_fecha h3{padding-bottom: 0;}
.masrangos
{
	margin-bottom: 10px;
	border-radius: 15px;
	background-color: var(--col8);
	overflow: hidden;
	padding: 20px 30px;
}
.edades_rep input,
.edades_rep select
{
	background-color: var(--col6) !important;
}

.masrangos .edades_rep select {
  pointer-events: none !important;
  background-color: var(--col4) !important;
}
.masrangos .edades_rep:last-child select {
  pointer-events: initial !important;
  background-color: var(--col6) !important;
}

hr{margin: 15px -10px; border: 3px solid var(--col5);}

.popup{
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background-color: var(--col6);
	padding: 30px;
	display: none;
	z-index: 100;
}
.popup.bloq
{
	box-shadow: none;
	padding: 50px;
	max-height: 90vh;
	overflow-y: scroll;
}

.popup > i{
	position: absolute;
	top: 5px;
	right: 5px;
	color: var(--col1);
	font-size: 25px;
	cursor: pointer;
}

.popup > div{display: none;}

.popupoverlay{
	position: fixed;
	cursor: pointer;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: opacity .3s ease-out;
	opacity: 0;
	background: rgba(0,0,0,0.5);
	z-index: 100;
	display: none;
	animation-name: fadeIn;
	animation-duration: 0.3s;
	animation-fill-mode: both;
}

.popupoverlay.open{display: block; opacity: 1;}
.popup.open{display: block;}
.lpopup{cursor: pointer;}
.formpop label
{
	display: block;
	font-weight: 500;
	font-size: 15px;
	margin-bottom: 5px;
}
.formpop input{box-shadow: none; background-color: var(--col8); margin-bottom: 0px;}
.formpop select{box-shadow: none; background-color: var(--col8); margin-bottom: 0px;}
.formpop textarea{box-shadow: none; background-color: var(--col8); margin-bottom: 0px;}
.edades_rep{margin-bottom: 5px;}

.masrangos .edades_rep .borrarango {display: none;}
.masrangos .edades_rep:last-child .borrarango {display: block;}
.masrangos .edades_rep:nth-child(2) .borrarango {opacity: 0; pointer-events: none;}

.bloq table td a.btn{display: inline-block; margin-left: 20px; margin-bottom: 10px; padding: 10px 20px; font-size: 15px;}

.autobus{width: 264px; padding: 1px;}
.autobus .asiento
{
	width: 40px;
	margin: 1px;
	height: 30px;
	border-radius: 5px;
	cursor: pointer;
	padding: 0;
	text-align: center;
	line-height: 1;
	font-size: 13px;
	overflow: hidden;
}
.autobus small{display: block; text-align: center;}
.planoasientos .planointerior label.checkbox span{display: block; height: 100%;}
.planoasientos .planointerior label.checkbox span:before
{
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background-color: transparent;
	border: none !important;
	cursor: pointer;
	line-height: 28px;
	font-size: 17px;
	position: absolute;
	font-family: 'FontAwesome';
}
.planoasientos .planointerior label.checkbox input[type="checkbox"]:checked + span:before
{
	background-color: var(--col1);
	color: var(--col6); !important;
	content: "\f007" !important;
}
body.tmpl_popup .bloq
{
	min-height: 90vh;
	width: 100%;
}
.popupoverlay_f
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: opacity .3s ease-out;
	background: rgba(0,0,0,0.5);
	z-index: 100;
	display: block;
	opacity: 1;
	animation-name: fadeIn;
	animation-duration: 0.3s;
	animation-fill-mode: both;
}
.popup_f
{
	background-color: var(--col6);
	display: block;
	z-index: 100;
	box-shadow: none;
	padding: 50px;
}
.popup_f > a > i{
	position: absolute;
	top: 10px;
	right: 15px;
	color: var(--col1);
	font-size: 25px;
	cursor: pointer;
}

section.login{height: 100vh;}
.login .logo{display: inline-block;}
.login .logo img{
    max-height: 80px;
    max-width: 250px;
}
.login .input{position: relative; margin-bottom: 10px;}
.login input{
    width: 100%;
    font-size: 15px;
    padding: 20px 40px 20px 55px;
    font-weight: 500;
}
.login .input svg{
    position: absolute;
    top: 50%;
    height: 20px;
    width: 20px;
    left: 20px;
    transform: translateY(-50%);
    fill: var(--col4);
}
.login .lr *{
    font-size: 13px;
    font-weight: 400;
}

.formrecuperar{display: none;}

.iniciar,
.recuperar{
    cursor: pointer;
}

.iniciar:hover,
.recuperar:hover{
    text-decoration: underline;
}

.login .lr{margin-top: 15px;}

.opcap input
{
    display: inline-block;
    width: 60px !important;
    padding: 15px;
    margin-left: 5px;
}

.opcap span
{
	font-size: 15px;
	font-weight: 400;
	line-height: 1.2;
}

.minilogo{
    max-height: 36px;
    max-width: 150px;
    margin-left: 5px;
}

input[readonly], input[disabled], select[readonly], select[disabled]{
    cursor: not-allowed;
    pointer-events: none;
    background-color: var(--col4);
}
.participantes textarea{width: 300px;}

.repetible input[type="checkbox"]{width: auto;}
.textarea
{
	padding: 12px 20px;
	display: inline-block;
	margin-right: 10px;
	border-radius: 10px;
	border: none;
	font-size: 15px;
	width: 100%;
	min-width: 300px;
	box-shadow: none;
	background-color: var(--col8);
	line-height: 1.6;
}
.textarea hr{border: 1px solid var(--col4); margin: 10px 0;}
.textarea hr:last-child {display: none;}
.textarea b{font-weight: 500;}
.fichero_subido a{color: var(--col1); font-weight: 700; font-size: 14px;}

#pagos .pagorealizado
{
	padding: 10px 5px;
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 0;
}
#pagos .pagorealizado span {display: inline-block; margin: 0 !important;}

#pagos .pago .nuevopago{display: none; margin-top: 15px;}
#pagos .pago.add .nuevopago{display: block;}

#pagos .pago.add .añadirpago{display: none;}

#pagos .pago .nuevopago input{width: 400px; -webkit-appearance: none; -moz-appearance: textfield;}
#pagos .pago .textarea{padding: 10px 20px; display: flex;}

.bloq table td a.btn-min {
	display: inline-block;
	padding: 6px;
	width: 35px;
	margin-left: 20px;
}
tr.inputs td{padding: 25px 20px 30px 20px;}
tr.inputs td input {width: 400px;}
.hide{display: none;}
.filtrando_postventa{ font-size: 13px; }
.filtrando_postventa .badge{margin-left: 5px;}

.pagina-productoerror{background-color: var(--col6);}

.pagina-productoerror > .f{height: 100vh;}

.pagina-productoerror h1
{
	font-size: 65px;
	font-weight: 700;
	color: var(--col0);
	line-height: 1.2;
}
.pagina-productoerror h1 span
{
	font-size: inherit;
	font-weight: inherit;
	color: var(--col1);
}
.pagina-productoerror img{max-width: 100%;}
.pagina-productoerror p
{
	line-height: 1.6;
	font-size: 17px;
	margin-top: 30px;
	margin-bottom: 0;
}
#pagina-producto .cabecera
{
	padding: 50px;
	padding-bottom: 35px;
}
#pagina-producto .cabecera img
{
	max-height: 70px;
	max-width: 250px;
}
#travelseller .paso .titulo,
#travelseller .resumen .titulo
{
	background-color: var(--col0);
}
#travelseller .paso
{
	margin-bottom: 5px;
	border-radius: 3px;
	overflow: hidden;
	box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}
#travelseller .paso .titulo h2,
#travelseller .resumen .titulo h2
{
	font-size: 18px;
	margin: 0;
	color: var(--col6);
	padding: 12px 30px;
}
#travelseller .paso .titulo .r
{
	border-left: 3px solid var(--col5);
	color: var(--col6);
	padding: 0 25px;
	font-weight: 500;
	font-size: 16px;
}
#travelseller .paso.futuro .titulo
{
	pointer-events: none;
	opacity: 0.5;
}
#travelseller .paso .contenidopaso
{
	background-color: var(--col6);
	padding: 50px;
}
#travelseller .paso.pasofin .contenidopaso
{
	padding: 50px 35px;
}

#travelseller .resumen
{
	border-radius: 3px;
	overflow: hidden;
	box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}
#travelseller .resumen .contenidoresumen
{
	background-color: var(--col6);
	padding: 30px;
}
#travelseller .resumen .contenidoresumen .nombre
{
	font-weight: 700;
	font-size: 16px;
	text-transform: uppercase;
	color: var(--col1);
}
#travelseller .resumen .contenidoresumen .informacion
{
	font-size: 14px;
	line-height: 1.6;
}
#travelseller .btn{border-radius: 3px;}
#travelseller .mensajeinicial
{
	background-color: var(--col6);
	padding: 30px;
	border-radius: 3px;
	overflow: hidden;
	box-shadow: 0 5px 15px rgba(0,0,0,0.05);
	margin-bottom: 20px;
}
#travelseller .mensajeinicial p:last-child
{
	margin-bottom: 0;
}
#travelseller .recuadroayuda
{
	background-color: var(--col6);
	padding: 30px;
	text-align: center;
	border-radius: 3px;
	overflow: hidden;
	box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}
#travelseller .recuadroayuda h3
{
	color: var(--col0);
	font-size: 23px;
	font-weight: bold;
	padding: 0;
	margin-bottom: 20px;
}
#travelseller .paso .contenidopaso label
{
	font-weight: 500;
	font-size: 17px;
	color: var(--col2);
	margin-bottom: 5px;
	display: block;
}
#travelseller .paso .contenidopaso label.min
{
	font-size: 14px;
	margin-bottom: 2px;
	font-weight: normal;
	color: var(--col0);
}
#travelseller .paso .contenidopaso .fechasalida label.min{margin-bottom: 0;}
#travelseller .paso .contenidopaso .fechasalida label.min:first-letter{text-transform: uppercase;}
#travelseller select,
#travelseller input
{
	width: 100%;
	box-shadow: none;
	background-color: var(--col8);
	border-radius: 3px;
}
#travelseller .resumen .contenidoresumen .informacion b
{
	color: var(--col1);
	font-weight: 500;
	font-size: 15px;
}
#travelseller .paso .contenidopaso .alojamiento
{
	background-color: var(--col8);
	border-radius: 3px;
	overflow: hidden;
}
#travelseller .paso .contenidopaso .inp_oculto
{
	height: 0;
	padding: 0;
	font-size: 0;
	position: absolute;
	top: 0;
	left: 0;
	border: none;
	opacity: 0;
	pointer-events: none;
}
#travelseller .alojamientodetallado{display: none;}
#travelseller .swiper-galeria-hoteles{overflow: hidden;}
#travelseller .swiper-button-next:after,
#travelseller .swiper-button-prev:after
{
	color: var(--col6);
	font-size: 25px;
	text-shadow: 0 0 5px rgba(0,0,0,0.6);
}
#travelseller .paso .contenidopaso .alojamiento h3
{
	font-weight: 700;
	font-size: 24px;
	margin-bottom: 2px;
	color: var(--col0);
	padding: 0;
}
#travelseller .paso .contenidopaso .alojamiento h4
{
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	opacity: 0.7;
	color: var(--col0);
}
#travelseller .paso .contenidopaso .alojamiento .estrellas i
{
	color: var(--col1);
	font-size: 17px;
	padding-right: 2px;
	margin-bottom: 10px;
}
#travelseller .paso .contenidopaso .alojamiento h5
{
	color: var(--col1);
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 25px;
	line-height: 1;
}
#travelseller .paso .contenidopaso .alojamiento h5 span
{
	color: var(--col0);
	font-size: 15px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}
#travelseller .resumen .precio
{
	background-color: var(--col1);
	text-align: center;
}
#travelseller .resumen .precio h2
{
	font-size: 26px;
	margin: 0;
	color: var(--col6);
	padding: 10px 30px;
	font-weight: 700;
	letter-spacing: 1px;
}
#travelseller .paso .contenidopaso .complemento
{
	background-color: var(--col8);
	border-radius: 3px;
	overflow: hidden;
}
#travelseller .paso .contenidopaso .complemento select,
#travelseller .paso .contenidopaso .complemento input
{
	background-color: var(--col6);
}
#travelseller .paso .contenidopaso .complemento label
{
	display: block;
	font-weight: 700;
	font-size: 21px;
	margin-bottom: 15px;
	color: var(--col0);
	padding: 0;
}
#travelseller .paso .contenidopaso .complemento label.min
{
	font-size: 13px;
	margin-bottom: 5px;
	opacity: 0.7;
}
#travelseller .complemento > div:nth-last-child(2){padding-bottom: 0;}
#travelseller .paso .contenidopaso .complemento h5
{
	color: var(--col1);
	font-size: 20px;
	font-weight: 700;
}
#travelseller .paso .contenidopaso .complemento label.checkbox{margin-bottom: 0;}
#travelseller .complementodetallado{display: none;}
#travelseller .paso .contenidopaso.participantes{padding: 50px 35px;}
#travelseller .btn#enviarform:disabled {opacity: 0.2; pointer-events: none;}
#travelseller .textarea.contrato
{
	padding: 30px;
	overflow: hidden;
	height: 400px;
	overflow-y: scroll;
	border-radius: 3px;
}
#travelseller .textarea h2
{
	font-size: 23px;
	color: var(--col0);
	line-height: 1.2;
	margin-bottom: 5px;
	font-weight: bold;
	padding: 0;
}
#travelseller .textarea h3
{
	font-size: 18px;
	color: var(--col0);
	line-height: 1.2;
	margin-bottom: 5px;
	font-weight: bold;
	padding: 0;
}
#travelseller .textarea p
{
	font-size: 15px;
	color: var(--col0);
	line-height: 1.6;
}
#travelseller .textarea p b
{
	font-weight: 500;
}
#travelseller .pasofin .contenidopaso label
{
	display: block;
	font-weight: 700;
	font-size: 21px;
	margin-bottom: 15px;
	color: var(--col0);
	padding: 0;
}
#travelseller .pasofin .contenidopaso .pagos p.min
{
	font-size: 15px;
	line-height: 1.6;
	margin-bottom: 5px;
}
#travelseller .paso .contenidopaso .alojamiento .btn{transition: none; -webkit-trasition: none; background-color: var(--col0);}
#travelseller .pasofin .contenidopaso .pagos p.min b{font-weight: 700;}
#travelseller .btn.disabled {opacity: 0.2; pointer-events: none;}
#travelseller .sel_hab{display: none; background-color: var(--col9); padding-top: 25px; padding-right: 30px;}
#travelseller .paso .contenidopaso .alojamiento.selected{box-shadow: inset 0 0 0 3px var(--col9);}
#travelseller .alojamiento.selected .sel_hab{display: flex;}
#travelseller .sel_hab .habitacion{padding: 30px;}
#travelseller .sel_hab .habitacion label{color: var(--col0); font-size: 15px;}
#travelseller .paso .contenidopaso .alojamiento.selected .btn{opacity: 0.2; pointer-events: none;}

#travelseller i.fa-circle-o-notch{font-size: 50px; color: var(--col1); margin-bottom: 30px;}
.pagina_completado .bloq{padding: 50px;}
.pagina_completado .bloq p{line-height: 1.6;}
.pagina_completado .bloq p b{font-weight: 500;}
.pagina_completado .bloq p:last-child{margin-bottom: 0;}

#travelseller .paso .contenidopaso #calendario .ui-datepicker {width: 100%;}
#travelseller .paso .contenidopaso #calendario .ui-widget-header {border: none; background: transparent;}
#travelseller .paso .contenidopaso #calendario .ui-widget.ui-widget-content {background: transparent; border: none; padding: 0;}
#travelseller .paso .contenidopaso #calendario .ui-datepicker .ui-datepicker-title {margin: 0; margin-bottom: 5px;}
#travelseller .paso .contenidopaso #calendario .ui-datepicker select.ui-datepicker-month,
#travelseller .paso .contenidopaso #calendario .ui-datepicker select.ui-datepicker-year {width: calc(50% - 2px); padding: 5px 15px; font-size: 15px; margin: 0; text-align: center;}
#travelseller .paso .contenidopaso #calendario .ui-datepicker select.ui-datepicker-month{margin-right: 4px;}
#travelseller .paso .contenidopaso #calendario .ui-datepicker th {padding: 8px 5px;}
#travelseller .paso .contenidopaso #calendario .ui-datepicker .ui-datepicker-header {padding: 0;}
#travelseller .paso .contenidopaso #calendario .ui-datepicker td span,
#travelseller .paso .contenidopaso #calendario .ui-datepicker td a {text-align: center; color: var(--col0);}
#travelseller .paso .contenidopaso #calendario .ui-datepicker td {padding: 1px;}
#travelseller .paso .contenidopaso #calendario .ui-datepicker tbody span{background-color: var(--col5); border: none;}
#travelseller .paso .contenidopaso #calendario .ui-state-default,
#travelseller .paso .contenidopaso #calendario .ui-widget-content .ui-state-default,
#travelseller .paso .contenidopaso #calendario .ui-widget-header .ui-state-default,
#travelseller .paso .contenidopaso #calendario .ui-button{border-radius: 3px; background-color: var(--col8); border: none; background-color: var(--col0); opacity: 0.4; color: var(--col6); padding: 10px 15px; font-size: 15px; font-weight: 500;}
#travelseller .paso .contenidopaso #calendario .ui-state-disabled span,
#travelseller .paso .contenidopaso #calendario .ui-widget-content .ui-state-disabled span,
#travelseller .paso .contenidopaso #calendario .ui-widget-header .ui-state-disabled span {background-color: var(--col8); color: var(--col0);}
#travelseller .paso .contenidopaso #calendario .ui-datepicker .ui-datepicker-prev,
#travelseller .paso .contenidopaso #calendario .ui-datepicker .ui-datepicker-next {display: none;}
#travelseller .paso .contenidopaso #calendario .ui-state-active,
#travelseller .paso .contenidopaso #calendario .ui-widget-content .ui-state-active{background: var(--col0); opacity: 1;}

#travelseller .paso .contenidopaso .alojamiento .btn-min
{
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	display: inline-block;
	opacity: 0.4;
	cursor: pointer;
	padding: 0;
	padding-top: 10px;
}
.alojamientodetallado{padding: 50px !important; min-width: 50vw;}
.alojamientodetallado h3
{
	font-weight: 700;
	font-size: 24px;
	margin-bottom: 2px;
	color: var(--col0);
	padding: 0;
}
.alojamientodetallado h4
{
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	opacity: 0.7;
	color: var(--col0);
}
.alojamientodetallado .estrellas i
{
	color: var(--col1);
	font-size: 17px;
	padding-right: 2px;
	margin-bottom: 10px;
}
.alojamientodetallado p{line-height: 1.6;}

#travelseller .paso .contenidopaso .complemento p.desc_corta{margin-bottom: 0; line-height: 1.6; font-size: 14px;}
#travelseller .paso .contenidopaso .complemento .btn-min
{
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	display: inline-block;
	opacity: 0.4;
	cursor: pointer;
	padding: 10px 0 20px 0;
}
.complementodetallado{padding: 50px !important; min-width: 50vw;}
.complementodetallado h3{
	font-weight: 700;
	font-size: 24px;
	margin-bottom: 2px;
	color: var(--col0);
	padding: 0;
}
.complementodetallado h4{
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	opacity: 0.7;
	color: var(--col0);
	margin-bottom: 10px;
}
.complementodetallado p{line-height: 1.6;}

#travelseller .cuadrocupon label {display: block; font-weight: 600; font-size: 16px; margin-bottom: 10px; color: var(--col0); padding: 0; text-align: center;}
#travelseller .addcupon input{background-color: var(--col6); border-radius: 3px 0 0 3px; height: 100%;}
#travelseller .addcupon button{border-radius: 0 3px 3px 0; height: 100%; min-width: initial;}
#travelseller .addcupon small{color: var(--colr);}

#travelseller .borrarcupon{position: absolute; right: 0; top: calc(50% + 8px); transform: translateY(-50%);}
#travelseller .borrarcupon button{border: none; background-color: transparent;}
#travelseller .borrarcupon button i{color: var(--col1); font-size: 18px; cursor: pointer;}

#travelseller .resumen .precio h2 span
{
	color: inherit;
	font-weight: 500;
	letter-spacing: inherit;
	display: block;
	font-size: 15px;
	opacity: 0.5;
	text-decoration: line-through;
}
#travelseller #formulariocontacto{display: none;}
#formulariocontacto{padding: 35px !important; width: 800px;}
#formulariocontacto input {width: 100%;}

.enlaces-legales li{list-style: none; display: inline-block;}
.enlaces-legales .l a{margin-right: 20px;}
.enlaces-legales a{display: block; font-size: 13px;}

.cms-legal{padding: 50px !important;}
#pagina-producto{min-height: calc(100vh - 28px);}

#pagina-pedido .cabecera
{
	padding: 50px;
	padding-bottom: 35px;
}
#pagina-pedido .cabecera img
{
	max-height: 70px;
	max-width: 250px;
}
#pagina-pedido ul li{list-style: none; line-height: 1.6;}
#pagina-pedido ul li b{font-weight: 500; color: var(--col1);}

#travelseller .resumen .precio.b{background-color: var(--colb);}
#travelseller .resumen .precio.v{background-color: var(--colv);}
#travelseller .resumen .precio.g{background-color: var(--colg);}
#travelseller .resumen .precio.r{background-color: var(--colr);}
#travelseller .resumen .precio h3
{
	font-size: 17px;
	margin: 0;
	color: var(--col6);
	padding: 12px 30px;
}
#pagina-pedido #travelseller .paso, #travelseller.pag-cliente .paso{margin-bottom: 30px;}
#pagina-pedido #travelseller .paso:last-child{margin-bottom: 0;}
#pagina-pedido #travelseller .contenidopaso.texto_informativo{padding: 30px;}
#pagina-pedido #travelseller .texto_informativo p{line-height: 1.5; margin-bottom: 0;}

#pagina-pedido #travelseller .documento{margin-bottom: 10px; background-color: var(--col8); border-radius: 3px; overflow: hidden; padding-left: 30px;}
#pagina-pedido #travelseller .documento .btn{border-radius: 0; margin-right: 0;}
#pagina-pedido #travelseller .documento:last-child{margin-bottom: 0;}
#pagina-pedido #travelseller .documento strong{font-weight: 500; font-size: 15px;}
#pagina-pedido #travelseller .textarea{border-radius: 3px;}
#pagina-pedido #travelseller .textarea strong{font-weight: 500;}

#pagina-pedido #travelseller textarea {width: 100%; box-shadow: none; background-color: var(--col8); border-radius: 3px;}

#pagina-pedido #travelseller input[readonly],
#pagina-pedido #travelseller input[disabled],
#pagina-pedido #travelseller select[readonly],
#pagina-pedido #travelseller select[disabled] {
	cursor: not-allowed;
	pointer-events: none;
	background-color: var(--col9);
}
#pagina-pedido #travelseller .participantes .archivosubido{font-weight: 500; font-size: 13px; color: var(--col1);}

#pagina-pedido #travelseller .pago,
#pagina-pedido #travelseller .pagorealizado,
#pagina-pedido #travelseller .pagopendiente
{
	margin-bottom: 5px;
	border-radius: 3px;
	background-color: var(--col8);
	padding: 10px 30px;
}
#pagina-pedido #travelseller .pago {background-color: var(--col0); border-radius: 3px;}
#pagina-pedido #travelseller .pago h4
{
	font-size: 15px;
	margin: 0;
	color: var(--col6);
	font-weight: 500;
	padding: 0;
}
#pagina-pedido #travelseller .pagorealizado .boto h5
{
	color: var(--col1);
	font-weight: 500;
	font-size: 15px;
	text-transform: uppercase;
}
#pagina-pedido #travelseller .pagopendiente h5
{
	color: var(--col1);
	font-weight: 500;
	font-size: 20px;
	text-transform: uppercase;
}
#pagina-pedido #travelseller .pagorealizado{background-color: var(--col9);}
#pagina-pedido #travelseller .pagorealizado .cant h5
{
	font-weight: 500;
	font-size: 20px;
	text-transform: uppercase;
}
#pagina-pedido #travelseller .pagorealizado .cant h5:first-child{font-size: 15px; font-weight: 700;}
::placeholder {
	color: var(--col10);
	opacity: 1;
}
input.required:invalid {
    box-shadow: inset 0 0 0 2px var(--colr);
}
.dominio span
{
	display: block;
	margin-bottom: 10px;
	font-size: 15px;
	font-weight: 500;
}
.shepherd-element.shepherd-enabled{margin: 0 15px !important;}
.shepherd-text
{
	color: var(--col0) !important;
	font-size: 16px !important;
	line-height: 1.5 !important;
}
.shepherd-text b {color: var(--col1) !important;}
.shepherd-button
{
	padding: 12px 20px !important;
	border-radius: 10px !important;
	font-weight: 500 !important;
	font-size: 15px !important;
	background-color: var(--col1) !important;
	color: var(--col6) !important;
}
.shepherd-button:hover{background-color: var(--hov1) !important;}
.expedientes #filtro input,
.expedientes #filtro select
{
	height: 42px;
}
.reservas_plazas
{
	position: relative;
}
.reservas_plazas i
{
	background: var(--col0);
	width: 18px;
	height: 18px;
	vertical-align: middle;
	text-align: center;
	line-height: 18px;
	border-radius: 50px;
	color: var(--col7);
	margin-left: 5px;
	position: relative;
}
.tooltiptext{pointer-events: none; width: 400px; background-color: var(--col0); color: var(--col7);; text-align: center; padding: 5px 0; border-radius: 6px; position: absolute; z-index: 1; bottom: 140%; left: 50%; margin-left: -200px; opacity: 0; transition: opacity 0.3s;}
.tooltiptext::after{content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: var(--col0) transparent transparent transparent;}
.reservas_plazas i:hover .tooltiptext{visibility: visible; opacity: 1;}
#bloqueayuda{
	display: none;
}
.rokbox-wrapper #bloqueayuda{
	padding: 60px;
	min-width: 1280px;
	    margin: 0;
}
.imagentravelguia{
	display: inline-block;
	float: left;
}
.imagentravelguia.right{
	float: right;
}
.rokbox-wrapper #bloqueayuda img{
	width: unset !important;
	max-width: 100% ;
}
.rokbox-content{
	max-width: initial !important;
}
.rokbox-content div{
	max-width: initial !important;
}
.descripcion_avisos{padding: 50px 5px 10px 20px;}
.descripcion_avisos p
{
	font-size: 16px;
	line-height: 1.6;
}
.descripcion_avisos li
{
	font-size: 16px;
	line-height: 1.6;
	margin-left: 15px;
}
.left-frame .submenu{
	padding-left: 40px;
	display: none;
  transition: transform .15s;
}
.left-frame .submenu.abierto{
	display: block;
}
.left-frame .submenu .element
{
	border-left: 4px solid transparent;
	padding: 10px 40px;
}
.left-frame .submenu .element .name
{
	font-weight: 500;
	font-size: 14px;
	width: calc(100% - 20px);
	padding-left: 20px;
}
.left-frame .submenu .element.active
{
	background-color: unset;
	border-radius: unset;
}

.left-frame .menupadre{cursor: pointer;}
.left-frame .menupadre::after {
  display: block;
  flex: 0 12px;
  height: 12px;
  content: "";
  background-image: var(--cui-sidebar-nav-group-indicator,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgba%280, 0, 0, 0.8%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"));
  background-repeat: no-repeat;
  background-position: center;
  transition: transform .15s;
}
.left-frame .menupadre.hijoabierto::after {
transform: rotate(180deg);
}
.tox-statusbar__branding{
    display: none;
}
.styckynavbar.is_stuck{
	z-index: 99;
	padding: 0 15px;
}
.styckynavbar.is_stuck .bloq{
	border-radius: 0 0 15px 15px;
}
.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: var(--col8);
  min-width: 280px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  border-radius: 15px;
}

.dropdown-content a {
    padding: 12px 30px;
    display: inline-block;
    margin-right: 2px;
    text-align: left;
    font-weight: 500;
    font-size: 15px;
    text-decoration: none;
    display: block;
}
.dropdown-content a i {
  padding-right: 10px;
  font-size: 14px;
  color: var(--col4);
}

.dropdown-content a:hover {background-color: var(--hov8); border-radius: 15px;}

.dropdown:hover .dropdown-content {display: block; border-radius: 15px;}

.titulodiapresentacion h3{
	padding-bottom: 0;
}

.titulodiapresentacion .fa{
	margin-right: 5px;
}
.itinerarioscontent > div:first-child{margin-top: 30px;}
.lineapresentacion{
	position: relative;
	border-radius: 15px;
	padding: 20px;
	margin-bottom: 10px;
	background-color: var(--col8);
}
.lineapresentacion h3{
	padding-bottom: 0;
	font-size: 16px;
	letter-spacing: 0;
}
.btndelpresentaciones{
	position: absolute;
	top: 10px;
	right: 10px;
	min-width: initial;
	padding: 10px 15px;
	height: calc(100% - 20px);
}

.containermovil {
  Display: none;
  position: fixed;
  justify-content: center;
  align-items: center;
  z-index: 9;
}
nav {
  background-color: #1E1E23;
  width: 100vw;
  height: 65px;
}


#menuToggle {
  display: flex;
  flex-direction: column;
  position: relative;
  top: 25px;
  left: 25px;
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
}

#menuToggle span
{
  display: flex;
  width: 29px;
  height: 2px;
  margin-bottom: 5px;
  position: relative;
  background: #000000;
  border-radius: 3px;
  z-index: 1;
  transform-origin: 5px 0px;
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

#menuToggle span:first-child
{
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}

#menuToggle input:checked ~ span
{
  opacity: 1;
  transform: rotate(45deg) translate(-3px, -1px);
  background: #36383F;
}
#menuToggle input:checked ~ span:nth-last-child(3)
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

#menuToggle input:checked ~ span:nth-last-child(2)
{
  transform: rotate(-45deg) translate(0, -1px);
}

#menu
{
	position: absolute;
	width: 100vw;
	height: 100vh;
	box-shadow: 0 0 10px #85888C;
	margin: -50px 0 0 -25px;
	padding: 50px;
	padding-top: 125px;
	background-color: #F5F6FA;
	-webkit-font-smoothing: antialiased;
	transform-origin: 0% 0%;
	transform: translate(-100%, 0);
	transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

#menu li
{
	padding: 10px 0;
	transition-delay: 2s;
}

#menuToggle input:checked ~ ul
{
	transform: none;
}
.cabeceramovil{
	display: none;
	height: 65px;
	position: fixed;
	width: 100vw;
	z-index: 5;
	background-color: var(--col5);
}
.logomovil{
	position: fixed;
	left: 50%;
	transform: translate(-50%, 0);
}
.cabeceramovil .logo {
	color: var(--col1);
	display: block;
	padding: 15px 25px 50px 40px;
	font-weight: 700;
	font-size: 32px;
	line-height: 1;
	letter-spacing: -1px;
	float: right;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
	border: unset;
}
.select2-container--default .select2-selection--multiple {
	background-color: transparent;
	border: unset;
	border-radius: unset;
}
.select2-container .select2-selection--multiple {min-height: unset !important;}
.bloq.table.fronttable{
	padding: 0;
	border-radius: 5px;
	box-shadow: none;
}
.bloq.table.fronttable a{
	cursor: pointer;
}
.proximoviaje .bloq
{
	padding: 0;
	overflow: hidden;
}
.proximoviaje .bloq .btn
{
	border-radius: 0 !important;
	width: 100%;
	margin: 0;
}
.otrosviajes .bloq
{
	padding: 0;
	overflow: hidden;
}
.otrosviajes .bloq .btn
{
	border-radius: 0 !important;
	padding: 20px;
	margin: 0;
}
.otrosviajes .bloq h3
{
	padding-bottom: 0;
	font-size: 19px;
}
.tusdatos .bloq
{
	padding: 15px;
	overflow: hidden;
}
h2.fc-toolbar-title:first-letter
{
	text-transform: capitalize;
}
.fc-h-event {
	border: none;
}
.fc-h-event .fc-event-title {
  display: block;
  color: var(--col6);
  padding: 7px 20px !important;
  font-weight: 500;
  font-size: 15px;
}
.fc-today-button{display: none !important;}
.fc .fc-button .fc-icon {
  font-size: 16px;
  color: var(--col0);
  display: block;
}
.fc .fc-button-primary {
  border: none;
  background-color: var(--col7);
  margin-left: 8px !important;
  border-radius: 10px !important;
  padding: 10px;
}
.fc .fc-button-primary:active,
.fc .fc-button-primary:active
{
  border: none;
  background-color: var(--col7);
  margin-left: 8px !important;
  border-radius: 10px !important;
  padding: 10px;
}
.fc .fc-daygrid-day.fc-day-today {
  background-color: var(--col9);
}
.exp_cal
{
	margin-top: 30px;
}
.exp_cal li
{
	list-style: none;
	display: inline-block;
	margin-right: 50px;
}
.exp_cal .fecha_cerrada i
{
	height: 25px;
	width: 25px;
	border-radius: 25px;
	background-color: rgba(71, 133, 239, 0.7);
	display: inline-block;
	vertical-align: middle;
}
.exp_cal .fecha_abierta i
{
	height: 25px;
	width: 25px;
	border-radius: 25px;
	background-color: rgba(96, 204, 100, 0.7);
	display: inline-block;
	vertical-align: middle;
}
.exp_cal span
{
	font-size: 15px;
	font-weight: 500;
	margin-left: 5px;
}
.calendariodashboard .fc-button-group
{
	display: none !important;
}
.calendariodashboard h2
{
	color: var(--col0);
	font-weight: 500;
	font-size: 18px !important;
	padding-bottom: 0;
}
.descripcion_fuera
{
	margin-top: 10px;
}
.descripcion_fuera p
{
	font-size: 14px;
	line-height: 1.6;
	margin: 0;
}
.descripcion_fuera p b
{
	font-weight: 500;
}
.bloq table td.distribucion a
{
	color: var(--col0);
	font-size: 15px;
	font-weight: 700;
	line-height: 1;
}
.bloq table td.distribucion a span
{
	font-size: 14px;
	font-weight: 500;	
}
.bloq table td.datosextra a span b
{
	font-weight: 700;
}
.habitacionestotales p b
{
	font-weight: 700;	
}

#pagina-landing .cabecera
{
	padding: 10px 30px;
	background-color: var(--col6);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99;
	box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}
#pagina-landing .cabecera img
{
	max-height: 55px;
	max-width: 250px;
	display: block;
	margin: 0 auto;
}
#pagina-landing .portada
{
	height: 50vh;
	background-image: url("/landing/images/portada.jpg");
}
#pagina-landing .overlay
{
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.5);
}
#pagina-landing .portada h1
{
	margin-top: 75px;
	color: var(--col6);
	font-weight: 800;
	font-size: 55px;
	margin-bottom: 10px;
}
#pagina-landing .portada h2
{
	color: var(--col6);
	font-weight: 300;
	font-size: 20px;
	letter-spacing: 1px;
	text-transform: uppercase;
}
#pagina-landing .viajes .bloq.viaje
{
	display: block;
	box-shadow: 0 5px 15px var(--col4);
	padding: 0;
	overflow: hidden;
}
#pagina-landing .viajes .bloq.viaje .imagen
{
	background-color: #afb1b3;
	height: 220px;
}
#pagina-landing .viajes .bloq.viaje .texto
{
	padding: 30px;
}
#pagina-landing .viajes .bloq.viaje h3
{
	font-weight: 600;
	padding-bottom: 10px;
}
#pagina-landing .viajes .bloq.viaje i
{
	color: var(--col2);
	margin-right: 2px;
	font-size: 18px;
}
#pagina-landing .viajes .bloq.viaje span
{	
	color: var(--col1);
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 500;
}
#pagina-landing .viajes .bloq.viaje .precio {margin-right: 20px;}
#pagina-landing .vistafinal .header .m
{
	padding: 100px 30px;
}
#pagina-landing .vistafinal .header h1
{
	padding-top: 75px;
	color: var(--col6);
	font-weight: 800;
	font-size: 50px;
	margin-bottom: 15px;
}
#pagina-landing .vistafinal .migas li
{
	display: inline-block;
}
#pagina-landing .vistafinal .migas i
{
	color: var(--col6);
	padding: 0 15px;
	display: block;
	font-size: 13px;
}
#pagina-landing .vistafinal .migas a,
#pagina-landing .vistafinal .migas span
{
	color: var(--col6);
	display: block;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 500;
}
#pagina-landing .vistafinal .textosfinal h2
{
	font-size: 35px;
}
#pagina-landing .vistafinal .textosfinal h3
{
	color: var(--col0);
	font-size: 19px;
	font-weight: 600;
	padding-bottom: 5px;
	padding-top: 10px;
}
#pagina-landing .vistafinal .textosfinal p
{
	line-height: 1.6;
}
#pagina-landing .vistafinal .block-fijoviaje .btn
{
	width: 100%;
	margin-bottom: 15px;
}
#pagina-landing .vistafinal .block-fijoviaje .btn2
{
	background-color: var(--col6);
	color: var(--col0);
}
#pagina-landing .vistafinal .block-fijoviaje .btn2:hover
{
	background-color: var(--col4);
}
#pagina-landing .vistafinal .block-fijoviaje svg
{
	fill: var(--col2);
	max-width: 75px;
	margin-bottom: 15px;
}
#pagina-landing .vistafinal .block-fijoviaje h3
{
	color: var(--col1);
	font-size: 22px;
	text-transform: uppercase;
	font-weight: 600;
}
#pagina-landing .nosotroslanding  h3
{
	font-size: 30px;
	color: var(--col6);
}
#pagina-landing .nosotroslanding
{
	margin-bottom: 50px;
}
#pagina-landing .nosotroslanding .overlay
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
}
#pagina-landing .nosotroslanding .btn
{
	background-color: var(--col6);
	color: var(--col1);
	box-shadow: none;
}

#pagina-landing .nosotros p,
#pagina-landing .nosotros li
{
	line-height: 1.6;
}
.novisible
{
	opacity: 0;
	height: 0;
	padding: 0;
	margin: 0;
}

.fixwh{
	position: fixed;
	bottom: 24px;
	right: 20px;
	z-index: 10;
}

.fixwh a{display: block;}
.fixwh i{
	color: #fff;
	width: 60px;
	height: 60px;
	line-height: 60px;
	border-radius: 50%;
	text-align: center;
	font-size: 35px;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.cabecera ul li {
	list-style: none;
	display: inline-block;
}
.cabecera ul li a {
	margin-left: 30px;
}
#pagina-landing .contacto textarea {width: 100% !important;}