﻿body {
    background-color: #E6DFD2;
    height: 100%;
    width: 100%;
    position: relative;
    font-family: Tahoma, Verdana;
}


/*#HeaderRoundtrips {
    height: 40em;
}*/

.carousel-height {
    max-height: 40em;
    overflow: hidden;
}

.carousel-thin-height {
    max-height: 17em !important;
    overflow: hidden;
}

/* FONT-COLORS */
.font-custom-color {
    color: #3a90c7;
}

.font-custom-secondary-color {
    color: #FFA726;
}

.font-yellow {
    color: #FFA726;
}

.font-gray {
    color: gray;
}

.font-red {
    color: red;
}

.font-black {
    color: #000000;
}

.font-blue {
    color: #0073b1;
}

.font-light-blue {
    color: #1EBEF0;
}

.font-magenta {
    color: #D40F7D;
}

.font-white {
    color: white;
}

/* FONT WEIGHT */
.font-weight-100 {
    font-weight: 100;
}

.font-weight-200 {
    font-weight: 200;
}

.font-weight-300 {
    font-weight: 300;
}

.font-weight-400 {
    font-weight: 400;
}

.font-weight-500 {
    font-weight: 500;
}

.font-weight-600 {
    font-weight: 600;
}

.font-weight-700 {
    font-weight: 700;
}

.font-weight-800 {
    font-weight: 800;
}

.font-weight-900 {
    font-weight: 900;
}

/*BACKGROUNDS*/
.bg-yellow-translucent {
    background-color: rgba(255,167,38, 0.6);
}

.bg-yellow {
    background-color: #FFA726;
}

.bg-blue {
    background-color: #0072CE;
}

.bg-purple {
    background-color: #790297;
}

.bg-lightpurple {
    background-color: #e0d9e8;
}

.bg-beige {
    background-color: #AE9A87;
}

.bg-lightbeige {
    background-color: #f7f6f4;
}

.bg-darkbeige {
    background-color: #d4d1c3;
}

.bg-gray {
    background-color: #b9b9b9;
}

.bg-black {
    background-color: #000;
}


.bg-form {
    background-color: #F3F1ED;
    border: #E6DFD2 1px solid;
}



.bg-blue-translucent {
    background-color: rgba(0,100,220, 0.6);
}

.bg-blue {
    background-color: rgba(0,100,220, 1);
}

.bg-custom-color {
    background-color: #447BBA;
}

.bg-custom-secondary-color {
    background-color: #000;
}



/*.bg-custom-secondary-color {
    background-color: #ff9900 !important;
    color: white !important;
}

    .bg-custom-secondary-color:hover {
        background-color: #cc7a00 !important;
        color: white !important;
    }

    .bg-custom-secondary-color.active {
        background-color: #FFA726 !important;
        color: white !important;
    }*/


.bg-green {
    background-color: rgba(67, 80, 32, 1) !important;
    color: white !important;
}

    .bg-green:hover {
        background-color: rgba(67, 96, 32, 1) !important;
        color: white !important;
    }

    .bg-green.active {
        background-color: rgba(119, 169, 57, 1) !important;
        color: white !important;
    }

.bg-green-link {
    background-color: rgba(119, 169, 57, 1);
}

    .bg-green-link:hover {
        background-color: #EE7619;
    }

.bg-green-translucent {
    background-color: rgba(119, 169, 57, 0.9);
    border-color: rgba(67, 96, 32, 0.9) !important;
}

.bg-green-translucent-tabs {
    background-color: rgba(119, 169, 57, 0.6) !important;
    border-color: rgba(67, 96, 32, 0.6) !important;
}

    .bg-green-translucent-tabs:hover, .bg-green-translucent-tabs.active:hover {
        background-color: rgba(67, 96, 32, 0.9) !important;
        border-color: rgba(16, 23, 7, 0.9) !important;
    }

    .bg-green-translucent-tabs.active {
        background-color: rgba(119, 169, 57, 0.9) !important;
        border-color: rgba(67, 96, 32, 0.9) !important;
    }

.bg-white {
    background-color: white;
}

.bg-white-translucent {
    background-color: rgba(255,255,255,0.8) !important;
}

.bg-pink {
    background-color: #CB2B54;
}

.bg-pink-translucent {
    background-color: rgba(203, 43, 84, 0.8);
}

.bg-purple-translucent {
    background-color: rgba(114, 40, 69, 0.8);
}

.bg-orange-translucent {
    background-color: rgba(228, 125, 89, 0.8);
}

.bg-darkgray {
    background-color: #C7B299;
}

.bg-darkgray-translucent {
    background-color: rgba(199, 178,153,0.8);
}

.bg-lightgray {
    background-color: lightgray;
}

.bg-customgray {
    background-color: #E3E3E3;
}

.bg-facebook {
    color: #3A5BA2;
    cursor: pointer;
}

.bg-twitter {
    color: #1EBEF0;
    cursor: pointer;
}

.bg-youtube {
    color: #E03030;
    cursor: pointer;
}

.bg-rssfeed {
    color: #FFA726;
    cursor: pointer;
}

.bg-wordpress {
    color: #3A5BA2;
    cursor: pointer;
}

    .bg-facebook:hover, .bg-twitter:hover, .bg-youtube:hover, .bg-rssfeed:hover, .bg-wordpress:hover {
        opacity: 0.7;
        cursor: pointer;
    }


/*BACKGROUNDS*/

/* BUTTONS */
.btn-custom-color {
    color: #fff;
    background-color: #0072CE;
    border-color: #0062b3;
}

    .btn-custom-color:focus,
    .btn-custom-color.focus {
        color: #fff;
        background-color: #0062b3;
        border-color: #005499;
    }

    .btn-custom-color:hover {
        color: #fff;
        background-color: #0062b3;
        border-color: #005499;
    }

    .btn-custom-color:active,
    .btn-custom-color.active,
    .open > .dropdown-toggle.btn-custom-color {
        color: #fff;
        background-color: #0062b3;
        border-color: #005499;
    }

        .btn-custom-color:active:hover,
        .btn-custom-color.active:hover,
        .open > .dropdown-toggle.btn-custom-color:hover,
        .btn-custom-color:active:focus,
        .btn-custom-color.active:focus,
        .open > .dropdown-toggle.btn-custom-color:focus,
        .btn-custom-color:active.focus,
        .btn-custom-color.active.focus,
        .open > .dropdown-toggle.btn-custom-color.focus {
            color: #fff;
            background-color: #0062b3;
            border-color: #005499;
        }

    .btn-custom-color:active,
    .btn-custom-color.active,
    .open > .dropdown-toggle.btn-custom-color {
        background-image: none;
    }

    .btn-custom-color.disabled:hover,
    .btn-custom-color[disabled]:hover,
    fieldset[disabled] .btn-custom-color:hover,
    .btn-custom-color.disabled:focus,
    .btn-custom-color[disabled]:focus,
    fieldset[disabled] .btn-custom-color:focus,
    .btn-custom-color.disabled.focus,
    .btn-custom-color[disabled].focus,
    fieldset[disabled] .btn-custom-color.focus {
        background-color: #1a98ff;
        border-color: #008cff;
    }

    .btn-custom-color .badge {
        color: #1a98ff;
        background-color: #fff;
    }

