/* stylelint-disable value-list-comma-newline-after, value-list-comma-space-after, indentation, declaration-colon-newline-after, font-family-no-missing-generic-family-keyword**/
/**/
/* Glyphicons for Bootstrap*/
/**/
/* Since icons are fonts, they can be placed anywhere text is placed and are*/
/* thus automatically sized to match the surrounding child. To use, create an*/
/* inline element with the appropriate classes, like so:*/
/**/
/* <a href="#"><span class="glyphicon glyphicon-star"></span> Star</a>*/
/* Import the fonts*/

@import url("./reset.css");

.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {
    border: none;
    outline: 0;
}
.ui-menu {
    z-index: 99;
}
input, input:focus, input:active, input:hover{
    outline: 0;
    box-shadow: none;
}
div#netactica_booking_form {
    position: relative;
}
 select {
     -webkit-appearance: none;
     -moz-appearance: none;
     text-indent: 1px;
     text-overflow: '';
}
 .nav-item {
     display: inline-block;
}
 a:hover {
     text-decoration: none;
}
 .titulos {
     color: #545454;
    font-family: "Poppins", sans-serif;
    font-size: 2rem;
    line-height: 2rem;
    font-weight: 700;
    margin-bottom: 0.4rem;
    margin-top: 3rem;
}
.descripcion {
     color: #545454;
     font-family: "Poppins", sans-serif;
     font-size: 1rem;
     line-height: 1.5rem;
     font-weight: 400;
     margin-bottom: 1.875rem;
}
 .newWidgetDefault .btn-widget:hover {
     background: var(--red-portal-exito-hover) !important;
}

.glyphicon {
    color: #545454;
    position: relative;
    top: -2px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    text-align: center;
}

.newWidgetDefault .morePop.ccc .row.row-medium-gutters input[type="text"] {
    height: 28px !important;
    margin-top: 5px;
}

button#closemorePop {
    display: none;
}

button.btn.btn-danger.btn-number, button.btn.btn-success.btn-number {
    margin-top: 5px !important;
    background: transparent !important;
    border: none !important;
    outline: 0;
}
button.btn.btn-danger.btn-number:focus, button.btn.btn-success.btn-number:focus, button.btn.btn-danger.btn-number:hover, button.btn.btn-success.btn-number:hover, button.btn.btn-danger.btn-number:active, button.btn.btn-success.btn-number:active {
    outline: 0;
    box-shadow: none !important ;
}
#netactica_booking_form div#sticker div#container-nav{
    position: relative;
}
#netactica_booking_form ul#myTab {
    position: absolute;
    top: 0px;
    transform: translateX(0%) translateY(-100%);
    background: white;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    overflow: hidden;
    left: 0%;
    margin: 0px;
    box-shadow: rgb(0 0 0 / 10%) 0px -3px 10px;
    padding: 0px;
}

#netactica_booking_form ul#myTab li a {
    padding: 16px 20px;
    display: flex;
    color: #212529;
    justify-content: center;
    align-items: center;
}

#netactica_booking_form ul#myTab li a i {
    margin-right: 8px;
    font-size: 1rem;
}

#netactica_booking_form ul#myTab li a span {
    font-size: .8rem;
    line-height: .5rem;
}

#netactica_booking_form ul#myTab li a:hover {
    color: var(--red-portal-exito);
}

