/*****blue scheme colors*******/
/********* ws order forms  **********/
.sectionControl .sectionText {
  color: #17568C;
}
.productInputGrid {
  background: #ddeeff;
}
.openOrderRow {
  border-bottom: 1px dashed #aaa;
}
.stockFilter {
  background: #f0f0f0;
}
.createVariantsForm .flexItem {
  background: #f0f0f0;
}
.invoiceItemGrid {
  background: #f8f8f8;
}
.invoiceItemGrid.formError {
  border: 2px solid #dd2020;
}
.a_ws_order_front .cartItems a {
  color: #404040;
}
.a_ws_order_front .cartItems a:hover {
  color: #3B7BB9;
}
/***  new row grid from 22.11.21 *****/
.a_ws_order {
  box-sizing: border-box;
}
.sectionControl {
  line-height: 0;
  display: inline-block;
}
.sectionControl a {
  display: inline-block;
}
.sectionControl .sectionText,
.sectionControl .iconText {
  margin-right: 12px;
  line-height: 40px;
  display: inline-block;
  min-width: 250px;
  font-size: 20px;
  font-weight: bold;
}
.sectionControl .sectionText i,
.sectionControl .iconText i {
  line-height: 40px;
}
.errMsg {
  float: left;
  line-height: 40px;
  font-size: 16px;
  font-weight: bold;
}
.orderDiscount {
  justify-self: right;
}
.orderDiscount a {
  display: inline-block;
}
.orderDiscount .iconText {
  margin-right: 8px;
  line-height: 40px;
}
.orderDiscount i {
  line-height: 32px;
}
.invoices .orderPanel {
  padding-top: 8px;
}
.editformTitle .iconText {
  margin-right: 12px;
}
.editformTitle i {
  line-height: 18px;
}
.orderPanel {
  border-radius: 4px;
  padding: 0 16px 0 16px;
  margin-bottom: 16px;
}
.orderPanel :not(.customerData) input,
.orderPanel :not(.customerData) select,
.orderPanel :not(.customerData) textarea,
.orderPanel :not(.customerData) .ui-spinner {
  box-sizing: border-box;
  width: 100%;
  height: 28px;
}
.orderPanel .ui-spinner-input {
  margin-top: 0;
  margin-bottom: 0;
}
.orderPanel .lpPagination {
  line-height: 1.5;
}
.orderPanel .lpPagination select {
  width: auto;
}
.orderPanel .lpPagination input {
  width: 30px;
}
.orderPanel .inlineMessages {
  padding: 4px 0;
}
.customerData {
  padding-bottom: 8px;
}
.inovices {
  margin: 0;
}
.productInputGrid {
  display: grid;
  gap: 0 8px;
  padding: 16px;
  margin-bottom: 8px;
  grid-template-columns: 1fr auto 2fr 2fr auto;
  grid-template-areas: "addProductAc delBtn  newRow newRow addBtn" "stockLabel stockChk productRemark productSerials undoBtn";
}
.productInputGrid .icon32 {
  line-height: 0;
}
.productInputGrid .addProductAc {
  grid-area: addProductAc;
  margin-top: 18px;
}
.productInputGrid .iconContainer.iDel {
  grid-area: delBtn;
  margin-top: 18px;
}
.productInputGrid .stockBtn {
  grid-area: stockBtn;
}
.productInputGrid .newRow {
  grid-area: newRow;
}
.productInputGrid .stockLabel {
  grid-area: stockLabel;
}
.productInputGrid .stockChk {
  grid-area: stockChk;
}
.productInputGrid .productRemark {
  grid-area: productRemark;
}
.productInputGrid .productSerials {
  grid-area: productSerials;
}
.productInputGrid .addBtn {
  grid-area: addBtn;
}
.productInputGrid .addBtn i {
  margin: 0;
}
.productInputGrid .undoBtn {
  grid-area: undoBtn;
}
.productInputGrid .undoBtn i {
  margin: 0;
}
.productInputGrid .iconContainer {
  font-size: 22px;
}
.productInputGrid label.stockOnly {
  margin-right: 5px;
  font-size: 16px;
  line-height: 20px;
}
.productInputGrid .newRow {
  display: grid;
  grid-template-columns: 2fr 2fr 1fr minmax(0, 1fr) 1fr 1fr 50px 50px 1fr 1fr minmax(auto, 1fr) minmax(auto, 1fr);
  grid-template-areas: "articleLabel productNameLabel  productVariantLabel 	serialLabel 	 	price_nettoLabel 	price_bruttoLabel 	productDiscountLabel 	productQuantityLabel 	stockLabel 	item1 		item4		item7" "articleNr    productName  		productVariant 			serialSelect 	   	price_netto    		price_brutto    	productDiscount   		productQuantity 		stock 		item2 		item5   	item8" "articleErr   nameErr      		.               		.            		price_nettoErr 		price_bruttoErr 	productDiscountErr 		quantityErr   			stockErr    item3 		item6		item9";
}
.productInputGrid .newRow .articleNr {
  grid-area: articleNr;
}
.productInputGrid .newRow #articleErr {
  grid-area: articleErr;
}
.productInputGrid .newRow .productName {
  grid-area: productName;
}
.productInputGrid .newRow #nameErr {
  grid-area: nameErr;
}
.productInputGrid .newRow .productVariant {
  grid-area: productVariant;
}
.productInputGrid .newRow .serialSelect {
  grid-area: serialSelect;
}
.productInputGrid .newRow #price_netto {
  grid-area: price_netto;
}
.productInputGrid .newRow #price_nettoErr {
  grid-area: price_nettoErr;
}
.productInputGrid .newRow #price_brutto {
  grid-area: price_brutto;
}
.productInputGrid .newRow #price_bruttoErr {
  grid-area: price_bruttoErr;
}
.productInputGrid .newRow #stock {
  grid-area: stock;
}
.productInputGrid .newRow #stockErr {
  grid-area: stockErr;
}
.productInputGrid .newRow #destinationstock_sublist {
  grid-area: destinationstock_sublist;
}
.productInputGrid .newRow .productDiscount {
  grid-area: productDiscount;
}
.productInputGrid .newRow #discountErr {
  grid-area: productDiscountErr;
}
.productInputGrid .newRow .productQuantity {
  grid-area: productQuantity;
}
.productInputGrid .newRow #quantityErr {
  grid-area: quantityErr;
}
.productInputGrid .newRow .stockErr {
  grid-area: stockErr;
}
.productInputGrid .newRow .rentChk {
  grid-area: rentChk;
}
.productInputGrid .newRow .productExtra {
  grid-row: 3;
  grid-column: 0.07142857;
}
.productInputGrid .newRow .articleLabel {
  grid-area: articleLabel;
}
.productInputGrid .newRow .productNameLabel {
  grid-area: productNameLabel;
}
.productInputGrid .newRow .productVariantLabel {
  grid-area: productVariantLabel;
}
.productInputGrid .newRow .serialLabe {
  grid-area: serialLabel;
}
.productInputGrid .newRow .price_rentLabel {
  grid-area: price_rentLabel;
}
.productInputGrid .newRow .price_nettoLabel {
  grid-area: price_nettoLabel;
}
.productInputGrid .newRow .price_bruttoLabel {
  grid-area: price_bruttoLabel;
}
.productInputGrid .newRow .productDiscountLabel {
  grid-area: productDiscountLabel;
}
.productInputGrid .newRow .productQuantityLabel {
  grid-area: productQuantityLabel;
}
.productInputGrid .newRow .stockLabel {
  grid-area: stockLabel;
}
.worksheetHeader {
  line-height: 1.5;
}
.productWorksheetInputGrid {
  display: grid;
  gap: 0 8px;
  padding: 8px;
  margin-bottom: 8px;
  grid-template-columns: 1fr auto 2fr 2fr auto;
  grid-template-rows: min-content min-content 1fr;
  grid-template-areas: "addProductAc 		delBtn  			newRow newRow addBtn" "warrantyRepair  warrantyRepair  	newRow newRow undoBtn" ". .  				newRow newRow undoBtn";
}
.productWorksheetInputGrid .addProduct {
  grid-area: addProductAc;
  align-self: end;
}
.productWorksheetInputGrid #addWorksheetProductAcErr {
  grid-area: addProductAcErr;
}
.productWorksheetInputGrid .iconContainer.iDel {
  grid-area: delBtn;
  margin-top: 20px;
}
.productWorksheetInputGrid .warrantyRepair {
  grid-area: warrantyRepair;
  align-self: end;
  justify-self: end;
  grid-template-columns: 1fr auto;
}
.productWorksheetInputGrid .stockBtn {
  grid-area: stockBtn;
}
.productWorksheetInputGrid .newRow {
  grid-area: newRow;
}
.productWorksheetInputGrid .stockLabel {
  grid-area: stockLabel;
}
.productWorksheetInputGrid .stockChk {
  grid-area: stockChk;
}
.productWorksheetInputGrid .productRemark {
  grid-area: productRemark;
}
.productWorksheetInputGrid .productSerials {
  grid-area: productSerials;
}
.productWorksheetInputGrid .addBtn {
  grid-area: addBtn;
  align-self: center;
}
.productWorksheetInputGrid .delBtn {
  grid-area: delBtn;
}
.productWorksheetInputGrid .undoBtn {
  grid-area: undoBtn;
}
.productWorksheetInputGrid .iconContainer {
  font-size: 22px;
}
.productWorksheetInputGrid label.stockOnly {
  margin-right: 5px;
  font-size: 16px;
  line-height: 20px;
}
.productWorksheetInputGrid .wsText {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
}
.productWorksheetInputGrid .newRow {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 50px 1fr 1fr;
  grid-template-areas: "serialLabel    	  brandLabel             typeLabel            .							nameLabel          		nameTextLabel         " "worksheetSerialNr    worksheetBrand         worksheetType        .							worksheetName      		worksheetNameText     " "worksheetSerialNrErr worksheetBrandErr      worksheetTypeErr     .							worksheetNameErr   		worksheetNameTextErr  " "errDescLabel   	  accessoryLabel         offerLimitLabel   	  .						    maxChargeLabel	      	.					  " "worksheetErrDesc	  worksheetAccessory     worksheetOfferLimit  worksheetCurrencyText     worksheetMaxChargeText	.					  " "errDescTextLabel  	  accessoryTextLabel     deviceTypeLabel      .					  		.						.					  " "worksheetErrDescText worksheetAccessoryText wsDeviceType 	      .  						worksheetRemark	        worksheetRemark		  ";
  /*.worksheetNewRow{grid-area: ~'1 / 1 / span 3 / span 6';
						display: grid;
						grid-template-columns: 1fr 1fr 1fr 50px 1fr 1fr;
						grid-template-areas: "productNameLabel     .           			  serialLabel             .			articleLabel		.     ."
											 "worksheetProductName  worksheetProductName  worksheetSerialNr       .        	articleNr      		.     ."
											 "name_textErr 			.				      worksheetSerialNrErr    .			articleNrErr		.     .";
						.productNameLabel{grid-area: productNameLabel;}
						.worksheetProductName{grid-area: worksheetProductName;}
						#name_textErr{grid-area: name_textErr;}

						.serialLabel{grid-area: serialLabel;}
						.worksheetSerialNr{grid-area: worksheetSerialNr;}
						#worksheetSerialNrErr{grid-area: worksheetSerialNrErr;}
						.articleLabel{grid-area: articleLabel;}
						.articleNr{grid-area: articleNr;}
						#articleNrErr{grid-area: articleNrErr;}
						
					}*/
}
.productWorksheetInputGrid .newRow .formLabel {
  margin: unset;
  float: unset;
}
.productWorksheetInputGrid .newRow .serialLabel {
  grid-area: serialLabel;
}
.productWorksheetInputGrid .newRow .worksheetSerialNr {
  grid-area: worksheetSerialNr;
}
.productWorksheetInputGrid .newRow #worksheetSerialNrErr {
  grid-area: worksheetSerialNrErr;
}
.productWorksheetInputGrid .newRow .brandLabel {
  grid-area: brandLabel;
}
.productWorksheetInputGrid .newRow .worksheetBrand {
  grid-area: worksheetBrand;
}
.productWorksheetInputGrid .newRow .worksheetBrand .custom-combobox {
  display: grid;
  grid-template-columns: 1fr auto;
}
.productWorksheetInputGrid .newRow #brand-ws_brandErr {
  grid-area: worksheetBrandErr;
}
.productWorksheetInputGrid .newRow .typeLabel {
  grid-area: typeLabel;
}
.productWorksheetInputGrid .newRow .worksheetType {
  grid-area: worksheetType;
}
.productWorksheetInputGrid .newRow #type-ws_typeErr {
  grid-area: worksheetTypeErr;
}
.productWorksheetInputGrid .newRow .nameLabel {
  grid-area: nameLabel;
}
.productWorksheetInputGrid .newRow .worksheetName {
  grid-area: worksheetName;
}
.productWorksheetInputGrid .newRow #name4-ws_nameErr {
  grid-area: worksheetNameErr;
}
.productWorksheetInputGrid .newRow .nameTextLabel {
  grid-area: nameTextLabel;
}
.productWorksheetInputGrid .newRow .worksheetNameText {
  grid-area: worksheetNameText;
}
.productWorksheetInputGrid .newRow #name_textErr {
  grid-area: worksheetNameTextErr;
}
.productWorksheetInputGrid .newRow .worksheetArticleNr {
  grid-area: worksheetSerialLabel;
}
.productWorksheetInputGrid .newRow .worksheetSerialNr {
  grid-area: worksheetSerialNr;
}
.productWorksheetInputGrid .newRow .errDescLabel {
  grid-area: errDescLabel;
}
.productWorksheetInputGrid .newRow .worksheetErrDesc {
  grid-area: worksheetErrDesc;
}
.productWorksheetInputGrid .newRow .errDescTextLabel {
  grid-area: errDescTextLabel;
}
.productWorksheetInputGrid .newRow .worksheetErrDescText {
  grid-area: worksheetErrDescText;
}
.productWorksheetInputGrid .newRow .accessoryLabel {
  grid-area: accessoryLabel;
}
.productWorksheetInputGrid .newRow .worksheetAccessory {
  grid-area: worksheetAccessory;
}
.productWorksheetInputGrid .newRow .accessoryTextLabel {
  grid-area: accessoryTextLabel;
}
.productWorksheetInputGrid .newRow .worksheetAccessoryText {
  grid-area: worksheetAccessoryText;
}
.productWorksheetInputGrid .newRow .offerLimitLabel {
  grid-area: offerLimitLabel;
}
.productWorksheetInputGrid .newRow .worksheetOfferLimit {
  grid-area: worksheetOfferLimit;
}
.productWorksheetInputGrid .newRow .worksheetCurrencyText {
  grid-area: worksheetCurrencyText;
  align-self: center;
  margin-left: 4px;
  font-weight: bold;
}
.productWorksheetInputGrid .newRow .maxChargeLabel {
  grid-area: maxChargeLabel;
}
.productWorksheetInputGrid .newRow .worksheetMaxChargeText {
  grid-area: worksheetMaxChargeText;
}
.productWorksheetInputGrid .newRow .deviceTypeLabel {
  grid-area: deviceTypeLabel;
}
.productWorksheetInputGrid .newRow .wsDeviceType {
  grid-area: wsDeviceType;
}
.productWorksheetInputGrid .newRow .worksheetRemark {
  grid-area: worksheetRemark;
}
.openOrderRow {
  display: grid;
  margin-bottom: 8px;
  padding-bottom: 4px;
  line-height: 1.2;
  grid-gap: 0 4px;
  grid-template-columns: minmax(20px, auto) 1fr 16px minmax(18px, auto) auto auto;
  grid-template-areas: "itemNr moduleArticle  iSub quantity iAdd iDel" "moduleItemName moduleItemName moduleItemName moduleItemName moduleItemName moduleItemName";
}
.openOrderRow .itemNr {
  grid-area: itemNr;
}
.openOrderRow .moduleArticle {
  grid-area: moduleArticle;
}
.openOrderRow .iDel {
  grid-area: iDel;
}
.openOrderRow .iSub {
  grid-area: iSub;
}
.openOrderRow .quantity {
  grid-area: quantity;
  text-align: center;
}
.openOrderRow .iAdd {
  grid-area: iAdd;
}
.openOrderRow .moduleItemName {
  grid-area: moduleItemName;
}
.lockPouop .grid2 {
  margin-bottom: 16px;
}
.lockPouop .item1,
.lockPouop .item2 {
  align-self: center;
}
.lockPouop .item1 h3,
.lockPouop .item2 h3 {
  margin: 0;
}
.stockFilter {
  padding: 16px;
  margin-bottom: 16px;
  display: grid;
  grid-gap: 4px 16px;
  grid-template-columns: min-content 200px 200px 200px 200px 1fr min-content;
  grid-template-areas: " item1 item2  item3  item4  item5 .     item12" " item6 item7  item8  item8  item8 item8 item8" " item9 item10 item11 item11 item11 item11 item11";
  align-items: center;
}
.stockFilter h3 {
  margin: 0;
}
.orderDetailsStatusbar {
  margin-bottom: 8px;
}
.orderDetailsStatusbar h1,
.orderDetailsStatusbar h2 {
  margin: 0;
  line-height: 1;
}
.orderDetailsStatusbar .vatSum {
  display: flex;
  justify-content: flex-start;
  gap: 32px;
}
.orderDetailsStatusbar .vatSum .grid2 {
  grid-template-columns: auto auto;
  align-items: center;
}
.orderDetailsStatusbar .grandTotalNumber {
  font-size: 22px;
  font-weight: bold;
  line-height: 24px;
}
.orderDetailsStatusbar .orderTotalData {
  grid-template-columns: auto minmax(80px, auto);
  grid-template-areas: "item1 item2" "item3 item3";
  column-gap: 8px;
  align-items: center;
  justify-items: right;
  justify-content: right;
}
.orderDetailsStatusbar .lpPagination {
  margin: 12px 0;
}
.invoiceDetails {
  column-gap: 36px;
  row-gap: 0;
  margin: 16px 0;
  grid-template-areas: ". item2" "item1 item3";
}
.invoiceDetails .sysPanel,
.invoiceDetails h4 {
  margin: 0;
}
@media (max-width: 1980px) {
  .invoiceDetails {
    column-gap: 24px;
  }
}
@media (max-width: 1280px) {
  .invoiceDetails {
    row-gap: 16px;
    column-gap: 0px;
    grid-template-columns: 1fr;
    grid-template-areas: "item1" "item2" "item3";
  }
}
.invoiceItemGrid {
  font-size: 18px;
  align-items: center;
  display: grid;
  gap: 12px;
  border-radius: 8px;
  padding: 12px;
  grid-template-columns: minmax(20px, auto) 1fr 3fr 100px 100px 120px 120px;
  grid-template-areas: "item1  item2  item3  item4  item5  item6 item7" "item9  item9  item10 item11 .      item12 item13" "item14 item14 item15 item16 item17 item18 item19" ". .           stockInfo stockInfo stockInfo stockInfo stockInfo" "item20 item20 item20 item20 item20 item20 item20 ";
}
.invoiceItemGrid .articleNoMan {
  font-size: 14px;
}
.invoiceItemGrid .item18 {
  justify-self: right;
}
.invoiceItemGrid .stockInfo {
  grid-area: stockInfo;
  font-size: 14px;
  line-height: 1;
  display: flex;
  gap: 4px;
  align-items: center;
}
.invoiceItemGrid .stockInfo span {
  margin: 0;
}
.invoiceItemGrid.gridMargin,
.priceChangeGrid.gridMargin {
  font-size: 16px;
  gap: 12px 6px;
  line-height: 1.1;
  padding: 12px;
}
.invoiceItemGrid.gridMargin {
  grid-template-columns: minmax(20px, auto) 1fr 3fr 100px 100px 80px 120px 120px;
  grid-template-areas: "item1  item2  item3  item4  item5  margihNead item6   item7" "item9  item9  item10 item11 .      marginR1   item12 item13" "item14 item14 item15 item16 item17 marginR2   item18 item19" ". .    stockInfo stockInfo stockInfo stockInfo stockInfo stockInfo" "item20 item20 item20 item20 item20 item20     item20 item20 ";
}
.invoiceItemGrid.gridMargin .marginHead {
  grid-area: margihNead;
}
.invoiceItemGrid.gridMargin .marginR1 {
  grid-area: marginR1;
}
.invoiceItemGrid.gridMargin .marginR2 {
  grid-area: marginR2;
}
@media (max-width: 1980px) {
  .invoiceItemGrid.gridMargin {
    grid-template-columns: minmax(20px, auto) 1fr 100px 100px 80px 120px 120px;
    grid-template-areas: "item1  item2    item4  item5  margihNead item6   item7" "item9  item9    item11 .      marginR1   item12 item13" "item10 item10  item10 item10 item10 item10 item10" "item14 item14  item16 item17 marginR2   item18 item19" "item15 item15  item15 item15 item15 item15 item15" "stockInfo stockInfo stockInfo stockInfo stockInfo stockInfo stockInfo" "item20 item20  item20 item20 item20     item20 item20 ";
  }
  .invoiceItemGrid.gridMargin .item3 {
    display: none;
  }
}
.invoiceItemGrid.priceChangeGrid {
  grid-template-columns: 1fr auto auto;
  grid-template-areas: ".  	item1 ." "item2  item2  item2" "item3  item4  item5" "stockInfo stockInfo stockInfo";
}
.bestMatches .gridPanel {
  grid-template-columns: minmax(80px, min-content) min-content;
}
/*********************** 12 column responsive grid  ***********************/
/*
*
*		.grid12-3:		12 column grid, 3x4 column wide panels
*		.grid12-4:		12 column grid, 4x3 column wide panels
*		.grid12-6:		12 column grid, 6x2 column wide panels
*
*		.grid12-4.innerGrid: 	inner content, leftCol 4comumn wide mainContent 8 column wide 
* 
*
*
/**************************************************************************/
/*********************** grid gaps ***********************/
.homeTitle {
  grid-area: homeTitle;
}
.homeText {
  grid-area: homeText;
}
.homeBottom {
  grid-area: homeBottom;
}
.homeSubTitle1 {
  grid-area: homeSubTitle1;
}
.homeSubTitle2 {
  grid-area: homeSubTitle2;
}
.homeSubTitle3 {
  grid-area: homeSubTitle3;
}
.homeSubTitle4 {
  grid-area: homeSubTitle4;
}
.homeSubTitle5 {
  grid-area: homeSubTitle5;
}
.homeSubTitle6 {
  grid-area: homeSubTitle6;
}
.menuGrid .parentTitle {
  grid-area: 1/2/1/14;
}
.menuGrid .i1 {
  grid-area: 2/2/2/6;
}
.menuGrid .i2 {
  grid-area: 2/6/2/10;
}
.menuGrid .i3 {
  grid-area: 2/10/2/14;
}
.grid12-1,
.grid12-2,
.grid12-3,
.grid12-4,
.grid12-6 {
  display: grid;
  gap: 36px;
  grid-template-columns: 200px repeat(12, 1fr) 200px;
}
.grid12-5 {
  display: grid;
  gap: 36px;
  grid-template-columns: 200px repeat(10, 1fr) 200px;
}
.messages,
.messageContainer {
  grid-area: 1/5/1/11;
}
.grid12-6.contentGrid {
  grid-template-areas: ". . . . homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle . . . ." ". . . . homeText homeText homeText homeText homeText homeText . . . ." ". homeSubTitle1 homeSubTitle1 homeSubTitle2 homeSubTitle2 homeSubTitle3 homeSubTitle3 homeSubTitle4 homeSubTitle4 homeSubTitle5 homeSubTitle5 homeSubTitle6 homeSubTitle6 ." ". item1 item1 item2 item2 item3 item3 item4  item4  item5  item5 item6 item6 ." ". homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom homeBottom homeBottom .";
}
.grid12-6.contentGrid .homeBottom {
  justify-self: center;
}
.grid12-5.contentGrid {
  grid-template-areas: ". . .  homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle  . . ." ". . .  homeText homeText homeText homeText homeText homeText  . . ." ". homeSubTitle1 homeSubTitle1 homeSubTitle2 homeSubTitle2 homeSubTitle3 homeSubTitle3 homeSubTitle4 homeSubTitle4 homeSubTitle5 homeSubTitle5 ." ". item1 item1 item2 item2 item3 item3 item4  item4  item5  item5 ." ". homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom .";
}
.grid12-5.contentGrid .homeBottom {
  justify-self: center;
}
.grid12-4.contentGrid {
  grid-template-areas: ". . . . homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle . . . ." ". . . . homeText homeText homeText homeText homeText homeText . . . ." ". homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle4 homeSubTitle4 homeSubTitle4 ." ". item1 item1 item1 item2 item2 item2 item3  item3  item3  item4 item4 item4 ." ". homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom homeBottom homeBottom .";
}
.grid12-4.contentGrid .homeBottom {
  justify-self: center;
}
.grid12-4.contentGrid.compact {
  grid-template-areas: ". . . . homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle . . . ." ". . . . homeText homeText homeText homeText homeText homeText . . . ." ". item1 item1 item1 item2 item2 item2 item3  item3  item3  item4 item4 item4 ." ". homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom homeBottom homeBottom .";
}
.grid12-4.innerGrid .leftCol {
  grid-area: 1/2/1/5;
}
.grid12-4.innerGrid .mainContent {
  grid-area: 1/5/1/14;
}
.grid12-4.innerGrid3 .leftCol {
  grid-area: 1/2/2/5;
}
.grid12-4.innerGrid3 .mainContent {
  grid-area: 1/5/2/11;
}
.grid12-4.innerGrid3 .rightCol {
  grid-area: 1/11/2/14;
}
.grid12-3.contentGrid {
  grid-template-areas: ". . . . homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle . . . ." ". . . . homeText homeText homeText homeText homeText homeText . . . ." ". homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle3 ." ". item1 item1 item1 item1 item2 item2 item2  item2  item3  item3 item3 item3 ." ". homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom homeBottom homeBottom .";
}
.grid12-3.contentGrid .homeBottom {
  justify-self: center;
}
.grid12-2.contentGrid {
  grid-template-areas: ". . . . homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle . . . ." ". . . . homeText homeText homeText homeText homeText homeText . . . ." ". homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 ." ". item1 item1 item1 item1 item1 item1 item2  item2  item2  item2 item2 item2 ." ". homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom homeBottom homeBottom .";
}
.grid12-2.contentGrid .homeBottom {
  justify-self: center;
}
.grid12-1.contentGrid {
  grid-template-areas: ". . . . homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle . . . ." ". . . . homeText homeText homeText homeText homeText homeText . . . ." ". homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 ." ". item1 item1 item1 item1 item1 item1 item1  item1  item1  item1 item1 item1 ." ". homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom homeBottom homeBottom .";
}
.grid12-1.contentGrid .homeBottom {
  justify-self: center;
}
@media (max-width: 1980px) {
  .grid12-1,
  .grid12-2,
  .grid12-3,
  .grid12-4,
  .grid12-6 {
    grid-template-columns: 50px repeat(12, 1fr) 50px;
  }
  .grid12-5 {
    grid-template-columns: 50px repeat(10, 1fr) 50px;
  }
}
@media (max-width: 1600px) {
  .grid12-1,
  .grid12-2,
  .grid12-3,
  .grid12-4,
  .grid12-6 {
    gap: 24px;
    grid-template-columns: 0px repeat(12, 1fr) 0px;
  }
  .grid12-5 {
    gap: 24px;
    grid-template-columns: 0px repeat(10, 1fr) 0px;
  }
}
@media (max-width: 1024px) {
  .grid12-1,
  .grid12-2,
  .grid12-3,
  .grid12-4,
  .grid12-5,
  .grid12-6 {
    gap: 16px;
  }
  .messages,
  .messageContainer {
    grid-area: 1/2/1/14;
  }
  .grid12-6.contentGrid {
    grid-template-areas: ". . . homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle . . ." ". . . homeText homeText homeText homeText homeText homeText homeText homeText . . ." ". homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 ." ". item1 item1 item1 item1 item1 item1 item2  item2  item2  item2 item2 item2 ." ". homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle4 homeSubTitle4 homeSubTitle4 homeSubTitle4 homeSubTitle4 homeSubTitle4 ." ". item3 item3 item3 item3 item3 item3 item4  item4  item4  item4 item4 item4 ." ". homeSubTitle5 homeSubTitle5 homeSubTitle5 homeSubTitle5 homeSubTitle5 homeSubTitle5 homeSubTitle6 homeSubTitle6 homeSubTitle6 homeSubTitle6 homeSubTitle6 homeSubTitle6 ." ". item5 item5 item5 item5 item5 item5 item6  item6  item6  item6 item6 item6 ." ". homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom homeBottom homeBottom .";
  }
  .grid12-4.contentGrid {
    grid-template-areas: ". . . homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle . . ." ". . . homeText homeText homeText homeText homeText homeText homeText homeText . . ." ". homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 ." ". item1 item1 item1 item1 item1 item1 item2  item2  item2  item2 item2 item2 ." ". homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle4 homeSubTitle4 homeSubTitle4 homeSubTitle4 homeSubTitle4 homeSubTitle4 ." ". item3 item3 item3 item3 item3 item3 item4  item4  item4  item4 item4 item4 ." ". homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom homeBottom homeBottom .";
  }
  .grid12-5.contentGrid {
    grid-template-columns: 0px repeat(12, 1fr) 0px;
    grid-template-areas: ". . . homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle . . ." ". . . homeText homeText homeText homeText homeText homeText homeText homeText . . ." ". homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle3 ." ". item1 item1 item1 item1 item2 item2 item2  item2  item3  item3 item3 item3 ." ". . . homeSubTitle4 homeSubTitle4 homeSubTitle4 homeSubTitle4 homeSubTitle5 homeSubTitle5 homeSubTitle5 homeSubTitle5 . . ." ". . . item4  item4  item4  item4 item5 item5 item5 item5 . . ." ". homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom homeBottom homeBottom .";
  }
  .grid12-4.contentGrid.compact {
    grid-template-areas: ". . . homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle . . ." ". . . homeText homeText homeText homeText homeText homeText homeText homeText . . ." ". homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 ." ". item1 item1 item1 item1 item1 item1 item2  item2  item2  item2 item2 item2 ." ". homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle4 homeSubTitle4 homeSubTitle4 homeSubTitle4 homeSubTitle4 homeSubTitle4 ." ". item3 item3 item3 item3 item3 item3 item4  item4  item4  item4 item4 item4 ." ". homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom homeBottom homeBottom .";
  }
  .grid12-4.innerGrid .leftCol {
    grid-area: 1/2/1/14;
  }
  .grid12-4.innerGrid .mainContent {
    grid-area: 2/2/3/14;
  }
  .grid12-3.contentGrid {
    grid-template-columns: 0 repeat(6, 1fr) 0;
    grid-template-areas: ". homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle ." ". homeText  homeText  homeText  homeText  homeText  homeText  ." ". homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 ." ". item1 item1 item1 item1 item1 item1 ." ". homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 ." ". item2 item2 item2 item2 item2 item2 ." ". homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle3 ." ". item3 item3 item3 item3 item3 item3 ." ". homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom .";
  }
  .grid12-2.contentGrid {
    grid-template-columns: 0 repeat(6, 1fr) 0;
    grid-template-areas: ". homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle ." ". homeText  homeText  homeText  homeText  homeText  homeText  ." ". homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 ." ". item1 item1 item1 item1 item1 item1 ." ". homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 ." ". item2 item2 item2 item2 item2 item2 ." ". homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom .";
  }
  .grid12-1.contentGrid {
    grid-template-columns: 0 repeat(6, 1fr) 0;
    grid-template-areas: ". homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle ." ". homeText  homeText  homeText  homeText  homeText  homeText  ." ". homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 ." ". item1 item1 item1 item1 item1 item1 ." ". homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom .";
  }
  .grid12-4.innerGrid3 .leftCol {
    grid-area: 1/2/3/5;
  }
  .grid12-4.innerGrid3 .mainContent {
    grid-area: 1/5/2/14;
  }
  .grid12-4.innerGrid3 .rightCol {
    grid-area: 2/5/3/14;
  }
}
@media (max-width: 576px) {
  .grid12-1,
  .grid12-2,
  .grid12-3,
  .grid12-4,
  .grid12-5,
  .grid12-6 {
    gap: 12px;
    grid-template-columns: 0 repeat(6, 1fr) 0;
  }
  .messages,
  .messageContainer {
    grid-area: 1/2/1/8;
  }
  .grid12-6.contentGrid {
    grid-template-areas: ". homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle ." ". homeText homeText homeText homeText homeText homeText ." ". homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 ." ". item1 item1 item1 item1 item1 item1 ." ". homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 ." ". item2 item2 item2 item2 item2 item2 ." ". homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle3 ." ". item3 item3 item3 item3 item3 item3 ." ". homeSubTitle4 homeSubTitle4 homeSubTitle4 homeSubTitle4 homeSubTitle4 homeSubTitle4 ." ". item4 item4 item4 item4 item4 item4 ." ". homeSubTitle5 homeSubTitle5 homeSubTitle5 homeSubTitle5 homeSubTitle5 homeSubTitle5 ." ". item5 item5 item5 item5 item5 item5 ." ". homeSubTitle6 homeSubTitle6 homeSubTitle6 homeSubTitle6 homeSubTitle6 homeSubTitle6 ." ". item6 item6 item6 item6 item6 item6 ." ". homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom .";
  }
  .grid12-5.contentGrid {
    grid-template-columns: 0px repeat(6, 1fr) 0px;
    grid-template-areas: ". homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle ." ". homeText homeText homeText homeText homeText homeText ." ". homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 ." ". item1 item1 item1 item1 item1 item1 ." ". homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 ." ". item2 item2 item2 item2 item2 item2 ." ". homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle3 ." ". item3 item3 item3 item3 item3 item3 ." ". homeSubTitle4 homeSubTitle4 homeSubTitle4 homeSubTitle4 homeSubTitle4 homeSubTitle4 ." ". item4 item4 item4 item4 item4 item4 ." ". homeSubTitle5 homeSubTitle5 homeSubTitle5 homeSubTitle5 homeSubTitle5 homeSubTitle5 ." ". item5 item5 item5 item5 item5 item5 ." ". homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom .";
  }
  .grid12-4.contentGrid {
    grid-template-areas: ". homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle ." ". homeText homeText homeText homeText homeText homeText ." ". homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 ." ". item1 item1 item1 item1 item1 item1 ." ". homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 ." ". item2 item2 item2 item2 item2 item2 ." ". homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle3 ." ". item3 item3 item3 item3 item3 item3 ." ". homeSubTitle4 homeSubTitle4 homeSubTitle4 homeSubTitle4 homeSubTitle4 homeSubTitle4 ." ". item4 item4 item4 item4 item4 item4 ." ". homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom .";
  }
  .grid12-4.contentGrid.compact {
    grid-template-areas: ". homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle." ". homeText homeText homeText homeText homeText homeText ." ". item1 item1 item1 item1 item1 item1 ." ". item2 item2 item2 item2 item2 item2 ." ". item3 item3 item3 item3 item3 item3 ." ". item4 item4 item4 item4 item4 item4 ." ". homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom .";
  }
  .grid12-3.contentGrid {
    grid-template-areas: ". homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle ." ". homeText homeText homeText homeText homeText homeText ." ". homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 ." ". item1 item1 item1 item1 item1 item1 ." ". homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 ." ". item2 item2 item2 item2 item2 item2 ." ". homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle3 ." ". item3 item3 item3 item3 item3 item3 ." ". homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom .";
  }
  .grid12-2.contentGrid {
    grid-template-areas: ". homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle ." ". homeText homeText homeText homeText homeText homeText ." ". homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 ." ". item1 item1 item1 item1 item1 item1 ." ". homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 ." ". item2 item2 item2 item2 item2 item2 ." ". homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom .";
  }
  .grid12-1.contentGrid {
    grid-template-areas: ". homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle ." ". homeText homeText homeText homeText homeText homeText ." ". homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 ." ". item1 item1 item1 item1 item1 item1 ." ". homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom .";
  }
  .grid12-3.menuGrid .parentTitle {
    grid-area: 1/2/1/8;
  }
  .grid12-3.menuGrid .i1 {
    grid-area: 2/2/4/8;
  }
  .grid12-3.menuGrid .i2 {
    grid-area: 4/2/6/8;
  }
  .grid12-3.menuGrid .i3 {
    grid-area: 6/2/8/8;
  }
  .grid12-4.innerGrid .leftCol {
    grid-area: 1/2/1/8;
  }
  .grid12-4.innerGrid .mainContent {
    grid-area: 2/2/3/8;
  }
  .grid12-4.innerGrid3 .leftCol {
    grid-area: 1/2/1/8;
  }
  .grid12-4.innerGrid3 .mainContent {
    grid-area: 2/2/3/8;
  }
  .grid12-4.innerGrid3 .rightCol {
    grid-area: 3/2/4/8;
  }
}
/*****************  ws products form  ********************/
#editform_products {
  display: block;
  width: 100%;
}
#editform_products .productName {
  border: 1px solid #CCC;
  border-radius: 4px;
  background: #D0F5D0;
  padding: 4px;
  margin-bottom: 6px;
}
#editform_products .productName .namePart {
  position: relative;
  float: left;
  height: 35px;
  width: 75px;
}
#editform_products .productName .namePart.text {
  width: 100px;
}
#editform_products .productName .namePart .formLabel {
  position: absolute;
  top: 0;
  width: auto;
}
#editform_products .productName .namePart input,
#editform_products .productName .namePart select {
  font-size: 11px;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 16px;
}
#editform_products .productName .namePart input {
  height: 14px;
}
#wsPoductName {
  width: 100%;
  padding: 4px 0;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #CC2020;
}
#editform_products .productName .inputBlock {
  margin-top: 6px;
  margin-right: 8px;
  float: left;
  width: 350px;
}
#editform_products .productName .inputBlock input {
  width: 100%;
}
#editform_products .productName .inputBlock.wide {
  width: 420px;
}
#editform_products .productName .inputBlock.auto {
  width: auto;
}
#editform_products .productName .inputBlock.wide label {
  font-size: 12px;
  width: auto;
}
#editform_products .productRemark {
  width: 98%;
}
#editform_products .lpTabInner {
  background-color: #ddeeff;
  width: 100%;
  box-sizing: border-box;
}
.formLabel.wsProdStoc {
  width: 100px;
}
.dataBlock.screen {
  margin: 24px 8px 0 8px;
}
/************ a_ws_product_variant  ***********/
.createVariantsForm {
  margin-bottom: 20px;
}
.createVariantsForm .flexItem {
  min-width: 120px;
  padding: 16px;
  border-radius: 4px;
}
.createVariantsForm label {
  font-size: 14px;
}
.createVariantsForm .grid2 {
  grid-template-columns: 1fr min-content;
  margin-bottom: 8px;
}
/**************** bundle  *********************/
.bundleProducts .grid2 {
  grid-template-columns: min-content 1fr;
}
/**************** data sheet ******************/
#productDataSheet {
  width: 100%;
}
#editform_products .dataBlock .short {
  width: 40px;
}
#editform_products .dataBlock.medium {
  width: 218px;
}
#editform_products .dataBlock .medium {
  width: 80px;
}
.wsPoductNameInput {
  position: relative;
  float: left;
  width: 141px;
  height: 40px;
}
#wsPoductCatPath {
  width: 77%;
  color: #3B7BB9;
  display: block;
  text-align: right;
  font-size: 11px;
  line-height: 15px;
  padding-right: 200px;
}
.wsMargin {
  width: 60px;
  text-align: right;
  float: left;
  margin-top: 4px;
}
#input_products_pr_off_percent {
  width: 20px;
}
.priceBlock,
.variantBlock {
  margin: 8px 0 0 0px;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}
