/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 26-feb-2015, 11.24.39
    Author     : Federico
*/
body{background: #f9f9f9;}
#login{background-color: #fff;}
#header{height:68px;margin: 0;}
#header h2{padding-top:15px;}
/*menu sx*/
#menu-sx{
	width:15%;
	height:100%;
	background: #f4f4f4;
-webkit-box-shadow: inset -3px 0px 8px -4px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset -3px 0px 8px -4px rgba(0, 0, 0, 0.1);
box-shadow: inset -3px 0px 8px -4px rgba(0, 0, 0, 0.07);
}
#menu-sx .jqx-fill-state-pressed,#menu-sx .jqx-fill-state-normal,#menu-sx .jqx-fill-state-hover{
	border:none;background: transparent; margin-top:0!important;
	
}
#menu-sx .jqx-expander-header, #menu-sx .jqx-expander-content{padding:0;}
#menu-sx .jqx-item div{
	float:none!important; position:relative;
}
#menu-sx .jqx-item .jqx-expander-arrow{ position:absolute!important; top:50%; right:5px; margin-top: -8px!important;}
#menu-sx a{padding: 12px 5px 12px 15px;display: block;text-decoration: none;text-align: left;font-size: 12px;border-top: 1px solid #fff;
border-bottom: 1px solid #dbdbdb; width:auto!important; color: #787c8d;}
#menu-sx a:hover{color: #222;background: #f9f9f9;}
#menu-sx .jqx-expander-header-expanded{color: #222;background: #f9f9f9;}
#menu-sx .jqx-widget-content{
	border:none; 
	top:-1px; background:transparent;
}
#menu-sx ul{ padding:0;background: #f9f9f9; margin-top:-1px;z-index:999; top:-1px;position:relative; bottom:0;}
#menu-sx ul li{border:none;}
#menu-sx ul li a{padding: 12px 5px 12px 35px;border:none;}
/*menu icon*/
#menu-sx a i{
	display:inline-block;
	margin-right:10px;
}
/*
#menu-sx .masterElement1 a:before{content: "\f015";}
#menu-sx .masterElement2 a:before{content: "\f093";}
#menu-sx .masterElement3 a:before{content: "\f002";}
#menu-sx .masterElement4 a:before{content: "\f201";}
#menu-sx .masterElement5 a:before{content: "\f0c0";}
*/
#contenuto{
	width:77%;
}
#contenuto h2 {
display: block;
background: none;
color: #555555;
text-shadow: none;
width: auto;
height: auto;
margin: 0 0 15px 0;
font-size: 14px;
font-weight: bold;
line-height: 20px;
border-bottom: 1px solid #bababa;
display: block;
padding: 0 0 0 15px;
clear: both;
}
#contenuto #dragAndDropFiles h2{
	font-size: 20px;
color: #787878;
font-weight: normal;
height: 42px;
display: block;
padding: 25px 0 0 25px;
margin: 0;
clear: both;
text-shadow: 1px 1px 1px #fff;
border:none;
}
/*register*/
#register{
	background: #fff;
	border-radius:3px;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	border-top:2px solid #18384B;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #555;
}
/*home*/
#chartPercentage,
#chartOrders{
	position: relative;
	width:460px;
	float:left;
	height:300px;
	margin-right: 1%;
	margin-bottom:20px;
	padding:10px 1%;
	background: #fff;
	border-radius:3px;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	border-top:2px solid #18384B;
}

#chartOrders{margin-right: 0;}
#welcomePanel{
	padding:10px;
	background: #fff;
	border-radius:3px;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	border-top:2px solid #18384B;
	font-size: 14px;
	color: #555;
	line-height: 20px;
}
.chartContainer{
	
}
.chartContainer .jqx-chart-title-text{
	color:#555;
	fill:#555;
	font-family: Arial, Helvetica, sans-serif;
}
#gridLastDocuments,
#gridLastUsers{
	padding:10px 1%;
	width:98%!important;
	background: #fff;
	border-radius:3px;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	border-top:2px solid #18384B;
}
/*upload doc*/
#formUpload{
	padding:10px 1%;
	width:98%!important;
	background: #fff;
	border-radius:3px;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	border-top:2px solid #18384B;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #555;
}
#formModal{
	width:100%;
}
#formModal td{
	vertical-align: top;
	padding: 10px;
}
#formUpload #formModal td{
		padding: 10px 0.5%;
}
.uploadArea{
	background: #f9f9f9;
}
input[type="file"]{position: relative;
padding: 5px;
width: 70px;}
input[type="file"]:after{
	content: 'Upload';
	cursor:pointer;
	color:#fff;
	width: 100%;
	background-color: #3c8dbc;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	padding: 10px 10px 10px 20px;
	line-height: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #367fa9;
	-webkit-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.09);
	-moz-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.09);
	box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.09);
	font-weight: bold;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}
