html, body {
	background: #789CB0 url(../images/desktop.jpg) no-repeat center top;
    font: normal 12px tahoma, arial, verdana, sans-serif;
	margin: 0;
	padding: 0;
	border: 0 none;
	overflow: hidden;
	height: 100%;
	background-size: 100% 100%;
}

.sixty-pixel-height {
	height: 60px; line-height: 56px; 
}
.menuitems {
  font: normal 11px tahoma, arial, verdana, sans-serif;
  color:black;
  text-decoration:none;
}
.red {
  color:red;
}
.selectall {
    background-image:  url(../images/selectall.gif) !important;
}
.deselectall {
    background-image:url(../images/deselectall.gif) !important;
}
.valueNotNull {
    background-color: rgb(208,234,43) !important;
}
.menu {
    background-image:url(../images/menu.gif) !important;
}
.phone {
    background-image:url(../images/phone.gif) !important;
}
.map {
    background-image:url(../images/map.gif) !important;
}
.link {
    background-image:url(../images/link.gif) !important;
}
.griglia {
    background-image:url(../images/GridControl16.png) !important;
}
.dettaglio {
    background-image:url(../images/detail16.gif) !important;
}
.albero {
    background-image:url(../images/albero.gif) !important;
}
.import_file {
    background-image:url(../images/upload.png) !important;
}
.societa {
    background-image:url(../images/societa.gif) !important;
}
.divisione {
    background-image:url(../images/divisione.gif) !important;
}
.ente {
    background-image:url(../images/ente.gif) !important;
}
.cdc {
    background-image:url(../images/cdc.png) !important;
}
.dipendenti {
    background-image:url(../images/dipendenti.gif) !important;
}
.modulo {
    background-image:url(../images/modulo.gif) !important;
}
    
.resp {
  background-color: rgb(120, 255, 111) !important;
}
.altroresp {
  background-color: rgb(254,202,117) !important;
}

.functions {
    background-image:url(../images/functions.gif) !important;
}
.panels {
    background-image:url(../images/panels.gif) !important;
}
.panel {
    background-image:url(../images/panel.gif) !important;
}
.langs {
    background-image:url(../images/langs.gif) !important;
}
.database_add {
    background-image:url(../images/database_add.png) !important;
}
.new_win {
    background-image:url(../images/new_win.gif) !important;
}
.selector {
    background-image:url(../images/selector.gif) !important;
}
.exec {
    background-image:url(../images/appicon2.gif) !important;
}
.bl {
    background-image:url(../images/bl.gif) !important;
}
.database {
    background-image:url(../images/database.gif) !important;
}
.albero {
    background-image:url(../images/albero.gif) !important;
}
.languages {
	background-image:url(../4ws/images/langs.gif) !important;
}
.rel {
    background-image:url(../images/rel.gif) !important;
}
.applications {
	background-image:url(../4ws/images/apps.gif) !important;
}
.window {
	background-image:url(../4ws/images/functions.gif) !important;
}
.users {
	background-image:url(../4ws/images/users.gif) !important;
}
.roles {
	background-image:url(../4ws/images/roles.gif) !important;
}
.actions{
    background-image:url(../images/actions.gif) !important;
}
.translations{
    background-image:url(../images/flag.gif) !important;
}
.lens{
    background-image:url(../images/filter2.gif) !important;
}
.zip{
    background-image:url(../images/zip.gif) !important;
}
.link{
    background-image:url(../images/link.gif) !important;
}
.scriptExec{
		background-image:url(../images/script.gif) !important;	
}
.pdf{
		background-image:url(../images/pdf.gif) !important;	
}
.key{
		background-image:url(../images/admin.gif) !important;	
}
.workflow{
		background-image:url(../images/work2.gif) !important;	
}
.configureimpfile {
	  background-image:url(../images/commandserver.gif) !important;
}
.filterAlt {
	  background-image:url(../images/filter16.gif) !important;
}

.directories{
    background-image:url(../images/folder.png) !important;
}


.additionalDatastores{
    background-image:url(../images/datastores.gif) !important;
}

.datamodel {
    background-image:url(../images/albero.gif) !important;
}

.appointments {
    background-image:url(../images/appointments.gif) !important;
}
.reloadtree {
	 background-image:url(../extjsutils/images/reload.gif) !important;
}


.x-selectable,.x-selectable * {
                -moz-user-select: text !important;
                -khtml-user-select: text !important;
}

.left-right-buttons .x-panel-btns {
    text-align: 'center';
    align: 'center'
}

#backgroudImg{
	width:100%;
	height:100%;
}

#logoAppImg{
	width:100%;
	height:100%;
}

.remove-all-panes {
	background-image: url(../images/window.png) !important;
}

.remove-all-panes-except {
	background-image: url(../images/window2.png) !important;
}

.remove-current-panel {
	background-image: url(../images/window3.gif) !important;
}

