.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: #32CD32;
	--evenRowBg: #F0F8FF;
	--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;
}

.autohuoltoKortelainen {
	background: #F3F1F2;
	--textColor: #0A0A0A;
	--textColor2: #161921;
	--attentionTextColor: #EB3300;
	--topicTextColor: #161921;
	--highlightTextColor: #228B22;
	--fontType: Roboto;
	--fieldBg: #F6F7F9;
	--btnBasic: #EB3300;
	--btnBasicHover: #FA420F;
	--btnBasicColor: #F8F8FF;
	--btnBasicColorHover: #F8F8FF;
	--btnBasicInactive: #4B4B4B;
	--btnBasicInactiveColor: #DCDCDC;
	--btnArrowMain: #EB3300;
	--btnArrowHover: #FA420F;
	--btnArrowSecondary: 10px solid #dc3545;
	--inputBg: #F3F1F2;
	--inputFocus: #F6F7F9;
	--inputBorder: 2px solid #ccc;
	--oddRowBg: #F3F1F2;
	--evenRowBg: #F6F7F9;
	--contentAreaBorder: 2px solid #C0C0C0;
	--areaRadioSelector: #EB3300;
	--areaRadioSelectorBorder: #4B4B4B;
	--areaRadioSelectorShadow: #FFB539;
	--serviceSelectBg: #F3F1F2;
	--serviceSelectBgFocus: #F6F7F9;
	--serviceSelectBorder: 2px solid #aaa;
	--navBtnTextColor: #FFFAFA;
	--navBtnCompleted: #28a745;
	--navBtnActive: #EB3300;
	--navBtnInactive: #4B4B4B;
	--navBtnCompletedBorder: #000000;
	--navBtnActiveBorder: #000000;
	--navBtnInactiveBorder: #000000;
	--navBtnHover: #FA420F;
	--spinnerSize: 130px;
	--spinnerSpeed: 1.5s;
	--spinnerGradient: linear-gradient(to right, #EB3300, #FFB539);
	--spinnerMaskInner: 70%;
	--spinnerCenterImage: url('loaderimages/hourGlass.png');
	--spinnerCenterSize: 60px;
	--spinnerCenterAnimate: none;
	--fontType: "Roboto", sans-serif;
}