.btn-custom-secondary-color {
    color: #fff;
    background-color: #FFA726;
    border-color: #ff9900;
}

    .btn-custom-secondary-color:focus,
    .btn-custom-secondary-color.focus {
        color: #fff;
        background-color: #ff9900;
        border-color: #cc7a00;
    }

    .btn-custom-secondary-color:hover {
        color: #fff;
        background-color: #ff9900;
        border-color: #cc7a00;
    }

    .btn-custom-secondary-color:active,
    .btn-custom-secondary-color.active,
    .open > .dropdown-toggle.btn-custom-secondary-color {
        color: #fff;
        background-color: #ff9900;
        border-color: #cc7a00;
    }

        .btn-custom-secondary-color:active:hover,
        .btn-custom-secondary-color.active:hover,
        .open > .dropdown-toggle.btn-custom-secondary-color:hover,
        .btn-custom-secondary-color:active:focus,
        .btn-custom-secondary-color.active:focus,
        .open > .dropdown-toggle.btn-custom-secondary-color:focus,
        .btn-custom-secondary-color:active.focus,
        .btn-custom-color.active.focus,
        .open > .dropdown-toggle.btn-custom-secondary-color.focus {
            color: #fff;
            background-color: #ff9900;
            border-color: #cc7a00;
        }

    .btn-custom-secondary-color:active,
    .btn-custom-secondary-color.active,
    .open > .dropdown-toggle.btn-custom-secondary-color {
        background-image: none;
    }

    .btn-custom-secondary-color.disabled:hover,
    .btn-custom-secondary-color[disabled]:hover,
    fieldset[disabled] .btn-custom-secondary-color:hover,
    .btn-custom-secondary-color.disabled:focus,
    .btn-custom-secondary-color[disabled]:focus,
    fieldset[disabled] .btn-custom-secondary-color:focus,
    .btn-custom-secondary-color.disabled.focus,
    .btn-custom-secondary-color[disabled].focus,
    fieldset[disabled] .btn-custom-secondary-color.focus {
        background-color: #ffcc80;
        border-color: #ffb84d;
    }

    .btn-custom-secondary-color .badge {
        color: #ffcc80;
        background-color: #fff;
    }

.btn-gray {
    color: #fff;
    background-color: #A9A9A9;
    border-color: #8c8c8c;
}

    .btn-gray:focus,
    .btn-gray.focus {
        color: #fff;
        background-color: #8c8c8c;
        border-color: #737373;
    }

    .btn-gray:hover {
        color: #fff;
        background-color: #8c8c8c;
        border-color: #737373;
    }

    .btn-gray:active,
    .btn-gray.active,
    .open > .dropdown-toggle.btn-gray {
        color: #fff;
        background-color: #8c8c8c;
        border-color: #737373;
    }

        .btn-gray:active:hover,
        .btn-gray.active:hover,
        .open > .dropdown-toggle.btn-gray:hover,
        .btn-gray:active:focus,
        .btn-gray.active:focus,
        .open > .dropdown-toggle.btn-gray:focus,
        .btn-gray:active.focus,
        .btn-gray.active.focus,
        .open > .dropdown-toggle.btn-gray.focus {
            color: #fff;
            background-color: #8c8c8c;
            border-color: #737373;
        }

    .btn-gray:active,
    .btn-gray.active,
    .open > .dropdown-toggle.btn-gray {
        background-image: none;
    }

    .btn-gray.disabled:hover,
    .btn-gray[disabled]:hover,
    fieldset[disabled] .btn-gray:hover,
    .btn-gray.disabled:focus,
    .btn-gray[disabled]:focus,
    fieldset[disabled] .btn-gray:focus,
    .btn-gray.disabled.focus,
    .btn-gray[disabled].focus,
    fieldset[disabled] .btn-gray.focus {
        background-color: #bfbfbf;
        border-color: #b3b3b3;
    }

    .btn-gray .badge {
        color: #bfbfbf;
        background-color: #fff;
    }



.btn-black {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}

    .btn-black:focus,
    .btn-black.focus {
        color: #fff;
        background-color: #333333;
        border-color: #1a1a1a;
    }

    .btn-black:hover {
        color: #fff;
        background-color: #333333;
        border-color: #1a1a1a;
    }

    .btn-black:active,
    .btn-black.active,
    .open > .dropdown-toggle.btn-black {
        color: #fff;
        background-color: #333333;
        border-color: #1a1a1a;
    }

        .btn-black:active:hover,
        .btn-black.active:hover,
        .open > .dropdown-toggle.btn-black:hover,
        .btn-black:active:focus,
        .btn-black.active:focus,
        .open > .dropdown-toggle.btn-black:focus,
        .btn-black:active.focus,
        .btn-black.active.focus,
        .open > .dropdown-toggle.btn-black.focus {
            color: #fff;
            background-color: #333333;
            border-color: #1a1a1a;
        }

    .btn-black:active,
    .btn-black.active,
    .open > .dropdown-toggle.btn-black {
        background-image: none;
    }

    .btn-black.disabled:hover,
    .btn-black[disabled]:hover,
    fieldset[disabled] .btn-black:hover,
    .btn-black.disabled:focus,
    .btn-black[disabled]:focus,
    fieldset[disabled] .btn-black:focus,
    .btn-black.disabled.focus,
    .btn-black[disabled].focus,
    fieldset[disabled] .btn-black.focus {
        background-color: #4d4d4d;
        border-color: #3d3d3d;
    }

    .btn-black .badge {
        color: #bfbfbf;
        background-color: #fff;
    }

