﻿/**************************/
/* Menu Header third level*/
/**************************/

.navbar.nivel_2 #dv-navbar-sub-menu li[class*="level-"] {
	height: auto;
	border-style: none;
}

.navbar.nivel_2 #dv-navbar-sub-menu.collapse li[class*="level-"] {
	width: 265px;
}

.navbar.nivel_2 #dv-navbar-sub-menu .dropdown[class*="level-"] ul.dropdown-menu {
	display: none;
}

.navbar.nivel_2 #dv-navbar-sub-menu .dropdown.open[class*="level-"] ul.dropdown-menu {
	display: block;
}

.navbar.nivel_2 #dv-navbar-sub-menu.collapse .dropdown.open[class*="level-1"] ul.dropdown-menu {
	left: 265px;
	top: -1px;
}

.navbar.nivel_2 #dv-navbar-sub-menu.in .dropdown[class*="level-"] ul.dropdown-menu {
	display: block;
	position: relative;
}

.navbar.nivel_2 #dv-navbar-sub-menu.in li[class*="level-1"] {

}

.navbar.nivel_2 #dv-navbar-sub-menu.in li[class*="level-2"] {
	text-indent: 2rem;
	background: rgb(160, 159, 159);
}

.navbar.nivel_2 #dv-navbar-sub-menu.in li[class*="level-2"]:hover {
	background: grey;
}

.navbar.nivel_2 #dv-navbar-sub-menu.in li[class*="level-2"]:active {
	background: #202020;
}

.navbar.nivel_2 #dv-navbar-sub-menu.collapse li[class*="level-1"] .caret {
	border-right: 0px solid #000000;
	border-top: 4px solid transparent;
	border-left: 4px dotted;
	border-bottom: 4px solid transparent;
	border-bottom-color: transparent;
	border-top-color: transparent;
}

/******************************/
/* End menu header third level*/
/******************************/

.offer-info {
    line-height: 40px;
    border-bottom-style: solid;
    border-bottom-color: rgb(184, 184, 184);
    border-bottom-width: 1px;
    min-height: initial !important;
    margin-bottom: 0 !important;
}

a.more-info {
    text-decoration: underline;
    color: inherit;
    line-height: 30px;
}

.map-wrapper {
    position: relative;
}

.map-fullscreen-wrapper {
    position: absolute;
    bottom: 0;
    text-align: center;
    /*height: 30px;*/
    left: 0;
    right: 0;
    z-index: 3;
}

#mapFullscreen {
  color: white;
  cursor: pointer;
  font-family: "HelveticaNeueETW01-65Md";
  font-size: 13px;
  text-decoration: none;
  text-shadow: 0 -1px rgba(32, 32, 32, 0.3), 0 1px rgba(248, 248, 248, 0.15);
}

#mapFullscreen .hide-map {
	display: none;
}

#mapFullscreen.opened .hide-map {
	display: block;
}

#mapFullscreen.opened .show-map {
	display: none;
}

#mapCanvas {
    height: 120px;
}

.map-fullscreen-wrapper .map-fullscreen-background {
  background-color: #771e66; /*por defecto le ponemos el fondo color morado general*/
  border-radius: 0;
  display: inline-block;
  min-width: 300px;
  padding: 5px 10px;
}

.map-fullscreen-wrapper .map-fullscreen-background.urbano {
    background-color: #007fc1;
}

.map-fullscreen-wrapper .map-fullscreen-background.resort {
    background-color: #e5a62a;
}

#mapCanvas.fullscreen {
    margin-top: 110px;
    z-index: 3;
    position: absolute !important;
    left: 0;
    width: 100%;
    height: auto !important;
    top: 0;
    bottom: 0;
    margin-left: 0px;
}


.gm-style > div > div + div > div:nth-child(4) > div > div > div:nth-child(4) {
    /* estilos de la caja del hotel en el Google Maps. Por defecto le ponemos el color morado de "general"*/
  border-top: 3px solid #771e66;
  border-radius: 0 !important;
}


.gm-style-iw {
    width: 631px !important;
}





#mapCanvas.fullscreen .ficha_hotel {
    margin: 0;
}

    #mapCanvas.fullscreen .ficha_hotel .row {
        border: none;
    }

        #mapCanvas.fullscreen .ficha_hotel .row .span12 {
            border-color: white;
            margin-bottom: 0;
        }



        #mapCanvas.fullscreen .ficha_hotel .columnauno {
        width: 220px;
        padding: 0px;
    }

    #mapCanvas.fullscreen .ficha_hotel .columnados {
        width: 220px;
    }

.h_nombre h3 a {
    margin-left: 0;
    line-height: 24px;
    margin-right: 10px;
}

/* Proceso de reserva */

.ico-cart {
    box-sizing: initial;
}

.itemroom .content_price .price {
    text-align: left;
}

.supplement .list_supplement li {
    margin-left: 0px;
}

.total .row {
    margin-left: 0px;
    margin-right: 0px;
}

#sidebar .booking-block {
    border: 1px solid #b0b0b0;
}

#sidebar.basketContent {
    background: none;
}

    #sidebar.basketContent .offer-box {
        background: #fff;
        overflow: hidden;
        padding-top: 1px;
    }

    #sidebar.basketContent .offer-box .offer-box-inner {
        padding: 15px;
    }

    #sidebar.basketContent .offer-box .offer-box-inner h4 {
        font-size: 14px;
    }

    #sidebar.basketContent .offer-box .offer-box-inner h6 {
        margin-bottom: 0;
    }

    #sidebar.basketContent .offer-box .offer-box-inner .body {
        font-size: 12px;
        padding-top: 15px;
        padding-bottom: 10px;
    }

    #sidebar.basketContent .offer-box .accordion-pane{
        cursor: default;
    }

    #sidebar.basketContent .offer-box .discount {
        padding-left: 10px;
        float: left;
    }

    #sidebar.basketContent .offer-box .discount-percentage {
        font-size: 13px;
    }

    #sidebar.basketContent .offer-box .discount-countdown {
        font-size: 13px;
        float: right;
        padding-right: 8px;
    }

#sidebar #destacado-ventajas-wrapper {
    margin-top: 20px;
    padding: 20px;
    border: 1px solid #aeaeae;
    background-color: white;
    float: left;
    margin-bottom: 20px;
}

    #sidebar #destacado-ventajas-wrapper h4 {
        font-size: initial;
        line-height: initial;
    }

    #sidebar #destacado-ventajas-wrapper .destacado-ventajas {
    }

        #sidebar #destacado-ventajas-wrapper .destacado-ventajas .ventaja {
            list-style-type: none;
            margin-left: 0;
            position: relative;
            float: left;
            margin-top: 10px;
            color: black;
        }

