html {
  height: 100%;
}

body {
	background-color:#CCCCCC;
	padding:0px;
	margin:0px;
	height: 100%;
	box-sizing: border-box;
	font-family:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	font-size:14px;
}
a {
	text-decoration:none;
	color:#037BC7;
}
.content-header {
	background-color:#D4D7D8;
	width:100%;
	padding: 10px 15px 10px 15px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:18px;   
    position: fixed;
    color:black;
    top:0px;
    border-bottom:1px solid #999999;
}
.content-header a {
	color:#336699;
}

.sidebar {
     position: fixed;
     width: 230px;
     height: 100%;
  	 background: #B2BEC7;
  	 color:black;
  	 min-width:230px;
  	 z-index:100;
  	 border-right:1px solid #999999;
 }
 .content {
 	 padding-top:50px;
     margin-left: 230px;
     width: auto;    
     position: relative;
     overflow: auto;
     z-index: 1;
     background: #CCCCCC;
 }
.sidebarcell-container {
	padding-top: 65px;
}
.sidebarcell {
	background-color:#A4B3BC;	
	border-left:4px solid #0C2741;	
	cursor:pointer;
	padding:8px 5px 8px 5px;
	font-size:18px;
}
.sidebarcell:hover {
	border-left:4px solid #FF3300;	
}
.sidebarcell-active {
	border-left:4px solid #CC0000;
	background-color:#5E99C1;

}


.sidebarcell table tr td {
	vertical-align:middle;
	padding:5px;
	font-size:16px;		
}
.sidebarcell table tr:hover {
	
}

.sidebar-user-name {
	background-color:#037BC7;	
	border-left:4px solid #037BC7;	
	cursor:pointer;
	border-bottom:1px solid #0C2741;
	padding:5px;
}
.header {
	background-color: #0C2741;
	padding:0px;
	font-weight:bold;
	color:white;
	font-family:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	font-size:20px;	
	position:fixed;
	width:100%;
	z-index:150;
	
}
.header-profile {	
	font-size: 13px; 
	font-weight: normal; 
	border-right: 1px solid gray; 
	cursor:pointer;
}
.header-profile:hover {
	background-color:#666666;
}

.bold 			{ font-weight:bold; }
.full 			{ width:100%; }
.p5  			{ padding:5px; }
.p10 			{ padding:10px; }
.p20 			{ padding:20px; }
.p30 			{ padding:30px; }
.p40 			{ padding:40px; }
.p50 			{ padding:50px; }
.p60 			{ padding:60px; }
.p70 			{ padding:70px; }
.center 		{ text-align: center; }
.left 			{ text-align: left; }
.right 			{ text-align: right; }
.middle tr td 	{ vertical-align: middle; }
.pointer 		{ cursor: pointer; }
.gray 			{ color:#666666; }
.inputbox 		{ padding: 5px; }
.f25			{ font-size:25px }
.f30			{ font-size:30px }
.f40			{ font-size:40px }

.button {
    padding: 10px;
    min-width: 100px;
    cursor: pointer;
    border:1px solid black;
    width: 100px;
    background-color:#E9E9E9;
    text-align:center;
}
.button:hover {
    background-color:#D8F1FE;
    border:1px solid #0389C6;
}

.frame {
	background-color:#FFFFFF;
	border:1px solid #0389C6;
	padding:20px;
	font-size:14px;
}
.title {
	color:#336699;
	font-weight:bold;
	font-size:20px;
}
.smalltitle {
	color:#336699;
	font-weight:bold;
	font-size:16px;
}

.list-elem {
	padding:3px 0px 3px 0px;
}
.error {
	background-color:#B30000;
	border:1px solid black;
	color:white;
	text-align:center;
	padding:15px;
}
.success {
	background-color:#003300;
	border:1px solid black;
	color:white;
	text-align:center;
	padding:15px;
}

.info {
	color:#666666;
	padding:3px 0px 3px 0px;
}
.dimar-logo {
	padding:15px 10px 15px 10px;
	text-align:center;
	background-color:#002142;    
	color:#FFFFFF;		
}
.dimar-text-header {
	font-family:"Century Gothic";
	color:#FFFFFF;
	font-weight:bold;
	font-size:35px;
	padding-left:5px;
}
.dimar-text-small-header {
	font-size:10px;
}
.modern {}
.modern table {
	border-collapse:collapse;
}
.modern table thead tr td {
    padding: 5px; 
    border-bottom: 1px solid black;
    background-color:transparent;
}
.modern table tfoot tr td {
    padding: 5px; 
    border-top: 1px solid black;
    background-color:transparent;
}

.modern table tr:hover {
	color:#CC0000;
}
.modern table thead tr:hover {
	color:black;
	
}
.modern table tr td {
    padding: 10px; 
}
.modern table tr:nth-child(even) {
  background-color: #E9E9E9;
}
.modern table tr:nth-child(odd) {
  /*background-color: #FFFFFF;*/
}
.grid-tile {
	margin-left:-20px;
	border-spacing: 20px;
    border-collapse: separate;
}
.grid-tile tr td {
	width:200px;
	height:150px;
	padding: 10px;
	margin:20px;
}
.field-number {
	width:100px;
	text-align:right;
}
.login {
	margin:auto;	
	width:500px;
	padding-top:10%;
	
}
.login-frame {
	background-color:#FFFFFF;
	padding: 40px 60px 40px 60px;
	border:1px solid #0389C6;
}
.login-icon {
	background-color: #0389C6;
	width:32px;
	min-width:32px;	
	text-align:center;
	padding: 10px 10px 5px 10px;	
}
.login-input {
	border:1px solid #0389C6;
	font-size:18px;
}
.login-input input {
	padding:10px 10px 10px 10px;
	color:#333333;
	border:0px;
	outline: none;
	width:90%
}
.product-dataentry-obbligatorio {}
.field-error {
	border: 2px solid #CC0000;
}
.loading-background {
	width:100%;
	position:fixed;
	top:0px;
	background-color:#000000;
	height:100%;
	z-index:500;
	opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
    
}
.loading-background-text {
	opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
    z-index:550;
    width:100%;
	position:fixed;
	top:30%;
	text-align:center;
	color:white;
	font-size: 23px; 
	font-weight: bold; 
}
.error-text {
	opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
    background-color:#CC0000;
    z-index:550;
    width:100%;
	position:fixed;
	top:30%;
	text-align:center;
	color:white;
	padding:30px;
}
.input-cell {
	padding:30px 50px 30px 30px ;
	min-width:300px;
	vertical-align:top;
}

.input-cell-name {
	padding:30px 30px 30px 30px ;
	width:200px;
	vertical-align:top;
	border-right:1px solid #666666;
}
.edit-prod-table-dataentry {
	border:1px solid #0389C6;
	background-color:white;
	border-collapse: collapse;
	width:100%;
}
.edit-prod-table-dataentry tr:nth-child(even) {
  	background-color: #F3F3F3;  
}
.edit-prod-table-dataentry tr:nth-child(odd) {
  	background-color: #FFFFFF;
}
.product-dataentry-obbligatorio {
	background-color:#FFFFE1;
}
.dashtile {
	cursor:pointer;
}
.dashtile:hover {
	color:#CC0000;
}