/* BUTTONS*/


/*SELECTS*/

.numberinput {
    overflow: hidden;
    height: 40px;
    position: relative;
    display: block;
    content: "\f0dc";
}

    .numberinput:after {
        font-family: 'FontAwesome';
        content: "\f0dc";
        font-size: 14px;
        color: #fff;
        padding: 8px 8px;
        height: 34px;
        width: 35px;
        position: absolute;
        right: 2px;
        top: 2px;
        background: #5BBCE6;
        z-index: 1;
        text-align: center;
        border-radius: 0 4px 4px 0;
        pointer-events: none;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    /*MODALES*/

    .modal-header {
        background-color: #447BBA;
        color: white;
        border: none;
    }

/*BOTONES*/

.close {
    color: white;
}

.close:hover {
    color: #EE7619;
}

.btn-login-nav {
    margin-top: 10px;
    font-size: 10px;
    float: right;
    margin-right: 10px;
}

.btn-side-orange {
    background-color: #A65211;
    color: white;
    cursor: pointer;
}

    .btn-side-orange:hover {
        background-color: #EE7619;
        color: white;
        cursor: pointer;
    }

.btn-side-orange-title {
    background-color: #EE7619;
    color: white;
    cursor: default !important;
}

.btn-orange {
    background-color: #EE7619;
    color: white;
}

    .btn-orange:hover {
        background-color: #A65211;
        color: white;
    }

.btn-side-green {
    background-color: #7CB342;
    color: white;
    padding-top: 7px !important;
}

    .btn-side-green:hover {
        background-color: #567D2E;
        color: white;
    }

.btn-side-blue, .bg-blue {
    background-color: #447BBA;
    color: white;
}

    .btn-side-blue:hover {
        background-color: #28496F;
        color: white;
    }

.btn-side-pink, .bg-pink {
    background-color: #CB2B54;
    color: white;
}

    .btn-side-pink:hover {
        background-color: #8c1735;
        color: white;
    }

.btn-caption {
    max-height: 40px;
}

.btn-reverse-blue {
    color: #447BBA;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

    .btn-reverse-blue:hover {
        color: #f8f9fa;
        background-color: #447BBA;
        border-color: #447BBA;
    }

.btn-reverse-green {
    color: #7CB342;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

    .btn-reverse-green:hover {
        color: #f8f9fa;
        background-color: #7CB342;
        border-color: #7CB342;
    }


/*FONT-COLORS*/
.font-white {
    color: white !important;
}

.font-white-link {
    color: white;
    text-decoration: none;
}

    .font-white-link:hover {
        color: lightgray;
        text-decoration: none;
    }

    
.font-white-link-blue {
    color: white;
    text-decoration: none;
}

    .font-white-link-blue:hover {
        color: #447BBA;
        text-decoration: none;
    }

.font-darkblue {
    color: #1B1464 !important;
}

.font-blue {
    color: #447BBA;
}

.font-green {
    color: #7CB342;
}

    .font-green:hover {
        color: #4a6b27;
        text-decoration: none !important;
    }

.font-orange {
    color: #EE7619;
}

.font-gray {
    color: gray;
}

.font-lightgray {
    color: lightgray;
}

.font-pink {
    color: #CB2B54;
}

.price {
    color: #0073b1;
    font-size: 16px;
    font-weight: bold;
}

.oculto {
    display: none;
}

/*FONT-SIZES*/
.font-size-10 {
    font-size: 10px;
}

.font-size-11 {
    font-size: 11px;
}

.font-size-12 {
    font-size: 12px;
}

.font-size-13 {
    font-size: 13px;
}

.font-size-14 {
    font-size: 14px;
}

.font-size-15 {
    font-size: 15px;
}

.font-size-16 {
    font-size: 16px !important;
}

.font-size-20 {
    font-size: 20px;
}

.font-size-25 {
    font-size: 25px;
}

.font-size-50 {
    font-size: 50px;
}

.font-caption-h2 {
    font-size: 2rem;
}

.font-caption-h4 {
    font-size: 1.5rem;
}

.font-caption-span-25 {
    font-size: 25px;
}

.font-caption-span-20 {
    font-size: 20px;
}

.font-offer {
    font-size: 0.90rem;
}

/*MARGINS*/
.margin-top-5 {
    margin-top: 5px;
}

.margin-top-8 {
    margin-top: 8px;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-top-15 {
    margin-top: 15px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.margin-right-15 {
    margin-right: 15px;
}

.margin-caption-separator {
    margin-top: 15px;
}

.margin-top-caption-5 {
    margin-top: 5px !important;
}

.body-highlight {
    /*margin-bottom: 10px;*/
}

/*BORDERS*/
.upper-rounded-border {
    border-radius: 10px 10px 0 0;
}

.lower-table-rounded-border {
    border-radius: 0 0 10px 10px;
    border: 1px solid lightgray; 
}

.border-sides {
    border-left: 1px solid;
    border-right: 1px solid;
}

.border-menu {
    border-right: 1px solid white;
}

.border-right-1 {
    border-right: 1px solid;
}

.border-white {
    border-color: white;
}

.border-left-1 {
    border-left: 1px solid;
}

.border-bottom-lightgray {
    border-bottom: 2px solid lightgray;
}

.border-bottom-darkgray {
    border-bottom: 2px solid #c7b299;
}

/*BREADCRUMBS*/
.breadcrumb-right-arrow .breadcrumb-item + .breadcrumb-item::before {
    content: "›";
    vertical-align: top;
    font-size: 36px;
    line-height: 15px;
}

.breadcrumb-btk {
    padding: 0 !important;
    margin-bottom: 5px !important;
}

/*PADDINGS*/
.padding-5 {
    padding: 5px;
}

.padding-top-10 {
    padding-top: 10px;
}

.padding-bottom-10 {
    padding-bottom: 10px;
}

.padding-right-15 {
    padding-right: 15px;
}

/*ORDERED LISTS*/
ol.lower-alpha {list-style-type: lower-alpha;}

/*SPECIAL FONT TYPES*/
.navbar-font {
    color: white !important;
}

    .navbar-font:hover {
        color: rgba(210,210,210,1) !important;
    }
/* Menú en dos líneas */
.navbar-height {
    min-height: 52px;
}
.menu_parent {
    min-height: 52px;
}
.menu_vertical_center {
    line-height: 38px;
}
/* Fin Menú en dos líneas */
/*.search-panel-height {
    min-height: 5em;
    padding-bottom: 15px;
}*/
.search-menu-container {
    min-height: 11.6em;
}

/*LOGIN DIV*/
.login-container {
    position: absolute;
    top: 100px;
    background: lightgray;
    padding: 15px;
    border-radius: 10px;
    right: 15px;
    display: none;
    width: 21rem;
    border: 1px solid #C7B299;
    z-index: 5000;
}

.title-max-height {
    max-height:100px; 
    overflow: hidden;
}

/*TOOLTIPS*/
.tooltip {
    z-index: 4000;
}

.tooltip-wrapper {
    min-width: 25em;
}

.tooltip-inner-wrapper {
    box-shadow: 2px 5px 10px gray;
    background-color: lightgray;
    padding: 10px;
    max-width: 1000px !important;
}

.tooltip-padding-inner-inputs {
    padding-left: 5px;
    padding-right: 5px;
}

.lower-tooltip {
    min-width: 230px;
}

.subscribe-link-wrapper {
    padding-bottom: 20px;
    padding-left: 5px;
}

.bs-tooltip-auto[x-placement^="bottom"] .arrow::before, .bs-tooltip-bottom .arrow::before {
    border-bottom-color: gray;
}

/*IMÁGENES*/
.img-logo-btn {
    padding-bottom: 2px;
    padding-top: 1px;
}

/*MAIN CAROUSEL, MENÚ PRINCIPAL y BUSCADOR*/
#content-wrapper {
    position: absolute;
    z-index: 1 !important;
    min-width: 100%;
    min-height: 100%;
}

.carousel-height {
    max-height: 40em;
    overflow: hidden;
}

.carousel-maxheight20 {
    max-height: 20em !important;
    overflow: hidden !important;
}

.carousel-maxheight25 {
    max-height: 25em !important;
    overflow: hidden !important;
}

.main-menu {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4000;
}

.translucent {
    opacity: 0.8;
}

.round-border {
    border-radius: 10px;
}

/*.carousel-titles {
    top: 20em;
    bottom: auto;
    max-height: 167px;
    overflow: hidden;
}*/

.search-panel-position {
    position: absolute;
    bottom: 0;
}


/* Carousel */
.carousel-caption {
    background-color: #0072CE;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    opacity: 0.7;
    filter: alpha(opacity=70);
    padding: 12px;
}

    .carousel-caption a {
        color: white !important;
        text-decoration: none;
    }

.carousel-titles {
    top: 220px;
    bottom: auto;
    overflow: hidden;
}



/*CARRUSEL PARTE DERECHA*/

.carousel-indicators {
    top: 160px !important;
    bottom: unset !important;
}

.carousel-indicators li {
    cursor: pointer;
    height: 5px;
    width: 5px;
}

.carousel-caption-multi-img {
    position: absolute;
    top: 0;
    left: 15px;
    bottom: auto;
    padding-top: 5px;
    padding-bottom: 0;
    width: 220px;
}

.next-carousel-btn, .prev-carousel-btn {
    width: 7%;
    top: 0;
    font-size: 2em;
}

.carousel-thumbs {
    max-width: 250px;
}

.border-radius-suggestions {
    border-radius: 0 0 5px 5px;
}

.border-radius-upper-suggestions {
    border-radius: 5px 5px 0 0;
}

.image-carousel-suggestions {
    min-height: 150px;
    background-size: cover;
    overflow: hidden;
}

.title-carousel-min-height {
    min-height: 40px;
    text-align: center;
    vertical-align: middle;
}

.carousel-caption-cover {
    width: 197px !important;
}

.highlighted-program-item a {
    text-decoration: none;
    border: none;
}

    .highlighted-program-item a:hover {
        text-decoration: none;
    }

.image-carousel-suggestions:hover {
    border: 2px solid #447BBA;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    width: 30px !important;
    height: 30px !important;
}

/*SHAPES*/

.img-enisa {
    max-height: 85px;
}

.img-acave {
    max-height: 55px;
}

.bg-success {
    color: white;
}

.offers-presentation {
    border-radius: 10px;
    border: 1px solid #447BBA;
}

.register-legal-text, .register-legal-text:hover, .unstyled-link, .unstyled-link:hover {
    text-decoration: none;
}

.unstyled-link {
    color: gray;
}

.red-pdf-link, .error {
    color: #ff0000;
}

.red-pdf-link:hover {
    color: #ff6666;
}

.hr-gray {
    color: #C7B299;
    background-color: #C7B299;
    height: 2px;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.hr-sm {
    margin-top: 0.3rem;
    margin-bottom: 0.3rem;
}

.arrow-right {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 0 20px 34.6px;
    border-color: transparent transparent transparent #c7b299;
    border-radius: 2px;
}

.card-title-absolute {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 5px;
    text-align: center;
}

.info-plus {
    width: 30px;
    float: right;
    position: absolute;
    /*bottom: 200px;*/
    right: 35px;
    padding: 3px;
    border-radius: 5px;
    text-align: center;
    font-size: 12px;
    margin-bottom: 10px;
}

.info-plus-travels {
    bottom: 190px !important;
}

/*RECAPTCHA*/

.outer-grecaptcha {
    text-align: center;
}

.inner-grecaptcha {
    display: inline-block;
}

/*TABLAS*/
.tableAutobill {
    font-size: 13px;
}

.tableAutobill td {
    padding: 0.60em !important;
}

.tableSummary td, .tableAutobill  td {
    border: none !important;
}

.tableSummary tbody {
    border-left: 1px solid rgba(0,100,220, 1);
    border-right: 1px solid rgba(0,100,220, 1);
    border-bottom: 1px solid rgba(0,100,220, 1);
}

.tableSummary, .tableAutobill {
    margin-bottom: 0 !important;
}

.panel-title {
    border-radius: 10px 10px 0 0;
    border: 1px solid rgba(0,100,220, 1);
}

.panel-border {
    border-left: 1px solid #447BBA;
    border-right: 1px solid #447BBA;
}

.panel-border-bottom {
    border: 1px solid #447BBA;
    border-radius: 0 0 10px 10px;
}

/*ENVÍO DE CORREOS*/
.mailLayout {
    background-color: #FFFFFF; 
    font-family: Arial; 
    color: #000000; 
    font-size: 12px;
}



/*ELEMENTOS RELACIONADOS CON LA IMPRESIÓN DE RESERVAS*/

.titulovoucher {
    font-size: 20px;
}

/*ENLACES*/
.info-link {
    text-decoration: none;
    color: white;
}

    .info-link:hover {
        color: lightgray;
    }

/*.highlight-destinations-title {
    position: absolute;
    top:0;
    left:15px;
    width:100%;
    height:auto;
}*/

.trip-suggestions-link {
    text-decoration: none;
}

    .trip-suggestions-link:hover {
        text-decoration: none;
        font-weight: bold;
    }


.title-hightlight-destinations {
    margin-right: 0;
}

.overflow-hidden {
    overflow: hidden;
}

.title-suggestions {
    font-size: 14px !important;
}

#trip-title {
    min-height: 43.2px;
    max-height: 43.2px;
    margin-bottom: 10px;
}

/*** CARD *****/
.card-title-absolute {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 5px;
    text-align: center;
}

.card-title-height {
    height: 75px;
    overflow: hidden;
    border-bottom: 1px solid rgba(0,0,0,.125);
    margin-bottom: 3px;
}

.card-body-list {
    padding: 0.40rem !important;
}

.card-body-height {
    height: 105px;
}

.card-body-height2 {
    height: 120px;
}

.card-text {
    color: #757575;
    font-size: 12px;
}


.card-img {
    height: 150px;
}


.card-body-wrapper {
    width: 300px;
}

.card h6 {
    font-family: open-sans-condensed, sans-serif;
    font-weight: bold;
    font-size: 1.2em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.card-title-blue {
    background-color: #73b1e4;
    width: 100%;
    padding: 10px 5px 1px 15px;
    color: white;
    /*height: 60px;*/
    opacity: 0.9;
    font-weight: bold;
    font-size: 16px;
}

.card-title-black {
    background-color: #000;
    width: 100%;
    padding: 10px 5px 1px 15px;
    color: white;
    /*height: 60px;*/
    /*opacity: 0.9;*/
    font-weight: bold;
    font-size: 16px;
}

.card-title-blue-list {
    background-color: #73b1e4;
    width: 100%;
    padding: 5px 12px 5px 12px;
    color: white;
}

.card-country {
    display: table;
    background-color: white;
    padding: 2px 8px;
    opacity: 0.7;
    filter: alpha(opacity=70)
}

.card-title-translucent {
    opacity: 0.9;
    position: absolute;
    top: 35%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.card-footer-highlights,
.card-footer-destinations,
.card-footer-religious,
.card-footer-musts,
.card-footer-solidarity,
.card-footer-spiritual,
.card-footer-escapades {
    padding: 0 !important;
    height: 100%;
    background-color: white;
}

.card-footer-destinations {
    height: 50px;
}

.card-prices-wrapper {
    margin-left: 10px;
    display: flex;
    justify-content: flex-start;
    padding-left: 10px;
    padding-right: 10px;
    min-width: 140px;
}

.card-title-top {
    position: absolute;
    top: 0 !important;
}

.card-img-wrapper {
    /*min-width: 350px;*/
    height: 160px;
    overflow: hidden;
}

.card-button-wrapper {
    max-height: 50px;
}
.btn-carousel-item-destinations {
    height: 100%;
    width: 100px;
    line-height: 2.5;
    /*border-radius: 0%;*/
    border-radius: 0;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-right-radius: 3px;
    border: none;
}


/*** CARD *****/

/*FOOTER*/
.main-footer {
    background-color: #E7F2FE;
    padding: 15px;
}

.instruction-text {
    font-size: 11px;
}

.footer-link {
    text-decoration: none;
    color: #1B1464;
}

    .footer-link:hover {
        text-decoration: none;
        color: #7672a2;
    }


/****** ROUNDTRIP ITEMS *******/
.roundtripBoxItem {
    /*min-height: 350px;*/
    /*font-family: TUITypeLt;*/
    width: 100%;
    /*background-color: #F8EFE4;*/
    background-color: #f6f6f6;
    margin-bottom: 25px;
}

.rountripItemTitle {
    font-size: 18px;
    padding: 20px;
    color: #FFF;
    /*text-shadow: 1px 1px 2px rgba(0, 0, 0, .8);*/
    text-shadow: 1px 2px 0 #000000;
    line-height: 20px
}

.elementPie {
    /*border: 1px solid #CCCCCC;
    background: #EEEEEE;*/
    float: none;
    height: 155px;
    margin-right: 10px;
    overflow: hidden;
    position: relative;
    /*width: 317px;*/
}

    .elementPie a {
        text-decoration: none;
        color: #000;
    }

.fondoItem {
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center center;
}

.tuiPlusFotoItem {
    /*min-width: 235px;*/
    min-height: 155px;
}

.imgPie, .descriptionPie {
    height: 155px;
    font-size: 12px;
}

.imgPie {
    margin-top: 0;
}

.descriptionPie {
    padding: 15px;
    color: #333;
    border: #E3E3E3 1px solid;
}

    .descriptionPie p {
        padding: 0 0 0 5px;
    }

    .descriptionPie .aereos {
        text-align: right;
        color: #666;
        font-style: italic;
    }

.colorPrecio {
    color: #4883AD;
}


/****** ROUNDTRIP ITEMS *******/

/*********** PAGINACION **************************/
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

    .pagination > li {
        display: inline;
    }

        .pagination > li > a, .pagination > li > span {
            position: relative;
            float: left;
            padding: 6px 12px;
            line-height: 1.428571429;
            text-decoration: none;
            color: #999999 !important;
            background-color: #ffffff !important;
            border: 1px solid #dddddd !important;
            margin-left: -1px;
        }

        .pagination > li:first-child > a, .pagination > li:first-child > span {
            margin-left: 0;
            border-bottom-left-radius: 4px;
            border-top-left-radius: 4px;
        }

        .pagination > li:last-child > a, .pagination > li:last-child > span {
            border-bottom-right-radius: 4px;
            border-top-right-radius: 4px;
        }

        .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
            background-color: #eeeeee !important;
            color: #555 !important;
        }

    .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
        z-index: 2;
        color: #ffffff !important;
        background-color: #46b8da !important;
        border-color: #46b8da !important;
        cursor: default !important;
    }

    .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
        color: #999999 !important;
        background-color: #ffffff !important;
        border-color: #dddddd !important;
        cursor: not-allowed !important;
    }

.pagination-lg > li > a, .pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
}

.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
}

.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
}