.glyphicon {
    font-family: 'Glyphicons Halflings' !important;
}

#sidebar #destacado-ventajas-wrapper .destacado-ventajas .ventaja {
    position: relative;
}

    #sidebar #destacado-ventajas-wrapper .destacado-ventajas .ventaja i {
        position: absolute;
    }

    #sidebar #destacado-ventajas-wrapper .destacado-ventajas .ventaja .content {
        float: left;
        margin-left: 26px;
    }

#sidebar #itemsbasket {
    overflow: auto;
}

    #sidebar #itemsbasket h6 {
        padding: 0 12px;
        margin-top: 12px;
        margin-bottom: 0px;
    }

    #sidebar #itemsbasket h4 {
        padding-top: 0px;
        font-size: 14px;
    }

.reservation-plan-hotel-photo {
    margin: 12px;
    margin-right: 0;
}

    #sidebar #itemsbasket .room-details .offer-info {
        background-color: #e8e8e8;
        padding: 0;
        padding-top: 5px;
    }

    #sidebar #itemsbasket .room-details .deal-discount {
        font-weight: bold;
    }

    #sidebar #itemsbasket .room-details .older-price {
        text-decoration: line-through;
    }

    #sidebar #itemsbasket .right {
        float: right;
    }

    #sidebar #itemsbasket .total-price {
        font-size: 16px;
    }

    #sidebar #itemsbasket .room-details li {
        margin-top: 10px;
        margin-bottom: 10px;
    }

        #sidebar #itemsbasket .room-details li:first-child {
            margin-top: 20px;
        }

        #sidebar #itemsbasket .room-details li:last-child {
            margin-bottom: 20px;
        }

    #sidebar #itemsbasket .reservation-plan-details {
        margin: 0px 12px;
        padding: 12px 0px;
    }

    #sidebar #itemsbasket .reservation-plan-details-list li, #sidebar #itemsbasket .room-details li {
        color: #333;
        list-style: none;
        margin: 0;
    }

    #sidebar #itemsbasket .see-booking-details {
        font-size: 12px;
        padding: 8px;
        text-align: right;
    }

        #sidebar #itemsbasket .see-booking-details .see-booking-details-link {
            text-decoration: underline;
        }

            #sidebar #itemsbasket .see-booking-details .see-booking-details-link:after {
                content: ' [+]';
            }

            #sidebar #itemsbasket .see-booking-details .see-booking-details-link.details-expanded:after {
                content: ' [-]';
            }

    #sidebar #itemsbasket .booking-custom-options .booking-custom-options-title {
        background-color: #771E66;
        color: #FFF;
        font-size: 15px;
        font-weight: bold;
        height: 48px;
        line-height: 48px;
        padding-left: 8px;
    }

    #sidebar #itemsbasket .booking-custom-options .custom-option-tooltip {
        color: #FFF;
        padding: 4px;
        text-align: left;
    }

        #sidebar #itemsbasket .booking-custom-options .custom-option-tooltip strong,
        .procesoreserva_pasos .plan_habitacion_contenido ul .custom-option-tooltip strong
         {
            font-size: 12px;
            display: inline-block;
            width: 100%;
            border-bottom: 1px solid #ffffff;
        }

        #sidebar #itemsbasket .booking-custom-options .custom-option-tooltip p,
        .procesoreserva_pasos .plan_habitacion_contenido ul .custom-option-tooltip p {
            color: #ffffff; /* E0E0E0 */
            font-size: 11px;
        }

    #sidebar #itemsbasket .booking-custom-options .booking-custom-option,
    #sidebar #itemsbasket .booking-custom-options .booking-custom-options-total {
        border-bottom: 1px solid #c0c0c0;
        padding: 8px;
        margin: 0 8px;
    }

        #sidebar #itemsbasket .booking-custom-options .booking-custom-option .custom-option-name,
        #sidebar #itemsbasket .booking-custom-options .booking-custom-option .custom-option-price,
        #sidebar #itemsbasket .booking-summary .booking-summary-inner .booking-summary-item .booking-summary-item-name,
        #sidebar #itemsbasket .booking-summary .booking-summary-inner .booking-summary-item .booking-summary-item-price {
            display: inline-block;
            vertical-align: top;
        }

        #sidebar #itemsbasket .booking-custom-options .booking-custom-option .custom-option-name,
        #sidebar #itemsbasket .booking-summary .booking-summary-inner .booking-summary-item .booking-summary-item-name {
            width: 70%;
        }

        #sidebar #itemsbasket .booking-custom-options .booking-custom-option .custom-option-price,
        #sidebar #itemsbasket .booking-summary .booking-summary-inner .booking-summary-item .booking-summary-item-price {
            width: 28%;
            text-align: right;
        }

    #sidebar #itemsbasket .booking-custom-options .booking-custom-options-total {
        border: none;
        font-size: 12px;
        font-weight: bold;
        text-align: right;
    }

    #sidebar #itemsbasket .booking-custom-options-back {
        padding: 4px;
        text-align: center;
    }

    #sidebar #itemsbasket .booking-custom-options-back-link {
        text-decoration: underline;
    }

    #sidebar #itemsbasket .booking-summary {
        background-color: #C0C0C0;
        padding: 8px;
    }

        #sidebar #itemsbasket .booking-summary .booking-summary-inner {
            background-color: #FFF;
            border: 1px solid #333;
            border-radius: 4px;
            padding: 8px 4px;
        }

            #sidebar #itemsbasket .booking-summary .booking-summary-inner .booking-summary-item {
                padding: 4px;
            }

                #sidebar #itemsbasket .booking-summary .booking-summary-inner .booking-summary-item.summary-total {
                    border-top: 1px solid #C0C0C0;
                    font-size: 12px;
                    font-weight: bold;
                }

    #sidebar #itemsbasket .item .room-title-icon {
        float: right;
        font-size: 16px;
        padding: 15px;
        width: auto;
    }

    #sidebar #itemsbasket .item.contracted .room-title .titleroomlink {
        background-color: #B8B8B8;
    }

    #sidebar #itemsbasket .item.contracted .room-content {
        display: none;
    }

    #sidebar #itemsbasket .room-content .itemroom {
        padding: 0 12px;
    }

