html, body {
	background: #4b4b4b url(../images/footer_lodyas.png) repeat left top;
    font: normal 12px tahoma, arial, verdana, sans-serif;
	margin: 0;
	padding: 0;
	border: 0 none;
	overflow: hidden;
	height: 100%;
}

.ext-el-mask {
	background-color: transparent;
}

.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.png) !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;
}

.unlock {
    background-image:url(../images/unlock.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.png) !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;
}
#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; 
	float: right;
	_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:5px;
}

#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*/


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

.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.gif ) !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;
}

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

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

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

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

.previewreport {
	content:url("../images/previewreport.png");
	background-image: url(../images/previewreport.png) !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(../images/downloadfile.png) !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;
}

.forgotpwd {
	color: -webkit-link;
  	text-decoration: underline;
  	cursor: pointer;
}

















/*********************************
      INIZIO MENU STILE GOOGLE
*********************************/

#topbar-gmenu {
	margin-top: 60px;
}


/*
* NOTA BENE: è sufficiente spostare solo g_menu_main_container per posizionare il menu, non dovrebbe servire modifiare il resto
*/

#g_menu_main_container{
    width: 330px;
    margin-right: 0px;
    margin-top: 32px;
    position: relative;
    z-index: 10000;
}

#g_menu_button{
    position: absolute;
    right: 30px;
    cursor: pointer;
}

#g_menu_button_img{
    height: 30px;
    width: 30px;
    background-image: url('../images/menu_button.png');
    background-size: contain;
    opacity: .65;
}

#g_menu_button:hover div{
     opacity: 1;
}

#g_menu_arrow1{
    border-color: transparent;
    border-style: dashed dashed solid;
    border-width: 0 8.5px 8.5px;
    position: absolute;
    right: 36px;
    z-index: 1;
    height: 0;
    width: 0;
    -webkit-animation: gb__a .2s;
    animation: gb__a .2s;
    border-bottom-color: #ccc;
    border-bottom-color: rgba(0,0,0,.2);
    top: 35px;
    display: none;
}

#g_menu_arrow2{
    border-color: transparent;
    border-bottom-color: #fff;
    border-style: dashed dashed solid;
    border-width: 0 8.5px 8.5px;
    position: absolute;
    right: 36px;
    top: 36px;
    z-index: 1;
    height: 0;
    width: 0;
    -webkit-animation: gb__a .2s;
    animation: gb__a .2s;
    display: none;
}


.g_menu_container{
    top: 43px;
    width : 320px;
    background: #fff;
    border: 1px solid #ccc;
    border-color: rgba(0,0,0,.2);
    -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.2);
    box-shadow: 0 2px 10px rgba(0,0,0,.2);
    display: block;
    outline: none;
    overflow: hidden;
    position: absolute;
    -webkit-animation: gb__a .2s;
    animation: gb__a .2s;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-user-select: text;
    display: none;
}

#g_menu_container ul{
    background: #fff;
    margin: 0;
    min-height: 100px;
    padding: 22px;
    padding-right: 21px;
    text-align: left;
    white-space: normal;
    max-height: 400px;
    overflow: overlay;
}

#g_menu_container ul li{
    padding: 1px;
    display: inline-block;
    vertical-align: top;
    color: black;
    z-index: 999;
    height: 112px;
    width: 86px;
    text-align: center;
    cursor: pointer;
}
#g_menu_container ul li:hover{
    z-index: 1001;
}

.g_menu_item{
    padding: 7px 0;
    background-color: transparent;
    border: 1px solid transparent;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
#g_menu_container ul li:hover .g_menu_item{
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.g_menu_item span {
    text-decoration:none;
    display: inline-block;
}

#g_menu_container ul li:hover .g_menu_item span{
    background: #FFFFFF;
    white-space: normal;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.g_menu_item img{
    height: 64px;
    width: 64px;
}

.g_menu_item_text{ 
    display: block;
    font-size: 13px;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    width: 84px;
    text-overflow: ellipsis;
    color: #404040;
    font-family: arial,sans-serif;
}

#g_menu_default_buttons{
    width: 100%;
    text-align: center;
    background-color: #f5f5f5;
    border-top: 1px solid #e5e5e5;
}

#g_menu_default_buttons button{
    width: 48px;
    height: 48px;
    margin: 5px;
    background-color:transparent;
    background-repeat: no-repeat;
    background-position: center; 
    border: none;
    cursor: pointer;
}