input[type="file"]:before {
content: "\f093";
font: normal normal normal 14px/1 FontAwesome;
position: absolute;
z-index: 999;
left: 10px;
top: 8px;
color: #fff;
}
#formModal .jqx-widget-content{background: #f9f9f9; border:1px solid #ccc;}
#formModal .jqx-widget-content .jqx-widget-content{border:none;}
#innerListBoxdocumentType,
#documentType{background: #f9f9f9; border:1px solid #ccc;}


/*search*/
#searchPanel,#gridResults{
		padding:10px 1%;
	width:98%!important;
	background: #fff;
	border-radius:3px;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	border-top:2px solid #18384B;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #555;
}
#searchPanel #formModal td{padding:10px 0.5%;}
#searchPanel > .jqx-widget-content{border:none;}
#searchPanel .jqx-fill-state-normal{font-family: Arial, Helvetica, sans-serif;font-size: 14px;}
#searchPanel .jqx-expander-header{ border:none; background:transparent;}
#searchPanel .jqx-expander-header .jqx-expander-header-content:before{
	content: "\f0fe";
font: normal normal normal 14px/1 FontAwesome;}
#searchPanel .jqx-expander-header.jqx-expander-header-expanded .jqx-expander-header-content:before{
	content: "\f146";
}
#searchPanel .jqx-expander-header .jqx-expander-arrow{display:none!important;}
input#content,
.jqx-dropdownlist-state-normal,
#fileFormat,#listBoxContentinnerListBoxfileFormat{background: #f9f9f9!important; border:1px solid #ccc!important;box-sizing: border-box;}
.jqx-window-content,
.jqx-menu-vertical-metro,
.jqx-listbox{
	background-color: #fff; border:1px solid #ccc;
}
#innerListBoxfileFormat{background-color: transparent; border:none;}
/*users */
div[role="grid"]{
	padding:10px 1%;
	/*width:98%!important;*/
	background: #fff;
	border-radius:3px;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	border-top:2px solid #18384B;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #555;
}
div[role="grid"] a span{
	color: #3C8DBC;
	font-size: 20px;
	line-height: 28px;
}
.formModal{
	background: #fff;
}
.jqx-window-header{
	background: #333;
	color:#fff;
}
#pageformRoleMenus #listMenus #verticalScrollBarlistMenus,
#pageformUserGroups #listGroups #verticalScrollBarlistGroups{
	left:auto!important; right:3px;
}
#pageformRoleMenus #listMenus,
#pageformRoleMenus #listMenus #listBoxContentlistMenus,
#pageformUserGroups #listGroups #listBoxContentlistGroups,
#pageformUserGroups #listGroups,
#pageformUserRoles #listRoles{width:100%!important;}

#pageformRoleMenus tr:nth-child(even),
#pageformUserGroups tr:nth-child(even),
#pageformUserRoles tr:nth-child(even),
.formModal table tr:nth-child(even){
	background: #f9f9f9;
}
.formModal table td{border:none;}
#credentialExpire{float:right;}
/* conf dati */
#pageformSuggestedTypes tr:nth-child(odd),
#pageformsuggestedTypeGroups tr:nth-child(odd),
#pageformSubModels tr:nth-child(even),
#pageformSubProducts tr:nth-child(even),
#pageformSubcategories tr:nth-child(odd){
	background: #f9f9f9;
}
#pageformsuggestedTypeGroups #listGroupsForm,
#pageformsuggestedTypeGroups #listGroupsForm #listBoxContentlistGroupsForm{width:100%!important;}
#pageformsuggestedTypeGroups #listGroupsForm #verticalScrollBarlistGroupsForm{
	left:auto!important; right:3px;
}

