/*
***********************************************************************************************************************************
Stile std-Button/std-ButtonI = standard per i button normali ed importanti, per i bottoni rossi e verdi ***** def. 02.07.2012 *****
***********************************************************************************************************************************
*/

.std-Button,
.std-ButtonI,
.red-Button,
.green-Button,
.greyButton,
.checkButton {
    font: bold 12px verdana, arial, sans-serif;
}

.std-Button-Little,
.std-ButtonI-Little,
.red-Button-Little,
.green-Button-Little {
    font: bold 10px verdana, arial, sans-serif;
}

.std-Button,
.std-Button-Little,
.std-ButtonI,
.std-ButtonI-Little {
    color: #fff;
    border: 1px solid #fff;
    background-color: #3c9dee;
}

.std-ButtonI,
.std-ButtonI-Little {
    font-weight: bold;
    text-transform: uppercase;
}

.red-Button,
.red-Button-Little {
    color: #fff;
    border: 1px solid #fff;
    background-color: #ff9211;
}

.green-Button,
.green-Button-Little {
    color: #fff;
    border: 1px solid #fff;
    background-color: #009900;
}

.std-Button,
.std-Button-Little,
.std-ButtonI,
.std-ButtonI-Little,
.red-Button,
.green-Button,
.red-Button-Little,
.green-Button-Little,
.greyButton,
.checkButton {
    margin: 0;
    padding: 3px 3px;
    cursor: pointer;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    white-space: nowrap;

}

.std-Button:active,
.std-Button-Little:active,
.std-ButtonI:active,
.std-Button-LittleI:active {
    border: 1px inset #38538c;
}

.std-Button:hover,
.std-Button-Little:hover,
.std-ButtonI:hover,
.std-Button-LittleI:hover {
    background-color: #2989d8;
    color: white;
}

.red-Button:hover,
.red-Button-Little:hover {
    background-color: #fff;
    color: #ff9211;
}

.green-Button:hover,
.green-Button-Little:hover {
    background-color: #fff;
    color: #009900;
}

button.std-Button-Little.center.disabled {
    background: #ccc;
    color: grey;
}

button.std-Button-Little.center.disabled:hover {
    background: #ccc;
    color: grey;
}

/* 
*************************************************************************************************************
Stile Button_Transparent = standard per i button trasparenti "Vedi sulla Mappa" ****** def. 02.07.2012 ******
*************************************************************************************************************
*/
.Button_Transparent {
    font: bold 12px verdana, arial, sans-serif;
    text-decoration: underline;
    color: #fff;
    border: none;
    background-color: transparent;
    margin: 0 0 4px 0;
    cursor: pointer;
}

.Button_Transparent:hover {
    text-decoration: underline;
    color: #e6e6e6;
}

/* 
***************************T****************************************************************
Stile std-Button = standard per i button disabilitati e grigi ****** def. 02.07.2012 ******
*******************************************************************************************
*/
.std-Button[disabled],
.greyButton {
    cursor: default;
    color: #888;
    background-color: lightgray;
}

.std-Button[disabled]:hover,
.greyButton:hover {
    border: 1px outset #ccc;
}

.checkButton {
    width: 20px;
    height: 20px;
    text-align: center;
    padding: 0px;
    cursor: pointer;
    color: black;
    background-color: lightgray;
}

.std-Button-Little[disabled] {
    cursor: default;
    color: #888;
    background-color: lightgray;
}

.std-Button-Little[disabled]:hover {
    border: 1px outset #ccc;
}

/* button up&down */

button.up,
button.down {
    width: 16px;
    height: 10px;
    margin: 0;
    padding: 0;
    text-decoration: none;
    cursor: pointer;
    border: none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
}

button.up {
    background-image: url('../images/actions/arrow-up.png')
}

button.down {
    background-image: url('../images/actions/arrow-down.png')
}

/*  CLASSI NUOVE o CREATE PER SOSTITUIRE CLASSI ESISTENTI  */

/* dato da evidenziare */
.evidenza {
    font-weight: bold;
    color: #3C9DEE;
}

/*il successivo va a sostituire il precedente pinkTitle */
h5.smurfTitle {
    color: #DF007A;
    padding-top: 10px;
    padding-bottom: 10px;
}

.TitoloRicerca {
    text-decoration: underline;

}

.TitoloRicerca:hover {
    text-decoration: underline;
    color: #3c9dee;
}


.pallozzo {
    width: 20px;
    height: 20px;
}

.hotelDetailInfoOdd td, .hotelDetailInfoEven td{
    padding:5px;
}

.hotelDetailInfoEven {
    background-color: #e5e5e5;
}

.hotelDetailInfoTitle {
    color: #0D3A7E;
    font: 14px/170% Verdana, sans-serif;
    width: 170px;
}
.hotelDetailInfoTitle.oneCell{
    width: auto!important;
}
.notaOdd .gwt-Label, .notaEven .gwt-Label {
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 10px 0 0 5px;
    color: #1D4F90;
}

.notaOdd .pdb10, .notaEven .pdb10 {
    margin: 0 5px;
    padding: 5px 0 0 0;
}


a.prodotto,
a.prodotto:link,
a.prodotto:visited {
    color: #000 !important;
    text-decoration: underline;
    cursor: pointer;
}

