@import url('https://fonts.googleapis.com/css?family=Crete+Round:400,400i|Lato:400,400i,700,700i|Open+Sans:400,400i,700,700i|Roboto:400,400i,700,700i&display=swap');


@media print {
    .pdr3.divLeftMenu, .tdLeftMenu, .subFooter, #header, #menuContainer, .openAlternativePanel, .alternativePanelDiv, #scrollUp, .vamid, .infoAction2 {
        display: none !important;
    }

}

html.main, body.main {
    background-image: url('../images/page/background2019.jpg');
    background-size: cover;
    background-attachment: fixed;
    margin: 0 auto;
    font-family: "Open Sans";
    font-size: 13px;
}

a.bluelink {
    color: #027AC6;
    text-decoration: underline;
}

a.std-ButtonI-Little {
    color: white !important;
}

.std-Button, .std-Button-Little, .red-Button, .red-Button-Little {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2);
    transition: .2s;
    border: 1px solid #3c9dee;
}

.red-Button, .red-Button-Little, .button-orange {
    border: 1px solid #ff9211;
}

.ltd .material-icons {
    font-size: 19px
}

.std-Cancel .material-icons {
    color: #2478bd;
    margin: 0 7px 0 4px;
}


.std-Button:hover, .std-Button-Little:hover {
    box-shadow: 0 2px 6px 2px rgba(0, 0, 0, .2);
}

a.std-ButtonI-Little {
    color: white !important;
}

.std-Secondary {
    background: #ffffff;
    color: #2478bd;
    border: 1px solid #2478bd;
}

.std-Error, .std-Delete {
    background: #e9153d;
    border: 1px solid #e9153d;
}

.std-Cancel, .std-Cancel:hover, .btnErase, .btnErase:hover {
    background: #ffffff;
    color: #2478bd;
    border: 1px solid #f3f4f5;
    text-decoration: underline;
}

.std-Ok, .std-Confirm {
    background: #00a65a;
    border: 1px solid #00a65a;
}

.std-Warning {
    background: #f39c12;
}
.Important {
    background: #2989d8;
}


div#header {
    /* background: #c3c3c3;
    background-image: url('../images/bar.png'); */
    background: unset;
}

.toLogoDoc {
    float: left;
    width: 80px;
    margin-right: 20px;
}
.toDoc {
    overflow: hidden;
}

/* .dynpaModule, .searchSettings, .tabPanelFlight .gwt-TabPanelBottom,*/
.cardElement, .divLeftMenu {
    background: #ffffff;
    box-shadow: 0px 3px 8px -4px rgba(0, 0, 0, 0.15);
    margin-bottom: 20px;
    padding-bottom: 5px;
    color: #000000;
}

.cardElement.pd10 {
    /*width: unset !important;*/
}

.itineraryIcons {
    width: 100%;
    height: 31px;
    text-align: justify;
}

.itineraryIcons:after {
    content: '';
    display: inline-block;
    width: 100%;
}

.itineraryIcons > img {
    display: inline-block;
    text-align: center;
    width: 29px !important;
}


/***********/
span.isTemplate {
    background: #5fd6f8;
    width: 70px;
    padding: 0px 25px;
    border-radius: 0px 0 15px 15px;
    font-size: 10px;
    font-weight: bold;
    color: #ffffff;
    margin-top: -5px;
    margin-bottom: 3px;
    display: block;
    text-align: center;
}

span.prevIntestatario, span.prevAgenzia {
    display: block;
    margin-bottom: 2px;
}

span.prevName, span.prevAgenziaReferenteEmail {
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
    /*color: #201f1f;*/
}

/***********/
.help-DialogBox {
    width: 100%;
    height: 100vh;
    top: 0 !important;
    left: 0 !important;
    background: rgba(255, 255, 255, 0.8);
    position: fixed !important;
    z-index: 999;
}

.help-DialogBox > div {
    height: 100vh;
    width: 100%;
    position: absolute;
    top: 0;
}

.spTemplate {
    border: solid green 1px;
    border-radius: 10px;
    padding: 0 5px;
}

.help-DialogBox table {
    box-shadow: 0px 5px 20px 5px rgba(0, 0, 0, 0.6);
    width: 100%;
    max-width: 800px;
    max-height: 600px;
    height: 100vh;
    margin: auto;
    margin-top: 5%;
    position: relative;
}


.help-DialogBox .dialogTop {
    display: block;
}

.help-DialogBox .dialogTop td {
    border: 1px solid #2478bd;
    background: #2478bd;
}


.help-DialogBox .dialogTop td.dialogTopCenter {
    width: 100%;
}


.help-DialogBox .dialogTop td .dialogTopCenterInner {
    padding: 10px;
}


/***********/

.popupContent H2 {
    text-transform: uppercase;
    font-size: 14px;
}


.boxFlightSearch {
    float: left;
    margin-bottom: 10px;
}

/*.boxFlightSearch span {*/
/*    display: block;*/
/*    margin-bottom: 4px;*/
/*}*/

.boxFlightSearch.boxDeparture, .boxFlightSearch.boxArrival {
    width: 35%;
}

.boxFlightSearch.date {
    width: 30%
}

.boxFlightSearch.date .boxFlightSearch {
    width: 50%
}

.boxFlightSearch.date input[type=text] {
    width: 85%
}

.boxFlightSearch.boxDeparture [type=text], .boxFlightSearch.boxArrival [type=text] {
    width: calc(100% - 40px) !important;
}

.boxFlightSearch span {
    margin-right: 6px;
}

.boxFlightSearch input, .boxFlightSearch select {
    margin-right: 6px;
    margin-top: 5px;
}

/********/
/********/
/********/

.loader .box {
    width: 230px;
    height: 60px;
    position: relative;
    text-align: center;
    margin: 20px 0 20px 149px;
}

.loader .text {
    font-family: 'Lato', sans-serif;
    color: #2478bd;
    font-weight: 300;
    font-size: 45px;
    position: absolute;
    top: calc(50% - 105px);
    top: -webkit-calc(50% - 105px);
    left: calc(50% - 160px);
    left: -webkit-calc(50% - 160px);
    opacity: 1;
    -webkit-animation: fade-in-out 2.5s infinite;
    -moz-animation: fade-in-out 2.5s infinite;
    -o-animation: fade-in-out 2.5s infinite;
    animation: fade-in-out 2.5s infinite;
}

.loader .comp {
    position: absolute;
    top: 15px;
    width: 80px;
    height: 31px;
    border: 3px solid #2478bd;
    border-radius: 13px;
}

.loader .comp:after {
    content: '';
    position: absolute;
    z-index: 5;
    top: 8px;
    left: 5px;
    width: 65px;
    height: 10px;
    border-radius: 360px;
    border: 3px solid #2478bd;
}

.loader .loaderAnimation {
    position: absolute;
    z-index: 5;
    top: 30px;
    left: 12px;
    width: 8px;
    height: 8px;
    border-radius: 360px;
    background: #2478bd;
    -webkit-animation: loader 5s infinite linear 0.5s;
    -moz-animation: loader 5s infinite linear 0.5s;
    -o-animation: loader 5s infinite linear 0.5s;
    animation: loader 5s infinite linear 0.5s;
}

.loader .con {
    position: absolute;
    top: 32px;
    left: 85px;
    width: 100px;
    height: 3px;
    background: #2478bd;
}

.loader .byte {
    position: absolute;
    top: 30px;
    left: 80px;
    height: 9px;
    width: 9px;
    background: #2478bd;
    border-radius: 360px;
    z-index: 6;
    opacity: 0;
    -webkit-animation: byte_animate 5s infinite linear 0.5s;
    -moz-animation: byte_animate 5s infinite linear 0.5s;
    -o-animation: byte_animate 5s infinite linear 0.5s;
    animation: byte_animate 5s infinite linear 0.5s;
}

.loader .server {
    position: absolute;
    top: 22px;
    left: 182px;
    width: 35px;
    height: 35px;
    z-index: 1;
    border: 4px solid #2478bd;
    background: #ffffff;
    border-radius: 360px;
    -webkit-transform: rotateX(58deg);
    -moz-transform: rotateX(58deg);
    -o-transform: rotateX(58deg);
    transform: rotateX(58deg);
}

.loader .server:before {
    content: '';
    position: absolute;
    top: -47px;
    left: -4px;
    width: 35px;
    height: 35px;
    z-index: 20;
    border: 4px solid #2478bd;
    background: #ffffff;
    border-radius: 360px;
}

.loader .server:after {
    position: absolute;
    top: -26px;
    left: -4px;
    border-left: 4px solid #2478bd;
    border-right: 4px solid #2478bd;
    width: 35px;
    height: 40px;
    z-index: 17;
    background: #ffffff;
    content: '';
}

/*Byte Animation*/
@-webkit-keyframes byte_animate {
    0% {
        opacity: 0;
        left: 80px;
    }
    4% {
        opacity: 1;
    }
    46% {
        opacity: 1;
    }
    50% {
        opacity: 0;
        left: 185px;
    }
    54% {
        opacity: 1;
    }
    96% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        left: 80px;
    }
}

@-moz-keyframes byte_animate {
    0% {
        opacity: 0;
        left: 80px;
    }
    4% {
        opacity: 1;
    }
    46% {
        opacity: 1;
    }
    50% {
        opacity: 0;
        left: 185px;
    }
    54% {
        opacity: 1;
    }
    96% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        left: 80px;
    }
}

@-o-keyframes byte_animate {
    0% {
        opacity: 0;
        left: 80px;
    }
    4% {
        opacity: 1;
    }
    46% {
        opacity: 1;
    }
    50% {
        opacity: 0;
        left: 185px;
    }
    54% {
        opacity: 1;
    }
    96% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        left: 80px;
    }
}

@keyframes byte_animate {
    0% {
        opacity: 0;
        left: 80px;
    }
    4% {
        opacity: 1;
    }
    46% {
        opacity: 1;
    }
    50% {
        opacity: 0;
        left: 185px;
    }
    54% {
        opacity: 1;
    }
    96% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        left: 80px;
    }
}

/*LOADER*/
@-webkit-keyframes loader {
    0% {
        width: 8px;
    }
    100% {
        width: 63px;
    }
}

@-moz-keyframes loader {
    0% {
        width: 8px;
    }
    100% {
        width: 63px;
    }
}

@-o-keyframes loader {
    0% {
        width: 8px;
    }
    100% {
        width: 63px;
    }
}

@keyframes loader {
    0% {
        width: 8px;
    }
    100% {
        width: 63px;
    }
}


/*FADE IN-OUT*/
@-webkit-keyframes fade-in-out {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        oapcity: 1;
    }
}

@-moz-keyframes fade-in-out {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        oapcity: 1;
    }
}

@-o-keyframes fade-in-out {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        oapcity: 1;
    }
}

@keyframes fade-in-out {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        oapcity: 1;
    }
}

/*s
.roomItem {
    margin-left: 20.5%;
    width: 78%;
}*/
/********/
/********/
/********/

div#loading {
    width: 620px;
    height: 410px;
    box-shadow: 0px 5px 20px 5px rgba(0, 0, 0, 0.2);
    background: white;
    border-radius: 5px;
    overflow: hidden;
}

#loading img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;

}

div#loading .box {
    position: absolute;
    top: 140px;
    left: 145px;
}

.context {
    width: 100%;
    position: absolute;
    top: 50vh;

}

.context h1 {
    text-align: center;
    color: #fff;
    font-size: 50px;
}


.area {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}

