@import url('./resultados.css');

#paquete {padding: 0 0 20px; font-family:var(--font)!important;}
 .panel {border: 0;box-shadow: 0 1px 2px rgba(0,0,0,.2);}

 [v-cloak] {display: none;}

 .page-header {padding-bottom: 9px; margin: 40px 0 0px;}
 .page-header h2 {margin-top: 0; font-weight: 700; color: var(--primary);}
 .page-header h3 {text-align: center; color: #333; font-weight: 700;}

 hr {margin: 35px 20px; border: 0; border-top: 1px dashed #bdbdbd; display: none;}
 .text-monospace {font-family: var(--font)!important;}

/* Buscador */
 .buscador {padding-top: 20px;background: #dfe4ea;}
 .buscador .container {}

 .buscador .container .row {margin-left: -5px;margin-right: -5px;}
 .buscador .container .row > div {padding-left: 5px; padding-right: 5px;}

 .buscador .container .row > div .panel {min-height: 52px; border-bottom: 2px solid #dadada;}
 .buscador .container .row > div .panel .panel-body {padding: 11px 10px 0px;}
 .buscador .container .row > div .panel .panel-body label {display: block;margin: 0;color: var(--gris-texto);}
 .buscador .container .row > div .panel .panel-body small,
 .buscador .container .row > div .panel .panel-body .pasajeros_display
{color: var(--gris-texto); font-size: 12px; line-height: 27px; font-weight: normal;} 

 .buscador .container .row > div .panel .panel-body select {width: 100%;cursor: pointer;outline: none;font-style: normal;border: 0;color: var(--gris-texto);font-size: 12px;padding: 4px 4px 5px 0; -webkit-box-shadow: none; box-shadow: none;}

 .buscador .container .row > div #btn-buscar {margin-bottom: 20px;box-shadow: 0 1px 2px rgba(0,0,0,.2);border: 0;font-size: 16px; border-radius: 4px; border-bottom: 2px solid rgba(0, 0, 0, 0.2);}

 .buscador .container .row > div .panel .panel-body .popover-select label {cursor: pointer;}
 .buscador .container .row > div .panel .panel-body .popover-select .placeholder {color: var(--gris-texto); padding: 4px 0px 3px;}

 .buscador .container .row > div .panel .panel-body .popover-ocupacion label {font-size: 12px;}
 /*.buscador .container .row > div .panel .panel-body .popover-ocupacion .placeholder {color: var(--gris-texto); padding: 4px 0px 3px;}*/

 .container .row > div > .panel {box-shadow: 0 1px 2px rgba(0,0,0,.2);border: 0; margin-bottom: 0px;}

 .carousel,
 .carousel .carousel-inner,
 .carousel .carousel-inner .item {height: 250px;}

 .carousel {z-index: 1; overflow: hidden; background: no-repeat center url(../../images/PAQ/loader_slider.gif) #DDD;-webkit-border-radius: 4px;-webkit-border-top-right-radius: 0px;-webkit-border-bottom-right-radius: 0px;-moz-border-radius: 4px;-moz-border-radius-topright: 0px;-moz-border-radius-bottomright: 0px;border-radius: 4px;border-top-right-radius: 0px;border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;}
 .carousel .carousel-inner .item {background: no-repeat center; background-size: cover;}

 .carousel .carousel-control {display: none;}
 .carousel:hover .carousel-control{display: block;}

 .panel-group > .panel > .panel-heading {padding: 10px 15px;}

 .panel-info > .row > div > .panel-body {padding: 15px 20px 5px;}

 .panel-info > .row > div > .panel-body > h3 {margin: 0 0 10px; font-size: 18px; color: #333;}

 .panel-info > .row > div > .panel-body > .row { margin-left: -10px; margin-right: -10px;}
 .panel-info > .row > div > .panel-body > .row > div { padding-left: 10px; padding-right: 10px; font-size: 14px;line-height: 20px; margin-bottom: 10px; color: #333}

 .panel-info > .row > div > .panel-body > .row > div > b {color: #333}
 .panel-info > .row > div > .panel-body > .row > div > b > .fa {width: 20px;}

 .panel-info > .row > div > .panel-body > .row > div > ul {margin-bottom: 0;padding-left: 19px; font-size: 13px;}
 .panel-info > .row > div > .panel-body > .row > div > ul > li {font-size: 14px; list-style: none;}

 .panel-info > .row > div > .panel-body > .row > div.salida {font-size: 16px;}
 .panel-info > .row > div > .panel-body > .row > div > .estrellas {color: #d9d9d9; font-size: 22px; line-height: 20px;}
 .panel-info > .row > div > .panel-body > .row > div > .conector-logo {height: 25px;margin-left: 2px;float: right;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}

 .panel-info > .row > div > .panel-body > .row > div > .aerolinea-logo-wrap {width: 25px;height: 20px;display: inline-block;position: relative; top: 6px; margin-right: 2px;}
 .panel-info > .row > div > .panel-body > .row > div > .aerolinea-logo-wrap .aerolinea-logo {transform: scale(0.6);position: absolute;left: -7px;top: -7px;}

 .panel.panel-default.panel-info { border-radius: 10px 10px 0 0!important; }

/* Desglose: afix */
 #desglose_afix {padding-top: 20px; margin-top: -20px; z-index: 10;}
 #desglose_afix.affix {top: 0;margin-top: 0;}

/* Desglose: Preloader */
 .desglose .list-group-item.form-group {padding: 7px 5px 0;margin: 0;}
 .desglose .list-group-item.form-group label {display: block;font-size: 12px;color: var(--gris-texto);margin: 0 10px 0;}
 .desglose .list-group-item.form-group .placeholder {color: var(--gris-texto); font-size: 12px; padding: 4px 5px;}

 .desglose .list-group-item.form-group > select.form-control {color: var(--gris-texto);font-size: 12px;padding: 4px 5px;height: auto;border: 0;font-style: normal;cursor: pointer;-webkit-box-shadow: none; box-shadow: none;}

 .desglose .list-group-item.preloader { padding: 110px 20px 15px;background: no-repeat center 20px url(../../images/PAQ/loader_circular.gif);text-align: center;border-bottom: 1px solid #e6e9ed;}

 .desglose {font-size: 14px;}

/* Desglose: Table */
 .desglose .table thead tr th {border-bottom: 0; background-color: var(--primary); color: #fff; padding: 10px 10px 5px; font-weight: 500; font-size: 15px;}

 .desglose .table tbody tr:first-child th,
 .desglose .table tbody tr:first-child td {border-top: 0;}

 .desglose .table tbody tr td.monto,
 .desglose .table tfoot tr th.monto {text-align: center; width: 1%; font-size: 18px;}

 .desglose .table tbody tr td.moneda,
 .desglose .table tfoot tr th.moneda {text-align: center;width: 40px;}

 .desglose .table tbody tr.item td.concepto {font-weight: 600;}
 .desglose .table tbody tr.rule td.concepto {font-size: 11px;}

 .desglose .table tbody tr.item th,
 .desglose .table tbody tr.item td {font-size: 13px; font-weight: 300; color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; padding: 5px;}

 .desglose .table tbody tr.subt th,
 .desglose .table tbody tr.subt td {font-size: 14px; font-weight: 600;color: #333; font-family: var(--font); border:none}

 .desglose .table tbody tr.rule th,
 .desglose .table tbody tr.rule td {    
    font-size: 14px;
    font-weight: 600;
    color: #333;
    background-color: #fff;
    border: none;
   }

  
 .desglose .table tbody tr.rule th.concepto{ width: 53%; border-radius: 10px;}
 @media(max-width: 400px){
    .desglose .table tbody tr.rule th.concepto{
        width: 55%;
    }
 }
 .desglose .table tbody tr.rule td.monto {font-size: 14px; border-radius: 10px;}

 .desglose .table tbody tr.sub_total th,
 .desglose .table tbody tr.sub_total td {font-size: 13px; font-weight: 600;color: #004085; background-color: #cce5ff; border-top: 1px dashed  #7ea6d1;}

 .desglose .table tbody tr.forma th, 
 .desglose .table tbody tr.forma td {color: #0c5460;background-color: #d1ecf1; border-top: 1px dashed  #bee5eb;}

 .desglose .table tbody tr.forma th.concepto {font-size: 13px; font-weight: 600;}
 .desglose .table tbody tr.forma th.concepto span {}
 .desglose .table tbody tr.forma th.concepto small {display: block;font-weight: normal;font-size: 10px;}

 .desglose .table tfoot tr th {color: #fff; background-color: var(--primary); vertical-align: middle; font-weight: 700; font-size: 16px;}
 #desglose_afix .panel.panel-default.desglose{
    box-shadow: none;
    padding-bottom: 10px;
 }
 .desglose .table tfoot .desglose_total th {
    border-bottom: 0;
    padding-bottom: 0;
 }
 .desglose .table tfoot .desglose_total-aclaracion td {
    padding-top: 0;
    border-top: 0;
    font-size: smaller;
    background-color: var(--primary);
    color: #fff;
 }
/* Tabs */
 .tabs {overflow: hidden; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}

 .tabs .tab-content {padding: 0;}
 .tabs .tab-content .tab-pane .table-responsive {margin-bottom: 0;}
 .tabs .tab-content .tab-pane .table-responsive .table {margin-bottom: 0; font-size: 12px;}
 .tabs .tab-content .tab-pane .table-responsive .table tr th {vertical-align: middle;}
 .tabs .tab-content .tab-pane .table-responsive .table tr td {vertical-align: middle; background: #fff;border-top: 1px dotted #ddd;}
 .tabs .tab-content .tab-pane .table-responsive .table tr td label {margin: 0;display: block;cursor: pointer;font-weight: normal;}

 .tabs .tab-content .tab-pane .table-responsive .table tr:first-child th {border-top: 0; color: #fff; background: var(--gris-oscuro);}

 .tabs .tab-content .tab-pane .panel, 
 .tabs .tab-content .tab-pane .list-group {margin: 0; -webkit-border-radius: 4px;-webkit-border-top-left-radius: 1px;-webkit-border-top-right-radius: 1px;-moz-border-radius: 4px;-moz-border-radius-topleft: 1px;-moz-border-radius-topright: 1px;border-radius: 4px;border-top-left-radius: 1px;border-top-right-radius: 1px;    -webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}

/* Resultados: Hoteles */
 .tabs .tab-content .tab-pane-hoteles .list-group .list-group-item {padding: 20px 15px; border-left: 0; border-right: 0;}
 .tabs .tab-content .tab-pane-hoteles .list-group .list-group-item h4 {margin: 0px 0 5px;position: relative;}

 .tabs .tab-content .tab-pane-hoteles .list-group .list-group-item:first-child {border-top: 0;border-top-right-radius: 0;border-top-left-radius: 0;}

 .tabs .tab-content .tab-pane-hoteles .list-group .list-group-item .descripcion {font-size: 11px; color: #666;}
 .tabs .tab-content .tab-pane-hoteles .list-group .list-group-item .estrellas {color: #d9d9d9; display: block; margin: 10px 0 0; font-size: 18px;}
 .tabs .tab-content .tab-pane-hoteles .list-group .list-group-item .estrellas .fa.fa-star {}
 .tabs .tab-content .tab-pane-hoteles .list-group .list-group-item-aclaracion {text-align: center;padding: 10px 15px;font-size: 11px;}

 .tabs .tab-content .tab-pane-hoteles .list-group .list-group-item .list-inline {font-size: 14px;color: #555;line-height: 35px;margin-bottom: 0;}
 .tabs .tab-content .tab-pane-hoteles .list-group .list-group-item .list-inline li {width: 49%;}
 .tabs .tab-content .tab-pane-hoteles .list-group .list-group-item .list-inline li b {text-align: right;/*width: 100px;*/display: inline-block;}
 .tabs .tab-content .tab-pane-hoteles .list-group .list-group-item .list-inline li b .fa {color: var(--primary)}

 .tabs .tab-content .tab-pane-hoteles .list-group .list-group-item .caption {min-height: 110px;padding-left: 35px;position: relative;}
 .tabs .tab-content .tab-pane-hoteles .list-group .list-group-item .caption .linea {position: absolute; left: 10px; bottom: 0px; top: 0px; border-left: 2px solid #c0c0c0;}

 .tab-content .tab-pane-hoteles .list-group {position: relative;}
 .tab-content .tab-pane-hoteles .list-group:after {content: ""; display: block;}

 .tabs .tab-content .tab-pane-hoteles .list-group .list-group-item .carousel  {}
 .tabs .tab-content .tab-pane-hoteles .list-group .list-group-item .carousel .carousel-inner,
 .tabs .tab-content .tab-pane-hoteles .list-group .list-group-item .carousel .carousel-inner .item
{position: absolute;left: 0;top: 0;right: 0;bottom: 0;}

 .tabs .tab-content .tab-pane-hoteles .list-group .list-group-item .carousel {position: relative;z-index: 1;overflow: hidden; background: no-repeat center url(../../images/PAQ/loader_slider.gif) #DDD; height: 115px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
 .tabs .tab-content .tab-pane-hoteles .list-group .list-group-item .carousel .carousel-inner .item {background: no-repeat center; background-size: cover;}
 .tabs .tab-content .tab-pane-hoteles .list-group .list-group-item .carousel .carousel-inner .item .carousel-caption {padding: 10px 10px;font-size: 9px;left: 0;right: 0;bottom: 0;}

 .tabs .tab-content .tab-pane-hoteles .list-group .list-group-item .carousel .carousel-control {display: none;}
 .tabs .tab-content .tab-pane-hoteles .list-group .list-group-item .carousel:hover .carousel-control{display: block;}

/* Resultados: Vuelos */
 .tabs .tab-content .tab-pane-vuelos table tr td {}
 .tabs .tab-content .tab-pane-vuelos table tr td.aerolinea-logo {vertical-align: top;text-transform: uppercase; font-weight: bold;}
 .tabs .tab-content .tab-pane-vuelos table tr td.aerolinea-logo img {height: 25px;margin: 4px auto;}

 .tabs .tab-content .tab-pane-vuelos table tr td.salida_destino  strong {display: block; color: #5f656d;}
 .tabs .tab-content .tab-pane-vuelos table tr td.salida_destino  small  {font-size: 11px; color: #636E72;}

 .tabs .tab-content .tab-pane-vuelos table tr td.fecha_hora  {}
 .tabs .tab-content .tab-pane-vuelos table tr td.fecha_hora  small {font-size: 11px;color: #636E72;}

 .tabs .tab-content .tab-pane-vuelos table tr td.icono {text-align: center;}
 .tabs .tab-content .tab-pane-vuelos table tr td.icono .fa {font-size: 20px; transform: rotate(45deg);color: #636E72;}

 .tabs .tab-content .tab-pane-descripcion {font-size: 14px;}
 .tabs .tab-content .tab-pane-asistencia  {font-size: 14px;}

/* Sucursales */
 #sucursales .list-group .list-group-item .form-group {margin: 0;}
 #sucursales .list-group .list-group-item .input-group .fa {text-align: center;width: 15px;}

 .terminos {position: relative;padding-left: 20px;margin-top: -2px;}
 .terminos input[type="checkbox"] {position: absolute;left: 0;top: 3px;margin: 0;cursor: pointer;}
 .terminos .aclaracion {font-size: 14px; margin-bottom: 0;display: block;font-weight: 500; color: #333;}

/* Preloader: panel */
 .preloader .panel {margin: 70px 0; position: relative;border: 0;background: 50% 100% no-repeat;background-size: cover; box-shadow: 0 1px 2px rgba(0,0,0,.2); animation: preloaderBG 20s linear infinite;}

 .preloader#validando  .panel {background-image: url('../../images/PAQ/paquete_preloader_bg_validando.jpg');}
 .preloader#procesando .panel {background-image: url('../../images/PAQ/paquete_preloader_bg_procesando.jpg');}

 .preloader .panel:before {content: "";display: block;z-index: 2;position: absolute;left: 0;top: 0;bottom: 0;width: 100%;right: 0;background: rgba(38, 55, 62, 0.30);}
 .preloader .panel .panel-body {z-index: 3;position: relative;text-align: center; color: #FFF; padding: 70px 15px 140px;}
 .preloader .panel .panel-body  h2 {line-height: 65px;text-shadow: 0px 1px 1px #5d5b5b;}
 .preloader .panel .panel-body  h2 small{ display: block;color: var(--gris-texto); font-size: 34px;text-shadow: 0px 1px 1px #f7f7f7;}
 .preloader .panel .panel-body  p {color: #f2f2f2;text-shadow: 0px 1px 1px #333;}

 .preloader .panel .panel-body .barra {position: absolute;left: 0;right: 0;bottom: 28px;border-top: 5px dotted #f5f2f2a1;}
 .preloader .panel .panel-body .barra .fa {font-size: 45px;color: #fff;text-shadow: 0px 0px 7px #333;position: absolute;left: 0;animation: preloaderPlane 10s linear infinite;}
 .preloader .panel .panel-body .barra .fa.fa-plane {transform: rotate(45deg);bottom: -21px;}
 .preloader .panel .panel-body .barra .fa.fa-shopping-cart { bottom: 2px;}

@-webkit-keyframes preloaderBG {
    0%   {background-position: 50% 100%;}
    50%  {background-position: 50%   0%;}
    100% {background-position: 50% 100%;}
}

@-webkit-keyframes preloaderPlane {
    0%   {left:  2%;}
    100% {left: 95%;}
}


/* Form */
 .panel-form {overflow: visible; font-size: 14px; color: #000!important;}
 .panel-form > .panel-heading .panel-title small {color: #fff;}
#paquete .form-paquete .popover-select label i{
    display: none;
}
 .panel-form > .list-group {}

 .panel-form > .list-group > .list-group-item:hover {z-index: 4;}
 .panel-form > .list-group > .list-group-item  {padding-bottom: 0;}

 .panel-form > .list-group > .list-group-item > .list-group-item-heading {font-size: 16px; color: #333!important; background: #d9d9d9; margin: -10px -15px 0 -15px; padding: 10px 20px 8px; font-weight: 600;}
 .panel-form > .list-group > .list-group-item > .list-group-item-heading label {margin: 0;text-align: right;display: block;font-weight: 600;cursor: pointer; font-size: 14px; margin-top: -4px;}
 .panel-form > .list-group > .list-group-item >.list-group-item-heading label input {}

 .panel-form > .list-group > .list-group-item > .row {padding: 10px 5px;}
 .panel-form > .list-group > .list-group-item > .row:last-child {border-bottom: none;}

 .panel-form > .list-group > .list-group-item .form-group {}
 .panel-form > .list-group > .list-group-item .form-group .control-label {
    display: block; 
    color: #333;
    font-size: 14px;
    font-weight: 600;}

.panel-form > .list-group > .list-group-item .form-group input, .panel-form > .list-group select  {
    background-color: #fff!important;
    background-image: none!important;
    padding: 0px 5px 0px 15px!important;
    border-radius: 10px!important;
    height: 40px!important;
    font-family: 'Montserrat', sans-serif!important;
    font-size: 14px!important;
    color: #717171!important;
    border: solid 1px #d9d9d9!important;
}

.panel-form > .list-group .popover-select .placeholder {
    background-color: #fff!important;
    background-image: none!important;
    padding: 8px 5px 0px 15px!important;
    border-radius: 10px!important;
    height: 40px!important;
    font-family: 'Montserrat', sans-serif!important;
    font-size: 14px!important;
    color: #717171!important;
    border: solid 1px #d9d9d9!important;
}

 .panel-form .list-group .list-group-item.list-group-item-titular {background: #d9d9d9;}
 input.imask.fecha {}

 .panel-form .help-block {margin: 3px 0 3px;font-size: 13px;font-weight: 500; color: #333;}


 form button[type="submit"] {} 
 form button[type="submit"] .fa {position: relative;top: -2px;left: 2px;}

 .alert {color: #fff;
        background-color: var(--primary);
        font-size: 17px;
        text-transform: uppercase;
        font-weight: 600;
        border-radius: 5px 5px 2px 2px;
        margin-bottom: 0px;
}



/** Politicas */
 #politicas .panel .panel-body p {font-size: 13px; } 
 #politicas .panel .panel-body p:last-child {margin-bottom: 0;border-bottom: 0;}
 #politicas .panel-body{
    padding: 0px;
 }

 #politicas .panel .panel-body p{
    font-size: 14px;
    padding: 15px;
    font-weight: 500;
 }

 #politicas .panel .panel-body p i{ font-style: normal;}

/** Timer */
 #timer {z-index: 99;position: relative;overflow: hidden; text-align: center; box-shadow:none}
 #timer .panel-heading .fa-clock-o{display: none;}
 #timer .panel-heading {font-weight: 500;padding: 5px 10px 0px;text-align: center;border: 0;font-size: 15px; margin: 0; color: #fff; text-transform: uppercase; background-color: var(--primary);}
 #timer .table {text-transform: uppercase;min-height: 75px;}

 #timer .table tbody {}
 #timer .table tbody tr {}
 #timer .table tbody tr td {font-size: 35px;font-weight: 500;padding: 5px 10px 0px; vertical-align: middle; line-height: 40px;min-height: 50px;}
 #timer .table tbody tr td.min {color: var(--primary);}
 #timer .table tbody tr td.seg {color: var(--primary);}
#timer .table-bordered>tfoot>tr>th,
#timer .table-bordered>tbody>tr>td, #timer .table-bordered>tfoot>tr>td{
    border: none;
}
 #timer .table tfoot {}
 #timer .table tfoot tr {}
 #timer .table tfoot tr th {width: 50%; padding: 5px 10px 3px; line-height: 15px;color: #333; text-transform: lowercase; font-weight: 500; font-size: 13px;}

/* Erros */
 .errors {}
 .errors > .panel-heading {background-color: var(--primary);border-color: var(--primary);color: #FFF;text-align: center;}
 .errors > .list-group > .list-group-item { border-top-style: dotted;color: var(--primary);background-color: #fff3cd;border-color: var(--primary);}

 .rules-debug { margin-bottom: 15px; padding: 15px 0; border-top: 1px dashed #ddd; border-bottom: 1px dashed #ddd;}

@media (max-width: 991px){

     .page-header h2 {font-size: 30px; text-align: center; margin-bottom: 0;}
     .page-header h3 {font-size: 18px; text-align: center; margin-bottom: 0;}

     .tabs .tab-content .tab-pane-hoteles .list-group .list-group-item h4 { margin: 15px 0 10px;}
     .tabs .tab-content .tab-pane-hoteles .list-group .list-group-item .list-inline { font-size: 13px; line-height: 25px;}
     .tabs .tab-content .tab-pane-hoteles .list-group .list-group-item .list-inline li {width: 100%;}

     .desglose {font-size: 14px;}

     .terminos {margin-bottom: 20px;}

}

.consulta-ficha .tabs{
    padding: 0px!important;
}

.consulta-ficha .tabs > ul.nav.nav-tabs{
    padding: 0px!important;
    background: #d9d9d9;
}

.consulta-ficha .tabs > ul.nav.nav-tabs > li > a:hover {
    background-color: #c4c4c4;
}

.consulta-ficha .tabs > ul.nav.nav-tabs > li > a {
    background-color: #d9d9d9;
    font-size: 14px;
    color: var(--gris-texto);
    font-weight: 500;
}

.consulta-ficha .tabs > ul.nav.nav-tabs > li > a > .fa{
    color: var(--gris-texto);
}

.consulta-ficha .tabs > ul.nav.nav-tabs > li.active > a,
.consulta-ficha .tabs > ul.nav.nav-tabs > li.active > a i{
    background-color: var(--primary)!important;
    color: #fff!important;
}

.consulta-ficha .tabs > ul.nav.nav-tabs > li.active > a > .btn-close{
    display: none!important;
}

.consulta-desglose .desglose{
    padding: 0px!important;
}
#paquete .page-header h3 i{
    display: none;
}

#rules_debug_modal_1 .table>tbody>tr.info>th{
    background-color: var(--primary)!important;
    color: #fff;
}

#rules_debug_modal_1 .table>tbody>tr.warning>th,
#rules_debug_modal_1 .table>tbody>tr.active>th,
#rules_debug_modal_1 .table>tbody>tr.warning>td,
#rules_debug_modal_1 .table>tbody>tr.active>td{
    background-color: #fff!important;
    font-family: var(--font)!important;
}

#rules_debug_modal_1 .table>tfoot>tr.success>th,
#rules_debug_modal_1 .table>tfoot>tr.success>td{
    background-color: var(--primary)!important;
    font-family: var(--font)!important;
    color: #fff;
    font-size: 16px;
}
@media (min-width: 992px){

     .page-header h2  {font-size: 35px;font-weight: 700;margin-bottom: 0; color: var(--gris-oscuro);}
     .panel-form .list-group .list-group-item > .row {}

    /** DIV Tabla */
     .panel-info {overflow: hidden;position: relative;}
     .panel-info > .row {display: table;width: 100%;position: relative;}
     .panel-info > .row > div {float: none;display: table-cell;position: relative;}

     .panel-info .list-unstyled > li { display: inline-block;width: 49%;}
     .panel-info .list-unstyled > li.salida, 
     .panel-info .list-unstyled > li.conector,
     .panel-info .list-unstyled > li.estrellas,
     .panel-info .list-unstyled > li.servicios {display: block;width: auto;}

    /** Carrosel */
     .carousel,
     .carousel .carousel-inner,
     .carousel .carousel-inner .item
    {position: absolute;left: 0;top: 0;right: 0;bottom: 0;height: auto;}

}

@media (max-width: 448px){
    #busqueda .resultados .resultado .tab-content .tab-pane{overflow: auto;}
}

.filtro-paises {}
.filtro-paises > label {}
.filtro-paises > .input-group {}
.filtro-paises > .input-group > .input-group-addon {background: var(--gris-texto); border: none;-webkit-border-radius: 3px;-webkit-border-top-right-radius: 1px;-webkit-border-bottom-right-radius: 1px;-moz-border-radius: 3px;-moz-border-radius-topright: 1px;-moz-border-radius-bottomright: 1px;border-radius: 3px;border-top-right-radius: 1px;border-bottom-right-radius: 1px;color:#fff;}
.filtro-paises > .input-group > .input-group-addon > .fa.fa-flag {height: 16px; width: 22px; font-size: 17px; position: relative; top: 2px;}
.filtro-paises > .input-group > .form-control {}
.filtro-paises > .input-group .select2-container .select2-selection {border-left: 0;}


.select2-result-pais {}
.select2-result-pais .bandera {}
.select2-result-pais .select2-result-pais_meta {padding-left: 30px;}
.select2-result-pais .select2-result-pais_meta .select2-result-pais_title {font-weight: bold; line-height: 15px;}


/*FIXES NUEVO DISEÑO*/

#paquete .tabs .tab-content .tab-pane-hoteles .list-group .list-group-item .list-inline li b{
    text-align: left!important;
}

#paquete .tabs .tab-content .tab-pane-hoteles .list-group .list-group-item .list-inline li{
    width: 50%;
}

body.services .tab-content .tab-pane-hoteles .list-group .list-group-item .list-inline li p .fa {
    padding: 0px 4px 0px 4px;
    color: var(--primary);
    font-size: 14px;
}

body.services .tabs .tab-content .tab-pane-hoteles .list-group .list-group-item h4 span{
    color: var(--primary);
}

body.services .tab-content .tab-pane-hoteles .list-group .list-group-item .caption .linea .badge{
    position: absolute;
    left: -12px;
    top: -5px;
    border: 1.5px #878787 solid;
    color: #333;
    background: #fff;
    font-size: 13px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    color: var(--primary);
    padding: 4px 7px;
    display: none;
}

body.services .tab-content .tab-pane-hoteles .list-group .list-group-item .caption .linea {
    position: absolute;
    left: 10px;
    bottom: -5px;
    top: 0px;
    border-left: 1.5px solid #878787;
}

@media(min-width:760px){
    .tabs .tab-content .tab-pane-hoteles .list-group .list-group-item .list-inline{
        display: inline-table;
    }
}

body.services .fecha_hora{
    font-weight: 600;
    color: #8d8d8d;
}

body.services .tabs .tab-content .tab-pane .table tr:first-child th{
    border-top: 0;
    color: #fff;
    background: var(--gris-oscuro);
}

#paquete .traslado_nombre{
    font-size: 14px;
    font-weight: 600;
    padding: 8px 10px!important;
}

body.services .tabs .tab-content .tab-pane-asistencia .asistencia-descripcion{
    font-size: 14px;
    color: #d9d9d9;
}

.btn-primary,
.btn-primary:focus, .btn-primary.focus{
    background-color: transparent;
    padding-top: 5px;
    color: #d9d9d9;
    border: 2px solid #aaa;
    border-radius: 5px;
    font-weight: 500;
    transition: all .2s ease-in-out;
}


.btn-primary:hover{
    background-color: var(--primary);
    border-color: var(--primary);
    color: #fff;
}

#desglose_afix table{
    margin-bottom: 0px;
}

.affix{
    position: relative;
}

.input-sm{
    font-size: 14px;
}

.btn-success, .btn-success:hover{
    padding: 5px 0px;
    font-weight: 600;
}

.btn-success{
    background-color: transparent!important;
    border: 2px solid #aaa!important;
    color: #d9d9d9;
    transition: all .2s ease-in-out;
    font-size: 15px;
}

.btn-success:hover{
    border-color: var(--primary)!important;
    background-color: var(--primary)!important;
}

.form-paquete .panel > .panel-heading{
    background-color: var(--primary);
    color: #fff;
    text-transform: uppercase;
    padding: 10px 15px;
    border-radius: 10px 10px 0 0;
}

.panel>.list-group:last-child .list-group-item:last-child {
    border-radius: 0 0 10px 10px!important;
}

textarea.form-control {
    height: auto;
    border-radius: 10px;
    border: 1px solid #d0d0d0;
    resize: none;
}

.form-paquete .panel > .panel-heading h3{
    font-size: 18px;
    font-weight: 700;
    text-transform: capitalize;
}

@media(min-width:760px){
    .reservar-cont-form{
        display: flex;
        align-items: baseline;
    }

    .reservar-cont-form .col-sm-9.col-md-5 {
        width: 75%;
    }

    .reservar-cont-form .col-sm-2 {
        width: 25%;
    }
    
}

@media(max-width:760px){
    .reservar-cont-form .btn-success{
        margin-bottom: 20px;
    }
}

.form-paquete .panel{
    box-shadow: none;
}

button.btn.btn-success.btn-block {
    background: var(--primary)!important;
    text-transform: capitalize;
    color: #ffffff!important;
    min-height: 40px!important;
    border: 0!important;
    outline: 0!important;
    width: 100%!important;
    font-size: 16px!important;
    font-weight: 700!important;
    margin: 20px auto 0px auto!important;
    border-radius: 10px!important;
}


/*** CONSULTAR ***/

#paquete > .container > div > .page-header {
    margin: 40px 0px 20px!important;
    border-bottom: none!important;
}

.page-header-buttons { margin: 10px 0; }

#paquete > .container .row > div > .panel-info {
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    border: 0;
    margin-bottom: 0px;
    border: solid 1px #ddd;
    border-radius: 10px 10px 0px 0px!important;
}

#paquete > div > div > div.row.row-20 > div.col-xs-12.col-sm-9 > div > div > div.col-xs-12.col-sm-8 > div {
    padding: 25px 20px 25px;
}

#paquete > div > div > div.row.row-20 > div.col-xs-12.col-sm-3 > .desglose {
    border: solid 1px #ddd!important;
    border-radius: 10px!important;
    padding: 10px 0;
}

#paquete > div > div > div.row.row-20 > div.col-xs-12.col-sm-3 > .desglose .list-group-item.form-group {
    border-radius: 10px!important;
    border: none!important;
}

#paquete > div > div > div.row.row-20 > div.col-xs-12.col-md-3 > .desglose .list-group-item.form-group .placeholder,
#paquete > div > div > div.row.row-20 > div.col-xs-12.col-md-3 > .desglose .list-group-item.form-group label {
    font-size: 14px;
}

#paquete > div > div > div.row.row-20 > div.col-xs-12.col-sm-3 > .desglose .table-condensed>thead>tr>th, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>tbody>tr>td, .table-condensed>tfoot>tr>td {
    padding: 5px 10px 5px 15px;
}

#paquete > div > div > div.panel.panel-default > .tabs {
    margin-top: 30px;
    background-color: #d9d9d9;
    border-radius: 10px;
    padding: 0px;
}

#paquete > div > div > div.panel.panel-default > .tabs > ul.nav.nav-tabs {
    background-color: var(--gris-medio);
    padding: 0px;
}

#paquete > div > div > div.panel.panel-default > .tabs > ul.nav.nav-tabs li a {
    color: var(--gris-texto);
    font-size: 14px;
    font-weight: 500;
    padding: 10px;
}

#paquete > div > div > div.panel.panel-default > .tabs > ul.nav.nav-tabs li:hover {
    background-color: #c4c4c4;
}

#paquete > div > div > div.panel.panel-default > .tabs > ul.nav.nav-tabs li a:hover {
    background: transparent;
}

#paquete > div > div > div.panel.panel-default > .tabs > ul.nav.nav-tabs li.active > a {
    background: transparent!important;
}

#paquete > div > div > div.panel.panel-default > .tabs > ul.nav.nav-tabs li a .fa {
    color: var(--gris-texto);
}

#paquete > div > div > div.panel.panel-default {
    box-shadow: none!important;
}

#paquete > div > div > div.panel.panel-default > .tabs > ul.nav.nav-tabs > li.active > a, 
#paquete > div > div > div.panel.panel-default > .tabs > ul.nav.nav-tabs > li.active > a:hover, 
#paquete > div > div > div.panel.panel-default > .tabs > ul.nav.nav-tabs > li.active > a:focus {
    color: var(--gris-texto);
    font-size: 14px;
    font-weight: 500;
    padding: 10px;
    background-color: var(--gris-medio);
}

#paquete > div > div > form > div > div.panel-heading {
    background-color: var(--primary);
    color: #fff;
    border-radius: 10px 10px 0px 0px;
}

#paquete > div > div > form > div > div.panel-heading h3 {
    font-weight: 700!important;
}

#paquete > div > div > form > div > div.list-group > div {
    border: none;
}

#paquete > div > div > form > div > div.list-group > div > div > div > div > label {
    font-weight: 500;
    font-size: 16px;
    color: var(--gris-texto);
}

/*#paquete .panel-form > .list-group > .list-group-item:first-child {
    padding-top: 25px!important;
}

#paquete .panel-form > .list-group > .list-group-item {
    padding: 0!important;
}*/

#paquete > div > div > form > .panel-form {
    /*box-shadow: none!important;*/
}

/*#paquete > div > div > form > .panel-form > .list-group > .list-group-item > .row {
    padding-top: 0!important;
}*/

#paquete > div > div > form > div:nth-child(5) > div.list-group > div > div > div > div > #comentarios {
    border: solid 1px #d9d9d9!important;
}

body.services #paquete .page-header h3 i {
    display: none;
}

#paquete > div > div > div.row.row-20 > div.col-xs-12.col-sm-3 > .desglose .desglose-ars.table-condensed>thead>tr>th, .desglose-ars.table-condensed>tbody>tr>th, .desglose-ars.table-condensed>tfoot>tr>th, .desglose-ars.table-condensed>thead>tr>td, .desglose-ars.table-condensed>tbody>tr>td, .desglose-ars.table-condensed>tfoot>tr>td{
    padding: 8px;
}

#paquete .desglose_total th {
    padding: 0px 9px!important;
}

#paquete .desglose_total{
    height: 45px;
}

#paquete .desglose tfoot{
    background-color: var(--primary);
}

.btn-primary{
    color: #333;
}


@media(max-width: 1200px) and (min-width: 993px){
    #paquete > div > div > div.row.row-20 > div.col-xs-12.col-md-3.consulta-desglose > .desglose{
        border: none!important;
        box-shadow: none!important;
    }
}

#hoteles .list-group-item{
    border: none;
}

.badge{
    display: none;
}

@media(max-width: 1200px){
    .col-lg-3 #desglose_afix.affix{
        width: 100%!important;
    }

    .ficha_form{
        margin-bottom: 50px;
    }

    #operacion_segura img{
        width: 25%!important;
        margin: auto;
    }

    #operacion_segura .panel-body{
        display: flex;
    }
}

#transportes div table tbody tr:nth-child(1){
    background-color: var(--primary);
}

.panel-default>.panel-heading{
    background-color: var(--primary);
    border-color: var(--primary);
    color: #fff;
}

#paquete .panel .panel-heading .panel-title i{
    display: none;
}

.panel.panel-default.desglose .table>thead>tr.active>th {
    background-color: var(--gris-claro)!important;
}

.panel.panel-default.desglose > .table tbody tr.rule th, .panel.panel-default.desglose > .table tbody tr.rule td {
    background-color: var(--gris-claro)!important;
    color: var(--gris-texto)!important;
    border: none!important;
}

.panel.panel-default.desglose > .table tbody tr.rule th, .panel.panel-default.desglose > .table tbody tr.rule td, .panel.panel-default.desglose > .table tbody tr.rule td.monto {
    font-size: 14px!important;
}
