@font-face { font-family: Panton; src: url("font/Fontfabric - Panton Regular.otf"); }
@font-face { font-family: Panton Bold; src: url("font/Fontfabric - Panton Bold.otf"); }
@font-face { font-family: Panton ExtraBold; src: url("font/Fontfabric - Panton ExtraBold.otf"); }
@font-face { font-family: Panton Light; src: url("font/Fontfabric - Panton Light.otf"); }
@font-face { font-family: Panton SemiBold; src: url("font/Fontfabric - Panton SemiBold.otf"); }


/* Default styles */
html {
	height: 100%;
}

body {
  height: 98%;
  margin: 0;
  border: 0;
  padding: 0;
  background-color: #ffffff;
  /*background: url("../Images/top.png") no-repeat scroll center -1px transparent;*/
  /*font: 12px Verdana, Geneva, sans-serif;*/
  font: 11px Verdana, Geneva, sans-serif;
  /*font-size: 13px;
  font-family: Tahoma;
  color: #000000;*/
}

.dxeBase_Office2010Silver,
.dxeBase_Office2010Black {
  /*font: 12px Verdana, Geneva, sans-serif;*/
  font: 11px Verdana, Geneva, sans-serif;
}

.dxbButton_Office2010Silver, 
.dxbButton_Office2010Black {
  color: white;
}

.dxbButtonHover_Office2010Silver,
.dxbButtonHover_Office2010Black {
  color: inherit;
}

.dxmLite_Office2010Silver .dxm-main .dxm-selected,
.dxmLite_Office2010Black .dxm-main .dxm-selected,
.dxmLite_Office2010Silver .dxm-popup .dxm-selected, .dxmLite_Office2010Silver .dxm-popup .dxm-selected .dxm-content, 
.dxmLite_Office2010Black .dxm-popup .dxm-selected, .dxmLite_Office2010Black .dxm-popup .dxm-selected .dxm-content {
  background: none;
}

.dxbButton_Office2010Black[class~="dxgvCommandColumnItem_Office2010Black"], 
.dxbButton_Office2010Silver[class~="dxgvCommandColumnItem_Office2010Silver"] {
  margin: 0 0 2px 0;
  float: left;
}

/*.dxeBase, .dxeHyperlink {
  font-family: Tahoma !important;   
}*/
form {
  height: 100%;
  margin: 0;
  padding: 0;
}

