/*
    widget
    */
.jqx-widget-mobileplatform { 
    font-family: Tahoma;
    font-size: 8pt;
}

/*
    grid
    */
.jqx-grid-mobileplatform { 
    font-family: Tahoma;
    font-size: 8pt;
}

.jqx-grid-header-mobileplatform { 
    height:30px;
}

.jqx-grid-column-header-mobileplatform { 
    height: 34px;
	background-color: #435e9c;
	color: #ffffff;
}

.jqx-grid-column-header-mobileplatform > div > div > span { 
    cursor:pointer !important;
}

.jqx-grid-cell-mobileplatform {
    font-family: Tahoma;
    font-size: 8pt;
}

.jqx-grid-group-cell-mobileplatform {
    font-family: Tahoma;
    font-size: 8pt;
}

.jqx-grid-cell-middlealign {
    text-align:center;
    vertical-align:middle;
    line-height: 36px;
}

.jqx-grid-cell-middlealign-text {
    text-align:center;
    vertical-align:middle;
    line-height: 26px;
}

.jqx-grid-cell-pointer {
    cursor:pointer;
}

.jqx-grid-cell-help {
    cursor:help;
}

.jqx-grid-cell-changed {
    color: firebrick;
    font-style: italic;
}

.jqx-grid-cell-new {
    background-color: #e4f9fc;
}

.jqx-grid-cell-todelete {
    background-color: gainsboro;
    text-decoration: line-through !important;
}

.jqx-grid-cell-error {
    background-color: rgb(228,228,228);
    background-image: url(../images/grid/small_triangle_icon.gif);
    background-repeat: no-repeat;
    background-position: 100% 0;
    cursor: help;
}

.jqx-grid-cell-warning {
    background-color: rgb(228,228,228); /*#FFA500;*/
    background-image: url(../images/grid/small_triangle_icon_warning.gif);
    background-repeat: no-repeat;
    background-position: 100% 0;
    cursor: help;
}

.jqx-grid-cell-disabled {
    background-color: gray;
    background-image: url(../images/grid/bg_light_gray.gif);
    cursor: help;
}

.jqx-grid-cell-disabled-not-help {
    background-color: gray;
    background-image: url(../images/grid/bg_light_gray.gif);
	cursor: default;
}

.jqx-grid-cell-duplicated {
    background-color: #ffcece;
    background-image: url(../images/grid/bg_light_grid_red.gif);
}
.jqx-grid-cell-duplicated-container { }
.jqx-grid-cell-duplicated-container img.jqx-grid-cell-duplicated-icon { margin-left:3px; margin-top:3px; margin-right:3px; }
.jqx-grid-cell-duplicated-container div { float: left; }

.jqx-grid-cell-replaced-container { }
.jqx-grid-cell-replaced-container img.jqx-grid-cell-replaced-icon { margin-left:3px; margin-top:3px; margin-right:3px; }
.jqx-grid-cell-replaced-container div { float: left; }

.jqx-grid-cell-template-main {
    background-color: #FFE080;
    text-decoration:underline;
}

.jqx-grid-cell-template-child {
    background-color: #FFFCC6;
    /* color:#666666; non applico il colore perche' altrimenti non vedrei il rosso delle celle modificate */
    font-style:italic;
}

.jqx-grid-cell-link > a {
    text-decoration: underline;
    color: #006400;
}

.jqx-grid-toolbar-mobileplatform {
    background-color: #fafdfa;
}
.jqx-grid-toolbar-rowcount { 
    text-align: right;
    line-height: 32px;
    padding-right: 10px;
    font-weight: bold;
}

/*
    dropdownlist
    */
.jqx-dropdownlist-content-mobileplatform { 
    font-family: Tahoma;
    font-size: 8pt;
}

/*
    input */
.jqx-input-mobileplatform {
    font-family: Tahoma;
    font-size: 8pt;
}

.jqx-input-content-mobileplatform {
    font-size: 7pt;
}

/*
    combobox */
.jqx-combobox-input-mobileplatform {
    font-family: Tahoma;
    font-size: 8pt;
}

/*
    tooltip */
.jqx-grid-validation-mobileplatform {
    font-family: Tahoma;
    font-size: 7.5pt;
}

.jqx-tooltip-main-mobileplatform {
    background-color: firebrick;
    border-color: firebrick;
    color: white;
}

.jqx-tooltip-main-mobileplatformheader {
	background-color: #a2afd5;
    border-color: #29385B;
    color: #FFFFFF;
	font-family: Tahoma;
    font-size: 8pt;
}

.jqx-tooltip-main-mobileplatform > div {
    background-color: firebrick;
    border-color: firebrick;
    color: white;
}

.jqx-tooltip-main-mobileplatformheader > div {
    background-color: #a2afd5;
    border-color: #29385b;
    color: #FFFFFF;
	font-family: Tahoma;
    font-size: 8pt;
}

/*
    window */
.jqx-window-header-mobileplatform {
	font-size: 8pt;
	color: #ffffff;
	font-weight: bold;
	background-image: url(../images/common/hd_header.gif);
	background-repeat: repeat-x;
	font-family: Tahoma, Verdana;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	white-space: nowrap;
}

.jqx-widget-content-mobileplatform {
    font-size: 8pt;
}