.g_menu_title{
    padding-left: 20px;
    padding-top: 10px;
    cursor: pointer;
}

.g_menu_title_back{
    height: 28px;
    width: 28px;
    display: inline-block;
    float: left;
    background-image: url('../images/1_navigation_back.png');
}
.g_menu_title_text{
    line-height: 32px;
    height: 28px;
    font-size: 13px;
    overflow: hidden;
    white-space: nowrap;
    width: 240px;
    text-overflow: ellipsis;
    color: #404040;
    font-family: arial,sans-serif;
    text-decoration:none;
    display: inline-block;
    padding-left: 10px;
}

/*
Decommenta per avere il sottomenu in lista
#g_menu_container .g_menu_folder li{
    width: 90%;
    height: 50px;
}
.g_menu_folder li img{
    float: left;
    height: 30px;
    width: 30px;
}
.g_menu_folder li span{
    float: left;
    height: 30px;
    line-height: 30px;
    width: auto;
    padding-left: 10px;
}

.g_menu_folder .g_menu_item:hover{
    border: 0px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
*/

.g-menu-default-button{
    height: 32px;
    width: 32px;
    background-repeat: no-repeat;
    display: inline-block;
    margin: 10px;
    cursor: pointer;
}

/*********************************
      FINE MENU STILE GOOGLE
*********************************/

/*****************************************
 *               INIZIO CERCA
 *****************************************/

#g_search_container{
  width: 250;
  /*top: 32px;*/
  right: 110px;
  position: absolute;
  z-index: 10000;
}

#g_search_button{
  float: right;
  cursor: pointer;
}

#g_search_button_img{
    height: 30px;
    width: 30px;
    background-image: url('../images/cerca.png');
    background-size: contain;
    opacity: .65;
}
#g_search_button_img:hover{
     opacity: .99;
}

#g_search_input{
  position: absolute;
  top: -2px;
  right: -2px;
  width: 250px;
  height: 34px;
  border: 1px solid #818181;
  padding-left: 4px;
  font: 14px "Helvetica Neue", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
}
#g_search_list{
  position: absolute;
  top: 32px;
  right: -2px;
  background-color: #FFFFFF;
  width: 248px;
  border: 1px solid #818181;
  border-top-width: 0;
}
.g_search_list_item{
  cursor: pointer;
  padding: 7px 5px;
  width: 238px;
}
.g_search_list_item:hover, .g_search_list_item_select{
  background-color: #F1F1F1;
}
.g_search_list_item img{
  width: 32px;
  height: 32px;
}
.g_search_list_item span{
  line-height: 32px;
  margin-left: 5px;
  display: inline-block;
  font-size: 13px;
  overflow: hidden;
  white-space: nowrap;
  width: 200px;
  text-overflow: ellipsis;
  color: #404040;
  font-family: arial,sans-serif;
}


/*****************************************
 *                 FINE CERCA
 *****************************************/




/*****************************************
 *           INIZIO NOTIFICHE
 *****************************************/

#alertButtonDiv {
  position: absolute;
  right: 70px;
}


#alertButtonDiv table{
  width: 0px !important;
  height: 0px;
/*  background-image: url('../images/menu/notifiche.png');*/
  background-image: none;

  background-size: contain;
  background-repeat: no-repeat;
  opacity: .85;
}
#alertButtonDiv table:hover{
  opacity: 1;
}

#alertButtonDiv .x-btn-mc em.x-btn-arrow{
  background-image: none;
}

#alertButtonDiv button{
    position: absolute;
    top: 0;
    right: 0;
    height: 20px;
    width: 20px;
    background-color: red;
    background-image: none;
    color: white;
    font-size: 13px;
    font-weight: bold;
    line-height: 13px;
    padding: 0;
    border-radius: 20px;
}


/*****************************************
 *           FINE NOTIFICHE
 *****************************************/
 
 
 
 
 
 
 

/*********************************
      INIZIO MENU STILE TOPBAR
*********************************/



/*
* NOTA BENE: è sufficiente spostare solo topbar_menu_main_container per posizionare il menu, non dovrebbe servire modifiare il resto
*/

#topbar_menu_main_container{
    //width: 330px;
    margin-right: 0px;
    margin-top: 32px;
    position: relative;
    z-index: 10000;
}

#topbar_menu_button{
    position: absolute;
    right: 30px;
    cursor: pointer;
}

#topbar_menu_button_img{
    height: 30px;
    width: 30px;
    background-image: url('../images/menu_button.png');
    background-size: contain;
    opacity: .65;
}