#gridCountries div[role="row"]:nth-child(odd) .jqx-grid-cell-sort-metro,
#gridHSubcategories tr[role="row"]:nth-child(odd) .jqx-grid-cell-sort-metro,
#gridDocumentType div[role="row"]:nth-child(odd) .jqx-grid-cell-sort-metro{
	background: #fff;
}
#gridCountries div[role="row"] .jqx-grid-cell-hover-metro,
#gridSuggestedTypes div[role="row"] .jqx-grid-cell-hover-metro,
#gridCountries div[role="row"]:nth-child(odd) .jqx-grid-cell-sort-metro.jqx-grid-cell-hover-metro,
#gridDocumentType div[role="row"]:nth-child(odd) .jqx-grid-cell-sort-metro.jqx-grid-cell-hover-metro,
#gridHSubcategories tr[role="row"]:nth-child(odd) .jqx-grid-cell-sort-metro.jqx-grid-cell-hover-metro,
#gridDocumentType div[role="row"] .jqx-grid-cell-hover-metro,
#gridHSubcategories tr[role="row"] .jqx-grid-cell-hover-metro{
	background: #f9f9f9;
}
#gridCountries div[role="row"]:nth-child(odd) .jqx-grid-cell-sort-metro.jqx-grid-cell-selected-metro,
#gridDocumentType div[role="row"]:nth-child(odd) .jqx-grid-cell-sort-metro.jqx-grid-cell-selected-metro,
#gridHSubcategories tr[role="row"]:nth-child(odd) .jqx-grid-cell-sort-metro.jqx-grid-cell-selected-metro,
.jqx-widget-metro .jqx-grid-cell-selected-metro, .jqx-grid-cell-selected-metro{
	background-color: #f9f9f9;
	color: inherit;
	border-color:#e5e5e5;
}
/*stats */
.b-box{
	padding:10px 1%;
	width:98%!important;
	background: #fff;
	border-radius:3px;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	border-top:2px solid #18384B;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #555;
}
#chartUserStatistics,
#chartDocumentStatistics{
	margin-bottom:20px;
	padding:10px;
	background: #fff;
	border-radius:3px;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	border-top:2px solid #18384B;
	box-sizing: border-box;
}
#chartUserStatistics .chartContainer,
chartDocumentStatistics .chartContainer{
	box-sizing: border-box;
}
/* MyFiles*/
#listCategories{
	background: #fff;
	border-radius:3px;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	border:none;
	border-top:2px solid #18384B;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #555;
}
#listFavourites{
	background: #fff;
	border-radius:3px;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	border:none;
	border-top:2px solid #18384B;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #555;
	margin-top:25px;
	padding: 10px;
	box-sizing: border-box;
}
#listFavourites *{
	box-sizing: border-box;
	width:99%!important;
}
#contenttablegridFavouritesLists div[role="row"]:nth-child(odd) .jqx-grid-cell-sort-metro{background: #fff;}
#contenttablegridFavouritesLists div[role="row"] .jqx-grid-cell-hover-metro,
#contenttablegridFavouritesLists div[role="row"]:nth-child(odd) .jqx-grid-cell-sort-metro.jqx-grid-cell-hover-metro{background: #f9f9f9;}
#contenttablegridFavouritesLists div[role="row"]:nth-child(odd) .jqx-grid-cell-sort-metro.jqx-grid-cell-selected-metro{
		background-color: #f9f9f9;
	color: inherit;
	border-color:#e5e5e5;
}
/* buttons*/
a.button,
input[type="button"]{
	color:#fff;
	background-color: #3c8dbc;
	display: inline-block;
	text-align: center;
	padding: 10px;
	line-height: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #367fa9;
	-webkit-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.09);
	-moz-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.09);
	box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.09);
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
a.buttonsmall,
input[type="button"]{
	color:#fff;
	background-color: #3c8dbc;
	display: inline-block;
	text-align: center;
	padding: 4px;
	line-height: 4px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #367fa9;
	-webkit-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.09);
	-moz-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.09);
	box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.09);
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
a.button.wild-btn{
	width:200px;
}
a.button span{font-size:14px!important;}
.jqx-calendar{background: #fff; border:1px solid #ccc;}
input[type="button"]{
	height:auto!important;
}