a.prodotto:hover {
    color: #38538c !important;
    text-decoration: underline;
    cursor: pointer;
}

a.anchor,
a.anchor:link,
a.anchor:visited {
    color: black !important;
    text-decoration: underline;
    cursor: pointer;
}

a.anchor:hover {
    color: #3C9DEE !important;
    text-decoration: underline;
    cursor: pointer;
}

/* richiesta preventivo fast agenzie */
.selectReparto {
    border: 2px solid #3C9DEE;
    background-color: white;
}

table.repartiGrid {
    width: 100%;
}

table.repartiGrid td {
    text-align: center;
}

.availabilityDate {
    color: #003C7F;
    background-color: #F2F2F2;
    font-size: 12px;
    /* padding: 4px;
     margin: 10px;*/
    text-align: center;
}

.markupwidget {
    border: 1px solid #ccc;
    background-color: #ddd;
    margin: 0px;
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px 5px 5px 5px;

}

.defaultgroup {
    border: 1px solid #E6E5E6;
    background-color: #ff9211;
    margin: 30px 0px 10px 0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px 5px 5px 5px;
}

.normalgroup {
    border: 1px solid #E6E5E6;
    margin: 10px 0px 10px 0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px 5px 5px 5px;
    padding-bottom: 5px;
}

.daygroup {
    border: 2px solid #38538C;
    margin: 20px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px 5px 5px 5px;
    padding-bottom: 5px;
}

.daygroup.opzionale {
    border-color: #F2F20E;
}

.daygroup {
    margin-bottom: 5px;
}

.daygroup.quotato:before, .daygroup.opzionale:before {
    position: absolute;
    width: 100px;
    height: 20px;
    display: block;
    margin: -20px 0 0 -2px;
    text-transform: uppercase;
    font-size: 10px;
    border-radius: 5px 5px 0px 0px;
    text-indent: 10px;
    line-height: 20px;

}

.daygroup.quotato:before {
    background: #38538C;
    color: #ffffff;
    content: "quotato";
}

.daygroup.opzionale:before {
    background: #F2F20E;
    color: #3b3b3b;
    content: "opzionale";
}

.prodottogroup {
    /*border:2px solid #ccc;*/
    margin: 10px 0px 10px 0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    /*border-radius: 5px 5px 5px 5px;*/
    padding-bottom: 5px;
}

.noleggiogroup {
    border: 2px solid #3C9DEE;
    margin: 10px 0px 10px 0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px 5px 5px 5px;
    padding-bottom: 5px;
}

.noticetop {
    position: fixed;
    z-index: 600;
    top: 0px;
    left: 0px;
    margin: 0px 0px 0px 0px;
    max-height: 180px;
    width: 100%;
    color: yellow;
    background-color: red;
    text-align: center;
    font-weight: bold;
    line-height: 30px;
    font-size: 20px;
    border: 1px solid yellow;
}

.totalibottom {
    position: fixed;
    z-index: 600;
    bottom: 0px;
    left: 0px;
    margin: 10px 0px 0px 0px;
    max-height: 180px;
    width: 100%;
}

.totalibottom div.container {
    background-color: #fff;
    margin: auto;
    width: 1020px;
}

.totalibottom div.container div.box {
    border: 2px solid #38538C;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px 5px 5px 5px;
    background-color: #e6e6e6;
    color: #000;
    line-height: 10px;
    font-size: 15px;
    padding: 10px;
    width: auto;
    margin-left: 206px;
    margin-right: 3px;
    text-align: right;
}

.propri {

    border: 2px solid #38538C;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px 5px 5px 5px;
    padding: 12px 4px 12px 4px;
}

.propri h2 {
    text-align: left;
}


.totale, .altri {
    padding: 12px 4px 12px 4px;
}

.blueborder {
    border: 2px solid #6c8dd4;
}

.markupmodified {
    border: 1px solid #FF6600;
}

.markupmodified input, .extraZero, .elementPriceModified {
    border: 1px solid #FF6600;
    background-color: #FF6600;
    color: #fff;
}

.elementPriceModifiedGreen {
    border: 1px solid #79ca30;
    background-color: #79ca30;
    color: #fff;
}

.alternativePanel {
    position: fixed;
    bottom: -2px;
/ / left: 0 px;
    margin: 0px auto;
    width: 1024px;
    background-color: #38538C;
    height: 300px;
/ / border: 2 px solid #38538C;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px 5px 5px 5px;
    z-index: 600;
    border-spacing: 2px;
    border-collapse: separate;
}

.alternativePanelDiv {
    position: fixed;
    bottom: -2px;
/ / left: 0 px;
    margin: 0px auto;
    width: 1024px;
    background-color: #fff;
    height: 375px;
    z-index: 500;
}

.alternativePanelDivMail {
    position: fixed;
    bottom: -2px;
/ / left: 0 px;
    margin: 0px auto;
    width: 1024px;
    background-color: #fff;
    height: 375px;
    z-index: 500;
}

/*.alternativePanelDivIA {
    position: fixed;
    bottom: -2px;
/ / left: 0 px;
    margin: 0px auto;
    width: 1024px;
    background-color: #fff;
    height: 375px;
    z-index: 500;
}

.alternativePanelDivIA .alternativePanel {
    width: 1024px;
    height: 375px;
}*/

.alternativePanel td {
    background-color: #efefef;
    vertical-align: top;
}