.pagination-sm > li > a, .pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
}

.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}



.paginationWidgets {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

    .paginationWidgets > li {
        display: inline;
    }

        .paginationWidgets > li > a, .paginationWidgets > li > span {
            position: relative;
            float: left;
            padding: 6px 12px;
            line-height: 1.428571429;
            text-decoration: none;
            color: #999999 !important;
            background-color: #ffffff !important;
            border: 1px solid #dddddd !important;
            margin-left: -1px;
        }

        .paginationWidgets > li:first-child > a, .paginationWidgets > li:first-child > span {
            margin-left: 0;
            border-bottom-left-radius: 4px;
            border-top-left-radius: 4px;
        }

        .paginationWidgets > li:last-child > a, .paginationWidgets > li:last-child > span {
            border-bottom-right-radius: 4px;
            border-top-right-radius: 4px;
        }

        .paginationWidgets > li > a:hover, .paginationWidgets > li > span:hover, .paginationWidgets > li > a:focus, .paginationWidgets > li > span:focus {
            background-color: #eeeeee !important;
            color: #555 !important;
        }

    .paginationWidgets > .active > a, .paginationWidgets > .active > span, .paginationWidgets > .active > a:hover, .paginationWidgets > .active > span:hover, .paginationWidgets > .active > a:focus, .paginationWidgets > .active > span:focus {
        z-index: 2;
        color: #ffffff !important;
        background-color: #46b8da !important;
        border-color: #46b8da !important;
        cursor: default !important;
    }

    .paginationWidgets > .disabled > span, .paginationWidgets > .disabled > span:hover, .paginationWidgets > .disabled > span:focus, .paginationWidgets > .disabled > a, .paginationWidgets > .disabled > a:hover, .paginationWidgets > .disabled > a:focus {
        color: #999999 !important;
        background-color: #ffffff !important;
        border-color: #dddddd !important;
        cursor: not-allowed !important;
    }

.paginationWidgets-lg > li > a, .paginationWidgets-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
}

