#header {
    height: 95px;
    margin: 0px;
    padding: 0px;
    border-top: none;
    background-image: url('../images/forest.jpg');
    background-repeat: no-repeat;
    background-position: left top;
}

#siteName {
    float: right;
    padding: 45px 10px 0 200px;
    font-size: 1.7em;
    font-weight: bold;
    color: #E6F799;
    text-align: right;
}

#userName {
    font-size: 0.7em;
    font-weight: bold;
    color: #E6F799;
    text-align: right;
}

#loginWrapper {
    height:220px;
}

#aziendaTable{
    margin: 20px auto 0 auto;
    width: 60%;
}

#mainmenu {
    background:  url('../images/bg1.png') repeat-x scroll left top white;
}

.flash-ul {
    margin: 0.2em 0;
}

input[type='submit'] {
    background-color: #912E2E;
    padding: 5px 10px;
    margin: 0 auto;
    cursor: pointer;
}

button, input[type='button'] {
    /*background: url("bg.gif") repeat-x scroll left top white;*/
    padding: 5px;
    cursor: pointer;
}

img {
    cursor: pointer;
}

input {
    padding-left: 3px;
    padding-right: 3px;
}

button, input[type='button'], input[type='submit'] {
    border:#006699 thin solid;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    text-transform: none;

    border-radius: 5px;
    -webkit-border-radius: 5px;

    box-shadow: 3px 3px 8px #AAAAAA;
    -webkit-box-shadow: 3px 3px 8px #AAAAAA;
}

tr.filters input{
    padding: 0;
}

fieldset, div.form fieldset{
    margin-bottom: 20px;
    background-color: #e5eCf9;
    border-radius: 5px;
    -webkit-border-radius: 5px;

    box-shadow: 3px 3px 8px #AAAAAA;
    -webkit-box-shadow: 3px 3px 8px #AAAAAA;
}

legend {
    color: #006699;
    font-size: 1.1em;
    font-family:san-serif;
    font-weight: bold;
    font-style: italic;
    margin: 0 30px;
    padding: 2px 20px;
    background-color: #D0E3EF;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    opacity: 0.75;

    box-shadow: 2px 2px 8px #888888;
    -webkit-box-shadow: 2px 2px 8px #888888;
}

table {
    margin-bottom: 0px;
    border-spacing: 1px;
    background-color: grey;
}

#cslogin {
    background-image: url('../images/sfondo3.jpg');
    height: 551px;
    width: 859px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}

.redBorder {
    color: red;
    border: solid 1px red;
    text-align: center;
    padding: 10px;
}

div.wide.form label {
    float: left;
    margin-right: 10px;
    position: relative;
    text-align: right;
    width: 100%;
    font-weight: bold;
    font-size: 13px;
    padding-top: 3px;
}

div.wide.form label.left {
    float: left;
    margin-right: 10px;
    position: relative;
    text-align: left;
    width: 100%;
    font-weight: bold;
    font-size: 13px;
    padding-top: 3px;
}

div.specwide.form label {
    text-align: right;
    /*    width: 100%;*/
    font-weight: bold;
    font-size: 1em;
}

.row {
    line-height: 25px;
}

.mynote {
    padding-top: 13px;
    font-size: 0.9em;
    font-style: normal;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
}

.mynote a {
    color: #FFFFFF;
    padding: 8px;
}

.mynote a:visited {
    color: #000000;
}

.mynote a:hover {
    background: #80CFFF;
}

.center {
    text-align: center;
}

.ui-widget {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
    margin: 1px;
    padding-bottom: 10px;
}
.ui-tabs .ui-tabs-nav li {
    margin-right: 0;
}

div.wide.form .buttons, div.wide.form .hint, div.wide.form .errorMessage {
    clear: left;
    padding-left: 0px;
}

.errorMessage {
    text-align: center;
}

.calendar {
    background-color: #AAAABB;
    text-align: center;
    width: 82px;
    border-width: 1px;
}

.greyBackground {
    background-color: lightgray;
}

.loading {
    background-image: url('../images/loading.gif');
    background-position: right;
    background-repeat: no-repeat;
    opacity: 0.7;
}

.typingField {
    background-color: #fcefa1;
    border-width: 1px;
}

.rightalign {
    text-align: right;
    padding-right: 4px;
}

div.view.normalheight {
    overflow: auto;
    padding: 0 0 5px 0;
}

div.view.normalheight div.row span {
    font-weight: bold;
}

div.view.normalheight div.row span label {
    font-weight: normal;
}

#sidebarLeft {
    padding: 20px;
    float: left;
    width: 10%;
}

#contentRigth {
    padding: 20px;
    float: right;
    width: 80%;
}

