/* Evito la línea al pasar por los enlaces. */
a:hover {
    text-decoration: none;
}

.breadcrumb {
    padding: 10px 0;
}

.breadcrumb > li + li:before {
    content: " ";
    padding: 0 2px;
    /*
        color: #ccc;
        padding: 0 5px;
    */
}

.home-item {
    color: silver;
}

.panel-home-item {
    padding: 16px;
}

#property-map-canvas {
    height: 480px;
    padding: 0;
}

.map-marker-main-image {
    margin-top: 8px;
    width: 300px;
    max-height: 200px; /* Esto evita scroll vertical en la capa informativa del inmueble sobre el mapa. */
}

#general-map-canvas {
    height: 600px;
    padding: 0;
}

#property-availability-calendar {
    height: 276px;
}

#property-description {
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
}

#home-page-property-description {
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
}

#property-carousel-image {
    max-height: 500px;
}

#property-carousel-image-cell {
    padding-left: 1px;
    padding-right: 1px;
}

/* Forzar que las imágenes con formato estrecho queden centradas en el carrusel. */
.carousel-inner > .item > img {
    margin: 0 auto;
}

#footer-container {
    color: white;
    min-height: 240px;

    background: -webkit-linear-gradient(#1F1F1F, black); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#1F1F1F, black); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#1F1F1F, black); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#1F1F1F, black); /* Standard syntax */
}

#footer-container a {
    color: white;
    text-decoration: none;
}

#footer-container a:hover {
    text-decoration: none;
}

#footer-socialicons {
    padding-top: 24px;
    padding-left: 0px;
}

#footer-socialicons li {
    display: inline;
    margin-right: 24px;
}

#footer-socialicons li:last-child {
    margin-right: 0px;
}

.footer-link-list-header {
    margin-top: 24px;
}

.footer-link-list {

}

.footer-link-list li {
    border-left: 1px solid white;
    padding-left: 10px;
    margin-bottom: 10px;
}

#footer-copyright {
    padding-top: 24px;
    padding-right: 72px;
    padding-bottom: 16px;
    text-align: right;
    font-size: small;
    color: #FEFEFE;
    font-size: 12px;
}

#footer-copyright a {
    color: #656565;
}

#footer-copyright a:hover {
    color: white;
}

#footer-copyright-separator {
    border-color: #4f4f4f;
    width: 96%;
}

#copyright-logo-img {
    width: 75px;
}

#search-box {
}

#search-box-button {
    border-left: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    color: #333;
    cursor: pointer;
}

#search-box-button i {
    transform: rotate(90deg);
}

/*
Contenedor <div> del <iframe> que a su vez contiene el formulario principal de ROL
*/
#rol-mainform-container {
    /*
    Con este background tan peculiar se crea una banda de un color sólido
    justo en la franja horizontal con los controles del formulario de ROL.
    el resto queda también con un color sólido (el segundo especificado)

    background: linear-gradient(to bottom, #bfbf00 54px, white 0px);

    Finalmente no lo he utilizado porque he optado por un fondo transparente.
    */

    /*
    La banda con el formulario horizontal de ROL queda semitransparente y
    desplazado hacia arriba de modo que el slider de imágenes se desplaza
    perfectamente por debajo.
    */
    /* background: rgba(0, 0, 0, 0.1); */
    margin: 0 auto auto auto;
    position: relative;

    /*
    Esto es fundamental para que aparezca la barra horizontal de scroll cuando se están visualizando los resultados
    de ROL y se está en el proceso de reserva. IMPORTANTE: hay que tener muy claro que la barra de scroll horizontal
    pertenece al <div> y no al <iframe>
    */
    overflow: auto;
    text-align: center;
}

/*
    <iframe> con el formulario principal de consulta precio/disponibilidad de ROL
*/
#iframe-rol-mainform {
    width: 100%;
    /*
    El background-color: transparent permite que "mande" el fondo establecido
    en el <div id="rol-mainform-container"> que contiene el <iframe>.

    ATENCIÓN: Parece que aunque no lo especifique, el <iframe> sigue siendo
    transparente, pero prefiero ser explícito.
    */
    background-color: transparent;
    border: 0;
}