a:link {color: #444444 ; text-decoration: none; cursor: pointer; }
a:visited {color: #444444 !important; text-decoration: none; cursor: pointer; }
a:hover {color: #444444 !important; text-decoration: underline; cursor: pointer; } 
a:active {color: #444444 !important; text-decoration: none; cursor: pointer; }


input, select, textarea
{
    color: #5a5a5a;  
    border: solid 1px #d0d0d0;
}

textarea
{
    background-color:White;
}

th {
  text-align: left;
}

/* Page styles */
.page_all {
  /*width: 1200px;*/
  min-width: 1200px;
  width: 99%;
  text-align: center;
  margin-left:auto; 
  margin-right:auto;
}

.page {
  text-align:left;
}

.mainbody {
  min-height: 600px; 
  height: auto;  /* hack IE6 - part 1.*/	
  /*background-color: #F3F3F3;
	border:1px solid #333333;
	border-radius: 10px 10px 0 0;*/
}

/*div[class] .mainbody {height:auto;} *//* hack IE6 - part 2.*/


/* Header styles */
.header
{
  padding-top: 0;
  padding-left: 0;
	padding-right: 0;
	/*width: 1200px;*/
	min-width: 1200px;
	height: 115px;
	clear: none;
	display: block;
	overflow: hidden;
}

.headerLogoTop {
  width: 99%;
  background-color: #aaaaaa;
  padding: 5px 20px 5px 5px;
  color: white;
}

.headerLogoTop a {
  color: white !important;
  font-weight: bold;
}

.headerLogoLeft
{
  /*width : 250px;*/
  height : 100px;
  float: left; 
}

.headerLogoLeft .delimiter {
  margin-top: 28px;
  width: 20px;
  height: 28px;
  border-left: 1px solid #A8A8A8;
  float: left;
}

.natuzzi .headerLogoLeft .delimiter {
  border-left: none;
}

.natuzziit .headerLogoLeft .delimiter {
  border-left: none;
}

.headerLogoLeft .slogan {
  margin-top: 32px;
  font-size: 16px;
  font-weight: 300;
  float: left;
}

.headerCenter
{
  width: 100px;
  height: 100px;
	background-color: #ffffff;
	/*float: right;
	text-align:right;*/
}

.headerLogoRight
{
	width: 400px;
  /*height: 100px;*/
  float:right;
  text-align:right;
  font-weight: bold;
  padding-top: 65px;
  color: #EEEEEE !important;
}

.headerLogoRightTest 
{
  padding-top: 40px;
}

.headerLogoRight a {
  color: #AAAAAA !important;
}

.testVersion {
  font-size: 14pt;
  color: red;
}

/* Menu styles */
/* <!-- see CssClass: ~/app_themes/menu/[skins name]/web/styles.css --> */
.menu
{
  padding-top: 0;
  padding-left: 8px;
  background-color: #343434;
}

.dxmLite a,
.dxmLite_Office2010Silver a,
.dxmLite_Office2010Black a {
  color: #FFFFFF !important;
}

.dxm-main ul {
  background-color: #343434;
}

.dxm-main .dxm-hovered,
.dxm-popup .dxm-hovered {
  background: none !important;
  background-color: #C1272D !important;
}

.dxm-popup {
  border-color: #C1272D !important;
}

.dxm-horizontal .dxm-separator b {
  background-color: transparent !important;
}

/* BreadCrumbs styles */
.breadcrumbs {
  color: #EEEEEE;
  letter-spacing: 0;
  text-decoration: none;
  line-height: 30px;
  /*width: 1191px;*/
  padding-left: 7px;
  vertical-align: middle;
  background-image: url("../Images/menu-red.png");
  background-repeat: repeat-x;
}
.breadcrumbs table { border-collapse: collapse; margin:0;}


/* MainContent styles */
.mainContent 
{
  /*width: 1182px;*/
	margin-left: 8px;
	margin-right: 8px;
	/* needed, otherwise footer can lay above for example a record in the table */
	margin-bottom:8px;
}

.mainContent table  
{
  border-collapse: collapse;   
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
}



.mainContent select
{
  font-style: normal;
  font-size: 11px; 
  color: #5a5a5a;  
  border: solid 1px #d0d0d0;
}


/* Footer styles */
.footer
{
	font-size: 9px;
  color: gray;
	height: 12px;
  float: right;
  padding-right: 10px
}


/* TitleStyles */
.welcomeTitle
{
	font-size: 9pt;
	font-weight: bold;  
	color: #666694;
}

.pageTitle,
.pageTitle .dxeBase,
.pageTitle .dxeBase_Office2010Silver,
.pageTitle .dxeBase_Office2010Black {
  padding: 16px 0 16px 0;
  font-size: 15px;
  font-weight: bold;
  font-style: normal;
  color: #666694;
}

.pageParagraph {
	padding-left:4px;
}

.subTitle, .subTitle .dxeBase {
	font-size: 8pt;
	font-weight: bold;    
	font-style: normal;
	color: #666694;
}

.pageTitleBg { 
	font-size: 9pt;
	font-weight: bold;  
	font-style: normal;
	color: #666694;
	background: #dcdcdc;
}

.pageSubTitleBg { 
	font-size: 9pt;
	font-weight: normal;  
	font-style: normal;
	color: #666694;
	background: #F0F0F0;
}

/* Center Login form */
.outer {padding-top:100px;}
.outer .login {border:1px solid black; width:500px;}
.login {border:1px solid #000000;}



/* GridPage styles */
.gridPage
{
  border: solid 0 #d0d0d0;
  width: 1197px;
}

.tableT > tbody > tr > td {margin: 0; padding: 0; vertical-align:top}
.tableT > tbody > tr > th {margin: 0; padding: 0; vertical-align:top}

/*.editFormFilterTable
{
}*/

.editFormFilterTable > tbody > tr > td {margin: 0; padding: 3px 0 0 0; vertical-align:top}
.editFormFilterTable > tbody > tr > th {margin: 0; padding: 6px 13px 0 0; vertical-align:top; font-weight:normal; text-align:left}

.editFormFilterDiv
{
  background-color: Silver;
  height:3px;
  margin-top: 2px;
  margin-bottom: 5px;
}


/* EditPage styles */
/*.editFormTable
{*/
  /*border: solid 0 #d0d0d0;
  width: 1098px;*/
  /*padding-left: 5px;*/
  /*background-color: #EEEEFF;*/
/*}*/

.editFormTable > tbody > tr > td {margin: 0; padding: 3px 0 0 0; vertical-align:top}
.editFormTable > tbody > tr > th {margin: 0; padding: 6px 13px 0 0; vertical-align:top; font-weight:normal; text-align:left}

.edit-panel {
  float: left;
  padding: 20px;
  margin-right: 30px;
  margin-bottom: 30px;
  border: 1px solid Silver;
}

.edit-roundpanel {
  float: left;
  margin-right: 30px !important;
  margin-bottom: 30px !important;
}

.edit-roundpanel-nofloat {
  /*margin-right: 30px !important;*/
  margin-bottom: 30px !important;
}

.editButtonPanel {margin: 24px 0 0 0;}
.editButtonPanel > div {display:inline-block;padding-right:3px; margin: 0 0 0 0; }

.editButtonPanel2 {margin: 4px 0 24px 0;}
.editButtonPanel2 > div {display:inline-block;padding-right:3px; margin: 0 0 0 0; }

.gridButtonPanel {margin: 24px 0 0 0; }
.gridButtonPanel > div {display:inline-block;padding-right:3px; margin-bottom:3px !important; margin: 0 0 0 0; }

.smallButtonPanel {margin: 12px 0 0 0;}
.smallButtonPanel > div {display:inline-block;padding-right:3px; margin: 0 0 0 0;}

.topButtonPanel {margin: 0 0 12px 0;}
.topButtonPanel > div {display:inline-block;padding-right:3px; margin: 0 0 0 0;}

.editButtonBar {margin: 0; padding: 24px 0  0 0;}
.editButtonBarButton {margin: 0; padding: 0 3px  0 0; display:inline-block;}

.gridTableWrapper { width: 100%; overflow: auto; }

.gridTable {margin: 0; padding: 0; width: 100%; }
.gridTable > tbody > tr > td {margin: 0; padding: 0 0  0 0;}
.gridTable > tbody > tr > th {margin: 0; padding: 0 0  3px 0; text-align:left;}

.gridTableFilterButtons > tbody > tr > td {margin: 0; padding: 4px 3px  4px 0;}
.gridTableFilterButtons > tbody > tr > th {margin: 0; padding: 4px 3px  4px 0;}

.gridTableFilterItems > tbody > tr > td {margin: 0; padding: 4px 3px  4px 0;}
.gridTableFilterItems > tbody > tr > th {margin: 0; padding: 4px 3px  4px 0;text-align:left;}

.filterViewTable > tbody > tr > td {margin: 0; padding: 4px 3px  4px 6px;}
.filterViewTable > tbody > tr > th {margin: 0; padding: 4px 3px  4px 6px; text-align: left;}
.filterViewPanel 
{
  background-color: #DCDCDC;
  border: #8d8d8d 1px solid;
  padding: 1px 1px 1px 6px;
  margin: 0 0 10px 0;
}
.filterViewContent
{
  background-color: #ECECEC;
}

.editViewPanel 
{
  border: #8d8d8d 1px solid;
  padding: 5px 5px 5px 5px;
  margin: 0 0 10px 0;
}

.textWarning
{
  COLOR: red;	
  padding-left: 3px;
}

.textPageWarning
{
  COLOR: red;	
  padding-left: 0;
  padding-bottom: 16px;
}

.textPageWarningVisit
{
  COLOR: red;	
  padding-top:3px;
  padding-left: 8px;
  padding-bottom: 7px;
}

.textPageWarningVisit a
{
  COLOR: red !important;	
}

.textPageInfoVisit
{
  font-weight :bold;
}

.textPageSpecialMessage {
  COLOR: red;	
  padding: 10px;
  margin-bottom: 5px;
  background-color: yellow;
}

.textPageSpecialMessage .dxeBase {
  font-size: 16px;
}

/* EditPage Popup styles */
.editForm
{
  border: solid 0 #d0d0d0;
  width: 100%;
  height: 100%;
  padding-left: 5px;
}

.panelFilter 
{
  background-color: #DCDCDC;
  border: #8d8d8d 1px solid;
  padding: 1px 1px 1px 6px;
}

.border 
{
  border: #8d8d8d 1px solid;	
}

/* Language selector in top-right corner */
.lang1 {margin-top:3px; border:0;}
.lang1 table {border-collapse: collapse; width:100%;}
.lang1 table td, .lang1 table th {margin: 0; padding: 0;}

.paddingBottom
{
  padding-bottom: 7px;
}

/* Styles for DateTimeControl*/
.dateTimeControl > table > tbody > tr > td {margin: 0; padding: 0;}
.dateTimeControl > table > tbody > tr > th {margin: 0; padding: 0;}

.editTwoControlsInTable > tbody > tr > td {margin: 0; padding: 0 3px  0 0; text-align:left; vertical-align:top; }

.inlineBlock
{
  display: inline-block; 
  vertical-align: top;  
}

.filterFieldCaption {
	font-size: 9pt;
	font-weight: bold !important;    
	font-style: normal;
	color: #666694;
	margin-right:10px;
}

.filterFieldValue {
	margin-right:20px;
	font-weight: bold !important;    
}

.clsPageFooter {
	WIDTH: 1182px; HEIGHT: 28px;
}

.loginTable > tbody > tr > td {margin: 0; padding: 4px 10px 4px 10px; vertical-align:top;}


.siteMapPath a:link {color: black !important; text-decoration: none;}
.siteMapPath a:visited {color: black !important; text-decoration: none;}
.siteMapPath a:hover {color: black !important; text-decoration: none;} 
.siteMapPath a:active {color: black !important; text-decoration: none;}


.hidden {
  display: none !important;
}

.bold {
  font-weight: bold !important;
}

.center {
  text-align: center !important;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

/*.dxeReadOnly .dxic,
.dxeReadOnly input[type="text"][readonly="readonly"],
.dxeReadOnly textarea[readonly="readonly"],*/
.dxeReadOnly_Office2010Silver .dxic, .dxeReadOnly_Office2010Silver .dxic input,
.dxeReadOnly_Office2010Black .dxic, .dxeReadOnly_Office2010Black .dxic input,
.dxeButtonEditSys input[type="text"][readonly="readonly"],
.dxeButtonEditSys textarea[readonly="readonly"],
textarea[readonly="readonly"].dxeMemoEditAreaSys {
  background-color: #E0E0E0;
}

.red-button, .black-button {
  border: none;
}

.red-button .dxb {
  background-color: #C1272D;
  color: #FFFFFF;
  font-weight: bold;
}
  
.black-button .dxb
{
  background-color: #343434;  
  color: #FFFFFF;
  font-weight: bold;
}
  
.red-text {
  color: red !important;
}

.baseTableStyle > thead > tr > th {border: 1px solid black}
.baseTableStyle > tbody > tr > td {border: 1px solid black}

.baseTableStyle > thead > tr > th .dxeBase {font-weight:bold;padding:2px}
.baseTableStyle > tbody > tr > td .dxeBase {font-weight:bold;padding:2px}

.baseTableStyle > tbody > tr:nth-child(odd)		{ background-color:#d3d3d3; }
.baseTableStyle > tbody > tr:nth-child(even)		{ background-color:#a8a8a8; }

.clear-both {
  clear: both;
}

.natuzzi .menu-right {
  /*display: none;*/
}

.natuzziit .menu-right {
  /*display: none;*/
}

.no-wrap {
  white-space: nowrap;
}


.signature-pad-canvas {
  background-color: white;
  border: 1px solid black;
  /*width: 300px;*/
  /*height: 100px;*/
}


.order-documents {
  border: 1px solid black;
}

.order-documents thead tr {
  background-color: silver;
}

.order-documents thead th,
.order-documents tbody td {
  padding: 5px 10px;
}

.claim-classification {
  min-width: 1000px;
  width: 100%;
}

.claim-left-panel {
  margin-right: 30px !important;
  width: calc(50% - 15px);
}

.claim-right-panel {
  margin-right: 0 !important;
  width: calc(50% - 15px);
}