#netactica_booking_form ul#myTab li a.active {
    background:  var(--red-portal-exito);
    color:white;
}
/* Individual icons */
.glyphicon-asterisk:before { content: "\002a"; } 
.glyphicon-plus:before { content: "\002b"; } 
.glyphicon-euro, .glyphicon-eur:before { content: "\20ac"; } 
.glyphicon-minus:before { content: "\2212"; } 
.glyphicon-cloud:before { content: "\2601"; } 
.glyphicon-envelope:before { content: "\2709"; } 
.glyphicon-pencil:before { content: "\270f"; } 
.glyphicon-glass:before { content: "\e001"; } 
.glyphicon-music:before { content: "\e002"; } 
.glyphicon-search:before { content: "\e003"; } 
.glyphicon-heart:before { content: "\e005"; } 
.glyphicon-star:before { content: "\e006"; } 
.glyphicon-star-empty:before { content: "\e007"; } 
.glyphicon-user:before { content: "\e008"; } 
.glyphicon-film:before { content: "\e009"; } 
.glyphicon-th-large:before { content: "\e010"; } 
.glyphicon-th:before { content: "\e011"; } 
.glyphicon-th-list:before { content: "\e012"; } 
.glyphicon-ok:before { content: "\e013"; } 
.glyphicon-remove:before { content: "\e014"; } 
.glyphicon-zoom-in:before { content: "\e015"; } 
.glyphicon-zoom-out:before { content: "\e016"; } 
.glyphicon-off:before { content: "\e017"; } 
.glyphicon-signal:before { content: "\e018"; } 
.glyphicon-cog:before { content: "\e019"; } 
.glyphicon-trash:before { content: "\e020"; } 
.glyphicon-home:before { content: "\e021"; } 
.glyphicon-file:before { content: "\e022"; } 
.glyphicon-time:before { content: "\e023"; } 
.glyphicon-road:before { content: "\e024"; } 
.glyphicon-download-alt:before { content: "\e025"; } 
.glyphicon-download:before { content: "\e026"; } 
.glyphicon-upload:before { content: "\e027"; } 
.glyphicon-inbox:before { content: "\e028"; } 
.glyphicon-play-circle:before { content: "\e029"; } 
.glyphicon-repeat:before { content: "\e030"; } 
.glyphicon-refresh:before { content: "\e031"; } 
.glyphicon-list-alt:before { content: "\e032"; } 
.glyphicon-lock:before { content: "\e033"; } 
.glyphicon-flag:before { content: "\e034"; } 
.glyphicon-headphones:before { content: "\e035"; } 
.glyphicon-volume-off:before { content: "\e036"; } 
.glyphicon-volume-down:before { content: "\e037"; } 
.glyphicon-volume-up:before { content: "\e038"; } 
.glyphicon-qrcode:before { content: "\e039"; } 
.glyphicon-barcode:before { content: "\e040"; } 
.glyphicon-tag:before { content: "\e041"; } 
.glyphicon-tags:before { content: "\e042"; } 
.glyphicon-book:before { content: "\e043"; } 
.glyphicon-bookmark:before { content: "\e044"; } 
.glyphicon-print:before { content: "\e045"; } 
.glyphicon-camera:before { content: "\e046"; } 
.glyphicon-font:before { content: "\e047"; } 
.glyphicon-bold:before { content: "\e048"; } 
.glyphicon-italic:before { content: "\e049"; } 
.glyphicon-text-height:before { content: "\e050"; } 
.glyphicon-text-width:before { content: "\e051"; } 
.glyphicon-align-left:before { content: "\e052"; } 
.glyphicon-align-center:before { content: "\e053"; } 
.glyphicon-align-right:before { content: "\e054"; } 
.glyphicon-align-justify:before { content: "\e055"; } 
.glyphicon-list:before { content: "\e056"; } 
.glyphicon-indent-left:before { content: "\e057"; } 
.glyphicon-indent-right:before { content: "\e058"; } 
.glyphicon-facetime-video:before { content: "\e059"; } 
.glyphicon-picture:before { content: "\e060"; } 
.glyphicon-map-marker:before { content: "\e062"; } 
.glyphicon-adjust:before { content: "\e063"; } 
.glyphicon-tint:before { content: "\e064"; } 
.glyphicon-edit:before { content: "\e065"; } 
.glyphicon-share:before { content: "\e066"; } 
.glyphicon-check:before { content: "\e067"; } 
.glyphicon-move:before { content: "\e068"; } 
.glyphicon-step-backward:before { content: "\e069"; } 
.glyphicon-fast-backward:before { content: "\e070"; } 
.glyphicon-backward:before { content: "\e071"; } 
.glyphicon-play:before { content: "\e072"; } 
.glyphicon-pause:before { content: "\e073"; } 
.glyphicon-stop:before { content: "\e074"; } 
.glyphicon-forward:before { content: "\e075"; } 
.glyphicon-fast-forward:before { content: "\e076"; } 
.glyphicon-step-forward:before { content: "\e077"; } 
.glyphicon-eject:before { content: "\e078"; } 
.glyphicon-chevron-left:before { content: "\e079"; } 
.glyphicon-chevron-right:before { content: "\e080"; } 
.glyphicon-plus-sign:before { content: "\e081"; } 
.glyphicon-minus-sign:before { content: "\e082"; } 
.glyphicon-remove-sign:before { content: "\e083"; } 
.glyphicon-ok-sign:before { content: "\e084"; } 
.glyphicon-question-sign:before { content: "\e085"; } 
.glyphicon-info-sign:before { content: "\e086"; } 
.glyphicon-screenshot:before { content: "\e087"; } 
.glyphicon-remove-circle:before { content: "\e088"; } 
.glyphicon-ok-circle:before { content: "\e089"; } 
.glyphicon-ban-circle:before { content: "\e090"; } 
.glyphicon-arrow-left:before { content: "\e091"; } 
.glyphicon-arrow-right:before { content: "\e092"; } 
.glyphicon-arrow-up:before { content: "\e093"; } 
.glyphicon-arrow-down:before { content: "\e094"; } 
.glyphicon-share-alt:before { content: "\e095"; } 
.glyphicon-resize-full:before { content: "\e096"; } 
.glyphicon-resize-small:before { content: "\e097"; } 
.glyphicon-exclamation-sign:before { content: "\e101"; } 
.glyphicon-gift:before { content: "\e102"; } 
.glyphicon-leaf:before { content: "\e103"; } 
.glyphicon-fire:before { content: "\e104"; } 
.glyphicon-eye-open:before { content: "\e105"; } 
.glyphicon-eye-close:before { content: "\e106"; } 
.glyphicon-warning-sign:before { content: "\e107"; } 
.glyphicon-plane:before { content: "\e108"; } 
.glyphicon-calendar:before { content: "\e109"; } 
.glyphicon-random:before { content: "\e110"; } 
.glyphicon-comment:before { content: "\e111"; } 
.glyphicon-magnet:before { content: "\e112"; } 
.glyphicon-chevron-up:before { content: "\e113"; } 
.glyphicon-chevron-down:before { content: "\e114"; } 
.glyphicon-retweet:before { content: "\e115"; } 
.glyphicon-shopping-cart:before { content: "\e116"; } 
.glyphicon-folder-close:before { content: "\e117"; } 
.glyphicon-folder-open:before { content: "\e118"; } 
.glyphicon-resize-vertical:before { content: "\e119"; } 
.glyphicon-resize-horizontal:before { content: "\e120"; } 
.glyphicon-hdd:before { content: "\e121"; } 
.glyphicon-bullhorn:before { content: "\e122"; } 
.glyphicon-bell:before { content: "\e123"; } 
.glyphicon-certificate:before { content: "\e124"; } 
.glyphicon-thumbs-up:before { content: "\e125"; } 
.glyphicon-thumbs-down:before { content: "\e126"; } 
.glyphicon-hand-right:before { content: "\e127"; } 
.glyphicon-hand-left:before { content: "\e128"; } 
.glyphicon-hand-up:before { content: "\e129"; } 
.glyphicon-hand-down:before { content: "\e130"; } 
.glyphicon-circle-arrow-right:before { content: "\e131"; } 
.glyphicon-circle-arrow-left:before { content: "\e132"; } 
.glyphicon-circle-arrow-up:before { content: "\e133"; } 
.glyphicon-circle-arrow-down:before { content: "\e134"; } 
.glyphicon-globe:before { content: "\e135"; } 
.glyphicon-wrench:before { content: "\e136"; } 
.glyphicon-tasks:before { content: "\e137"; } 
.glyphicon-filter:before { content: "\e138"; } 
.glyphicon-briefcase:before { content: "\e139"; } 
.glyphicon-fullscreen:before { content: "\e140"; } 
.glyphicon-dashboard:before { content: "\e141"; } 
.glyphicon-paperclip:before { content: "\e142"; } 
.glyphicon-heart-empty:before { content: "\e143"; } 
.glyphicon-link:before { content: "\e144"; } 
.glyphicon-phone:before { content: "\e145"; } 
.glyphicon-pushpin:before { content: "\e146"; } 
.glyphicon-usd:before { content: "\e148"; } 
.glyphicon-gbp:before { content: "\e149"; } 
.glyphicon-sort:before { content: "\e150"; } 
.glyphicon-sort-by-alphabet:before { content: "\e151"; } 
.glyphicon-sort-by-alphabet-alt:before { content: "\e152"; } 
.glyphicon-sort-by-order:before { content: "\e153"; } 
.glyphicon-sort-by-order-alt:before { content: "\e154"; } 
.glyphicon-sort-by-attributes:before { content: "\e155"; } 
.glyphicon-sort-by-attributes-alt:before { content: "\e156"; } 
.glyphicon-unchecked:before { content: "\e157"; } 
.glyphicon-expand:before { content: "\e158"; } 
.glyphicon-collapse-down:before { content: "\e159"; } 
.glyphicon-collapse-up:before { content: "\e160"; } 
.glyphicon-log-in:before { content: "\e161"; } 
.glyphicon-flash:before { content: "\e162"; } 
.glyphicon-log-out:before { content: "\e163"; } 
.glyphicon-new-window:before { content: "\e164"; } 
.glyphicon-record:before { content: "\e165"; } 
.glyphicon-save:before { content: "\e166"; } 
.glyphicon-open:before { content: "\e167"; } 
.glyphicon-saved:before { content: "\e168"; } 
.glyphicon-import:before { content: "\e169"; } 
.glyphicon-export:before { content: "\e170"; } 
.glyphicon-send:before { content: "\e171"; } 
.glyphicon-floppy-disk:before { content: "\e172"; } 
.glyphicon-floppy-saved:before { content: "\e173"; } 
.glyphicon-floppy-remove:before { content: "\e174"; } 
.glyphicon-floppy-save:before { content: "\e175"; } 
.glyphicon-floppy-open:before { content: "\e176"; } 
.glyphicon-credit-card:before { content: "\e177"; } 
.glyphicon-transfer:before { content: "\e178"; } 
.glyphicon-cutlery:before { content: "\e179"; } 
.glyphicon-header:before { content: "\e180"; } 
.glyphicon-compressed:before { content: "\e181"; } 
.glyphicon-earphone:before { content: "\e182"; } 
.glyphicon-phone-alt:before { content: "\e183"; } 
.glyphicon-tower:before { content: "\e184"; } 
.glyphicon-stats:before { content: "\e185"; } 
.glyphicon-sd-video:before { content: "\e186"; } 
.glyphicon-hd-video:before { content: "\e187"; } 
.glyphicon-subtitles:before { content: "\e188"; } 
.glyphicon-sound-stereo:before { content: "\e189"; } 
.glyphicon-sound-dolby:before { content: "\e190"; } 
.glyphicon-sound-5-1:before { content: "\e191"; } 
.glyphicon-sound-6-1:before { content: "\e192"; } 
.glyphicon-sound-7-1:before { content: "\e193"; } 
.glyphicon-copyright-mark:before { content: "\e194"; } 
.glyphicon-registration-mark:before { content: "\e195"; } 
.glyphicon-cloud-download:before { content: "\e197"; } 
.glyphicon-cloud-upload:before { content: "\e198"; } 
.glyphicon-tree-conifer:before { content: "\e199"; } 
.glyphicon-tree-deciduous:before { content: "\e200"; } 
.glyphicon-cd:before { content: "\e201"; } 
.glyphicon-save-file:before { content: "\e202"; } 
.glyphicon-open-file:before { content: "\e203"; } 
.glyphicon-level-up:before { content: "\e204"; } 
.glyphicon-copy:before { content: "\e205"; } 
.glyphicon-paste:before { content: "\e206"; } 
/* The following 2 Glyphicons are omitted for the time being because*/
/* they currently use Unicode codepoints that are outside the*/
/* Basic Multilingual Plane (BMP). Older buggy versions of WebKit can't handle*/
/* non-BMP codepoints in CSS string escapes, and thus can't display these two icons.*/
/* Notably, the bug affects some older versions of the Android Browser.*/
/* More info: https://github.com/twbs/bootstrap/issues/10106 */
.glyphicon-door:before { content: "\1f6aa"; }
.glyphicon-key:before { content: "\1f511"; }
.glyphicon-alert:before { content: "\e209"; }
.glyphicon-equalizer:before { content: "\e210"; }
.glyphicon-king:before { content: "\e211"; }
.glyphicon-queen:before { content: "\e212"; }
.glyphicon-pawn:before { content: "\e213"; }
.glyphicon-bishop:before { content: "\e214"; }
.glyphicon-knight:before { content: "\e215"; }
.glyphicon-baby-formula:before { content: "\e216"; }
.glyphicon-tent:before { content: "\26fa"; }
.glyphicon-blackboard:before { content: "\e218"; }
.glyphicon-bed:before { content: "\e219"; }
.glyphicon-apple:before { content: "\f8ff"; }
.glyphicon-erase:before { content: "\e221"; }
.glyphicon-hourglass:before { content: "\231b"; }
.glyphicon-lamp:before { content: "\e223"; }
.glyphicon-duplicate:before { content: "\e224"; }
.glyphicon-piggy-bank:before { content: "\e225"; }
.glyphicon-scissors:before { content: "\e226"; }
.glyphicon-bitcoin:before { content: "\e227"; }
.glyphicon-btc:before { content: "\e227"; }
.glyphicon-xbt:before { content: "\e227"; }
.glyphicon-yen:before { content: "\00a5"; }
.glyphicon-jpy:before { content: "\00a5"; }
.glyphicon-ruble:before { content: "\20bd"; }
.glyphicon-rub:before { content: "\20bd"; }
.glyphicon-scale:before { content: "\e230"; }
.glyphicon-ice-lolly:before { content: "\e231"; }
.glyphicon-ice-lolly-tasted:before { content: "\e232"; }
.glyphicon-education:before { content: "\e233"; }
.glyphicon-option-horizontal:before { content: "\e234"; }
.glyphicon-option-vertical:before { content: "\e235"; }
.glyphicon-menu-hamburger:before { content: "\e236"; }
.glyphicon-modal-window:before { content: "\e237"; }
.glyphicon-oil:before { content: "\e238"; }
.glyphicon-grain:before { content: "\e239"; }
.glyphicon-sunglasses:before { content: "\e240"; }
.glyphicon-text-size:before { content: "\e241"; }
.glyphicon-text-color:before { content: "\e242"; }
.glyphicon-text-background:before { content: "\e243"; }
.glyphicon-object-align-top:before { content: "\e244"; }
.glyphicon-object-align-bottom:before { content: "\e245"; }
.glyphicon-object-align-horizontal:before { content: "\e246"; } 
.glyphicon-object-align-left:before { content: "\e247"; }
.glyphicon-object-align-vertical:before { content: "\e248"; }
.glyphicon-object-align-right:before { content: "\e249"; }
.glyphicon-triangle-right:before { content: "\e250"; }
.glyphicon-triangle-left:before { content: "\e251"; }
.glyphicon-triangle-bottom:before { content: "\e252"; }
.glyphicon-triangle-top:before { content: "\e253"; }
.glyphicon-console:before { content: "\e254"; }
.glyphicon-superscript:before { content: "\e255"; }
.glyphicon-subscript:before { content: "\e256"; }
.glyphicon-menu-left:before { content: "\e257"; }
.glyphicon-menu-right:before { content: "\e258"; }
.glyphicon-menu-down:before { content: "\e259"; }
.glyphicon-menu-up:before { content: "\e260"; }
[class^="icon-autos"] {
    font-weight: bold;
    font-size: 14px;
}
/*-------------------------------------------------------------------------------
------------------------------MENSAJE DE ERROR-----------------------------------
-------------------------------------------------------------------------------*/
.bVErrMsgContainer {
    width: auto;
    top: 0px;
    left: 0px;
    height: 0px;
    z-index: 9999;
}