.openAlternativePanel {
    position: fixed;
    z-index: 500;
    top: 50px;
    right: 20px;
}

.openAlternativePanelMail {
    position: fixed;
    z-index: 500;
    top: 100px;
    right: 20px;
}

.openAlternativePanelIA {
    position: fixed;
    z-index: 500;
    top: 150px;
    right: 20px;
}

.snapshootList {
/ / border: 1 px solid #ccc;
/ / background-color: #efefef;
    margin: 5px;
    width: 95%;
    padding: 2px;
    border-collapse: collapse;
}

.snapshootList td {
/ / border: 1 px solid #ccc;
    background-color: transparent;
    margin: 5px;
    width: 95%;
    padding: 2px;
}

.snapshootTableList {
    background-color: #fff;
    border-spacing: 10px;
    background-color: #eaeaea;
    /*padding: 10px;*/
}

.feedbackPanel {
    background-color: #fff;
    border-spacing: 10px;
    background-color: #eaeaea;
    /*padding: 10px;*/
}

.toggle-button, .toggle-button-mail {
    outline: none;
    border: none;
    margin: 0px; /* border size */
    background-image: url('../images/actions/snapshoot.png');
    height: 32px;
    width: 32px;
    background-color: transparent;
    cursor: pointer;
}

.toggle-button-down, .toogle-button-down-hovering {
    margin: 0;
    border: 3px #469 dashed; /* margin size */
}

.toggle-button-mail {
    background-image: url('../images/actions/bozza-mail.png');
}


.scrollable {
    overflow: scroll;

}

.textcell {
    cursor: default;
    text-decoration: none;
}

.linkcell {
    cursor: pointer;
    text-decoration: underline;
}

.promoAgenziaAbilitate {
    font-weight: bold !important;
}

.promoAgenziaDisabilitate {
    font-weight: bold !important;
    font-style: italic !important;
}

.greenNumeroPratica {
    color: #fff;
    border: 1px solid #fff;
    background-color: #009900;
    /*margin: 0;*/
    /*padding: 3px 3px;*/
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    white-space: nowrap;
}

.orangeNumeroPratica {
    color: #fff;
    border: 1px solid #fff;
    background-color: #ff9211;
    /*margin: 0;*/
    /*padding: 3px 3px;*/
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    white-space: nowrap;
}

.promotionBookTo {
    border: solid orange 4px;
    display: block;
    text-align: center;
}

.promotionvalue {
    color: #000
}

/***TOUR DA CATALOGO**/
/*
.searchTourCatalog{border:solid red 1px}
.listTourCatalog{border:solid violet 1px}
.itemTourCatalog{border:solid green 1px}
.tabItemTourCatalog{border:solid blue 1px}
*/


.searchTourCatalog .pdb10 tr {
    height: 35px;
}

.searchTourCatalog .pdb10 tr td .gwt-Label {
    text-align: right;
    margin-right: 5px;
}

.searchTourCatalog .pdb10 tr td button.std-Button-Little {
    margin-left: 225px
}

.searchTourCatalog .pdb10 tr:last-child {
    height: auto
}

.itemTourCatalog {
    margin: 10px 0;
}

.itemTourCatalog tr:first-child .gwt-Image {
    width: 20px;
}

.itemTourCatalog .tourcategory-selected .elementsubtitletourcatalog tbody tr,
.itemTourCatalog .tabsDettagli {
    background: #cde4f7;
}

.itemTourCatalog .gwt-TabPanel > tbody > tr:first-child {
    background: none;
}

.itemTourCatalog .tabItemTourCatalog {
    margin-bottom: 5px;
    display: block;
    width: 100%;
}

.itemTourCatalog .footertabtourcatalogaction {
    text-align: right;
}

.itemTourCatalog .footertabtourcatalog {
    border-top: solid #375289 1px;
    margin-top: 20px;
    padding: 8px 10px 0;
}

.listTourCatalog .simpleItemTour {
    background-color: #f6f5f6;
    border: 1px solid #ccc;
    border-radius: 0;
}


.itemTourCatalog .tourcategory-selected .elementsubtitletourcatalog .tourcategory-unselected {
    background: #F6F5F6;
    color: #ccc;
}

.itemTourCatalog .elementsubtitletourcatalog table.gridVolo tr {
    display: block;
    border-top: solid grey 1px
}

.itemTourCatalog .elementsubtitletourcatalog table.gridVolo tr:first-child {
    border-top: 0;
}

.itemTourCatalog .subtitletourcatalog {
    font-weight: bold;
    text-align: center;
    margin-top: 5px;
    display: block;
}

.itemTourCatalog .elementsubtitletourcatalog {
    margin: 5px 0;
    display: block;
    border: 1px solid grey;
    padding-right: 1px;
}

.itemTourCatalog .labeldateTourCatalog {
    font-size: 14px;
}

.itemTourCatalog .tourcatalog-tooltip {
    width: 400px;
}

.itemTourCatalog .catalog-tooltip-tariffa {
    background: url('../images/info.gif') no-repeat 1px;
    background-size: 18px 18px;
}

.itemTourCatalog .tourcatalog-footer {
    padding: 6px;
}

.itemTourCatalog .tourcatalog-footer div {
    margin-right: 30px
}

.itemTourCatalog .allotmentA {
    border: solid 3px magenta;
}

