/*!
 * I.S.I. s.r.l.
 */
/*
 * ext-ux
 * Damiano Zucconi.
 */

@CHARSET "UTF-8";

.x-ux-index-panel-add
	{background-image: url(../images/add.gif) !important}
.x-ux-index-panel-delete
	{background-image: url(../images/delete.gif) !important}
.x-ux-index-panel-clone
	{background-image: url(../images/clone.gif) !important}
.x-ux-index-panel-select
	{background-image: url(../images/select.gif) !important}
.x-ux-index-panel-columns
	{background-image: url(../images/columns.gif) !important}
.x-ux-index-panel-report
	{background-image: url(../images/report.gif) !important}
.x-ux-index-panel-resetfilters
	{background-image: url(../images/resetFilter.gif) !important}
.x-ux-index-panel-clearfilters
	{background-image: url(../images/delete.png) !important}
.x-ux-index-panel-resetcolumns
	{background-image: url(../images/refresh.gif) !important}
.x-ux-index-panel-filter
	{background-image: url(../images/filter.gif) !important}
.x-ux-index-panel-rowaction
	{cursor: pointer}
.x-ux-index-panel-rowaction .x-grid3-cell-inner
	{overflow: visible !important}	
.x-ux-index-panel-rowaction-disabled
	{cursor: default; opacity: 0.4; filter: alpha(opacity = 40);}
.x-ux-index-panel-rowaction-disabled .x-grid3-cell-inner
	{overflow: visible !important}	
.x-ux-index-panel-rowaction-icon
	{width: 16px; height: 16px; background-repeat: no-repeat; background-position: center center; cursor: pointer !important}
.x-ux-index-panel-export
	{background-image: url(../images/download.png) !important}

.x-ux-record-field-help
	{background-image: url(../images/lens.gif) !important}
.x-ux-record-field-clear
	{background-image: url(../images/delete.gif) !important}
.x-ux-record-field-add
	{background-image: url(../images/add.gif) !important}
	
.x-ux-record-list-add
	{background-image: url(../images/add.gif) !important}
.x-ux-record-list-delete
	{background-image: url(../images/delete.gif) !important}	
	
.x-form-file-wrap {
    position: relative;
    height: 22px;
}
.x-form-file-wrap .x-form-file {
	position: absolute;
	right: 0;
	-moz-opacity: 0;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
    height: 22px;
}
.x-form-file-wrap .x-form-file-btn {
	position: absolute;
	right: 0;
	z-index: 1;
}
.x-form-file-wrap .x-form-file-text {
    position: absolute;
    left: 0;
    z-index: 3;
    color: #777;
}

.x-ux-rpwrpcwindow-close
	{background-image: url(../images/cancel.gif) !important}
.x-ux-rpwrpcwindow-mail
	{background-image: url(../images/mail.gif) !important}	
.x-ux-rpwrpcwindow-save
	{background-image: url(../images/download.gif) !important}
.x-ux-rpwrpcwindow-preview
	{background-image: url(../images/preview.png) !important}
.x-ux-rpwrpcwindow-print
	{background-image: url(../images/printer.png) !important}


.x-ux-gridheaderfilters-panel .x-panel-header
{background-image: none; background-color: transparent; border-width: 0px}

.x-recordfield-table
{
	table-layout: fixed;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
}

.x-recordfield-combo
{
	border-collapse: collapse;
	padding: 0px;
}

/*
INIZIO STILI PER GroupTabPanel
*/
.x-grouptabs-panel {
    background-color: #4E78B1;
    border: solid 15px #4E78B1;
}
.x-tab-panel-left .x-grouptabs-panel-header,
.x-tab-panel-right .x-grouptabs-panel-header {
    float: left;
    border: 0;
    background: transparent;
}
.x-tab-panel-right .x-grouptabs-panel-header {
    float:right;
}
.x-tab-panel-left .x-grouptabs-bwrap {
    float: right;
    position: relative;
}
.x-tab-panel-right .x-grouptabs-bwrap {
    float: left;
    position: relative;
}
.x-tab-panel-left ul.x-grouptabs-strip,
.x-tab-panel-right ul.x-grouptabs-strip {
    width: auto;
	display: block;
}
.x-tab-panel-left ul.x-grouptabs-strip li,
.x-tab-panel-right ul.x-grouptabs-strip li {
    padding: 6px 0 2px 6px;
    float: none;
    margin: 0;
    position: relative;
    clear: both;
}
.x-tab-panel-left .x-tab-panel-header ul.x-grouptabs-strip a.x-grouptabs-text,
.x-tab-panel-right .x-tab-panel-header ul.x-grouptabs-strip a.x-grouptabs-text{
	font-size: 13px;
	line-height: 18px;
	cursor: pointer;
}

