@import url('https://fonts.googleapis.com/css?family=Asap:400,500,700&subset=latin-ext');

/*********************
 HOME PAGE AGENZIA
*********************/
.welcomeLogin {
    position: absolute;
    top: 30px;
    left: 230px;
    width: 300px;
    text-align: center;
    color: white;
    font-size: 15px;
    font-weight: bold;
    font-style: italic;
}

input:disabled {
    background: #ccc;
}

.marginRight15 {
    margin-right: 15px !important;
}

.separatorHead {
    border-right: solid white 2px;
    padding-right: 10px;
    margin-right: 5px;
}

.clear {
    clear: both;
    display: block;
}

.symbols {
    font-size: 14px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    vertical-align: super;
    line-height: 100%;
}

#content .content-inner {
    padding: 40px;
    color: #666;
}

#content .content-inner h1 {
    margin-top: 20px;
    margin-bottom: 15px;
    color: #354d6d;
}

#content .content-inner a,
#content .content-inner a:visited,
#content .content-inner a:link {
    color: #027AC6;
}

#content .content-inner a:hover,
#content .content-inner a:active,
#content .content-inner a:focus {
    color: #074A82;
}

#content .content-inner p {
    line-height: 140%;
    margin: 0 auto 1.5em;
    max-width: 45em;
    font-size: 14px;
}

.intro p {
    font-size: 16px;
    line-height: 125%;
    /*max-width: 640px;*/
    color: #354D6D;
}


.linkDocument {
    float: left;
    padding: 12px 7px;
}

span.doc1Title {
    margin-left: 106px;
    font-size: 18px;
    margin-right: 107px;
}

span.doc2Title {
    font-size: 18px;
}


.azioni-principali {
    width: 680px;
    margin: 0 auto;
    background: url('../images/aladyn_new/bg-azioni-principali.jpg') no-repeat top center transparent;
    float: none;
    display: block;
    padding: 17px 0px 20px;
}

.figure {
    float: left;
    width: 330px;
    height: 240px;
    margin: 0px 5px 10px;
    text-align: center;
    overflow: hidden;
    position: relative;
    background: rgb(28, 61, 114);
}

.figure h2 {
    font-weight: normal;
}

.figure span {
    font-weight: bold;
}

.figure img {
    float: left;
    display: block;
}

.figcaption {
    position: absolute;
    top: 97px;
    padding: 10px;
    color: #FFF;
    background: rgba(28, 61, 114, 0.4);
    -webkit-transition: .3s all ease-in-out;
    -moz-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
}

.figcaption p {
    height: 0;
    margin: 0 !important;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: .3s all ease-in-out;
    -moz-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
}

a:hover .figcaption {
    top: 65px;
    background: rgba(28, 61, 114, 0.7);
    -webkit-transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -o-transition: .3s all ease-out;
    transition: .3s all ease-out;
}

.figure a:hover img {
    opacity: .4;
}

a:hover .figcaption p {
    height: auto;
    margin: 10px 0 !important;
    opacity: 1;
    -webkit-transition: .5s all ease-in-out;
    -moz-transition: .5s all ease-in-out;
    -o-transition: .5s all ease-in-out;
    transition: .5s all ease-in-out;
}

.block-azioni-preventivo {
    width: 680px;
    padding: 0;
    margin: 10px auto;
    clear: both;
    font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
}

.block-azioni-preventivo-item {
    margin: 0 5px;
    float: left;
    width: 160px;
    background: blue;
}

.block-azioni-preventivo-item button {
    border: 0;
    margin: 0;
    width: 100%;
    height: 120px;
}

.block-azioni-preventivo-item button.buttonPreventivoRicerca,
.block-azioni-preventivo-item button.buttonPreventiviElenco,
.block-azioni-preventivo-item button.buttonPreventivoRichiedi,
.block-azioni-preventivo-item button.buttonHelp {
    background-repeat: no-repeat;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 1em;
    cursor: pointer;
    background-position: center -11px;
    padding-top: 45px;
    background-size: 60%;
}


.block-azioni-preventivo-item button.buttonPreventivoRichiedi {
    background-image: url('../images/aladyn_new/preventivi_richiedi.png');
    background-color: #235982;
}

.block-azioni-preventivo-item button.buttonPreventivoRichiedi:hover {
    background-image: url('../images/aladyn_new/preventivi_richiedi.png');
    background-color: #62B0E7;
}

.block-azioni-preventivo-item button.buttonPreventivoRicerca {
    background-image: url('../images/aladyn_new/preventivi_ricerca.png');
    background-color: #2997e3;
}

.block-azioni-preventivo-item button.buttonPreventivoRicerca:hover {
    background-image: url('../images/aladyn_new/preventivi_ricerca.png');
    background-color: #62B0E7;
}

.block-azioni-preventivo-item button.buttonPreventiviElenco {
    background-image: url('../images/aladyn_new/preventivi_elenco.png');
    background-color: #2779b1;
}

.block-azioni-preventivo-item button.buttonPreventiviElenco:hover {
    background-image: url('../images/aladyn_new/preventivi_elenco.png');
    background-color: #62B0E7;
}

.block-azioni-preventivo-item button.buttonHelp {
    background-image: url('../images/aladyn_new/help.png');
    background-color: #2db2ec;
}

.block-azioni-preventivo-item button.buttonHelp:hover {
    background-image: url('../images/aladyn_new/help.png');
    background-color: #62B0E7;
}


/*********************
 BOX NOVITA'
*********************/
.content-inner.front-not-logged #newsframe {
    width: 945px;
    margin-top: 30px;
    height: 350px;
}

#newsframe {
    width: 730px;
    margin-top: 20px;
    height: 430px;
}

.azioni-principali,
.block-azioni-preventivo,
.box-novita {
    width: 680px;
    height: 60px;
    clear: both;
    background: transparent;
}

.box-novita {
    font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
    margin: 10px auto 15px;
    background: #d12c54;
    padding: 0px;
    width: 730px;
    text-align: left;
    position: relative;
}

.box-novita-star {
    font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
    margin: 10px auto 15px;
    background: #d12c54;
    padding: 0px;
    width: 730px;
    text-align: left;
    position: relative;
    background-color: #fbac6c;
}

.box-novita .novita-title {
    color: #FFF;
    position: absolute;
    padding: 20px 10px 0px 10px;
    width: 140px;
    top: 0;
    left: 0;
    bottom: 0;
    background: #BF1C3C;
    vertical-align: middle;
}

.box-novita .novita-title-wide {
    color: #FFF;
    position: absolute;
    padding: 20px 0px 0px 0px;
    width: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    background: #fa8221;
    vertical-align: middle;
}

.box-novita .novita-title h3 {
    color: #FFF;
    font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
}

.box-novita .novita-title-wide h3 {
    color: #FFF;
    font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
    font-size: 24px;
    text-transform: uppercase;
    text-align: center;
}

.novita-item-container {
    margin-left: 160px;
}

.novita-item-container-star {
    -margin-left: 60px;
}

.novita-item p {
    font-size: 16px;
    margin: 0;
    padding: 0;
}

.novita-item p.primafrase {
    font-size: 13px;
}

.novita-item-star p.secondafrase {
    font-size: 12px;
}

.novita-item {
    padding: 4px 0px 10px 55px;
    font-size: 16px;
    position: relative;
    color: #FFF;
    font-weight: bold;
    margin: 0 10px;
}

.novita-item-star {
    padding: 4px 0px 10px 55px;
    font-size: 16px;
    position: relative;
    color: #354D6D;
    margin: 0 10px;
    text-decoration: none;
}

.novita-item:before {
    content: "";
    position: absolute;
    background: url('../images/aladyn_new/star.png') no-repeat center center transparent; /*#d84141*/
    width: 50px;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
}

.novita-star {
    content: "";
    position: absolute;
    background: url('../images/aladyn_new/star.png') no-repeat center center transparent; /*#d84141*/
    background-color: #fa8221;
    width: 60px;
    top: 0;
    -left: 0;
    left: auto;
    right: auto;
    bottom: 0;
}

/*****************************/
/*Login montato da Valentina  */
/*****************************/
#content .content-inner {
    text-align: center;
}

#content .content-inner.front-not-logged h2 {
    color: #354d6d;
    font-size: 30px;
}

#content .content-inner .formLogin {
    margin: 10px auto 30px;
    width: 630px;
}

#content .form-container {
    display: block;
    background: #f2f2f2; /* Old browsers */
    background: -moz-linear-gradient(top, #f2f2f2 0%, #e5e5e5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f2f2), color-stop(100%, #e5e5e5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f2f2f2 0%, #e5e5e5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f2f2f2 0%, #e5e5e5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f2f2f2 0%, #e5e5e5 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f2f2f2 0%, #e5e5e5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#e5e5e5', GradientType=0); /* IE6-9 */
    clear: both;
    padding: 30px;
}

#content .content-inner .formLogin {
    width: 630px;
    margin: 10px auto 30px auto;
}

#content .content-inner .formLogin label {
    text-align: left;
}

#content .content-inner .form-element {
    width: 280px;
    float: left;
    text-align: left;
    margin: 10px 10px;
}

#content .content-inner .form-element.subtitle {
    width: 280px;
    float: left;
    text-align: left;
    margin: 0 10px 0 10px;
}

#content .content-inner .formLogin .form-element input {
    width: 258px;
    margin-left: 0px;
    margin-top: 3px;
    margin-bottom: 5px;
}

#content .content-inner .form-element.element-username {
    width: 290px;
}

#content .content-inner .formLogin .form-element.element-username input {
    width: 268px;
}

#content .content-inner .form-element.element-password {
    width: 210px;
}

#content .content-inner .formLogin .form-element.element-password input {
    width: 188px;
}

#content .content-inner .formLogin .form-element label {
    text-align: left;
    text-transform: uppercase;
    font-size: 11px;
}

#content .content-inner .formLogin .form-element label {
    text-transform: uppercase;
}

#content .content-inner .formLogin .form-element input:-webkit-autofill,
#content .content-inner .formLogin .form-element textarea:-webkit-autofill,
#content .content-inner .formLogin .form-element select:-webkit-autofill {
    background: #fff !important;
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    color: #555 !important;
    border-color: #ddd;
}

#content .content-inner .formLogin .submit {
    margin-top: 27px;
    float: left;
    width: 80px;
}

#content .content-inner .formLogin .abilita-agenzia {
    text-align: center;
    clear: both;
    padding-top: 20px;
}

#content .content-inner .formLogin .abilita-agenzia p {
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 12px;
}

#content .content-inner .formLogin input[type="text"],
#content .content-inner .formLogin input[type="password"] {
    padding: 7px 10px;
    font-size: 14px;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#content .content-inner .formLogin input[type=checkbox] {
    top: 0px;
    width: auto !important;
}

#content .content-inner .formLogin input[type="submit"],
#content .content-inner .formLogin input[type="reset"],
#content .content-inner .formLogin input[type="button"],
#content .content-inner .formLogin button {
    width: auto;
    cursor: pointer;
    padding: 10px;
}

#content .content-inner .formLogin .button-orange.std-Button {
    background: #fa6f00;
    background: -moz-linear-gradient(top, #fa6f00 0%, #f05a00 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fa6f00), color-stop(100%, #f05a00));
    background: -webkit-linear-gradient(top, #fa6f00 0%, #f05a00 100%);
    background: -o-linear-gradient(top, #fa6f00 0%, #f05a00 100%);
    background: -ms-linear-gradient(top, #fa6f00 0%, #f05a00 100%);
    background: linear-gradient(to bottom, #fa6f00 0%, #f05a00 100%);
}

.loader {
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 14px;
    color: #666;
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 13px #000;
    -moz-box-shadow: 0px 0px 13px #000;
    box-shadow: 0px 0px 13px #000;
    text-align: center;
    box-sizing: border-box;
    padding: 30px;
    -webkit-border-radius: 40px 0px 40px 0px;
    -moz-border-radius: 40px 0px 40px 0px;
    border-radius: 40px 0px 40px 0px;
}

.loader img {
    display: block;
    margin: 0 auto;
}

.loader strong {
    font-size: 16px;
    color: #22486c;
    color: #3d80c2;
}


.block-aladyn {
    display: block;
    padding: 20px 40px;
    width: 944px;
    margin-top: 20px;
    float: left;
}

.logged-in .block-aladyn {
    display: block;
    padding: 20px;
    width: 370px;
    margin: 20px auto 40px;
    float: none;
}

.logged-in .block-aladyn a p {
    color: #6A6763;
}

.block-aladyn .block-aladyn-text {
    float: left;
    width: 480px;
    text-align: center;
}

.block-aladyn iframe {
    float: right;
}

.block-aladyn a {
    display: block;
    margin: 0;
}

.block-aladyn .block-aladyn-text-inner {
    padding-top: 10px;
}

.block-aladyn h4 {
    margin-bottom: 6px;
    font-size: 65px;
    line-height: 100%;
    font-weight: 200;
}

.block-aladyn h5 {
    font-size: 17px;
    font-weight: 400;
    text-transform: uppercase;
}

.block-aladyn p {
    font-size: 15px;
    color: #666;
    margin-bottom: 10px;
}

.block-aladyn p.claim {
    font-weight: 800;
    font-size: 18px;
    border-radius: 5px;
    color: #3B81A3;
}

.block-help-video {
    background: #ffffff;
    padding: 0;
    text-align: left;
    display: block;
    clear: both;
}

.block-help-video p {
    font-size: 13px;
    margin-bottom: 0px;
    text-align: center;
    margin-right: 20px;
    padding-top: 12px;
}

.block-help-video p strong {
    font-size: 130%;
    display: block;
    color: #3C9DEE;
    margin-top: 7px; /*#3B81A3*/
}

.block-help-video a {
    height: 98px;
}

.block-help-video a:hover {
    background: #f9f9f9;
}

.block-help-video .img {
    float: left;
    margin-right: 10px;
}

#aladyn-wpageintestazione .destinationBox optgroup {
    font-weight: bold;
}

#aladyn-wpageintestazione .destinationBox option {
    padding-left: 20px;
}

#aladyn-wpageintestazione .text, #aladyn-wpageintestazione .gwt-Label:first-letter {
    text-transform: capitalize;
}

#aladyn-wpageintestazione .text, #aladyn-wpageintestazione .gwt-RadioButton {
    margin-right: 20px;
}

#aladyn-wpageintestazione .text, #aladyn-wpageintestazione .gwt-RadioButton label {
    /* margin-left:5px !important; */
}

#aladyn-wpageintestazione .w20 {
    width: 25%
}

#aladyn-wpageintestazione .w80 {
    width: 75%
}

#aladyn-wpageintestazione #aladyn-wpagesezioneeconomicaagency .gwt-RadioButton {
    margin-right: 0px;
}

#aladyn-wpageintestazione .GGQT44PDG3B div,
#aladyn-wpageintestazione .GGQT44PDI3B div {
    padding-right: 10px;
}

#aladyn-wpageintestazione .GGQT44PDG3B select,
#aladyn-wpageintestazione .GGQT44PDI3B select {
    margin-right: 25px;
}

#aladyn-wpageintestazione .GGQT44PDG3B {
    padding-right: 0;
}

#aladyn-wpageintestazione .optdest {
    padding-left: 15px;
}

/*table .hpSubTable.intestazionibuttonpreventivo{width: 510px;margin: 0 auto;}*/

.descriptionShort p {
    display: inline;
}

.descriptionShort a, .descriptionShort a:link, .descriptionShort a:visited {
    color: #1D4F90;
    display: inline;
}

.descriptionLong h4 {
    font-size: 12px;
    margin: 10px 0 0 0;
    color: #1D4F90;
}

.imagePreview {
    width: 180px;
}

.descriptionShort {
    max-width: 620px;
    word-wrap: break-word;
}

.descriptionLong {
    max-width: 810px;
    word-wrap: break-word;
}


.block-numero-risultati {
    height: 30px;

    font-size: 14px;
    line-height: 30px;
}

/* .block-numero-risultati .dvResultsTitle{ */

/*     margin-left:5px; */
/* } */
/* .block-numero-risultati .dvResultsTitle .number{ */
/*     font-size: 20px; */

/*     font-weight: bold; */
/* } */
.block-numero-risultati button, .block-numero-risultati span {
    display: inline;
    float: right;
}

.block-numero-risultati span.number {
    margin: 0;
    float: none;
}

.block-numero-risultati span {
    margin-right: 10px;
}

.block-numero-risultati.suggestLabel .showallresult {
    position: relative;
    margin-left: 240px;
}

.dvResultsTitle .top10, .block-numero-risultati .top10 {
    margin-top: 10px !important;
}

.top3 {
    margin-top: 3px !important;
}

.block-numero-risultati button.elencoA {
    background: url('../images/icone/elencoA.png') no-repeat 7px 8px #4673B5;
    width: 30px;
    height: 30px;
    display: block;
    text-indent: -9999px;
    margin-right: 10px;
    border: solid #4673B5 3px;
}

.block-numero-risultati button.elencoB {
    background: url('../images/icone/elencoB.png') no-repeat 8px 8px #4673B5;
    width: 30px;
    height: 30px;
    display: block;
    text-indent: -9999px;
    border: solid #4673B5 3px;

}

.block-numero-risultati button.elencoA.active,
.block-numero-risultati button.elencoB.active {
    border: solid #fff 3px;
}

.block-numero-risultati button.elencoA:hover,
.block-numero-risultati button.elencoB:hover {
    border: solid #fff 3px;
}

.iframeAgenzia {
    border: 0;
    width: 100%;
    height: 600px;
    overflow: hidden
}

.introPromotion {
    margin: 15px;
    font-size: 14px;
}

.introPromotion strong {
    color: #3C9DEE;
}

.introPromotion p {
    padding: 5px 0
}

introPromotion2 {
    padding: 0px 10px;
    font-size: 14px;
}

.introPromotion2 p {
    padding: 5px 0
}

.introPromotion .orange, .introPromotion2 .orange {
    color: #F15A1A;
}

.promotion.promotionBook .gwt-Label {
    background: url('../images/icone/promozione.png') no-repeat 2px 2px #F15A1A;
    padding-left: 23px;
    height: 23px;
    color: #fff;
    width: 260px;
    margin: 0;
    font-size: 14px;
    line-height: 25px;
    font-weight: bold;
    border-radius: 4px 4px 0px 0px;

}

.promotion .promotionAgency {
    border: solid #F15A1A 2px;
    color: #346389;
    text-transform: capitalize;
    line-height: 23px;
    font-weight: normal;
    font-size: 14px;
    background-color: #ffffff;
    border-radius: 3px;
    margin: 10px 0px 20px 0px;
    padding: 4px 10px;
    text-transform: lowercase;

}

