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


body #app_hot{
    font-family: var(--font)!important;
}
.small-loader-cotizando{
    display: none!important;
}

#app_hot .row-buscador-interno .mkte_booking-buscador .buscador-interno{
    border-radius: 7px;
}

form#app_hot {
    padding: 20px;
    background-color: #ffffff;
    font-family: var(--font), sans-serif;
    font-size: 11px;
    color: var(--gris-texto);
    border-radius: 0 0 10px 10px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

@media (min-width: 992px) {
    .hoteles_vertical form#app_hot {
        max-width: 550px;
    }
}

@media (min-width: 992px) {
    .hoteles_horizontal form#app_hot {
        max-width: 1170px;
        width: 100%;
        margin: 0;
    }
}


#app_hot .list-group-item {
    border: none!important;
    margin-bottom: 5px;
}

#app_hot .fa {
    font-size: 16px;
}

.form-control {
    box-shadow: none!important;
}

.popover.popover-habitaciones.bottom .arrow, .popover.popover-habitaciones.bottom .arrow:after {
    border-bottom-color: var(--primary)!important;
}


.popover.popover-habitaciones, .popover.bottom.popover-habitaciones.fade.in {
    padding: 0;
    border: none!important;
}


form.mkte_booking-buscador{font-size:14px;border:0}
form.mkte_booking-buscador>.list-group-item{position:relative}
form.mkte_booking-buscador>.list-group-item:first-child{border-top:0;border-radius:0}
form.mkte_booking-buscador>.list-group-item:last-child{border:0;border-radius:0}
form.mkte_booking-buscador .form-group.even,form.mkte_booking-buscador .form-group.xs-even{background-color:#fff}
/*form.mkte_booking-buscador .form-group.odd,form.mkte_booking-buscador .form-group.xs-odd{background-color:#f6f6f6}*/
@media (min-width:768px){form.mkte_booking-buscador .form-group.sm-even{background-color:#fff}}
/*form.mkte_booking-buscador .form-group.sm-odd{background-color:#f6f6f6}}*/
@media (min-width:992px){form.mkte_booking-buscador .form-group.md-even{background-color:#fff}}
/*form.mkte_booking-buscador .form-group.md-odd{background-color:#f6f6f6}}*/
form.mkte_booking-buscador>.list-group-item>.row.row-0{margin-left:0;margin-right:0}
form.mkte_booking-buscador>.list-group-item>.row.row-0>div{padding-left:0;padding-right:0;position:relative}
form.mkte_booking-buscador>.list-group-item .form-group{margin:0;padding:10px 15px 0 45px;position:relative}
form.mkte_booking-buscador>.list-group-item .form-group>label{display:block;margin:0;font-weight:500;line-height:15px;cursor:pointer; font-size: 14px; margin-bottom: 5px;}
form.mkte_booking-buscador>.list-group-item .form-group>label>.fa{color:#979797;position:absolute;top:10px;text-align:center}
form.mkte_booking-buscador>.list-group-item button.btn[type=submit]{font-style:normal;border-radius:0;border:0;padding:10px}
form.mkte_booking-buscador>.list-group-item .form-group .input-group{width:100%}
form.mkte_booking-buscador>.list-group-item .form-group .form-control, form.mkte_booking-buscador>.list-group-item .form-group .input-group .form-control{
    background-color: #fff;
    background-image: none;
    padding: 0px 5px 0px 15px;
    border-radius: 10px;
    height: 40px;
    font-family: var(--font), sans-serif;
    font-size: 14px;
    color: #717171;
    border: solid 1px var(--gris-medio)!important;
    margin-bottom: 10px;
}
form.mkte_booking-buscador.buscador-vertical > .list-group-item > .row.row-0 > div:first-child::after {
    display: none!important;
}
form.mkte_booking-buscador>.dropdown-menu>.active {
    background-color: var(--primary)!important;
    color: #fff!important;
}

form.mkte_booking-buscador> .list-group-item >.dropdown-menu>.active>li>a>span {
    font-size: 13px!important;
}



form.mkte_booking-buscador>.list-group-item .form-group .form-control > .dropdown > .dropdown-menu>.active>li>a:hover, 
form.mkte_booking-buscador>.list-group-item .form-group .form-control > .dropdown > .dropdown-menu>.active>li>a:focus,
form.mkte_booking-buscador>.list-group-item .form-group .form-control > .dropdown > .dropdown-menu>.active>li>a:active {
    background-color: var(--primary)!important;
    color: #fff!important;
}





.form-control.has-error{border:1px solid #da4453!important}
.control-error{display:block;margin-top:4px;color:#da4453;font-size:12px}
form.mkte_booking-buscador>.list-group-item .form-group .vbt-autcomplete-list{padding:0}
.popover.popover-habitaciones{min-width:330px;border:1px solid #ccc;background:#fff;color:#434a54}
.popover.popover-habitaciones .popover-content{padding:0;overflow:hidden;border-radius:5px}
.popover.popover-habitaciones.bottom .arrow,.popover.popover-habitaciones.bottom .arrow:after{border-bottom-color:#343a40}
.popover.popover-habitaciones.right .arrow,.popover.popover-habitaciones.right .arrow:after{border-right-color:#ccc}
.popover.popover-rules{min-width:330px;padding:0;border-bottom-left-radius:10px;border-bottom-right-radius:10px;background:#fff;color:#434a54}
.popover.popover-rules .popover-content{padding:0;overflow:hidden;border-radius:5px}
.popover.popover-rules.bottom .arrow,.popover.popover-rules.bottom .arrow:after{border-bottom-color:#343a40}
.popover.popover-rules.right .arrow,.popover.popover-rules.right .arrow:after{border-right-color:#ccc}
body>.alert.alert-dismissible.in{z-index:2000;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);border:0}
body>.alert.alert-dismissible>button.close>span{display:none}
body>.alert.alert-dismissible>button.close:after{content:"x";display:inline-block}
body>.alert.alert-dismissible>.media>.media-body>.media-heading{color:inherit}
body .modal>.modal-dialog>.modal-content{border:0}
body .modal>.modal-dialog>.modal-content>.modal-header{background:#eee;border-top-left-radius:6px;border-top-right-radius:6px}
body .modal>.modal-dialog>.modal-content>.modal-header>button.close>span{display:none}
body .modal>.modal-dialog>.modal-content>.modal-header>button.close:after{content:"x";display:inline-block}
body .modal>.modal-dialog>.modal-content>.modal-header .modal-title{text-align:center}
.fecha-nacimiento ul.dropdown-menu{margin:-2px 0 0;padding:0;border:1px solid #aab2bd;border-radius:0}
.fecha-nacimiento ul.dropdown-menu li{display:block}
.fecha-nacimiento ul.dropdown-menu li .uiv-datepicker{font-family:monospace;text-transform:uppercase}
.fecha-nacimiento ul.dropdown-menu li .uiv-datepicker tr button{padding:8px 10px;font-style:normal;font-family:monospace;border-radius:0;text-transform:uppercase}
ol.breadcrumb{margin:20px 0 0;padding:0;font-style:normal;background:none}
ol.breadcrumb>li{color:#777;font-weight:400}
ol.breadcrumb>li.active{color:var(--gris-texto);font-weight:700}
ol.breadcrumb>li>a{color:#777}
ol.breadcrumb>li+li:before{content:"\f054";padding:0 10px;font-size:12px;font-family:FontAwesome}
.v-select{position:relative;font-family:inherit}
.v-select,.v-select *{box-sizing:border-box}
@-webkit-keyframes vSelectSpinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
@keyframes vSelectSpinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
.vs__fade-enter-active,.vs__fade-leave-active{pointer-events:none;transition:opacity .15s cubic-bezier(1,.5,.8,1)}
.vs__fade-enter,.vs__fade-leave-to{opacity:0}
.vs--disabled .vs__clear,.vs--disabled .vs__dropdown-toggle,.vs--disabled .vs__open-indicator,.vs--disabled .vs__search,.vs--disabled .vs__selected{cursor:not-allowed;background-color:#f8f8f8}
.v-select[dir=rtl] .vs__actions{padding:0 3px 0 6px}
.v-select[dir=rtl] .vs__clear{margin-left:6px;margin-right:0}
.v-select[dir=rtl] .vs__deselect{margin-left:0;margin-right:2px}
.v-select[dir=rtl] .vs__dropdown-menu{text-align:right}
.vs__dropdown-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;padding:0 0 4px;background:none;border:0 solid #fff;border-radius:0;white-space:normal}
.vs__selected-options{display:flex;flex-basis:100%;flex-grow:1;flex-wrap:wrap;padding:0 2px;position:relative}
.vs__actions{display:flex;align-items:center;padding:4px 6px 0 3px}
.vs--searchable .vs__dropdown-toggle{cursor:text}
.vs--unsearchable .vs__dropdown-toggle{cursor:pointer}
.vs--open .vs__dropdown-toggle{border-bottom-color:transparent;border-bottom-left-radius:0;border-bottom-right-radius:0}
.vs__open-indicator{fill:rgba(60,60,60,.5);transform:scale(1);transition:transform .15s cubic-bezier(1,-.115,.975,.855);transition-timing-function:cubic-bezier(1,-.115,.975,.855)}
.vs--open .vs__open-indicator{transform:rotate(180deg) scale(1)}
.vs--loading .vs__open-indicator{opacity:0}
.vs__clear{fill:rgba(60,60,60,.5);padding:0;border:0;background-color:transparent;cursor:pointer;margin-right:8px}
.vs__dropdown-menu{display:block;box-sizing:border-box;position:absolute;top:100%;left:0;z-index:1000;padding:5px 0;margin:0;width:100%;max-height:350px;min-width:160px;overflow-y:auto;box-shadow:0 3px 6px 0 rgba(0,0,0,.15);border:0 solid #fff;border-top-style:none;border-radius:0 0 0 0;text-align:left;list-style:none;background:#fff}
.vs__no-options{text-align:center}
.vs__dropdown-option{line-height:1.42857143;display:block;padding:3px 20px;clear:both;color:var(--gris-texto);white-space:nowrap;cursor:pointer}
.vs__dropdown-option--highlight{background:#5897fb;color:#fff}
.vs__dropdown-option--deselect{background:#fb5858;color:#fff}
.vs__dropdown-option--disabled{background:inherit;color:rgba(60,60,60,.5);cursor:inherit}
.vs__selected{display:flex;align-items:center;background-color:#f0f0f0;border:0 solid #fff;border-radius:0;color:var(--gris-texto);line-height:1.4;margin:4px 2px 0;padding:0 .25em;z-index:0}
.vs__deselect{display:inline-flex;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-left:4px;padding:0;border:0;cursor:pointer;background:none;fill:rgba(60,60,60,.5);text-shadow:0 1px 0 #fff}
.vs--single .vs__selected{background-color:transparent;border-color:transparent}
.vs--single.vs--loading .vs__selected,.vs--single.vs--open .vs__selected{position:absolute;opacity:.4}
.vs--single.vs--searching .vs__selected{display:none}
.vs__search::-webkit-search-cancel-button{display:none}
.vs__search::-ms-clear,.vs__search::-webkit-search-decoration,.vs__search::-webkit-search-results-button,.vs__search::-webkit-search-results-decoration{display:none}
.vs__search,.vs__search:focus{-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:1.4;font-size:1em;border:1px solid transparent;border-left:none;outline:none;margin:4px 0 0;padding:0 7px;background:none;box-shadow:none;width:0;max-width:100%;flex-grow:1;z-index:1}
.vs__search::-moz-placeholder{color:inherit}
.vs__search:-ms-input-placeholder{color:inherit}
.vs__search::placeholder{color:inherit}
.vs--unsearchable .vs__search{opacity:1}.vs--unsearchable:not(.vs--disabled) .vs__search{cursor:pointer}
.vs--single.vs--searching:not(.vs--open):not(.vs--loading) .vs__search{opacity:.2}
.vs__spinner{align-self:center;opacity:0;font-size:5px;text-indent:-9999em;overflow:hidden;border:.9em solid hsla(0,0%,39.2%,.1);border-left-color:rgba(60,60,60,.45);transform:translateZ(0);-webkit-animation:vSelectSpinner 1.1s linear infinite;animation:vSelectSpinner 1.1s linear infinite;transition:opacity .1s}
.vs__spinner,.vs__spinner:after{border-radius:50%;width:5em;height:5em}
.vs--loading .vs__spinner{opacity:1}
.vs__search,.vs__search:focus{padding:0}.vs__dropdown-option{padding:3px 10px}


.hoteles_horizontal form#app_hot {
    padding: 40px 20px!important;
}

form.mkte_booking-buscador.buscador-horizontal > .list-group-item .form-group {
    padding: 10px 10px 0 0px!important;
}

form.mkte_booking-buscador>.list-group-item .form-group>label>.fa {
    left: 3px!important;
    top: 9px!important;
}

form.mkte_booking-buscador.buscador-horizontal > .list-group-item button.btn[type="submit"] {
    height: 40px!important;
    margin-top: 30px!important;
}

button.btn.btn-block.btn-url-predecible {
    display: none!important;
}

form.mkte_booking-buscador select.form-control {
    margin-left: 0!important;
}


/*** CALENDARIO ***/

form.mkte_booking-buscador .vc-popover-content.direction-right.vc-text-gray-900.vc-bg-white.vc-border.vc-border-gray-400.vc-rounded-lg {
    font-family: var(--font), sans-serif!important;
    border: 0!important;
    font-size: 13px;
    z-index: 9999 !important;
    box-shadow: 1px 1px 9px 0 #757575;
    border-radius: 0 0 4px 4px!important;
}

form.mkte_booking-buscador .vc-header {
    font-family: var(--font), sans-serif!important;
    background-color: var(--primary)!important;
    border-radius: 4px 4px 0 0!important; 
    padding: 4px 0;   
}

form.mkte_booking-buscador .vc-arrows-container {
    top: -8px!important;
}

form.mkte_booking-buscador .vc-text-sm {
    font-family: var(--font), sans-serif!important;
    font-size: 11.5px!important;
}

.vc-popover-content.direction-bottom.vc-rounded-lg.vc-text-sm.vc-font-semibold.vc-text-white.vc-bg-gray-800.vc-border.vc-border-gray-700.vc-p-1.vc-shadow {
    background-color: var(--gris-texto)!important;
}

form.mkte_booking-buscador .vc-text-gray-800 {
    font-family: var(--font), sans-serif!important;
    color: #ffffff!important;
    font-size: 13px!important;
    font-weight: 400!important;
    line-height: 1.8!important;
    text-transform: capitalize!important;
}

form.mkte_booking-buscador .vc-svg-icon {
    color: #fff!important;
    width: 8px!important;
}

form.mkte_booking-buscador .vc-weekday {
    color: var(--gris-texto)!important;
    text-transform: capitalize!important;
}

form.mkte_booking-buscador .list-group-item.active, form.mkte_booking-buscador .list-group-item.active:hover {
    background-color: var(--primary)!important;
}

form.mkte_booking-buscador.buscador-vertical > .list-group-item > .form-group > .dropdown > .dropdown-menu > li:hover,
form.mkte_booking-buscador.buscador-vertical > .list-group-item > .form-group > .dropdown > .dropdown-menu > li.active {
    background-color: var(--primary)!important;
    color: #fff!important;
}

form.mkte_booking-buscador .dropdown-menu>.active>a, 
form.mkte_booking-buscador .dropdown-menu>.active>a:hover, 
form.mkte_booking-buscador .dropdown-menu>.active>a:focus {
    background-color: var(--primary)!important;
}

form.mkte_booking-buscador .dropdown-menu>li>a:hover {
    background-color: var(--primary)!important;
    color: #ffffff!important;
}

.vc-popover-content-wrapper {
    transform: none!important;
    will-change: auto!important;
    top: 70px!important;
}

.vc-popover-caret.direction-right.align-middle {
    display: none!important;
}

.vc-popover-caret.align-center {
    background-color: var(--primary);
    border-color: var(--primary);
}

.vc-bg-gray-800 > .vc-popover-caret.align-center {
    background-color: var(--gris-texto)!important;
    border-color: var(--gris-texto)!important;
}

span.vc-day-content.vc-focusable.vc-font-bold.vc-text-white.vc-font-medium.vc-text-sm.vc-cursor-pointer.focus\:vc-font-bold.vc-rounded-full {
    background-color: var(--primary);
}

.hover\:vc-bg-gray-300:hover {
    background: none!important;
}


/*** RESULTADOS ***/

#app_hot .panel {
    border-radius: 10px!important;
} 

#app_hot .panel-body {
    padding: 10px 15px;
}

#app_hot .panel-body-hoteles-enc {
    border-radius: 10px;
    min-height: 40px!important;
    padding: 10px!important;
    font-size: 15px;
}

#app_hot .panel-body-hoteles-enc span b {
    color: var(--primary);
}

#app_hot .drawer .panel-default {
    border-radius: 10px;
}

#app_hot .form-group.has-feedback.has-clear {
    margin-bottom: 0!important;
}

#app_hot .drawer input#filtroNombre {
    border: none;
    background: transparent;
    min-height: 40px!important;
}

#app_hot .panel-heading-grey {
    background-color: var(--gris-oscuro)!important;
    border: var(--gris-oscuro)!important;
    border-radius: 10px 10px 0 0!important;
    background: var(--gris-oscuro)!important;
}

#app_hot .panel-heading-grey b, 
#app_hot .panel-heading-grey .filtro-cantidad, 
#app_hot .panel-heading-accordion-toggle:after {
    color: #fff!important;
}

#app_hot .panel-body-precio {
    padding: 15px 15px!important;
}

#app_hot .panel-body-precio .vue-slider-process {
    background-color: var(--gris-medio)!important;
}

#app_hot .list-group.vue-slider-margin.vue-slider.vue-slider-ltr {
    padding: 15px 0 10px 0!important;
}

#app_hot .drawer .btn-danger {
    background-color: var(--primary)!important;
    border-color: var(--primary)!important;
    border-radius: 10px!important;
    min-height: 40px!important;
    font-weight: 700!important;
}

#app_hot .drawer .btn-danger i {
    display: none!important;
}

#app_hot .drawer .label-select {
    font-weight: 500!important;
}

#app_hot .drawer .badge{
    background-color: var(--primary)!important;
    min-width: 40px!important;
    padding: 5px 3px!important;
}


#app_hot .orden-selector select {
    font-size: 14px!important;
    border: none!important;
}

#app_hot .nav-pills > li.active > a {
    background-color: var(--primary)!important;
    color: #fff!important;
}

#app_hot .nav-pills > li > a:hover {
    background-color: var(--primary)!important;
    color: #fff!important;
}

#app_hot .panel-body.panel-body-general {
    padding: 0 15px!important;
}

#app_hot .panel-body-general>.row-principal {
    margin-bottom: 0!important;
}

#app_hot .panel-body-general>.row-principal>.col-md-4, .panel-body-general>.row-principal>.main-info-hotel {
    padding-top: 15px!important;
}