.itemTourCatalog .allotmentB {
    border: solid 3px green;
}

.itemTourCatalog .allotmentC {
    border: solid 3px lime;
}

.itemTourCatalog .allotmentD {
    border: solid 3px orange;
}

.itemTourCatalog .allotmentE {
    border: solid 3px blueviolet;
}

.itemTourCatalog .allotmentF {
    border: solid 3px burlywood;
}

.itemTourCatalog .dateEvidence, .itemTourCatalog .authorField {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
    display: inline;
}

.itemTourCatalog .panelCategorie,
.itemTourCatalog .tabsDettagli,
.itemTourCatalog .tourcatalog-footer {
    margin: 10px;
}

.itemTourCatalog .panelTestata {
    margin: 0px;
    display: block;
    width: 99%;
    padding: 10px 5px 0px 5px !important;
}

.itemTourCatalog .panelTestata.catalog {
    display: table;
    width: 100%;
}

.itemTourCatalog > div > table > tbody > tr > td {
    padding: 0
}

.itemTourCatalog .tabsDettagli {
    padding: 0 0 10px 0
}

.itemTourCatalog .tabsDettagli .rowtabtour {
    line-height: 40px;
    text-transform: uppercase;
    font-size: 14px;
    padding: 20px 0 5px 0;
}

.itemTourCatalog .tabsDettagli .rowtabtour:first-child {
    padding-top: 0;
}

.itemTourCatalog .tabsDettagli button {
}

.itemTourCatalog .evidence {
    font-weight: bold;
    color: #375289;
    border: 0;
}

.itemTourCatalog .panelTestata .evidence {
    color: #fff
}

.itemTourCatalog .panelTestata .evidence.bgyellow {
    color: #375289
}

.itemTourCatalog .bgyellow {
    background: yellow;
}

.itemTourCatalog .bgred {
    background: red;
    color: #fff
}


.itemTourCatalog .tratteTourCatalog {
    background: #fff;
    margin: 0 10px
}

.itemTourCatalog .tratteTourCatalog .l2gbg {
    background-color: #4262a7 !important;
    color: #fff;
}

.itemTourCatalog .evidencePrice {
    font-size: 18px;
    color: #375289;
    font-weight: bold
}

.itemTourCatalog .shareRooms {
}

.itemTourCatalog .titlepass {
    font-style: oblique;
    font-size: 10px
}

.itemTourCatalog .tableelenco {
    margin-bottom: 20px;
}

/*.itemTourCatalog .gridVolo{border-left:#375289 3px dotted;margin-left:20px;padding-right:20px;}*/

.itemTourCatalog .tourcatalog-footer {
    font-size: 14px;
}

.itemTourCatalog .elencoPasseggeri p, .itemTourCatalog .elencoPasseggeri button {
    display: inline;
    float: left
}

.itemTourCatalog .elencoPasseggeri p.tourCatalogBookid {
    width: 150px
}

.itemTourCatalog .elencoPasseggeri p.tourCatalogPraticaid {
}

.itemTourCatalog .elencoPasseggeri p.tourCatalogPassid {
    width: 450px
}

.itemTourCatalog .elencoPasseggeri .titlepass {
    font-style: oblique;
    font-size: 10px;
    margin-left: 30px;
}

.itemTourCatalog .tablePrices {
    width: auto;
    margin-bottom: 20px;
    border: dotted grey 1px;
}

.itemTourCatalog .tablePrices .intestazionePrices th,
.itemTourCatalog .tablePrices .intestazionePrices td {
    border-bottom: solid 1px #38538C;
    font-weight: bold;
}

.itemTourCatalog .tablePrices td {
    text-align: center;
    padding: 10px 15px
}

.itemTourCatalog .tablePrices tr:hover {
    background: #b6d5ef;
}

.itemTourCatalog .tablePrices tr.intestazionePrices:hover {
    background: none;
}

.itemTourCatalog .intestazionePrices {
    bont-weight: bold
}

.itemTourCatalog .tablePrices .separator td {
    border-bottom: dotted 1px #38538C;
}

table.subtitletourcatalog.fixrelative td, table.elementsubtitletourcatalog td {
    text-align: center;
    padding-top: 3px;
    padding-bottom: 3px;
}

table.subtitletourcatalog.fixrelative td.categFieldTour, table.elementsubtitletourcatalog td.categFieldTour {
    text-align: left;
}

.itemTourCatalog .categFieldTour {
    width: 130px
}

.itemTourCatalog .qbFieldTour {
    width: 80px
}

.itemTourCatalog .sglFieldTour {
    width: 40px
}

.itemTourCatalog .dblFieldTour {
    width: 40px
}

.itemTourCatalog .trpFieldTour {
    width: 40px
}

.itemTourCatalog .qdpFieldTour {
    width: 40px
}

.itemTourCatalog .paxFieldTour {
    width: 40px;
    padding-right: 30px;
}

.itemTourCatalog .voloFieldTour {
    width: 50px
}

.itemTourCatalog .tariffaFieldTour {
    width: 80px
}

.itemTourCatalog .tasseFieldTour {
    width: 80px
}

.itemTourCatalog .totAllotmentFieldTour {
    width: 30px
}

.itemTourCatalog .venAllotmentFieldTour {
    width: 30px
}

