.flowChartParent {
	width:100vw; 
	height:calc(100vh - 1.4rem - 74px);
	display:flex;
	flex-direction: row;
}

.flowChartStyle {
	width:100%;
	height:100%
}

.flowChartStyle * {
    box-sizing: content-box;
}

body .ui-button.printButton {
    position: absolute;
    bottom: 123px;
    left: 15px;
    border-radius: 0;
    border: 0;
    background: white;
    
    width: 26px;
    height: 26px;
    padding: 5px;
} 

body .ui-button.printButton .ui-button-icon-left.ui-icon.ui-c.pi.pi-print {
	filter:none;
	color: black;
}

.operationStateImage {
	background-image: url(../img/traffic_light_2.png);
	width: 12px;
	height: 12px;
	background-size: 36px 12px;
}

.ui-icon-helpdesk {
	background-image: url(../img/helpdesk.png) !important;
	background-size: 16px 16px;
	border-radius: 0px;
}

.ui-icon-configuration {
	background-image: url(../shared_commons/img/roundSilo.png) !important;
	background-size: 16px 16px;
	border-radius: 0px;
}

.ui-icon-facility {
	background-image: url(../img/facility.svg) !important;
	background-size: 16px 16px;
	border-radius: 0px;
}

.ui-icon-empty {
	background-image: none;
	background-size: 1px 1px;
}

.ui-button-icon-left.ui-icon {
	filter: grayscale(100%) brightness(100);
}

.statisticsTooltip {
	position: absolute;
	background: #ffffba;
	border: 1px solid black;
	padding: 0.2em;
	display: none;
}

a.customerLink {
	text-decoration: revert;
}

table.jqplot-table-legend {
	width: initial;
}

.brandIcon {
	width: 20px;
	margin-right: 1em;
}

.clientIcon {
	width: 16px;
	height: 16px;
	margin: 0 6px 0 24px;
}

a.clientListLink {
	color: -webkit-link;
	cursor: pointer;
	text-decoration: underline;
}
/*
.client-datatable thead {
    display:none;
}
*/
.client-datatable .ui-datatable-tablewrapper table {
	table-layout: auto;
}

.clientSubTable thead {
	display: none;
}

.clientSubTable tr.ui-datatable-empty-message {
	display: none;
}

.client-datatable td {
	vertical-align: top;
	text-shadow: none !important;
}

.client-datatable .ui-datatable-tablewrapper {
	overflow: unset;
}

.client-datatable .ui-widget-header, .clientSubTable  .ui-widget-content
	{
	border: none;
	background: transparent;
}

.client-datatable .ui-paginator .ui-paginator-page, .client-datatable .ui-paginator .ui-paginator-pages,
	.client-datatable .ui-paginator .ui-paginator-next, .client-datatable .ui-paginator .ui-paginator-last,
	.client-datatable .ui-paginator .ui-paginator-first, .client-datatable .ui-paginator .ui-paginator-prev,
	.client-datatable .ui-paginator .ui-paginator-current {
	padding: 6px 10px;
}

.clientSubTable {
	margin: 0.5em 0 0 0.5em;
}

.clientSubTable td {
	padding: 0px !important;
}

.ui-menu.client-datatable-menu {
	width: 14em;
}

.client-datatable-menu .ui-menuitem-text {
	font-size: 1.0em;
}

.ui-datatable.client-datatable thead th, .ui-datatable.client-datatable tbody td,
	.ui-datatable.client-datatable tfoot td, .ui-datatable.client-datatable tfoot th
	{
	border-width: 0px;
	text-align: left;
	/*border-right: 1px solid #e0e0e0;
     border-bottom: 1px solid #e0e0e0;*/
}

.client-datatable-row {
	border-top: 1px solid #e0e0e0;
}

.clientfilterList {
	margin: .1em 1em 0 1em;
}

@media ( max-width : 640px) {
	.ui-datatable.client-datatable span.ui-column-title {
		display: none !important;
	}
}

.localeFilter {
	
}

.downloadDialogContent {
	max-width: 600px
}

.downloadDialogContent .ui-panel .ui-panel-content {
	padding: 0 1em;
}

.downloadDialogTextBox {
	position: relative;
}