#app_hot .panel-body-general>.row-principal>.col-md-4>.fig-caption {
    top: 15px!important;
}

#app_hot .distance-color {
    color: var(--gris-texto)!important;
}

#app_hot .col-md-3.precio {
    background-color: var(--primary);
    color: #fff;
    border-top-right-radius: 10px;
    min-height: 300px;
    padding-top: 15px;
}

@media (min-height: 991px) {
    #app_hot .col-md-3.precio {
        min-height: 300px;
    }
}

#app_hot .col-md-3.precio h3 {
    font-size: 25px!important;
    font-weight: 600!important;
}

#app_hot .col-md-3.precio h3 small {
    font-size: 85%!important;
    font-weight: 600!important;
    color: #fff!important;
}

#app_hot .col-md-3.precio .precio-text i {
    display: none!important;
}

#app_hot .col-md-3.precio .precio-text small {
    font-size: 100%!important;
}

#app_hot .col-md-3.precio .btn-block {
    background-color: var(--primary)!important;
    border: 2px solid #fff;
    color: #fff!important;
    min-height: 40px!important;
    font-weight: 700;
    border-radius: 10px!important;
    font-size: 14px;
    margin-top: 30px;
    outline: none;
    padding: 5px 10px 4px;
    transition: background-color .2s ease-in-out, color .2s ease-in-out;
}

