:root {
    --bodyBackgroundColor: #667b8a;
    --f10bodyBackgroudColor: #667943;
    --disconnectedBodyBackgroudColor: #330000;
    --pcNotActiveBodyBackgroundColor: #6a5169;
    --colorRed: #cd6155;
    --colorRedDark: #8f433b;
    --colorSemaphoreRedDeactive: #522622;
    --colorGreen: #27ae60;
    --colorSemaphoreGreenDeactive: #135730;
    --colorDarkGreen: #1f8b4c;
    --colorSiloLevelGreen: #006600;
    --colorSiloLevelEmpty: #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;
    --colorRequestDisplayAltered: #b29292;
    --colorFunnelDisplay: #f1c40f;
    --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;
    --colorLinkLink: orange;
    --colorLinkUnlink: gray;
    --fontWeight: normal;
    --colorNonButtonIcons: #2c3e50;
    --colorVisualButtonTrue: #f1c40f;
    --colorButtonBackgroundHover: #3c4c58;
    --colorButtonBackgroundActive: #000000;
    --colorButtonBackground: #253443;
    --colorMixerButtonBackground: #253443;
    --colorModalText: #ffffff;
    --colorManual: #cc0000;
    --colorAutomat: #004477;
    --colorSiloAndBinSensor: #2c3e50;
    --colorElementBodies: #2c3e50;
    --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);
    --colorConveyerMaterial: #cccc00;
    --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);
    --shadowSensor: 0.2vw 0.2vw 0.4vw 0px rgba(0, 0, 0, 0.35);
    --shadowFlap: 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;
    --disconnectedBodyBackgroudColor: #9f5e5e;
    --pcNotActiveBodyBackgroundColor: #c8b0b0;
    --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;
    --colorFunnelDuration: #036bb0;
    --colorNumber: #000000;
    --colorSPZ: #000000;
    --colorAdditionalWater: #0834df;
    --colorConsistency: #000000;
    --colorBatchSize: #f7d03a;
    --colorRecycledWater: #036bb0;
    --colorBatchSequence: #890dbd;
    --colorDuration: #036bb0;
    --colorMoisture: #0834df;
    --colorMoistureUserDefined: #000000;
    --colorTemperature: #0834df;
    --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);
    /*--colorConveyerMaterial: #815309;*/
    --colorConveyerMaterial: #553300;
    --colorBorder: #000000;
    --borderShow: none;
 /* none, solid */
    --shadows: 0.5vw 0.4vw 5px 0px rgba(0, 0, 0, 0.15);
    --shadowSensor: 0.2vw 0.2vw 0.4vw 0px rgba(0, 0, 0, 0.15);
    --shadowFlap: 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;
}