.booking-final-price {
    color: #FFF;
    background-color: #808080;
    font-size: 16px;
    font-weight: bold;
    padding: 8px 4px;
}

.booking-final-price-value {
    float: right;
}

/* Main */
.container.search-results #main {
    float: left;
}

#main {
    font-family: Helvetica;
    padding: 0px;
}

    #main #top-bar {
        margin-top: 20px;
        margin-bottom: 15px;
    }

        #main #top-bar .divider {
            border-bottom: 1px solid #999;
        }

/* Summary */

.summary {
    border: 1px solid #e0e0e0;
    background-color: white;
    border-top: none;
    padding: 20px;
}

    .summary .summary-where {
        border-right: 1px solid #e0e0e0;
        padding-right: 5px;
    }

        .summary .summary-where i {
            padding-top: 10px;
        }

        .summary .summary-where .text {
            font-weight: bold;
            display: inline;
        }

    .summary .summary-when {
        height: 55px;
    }

        .summary .summary-when .form-group {
            position: relative;
        }

            .summary .summary-when .form-group .fecha {
                cursor: pointer;
                background-color: #EEEEEE;
            }

            .summary .summary-when .form-group:before {
                content: "\e624";
                font-family: 'expoicons';
                font-style: normal;
                font-variant: normal;
                font-weight: normal;
                line-height: 1;
                text-transform: none;
                position: absolute;
                margin-top: 9px;
                color: #808080;
                display: table-cell;
                font-size: 16px;
                right: 9px;
                cursor: pointer;
            }

        .summary .summary-when .when-label {
            margin-bottom: 5px;
        }

    .summary .summary-how {
        margin-left: 19px;
        border-right: 1px solid #e0e0e0;
        border-left: 1px solid #e0e0e0;
        padding: 0 12px;
        height: 55px;
    }

        .summary .summary-how .how-label {
            margin-bottom: 5px;
        }

    .summary .how-dropdown {
        padding: 5px 10px;
        border-radius: 5px;
        border: 1px solid #c0c0c0;
        position: relative;
        height: 32px;
    }

    .summary .how-dropdown-pointer {
        cursor: pointer;
    }

    .summary .how-dropdown i {
        float: right;
        padding: 2px;
    }

    .summary .how-dropdown .how-options {
        display: none;
    }

    .summary .how-options .room {
        list-style-type: none;
        float: left;
        width: 100%;
        margin-left: 0;
        padding: 10px;
    }

        .summary .how-options .room .glyphicon-remove {
            font-size: 11px;
            color: white;
            background-color: #e0e0e0;
            border-radius: 20px;
            width: 17px;
            padding: 3px;
            cursor: pointer;
        }

        .summary .how-options .room .name {
            color: black;
            padding: 3px 0;
        }

        .summary .how-options .room .config {
            float: left;
            width: 100%;
            border-bottom: 1px solid #e0e0e0;
            padding-bottom: 15px;
            padding-top: 4px;
        }

            .summary .how-options .room .config .item {
                width: 50%;
                float: left;
            }

                .summary .how-options .room .config .item.adults {
                    padding-right: 10px;
                }

                .summary .how-options .room .config .item.children {
                    padding-left: 10px;
                }

                .summary .how-options .room .config .item select {
                    width: 100%;
                    margin-top: 5px;
                    padding: 0;
                    background-color: inherit;
                    box-shadow: 0px 0px 1px 1px #b0b0b0;
                }

    .summary .how-dropdown.expanded {
        border-radius: 5px 5px 0px 0px;
        border-bottom: none;
    }

    .summary .how-dropdown .more-rooms-wrapper i {
        float: left;
        background-color: #e0e0e0;
        color: white;
        padding: 3px;
        font-size: 9px;
        width: 15px;
        border-bottom: 1px solid #c0c0c0;
        margin-left: 10px;
        margin-top: 1px;
    }

    .summary .how-dropdown .more-rooms {
        margin-left: 10px;
        text-decoration: underline;
        color: black;
        font-size: 13px;
        cursor: pointer;
    }

    .summary .how-options.expanded {
        position: absolute;
        display: block;
        background-color: white;
        border: 1px solid white;
        margin-top: 5px;
        margin-left: -10px;
        padding: 10px;
        width: 100%;
        box-shadow: 0px 1px 1px 1px #c0c0c0;
        border-top: 1px dotted #c0c0c0;
        z-index: 1;
    }

    .summary .summary-submit {
        margin-top: 23px;
    }

        .summary .summary-submit[disabled] {
            color: grey;
        }

/**********************************************************/
/* Estilo temporal lecoatí para que sea usable como minimo*/
/**********************************************************/

#sendButtons {
	display: none;
}

#sendButtons .secundario {
	float: left;
	margin: 0;
	margin-left: 5px;
	width: 47%;
}

#sendButtons :not(.secundario) {
	float: right;
	margin: 0;
	width: 47%;
	margin-right: 5px;
}
/*******************************/
/* Fin estilo temporal lecoatí */
/*******************************/

/* Progress Bar */

.progress-bar-wrapper .progress-bar-steps .center-link {
    vertical-align: middle;
    display: table;
    height: 46px;
    margin: auto;
}

    .progress-bar-wrapper .progress-bar-steps .center-link div {
        display: table-cell;
        vertical-align: middle;
    }

    .progress-bar-wrapper .progress-bar-steps .center-link a {
        padding: 0 !important;
        margin: 0 !important;
        height: auto !important;
        border: none !important;
        width: auto;
        display: table-cell;
        background: none !important;
        font-size: 13px !important;
        font-family: helvetica !important;
    }

.progress-bar-wrapper .progress-bar-steps li.active.visited {
    background-color: white !important;
}

.progress-bar-wrapper .progress-bar-steps li.visited {
    background-color: #eeeeee !important;
    border-bottom: 3px solid #771E66 !important;
    font-weight: bold;
}

.progress-bar-wrapper .progress-bar-steps li.active a {
    font-weight: bold;
}

.progress-bar-wrapper .progress-bar-steps li.selectable,
.progress-bar-wrapper .progress-bar-steps li.selectable span {
    cursor: pointer;
}

/* Hotel Summary */
#hotel-summary .nombrehotel a {
    display: block;
}

    #hotel-summary .nombrehotel a:hover {
        outline: initial;
        text-decoration: none;
    }