/*
    Botón que se muestra superpuesto a los resultados de ROL (por encima del contenido del <iframe>) que permite
    llevar el <iframe> formulario inicial para poder hacer de nuevo búsquedas.
*/
#rol-closing-button {
    position: absolute;
    top: 13px;
    left: 18px;
    visibility: hidden;
    color: #bfbfbf;
    cursor: pointer;
}

/*
    Modifico la posición de la información de texto que aparece en el slider de cabecera
    desplazándolo hacia arriba para dejar espacio al formulario horizontal de ROL.
*/
.carousel-caption {
    margin-bottom: 70px;
}

/*
    Modifico la posición de los controles (bolitas de selección) del slider de cabecera
    desplazándolo hacia arriba para dejar espacio al formulario horizontal de ROL.
*/
.carousel-indicators {
    margin-bottom: 70px;
}

/* Icono informativo en la capa informativa del inmueble sobre el mapa. */
.info-icon-on-map-layer {
    font-size: 21px;
}

/* Contenedor central de la web (sin cabecera ni pie) */
#main-container {
    padding-bottom: 32px;
}

/* Párrafo con la descripción de los alojamientos en los listados */
.property-description-on-list {
    border-bottom: 2px solid #ededed;
    padding-bottom: 24px;
}

/* Cabecera mensaje modal */
#modal-message-header-text {
    color: #333333;
}

/* Texto mensaje modal */
#modal-message-main-text {
    color: #333333;
}

/*
Contenedor <div> del <iframe> que a su vez contiene el formulario de ROL para la ficha de los alojamientos
*/
#rol-propertyform-container {
    /*
    Con este background tan peculiar se crea una banda de un color sólido
    justo en la franja horizontal con los controles del formulario de ROL.
    el resto queda también con un color sólido (el segundo especificado)

    background: linear-gradient(to bottom, #bfbf00 54px, white 0px);

    Finalmente no lo he utilizado porque he optado por un fondo transparente.
    */

    /*
    La banda con el formulario horizontal de ROL queda semitransparente y
    desplazado hacia arriba de modo que el slider de imágenes se desplaza
    perfectamente por debajo.
    */
    /*background: rgba(0, 0, 0, 0.1);*/
    /* margin: -61px auto auto auto; */
    /* margin: auto; */
    position: relative;
    background-color: white;

    /*
    Esto es fundamental para que aparezca la barra horizontal de scroll cuando se están visualizando los resultados
    de ROL y se está en el proceso de reserva. IMPORTANTE: hay que tener muy claro que la barra de scroll horizontal
    pertenece al <div> y no al <iframe>
    */
    overflow: auto;
    text-align: center;
}

/* Aprovechamos la totalidad del ancho para el formulario de ROL en la ficha del inmueble */
#rol-propertyform-container > .col-md-12 {
    padding-right: 0px;
    padding-left: 0px;
}

/*
    <iframe> con el formulario de consulta precio/disponibilidad de ROL para la ficha de los alojamientos
*/
#iframe-rol-propertyform {
    width: 100%;
    /*
    El background-color: transparent permite que "mande" el fondo establecido
    en el <div id="rol-mainform-container"> que contiene el <iframe>.

    ATENCIÓN: Parece que aunque no lo especifique, el <iframe> sigue siendo
    transparente, pero prefiero ser explícito.
    */
    background-color: transparent;
    border: 0;
}

#pre-footer-container {
    overflow: hidden;
    padding: 0;
}

#home-outstanding-bottom-1 > span {
    font-size: 12px;
}