.x-tab-panel-left .x-tab-panel-header ul.x-grouptabs-strip a.x-grouptabs-text{
    padding-left: 18px;
}
.x-tab-panel-right .x-tab-panel-header ul.x-grouptabs-strip a.x-grouptabs-text{
    padding-right: 18px;
}

.x-tab-panel-left .x-tab-panel-header ul.x-grouptabs-sub a.x-grouptabs-text,
.x-tab-panel-right .x-tab-panel-header ul.x-grouptabs-sub a.x-grouptabs-text{
	font-size: 12px;
    padding: 0;  
}

.x-tab-panel-left .x-tab-panel-header ul.x-grouptabs-sub a.x-grouptabs-text{
	margin-left: 4px;
}
.x-tab-panel-right .x-tab-panel-header ul.x-grouptabs-sub a.x-grouptabs-text{
	margin-right: 4px;
}

.x-grouptabs-panel .x-grouptabs-strip a.x-grouptabs-text{
    overflow: hidden;
    white-space: nowrap;
	display: block;
    color: #DFE8F6;
    font-family: tahoma, arial, sans-serif;
    font-weight: bold;
    text-decoration: none;
}
.x-tab-panel-right .x-grouptabs-strip a.x-grouptabs-text {
    text-align: right;
}

.x-grouptabs-panel .x-grouptabs-strip-active a.x-grouptabs-text {
    color: #395B8E;
}

.x-grouptabs-panel ul.x-grouptabs-sub a.x-grouptabs-text {
	font-weight: normal;
}
.x-tab-joint {
    position: absolute;
    width: 3px;
    top: 1px;
    background: #fff;
    z-index: 8999;
}

.x-grouptabs-panel .x-grouptabs-panel-body {
    border: 1px solid #999;
}

.x-grouptabs-panel ul.x-grouptabs-strip li {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
	border-left: 1px solid transparent;
}

.x-grouptabs-panel ul.x-grouptabs-strip li.x-grouptabs-strip-active {
    border: 0;
    background: #fff;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
}

.x-tab-panel-left ul.x-grouptabs-strip li.x-grouptabs-strip-active {
    border-left: 1px solid #999;
}
.x-tab-panel-right ul.x-grouptabs-strip li.x-grouptabs-strip-active {
    border-right: 1px solid #999;
}

.x-grouptabs-panel li.x-grouptabs-strip-active ul.x-grouptabs-sub li.x-grouptabs-strip-active{
    background-color: #EDEEF0;
}

.x-grouptabs-panel li.x-grouptabs-strip-active ul.x-grouptabs-sub {
    background-color: transparent;
}

.x-grouptabs-panel li.x-grouptabs-strip-active ul.x-grouptabs-sub li {
    border-color: transparent;
}

/* Tab corners */
.x-grouptabs-panel .x-grouptabs-corner {
    background-image: url('../images/x-grouptabs-corners.gif');
    display: none;
    width: 11px;
    height: 11px;
    position: absolute;
    font-size: 1px;
    line-height: 6px;
    overflow: hidden;
    zoom:1;
}
.x-grouptabs-panel .x-grouptabs-strip-active .x-grouptabs-corner {
    display: block;
}
.x-grouptabs-panel .x-grouptabs-main.x-grouptabs-strip-active ul.x-grouptabs-sub .x-grouptabs-corner {
	display: none;
}

.x-grouptabs-panel .x-grouptabs-corner-top-left {
    background-position: top left;
    left: 0; top: 0;
}
.x-grouptabs-panel .x-grouptabs-corner-bottom-left {
    background-position: bottom left;
    left: 0; bottom: 0;
}
.x-grouptabs-panel .x-grouptabs-corner-top-right {
    background-position: top right;
    right: 0; top: 0;
}
.x-grouptabs-panel .x-grouptabs-corner-bottom-right {
    background-position: bottom right;
    right: 0; bottom: 0;
}
.x-grouptabs-panel li.x-grouptabs-strip-active .x-grouptabs-corner-bottom-left{
    bottom: -4px; left: -4px;
}
.x-grouptabs-panel li.x-grouptabs-strip-active .x-grouptabs-corner-bottom-right{
    bottom: -4px; right: -4px;
}
.x-grouptabs-panel li.x-grouptabs-strip-active .x-grouptabs-corner-top-left{
    top: -4px; left: -4px;
}
.x-grouptabs-panel li.x-grouptabs-strip-active .x-grouptabs-corner-top-right{
    top: -4px; right: -4px;
}