#topbar_menu_button:hover div{
     opacity: 1;
}


.topbar_menu_container{
    top: 3px;
    //width : 450px;
    //background: #fff;
    //border: 1px solid #ccc;
    //border-color: rgba(0,0,0,.2);
    //-webkit-box-shadow: 0 2px 10px rgba(0,0,0,.2);
    //box-shadow: 0 2px 10px rgba(0,0,0,.2);
    //display: block;
    outline: none;
    //overflow: hidden;
    //position: absolute;
    //-webkit-animation: gb__a .2s;
    //animation: gb__a .2s;
    //-webkit-border-radius: 2px;
    //border-radius: 2px;
    //-webkit-user-select: text;
    //display: none;
    overflow: auto;
}

#topbar_menu_container div{
    background: #fff;
    margin: 0;
    min-height: 100px;
    padding: 22px;
    padding-right: 21px;
    text-align: left;
    white-space: normal;
    max-height: 400px;
    overflow: overlay;
}

#topbar_menu_container div div {
    padding: 1px;
    display: inline-block;
    vertical-align: top;
    color: black;
    z-index: 999;
    height: 112px;
    width: 86px;
    text-align: center;
    cursor: pointer;
}
#topbar_menu_container div div:hover{
    z-index: 1001;
}

.topbar_menu_item{
    padding: 0px 10px;
    background-color: transparent;
    border: 1px solid transparent;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    display: table-cell;
    text-align: center;
}
#topbar_menu_container div div:hover .topbar_menu_item{
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.topbar_menu_item span {
    text-decoration:none;
    display: inline-block;
}

#topbar_menu_container div div:hover .topbar_menu_item span{
    background: #FFFFFF;
    white-space: normal;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.topbar_menu_item img{
    height: 32px;
    width: 32px;
}

.topbar_menu_item_text{ 
    //display: block;
    font-size: 13px;
    line-height: 20px;
    overflow: hidden;
    //white-space: nowrap;
    //width: 52px;
    text-overflow: ellipsis;
    color: #AAAAAA;
    //color: #404040;
    font-family: arial,sans-serif;
    white-space: normal;
}

#topbar_menu_default_buttons{
    width: 100%;
    text-align: center;
    background-color: #f5f5f5;
    border-top: 1px solid #e5e5e5;
}

#topbar_menu_default_buttons button{
    width: 48px;
    height: 48px;
    margin: 5px;
    background-color:transparent;
    background-repeat: no-repeat;
    background-position: center; 
    border: none;
    cursor: pointer;
}

.topbar_menu_title{
    padding-left: 20px;
    padding-top: 10px;
    cursor: pointer;
}

.topbar_menu_title_text{
    line-height: 32px;
    height: 28px;
    font-size: 13px;
    overflow: hidden;
    white-space: nowrap;
    width: 240px;
    text-overflow: ellipsis;
    color: #AAAAAA;
    //color: #404040;
    font-family: arial,sans-serif;
    text-decoration:none;
    //display: inline-block;
    padding-left: 10px;
}


.topbar-menu-default-button{
    height: 32px;
    width: 32px;
    background-repeat: no-repeat;
    display: table-cell;
    //display: inline-block;
    margin: 10px;
    cursor: pointer;
}


/*********************************
      FINE MENU STILE TOPBAR
*********************************/



.x-grid3-check-col-mid {
	width:100%;
  height:16px;
  background-position:center center;
  background-repeat:no-repeat;
  background-color:transparent;
	background-image:url(../images/midchecked.gif);
}





/*********************************
      GESTIONE MENU PREFERITI 
*********************************/

#topbar-center-container{
    max-width: 400px;
    width: 80%;
    display: flex;
    height: 40px;
    margin-left: 0%;
}

.user-favourites-item-link{
    padding-right: 10px;
}





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

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

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

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

.debug {
  background-image: url( ../images/workflow.gif) !important;
}
.resume {
  background-image: url( ../images/workflow.gif) !important;
}
.resumeAll {
  background-image: url( ../images/workflow.gif) !important;
}


.uploaddownloadwin .x-toolbar-left { 
  /*text-align: -webkit-center !important;*/
  position: relative;
  left: 35%;
}

.x-cmsacl {
  background-image:url(images/albero.png) !important;
}

.x-grid3-col.x-grid3-cell.multilineColumn {
	vertical-align: top !important;
}


.x-pivotgrid .x-grid3-row-headers table td {
    height: 22px;
}




