/* zona blocchi Sx/DX */
.divSx {
  float: left;
  padding: 0;
  margin: 0;
}
.divDx {
  float: right;
  padding: 0;
  margin: 0;
}
.divCenter {
  float: none;
  text-align: center;
  padding: 0;
  margin: 0 auto 0 auto;
}
.clearDiv {
  clear: both;
}
/* @end */
/* fix alcuni std dei cdd jQuery/jUqeryUi, jQueryMobile */
#accordion .ui-accordion-content {
  padding: 0.5em 0.5em;
  /* riduco padding accordion! */
}
/* end*/
/* group barPlot a colori*/
.sv {
  text-align: center;
  height: 20px;
  background-image: url(../images/verde_20.png);
}
.sb {
  text-align: center;
  height: 20px;
  background-image: url(../images/blu_20.png);
}
.sa {
  text-align: center;
  height: 20px;
  background-image: url(../images/arancio_20.png);
}
.sg {
  text-align: center;
  height: 20px;
  background-image: url(../images/giallo_20.png);
}
.sr {
  text-align: center;
  height: 20px;
  background-image: url(../images/rosso_20.png);
  color: White;
}
.ss {
  text-align: center;
  height: 20px;
  background-image: url(../images/grigio_20.png);
  color: White;
}
.sv80 {
  text-align: center;
  height: 80px;
  background-image: url(../images/verde_80.png);
}
.sb80 {
  text-align: center;
  height: 80px;
  background-image: url(../images/blu_80.png);
}
.sa80 {
  text-align: center;
  height: 80px;
  background-image: url(../images/arancio_80.png);
}
.sg80 {
  text-align: center;
  height: 80px;
  background-image: url(../images/giallo_80.png);
}
.sr80 {
  text-align: center;
  height: 80px;
  background-image: url(../images/rosso_80.png);
  color: White;
}
.ss80 {
  text-align: center;
  height: 80px;
  background-image: url(../images/grigio_80.png);
  color: White;
}
/* end*/
/* zona size % div */
.twoThird {
  width: 67%;
}
.half {
  width: 50%;
}
.third {
  width: 33%;
}
.quarter {
  width: 25%;
}
.fifth {
  width: 20%;
}
/* end zona size % div */
/* reset links!*/
.noLink {
  text-decoration: none !important;
}
/* gestione gridview generica */
.headerStyle {
  background-color: #507CD1;
  font-weight: bold;
  color: White;
  white-space: nowrap;
}
.pagerStyle {
  background-color: #2461BF;
  color: White;
  white-space: nowrap;
  text-align: center;
  margin: auto;
  font-size: medium;
}
.editRowStyle {
  /*background-color: #2461BF;*/
  background-image: -webkit-gradient(linear, left top, left bottom, from(#4683ff), to(#2461BF));
  background-image: -webkit-linear-gradient(#4683ff, #2461BF);
  background-image: -moz-linear-gradient(#4683ff, #2461BF);
  background-image: -ms-linear-gradient(#4683ff, #2461BF);
  background-image: -o-linear-gradient(#4683ff, #2461BF);
  background-image: linear-gradient(#4683ff, #2461BF);
}
.selectedRowStyle {
  /*background-color: #D1DDF1;*/
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dfd), to(#80ff80));
  background-image: -webkit-linear-gradient(#dfd, #80ff80);
  background-image: -moz-linear-gradient(#dfd, #80ff80);
  background-image: -ms-linear-gradient(#dfd, #80ff80);
  background-image: -o-linear-gradient(#dfd, #80ff80);
  background-image: linear-gradient(#dfd, #80ff80);
  font-weight: bold;
}
.sortAscHead {
  background-color: #6D95E1;
}
.sortDescHead {
  background-color: #4870BE;
}
.sortAscCell {
  background-color: #F5F7FB;
}
.sortDescCell {
  background-color: #E9EBEF;
}
/* end gridView */
/* gestione gridview Red */
.headerStyleRed {
  background-color: #D17C50;
  font-weight: bold;
  color: White;
  white-space: nowrap;
}
.footerStyleRed {
  background-color: #D17C50;
  font-weight: bold;
  color: White;
  white-space: nowrap;
}
.pagerStyleRed {
  background-color: #BF6124;
  color: White;
  white-space: nowrap;
  text-align: center;
  margin: auto;
  font-size: medium;
}
.rowStyleRed {
  background-color: #EAE2DE;
}
.alternatingRowStyleRed {
  background-color: White;
}
.editRowStyleRed {
  background-color: #BF6124;
}
.selectedRowStyleRed {
  background-color: #F1DDD1;
  font-weight: bold;
}
.sortAscHeadRed {
  background-color: #E1956D;
}
.sortDescHeadRed {
  background-color: #BE7048;
}
.sortAscCellRed {
  background-color: #FBF7F5;
}
.sortDescCellRed {
  background-color: #EFEBE9;
}
/* end gridView */
/* gestione gridview Green */
.headerStyleGreen {
  background-color: #7CD150;
  font-weight: bold;
  color: White;
  white-space: nowrap;
}
.footerStyleGreen {
  background-color: #7CD150;
  font-weight: bold;
  color: White;
  white-space: nowrap;
}
.pagerStyleGreen {
  background-color: #61BF24;
  color: White;
  white-space: nowrap;
  text-align: center;
  margin: auto;
  font-size: medium;
}
.rowStyleGreen {
  background-color: #E2EADE;
}
.alternatingRowStyleGreen {
  background-color: White;
}
.editRowStyleGreen {
  background-color: #61BF24;
}
.selectedRowStyleGreen {
  background-color: #DDF1D1;
  font-weight: bold;
}
.sortAscHeadGreen {
  background-color: #95E16D;
}
.sortDescHeadGreen {
  background-color: #70BE48;
}
.sortAscCellGreen {
  background-color: #F7FBF5;
}
.sortDescCellGreen {
  background-color: #EBEFE9;
}
/* end gridView */
/* colore testi */
.textArancio {
  color: #FFAA33;
}
.textAzzurro {
  color: #36F;
}
.textNero {
  color: #000;
}
.textGrigio {
  color: #888;
}
/* gestione etichette calcolate*/
.badgeRosso {
  border: solid 2px red;
  background-color: #FFAAAA;
  width: 100%;
  text-align: center;
}
.badgeStd {
  border: solid 2px #333;
  background-color: #EEE;
  width: 100%;
  text-align: center;
}
.badgeVerde {
  border: solid 2px green;
  background-color: #AAFFAA;
  width: 100%;
  text-align: center;
}
.badgeArancio {
  border: solid 2px #998800;
  background-color: #FFEE66;
  width: 100%;
  text-align: center;
}
/*end etichette calcolate */
/* modal popup*/
.modalBackground {
  background-color: gray;
  filter: alpha(opacity=70);
  opacity: 0.7;
}
/* end */
/* button con template */
.shadowBox {
  -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
}
.placardSteamware {
  background-image: url(../images/logo_sw.png);
  background-repeat: no-repeat;
  background-position: top left;
  padding-bottom: 128px;
  min-height: 200px;
}
.btnHomeLogo {
  background-image: url(../images/time.png);
  background-repeat: no-repeat;
  background-position: top;
  padding-bottom: 128px;
  margin-top: 10px;
}
.btnHomeBarcode {
  background-image: url(../images/barcode.png);
  background-repeat: no-repeat;
  background-position: bottom;
  padding-bottom: 128px;
  min-height: 200px;
  height: 100%;
  width: 100%;
}
.btnHomeAdmin {
  background-image: url(../images/adminRed.png);
  background-repeat: no-repeat;
  background-position: top;
  padding-bottom: 128px;
  min-height: 200px;
  height: 100%;
  width: 100%;
}
.btnHomeSmart {
  background-image: url(../images/smart.png);
  background-repeat: no-repeat;
  background-position: bottom;
  padding-bottom: 128px;
  min-height: 200px;
  height: 100%;
  width: 100%;
}
.btnHomeUser {
  background-image: url(../images/user.png);
  background-repeat: no-repeat;
  background-position: top;
  padding-bottom: 128px;
  min-height: 200px;
  height: 100%;
  width: 100%;
}
.btnChiudi {
  background-image: url(../images/cancel_m.png);
  background-repeat: no-repeat;
  background-position: right;
  border: 1px solid #333333;
  padding: 4px;
  padding-right: 28px;
}
.btnNew {
  background-image: url(../images/new_m.png);
  background-repeat: no-repeat;
  background-position: right;
  border: 1px solid #333333;
  padding: 4px;
  padding-right: 28px;
}
.btnDelete {
  background-image: url(../images/elimina_m.png);
  background-repeat: no-repeat;
  background-position: right;
  border: 1px solid #333333;
  padding: 4px;
  padding-right: 28px;
}
.btnEditBig {
  background-image: url(../images/edit_l.png);
  background-repeat: no-repeat;
  background-position: right;
  border: 1px solid #333333;
  padding: 4px;
  padding-right: 28px;
}
.btnEdit {
  background-image: url(../images/edit_m.png);
  background-repeat: no-repeat;
  background-position: right;
  border: 1px solid #333333;
  padding: 4px;
  padding-right: 28px;
}
.btnClonaBig {
  background-image: url(../images/clonaObj_l.png);
  background-repeat: no-repeat;
  background-position: right;
  border: 1px solid #333333;
  padding: 4px;
  padding-right: 28px;
}
.btnClona {
  background-image: url(../images/clonaObj_m.png);
  background-repeat: no-repeat;
  background-position: right;
  border: 1px solid #333333;
  padding: 4px;
  padding-right: 28px;
}
.btnNaviga {
  background-image: url(../images/naviga_m.png);
  background-repeat: no-repeat;
  background-position: right;
  border: 1px solid #333333;
  padding: 4px;
  padding-right: 28px;
}
.btnExportCSV {
  background-color: #DEDEDE;
  background-image: url(../images/download_m.png);
  background-repeat: no-repeat;
  background-position: right;
  border: 1px solid #333333;
  padding: 4px;
  padding-right: 24px;
  font-size: 10pt;
}
.btnRosso {
  border: solid 2px red;
  background-color: #FFAAAA;
  width: 100%;
  text-align: center;
}
.btnRossoGrad {
  border: solid 2px red;
  background-color: #FFAAAA;
  width: 100%;
  text-align: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFAAAA), to(#994444));
  background-image: -webkit-linear-gradient(#FFAAAA, #994444);
  background-image: -moz-linear-gradient(#FFAAAA, #994444);
  background-image: -ms-linear-gradient(#FFAAAA, #994444);
  background-image: -o-linear-gradient(#FFAAAA, #994444);
  background-image: linear-gradient(#FFAAAA, #994444);
}
.btnArancio {
  border: solid 2px #998800;
  background-color: #FFEE66;
  width: 100%;
  text-align: center;
}
.btnVerde {
  border: solid 2px green;
  background-color: #AAFFAA;
  width: 100%;
  text-align: center;
}
.btnVerdeGrad {
  border: solid 2px green;
  background-color: #AAFFAA;
  text-align: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#AAFFAA), to(#449944));
  background-image: -webkit-linear-gradient(#AAFFAA, #449944);
  background-image: -moz-linear-gradient(#AAFFAA, #449944);
  background-image: -ms-linear-gradient(#AAFFAA, #449944);
  background-image: -o-linear-gradient(#AAFFAA, #449944);
  background-image: linear-gradient(#AAFFAA, #449944);
}
.btnBlu {
  border: solid 2px blue;
  background-color: #AAAAFF;
  width: 100%;
  text-align: center;
}
.btnPreferred {
  font-size: 3em;
  border: solid 4px red;
  background-color: #FFACAC;
  width: 100%;
  min-height: 200px;
  height: 100%;
  text-align: center;
  white-space: pre;
}
.btnStd {
  font-size: 3em;
  color: #696969;
  border: solid 4px #333;
  background-color: #ACACAC;
  width: 100%;
  min-height: 200px;
  height: 100%;
  text-align: center;
  white-space: pre;
}
/* end buttons! */
.bottomWrite {
  font-size: 8pt;
}
.lblWarning {
  color: Red;
}
/* zona menù top */
.menuNav {
  background-color: #B5C7DE;
  color: #284E98;
  font-size: 1.2em;
}
.menuNavSel {
  background-color: #507CD1;
}
.menuItem {
  width: 200px;
}
/* end zona menu */
/* zona colorazione filtri */
.filtro_1 {
  background-color: #8888ff;
}
.filtro_2 {
  background-color: #aaaaff;
}
.filtro_3 {
  background-color: #ccccff;
}
.filtro_4 {
  background-color: #dedeff;
}
.filtro_5 {
  background-color: #efefff;
}
/* @end */
/* area gestione etichette tab */
.tabLabelGreen {
  background-color: #DDFFDD;
  border-top: 1px solid #339933;
  border-left: 1px solid #339933;
  border-right: 1px solid #339933;
  height: 1.5em;
  vertical-align: middle;
  padding-top: 0.5em;
  font-size: 13pt;
  font-weight: bold;
}
.tabBodyGreen {
  background-color: #DDFFDD;
  border-bottom: 1px solid green;
  border-left: 1px solid green;
  border-right: 1px solid green;
}
.tabLabelGray {
  background-color: #DEDEDE;
  border-top: 1px solid #333333;
  border-left: 1px solid #333333;
  border-right: 1px solid #333333;
  height: 1.5em;
  vertical-align: middle;
  padding-top: 0.5em;
  font-size: 13pt;
  font-weight: bold;
}
.tabBodyGray {
  background-color: #DEDEDE;
  border-bottom: 1px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black;
}
/* @end */
/* dimensione caratteri & co */
.fontTitolo {
  font-size: 44pt;
  height: 36px;
}
.fontMedio {
  font-size: 16pt;
}
.fontNormale {
  font-size: 10pt;
}
.fontPiccolo {
  font-size: 8pt;
}
.labelInput {
  font-size: 9pt;
  color: #555;
}
/* @end */
/* autocomplete e watermarking */
.watermark {
  color: Gray;
  font-style: italic;
}
.autocomplete {
  width: 400px;
  color: Gray;
  background-color: White;
  font-size: 8pt;
  padding: 4px 1px 4px 1px;
  border-bottom: 1px solid #888;
}
.autocompleteHiglight {
  width: 400px;
  color: Black;
  background-color: Yellow;
  font-size: 8pt;
  padding: 4px 1px 4px 1px;
  border-bottom: 1px solid #888;
}
.autocompleteElemID {
  background-color: Red;
  font-weight: bold;
}
.autocompleteListCssClass {
  width: 400px;
  font-size: 8pt;
  background-color: White;
  padding: 2px 2px 2px 2px;
}
/* @end */
/* gestione blocco dati */
.dataBlock {
  background-color: #FFFFFF;
  font-size: 9pt;
  border: solid 1px gray;
  vertical-align: text-top;
  text-align: left;
}
.dataBlockHeader {
  border-top: solid 2px gray;
  border-bottom: solid 1px gray;
  border-left: solid 2px gray;
  border-right: solid 2px gray;
  background-color: #EFEFEF;
  font-weight: bold;
  padding: 2px;
}
.dataBlockSx {
  float: left;
  text-align: left;
}
.dataBlockDx {
  float: right;
  text-align: right;
}
.dataBlockLabel {
  border-top: solid 1px #FEFEFE;
  padding-right: 2px;
  padding-left: 2px;
}
.dataBlockValue {
  color: Black;
  font-weight: bold;
  padding-right: 4px;
  padding-left: 4px;
  margin-bottom: 0px;
  font-weight: normal;
}
.dataBlockReset {
  clear: both;
  padding-bottom: 2px;
  margin-bottom: 2px;
}
.dataBlockResetGray {
  border-bottom: solid 1px #CECECE;
  clear: both;
  padding-bottom: 2px;
  margin-bottom: 2px;
}
.dataBlockResetDark {
  border-bottom: solid 1px #363636;
  clear: both;
  padding-bottom: 2px;
  margin-bottom: 2px;
}
.dataBlockBtn {
  background-color: #FAFAFA;
  border: solid 1px gray;
  padding-top: 4px;
  padding-bottom: 4px;
  vertical-align: text-top;
  margin: 0px;
  text-align: center;
}
.blockSizeSmallest {
  width: 175px;
}
.blockSizeSmaller {
  width: 200px;
}
.blockSizeSmall {
  width: 225px;
}
.blockSizeMed {
  width: 250px;
}
.blockSizeLarge {
  width: 275px;
}
.blockSizeXLarge {
  width: 300px;
}
.blockSizeXXLarge {
  width: 350px;
}
.blockSizeXXXLarge {
  width: 400px;
}
.blockSpac {
  padding: 0.3em;
  margin-bottom: 0.5em;
  width: 100%;
}
/* END gestione blocco dati */
/* standard gridview */
.grView {
  color: #333333;
  font-size: 8pt;
  padding: 1px;
}
.ctrHeaderPager {
  background-color: #b8b8b8;
  font-weight: bold;
  color: White;
}
.ctrHeaderPagerRight {
  background-color: #b8b8b8;
  font-weight: bold;
  color: White;
  text-align: right;
}
.ctrHeaderPagerBlue {
  background-color: #507CD1;
  height: 1px;
}
.ctrHeaderPagerBlueRight {
  background-color: #507CD1;
  height: 1px;
  text-align: right;
}
.ctrFooter {
  background-color: #507CD1;
  font-weight: bold;
  color: White;
}
.ctrRowStyle {
  vertical-align: top;
  background-color: #EFF3FB;
}
/* end gridview */
/* area conf x gestione pagine full con barcode (es: spostamenti gitterbox, postazioni...) */
.stileAttesa {
  background: #AAAAAA;
  text-align: center;
}
.stileComandoOk {
  background: #AAFFAA;
  text-align: center;
}
.stileComandoKo {
  background: #FFAAAA;
  text-align: center;
}
.stileComandoAdd {
  background: #AAAAFF;
  text-align: center;
}
.stileComandoND {
  background: #FFFFAA;
  text-align: center;
}
.clockBar {
  color: #9CC0FF;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#999), to(#000));
  background-image: -webkit-linear-gradient(#999, #000);
  background-image: -moz-linear-gradient(#999, #000);
  background-image: -ms-linear-gradient(#999, #000);
  background-image: -o-linear-gradient(#999, #000);
  background-image: linear-gradient(#999, #000);
}
.fullPageHeader {
  border-bottom: solid 2px Black;
  background-color: #6C90FF;
  font-weight: bold;
}
.msgBoxBarcode {
  border-top: solid 2px Black;
  border-bottom: solid 2px Black;
  background-color: #E5E5E5;
}
.stileErr01 {
  background: #FF6633;
  text-align: center;
}
.stileErr02 {
  background: #FFAA77;
  text-align: center;
}
.stileErr03 {
  background: #FF3300;
  text-align: center;
}
/* end gestione barcode full page */
/* Tag Cloud */
#tagCloud {
  /*border: solid 1px #ccc;*/
  /*padding: 0.2rem;*/
  margin-bottom: 0.4rem;
  text-align: justify;
  line-height: 1.1rem;
  font-size: 0.9em;
}
#tagCloud A {
  text-decoration: none;
  margin-left: 0.2rem;
  margin-right: 0.2rem;
  border: 1px solid #FFFFFF;
}
#tagCloud A:hover {
  /*text-transform: uppercase;*/
  /*text-decoration: underline;*/
  /*font-weight: 800;*/
  border: 1px solid #4683ff;
  background-color: #c8ddff;
}
#tagCloud A.w1 {
  color: #ff9900;
  font-size: 1.9em;
  font-weight: bolder;
}
#tagCloud A.w2 {
  color: #4169e1;
  font-size: 1.5em;
  font-weight: bolder;
}
#tagCloud A.w3 {
  color: #009eff;
  font-size: 1.4em;
  font-weight: bolder;
}
#tagCloud A.w4 {
  color: #4188cf;
  font-size: 1.2em;
}
#tagCloud A.w5 {
  color: #83bcd8;
  font-size: 1em;
}
#tagCloud A.e1 {
  /*text-wrap: none;
  white-space: nowrap;*/
  color: #d88100;
}
#tagCloud A.e2 {
  /*text-wrap: none;
  white-space: nowrap;*/
  color: #7d4b00;
}
#tagCloud A.e3 {
  /*text-wrap: none;
  white-space: nowrap;*/
  color: #0b2055;
}
#tagCloud A.e4 {
  /*text-wrap: none;
  white-space: nowrap;*/
  color: #4188cf;
}
#tagCloud A.e5 {
  /*text-wrap: none;
  white-space: nowrap;*/
  color: #83bcd8;
}
#tagCloud A.p1 {
  color: #ff9900;
  font-size: 1.9em;
  font-weight: bolder;
  min-width: 100%;
  text-align: center;
  text-wrap: none;
  background-color: #ffe5c3;
  margin: 2px 0px;
  min-height: 3em;
}
#tagCloud A.p2 {
  color: #4169e1;
  font-size: 1.5em;
  font-weight: bolder;
  width: 48%;
  text-align: center;
  float: left;
  margin: 2px 2px;
  text-wrap: none;
  background-color: #e6ecfc;
  min-height: 3em;
}
#tagCloud A.p3 {
  color: #009eff;
  font-size: 1.4em;
  font-weight: bolder;
  width: 32%;
  text-align: center;
  float: left;
  margin: 2px 2px;
  text-wrap: none;
  background-color: #c3e9ff;
  min-height: 3em;
  /*white-space: nowrap;*/
}
#tagCloud A.p4 {
  color: #4188cf;
  font-size: 1.2em;
  width: 23%;
  text-align: center;
  float: left;
  margin: 2px 2px;
  text-wrap: none;
  background-color: #d7e6f5;
  min-height: 2em;
}
#tagCloud A.p5 {
  color: #83bcd8;
  font-size: 1em;
  width: 18%;
  text-align: center;
  float: left;
  margin: 2px 2px;
  text-wrap: none;
  background-color: #f8fbfc;
  min-height: 2em;
}
#tagCloud A.p6 {
  color: #83bcd8;
  font-size: 1em;
  width: 16.6%;
}
#tagCloud A.p7 {
  color: #83bcd8;
  font-size: 0.9em;
  width: 10%;
}
/* END Tag Cloud */