.promotion.promotionBook .promotionAgency {
    margin-top: 0;
    border-radius: 0px 3px 3px 3px;
}

.promotion.promotionBook {
    margin-top: 20px
}

.promotion .promotionAgency:first-letter {
    text-transform: uppercase;
}

.promotion {
    margin: 0 10px;
}

.lbRichiediPrenotazione {
    color: #F15A1A;
    color: #F15A1A;
    font-weight: bold;
    font-size: 14px;
    border-bottom: solid #f15a1a 1px;
}

.imgRichiediPrenotazione {
    background-color: #F15A1A;
    border-radius: 10px;
    vertical-align: middle;
}

.promotionActive, .promotionInactive {
    color: #F15A1A;
    font-weight: bold;
    margin-left: 30px;
    border-radius: 6px;
    padding: 2px;
    border: solid 1px #F15A1A
}

.modificaTuttiActive {
    color: #F15A1A;
    font-weight: bold;
    margin-left: 30px;
    border-radius: 6px;
    padding: 2px;
    border: solid 1px #F15A1A
}

.operativoListTourCatalog .modificaTuttiActive {
    margin: 0 5px;
    line-height: 26px;
}

.borderorange[disabled] {
    border: solid orange 5px !important;
}

.promotionButton {
    border: solid 4px #F15A1A !important;
}

.completa_ag_txt {
    display: inline;
    font-weight: bold;
}

.completa_ag_img {
    vertical-align: middle;
    width: 19px;
}

.speseAccessorieAgenzia {
    font-size: 13px;
    margin: 10px;
    border: solid #FF6600 3px;
    text-align: center;
    border-radius: 5px;
    padding: 10px;
}


.attachment_title {
    background: url('../images/icone/clips1.png') no-repeat right 0 transparent;
    height: 33px;
    text-indent: -1000px;
    width: 30px;
}

.attachment_txt, a.attachment_txt {
    color: black;
}

.extraTourDaCatalogo {
    padding: 50px 50px 75px 50px !important
}

.roomItem {
    width: 800px;
    /*margin-left: 75px;*/
    border: solid #3c9dee 1px;
    padding: 5px;
}

.marginRooms {
    background-color: #ddd;
    font-size: 12px;
    padding: 4px;
}

.flightTourDaCatalogo .gwt-CheckBox {
    display: block
}

.sommarioDettaglioPrezzi a, .sommarioDettaglioPrezzi a:hover {
    color: #000;
}

.sommarioDettaglioPrezzi .linkpopup a:hover {
    color: #3C9DEE;
    text-decoration: none;
}

.popupblue {
    background-color: rgb(178, 213, 245);
    border: solid #ABA8A8 2px;
    padding: 5px;
    border-radius: 6px;
}

.checkedIcon {
    background-image: url('../images/error/messageInfo.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 16px auto;
    color: transparent;
}

.lokedIcon {
    background-image: url('../images/actions/unlock.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 16px auto;
    color: transparent;
}

.trattavoloeditor p {
    font-size: 8px;
    color: grey;
    font-style: italic;
}

.trattavoloeditor .depEditorVolo,
.trattavoloeditor .arrEditorVolo,
.trattavoloeditor .durEditorVolo,
.trattavoloeditor .comEditorVolo,
.trattavoloeditor .numEditorVolo,
.trattavoloeditor .aerEditorVolo,
.trattavoloeditor .claEditorVolo,
.trattavoloeditor .rbdEditorVolo,
.trattavoloeditor .bagEditorVolo,
.trattavoloeditor .stoEditorVolo {
    border-right: 1px solid #D3D3D3;
    padding-left: 10px;
}

.trattavoloeditor .bagEditorVolo, .trattavoloeditor .staEditorVolo {
    padding-left: 10px;
}

.trattavoloeditor th {
    text-align: left;
}

.trattavoloeditor .depEditorVolo {
    width: 18%
}

.trattavoloeditor .arrEditorVolo {
    width: 18%
}

.trattavoloeditor .durEditorVolo {
    width: 9%
}

.trattavoloeditor .comEditorVolo {
    width: 18%
}

.trattavoloeditor .numEditorVolo {
    width: 9%
}

.trattavoloeditor .aerEditorVolo {
    width: 9%
}

.trattavoloeditor .claEditorVolo {
    width: 15%
}

.trattavoloeditor .rbdEditorVolo {
    width: 9%
}


.trattavoloeditor .depEditorVolo input.sigla {
    width: 115px
}

.trattavoloeditor .depEditorVolo input.ora {
    width: 35px
}

.trattavoloeditor .depEditorVolo input.terminal {
    width: 30px
}

.trattavoloeditor .arrEditorVolo input.sigla {
    width: 115px
}

.trattavoloeditor .arrEditorVolo input.ora {
    width: 35px
}

.trattavoloeditor .arrEditorVolo input.terminal {
    width: 30px
}


.trattavoloeditor .durEditorVolo input {
    width: 50px
}

.trattavoloeditor .comEditorVolo select {
    width: 130px;
}

.trattavoloeditor .numEditorVolo input {
    width: 30px
}

.trattavoloeditor .aerEditorVolo input {
    width: 30px
}

.trattavoloeditor .claEditorVolo select {
    width: 100px
}

.trattavoloeditor .rbdEditorVolo input {
    width: 25px
}

.trattavoloeditor .bagEditorVolo input {
    width: 30px
}

.trattavoloeditor .staEditorVolo select {
    width: 130px
}

.trattavoloeditor .stoEditorVolo input {
    width: 25px
}

.trattavoloeditor td.durEditorVolo,
.trattavoloeditor td.numEditorVolo,
.trattavoloeditor td.comEditorVolo,
.trattavoloeditor td.aerEditorVolo,
.trattavoloeditor td.claEditorVolo {
    border-bottom: 1px solid #D3D3D3;
    padding-bottom: 10px;
    overflow: scroll;
}

.cellcenteralign {
    text-align: center;
    vertical-align: middle;
}


/* Made by GLFP */
.flightFilterCompany {
    float: left;
    width: 33%
}

.flightFilterCompany span {
    display: block;
}

.flightFilterPrice span { /*display: block;*/
}

#price_slider {
    margin-top: 5px;
}

#duration_slider {
    margin-top: 5px;
}

#stopover_slider {
    margin-top: 5px;
}

#home_departure_hour_slider {
    margin-top: 5px;
}

#return_departure_hour_slider {
    margin-top: 5px;
}

#return_arrival_hour_slider {
    margin-top: 5px;
}

#shdh_0_slider {
    margin-top: 5px;
}

#shdh_1_slider {
    margin-top: 5px;
}

#shdh_2_slider {
    margin-top: 5px;
}

#shdh_3_slider {
    margin-top: 5px;
}

#shdh_4_slider {
    margin-top: 5px;
}

#shdh_5_slider {
    margin-top: 5px;
}

#shdh_6_slider {
    margin-top: 5px;
}

#shdh_7_slider {
    margin-top: 5px;
}

#shdh_8_slider {
    margin-top: 5px;
}

#shdh_9_slider {
    margin-top: 5px;
}

#shdh_10_slider {
    margin-top: 5px;
}

.filterResult {
    float: left;
}

/* .filterReset {float: right;} */

/* END GLFP */

.dialogAddVoloTour .contentAddVoloTour {
    background: #fff;
    color: #363636;
    padding: 10px;
}

.dialogAddVoloTour .nomePax {
    font-size: 16px;
    border-bottom: 1px solid #FFFFFF;
    margin-top: 15px;
}

.dialogAddVoloTour .loadVoloByTour {
    display: inline;
}

.dialogAddVoloTour .loadVoloByTour span, .dialogAddVoloTour .loadVoloByTour img, .dialogAddVoloTour .loadVoloByTour div {
    display: inline;
    padding: 5px;
}

.dialogAddVoloTour .loadVoloByTour img {
    width: 18px;
    height: 18px;
    vertical-align: middle;
}

.dialogAddVoloTour .loadVoloByTour span {
    margin-left: 60px
}

.dialogAddVoloTour .categoryPax {
    margin-left: 40px;
    font-weight: bold;
}

.dialogAddVoloTour .categorySelected {
    background: #ccc;
    border: solid grey 3px;
}


.flightTourDaCatalogo .flightIinfo {
    display: inline;
}

.flightTourDaCatalogo .flightInfoItem {
    display: block;
    margin: 10px 0
}

.flightTourDaCatalogo img.flightIinfo {
    width: 18px;
    height: 18px;
    vertical-align: middle;
}

.flightTourDaCatalogo span.labelGreen {
    color: #2f942f
}

.flightTourDaCatalogo span.labelRed {
    color: #ff0000
}

.flightTourDaCatalogo span.labelGreenAvailableSeat {
    color: #2f942f;
    margin: 5px;
    font-weight: 900;
    padding: 2px 5px;
    border-radius: 10px;
    border: 2px solid #2f942f;
}

.flightTourDaCatalogo span.labelRedAvailableSeat {
    color: red;
    margin: 5px;
    font-weight: 900;
    padding: 2px 5px;
    border-radius: 10px;
    border: 2px solid red;
}

.chbxLabelGreen {
    color: #2f942f
}

.chbxLabelRed {
    color: #ff0000
}


/*************************************/
/* SELECT CATEGORY FLIGHT EXTENSION  */
/*************************************/
.tourSelectFlightCategoryExtension .title {
    color: #38538C;
    font-weight: bold
}

.tourSelectFlightCategoryExtension .gwt-TabPanel {
    border: 0;
    margin: 0 auto 30px;
    width: 95%;
}

.tourSelectFlightCategoryExtension .gwt-TabPanel > tbody > tr:first-child {
    background: #fff;
    border: 0
}

.tourSelectFlightCategoryExtension .gwt-TabPanelBottom {
    border: 2px solid #4262a7
}

.tourSelectFlightCategoryExtension .gwt-TabPanel td {
    padding: 0
}

.tourSelectFlightCategoryExtension .gwt-TabPanel .gwt-TabBarItem-wrapper {
    padding: 5px;
    font-size: 14px;
    font-family: Verdana, Arial, sans-serif;
    text-transform: uppercase;
}

.tourSelectFlightCategoryExtension .paxTitle {
    color: #666;
    padding: 10px;
}

.accordionContainer.ext .row {
    border-bottom: 1px solid grey;
}

.prezzoCategoryTour h2 {
    font-size: 16px;
    color: grey;
    padding: 10px
}

.prezzoCategoryTour .accordion {
    width: 90%;
    margin: 0 auto 30px;
    clear: both
}

.prezzoCategoryTour .accordionContainer {
    border-left: 1px solid #B2B5BB;
    border-right: 1px solid #B2B5BB;
    border-bottom: 1px solid #B2B5BB;
    margin: 0 10px;
}

.prezzoCategoryTour .anchor {
    display: block;
    color: #575757 !important;
    text-decoration: none;
    transition: all 100ms ease-in-out;
    box-shadow: 0 0 #ddd;
    font-size: 13px;
    padding: 10px;
    border: 1px solid #b2b5bb;
    font-weight: bold;
    cursor: pointer
}

.prezzoCategoryTour .anchor:hover {
    background-color: #575757;
    color: #fff !important;
}

.prezzoCategoryTour .passengers {
    width: 90%;
    margin: 0 auto;
    font-size: 14px;
    font-weight: bold;
    margin-top: 30px;
}

.prezzoCategoryTour div .data_partenza {
    padding-left: 16px;
    text-align: left;
    width: 300px
}

.prezzoCategoryTour div .data_partenza .lblAirport {
    font-style: italic;
}

.prezzoCategoryTour div .data_partenza .supplemento {
    font-size: 10px;
    font-weight: normal;
    text-transform: lowercase;
    font-style: italic
}

.prezzoCategoryTour div .data_partenza.lower {
    text-transform: lowercase;
    font-style: italic;
}

.prezzoCategoryTour div .prezzo {
    font-family: 'Bodoni', 'Georgia', 'Times New Roman', serif;
    font-size: 18px;
    font-style: italic;
    font-weight: bold;
    line-height: 30px;
    text-align: right;
    width: 100px;
    padding-right: 25px;
}

.prezzoCategoryTour div .select {
    width: 90px;
    text-align: center;
}

.prezzoCategoryTour div .select span {
    vertical-align: middle;
}

.prezzoCategoryTour div .select .emptylabeltax {
    padding: 0 23px;
    display: inline
}

.prezzoCategoryTour div .textflight {
    text-align: left;
    padding-left: 10px;
    color: #38538C;
    width: 325px;
}

.prezzoCategoryTour div .textAvailableSeatGreen {
    text-align: left;
    padding-left: 10px;
    color: forestgreen;
    width: 100px;
    font-weight: bold;
    font-size: medium;
}

.prezzoCategoryTour div .textAvailableSeatRed {
    text-align: left;
    padding-left: 10px;
    color: red;
    width: 100px;
    font-weight: bold;
    font-size: medium;
}

/* .prezzoCategoryTour div .selectflight {text-align: center;color:#38538C;width:90px;} */
/* .prezzoCategoryTour div .selectflight span{display:inline} */
.prezzoCategoryTour div.infoFlight div, .tourContentData .infoFlight.categoryTitle {
    background-image: url("../images/info.gif");
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: 16px auto;
    padding-left: 32px;
}

.tourContentData .availableSeat {
    text-align: right !important;
    width: unset !important;
}

.prezzoCategoryTour .data_partenza p {
    line-height: 18px
}

.prezzoCategoryTour .otherFlightsLabel {
    font-size: 10px;
    color: #FF6600;
}

.prezzoCategoryTour .rows .row > div {
    display: table-cell;
}

.prezzoCategoryTour .rows .row {
    display: table;
    width: 100%;
    height: 30px;
    line-height: 30px;
    background-color: #eee;
}

.prezzoCategoryTour .rows .row.departureAirport .gwt-Label {
    font-weight: 700;
    margin-left: 15px;
}

.prezzoCategoryTour .rows .row.departureAirport .itemflight .gwt-Label {
    font-weight: normal;
    margin-left: 40px
}

.prezzoCategoryTour .rows .row.departureAirport > div {
    display: block
}

.prezzoCategoryTour .rows .row:hover {
    background-color: #f9f9f9;
}

.prezzoCategoryTour .rows .rowutil { /*display: table;width: 100%;*/
    display: none;
}

.prezzoCategoryTour .rows .rowutil .costo, .prezzoCategoryTour .rows .rowutil .utile, .prezzoCategoryTour .rows .rowutil .utile2 {
    display: table-cell;
    padding-right: 35px;
    text-align: right;
}

.prezzoCategoryTour .accordion .anchor .chevr {
    display: block;
    float: left;
    background: url("../images/icone/triangle_on.png") no-repeat scroll 0 0 transparent;
    background-repeat: no-repeat;
    width: 20px;
    height: 9px;
    margin-top: 5px;
}

.prezzoCategoryTour .accordion .off .chevr {
    background-image: url("../images/icone/triangle.png");
}

.prezzoCategoryTour .accordion .anchor:hover .chevr {
    background-image: url("../images/icone/triangle_on_w.png");
}

.prezzoCategoryTour .accordion .off .anchor:hover .chevr {
    background-image: url("../images/icone/triangle_w.png");
}

.prezzoCategoryTour .accordion .off .accordionContainer {
    display: none;
    -webkit-transition: height 1s ease;
    -moz-transition: height 1s ease;
    -o-transition: height 1s ease;
}

/*.prezzoCategoryTour .rows .row .itemCategory,.prezzoCategoryTour .rows .row .partenzeCategory{float: right;display: inline}*/
.prezzoCategoryTour .rows .row .partenzeCategory {
    margin: 0 5px;
}

.prezzoCategoryTour .rows .row .partenzeCategory span {
    margin: 0 0 0 10px;
    font-style: italic;
}

.prezzoCategoryTour .rows .row .itemCategory {
    text-align: center;
    margin-left: 15px;
    display: block;
    clear: both;
    margin: 0 0 0 30px;
}

.prezzoCategoryTour .rows .row .itemCategory.rowOpzionale {
    height: 30px
}

.prezzoCategoryTour .rows .row .itemCategory > div {
    float: left
}

.prezzoCategoryTour .rows .row .itemCategory:hover {
    background: #fff
}

.prezzoCategoryTour .rows .row .itemCategory .title {
    width: 400px;
    text-align: left;
}

.prezzoCategoryTour .rows .row .itemCategory .titleExtension {
    width: 400px;
    text-align: left;
}

.prezzoCategoryTour .rows .row .itemCategory .titleExtension div {
    display: inline;
    margin: 5px;
}

.prezzoCategoryTour .rows .row .itemCategory .prezzo {
    width: 125px
}

.prezzoCategoryTour .rows .row .itemCategory .select {
    width: 100px
}

.prezzoCategoryTour .accordionContainer.ext .prezzo {
    width: auto;
    padding: 0;
    text-align: center
}

.prezzoCategoryTour .groupDeparture {
    background: #eee;
    font-size: 14px;
    padding: 6px;
}

.oldPrices .priceLabel span.errorPriceMantieni {
    float: right;
    color: red;
    font-size: 10px;
    text-align: right;
    font-weight: normal;
    text-transform: inherit;
}

.pricesRow .pricesEditEdit button.evidence.std-Button-Little:hover,
.pricesRow .pricesEditEdit button.evidence.std-Button-Little {
    background-color: #3c9dee;
    display: inline;
    float: left;
    border: 2px solid #FFA500;
    padding: 2px;
    color: #fff
}

.pricesRow .pricesEditEdit button.std-Button-Little:hover,
.pricesRow .pricesEditEdit button.std-Button-Little {
    background-color: #ccc;
    display: inline; /*float: left;*/
    padding: 2px;
    color: gray;
}

.oldPrices .elementPriceModified {
    border: solid 2px #FF6600;
    background: transparent;
    color: #c75b13;
}

.pricesEditEdit button.paste {
    height: 24px;
    width: 24px;
    background: url("../images/icone/paste.gif") no-repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
    margin-left: 4px;
}

.pricesEditEdit button.copy {
    height: 24px;
    width: 24px;
    background: url("../images/icone/copy.gif") no-repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
}

/*************************************/
/* END SELECT CATEGORY FLIGHT EXTENSION*/
/*************************************/
.textright {
    text-align: right;
}


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

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    width: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    line-height: 37px;
    color: #2766B5;
    vertical-align: bottom;
}

.material-icons.big {
    width: 40px;
    font-size: 40px !important;
    vertical-align: middle;
    color: #808080;
}

.titleResultSolution {
    font-size: 12px;
    font-style: italic;
    color: grey;
    padding: 3px;
}

.material-icons.ribaltato {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    writing-mode: lr-tb;
}

/***************************************/
/*             RICERCA VOLO            */
/***************************************/

.tabPanelFlight td {
    padding: 0
}