.text-on-outstanding-home-picture,
.text-on-1col-list-picture,
.text-on-2col-list-picture,
.text-on-3col-list-picture,
.text-on-4col-list-picture {
    z-index: 100;
    position: absolute;
    color: white;
    font-family: 'Didact Gothic', sans-serif;
    font-size: 20px;
    left: 28px;
    top: 8px;
    text-shadow: 1px 1px #7d7d7d;
}

/* Con esta clase se fuerza a que la referencia pase a la derecha cuando el ribete está a la izquierda en la imagen */
.text-on-picture-force-right {
    right: 28px !important;
    left: auto !important;
}

.text-on-4col-list-picture {
    z-index: 100;
    position: absolute;
    color: white;
    font-family: 'Didact Gothic', sans-serif;
    font-size: 16px;
    left: 24px;
    top: 48px;
    text-shadow: 1px 1px #7d7d7d;
}

.text-on-map-marker-picture {
    z-index: 100;
    position: absolute;
    color: white;
    font-family: 'Didact Gothic', sans-serif;
    font-size: 20px;
    left: 30px;
    right: 20px;
    top: 10px;
    text-shadow: 1px 1px #7d7d7d;
}

/* Estilo adrede sólo para Google Maps para posicionar correctamente el nombre del inmueble sobre la foto */
.gm-style .text-on-map-marker-picture {
    left: 20px;
    top: 20px;
}

/* Carrusel utilizado en la ficha del inmueble.
   Basado en http://www.bootply.com/nzrvBm7d1u
*/
.carousel-showmanymoveone .carousel-control {
    width: 4%;
    background-image: none;
}

.carousel-showmanymoveone .carousel-control.left {
    margin-left: 15px;
}

.carousel-showmanymoveone .carousel-control.right {
    margin-right: 15px;
}

.carousel-showmanymoveone .cloneditem-1,
.carousel-showmanymoveone .cloneditem-2,
.carousel-showmanymoveone .cloneditem-3 {
    display: none;
}

@media all and (min-width: 768px) {
    .carousel-showmanymoveone .carousel-inner > .active.left,
    .carousel-showmanymoveone .carousel-inner > .prev {
        left: -50%;
    }

    .carousel-showmanymoveone .carousel-inner > .active.right,
    .carousel-showmanymoveone .carousel-inner > .next {
        left: 50%;
    }

    .carousel-showmanymoveone .carousel-inner > .left,
    .carousel-showmanymoveone .carousel-inner > .prev.right,
    .carousel-showmanymoveone .carousel-inner > .active {
        left: 0;
    }

    .carousel-showmanymoveone .carousel-inner .cloneditem-1 {
        display: block;
        padding: 0;
    }
}

@media all and (min-width: 768px) and (transform-3d), all and (min-width: 768px) and (-webkit-transform-3d) {
    .carousel-showmanymoveone .carousel-inner > .item.active.right,
    .carousel-showmanymoveone .carousel-inner > .item.next {
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0);
        left: 0;
    }

    .carousel-showmanymoveone .carousel-inner > .item.active.left,
    .carousel-showmanymoveone .carousel-inner > .item.prev {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
        left: 0;
    }

    .carousel-showmanymoveone .carousel-inner > .item.left,
    .carousel-showmanymoveone .carousel-inner > .item.prev.right,
    .carousel-showmanymoveone .carousel-inner > .item.active {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        left: 0;
    }
}

@media all and (min-width: 992px) {
    .carousel-showmanymoveone .carousel-inner > .active.left,
    .carousel-showmanymoveone .carousel-inner > .prev {
        left: -25%;
    }

    .carousel-showmanymoveone .carousel-inner > .active.right,
    .carousel-showmanymoveone .carousel-inner > .next {
        left: 25%;
    }

    .carousel-showmanymoveone .carousel-inner > .left,
    .carousel-showmanymoveone .carousel-inner > .prev.right,
    .carousel-showmanymoveone .carousel-inner > .active {
        left: 0;
    }

    .carousel-showmanymoveone .carousel-inner .cloneditem-2,
    .carousel-showmanymoveone .carousel-inner .cloneditem-3 {
        display: block;
        padding: 0;
    }
}

