.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;
}

.autoklinikkaMerkkihuolto {
	background: #F0F0F3;
	--textColor: #000000;
	--textColor2: #303030;
	--attentionTextColor: #B22222;
	--highlightTextColor: #2E8B57;
	--topicTextColor: #101010;
	--fontType: Helvetica;
	--fieldBg: #F8F8FF;
	--btnBasic: #E4002B;
	--btnBasicHover: #F08080;
	--btnBasicColor: #F8F8FF;
	--btnBasicColorHover: #F8F8FF;
	--btnBasicInactive: rgba(83, 86, 90, 0.9);
	--btnBasicInactiveColor: #F8F8FF;
	--btnPayment2: linear-gradient(135deg, #ff6a00, #ff9a3d);
	--btnPayment2Hover: linear-gradient(135deg, #ff7c1a, #ffb050);
	--btnArrowMain: linear-gradient(to bottom, #E4002B 5%, #8B0000 100%);
	--btnArrowHover: #F08080;
	--btnArrowSecondary: 10px solid #800000;
	--inputBg: #F0F0F3;
	--inputFocus: #F8F8FF;
	--inputBorder: 2px solid #D3D3D3;
	--oddRowBg: #D5D0D3;
	--evenRowBg: ##F8F8FF;
	--contentAreaBorder: 2px solid #C0C0C0;
	--areaRadioSelector: #E4002B;
	--areaRadioSelectorBorder: #000000;
	--areaRadioSelectorShadow: #FF1493;
	--serviceSelectBg: #F8F8FF;
	--serviceSelectBgFocus: #FAFAFA;
	--serviceSelectBorder: 2px solid #D3D3D3;
	--navBtnTextColor: #F8F8FF;
	--navBtnCompleted: #B22222;
	--navBtnActive: #E4002B;
	--navBtnInactive: #53565A;
	--navBtnCompletedBorder: #000000;
	--navBtnActiveBorder: #000000;
	--navBtnInactiveBorder: #303030;
	--navBtnHover: #F08080;
	--spinnerSize: 150px;
	--spinnerSpeed: 1.25s;
	--spinnerGradient: linear-gradient(to right, #E4002B, #F5F5F5);
	--spinnerMaskInner: 85%;
	--spinnerCenterImage: url('loaderimages/merkkihuolto.svg');
	--spinnerCenterSize: 85px;
	--spinnerCenterAnimate: none;
	--fontType: "Helvetica", sans-serif;
	--printBackground: #fff;
	--printFontSize: 12pt;
}