.tabPanelFlight .gwt-TabBar {
    padding-left: 0;
    padding-top: 0;
    border: 0
}

.tabPanelFlight .gwt-TabBarItem-wrapper {
    opacity: 0.8;
    font-size: 20px;
    height: 30px;
    width: 50%;
    font-family: Verdana, Arial, sans-serif;
    background-color: #1565C0;
    color: #D1D1D1
}

.tabPanelFlight .gwt-TabBarItem-wrapper.gwt-TabBarItem-wrapper-selected {
    color: #fff;
    opacity: 1;
}

.tabPanelFlight .gwt-TabBarItem-wrapper.gwt-TabBarItem-wrapper-disabled {
    background-color: #D1D1D1;
    cursor: default;
    color: #fff;
    opacity: 0.8;
}

.tabPanelFlight .gwt-TabPanelBottom {
    border: 3px solid #1565C0;
    padding: 10px;
    border-radius: 5px;
    margin: 0 3px;
}

.tabPanelFlight .inputflight {
    width: 320px;
    outline: none;
}

.tabPanelFlight .icoflight {
    margin-right: 10px
}

.tabPanelFlight .suggested {
    color: grey
}

.tabPanelFlight .dvResultsTitle {
    padding: 15px
}

.tabPanelFlight .dvResultsTitle .number {
    font-size: 20px
}

.tabPanelFlight .datagrid_flexible .fblue {
    background: #697787;
    color: #ffffff;
    font-weight: bold;
    padding: 5px !important;
    text-transform: uppercase;
}

.tabPanelFlight .cornertopleft {
    border-radius: 6px 0 0 0
}


.flightFilterPanel .datagrid_flexible { /* border:2px solid #4262a7; */
    margin: 30px 0 10px;
    box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    overflow: hidden;
}

.searchFlightPanel .titleFilterFlight {
    font-weight: 600;
    text-decoration: none;
    margin: 15px 20px 10px;
    display: block;
    font-family: Verdana, Arial, sans-serif;
    color: #003C7F !important;
    border-bottom: solid #ccc 2px;
}

.searchFlightPanel .subTitleFilterFlight {
    font-weight: 600;
    text-decoration: none;
    display: block;
    font-family: Verdana, Arial, sans-serif;
    color: #2989D8 !important;
}

.searchFlightPanel .gwt-Label {
    color: #003C7F
}

.searchFlightPanel .cellDateBoxSearchFlight {
    padding: 10px 0 10px 30px;
    border-top: solid #1565C0 1px
}

.searchFlightPanel .cellDateBoxSearchFlight:nth-child(1), .searchFlightPanel .cellDateBoxSearchFlightRight:nth-child(1) {
    border-right: solid #1565C0 1px;
}

.searchFlightPanel .cellDateBoxSearchFlightRight {
    padding-left: 30px
}

.searchFlightPanel .cellDateBoxSearchFlightInfo td {
    padding-bottom: 30px;
    text-align: center;
    border-top: solid #1565C0 1px;
}

.titleFilterFlight.inline {
    display: inline;
    margin-left: 5px;
}

.hideAvanzateOption {
}

.FSData, .FSDurata .FSItinerary, .FSPartenza, .FSDestinazione, .FSScali, .FSMinStop, .FSClass, .FSMaxStop, .FSTransito, .FSAirline, .FSElimina, .FSPrev, .FSAirlineExcluded, .FSTransitExcluded, .FSTransit, .FSSigleInclude, .FSSigleExclude, .FSDepartureFilter, .FSDestinationFilter .FSCountryFilter, .FSInfo {

}

.flexTable .FSOra select, .flexTable .FSOra2 select, .flexTable .FSDay select, .flexTable .FSDay2 select, .flexTable .FSTimeWindow select {
    min-width: 35px !important;
}

.flexTable .FSInclude {
    text-align: center;
}

.searchFlightPanel input[type=text], textarea {
    width: 90px;
}
.searchFlightPanel .checkDateBoxSearchFlight {
    vertical-align: middle
}

.searchFlightPanel .dateBoxSearchFlight {
    display: inline;
}

.searchFlightPanel .selectionTrip {
    padding-bottom: 15px;
}

.searchFlightPanel .selectionTrip button {
    outline: none;
    padding: 10px;
    margin-right: 10px;
    color: #808080;
    text-align: left;
    display: inline-block;
    border: 2px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    cursor: pointer;
    background: #fff;
    font-size: 13px;
}

.searchFlightPanel .selectionTrip button.on {
    border: 2px solid #2766B5;
    text-decoration: none;
    color: #003C7F;
}

.searchFlightPanel .selectionTrip .material-icons {
    display: none;
}

.searchFlightPanel .selectionTrip .on .material-icons {
    display: inline-block;
    font-size: 16px;
    width: 16px;
}

.searchFlightPanel .textright {
    margin-top: 10px
}

.searchFlightPanel .searchFlightTravel select {
    margin-right: 20px;
}

.searchFlightPanel .searchFlightTravel td {
    padding: 5px 0;
}

/*Nuova ricerca itinerario volo*/
.searchFlightPanel fieldset {
    border: solid #CCCCCC 3px;
    margin: 0;
    padding: 15px;
}


.searchFlightPanel fieldset legend {
    color: #808080;
    margin: 0 10px;
    padding: 0 10px;
}

.searchFlightPanel .gwt-CheckBox {
    padding: 0 !important;
}

.searchFlightPanel .gwt-CheckBox label {
    padding: 0 !important;
}

.searchFlightPanel .flexTable .gwt-CheckBox label {
    padding-left: 6px !important;
}

.searchFlightPanel .flexTable .gwt-CheckBox input[type=checkbox]:checked + label::after {
    margin: 5px 0 0 11px;
}


.searchFlightPanel .gwt-CheckBox input[type=checkbox]:checked + label::after {
    margin: 5px 0 0 7px;
}

.tourFlight {
}

.tourFlight .selectTourFlight {
    width: 200px;
}

tourFlight .selectTourCostFlight {
    width: 150px;
}

.tourFlight .valoreFlight {
    width: 100px;
}

.searchFlightPanel table.tourFlight tr.tourDetailFlight {
    background: #ededed;
}

.searchFlightPanel .boxFlightSearch input, .searchFlightPanel .boxFlightSearch select {
    margin-top: 0
}

.searchFlightPanel .gwt-CheckBox label {
    color: #003C7F;
}

.searchFlightPanel .gwt-CheckBox labe.new {
    color: #5ac623;
}

.searchFlightPanel .new {
    color: #5ac623 !important;
}

.searchFlightPanel table td {
    padding: 10px 0;
    vertical-align: top;
}

.searchFlightPanel .flexTable td {
    border-bottom: solid #ccc 1px;
}

.searchFlightPanel .std-Button-Little {
    padding: 2px 4px;
}

.searchFlightPanel .listoption {
    display: block
}

.searchFlightPanel .flexTable .listoption button {
    border: 0;
    padding: 0;
    background-color: #fff;
}

.searchFlightPanel .flexTable .listoption button .delItemFlight {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2);
    transition: .2s;
    border: 1px solid #3c9dee;
    font-weight: 700;
    font-size: 10px;
    margin: 2px 4px;
    padding: 3px;
    display: inline-block;
    border-radius: 20px;
    background-color: #3c9dee;
    color: #fff;
}

.searchFlightPanel .listoption div {
    float: left;
}

.searchFlightPanel .flexTable td.advancedOption {
    display: none
}

.searchFlightPanel .flexTable .gwt-SuggestBox {
    width: 100px
}

.FSIData {
    width: 105px
}

.searchFlightPanel table td.FSIScaliNoStop {
    padding-top: 13px;
}

div.flightRow {
    overflow: hidden;
    width: 60px;
    height: 60px;
    position: absolute;
    left: 0;
}

div.flightRow.label1::before, div.flightRow.label2::before, div.flightRow.label3::before, div.flightRow.label4::before, div.flightRow.label5::before, div.flightRow.label6::before {
    width: 20px;
    height: 30px;
    position: absolute;
    content: " ";
    top: 0px;
    left: 0;
    box-shadow: 0px 0px 11px 1px rgba(0, 0, 0, 0.1);
    font-weight: bold;
    color: white;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    border-radius: 0px 0px 20px 0px;
    text-align: center;
    margin-top: 0px;
}

