body.SiteBackground{background-image:url('https://resx.octorate.com/content/278808/1699384856418.png')}:root {
    --default-border-width: max(.0625rem, 1px);
    --default-border-style: solid;

    /* PALETTE BLACK LUXURY */
    --primary-color: #113429;
    --secondary-color: #EDE6D8;
    --accent-color: #B79C6D;

    --black: #000;
    --white: #fff;
    --green: #113429; /* sostituito */
    --beige: #EDE6D8;
    --brown: #3A2F2A;
    --red: #9E2A2B;
    --grey: #2E2E2E;
    --dark-grey: #111111;
    --grey-2: #6F6F6F;
    --grey-3: #A0A0A0;
    --grey-4: #D8D2C4;
    --transparent: transparent;

    --bg-color: #EDE6D8;
    --bg-color-alt: #000000;

    --info-color: #444444;
    --success-color: #000000;
    --warning-color: #C2A878;
    --danger-color: #9E2A2B;

    --body-background: #EDE6D8;
    --body-outer-background: #EDE6D8;

    --text-color: #000000;
    --body-font-color: #000000;
    --heading-font-color: #000000;

    --border: #CFC6B4;
    --field-border: #CFC6B4;
    --default-border-color: #CFC6B4;

    --block-separation-color: color-mix(in srgb, #000000 20%, #EDE6D8);
    --light-block-separation-color: color-mix(in srgb, #000000 10%, #EDE6D8);

    --button-bg: #000000;
    --button-color: #ffffff;
    --button-border: #000000;
    --button-cta-hover: #B79C6D;

    --heading-font-family: "Georgia", serif;
    --body-font-family: "Roboto", serif;

    --default-transition: all .235s cubic-bezier(.77,.26,.22,.93);
}


html body.SiteBackground {
    background: #113429;
    color: var(--text-color);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    text-wrap: pretty;
    -webkit-hyphens: manual;
    hyphens: manual;
    --color: var(--text-color);
    --box-shadow: none;
    * {
        font-family: var(--body-font-family) !important;
        text-shadow: none !important;
    }

    .fa {
        font-family: FontAwesome !important;
    }

    h1, h2, h3, h4, h5, h6 {
        font-weight: 400;
        font-family: var(--heading-font-family) !important;
        font-style: italic;
    }

    .ui-notificationbar {
        background: var(--beige);
        color: var(--text-color);
        box-shadow: none !important;
        border-top: 1px solid var(--text-color);
        padding-top: 1em;
    }

    .ui-widget-content a {
        color: var(--text-color) !important
    }

    .ui-inputfield {
        color: var(--text-color) !important;
        font-weight: 400 !important;
    }

    .SiteMain, .BoxSectionSimple, .ui-selectonemenu-label, .calendar {
        background: var(--beige) !important;
    }

    header .information {
        color: var(--text-color) !important;
    }

    .SiteHeader .HotelHeader {
        background: var(--beige);
        &, * {
            border: none !important;
            border-radius: 0;
            box-shadow: none !important;
        }

        .customButton {
            color: var(--text-color)
            background: var(--beige);
            text-transform: capitalize !important;
            font-weight: 500 !important;
            border-radius: 50px !important;
            overflow: hidden;
        }

        .contacts {
            font-weight: 400;
            img, svg {
                display: none;
            }

            * {
                font-size: 14px;
                line-height: 1.2;
                color: var(--text-color) !important;
            }
        }

        .commandDiv {
            .go {
                width: 100%;
                display: flex;
                justify-content: space-between;
                flex-basis: auto;
                flex-flow: row-reverse;
                background: none !important;
                > span {
                    display: none;
                }

                .ui-selectonemenu-trigger {
                    background: none !important;
                    padding-right: 0;
                    padding-left: 0;
                    .ui-icon-triangle-1-s {
                        background: no-repeat center url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.70312 1.2761C8.97292 1.2761 7.87657 1.26509 6.95663 2.07022C6.05144 2.86245 5.33169 4.07008 5.30908 5.7554L4.86528 5.74924L4.39417 5.7554C4.37157 4.07008 3.65182 2.86245 2.74663 2.07022C1.82668 1.26509 0.730333 1.25807 0.000132506 1.25807L0.000132561 -4.24131e-07C0.973969 -3.81564e-07 2.27578 0.460649 3.34013 1.39218C3.9554 1.93067 4.49588 2.37844 4.85207 3.24504C5.20826 2.37858 5.74793 1.9306 6.36313 1.39218C7.42748 0.460649 8.72929 -4.25677e-08 9.70312 0L9.70312 1.2761Z' fill='%23423B3B'/%3E%3C/svg%3E%0A") !important;
                    }
                }
            }

            .customSelect {
                &, label {
                    background: none !important;
                }

                label {
                    padding-right: 0 !important;
                    padding-left: 0 !important;
                }
            }
        }

        #terzoDiv {
            .information {
                align-items: center;
                align-content: center;
                justify-content: center;
                gap: 8px;
                p {
                    font-size: 14px;
                }

                .ui-link {
                    background: no-repeat center url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='15.0003' cy='9.84796' r='6.03546' stroke='%23423B3B'/%3E%3Cpath d='M25.3155 26.1863C25.3155 20.4894 20.6973 15.8711 15.0003 15.8711C9.30335 15.8711 4.68506 20.4894 4.68506 26.1863' stroke='%23423B3B'/%3E%3C/svg%3E%0A");
                    background-size: contain;
                    svg {
                        margin: 0 !important;
                        visibility: hidden;
                    }
                }
            }
        }
    }

    .customHeaderLeft .information {
        display: flex;
        grid-gap: .5em;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        flex-direction: column;
        &:before {
            display: block;
            content: '';
            width: 18px;
            height: 18px;
            background: var(--text-color);
            mask: no-repeat center url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 9.5C18 4.80558 14.1944 1 9.5 1C4.80558 1 1 4.80558 1 9.5C1 14.1944 4.80558 18 9.5 18C14.1944 18 18 14.1944 18 9.5ZM19 9.5C19 14.7467 14.7467 19 9.5 19C4.25329 19 0 14.7467 0 9.5C0 4.25329 4.25329 0 9.5 0C14.7467 0 19 4.25329 19 9.5Z' fill='%23423B3B'/%3E%3Cpath d='M14.3916 6.83789L8.55859 13.75L4.6543 9.84473L5.71484 8.78418L8.46387 11.5342L13.2451 5.87109L14.3916 6.83789Z' fill='%23423B3B'/%3E%3C/svg%3E%0A");
            mask-size: 100% 100%;
        }

        img {
            display: none;
        }
    }

    div.info {
        background-color: var(--beige);
        p {
            font-size: 18px;
        }
    }

    .content {
        background-color: var(--beige) !important;
        > h1 {
            display: block;
            padding-bottom: 1em;
            padding-top: .15em;
        }
    }

    .CalendarRoom {
        &,&:hover {
            border-radius: 5px;
            border: none;
            p {
                padding-left: 0;
                padding-top: .75em;
                color: var(--text-color);
                background: var(--beige);
                width: 100%;
                font-size: 24px;
                font-family: var(--heading-font-family) !important;
                font-weight: 500;
            }
        }
    }

    footer span.count {
        background-color: var(--beige) !important;
    }

    .Blue {
        color: var(--text-color) !important;
    }

    .filterRed {
        filter: none;
    }

    .stickyPanel, .noresults, .noresultsCalendar {
        background-color: var(--beige) !important;
    }

    section.room div.calendar ul li.pass {
        background-color: var(--beige);
        opacity: .5;
        cursor: not-allowed;
    }

    section.room div.details .offers, section.room div.details .roominfo, section.room div.details .view h6 {
        color: inherit !important;
        text-transform: capitalize !important;
        svg, img {
            display: none;
        }
    }

    .row span strong, section.room div.details .view .box strong {
        color: inherit !important;
    }

    section.room div.details.big .roominfo p, .shortDesc {
        padding-top: 2em;
        text-align: left;
    }

    .arrival, .departure {
        /*text-align: center;*/
        svg {
            display: none !important;
        }
    }

    .guests {
        svg {
            width: 24px;
            height: 24px;
            aspect-ratio: 1;
            background: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='15.0003' cy='9.84796' r='6.03546' stroke='%23423B3B'/%3E%3Cpath d='M25.3155 26.1863C25.3155 20.4894 20.6973 15.8711 15.0003 15.8711C9.30335 15.8711 4.68506 20.4894 4.68506 26.1863' stroke='%23423B3B'/%3E%3C/svg%3E%0A");
            background-size: contain;
            use {
                opacity: 0;
            }
        }
    }

    .box.size {
        svg {
            width: 30px;
            height: 30px;
            aspect-ratio: 1;
            background: no-repeat url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.72656 3.86328L3.72656 26.1387' stroke='%23423B3B'/%3E%3Cpath d='M26.2783 15.3984L26.2783 26.1383' stroke='%23423B3B'/%3E%3Cpath d='M12.6748 10.8984L12.6748 20.0902' stroke='%23423B3B'/%3E%3Cpath d='M3.7207 10.8125H23.2803C24.9371 10.8125 26.2803 12.1556 26.2803 13.8125V20.2149H3.7207V10.8125Z' stroke='%23423B3B'/%3E%3C/svg%3E%0A");
            background-size: contain;
            use {
                opacity: 0;
            }
        }
    }

    .box.policies {
        *:has(> img) {
            display: flex;
            align-items: center;
            justify-content: center;
            &:before {
                margin-top: 8px;
                display: block;
                content: '';
                width: 30px;
                height: 30px;
                background: var(--text-color);
                mask: no-repeat center url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 9.5C18 4.80558 14.1944 1 9.5 1C4.80558 1 1 4.80558 1 9.5C1 14.1944 4.80558 18 9.5 18C14.1944 18 18 14.1944 18 9.5ZM19 9.5C19 14.7467 14.7467 19 9.5 19C4.25329 19 0 14.7467 0 9.5C0 4.25329 4.25329 0 9.5 0C14.7467 0 19 4.25329 19 9.5Z' fill='%23423B3B'/%3E%3Cpath d='M14.3916 6.83789L8.55859 13.75L4.6543 9.84473L5.71484 8.78418L8.46387 11.5342L13.2451 5.87109L14.3916 6.83789Z' fill='%23423B3B'/%3E%3C/svg%3E%0A");
                mask-size: 100% 100%;
            }
        }

        img {
            display: none !important;
        }

        svg {
            width: 30px;
            height: 30px;
            aspect-ratio: 1;
            background: no-repeat url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.72656 3.86328L3.72656 26.1387' stroke='%23423B3B'/%3E%3Cpath d='M26.2783 15.3984L26.2783 26.1383' stroke='%23423B3B'/%3E%3Cpath d='M12.6748 10.8984L12.6748 20.0902' stroke='%23423B3B'/%3E%3Cpath d='M3.7207 10.8125H23.2803C24.9371 10.8125 26.2803 12.1556 26.2803 13.8125V20.2149H3.7207V10.8125Z' stroke='%23423B3B'/%3E%3C/svg%3E%0A");
            background-size: contain;
            use {
                opacity: 0;
            }
        }
    }

    .customDayCalendar .datetheme2 big, section.room div.calendar ul li .datetheme2 big {
        color: inherit;
    }
  
  div > section > div.RoomTop.flex.content.animated.fadeInDownShort.go > div.details.big > span {
  background-color:#AD2819 !important ;}
  
  .customButtonGreen {
    background-color:#113429 !important ;
    border-radius:40px ;
  }
  
  .BounceColor .ui-button-text:before {
   display:none !important}
  
  .BounceColor .ui-button-text:before, .BounceColor:before {
    display:none !important;}
 
  .customButtonGreen span.ui-button-text {
  background-color:#113429 !important ;
  -webkit-border-radius:40px !important ;}
  
  .customButtonGreen span.ui-button-text:hover {
  background-color:#394340 !important}
  
  div > section > div.RoomTop.flex.content.animated.fadeInDownShort.go > div.label.animated.fadeInDownShort.go > div > p {
   background-color:#113429 !important;
  }
  
  #SiteHeader\:j_idt177 > span {
    background-color:#AD2819 !important;
  }
  
  #SiteHeader3\:j_idt439 > span {
    background-color:#AD2819 !important;
  }
  
  #SiteHeader\:j_idt173 > span {
    background-color:#AD2819 !important;
  }
  
  #confirmButton2 > span {
  background-color:#AD2819 !important;
  }
  
  #confirmApplyCouponCode > span , #confirmApplyCouponCode {
  background-color:#AD2819 !important;
  }
  
  .CustomAccordionPanel div.ui-state-active {
   background-color:#113429 !important;
  }
  
  #j_idt358 > div > div.animated.fadeInLeftShort.go {
  display:flex
  }
  
    @media only screen and (max-width: 900px) {
        header .information {
            margin: auto;
        }
    }
}