.itemTourCatalog venShareAllotmentFieldTour {
    width: 100px
}

.itemTourCatalog .opzAllotmentFieldTour {
    width: 30px
}

.itemTourCatalog .disAllotmentFieldTour {
    width: 30px
}

.itemTourCatalog .rqAllotmentFieldTour {
    width: 30px
}

.itemTourCatalog .noteFieldTour, .gridVolo .noteFieldTour.actionFieldTour {
    width: 130px;
    word-break: break-word;
}

.itemTourCatalog .actionFieldTour {
    width: 40px;
    text-align: right;
}

.itemTourCatalog .gridVoloTour {
    min-width: 475px;
}


.itemTourCatalog table.elementsubtitletourcatalog td.qbFieldTour,
.itemTourCatalog table.elementsubtitletourcatalog td.gridVoloTour,
.itemTourCatalog table.elementsubtitletourcatalog td.noteFieldTour {
    border-left: 1px blue dotted;
}

.itemTourCatalog .itemPasseggeri * {
    display: inline-block;
}

/*.itemTourCatalog .itemPasseggeri .tourCatalogPassid{width: 500px;}*/
.itemTourCatalog .itemPasseggeri .lbDataRilascio {
    font-weight: bold;
    width: 150px;
}

.itemTourCatalog .itemPasseggeri .itemPratica {
    display: table-cell;
    vertical-align: middle;
}

.itemTourCatalog .itemPasseggeri .lbNameId {
    width: 500px;
    font-weight: bold;
}

.itemTourCatalog .itemPasseggeri .lbDateId {
    width: 110px;
    font-weight: bold;
}

.itemPasseggeri {
    width: 100%;
    margin: 10px 0;
}

.itemPasseggeri:hover {
    background: #b6d5ef;
}

.itemTourCatalog .tourcatalog-closed {
    border: 3px solid red;
}

.itemTourCatalog .closedDate {
    color: red;
    background: #ff0;
    width: auto;
    text-align: center;
    margin: 5px;
}

.itemTourCatalog .scadenzaRelease {
    color: #000;
    background: #ff0;
    width: auto;
    text-align: center;
    margin: 5px;
}


.operativoListTourCatalog .itemTourCatalog td {
    padding-bottom: 5px;
}

.operativoListTourCatalog .itemTourCatalog {
    background: #4F82E8;
}

.operativoListTourCatalog .itemTourCatalog .daygroup {
    background: #fff;
}

.operativoListTourCatalog .itemTourCatalog .modify {
    padding: 3px;
    font-size: 14px;
}

.operativoCatalogoStampe {
    overflow: hidden;
    margin-bottom: 6px;
}

.operativoCatalogoStampe div {
    padding: 5PX 14px;
    float: left;
    background: #c9c9c9;
    margin-left: 20px;
    BORDER-RADIUS: 30px;
    margin-top: 8px;
}


.filterQGProducts .datePickerDay {
    color: green;
    font-weight: bold;
}


.datePickerDayEnabled {
    color: green !important;
    font-weight: bold !important;
    background-color: #fff !important;
}

.errorGrid .errorMessage {

    background: url('../images/error/messageError.png') no-repeat top left transparent;
    padding-left: 40px;
}

.errorGrid .errorMessage .red {
    background: #ccc;
}

.errorGrid .warningMessage .red {
    background: #ccc;
    color: #f56105;
}

.errorGrid .infoMessage {

    background: url('../images/error/messageInfo.png') no-repeat top left transparent;
    padding-left: 40px;
}

.errorGrid .warningMessage {

    background: url('../images/error/messageWarning.png') no-repeat top left transparent;
    padding-left: 40px;
}

/*Dialog Operativo Tour da catalogo*/
.messageDialogErrorGrid .errorMessage {
    background: url('../images/error/messageError.png') no-repeat 0 0 transparent;
    padding-left: 20px;
    background-size: 16px 16px;
}

.messageDialogErrorGrid .infoMessage {
    background: url('../images/error/messageInfo.png') no-repeat 0 0 transparent;
    padding-left: 20px;
    background-size: 16px 16px;
}

.messageDialogErrorGrid .warningMessage {
    background: url('../images/error/messageWarning.png') no-repeat 0 0 transparent;
    padding-left: 20px;
    background-size: 16px 16px;
}

.errorGrid .warningMessage strong {
    color: darkorange;
}

.errorGrid .infoMessage strong {
    color: greenyellow
}

.errorGrid .errorMessage strong {
    color: #FC2129
}


/*******************************/
/*       CALCOLATRICE          */
/*******************************/

.widgetprices .pricesTitle:after,
.widgetprices .pricesSubtitle:after,
.widgetprices .pricesRow:after,
pricesCostoCustom .pricesCostoCustom:after {
    content: "";
    clear: both;
    display: table
}

.widgetprices .pricesRow {
    border-bottom: solid #ccc 1px;
    vertical-align: middle;
    display: table;
    width: 100%;
}

.widgetprices .pricesSubtitle {
    background: #C1E6F7;
    font-wieght: bold;
    display: table;
    width: 100%
}

.widgetprices .pricesTitle {
    display: table;
    width: 100%;
    font-weight: bold;
    font-size: 12px;
    /*padding: 3px 5px 3px 5px;*/
    padding: 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    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;
    text-align: center
}