div.flightRow.label1::before {
    content: "A";
    background: linear-gradient(180deg, #ff0000 0%, #dd0000 100%);
}

div.flightRow.label2::before {
    content: "B";
    background: linear-gradient(180deg, #ffa500 0%, #dd7a00 100%);
}

div.flightRow.label3::before {
    content: "C";
    background: linear-gradient(180deg, #ffff00 0%, #ffd324 100%);
}

div.flightRow.label4::before {
    content: "D";
    background: linear-gradient(180deg, #04a400 0%, #008000 100%);
}

div.flightRow.label5::before {
    content: "E";
    background: linear-gradient(180deg, #0000ff 0%, #0000dd 100%);
}

div.flightRow.label6::before {
    content: "F";
    background: linear-gradient(180deg, #4b0082 0%, #2a0053 100%);
}

div.flightRow.label7::before {
    content: "G";
    background: linear-gradient(180deg, #ee82ee 0%, #d460d4 100%);
}


.flightPlanDetailTitle.itineraryActive {
    padding: 5px 10px 5px 35px !important;
    position: relative;
}

div.itineraryLabelSegment {
    overflow: hidden;
    width: 30px;
    height: 20px;
    position: absolute;
    left: 0;
}

div.itineraryLabelSegment.labelItinerary1::before, div.itineraryLabelSegment.labelItinerary2::before, div.itineraryLabelSegment.labelItinerary3::before, div.itineraryLabelSegment.labelItinerary4::before, div.itineraryLabelSegment.labelItinerary5::before, div.itineraryLabelSegment.labelItinerary6::before, div.itineraryLabelSegment.labelItinerary7::before {
    width: 30px;
    height: 20px;
    position: absolute;
    content: " ";
    top: 0px;
    left: 0;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1);
    font-weight: bold;
    color: white;
    text-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    border-radius: 0px 0px 0px 0px;
    text-align: center;
    margin-top: 0px;
}

div.itineraryLabelSegment.labelItinerary1::before {
    content: "A";
    background: linear-gradient(180deg, #ff0000 0%, #dd0000 100%);
}

div.itineraryLabelSegment.labelItinerary2::before {
    content: "B";
    background: linear-gradient(180deg, #ffa500 0%, #dd7a00 100%);
}

div.itineraryLabelSegment.labelItinerary3::before {
    content: "C";
    background: linear-gradient(180deg, #ffff00 0%, #ffd324 100%);
}

div.itineraryLabelSegment.labelItinerary4::before {
    content: "D";
    background: linear-gradient(180deg, #04a400 0%, #008000 100%);
}

div.itineraryLabelSegment.labelItinerary5::before {
    content: "E";
    background: linear-gradient(180deg, #0000ff 0%, #0000dd 100%);
}

div.itineraryLabelSegment.labelItinerary6::before {
    content: "F";
    background: linear-gradient(180deg, #4b0082 0%, #2a0053 100%);
}

div.itineraryLabelSegment.labelItinerary7::before {
    content: "G";
    background: linear-gradient(180deg, #ee82ee 0%, #d460d4 100%);
}


div.flightRow.label5::before {
    content: "E";

}

div.flightRow.label6::before {
    content: "F";

}

div.flightRow.label7::before {
    content: "G";

}

.labelItineraryA, .labelItineraryB, .labelItineraryC, .labelItineraryD, .labelItineraryE, .labelItineraryF, .labelItineraryG {
    color: white;
    width: 30px;
    padding: 0 10px;
}

.labelInfoA, .labelInfoB, .labelInfoC, .labelInfoD, .labelInfoE, .labelInfoF, .labelInfoG {
    color: white;
    width: 10px;
    padding: 0 5px;
}

.labelItineraryA, .labelInfoA {
    background: linear-gradient(180deg, #ff0000 0%, #dd0000 100%);
}

.labelItineraryB, .labelInfoB {
    background: linear-gradient(180deg, #ffa500 0%, #dd7a00 100%);
}

.labelItineraryC, .labelInfoC {
    background: linear-gradient(180deg, #ffff00 0%, #ffd324 100%);
}

.labelItineraryD, .labelInfoD {
    background: linear-gradient(180deg, #04a400 0%, #008000 100%);
}

.labelItineraryE, .labelInfoE {
    background: linear-gradient(180deg, #0000ff 0%, #0000dd 100%);
}

.labelItineraryF, .labelInfoF {
    background: linear-gradient(180deg, #4b0082 0%, #2a0053 100%);
}

.labelItineraryG, .labelInfoG {
    background: linear-gradient(180deg, #ee82ee 0%, #d460d4 100%);
}


.additionalInfo {
    font-size: 10px;
    font-style: italic
}

select.gwt-ListBox.itinerarySelect {
    width: 200px;
    font-size: 17px;
    margin: 0 0 0 20px;
    text-align: center;
    border: solid #2478BD 2px !important;
}

/*.flexTable td {*/
/*    display: none;*/
/*}*/


/*.flexTable td.advancedOption {*/
/*    display: table-cell;*/
/*}*/

/*FIne nuova ricerca itinerario*/

.flightFilterPanel .textright {
    margin-top: 15px
}

.flightFilterPanel h3 {
    display: inline-block;
    color: #212121;
    font-family: Verdana, Arial, sans-serif;
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: 300;
}

.flightFilterPanel .titleFilterFlight {
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    font-family: Verdana, Arial, sans-serif;
    color: #003C7F !important;
    margin-right: 2px;
}

.flightFilterPanel .titleFilterFlight.top15 {
    margin-top: 15px;
}

.flightFilterPanel .titleFilterFlight.top30 {
    margin-top: 30px;
}

.flightFilterPanel .flightFilterCompany span,
.flightFilterPanel .flightFilterCompany label {
    color: grey;
}

.flightFilterPanel .flightFilterCompany input:checked + label,
.flightFilterPanel .flightFilterCompany input:checked + span {
    color: #000
}

.flightFilterPanel .flightFilterCompany span:hover,
.flightFilterPanel .flightFilterCompany label:hover {
    color: #212121
}

.flightFilterPanel .ui-state-default, .flightFilterPanel .ui-widget-content .ui-state-default, .flightFilterPanel .ui-widget-header .ui-state-default {
    border-radius: 12px;
}

.flightFilterPanel .ui-widget-header {
    border: 1px solid #aaaaaa;
    background: #fff;
    color: #222222;
    font-weight: bold;
}

.flightFilterPanel #stopover_slider.ui-slider-horizontal {
    height: 0.4em;
}

.flightFilterPanel .ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 5px;
}

.flightFilterPanel .contentButton {
    margin-top: 20px;
    margin-bottom: 15px;
}

.flightFilterPanel .companyListReduced #company_filter {
    height: 330px;
    overflow: hidden;
}

.flightFilterPanel .showMore {
    text-decoration: underline;
    color: #1D4F90;
    margin-left: 15px;
}

.flightFilterPanel .flightFilterCompany span.selectAll label,
.flightFilterPanel .flightFilterCompany span.selectAll:hover label {
    color: #003C7F;
    font-style: italic;
}

.flightFilterPanel .openTable span {
    vertical-align: middle;
    text-decoration: underline;
    color: #1D4F90;
    line-height: 1.5;
}

.flightFilterPanel .searchTable {
    margin: 10px;
    padding: 10px;
    text-align: right;
}

.flightstop {
    width: 60px;
}

.flightstop div.stops {
    width: 13%;
    padding: 0 2%;
    float: left;
}

.flightstop div.stop-line {
    background: url("../images/icone/ul_flight.png") no-repeat scroll right 5px transparent;
    display: block;
    text-align: center;
    width: 55px;
    position: relative;
    padding: 0;
    height: 24px;
}

.flightstop div .dep-stop-line, .flightstop div .dep-stop-line-scalo {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 0;
    padding: 0;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("../images/icone/scalo.svg");
}

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

.tooltip-dep-stop-line-scalo {
    background: rgba(255, 0, 10, 0.9) !important;
}

.std-Button .material-icons {
    width: 16px;
    font-size: 16px;
    color: #fff
}

.rowChangeAirport td {
    padding-top: 16px !important;
}

.brdtopw.changeAirport {
    z-index: 99;
    position: relative;
}

.brdtopw.changeAirport::before {
    background: rgb(255, 0, 10);
    padding: 0px 0;
    margin-top: -16px;
    margin-left: 10%;
    width: 180%;
    line-height: 16px;
    oveflow: hidden;
    min-height: 16px;
    text-align: center;
    font-weight: bold;
    color: white;
    display: block;

    content: "⚠ CAMBIO AEROPORTO";
}

.std-Button .material-icons {
    width: 16px;
    font-size: 16px;
    color: #fff;
    vertical-align: middle
}

a.std-Button.print {
    white-space: nowrap;
    word-wrap: break-word;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 390px;
    margin: -10px 10px;
}

.std-Button-Little .material-icons {
    width: 13px;
    font-size: 13px;
    color: #fff
}

.editorNoteContainer button:first-child {
    /*margin-top: 5px;*/
}

.editorNote {
    background: none repeat scroll 0 0 #F2F2F2;
    border: 3px solid #4F82E8;
    border-radius: 10px 10px 10px 10px;
    margin: 10px;
    padding: 10px;
}

.newnota .editorNote {
    border: 3px solid #3C9DEE;
}

/*
.editorNote.modified,.editorNote.added{border: 3px solid orange;}
.editorNote.deleted{border:3px solid red;}
.editorNote.online{border:3px solid green;}
*/

.editorNote.modified .evidenza,
.editorNote.added .evidenza {
    border: 1px solid orange;
    color: orange;
}

.editorNote.deleted .evidenza {
    border: 1px solid red;
    color: red;
}

.editorNote.online .evidenza {
    border: 1px solid green;
    color: green;
}

/* .editorNote:hover{border:3px solid #3C9DEE;} */

.editorNote .titleNote {
    width: 98%;
}

.editorNote .orderNote {
    width: 20%;
}

.editorNote .textNote {
    height: 150px;
    margin: 10px 0;
    width: 96%;
}

.editorNote .titleNote:disabled,
.editorNote .orderNote:disabled,
.editorNote .textNote:disabled {
    background-color: #D3D3D3;
    border: 1px solid #D3D3D3;
    color: #888888;
}

.editorNoteContainer .filterNote {
    margin: 10px 15px;
}

.redbutton {
    background: red !important;
    color: #fff;
}

.filterGroup {
    background: #fff;
    font-style: italic;
    color: gray;
    padding: 7px 0;
    font-size: 11px
}

.filterGroup .gwt-CheckBox {
    padding: 0;
    padding-right: 5px;
}

.filterGroup input[type="checkbox"] {
    margin-right: 0;
}


.listaDocumenti {
    margin: 10px 5px
}

.listaDocumenti .intestazioneDocumenti tr:first-child {
    font-weight: bold;
}

.listaDocumenti .gwt-CheckBox {
    padding: 5px 0;
}

.listaDocumenti .mailDocumenti {
    width: 4%;
    padding: 3px;
    text-align: center
}

.listaDocumenti .titleDocumenti {
    width: 49%;
    padding: 5px;
    word-wrap: break-word;
}

.listaDocumenti .titleDocumenti .typeFile {
    font-style: italic;
    margin-bottom: 0;
    color: grey;
}

.listaDocumenti .titleDocumenti .std-Button {
    padding: 0 5px;
    border: 0;
    margin-left: 5px
}

.listaDocumenti .dateDoc {
    width: 10%;
    padding: 5px;
    text-align: center
}

.listaDocumenti .prodDocumenti {
    width: 15%;
    text-align: center;
}

.listaDocumenti .prodDocumenti select {
    width: 100px;
}

.listaDocumenti .paxDocumenti {
    width: 10%;
    text-align: center;
}

.listaDocumenti .documentiPraticaVisibleAgenziaCliente {
    width: 6%;
    padding: 5px 0;
    text-align: center
}

.listaDocumenti .documentiPraticaDeliveredAgenziaCliente {
    width: 6%;
    padding: 5px 0;
    text-align: center
}

.listaDocumenti .sizemedium {
    font-size: 12px;
}

.listaDocumenti .sizesmall {
    font-size: 9px;
}

.listaDocumenti .documentBody td,
.listaDocumenti .intestazioneDocumenti td {
    border-right: 2px solid #FFFFFF;
}

.listaDocumenti .documentBody.fgray {
    padding: 0
}

.listaDocumenti .documentBody a, .listaDocumenti .documentBody a:hover {
    color: #38538C;
    text-decoration: underline
}

.listaDocumenti hr {
    margin: 20px;
    height: 3px;
}

.listaDocumenti .elencoDocumenti div {
    margin: 25px
}

.listaDocumenti .uploadTable {
    margin: 0 20px;
    width: 95%;
}

.listaDocumenti .uploadTable td:first-child {
    border-right: 20px solid #fff;
}

.listaDocumenti .uploadTable td {
    vertical-align: top;
    width: 50%;
    padding: 10px;
}

.listaDocumenti .tableTravel tr:first-child,
.listaDocumenti .intestazioneDocumenti tr {
    background: linear-gradient(to bottom, #3C9DEE 0px, #2989D8 50%, #207CCA 51%, #7DB9E8 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    font-size: 12px;
    padding: 3px 5px;
    text-shadow: none;
}

.listaDocumenti .tableTravel .titleTravels {
    width: 430px;
    padding: 5px;
}

.listaDocumenti .tableTravel td:last-child {
    text-align: center
}

.listaDocumenti .tableTravel td {
    border: 1px solid #FFFFFF;
}

.errorUpload {
    word-wrap: break-word;
    padding: 10px;
}

.uploadLogoAgenzia .deleteButton {
    display: block;
    margin: 5px !important;
}

.uploadLogoAgenzia td {
    padding: 0 !important;
}

.uploadLogoAgenzia .imageLogo {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 200px;
}

.dialogMiddleCenter .editorCost td {
    padding: 3px
}

.dialogMiddleCenter .editorCost td:first-child {
    padding-right: 20px;
    text-align: right;
}

.gwt-TextBox:disabled {
    background: #ccc;
    color: grey;
}

.tableSchedaCosto {
    border-right: solid #ccc 1px;
}

.evidenceInfo {
    border: solid orange 3px;
    border-radius: 12px
}

.evidenceInfo.Modificato_Per_Retrocompatibilita {
    border-color: violet
}

.evidenceInfo.Nuovo {
    border-color: #009900
}

.evidenceInfo.Modificato {
    border-color: orange
}

.costingPanel {
    padding-bottom: 25px;
    clear: both;
}

.verificaAll {
    border-bottom: dotted grey 2px;
}

.verificaAllRed {
    border-bottom: dotted #f98888 2px;
    background-color: #f98888 !important;
}

.verificaAll td, .verificaAll th {
    border: 0 !important;
}

.verificaAllRed .error {
    background: url('../images/error/messageError.png') no-repeat top left transparent;
    padding-left: 40px;
    background-size: 16px 16px;
}

.verificaAll .info {
    background: url('../images/error/messageInfo.png') no-repeat top left transparent;
    padding-left: 40px;
    background-size: 16px 16px;
}

.verificaAll .warning {
    background: url('../images/error/messageWarning.png') no-repeat top left transparent;
    padding-left: 40px;
    background-size: 16px 16px;
}

.tdNoError a:hover {
    cursor: default;
    color: black;
}

.tdNoError a {
    cursor: default;
}

.tdNoError div {
    text-align: center;
}

.tdError {
    color: white;
    background: #d45659;
    text-align: center;
}

.tdError a {
    cursor: default
}

.tdError.touroperatormode a {
    cursor: pointer;
}

.tdError:before {
    content: "report_problem";
    font-family: 'Material Icons';
    font-weight: normal;
    font-size: 30px;
}

.tdError.touroperatormode a strong {
    display: block;
    background: #fff;
    color: #d45659;
    border-radius: 10px;
    margin: 6px 0;
}


.tdError.touroperatormode:hover:before {
    content: "library_add_check";
}

.tdError.touroperatormode:hover {
    background: mediumseagreen;
}

.tdError.touroperatormode a:hover strong {
    color: mediumseagreen;
}

.temporaleElementPanelTable.error {
    border-style: solid;
    border-color: red;
    border-width: 2px;
}

.w0.totalCost {
    width: 65%;
}

.tipoPraticaHeader {
    border: solid orange 3px;
    border-radius: 10px;
    margin: 10px;
    padding: 3px;
}

.std-Button.greenbutton {
    background-color: green;
}

.std-Button.greenbutton:hover {
    background-color: green;
}

.std-Button.orangebutton {
    background-color: #FF6600;
}

.std-Button.orangebutton:hover {
    background-color: #FF6600;
}

.std-Button-Little.greenbutton {
    background-color: green;
}

.std-Button-Little.greenbutton:hover {
    background-color: green;
}

.std-Button-Little.orangebutton {
    background-color: #FF6600;
}

.std-Button-Little.orangebutton:hover {
    background-color: #FF6600;
}

.validTouring.OK {
    color: green;
}

.validTouring.KO {
    color: orange
}

.validTouring.ERROR {
    color: red;
}

.validTouring.WARN {
    color: orange;
}

.reportFitDaComunicare {
    background-color: #FF6600;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

}

.reportFitDaComunicare {
    background-color: #FF6600;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.reportFitInviato {
    background-color: #3c9dee;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.dettaglioFit {
    background-color: #eee;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-color: #4262a7;
    color: #000;
}

.btnBlackFit {
    background-color: #000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    margin: 0px;
    padding: 3px;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
    border: 1px solid #fff;
}

.btnBlueFit {
    background-color: #3c9dee;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    margin: 0px;
    padding: 3px;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
    border: 1px solid #fff;
}

.prenotaThHead {
    font-size: 12px;
    padding: 3px 5px !important;
    border: 1px solid rgb(255, 255, 255) !important;
    color: white;
    background: linear-gradient(to bottom, rgb(60, 157, 238) 0px, rgb(41, 137, 216) 50%, rgb(32, 124, 202) 51%, rgb(125, 185, 232) 100%) repeat scroll 0% 0% transparent;
    text-shadow: none;
    font-weight: bold;
    width: 50%;
}

.prenotaCellTableCell {
    font-size: 12px;
    padding: 3px 5px 3px 5px !important;
    border: 1px solid #fff !important;
}

.prenotaCellTableCellIcon {
    font-size: 12px;
    padding: 3px 5px 3px 40px !important;
    border: 1px solid #fff !important;
}

.prenotacellTableEvenRow {
    color: black;
    background-color: #f6f5f6;
}

.verificaPrenota .error {
    background: url('../images/error/messageError.png') no-repeat top left transparent;
    background-size: 16px 16px;
}

.verificaPrenota .info {
    background: url('../images/error/messageInfo.png') no-repeat top left transparent;
    background-size: 16px 16px;
}

.verificaPrenota .warning {
    background: url('../images/error/messageWarning.png') no-repeat top left transparent;
    background-size: 16px 16px;
}

.attachMailDocument thead th {
    color: #FFFFFF;
    text-shadow: none;
}

.attachMailDocument tbody, .attachMailDocument tbody tr {
    background: transparent;
}

.attachMailDocument tbody tr td.attachRadioDocument {
    text-align: right
}

.attachMailDocument {
    margin: 0 0 20px 0;
    border: solid white 1px;
    /*padding: 15px 0;*/
}

.intestazioneMail {
    margin: 0;
    display: block;
    background: #697685;
    width: 100%;
    height: 32px;
    color: #fff;
    text-align: left;
    padding: 2px;
}

.intestazioneMail span {
    float: left;
    display: inline;
    margin: 5px;
    background: #697685;
}

.intestazioneMail span.selectPrint {
    font-weight: bold;
}

.attachMailDocument td {
    text-align: left !important;
}


/* clark */
/*****************/
/***************** HEADER
/*****************/

#header {
    background-image: url('../images/icone/iconeNew/headerNew.jpg');
    background-position: 0 0;
    background-size: 100% 100%;
}

.welcomeLogin {
    width: auto;
    font-weight: normal;
    text-transform: uppercase;
    font-style: normal;
    top: 10px;
    right: 10px;
    text-align: right;
}

.welcomeLogin.changeTop {
    top: 49px;
}

.welcomeLogin .gwt-Label {
    width: auto;
    font-weight: bold;
    display: inline;
}

#linksHome {
    top: 48px;
    text-align: right;
    padding: 0;
    right: 10px;
}

.titleTabs {
    float: left;
    padding: 6px;
    font-weight: normal;
}

.linkLogOut, .linkHelp, .linkRefresh, .linkOpen, .linkClose {
    display: inline-block;
    text-indent: 9999px;
    width: 28px !important;
    height: 28px;
    background-color: white;
    overflow: hidden;
    border-radius: 15px;
    border: 0;
    padding: 0;
    background-position: 0 0;
    background-size: 100% 100%;
    margin: 1px 0px -10px 4px;
    cursor: pointer;
}

.linkLogOut {
    background-image: url('../images/icone/iconeNew/logout.png');
}

.linkHelp {
    background-image: url('../images/icone/iconeNew/help.png');
}

.linkRefresh {
    background-image: url('../images/icone/iconeNew/refresh.png');
}

.linkOpen {
    background-image: url('../images/icone/iconeNew/open.png');
}

.linkClose {
    background-image: url('../images/icone/iconeNew/close.png');
}

/***********************
************************  nav menu
************************/

table.mainMenuTable, .mainMenuTable table td {
    background: transparent !important;
}

.mainMenuTable table td:hover {
}

.mainMenuTable table td span {

    background-color: #3C9DEE;
    display: block;
    position: initial;
    width: calc(100% - 1px) !important;
    margin: 0 !important;
    left: 0;
    border-radius: 2px;
    margin: 3px !important;
    text-transform: uppercase;
    color: #ffffff;
    /*background-position: center 3px;
    padding: 33px 0 2px 0;*/
    background-size: 28px;
    background-repeat: no-repeat;
    background-position: 5px 3px;
    padding: 10px 0 8px 0;
    text-indent: 30px;
    font-size: 12px;
}

.mainMenuTable table td.btnVoli span {
    background-image: url('../images/icone/iconeNew/flight.png');
}

.mainMenuTable table td.btnTourMulti span, .mainMenuTable table td.btnTour span {
    background-image: url('../images/icone/iconeNew/tour.png');
}

.mainMenuTable table td.btnHotel span {
    background-image: url('../images/icone/iconeNew/hotel.png');
}

.mainMenuTable table td.btnSelfDrive span {
    background-image: url('../images/icone/iconeNew/self-drive.png');
}

.mainMenuTable table td.btnServizi span {
    background-image: url('../images/icone/iconeNew/services.png');
}

.mainMenuTable table td.btnNoleggio span {
    background-image: url('../images/icone/iconeNew/car.png');
}

.mainMenuTable table td.btnOfferte span {
    background-image: url('images/icone/iconeNew/star.png');
}

.mainMenuTable table td:hover span {
    background-color: #2478bd;
    animation: animatedBackgroundNav 0.1s ease-out;
}

@keyframes animatedBackgroundNav {
    /*from { background-size: 12px; background-position: center 9px; background-color: #1e659f;}
    to { background-size: 28px; background-position: center 3px; background-color: #2478bd;}*/

    from {
        background-size: 12px;
        background-position: 12px 9px;
        background-color: #47abff;
    }
    to {
        background-size: 28px;
        background-position: 5px 3px;
        background-color: #2478bd;
    }
}

.mainMenuTable table td img {
    display: none !important;
}

.mainMenuTable .btnOfferte {
    display: none;
}

/***********************
************************  titoli tabelle
************************/

.find .titleSearchPanel .text img {
    display: none;
}

.find .titleSearchPanel .text {
    padding: 8px 0;
    text-decoration: none;
    text-indent: 42px;
    background-image: url('../images/icone/iconeNew/find.png');
    background-size: auto 90%;
    background-repeat: no-repeat;
    background-position: 5px center;
}

.btnShowOnMap.top10 {
    padding: 8px 0;
    text-decoration: none;
    text-indent: 42px;
    background-image: url('../images/icone/iconeNew/map.png');
    background-size: auto 90%;
    background-repeat: no-repeat;
    background-position: 5px center;
    text-decoration: underline;
    margin: 0 !important;
}

.titleGroupPanel .text {
    padding: 8px 0;
    text-decoration: none;
    text-indent: 42px;
    background-image: url('../images/icone/iconeNew/group.png');
    background-size: auto 90%;
    background-repeat: no-repeat;
    background-position: 5px center;
}

/***********************
************************  menu tour operator
************************/


.menuTourOperator {
    background: #F2F2F2;
    border-spacing: 2px 2px;
    padding: 0;
}

.menuTourOperator td {
    vertical-align: top;
    text-align: center;
    border-radius: 2px;
    color: #414144;
}

.menuTourOperator td.dati {
    min-width: 110px;
    background: rgba(255, 255, 255, 1);
    padding: 5px 2px 0;
    color: #414144;
}

.tdStato.dati.Scaduto {
    background: #ff4545;
}

.tdStato.dati.Scaduto, .tdStato.dati.Scaduto .evidenza {
    color: #ffffff;
    font-weight: bold;
}

.tdStato.dati.Cancellato, .tdStato.dati.Cancellato .evidenza {
    color: #ffffff;
    font-weight: bold;
}

.tdStato.dati.Cancellato {
    background: #ff4545;
}

.tdStato.dati.Annullato, .tdStato.dati.Annullato .evidenza {
    color: #ffffff;
    font-weight: bold;
}

.tdStato.dati.Annullato {
    background: #ff4545;
}

.tdStato.InAttesaRaggiungimentoMinimo span.evidenza {
    width: 110px;
    word-wrap: break-word;
    text-overflow: ellipsis;
    display: block;
    float: left;
    overflow: hidden;
}

.vamid.aright {
    text-align: right;
    background: transparent;
}

.menuTourOperator .name {
    display: block;
    padding: 2px 2px;
    text-transform: uppercase;
    font-size: 10px !important;
    font-weight: bold;
    width: 100%;
}

.menuTourOperator .value {
    padding: 4px 0 2px;
    font-weight: normal;
    width: 100%;
    display: block;
}

.menuTourOperator button {
    width: 120px;
}

/***********************
************************  elementi di ricerca
************************/


.searchElement {
    border: 0px solid #ccc;
    margin: 0 5px 15px;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0px 2px 6px -2px rgba(0, 0, 0, 0.4);
    max-width: 810px;
}

.searchResults {
    background: #F2F2F2;
}

.headerHotel {
    background-color: white;
}

#hotelFilterTable tr {
    vertical-align: top;
}

#hotelFilterTable .gwt-Label, #hotelFilterTable .textSlider {
    padding: 4px 0px 6px;
    display: block;
}

#hotelFilterTable .textSlider .bold {
    color: #3c9dee;
}

#hotelFilterTable .textMaxPriceSlider .bold.azzurro {
    font-size: 14px;
    color: #3c9dee;
}

#hotelFilterTable .classifica {
    width: 200px;
}

#hotelFilterTable .tipologia {
    width: 180px;
}

#hotelFilterTable .tipologia select, #hotelFilterTable .zona select {
    width: 160px !important;
}

#hotelFilterTable span.textMaxPriceSlider {
    display: block;
    float: left;
    padding: 6px 0 0 11px;
}

#hotelFilterTable .divSlider {
    float: left;
}

#hotelFilterTable .ui-slider {
    background: #c4c4c4;
}

#hotelFilterTable a.ui-slider-handle::before {
    background: #3c9dee;
}

/*****************/
/***************** CSS paginazione e ordinamento ricerche
/*****************/
.tableItinerary {
    overflow: hidden;
}

.pagination span, .pagination a {
    background: #efefef;
    background-color: rgb(239, 239, 239);
    border-radius: 14px;
    line-height: 18px;
    display: block;
    width: 16px;
    text-align: center;
}


.order {
    border-spacing: 2px;
}

.order td {
    background: #e3e3e3;
    width: 174px;
    padding: 4px 0;
    text-align: center;
    border-radius: 3px;
    margin: 0 55px;

}

.order td img {
    display: none;
}

.order td.title {
    background: unset;
    text-indent: 0px;
    text-transform: uppercase;
}

.order .tdShort {
    background: #3C9DEE;
}

.order a {
    text-indent: 20px !important;;
    display: block;
    text-align: center !important;
}

.order a.hotelSortActive:hover {
    background: unset;
    color: #ffffff;

}

.pagination span, .pagination a {
    background: #efefef;
    background-color: rgb(239, 239, 239);
    border-radius: 14px;
    line-height: 18px;
    display: block;
    width: 16px;
    text-align: center;
}


.order {
    border-spacing: 2px;
}

.order td {
    background: #e3e3e3;
    width: 174px;
    padding: 4px 0;
    text-align: center;
    border-radius: 3px;
    margin: 0 55px;

}

.order td img {
    display: none;
}

.order td.title {
    background: unset;
    text-indent: 0px;
    text-transform: uppercase;
}

.order .tdShort {
    background: #3C9DEE;
}

.order .tdShort.top {
    background-image: url('../images/icone/iconeNew/arrow-top.png');
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: 5px center;
}

.order .tdShort.bottom {
    background-image: url('../images/icone/iconeNew/arrow-bottom.png');
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: 5px center;
}

.order a {
    background: unset;
    text-indent: 20px !important;;
    display: block;
    text-align: center !important;
}

.order a.hotelSortActive:hover {
    background: unset;
    color: #ffffff;
}

.order .tdShort:hover {
    background-color: #2478bd;
}

/***********************
************************  form e pulsanti
************************/

input[type=text], textarea {
    padding: 5px 3px;
    border-radius: 4px;
    font-size: 13px;
    border: 1px solid #d5d8df !important;
    font-family: 'Asap', arial, sans-serif;
    margin: auto 1px;
}

input[type=text].error, textarea.error {
    border: solid red 3px !important;
}

input[type=text].redborder, textarea.redborder {
    border: 2px solid red !important;
}

input[type=text]:focus, textarea:focus, select:focus {
    border: 1px solid #63eefe !important;
    transition: all 0.5s ease;
}

select {
    border: 1px solid #d5d8df !important;
    border-radius: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    background-image: url('../images/select-arrow.png');
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 80%;
    font-family: 'Asap', arial, sans-serif;
    min-width: 48px !important;
    font-size: 12px;
    overflow: hidden;
    margin: auto 1px;
    padding: 5px 20px 6px 1px !important;
}

select::-ms-expand {
    display: none;
}

option {
    padding-right: 16px;
    border-radius: 4px;
    border-bottom: 1px solid #edeced;
    font-size: 12px;
    font-family: 'Asap', arial, sans-serif;
}


.std-Button, .std-Button-Little, .std-ButtonI, .std-ButtonI-Little, .red-Button, .green-Button, .red-Button-Little, .green-Button-Little, .greyButton {
    border: 0;
    padding: 10px;
    font-family: 'Asap', arial, sans-serif;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 2px;
    display: inline-block;
    border-radius: 20px;
    font-size: 12px;
}

.std-Button-Little, .std-ButtonI-Little, .red-Button-Little, .green-Button-Little {
    padding: 5px 10px;
    font-weight: 700;
    font-size: 10px;
}

.std-Button:active,
.std-Button-Little:active,
.std-ButtonI:active,
.std-Button-LittleI:active {
    border: 0px;
    -webkit-box-shadow: inset 0px 0px 28px -3px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: inset 0px 0px 28px -3px rgba(0, 0, 0, 0.75);
    box-shadow: inset 0px 0px 28px -3px rgba(0, 0, 0, 0.75);
}

.std-Button-Little[disabled]:hover {
    border: 0px outset #ccc;
}

.EmptySelect {
    display: none;
}

#hotelFilterTable .classifica {
    width: 200px;
}

#hotelFilterTable .tipologia {
    width: 180px;
}

#hotelFilterTable .tipologia select, #hotelFilterTable .zona select {
    width: 160px !important;
}

#hotelFilterTable .checkboxField .disp, #hotelFilterTable .checkboxField .richiesta, #hotelFilterTable .checkboxField .soloRimborsabili {
    float: left;
    width: 90px;
}

#hotelFilterTable .checkboxField .soloRimborsabili {
    width: 110px;
}