@media all and (min-width: 992px) and (transform-3d), all and (min-width: 992px) and (-webkit-transform-3d) {
    .carousel-showmanymoveone .carousel-inner > .item.active.right,
    .carousel-showmanymoveone .carousel-inner > .item.next {
        -webkit-transform: translate3d(25%, 0, 0);
        transform: translate3d(25%, 0, 0);
        left: 0;
    }

    .carousel-showmanymoveone .carousel-inner > .item.active.left,
    .carousel-showmanymoveone .carousel-inner > .item.prev {
        -webkit-transform: translate3d(-25%, 0, 0);
        transform: translate3d(-25%, 0, 0);
        left: 0;
    }

    .carousel-showmanymoveone .carousel-inner > .item.left,
    .carousel-showmanymoveone .carousel-inner > .item.prev.right,
    .carousel-showmanymoveone .carousel-inner > .item.active {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        left: 0;
    }
}

#scroll-to-top-button {
    display: none;
    position: fixed;
    bottom: 12px;
    right: 12px;
    z-index: 9999;
    border: none;
    outline: none;
    background-color: silver;
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 10px;
    width: 48px;
    height: 48px;
    font-size: 28px;
    padding-left: 9px;
    padding-top: 6px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .2);
}

#scroll-to-top-button:hover {
    background-color: #888;
    cursor: pointer;
}

.favorite-icon {
    opacity: 0.50;
    cursor: pointer;
}

.favorite-icon:hover {
    opacity: 1.0;
    transition: 0.5s;
}

.favorite-on {
    color: #ff5366;
    opacity: 1.0;
    transition: 0.25s;
}

#home-outstanding-bottom-1 > .favorite-icon {
    font-size: 24px;
}

.one-column-list-data > h3 > .favorite-icon {
    font-size: 36px;
}

.list-2c-property-reference > .favorite-icon {
    font-size: 24px;
}

.list-3c-property-reference > .favorite-icon {
    font-size: 24px;
}

.list-4c-property-bottom > .favorite-icon {
    font-size: 18px;
    padding-top: 2px;
}

.property-header > #property-header-reference > .favorite-icon {
    font-size: 40px;
    padding-top: 2px;
}

#favorite-counter {
    color: #ededed;
    cursor: default;
    padding-left: 15px;
    padding-right: 15px;
}

#favorite-counter-icon {
    font-size: 28px;
    padding-top: 12px;
}

#favorite-counter-number {
    color: #ff5366;
    font-size: 32px;
    display: inline;
    cursor: pointer;
}

.fc-on {
    color: #ff5366;
    transition: 0.25s;
    cursor: pointer;
}

#delete-favourites {
    color: red;
    font-size: 28px;
    cursor: pointer;
    text-align: center;
}

#delete-favourites:hover {
    color: white;
    background-color: red;
    transition: 0.25s;
}

.outstanding-review-counter {
    text-align: right;
    color: #bbbbbb;
    padding-right: 10px;
}

.one-column-list-data > .list1c-review-counter {
    color: #999999;
    font-size: 16px;
    margin: 0;
}

.list-property-bottom > .list2c-review-counter {
    color: #999999;
    font-size: 16px;
    margin: 0;
}

.list-property-bottom > .list3c-review-counter {
    color: #999999;
    font-size: 16px;
    margin: 0;
}

.list-property-bottom > .promotion2c-review-counter {
    color: #999999;
    font-size: 16px;
    margin: 0;
}

.list-property-bottom > .theme2c-review-counter {
    color: #999999;
    font-size: 16px;
    margin: 0;
}

#property-calendar-scroller {
    height: 240px;
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    padding: 0;
    margin: 0;
}

#property-calendar {
    width: 1950px;
    height: 208px;
    overflow: hidden;
    border: 0;
    margin: 0;
    padding: 0;
}

