
#title{
//  height: 120px;
  padding: 0px;
//  margin-left: auto;
//  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 10px;
//  background: #dedede;

background-image: linear-gradient(bottom, rgb(209,209,209) 26%, rgb(250,250,250) 54%);
background-image: -o-linear-gradient(bottom, rgb(209,209,209) 26%, rgb(250,250,250) 54%);
background-image: -moz-linear-gradient(bottom, rgb(209,209,209) 26%, rgb(250,250,250) 54%);
background-image: -webkit-linear-gradient(bottom, rgb(209,209,209) 26%, rgb(250,250,250) 54%);
background-image: -ms-linear-gradient(bottom, rgb(209,209,209) 26%, rgb(250,250,250) 54%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.26, rgb(209,209,209)),
	color-stop(0.54, rgb(250,250,250))
);
//  border: 0px solid #ffffff;
  -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.5);
  box-shadow: 0 2px 4px rgba(0,0,0,0.5);
  padding-bottom: 3px;
}


.ui-tabs .ui-tabs-panel {
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-top: 0px;
}

#container{
//  border: 1px solid #ffffff;
  margin: 3px;
  -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.5);
  box-shadow: 0 2px 4px rgba(0,0,0,0.5);
}

#logo
{
  position: relative;
	display: block;
  width: 301px;
  height: 80px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 10px;
  padding-top: 10px;
  left: 0;
  right: 0;
}
 
body{
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 0.7em;
  background-color: #eeeeee;
  padding: 0px;
  margin: 0px;
}

#myGrid
{
  display: block;
  position: relative;
  max-width: 100%;
  max-height: 900%;
  margin-left: auto;
  margin-right: auto;
}

.toolbar {
    position: relative;
    display: table;
    width: auto;
    text-align: right;
}

.toolbar-text {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    width: auto;
}

.ui-tool {
    display: table-cell;
    overflow: hidden;
    background-repeat: no-repeat;
    padding: 2px;
}

.label-grid{
//  margin-left: 5px;
  color: #dddddd;
  font-size: 12px;
//  display: inline-block;
//  position: relative;
  left: 5px;
  text-align: left;
//  border: solid 1px red;
}

div.lst {
    display: table-cell;
    margin: 0px 0px;
    padding: 0px 5px 0px 0px;
    text-align: left;
    vertical-align: bottom;
}

div.lst label {
 display: block;   
}

.grid-header{
  padding-top: 13px;
  padding-bottom: 13px;
  padding-left: -3px;
  padding-right: -6px;
  position: relative;
  background: #222222 url(../Styles/ui-bg_highlight-soft_35_222222_1x100.png) 50% 50% repeat-x !important;
//  border: solid 1px yellow;
}

.middle{
  display: inline-block;
  vertical-align: middle;
}