.circles {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.circles li {
    position: absolute;
    display: block;
    list-style: none;
    width: 20px;
    height: 20px;
    background: rgba(200, 200, 200, 0.5);
    animation: animate 25s linear infinite;
    bottom: -150px;
    border-radius: 80px;
}

.circles li:nth-child(1) {
    left: 25%;
    width: 80px;
    height: 80px;
    animation-delay: 0s;
}


.circles li:nth-child(2) {
    left: 10%;
    width: 20px;
    height: 20px;
    animation-delay: 2s;
    animation-duration: 12s;
}

.circles li:nth-child(3) {
    left: 70%;
    width: 20px;
    height: 20px;
    animation-delay: 4s;
}

.circles li:nth-child(4) {
    left: 40%;
    width: 60px;
    height: 60px;
    animation-delay: 0s;
    animation-duration: 18s;
}

.circles li:nth-child(5) {
    left: 65%;
    width: 20px;
    height: 20px;
    animation-delay: 0s;
}

.circles li:nth-child(6) {
    left: 75%;
    width: 110px;
    height: 110px;
    animation-delay: 3s;
}

.circles li:nth-child(7) {
    left: 35%;
    width: 150px;
    height: 150px;
    animation-delay: 7s;
}

.circles li:nth-child(8) {
    left: 50%;
    width: 25px;
    height: 25px;
    animation-delay: 15s;
    animation-duration: 45s;
}

.circles li:nth-child(9) {
    left: 20%;
    width: 15px;
    height: 15px;
    animation-delay: 2s;
    animation-duration: 35s;
}

.circles li:nth-child(10) {
    left: 85%;
    width: 150px;
    height: 150px;
}


@keyframes animate {
    0% {
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        background-color: rgba(64, 166, 204, 0.2);
    }

    100% {
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        background-color: rgba(31, 76, 146, 0.8);
    }
}

/********/
/********/
/********/
/********/
.cardElement .fgray {
    background: #ffffff;
}

.cardTitle {
    background: #2478bd !important;
    height: 38px;
}

.cardTitle .text {
    color: white;
    width: 90%;
    font-size: 13.7px;
    font-weight: bold;
}

/*
.suggestLabel, .searchResults, .l2gbg {*/
.cardSubTitle {
    height: auto;
    width: 100%;
    background: unset !important;
    color: #000000 !important;
    padding: 0 !important;
    margin: 0 !important;
    /*position: relative;*/
}

.cardSubTitle.block-numero-risultati {
    position: relative;
}

.suggestLabel div {
    font-weight: normal;
}

.cardSubTitle div, .cardSubTitle > label {
    color: #000000 !important;
    font-size: 20px;
    border-bottom: 1px solid #ededed;
    font-family: "Open Sans";
    /* float: left; */
    margin: 4px !important;
    width: calc(100% - 8px);
    min-height: 27px;
    padding: 10px 0% 6px 0%;
}

.cardSubTitle .dvResultsTitle {
    margin-left: 10px;
    border: 0;
    background: transparent;
    height: 20px;
    min-height: 20px;
    font-size: 20px
}

.cardSubTitle .dvNdcTitle {
    margin-left: 10px;
    border: 0;
    background: transparent;
    height: 20px;
    min-height: 20px;
    font-size: 17px
}

.cardSubTitle > label {
    display: block;
}

.cardSubTitle .dvResultsTitle {
    padding-left: 4px;
    width: calc(100% - 4px);
    margin: 0 !important;
}

.fblue.cardElement {
    margin-bottom: 0;
}

.block-numero-risultati {
    box-shadow: 0px 3px 8px -4px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    line-height: 20px;
    margin-bottom: 10px !important;
}

.block-numero-risultati div.buttonFilters {
    margin-top: 4px !important;
    position: absolute;
    margin-left: 240px !important;
    width: unset;
    font-size: 14px;
    top: 2px;
    padding: 0 !important;
    right: 0;
    height: unset;
    overflow: hidden;
}

.block-numero-risultati span {
    margin-top: 5px;
}

.block-numero-risultati .buttonFilters button {
    color: #000000 !important;
}

.block-numero-risultati.suggestLabel .showallresult, .block-numero-risultati.suggestLabel .btnShowOnMap, .block-numero-risultati.suggestLabel .btnResultLis {
    top: 0;
    height: unset;
    background-color: #3c9dee;
    margin: 4px 0 0 20px !important;
    padding: 5px 14px;
    border-radius: 20px;
    font-weight: bold;
    text-decoration: unset;
    color: #ffffff !important;
    background-size: auto 20px;
}

.block-numero-risultati.suggestLabel .btnShowOnMap {
    text-indent: 20px;
    padding: 5px 14px;
}

.suggestLabelButton {
    float: right;
    margin-top: 15px;
}

#main, #main2 {
    background: none;
}

#main3 {
    width: calc(100% - 0px);
    margin: 0 auto;
    max-width: 1440px;
}

#main3::after {
    content: '';
    width: 80px;
    height: 100%;
    /* background: #2f4f7c; */
    display: none;
    border-right: none;
    float: left;
    margin: 8px 0 0 16px;
    position: fixed;
    right: 0px;
    top: -10px;
}

#linksHome, .welcomeLogin {
    right: 75px;
}

#container {
    padding-right: 8px;
    padding-left: 6px;
}


#preventivoContainer {
    background: #F2F2F2;
}

.temporaleElementPanel {
    border-bottom: 1px dashed #ebebeb;
}

.flightFilterPanel .titleFilterFlight {
    color: #000000 !important;
    font-weight: normal;
}

.flightFilterPanel .titleFilterFlight span {
    font-size: 14px;
}


.flightFilterPrice {
    float: left;
    width: 50%;
    min-width: 400px;
}


.flightFilterPrice .divSlider {

    width: 90%;
    max-width: 400px;
}

#stopover_slider, .ui-slider-range, #duration_slider, #stopoverduration_slider {
    padding: 0 !important;
    height: 4px !important;
}

.divSlider .ui-slider-range {
    margin: 0 !important;
    min-height: unset !important;
    height: 5px !important;
}

.ui-slider {
    height: 4px !important;
    min-height: unset !important;
}


/************************
*************************
*************************/
.tdMainPage div.loginFormMain {
    width: 940px !important;
    position: relative;
    margin-left: -440px;
    left: 50%;
    overflow: hidden;
    font-family: "Open Sans";
    background: #e8e8e8;
    box-shadow: 0px 3px 8px -4px rgba(0, 0, 0, 0.15);
}

div.loginFormMain * {
    font-family: "Open Sans"
}

.block-aladyn {
    float: left;
    width: 300px;
    margin: 0;
}

#content .content-inner.front-not-logged {
    padding: 0 !important;
    width: 560px;
    float: left;
    background: red;
}

.form-container {
    margin: 0;
}


.appPage .tdMainPage > div {
    background: #F2F2F2;
    box-shadow: 0px 3px 8px -4px rgba(0, 0, 0, 0.15);
}


.gwt-TabBarItem-wrapper.gwt-TabBarItem-wrapper-disabled, .gwt-TabBarItem-wrapper,
.tabHotel .gwt-TabBarItem-wrapper.gwt-TabBarItem-wrapper-disabled, .tabHotel .gwt-TabBarItem-wrapper {
    border-radius: 0;
    color: black !important;

    vertical-align: middle !important;
    -webkit-box-shadow: inset 13px -13px 13px -16px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: inset 13px -13px 13px -16px rgba(0, 0, 0, 0.4);
    box-shadow: inset 13px -13px 13px -16px rgba(0, 0, 0, 0.4);
}

.gwt-TabBarItem-wrapper,
.tabHotel .gwt-TabBarItem-wrapper {
    background: #f2f2f2;
    border-top: 6px solid #c3c3c3;
}

.gwt-TabBarItem-wrapper.gwt-TabBarItem-wrapper-disabled,
.tabHotel .gwt-TabBarItem-wrapper.gwt-TabBarItem-wrapper-disabled {
    background: #e8e8e8;
    border-top: 0px solid #f4f6f5;
    color: #b0b1b0 !important;
}

.gwt-TabBarItem-wrapper-selected,
.tabHotel .gwt-TabBarItem-wrapper-selected {
    border-radius: 0;
    background: #ffffff;
    padding-bottom: 8px;
    border-top: 6px solid #2478bd;
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    box-shadow: unset;
}

.gwt-TabBar {
    border: 0;
}

.tabHotel .gwt-TabBarItem-wrapper div {
    background: unset;
    color: unset;
}

.gwt-TabBar {
    border-spacing: 0;
}

.tabServiceResult td.gwt-TabBarItem-wrapper.gwt-TabBarItem-wrapper-selected {
    padding: 4px 8px 8px 8px;
    border-top: 6px solid #2478bd;
    box-shadow: unset;
    background: white;
}

.tabServiceResult td.gwt-TabBarItem-wrapper.gwt-TabBarItem-wrapper-selected div {
    background: unset;
    padding: 0;
}

.tabServiceResult .gwt-TabBarItem {
    background: unset;
}


.tabServiceResult td.gwt-TabBarItem-wrapper {
    background: #f2f2f2;
    border-top: 6px solid #c3c3c3;
}

.tabServiceResult .gwt-TabBarItem-wrapper div {
    background: unset;
}

.touroperatormodeselfdrive.searchElement, .agencymodeselfdrive.searchElement, .touroperatormodetour.searchElement, .agencymodetour.searchElement, .modecar.searchElement, .listTourCatalog .searchElement {
    width: calc(100% - 15px);
}

.searchElement .simpleItemTour, .searchElement .simpleItemTour {
    border: 0;
}

.searchService {
    margin-bottom: 15px;
}

.detailInfoTO .gwt-TabBar {
    border: 0;
}

.tabServiceResult > tbody > tr > td {
    padding: 0;
}

.gwt-TabPanel > tbody > tr > td,
.tabHotel > tbody > tr > td, .tabServiceResult > tbody > tr > td, .tabsDettagli > table > tbody > tr > td {
    padding: 0;
}

.tabDescrizione.descriptionLong.cardElement {
    max-width: unset;
    display: block;
}

.formHotelDetail .infoHotel.cardElement {
    width: calc(100% - 6px) !important;
}

.tabMap.cardElement {
    width: calc(100% - 10px) !important;
}

.detailInfoTO .cardElement.panelCalcolaPrezzo {
    width: auto !important;
}

#content .content-inner .form-element.element-username, #content .content-inner .form-element.element-password, #content .content-inner .formLogin .abilita-agenzia {
    width: 96% !important;
}

#content .content-inner .formLogin .form-element.element-username input, #content .content-inner .formLogin .form-element.element-password input {
    width: 96% !important;
}

.formLogin {
    width: unset !important;
}

#content .form-element.element-username.subtitle {
    float: left !important;
    width: unset !important;
}

#content .content-inner .formLogin .submit {
    float: right;
    margin: 0;
}

#content .content-inner .form-element.element-password.subtitle, #content .content-inner .formLogin .abilita-agenzia {
    text-align: center;
    margin: 20px 0;
    border-top: 1px solid #dddddd;
    padding-top: 20px;
}

.form-element.element-username.subtitle {
    float: left !important;
    width: unset !important;
    margin-top: 12px !important;
}


.formLogin .form-element {
    margin: 10px 0 !important;
}


#content .content-inner.front-not-logged h2 {
    color: #000000;
}

.form-container {
    /* background: red !important; */
}

#content .form-container {
    background: white;
}

.block-aladyn p {
    width: unset !important;
}

.block-aladyn .block-aladyn-text {
    width: unset;
}

.block-aladyn iframe {
    width: 310px;
    height: 200px;
    margin-top: 50px;
}

#content .form-element element-username, #content .form-element element-password {
    width: 100%;
}

.loginPage a.homeLink {
    left: 50%;
    margin-left: -190px;
}


/************************
*************************
*************************/
.homeLink {
    color: white;
    font-weight: bold;
    background-image: url(../images/logo_a.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 94%;
    width: 380px;
    height: 100%;
    z-index: 99;
    cursor: pointer;
}

.menuPreventivo li {
    margin: 1px 0;
}

.leftMenu a {
    background-image: url(../images/icone/iconeNew/icoList_left.png);
    background-position: -100px -100px;
    background-size: 50px auto;
    background-repeat: no-repeat;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    font-family: arial;
    font-size: 13px;
    padding: 10px 1px 8px 32px;
    display: block;
}

.leftMenu ul a {
    margin-left: 25px;
}

.leftMenu:hover a:hover {
    background-color: #cfdfec;
    color: #02126f;
}

.leftMenu.prevNew a {
    background-position: -12px -9px;
}

.leftMenu.prevSrc a {
    background-position: -12px -46px;
}

.leftMenu.prevFT a {
    background-position: -12px -83px;
}

.leftMenu.prevListFT a {
    background-position: -12px -120px;
}

.leftMenu.operatCT a {
    background-position: -12px -157px;
}

.leftMenu.operatFT a {
    background-position: -12px -194px;
}

.leftMenu.assic a {
    background-position: -12px -226px;
}

.leftMenu.stats a {
    background-position: -12px -786px;
}

.leftMenu.gestPrev a {
    background-position: -12px -270px;
}

.leftMenu.prevStati a {
    background-position: -12px -641px;
}

.leftMenu.titleHistory a {
    background-position: -12px -343px;
}

.leftMenu.itinViaggio a {
    background-position: -12px -381px;
}

.leftMenu.travList a {
    background-position: -12px -418px;
}

.leftMenu.prodList a {
    background-position: -13px -84px;
}

.leftMenu.prodList #prodottiViaggiatori a {
    background-position: -12px -493px;
}