.priceBlock [class^='gFormRow'],
.variantBlock [class^='gFormRow'] {
  padding-left: 16px;
}
.priceBlock [class^='gFormRow'] .labelArea,
.variantBlock [class^='gFormRow'] .labelArea {
  font-size: 12px;
}
.priceBlock [class^='gFormRow'] input,
.variantBlock [class^='gFormRow'] input,
.priceBlock [class^='gFormRow'] select,
.variantBlock [class^='gFormRow'] select,
.priceBlock [class^='gFormRow'] .fakeInput,
.variantBlock [class^='gFormRow'] .fakeInput {
  min-height: 24px;
}
.priceBlock h3 {
  margin-bottom: 4px;
}
#variantView .lpChkDisplay0 {
  /*background:url('img/b_close16.png') no-repeat;*/
}
#variantView th {
  padding: 8px 4px;
}
#variantView td {
  padding: 2px;
}
.lpForm #variantView .formInput {
  float: right;
}
/*#variantView .toolbar{
	float: left;
    height: 20px;
    width: 45px;
}*/
.sublist,
#sizesView .sizes {
  float: left;
  height: 20px;
  text-align: right;
  width: 95px;
  padding: 0;
}
#extraView .sublistChk {
  width: 120px;
}
/********   product history  *********/
#historyView.lpTabInner {
  background-color: #ffffff;
}
.productHistoryTable {
  width: 100%;
}
.productHistoryTable th {
  background-color: #496A8B;
  color: #ffffff;
}
.workName {
  width: 250px;
}
.historyWork {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  color: #496A8B;
}
.historyLog {
  font-size: 11px;
  text-align: center;
  color: #909090;
  line-height: 13px;
}
.productHistoryTable tr.lastRow {
  border-bottom: 2px dashed #496A8B;
}
.productHistoryTable td {
  padding-top: 10px;
}
.productHistoryTable .lastRow td {
  padding: 8px 2px 16px 2px;
  white-space: normal;
  font-size: 14px;
  /*color:#496A8B;*/
}
.productHistoryTable .formInput.datepicker {
  float: none;
  margin: auto;
  display: block;
}
.productHistoryTable .remark textarea {
  margin: 0;
  padding: 0 1%;
  width: 98%;
  height: 100px;
}
/***** stock editform *******/
.productTitle a {
  display: inline-block;
  margin-right: 16px;
}
.productTitle .iconText {
  line-height: 30px;
}
/******** product datasheet  *********/
.lpForm {
  width: 100%;
}
/*********************/
#modWsTree .treeIdent {
  width: 10px;
}
#modWsTree .moduleRow {
  font-size: 11px;
  /*height:12px;*/
  margin: 0;
  line-height: 13px;
  width: 100%;
  border: 0px solid;
}
/*****************  ws products table  *******************/
#a_ws_products td,
#a_ws_products th {
  font-size: 11px;
}
#a_ws_products_th_id {
  width: 30px;
}
#a_ws_products_th_article_no {
  width: 100px;
}
#a_ws_products_th_brand {
  width: 70px;
}
#a_ws_products_th_active,
#a_ws_products_th_active_ws {
  width: 36px;
}
#a_ws_products_th_production_year {
  width: 30px;
}
#a_ws_products_th_text_hu {
  width: 45px;
}
#a_ws_products_th_pr_buy,
#a_ws_products_th_pr_sell {
  width: 55px;
}
/*****************  ws stock table  *******************/
#a_ws_stock .ui-autocomplete .read_id {
  display: none;
}
#a_ws_stock_th_id,
#a_ws_stock td.td_id {
  display: none;
}
#a_ws_stock-th_article_no {
  width: 130px;
}
#a_ws_stock-th_variant {
  width: 30px;
}
#a_ws_stock-th_product_name {
  width: 270px;
}
#a_ws_stock-th_brand_name {
  width: 40px;
}
#a_ws_stock-th_active {
  width: 20px;
}
#a_ws_stock-th_production_year {
  width: 20px;
}
#a_ws_stock-th_price {
  width: 40px;
}
#a_ws_stock-th_stockval {
  width: 40px;
}
#a_ws_stock-th_q1,
#a_ws_stock-th_q2,
#a_ws_stock-th_q3 {
  width: 18px;
}
.td_q_sum {
  font-weight: bold;
}
.td_pr_sell,
.td_pr_buy,
.td_stock_min,
.td_stock_max {
  text-align: right;
}
td.over {
  color: #dd2020;
}
td.under {
  color: #FF8E00;
}
td.normal {
  color: #20bb20;
}
.td_q1,
.td_q2,
.td_q3 {
  text-align: right;
  font-weight: bold;
}
/*****************  ws stock details ******************/
#productHistoryDetails .article,
#productHistoryDetails .productName,
#productHistoryDetails .productSize {
  font-size: 12px;
  margin: 6px 0 0 10px;
  font-weight: normal;
}
#productHistoryDetails .article {
  font-weight: bold;
}
#productHistoryDetails .historyForm {
  width: 150px;
}
#productHistoryDetails .historyDate {
  width: 80px;
}
#productHistoryDetails .historyPrice {
  width: 65px;
}
#productHistoryDetails .historyVat,
#productHistoryDetails .historyQuantity {
  width: 25px;
}
#productHistoryDetails .historySerial {
  width: 85px;
}
/*****************  ws lists table  *******************/
#ws_lists_th_column_name,
#ws_lists_th_ordering {
  width: 70px;
}
#wsOrderForm {
  line-height: 0;
}
#wsOrderForm .editformTitleBar {
  line-height: 1.5;
}
/*****************  ws orders table  ********************/
/*.wsOrderEdiftorm{
	max-width:1000px;
	margin:auto;
}*/
#a_ws_order_th_id {
  width: 80px;
}
#a_ws_order_th_order_type {
  width: 110px;
}
#a_ws_order_th_serial {
  width: 48px;
}
#a_ws_order_th_active {
  width: 38px;
}
#a_ws_order_th_editing_name,
#a_ws_order_th_created_name {
  width: 90px;
}
#a_ws_order_th_create_date,
#a_ws_order_th_close_date {
  width: 110px;
}
#customerName-VisibleContainer {
  float: left;
}
#customerNameAc {
  height: 21px;
  /*width:180px;*/
  margin: 0;
}
/*.wsOrderEdiftorm .dataBlock .add{
	margin-top:4px;
}
.wsOrderEdiftorm .dataBlock .delete{
	margin:4px 0 0 5px;
}*/
.dataR2 {
  float: left;
  display: block;
  height: 18px;
  font-size: 10px;
}
.stockInfo {
  /*margin-left:6px;*/
  font-size: 10px;
  color: #AAAAAA;
}
.stockInfo span {
  margin-right: 4px;
}
.stockInfo .ok {
  color: #20a747;
}
.stockInfo .low {
  color: #dd2020;
}
/************ order data row  ****************/
.prices {
  float: right;
}
.data.quantity {
  font-weight: bold;
  text-align: right;
}
/*****************  ws orders editform  ********************/
/***** base colors for different order types *****/
/** sale return **/
.adminContent .ws_sale_return .editformTitle,
.adminContent .ws_sale_return .formLabel,
.adminContent .ws_sale_return h3 {
  color: #FF5F1F;
}
.lpModule a.ws_sale_return,
.td_order_type.ws_sale_return a {
  color: #FF5F1F;
}
.adminContent .ws_sale_return th {
  background-color: #FF5F1F;
  color: #EEE;
  font-size: 12px;
  padding: 2px 4px;
}
.adminContent .ws_sale_return .wsOrderDetails tr.lastRow {
  border-bottom: 2px dashed #FF5F1F;
  page-break-after: auto;
}
/** sale correction **/
.adminContent .ws_sale_correction .editformTitle,
.adminContent .ws_sale_correction .formLabel,
.adminContent .ws_sale_correction h3 {
  color: #4721A6;
}
.lpModule a.ws_sale_correction,
.td_order_type.ws_sale_correction a {
  color: #4721A6;
}
.adminContent .ws_sale_correction th {
  background-color: #4721A6;
  color: #EEE;
  font-size: 12px;
  padding: 2px 4px;
}
.adminContent .ws_sale_correction .wsOrderDetails tr.lastRow {
  border-bottom: 2px dashed #4721A6;
  page-break-after: auto;
}
/** takein **/
.adminContent .ws_takein .editformTitle,
.adminContent .ws_takein .formLabel,
.adminContent .ws_takein h3 {
  color: #A74720;
}
/*.lpModule a.ws_takein,
.adminContent .ws_takein a:not(.sysPanel){
	color:#A74720;
}*/
.adminContent .ws_takein th {
  background-color: #A74720;
  color: #EEE;
  font-size: 12px;
  padding: 2px 4px;
}
.adminContent .ws_takein .wsOrderDetails tr.lastRow {
  border-bottom: 2px dashed #A74720;
  page-break-after: auto;
}
/** takein return **/
.adminContent .ws_takein_return .editformTitle,
.adminContent .ws_takein_return .formLabel,
.adminContent .ws_takein_return h3 {
  color: #20A747;
}
.lpModule a.ws_takein_return,
.td_order_type.ws_takein_return a {
  color: #20A747;
}
.adminContent .ws_takein_return th {
  background-color: #20A747;
  color: #EEE;
  font-size: 12px;
  padding: 2px 4px;
}
.adminContent .ws_takein_return .wsOrderDetails tr.lastRow {
  border-bottom: 2px dashed #20A747;
  page-break-after: auto;
}
/** takein correction **/
.adminContent .ws_takein_correction .editformTitle,
.adminContent .ws_takein_correction .formLabel,
.adminContent .ws_takein_correction h3 {
  color: #8A21A6;
}
.lpModule a.ws_takein_correction,
.td_order_type.ws_takein_correction a {
  color: #8A21A6;
}
.adminContent .ws_takein_correction th {
  background-color: #8A21A6;
  color: #EEE;
  font-size: 12px;
  padding: 2px 4px;
}
.adminContent .ws_takein_correction .wsOrderDetails tr.lastRow {
  border-bottom: 2px dashed #8A21A6;
  page-break-after: auto;
}
/** move **/
.adminContent .ws_move .editformTitle,
.adminContent .ws_move .formLabel,
.adminContent .ws_move h3 {
  color: #A40E59;
}
.lpModule a.ws_move,
.td_order_type.ws_move a {
  color: #A40E59;
}
.adminContent .ws_move th {
  background-color: #A40E59;
  color: #EEE;
  font-size: 12px;
  padding: 2px 4px;
}
.adminContent .ws_move .wsOrderDetails tr.lastRow {
  border-bottom: 2px dashed #A40E59;
  page-break-after: auto;
}
.adminContent .ws_move .destinationStockContainer {
  height: 50px;
  line-height: 50px;
}
/**** rent ****/
.adminContent .ws_rent .editformTitleBar.titleBar_rented_out .editformTitle {
  color: #20A747;
}
.adminContent .ws_rent .orderDiscount .btn,
.lpModule a.ws_rent,
.adminContent .ws_rent a {
  color: #AA6F36;
}
.lpModule a.ws_rent.rented_out {
  color: #20a747;
}
.adminContent .ws_rent .rent .rowDescription a,
.adminContent .ws_rent .editformTitle,
.adminContent .ws_rent .formLabel,
.adminContent .ws_rent h3 {
  color: #AA6F36;
}
.ws_rent .productInputArea {
  background-color: #F0eedd;
}
.adminContent .ws_rent th {
  background-color: #AA6F36;
  color: #EEE;
}
.adminContent .ws_rent .wsOrderDetails tr.lastRow {
  border-bottom: 2px dashed #AA6F36;
}
/*** end base colors ***/
#remark {
  height: 67px;
}
.addressContainer .fakeInput {
  min-height: 67px;
  /*width:160px;*/
}
.wsOrderInfo {
  font-size: 11px;
  color: #606060;
  float: left;
  margin: 12px 10px 6px 0;
  width: 100%;
}
.orderDiscount .ui-spinner {
  float: left;
}
.orderDiscount .spinner {
  width: 30px;
}
.orderDiscount .btn {
  padding: 10px 0 0 8px;
  float: left;
}
#orderdiscountErr {
  display: inline-block;
  float: left;
  width: auto;
  margin-left: 5px;
  padding-top: 11px;
}
.a_ws_order .closed {
  display: block;
  widht: 100%;
  height: 16px;
  background: url("img/b_lock16.png") no-repeat center center;
}
.a_ws_order .open {
  display: block;
  widht: 100%;
  height: 16px;
  background: url("img/b_unlock16.png") no-repeat center center;
}
.a_ws_order .rented_out {
  display: block;
  widht: 18px;
  height: 18px;
  background: url("svg/gboy/export.svg") no-repeat center center;
}
.a_ws_order .rent_return {
  display: block;
  widht: 18px;
  height: 18px;
  background: url("svg/gboy/import.svg") no-repeat center center;
}
/************* ws Order Details table ***********/
.wsOrderDetails {
  width: 100%;
  table-layout: auto;
  margin-bottom: 10px;
  padding-bottom: 5px;
  /*border-bottom:1px solid #3b7bb9;*/
}
.wsOrderDetails th {
  background: #3B7BB9;
  color: #fff;
  padding: 2px 4px;
  /*border:1px #CCC dotted;*/
}
.wsOrderDetails tr.odd {
  background: #FFF;
}
.wsOrderDetails tr.even {
  background: #EEE;
}
.wsOrderDetails tr.orderRow {
  background: #cecece;
}
.wsOrderDetails tr.editRow {
  background: #d0f5d0;
}
.wsOrderDetails tr.editRow.lastEditRow {
  border-bottom: 2px dashed #909090;
}
.wsOrderDetails tr {
  page-break-before: avoid;
  page-break-after: avoid;
}
.wsOrderDetails tr.lastRow {
  border-bottom: 2px dashed #3b7bb9;
  page-break-after: auto;
}
.wsOrderDetails tr.quantityError {
  border-bottom: 2px solid #dd2020;
  page-break-after: auto;
}
.wsOrderDetails tr.rent.odd {
  background: #F0eedd;
}
.wsOrderDetails tr.rent.even {
  background: #e8e0d0;
}
.adminPage .wsOrderDetails tr.even.rent.return,
.adminPage .wsOrderDetails tr.odd.rent.return {
  opacity: 0.8;
}
.wsOrderDetails .firstRow td {
  page-break-before: auto;
  padding-top: 10px;
}
.wsOrderDetails .lastRow td {
  padding-bottom: 10px;
}
.printPageCenter .wsOrderDetails .lastRow td,
.printPageCenter .wsOrderDetails .firstRow td {
  padding: 0 4px;
}
/*.wsOrderDetails td{
	border:1px #dd2020 dotted;
}
.wsOrderDetails td.toolBar,
.wsOrderDetails th.toolBar{
	width:18px;
	vertical-align: middle;
}*/
.wsOrderDetails td.toolBar a {
  margin: auto;
}
select.selectStock {
  width: 90px;
}
.priceHolder {
  display: block;
  width: 65px;
  text-align: right;
  float: right;
}
.quantityHolder {
  display: inline-block;
  width: 70px;
}
.wsOrderDetails .stockInfo {
  font-size: 11px;
  color: #202020;
}
.wsOrderDetails .rowDescription {
  font-size: 14px;
}
.wsOrderDetails .rowNr,
.wsOrderDetails .productName,
.wsOrderDetails a.productName {
  font-weight: bold;
  font-size: 14px;
  color: #404040;
}
.wsOrderDetails i {
  font-size: 20px;
}
.wsOrderDetails .priceSale {
  color: #808080;
  margin-left: 6px;
}
td .remarkInline {
  width: 340px;
  height: 24px;
}
.wsOrderDetails td .formErrMsg {
  float: none;
  text-align: left;
  min-height: 0;
}
td.detailsRemark {
  white-space: normal;
}
/** invoiced items **/
.wsOrderDetails .invoicedItems {
  float: right;
  font-weight: bold;
  position: relative;
}
.wsOrderDetails .invoicedItems .itemCount {
  font-size: 16px;
  line-height: 24px;
  float: left;
  margin-right: 4px;
}
.wsOrderDetails .invoicedItems .itemIcon {
  float: left;
}
/************  turnover details table **********/
.turoverFilter {
  width: 100%;
  box-sizing: border-box;
  padding: 10px 20px;
  background: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin-bottom: 12px;
  display: inline-block;
}
.turoverFilter h3 {
  width: 140px;
  float: left;
  padding: 0;
  margin: 0;
}
not(td).filterData {
  margin-left: 12px;
  font-size: 16px;
  font-weight: bold;
  float: left;
  line-height: 20px;
}
.adminTable.turnoverTable {
  width: auto;
}
.adminTable.turnoverTable td {
  padding: 4px 10px;
}
/************  order footer **********/
/*.orderPagination{
	margin-left:20px;
}*/
/*.orderSubtotal{
	font-size:11px;
}

/*
.orderTotal{
	margin:15px 0px 5px 0;
}
/*
.grandTotalData{
	//margin-top:-20px;
	float:right;
	text-align:right;
}
.orderTotalData{
	float:right;
	text-align:right;
}
.orderTotalData.deposit{
	margin-top:8px;
}*/
/*.orderTotalText{
	float:left;
	min-width:100px;
	text-align:right;
}
.grandTotalData .orderTotalText{
	margin-top:6px;
}
.orderTotalNumber{
	width:100px;
	float:right;
	font-weight:bold;
	text-align:right;
}*/
/******* Autocomplete ******/
.productSelectSearch {
  float: left;
  width: 220px;
  /*margin-top: 20px;*/
}
.productSearch .iconContainer.iDel {
  padding-top: 5px;
}
.topSearch {
  display: inline-block;
  /*border:1px solid #CCC;*/
  float: left;
}
.topSearch input {
  width: 150px;
  height: 32px;
  line-height: 32px;
  border-radius: 2px;
}
.topSearch .formLabel {
  text-align: center;
  width: 100%;
  margin-top: 3px;
}
.productSelectSearch .delete {
  margin: 6px 15px 0 5px;
}
#stock_only_container {
  float: left;
}
#addFreeProductAc {
  height: 24px;
}
.ui-autocomplete {
  max-height: 300px;
  overflow-y: auto;
}
.ui-autocomplete div {
  font-size: 12px;
}
.ui-autocomplete li a {
  display: inline-block;
  width: 100%;
}
.ui-autocomplete li {
  border-bottom: 1px dotted #202020;
}
.ui-autocomplete li.odd {
  background-color: #eee;
}
.ui-autocomplete .productSelect_id,
.ui-autocomplete .productSelect_prdoduct_id,
.ui-autocomplete .productSelect_vat,
.ui-autocomplete .productSelect_price,
.ui-autocomplete .productSelect_price_buy,
.ui-autocomplete .productSelect_pr_buy,
.ui-autocomplete .productSelect_pr_sell,
.ui-autocomplete .productSelect_pr_variant,
.ui-autocomplete .productSelect_sell,
.ui-autocomplete .productSelect_category,
.ui-autocomplete .productSelect_ordering {
  display: none;
}
.ui-autocomplete .productSelect_q1,
.ui-autocomplete .productSelect_q2,
.ui-autocomplete .productSelect_q3,
.ui-autocomplete .productSelect_q_reserved {
  float: right;
  width: 50px;
  margin-right: 4px;
}
.ui-autocomplete .productSelect_price_currency {
  float: right;
  width: 70px;
  margin-right: 0;
  text-align: right;
}
.ui-autocomplete .productSelect_article_no {
  width: 140px;
}
.ui-autocomplete .productSelect_product_serial {
  min-width: 80px;
}
.ui-autocomplete .productSelect_brand {
  width: 70px;
}
.ui-autocomplete .productSelect_product_name {
  /*max-width:300px;*/
}
.ui-autocomplete .productSelect_size_name {
  font-weight: bold;
}
/*
#awsworksheetdetails{
	width: unset;
}
*/
/**********  new row  *************/
.productInputArea {
  background: #e0f0ff;
}
/*.worksheetInputArea{
	background:#f5f5f5;
	margin:8px 0;
	padding: 0px;
}
.worksheetInputArea .formLabel{
	float:right;
	margin:-20px 4px 0 0;
}
.worksheetInputArea h3{
	margin-bottom:6px;
	line-height: 1;
}

.worksheetInputArea textarea{
	height:28px;
	margin:0;
	float:left;
	width:100%;
	max-width:784px;
	box-sizing:border-box;
}
.worksheetInputArea .tableToolbar .add{
	width:30px;
}
*/
tr.editRow input,
tr.editRow select {
  height: 26px;
  float: left;
  box-sizing: border-box;
}
/*
.newRow .undo{
	margin-top:3px;
}
.newRow .articleNr{
	width:120px;
}
.newRow .productName{
	width:200px;
}


.newRow .rentChk{
	float:left;
	display:inline-block;
	margin:0 4px;
}
.newRow .rentChk .lpChkContainer{
	float:left;
}
.newRow .rentChk label{
	font-size:16px;
	line-height: 30px;
	font-weight:bold;
}*/
/********** worksheet statistics *********/
.a_ws_worksheet_product .extraView {
  clear: both;
}
/********** newrow extra *********/
.productInputArea .productExtraBlock {
  display: inline-block;
  width: 100%;
  margin-bottom: 8px;
}
td .productExtraBlock {
  display: block;
  clear: both;
  margin-bottom: 8px;
}
td .productExtraBlock .lpChkContainer {
  margin-top: 3px;
}
.productExtraBlock .extraTitle {
  font-weight: bold;
}
.productExtraBlock .extra {
  float: left;
}
.productExtraBlock .extra label {
  line-height: 24px;
  min-width: 100px;
}
.productExtraBlock .extra.double label {
  min-width: 40px;
}
.productExtraBlock .extraContainer {
  float: left;
  margin-right: 14px;
}
.productExtraBlock .lpChkContainer {
  float: left;
}
/********* editrow, table ********/
tr.editRow input.productPrice {
  width: 61px;
}
/*.serialSelect{
	width:110px;
}*/
/*input.productDiscount,
input.productQuantity{
	width:20px;
}*/
tr.editRow .ui-spinner {
  float: left;
  height: 24px;
}
tr.editRow .ui-spinner-input {
  height: auto;
  line-height: 19px;
}
/*
.newRow .productRemark,
.newRow .productSerials{
	width:348px;
	height:24px;
	
}
.newRow .quantityErr{
	text-align:left;
	width:auto;
	margin-right:6px;
	float:left;
}
.newRow .stockErr{
	text-align:left;
	width:auto;
}*/
#worksheetItems td.toolbar {
  width: 45px;
}
#worksheetItems th.price {
  width: 70px;
}
#worksheetItems tr.editRow input.right {
  float: right;
  text-align: right;
}
/******** order close popup  ***********/
.popupRow {
  display: inline-block;
  width: 100%;
  margin: 5px;
  border-bottom: 1px solid #EEEEEE;
}
.popupNr {
  color: #202020;
  font-size: 9px;
  margin-right: 3px;
  width: 20px;
}
.popupSmall {
  color: #202020;
  font-size: 9px;
  margin-right: 6px;
}
.popupText.article {
  font-weight: bold;
  margin-right: 8px;
}
.popupText.quantity {
  margin: 0 10px 0 4px;
  font-weight: bold;
}
/*********  print rent contract  ************/
.printPageCenter.printRentContract {
  width: 800px;
}
.printRentContract h1 {
  text-align: center;
  /*margin-top:16px;*/
}
.printRentContract h3 {
  margin-bottom: 0px;
  line-height: 24px;
}
.printRentContract .dataRow {
  width: 100%;
  margin-bottom: 16px;
  display: inline-block;
}
.printRentContract .rentArreas h2,
.printRentContract .rentArreas h3 {
  float: left;
  width: auto;
}
.printRentContract .rentArreasTotal {
  margin-top: 4px;
  padding-top: 8px;
  border-top: 1px dotted #202020;
  font-size: 18px;
}
.printRentContract .dataBlock {
  width: 49%;
  margin-right: 2%;
  line-height: 24px;
  float: left;
}
.printRentContract .dataBlock.block33 {
  width: 32%;
}
.printRentContract .dataBlock.block23 {
  width: 23%;
}
.printRentContract .dataBlock.last {
  margin: 0%;
}
.printRentContract .textLabel {
  min-width: 140px;
  float: left;
}
.printRentContract li {
  text-align: justify;
}
.printRentContract .signatureBar {
  display: inline-block;
  width: 100%;
  margin-top: 50px;
  border-top: 1px dotted;
  text-align: center;
}
/************* print receipt ***************/
.printReceipt {
  margin: 20px auto;
  width: 100%;
  max-width: 300px;
  line-height: 18px;
  color: #000;
  /*font-size:10px;*/
}
.printReceipt h4 {
  color: #000;
  font-size: 12px;
  line-height: 16px;
  margin: 16px 0;
}
.printReceipt .customer {
  margin-bottom: 10px;
}
.printReceipt .productRow {
  margin-bottom: 10px;
}
/*.printReceipt .productName{
	
}*/
.printReceipt .productExtra {
  font-size: 0.8em;
}
.printReceipt .orderTime {
  font-size: 0.8em;
}
.printReceipt .orderRemark {
  margin: 10px 0;
}
.printReceipt .orderBlock {
  display: inline-block;
  border-bottom: 1px dashed #000;
  width: 100%;
  clear: both;
  /*margin:10px 0;*/
}
.printReceipt .orderSum {
  padding: 10px 0;
}
/**********  print barcode ************/
.printBarcode {
  width: 100%;
  text-align: center;
}
.barCode {
  max-width: 400px;
  min-width: 300px;
  display: block;
  margin: 0 auto;
  text-align: center;
  color: #000;
}
.bars {
  display: inline-block;
  position: relative;
  height: 30px;
}
.bar {
  background-color: #000;
  position: absolute;
  height: 100%;
  top: 0px;
}
.printBarcode .productName {
  line-height: 1.5em;
}
.printBarcode .article {
  font-size: 12px;
}
.printBarcode .productPrice {
  text-align: right;
  font-weight: bold;
  font-size: 1.5em;
  line-height: 1.1;
}
@media print {
  @page {
    margin: 1mm auto;
  }
}
/********   print frontend orders  **************/
.wsPrint .wsCart {
  display: inline-block;
  width: 100%;
}
.wsPrint .wsCart h3 {
  margin-bottom: 8px;
}
.wsPrint .wsCart .dataBlock {
  margin: 0 40px 20px 0;
}
.wsPrint .wsCart .dataBlock:last-child {
  margin: 0 0 20px 0;
}
.wsPrint .wsOrderDetails th {
  color: #202020;
  background: none;
  border-bottom: 2px solid #202020;
}
.wsPrint .wsCart:last-child {
  margin-bottom: 8px;
}
.wsPrint .createModifyLog {
  border: none;
}
/********  wsCart, fornted orders  **************/
/***** base colors *****/
.adminContent.a_ws_order_front .editformTitle,
.adminContent.a_ws_order_front .formLabel,
.adminContent.a_ws_order_front h3 {
  color: #997100;
}
.adminContent.a_ws_order_front .td_name a {
  color: #997100;
}
.adminContent.a_ws_order_front th a {
  color: #ffff00;
}
.adminContent.a_ws_order_front .adminTable th.ordered.desc,
.adminContent.a_ws_order_front .adminTable th.ordered.asc,
.adminContent.a_ws_order_front th {
  background-color: #B28400;
  color: #EEE;
  font-size: 12px;
  padding: 2px 4px;
}
.cartItems tr.cartSummary {
  border-top: 1px solid #B28400;
}
/********* cart summary, CycleMe ***********/
.cartSummary {
  line-height: 30px;
  display: inline-block;
  float: right;
  margin: 4px;
  clear: both;
}
.cartSummary .summaryText {
  float: left;
  margin-right: 4px;
}
.cartSummary .summaryPrice {
  width: 120px;
  float: left;
  text-align: right;
}
/************  ws order front popup  **************/
.wsNewOrder {
  padding: 16px 0;
  display: inline-block;
  line-height: 26px;
  font-size: 18px;
}
.wsNewOrder .dataBlock.shceduled a,
.wsNewOrder .dataBlock.shceduled {
  color: #dd2020;
}
.wsNewOrder .dataBlock.unconfirmed a,
.wsNewOrder .dataBlock.unconfirmed {
  color: #997100;
}
.wsNewOrder .dataBlock.shceduled a:hover {
  color: #606060;
}
.wsNewOrder .dataBlock .serial {
  font-size: 12px;
  float: left;
  padding-right: 4px;
  min-width: 65px;
}
.wsNewOrder .dataBlock .link {
  float: left;
  font-weight: bold;
  line-height: 22px;
  padding-right: 8px;
}
.wsNewOrder .dataBlock .price {
  float: left;
  min-width: 60px;
  text-align: right;
  margin-right: 8px;
}
.wsNewOrder .dataBlock .deliveryTime {
  float: left;
  font-weight: bold;
  min-width: 180px;
  text-align: right;
}
.wsNewOrder .dataBlock.future,
.adminTable tr.future {
  background: #ffffaa;
}
.wsNewOrder .dataBlock.current,
.adminTable tr.current {
  background: #aaffaa;
}
.wsNewOrder .dataBlock.past,
.adminTable tr.past {
  background: #ffaaaa;
}
/*** end base colors ***/
#editform_ws_order_front .col_1,
#editform_ws_order_front .col_2,
#editform_ws_order_front .col_3,
#editform_ws_order_front .col_4 {
  width: auto;
}
.wsCart {
  border-top: 1px solid #CCC;
  padding-top: 8px;
}
.wsCart .wsCartLabelGrid {
  display: grid;
  grid-template-columns: 50px 100px auto 10% 5% 10% 5% 50px;
  grid-template-rows: 45px;
  grid-template-areas: ". . productLabel priceLabel quantityLabel sumPriceLabel . .";
}
.wsCart .wsCartLabelGrid .wsCartProductLabel {
  grid-area: productLabel;
}
.wsCart .wsCartLabelGrid .wsCartItemPriceLabel {
  grid-area: priceLabel;
}
.wsCart .wsCartLabelGrid .wsCartQuantityLabel {
  grid-area: quantityLabel;
}
.wsCart .wsCartLabelGrid .wsCartSumPriceLabel {
  grid-area: sumPriceLabel;
}
.wsCart .wsCartItemGrid {
  line-height: 120px;
  text-align: center;
  display: grid;
  grid-template-columns: 50px 100px auto 10% 5% 10% 5% 50px;
  grid-template-rows: 120px;
  grid-template-areas: ". productImg productName productPrice productQuantity cartSum deleteIcon .";
}
.wsCart .wsCartItemGrid .wsProductIdxImgContainer {
  grid-area: productImg;
  width: 100%;
}
.wsCart .wsCartItemGrid .cartProductName {
  grid-area: productName;
}
.wsCart .wsCartItemGrid .price {
  grid-area: productPrice;
}
.wsCart .wsCartItemGrid .quantity {
  grid-area: productQuantity;
}
.wsCart .wsCartItemGrid .cartSum {
  grid-area: cartSum;
}
.wsCart .wsCartItemGrid .deleteIcon {
  grid-area: deleteIcon;
}
.wsOrderHead {
  width: 100%;
  display: inline-block;
}
.wsOrderHead .aDataBlock {
  padding: 0;
}
/*.customerData{
	display:inline-block;
	float:left;
	width:100%;
}*/
.clearInvoiceAddress {
  float: right;
}
.clearPartnerInvoiceForm {
  float: right;
}
/*.customerData .partnerRemark{
	width:97%;
	text-align:justify;
	font-style:italic;
	padding:3px;	
	background:#ddeeff;
	border:1px solid #ccc;
	border-radius:3px;
	
}*/
#customerNameVisible,
.wsOrderHead .dataBlock .lpAutoComplete {
  width: 150px;
  overflow: hidden;
  height: 21px;
}
#remark,
.dataBlock.addressContainer .fakeInput {
  width: 96%;
  padding: 2px 2%;
}
/*#orderRemark, #partnerRemark{
	width: ~"calc(100% - 4px)";
}*/
.wsOrderHead .dataBlock .rangeSelect {
  width: 100%;
}
.wsOrderHead .dataBlock,
.wsCart .dataBlock {
  min-width: 19%;
  float: left;
  margin: 0 2% 16px 0;
}
/*.wsOrderHead .customerData .dataBlock{
	width:32%;
	min-width:150px;
	float:left;
	margin-right:1%;
}*/
.wsOrderEditform .invoiceItem {
  display: flex;
  align-items: top;
}
.wsOrderEditform .invoiceItem .sysPanel {
  float: left;
}
.wsOrderEditform .invoiceItem .sysPanel:last-child {
  margin-right: 8px;
}
.wsOrderEditform .invoiceItem .sysPanel.reversed {
  margin-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.wsOrderEditform .invoiceItem .sysPanel.reverseInvoice {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
/*.wsOrderHead .dataBlock,
.wsCart .dataBlock{
	/*margin: 0 25px 0px 0;*/
/*min-width:180px;
	margin-bottom:6px;
}*/
.wsOrderHead .dataBlock h3 {
  margin-right: 1%;
  line-height: 24px;
  margin-bottom: 0;
}
.wsOrderHead .dataBlock h4 {
  float: left;
  margin-right: 1%;
  line-height: 24px;
  margin-bottom: 0;
}
/*.wsOrderHead .dataBlock.last,
.wsCart .dataBlock.last{
	margin-right:0;
	float:right;
	text-align:right;
}*/
/*.wsCart .remark {
    margin: 2px 0 2px 16px;
    width:auto;
    max-width:320px;
}*/
.wsOrderHead .address,
.wsCart .address {
  margin: 2px 0 2px 8px;
}
.wsOrderHead .address.name,
.wsCart .address.name {
  font-weight: bold;
}
.partner.incomplete .address.name {
  color: #dd2020;
}
.wsOrderHead .invoiceData {
  float: left;
  margin-right: 8px;
}
.wsOrderHead .formText {
  margin: 0 6px;
  line-height: 24px;
  font-size: 14px;
  font-weight: bold;
}
/*******  invoices  **********/
.orderSum {
  display: block;
  width: 100%;
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 10px;
}
.orderSumText {
  padding-top: 18px;
}
.orderSumText,
.orderSumCustomer {
  float: left;
  width: 30%;
  padding-left: 3%;
  line-height: 20px;
}
.orderDates,
.orderSumCustomerName {
  float: left;
  width: 67%;
}
.orderDates h3 {
  font-size: 28px;
  margin-bottom: 20px;
}
.orderSumAmount {
  font-size: 34px;
  line-height: 42px;
  color: #dd2020;
}
.confirmText {
  text-align: right;
  padding: 14px 0;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
}
/*
.invoiceForm .dataRow{
	display:inline-block;
	margin:8px 0;
}
.invoiceForm .dataRow .lpChkContainer{
	float:left;
}
.invoiceForm label{
	//margin-left:4px;
	color:#17568c;
	line-height:24px;
}
.invoiceForm h3{
	float:left;
	min-width:50%;
	//margin-right: 6px;
}
.invoiceForm select{
	float:left;
	min-width:100px;
}

.invoiceForm .formInput{
	float:left;
}*/
.invoiceForm textarea {
  width: 100%;
  max-width: 100%;
  padding: 3px 0;
  margin-bottom: 16px;
}
.invoiceForm select {
  width: 100%;
}
.wsOrderHead .invoiceData a {
  line-height: 22px;
}
.lpPopupContent .changeOfferStatusForm .formInput {
  float: unset;
}
#reverseInvoiceForm {
  margin-top: 10px;
}
/********* end invoices *******/
.cartItems {
  width: 100%;
  table-layout: auto;
  margin: 10px 0;
}
td.articleNo,
th.articleNo {
  text-align: left;
  max-width: 20%;
  overflow: hidden;
}
td.productName,
th.productName {
  text-align: left;
  max-width: 30%;
  overflow: hidden;
}
th.price {
  text-align: right;
}
.wsOrderHead .address,
.cartItems .articleNo,
.cartItems .productName {
  font-size: 12px;
}
.cartItems .articleNo {
  font-weight: bold;
}
.cartItems tr.last {
  border-bottom: 1px solid #aaa;
}
td.price {
  text-align: right;
  min-width: 60px;
}
td.priceRowSum {
  text-align: right;
  min-width: 70px;
}
.cartItems td.wsOrderNr {
  font-size: 14px;
  font-weight: bold;
  text-align: right;
}
.cartItems td.wsOrderNr a {
  margin-right: 4px;
}
.stockLow,
.quantityUnder {
  font-weight: bold;
  color: #E88A1C;
}
.stockOk,
.quantityOk {
  font-weight: bold;
  color: #108010;
}
.stockOver,
.quantityOver {
  font-weight: bold;
  color: #dd2020;
}
/***************** front order, card log ************/
.cardLog {
  max-width: 95%;
}
.cardLog h3 {
  line-height: 32px;
}
.cardLog h4,
.cardLog div :not(.lpChkContainer) {
  margin-left: 16px;
}
.crypto {
  color: #404040;
  word-wrap: break-all;
  margin: 10px 0;
  font-size: 11px;
}
.cardLog .dataBlock {
  background: #f5f5f5;
  margin-bottom: 10px;
  /*padding: 6px;*/
  width: 100%;
  border-radius: 4px;
}
.cardLog textarea {
  width: 95%;
  margin: 10px auto 30px auto;
  min-height: 180px;
}
.lpForm.returnTransfer {
  width: auto;
}
.lpForm.returnTransfer .formErrMsg {
  float: none;
  width: auto;
}
/***************** front order, parcel (GLS) ************/
#parcelList {
  padding: 16px;
}
#parcelList .parcelData {
  display: inline-block;
  padding: 16px;
  margin: 16px 0;
  border-radius: 4px;
  line-height: 1.5;
}
/*****************  ws category  ********************/
#a_ws_cat_th th.th_id,
#a_ws_cat_th th.th_level,
#a_ws_cat_th th.th_parent {
  width: 20px;
}
#a_ws_cat_th th.th_path {
  width: 200px;
}
/*****************  ws price  *******************/
.a_ws_extra .col_1,
.a_ws_price .col_1,
.a_ws_price_cart .col_1,
.a_ws_price_cart .col_6,
.a_ws_extra #priceSearch,
.a_ws_price #priceSearch,
.a_ws_price_cart #priceSearch,
.a_ws_price_cart #freeProduct {
  width: 100%;
  margin-bottom: 20px;
}
.a_ws_price_cart .col_6 {
  margin-left: 0px;
}
.productDisplay .productData {
  float: left;
  margin-right: 6px;
  line-height: 30px;
  min-width: 300px;
  min-height: 5px;
}
.productDisplay .productData.articleNo {
  font-size: 14px;
  font-weight: bold;
  min-width: 200px;
}
.productDisplay .editRowInput .medium {
  min-width: 200px;
}
.a_ws_price_cart .extraView {
  display: inline-block;
  width: 100%;
}
/*****************  toolbar  ********************/
.process {
  background: url("img/b_cash16.png") no-repeat;
}
.editToolbar .process {
  background: url("img/b_cash24.png") 4px 5px no-repeat;
}
.editToolbar .cancelorder {
  background: url("svg/gboy/disclaimer.svg") no-repeat;
}
.lpMenu .counter,
.lpMenu .unconfirmed {
  box-sizing: border-box;
  height: 22px;
  width: 22px;
  line-height: 25px;
  position: absolute;
  right: 2px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  border-radius: 50%;
}
.lpMenu .counter {
  top: 2px;
  color: #fff;
  background: #FF8E00;
}
.lpMenu .unconfirmed {
  top: 25px;
  color: #17568C;
}
#bOrdersWs a {
  background: url("img/b_cart_y_32.png") 15px 2px no-repeat;
  position: relative;
}
#adminMainToolbar a.newWsOrder {
  border: 2px solid #FF8E00;
}
#bFoodProducts a {
  background: url("svg/food-chicken.svg") no-repeat center top;
  background-color: transparent;
  display: block;
  background-size: 35px 35px;
  width: 60px;
  float: left;
}
#bJewelleryProducts a {
  background: url("img/b_jewellery.png") no-repeat center top;
  background-color: transparent;
  display: block;
  background-size: 35px 35px;
  width: 60px;
  float: left;
}
#bCoffee a {
  background: url("svg/coffee.svg") no-repeat center top;
  background-color: transparent;
  display: block;
  background-size: 35px 35px;
  width: 60px;
  float: left;
}
#bLaptop a {
  background: url("img/b_laptop.png") no-repeat center top;
  background-color: transparent;
  display: block;
  background-size: 35px 35px;
  width: 60px;
  float: left;
}
/****  Cycleme buttons *****/
.bCmeProducts a {
  background: url("img/cme/b_products.png") no-repeat center 4px;
}
.bCmeOrders a {
  background: url("img/cme/b_orders.png") no-repeat center 4px;
}
.bCmeStations a {
  background: url("img/cme/b_stations.png") no-repeat center 4px;
}
.bCmeShopgate a {
  background: url("img/cme/b_shopgate.png") no-repeat center 4px;
}
.formToolbar.getstations {
  background: url('img/cme/station_blue_32.svg') no-repeat 0px 0px;
  width: 32px;
  height: 32px;
}
/*****************  jquery  ********************/
.custom-combobox {
  display: inline-grid;
  grid-template-columns: auto auto;
}
.namePart .custom-combobox {
  font-size: 11px;
  height: 16px;
  width: 76px;
  bottom: 0;
  left: 0;
  position: absolute;
}
.namePart .custom-combobox input {
  width: 55px;
}
.namePart .custom-combobox-toggle {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin-left: -1px;
  padding: 0;
  width: 14px;
}
.a_ws_stock_history .rangeTo {
  display: none;
}
/*#editform_products .productName .namePart .custom-combobox
.namePart .custom-combobox-toggle{
	float:left;
}




/*************  custom styles  ***********/
/*.profigep .th_q1{
	
}*/
.profigep .th_q2 {
  color: #20a747;
}
.profigep .th_q3 {
  color: #dd2020;
}
@media (max-width: 1024px) {
  .a_ws_courier .grid2 {
    display: block;
  }
  .a_ws_courier .grid1-2 {
    display: block;
  }
  .a_ws_courier .grid1-2 .item1 {
    text-align: center;
    padding: 10px 0;
  }
  .a_ws_courier .grid1-2 .item2 {
    width: 100%;
  }
}
@media (max-width: 575px) {
  .topSearch {
    width: 100%;
  }
  .topSearch input {
    width: 100%;
  }
}