.bvalidator_errmsg {
    background: var(--red-portal-exito);
    color: white;
    z-index: 2;
    padding: 0px 0px 0px 10px;
    width: auto;
    font-size: .6rem;
    line-height: .6rem;
    position: relative !important;
    cursor: pointer;
        left: 0px !important;
}
.bvalidator_errmsg > div {
    display: flex !important;
    padding: 2px;
    align-items: center;
}
.bvalidator_errmsg > div > div {
    display: block !important;
}
.bvalidator_errmsg em {
    font-style: normal;
}
.bvalidator_errmsg:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -10px;
    margin-top: 0px;
    width: 0;
    height: 0;
    border-top: 10px solid var(--red-portal-exito);
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    z-index: 3;
}

.bvalidator_errmsg .bvalidator_close_icon {
    padding: 2px 5px;
    background: white;
    color: var(--red-portal-exito);
    font-size: 1rem;
    margin-left: 6px;
    line-height: 15px;
    height: 22px;
}
.edad-niños div[atribute="select_ninos"], .edad-niños div[atribute="select_ninosPaquetes"]{
        display: flex;
    align-items: center;
    flex-wrap: wrap;
}

/*-------------------------------------------------------------------------------
------------------------------LISTADO DE CIUDADES--------------------------------
-------------------------------------------------------------------------------*/
.ui-menu.ui-widget.ui-widget-content {
    font-family: "Poppins", sans-serif;
    border: none;
    box-shadow: rgb(0 0 0 / 20%) 0px 2px 10px;
}
.ui-menu .ui-menu-item a {
    font-size: .8rem;
    margin: 0px 0px !important;
    cursor: pointer;
    display: block;
    border-bottom: 1px solid #adadad !important;
    color: #737373;
    padding: 7px !important;
}