.leftMenu.prodottiViaggiatori a {
    background-position: -12px -18px;
}

.leftMenu.dettTot a {
    background-position: -12px -531px;
}

.leftMenu.commPrezzi a {
    background-position: -12px -567px;
}

.leftMenu.gestStampe a {
    background-position: -12px -677px;
}

.leftMenu.docs a {
    background-position: -12px -604px;
}

.leftMenu.prevNote a {
    background-position: -12px -715px;
}

.leftMenu.gestNote a {
    background-position: -12px -752px;
}


.leftMenu.gestStampe a {
    background-position: -12px -677px;
}

.leftMenu.docs a {
    background-position: -12px -604px;
}

.leftMenu.prevNote a {
    background-position: -12px -715px;
}

.leftMenu.gestNote a {
    background-position: -12px -752px;
}

.titleListPrev table.title td.text {
    font-weight: normal;
}

.titleListPrev table.title td.text .left {
    padding: 5px 0;
    text-decoration: none;
    text-indent: 42px;
}

.titleListPrev table.title td.text {
    background-image: url(../images/icone/iconeNew/icoList_title.png);
    background-size: 30px auto;
    background-repeat: no-repeat;
    background-position: 4px 1px;
}

.agPrenotaz table.title td.text {
    background-position: 4px -44px;
}

.agLavoraz table.title td.text {
    background-position: 4px -44px;
}

.agNuovo table.title td.text {
    background-position: 4px -90px;
}

.TOLavoraz table.title td.text {
    background-position: 4px -273px;
}

.TOopzion table.title td.text {
    background-position: 4px -182px;
}

.pratAttesa table.title td.text {
    background-position: 4px 1px;
}

.prevAttesa table.title td.text {
    background-position: 4px 1px;
}

.prevPrenot table.title td.text {
    background-position: 4px -135px;
}

.prevToday table.title td.text {
    background-position: 4px -90px;
}

.prevDaAss table.title td.text {
    background-position: 4px -90px;
}

.prevDaAssInLav table.title td.text {
    background-position: 4px -273px;
}

.prevDaAssInLavMiei table.title td.text {
    background-position: 4px -44px;
}

.prevProdNostri table.title td.text {
    background-position: 4px -319px;
}

table.title, table.titleSearchPanel, table.titleg, table.titlegFilterPanel, #pricegroup, .itemTourCatalog .panelTestata, .ListPrevContainer .resultNumber .title {
    background: #2478bd;
    min-height: 38px;
}

table.title.tableError {
    background: #e9153d;
}

.resultNumber .title {
    background: #529de7;
    margin-top: 10px;
}

.titleListPrev .resultNumber .title {
    margin-top: 0px;

}

.size .number {
    font-size: 24px;
    font-weight: normal;
}

.ListPrevContainer .resultText {
    margin-left: 10px;
    border: 0;
    background: transparent;
    height: 40px;
    font-size: 14px;
}

.ListPrevContainer .resultText, .toDaAssegnare .resultText, .toDaPrendereInCarico .resultText, .toInGestione .resultText {
    display: none;
}

.ListPrevContainer .size .number, .toDaAssegnare .size .number, .toDaPrendereInCarico .size .number, .toInGestione .size .number {
    font-size: 13.7px;
    font-weight: bold;
}


.ListPrevContainer.titleListPrev.ListPrevOpened .title, .ListPrevContainer.titleListPrev.ListPrev .title {
    background: #529de7;
}

.sectionId {
    padding: 10px;
    background: #f2f2f2;
    box-shadow: 0px 0px 8px -2px rgba(0, 0, 0, 0.1);
    margin: 10px 0;
}

.titleListPrev table.title td.text span.sizeTitle {
    display: none;
}

.titleListPrev table.title td.text span.size {
    color: #2478bd;
    display: block;
    float: right;
    background: white;
    width: 28px;
    height: 23px;
    padding: 5px 0px 0px 0;
    overflow: hidden;
    text-align: center;
    font-weight: bold;
    border-radius: 20px;
}

.itinerarioElements .title {
    background: #529de7;
}

.titleListPrev.titleEmpty {
    opacity: 0.3;
}


.titleListPrev.ListPrevOpened .title, .titleListPrev.ListPrev .title {
    background: #529de7;
}

.titleListPrev.ListPrevOpened .listPrev {
    margin-top: -3px;
}

.titleListPrev.ListPrevOpened .listPrev th, .listPrev th {
    background: #529de7 !important;
    color: #ffffff;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: arial;
    font-size: 13px;
}


.subFooter, .subFooter a:link, .subFooter a:visited {
    background: none;
    color: #ffffff;
}


.searchTab {
    width: 100% !important;
}

#sidebarPopup {
    padding: 6px 6px 6px 0;
    border-radius: 6px;
    right: 15px;
    background: #F2F2F2;
}

.searchElement, .serviceContainerTab {
    width: calc(100% - 240px);
    max-width: unset;
}

.daygroup.searchElement {
    width: calc(100% - 15px);
}


.tdLeftMenu, .divLeftMenu {
    width: 250px !important;
}

.divLeftMenu {
    background: #ffffff;
    margin: 0 !important;
    padding: 0 !important;
}

.divLeftMenu .l2gbg {
    background: unset !important;

}

.tdMainPage > div {
    float: left;
    width: 100% !important;
}

.divLeftMenu, .tdMainPage > div {
    /*box-shadow: 0px 3px 8px -4px rgba(0,0,0,0.15);*/
}

.daygroup.floatTitle .daygrouptop {
    /*width: calc(100% - 594px);*/
    width: 1090px;
}


.tdMainPage {
    padding-left: 10px !important;
}

table.mainMenuTable td {
    padding: 0 !important;
}

.mainMenuTable table td span {
    margin: 3px 0 !important;
}

tr.suggestPopupTop, tr.suggestPopupBottom, tr.suggestPopupLeft, tr.suggestPopupRight, td.suggestPopupMiddleLeft, td.suggestPopupMiddleRight,
tr.menuPopupTop, tr.menuPopupBottom, td.menuPopupMiddleLeft, td.menuPopupMiddleRight, tr.dialogTop, tr.dialogBottom, td.dialogMiddleRight, td.dialogMiddleLeft {
    display: none;
}

/*.gwt-DialogBox > div {
    max-height: 100%;
    overflow: scroll;
}

.gwt-DialogBox {
    max-height: calc(100% - 100px);
}*/

.gwt-DialogBox .dialogMiddleCenter {
    background: unset;
    color: #000000;
}

table.grayWhite td {
    padding: 3px 5px 3px 5px;
    border: 1px solid #fff;
    color: black;
    background: #f6f5f6;
}

table.grayWhite th {

    background: #697685 !important;
    height: 30px;
    padding: 3px 5px 3px 5px;
    color: white;
    text-shadow: unset;
}

/*.dialogContent td,*/
.suggestPopupContent td,
.menuPopupContent td {
    padding: 6px 5px 6px 15px !important;
    min-width: 150px;
    background: white;
    color: #000000 !important;
    text-transform: uppercase;
    font-size: 12px !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.gwt-DialogBox .dialogContent,
.messageDialog .dialogContent {
    padding: 20px 10px 20px 10px;
    text-align: center;
    /*  text-transform: uppercase;*/
}

.messageDialog .dialogContent .gwt-HTML {
    text-align: center;
}

.menuPopupContent td:hover {
    background: #cfdfec !important;
    color: #02126f !important;

}

.suggestPopupContent tr:hover, .gwt-SuggestBoxPopup table td table td.item-selected {
    background: #cfdfec !important;
    color: #02126f !important;

}

.suggestPopupContent td {
    background: unset !important;

}

.menuPopupContent {
    box-shadow: 0px 3px 8px -4px rgba(0, 0, 0, 0.25);
}

.suggestPopupContent {
    box-shadow: 0px 1px 11px -2px rgba(0, 0, 0, 0.55)
}

/*.dialogContent > div, */
.suggestPopupContent > div {
    background: #ffffff;
    color: #000000;
    padding: 2px;
    /* height: auto !important; */
}

div#container {
    width: calc(100% - 80px) !important;
}

.welcomeLogin.changeTop {
    top: 49px;
    margin-right: 0;
}


.fixedTrue, .fixedTrueReverse, .fixedTrue2 {
    border: solid white 3px;
    top: 4px;
    right: 19px;
    box-shadow: 0px 1px 5px -1px rgba(0, 0, 0, 0.3);
}

.showElement {
    display: block !important;
    animation: animOpacity 0.5s ease-out;
    display: block;
}

.hideElement {
    display: none;
}

/********************/
/********************/

.notificationOverlay.notificationMask, .gwt-PopupPanelGlass {
    background: rgba(255, 255, 255, 0.8);
    /*display: none !important;*/
    max-width: 100%;
}

.notificationPopup.notificationMask, .gwt-DialogBox {
    /*background: white;*/
    /*box-shadow: 0px 5px 20px 5px rgba(0,0,0,0.6);*/
    /*border-radius: 5px;*/
    /*min-width: 600px;*/
    /*max-width: 800px;*/
    /*margin-left: -315px;*/
    /*left: 50% !important;*/
    /*overflow-y:auto;*/
    background: white;
    box-shadow: 0px 5px 20px 5px rgba(0, 0, 0, 0.6);
    border-radius: 5px;
    width: fit-content;
    width: -moz-fit-content;
    min-width: 400px;
    max-width: 1000px;
    overflow-y: auto !important;
    margin-left: auto;
    margin-right: auto;
    left: 0 !important;
    right: 0;
}

.notificationPopup.notificationMask {
    min-width: 600px;
    max-width: 800px;
}

.gwt-DialogBox.Mask, .gwt-DialogBox.InputDialogOpzionale, .gwt-DialogBox.LinkProductDialog {
    width: 600px;
}

.gwt-DialogBox.modalCalendar {
    /*min-width: 300px;*/
}

.gwt-DialogBox.ChangeQgDatePriceDatePickerDialog {
    /*max-width: 300px;*/
    /*min-width: 300px;*/
    /*margin-left: -150px;*/
}

.gwt-DialogBox.LocationSubdivisionDialog {
    /*max-width: 900px;*/
    /*min-width: 899px;*/
    /*margin-left: -450px;*/
}

.dialogRicalcolaMantieni .white:first-child {
    background: #f39c12 !important;
    padding: 20px !important;
    font-size: 1.2em;
    color: white !important;
}

.dialogRicalcolaMantieni {
    margin: -20px -10px;
}

.contentAddVoloTour .dialogRicalcolaMantieni {
    margin: 10px;
}

.dialogRicalcolaMantieni .contentAddVoloTour div {
    margin: 16px 10px;
    font-size: .85rem;
}

.dialogRicalcolaMantieni .white {
    background: #f6f5f6 !important;
    padding: 20px !important;
    font-size: 1rem;
    color: #000000 !important;
}

.notificationPopup.notificationMask {
    animation: animBottom 1.1s ease-out;
    position: fixed !important;
    top: 97px !important;
    z-index: 500;
}

.gwt-DialogBox {
    animation: animOpacity 0.5s ease-out;
}

.gwt-DialogBox .red.center.bold.pd10 {
    background: #e9153d;
    padding: 20px 10px 20px 10px !important;
    color: white;
    margin: -20px -10px 0;
}

.loader {
    border-radius: unset;
    box-shadow: unset;
    background: unset;
}

.notificationPopup.notificationMask.away {
    animation: animTop 0.3s ease-in;
}


.datePickerCalendarePartenze {
    margin: auto;
}


.emailDialog ul.token-input-list-facebook {
    width: 99% !important;
}

.emailDialog ul.token-input-list-facebook input {
    width: 100% !important;
    border: 1px solid red;
}