#calendar-cover-layer {
    width: 1940px;
    position: relative;
    top: -230px;
    left: 0px;
    height: 220px;
}

#top-search-box-container {
    position: absolute;
    top: 58px;
    width: 100%;
    z-index: 100;
    padding: 16px;
}

#top-search-box {
    border: solid 1px #fff;
    background: url('../../img/icons/svg/white/search.svg');
    background-position: right 15px top 6px;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0.1);
    background-size: 30px 30px;
    border-radius: 25px;
    color: white;
    cursor: pointer;
    display: block;
    font-size: 20px;
    margin-left: auto;
    margin-right: 0 !important;
    max-width: 1140px;
    padding-left: 10vw;
    padding-right: 60px;
    transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);
    width: 0px;
    z-index: 3;
}

#top-search-box:focus {
    background-color: rgba(0, 0, 0, 0.2);
    cursor: text;
    padding-left: 10px;
    width: 100%;
    z-index: 1;
}

@media (max-width: 1200px) {
    #top-search-box {
        padding-left: 20vw;
    }
}

/* Chrome OK y edge y opera maxthon */
#top-search-box::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: white;
}

#top-search-box:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: white;
    opacity: 1;
}

/* Firefox ok */
#top-search-box::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: white;
    opacity: 1;
}

#top-search-box:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: yellow;
}

#top-search-box:-ms-input-placeholder { /* Microsoft Edge */
    color: yellow;
}

#home-header-slogan {
    position: absolute;
    color: white;
    top: 100px;
    width: 100%;
    text-shadow: 0 0 5px #333;
    text-align: center;
    z-index: 1000;
}

#error404 {
    color: #A9A9A9;
    margin-top: 12%;
    margin-bottom: 12%;
}

#error-404-home-button {
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 32px;
    padding-right: 32px;
}

/* Corrección para el centrado de los controles de adelante y atrás en el carousel */
.left-correction {
    background-image: none;
    margin: 15px;
}

.right-correction {
    background-image: none;
    left: auto;
    margin: 15px;
    right: 0;
}

/* Hacer los controles de adelante y atrás mas visibles en el carousel */
.carousel-control {
    opacity: .8;
}

.carousel-control:focus, .carousel-control:hover {
    opacity: 1;
}

/* Desplazamiento al ancla */
#formtop {
    display: block;
    position: relative;
    top:-75px;
}

/* Resultados alternativos */
.alternate-results-container {
    display: inline-flex;
    justify-content: center;
    overflow: auto;
    padding: 40px 0;
    width: 100%;
}

.alternate-results-element {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 0 5px -1px #004c9a;
    cursor: pointer;
    list-style: none;
    margin: 0 9px;
    min-width: 130px;
    text-align: center;
}

.alternate-results-dates {
    color: #004c9a;
    padding: 10px;
}

.alternate-results-amount {
    background-color: #004c9a;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    color: #fff;
    line-height: 35px;
    margin: 0;
    padding: 0;
    text-align: center;
}

@media (max-width: 1200px) {
    .alternate-results-container {
        justify-content: space-between;
    }
}
/* Fin Resultados alternativos */

/* Desglose del precio */
.price-details-layer {
    background-color: #fff;
    display: none;
    position: absolute;
    z-index: 1000;
}

.price-details-table {
    border-collapse: separate;
    border-radius: 5px;
    border-spacing: 7px 7px;
    border: 5px solid #eee;
    width: 350px;
}

.price-details-title {
    background-color: #eee;
    font-weight: bold;
    padding: 2px 0;
    text-align: center;
    text-transform: uppercase;
}

.price-details-rental {
    text-transform: capitalize;
}

.price-details-special {
    color: #ff0000;
}

.price-details-offer-price {
    font-weight: bold;
    text-transform: capitalize;
}

.price-details-total {
    font-weight: bold;
    text-transform: capitalize;
}

.price-details-alignement-right {
    text-align: right;
}

.price-details-same-line {
    white-space: nowrap;
}
/* Fin desglose del precio */