#app_hot .col-md-3.precio .btn-block:hover{
    background-color: #fff!important;
    color: var(--primary)!important;
}

#app_hot section.semi-bold li a {
    border: none!important;
    border-radius: 0!important;
}

#app_hot section.semi-bold li.active a {
    background-color: var(--gris-medio);
    color: var(--gris-texto);
    font-weight: 600;
}

#app_hot section.semi-bold li a {
    background-color: var(--gris-claro);
    color: var(--gris-texto);
}

#app_hot section.semi-bold li:hover a, section.semi-bold li.active:hover a {
    background-color: var(--gris-medio);
    color: var(--gris-texto);
    font-weight: 600;
}

#app_hot .hotel-info {
    padding: 20px 15px!important;
}

#app_hot .hotel-info #readmore {
    color: var(--primary);
}

#app_hot .resultado-column .politicas-texto a {
    color: var(--primary)!important;
    text-decoration: none!important;
    font-weight: 600!important;
}

#app_hot .panel-body .panel-body-tab .row-grey {
    background-color: var(--gris-claro)!important;
}

#app_hot .label-violeta {
    background-color: var(--primary)!important;
    border: var(--primary)!important;
    font-family: var(--font)!important;
}

#app_hot .resultado-column .btn-consultar, 
#app_hot .resultado-column .btn-reservar, 
#app_hot .resultado-column .btn-rules {
    background-color: var(--primary)!important;
    border-color: var(--primary)!important;
    color: #fff!important;
    min-height: 40px!important;
    font-weight: 700;
    border-radius: 10px!important;
    font-size: 14px;
    outline: none!important;
}