.widgetprices input,
.widgetprices input.gwt-TextBox {
    width: 50px;
    text-align: right;
    padding: 1px 0;
    border: 1px solid #ccc;
    border-top: 1px solid #999;
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
}

.widgetprices .pricesTitle > div,
.widgetprices .pricesSubtitle > div,
.widgetprices .pricesRow > div {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    text-align: center;
    font-size: 12px;
}

.widgetprices .pricesTitle > div:last-child,
.widgetprices .pricesRow > div:last-child,
.widgetprices .pricesSubtitle > div:last-child {
    border-right: 0
}

.widgetprices .pricesTitle > div {
    height: 30px;
    border-right: solid #fff 1px
}

.widgetprices .pricesRow > div {
    height: 30px;
    border-right: solid #ccc 1px
}

.widgetprices .pricesSubtitle > div {
    height: 15px;
    border-right: solid #fff 1px;
    font-size: 10px;
}


/*set productVolo width*/
.widgetprices.productVolo .pricesRow .pricesEditOver input,
.widgetprices.productVolo .pricesRow .pricesEditMkp input {
    width: 40px;
}

.widgetprices.productVolo .pricesEditId {
    width: 60px
}

.widgetprices.productVolo .pricesEditTariffa {
    width: 95px
}

.pricesEditTariffa img {
    float: left;
    width: 15px;
    margin-left: 5px;
}

.widgetprices.productVolo .pricesEditOver {
    width: 60px
}

.widgetprices.productVolo .pricesEditTasse {
    width: 70px
}

.widgetprices.productVolo .pricesEditMkp {
    width: 70px
}

.widgetprices.productVolo .pricesEditIva {
    width: 75px
}

.widgetprices.productVolo .pricesEditComm {
    width: 70px
}

.widgetprices.productVolo .pricesEditTotTasse {
    width: 70px
}

.widgetprices.productVolo .pricesEditTotTariffa {
    width: 95px
}

.widgetprices.productVolo .pricesEditVendita {
    width: 70px
}

.widgetprices.productVolo .pricesEditUtile {
    width: 85px;
}

.widgetprices.productVolo .pricesEditEdit {
    width: 50px
}

/*set productVoloCustom width*/
.widgetprices.productVoloCustom .pricesRow .pricesEditOver input,
.widgetprices.productVoloCustom .pricesRow .pricesEditMkp input {
    width: 40px;
}

.widgetprices.productVoloCustom .pricesEditTipo {
    width: 40px
}

.widgetprices.productVoloCustom .pricesEditQta {
    width: 70px
}

.widgetprices.productVoloCustom .pricesEditTariffa {
    width: 70px
}

.widgetprices.productVoloCustom .pricesEditOver {
    width: 70px
}

.widgetprices.productVoloCustom .pricesEditTasse {
    width: 70px
}

.widgetprices.productVoloCustom .pricesEditMkp {
    width: 70px
}

.widgetprices.productVoloCustom .pricesEditIva {
    width: 70px
}

.widgetprices.productVoloCustom .pricesEditComm {
    width: 70px
}

.widgetprices.productVoloCustom .pricesEditTotTasse {
    width: 70px
}

.widgetprices.productVoloCustom .pricesEditTotTariffa {
    width: 95px
}

.widgetprices.productVoloCustom .pricesEditVendita {
    width: 70px;
}

.widgetprices.productVoloCustom .pricesEditUtile {
    width: 85px
}

.widgetprices .extraIvaEuroLabel, .widgetprices .extraIvaEuro {
    font-size: 9px;
}

.widgetprices .extraIvaEuro {
    width: 30px
}

/*set productExtra width*/
.widgetprices.productExtra .pricesEditId {
    width: 60px
}

.widgetprices.productExtra .pricesEditCosto {
    width: 100px
}

.widgetprices.productExtra .pricesEditMkp {
    width: 142px
}

.widgetprices.productExtra .pricesEditIva {
    width: 142px
}

.widgetprices.productExtra .pricesEditComm {
    width: 142px
}

.widgetprices.productExtra .pricesEditVendita {
    width: 100px
}

.widgetprices.productExtra .pricesEditUtile {
    width: 100px
}

.widgetprices.productExtra .pricesEditQta {
    width: 40px
}

.widgetprices.productExtra .pricesEditTotale {
    width: 80px
}

.widgetprices.productExtra .pricesEditIvaPerc {
    width: 70px
}

.widgetprices.productExtra .pricesEditIvaEuro {
    width: 70px
}

.widgetprices.productExtra .pricesEditCommPerc {
    width: 70px
}

.widgetprices.productExtra .pricesEditCommEuro {
    width: 70px
}

.widgetprices.productExtra .pricesEditMkpPerc {
    width: 70px
}

.widgetprices.productExtra .pricesEditMkpEuro {
    width: 70px
}

.widgetprices.productExtra .pricesEditEdit {
    width: 40px
}

.widgetprices.productExtra input, .widgetprices input.gwt-TextBox {
    width: 60px
}

.ricalcoloVendita {
    color: grey;
    font-weight: bold;
    font-style: oblique;
    /* float: right;
     margin-right: 5px;*/
}

/*set productLand width*/

.widgetprices.productLand .pricesEditId {
    width: 40px
}

.widgetprices.productLand .pricesEditCosto {
    width: 100px
}