#hotel-summary {
    margin-top: 36px;
    padding-top: 0;
    position: relative;
}

    #hotel-summary .fh_der {
        max-width: 240px;
    }

    #hotel-summary .precio-info {
        position: absolute;
        right: 30px;
        top: -6px;
        /*border: 1px solid #a0a0a0;*/
        z-index: 3;
        /*background: white;*/
        /*border-radius: 0px 0px 3px 3px;*/
    }

        /*#hotel-summary .precio-info .inside .destination {
            color: grey;
            text-transform: uppercase;
            background-color: #CACACA;
            padding: 2px 35px 5px 35px;
            border-bottom: 1px solid #a0a0a0;
        }

        #hotel-summary .precio-info .inside .desde {
            float: left;
            margin: auto;
            text-align: center;
            width: 100%;
            padding-top: 5px;
        }

        #hotel-summary .precio-info .inside .price {
            clear: both;
            float: left;
            width: 100%;
            font-size: 21px;
            font-weight: bold;
            font-family: Helvetica;
            padding-bottom: 5px;
            text-align: center;
        }*/

#CDSRATINGWIDGET535 {
    background: none !important;
    width: auto !important;
}

    #CDSRATINGWIDGET535 #CDSROWLOGO535 {
        text-indent: initial !important;
        margin: 0 !important;
    }

/* Hotel Summary Moodal */

#dv-modal-booking-hotel .location-address {
    font-size: 12px;
    padding-top: 7px;
}

/* Datepicker */

.body-general > .ui-datepicker {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    margin-top: 18px;
    padding: 10px !important;
    box-shadow: 0px 0px 2px #202020;
    border: none !important;
    padding-bottom: 5px !important;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title span {
    color: #606060;
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    display: inline !important;
}

span.ui-icon.ui-icon-circle-triangle-e:before {
    color: #303030;
    font-family: 'expoicons';
    content: "\e615";
    display: block;
    font-size: 12px;
    font-weight: bold;
    padding: 2px;
    text-indent: initial;
}

span.ui-icon.ui-icon-circle-triangle-w:before {
    color: #303030;
    font-family: 'expoicons';
    content: "\e60c";
    font-size: 12px;
    font-weight: bold;
    padding: 2px;
    display: block;
    text-indent: initial;
}

.ui-datepicker:before {
    position: absolute;
    top: -16px;
    left: 49px;
    display: inline-block;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #ccc;
    border-left: 15px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.3);
    content: '';
}

.ui-datepicker:after {
    position: absolute;
    top: -14px;
    left: 50px;
    display: inline-block;
    border-right: 14px solid transparent;
    border-bottom: 14px solid #fff;
    border-left: 14px solid transparent;
    content: '';
    .;
}

.ui-datepicker .ui-datepicker-header {
    background: transparent;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border: 0;
    border-top: 1px solid #C0C0C0;
    border-bottom: 1px solid #C0C0C0;
    padding: 0px !important;
}

.ui-datepicker .ui-datepicker-title {
    font-family: 'HelveticaNeueETW01-55Rg';
    font-size: 16px;
    color: #606060;
    text-transform: capitalize;
    font-weight: bold;
    line-height: 2em !important;
}

.ui-datepicker .ui-datepicker-calendar th {
    font-family: 'HelveticaNeueETW01-55Rg';
    font-size: 10px;
    color: #606060;
    text-transform: uppercase;
    font-weight: bold;
}

.ui-datepicker .ui-datepicker-calendar .ui-state-disabled {
    opacity: 1;
    filter: Alpha(Opacity=100);
    text-align: center;
}

    .ui-datepicker .ui-datepicker-calendar .ui-state-disabled .ui-state-default {
        background: #C0C0C0;
        border: 0;
        color: #fff;
        text-align: center;
    }

.ui-datepicker .ui-datepicker-calendar .ui-state-default {
    background: #771E66;
    border: 0;
    padding: 6px;
    font-family: 'HelveticaNeueETW01-65Md';
    font-size: 13px;
    font-weight: inherit;
}

    .ui-datepicker .ui-datepicker-calendar .ui-state-default:hover {
        background: #303030;
    }

.ui-datepicker .ui-datepicker-calendar .ui-state-active {
    background: #303030;
}

.ui-datepicker .ui-datepicker-calendar td {
    width: 20px;
    height: 20px;
}

    .ui-datepicker .ui-datepicker-calendar td a,
    .ui-datepicker .ui-datepicker-calendar td span
    {
        color: #fff;
        text-align: center;
    }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: 0;
    background: transparent;
    color: #212121;
    font-weight: normal;
}

.ui-datepicker .ui-datepicker-prev {
    left: 0px !important;
    top: 0px !important;
    width: 2.1em !important;
    height: 2.1em !important;
}

.ui-datepicker .ui-datepicker-next {
    right: 0px !important;
    top: 0px !important;
    width: 2.1em !important;
    height: 2.1em !important;
}

.ui-datepicker .ui-datepicker-next-hover {
    cursor: pointer;
    right: 0px !important;
    top: 0px !important;
    background: #e8e8e8 !important;
    border: none !important;
    border-radius: 0px !important;
}

.ui-datepicker .ui-datepicker-prev-hover {
    cursor: pointer;
    left: 0px !important;
    top: 0px !important;
    background: #e8e8e8 !important;
    border: none !important;
    border-radius: 0px !important;
}

.ui-datepicker .ui-state-hover .ui-icon,
.ui-datepicker .ui-state-focus .ui-icon,
.ui-datepicker .ui-corner-all .ui-icon {
    background: none;
}

/* Other things */

.accordion-pane {
    border: 1px solid rgb(184, 184, 184);
    border-bottom-width: 1px;
    box-shadow: rgb(204, 204, 204) -1px 1px 3px;
    background-color: #ECECEC;
    margin-top: -1px;
    cursor: pointer;
    position: relative;
    line-height: 42px;
}

    .accordion-pane .header {
        padding-left: 10px;
        float: left;
    }

        .accordion-pane .header .offer-info-result {
            left: 0px;
            top: 0px;
            bottom: 0px;
            float: left;
        }

        .accordion-pane-inner .offer-info .offer-info-countdown {
            margin-left: 55px;
            padding-right: 55px;
        }

    .accordion-pane.disabled {
        color: #B8B8B8;
        cursor: not-allowed;
    }

.accordion-pane i.arrow {
    float: right;
    padding: 12px;
    margin-right: 14px;
    right: 0;
    position: absolute;
}