.pivoth {
  background-image: url( ../images/pivoth.png) !important;
  width: 120px;
  height: 22px; 
  color: black;
  text-indent: inherit;  
}
.pivotv {
  background-image: url( ../images/pivotv.png) !important;
  width: 120px;
  height: 22px; 
  color: black;
  text-indent: inherit;  
}
.pivottot {
  background-image: url( ../images/pivottot.png) !important;
  width: 120px;
  height: 22px; 
  color: black;
  text-indent: inherit;  
}
.pivotdim {
  background-image: url( ../images/pivotdim.png) !important;
  width: 120px;
  height: 22px; 
  color: black;
  text-indent: inherit;  
}
.pivotf {
  background-image: url( ../images/pivotf.png) !important;
  width: 22px;
  height: 22px;
}
.pivotback {
    background-color: #EEEEEE;
}
.pivotsel {
    background-color: #EEEEEE;
}

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



/* +MC 2019/11/06: activiti css file applys a minimum width which is not good */
body {
  min-width:320px !important; 
  /* max-width:1920px; */
}

.chatnotificationlist {
  font-weight: bold;
}

.quickfilterop {
	height: 20px !important;
}

.quickfilter-op-disabled {
    background-color: lightgray;
}





/* +MC 2021/06/01 CHIPS PANEL */



.chipsContainer {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    overflow: auto;
    align-content: flex-start;
}


.chip  {
    position: relative;
    padding: 0 12px;
    border-radius: 100px;
    display: inline-flex !important;
    margin: 4px;
    color: rgba(0, 0, 0, .87);
    align-items: center;
    height: 32px;
    font-size: 14px;
    cursor: pointer;
    border: none;
    overflow: hidden;
    z-index: 1;
    background: #EFEFEF;
    margin-right: 12px;
    flex: 1 1 auto;
    /*max-width: 100px;*/
}

.chipTooltip {
    position: absolute;
    padding: 0 12px;
    border-radius: 100px;
    /*display: inline-flex;*/
    margin: 4px;
    color: rgba(0, 0, 0, .87);
    align-items: center;
    /*height: 32px;*/
    font-size: 14px;
    cursor: pointer;
    border: none;
    overflow: hidden;
    z-index: 1;
    background: #EFEFEF;
    margin-right: 12px;
    flex: 1 1 auto;
    /*max-width: 10vw;*/
}

.chipsContainer * {
    transition: .25s all cubic-bezier(0.4, 0.0, 0.2, 1);
    /*overflow: auto;*/
}

.chipRemove, .chipBefore {
    position: absolute;
    right: 12px;
    margin: 2px -4px 0 4px;
    font-size: 16px;
    color: rgba(0, 0, 0, .54);
    width: 16px;
    text-align: center;
    border: 1px solid #DEDEDE;
    border-radius: 50%;
    height: 16px;
    line-height: 16px;
    background-color: rgba(255, 255, 255, 0);
    background-image: url(../images/chiudi-bianco.svg);
    filter: invert(1);
    background-size: 75%;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.5;
}
















/* MULTIPLE UPLOAD */
 
#drop_file_zone {
    background-color: #EEE;
    border: #999 5px dashed;
    width: 100%px;
    height: 120px;
    padding: 8px;
    font-size: 18px;
}
#drag_upload_file {
    width:50%;
    margin:0 auto;
}
#drag_upload_file p {
    text-align: center;
}
#drag_upload_file #selectfile {
    display: none;
}
  
