/* 
************* HOME ************
*/

input.input-validation-error {
    background-color: #ffffe0 !important;
}

input[type="checkbox"].input-validation-error {
    border: 0;
}

.validation-summary-errors {
    color: #e80c4d;
}

.validation-summary-valid {
    display: none;
}

.contenidoTravelSelling { 
}

.hideBoxMovility {
    display: none;
}

.container-popup {
    display: flex;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.8);
    align-items: center;
    position: fixed;
    z-index: 5500;
}

.frame-popup {
    width: 95%;
    position: relative;
    height: auto;
    background-color: #fff;
    border-radius: 2px;
    margin: auto;
}

.close-popup-terms {
    width: 38px;
    height: 38px;
    background-color: #fff;
    border: 3px solid #440428;
    border-radius: 50%;
    color: #440428;
    text-align: center;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 100;
    font-size: 22px;
    position: absolute;
    right: 25px;
    top: 10px;
}

.frame-popup h3 {
    margin: 25px 25px 15px 25px;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}

.frame-popup-body {
    padding: 0px 10px 0px 0px;
    overflow: scroll;
    overflow-x: hidden;
    height: 450px;
    margin: 25px;
}

.content-wrapper {
    text-align: justify;
    font-size: 12px;
}

.cajaTotalSearch {
    background-color: transparent;
    padding: 10px;
}

.cajaTotalSearch::after {
    content: "";
    width: 0px;
    height: 0px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid rgba(255, 255, 255, 0.75);
    font-size: 0px;
    line-height: 0px;
    position: absolute;
    top: -10px;
    left: 6%;
    margin-left: -10px;
    display: none;
}

.home_options_vuelos {
    display: flex;
    width: 100%;
    flex-direction: column;
    /*justify-content: center;*/
}
.title-form{
    display: none;
}
@media (min-width:1024px){
    .title-form{
        display: flex;
    }
}

/*  Radios */

.h_contenedorRadio_vuelos {
    width: 100%;
    margin: 3px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 8px;
}

.radioOpciones {
    font-size: 12px;
    font-weight: bold !important;
    color: #740846;
    margin-bottom: 5px;
    display: flex;
    position: relative;
    cursor: pointer;
    padding: 0;
}

.radioOpciones input[type="radio"] {
    margin: 2px 5px 0 5px;
    position: absolute;
    visibility: hidden;
}

.h_contenedorRadio_vuelos input[type="radio"] {
    display: none;
}


.iconRadio,
.iconRadioMulti {
    width: 15px;
    height: 15px;
    border: 1.5px solid;
    border-radius: 10px;
    position: relative;
}

.radioOpciones span {
    margin-right: 3px;
}

.iconRadio:before,
.iconRadioMulti:before {
    content: "";
    width: 75%;
    height: 75%;
    border-radius: 50%;
    background: transparent;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.radioOpciones input[type="radio"]:checked~.iconRadio:before,
.radioOpciones input[type="radio"]:checked~.iconRadioMulti:before {
    background: #740846;
}


#typeCabin,
#numberStops {
    width: 100%;
    /*flecha del select*/
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
}

.botom-color {
    padding: 0;
    border: none;
    line-height: 1;
    background-color: #ff6d00;
    height: 44px;
    border-radius: 10px;
    transition: all 150ms linear;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    width: 100%;
}

.botom-color:hover {
    background-color: #fff;
    border: 1px solid #ff6d00;
    color: #ff6d00;
    font-weight: 700;
}


/* Caja de texto */

.h_content_inputs_vuelos {
    order: 1;
}

.h_cajaInputs_vuelos {
    width: 100%;
}

.h_input_vuelos {
    width: 100%;
}

.caja_order_vuelos {
    width: 100%;
    margin: 0;
}

.btnInvertir {
    display: none;
}

.ico-avion-arriba-v {
    background: url(../../../../Themes/MeVoyDeViaje/Content/images/icon/ico-avion-top-blue.svg);
}

.ico-avion-abajo-v {
    background: url(../../../../Themes/MeVoyDeViaje/Content/images/icon/ico-avion-bottom-blue.svg);
}

.iconos_vuelos {
    width: 22px;
    height: 22px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 100;
    filter: brightness(0.4);
}

.cajaFech_mv h3 {
    top: 28px;
}

.cajaFech_mv_multi .caja_calend h3 {
    bottom: 7px;
    left: 0px;
}

.select2-container--default .select2-selection--single {
    width: 100%;
    height: fit-content !important;
    background-color: #fff;
    border: none !important;
    font-size: 16px;
    padding: 0px;
    font-weight: 500;
    display: flex !important;
    align-items: center;
    margin: 0;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #5e6e92 !important;
    padding: 0px 0px !important;
    line-height: inherit !important;
}

.caja_input_vuelos img {
    position: absolute;
    z-index: 100;
    max-width: 25px;
    top: 0;
    left: 8px;
    width: 20px;
    height: 20px;
    bottom: 0;
    margin: auto;
}


/*** Form Buscador ***/

strong.select2-results__group {
    background: var(--c-scale-10) !important;
    color: var(--c-scale-100);
    width: 100%;
    margin: 0px auto;
    padding: 10px 15px !important;
    position: relative;
    i{
        display: flex;
        gap: 10px;
    }
}

strong.select2-results__group .fa {
    font-size: 12px;
    font-weight: bold !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 20px !important;
    height: 20px !important;
    position: absolute;
    /*top: -8px;*/
    right: 1px;
    bottom: 0;
    margin: auto;
}

.group_cajaFech_vuelos {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-self: center;
}

.content_fechas_vuelos {
    display: flex;
    justify-content: space-between;
}

.cajaFech_mv,
.cajaFech_mv_multi {
    width: 100%;
    margin: 0;
    position: relative;
    z-index: 0;
}

.space-cajas {
    width: 10px;
}

.caja_calend {
    width: 100%;
    height: fit-content;
    font-weight: 500;
    color: var(--c-scale-90);
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    display: flex;
    align-items: center;
    position: relative;
}

.caja_calend i {
    margin-right: 5px;
    align-self: center;
    /*font-weight: bold;
    font-size: 12px;*/
}

#calendarIda1_1,
#calendarVuelta1_1,
#calendarIda2_1,
#calendarIda3_1,
#calendarIda4_1,
#calendarIda5_1 {
    font-style: initial !important;
    font-weight: bold;
}

.ico-calend-home-v {
    color: #415e72;
}

.fa-calendar-alt {
    color: #415e72;
}

.fa-calendar:before {}


/* flotante auto dropDown ORIGEN DESTINO */

.select2-dropdown {
    z-index: 5000;
    box-shadow: none;
}

.select2-selection__placeholder {
    color: #5e6e92 !important;
}

.select2-selection__arrow b {
    display: none;
}

.select-primary {
    width: 100%;
    height: 40px;
    background: var(--c-blanco);
    border: 2px solid var(--c-scale-20);
    border-radius: 5px;
    font-size: 14px;
    padding: 4px 10px;
    box-sizing: border-box;
    margin: 0;
    box-shadow: none;
}

.item-young-passenger {
    align-items: center;
    display: flex;
    gap: 10px;
    margin-bottom: 8px;
}
.item-young-passenger > div {
    margin: 0;
    width: 50%;
}

.FlightOption-SV.FlightOption-SV--hidden {
    display: none;
}

.btn-more-flights {
    align-items: center;
    background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,.65) 33%,rgb(255,255,255) 51%,rgb(255,255,255) 100%);
    bottom: 0px;
    color: var(--c-secondary);
    cursor: pointer;
    display: flex;
    font-weight: bold;
    gap: 10px;
    justify-content: center;
    padding: 30px 20px;
    position: absolute;
    text-align: center;
    width: 100%;
}
.btn-more-flights .btn-more-flights__icon {
    background: url(/Themes/MeVoydeViaje/Content/images/down-caret.png) no-repeat center;
    background-size: contain;
    filter: brightness(0) saturate(100%) invert(74%) sepia(57%) saturate(1552%) hue-rotate(143deg) brightness(93%) contrast(92%);
    height: 12px;
    width: 12px;
}
.btn-more-flights.active {
    padding: 20px;
    position: static;
}
.btn-more-flights.active .btn-more-flights__icon {
    transform: rotate(180deg);
}

@media (max-width: 599px) {}

/* ***** Fin HOME ****** */


/* 
********* CONTENIDO DEL RESULTADO *********
*/

/* header Contenido taps */

#collapseTable {
    .modal-header{
        
    }
    .modal-dialog{
        min-width: initial !important;
    }
}

.tapClass {
    width: 50%;
    text-align: center;
    font-size: 10px;
    background: var(--c-scale-20);;
    transition: all 0.3s;
    position: relative;
}

.nav-tabs>li>a {
    text-decoration: none;
}

.nav-tabs>li.active>a {
}

.nav-tabs>li.active>a:focus {
    width: 100%;
    transition: all 0.3s;
}

#summary,
#daysInAdv {
    overflow-x: scroll;
}

table.pvtTable {
    border-radius: 0 0 10px 10px !important;
    width: 100%;
}

.tapClass a {
    padding: 10px !important;
    font-size: 14px;
}

.divSummary {
    color: #5e6e92;
    border-radius: 0;
    padding: 15px;
    background: #fff;
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: relative;
    /* z-index: 1; */
}

.nav-tabs>li>a {
    color: rgb(48, 48, 48) !important;
}

#daysInAdv::-webkit-scrollbar,
#summary::-webkit-scrollbar {
    height: 3px;
    background: #f0f3fa;
}

#daysInAdv::-webkit-scrollbar-thumb,
#summary::-webkit-scrollbar-thumb {
    background: #aaa;
    border-radius: 10px;
}


/* tabla  */

/* Tabla SearchF comparativa - Pivot */
table.pvtTable thead tr th, 
table.pvtTable tbody tr th{
    font-weight: 500; 
    font-size: 11px;
    border: 1px solid var(--c-scale-20);
    min-width: 100px;
    span{
        font-weight: 400;
    }
    @media (max-width:767px){
        min-width: 100px;
    }
}
table.pvtTable{
    @media (min-width:1024px){
        tbody tr th,
        thead tr th:nth-child(1) {
            position: sticky;
            left: 0;
            z-index: 2;
        }
    }
}

table.pvtTable tbody tr td {
    border: 1px solid var(--c-scale-20);
    color: var(--c-scale-80);
    font-weight: 500;
    font-size: 14px;
    min-width: 140px;
    &.low-price{
        color: var(--c-green-hover);
    }
}
#tabsummary{
    table.pvtTable thead tr th, 
    table.pvtTable tbody tr th{
        span{
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-size: 11px;
        }
    }
    table.pvtTable tbody tr td.low-price{
        &:hover{
            background: var(--c-green-10);
        }
    }
}
#tabdaysInAdv{
    table.pvtTable tbody tr td {
        &:hover{
            color: var(--c-action);
        }
    }
    .crumb-tb{
        background: var(--c-action-10);
    }
    .table-star{
        background: red !important;
    }
}

table.pvtTable tbody tr td:hover {
    background-color: var(--c-blanco);
    cursor: inherit;
}

table.pvtTable tbody tr .cellHover:hover {
    background-color: var(--c-scale-10);
    cursor: pointer;
}
#collapseTable{
    @media (min-width:768px){
        .modal-body{
            padding: 0;
        }
    }
}
.subtitle-table {
    position: relative;
}
.subtitle-table:before {
    content: "";
    width: 100%;
    height: 1px;
    background: var(--c-scale-30);
    position: absolute;
    transform: rotate(36deg);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}


.BoxFlight-SV {
    display: flex;
    padding: 0;
    font-size: 10px;
    justify-content: space-between;
    margin: 5px 0;
}

.TravelOption {
    display: flex;
    align-items: center;
}

.TravelOption h4 {
    margin: 0;
    font-size: 12px;
    font-weight: 500;
}

.TravelOption .icon-avion {
    max-width: 20px;
    padding-right: 5px;
    margin-bottom: 2px;
    filter: brightness(0.3);
}

.SelectOption-SV {
    align-self: center;
}

.SelectOption-SV input {
    display: none;
}


.NameAirline {
    align-self: center;
    position: relative;
    width: 12%;
}

.NameAirline label {
    font-size: 11px !important;
    font-weight: normal;
    margin: 0px 2px;
    margin-top: -15px;
}

.LineAirShow {
    align-self: center;
}

.LineAirShow label {
    display: none;
}

.LineAirShow img {
    max-width: 30px;
}
.Col-Five {
    text-align: center;
    margin: 0 5px;
    display: none;
}

.BoxFlight {
    position: relative;
}

.StopOvers {
    width: 65px;
}

.StopOvers span {
    background-color: rgb(136, 136, 136) !important;
}

.FlightTime {
    display: none;
}


/*iconos maletas vista:resumen */

.Baggage {
    position: relative;
    align-self: center;
}

.mitooltip-vuelos img {
    max-width: 48px;
}

.mitooltip-vuelos__content-icons {
    display: flex;
    justify-content: center;
}
.mitooltip-vuelos__content-icons .icon-maletas {
    width: 20px;
    height: 20px;
    margin-right: -2px;
}

.mitooltip-flotante {
    white-space: nowrap;
    padding: 8px 20px;
    background: var(--c-primary);
    -webkit-box-pack: center;
    pointer-events: none;
    color: var(--c-blanco);
    border-radius: 5px;
    justify-content: center;
    position: absolute;
    margin-left: -76px;
    bottom: 34px;
    left: 50%;
    box-shadow: var(--box-sh-20);
    display: none;
    z-index: 10;
}

.mitooltip-flotante:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 7px solid var(--c-primary);
    position: absolute;
    /* top: 0; */
    left: 0;
    right: 0;
    bottom: -6px;
    margin: auto;
}

.mitooltip-flotante p {
    margin: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.7;
    width: fit-content;
    text-align: left;
    text-wrap: wrap;
}
@media (min-width:1024px){
    .mitooltip-flotante {
        bottom: 34px;
        left: 0%;
    }
    .mitooltip-flotante:before {
        
    }
    .mitooltip-flotante p {
        text-wrap: nowrap;
    }
}

.mitooltip-vuelos:hover .mitooltip-flotante {
    display: block;
}

.mitooltipS span {
    display: none;
}

.Baggage:hover .mitooltip-vuelos span,
.Baggage:hover .mitooltipS span {
    display: inline;
    position: absolute;
    top: -50px;
    left: -30px;
    font-size: 8px;
    width: 100px;
    text-align: center;
    background: #01c2c6;
    padding: 5px;
    color: #fff;
    border-radius: 10px;
    transition: all 0.3s;
}

.Baggage:hover .mitooltip-vuelos:before {
    content: "";
    width: 15px;
    height: 15px;
    background: rgb(0, 169, 145);
    transform: rotate(45deg);
    transition: all 0.3s;
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.label_lineaRuta {
    font-size: 10px;
    display: flex;
    justify-content: center;
    margin-left: 0px;
    margin-bottom: 15px;
    flex-wrap: wrap;
}


.flechaDetall {
    top: 0;
    bottom: 0;
    margin: auto;
}

.SelectOption-SV a:hover,
.SelectOption-SV a:focus {
    text-decoration: none !important;
    color: #454545 !important;
}

.SelectOption-SV .glyphicon {
    font-weight: inherit !important;
    font-size: 10px !important;
    animation: flechaMovimiento 1.5s infinite;
}

@keyframes flechaMovimiento {
    0% {
        transform: translateY(-2px);
    }
    50% {
        transform: translateY(0px);
    }
    100% {
        transform: translateY(-2px);
    }
}


/* Detalle del resultado pag 2 */
.cont-subTotal.content-modal-ct{
    background: transparent;
}
.contenedorDetalleTotal {
}

.tap-itinerario-detall {
    
}

.tap-itinerario-detall h4 {
    font-weight: 500;
    font-size: 20px;
}

.tap-itinerario-detall .ico-flech-resumen {
    width: 20px;
    height: 20px;
    position: initial;
    margin: 0;
}

.item-title-resum {
    a{
        font-size: 20px;
        color: var(--c-blanco);
        stroke-width: 3px;
    }
}

.title-resumen {
}

.line-direction-b {
    background: url(/Themes/MeVoyDeViaje/Content/images/icon/ico-flechaSimple-b.svg);
}

.ico-title-detall {
    width: 18px;
    height: 12px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.item-title-resum .FlightTime,
.item-title-resum .Col-Five {
    display: flex;
    align-items: center;
    gap: 10px;
}

.item-title-resum .FlightTime p {
    font-size: 11px;
}

.item-title-resum .FlightTime p:nth-child(2) {
    font-weight: 600;
}

.contentDetalle {
    /*border: 1px solid #f0f3fa;*/
    padding: 10px;
    border-radius: 10px;
    background: #fff;
    margin: 5px 0;
}

.headerDetall {
    display: flex;
    justify-content: space-between;
    padding-bottom: 5px;
    border-bottom: 1px solid #f0f3fa;
}

.subtitulo-itinerary {
    width: fit-content;
}

.subtitulo-itinerary h3 {
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
}

.subtitulo-itinerary span {
    font-size: 14px;
}

.bodyDetall {
    position: relative;
    .item-row-detall{

    }
}
.cont-btn-popup{
    a{
        font-weight: 400;
    }
}

.bodyDetall:before {
    content: "";
    border: 1px dashed #a8b4ce;
    height: calc(90% + -19px);
    width: 0;
    position: absolute;
    left: 79px;
    top: 9px;
    z-index: 0;
}

.collapse-info-air {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 10px 10px 10px 0;
    /* background: #f1f2f6; */
    border-radius: 5px;
}

.row-info-detall {
    display: flex;
    align-items: center;
    gap: 10px;
}

.row-info-detall a {
    cursor: pointer;
}

.row-info-detall i {
    z-index: 1;
}

.info-col {
    display: flex;
    align-items: center;
    gap: 3px;
    position: relative;
}

.info-col span {
    font-size: 11px;
    font-weight: 500;
}

.left-base {
    min-width: 64px;
    text-align: right;
    justify-content: flex-end;
}

.info-col h5 {
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
}

.info-col h4 {}

.info-col p {
    font-size: 11px;
    line-height: 1;
}

.ico-avion-inverso {
    background: url(/Themes/MeVoyDeViaje/Content/images/icon/ico-avion-inverso-n.svg);
}

.station-detall {
    width: 20px;
    height: 20px;
    min-width: 20px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    z-index: 1;
    margin-left: -4px;
}

.ico-info {
    width: 13px;
    height: 13px;
    min-width: 13px;
    background: #5e6e92;
    color: #fff;
    font-size: 9px;
    border-radius: 10px;
    margin-left: 0px;
    font-weight: 500;
}

.punto-orig {
    width: 8px;
    height: 8px;
    min-width: 8px;
    background: #44506c;
    border-radius: 10px;
    margin: 0 2px;
}

.sin-cont {
    height: fit-content;
}

.LogoDetalle {
    display: flex;
    align-self: center;
}

.flex-space {
    width: 100%;
    justify-content: space-between;
}

.flex-space .flechaDetall {
    margin: 0;
}

.LogoDetalle img {
    max-width: 25px;
    height: 25px;
    margin-right: 5px;
}

.LogoDetalle h3 {
    margin: 0;
    font-size: 12px !important;
    align-self: center;
    color: #333 !important;
    font-weight: 600;
}

.nroVuelo {
    align-self: center;
    display: flex;
}

.nroVuelo h3 {
    margin: 0 0 0 2px;
    font-size: 10px;
}

.msjCambioAvion {
    width: 100%;
    margin: 0px auto;
    text-align: center;
    background: #f1f2f6;
    padding: 10px;
    font-size: 10px;
    border-radius: 5px;
    line-height: 1;
}

.columDetall-1,
.columDetall-2,
.columDetall-3 {
    display: flex;
    flex-direction: column;
    width: 32%;
    margin: 10px 0;
}

.columDetall-1 {
    text-align: right;
    align-items: flex-end;
}

.columDetall-2 {
    align-self: center;
    margin: 0 5px;
    text-align: center;
}

.columDetall-3 {
    text-align: left;
}

.columDetall-1 p,
.columDetall-3 p {
    width: fit-content;
    margin: 0 0 5px 0;
    font-size: 8px;
    padding: 4px 15px;
    background: #251899;
    border-radius: 3px;
    color: #fff;
    line-height: 1;
    text-align: center;
}

.columDetall-1 h3,
.columDetall-3 h3 {
    font-size: 10px;
    margin: 0;
}

.columDetall-1 .horaSalida,
.columDetall-3 .horaSalida {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin: 3px 0 0 0;
}

.columDetall-3 .horaSalida {
    justify-content: flex-start;
}

.horaSalida h5 {
    font-size: 14px;
    font-weight: bold;
    margin: 0;
}

.horaSalida h5:nth-child(1) {
    margin-right: 3px;
}

.lugarSalida {
    display: flex;
    flex-direction: column;
}

.lugarSalida h3 {
    margin: ​0;
    font-size: 10px;
    font-weight: bold;
}

.lugarSalida h4 {
    margin: 0;
    font-size: 8px;
}

.duracionDetall {
    font-size: 15px;
    font-weight: bold;
    color: #383838;
}

.columDetall-2:before {
    content: "";
    width: 4%;
    height: 1px;
    background: #454545;
    position: absolute;
    left: 38%;
    top: 5px;
    bottom: 0;
    margin: auto;
}

.columDetall-2:after {
    content: "";
    width: 4%;
    height: 1px;
    background: #454545;
    position: absolute;
    right: 38%;
    top: 5px;
    bottom: 0;
    margin: auto;
}

.columDetall-2 p {
    margin: 0;
    font-size: 8px;
    font-weight: bold;
}

.columDetall-2 h4 {
    margin: 0;
    font-size: 10px;
    font-weight: bold;
}

.codigoVuelo {
    display: none;
}

.OperadoDetalle {
    text-align: center;
    margin: 5px auto 0 auto;
    padding: 12px;
    color: #383838;
    border: 2px solid #c1e3ff;
    background: #e4f3ff;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.contentOperacion {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-left: 3px;
}

.OperadoDetalle h3 {
    font-size: 12px;
    margin: 0px;
    align-self: center;
}

.contentOperacion img {
    width: 20px;
    align-self: center;
}

.contentOperacion span {
    margin: 0 0 0 3px;
    font-size: 11px;
}

.contentOperacion p {
    border-left: 1px solid #f0f3fa;
    padding-left: 10px;
    margin: 0px;
}


/* taps resumen itinerario */

.cont-info-subTotal {
    width: 100%;
    height: 100vh;
    background: #000618a6;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 100;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.row-info-masDetall {
    width: 100%;
    padding: 20px;
    background: var(--c-blanco);
    border-radius: 10px;
    .ocultar, .descSelling{
        font-size: 14px;
        font-weight: 300;
        color: var(--c-scale-80);
    }
    .precioSearchF{
        font-size: 18px;
        font-weight: 600;
    }
    .TotalPrice {
        width: 100%;
        font-size: 16px;
        @media (min-width:1024px){
            font-size: 14px;
        }
    }
}
@media (min-width:1024px){
    .row-info-masDetall {
        padding: 15px;
        .ocultar, .descSelling{
            font-size: 12px;
            text-wrap: nowrap;
        }
        .precioSearchF{
            font-size: 16px;
        }
    }
}

.tap-resumen-vuelos {
    width: 100%;
    padding-top: 5px;
    margin-top: 5px;
    border-top: 1px solid #e0dfdc;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.item-resumenVuelos {
    width: 100%;
    border-bottom: none;
    display: flex;
    justify-content: space-between;
    gap: 5px;
}

.item-resumenVuelos h5,
.item-resumenVuelos h4 {
    font-size: 11px;
    margin: 0;
}

.item-resumenVuelos h4 {
    white-space: nowrap;
    text-overflow: ellipsis;
}

.itemClase {}

.itemPasajero {}

.itemSegmento {}


/* contenedor equipajes */

.StopOversCont-3 {
    padding: 10px 15px;
    background: #fff;
    border-radius: 10px;
}

.StopOversCont-3 h6 {
    color: var(--c-scale-80);
    font-size: 14px;
}

.contenedorDetalleTotal h5 {
    /*font-size: 14px;
    display: flex;
    align-items: center;
    color: #ff00a1;
    gap: 5px;
    padding: 20px 0 0 0;*/
}

.contenedorDetalleTotal h5 span {
    font-size: 16px;
    font-weight: 600;
}

.contenedorDetalleTotal .StopOversCont-3 {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.contentIconInferior {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.contentIconInferior--in-segment {
    margin-top: 24px;
}

.contentIconInferior--in-segment .contentIconInferior__content {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
}

.contentIconInferior--in-segment .item-maletas {
    align-items: start;
}

.item-maletas {
    font-size: 12px;
    font-weight: 300;
}

.listIconInf h3 {
    font-size: 12px;
}

.contentIconInferior .item-maletas:nth-child(3) {
    margin: 0;
}

.listIconInf p,
.listIconInfNO p {
    font-size: 12px;
    margin: 0;
    color: var(--c-scale-80);
    font-weight: initial;
    text-align: left;
}

.listIconInfNO h3,
.listIconInfNO p {
    color: #8c8c8c !important;
}


/*<<<<<<<<<< CHECK OUT - PAG 3 >>>>>>>>>>>*/

.content-search-home {}

#sellflight-page .header {
    display: none;
    @media (min-width:768px){
        display: block;
    }
}

#searchflight-page,
#searchflight-page .product-nopcm,
#sellflight-page,
#sellflight-page .product-nopcm {
    background: var(--c-scale-10);
}


/* Pasos de Compra */

#sellflight-page .header-content-vuelos {
    flex-direction: column;
    top: 74px;
}

#sellflight-page .lineaCompra-vb {
    width: 100%;
    margin: 0 auto;
    background: transparent;
}