.accordion-pane-inner {
    border-right-color: rgb(224, 224, 224);
    border-bottom-color: rgb(224, 224, 224);
    border-left-color: rgb(224, 224, 224);
    border: 1px solid #B8B8B8;
    border-top: 0;
    font-family: Helvetica;
}

    .accordion-pane-inner .copy-room-config {
        border-bottom: 1px solid #b8b8b8;
        padding: 0 15px;
    }

#catalogue {
    background-color: white;
    margin-bottom: 30px;
    overflow: hidden;
}

    #catalogue .hasDatepicker {
        border: 1px solid #B8B8B8;
        border-top: 0;
        padding-top: 2px;
    }

    #catalogue .ui-datepicker {
        width: auto !important;
        border-radius: 0px;
    }

    #catalogue .ui-icon, .ui-widget-content .ui-icon {
        font-size: 14px;
    }

    #catalogue .date-selection .date-selection-header {
        border: 1px solid #B8B8B8;
        background-color: #ECECEC;
        box-shadow: -1px 1px 3px #ccc;
        border-bottom-width: 1px;
        margin-top: -1px;
        cursor: pointer;
    }

        #catalogue .date-selection .date-selection-header.collapsed {
            color: #808080;
            margin-bottom: 0px;
        }

    #catalogue .ui-datepicker .ui-datepicker-header {
        border-top: none;
    }

    #catalogue .summary-submit {
        padding: 8px;
        background-color: #dddddd;
        margin: 16px;
        margin-right: 0px;
        float: right;
    }

        #catalogue .summary-submit[disabled] {
            color: grey;
        }

    /* Promotional code */
    #catalogue .promo-code {
        padding: 15px;
        background-color: white;
        border: 1px solid #bbb;
    }

        #catalogue .promo-code .promo-code-input {
            width: 107px;
            background-color: white;
            margin: 0 20px;
            box-shadow: 0px 0px 1px 1px #ccc;
            border-radius: 2px;
            height: 26px;
        }

.discount-percentage {
    font-size: 18px;
    font-weight: bold;
}

.remove-discount {
    float: right;
}

/*#cataloge .promo-code .discount-applied .remove-discount{
    float: right;
}
*/

.ficha_hotel .countdown-wrapper {
    border-right: 1px solid #ddd;
    font-size: 13px;
}

.countdown-wrapper {
    text-align: right;
    padding-right: 10px;
}

    .countdown-wrapper .glyphicon-time {
        font-size: 18px;
        vertical-align: middle;
        color: #777;
        margin-bottom: 4px;
        margin-right: 5px;
        margin-left: 5px;
    }

/****************************************************/
/********************** Offer ***********************/
/****************************************************/

.ficha_hotel .offer-info {
    padding-top: 0 !important;
    border: none !important;
}

.ficha_hotel .offer-info-result {
    margin-left: 0;
}

.offer-info-slider {
    border: 1px solid #e0e0e0;
    border-bottom: none;
    background-color: white;
}

.offer-info-text {
    background-color: white !important;
    border: 1px solid #e0e0e0;
}

    .offer-info-text h3 {
        margin: 3px 0;
        font-size: 16px;
        text-decoration: underline;
    }

    .offer-info-text-inner {
        float: left;
        margin-left: 10px;
    }

.offer-icon {
    font-size: 40px;
    float: left;
    color: rgba(255, 235, 0, 0.6);
    text-shadow: -4px -5px 20px white, 1px 1px 1px #000, 0px 0px 3px white;
}

.offer-info-result {
    float: left;
    padding: 5px;
    text-align: center;
    background-color: #ddd;
    border-right: 1px solid #b8b8b8;
}

    .offer-info-result .offer-icon {
        top: 0px;
        text-shadow: rgb(218, 218, 218) -4px -5px 20px, rgb(63, 63, 37) 1px 1px 1px, rgb(223, 223, 223) 0px 0px 3px;
        font-size: 32px;
    }

.offer-icon-text {
    position: absolute;
    color: black;
    top: 15px;
    left: 4px;
    font-weight: bold;
    font-family: Helvetica;
    font-size: 9px;
    text-transform: uppercase;
    text-shadow: 1px 1px 2px #888;
}

.offer-info-result .offer-icon-text {
    top: 13px;
    left: 5px;
    font-size: 8px;
    letter-spacing: -1px;
}

/****************************************************/
/************** General Selection List **************/
/****************************************************/

#catalogue .customize-stay, #catalogue .booking-data {
    padding-top: 1px;
}

#catalogue .row-selection .row-photo {
    float: left;
}

    #catalogue .row-selection .row-photo img {
        border: 1px solid rgb(170, 170, 170);
        width: 100%;
        height: auto;
    }

    #catalogue .row-selection .row-photo a {
        margin: 0;
    }

/* Rooms Selection List */

#catalogue .rooms-selection .room-type {
}

#catalogue .rooms-selection .accordion-pane-inner .room-type:not(:last-child) .room-type-inner {
    box-shadow: rgb(184, 184, 184) 0px 1px 2px;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #666;
}

#catalogue .rooms-selection .room-type .room-type-inner {
    position: relative;
    padding: 15px;
}

    #catalogue .rooms-selection .room-type .room-type-inner .modal {
        overflow: visible;
    }

#catalogue .rooms-selection .room-type .countdown-wrapper {
    text-align: right;
    padding-right: 5px;
}

#catalogue .rooms-selection .room-type-photo {
    float: left;
}

    #catalogue .rooms-selection .room-type-photo img {
        border: 1px solid rgb(170, 170, 170);
        width: 100%;
        height: auto;
    }

    #catalogue .rooms-selection .room-type-photo a {
        margin: 0;
    }

#catalogue .rooms-selection .room-type-description {
    padding-left: 15px;
    height: 120px;
    position: relative;
}

#catalogue .rooms-selection .room-type-details {
    margin-left: 0;
    position: absolute;
    bottom: 0;
}

#catalogue .rooms-selection .room-type-price-info {
    height: 120px;
    text-align: center;
    float: right;
    width: 140px;
}

#catalogue .rooms-selection .room-type-original-price {
    text-decoration: line-through;
}

#catalogue .rooms-selection .room-type-select {
    bottom: 0px;
    margin-left: auto;
    margin-right: 15px;
    position: absolute;
    right: 0;
}

    #catalogue .rooms-selection .room-type-select .number-rooms-left {
        line-height: 30px;
    }

    #catalogue .rooms-selection .room-type-select .select-room {
        margin-bottom: 15px;
    }

