/*Cabecera de idiomas*/
/*
.cabecera{
  display: flex;
  flex-flow: row;
}
.titulo{
  width: 85%;
}
.menu-idiomas{
  width: 15%;
}
*/
.idiomas{
  list-style: none;
}
.idiomas li{
  display: inline-block;
  padding: 0;
}
.idiomas li img{
  width: 32px;
  cursor: pointer;
}
.idiomas li.seleccionado img{
  -webkit-box-shadow: 0px 0px 7px 3px rgba(5,189,189,0.4);
  -moz-box-shadow: 0px 0px 7px 3px rgba(5,189,189,0.4);
  box-shadow: 0px 0px 7px 3px rgba(5,189,189,0.4);
}

.texto-destacado{
  color: #05bdbd;
}
i.info{
  font-size: 18px;
}
i.info:hover{
  cursor: pointer;
}

.t-datepicker{
  width: 95%;
  margin: 0 0.5rem 0 0;
}
.calendario-info{
  display: inline-flex;
  flex-flow: row;
}
.disponibilidad-item {
  margin:  1rem 0.5rem 0;
  align-self: center;
}
.info.fila{
  display: flex;
}
.info.fila .visual{
  width: 60px;
  height: 30px;
  margin-right: 1rem;
}
.vdp-datepicker__calendar .cell{
  line-height: 38px!important;
  padding: 0!important;
}
.disponible{
  background-color: green;
}
.bloqueado{
  background-color: orange;
}
.completo{
  background-color: red;
}
.cerrado{
  background-color: blue;
}

.fechas-reserva{
  margin-top: 1rem;
}
.main{
  padding: 2rem 1rem;
  /*width: 50%;*/
  /*border:1px solid black;*/
  /*height: 31rem;*/
}
#resumenReserva{
  height: 100%;
  background: white;
}
input[type="text"], input[type="email"], select{
  font-size: 18px;
  height: 48px;
}
textarea{
  width: 100%;
  height: 96px;
}
.slide-fade-enter-active {
  transition: all 0.3s ease;
}
.slide-fade-leave-active {
  transition: all 0.8s cubic-bezier(1, 0.5, 0.8, 1);
}
.slide-fade-enter, .slide-fade-leave-to
  /* .slide-fade-leave-active below version 2.1.8 */ {
  transform: translateX(100%);
  opacity: 0;
}

.navegacion{
  margin-bottom: 6rem;
}
.bootstrapWizard {
  display: block;
  list-style: none;
  padding: 0;
  position: relative;
  width: 100%;
  margin-left: 0px;
}

.bootstrapWizard li {
  display: block;
  float: left;
  width: 25%;
  text-align: center;
  padding-left: 0;
}

.bootstrapWizard li .step {
  background: #B2B5B9;
  color: #fff;
  display: inline;
  font-size: 15px;
  font-weight: 700;
  padding: 7px 13px;
  border: 3px solid rgba(0, 0, 0, 0);
  border-radius: 50%;
  line-height: normal;
  position: relative;
  text-align: center;
  z-index: 2;
  transition: all .1s linear 0s;
}

.bootstrapWizard li:before {
  border-top: 3px solid #05bdbd ;
  content: "";
  display: block;
  font-size: 0;
  overflow: hidden;
  position: relative;
  top: 11px;
  right: 1px;
  width: 100%;
  z-index: 1;
}

.bootstrapWizard li.uno:before{
  width: 50%;
  left: 50%;
}

.bootstrapWizard li.cuatro:before{
  right: 50%;
}

.bootstrapWizard li.active .step, .bootstrapWizard li.active.complete .step {
  background: #05bdbd;
  color: #fff;
  font-weight: 700;
  padding: 7px 13px;
  font-size: 15px;
  border-radius: 50%;
  border: 3px solid #90baa2/*55606E*/;
}