.ui-menu .ui-menu-item span.icon-ida-regreso {
    font-size: 0.8rem;
}

.ui-menu .ui-menu-item a.ui-state-active {
    background: #e3e3e3;
    border: none;
    margin: 0px 0px !important;
}

.ui-menu .ui-menu-item a span.nts-text-secondary {
    font-size: .8rem;
}






/*-------------------------------------------------------------------------------
---------------------------------PASASJEROS--------------------------------------
-------------------------------------------------------------------------------*/

div.morePop.morePopHabitaciones {
    max-height: 360px;
    overflow-y: auto;
    overflow-x: hidden;
}
div.morePop{
    position: absolute;
    background: white;
    z-index: 1;
    box-shadow: rgb(0 0 0 / 20%) 0px 2px 10px;
    padding: 10px;
    width: 100%;
    max-width: 250px;
    bottom: auto;
    z-index: 2;
    min-height: 270px;
}
div.morePop.debajo {
    bottom: auto;
    top: auto;
}
div.morePop button.close {
    display: block !important;
    width: 20px;
    height: 20px;
    background: white;
    opacity: 1;
    color: var(--red-portal-exito);
    position: absolute;
    right: 6px;
    top: 6px;
}
div.morePop .container-fluid.items-pasajeros .col-7.col-sm-6 input {
    width: 20px;
    padding: 0px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    font-size: .8rem;
    background: #adadad3d;
    border: none;
}
div.morePop .container-fluid.items-pasajeros {
    margin: 10px 0px;
    border-bottom: 1px solid #adadad;
    padding: 5px 15px;
    position: relative;
}

div.morePop .container-fluid.items-pasajeros .col-7.col-sm-6 span.input-group-btn {
    height: 30px;
    line-height: 30px;
}

div.morePop .container-fluid.items-pasajeros .col-7.col-sm-6 span.input-group-btn button {
    padding: 0px 10px;
}
div.morePop button.close span {
    line-height: 6px;
    height: 5px;
    display: block;
}
div.morePop header h5, div.morePop .items-pasajeros h5 {
    font-weight: bold;
    font-size: 1rem;
    line-height: 1.2rem;
}
div.morePop div#txtHotelNumPassengers {
    margin-top: 0px !important;
    margin-bottom: 4px;
}

div.morePop .items-pasajeros div.edad-niños select {
    line-height: 24px;
    border-radius: 0px;
    border: none;
    width: 100%;
    font-size: .8rem;
    border-bottom: 1px solid #adadad;
    padding-right: 0px;
    margin-right: 0px !important;
}

div.morePop .items-pasajeros div.edad-niños select:last-child {
    border: none;
}
div.morePop .items-pasajeros div.edad-niños .contentSelectChildrensAges select{
    width: 100%;
}
div.morePop header {
    margin-bottom: 20px;
}
div.morePop .container-fluid.items-pasajeros strong {
    font-size: .8rem;
}

div.morePop .container-fluid.items-pasajeros span {
    font-size: .8rem;
}
div.morePop button.btn.btn-danger.bg--widget{
    background: var(--red-portal-exito) !important;
    border: none;
    border-radius: 0px;
    font-size: .8rem;
    width: 100%;
}
div.morePop button.btn.btn-danger.bg--widget:hover, div.morePop button.btn.btn-danger.bg--widget:active, div.morePop button.btn.btn-danger.bg--widget:focus{
    background: var(--red-portal-exito-hover) !important;
}
div.morePop button.btn.btn-danger.btn-danger--outline.bg--widget {
    background: none  !important;
    color:var(--red-portal-exito);
    border: none;
    border-radius: 0px;
    font-size: .8rem;
    width: 100%;
}
div.morePop button.btn.btn-danger.btn-danger--outline.bg--widget:hover {
    color: var(--red-portal-exito-hover);
}
div.morePop .container-fluid.items-pasajeros .close {
    position: absolute;
    right: 10px;
    top: 8px;
    opacity: 1;
}

div.morePop .container-fluid.items-pasajeros .close a {
    font-size: .8rem;
    color: var(--red-portal-exito);
}
/*-------------------------------------------------------------------------------
------------------------------CALENDARIO--------------------------------
-------------------------------------------------------------------------------*/

.ui-datepicker.ui-datepicker-multi {
    border: 0px;
    border-radius: 0px;
    z-index: 9999999999999999999999999999999999 !important;
}
.ui-datepicker-multi .ui-datepicker-buttonpane{
    display: none;
}
.ui-datepicker.ui-datepicker-multi .ui-datepicker-group .ui-datepicker-header.ui-widget-header {
    background: none;
    border-radius: 0px;
    border: none;
}