.paginationWidgets-lg > li:first-child > a, .paginationWidgets-lg > li:first-child > span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
}

.paginationWidgets-lg > li:last-child > a, .paginationWidgets-lg > li:last-child > span {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
}

.paginationWidgets-sm > li > a, .paginationWidgets-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
}

.paginationWidgets-sm > li:first-child > a, .paginationWidgets-sm > li:first-child > span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

.paginationWidgets-sm > li:last-child > a, .paginationWidgets-sm > li:last-child > span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

.pagination-container {
    text-align: center;
}

/*********** FIN PAGINACION **********************/

/*FORMS*/
.required-field {
    color: #ef0000;
}

/*MAPA DE GOOGLE*/
#map {
    width: 100%;
    height: 400px;
    background-color: grey;
}

.dropdown-menu {
    left:0;
}

.dropdown-item {
    font-size: 12px;
}


/** flexnav **/


.flexnav li {
    background-color: transparent !important;
    width: auto !important;
    /*padding-left: 10px;
    padding-right: 10px;*/
}

    /*.flexnav li a {
        background-color: transparent !important;
        font-size: 14px !important;
        font-weight: normal !important;
        text-transform: uppercase;
        padding: 5px 15px;
    }*/
    .flexnav li a {
        background-color: transparent !important;
        font-size: 12px !important;
        font-weight: normal !important;
        text-transform: uppercase;
    }
    .flexnav li a:hover {
        text-decoration: none;
    }