/* Estilos para la tabla del consumo energético */
div.energy-rating {
    font-family: 'Roboto', sans-serif;
    padding-top: 25px;
    margin-bottom: 45px;
}

table.energy-rating {
    background-color: #E6E8E7;
    border-bottom: 9px solid #E6E8E7;
    border-collapse: unset;
    border-left: 9px solid #E6E8E7;
    border-radius: 3px;
    border-right: 9px solid #E6E8E7;
    border-spacing: 9px;
    border-top: 0px solid #E6E8E7;
    width: 100%;
}

table.energy-rating th {
    height: 31px;
}

table.energy-rating th.c1 {
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    width: 60%;
}

table.energy-rating th.c2 {
    font-size: 11px;
    width: 20%;
}

table.energy-rating th.c3 {
    font-size: 11px;
    width: 20%;
}

table.energy-rating td {
    background-color: white;
    border-radius: 3px;
}

table.energy-rating td.c1 {
    color: white;
    padding: 0;
}

table.energy-rating td.c1 div.bar {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    display: inline-block;
    height: 30px;
    padding-bottom: 0;
    padding-left: 6px;
    padding-top: 0;
    white-space: nowrap;
}

table.energy-rating td.c1 div.bar-a {
    background: #0C964D;
    width: 35%;
}

table.energy-rating td.c1 div.bar-b {
    background: #20B14A;
    width: 43%;
}

table.energy-rating td.c1 div.bar-c {
    background: #9ACA3C;
    width: 51%;
}

table.energy-rating td.c1 div.bar-d {
    background: #EBE723;
    width: 59%;
}

table.energy-rating td.c1 div.bar-e {
    background: #F0B51A;
    width: 67%;
}

table.energy-rating td.c1 div.bar-f {
    background: #E07428;
    width: 75%;
}

table.energy-rating td.c1 div.bar-g {
    background: #E62C29;
    width: 83%;
}

table.energy-rating td.c1 span.rating {
    font-size: 23px;
}

table.energy-rating td.c1 span.description {
    font-size: 14px;
}

svg.left-arrow {
    display: inline-block;
    height: 30px;
    vertical-align: top;
    width: 15px;
}

polygon.data {
    fill: black;
}

svg.right-arrow {
    display: inline-block;
    height: 30px;
    vertical-align: top;
    width: 15px;
}

polygon.a {
    fill: #0C964D;
}

polygon.b {
    fill: #20B14A;
}

polygon.c {
    fill: #9ACA3C;
}

polygon.d {
    fill: #EBE723;
}

polygon.e {
    fill: #F0B51A;
}

polygon.f {
    fill: #E07428;
}

polygon.g {
    fill: #E62C29;
}

td.energy-data {
    font-size: 21px;
    font-weight: bold;
    padding: 0;
    text-align: right;
}

div.energy-data {
    background-color: black;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    color: white;
    display: inline-block;
    height: 30px;
    padding-left: 3px;
    padding-right: 6px;
}

@media (max-width: 415px) {
    td.energy-data {
        font-size: 16px;
        line-height: 30px;
    }
}

@media (max-width: 625px) {
    .description {
        display: none;
    }
}
/* FIN estilos para la tabla del consumo energético */

/* El desplegable del buscador por referencia en la parte superior se mostraba por debajo del formulario de consulta */
ul#ui-id-1 {
    z-index: 1000;
}

/* Estilos para el código turístico */
#tourist-code-on-home {
    color: #bbb;
    font-size: 16px;
    padding: 0 10px;
    text-align: right;
}

#tourist-code-on-list1c {
    color: #999;
}

#tourist-code-on-list2c {
    color: #999;
    text-align: right;
}

#tourist-code-on-list3c {
    color: #999;
    text-align: right;
}

#tourist-code-on-list4c {
    color: #999;
    font-size: 14px;
    text-align: right;
}

#tourist-code-on-property {}