.x-grouptabs-panel ul.x-grouptabs-sub li.x-tab-with-icon a.x-grouptabs-text {
    background-repeat: no-repeat;
    padding-left: 20px;
}

/* General tab styling */
.x-grouptabs-panel .x-grouptabs-expand {
	background: transparent url('../images/elbow-plus-nl.gif') no-repeat;
	width: 16px;
	height: 16px;
	position: absolute;
	left: 7px;
	top: 6px;
}

.ext-ie6 .x-grouptabs-panel .x-grouptabs-expand,
.ext-border-box .x-grouptabs-panel .x-grouptabs-expand {
	left: 0;
}

.x-grouptabs-expanded .x-grouptabs-expand {
	background-image: url('../images/elbow-minus-nl.gif');
}

/* GroupTabs sub group styling */
.x-grouptabs-sub {
	display: none;
	margin-top: 4px;
}

.x-grouptabs-expanded .x-grouptabs-sub {
	display: block;
}

.x-grouptabs-panel ul.x-grouptabs-sub li {
	height: 18px;
	margin: 0 0 2px;
    padding: 0;
}

.x-grouptabs-panel ul.x-grouptabs-sub .x-grouptabs-main-item {
	display: none;
}

.x-tab-with-icon{
   border-style:none !important;
}
/*
FINE STILI PER GroupTabPanel
*/


/* [REQUIRED] (by Ext.ux.grid.GridSummary plugin) */
.x-grid3-summary-row
{
	background-color: #EBECEE;
}
.x-grid3-gridsummary-row-inner{overflow:hidden;width:100%;}/* IE6 requires width:100% for hori. scroll to work */
.x-grid3-gridsummary-row-offset{width:10000px;}
.x-grid-hide-gridsummary .x-grid3-gridsummary-row-inner{display:none;}

/* Utilizzato da Ext.ux.form.MultiSelectField*/
.x-ux-msf-item
{
	background-color: #F0F0F0;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
	vertical-align: middle;
	padding: 1px;
}

.x-ux-msf-item-desc
{
	font-size: 11px;
	vertical-align: middle
}

.x-ux-msf-item-desc-selected
{
	font-weight: bold
}

.x-ux-msf-item-over
{
	background-color: #E8F2FE
}

.x-ux-msf-item-icon
{
	 width:16px;
    height:16px;
    background-position: -1px -1px ! important;
    background-repeat:no-repeat ! important;
    vertical-align: middle;
    margin-left: 2px;
}

.x-ux-msf-item-icon-selected {
    background: transparent url(../images/checked.gif);
}
.x-ux-msf-item-icon-unselected {
    background: transparent url(../images/unchecked.gif);
}

.x-ux-msf-summary
{
	font-size: 8pt;
	padding: 3px;
}

.x-ux-msf-layer
{
	font:11pt tahoma,arial,helvetica,sans-serif;
	background-color: #F0F0F0;
}

/* Ext.ux.tree.TreeGrid */
.x-treegrid-root-table {
    border-right: 1px solid;
}

.x-treegrid-root-node {
    overflow: auto;
}

.x-treegrid-hd-hidden {
    visibility: hidden;
    border: 0;
    width: 0;
}

.x-treegrid-col {
    border-bottom: 1px solid;
    height: 20px;
    overflow: hidden;
    vertical-align: top;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
    white-space: nowrap;
}

.x-treegrid-text {
    padding-left: 4px;
    -moz-user-select: none;
    -khtml-user-select: none;
}

.x-treegrid-resizer {
    border-left:1px solid;
    border-right:1px solid;
    position:absolute;
    left:0;
    top:0;
}

.x-treegrid-header-inner {
    overflow: hidden;
}

.x-treegrid-root-table,
.x-treegrid-col {
    border-color: #ededed;
}

.x-treegrid-resizer {
    border-left-color:#555;
    border-right-color:#555;
}

.x-ux-messagepanel-table
{
	font:9pt tahoma,arial,helvetica,sans-serif;
}

td.x-ux-messagepanel-icon
{
	background-repeat: no-repeat;
	background-position: top;
}

td.x-ux-messagepanel-title
{
	font-weight: bold
}

.x-datetime-table
{
	border-collapse: collapse;
}

.x-datetime-table td
{
	border: 0px !important;
}