#hotelFilterTable .sliderPriceContent {
    float: left;
}

.pricesEditQta {
    width: 78px !important;

}

.pricesEditQta .gwt-InlineLabel {
    width: 20px;
    margin: 0;
    display: inline-block;
    margin: 0;
    overflow: hidden;
}

.pricesEditQta .std-Button-Little {
    width: 20px;
    height: 20px;
    line-height: 0px !important;
    text-align: center;
    margin: 0;
    padding: 2px 0 6px;
    font-weight: bold;
    font-size: 20px;
    overflow: hidden;
}

/***********************
************************  div slider
************************/

.divSlider {
    width: 300px;
    overflow: hidden;
    padding: 0px 17px 0 10px;
}

.flightFilterPrice .divSlider {
    width: 240px;
}

.ui-slider {
    position: relative;
    text-align: left;
    background: #3c9dee;
    border: 0;
    height: 4px !important;
    margin-top: 12px;
    margin-bottom: 14px;
}

.flightFilterPrice .ui-slider {

    margin-top: 12px !important;
}

.flightFilterPanel .ui-widget-header {
    border: 0px solid #aaaaaa;
}

/* .flightOpzionale span { */
/*  display: inline-block;   */
/* } */

/* .flightOpzionale > span.gwt-CheckBox, */
/* .flightQuotato > span.gwt-CheckBox{ */
/*   display: inline-block; */
/*   clear: left; */
/*   margin-bottom: -9px; */
/* } */
.searchFlight .flightInfo {
    border-right: 4px solid #E6E5E6;
    padding-right: 8px;
}

.searchFlight .blueLabel tr {
    vertical-align: top;
}

.serviceSale .vendita {
    width: auto;
    text-align: left;
    padding: 5px;
    border: 2px solid #e3e4e3;
}

.odd .serviceSale .vendita {
    border: 2px solid #ffffff;
}

.serviceSale .priceService {
    width: 640px;
}

.serviceSale .vendita {
    width: 145px;
}

.agenzia .serviceSale .priceService {
    width: 570px;
}

.agenzia .serviceSale .vendita {
    width: 200px;
}

.contentFieldService {
    border-top: 3px dotted #c4c3c4;
    margin-top: 10px;
    padding: 10px;
}


a.ui-slider-handle::before {
    display: block;
    width: 300px;
    height: 4px;
    background: #c4c4c4;
    content: " ";
    margin-left: 17px;
    margin-top: 3px;
    pointer-events: none;
}

.ui-slider a:first-of-type::before {
    margin-left: -308px;
    height: 4px;

}

.ui-slider div {
    background: #3c9dee !important;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -11px;
    margin-left: -.6em;
    display: block;
    border: 0;
    border-radius: 20px;
    width: 9px;
    height: 9px;
    border: 8px solid rgba(0, 0, 0, 0.0);
    background: #3c9dee;
}

.ui-slider-horizontal .ui-slider-handle:hover, .ui-slider-horizontal .ui-slider-handle:active {
    cursor: pointer;
}


/***********************
************************  tabelle hotel
************************/

.spanDateTitle {
    font-size: 1.2em;
    color: #4262a7;
    font-weight: bold;
}

.spanDateContent {
    font-size: 1.2em;
    color: #FF6600 !important;
    font-weight: bold;
    margin: 0 15px 0 10px;
}

.flexTable .title.titlePic {
    font-size: 9px;
    padding: 0;
}

.flexTable .title {
    font-size: 12px;
    font-weight: bold;
    padding: 3px 5px 3px 5px;
    border: 1px solid #fff;
    text-align: center;
    color: white;
    background: #3c9dee;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNjOWRlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzI5ODlkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzIwN2NjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZGI5ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #3c9dee 0, #2989d8 50%, #207cca 51%, #7db9e8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3c9dee), color-stop(50%, #2989d8), color-stop(51%, #207cca), color-stop(100%, #7db9e8));
    background: -webkit-linear-gradient(top, #3c9dee 0, #2989d8 50%, #207cca 51%, #7db9e8 100%);
    background: -o-linear-gradient(top, #3c9dee 0, #2989d8 50%, #207cca 51%, #7db9e8 100%);
    background: -ms-linear-gradient(top, #3c9dee 0, #2989d8 50%, #207cca 51%, #7db9e8 100%);
    background: linear-gradient(to bottom, #3c9dee 0, #2989d8 50%, #207cca 51%, #7db9e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c9dee', endColorstr='#7db9e8', GradientType=0);
    text-shadow: none;
}

.flexTable td.titleHead {
    background: #e4e1e1;
    text-align: center;
}

.flexTable td {
    color: #000000;
    border: 1px solid white;
}

tr.riga > td {
    border-bottom: 1px solid #e3e3e3;
    border-top: 7px solid white;
    padding: 4px 6px;
}

.riga {
    background-color: #f6f5f6;
}

.riga.two {
    background-color: #f1f4fa;
    background-color: #e8ecf1;
}

.riga:hover {
    background-color: #e6e6e6 !important;
}

.riga.two:hover {
    background-color: #d3d6db !important;
}

.filtroCamereDisponibili .cameraInRichiesta {
    display: none; /* per invertire la logica usare table-row */
}

.filtroCamereInRichiesta .cameraDisponibile {
    display: none; /* per invertire la logica usare table-row */
}

.filtroCamereRimborsabili .cameraNonRimborsabile {
    display: none; /* per invertire la logica usare table-row */
}


td.stanza div div.cameraRimborsabile,
td.stanza div div.cameraNonRimborsabile,
td.stanza div div.rimborsabilitaCameraNonDefinita {
    position: absolute;
    top: 0;
    left: 0;
    width: 22px;
    border: 3px solid #ffffff;
    border-width: 0px 3px 3px 0;
    padding: 4px 8px 8px 4px;
    border-radius: 0 0 25px 0;
}

td.stanza div .cameraRimborsabile {
    content: "R";
    background: #00a65a;
    color: #ffffff;
}

td.stanza div .cameraNonRimborsabile {
    content: "NR";
    background: #f39c12;
    color: #ffffff;
}

td.stanza div .rimborsabilitaCameraNonDefinita {
    content: "u";
    background: #e9e9e9;
}

.stanza {
    position: relative;
}

.flexTable hr {
    width: 100%;
    float: left;
    margin: 3px 0;
    padding: 0px 0;
    background: #d9d9d9;
}

.stanza {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 2px;
    width: 50px;
}

.infoTitle {
    float: left;
    width: 100px;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
    padding: 5px 0;
}

.infoDesc {
    display: block;
    width: calc(100% - 100px);
    min-width: 150px;
    float: left;
    padding: 3px 0;
}

.icoInfo {
    float: right;
}

td.info {
    word-wrap: break-word;
}

.pMedio, .pTotale {
    width: 55px;
    text-align: center;
}

.pTotale {
    color: #ff6600 !important;
    font-weight: bold;
}

.pTotale span, .pMedio span {
    word-wrap: break-word;
    max-width: 60px;
    display: block;
}

.costoCanc {
    width: 75px;
    text-align: center;
}

td.pTotale.costoCanc i {
    font-size: 11px;
    font-weight: normal;
    color: #000000;
}

.costoCanc div {
    max-width: 85px;
    word-wrap: break-word;
}

.checkInDate, .numberNights {
    text-align: center;
}

.viaggiatori {
    width: 75px;
    word-break: break-word;
}

.viaggiatori.ag {
    width: 150px;
}

.viaggiatori br {
    margin: 5px 0;
    display: block;
}

.vendita {
    width: 120px;
}

.vendita .flexHr {
    margin: 0px 0 10px;
}

.vendita .gwt-CheckBox label {
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
    margin: 1px 0 5px;
    float: left;
    padding: 0 5px 0px 0px;
}

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

.vendita .gwt-CheckBox input[type=checkbox]:checked + label::after {
    margin: 5px 0 0 5px;
}

.vendita input[type="text"] {
    width: 115px;
    border: 1px solid white;
}

/*****************/
/***************** CSS 3 CHECKBOX
/*****************/

.gwt-CheckBox input[type=checkbox] {
    float: left;
    opacity: 0;
    position: absolute;
}

.gwt-CheckBox {
    overflow: hidden;
    /*display: block;
    float: left;*/
    display: inline-block;
}

.flightFilterPanel .gwt-CheckBox {
    float: initial;
}

.flightFilterPanel .gwt-CheckBox.gwt-CheckBox-disabled {
    display: none !important;
}

.gwt-CheckBox label {
    padding: 0 5px 0px 9px;
    display: block;
    position: relative;
    margin: 0;
    float: left;
}

.gwt-CheckBox label::after {
    opacity: 0.1;
    content: '';
    width: 1px;
    height: 1px;
    border: 3px solid #333;
    border-top: none;
    border-right: none;
    transform: rotate(-45deg);
    float: left;
    margin: 8px 0 0 16px;
    position: absolute;
    left: 0px;
    top: 0px;
}

.gwt-CheckBox label::before {
    opacity: 1;
    content: '';
    width: 17px;
    height: 17px;
    border-radius: 5px;
    background: #ffffff;
    border: 1px solid #b7bac1;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    float: left;
    margin-right: 5px;
}

.gwt-CheckBox input[type=checkbox]:disabled + label::before {
    background: #ccc;
    border: 1px solid #ccc;
}

.gwt-CheckBox label:hover::after {
    opacity: 0.1;
}

.gwt-CheckBox input[type=checkbox]:focus + label {
}

.gwt-CheckBox input[type=checkbox]:focus + label::before {
    background: #ffffff;
    border-color: #b2f1f7 !important;
}

.gwt-CheckBox input[type=checkbox]:checked + label::after {
    opacity: 1;
    border-color: #ffffff;
    width: 5px;
    height: 3px;
    margin: 5px 0 0 14px;
}

.gwt-CheckBox input[type=checkbox]:checked + label::before {
    background: #50d6f8;
    border-color: #50d6f8;
}

.gwt-CheckBox.gwt-CheckBox-disabled input[type=checkbox]:checked + label::before {
    background: #ccc;
    border-color: #ccc;
}

.statiPreventivo .gwt-CheckBox {
    display: block;
}

.groupProduct .pd5 {
    overflow: hidden;
}

.searchTourCatalog span.gwt-CheckBox {
    display: block;
}

#content .content-inner .formLogin .gwt-CheckBox {
    padding: 0;
}

/***********************
************************ css scroll pulsante salvataggio
************************/

@-webkit-keyframes animOpacity {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes animOpacity {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-o-keyframes animOpacity {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes animOpacity {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.fixedTrue, .fixedTrueReverse, .fixedTrue2 {
    position: fixed;
    border: solid blue 3px;
    top: 52px;
    right: 125px;
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.5);
    -webkit-animation-timing-function: linear; /* Safari 4.0 - 8.0 */
    animation-timing-function: linear; /* Safari 4.0 - 8.0 */
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    z-index: 1000;
}

.fixedTrue2 {
    top: 102px;
}

.divListHotel .floatHotelAdd.fixedTrue {
    top: 102px;
}

@media all and (max-width: 1400px) {
    .fixedTrue, .fixedTrueReverse, .fixedTrue2 {
        right: 58px;
        z-index: 99999;
    }
}

@media all and (max-width: 1250px) {
    .fixedTrue, .fixedTrueReverse, .fixedTrue2 {
        right: 8px;
        top: 3px;
        z-index: 99999;
        text-indent: -9999px;
        width: 50px;
    }

    .fixedTrue2 {
        top: 33px;
    }

    .fixedTrue:after, .fixedTrueReverse:after, .fixedTrueReverse:after {
        position: absolute;
        color: white;
        content: "save_alt";
        font-family: 'Material Icons';
        font-weight: normal;
        font-size: 24px;
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        width: 20px;
        height: 20px;
        text-indent: 0px;
        padding: 0;
        margin: -7px 0px 0 0;
        right: 14px;
    }
}

.icoPlus, .icoMinus {
    width: 20px;
    margin-top: 3px;
}

/***********************
************************ css scroll aggiunta camere e viaggiatori
************************/
.hasFixed {
    padding-top: 30px;
}

.trTravelerRooms {
    height: 30px;
    top: 0;
    padding: 0;
}

.fixedTrueTr {
    position: fixed;
    width: 817px;
    background: #f2f2f2;
    top: 0px;
    z-index: 99;
}

.trTravelerRooms.fixedTrueTr {
    width: 809px;
    max-width: 1090px;
    background: transparent;
}

.fblue .fixedTrueTr {
}

.tdPasseggero {
    width: 155px;
    word-wrap: break-word;

}

.tdIntestatario {
    width: 95px;

}

#tableTravelerRooms .colPasseggero, #tableTravelerRooms .tdPasseggero div {
    width: 145px;
}

#tableTravelerRooms .colIntestatario, #tableTravelerRooms .tdIntestatario div, #tableTravelerRooms .tdIntestatario span {
    width: 110px;
}

.fixedTrueTr.trTravelerRooms .tdCamera {
    width: inherit;
}

#tableTravelerRooms div, #tableTravelerRooms .colCamera, #tableTravelerRooms .colIntestatario {
    min-width: 50px;
}

.trTravelerRooms div {
    padding: 3px 5px 3px 5px;
}

.fblue .trTravelerRooms.fixedTrueTr div {
    padding: 3px 5px;
}

#tableTravelerRooms tr:not(.trTravelerRooms):hover {
    background: rgba(255, 255, 255, 0.3);
}

.fblue .trTravelerRooms.fixedTrueTr td {
    background: #4262A7;
}

#tableTravelerRooms span {
    min-width: 52px;
}

/***********************
************************  campi obbligatori popup scheda costi
************************/

.fieldOb td:first-child {
    border-left: 2px solid rgba(60, 157, 238, 0.8);
    background: rgba(60, 157, 238, 0.5);
}

.dialogMiddleCenter .subtitle {
    text-align: left;
    display: block;
    text-transform: uppercase;
    margin: 5px 0;
}

#customTooltip {
    position: absolute;
    z-index: 9999;
}

#customTooltip > span {
    padding: 10px;
    background: #37c0e3;
    text-shadow: 2px 0px 2px rgba(0, 0, 0, 1);
    color: #fff;
    border-radius: 4px;
    white-space: nowrap;
}

.tooltipImage {
    position: absolute;
    bottom: 0;
    border: 8px solid #37c0e3;
    margin: 0px 0 -8px -10px;
    width: 300px;
}

#customTooltip::before {
    content: '';
    width: 6px;
    height: 6px;
    border: 8px solid #37c0e3;
    border-top: none;
    border-right: none;
    transform: rotate(-45deg);
    float: left;
    margin: 15px 0 0 5px;
    position: absolute;
}

#customTooltip.reverseUp::before {
    transform: rotate(135deg);
    margin: -15px 0 0 5px;
}

/*html.main, body.main {
    background-image: url('../images/page/christmas-bg.jpg');
	background-size: 100% auto;
}*/

/*html.main, body.main {
    background-image: url('../images/page/halloween-bg.jpg');
	background-size: 100% auto;
	background-color: #000000;
	background-repeat: no-repeat;
}*/
/*html.main, body.main {
	background-image: url(../images/page/christmas-bg2.jpg);
	background-size: 100% auto;
	background-color: #F0F6F7;
	background-repeat: no-repeat;
}*/
/***********************
************************  formattazione popupHotel in ricerca hotel
************************/
.actionPopUp {
    display: none;
}

#modaleHotel, .popupHotelSel {
    position: fixed;
    width: 264px;
    min-height: 50px;
    top: 100px;
    right: 20px;
    background: #F2F2F2;
    padding: 10px;
    z-index: 99;
}

.hotelSel {
    border: 0px solid #ccc;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0px 2px 6px -2px rgba(0, 0, 0, 0.4);
    max-width: 810px;
    margin-bottom: 5px;
}