.ui-datepicker.ui-datepicker-multi .ui-datepicker-group .ui-datepicker-header.ui-widget-header a.ui-datepicker-prev {
    background: url(https://www.viajesexito.com/Portals/1/Skins/renovacion/widget/css/images/arrow_01.png) no-repeat center center;
    background-size: 10px;
    border: none;
    margin: 0px;
    top: 2px;
    left: 2px;
}

.ui-datepicker.ui-datepicker-multi .ui-datepicker-group .ui-datepicker-header.ui-widget-header a.ui-datepicker-prev.ui-state-hover,  {
    border: none;
    left: 2px;
    top: 2px;
}

.ui-datepicker.ui-datepicker-multi .ui-datepicker-group .ui-datepicker-header.ui-widget-header a.ui-corner-all span {
    display: none;
}

.ui-datepicker.ui-datepicker-multi .ui-datepicker-group .ui-datepicker-header.ui-widget-header a.ui-datepicker-next {
    background: url(https://www.viajesexito.com/Portals/1/Skins/renovacion/widget/css/images/arrow_02.png) no-repeat center center;
    background-size: 10px;
    border: none;
    margin: 0px;
    right: 2px;
    top: 2px;
}

.ui-datepicker.ui-datepicker-multi .ui-datepicker-group .ui-datepicker-header.ui-widget-header a.ui-datepicker-next.ui-state-hover,  {
    border: none;
    right: 2px;
    top: 2px;
}

button.ui-datepicker-close.ui-state-default {
    display: none;
}

table.ui-datepicker-calendar .ui-datepicker-multi .ui-datepicker-buttonpane {
    border: none;
}

table.ui-datepicker-calendar .ui-state-default, table.ui-datepicker-calendar .ui-widget-content .ui-state-default, table.ui-datepicker-calendar .ui-widget-header .ui-state-default {
    border-color: white !important;
    background: white !important;
}

table.ui-datepicker-calendar .ui-state-highlight, table.ui-datepicker-calendar .ui-widget-content .ui-state-highlight, table.ui-datepicker-calendar .ui-widget-header .ui-state-highlight, .ui-state-highlight a.ui-state-default, .ui-widget-content .ui-state-highlight a.ui-state-default, .ui-widget-header .ui-state-highlight a.ui-state-default{
    border-color: #e6e6e6 !important;
    background: #e6e6e6 !important;
}
table.ui-datepicker-calendar td.ui-datepicker-current-day[data-handler="selectDay"] .ui-state-active, table.ui-datepicker-calendar td .ui-state-default.ui-state-hover {
    background: var(--red-portal-exito) !important;
    color: white;
    border-color: var(--red-portal-exito) !important;
}
table.ui-datepicker-calendar .ui-state-default, table.ui-datepicker-calendar .ui-widget-content .ui-state-default, table.ui-datepicker-calendar .ui-widget-header .ui-state-default {
    text-align: center;
    font-size: 0.7rem;
    border-radius: 20px;
    padding: 0px;
    border: none;
}
table.ui-datepicker-calendar td.ui-datepicker-current-day[data-handler="selectDay"] {
    border-color: var(--red-portal-exito);
}
table.ui-datepicker-calendar .ui-datepicker th, table.ui-datepicker-calendar .ui-datepicker td, table.ui-datepicker-calendar .ui-datepicker td span, table.ui-datepicker-calendar .ui-datepicker td a {
    width: 20px;
    height: 38px;
    padding: 0px !important;
    border: none !important;
}
table.ui-datepicker-calendar tbody tr, table.ui-datepicker-calendar thead tr {
    display: flex;
}
table.ui-datepicker-calendar thead tr th {
    min-width: 38px;
    width: calc(100% / 7);
}
table.ui-datepicker-calendar td span, .ui-datepicker td a {
    width: 38px;
    line-height: 38px;
    height: 38px;
}
table.ui-datepicker-calendar td.ui-state-highlight + td[data-handler="selectDay"]:not(.ui-state-highlight){
    border-color: #e6e6e6 !important;
    background: #e6e6e6 !important;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    border-top-left-radius: initial;
    border-bottom-left-radius: initial;
}
table.ui-datepicker-calendar td.ui-datepicker-current-day, table.ui-datepicker-calendar td.ui-red{
    border-color: #e6e6e6 !important;
    background: #e6e6e6 !important;
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
    border-top-right-radius: initial;
    border-bottom-right-radius: initial;
}
table.ui-datepicker-calendar td.ui-datepicker-week-end.ui-datepicker-days-cell-over.ui-datepicker-current-day, table.ui-datepicker-calendar td.ui-datepicker-week-end.ui-red {
    border-color: #e6e6e6 !important;
    background: #e6e6e6 !important;
}
table.ui-datepicker-calendar td.ui-datepicker-week-end.ui-datepicker-days-cell-over.ui-datepicker-current-day, table.ui-datepicker-calendar td.ui-datepicker-week-end.ui-red {
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
    border-top-right-radius: initial;
    border-bottom-right-radius: initial;
}
table.ui-datepicker-calendar td.ui-state-highlight + td[data-handler="selectDay"]:not(.ui-state-highlight) a,  table.ui-datepicker-calendar td.ui-red a.ui-state-default, table.ui-datepicker-calendar td.ui-datepicker-unselectable.ui-state-disabled.ui-red span{
    background: var(--red-portal-exito) !important;
    border-color: var(--red-portal-exito) !important;
    color: white;
}
table.ui-datepicker-calendar td.ui-datepicker-unselectable.ui-state-disabled.ui-red {
    opacity: 1;
}
table.ui-datepicker-calendar tbody td {
    min-width: 38px;
    width: calc(100% / 7);
    height: 38px;
    border: none !important;
    padding: 0px !important;
}






div#netactica_booking_form #revolve {
        color: var(--red-portal-exito);
    position: absolute;
    left: calc(50% - 40px);
    top: calc(50% - 20px);
    margin: 0px;
    line-height: 0px;
    background: #ffffff;
    z-index: 2;
    width: 40px;
    height: 40px;
    padding: 10px;
    box-shadow: rgb(0 0 0 / 20%) 0px 0px 10px;
    border-radius: 50%;
    text-align: center;
    line-height: 24px;
    cursor: pointer;
    transition: all .5s;
}

div#netactica_booking_form #revolve span {
    color: var(--red-portal-exito) !important;
    position: relative !important;
    top: 0px !important;
    transform: none !important;
    left: 0px !important;
}

div#netactica_booking_form {
    max-width: 1300px;
    margin: 0px auto;
    display: block;
    font-family: "Poppins", sans-serif;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 10px;
    border-radius: 8px;
    width: 100%;
    background: white;
}
div#netactica_booking_form div[role="tabpanel"] > .container.container--tab {
    width: 100%;
    max-width: 100%;
    padding: 0px;
}
div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas .colWidgetMitad{
    width: 50%;
}
div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas .colWidget{
    width: 100%;
}
div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas .colWidget.SoloIdaWidth {
    width: 100%;
}
div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.col-12.bd-right.btn-widgets {
    max-width: none;
    flex: none;
    padding-right: 0px;
}
div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.col-12.bd-right.btn-widgets button.btn.btn-select {
    height: 60px;
    padding: 10px 30px 10px 0px;
    font-size: .8rem !important;
    outline: 0;
    box-shadow: none;
    border-radius: 0px;
    border: none;
    font-family: "Poppins", sans-serif;
    color: #545454;
    font-weight: 400 !important;
    opacity: 1;
    display: none;
}
div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.col-12.bd-right.btn-widgets button.btn.btn-select:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 13px;
    margin-top: -2px;
    width: 0;
    height: 0;
    border-top: 4px solid #000;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.col-12.bd-right.btn-widgets ul.dropdown-menu {
    margin: 0px;
    padding: 5px 10px;
    border-radius: 0px;
    border: none;
    font-size: .8rem;
    font-weight: 300;
    box-shadow: none;
    justify-content: center;
    display: flex;
    position: relative;
}
div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.col-12.bd-right.btn-widgets ul.dropdown-menu li {
    position: relative;
    padding: 10px 0px 10px 20px;
    border: none;
    margin: 0px 20px 0px 0px;
}
div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.col-12.bd-right.btn-widgets ul.dropdown-menu li:last-child{
    border-bottom: none;
}
div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.col-12.bd-right.btn-widgets ul.dropdown-menu li label {
    margin-bottom: 0px;
}
div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.col-12.bd-right.btn-widgets ul.dropdown-menu input, div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas.opciones-especiales label.checkbox-inline input{
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid #adadad;
    appearance: none;
    cursor: pointer;
}
div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.col-12.bd-right.btn-widgets ul.dropdown-menu input:checked, div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas.opciones-especiales label.checkbox-inline input:checked{
    background: var(--red-portal-exito);
    border: none;
}