.functionIcon {
    height: 20px;
    width: 20px;
    vertical-align: middle;
    padding-right: 10px;
}

.even {
    background-color: #F8F8F8;
}

.odd {
    background-color: #E5F1F4;
}

.redbg {
    background-color: #F44A4A;
    color: #000000;
    font-weight: bold;
}

.redChars {
    color: #F44A4A;
/*    font-weight: bold;*/
}

.purplebg {
    background-color: #b059d6;
    color: #000000;
    font-weight: bold;
}


.purplelightbg {
    background-color: #c482e0;
    color: #000000;
    font-weight: bold;
}


.yellowrow {
    background-color: #ECF3A8;
    font-weight: bold;
}

.specialrow {
    background-color: #76b900;
    color: #1a1a1a;
}

.specialrow td {
    font-weight: bold;
}

.floatright {
    float: right;
}

#calculatorDialog.form input {
    font-size: 10px;
}

.clickableCell {
    cursor: pointer;
}

.ui-autocomplete { height: 300px; overflow-y: scroll; overflow-x: hidden;}

.azienda{
    background-color: #F44A4A;
    color: white;
}

.domestica, div.form label.domestica {
    display: none;
}

#fctempagTempGrid table.items tr td {
    text-align:center;
}

#fileUploadProgressbar {
    visibility: hidden;
}

#fileUploadProgressbar .ui-progressbar-value {
    background-color: #ccc;
}

#fctempag-child-grid {
    width: 1400px;
}

#generaFatturaGrid {
    line-height: 18px;
}

.grid-view table.wideTable
{
	width: 250%;
}

.radius {
    border-radius: 5px;
    -webkit-border-radius: 5px;

    box-shadow: 3px 3px 8px #AAAAAA;
    -webkit-box-shadow: 3px 3px 8px #AAAAAA;
}

.ui-tabs {
    overflow: auto;
}

.addNew {
    vertical-align: middle;
    width: 16px;
    height: 16px;
}

img.smallIcon,
input[type='image'].smallIcon {
    width: 24px;
    height: 24px;
}

.mySmallIcon img,
input[type='image'].mySmallIcon {
    width: 16px;
    height: 16px;
}

.annoInMenu {
    vertical-align: middle;
    font-size: 12px;
    padding-right: 3px;
}

div.minimizedView {
    border-color: grey;
    /*padding: 2px 0;*/
    /*padding: 2px;*/
    margin: 5px 0;
    /*border: 1px solid #808080;*/
}

div.minimizedView div.grid-view {
    padding: 0;
    /*border: 1px solid #808080;*/
}

div.minimizedView div.grid-view table.items thead {
    /*line-height: 0px;*/
    /*border: 1px solid #808080;*/
}

div.minimizedView div.grid-view table.items th {
    background-image: none;
}

.mywrapper {
    padding-top: 3px;
}

.mywrapper2 {
    padding-top: 2px;
}

input.number {
    text-align: right;
}

.myBorder {
    border: 1px darkgreen solid;
    padding: 1px 3px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}

.ticketMessage{
    background-color: #FF7171;
    border: solid 1px red;
    text-align: center;
    padding: 10px;
}

.ticketMessage a{
    color: white;
    text-align: center;
    text-decoration: none;
}

.tableValueCenter td{
    text-align: center;
}

.bold {
    font-weight: bold;
}
/* clear the input fields right X and reveal */
::-ms-clear { display: none; }
::-ms-reveal { display: none; }

.my10 { width: 10px}
.my20 { width: 20px}
.my30 { width: 30px}
.my40 { width: 40px}
.my50 { width: 50px}
.my60 { width: 60px}
.my70 { width: 70px}
.my80 { width: 80px}
.my90 { width: 90px}
.my100 { width: 100px}
.my120 { width: 120px}
.my130 { width: 130px}
.my140 { width: 140px}
.my160 { width: 160px}
.my170 { width: 170px}
.my180 { width: 180px}
.my200 { width: 200px}
.my210 { width: 210px}
.my220 { width: 220px}
.my230 { width: 230px}
.my240 { width: 240px}
.my250 { width: 250px}
.my260 { width: 260px}
.my270 { width: 270px}
.my280 { width: 280px}
.my290 { width: 290px}
.my300 { width: 300px}
.my320 { width: 320px}
.my340 { width: 320px}
.my350 { width: 350px}
.my400 { width: 400px}
.my450 { width: 450px}
.my500 { width: 500px}
.my550 { width: 550px}
.my600 { width: 600px}
.my660 { width: 600px}
.my700 { width: 700px}
.my800 { width: 800px}

.tooltip {
  position: relative;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 150px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 10px;
  position: absolute;
  z-index: 1;
  bottom: 85%;
  left: 50%;
  margin-left: -90px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}