#catalogue .selected-room {
    padding: 15px;
    position: relative;
    border-color: rgb(184, 184, 184);
    border-style: solid;
    border-width: 0px 1px 1px;
    background-color: #E0E0E0;
}

    #catalogue .selected-room .room-type-select {
    }

    #catalogue .selected-room .room-stock {
        margin-bottom: 8px;
    }

    #catalogue .selected-room .room-type-price-info .total {
        font-size: 17px;
        border-width: 1px 1px 0px;
        background-color: #FFF;
        border-radius: 4px 4px 0 0;
        border: 1px solid #888;
        border-bottom: 0;
        font-weight: bold;
        padding: 8px;
    }

        #catalogue .selected-room .room-type-price-info .total p {
            font-weight: bold;
        }

[ng\:cloak], [ng-cloak], .ng-cloak {
    display: none !important;
}

#content {
    float: none;
    width: auto;
}

/* Familiar room popup */
#familiarRoom .familiarRoom-title {
    font-weight: bold;
    background-color: #eee;
    padding: 15px;
    font-family: Helvetica;
    border-bottom: 1px solid #ddd;
}

#familiarRoom .familiarRoom-content {
    padding: 15px;
}

#familiarRoom .familiarRoom-question {
    padding: 15px;
    margin-top: 10px;
    background-color: #eee;
    font-weight: bold;
}

#familiarRoom .fieldset {
    padding: 15px;
    color: black;
    border: 1px solid #747474;
    margin-top: 5px;
}

#familiarRoom .fieldset-question {
}

#familiarRoom .fieldset-button {
    float: right;
}

/* Room config */

.copy-room-config input {
    margin-top: 1px;
}

#room-config {
    padding: 15px;
}

    #room-config .price-text {
        font-size: 12px;
        float: right;
        padding-bottom: 7px;
    }

    #room-config .room-config-box-text {
        background-color: #ddd;
        clear: both;
        padding: 4px 8px;
    }

    #room-config .room-config-options {
        margin: 8px 0;
        padding: 0;
    }

    #room-config .room-config-option {
        border: 1px solid #aaa;
        margin-top: 5px;
        padding: 7px;
    }

        #room-config .room-config-option input[type=radio] {
            vertical-align: middle;
            float: none;
            margin: 0;
        }

        #room-config .room-config-option img {
            margin: 0 5px;
        }

        #room-config .room-config-option .price-selection {
            float: right;
            position: relative;
        }

            #room-config .room-config-option .price-selection .price-total {
                display: inline-table;
                width: 100px;
                text-align: right;
            }

            #room-config .room-config-option .price-selection .price-tooltip {
                padding: 8px;
                text-align: left;
            }

            #room-config .room-config-option .price-selection .glyphicon-question-sign {
                margin: 0 8px;
            }

        #room-config .room-config-option button {
            width: 116px;
            padding: 3px;
            position: relative;
            padding-right: 13px;
            padding-left: 17px;
        }

            #room-config .room-config-option button.selected {
                padding-right: 0px;
                color: grey;
            }

            #room-config .room-config-option button i {
                position: absolute;
                left: 5px;
                color: #aaa;
                top: 6px;
            }

        #room-config .room-config-option .name {
            font-weight: bold;
        }

    #room-config .room-features-price {
        float: right;
        font-style: italic;
        font-weight: bold;
    }

    #room-config .room-config-features-box {
        padding: 8px 0;
    }

    #room-config .room-config-features-title {
        font-weight: bold;
        padding: 8px 0;
    }

    #room-config .room-config-features-box .room-config-feature {
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: rgb(170, 170, 170);
        display: inline-block;
        height: 65px;
        vertical-align: top;
    }

        #room-config .room-config-features-box .room-config-feature:last-child {
            border-right: none;
        }

    #room-config .room-config-feature label {
        color: #333;
        margin-bottom: 16px;
    }

    #room-config .room-config-feature input[type="radio"] {
        margin-top: 2px;
    }

    #room-config .room-config-features-separator {
        margin: 8px 0;
    }

    #room-config .room-config-comments .room-config-comments-box {
        height: 96px;
    }

    #room-config .room-config-comments .room-config-comments-text {
        height: 100%;
        width: 100%;
    }

.config-room-navigator-box {
    border-style: none solid solid;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-color: rgb(184, 184, 184);
    border-bottom-color: rgb(184, 184, 184);
    border-left-color: rgb(184, 184, 184);
    padding: 15px;
}

.config-next-room {
    float: right;
}

    .config-next-room span {
        cursor: not-allowed;
        color: #808080;
        text-decoration: underline;
    }

    .config-next-room a {
        text-decoration: underline;
    }

/* Customize Stay */

.customize-option {
    border-bottom: 2px solid #333;
    padding: 16px;
}

    .customize-option:last-child {
        border-bottom: none;
    }

    .customize-option.selected {
        background-color: #E0E0E0;
    }

    .customize-option .customize-option-price-info {
        background-color: #FFF;
        border: 2px solid #888;
        border-radius: 4px 2px 2px 4px;
        font-size: 16px;
        font-weight: bold;
        left: 19px;
        padding: 4px 0 8px 0;
        position: relative;
        text-align: center;
    }

        .customize-option .customize-option-price-info p {
            font-size: 0.7em;
            font-weight: bold;
        }

    .customize-option .customize-option-header {
        border-bottom: 1px solid #000;
    }

    .customize-option .customize-option-last-item {
        margin-top: 57px;
    }

    .customize-option .customize-option-selection-container {
        border-top: 1px dotted #333;
        padding-top: 8px;
    }

    .customize-option .customize-option-selection {
        border-bottom: 1px solid #B8B8B8;
        padding: 12px 0;
    }

    .customize-option .customize-option-total-price {
        font-weight: bold;
        margin-top: 8px;
    }

    .customize-option .customize-option-add-button {
        padding: 4px 0px;
        width: 100px;
    }

    .customize-option .customize-option-selection-container .customize-option-room-rooms {
        width: 195px;
    }

    .customize-option .customize-option-selection.room-option {
        border-bottom: none;
        padding-bottom: 0;
    }

    .customize-option .customize-option-selection-container .customize-option-product-comments-link {
        padding-top: 8px;
    }

        .customize-option .customize-option-selection-container .customize-option-product-comments-link a {
            margin: 0;
            text-decoration: underline;
        }