.x-datetime-clear-icon
{
	background-image: url(../images/delete.gif) !important;
	background-repeat: no-repeat;
	background-position: 3px 2px;
	cursor: pointer;
}
.x-datetime-clear-disabled
{
	cursor: default; 
	opacity: 0.4; 
	filter: alpha(opacity = 40);
}

.x-ghf-filter-container label.x-form-item-label
{
	font-size: 10px;
	padding-left: 5px;
}

.x-superboxselect {position:relative; height: auto !important; margin: 0px; overflow: hidden; padding:2px; display:block; outline: none !important;}
.x-superboxselect input[disabled] {background-color: transparent;};
.x-superboxselect ul {overflow: hidden; cursor: text;}
.x-superboxselect-display-btns {padding-right: 33px !important;}
.x-superboxselect-btns {position: absolute; right: 1px; top: 0; overflow:hidden; padding:2px;}
.x-superboxselect-btns div {float: left; width: 16px; height: 16px; margin-top: 4px;}
.x-superboxselect-btn-clear {background: url(../images/clear.png) no-repeat scroll left 0px;}
.x-superboxselect-btn-expand {background: url(../images/expand.png) no-repeat scroll left 0px;}
.x-superboxselect-btn-over {background-position: left -16px}
.x-superboxselect-btn-hide {display:none;}
.x-superboxselect li {float: left; margin: 1px 1px 2px 1px; padding: 0;line-height: 18px;}
.x-superboxselect-stacked li {float: none !important;}
.x-superboxselect-input input { border: none; outline: none; margin-top: 4px; margin-bottom: 4px;}
body.ext-ie .x-superboxselect-input input {background: none; border: none; margin-top: 3px;}
.x-superboxselect-item {position: relative; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; o-border-radius: 6px; khtml-border-radius: 6px; border: 1px solid #CAD8F3; background-color: #DEE7F8; padding: 1px 15px 1px 5px !important; }
body.ext-ie7 .x-superboxselect-item {margin: 2px 1px 2px 1px; line-height: 1.2em; padding: 2px 17px 4px 5px !important;}
body.ext-ie6 .x-superboxselect-item {margin: 2px 1px 2px 1px; line-height: 1.2em; padding: 2px 19px 4px 5px !important;}
.x-superboxselect-item-hover {background: #BBCEF1; border: 1px solid #6D95E0;}
.x-superboxselect-item-focus {border-color: #598BEC; background: #598BEC; color: #fff;}
.x-superboxselect-item-close {background: url(../images/close.png) no-repeat scroll left 0px; border: none; cursor: default; font-size: 1px; height: 16px;padding:0; position: absolute; right: 0px; top: 2px; width: 13px;display:block;cursor:pointer;}

.x-superboxselect-item-close:hover, .x-superboxselect-item-close:active  { background-position: left -12px;}
.x-superboxselect-item-focus .x-superboxselect-item-close{ background-position: left -24px}
.x-item-disabled .x-superboxselect-item-close{ background-position: left -36px}

.x-framewindow-icon-print {background-image: url(../images/printer.png) !important}

/* Ext.ux.ImageMapPanel*/

.x-imagemappanel-area {
	cursor: pointer;
	background-color: yellow;
	border: 1px black dashed;
}

.x-imagemappanel-icon-zoomin {
	background-image: url(../images/zoomin.png);
}
.x-imagemappanel-icon-zoomout {
	background-image: url(../images/zoomout.png);
}
.x-imagemappanel-icon-fit {
	background-image: url(../images/fit.png);
}

.x-imagemappanel-arealist-activerow {
	background-color: yellow
}

/*
Ext.ux.AttachmentPanel
*/
.x-attachmentpanel-icon-upload
{
	background-image: url(../images/upload.png);	
}
.x-attachmentpanel-icon-view
{
	background-image: url(../images/lens.gif);	
}
.x-attachmentpanel-icon-copy
{
	background-image: url(../images/copy.png);	
}
.x-attachmentpanel-icon-link
{
	background-image: url(../images/external.png);	
}
.x-attachmentpanel-icon-delete
{
	background-image: url(../images/delete.gif);	
}
.x-attachmentpanel-icon-replace
{
	background-image: url(../images/refresh.gif);	
}
.x-attachmentpanel-icon-download
{
	background-image: url(../images/download.gif);	
}

/*
FIX PER CHROME E CELLE GRIGLIE
*/
@media screen and (-webkit-min-device-pixel-ratio:0) { 
       .x-grid3-cell
       {
       box-sizing: border-box;
       }
}