.chat {
	background-image: url(../images/box.gif) !important;
}

/**---------------------------------------------------------------
 * Safari override fixes                                                     
 *---------------------------------------------------------------*/
.ext-safari .x-date-picker {
    width: 185px;
}


/**---------------------------------------------------------------
 * Chrome override fixes                                                     
 *---------------------------------------------------------------*/
.ext-chrome .x-date-picker {
    width: 185px;
}

/**---------------------------------------------------------------
 * 
 *---------------------------------------------------------------*/


#topbar{
  background-color:#f1f1f1;
  font-size: 11px;
  margin-bottom: 1px;
}
#topbar-divLogo img,#topbar-divCustomerLogo img{
  max-height:100%;
}
#topbar-divCustomerLogo {
  position:absolute !important;
  top:0px;
  right:150px;
}

/*#topbar-labels {
  position:absolute !important;
  top:5px;
  right:20px;
}*/

#topbar-info {
	margin-top: 0px;
	padding-top: 0px;
	/*top: 5px;
	float: right;
	width: 200px;*/
	right: 10px;     
	top: 5px;
	position:absolute !important;
}

#topbar-button {
	padding: 0px;
	margin: 0px;
	right: 10px; 
	_width: 120px;
}

.topbar-value {
  font-weight:bold;
}


/* Contiene div con img graypix e bottomLabels*/
#statusbar {
  position: absolute; 
  width: 100%;
  z-index: 10;
}

#statusbar-greypixel {
  position: relative;
}

#statusbar-labels{
  font-weight : normal;
  position:absolute !important;
  top:1px;
  left:10px;
}
/* Contiene contiene scritte versione e div divLogo*/
#statusbar-labels{
  font-weight: bold; 
  position:absolute !important;
  top:4px;
}

#statusbar-divLogo div{
  position:absolute !important;
  top:1px;
  left:1px;
}

/* Contiene immagine con logo */
#statusbar-divLogo {
  float: right; 
}


.statusbar-label, .statusbar-lb, .statusbar-lb span{
  float : left;
}

/* AB - WAG-180 - 22/04/2013 */

#statusbar-company { 
  position:absolute !important;
  top:5px;
  right:20px;
}

.statusbar-company-label {
  font-size:11px;
}

.statusbar-value {
  font-weight:bold;
}

/* AB */

.x-tree-checked {
    text-decoration: line-through;
    color: #777;
}
.x-grid-row-selected .x-grid-cell {
    background-color: #efefef !important;
}

/* MP MP ext.colorpalette */

.w-color-palette {
	/*width: 150px;*/
    width: auto;
    height: 380px; /* 20x single color px */ 
    cursor: pointer;
}

.w-color-palette a {
    border: 1px solid #deecfd;
    float: left;
    padding: 1px;
    text-decoration: none;
    -moz-outline: 0 none;
    outline: 0 none;
    cursor: pointer;
}

.w-color-palette a:hover, .w-color-palette a.w-color-palette-sel {
	/*border: 1px solid;*/
    border: 1px solid #00ecfd;
}

.w-color-palette em {
    display: block;
    border: 1px solid;
}

.w-color-palette em span {
    cursor: pointer;
    display: block;
    height: 12px;
    line-height: 12px;
    width: 12px;
}


.x-menu .w-color-palette{
 margin-left: 26px;
 margin-right:4px;
}


.x-menu-plain .w-color-palette {
 margin: 0;
 border: 0 none;
}


.w-color-palette a:hover, .w-color-palette a.w-color-palette-sel {
 border-color:#8bb8f3;
 background-color: #deecfd;
}

/*
.w-color-palette em:hover, .w-color-palette span:hover{   
    background-color: #deecfd;
}
*/

.w-color-palette em {
    border-color:#aca899;
}
/* fine MP ext.colorpalette*/

.logout {
	background-image: url( ../images/logout.gif ) !important;
}

.about {
	background-image: url( ../images/information.png ) !important;
}

.settings {
	background-image: url( ../images/settings.gif ) !important;
}
.help {
	background-image: url( ../images/help.png ) !important;
}

.userlanguage {
  background-image: url( ../images/flag.gif) !important;
}
.multilineColumn .x-grid3-cell-inner {
            white-space:  normal !important;
}

.advancedmode {
    background-image: url(../extjsutils/images/filter.gif) !important;
}

.advancedmode {
    background-image: url(../extjsutils/images/filter.gif) !important;
}

.clear-trigger {
    background-image: url(../images/clear-trigger.png) !important;	
}

.x-panel-reset .x-panel-body ul, .x-panel-reset .x-panel-body menu, .x-panel-reset .x-panel-body dir {
	list-style-type: none;
}

.x-panel-reset .x-panel-body ol, .x-panel-reset .x-panel-body ul, .x-panel-reset .x-panel-body dir, .x-panel-reset .x-panel-body menu, .x-panel-reset .x-panel-body dd {
	margin-left: 0px;
}