.custom-dropdown {
    cursor: pointer;
    border: 1px solid #C0C0C0;
    border-radius: 4px;
    height: 32px;
    padding: 4px 8px;
    position: relative;
}

    .custom-dropdown .custom-dropdown-pointer i {
        float: right;
        padding: 2px;
    }

    .custom-dropdown .custom-dropdown-options {
        background-color: #fff;
        border-top: 1px dotted #C0C0C0;
        box-shadow: 0px 1px 1px 1px #C0C0C0;
        left: 0;
        position: absolute;
        top: 30px;
        width: 100%;
    }

        .custom-dropdown .custom-dropdown-options .custom-dropdown-option {
            color: #333;
            display: block;
            list-style-type: none;
            margin: 0;
            padding: 8px;
        }

            .custom-dropdown .custom-dropdown-options .custom-dropdown-option:hover {
                background-color: #efefef;
            }

            .custom-dropdown .custom-dropdown-options .custom-dropdown-option .room-option-multiple {
                cursor: pointer;
                font-family: 'HelveticaNeueETW01-55Rg';
                margin: 0;
                padding: 0;
                text-align: left;
                width: 100%;
            }

                .custom-dropdown .custom-dropdown-options .custom-dropdown-option .room-option-multiple.selected {
                    font-weight: bold;
                }


                .custom-dropdown .custom-dropdown-options .custom-dropdown-option .room-option-multiple input[type="checkbox"] {
                    margin: 0;
                    padding: 0;
                    margin-right: 4px;
                }

/* Booking Data */

/*ESTÁ COMENTADO POR QUE YA EXISTEN ESTILOS PROPIOS PARA LOS CAMPOS DE FORMULARIOS
    .booking-data-form input {
    display: inline-block;
    vertical-align: middle;
}*/

    /*ESTÁ COMENTADO POR QUE YA EXISTEN ESTILOS PROPIOS PARA LOS CAMPOS DE FORMULARIOS

    .booking-data-form input[type="text"],
    .booking-data-form input[type="password"],
    .booking-data-form input[type="email"],
    .booking-data-form select {
        background-color: #FFF;
        border: 1px solid #CCC;
        border-radius: 4px;
        font-size: 12px;
        height: 30px;
        line-height: 20px;
        padding: 4px 6px;
        width: 100%;
    }*/

    .booking-data-form input[type="radio"],
    .booking-data-form input[type="checkbox"] {
        margin-right: 4px;
        margin-top: 1px;
    }

.booking-data-form .booking-data-form-group {
    margin-bottom: 8px;
}

.booking-data-form .booking-data-form-label {
    display: inline-block;
    padding-top: 5px;
    text-align: right;
    width: 100%;
}

    .booking-data-form .booking-data-form-label.inline {
        width: auto;
    }

.booking-data-form .booking-data-form-error {
    color: red;
    font-family: 'HelveticaNeueETW01-55Rg';
    font-size: 9px;
}

.booking-data-personal,
.booking-data-billing {
    padding: 16px;
}

.booking-data-block .booking-data-block-title {
    background-color: #E0E0E0;
    padding: 4px;
    padding-left: 16px;
}

.booking-data-block .booking-data-block-content {
    padding: 8px 0;
}

.booking-data-options {
    margin: 8px 0;
    text-align: center;
}

    .booking-data-options .booking-data-option,
    .booking-data-options .booking-data-options-separator {
        display: inline-block;
        height: 100%;
        vertical-align: top;
    }

    .booking-data-options .booking-data-option {
        width: 46%;
        border: 2px solid #666;
        padding: 12px;
    }

        .booking-data-options .booking-data-option.selected {
            color: #E0E0E0;
            border-width: 3px;
        }

        .booking-data-options .booking-data-option.first {
            float: left;
        }

        .booking-data-options .booking-data-option.last {
            float: right;
        }

        .booking-data-options .booking-data-option.selected {
            background-color: #E0E0E0;
            border-width: 3px;
        }

        .booking-data-options .booking-data-option .booking-data-option-label {
            cursor: pointer;
            display: block;
            font-size: 14px;
            height: 100%;
            width: 100%;
        }

.identification-options .identification-option .identification-option-text {
    font-weight: bold;
}

.booking-data-options .booking-data-option .booking-data-option-radio {
    margin-right: 4px;
    margin-top: 1px;
}

.booking-data-options .booking-data-options-separator {
    border-right: 1px solid #C0C0C0;
    margin: 0 16px;
    width: 1px;
}

.billing-data-options {
    height: 365px;
}

.billing-option-label {
    position: relative;
}

.billing-option-text-container {
    font-weight: bold;
    margin-bottom: 12px;
}

.billing-option-description-container {
    margin-bottom: 8px;
}

.billing-option-offer-container {
    font-weight: bold;
    margin-bottom: 4px;
}

.billing-option-image-container {
    margin-bottom: 8px;
}

.billing-option-button {
    bottom: 0;
    font-size: 12px;
    left: 25%;
    padding: 8px 0;
    text-align: center;
    position: absolute;
    width: 150px;
}

.identification-options {
    height: 48px;
}

.identification-option-label {
    font-weight: bold;
    text-align: left;
}

.login-data-block {
    border: 1px solid #666;
}

.booking-data-block .login-data-block .booking-data-block-title {
    border-bottom: 1px solid #C0C0C0;
    background-color: #FFF;
    font-size: 12px;
    margin: 0 4px;
    padding: 8px;
    padding-left: 2px;
}

.booking-data-block .login-data-block .booking-data-block-content {
    padding-bottom: 0;
}

.login-data-block .login-data-block-title-icon,
.login-data-block .login-data-block-title-text {
    vertical-align: middle;
}

.login-data-block .login-data-block-title-icon {
    font-size: 16px;
    margin-right: 8px;
}

.booking-data-login-form .booking-data-login-form-submit {
    font-size: 12px;
    padding: 4px 0;
    width: 120px;
}

.booking-data-login-form .booking-data-login-form-forgot-password {
    font-size: 12px;
    min-height: 0;
}

.booking-data-login-form .booking-data-login-form-forgot-link {
    text-decoration: underline;
}

.booking-data-required,
.billing-compare-rates {
    float: right;
    font-size: 12px;
    margin-top: 2px;
    margin-right: 4px;
}

.contact-data-required {
    color: #808080;
}

.billing-compare-rates {
    text-decoration: underline;
}