.bootstrapWizard li .title {
  color: #bfbfbf;
  display: block;
  font-size: 13px;
  line-height: 15px;
  max-width: 100%;
  position: relative;
  table-layout: fixed;
  text-align: center;
  top: 20px;
  word-wrap: break-word;
  z-index: 104;
}

.bootstrapWizard li.active .title, .bootstrapWizard li.complete .title {
  color: #2B3D53;
}


#reserva button {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  border: 1px solid transparent;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  background: #05bdbd;
  color: #fff;
  border-radius: 10px;
  box-shadow: 2px 2px 3px -2px rgba(0,0,0,0.75);
  position: relative;
  top: -2px;
}

#reserva button.close{
  border-radius: 0;
}

#reserva select {
  background: #05bdbd;
  color: #ffffff;
  border-radius: 10px;
  box-shadow: 2px 2px 3px -2px rgba(0,0,0,0.75);
  border: none;
  height: 38px;
}

#reserva input {
  background: #d9f5f5;
  width: 100%;
  color: #05bdbd;
  box-shadow: 2px 2px 3px -2px rgba(0,0,0,0.75);
  border: none;
  height: 38px;
}

#reserva input[type=checkbox] {
  width: 38px;
}


.t-status-0         { background-color: #05bdbd !important;} /* Enable */
.t-status-1         { background-color: #c59217 !important;}  /* Sin plazas */
.t-status-2         { background-color: #0073cf !important;}
.t-status-3         { background-color: #c4262e !important;}  /* Cerrado (Disponible refugio libre) */
.t-status-4         { background-color: #ff6d22 !important;}     /* */
.t-status-5         { background-color: #a9c2d0 !important;}      /* Cerrado */

.t-status-0, .t-status-1, .t-status-2, .t-status-3, .t-status-4, .t-status-5 {color: #ffffff}

.t-check-out:before {
  content: ''; display: inline-block; height: 100%; left: 0.15em; position: absolute; top: 0.7em; vertical-align: top; width: 20px; left: -10px;
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgOCAxOCI+CiAgICA8cGF0aCBmaWxsPSIjOTU5OUFBIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0uMTE5LjcxOGw3LjE1OCA3LjQwNy0uMDMzLS41NTEtNi43MzcgOC44ODlhLjQyNS40MjUgMCAwIDAgLjA4LjU5My40Mi40MiAwIDAgMCAuNTktLjA4bDYuNzM3LTguODg5YS40MjUuNDI1IDAgMCAwLS4wMzMtLjU1MUwuNzIzLjEyOEEuNDIuNDIgMCAwIDAgLjEyOC4xMmEuNDI1LjQyNSAwIDAgMC0uMDA5LjU5OHoiLz4KPC9zdmc+Cg=='); background-repeat: no-repeat;
}
.t-check-in         { border-color: black; border-right: none; border-radius: 10px 0px 0px 10px; }
.t-check-out        { border-color: black; border-left: none; border-radius: 0px 10px 10px 0px; }

.t-start, .t-range, .t-end {
  font-weight: bold;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAMAAACeL25MAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFycnJAAAAfMDdlQAAAAJ0Uk5T/wDltzBKAAAAFklEQVR42mJgZGRkYABiMAQzGQECDAAAjAANGn1qewAAAABJRU5ErkJggg==');
  color: #FFFFFF;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

.t-highlighted { color: inherit}
.t-check-in .t-end, .t-check-out .t-start, .t-check-out tr~.t-end { background: inherit}

input, select {outline:  none}

.t-check-in, .t-check-out {
  background: #d9f5f5;
  border: none;
  color: #05bdbd;

}

.t-datepicker {
  border-radius: 8px;
  box-shadow: 2px 2px 3px -2px rgba(0,0,0,0.75);
}


.fechas-reserva h5, .info {
  color: #05bdbd;
}
#reserva h3.titulo {
  color: #05bdbd;
  font-size: 1.4rem;
}