.uploadpanel-body {
    font: 14px/1.4 'PT Sans','DejaVu Sans','Bitstream Vera Sans',Verdana,sans-serif;
}
.uploadpanel-th {
    font: 14px/1.4 'PT Sans','DejaVu Sans','Bitstream Vera Sans',Verdana,sans-serif;
    margin: 0;
    padding: 0;
    background: #d2d7e6;
    border-bottom: 0;
    border-top: 0;
    color: #000;
    font-weight: bold;
    line-height: 1.3;
    white-space: nowrap;
}
.uploadpanel-td, .uploadpanel-th {
    font: 14px/1.4 'PT Sans','DejaVu Sans','Bitstream Vera Sans',Verdana,sans-serif;
    margin: 0;
    padding: 0;
    border: 1px solid #fff;
    padding: 5px 12px;
    vertical-align: top;
}
.uploadpanel-caption, .uploadpanel-th {
    text-align: left;
    font: 14px/1.4 'PT Sans','DejaVu Sans','Bitstream Vera Sans',Verdana,sans-serif;
    margin: 0;
    padding: 0;
}
.uploadpanel-th {
    font: 14px/1.4 'PT Sans','DejaVu Sans','Bitstream Vera Sans',Verdana,sans-serif;
    margin: 0;
    padding: 0;
    display: table-cell;
    vertical-align: inherit;
    font-weight: bold;
    text-align: -internal-center;
}
.uploadpanel-table {
    border-collapse: collapse;
    width: 100%;
}
.uploadpanel-tbody {
    display: block !important;
    overflow: scroll;
    width: 600px;
}
.uploadpanel-thead {
    display: block !important;
    width: 600px;
}
.uploadpanel-table {
    border-collapse: separate;
    text-indent: initial;
    border-spacing: 2px;
}
.uploadpanel-td {
    background: #e6e9f5;
    font: 14px/1.4 'PT Sans','DejaVu Sans','Bitstream Vera Sans',Verdana,sans-serif;
    margin: 0;
    padding: 0;
}
.uploadpanel-td, .uploadpanel-th {
    border: 1px solid #fff;
    padding: 5px 12px;
    vertical-align: top;
    font: 14px/1.4 'PT Sans','DejaVu Sans','Bitstream Vera Sans',Verdana,sans-serif;
    margin: 0;
    padding: 0;
}
.uploadpanel-td {
    display: table-cell;
    vertical-align: inherit;
    font: 14px/1.4 'PT Sans','DejaVu Sans','Bitstream Vera Sans',Verdana,sans-serif;
    margin: 0;
    padding: 0;
}      






.chipTooltip{
    transition: .25s all cubic-bezier(0.4, 0.0, 0.2, 1);
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    position: absolute;
    /*transform: translateY(-50%) translateX(-50%) scale(0);*/
    /*opacity: 0;*/
    z-index: 99999;
    /*display: block !important;
    height: auto !important;*/
    padding: 10px 20px !important;
    /*max-width: unset !important;*/
}
.chipTooltip.shown{
    opacity: 1;
    transform: translateY(-50%) translateX(-50%) scale(1.2);
    border-radius: 10px !important;
}
.chipTooltip .tooltipContent{
    font-size: 16px;
    line-height: 24px;
}
.chipTooltip .tooltipActions{
    margin-top: 10px;
}
.chipTooltip {
    transition: .25s all cubic-bezier(0.4, 0.0, 0.2, 1);
    /*display: block;*/
    text-align: center;
    padding: 5px 2px;
    /*color: red;
    border: 2px solid red;*/
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    width: 10vw;
    margin: 0 auto;
}

.deleteButton{
    transition: .25s all cubic-bezier(0.4, 0.0, 0.2, 1);
    display: block;
    text-align: center;
    padding: 5px 2px;
    color: red;
    border: 2px solid red;
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    width: 10vw;
    margin: 0 auto;
}

.chipTooltip .deleteButton:hover{
    background: red;
    color: white;
}