#app_hot .resultado-column .btn-consultar i, 
#app_hot .resultado-column .btn-reservar i, 
#app_hot .resultado-column .btn-rules i {
    display: none!important;
}

#app_hot .border-button-more {
    background-color: var(--gris-medio)!important;
    color: var(--gris-texto)!important;
    min-height: 40px!important;
    font-weight: 700;
    border-radius: 10px!important;
    font-size: 14px;
    outline: none!important;
}

#app_hot .panel-success {
    border-color: var(--gris-medio)!important;
}

#app_hot .panel-success>.panel-heading {
    background-color: var(--primary)!important;
    color: #fff!important;
    border: none!important;
}

#app_hot .popover-rules {
    font-family: var(--font)!important;
    border: none!important;
}

#app_hot .popover-rules .panel-heading,
#app_hot .popover-rules .popover-body-padding,
#app_hot .popover-rules .popover-footer-padding {
    padding: 8px 15px!important;
    font-family: var(--font)!important;
}

#app_hot .popover-rules .panel-heading {
    background-color: var(--gris-texto)!important;
    border-color: var(--gris-texto)!important;
    color: #fff!important;
    font-size: 14px!important;
}

#app_hot .popover-rules .border-bottom-grey {
    border-bottom: none!important; 
}

#app_hot .popover-rules .border-bottom-grey .text-left {
    font-size: 12px!important;
}