.contact-data-form {
    border-top: 1px solid #C0C0C0;
}

    .contact-data-form .contact-data-user-authenticated {
        text-align: right;
    }

    .contact-data-form .contact-data-user-authenticated-item {
        position: relative;
        vertical-align: middle;
        top: 16px;
    }

    .contact-data-form .contact-data-label-client-type {
        position: relative;
        top: 8px;
    }

    .contact-data-form .phone-info,
    .contact-data-form .password-info .password-info-text {
        font-size: 11px;
    }

    .contact-data-form .phone-info {
        color: #C0C0C0;
        margin-left: 8px;
    }

    .contact-data-form .password-info .password-info-text {
        display: inline-block;
        vertical-align: top;
        width: 170px;
    }

    .contact-data-form .password-info-icon {
        cursor: pointer;
        vertical-align: top;
    }

.contact-data-form-submit-container {
    border-bottom: 1px solid #C0C0C0;
    padding: 8px 16px;
    text-align: right;
}

    .contact-data-form-submit-container .submit-contact-data-form {
        padding: 8px;
    }

.billing-final-price-container {
    border: 2px solid #666;
    font-size: 16px;
    font-weight: bold;
    margin: 8px 0;
    padding: 8px;
}

    .billing-final-price-container .billing-final-price-label {
        float: left;
        font-size: 14px;
    }

    .billing-final-price-container .billing-final-price {
        float: right;
    }

.no-charges-info {
    border: 1px solid #333;
    margin-bottom: 12px;
    padding: 8px 0;
    text-align: center;
}

.cvv-help-icon {
    cursor: pointer;
    vertical-align: bottom;
}

.booking-data-policy-container {
    border-bottom: 1px solid #C0C0C0;
    padding-bottom: 16px;
}

.booking-data-policy-box {
    background-color: #E0E0E0;
    border: 1px solid #666;
    height: 52px;
    margin-top: 16px;
    padding: 8px;
}

    .booking-data-policy-box .booking-data-policy-label {
        height: 20px;
        margin-left: 16px;
        margin-top: 8px;
    }

    .booking-data-policy-box .booking-data-policy-check {
        height: 16px;
        margin-right: 4px;
        margin-top: 1px;
        width: 16px;
    }

    .booking-data-policy-box .booking-data-policy-link {
        text-decoration: underline;
    }

/* ngModal */

.ng-modal-overlay {
    /* A dark translucent div that covers the whole screen */
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    background-color: #000000;
    opacity: 0.4;
    bottom: 0;
    right: 0;
}

.ng-modal-dialog {
    /* A centered div above the overlay with a box shadow. */
    z-index: 10000;
    position: fixed;
    width: 50%; /* Default */
    /* Center the dialog */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    background-color: #fff;
    box-shadow: 2px 2px 40px rgba(0, 0, 0, 0.43);
}

.ng-modal-dialog-content {
    font-family: Helvetica, sans-serif;
    text-align: left;
}

.ng-modal-close {
    position: absolute;
    top: 9px;
    right: 9px;
    display: inline-block;
    color: white;
    background-color: #747474;
    border-radius: 20px;
    font-size: 9px;
    width: 15px !important;
    padding: 2px 1px 3px 3px;
    cursor: pointer;
}

/* Rooms modal */

.room-type-popup {
    width: 620px;
}

@media (max-width: 767px) and (min-width: 320px) {
    .room-type-popup {
        width: auto;
    }

	#sendButtons {
		display: block;
	}
}

.room-type-popup-content {
    background-color: #FFF;
    border-top: 3px solid #771E66;
}

.room-type-popup-header {
    min-height: 50px;
    background: linear-gradient(to bottom, #E0E0E0 0%, #E0E0E0 84%, #CBCBCB 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.room-type-popup-title {
    background-color: transparent;
    display: inline-block;
    padding: 12px 0 0 16px;
    width: 60%;
}

    .room-type-popup-title h3 {
        margin: 0;
    }

.room-type-popup-close {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: #808080;
    float: right;
    font-size: 13px;
    height: 40px;
    margin: 0;
    padding: 0;
    right: 0;
    width: 40px;
}

.room-type-popup-main-content {
    padding: 16px;
}

.room-type-popup-carrousel {
    margin: 0 auto;
    padding: 0;
}

    .room-type-popup-carrousel .responsive-slider {
        height: auto;
        overflow: visible;
        left: 0;
        width: 100%;
    }

.room-type-popup .responsive-slider .slider-control {
    background: none repeat scroll 0 0 #202020;
    color: #FFFFFF;
    font-size: 30px;
    opacity: 0.6;
    padding: 30px 10px;
    position: absolute;
    top: 35%;
    height: auto;
    border-radius: 0;
    width: 40px;
    margin: 0;
}

    .room-type-popup .responsive-slider .slider-control.left {
        left: 0;
        z-index: 9999;
    }

    .room-type-popup .responsive-slider .slider-control.right {
        border-radius: 0;
        padding-right: 0;
        right: 0;
        z-index: 9999;
    }

.room-type-popup .responsive-slider .slides ul li .slide-body {
    margin-right: 6px;
}

.room-type-popup-container-carrousel-small {
    clear: left;
    margin: 0 auto;
    max-width: 580px;
    padding: 16px 0;
}

.room-type-popup .room-type-popup-container-carrousel-small .responsive-slider {
    height: 64px;
    overflow: visible;
}

    .room-type-popup .room-type-popup-container-carrousel-small .responsive-slider .slider-control {
        top: 0;
        height: 100%;
        border-radius: 0;
        padding: 20px 2px;
        font-size: 20px;
        width: auto;
    }

.b_hotel_listado_resultados div.bg_flecha {
    z-index: initial;
}

.b_hotel_listado_resultados div.ribete_triangulo_01 {
    z-index: initial;
}

.b_hotel_listado_resultados div.sombra_triangulo_01 {
    z-index: initial;
}

.b_hotel_listado_resultados div.ribete_triangulo_03 {
    z-index: initial;
}

.b_hotel_listado_resultados div.sombra_triangulo_03 {
    z-index: initial;
}

.b_hotel_listado_resultados div.sombra_triangulo_02 {
    z-index: initial;
}

.b_hotel_listado_resultados div.ribete_triangulo_02 {
    z-index: initial;
}

.b_hotel_listado_resultados .caja_desde {
    z-index: initial;
}


@media (max-width: 767px) and (min-width: 320px) {
    #mapCanvas.fullscreen {
        margin-top: 58px;
    }

    #hotel-summary .precio-info {
        display: none;
    }
}

/* Custom cancelation form */
#cancellationform input[type=number]::-webkit-outer-spin-button,
#cancellationform input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#cancellationform input[type=number] {
    -moz-appearance:textfield;
}