.flexnav .touch-button {
    display: none;
    background-color: transparent !important;
}
.flexnav .item-with-ul li a {
    background-color: rgba(0,100,220, 0.6) !important;
    
}
.flexnav .flexnav-show {
    padding-left: 0;
    padding-right: 0;
}

.menu-button {
    text-align: center !important;
    background-color: transparent !important;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
}

.menu-button .touch-button .navicon {
    display: none !important;
}
/** fin flexnav **/
/*MEDIA QUERIES*/
/*@media (max-width: 1200px) {
    .img-sm-information {
        bottom: auto;
        top: 30%;
    }
}*/
@media (min-width:991px) and (max-width:1200px) {
    .font-caption-h2 {
        font-size: 1.5rem;
    }

    .font-caption-h4 {
        font-size: 1rem;
    }

    .font-caption-span-25 {
        font-size: 20px;
    }

    .font-caption-span-20 {
        font-size: 15px;
    }

    .margin-caption-separator {
        margin-top: 10px;
    }

    .carousel-titles {
        top: 40%;
        bottom: auto;
        overflow: hidden;
    }
}

@media (min-width:768px) and (max-width:1199px) {
    .carousel-caption-multi-img {
        width: 185.333px;
    }
}

@media (min-width: 768px) and (max-width:990px) {

    .font-caption-h2 {
        font-size: 1.3rem;
    }

    .font-caption-h4 {
        font-size: 0.9rem;
    }

    .font-caption-span-25 {
        font-size: 15px;
    }

    .font-caption-span-20 {
        font-size: 13px;
    }

    .margin-caption-separator {
        margin-top: 8px;
    }

    .carousel-titles {
        top: 40%;
        bottom: auto;
        overflow: hidden;
    }
}

@media (min-width:576px) and (max-width:767px) {
    .font-caption-h2 {
        font-size: 1rem;
    }

    .font-caption-h4 {
        font-size: 0.9rem;
    }

    .font-caption-span-25 {
        font-size: 15px;
    }

    .font-caption-span-20 {
        font-size: 13px;
    }

    .margin-caption-separator {
        margin-top: 8px;
    }

    .carousel-titles {
        top: 10%;
        bottom: auto;
        overflow: hidden;
    }

    .margin-top-caption-5 {
        margin-top: 0 !important;
    }

    .img-sm-information {
        bottom: 10px;
    }
}

@media (max-width:768px) {

    
.carousel-indicators {
   top: 10px !important;
   bottom: unset !important;
}

    .dropdown-menu {
        left: 0;
    }

    .next-carousel-btn, .prev-carousel-btn {
        width: 14%;
        top: 0;
        font-size: 1em;
    }

    .main-menu {
        position: relative;
        z-index: 4000;
    }

    .border-menu {
        border: none;
    }

    .navbar-toggler {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }
}