#app_hot .popover-rules .border-bottom-grey .text-right {
    font-size: 14px!important;
}

#app_hot .popover-rules .popover-footer-padding {
    background-color: var(--primary)!important;
    background-color: var(--primary)!important;
    font-size: 16px!important;
}

#app_hot .comparador-hoteles .panel-heading {
    background-color: var(--gris-texto)!important;
    border-radius: 10px!important;
}

#app_hot .comparador-hoteles .panel-footer .btn {
    border-radius: 10px!important;
    background-color: var(--primary)!important;
    border-color: var(--primary)!important; 
    min-height: 40px!important;
}

#app_hot .comparador-hoteles .panel-footer .btn i {
    display: none;
}

#app_hot .pointer i.fa.fa-plus-circle {
    color: var(--gris-texto)!important;
}




/*** RESERVAR ***/

.reserva form .lead p {
    color: var(--primary);
    font-size: 18px;
}

.reserva form .lead .small {
    color: var(--gris-texto)!important;
    font-size: 14px!important;
}

.habitacions > .panel {
    border:none!important;
}

.habitacions{
    border: 1px solid #ddd;
    border-radius: 10px;
}

.habitacions>.page-header, .reserva form .page-header {
    background-color: var(--gris-texto)!important;
    border-radius: 10px 10px 0px 0px !important;
}