div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas input, div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas select{
    border-radius: 0px;
    border: none;
    width: 100%;
    font-size: .8rem !important;
    height: 60px;
    color: #545454;
    background: white;
    padding: 0px;
    padding-left: 40px;
    z-index: 0;
    outline: 0;
    box-shadow: none;
    font-weight: 400 !important;
}
div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas input::placeholder, div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas select::placeholder {
    color:#545454 !important;
    font-weight:400 !important;
    font-size: .8rem !important;
}
div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas.opciones-especiales label.checkbox-inline span#opcionesEspecialesAction,
div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas.opciones-especiales label.checkbox-inline span#opcionesEspecialesActionMulti{
    cursor: pointer;
}
div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas input::placeholder{
    color:black;
}
div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas > .row > div {
    padding: 0px;
}
div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas {
    padding-right: 0px;
}
div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas > .row {
    margin-top: 0px !important;
    padding-right: 0px;
    width: 100%;
    margin: 0px;
}
div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas > .row.items-opciones-especiales {
    padding: 0px 14px;
    margin-bottom: 16px;
}
div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas > .row.pad-0 {
    width: 100%;
    margin: 0px;
}
div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas  span[class^="icon-"] {
    position: absolute;
    left: 6px;
    top: 50%;
    color: #adadad;
    z-index: 1;
    transform: translateY(-50%);
    z-index: 1;
    width: 30px;
    text-align: center;
}
div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas .form-group {
    margin-bottom: 0px;
    width: 100%;
}
div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas .input-group {
    position: relative;
}
div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas .input-group:hover {
    box-shadow: rgb(0 0 0 / 20%) 0px 2px 10px;
    transition: all .2s;
}
div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas .input-group:hover span[class^="icon-"] {
    color: var(--red-portal-exito);
    transition: all .2s;
}
div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas > .row > div.consultar {
    position: absolute;
    right: 0px;
    background: var(--red-portal-exito);
    color: white;
    z-index: 1;
    border-radius: 8px;
    margin-right: 10px;
}
div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas.opciones-especiales label.checkbox-inline i {
    font-size: 1rem;
    FONT-WEIGHT: 600;
    color: #464646;
}

div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas.opciones-especiales label.checkbox-inline i.fas.fa-angle-double-down.fa-angle-double-up {
    color: var(--red-portal-exito);
}
div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas > .row > div.consultar a {
    display: block;
    width: 54px;
    padding: 16px 16px 12px 16px;
    height: 60px;
    border-radius: 8px;
}
div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas > .row > div.consultar a span{
    color:white;
}
div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas > .row > div.consultar a p {
    display: none;
    padding: 20px;
}

div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas > .row > div.consultar span.icon-search {
    font-size: 1.5rem;
    width: auto;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas .colWidget.colWidget-passengers {
    width: 100%;
}
div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas .colWidget.colWidget-passengers label.txtNumPassengers {
    display: flex;
    margin: 0px;
    font-size: .8rem;
    line-height: 60px;
    padding-left: 20px;
    color: #545454;
}

div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas .colWidget.colWidget-passengers label.txtNumPassengers input {
    padding: 0px;
    width: 20px;
    text-align: center;
    height: 60px;
}

div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas .form-group {
    margin-bottom: 0px;
}
div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas span.icon-pasajero {
    position: relative;
    width: 20px;
    height: 16px;
    top: 30px;
    left: 0px;
}
div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas .input-group:before, div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.col-12.bd-right.btn-widgets button.btn.btn-select:before, a#addNewTravel:after{
    content: " ";
    height: 34px;
    border-left: solid 1px #adadad !important;
    position: absolute;
    right: 0px;
    top: calc(50% - 17px);
    z-index: 1;
}
div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas .colWidget.colWidget-passengers .mipasajero {
    overflow: auto !important;
    height: auto !important;
    width: 100% !important;
    opacity: 1 !important;
    display: block !important;

}
div#AirFlightsMT h3 {
    width: 200%;
    font-size: 1rem;
}

div#netactica_booking_form div[role="tabpanel"] div#AirFlightsMT .airBoxM {
    padding-right: 0px !important;
    border-bottom: solid 1px #adadad;
    margin: 23px 0px !important;
}
div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas > .row > div#visibleMultidestino.consultar{
    position: relative;
    right: 0px;
    margin: 0px;
}
div#AirFlightsMT {
    margin-right: 45px;
}
div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas > .row > div#visibleMultidestino.consultar a {
    width: 100%;
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas > .row > div#visibleMultidestino.consultar a p {
    display: block;
    padding: 0px;
    margin-bottom: 0px;
}

div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas > .row > div#visibleMultidestino.consultar a span.icon-search {
    position: relative;
    right: 0px;
    transform: none;
    left: 0px;
    top: 0px;
    margin-left: 10px;
}
div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas .habitacionesBox input {
    padding: 0px;
    text-align: center;
    width: 13px;
    display: inline-block;
    
}

div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas .habitacionesBox .input-group {
    line-height: 60px;
    font-size: .8rem !important;
    text-align: left;
    display: inline-block;
    padding-left: 20px;
    color: #545454;
    font-weight: 400 !important;
}

div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas .habitacionesBox span[class^="icon-"] {
    position: relative;
    transform: none;
    top: 2px;
    left: 0px;
    height: 20px;
    text-align: center;
    margin: 0px 4px 0px 0px;
}

div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas .habitacionesBox, div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas .habitacionesBox .form-group.has-feedback{
    width: 100%;
}

a#addNewTravel:before {
    content: "+";
    width: 30px;
    height: 30px;
    background: var(--red-portal-exito);
    position: absolute;
    line-height: 30px;
    color: white;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}

a#addNewTravel {
    color: black;
    font-size: 0.7rem;
    display: block;
    line-height: 60px;
    margin-top:0px !important;
}