li.token-input-input-token-facebook {
    width: 100%;
}

.emailDialog input {
    width: unset !important;
}

.FormEmailTo .mittente input, .FormEmailTo .oggetto input,
.FormEmailAgenzia .mittente input, .FormEmailAgenzia .oggetto input {
    width: 99% !important;
}

@keyframes animBottom {
    0% {
        top: -300px;
    }
    50% {
        top: 97px;
    }
}

@keyframes animTop {
    0% {
        top: 97px;
    }
    50% {
        top: -300px;
    }
}

div#notificationCardContent {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 501;
    color: white;
}

.notificationCard {
    width: 430px;
    padding: 16px 30px;
    border-radius: 0;
    background: #00a65a;
    margin-top: 5px;
    margin-right: 74px;
    box-shadow: 0px 5px 20px 5px rgba(0, 0, 0, 0.4);
}

.notificationCard.warning {
    background: #f39c12;
    color: white;
}
.notificationCard.important {
    background: #2989d8;
    color: white;
}

.notificationPopup.notificationMask .messageDialogTitle, .notificationPopup.notificationMask.messageDialog .Caption {
    text-transform: uppercase;
    font-weight: bold;
    padding: 20px 0 20px 0;
    text-indent: 30px;
}

.notificationPopup.notificationMask .messageDialogTitle {
    min-height: 20px;
}

.messageDialogText > div:not(.messageDialogTitle) {
    padding: 20px 20px 10px;
}

.notificationMask td, .notificationMask th {
    padding: 0;
}

.notificationPopup.notificationMask.messageDialog .Caption {
    text-align: center;
}

.notificationPopup.notificationMask.ok .messageDialogTitle, .notificationPopup.notificationMask.ok.messageDialog .Caption {
    background: #00a65a;
    color: white;
}

.notificationPopup.notificationMask.warning .messageDialogTitle, .notificationPopup.notificationMask.warning.messageDialog .Caption {
    background: #f39c12;
    color: white;
}

.notificationPopup.notificationMask.important .messageDialogTitle, .notificationPopup.notificationMask.important.messageDialog .Caption {
    background: #2989d8;
    color: white;
}

.notificationPopup.notificationMask.error .messageDialogTitle, .notificationPopup.notificationMask.error.messageDialog .Caption {
    background: #e9153d;
    color: white;
}


.notificationPopup.notificationMask.error:before, .notificationPopup.notificationMask.warning:before,
.notificationPopup.notificationMask.ok:before, .notificationPopup.notificationMask .warningMessage:before,
.notificationPopup.notificationMask .infoMessage:before, .notificationPopup.notificationMask .errorMessage:before,
.notificationPopup.notificationMask .importantMessage:before, .notificationPopup.notificationMask.important:before,
.NCMessage .errorGrid .infoMessage:before {
    font-family: 'Material Icons';
    font-weight: bold;
    font-style: normal;
    font-size: 24px;
    display: block;
    width: 25px;
    height: 25px;
    position: absolute;
    left: 5px;
    margin-top: -4px;
    text-align: center;
    text-transform: lowercase;
}

.notificationPopup.notificationMask.warning:before, .notificationPopup.notificationMask .warningMessage:before {
    font-family: 'Arial';
    content: "!";
    color: #f39c12;
}

.notificationPopup.notificationMask.important:before, .notificationPopup.notificationMask .importantMessage:before {
    font-family: 'Arial';
    content: "⚠";
    color: #2989d8;
}

.importantMessage p {
    background: #2989d8;
    width: fit-content;
    padding: 10px 28px;
    margin: -10px 16px -10px 0px;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
}

.notificationPopup.notificationMask.ok:before, .notificationPopup.notificationMask .infoMessage:before, .NCMessage .errorGrid .infoMessage:before {
    content: "done";
    color: green;
}

.NCMessage .errorGrid .infoMessage:before {
    color: white;
}

.notificationPopup.notificationMask.error:before, .notificationPopup.notificationMask .errorMessage:before {
    content: "clear";
    color: #e9153d;
}

.notificationPopup.notificationMask .warningMessage, .notificationPopup.notificationMask .importantMessage, .notificationPopup.notificationMask .infoMessage,
.notificationPopup.notificationMask .errorMessage, .NCMessage .errorGrid .infoMessage {
    background: unset;
    padding: 16px 0 16px 30px !important;
}

.notificationPopup.notificationMask.error:before, .notificationPopup.notificationMask.warning:before, .notificationPopup.notificationMask.important:before, .notificationPopup.notificationMask.ok:before {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
    border: 2px solid white;
    padding: 10px;
    border-radius: 30px;
    color: #ffffff;
    margin-top: 5px;
    margin-left: 5px;
}

.gwt-DialogBox .red.center.bold.pd10 {
    backogrund: #e9153d;
    color: white;
}

.notificationPopup.notificationMask.messageDialog:before {
    display: none;
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

div#sidebarPopup.absolute {
    position: absolute;
    right: 15px;
    top: unset;
    transition: 0s;
    animation: animOpacity 0.2s ease-in;
}

.searchService div#sidebarPopup.absolute {
    margin-top: 100px;
}

.searchHotel div#sidebarPopup.absolute {
    margin-top: 73px;
}

/********************/
/********************/
.tooltipChangeDateTour .tourLabel {
    display: inline !important;
    color: white !important;
}

.moveLess1 {
    margin-top: -20px;
}

.moveLess2 {
    margin-top: -35px;
}

.moveLess3 {
    margin-top: -50px;
}


td.text.vamid {
}


table.title.asd {
    background: #dddddd;
}

table.title.asd td.text {
    color: #000000;
}


.cardElement .fblue {

    background: #ffffff;
    color: #000000;
}

table.fblue {
    /*background: #ffffff;
    color: #000000;*/
}

.dvResultsTitle {
    background: #eeeeee;
    padding: 14px 6px 6px 8px;

}


table#tableTravelerRooms {
    color: #000000;
}

/* .dynpaModule, .searchSettings {
    margin-bottom: 20px;
} */

div#preventivoContainer {
    margin-bottom: 20px;
}

.tdLeftMenu .dynpaModule {
    margin-bottom: 8px;
}


div#preventivoContainer .fgray {
    background: unset !important;
}


.titleListPrev, .ListPrevOpened, .ListPrevOpened {
    margin-bottom: 10px;
}

.listPrev {
    margin-bottom: 20px;
}


/*******************/
/*******************/

.itinerarioElements .cardElement {

    /*  background: #ffffff;
      box-shadow: 0px 3px 8px -4px rgba(0,0,0,0.15);
      margin-bottom: 20px;
      color: #000000;*/
    margin-bottom: 10px;
    padding-bottom: 0px;
}

.itinerarioElements .title {
    background: white;
    border-bottom: 1px solid #ededed;
}

.itinerarioElements .title .text {
    color: #000000 !important;
    font-size: 20px;
    font-family: "Open Sans";
    /* float: left; */
    margin: 0;
    width: 100%;
}


img.left.cpointer {
    background: #3c9dee;
    border-radius: 20px;
    padding: 1px;
    box-shadow: 0px 1px 5px -1px rgba(0, 0, 0, 0.3);
    border: 2px solid white;
    transition: 0.2s;
}

img.left.cpointer:hover {
    background: #2478bd;
    box-shadow: 0 2px 6px 2px rgba(0, 0, 0, .2);
}

.right.pdl10.itinerarioDayOption {
}

.right.pdl10.itinerarioDayOption {
    font-size: 14px;
    padding-top: 6px;
    text-transform: uppercase;
}

.right.pdl10.itinerarioDayOption .gwt-Label {
    margin-right: 14px;
}

.temporaleElementPanelTable tr:hover {
    background: #f6f5f6;
}

table.temporaleElementPanelTable tr td {
    padding: 2px 4px;
    vertical-align: middle;
}

.itinerarioElements .cy2bg {
    background: unset !important;
}

.dayProductButton button {
    width: 132px;
}


.icoDay {
    font-weight: bold;
    margin-top: -2px;
    margin-left: -10px;
}

.productHotelRef .icoDay {
    position: absolute;
}

.icoDay:before {
    content: " ";
    display: block;
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 10px;
    background-size: cover;
}

.icoDay.ico_Tour:before {
    background-image: url(../images/icone/iconeNewProdotti/tour.png);
}

.icoDay.ico_Volo:before {
    background-image: url(../images/icone/iconeNewProdotti/flight.png);
}

.icoDay.ico_Hotel:before {
    background-image: url(../images/icone/iconeNewProdotti/hotel.png);
}

.icoDay.ico_Noleggio:before {
    background-image: url(../images/icone/iconeNewProdotti/noleggio.png);
}

.icoDay.ico_Servizio:before {
    background-image: url(../images/icone/iconeNewProdotti/service.png);
}

.icoDay.ico_Fuori_Catalogo:before {
    background-image: url(../images/icone/iconeNewProdotti/jolly.png);
}

.icoDay.ico_Self_Drive:before {
    background-image: url(../images/icone/iconeNewProdotti/flydrive.png);
}

/*******************/
/*******************/
.history {
    border: unset;
}

td.historydetailed {
    display: none;
}

.history .historydiv {
    display: block;
}

td.historydescription div {
    width: 100%;
}

td.historydetailed {
    display: none;
}

.historyelement {
    border: unset !important;
}

.history .historylabel {
    width: calc(100% - 120px) !important;
    word-break: break-all;
}

.childhistory {
    width: 96%;
    background: #e6e6e6;
    overflow: hidden;
    padding: 5px 2%;
    margin-bottom: 14px;
}

.history .historydescription {
    width: 60%;
}

.history .evenrow, .history .oddrow {
    background: unset;
}

.fixedTrueTr.trTravelerRooms .tdCamera {
    /* width: 300px;*/
}

.fixedTrueTr {
    width: calc(100% - 345px);
}


.searchResults {
    float: left;
    width: 100%;
}

.prezzoCategoryTour .gwt-TabBarItem {
    color: #000000;
    background: #ffffff;

    vertical-align: middle !important;
    -webkit-box-shadow: inset 13px -13px 13px -16px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: inset 13px -13px 13px -16px rgba(0, 0, 0, 0.4);
    box-shadow: inset 13px -13px 13px -16px rgba(0, 0, 0, 0.4);
}

.prezzoCategoryTour .gwt-TabBarItem-selected {
    color: #000000;
    /*background: #f3f3f3;*/
    vertical-align: middle !important;
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    box-shadow: unset;
}

.prezzoCategoryTour .accordion .anchor .chevr {
    width: 0;
    height: 0;
    border-style: solid;
    transition: .5s;
    border-color: #fff transparent transparent;
    margin-right: 20px;
    margin-top: 4px;
    border-width: 10px 6px 0;
}

.prezzoCategoryTour .accordion .off .chevr {
    transform: rotate(-90deg);
}

.w40.daysListMap {
    width: 400px;
}

.w60.daysList {
    width: unset;
}

/************************
*************************
*************************/


.tabPanelFlight .gwt-TabBarItem-wrapper.gwt-TabBarItem-wrapper-disabled, .tabPanelFlight .gwt-TabBarItem-wrapper {
    border-radius: 0;
    color: black !important;

    vertical-align: middle !important;
    -webkit-box-shadow: inset 13px -13px 13px -16px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: inset 13px -13px 13px -16px rgba(0, 0, 0, 0.4);
    box-shadow: inset 13px -13px 13px -16px rgba(0, 0, 0, 0.4);
}

.tabPanelFlight .gwt-TabBarItem-wrapper {
    background: #ffffff;
    border-top: 6px solid #c3c3c3;
}

.tabPanelFlight .gwt-TabBarItem-wrapper.gwt-TabBarItem-wrapper-disabled {
    background: #e8e8e8;
    border-top: 0px solid #f4f6f5;
    color: #b0b1b0 !important;
}

.tabPanelFlight .gwt-TabBarItem-wrapper-selected {
    border-radius: 0;
    background: #ffffff;
    padding-bottom: 8px;
    border-top: 6px solid #2478bd;
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    box-shadow: unset;
}

.tabPanelFlight .gwt-TabPanelBottom {
    border: 0;
}


table.tabPanelFlight .gwt-TabBar {
    border-spacing: 0;
}


/************************
*************************
*************************/


