:root {
	--bodyBackgroundColor: #667b8a;
	--f10bodyBackgroudColor: #667943;
	--falseBodyBackgroudColor: #330000;

	--colorRed: #cd6155;
	--colorRedDark: #8f433b;
	--colorSemaphoreRedDeactive: #522622;
	--colorGreen: #27ae60;
	--colorSemaphoreGreenDeactive: #135730;
	--colorDarkGreen: #1f8b4c;
	--colorSiloLevelGreen: #006600;
	--colorSiloLevelSensorEmpty: #667b8a;

	--colorAggregate: #c08426;
	--colorAdmixture: #935fa9;
	--colorCement: #8b9798;
	--colorWater: #397fac;

	--colorWeightAggregate: #815309;
	--colorWeightAdmixture: #5f3670;
	--colorWeightCement: #586262;
	--colorWeightWater: #194f72;
	--colorWeightProgressAggregate: #c08426;
	--colorWeightProgressAdmixture: #935fa9;
	--colorWeightProgressCement: #8b9798;
	--colorWeightProgressWater: #397fac;
	--colorWeightProgress: #145932;

	--colorError: brown;

	--colorDisplay: #ffff00;
	--colorRequestDisplay: #ffffff;
	--colorFunnelDisplay: #f1c40f;
	--colorFunnelRequest: #c3c3c3;
	--colorFunnelDuration: #89d0ff;
	--colorNumber: #00ff00;
	--colorSPZ: #c0c0c0;
	--colorAdditionalWater: #85c1e9;
	--colorConsistency: #ffffff;
	--colorBatchSize: #f1c40f;
	--colorRecycledWater: #eee999;
	--colorBatchSequence: #935fa9;
	--colorDuration: #85c1e9;
	--colorClock: #2c3e50;
	--colorMoisture: #00efff;
	--colorMoistureUserDefined: #bfc5c6;
	--colorTemperature: #00efff;
	--colorTemperatureUserDefined: #bfc5c6;
	--colorDensity: #bfc5c6;
	--colorDensityUserDefined: #bfc5c6;
	--colorSiloName: #ffffff;
	--fontWeight: normal;

	--colorNonButtonIcons: #2c3e50;
	--colorVisualButtonTrue: #f1c40f;
	--colorButtonBackgroundHover: #3c4c58;
	--colorButtonBackgroundActive: #000000;
	--colorButtonBackground: #253443;
	--colorMixerButtonBackground: #253443;

	--colorModalText: #ffffff;
	--colorManual: #cc0000;
	--colorAutomat: #004477;

	--colorSiloAndBinSensor: #2c3e50;
	--colorElementBodies: #2c3e50;
	--colorButtonDisabled: rgba(44, 62, 80, 0.5);

	--colorButtonText: #667b8a;
	--colorTextShadow: #000000;
	--colorTextShadow2: #000000;
	--colorTopBottomMenuButtonText: #8898a4;
	--colorLeftMenuTitle: #8898a4;
	--colorLeftMenuHover: #3c4c58;

	--colorBaySemi: #f1c40f;
	--colorMixerRotationLight: #2c3e50;
	--colorMixerRotationDark: #196f3e;
	--colorMixerBayBlocked: var(--colorVisualButtonTrue);
	--mixerIdle: repeating-linear-gradient(to right, transparent, transparent 0.5vw, #1e2a36 0.5vw, #1e2a36 1vw);

	--colorConveyerDisplayContentBackground: #586262;
	--conveyerIdle: repeating-linear-gradient(to right, #000000, #000000 0.5vw, var(--colorElementBodies) 0.5vw, var(--colorElementBodies) 1vw);

	--colorBorder: #000000;
	--borderShow: none; /* none, solid */

	--colorCanControlActiveNeedsCTRL: #989900;
	--colorCanControlActive: #8c8c8c;
	--colorArrow: #2c3e50;
	--colorArrowSpeedDark: #3c2705;
	--colorArrowSpeedDarkWarning: #551111;
	--colorArrowSpeedLightWarning: #bb3333;
	--colorActiveFillingArrow: #ff9d00;

	--shadows: 0.5vw 0.4vw 5px 0px rgba(0, 0, 0, 0.35);
	--shadows2: 0.2vw 0.2vw 3px 0px rgba(0, 0, 0, 0.35);
	--shadows3: 0.4vw 0.3vw 5px 0px rgba(0, 0, 0, 0.35);
	--shadowLift1: 0.4vw 0.4vw 5px 0px rgba(0, 0, 0, 0.35);
	--shadowLift2: 0.4vw 0px 5px 0px rgba(0, 0, 0, 0.35);
	--shadowLift3: 0.4vw -0.4vw 10px 0px rgba(0, 0, 0, 0.35);
	--shadowsConveyer1: 0.5vw 0.4vw 5px 0px rgba(0, 0, 0, 0.35);
}

.day {
	--bodyBackgroundColor: #abb7d2;
	--f10bodyBackgroudColor: #acb3a0;
	--falseBodyBackgroudColor: #9f5e5e;

	--colorRed: #bf1604;
	--colorGreen: #069315;
	--colorSiloLevelGreen: #069315;
	--colorSiloLevelEmpty: #c0c4c8;

	/*inverted colors*/
	/*
	--colorAggregate: #815309;
	--colorAdmixture: #5f3670;
	--colorCement: #586262;
	--colorWater: #194f72;
	--colorWeightAggregate: #c08426;
	--colorWeightAdmixture: #935fa9;
	--colorWeightCement: #8b9798;
	--colorWeightWater: #397fac;
	--colorWeightProgressAggregate: #815309;
	--colorWeightProgressAdmixture: #5f3670;
	--colorWeightProgressCement: #586262;
	--colorWeightProgressWater: #194f72;
	*/

	--colorArrow: #818284;

	--colorDisplay: #069315;
	--colorRequestDisplay: #000000;
	--colorFunnelDisplay: #069315;
	--colorFunnelRequest: #000000;
	--colorFunnelDuration: #036bb0;
	--colorNumber: #000000;
	--colorSPZ: #000000;
	--colorAdditionalWater: #0834df;
	--colorConsistency: #000000;
	--colorBatchSize: #f7d03a;
	--colorRecycledWater: #036bb0;
	--colorBatchSequence: #890dbd;
	--colorDuration: #036bb0;
	--colorMoisture: #0834df;
	--colorMoistureUserDefined: #000000;
	--colorTemperature: #00efff;
	--colorTemperatureUserDefined: #000000;
	--fontWeight: bold;

	--colorNonButtonIcons: #818284;
	/*--colorVisualButtonTrue: #0834df;*/
	/*--colorVisualButtonTrue: #ff9d00;*/
	--colorButtonBackgroundHover: #c0c4c8;
	--colorButtonBackgroundActive: #818284;
	--colorButtonBackground: #d3d7db;
	--colorMixerButtonBackground: #c0c4c8;

	--colorModalText: #000000;
	/*--colorManual: #f04705;*/
	/*--colorAutomat: #339ff0;*/
	--colorAutomat: #a7cfee;

	--colorSiloAndBinSensor: #818284;
	--colorElementBodies: #d3d7db;

	--colorButtonText: #818284;
	--colorTextShadow: rgba(0, 0, 0, 0);
	--colorTextShadow2: rgba(0, 0, 0, 0.25);
	--colorTopBottomMenuButtonText: #000000;
	--colorLeftMenuTitle: #ffffff;
	--colorLeftMenuHover: #818284;

	--colorBaySemi: #dbae00;
	--colorMixerRotationLight: #069315;
	--colorMixerRotationDark: #d3d7db;
	--mixerIdle: repeating-linear-gradient(to right, transparent, transparent 0.5vw, #818284 0.5vw, #818284 1vw);

	--colorConveyerDisplayContentBackground: #d3d7db;
	--conveyerIdle: repeating-linear-gradient(to right, #818284, #818284 0.5vw, var(--colorElementBodies) 0.5vw, var(--colorElementBodies) 1vw);

	--colorBorder: #000000;
	--borderShow: none; /* none, solid */

	--shadows: 0.5vw 0.4vw 5px 0px rgba(0, 0, 0, 0.15);
	--shadows2: 0.2vw 0.2vw 3px 0px rgba(0, 0, 0, 0.15);
	--shadows3: 0.4vw 0.3vw 5px 0px rgba(0, 0, 0, 0.15);
	--shadowLift1: 0.4vw 0.4vw 5px 0px rgba(0, 0, 0, 0.15);
	--shadowLift2: 0.4vw 0px 5px 0px rgba(0, 0, 0, 0.15);
	--shadowLift3: 0.4vw -0.4vw 10px 0px rgba(0, 0, 0, 0.15);
	--shadowsConveyer1: 0.5vw 0.4vw 5px 0px rgba(0, 0, 0, 0.15);
}


.night {
	--bodyBackgroundColor: #667b8a;
}