.removeRowButton {
    margin: 0px;
    z-index: 9;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
}
.removeRowButton a {
    display: block;
    background-position: center;
    box-shadow: 0px 2px 10px rgb(0 0 0 / 20%);
    border-radius: 50px;
    margin-left: 5px;
    background: url(https://www.viajesexito.com/Portals/1/widget-vex/img/small-delete.png) no-repeat center center;
    cursor: pointer;
    padding: 14px;
}
div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas .quitar-before .input-group:before {
    display: none;
}

div#netactica_booking_form .descripcion-widget .titulo-widget {
    font-size: 1.6rem;
    font-weight: 700;
    color: #505050;
    margin: 16px 0px 2px 0px;
}
div#netactica_booking_form .descripcion-widget .descripcion {
    margin-bottom: 6px;
    font-size: .9rem;
    display: none;
}
.border-bottom-new {
    border-bottom: 1px solid #adadad;
    padding-bottom: 10px;
    margin-bottom: 10px !important;
}
div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas.opciones-especiales label.checkbox-inline {
    display: flex;
    font-size: .8rem;
    justify-content: center;
    align-items: center;
    margin-right: 20px;
    position: relative;
    padding-left: 20px;
    margin-bottom: 0px;
    color: #545454;
    font-weight: 400;

}
div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas.opciones-especiales > div > div:nth-child(1) {
    display: none;
}

div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas.opciones-especiales > div {
    padding: 10px 20px;
}
div#opcionesEspecialesActionLabel, div#opcionesEspecialesActionLabelMulti {
    justify-content: flex-start;
    align-items: baseline;
    align-content: center;
    display: flex;
}
div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas.opciones-especiales > .col-xs-12.col-sm-12.col-md-12.d-flex {
    
    align-items: center;
    align-content: center;
    justify-content: left;
}


div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas.opciones-especiales label.checkbox-inline input {
    width: 14px;
    height: 14px;
    margin-right: 6px;
    min-width: 0px;
    padding: 0px;
    cursor: pointer;

}
div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas.opciones-especiales label.checkbox-inline span {
    font-size: .8rem;
    margin-left: 5px;
    color: #545454;
    font-weight: 400;
}

div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas.opciones-especiales {
    margin-bottom: 6px;
}
article#widget {
    background: white;
    border-radius: 10px;
    margin-bottom: 50px;
    margin: 0px auto;
    width: 100%;
    max-width: 1200px;
}
div[atribute*="select_ninos"] {
    flex-wrap: wrap;
}

div[atribute*="select_ninos"] > div > select {
    border: none;
    border-radius: 0px;
    border-bottom: 1px solid #787878;
    width: 96% !important;
}
@media only screen and (min-width: 1200px){
    div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas input.codigo-promocional {
        height: 40px;
    }


    div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas > .row {
        padding-right: 64px !important;
    }
    div#opcionesEspecialesActionLabel, div#opcionesEspecialesActionLabelMulti {
        justify-content: center;
        align-items: center;
        align-content: center;
        display: flex;
    }
}