table.tabPanelFlight {
    background: white;
}


/*
.suggestLabel, .searchResults, .l2gbg {*/


.hotelSearchPanel {
    margin-bottom: 0px;
}

.moreInfo .blockAcconto, .moreInfo .blockCommissioni, .moreInfo .blockCommissioni {
    width: calc(100% - 400px);
}

/* .suggestLabel, */
thead th, .trTravelerRooms .suggestLabel, .pricesTitle > div, .pricesTitle, .flexTable .title, .standardTable th, .listaDocumenti .tableTravel tr:first-child, .listaDocumenti .intestazioneDocumenti tr, .ratesTable th {
    background: #697685 !important;
    /* padding-top: 25px;
    padding-bottom: 25px;*/
    height: 30px;
    padding: 3px 5px 3px 5px;
}

.totalibottom.rounded {
    background: white;
    padding: 5px 0;
    box-shadow: 0px -6px 8px -4px rgba(0, 0, 0, 0.2);
}

.propri {
    border: 0;
}

.commPrezzi .elementSel div {
    width: 100%;
}

.commPrezzi span.evidenza {
    float: right;
    margin-right: 10px;
}

.elementSel .valueTot.bold {
    /* width: 100%; */
    float: right;
    margin-right: 10px;
}

.elementSelTitle .valueTot {
    float: right;
    margin-right: 4px;
}

#sidebarPopup.absolute.commPrezzi {
    top: 310px;
}

.productContent {
    position: relative;
    overflow: hidden;
    min-height: 64px;
}

.productContent .ico img {
    width: 35px;
}


.ico {
    float: left;
}

span.prezzo, span.evidenza {
    float: right;
}

.flightSellPrice span.prezzo, .flightSellPrice span.evidenza {
    float: unset;
    padding-left: 20px;
}

.productTitle {
    float: left;
    width: calc(100% - 370px);
    margin: 7px 14px 0 14px;
    font-weight: bold;
}


.priceList {
    width: 300px;
    float: left;
    margin-top: 8px;
}

.opener {
    position: absolute;
    bottom: 4px;
    width: 25px;
    height: 25px;
    border-radius: 20px;
    left: 20px;
    margin-left: -15px;
    background-color: #3c9dee;
    box-shadow: 0px 1px 5px -1px rgba(0, 0, 0, 0.3);
    z-index: 99999;
}

.opener:hover {
    background: #247ed2;
}

a.icon img {
    width: 30px;
    margin-top: -2px;
    margin-left: -2px;
}

.notificationPopup {
    max-height: calc(100% - 130px);
    overflow-x: unset;
}

.notificationOverlay.notificationMask {
    position: fixed !important;
    height: 100% !important;
}

.notaProdotto {
    padding: 7px 0px 3px 10px;
    width: auto !important;
    background: white;
}

.noteProdotto .gwt-TabBar {
    background: #5685e3;
}

table.noteProdotto > tbody > tr > td {
    padding: 0;
}

td.tdPanelValue input, td.tdPanelValue textarea {
    width: 90%;
}

td.tdPanelLabel, td.tdPanelValue {
    padding: 3px 2px;
}

td.tdPanelLabel {
    color: #003C7F;
}

tr.appCheckbox {
    border: 1px solid green;
}

table.sectionId {
    padding: 10px 0;
}

.tdPanelValue td.tdInput {
    width: 90.7%;
}

table.tableOpzionale {
    position: relative;
    width: calc(100% - 30px) !important;
    padding: 10px 0;
}

.tableOpzionale:before {
    margin-top: -32px;
}

.tableOpzionale td {
    color: #003C7F;
}

.listaDocumenti {
    margin: 0 0 20px 0;
    padding: 10px 5px;
    overflow: hidden;
}


.ratesTable {
    border-spacing: 2px;
}

.ratesTable th {
    color: #ffffff;
    font-size: 12px;
}

.ratesTable tr {
    background: #f6f5f6;
}

.ratesTable tr:hover {
    border: 0px;
    background: #e6e6e6;
}

.ratesTable td {
    border: 0px;
}

table.tourcatalog-footer {
    width: unset;
}

.listTourCatalog .simpleItemTour {
    background: #ffffff;
}

.itemTourCatalog .elementsubtitletourcatalog {
    border: 0;
    display: table;
    border-spacing: 2px;
}

table.gridVolo, table.gridVolo td, .itemTourCatalog .elementsubtitletourcatalog th {
    border: 0;
}

.itemTourCatalog .elementsubtitletourcatalog td {
    background: #F2F2F2;
}

.itemTourCatalog .elementsubtitletourcatalog th {
    color: #ffffff;
}

.itemTourCatalog .elementsubtitletourcatalog th.gridVoloTour, .itemTourCatalog .elementsubtitletourcatalog td.gridVoloTour {
    padding: 0;
}

.tourcategory-selected td.categFieldTour {
    text-indent: 29px;
}

.tourcategory-selected td.categFieldTour::before {
    content: "▸";
    position: absolute;
    font-size: 30px;
    color: #3b78bd;
    line-height: 14px;
    text-indent: -27px;
    margin: 0;
}

table.gridVolo {
    width: 100%;
    height: 100%;
}

table.gridVolo td, table.gridVolo th {
    border-right: 2px solid #ffffff !important;
    padding: 0;
    margin: 0;
}

table.gridVolo th.actionFieldTour {
    border-right: 0 !important;
}

.nextCat .elementsubtitletourcatalog thead tr th {
    height: 0px !important;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 0;
    font-size: 0;
    opacity: 0;
}

table.elementsubtitletourcatalog {
    margin: 0 !important;
}

.nextCat {
    margin-top: -4px;
}

.itemTourCatalog .elementsubtitletourcatalog table.gridVolo tr {
    display: table-row;
}

.trTravelerRooms.fixedTrueTr {
    width: calc(100% - 347px) !important;
    display: table;
    color: #ffffff;
}

.gridVoloTour > div {
    height: 100%;
}

.itemTourCatalog .voloFieldTour, .itemTourCatalog .tariffaFieldTour, .itemTourCatalog .tasseFieldTour {
    width: 80px;
}

th.voloFieldTour, td.gridVoloTour {
    border-left: 12px solid #ffffff !important;
}

.itemTourCatalog .totAllotmentFieldTour, .itemTourCatalog .venAllotmentFieldTour, .itemTourCatalog .opzAllotmentFieldTour, .itemTourCatalog .rqAllotmentFieldTour, .itemTourCatalog .disAllotmentFieldTour, .itemTourCatalog .actionFieldTour {
    width: 40px;
}

.itemTourCatalog .venShareAllotmentFieldTour {
    width: 75px;
}

.itemTourCatalog .noteFieldTour, .itemTourCatalog .noteFieldTour, .noteFieldTour.actionFieldTour {
    width: unset !important;
}


.itemTourCatalog .tablePrices {
    width: 100%;
}

.itemTourCatalog .tablePrices td {
    padding: 6px 10px;
}

#aladyn-wpageintestazione .w20 {
    width: 20%;
}

.centerAladyn.cardElement {
    background: #ffffff !important;
}

.serviceContainerTab .searchResults {
    padding-top: 10px;
}

#sidebarPopup, .sidebarPopup {
    max-height: calc(100% - 230px);
}

.mt10 {
    margin-top: 10px;
}


#navigator {
    right: 76px;
    top: 87px;
    padding: 6px 6px 6px 0;
    border-radius: 6px;
}

div#navigator.fixed {
    position: absolute;
    top: unset;
    float: right;
    right: 74px;
    margin-top: -10px;
    animation: animOpacity 0.2s ease-in;
}

.linkTablePanel tr {
    border-bottom: 1px solid #c3c3c3;
    display: block;
    padding: 2px 1px;
    margin: 0 5px;
}


/******************/
/******************/
.productTotalPrice, .productTotalLink {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}


.productTotalLink {
    padding: 0px 5px 0 0 !important;
}

a.productTotalDetail, a.productTotalLink {
    width: 236px;
    padding: 1px 0 2px 0px;
}

.productTotalLink {
    width: 159px !important;
}

.productTotalLink.opentab, .productTotalLink.closetab {
    text-indent: 12px;
}

.productTotalLink.Total {
    width: 129px !important;
}

a.productTotalLink.opentab:before {
    line-height: 16px;
}

a.productTotalLink.closetab:before {
    margin-left: -14px;
}

a.productTotalLink.opentab:before, a.productTotalLink.closetab:before {
    font-weight: bold;
    color: #38538c;
    font-size: 22px;
    line-height: 15px;
    position: absolute;
    margin-left: -16px;
    text-indent: 0;
}

.productTotalList.show {
    animation: animOpacity 0.5s ease-out;
}

.showData:hover::after {
    margin-left: 230px;
    left: unset;
}

/**********/
/**********/
/**********/
.cardElement.homeAge, .cardElement.homeTo {
    background-color: #f2f2f2 !important;
    margin-bottom: 0;
    padding-top: 20px !important;
}

.homeTo .content-inner, .homeAge .content-inner {
    padding: 0;
}

.hb1 {
    width: 100%;
    margin: 1% 0 0 0;
    padding: 0;
}


.hb1_2 {
    width: 47%;
    margin: 1%;
    min-height: 150px;
}

.hb1_3 {
    width: 31%;
    margin: 1%;
    vertical-align: top;
}

.hb2_3 {
    width: 64.5%;
    margin: 1%;
    min-height: 150px;
}

.hb1_2.small {
    min-height: unset;
    padding-bottom: 0;
}

.hb2_3.small {
    min-height: unset;
    padding-bottom: 0;
}

.small .homeBoxImg {
    float: left;
}

.small .homeBoxTitle {
    float: right;
    width: 46%;
    TEXT-ALIGN: center;
}

.small .homeBoxButton {
    float: right;
    width: 46%;
}


.cardElement.homeBox img {
    width: 100%;
}

.hb1_2 .homeBoxImg {
    width: 50%;
    float: left;
    height: 110px;
}

.hb1_3 .homeBoxImg {
    width: 100%;
    float: left;
    height: 100px;
}

.hb2_3 .homeBoxImg {
    width: 50%;
    float: left;
    height: 184px;
}

.hb1 .homeBoxImg {
    height: 51px;
}

.homeBoxTitle {
    padding: 5px;
    font-weight: bold;
    text-align: left;
    font-size: 14px;
    text-transform: uppercase;
}

.hb1_3 .homeBoxTitle {
    text-align: center;
}

.homeBoxText {
    font-size: 11px;
    padding: 0% 2% 4px 2%;
    float: left;
    text-align: left;
    width: 46%;
    min-height: 45px;
}

.hb1_3 .homeBoxText {
    width: 96%;
    padding: 4px 2% 0 2%;
}

.homeBox {
    overflow: hidden;
    display: inline-block;
    position: relative;
}

.centerAladyn.cardElement {
    ackground: #F2F2F2 !important;
}

table.hpTable tr {
    background: #F2F2F2 !important;
}

.homeBox button {
    height: unset;
    width: unset;
    margin-top: 12px;
}

.azioni-principali {
    max-width: 800px;
    padding: unset;
    height: unset;
    width: unset;
}

.homeBox.crea_itinerario .homeBoxImg, .homeBox.crea_tour .homeBoxImg, .homeBox.richiedi_p .homeBoxImg, .homeBox.cerca_p .homeBoxImg, .homeBox.elenco_p .homeBoxImg, .homeBox.cerca_tour .homeBoxImg, .homeBox.cerca_voli .homeBoxImg, .homeBox.cerca_hotel .homeBoxImg, .homeBox.cerca_sdrive .homeBoxImg, .homeBox.cerca_noleggi .homeBoxImg, .homeBox.cerca_servizi .homeBoxImg {
    background-size: cover;

}

.crea_itinerario .homeBoxImg {
    background-image: url(../images/home_aladyn_new.jpg);
}