@media (max-width: 575px) {
    .search-panel-position {
        position: relative;
        margin-top: -42px;
    }

    .title-hightlight-destinations {
        margin-right: 15px;
    }

    .login-container {
        position: relative;
        width: 100%;
        margin: 0;
        border: none;
        top: 0;
        left: 0;
        border-radius: unset;
    }
}

@media (min-width:280px) and (max-width:575px) {
    .img-sm-information {
        bottom: 5px !important;
        top: auto;
    }
    .carousel-titles {
        top: 20px;
        bottom: auto;
        overflow: hidden;
    }

    .carousel-titles h1 {
        font-size: 18px;
    }
    .carousel-titles h4 {
        font-size: 12px;
    }
}






/* BOOKING */

.cuadro-item-reserva {
    border: #E6DFD2 2px solid;
    border-top: 0;
    background-color: white;
    padding: 15px;
    font-size: 14px;
}

.subcuadro-item-reserva-beige {
    border: 1px solid #E6DFD2;
    background-color: white;
    padding: 10px;
    font-size: 14px;
    min-height: 120px;
    background-color: #F3F1ED;
}

.subcuadro-item-buscador-beige {
    border: 1px solid #E6DFD2;
    background-color: white;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 12px;
    min-height: 60px;
    background-color: #F3F1ED;
}

.bg-form {
    background-color: #F3F1ED;
    border: #E6DFD2 1px solid;
}

.bg-form-header {
    background-color: #1EBEF0;
    border: #E6DFD2 1px solid;
}

.bg-basket-header {
    background-color: #F3F1ED;
    border: #E6DFD2 2px solid;
}

/* ESTILOS MODIFICACIÓN FULL CALENDAR */

.fc-title {
    color: white;
}

/*.fc-content {
    background-color: #092A5E !important;
    z-index: 999999;
}*/

/*Fix para los números del calendario. Se mostrarán con la opacidad completa tanto si el mes es el que corresponde como si no, siempre y cuando estén seleccionados para el viaje*/
.fc-day-number.fc-other-month.circuito, .fc-day-number.fc-other-month.pos0, .fc-day-number.fc-other-month.saltoDia, .fc-day-number.fc-other-month.pos1, .fc-day-number.fc-other-month.pos2, .fc-day-number.fc-other-month.pos3, .fc-day-number.fc-other-month.pre {
    opacity: 1 !important;
}

.fc-toolbar {
    background-color: #5BBCE6;
    color: white;
    text-transform: uppercase;
    margin-bottom: 0 !important;
}

.fc-center h2, .h2 {
    font-size: 16px !important;
    padding-top: 5px;
}

.fc-state-default {
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    color: white !important;
    text-shadow: none !important;
    box-shadow: none !important;
}

.fc-widget-header {
    background-color: #d7d2c3;
    color: black;
}

.fc-past {
    color: #183667;
}

.fc-time {
    display: none;
}

.cell-background {
    background-color: #f3f1ed;
}


.selected-day {
    background-color: #5BBCE6 !important;
    color: white;
}

.circuito {
    background-color: #5BBCE6 !important;
    color: white;
}

.pre {
    background-color: #e0bd19 !important;
    color: white;
}

/*.pos0 {
    background-color: #7cb242 !important;
    color: white;
}

.pos1 {
    background-color: #6f9e3b !important;
    color: white;
}

.pos2 {
    background-color: #598628 !important;
    color: white;
}

.pos3 {
    background-color: #4a7021 !important;
    color: white;
}*/

.pos0, .lgreen_legend {
    background-color: #83e916 !important;
    color: white;
}

.pos1, .green_legend {
    background-color: #69bb11 !important;
    color: white;
}

.pos2, .greener_legend {
    background-color: #4f8c0d !important;
    color: white;
}

.pos3, .dgreen_legend {
    background-color: #33481c !important;
    color: white;
}

.saltoDia {
    background-color: #b4bbac;
    color: white;
}

.blue_legend {
    background-color: #5BBCE6;
    color: white;
}

.yellow_legend {
    background-color: #e0bd19;
    color: white;
}

.gray_legend {
    background-color: #b4bbac;
    color: white;
}

.icopre {
    color: #e0bd19;
}


.custom-card-image {
    min-width: 200px;
    min-height: 120px;
    background-image: no-repeat scroll center center / auto 100%;
}



.icopos0 {
    color: #83e916;
}

.icopos1 {
    color: #69bb11;
}

.icopos2 {
    color: #4f8c0d;
}

.icopos3 {
    color: #33481c;
}

.fc-event {
    position: relative !important;
    display: block !important;
    font-size: .85em !important;
    line-height: 1.3 !important;
    border-radius: 3px;
    border: 1px solid #3a87ad !important;
    background-color: #3a87ad !important;
    font-weight: normal !important;
}

.fc-event[href], .fc-event.fc-draggable, .fc-event {
    cursor: default;
    background-color: transparent;
    color: #5BBCE6;
}

    .fc-event,
    .fc-event:hover,
    .ui-widget .fc-event {
        color: #5BBCE6; /* default TEXT color */
        text-decoration: none; /* if <a> has an href */
    }

.fc-day-grid-event {
    margin: 0;
    padding: 0;
    /*top: 22px;*/
    text-align: center;
    color: #5BBCE6;
    background-color: transparent;
    border: 0;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
}

.fc-event-container {
    cursor: pointer;
}

.fc-ltr .fc-basic-view .fc-day-number {
    border-right: #ddd 1px solid;
}

.fc-highlight {
    /*background-color: #5BBCE6 !important;*/
    background-color: transparent !important;
    opacity: 1;
    filter: alpha(opacity=100);
    color: white;
}

.loading-calendar {
    width: 96%;
    background-color: white;
    position: absolute;
    z-index: 100;
    filter: alpha(opacity=80);
    opacity: .80;
    padding: 35% 0 32% 0;
}

/* FIN FULL CALENDAR */

/* ESTILOS PERSONALIZADOS PARA SELECTS */
.numberinput {
    overflow: hidden;
    height: 40px;
    position: relative;
    display: block;
}

    .numberinput:after {
        content: "\f0dc";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        font-size: 14px;
        color: #fff;
        padding: 8px 8px;
        height: 34px;
        width: 35px;
        position: absolute;
        right: 0;
        top: 0;
        background: #5BBCE6;
        z-index: 1;
        text-align: center;
        border-radius: 0 4px 4px 0;
        pointer-events: none;
        box-sizing: border-box;
    }