.widgetprices.productLand .pricesEditQta {
    width: 40px
}

.widgetprices.productLand .pricesEditMkp {
    width: 142px
}

.widgetprices.productLand .pricesEditIva {
    width: 142px
}

.widgetprices.productLand .pricesEditComm {
    width: 142px
}

.widgetprices.productLand .pricesEditVendita {
    width: 100px
}

.widgetprices.productLand .pricesEditUtile {
    width: 100px
}

.widgetprices.productLand .pricesEditEdit {
    width: 40px
}

.widgetprices.productLand .pricesEditIvaEuro {
    width: 70px
}

.widgetprices.productLand .pricesEditIvaPerc {
    width: 70px
}

.widgetprices.productLand .pricesEditCommEuro {
    width: 70px
}

.widgetprices.productLand .pricesEditCommPerc {
    width: 70px
}

.widgetprices.productLand .pricesEditMkpEuro {
    width: 70px
}

.widgetprices.productLand .pricesEditMkpPerc {
    width: 70px
}


/*set productLandCustom width*/
.widgetprices.productLandCustom .pricesEditId {
    width: 40px
}

.widgetprices.productLandCustom .pricesEditCosto {
    width: 162px
}

.widgetprices.productLandCustom .pricesEditMkp {
    width: 142px
}

.widgetprices.productLandCustom .pricesEditIva {
    width: 142px
}

.widgetprices.productLandCustom .pricesEditComm {
    width: 142px
}

.widgetprices.productLandCustom .pricesEditVendita {
    width: 110px
}

.widgetprices.productLandCustom .pricesEditUtile {
    width: 110px
}

.widgetprices.productLandCustom .pricesEditEdit {
    width: 40px
}

.widgetprices.productLandCustom .pricesEditIvaEuro {
    width: 70px
}

.widgetprices.productLandCustom .pricesEditIvaPerc {
    width: 70px
}

.widgetprices.productLandCustom .pricesEditCommEuro {
    width: 70px
}

.widgetprices.productLandCustom .pricesEditCommPerc {
    width: 70px
}

.widgetprices.productLandCustom .pricesEditMkpEuro {
    width: 70px
}

.widgetprices.productLandCustom .pricesEditMkpPerc {
    width: 70px
}

.widgetprices .pricesCostoCustom {
    background: rgb(204, 204, 204);
}

.widgetprices .pricesInputCostoCustom {
    text-align: right;
    display: table-cell;
    vertical-align: middle;
    padding: 20px;
}

.widgetprices .pricesActionCostoCustom {
    display: table-cell;
    vertical-align: middle;
}

.widgetprices .pricesCostoCustom .orange {
    color: #E2680F;
    padding: 10px;
}

/*new column commissione senza iva*/
.commissionePercIVA {
    border-radius: 5px;
    border: solid 1px #4570C6;
    background-image: url('../images/info.gif');
    background-position: 50px top;
    background-repeat: no-repeat;
    background-size: 15px auto;
    cursor: pointer;
    /* 	width:604px; */
    /* 	padding-left:32px; */
}

.widgetprices.productVolo .commissionePercIVA {
}

.widgetprices.productVoloCustom .commissionePercIVA {
}

.widgetprices.productExtra .commissionePercIVA {
}

.widgetprices.productLand .commissionePercIVA {
}

.widgetprices.productLandCustom .commissionePercIVA {
}

/*LISTA SPESE ACCESSORIE*/
.priceExtraElement {
    background-color: #5b6b79;
    border: 1px solid #5b6b79;
    padding: 3px;
    margin: 3px;
    border-radius: 5px;
    margin-bottom: 10px
}

.priceExtraElement.selected {
    background-color: #3c9dee;
    border: 1px solid #3c9dee;
}

.priceExtraTitle {
    color: #fff;
    font-weight: bold;
    font-size: 14px;
}

.priceExtraSubtitle .text:first-child {
    border: 0;
}

.priceExtraSubtitle .text {
    border: #CCC solid 1px;
    border-radius: 3px;
}

.priceExtraSubtitle .text div {
    background: #ccc;
}

.priceExtraSubtitle .text:last-child {
    background: #ccc;
}

.priceExtraSubtitle td:first-child, .priceExtraRow td:first-child {
    border-right: solid #3c9dee 3px !important;
    border-radius: 0
}

.priceExtraSubtitle td, .priceExtraRow td {
    padding: 0 !important
}

.priceExtraElement table.fgray {
    padding: 0
}


.tableSpesaAccessoriaCatalogo td {
    border-bottom: 2px solid #CCCCCC;
    border-spacing: 1px;
}

.selectSpesaAccessoria {
    border-right: 2px solid #CCCCCC !important;
    text-align: center;
}

.tableSpesaAccessoriaCatalogo td:last-child {
    text-align: center;
}

.tableSpesaAccessoriaCatalogo .checkButton {
    width: 15px;
    height: 15px;
    line-height: 7px;
}

/*PRODOTTO MODIFICATO TOUR/SELF*/
.std-Button-Little.modified {
    border: solid #FF921A 5px;
}

.newPrices, .oldPrices {
    border: solid grey 3px;
    margin: 20px 2px;
    padding: 10px 3px
}

.groupActPrices, .groupActBook, .groupActSave { /*margin:10px 0;*/
    border-top: 1px dotted #808080;
    padding: 10px;
}