.crea_tourSelfDrive .homeBoxImg {
    background-image: url(https://image.shutterstock.com/image-photo/open-travelers-bag-clothing-accessories-450w-425094523.jpg);
}

.crea_tour .homeBoxImg, .cerca_tour .homeBoxImg {
    background-image: url(https://aladyn.qualitygroup.it/dynpa2/stampe2018/images/opzionali/placeholder-Tour.jpg);
    background-position: top center !important;
    background-size: cover !important;
}

.crea_sdrive .homeBoxImg, .cerca_sdrive .homeBoxImg {
    background-image: url(https://aladyn.qualitygroup.it/dynpa2/stampe2018/images/opzionali/placeholder-Self-drive.jpg);
}

.richiedi_p .homeBoxImg {
    background-image: url(../images/home_aladyn_chiedi.jpg);
}

.cerca_p .homeBoxImg {
    background-image: url(../images/home_aladyn_find.jpg);
    /* background-position: center center; */
}

.elenco_p .homeBoxImg {
    background-image: url(../images/home_aladyn_fileList.jpg);
}


.cerca_voli .homeBoxImg {
    background-image: url(https://aladyn.qualitygroup.it/dynpa2/stampe2018/images/opzionali/placeholder-Volo.jpg);
}

.cerca_hotel .homeBoxImg {
    background-image: url(https://aladyn.qualitygroup.it/dynpa2/stampe2018/images/opzionali/placeholder-Hotel.jpg);
}

.cerca_noleggi .homeBoxImg {
    background-image: url(https://aladyn.qualitygroup.it/dynpa2/stampe2018/images/opzionali/placeholder-Noleggio.jpg);
}

.cerca_servizi .homeBoxImg {
    background-image: url(https://aladyn.qualitygroup.it/dynpa2/stampe2018/images/opzionali/placeholder-Empty.jpg);
}

.intro p {
    color: #000000;
    font-family: "arial";
    margin-bottom: 0px !important;
    font-size: 14px;
}

.intro h1 {
    color: #000000 !important;
    font-weight: normal;
    font-size: 32px;
}

a .homeBoxImg {
    transition: 0.5s;
    background-position: center center !important;
    background-size: 100% auto !important;
}

a:hover .homeBoxImg {
    transition: 0.5s;
    background-size: 120% auto !important;
}

a .hb2_3 .homeBoxImg {
    background-size: auto 100% !important;

}

a:hover .hb2_3 .homeBoxImg {
    background-size: auto 120% !important;

}

.cardElement button.std-ButtonI-Little:hover {
    box-shadow: 0 2px 6px 2px rgba(0, 0, 0, .2);
    background: #4089d2;
}


a:hover .homeBoxTitle {
    color: #000000;
    text-decoration: underline;
}

.off .cardElement {
    opacity: 0.5;
    cursor: default;
}

.off .cardElement button {
    display: none;
}

tr.markupOFF * {
    opacity: 0.8;
    color: #c3c3c3 !important;
}

/*******/
/****rifacimento card ricerca tour***/
/*******/

.touroperatormodeservice .vendita, .agencymodeservice .vendita, .searchFlight .vendita {
    float: right;
    margin-right: 5px;
    text-align: right;
    width: inherit;
}

.agencymodeservice .vendita span.tourLabel, .touroperatormodeservice .vendita span.tourLabel, .searchFlight .vendita span.tourLabel {
    display: inline-block;
}

.touroperatormodeservice .vendita strong, .searchFlight .vendita strong {
    display: inline;
}

.touroperatormodeservice .simpleItemTour {
    height: 290px;
}

.prezzoCategoryTour .accordionContainer {
    border: 0;
    padding-top: 15px;
    padding-bottom: 1px;
    background: #f2f2f2;
    margin: 0 0 10px 0;
}

.prezzoCategoryTour .accordionContainer {
    border: 0;
    padding-top: 15px;
    padding-bottom: 1px;
    background: #f2f2f2;
    margin: 0 0 10px 0;
    border-radius: 0 0 5px 5px;
    box-shadow: 0px 3px 8px -4px rgba(0, 0, 0, 0.35);
}

.btnNext {
    right: 116px;
    margin-top: 130px;
}

.prezzoCategoryTour .anchor {
    color: #ffffff !important;
    background: linear-gradient(45deg, #2478bd 00%, #3C9DEE 60%, #2478bd 80%);
}

.categoryTitle {
    margin: 8px;
    display: block !important;
    font-size: 14px;
    font-weight: bold;
}

.tourPriceData {
    float: left;
    width: 270px;
    height: 100%;
    position: relative;
    border-left: 0;
}

.tourContentData {
    float: left;
    width: calc(100% - 270px);
    background: #ffffff;
    min-height: 290px;
}

.filterFlights > div > label {
    display: block;
    width: 100%;
    overflow: hidden;
    background: violet;
    text-align: center;
    padding: 10px 0;
    font-weight: bold;

}

.field-label-esclusiva {
    background: #d88e3f;
    width: 100%;
    padding: 1px 0;
    position: absolute;
    color: #363662;
}

.simpleItemTour {
    background-color: #f7f7f7 !important;
    overflow: hidden;
}


.totaleTour .title {
    font-size: 16px;
    font-weight: bold;
}

.totaleTour .prezzoTotale {
    font-family: "Open Sans";
    font-size: 28px;
    padding: 10px 0;
}


.filterFlights .flightFilterTour {
    height: 100%;
    width: calc(16.5% - 16px) !important;
    display: block;
    float: left;
    box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.08);
    border-radius: 6px;
    padding: 4px 4px 10px 4px;
    margin: 4px 4px 4px 4px;
}

.filterFlights .flightFilterTitle {
    display: block;
    width: calc(100% - 10px);
    overflow: hidden;
    background: #529de7;
    color: #ffffff;
    text-align: center;
    padding: 10px 5px;
    margin-bottom: 5px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5px;
    word-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.filterFlights > div > span {
    clear: both;
    float: unset !important;
    width: 100%;
}

.quoteFlight .searchElement.searchFlight {
    width: calc(100% - 10px);
}

.simpleItemTour .departureElement .date label {
    position: absolute;
    width: 140px;
    max-width: unset;
    left: 108px;
    top: 30px;
    display: block;
    border-color: #c3c3c3;
    border-radius: 30px;
}

.tourHeader {
    float: right;
    width: calc(100% - 300px);
    padding: 0px 0 11px 0px;
    margin: 5px 10px 11px 10px;
}

img.tourLogoTo {
    width: 70px;
    float: right;
}

.tourHeader .name {
    font-size: 20px;
    max-width: unset;
}

hr.tourHR {
    background: #e2e2e2;
    margin: 5px 5px 5px 10px;
    position: relative;
    clear: both;
}

.tourDurata span {
    display: block;
    font-size: 10px;
    font-weight: bold;
}

.tourDurata {
    margin-left: 10px;
    position: absolute;
}

.tourDurata span.dvDaysNights {
    width: 123px;
    font-weight: normal;
    text-transform: uppercase;
    margin-top: 10px;
}

p.infoCorrispondent {
    clear: both;
    padding-bottom: 5px;
}

.tourLabel {
    color: #38538c;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 2px;
    display: block;
}

div.mapPanel, .tourMap > div > div {
    width: 100% !important;
}


.simpleItemTour .priceElement strong, .searchFlight .priceElement strong {
    display: block;
    font-size: 22px;
    color: #FF6600 !important;
}

.simpleItemTour .priceElement.agy strong {
    font-size: 15px;
}


.priceElement, .selectionElement {
    font-size: initial !important;
    float: right !important;
    line-height: unset !important;
    width: 100% !important;
    text-align: right;
    margin-bottom: 10px;
    margin-right: 10px;
}

.selectionElement {
    float: left;
    margin-right: 0px;
}

.vendita .priceElement {

    float: right !important;
    width: 45% !important;
}

.priceElement.long {
    width: 100% !important;
}

.vendita .selectionElement {
    float: left !important;
    display: inline;
    width: 45% !important;
    text-align: left;
    margin-left: 10px;
}

.vendita .selectionElement .gwt-CheckBox {
    padding: 0 5px 0 5px !important;
    margin: 0;
}

.selectionElement span.tourLabel {
    margin-bottom: 7px;
}

.simpleItemTour .ok, .simpleItemTour .rq, .simpleItemTour .ko, .simpleItemTour .offer, .simpleItemTour .flok, .simpleItemTour .flrq, .simpleItemTour .flko, .simpleItemTour .svok, .simpleItemTour .svrq, .simpleItemTour .svko {
    font-size: 10px;
}

/*.departureElement {
    width: calc(100% - 30px);
    margin-left: 10px;
    margin-top: 30px;
}*/
.simpleItemTour .departureElement {
    width: calc(100% - 30px);
    margin-left: 10px;
    margin-top: 30px;
}

.calendarButton {
    cursor: pointer;
    position: absolute;
    height: 25px;
    border: 0;
    transition: 0.2s;
    margin-top: 31px;
    width: 151px;
    box-shadow: 0px 3px 8px -4px rgba(0, 0, 0, 0.1);
    background: transparent url(../images/icone/calendar/calendar.jpg) no-repeat 149px 2px;
    border-radius: 20px;
    right: 5px;
    z-index: 1;
}

.calendarButton:hover {
    box-shadow: 1px 3px 4px 4px rgba(0, 0, 0, 0.3);
}


.internalnote, .externalnote {
    width: calc(100% - 0px);
    clear: both;
    background: #e8d287;
    box-shadow: unset;
    margin: 10px 0;
    height: unset;
    max-height: 99px;
    padding: 0;
    overflow-y: scroll;
}

.externalnote {
    background: #bcd8ea;
}

.internalnote.showall, .externalnote.showall {
    height: auto;
    max-height: unset;
}

.externalnote .highlighted {
    background: #d8e5e8;
    color: #3515b9 !important;

}

.tourText {
    font-size: 11px;
}

.it-amadeus-dynpa2-gwt-client-modules-common-tooltip-TooltipResources-Style-tooltip .tourLabel {
    display: inline !important;
    color: white !important;
}

/*.it-amadeus-dynpa2-gwt-client-modules-common-tooltip-TooltipResources-Style-tooltip .departureElement {
    margin-top: 0 !important;
}*/

.it-amadeus-dynpa2-gwt-client-modules-common-tooltip-TooltipResources-Style-tooltip .priceElement {
    margin: 0;
}

.tourFeatures {
    border-bottom: 1px solid #e2e2e2;
    height: auto;
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.serviceContainerTab .tourFeature100::after {
    height: 13px;
    content: "...";
    position: absolute;
    right: 0;
    bottom: 5px;
    padding: 0 0px 0 30px;
    background: rgba(255, 255, 255, 0);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.58) 30%, rgba(255, 255, 255, 1) 52%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(30%, rgba(255, 255, 255, 0.58)), color-stop(52%, rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.58) 30%, rgba(255, 255, 255, 1) 52%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.58) 30%, rgba(255, 255, 255, 1) 52%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.58) 30%, rgba(255, 255, 255, 1) 52%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.58) 30%, rgba(255, 255, 255, 1) 52%);
}

.serviceContainerTab .agencymodeservice .tourFeature100::after {
    display: none;
}

.tourFeature33 {
    float: left;
    width: 33%;
}

.tourFeature100 {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 12px;
}

.touroperatormodeselfdrive .iconImages, .touroperatormodeselfdrive .pnlImTourOperator, .touroperatormodeselfdrive .transportMeansPanel, .touroperatormodeselfdrive .categoryPanel .touroperatormodeselfdrive .travelStylePanel {
    display: block;
}

.touroperatormodeservice .imTourOperatorImageContainer, .agencymodeservice .smallImTourOperatorImage, .touroperatormodeservice .descriptionPanel, .touroperatormodeservice .transportMeansPanel, .touroperatormodeservice .serviceTypePanel, .touroperatormodeservice .imServiceImageContainer {
    display: block;
    max-height: 50px;
    overflow: hidden;
}

.tourButtons {
    width: 100%;
    text-align: center;
    overflow: hidden;
    padding-bottom: 4px;
}

div.mapPanel, .tourMap > div > div {
    width: 100% !important;
}

button.std-Button.detail {
    /*float: right;*/
    /*margin-right: 30px;*/
}

button.std-Button.expand {
    /*float: left;*/
    /*width: 35px;*/
    /*margin-left: 30px;*/
}

.iconImages img {
    width: 60px !important;
    margin: auto 3px;
    text-align: center;
}

.iconImages {
    border: 0;
    margin-top: 10px;
    text-align: center;
    display: block !important;
}

.tourHeader h3 {
    margin-bottom: 6px;
    overflow: hidden;
}


.tourMapImage {
    width: 280px;
    float: left;
    margin-bottom: 10px;
}

img.tourCopertina {
    width: 100%;
}

.tourMapImage .canvasMap {
    width: 100% !important;
    overflow: hidden;
}

.tourMapImage .canvasMap > div > img {
    width: 100%;
}

.tourMapImage .imServiceImage {
    width: 100%;
}

span.tourLabel {
}

.date span.tourLabel {
    /* float: left; */
}


.tourSelection .selectionElement {
    width: 200px !important;
}

.tourSelection .priceElement {
    width: 130px !important;
}

.tourSelection .simpleItemTour, .tourSelection .tourContentData {
    height: unset;
    min-height: unset;
}

.tourSelection .rowutil {
    display: none;
}

.tourSelection .tourContentData, .tourSelection .tourPriceData {
    min-height: 40px;
    border-bottom: 1px solid #e9e9e9;
}

.tourSelection .selectionElement {
    margin-bottom: 0;
}

.tourSelection .tourContentData.head, .tourSelection .tourPriceData.head {
    min-height: 32px;
    /* border: 0; */
    /* background: #e9e9e9; */
}

.tourSelection .vendita .gwt-CheckBox label {
    margin: 7px 0 0;
}


.tourSelection .tourContentData {
    width: calc(100% - 350px);
    border-color: #e9e9e9;
}

.tourContentData.titleExt h4 {
    margin: 0 9px;
    font-size: 14px;
    color: #38538c;
}

.tourContentData.titleExt {
    /* margin-top: -15px; */
    padding: 15px 0 0px;
    width: 100%;
}


.maprender .gridTitle {
    text-align: center;
    margin-bottom: 10px;
    font-size: 14px;
    min-height: 50px;
    font-weight: bold;
}

.maprender .tourPriceData {
    width: calc(100% - 20px);
    padding: 10px;
}

.maprender .canvasMap {
    background: #ffffff;
    border-radius: 5px;
    margin-bottom: 15px;
}

.maprender .tourDurata {
    float: left;
    padding-top: 5px;
}

.maprender .calendarLabel {
    float: right;
    width: 100%;
    text-align: right;
}

.maprender .simpleItemTour .departureElement {
    margin-top: 0;
    text-align: right;
    float: right;
    height: auto;
}

.maprender .calendarButton {
    margin-top: 27px;
    width: 130px;
    margin-right: 6px;
}

.maprender .departureElement .tourLabel {
    text-align: right;
}

.maprender .simpleItemTour .departureElement p {
    text-align: right;
}

.maprender .simpleItemTour .departureElement p:not(.date) {
    background-position: right 5px;
    padding-right: 24px;
}

.maprender .tourButtons {
    width: auto;
    float: left;
    margin-top: -40px;
}

.maprender p.price {
    text-align: right;
}


.tourSelection span.partenzeSpan {
    font-weight: normal;
    display: block;
    color: #000000;
    margin: 4px 0 12px;
}

.tourSelection .tourPriceData {
    width: 350px;
}

.tourSelection .categoryTitle {
    float: left;
    min-width: 170px;
}

.tourSelection .tourContentData img {
    width: 20px !important;
    padding: 7px 0 0 7px;
}

table.driverList th {
    padding: 1px;
    height: unset;
}

table.driverList td {
    color: #000000;
    padding: 7px 0;
    border-bottom: 1px solid #cecece;
}

/**************/

.selectOpzioneProduct {
    text-align: left;
}

.selectOpzioneProductFather {
    width: calc(100% - 22px);
    padding-left: 14px;
}

.selectOpzioneProductFather th {
    text-shadow: unset;
    padding-left: 10px;
}

.selectOpzioneProductFather td {
    color: #000000;
    padding-bottom: 8px !important;
    padding-top: 8px !important;
    border-bottom: 1px dotted #c3c3c3;
}

/************************/
/*******MEDIAQUERY*******/


@media (min-width: 1700px) {
    #navigator.fixed {
        margin-top: -20px;
    }

    .searchElement, .serviceContainerTab {
        width: calc(100% - 100px);
    }
}

@media (min-width: 1900px) {
    #navigator.fixed {
        position: absolute !important;
        margin-top: -20px;
    }

    .searchElement, .serviceContainerTab {
        width: calc(100% - 15px);
    }
}

@media (max-width: 1400px) {
    #sidebarPopup {
        width: 50px;
    }

    .searchElement, .serviceContainerTab {
        width: calc(100% - 15px);
    }

    .dayProductButton button {
        width: 140px;
    }
}

@media (max-width: 1348px) {
    .daygroup.floatTitle .daygrouptop {
        width: 740px;
    }

    .tourFeature33 {
        float: left;
        width: 48%;
    }

    .tourMapImage {
        width: 230px;
    }

    .tourHeader {
        width: calc(100% - 250px);
    }

}


@media (max-width: 1200px) {
    .tourPriceData {
        width: 210px;
    }

    .tourHeader {
        width: calc(100% - 20px);
    }

    .tourMapImage {
        max-width: 400px;
        width: 100%;
        display: none;
    }

    .agencymodetour .tourMapImage {
        display: block;

    }

    img.tourCopertina {
        width: 200px;
        float: left;
        display: none;
    }

    .tourMapImage .canvasMap {
        /* width:  calc(100% - 210px) !important;*/
        width: 100% !important;
        overflow: hidden;
        float: left;
    }

    .simpleItemTour .departureElement .date label {
        width: 100px;
    }

    .calendarButton {
        width: 110px;
    }

    .tourContentData {
        width: calc(100% - 210px);
    }

    .cardSubTitle div, .cardSubTitle > label {
        font-size: 18px;
    }
}


@media (max-width: 1024px) {
    .itemTourCatalog .categFieldTour, .itemTourCatalog .qbFieldTour {
        width: 60px;
    }

    .itemTourCatalog .sglFieldTour, .itemTourCatalog .dblFieldTour, .itemTourCatalog .trpFieldTour, .itemTourCatalog .qdpFieldTour, .itemTourCatalog .paxFieldTour {
        width: 40px;
    }

    .itemTourCatalog .voloFieldTour, .itemTourCatalog .tariffaFieldTour, .itemTourCatalog .tasseFieldTour {
        width: 70px;
    }

    .itemTourCatalog .totAllotmentFieldTour, .itemTourCatalog .venAllotmentFieldTour, .itemTourCatalog .opzAllotmentFieldTour, .itemTourCatalog .rqAllotmentFieldTour, .itemTourCatalog .disAllotmentFieldTour, .itemTourCatalog .actionFieldTour {
        width: 40px;
    }

    .itemTourCatalog .venShareAllotmentFieldTour {
        width: 75px;
    }


    .cardSubTitle div, .cardSubTitle > label {
        font-size: 16px;
    }
}


@media (max-width: 960px) {
    .tdMainPage div.loginFormMain {
        width: 90% !important;
        position: relative;
        margin-left: 10%;
        left: 0%;
    }

    .block-aladyn {
        display: none;
    }

    #content .content-inner.front-not-logged {
        width: 100% !important;
    }

    .hb2_3, .hb1_3 {
        width: 47%;
        margin: 1%;
        min-height: 150px;
    }

    /*.hb2_3 {*/
    /*width: 31%;*/
    /*margin: 1%;*/
    /*vertical-align: top;*/
    /*}*/
    .hb2_3 .homeBoxImg {
        width: 100%;
        float: left;
        height: 100px;
    }

    .hb2_3 .homeBoxText {
        width: 96%;
        padding: 4px 2% 0 2%;
    }
}