#sellflight-page #step1 {
    cursor: pointer;
}

#sellflight-page #step1:hover h5 {
    background: #999999;
    transition: background 0.3s ease;
}


/* CONTAINER SELLFLIGHT */

.sell-contenedor {}

.formCheckout {
    width: 100%;
}

.contentCheckout {
    font-size: 14px;
}

.formCheckout {
    /*padding: 0 20px;*/
}
@media (min-width:1024px){
    .formCheckout {
        padding: 0;
    }
}




/* Header Sell Check Out */

.HeaderCheckOut {
    width: 100%;
    height: 120px;
    background: url(../imagenes/bannerCheckOut.png) no-repeat;
    background-position: center left;
    background-size: contain;
    margin-bottom: 10px;
    position: relative;
    display: none;
}

.contentHead-CheckOut {
    position: absolute;
    top: 43px;
    right: 12%;
    text-align: center;
}

.titlebanner-checkout {
    display: flex;
    justify-content: center;
}

.titlebanner-checkout h1 {
    font-size: 14px;
    margin: 0 4px 0 0;
    line-height: 1.4;
}

.titlebanner-checkout span {
    font-size: 14px;
}

.contentHead-CheckOut h3 {
    font-size: 14px;
    margin: 0;
}

.contentHead-CheckOut h2 {
    margin: 0;
    font-size: 25px;
    font-weight: bold;
}

.BoxDateSell {
    display: none;
}

.alertDocumentacion {
    padding: 20px;
    border-radius: 10px;
    background: var(--c-action-10);
    color: var(--c-action);
    font-size: 14px;
}

#RequirementPassangers {
    margin-bottom: 0px !important;
    box-shadow: none !important;
    color: var(--c-action);
    background: none;
    border: none;
}

.titleViajeSell {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
    flex-wrap: wrap;
}