@media only screen and (max-width: 1200px){
 
    #buscador {
        display: block;
        background: white;
        border-radius: 15px;
        color: #545454;
        font-size: 1rem;
        font-weight: 700;
        margin: 0px auto;
        padding: 0.8rem 2rem 0.8rem 1rem;
        position: relative;
        box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);
        font-family: "Poppins", sans-serif;
        width: calc(100% - 24px);
    }
    #buscador span {
        color: var(--red-portal-exito);
        font-size: 1.25rem;
        position: absolute;
        right: 10px;
        top: 14px;
    }
    .ui-menu.ui-widget.ui-widget-content{
        z-index: 99999999999999999999;
    }
    .ui-datepicker-multi .ui-datepicker-buttonpane {
        display: block;
    }
    div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas > .row > div {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
        display: block;
    }

    div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas > .row > div .d-md-flex {
        display: block !important;
    }
    div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.col-12.bd-right.btn-widgets .itm {
        width: 100%;
    }
    [class^="icon-autos"] {
        font-size: 12px;
        font-weight: bold;
    }
    .container-fluid.descripcion-widget {
        margin-bottom: 10px;
        margin-top: 10px;
        transform: none;
    }
    article#widget {
         background: white;
         position: fixed;
         left: 0;
         top: 0;
         height: 100%;
         width: 100%;
         z-index: 99;
         transition: all .5s;
         -webkit-overflow-scrolling: touch;
          overflow: auto;
          padding-bottom: 20px;
          transform: none;
          margin: 0px;
          border-radius: 0px;
    }
     article#widget.active {
         left: 100%;
    }
     article#widget .info img {
         width: 30%;
         display: block;
         margin: 3.125rem auto 1.25rem;
         max-width: 200px;
    }
     article#widget .info h4 {
         color: #545454;
        font-size: 1.15rem;
        font-weight: 700;
        line-height: 1.15rem;
        margin-bottom: .5rem;
        text-align: center;
    }
     article#widget .info p {
         color: #545454;
         font-size: 0.875rem;
         font-weight: 400;
         line-height: 1rem;
         text-align: center;
         margin-bottom: .5rem;
    }
    
    div#netactica_booking_form ul#myTab {
        position: relative;
        transform: none;
        max-width: 340px;
        margin: 0px auto;
        width: auto;
        display: flex;
        justify-content: center;
        box-shadow: 0px 2px 6px rgb(0 0 0 / 10%);
    }

    div#netactica_booking_form ul#myTab li {
        max-width: calc(100% / 5);
        width: calc(100% / 5);
    }

    div#netactica_booking_form ul#myTab li a {
        display: block;
        text-align: center;
        padding: 6px;
        height: auto;
    }

    div#netactica_booking_form ul#myTab li a i {
        margin: 0px auto;
        width: 100%;
        display: block;
        font-size: 1rem;
        line-height: 1rem;
    }

    div#netactica_booking_form {
        box-shadow: none;
        max-width: 600px;
    }
    div#netactica_booking_form ul#myTab li a span {
        font-size: .6rem;
        line-height: .6rem;
        display: block;
        margin-top: 4px;
        margin-bottom: 4px;
    }


    div#netactica_booking_form div.tab-content {
        max-width: 90%;
        width: 100%;
        margin: 0px auto;
    }

    div#netactica_booking_form .descripcion-widget .titulo-widget {
        margin-top: 6px;
        font-size: 1.2rem;
    }

    div#netactica_booking_form .descripcion-widget .descripcion {
        font-size: 0.6rem;
        line-height: .7rem;
    }

    div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.col-12.bd-right.btn-widgets ul.dropdown-menu {
        position: relative;
        display: flex;
        float: none;
        width: 100%;
        padding: 0px;
        margin: 0px auto 10px auto;
    }

    div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.col-12.bd-right.btn-widgets button.btn.btn-select {
        display: none;
    }

    div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.col-12.bd-right.btn-widgets {
        width: 100%;
        padding: 0px;
    }

    div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.col-12.bd-right.btn-widgets ul.dropdown-menu li {
        width: 100%;
        border: none;
        padding: 0px;
        display: block;
        position: relative;
        margin: 0px;
    }

    div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.col-12.bd-right.btn-widgets ul.dropdown-menu input {
        display: none;
    }

    div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.col-12.bd-right.btn-widgets ul.dropdown-menu li label {
        font-size: .6rem;
        text-align: center;
        width: 100%;
        line-height: .8rem;
        display: block;
        padding: 12px 0px;
        transition: background .3s;
    }

    div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.col-12.bd-right.btn-widgets ul.dropdown-menu li:before {
        content: " ";
        height: 25px;
        width: 1px;
        background: #adadad;
        position: absolute;
        right: 0px;
        top: calc(50% - 12px);
        filter: none;
    }

    div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.col-12.bd-right.btn-widgets ul.dropdown-menu li:last-child:before {
        display: none;
    }

    div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.col-12.bd-right.btn-widgets ul.dropdown-menu li label.active {
        background: #e1e1e1;
    }
    div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas > .row > div.consultar a {
        width: 100%;
        display: flex;
        justify-content: center;
        padding: 10px;
        height: auto;
    }
    .div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas > .row > div.consultar:hover {
         background: var(--red-portal-exito-hover) !important;
    }

    div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas > .row > div.consultar {
        position: relative;
        width: 100%;
    }

    div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas > .row > div.consultar a p {
        display: block;
        margin: 0px;
        padding: 0px;
        font-size: .8rem;
    }

    div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas > .row > div.consultar span.icon-search {
        transform: none;
        left: auto;
        right: auto;
        top: 0px;
        position: relative;
        margin-left: 10px;
        font-size: 1rem;
        line-height: 1.4rem;
    }
    div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas .colWidgetMitad {
        width: 100%;
        display: block;
    }

    div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas .input-group:before {
        display: none;
    }

    div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas .colWidgetMitad, div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas .colWidget {
        background: white;
        box-shadow: rgb(0 0 0 / 10%) 0px 2px 6px;
        margin: 0px 0px 10px 0px;
    }

    div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas {
        margin: 0px;
        padding: 0px;
    }

    div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas input, div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas select {
        height: 46px;
        font-size: .7rem !important;
    }
    div#netactica_booking_form #revolve {
        left: auto;
        right: 10px;
    }
    div#netactica_booking_form #revolve {
        left: auto;
        right: 10px;
    }

    div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas .colWidget.colWidget-passengers label.txtNumPassengers {
        font-size: .7rem;
        line-height: 46px;
    }

    div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas .colWidget.colWidget-passengers label.txtNumPassengers input {
        height: 46px;
    }

    div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas span.icon-pasajero {
        top: 24px;
    }
    
    .cerrar, div#ui-datepicker-div button.ui-datepicker-close, button#closemorePop {
        position: fixed;
        left: 10px;
        top: 10px;
        color: #fff !important;
        background: var(--red-portal-exito) !important;
        border-radius: 50%;
        display: block;
        font-size: 10px;
        font-weight: 700 !important;
        width: 28px;
        height: 28px;
        text-align: center !important;
        line-height: 31px;
        z-index: 1;
        margin: 0px;
        outline: 0;
        border: none;
    }
    article#widget  a.cerrar.d-xl-none{
        display: none;
    }
    div#ui-datepicker-div button.ui-datepicker-close:before, button#closemorePop:before{
        content: "\e91c";
        font-family: 'icomoon' !important;
        speak: never;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        top: 9px;
        color: white;
        font-weight: 700 !important;
        left: calc(50% - 5px);
        font-size: 11px;
    }
    div#ui-datepicker-div button.ui-datepicker-close {
        color: var(--red-portal-exito) !important;
    }
    .cerrar span {
        font-size: 12px;
    }
    div#ui-datepicker-div.ui-datepicker-multi {
        overflow-y: auto;
    }
    .ui-widget-header .ui-state-disabled {
        display: none !important;
    }
    div#ui-datepicker-div {
        width: 100% !important;
        top: 0px !important;
        left: 0px !important;
        z-index: 9999 !important;
        height: 100%;
        padding-top: 50px;
    }

    div#ui-datepicker-div .ui-datepicker-group {
        width: 100%;
        max-width: 300px;
        margin: 0px auto;
        display: block;
        float: none;
    }

    .ui-datepicker .ui-datepicker-buttonpane {
        border: none;
    }
    div.morePop {
        position: fixed;
        left: 0px !important;
        top: 0px !important;
        height: 100%;
        z-index: 99999999;
        transform: none;
        max-width: 100%;
        padding: 50px 20px 0px 20px;
        max-height: 100% !important;
    }
    button#closemorePop span {
        display: none;
    }

    div.morePop .container-fluid {
        padding: 0px;
    }

    div.morePop .container-fluid.items-pasajeros .col-7.col-sm-6 input {
        width: 20px;
        display: block;
        flex: 0 0 20px;
    }

    div.morePop .container-fluid.items-pasajeros .col-7.col-sm-6 .input-group {
        justify-content: flex-end;
    }
    div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas.opciones-especiales > div {
        padding: 0px 10px !important;
    }
    .col-12.caracteristicas.col-md.bd-righ.opciones-especiales > .d-flex {
        display: block !important;
    }
    div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas.opciones-especiales label.checkbox-inline {
        text-align: left;
        justify-content: left;
        padding: 0px;
        margin: 10px 0px;
    }
    div#opcionesEspecialesActionLabel > .col-xs-12.col-sm-12.col-md-3.pad-left-0 {
        padding: 0px;
    }
    div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas.opciones-especiales {
        padding: 0px 10px;
    }
    div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas.opciones-especiales label.checkbox-inline input {
        position: relative;
        transform: none;
    }
    div#ui-datepicker-div button.ui-datepicker-close {
        font-size: 0px;
    }

    div#AirFlightsMT .airBoxM.row.row-medium-gutters > div {
        box-shadow: rgb(0 0 0 / 10%) 0px 2px 6px;
        margin-bottom: 10px;
    }
    a#addNewTravel span {
        padding-left: 20px;
        font-size: .7rem;
    }

    a#addNewTravel {
        line-height: 46px;
    }

    a#addNewTravel:after {
        display: none;
    }
    div#AirFlightsMT .airBoxM.row.row-medium-gutters > div .colWidget.colWidget-passengers.pasajeroClase {
        margin-bottom: 0px;
    }
    div#netactica_booking_form div[role="tabpanel"] > .container.container--tab div.caracteristicas .habitacionesBox .input-group {
        line-height: 46px;
        font-size: .7rem;
    }
    div#netactica_booking_form div[role="tabpanel"] div#AirFlightsMT .airBoxM:last-child {
        border: none;
    }

    div#netactica_booking_form div[role="tabpanel"] div#AirFlightsMT .airBoxM {
        padding-right: 0px !important;
        border-bottom: solid 1px #adadad;
        margin: 23px 0px 0px 0px !important;
    }
}