@media (max-width: 900px) {
    .menuTourOperator td {
        display: inline-block;
    }

    .hb1_2, .hb1_3, .hb2_3 {
        max-width: 280px;
        width: 100%;
    }

    .mainMenuTable span {
        background-image: unset !important;
        text-indent: 0 !important;;
    }

    a.homeLink {
        width: 200px;
    }

}


@media (max-width: 700px) {
    body .mainContent td.tdLeftMenu {
        float: left;
        position: absolute;
        left: 1% !important;
        width: 98% !important;
        right: 1% !important;
        z-index: 2;
    }

    #main3::after {
        display: none;
    }

    table.hpTable {
        width: 100%;
        max-width: 800px;
    }

    div#container {
        width: unset !important;
        left: 1% !important;
        right: 1% !important;
    }

    .pdr3.divLeftMenu {
        width: 100% !important;
        z-index: 9999;
    }

    .tdMainPage {
        top: 90px !important;
        z-index: -1;
    }

    .tdMainPage {
        padding-left: 0px !important;
        padding-top: 10px !important;
    }

    .tdMainPage > div {
        margin-top: 40px;
    }

    #main1 {
        float: left;
        position: relative;
        overflow: hidden;
        display: block;
        height: unset;
    }

    #subFooter {
        float: left;
        position: relative;
        overflow: hidden;
    }

    .tablesubFooter {
        width: 100%;
    }

    .tablesubFooter td img {
        width: 100%;
    }

    #content {
        margin-bottom: 100px;
    }

    .azioni-principali {
        width: 100% !important;
    }

    .hb2_3, .hb1_3 {
        width: 98%;
        margin: 1%;
        min-height: 150px;
    }

}

/*********/
/*********/
/*********/

body.main.appPage.test {
    background-image: url(../images/page/background2019_2.jpg);
}

body.main.appPage.test .subFooter, body.main.appPage.test .subFooter a:link, body.main.appPage.test .subFooter a:visited {
    color: #000000
}


body.main.appPage.test .welcomeLogin.changeTop {
    color: #333333 !important;
}

body.main.appPage.test .homeLink {
    background-image: url(../images/logo_b.png);
}

/*********/
/*********/
/*********/


.field-1_1day {
    border-left: 3px dotted rgba(89, 111, 145, 0.5);
    margin: 0px 0 0 35px !important;
    padding: 20px 10px 0 24px;
    float: left;
    width: calc(100% - 70px);
}

.openMap {
    position: absolute;
    margin-left: 250px;
    margin-top: 10px;
    z-index: 99;
    background-size: 100%;
    background-image: url(../images/google-maps-filled.png);
    background-repeat: no-repeat;
    background-position: 3px 3px;
    background-color: rgba(2, 91, 165, 0.72);
    width: 37px;
    height: 37px;
    border-radius: 34px;
    cursor: pointer;
    background-size: 84% auto;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4);
    transition: all 0.1s ease;
    border: 0px solid white;
}

.openMap:hover {
    transition: all 0.1s ease;
    transform: scale(1.2);
}

.openMap.op {
    background-position: 2px -58px;
}

.tourMap .gm-fullscreen-control {
    top: 50px !important;
}

.dayNumber {
    width: 40px;
    min-height: 40px;
    border: 3px solid #596f91;
    text-align: center;
    border-radius: 30px;
    font-size: 26px;
    font-weight: bold;
    color: #596f91;
    line-height: 37px;
    position: absolute;
    margin: -20px 0 0 -49px;
    background: white;
    overflow: hidden;
}

.dayLocation {
    margin-left: 10px;
    margin-bottom: 14px;
    margin-top: -10px;
}

.label-hr {
    margin: 20px 5px;
    border-bottom: 1px solid #ccc;
    border-color: #eae9e9;
    background: unset;
    border-top-width: 1px;
    float: left;
    width: 100%;
}

.tourImageMap {
    width: 300px;
    float: left;
    min-height: 1px;
    margin-right: 20px;
}

.tourImageMap img.tourImage {
    width: 100%;
}

p.descriptionText {
    font-size: 12px;
}

.descriptionTour {
    float: left;
    overflow: unset;
    width: calc(100% - 320px);
}

.dayLocation H3 {
    font-weight: unset;
    font-size: 16px;
    text-transform: uppercase;
}

span.dataDay {
    color: #38538c;
}

.table-sistemazioni {
    font-size: 12px;
    line-height: 20px;
    margin-top: 10px;
}

.table-sistemazioni td {
    border-bottom: 1px solid #f1f0f1;
}

.table-sistemazioni th {
    color: #697787;
    text-transform: uppercase;
    background: #f1f0f1;
    padding-top: 4px;
}

.table-sistemazioni td {
    width: 130px;
    min-width: 100px;
    padding: 0.2em 0.5em;
}

.table-sistemazioni td.categoria {
    font-weight: bold;
}