/* Ocultar estos filtros de características de manera general a todos los usuarios ya que son solicitados por un cliente solo */
#rol-results-filter-barbecue,
#rol-results-filter-ceramic_hob,
#rol-results-filter-communal_tennis_court,
#rol-results-filter-dishwasher,
#rol-results-filter-garage,
#rol-results-filter-garden,
#rol-results-filter-glazed_terrace,
#rol-results-filter-large_refrigerator_with_freezer,
#rol-results-filter-lift,
#rol-results-filter-terrace,
#rol-results-filter-vlaanderen_tv_card {
    display: none !important;
}

/* Estilos para el formulario de contacto que se embebe al final de la ficha del inmueble para los que no son de Alquiler y 
también el formulario de contacto para los propietarios. */
#property-form-contact,
#owner-form-contact,
#longstays-form-contact,
#rental-without-rol-form-contact {
    background-color: #f5f5f5;
    border-radius: 4px;
    border: 1px solid #ddd;
    padding: 25px 30px;
}

@media (max-width: 767px) {
    #property-form-contact,
    #owner-form-contact,
    #longstays-form-contact,
    #rental-without-rol-form-contact {
        background-color: #f5f5f5;
        border-radius: 4px;
        border: 1px solid #ddd;
        padding: 15px;
    }
}

/* Elemento personalizado antes de los resultados alternativos */
#custom-element-before-alternative-results {
    margin-top: 45px;
}

/* Ribete de Vendido, Alquilado y Traspasado. */
.ribbon-container {
    position: relative;
    width: 100%;
    z-index: 101;
}

/* Elementos comunes del ribete */
.ribbon {
    height: 150px;
    overflow: hidden;
    position: absolute;
    width: 150px;
}

.ribbon span {
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    display: block;
    font-size: 16px;
    padding: 5px 0;
    position: absolute;
    text-align: center;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    text-transform: uppercase;
    width: 215px;
}

/* top left*/
.ribbon-top-left {
    left: -10px;
    top: -10px;
}

.ribbon-top-left span {
    right: -10px;
    top: 40px;
    transform: rotate(-45deg);
}

/* top right*/
.ribbon-top-right {
    right: -10px;
    top: -10px;
}

.ribbon-top-right span {
    left: -10px;
    top: 35px;
    transform: rotate(45deg);
}

#property-ribbon-wraper .ribbon {
    display: flex;
    justify-content: space-around;
    width: 100%;
}

#property-ribbon-wraper .ribbon span {
    border-radius: 5px;
    top: 50px;
    transform: none;
}

#property-ribbon-wraper .ribbon-top-left,
#property-ribbon-wraper .ribbon-top-right,
#property-ribbon-wraper .ribbon-top-left span,
#property-ribbon-wraper .ribbon-top-right span {
    left: auto;
    right: auto;
}

/* Estilos comunes para los diferentes tipos de menú: 'default', 'hover-with-animation', etc */
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
    background-color: #f0f0f0;
}

.dropdown-toggle::after {
    border-bottom: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid;
    content: "";
    display: inline-block;
    margin-left: 1px;
    vertical-align: 3px;
}

.dropdown-two-columns {
    column-count: 2;
    flex-direction: column;
}

.caret-off::after {
    display: none !important;
}

.navbar-right {
    margin-left: auto !important;
}

/* Estilos para el menú 'hover-with-animation' */
@media (min-width: 992px) {
    #hover-with-animation .dropdown-menu.fade-down{
        top: 80%;
        transform-origin: 0% 0%;
        transform: rotateX(-75deg);
    }
    #hover-with-animation .nav-item .dropdown-menu{
        display: block;
        margin-top: 0;
        opacity: 0;
        transition: .3s;
        visibility: hidden;
    }
    #hover-with-animation .nav-item:hover .dropdown-menu{
        opacity: 1;
        top: 100%;
        transform: rotateX(0deg);
        transition: .3s;
        visibility: visible;
    }
}