.hotelSelTitle {
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    overflow: hidden;
}

.TSHN {
    width: 220px;
    white-space: nowrap;
    word-wrap: break-word;
    text-overflow: ellipsis;
    display: block;
    float: left;
    overflow: hidden;
}

#ftReportPanel tr {
    height: 40px;
    vertical-align: center;

}

#ftReportPanel td {
}

.ftReportTitle {
    display: block;
    float: left;
    width: 148px;
}

.ftReport .gwt-CheckBox {
    margin: 0 2px 0 0;
    padding: 0;
    display: block;
    float: left;
    letter-spacing: -0.1px;
}

.ftReportTitle.inviaReport {
    margin-top: 8px;
}

table.rowtotalcol td {
    word-break: break-word;
}

/***********************
************************  formattazione label prezzi tour
************************/

.btnNext {
    right: 60px;
    margin-top: 55px;
    position: absolute;
}

.prezzoCategoryTour .gwt-TabPanelBottom {
    padding-top: 15px;
    padding-bottom: 10px;
    /*background: #f3f3f3;*/
    border: 0;
    border-radius: 10px;
    box-shadow: 0px 2px 6px -2px rgba(0, 0, 0, 0.4);

}

.prezzoCategoryTour .anchor {
    background: #ffffff;
}

.prezzoCategoryTour .gwt-TabBarItem-wrapper, .prezzoCategoryTour .gwt-TabBarItem-wrapper-selected {
    background: transparent;
    padding: 0 !important;
}

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

.prezzoCategoryTour .gwt-TabBarItem {
    padding: 5px 5px 5px 5px;
    color: #ffffff;
    background: #3c9dee;
    border-radius: 4px 4px 0px 0px;

}

.prezzoCategoryTour .gwt-TabBarItem-selected {
    padding: 7px 5px;
    color: #000000;
    background: #f3f3f3;
    font-weight: bold;
}


/***********************
************************  formattazione popupHotel in ricerca hotel
************************/
.actionPopUp, .actionInvert {
    display: none;
}

.alertSide {
    background: red;
    position: absolute;
    z-index: 99;
    width: calc(100% - 20px);
    height: calc(100% - 10px);
    text-align: center;
    padding: 5px 10px 5px 10px;
    font-size: 12px;
    color: #ffffff;
    font-weight: bold;
    font-style: italic;
}

#sidebarPopup, .sidebarPopup {
    position: fixed;
    width: 270px;
    min-height: 50px;
    max-height: calc(100% - 250px);
    overflow-y: auto;
    overflow-x: hidden;
    top: 155px;
    right: 20px;
    background: #F2F2F2;
    padding: 10px;
    z-index: 99;
    -webkit-animation-timing-function: linear; /* Safari 4.0 - 8.0 */
    animation-timing-function: linear; /* Safari 4.0 - 8.0 */
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}

.searchHotel div#sidebarPopup {
    top: 170px;
}

@media (max-width: 1400px) {
    #sidebarPopup, .sidebarPopup {
        width: 100px;
    }

    #sidebarPopup:hover, .sidebarPopup:hover {
        width: 270px;
    }

    .nrRoomSelection {
        margin-right: 186px !important;
    }

    .TSHN {
        width: 34px !important;
    }

    #sidebarPopup:hover .nrRoomSelection {
        margin-right: auto !important;
    }

    #sidebarPopup:hover .TSHN {
        width: 220px !important;
    }
}

.elementSelContent {
    border: 0px solid #ccc;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0px 2px 6px -2px rgba(0, 0, 0, 0.4);
    max-width: 810px;
    margin-bottom: 5px;
    width: 264px;
}

.elementSelTitle {
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    overflow: hidden;
}

.TSHN, .TSHNV {
    white-space: nowrap;
    word-wrap: break-word;
    text-overflow: ellipsis;
    display: block;
    float: left;
    overflow: hidden;
}

.TSHN {
    width: 220px;
}

.TSHNV {
    width: 100px;
    color: #FF6600;
    font-size: 15px;
}

.elementSelquotato .elementSel {
    background-color: #f1f4fa;
}

.elementSelquotato .elementSel:hover {
    background: #d8deeb !important;
}

.elementSelopzionale .elementSel {
    background: #f3db36;
}

.elementSelopzionale .elementSel:hover {
    background: #d4ba08 !important;
}

.elementSelquotato, .elementSelopzionale {
    position: relative;
}

.elementSel {
    overflow: hidden;
    margin-bottom: 1px;
    padding: 4px 2px;
}


.elementSel > * {
    display: block;
    padding: 2px;
    float: left;
    overflow: hidden;
    border-left: 1px solid #e3e3e3;
    margin-right: 5px;
    text-transform: uppercase;
    font-size: 11px;
}

.elementSelNumber {
    font-weight: bold;
}

.elementSelDel {
    width: 15px;
    height: 15px;
    cursor: pointer;
    border: 0;
    border-radius: 4px;
    background: #50d6f8;
}

.elementSelDel:hover {
    background: #9e3535;
}

.elementSelDel::after {
    display: block;
    content: '';
    border: 3px solid #333;
    border-top: none;
    border-right: none;
    transform: rotate(-45deg);
    float: left;
    opacity: 1;
    border-color: #ffffff;
    width: 5px;
    height: 0px;
    margin: -3px 0 0 3px;
}

.elementSelDel::before {
    display: block;
    content: '';
    border: 3px solid #333;
    border-top: none;
    border-right: none;
    transform: rotate(45deg);
    float: left;
    opacity: 1;
    border-color: #ffffff;
    width: 1px;
    height: 0px;
    margin: 0px 0 0 1px;
}

.elementSelDel:hover::after {
    display: block;
    content: '';
    border: 3px solid #333;
    border-top: none;
    border-right: none;
    transform: rotate(-45deg);
    float: left;
    opacity: 1;
    border-color: #ffffff;
    width: 7px;
    height: 0px;
    margin: -3px 0 0 0px;
}

.elementSelDel:hover::before {
    display: block;
    content: '';
    border: 3px solid #333;
    border-top: none;
    border-right: none;
    transform: rotate(45deg);
    float: left;
    opacity: 1;
    border-color: #ffffff;
    width: 7px;
    height: 0px;
    margin: 0px 0 0 0px;
}

.hotelRoomType {
    width: 157px;
}

.hotelRoomType span {
    padding-right: 5px;
}

.hotelRoomType .cursive {
    font-style: oblique;
    text-transform: lowercase;
    font-size: 1.1em;
    display: block;
}

.hotelRoomPrice {
    text-align: right;
    width: 42px;
}

.nrRoomSelection {
    display: block;
    float: right;
    margin-right: 0px;
    border-radius: 10px;
    background: #e4e4e4;
    width: 29px;
    height: 20px;
    font-size: 14px;
    text-align: center;
}

.voloType {
    width: 230px;
}

.voliTratte {
    margin-top: 2px;
    display: inline-block;
}

.voloType * {
    font-size: 12px;
}

.voloType span {
    display: inline-block;
}

.voloNr {
    width: 55px;
    text-align: center;
}

.voloScali {
    width: 61px;
    text-align: center;
}

.voloVettore {
    width: 44px;
    text-align: center;
}

.voloDurata {
    width: 63px;
    text-align: center;
}

.voloNr.title, .voloScali.title, .voloVettore.title, .voloDurata.title {
    font-weight: bold;
}

.shake {
    -webkit-animation: shake 0.1s ease-in-out 0.1s infinite alternate;
    animation: shake 0.1s ease-in-out 0.1s infinite alternate;
}

.glow {
    -webkit-animation: colorchange 0.5s;
    animation: colorchange 0.5s;
}

@-webkit-keyframes shake {
    from {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
    }
    to {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
}

@keyframes colorchange {
    0% {
        background: #e4e4e4;
        color: black;
    }
    50% {
        background: #2989d8;
        color: white;
    }
    100% {
        background: #e4e4e4;
        color: black;
    }
}

a.agframe {
    color: black;
    text-decoration: underline;
    font-weight: bold;
}

table.tableOpzionale, table.tableQuotato, table.sezOpzionale {
    width: 800px !important;
    margin: 0;
    padding: 0;
}

table.tableOpzionale .gwt-CheckBox label, table.tableQuotato .gwt-CheckBox label, table.sezOpzionale .gwt-CheckBox label {
    /* padding: 0; */
}

table.tableOpzionale, table.sezOpzionale {
    margin: 15px 0 10px 10px;
    width: 780px !important;
    background: #e9e9e9;
}

.tableOpzionale:before {
    content: "opzionale";
    position: absolute;
    width: 100px;
    height: 20px;
    background: #F2F20E;
    color: #3b3b3b;
    display: block;
    margin-top: -20px;
    text-transform: uppercase;
    font-size: 10px;
    border-radius: 10px 10px 0px 0px;
    text-indent: 5px;
    line-height: 18px
}


.labelFiels {
    width: 160px !important;
    text-align: right;
    padding: 0 !important;
}

.tableOpzionale .labelFiels {
    width: 148px !important;
}

.sezOpzionale .labelFiels {
    width: 135px !important;
}

td.valueFiels {
    text-align: left;
}

.labelFiels > * {
    margin-right: 10px;
}

table.sezOpzionale textarea, table.sezOpzionale input[type=text] {
    width: 620px;
}

table.sezOpzionale textarea {
    height: 30px;
}

.selectOpzioneProduct {
    display: table;
}

.selectOpzioneProduct td:first-child {
    width: 30px;
}

.selectOpzioneProductFather {
    width: 500px;
    padding-left: 40px
}

.selectOpzioneProduct input {
    vertical-align: top
}

.esciPreventivo, .esciPreventivo:active {
    border: #38538c solid 3px
}

.quoteTour {
    float: right;
    font-size: 10px;
    text-align: right;
    font-weight: normal
}

.quoteTourExtension {
    float: right;
    font-size: 10px;
    text-align: right;
    font-weight: normal;
}

.quoteTour i:first-child {
    margin-left: 10px
}


.moreInfo td {
    vertical-align: top;
}

.moreInfo .blockAcconto, .moreInfo .blockCommissioni {
    float: right;
    display: flex;
    width: 455px;
}

.moreInfo .blockCommissioni {
    width: 300px;
}

.blockAcconto span {
    overflow: initial;
}

.moreInfo .gwt-CheckBox, .moreInfo .gwt-CheckBox label {
    padding: 0px;
}

.moreInfo .gwt-CheckBox input[type=checkbox]:checked + label::after {
    margin: 5px 0 0 5px;
}


[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label {
    position: relative;
    cursor: pointer;
    line-height: 20px;
    /*display: inline-block;*/
    min-height: 15px;
    min-width: 15px;
    margin-left: -20px !important;
    padding-left: 25px;
    padding-top: 2px !important;
}

[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}

[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #50d6f8;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.gwt-RadioButton input[type="radio"] {
    position: absolute;
    margin-left: 16px;
    margin-top: 2px;
}

.gwt-RadioButton [type="radio"]:checked + label, .gwt-RadioButton [type="radio"]:not(:checked) + label {
    margin-left: 12px !important;
    margin-right: -6px;
}

.selectOpzioneProductFather td {
    padding-bottom: 15px !important;
}


.raggrTitle {
    width: fit-content;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    background-color: #E6E5E6 !important;
    border-radius: 5px 5px 0 0;
    display: block;
    padding: 3px;
}

.groupProduct.filterGroupTitle {
    border-radius: 0px 4px 4px 4px;

}

.filterGroup .filterGroupTitle {
    font-style: normal;
    font-size: 12px;
    color: #4c4c4c;
    font-weight: bold;
    margin: 0px 0 10px 14px;

}

.gruppiQuotati .normalgroup, .gruppiOpzionali .normalgroup {
    border: 0;
}

.gruppiQuotati .normalgroup .raggrTitle {
    background-color: #38538C !important;
    color: #ffffff;
}

.gruppiQuotati .normalgroup .filterGroupTitle {
    padding: 5px 0;
    border: 2px solid #38538C;
}

.gruppiQuotati .normalgroup .filterGroup.lgbg {
    display: none
}


.gruppiOpzionali .normalgroup .raggrTitle {

    background-color: #F2F20E !important;
}

.gruppiOpzionali .normalgroup .filterGroupTitle {
    border: 2px solid #F2F20E;
}


.gruppiOpzionali .normalgroup .filterGroup.lgbg {
    display: none
}

.notGrouped span.bold.pdl5.pdr5 {
    margin-left: -10px;
}

.notGrouped .filterGroup .gwt-CheckBox {
    width: 155px;
}

.notGrouped .raggrTitle {
    background: transparent !important;
    text-transform: uppercase;

}

.detailRoomPrice {
    padding: 10px;
}

.detailRoomPrice .rooms {
    padding-top: 5px;
    padding-bottom: 5px;
}

.detailRoomPrice .nRoom {
    padding-top: 10px
}

.detailRoomPrice .paxRoom {
    padding-bottom: 20px;
    border-bottom: solid grey 1px;
}

span.iva {
    font-size: 9px;
    color: green;
    border: solid green 1px;
    padding: 3px;
    margin: 0 5px
}


.gwt-CheckBox.unselected label::after {
    opacity: 0.1;
    content: '';
    width: 1px;
    height: 1px;
    border: 3px solid #333;
    border-top: none;
    border-right: none;
    transform: rotate(-45deg);
    float: left;
    margin: 6px 0 0 -16px;
}

.gwt-CheckBox.unselected label::before {
    opacity: 1;
    content: '';
    width: 17px;
    height: 17px;
    border-radius: 5px;
    background: #8c8c8c;
    border: 1px solid #6d6d6d;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    float: left;
    margin-right: 5px;
}

.redBorders input[type=text] {
    border: 1px solid #ff0000 !important;
    color: #ff0000 !important;
}

.yellowBg input[type=text] {
    background-color: #ffff66;
}

.titleButton {
    border: 2px solid #ffffff;
    border-radius: 30px;
    font-weight: bold;
    color: #266ca5;
    font-family: "arial black";
    overflow: hidden;
    width: 26px;
    height: 26px;
    box-shadow: 0px 1px 5px 1px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 1px 5px 1px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0px 1px 5px 1px rgba(0, 0, 0, 0.4);
    margin: 0 5px;
    padding: 0;
    -webkit-transition-duration: 0.2s; /* Safari */
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

.titleButton:hover {
    background: #3a9bec;
    border: 2px solid #ffffff;
    color: #ffffff;
}

.titleButton.notEmpty {
    color: #ff9211;
}

.titleButton.notEmpty:hover {
    background: #ff9211;
    border: 2px solid #ffffff;
    color: #ffffff;
}


.fRight {
    float: right;
}

.fLeft {
    float: left;
}

.print.new::before {
    display: block;
    position: absolute;
    height: 10px;
    background: #ff9211;
    content: "new";
    text-align: center;
    padding: 2px 8px 6px;
    border-radius: 12px;
    margin-top: -17px;
    margin-left: 367px;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.4);
}

.printbuttonnew:before {
    background: none repeat scroll 0 0 #FF9211;
    border-radius: 8px 8px 8px 8px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.4);
    content: "new";
    display: block;
    font-size: 8px;
    height: 4px;
    margin-left: -15px;
    margin-right: 0;
    margin-top: -11px;
    padding: 2px 3px 6px;
    position: absolute;
    text-align: center;
}

.copy_title_div .copy_title_all {
    vertical-align: middle;
    float: right;
    margin: 0 40px 40px;
}

#prodottiViaggiatori.notFilled, #prodottiViaggiatori.notFilled.selectedSectionEntry {
    color: #FF9211 !important
}

.showHide {
    background-color: #3c9dee;
    padding: 6px;
    border-radius: 15px;
    float: right;
    margin: 2px;
    width: 15px;
}

button.std-Button-Little.minusButton {
    margin-left: 5px !important;
    top: 4px;
    font-weight: bolder;
}

button.std-Button-Little.plusButton {
    position: relative;
    bottom: 27px;
    font-weight: bolder;
}


.daygroup.searchElement .tappeTitle {
    font-size: 18px;
    font-weight: bold;
}

.daygroup.searchElement .tappeDescription {
    min-height: 200px;
}

.daygroup.searchElement .pd5 * {
    word-break: break-word;
}

.daygroup.floatTitle {
    padding-top: 54px;
}

.daygroup.floatTitle .daygrouptop {
    position: fixed;
    background: #ffffff;
    width: 798px;
    top: 0;
    z-index: 999;
    box-shadow: 0px 1px 10px -1px rgba(0, 0, 0, 0.5);

    -webkit-animation: fadeInFromNone 0.5s ease-out;
    -moz-animation: fadeInFromNone 0.5s ease-out;
    -o-animation: fadeInFromNone 0.5s ease-out;
    animation: fadeInFromNone 0.5s ease-out;
}

td.tourDayDate {
    font-size: 16px;
    font-weight: bold;
}

.daygroup:hover, .daygroup.floatTitle:hover .daygrouptop {
    background: #f3f2f0;
}

.daygroup:hover {
    box-shadow: 0px 2px 12px 4px rgba(0, 0, 0, 0.2);
}

.tappeImageList, .tappePoiList, .tappeHotelList {
    border-left: 8px solid #529de8;
    margin: 10px 5px;
    padding: 0 !important;
}

.tappePoiList {
    border-left: 8px solid #4f79cd;
}

.tappeHotelList {
    border-left: 8px solid #3d5991;
}

table.panelBarTable td.text, .titleList span {
    font-weight: bold;
    color: #343434;
    font-size: 1.1em;
    text-transform: uppercase;
    text-decoration: none;
}

.tappeImageList table.panelBarTable, .tappePoiList table.panelBarTable, .tappeHotelList table.panelBarTable {
    background-image: url(../images/icone/iconeNew/image.png);
    background-size: auto 80%;
    background-repeat: no-repeat;
    background-position: center left;
    padding: 4px 0px 4px 40px;
    cursor: pointer;
    background-color: #529de8;
}

.tappeImageList .titleList span, .tappePoiList .titleList span, .tappeHotelList .titleList span {
    color: #ffffff !important;
}

.tappePoiList table.panelBarTable {
    background-image: url(../images/icone/iconeNew/map.png);
    background-color: #4f79cd;
}

.tappeHotelList table.panelBarTable {
    background-image: url(../images/icone/iconeNew/hotel.png);
    background-color: #3d5991;
}

.tappeLabel {
    width: 150px;
    padding-left: 5px;
}

.poiHead {

}

.tappeHotelList .copy_title_item_source {
    background: white;
    border-radius: 5px 5px 5px 5px;
    padding: 5px;
    box-shadow: 0px 2px 6px -2px rgba(30, 40, 100, 0.5);
    border: 1px solid #E6E5E6;
}