.table-sistemazioni tbody td {
    font-size: 11px;
}

/************************************/
/***** aladynSlides - carulli  *****/
/************************************/

/* Slideshow container */
.aladyn-slideshow {
    max-width: 1000px;
    position: relative;
    margin: auto;
}

.aladyn-slideshow .mySlides {
    position: relative;
    opacity: 0;
    width: 100%;
    height: 180px;
    background-size: cover;
}

.aladyn-slideshow .show {
    opacity: 1;
    animation: animOpacity 0.5s ease-out;
}

.aladyn-slideshow .mySlides img {
    width: 100%;
    height: 100%;
    opacity: 0;
}

/* Next & previous buttons */
.aladyn-slideshow .prev, .aladyn-slideshow .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -22px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
    z-index: 1;
}

/* Position the "next button" to the right */
.aladyn-slideshow .next {
    right: 0;
    border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.aladyn-slideshow .prev:hover, .aladyn-slideshow .next:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

/* Caption text */
.aladyn-slideshow .text {
    color: #f2f2f2;
    font-size: 15px;
    padding: 8px 0px;
    position: absolute;
    bottom: 8px;
    width: 100%;
    text-align: center;
}

/* Number text (1/3 etc) */
.aladyn-slideshow .numbertext {
    color: #f2f2f2;
    position: absolute;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
    z-index: 1;
}

/* The dots/bullets/indicators */
.aladyn-slideshow .dot {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

.aladyn-slideshow .active, .aladyn-slideshow .dot:hover {
    background-color: #717171;
}

.widgetprices.productLand div {
    padding: 0px 0px 0px 0px;
}

.widgetprices .pricesRow:after, .widgetprices .pricesSubtitle:after, .widgetprices .pricesTitle:after {
    display: none;
}

.commissionePercIVA {
    background-position: right top;
}

.aladyn-slideshow .aladyn-slide-dot {
    margin-top: 6px;
    text-align: center;
}

.aladyn-slideshow > img {
    width: 100%;
}

.tourSelectFlightCategoryExtension.cardElement {
    padding: 10px;
    width: calc(100% - 20px) !important;
}

.tourSelectFlightCategoryExtension .searchFormFlight {
    min-height: unset;
    margin: 20px 0px 0px 0px;
}

.prezzoCategoryTour .gwt-TabPanelBottom {
    padding-top: 0;
}


.choseTourTabPrice .gwt-TabPanel {
    padding: 10px 15px 20px;
    background: #f2f2f2;
}

.choseTourTabPrice .gwt-TabBar {
    border: 0;
}


.choseTourTabPrice .gwt-TabPanel > tbody > tr:first-child {
    background: unset;
    border: 0
}

.prezzoCategoryTour .gwt-TabPanelBottom {
    background: #ffffff;
    padding: 15px 0 30px 15px;
}

.prezzoCategoryTour .accordion {
    margin: 30px 0;
    width: calc(100% - 20px);
}


.dialogLarge {
    left: 0 !important;
    right: 0;
    top: 20px !important;
    margin: auto;
    width: 100%;
    max-width: 1100px;
    /*max-height: calc(100% - 40px);*/
    /*overflow-y: scroll !important;*/
    /*position: fixed !important;*/
}

/*******************************/
/******* nuovi voli ************/
/*******************************/
.flightDetailDialog {
    position: fixed !important;
    max-height: 90%;
    overflow: hidden !important;
    overflow-y: scroll !important;
    padding-bottom: 10px;
}

.searchFlight .tourContentData {
    position: relative;
    min-height: 166px;
}

.searchElement.searchFlight .ndc {
    position: absolute;
    top: 5px;
    right: 270px;
    border-radius: 10px;
    font-weight: bold;
    z-index: 999;
    padding: 3px;
    color: #fff;
    background-color: #6F2B8D;
}

.searchElement.searchFlight .ndc_ico {
    border-radius: 10px;
    font-weight: bold;
    padding: 2px;
    color: #fff;
    background-color: #6F2B8D;
}

.groupActBook .ndc, .valueFiels .ndc {
    top: 5px;
    right: 270px;
    border-radius: 10px;
    font-weight: bold;
    padding: 3px;
    color: #fff;
    background-color: #6F2B8D;
}

.searchElement.searchFlight {
    overflow: hidden;
    background: #f7f7f7 !important;
    padding: 0;
    position: relative;
}

.searchFlight .priceElement strong {
    /* è gia presente nel css finale */
    display: block;
    font-size: 22px;
}


.searchFlight .tourPriceData > p {
    padding: 2px 5px 0;
    text-align: center;
}

.searchFlight .selectionElement {
    margin: 0;
}

.flightTratta > div > h4 {
    color: black;
    font-weight: unset;
    font-family: "Open Sans";
    font-size: 16px;
    min-height: 28px;
}

.flightTratta > .ftVettori > h4 {
    font-size: 12px;
    min-height: 19px;
    padding-top: 2px;
}

.flightTratta > div {
    float: left;
    text-align: center;
}

span.departureTime, .arrivalTime, .flightDuration {
    font-weight: bold;
}

.flightTratta {
    width: 96%;
    margin: 10px 2% 0 2%;
    padding-bottom: 5px;
    display: block;
    overflow: hidden;
    margin-top: 10px;
    border-bottom: 1px solid #e2e2e2;
}

.ftVettori {
    width: 80px;
}

.ftPartenza, .ftArrivo {
    min-width: 135px;
    width: calc(37% - 40px);
}

.ftBagaglio img {
    margin-top: 26px;
}

.ftBagaglio {
    min-width: 40px;
}

.ftVettori .vectorImage {
    margin-top: 0;
    margin-bottom: -3px;
}

.infoFlightToTariffa {
    text-align: left;
    margin: 3px 3px 3px 3px;
}

.infoFlightToTariffa p {
    margin: 3px 0px 0px 10px

}

.infoFlightToTariffa p.infoTariffa {
    font-style: oblique;
}

.infoFlightToTariffa p.itineraryDesc {
    font-weight: bold;
}

.infoFlightToTariffa p.infoTariffa, .infoFlightToTariffa p.ltd {
    padding-left: 10px;
}

.infoFlightToTariffa ul {
    list-style: none;
    text-align: left;
    padding-left: 20px;
}

.line {
    margin: 0 auto;
    width: 90%;
    height: 2px;
    background: #d2d2d2;
    position: relative;
    clear: both;
    margin: 6px 5%;
}

.line::after {
    top: -5px;
    right: 0;
    content: " ";
    width: 10px;
    height: 10px;
    border-bottom: 2px solid #d2d2d2;
    border-right: 2px solid #d2d2d2;
    position: absolute;
    color: #d2d2d2;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.ftScalo {
    padding-top: 12px;
    min-width: 90px;
    width: calc(25% - 40px);
}

.searchFlight .vendita {
    margin: 0 2%;
    width: 94%;
    padding: 0px;
}

.ftVettori span.opBy {
    display: block;
    font-size: 10px;
}

.searchFlight .priceElement label {
    font-size: 12px;
}

.stop-line {
    width: 100%;
    height: 2px;
    float: unset !important;
}

.flightPlanDetailTitle {
    background: #697787;
    color: #ffffff;
    font-weight: bold;
    padding: 5px 10px 5px 10px !important;
}

.flightPlanDetailTitle .notbpd td {
    width: unset;
    padding: 0 30px 0 0 !important;
}

.flightPlanDetailTitle .notbpd {
    width: auto;
}

tr.hasScaloRow td {
    background: #f39c12;
    color: white;
    padding: 5px;
    text-transform: uppercase;
    font-size: 0.8em;
    letter-spacing: 0.7px;
    text-shadow: 1px 1px #ffffff00;
}

tr.hasScaloRow td .material-icons {
    color: #f39c12;
    width: 26px;
    padding-top: 5px;
    margin: -6px 10px 0 -8px;
    height: 22px;
    background: white;
    border-radius: 0px 20px 20px 0px;
    font-size: 18px;
    text-align: center;
    position: absolute;
}

tr.hasScaloRow td span {
    padding-left: 26px;
}

.dep-stop-line, .dep-stop-line-scalo, .dep-stop-line-scalo-tecnico {
    width: 4px;
    height: 4px;
    display: inline-block;
    margin: -3px 10% 0 5%;
    vertical-align: top;
    border: solid #d2d2d2;
    border-width: 0px 5px 5px 0px;
}

.dep-stop-line {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.dep-stop-line-scalo, .dep-stop-line-scalo-tecnico {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: -7px 0 0 0;
    border: 0;
}

.dep-stop-line-scalo {
    background-image: url("../images/icone/cambio_aeroporto.svg");
    background-color: #ffffff;
}

.dep-stop-line-scalo-tecnico {
    background-image: url("../images/icone/scalo_tecnico.svg");
    background-color: #ffffff;
    background-size: 100%;

}

@media (max-width: 1200px) {
    .ftScalo {
        width: unset;
        min-width: 60px;
    }

    .ftPartenza, .ftArrivo {
        min-width: 100px;
        width: calc(50% - 90px);
    }

    .flightTratta > div > h4 {
        font-weight: bold;
        padding-top: 2px;
        font-size: 12px;
    }

}

/****
CSS TEMPORANEO PANNELLO EMAIL
 ***/

.alternativePanelDivIA {
    position: fixed;
    top: unset !important;
    bottom: 10px;
    margin: 0px auto;
    max-width: 1360px;
    height: 370px;
    z-index: 500;

}

.alternativePanelIA {
    display: flex;
    height: 100%;
    /* border: 1px solid #ccc; */
    box-shadow: 0 1px 10px 4px rgba(0, 0, 0, .4);
    border-radius: 5px;
    overflow: hidden;
}

#emailIaData {
    flex: 2.5;
    padding: 20px;
    border-right: 1px solid #eee;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    background-color: #fefefe;
}

.fromTo, .objectIA, .bodyIa {
    margin-bottom: 20px;
}

.fromText, .receiverText, .ccText, .objectText {
    font-weight: bold;
    color: #555;
    margin-right: 5px;
}

.originalMailText {
    margin-left: 10px;
    font-style: italic;
    color: #777;
}

.bodyIa {
    flex-grow: 1;
    overflow-y: auto;
    border-top: 1px solid #ddd;
    padding-top: 15px;
    line-height: 1.6em;
    background: #ffffff;
}

#feedbackIa {
    flex: 1;
    padding: 20px;
    background-color: #fafafa;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
}



.feedbackIaLabel {
    font-weight: bold;
    margin-bottom: 10px;
}

.feedbackIaContent {
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 10px;
    flex-grow: 1;
    overflow-y: auto;
}

#feedbackIa {
    flex: 1;
    padding: 20px;
    background-color: #fafafa;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    position: relative; /* serve per posizionare il resize-handle */
}

#resize-handle {
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
    cursor: ns-resize;
    background-color: #ccc;
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
    z-index: 10;
}


.objectIA {
    font-size: 1.4em !important;
    /* display: flex; */
    /* justify-content: space-between; */
    align-items: center;
    gap: 10px; /* spazio tra gli elementi, se vuoi */
}

span.objectDate {font-size: 0.7em;text-align: right;float: right;}


/**********
*********** LAYOUT NATALIZIO
**********/

body {
    margin: 0;
    min-height: 100vh;
    background: url('../images/page/christmas-bg2.jpg') center / cover fixed no-repeat !important;
    position: relative;
}
.gwt-MenuBarPopup {
    z-index: 99;
}

body::before,
body::after {
    content: '';
    position: fixed;
    left: 0;
    right: 0;
    pointer-events: none; /* IMPORTANTE: non blocca i clic */
    z-index: 0;
}

body::before {
    top: 0;
    height: 200px;
    background: linear-gradient( to bottom, rgb(147, 162, 176) 0%, rgba(126, 156, 187, 0.7) 50%, rgba(0, 102, 204, 0) 100% );
    z-index: 1;
}

body::after {
    bottom: 0;
    height: 200px;
    background: linear-gradient( to top, rgb(69, 100, 132) 0%, rgba(134, 184, 234, 0.7) 50%, rgba(0, 102, 204, 0) 100% );
}

#main {
    z-index: 99;
    position: relative;
}
.subFooter, .subFooter a:link, .subFooter a:visited {
    color: #252a48  ;
}
/******/