.frendixColorfix {
	background: linear-gradient(to bottom right, #1DA000 20%, #ffffff 80%);
	--textColor: #021F0B;
	--textColor2: #006400;
	--attentionTextColor: #800000;
	--highlightTextColor: #2E8B57;
	--topicTextColor: #606060;
	--fontType: "Roboto", sans-serif;
	--fieldBg: #F0F8FF;
	--btnBasic: linear-gradient(165deg, #1DA000 55%, #00FA9A 100%);
	--btnBasicHover: linear-gradient(165deg, #32CD32 55%, #F8F8FF 100%);
	--btnBasicColor: #F8F8FF;
	--btnBasicColorHover: #F8F8FF;
	--btnBasicInactive: linear-gradient(to bottom, #808080 5%, #696969 100%);
	--btnBasicInactiveColor: #DCDCDC;
	--btnPayment2: linear-gradient(135deg, #ff6a00, #ff9a3d);
	--btnPayment2Hover: linear-gradient(135deg, #ff7c1a, #ffb050);
	--btnArrowMain: linear-gradient(165deg, #1DA000 55%, #00FA9A 100%);
	--btnArrowHover: linear-gradient(165deg, #32CD32 55%, #F8F8FF 100%);
	--btnArrowSecondary: 10px solid #4CAF50;
	--inputBg: #F0FFFF;
	--inputFocus: #F8F8FF;
	--inputBorder: 2px solid #ccc;
	--oddRowBg: #F0F0F0;
	--evenRowBg: #E0E0E0;
	--contentAreaBorder: 2px solid #2E8B57;
	--areaRadioSelector: #28a745;
	--areaRadioSelectorBorder: #218838;
	--areaRadioSelectorShadow: 0 0 10px rgba(40, 167, 69, 0.6);
	--serviceSelectBg: #F0FFFF;
	--serviceSelectBgFocus: #F0FFFF;
	--serviceSelectBorder: 2px solid #aaa;
	--navBtnTextColor: #F5FFFA;
	--navBtnActive: linear-gradient(to bottom, #0f0 5%, #0a0 100%);
	--navBtnCompleted: linear-gradient(to bottom, #3C6A4A 5%, #1E3726 100%);
	--navBtnInactive: linear-gradient(to bottom, #AFCDE7 5%, #7F9BB5 100%);
	--navBtnHover: linear-gradient(to bottom, #5A9FD4 5%, #1E3A5F 100%);
	--navBtnActiveBorder: 1px solid #228B22;
	--navBtnCompletedBorder: 1px solid #228B22;
	--navBtnInactiveBorder: 1px solid #c0c0c0;
	--spinnerSize: 120px;
	--spinnerGradient: conic-gradient(from 0deg, #00ff00, #004400, #00ff00);
	--spinnerSpeed: 2s;
	--spinnerMaskInner: 65%;
	--spinnerCenterImage: url('loaderimages/frendix.png');
	--spinnerCenterSize: 56px;
	--spinnerCenterAnimate: coinSpin 2s linear infinite;
	--printBackground: linear-gradient(135deg,#fbf8f3 0%,#f2ebde 25%,#fbf8f3 50%,#f2ebde 75%,#fbf8f3 100%);
	--printFontSize: 14pt;
}

.motonetKorjaamo {
	background: #f0f0f0;
	--textColor: #000000;
	--textColor2: #D2691E;
	--attentionTextColor: #e31b23;
	--topicTextColor: #606060;
	--highlightTextColor: #228B22;
	--fieldBg: #F8F8FF;
	--btnBasic: #e31b23;
	--btnBasicHover: #f04346;
	--btnBasicColor: #F8F8FF;
	--btnBasicColorHover: #F8F8FF;
	--btnBasicInactive: #323236;
	--btnBasicInactiveColor: #DCDCDC;
	--btnArrowMain: #e31b23;
	--btnArrowHover: #f04346;
	--btnArrowSecondary: 10px solid #323236;
	--inputBg: #f0f0f0;
	--inputFocus: #F8F8FF;
	--inputBorder: 2px solid #ccc;
	--oddRowBg: #f56a68;
	--evenRowBg: #F8F8FF;
	--contentAreaBorder: 2px solid #C0C0C0;
	--areaRadioSelector: #e31b23;
	--areaRadioSelectorBorder: #323236;
	--areaRadioSelectorShadow: #f04346;
	--serviceSelectBg: #f0f0f0;
	--serviceSelectBgFocus: #F8F8FF;
	--serviceSelectBorder: 2px solid #aaa;
	--navBtnTextColor: #FFFAFA;
	--navBtnCompleted: rgb(29, 129, 72);
	--navBtnActive: #e31b23;
	--navBtnInactive: #323236;
	--navBtnCompletedBorder: #006400;
	--navBtnActiveBorder: #000000;
	--navBtnInactiveBorder: #000000;
	--navBtnHover: #f04346;
	--spinnerSize: 150px;
	--spinnerSpeed: 2s;
	--spinnerGradient: conic-gradient(from 0deg, #f56a68, #f04346, #e31b23);
	--spinnerMaskInner: 65%;
	--spinnerCenterImage: url('loaderimages/motonet_logo.svg');
	--spinnerCenterSize: 85px;
	--spinnerCenterAnimate: none;
	--fontType: "Roboto", sans-serif;
}