.tappePoiList .normalgroup {
    box-shadow: 0px 2px 6px -2px rgba(30, 40, 100, 0.5);
    background: white;
    border: 1px solid #E6E5E6;
}

.daygroup.floatTitle .daygrouptop > td {
    display: block;
}

.tappePoiImageContainer > div {
    float: left;
}

.tappePoiImage {
    width: 190px;
    height: 160px;
    overflow: hidden;
    position: relative;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    transition: transform .2s; /* Animation */
}

.tappePoiImage:hover {
    transform: scale(1.3); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
    z-index: 99;
    box-shadow: 0px 1px 10px -1px rgba(0, 0, 0, 0.9);
}

.tappePoiImage img {
    object-fit: cover;
    width: 210px;
    height: 160px;
}

.tappePoiImage button.std-ButtonI-Little {
    position: absolute;
    margin-top: 130px;
    margin-left: 155px;
    top: 0;
}

.tappePoiImage button.std-ButtonI-Little.btnGo {
    margin-left: 10px;
}

@-webkit-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

@-moz-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

@-o-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

@keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

/* Classe css per checbox con sembianze di button */

.btnLike input[type=checkbox] {
    display: inline-block;
    opacity: 1;
    cursor: pointer;
    display: none;
}

.btnLike input[type=checkbox] + label {
    border: 0;
    padding: 10px;
    height: 15px;
    font-family: 'Asap', arial, sans-serif;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 2px;
    display: inline-block;
    border-radius: 20px;
    font-size: 12px;
    background-color: #3c9dee;
    color: white;
    cursor: pointer;
    overflow: hidden;
    /*! position: unset; */
}

.btnLike input[type=checkbox]:disabled + label {
    background: #ccc;
}

.btnLike input[type=checkbox]:disabled + label:hover {
    background-color: #ccc
}

.btnLike input[type=checkbox] + label:hover {
    background-color: #2989d8
}

.btnLike input[type=checkbox] + label:active {
    border: 0px;
    -webkit-box-shadow: inset 0px 0px 28px -3px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: inset 0px 0px 28px -3px rgba(0, 0, 0, 0.75);
    box-shadow: inset 0px 0px 28px -3px rgba(0, 0, 0, 0.75);
}

.btnLike input[type=checkbox] + label:before {
    display: none;
}

.btnLike input[type=checkbox] + label:after {
    opacity: 1 !important;
    content: '+';
    width: 10px !important;;
    text-align: center;
    color: #ffffff;
    padding: 0 7px 0 10px;
    line-height: 12px;
    font-size: 18px;
    margin: unset !important;;
    display: inline-block;
    border: 0;
    transform: unset;
    float: unset;
    position: unset;
}

.btnLike input[type=checkbox]:checked + label::after {
    content: '-';
}

.
element.style {
    /* width: 800px; */
}

span.newMessage {
    background: #ff9211;
    padding: 8px 10px 9px 40px;
    color: #ffffff;
    font-weight: bold;
    border-radius: 4px;
    display: inline-block;
    margin: 0;
    top: 0;
    overflow: hidden;
    text-transform: uppercase;
    font-size: 10px;
    background-image: url(https://www.qualitygroup.it/images/buttons/ico-pdf.png);
    background-repeat: no-repeat;
    background-size: auto 70%;
    background-position: 10px center;

}

span.newMessage a {
    text-decoration: underline;
    color: white !important;
}

.serviceDetailPanel td:first-child {
    width: 210px;
    padding-right: 10px;
}

.pricesRow .pricesEditVendita {
    background: #ffffff;
    padding: 5px 0;
    border-radius: 7px;
    color: #ff9211;
}

.ricalcoloVendita {
    color: unset;
    font-size: 11px;
    text-transform: uppercase;
    font-style: normal;
    padding: 2px 0 0;
}

.panelConfigTravelVolo {
    width: 800px;
    margin: 20px;
    text-align: left
}

.panelConfigTravelVolo .listProdottiVolo .prodottoDialog {
    display: block;
}

.panelConfigTravelVolo .listProdottiVolo .travelDialog {
    display: block;
    margin-left: 20px;
    margin-top: 5px;
}


.printButton {
    height: 26px;
}

.printButton .material-icons {
    margin-right: 8px;
}

.publishFlight {
    position: relative;
    display: inline-block;
    top: 10px;
}

.panelConfigTravelVolo .selectAll {
    margin-top: 20px;
}

.panelConfigTravelVolo b {
    background: #697685 !important;
    padding: 7px 5px;
    DISPLAY: BLOCK;
    margin-bottom: 15px;
    color: white;
}

.panelConfigTravelVolo .pd10.listProdottiVolo, .panelConfigTravelVolo .pd10.listProdottiVolo span {
    padding: 2.8px !important;
    margin: 0;
}

.listProdottiVolo {
    border-bottom: 1px solid;
    padding: 7px !important;
    margin-bottom: 10px;
}

.prodottoCkBox.gwt-CheckBox label:before {
    text-indent: 1px;
    margin-right: 14px;
}

span.gwt-CheckBox.travelCkBox {
    margin-left: 20px;
    width: 230px;
}

span.gwt-CheckBox.prodottoCkBox {
    width: 100%;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #fff;
}

.datiProdottiVolo td {
    /*padding: 10px 10px 0px 65px;*/
}


.hotelHeaderContent {
    width: 700px;
    float: left;
    margin-top: 4px;
    margin-bottom: 4px;
}

.divLogoTOHotel {
    float: right;
    padding: 5px 0px 5px 15px;
    width: 100px;
}

.logoTOHotel {
    width: 90%;
    margin-left: 5%
}

.dropFilesLabel {
    margin-top: 6px;
    padding-top: 28px;
    padding-bottom: 28px;
    font-family: verdana, arial, sans-serif;
    font-size: 12px;
    color: #d1d1d1;
    font-weight: bold;
    text-align: center;
    display: block;
    border: 2px dashed #888888;
    border-radius: 7px;
}

.dropFilesLabelHover {
    border: 2px solid #444444;
    color: #e2f000;
}

.imgUpload {
    background-image: url("../images/upload-button.png");
    background-position: 110px 0px;
    /* width: 23px; */
    height: 23px;
    background-size: auto 100%;
    background-repeat: no-repeat;
}

.imgUpload::before {
    content: "Aggiungi allegati";
    display: block;
    width: 160px;
    margin-top: 3px;
    text-decoration: underline;
}

.imgUpload div {
    width: 150px !important;
    position: absolute;
    top: 0;
}

.progressBar {
    background-color: #3C9DEE;
    height: 18px;
    width: 100%;
    font-family: 'Asap', arial, sans-serif;
    line-height: 19px;
    font-weight: bold;
}

.barPanelContent {
    background: gray;
    padding: 3px;
}

/********
*********	LOADING ASINCRONO DELLE IMMAGINI.
*********	PER REPLICARLO METTERE img src CON PLACEHOLDER, ATTRIBUTO data-src CON PERCORSO CORRETTO IMMAGINE E CLASSE "lazy"
*********/

.lazyFadeIn {
    animation: animOpacity 1s ease-out;
    width: 120px;
    transition: transform .2s; /* Animation */
}

.lazyFadeIn:hover {
    transform: scale(2.2); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
    z-index: 9999;
    transition: transform .2s; /* Animation */
    box-shadow: 0px 1px 10px -1px rgba(0, 0, 0, 0.9);
    postion: absolute;
}

.imageHotel {
    float: left;
    width: 120px;
    min-height: 75px;
    padding-top: 8px;
    text-align: center;
    overflow: visible;
}

.imageHotel.loading {
    background-image: url(../images/aladyn_new/loading.gif);
    background-size: 20px;
    background-position: center;
    background-repeat: no-repeat;
}

.imageHotel.loading img {
    height: 50px;
}

.imageHotel img.lazyFadeIn {
    max-width: 120px;
}

.rowHotel {
    float: left;
}

input.gwt-TextBox.nameSel {
    width: calc(100% - 45px) !important;
}

/********
*********	RIVISITAZIONE GRAFICA BOTTONI SCREEN E EMAIL
*********/


.openAlternativePanel button, .openAlternativePanelMail button, .openAlternativePanelIA button, div#scrollUp {
    float: right;
    z-index: 999;
    position: relative;
    display: block;
    background-repeat: no-repeat;
    background-position: right;
    background-size: 35px;
    width: 100%;
    height: 35px;
}


div#scrollUp a {
    opacity: 0
}

.openAlternativePanel button {
    background-image: url(../images/icone/iconeNew/screenshot.png);

}

.openAlternativePanelMail button {
    background-image: url(../images/icone/iconeNew/email.png);
}

.openAlternativePanelIA button {
    background-image: url(../images/icone/iconeNew/ia.png);
}

.openAlternativePanel, .openAlternativePanelMail, .openAlternativePanelIA, div#scrollUp {
    -webkit-transition: width 0.5s; /* Safari */
    transition: width 0.5s;
    width: 33px;
    background: white;
    padding: 5px;
    border-radius: 20px;
    overflow: hidden;

    box-shadow: 0px 1px 5px -1px rgba(0, 0, 0, 0.3);
}

div#scrollUp {
    background-image: url(../images/icone/iconeNew/scrollTop.png);
    background-size: 31px;
    background-repeat: no-repeat;
    background-position: center;
    width: 30px !important;
    height: 30px !important;
}

.openAlternativePanel:hover, .openAlternativePanelMail:hover, .openAlternativePanelIA:hover {
    width: 154px;
}

.openAlternativePanel:hover:before, .openAlternativePanelMail:hover:before, .openAlternativePanelIA:hover:before {
    content: "SCREENSHOT";
    color: #3c9dee;
    display: block;
    position: absolute;
    font-weight: bold;
    z-index: 1;
    top: 15px;
    left: 10px;
    white-space: nowrap;
}

.openAlternativePanelMail:hover:before {
    content: "EMAIL PRATICA";
}

.openAlternativePanelIA:hover:before {
    content: "Informazion IA";
}


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

/*
.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;
	font-family: arial;
	font-size: 13px;
	padding: 7px 1px 7px 32px;
	display: block;
}

.leftMenu ul a{
	margin-left: 25px;
	padding: 6px 1px 6px 32px;
}

.leftMenu:hover a:hover {
	background-color: #cfdfec;
	color: #02126f;
}
.leftMenu.prevNew a {
	background-position: -12px -14px;
}
.leftMenu.prevSrc a{
	background-position: -12px -51px;
}
.leftMenu.prevFT a{
	background-position: -12px -89px;
}
.leftMenu.prevListFT a{
	background-position: -12px -126px;
}
.leftMenu.operatCT a{
	background-position: -12px -163px;
}
.leftMenu.operatFT a{
	background-position: -12px -199px;
}
.leftMenu.assic a{
	background-position: -12px -226px;
}


.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;}
.prevProdNostri table.title td.text {background-position: 4px -319px;}

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

.titleListPrev table.title td.text span:not(.left) {
	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;
}

.titleListPrev.titleEmpty {
	opacity: 0.3;
}


.titleListPrev.ListPrevOpened .title {
	background: #529de7;

}

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

}
*/

/*************************************/
/*************************************/
/******  costingTablePanel   *********/

.costingTablePanel .flexTable td.colspanblue {
    background: #C1E6F7;
    font-weight: bold;
    padding: 5px;
}

.costingTablePanel input.warningValue {
    background: #ff7d27;
}

.costingTablePanel td.title.costIco {
    width: 28px;
}

.costingTablePanel td.title.costExch, td.title.costOrig {
    width: 72px !important;
}

.costingTablePanel td.title.costBtt {
    width: 60px !important;
}


.costingTablePanel .flexTable td.td {
    background: #f6f5f6;
}

.costingTablePanel td.inputBtt {
    width: 45px;
    text-align: center;
}


.costingTablePanel input {
    width: calc(100% - 12px);
}


.costingTablePanel td.inputCustom input {
    width: 50px;
}

.costingTablePanel td.inputCustom div {
    display: inline;
    margin-left: 5px;
}

.costingTablePanel td.title.costCustom {
    width: 98px !important;
}


/*************************************/
/*************************************/
/******  navigator -> popup navigazione in ricerca hotel   *********/


#navigator {
    padding: 5px 10px 0;
    position: fixed;
    background: #F2F2F2;
    right: 80px;
    top: 100px;
    z-index: 99;
    width: 210px;
}

div#navigator.fixed {
    position: absolute;
}

#navigator .elementSelContent {
    width: 100%;
    overflow: hidden;
    margin-bottom: 1px;
}


#navigator .elementSelContent button {
    width: 125px;
    margin: auto;
}

#navigator .elementSelContent .prevRoom, #navigator .elementSelContent .nextRoom {
    width: 98px;
}

#navigator .elementSelTitle {
    text-align: center;
    font-size: 9px;
    height: 35px;
    text-transform: uppercase;
}

#navigator .elementButton {
    background: #f1f4fa;
    padding: 2px;
    margin-bottom: 1px;
    text-align: center;
    width: 21%;
    overflow: hidden;
    float: left;
}


.elementButton button {
    padding: 3px;
    width: 100% !important;
}


button.closeNavigator {
    color: #fff;
    border: 0px solid #fff;
    background-color: #3c9dee;
    border-radius: 10px;
    padding: 3px 5px;
    font-size: 11px;
    right: 0;
    font-weight: bold;
    margin: -14px -4px 5px 0px;
    position: absolute;
    box-shadow: 0px 1px 5px -1px rgba(0, 0, 0, 0.3);
}

button.closeNavigator:hover {
    background: #247ed2;
}

div#navigator.navClose {
    width: 37px;
    left: 226px;
}

div#navigator.navClose .closeNavigator {
    transform: rotate(180deg);
    /* margin: 0; */
    right: 0;
}

#navigator.navClose .elementSelContent button {
    width: 23px !important;
    margin: auto;
    overflow: hidden;
    letter-spacing: 10px;
    padding-left: 8px;
}


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


a.productTotalDetail, a.productTotalLink {
    display: block;
    width: 186px;
    white-space: nowrap;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    list-style-type: circle;
    padding: 2px 0 3px 10px;
    color: #444444;
}

a.productTotalDetail:hover, a.productTotalLink:hover {
    color: #000000;
    text-decoration: underline;
}


.productTotalLink {
    float: left;
    width: 120px !important;
    display: block !important;
    padding: 3px 5px 3px 0 !important;
}

.productTotalPrice, .productTotalLink {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

a.productTotalLink.opentab:before {
    content: "+ ";
}

a.productTotalLink.closetab:before {
    content: "- ";
}

.showData:hover::after {
    content: attr(data-prod);
    background: #ffffff;
    margin: -20px 0 0 -320px;
    position: absolute;
    width: 500px;
    display: block;
    left: 50%;
    white-space: initial;
    padding: 10px;
    box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.6);
    border-radius: 5px;
    z-index: 999;
}

.productTotalPrice {
    float: left;
    text-align: right;
    width: 70px;
}

.productTotalPrice.Total, .productTotalLink.Total {
    font-weight: bold;
    font-size: 16px;
}

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

.productTotalPrice.Total {
    width: 100px;
}

.productTotalList.hide {
    display: none;

}

.toolbarPanelMinimal table table {
    width: auto !important;
}


.resizable-frame {
    background: #ffffff;
    border: 1px solid #e1e1e1;
}


/*volo + hotel*/
.searchFormFlight {
    min-height: 70px;
    margin: 30px 15px 0 19px
}

.searchFormFlight .gwt-CheckBox {
    /*margin: 0px 0px -10px 0px;*/
}

.searchFormFlight .lblAirport {
    display: block;
    font-weight: bold;
    margin: 0 0 13px 5px;
    font-size: 13px;
    color: #1d4f90;
}

.showAllFlight {
    margin-left: 40%;
    margin-bottom: 70px
}

.segmentDetailed {
    background: #fff;
    color: #000;
    margin-top: 20px;
    position: relative;
}

.segmentDetailedButton {
    right: 0;
    top: -38px;
    position: absolute;
}

.venditaFlightTour {
    width: 130px;
    text-align: center
}

.venditaFlightTour p {
    margin: 5px 0;
}

.venditaFlightTour p.vendita {
    font-size: 15px;
}

.vectorImage {
    margin-top: 10px;
    width: 30px;
}

.tourSelectFlightCategoryExtension .subtitle {
    color: #666;
    font-size: 15px;
    padding: 10px 20px 0 5px;
    background: #fff;
    font-weight: bold;
    border-left: solid #666 2px;
    border-bottom: solid #666 2px;
    margin: 10px 0;
}

.searchFormFlight .infoFlightTo {
    font-size: 11px;
    padding: 5px;
    border: solid 1px orange;
    background: #F6F5F6;
}

.searchFormFlight .noteFlightSearch {
    color: #4262a7;
    font-weight: normal;
    font-size: 12px;
    text-align: left;
    margin: 0 0 10px 40px;
}

.searchFormFlight .changeFlight {
    text-decoration: underline;
}


.searchFormFlight .selectionFlight {
    padding-bottom: 15px;
}

.searchFormFlight .selectionFlight button {
    outline: none;
    padding: 10px;
    margin-right: 10px;
    color: #808080;
    text-align: left;
    display: inline-block;
    border: 2px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    cursor: pointer;
    background: #fff;
    font-size: 13px;
}

.searchFormFlight .selectionFlight button.on {
    border: 2px solid #2766B5;
    text-decoration: none;
    color: #003C7F;
}

.searchFormFlight .selectionFlight .material-icons {
    display: none;
}

.searchFormFlight .selectionFlight .on .material-icons {
    display: inline-block;
    font-size: 16px;
    width: 16px;
}

.tourSelectFlightCategoryExtension .labelSelect {
    font-weight: 600;
    text-decoration: none;

    font-family: Verdana, Arial, sans-serif;
    color: #003C7F !important;
}

.tourSelectFlightCategoryExtension .prezzoCategoryTour .labelSelect {
    margin-left: 10px;
}

.totaleTour {
    margin: 10px;
    text-align: right;
}

.totaleTour .prezzoTotale {
    font-family: 'Bodoni', 'Georgia', 'Times New Roman', serif;
    font-size: 18px;
    font-style: italic;
    font-weight: bold;
    line-height: 30px;
    color: #FF6600 !important;
    white-space: nowrap !important;
}

.quoteInclude {
    margin-top: 70px
}

.containerSelectTour {
    margin-bottom: 90px;
}


.richTextContainer iframe {
    height: 100% !important;
}

.richTextContainer {
    resize: both;
    overflow: auto;
    border: 1px solid #d5d8df;
    height: 100px;
    background: #ffffff;
    border-radius: 5px;
}