.downloadDialogLabel {
	margin: 0;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

body .ui-menu.ui-megamenu.ui-megamenu-vertical.flowChartMenu {
	background: #cdcdcd;
	border: none;
	width: 93px;
}

body .ui-menu.ui-megamenu.ui-megamenu-vertical.flowChartMenu .ui-menu-parent {
	clear: both;
}

body .ui-menu.ui-megamenu.ui-megamenu-vertical.flowChartMenu .ui-menu-list .ui-menu-child {
	background: var(--dialogBackgroundColor);
}

body .ui-menu.ui-megamenu.ui-megamenu-vertical.flowChartMenu > .ui-menu-list .ui-menuitem > .ui-menuitem-link {
	display: grid;
	justify-items: center;
	background: var(--dialogBackgroundColor);
	padding: 0.25rem 0;
	min-height: calc(2em + 0.5rem + 34px); /* two lines of text + 2x padding + image 32px + border 2px */
	color: var(--widgetColor);
	border: 1px solid var(--widgetColor);
}

body .ui-menu.ui-megamenu.ui-megamenu-vertical.flowChartMenu > .ui-menu-list .ui-menuitem > .ui-menuitem-link.ui-state-hover{
	background: var(--widgetColor);
}

body .ui-menu.ui-megamenu.ui-megamenu-vertical.flowChartMenu > .ui-menu-list .ui-menuitem > .ui-menuitem-link > .ui-menuitem-text {
	color: var(--widgetColor);
    white-space: initial;
	font-size: 1.0em;
	line-height: 1em;
	text-align: center;
}

body .ui-menu.ui-megamenu.ui-megamenu-vertical.flowChartMenu > .ui-menu-list .ui-menuitem > .ui-menuitem-link.ui-state-hover > .ui-menuitem-text {
	color: black;
}

body .ui-menu.ui-megamenu.ui-megamenu-vertical.flowChartMenu ul.ui-widget-content.ui-menu-list.ui-corner-all.ui-helper-clearfix.ui-menu-child.ui-shadow
	{
	background: var(--dialogBackgroundColor);
	min-width:auto;
}



body .ui-menu.ui-megamenu.ui-megamenu-vertical.flowChartMenu .ui-menu-child .ui-menu-list {
	width: auto !important;
    min-width: 110px;
}

body .ui-menu.ui-megamenu.ui-megamenu-vertical.flowChartMenu span.ui-icon.ui-icon-triangle-1-e {
	display: none;
}

.menuIcon_small {
	height: 32px;
	width: 32px;
	filter: brightness(1.6);
	background-size: 32px 32px;
}

.menuIcon {
	height: 48px;
	width: 48px;
	filter: brightness(1.6);
	background-size: 48px 48px;
}

.io-table {
	margin: .5em 0;
}

.io-table .ui-editable-column {
	font-weight:bold;
}

.roundSilo {
	background-image: url(../shared_commons/img/roundSilo.png) !important;
}

.coneSilo {
	background-image: url(../shared_commons/img/coneSilo.png) !important;
}

.aerationBin {
	background-image: url(../shared_commons/img/aerationBin.png) !important;
}

.coneBin {
	background-image: url(../shared_commons/img/coneBin.png) !important;
}

.squareBin {
	background-image: url(../shared_commons/img/squareBin.png) !important;
}

.outloadingBin {
	background-image: url(../shared_commons/img/outloadingBin.png) !important;
}

.dividedOutloadingBin {
	background-image: url(../shared_commons/img/dividedOutloadingBin.png) !important;
}

.pit {
	background-image: url(../shared_commons/img/pit.png) !important;
}

.pitSelfemptying {
	background-image: url(../shared_commons/img/pit_selfemptying.png) !important;
}

.pitWithConveyor {
	background-image: url(../shared_commons/img/pitWithConveyor.png) !important;
}

.outloadingPipe {
	background-image: url(../shared_commons/img/outloadingPipe.png) !important;
}

.flatBedStorage {
	background-image: url(../shared_commons/img/flatBedStorage.png) !important;
}

.dryer {
	background-image: url(../shared_commons/img/dryer.png) !important;
}

.dryerDoubleBatch {
	background-image: url(../shared_commons/img/dryerDoubleBatch.png) !important;
}

.dryerContinuous {
	background-image: url(../shared_commons/img/dryerContinuous.png) !important;
}

.dryerContinuousFlow {
	background-image: url(../shared_commons/img/flowDryer.png) !important;
}

.gasBurner {
	background-image: url(../shared_commons/img/gasBurner.png) !important;
}

.furnace {
	background-image: url(../shared_commons/img/furnace.png) !important;
}

.heatExchanger {
	background-image: url(../shared_commons/img/heatExchanger.png) !important;
}

.transport {
	background-image: url(../shared_commons/img/transport.png) !important;
}

.elevator {
	background-image: url(../shared_commons/img/elevator.png) !important;
}

.conveyor {
	background-image: url(../shared_commons/img/conveyor.png) !important;
}

.curvedConveyor {
	background-image: url(../shared_commons/img/curvedConveyor.png) !important;
}

.divider_2way {
	background-image: url(../shared_commons/img/divider_2way.png) !important;
}

.divider_3way {
	background-image: url(../shared_commons/img/divider_3way.png) !important;
}

.divider_6way {
	background-image: url(../shared_commons/img/divider_6way.png) !important;
}

.divider_8way {
	background-image: url(../shared_commons/img/divider_8way.png) !important;
}

.pipeSplitter {
	background-image: url(../shared_commons/img/pipeSplitter.png) !important;
}

.samplerDistributor {
	background-image: url(../shared_commons/img/samplerDistributor.png) !important;
}

.samplerDistributor_2way {
	background-image: url(../shared_commons/img/samplerDistributor_2way.png) !important;
}

.sampler {
	background-image: url(../shared_commons/img/sampler.png) !important;
}

.damper {
	background-image: url(../shared_commons/img/damper.png) !important;
}

.axialFan {
	background-image: url(../shared_commons/img/axialFan.png) !important;
}

.radialFan {
	background-image: url(../shared_commons/img/radialFan.png) !important;
}

.cleaning {
	background-image: url(../shared_commons/img/cleaning.png) !important;
}

.cleaner {
	background-image: url(../shared_commons/img/cleaner.png) !important;
}

.dustBin {
	background-image: url(../shared_commons/img/dustBin.png) !important;
}

.dcFan {
	background-image: url(../shared_commons/img/dcFan.png) !important;
}

.dcConveyor {
	background-image: url(../shared_commons/img/dcConveyor.png) !important;
}

.rotaryValve {
	background-image: url(../shared_commons/img/rotaryValve.png) !important;
}

.cyclone {
	background-image: url(../shared_commons/img/cyclone.png) !important;
}

.airDistributor {
	background-image: url(../shared_commons/img/airDistributor.png) !important;
}
.airDistributorDampers {
	background-image: url(../shared_commons/img/airDistributorDampers.png) !important;
}
.sensor_analog {
	background-image: url(../shared_commons/img/analogSensor.png) !important;
}
.sensor_digital {
	background-image: url(../shared_commons/img/digitalSensor.png) !important;
}
.temperature-sensor {
	background-image: url(../shared_commons/img/temperatureSensor.png) !important;
}
.humidity-sensor {
		background-image: url(../shared_commons/img/humiditySensor.png) !important;
}
.amy {
	background-image: url(../shared_commons/img/amy.png) !important;
}
.grainwatch {
	background-image: url(../shared_commons/img/gwLine.png) !important;
}
.comPort {
	background-image: url(../shared_commons/img/comPort.png) !important;
}
.gwab {
	background-image: url(../shared_commons/img/gwAb.png) !important;
}
.gwnet {
	background-image: url(../shared_commons/img/gwNet.png) !important;
}
.gwmaster {
	background-image: url(../shared_commons/img/gwMaster.png) !important;
}
.gwslave {
	background-image: url(../shared_commons/img/gwSlave.png) !important;
}
.dryerSilo {
	background-image: url(../shared_commons/img/dryerSilo.png) !important;
}
.mobileDryer {
	background-image: url(../shared_commons/img/mobileDryer.png) !important;
}
.batchScale {
	background-image: url(../shared_commons/img/batchScale.png) !important;
}
.topLevelSensor {
	background-image: url(../shared_commons/img/fullLevelSensor.png) !important;
}
.digitalOutput {
	background-image: url(../shared_commons/img/digitalOutput.png) !important;
}


.resellerSelectPanel {		   
}

.resellerHeader {
	font-size: 1.1em;
}
   
.resellerSelector {
}

.resellerSelectorPanel tr,
.resellerSelectorPanel td {
	border:0px solid transparent !important;
}

.templateContainer {
    font-family: Gilroy;
}

.createTemplateContainer {
    display: grid;
  	justify-items: end;
}

.templateMainContainer {
    margin: 1em 0 0 0;
    display: grid;
    grid-gap: 0.5em;
}

.templateNameContainer {
    display: flex;
  		column-gap: 0.5em;
}

.templateImageFileContainer {
    display: flex;
    column-gap: 1em;
    margin: 0.5em;
    overflow: hidden;
 }

.templateOuterContainer {
	margin: 1em auto 0 auto;	
	display: grid;
	max-width: 210mm; /* A4 */
	background-color: white;
  	filter: drop-shadow(2px 2px 3px grey);
}

.previewOuterContainer {
	margin: 1em auto 0 auto;
	width: 210mm; /* A4 */
	min-height: 297mm;
	display: grid;
	background-color: white;
	align-items: start;
	position:relative;
}

.previewDraftContainer {
    position: absolute;
    font-size: 20em;
    color: #ff535321;
    transform-origin: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
}

.templateInnerContainer {    
    display: grid;
    grid-gap: 1em;
    padding: 4em;      
    position:relative;
}


.templateHeaderContainer {
    display: grid;
  	grid-template-columns: auto 45%;
  	align-items: start;
}

.templateTitleContainer {
    display: grid;    		
}

.templateTitleContainerInner {
	display: grid;
	grid-row-gap:0.1em;
}

.templateReferenceContainer,
.previewReferenceContainer {
    display: grid;  	
}

.templateHeaderDateContainer,
.previewHeaderDateContainer {
	display: grid;
  	grid-template-columns: 50% 50%;  	
}

.templateHeaderDateContainer {
	margin: 0.5em 4px;	
}

.previewHeaderDateContainer,
.previewReferenceContainer {
	margin: 0.5em 0;
}

.templateHeaderContainer {
	display: grid;
  	grid-template-columns: auto 45%;
}

.templateOpeningTextContainer {
	display: grid;
	grid-row-gap:0.1em;
}

.templateTitle,
.templateSummary,
.templateOpeningText,
.templateClosingText {
	background-color: var(--widgetBorderColor) !important;
	border-color: transparent !important;
}

.templateTitleOrder, .templateOpeningTextOrder {
	background-color: #9ee79e !important;
	border-color: transparent !important;
}

.templateTitle,
.templateTitleOrder,
.previewTitle {
	font-size: 2em !important;			
}

.templateOpeningText {
}

.previewOpeningText {
	font-size: 1.1em;
	margin: 2em 0 1em 0;
}

.templateSummary {	
}

.previewSummary,
.previewCategoryTextContainer,
.previewClosingText {
	padding: 0;
    border: 0px;
    opacity: 1;
}

.previewClosingText {
	margin: 1em 0 0 0;
}

.removeImageButton {
	border: 1px solid #4f4f4f;
    width: 1em;
    height: 1em;
    display: grid;	
  	justify-items: center;
	position: relative;
	right: calc(50% - 16px);
}

.templateFooter {
	text-align: center;
	background-color: var(--widgetBorderColor) !important;
	border-color: transparent !important;
}

   .templateCategoryContainer, 
   .templateCategoryInnerContainer,
   .templateCategoryTitleContainer, 
   .templateCategoryTextContainer,
   .templateCategoryTitleButtonContainer, 
   .templateDeliveryContainer,
   .templatePriceContainer, 
   .templateMainButtonContainer,
   .templateSpecificationContainer,
   .previewDeliveryContainer {
	display: grid;
}

.templateCategoryTitleContainer {
	grid-template-columns: auto min-content;
	align-items: center;
	font-weight: bold;
}

.templateCategoryTitleButtonContainer {
	grid-template-columns: auto auto auto;
}

.templateCategoryTextButtonContainer, 
.templateMainButtonContainer {
	grid-template-columns: auto auto;
}

.templateSpecificationContainer {
	grid-template-columns: auto auto;
    margin: 0.5em 0 0 0;
    justify-content: space-between;
}

.templateMainButtonContainer {
	justify-content: end;
}

.templateDeliveryContainer {
	grid-template-columns: auto;
	margin: 0 0.5em 0 0;
}

.previewDeliveryContainer {
	grid-template-columns: auto;
	margin: 1em 0 0 0;
}

.templateDeliveryInnerContainer {
	display: grid;
    grid-template-columns: 65% auto;
    align-items: start;
    margin: 0.5em 0 0 0;
    grid-gap: 2em;
}

.templatePriceContainer {
	grid-template-columns: auto auto;
	justify-content: space-between;
}

.previewCategoryTitleContainer {	
	display: grid;
	align-items: center;
	font-weight: bold;
}

.templateCategoryTitleContainer {
	margin: 0.25em 0;
	background-color: var(--widgetBorderColor);
}

.templateCategoryTitle {
	padding: 0 .5em;
	min-height: 2.2em;
	display: grid;
	align-content: center;
}

.previewCategoryTitle {
	margin: 1em 0 0 0;
	display: grid;
	align-content: center;
}

.templateInnerContainer * textarea, 
.templateInnerContainer textarea,
.templateInnerContainer * div,
.templateInnerContainer div, 
.templateInnerContainer input,
.templateInnerContainer label {
	font-family: 'Gilroy';
	background-color: transparent;
}

.projectProperties,
.productSelection {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 6px;
    margin: 0.5em;
    color: white;
    justify-items: stretch;
    height: min-content;
    align-items: center;
 }
 
 .productSelection {
 	grid-template-columns: auto;
 }
 	
 .propertyInput {
    display: grid;
    justify-content: end;
    grid-template-columns: 100%;
    text-align: end;
 }
 	
 .propertyInput .ui-chkbox {
  	display: flex;
    flex-direction: row-reverse;
 }
 	
 .propertyInputField {
 	display: block;
    border: 1px solid var(--borderColor);
    padding: 2px;
    cursor: pointer;
    min-width:100px;
    text-align: start;
 }
 	
 input.propertyInputField {
 	width: calc(100% - 6px);
 }
 	
.propertyInputSpinner {
	width: 80px;
}

.propertyInputSpinner input.ui-spinner-input {
	width: 54px;
}