.habitacions > .panel > .panel-heading {
    background-color: transparent!important;
    color: var(--gris-texto)!important;
    font-size: 16px;
}

.habitacions>.list-group>.adulto {
    padding: 0!important;
}

.habitacion> .list-group > .list-group-item {
    padding: 0!important;
}

.list-group > .list-group-item > .list-group-item-heading {
    background-color: var(--gris-medio)!important;
    font-size: 14px;
}

.reserva form .form-group.has-success .form-control,
.reserva form .form-group.has-warning .form-control {
    background-color: #FFF;
    border: 1px solid #ddd!important;
    padding: 7px 8px;
    background-color: #fff;
    color: #545454;
    font-family: var(--font);
    font-size: 11px;
    border-radius: 10px!important;
    min-height: 40px;
}

.reserva form .form-group textarea.form-control {
    background-color: #FFF;
    border: 1px solid #ddd!important;
    padding: 7px 8px;
    background-color: #fff;
    color: #545454;
    font-family: var(--font);
    font-size: 11px;
    border-radius: 10px!important;
    resize: none;
}

.form-group.has-warning label.control-label {
    color: var(--gris-texto)!important;
}

.reserva .help-block {
    font-size: 14px;
    color: var(--gris-texto)!important;
}

.form-group.has-success {
    margin-bottom: 0!important;
}