button.clearTextArea {
    background: unset;
    border: unset;
    margin-right: 4px;
    margin-bottom: 4px;
    padding: 0px 1px 1px 0px;
    border: 1px solid #bbb;
    border: 1px solid #a0a0a0;
    cursor: pointer
}

button.clearTextArea:hover {
    border: 1px solid #999999;
}

select:disabled {
    opacity: 0.4;
}


.titlesFlights, .filterFlights {
    display: block;
    clear: both;
}

.filterFlights {
    padding-bottom: 10px;
    font-size: 11px;
}

.titlesFlights > div {
    width: 150px;
    float: left;
    padding: 5px 3px;
    margin: 2px;
    font-weight: bold;
    font-size: 10px;
    position: relative;
}

.titlesFlights > div.flightFilterTourDuration, .titlesFlights > div.flightFilterTourStopOver {
    width: 95px;
}

div.flightFilterTourStopOverCountryContainer .gwt-CheckBox input[type=checkbox]:checked + label::before {
    background: red;
    border-color: red;
}

div.flightFilterTourStopOverCountryContainer .gwt-CheckBox input[type=checkbox]:checked + label::after {
    opacity: 1;
    border: 0;
    margin: -3px 0 0 13px;
    content: "\00d7";
    color: white;
    transform: rotate(0deg);
    font-weight: bold;
    font-size: 19px;
}

.titlesFlights > div.flightFilterTourHourDeparture, .titlesFlights > div.flightFilterTourHourArrival {
    width: 100px;
}

.filterFlighTour { /*background:#dde7f1*/
}

.filterFlighTourResult {
    background: #F2F2F2
}

.filterFlighTour div .gwt-CheckBox {
    display: block
}

.filterFlighTour .gwt-CheckBox label {
    padding: 0 0 3px 0;
}

.filterFlighTour .gwt-CheckBox {
    padding: 5px 5px 5px 0;
}

.filterFlighTour .gwt-CheckBox input[type=checkbox]:checked + label::after {
    margin: 5px 0 0 6px;
}

.filterFlights > div {
    width: 150px;
    float: left;
    min-height: 1px;
}

.filterFlights div.flightFilterTourDurationContainer, .filterFlights div.flightFilterTourStopOverContainer {
    width: 110px;
}

.filterFlights div.flightFilterTourDepartureContainer, .filterFlights div.flightFilterTourArrivalContainer {
    width: 115px;
}

.infoFlightTo .showMore {
    text-align: right;
    display: block;
    color: orange
}

.aFilterFlight {
    border: 2px solid #2766B5;
    display: inline-block;
    text-decoration: none;
    border-radius: 5px 5px 5px 5px;
    vertical-align: middle;
    color: #003C7F;
    padding: 5px
}

.aFilterFlight .material-icons {
    display: inline-block;
    font-size: 16px;
    width: 16px;
}

#numberResult, .dvNdcTitle {
    display: block;
    padding: 10px;
    float: left;
    overflow: hidden;
    background: #f2f2f2;
    width: calc(100% - 20px);
}


.flightTourFilter {
    background: #f2f2f2;
    padding: 10px 0;
    width: 100%;
    float: left;
    position: relative;
}

.flightFilterPanel .flightTourFilter {
    background: white;
}

.testFlightTourFilter h1 {
    margin-bottom: 0px;
    margin-left: 5px;
    font-size: 18px;
    font-weight: unset;
    font-family: "Open Sans";
}

.flightTourFilter.loading::after {
    width: 100%;
    height: 100%;
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(55, 55, 55, 0.5);
    z-index: 10;
    background-image: url(https://i.imgur.com/llF5iyg.gif);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 9%;
}

.flightTourFilter .cardSubTitle {
    display: block;
    overflow: hidden;
}

.filterContainer {
    width: 100%;
    min-width: 150px;
    background: white;
    position: absolute;
    border: 0px solid #ccc;
    overflow: hidden;
    border-radius: 5px;
    padding: 9px 2px 9px 5px;
    box-shadow: 0px 2px 6px -2px rgba(0, 0, 0, 0.4);
    display: none;
    top: 3px;
    z-index: 12;
}

.filterContainer.flightFilterTourDepartureContainer, .filterContainer.flightFilterTourArrivalContainer, .filterContainer.flightFilterTourCompanyContainer {
    max-height: 250px;
    overflow-y: scroll;
}

.filterContainer.flightFilterTourDepartureContainer, .filterContainer.flightFilterTourArrivalContainer {
    max-height: 250px;
    width: 300px;
    padding: 10px 30px 10px 30px;
    overflow: auto;
}

.filterContainer.flightFilterTourDepartureContainer .divSlider, .filterContainer.flightFilterTourArrivalContainer .divSlider {
    width: 90%;
}

.filterContainer.flightFilterTourDepartureContainer span, .filterContainer.flightFilterTourArrivalContainer span {
    font-weight: bold;
    font-size: 1.3em;
    text-align: center;
    display: block;
}

.filterContainer * {
    font-weight: normal;
}

.filterTitle.lighted {
    background: #3C9DEE;
    border: 1px solid #3C9DEE;
    color: #ffffff;
}

.titlesFlights > div > label {
    border: 1px solid #2766B5;
    display: block;
    padding: 8px 2px 8px 8px;
    border-radius: 20px;
}


div.flightRow {
    overflow: hidden;
    width: 60px;
    height: 60px;
    position: absolute;
    left: 0;
}

div.flightRow.label1::before, div.flightRow.label2::before, div.flightRow.label3::before, div.flightRow.label4::before, div.flightRow.label5::before {
    width: 20px;
    height: 30px;
    position: absolute;
    content: " ";
    top: 0px;
    left: 0;
    box-shadow: 0px 0px 11px 1px rgba(0, 0, 0, 0.1);
    font-weight: bold;
    color: white;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    border-radius: 0px 0px 20px 0px;
    text-align: center;
    margin-top: 0px;
}

div.flightRow.label1::before {
    content: "A";
    background: linear-gradient(180deg, #ff0000 0%, #dd0000 100%);
}

div.flightRow.label2::before {
    content: "B";
    background: linear-gradient(180deg, #ffa500 0%, #dd7a00 100%);
}

div.flightRow.label3::before {
    content: "C";
    background: linear-gradient(180deg, #ffff00 0%, #ffd324 100%);
}

div.flightRow.label4::before {
    content: "D";
    background: linear-gradient(180deg, #04a400 0%, #008000 100%);
}

div.flightRow.label5::before {
    content: "E";
    background: linear-gradient(180deg, #0000ff 0%, #0000dd 100%);
}

div.flightRow.label6::before {
    content: "F";
    background: linear-gradient(180deg, #4b0082 0%, #2a0053 100%);
}

div.flightRow.label7::before {
    content: "G";
    background: linear-gradient(180deg, #ee82ee 0%, #d460d4 100%);
}


.testFlightTourFilterItinerary {
    float: left;
    margin-bottom: 15px;
    border-radius: 5px;
    /* box-shadow: 0px 0px 11px 1px rgba(0, 0, 0, 0.1);*/
    width: 100%;
    float: left;
    position: relative;
}

.testFlightTourFilterItinerary.label1 > .cardSubTitle label,
.testFlightTourFilterItinerary.label2 > .cardSubTitle label,
.testFlightTourFilterItinerary.label3 > .cardSubTitle label,
.testFlightTourFilterItinerary.label4 > .cardSubTitle label,
.testFlightTourFilterItinerary.label5 > .cardSubTitle label {
    text-indent: 30px;
}

.testFlightTourFilterItinerary.label1 > .cardSubTitle::before,
.testFlightTourFilterItinerary.label2 > .cardSubTitle::before,
.testFlightTourFilterItinerary.label3 > .cardSubTitle::before,
.testFlightTourFilterItinerary.label4 > .cardSubTitle::before,
.testFlightTourFilterItinerary.label5 > .cardSubTitle::before {
    width: 30px;
    height: 35px;
    position: absolute;
    content: " ";
    box-shadow: 0px 0px 11px 1px rgba(0, 0, 0, 0.1);
    font-weight: bold;
    border-radius: 5px 0 0 0;
    padding-top: 13px;
    font-size: 20px;
    color: white;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    text-align: center;
    margin: -4px 0px 0px 0px;
}

.testFlightTourFilterItinerary.label1 > .cardSubTitle::before {
    content: "A";
    background: linear-gradient(180deg, #ff0000 0%, #dd0000 100%);
}

.testFlightTourFilterItinerary.label2 > .cardSubTitle::before {
    content: "B";
    background: linear-gradient(180deg, #ffa500 0%, #dd7a00 100%);
}

.testFlightTourFilterItinerary.label3 > .cardSubTitle::before {
    content: "C";
    background: linear-gradient(180deg, #ffff00 0%, #ffd324 100%);
}

.testFlightTourFilterItinerary.label4 > .cardSubTitle::before {
    content: "D";
    background: linear-gradient(180deg, #04a400 0%, #008000 100%);
}

.testFlightTourFilterItinerary.label5 > .cardSubTitle::before {
    content: "E";
    background: linear-gradient(180deg, #0000ff 0%, #0000dd 100%);
}

.flightTourFilter .testFlightTourFilterItinerary.label1 > .cardSubTitle, .flightTourFilter .testFlightTourFilterItinerary.label1 > .cardSubTitle::before {
    display: none;
}

.draggable tr {
    transition: background-color 0.1s;
    padding: 0;
    margin: 0;
}

.onDrag .upDown .productSon {
    display: none;
}

.onDrag .upDown .material-icons.hidden {
    display: block !important;
    margin: 0px 4px;
}

.onDrag td {
    border-top: 1px dotted #c3c3c3;
    border-bottom: 1px dotted #c3c3c3;
}

.onDrag td, .onDrag td a.prodotto:link {
    color: #7a7a6f !important;
}

.onDrag td:first-child {
    transition: all 0.1s;
    border-left: 1px dotted #c3c3c3;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.onDrag td:last-child {
    transition: all 0.1s;
    border-right: 1px dotted #c3c3c3;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.ui-sortable-helper {
    opacity: 1;
    background: #e4e4e4;
    box-shadow: 0px 5px 10px -2px rgba(0, 0, 0, 0.4);
    transition: all 0.1s;
}

.onDrag.ui-sortable-helper td, .onDrag.ui-sortable-helper td a.prodotto:link {
}

.rowOpzionale.onDrag {
    height: 27px;
    overflow: hidden;
    width: 100%;
    position: relative;
}

#tableHotelItinerary {
    border-collapse: collapse;
}

#tableHotelItinerary td {
    padding: 7px 0;
}

#tableHotelItinerary tr.onDrag td:first-child:before {
    background: rgba(255, 255, 255, 0.2);
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

#tableHotelItinerary tr.onDrag {
    position: relative;
    cursor: grab;
}

#tableHotelItinerary tr.onDrag td:first-child {
    padding-left: 30px !important;
}

#tableHotelItinerary tr.onDrag td:first-child::after {
    content: "open_with";
    font-family: 'Material Icons';
    font-size: 24px;
    position: absolute;
    left: 3px;
    top: 4px;
    color: #2766B5;
}

#tableHotelItinerary tr.onDrag:not(.rowHotelWidgets) {
    display: none;
}

#tableHotelItinerary thead tr {
    border-style: solid;
    border-left-width: 2px;
    border-right-width: 2px;
    border-color: #697685;
}

.productHotelRef .prodCat span {
    max-width: unset;
}

.rowHotelWidgets, .rowHotelHistory {
    border-style: solid;
    border-left-width: 2px;
    border-right-width: 2px;
    border-color: #697685;
}

.rowHotelHistory .reloadSearch button {
    display: none;
}

.rowHotelHistory.ylbg .reloadSearch button {
    display: block;
}

.rowHotelHistory.ylbg td {
    border: 0;
}

.rowHotelWidgets {
    border-top-width: 2px;
    border-bottom-width: 0px;
}

.rowHotelWidgets.hideHistory {
    border-top-width: 14px;
    border-color: #dee2e7;
}

.rowHotelHistory.hideHistory {
    display: none;
}

.rowHotelWidgets.onDrag {
    border-bottom-width: 2px;
}

.rowHotelHistory {
    border-top-width: 0px;
    border-bottom-width: 2px;
}

.hBlock {
    font-size: 12px;
    padding: 3px 0px;
    border-bottom: 1px dotted;
}

.productHotelRef {
    text-align: left;
    padding: 5px 15px;
}

.productHotelRef h4 {
    text-transform: uppercase;
    font-family: 'Open Sans';
    font-size: 14px;
}

span.hDate {
    padding: 0px 0px 0px 20px;
    font-size: 0.8em;
}

span.hNname {
    display: inline-block;
    min-width: 270px;
    padding-left: 10px;
}

.stopFor {
    position: relative;
}

.stopFor::after {
    content: "Notti libere: " attr(data-stopFor);
    width: 380px;
    height: 17px;
    border-radius: 16px 0 0 0;
    padding: 1px 6px 0 30px;
    text-align: left;
    background: #ff9211;
    color: white;
    text-transform: uppercase;
    bottom: 38px;
    right: -1px;
    font-weight: bold;
    box-shadow: 0px 3px 8px -4px rgb(0 0 0 / 52%);
    position: absolute;
}

.onDrag.stopFor::after {
    opacity: 0;
    -webkit-transition: .3s all ease-in-out;
    -moz-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
}

@media all and (max-width: 1100px) {
    .stopFor::after {
        width: calc(40%);
    }
}

.hideHistory.stopFor::after {
    bottom: 53px;
}

.lastRow.hideHistory.stopFor::after {
    bottom: 46px;
}

input[type=text].overlap {
    border: 2px solid orange !important;
}

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

/*formazzatione scalo in dettaglio voli*/
.flightDetailRouteScalo {
    background: #ffffff;
    margin-left: -2px;
    padding: 0px 0 0 0;
    text-align: left;
    color: #3C9DEE;
    border-bottom: 1px solid #e1e0e1;
}

.flightDetailRouteScalo span {
    border-left: 4px dotted;
    padding: 3px 5px;
    margin-left: 4px;
    margin-top: 1px;
    display: block

}

.flightDetailRouteScalo::after, .flightDetailRouteScalo::before {
    content: "○";
    display: block;
    font-size: 20px;
    line-height: 15px;
}

.flightDetailRouteScalo::after {
    content: "●";

}

tr.rowScalo td {
    /*padding-top: 50px !important;*/
}

tr.rowScalo {
    position: relative;
}

.rowChangeAirport .flightDetailRouteScalo {
    color: red;
}

.elenco-catalogo {
    color: grey;
}

.boldIdCercato div {
    font-weight: bold !important;
    background: #ff9211;
    padding: 4px 1px;
    color: #ffffff;
    border-radius: 3px;
}


.prodCat span {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    font-size: 10px;
    background: rgba(255, 255, 255, 0.7);
    padding: 1px 1px;
    margin-bottom: 2px;
    border-radius: 4px;
    color: #3C9DEE;
    max-width: 180px;
}

.prodCat span.priceHotel {
    color: black;
    padding-left: 15px;
}

.prodCat li {
    list-style: none;
}

.groupItinerari {
    border: solid white 1px;
    padding: 10px;
    margin: 10px
}

span.btnLike.btnLike-disabled label {
    color: #888;
    background-color: lightgray;
}


/*************************************/
/*************************************/
/******  segmentsTable - tabella scrolling ricerca voli   *********/

.segmentsTable {
    position: relative;
    overflow-x: auto;
    width: 1070px;
}
.itinerarySelect {
    min-width: 90px!important;
}
.segmentsTable table {
    border-collapse: collapse;
    width: max-content;
}
.segmentsTable .FSData input {
    width: 90px;
}
.segmentsTable thead th,
.segmentsTable tbody td {
    text-align: left;
    white-space: nowrap;
}

.segmentsTable .agy th.primary.a {
    display: none
}

.segmentsTable .agy td.primary.a {
    display: none
}
.segmentsTable th.primary,
.segmentsTable td.primary {
    position: sticky;
    z-index: 100;
}

.title.primary.a {
    width: 80px;
    left: 0;
}
.title.primary.b {
    width: 200px;
    left: 92px;
}
.title.primary.c {
    width: 104px;
    left: 303px;
}

.segmentsTable .agy .title.primary.a {
    width: 0
}

.segmentsTable .agy .title.primary.b {
    left: 0px;
}

.segmentsTable .agy .title.primary.c {
    left: 213px;
}


.titleHead.primary.a, .content.primary.a {
    left: 0;
}
.titleHead.primary.b, .content.primary.b {
    left: 92px;
}
.titleHead.primary.c, .content.primary.c {
    left: 192px;
}
.titleHead.primary.c {
    width: 110px;
}
.titleHead.primary.d, .content.primary.d {
    left: 302px;
}


.segmentsTable .agy .titleHead.primary.a, .segmentsTable .agy .content.primary.a {
}

.segmentsTable .agy .titleHead.primary.b, .segmentsTable .agy .content.primary.b {
    left: 0;
}

.segmentsTable .agy .titleHead.primary.c, .segmentsTable .agy .content.primary.c {
    left: 100px;
}

.segmentsTable .agy .titleHead.primary.d, .segmentsTable .agy .content.primary.d {
    left: 212px;
}

.titleHead.primary.a,.titleHead.primary.b,.titleHead.primary.c,.titleHead.primary.d {
    background: #bfb6b6;
}
.content.primary.a,.content.primary.b,.content.primary.c,.content.primary.d {
    background: #eee;
}

.primary::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 1px;
    background-color: white;
    z-index: 4;
}
/****
aggiunto da Fabrizio in attesa di spostamento e miglioramento da parte di Alessandro
 */

.redMarkedProductLabel {
    color: red;
    margin: 20px;
    font-size: 15px;
}

.infoTelefono, .infoAgeDeparture {
    display: block;
    background: url(../images/info.gif) no-repeat 4px;
    background-size: 18px;
}


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

.linethrough {
    text-decoration: line-through !important;
}

.productHotelRef p {
    text-align: left;
    font-size: 14px
}

.productHotelRef .yellow {
    background: yellow
}

.selectAllProvider {
    font-weight: bold;
}

.source_icon {
    background-repeat: no-repeat;
    background-size: 28px;
    width: 28px;
    height: 28px;
}
.source_icon.source_MANUAL {
    background-image: url('../images/icone/source/pencil-solid-full.svg');
}

.source_icon.source_ADV {
    background-image: url('../images/icone/source/user-solid-full.svg');
}

.source_icon.source_FLEXY {
    background-image: url('../images/icone/source/f-solid-full.svg');
}

.source_icon.source_AI_MAIL {
    background-image: url('../images/icone/source/envelope-solid-full.svg');
}

.source_icon.source_Q_GENIUS {
    background-image: url('../images/icone/source/robot-solid-full.svg');
}