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

.uusiTeema {
	background: #808080;
	--textColor: #000000;
	--textColor2: #D2691E;
	--attentionTextColor: #800000;
	--topicTextColor: #606060;
	--fontType: "Roboto", sans-serif;
	--fieldBg: #F0FFF0;
	--btnBasic: #3CB371;
	--btnBasicHover: #FF4500;
	--btnBasicColor: #F8F8FF;
	--btnBasicColorHover: #F8F8FF;
	--btnBasicInactive: linear-gradient(to bottom, #808080 5%, #696969 100%);
	--btnBasicInactiveColor: #DCDCDC;
	--inputBg: #F0F0F0;
	--inputHover: #F0F0F0;
	--inputFocus: #FFFAF0;
	--inputBorder: 2px solid #ccc;
	--oddRowBg: #F0F0F0;
	--evenRowBg: #E0E0E0;
	--areaRadioSelector: #B0E0E6;
	--areaRadioSelectorBorder: #000080;
	--areaRadioSelectorShadow: 0 0 10px rgba(0, 0, 100, 0.6);
	--serviceSelectBg: #F0F0F0;
	--serviceSelectBgFocus: #F0F0F0;
	--serviceSelectBorder: 2px solid #aaa;
	--navBtnActive: linear-gradient(to bottom, #48D1CC 15%, #40E0D0 100%);
	--navBtnCompleted: linear-gradient(to bottom, #0f0 5%, #0a0 100%);
	--navBtnInactive: linear-gradient(to bottom, #bbb 5%, #999 100%);
	--navBtnHover: linear-gradient(to bottom, #63E8E0 15%, #50E0D0 100%);
	--navBtnCompletedBorder: 1px solid #00cccc;
	--navBtnActiveBorder: 1px solid #00cccc;
	--navBtnInactiveBorder: 1px solid #aaa;
	--navBtnTextColor: #FFFAFA;
	--fontType: "Roboto", sans-serif;
	--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;
	--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;
}
.devTrendix {
	background: linear-gradient(135deg, #90EE90 0%, #87CEFA 100%);
	--textColor: #000000;
	--textColor2: #303030;
	--attentionTextColor: #DC143C;
	--topicTextColor: #101010;
	--highlightTextColor: #228B22;
	--fontType: Roboto;
	--fieldBg: #F8F8FF;
	--btnBasic: #32CD32;
	--btnBasicHover: linear-gradient(to bottom, #90EE90 0%, #87CEFA 100%);
	--btnBasicColor: #F8F8FF;
	--btnBasicColorHover: #F8F8FF;
	--btnBasicInactive: linear-gradient(to bottom right, #3A3A3A 30%, #E0E0E0 70%);
	--btnBasicInactiveColor: #F8F8FF;
	--btnArrowMain: #32CD32;
	--btnArrowHover: linear-gradient(to bottom, #90EE90 0%, #87CEFA 100%);
	--btnArrowSecondary: 10px solid #32CD32;
	--inputBg: #F8F8FF;
	--inputFocus: #F0FFFF;
	--inputBorder: 2px solid #ccc;
	--oddRowBg: #8BDDC7;
	--evenRowBg: #F8F8FF;
	--contentAreaBorder: 2px solid #C0C0C0;
	--areaRadioSelector: #90EE90;
	--areaRadioSelectorBorder: #000000;
	--areaRadioSelectorShadow: #4678E6;
	--serviceSelectBg: #F8F8FF;
	--serviceSelectBgFocus: #F0FFFF;
	--serviceSelectBorder: 2px solid #aaa;
	--navBtnTextColor: #101010;
	--navBtnCompleted: #90EE93;
	--navBtnActive: #ADFF2F;
	--navBtnInactive: #8DD1F7;
	--navBtnCompletedBorder: #000000;
	--navBtnActiveBorder: #000000;
	--navBtnInactiveBorder: #303030;
	--navBtnHover: #00FA9A;
	--spinnerSize: 150px;
	--spinnerSpeed: 1.5s;
	--spinnerGradient: conic-gradient(from 0deg, #90EE90, #4678E6, #90EE90);
	--spinnerMaskInner: 75%;
	--spinnerCenterImage: url('loaderimages/frendix.png');
	--spinnerCenterSize: 85px;
	--spinnerCenterAnimate: coinSpin 2s linear infinite;
	--fontType: "Roboto", sans-serif;
	--printBackground: linear-gradient(135deg,#fbf8f3 0%,#f2ebde 25%,#fbf8f3 50%,#f2ebde 75%,#fbf8f3 100%);
	--printFontSize: 14pt;
}