.reserva .btn-success {
    box-sizing: border-box!important;
    display: block!important;
    background-color: var(--primary)!important;
    min-height: 40px!important;
    font-size: 16px!important;
    width: 100%!important;
    font-weight: 700!important;
    color: #fff!important;
    border-radius: 10px!important;
    margin: 0 0 10px 0!important;
    border: none!important;
}

.reserva .btn-success i {
    display: none;
}

.reserva .btn-link, .btn-link:hover {
    color: var(--primary);
    text-decoration: none;
}

.reserva .panel#timer, .panel#liquidacion, .panel#detalle, aside .panel-danger, aside .panel-info {
    box-shadow: 1px 1px 5px #bdbdbd!important;
}

.reserva .panel#timer > .panel-heading {
    background-color: var(--gris-claro)!important;
    color: var(--gris-texto)!important;
}

.reserva .panel#timer > .table tbody tr td.min,
.reserva .panel#timer > .table tbody tr td.seg {
    background-color: #fff!important;
    color: var(--primary)!important;
    font-family: var(--font)!important;
    text-shadow: none!important;
}

.reserva .panel#timer > .table > tfoot tr th {
    text-transform: capitalize!important;
    color: var(--gris-texto)!important;
    font-size: 14px;
    text-shadow: none!important;
    font-family: var(--font)!important;
    background-color: var(--gris-claro)!important;
}

.reserva aside {
    padding: 0!important;
}

.reserva aside .panel.panel-default .panel-heading {
    background-color: var(--gris-texto)!important;
}

.reserva #liquidacion > div.collapse.in > table {

}

.reserva #liquidacion table.table > tfoot tr th, 
.reserva #liquidacion table.table > tfoot tr td {
    background-color: var(--primary)!important;
    color: #fff!important;
    font-weight: 700!important;
    font-size: 16px!important;
}

.reserva #liquidacion table.table > tbody tr th,
.reserva #liquidacion table.table > tfoot tr th {
    padding: 10px 0 10px 15px!important;
}


.reserva #liquidacion table.table > tbody tr td.monto {
    font-family: var(--font)!important;
}

.reserva #detalle > .list-group > .list-group-item.hotel .list-group-item-heading {
    font-weight: 700!important;
    color: var(--primary)!important;
}

.reserva aside .panel.panel-danger .panel-heading {
    background-color: var(--gris-texto)!important;
    color: #fff!important;
}

.reserva aside .panel.panel-danger .panel-body, aside .panel.panel-danger .list-group > .list-group-item {
    background-color: var(--gris-claro)!important;
}

.reserva aside > div.panel.panel-danger > div.panel-heading > button {
    outline: none!important;
}

.reserva aside > div.panel.panel-danger > div.panel-heading > button > i {
    color: #fff!important;
}

.reserva aside .panel.panel-info .panel-heading {
    background-color: var(--gris-texto)!important;
    color: #fff!important;
}

.reserva aside .panel.panel-info .panel-body {
    background: var(--gris-claro)!important;
}

.reserva aside .panel.panel-info .panel-heading > .btn {
    color: #fff!important;
}

.reserva aside .list-group-item {
    margin-bottom: 0!important;
}




/*** BUSCADOR INTERNO ***/

.list-group-item.buscador-interno {
    background-color: #f1f1f1;
    padding: 10px!important;
}

form.mkte_booking-buscador.buscador-interno > .list-group-item .form-group {
    background-color: transparent!important;
}

form.mkte_booking-buscador.buscador-interno > .list-group-item .form-group {
    padding: 10px 10px 0 0px!important;
}

form.mkte_booking-buscador.buscador-interno>.list-group-item button.btn[type=submit] {
    padding: 8px 0px!important;
    margin: 29px 0 0!important;
}

@media(max-width: 1199px) and (min-width: 990px){
    #app_hot .container{
        width: 100%;
        padding: 0px;
    }
    #app_hot .col-md-3.precio .btn-block{
        font-size: 12px;
    }
}