.contentTitle {
    width: 100%;
    color: rgba(27, 27, 27, 0.8);
    text-align: center;
    padding: 5px;
    border-radius: 10px;
    line-height: 1.1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.contentTitle p {
    margin: 0px;
    font-size: 14px;
}

.contentTitle span {
    font-size: 25px;
    font-weight: bold;
}

.alertPasajes {
    width: 100%;
    background: #fff1cf;
    display: flex;
    color: #740846;
    border-radius: 10px;
    justify-content: center;
    font-weight: bold;
    align-items: center;
    padding-bottom: 3px;
    margin: 10px auto 0 auto;
}

.iconPasajes {
    width: 20px;
    height: 20px;
    background: url(../imagenes/icon/icon-alerta.svg) no-repeat;
    background-size: contain;
    background-position: center;
    margin: 0 3px 3px 0;
}

.alertPasajes p {
    font-size: 13px;
    margin: 0px;
}

.alertPasajes span {
    display: none;
}

.formPasajero,
.medioPagoContainer {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.containerSellTemp {
    border-radius: 10px;
    background: #fff;
    padding: 5px;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.containerSellTemp h6 {
    width: fit-content;
    font-size: 10px;
    font-weight: bold;
    color: #383838;
    margin: 10px 0 0 10px;
}

.OptionStyleS {
    background: #fff;
    border-radius: 10px;
    padding: 10px;
}

.detall-itinerario-cont {}


/* 1era vista del check out */


/* Pop Up Time 10 minutos */

.countdown {
    display: none;
}

.body-popUpTime {
    width: 100%;
    height: 100vh;
    background: #080917eb;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5000;
    display: none;
}

.content-popup {
    width: 300px;
    display: flex;
    justify-content: space-between;
    flex-direction: column-reverse;
    padding: 20px;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 0 10px #000;
}

.info-popup {
    width: 100%;
}

.info-popup h2 {
    font-size: 22px;
    font-weight: bold;
    color: #333;
    margin: 0;
}

.info-popup h3 {
    font-size: 14px;
    margin: 0;
    color: #333;
}

.info-popup p {
    font-size: 12px;
    margin: 0;
}

.info-popup button {
    font-size: 14px;
    background: #09034a;
    font-weight: bold;
    color: #fff;
    padding: 10px;
    width: 100%;
    border-radius: 10px;
    margin-top: 15px;
    transition: all 0.3s;
}

.info-popup button:hover {
    background: #1b0f83;
    transition: all 0.3s;
}

.content-img-popup {
    width: 100%;
}

.imgPopUpTime {
    width: 100%;
    height: 200px;
    background-size: contain;
    background-position: center;
    margin-top: -50px;
}

.BoxFlightSell {
    margin: 0;
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 5px;
    display: none;
}

.origenLabelS,
.lineaViajeS,
.destinoLabelS {
    width: 30%;
    color: #868686;
    padding: 0px;
}

.origenLabelS {
    text-align: right;
}

.destinoLabelS {
    text-align: left;
}

.timeLugarS {
    display: flex;
    justify-content: flex-end;
    color: #383838;
}

.timeLugarS h6 {
    margin: 0;
    font-size: 12px;
    font-weight: bold;
}

.origenLabelS h5,
.destinoLabelS h5 {
    margin: 0;
    font-size: 10px;
    color: #383838;
}

.origenLabelS p,
.destinoLabelS p {
    font-size: 9px;
}

.timeDestinoS {
    display: flex;
    color: #383838;
    justify-content: flex-start;
}

.timeDestinoS h6 {
    margin: 0;
    font-size: 12px;
    font-weight: bold;
}

.timeLugarS h6:nth-child(1),
.timeDestinoS h6:nth-child(1) {
    margin-right: 3px;
}

.lineaViajeS {
    text-align: center;
    position: relative;
}

.lineaViajeS h3 {
    width: fit-content;
    margin: 0 auto !important;
    padding: 3px 10px;
    color: #fff !important;
    background: #44506c;
    font-size: 9px !important;
    border-radius: 5px;
    font-weight: 500 !important;
    text-align: center;
}

.lineaVistaS {
    width: 80%;
    height: 1px;
    margin: 5px auto 2px auto;
    background: #44506c;
    position: relative;
}

.lineaVistaS:before,
.lineaVistaS:after {
    content: "";
    width: 7px;
    height: 7px;
    background: #44506c;
    border-radius: 10px;
    position: absolute;
    top: 0px;
    bottom: 0;
    box-sizing: inherit;
    margin: auto;
}

.lineaVistaS:before {
    left: -1px;
}

.lineaVistaS:after {
    right: -1px;
}

.lineaViajeS p {
    margin: 0;
    font-size: 9px;
    font-weight: bold;
    color: #383838;
    line-height: 1;
}

#divSeleccion {
    text-align: center;
    line-height: 1.2;
    color: #383838;
}

.mitooltipS img {
    max-width: 48px;
    display: none;
}


/* detalle del check out */

.contenedorDetalleTotalS {
    /*margin-top: 10px;*/
}

.contenidoSell {
    box-shadow: none;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.contentDetalleSell {
    padding: 10px;
    /*background: #f3f2ef;*/
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.sell-content {
    padding: 0;
}

.direction-v-sell h5 {
    font-size: 12px;
    background: #e6eaf3;
    width: fit-content;
    padding: 4px 20px;
    border-radius: 5px;
}

.headerDetallSell {
    display: flex;
    justify-content: space-between;
    padding-bottom: 5px;
    border-bottom: solid 2px #e0dfdc;
    align-items: center;
    font-size: 10px;
    font-weight: 500;
    color: #454545;
}

.LogoDetalleS {
    display: flex;
    align-items: center;
    gap: 3px;
}

.LogoDetalleS h3 {
    text-align: left;
}

.LogoDetalleS img {
    max-width: 24px;
}

.LogoDetalleS h3 {
    font-size: 10px;
}

.bodyDetallSell {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.horaViajeS h5 {
    margin: 0;
    font-size: 10px;
    font-weight: 600;
}

.columMaleta-lateral {
    color: #868686;
    border-left: 2px solid #d9e0ee;
    padding-left: 20px;
    text-align: left;
    display: none;
}

.columMaleta-lateral h2 {
    margin: 0 0 5px 0;
    font-size: 12px;
    font-weight: bold;
}

.columMaleta-lateral .contentIconInferior {
    margin: 0;
    padding: 0;
    border: 0;
}

.columMaleta-lateral .item-maletas {}

.OperadoDetalleS {
    display: flex;
    justify-content: center;
    color: #454545;
    border-radius: 8px;
    align-items: center;
    flex-direction: column;
}

.OperadoDetalleS p {
    margin: 0 0 5px 0;
    text-align: center;
    font-size: 10px;
}

.contentOperacionS {
    display: flex;
    align-items: center;
}

.contentOperacionS h3 {
    font-size: 9px;
    font-weight: bold;
    margin: 0;
}

.ico-label-air {
    display: flex;
    align-items: center;
    margin: 0 0 0 10px;
}

.ico-label-air img {
    width: 25px;
    margin-right: 5px;
}

.ico-label-air h2 {
    margin: 0;
    font-size: 10px;
}


/* maletas detalle check out*/

.columDetall-maleta {
    color: #383838;
    margin-top: 25px;
    background: #f3f2ef;
    padding: 10px;
    border-radius: 5px;
}

.columDetall-maleta h2 {
    width: fit-content;
    margin: 0 0 5px 0;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    padding: 3px;
    border-radius: 5px;
}

.content-itinerario-check {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.contentIconInferior-chOut {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-left: -3px;
}

.item-maleta-checkOut {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.icon-maleta-c {
    width: 23px;
    height: 23px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.listIconInfS h3,
.list-Color h3 {
    font-size: 12px !important;
    color: #555;
    font-weight: bold;
}

.listIconInfS p {
    margin: 0;
    font-size: 10px;
    color: #383838;
}

.list-Color h3 {
    /*color: #01c2c6;*/
}


/* FIN maletas detalle check out*/


/*
.politicasSell a {
    text-decoration: none;
}*/

.content-forms h3 {
    display: flex;
    justify-content: left;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
}

.bodyPoliticaSell {
    font-size: 12px;
}

.bodyPoliticaSell h5 {
    font-size: 14px;
    font-weight: bold;
}

.bodyPoliticaSell ul {
    list-style: inside;
}
.containerDatos {
    /*padding: 20px;*/
}
@media (min-width:1024px){
    .containerDatos {
        padding: 0px;
    }
}

.datosPasajero {
    border: none;
    border-radius: 10px;
}

#AdultsPassangers,
#gridPrice,
#ChildsPassangers,
#InfsPassangers {
    border: none;
    box-shadow: none;
    background: transparent;
}

.adultoForms,
.ninoForms,
.infanteForms,
.containerComprobante,
.containerContacto {
    margin: 0px 0;
    padding: 10px;
    border: 1px solid #e8e7e4;
    border-radius: 10px;
    box-shadow: none;
    color: #383838;
    background: #fff;
    display: flex;
    flex-direction: column;
    gap: 10px;
}


/* .k-animation-container, .k-widget, .k-widget *, .k-animation-container *, .k-widget *:before, .k-animation-container *:after, .k-block .k-header, .k-list-container {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box; 
}*/

.content-forms {
    width: 100%;
    margin: 0 auto;
    background: var(--c-blanco);
    color: var(--c-scale-90);
    padding: 20px;
    border-radius: 20px;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

.containerMetodoPago .content-forms {
    
}

.content-forms h4,
.content-forms a {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 20px;
    border-bottom: 2px solid var(--c-scale-10);
    text-decoration: none;
    color: var(--c-scale-90);
}

.content-forms a {
    border-bottom: none;
    padding-bottom: 0px;
    position: relative;
}

.content-forms h4 span {
    font-size: 11px;
    font-weight: 500;
}

.content-form-col {
    padding-top: 10px;
    border-top: 1px solid #f0f3fa;
    font-size: 12px;
}

.titleAdults {
    font-size: 12px;
    border-bottom: 1px solid #f0f3fa;
    padding-bottom: 10px;
    font-weight: bold;
    margin-bottom: 15px;
    text-align: center;
    text-transform: uppercase;
}

.titleAdults span {
    font-size: 10px;
    color: #8c8c8c;
    margin-left: 5px;
}

.item-atributs-pasj {
    width: 100%;
    position: relative;
}

.item-atributs-pasj {
    margin: 5px 0;
    position: relative;
}

.NacionalidadSell,
.tipoDocSell {
    width: auto;
    padding: 0px;
    border: 3px solid #c1e3ff;
    border-radius: 10px;
    position: relative;
}

.NacionalidadSell {
    display: flex;
    align-items: center;
}

.NacionalidadSell p,
.tipoDocSell p {
    margin: 0;
    font-size: 10px;
    color: #555;
    font-weight: bold;
    background: #fff;
    padding: 0px 3px;
    position: absolute;
    left: 10px;
    top: -8px;
}

.NacionalidadSell .k-header {
    width: 100%;
    margin: 0;
    height: 100%;
    background: transparent;
}

.NacionalidadSell .k-dropdown-wrap {
    padding: 0;
    position: relative;
    height: 36px;
    border: none;
    display: flex;
    align-items: center;
    padding: 0 10px;
    background: transparent !important;
}

.NacionalidadSell .k-select {
    display: none !important;
}

.NacionalidadSell .k-icon .k-i-arrow-s {
    display: none;
}

.NacionalidadSell .k-dropdown-wrap:before {
    content: "";
    width: 4.5px;
    height: 4.5px;
    border-right: 3px solid #888;
    border-bottom: 3px solid #888;
    transform: rotate(45deg);
    position: absolute;
    top: -2px;
    right: 6px;
    bottom: 0;
    margin: auto;
}

.FechaSell,
.SexoSell {
    width: 100%;
    position: relative;
}

.FechaSell {
    padding: 0 !important;
}

.FechaSell .date-dropdowns {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.FechaSell .date-dropdowns select {
    width: 32.5%;
    padding: 0px 10px;
    height: 36px;
    border-radius: 0px;
    border: none;
    background: transparent;
}

.tipoDocSell select {
    width: -webkit-fill-available;
    height: 40px;
    padding: 0px 0 0 10px;
    border-radius: 5px;
    border: none;
    background: transparent;
    cursor: pointer;
}

.FechaSell .date-dropdowns select:nth-child(3) {
    border-left: 2px solid #c1e3ff;
    border-right: 2px solid #c1e3ff;
}


/*---*/

.FechaSell,
.SexoSell {
    width: auto;
    position: relative;
    padding: 5px;
    border: 3px solid #c1e3ff;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.SexoSell {
    border: none;
    /*background: #e4f3ff;
    padding: 0px 5px;*/
}

.SexoSell p,
.FechaSell p {
    margin: 0;
    font-size: 10px;
    color: #555;
    font-weight: bold;
    background: #fff;
    padding: 0px 3px;
    position: absolute;
    left: 10px;
    top: -8px;
}

.SexoSell input {
    display: none;
}

.SexoSell label {
    margin: 0;
    width: 45%;
    cursor: pointer;
}

.SexoSell label h3 {
    margin: 0;
    font-size: 12px;
    padding: 5px;
    border-radius: 5px;
    border: 3px solid #c1e3ff;
    background: #fff;
    color: #555;
    text-align: center;
    font-weight: bold;
    transition: all 0.1s;
}

.SexoSell input:checked+.sexLabel h3 {
    border: 3px solid #01c2c6;
    transition: all 0.1s;
    background: #f0f3fa;
    color: #383838;
}

.SexoSell label:hover h3 {
    background: #f0f3fa;
    transition: all 0.1s;
}

.SexoSell input:checked+.sexLabel:hover h3 {
    background: #f0f3fa;
}

.k-list {
    overflow: auto;
}


/*---*/


/* Formulario Contacto */

.item-atributs-pasj,
.cajaComp1 {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    position: relative;
}

.fonoContact input {
    margin: 0px;
    padding: 0px;
    /*font-size: 10px !important;*/
    height: 40px;
    width: -webkit-fill-available;
    background: transparent !important;
    border: none;
}

.fonoContact .iti--allow-dropdown {
    width: 100%;
}

.codigoTlf {
    width: 15%;
    margin-right: 5px !important;
}

.numeroTlf {
    width: 80%;
}




/* maletas */

.content-popUp-adic {
    width: 100%;
    height: 100vh;
    background: #fff;
    position: fixed;
    top: 0;
    z-index: 1100;
    left: 0;
    overflow: scroll;
}

.content-popUp-adic .tap-itinerario-check {
    height: 50px;
}

/* colm 2 checkOut */
.item-fixed{
    width: 100%;
}
.content-info-maleta-check{
    width: 100%;
    padding-top: 10px;
    border-top: 1px solid var(--c-scale-10);
    .list-maletas-check{
        p{font-size: 12px;
        color: var(--c-scale-70);}
    }
}
.icons-cont-check{
    font-size: 20px;
    color: var(--c-scale-40);
    svg{
        margin: 0 !important;
    }
}

/* popUp maleta checkOut */

.a-pop-malet {
    position: relative;
}

.info-pop-malet {
    padding-right: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4px;
    position: relative;
}

.ico-flech-malet {
    width: 16px;
    height: 16px;
}

.body-adicionales {
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.content-popUp-adic:nth-child(3) .body-adicionales {
    display: none;
}

.content-itinerario-maleta {
    color: #44506c;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ico-mochila-blue-sec {
    background: url(/Themes/MeVoyDeViaje/Content/images/icon/icon-mochila-blue-secun.svg);
}

.ico-mochila-blanco {
    background: url(/Themes/MeVoyDeViaje/Content/images/icon/icon-mochila-blue-secun.svg);
    filter: brightness(5);
}

.ico-mochila-verde-sec {
    background: url(/Themes/MeVoyDeViaje/Content/images/icon/icon-mochila-verde-secun.svg);
}

.ico-maletMano-blue-sec {
    background: url(/Themes/MeVoyDeViaje/Content/images/icon/icon-maleta-mano-blue-secun.svg);
}

.ico-maletMano-blanco {
    background: url(/Themes/MeVoyDeViaje/Content/images/icon/icon-maleta-mano-blue-secun.svg);
    filter: brightness(5);
}

.ico-maletMano-verde-sec {
    background: url(/Themes/MeVoyDeViaje/Content/images/icon/icon-maleta-mano-verde-secun.svg);
}

.ico-maletBodega-blue-sec {
    background: url(/Themes/MeVoyDeViaje/Content/images/icon/icon-maleta-bodega-blue-secun.svg);
}

.ico-maletBodega-blanco {
    background: url(/Themes/MeVoyDeViaje/Content/images/icon/icon-maleta-bodega-blue-secun.svg);
    filter: brightness(5);
}

.ico-maletBodega-verde-sec {
    background: url(/Themes/MeVoyDeViaje/Content/images/icon/icon-mochila-verde-secun.svg);
}

.ico-equip {
    width: 16px;
    height: 16px;
    background-position: center left;
    background-size: contain;
    background-repeat: no-repeat;
}

.ico-equip span {
    font-size: 10px;
}

.info-maletas {
    border-radius: 0px 0px 10px 10px;
    display: flex;
    justify-content: space-between;
    gap: 3px;
    display: none;
}

.item-info-malet {
    width: 33%;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.img-mochila-info {
    background: url(/Themes/MeVoyDeViaje/Content/images/img-content/mochila-checkOut.png);
}

.img-maletMano-info {
    background: url(/Themes/MeVoyDeViaje/Content/images/img-content/maletaMano-checkOut.png);
}

.img-maletBodega-info {
    background: url(/Themes/MeVoyDeViaje/Content/images/img-content/maletaBodega-checkOut.png);
}

.img-maleta-resumn {
    width: 80px;
    height: 80px;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.img-info-malet {
    width: 35px;
    height: 35px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin: auto;
}

.text-info-malet {
    width: 100%;
}

.text-info-malet h5 {
    font-size: 11px;
    font-weight: bold;
}

.text-info-malet p {
    font-size: 9px;
}

.text-info-malet p span {
    font-size: 9px;
    font-weight: 600;
}

.row-malet {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.row-malet h4 {
    font-size: 14px;
    font-weight: bold;
}

.col-malet {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.item-malet {
    display: flex;
    gap: 3px;
    align-items: center;
}

.ico-equip-res {
    width: 20px;
    height: 20px;
    display: none;
}

.text-malet h4 {
    font-size: 11px;
    font-weight: 600;
}

.text-malet p {
    font-size: 10px;
    line-height: 1.1;
}

.color-verde h3,
.color-verde h4 {
    color: #01c2c6;
}

.titleInfo-maleta {
    position: relative;
}

.titleInfo-maleta .ico-flech-bajo {
    display: none;
    cursor: pointer;
}

.titleInfo-maleta,
.head-malet {
    display: flex;
    align-items: center;
    gap: 4px;
}

.head-malet {
    width: 100%;
}

.head-maleta-desktop {
    width: 100%;
}

.head-maleta-desktop h3,
.head-maleta-desktop p,
.titleInfo-maleta .img-maleta-resumn {
    display: none;
}

.btn-add-maleta {
    display: none;
}

.content-alert {}

.row-alert {
    padding: 10px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.row-alert p {
    font-size: 11px;
    font-weight: 500;
    display: block;
}

.alert-negativo {
    background: #fff1fa;
    color: #ff00a1;
}

.alert-positivo {
    background: #e8feff;
    color: #01c2c6;
}

.icono-negativo {
    background: url(/Themes/MeVoyDeViaje/Content/images/icon/icon-alert.svg);
}

.icono-positivo {
    background: url(/Themes/MeVoyDeViaje/Content/images/icon/icon-confirmation.svg);
}

.ico-alert {
    width: 16px;
    height: 16px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}


/* item add maletas x pasajero */

.colm-add-maletas {
    display: flex;
    flex-direction: column;
    gap: 20px;
    color: #44506c;
}

.colm-add-maletas h3 {
    font-size: 13px;
    font-weight: 600;
    padding-bottom: 6px;
    margin-bottom: 6px;
    border-bottom: 1px solid #e6eaf3;
}

.colm-add-maletas h3 span {
    font-size: 10px;
    font-weight: 500;
}

.cont-tramo-add {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.row-tramo {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.info-tramo {}

.info-tramo h4 {
    font-size: 12px;
    font-weight: 600;
}

.info-tramo p {
    font-size: 10px;
    font-weight: 500;
    line-height: 1;
}

.cont-btn-add {
    display: flex;
    flex-direction: revert;
    gap: 10px;
    align-items: center;
    text-align: right;
}

.btn-cancelar-add {
    /*
    font-size: 18px;
    width: 24px;
    height: 24px;
    text-align: center;
    color: #fff;
    line-height: 1.3;
    border-radius: 20px;
    font-weight: 600;
    border: none;*/
    color: #a8b4ce;
    cursor: pointer;
    transition: background .3s ease;
}

.btn-cancelar-add:hover,
.btn-cancelar-add:focus {
    color: #7e89a1;
    transition: background .3s ease;
}

.ico-equipajes {
    background: url(/Themes/MeVoyDeViaje/Content/images/icon/icon-carrito-maleta.svg);
}

.ico-maletas-add {
    font-size: 10px;
    line-height: 1.5;
    font-weight: 500;
    padding: 0 16px 0 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: right;
}

.price-add h5 {
    font-size: 12px;
    line-height: 1;
}

.row-tramo a {
    background: #e9f5ff;
    color: #44506c;
    border: none;
    padding: 4px 15px;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    border-radius: 5px;
    transition: all 0.3s ease;
}

.row-tramo a:hover {
    background: #c9dae7;
    transition: all 0.3s ease;
}

.popUp-prices-maletas {
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    height: 100vh;
    padding: 10px;
}

.header-prices-malet {
    position: relative;
}

.header-prices-malet .ico-flech-resumen {
    left: 10px;
    top: 20px;
}

.body-prices-malet {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.body-prices-malet h3 {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

.img-escudo-n {
    background: url(/Themes/MeVoyDeViaje/Content/images/icon/icon-escudo-n.svg);
}

.imgOp-maleta-resumn {
    width: 120px;
    height: 120px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin: 30px auto 0 auto;
}

.cont-prices-malet {}

.item-option-malet {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.item-option-malet input {
    display: none;
}

.item-option-malet label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 10px;
    padding-left: 20px;
    border: none !important;
    border-bottom: 1px solid #e5e9f2 !important;
    position: relative;
    cursor: pointer;
}

.item-option-malet label:before {
    content: "";
    width: 12px;
    height: 12px;
    background: #ddd;
    border: 2px solid #fff;
    border-radius: 20px;
    box-shadow: 0 0 0px 2px #979797;
    position: absolute;
    top: -10px;
    left: 0;
    bottom: 0;
    margin: auto;
    transition: all 0.3s ease;
}

.item-option-malet label:hover:before {
    background: #afafaf;
    transition: all 0.3s ease;
}

.description-opion {
    font-size: 12px;
}

.description-opion span {
    font-weight: 500;
}

.item-option-malet label h5 {
    font-size: 12px;
    font-weight: 600;
}

.popUp-prices-maletas p {
    font-size: 12px;
    text-align: center;
    font-weight: 500;
    margin-top: 20px;
}

.popUp-prices-maletas p b {
    color: #ff00a1;
}

/* formulario PERSONA NATURAL/JURIDICA */

.containerComprobante a,
.containerContacto h4,
.containerSeguro a {
    font-size: 16px;
    border-bottom: 1px solid #dedede;
    padding-bottom: 7px;
    font-weight: bold;
    color: #333;
    text-decoration: none;
}

.containerComprobante a,
.containerSeguro a {
    border-bottom: none;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0px;
    padding: 0px;
    color: #333;
}


/*.tapComprobante,*/
.contentComprobante{
    .colm-sex-input{
        label{
            width: 100%;
        }
    }
}
@media (min-width:1024px){
    .contentComprobante{
        .colm-sex-input{
            label{
                width: fit-content;
            }
        }
    }
}

.cajaComprobante {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
}


/*
.tapComprobante {
}
*/

.row-taps {}

.cajaComprobante {
    flex-direction: column;
    gap: 15px;
}

.mobileMP {
    display: block;
}

.desktopMP {
    display: none;
}

.tapNatural,
.tapJuridica,
.cajaComp1 {
    width: 45%;
}

.tapNatural label,
.tapJuridica label {
    width: 100% !important;
}

.tapNatural label span,
.tapJuridica label span {
    margin: 0px;
}

.cajaComp1 {
    width: 100%;
    position: relative;
}

.cajaComp1 input {
    margin: 0px;
    padding: 0px;
    width: 99% !important;
    font-size: 10px !important;
    height: 40px;
}

/**************
RESUMEN DE COMPRA CHECK OUT - pag 3
************/

.containerCompra {
    width: 100%;
    margin: 0 auto;
}

/*botones collapse resumen*/

.tap-itinerario-check {
    padding: 0 !important;
    @media (min-width:768px){
        padding: 20px !important;
    }
}

.sticky-posit {
    transition: all .3s ease;
}

.resumenItinerary .tap-itinerario-check,
.content-popUp-adic .tap-itinerario-check {}

.tap-itinerario-check .title-resumen,
.btn-info-resumen .title-resumen {
    flex-direction: column;
    gap: 0;
    align-items: flex-start;
}

.title-resumen-item {
    position: relative;
    svg{
        font-size: 20px !important;
        stroke-width: 3px !important;
    }
}

.btn-detall-itinerario {
    font-size: 14px;
    font-weight: 500;
    padding: 4px 15px;
    transition: all .3s ease;
}
@media (min-width:1024px){
    .btn-detall-itinerario {
        display: block !important;
    }
}

.price-check-t {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    text-align: right;
}

.price-check-t p {
    font-size: 12px;
    color: #44506c;
}

.total-impreso {
    font-size: 16px;
    font-weight: 600;
    color: #44506c;
}

.content-popUp .content-forms {
    border: none;
    padding: 0;
}

.title-resumen {}

.title-resumen h4,
.sticky-posit .title-resumen h4 {
    font-size: 20px;
}

.title-resumen h4 span {
    font-size: 10px;
    font-weight: 500;
}

.title-resumen p,
.tap-itinerario-check .title-resumen p {
    font-size: 12px;
    text-wrap: nowrap;
}

.sticky-posit .title-resumen {
    h4{
        text-transform: capitalize;
    }
    p{}
}

.info-clase {}

.info-clase p {
    font-size: 12px;
    text-align: right;
    display: flex;
    flex-direction: row;
    gap: 3px;
}


.btn-info-resumen,
.btn-info-resumen:hover,
.btn-info-resumen:focus {
    text-decoration: none;
    
    background: #44506c;
    border-radius: 5px;
    color: #fff;
    padding: 10px 10px;
    position: relative;
    cursor: pointer;
    transition: background .3s ease;
}

.btn-info-resumen:hover {
    background: #354364;
    transition: background .3s ease;
}

.title-resumen-prodct h3 {
    font-size: 13px;
    font-weight: bold;
}

.title-resumen-prodct h4 {
    font-size: 11px;
    font-weight: 500;
}

.icon-seguro-viaje {
    background-image: url(/Themes/MeVoyDeViaje/Content/images/icon/icon-seguro-viaje-b.svg);
}

.icon-seguro-viaje-n {
    background-image: url(/Themes/MeVoyDeViaje/Content/images/icon/icon-seguro-viaje-b.svg);
    filter: brightness(0.4);
}

.icon-seguro-viaje-v {
    background-image: url(/Themes/MeVoyDeViaje/Content/images/icon/icon-seguro-viaje-v.svg);
}

.icon-vuelos-resum {
    background-image: url(/Themes/MeVoyDeViaje/Content/images/icon/icon-avion-b.svg);
}

.icon-equipj-resum {
    background-image: url(/Themes/MeVoyDeViaje/Content/images/icon/icon-maleta-b.svg);
}

.icon-pasajeros-resum {
    background-image: url(/Themes/MeVoyDeViaje/Content/images/icon/icon-pasajero-b.svg);
}

.icon-reembolsable-resum {
    background-image: url(/Themes/MeVoyDeViaje/Content/images/icon/icon-reembolsable-b.svg);
}

.icon-reembolsable-resum-n {
    background-image: url(/Themes/MeVoyDeViaje/Content/images/icon/icon-reembolsable-n.svg);
}

.icon-prodct {
    width: 30px;
    height: 30px;
    background-color: #5e6e92;
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
}

.ico-flech-b {
    background: url(/Themes/MeVoyDeViaje/Content/images/icon/icon-flecha-b.svg);
}

.ico-flech-n {
    background: url(/Themes/MeVoyDeViaje/Content/images/icon/icon-flecha-n.svg);
}

.ico-flech-resumen,
.ico-flech-bajo {
    width: 20px;
    height: 20px;
    background-size: contain;
    background-position: center;
    position: absolute;
    top: 0px;
    bottom: 0;
    margin: auto;
    transition: all 0.3s;
    cursor: pointer;
}

.ico-flech-resumen {
    left: -30px;
    transform: rotate(90deg);
}

.ico-flech-bajo {
    right: 0px;
    width: 14px;
    height: 14px;
}

.rotate-flecha {
    transform: rotate(-180deg);
    transition: all 0.3s;
}

.resumenItinerary {
    width: 100%;
    height: 100vh;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1100;
    overflow: scroll;
}

#sellflight-page .resumenItinerary {
    /*z-index: auto;*/
}

.resumenItinerary .content-forms h4,
.resumenItinerary .content-forms .columDetall-maleta {
    display: none;
}


/*Vuelos resumen checkOut*/

.resumenItinerary .OptionStyleS {
    border-radius: 0;
}

.resumenItinerary #divSeleccion,
.resumenItinerary .LineAirShow {
    display: none;
}

.resumenItinerary .collapse {}

.content-itinerario-resum {}

.header-itinerario-resum {}

.item-itinerario-resum {
    padding: 10px;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #e0dfdc;
}

.btn-next {
    width: 96%;
    margin: auto;
    display: flex;
    justify-content: flex-end;
}

.cont-body .btn-next {
    width: 100%;
}

.btn-popUp {
    width: fit-content;
    /*text-align: center;*/
    background: #01c2c6;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    /*margin: auto;*/
    margin-top: 10px;
    margin-bottom: 14px;
    border-radius: 6px;
    border: 0;
    box-shadow: none;
    padding: 6px 40px;
    cursor: pointer;
    display: flex;
    align-self: flex-end;
    transition: all 0.3s ease;
}

.btn-popUp:hover {
    background-color: #009092;
    color: #fff;
    transition: all 0.3s ease;
}


/* Resumen itinerario Mobile */

.body-itinerario-resum {}

.body-itinerario-resum .content-forms {
    background: transparent;
    padding: 0;
    border: none;
}

.body-itinerario-resum .content-forms h4 {
    display: none;
}


/* Formulario Metodos de Pago */

.cont-pagos {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.cont-pagos p {
    font-size: 12px;
    font-weight: 500;
    margin-bottom: -8px;
}

.cont-pagos select {}

.cont-pagos select option {}

.my-info-1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.openpay {
    background: url(/Themes/MeVoyDeViaje/Content/images/landingPage/Openpay/logo-openpay-positivo.png) no-repeat;
}

.ico-whatsapp{
    width: 20px;
    height: 20px;
    background: url(/Themes/MeVoyDeViaje/Content/images/img-content/icono-whatsapp-blanco.png) no-repeat;
    background-size: contain;
    background-position: center;
}


.openpayPerso {
    width: 96px;
    height: 26px;
    background-position: center;
    background-size: contain;
}

.BankPago-1 {
    width: 64px;
    height: 25px;
    background-position: center;
    background-size: contain;
    margin: 2px;
}

.logo-SafetyPay {
    width: 96px;
    height: 26px;
    background: url(../imagenes/logo-safetypay.png) no-repeat;
    background-position: center;
    background-size: contain;
}

.mediosPago-1,
.mediosPago-2,
.mediosPago-3 {
    display: flex;
    justify-content: center;
    padding: 15px;
    border: 1px solid #f0f3fa;
    border-radius: 10px;
    margin-bottom: 15px;
    font-size: 10px;
    flex-wrap: wrap;
}

.mediosPago-3 {
    justify-content: space-around;
}

.mediosPago-3 p {
    align-self: center;
    width: 40%;
}

.img-Pay {
    align-self: center;
    width: 20%;
    margin-right: 5px;
}

.imgCajasBank {
    width: 75%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.bcp {
    background: url(../imagenes/bcp.png) no-repeat;
}

.bcp-sin-cuotas {
    background: url(/Themes/MeVoyDeViaje/Content/images/logos/logo-bcp-cuoptas.png) no-repeat;
}

.bcp-cuotealo {
    background: url(/Themes/MeVoyDeViaje/Content/images/logos/300x120/bcp-cuotelo-logo.png) no-repeat;
}

.bbva {
    background: url(../imagenes/bbva.png) no-repeat;
}

.bbva-puntos {
    background: url(/Themes/MeVoyDeViaje/Content/images/logos/puntosBBVA-img.png) no-repeat;
}

.mercadoPago{
    background: url(/Themes/MeVoyDeViaje/Content/images/logos/mercadoPago.png) no-repeat;
}

.yape{
    background: url(/Themes/MeVoyDeViaje/Content/images/logos/Yapelogo.png) no-repeat;
}

.interbank {
    background: url(../imagenes/interbank.png) no-repeat;
}

.scotiabank {
    background: url(../imagenes/scotiabank.png) no-repeat;
}

.cajaArequipa {
    background: url(../imagenes/caja-arequipa.png) no-repeat;
}

.cajaHuancayo {
    background: url(../imagenes/caja-huancayo.png) no-repeat;
}

.cajaTrujillo {
    background: url(../imagenes/caja-trujillo.png) no-repeat;
}

.cajaTacna {
    background: url(../imagenes/caja-tacna.png) no-repeat;
}

.img-Pay {
    background: url(../imagenes/logo-safetypay.png) no-repeat;
    border: 1px solid #fff !important;
}

.westerUnion {
    background: url(../imagenes/wester-union-logo.jpg) no-repeat;
}

.kasnet {
    background: url(../imagenes/kasnet-logo.jpg) no-repeat;
}

.visa {
    background: url(../imagenes/visa.jpg) no-repeat;
}

.mastercard {
    background: url(../imagenes/mastercard.jpg) no-repeat;
}

.americanExpress {
    background: url(../imagenes/AmericanExpress.jpg) no-repeat;
}

.dinners {
    background: url(../imagenes/Dinners.jpg) no-repeat;
}

.BankPago,
.BankPago-2 {
    width: 60px;
    height: 40px;
    background-position: center;
    background-size: cover;
    margin: 2px;
}

.visaMasterC {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
}

.SelloBBVA {
    background: url(../imagenes/selloBBVA12.png) no-repeat;
}

.SelloDiners {
    background: url(../imagenes/content-img/sello-12meses.png) no-repeat;
}

.SelloBBVA,
.SelloDiners {
    width: 75px;
    height: 60px;
    background-size: contain;
    background-position: center;
}


/* PUNTOS DE BBVA */

.bodyPuntosBBVA {
    margin: 0 0 8px 0;
}

.colum-puntos {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.colum-puntos label {
    font-size: 12px;
}

.iconPuntos,
.iconPuntos-cua {
    width: 110px;
    height: 45px;
    background-position: center;
    background-size: cover;
}

.iconPuntos-cua {
    width: 50px;
    height: 50px;
}
.iconPuntos-cua.mercadoPago{
    width: 54px;
    height: 54px;
}

/* Formulario Counter */

.contentCounter {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}


/* TOTAL A PAGAR travelSell Inferior */

.titleSeguroS {
    display: flex;
    font-size: 10px;
    color: #555;
    gap: 10px;
}

.img-seguro {
    width: 50px;
    min-width: 50px;
    height: 50px;
    background-image: url(/Themes/MeVoyDeViaje/Content/images/landingPage/Openpay/icon-escudo.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #EEF7FF;
    border-radius: 50%;
}

.titleSeguroS span {
    align-self: center;
}

.titleSeguroS span strong {
    font-size: 14px;
}

.bodyTerminos {
    display: flex;
    font-size: 12px;
    justify-content: space-between;
    flex-direction: column;
    gap: 10px;
}

.item-terminos {
    display: flex;
    gap: 10px;
    font-size: 12px;
}
@media (min-width:1024px){
    .item-terminos,
    label a {
        font-size: 14px;
    }
}

.item-terminos label {
    margin: 0;
    font-weight: 400;
}

.checkTerminos {
    width: 100%;
    margin: 0;
    align-self: center;
    position: relative;
}

.checkTerminos a {
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
}

.checkTerminos input {
    margin: 0;
}

.btnCOMPRAR {
    width: 100%;
    margin: 0;
}

.btnCOMPRAR button{}
.btnAplicarPuntos button {
    background: #251899;
    width: 100%;
    padding: 10px;
    color: #fff;
    font-weight: 600;
    border-radius: 5px;
    transition: all 0.3s;
    border: none;
    font-size: 16px;
}



/* Alerta llenado Obligatorio del formulario */

.adultoForms .field-validation-error span,
.ninoForms .field-validation-error span,
.infanteForms .field-validation-error span,
.containerComprobante .field-validation-error span,
.containerContacto .field-validation-error span {
    top: 48px;
}

.adultoForms .field-validation-error:after,
.ninoForms .field-validation-error:after,
.infanteForms .field-validation-error:after,
.containerComprobante .field-validation-error:after,
.containerContacto .field-validation-error:after {
    top: 42px;
}


/* << Resumen TOTAL A PAGAR Derecha PAG 3 >> */

.PriceFinal {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.DisplayFixed {
}

.body-price-total {
    padding: 10px 10px 0 10px;
    @media (min-width:768px){
        padding: 0px;
    }
}

.box-price {
    padding-bottom: 20px;
    border-bottom: 1px solid var(--c-scale-20);
}

.cont-resumTotal {
    padding: 5px 0 15px 0px;
}

.item-resum-total {
    width: 100%;
    font-size: 13px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.box-price a {
    text-decoration: none;
    cursor: pointer;
    color: var(--c-scale-70);
    font-weight: 400;
    font-size: 14px;
    transition: all .3s ease;
    &[aria-expanded="true"] svg {
        transform: rotate(-90deg);
        transition: all .3s ease;
    }
}

.box-price a .ico-flech-bajo {
    width: 10px;
    height: 10px;
    left: 0;
    right: initial;
    filter: opacity(0.5);
}

.row-price-total {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    color: var(--c-scale-70);
}

.color-verde {
    color: #00a7ab;
    font-weight: 500;
}

.color-fuxia {
    color: #ff00a1 !important;
}

.iconEquip {
    display: flex;
    align-items: center;
    gap: 6px;
}

.imgEquipaje {
    width: 23px;
    height: 23px;
    background: url(../imagenes/icon/carritoBodega.svg) no-repeat;
    background-size: contain;
    background-position: center;
    margin-right: 3px;
}

.ico-total-rs {
    width: 16px;
    height: 16px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.titleServic {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    font-size: 14px;
}

.titleServic span {
    padding: 0px;
}

.coupon-box {}

.bodyCuponS {}

.coupon-code {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    gap: 10px;
    position: relative;
}

.bodyCuponS h6 {
    font-size: 10px;
    line-height: normal;
    margin: 3px 0;
    color: #ff00a1;
    font-weight: 600;
}

.coupon-code button {
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    padding: 10px;
    border: none;
}

.totalPagarS {
    color: var(--c-scale-90);
}

.infoPagarS {}

.cajaPagar {
    display: flex;
    justify-content: space-between;
}

.totalPagarPopUp .cajaPagar {
    background: #44506c;
    color: #fff;
    padding: 5px 15px;
    border-radius: 7px;
}

.totalPagarPopUp {
    position: fixed !important;
    top: 0px;
    right: 0;
    left: 0;
    box-shadow: 0 2px 5px #b1b1b1;
    padding: 0px;
    margin: 0 auto !important;
    z-index: 1500;
}

.totalPagarPopUp .cajaPagar {
    border-radius: 0px;
}

.totalPagarS h4 {
    font-size: 12px;
    font-weight: bold;
}

.totalPagarPopUp h4 {
    font-size: 14px;
}


/* Informacion y publicidad SellF _AirPriceSellT */

.preguntaNosotros,
.infoVentaSegura {
    background: #e4f3ff;
    ;
    border-radius: 10px;
    padding: 20px;
    font-size: 10px;
    margin: 20px 0;
    font-weight: bold;
}

.preguntaNosotros {
    color: #072779;
}

.preguntaNosotros h3 {
    font-size: 16px;
    font-weight: bold;
}

.infoBody {
    display: flex;
    align-items: center;
    margin: 5px 0;
}

.infoPublic-1 {
    background: url(../imagenes/icon/icon-soporte.svg) no-repeat;
}

.infoPublic-2 {
    background: url(../imagenes/icon/icon-personalizado.svg) no-repeat;
}

.infoPublic-3 {
    background: url(../imagenes/icon/icon-pago1.svg) no-repeat;
}

.infoPublic-4 {
    background: url(../imagenes/icon/icon-mundo.svg) no-repeat;
}

.infoPublic-5 {
    background: url(../imagenes/icon/icon-cienporciento.svg) no-repeat;
}

.infoPublic-1,
.infoPublic-2,
.infoPublic-3,
.infoPublic-4,
.infoPublic-5 {
    width: 25px;
    height: 25px;
    background-position: center;
    background-size: contain;
    margin-right: 7px;
}

.infoVentaSegura {
    color: #555;
    display: flex;
    justify-content: space-between;
    display: none;
}

.infoVentaSegura h3 {
    font-size: 14px;
    width: 45%;
    font-weight: bold;
}

.logoVerifiedVisa {
    width: 150px;
    height: 100px;
    background: url(../imagenes/icon/verifiedVisa.svg) no-repeat;
    background-size: contain;
    background-position: center;
}


/* Opcion Izquierda */


/*---Opcion Derecha--*/


/* Resumen sub total PAG 2 */

.BoxPrice {
}

.BoxPrice a {}

.BoxPrice p {
    
}

.info-resumen-search-maleta {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.row-info-resum {
    display: flex;
    gap: 5px;
    align-items: center;
}

.row-info-resum .cantidad-pasj-2 {
    display: none;
}

.btn-search-total {
}

.btn-sm-mas,
.BoxPrice a {
    font-size: 16px;
}


/*-----*/

.opcionesDePago{
    .modal-title span{
        font-size: 14px;
    }
}

.content-sellos {
}

.canjeBBVA {
    color: #44506c;
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 0 10px;
}

.detallPuntosBBVA h3 {
    font-weight: 600;
    font-size: 12px;
}

.detallPuntosBBVA p {
    font-size: 12px;
}

.img-puntos {
    background: url(/Themes/MeVoyDeViaje/Content/images/img-content/puntosBBVA-img.png);
}

.img-dummy {
    width: 40px;
    min-width: 40px;
    height: 40px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.row-sellos {
}

.ocultar,
.descSelling {
    font-size: 12px;
    /*margin-bottom: 5px;*/
    display: flex;
    justify-content: space-between;
}

.descSelling {
    font-weight: bold;
    color: #01c2c6;
}

.content-price-search {
}

.TotalPrice {
    color: var(--c-scale-80);
    position: relative;
    border-top: 1px solid var(--c-scale-20);
    padding-top: 10px;
}
.item-total-left {
    font-size: 12px;
    font-weight: 400;
}
.PriceResumn {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.TotalPrice h3 {
    font-size: 16px;
    display: flex;
    align-items: flex-end;
    gap: 5px;
}

.TotalPrice h3 span {
    font-size: 14px;
}


.PriceResumn p {
    display: block;
}

/* PopUp Tarifas */

.content-tarifas {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
    margin: auto;
    z-index: 12000;
}

.row-tarifas {
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000618a6;
}

.colum-tarifas {
    background: var(--c-scale-10);
    width: 100%;
    height: 100vh;
    z-index: 1;
}

.title-tatirfas {
    background: var(--c-primary);
    color: var(--c-blanco);
    padding: 20px;
    font-size: 20px;
}

.info-title-tarifa {}

.info-title-tarifa h4 {
    font-weight: 500;
    font-size: 20px;
}

.info-title-tarifa p {
    font-size: 14px;
    font-weight: 400;
}
.content-tarifas{
    .cerrar-tarifa{
        display: none;
    }
    .i-arrow-reverse{
        display: block;
    }
}
@media (min-width:1024px){
    .content-tarifas{
        .cerrar-tarifa{
            display: flex;
        }
        .i-arrow-reverse{
            display: none;
        }
    }
}

.body-tarifas {
    width: 100%;
    height: calc(100% - 30%);
    margin: 10px auto;
    padding: 20px;
    overflow: auto;
}

.body-tarifas input {
    display: none;
}

.body-tarifas label {
    background: var(--c-blanco);
    width: 100%;
    padding: 15px;
    border-radius: 10px;
    margin: 0;
    transition: all .3s ease;
    position: relative;
}

.cont-label-tarf {
}

.body-tarifas input:checked+label {
    border: 2px solid var(--c-primary);
    box-shadow: var(--box-sh);
    transition: all .3s ease;
}

.body-tarifas label:before {
    content: "";
    width: 12px;
    height: 12px;
    background: #e0dfdc;
    border: 2px solid #fff;
    box-shadow: 0 0 0px 2px #e0dfdc;
    border-radius: 20px;
    position: absolute;
    left: 12px;
    top: 22px;
    bottom: 0;
    transition: all .3s ease;
}

.body-tarifas input:checked+label:before {
    background: var(--c-secondary);
    box-shadow: 0 0 0px 2px var(--c-secondary);
    transition: all .3s ease;
}

.header-label-tarifa {
    padding-left: 20px;
}
.name-tarf h5 {
    font-size: 14px;
}
.name-tarf h3 {
    font-size: 18px;
    font-weight: 600;
}
.price-uni-tf{
    text-align: right;
    text-wrap: nowrap;
}

@media (min-width:1024px){
    .header-label-tarifa {
        padding-left: 0px;
    }
    .name-tarf{
        h5 {
            font-size: 12px;
        }
        h3 {
            font-size: 16px;
        }
    }
    .price-uni-tf{
        text-align: left;
    }
}

.price-tarf h5 {
    color: var(--c-scale-90);
    font-weight: 500;
}

.price-tarf p {
    font-size: 11px;
    font-weight: 500;
}

.total-pers-tarf {
    display: flex;
    gap: 3px;
    font-size: 11px;
}

.body-label-tarifa {
}

.descripcion-maletas-tarf .item-maletas {
    margin: 0;
}

.descripcion-maletas-tarf h3 {
    font-size: 10px;
    color: var(--c-scale-70);
    font-weight: 400;
}

.descripcion-maletas-tarf .descripcion-maletas-tarf__label-flight {
    font-size: 10px;
    margin-bottom: 8px;
}

.descripcion-maletas-tarf.descripcion-maletas-tarf--column2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.descripcion-mas-info {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    border-top: 1px solid #f1f2f6;
    padding-top: 5px;
}

.cont-extras-tarf {
    color: var(--c-scale-80);
}

.contentIconInferior-chOut h5,
.detall-itinerario-tarifa h5,
.cont-extras-tarf h5 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px;
}

.item-incluye-ex {
    color: var(--c-scale-70);
}

.check-on {
    color: #009092;
}

.check-off {
    color: #e0dfdc;
}

.icon-ext {
    min-width: 13px;
    height: 13px;
    border-radius: 10px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.item-check-tf{
    font-size: 12px;
    color: var(--c-scale-70);
    font-weight: 400;
}
.check-off{
    display: none;
}
.footer-tarifas {
    padding: 20px;
    background: var(--c-blanco);
    .item-header-tf h5{
        font-size: 16px;
    }
}

.btn-cerrar {
    padding: 10px 30px;
    font-size: 14px;
    color: #44506c;
}

.MpInput {
    padding: 10px 0px;
    display: inline-block;
}

.MpLabel {
    color: #555;
    vertical-align: middle;
    margin-bottom: 0px;
    width: 97%;
    display: inline-block;
    font-size: 14px;
    cursor: pointer;
    padding: 15px 0px;
}

.RadioContainer {
    display: inline-block;
    position: relative;
    cursor: pointer;
    font-size: 14px;
    user-select: none;
    padding-left: 25px;
    line-height: normal;
    margin-left: 10px;
    font-weight: 600;
}

.RadioContainer input {
    display: none !important;
}

.RadioContainer .Circle {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: #f0f3fa;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%;
}

.RadioContainer:hover .Circle {
    background-color: #ccc;
}

.RadioContainer input:checked+.Circle {
    background-color: rgb(0, 169, 145);
    transition: all 200ms ease-out;
}

.RadioContainer input:checked+.Circle:after {
    content: "";
    height: 8px;
    width: 8px;
    background-color: #fff;
    position: absolute;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.5s ease-out;
}


/* Infografia Search */


.img-search-pagos {
    background: url(/Themes/MeVoyDeViaje/Content/img/imageContenido/img-pagos-search.png);
}

.img-canjes {
    width: 100px;
    min-width: 100px;
    height: 100px;
    background-size: 90px;
    background-position: center;
    background-repeat: no-repeat;
}

.infografia-search {
    color: var(--c-scale-80);
    h5{
        font-size: 14px;
    }
}

.infografia-search h4 {
    font-size: 1.4em;
    font-weight: 600;
    margin-bottom: 5px;
}

.infografia-search p {
    font-size: 12px;
}


/* FLOTANTE DE APOYO (EMERGENTE) */

.flotanteEmergente {
    width: 100%;
    height: 100%;
    background: #17171775;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 500;
}

.bodyEmergent {
    width: 95%;
    height: max-content;
    display: flex;
    flex-direction: row-reverse;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    align-items: center;
}

.gifAnim-rigo-juana {
    width: 140px;
    height: 206px;
    background: url(../imagenes/flotanteRigo-juanita.gif) no-repeat;
    background-position: center;
    background-size: contain;
}

.contenidoEmergent {
    padding: 16px 24px;
    width: 75%;
    background: #fff;
    height: max-content;
    border-radius: 10px;
    text-align: center;
    box-shadow: 3px 0px 10px -4px #000;
    margin-left: -40px;
}

.contenidoEmergent h2 {
    color: #570017;
    font-size: 17px;
    font-weight: bold;
    margin: 0 0 20px 0;
    user-select: none;
}

.contenidoEmergent p,
.contenidoEmergent span {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 0px;
}

.contenidoEmergent p {
    user-select: none;
}

.contenidoEmergent a {
    text-decoration: none;
    color: #01c2c6;
}

.contenidoEmergent a:hover {
    color: #00695a;
}

.ocultarEmergente {
    display: none;
}

.cerrarEmergente {
    width: 30px;
    height: 30px;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    color: #570017;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}


/* PRE-LOAD CIRCULO */

.preLoadCircle {
    width: 100%;
    height: 100vh;
    background: #171717d1;
    position: fixed;
}

.contentLoad {
    width: 200px;
    height: 200px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.imgPreLoad {
    width: 60px;
    height: 60px;
    margin: 5px auto;
    background: url(../imagenes/loadingPreLoading.png) no-repeat;
    background-size: contain;
    background-position: center;
    animation: preload 0.8s ease-out infinite;
}

.preLoadCircle p {
    width: 200px;
    text-align: center;
    margin: 15px auto;
    color: #fff;
}

@keyframes preload {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(359deg);
    }
}


/* CSS MEDIOS DE PAGO*/

.RadioContainer {
    display: inline-block;
    position: relative;
    cursor: pointer;
    font-size: 14px;
    user-select: none;
    padding-left: 25px;
    line-height: normal;
    margin-left: 0px;
    font-weight: 800;
    color: #555;
}

.RadioContainer input {
    display: none;
}

.RadioContainer span {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.RadioContainer .Circle {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%;
    border: 1px solid #b699aa;
}

.RadioContainer:hover .Circle {
    background-color: #f0f3fa;
}

.RadioContainer input:checked+.Circle {
    transition: all 200ms ease-out;
}

.RadioContainer input:checked+.Circle:after {
    content: "";
    height: 8px;
    width: 8px;
    background-color: #fff;
    position: absolute;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.5s ease-out;
}

div ul li.BankPago {
    display: inline-block;
}

div ul li.BankPago img {
    line-height: 0px;
    max-width: 85px;
}

.MpInput {
    padding: 16px 0px;
}

.ConOpacidad {
    background-color: #fff;
    width: 100%;
    height: 36px;
    position: absolute;
    opacity: 0.9;
}

.ConOpacidad2 {
    background-color: #fff;
    width: 100%;
    height: 72px;
    position: absolute;
    opacity: 0.9;
}

.SinOpacidad {
    opacity: 0;
}

.SizeMode-Label {
    width: 100%;
    margin-left: 0px;
    font-size: 12px;
    background: #fff;
}

.SizeMode-Label-Dinners {
    width: 50%;
    margin-left: 0px;
    font-size: 12px;
}

.SizeDocument-Label {
    width: 100%;
    margin-left: 0px;
    font-weight: 800;
    font-size: 11px;
}

.hideMode {
    display: block;
    width: 50%;
    display: inline-block;
    text-align: right;
}

.hideMode-Dinners {
    display: block;
    width: 45%;
    display: inline-block;
    text-align: right;
}

.iconMode {
    display: inline-block;
    font-size: 14px;
    vertical-align: middle;
    padding: 10px;
    cursor: pointer;
    width: 5%;
    text-align: center;
}

.containerItem-Pay {
    list-style: none;
    margin: 0px;
    padding: 0px;
    position: relative;
    padding: 15px 10px;
    text-align: right;
    width: 95%;
    margin-right: 5%;
}

div ul li.hideItem {
    display: none;
}


/*<<<< ERROR-1 CHECK OUT - VUELOS >>>>> */

.fieldset-nop {
    margin-top: 50px;
}

.form-fieldsF {
}

.MessagesError {
}

.ImagesError img {
    width: 230px;
    height: 230px;
    margin: 25px;
}

.MessagesError h1 {
    color: var(--c-action);
    font-weight: bold;
    font-size: 30px;
}

.MessagesError h1 span,
.MessagesError p {
    font-size: 14px;
    color: var(--c-scale-80);
    font-weight: 400;
}
.MessagesError h1 span{
    font-size: 16px;
}

.MessagesError p {
    margin-bottom: 0px;
}

.MessagesError p a {
    color: var(--c-primary);
}

.imgAvatarPregunt {
    width: 90%;
    height: 240px;
    margin: 15px auto;
    background: url(../imagenes/consulta.png) no-repeat;
    background-position: center;
    background-size: contain;
}

.titleAvatar {
    text-align: center;
    padding: 0 10px;
}

.titleAvatar h1 {
    color: #01c2c6;
    font-weight: bold;
    font-size: 20px;
}

.btnRedireccionar {
}

/*<<<<<<<<<<<< 
------------- RESULTADO SEARCH VUELOS PAG-2
>>>>>>>>>> */


/*Taps filter */
.contenSearchFlight_vuelos {
    width: 100%;
    z-index: 200;
}

.contenSearchFlight_vuelos {
    border-radius: 10px;
    position: relative;
    z-index: 0;
}



/* header Search - tap filter*/

main.header-content-vuelos{
    position: relative;
    section.search-header{
        background: transparent;
        padding: 0;
        margin-top: 10px;
    }
}
section.search-header{
    background: var(--c-blanco);
    padding: 20px;
    z-index: 1;
    &:nth-child(1){
    }

    .TitleDestino-Search {
        border-radius: 10px;
        h2{
            font-size: 20px;
            font-weight: 600;
        }
        h1{
            display: none;
        }
        h4{
            font-size: 14px;
            font-weight: 400;
        }
    }
    a{
        padding: 10px;
        font-size: 20px;
        background: #fff;
        color: var(--c-scale-80);
        cursor: pointer;
        stroke-width: 3px;
        transition: all .3s ease;
        h3{
            display: none;
            @media (min-width:1024px){
                display: block;
            }
        }
        @media (min-width:1024px){
            background: transparent;
        }
    }
    .tapFilter-vuelos a {
        padding: 10px 15px;
        border-radius: 10px;
        color: var(--c-scale-70);
        h3{
            display: flex;
            font-size: 14px;
            color: var(--c-scale-70);
        }
    }
    .tapFilter-vuelos {
        padding: 0 10px;
        overflow: auto;
    }
}
@media (min-width:1024px){
    section.search-header{
        background: transparent;
        padding: 0;
        margin-top: 0px;
        z-index: 0;
    }
}

/*
.subTitle-Search {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3px;
}
*/

.btn-tabla-col {
    transition: all .3s ease;
}


/* -- FILTRO NUEVA BUSQUEDA -- */

.header-content-vuelos .BoxFlightSell a,
.btn-filter-search:focus,
.btn-filter-search:hover {
    text-decoration: none;
    width: fit-content;
}

.btn-newDate-mobile {
    height: 100%;
    padding: 10px;
    background: #01c2c6;
    color: #fff;
    border-radius: 10px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    position: relative;
    cursor: pointer;
    transition: background 0.3s ease;
}

.tapFilter-VB input:checked+label.content-ico-vb .ico-lupa,
.ico-lupa-blanco {
    background: url(/Themes/MeVoyDeViaje/Content/img/icon/ico-lupa-blanco.svg) no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
}

.ico-filtros {
    background: url(/Themes/MeVoyDeViaje/Content/images/icon/ico-filtro.png) no-repeat !important;
    background-size: contain !important;
    background-position: center !important;
}

.btn-newDate-mobile .icons-menu {
    width: 30px;
    height: 30px;
    filter: brightness(3);
}

.btn-newDate-mobile h3 {
    margin: 0;
    font-size: 10px;
    width: 60px;
}


/*tap*/

.tapFilter-vuelos::-webkit-scrollbar {
    height: 0px;
    background: #f0f3fa;
}

.tapFilter-vuelos::-webkit-scrollbar-thumb {
    background: #aaa;
    border-radius: 10px;
}

.content-ico-vuelos {
    min-width: 80px;
    text-align: center;
    padding: 7px;
    font-size: 9px;
    font-weight: bold;
    color: #707070 !important;
    transition: all 0.3s ease;
    position: relative;
    border-right: 0.5px solid #f0f3fa;
}

.tapFilter-vuelos input {
    display: none;
}

.tapFilter-vuelos input:checked+label.content-ico-vuelos {
    background: #555;
    color: #fff !important;
    border-radius: 5px;
    transition: all 0.3s ease;
}

.tapFilter-vuelos input:not(:checked)+label.content-ico-vuelos {
    background: none;
    color: inherit;
    border-radius: 0px;
}

.tapFilter-vuelos input:checked+label.content-ico-vuelos .ico-lupa {
    background: url(../imagenes/icon/ico-lupa-blanco.svg) no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
}

.tapFilter-vuelos input:checked+label.content-ico-vuelos .ico-calendario {
    background: url(../imagenes/icon/ico-calendario-blanco.svg) no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
}

.tapFilter-vuelos input:checked+label.content-ico-vuelos .ico-tabla-comparativo {
    background: url(../imagenes/icon/ico-tabla-comparativo-blanco.svg) no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
}

.tapFilter-vuelos input:checked+label.content-ico-vuelos .ico-avion {
    background: url(../imagenes/icon/ico-avion-blanco.svg) no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
}

.tapFilter-vuelos input:checked+label.content-ico-vuelos .ico-precio {
    background: url(../imagenes/icon/ico-dinero-blanco.svg) no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
}

.tapFilter-vuelos input:checked+label.content-ico-vuelos .ico-escalas {
    background: url(../imagenes/icon/ico-escala-blanco.svg) no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
}

.tapFilter-vuelos input:checked+label.content-ico-vuelos .ico-maletas {
    background: url(../imagenes/icon/ico-maleta-blanco.svg) no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
}

.tapFilter-vuelos input:checked+label.content-ico-vuelos .ico-reloj {
    background: url(../imagenes/icon/ico-reloj-blanco.svg) no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
}

.ico-lupa {
    background: url(../imagenes/icon/ico-lupa.svg) no-repeat;
}

.ico-calendario {
    background: url(../imagenes/icon/ico-calendario.svg) no-repeat;
}

.ico-avion {
    background: url(../imagenes/icon/ico-avion.svg) no-repeat;
}

.ico-tabla-comparativo {
    background: url(../imagenes/icon/ico-tabla-comparativo-griss.svg) no-repeat;
}

.ico-precio {
    background: url(../imagenes/icon/ico-dinero-gris.svg) no-repeat;
}

.ico-escalas {
    background: url(../imagenes/icon/ico-escala-gris.svg) no-repeat;
}

.ico-maletas {
    background: url(../imagenes/icon/ico-maleta-gris.svg) no-repeat;
}

.ico-reloj {
    background: url(../imagenes/icon/ico-reloj.svg) no-repeat;
}

.icon-tap-vuelos {
    width: 22px;
    min-width: 22px;
    height: 22px;
    background-position: center;
    background-size: contain;
    border-radius: 10px;
}


/*.formSearchF {
    padding: 15px;
    border-radius: 15px;
}*/

.btn-tabla-desktop {
    display: none;
}

/* Contenido Body SellFlight */

.BoxContainer{
}
#gridItinerary {
    border: transparent;
    box-shadow: none;
    background: transparent;
}

/* Contenido Body SearchF */

.ContainerGroup {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.title-prodcut-check{
    h2{
        font-size: clamp(1.8rem, 2vw, 2rem);
    }
}
.itinerario-checkout{
    .FlightOptionSell{
        a.Col-Ten{
            pointer-events: none;
            cursor: default;
            display: none;
        }
        @media (min-width:768px){
            .detall-itinerario-cont.collapse{
                display: block !important;
            }
        }
    }
}

.ContainerGroup:nth-child(1) .BoxContainer .BoxContent .contenedorDetalleTotal {
    padding: 0px 0;
    margin-top: 0px;
    /*border-radius: 5px;*/
}

.title-barato {
    border-bottom: 1px solid #f1f2f6;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-resum-desk a,
.colm-header-resm .item-pasaj {
    display: none;
}

.cantidad-pasj-1 {
    display: flex !important;
}

.BoxContainer .especificacion-alert span{
    display: none;
}
.ContainerGroup:nth-child(1) .BoxContainer .especificacion-alert span{
    display: flex;
    background: var(--c-action);
    padding: 7px 15px 30px 15px;
    color: var(--c-blanco);
    align-items: center;
    gap: 10px;
    margin-bottom: -23px;
    border-radius: 15px 15px 0 0;
    font-weight: 500;
}

.ico-reloj-alert {
    background-image: url(/Themes/MeVoyDeViaje/Content/images/icon/ico-reloj-b.svg);
}

.item-alert-vuelos {
    width: 30px;
    height: 30px;
    background-color: #a8b4ce;
    background-size: 22px;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 5px 0 0 0;
}

.ContainerGroup:nth-child(1) .BoxContainer .item-alert-vuelos {
    background-color: var(--c-action);
}

.ContainerGroup:nth-child(1) .BoxContainer .especificacion-alert h2 {
    display: block;
}


.header-resum-desk{
}

.BoxContent {
    @media (max-width:767px){
        background: #fff;
        padding-bottom: 15px;
        border-radius: 20px;
        .content-price-search{
            button{
                margin-right: 15px;
            }
        }
    }
}

#divOptionTramos2,
#divOptionTramos3,
#divOptionTramos4,
#divOptionTramos5 {
    width: 100%;
}

.BoxSearch{
    width: 100%;
    padding: 10px;
    background: var(--c-blanco);
    border-radius: 10px;
    box-shadow: var(--box-sh);
    
}

.OptionStyle {
    position: relative
}

.BoxDate {
    font-weight: normal;

    .TravelOption{
        display: none;
    }
    .TravelDate {
        font-size: 12px;
        font-weight: 400;
        color: var(--c-scale-100);
    }
}

.SelectOption-SV{
    
    label {
        padding: 10px;
        /* cursor: pointer; */
        transition: all 0.3s ease;
        border-radius: 10px;
        position: relative;

        .itinerario-header{
            padding-left: 24px;
            strong{
                width: fit-content;
                height: fit-content;
                font-size: 14px;
                padding: 3px 10px;
                border-radius: 7px;
                background: var(--c-scale-10);
                transition: all 0.3s ease;
                font-weight: 500;
            }
        }
        .itinerario-body{ 
            .origenLabel, 
            .destinoLabel{
                p {
                    font-size: 12px;
                    color: var(--c-scale-50);
                    font-weight: 300;
                }
                h5{
                    font-size: clamp(1.5rem, 1.7vw, 1.7rem);
                    font-weight: bold;
                    color: var(--c-scale-90);
                }
            } 
            .origenLabel,
            .origenLabel p {
                text-align: right;
            }
            .destinoLabel,
            .destinoLabel p {
                text-align: left;
            }
            .origenLabel h3,
            .destinoLabel h3 {
                margin: 5px 0;
                font-weight: 400;
                font-size: 12px;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }
        }
        .lineaViaje{
            text-align: center;
            h4{display: none;}
            h5 {
                font-size: 10px;
                font-weight: 400;
                color: var(--c-scale-80);
            }
            .lineaStopOver-SV {
                width: 72%;
                height: 1px;
                background: var(--c-scale-40);
                margin: auto;
                position: relative;
            }
            @media (min-width:768px){
                h5 {
                font-size: 12px;
            }
            }
        } 
    }
    input:checked+label .itinerario-header strong {
        background: var(--c-secondary);
        color: var(--c-blanco);
        transition: all 0.3s ease;
    }
    label:before {
        content: "";
        min-width: 14px;
        width: 14px;
        height: 14px;
        border-radius: 20px;
        border: 3px solid #a8b4ce;
        transition: all 0.3s;
        position: absolute;
        left: 10;
        top: 18px;
        &:hover {
            background: #f1f2f6;
            border-radius: 5px;
            border: 1px solid #9187e7;
            transition: all 0.3s;
        }
    }
    label:after {
        content: "";
        width: 100%;
        height: 1px;
        background: var(--c-scale-20);
        position: absolute;
        bottom: -6px;
        left: 0;
    }
    a .content-flechaDetall{
        min-width: fit-content;
        width: fit-content;
        padding: 10px;
        min-height: 40px;
        span {
            display: none;
        }
        svg{stroke-width: 3px;}
    }
}
.SelectOption-SV input:checked+label,
.SelectOption-SV input:checked+label:hover {
    background: var(--c-scale-10);
}
.SelectOption-SV input:checked+label:before {
    background: var(--c-secondary);
    box-shadow: 0 0 1px 2px var(--c-secondary);
    border-color: var(--c-blanco);
    transition: all 0.3s ease;
}

/* Maletas tarifa Search Sell */
.cont-tarifa-maleta{
    padding: 10px 0;
    color: var(--c-primary-hover);
    a{
        width: fit-content;
    }
}
.item-tarifa-maleta{
    svg{
        font-size: 32px !important;
        stroke-width: 4% !important;
        fill: var(--c-primary-10) !important;
    }
}
/*-----*/

/******* 
MODAL
********/
.ct-header-modal{
    
}
.ct-body-modal{
    strong{
        font-size: 18px;
        font-weight: 500;
        color: var(--c-scale-200);
    }
    p{
        font-size: 14px;
        color: var(--c-scale-80);
    }
}


/* Contenido Filtros */

.eventoFilter-vuelo {
    display: none;
}

.scroll-no {
    overflow: hidden;
}

.bg-buscador h2 {
    color: #44506c;
    padding: 5px 0 10px 0px;
}

.content-search-vuelos-new {
    /* background: var(--c-scale-20); */
    padding: 20px 10px;
}

.content-search-vuelos-new .radios_newSearch_vuelos {
    width: 100%;
}

.radios_newSearch_vuelos {
    width: 100%;
    margin: 0;
    overflow: auto;
    label{
        min-width: fit-content;
    }
}
@media (min-width:1024px) {
    .content-search-vuelos-new {
        padding: 20px;
        border-radius: 10px;
        background: var(--c-blanco) !important;
        .cajaFech_mv_multi, 
        .caja_input_vuelos {
            margin: 0;
            border: 1px solid var(--c-scale-40);
        }
    }
    .radios_newSearch_vuelos {
        overflow: initial;
        label{
            font-size: 14px;
            font-weight: 500;
        }
    }
}
.filter-searchFlight .radios_newSearch_vuelos {

    label{
        padding: 7px 11px;
        border-radius: 10px;
        font-size: 12px;
        text-align: center;
        align-content: center;
        cursor: pointer;
        &:hover{
            background: var(--c-primary-10);
            color: var(--c-primary);
        }
    }
}

.radios_newSearch_vuelos input[type="radio"] {
    display: none;
}

.radios_newSearch_vuelos input:checked+.radioSelling_vuelos {
    background: var(--c-primary-10);
    color: var(--c-primary);
    transition: all 0.3s ease;
}


/* filtro precios */

.filtros-numero-VNew {
    padding: 0 15px;
}


/* <<<< SEARCH FLIGTH Resultado Busqueda Column 2 >>>>>>  */


/* RESULTADO DE BUSQUEDA */

/* Modal search MOBILE */

.header-itinerario-search,
.tap-itinerario-check {
    width: 100%;
    padding: 15px 10px;
    background: #fff;
    color: #44506c;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-itinerario-search,
.resumenItinerary .tap-itinerario-check,
.content-popUp-adic .tap-itinerario-check {
    background: var(--c-action-20);
    color: var(--c-action);
    padding: 15px;
}

.caja-filtro {
    width: 100%;
    height: 100vh;
    background: #000618a6;
    position: fixed;
    bottom: 0;
    left: 0;
    transform: translateX(-500px);
    transition: all .3s ease;
    overflow: auto;
    z-index: 11000;
}
@media (min-width:1024px){
    .caja-filtro {
        z-index: 0;
    }
}

.caja-filtro::-webkit-scrollbar {
    width: 3px;
    background: #f0f3fa;
}

.caja-filtro::-webkit-scrollbar-thumb {
    background: #aaa;
    border-radius: 10px;
}

/* PANELES DE LOS FILTROS */
.panelesFiltro-SV {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    transform: translateY(120vh) !important;
}

.filter-content-0,
.filter-content-1,
.filter-content-2,
.filter-content-3,
.filter-content-4,
.filter-content-5,
.filter-content-6 {
    transform: translateY(0px) !important;
    transition: all .3s ease;
}

.content-modal-ct.collapse.in{
    transform: translateY(0px);
    transition: all .3s ease;
}
.content-modal-ct{
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    background: var(--c-blanco);
    z-index: 10;
    transform: translateY(150vh);
    transition: all .3s ease;
}
@media @media (min-width:1024px) {
    .content-modal-ct.collapse{
        display: flex;
    }
    .content-modal-ct{
    }
    .content-modal-ct.collapse.in{
        transform: none;
        display: flex;
        background: var(--c-scale-transparent);
    }
}

.SearchFiltro-SV {
    border-radius: 10px;
}

.separador {
    display: none;
}

.bg-filter {
    padding: 20px;
    background: var(--c-blanco);
    z-index: 1;
}
@media (min-width:1024px){
    .bg-filter {
        z-index: 0;
    }
}
.titleFilter{
    color: var(--c-scale-80);
    font-size: 20px;
}
#newSearch{
    .item-search-input{
        border: 2px solid var(--c-scale-20);
    }
    @media (min-width:1024px){
        &.modal-static-desktop.modal {
            .modal-content {
                padding: 15px;
                background: var(--c-blanco);
            }
            .modal-footer{
                display: block !important;
                padding: 20px 0 0 0;
            }
        }
    }
}

.newSearch {
    overflow-y: auto;
    top: 0;
    /* background: var(--c-scale-10); */
    position: relative;
    .header-itinerario-search{
        position: fixed;
        top: 0;
        left: 0;
        z-index: 5;
    }
    form{
        /* padding: 80px 0; */
        height: 100vh;
        overflow: auto;
    }
    .content-search-vuelos-new{
        /* background: var(--c-scale-10); */
    }
    .btn-search-new {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 20px;
        background: var(--c-blanco);
        box-shadow: var(--box-sh-20);
    }
    @media (min-width:1024px){
        .header-itinerario-search,
        .btn-search-new{
            position: static;
            padding: 0;
            box-shadow: none;
            a{
                display: none;
            }
        }
        form{
            padding: 0;
            height: fit-content;
            overflow: none;
            .btn-search-new .ct-btn-primary{
                background: var(--c-scale-20);
                color: var(--c-scale-80);
                box-shadow: none;

                &:hover, &:active, &:focus{
                    background: var(--c-scale-10);
                }
            }
        }
    }
}

#TableFilter {
    z-index: 100;
}

.btnDesplegable {
    text-align: inherit;
    font-size: 0px;
    border-radius: 10px;
    border: none;
    background: #fff;
    color: #570017 !important;
    margin-bottom: 10px;
    z-index: 200;
    transition: all 0.3s;
    box-shadow: 0 0 5px #74084696;
}

.btnDesplegable:focus {
    color: #fff !important;
}

.btnFilterNewSearch,
.btnFilterPrecios,
.btnFilterTable {
    position: static;
    width: 100%;
    display: block;
}

.contBtnDespleg {
    display: flex;
}

.icoText {
    display: flex;
    font-size: 13px;
    width: 100%;
    float: left;
    align-items: center;
}

.btnFilterNewSearch:active,
.btnFilterPrecios:active,
.btnFilterTable:active {
    box-shadow: 0 0 5px #570017;
}

.iconFilter {
    background: url(../imagenes/icon/icon_filtros.svg) no-repeat;
}

.iconAvions {
    background: url(../imagenes/icon/icon_aviones.svg) no-repeat;
}

.iconLupa {
    background: url(../imagenes/icon/icon_lupa.svg) no-repeat;
}

.iconFilter,
.iconAvions,
.iconLupa {
    width: 25px;
    height: 25px;
    background-position: center;
    background-size: contain;
}

.textBtnDesple {
    color: #570017;
    font-size: 18px;
    font-family: Calibri;
    margin-left: 5px;
}

.flechaAbajo {
    display: none;
    font-size: 12px;
    text-align: right;
    width: 10%;
    float: left;
    height: 25px;
}

.overflow-SV {
    display: flex;
    flex-direction: column;
    padding: 15px;
}


/* Lista Cantidad Pasajero(s)*/

.ShowItem {
    
}

.cajaPasajero {
    width: 50%;
    font-weight: 500;
    text-align: center;
    transition: all 0.3s;
    text-decoration: none;
    cursor: pointer;
    transition: all .3s ease;
    &.typeScale {
        display: none;
    }
}

.cajaPasajero:hover,
.cajaPasajero:focus {
}

.cont-add-search {
    width: 100%;
    color: var(--c-scale-80);
    position: relative;
}

.cont-add-search:hover,
.cont-add-search:focus {
}

.cont-add-search h3,
.cont-add-search select{
    width: 100%;
    font-size: 16px;
    transition: all 0.3s;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    option{
        background: var(--c-blanco);
        text-align: left;
    }
    span{
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
}

.cont-add-search:hover h3 {
    transition: all 0.3s;
}

.ico-pasajero {
    background: url(/Themes/MeVoyDeViaje/Content/images/icon/ico-pasajero-mas-b1.svg);
}

.icon-item-search {
    width: 18px;
    min-width: 18px;
    height: 18px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    filter: invert(0.7);
}

.ico-pasajeros-SV {
    width: 22px;
    height: 22px;
    background: url(../imagenes/icon/ico-pasajero-mas-b1.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 10px;
    bottom: 0;
    margin: auto;
    z-index: 100;
    filter: invert(0.7);
}

.cajaPasajero h5 {
    margin: 0;
    font-size: 12px;
    color: #555;
    font-weight: 600;
}

.contFlotantPasj {}

/* Modal pasajeros */
.bootstrap-touchspin-down,
.bootstrap-touchspin-up {
    background: var(--c-scale-10);
    color: var(--c-scale-100);
    transition: all 0.3s ease;
    width: 46px;
    height: 46px;
    border-radius: 10px !important;
    font-size: 20px;
    line-height: 0.5;
    &:hover{
        background: var(--c-primary-10);
        color: var(--c-primary);
        transition: all 0.3s ease;
    }
}

span.input-group-btn:hover button {
    background: var(--c-primary-10);
    color: var(--c-primary);
    transition: all 0.3s ease;
}

.passengersInputs {
    height: 46px !important;
    width: 46px !important;
    padding: 0px;
    font-size: 16px;
    text-align: center;
    background: #fff;
    color: var(--c-scale-90);
    border: none;
    border-radius: 5px !important;
    box-shadow: none;
    margin: 0;
}

/* fin Modal pasajeros */

.contFlotantPasj .input-group {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.input-group-addon,
.input-group-btn {
    width: fit-content !important;
}

.air-theme input[type="text"] {
    box-shadow: none;
    border: none;
}

/* Boton Buscar Nuevo */

.btn-search-new {
}

/* filtro precio */

.contenidoFilter-2 {
    width: 90%;
    margin: auto;
}

.contenidoFilter {
    width: 100%;
    margin: auto;
    background: transparent;
    padding: 0px;
    border-radius: 10px;
}

.priceIndicador .noUi-target,
.horarioIndicador .noUi-target {
    background: transparent !important;
    border: 1px solid transparent;
    box-shadow: none;
}

.noUi-connect {
    background: #a8b4ce !important;
    height: 2px !important;
}

.preciosFilter,
.horarioFilter {
    display: flex;
    justify-content: space-between;
    margin-top: 0px;
}

.inicioPrecio span,
.finalPrecio span,
.inicioHorario span,
.finalHorario span {
    font-size: 16px;
    color: var(--c-scale-100);
    font-weight: bold;
}


/* filtro horario */

.item-filtroHorario-SV h5 {
    font-size: 12px;
    color: #333;
    margin: 0 auto 5px auto;
    text-align: center;
    width: 60px;
    padding: 3px;
    border-radius: 5px;
    font-weight: bold;
}

#lboAerolinea,
#lboEscalas,
#lboMaletas {
    box-shadow: none;
    background: transparent;
    border: none;
    margin: 0;
    padding: 0px;
    display: flex;
    flex-direction: column;
    gap: 0px;
}

#lboAerolinea .bodyAirlines-SV,
#lboEscalas .bodyAirlines-SV,
#lboMaletas .bodyAirlines-SV {
    box-shadow: none;
    padding: 5px 0;
    border-radius: 6px;
}

.itemDescriptionSV {
    display: flex;
    align-items: center;
}

.bodyAirlines-SV:before {
    content: "";
    width: 10px;
    height: 10px;
    border: 2px solid #f3f2ef;
    border-radius: 1px;
    box-shadow: 0 0px 0 2px #aaa;
    background: #ddd;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 5px;
    margin: auto;
    transition: all 0.3s;
}

.itemDescriptionSV {
    margin-left: 30px;
}

.input-group {
    width: 83px;
    margin: auto;
}

.input-group-addon:not(:first-child):not(:last-child) {
    width: 40px;
    border: 1px solid transparent;
    box-shadow: none;
}

.cont-filter-row input {
    display: none;
}

.cont-filter-row input:checked+.cajaFiltro-SV .bodyAirlines-SV {
    border-radius: 3px;
    width: 100%;
}

.cajaFiltro-SV .bodyAirlines-SV:hover {
    color: var(--c-primary) !important;
    transition: all .3s ease;
}

.cont-filter-row input:checked+.cajaFiltro-SV .textFiltro {
    font-weight: bold;
    font-size: 16px;
}
@media (min-width:1024px) {
    .cont-filter-row input:checked+.cajaFiltro-SV .textFiltro,
    .cont-filter-row input:checked+.cajaFiltro-SV .cantidadFiltro {
        font-size: 14px;
    }
}

.cont-filter-row input:checked+.cajaFiltro-SV .cantidadFiltro {
    font-size: 14px;
    text-align: center;
    font-weight: bold;
}

.cont-filter-row input:checked+.cajaFiltro-SV .bodyAirlines-SV:before {
    background: #01c2c6;
    border: 2px solid #fff;
    border-radius: 1px;
    box-shadow: 0 0px 0 2px #01c2c6;
    width: 10px;
    height: 10px;
    left: 5px;
    transition: all 0.3s ease;
}

.cajaFiltro,
.cajaFiltro-SV {
    width: 100%;
    padding-left: 0px !important;
    margin-bottom: 0px;
    position: relative;
    cursor: pointer;
}

.bodyAirlines-SV {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all 0.3s;
}

.radioFiltro,
.radioFiltro-SV {
    display: inline-block;
}

.RadioContainer {
    font-size: 12px;
    /*height: 30px*/
}

.RadioContainer input {
    display: inline;
}

.RadioContainer span {
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.imgFiltro {
    max-width: 25px;
}

.textFiltro,
.cantidadFiltro {
    font-size: 14px;
    color: var(--c-scale-90);
    padding: 8px 10px;
    font-weight: 400;
}
@media (min-width:1024px) {
    .textFiltro, .cantidadFiltro{
        color: var(--c-scale-80);
    }
}

.checkbox+.checkbox,
.radio+.radio {
    margin-top: 0px;
}


/*---fin filtros---*/

/**** Body itinerario SearchFlight ****/
section.search-header{
    
    .btn-tabla-col {
        
    }
}


/* NO SE ENCONTRO BUSQUEDA */

.noResultado {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 15px 0;
    background: #e4f3ff;
    padding: 10px;
}

.noResultado img {
    width: 120px;
    height: 120px;
    align-self: center;
}

.msjNoResultado {
    align-self: center;
}

.msjNoResultado p {
    font-size: 18px;
    font-weight: bold;
}

.msjNoResultado a {
    color: #740846;
}


/*<<<<<<<<<<<< COMPRA COMPLETADA >>>>>>>>>>*/

.page-resumenCompra-vuelos{

    #gridItinerary{
        h4{display: none;}
    }
    #Insurances{
        padding: 20px;
        border: none;
        border-radius: 20px;
        .header-title{
            display: none;
        }
        .container-resumen-assistance{
            width: 100%;
        }
    }

    .row-atrib-pasaj{
        flex-direction: column !important;
        .colm-atributs{
            flex-direction: row !important;
            align-items: center;
            .k-dropdown-wrap,
            select{
                border: none !important;
                background: var(--c-blanco);
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                line-height: 1.5;
            }
            .colm-sex-input label{
                display: none;
                &:before{
                    display: none;
                }
            }
            .colm-sex-input input:checked+label{
                display: block;
                background: none;
            }
        }
    }
    .content-forms{
        gap: 0 !important;
    }
    
}

.gridItinerary-vuelos .HeaderCheckOut {
    display: none;
}

.gridItinerary-vuelos .containerSellTemp {
    background: transparent;
}

.gridItinerary-vuelos .containerSellTemp h6 {
    display: none;
}

.contentOrderCompleted .columnFinal-1,
.contentOrderCompleted .columnFinal-2 {
    width: 100%;
    font-size: 11px;
}

.productFinal,
.clienteFinal,
.infoPagoFinal {
    padding: 20px;
    background: #e4f3ff;
    border-radius: 10px;
    margin: 15px 7px;
}

.clienteFinal {
    margin-bottom: 0px;
}



.infoPagoFinal .PriceFinal {}

.columnFinal-1 .infoPagoFinal .FloatContent {
    background: #fff;
    border-radius: 10px;
}

.infoPagoFinal .box-price {
    border: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.row-price-total,
.infoPagoFinal .box-price #couponDisplay,
.clienteFinal #AdultsPassangers,
.infoPagoFinal #gridPrice,
.clienteFinal #ChildsPassangers,
.clienteFinal #InfsPassangers,
.infoPagoFinal .box-price .cargosS {
    margin: 0 !important;
}

.infoPagoFinal .FloatContent .totalPagarS .cajaPagar {
    margin: 0;
    color: #333;
    font-weight: bold;
    background: transparent;
    padding: 0;
}

.infoPagoFinal .FloatContent .totalPagarS {
    margin: 0;
}

.clienteFinal .datosPasajero {
    border: none;
    background: transparent;
    padding: 0;
}

.clienteFinal .adultoForms,
.clienteFinal .ninoForms,
.clienteFinal .infanteForms {
    margin: 5px 0px 0 0;
    box-shadow: none;
    padding: 15px;
}

.clienteFinal .titleAdults {
    margin: 0px 0 5px 0;
    border-bottom: 1px solid #c1e3ff;
}

.row-atrib-pasaj {
}

.item-atributs-pasj {
    width: 100% !important;
    display: flex;
    justify-content: space-between;
    padding: 0px;
    margin: 0;
}

.colm-atributs {
    width: 100%;
}

.colm-atributs p {
    font-size: 14px;
    font-weight: 500;
    color: #555;
    margin: 0;
}

.colm-atributs input,
.colm-atributs select,
.cont-pagos select {
    width: 100%;
    height: 40px;
    background: var(--c-blanco);
    border: 2px solid var(--c-scale-20);
    border-radius: 10px;
    font-size: 14px;
    padding: 4px 10px;
    box-sizing: border-box;
    margin: 0;
    box-shadow: none;
}

.cont-pagos select {
    border-color: #a8b4ce;
}

#sellflight-page .k-list-filter {
    display: none;
}

.colm-atributs .selectNacionalidad {
    width: 100%;
}

.colm-atributs .selectNacionalidad .k-dropdown-wrap {
    border-color: var(--c-scale-20);
    border-width: 2px;
    height: 40px;
    display: flex;
    align-items: center;
}

.colm-atributs .selectNacionalidad .k-dropdown-wrap .k-input {
    padding: 0;
    font-size: 14px;
}

.k-list>.k-state-selected.k-state-focused {
    color: #333;
    font-weight: 500;
}

.colm-sex-input,
.colum-seguro {
    /*display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;*/
}

.colm-sex-input input,
.colum-seguro input {
    display: none;
}

.colm-sex-input label,
.colum-seguro label {
    width: 48%;
    height: 40px;
    background: var(--c-scale-10);
    border-radius: 20px;
    padding: 10px 10px 10px 40px;
    margin: 0;
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    transition: background .3s ease;
}

.colm-sex-input label:hover,
.colum-seguro label:hover {
    background: #e3f5fb;
    transition: background .3s ease;
}

.colm-sex-input label:before,
.colum-seguro label:before {
    content: "";
    width: 10px;
    height: 10px;
    background: var(--c-scale-40);
    border: 2px solid var(--c-scale-10);
    box-shadow: 0 0 0px 2px var(--c-scale-40);
    border-radius: 16px;
    position: absolute;
    left: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: all .3s ease;
}

.ContainerSecure .colm-sex-input label,
.ContainerSecure .colum-seguro label {
    min-height: 42px;
}

.item-option-malet input:checked+label {}

.colm-sex-input input:checked+label {
    background: var(--c-primary-10);
    color: var(--c-primary-hover);
}

.ContainerSecure .colm-sex-input input:checked+label {
    border: 2px solid var(--c-primary);
}

.colm-sex-input input:checked+label:before,
.item-option-malet input:checked+label:before {
    background: var(--c-primary);
    box-shadow: 0 0 0px 2px var(--c-primary);
    transition: all .3s ease;
}

.colm-sex-input label h3 {
    font-size: 14px;
    font-weight: 500;
}

.hide {
    display: none;
}

.date-dropdowns {
    display: flex;
    gap: 6px;
}

.bodyProductF .OptionStyleS {
    margin: 0;
}

.infoAlert {
    text-align: center;
}

.filaInfoDoc {
    margin-bottom: 5px;
    width: 90%;
    margin: auto;
}

/* Seguro Europ Assistance */
.content-assistance{
    padding: 30px;
    border-radius: 20px;
    position: relative;
    .row-assistance{
        color: var(--c-scale-70);
        
        .list-assistance{
            h4{font-size: 1.7em;}
            p{
                font-size: 16px;
                font-weight: 500;
            }
            span{font-size: 12px;}
        }
        .cont-marca-assistance{
            
            img{
                width: 80px;
            }
        }
    }
}
.footer-assistance{
    width: 100%;
    input{display: none;}
    .price-assistance {
        text-align: right;
    }
}

/* modal assistance */
label.quotation {
    padding: 20px;
    border-radius: 20px;
    background: var(--c-scale-10);
    position: relative;

    .item-quotation{
        width: 100%;
        svg{
            font-size: 40px;
            .bg-seguro-icon{
                fill: none;
            }
        }
        .item-action-link{
            a{
                color: var(--c-primary);
                font-weight: 400;
            }
        }
        h3{
            font-size: 20px;
            font-weight: 600;
        }
    }
    .active-item-recomend {
        position: absolute;
        top: 0;
        left: 0;
        background: var(--c-action-20);
        color: var(--c-action);
        padding: 5px 15px;
        border-radius: 20px;
        display: none;
    }
    &::nth-of-type(1){
        padding-top: 40px;
        .active-item-recomend{
            display: block;
        }
    }
    
}
.quotation p {
    font-size: 14px;
    font-weight: 400;
}

.item-action-footer{
    width: 100%;
    @media (min-width:1024px){
        width: fit-content;
    }
    button.ct-btn-default{
        /* color: var(--c-scale-80); */
    }
    h4 span:nth-of-type(1){
        font-size: 12px;
        font-weight: 400;
    }

}
.item-active{
    background: var(--c-blanco) !important;
    box-shadow: 3px 3px 15px var(--c-scale-30);
    button,
    button:active,
    button:focus,
    button:hover {
        background: var(--c-primary);
        color: var(--c-blanco) !important;
        transition: all .3s;
    }
} 
.card-ADULTO {
    color: var(--c-primary);
    h3{color: var(--c-primary);}
    &.item-active{
        button,
        button:active,
        button:focus,
        button:hover {
            background: var(--c-primary) !important;
            color: var(--c-blanco);
            transition: all .3s;
        }
    }
    .bg-seguro-icon{
        fill: var(--c-primary-20) !important;
    }
    .item-action-link{
        a{
            color: var(--c-action) !important;
        }
    }
}
.card-PLATA {
    var(--c-scale-800);
    h3{color: var(--c-scale-800);}
    &.item-active{
        button,
        button:active,
        button:focus,
        button:hover {
            background: var(--c-scale-60) !important;
            color: var(--c-blanco);
            transition: all .3s;
        }
    }
    .bg-seguro-icon{
        fill: var(--c-scale-30) !important;
    }
}
.card-ORO {
    color: var(--c-yellow-hover);
    h3{color: var(--c-yellow-hover);}
    &.item-active{
        button,
        button:active,
        button:focus,
        button:hover {
            background: var(--c-yellow) !important;
            color: var(--c-blanco);
            transition: all .3s;
        }
    }
    .bg-seguro-icon{
        fill: var(--c-yellow-20) !important;
    }
}
.card-BLACK {
    color: var(--c-scale-100);
    h3{color: var(--c-scale-100);}
    &.item-active{
        button,
        button:active,
        button:focus,
        button:hover {
            background: var(--c-scale-200) !important;
            color: var(--c-blanco);
            transition: all .3s;
        }
    }
    .bg-seguro-icon{
        fill: var(--c-scale-40) !important;
    }
}
/* Seguros checkout vuelos */
.seguros-container{
    padding: 20px;
    background: var(--c-blanco);
    border-radius: 20px;
}
.insurance-header{
    span{
        font-size: 18px;
        font-weight: 400;
    }
}
.cont-items-seguros{
    margin-top: 10px;
    .card-ADULTO{
        display: none;
    }
    .quotation {
        width: 100%;
        padding: 10px;
        border-radius: 20px;
        position: relative;
        opacity: 0.7;
        transition: all .3s ease;
        h3{
            font-size: 1.2em;
        }
        .title-card-assistance{
            @media (min-width:768px){
                text-align: center;
                padding-bottom: 15px;
                border-bottom: 1px solid var(--c-scale-20);
            }
            h6{
                span{
                    font-size: 10px;
                }
            }
        }
        .active-item-recomend{
            position: absolute;
            top: 0;
            right: 0;
            max-width: 120px;
            p{
                padding: 5px 10px;
                border-radius: 0 20px 0 10px;
                font-size: 11px;
                font-weight: 400;
                text-align: right;
                color: var(--c-blanco);
            }
        }
        svg{font-size: 20px;}
        .bg-seguro-icon {
            fill: var(--c-scale-20);
        }
        button{
            span{display: none;}
        }
        &:hover{
            opacity: 1;
            transition: all .3s ease;
        }
    }
    .card-NINGUNO{
        p{background: var(--c-scale-30); color: var(--c-scale-80);}
        &.item-active,
        &.item-active:hover{
            p{
                background: var(--c-scale-40); 
                color: var(--c-blanco); 
                opacity: 1;
            }
            button, button:active, button:focus, button:hover{
                background: var(--c-scale-60);
            }
        }
    }
    .item-active,
    .item-active:hover{
        box-shadow: var(--box-sh);
        opacity: 1;
        button{
            span{display: block;}
        }
    }
    .card-PLATA, .card-PLATA.item-active{
        
        color: var(--c-primary);
        p{background: var(--c-primary);}
        h3{color: var(--c-primary);}
        button{
            background: var(--c-primary-20);
            &:hover{background: var(--c-primary-30);}
        }
        svg{color: var(--c-primary);}
        .bg-seguro-icon {fill: var(--c-primary-20);}
    }
    .card-PLATA.item-active{
        button, button:active, button:focus, button:hover{
            background: var(--c-primary) !important;
        }
    }

    .card-STANDARD, .card-STANDARD.item-active{
        
        color: var(--c-primary);
        p{background: var(--c-primary);}
        h3{color: var(--c-primary);}
        button{
            background: var(--c-primary-20);
            &:hover{background: var(--c-primary-30);}
        }
        svg{color: var(--c-primary);}
        .bg-seguro-icon {fill: var(--c-primary-20);}
    }
    .card-STANDARD.item-active{
        button, button:active, button:focus, button:hover{
            background: var(--c-primary) !important;
        }
    }

    .card-ORO, .card-ORO.item-active{
        
        p{background: var(--c-yellow-hover);}
        button{
            background: var(--c-yellow-10);
            &:hover{background: var(--c-yellow-20);}
        }
        .bg-seguro-icon {fill: var(--c-yellow-20);}
    }
    .card-BLACK, .card-BLACK.item-active{
        p{background: var(--c-black);}
        button{
            background: var(--c-black-10);
            color: var(--c-black);
            &:hover{background: var(--c-black-20);}
        }
        .bg-seguro-icon {fill: var(--c-black-30);}
    }
}

/*<<<<<<<<<<<< FIN - COMPRA COMPLETADA >>>>>>>>>>*/

/**************
Pasarela de compra - pag 4
************/
.content-niubis{
    h3{
        font-size: 20px;
        color: var(--c-scale-80);
    }
}
.info-page-niubiz{
    p{font-size: 12px;}
    img{
        width: 55px;
    }
}
.iframe-text{
    padding: 10px;
    border: 1px solid var(--c-scale-30);
    border-radius: 10px;
    min-height: 40px;
}
.total-pasarela-pago{
    height: fit-content;
    position: sticky;
    top: 10px;
    font-size: 16px;
    .title-product{
        font-size: 20px;
        p{ font-size: 14px;}
    }
    strong{font-size: 20px;}
}
.content-cuotas{
    border-bottom: 2px solid var(--c-scale-10);
}
.form-pasarela-pago{
    .item-ico{
        width: auto;
        .iframe-text{
            width: 100%;
        }
        .tooltip-text{
            background: var(--c-blanco);
            box-shadow: 0 0 10px var(--c-scale-30);
            color: var(--c-scale-80);
        }
        .tooltip-text::after{
            border-color: var(--c-blanco) transparent transparent transparent;
        }
        .tooltip-text{
            svg{
                font-size: 50px;
                margin: 0;
                stroke-width: 1.5px;
            }
            p{
                width: 300px;
                text-wrap: wrap;
                text-align: left;
                color: var(--c-scale-80);
            }

        }
    }
    .item-atributs{
        span{color: var(--c-action);
        font-size: 14px;}
    }
}
.footer-mediosPago{
    .item-pago{
        h3{font-weight: 600;}
        p{font-size: 14px;}
        img{width: 100px;}
    }
}
/**************
FIN - Pasarela de compra - pag 4
************/

@media (min-width:1024px) {
    /* Linea Compra - Collapse Filtros */
    .header-content-vuelos {
        padding: 0;
    }
    /* PAG 2 - contenido resultado */
    
    .caja-filtro {
        transform: translateX(-190vh);
    }
    .newSearch {
        /*width: 60%;*/
    }
    .title-resumen-item {
    }
    .price-check-t {
        width: 30%;
    }
    .contenSearchFlight_vuelos {}
    .btn-newDate-mobile:hover {
        background: #009092;
        transition: background 0.3s ease;
    }
    .linea-partial {}
    .search-header {
        width: 590px;
        margin: 15px auto 0 auto;
        border-radius: 5px;
    }
    .tapFilter-vuelos {
        margin: 0 auto;
        width: 590px;
        padding: 0;
    }
    .content-ico-vuelos {
        /*border-right: 0.5px solid #ddd;*/
        transition: all 0.3s ease;
        cursor: pointer;
        margin: 0;
    }
    .content-ico-vuelos:hover {
        background: #e1e1e1 !important;
        border-radius: 5px !important;
        transition: background 0.3s ease;
    }
    .tapFilter-vuelos input:checked+label.content-ico-vuelos:hover {
        background: #555 !important;
    }
    .formSearchF {
        /*background: #fff;
        border-radius: 10px;
        padding: 0px;
        margin-bottom: 25px;
        box-shadow: 0 0 10px #00000038;*/
    }
    .radioSF label {
        color: #740846;
    }
    .ShowItem {
        /*margin: 0 0 15px 0;*/
    }
    #buscador h1 {}
    .content-search-vuelos-new {
        width: 100%;
        margin: auto;
    }
    /* Filtro Precios */
    .panelesFiltro {
        border-radius: 10px !important;
        overflow: hidden;
    }
    .headerFiltro {
        background: #f0f3fa !important;
        border: 1px solid transparent !important;
        border-radius: 10px 10px 0 0;
    }
    .titlePanelFilter {
        color: #333;
        font-size: 14px;
    }
    .glyphicon-filter:before {
        color: #333;
    }
    .filterHorario p {
        color: #333;
    }
    /* TravelSelling */
    /* 3 flujo SellFlight */
    .coupon-box {
        display: block;
    }
    .frame-popup {
        width: 60%;
    }
    /* FLOTANTE DE APOYO (EMERGENTE) */
    .bodyEmergent {
        width: 70%;
    }
    .contenidoEmergent h2 {
        font-size: 22px;
    }
    .contenidoEmergent p,
    .contenidoEmergent span {
        font-size: 15px;
    }
    /*form Home*/
    .cajaTotalSearch {
        padding: 15px;
    }
    .BoxPrice {
        width: 100%;
    }
    
    /* caja flotante buscador - Home */
    .select2-container {
        width: auto;
    }
    .title-airport-origin-popup-vuelos,
    .title-airport-destination-popup-vuelos,
    .cancel-button-popup-vuelos {
        display: none !important;
    }
    /*<<<<<<<<< Resultado de Busqueda - Pag 2 >>>>>>>>>>*/
    .LineAirShow img {
        max-width: 36px;
    }
    .origenLabel h5,
    .destinoLabel h5 {
        font-size: 16px;
    }
    .origenLabel h3,
    .destinoLabel h3,
    .origenLabel p,
    .destinoLabel p {
        font-size: 12px;
    }
    /* ver mas - detall subtotal */
    .cont-btn-popup .btn-danger {
        width: 48%;
    }
    .btn-search-total {
        padding: 3px 25px;
    }
    .cont-info-subTotal {
        justify-content: center;
        align-items: center;
    }
    .row-info-masDetall {
    }
    .img-dummy {
        width: 40px;
        min-width: 40px;
        height: 40px;
    }
    .img-dummy-rect {
        width: 80px;
        min-width: 80px;
        height: 40px;
    }
    /* Tarifas PopUp */
    .body-tarifas {
        flex-direction: row;
        height: fit-content;
        max-width: 580px;
        padding-bottom: 20px;
    }
    .body-tarifas::-webkit-scrollbar {
        height: 10px;
        background: #eee;
    }
    .body-tarifas::-webkit-scrollbar-thumb {
        background: #aaa;
        border-radius: 10px;
    }
    .body-tarifas label {
        padding: 10px;
        min-width: 180px;
        max-width: 190px;
    }
    .header-label-tarifa,
    .body-label-tarifa {
        width: 100%;
    }
    .cont-label-tarf {
        flex-direction: column;
        align-items: flex-start;
    }
    .name-tarf {
        background: var(--c-scale-10);
        padding: 10px;
        border-radius: 5px;
        transition: all .3s ease;
    }
    .body-tarifas label:before {
        display: none;
    }
    .body-tarifas input:checked+label * .name-tarf {
        background: var(--c-primary);
        color: var(--c-blanco);
        transition: all .3s ease;
    }
    /*<<<<<<<<<< Check Out - Pag 3 >>>>>>>>>>>*/
    
    .imgRefSell img {
        height: 200px;
        object-fit: cover;
    }
    /* cupones */
    .coupon-code {
        flex-direction: row;
        gap: 5px;
    }
    .descriptionCupon {}
    .coupon-code button {
        margin: 0;
    }
    .totalPagarS h4 {
        font-size: 20px;
    }
    /* Form Datos - pg 3*/
    .row-atrib-pasaj,
    .cajaComprobante {
        flex-direction: row;
        justify-content: space-between;
        gap: 5px;
    }
    .NacionalidadSell,
    .tipoDocSell,
    .NroDocSell {
        width: 32%;
    }
    .FechaSell,
    .SexoSell {
        width: 50%;
    }
    .containerCompra {
        width: 590px;
    }
    .formCheckout {
        width: 100%;
    }
    .width-visa {
        width: 68px;
    }
    /* Itinerario */
    .item-resumenVuelos {
        justify-content: center;
        gap: 10px;
    }
    /* Detalles itinerario */
    .columDetall-maleta {}
    .content-itinerario-check {
        display: flex;
        justify-content: space-between;
    }
    /* Boton comprar */
    .bodyTerminos {
        flex-direction: row;
    }
}

@media (min-width:1024px) {
    #sellflight-page .resumenItinerary {
        z-index: auto;
    }
    .contentSearchTotal {
        order: 1;
    }
    .cajaTotalSearch {
        padding: 15px;
    }
    /* Cajas Options Checks */
    .home_options_vuelos {
        flex-direction: row;
    }
    
    .h_contenedorRadio_vuelos {
        margin: 0;
        align-self: flex-start;
    }
    .h_contenedorRadio_vuelos {
        justify-content: space-between;
        width: 100%;
    }
    /* Cajas de Texto */
    .h_content_inputs_vuelos:before {
        display: none;
    }
    
    .home_options_vuelos:before {
        display: none;
    }
    .cont-add-search h3,
    .cont-add-search select,
    .select2-container--default .select2-selection--single,
    .caja_calend{
        font-size: 14px;
    }
    
    .caja_calend {
        height: 40px;
        margin-top: 0;
        overflow: hidden;
    }
    .caja_calend:after {
        content: "";
        width: 5px;
        height: 29px;
        background: #fff;
        position: absolute;
        top: 3px;
        right: 3px;
        border-radius: 0 4px 4px 0;
    }
    /* multidestino */
    .btnAgregarMult {
        margin: 9px 0px;
        display: flex;
        flex-direction: row;
    }
    .float-box-date a {
        border: 2px solid #740846;
        padding: 5px 10px;
        margin: 5px;
        border-radius: 10px;
    }
    .pasajero-descr-SV h4 {
        font-size: 12px;
    }
    /* boton invertir cajas home */
    .btnInvertir {
        display: none;
    }
    /* caja drop popup */
    .ShowItem {
        position: relative;
    }
    /* BOTONES DESPEGABLES MOBILE */
    .panelesFiltro-SV {
        margin-top: 10px;
    }
    /* tabla filtro */
    .divSummary{
        .cont-btn-popup{
            display: none;
        }
    }
    /* Input Form Search Home */
    
    .cajaFech_mv_multi,
    .caja_input_vuelos,
    .cajaFech_mv {
        margin: 0;
    }
    /*.radioHome_vuelos,
    .radio-multi {
        width: 250px;
        padding: 5px;
        font-size: 11px;
        color: #555;
    }*/
    .contenedorSelect {
        margin: 0 0;
        flex-direction: row;
    }
    .scroll-no {
        overflow: initial;
    }
    /* caja busquedad popUp home */
    .select2-container {
        width: auto;
    }
    
    /********* PAG 2 - SEARCH  *********/
    /* Head new search filter */
    .search-header {
        /* width: 800px; */
    }
    /* Filtros - Tap */
    
    .tapFilter-vuelos {
        width: 800px;
        gap: 15px;
    }
    .caja-filtro{
        z-index: 1;
    }
    /* Title Resultado */
    .TitleDestino-Search {
        margin: 0;
    }
    .contenSearchFlight_vuelos {
        margin: 0;
        background: transparent;
    }
    .BoxContent {
        
    }
    .BoxPrice {
        height: fit-content;
        padding: 20px 0;
        margin: 0;
        position: sticky;
        top: 20px;
    }
    .TotalPrice h3 {
        font-size: 14px;
        height: fit-content;
    }
    /* Detalle Itinerario Search - Pag 2*/
    .contenedorDetalleTotal {
        position: initial;
        height: fit-content;
        overflow: initial;
        border-bottom: 1px solid #e6eaf3;
        padding: 10px 0;
    }
    .ContainerGroup:nth-child(1) .BoxContainer .BoxContent .contenedorDetalleTotal {
        padding: 0px 0;
        margin-top: 0px;
    }
    .tap-itinerario-detall {
    }
    .subtitulo-itinerary {
        width: fit-content;
        margin-top: 10px;
    }
    .tap-itinerario-detall .ico-flech-resumen,
    .contenedorDetalleTotal .cont-btn-popup {
        display: none;
    }
    .tap-itinerario-detall h4 {
        color: var(--c-scale-90);
        font-size: 20px;
        font-weight: 400;
    }
    .ico-title-detall {
        width: 14px;
        height: 8px;
    }
    .line-direction-b {
        background: url(/Themes/MeVoyDeViaje/Content/images/icon/ico-flechaSimple-n.svg);
    }
    .TravelOption .icon-avion {
        max-width: 24px;
        margin-right: 5px;
        margin-bottom: 0;
    }
    .TravelOption h4,
    .TravelDate {
        font-size: 11px;
    }
    .OperadoDetalle {
        padding: 12px;
        margin: 0;
    }
    .lineaViaje h5 {
        margin: 5px 0 0 0;
        font-weight: 400;
    }
    .LineAirShow img {
        max-width: 40px;
    }
    .FlightOption-SV {
        margin: 0;
    }
    .SelectOption-SV {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .SelectOption-SV label {
        width: 100%;
        padding: 10px;
    }
    .content-flechaDetall p {
        display: none;
    }
    .row-info-resum {
        width: 100%;
    }
    .header-resum-desk a,
    .colm-header-resm .item-pasaj,
    .row-info-resum .cantidad-pasj-2,
    .colm-header-resm .item-pasaj {
        display: flex;
    }
    .info-resumen-search-maleta {
        display: none;
    }
    .cantidad-pasj-1 {}
    .btn-sm-mas {
    }
    .item-pasaj {
        h5 {
            margin: 3px 0;
        }
    }
    /* Resumen del total y boton comprar - pag2*/
    .cont-info-subTotal {
        position: initial;
        background: none;
        height: fit-content;
    }
    .row-info-masDetall {
    }
    .cont-info-subTotal .item-pasaj {
        height: 20px;
        padding: 3px;
    }
    .content-price-search {
        
    }
    .img-dummy {
        width: 55px;
        min-width: 55px;
        height: 55px;
    }
    .img-dummy-rect {
        width: 70px;
        min-width: 70px;
        height: 55px;
    }
    .info-resumen-search-maleta {
        gap: 10px;
        align-items: center;
        justify-content: center;
        order: 2;
    }
    .BoxPrice a {
    }
    .content-sellos {
    }
    .canjeBBVA {
        gap: 0;
        padding: 0;
    }
    .PriceFinal .canjeBBVA {
        padding: 0 10px;
    }
    .detallPuntosBBVA h3 {}
    .row-info-masDetall .cont-btn-popup {
        display: none;
    }
    
    /* info search banner */
    .content-info-search {
        
    }
    
    /* Tarifas PopUp */
    .colum-tarifas {
        width: fit-content;
        height: fit-content;
        max-width: 90%;
        padding: 20px;
        border-radius: 20px;
    }
    .body-tarifas,
    .title-tatirfas {
        padding: 0;
        background: transparent;
        color: #44506c;
    }
    .body-tarifas {
        padding-bottom: 10px;
        margin: 0;
        background: transparent;
        color: #44506c;
        width: fit-content;
    }
    .body-tarifas label {
        width: 240px;
        max-width: 250px;
        min-width: 240px;
        max-height: calc(100vh - 250px);
        padding: 0;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        gap: 10px;
        cursor: pointer;
        transition: all .3s ease;
    }
    .body-tarifas label:hover {
        box-shadow: 0 0 20px -8px #44506c;
        transition: all .3s ease;
    }
    .cont-label-tarf {
        gap: 10px;
    }
    .cont-label-tarf{
        .item-header-tf,
        .body-label-tarifa{
            padding: 0 15px;
            font-size: 12px;
            font-weight: 400;
        }
        .name-tarf {
            border-radius: 0;
            padding: 15px;
        }
    }
    .info-title-tarifa {
        width: 100%;
        p{
            color: var(--c-scale-50);
        }
    }
    .ico-flech-atras-item {
        display: none;
    }
    .descripcion-mas-info {
        display: none;
    }
    .cont-extras-tarf {
        display: flex !important;
        overflow: auto;
        flex-wrap: wrap;
        padding: 15px;
    }
    .footer-tarifas {
        width: 100%;
        margin: 0;
        padding: 0;
        background: transparent;
    }
    .footer-tarifas .btn-danger {
        width: fit-content;
    }
    .footer-tarifas .btn-cerrar {
        border-radius: 5px;
        transition: all .3s ease;
        cursor: pointer;
    }
    .footer-tarifas .btn-cerrar:hover {
        background: #fff;
        transition: all .3s ease;
    }
    /*<<<<<<<< Pag. 3 - Check Out >>>>>>>>*/
    #sellflight-page .header {
        display: block;
    }
    #sellflight-page .header-content-vuelos {
        background: transparent;
        overflow: initial;
    }
    #sellflight-page .lineaCompra-vb {
        width: 500px;
    }
    
    .formCheckout {
        width: 70%;
    }
    .containerCompra {
        width: 30%;
        display: flex;
        flex-direction: column;
        gap: 15px;
    }
    .header-content-vuelos {
        width: 800px;
        margin: 0 auto;
    }
    .alertPasajes {
        width: 100%;
        border-radius: 5px;
    }
    .body-content-vuelos {
        margin-top: 30px;
        position: relative;
    }

    /* mensaje CheckOut - PAG-3 */
    /* Itinerario */
    .resumenItinerary .btn-popUp {
        display: none;
    }
    .resumenItinerary .tap-itinerario-check {
        display: flex;
        padding: 10px;
        background: transparent;
        color: #44506c;
    }
    .resumenItinerary .OptionStyleS {
        border-radius: 10px;
        padding: 0;
    }
    .contentCheckout .BoxFlightSell {
        border-radius: 0;
        border: none;
        padding: 15px;
    }
    .body-detall-checkout {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        gap: 0px;
        border-top: 1px solid var(--c-scale-20);
    }
    .resumenItinerary .contenidoSell {
        min-width: 370px;
        gap: 5px;
        padding: 10px;
    }
    .resumenItinerary .bodyDetall {
        gap: 15px;
        margin: 0;
    }
    .resumenItinerary .row-info-detall {
        gap: 25px;
    }
    .resumenItinerary .bodyDetall:before {
        left: 94px;
    }
    #sellflight-page .sell-contenedor {
        padding: 50px 0;
    }
    .formPasajero,
    #AdultsPassangers,
    #gridPrice,
    #ChildsPassangers,
    #InfsPassangers {
        gap: 15px;
    }
    .containerCompra {
        height: fit-content;
        position: sticky;
        top: 5px;
    }
    .contenidoSell {}
    .direction-v-sell h5 {
        font-size: 10px;
        background: #5e6e92;
        color: #fff;
        padding: 3px 10px;
        border-radius: 3px;
        min-width: 64px;
        text-align: center;
    }
    .line-detall {
        display: none;
    }
    .info-col h5 {
        font-size: 16px;
    }
    .info-col p {
        font-size: 12px;
    }
    .columDetall-maleta {
        display: flex !important;
        flex-direction: column;
        gap: 10px;
        border: none;
        margin: 0;
        background: #f1f2f6;
        border-radius: 0 0 10px 10px;
        padding: 10px;
    }
    .contentIconInferior-chOut {
        flex-direction: column;
    }
    .content-itinerario-check {
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        border-top: 1px solid #e6eaf3;
        padding-top: 10px;
    }
    .contentIconInferior--in-segment .contentIconInferior__content {
        flex-direction: row;
    }
    .columDetall-maleta h2 {
        background: transparent;
        text-align: left;
        margin: 0;
        font-size: 14px;
        padding: 0;
    }
    .item-maleta-checkOut {
        flex-direction: row;
    }
    .listIconInfS {
        text-align: left;
    }
    .content-itinerario-check .cont-extras-tarf {
        max-height: 90px;
        overflow: auto;
    }
    .contMsjCheckout {
        flex-direction: column;
        gap: 15px;
    }
    .preguntaNosotros,
    .infoVentaSegura,
    .titleSeguroS,
    .bodyTerminos {
        width: 100%;
        margin: 0;
        flex-direction: row;
    }
    /* formularios */
    .colm-atributs p {
        font-size: 12px;
    }
    .colm-sex-input label,
    .colum-seguro label {
        height: 40px;
    }
    .colm-atributs input,
    .colm-atributs select,
    .cont-pagos select {
        font-size: 14px;
    }
    .containerMetodoPago .content-forms {
        animation: none;
    }
    /* AGREGAR MALETAS */
    .form-option-equipaje {
        padding: 0;
    }
    .title-tramo {
        justify-content: flex-start;
    }
    .col-tramos {}
    .header-pasaj-maleta {
        width: fit-content;
        flex-direction: row;
    }
    .body-pasaj-maleta {
        flex-direction: row;
        justify-content: space-between;
    }
    .label-maleta {
        width: 48%;
        flex-direction: row;
        justify-content: flex-start;
        padding-left: 30px;
    }
    .label-maleta:before {
        top: 0px;
        bottom: 0;
        margin: auto;
    }
    .text-option-malet {
        text-align: left;
    }
    .text-option-malet h5 {
        font-size: 12px;
    }
    .text-option-malet p {
        font-size: 11px;
    }
    .col-text-option-bodega {
        flex-direction: row;
    }
    .suma-img:before,
    .suma-img:after {
        width: 14px;
        height: 4px;
    }
    .body-adicionales .btn-popUp {
        display: none;
    }
    .content-seguro {
        padding: 15px;
    }
    .row-tramo a {
        background: transparent;
        border-radius: 3px;
    }
    .row-tramo a:hover,
    .row-tramo a:focus {
        background: #f1f2f6;
        transition: background .3s ease;
    }
    /* factura */
    .ContainerSecure .colm-sex-input label,
    .ContainerSecure .colum-seguro label {
        width: 49%;
        background: transparent;
        border: 1px solid #a8b4ce;
    }
    .colm-sex-input label:hover,
    .colum-seguro label:hover {
        background: #e3f5fb;
    }
    .colm-sex-input label:before,
    .colum-seguro label:before {
        background: #a8b4ce;
        border: 1px solid #fff;
        box-shadow: 0 0 0px 2px #a8b4ce;
    }
    .cajaComprobante {
        margin-top: 10px;
    }
    /* Opciones inicial CheckOut */
    .content-priceFinal-mobile {
        display: none;
    }
    /* Resumen de compra derecha  */
    .imgRefSell {
        display: block;
    }
    .imgRefSell img {
        height: 180px;
        object-fit: fill;
    }
    .imgRefSell span {
        font-size: 25px;
        bottom: 20px;
    }
    .coupon-code {
        flex-direction: column;
    }
    .descriptionCupon {
        width: -webkit-fill-available;
    }
    .coupon-code button {
        width: 100%;
        margin-top: 0px;
        padding: 12px 0;
    }
    .coupon-box h4 {
        font-size: 12px !important;
        font-weight: 500;
        margin-bottom: 5px;
    }
    .totalPagarPopUp .infoPagarS .cajaPagar {
        border-radius: 7px;
        gap: 80px;
        width: fit-content;
    }
    /* Precio final CheckOut */
    .totalPagarPopUp {
        width: 800px;
        top: 66px;
        left: initial;
        margin: 0 auto !important;
    }
    .totalPagarPopUp {
        top: 0px;
        right: 0;
        left: 0;
        margin-top: 0px !important;
        padding: 0px;
        box-shadow: none;
    }
    .totalPagarPopUp .infoPagarS {
        width: 100%;
        margin: auto;
        display: flex;
        justify-content: flex-end;
    }
    .totalPagarS h4 {
        font-size: 13px;
    }
    .PriceFinal {
        flex-direction: column-reverse;
    }
    .totalPagarS {
        margin-top: 10px;
    }
    .cajaPagar h3 {
        font-size: 14px !important;
    }
    .content-forms a {
    }
    .row-price-total {
    }
    .item-resum-total {
        font-size: 12px;
    }
    .detallPuntosBBVA p {
        font-size: 10px;
    }
    .content-forms h3,
    .content-forms h4 {
        font-size: 16px;
    }
    .contentOperacionS h3,
    .item-resumenVuelos h5 {
        font-size: 10px;
    }
    /* Boton Comprar CheckOut */
    .btnCOMPRAR {
        margin: 0;
        width: 350px;
    }
    .row-atrib-pasaj,
    .cajaComprobante,
    .contentCounter {
        flex-direction: row;
        gap: 10px;
    }
    .NacionalidadSell,
    .tipoDocSell,
    .NroDocSell {
        width: 31%;
        margin: 0;
    }
    .FechaSell,
    .SexoSell {
        width: 48%;
    }
    .col-input {
        width: 32%;
    }
    .tipoDocSell select {
        height: 36px;
    }
    .titleSeguroS {
        margin: 0;
        font-size: 12px;
    }
    .titleSeguroS span strong {
        font-size: 16px;
    }
    .contMsjCheckout {
        display: flex;
        justify-content: space-between;
        gap: 20px;
    }
    .preguntaNosotros,
    .infoVentaSegura {
        width: 100%;
        height: fit-content;
    }
    .containerCompra {
        width: 30%;
    }
    /* Resumen Itinerario */
    .tap-itinerario-check{
        padding: 20px;
        border-radius: 20px;
        #salir-checkOut,
        .price-check-t{
            display: none;
        }
    }
    .resumenItinerary {
        position: inherit;
        display: block !important;
        overflow: initial;
        height: auto;
        background: transparent;
    }
    .header-itinerario-resum {}
    .content-popUp .content-forms {}
    .OptionStyleS {
        border-radius: 10px;
        border: 1px solid #e0dfdc;
    }
    .header-itinerario-resum .BoxFlightSell {
        flex-wrap: wrap;
    }
    .header-itinerario-resum .LineAirShow {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .header-itinerario-resum .LineAirShow label {
        display: block;
    }
    .header-itinerario-resum .LineAirShow img {
        width: 24px;
    }
    .header-itinerario-resum .origenLabelS,
    .header-itinerario-resum .destinoLabelS {
        width: 30%;
    }
    .header-itinerario-resum .lineaViajeS {
        width: 25%;
    }
    .header-itinerario-resum .FlightTime,
    .header-itinerario-resum .BoxFlightSell a {
        display: none;
    }
    .BoxFlightSell {
        display: flex;
        padding: 10px 5px;
        border-radius: 5px;
        border: 1px solid #ddd;
    }
    .resumenItinerary #divSeleccion,
    .resumenItinerary .LineAirShow {
        display: block;
    }
    .origenLabelS h5,
    .destinoLabelS h5 {
        font: 12px;
    }
    .timeLugarS h6,
    .timeDestinoS h6 {
        font-size: 16px;
    }
    .lineaViajeS p {
        font-size: 12px;
    }
    /* Adicionales */
    .content-popUp-adic {
        background: #e6eaf3;
        display: block !important;
        position: initial;
        overflow: initial;
        height: auto;
        border-radius: 10px;
    }
    #itinerario-malet {
        display: none;
    }
    .titleInfo-maleta {
        justify-content: space-between;
        gap: 10px;
    }
    .titleInfo-maleta .ico-flech-bajo {
        display: block;
    }
    .head-maleta-desktop h3,
    .head-maleta-desktop p,
    .titleInfo-maleta .img-maleta-resumn {
        display: block;
    }
    .head-maleta-desktop h3 {
        font-size: 16px;
        font-weight: bold;
    }
    .head-maleta-desktop p {
        font-size: 12px;
        font-weight: 500;
    }
    .head-maleta-desktop p span {
        font-weight: 600;
        font-size: 11px;
    }
    .img-maleta-resumn {
        width: 60px;
        height: 60px;
    }
    .row-alert {
        padding: 0;
        background: transparent !important;
        justify-content: flex-start;
    }
    .ico-alert {
        width: 12px;
        height: 12px;
    }
    .btn-add-maleta {
        text-decoration: none;
        background: #5e6e92;
        padding: 4px 25px;
        color: #fff;
        font-size: 14px;
        border-radius: 4px;
        transition: all .3s ease;
        cursor: pointer;
        display: block;
    }
    .btn-add-maleta:hover,
    .btn-add-maleta:focus {
        background: #44506c;
        color: #fff;
        transition: all .3s ease;
    }
    /* item add maletas */
    .colm-add-maletas {
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 10px;
    }
    .item-add-maleta {
        width: 49%;
        background: #fff;
        padding: 10px;
        border-radius: 6px;
    }
    .popUp-prices-maletas {
        width: 100%;
        height: 100vh;
        background: #000618a6;
    }
    .cont-body {
        width: 350px;
        height: fit-content;
        background: #fff;
        position: absolute;
        top: 0;
        left: 0%;
        right: 0;
        bottom: 0;
        margin: auto;
        padding: 16px;
        border-radius: 10px;
    }
    .imgOp-maleta-resumn {
        margin-top: 0;
    }
    .btn-popUp {
        margin-bottom: 0;
    }
    .header-prices-malet {
        display: none;
    }
    /* infografia maletas */
    .info-maletas {
        display: flex;
        padding: 10px;
        border-top: 1px solid #d6dbe7;
    }
    .item-info-malet {
        align-items: flex-start;
        gap: 5px;
    }
    .img-info-malet {
        margin: 0;
    }
    .colm-add-maletas h3 {
        font-size: 14px;
    }
    .info-tramo h4,
    .price-add h5 {
        font-size: 14px;
    }
    .info-tramo p {
        font-size: 12px;
    }
    .btn-cancelar-add {
        /*width: 20px;
        height: 20px;*/
        font-size: 14px;
    }
    /* Medio de pago */
    .cont-pagos {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
    .cont-pagos select {
        width: 50%;
    }
    .my-info-1 {
        width: 46%;
    }
    .visaMasterC {
        gap: 3px;
    }
    .BankPago-2 {
        width: 67px;
        height: 46px;
    }
    .iconPuntos-cua.mercadoPago{
        width: 66px;
        height: 53px;
    }
    /* Terminos y condiciones final */
    .checkTerminos a {
        font-size: 14px;
    }
}

@media (min-width:1024px) {
    /*<<<<<<<<<<< HOME >>>>>>>>>*/
    
    .home_options_vuelos {
        justify-content: space-between;
    }
    /* cajas de busqueda vuelos - home*/
    .h_content_inputs_vuelos {
        flex-direction: row;
    }
    .h_contenedorRadio_vuelos {
        width: 40%;
        justify-content: flex-start;
    }
    .contenedorSelect {
        flex-direction: row;
        justify-content: flex-end;
        width: 60%;
    }
    .caja_order_vuelos {
        width: 32%;
        min-width: 30%;
    }
    /* boton invertir cajas home */
    .btnInvertir {
        display: flex;
        padding: 10px;
        font-size: 16px;
        text-align: center;
        background: var(--c-scale-20);
        border-radius: 10px;
        cursor: pointer;
        transition: all 0.3s ease;
        &:hover{
            background: var(--c-primary-10);
            color: var(--c-primary);
            transition: all 0.3s ease;
        }
    }
    /* caja drop popup */
    .ShowItem {}
    /* BOTON */
    .btn_buscarHome {
        min-width: 23%;
        align-self: flex-start;
    }
    /*
    .listaExpandible_vuelos, .section-collapse {
        width: 150px;
    }*/
    /*<<<<< RESULTADO BUSQUEDA - PAG 2 >>>>>*/
    /* Filtros y tap */
    .tapFilter-vuelos,
    .btn-filter-search {
        display: none;
    }
    .btn-tabla-desktop {
        display: block;
    }
    .btn-tabla-co h3 {
        font-size: 12px;
    }
    .search-header h3 {
        font-size: 14px;
    }
    .separador {
        display: block;
        width: 90%;
        height: 1px;
        background: #d6dbe7;
        margin: auto;
    }
    /* #newSearch,
    #TableFilter,*/
    .caja-filtro {
        width: 100%;
        height: fit-content;
        margin: 0;
        transform: translate(0) !important;
        position: initial;
        overflow: initial;
        background: transparent;
    } 
    /* #newSearch{
        display: block;
    } */
    #searchflight-page #pasajerosNew {
        width: fit-content;
        height: fit-content;
        background: transparent;
        left: 15%;
        margin: auto 0;
    }
    #container-pasajeros-vuelos {
    }
    #pasajerosNew .cont-btn-popup {
        display: flex !important;
    }
    .header-content-vuelos {
        width: 970px;
    }
    .header-content-vuelos {
        justify-content: center;
        padding: 0;
        border-radius: 10px;
    }
    .header-itinerario-search {
        display: none;
    }
    .search-header {
        width: 100%;
        margin: 10px 0 0 0;
    }
    #searchflight-page .lineaCompra-vb {
        width: 500px;
        background: transparent;
    }
    .btn-search-new .btn-continuar-popUp {
        display: none;
    }
    
    .divSummary {
        width: 100% !important;
        max-width: initial;
        /*gap: 0;*/
    }
    
    .bg-filter {
        background: transparent;
    }
    .textFiltro,
    .cantidadFiltro {
        padding: 5px;
    }
    .cont-filter-row {
        gap: 5px;
    }
    .cont-filter-row {
        background: transparent;
    }
    .itemDescriptionSV {
        margin-left: 20px;
    }
    .imgFiltro {
        max-width: 25px;
        padding: 0px;
    }
    /* Contenedor Izq/derecho Pag-2*/
    
    .ContentPadd {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }
    .filter-content-general {
        
        display: flex;
        flex-direction: column;
        gap: 15px;
    }
    .contenSearchFlight_vuelos {
        display: none !important;
    }
    .contentSearchTotal_vuelos {
        
    }
    .panel-group-SV {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    .content-flechaDetall {
        width: 20px;
        height: 20px;
    }
    
    .filter-searchFlight .cont-btn-popup {
        display: none;
    }
    .cerrar-x {
        display: none;
    }
    /* filtros Tabla */
    .search-header .btn-filter {
        display: none;
    }
    .mostrarTabla {
        display: block !important;
    }
    #summary,
    #daysInAdv {}
    #collapseTable {
        margin: 0;
    }
    #summary::-webkit-scrollbar,
    #daysInAdv::-webkit-scrollbar {
        height: 3px;
        background: #f0f3fa;
    }
    #summary::-webkit-scrollbar-thumb,
    #daysInAdv::-webkit-scrollbar-thumb {
        background: #aaa;
        border-radius: 10px;
    }
    /* resumen compra (derech) Pag 2*/
    .BoxPrice {
    }
    .row-info-masDetall {
    }
    .content-price-search {
    }
    .detallPuntosBBVA h3 {
        font-size: 11px;
    }
    .detallPuntosBBVA p,
    .BoxPrice p {
        font-size: 10px;
        font-weight: 500;
    }
    .ocultar,
    .descSelling {
        font-size: 11px;
    }
    .TotalPrice {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: fit-content;
        border: none;
    }
    .btnPuntosBBVA h3 {
        margin: 0 0 3px 0;
        font-size: 10px;
    }
    .img-dummy {
    }
    .TotalPrice p {
        display: block;
    }
    .content-sellos {
        flex-direction: column;
        padding: 0 0 5px 0;
        border-top: 0px;
        gap: 0;
    }
    .row-info-resum .item-pasaj:nth-child(1) {
        width: 42px;
    }
    .item-pasaj {
    }
    .item-pasaj h5 {
    }
    .info-resumen-search-maleta {
        /*flex-direction: column-reverse;*/
        align-items: center;
        gap: 5px;
    }
    .ContainerGroup:nth-child(1) .BoxContainer .btn-search-total {
        background: transparent;
    }
    .BoxPrice a {
    }
    .btn-search-total:hover {
        color: #01c2c6;
    }
    .body-tarifas {
        max-width: 800px;
    }
    /* Detalle Item Contenido - PAG-2*/
    .columDetall-1 p,
    .columDetall-3 p {
        width: fit-content;
        padding: 3px 20px;
        background: #555;
    }
    .columDetall-1 p {
        align-self: flex-end;
    }
    .OperadoDetalle {
        justify-content: space-between;
        gap: 15px;
        align-items: center;
        border: none;
    }
    .OperadoDetalle h3 {
        text-align: left;
    }
    .tap-resumen-vuelos {
        width: 50%;
        margin: 0;
        padding: 0;
    }
    /*<<<<<<<<<<<< CHECK OUT - PAG 3 >>>>>>>>>>*/
    /* Itinerario */
    .resumenItinerary .contenidoSell {
        width: 60%;
        justify-content: center;
    }
    .body-detall-checkout {
        flex-direction: row;
        justify-content: space-between;
    }
    .body-detall-checkout:nth-child(1) {
        border: none;
    }
    .columDetall-maleta {
        width: 45%;
        border-radius: 0 0 10px 0;
        gap: 3px;
    }
    .content-itinerario-check {
        gap: 5px;
    }
    .LogoDetalle h3 {
        font-size: 12px !important;
        color: #333;
        font-weight: 600;
    }
    .line-detall {
        /*display: block;*/
        width: 1px;
        height: calc(40vh - 20vh);
        margin: auto 0;
        background: #e6eaf3;
    }
    .totalPagarPopUp {
        width: 970px;
    }
    .content-itinerario-check {
        border: none;
        padding: 0;
        flex-direction: column;
    }
    .content-forms h3 {
        font-size: 12px;
    }
    .content-forms a h3 {
        font-size: 16px;
    }
    .contentIconInferior-chOut {
        gap: 0;
        margin-left: 0px;
    }
    .icon-maleta-c {
        min-width: 16px;
        width: 16px;
        height: 20px;
        margin-left: -2px;
    }
    .columDetall-maleta h2 {
        font-size: 12px;
    }
    .listIconInfS p {
        display: none;
    }
    .detall-itinerario-tarifa h5,
    .cont-extras-tarf h5 {
        font-size: 12px;
    }
    .listIconInfS h3 {
        font-weight: 500;
        color: #555;
    }
    /* @* AGREGAR MALETAS *@ */
    .item-pasajero-maleta {
        flex-direction: row;
    }
    .header-pasaj-maleta {
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
    }
    .form-resumen-equipaje {
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
    }
    .form-resumen-equipaje a {
        width: 196px;
        margin: 16px 0 0 0;
        text-align: center;
    }
    .info-maletas {
        gap: 15px;
    }
    .ico-equip span {
        font-size: 12px;
    }
}

@media (min-width: 1200px) {
    /*--<<< HOME >>>--*/
    .home_options_vuelos {
        width: 100%;
        flex-direction: row;
        margin-top: 0px;
        justify-content: space-between;
    }
    .contenidoTravelSelling {
        gap: 0px;
    }
    /* Radio Buton*/
    .h_contenedorRadio_vuelos,
    .contenedorSelect {
        margin: 0;
        align-self: flex-start;
        width: 38%;
    }
    /* Botons Pasajeros Escala Indistinto */
    .contenedorSelect {
        justify-content: flex-end;
        width: 54%;
    }
    .btn_clase,
    .btn_escala,
    .btn_pasaj {
        border: none;
    }
    /* Caja de Texto */
    .cajaFech_mv_multi,
    .caja_input_vuelos,
    .cajaFech_mv {
        width: 100%;
    }
    .caja_input_vuelos img {
        left: 8px;
    }
    .select2-container {
        width: 20%;
    }
    .select2-container--open:before {
        display: none;
    }
    /* .select2-container--default .select2-selection--single {
        height: 40px !important;
    } */
    .h_content_inputs_vuelos {
        flex-direction: row;
        margin-top: 10px;
    }
    
    .cajaFech_mv {
        margin: 0px 0;
    }
    .cajaFech_mv_multi {
        width: 30%;
        margin: 0px;
    }
    .space-cajas {
        display: none !important;
    }
    .btn_buscarHome {
        min-width: 16% !important;
        margin-top: 0px;
    }
    .h_input_vuelos {
        width: 100%;
    }
    /* caja flotante del buscador - plugins */
    .select2-dropdown {
        box-shadow: 0 3px 10px #0000005c;
        border-radius: 5px !important;
        overflow: hidden;
    }
    /* <<< RESULTADO DEL SEARCH >>>*/
    /*documneto body search*/
    .searchContent .master-column-wrapper {
        margin-top: 0px;
    }
    
    /*<<<<< Contenido Itenerarios Resultado Search PAG 2>>>>*/
    .header-content-vuelos {
        width: 1100px;
    }
    .body-content-vuelos {
    }
    /* FILTROS */
    .SearchFiltro-SV {
        border-radius: 10px 10px 0 0;
    }
    .panelesFiltro-SV {}
    #newSearch {
        margin: 0;
        border-radius: 10px;
    }
    #summary,
    #daysInAdv {
        overflow-x: auto;
    }
    /*
    .caja_input_vuelosNew select{
        width: 100% !important;
        border: none !important;
        height: 46px;
        box-shadow: none !important;
        font-size: 12px;
        padding: 10px 10px 10px 50px;
    }*/
    /*
    .pasajero-descr-SV h4 {
        font-size: 12px;
    }*/
    .contFlotantPasj .input-group {
        margin: 0;
    }
    .passengersInputs {}
    /* caja de resultado vuelos */
    .FlightOption-SV {
        padding: 0px;
        margin-bottom: 0px;
    }
    .OptionStyle {
        margin: 0;
    }
    .BoxContainer {}
    .BoxContent {
        
    }
    .BoxFlight {
        flex-wrap: wrap;
        position: relative;
    }
    .label_lineaRuta {
        margin-left: -26px;
        margin-top: 0px;
    }
    /* Title del DESTINO Pag 2 */
    .TitleDestino-Search {
        flex-direction: column;
        justify-content: flex-start;
        margin: 0;
    }
    .subTitle-Search {
        justify-content: center;
    }
    .subTitle-Search p,
    .subTitle-Search span,
    .TitleDestino-Search h2 {
        font-size: 12px;
    }
    .subTitle-Search span {
        margin: 3px;
    }
    .TitleDestino-Search h2 {
        font-size: 22px;
    }
    /* FIN - Title del DESTINO Pag 2 */
    .textBtnDesple {
        color: #fff;
        font-size: 18px;
        font-family: Calibri;
        margin-left: 5px;
        display: inline-flex;
    }
    .caja_calend {
        margin-top: 0;
    }
    .BgSearchMvdv .caja_calend b {
        margin: 0 15px;
    }
    /*<<<<< FILTROS Search Pag 2 >>>>>*/
    /* TAPS */
    .tapFilter-vuelos {
        display: none;
    }
    /* Filtros */
    .eventoFilter-vuelo {
        display: block;
    }
    .contenidoFilter {
        padding: 0px;
    }
    /* Nueva Busqueda */
    .filter-content-general {
        
        height: auto;
        position: static;
    }
    /* Aerolineas */
    .bodyAirlines-SV:hover {
        cursor: pointer;
        border-radius: 5px;
        transition: all 0.3s;
    }
    /* chanchito banner */
    .anuncioSearch {
    }
    .imgAnuncio_Search {
        width: 70px;
        height: 70px;
    }
    .textAnuncio_Search {
        font-size: 12px;
    }
    .textAnuncio_Search span {
        font-size: 14px;
    }
    /* FIN chanchito banner */
    /* Title Resumen Clase-Pasajeros-Segmento */
    .tap-resumen-vuelos {}
    .item-resumenVuelos {}
    .item-resumenVuelos h5 {
        font-size: 9px;
        top: -9px;
    }
    .item-resumenVuelos h4 {
        font-size: 10px;
    }
    /* FIN - Title Resumen Clase-Pasajeros-Segmento */
    /* CONTENIDO ITINERARIO RESULTADO BUSQUEDA */
    .contentSearchTotal_vuelos {
        
    }
    /* header IDA y VUELTA itinerario */
    .LineAirShow img {
        display: block;
        max-width: 32px;
    }
    .BoxDate {
        padding: 5px;
        display: flex;
    }
    .TravelOption h4,
    .TravelDate {
        font-size: 10px;
    }
    .TravelOption .icon-avion {
        max-width: 30px;
        width: 25px;
    }
    /* FIN - header IDA y VUELTA itinerario */
    .SelectOption-SV {
        padding: 0px 0px;
    }
    .SelectOption-SV label {
        justify-content: space-between;
    }
    .origenLabel h5,
    .destinoLabel h5 {
        font-size: 16px;
    }

    .itinerario-body{

        .origenLabel h3,
        .destinoLabel h3,
        .origenLabel p,
        .destinoLabel p,
        .FlightTime h5,
        .FlightTime h3 {
            font-size: clamp(1rem, 1.1vw, 1.2rem);
        }
        .FlightTime h3{
            font-weight: 300;
        }
    }
    .BoxFlight {
        padding: 0px;
    }
    .BoxFlight a {}
    .content-flechaDetall {
        background: transparent;
        padding: 0;
    }
    .content-flechaDetall p {
        font-size: 12px;
        margin: 0 3px 0 0;
        font-weight: bold;
        display: none;
    }
    .SelectOption-SV .glyphicon {
        font-size: 13px !important;
    }
    /* vista detalle itinerario PAG 2 */
    .contentDetalle {}
    .LogoDetalle img {
        max-width: 40px;
        height: auto;
        margin-right: 3px;
    }
    .LogoDetalle h3 {
        font-size: 12px;
    }
    .nroVuelo h3 {
        margin: 0 0 0 3px;
        font-size: 12px;
    }
    .columDetall-1 p,
    .columDetall-3 p {
        width: fit-content;
        font-size: 10px;
        padding: 4px 20px;
    }
    .columDetall-1 {
        align-items: flex-end;
    }
    .columDetall-1 h3,
    .columDetall-3 h3 {
        font-size: 11px;
    }
    .horaSalida h5 {
        font-size: 20px;
    }
    .lugarSalida h3 {
        font-size: 11px;
    }
    .lugarSalida h4 {
        margin: 3px 0 0 0;
        font-size: 10px;
    }
    .columDetall-2 p {
        font-size: 10px;
    }
    .columDetall-2 h4 {
        font-size: 12px;
    }
    .columDetall-2:before,
    .columDetall-2:after {
        width: 7%;
    }
    .contentOperacion img {
        width: 35px;
    }
    .contentOperacion span {
        font-size: 11px;
    }
    .OperadoDetalle {
        flex-direction: row;
    }
    .OperadoDetalle h3 {
        font-size: 10px;
        margin: 0px 15px 0 0;
    }
    /* maletas detalle */
    .StopOversCont-3 {
        display: flex;
        align-items: center;
    }
    .listIconInf p,
    .listIconInfNO p {
        font-size: 9px;
    }
    /* content formularios bordes defaul checkOut */
    .k-widget {
        /*display: block;
        border: none !important;
        background: none !important;*/
        /*margin-bottom: 20px;*/
        /*box-shadow: none !important;*/
    }
    
    .k-pager-wrap {
        background: transparent !important;
        margin-bottom: 20px;
    }
    /* FIN - vista detalle itinerario PAG 2 */
    /*---Opcion Derecha--*/
    .BoxPrice {
    }
    /*<<<<<<<<<<< SELLFLIGHT 3 hoja CHECKOUT >>>>>>>>>*/
    .contentTitle {
        margin: 0;
    }
    .colum_Cuotealo .bcp {
        display: none;
    }
    /* Colum 2 - total */
    .totalPagarPopUp {
        width: 1100px;
    }
    /* Pop Up Time 10 minutos */
    .body-popUpTime {}
    .content-popup {
        width: 550px;
        height: fit-content;
        flex-direction: row;
        padding: 30px;
    }
    .info-popup {
        width: 55%;
        text-align: left;
    }
    .info-popup h2 {
        font-size: 30px;
    }
    .info-popup h3 {
        font-size: 18px;
        margin: 5px 0;
        font-weight: bold;
    }
    .info-popup p {
        color: #333;
    }
    .info-popup button {
        font-size: 14px;
        margin-top: 35px;
    }
    .content-img-popup {
        width: 40%;
        position: relative;
    }
    .imgPopUpTime {
        width: 80%;
        height: 220px;
        background-size: contain;
        background-position: center;
        margin-top: 0;
        position: absolute;
        top: -20px;
        right: 0px;
    }
    .formCheckout {
        margin: 0;
    }
    .contentTitle {
        display: none;
    }
    .alertPasajes {
        width: 100%;
        font-weight: bold;
        padding: 3px;
        margin: 0px;
    }
    /* vista principal itinerario checkOut PAG 3*/
    .containerSellTemp {
        padding: 5px 15px;
        border: none;
    }
    .containerSellTemp h6 {
        left: 35px;
        font-size: 14px;
    }
    .OptionStyleS {}
    .origenLabelS,
    .lineaViajeS,
    .destinoLabelS {
        width: 23%;
    }
    .lineaViajeS {
        width: 130px;
    }
    .origenLabelS h5,
    .destinoLabelS h5 {
        font-size: 12px;
    }
    .timeLugarS h6,
    .timeDestinoS h6 {
        font-size: 16px;
    }
    .lineaViajeS h3 {
        margin: 0 auto;
        padding: 3px 15px;
        font-size: 10px;
        width: fit-content;
    }
    .lineaVistaS {
        width: 76%;
    }
    /* Detalle itinerario Check Out */
    
    .contentDetalleSell {
        padding: 15px;
    }
    .LogoDetalleS h3 {
        font-size: 12px;
        margin: 0;
    }
    .fechaHeader span {
        font-size: 12px;
        font-weight: initial;
    }
    .bodyDetallSell {
        margin: 10px 0;
    }
    .columMaleta-lateral {
        display: block;
    }
    .columDetall-maleta {
        display: none;
    }
    .horaViajeS h4 {
        font-size: 14px;
    }
    .FlightTime {
        display: block;
        align-self: center;
        color: #2e353b;
        font-size: 10px;
    }
    .mitooltipS img {
        display: block;
    }
    /* formulario pasajero */
    .item-atributs-pasj {}
    .datosPasajero {}
    .bodyForm {
        /*background: #e4f3ff;
        padding: 15px;
        margin: 15px 0 0 0;
        border-radius: 10px;*/
    }
    .row-atrib-pasaj {
        flex-direction: row;
    }
    .k-icon {
        width: 16px !important;
    }
    .item-atributs-pasj {
        width: 45%;
    }
    .NacionalidadSell,
    .tipoDocSell,
    .NroDocSell {
        width: 30% !important;
        height: 36px;
    }
    .NacionalidadSell,
    .tipoDocSell {
        border: 3px solid #c1e3ff;
    }
    .NacionalidadSell label,
    .tipoDocSell label,
    .NroDocSell label {
        width: auto;
    }
    .FechaSell,
    .SexoSell {
        /*width: 46%;
        border: 3px solid #c1e3ff;
        height: 36px;*/
    }
    .eventoClick {
        /*border: 2px solid #aaa;*/
    }
    /* Formulario Contacto */
    /* formulario Emision de comprobante */
    .tapComprobante,
    .cajaComprobante {
        flex-direction: row;
    }
    .cajaComp1 {
        width: 45%;
    }
    .tapComprobante,
    .cajaComprobante {
        margin-top: 0px;
    }
    /* Formulario Medio de Pago */
    .cont-pagos select {
        width: 50%;
    }
    .mobileMP {
        display: none !important;
    }
    .desktopMP {
        display: block;
    }
    .tapMetodosPago2 {
        display: flex;
        justify-content: space-between;
    }
    .cont-body-pagos {}
    .tapMetodosPago {}
    .cont-pagos {
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .contMetodoPago {
        display: block;
    }
    .cont-pagos label {
        width: 49%;
        height: 60px;
        margin: 0;
        padding: 15px;
    }
    .SelloBBVA,
    .SelloDiners {
        background-size: contain;
        background-position: center;
        margin: 0;
    }
    .BankPago {
        width: 50px;
    }
    .visaMasterC {
        
        flex-wrap: initial;
    }
    /* Formulario Counters */
    .contentCounter {
        margin: 0;
    }
    .item-counters {
        width: 45%;
    }
    /* formulario Realizar Compra */
    .bodyTerminos {
        flex-direction: row;
    }
    .checkTerminos {
        width: 65%;
        margin: 0 5px 0 0;
    }
    .btnCOMPRAR {
        width: 30%;
        margin: 0;
    }
    /* Informacion estatica */
    /* ERROR FALLIDA 1 - ANTES MEDIO PAGO */
    .form-fieldsF {
    }
    .imgAvatarPregunt {
        width: 300px;
        height: 300px;
        margin: 0 15px 0 0;
    }
    .btnRedireccionar button {
    }
    /* FLOTANTE DE APOYO (EMERGENTE) */
    .bodyEmergent {
        width: 50%;
    }
    .contenidoEmergent {
        padding: 30px 25px 30px 50px;
        margin-left: -75px;
    }
    .contenidoEmergent h2 {
        font-size: 25px;
        margin-top: 20px;
    }
    .contenidoEmergent p,
    .contenidoEmergent span {
        font-size: 16px;
    }
    .gifAnim-rigo-juana {
        width: 220px;
        height: 340px;
    }
    .cerrarEmergente {
        width: 45px;
        height: 45px;
        font-size: 30px;
        top: 20px;
    }
    /*<<<<<<<<<<<<<<<<< ORDEN FINALIZADA >>>>>>>>>>>>>>>*/
    
    .detailsFinal {
        flex-direction: row;
    }
    .columnFinal-1,
    .columnFinal-2 {
        width: 450px;
    }
    /*Grande a mas*/
    .cajaTotalSearch {
        padding: 15px;
    }
    .h_content_inputs_vuelos:before {
        display: none;
    }
    .home_options_vuelos:before {
        display: none;
    }
    .h_contenedorRadio_vuelos {
        margin: 0;
        align-self: flex-start;
    }
    /* Cajas de Texto */
    .caja_order_vuelos {
        margin: 0;
    }
    .caja_calend {}
    .caja_calend:after {
        content: "";
        width: 5px;
        height: 29px;
        background: #fff;
        position: absolute;
        top: 3px;
        right: 3px;
        border-radius: 0 4px 4px 0;
    }
    .totalPagarPopUp .infoPagarS {
        width: 1100px;
    }
}


/* Modal Brand (Maletas) - Pag-2 */
/* spinner */
.spinner-container {
    width: 100%;
    height: 100px;
    position: relative; 
    display: flex;
    justify-content: center;
    align-items: center;
    .spinner {
        border: 4px solid #f3f3f3;
        border-top: 4px solid #3498db;
        border-radius: 50%;
        width: 50px;
        height: 50px;
        transition: transform 0.5s linear;
    }
}
/*modal brand */
.brandModal{

}
.brand-container {
    overflow: auto;
}
.title-maleta-modal{
    padding: 20px 20px 0 20px;
    text-align: center;
    font-size: 1.5rem;
    color: var(--c-scale-70);
}
.brand-card {
    background: var(--c-blanco);
    border-radius: 20px;
    border: 2px solid transparent;
    cursor: pointer;
    min-width: 230px;
    max-width: 310px;
    @media (min-width:1024px){
        min-width: 300px;
    }
    .icons-modal-maletas{
        color: var(--c-scale-30);
        font-size: 7.5rem;
        padding: 15px 0 10px 0;
        svg{
            margin: 0 !important;
        }
        @media (min-width:1024px){
            font-size: 6.5rem;
        }
    }
    
    h2,
    h3{
        color: var(--c-primary);
        text-align: center;
        span{
            font-size: 16px;
        }
    }
    .row-modal {
        padding: 0 20px;
        flex-grow: 1;
        p{
            font-size: 13px;
        }
    }
}
.btn-selection-maleta{
    background: var(--c-scale-30);
    color: var(--c-blanco);
    text-align: center;
    padding: 20px;
    border-radius: 0 0 18px 18px;
    font-size: 16px;
    &:hover{
        background: var(--c-scale-50);
    }
}
.brand-selected {
    border: 2px solid var(--c-primary);
    .btn-selection-maleta{
        background: var(--c-primary);
        &:hover{
            background: var(--c-primary-hover);
        }
    }
}

.modal-price-brand{
    h4{
        font-size: 20px;
        span{
            font-size: 12px;
            color: var(--c-scale-80);
            font-weight: 400;
        } 
    }
    p{
        font-size: 16px;
    }
}

/* Estilo del spinner */
.spinner {
    border: 8px solid rgba(255, 255, 255, 0.3);
    border-top: 8px solid #3498db;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite;
}

/* Animación de rotación */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Estilo para el mensaje */
.spinner-message {
    margin-top: 15px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;  /* Color blanco para mejor visibilidad */
}


/* Utilities */
.u-mb-8 {
    margin-bottom: 8px !important;
}