.x-panel-reset .x-panel-body h4, .x-panel-reset .x-panel-body p, .x-panel-reset .x-panel-body blockquote, .x-panel-reset .x-panel-body ul, .x-panel-reset .x-panel-body fieldset, .x-panel-reset .x-panel-body form, .x-panel-reset .x-panel-body ol, .x-panel-reset .x-panel-body dl, .x-panel-reset .x-panel-body dir, .x-panel-reset .x-panel-body menu {
	margin: 0px;
}

.x-panel-reset .x-panel-body table {
	border-spacing: 0px;
}

.analyticsevent {
    background-image: url(../images/analytics.png) !important;
}

.uploaddownload {
	content:url("../images/upload.gif");
	background-image: url(../images/upload.gif) !important;
	background-repeat: no-repeat;
    width:20px !important;
    height:16px !important;
}



/** CHAT */


.msg .x-box-mc {
    font-size:14px;
}
#msg-div {
    position:absolute;
    left:35%;
    top:10px;
    width:250px;
    z-index:20000;
}


.messagetemplates {
	background-image: url( ../images/mail.png ) !important;
}


/*
.x-btn-alert {
    border:0 none;
    background-color:transparent;
    color:#fff;
    padding-left:3px;
    padding-right:3px;
    cursor:pointer;
    margin:0;
    overflow:visible;
    width:auto;
    -moz-outline:0 none;
    outline:0 none;
    font:normal 11px arial,tahoma,verdana,helvetica;
    //color:#333;    
}
*/





/** **/
/** Alert chat**/

.x-menu-list {
	border:2px #3d71b8 solid;
}

.x-menu-list-item-chat {
	font:normal 11px normal tahoma, arial, verdana, sans-serif;
	-webkit-font-smoothing: antialiased;
	
	height:20px !important;
	/*border-top:1px #9ec7c3 solid;
	border-bottom:1px #9ec7c3 solid;*/
}

.x-menu-list-item-chat b {
	word-wrap:break-word;
	white-space:normal !important;
}

.chat-icon-mail {
	width:16px;
	height:16px;
	background: url(../images/letter.gif) no-repeat center;
}

.chat-icon-chat {
	width:16px;
	height:16px;
	background: url(../images/suppliers.gif) no-repeat center;
}

.chat-icon-alert {
	width:16px;
	height:16px;
	background: url(../images/flag.gif) no-repeat center;
}

.chat-icon-close {
	width:16px;
	height:16px;
	background: url(../images/closemsg.gif) no-repeat center;
}


/**
 * Used by the grouping headers grid
 */
td.ux-grid-hd-group-cell {
    background: url(../extjs/resources/images/default/grid/grid3-hrow.gif) repeat-x bottom;
}


/**
 * MC 3/10/2014: used to avoid the top padding in cells due to the dirty cell red symbol which moves the cell below it
 */
.x-grid3-dirty-cell {
    vertical-align: top !important; 	
    background-image:url(../../extjs/resources/images/default/grid/dirty.gif);
}

.log {
    background-image:url(../images/script.gif) !important;
}

.download {
    background-image:url(../extjsutils/images/export.gif) !important;
}


.preview {
    background-image:url(../images/preview.gif) !important;
}

.buttons-menu {
  background:#f1f1f1;
	background-color:#f1f1f1;
  font-size: 11px;
}


.buttonsMenuTopBarButton {
  background-image: url( ../images/icona_menu_16x16.png ) !important;
}

.filtercleanPanel {
    background-image:url(../extjsutils/images/filter_clean.gif) !important;
}








/*
 * Styles used by Image Gallery panels
 */
#images-view .x-panel-body{
  background: white;
  font: 11px Arial, Helvetica, sans-serif;
}
#images-view .thumb{
  background: #dddddd;
  padding: 3px;
}
/*
#images-view .thumb img{
  height: 60px;
  width: 80px;
}
*/
#images-view .thumb-wrap{
  float: left;
  margin: 4px;
  margin-right: 0;
  padding: 5px;
}
#images-view .thumb-wrap span{
  display: block;
  overflow: hidden;
  text-align: center;
}

#images-view .x-view-over{
  border:1px solid #dddddd;
  background: #efefef url(../extjs/resources/images/default/grid/row-over.gif) repeat-x left top;
  padding: 4px;
}

#images-view .x-view-selected{
  /*background: #eff5fb url(images/selected.gif) no-repeat right bottom;*/
  border:1px solid #99bbe8;
  padding: 4px;
}
#images-view .x-view-selected .thumb{
  background:transparent;
}

#images-view .loading-indicator {
  font-size:11px;
  background-image:url('../extjs/resources/images/default/grid/loading.gif');
  background-repeat: no-repeat;
  background-position: left;
  padding-left:20px;
  margin:10px;
}