@media(max-width: 990px){
    #app_hot .container .row .col-md-3.col-sm-5.col-xs-5.navbar-fixed-top.sticky-sidebar.pre-scrollable{
        width: 0%;
        padding: 0px;
    }
    .drawer-content{
        padding: 20px;
    }

    form.mkte_booking-buscador>.list-group-item .form-group .form-control{
        width: 100%;
    }

    .drawer-header{
        background-color: var(--gris-texto)!important;
    }

    #app_hot .panel-default-servicios .services-grid .resultados.app{
        text-align: center;
    }

    #app_hot .panel-body {
        padding: 10px 0px;
    }

    #app_hot .orden--vista-lista{
        padding: 0px 20px;
    }

    #app_hot .col-md-3.precio{
        border-radius: 0px;
    }

    .reserva form .form-group.has-success .form-control, .reserva form .form-group.has-warning .form-control{
        margin-bottom: 10px;
    }

    #app_hot.reserva form .page-header > h3{
        font-size: 14px;
    } 
}

#app_hot.reserva .row.row-md,#app_hot.reserva .row.row-20{
    padding: 0px 10px;
}

#app_hot.reserva .contacto{
    border: 1px solid #ddd;
    border-radius: 10px;
}

#app_hot.reserva #detalle .list-group > .list-group-item > .list-group-item-heading{
    background-color: transparent!important;
}

.resultados-detalle .btn-enviar-mail{
    background-color: var(--primary)!important;
    font-weight: 600!important;
    border-radius: 10px!important;
}

.resultados-detalle .modal-content{
    padding: 0px;
    border-radius: 10px;
}

.resultados-detalle .modal-content .form-group input.form-control,
.resultados-detalle .modal-content .form-group textarea{
    padding: 20px;
    border-radius: 10px;
    font-size: 14px;
}

#app_hot .resultado-column .btn-consultar {
    padding: 9px 0px 0px 0px;
}

#app_hot .list-group-item-ultimas-habitaciones .label-violeta{
    padding: 5px 10px 2px;
}

#app_hot .drawer .badge{
    border-radius: 7px;
}

#sucursales > .panel .panel-heading{
    background: var(--gris-medio)!important;
    color:#444!important;
}

#sucursales > .panel{
    border: 1px solid #ddd!important;
}

#sucursales > .panel > .list-group .list-group-item .form-group.has-warning .input-group > .input-group-addon,
#sucursales > .panel > .list-group .list-group-item .form-group.has-error > .input-group > .input-group-addon{
    display: none;
}

#sucursales > .panel > .list-group .list-group-item .form-group .input-group > .form-control{
    border-left: 1px solid #ddd!important;
}

#app_hot #facturacion .panel{
    border: 1px solid #ddd;
    border-radius: 0px 0px 10px 10px!important;
}

.reserva .btn-success{
    font-style: normal;
}

.consulta aside .panel.panel-default .panel-heading{
    background-color: var(--gris-texto)!important;
}

#liquidacion table.table > tbody tr td.monto{
    font-family: var(--font)!important;
}

#liquidacion table.table > tfoot tr th, #liquidacion table.table > tfoot tr td{
    background-color: var(--primary)!important;
    color: #fff!important;
    font-weight: 700!important;
}

.consulta aside #detalle .list-group > .list-group-item > .list-group-item-heading{
    background-color: transparent!important;
}

.consulta span form .lead p{
    color: #fff;
    background-color: var(--gris-texto);
    padding: 5px 20px;
    border-radius: 10px 10px 0px 0px;
    font-weight: 500;
}

.consulta span form{
    border: 1px solid #ddd;
    background-color: #fff;
    border-radius: 10px;
}

.consulta span form div.row{
    padding: 0px 20px 15px;
}

.consulta span form div.row-20{
    padding: 0px;
}

.consulta span form .row .form-group input,
.consulta span form select.form-control {
    border-radius: 7px;
    padding: 17px;
    border-color: #ddd;
}

.consulta span form textarea.input-sm,.consulta span form select[multiple].input-sm{
    border-radius: 7px;
    border-color: #ddd;
}

.consulta span form button.btn-success i.mdi-send{
    display: none;
}

.consulta span form button.btn-success{
    box-sizing: border-box !important;
    display: block !important;
    background-color: var(--primary) !important;
    min-height: 40px !important;
    font-size: 16px !important;
    width: 100% !important;
    font-weight: 700 !important;
    color: #fff !important;
    border-radius: 10px !important;
    margin: 0 0 10px 0 !important;
    border: none !important;
    font-style: normal;

}