.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"], input[type="password"], 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;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    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;
}

#reserva li button {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .23em .55rem;
    font-size: 0.9rem;
    /* line-height: 1.5; */
    border-radius: .25rem;
    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: #ffffff;
    color: #05bdbd;
    border-radius: 8px;
    border: 1.5px solid #05bdbd;
    width: 30px;
    height: 30px;
}

#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; position: relative}

.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);
    width: 85% !important;

}

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






/*** Checkbox **/

.checkbox label:after,
.radio label:after {
    content: '';
    display: table;
    clear: both;
}

.checkbox .cr,
.radio .cr {
    position: relative;
    display: inline-block;
    border: 2px solid #05bdbd;
    border: 2px solid #b2b5b9;
    background: #fff;
    border-radius: 8px;
    width: 28px;
    height: 28px;
    float: left;
    margin-right: .5em;
    box-shadow: 2px 2px 3px -2px rgba(0,0,0,0.75);
}

.radio .cr {
    /* border-radius: 50%;*/
}

.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
    position: absolute;
    font-size: 1em;
    line-height: 0;
    top: 50%;
    left: 20%;
    color: #05bdbd;
}

.radio .cr .cr-icon {
    margin-left: 0.04em;
}

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
    display: none;
}

.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in;
}

.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
}

.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {
    opacity: .5;
}

#widget .cabecera {margin-top: auto;}


/** Table servicios */

.table-servicios {
    font-size: .8em;
}

.table-servicios label {
    margin-bottom: 0;
}

.hover-status-day {
    position: absolute;
    display: none;
    top: -30px;
    z-index: 50;
    border-radius: 8px;
    padding: 4.5px 10px;
    /* left: -50%; */
    right: calc(50% - 7px);
    border: 1px solid;

}
/*
.hover-status-day:after {
  content: ' ';
  border-style: solid;
}*/

.t-status-0:hover > .hover-status-day, .t-status-1:hover > .hover-status-day, .t-status-2:hover > .hover-status-day, .t-status-3:hover > .hover-status-day, .t-status-4:hover > .hover-status-day, .t-status-5:hover > .hover-status-day {
    display: block;
}

#pais {width: 100%}
#observaServicios, #observaciones { height: 55px; }

.infoBtn {
    width: 28px;
    height: 28px;
    border: 1px solid #ffffff;
    border-radius: 15px;
    background: #05bdbd;
    padding-left: 2px;
    position: relative;
    cursor: pointer;
    position: absolute;
    z-index: 99;
    display: inline-block;
    right: 14px;
    bottom: 24px;
    box-shadow: 2px 2px 3px -2px rgba(0,0,0,0.75);
    text-align: center;
}

.infoBtnContinuo {
    display: inline-block;
    position: relative;
    top: 0;
    right: 0px;
}
.margintop20 {
    margin-top: 20px;
}
select#personas::-ms-expand {
    display: none;
}
select#personas {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-overflow: '';
    padding-left: 10px;
    padding-right: 10px;
    width: 15%
}

.infoBtn .icon-info{
    color: #fff;
}
ul.idiomas {padding-inline-start: 0px;}
.form-bootstrapWizard {padding:0px}
label[for=personas] {font-size:.95em}
.cabecera h3 {padding: 0px}
.estadoReserva ul {list-style-type: none;}

.modal-dialog { width: 85%; max-width: 85%}

.enlace-condiciones, .enlace-condiciones {color: #05bdbd; font-weight: bold; cursor: pointer}

.datos-personales label {
    font-size: .9em;
    font-weight: bold;
    position: relative;
    top: 10px;
}

.floatRight {float: right}

#reserva #limpiarFechas {top: .5px;}

div.infoBtn[data-target="#infoFechas"] { left: 0px; }

.estadoReserva {margin-bottom: 25px;}

#personas, #limpiarFechas {cursor: pointer}

.fichaRef .inputSearchContainer #limpiarBusqueda {position: absolute; right: 15px; top: -10px;  }
#inputSearch {width: 100%}


.datos h4 {font-size: 1.25em; font-weight: bold;}

.total-reserva {margin-top: 25px}
.titleRefugioResumen, .titleFechaResumen {font-size: 1.25em}


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

#collapseReservasydisponibilidad button {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    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;
}

#widget #infoServicios {

}

#widget #customerData .modal-content {
    max-width: 500px;
    margin: 0 auto;
}

#widget .datos-personales input, #widget .datos-personales select {
    width: 80%;
    margin-top: 5px;
    background: #d9f5f5;
    color: #05bdbd;
    padding: 0.3rem;
}
#widget textarea { padding: 0.3rem; }

#widget #customerData label, #widget #customerData input {
    width: 100%;
}

#widget .requerido:before {
    /* http://www.evotech.net/articles/testjsentities.html • */
    content:'\2022  ';
    color: red;
    margin-left: -5px;
    margin-right: 5px;

}

#widget .error {
    /*
    border: 1px solid rgba(255,0,0,0.6);
    border-radius: .5rem;
    box-shadow: 0px 0px 10px 2px rgba(255,0,0,0.6);
    padding: 0 0.125rem;*/
    box-shadow: 0 0 10px #c00000;

    font-size: 1.125rem;
}
#widget .success {

    /*
    border: 1px solid #84f184;
    border: 1px solid #28a745;
    border-radius: .5rem;
    box-shadow: none;
    background-color: rgba(132, 241, 132, 0.30);
    background-color: #009778;
    padding: 0 0.125rem;

    */
    box-shadow: 0 0 10px #0fc066;

    font-size: 1.125rem;
}

#widget button { cursor: pointer; }
#widget button.cancelar { background: #822528; }
.datos-personales button.cancelar { float: right; }
#widget button[disabled] { background: darkgrey; cursor: auto}
#widget .errorMsg { color: red; display: inherit;  }
#widget .labelError {  color: red;  }
#widget .valid {  display: none;  }
#widget .nuevoUsuario{  margin-top: 2.5rem;  }
#widget .infoPago {padding: 5px 20px; border: 1px solid #6c757d}

#toast-container.toast-bottom-center>div, #toast-container.toast-top-center>div {
    min-width: 600px;
}