.chipDescription{
    pointer-events: none;
    margin-right: 24px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.chip.hover{
    background: #DEDEDE !important;
}
.chip:active{
    background: #CECECE !important;
}

.chipRemove, .chipBefore{
    position: absolute;
    right: 12px;
    margin: 2px -4px 0 4px;
    font-size: 16px;
    color: rgba(0, 0, 0, .54);
    width: 16px;
    text-align: center;
    border: 1px solid #DEDEDE;
    border-radius: 50%;
    height: 16px;
    line-height: 16px;
    background-color: rgba(255, 255, 255, 0);
    background-image: url(../images/chiudi-bianco.svg);
    filter: invert(1);
    background-size: 75%;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.5;
}
.chipRemove.hover{
    opacity: 1;
    filter: invert(0) !important;
    background-color: rgba(249, 83, 84, 0.8) !important;
}
.chipRemove:active{
    opacity: 1;
    background-color: rgba(255, 255, 255, 0.2);
}
.chipBefore{
  margin: 2px 4px 0 4px;
  right: unset;
  left: 0;
  border: 0;
  opacity: 1;
}
.chipBefore + .chipDescription{
  padding-left: 12px;
}

/*
.x-tip-bwrap {
    display: none;
    width: 0px;
}
*/

/*
.x-tip-bl .x-panel-nofooter {
    display: none;
}

.x-tip-bl.x-panel-nofooter {
    display: none;
}

.x-tip-tl {
    display: none;
    width: 0px;    
}
*/

/** Smart Filter ComboBox **/
.smart-filter {
    background-image: url(../images/cerca-filtro-smart.svg) !important;
    position: absolute !important;
    left: 5px !important;
}

.smart-filter-clear {
	vertical-align: middle !important;
}

.smart-filter-input {
    padding-left: 20px !important;
}

.smartfilter-advanced .x-window-tl .x-window-header {
    display: none;
}



.smartfilter-advanced-on {
  background-repeat: no-repeat !important;
  width: 22 !important;
  height: 22 !important;
  background-image: url(../images/imbuto-filtro-ricerca-avanzata.svg) !important;
}

.smartfilter-advanced-off {
  background-repeat: no-repeat !important;
  width: 22 !important;
  height: 22 !important;
  background-image: url(../images/imbuto-filtro-smart-off.svg) !important;
}

.smartfilter-advanced-with-filters {
  background-repeat: no-repeat !important;
  width: 22 !important;
  height: 22 !important;
  background-image: url(../images/imbuto-filtro-smart-on.svg) !important;
}

/** Multi Value ComboBox **/
.multivalue-filter {
    display: none;
}


.multivalue-filter-clear {
}


.multivalue-filter-input {
    height: 25px;
}


.multivalue-filter {
    overflow-x: scroll;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
}
.multivalue-filter::-webkit-scrollbar { /* WebKit */
    width: 0;
    height: 0;
}

/** Multi Value Tree **/
.multivalue-tree-clear {
}

.multivalue-tree-input {
    height: 25px;
}

.multivalue-tree {
    overflow-x: scroll;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
}
.multivalue-tree::-webkit-scrollbar { /* WebKit */
    width: 0;
    height: 0;
}

.multivalue-tree-panel .x-window-tl .x-window-header {
    display: none;
}

.multivalue-tree-on {
    background-repeat: no-repeat !important;
	width: 20 !important;
	height: 20 !important;
	background-image: url(../images/imbuto-filtro-ricerca-avanzata.svg) !important;
}

.multivalue-tree-off {
    background-repeat: no-repeat !important;
	width: 20 !important;
	height: 20 !important;
	background-image: url(../images/imbuto-filtro-smart-off.svg) !important;
}

.multivalue-tree-with-filters {
    background-repeat: no-repeat !important;
	width: 20 !important;
	height: 20 !important;
	background-image: url(../images/imbuto-filtro-smart-on.svg) !important;
}

.monitoredservice-tip {
    background-color: white;

}

.closeAll {
    z-index: 30000 !important;
}

.x-anchor-btn-selected {
	background: #50A3ED !important;
}

.x-anchor-btn-selected button {
	color: white !important;
}



/* +MC 2021/11/16 PLAT-589: show message dialog in front of all */
.message-dialog {
    z-index: 10000 !important;
}


/* +MC 2021/12/30: used in login page to show icon and app version */

#appVersionDiv {
    position: relative;
    font: normal 11px verdana;
    opacity: 0.9;
    color: black;
    width: 100%;
    text-align: center;
    margin-top: 20px;
}

#appIconVersion {
    width: 30px;
    height: 30px;
    vertical-align: middle;
}

/* +MC 2021/12/30: used in main page to show icon and app version */

#appVersionBodyDiv {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 12px;
    text-align: center;
}


#appIconVersionBody {
    width: 30px;
    height: 30px;
    vertical-align: middle;
}

/* additional link in login form */
.additionalLink {
	color: -webkit-link;
  	text-decoration: underline;
  	cursor: pointer;
}

/* date range */
.x-date-range-menu {
    height: 460px !important;
    width: 450px !important;
}

.x-date-range-menu .x-date-inner td {
    border-color: transparent;
}

.x-date-range-menu .x-date-picker {
     width: auto !important; 
}


.x-plain .previewreport-inner-tbar-noheader>* {
	height: 30px;
}
.x-plain .previewreport-inner-bbar-noheader>* {
	height: 30px;
}

.x-plain .previewreport-inner-tbar-noheader .x-btn-text {
	height: 20px;
}
.x-plain .previewreport-inner-bbar-noheader .x-btn-text {
	height: 20px;
}




#logElaborationFilterPanel .x-btn, #logElaborationFilterPanel .x-btn button {
    margin-right: 20px;
}


.elabLogsFilterPanel * > .x-tool.x-tool-toggle.x-tool-collapse-north {
    width: 20px;
}


.monitoredServiceFormPanel * > form > .x-box-inner {
	overflow-y: auto;
}