.groupActSave {
    text-align: right;
}

.groupActTitle {
    display: none;
}

.groupActBook {
    border-top: none;
    padding-top: 0
}

.oldPrices .widgetprices .pricesTitle {
    background: #C5C5C5
}

.oldPrices .widgetprices .pricesSubtitle {
    background: #DDDDDD;
    color: grey
}

.oldPrices .widgetprices .pricesRow {
    color: grey
}

.newPrices .priceLabel span, .oldPrices .priceLabel span {
    font-size: 14px;
    text-transform: uppercase;
    color: grey;
    font-weight: bold
}

.newPrices .priceLabel button, .oldPrices .priceLabel button {
    text-align: right;
    float: right
}

.newPrices .priceLabel.hidden {
    display: block !important
}

.descriptionProduct {
    margin: 10px;
    line-height: 20px;
    font-size: 13px;
}

.history {
}

/* .history button{	 */
/* 	margin: 0; */
/* 	padding: 3px 3px; */
/* 	cursor: pointer; */
/* 	text-decoration: none; */
/* 	-webkit-border-radius: 5px; */
/* 	-moz-border-radius: 5px; */
/* 	border-radius: 5px; */
/* 	white-space:nowrap; */
/* 	color: #fff; */
/*   	border: 1px solid #fff; */
/*   	background-color: #3c9dee; */
/* } */
/* .history th{background: #aaa} */
.history {
    border-bottom: 1px solid #000
}

.history .evenrow {
    background: #ccc;
    border: solid #ddd 1px;
}

.history .oddrow {
    background: #F1F1F1;
    border: solid #ddd 1px;
}

.history .evenrow, .history .oddrow {
    padding: 7px 2px;
}

.history .historydate {
    width: 100px;
    overflow: hidden;
    text-align: center;
}

.history .historyevents {
    width: 150px;
    overflow: hidden;
}

.history .historyevents .gwt-ListBox {
    width: 150px;
    text-overflow: ellipsis
}

.history .historyusers {
    width: 150px;
    overflow: hidden;
}

.history .historydescription {
    width: 400px;
    overflow: hidden;
}

.history .historyproduct {
    width: 150px;
    overflow: hidden;
}

.history .historyproduct .gwt-ListBox {
    width: 150px;
    text-overflow: ellipsis
}

.history .historytext {
    width: 150px;
    overflow: hidden;
}

/*.history button{cursor: pointer;text-align:left;margin-bottom:3px;width:400px;background:#F7F7F7}
.history button.red{color:red}
.history button.green{color:green}
.history button.orange{color:orange}
.history button.grey{color:grey}*/
.history .historydiv {
    display: table-cell
}

.history .historylabel {
    text-align: left;
    padding: 5px 7px;
    width: 310px;
    background: #F7F7F7;
    float: left;
    margin-right: 10px;
    border-radius: 3px;
    border-width: 1px;
    border-style: solid;
    border-color: #BBBBBB #BBBBBB #A0A0A0;
    font-size: 13px;
    font-family: arial;
    word-wrap: break-word;
}

.history .historylabel.red {
    color: red
}

.history .historylabelbutton.green {
    color: green
}

.history .historylabel.orange {
    color: orange
}

.history .historylabel.grey {
    color: grey
}

.history .historybutton {
    font-size: 9px;
}

table.rowExtension {
    width: auto;
    margin: 5px 0;
    border-bottom: solid #ccc 1px;
}

input[readonly] {
    background: none repeat scroll 0 0 #CCCCCC;
    border: none;
    color: #666666;
}

/*##############################
	RICERCA HOTEL - LISTA
################################*/

.containerHotel {
    border: 1px solid #ccc;
    margin-bottom: 15px;
    width: 99%;
}

.headerHotel {
    background-color: #f6f5f6;
    margin: 5px;
    clear: both;
    display: block;
}

.headerHotel button {
    text-align: right;
    float: right;
    vertical-align: top;
    margin-top: 10px;
}

.infoHotel {
    display: inline-block;
    padding-bottom: 10px;
}

.imageHotel {
    float: left;
}

.panelTextHotel {
    float: left;
    overflow: hidden;
    width: 575px;
}

.intestazioneHotel {
    clear: both;
}

.intestazioneHotel .titleHotel {
    margin: 5px;
    font-size: 1.4em;
    font-weight: bold;
    float: left;
}

.intestazioneHotel .preferredHotel {
    float: left;
    margin: 5px;
}

.starsHotel {
    float: left;
    margin-top: 5px;
}

.IndirizzoHotel {
    color: #0D3A7E;
    text-align: justify;
    font: 12px Verdana, sans-serif;
}

.rowHotel {
    margin: 3px 0 0 10px;
}

.descriptioHotel {
    margin: 10px 10px 0 10px;
}

.roomsHotel {
    padding: 10px;
}

.roomsHotel td.preline {
    width: 200px;
    max-width: 200px;
}

/*lato To*/
.intestazioneHotel .titleHotel {
    width: 520px;
}

/*lato agenzia con immagine titolo + stretto*/
.imageHotel + .panelTextHotel .intestazioneHotel .titleHotel {
    width: 380px;
}

/*edit tour*/
.daygroup .intestazioneHotel .titleHotel {
    width: 480px
}


/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}