.select-custom {
    overflow: hidden;
    height: 40px;
    position: relative;
    display: block;
}

    .select-custom:after {
        content: "\f107";
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        font-size: 14px;
        color: #fff;
        padding: 8px 8px;
        height: 34px;
        width: 35px;
        position: absolute;
        right: 0;
        top: 0;
        background: #5BBCE6;
        z-index: 1;
        text-align: center;
        border-radius: 0 4px 4px 0;
        pointer-events: none;
        box-sizing: border-box;
    }



.tramotable td {
    border-top: 0 !important;
}

.roundTripGoContent {
    border-bottom: 1px solid #dee2e6 !important;
}

.roundTripGoContentDetail {
    background-color: #F6F6F6 !important;
    border-bottom: 1px solid #dee2e6 !important;
}

#booking-screen .form-control {
    height: 34px;
}

#booking-screen .row {
    margin-right: 0px;
    margin-left: 0px;
}

#passengers-div .form-control {
    display: block;
    width: 40px;
    height: 25px;
    padding: 0.2rem 0.2rem;
    font-size: 11px;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

/* ESTILOS MODIFICACIÓN SELECT 2 PARA EL BOOKING */

#booking-screen .select2-container {
    width: 100% !important;
}


#booking-screen .select2-container--default .select2-selection--single {
    border: 1px solid #e6dfd2;
    height: auto;
    border-radius: 0;
    width: 100%;
}

#booking-screen .select2-selection__rendered {
    padding-left: 1em !important;
    padding-right: 1em !important;
}

#booking-screen .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: black;
    background-color: #F3F1ED;
    padding: 0.2em 0.7em 0.2em 0.7em;
    width: 100%;
}


#booking-screen .select2-container--default .select2-results > .select2-results__options {
    color: black !important;
}

#booking-screen .select2-dropdown select2-dropdown--below {
    border-radius: 0;
}

#booking-screen .select2-dropdown {
    border-radius: 0;
    background-color: #F3F1ED;
    border: 1px solid #e6dfd2;
}

#booking-screen .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 5px;
    margin-right: 0.7em !important;
}


/* BASKET */

.basket-container {
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
}

.basket-content {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

/* HOTELS */

/* ALEX -- SLIDING FORMS */
.sliding-forms-wrapper {
    display: flex;
    justify-content: flex-start;
    position: fixed;
    top: 50%;
    left: 0px;
    z-index: 100000;
}

.sliding-forms-left-wrapper {
    display: flex;
    justify-content: flex-start;
    position: fixed;
    top: 30%;
    right: 0px;
    z-index: 100000;
}

.sliding-forms-div, .sliding-forms-left-div {
    background-color: #fafafa;
    height: 186px; /*Esta altura debe coincidir con la de la imagen, para que ambas capas conserven su ratio al deslizarse la capa derecha con el form*/
    border-radius: 0 10px 10px 0;
    border: 0.3rem solid #ffc107;
    padding: 10px;
    margin-left: -10px;
}

.sliding-forms-left-div {
    background-color: #F3F1ED;
    border: 0.3rem solid #790297 !important;
    border-radius: 10px 0 0 10px !important;
    min-height: 370px !important;
    -webkit-box-shadow: 10px 10px 15px 0px rgba(153,153,153,0.5);
    -moz-box-shadow: 10px 10px 15px 0px rgba(153,153,153,0.5);
    box-shadow: 10px 10px 15px 0px rgba(153,153,153,0.5);
}

#sliding-forms-toggler {
    z-index: 200000;
}

.sliding-forms-left-toggler img {
    -webkit-box-shadow: 10px 10px 15px 0px rgba(153,153,153,0.5);
    -moz-box-shadow: 10px 10px 15px 0px rgba(153,153,153,0.5);
    box-shadow: 10px 10px 15px 0px rgba(153,153,153,0.5);
}

.smaller {
    font-size: 10px;
}

.sliding-forms-caption {
    max-width: 310px;
}

.shadowed {
    -webkit-box-shadow: 10px 10px 15px 0px rgba(153,153,153,0.5);
    -moz-box-shadow: 10px 10px 15px 0px rgba(153,153,153,0.5);
    box-shadow: 10px 10px 15px 0px rgba(153,153,153,0.5);
}

.left-shadowed {
    -webkit-box-shadow: 0px 10px 10px -4px rgba(0,0,0,0.45);
    -moz-box-shadow: 0px 10px 10px -4px rgba(0,0,0,0.45);
    box-shadow: 0px 10px 10px -4px rgba(0,0,0,0.45);
}

/* FIN SLIDING FORMS */

/* FOOTER LOGOS */
.secure-pay-bar {
    background-color: #447BBA;
    padding: 8px;
    text-align: center;
    margin-top: 0;
}

.secure-pay-logo {
    height: 35px;
}

#footer-logos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 16px 0;
    text-align: center;
    margin: 0;
}

    #footer-logos li {
        list-style: none;
    }

.footer-logos__item {
    margin: 0 8px;
}


/* FIN FOOTER LOGOS */

.rating-wrapper {
    display: inline-block;
    font-size: 14px;
    vertical-align: top;
    margin-left: 5px;
}

    .rating-wrapper ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .rating-wrapper ul li {
            position: relative;
            float: left;
        }

    .rating-wrapper .hotel-category {
        overflow: hidden;
        *zoom: 1;
        cursor: default;
    }

        .rating-wrapper .hotel-category li {
            margin-right: 2px;
        }

            .rating-wrapper .hotel-category li .icon-star {
                color: #dfdfdf;
            }

            .rating-wrapper .hotel-category li:last-child {
                padding-right: 0;
            }

            .rating-wrapper .hotel-category li .glyphicon-star {
                color: #dfdfdf;
            }

            .rating-wrapper .hotel-category li.active .glyphicon-star {
                color: #ffe100;
            }

    .rating-wrapper .hotel-rating li {
        margin-right: 10px;
    }

        .rating-wrapper .hotel-rating li .icon-tripadvisor-empty, .rating-wrapper .hotel-rating li .icon-tripadvisor-solid {
            color: #5f8741;
        }

        .rating-wrapper .hotel-rating li:last-child {
            padding-right: 0;
        }