.tool-middle {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.top{
  display: inline-block;
  vertical-align: top;
}

.grid-header span{
  margin-right: 3px;
}

.cell-centered{
  text-align: center;
}

.cell-left{
  text-align: left;
}

.cell-anagrafica{
  text-align: left;
}

.cell-fiera{
  text-align: left;
}

.cell-anagrafica:hover{
  cursor: pointer;
}

.cell-right{
  text-align: right;
}

.slick-header-column {
   text-align: center;
   font-weight: bold !important;
}

.slick-pager{
  border: 0px;
}


//###########################################################

.cell-selection {
  border-right-color: silver;
  border-right-style: solid;
  background: #dfdfdf;
  color: gray;
  text-align: right;
  font-size: 12px;
}

.slick-row.selected .cell-selection {
  background-color: transparent; /* show default selected row background */
}

.slick-cell.selected {
    background-color: #B0E0E6;
}

.slick-row.complete {
  background-color: #DFD;
  color: #555;
}

.slick-row.selected .cell-move-handle {
  background: #D5DC8D;
}

.cell-move-handle:hover {
  background: #b6b9bd;
}

.slick-header-column.ui-state-default {
    background:none ;
    background-color: #505050 ;
    color: #eeeeee; 
    border: none; 
    border-left: solid 1px #404040;  
    border-bottom: solid 1px #404040;  
    padding-left: 2px;
    padding-right: 2px;
    text-shadow: none;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 1.2em;
    height: 42px;
    line-height: 22px;    
}

.slick-cell.editable {
    z-index: 11;
    background: none repeat scroll 0% 0% #FFF;
    border-color: #999;
    border-style: solid;
    //padding: 0px !important;
    //margin: 0px !important;
    overflow: hidden;
    border-width: 1px;
    text-align: right;
}

.ui-state-default a{
    font-weight: bold !important;
    font-size: 1.3em;
}

.slick-row.ui-widget-content {
    background: none;
    background-color: #eeeeee;
    color: #666666;
    border: none;
    border-left: solid 1px #ffffff;
    border-bottom: solid 1px #ffffff;
    font-size: 11px;
    height: 22px;
    line-height: 22px;
}

.slick-cell {
    background: none;
    color: #505050;
    border: none;
    border-left: solid 1px #ffffff;
    border-bottom: solid 1px #ffffff;
    font-size: 11px;
    height: 22px;
    line-height: 22px;
    padding-right: 5px;
}

.scaduto {
  background: none;
  background-color: #FF9999 !important;
}

.slick-header-column:hover, .slick-header-column-active {
  background-color: #404040;
}

.icons{
    margin: 0px;
}

.icons:hover{
    box-shadow: 0 0 3px #FFFF00;
    cursor: pointer;
}

.slick-headerrow-column {
  background: #87ceeb !important;
  text-overflow: clip;
  text-align: right;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.slick-headerrow-column input {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.slick-viewport {
  overflow-x: hidden !important;
}

.slick-sort-indicator {
  position: absolute !important;
}

.grid-container{
//  border: solid 1px #dddddd;
}

.checkbox_group{
  float:left;
  margin-top:"8px";
  display: inline-flex;
  vertical-align: center;
}

.checkbox_group .ui-state-default
 {
  border: 1px solid #444444 !important;
  background: #222222 url(../Styles/ui-bg_highlight-soft_35_222222_1x100.png) 50% 50% repeat-x !important;
  font-weight: normal !important;
  color: #eeeeee !important;
}

.checkbox_group .ui-state-hover .ui-state-focus {
  border: 1px solid #0b93d5 !important;
  background: #003147 url(../Styles/ui-bg_highlight-soft_33_003147_1x100.png) 50% 50% repeat-x !important;
  font-weight: normal !important;
  color: #ffffff !important;
}

.checkbox_group .ui-state-active {
  border: 1px solid #26b3f7 !important;
  background: #0972a5 url(../Styles/ui-bg_highlight-hard_20_0972a5_1x100.png) 50% 50% repeat-x !important;
  font-weight: normal !important;
  color: #ffffff !important;
}


.radio_btn{
  float:left;
  margin-top:"8px";
  display: inline-flex;
  vertical-align: center;
}

.radio_btn .ui-state-default
 {
  border: 1px solid #444444 !important;
  background: #222222 url(../Styles/ui-bg_highlight-soft_35_222222_1x100.png) 50% 50% repeat-x !important;
  font-weight: normal !important;
  color: #eeeeee !important;
}

.radio_btn .ui-state-hover .ui-state-focus {
  border: 1px solid #0b93d5 !important;
  background: #003147 url(../Styles/ui-bg_highlight-soft_33_003147_1x100.png) 50% 50% repeat-x !important;
  font-weight: normal !important;
  color: #ffffff !important;
}

.radio_btn .ui-state-active {
  border: 1px solid #26b3f7 !important;
  background: #0972a5 url(../Styles/ui-bg_highlight-hard_20_0972a5_1x100.png) 50% 50% repeat-x !important;
  font-weight: normal !important;
  color: #ffffff !important;
}

.ui-widget { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 0.8em; }

.ui-combobox {
  position: relative;
  display: inline-block;
}

.ui-autocomplete-input {
  margin: 0;
  padding: 0.3em;
}
