/* input(64,23): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(64,27): run-time error CSS1046: Expect comma, found '--color-basic-gray-0'
input(64,47): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(64,48): run-time error CSS1046: Expect comma, found ')'
input(65,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(65,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-050'
input(65,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(65,52): run-time error CSS1046: Expect comma, found ')'
input(66,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(66,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-100'
input(66,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(66,52): run-time error CSS1046: Expect comma, found ')'
input(67,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(67,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-150'
input(67,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(67,52): run-time error CSS1046: Expect comma, found ')'
input(68,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(68,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-175'
input(68,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(68,52): run-time error CSS1046: Expect comma, found ')'
input(69,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(69,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-180'
input(69,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(69,52): run-time error CSS1046: Expect comma, found ')'
input(70,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(70,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-200'
input(70,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(70,52): run-time error CSS1046: Expect comma, found ')'
input(71,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(71,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-250'
input(71,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(71,52): run-time error CSS1046: Expect comma, found ')'
input(72,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(72,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-300'
input(72,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(72,52): run-time error CSS1046: Expect comma, found ')'
input(73,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(73,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-350'
input(73,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(73,52): run-time error CSS1046: Expect comma, found ')'
input(74,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(74,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-375'
input(74,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(74,52): run-time error CSS1046: Expect comma, found ')'
input(75,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(75,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-400'
input(75,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(75,52): run-time error CSS1046: Expect comma, found ')'
input(76,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(76,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-475'
input(76,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(76,52): run-time error CSS1046: Expect comma, found ')'
input(77,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(77,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-500'
input(77,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(77,52): run-time error CSS1046: Expect comma, found ')'
input(78,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(78,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-550'
input(78,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(78,52): run-time error CSS1046: Expect comma, found ')'
input(79,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(79,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-600'
input(79,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(79,52): run-time error CSS1046: Expect comma, found ')'
input(80,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(80,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-625'
input(80,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(80,52): run-time error CSS1046: Expect comma, found ')'
input(81,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(81,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-650'
input(81,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(81,52): run-time error CSS1046: Expect comma, found ')'
input(82,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(82,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-700'
input(82,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(82,52): run-time error CSS1046: Expect comma, found ')'
input(83,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(83,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-750'
input(83,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(83,52): run-time error CSS1046: Expect comma, found ')'
input(84,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(84,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-800'
input(84,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(84,52): run-time error CSS1046: Expect comma, found ')'
input(85,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(85,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-825'
input(85,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(85,52): run-time error CSS1046: Expect comma, found ')'
input(86,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(86,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-850'
input(86,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(86,52): run-time error CSS1046: Expect comma, found ')'
input(87,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(87,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-900'
input(87,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(87,52): run-time error CSS1046: Expect comma, found ')'
input(89,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(89,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-075'
input(89,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(89,52): run-time error CSS1046: Expect comma, found ')'
input(90,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(90,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-100'
input(90,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(90,52): run-time error CSS1046: Expect comma, found ')'
input(91,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(91,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-150'
input(91,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(91,52): run-time error CSS1046: Expect comma, found ')'
input(92,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(92,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-200'
input(92,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(92,52): run-time error CSS1046: Expect comma, found ')'
input(93,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(93,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-250'
input(93,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(93,52): run-time error CSS1046: Expect comma, found ')'
input(94,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(94,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-275'
input(94,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(94,52): run-time error CSS1046: Expect comma, found ')'
input(95,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(95,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-300'
input(95,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(95,52): run-time error CSS1046: Expect comma, found ')'
input(96,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(96,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-350'
input(96,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(96,52): run-time error CSS1046: Expect comma, found ')'
input(97,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(97,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-400'
input(97,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(97,52): run-time error CSS1046: Expect comma, found ')'
input(98,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(98,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-450'
input(98,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(98,52): run-time error CSS1046: Expect comma, found ')'
input(99,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(99,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-475'
input(99,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(99,52): run-time error CSS1046: Expect comma, found ')'
input(100,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(100,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-500'
input(100,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(100,52): run-time error CSS1046: Expect comma, found ')'
input(101,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(101,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-600'
input(101,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(101,52): run-time error CSS1046: Expect comma, found ')'
input(102,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(102,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-700'
input(102,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(102,52): run-time error CSS1046: Expect comma, found ')'
input(103,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(103,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-750'
input(103,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(103,52): run-time error CSS1046: Expect comma, found ')'
input(104,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(104,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-800'
input(104,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(104,52): run-time error CSS1046: Expect comma, found ')'
input(105,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(105,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-850'
input(105,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(105,52): run-time error CSS1046: Expect comma, found ')'
input(107,24): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(107,28): run-time error CSS1046: Expect comma, found '--color-basic-red-400'
input(107,49): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(107,50): run-time error CSS1046: Expect comma, found ')'
input(108,24): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(108,28): run-time error CSS1046: Expect comma, found '--color-basic-red-450'
input(108,49): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(108,50): run-time error CSS1046: Expect comma, found ')'
input(109,24): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(109,28): run-time error CSS1046: Expect comma, found '--color-basic-red-500'
input(109,49): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(109,50): run-time error CSS1046: Expect comma, found ')'
input(110,24): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(110,28): run-time error CSS1046: Expect comma, found '--color-basic-red-600'
input(110,49): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(110,50): run-time error CSS1046: Expect comma, found ')'
input(112,26): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(112,30): run-time error CSS1046: Expect comma, found '--color-basic-green-100'
input(112,53): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(112,54): run-time error CSS1046: Expect comma, found ')'
input(113,26): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(113,30): run-time error CSS1046: Expect comma, found '--color-basic-green-500'
input(113,53): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(113,54): run-time error CSS1046: Expect comma, found ')'
input(115,27): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(115,31): run-time error CSS1046: Expect comma, found '--color-basic-yellow-400'
input(115,55): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(115,56): run-time error CSS1046: Expect comma, found ')'
input(1025,21): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(1025,25): run-time error CSS1046: Expect comma, found '--color-basic-red-500'
input(1025,46): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(1025,47): run-time error CSS1046: Expect comma, found '/'
input(1076,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(1076,29): run-time error CSS1046: Expect comma, found '--color-basic-red-500'
input(1076,50): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(1076,51): run-time error CSS1046: Expect comma, found '/'
input(1077,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(1077,29): run-time error CSS1046: Expect comma, found '--color-basic-red-500'
input(1077,50): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(1077,51): run-time error CSS1046: Expect comma, found '/'
input(2179,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(2179,29): run-time error CSS1046: Expect comma, found '--color-basic-red-500'
input(2179,50): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(2179,51): run-time error CSS1046: Expect comma, found '/'
input(2405,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(2405,29): run-time error CSS1046: Expect comma, found '--color-basic-red-500'
input(2405,50): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(2405,51): run-time error CSS1046: Expect comma, found '/'
input(2507,19): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(2507,23): run-time error CSS1046: Expect comma, found '--color-basic-red-500'
input(2507,44): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(2507,45): run-time error CSS1046: Expect comma, found '/'
input(2675,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(2675,29): run-time error CSS1046: Expect comma, found '--color-basic-red-500'
input(2675,50): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(2675,51): run-time error CSS1046: Expect comma, found '/'
input(3270,14): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(3270,18): run-time error CSS1046: Expect comma, found '--color-basic-red-500'
input(3270,39): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(3270,40): run-time error CSS1046: Expect comma, found '/'
input(3279,14): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(3279,18): run-time error CSS1046: Expect comma, found '--color-basic-red-500'
input(3279,39): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(3279,40): run-time error CSS1046: Expect comma, found '/'
input(3673,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(3673,29): run-time error CSS1046: Expect comma, found '--color-basic-red-500'
input(3673,50): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(3673,51): run-time error CSS1046: Expect comma, found '/'
input(3924,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(3924,29): run-time error CSS1046: Expect comma, found '--color-basic-red-500'
input(3924,50): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(3924,51): run-time error CSS1046: Expect comma, found '/'
input(4303,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(4303,29): run-time error CSS1046: Expect comma, found '--color-basic-red-500'
input(4303,50): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(4303,51): run-time error CSS1046: Expect comma, found '/'
input(4304,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(4304,29): run-time error CSS1046: Expect comma, found '--color-basic-red-500'
input(4304,50): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(4304,51): run-time error CSS1046: Expect comma, found '/'
input(4309,19): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(4309,23): run-time error CSS1046: Expect comma, found '--color-basic-red-500'
input(4309,44): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(4309,45): run-time error CSS1046: Expect comma, found '/'
input(4987,26): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(4987,30): run-time error CSS1046: Expect comma, found '--color-basic-red-500'
input(4987,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(4987,52): run-time error CSS1046: Expect comma, found '/'
input(5187,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(5187,29): run-time error CSS1046: Expect comma, found '--color-basic-red-500'
input(5187,50): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(5187,51): run-time error CSS1046: Expect comma, found '/'
input(5343,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(5343,29): run-time error CSS1046: Expect comma, found '--color-basic-red-500'
input(5343,50): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(5343,51): run-time error CSS1046: Expect comma, found '/'
input(6136,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(6136,29): run-time error CSS1046: Expect comma, found '--color-basic-red-500'
input(6136,50): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(6136,51): run-time error CSS1046: Expect comma, found '/'
input(6469,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(6469,29): run-time error CSS1046: Expect comma, found '--color-basic-red-500'
input(6469,50): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(6469,51): run-time error CSS1046: Expect comma, found '/'
input(6471,21): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(6471,25): run-time error CSS1046: Expect comma, found '--color-basic-red-500'
input(6471,46): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(6471,47): run-time error CSS1046: Expect comma, found '/'
input(6572,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(6572,29): run-time error CSS1046: Expect comma, found '--color-basic-red-500'
input(6572,50): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(6572,51): run-time error CSS1046: Expect comma, found '/'
input(6582,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(6582,29): run-time error CSS1046: Expect comma, found '--color-basic-red-500'
input(6582,50): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(6582,51): run-time error CSS1046: Expect comma, found '/'
input(7638,32): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(7638,36): run-time error CSS1046: Expect comma, found '--color-basic-red-500'
input(7638,57): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(7638,58): run-time error CSS1046: Expect comma, found '/'
input(7929,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(7929,29): run-time error CSS1046: Expect comma, found '--color-basic-red-500'
input(7929,50): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(7929,51): run-time error CSS1046: Expect comma, found '/'
input(8129,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(8129,29): run-time error CSS1046: Expect comma, found '--color-basic-red-500'
input(8129,50): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(8129,51): run-time error CSS1046: Expect comma, found '/'
input(8131,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(8131,29): run-time error CSS1046: Expect comma, found '--color-basic-red-500'
input(8131,50): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(8131,51): run-time error CSS1046: Expect comma, found '/'
input(8137,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(8137,29): run-time error CSS1046: Expect comma, found '--color-basic-red-500'
input(8137,50): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(8137,51): run-time error CSS1046: Expect comma, found '/'
input(10949,31): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(10949,35): run-time error CSS1046: Expect comma, found '--color-basic-red-500'
input(10949,56): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(10949,57): run-time error CSS1046: Expect comma, found '/'
input(11259,23): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11259,27): run-time error CSS1046: Expect comma, found '--color-basic-gray-0'
input(11259,47): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11259,48): run-time error CSS1046: Expect comma, found ')'
input(11260,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11260,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-050'
input(11260,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11260,52): run-time error CSS1046: Expect comma, found ')'
input(11261,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11261,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-100'
input(11261,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11261,52): run-time error CSS1046: Expect comma, found ')'
input(11262,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11262,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-150'
input(11262,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11262,52): run-time error CSS1046: Expect comma, found ')'
input(11263,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11263,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-175'
input(11263,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11263,52): run-time error CSS1046: Expect comma, found ')'
input(11264,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11264,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-180'
input(11264,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11264,52): run-time error CSS1046: Expect comma, found ')'
input(11265,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11265,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-200'
input(11265,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11265,52): run-time error CSS1046: Expect comma, found ')'
input(11266,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11266,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-250'
input(11266,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11266,52): run-time error CSS1046: Expect comma, found ')'
input(11267,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11267,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-300'
input(11267,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11267,52): run-time error CSS1046: Expect comma, found ')'
input(11268,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11268,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-350'
input(11268,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11268,52): run-time error CSS1046: Expect comma, found ')'
input(11269,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11269,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-375'
input(11269,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11269,52): run-time error CSS1046: Expect comma, found ')'
input(11270,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11270,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-400'
input(11270,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11270,52): run-time error CSS1046: Expect comma, found ')'
input(11271,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11271,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-475'
input(11271,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11271,52): run-time error CSS1046: Expect comma, found ')'
input(11272,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11272,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-500'
input(11272,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11272,52): run-time error CSS1046: Expect comma, found ')'
input(11273,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11273,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-550'
input(11273,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11273,52): run-time error CSS1046: Expect comma, found ')'
input(11274,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11274,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-600'
input(11274,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11274,52): run-time error CSS1046: Expect comma, found ')'
input(11275,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11275,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-625'
input(11275,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11275,52): run-time error CSS1046: Expect comma, found ')'
input(11276,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11276,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-650'
input(11276,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11276,52): run-time error CSS1046: Expect comma, found ')'
input(11277,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11277,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-700'
input(11277,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11277,52): run-time error CSS1046: Expect comma, found ')'
input(11278,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11278,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-750'
input(11278,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11278,52): run-time error CSS1046: Expect comma, found ')'
input(11279,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11279,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-800'
input(11279,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11279,52): run-time error CSS1046: Expect comma, found ')'
input(11280,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11280,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-825'
input(11280,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11280,52): run-time error CSS1046: Expect comma, found ')'
input(11281,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11281,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-850'
input(11281,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11281,52): run-time error CSS1046: Expect comma, found ')'
input(11282,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11282,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-900'
input(11282,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11282,52): run-time error CSS1046: Expect comma, found ')'
input(11284,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11284,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-075'
input(11284,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11284,52): run-time error CSS1046: Expect comma, found ')'
input(11285,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11285,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-100'
input(11285,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11285,52): run-time error CSS1046: Expect comma, found ')'
input(11286,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11286,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-150'
input(11286,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11286,52): run-time error CSS1046: Expect comma, found ')'
input(11287,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11287,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-200'
input(11287,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11287,52): run-time error CSS1046: Expect comma, found ')'
input(11288,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11288,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-250'
input(11288,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11288,52): run-time error CSS1046: Expect comma, found ')'
input(11289,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11289,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-275'
input(11289,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11289,52): run-time error CSS1046: Expect comma, found ')'
input(11290,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11290,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-300'
input(11290,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11290,52): run-time error CSS1046: Expect comma, found ')'
input(11291,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11291,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-350'
input(11291,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11291,52): run-time error CSS1046: Expect comma, found ')'
input(11292,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11292,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-400'
input(11292,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11292,52): run-time error CSS1046: Expect comma, found ')'
input(11293,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11293,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-450'
input(11293,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11293,52): run-time error CSS1046: Expect comma, found ')'
input(11294,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11294,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-475'
input(11294,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11294,52): run-time error CSS1046: Expect comma, found ')'
input(11295,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11295,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-500'
input(11295,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11295,52): run-time error CSS1046: Expect comma, found ')'
input(11296,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11296,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-600'
input(11296,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11296,52): run-time error CSS1046: Expect comma, found ')'
input(11297,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11297,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-700'
input(11297,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11297,52): run-time error CSS1046: Expect comma, found ')'
input(11298,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11298,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-750'
input(11298,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11298,52): run-time error CSS1046: Expect comma, found ')'
input(11299,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11299,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-800'
input(11299,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11299,52): run-time error CSS1046: Expect comma, found ')'
input(11300,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11300,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-850'
input(11300,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11300,52): run-time error CSS1046: Expect comma, found ')'
input(11302,24): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11302,28): run-time error CSS1046: Expect comma, found '--color-basic-red-400'
input(11302,49): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11302,50): run-time error CSS1046: Expect comma, found ')'
input(11303,24): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11303,28): run-time error CSS1046: Expect comma, found '--color-basic-red-450'
input(11303,49): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11303,50): run-time error CSS1046: Expect comma, found ')'
input(11304,24): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11304,28): run-time error CSS1046: Expect comma, found '--color-basic-red-500'
input(11304,49): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11304,50): run-time error CSS1046: Expect comma, found ')'
input(11305,24): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11305,28): run-time error CSS1046: Expect comma, found '--color-basic-red-600'
input(11305,49): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11305,50): run-time error CSS1046: Expect comma, found ')'
input(11307,26): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11307,30): run-time error CSS1046: Expect comma, found '--color-basic-green-100'
input(11307,53): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11307,54): run-time error CSS1046: Expect comma, found ')'
input(11308,26): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11308,30): run-time error CSS1046: Expect comma, found '--color-basic-green-500'
input(11308,53): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11308,54): run-time error CSS1046: Expect comma, found ')'
input(11310,27): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11310,31): run-time error CSS1046: Expect comma, found '--color-basic-yellow-400'
input(11310,55): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11310,56): run-time error CSS1046: Expect comma, found ')'
input(11463,23): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11463,27): run-time error CSS1046: Expect comma, found '--color-basic-gray-0'
input(11463,47): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11463,48): run-time error CSS1046: Expect comma, found ')'
input(11464,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11464,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-050'
input(11464,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11464,52): run-time error CSS1046: Expect comma, found ')'
input(11465,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11465,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-100'
input(11465,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11465,52): run-time error CSS1046: Expect comma, found ')'
input(11466,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11466,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-150'
input(11466,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11466,52): run-time error CSS1046: Expect comma, found ')'
input(11467,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11467,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-175'
input(11467,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11467,52): run-time error CSS1046: Expect comma, found ')'
input(11468,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11468,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-180'
input(11468,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11468,52): run-time error CSS1046: Expect comma, found ')'
input(11469,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11469,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-200'
input(11469,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11469,52): run-time error CSS1046: Expect comma, found ')'
input(11470,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11470,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-250'
input(11470,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11470,52): run-time error CSS1046: Expect comma, found ')'
input(11471,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11471,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-300'
input(11471,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11471,52): run-time error CSS1046: Expect comma, found ')'
input(11472,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11472,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-350'
input(11472,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11472,52): run-time error CSS1046: Expect comma, found ')'
input(11473,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11473,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-375'
input(11473,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11473,52): run-time error CSS1046: Expect comma, found ')'
input(11474,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11474,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-400'
input(11474,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11474,52): run-time error CSS1046: Expect comma, found ')'
input(11475,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11475,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-475'
input(11475,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11475,52): run-time error CSS1046: Expect comma, found ')'
input(11476,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11476,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-500'
input(11476,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11476,52): run-time error CSS1046: Expect comma, found ')'
input(11477,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11477,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-550'
input(11477,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11477,52): run-time error CSS1046: Expect comma, found ')'
input(11478,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11478,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-600'
input(11478,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11478,52): run-time error CSS1046: Expect comma, found ')'
input(11479,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11479,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-625'
input(11479,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11479,52): run-time error CSS1046: Expect comma, found ')'
input(11480,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11480,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-650'
input(11480,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11480,52): run-time error CSS1046: Expect comma, found ')'
input(11481,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11481,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-700'
input(11481,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11481,52): run-time error CSS1046: Expect comma, found ')'
input(11482,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11482,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-750'
input(11482,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11482,52): run-time error CSS1046: Expect comma, found ')'
input(11483,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11483,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-800'
input(11483,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11483,52): run-time error CSS1046: Expect comma, found ')'
input(11484,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11484,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-825'
input(11484,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11484,52): run-time error CSS1046: Expect comma, found ')'
input(11485,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11485,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-850'
input(11485,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11485,52): run-time error CSS1046: Expect comma, found ')'
input(11486,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11486,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-900'
input(11486,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11486,52): run-time error CSS1046: Expect comma, found ')'
input(11488,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11488,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-075'
input(11488,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11488,52): run-time error CSS1046: Expect comma, found ')'
input(11489,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11489,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-100'
input(11489,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11489,52): run-time error CSS1046: Expect comma, found ')'
input(11490,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11490,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-150'
input(11490,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11490,52): run-time error CSS1046: Expect comma, found ')'
input(11491,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11491,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-200'
input(11491,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11491,52): run-time error CSS1046: Expect comma, found ')'
input(11492,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11492,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-250'
input(11492,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11492,52): run-time error CSS1046: Expect comma, found ')'
input(11493,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11493,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-275'
input(11493,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11493,52): run-time error CSS1046: Expect comma, found ')'
input(11494,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11494,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-300'
input(11494,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11494,52): run-time error CSS1046: Expect comma, found ')'
input(11495,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11495,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-350'
input(11495,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11495,52): run-time error CSS1046: Expect comma, found ')'
input(11496,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11496,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-400'
input(11496,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11496,52): run-time error CSS1046: Expect comma, found ')'
input(11497,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11497,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-450'
input(11497,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11497,52): run-time error CSS1046: Expect comma, found ')'
input(11498,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11498,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-475'
input(11498,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11498,52): run-time error CSS1046: Expect comma, found ')'
input(11499,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11499,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-500'
input(11499,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11499,52): run-time error CSS1046: Expect comma, found ')'
input(11500,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11500,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-600'
input(11500,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11500,52): run-time error CSS1046: Expect comma, found ')'
input(11501,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11501,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-700'
input(11501,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11501,52): run-time error CSS1046: Expect comma, found ')'
input(11502,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11502,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-750'
input(11502,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11502,52): run-time error CSS1046: Expect comma, found ')'
input(11503,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11503,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-800'
input(11503,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11503,52): run-time error CSS1046: Expect comma, found ')'
input(11504,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11504,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-850'
input(11504,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11504,52): run-time error CSS1046: Expect comma, found ')'
input(11506,24): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11506,28): run-time error CSS1046: Expect comma, found '--color-basic-red-400'
input(11506,49): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11506,50): run-time error CSS1046: Expect comma, found ')'
input(11507,24): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11507,28): run-time error CSS1046: Expect comma, found '--color-basic-red-450'
input(11507,49): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11507,50): run-time error CSS1046: Expect comma, found ')'
input(11508,24): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11508,28): run-time error CSS1046: Expect comma, found '--color-basic-red-500'
input(11508,49): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11508,50): run-time error CSS1046: Expect comma, found ')'
input(11509,24): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11509,28): run-time error CSS1046: Expect comma, found '--color-basic-red-600'
input(11509,49): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11509,50): run-time error CSS1046: Expect comma, found ')'
input(11511,26): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11511,30): run-time error CSS1046: Expect comma, found '--color-basic-green-100'
input(11511,53): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11511,54): run-time error CSS1046: Expect comma, found ')'
input(11512,26): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11512,30): run-time error CSS1046: Expect comma, found '--color-basic-green-500'
input(11512,53): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11512,54): run-time error CSS1046: Expect comma, found ')'
input(11514,27): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11514,31): run-time error CSS1046: Expect comma, found '--color-basic-yellow-400'
input(11514,55): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11514,56): run-time error CSS1046: Expect comma, found ')'
input(11574,23): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11574,27): run-time error CSS1046: Expect comma, found '--color-basic-gray-0'
input(11574,47): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11574,48): run-time error CSS1046: Expect comma, found ')'
input(11575,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11575,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-050'
input(11575,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11575,52): run-time error CSS1046: Expect comma, found ')'
input(11576,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11576,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-100'
input(11576,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11576,52): run-time error CSS1046: Expect comma, found ')'
input(11577,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11577,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-150'
input(11577,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11577,52): run-time error CSS1046: Expect comma, found ')'
input(11578,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11578,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-175'
input(11578,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11578,52): run-time error CSS1046: Expect comma, found ')'
input(11579,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11579,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-180'
input(11579,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11579,52): run-time error CSS1046: Expect comma, found ')'
input(11580,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11580,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-200'
input(11580,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11580,52): run-time error CSS1046: Expect comma, found ')'
input(11581,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11581,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-250'
input(11581,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11581,52): run-time error CSS1046: Expect comma, found ')'
input(11582,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11582,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-300'
input(11582,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11582,52): run-time error CSS1046: Expect comma, found ')'
input(11583,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11583,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-350'
input(11583,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11583,52): run-time error CSS1046: Expect comma, found ')'
input(11584,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11584,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-375'
input(11584,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11584,52): run-time error CSS1046: Expect comma, found ')'
input(11585,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11585,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-400'
input(11585,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11585,52): run-time error CSS1046: Expect comma, found ')'
input(11586,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11586,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-475'
input(11586,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11586,52): run-time error CSS1046: Expect comma, found ')'
input(11587,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11587,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-500'
input(11587,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11587,52): run-time error CSS1046: Expect comma, found ')'
input(11588,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11588,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-550'
input(11588,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11588,52): run-time error CSS1046: Expect comma, found ')'
input(11589,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11589,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-600'
input(11589,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11589,52): run-time error CSS1046: Expect comma, found ')'
input(11590,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11590,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-625'
input(11590,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11590,52): run-time error CSS1046: Expect comma, found ')'
input(11591,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11591,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-650'
input(11591,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11591,52): run-time error CSS1046: Expect comma, found ')'
input(11592,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11592,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-700'
input(11592,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11592,52): run-time error CSS1046: Expect comma, found ')'
input(11593,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11593,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-750'
input(11593,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11593,52): run-time error CSS1046: Expect comma, found ')'
input(11594,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11594,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-800'
input(11594,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11594,52): run-time error CSS1046: Expect comma, found ')'
input(11595,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11595,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-825'
input(11595,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11595,52): run-time error CSS1046: Expect comma, found ')'
input(11596,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11596,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-850'
input(11596,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11596,52): run-time error CSS1046: Expect comma, found ')'
input(11597,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11597,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-900'
input(11597,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11597,52): run-time error CSS1046: Expect comma, found ')'
input(11599,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11599,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-075'
input(11599,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11599,52): run-time error CSS1046: Expect comma, found ')'
input(11600,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11600,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-100'
input(11600,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11600,52): run-time error CSS1046: Expect comma, found ')'
input(11601,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11601,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-150'
input(11601,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11601,52): run-time error CSS1046: Expect comma, found ')'
input(11602,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11602,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-200'
input(11602,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11602,52): run-time error CSS1046: Expect comma, found ')'
input(11603,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11603,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-250'
input(11603,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11603,52): run-time error CSS1046: Expect comma, found ')'
input(11604,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11604,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-275'
input(11604,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11604,52): run-time error CSS1046: Expect comma, found ')'
input(11605,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11605,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-300'
input(11605,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11605,52): run-time error CSS1046: Expect comma, found ')'
input(11606,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11606,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-350'
input(11606,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11606,52): run-time error CSS1046: Expect comma, found ')'
input(11607,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11607,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-400'
input(11607,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11607,52): run-time error CSS1046: Expect comma, found ')'
input(11608,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11608,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-450'
input(11608,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11608,52): run-time error CSS1046: Expect comma, found ')'
input(11609,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11609,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-475'
input(11609,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11609,52): run-time error CSS1046: Expect comma, found ')'
input(11610,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11610,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-500'
input(11610,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11610,52): run-time error CSS1046: Expect comma, found ')'
input(11611,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11611,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-600'
input(11611,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11611,52): run-time error CSS1046: Expect comma, found ')'
input(11612,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11612,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-700'
input(11612,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11612,52): run-time error CSS1046: Expect comma, found ')'
input(11613,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11613,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-750'
input(11613,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11613,52): run-time error CSS1046: Expect comma, found ')'
input(11614,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11614,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-800'
input(11614,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11614,52): run-time error CSS1046: Expect comma, found ')'
input(11615,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11615,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-850'
input(11615,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11615,52): run-time error CSS1046: Expect comma, found ')'
input(11617,24): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11617,28): run-time error CSS1046: Expect comma, found '--color-basic-red-400'
input(11617,49): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11617,50): run-time error CSS1046: Expect comma, found ')'
input(11618,24): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11618,28): run-time error CSS1046: Expect comma, found '--color-basic-red-450'
input(11618,49): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11618,50): run-time error CSS1046: Expect comma, found ')'
input(11619,24): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11619,28): run-time error CSS1046: Expect comma, found '--color-basic-red-500'
input(11619,49): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11619,50): run-time error CSS1046: Expect comma, found ')'
input(11620,24): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11620,28): run-time error CSS1046: Expect comma, found '--color-basic-red-600'
input(11620,49): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11620,50): run-time error CSS1046: Expect comma, found ')'
input(11622,26): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11622,30): run-time error CSS1046: Expect comma, found '--color-basic-green-100'
input(11622,53): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11622,54): run-time error CSS1046: Expect comma, found ')'
input(11623,26): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11623,30): run-time error CSS1046: Expect comma, found '--color-basic-green-500'
input(11623,53): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11623,54): run-time error CSS1046: Expect comma, found ')'
input(11625,27): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11625,31): run-time error CSS1046: Expect comma, found '--color-basic-yellow-400'
input(11625,55): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11625,56): run-time error CSS1046: Expect comma, found ')'
input(11781,23): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11781,27): run-time error CSS1046: Expect comma, found '--color-basic-gray-0'
input(11781,47): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11781,48): run-time error CSS1046: Expect comma, found ')'
input(11782,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11782,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-050'
input(11782,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11782,52): run-time error CSS1046: Expect comma, found ')'
input(11783,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11783,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-100'
input(11783,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11783,52): run-time error CSS1046: Expect comma, found ')'
input(11784,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11784,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-150'
input(11784,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11784,52): run-time error CSS1046: Expect comma, found ')'
input(11785,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11785,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-175'
input(11785,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11785,52): run-time error CSS1046: Expect comma, found ')'
input(11786,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11786,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-180'
input(11786,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11786,52): run-time error CSS1046: Expect comma, found ')'
input(11787,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11787,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-200'
input(11787,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11787,52): run-time error CSS1046: Expect comma, found ')'
input(11788,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11788,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-250'
input(11788,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11788,52): run-time error CSS1046: Expect comma, found ')'
input(11789,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11789,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-300'
input(11789,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11789,52): run-time error CSS1046: Expect comma, found ')'
input(11790,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11790,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-350'
input(11790,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11790,52): run-time error CSS1046: Expect comma, found ')'
input(11791,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11791,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-375'
input(11791,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11791,52): run-time error CSS1046: Expect comma, found ')'
input(11792,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11792,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-400'
input(11792,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11792,52): run-time error CSS1046: Expect comma, found ')'
input(11793,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11793,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-475'
input(11793,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11793,52): run-time error CSS1046: Expect comma, found ')'
input(11794,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11794,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-500'
input(11794,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11794,52): run-time error CSS1046: Expect comma, found ')'
input(11795,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11795,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-550'
input(11795,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11795,52): run-time error CSS1046: Expect comma, found ')'
input(11796,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11796,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-600'
input(11796,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11796,52): run-time error CSS1046: Expect comma, found ')'
input(11797,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11797,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-625'
input(11797,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11797,52): run-time error CSS1046: Expect comma, found ')'
input(11798,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11798,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-650'
input(11798,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11798,52): run-time error CSS1046: Expect comma, found ')'
input(11799,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11799,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-700'
input(11799,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11799,52): run-time error CSS1046: Expect comma, found ')'
input(11800,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11800,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-750'
input(11800,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11800,52): run-time error CSS1046: Expect comma, found ')'
input(11801,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11801,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-800'
input(11801,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11801,52): run-time error CSS1046: Expect comma, found ')'
input(11802,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11802,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-825'
input(11802,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11802,52): run-time error CSS1046: Expect comma, found ')'
input(11803,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11803,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-850'
input(11803,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11803,52): run-time error CSS1046: Expect comma, found ')'
input(11804,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11804,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-900'
input(11804,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11804,52): run-time error CSS1046: Expect comma, found ')'
input(11806,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11806,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-075'
input(11806,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11806,52): run-time error CSS1046: Expect comma, found ')'
input(11807,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11807,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-100'
input(11807,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11807,52): run-time error CSS1046: Expect comma, found ')'
input(11808,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11808,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-150'
input(11808,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11808,52): run-time error CSS1046: Expect comma, found ')'
input(11809,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11809,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-200'
input(11809,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11809,52): run-time error CSS1046: Expect comma, found ')'
input(11810,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11810,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-250'
input(11810,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11810,52): run-time error CSS1046: Expect comma, found ')'
input(11811,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11811,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-275'
input(11811,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11811,52): run-time error CSS1046: Expect comma, found ')'
input(11812,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11812,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-300'
input(11812,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11812,52): run-time error CSS1046: Expect comma, found ')'
input(11813,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11813,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-350'
input(11813,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11813,52): run-time error CSS1046: Expect comma, found ')'
input(11814,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11814,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-400'
input(11814,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11814,52): run-time error CSS1046: Expect comma, found ')'
input(11815,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11815,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-450'
input(11815,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11815,52): run-time error CSS1046: Expect comma, found ')'
input(11816,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11816,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-475'
input(11816,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11816,52): run-time error CSS1046: Expect comma, found ')'
input(11817,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11817,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-500'
input(11817,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11817,52): run-time error CSS1046: Expect comma, found ')'
input(11818,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11818,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-600'
input(11818,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11818,52): run-time error CSS1046: Expect comma, found ')'
input(11819,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11819,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-700'
input(11819,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11819,52): run-time error CSS1046: Expect comma, found ')'
input(11820,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11820,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-750'
input(11820,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11820,52): run-time error CSS1046: Expect comma, found ')'
input(11821,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11821,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-800'
input(11821,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11821,52): run-time error CSS1046: Expect comma, found ')'
input(11822,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11822,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-850'
input(11822,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11822,52): run-time error CSS1046: Expect comma, found ')'
input(11824,24): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11824,28): run-time error CSS1046: Expect comma, found '--color-basic-red-400'
input(11824,49): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11824,50): run-time error CSS1046: Expect comma, found ')'
input(11825,24): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11825,28): run-time error CSS1046: Expect comma, found '--color-basic-red-450'
input(11825,49): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11825,50): run-time error CSS1046: Expect comma, found ')'
input(11826,24): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11826,28): run-time error CSS1046: Expect comma, found '--color-basic-red-500'
input(11826,49): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11826,50): run-time error CSS1046: Expect comma, found ')'
input(11827,24): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11827,28): run-time error CSS1046: Expect comma, found '--color-basic-red-600'
input(11827,49): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11827,50): run-time error CSS1046: Expect comma, found ')'
input(11829,26): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11829,30): run-time error CSS1046: Expect comma, found '--color-basic-green-100'
input(11829,53): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11829,54): run-time error CSS1046: Expect comma, found ')'
input(11830,26): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11830,30): run-time error CSS1046: Expect comma, found '--color-basic-green-500'
input(11830,53): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11830,54): run-time error CSS1046: Expect comma, found ')'
input(11832,27): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11832,31): run-time error CSS1046: Expect comma, found '--color-basic-yellow-400'
input(11832,55): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11832,56): run-time error CSS1046: Expect comma, found ')'
input(11890,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11890,29): run-time error CSS1046: Expect comma, found '--color-basic-red-500'
input(11890,50): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11890,51): run-time error CSS1046: Expect comma, found '/'
input(11974,23): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11974,27): run-time error CSS1046: Expect comma, found '--color-basic-gray-0'
input(11974,47): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11974,48): run-time error CSS1046: Expect comma, found ')'
input(11975,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11975,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-050'
input(11975,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11975,52): run-time error CSS1046: Expect comma, found ')'
input(11976,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11976,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-100'
input(11976,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11976,52): run-time error CSS1046: Expect comma, found ')'
input(11977,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11977,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-150'
input(11977,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11977,52): run-time error CSS1046: Expect comma, found ')'
input(11978,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11978,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-175'
input(11978,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11978,52): run-time error CSS1046: Expect comma, found ')'
input(11979,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11979,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-180'
input(11979,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11979,52): run-time error CSS1046: Expect comma, found ')'
input(11980,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11980,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-200'
input(11980,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11980,52): run-time error CSS1046: Expect comma, found ')'
input(11981,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11981,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-250'
input(11981,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11981,52): run-time error CSS1046: Expect comma, found ')'
input(11982,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11982,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-300'
input(11982,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11982,52): run-time error CSS1046: Expect comma, found ')'
input(11983,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11983,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-350'
input(11983,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11983,52): run-time error CSS1046: Expect comma, found ')'
input(11984,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11984,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-375'
input(11984,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11984,52): run-time error CSS1046: Expect comma, found ')'
input(11985,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11985,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-400'
input(11985,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11985,52): run-time error CSS1046: Expect comma, found ')'
input(11986,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11986,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-475'
input(11986,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11986,52): run-time error CSS1046: Expect comma, found ')'
input(11987,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11987,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-500'
input(11987,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11987,52): run-time error CSS1046: Expect comma, found ')'
input(11988,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11988,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-550'
input(11988,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11988,52): run-time error CSS1046: Expect comma, found ')'
input(11989,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11989,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-600'
input(11989,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11989,52): run-time error CSS1046: Expect comma, found ')'
input(11990,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11990,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-625'
input(11990,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11990,52): run-time error CSS1046: Expect comma, found ')'
input(11991,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11991,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-650'
input(11991,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11991,52): run-time error CSS1046: Expect comma, found ')'
input(11992,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11992,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-700'
input(11992,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11992,52): run-time error CSS1046: Expect comma, found ')'
input(11993,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11993,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-750'
input(11993,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11993,52): run-time error CSS1046: Expect comma, found ')'
input(11994,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11994,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-800'
input(11994,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11994,52): run-time error CSS1046: Expect comma, found ')'
input(11995,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11995,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-825'
input(11995,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11995,52): run-time error CSS1046: Expect comma, found ')'
input(11996,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11996,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-850'
input(11996,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11996,52): run-time error CSS1046: Expect comma, found ')'
input(11997,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11997,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-900'
input(11997,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11997,52): run-time error CSS1046: Expect comma, found ')'
input(11999,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(11999,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-075'
input(11999,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(11999,52): run-time error CSS1046: Expect comma, found ')'
input(12000,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12000,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-100'
input(12000,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12000,52): run-time error CSS1046: Expect comma, found ')'
input(12001,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12001,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-150'
input(12001,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12001,52): run-time error CSS1046: Expect comma, found ')'
input(12002,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12002,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-200'
input(12002,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12002,52): run-time error CSS1046: Expect comma, found ')'
input(12003,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12003,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-250'
input(12003,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12003,52): run-time error CSS1046: Expect comma, found ')'
input(12004,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12004,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-275'
input(12004,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12004,52): run-time error CSS1046: Expect comma, found ')'
input(12005,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12005,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-300'
input(12005,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12005,52): run-time error CSS1046: Expect comma, found ')'
input(12006,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12006,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-350'
input(12006,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12006,52): run-time error CSS1046: Expect comma, found ')'
input(12007,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12007,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-400'
input(12007,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12007,52): run-time error CSS1046: Expect comma, found ')'
input(12008,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12008,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-450'
input(12008,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12008,52): run-time error CSS1046: Expect comma, found ')'
input(12009,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12009,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-475'
input(12009,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12009,52): run-time error CSS1046: Expect comma, found ')'
input(12010,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12010,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-500'
input(12010,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12010,52): run-time error CSS1046: Expect comma, found ')'
input(12011,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12011,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-600'
input(12011,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12011,52): run-time error CSS1046: Expect comma, found ')'
input(12012,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12012,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-700'
input(12012,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12012,52): run-time error CSS1046: Expect comma, found ')'
input(12013,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12013,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-750'
input(12013,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12013,52): run-time error CSS1046: Expect comma, found ')'
input(12014,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12014,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-800'
input(12014,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12014,52): run-time error CSS1046: Expect comma, found ')'
input(12015,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12015,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-850'
input(12015,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12015,52): run-time error CSS1046: Expect comma, found ')'
input(12017,24): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12017,28): run-time error CSS1046: Expect comma, found '--color-basic-red-400'
input(12017,49): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12017,50): run-time error CSS1046: Expect comma, found ')'
input(12018,24): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12018,28): run-time error CSS1046: Expect comma, found '--color-basic-red-450'
input(12018,49): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12018,50): run-time error CSS1046: Expect comma, found ')'
input(12019,24): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12019,28): run-time error CSS1046: Expect comma, found '--color-basic-red-500'
input(12019,49): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12019,50): run-time error CSS1046: Expect comma, found ')'
input(12020,24): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12020,28): run-time error CSS1046: Expect comma, found '--color-basic-red-600'
input(12020,49): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12020,50): run-time error CSS1046: Expect comma, found ')'
input(12022,26): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12022,30): run-time error CSS1046: Expect comma, found '--color-basic-green-100'
input(12022,53): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12022,54): run-time error CSS1046: Expect comma, found ')'
input(12023,26): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12023,30): run-time error CSS1046: Expect comma, found '--color-basic-green-500'
input(12023,53): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12023,54): run-time error CSS1046: Expect comma, found ')'
input(12025,27): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12025,31): run-time error CSS1046: Expect comma, found '--color-basic-yellow-400'
input(12025,55): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12025,56): run-time error CSS1046: Expect comma, found ')'
input(12129,23): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12129,27): run-time error CSS1046: Expect comma, found '--color-basic-gray-0'
input(12129,47): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12129,48): run-time error CSS1046: Expect comma, found ')'
input(12130,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12130,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-050'
input(12130,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12130,52): run-time error CSS1046: Expect comma, found ')'
input(12131,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12131,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-100'
input(12131,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12131,52): run-time error CSS1046: Expect comma, found ')'
input(12132,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12132,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-150'
input(12132,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12132,52): run-time error CSS1046: Expect comma, found ')'
input(12133,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12133,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-175'
input(12133,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12133,52): run-time error CSS1046: Expect comma, found ')'
input(12134,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12134,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-180'
input(12134,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12134,52): run-time error CSS1046: Expect comma, found ')'
input(12135,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12135,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-200'
input(12135,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12135,52): run-time error CSS1046: Expect comma, found ')'
input(12136,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12136,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-250'
input(12136,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12136,52): run-time error CSS1046: Expect comma, found ')'
input(12137,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12137,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-300'
input(12137,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12137,52): run-time error CSS1046: Expect comma, found ')'
input(12138,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12138,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-350'
input(12138,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12138,52): run-time error CSS1046: Expect comma, found ')'
input(12139,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12139,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-375'
input(12139,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12139,52): run-time error CSS1046: Expect comma, found ')'
input(12140,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12140,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-400'
input(12140,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12140,52): run-time error CSS1046: Expect comma, found ')'
input(12141,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12141,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-475'
input(12141,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12141,52): run-time error CSS1046: Expect comma, found ')'
input(12142,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12142,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-500'
input(12142,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12142,52): run-time error CSS1046: Expect comma, found ')'
input(12143,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12143,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-550'
input(12143,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12143,52): run-time error CSS1046: Expect comma, found ')'
input(12144,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12144,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-600'
input(12144,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12144,52): run-time error CSS1046: Expect comma, found ')'
input(12145,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12145,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-625'
input(12145,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12145,52): run-time error CSS1046: Expect comma, found ')'
input(12146,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12146,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-650'
input(12146,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12146,52): run-time error CSS1046: Expect comma, found ')'
input(12147,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12147,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-700'
input(12147,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12147,52): run-time error CSS1046: Expect comma, found ')'
input(12148,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12148,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-750'
input(12148,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12148,52): run-time error CSS1046: Expect comma, found ')'
input(12149,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12149,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-800'
input(12149,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12149,52): run-time error CSS1046: Expect comma, found ')'
input(12150,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12150,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-825'
input(12150,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12150,52): run-time error CSS1046: Expect comma, found ')'
input(12151,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12151,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-850'
input(12151,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12151,52): run-time error CSS1046: Expect comma, found ')'
input(12152,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12152,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-900'
input(12152,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12152,52): run-time error CSS1046: Expect comma, found ')'
input(12154,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12154,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-075'
input(12154,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12154,52): run-time error CSS1046: Expect comma, found ')'
input(12155,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12155,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-100'
input(12155,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12155,52): run-time error CSS1046: Expect comma, found ')'
input(12156,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12156,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-150'
input(12156,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12156,52): run-time error CSS1046: Expect comma, found ')'
input(12157,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12157,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-200'
input(12157,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12157,52): run-time error CSS1046: Expect comma, found ')'
input(12158,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12158,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-250'
input(12158,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12158,52): run-time error CSS1046: Expect comma, found ')'
input(12159,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12159,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-275'
input(12159,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12159,52): run-time error CSS1046: Expect comma, found ')'
input(12160,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12160,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-300'
input(12160,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12160,52): run-time error CSS1046: Expect comma, found ')'
input(12161,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12161,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-350'
input(12161,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12161,52): run-time error CSS1046: Expect comma, found ')'
input(12162,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12162,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-400'
input(12162,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12162,52): run-time error CSS1046: Expect comma, found ')'
input(12163,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12163,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-450'
input(12163,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12163,52): run-time error CSS1046: Expect comma, found ')'
input(12164,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12164,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-475'
input(12164,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12164,52): run-time error CSS1046: Expect comma, found ')'
input(12165,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12165,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-500'
input(12165,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12165,52): run-time error CSS1046: Expect comma, found ')'
input(12166,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12166,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-600'
input(12166,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12166,52): run-time error CSS1046: Expect comma, found ')'
input(12167,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12167,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-700'
input(12167,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12167,52): run-time error CSS1046: Expect comma, found ')'
input(12168,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12168,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-750'
input(12168,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12168,52): run-time error CSS1046: Expect comma, found ')'
input(12169,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12169,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-800'
input(12169,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12169,52): run-time error CSS1046: Expect comma, found ')'
input(12170,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12170,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-850'
input(12170,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12170,52): run-time error CSS1046: Expect comma, found ')'
input(12172,24): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12172,28): run-time error CSS1046: Expect comma, found '--color-basic-red-400'
input(12172,49): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12172,50): run-time error CSS1046: Expect comma, found ')'
input(12173,24): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12173,28): run-time error CSS1046: Expect comma, found '--color-basic-red-450'
input(12173,49): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12173,50): run-time error CSS1046: Expect comma, found ')'
input(12174,24): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12174,28): run-time error CSS1046: Expect comma, found '--color-basic-red-500'
input(12174,49): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12174,50): run-time error CSS1046: Expect comma, found ')'
input(12175,24): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12175,28): run-time error CSS1046: Expect comma, found '--color-basic-red-600'
input(12175,49): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12175,50): run-time error CSS1046: Expect comma, found ')'
input(12177,26): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12177,30): run-time error CSS1046: Expect comma, found '--color-basic-green-100'
input(12177,53): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12177,54): run-time error CSS1046: Expect comma, found ')'
input(12178,26): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12178,30): run-time error CSS1046: Expect comma, found '--color-basic-green-500'
input(12178,53): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12178,54): run-time error CSS1046: Expect comma, found ')'
input(12180,27): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12180,31): run-time error CSS1046: Expect comma, found '--color-basic-yellow-400'
input(12180,55): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12180,56): run-time error CSS1046: Expect comma, found ')'
input(12185,37): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12185,41): run-time error CSS1046: Expect comma, found '--color-basic-red-500'
input(12185,62): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12185,63): run-time error CSS1046: Expect comma, found '/'
input(12186,29): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12186,33): run-time error CSS1046: Expect comma, found '--color-basic-red-500'
input(12186,54): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12186,55): run-time error CSS1046: Expect comma, found '/'
input(12195,37): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12195,41): run-time error CSS1046: Expect comma, found '--color-basic-red-500'
input(12195,62): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12195,63): run-time error CSS1046: Expect comma, found '/'
input(12196,29): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12196,33): run-time error CSS1046: Expect comma, found '--color-basic-red-500'
input(12196,54): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12196,55): run-time error CSS1046: Expect comma, found '/'
input(12336,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12336,29): run-time error CSS1046: Expect comma, found '--color-basic-red-500'
input(12336,50): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12336,51): run-time error CSS1046: Expect comma, found '/'
input(12453,14): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12453,18): run-time error CSS1046: Expect comma, found '--color-basic-red-500'
input(12453,39): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12453,40): run-time error CSS1046: Expect comma, found '/'
input(12639,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12639,29): run-time error CSS1046: Expect comma, found '--color-basic-red-500'
input(12639,50): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12639,51): run-time error CSS1046: Expect comma, found '/'
input(12642,14): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12642,18): run-time error CSS1046: Expect comma, found '--color-basic-red-500'
input(12642,39): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12642,40): run-time error CSS1046: Expect comma, found '/'
input(12776,14): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12776,18): run-time error CSS1046: Expect comma, found '--color-basic-red-500'
input(12776,39): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12776,40): run-time error CSS1046: Expect comma, found '/'
input(12779,14): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12779,18): run-time error CSS1046: Expect comma, found '--color-basic-red-500'
input(12779,39): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12779,40): run-time error CSS1046: Expect comma, found '/'
input(12878,14): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(12878,18): run-time error CSS1046: Expect comma, found '--color-basic-red-500'
input(12878,39): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(12878,40): run-time error CSS1046: Expect comma, found '/'
input(13317,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(13317,29): run-time error CSS1046: Expect comma, found '--color-basic-red-500'
input(13317,50): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(13317,51): run-time error CSS1046: Expect comma, found '/'
input(13763,27): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(13763,31): run-time error CSS1046: Expect comma, found '--color-basic-red-500'
input(13763,52): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(13763,53): run-time error CSS1046: Expect comma, found '/'
input(13936,23): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(13936,27): run-time error CSS1046: Expect comma, found '--color-basic-gray-0'
input(13936,47): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(13936,48): run-time error CSS1046: Expect comma, found ')'
input(13937,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(13937,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-050'
input(13937,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(13937,52): run-time error CSS1046: Expect comma, found ')'
input(13938,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(13938,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-100'
input(13938,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(13938,52): run-time error CSS1046: Expect comma, found ')'
input(13939,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(13939,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-150'
input(13939,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(13939,52): run-time error CSS1046: Expect comma, found ')'
input(13940,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(13940,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-175'
input(13940,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(13940,52): run-time error CSS1046: Expect comma, found ')'
input(13941,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(13941,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-180'
input(13941,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(13941,52): run-time error CSS1046: Expect comma, found ')'
input(13942,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(13942,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-200'
input(13942,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(13942,52): run-time error CSS1046: Expect comma, found ')'
input(13943,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(13943,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-250'
input(13943,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(13943,52): run-time error CSS1046: Expect comma, found ')'
input(13944,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(13944,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-300'
input(13944,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(13944,52): run-time error CSS1046: Expect comma, found ')'
input(13945,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(13945,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-350'
input(13945,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(13945,52): run-time error CSS1046: Expect comma, found ')'
input(13946,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(13946,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-375'
input(13946,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(13946,52): run-time error CSS1046: Expect comma, found ')'
input(13947,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(13947,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-400'
input(13947,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(13947,52): run-time error CSS1046: Expect comma, found ')'
input(13948,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(13948,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-475'
input(13948,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(13948,52): run-time error CSS1046: Expect comma, found ')'
input(13949,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(13949,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-500'
input(13949,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(13949,52): run-time error CSS1046: Expect comma, found ')'
input(13950,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(13950,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-550'
input(13950,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(13950,52): run-time error CSS1046: Expect comma, found ')'
input(13951,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(13951,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-600'
input(13951,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(13951,52): run-time error CSS1046: Expect comma, found ')'
input(13952,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(13952,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-625'
input(13952,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(13952,52): run-time error CSS1046: Expect comma, found ')'
input(13953,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(13953,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-650'
input(13953,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(13953,52): run-time error CSS1046: Expect comma, found ')'
input(13954,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(13954,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-700'
input(13954,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(13954,52): run-time error CSS1046: Expect comma, found ')'
input(13955,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(13955,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-750'
input(13955,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(13955,52): run-time error CSS1046: Expect comma, found ')'
input(13956,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(13956,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-800'
input(13956,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(13956,52): run-time error CSS1046: Expect comma, found ')'
input(13957,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(13957,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-825'
input(13957,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(13957,52): run-time error CSS1046: Expect comma, found ')'
input(13958,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(13958,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-850'
input(13958,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(13958,52): run-time error CSS1046: Expect comma, found ')'
input(13959,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(13959,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-900'
input(13959,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(13959,52): run-time error CSS1046: Expect comma, found ')'
input(13961,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(13961,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-075'
input(13961,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(13961,52): run-time error CSS1046: Expect comma, found ')'
input(13962,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(13962,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-100'
input(13962,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(13962,52): run-time error CSS1046: Expect comma, found ')'
input(13963,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(13963,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-150'
input(13963,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(13963,52): run-time error CSS1046: Expect comma, found ')'
input(13964,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(13964,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-200'
input(13964,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(13964,52): run-time error CSS1046: Expect comma, found ')'
input(13965,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(13965,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-250'
input(13965,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(13965,52): run-time error CSS1046: Expect comma, found ')'
input(13966,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(13966,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-275'
input(13966,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(13966,52): run-time error CSS1046: Expect comma, found ')'
input(13967,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(13967,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-300'
input(13967,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(13967,52): run-time error CSS1046: Expect comma, found ')'
input(13968,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(13968,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-350'
input(13968,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(13968,52): run-time error CSS1046: Expect comma, found ')'
input(13969,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(13969,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-400'
input(13969,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(13969,52): run-time error CSS1046: Expect comma, found ')'
input(13970,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(13970,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-450'
input(13970,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(13970,52): run-time error CSS1046: Expect comma, found ')'
input(13971,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(13971,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-475'
input(13971,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(13971,52): run-time error CSS1046: Expect comma, found ')'
input(13972,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(13972,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-500'
input(13972,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(13972,52): run-time error CSS1046: Expect comma, found ')'
input(13973,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(13973,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-600'
input(13973,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(13973,52): run-time error CSS1046: Expect comma, found ')'
input(13974,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(13974,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-700'
input(13974,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(13974,52): run-time error CSS1046: Expect comma, found ')'
input(13975,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(13975,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-750'
input(13975,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(13975,52): run-time error CSS1046: Expect comma, found ')'
input(13976,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(13976,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-800'
input(13976,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(13976,52): run-time error CSS1046: Expect comma, found ')'
input(13977,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(13977,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-850'
input(13977,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(13977,52): run-time error CSS1046: Expect comma, found ')'
input(13979,24): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(13979,28): run-time error CSS1046: Expect comma, found '--color-basic-red-400'
input(13979,49): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(13979,50): run-time error CSS1046: Expect comma, found ')'
input(13980,24): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(13980,28): run-time error CSS1046: Expect comma, found '--color-basic-red-450'
input(13980,49): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(13980,50): run-time error CSS1046: Expect comma, found ')'
input(13981,24): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(13981,28): run-time error CSS1046: Expect comma, found '--color-basic-red-500'
input(13981,49): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(13981,50): run-time error CSS1046: Expect comma, found ')'
input(13982,24): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(13982,28): run-time error CSS1046: Expect comma, found '--color-basic-red-600'
input(13982,49): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(13982,50): run-time error CSS1046: Expect comma, found ')'
input(13984,26): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(13984,30): run-time error CSS1046: Expect comma, found '--color-basic-green-100'
input(13984,53): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(13984,54): run-time error CSS1046: Expect comma, found ')'
input(13985,26): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(13985,30): run-time error CSS1046: Expect comma, found '--color-basic-green-500'
input(13985,53): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(13985,54): run-time error CSS1046: Expect comma, found ')'
input(13987,27): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(13987,31): run-time error CSS1046: Expect comma, found '--color-basic-yellow-400'
input(13987,55): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(13987,56): run-time error CSS1046: Expect comma, found ')'
input(14057,23): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14057,27): run-time error CSS1046: Expect comma, found '--color-basic-gray-0'
input(14057,47): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14057,48): run-time error CSS1046: Expect comma, found ')'
input(14058,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14058,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-050'
input(14058,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14058,52): run-time error CSS1046: Expect comma, found ')'
input(14059,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14059,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-100'
input(14059,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14059,52): run-time error CSS1046: Expect comma, found ')'
input(14060,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14060,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-150'
input(14060,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14060,52): run-time error CSS1046: Expect comma, found ')'
input(14061,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14061,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-175'
input(14061,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14061,52): run-time error CSS1046: Expect comma, found ')'
input(14062,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14062,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-180'
input(14062,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14062,52): run-time error CSS1046: Expect comma, found ')'
input(14063,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14063,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-200'
input(14063,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14063,52): run-time error CSS1046: Expect comma, found ')'
input(14064,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14064,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-250'
input(14064,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14064,52): run-time error CSS1046: Expect comma, found ')'
input(14065,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14065,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-300'
input(14065,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14065,52): run-time error CSS1046: Expect comma, found ')'
input(14066,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14066,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-350'
input(14066,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14066,52): run-time error CSS1046: Expect comma, found ')'
input(14067,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14067,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-375'
input(14067,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14067,52): run-time error CSS1046: Expect comma, found ')'
input(14068,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14068,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-400'
input(14068,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14068,52): run-time error CSS1046: Expect comma, found ')'
input(14069,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14069,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-475'
input(14069,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14069,52): run-time error CSS1046: Expect comma, found ')'
input(14070,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14070,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-500'
input(14070,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14070,52): run-time error CSS1046: Expect comma, found ')'
input(14071,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14071,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-550'
input(14071,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14071,52): run-time error CSS1046: Expect comma, found ')'
input(14072,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14072,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-600'
input(14072,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14072,52): run-time error CSS1046: Expect comma, found ')'
input(14073,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14073,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-625'
input(14073,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14073,52): run-time error CSS1046: Expect comma, found ')'
input(14074,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14074,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-650'
input(14074,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14074,52): run-time error CSS1046: Expect comma, found ')'
input(14075,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14075,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-700'
input(14075,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14075,52): run-time error CSS1046: Expect comma, found ')'
input(14076,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14076,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-750'
input(14076,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14076,52): run-time error CSS1046: Expect comma, found ')'
input(14077,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14077,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-800'
input(14077,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14077,52): run-time error CSS1046: Expect comma, found ')'
input(14078,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14078,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-825'
input(14078,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14078,52): run-time error CSS1046: Expect comma, found ')'
input(14079,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14079,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-850'
input(14079,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14079,52): run-time error CSS1046: Expect comma, found ')'
input(14080,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14080,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-900'
input(14080,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14080,52): run-time error CSS1046: Expect comma, found ')'
input(14082,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14082,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-075'
input(14082,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14082,52): run-time error CSS1046: Expect comma, found ')'
input(14083,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14083,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-100'
input(14083,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14083,52): run-time error CSS1046: Expect comma, found ')'
input(14084,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14084,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-150'
input(14084,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14084,52): run-time error CSS1046: Expect comma, found ')'
input(14085,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14085,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-200'
input(14085,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14085,52): run-time error CSS1046: Expect comma, found ')'
input(14086,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14086,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-250'
input(14086,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14086,52): run-time error CSS1046: Expect comma, found ')'
input(14087,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14087,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-275'
input(14087,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14087,52): run-time error CSS1046: Expect comma, found ')'
input(14088,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14088,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-300'
input(14088,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14088,52): run-time error CSS1046: Expect comma, found ')'
input(14089,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14089,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-350'
input(14089,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14089,52): run-time error CSS1046: Expect comma, found ')'
input(14090,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14090,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-400'
input(14090,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14090,52): run-time error CSS1046: Expect comma, found ')'
input(14091,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14091,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-450'
input(14091,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14091,52): run-time error CSS1046: Expect comma, found ')'
input(14092,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14092,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-475'
input(14092,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14092,52): run-time error CSS1046: Expect comma, found ')'
input(14093,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14093,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-500'
input(14093,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14093,52): run-time error CSS1046: Expect comma, found ')'
input(14094,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14094,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-600'
input(14094,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14094,52): run-time error CSS1046: Expect comma, found ')'
input(14095,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14095,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-700'
input(14095,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14095,52): run-time error CSS1046: Expect comma, found ')'
input(14096,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14096,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-750'
input(14096,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14096,52): run-time error CSS1046: Expect comma, found ')'
input(14097,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14097,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-800'
input(14097,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14097,52): run-time error CSS1046: Expect comma, found ')'
input(14098,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14098,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-850'
input(14098,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14098,52): run-time error CSS1046: Expect comma, found ')'
input(14100,24): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14100,28): run-time error CSS1046: Expect comma, found '--color-basic-red-400'
input(14100,49): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14100,50): run-time error CSS1046: Expect comma, found ')'
input(14101,24): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14101,28): run-time error CSS1046: Expect comma, found '--color-basic-red-450'
input(14101,49): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14101,50): run-time error CSS1046: Expect comma, found ')'
input(14102,24): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14102,28): run-time error CSS1046: Expect comma, found '--color-basic-red-500'
input(14102,49): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14102,50): run-time error CSS1046: Expect comma, found ')'
input(14103,24): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14103,28): run-time error CSS1046: Expect comma, found '--color-basic-red-600'
input(14103,49): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14103,50): run-time error CSS1046: Expect comma, found ')'
input(14105,26): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14105,30): run-time error CSS1046: Expect comma, found '--color-basic-green-100'
input(14105,53): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14105,54): run-time error CSS1046: Expect comma, found ')'
input(14106,26): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14106,30): run-time error CSS1046: Expect comma, found '--color-basic-green-500'
input(14106,53): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14106,54): run-time error CSS1046: Expect comma, found ')'
input(14108,27): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14108,31): run-time error CSS1046: Expect comma, found '--color-basic-yellow-400'
input(14108,55): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14108,56): run-time error CSS1046: Expect comma, found ')'
input(14160,14): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14160,18): run-time error CSS1046: Expect comma, found '--color-basic-red-500'
input(14160,39): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14160,40): run-time error CSS1046: Expect comma, found '/'
input(14163,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14163,29): run-time error CSS1046: Expect comma, found '--color-basic-red-500'
input(14163,50): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14163,51): run-time error CSS1046: Expect comma, found '/'
input(14251,23): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14251,27): run-time error CSS1046: Expect comma, found '--color-basic-gray-0'
input(14251,47): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14251,48): run-time error CSS1046: Expect comma, found ')'
input(14252,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14252,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-050'
input(14252,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14252,52): run-time error CSS1046: Expect comma, found ')'
input(14253,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14253,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-100'
input(14253,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14253,52): run-time error CSS1046: Expect comma, found ')'
input(14254,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14254,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-150'
input(14254,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14254,52): run-time error CSS1046: Expect comma, found ')'
input(14255,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14255,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-175'
input(14255,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14255,52): run-time error CSS1046: Expect comma, found ')'
input(14256,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14256,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-180'
input(14256,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14256,52): run-time error CSS1046: Expect comma, found ')'
input(14257,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14257,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-200'
input(14257,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14257,52): run-time error CSS1046: Expect comma, found ')'
input(14258,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14258,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-250'
input(14258,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14258,52): run-time error CSS1046: Expect comma, found ')'
input(14259,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14259,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-300'
input(14259,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14259,52): run-time error CSS1046: Expect comma, found ')'
input(14260,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14260,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-350'
input(14260,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14260,52): run-time error CSS1046: Expect comma, found ')'
input(14261,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14261,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-375'
input(14261,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14261,52): run-time error CSS1046: Expect comma, found ')'
input(14262,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14262,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-400'
input(14262,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14262,52): run-time error CSS1046: Expect comma, found ')'
input(14263,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14263,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-475'
input(14263,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14263,52): run-time error CSS1046: Expect comma, found ')'
input(14264,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14264,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-500'
input(14264,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14264,52): run-time error CSS1046: Expect comma, found ')'
input(14265,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14265,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-550'
input(14265,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14265,52): run-time error CSS1046: Expect comma, found ')'
input(14266,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14266,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-600'
input(14266,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14266,52): run-time error CSS1046: Expect comma, found ')'
input(14267,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14267,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-625'
input(14267,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14267,52): run-time error CSS1046: Expect comma, found ')'
input(14268,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14268,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-650'
input(14268,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14268,52): run-time error CSS1046: Expect comma, found ')'
input(14269,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14269,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-700'
input(14269,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14269,52): run-time error CSS1046: Expect comma, found ')'
input(14270,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14270,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-750'
input(14270,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14270,52): run-time error CSS1046: Expect comma, found ')'
input(14271,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14271,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-800'
input(14271,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14271,52): run-time error CSS1046: Expect comma, found ')'
input(14272,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14272,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-825'
input(14272,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14272,52): run-time error CSS1046: Expect comma, found ')'
input(14273,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14273,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-850'
input(14273,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14273,52): run-time error CSS1046: Expect comma, found ')'
input(14274,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14274,29): run-time error CSS1046: Expect comma, found '--color-basic-gray-900'
input(14274,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14274,52): run-time error CSS1046: Expect comma, found ')'
input(14276,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14276,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-075'
input(14276,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14276,52): run-time error CSS1046: Expect comma, found ')'
input(14277,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14277,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-100'
input(14277,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14277,52): run-time error CSS1046: Expect comma, found ')'
input(14278,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14278,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-150'
input(14278,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14278,52): run-time error CSS1046: Expect comma, found ')'
input(14279,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14279,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-200'
input(14279,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14279,52): run-time error CSS1046: Expect comma, found ')'
input(14280,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14280,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-250'
input(14280,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14280,52): run-time error CSS1046: Expect comma, found ')'
input(14281,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14281,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-275'
input(14281,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14281,52): run-time error CSS1046: Expect comma, found ')'
input(14282,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14282,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-300'
input(14282,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14282,52): run-time error CSS1046: Expect comma, found ')'
input(14283,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14283,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-350'
input(14283,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14283,52): run-time error CSS1046: Expect comma, found ')'
input(14284,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14284,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-400'
input(14284,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14284,52): run-time error CSS1046: Expect comma, found ')'
input(14285,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14285,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-450'
input(14285,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14285,52): run-time error CSS1046: Expect comma, found ')'
input(14286,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14286,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-475'
input(14286,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14286,52): run-time error CSS1046: Expect comma, found ')'
input(14287,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14287,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-500'
input(14287,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14287,52): run-time error CSS1046: Expect comma, found ')'
input(14288,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14288,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-600'
input(14288,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14288,52): run-time error CSS1046: Expect comma, found ')'
input(14289,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14289,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-700'
input(14289,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14289,52): run-time error CSS1046: Expect comma, found ')'
input(14290,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14290,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-750'
input(14290,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14290,52): run-time error CSS1046: Expect comma, found ')'
input(14291,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14291,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-800'
input(14291,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14291,52): run-time error CSS1046: Expect comma, found ')'
input(14292,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14292,29): run-time error CSS1046: Expect comma, found '--color-basic-blue-850'
input(14292,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14292,52): run-time error CSS1046: Expect comma, found ')'
input(14294,24): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14294,28): run-time error CSS1046: Expect comma, found '--color-basic-red-400'
input(14294,49): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14294,50): run-time error CSS1046: Expect comma, found ')'
input(14295,24): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14295,28): run-time error CSS1046: Expect comma, found '--color-basic-red-450'
input(14295,49): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14295,50): run-time error CSS1046: Expect comma, found ')'
input(14296,24): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14296,28): run-time error CSS1046: Expect comma, found '--color-basic-red-500'
input(14296,49): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14296,50): run-time error CSS1046: Expect comma, found ')'
input(14297,24): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14297,28): run-time error CSS1046: Expect comma, found '--color-basic-red-600'
input(14297,49): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14297,50): run-time error CSS1046: Expect comma, found ')'
input(14299,26): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14299,30): run-time error CSS1046: Expect comma, found '--color-basic-green-100'
input(14299,53): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14299,54): run-time error CSS1046: Expect comma, found ')'
input(14300,26): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14300,30): run-time error CSS1046: Expect comma, found '--color-basic-green-500'
input(14300,53): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14300,54): run-time error CSS1046: Expect comma, found ')'
input(14302,27): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(14302,31): run-time error CSS1046: Expect comma, found '--color-basic-yellow-400'
input(14302,55): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(14302,56): run-time error CSS1046: Expect comma, found ')' */
/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(../lib_npm/jquery-ui-dist/"images/ui-icons_555555_256x240.png")&iconsHighlight=url(../lib_npm/jquery-ui-dist/"images/ui-icons_777620_256x240.png")&iconsHeader=url(../lib_npm/jquery-ui-dist/"images/ui-icons_444444_256x240.png")&iconsError=url(../lib_npm/jquery-ui-dist/"images/ui-icons_cc0000_256x240.png")&iconsDefault=url(../lib_npm/jquery-ui-dist/"images/ui-icons_777777_256x240.png")&iconsContent=url(../lib_npm/jquery-ui-dist/"images/ui-icons_444444_256x240.png")&iconsActive=url(../lib_npm/jquery-ui-dist/"images/ui-icons_ffffff_256x240.png")&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("../lib_npm/jquery-ui-dist/images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("../lib_npm/jquery-ui-dist/images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("../lib_npm/jquery-ui-dist/images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("../lib_npm/jquery-ui-dist/images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("../lib_npm/jquery-ui-dist/images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("../lib_npm/jquery-ui-dist/images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("../lib_npm/jquery-ui-dist/images/ui-icons_777777_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.003;filter:Alpha(Opacity=.3)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}
:root {
  --color-transparent: rgba(255, 255, 255, 0);
  /*basic gray*/
  --color-basic-gray-0: 255 255 255; /*#fff*/
  --color-basic-gray-050: 253 253 253; /*#fdfdfd*/
  --color-basic-gray-100: 249 249 249; /*#f9f9f9*/
  --color-basic-gray-150: 246 246 246; /*#f6f6f6*/
  --color-basic-gray-175: 243 243 243; /*#f3f3f3*/
  --color-basic-gray-180: 240 240 240; /*#f0f0f0*/
  --color-basic-gray-200: 238 238 238; /*#eee*/
  --color-basic-gray-250: 229 229 229; /*#e5e5e5*/
  --color-basic-gray-300: 201 201 201; /*#ddd*/
  --color-basic-gray-350: 204 204 204; /*#ccc*/
  --color-basic-gray-375: 187 187 187; /*#bbb*/
  --color-basic-gray-400: 178 178 178; /*#b2b2b2*/
  --color-basic-gray-475: 170 170 170; /*#aaa*/
  --color-basic-gray-500: 136 136 136; /*#888*/
  --color-basic-gray-550: 134 134 134; /*#868686*/
  --color-basic-gray-600: 128 128 128; /*#808080*/
  --color-basic-gray-625: 119 119 119; /*#777*/
  --color-basic-gray-650: 102 102 102; /*#666*/
  --color-basic-gray-700: 69 69 69; /*#454545*/
  --color-basic-gray-750: 68 68 68; /*#444*/
  --color-basic-gray-800: 51 51 51; /*#333*/
  --color-basic-gray-825: 38 38 38; /*#262626*/
  --color-basic-gray-850: 6 6 6; /*#060606*/
  --color-basic-gray-900: 0 0 0; /*#000;*/
  /*basic blue*/
  --color-basic-blue-075: 240 248 255; /*#f0f8ff*/
  --color-basic-blue-100: 252 253 254; /*#fcfdfe*/
  --color-basic-blue-150: 250 251 252; /*#fafbfc*/
  --color-basic-blue-200: 248 249 250; /*#f8f9fa*/
  --color-basic-blue-250: 245 246 247; /*#f5f6f7*/
  --color-basic-blue-275: 244 246 249; /*#f4f6f9*/
  --color-basic-blue-300: 243 244 245; /*#f3f4f5*/
  --color-basic-blue-350: 232 240 254; /*#e8f0fe*/
  --color-basic-blue-400: 236 239 241; /*#eceff1*/
  --color-basic-blue-450: 232 235 238; /*#e8ebee*/
  --color-basic-blue-475: 220 224 229; /*#dce0e5*/
  --color-basic-blue-500: 17 92 134; /*#115c86*/
  --color-basic-blue-600: 5 69 126; /*#05457e*/
  --color-basic-blue-700: 5 50 90; /*#05325a*/
  --color-basic-blue-750: 26 53 92; /*#1a355c*/
  --color-basic-blue-800: 20 33 61; /*#14213d*/
  --color-basic-blue-850: 0 1 3; /*#000103*/
  /*red*/
  --color-basic-red-400: 235 30 1; /*#eb1e01*/
  --color-basic-red-450: 227 40 13; /*#e3280d*/
  --color-basic-red-500: 216 18 18; /*#d81212*/
  --color-basic-red-600: 203 25 1; /*#cb1901*/
  /*green*/
  --color-basic-green-100: 254 255 255; /*#feffff*/
  --color-basic-green-500: 3 154 90; /*#039a5a*/
  /*yellow*/
  --color-basic-yellow-400: 255 210 63; /*#FFD23F*/
  /*gray*/
  --color-gray-0: rgb(var(--color-basic-gray-0)); /*#fff*/
  --color-gray-050: rgb(var(--color-basic-gray-050)); /*#fdfdfd*/
  --color-gray-100: rgb(var(--color-basic-gray-100)); /*#f9f9f9*/
  --color-gray-150: rgb(var(--color-basic-gray-150)); /*#f6f6f6*/
  --color-gray-175: rgb(var(--color-basic-gray-175)); /*#f3f3f3*/
  --color-gray-180: rgb(var(--color-basic-gray-180)); /*#f0f0f0*/
  --color-gray-200: rgb(var(--color-basic-gray-200)); /*#eee*/
  --color-gray-250: rgb(var(--color-basic-gray-250)); /*#e5e5e5*/
  --color-gray-300: rgb(var(--color-basic-gray-300)); /*#ddd*/
  --color-gray-350: rgb(var(--color-basic-gray-350)); /*#ccc*/
  --color-gray-375: rgb(var(--color-basic-gray-375)); /*#bbb*/
  --color-gray-400: rgb(var(--color-basic-gray-400)); /*#b2b2b2*/
  --color-gray-475: rgb(var(--color-basic-gray-475)); /*#aaa*/
  --color-gray-500: rgb(var(--color-basic-gray-500)); /*#888*/
  --color-gray-550: rgb(var(--color-basic-gray-550)); /*#868686*/
  --color-gray-600: rgb(var(--color-basic-gray-600)); /*#808080*/
  --color-gray-625: rgb(var(--color-basic-gray-625)); /*#777*/
  --color-gray-650: rgb(var(--color-basic-gray-650)); /*#666*/
  --color-gray-700: rgb(var(--color-basic-gray-700)); /*#454545*/
  --color-gray-750: rgb(var(--color-basic-gray-750)); /*#444*/
  --color-gray-800: rgb(var(--color-basic-gray-800)); /*#333*/
  --color-gray-825: rgb(var(--color-basic-gray-825)); /*#262626*/
  --color-gray-850: rgb(var(--color-basic-gray-850)); /*#060606*/
  --color-gray-900: rgb(var(--color-basic-gray-900)); /*#000;*/
  /*blue*/
  --color-blue-075: rgb(var(--color-basic-blue-075)); /*#f0f8ff*/
  --color-blue-100: rgb(var(--color-basic-blue-100)); /*#fcfdfe*/
  --color-blue-150: rgb(var(--color-basic-blue-150)); /*#fafbfc*/
  --color-blue-200: rgb(var(--color-basic-blue-200)); /*#f8f9fa*/
  --color-blue-250: rgb(var(--color-basic-blue-250)); /*#f5f6f7*/
  --color-blue-275: rgb(var(--color-basic-blue-275)); /*#f4f6f9*/
  --color-blue-300: rgb(var(--color-basic-blue-300)); /*#f3f4f5*/
  --color-blue-350: rgb(var(--color-basic-blue-350)); /*#e8f0fe*/
  --color-blue-400: rgb(var(--color-basic-blue-400)); /*#eceff1*/
  --color-blue-450: rgb(var(--color-basic-blue-450)); /*#e8ebee*/
  --color-blue-475: rgb(var(--color-basic-blue-475)); /*#dce0e5*/
  --color-blue-500: rgb(var(--color-basic-blue-500)); /*#115c86*/
  --color-blue-600: rgb(var(--color-basic-blue-600)); /*#05457e*/
  --color-blue-700: rgb(var(--color-basic-blue-700)); /*#05325a*/
  --color-blue-750: rgb(var(--color-basic-blue-750)); /*#1a355c*/
  --color-blue-800: rgb(var(--color-basic-blue-800)); /*#14213d*/
  --color-blue-850: rgb(var(--color-basic-blue-850)); /*#000103*/
  /*red*/
  --color-red-400: rgb(var(--color-basic-red-400)); /*#eb1e01*/
  --color-red-450: rgb(var(--color-basic-red-450)); /*#e3280d*/
  --color-red-500: rgb(var(--color-basic-red-500)); /*#d81212*/
  --color-red-600: rgb(var(--color-basic-red-600)); /*#cb1901*/
  /*green*/
  --color-green-100: rgb(var(--color-basic-green-100)); /*#feffff*/
  --color-green-500: rgb(var(--color-basic-green-500)); /*#039a5a*/
  /*yellow*/
  --color-yellow-400: rgb(var(--color-basic-yellow-400)); /*#FFD23F*/
}

/* icons */
@font-face {
  font-family: "motoplus";
  src: url("../Themes/Motoplus/Content/fonts/motoplus/motoplus.woff?wz2krd") format("woff"), url("../Themes/Motoplus/Content/fonts/motoplus/motoplus.ttf?wz2krd") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/* latin-ext */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v22/pxiAyp8kv8JHgFVrJJLmE0tMMPKzSQ.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v22/pxiAyp8kv8JHgFVrJJLmE0tCMPI.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v22/pxiDyp8kv8JHgFVrJJLmv1pVGdeOcEg.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v22/pxiDyp8kv8JHgFVrJJLmv1pVF9eO.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v22/pxiDyp8kv8JHgFVrJJLm21lVGdeOcEg.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v22/pxiDyp8kv8JHgFVrJJLm21lVF9eO.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v22/pxiGyp8kv8JHgFVrJJLufntAKPY.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v22/pxiGyp8kv8JHgFVrJJLucHtA.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v22/pxiDyp8kv8JHgFVrJJLmg1hVGdeOcEg.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v22/pxiDyp8kv8JHgFVrJJLmg1hVF9eO.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v22/pxiDyp8kv8JHgFVrJJLmr19VGdeOcEg.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v22/pxiDyp8kv8JHgFVrJJLmr19VF9eO.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v22/pxiDyp8kv8JHgFVrJJLmy15VGdeOcEg.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v22/pxiDyp8kv8JHgFVrJJLmy15VF9eO.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v22/pxiDyp8kv8JHgFVrJJLm111VGdeOcEg.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v22/pxiDyp8kv8JHgFVrJJLm111VF9eO.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v22/pxiDyp8kv8JHgFVrJJLm81xVGdeOcEg.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v22/pxiDyp8kv8JHgFVrJJLm81xVF9eO.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v22/pxiGyp8kv8JHgFVrLPTufntAKPY.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v22/pxiGyp8kv8JHgFVrLPTucHtA.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLFj_Z1JlFc-K.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLFj_Z1xlFQ.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLDz8Z1JlFc-K.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLDz8Z1xlFQ.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v22/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v22/pxiEyp8kv8JHgFVrJJfecg.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLDD4Z1JlFc-K.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLDD4Z1xlFQ.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLBT5Z1JlFc-K.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLBT5Z1xlFQ.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@-webkit-keyframes show {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 0.1;
  }
  20% {
    opacity: 0.2;
  }
  30% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.4;
  }
  50% {
    opacity: 0.5;
  }
  60% {
    opacity: 0.6;
  }
  70% {
    opacity: 0.7;
  }
  80% {
    opacity: 0.8;
  }
  90% {
    opacity: 0.9;
  }
  100% {
    opacity: 1;
  }
}
@keyframes show {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 0.1;
  }
  20% {
    opacity: 0.2;
  }
  30% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.4;
  }
  50% {
    opacity: 0.5;
  }
  60% {
    opacity: 0.6;
  }
  70% {
    opacity: 0.7;
  }
  80% {
    opacity: 0.8;
  }
  90% {
    opacity: 0.9;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes hide {
  0% {
    opacity: 1;
  }
  10% {
    opacity: 0.9;
  }
  20% {
    opacity: 0.8;
  }
  30% {
    opacity: 0.7;
  }
  40% {
    opacity: 0.6;
  }
  50% {
    opacity: 0.5;
  }
  60% {
    opacity: 0.4;
  }
  70% {
    opacity: 0.3;
  }
  80% {
    opacity: 0.2;
  }
  90% {
    opacity: 0.1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes hide {
  0% {
    opacity: 1;
  }
  10% {
    opacity: 0.9;
  }
  20% {
    opacity: 0.8;
  }
  30% {
    opacity: 0.7;
  }
  40% {
    opacity: 0.6;
  }
  50% {
    opacity: 0.5;
  }
  60% {
    opacity: 0.4;
  }
  70% {
    opacity: 0.3;
  }
  80% {
    opacity: 0.2;
  }
  90% {
    opacity: 0.1;
  }
  100% {
    opacity: 0;
  }
}
/*********** GLOBAL STYLES **********/
* {
  margin: 0;
  outline: none;
  padding: 0;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
*:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  margin: 0;
  -webkit-text-size-adjust: none;
  font-size: 16px;
}

ol,
ul {
  list-style: none;
}

a {
  color: var(--color-gray-800);
  cursor: pointer;
}
a:hover {
  color: var(--color-red-500);
}
a img {
  opacity: 0.99;
  border: none;
}
a:active {
  outline: none;
}

script {
  display: none !important;
}

[class^=ico-]::before,
[class*=" ico-"]::before {
  font-family: "motoplus" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-right: 5px;
  color: var(--color-red-500);
}

.ico-cart:before {
  content: "\e901";
}

.ico-account::before,
.ico-login:before,
.ico-user:before {
  content: "\e903";
}

.ico-menu:before {
  content: "\e915";
}

.ico-camera-off:before {
  content: "\e900";
}

.ico-camera:before {
  content: "\e902";
}

.ico-chevron-down:before {
  content: "\e904";
}

.ico-chevron-left:before {
  content: "\e905";
}

.ico-chevron-right:before {
  content: "\e906";
}

.ico-chevron-up:before {
  content: "\e907";
}

.ico-logout:before {
  content: "\e916";
}

.ico-register:before,
.ico-edit:before {
  content: "\e908";
}

.ico-filter:before {
  content: "\e909";
}

.ico-wishlist:before {
  content: "\e912";
}

.ico-home:before {
  content: "\e917";
}

.ico-instagram:before {
  content: "\e913";
}

.ico-layers:before {
  content: "\e90a";
}

.ico-inbox:before {
  content: "\e914";
}

.ico-compare:before {
  content: "\e90b";
}

.ico-search:before {
  content: "\e90c";
}

.ico-trash:before {
  content: "\e90e";
}

.ico-twitter:before {
  content: "\e90f";
}

.ico-x-circle:before {
  content: "\e910";
}

.ico-x {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  cursor: pointer;
  top: 5px;
}
.ico-x:before {
  position: absolute;
  left: 2px;
  bottom: calc(50% - 1.5px);
  height: 3px;
  width: 80%;
  background-color: var(--color-red-450);
  content: "";
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.ico-x:after {
  position: absolute;
  left: 2px;
  bottom: calc(50% - 1.5px);
  height: 3px;
  width: 80%;
  background-color: var(--color-red-450);
  content: "";
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.ico-key:before {
  content: "\e90d";
}

.ico-round {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-color: var(--color-blue-800);
  border-radius: 50%;
  margin-left: 5px;
  vertical-align: bottom;
  color: var(--color-gray-150);
  text-align: center;
  padding: 1px 0 0 1px;
  cursor: pointer;
}

.ico-info {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-color: var(--color-blue-600);
  border-radius: 50%;
  margin-left: 5px;
  vertical-align: sub;
  color: var(--color-gray-0);
  text-align: center;
  padding: 0;
  cursor: pointer;
  position: relative;
  -webkit-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.2);
}
.ico-info:before {
  content: "?";
  color: var(--color-gray-0);
  position: absolute;
  width: 18px;
  height: 18px;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  line-height: 18px;
}

.ico-check {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 12px;
  cursor: pointer;
}
.ico-check:before {
  position: absolute;
  left: 0;
  top: 83%;
  height: 2px;
  width: 10px;
  background-color: var(--color-green-500);
  content: "";
  -webkit-transform: translateX(10px) rotate(225deg);
  -ms-transform: translateX(10px) rotate(225deg);
  transform: translateX(10px) rotate(225deg);
  -webkit-transform-origin: left bottom;
  -ms-transform-origin: left bottom;
  transform-origin: left bottom;
}
.ico-check:after {
  position: absolute;
  left: 0%;
  bottom: 0px;
  height: 2px;
  width: 65%;
  background-color: var(--color-green-500);
  content: "";
  -webkit-transform: translateX(9px) rotate(-45deg);
  -ms-transform: translateX(9px) rotate(-45deg);
  transform: translateX(9px) rotate(-45deg);
  -webkit-transform-origin: left bottom;
  -ms-transform-origin: left bottom;
  transform-origin: left bottom;
}

.colapse,
.expand,
.toggle {
  display: block !important;
  margin: 0;
  cursor: pointer;
  background-position: center right;
  background-size: 32px;
  background-repeat: no-repeat;
  padding-right: 30px !important;
}
.colapse:after,
.expand:after,
.toggle:after {
  content: "" !important;
}
.colapse > span,
.expand > span,
.toggle > span {
  color: var(--color-red-500);
}

.expand,
.toggle {
  background-image: url("../Themes/Motoplus/Content/images/colapse-gray.png");
}

.colapse {
  background-image: url("../Themes/Motoplus/Content/images/expand-gray.png");
}

.hide {
  display: none !important;
}

.ignore-row {
  color: var(--color-gray-250) !important;
}

.green {
  background-color: var(--color-green-500);
  color: var(--color-gray-0);
}

.clear {
  clear: both !important;
}

body {
  max-width: 100%;
  font-family: "Poppins", sans-serif;
  color: var(--color-gray-800);
  background-color: var(--color-blue-275);
  overflow-x: hidden;
  /*background-image: url(../Themes/Motoplus/Content/images/bg.webp);*/
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
}

h1 {
  font-size: 1.25rem;
}

h2 {
  font-size: 1.15rem;
}

h3 {
  font-size: 1.1rem;
}

h4 {
  font-size: 1rem;
}

h5 {
  font-size: 0.9375rem;
}

h6 {
  font-size: 0.875rem;
}

table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  font-size: 0.9375rem;
}
table th.select,
table td.select {
  text-align: center;
}

p {
  font-size: 0.875rem;
}

p a {
  color: var(--color-blue-800);
}

.ui-widget input[type=button]::-moz-focus-inner, .ui-widget input[type=submit]::-moz-focus-inner, .ui-widget input[type=reset]::-moz-focus-inner, .ui-widget input[type=file] > input[type=button]::-moz-focus-inner,
input[type=button]::-moz-focus-inner,
input[type=submit]::-moz-focus-inner,
input[type=reset]::-moz-focus-inner,
input[type=file] > input[type=button]::-moz-focus-inner {
  margin: 0;
  border: 0;
  padding: 0;
}
.ui-widget input[type=button], .ui-widget input[type=submit], .ui-widget input[type=reset], .ui-widget input[type=text], .ui-widget input[type=email], .ui-widget input[type=tel], .ui-widget input[type=password],
input[type=button],
input[type=submit],
input[type=reset],
input[type=text],
input[type=email],
input[type=tel],
input[type=password] {
  border-radius: 3px;
}
.ui-widget input[type=button], .ui-widget input[type=submit], .ui-widget input[type=reset],
input[type=button],
input[type=submit],
input[type=reset] {
  -webkit-appearance: none;
}
.ui-widget input[type=button], .ui-widget input[type=submit],
input[type=button],
input[type=submit] {
  cursor: pointer;
}
.ui-widget input:-webkit-autofill,
input:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 1000px var(--color-gray-0);
}
.ui-widget input[type=text], .ui-widget input[type=number], .ui-widget input[type=email], .ui-widget input[type=tel], .ui-widget input[type=password],
input[type=text],
input[type=number],
input[type=email],
input[type=tel],
input[type=password] {
  height: 36px;
  border: solid 1px var(--color-gray-250);
  padding: 8px;
  vertical-align: middle;
  color: var(--color-gray-800);
  border-radius: 3px;
  font-size: 1rem;
}
.ui-widget input[type=text]:focus, .ui-widget input[type=number]:focus, .ui-widget input[type=email]:focus, .ui-widget input[type=tel]:focus, .ui-widget input[type=password]:focus,
input[type=text]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=password]:focus {
  border-color: var(--color-gray-350);
}
.ui-widget input[type=checkbox], .ui-widget input[type=radio],
input[type=checkbox],
input[type=radio] {
  accent-color: rgb(var(--color-basic-red-500)/0.85);
}
.ui-widget input[type=checkbox], .ui-widget input[type=radio], .ui-widget input[type=checkbox] + *, .ui-widget input[type=radio] + *,
input[type=checkbox],
input[type=radio],
input[type=checkbox] + *,
input[type=radio] + * {
  vertical-align: middle;
}

.ui-widget select,
.ui-widget textarea,
textarea,
select {
  height: 36px;
  border: solid 1px var(--color-gray-250);
  padding: 0 5px;
  vertical-align: middle;
  color: var(--color-gray-800);
  font-family: "Poppins", sans-serif;
  border-radius: 3px;
  font-size: 1rem;
}

textarea {
  min-height: 150px;
  padding: 5px;
}
textarea:focus {
  border-color: var(--color-gray-350);
}

select {
  min-width: 50px;
}
select:focus {
  border-color: var(--color-gray-350);
}

.ui-widget button,
button,
.button-1,
.button-2 {
  cursor: pointer;
  border-radius: 3px;
  border: none;
  padding: 10px 15px;
  font-size: 0.9375rem;
}

button {
  border: solid 1px rgb(var(--color-basic-red-500)/0.85);
  background-color: rgb(var(--color-basic-red-500)/0.85);
  color: var(--color-gray-0);
}
button:hover {
  background-color: var(--color-red-600);
}

button.button-1,
.button-1 {
  border: solid 1px var(--color-blue-600);
  background-color: var(--color-blue-600);
  color: var(--color-gray-0);
}
button.button-1:hover,
.button-1:hover {
  background-color: var(--color-blue-700);
}

button.button-2,
.button-2 {
  border: solid 1px var(--color-blue-450);
  background-color: var(--color-blue-450);
  color: var(--color-gray-750);
}
button.button-2:hover,
.button-2:hover {
  background-color: var(--color-blue-475);
}

.cart-footer .checkout-button,
.cart-collaterals .button-2,
.shopping-cart-page .common-buttons input,
.overview .add-to-cart-button,
.variant-overview .add-to-cart-button,
.mini-shopping-cart input[type=button],
.registration-page .button-1,
.registration-result-page .button-1,
.login-page .button-1,
.password-recovery-page .button-1,
.account-page .button-1,
.return-request-page .button-1,
.cart-button {
  min-width: 140px;
  /*padding: 9px 8px !important;*/
}

/*
.cart-footer .checkout-button:hover,
.cart-collaterals .button-2:hover,
.shopping-cart-page .common-buttons input:hover,
.overview .add-to-cart-button:hover,
.variant-overview .add-to-cart-button:hover,
.mini-shopping-cart input[type="button"]:hover,
.registration-page .button-1:hover,
.registration-result-page .button-1:hover,
.login-page .button-1:hover,
.password-recovery-page .button-1:hover,
.account-page .button-1:hover,
.return-request-page .button-1:hover,
.overview .add-to-cart-button:active,
.variant-overview .add-to-cart-button:active,
.mini-shopping-cart input[type="button"]:active,
.registration-page .button-1:active,
.registration-result-page .button-1:active,
.login-page .button-1:active,
.password-recovery-page .button-1:active,
.account-page .button-1:active {
    background-color: $button1-bg-color-hover !important;
    border-color: $button1-bg-color-hover !important;
}
*/
.facebook-btn {
  background-color: #3f63af;
  padding: 18px;
  background-position: center center;
  border-radius: 3px;
}

.ui-widget {
  font-family: Poppins, sans-serif;
  color: var(--color-gray-800);
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Poppins, sans-serif;
  color: var(--color-gray-800);
}
.ui-widget.ui-widget-content {
  border-color: var(--color-gray-250);
}

.ui-spinner.ui-widget input {
  border-color: transparent;
}
.ui-spinner.ui-widget input[type=text]:focus {
  border: none;
}

label {
  vertical-align: middle;
}
label + * {
  vertical-align: middle;
}

.no-result {
  margin: 10px;
  text-align: center;
}

.read {
  font-size: 0.875rem;
}

.master-wrapper-content {
  margin: 0 auto;
}
.master-wrapper-content:after {
  display: block;
  content: "";
  clear: both;
}

.master-column-wrapper:after {
  display: block;
  content: "";
  clear: both;
}

.center-1 {
  margin: 0;
  padding-bottom: 10px;
}
.center-1:after {
  display: block;
  content: "";
  clear: both;
}

.center-2 {
  margin: 0 0 50px;
}
.center-2:after {
  display: block;
  content: "";
  clear: both;
}

.side-2 {
  margin: 0 0 50px;
}
.side-2:after {
  display: block;
  content: "";
  clear: both;
}
.side-2 .block {
  border: solid 1px var(--color-gray-250);
}
.side-2 .block .block {
  border: none;
}

.page {
  min-height: 200px;
  text-align: center;
}
.page:after {
  display: block;
  content: "";
  clear: both;
}

.page-title {
  min-height: 50px;
  margin: 0 0 10px;
  border-bottom: solid 1px var(--color-gray-250);
  padding: 6px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--color-gray-850);
}
.page-title:after {
  display: block;
  content: "";
  clear: both;
}

.page-body {
  margin-bottom: 50px;
}
.page-body .block {
  border: none;
}
.page-body:after {
  display: block;
  content: "";
  clear: both;
}

.center-1 .page-title,
.center-1 .title {
  text-align: center;
}

.news-item-page {
  background-color: var(--color-gray-0);
  padding: 10px;
}
.news-item-page .fieldset {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.topic-page-not-found {
  clear: both;
}

.buttons {
  margin: 0 0 30px;
}

.link-rss {
  display: none;
  width: 24px;
  height: 24px;
  background: url("../Themes/Motoplus/Content/images/rss.png") center no-repeat;
  font-size: 0 !important;
}

.category-description,
.manufacturer-description,
.full-description,
.topic-block,
.topic-page,
.post-body,
.news-body,
.full-description {
  text-align: initial;
}
.category-description h1, .category-description h2, .category-description h3, .category-description h4, .category-description h5, .category-description h6,
.manufacturer-description h1,
.manufacturer-description h2,
.manufacturer-description h3,
.manufacturer-description h4,
.manufacturer-description h5,
.manufacturer-description h6,
.full-description h1,
.full-description h2,
.full-description h3,
.full-description h4,
.full-description h5,
.full-description h6,
.topic-block h1,
.topic-block h2,
.topic-block h3,
.topic-block h4,
.topic-block h5,
.topic-block h6,
.topic-page h1,
.topic-page h2,
.topic-page h3,
.topic-page h4,
.topic-page h5,
.topic-page h6,
.post-body h1,
.post-body h2,
.post-body h3,
.post-body h4,
.post-body h5,
.post-body h6,
.news-body h1,
.news-body h2,
.news-body h3,
.news-body h4,
.news-body h5,
.news-body h6,
.full-description h1,
.full-description h2,
.full-description h3,
.full-description h4,
.full-description h5,
.full-description h6 {
  margin: 2rem 0 1rem;
}
.category-description p,
.manufacturer-description p,
.full-description p,
.topic-block p,
.topic-page p,
.post-body p,
.news-body p,
.full-description p {
  margin: 1rem 0;
}

/*********** GLOBAL FORMS ***********/
.fieldset,
.section {
  position: relative;
  margin: 0 0 40px;
  padding: 10px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.075);
  border-radius: 3px;
  background-color: var(--color-gray-0);
}
.fieldset:empty,
.section:empty {
  display: none;
}

.fieldset .title {
  padding: 3px;
  font-size: 1.125rem;
  background-color: var(--color-gray-150);
  min-height: 40px;
  border-radius: 3px;
  text-align: center;
}

.section .title {
  padding: 3px;
  font-size: 1rem;
  background-color: var(--color-gray-150);
  min-height: 40px;
  border-radius: 3px;
}

.fieldset .title strong,
.section .title strong {
  font-weight: normal;
  padding: 10px;
  display: inline-block;
}

.form-fields {
  position: relative;
  padding: 30px 15px;
}

.no-data {
  text-align: center;
}

.section .no-data {
  background-color: var(--color-gray-0);
  padding: 10px;
}

.inputs {
  position: relative;
  margin: 20px auto 0;
  text-align: center;
  white-space: nowrap;
  font-size: 0;
  max-width: 400px;
  /*
  &.reversed > * {
      float: none
  }
      */
}
.inputs:first-child {
  margin-top: 0;
}
.inputs:after {
  content: "";
  display: block;
  clear: both;
}
.inputs > label {
  display: inline-block;
  max-width: calc(100% - 10px);
  width: auto;
  font-size: 0.825rem;
  margin: 0 0 5px 3px;
  color: var(--color-gray-600);
  text-align: left;
  white-space: normal;
}
.inputs > label[for=Newsletter] {
  margin-left: 20px;
}
.inputs > label + input[type=checkbox] {
  margin-top: -1.6rem;
}
.inputs > label + input[type=radio] {
  margin-top: -1.6rem;
}
.inputs .info {
  display: block;
  font-size: 0.75rem;
  margin-top: 5px;
  white-space: normal;
  color: var(--color-gray-600);
}
.inputs > .required {
  position: absolute;
  top: 0;
  right: 10px;
}
.inputs > * {
  float: left;
  clear: both;
}
.inputs input[type=text],
.inputs input[type=number],
.inputs input[type=password],
.inputs input[type=email],
.inputs input[type=tel],
.inputs select,
.inputs textarea {
  height: 45px;
  color: var(--color-gray-800);
  border-radius: 3px;
  width: 100%;
  vertical-align: middle;
  background-color: var(--color-gray-0);
}
.inputs select:only-of-type {
  width: 100%;
}
.inputs > input[type=checkbox] + label,
.inputs > input[type=radio] + label {
  margin: -1rem 0 0 20px;
}
.inputs .option-list {
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
}
.inputs .option-list li {
  float: left;
  margin: 0 10px 15px 0;
}
.inputs .option-list label {
  display: inline;
  width: auto;
  margin: 0 3px;
}
.inputs.custom-attributes {
  white-space: normal;
}

.login-form-in-header .inputs.reversed {
  text-align: center;
}

.required {
  margin: 0 0 0 5px;
  font-size: 0.9375rem;
  color: var(--color-red-450);
  font-weight: bold;
}

.message-error,
.field-validation-error,
.field-validation-error *,
.username-not-available-status,
.poll-vote-error,
.password-error {
  display: block;
  margin: 2px 0 0;
  font-size: 0.75rem !important;
  color: var(--color-red-450);
  font-weight: 500;
  text-align: justify;
  white-space: normal;
}
.message-error li,
.field-validation-error li,
.field-validation-error * li,
.username-not-available-status li,
.poll-vote-error li,
.password-error li {
  margin-top: 5px;
}

.page-body > .message-error,
.enter-address > .message-error,
.payment-info form > .message-error {
  line-height: 1.5;
  margin-bottom: 15px;
}

.input-validation-error {
  border-bottom: 2px solid var(--color-red-450) !important;
}

.field-validation-valid,
.username-available-status {
  display: block;
  line-height: 1.2;
  font-size: 0.875rem;
  color: var(--color-green-500);
  font-weight: bold;
}

.captcha-box {
  text-align: center;
  line-height: 0;
  margin: 10px 10px 20px;
}
.captcha-box > div {
  display: inline-block;
  max-width: 100%;
}
.captcha-box input {
  height: auto;
}

.picture {
  z-index: 1;
  overflow: hidden;
  padding: 10px;
  border: solid 10px transparent;
  position: relative;
  width: 100%;
  margin: 0 auto;
}
.picture > a {
  display: block;
  position: relative;
  height: 100%;
}
.picture > a:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.picture > a img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: translateZ(0) scale(1, 1);
  width: auto !important;
}

.product-picture img {
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: translateZ(0) scale(1, 1);
  width: auto !important;
}

.item-grid {
  margin: 0 -2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.item-grid:after {
  display: block;
  content: "";
  clear: both;
}

.item-box {
  position: relative;
  background-color: var(--color-gray-0);
  /*-webkit-box-shadow: $box-shadow;*/
  /*box-shadow: $box-shadow;*/
  border-radius: 3px;
  margin: 2px;
  width: 100%;
  border: solid 1px var(--color-gray-250);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.item-box:hover .picture a img {
  opacity: 0.85;
}

.home-page .item-box {
  width: calc(50% - 4px);
}

.registration-page, .email-a-friend-page, .contact-page, .apply-vendor-page, .forum-edit-page, .password-recovery-page, .private-message-send-page, .move-topic-page {
  max-width: 800px;
  margin: 0 auto;
}
.registration-page .page-title, .email-a-friend-page .page-title, .contact-page .page-title, .apply-vendor-page .page-title, .forum-edit-page .page-title, .password-recovery-page .page-title, .private-message-send-page .page-title, .move-topic-page .page-title {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

/*********** GLOBAL TABLES ***********/
.table-wrapper {
  overflow-x: auto;
  background-color: var(--color-gray-0);
  padding: 5px 0;
}

.data-table .hidden-row {
  height: 0;
  border: none;
}
.data-table tr.hidden-row th {
  padding: 0;
  border-top: none;
}
.data-table tr.hidden-row th > span {
  height: 1px;
  width: 1px;
  position: absolute;
  overflow: hidden;
  top: -10px;
}

.cart th,
.data-table th {
  border-width: 1px 1px 0;
  border-style: solid;
  border-color: var(--color-gray-250);
  background-color: var(--color-gray-150);
  padding: 10px;
  white-space: nowrap;
  font-weight: normal;
}

.forum-table th {
  border-width: 1px 1px 0;
  border-style: solid;
  border-color: var(--color-gray-250);
  background-color: var(--color-gray-150);
  padding: 10px;
  white-space: nowrap;
  font-weight: normal;
}
.forum-table th.replies, .forum-table th.views, .forum-table th.votes, .forum-table th.latest-post, .forum-table th.topics, .forum-table th.posts {
  display: none;
}
.forum-table td.replies, .forum-table td.views, .forum-table td.votes, .forum-table td.latest-post, .forum-table td.topics, .forum-table td.posts {
  display: none;
}
.forum-table td.image {
  min-width: 0;
}

.cart td,
.data-table td {
  min-width: 90px;
  border-width: 1px;
  border-style: solid;
  border-color: transparent var(--color-gray-250) var(--color-gray-250);
  padding: 5px;
}

.data-table td {
  border-color: var(--color-gray-250);
}

.forum-table td {
  min-width: 150px;
  border-width: 1px;
  border-style: solid;
  border-color: transparent var(--color-gray-250) var(--color-gray-250);
  padding: 10px;
  min-width: 90px;
  padding: 10px;
}

.cart a,
.data-table a,
.forum-table a {
  font-weight: normal;
}

.cart a:hover,
.data-table a:hover,
.forum-table a:hover {
  text-decoration: underline;
  color: var(--color-blue-800);
}

.cart .product {
  min-width: 225px;
  text-align: left;
}

.data-table .product,
.data-table .message,
.data-table .info,
.data-table .name {
  min-width: 225px;
  text-align: left;
}

.forum-table .forum-details,
.forum-table .topic-details {
  text-align: left;
}

.cart .product a {
  font-weight: normal;
}

.data-table .product a,
.data-table .info a {
  font-weight: bold;
}

.cart .product a:hover {
  color: var(--color-blue-800);
  text-decoration: none;
}

.data-table .product a:hover,
.data-table .info a:hover {
  color: var(--color-blue-800);
  text-decoration: none;
}

.cart .product .edit-item {
  margin: 10px 0 0;
}
.cart .product .edit-item a {
  font-weight: normal;
  color: var(--color-blue-800);
}
.cart .product .edit-item a:hover {
  text-decoration: underline;
}
.cart .remove-from-cart {
  text-align: center;
}
.cart .remove-from-cart input[type=checkbox] {
  display: none;
}
.cart .remove-from-cart .remove-btn {
  height: 40px;
  width: 40px;
  background-color: var(--color-red-450);
  border-color: var(--color-red-450);
  position: relative;
}
.cart .remove-from-cart .remove-btn:hover {
  background-color: var(--color-red-450);
  border-color: var(--color-red-450);
}
.cart .remove-from-cart .remove-btn:after {
  display: block;
  content: "X";
  font-weight: bold;
  position: absolute;
  text-align: center;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  font-size: 1.25rem;
  line-height: 40px;
  color: var(--color-gray-0);
}
.cart .add-to-cart {
  text-align: center;
}

.data-table .select-boxes,
.data-table .order {
  text-align: center;
}

.cart td.unit-price,
.data-table td.unit-price {
  white-space: nowrap;
}

.cart td.product-picture {
  text-align: center;
  vertical-align: middle;
}
.cart td.product-picture img {
  max-width: 100px;
  max-height: 60px;
}
.cart td.quantity input {
  width: 50px;
  text-align: center;
}
.cart td.subtotal {
  white-space: nowrap;
  font-weight: bold;
}
.cart td.subtotal .product-subtotal {
  color: var(--color-blue-800);
  font-size: 1rem;
}

.data-table td.total {
  white-space: nowrap;
  font-weight: bold;
}

.cart td.subtotal .discount,
.cart td.subtotal .discount-additional-info {
  font-style: italic;
  color: var(--color-gray-750);
  font-size: 0.75rem;
}

.data-table em a {
  font-weight: bold;
}
.data-table div.download {
  margin: 10px 0 0;
}

/*********** NOTIFICATIONS & POPUPS  ***********/
.bar-notification-container {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  line-height: 16px;
  color: var(--color-gray-0);
  opacity: 0.95;
}

.bar-notification {
  position: relative;
  display: none;
  padding: 15px 25px 15px 10px;
}
.bar-notification.success {
  background-color: var(--color-green-500);
}
.bar-notification.error {
  background-color: var(--color-red-450);
}
.bar-notification.warning {
  background-color: var(--color-yellow-400);
}
.bar-notification .content {
  margin: 0 10px 0 0;
}
.bar-notification .content a {
  color: var(--color-gray-0);
  text-decoration: underline;
}
.bar-notification .close {
  position: absolute;
  top: 0;
  right: 0;
  width: 32px;
  height: 32px;
  margin: 7px;
  background: var(--color-gray-0) url("../Themes/Motoplus/Content/images/close.png") center no-repeat;
  cursor: pointer;
}

.popup-notification {
  border-radius: 3px;
  padding: 3px;
  margin: 5px 0;
}
.popup-notification.success {
  border: 2px rgba(75, 176, 122, 0.5) solid;
}
.popup-notification.error {
  border: 2px rgba(228, 68, 76, 0.5) solid;
}
.popup-notification.warning {
  border: 2px rgba(243, 156, 18, 0.5) solid;
}

.noscript {
  border-bottom: 1px solid var(--color-gray-250);
  background-color: var(--color-blue-800);
  padding: 30px 15px;
  text-align: center;
  line-height: 22px;
  color: var(--color-gray-0);
}

.ajax-products-busy,
.ajax-loading-block-window,
.please-wait,
.search-box .ui-autocomplete-loading,
.shipping-options-loading,
.product-estimate-shipping .shipping-title .shipping-loading {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  margin: 0;
  content: " ";
  display: none;
  /*background-color: $shadow-1;*/
}
.ajax-products-busy::after,
.ajax-loading-block-window::after,
.please-wait::after,
.search-box .ui-autocomplete-loading::after,
.shipping-options-loading::after,
.product-estimate-shipping .shipping-title .shipping-loading::after {
  display: block;
  content: " ";
  position: fixed;
  overflow: hidden;
  z-index: 1104;
  top: calc(50% - 50px);
  left: calc(50% - 50px);
  width: 100px;
  height: 100px;
  margin: 0 auto;
  border: 5px solid var(--color-red-500);
  border-radius: 50%;
  border-left-color: transparent;
  border-right-color: transparent;
  animation: cssload-spin 1000ms infinite linear;
  -o-animation: cssload-spin 1000ms infinite linear;
  -webkit-animation: cssload-spin 1000ms infinite linear;
  -moz-animation: cssload-spin 1000ms infinite linear;
}

@keyframes cssload-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes cssload-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.please-wait {
  position: absolute;
}
.please-wait::after {
  position: absolute;
  width: 16px;
  height: 16px;
  top: calc(50% - 8px);
  left: calc(50% - 8px);
  border-width: 3px;
}

.ui-dialog {
  max-width: 90%;
  border: solid 1px var(--color-gray-250);
  -webkit-box-shadow: 0 0 35px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.5);
  overflow: hidden;
  background-color: var(--color-gray-0);
  /*override jQuery UI styles, do not delete doubled properties*/
  border-radius: 0;
  padding: 0;
  font: normal 0.875rem "Poppins", sans-serif;
}
.ui-dialog:before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ui-dialog .ui-dialog-titlebar {
  overflow: hidden;
  background-color: var(--color-gray-0);
  padding: 10px 15px;
  color: var(--color-gray-700);
  /*override jQuery UI styles, do not delete doubled properties*/
  border-width: 0 0 1px;
  border-radius: 0;
  background-image: none;
  padding: 10px 15px !important;
  font-weight: normal;
  cursor: auto !important;
}
.ui-dialog .ui-dialog-titlebar > span {
  float: left;
  font-size: 1.125rem;
  /*override jQuery UI styles, do not delete doubled properties*/
  margin: 0 !important;
}
.ui-dialog .ui-dialog-titlebar button {
  position: absolute;
  top: 0;
  right: 0;
  width: 42px;
  height: 42px;
  border: none;
  overflow: hidden;
  background: url("../Themes/Motoplus/Content/images/close.png") center no-repeat;
  font-size: 0;
  /*override jQuery UI styles, do not delete doubled properties*/
  top: 0 !important;
  right: 0 !important;
  width: 42px !important;
  height: 42px !important;
  margin: 0 !important;
  border: solid 4px var(--color-gray-0);
  border-radius: 0;
  background: var(--color-gray-0) url("../Themes/Motoplus/Content/images/close.png") center no-repeat !important;
  padding: 0 !important;
}
.ui-dialog .ui-dialog-titlebar button span {
  display: none !important;
}
.ui-dialog .ui-dialog-content {
  padding: 15px;
  line-height: 20px;
  /*override jQuery UI styles, do not delete doubled properties*/
  background-color: var(--color-blue-275) !important;
  padding: 15px 15px 20px 15px !important;
  width: auto !important;
}
.ui-dialog .ui-dialog-content .page {
  min-height: 0;
}
.ui-dialog .ui-dialog-content .page-title {
  min-height: 0;
  margin: 0 0 15px;
  padding: 0px 10px 10px 10px;
  text-align: center;
}
.ui-dialog .ui-dialog-content .page-title h1 {
  font-size: 1.5rem;
  line-height: 30px;
}
.ui-dialog .ui-dialog-content .back-in-stock-subscription-page {
  text-align: center;
}
.ui-dialog .ui-dialog-content .back-in-stock-subscription-page .tooltip {
  margin-bottom: 10px;
}

.eu-cookie-bar-notification {
  position: fixed;
  left: 10px;
  z-index: 1050;
  width: 250px;
  height: auto;
  margin: 0 auto;
  border: solid 1px var(--color-gray-250);
  background-color: var(--color-gray-0);
  padding: 10px;
  text-align: center;
  bottom: 10px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  border-radius: 3px;
}
.eu-cookie-bar-notification .text {
  font-size: 0.6875rem;
}
.eu-cookie-bar-notification .buttons-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 8px 0 0;
}
.eu-cookie-bar-notification .buttons-more button {
  border: none;
  padding: 5px;
  font-size: 0.6875rem;
  background-color: rgb(var(--color-basic-red-500)/0.85);
  color: var(--color-gray-0);
  border-radius: 3px;
  width: 100px;
}
.eu-cookie-bar-notification .buttons-more button:hover {
  background-color: var(--color-red-600);
}
.eu-cookie-bar-notification .buttons-more a {
  color: var(--color-blue-800);
  padding: 8px 0;
  font-size: 0.6875rem;
}
.eu-cookie-bar-notification .buttons-more a:hover {
  text-decoration: underline;
}

/*********** HEADER ***********/
.link-login {
  position: relative;
}
.link-login .login-popup {
  display: none;
  position: relative;
  background-color: var(--color-blue-275);
  margin: 20px -18px -19px;
}
.link-login .login-popup .message-error {
  margin: 15px auto;
  padding: 10px;
  font-size: 0.75rem;
  background-color: var(--color-red-450);
  color: var(--color-gray-0);
  font-weight: normal;
  max-width: 300px;
  border-radius: 3px;
  text-align: center;
}
.link-login .login-popup .message-error ul {
  font-size: 0.75rem;
}
.link-login .login-popup .form-fields {
  padding: 15px 15px 0;
}
.link-login .login-popup .form-fields .forgot-password a {
  text-decoration: underline;
  display: inline-block;
  margin: 15px 0;
}
.link-login .login-popup.active {
  display: block;
}
.link-login .login-popup .buttons {
  text-align: center;
  padding-bottom: 15px;
  margin: 15px 10px 0;
}
.link-login .login-popup .button-1 {
  min-width: 140px;
  border: none;
  padding: 10px 30px;
  text-align: center;
  font-size: 0.875rem;
}
.link-login .login-popup-overlay {
  display: none;
  position: fixed;
  z-index: 999;
}

.header-selectors-wrapper > div {
  display: block;
  border-bottom: 1px solid var(--color-gray-250);
  padding: 18px;
}
.header-selectors-wrapper select {
  width: 100%;
  border-radius: 3px;
}

.language-list {
  max-width: 100%;
  font-size: 0;
}
.language-list li {
  display: inline-block;
  margin: 0 1px;
  vertical-align: middle;
}
.language-list a {
  display: block;
  position: relative;
  width: 24px;
  height: 32px;
  line-height: 0;
}
.language-list img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.header-links-wrapper {
  position: relative;
  padding: 0;
  display: inline-block;
  /*-webkit-box-flex: 1;*/
  /*-ms-flex: 1;*/
  /*flex: 1;*/
}

.header-links ul {
  font-size: 0;
  width: 100%;
}
.header-links li {
  display: block;
  padding: 18px;
}
.header-links span,
.header-links a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 0.9375rem;
}
.header-links span:before,
.header-links a:before {
  padding-right: 15px;
  color: var(--color-red-500);
}
.header-links a:hover {
  color: var(--color-blue-800);
}

#topcartlink {
  display: block;
  padding: 18px;
}
#topcartlink a {
  /*background: url('../Themes/Motoplus/Content/images/shopping-bag.png') left center no-repeat;*/
}

.mini-shopping-cart {
  padding: 10px;
  text-align: left;
  font-size: 0.8125rem;
}
.mini-shopping-cart .count {
  padding: 5px 0 15px;
  text-align: center;
  font-size: 0.9375rem;
}
.mini-shopping-cart .count a {
  margin: 0 2px;
  font-weight: bold;
}
.mini-shopping-cart .items {
  border-top: solid 1px var(--color-gray-250);
  margin: 0 0 20px;
  max-height: 350px;
  overflow: hidden;
  overflow-y: auto;
}
.mini-shopping-cart .item {
  overflow: hidden;
  padding: 10px 0;
  border-bottom: solid 1px var(--color-gray-250);
}
.mini-shopping-cart .picture {
  float: left;
  width: 60px;
  text-align: center;
  border: none;
  padding: 0;
}
.mini-shopping-cart .picture + .product {
  margin: 0 0 0 80px;
}
.mini-shopping-cart .name {
  margin: 0 0 10px;
}
.mini-shopping-cart .name a {
  font-weight: bold;
}
.mini-shopping-cart .attributes {
  margin: 5px 0;
}
.mini-shopping-cart .price::after {
  content: "";
  clear: both;
  display: inline-block;
}
.mini-shopping-cart .price span {
  color: var(--color-blue-800);
}
.mini-shopping-cart .totals {
  margin: 0 0 12px;
  text-align: center;
}
.mini-shopping-cart .totals strong {
  font-size: 1.125rem;
  color: var(--color-blue-800);
}
.mini-shopping-cart .buttons {
  margin: 0 0 5px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: row;
}
.mini-shopping-cart input[type=button] {
  display: inline-block;
  border: none;
  padding: 10px 20px;
  background-color: rgb(var(--color-basic-red-500)/0.85);
  color: var(--color-gray-0);
  text-transform: uppercase;
  margin-bottom: 10px;
}
.mini-shopping-cart input[type=button]:hover {
  background-color: var(--color-red-600);
}

.header-lower {
  position: relative;
  z-index: 0;
  padding: 35px 0;
}

.header-logo {
  margin: 0 0 20px;
  text-align: center;
}
.header-logo a {
  display: inline-block;
  max-width: 100%;
  line-height: 0;
}
.header-logo a img {
  max-width: 100%;
  opacity: 1;
  vertical-align: middle;
  max-height: 50px;
}

.mobile-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.mobile-logo a {
  display: block;
}
.mobile-logo a img {
  max-width: 100%;
  opacity: 1;
  vertical-align: middle;
}

.search-box:hover {
  background-color: transparent;
}
.search-box form {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 100%;
  padding: 2px;
  border: 2px solid var(--color-gray-250);
  border-radius: 5px;
  background-color: var(--color-gray-0);
}
.search-box form:after {
  display: block;
  content: "";
  clear: both;
}
.search-box input.search-box-text {
  float: left;
  height: 40px;
  margin: 0 -1px 0 0;
  position: relative;
  width: calc(100% - 35px);
  border: none;
  border-right-width: 0;
  border-radius: 3px 0 0 3px;
}
.search-box input.search-box-text::placeholder {
  font-size: 0.75rem;
  color: var(--color-gray-600);
}
.search-box select {
  height: 40px;
  border-right-width: 0;
  border-left-width: 0;
  border-color: var(--color-transparent);
  border-radius: 0;
  font-size: 0.75rem;
  color: var(--color-gray-600);
  background-color: var(--color-gray-0);
  min-width: auto;
}
.search-box .search-box-button {
  width: 40px;
  height: 40px;
  border: none;
  background: rgb(var(--color-basic-red-500)/0.85) url(../Themes/Motoplus/Content/images/search-button-desktop.png) center no-repeat;
  min-width: 40px;
  font-size: 0;
  position: relative;
  right: 0;
  border-radius: 0 3px 3px 0;
}
.search-box .search-box-button:hover {
  background-color: var(--color-red-600);
}
.search-box .ui-autocomplete-loading {
  position: absolute;
}
.search-box .ui-autocomplete-loading::after {
  position: absolute;
  width: 16px;
  height: 16px;
  top: calc(50% - 8px);
  left: calc(50% - 8px);
  border-width: 3px;
}

.ui-helper-hidden-accessible {
  display: none !important;
}

.ui-autocomplete {
  width: 100% !important;
  border: solid 1px var(--color-gray-250);
  border-top: none;
  overflow: hidden;
  background-color: var(--color-gray-0);
  text-align: left;
  /*override jQuery UI styles, do not delete doubled properties*/
  border-radius: 0;
  padding: 0;
  font: normal 0.875rem "Poppins", sans-serif;
  position: relative;
  top: 3px !important;
}
.ui-autocomplete li {
  border-top: solid 1px var(--color-gray-250);
}
.ui-autocomplete li:first-child {
  border-top: none;
}
.ui-autocomplete a {
  display: block;
  padding: 15px;
  /*override jQuery UI styles, do not delete doubled properties*/
  margin: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: none !important;
  padding: 15px !important;
  line-height: normal !important;
  color: var(--color-gray-800) !important;
}
.ui-autocomplete a:hover, .ui-autocomplete a.ui-state-focus {
  background-color: var(--color-blue-275) !important;
}
.ui-autocomplete img {
  display: none;
  min-width: 20px;
  margin: 0 10px 0 0;
  vertical-align: middle;
}

.main-menu {
  display: none;
  background-color: var(--color-gray-0);
}

/*********** FOOTER ***********/
.footer {
  background: var(--color-gray-850) url("../Themes/Motoplus/Content/images/bg_cocpit_full.jpg") no-repeat;
  text-align: center;
  margin: 0 auto;
  padding: 0 10px;
  color: var(--color-gray-650);
  background-size: cover;
}
.footer .footer-upper {
  margin: auto;
  overflow: hidden;
  padding: 25px 0;
}
.footer .footer-upper .footer-block {
  margin: 1px auto;
}
.footer .footer-upper .footer-block .title {
  margin: 0 0 15px;
  padding: 15px 0 0;
  color: var(--color-gray-400);
  border-top: solid 1px var(--color-gray-825);
}
.footer .footer-upper .footer-block .title strong {
  padding: 5px 10px;
  text-transform: uppercase;
  font-size: 0.9375rem;
}
.footer .footer-upper .footer-block .list {
  margin: 0 0 20px;
  padding: 10px 15px;
}
.footer .footer-upper .footer-block .list a {
  display: block;
  padding: 10px 15px;
  color: var(--color-gray-650);
  font-size: 0.9375rem;
}
.footer .footer-upper .footer-block .list a:hover {
  color: var(--color-red-500);
}
.footer .footer-upper .footer-block.follow-us .title {
  margin: 0 0 10px;
  background: none;
  cursor: auto;
}
.footer .footer-upper .footer-block.follow-us .social ul {
  margin: 0 0 30px;
  padding: 0 0 30px;
  font-size: 0;
}
.footer .footer-upper .footer-block.follow-us .social li {
  display: inline-block;
  margin: 0 5px;
}
.footer .footer-upper .footer-block.follow-us .social a {
  display: block;
  width: 38px;
  height: 38px;
  background: url("../Themes/Motoplus/Content/images/social-sprite.png") no-repeat;
  font-size: 0;
}
.footer .footer-upper .footer-block.follow-us .social .facebook a {
  background-position: 0 0;
}
.footer .footer-upper .footer-block.follow-us .social .twitter a {
  background-position: -38px 0;
}
.footer .footer-upper .footer-block.follow-us .social .rss a {
  background-position: -76px 0;
}
.footer .footer-upper .footer-block.follow-us .social .youtube a {
  background-position: -114px 0;
}
.footer .footer-upper .footer-block.follow-us .social .google-plus a {
  background-position: -152px 0;
}
.footer .footer-upper .footer-block.follow-us div#newsletter-subscribe-block {
  display: block !important;
}
.footer .footer-upper .footer-block.follow-us div#newsletter-subscribe-block .newsletter-email {
  display: inline-block;
  overflow: hidden;
}
.footer .footer-upper .footer-block.follow-us div#newsletter-subscribe-block .newsletter-email input[type=email] {
  float: left;
  width: 180px;
  height: 36px;
  margin: 0 -1px 0 0;
  border-radius: 3px 0 0 3px;
}
.footer .footer-upper .footer-block.follow-us div#newsletter-subscribe-block .newsletter-subscribe-button {
  float: left;
  height: 36px;
  border: none;
  background-color: rgb(var(--color-basic-red-500)/0.85);
  padding: 1px 15px 0;
  text-align: center;
  text-transform: uppercase;
  color: var(--color-gray-0);
  border-radius: 0 3px 3px 0;
}
.footer .footer-upper .footer-block.follow-us div#newsletter-subscribe-block .newsletter-subscribe-button:hover {
  background-color: var(--color-red-600);
}
.footer .footer-upper .footer-block.follow-us div#newsletter-subscribe-block .newsletter-email .options {
  clear: both;
  padding: 10px 0 0;
}
.footer .footer-upper .footer-block.follow-us div#newsletter-subscribe-block .newsletter-validation,
.footer .footer-upper .footer-block.follow-us div#newsletter-subscribe-block .newsletter-result {
  width: 100%;
  overflow: hidden;
  line-height: 28px;
}
.footer .footer-lower {
  margin: 0 auto;
  overflow: hidden;
  padding: 25px 0;
  font-size: 0.875rem;
  border-top: solid 1px var(--color-gray-825);
  border-bottom: solid 1px var(--color-gray-825);
}
.footer .footer-lower:after {
  display: block;
  content: "";
  clear: both;
}
.footer .footer-tax-shipping a {
  font-weight: bold;
  color: var(--color-blue-800);
}
.footer .footer-tax-shipping a:hover {
  text-decoration: underline;
}
.footer .footer-powered-by {
  margin-top: 10px;
}
.footer .footer-powered-by a {
  font-weight: bold;
  color: var(--color-red-500);
}
.footer .footer-powered-by a:hover {
  text-decoration: underline;
}
.footer .theme-selector {
  margin-top: 10px;
  margin-bottom: 10px;
}
.footer .theme-selector select {
  width: 170px;
  background-color: var(--color-gray-825);
  border-color: var(--color-gray-825);
  color: var(--color-gray-350);
}

/*********** SIDE COLUMN ***********/
.block {
  min-height: 50px;
  text-align: left;
  margin: 0 auto 20px;
  background-color: var(--color-gray-0);
  padding: 10px;
  /*-webkit-box-shadow: $box-shadow;*/
  /*box-shadow: $box-shadow;*/
  border-radius: 3px;
  position: relative;
}
.block > .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 10px;
  width: 100%;
  border-bottom: 1px solid var(--color-gray-250);
  font-weight: bold;
  text-transform: uppercase;
  background-color: var(--color-gray-0);
  color: var(--color-gray-800);
  border-radius: 3px 3px 0 0;
}
.block > .title strong {
  width: 100%;
  font-size: 0.875rem;
}
.block > .listbox {
  padding: 10px;
}
.block .list li {
  padding: 5px 0 5px 15px;
}
.block .list a {
  display: inline-block;
  position: relative;
  padding: 5px 0 5px 5px;
  -webkit-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
  font-size: 0.9125rem;
}
.block .list a:before {
  content: "";
  position: absolute;
  top: 12px;
  left: -5px;
  width: 3px;
  height: 3px;
  background-color: var(--color-red-500);
}
.block .list a.active {
  font-weight: bold;
}
.block .list .active > a {
  font-weight: bold;
}
.block .list a:hover {
  color: var(--color-red-600);
}
.block a.product-picture {
  display: none;
}
.block a.product-picture:before {
  display: none;
}
.block .sublist {
  margin: 15px 0 5px;
}
.block .view-all {
  margin: 10px 0 0;
}
.block .view-all a {
  display: inline-block;
  padding: 10px 15px;
  font-size: 0.75rem;
  color: var(--color-red-500);
}
.block .view-all a:hover {
  text-decoration: underline;
}
.block .tags {
  margin: 5px 0 10px;
}
.block .tags ul {
  font-size: 0;
}
.block .tags li {
  display: inline-block;
  position: relative;
  margin: 0 10px;
  overflow: hidden;
  font-size: 17px !important;
}
.block.block-recently-viewed-products .product-picture {
  padding: 0;
  border-width: 0;
}
.block.block-recently-viewed-products .product-picture img {
  max-height: 70px;
}

/********** CENTER COLUMN **********/
[class*=center-] .block {
  background-color: transparent;
}
[class*=center-] .block > .title {
  position: relative;
  background-color: transparent;
  clear: both;
  text-align: center;
  border: none;
}
[class*=center-] .block > .title:before {
  content: " ";
  position: absolute;
  border-top: 2px solid var(--color-gray-250);
  bottom: calc(50% - 2px);
  left: 0;
  width: 100%;
  height: 0;
}
[class*=center-] .block > .title > strong, [class*=center-] .block > .title h2 {
  position: relative;
  font-size: 1.25rem;
  padding: 0 10px;
  background-color: var(--color-blue-275);
  width: auto;
  margin: 0 auto;
  text-transform: none;
}
[class*=center-] .block > .title > strong small, [class*=center-] .block > .title h2 small {
  font-size: 0.75rem;
  font-weight: normal;
}

.product-details-page .block, .product-details-page .related-products-grid, .product-details-page .also-purchased-products-grid {
  background-color: transparent;
}
.product-details-page .block > .title, .product-details-page .related-products-grid > .title, .product-details-page .also-purchased-products-grid > .title {
  position: relative;
  background-color: transparent;
  clear: both;
  text-align: center;
}
.product-details-page .block > .title:before, .product-details-page .related-products-grid > .title:before, .product-details-page .also-purchased-products-grid > .title:before {
  content: " ";
  position: absolute;
  border-top: 2px solid var(--color-gray-250);
  bottom: calc(50% - 2px);
  left: 0;
  width: 100%;
  height: 0;
}
.product-details-page .block > .title > strong, .product-details-page .block > .title h2, .product-details-page .related-products-grid > .title > strong, .product-details-page .related-products-grid > .title h2, .product-details-page .also-purchased-products-grid > .title > strong, .product-details-page .also-purchased-products-grid > .title h2 {
  position: relative;
  font-size: 1.1rem;
  padding: 0 10px;
  background-color: var(--color-gray-0);
  width: auto;
  margin: 0 auto;
  text-transform: none;
}
.product-details-page .block > .title > strong small, .product-details-page .block > .title h2 small, .product-details-page .related-products-grid > .title > strong small, .product-details-page .related-products-grid > .title h2 small, .product-details-page .also-purchased-products-grid > .title > strong small, .product-details-page .also-purchased-products-grid > .title h2 small {
  font-size: 0.75rem;
  font-weight: normal;
}
.product-details-page .item-grid {
  margin-top: 15px;
}

.product-tags-all-page li {
  display: inline-block;
  position: relative;
  margin: 0 10px;
  overflow: hidden;
  font-size: 17px !important;
}

.block .tags li a,
.product-tags-all-page li a {
  float: left;
  line-height: 30px;
}

.block .tags li a:hover,
.product-tags-all-page li a:hover {
  color: var(--color-blue-800);
}

.poll {
  background-color: var(--color-gray-0);
  padding: 10px;
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.075);
}
.poll strong {
  background-color: var(--color-gray-0);
  display: block;
  margin: 0;
  padding: 10px;
  font-size: 0.9375rem;
  font-weight: normal;
  text-transform: uppercase;
}

.poll-options,
.poll-results {
  margin: 10px 0 15px;
  overflow: hidden;
  font-size: 0.9375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.poll-options li,
.poll-results li {
  margin: 10px 0;
}

.poll-options li > input {
  margin: 0 5px 0 0;
  cursor: pointer;
}
.poll-options li > label {
  display: inline-block;
  font-size: 1rem;
  cursor: pointer;
}

.poll .buttons input {
  border: none;
  background-color: var(--color-gray-475);
  padding: 10px 20px;
  font-size: 0.8125rem;
  color: var(--color-gray-0);
  text-transform: uppercase;
}
.poll .buttons input:hover {
  background-color: var(--color-gray-375);
}

.poll-total-votes {
  display: block;
  margin: 10px 0 0;
  font-weight: bold;
  font-style: italic;
}

.home-page-polls {
  text-align: center;
}
.home-page-polls .title {
  position: relative;
  background-color: transparent;
  clear: both;
}
.home-page-polls .title:before {
  content: " ";
  position: absolute;
  border-top: 2px solid var(--color-gray-250);
  bottom: calc(50% - 2px);
  left: 0;
  width: 100%;
  height: 0;
}
.home-page-polls .title > strong {
  position: relative;
  font-size: 1.25rem;
  padding: 0 10px;
  background-color: var(--color-blue-275);
  width: auto;
  margin: 0 auto;
  text-transform: none;
}
.home-page-polls li {
  display: inline-block;
  margin: 10px;
}

/********** CATEGORY PAGE **********/
.breadcrumb {
  margin: 0 0 5px;
  display: none;
}
.breadcrumb:after {
  display: block;
  content: "";
  clear: both;
}
.breadcrumb ul:after {
  display: block;
  content: " ";
  clear: both;
}
.breadcrumb ul > li {
  display: block;
  position: relative;
  padding: 0;
  margin: 4px 4px 4px 0;
  width: auto;
  float: left;
}
.breadcrumb ul > li > * {
  display: none;
}
.breadcrumb ul > li > span > a,
.breadcrumb ul > li a,
.breadcrumb ul > li strong {
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  font-size: 0.8125rem;
  padding: 5px;
  vertical-align: middle;
}
.breadcrumb ul > li a:hover {
  color: var(--color-blue-800);
}
.breadcrumb ul > li span.delimiter {
  display: inline-block;
  font-size: 0.8125rem;
  vertical-align: middle;
}
.breadcrumb ul > li:first-child > span {
  display: inline-block;
}
.breadcrumb ul > li:first-child > span > a {
  color: transparent;
  max-width: 25px;
}
.breadcrumb ul > li:first-child > a {
  color: transparent;
  max-width: 25px;
}
.breadcrumb ul > li:first-child > span > a:after,
.breadcrumb ul > li:first-child a:after {
  content: "\e917";
  font-family: motoplus;
  position: absolute;
  line-height: 24px;
  top: 0;
  left: 6px;
  display: block;
  z-index: 1;
  color: var(--color-gray-800);
}

.category-description,
.manufacturer-description,
.vendor-description {
  margin: 0 0 25px;
  line-height: 22px;
  padding: 10px;
  background-color: var(--color-gray-0);
  text-align: justify;
}
.category-description > p,
.manufacturer-description > p,
.vendor-description > p {
  padding: 0;
}

.contact-vendor {
  margin: 0 0 30px;
}
.contact-vendor .button-2 {
  text-transform: uppercase;
}

.product-selectors {
  margin: 0 0 10px;
  padding: 0 5px 5px;
  text-align: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: solid 1px var(--color-gray-250);
}
.product-selectors:after {
  display: block;
  content: "";
  clear: both;
}
.product-selectors > div {
  display: inline-block;
  margin: 0;
}
.product-selectors span {
  vertical-align: middle;
  font-size: 1rem;
  display: none;
}
.product-selectors select {
  display: block;
  padding: 0 35px 0 10px;
  width: 100%;
  height: 36px;
  border: none;
  background: var(--color-gray-0) url(../Themes/Motoplus/Content/images/select-arrow-dark.svg) no-repeat right 15px center;
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.075);
}
.product-selectors .product-viewmode {
  display: none;
  font-size: 0;
  margin: 0;
}
.product-selectors .product-page-size {
  margin-left: 5px;
}

.products-container {
  position: relative;
}

.product-filters-wrapper {
  position: relative;
  padding-top: 10px;
}
.product-filters-wrapper * {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.product-filters-wrapper .product-filters {
  display: block;
  position: relative;
}

.block-category-navigation .block {
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.product-filter {
  margin: 0;
}
.product-filter .filter-title {
  display: table;
  padding: 0 10px;
  width: 100%;
  min-height: 35px;
  border: none;
  font-weight: bold;
  color: var(--color-red-500);
  text-align: left;
  -webkit-appearance: none;
  -moz-appearance: none;
  vertical-align: middle;
}
.product-filter .filter-title strong {
  display: table-cell;
  vertical-align: middle;
}
.product-filter .filter-title strong:before {
  display: inline;
  content: "\e909";
  font-family: "motoplus";
  margin-right: 5px;
  color: var(--color-red-500);
  font-size: 0.75rem;
  font-weight: normal;
}
.product-filter .filter-content {
  padding: 10px !important;
  width: 100%;
}
.product-filter .filter-content .group {
  padding: 0;
  display: block;
  margin: 0 0 10px;
}
.product-filter .filter-content .group:last-child {
  border-bottom: none;
}
.product-filter .filter-content .group::after {
  display: block;
  content: " ";
  clear: both;
}
.product-filter .filter-content .group li {
  font-size: 0.9375rem;
  margin: 0 10px;
}
.product-filter .filter-content .group li.name {
  font-size: 0.8125rem;
}
.product-filter .filter-content .group li.title {
  display: block;
  float: none;
  margin-bottom: 10px;
}
.product-filter .filter-content .group li a,
.product-filter .filter-content .group li strong {
  display: inline-block;
  padding: 5px 0;
}
.product-filter .filter-content .group li a:hover {
  color: var(--color-blue-800);
}
.product-filter .filter-content .group li.item {
  position: relative;
  margin: 0 10px 5px;
  padding: 0;
  color: var(--color-gray-800);
  margin-bottom: 5px;
}
.product-filter .filter-content .group li.item input[type=checkbox]:hover {
  cursor: pointer;
}
.product-filter .filter-content .group li.item input[type=checkbox]:hover + label {
  color: rgb(var(--color-basic-red-500)/0.85);
}
.product-filter .filter-content .group li.item input[type=checkbox] + label {
  font-size: 0.875rem;
  display: inline-block;
  width: calc(100% - 20px);
  cursor: pointer;
}
.product-filter .filter-content .group li.item input[type=checkbox] + label:hover {
  color: rgb(var(--color-basic-red-500)/0.85);
}
.product-filter .filter-content .group li.item.colapse, .product-filter .filter-content .group li.item.expand {
  cursor: pointer;
}
.product-filter .filter-content .group li.item.hide {
  display: none;
}
.product-filter .filter-content .group li.color-item a {
  padding: 0;
}
.product-filter .filter-content .group li.color-item:before {
  display: none;
}
.product-filter .available-items:after {
  content: "";
  display: block;
  clear: both;
}

.filtered-items .title {
  margin: 0 0 5px;
  font-style: italic;
}
.filtered-items .item {
  color: var(--color-blue-800);
  margin: 0 0 0 15px;
}

.block-product-filter .ico-menu:before,
.block-product-filter .ico-filter:before {
  color: var(--color-gray-800);
}
.block-product-filter .ico-menu.active:before,
.block-product-filter .ico-filter.active:before {
  color: var(--color-blue-800);
}

.remove-filter {
  margin: 15px 0;
  text-align: center;
}
.remove-filter a {
  display: inline-block;
  background-color: var(--color-blue-800);
  padding: 10px 20px;
  font-size: 0.8125rem;
  color: var(--color-gray-0);
  text-transform: uppercase;
}
.remove-filter a:hover {
  background-color: var(--color-blue-800);
}

.stock {
  font-weight: 500;
  text-align: center;
  margin-bottom: 5px;
  font-size: 0.75rem;
}
.stock .in-stock {
  color: var(--color-green-500);
  font-weight: bold;
}
.stock .in-stock-ext {
  color: var(--color-blue-500);
  font-weight: bold;
}
.stock .ex-stock {
  color: var(--color-gray-0);
}
.stock .ex-stock .delivery-time {
  color: var(--color-gray-600);
  font-weight: normal;
}

.sub-category-grid,
.manufacturer-grid,
.vendor-grid {
  margin: 0 0 20px;
  clear: both;
}

.sub-category-grid:after,
.manufacturer-grid:after,
.vendor-grid:after {
  display: block;
  content: "";
  clear: both;
}

.sub-category-grid .item-box *,
.manufacturer-grid .item-box *,
.vendor-grid .item-box * {
  font-size: 0.9375rem;
}

.manufacturer-item,
.sub-category-item,
.vendor-grid {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 50px;
}

.manufacturer-item::after,
.sub-category-item::after {
  display: block;
  content: "";
  clear: both;
}

.manufacturer-grid .title,
.sub-category-grid .title,
.vendor-grid .title {
  text-align: left;
  font-weight: normal;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: calc(100% - 45px);
  padding: 0 5px;
  display: table;
  height: 100%;
}
.manufacturer-grid .title a,
.sub-category-grid .title a,
.vendor-grid .title a {
  display: table-cell;
  font-size: 0.875rem;
  vertical-align: middle;
}

.manufacturer-grid .picture,
.sub-category-grid .picture,
.vendor-grid .pictre {
  margin: 0;
  padding: 0;
  border-width: 5px;
  width: 45px;
}

.product-grid,
.product-list {
  margin: 0 0 20px;
}
.product-grid .item-grid .item-box .product-item,
.product-list .item-grid .item-box .product-item {
  position: relative;
  /*padding: 5px;*/
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  justify-content: space-between;
  /*background-image: -o-linear-gradient(bottom, $category-bg-color-level-3 5%, $box-bg-color 30%);*/
  /*background-image: -webkit-gradient(linear, left bottom, left top, color-stop(5%, $category-bg-color-level-3), color-stop(30%, $box-bg-color));*/
  /*background-image: linear-gradient(0deg, $category-bg-color-level-3 5%, $box-bg-color 30%);*/
  border-radius: 3px;
}
.product-grid .item-grid .item-box .product-item > .picture,
.product-list .item-grid .item-box .product-item > .picture {
  max-width: 200px;
}

.product-item .picture {
  height: 180px;
}
.product-item .details {
  padding: 10px;
  text-align: left;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.product-item .product-title {
  margin: 3px 0;
  overflow: hidden;
  display: block;
}
.product-item .product-title a {
  display: block;
  color: var(--color-gray-850);
  font-size: 0.875rem;
  font-weight: 500;
}
.product-item .product-title a:hover {
  color: var(--color-gray-850);
  text-decoration: underline;
}
.product-item .sku:not(:empty) {
  display: inline-block;
  margin: 0 0 0 10px;
  font-size: 0.875rem;
  color: var(--color-gray-600);
}
.product-item .product-rating-box {
  display: inline-block;
  margin: 0;
}
.product-item .rating {
  background: url("../Themes/Motoplus/Content/images/rating1.png") repeat-x;
  width: 95px;
  height: 14px;
  margin: 0;
}
.product-item .rating div {
  background: url("../Themes/Motoplus/Content/images/rating2.png") repeat-x;
  height: 14px;
}
.product-item .description {
  position: relative;
  font-size: 0.75rem;
  color: var(--color-gray-600);
}
.product-item .description a {
  display: inline-block;
  color: var(--color-blue-800);
  text-decoration: underline;
}
.product-item .description a:hover {
  color: var(--color-blue-800);
}
.product-item .spec-attr-container {
  font-size: 0.75rem;
  overflow: hidden;
  color: var(--color-gray-600);
  width: 100%;
  display: inline;
}
.product-item .spec-attr-container:not(:empty) {
  padding-bottom: 10px;
}
.product-item .spec-attr-container:after {
  display: block;
  content: "";
  clear: both;
}
.product-item .spec-attr-container .please-wait {
  height: 20px;
  background-position: center center;
}
.product-item .spec-attr-container .spec-attr-row {
  display: inline;
}
.product-item .spec-attr-container .spec-attr-row:after {
  content: ", ";
  padding-right: 0;
}
.product-item .spec-attr-container .spec-attr-row:last-child:after {
  content: "";
}
.product-item .spec-attr-container .spec-attr-row .spec-attr-name {
  display: inline;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.product-item .spec-attr-container .spec-attr-row .spec-attr-name.full-size {
  width: 100%;
}
.product-item .spec-attr-container .spec-attr-row .spec-attr-name:after {
  content: ":";
}
.product-item .spec-attr-container .spec-attr-row .spec-attr-value {
  display: inline;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.product-item .spec-attr-container .spec-attr-row .spec-attr-ignore {
  display: inline;
}
.product-item .add-info {
  padding: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
.product-item .add-info .prices {
  margin: 0 0 5px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-order: 0;
  order: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 70px;
}
.product-item .add-info .prices span {
  line-height: 1.4;
}
.product-item .add-info .prices .old-price {
  margin: 0;
  color: var(--color-gray-600);
  text-decoration: line-through;
  display: block;
  font-size: 0.9125rem;
}
.product-item .add-info .prices .actual-price {
  margin: 0;
  font-weight: bold;
  display: block;
  font-size: 1.125rem;
  color: var(--color-blue-600);
}
.product-item .add-info .buttons {
  margin: 0 0 10px;
  padding: 0;
  font-size: 0;
  text-align: center;
  -ms-flex-order: 1;
  order: 1;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.product-item .add-info .buttons select.quantity {
  height: 35px;
  font-size: 1rem;
  text-align: center;
  min-width: 60px;
  margin-right: 3px;
}
.product-item .add-info .buttons .ui-spinner.ui-widget {
  font-size: 1rem;
  width: 60px;
  height: 35px;
  margin-right: 3px;
}
.product-item .add-info .buttons .ui-spinner.ui-widget.ui-corner-all {
  /*border-radius: 0;*/
}
.product-item .add-info .buttons .ui-spinner.ui-widget input {
  width: 30px;
  height: 33px;
  margin: 0 0 0 26px;
  text-align: center;
}
.product-item .add-info .buttons .ui-spinner.ui-widget input[type=text]:focus {
  border: none;
}
.product-item .add-info .buttons .ui-spinner.ui-widget a.ui-spinner-button {
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: none;
  right: auto;
  left: -1px;
  border-radius: 0;
}
.product-item .add-info .buttons input[type=button] {
  display: inline-block;
  height: 35px;
  border: none;
  vertical-align: middle;
}
.product-item .add-info .buttons .product-box-add-to-cart-button {
  background-color: rgb(var(--color-basic-red-500)/0.85);
  color: var(--color-gray-0);
  width: 40px;
  font-size: 0;
  border: none;
  vertical-align: middle;
  height: 35px;
  padding: 0;
  margin-right: 3px;
}
.product-item .add-info .buttons .product-box-add-to-cart-button:hover {
  background-color: var(--color-red-600);
  border-color: var(--color-red-600);
}
.product-item .add-info .buttons .product-box-add-to-cart-button i.fa-cart:before {
  font-family: motoplus !important;
  content: "\e901";
  font-size: 1.375rem;
  padding: 0 10px 0 0;
  color: var(--color-gray-0);
}
.product-item .add-info .buttons .add-to-compare-list-button,
.product-item .add-info .buttons .add-to-wishlist-button {
  width: 40px;
  background-position: center;
  background-repeat: no-repeat;
  font-size: 0;
  height: 35px;
  border-radius: 3px;
  margin-right: 3px;
}
.product-item .add-info .buttons .add-to-compare-list-button {
  background-image: url("../Themes/Motoplus/Content/images/compare-button.png");
  display: none;
  position: absolute;
  top: 60px;
  right: 20px;
  z-index: 1;
}
.product-item .add-info .buttons .add-to-wishlist-button {
  background-image: url("../Themes/Motoplus/Content/images/wishlist-button.png");
  display: none;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1;
  margin: 0;
}
.product-item .add-info .buttons .add-to-compare-list-button:hover,
.product-item .add-info .buttons .add-to-wishlist-button:hover {
  background-color: var(--color-blue-700);
}
.product-item .add-info .tax-shipping-info {
  display: block;
}
.product-item .add-info .tax-shipping-info a:hover {
  text-decoration: underline;
}
.product-item .add-info .stock-delivery-varning {
  margin: 0;
  border-top: solid 1px var(--color-gray-250);
  padding: 5px 0;
  font-size: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  clear: both;
  min-height: 95px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-order: 3;
  order: 3;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: 100%;
}
.product-item .add-info .stock-delivery-varning span {
  display: block;
  line-height: 1.4;
}
.product-item .add-info .stock-delivery-varning span + .varning {
  color: var(--color-red-450);
  font-weight: 500;
}
.product-item .add-info .stock-delivery-varning .order-up-to {
  color: var(--color-gray-600);
}
.product-item:hover .add-info .buttons .add-to-compare-list-button,
.product-item:hover .add-info .buttons .add-to-wishlist-button {
  display: inline-block;
}

.product-grid .item-grid .item-box .product-item .sku:not(:empty) {
  display: block;
  margin: 3px 0;
}
.product-grid .item-grid .item-box .product-item .title {
  margin: 0 0 30px;
  padding: 0 0 15px;
  font-weight: normal;
}
.product-grid .item-grid .item-box .product-item .title strong {
  font-weight: normal;
}
.product-grid .item-grid .item-box .product-item .add-info {
  background-color: transparent;
}
.product-grid .item-grid .item-box .product-item .add-info > * {
  border: none !important;
}
.product-grid .item-grid .item-box .product-item .add-info .stock-delivery-varning {
  min-height: 110px;
}
.product-grid .item-grid .item-box .product-item .spec-attr-container .spec-attr-row.colapse {
  padding-right: 0 !important;
  float: right;
  background: none;
}
.product-grid .item-grid .item-box .product-item .spec-attr-container .spec-attr-row.expand {
  padding-right: 0 !important;
  float: right;
  background: none;
}
.product-grid.home-page-product-grid .title {
  position: relative;
  background-color: transparent;
  margin-bottom: 15px;
}
.product-grid.home-page-product-grid .title:before {
  content: " ";
  position: absolute;
  border-top: 2px solid var(--color-gray-250);
  bottom: calc(50% - 2px);
  left: 0;
  width: 100%;
  height: 0;
}
.product-grid.home-page-product-grid .title > strong {
  position: relative;
  font-size: 1.25rem;
  padding: 0 10px;
  background-color: var(--color-blue-275);
  width: auto;
  margin: 0 auto;
  text-transform: none;
}
.product-grid.home-page-product-grid .owl-stage-outer .item-box .product-item,
.product-grid.home-page-product-grid .item-grid .item-box .product-item {
  text-align: center;
}
.product-grid.home-page-product-grid .owl-stage-outer .item-box .product-item .product-title,
.product-grid.home-page-product-grid .item-grid .item-box .product-item .product-title {
  margin-bottom: 5px;
}
.product-grid.home-page-product-grid .owl-stage-outer .item-box .product-item .product-title a,
.product-grid.home-page-product-grid .item-grid .item-box .product-item .product-title a {
  font-size: 0.875rem;
}
.product-grid.home-page-product-grid .owl-stage-outer .item-box .product-item .description,
.product-grid.home-page-product-grid .item-grid .item-box .product-item .description {
  display: none;
}
.product-grid.home-page-product-grid .owl-stage-outer .item-box .product-item .spec-attr-container,
.product-grid.home-page-product-grid .item-grid .item-box .product-item .spec-attr-container {
  display: none;
}
.product-grid.home-page-product-grid .owl-stage-outer .item-box .product-item .add-info,
.product-grid.home-page-product-grid .item-grid .item-box .product-item .add-info {
  min-height: auto;
  padding: 0;
}
.product-grid.home-page-product-grid .owl-stage-outer .item-box .product-item .add-info > *,
.product-grid.home-page-product-grid .item-grid .item-box .product-item .add-info > * {
  display: none !important;
}
.product-grid.home-page-product-grid .owl-stage-outer .item-box .product-item .add-info .prices,
.product-grid.home-page-product-grid .item-grid .item-box .product-item .add-info .prices {
  display: block !important;
  min-height: auto;
}
.product-grid.home-page-product-grid .owl-stage-outer .item-box .product-item .add-info .prices > *,
.product-grid.home-page-product-grid .item-grid .item-box .product-item .add-info .prices > * {
  display: none;
}
.product-grid.home-page-product-grid .owl-stage-outer .item-box .product-item .add-info .prices .actual-price,
.product-grid.home-page-product-grid .item-grid .item-box .product-item .add-info .prices .actual-price {
  display: block;
  padding: 0 10px;
  font-size: 0.9375rem;
}
.product-grid.home-page-product-grid .owl-stage-outer .item-box {
  width: 100%;
}

.manufacturer-grid .title {
  /*margin: 0 0 15px;*/
  /*line-height: 60px;*/
}
.manufacturer-grid .title a:hover {
  color: var(--color-blue-800);
}

.vendor-grid .title {
  margin: 0 0 15px;
  text-align: center;
}
.vendor-grid .title a:hover {
  color: var(--color-blue-800);
}

.pager {
  margin: 0 0 20px;
}
.pager ul {
  text-align: right;
}
.pager li {
  display: inline-block;
  margin: 0 3px;
  vertical-align: top;
  border-radius: 3px;
}
.pager li a {
  display: block;
  min-width: 35px;
  height: 35px;
  border: solid 1px var(--color-gray-0);
  background-color: var(--color-gray-0);
  color: var(--color-gray-800);
  padding: 8px;
  text-align: center;
  cursor: pointer;
  border-radius: 3px;
}
.pager li span {
  display: block;
  min-width: 35px;
  height: 35px;
  padding: 8px;
  text-align: center;
  cursor: pointer;
  border-color: transparent;
  background-color: rgb(var(--color-basic-red-500)/0.85);
  color: var(--color-gray-0);
  border-radius: 3px;
}
.pager li.previous-page *, .pager li.next-page *, .pager li.first-page *, .pager li.last-page * {
  background-position: center;
  background-repeat: no-repeat;
  font-size: 0;
  color: var(--color-gray-0);
}
.pager li.previous-page * {
  background-image: url("../Themes/Motoplus/Content/images/prev.png");
}
.pager li.next-page * {
  background-image: url("../Themes/Motoplus/Content/images/next.png");
}
.pager li.first-page * {
  background-image: url("../Themes/Motoplus/Content/images/first.png");
}
.pager li.last-page * {
  background-image: url("../Themes/Motoplus/Content/images/last.png");
}
.pager li a:hover {
  border-color: transparent;
  background-color: var(--color-gray-300);
}

/********** PRODUCT PAGE **********/
.product-details-page {
  padding: 10px;
  background-color: var(--color-gray-0);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.075);
  border-radius: 3px;
}
.product-details-page * {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.product-essential {
  margin: 0 0 25px;
}
.product-essential:after {
  display: block;
  content: "";
  clear: both;
}
.product-essential .non-discounted-price > label {
  display: inline-block;
  font-size: 0.9375rem;
}
.product-essential .non-discounted-price .price-withouttax {
  display: none;
}
.product-essential .stock {
  padding: 10px 0;
  font-size: 0.875rem;
}
.product-essential .stock .in-stock {
  font-weight: bold;
  color: var(--color-green-500);
  margin-bottom: 10px;
}
.product-essential .stock .in-stock-ext {
  font-weight: bold;
  color: var(--color-blue-500);
  margin-bottom: 10px;
}
.product-essential .stock .ex-stock .stock-quantity {
  margin-right: 10px;
}
.product-essential .warning {
  padding: 10px 0;
  border-bottom: solid 1px var(--color-gray-250);
}
.product-essential .warning .value {
  color: var(--color-gray-750);
}

.gallery {
  margin: 0 auto 25px;
}
.gallery > .picture {
  position: relative;
  max-width: 100%;
  margin: 0 auto 10px;
  overflow: hidden;
  border: solid 10px var(--color-gray-0);
  padding: 10px;
  background-color: var(--color-gray-0);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.075);
  /*
  &:before {
      content: "";
      display: block;
      padding-top: 100%;
  }

  a:before {
      padding-top: 0;
  }

  img {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      max-width: 100%;
      max-height: 100%;
      margin: auto;
      -webkit-transition: all .3s ease;
      -o-transition: all .3s ease;
      transition: all .3s ease;
      -webkit-transform: translateZ(0) scale(1,1);
      width: auto !important;
  }
      */
}
.gallery .picture-wrapper {
  margin: 0 0 10px;
}
.gallery .picture-thumbs {
  overflow: hidden;
  font-size: 0;
  padding: 10px 0;
  margin: 0 -5px;
}
.gallery .picture-thumbs .thumb-item {
  display: inline-block;
  position: relative;
  width: 100px;
  height: 100px;
  margin: 0 5px 10px;
  overflow: hidden;
  cursor: pointer;
  background-color: var(--color-gray-0);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.075);
  border: solid 10px var(--color-gray-0);
}
.gallery .picture-thumbs .thumb-item:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.gallery .picture-thumbs .thumb-item img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}

.variant-picture img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}

.discontinued-product {
  background: var(--color-gray-0);
  margin: 0 0 20px;
  border-radius: 3px;
}
.discontinued-product h4 {
  display: inline-block;
  padding: 17px 17px 17px 40px;
  background: url("../Themes/Motoplus/Content/images/discontinued-product-icon.png") no-repeat 13px center;
  color: var(--color-red-450);
}

.overview {
  position: relative;
  margin: 0 0 50px;
  padding: 10px;
  background-color: var(--color-gray-0);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.075);
}
.overview .product-name {
  margin: 0 0 25px;
}
.overview .product-name h1 {
  font-weight: bold;
}
.overview .short-description {
  margin: 0 0 25px;
  font-size: 0.875rem;
}
.overview .label {
  color: var(--color-gray-600);
  display: block;
  font-weight: normal;
  font-size: 0.875rem;
}
.overview .value {
  display: block;
  margin-top: 10px;
}
.overview .value a {
  color: var(--color-red-500);
  font-weight: 500;
}
.overview .value a:hover {
  text-decoration: underline;
}
.overview .value > div {
  margin-bottom: 3px;
}
.overview .manufacturers {
  margin: 0;
  padding: 10px 0;
  border-bottom: solid 1px var(--color-gray-250);
}
.overview .availability {
  margin: 0;
  padding: 0;
  overflow: hidden;
  border-bottom: solid 1px var(--color-gray-250);
}
.overview .availability .stock {
  margin: 0;
}
.overview .availability .back-in-stock-subscription {
  display: inline-block;
}
.overview .button-2 {
  display: block;
  width: 100%;
  border: none;
  background-position: left center;
  background-repeat: no-repeat;
  padding: 12px 15px 12px 40px;
  text-align: left;
}
.overview .add-to-compare-list-button {
  background-image: url("../Themes/Motoplus/Content/images/compare-button.png");
}
.overview .email-a-friend-button,
.overview .subscribe-button {
  background-image: url("../Themes/Motoplus/Content/images/email-button.png");
}
.overview .download-sample-button {
  background-image: url("../Themes/Motoplus/Content/images/download-button.png");
}
.overview .add-to-wishlist-button {
  background-image: url("../Themes/Motoplus/Content/images/wishlist-button.png");
}
.overview .additional-details {
  margin: 0;
}
.overview .additional-details > div {
  margin: 0;
  padding: 10px 0;
  border-bottom: solid 1px var(--color-gray-250);
}
.overview .delivery {
  overflow: hidden;
  margin: 0;
  padding: 0;
  border-bottom: solid 1px var(--color-gray-250);
}
.overview .delivery .delivery-date {
  margin: 10px 0;
  line-height: 1.4;
}
.overview .delivery .delivery-date strong {
  display: inline-block;
}
.overview .delivery .delivery-date > .value {
  font-size: 0.875rem;
}
.overview .delivery .delivery-date > .value > strong:after {
  display: block;
  content: "";
  clear: both;
  font-size: 0;
  line-height: 0;
}
.overview .free-shipping {
  display: inline-block;
  margin: 10px 0 0;
  background: var(--color-yellow-400) url("../Themes/Motoplus/Content/images/shipping.png") 10px center no-repeat;
  padding: 10px 10px 10px 35px;
  font-weight: bold;
}
.overview .free-shipping.invisible {
  display: none;
}
.overview .min-qty-notification {
  margin: 10px 0;
  font-style: italic;
}
.overview .download-sample {
  display: inline-block;
  margin: 0 0 25px;
}
.overview .prices {
  margin: 0;
  padding: 15px 0 0 0;
  overflow: hidden;
}
.overview .prices > div {
  margin: 0 0 5px;
}
.overview .prices > div > span {
  vertical-align: middle;
}
.overview .prices .old-product-price,
.overview .prices .non-discounted-price {
  border-bottom: solid 1px var(--color-gray-250);
  padding-bottom: 10px;
}
.overview .prices .old-product-price > span,
.overview .prices .non-discounted-price > span {
  text-decoration: line-through;
  color: var(--color-gray-600);
}
.overview .prices .product-price span[class*=price-value] {
  font-size: 1.375rem;
  font-weight: bold;
  color: var(--color-blue-800);
}
.overview .prices .product-price span .price-withouttax {
  width: auto;
  display: block;
  color: var(--color-gray-600);
  font-weight: normal;
  margin-top: 5px;
  font-size: 0.9375rem;
}
.overview .add-to-cart {
  margin: 0;
  padding: 15px 0;
  border-bottom: solid 1px var(--color-gray-250);
}
.overview .add-to-cart:after {
  display: block;
  content: "";
  clear: both;
}
.overview .add-to-cart-panel {
  display: inline-block;
  position: relative;
}
.overview .add-to-cart-panel > * {
  float: left;
}
.overview .qty-label {
  display: none !important;
}
.overview .qty-input {
  width: 45px;
  height: 35px;
  padding: 0;
  text-align: center;
  font-size: 1rem;
  margin-top: 3px;
  border-radius: 3px;
  border: none;
}
.overview .qty-dropdown {
  height: 43px;
  padding: 0 12px;
  font-size: 0.9375rem;
  border-radius: 3px;
}
.overview .add-to-cart-button {
  height: 43px;
  border: solid 1px rgb(var(--color-basic-red-500)/0.85) !important;
  background-color: rgb(var(--color-basic-red-500)/0.85) !important;
  padding: 13px 24px 15px 50px !important;
  font-size: 15px !important;
  color: var(--color-gray-0) !important;
  text-shadow: none !important;
  background: rgb(var(--color-basic-red-500)/0.85) url(../Themes/Motoplus/Content/Images/cart.png) no-repeat 15px center !important;
  border-bottom: solid 1px var(--color-gray-250);
  margin-left: 13px;
}
.overview .add-to-cart-button:hover {
  background-color: var(--color-red-600);
}

.product-no-reviews,
.product-reviews-overview {
  margin: 0;
}

.product-reviews-overview {
  margin: 0 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.product-no-reviews a {
  text-decoration: underline;
  font-size: 0.875rem;
}

.product-review-box {
  display: inline-block;
  margin: 0;
  width: 100px;
}
.product-review-box .rating {
  width: 95px;
  height: 14px;
  background: url("../Themes/Motoplus/Content/images/rating1.png") repeat-x;
}
.product-review-box .rating div {
  height: 14px;
  background: url("../Themes/Motoplus/Content/images/rating2.png") repeat-x;
}

.product-review-links a {
  text-decoration: underline;
}
.product-review-links a:hover {
  color: var(--color-blue-800);
}

.overview-buttons {
  margin: 0;
  padding-top: 15px;
  font-size: 0;
}
.overview-buttons div {
  width: 80%;
  margin: 0 auto 3px;
}

.customer-entered-price {
  margin: 0 0 20px;
  overflow: hidden;
}
.customer-entered-price .price-input label {
  display: block;
  margin: 0 0 5px;
  font-weight: bold;
}
.customer-entered-price .price-input input {
  width: 170px;
  text-align: center;
}
.customer-entered-price .price-range {
  margin: 5px 0 0;
  color: var(--color-gray-625);
}

.old-product-price > span:first-child {
  display: block;
  text-align: center;
  font-weight: normal;
  font-size: 0.875rem;
  text-decoration: none !important;
}

.tier-prices {
  margin: 0 0 20px;
}
.tier-prices .title {
  display: none;
}
.tier-prices table td {
  border: solid 1px var(--color-gray-250);
  padding: 10px;
}
.tier-prices .field-header {
  min-width: 80px;
}
.tier-prices .item-price {
  background-color: var(--color-gray-050);
  font-size: 1rem;
}

.prices .prices-popup {
  display: none;
  position: absolute;
  z-index: 1;
  padding: 15px;
  background-color: var(--color-yellow-400);
  border: solid 2px var(--color-yellow-400);
  margin-top: 120px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  text-align: center;
}
.prices .prices-popup span {
  display: block;
  padding: 0 5px 3px;
  font-size: 0.75rem;
}
.prices .prices-popup .actual-price {
  font-weight: bold;
  font-size: 0.875rem;
}
.prices:hover .prices-popup {
  display: block !important;
}

.overview .prices .prices-popup {
  left: 25%;
}
.overview .prices .prices-popup .base-price-pangv {
  padding-left: 0;
}

.product-share-button {
  padding: 10px 0;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.full-description {
  clear: both;
  line-height: 24px;
  padding: 10px;
}

.product-collateral .title {
  margin: 0;
  background-color: var(--color-gray-150);
  padding: 10px;
}
.product-collateral .block .title strong, .product-collateral .block .title h2 {
  background-color: var(--color-gray-0);
}
.product-collateral .tablist:not(:empty) {
  margin: 0;
}

.product-variant-line {
  margin: 0 0 30px;
  border-bottom: solid 1px var(--color-gray-250);
  padding: 0 0 20px;
}
.product-variant-line:after {
  content: "";
  display: block;
  clear: both;
}

.variant-picture {
  position: relative;
  width: 220px;
  height: 220px;
  margin: 0 auto 15px;
  overflow: hidden;
}

.variant-overview {
  position: relative;
  margin: 0 0 50px;
  padding: 10px;
  font-size: 0.875rem;
  width: 100%;
}
.variant-overview .variant-name {
  margin: 0 0 5px;
  padding: 0;
  font-size: 1rem;
  font-weight: 500;
  color: var(--color-blue-800);
}
.variant-overview .variant-description {
  margin: 0 0 15px;
  line-height: 22px;
}
.variant-overview .product-name {
  margin: 0 0 25px;
}
.variant-overview .product-name h1 {
  font-size: 1.25rem;
  color: var(--color-gray-850);
}
.variant-overview .short-description {
  margin: 0 0 25px;
  line-height: 22px;
}
.variant-overview .label {
  color: var(--color-gray-600);
  display: block;
  font-weight: normal;
}
.variant-overview .value {
  display: block;
}
.variant-overview .value a {
  color: var(--color-blue-800);
  font-weight: bold;
}
.variant-overview .value a:hover {
  text-decoration: underline;
}
.variant-overview .value > div {
  margin-bottom: 3px;
}
.variant-overview .availability {
  margin: 0;
  padding: 0;
  overflow: hidden;
  border-bottom: solid 1px var(--color-gray-250);
}
.variant-overview .availability .stock {
  margin: 0;
  padding: 3px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.variant-overview .availability .back-in-stock-subscription {
  display: inline-block;
}
.variant-overview .button-2 {
  display: block;
  width: 100%;
  border: none;
  background-position: left center;
  background-repeat: no-repeat;
  padding: 12px 15px 12px 40px;
  text-align: left;
}
.variant-overview .subscribe-button {
  background-image: url("../Themes/Motoplus/Content/images/email-button.png");
}
.variant-overview .download-sample-button {
  background-image: url("../Themes/Motoplus/Content/images/download-button.png");
}
.variant-overview .additional-details {
  margin: 0;
}
.variant-overview .additional-details > div {
  margin: 0;
  padding: 3px 0;
  border-bottom: solid 1px var(--color-gray-250);
}
.variant-overview .additional-details > div.sku {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.variant-overview .delivery {
  overflow: hidden;
  margin: 0;
  padding: 0;
  border-bottom: solid 1px var(--color-gray-250);
}
.variant-overview .delivery .delivery-date {
  margin: 0;
  padding: 3px 0;
  line-height: 1.4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.variant-overview .delivery .delivery-date strong {
  display: inline-block;
}
.variant-overview .delivery .delivery-date > .value > strong:after {
  display: block;
  content: "";
  clear: both;
  font-size: 0;
  line-height: 0;
}
.variant-overview .free-shipping {
  display: inline-block;
  margin: 10px 0 0;
  background: var(--color-yellow-400) url("../Themes/Motoplus/Content/images/shipping.png") 10px center no-repeat;
  padding: 10px 10px 10px 35px;
  font-weight: bold;
}
.variant-overview .free-shipping.invisible {
  display: none;
}
.variant-overview .min-qty-notification {
  margin: 10px 0;
  font-style: italic;
}
.variant-overview .download-sample {
  display: inline-block;
  margin: 0 0 25px;
}
.variant-overview .prices {
  margin: 0 0 5px;
  padding: 0;
  overflow: hidden;
}
.variant-overview .prices > div {
  margin: 0;
  padding: 5px 0;
}
.variant-overview .prices > div > span {
  vertical-align: middle;
}
.variant-overview .prices .old-product-price,
.variant-overview .prices .non-discounted-price {
  color: var(--color-gray-600);
  text-decoration: line-through;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: solid 1px var(--color-gray-250);
}
.variant-overview .prices .old-product-price .price-withouttax,
.variant-overview .prices .non-discounted-price .price-withouttax {
  display: none;
}
.variant-overview .prices .product-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: solid 1px var(--color-gray-250);
  padding: 5px 0;
}
.variant-overview .prices .product-price > span[class*=price-value] {
  display: inline-block;
  font-size: 1.125rem;
  font-weight: bold;
  color: var(--color-blue-800);
  text-align: right;
}
.variant-overview .prices .product-price > span[class*=price-value] .price-withouttax {
  width: auto;
  display: block;
  color: var(--color-gray-600);
  font-weight: normal;
  font-size: 0.75rem;
}
.variant-overview .add-to-cart {
  margin: 0 10px 0 0;
  padding: 0;
  float: left;
}
.variant-overview .add-to-cart:after {
  display: block;
  content: "";
  clear: both;
}
.variant-overview .add-to-cart .add-to-cart-panel {
  display: inline-block;
  position: relative;
}
.variant-overview .add-to-cart .add-to-cart-panel > * {
  float: left;
}
.variant-overview .add-to-cart .add-to-cart-panel .qty-label {
  display: none !important;
}
.variant-overview .add-to-cart .add-to-cart-panel .qty-input {
  width: 24px;
  height: 24px;
  padding: 0;
  text-align: center;
  font-size: 0.875rem;
  margin-top: 3px;
  border: none;
}
.variant-overview .add-to-cart .add-to-cart-panel .qty-dropdown {
  height: 43px;
  padding: 0 12px;
  font-size: 0.875rem;
}
.variant-overview .add-to-cart .add-to-cart-panel .add-to-cart-button {
  background-position: 5px center;
  padding: 7px 10px 7px 10px !important;
  font-size: 0.875rem !important;
  color: var(--color-gray-0) !important;
  text-shadow: none !important;
  background-image: url(../Themes/Motoplus/Content/Images/cart.png);
  background-repeat: no-repeat;
  margin-left: 10px;
  background-size: 22px;
  min-width: 100px;
  text-align: right;
}
.variant-overview .add-to-cart .add-to-cart-panel .add-to-cart-button:hover {
  background-color: var(--color-red-600);
}
.variant-overview .add-to-wishlist-button {
  width: auto;
  background-image: url("../Themes/Motoplus/Content/images/wishlist-button.png");
  float: right;
  padding: 7px 10px 8px 30px;
  margin: 0;
  font-size: 0.875rem;
  background-position: -5px center;
}

.product-specs-box {
  margin: 0 0 40px;
}
.product-specs-box .data-table > div {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 50% 50%;
  grid-template-columns: 50% 50%;
  text-align: left;
  padding: 5px;
  border-bottom: solid 1px var(--color-gray-250);
  font-size: 0.875rem;
}
.product-specs-box .data-table .full-size .spec-value {
  border-left: none;
}

.product-collateral > div {
  background-color: transparent;
}
.product-collateral > div > .title {
  position: relative;
  background-color: transparent;
  clear: both;
  text-align: center;
}
.product-collateral > div > .title:before {
  content: " ";
  position: absolute;
  border-top: 2px solid var(--color-gray-250);
  bottom: calc(50% - 2px);
  left: 0;
  width: 100%;
  height: 0;
}
.product-collateral > div > .title > strong, .product-collateral > div > .title h2 {
  position: relative;
  font-size: 1.25rem;
  padding: 0 10px;
  background-color: var(--color-gray-0);
  width: auto;
  margin: 0 auto;
  text-transform: none;
}
.product-collateral > div > .title > strong small, .product-collateral > div > .title h2 small {
  font-size: 0.75rem;
  font-weight: normal;
}
.product-collateral .block.product-specs-box .data-table > div {
  border-bottom: none;
  padding: 8px;
  display: flex;
  font-size: 0.875rem;
}
.product-collateral .block.product-specs-box .data-table > div > div {
  padding: 5px;
}
.product-collateral .block.product-specs-box .data-table > div .spec-value {
  font-weight: bold;
}
.product-collateral .block.product-specs-box .data-table > div:nth-child(odd) {
  background-color: var(--color-gray-150);
}

.product-tags-list {
  font-size: 0.875rem;
  color: var(--color-gray-600);
  text-align: center;
}
.product-tags-list li {
  display: inline-block;
}
.product-tags-list li.separator {
  margin: 0 5px 0 3px;
}
.product-tags-list a {
  display: inline-block;
  line-height: 24px;
}
.attributes {
  margin: 20px 0;
}
.attributes dl {
  overflow: hidden;
  padding: 0 2px;
  /* fix for Chrome in Mac, the checkboxes get cut off */
}
.attributes dt {
  display: block;
  margin: 0 0 5px;
  white-space: nowrap;
  font-weight: bold;
}

.attribute-label {
  display: block;
  margin: 0 0 5px;
  white-space: nowrap;
  font-weight: bold;
}

.attributes dd,
.attribute-data {
  margin: 0 0 10px;
}

.attributes li {
  margin: 8px 0 12px;
}
.attributes select {
  width: auto;
  min-width: 100px;
  max-width: 100%;
}
.attributes .option-list label {
  margin: 0 5px;
}
.attributes .datepicker {
  width: 280px;
  text-align: center;
}
.attributes .qty-box input {
  width: 48px;
  height: 32px;
  text-align: center;
}

.ui-datepicker {
  width: 280px;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  background-color: var(--color-gray-0);
  text-align: center;
  /*override jQuery UI styles, do not delete doubled properties*/
  border: none;
  border-radius: 0;
  padding: 0;
  font: normal 0.875rem "Poppins", sans-serif;
  color: var(--color-gray-800);
}

.ui-datepicker-header {
  position: relative;
  height: 32px;
  background-color: var(--color-blue-800);
  color: var(--color-gray-0);
  /*override jQuery UI styles, do not delete doubled properties*/
  border: none;
  border-radius: 0;
  background-image: none;
  padding: 0 !important;
  font-weight: normal;
}
.ui-datepicker-header a {
  position: absolute;
  top: 0;
  z-index: 1;
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-size: 0;
  /*override jQuery UI styles, do not delete doubled properties*/
  top: 0 !important;
  width: 32px !important;
  height: 32px !important;
  border: none !important;
}
.ui-datepicker-header a.ui-datepicker-prev {
  left: 0;
  background: url("../Themes/Motoplus/Content/images/calendar-prev.png") center no-repeat;
}
.ui-datepicker-header a.ui-datepicker-next {
  right: 0;
  background: url("../Themes/Motoplus/Content/images/calendar-next.png") center no-repeat;
}
.ui-datepicker-header a span {
  /*override jQuery UI styles, do not delete doubled properties*/
  display: none !important;
}

.ui-datepicker-title {
  position: relative;
  z-index: 0;
  line-height: 32px;
  font-weight: bold;
  text-transform: uppercase;
  /*override jQuery UI styles, do not delete doubled properties*/
  line-height: 32px !important;
}

.ui-datepicker-calendar {
  /*override jQuery UI styles, do not delete doubled properties*/
  margin: 0 !important;
  font-size: 14px !important;
}
.ui-datepicker-calendar th {
  background-color: var(--color-gray-0);
  width: 14.285%;
  border: solid 1px var(--color-gray-250);
  /*override jQuery UI styles, do not delete doubled properties*/
  padding: 0;
}
.ui-datepicker-calendar td {
  width: 14.285%;
  border: solid 1px var(--color-gray-250);
  /*override jQuery UI styles, do not delete doubled properties*/
  padding: 0;
}
.ui-datepicker-calendar th span {
  display: block;
  min-height: 32px;
  line-height: 32px;
}
.ui-datepicker-calendar td a {
  display: block;
  min-height: 32px;
  line-height: 32px;
  /*override jQuery UI styles, do not delete doubled properties*/
  border: none !important;
  background: none !important;
  padding: 0;
  text-align: center;
  color: var(--color-gray-800) !important;
}
.ui-datepicker-calendar .ui-state-active {
  outline: 2px solid rgb(var(--color-basic-red-500)/0.85);
  font-weight: bold;
  color: var(--color-blue-800);
  /*override jQuery UI styles, do not delete doubled properties*/
  color: var(--color-blue-800) !important;
}

.attribute-squares {
  font-size: 0;
}
.attribute-squares li {
  display: inline-block;
  margin: 0 5px 5px;
  text-align: center;
}
.attribute-squares .attribute-square-container {
  display: block;
  position: relative;
  z-index: 0;
  padding: 1px;
}
.attribute-squares label {
  display: block;
  margin: 0 !important;
  overflow: hidden;
}
.attribute-squares .attribute-square {
  display: table !important;
  width: 32px !important;
  height: 32px !important;
  border: 1px solid var(--color-gray-250) !important;
  cursor: pointer;
}
.attribute-squares .selected-value .attribute-square-container {
  background-color: var(--color-blue-800);
}
.attribute-squares li input {
  position: relative;
  z-index: -1;
  margin: -32px 0 0;
}

.tooltip-container {
  position: absolute;
  width: 200px;
  color: var(--color-gray-800);
  background: var(--color-gray-0);
  border: solid 1px var(--color-gray-250);
  text-align: center;
  visibility: hidden;
  border-radius: 3px;
}
.tooltip-container:before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -7px;
  width: 0;
  height: 0;
  border-bottom: 7px solid var(--color-gray-200);
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
}
.tooltip-container:after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -6px;
  width: 0;
  height: 0;
  border-bottom: 6px solid var(--color-gray-0);
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
}

.attribute-squares li:hover .tooltip-container {
  visibility: visible;
  margin-left: -83px;
  margin-top: 5px;
  z-index: 999;
}

.tooltip-container .tooltip-header {
  background-color: var(--color-gray-0);
  height: 25px;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  padding-left: 10px;
  padding-top: 5px;
  text-align: left;
  width: 198px;
  font-size: 0.9375rem;
  border-bottom: 1px var(--color-gray-250) solid;
}
.tooltip-container .tooltip-body {
  margin: 5px;
}
.tooltip-container .tooltip-body img {
  border: 0px var(--color-gray-0);
  width: 190px;
}

.giftcard {
  margin: 0 0 20px;
  overflow: hidden;
}
.giftcard div {
  margin: 0 0 10px;
}
.giftcard label {
  display: block;
  margin: 0 auto 5px;
  font-weight: bold;
}
.giftcard input {
  width: 350px;
  max-width: 100%;
}
.giftcard textarea {
  width: 350px;
  max-width: 100%;
  height: 150px;
}

/********** PRODUCT REVIEWS **********/
.product-reviews-page h1 a:before, .product-reviews-page h1 a:after {
  content: "''";
}
.product-reviews-page .title {
  margin: 0 0 20px;
  font-size: 1.25rem;
}
.product-reviews-page .title strong {
  font-weight: normal;
}

.write-review {
  margin: 0 0 60px;
}
.write-review .fieldset {
  margin: 0 0 30px;
}

.tooltip {
  position: initial;
  display: inline-block;
}
.tooltip .tooltiptext {
  visibility: hidden;
  width: auto;
  background: var(--color-gray-180) no-repeat 100% 5%;
  border: #c0c0c0 1px dotted;
  text-align: Left;
  padding: 10px 10px 5px 5px;
  position: absolute;
  z-index: 1;
  left: 10%;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
}
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
  cursor: help;
}

.write-review .review-rating {
  text-align: center;
  padding-top: 35px;
  padding-bottom: 10px;
}
.write-review .review-rating label {
  display: block;
  margin: 0 0 5px;
}
.write-review .review-rating div.first {
  color: red;
}
.write-review .review-rating div.rating-options {
  padding-top: 2px;
}
.write-review .review-rating div.rating-options input {
  vertical-align: baseline;
}
.write-review .review-rating div.last {
  color: green;
}
.write-review .captcha-box {
  margin: 15px 0 0;
}
.write-review .button-1 {
  border: none;
  background-color: rgb(var(--color-basic-red-500)/0.85);
  padding: 10px 25px;
  text-align: center;
  font-size: 0.9375rem;
  color: var(--color-gray-0);
  text-transform: uppercase;
}
.write-review .button-1:hover {
  background-color: var(--color-red-600);
}

.product-reviews-page .result,
.product-reviews-page .message-error {
  margin: 0 0 20px;
}

.product-review-list {
  overflow: hidden;
}

.product-review-item {
  margin: 0 0 40px;
}
.product-review-item .review-item-head {
  border-top: solid 1px var(--color-gray-250);
  overflow: hidden;
  background-color: var(--color-gray-150);
  padding: 10px;
}
.product-review-item .review-title {
  line-height: 20px;
  font-size: 0.9375rem;
}
.product-review-item .product-review-box {
  margin: 3px 0 0;
}
.product-review-item .review-content {
  padding: 20px 10px;
}
.product-review-item .review-text {
  margin: 0 0 15px;
  line-height: 22px;
}
.product-review-item .reply {
  margin: 15px 0;
  border-top: solid 1px var(--color-gray-250);
}
.product-review-item .reply-header {
  margin: 15px 0;
  font-weight: bold;
}
.product-review-item .reply-text {
  line-height: 22px;
}
.product-review-item .review-info {
  margin: 0 0 5px;
}
.product-review-item .review-info label {
  font-weight: normal;
}
.product-review-item .review-info a {
  display: inline-block;
  padding: 0 5px;
  color: var(--color-blue-800);
  cursor: pointer;
}

.product-review-helpfulness .vote {
  display: inline-block;
  padding: 0 5px;
  color: var(--color-blue-800);
  cursor: pointer;
}
.product-review-helpfulness .question {
  margin: 0 5px 0 0;
  font-style: italic;
}
.product-review-helpfulness .result {
  margin: 0 0 0 10px;
}

/********** WISHLIST & COMPARE LIST **********/
.wishlist-page .page-body {
  padding: 10px;
  background-color: var(--color-gray-0);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.075);
}

.wishlist-content {
  margin: 0 0 20px;
}
.wishlist-content .message-error {
  margin: 0;
  text-align: left;
  font-size: 0.75rem;
}
.wishlist-content .table-wrapper {
  margin: 0 0 30px;
}
.wishlist-content .product-content {
  min-width: 300px;
  text-align: left;
}
.wishlist-content .tax-shipping-info {
  margin: 0 0 20px;
  text-align: center;
}
.wishlist-content .tax-shipping-info a {
  color: var(--color-blue-800);
}
.wishlist-content .tax-shipping-info a:hover {
  text-decoration: underline;
}
.wishlist-content .buttons {
  font-size: 0;
}
.wishlist-content .button-2 {
  display: block;
  width: 250px;
  margin: 0 auto 3px;
  border: none;
  padding: 10px 25px;
  text-align: center;
  line-height: 20px;
}

.wishlist-page .share-info {
  text-align: center;
}
.wishlist-page .share-info span {
  display: block;
  margin: 0 0 5px;
}
.wishlist-page .share-info a {
  font-weight: bold;
}
.wishlist-page .share-info a:hover {
  color: var(--color-blue-800);
}
.wishlist-page .no-data {
  margin: 25px 0 0;
  text-align: center;
}

.compare-products-page {
  position: relative;
  overflow: hidden;
}
.compare-products-page .clear-list {
  display: inline-block;
  margin: 0 0 20px;
  padding: 10px 15px;
  font-size: 0.75rem;
  color: var(--color-gray-0);
  text-transform: uppercase;
  background-color: rgb(var(--color-basic-red-500)/0.85);
}
.compare-products-page .clear-list:hover {
  background-color: var(--color-red-600);
}
.compare-products-page .table-wrapper {
  margin: 0 0 30px;
  padding: 0 0 1px;
}

.compare-products-table td {
  min-width: 150px;
  border: solid 1px var(--color-gray-250);
  background-color: var(--color-gray-0);
  padding: 20px;
  text-align: left;
  vertical-align: top;
}
.compare-products-table td:first-child {
  min-width: 0;
}
.compare-products-table td label {
  font-weight: normal;
  color: var(--color-gray-600);
}
.compare-products-table .remove-button {
  display: inline-block;
  border: none;
  background: url("../Themes/Motoplus/Content/images/remove.png") left center no-repeat;
  padding: 0 0 0 18px;
  font-size: 0.75rem;
}
.compare-products-table .remove-button:hover {
  color: var(--color-gray-625);
}
.compare-products-table .picture {
  max-width: 200px;
  height: 200px;
}
.compare-products-table .product-name td {
  font-weight: bold;
}
.compare-products-table .product-name td a:hover {
  color: var(--color-blue-800);
}
.compare-products-table .short-description td {
  line-height: 22px;
}
.compare-products-table .full-description td {
  display: none;
}

.compare-products-page .no-data {
  margin: 25px 0 0;
}

/*********** TOPICS ***********/
.topic-block {
  margin: 0 0 25px;
  background-color: var(--color-gray-0);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.075);
}

.topic-block-title {
  min-height: 50px;
  margin: 0 0 25px;
  border-bottom: solid 1px var(--color-gray-250);
  padding: 0 0 15px;
}
.topic-block-title h2 {
  font-size: 1.875rem;
  font-weight: normal;
}

.topic-block-body {
  text-align: justify;
  line-height: 24px;
  font-size: 1rem;
  padding: 20px 30px;
}

.topic-block a,
.topic-page a {
  text-decoration: underline;
}

.topic-page .page-body {
  background-color: var(--color-gray-0);
  padding: 10px 3%;
}
.topic-page .page-body .block .title strong, .topic-page .page-body .block .title h2 {
  background-color: var(--color-gray-0);
}

.home-page .topic-block {
  margin: 0 0 50px;
  background-color: var(--color-gray-0);
  padding: 10px;
}

.popup-window .topic-page {
  padding: 15px;
}

.not-found-page p {
  margin: 30px 15px;
}

.topic-password {
  text-align: center;
}

.enter-password-title {
  margin: 0 0 20px;
}

.enter-password-form {
  display: inline-block;
  overflow: hidden;
}
.enter-password-form input[type=password] {
  float: left;
  width: 200px;
  height: 40px;
  margin: 0 -1px 0 0;
}
.enter-password-form input[type=submit] {
  float: left;
  width: auto;
  min-width: 86px;
  height: 40px;
  border: none;
  padding: 0 15px;
  color: var(--color-gray-0);
  text-transform: uppercase;
}
.enter-password-form input[type=submit]:hover {
  background-color: var(--color-gray-625);
}

/*********** CONTACT & EMAIL A FRIEND & APPLY FOR VENDOR ACCOUNT ***********/
.contact-page .page-title,
.email-a-friend-page .page-title,
.apply-vendor-page .page-title {
  margin: 0 0 -1px;
}

.contact-page .result,
.contact-page .message-error {
  margin: 20px 0;
}

.email-a-friend-page .result,
.email-a-friend-page .message-error {
  margin: 20px 0;
}

.apply-vendor-page .result,
.apply-vendor-page .message-error {
  margin: 20px 0;
}

.contact-page .button-1,
.email-a-friend-page .button-1,
.apply-vendor-page .button-1 {
  min-width: 140px;
  border: none;
  background-color: var(--color-blue-800);
  padding: 10px 30px;
  text-align: center;
  font-size: 0.9375rem;
  color: var(--color-gray-0);
  text-transform: uppercase;
}

.contact-page .button-1:hover,
.email-a-friend-page .button-1:hover,
.apply-vendor-page .button-1:hover {
  background-color: var(--color-blue-800);
}

.contact-page .topic-block,
.email-a-friend-page .title,
.apply-vendor-page .title {
  margin: 25px 0;
}

.email-a-friend-page .title h2 {
  font-weight: normal;
  color: var(--color-blue-800);
}

.apply-vendor-page .terms-of-service {
  text-align: center;
}
.apply-vendor-page .terms-of-service > * {
  display: inline-block;
  line-height: 32px;
}
.apply-vendor-page .terms-of-service span,
.apply-vendor-page .terms-of-service a {
  color: var(--color-blue-800);
  cursor: pointer;
}

/********** REGISTRATION, LOGIN, ACCOUNT PAGES  **********/
.gender {
  display: inline-block;
}
.gender span {
  display: inline-block;
  margin: 0 5px;
}
.gender span > * {
  display: inline !important;
  margin: 0 5px;
  line-height: 32px;
}

.date-of-birth .date-picker-wrapper {
  display: inline;
}
.date-of-birth select {
  width: 31%;
  max-width: 126px;
}
.date-of-birth select + select {
  margin: 0 0 0 10px;
}
.date-of-birth .select-wrapper + .select-wrapper {
  margin: 0 0 0 10px;
}

#check-availability-button {
  margin: 10px 0 0;
  border: none;
  padding: 10px 15px;
  font-size: 0.75rem;
  color: var(--color-gray-0);
  text-transform: uppercase;
}
#check-availability-button:hover {
  background-color: var(--color-gray-625);
}

.inputs.accept-consent {
  text-align: center;
}
.inputs.accept-consent > * {
  display: inline-block;
}
.inputs.accept-consent span,
.inputs.accept-consent a {
  color: var(--color-blue-800);
  cursor: pointer;
}
.inputs.accept-consent label {
  width: auto;
  margin-left: 10px;
  margin-bottom: 0;
  display: inline;
  white-space: normal;
}

.registration-page .message-error,
.login-page .message-error,
.account-page .message-error {
  margin: 15px auto;
  padding: 10px;
  font-size: 0.75rem;
  background-color: var(--color-red-600);
  font-weight: normal;
  max-width: 400px;
  border-radius: 5px;
  color: var(--color-gray-0);
  text-align: center;
}

.registration-result-page .result {
  margin: 0 0 30px;
  padding: 30px 0;
  text-align: center;
  font-size: 1rem;
  color: var(--color-green-500);
}

.customer-info-page .email-to-revalidate,
.customer-info-page .readonly-username {
  margin: 0 5px;
}
.customer-info-page .vat-status {
  margin: 0 5px;
  display: block;
}

.registration-page .vat-note {
  display: block;
  margin-top: 7px;
  white-space: normal;
}

.customer-info-page .vat-note,
.customer-info-page .email-to-revalidate-note {
  display: block;
  margin-top: 7px;
  white-space: normal;
}

.login-page .customer-blocks {
  margin: 0 0 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-flow: column-reverse;
  flex-flow: column-reverse;
}
.login-page .customer-blocks .title {
  margin: 0;
  font-size: 1.2rem;
}
.login-page .customer-blocks .title strong {
  font-weight: normal;
}
.login-page .customer-blocks .new-wrapper {
  margin: 0 auto 50px;
  width: 100%;
}
.login-page .customer-blocks .new-wrapper .text {
  margin: 0;
  padding: 30px;
  line-height: 22px;
}
.login-page .customer-blocks .new-wrapper .topic-block {
  margin: 0;
}
.login-page .customer-blocks .returning-wrapper {
  margin: 0 auto;
  width: 100%;
}
.login-page .customer-blocks .returning-wrapper .forgot-password {
  margin-bottom: 25px;
  display: inline-block;
  float: right;
  margin: -20px 5px 0 0;
}
.login-page .customer-blocks .returning-wrapper .forgot-password a {
  font-size: 0.825rem;
  color: var(--color-gray-600);
}
.login-page .customer-blocks .returning-wrapper .forgot-password a:hover {
  text-decoration: underline;
}
.login-page .customer-blocks .captcha-box {
  margin: -15px 0 20px;
}
.login-page .customer-blocks .new-wrapper .buttons,
.login-page .customer-blocks .returning-wrapper .buttons {
  padding: 30px 0 0;
  border-top: 1px solid var(--color-gray-250);
}

.external-authentication {
  margin: 0 0 50px;
  overflow: hidden;
  text-align: center;
}
.external-authentication .title {
  margin: 0 0 15px;
  font-size: 1.25rem;
}
.external-authentication .buttons {
  margin: 0 0 30px;
  border-top: 1px solid var(--color-gray-200);
  padding: 30px;
}

.external-auth-errors {
  color: var(--color-gray-0);
}

.external-auth-association a {
  color: var(--color-blue-800);
}
.external-auth-association a:hover {
  text-decoration: underline;
}

.password-recovery-page .result {
  margin: 0 0 5px;
  font-weight: bold;
}
.password-recovery-page .tooltip {
  margin: 25px 0;
}

.add-more-external-records {
  text-align: center;
}
.add-more-external-records a {
  color: var(--color-blue-800);
}
.add-more-external-records a:hover {
  text-decoration: underline;
}

.account-page .buttons {
  text-align: center;
}
.account-page .description {
  margin: 0 0 25px;
  padding: 0 10px;
}
.account-page .table-wrapper {
  margin: 0 0 30px;
}

.gdpr-tools-page .result {
  margin: 20px 0;
  font-size: 0.8125rem;
  color: var(--color-blue-800);
}
.gdpr-tools-page .buttons {
  margin-top: 20px;
}

.address-list-page .info,
.order-list-page .info {
  margin: 0 0 10px;
  padding: 20px;
  line-height: 26px;
  border-top: none;
}

.address-list-page .info .name,
.order-list-page .info .name {
  font-size: 1rem;
  font-weight: bold;
}

.address-list-page .button-2,
.order-list-page .button-2 {
  display: inline-block;
  margin: 0 0 0 10px;
  border: none;
  padding: 0 0 0 20px;
  font-size: 0.875rem;
  background-color: transparent;
  color: var(--color-gray-800);
}
.address-list-page .button-2:hover,
.order-list-page .button-2:hover {
  color: var(--color-gray-600);
  background-color: transparent !important;
}

.edit-address-button {
  background: url("../Themes/Motoplus/Content/images/edit.png") left center no-repeat;
}

.delete-address-button,
.cancel-recurring-order-button {
  background: url("../Themes/Motoplus/Content/images/remove.png") left center no-repeat;
}

.retry-recurring-order-button {
  background: url("../Themes/Motoplus/Content/images/retry.png") left center no-repeat;
}

.return-items-button {
  background: url("../Themes/Motoplus/Content/images/return.png") 5px center no-repeat;
  padding-left: 30px;
}

.order-details-button {
  background: url("../Themes/Motoplus/Content/images/details.png") left center no-repeat;
}

.address-list-page .add-button {
  margin: 0 0 20px;
  text-align: center;
}

.address-edit-page .message-error {
  margin: 20px 0;
}
.address-edit-page .edit-address {
  margin: 0 0 30px;
  background-color: var(--color-gray-0);
  padding: 30px 15px;
}

.recurring-payments table td {
  white-space: nowrap;
}
.recurring-payments table td:first-child {
  min-width: 120px;
  white-space: normal;
}

.return-request-page .button-1:active {
  background-color: var(--color-red-600) !important;
  border-color: var(--color-red-600) !important;
}
.return-request-page h1 a {
  color: var(--color-blue-800);
}
.return-request-page .return-request-file .uploadedfileinput {
  display: inline-block;
}

.return-request-list-page .details {
  border-top: 1px solid var(--color-gray-250);
  background-color: var(--color-gray-0);
  padding: 20px;
  line-height: 22px;
}
.return-request-list-page label {
  margin: 0 5px 0 0;
}
.return-request-list-page a {
  color: var(--color-blue-800);
}
.return-request-list-page a:hover {
  text-decoration: underline;
}
.return-request-list-page .comments div {
  margin: 10px 0 0;
  font-size: 0.9375rem;
  font-style: italic;
}

.reward-points-overview {
  margin: 0 15px 25px;
}

.reward-points-history table td:first-child {
  min-width: 120px;
}

.change-password-page .result,
.change-password-page .message-error {
  margin: 20px 0;
}
.change-password-page .fieldset {
  margin: 0 0 30px;
}

.avatar-page .page-body {
  margin: 0 0 30px;
  overflow: hidden;
  background-color: var(--color-gray-0);
  padding: 30px 25px;
}
.avatar-page .message-error {
  margin: 0 0 10px;
}
.avatar-page .image {
  margin: 0 0 10px;
}
.avatar-page .image img {
  border: solid 1px var(--color-gray-250);
}

.vendorinfo-page .vendor-picture {
  width: 400px;
  margin: 0 auto;
}
.vendorinfo-page .vendor-picture * {
  display: block;
  margin-top: 15px;
}

.check-gift-card-balance-page .page-title {
  margin: 0 0 -1px;
}
.check-gift-card-balance-page .result,
.check-gift-card-balance-page .message-error {
  margin: 20px 0;
}
.check-gift-card-balance-page .fieldset {
  margin: 0 0 30px;
}

/********** SHOPPING CART **********/
.order-progress {
  margin: 0 0 50px;
  background-color: var(--color-gray-0);
  padding: 15px 0;
  text-align: center;
}
.order-progress ul {
  font-size: 0;
}
.order-progress li {
  display: inline-block;
  margin: 10px;
}
.order-progress a {
  display: block;
  min-width: 70px;
}
.order-progress a:before {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  margin: 0 auto 15px;
  border: 1px solid var(--color-gray-250);
  background: var(--color-gray-0) url("../Themes/Motoplus/Content/images/pointer.png") center no-repeat;
}
.order-progress li.active-step a {
  cursor: pointer;
}
.order-progress li.inactive-step a {
  opacity: 0.3;
  cursor: default;
}

.shopping-cart-page .page-title {
  padding: 10px;
}
.shopping-cart-page .order-summary-content {
  background-color: var(--color-gray-0);
  padding: 10px;
}
.shopping-cart-page .message-error {
  margin: 20px 0;
}
.shopping-cart-page td .message-error {
  margin: 10px 0 0;
  text-align: left;
}
.shopping-cart-page .checkout-attributes a {
  color: var(--color-blue-800);
}
.shopping-cart-page .checkout-attributes a:hover {
  text-decoration: underline;
}
.shopping-cart-page .tax-shipping-info {
  margin: 20px 0;
  text-align: center;
}
.shopping-cart-page .tax-shipping-info a {
  color: var(--color-blue-800);
}
.shopping-cart-page .tax-shipping-info a:hover {
  text-decoration: underline;
}
.shopping-cart-page .common-buttons {
  margin: 0 0 60px;
  padding: 20px;
  font-size: 0;
}
.shopping-cart-page .common-buttons input {
  display: inline-block;
  min-width: 180px;
  margin: 5px;
  border: none;
  /* background- */
  padding: 10px 20px;
  color: var(--color-gray-0);
  border-radius: 3px;
}
.shopping-cart-page .common-buttons input:hover, .shopping-cart-page .common-buttons input:first-child:hover {
  background-color: var(--color-blue-800);
}

.checkout-attributes {
  margin: -30px 0 30px;
}
.checkout-attributes dt {
  margin: 0 0 5px;
  font-weight: bold;
  border-radius: 3px;
}
.checkout-attributes dd {
  margin: 0 0 20px;
}
.checkout-attributes input[type=text],
.checkout-attributes select {
  min-width: 170px;
}
.checkout-attributes ul {
  font-size: 0;
}
.checkout-attributes li {
  display: inline-block;
  margin: 5px;
  border: solid 1px var(--color-gray-250);
  padding: 8px 10px;
}
.checkout-attributes .attribute-squares li {
  border: none;
  padding: 0;
  line-height: 0;
}
.checkout-attributes li label {
  display: inline-block;
  margin: 0 0 0 5px;
}

.selected-checkout-attributes {
  margin: 30px 0;
}
.selected-checkout-attributes br {
  content: "";
  display: block;
  margin: 3px;
}

.cart-footer {
  margin: 0 0 50px;
  border-top: solid 1px var(--color-gray-250);
}
.cart-footer:after {
  content: "";
  display: block;
  clear: both;
}
.cart-footer .totals {
  width: 350px;
  max-width: 100%;
  margin: 0 auto 50px;
  background-color: var(--color-gray-0);
  padding: 10px;
  border-radius: 3px;
}
.cart-footer .total-info {
  margin: 0 0 20px;
  border-bottom: solid 1px var(--color-gray-250);
  padding: 5px 30px 15px;
}

.cart-total td {
  width: 50%;
  padding: 5px 0;
  text-align: right;
}
.cart-total td:first-child {
  text-align: left;
}
.cart-total .giftcard-remaining {
  display: block;
  font-style: italic;
}
.cart-total .order-total {
  font-size: 1.25rem;
  font-weight: bold;
}
.cart-total .earn-reward-points {
  font-style: italic;
}

.min-amount-warning {
  margin: 0 0 20px;
  padding: 0 30px;
  color: var(--color-blue-800);
}

.terms-of-service {
  margin: 0 0 20px;
  padding: 0 30px;
}
.terms-of-service label {
  cursor: pointer;
}
.terms-of-service a {
  margin: 0 0 0 3px;
  color: var(--color-blue-800);
}

.cart-footer .checkout-buttons {
  padding: 0 10px;
}
.cart-footer .checkout-disabled {
  font-size: 1.25rem;
  text-align: center;
  background: #ffa500;
  border: 1px solid var(--color-gray-250);
  color: var(--color-blue-275);
  padding: 15px 50px;
}
.cart-footer .checkout-button {
  display: inline-block;
  min-width: 160px;
  border: none;
  padding: 10px 20px;
  font-size: 1rem;
  color: var(--color-gray-0);
  text-transform: unset;
  background-color: rgb(var(--color-basic-red-500)/0.85);
}
.cart-footer .checkout-button:hover {
  background-color: var(--color-red-600);
}
.cart-footer .addon-buttons {
  margin: 10px 0 0;
  padding: 0 10px;
}

.cart-collaterals {
  width: 350px;
  max-width: 100%;
  margin: 0 auto 50px;
  padding: 25px 0 0;
}
.cart-collaterals > div {
  max-width: 400px;
  margin: 0 0 50px;
}
.cart-collaterals .button-2 {
  display: inline-block;
}
.cart-collaterals .title {
  margin: 0 0 5px;
  font-size: 1.125rem;
  font-weight: bold;
}
.cart-collaterals .hint {
  margin: 0 0 10px;
}
.cart-collaterals .deals > div {
  margin: 0 0 20px;
}
.cart-collaterals .coupon-code {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.cart-collaterals .coupon-code input[type=text] {
  float: left;
  width: 60%;
  height: 36px;
  margin: 0 5px;
}
.cart-collaterals .coupon-code input[type=submit] {
  float: left;
  width: 40%;
  height: 36px;
  padding: 0;
}
.cart-collaterals .message-failure {
  margin: 5px 0 0;
  font-size: 0.75rem;
  color: var(--color-blue-800);
}
.cart-collaterals .message-success {
  margin: 5px 0 0;
  font-size: 0.75rem;
  color: var(--color-green-500);
}
.cart-collaterals .current-code {
  margin: 5px 0 0;
  color: var(--color-green-500);
}

.remove-discount-button,
.remove-gift-card-button {
  width: 16px;
  height: 16px;
  border: 1px solid var(--color-gray-250);
  background: var(--color-gray-0) url("../Themes/Motoplus/Content/images/close.png") center no-repeat;
  cursor: pointer;
}

.cart-collaterals .shipping select {
  height: 36px;
}
.cart-collaterals .shipping-results {
  margin: 30px 0 0;
}
.cart-collaterals .shipping-results li {
  margin: 20px 0;
}
.cart-collaterals .shipping-results li strong {
  display: block;
  margin: 0 0 5px;
}

.shopping-cart-page .no-data {
  margin: 25px 0 0;
  text-align: center;
}

/********** CHECKOUT **********/
.checkout-page .section {
  margin: 0 0 30px;
  padding: 10px;
  background-color: var(--color-gray-0);
}
.checkout-page .section.order-summary {
  margin: 100px 0 30px;
}
.checkout-page .cart-options {
  min-height: 60px;
  overflow: hidden;
}
.checkout-page .cart-footer {
  border-top: none;
}
.checkout-page .total-info {
  margin: 0;
  border-bottom: none;
  padding: 5px 20px 10px;
}
.checkout-page .button-1 {
  display: inline-block;
  min-width: 140px;
  border: none;
  background-color: var(--color-blue-800);
  padding: 10px 30px;
  text-align: center;
  font-size: 0.9375rem;
  color: var(--color-gray-0);
  text-transform: uppercase;
}
.checkout-page .button-1:hover {
  background-color: var(--color-blue-800);
}
.checkout-page .address-item {
  width: 350px;
  max-width: 100%;
  margin: 0 auto 40px;
}
.checkout-page .address-item ul {
  margin: 0 0 15px;
  background-color: var(--color-gray-0);
  padding: 20px;
}
.checkout-page .address-item li {
  padding: 5px 0;
}
.checkout-page .address-item li.name {
  font-size: 1rem;
  font-weight: bold;
}

.enter-address .message-error {
  margin: 20px 0;
}
.enter-address .edit-address {
  background-color: var(--color-gray-0);
  border-top: 1px solid var(--color-gray-250);
  margin: 0 0 30px;
  padding: 30px 15px;
}

.checkout-page .ship-to-same-address {
  padding: 30px 0;
  text-align: center;
}
.checkout-page .ship-to-same-address .selector {
  margin: 0 0 5px;
  font-weight: bold;
}
.checkout-page .pickup-in-store {
  text-align: center;
}
.checkout-page .pickup-in-store .selector {
  margin: 0 0 5px;
  font-weight: bold;
}

.select-pickup-point {
  text-align: center;
}

.checkout-page .pickup-points-map {
  min-width: 400px;
  min-height: 350px;
  vertical-align: middle;
  margin-top: 5px;
  margin-bottom: 5px;
}

.shipping-method .method-list,
.payment-method .method-list {
  margin: 0 auto 30px;
  overflow: hidden;
  text-align: center;
  font-size: 0;
}

.shipping-method .method-list li,
.payment-method .method-list li {
  margin: 20px 0;
}

.shipping-method .method-list li label,
.payment-method .method-list li label {
  font-size: 0.8125rem;
  font-weight: bold;
  margin-left: 5px;
}

.shipping-method .method-description {
  margin: 5px 0 0;
}

.payment-method .use-reward-points {
  margin: 0 0 30px;
  text-align: center;
}
.payment-method .payment-logo {
  display: inline-block;
  vertical-align: middle;
}
.payment-method .payment-logo label {
  display: block;
  font-size: 0 !important;
}
.payment-method .payment-details {
  min-width: 180px;
  display: inline-block;
  margin: 0 0 0 10px;
  text-align: left;
  vertical-align: middle;
}

.payment-info .info {
  padding: 30px 15px;
}
.payment-info .info tr {
  display: block;
  margin: 0 0 15px;
  font-size: 0;
}
.payment-info .info td {
  display: inline-block;
  width: 100% !important;
  max-width: 400px !important;
}
.payment-info .info td:only-child {
  width: 100% !important;
  max-width: 100% !important;
}
.payment-info .info td input[type=text] {
  width: 100% !important;
}
.payment-info .info td input[name=CardCode] {
  width: 65px !important;
}
.payment-info .info td select {
  min-width: 70px;
}
.payment-info .info td:first-child {
  margin: 0 0 10px;
}
.payment-info .info p {
  text-align: center;
}

.confirm-order .buttons {
  padding: 10px 0;
}
.confirm-order .button-1 {
  font-size: 1rem;
}

.order-review-data > div,
.order-details-area > div,
.shipment-details-area > div {
  width: 350px;
  max-width: 100%;
  margin: 0 auto 40px;
  background-color: var(--color-gray-0);
  padding: 20px;
  border-radius: 3px;
}

.order-review-data li,
.order-details-area li,
.shipment-details-area li {
  padding: 3px 0;
}

.order-review-data .title,
.order-details-area .title,
.shipment-details-area .title {
  margin: 0 0 5px;
  padding: 0;
  font-size: 1rem;
  font-weight: bold;
}

.order-review-data .title strong,
.order-details-area .title strong,
.shipment-details-area .title strong {
  font-weight: bold;
}

.order-review-data .payment-method-info,
.order-review-data .shipping-method-info {
  margin-top: 20px;
}

.order-details-area .payment-method-info,
.order-details-area .shipping-method-info {
  margin-top: 20px;
}

.order-completed .details {
  margin: 0 0 30px;
  padding: 30px 15px;
  text-align: center;
}
.order-completed .details > div {
  margin: 15px 0;
}
.order-completed .details a {
  color: var(--color-blue-800);
}
.order-completed .details a:hover {
  text-decoration: underline;
}
.order-completed .buttons .order-completed-continue-button {
  background-color: rgb(var(--color-basic-red-500)/0.85);
  color: var(--color-gray-0);
  border-color: rgb(var(--color-basic-red-500)/0.85);
}
.order-completed .buttons .order-completed-continue-button:hover {
  background-color: var(--color-red-600);
}

.opc .step-title {
  margin: 0 0 1px;
  overflow: hidden;
  background-color: var(--color-gray-0);
}
.opc .allow .step-title {
  cursor: pointer;
}
.opc .step-title .number,
.opc .step-title .title {
  float: left;
  min-height: 40px;
  padding: 10px 15px;
  line-height: 20px;
  font-size: 1rem;
  font-weight: normal;
}
.opc .allow .step-title .number,
.opc .allow .step-title .title {
  cursor: pointer;
}
.opc .step-title .number {
  width: 42px;
  border-right: 1px solid var(--color-gray-250);
  text-align: center;
}
.opc .allow .step-title .number {
  background-color: var(--color-blue-800);
  color: var(--color-gray-800);
}
.opc .step {
  padding: 30px 15px;
  text-align: center;
  background-color: var(--color-gray-0);
}
.opc .section {
  margin: 0 0 30px;
}
.opc .section > label {
  display: block;
  margin: 0 0 10px;
}
.opc input[type=text],
.opc select {
  max-width: 100%;
}
.opc .buttons {
  margin-bottom: 0;
}
.opc .back-link {
  margin: 0 0 10px;
}
.opc .back-link small {
  display: none;
}
.opc .back-link a {
  display: inline-block;
  margin: 0 0 0 -15px;
  background: url("../Themes/Motoplus/Content/images/back-button.png") left center no-repeat;
  padding: 0 0 0 18px;
}
.opc .back-link a:hover {
  color: var(--color-blue-800);
}
.opc .buttons .please-wait {
  display: block;
  margin: 10px 0 0;
  background: none;
}
.opc .section.ship-to-same-address, .opc .section.pickup-in-store {
  margin: 0 0 30px;
  padding: 0;
}
.opc .payment-info .info tr {
  text-align: left;
}
.opc .section.order-summary {
  margin: 0;
}

/****** ORDER DETAILS & SHIPPING DETAILS ******/
.order-details-page .page-title {
  border-bottom: none;
  display: block;
}
.order-details-page .page-title h1 {
  margin: 0 0 30px;
  border-bottom: solid 1px var(--color-gray-250);
  padding: 0 0 10px;
}
.order-details-page .page-title a {
  display: inline-block;
  min-width: 180px;
  margin: 5px 0;
  border: none;
  background-color: rgb(var(--color-basic-red-500)/0.85);
  background-image: none;
  padding: 10px 20px;
  font-size: 0.9375rem;
  color: var(--color-gray-0);
}
.order-details-page .page-title a:hover {
  background-color: var(--color-red-600);
}
.order-details-page .page-title a.print-order-button {
  background-color: rgb(var(--color-basic-red-500)/0.85);
}
.order-details-page .page-title a.print-order-button:hover {
  background-color: var(--color-red-600);
}
.order-details-page .page-body {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.075);
}
.order-details-page .page-body * {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.order-details-page .order-overview {
  margin: 0 0 50px;
  line-height: 26px;
  text-align: center;
  font-size: 1rem;
}
.order-details-page .order-overview .order-number {
  margin: 0 0 10px;
  text-transform: uppercase;
}
.order-details-page .order-overview .order-total strong {
  color: var(--color-blue-800);
}
.order-details-page .repost .button-2 {
  display: inline-block;
  margin: 10px 0;
  border: none;
}
.order-details-page .download a {
  font-weight: normal;
  color: var(--color-blue-800);
}
.order-details-page .download a:hover {
  text-decoration: underline;
}

.user-agreement-page .terms-of-agreement {
  margin: 0 0 20px;
  padding: 20px;
  text-align: center;
}
.user-agreement-page .button-1 {
  min-width: 140px;
  border: none;
  padding: 10px 30px;
  text-align: center;
  font-size: 0.9375rem;
  color: var(--color-gray-0);
  text-transform: uppercase;
}
.user-agreement-page .button-1:hover {
  background-color: var(--color-gray-625);
}

.order-details-page .page-body {
  background-color: var(--color-gray-0);
  padding: 20px 0 10px;
}
.order-details-page .tax-shipping-info {
  margin: 30px 0;
}
.order-details-page .tax-shipping-info a {
  color: var(--color-blue-800);
}
.order-details-page .tax-shipping-info a:hover {
  text-decoration: underline;
}
.order-details-page .actions {
  margin: 30px 0 0;
  font-size: 0;
}
.order-details-page .actions input {
  display: inline-block;
  min-width: 165px;
  margin: 5px;
  border: none;
  background-color: var(--color-gray-475);
  background-image: none;
  padding: 10px 20px;
  font-size: 0.9375rem;
  color: var(--color-gray-0);
}
.order-details-page .actions input:hover {
  background-color: var(--color-gray-500);
}
.order-details-page .actions input:first-child {
  background-color: var(--color-blue-800);
}
.order-details-page .actions input:first-child:hover {
  background-color: #0054AB;
}
.order-details-page .totals.section {
  width: 370px;
  max-width: 100%;
  margin: 0 auto 50px;
}
.order-details-page .total-info {
  background-color: var(--color-gray-0);
  padding: 15px 20px;
  border-radius: 3px;
}

/****** SEARCH & SITEMAP ******/
.search-input::after {
  display: table;
  content: " ";
  clear: both;
}
.search-input .fieldset {
  margin: 0 0 30px;
}
.search-input .form-fields {
  padding: 30px 15px 10px;
}
.search-input input + label {
  display: inline;
  margin: 0 0 0 5px;
}

.advanced-search {
  margin: 30px 0 0;
}
.advanced-search .price-range {
  display: inline-block;
}
.advanced-search .price-range input {
  width: 80px;
  margin: 3px;
}

.search-input .buttons {
  text-align: center;
}
.search-input .button-1 {
  min-width: 140px;
  border: none;
  background-color: var(--color-blue-800);
  padding: 10px 30px;
  text-align: center;
  font-size: 0.9375rem;
  color: var(--color-gray-0);
  text-transform: uppercase;
}
.search-input .button-1:hover {
  background-color: var(--color-blue-800);
}

.search-results {
  margin: 30px 0 0;
}
.search-results .warning,
.search-results .no-result {
  margin: 10px 0;
  text-align: center;
}

.sitemap-page .description {
  margin: 0 0 30px;
  text-align: center;
}
.sitemap-page .entity {
  margin: 0 0 30px;
}
.sitemap-page .entity-title {
  margin: 0 0 15px;
  padding: 0 10px;
  text-align: center;
}
.sitemap-page .entity-title h2 {
  font-size: 1.25rem;
  font-weight: normal;
}
.sitemap-page .entity-body {
  border: solid 1px var(--color-gray-250);
  background-color: var(--color-gray-0);
  padding: 30px 15px;
  text-align: center;
}
.sitemap-page .entity ul {
  font-size: 0;
}
.sitemap-page .entity li {
  display: block;
  position: relative;
  margin: 0 8px;
  padding: 0 12px;
  line-height: 30px;
  text-align: left;
}
.sitemap-page .entity li:before {
  content: "";
  position: absolute;
  top: 11px;
  left: 0;
  width: 5px;
  height: 5px;
  background-color: var(--color-blue-800);
}
.sitemap-page .entity a {
  font-size: 0.875rem;
}
.sitemap-page .entity a:hover {
  color: var(--color-blue-800);
}
.sitemap-page .entity a:empty {
  display: none;
}

/****** BLOG & NEWS ******/
.block-blog-archive .number {
  display: block;
  cursor: auto;
}
.block-blog-archive .sublist {
  margin: 5px 0 5px 15px;
}
.block-blog-archive li.month {
  padding: 3px 0 3px 15px;
}

.blog-page .page-title,
.news-list-page .page-title {
  display: block;
  text-align: center;
}

.blog-page .post,
.news-items .news-item {
  margin: 0;
  background-color: var(--color-gray-0);
  padding: 10px;
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.075);
}

.blog-page .post:after {
  content: "";
  display: block;
  clear: both;
}

.post-title,
.news-title {
  display: block;
  padding: 10px;
  line-height: 1.2rem;
  font-size: 1rem;
  font-weight: bold;
  background-color: var(--color-gray-0);
  color: var(--color-gray-800);
}

.post-date,
.news-date {
  display: block;
  margin: 0 0 5px;
  padding: 10px;
  font-style: italic;
  font-size: 0.75rem;
}

.post-body,
.news-body {
  margin: 0;
  padding: 10px;
  line-height: 1.2rem;
  text-align: left;
}
.post-body a:after,
.news-body a:after {
  display: block;
  content: "";
  clear: both;
}
.post-body a > img,
.news-body a > img {
  width: 100%;
  height: auto;
}

.blog-page .tags,
.blogpost-page .tags {
  margin: 0 0 15px;
  overflow: hidden;
  padding: 0 10px;
}

.blog-page .tags label,
.blogpost-page .tags label {
  display: inline-block;
  margin: 0 3px 3px 0;
  font-weight: bold;
}

.blog-page .tags ul,
.blogpost-page .tags ul {
  display: inline-block;
  margin: 0 0 3px 3px;
  font-size: 0;
}

.blog-page .tags li,
.blogpost-page .tags li {
  display: inline-block;
}

.blog-page .tags li.separator,
.blogpost-page .tags li.separator {
  margin: 0 8px 0 0;
}

.blog-page .tags a,
.blogpost-page .tags a {
  display: block;
  color: var(--color-blue-800);
}

.blog-page .tags a:hover,
.blogpost-page .tags a:hover {
  text-decoration: underline;
}

.blog-posts .buttons,
.news-items .buttons {
  margin: 0;
  padding: 0 10px;
}

.news-items .buttons {
  display: none;
}

.blog-posts .buttons .read-comments {
  display: block;
  margin: 0 0 15px;
  font-weight: bold;
}
.blog-posts .buttons .read-more {
  display: inline-block;
  border: none;
  padding: 8px 10px;
  font-size: 0.875rem;
  text-transform: uppercase;
  background-color: var(--color-blue-600);
  color: var(--color-gray-0);
  border-radius: 3px;
}
.blog-posts .buttons .read-more:hover {
  background-color: var(--color-blue-700);
}

.news-items .buttons .read-more {
  display: inline-block;
  border: none;
  padding: 8px 10px;
  font-size: 0.875rem;
  text-transform: uppercase;
  background-color: var(--color-blue-600);
  color: var(--color-gray-0);
  border-radius: 3px;
}
.news-items .buttons .read-more:hover {
  background-color: var(--color-blue-700);
}

.new-comment {
  margin: 50px 0 60px;
}
.new-comment .notifications {
  margin: 0 0 10px;
}
.new-comment .result {
  color: #690;
}
.new-comment .form-fields {
  margin: 0 0 20px;
}
.new-comment .button-1 {
  border: none;
  padding: 10px 30px;
  text-align: center;
  text-transform: uppercase;
}

.comment-list {
  margin: 0 0 100px;
}
.comment-list .title {
  margin: 0 0 15px;
  padding: 0 10px;
  font-size: 1.25rem;
}
.comment-list .title strong {
  font-weight: normal;
}
.comment-list .comment {
  margin: 0 0 40px;
  border-top: solid 1px var(--color-gray-250);
}
.comment-list .comment:after {
  content: "";
  display: block;
  clear: both;
}

.comment-info {
  width: 150px;
  margin: 20px auto;
}
.comment-info .username {
  display: block;
  margin: 0 0 -1px;
  border: solid 1px var(--color-gray-250);
  background-color: var(--color-gray-150);
  padding: 11px 0;
  font-weight: bold;
}
.comment-info a.username:hover {
  color: var(--color-blue-800);
}
.comment-info .avatar {
  position: relative;
  width: 150px;
  height: 150px;
  border: solid 1px var(--color-gray-250);
  overflow: hidden;
}
.comment-info .avatar img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  border: solid 2px #CEDBE1 !important;
}

.comment-time {
  margin: 0 0 15px;
  font-size: 0.8125rem;
  font-weight: bold;
}
.comment-title {
  margin: 0 0 15px;
  font-size: 1rem;
}

.comment-body {
  line-height: 22px;
}

.news-list-homepage {
  margin: 0 0 25px;
}
.news-list-homepage .title {
  position: relative;
  background-color: transparent;
  margin-bottom: 20px;
  clear: both;
}
.news-list-homepage .title:before {
  content: " ";
  position: absolute;
  border-top: 2px solid var(--color-gray-250);
  bottom: calc(50% - 2px);
  left: 0;
  width: 100%;
  height: 0;
}
.news-list-homepage .title strong {
  position: relative;
  font-size: 1.25rem;
  padding: 0 10px;
  background-color: var(--color-blue-275);
  width: auto;
  margin: 0 auto;
  text-transform: none;
}
.news-list-homepage .view-all {
  text-align: center;
  margin: 20px 0;
}
.news-list-homepage .view-all a {
  text-decoration: underline;
}
.news-list-homepage .view-all a:hover {
  color: var(--color-blue-800);
}

/*** FORUM & PROFILE ***/
.forums-main-page .topic-block {
  margin: 0 0 35px;
  text-align: center;
}
.forums-main-page .topic-block p {
  text-align: center;
}
.forums-main-page .pager {
  display: none;
}

.forum-breadcrumb {
  margin: 0 0 40px;
}

.forums-header {
  margin: 0 0 50px;
  overflow: hidden;
}
.forums-header:after {
  content: "";
  display: block;
  clear: both;
}
.forums-header .current-time {
  margin: 0 0 15px;
}

.forum-search-box .basic {
  overflow: hidden;
  margin: 0 0 10px;
}
.forum-search-box .advanced a {
  line-height: 22px;
  text-decoration: underline;
}
.forum-search-box .advanced a:hover {
  color: var(--color-blue-800);
}

.forum-search-page .page-title {
  margin: 0 0 -1px;
}
.forum-search-page .search-error,
.forum-search-page .no-result {
  margin: 0 0 15px;
  text-align: center;
  color: var(--color-blue-800);
}

.forums-table-section {
  margin: 0 0 60px;
}
.forums-table-section + .pager {
  margin: -30px 0 30px;
}

.forums-table-section-title {
  margin: 0 0 15px;
  padding: 0 10px;
}
.forums-table-section-title a,
.forums-table-section-title strong {
  font-size: 1.375rem;
  font-weight: normal;
}
.forums-table-section-title a:hover {
  color: var(--color-blue-800);
}

.forums-table-section .image div {
  width: 38px;
  height: 32px;
  margin: auto;
  background: url("../Themes/Motoplus/Content/images/topic-type1.png") center no-repeat;
}
.forums-table-section .image div.sticky {
  background: url("../Themes/Motoplus/Content/images/topic-type2.png") center no-repeat;
}
.forums-table-section .image div.announcement {
  background: url("../Themes/Motoplus/Content/images/topic-type3.png") center no-repeat;
}
.forums-table-section .forum-title,
.forums-table-section .topic-title {
  margin: 5px 0;
}
.forums-table-section .forum-title a,
.forums-table-section .topic-title a {
  font-size: 1rem;
  font-weight: bold;
}
.forums-table-section .forum-title a:hover {
  color: var(--color-blue-800);
  text-decoration: none;
}
.forums-table-section .topic-title a:hover {
  color: var(--color-blue-800);
  text-decoration: none;
}
.forums-table-section .topic-title span {
  display: block;
  color: var(--color-gray-625);
}
.forums-table-section .forum-description,
.forums-table-section .topic-starter {
  margin: 5px 0;
}
.forums-table-section .latest-post {
  white-space: nowrap;
}
.forums-table-section .latest-post div {
  margin: 5px 0;
}
.forums-table-section .latest-post label {
  color: var(--color-gray-625);
}
.forums-table-section .view-all {
  margin: 30px 0 0;
  padding: 0 10px;
}
.forums-table-section .view-all a {
  background-color: var(--color-blue-800);
  padding: 10px 15px;
  font-size: 0.75rem;
  color: var(--color-gray-0);
  text-transform: uppercase;
}
.forums-table-section .view-all a:hover {
  background-color: #0054AB;
}

/* forum-page, topic page */
.forum-page .forum-info {
  margin: 0 0 30px;
}
.forum-page .forum-name {
  margin: 0 0 25px;
  border-bottom: solid 1px var(--color-gray-250);
  padding: 0 10px 10px;
}

.forum-topic-page .topic-name {
  margin: 0 0 25px;
  border-bottom: solid 1px var(--color-gray-250);
  padding: 0 10px 10px;
}

.forum-page .forum-name h1,
.forum-topic-page .topic-name h1 {
  font-size: 1.875rem;
  font-weight: normal;
}

.forum-actions,
.topic-actions {
  margin: 0 0 30px;
  font-size: 0;
}

.forum-actions .actions a,
.topic-actions .actions a {
  display: inline-block;
  margin: 1px;
  padding: 10px 10px 10px 33px;
}

.forum-actions .actions .new-topic {
  background: var(--color-gray-200) url("../Themes/Motoplus/Content/images/new.png") left center no-repeat;
}
.forum-actions .actions .watch-forum {
  background: var(--color-gray-200) url("../Themes/Motoplus/Content/images/watch.png") left center no-repeat;
}

.topic-actions .actions .watch-forum {
  background: var(--color-gray-200) url("../Themes/Motoplus/Content/images/watch.png") left center no-repeat;
}

.forum-actions .actions a:hover,
.topic-actions .actions a:hover {
  background-color: var(--color-gray-250);
}

.forum-actions .pager.upper {
  display: none;
  margin: 0;
}

.topic-actions .pager.upper {
  display: none;
  margin: 0;
}
.topic-actions .reply-topic-button {
  background: var(--color-gray-200) url("../Themes/Motoplus/Content/images/reply.png") left center no-repeat;
}
.topic-actions .watch-topic-button {
  background: var(--color-gray-200) url("../Themes/Motoplus/Content/images/watch.png") left center no-repeat;
}
.topic-actions .move-topic-button {
  background: var(--color-gray-200) url("../Themes/Motoplus/Content/images/move.png") left center no-repeat;
}
.topic-actions .edit-topic-button {
  background: var(--color-gray-200) url("../Themes/Motoplus/Content/images/edit_.png") left center no-repeat;
}
.topic-actions .delete-topic-button {
  background: var(--color-gray-200) url("../Themes/Motoplus/Content/images/remove_.png") left center no-repeat;
}
.topic-actions.lower .actions {
  display: none;
}

.active-discussions-page .forums-table-section-title {
  margin: 0 0 25px;
  border-bottom: solid 1px var(--color-gray-250);
  padding: 0 10px 10px;
}
.active-discussions-page .forums-table-section-title strong {
  font-size: 1.875rem;
  font-weight: normal;
}
.active-discussions-page .forums-table-section-body {
  margin: 0 0 20px;
}

.topic-post {
  margin: 0 0 30px;
  border-top: solid 1px var(--color-gray-250);
}
.topic-post:last-child {
  border-bottom: solid 1px var(--color-gray-250);
}
.topic-post:after {
  content: "";
  display: block;
  clear: both;
}
.topic-post .post-info {
  margin: 30px 0;
}
.topic-post .user-info {
  width: 150px;
  margin: 0 auto 15px;
}
.topic-post .username {
  display: block;
  margin: 0 0 -1px;
  border: solid 1px var(--color-gray-250);
  background-color: var(--color-gray-150);
  padding: 11px 0;
  font-weight: bold;
}
.topic-post a.username:hover {
  color: var(--color-blue-800);
}
.topic-post .avatar {
  position: relative;
  width: 150px;
  height: 150px;
  border: solid 1px var(--color-gray-250);
  overflow: hidden;
}

.profile-info-box .avatar {
  position: relative;
  width: 150px;
  height: 150px;
  border: solid 1px var(--color-gray-250);
  overflow: hidden;
}

.topic-post .avatar img,
.profile-info-box .avatar img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}

.topic-post .avatar img {
  border: solid 2px #CEDBE1 !important;
}
.topic-post .user-stats {
  margin: 0 0 15px;
}
.topic-post .user-stats li {
  display: inline-block;
  margin: 0 10px;
}
.topic-post .user-stats span {
  margin: 0 0 0 3px;
  font-weight: bold;
}

.profile-info-box .profile-stats span {
  margin: 0 0 0 3px;
  font-weight: bold;
}

.topic-post .pm-button,
.profile-info-box .pm-button {
  display: inline-block;
  border: none;
  padding: 10px 20px;
  font-size: 0.75rem;
  color: var(--color-gray-0);
  text-transform: uppercase;
}

.topic-post .pm-button:hover,
.profile-info-box .pm-button:hover {
  background-color: var(--color-gray-625);
}

.topic-post .post-time {
  margin: 0 0 15px;
  background-color: var(--color-gray-150);
  padding: 10px 15px;
  font-size: 0.8125rem;
  font-weight: bold;
}
.topic-post .post-actions {
  margin: 0 0 15px;
  font-size: 0;
}
.topic-post .post-actions > div {
  display: inline-block;
}
.topic-post .post-actions a {
  display: inline-block;
  margin: 1px 5px;
}
.topic-post .post-actions .edit-post-button,
.topic-post .post-actions .delete-post-button {
  padding: 10px 10px 10px 33px;
}
.topic-post .post-actions .edit-post-button {
  background: url("../Themes/Motoplus/Content/images/edit_.png") left center no-repeat;
}
.topic-post .post-actions .delete-post-button {
  background: url("../Themes/Motoplus/Content/images/remove_.png") left center no-repeat;
}
.topic-post .post-actions .edit-post-button:hover,
.topic-post .post-actions .delete-post-button:hover {
  color: var(--color-blue-800);
}
.topic-post .post-actions .post-link-button {
  padding: 10px;
  font-weight: bold;
  color: var(--color-blue-800);
}
.topic-post .post-actions .post-link-button:hover {
  text-decoration: underline;
}
.topic-post .post-actions .quote-post-button {
  padding: 10px 20px;
  color: var(--color-gray-0);
}
.topic-post .post-actions .quote-post-button:hover {
  background-color: var(--color-gray-625);
  color: var(--color-gray-0);
}
.topic-post .post-text {
  padding: 0 10px 20px;
  line-height: 22px;
  margin-bottom: 0;
}
.topic-post .post-vote {
  text-align: center;
  display: table;
  margin: 0 auto 20px;
}
.topic-post .user-posted-image {
  max-width: 100%;
  height: auto;
}

.latest-posts .user-posted-image {
  max-width: 100%;
  height: auto;
}

.topic-post .quote,
.latest-posts .quote {
  margin: 10px 0;
  border: 1px dashed #ccc;
  background-color: var(--color-gray-050);
  padding: 10px;
  color: var(--color-gray-625);
}

.topic-post .signature {
  border-top: solid 1px var(--color-gray-250);
  padding: 20px;
  font-size: 0.8125rem;
  font-style: italic;
  clear: both;
}
.topic-post .post-vote span.vote {
  cursor: pointer;
  display: block;
  width: 40px;
  height: 24px;
}
.topic-post .post-vote span.up {
  background: url("../Themes/Motoplus/Content/images/vote-up.png") no-repeat 50% 50%;
}
.topic-post .post-vote span.vote.up.selected {
  background: url("../Themes/Motoplus/Content/images/vote-up-selected.png") no-repeat 50% 50%;
}
.topic-post .post-vote span.down {
  background: url("../Themes/Motoplus/Content/images/vote-down.png") no-repeat 50% 50%;
}
.topic-post .post-vote span.vote.down.selected {
  background: url("../Themes/Motoplus/Content/images/vote-down-selected.png") no-repeat 50% 50%;
}
.topic-post .vote-count-post {
  display: block;
  font-size: 160%;
}

/* forum edit & send message */
.forum-edit-page .page-title,
.move-topic-page .page-title,
.private-message-send-page .page-title {
  margin: 0 0 -1px;
}

.move-topic-page label {
  white-space: normal;
}

.forum-edit-page .message-error,
.private-message-send-page .message-error {
  margin: 20px 0;
}

.forum-edit-page .inputs strong {
  display: inline-block;
  max-width: 400px;
  font-size: 1.375rem;
  font-weight: normal;
  white-space: normal;
}
.forum-edit-page .inputs .topic-subject {
  font-size: 1.0625rem;
}
.forum-edit-page .inputs.reversed {
  margin: 0;
}
.forum-edit-page .inputs.reversed label {
  width: auto;
  margin: 5px;
  white-space: normal;
}
.forum-edit-page .bb-code-editor-wrapper {
  max-width: 400px;
  margin: 20px auto;
  background-color: var(--color-gray-300);
  padding: 10px;
}

.private-message-send-page .bb-code-editor-wrapper {
  max-width: 400px;
  margin: 20px auto;
  background-color: var(--color-gray-300);
  padding: 10px;
}

.forum-edit-page .toolbar .button,
.private-message-send-page .toolbar .button {
  margin: 0 2px 0 0;
  border: var(--color-gray-250) 1px solid;
  padding: 2px;
}

.forum-edit-page .toolbar .button:hover,
.private-message-send-page .toolbar .button:hover {
  border: var(--color-gray-200) 1px solid;
}

.forum-edit-page textarea,
.private-message-send-page textarea {
  display: block;
  margin: auto;
}

.forum-edit-page .buttons input,
.move-topic-page .buttons input,
.private-messages .buttons input {
  min-width: 140px;
  border: none;
  padding: 10px 30px;
  text-align: center;
  font-size: 0.9375rem;
  color: var(--color-gray-0);
  text-transform: uppercase;
}

.forum-edit-page .buttons input:hover,
.move-topic-page .buttons input:hover,
.private-messages .buttons input:hover {
  background-color: var(--color-gray-625);
}

.forum-edit-page .buttons .button-1:hover,
.move-topic-page .buttons .button-1:hover,
.private-messages .buttons .button-1:hover {
  background-color: var(--color-gray-625);
}

.private-message-send-page a {
  color: var(--color-blue-800);
}
.ui-tabs {
  border: none !important;
  border-radius: 0;
  background: none;
  padding: 0;
}
.ui-tabs .ui-tabs-nav {
  margin: 0 0 20px !important;
  border-bottom: none !important;
  overflow: hidden;
  font-size: 0;
  border-width: 0 0 1px;
  border-radius: 0;
  background: none;
  padding: 0 !important;
  line-height: normal;
  font-weight: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ui-tabs .ui-tabs-nav li {
  margin: 0 5px -1px !important;
  border: none !important;
  background: none !important;
  padding: 0 !important;
  position: relative;
}
.ui-tabs .ui-tabs-nav li a {
  display: block;
  padding: 5px !important;
  text-align: center;
  font-size: 0.75rem;
  float: none !important;
  border: none !important;
  border-bottom: solid 5px var(--color-gray-250) !important;
  color: var(--color-gray-600) !important;
}
.ui-tabs .ui-tabs-nav li.ui-state-active a {
  color: var(--color-blue-800) !important;
  border-bottom: solid 5px rgb(var(--color-basic-red-500)/0.85) !important;
  font-weight: bold;
}
.ui-tabs .ui-tabs-panel {
  padding: 0 !important;
}

/* inbox & view message */
.private-messages-page .table-wrapper,
.private-message-view-page .view-message {
  margin: 0 0 30px;
}

.private-messages-page .page-body {
  padding: 10px;
  background-color: var(--color-gray-0);
}
.private-messages-page td.from, .private-messages-page td.to, .private-messages-page td.subject {
  min-width: 150px;
}
.private-messages-page td.date {
  white-space: nowrap;
}
.private-messages-page td.subject a.pm-unread {
  color: var(--color-blue-800);
}
.private-messages-page .pager {
  margin: 0 0 30px;
}
.private-messages-page .buttons {
  font-size: 0;
}

.private-message-view-page .buttons {
  font-size: 0;
}

.private-messages-page .buttons .button-1,
.private-messages-page .buttons .button-2 {
  display: block;
  width: 250px;
  margin: 0 auto 3px;
}

.private-message-view-page .buttons .button-1,
.private-message-view-page .buttons .button-2 {
  display: block;
  width: 250px;
  margin: 0 auto 3px;
}
.private-message-view-page .view-message {
  margin: 0 0 30px;
}
.private-message-view-page .message-head {
  margin: 0 0 20px;
  line-height: 22px;
}
.private-message-view-page .message-head span {
  font-weight: bold;
}
.private-message-view-page .message-body {
  border-top: solid 1px var(--color-gray-250);
  background-color: var(--color-gray-050);
  padding: 30px 20px;
  line-height: 22px;
  text-align: justify;
}
.private-message-view-page .back-pm-button {
  text-transform: capitalize !important;
}

.profile-info-box {
  overflow: hidden;
  /*override jQuery UI styles, do not delete doubled properties*/
  line-height: normal;
  font-family: "Poppins", sans-serif;
  color: var(--color-gray-600);
}
.profile-info-box .user-details {
  margin: 0 0 30px;
}
.profile-info-box .avatar {
  margin: 0 auto 15px;
}
.profile-info-box .title {
  margin: 0 0 10px;
  font-size: 1.125rem;
}
.profile-info-box .stats {
  margin: 0 0 15px;
}

.latest-posts {
  /*override jQuery UI styles, do not delete doubled properties*/
  line-height: normal;
  font-family: "Poppins", sans-serif;
  color: var(--color-gray-600);
}
.latest-posts .topic {
  margin: 0 0 35px;
}
.latest-posts .topic-title {
  margin: 0 0 20px;
  border-top: solid 1px var(--color-gray-250);
  background: var(--color-gray-150);
  padding: 10px;
  font-size: 1rem;
}
.latest-posts .topic-title a {
  font-weight: bold;
}
.latest-posts .topic-title a:hover {
  color: var(--color-blue-800);
}
.latest-posts .topic-body {
  margin: 0 0 15px;
  line-height: 22px;
}
pre {
  white-space: pre-wrap;
  white-space: normal;
  word-wrap: break-word;
}

.csharpcode {
  margin: 10px 0;
  border: 1px dashed var(--color-gray-250);
  background-color: var(--color-gray-0);
  padding: 10px;
  font-family: "Courier New", Courier, monospace;
  color: var(--color-gray-800);
}
.csharpcode .rem {
  color: var(--color-green-500);
}
.csharpcode .kwrd {
  color: var(--color-blue-500);
}
.csharpcode .str {
  color: #006080;
}
.csharpcode .op {
  color: #00c;
}
.csharpcode .preproc {
  color: #c63;
}
.csharpcode .asp {
  background-color: #ff0;
}
.csharpcode .html {
  color: maroon;
}
.csharpcode .attr {
  color: red;
}
.csharpcode .alt {
  width: 100%;
  margin: 0;
  background-color: var(--color-gray-150);
}
.csharpcode .lnum {
  color: var(--color-gray-650);
}

.slider-wrapper.theme-custom {
  margin: 0 auto 40px !important;
}

.theme-custom .nivo-controlNav {
  bottom: -40px !important;
}
.theme-custom .nivo-controlNav a {
  border-radius: 50% !important;
  border: solid 1px var(--color-gray-250) !important;
}
.theme-custom .nivo-controlNav a.active {
  background-color: #b8bfc5 !important;
}

.search-input {
  margin: 20px 10px;
}

.fns-content-list .fns-content-item {
  border: none !important;
}
.fns-content-list .fns-content-item .description {
  padding: 0 !important;
  text-align: initial !important;
  color: initial !important;
}

[class*=tab-container-] {
  height: 0;
  overflow: hidden;
  margin: 0;
}

[class*=tab-container-].active {
  height: auto;
}

.product-group .product-group-title {
  text-align: center;
  padding: 10px;
  background-color: var(--color-gray-150);
  font-size: 1.125rem;
}

.block-features {
  padding: 0;
  margin: 0 0 25px;
}
.block-features .container .block-features-list {
  margin: 0 -1px;
}
.block-features .container .block-features-list .block-features-item {
  padding: 10px;
  margin: 1px;
  background-color: var(--color-gray-0);
  border-radius: 3px;
}
.block-features .container .block-features-list .block-features-item .block-features-item-img {
  display: block;
  width: 50px;
  float: left;
}
.block-features .container .block-features-list .block-features-item .block-features-item-img > img {
  max-width: 36px;
  max-height: 36px;
  display: block;
  margin: auto auto;
}
.block-features .container .block-features-list .block-features-item .block-features-item-title {
  font-weight: bold;
  margin: 5px 0 3px;
  text-align: left;
  font-size: 0.875rem;
  color: var(--color-gray-850);
}
.block-features .container .block-features-list .block-features-item .block-features-item-subtitle {
  color: var(--color-gray-600);
  font-size: 0.75rem;
  text-align: left;
}
.block-features .container .block-features-list .block-features-item:last-child {
  border-bottom: none;
}

.block.block-features {
  padding: 0;
  margin-top: 0;
  background-color: var(--color-blue-275);
}
.block.block-features:before {
  display: none !important;
}
.block.block-features .container ul .block-features-item {
  background-color: var(--color-gray-0);
}

.tabs .tablist:not(:empty) {
  display: block;
  padding: 0 10px;
  position: relative;
  z-index: 1;
  white-space: nowrap;
  overflow: hidden;
  /*scrollbar style*/
}
.tabs .tablist:not(:empty)::before {
  content: "";
  display: block;
  background-color: var(--color-gray-250);
  height: 1px;
  position: absolute;
  bottom: 0;
  width: 100%;
  margin: 0 -10px;
}
.tabs .tablist:not(:empty)::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  background-color: var(--color-gray-0);
}
.tabs .tablist:not(:empty)::-webkit-scrollbar {
  width: 7px;
  height: 7px;
  background-color: var(--color-gray-0);
}
.tabs .tablist:not(:empty)::-webkit-scrollbar-thumb {
  background-color: rgb(var(--color-basic-red-500)/0.85);
  border: none;
}
.tabs .tablist:not(:empty):hover {
  overflow-y: hidden;
  overflow-x: auto;
}
.tabs .tablist:not(:empty)::after {
  display: block;
  content: "";
  clear: both;
}
.tabs .tablist:not(:empty) .title {
  display: inline-block;
  padding: 7px;
  margin: 0 1px 1px;
  cursor: pointer;
  font-size: 0.8125rem;
  position: relative;
  background-color: var(--color-gray-0);
}
.tabs .tablist:not(:empty) .title strong {
  font-weight: normal;
}
.tabs .tablist:not(:empty) .title.active {
  margin-bottom: -1px;
  background-color: var(--color-gray-0);
  border: solid 1px var(--color-gray-250);
  border-bottom-color: var(--color-gray-0);
}
.tabs .tablist:not(:empty) .title.active strong {
  color: var(--color-gray-850);
}
.tabs .tablist:empty {
  display: none;
}
.tabs .product-list {
  border-top: none;
  margin-top: 0;
}

/*** ESTIMATE SHIPPING POPUP COMMON ***/
.estimate-shipping-popup {
  position: relative;
  background: var(--color-gray-0);
  padding: 25px;
  width: auto;
  max-width: 800px;
  margin: 0 auto;
}

.estimate-shipping-popup-zoom-in .mfp-with-anim {
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}

.estimate-shipping-popup-zoom-in.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.estimate-shipping-popup-zoom-in.mfp-ready .mfp-with-anim {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.estimate-shipping-popup-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8;
}

.estimate-shipping-popup-zoom-in.mfp-removing .mfp-with-anim {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0;
}

.estimate-shipping-popup-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}

.shipping-options-loading {
  width: 16px;
  height: 16px;
  position: relative;
  right: 8px;
  margin: 4% 50%;
}
.shipping-options-loading::after {
  position: absolute;
  width: 16px;
  height: 16px;
  top: calc(50% - 8px);
  left: calc(50% - 8px);
  border-width: 3px;
}

.shipping-address .required {
  margin-left: 0px;
}

.estimate-shipping-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.estimate-shipping-row.shipping-option {
  cursor: pointer;
}

.estimate-shipping-row.shipping-option.active {
  font-weight: bold;
}

.estimate-shipping-row-item {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
}

.estimate-shipping-row-item.shipping-item {
  padding: 8px 0;
  overflow: hidden;
  overflow-wrap: break-word;
}

.estimate-shipping-row-item.shipping-header-item {
  padding: 12px 0;
  border-bottom: 1px solid var(--color-gray-250);
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.estimate-shipping-row-item.address-item + .estimate-shipping-row-item.address-item {
  padding-left: 15px;
}

.estimate-shipping-row-item + .estimate-shipping-row-item {
  padding-left: 10px;
}

.estimate-shipping-row-item-radio {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 35px;
  flex: 0 0 35px;
}

.ship-to-title {
  margin-bottom: 10px;
}

.choose-shipping-title {
  margin-top: 20px;
}

.estimate-shipping-address-control {
  width: 100%;
  height: 36px;
}

.estimate-shipping-radio {
  display: none;
}

.estimate-shipping-radio + label {
  -webkit-appearance: none;
  background-color: var(--color-gray-100);
  border: 1px solid var(--color-gray-250);
  padding: 9px;
  border-radius: 50px;
  display: inline-block;
  position: relative;
}

.estimate-shipping-radio:checked + label:after {
  content: " ";
  width: 6px;
  height: 6px;
  border-radius: 50px;
  position: absolute;
  top: 6px;
  left: 6px;
  background: var(--color-blue-275);
}

.estimate-shipping-radio:checked + label {
  background-color: rgb(var(--color-basic-red-500)/0.85);
  color: #99a1a7;
  border: 1px solid rgb(var(--color-basic-red-500)/0.85);
}

.apply-shipping-button {
  border: none;
  padding: 8px 25px;
  background-color: rgb(var(--color-basic-red-500)/0.85);
  color: var(--color-gray-0);
}

.apply-shipping-button-container {
  margin-top: 15px;
  text-align: center;
}

.shipping-options-header {
  top: 0;
  z-index: 1;
  position: sticky;
  background-color: var(--color-gray-0);
}

.shipping-options {
  position: relative;
  z-index: 1;
  overflow: hidden;
  overflow-y: auto;
  max-height: 200px;
  background: var(--color-gray-0) no-repeat;
  background-image: -o-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)), -o-radial-gradient(50% 100%, farthest-side, rgb(242, 242, 242), rgba(0, 0, 0, 0));
  background-image: radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgb(242, 242, 242), rgba(0, 0, 0, 0));
  background-position: 0 0, 0 100%;
  background-size: 100% 7px;
}

.shipping-options:before,
.shipping-options:after {
  content: "";
  position: relative;
  z-index: -1;
  display: block;
  height: 30px;
  margin: 0 0 -30px;
  background: -o-linear-gradient(top, var(--color-gray-0), var(--color-gray-0) 30%, rgba(255, 255, 255, 0));
  background: -webkit-gradient(linear, left top, left bottom, from(var(--color-gray-0)), color-stop(30%, var(--color-gray-0)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to bottom, var(--color-gray-0), var(--color-gray-0) 30%, rgba(255, 255, 255, 0));
}

.shipping-options:after {
  margin: -30px 0 0;
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0), var(--color-gray-0) 70%, var(--color-gray-0));
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(70%, var(--color-gray-0)), to(var(--color-gray-0)));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), var(--color-gray-0) 70%, var(--color-gray-0));
}

.no-shipping-options {
  text-align: center;
  margin: 4% 0;
}

.estimate-shipping-popup .message-failure {
  margin: 5px 0 -5px;
  font-size: 0.75rem;
  color: var(--color-gray-0);
}

/*** SHOPPING CART ESTIMATE SHIPPING ***/
.shopping-cart-page .common-buttons .estimate-shipping-button {
  display: inline-block;
  min-width: 180px;
  margin: 5px;
  border: none;
  background-color: var(--color-gray-475);
  padding: 10px 20px;
  font-size: 0.9375rem;
  text-align: center;
  color: var(--color-gray-0);
}

.shopping-cart-page .common-buttons .estimate-shipping-button:hover,
.shopping-cart-page .common-buttons .estimate-shipping-button:focus {
  background-color: var(--color-gray-500);
}

/*** PRODUCT ESTIMATE SHIPPING ***/
.product-estimate-shipping {
  margin: 10px 0;
}
.product-estimate-shipping .shipping-date {
  margin-top: 3px;
}
.product-estimate-shipping .shipping-title {
  font-size: 1rem;
  font-weight: bold;
  color: var(--color-gray-750);
  margin-bottom: 5px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.product-estimate-shipping .shipping-title .shipping-price {
  margin-left: 5px;
  vertical-align: middle;
}
.product-estimate-shipping .shipping-title .shipping-loading {
  position: relative;
  margin-left: 5px;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.product-estimate-shipping .shipping-title .shipping-loading::after {
  position: absolute;
  width: 16px;
  height: 16px;
  top: calc(50% - 8px);
  left: calc(50% - 8px);
  border-width: 3px;
}
.product-estimate-shipping .open-estimate-shipping-popup .arrow-down {
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  margin: 0 0 3px 6px;
  border: solid black;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 3px;
}

.sticker-image {
  float: none !important;
}
.sticker-image .sticker-message {
  position: relative !important;
}
.sticker-image .sticker-message .sticker-red {
  position: absolute;
  padding: 5px;
  font-weight: normal;
  font-size: 0.75rem;
  background-color: rgba(255, 1, 1, 0.8509803922);
  color: var(--color-gray-0);
}
.sticker-image .sticker-message .sticker-blue {
  position: absolute;
  padding: 5px;
  font-weight: normal;
  font-size: 0.75rem;
  background-color: rgba(1, 164, 255, 0.8509803922);
  color: var(--color-gray-0);
}
.sticker-image .sticker-message .sticker-green {
  padding: 5px;
  font-weight: normal;
  font-size: 0.75rem;
  background-color: rgba(14, 196, 0, 0.7019607843);
  color: white;
}
.sticker-image .sticker-message .sticker-yellow {
  padding: 5px;
  font-weight: normal;
  font-size: 0.75rem;
  background-color: rgba(245, 255, 0, 0.8509803922);
  color: black;
}
.sticker-image .sticker-message .sticker-gold {
  padding: 5px;
  font-weight: normal;
  font-size: 0.75rem;
  background-color: rgba(255, 219, 1, 0.8509803922);
  color: black;
}
.sticker-image .sticker-message .sticker-orange {
  padding: 5px;
  font-weight: normal;
  font-size: 0.75rem;
  background-color: rgba(255, 133, 1, 0.8509803922);
  color: black;
}

/*
.wishlist-qty,
.cart-qty {
    &.filled {
        background-color: $green-color !important;
        color: $text-color-contrast !important;
    }
}
    */
span.wishlist-label,
span.cart-label {
  font-size: 0;
}

.home-page-category-grid,
.news-list-homepage,
.home-page-polls {
  margin: 0 0 25px;
  padding: 0;
  clear: both;
}
.home-page-category-grid > .title,
.news-list-homepage > .title,
.home-page-polls > .title {
  margin-bottom: 15px;
}

.home-page-category-grid > .title {
  position: relative;
}
.home-page-category-grid > .title:before {
  content: " ";
  position: absolute;
  border-top: 2px solid var(--color-gray-250);
  bottom: calc(50% - 2px);
  left: 0;
  width: 100%;
  height: 0;
}
.home-page-category-grid > .title strong {
  position: relative;
  font-size: 1.25rem;
  padding: 0 10px;
  background-color: var(--color-blue-275);
  width: auto;
  margin: 0 auto;
  text-transform: none;
  display: inline-block;
}
.home-page-category-grid .item-grid {
  justify-content: center;
}
.home-page-category-grid .item-grid .item-box {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
}
.home-page-category-grid .item-grid .item-box .category-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  border-radius: 3px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}
.home-page-category-grid .item-grid .item-box .category-item .title {
  width: 100%;
  /*background-color: $block-bg-color;*/
}
.home-page-category-grid .item-grid .item-box .category-item .title a {
  padding: 10px;
  font-size: 0.875rem;
  height: 3.6rem;
  display: block;
  font-weight: normal;
}
.home-page-category-grid .item-grid .item-box .category-item .picture {
  width: 70%;
  background-color: var(--color-gray-0);
  border-radius: 50%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.075);
}

.base-price-pangv {
  border-top: solid 1px var(--color-gray-250);
  margin-top: 0;
  padding-top: 0;
  font-size: 0.75rem;
  color: var(--color-gray-600);
}

.category-description-container {
  padding: 15px 20px;
  margin: 20px 0;
}
.category-description-container .category-description-visible h2 {
  margin-top: 0;
  padding-bottom: 5px;
}
.category-description-container .category-description-hidden {
  display: none;
}
.category-description-container h3 {
  color: #0056b3;
  border-bottom: 1px solid #ccc;
  padding-bottom: 5px;
  margin-top: 25px;
  margin-bottom: 15px;
  font-size: 1.2em;
}
.category-description-container table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
}
.category-description-container th,
.category-description-container td {
  border: 1px solid #ddd;
  padding: 10px;
  text-align: left;
}
.category-description-container th {
  background-color: #f2f7fc;
}
.category-description-container .upozornenie {
  background-color: #fffbe6;
  border-left: 4px solid #ffc107;
  padding: 15px 20px;
  margin: 20px 0;
}

.category-description-toggle-button {
  display: inline-block;
  color: #007bff !important;
  text-decoration: none !important;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  margin-top: 15px;
  transition: background-color 0.2s;
}

@media all and (max-width: 575px) {
  .responsive-nav-wrapper-parent .responsive-nav-wrapper .row .col__left > div > span,
  .responsive-nav-wrapper-parent .responsive-nav-wrapper .row .col__left > div > a,
  .responsive-nav-wrapper-parent .responsive-nav-wrapper .row .col__center > div > span,
  .responsive-nav-wrapper-parent .responsive-nav-wrapper .row .col__center > div > a,
  .responsive-nav-wrapper-parent .responsive-nav-wrapper .row .col__right > div > span,
  .responsive-nav-wrapper-parent .responsive-nav-wrapper .row .col__right > div > a {
    font-size: 0;
  }
}
@media all and (max-width: 767px) {
  .review-rating .name-description {
    text-align: center;
    width: 100%;
    display: block;
  }
  .write-review .review-rating div {
    text-align: center;
    padding-bottom: 10px;
    display: inline-block;
  }
  .footer .footer-upper {
    padding: 0;
  }
  .footer .footer-upper .footer-block:first-child .title {
    border-top: none;
  }
}
@media all and (max-width: 991px) {
  /*** GLOBAL TABLES ***/
  .master-wrapper-content {
    margin: 130px 10px 10px;
  }
  .header,
  .header-menu {
    display: none;
  }
  .overlayMobileCanvas {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1060;
    background-color: rgba(0, 0, 0, 0);
    -webkit-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
    transition: background 0.3s ease;
  }
  .overlayMobileCanvas.show {
    background-color: rgba(0, 0, 0, 0.4);
  }
  .responsive-nav-wrapper-parent .responsive-nav-wrapper {
    -webkit-transition: -webkit-transform 0.5s ease-in-out;
    transition: -webkit-transform 0.5s ease-in-out;
    -o-transition: transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
    position: fixed;
    z-index: 101;
    top: 0;
    width: 100%;
    background-color: var(--color-blue-275);
  }
  .responsive-nav-wrapper-parent .responsive-nav-wrapper .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 5px 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .responsive-nav-wrapper-parent .responsive-nav-wrapper .row:first-child {
    box-shadow: 0 1px 10px var(--color-gray-350);
    min-height: 60px;
    margin-bottom: 5px;
    /*background: $header-bg-color url(../Themes/Motoplus/Content/images/header_bg.jpg) no-repeat -870px 4px;*/
  }
  .responsive-nav-wrapper-parent .responsive-nav-wrapper .row .col__left,
  .responsive-nav-wrapper-parent .responsive-nav-wrapper .row .col__center,
  .responsive-nav-wrapper-parent .responsive-nav-wrapper .row .col__right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .responsive-nav-wrapper-parent .responsive-nav-wrapper .row .col__left > div,
  .responsive-nav-wrapper-parent .responsive-nav-wrapper .row .col__center > div,
  .responsive-nav-wrapper-parent .responsive-nav-wrapper .row .col__right > div {
    position: relative;
  }
  .responsive-nav-wrapper-parent .responsive-nav-wrapper .row .col__left > div > span,
  .responsive-nav-wrapper-parent .responsive-nav-wrapper .row .col__left > div > a,
  .responsive-nav-wrapper-parent .responsive-nav-wrapper .row .col__center > div > span,
  .responsive-nav-wrapper-parent .responsive-nav-wrapper .row .col__center > div > a,
  .responsive-nav-wrapper-parent .responsive-nav-wrapper .row .col__right > div > span,
  .responsive-nav-wrapper-parent .responsive-nav-wrapper .row .col__right > div > a {
    position: relative;
    font-size: 0;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: block;
    text-align: center;
    color: var(--color-gray-800);
  }
  .responsive-nav-wrapper-parent .responsive-nav-wrapper .row .col__left > div > span:before,
  .responsive-nav-wrapper-parent .responsive-nav-wrapper .row .col__left > div > a:before,
  .responsive-nav-wrapper-parent .responsive-nav-wrapper .row .col__center > div > span:before,
  .responsive-nav-wrapper-parent .responsive-nav-wrapper .row .col__center > div > a:before,
  .responsive-nav-wrapper-parent .responsive-nav-wrapper .row .col__right > div > span:before,
  .responsive-nav-wrapper-parent .responsive-nav-wrapper .row .col__right > div > a:before {
    display: block;
    font-family: "motoplus";
    font-size: 1.5rem;
    color: var(--color-blue-800);
    text-align: center;
    padding: 0;
  }
  .responsive-nav-wrapper-parent .responsive-nav-wrapper .row .col__left > div.mobile-logo > a,
  .responsive-nav-wrapper-parent .responsive-nav-wrapper .row .col__center > div.mobile-logo > a,
  .responsive-nav-wrapper-parent .responsive-nav-wrapper .row .col__right > div.mobile-logo > a {
    position: relative;
    display: block;
    max-width: 100%;
  }
  .responsive-nav-wrapper-parent .responsive-nav-wrapper .row .col__left .header-links span,
  .responsive-nav-wrapper-parent .responsive-nav-wrapper .row .col__left .header-links a,
  .responsive-nav-wrapper-parent .responsive-nav-wrapper .row .col__center .header-links span,
  .responsive-nav-wrapper-parent .responsive-nav-wrapper .row .col__center .header-links a,
  .responsive-nav-wrapper-parent .responsive-nav-wrapper .row .col__right .header-links span,
  .responsive-nav-wrapper-parent .responsive-nav-wrapper .row .col__right .header-links a {
    line-height: normal;
    text-transform: none;
  }
  .responsive-nav-wrapper-parent .responsive-nav-wrapper .row .col__left .wishlist-link .wishlist-qty,
  .responsive-nav-wrapper-parent .responsive-nav-wrapper .row .col__left .shopping-cart-link .cart-qty,
  .responsive-nav-wrapper-parent .responsive-nav-wrapper .row .col__center .wishlist-link .wishlist-qty,
  .responsive-nav-wrapper-parent .responsive-nav-wrapper .row .col__center .shopping-cart-link .cart-qty,
  .responsive-nav-wrapper-parent .responsive-nav-wrapper .row .col__right .wishlist-link .wishlist-qty,
  .responsive-nav-wrapper-parent .responsive-nav-wrapper .row .col__right .shopping-cart-link .cart-qty {
    position: absolute;
    top: -3px;
    right: calc(50% - 20px);
    background-color: var(--color-red-500);
    font-size: 0.625rem;
    height: auto;
    padding: 0 1px;
    width: auto;
    min-width: 20px;
    display: inline-block;
    min-height: 20px;
    line-height: 19px;
    border-radius: 50%;
    color: var(--color-gray-0);
  }
  .responsive-nav-wrapper-parent .responsive-nav-wrapper .row .col__left > div {
    margin-right: 20px;
  }
  .responsive-nav-wrapper-parent .responsive-nav-wrapper .row .col__center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    flex: 2;
  }
  .responsive-nav-wrapper-parent .responsive-nav-wrapper .row .col__center > div {
    margin-left: 10px;
    margin-right: 10px;
  }
  .responsive-nav-wrapper-parent .responsive-nav-wrapper .row .col__right {
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
  }
  .responsive-nav-wrapper-parent .responsive-nav-wrapper .row .col__right > div {
    margin-left: 20px;
  }
  .responsive-nav-wrapper-parent .responsive-nav-wrapper .row .mobile-search {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .responsive-nav-wrapper-parent .responsive-nav-wrapper .row .mobile-search .search-box {
    margin: 20px;
  }
  .responsive-nav-wrapper-parent .responsive-nav-wrapper .row .mobile-search .mobile-box-text:before {
    content: "\e90c";
  }
  .responsive-nav-wrapper-parent .responsive-nav-wrapper .row .mobile-search .search-box input.search-box-text {
    width: 100%;
  }
  .responsive-nav-wrapper-parent .responsive-nav-wrapper .row .mobile-search .search-box .search-selector {
    width: 100%;
    margin: 20px 0;
    padding: 8px 3px;
    height: auto;
  }
  .responsive-nav-wrapper-parent .responsive-nav-wrapper .row .mobile-search:after {
    display: block;
    content: "";
    clear: both;
  }
  .responsive-nav-wrapper-parent .responsive-nav-wrapper .row:after {
    display: block;
    content: "";
    clear: both;
  }
  .responsive-nav-wrapper-parent .responsive-nav-wrapper:after {
    display: block;
    content: "";
    clear: both;
  }
  .responsive-nav-wrapper-parent:after {
    display: block;
    content: "";
    clear: both;
  }
  /***MOBILE BOX***/
  .mobile-box {
    position: fixed;
    top: 0;
    left: -100%;
    width: 320px;
    max-width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: var(--color-gray-0);
    text-align: left;
    margin-top: 0 !important;
    opacity: 1;
    padding: 0;
    border-radius: 0;
    pointer-events: auto;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    z-index: 1070 !important;
  }
  .mobile-box.open {
    left: 0;
  }
  .mobile-box .mobile-box-title {
    padding: 11px 6px 10px 10px;
    background-color: var(--color-gray-0);
    color: var(--color-gray-700);
    font-size: 0.875rem;
  }
  .mobile-box .mobile-box-title span {
    display: inline-block;
    line-height: 17px;
    text-transform: uppercase;
  }
  .mobile-box .mobile-box-title .mobile-box-text {
    font-weight: bold;
    letter-spacing: 1px;
  }
  .mobile-box .mobile-box-title .mobile-box-text:before {
    content: "\e915";
    display: inline-block;
    margin-right: 15px;
    font-family: "motoplus";
    font-size: 1.125rem;
    font-weight: normal;
    letter-spacing: 0;
    text-transform: none;
    vertical-align: bottom;
  }
  .mobile-box .mobile-box-button {
    float: right;
    font-size: 0 !important;
  }
  .mobile-box .mobile-box-button:before {
    content: "\e911";
    display: inline-block;
    margin: 0 !important;
    font-family: "motoplus";
    text-transform: none;
    font-size: 1.5rem;
    color: var(--color-gray-0) !important;
    vertical-align: bottom;
  }
  .mobile-box .mobile-box-content {
    position: relative;
    overflow-y: auto;
  }
  .mobile-box .mobile-box-content .ico-filter {
    display: none;
  }
  .mobile-box .mobile-box-content .link-account {
    padding: 0 !important;
  }
  .mobile-box .mobile-box-content .link-account > a {
    display: block;
    padding: 18px;
  }
  .mobile-box .mobile-box-content .link-account ul {
    margin: 0;
  }
  .mobile-box .mobile-box-content .link-account ul li {
    padding: 15px 15px 15px 50px;
    border-top: 1px solid var(--color-gray-0);
  }
  /*** MOBILE NAVIGATION ***/
  .top-menu.mobile > li {
    position: relative;
    margin: 1px 0;
  }
  .top-menu.mobile > li > a {
    display: block;
    min-height: 55px;
    padding: 18px;
  }
  .top-menu.mobile .sublist-toggle {
    position: absolute;
    top: 0;
    right: 0;
    width: 35px;
    height: 55px;
    border-left: 1px solid var(--color-gray-0);
    color: var(--color-gray-0);
    text-transform: uppercase;
    cursor: pointer;
  }
  .top-menu.mobile .sublist-toggle > a {
    display: block;
    width: 35px;
    height: 55px;
  }
  .top-menu.mobile .sublist-toggle:before {
    color: var(--color-gray-600);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
  }
  .top-menu.mobile .sublist {
    display: none;
    padding: 0;
  }
  .top-menu.mobile .sublist.active {
    display: block;
  }
  .top-menu.mobile .sublist li {
    position: relative;
    margin: 1px 0;
  }
  .top-menu.mobile .sublist li a {
    display: block;
    padding: 15px 35px 15px 15px;
  }
  .top-menu.mobile .sublist li a:before {
    display: none;
  }
  .top-menu.mobile .sublist.first-level {
    padding-left: 20px;
  }
  .top-menu.mobile .sublist.level-1 {
    padding-left: 30px;
  }
  .top-menu.mobile .sublist.level-2 {
    padding-left: 40px;
  }
  .top-menu.mobile .sublist.level-3 {
    padding-left: 50px;
  }
  .top-menu.mobile .sublist.level-4 {
    padding-left: 60px;
  }
  .top-menu.mobile li.inactive > .sublist-toggle:before {
    content: "+";
  }
  .top-menu.mobile li.inactive .sublist {
    display: none;
  }
  .top-menu.mobile li.active > a {
    font-weight: bold;
    color: var(--color-blue-800);
  }
  .top-menu.mobile li.active > .sublist-toggle:before {
    content: "-";
    font-weight: bold;
  }
  .top-menu.mobile li.active > .sublist {
    display: block;
  }
  .mobile-category-nav .block .sublist {
    margin: 0;
  }
  .mobile-category-nav .block.block-category-navigation .title {
    background-color: var(--color-blue-800);
    padding: 5px;
    background-image: none;
  }
  .mobile-category-nav .block.block-category-navigation .title strong {
    color: var(--color-gray-0);
  }
  .mobile-category-nav .block.block-category-navigation .title strong#filter-title {
    display: none;
  }
  .mobile-category-nav .block.block-category-navigation .title strong:before {
    font-family: "motoplus" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-right: 5px;
  }
  .mobile-category-nav .block .category-listbox {
    overflow-x: auto;
    padding: 0;
  }
  .mobile-category-nav .block .category-listbox li .sublist {
    display: block;
  }
  .mobile-category-nav .block .category-listbox li.last > a {
    color: var(--color-blue-800);
  }
  .block-account-navigation {
    display: none;
  }
  .header-links .block-account-navigation {
    margin: 0;
    padding: 0;
    display: block;
  }
  .header-links .block-account-navigation .title {
    display: none;
  }
  .header-links .block-account-navigation .listbox li a:before {
    padding-right: 0;
  }
  .write-review .review-rating {
    text-align: center;
  }
  .write-review .review-rating div.name-description {
    width: 100%;
    margin: 0 5px 0 0;
    text-align: center;
  }
  /*** CART BOX ***/
  #topcartlink {
    display: none;
  }
  .cart {
    display: block;
  }
  .cart colgroup,
  .cart thead {
    display: none;
  }
  .cart tbody {
    display: block;
    overflow: hidden;
  }
  .cart tr {
    display: block;
    float: left;
    width: 100%;
    margin: 0 0 40px;
    border: 1px solid var(--color-gray-250);
  }
  .cart td {
    display: block;
    border: none;
    padding: 10px;
  }
  .cart td.remove-from-cart {
    margin: 0;
    background-color: var(--color-gray-0);
    padding: 10px;
  }
  .cart td.product-picture {
    border-top: 1px solid var(--color-gray-250);
    padding: 15px 10px 5px;
    min-height: 125px;
  }
  .cart td.product {
    min-width: 0;
    border-bottom: 1px solid var(--color-gray-250);
    padding: 5px 10px 15px;
    text-align: center;
  }
  .cart td.quantity {
    display: inline-block;
    padding: 0 10px;
    vertical-align: middle;
  }
  .cart td.unit-price, .cart td.subtotal {
    display: inline-block;
    padding: 20px 10px;
    vertical-align: middle;
  }
  .cart td label {
    font-size: 0.75rem;
    color: var(--color-gray-600);
  }
  .order-details-page .data-table {
    display: block;
  }
  .order-details-page .data-table colgroup,
  .order-details-page .data-table thead {
    display: none;
  }
  .order-details-page .data-table tbody {
    display: block;
    overflow: hidden;
  }
  .order-details-page .data-table tr {
    display: block;
    float: left;
    width: 100%;
    margin: 40px 0 0;
    border: 1px solid var(--color-gray-250);
  }
  .order-details-page .data-table td {
    display: block;
    border: none;
    padding: 10px;
  }
  .order-details-page .data-table td.product, .order-details-page .data-table td.tracking-number {
    min-width: 0;
    border-bottom: 1px solid var(--color-gray-250);
    padding: 5px 10px 15px;
    text-align: center;
  }
  .field-validation-error {
    display: block;
    max-width: 407px;
    border-radius: 3px;
    margin: 3px auto 0;
  }
}
@media all and (min-width: 576px) {
  /*** GLOBAL TABLES ***/
  .cart tr,
  .order-details-page .data-table tr {
    width: calc(50% - 4px);
    margin: 0 2px 4px;
  }
  .cart tr:nth-child(2n+1),
  .order-details-page .data-table tr:nth-child(2n+1) {
    clear: both;
  }
  .block-features .container .block-features-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .block-features .container .block-features-list .block-features-item {
    width: calc(50% - 2px);
  }
  .item-grid {
    margin: 0 -2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .item-box {
    width: calc(50% - 4px);
  }
  .home-page .item-grid .item-box {
    width: calc(33.3333% - 4px);
  }
  /*** FOOTER ***/
  .newsletter-email input[type=text] {
    width: 240px;
  }
  /*** CATEGORY ***/
  .product-filter .group li.color-item {
    display: inline-block;
  }
  .product-grid.home-page-product-grid .item-grid .item-box,
  .product-list.home-page-product-grid .item-grid .item-box {
    width: calc(33.3333% - 4px);
  }
  /*** PRODUCT PAGE ***/
  .overview-buttons div {
    display: inline-block;
    width: auto;
    margin: 0 1px 2px;
  }
  /*** WISHLIST ***/
  .wishlist-content .button-2 {
    display: inline-block;
    width: auto;
    min-width: 140px;
    margin: 0 1px 5px;
  }
  /*** TOPICS ***/
  .enter-password-form input[type=password] {
    width: 260px;
  }
  /*** FORUM & PROFILE ***/
  .forums-header {
    background-color: var(--color-gray-150);
    padding: 30px 20px 20px;
  }
  .ui-tabs-nav li {
    display: inline-block;
    min-width: 150px;
    margin: 0 5px -1px;
    /*override jQuery UI styles, do not delete doubled properties*/
    margin: 0 5px -1px !important;
  }
  .private-messages-page .buttons .button-1,
  .private-messages-page .buttons .button-2 {
    display: inline-block;
    width: auto;
    margin: 1px;
  }
  .private-message-view-page .buttons .button-1,
  .private-message-view-page .buttons .button-2 {
    display: inline-block;
    width: auto;
    margin: 1px;
  }
  .topic-post .post-text {
    float: left;
    width: 90.5%;
    text-align: left;
  }
  .forum-group .forum-table th.latest-post, .forum-group .forum-table th.topics, .forum-group .forum-table th.posts {
    display: table-cell;
  }
  .forum-group .forum-table td.latest-post, .forum-group .forum-table td.topics, .forum-group .forum-table td.posts {
    display: table-cell;
  }
  .topic-group .forum-table th.latest-post,
  .topic-group .forum-table td.latest-post {
    display: table-cell;
  }
  .forum-table td.image {
    max-width: 40px;
  }
  .forum-table td.image div {
    max-width: 100%;
    background-size: contain;
  }
  .owl-carousel.owl-theme .owl-nav {
    visibility: visible;
  }
}
@media all and (min-width: 768px) {
  /**** GLOBAL ***/
  .home-page .item-grid .item-box {
    width: calc(20% - 4px);
  }
  .home-page-polls li {
    min-width: 100px;
  }
  .page-title {
    min-height: 35px;
    padding: 7px 10px;
    margin-bottom: 20px;
  }
  /**** GLOBAL TABLES ***/
  .cart tr,
  .order-details-page .data-table tr {
    width: calc(33.33333% - 4px);
    margin: 0 2px 4px;
  }
  .cart tr:nth-child(2n+1),
  .order-details-page .data-table tr:nth-child(2n+1) {
    clear: none;
  }
  .cart tr:nth-child(3n+1),
  .order-details-page .data-table tr:nth-child(3n+1) {
    clear: both;
  }
  /*** FOOTER ***/
  .footer .footer-upper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 5px 10px 35px;
  }
  .footer .footer-upper .footer-block {
    width: 50%;
    vertical-align: top;
    margin: 0;
    padding: 0 10px 20px;
    text-align: left;
  }
  .footer .footer-upper .footer-block:first-child .title {
    padding: 10px 0;
  }
  .footer .footer-upper .footer-block .title {
    background: none;
    border-top: none;
    border-bottom: solid 1px var(--color-gray-825);
    padding: 10px 0;
  }
  .footer .footer-upper .footer-block .list {
    display: block !important;
    background: none;
    padding: 0;
  }
  .footer .footer-upper .footer-block .list li {
    padding: 0;
  }
  .footer .footer-upper .footer-block .list li a {
    padding: 5px;
  }
  .footer .footer-upper .footer-block.follow-us .social ul {
    padding: 0;
  }
  .footer .footer-lower {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px 0;
  }
  .footer .footer-lower .footer-powered-by {
    margin-top: 0;
  }
  /*** CATEGORY ***/
  .product-selectors > div {
    display: inline-block;
    text-align: right;
  }
  .product-selectors > div select {
    height: 37px;
  }
  .product-selectors .product-viewmode {
    display: inline-block;
    float: right;
  }
  .product-selectors .product-viewmode span {
    display: none;
  }
  .product-selectors .product-viewmode a {
    display: inline-block;
    width: 24px;
    height: 32px;
    margin: 0 0 0 12px;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.5;
  }
  .product-selectors .product-viewmode a.grid {
    background-image: url("../Themes/Motoplus/Content/images/view-grid.png");
  }
  .product-selectors .product-viewmode a.list {
    background-image: url("../Themes/Motoplus/Content/images/view-list.png");
  }
  .product-selectors .product-viewmode a.selected {
    opacity: 1;
  }
  .manufacturer-grid .item-box,
  .sub-category-grid .item-box,
  .vendor-grid .item-box {
    width: calc(33.3333% - 4px);
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: 5px center;
  }
  .product-list {
    /*border-top: solid 1px $border-color;*/
  }
  .product-list .item-grid {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .product-list .item-grid .item-box {
    float: none;
    width: auto;
    margin: 0 0 10px;
    text-align: left;
    padding: 0;
  }
  .product-list .item-grid .item-box .product-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    background-image: none;
    width: 100%;
  }
  .product-list .item-grid .item-box .product-item:hover .picture a img {
    opacity: 1;
  }
  .product-list .item-grid .item-box .product-item .picture {
    width: 200px;
  }
  .product-list .item-grid .item-box .product-item .picture:hover a img {
    opacity: 0.85;
  }
  .product-list .item-grid .item-box .product-item .details {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .product-list .item-grid .item-box .product-item .details .product-title {
    height: auto;
    margin: 0;
    margin: 5px 0 0 0;
    display: block;
  }
  .product-list .item-grid .item-box .product-item .details .description {
    margin: 7px 0;
  }
  .product-list .item-grid .item-box .product-item .details .spec-attr-container {
    width: auto;
    margin: 7px 0;
    display: block;
  }
  .product-list .item-grid .item-box .product-item .details .spec-attr-container .spec-attr-row {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 50% 50%;
    grid-template-columns: 50% 50%;
    padding: 5px 5px 5px 0;
    border-bottom: solid 1px var(--color-gray-250);
  }
  .product-list .item-grid .item-box .product-item .details .spec-attr-container .spec-attr-row:after {
    content: "";
    padding: 0;
    display: none;
  }
  .product-list .item-grid .item-box .product-item .details .spec-attr-container .spec-attr-row.adv {
    display: block;
    width: 70px;
    border-bottom: none;
    cursor: pointer;
  }
  .product-list .item-grid .item-box .product-item .details .spec-attr-container .spec-attr-row.colapse:after {
    display: block;
    content: "";
    clear: both;
  }
  .product-list .item-grid .item-box .product-item .details .spec-attr-container .spec-attr-row.expand:after {
    display: block;
    content: "";
    clear: both;
  }
  .product-list .item-grid .item-box .product-item .add-info {
    min-width: 220px;
    text-align: center;
    margin: 5px;
    width: 25%;
    background-color: var(--color-gray-150);
    border-radius: 3px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .product-list .item-grid .item-box .product-item .add-info > * {
    flex-grow: 0;
  }
  .product-list .item-grid .item-box .product-item .add-info .prices {
    height: auto;
    float: none;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .product-list .item-grid .item-box .product-item .add-info .buttons {
    float: none;
    margin: 10px auto;
    height: auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .product-list .item-grid .item-box .product-item .add-info .buttons .buttons-wrapper {
    float: right;
  }
  .product-list .item-grid .item-box .product-item .add-info .buttons .buttons-wrapper .add-to-compare-list-button,
  .product-list .item-grid .item-box .product-item .add-info .buttons .buttons-wrapper .add-to-wishlist-button {
    width: 42px;
  }
  .product-list .item-grid .item-box .product-item:after {
    display: block;
    content: "";
    clear: both;
  }
  .product-grid.home-page-product-grid .item-grid .item-box {
    width: calc(20% - 4px);
  }
  .product-grid .item-grid .item-box {
    width: calc(33.3333% - 4px);
  }
  .product-grid .item-grid .item-box .add-info .prices .actual-price {
    font-size: 1.0625rem;
  }
  /*** PRODUCT PAGE ***/
  .gallery {
    width: 550px;
  }
  .variant-picture {
    float: left;
  }
  .variant-picture + .variant-overview {
    width: auto;
    margin: 0 0 0 240px;
  }
  .variant-overview {
    text-align: left;
  }
  /*** PRODUCT REVIEWS ***/
  .product-review-item .review-title {
    float: left;
    max-width: 600px;
  }
  .product-review-item .product-review-box {
    float: right;
  }
  .write-review .review-rating div {
    display: inline-block;
    margin: 0 0 0 5px;
    cursor: default;
    vertical-align: middle;
    height: 17px;
  }
  /*** REGISTRATION, LOGIN, ACCOUNT ***/
  .address-list-page .section,
  .order-list-page .section,
  .return-request-list-page .section {
    display: inline-block;
    width: 45%;
    margin: 20px 1%;
    vertical-align: top;
  }
  .recurring-payments {
    width: 100% !important;
    margin: 20px 0 !important;
  }
  /*** SHOPPING CART ***/
  .order-progress {
    padding: 20px;
  }
  .order-progress li {
    margin: 0 10px;
  }
  .order-progress a {
    min-width: 80px;
  }
  .cart-options .common-buttons {
    text-align: right;
  }
  .cart-options .checkout-attributes,
  .cart-options .selected-checkout-attributes {
    padding: 0 10px;
  }
  .cart-footer .totals {
    float: right;
    width: 45%;
    margin: 0 2.5%;
  }
  .cart-footer .terms-of-service {
    text-align: left;
  }
  .cart-footer .checkout-buttons,
  .cart-footer .addon-buttons {
    text-align: right;
  }
  .cart-footer .cart-collaterals {
    float: left;
    width: 45%;
    margin: 0 2.5%;
  }
  .cart-footer .cart-collaterals div,
  .cart-footer .cart-collaterals label {
    text-align: left;
  }
  .cart-footer .estimate-shipping label {
    display: block;
    margin: 0 0 10px;
  }
  .cart-footer .estimate-shipping .buttons {
    text-align: right;
  }
  /*** CHECKOUT ***/
  .checkout-page .selected-checkout-attributes {
    float: right;
    text-align: right;
  }
  .checkout-page .cart-footer .totals {
    margin: 0;
  }
  .checkout-page .address-grid {
    overflow: hidden;
  }
  .checkout-page .address-item {
    float: left;
    width: 48%;
    margin: 0 1% 40px;
  }
  .shipping-method .method-list li,
  .payment-method .method-list li {
    display: inline-block;
    width: 25%;
    margin: 20px 2%;
    vertical-align: top;
  }
  .shipping-method .method-name {
    background-color: var(--color-gray-150);
    padding: 10px;
  }
  .payment-method .payment-logo {
    display: block;
    background-color: var(--color-gray-150);
    padding: 10px;
  }
  .payment-method .payment-details {
    display: block;
    width: auto;
    min-width: 0;
    margin: 10px 0 0;
    text-align: center;
  }
  .payment-info .info {
    padding: 30px 75px;
  }
  .order-review-data,
  .order-details-area,
  .shipment-details-area {
    overflow: hidden;
  }
  .order-details-page .section.products {
    background-color: var(--color-gray-050);
    padding: 10px;
  }
  .order-review-data > div,
  .order-details-area > div,
  .shipment-details-area > div {
    float: left;
    width: 48%;
    margin: 0 1% 40px;
  }
  /*** ORDER DETAILS & SHIPPING DETAILS ***/
  .order-details-page .section.options {
    text-align: right;
  }
  .order-details-page .selected-checkout-attributes {
    padding: 0 10px;
  }
  .order-details-page .tax-shipping-info {
    text-align: right;
  }
  .order-details-page .totals {
    float: right;
    clear: both;
  }
  .shipment-details-page .tracking-number .tracking-url {
    /*color: #4ab2f1;*/
  }
  /*** BLOG & NEWS ***/
  .blog-posts .tags {
    float: right;
    width: 80%;
    text-align: right;
  }
  .blog-posts .buttons {
    float: left;
    width: 20%;
    text-align: left;
  }
  .new-comment {
    text-align: center;
  }
  .new-comment .buttons {
    text-align: center;
  }
  .comment-list .comment {
    display: table;
    width: 100%;
    margin: 0;
  }
  .comment-list .comment:last-child {
    border-bottom: 1px solid var(--color-gray-250);
  }
  .comment-info {
    display: table-cell;
    width: 15%;
    margin: 0;
    vertical-align: top;
  }
  .comment-info .username {
    min-height: 40px;
    margin: 0;
    border: none;
    text-align: center;
  }
  .comment-info .avatar {
    border: none;
  }
  .comment-info .avatar img {
    max-width: 80%;
    max-height: 80%;
  }
  .comment-content {
    display: table-cell;
    width: 85%;
    border-left: 1px solid var(--color-gray-250);
    vertical-align: top;
    text-align: left;
  }
  .comment-time {
    min-height: 40px;
    margin: 0;
    background-color: var(--color-gray-150);
    padding: 10px 15px;
    font-weight: normal;
  }
  .comment-title {
    margin: 0 0 -20px;
    padding: 20px;
  }
  .comment-body {
    padding: 20px;
  }
  /*** FORUM & PROFILE ***/
  .forum-actions,
  .topic-actions {
    overflow: hidden;
  }
  .forum-actions .actions,
  .topic-actions .actions {
    float: left;
  }
  .forum-actions .pager,
  .topic-actions .pager {
    float: right;
    max-width: 450px;
  }
  .forum-actions .pager li,
  .topic-actions .pager li {
    margin: 2px 4px;
  }
  .forum-actions .pager.upper,
  .topic-actions.lower .actions {
    display: block;
  }
  .topic-posts {
    margin: 0 0 30px;
  }
  .topic-post {
    display: table;
    width: 100%;
    margin: 0;
  }
  .topic-post .post-info {
    display: table-cell;
    width: 15%;
    margin: 0;
    vertical-align: top;
    text-align: left;
  }
  .topic-post .user-info {
    width: auto;
  }
  .topic-post .username {
    min-height: 40px;
    margin: 0;
    border: none;
    text-align: center;
  }
  .topic-post .user-stats li {
    margin: 0;
  }
  .topic-post .send-pm {
    margin: 0 0 20px;
  }
  .topic-post .pm-button {
    padding: 8px 16px;
    font-size: 0.8125rem;
  }
  .profile-info-box .pm-button {
    padding: 8px 16px;
    font-size: 0.8125rem;
  }
  .topic-post .post-content {
    display: table-cell;
    width: 85%;
    border-left: 1px solid var(--color-gray-250);
    vertical-align: top;
    text-align: left;
  }
  .topic-post .post-head {
    min-height: 40px;
    overflow: hidden;
    background-color: var(--color-gray-150);
  }
  .topic-post .post-time {
    float: left;
    margin: 0;
    font-weight: normal;
  }
  .topic-post .post-actions {
    float: right;
    margin: 0;
  }
  .topic-post .post-actions a {
    margin: 0;
    line-height: 20px;
  }
  .topic-post .post-actions .quote-post a {
    min-width: 70px;
  }
  .topic-post .post-actions a.post-link-button {
    margin: 0 0 0 10px;
    border-left: 1px solid var(--color-gray-250);
    text-align: center;
  }
  .topic-post .post-text {
    padding: 20px 5px;
  }
  .topic-post .post-vote {
    padding: 20px 0 20px 15px;
  }
  .forum-table th.replies, .forum-table th.views, .forum-table th.votes {
    display: table-cell;
  }
  .forum-table td.replies, .forum-table td.views, .forum-table td.votes {
    display: table-cell;
  }
  .forum-table td.image {
    max-width: none;
  }
  .forum-table td.image div {
    max-width: none;
    background-size: initial;
  }
  .ui-tabs-nav {
    text-align: left;
  }
  .ui-tabs-nav li {
    margin: 0 10px -1px 0;
    /*override jQuery UI styles, do not delete doubled properties*/
    margin: 0 10px -1px 0 !important;
  }
  .profile-info-box .avatar {
    float: left;
    margin: 0 15px 15px 0;
  }
  .profile-info-box .profile-stats {
    float: left;
    text-align: left;
  }
  .profile-info-box .title {
    text-align: left;
  }
  .profile-info-box .send-pm {
    clear: both;
    text-align: left;
  }
  ul.topic-banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  ul.topic-banner li {
    width: 32%;
    float: left;
    margin: 15px 0.6666%;
  }
}
@media all and (min-width: 992px) {
  /*** GLOBAL STYLES ***/
  html {
    font-size: 16px;
  }
  .responsive-nav-wrapper-parent {
    display: none;
  }
  .master-wrapper-content {
    margin: auto;
    padding: 20px 10px 0;
  }
  .breadcrumb {
    display: block;
    margin: -15px 0 5px;
    padding: 0 10px;
  }
  .block-features {
    width: 100%;
    position: relative;
    margin-top: -20px;
    z-index: 1;
  }
  .block-features:before {
    display: block;
    content: "";
    background-color: var(--color-gray-0);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    z-index: -1;
  }
  .block-features .container .block-features-list {
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
  }
  .block-features .container .block-features-list .block-features-item {
    width: auto;
    white-space: nowrap;
  }
  .center-2 {
    float: right;
    width: 78%;
    padding-left: 10px;
    margin-left: 0;
    position: relative;
  }
  .side-2 {
    float: left;
    width: 22%;
    position: relative;
  }
  .side-2 .block-category-navigation .category-listbox .list li {
    position: relative;
  }
  .side-2 .block-category-navigation .category-listbox .list li a:before {
    display: none;
  }
  .side-2 .block-category-navigation .category-listbox .list li .sublist-toggle {
    display: block;
    position: absolute;
    width: 15px;
    height: 100%;
    top: 0;
    left: 0;
    line-height: 100%;
    cursor: pointer;
  }
  .side-2 .block-category-navigation .category-listbox .list li .sublist-toggle:before {
    font-size: 1.25rem;
    color: var(--color-red-500);
    display: inline-block;
    margin-top: calc(50% - 1px);
  }
  .side-2 .block-category-navigation .category-listbox .list li .sublist-toggle.last:before {
    font-size: 0;
    background-color: var(--color-red-500);
    display: block;
    margin: 12px auto auto 5px;
    width: 4px;
    height: 4px;
  }
  .side-2 .block-category-navigation .category-listbox .list li.inactive > .sublist-toggle:before {
    content: "+";
  }
  .side-2 .block-category-navigation .category-listbox .list li.inactive .sublist {
    display: none;
  }
  .side-2 .block-category-navigation .category-listbox .list li.active > .sublist-toggle:before {
    content: "-";
  }
  .side-2 .block-features .container .block-features-list .block-features-item {
    width: 100%;
    white-space: nowrap;
  }
  .page {
    text-align: left;
    min-height: 500px;
  }
  .page.store-closed-page {
    text-align: center;
  }
  .center-1 .buttons {
    text-align: center;
  }
  .center-2 .inputs label {
    width: 136px;
  }
  .inputs.accept-consent label {
    width: auto;
  }
  .link-rss {
    display: block;
    float: right;
    margin: 6px 0 0;
  }
  /*** GLOBAL TABLES ***/
  .flyout-cart {
    display: none;
    margin-top: -9px;
  }
  .cart tr,
  .order-details-page .data-table tr {
    width: auto;
    margin: 0;
  }
  .cart label,
  .order-details-page .data-table label {
    display: none;
  }
  /*** HEADER ***/
  .header {
    position: relative;
    z-index: 10;
    width: 100%;
    background-color: var(--color-gray-0);
  }
  .header-upper {
    position: relative;
    background-color: var(--color-blue-750);
  }
  .header-upper:after {
    display: block;
    content: "";
    clear: both;
  }
  .header-upper-wrapper {
    position: relative;
    padding: 10px 20px;
    text-align: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .header-upper-wrapper:after {
    display: block;
    content: "";
    clear: both;
  }
  .header-upper-wrapper .header-links-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
  }
  .header-upper-wrapper .header-links-wrapper .header-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .header-upper-wrapper .header-links-wrapper .header-links > ul {
    font-size: 0.75rem;
    display: inline;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .header-upper-wrapper .header-links-wrapper .header-links > ul li {
    margin: 0px 5px;
    background-color: transparent;
    display: inline-block;
    padding: 0;
    border-bottom: none;
    position: relative;
    color: var(--color-gray-0);
  }
  .header-upper-wrapper .header-links-wrapper .header-links > ul li > a, .header-upper-wrapper .header-links-wrapper .header-links > ul li > span, .header-upper-wrapper .header-links-wrapper .header-links > ul li > a > span {
    color: var(--color-gray-0);
    font-size: 0.75rem;
    font-weight: normal;
    text-transform: none;
    line-height: normal;
    display: inline;
  }
  .header-upper-wrapper .header-links-wrapper .header-links > ul li > a {
    padding: 0 10px 0 0;
    border-right: solid 1px var(--color-gray-625);
  }
  .header-upper-wrapper .header-links-wrapper .header-links > ul li > a:before {
    font-size: 0.75rem;
    padding-right: 5px;
    color: var(--color-gray-0);
  }
  .header-upper-wrapper .header-links-wrapper .header-links > ul li.link-account .block-account-navigation {
    display: none;
    position: absolute;
    background-color: var(--color-gray-0);
    z-index: 1;
    min-width: 250px;
    max-width: 300px;
  }
  .header-upper-wrapper .header-links-wrapper .header-links > ul li.link-account .block-account-navigation .title {
    background-color: transparent;
    color: var(--color-gray-700);
    border-bottom: solid 1px var(--color-gray-350);
    padding: 0 5px 5px;
  }
  .header-upper-wrapper .header-links-wrapper .header-links > ul li.link-account .block-account-navigation .listbox {
    padding: 0;
  }
  .header-upper-wrapper .header-links-wrapper .header-links > ul li.link-account .block-account-navigation .listbox ul li {
    display: block;
  }
  .header-upper-wrapper .header-links-wrapper .header-links > ul li.link-account .block-account-navigation .listbox ul li a {
    display: block;
    margin: 8px 0;
    border-right: none;
    color: var(--color-gray-700);
  }
  .header-upper-wrapper .header-links-wrapper .header-links > ul li.link-account .block-account-navigation .listbox ul li a:before {
    display: none;
  }
  .header-upper-wrapper .header-links-wrapper .header-links > ul li.link-account .block-account-navigation .listbox ul li a:hover {
    font-weight: bold;
    color: var(--color-gray-700);
  }
  .header-upper-wrapper .header-links-wrapper .header-links > ul li.link-account:hover .block-account-navigation {
    display: block;
  }
  .header-upper-wrapper .header-selectors-wrapper {
    /*display: inline-block;*/
    float: right;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .header-upper-wrapper .header-selectors-wrapper > div {
    display: inline-block;
    width: auto;
    margin: 0;
    line-height: 1;
    padding: 0;
    border-bottom: none;
    background-color: transparent;
    text-align: center;
    position: relative;
    /*font-size: .75rem;*/
  }
  .header-upper-wrapper .header-selectors-wrapper > div > span, .header-upper-wrapper .header-selectors-wrapper > div > a {
    padding: 0 10px;
    color: var(--color-gray-0);
    border-right: 1px solid var(--color-gray-625);
    font-weight: normal;
    font-size: 0.75rem;
  }
  .header-upper-wrapper .header-selectors-wrapper > div > span:before, .header-upper-wrapper .header-selectors-wrapper > div > a:before {
    color: var(--color-blue-600);
  }
  .header-upper-wrapper .header-selectors-wrapper > div > select {
    padding: 0 20px 0 5px;
    border: none;
    color: var(--color-gray-0);
    height: auto;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: transparent;
    font-size: 0.75rem;
    border-radius: 0;
    border-right: solid 1px var(--color-gray-625);
    font-weight: normal;
  }
  .header-upper-wrapper .header-selectors-wrapper > div > select option {
    background-color: var(--color-blue-750);
  }
  .header-upper-wrapper .header-selectors-wrapper > div .admin-header-links a {
    border-right: 1px solid var(--color-gray-625);
  }
  .header-upper-wrapper .currency-selector,
  .header-upper-wrapper .language-selector,
  .header-upper-wrapper .tax-display-type-selector {
    position: relative;
  }
  .header-upper-wrapper .currency-selector::before,
  .header-upper-wrapper .language-selector::before,
  .header-upper-wrapper .tax-display-type-selector::before {
    content: "\e904";
    position: absolute;
    top: 50%;
    left: auto;
    right: 0;
    -webkit-transform: translateY(-50%) rotate(0deg);
    -ms-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
    display: inline-block;
    font-family: "motoplus";
    font-size: 1rem;
    color: var(--color-gray-0);
    pointer-events: none;
    padding-right: 5px;
  }
  .header-upper-wrapper .language-list {
    text-align: left;
  }
  .header-lower {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: solid 1px var(--color-gray-250);
  }
  .header-lower > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .header-lower .header-logo {
    font-size: 0;
    margin: 3px 0 0 0;
    text-align: left;
    padding-left: 20px;
  }
  .header-lower .header-links-cart-wrapper > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .header-lower .header-links-cart-wrapper > ul > li a {
    text-align: center;
    display: inline-block;
    line-height: normal;
    position: relative;
  }
  .header-lower .header-links-cart-wrapper > ul > li a:before {
    display: block;
    margin-bottom: 3px;
    font-family: "motoplus";
    font-size: 1.5rem;
    -webkit-transition: color 0.2s ease;
    -o-transition: color 0.2s ease;
    transition: color 0.2s ease;
    padding-right: 0;
    color: var(--color-gray-700);
  }
  .header-lower .header-links-cart-wrapper > ul > li span {
    display: inline-block;
    line-height: normal;
    position: relative;
    white-space: nowrap;
    font-size: 0.75rem;
    color: var(--color-gray-700);
  }
  .header-lower .header-links-cart-wrapper .ico-wishlist span.wishlist-qty,
  .header-lower .header-links-cart-wrapper .ico-cart span.cart-qty {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%) translateX(15px);
    -ms-transform: translateX(-50%) translateX(15px);
    transform: translateX(-50%) translateX(15px);
    background-color: var(--color-red-500);
    font-size: 0.625rem;
    height: auto;
    padding: 0 3px;
    width: auto;
    min-width: 20px;
    min-height: 20px;
    line-height: 19px;
    border-radius: 20px;
    color: var(--color-gray-0);
    text-align: center;
  }
  .header-lower .header-links-cart-wrapper .ico-cart span.cart-label {
    font-weight: bold;
    display: inline-block;
    white-space: nowrap;
    color: var(--color-gray-700);
    font-size: 0.875rem;
  }
  .header-lower .header-links-cart-wrapper #topcartlink {
    padding: 0;
  }
  .header-lower .header-links-cart-wrapper .flyout-cart {
    position: absolute;
    top: calc(100% - 9px);
    right: 10px;
    z-index: 100;
    width: 33.3333%;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
    background-color: var(--color-gray-0);
    border-radius: 3px;
  }
  .header-lower .header-links-cart-wrapper .flyout-cart.active {
    display: block;
  }
  .header-lower .header-links-cart-wrapper .mini-shopping-cart {
    padding: 0;
    background-color: var(--color-gray-0);
    border-radius: 3px;
  }
  .header-lower .header-links-cart-wrapper .mini-shopping-cart .count {
    padding: 15px 10px;
    background-color: var(--color-gray-0);
    border-radius: 3px;
  }
  .header-lower .header-links-cart-wrapper .mini-shopping-cart .items {
    padding: 10px;
    background-color: var(--color-gray-0);
    margin: 0;
  }
  .header-lower .header-links-cart-wrapper .mini-shopping-cart .totals {
    padding: 10px;
    background-color: var(--color-gray-0);
    margin: 0;
  }
  .header-lower .header-links-cart-wrapper .mini-shopping-cart .buttons {
    padding: 10px;
    margin: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .header-lower .header-links-cart-wrapper .mini-shopping-cart:before {
    content: " ";
    position: absolute;
    bottom: 100%;
    left: auto;
    right: 20%;
    border: solid transparent;
    height: 0;
    width: 0;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: var(--color-gray-0);
    border-width: 8px;
    margin-left: -8px;
  }
  .responsive-nav-wrapper-parent {
    display: none;
  }
  /*** NAVIGATION ***/
  .header-menu {
    position: relative;
    z-index: 5;
    padding: 0;
    background-color: var(--color-gray-0);
    border-bottom: solid 1px var(--color-gray-250);
  }
  .header-menu > ul {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 10px;
    text-align: center;
  }
  .header-menu > ul:after {
    display: block;
    content: "";
    clear: both;
  }
  .header-menu > ul.mobile {
    display: none !important;
  }
  .header-menu > ul > li {
    display: inline-block;
    padding: 15px 0;
    vertical-align: middle;
  }
  .header-menu > ul > li > a {
    display: block;
    padding: 0 15px;
    color: var(--color-gray-700);
    cursor: pointer;
    position: relative;
    line-height: 1;
    font-size: 1rem;
    height: 100%;
  }
  .header-menu > ul > li > .sublist {
    display: none;
    position: absolute;
    min-width: 250px;
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
    background-color: var(--color-blue-200);
    padding: 10px;
    text-align: left;
    margin-top: 15px;
  }
  .header-menu > ul > li > .sublist li {
    position: relative;
  }
  .header-menu > ul > li > .sublist li a {
    display: block;
    position: relative;
    padding: 8px 0 3px 12px;
    font-size: 0.9375rem;
  }
  .header-menu > ul > li > .sublist li a:before {
    content: "";
    position: absolute;
    top: 17px;
    left: 0px;
    width: 5px;
    height: 5px;
    background-color: var(--color-red-500);
    border-radius: 50%;
  }
  .header-menu > ul > li > .sublist li > .sublist {
    display: block;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0 0 0 5px;
  }
  .header-menu > ul > li > .sublist li > .sublist.level-1 {
    border-top: solid 1px var(--color-gray-350);
  }
  .header-menu > ul > li > .sublist li > .sublist li .sublist {
    display: flex;
  }
  .header-menu > ul > li > .sublist li > .sublist li .sublist li {
    margin-left: 8px;
  }
  .header-menu > ul > li > .sublist li > .sublist li .sublist li a {
    padding: 0;
    font-size: 0.6875rem;
  }
  .header-menu > ul > li > .sublist li > .sublist li .sublist li a:before {
    display: none;
  }
  .header-menu > ul > li > .sublist.first-level.multi-column > li > a {
    font-weight: bold;
    color: var(--color-gray-850);
  }
  .header-menu > ul > li > .sublist.first-level.multi-column > li > a:before {
    display: none;
  }
  .header-menu > ul > li:hover {
    background-color: var(--color-blue-200);
  }
  .header-menu > ul > li:hover > a {
    color: var(--color-gray-800);
    z-index: 1;
  }
  .header-menu > ul > li:hover > .sublist {
    -webkit-animation-name: show;
    animation-name: show;
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    display: block;
  }
  .header-menu > ul > li:hover > .sublist.first-level.multi-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc(100% - 20px);
    left: 10px;
  }
  .header-menu > ul > li:hover > .sublist.first-level.multi-column > li {
    padding: 10px;
    width: 25%;
  }
  .menu-toggle,
  .sublist-toggle {
    display: none;
  }
  /*** FOOTER ***/
  .footer {
    margin: auto;
    padding: 20px 10px 0;
  }
  .footer .footer-upper {
    padding: 5px 10px 35px;
  }
  .footer .footer-upper:after {
    content: "";
    display: block;
    clear: both;
  }
  .footer .footer-upper .footer-block {
    width: 22%;
    padding: 0;
  }
  .footer .footer-upper .footer-block .list {
    margin: 0;
  }
  .footer .footer-upper .footer-block.follow-us {
    min-width: 300px;
    text-align: left;
  }
  .footer .footer-upper .footer-block.follow-us .social li {
    margin: 0 10px 0 0;
  }
  .footer .footer-upper .footer-block.follow-us .newsletter-email {
    display: block;
  }
  .footer .footer-upper .footer-block.follow-us .newsletter-email input[type=text] {
    width: 200px;
  }
  .footer .footer-upper .footer-block.follow-us .newsletter-email .newsletter-subscribe-button {
    /*width: 100px;*/
    /*padding: 1px 5px 0;*/
  }
  .footer .footer-upper .footer-block.follow-us .newsletter-validation .field-validation-valid {
    text-align: left;
  }
  /*** COLUMN ***/
  .block {
    float: none;
    width: auto;
    margin: 0 0 20px;
  }
  .block .listbox {
    display: block;
    border-bottom: none;
  }
  .block a.product-picture {
    display: inline-block;
    position: relative;
    width: 30%;
    margin: 0 0 0 -15px;
    vertical-align: middle;
    text-align: center;
    padding: 10px;
    border: solid 10px transparent;
  }
  .block a.product-name {
    vertical-align: middle;
  }
  .block a.product-picture + a.product-name {
    width: 70%;
  }
  .block a.product-picture + a.product-name:before {
    display: none;
  }
  [class*=center-] .block .title {
    font-size: 1rem;
  }
  /*home page*/
  .home-page .item-grid .item-box {
    width: calc(16.6666% - 4px);
  }
  /***niveslider***/
  .theme-custom {
    margin: 0 auto 60px !important;
  }
  /*** CATEGORY ***/
  .category-page .page-title {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .block.block-category-navigation .list li {
    padding: 0 0 0 10px;
  }
  .block.block-category-navigation .list li ul {
    margin: 0;
  }
  .product-list .item-box .add-info {
    padding-top: 10px;
    border-radius: 3px;
  }
  .product-grid.home-page-product-grid .item-grid .item-box {
    width: calc(16.6666% - 4px);
  }
  /*** CATEGORY PAGE ***/
  .product-selectors select {
    height: auto;
    text-align: left;
  }
  .product-essential .gallery {
    float: left;
    width: calc(50% - 5px);
  }
  .product-essential .gallery .picture {
    width: auto;
  }
  .product-essential .product-reviews-overview {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .product-essential .product-reviews-overview .product-review-box {
    width: 30%;
  }
  .product-essential .overview,
  .product-essential .variant-overview {
    float: right;
    width: calc(50% - 5px);
  }
  .product-essential .overview .label,
  .product-essential .variant-overview .label {
    display: inline-block;
    width: 30%;
    text-align: left;
  }
  .product-essential .overview .value,
  .product-essential .variant-overview .value {
    display: inline-block;
    width: auto;
    text-align: left;
  }
  .product-essential .overview .non-discounted-price > label,
  .product-essential .variant-overview .non-discounted-price > label {
    width: 30%;
  }
  .product-essential .overview .old-product-price > span:first-child,
  .product-essential .variant-overview .old-product-price > span:first-child {
    display: inline-block;
    text-align: left;
    width: 30%;
  }
  .product-essential .overview .product-price span,
  .product-essential .variant-overview .product-price span {
    font-size: 0.9375rem;
  }
  .product-essential .overview .product-price span[class*=price-value-],
  .product-essential .variant-overview .product-price span[class*=price-value-] {
    padding: 0;
    font-size: 1.375rem;
    display: inline-block;
  }
  .product-essential .overview .product-price span .price-withouttax,
  .product-essential .variant-overview .product-price span .price-withouttax {
    width: auto;
    display: block;
    color: var(--color-gray-600);
    font-weight: normal;
    margin-left: 0;
  }
  .product-essential .overview .product-price.discounted-price span:first-child,
  .product-essential .variant-overview .product-price.discounted-price span:first-child {
    width: 30%;
    display: inline-block;
    color: var(--color-gray-600);
    margin-left: 0;
    font-weight: normal;
  }
  .product-essential .overview .product-price.discounted-price span[class*=price-value-],
  .product-essential .variant-overview .product-price.discounted-price span[class*=price-value-] {
    padding: 0;
    margin-left: -8px;
  }
  .product-essential .overview .product-price.discounted-price span .price-withouttax,
  .product-essential .variant-overview .product-price.discounted-price span .price-withouttax {
    width: auto;
    display: block;
    color: var(--color-gray-600);
    font-weight: normal;
  }
  .product-essential .overview .customer-entered-price,
  .product-essential .variant-overview .customer-entered-price {
    margin: 0;
  }
  .product-essential .overview .customer-entered-price .price-input > label.enter-price-label,
  .product-essential .variant-overview .customer-entered-price .price-input > label.enter-price-label {
    width: 30%;
    display: inline-block;
    font-weight: normal;
    color: var(--color-gray-600);
  }
  .product-essential .overview .customer-entered-price .price-input > input,
  .product-essential .variant-overview .customer-entered-price .price-input > input {
    text-align: left;
  }
  .product-essential .overview .stock,
  .product-essential .variant-overview .stock {
    text-align: left;
  }
  .product-essential .overview .free-shipping,
  .product-essential .variant-overview .free-shipping {
    width: 100%;
    padding-left: 30%;
  }
  .product-essential .overview {
    padding: 20px;
  }
  .product-essential .base-price-pangv {
    padding-left: 31.5%;
  }
  .product-essential .rental-attributes {
    overflow: hidden;
  }
  .product-essential .rental-attributes .attribute-item {
    float: left;
    margin: 0 20px 0 0;
  }
  .product-essential .rental-attributes .datepicker {
    width: 160px;
    text-align: left;
  }
  .product-essential .product-share-button {
    -webkit-box-pack: normal;
    -ms-flex-pack: normal;
    justify-content: normal;
  }
  .product-essential .attribute-squares li {
    margin: 0 10px 10px 0;
  }
  /*** PRODUCT REVIEWS ***/
  .product-review-item .review-title {
    max-width: 850px;
  }
  .write-review .review-rating div.name-description {
    width: auto;
    margin: 0 5px 0 0;
    text-align: right;
  }
  /*** WISHLIST & COMPARE LIST ***/
  .compare-products-page .page-title {
    margin: 0 0 -1px;
  }
  .compare-products-page .clear-list {
    position: absolute;
    top: 7px;
    right: 0;
  }
  .compare-products-table .full-description td {
    display: table-cell;
  }
  .compare-products-table .full-description td p {
    margin-top: 0;
  }
  /*** TOPICS ***/
  .center-1 .topic-block-title {
    text-align: center;
  }
  /*** REGISTRATION, LOGIN, ACCOUNT ***/
  .gender span {
    margin: 0 10px 0 0;
  }
  .gender span > * {
    margin: 0 5px 0 0;
  }
  .date-of-birth select + select {
    margin: 0 0 0 11px;
  }
  #check-availability-button {
    display: block;
    margin: 10px auto;
  }
  .login-page .page-title {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .login-page .customer-blocks {
    overflow: hidden;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-flow: row-reverse;
    flex-flow: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .login-page .customer-blocks .new-wrapper {
    float: left;
    width: 49%;
    margin: 0;
  }
  .login-page .customer-blocks .new-wrapper .text {
    min-height: 310px;
  }
  .login-page .customer-blocks .returning-wrapper {
    float: right;
    width: 49%;
  }
  .link-login {
    position: relative;
  }
  .link-login .login-popup {
    background-color: var(--color-gray-0);
  }
  .link-login .login-popup .form-fields {
    background-color: var(--color-gray-0);
    border: none;
    padding: 30px 30px 0;
    background-image: none;
    border-radius: 3px;
  }
  .link-login .login-popup .form-fields .inputs.reversed .forgot-password {
    display: inline-block;
    text-align: center;
    float: right;
    font-size: 0.825px;
    margin: -8px 0 0 7px;
    padding: 0;
  }
  .link-login .login-popup .form-fields .inputs.reversed .forgot-password > a {
    font-size: 0.825rem;
    color: var(--color-blue-800);
    margin: -13px 0 25px;
  }
  .link-login .login-popup .form-fields .inputs.reversed .forgot-password:after {
    content: "";
    display: block;
    clear: both;
  }
  .link-login .login-popup .buttons {
    background-color: var(--color-blue-275);
    padding: 15px;
    margin: 20px 0 0;
  }
  .link-login .login-popup.active {
    position: absolute;
    width: 350px;
    height: auto;
    top: 4px;
    right: 20px;
    z-index: 1000;
    -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 10px 15px 0px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 10px 15px 0px;
    border-radius: 3px;
    padding: 0;
  }
  .link-login .login-popup-overlay.active {
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
  }
  .address-list-page .section,
  .order-list-page .section,
  .return-request-list-page .section {
    display: block;
    width: auto;
    margin: 0 0 40px;
  }
  .address-list-page .buttons,
  .order-list-page .buttons {
    position: absolute;
    top: 25px;
    right: 20px;
  }
  .avatar-page .message-error,
  .avatar-page .buttons {
    text-align: left;
  }
  .registration-page .vat-note {
    margin-left: 275px;
  }
  .customer-info-page .vat-note,
  .customer-info-page .email-to-revalidate-note {
    margin-left: 150px;
  }
  .customer-info-page .vat-status {
    display: inline-block;
  }
  /*** SHOPPING CART ***/
  .shopping-cart-page .cart-options {
    overflow: hidden;
  }
  .shopping-cart-page .checkout-attributes {
    float: left;
    max-width: 565px;
    margin: -30px 0 15px;
  }
  .shopping-cart-page .checkout-attributes li {
    margin: 5px 10px 5px 0;
  }
  .shopping-cart-page .selected-checkout-attributes {
    float: right;
    max-width: 395px;
    margin: 15px 0;
  }
  /*** CHECKOUT ***/
  .order-progress {
    margin: -30px 0 50px;
  }
  .checkout-page .address-item {
    width: 31.33333%;
  }
  .checkout-page .terms-of-service {
    text-align: center;
  }
  .payment-info .info {
    padding: 30px 15px;
  }
  .payment-info .info td:first-child {
    width: 265px !important;
    margin: 0 10px 0 0;
    text-align: right;
  }
  .payment-info .info td:only-child {
    width: 100% !important;
  }
  .order-review-data .title,
  .order-details-area .title,
  .shipment-details-area .title {
    text-align: left;
  }
  .checkout-page.payment-info-page .card-logos,
  .checkout-page.payment-info-page .bank-logos {
    text-align: center;
    margin: 10px 0 0;
  }
  .opc .order-review-data ul {
    text-align: left;
  }
  /*** SEARCH & SITEMAP ***/
  .search-page .inputs.reversed {
    margin: 0 0 20px 148px;
  }
  .advanced-search .price-range {
    margin-left: -3px;
  }
  /*** BLOG & NEWS ***/
  .comment-list {
    margin: 0 0 50px;
  }
  .news-list-homepage .news-items {
    overflow: hidden;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .news-list-homepage .news-item {
    float: left;
    width: 31.33333%;
    /*margin: 0 1% 30px;*/
  }
  .news-list-homepage .news-item:nth-child(3n+1) {
    clear: both;
  }
  .news-list-homepage .news-item:only-child {
    /*float: none;*/
    /*width: auto;*/
    /*margin: 0 0 30px;*/
  }
  .news-list-homepage .news-head {
    text-align: center;
  }
  .news-list-homepage .news-body {
    text-align: justify;
  }
  /*** FORUM & PROFILE ***/
  .forum-breadcrumb {
    margin: -30px 0 30px;
  }
  .current-time {
    float: right;
  }
  .forum-search-box {
    float: left;
  }
  .forum-search-box .advanced {
    text-align: left;
  }
  .forum-search-box .advanced a {
    line-height: normal;
  }
  .forums-table-section td {
    min-width: 150px;
  }
  .forums-table-section td:first-child {
    min-width: 90px;
  }
  .forums-table-section .view-all {
    text-align: right;
  }
  .topic-actions .pager.upper {
    display: block;
    max-width: 400px;
  }
  .forum-table .forum-details,
  .forum-table .topic-details {
    min-width: 225px;
  }
  .forum-table td {
    padding: 20px;
  }
  .forum-edit-page textarea {
    width: 600px;
    height: 250px;
  }
  .private-message-send-page textarea {
    width: 600px;
    height: 250px;
  }
  .private-message-send-page .bb-code-editor-wrapper {
    display: inline-block;
    width: 400px;
    margin: 10px 0;
    vertical-align: middle;
  }
  .product-collateral .tabs > div.tablist:not(:empty) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .product-collateral .tabs > div.tablist:not(:empty):after {
    display: block;
    content: "";
    clear: both;
  }
  .product-collateral .tabs > div.tablist:not(:empty) > div.title {
    display: inline-block;
    border-top: solid 5px var(--color-gray-0);
    border-radius: 5px 5px 0 0;
    cursor: pointer;
    padding: 10px;
    font-size: 1rem;
    margin: 0 3px 1px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.075);
  }
  .product-collateral .tabs > div.tablist:not(:empty) > div.title.active {
    border-top: solid 5px rgb(var(--color-basic-red-500)/0.85);
    color: var(--color-gray-850);
    margin-bottom: -1px;
  }
  .product-collateral .tabs [class*=tab-container-] {
    display: none;
    min-height: 200px;
    padding: 10px;
    background-color: var(--color-gray-0);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.075);
  }
  .product-collateral .tabs [class*=tab-container-].active {
    display: block;
  }
  .product-collateral .tabs [class*=tab-container-] .pager {
    margin-top: 15px;
  }
  .product-collateral .tabs .product-specs-box .data-table > div {
    -ms-grid-columns: 30% 70%;
    grid-template-columns: 30% 70%;
  }
  .product-collateral .tabs .product-specs-box .data-table > div > div {
    padding: 10px;
  }
  .product-collateral .tabs .product-specs-box .data-table > div > div.spec-name {
    font-size: 0.9375rem;
  }
  .product-collateral .tabs .product-specs-box .data-table > div > div.spec-value {
    font-size: 1rem;
  }
  .center-1 .block-features .container .block-features-list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .center-1 .block-features .container .block-features-list .block-features-item {
    border-bottom: none;
  }
  .block-25 {
    width: 25% !important;
  }
  .block-35 {
    width: calc(35% - 3px) !important;
  }
  .block-40 {
    width: calc(40% - 3px) !important;
  }
  .block-50 {
    width: calc(50% - 3px) !important;
  }
  .block-60 {
    width: calc(60% - 3px) !important;
  }
  .block-65 {
    width: calc(65% - 3px) !important;
  }
  .block-75 {
    width: 75% !important;
  }
  .block-100 {
    width: 100% !important;
  }
  .block-l {
    float: left !important;
  }
  .block-r {
    float: right !important;
  }
  .block-c {
    clear: both !important;
  }
}
@media all and (min-width: 1200px) {
  /*** GLOBAL STYLES ***/
  .header-upper-wrapper,
  .header-lower,
  .header-menu > ul,
  .master-wrapper-content,
  .footer-upper,
  .footer-lower {
    width: 95%;
    margin: 0 auto;
    max-width: 1600px;
  }
  .left {
    float: left !important;
  }
  .left-50 {
    width: 50% !important;
    float: left !important;
  }
  .left-33 {
    width: 33.3333% !important;
    float: left !important;
  }
  .left-25 {
    width: 25% !important;
    float: left !important;
  }
  .left-20 {
    width: 25% !important;
    float: left !important;
  }
  .left-16 {
    width: 16.6666% !important;
    float: left !important;
  }
  .right {
    float: right !important;
  }
  .right-50 {
    width: 50% !important;
    float: right !important;
  }
  .right-33 {
    width: 33.3333% !important;
    float: right !important;
  }
  .right-25 {
    width: 25% !important;
    float: right !important;
  }
  .right-20 {
    width: 20% !important;
    float: right !important;
  }
  .right-16 {
    width: 16.6666% !important;
    float: right !important;
  }
  .center-2 .inputs label {
    width: 213px;
  }
  .inputs.accept-consent label {
    width: auto;
  }
  /*** HEADER ***/
  .header-links li:first-child {
    display: inline-block;
  }
  /*** NAVIGATION ***/
  .footer-block {
    width: 24%;
    margin: 0;
  }
  /*HOME PAGE*/
  .home-page .item-grid .item-box {
    width: calc(14.2857% - 4px);
  }
  /*** PRODUCT REVIEWS ***/
  .product-review-item .review-title {
    max-width: 1050px;
  }
  .write-review .review-rating div.name-description {
    margin: 0 5px 0 0;
    min-width: auto;
  }
  .registration-page .vat-note {
    margin-left: 385px;
  }
  .customer-info-page .vat-note,
  .customer-info-page .email-to-revalidate-note {
    margin-left: 225px;
  }
  /*** SHOPPING CART ***/
  .cart-footer .totals {
    width: 395px;
    margin: 0;
  }
  .cart-footer .cart-collaterals {
    width: 760px;
    margin: 0;
  }
  .cart-footer .cart-collaterals .deals {
    float: left;
    width: 360px;
  }
  .cart-footer .cart-collaterals .shipping {
    float: right;
    width: 360px;
  }
  .cart-footer .estimate-shipping .inputs label {
    display: inline-block;
    width: 35%;
  }
  .cart-footer .estimate-shipping .inputs input,
  .cart-footer .estimate-shipping .inputs select {
    width: 65%;
  }
  /*** CHECKOUT ***/
  .shipping-method .method-list li,
  .payment-method .method-list li {
    margin: 20px 1%;
  }
  .payment-info .info td:first-child {
    width: 375px !important;
  }
  .payment-info .info td:only-child {
    width: 100% !important;
  }
  .product-grid .marke {
    display: block;
    float: none;
    padding: 3px 0;
  }
  /*** FORUM & PROFILE ***/
  .forum-actions .pager,
  .topic-actions .pager {
    max-width: 600px !important;
  }
  .topic-post .post-text {
    width: 930px;
    max-width: 100%;
  }
  /*** SEARCH & SITEMAP ***/
  .search-page .inputs.reversed {
    margin: 0 0 20px 225px;
  }
  .manufacturer-grid .item-box,
  .sub-category-grid .item-box,
  .vendor-grid .item-box {
    width: calc(25% - 4px);
  }
  .product-grid.home-page-product-grid .item-grid .item-box {
    width: calc(14.2857% - 4px);
  }
  .product-grid .item-grid .item-box {
    width: calc(25% - 4px);
  }
  .product-collateral .block.product-specs-box .title {
    /*display: none;*/
  }
  .product-collateral .block.product-specs-box .data-table {
    column-count: 2;
    column-gap: 35px;
  }
}
@media all and (min-width: 1400px) {
  /*HOME PAGE*/
  .home-page .item-grid .item-box {
    width: calc(12.5% - 4px);
  }
  .product-grid.home-page-product-grid .item-grid .item-box {
    width: calc(12.5% - 4px);
  }
}

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/
:root {
  --color-transparent: rgba(255, 255, 255, 0);
  /*basic gray*/
  --color-basic-gray-0: 255 255 255; /*#fff*/
  --color-basic-gray-050: 253 253 253; /*#fdfdfd*/
  --color-basic-gray-100: 249 249 249; /*#f9f9f9*/
  --color-basic-gray-150: 246 246 246; /*#f6f6f6*/
  --color-basic-gray-175: 243 243 243; /*#f3f3f3*/
  --color-basic-gray-180: 240 240 240; /*#f0f0f0*/
  --color-basic-gray-200: 238 238 238; /*#eee*/
  --color-basic-gray-250: 229 229 229; /*#e5e5e5*/
  --color-basic-gray-300: 201 201 201; /*#ddd*/
  --color-basic-gray-350: 204 204 204; /*#ccc*/
  --color-basic-gray-375: 187 187 187; /*#bbb*/
  --color-basic-gray-400: 178 178 178; /*#b2b2b2*/
  --color-basic-gray-475: 170 170 170; /*#aaa*/
  --color-basic-gray-500: 136 136 136; /*#888*/
  --color-basic-gray-550: 134 134 134; /*#868686*/
  --color-basic-gray-600: 128 128 128; /*#808080*/
  --color-basic-gray-625: 119 119 119; /*#777*/
  --color-basic-gray-650: 102 102 102; /*#666*/
  --color-basic-gray-700: 69 69 69; /*#454545*/
  --color-basic-gray-750: 68 68 68; /*#444*/
  --color-basic-gray-800: 51 51 51; /*#333*/
  --color-basic-gray-825: 38 38 38; /*#262626*/
  --color-basic-gray-850: 6 6 6; /*#060606*/
  --color-basic-gray-900: 0 0 0; /*#000;*/
  /*basic blue*/
  --color-basic-blue-075: 240 248 255; /*#f0f8ff*/
  --color-basic-blue-100: 252 253 254; /*#fcfdfe*/
  --color-basic-blue-150: 250 251 252; /*#fafbfc*/
  --color-basic-blue-200: 248 249 250; /*#f8f9fa*/
  --color-basic-blue-250: 245 246 247; /*#f5f6f7*/
  --color-basic-blue-275: 244 246 249; /*#f4f6f9*/
  --color-basic-blue-300: 243 244 245; /*#f3f4f5*/
  --color-basic-blue-350: 232 240 254; /*#e8f0fe*/
  --color-basic-blue-400: 236 239 241; /*#eceff1*/
  --color-basic-blue-450: 232 235 238; /*#e8ebee*/
  --color-basic-blue-475: 220 224 229; /*#dce0e5*/
  --color-basic-blue-500: 17 92 134; /*#115c86*/
  --color-basic-blue-600: 5 69 126; /*#05457e*/
  --color-basic-blue-700: 5 50 90; /*#05325a*/
  --color-basic-blue-750: 26 53 92; /*#1a355c*/
  --color-basic-blue-800: 20 33 61; /*#14213d*/
  --color-basic-blue-850: 0 1 3; /*#000103*/
  /*red*/
  --color-basic-red-400: 235 30 1; /*#eb1e01*/
  --color-basic-red-450: 227 40 13; /*#e3280d*/
  --color-basic-red-500: 216 18 18; /*#d81212*/
  --color-basic-red-600: 203 25 1; /*#cb1901*/
  /*green*/
  --color-basic-green-100: 254 255 255; /*#feffff*/
  --color-basic-green-500: 3 154 90; /*#039a5a*/
  /*yellow*/
  --color-basic-yellow-400: 255 210 63; /*#FFD23F*/
  /*gray*/
  --color-gray-0: rgb(var(--color-basic-gray-0)); /*#fff*/
  --color-gray-050: rgb(var(--color-basic-gray-050)); /*#fdfdfd*/
  --color-gray-100: rgb(var(--color-basic-gray-100)); /*#f9f9f9*/
  --color-gray-150: rgb(var(--color-basic-gray-150)); /*#f6f6f6*/
  --color-gray-175: rgb(var(--color-basic-gray-175)); /*#f3f3f3*/
  --color-gray-180: rgb(var(--color-basic-gray-180)); /*#f0f0f0*/
  --color-gray-200: rgb(var(--color-basic-gray-200)); /*#eee*/
  --color-gray-250: rgb(var(--color-basic-gray-250)); /*#e5e5e5*/
  --color-gray-300: rgb(var(--color-basic-gray-300)); /*#ddd*/
  --color-gray-350: rgb(var(--color-basic-gray-350)); /*#ccc*/
  --color-gray-375: rgb(var(--color-basic-gray-375)); /*#bbb*/
  --color-gray-400: rgb(var(--color-basic-gray-400)); /*#b2b2b2*/
  --color-gray-475: rgb(var(--color-basic-gray-475)); /*#aaa*/
  --color-gray-500: rgb(var(--color-basic-gray-500)); /*#888*/
  --color-gray-550: rgb(var(--color-basic-gray-550)); /*#868686*/
  --color-gray-600: rgb(var(--color-basic-gray-600)); /*#808080*/
  --color-gray-625: rgb(var(--color-basic-gray-625)); /*#777*/
  --color-gray-650: rgb(var(--color-basic-gray-650)); /*#666*/
  --color-gray-700: rgb(var(--color-basic-gray-700)); /*#454545*/
  --color-gray-750: rgb(var(--color-basic-gray-750)); /*#444*/
  --color-gray-800: rgb(var(--color-basic-gray-800)); /*#333*/
  --color-gray-825: rgb(var(--color-basic-gray-825)); /*#262626*/
  --color-gray-850: rgb(var(--color-basic-gray-850)); /*#060606*/
  --color-gray-900: rgb(var(--color-basic-gray-900)); /*#000;*/
  /*blue*/
  --color-blue-075: rgb(var(--color-basic-blue-075)); /*#f0f8ff*/
  --color-blue-100: rgb(var(--color-basic-blue-100)); /*#fcfdfe*/
  --color-blue-150: rgb(var(--color-basic-blue-150)); /*#fafbfc*/
  --color-blue-200: rgb(var(--color-basic-blue-200)); /*#f8f9fa*/
  --color-blue-250: rgb(var(--color-basic-blue-250)); /*#f5f6f7*/
  --color-blue-275: rgb(var(--color-basic-blue-275)); /*#f4f6f9*/
  --color-blue-300: rgb(var(--color-basic-blue-300)); /*#f3f4f5*/
  --color-blue-350: rgb(var(--color-basic-blue-350)); /*#e8f0fe*/
  --color-blue-400: rgb(var(--color-basic-blue-400)); /*#eceff1*/
  --color-blue-450: rgb(var(--color-basic-blue-450)); /*#e8ebee*/
  --color-blue-475: rgb(var(--color-basic-blue-475)); /*#dce0e5*/
  --color-blue-500: rgb(var(--color-basic-blue-500)); /*#115c86*/
  --color-blue-600: rgb(var(--color-basic-blue-600)); /*#05457e*/
  --color-blue-700: rgb(var(--color-basic-blue-700)); /*#05325a*/
  --color-blue-750: rgb(var(--color-basic-blue-750)); /*#1a355c*/
  --color-blue-800: rgb(var(--color-basic-blue-800)); /*#14213d*/
  --color-blue-850: rgb(var(--color-basic-blue-850)); /*#000103*/
  /*red*/
  --color-red-400: rgb(var(--color-basic-red-400)); /*#eb1e01*/
  --color-red-450: rgb(var(--color-basic-red-450)); /*#e3280d*/
  --color-red-500: rgb(var(--color-basic-red-500)); /*#d81212*/
  --color-red-600: rgb(var(--color-basic-red-600)); /*#cb1901*/
  /*green*/
  --color-green-100: rgb(var(--color-basic-green-100)); /*#feffff*/
  --color-green-500: rgb(var(--color-basic-green-500)); /*#039a5a*/
  /*yellow*/
  --color-yellow-400: rgb(var(--color-basic-yellow-400)); /*#FFD23F*/
}

.disabled * {
  color: var(--color-gray-600);
}
.disabled:hover {
  color: var(--color-gray-600);
  cursor: default;
}
.disabled input[type=checkbox] + label {
  color: var(--color-gray-600) !important;
  cursor: default !important;
}
.disabled input[type=checkbox] + label:hover {
  color: var(--color-gray-600) !important;
  cursor: default !important;
}

.price-withouttax,
.actual-price-withouttax {
  display: block;
  color: var(--color-gray-600);
  font-size: 0.75rem;
}

.overview .price-withouttax,
.variant-overview .price-withouttax {
  margin-top: 3px;
}

.product-group {
  padding: 10px;
  background-color: var(--color-gray-0);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.075);
  margin-bottom: 20px;
}
.product-group .item-grid .item-box {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-bottom: 1px solid var(--color-gray-250) !important;
}
.product-group .item-grid .item-box:last-child {
  border-bottom: none !important;
}

.product-codes-box .row {
  padding: 10px 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.product-codes-box .row:nth-child(odd) {
  background-color: var(--color-gray-150);
}
.product-codes-box .row h3 {
  font-size: 0.875rem;
  display: inline;
  flex: 0 0 150px;
  flex-shrink: 0;
  line-height: inherit;
  opacity: 0.65;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 5px 8px;
}
.product-codes-box .row .codes {
  display: inline-grid;
  flex-grow: 1;
  gap: 4px;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
}
.product-codes-box .row .codes > span {
  flex: 0 0 180px;
  flex-shrink: 0;
  line-height: inherit;
}
.product-codes-box .row .codes > span a {
  padding: 5px 8px;
  flex: 0 0 180px;
  border-left: solid 1px var(--color-gray-250);
  font-size: 0.8125rem;
}
.product-codes-box .row .codes > span a:hover {
  text-decoration: underline;
}

@media all and (min-width: 992px) {
  .overview .price-withouttax,
  .variant-overview .price-withouttax {
    margin-left: 31.5%;
  }
}

:root {
  --color-transparent: rgba(255, 255, 255, 0);
  /*basic gray*/
  --color-basic-gray-0: 255 255 255; /*#fff*/
  --color-basic-gray-050: 253 253 253; /*#fdfdfd*/
  --color-basic-gray-100: 249 249 249; /*#f9f9f9*/
  --color-basic-gray-150: 246 246 246; /*#f6f6f6*/
  --color-basic-gray-175: 243 243 243; /*#f3f3f3*/
  --color-basic-gray-180: 240 240 240; /*#f0f0f0*/
  --color-basic-gray-200: 238 238 238; /*#eee*/
  --color-basic-gray-250: 229 229 229; /*#e5e5e5*/
  --color-basic-gray-300: 201 201 201; /*#ddd*/
  --color-basic-gray-350: 204 204 204; /*#ccc*/
  --color-basic-gray-375: 187 187 187; /*#bbb*/
  --color-basic-gray-400: 178 178 178; /*#b2b2b2*/
  --color-basic-gray-475: 170 170 170; /*#aaa*/
  --color-basic-gray-500: 136 136 136; /*#888*/
  --color-basic-gray-550: 134 134 134; /*#868686*/
  --color-basic-gray-600: 128 128 128; /*#808080*/
  --color-basic-gray-625: 119 119 119; /*#777*/
  --color-basic-gray-650: 102 102 102; /*#666*/
  --color-basic-gray-700: 69 69 69; /*#454545*/
  --color-basic-gray-750: 68 68 68; /*#444*/
  --color-basic-gray-800: 51 51 51; /*#333*/
  --color-basic-gray-825: 38 38 38; /*#262626*/
  --color-basic-gray-850: 6 6 6; /*#060606*/
  --color-basic-gray-900: 0 0 0; /*#000;*/
  /*basic blue*/
  --color-basic-blue-075: 240 248 255; /*#f0f8ff*/
  --color-basic-blue-100: 252 253 254; /*#fcfdfe*/
  --color-basic-blue-150: 250 251 252; /*#fafbfc*/
  --color-basic-blue-200: 248 249 250; /*#f8f9fa*/
  --color-basic-blue-250: 245 246 247; /*#f5f6f7*/
  --color-basic-blue-275: 244 246 249; /*#f4f6f9*/
  --color-basic-blue-300: 243 244 245; /*#f3f4f5*/
  --color-basic-blue-350: 232 240 254; /*#e8f0fe*/
  --color-basic-blue-400: 236 239 241; /*#eceff1*/
  --color-basic-blue-450: 232 235 238; /*#e8ebee*/
  --color-basic-blue-475: 220 224 229; /*#dce0e5*/
  --color-basic-blue-500: 17 92 134; /*#115c86*/
  --color-basic-blue-600: 5 69 126; /*#05457e*/
  --color-basic-blue-700: 5 50 90; /*#05325a*/
  --color-basic-blue-750: 26 53 92; /*#1a355c*/
  --color-basic-blue-800: 20 33 61; /*#14213d*/
  --color-basic-blue-850: 0 1 3; /*#000103*/
  /*red*/
  --color-basic-red-400: 235 30 1; /*#eb1e01*/
  --color-basic-red-450: 227 40 13; /*#e3280d*/
  --color-basic-red-500: 216 18 18; /*#d81212*/
  --color-basic-red-600: 203 25 1; /*#cb1901*/
  /*green*/
  --color-basic-green-100: 254 255 255; /*#feffff*/
  --color-basic-green-500: 3 154 90; /*#039a5a*/
  /*yellow*/
  --color-basic-yellow-400: 255 210 63; /*#FFD23F*/
  /*gray*/
  --color-gray-0: rgb(var(--color-basic-gray-0)); /*#fff*/
  --color-gray-050: rgb(var(--color-basic-gray-050)); /*#fdfdfd*/
  --color-gray-100: rgb(var(--color-basic-gray-100)); /*#f9f9f9*/
  --color-gray-150: rgb(var(--color-basic-gray-150)); /*#f6f6f6*/
  --color-gray-175: rgb(var(--color-basic-gray-175)); /*#f3f3f3*/
  --color-gray-180: rgb(var(--color-basic-gray-180)); /*#f0f0f0*/
  --color-gray-200: rgb(var(--color-basic-gray-200)); /*#eee*/
  --color-gray-250: rgb(var(--color-basic-gray-250)); /*#e5e5e5*/
  --color-gray-300: rgb(var(--color-basic-gray-300)); /*#ddd*/
  --color-gray-350: rgb(var(--color-basic-gray-350)); /*#ccc*/
  --color-gray-375: rgb(var(--color-basic-gray-375)); /*#bbb*/
  --color-gray-400: rgb(var(--color-basic-gray-400)); /*#b2b2b2*/
  --color-gray-475: rgb(var(--color-basic-gray-475)); /*#aaa*/
  --color-gray-500: rgb(var(--color-basic-gray-500)); /*#888*/
  --color-gray-550: rgb(var(--color-basic-gray-550)); /*#868686*/
  --color-gray-600: rgb(var(--color-basic-gray-600)); /*#808080*/
  --color-gray-625: rgb(var(--color-basic-gray-625)); /*#777*/
  --color-gray-650: rgb(var(--color-basic-gray-650)); /*#666*/
  --color-gray-700: rgb(var(--color-basic-gray-700)); /*#454545*/
  --color-gray-750: rgb(var(--color-basic-gray-750)); /*#444*/
  --color-gray-800: rgb(var(--color-basic-gray-800)); /*#333*/
  --color-gray-825: rgb(var(--color-basic-gray-825)); /*#262626*/
  --color-gray-850: rgb(var(--color-basic-gray-850)); /*#060606*/
  --color-gray-900: rgb(var(--color-basic-gray-900)); /*#000;*/
  /*blue*/
  --color-blue-075: rgb(var(--color-basic-blue-075)); /*#f0f8ff*/
  --color-blue-100: rgb(var(--color-basic-blue-100)); /*#fcfdfe*/
  --color-blue-150: rgb(var(--color-basic-blue-150)); /*#fafbfc*/
  --color-blue-200: rgb(var(--color-basic-blue-200)); /*#f8f9fa*/
  --color-blue-250: rgb(var(--color-basic-blue-250)); /*#f5f6f7*/
  --color-blue-275: rgb(var(--color-basic-blue-275)); /*#f4f6f9*/
  --color-blue-300: rgb(var(--color-basic-blue-300)); /*#f3f4f5*/
  --color-blue-350: rgb(var(--color-basic-blue-350)); /*#e8f0fe*/
  --color-blue-400: rgb(var(--color-basic-blue-400)); /*#eceff1*/
  --color-blue-450: rgb(var(--color-basic-blue-450)); /*#e8ebee*/
  --color-blue-475: rgb(var(--color-basic-blue-475)); /*#dce0e5*/
  --color-blue-500: rgb(var(--color-basic-blue-500)); /*#115c86*/
  --color-blue-600: rgb(var(--color-basic-blue-600)); /*#05457e*/
  --color-blue-700: rgb(var(--color-basic-blue-700)); /*#05325a*/
  --color-blue-750: rgb(var(--color-basic-blue-750)); /*#1a355c*/
  --color-blue-800: rgb(var(--color-basic-blue-800)); /*#14213d*/
  --color-blue-850: rgb(var(--color-basic-blue-850)); /*#000103*/
  /*red*/
  --color-red-400: rgb(var(--color-basic-red-400)); /*#eb1e01*/
  --color-red-450: rgb(var(--color-basic-red-450)); /*#e3280d*/
  --color-red-500: rgb(var(--color-basic-red-500)); /*#d81212*/
  --color-red-600: rgb(var(--color-basic-red-600)); /*#cb1901*/
  /*green*/
  --color-green-100: rgb(var(--color-basic-green-100)); /*#feffff*/
  --color-green-500: rgb(var(--color-basic-green-500)); /*#039a5a*/
  /*yellow*/
  --color-yellow-400: rgb(var(--color-basic-yellow-400)); /*#FFD23F*/
}

@charset "UTF-8";
:root {
  --color-transparent: rgba(255, 255, 255, 0);
  /*basic gray*/
  --color-basic-gray-0: 255 255 255; /*#fff*/
  --color-basic-gray-050: 253 253 253; /*#fdfdfd*/
  --color-basic-gray-100: 249 249 249; /*#f9f9f9*/
  --color-basic-gray-150: 246 246 246; /*#f6f6f6*/
  --color-basic-gray-175: 243 243 243; /*#f3f3f3*/
  --color-basic-gray-180: 240 240 240; /*#f0f0f0*/
  --color-basic-gray-200: 238 238 238; /*#eee*/
  --color-basic-gray-250: 229 229 229; /*#e5e5e5*/
  --color-basic-gray-300: 201 201 201; /*#ddd*/
  --color-basic-gray-350: 204 204 204; /*#ccc*/
  --color-basic-gray-375: 187 187 187; /*#bbb*/
  --color-basic-gray-400: 178 178 178; /*#b2b2b2*/
  --color-basic-gray-475: 170 170 170; /*#aaa*/
  --color-basic-gray-500: 136 136 136; /*#888*/
  --color-basic-gray-550: 134 134 134; /*#868686*/
  --color-basic-gray-600: 128 128 128; /*#808080*/
  --color-basic-gray-625: 119 119 119; /*#777*/
  --color-basic-gray-650: 102 102 102; /*#666*/
  --color-basic-gray-700: 69 69 69; /*#454545*/
  --color-basic-gray-750: 68 68 68; /*#444*/
  --color-basic-gray-800: 51 51 51; /*#333*/
  --color-basic-gray-825: 38 38 38; /*#262626*/
  --color-basic-gray-850: 6 6 6; /*#060606*/
  --color-basic-gray-900: 0 0 0; /*#000;*/
  /*basic blue*/
  --color-basic-blue-075: 240 248 255; /*#f0f8ff*/
  --color-basic-blue-100: 252 253 254; /*#fcfdfe*/
  --color-basic-blue-150: 250 251 252; /*#fafbfc*/
  --color-basic-blue-200: 248 249 250; /*#f8f9fa*/
  --color-basic-blue-250: 245 246 247; /*#f5f6f7*/
  --color-basic-blue-275: 244 246 249; /*#f4f6f9*/
  --color-basic-blue-300: 243 244 245; /*#f3f4f5*/
  --color-basic-blue-350: 232 240 254; /*#e8f0fe*/
  --color-basic-blue-400: 236 239 241; /*#eceff1*/
  --color-basic-blue-450: 232 235 238; /*#e8ebee*/
  --color-basic-blue-475: 220 224 229; /*#dce0e5*/
  --color-basic-blue-500: 17 92 134; /*#115c86*/
  --color-basic-blue-600: 5 69 126; /*#05457e*/
  --color-basic-blue-700: 5 50 90; /*#05325a*/
  --color-basic-blue-750: 26 53 92; /*#1a355c*/
  --color-basic-blue-800: 20 33 61; /*#14213d*/
  --color-basic-blue-850: 0 1 3; /*#000103*/
  /*red*/
  --color-basic-red-400: 235 30 1; /*#eb1e01*/
  --color-basic-red-450: 227 40 13; /*#e3280d*/
  --color-basic-red-500: 216 18 18; /*#d81212*/
  --color-basic-red-600: 203 25 1; /*#cb1901*/
  /*green*/
  --color-basic-green-100: 254 255 255; /*#feffff*/
  --color-basic-green-500: 3 154 90; /*#039a5a*/
  /*yellow*/
  --color-basic-yellow-400: 255 210 63; /*#FFD23F*/
  /*gray*/
  --color-gray-0: rgb(var(--color-basic-gray-0)); /*#fff*/
  --color-gray-050: rgb(var(--color-basic-gray-050)); /*#fdfdfd*/
  --color-gray-100: rgb(var(--color-basic-gray-100)); /*#f9f9f9*/
  --color-gray-150: rgb(var(--color-basic-gray-150)); /*#f6f6f6*/
  --color-gray-175: rgb(var(--color-basic-gray-175)); /*#f3f3f3*/
  --color-gray-180: rgb(var(--color-basic-gray-180)); /*#f0f0f0*/
  --color-gray-200: rgb(var(--color-basic-gray-200)); /*#eee*/
  --color-gray-250: rgb(var(--color-basic-gray-250)); /*#e5e5e5*/
  --color-gray-300: rgb(var(--color-basic-gray-300)); /*#ddd*/
  --color-gray-350: rgb(var(--color-basic-gray-350)); /*#ccc*/
  --color-gray-375: rgb(var(--color-basic-gray-375)); /*#bbb*/
  --color-gray-400: rgb(var(--color-basic-gray-400)); /*#b2b2b2*/
  --color-gray-475: rgb(var(--color-basic-gray-475)); /*#aaa*/
  --color-gray-500: rgb(var(--color-basic-gray-500)); /*#888*/
  --color-gray-550: rgb(var(--color-basic-gray-550)); /*#868686*/
  --color-gray-600: rgb(var(--color-basic-gray-600)); /*#808080*/
  --color-gray-625: rgb(var(--color-basic-gray-625)); /*#777*/
  --color-gray-650: rgb(var(--color-basic-gray-650)); /*#666*/
  --color-gray-700: rgb(var(--color-basic-gray-700)); /*#454545*/
  --color-gray-750: rgb(var(--color-basic-gray-750)); /*#444*/
  --color-gray-800: rgb(var(--color-basic-gray-800)); /*#333*/
  --color-gray-825: rgb(var(--color-basic-gray-825)); /*#262626*/
  --color-gray-850: rgb(var(--color-basic-gray-850)); /*#060606*/
  --color-gray-900: rgb(var(--color-basic-gray-900)); /*#000;*/
  /*blue*/
  --color-blue-075: rgb(var(--color-basic-blue-075)); /*#f0f8ff*/
  --color-blue-100: rgb(var(--color-basic-blue-100)); /*#fcfdfe*/
  --color-blue-150: rgb(var(--color-basic-blue-150)); /*#fafbfc*/
  --color-blue-200: rgb(var(--color-basic-blue-200)); /*#f8f9fa*/
  --color-blue-250: rgb(var(--color-basic-blue-250)); /*#f5f6f7*/
  --color-blue-275: rgb(var(--color-basic-blue-275)); /*#f4f6f9*/
  --color-blue-300: rgb(var(--color-basic-blue-300)); /*#f3f4f5*/
  --color-blue-350: rgb(var(--color-basic-blue-350)); /*#e8f0fe*/
  --color-blue-400: rgb(var(--color-basic-blue-400)); /*#eceff1*/
  --color-blue-450: rgb(var(--color-basic-blue-450)); /*#e8ebee*/
  --color-blue-475: rgb(var(--color-basic-blue-475)); /*#dce0e5*/
  --color-blue-500: rgb(var(--color-basic-blue-500)); /*#115c86*/
  --color-blue-600: rgb(var(--color-basic-blue-600)); /*#05457e*/
  --color-blue-700: rgb(var(--color-basic-blue-700)); /*#05325a*/
  --color-blue-750: rgb(var(--color-basic-blue-750)); /*#1a355c*/
  --color-blue-800: rgb(var(--color-basic-blue-800)); /*#14213d*/
  --color-blue-850: rgb(var(--color-basic-blue-850)); /*#000103*/
  /*red*/
  --color-red-400: rgb(var(--color-basic-red-400)); /*#eb1e01*/
  --color-red-450: rgb(var(--color-basic-red-450)); /*#e3280d*/
  --color-red-500: rgb(var(--color-basic-red-500)); /*#d81212*/
  --color-red-600: rgb(var(--color-basic-red-600)); /*#cb1901*/
  /*green*/
  --color-green-100: rgb(var(--color-basic-green-100)); /*#feffff*/
  --color-green-500: rgb(var(--color-basic-green-500)); /*#039a5a*/
  /*yellow*/
  --color-yellow-400: rgb(var(--color-basic-yellow-400)); /*#FFD23F*/
}

/* PsReturnRequests – odstúpenie od zmluvy (téma Motoplus) */
.ps-return-requests-link a {
  display: inline-block;
}

.psreturnrequest-identification-page form {
  max-width: 500px;
  margin: 0 auto;
  padding: 20px;
  background-color: var(--color-gray-0);
  border-radius: 10px;
  border: solid 1px var(--color-gray-250);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.075);
}
.psreturnrequest-identification-page form .fieldset {
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.psreturnrequest-identification-page form .message-error {
  margin-bottom: 20px;
}

.psreturnrequest-detail-page .page-body {
  background-color: var(--color-gray-0);
  padding: 20px 10px;
  text-align: center;
}
.psreturnrequest-detail-page .order-number {
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 20px;
}
.psreturnrequest-detail-page .message-error {
  text-align: center;
}
.psreturnrequest-detail-page .tooltip {
  font-size: 0.875rem;
  font-weight: normal;
  margin-bottom: 20px;
}
.psreturnrequest-detail-page .fieldset {
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.psreturnrequest-detail-page .fieldset .title {
  background-color: transparent;
  border-bottom: solid 1px var(--color-gray-250);
  margin-bottom: 20px;
}
.psreturnrequest-detail-page .fieldset > .inputs {
  margin: 0 auto 3px 18px;
}
.psreturnrequest-detail-page table.cart {
  width: 100%;
  margin: 15px 0;
  border-radius: 3px;
}
.psreturnrequest-detail-page table.cart th, .psreturnrequest-detail-page table.cart td {
  padding: 8px;
  text-align: left;
  vertical-align: middle;
  border-bottom: 1px solid var(--color-gray-250);
}
.psreturnrequest-detail-page table.cart th .item-selected, .psreturnrequest-detail-page table.cart td .item-selected {
  margin-left: 10px;
}
.psreturnrequest-detail-page .item-quantity {
  max-width: 90px;
}
.psreturnrequest-detail-page .accept-consent {
  margin-top: 10px;
}

.psreturnrequest-result-page .page-body {
  background-color: var(--color-gray-0);
  padding: 20px 10px;
  text-align: center;
}
.psreturnrequest-result-page .page-body > p {
  margin-bottom: 30px;
}
.psreturnrequest-result-page .message-success {
  text-align: center;
  margin-bottom: 15px;
}

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/
:root {
  --color-transparent: rgba(255, 255, 255, 0);
  /*basic gray*/
  --color-basic-gray-0: 255 255 255; /*#fff*/
  --color-basic-gray-050: 253 253 253; /*#fdfdfd*/
  --color-basic-gray-100: 249 249 249; /*#f9f9f9*/
  --color-basic-gray-150: 246 246 246; /*#f6f6f6*/
  --color-basic-gray-175: 243 243 243; /*#f3f3f3*/
  --color-basic-gray-180: 240 240 240; /*#f0f0f0*/
  --color-basic-gray-200: 238 238 238; /*#eee*/
  --color-basic-gray-250: 229 229 229; /*#e5e5e5*/
  --color-basic-gray-300: 201 201 201; /*#ddd*/
  --color-basic-gray-350: 204 204 204; /*#ccc*/
  --color-basic-gray-375: 187 187 187; /*#bbb*/
  --color-basic-gray-400: 178 178 178; /*#b2b2b2*/
  --color-basic-gray-475: 170 170 170; /*#aaa*/
  --color-basic-gray-500: 136 136 136; /*#888*/
  --color-basic-gray-550: 134 134 134; /*#868686*/
  --color-basic-gray-600: 128 128 128; /*#808080*/
  --color-basic-gray-625: 119 119 119; /*#777*/
  --color-basic-gray-650: 102 102 102; /*#666*/
  --color-basic-gray-700: 69 69 69; /*#454545*/
  --color-basic-gray-750: 68 68 68; /*#444*/
  --color-basic-gray-800: 51 51 51; /*#333*/
  --color-basic-gray-825: 38 38 38; /*#262626*/
  --color-basic-gray-850: 6 6 6; /*#060606*/
  --color-basic-gray-900: 0 0 0; /*#000;*/
  /*basic blue*/
  --color-basic-blue-075: 240 248 255; /*#f0f8ff*/
  --color-basic-blue-100: 252 253 254; /*#fcfdfe*/
  --color-basic-blue-150: 250 251 252; /*#fafbfc*/
  --color-basic-blue-200: 248 249 250; /*#f8f9fa*/
  --color-basic-blue-250: 245 246 247; /*#f5f6f7*/
  --color-basic-blue-275: 244 246 249; /*#f4f6f9*/
  --color-basic-blue-300: 243 244 245; /*#f3f4f5*/
  --color-basic-blue-350: 232 240 254; /*#e8f0fe*/
  --color-basic-blue-400: 236 239 241; /*#eceff1*/
  --color-basic-blue-450: 232 235 238; /*#e8ebee*/
  --color-basic-blue-475: 220 224 229; /*#dce0e5*/
  --color-basic-blue-500: 17 92 134; /*#115c86*/
  --color-basic-blue-600: 5 69 126; /*#05457e*/
  --color-basic-blue-700: 5 50 90; /*#05325a*/
  --color-basic-blue-750: 26 53 92; /*#1a355c*/
  --color-basic-blue-800: 20 33 61; /*#14213d*/
  --color-basic-blue-850: 0 1 3; /*#000103*/
  /*red*/
  --color-basic-red-400: 235 30 1; /*#eb1e01*/
  --color-basic-red-450: 227 40 13; /*#e3280d*/
  --color-basic-red-500: 216 18 18; /*#d81212*/
  --color-basic-red-600: 203 25 1; /*#cb1901*/
  /*green*/
  --color-basic-green-100: 254 255 255; /*#feffff*/
  --color-basic-green-500: 3 154 90; /*#039a5a*/
  /*yellow*/
  --color-basic-yellow-400: 255 210 63; /*#FFD23F*/
  /*gray*/
  --color-gray-0: rgb(var(--color-basic-gray-0)); /*#fff*/
  --color-gray-050: rgb(var(--color-basic-gray-050)); /*#fdfdfd*/
  --color-gray-100: rgb(var(--color-basic-gray-100)); /*#f9f9f9*/
  --color-gray-150: rgb(var(--color-basic-gray-150)); /*#f6f6f6*/
  --color-gray-175: rgb(var(--color-basic-gray-175)); /*#f3f3f3*/
  --color-gray-180: rgb(var(--color-basic-gray-180)); /*#f0f0f0*/
  --color-gray-200: rgb(var(--color-basic-gray-200)); /*#eee*/
  --color-gray-250: rgb(var(--color-basic-gray-250)); /*#e5e5e5*/
  --color-gray-300: rgb(var(--color-basic-gray-300)); /*#ddd*/
  --color-gray-350: rgb(var(--color-basic-gray-350)); /*#ccc*/
  --color-gray-375: rgb(var(--color-basic-gray-375)); /*#bbb*/
  --color-gray-400: rgb(var(--color-basic-gray-400)); /*#b2b2b2*/
  --color-gray-475: rgb(var(--color-basic-gray-475)); /*#aaa*/
  --color-gray-500: rgb(var(--color-basic-gray-500)); /*#888*/
  --color-gray-550: rgb(var(--color-basic-gray-550)); /*#868686*/
  --color-gray-600: rgb(var(--color-basic-gray-600)); /*#808080*/
  --color-gray-625: rgb(var(--color-basic-gray-625)); /*#777*/
  --color-gray-650: rgb(var(--color-basic-gray-650)); /*#666*/
  --color-gray-700: rgb(var(--color-basic-gray-700)); /*#454545*/
  --color-gray-750: rgb(var(--color-basic-gray-750)); /*#444*/
  --color-gray-800: rgb(var(--color-basic-gray-800)); /*#333*/
  --color-gray-825: rgb(var(--color-basic-gray-825)); /*#262626*/
  --color-gray-850: rgb(var(--color-basic-gray-850)); /*#060606*/
  --color-gray-900: rgb(var(--color-basic-gray-900)); /*#000;*/
  /*blue*/
  --color-blue-075: rgb(var(--color-basic-blue-075)); /*#f0f8ff*/
  --color-blue-100: rgb(var(--color-basic-blue-100)); /*#fcfdfe*/
  --color-blue-150: rgb(var(--color-basic-blue-150)); /*#fafbfc*/
  --color-blue-200: rgb(var(--color-basic-blue-200)); /*#f8f9fa*/
  --color-blue-250: rgb(var(--color-basic-blue-250)); /*#f5f6f7*/
  --color-blue-275: rgb(var(--color-basic-blue-275)); /*#f4f6f9*/
  --color-blue-300: rgb(var(--color-basic-blue-300)); /*#f3f4f5*/
  --color-blue-350: rgb(var(--color-basic-blue-350)); /*#e8f0fe*/
  --color-blue-400: rgb(var(--color-basic-blue-400)); /*#eceff1*/
  --color-blue-450: rgb(var(--color-basic-blue-450)); /*#e8ebee*/
  --color-blue-475: rgb(var(--color-basic-blue-475)); /*#dce0e5*/
  --color-blue-500: rgb(var(--color-basic-blue-500)); /*#115c86*/
  --color-blue-600: rgb(var(--color-basic-blue-600)); /*#05457e*/
  --color-blue-700: rgb(var(--color-basic-blue-700)); /*#05325a*/
  --color-blue-750: rgb(var(--color-basic-blue-750)); /*#1a355c*/
  --color-blue-800: rgb(var(--color-basic-blue-800)); /*#14213d*/
  --color-blue-850: rgb(var(--color-basic-blue-850)); /*#000103*/
  /*red*/
  --color-red-400: rgb(var(--color-basic-red-400)); /*#eb1e01*/
  --color-red-450: rgb(var(--color-basic-red-450)); /*#e3280d*/
  --color-red-500: rgb(var(--color-basic-red-500)); /*#d81212*/
  --color-red-600: rgb(var(--color-basic-red-600)); /*#cb1901*/
  /*green*/
  --color-green-100: rgb(var(--color-basic-green-100)); /*#feffff*/
  --color-green-500: rgb(var(--color-basic-green-500)); /*#039a5a*/
  /*yellow*/
  --color-yellow-400: rgb(var(--color-basic-yellow-400)); /*#FFD23F*/
}

.product-accessories {
  min-height: 35px;
}

.btn-accessories {
  width: 40px;
  border: solid 1px var(--color-blue-600);
  font-size: 0 !important;
  height: 35px;
  background: var(--color-blue-600) url(../Plugins/PsSoft.ProductAccessories/Themes/Motoplus/Content/images/accessories.png) no-repeat center;
  background-size: 16px;
}
.btn-accessories:hover {
  background-color: var(--color-blue-700);
}

.product-essential .btn-accessories {
  width: auto;
  margin: 0 auto;
  line-height: 0;
  background-position-x: 14px;
  padding: 19px 15px 19px 40px;
  font-size: 0.875rem !important;
}

[aria-describedby=productaccessories-dialog] #productaccessories-dialog {
  background-color: var(--color-blue-300) !important;
}
[aria-describedby=productaccessories-dialog] #productaccessories-dialog .item-grid-group {
  margin-bottom: 10px;
}
[aria-describedby=productaccessories-dialog] #productaccessories-dialog .item-grid-group .item-grid-group-title {
  padding: 10px;
  background-color: var(--color-gray-0);
  border-bottom: solid 1px var(--color-gray-250);
}
[aria-describedby=productaccessories-dialog] #productaccessories-dialog .item-grid-group .item-grid-group-title .recommended-count {
  font-size: 1.1em;
  font-weight: bold;
}
[aria-describedby=productaccessories-dialog] #productaccessories-dialog .item-grid-group .item-box {
  margin-bottom: 0;
  padding: 0 10px;
}
[aria-describedby=productaccessories-dialog] #productaccessories-dialog .item-grid-group .buttons-more {
  margin-top: -1em;
  z-index: 1;
  background-color: var(--color-gray-0);
  position: relative;
  padding: 0 20px 15px;
  text-align: center;
  font-size: 0.8em;
}
[aria-describedby=productaccessories-dialog] #productaccessories-dialog .item-grid-group .buttons-more > span {
  cursor: pointer;
  background-color: rgb(var(--color-basic-red-500)/0.85);
  color: var(--color-gray-0);
  padding: 8px;
  border-radius: 3px;
}
[aria-describedby=productaccessories-dialog] #productaccessories-dialog .item-grid-group .buttons-more > span:hover {
  background-color: var(--color-red-600);
}

.accessories-info {
  background: var(--color-yellow-400);
  border: solid 10px var(--color-gray-0);
  padding: 10px;
  text-align: center;
}

@media all and (min-width: 1001px) {
  .product-essential .btn-accessories {
    margin: 0;
  }
}

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/
:root {
  --color-transparent: rgba(255, 255, 255, 0);
  /*basic gray*/
  --color-basic-gray-0: 255 255 255; /*#fff*/
  --color-basic-gray-050: 253 253 253; /*#fdfdfd*/
  --color-basic-gray-100: 249 249 249; /*#f9f9f9*/
  --color-basic-gray-150: 246 246 246; /*#f6f6f6*/
  --color-basic-gray-175: 243 243 243; /*#f3f3f3*/
  --color-basic-gray-180: 240 240 240; /*#f0f0f0*/
  --color-basic-gray-200: 238 238 238; /*#eee*/
  --color-basic-gray-250: 229 229 229; /*#e5e5e5*/
  --color-basic-gray-300: 201 201 201; /*#ddd*/
  --color-basic-gray-350: 204 204 204; /*#ccc*/
  --color-basic-gray-375: 187 187 187; /*#bbb*/
  --color-basic-gray-400: 178 178 178; /*#b2b2b2*/
  --color-basic-gray-475: 170 170 170; /*#aaa*/
  --color-basic-gray-500: 136 136 136; /*#888*/
  --color-basic-gray-550: 134 134 134; /*#868686*/
  --color-basic-gray-600: 128 128 128; /*#808080*/
  --color-basic-gray-625: 119 119 119; /*#777*/
  --color-basic-gray-650: 102 102 102; /*#666*/
  --color-basic-gray-700: 69 69 69; /*#454545*/
  --color-basic-gray-750: 68 68 68; /*#444*/
  --color-basic-gray-800: 51 51 51; /*#333*/
  --color-basic-gray-825: 38 38 38; /*#262626*/
  --color-basic-gray-850: 6 6 6; /*#060606*/
  --color-basic-gray-900: 0 0 0; /*#000;*/
  /*basic blue*/
  --color-basic-blue-075: 240 248 255; /*#f0f8ff*/
  --color-basic-blue-100: 252 253 254; /*#fcfdfe*/
  --color-basic-blue-150: 250 251 252; /*#fafbfc*/
  --color-basic-blue-200: 248 249 250; /*#f8f9fa*/
  --color-basic-blue-250: 245 246 247; /*#f5f6f7*/
  --color-basic-blue-275: 244 246 249; /*#f4f6f9*/
  --color-basic-blue-300: 243 244 245; /*#f3f4f5*/
  --color-basic-blue-350: 232 240 254; /*#e8f0fe*/
  --color-basic-blue-400: 236 239 241; /*#eceff1*/
  --color-basic-blue-450: 232 235 238; /*#e8ebee*/
  --color-basic-blue-475: 220 224 229; /*#dce0e5*/
  --color-basic-blue-500: 17 92 134; /*#115c86*/
  --color-basic-blue-600: 5 69 126; /*#05457e*/
  --color-basic-blue-700: 5 50 90; /*#05325a*/
  --color-basic-blue-750: 26 53 92; /*#1a355c*/
  --color-basic-blue-800: 20 33 61; /*#14213d*/
  --color-basic-blue-850: 0 1 3; /*#000103*/
  /*red*/
  --color-basic-red-400: 235 30 1; /*#eb1e01*/
  --color-basic-red-450: 227 40 13; /*#e3280d*/
  --color-basic-red-500: 216 18 18; /*#d81212*/
  --color-basic-red-600: 203 25 1; /*#cb1901*/
  /*green*/
  --color-basic-green-100: 254 255 255; /*#feffff*/
  --color-basic-green-500: 3 154 90; /*#039a5a*/
  /*yellow*/
  --color-basic-yellow-400: 255 210 63; /*#FFD23F*/
  /*gray*/
  --color-gray-0: rgb(var(--color-basic-gray-0)); /*#fff*/
  --color-gray-050: rgb(var(--color-basic-gray-050)); /*#fdfdfd*/
  --color-gray-100: rgb(var(--color-basic-gray-100)); /*#f9f9f9*/
  --color-gray-150: rgb(var(--color-basic-gray-150)); /*#f6f6f6*/
  --color-gray-175: rgb(var(--color-basic-gray-175)); /*#f3f3f3*/
  --color-gray-180: rgb(var(--color-basic-gray-180)); /*#f0f0f0*/
  --color-gray-200: rgb(var(--color-basic-gray-200)); /*#eee*/
  --color-gray-250: rgb(var(--color-basic-gray-250)); /*#e5e5e5*/
  --color-gray-300: rgb(var(--color-basic-gray-300)); /*#ddd*/
  --color-gray-350: rgb(var(--color-basic-gray-350)); /*#ccc*/
  --color-gray-375: rgb(var(--color-basic-gray-375)); /*#bbb*/
  --color-gray-400: rgb(var(--color-basic-gray-400)); /*#b2b2b2*/
  --color-gray-475: rgb(var(--color-basic-gray-475)); /*#aaa*/
  --color-gray-500: rgb(var(--color-basic-gray-500)); /*#888*/
  --color-gray-550: rgb(var(--color-basic-gray-550)); /*#868686*/
  --color-gray-600: rgb(var(--color-basic-gray-600)); /*#808080*/
  --color-gray-625: rgb(var(--color-basic-gray-625)); /*#777*/
  --color-gray-650: rgb(var(--color-basic-gray-650)); /*#666*/
  --color-gray-700: rgb(var(--color-basic-gray-700)); /*#454545*/
  --color-gray-750: rgb(var(--color-basic-gray-750)); /*#444*/
  --color-gray-800: rgb(var(--color-basic-gray-800)); /*#333*/
  --color-gray-825: rgb(var(--color-basic-gray-825)); /*#262626*/
  --color-gray-850: rgb(var(--color-basic-gray-850)); /*#060606*/
  --color-gray-900: rgb(var(--color-basic-gray-900)); /*#000;*/
  /*blue*/
  --color-blue-075: rgb(var(--color-basic-blue-075)); /*#f0f8ff*/
  --color-blue-100: rgb(var(--color-basic-blue-100)); /*#fcfdfe*/
  --color-blue-150: rgb(var(--color-basic-blue-150)); /*#fafbfc*/
  --color-blue-200: rgb(var(--color-basic-blue-200)); /*#f8f9fa*/
  --color-blue-250: rgb(var(--color-basic-blue-250)); /*#f5f6f7*/
  --color-blue-275: rgb(var(--color-basic-blue-275)); /*#f4f6f9*/
  --color-blue-300: rgb(var(--color-basic-blue-300)); /*#f3f4f5*/
  --color-blue-350: rgb(var(--color-basic-blue-350)); /*#e8f0fe*/
  --color-blue-400: rgb(var(--color-basic-blue-400)); /*#eceff1*/
  --color-blue-450: rgb(var(--color-basic-blue-450)); /*#e8ebee*/
  --color-blue-475: rgb(var(--color-basic-blue-475)); /*#dce0e5*/
  --color-blue-500: rgb(var(--color-basic-blue-500)); /*#115c86*/
  --color-blue-600: rgb(var(--color-basic-blue-600)); /*#05457e*/
  --color-blue-700: rgb(var(--color-basic-blue-700)); /*#05325a*/
  --color-blue-750: rgb(var(--color-basic-blue-750)); /*#1a355c*/
  --color-blue-800: rgb(var(--color-basic-blue-800)); /*#14213d*/
  --color-blue-850: rgb(var(--color-basic-blue-850)); /*#000103*/
  /*red*/
  --color-red-400: rgb(var(--color-basic-red-400)); /*#eb1e01*/
  --color-red-450: rgb(var(--color-basic-red-450)); /*#e3280d*/
  --color-red-500: rgb(var(--color-basic-red-500)); /*#d81212*/
  --color-red-600: rgb(var(--color-basic-red-600)); /*#cb1901*/
  /*green*/
  --color-green-100: rgb(var(--color-basic-green-100)); /*#feffff*/
  --color-green-500: rgb(var(--color-basic-green-500)); /*#039a5a*/
  /*yellow*/
  --color-yellow-400: rgb(var(--color-basic-yellow-400)); /*#FFD23F*/
}

.block.product-variant-selector {
  margin-top: 25px;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0;
}
.block.product-variant-selector > .title > strong {
  background-color: var(--color-gray-0);
}
.block.product-variant-selector .listbox {
  padding: 0;
}
.block.product-variant-selector .listbox ul {
  padding: 10px 10px 10px 20px;
}
.block.product-variant-selector .listbox ul li {
  padding: 0;
}
.block.product-variant-selector .listbox ul li a.product-picture {
  width: 60px;
  height: 60px;
  padding: 0;
  margin: 0;
  border-width: 5px;
}
.block.product-variant-selector .listbox ul li a.product-picture > img {
  font-size: 0;
}
.block.product-variant-selector .listbox ul li a.product-name {
  margin: 0;
  width: calc(100% - 65px);
}
.block.product-variant-selector .listbox ul li a.product-name .product-price {
  font-size: 0.875rem;
  margin: 3px 0 0;
  display: block;
  color: var(--color-blue-800);
  font-weight: bold;
}
.block.product-variant-selector .listbox ul li a.product-name:hover {
  color: var(--color-gray-800);
  background-color: var(--color-blue-250);
}

@charset "UTF-8";
:root {
  --color-transparent: rgba(255, 255, 255, 0);
  /*basic gray*/
  --color-basic-gray-0: 255 255 255; /*#fff*/
  --color-basic-gray-050: 253 253 253; /*#fdfdfd*/
  --color-basic-gray-100: 249 249 249; /*#f9f9f9*/
  --color-basic-gray-150: 246 246 246; /*#f6f6f6*/
  --color-basic-gray-175: 243 243 243; /*#f3f3f3*/
  --color-basic-gray-180: 240 240 240; /*#f0f0f0*/
  --color-basic-gray-200: 238 238 238; /*#eee*/
  --color-basic-gray-250: 229 229 229; /*#e5e5e5*/
  --color-basic-gray-300: 201 201 201; /*#ddd*/
  --color-basic-gray-350: 204 204 204; /*#ccc*/
  --color-basic-gray-375: 187 187 187; /*#bbb*/
  --color-basic-gray-400: 178 178 178; /*#b2b2b2*/
  --color-basic-gray-475: 170 170 170; /*#aaa*/
  --color-basic-gray-500: 136 136 136; /*#888*/
  --color-basic-gray-550: 134 134 134; /*#868686*/
  --color-basic-gray-600: 128 128 128; /*#808080*/
  --color-basic-gray-625: 119 119 119; /*#777*/
  --color-basic-gray-650: 102 102 102; /*#666*/
  --color-basic-gray-700: 69 69 69; /*#454545*/
  --color-basic-gray-750: 68 68 68; /*#444*/
  --color-basic-gray-800: 51 51 51; /*#333*/
  --color-basic-gray-825: 38 38 38; /*#262626*/
  --color-basic-gray-850: 6 6 6; /*#060606*/
  --color-basic-gray-900: 0 0 0; /*#000;*/
  /*basic blue*/
  --color-basic-blue-075: 240 248 255; /*#f0f8ff*/
  --color-basic-blue-100: 252 253 254; /*#fcfdfe*/
  --color-basic-blue-150: 250 251 252; /*#fafbfc*/
  --color-basic-blue-200: 248 249 250; /*#f8f9fa*/
  --color-basic-blue-250: 245 246 247; /*#f5f6f7*/
  --color-basic-blue-275: 244 246 249; /*#f4f6f9*/
  --color-basic-blue-300: 243 244 245; /*#f3f4f5*/
  --color-basic-blue-350: 232 240 254; /*#e8f0fe*/
  --color-basic-blue-400: 236 239 241; /*#eceff1*/
  --color-basic-blue-450: 232 235 238; /*#e8ebee*/
  --color-basic-blue-475: 220 224 229; /*#dce0e5*/
  --color-basic-blue-500: 17 92 134; /*#115c86*/
  --color-basic-blue-600: 5 69 126; /*#05457e*/
  --color-basic-blue-700: 5 50 90; /*#05325a*/
  --color-basic-blue-750: 26 53 92; /*#1a355c*/
  --color-basic-blue-800: 20 33 61; /*#14213d*/
  --color-basic-blue-850: 0 1 3; /*#000103*/
  /*red*/
  --color-basic-red-400: 235 30 1; /*#eb1e01*/
  --color-basic-red-450: 227 40 13; /*#e3280d*/
  --color-basic-red-500: 216 18 18; /*#d81212*/
  --color-basic-red-600: 203 25 1; /*#cb1901*/
  /*green*/
  --color-basic-green-100: 254 255 255; /*#feffff*/
  --color-basic-green-500: 3 154 90; /*#039a5a*/
  /*yellow*/
  --color-basic-yellow-400: 255 210 63; /*#FFD23F*/
  /*gray*/
  --color-gray-0: rgb(var(--color-basic-gray-0)); /*#fff*/
  --color-gray-050: rgb(var(--color-basic-gray-050)); /*#fdfdfd*/
  --color-gray-100: rgb(var(--color-basic-gray-100)); /*#f9f9f9*/
  --color-gray-150: rgb(var(--color-basic-gray-150)); /*#f6f6f6*/
  --color-gray-175: rgb(var(--color-basic-gray-175)); /*#f3f3f3*/
  --color-gray-180: rgb(var(--color-basic-gray-180)); /*#f0f0f0*/
  --color-gray-200: rgb(var(--color-basic-gray-200)); /*#eee*/
  --color-gray-250: rgb(var(--color-basic-gray-250)); /*#e5e5e5*/
  --color-gray-300: rgb(var(--color-basic-gray-300)); /*#ddd*/
  --color-gray-350: rgb(var(--color-basic-gray-350)); /*#ccc*/
  --color-gray-375: rgb(var(--color-basic-gray-375)); /*#bbb*/
  --color-gray-400: rgb(var(--color-basic-gray-400)); /*#b2b2b2*/
  --color-gray-475: rgb(var(--color-basic-gray-475)); /*#aaa*/
  --color-gray-500: rgb(var(--color-basic-gray-500)); /*#888*/
  --color-gray-550: rgb(var(--color-basic-gray-550)); /*#868686*/
  --color-gray-600: rgb(var(--color-basic-gray-600)); /*#808080*/
  --color-gray-625: rgb(var(--color-basic-gray-625)); /*#777*/
  --color-gray-650: rgb(var(--color-basic-gray-650)); /*#666*/
  --color-gray-700: rgb(var(--color-basic-gray-700)); /*#454545*/
  --color-gray-750: rgb(var(--color-basic-gray-750)); /*#444*/
  --color-gray-800: rgb(var(--color-basic-gray-800)); /*#333*/
  --color-gray-825: rgb(var(--color-basic-gray-825)); /*#262626*/
  --color-gray-850: rgb(var(--color-basic-gray-850)); /*#060606*/
  --color-gray-900: rgb(var(--color-basic-gray-900)); /*#000;*/
  /*blue*/
  --color-blue-075: rgb(var(--color-basic-blue-075)); /*#f0f8ff*/
  --color-blue-100: rgb(var(--color-basic-blue-100)); /*#fcfdfe*/
  --color-blue-150: rgb(var(--color-basic-blue-150)); /*#fafbfc*/
  --color-blue-200: rgb(var(--color-basic-blue-200)); /*#f8f9fa*/
  --color-blue-250: rgb(var(--color-basic-blue-250)); /*#f5f6f7*/
  --color-blue-275: rgb(var(--color-basic-blue-275)); /*#f4f6f9*/
  --color-blue-300: rgb(var(--color-basic-blue-300)); /*#f3f4f5*/
  --color-blue-350: rgb(var(--color-basic-blue-350)); /*#e8f0fe*/
  --color-blue-400: rgb(var(--color-basic-blue-400)); /*#eceff1*/
  --color-blue-450: rgb(var(--color-basic-blue-450)); /*#e8ebee*/
  --color-blue-475: rgb(var(--color-basic-blue-475)); /*#dce0e5*/
  --color-blue-500: rgb(var(--color-basic-blue-500)); /*#115c86*/
  --color-blue-600: rgb(var(--color-basic-blue-600)); /*#05457e*/
  --color-blue-700: rgb(var(--color-basic-blue-700)); /*#05325a*/
  --color-blue-750: rgb(var(--color-basic-blue-750)); /*#1a355c*/
  --color-blue-800: rgb(var(--color-basic-blue-800)); /*#14213d*/
  --color-blue-850: rgb(var(--color-basic-blue-850)); /*#000103*/
  /*red*/
  --color-red-400: rgb(var(--color-basic-red-400)); /*#eb1e01*/
  --color-red-450: rgb(var(--color-basic-red-450)); /*#e3280d*/
  --color-red-500: rgb(var(--color-basic-red-500)); /*#d81212*/
  --color-red-600: rgb(var(--color-basic-red-600)); /*#cb1901*/
  /*green*/
  --color-green-100: rgb(var(--color-basic-green-100)); /*#feffff*/
  --color-green-500: rgb(var(--color-basic-green-500)); /*#039a5a*/
  /*yellow*/
  --color-yellow-400: rgb(var(--color-basic-yellow-400)); /*#FFD23F*/
}

@-webkit-keyframes point-animation {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgb(var(--color-basic-red-500)/0.85);
    box-shadow: 0 0 0 0 rgb(var(--color-basic-red-500)/0.85);
  }
  100% {
    -webkit-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
  }
}
@keyframes point-animation {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgb(var(--color-basic-red-500)/0.85);
    box-shadow: 0 0 0 0 rgb(var(--color-basic-red-500)/0.85);
  }
  100% {
    -webkit-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
  }
}
.ajax-loading {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  margin: 0;
  content: " ";
  display: block;
  background-color: transparent;
}

.ajax-loading-roller {
  display: inline-block;
  content: " ";
  position: absolute;
  overflow: hidden;
  z-index: 1104;
  top: calc(50% - 15px);
  left: calc(50% - 15px);
  width: 30px;
  height: 30px;
  margin: 0 auto;
  border: 3px solid var(--color-red-500);
  border-radius: 50%;
  border-left-color: transparent;
  border-right-color: transparent;
  animation: cssload-spin 1000ms infinite linear;
  -o-animation: cssload-spin 1000ms infinite linear;
  -ms-animation: cssload-spin 1000ms infinite linear;
  -webkit-animation: cssload-spin 1000ms infinite linear;
  -moz-animation: cssload-spin 1000ms infinite linear;
}

.car-select-progress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 10% 20px;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}
.car-select-progress > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100px;
}
.car-select-progress > div > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.car-select-progress > div > span, .car-select-progress > div > a > span {
  display: block;
  position: relative;
  text-align: center;
  font-size: 0.875rem;
}
.car-select-progress > div > span.step-number, .car-select-progress > div > a > span.step-number {
  width: 35px;
  height: 35px;
  font-size: 1.25rem;
  background-color: var(--color-gray-250);
  color: var(--color-gray-0);
  border-radius: 50%;
  margin: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: bold;
}
.car-select-progress > div > span.step-number.point-animation:before, .car-select-progress > div > span.step-number.point-animation:after, .car-select-progress > div > a > span.step-number.point-animation:before, .car-select-progress > div > a > span.step-number.point-animation:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  -webkit-animation: inherit;
  animation: inherit;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.car-select-progress > div > span.step-number.point-animation:after, .car-select-progress > div > a > span.step-number.point-animation:after {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
.car-select-progress > div.step-separator {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.car-select-progress > div.step-separator > span {
  display: block;
  width: 100%;
  border-top: var(--color-gray-250) 5px dotted;
}
.car-select-progress > div.active > span.step-number {
  background-color: rgb(var(--color-basic-red-500)/0.85);
  color: var(--color-gray-0);
}
.car-select-progress > div.active > span.step-number.point-animation {
  -webkit-animation: point-animation 3s linear infinite;
  animation: point-animation 3s linear infinite;
}
.car-select-progress > div.selected .step-number {
  background-color: var(--color-green-500);
}

.tecalliance-copyrights {
  margin: 0 -10px;
  padding: 0 0 20px;
}
.tecalliance-copyrights .tecalliance-content {
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.tecalliance-copyrights .tecalliance-content::after {
  display: block;
  content: "";
  clear: both;
}
.tecalliance-copyrights .tecalliance-content .tecalliance-logo {
  width: 148px;
  height: 38px;
  margin-right: 10px;
  margin: 5px auto 10px;
  background-image: url(../Plugins/PsSoft.PsTecDocCore/Themes/Motoplus/Content/images/tecalliance_logo_gray.png);
}
.tecalliance-copyrights .tecalliance-content .tecalliance-logo img {
  display: none;
}
.tecalliance-copyrights .tecalliance-content .tecalliance-text {
  text-align: center;
  font-size: 0.75rem;
  color: var(--color-gray-650);
}

/* Tabs */
.tecdoc-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.tecdoc-tabs::after {
  display: block;
  content: "";
  clear: both;
}
.tecdoc-tabs .tecdoc-bar-item {
  text-align: center;
}
.tecdoc-tabs .tecdoc-bar-item > a, .tecdoc-tabs .tecdoc-bar-item > span {
  background: var(--color-gray-150);
  border: solid 1px var(--color-gray-250);
  margin: 0 0.5% -1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 50px;
  cursor: pointer;
  padding: 5px 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.075);
}
.tecdoc-tabs .tecdoc-bar-item.active a, .tecdoc-tabs .tecdoc-bar-item.active span {
  border-bottom: none;
  color: var(--color-gray-0);
  background-color: var(--color-blue-600);
}

.tecdoc-tabs-container::after {
  content: "";
  display: block;
  clear: both;
}

/* Manufacturers block */
.tecdoc-allmanufacturer .tecdoc-tabs-container {
  padding: 10px;
  /*background-color: var(--color-gray-0);*/
  margin-bottom: -2px;
  position: relative;
}
.tecdoc-allmanufacturer .tecdoc-tabs .tecdoc-bar-item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.tecdoc-allmanufacturer .tecdoc-tabs .tecdoc-bar-item > a, .tecdoc-allmanufacturer .tecdoc-tabs .tecdoc-bar-item > span {
  margin: 2px;
  background-color: var(--color-gray-0);
  border: none;
  border-radius: 3px;
}
.tecdoc-allmanufacturer .tecdoc-tabs .tecdoc-bar-item > a:hover, .tecdoc-allmanufacturer .tecdoc-tabs .tecdoc-bar-item > span:hover {
  color: rgb(var(--color-basic-red-500)/0.85);
}
.tecdoc-allmanufacturer .tecdoc-tabs .tecdoc-bar-item.active > a, .tecdoc-allmanufacturer .tecdoc-tabs .tecdoc-bar-item.active > span {
  background-color: var(--color-blue-600);
  color: var(--color-gray-0);
}
.tecdoc-allmanufacturer .tecdoc-tabs .tecdoc-bar-item.active > a:hover, .tecdoc-allmanufacturer .tecdoc-tabs .tecdoc-bar-item.active > span:hover {
  background-color: var(--color-blue-700);
}
.tecdoc-allmanufacturer .tecdoc-filter-box {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.tecdoc-allmanufacturer #tecdoc-content-container {
  padding: 10px;
  /*background-color: $block-bg-color;*/
  /*-webkit-box-shadow: $box-shadow;*/
  /*box-shadow: $box-shadow;*/
}
.tecdoc-allmanufacturer #tecdoc-content-container > div {
  display: none;
}
.tecdoc-allmanufacturer #tecdoc-content-container > div.active {
  display: block;
}

.tecdoc-manufacturer-grid .manufacturer-box {
  background-size: 35px;
  background-repeat: no-repeat;
  background-position: 50% 10px;
  float: left;
  width: calc(50% - 4px);
  margin: 2px;
  position: relative;
  font-size: 0.8125rem;
  background-color: var(--color-gray-0);
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.075);
}
.tecdoc-manufacturer-grid .manufacturer-box:hover {
  /*background-color: $block-title-color;*/
}
.tecdoc-manufacturer-grid .manufacturer-box a:hover {
  /*color: $text-color;*/
}
.tecdoc-manufacturer-grid .manufacturer-box .title {
  text-align: center;
  font-weight: normal;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: block;
  padding: 50px 10px 10px;
}
.tecdoc-manufacturer-grid .manufacturer-box .title > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: normal;
  vertical-align: middle;
}
.tecdoc-manufacturer-grid .manufacturer-box .all-manufacturer-button {
  clear: both;
  text-align: center;
  border: none;
  text-transform: uppercase;
  display: block;
  margin: 0;
  padding: 35px 10px;
  border-radius: 3px;
  font-size: 0.8125rem;
}
.tecdoc-manufacturer-grid .picture {
  margin: 0;
  height: 45px;
  position: absolute;
  width: 45px;
  top: 5px;
}
.tecdoc-manufacturer-grid::after {
  content: "";
  clear: both;
  display: block;
}

/* mnufacturer, model series, fuel filter, product filter */
.tecdoc-filter-box {
  margin-bottom: 10px;
  padding: 10px;
  background-color: var(--color-blue-275);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.tecdoc-filter-box :after {
  display: block;
  content: "";
  clear: both;
}
.tecdoc-filter-box .tecdoc-filter-box-title {
  text-align: center;
  padding: 15px;
  position: relative;
  margin-bottom: 3px;
  cursor: pointer;
  font-size: 1.5rem;
}
.tecdoc-filter-box .tecdoc-filter-box-title:before {
  content: " ";
  position: absolute;
  border-top: 2px solid var(--color-gray-200);
  bottom: calc(50% - 2px);
  left: 0;
  width: calc(100% - 30px);
  height: 0;
}
.tecdoc-filter-box .tecdoc-filter-box-title > strong {
  position: relative;
  font-size: 1.5rem;
  padding: 0 10px;
  background-color: var(--color-blue-275);
  width: auto;
  margin: 0 auto;
  text-transform: none;
  display: inline-block;
}
.tecdoc-filter-box .tecdoc-filter-box-title a {
  display: inline-block;
  padding: 3px 5px;
  background-color: var(--color-gray-0);
  color: var(--color-gray-0);
  border-radius: 4px;
  margin: 0 10px;
}
.tecdoc-filter-box .tecdoc-filter-box-title a::after {
  display: inline-block;
  content: "×";
  font-family: motoplus;
  padding: 0;
  margin-left: 5px;
}
.tecdoc-filter-box .tecdoc-filter-box-title a > strong:before {
  content: "\e909";
  font-family: motoplus;
  padding-right: 5px;
}
.tecdoc-filter-box .tecdoc-filter-box-content {
  background-color: var(--color-blue-275);
  padding: 5px 0;
}
.tecdoc-filter-box .tecdoc-filter-box-content::after {
  content: "";
  display: block;
  clear: both;
}
.tecdoc-filter-box .tecdoc-filter-box-content > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.tecdoc-filter-box .tecdoc-filter-box-content li {
  display: block;
  overflow: hidden;
  text-align: center;
  margin: 2px;
  background-color: var(--color-gray-0);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.075);
  border-radius: 3px;
}
.tecdoc-filter-box .tecdoc-filter-box-content li a {
  display: block;
  padding: 10px;
  background-color: var(--color-gray-0);
  min-width: 35px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  text-transform: capitalize;
  border-radius: 3px;
}
.tecdoc-filter-box .tecdoc-filter-box-content li.active a {
  color: var(--color-gray-0);
  background-color: rgb(var(--color-basic-red-500)/0.85);
}
.tecdoc-filter-box .tecdoc-filter-box-content li a:hover {
  color: rgb(var(--color-basic-red-500)/0.85);
}

.modelserie-page .tecdoc-filter-box .tecdoc-filter-box-content > ul {
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
}
.modelserie-page .tecdoc-filter-box .tecdoc-filter-box-content > ul li {
  width: calc(50% - 4px);
}

.side-2 .tecdoc-filter-box .tecdoc-filter-box-title {
  padding: 11px 15px 12px;
}

.tecdoc-filter-box::after {
  content: "";
  display: block;
  clear: both;
}

.block-product-filter .tecdoc-filter-box-title {
  background-color: var(--color-gray-0);
  margin-bottom: 0;
  background-image: none;
  border-width: 0;
  padding: 10px;
  text-transform: uppercase;
}

.tecdoc-filter::after, .tecdoc-filter-box::after {
  content: "";
  display: block;
  clear: both;
}

.side-2 .tecdoc-filter-title {
  background-color: transparent;
  padding: 0 !important;
}
.side-2 .tecdoc-filter-item {
  margin: 10px 0 20px;
}
.side-2 .tecdoc-filter-item select {
  width: 100%;
}

.tecdoc-description {
  position: relative;
  margin: 0 0 10px;
  text-align: center;
  padding: 10px;
  font-size: 1.25rem;
  color: var(--color-blue-800);
  background-color: var(--color-gray-0);
  display: none;
}

/* Group Box */
.group-box {
  text-align: left;
  margin-top: -1px;
  margin-bottom: 30px;
  background-color: var(--color-blue-275);
  padding: 10px 0;
  width: 100%;
}
.group-box .group-box-title {
  text-align: center;
  padding: 5px;
  position: relative;
}
.group-box .group-box-title > h2 {
  display: inline-block;
  line-height: normal;
  padding: 5px 10px;
  vertical-align: middle;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  font-weight: bold;
  font-size: 1.5rem;
  margin: 0;
  position: relative;
  background-color: var(--color-blue-275);
}
.group-box .group-box-title > span {
  display: none;
  color: var(--color-gray-175);
}
.group-box .group-box-title-item > h2 {
  display: inline-block;
  line-height: normal;
  padding: 5px 10px;
  vertical-align: middle;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  font-weight: bold;
  font-size: 1rem;
  margin: 0;
}
.group-box .group-box-title-item > span {
  display: none;
  color: var(--color-gray-175);
}
.group-box .group-box-content {
  margin-bottom: 5px;
  position: relative;
  background-color: var(--color-gray-0);
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.075);
}
.group-box .group-box-content-item {
  vertical-align: middle;
  color: var(--color-gray-800);
  line-height: normal;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.group-box .group-box-content-item::after {
  clear: both;
  content: " ";
  display: block;
}
.group-box .group-box-content-item span {
  padding: 3px 0;
}
.group-box .group-box-content:hover .group-box-content-item {
  color: rgb(var(--color-basic-red-500)/0.85);
}
.group-box .group-box-content:hover .group-box-content-item span {
  color: rgb(var(--color-basic-red-500)/0.85);
}
.group-box .group-box-content-img {
  float: right;
  display: inline-block;
  height: 24px;
  width: 24px;
  background-image: url("../Plugins/PsSoft.PsTecDocCore/Themes/Motoplus/Content/images/camera.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 6px;
  right: 5px;
}
.group-box .group-box-content-item > h2, .group-box .group-box-content-item > span {
  display: block;
  line-height: normal;
  padding: 3px 0;
  vertical-align: middle;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  float: left;
}
.group-box .group-box-content-item h2 {
  padding-left: 10px;
}
.group-box .group-box-content .title {
  width: 100%;
  text-align: left;
  font-weight: bold;
}
.group-box::after, .group-box .group-box-item::after, .group-box .group-box-title::after, .group-box .group-box-content::after {
  content: "";
  display: block;
  clear: both;
}

/* Group box model serie */
.tecdoc-modelserie-grid {
  padding: 0 10px;
}
.tecdoc-modelserie-grid .group-box-title:before {
  content: " ";
  position: absolute;
  border-top: 2px solid var(--color-gray-250);
  bottom: calc(50% - 2px);
  left: 0;
  width: 100%;
  height: 0;
}
.tecdoc-modelserie-grid .group-box-title > h2 {
  color: var(--color-red-500);
}
.tecdoc-modelserie-grid .group-box-content .picture {
  width: 24%;
  margin-top: -35px;
  padding: 0;
  max-width: 70px;
}

/* Group box - Passenger Cars */
.tecdoc-vehicle-grid {
  padding: 0 10px;
  position: relative;
}
.tecdoc-vehicle-grid .group-box .group-box-title-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}
.tecdoc-vehicle-grid .group-box .group-box-title-item:before {
  content: " ";
  position: absolute;
  border-top: 2px solid var(--color-gray-200);
  bottom: calc(50% - 2px);
  left: 0;
  width: 100%;
  height: 0;
}
.tecdoc-vehicle-grid .group-box .group-box-title-item > h2 {
  position: relative;
  font-size: 1.5rem;
  background-color: var(--color-blue-275);
}
.tecdoc-vehicle-grid .group-box span {
  padding: 0 3px;
}
.tecdoc-vehicle-grid .group-box .production-period {
  color: var(--color-red-500);
  width: 100%;
  font-weight: bold;
}
.tecdoc-vehicle-grid .group-box .group-box-content:hover .production-period {
  color: rgb(var(--color-basic-red-500)/0.85);
}
.tecdoc-vehicle-grid .group-box .production-period > span, .tecdoc-vehicle-grid .group-box .engine-fuel > span {
  display: none;
}
.tecdoc-vehicle-grid .engine-codes {
  width: 100%;
}
.tecdoc-vehicle-grid .engine-codes > span {
  margin-right: 10px;
  padding: 0;
  font-size: 0.8125rem;
  color: var(--color-gray-600);
}

/* Commercial vehicles */
.page.commercial-vehicle .group-box .production-period {
  font-weight: bold;
}
.page.commercial-vehicle .group-box .production-period span {
  display: none;
}
.page.commercial-vehicle .group-box .engine-fuel > span, .page.commercial-vehicle .group-box .vehicle-platform > span, .page.commercial-vehicle .group-box .vehicle-configuration > span {
  display: none;
}
.page.commercial-vehicle .group-box .vehicle-tonnage > span {
  margin-left: 5px;
}

/* CATALOG */
.tecdoc-catalog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.tecdoc-catalog::after {
  display: block;
  clear: both;
  content: "";
}

.tecdoc-catalog-box {
  position: relative;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: left;
  width: 100%;
  margin: 3px;
  background-size: 30%;
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) center;
  padding: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-bottom: 20px;
  min-height: 200px;
  background-color: var(--color-gray-0);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.075);
}
.tecdoc-catalog-box .tecdoc-catalog-box-title {
  font-size: 0.875rem;
  display: block;
  text-transform: uppercase;
  position: relative;
  padding: 10px;
  background-color: var(--color-gray-0);
  border-radius: 3px;
}
.tecdoc-catalog-box .tecdoc-catalog-box-title a {
  line-height: normal;
  color: var(--color-gray-800);
}
.tecdoc-catalog-box .tecdoc-catalog-box-title:hover {
  text-decoration: underline;
}
.tecdoc-catalog-box .tecdoc-catalog-box-content {
  padding: 10px 0 10px 10px;
  border-top: none;
  width: 65%;
  margin-bottom: 15px;
  position: relative;
  vertical-align: top;
}
.tecdoc-catalog-box .tecdoc-catalog-box-content li {
  list-style: none;
  padding: 10px 0 10px 10px;
  position: relative;
}
.tecdoc-catalog-box .tecdoc-catalog-box-content h3 {
  padding: 5px;
}
.tecdoc-catalog-box .tecdoc-catalog-box-content a {
  display: block;
  font-size: 0.875rem;
}
.tecdoc-catalog-box .tecdoc-catalog-box-content a:before {
  display: inline-block;
  width: 5px;
  height: 5px;
  background-color: var(--color-red-500);
  content: " ";
  position: absolute;
  left: 0;
  top: calc(50% - 2.5px);
}
.tecdoc-catalog-box .tecdoc-catalog-box-content a:hover {
  text-decoration: underline;
}
.tecdoc-catalog-box .tecdoc-catalog-box-content a.more-category {
  color: var(--color-blue-800);
}

/*OVERIDE MAIN CSS*/
.buttons-wrapper input {
  float: left;
}

.product-list {
  /* nakres na rozpise dielov */
}
.product-list.drawing {
  display: block;
}
.product-list.drawing:after {
  display: block;
  content: "";
  clear: both;
}
.product-list.drawing .item-grid {
  display: block !important;
}
.product-list.drawing .item-grid .item-box {
  border: none;
  display: block;
}
.product-list.drawing .item-grid .item-box .product-item {
  background-image: none;
  border-radius: 0;
  padding: 0;
}
.product-list.drawing .item-grid .item-box .product-item .details {
  padding: 10px;
  margin: 0;
  width: 100%;
}
.product-list.drawing .item-grid .item-box .product-item .details .picture {
  width: auto;
  height: auto;
}
.product-list.drawing .item-grid .item-box .product-item .details .picture a {
  text-align: center;
}
.product-list.drawing .item-grid .item-box .product-item .details .picture a:before {
  display: none;
}
.product-list.drawing .item-grid .item-box .product-item .details .picture a img {
  position: relative;
}
.product-list.drawing .item-grid .item-box .product-item .details .add-info {
  display: block !important;
  width: 100%;
  background-color: var(--color-gray-0);
}
.product-list.drawing .item-grid .item-box .product-item .details .add-info:after {
  display: block;
  content: "";
  clear: both;
}
.product-list.drawing .item-grid .item-box .product-item .details .add-info:empty {
  display: none;
}
.product-list.drawing .item-grid .item-box .product-item .details .add-info .spec-attr-container {
  background-color: var(--color-gray-0);
  text-align: left;
  border-radius: 3px;
  display: block;
  width: 100%;
}
.product-list.drawing .item-grid .item-box .product-item .details .add-info .spec-attr-container:empty {
  display: none;
}
.product-list.drawing .item-grid .item-box .product-item .details .add-info .spec-attr-container .spec-attr-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 3px;
  border-bottom: solid 1px var(--color-gray-250);
  text-align: left;
}
.product-list.drawing .item-grid .item-box .product-item .details .add-info .spec-attr-container .spec-attr-row .spec-attr-name,
.product-list.drawing .item-grid .item-box .product-item .details .add-info .spec-attr-container .spec-attr-row .spec-attr-value {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.product-list.drawing .item-grid .item-box .product-item .details .add-info .spec-attr-container .spec-attr-row .spec-attr-name:after,
.product-list.drawing .item-grid .item-box .product-item .details .add-info .spec-attr-container .spec-attr-row .spec-attr-value:after {
  content: "";
  display: none;
}
.product-list.drawing .item-grid .item-box .product-item .details .add-info .buttons {
  text-align: center;
}
.product-list.drawing .item-grid .item-box .product-item .details .add-info .buttons .email-a-friend-button {
  border: none;
  padding: 10px;
  border: solid 1px var(--color-blue-600);
  background-color: var(--color-blue-600);
  color: var(--color-gray-0);
}
.product-list.drawing .item-grid .item-box .product-item .details .add-info .buttons .email-a-friend-button:hover {
  background-color: var(--color-blue-700);
}
.product-list .item-box.drawing {
  border: none;
  border-radius: 0;
  width: 100%;
}
.product-list .item-box.drawing .product-item {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-image: none;
}
.product-list .item-box.drawing .product-item .details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0;
  width: 100%;
}
.product-list .item-box.drawing .product-item .details .content-picture {
  width: 100%;
  margin-bottom: 15px;
  padding: 10px;
}
.product-list .item-box.drawing .product-item .details .content-picture .product-title {
  min-height: auto;
  margin-bottom: 10px;
}
.product-list .item-box.drawing .product-item .details .content-picture .picture {
  width: 100%;
  overflow: auto;
  padding: 0 !important;
  margin: 0 !important;
  border: none;
  height: auto;
}
.product-list .item-box.drawing .product-item .details .content-picture .picture > span {
  display: block;
}
.product-list .item-box.drawing .product-item .details .content-picture .picture a:before {
  padding-top: 0;
}
.product-list .item-box.drawing .product-item .details .content-picture .picture a img {
  position: relative;
  right: auto;
  bottom: auto;
}
.product-list .item-box.drawing .product-item .details .content-picture .picture .map {
  background-repeat: no-repeat;
}
.product-list .item-box.drawing .product-item .details .product-title {
  font-size: 0.8125rem;
  font-weight: normal;
}
.product-list .item-box.drawing .product-item .details .add-info {
  width: 100%;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 10px;
  background-color: var(--color-gray-0);
  text-align: center;
}
.product-list .item-box.drawing .product-item .details .add-info .spec-attr-container {
  margin-bottom: 0 !important;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-right: 10px;
  padding-bottom: 0;
  font-size: 0.8125rem;
  text-align: left;
}
.product-list .item-box.drawing .product-item .details .add-info .spec-attr-container .spec-attr-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: solid 1px var(--color-gray-250);
  padding: 3px 0;
  font-size: 0.875rem;
}
.product-list .item-box.drawing .product-item .details .add-info .spec-attr-container .spec-attr-row .spec-attr-name {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.product-list .item-box.drawing .product-item .details .add-info .spec-attr-container .spec-attr-row .spec-attr-value {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.product-list .item-box.drawing .product-item .details .add-info .spec-attr-container .spec-attr-row:after {
  display: block;
  content: "";
  clear: both;
}
.product-list .item-box.drawing .product-item .details .add-info .buttons {
  padding: 0;
  text-align: center;
}
.product-list .item-box.drawing .product-item .details .add-info .buttons .product-box-add-to-cart-button {
  display: inline-block;
  padding: 10px 20px !important;
  font-size: 14px !important;
  width: auto !important;
  height: auto !important;
  border-radius: 3px;
}
.product-list .item-box.drawing .product-item .details .add-info .buttons .email-a-friend-button {
  padding: 15px;
  border: none;
  background-color: var(--color-blue-600);
}
.product-list .item-box.drawing .product-item .details .add-info .buttons .email-a-friend-button:hover {
  background-color: var(--color-blue-700);
}

/*magnific popup*/
.mfp-3d-unfold .mfp-content {
  -webkit-perspective: 2000px;
  perspective: 2000px;
}
.mfp-3d-unfold .mfp-with-anim {
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: rotateY(-60deg);
  transform: rotateY(-60deg);
}
.mfp-3d-unfold.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.mfp-3d-unfold.mfp-ready .mfp-with-anim {
  opacity: 1;
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
}
.mfp-3d-unfold.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-3d-unfold.mfp-removing .mfp-with-anim {
  -webkit-transform: rotateY(60deg);
  transform: rotateY(60deg);
  opacity: 0;
}
.mfp-3d-unfold.mfp-removing.mfp-bg {
  opacity: 0;
}

#popup-dialog .warning {
  padding: 10px;
  background: var(--color-gray-0);
  font-size: 1rem;
  text-align: center;
}

.filter-group .filter-group-title {
  padding: 15px 10px 10px;
  border-top: solid 1px var(--color-gray-250);
  clear: both;
}
.filter-group .filter-group-title:first-child {
  border-top: none;
}
.filter-group .filter-group-item {
  padding-left: 15px;
}
.filter-group .filter-group-item.adv.expand,
.filter-group .filter-group-item.adv.colapse {
  text-align: center;
  color: var(--color-red-500);
  cursor: pointer;
  border-bottom: solid 1px var(--color-gray-250);
  padding-bottom: 5px;
}
.filter-group > ul > li.title > strong {
  border: none;
}
.filter-group .container {
  display: block;
  position: relative;
  padding-left: 25px;
  padding-top: 1px;
  margin-bottom: 20px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.filter-group .container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.filter-group .container:hover {
  background-color: var(--color-gray-175);
}
.filter-group .container input:checked ~ .checkmark {
  background-color: rgb(var(--color-basic-red-500)/0.85);
}
.filter-group .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: var(--color-gray-150);
}
.filter-group .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.filter-group .container input:checked ~ .checkmark:after {
  display: block;
}
.filter-group .container .checkmark:after {
  left: 7px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* Hide the browser's default checkbox */
/* Create a custom checkbox */
/* On mouse-over, add a grey background color */
/* When the checkbox is checked, add a blue background */
/* Create the checkmark/indicator (hidden when not checked) */
/* Show the checkmark when checked */
/* Style the checkmark/indicator */
.block.block-product-filter {
  max-width: 100%;
}
.block.block-product-filter::after, .block.block-product-filter .tecdoc-filter-box-title::after {
  display: block;
  clear: both;
  content: "";
}
.block.block-product-filter .listbox::after, .block.block-product-filter .listbox > ul::after {
  display: block;
  clear: both;
  content: "";
}

.block-product-filter .filtered-items {
  display: none;
}

[class*=center-] .block-product-filter .title strong {
  padding-left: 12px;
}
[class*=center-] .block-product-filter .filtered-items {
  display: block;
  margin: -19px 30px 0 70px;
}
[class*=center-] .block-product-filter .filtered-items .container {
  margin-bottom: 0;
}
[class*=center-] .block-product-filter .filtered-items .filter-group-item {
  width: auto;
}
[class*=center-] .block-product-filter .tecdoc-filter-box-title.colapse, [class*=center-] .block-product-filter .tecdoc-filter-box-title.expand {
  background-position-y: 13px;
}

[class*=spec-attr-wrapper-] {
  position: relative;
  min-height: 30px;
}

.product-list-empty {
  text-align: center;
  padding: 30px 10px;
  font-size: 1.5em;
}

.quantity-package {
  font-size: 0.75rem;
  padding: 5px;
}
.quantity-package .label {
  display: block;
  font-size: 0.75rem;
}

.status {
  font-size: 0.75rem;
  padding: 5px;
}
.status .label {
  display: block;
  font-size: 0.75rem;
}

.product-collateral .full-description {
  margin-bottom: 30px;
}
.product-collateral .product-codes-wrapper,
.product-collateral .product-vehicles-wrapper {
  position: relative;
  min-height: 60px;
}
.product-collateral .product-codes-wrapper table,
.product-collateral .product-vehicles-wrapper table {
  margin-bottom: 15px;
  font-size: 0.875rem;
}
.product-collateral .product-codes-wrapper table td {
  border-color: var(--color-gray-0) var(--color-gray-0) var(--color-gray-250);
  padding: 10px;
  font-size: 0.9375rem;
}

.vehicle-brands .vehicle-brand-container {
  width: 100%;
  margin-bottom: 5px;
}
.vehicle-brands .vehicle-brand-container .vehicle-brand-item {
  border: solid 2px var(--color-blue-275);
  background-color: var(--color-gray-0);
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  align-items: center;
  cursor: pointer;
}
.vehicle-brands .vehicle-brand-container .vehicle-brand-item:hover {
  background-color: var(--color-gray-150);
}
.vehicle-brands .vehicle-brand-container .vehicle-brand-item > img {
  height: 40px;
  width: 40px;
  margin-right: 15px;
}
.vehicle-brands .vehicle-brand-container .tecdoc-modelserie-grid {
  background-color: var(--color-blue-275);
  position: relative;
}
.vehicle-brands .vehicle-brand-container .tecdoc-modelserie-grid .ajax-loading {
  position: relative;
  padding: 10px;
}
.vehicle-brands .vehicle-brand-container .tecdoc-modelserie-grid .ajax-loading .ajax-loading-roller {
  position: relative;
  margin: 0;
}
.vehicle-brands .vehicle-brand-container .tecdoc-modelserie-grid .group-box-content {
  margin: 0;
  padding: 5px;
}
.vehicle-brands .vehicle-brand-container .tecdoc-modelserie-grid .group-box-content .title {
  background-color: transparent !important;
  margin-bottom: 0;
}
.vehicle-brands .vehicle-brand-container .tecdoc-modelserie-grid .group-box-content .group-box-content-item {
  padding: 5px;
}
.vehicle-brands .vehicle-brand-container .tecdoc-modelserie-grid .group-box-content .group-box-content-item:hover {
  cursor: pointer;
  background-color: var(--color-gray-0);
}
.vehicle-brands .vehicle-brand-container .tecdoc-modelserie-grid .tecdoc-vehicle-grid {
  background-color: var(--color-gray-0);
  margin-top: -7px;
}
.vehicle-brands .vehicle-brand-container .tecdoc-modelserie-grid .tecdoc-vehicle-grid .group-box {
  background-color: var(--color-gray-0);
}
.vehicle-brands .vehicle-brand-container .tecdoc-modelserie-grid .tecdoc-vehicle-grid .group-box * {
  font-size: 0.8125rem;
}
.vehicle-brands .vehicle-brand-container .tecdoc-modelserie-grid .tecdoc-vehicle-grid .group-box .group-box-title-item {
  background-color: var(--color-gray-0);
  margin: 0;
}
.vehicle-brands .vehicle-brand-container .tecdoc-modelserie-grid .tecdoc-vehicle-grid .group-box .group-box-title-item h2 {
  background-color: var(--color-gray-0);
}
.vehicle-brands .vehicle-brand-container .tecdoc-modelserie-grid .tecdoc-vehicle-grid .group-box .group-box-content {
  background-color: var(--color-gray-0);
}
.vehicle-brands .vehicle-brand-container .tecdoc-modelserie-grid .tecdoc-vehicle-grid .group-box .vehicle-categories {
  margin: 0 0 0 20px;
}
.vehicle-brands .vehicle-brand-container .tecdoc-modelserie-grid .tecdoc-vehicle-grid .group-box .vehicle-categories li {
  margin-bottom: 5px;
}
.vehicle-brands .vehicle-brand-container .tecdoc-modelserie-grid .tecdoc-vehicle-grid .group-box .vehicle-categories li a {
  padding: 15px 0;
}

.admin-quick {
  display: none;
}

@media (max-width: 991px) {
  .item-box .exhaust .add-info {
    min-height: auto;
    width: 100% !important;
  }
  .item-box .exhaust .add-info .buttons a {
    padding: 0;
    margin-bottom: 0;
  }
}
@media (min-width: 481px) {
  .modelserie-page .tecdoc-filter-box .tecdoc-filter-box-content > ul > li {
    width: calc(33.3333% - 4px);
  }
  .tecdoc-manufacturer-grid .manufacturer-box {
    /*&:nth-child(2n+1) {
        clear: none;
    }*/
    width: calc(33.3333% - 4px);
  }
  .tecdoc-catalog .item-box {
    width: 99%;
  }
  .tecdoc-catalog .item-box:nth-child(2n+1) {
    clear: none;
  }
  .item-box.drawing {
    width: 100%;
  }
  .product-list.drawing .item-grid .item-box {
    margin: 0;
    width: 100%;
  }
}
@media (min-width: 576px) {
  .tecdoc-tabs {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .tecdoc-manufacturer-grid .manufacturer-box {
    /*&:nth-child(2n+1) {
        clear: none;
    }*/
    width: calc(25% - 4px);
  }
}
@media (min-width: 768px) {
  .modelserie-page .tecdoc-filter-box .tecdoc-filter-box-content > ul > li {
    width: calc(25% - 4px);
  }
  .tecdoc-manufacturer-grid .manufacturer-box {
    width: calc(20% - 4px);
  }
  .group-box .group-box-content .title {
    width: 46%;
  }
  .group-box-content-item > span.production-period {
    width: 41.5%;
  }
  .group-box-content-item > span.engine-power-kw, .group-box-content-item > span.engine-power-hp, .group-box-content-item > span.engine-capacity, .group-box-content-item > span.engine-fuel {
    width: 12.5%;
  }
  .group-box-content .engine-codes {
    width: 50%;
  }
  .tecdoc-vehicle-grid .group-box-content-item > .engine-codes {
    padding-left: 0;
  }
  .tecdoc-catalog-box {
    width: calc(50% - 6px);
  }
  [class*=center-] .block-product-filter .filter-group-item {
    padding-left: 15px;
    width: calc(33.3333% - 20px);
    display: inline-block;
    float: left;
  }
  .product-list .item-grid .item-box.drawing .product-item {
    background-image: none;
  }
  .product-list .item-grid .item-box.drawing .product-item .product-title {
    font-size: 0.9375rem;
  }
  .product-list .item-grid .item-box.drawing .product-item .add-info {
    padding: 10px;
    width: 100% !important;
    min-height: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .product-list .item-grid .item-box.drawing .product-item .add-info .spec-attr-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 10px;
  }
  .product-list .item-grid .item-box.drawing .product-item .add-info .spec-attr-container .please-wait {
    height: 20px;
    background-position: center center;
  }
  .product-list .item-grid .item-box.drawing .product-item .add-info .spec-attr-container .spec-attr-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: solid 1px var(--color-gray-200);
    padding: 3px 0;
  }
  .product-list .item-grid .item-box.drawing .product-item .add-info .spec-attr-container .spec-attr-row:after {
    display: block;
    content: " ";
    clear: both;
  }
  .product-list .item-grid .item-box.drawing .product-item .add-info .spec-attr-container .spec-attr-row.adv {
    border-bottom: none;
    text-align: center;
    padding: 5px;
    cursor: pointer;
    color: var(--color-blue-800);
  }
  .product-list .item-grid .item-box.drawing .product-item .add-info .spec-attr-container .spec-attr-row:last-child {
    border-bottom: none;
  }
  .product-list .item-grid .item-box.drawing .product-item .add-info .spec-attr-container .spec-attr-row .spec-attr-name {
    display: inline-block;
    width: 50%;
    padding-right: 5px;
    float: left;
    text-align: left;
  }
  .product-list .item-grid .item-box.drawing .product-item .add-info .spec-attr-container .spec-attr-row .spec-attr-value {
    display: inline-block;
    width: 50%;
    padding: 0;
    float: left;
    text-align: left;
  }
  .product-list .item-grid .item-box.drawing .product-item .add-info .spec-attr-container .spec-attr-row .spec-attr-name.full-size {
    width: 100%;
  }
  .product-list .item-grid .item-box.drawing .product-item .add-info .spec-attr-container .spec-attr-row.hide {
    display: none;
  }
  .product-list .item-grid .item-box.drawing .product-item .add-info .buttons {
    margin: 0;
    border-top: none;
    text-align: center;
  }
  .product-list .item-grid .item-box.drawing .product-item .add-info .buttons .button-2 {
    border-radius: 3px;
  }
  .product-list .item-grid .item-box.drawing .product-item .add-info .buttons .add-to-wishlist, .product-list .item-grid .item-box.drawing .product-item .add-info .buttons .compare-products {
    display: inline-block;
    margin: 0 0 10px 3px;
  }
  .product-list .item-grid .item-box.drawing .product-item .add-info .buttons .email-a-friend {
    display: inline-block;
    margin: 0 0 10px 3px;
  }
  .product-list .item-grid .item-box.drawing .product-item .add-info .buttons .email-a-friend input {
    padding: 0 10px;
  }
}
@media (min-width: 992px) {
  .tecdoc-allmanufacturer .page-title h2 {
    font-size: 1.5rem;
  }
  #tecdoc-manufacturers-block .tecdoc-tabs {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  #tecdoc-manufacturers-block .tecdoc-tabs .tecdoc-bar-item span, #tecdoc-manufacturers-block .tecdoc-tabs .tecdoc-bar-item a {
    font-size: 1rem;
  }
  .tecdoc-manufacturer-grid .manufacturer-box {
    width: calc(16.6666% - 4px);
  }
  .modelserie-page .tecdoc-filter-box .tecdoc-filter-box-content > ul > li {
    width: calc(20% - 4px);
  }
  .page.commercial-vehicle .tecdoc-vehicle-grid .group-box-item .group-box-title-item > h2, .page.commercial-vehicle .tecdoc-vehicle-grid .group-box-item .group-box-title-item > span {
    font-weight: bold !important;
    padding: 10px;
  }
  .page.commercial-vehicle .tecdoc-vehicle-grid .group-box-item .title {
    width: 30.5%;
    padding-left: 10px;
  }
  .page.commercial-vehicle .tecdoc-vehicle-grid .group-box-item .production-period {
    width: 15.8%;
  }
  .page.commercial-vehicle .tecdoc-vehicle-grid .group-box-item .engine-power-hp {
    width: 6%;
  }
  .page.commercial-vehicle .tecdoc-vehicle-grid .group-box-item .engine-capacity {
    width: 6%;
  }
  .page.commercial-vehicle .tecdoc-vehicle-grid .group-box-item .engine-fuel {
    width: 13%;
  }
  .page.commercial-vehicle .tecdoc-vehicle-grid .group-box-item .engine-codes {
    width: 10.7%;
  }
  .page.commercial-vehicle .tecdoc-vehicle-grid .group-box-item .vehicle-platform {
    width: 14%;
  }
  .page.commercial-vehicle .tecdoc-vehicle-grid .group-box-item .vehicle-configuration {
    width: 6%;
  }
  .page.commercial-vehicle .tecdoc-vehicle-grid .group-box-item .vehicle-tonnage {
    width: 5%;
  }
  .block-product-filter .container {
    margin-bottom: 10px;
  }
  .block-category-navigation.block-product-filter .title {
    padding: 0;
  }
  .block-category-navigation.block-product-filter .title > strong {
    padding: 10px 8px;
    cursor: pointer;
    border: none;
    color: var(--color-gray-800);
    text-align: center;
    border-radius: inherit;
  }
  .block-category-navigation.block-product-filter .title > strong.active {
    background-color: rgb(var(--color-basic-red-500)/0.85);
    color: var(--color-gray-0);
  }
  .block-category-navigation.block-product-filter .title > strong.active:before {
    color: var(--color-gray-0);
  }
  .block-category-navigation.block-product-filter .product-filters > .title {
    display: none;
  }
  .tecdoc-catalog-box {
    width: calc(33.3333% - 6px);
  }
  .tecdoc-catalog-box .tecdoc-catalog-box-title {
    font-size: 0.875rem;
  }
  .tecdoc-catalog-box .tecdoc-catalog-box-content li {
    padding: 5px 0 5px 10px;
  }
}
@media (min-width: 1200px) {
  .tecalliance-content {
    width: 95%;
    margin: 0 auto;
    max-width: 1600px;
  }
  .tecdoc-manufacturer-grid .manufacturer-box {
    width: calc(14.2857% - 4px);
  }
  .modelserie-page .tecdoc-filter-box .tecdoc-filter-box-content > ul > li {
    width: calc(14.2857% - 4px);
  }
  .tecdoc-modelserie-grid .group-box .group-box-content .title {
    color: var(--color-gray-850);
    text-align: left;
  }
  .tecdoc-vehicle-grid .group-box .group-box-title, .tecdoc-vehicle-grid .group-box .group-box-content {
    width: 100%;
    padding: 0;
  }
  .tecdoc-vehicle-grid .group-box .group-box-title-item {
    margin: 0 10px;
  }
  .tecdoc-vehicle-grid .group-box .group-box-title-item:before {
    display: none;
  }
  .tecdoc-vehicle-grid .group-box .group-box-title-item > h2, .tecdoc-vehicle-grid .group-box .group-box-title-item > span {
    text-align: left;
    vertical-align: middle;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: var(--color-gray-800);
    font-weight: bold !important;
    padding: 10px;
    background-color: var(--color-blue-275);
    position: relative;
    display: block;
  }
  .tecdoc-vehicle-grid .group-box .group-box-title-item > h2 {
    color: var(--color-red-500);
  }
  .tecdoc-vehicle-grid .group-box .group-box-content-item > span {
    text-align: left;
    vertical-align: middle;
    font-weight: normal !important;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: var(--color-gray-800);
    padding: 10px;
  }
  .tecdoc-vehicle-grid .group-box .title {
    width: 30.5%;
    padding-left: 10px;
  }
  .tecdoc-vehicle-grid .group-box .production-period {
    width: 15.8%;
  }
  .tecdoc-vehicle-grid .group-box .engine-power-kw {
    width: 6%;
  }
  .tecdoc-vehicle-grid .group-box .engine-power-hp {
    width: 6%;
  }
  .tecdoc-vehicle-grid .group-box .engine-capacity {
    width: 6%;
  }
  .tecdoc-vehicle-grid .group-box .engine-fuel {
    width: 13%;
  }
  .tecdoc-vehicle-grid .group-box .engine-codes {
    width: 22.7%;
    text-align: left;
  }
  .group-box-item .group-box-content-item .engine-power-kw span, .group-box-item .group-box-content-item .engine-power-hp span, .group-box-item .group-box-content-item .engine-capacity span, .group-box-item .group-box-content-item .engine-codes span, .group-box-item .group-box-content-item .vehicle-tonnage span {
    display: none;
  }
  .vehicle-brands .vehicle-brand-container .tecdoc-modelserie-grid .tecdoc-vehicle-grid .group-box .group-box-title-item h2 {
    background-color: var(--color-blue-275);
  }
}
@media (min-width: 1367px) {
  .tecdoc-manufacturer-grid .manufacturer-box {
    width: calc(12.5% - 4px);
  }
}
@media (min-width: 1500px) {
  .tecdoc-manufacturer-grid .manufacturer-box {
    width: calc(11.11% - 4px);
  }
}
@media (min-width: 1700px) {
  .tecdoc-manufacturer-grid .manufacturer-box {
    width: calc(10% - 4px);
  }
}

:root {
  --color-transparent: rgba(255, 255, 255, 0);
  /*basic gray*/
  --color-basic-gray-0: 255 255 255; /*#fff*/
  --color-basic-gray-050: 253 253 253; /*#fdfdfd*/
  --color-basic-gray-100: 249 249 249; /*#f9f9f9*/
  --color-basic-gray-150: 246 246 246; /*#f6f6f6*/
  --color-basic-gray-175: 243 243 243; /*#f3f3f3*/
  --color-basic-gray-180: 240 240 240; /*#f0f0f0*/
  --color-basic-gray-200: 238 238 238; /*#eee*/
  --color-basic-gray-250: 229 229 229; /*#e5e5e5*/
  --color-basic-gray-300: 201 201 201; /*#ddd*/
  --color-basic-gray-350: 204 204 204; /*#ccc*/
  --color-basic-gray-375: 187 187 187; /*#bbb*/
  --color-basic-gray-400: 178 178 178; /*#b2b2b2*/
  --color-basic-gray-475: 170 170 170; /*#aaa*/
  --color-basic-gray-500: 136 136 136; /*#888*/
  --color-basic-gray-550: 134 134 134; /*#868686*/
  --color-basic-gray-600: 128 128 128; /*#808080*/
  --color-basic-gray-625: 119 119 119; /*#777*/
  --color-basic-gray-650: 102 102 102; /*#666*/
  --color-basic-gray-700: 69 69 69; /*#454545*/
  --color-basic-gray-750: 68 68 68; /*#444*/
  --color-basic-gray-800: 51 51 51; /*#333*/
  --color-basic-gray-825: 38 38 38; /*#262626*/
  --color-basic-gray-850: 6 6 6; /*#060606*/
  --color-basic-gray-900: 0 0 0; /*#000;*/
  /*basic blue*/
  --color-basic-blue-075: 240 248 255; /*#f0f8ff*/
  --color-basic-blue-100: 252 253 254; /*#fcfdfe*/
  --color-basic-blue-150: 250 251 252; /*#fafbfc*/
  --color-basic-blue-200: 248 249 250; /*#f8f9fa*/
  --color-basic-blue-250: 245 246 247; /*#f5f6f7*/
  --color-basic-blue-275: 244 246 249; /*#f4f6f9*/
  --color-basic-blue-300: 243 244 245; /*#f3f4f5*/
  --color-basic-blue-350: 232 240 254; /*#e8f0fe*/
  --color-basic-blue-400: 236 239 241; /*#eceff1*/
  --color-basic-blue-450: 232 235 238; /*#e8ebee*/
  --color-basic-blue-475: 220 224 229; /*#dce0e5*/
  --color-basic-blue-500: 17 92 134; /*#115c86*/
  --color-basic-blue-600: 5 69 126; /*#05457e*/
  --color-basic-blue-700: 5 50 90; /*#05325a*/
  --color-basic-blue-750: 26 53 92; /*#1a355c*/
  --color-basic-blue-800: 20 33 61; /*#14213d*/
  --color-basic-blue-850: 0 1 3; /*#000103*/
  /*red*/
  --color-basic-red-400: 235 30 1; /*#eb1e01*/
  --color-basic-red-450: 227 40 13; /*#e3280d*/
  --color-basic-red-500: 216 18 18; /*#d81212*/
  --color-basic-red-600: 203 25 1; /*#cb1901*/
  /*green*/
  --color-basic-green-100: 254 255 255; /*#feffff*/
  --color-basic-green-500: 3 154 90; /*#039a5a*/
  /*yellow*/
  --color-basic-yellow-400: 255 210 63; /*#FFD23F*/
  /*gray*/
  --color-gray-0: rgb(var(--color-basic-gray-0)); /*#fff*/
  --color-gray-050: rgb(var(--color-basic-gray-050)); /*#fdfdfd*/
  --color-gray-100: rgb(var(--color-basic-gray-100)); /*#f9f9f9*/
  --color-gray-150: rgb(var(--color-basic-gray-150)); /*#f6f6f6*/
  --color-gray-175: rgb(var(--color-basic-gray-175)); /*#f3f3f3*/
  --color-gray-180: rgb(var(--color-basic-gray-180)); /*#f0f0f0*/
  --color-gray-200: rgb(var(--color-basic-gray-200)); /*#eee*/
  --color-gray-250: rgb(var(--color-basic-gray-250)); /*#e5e5e5*/
  --color-gray-300: rgb(var(--color-basic-gray-300)); /*#ddd*/
  --color-gray-350: rgb(var(--color-basic-gray-350)); /*#ccc*/
  --color-gray-375: rgb(var(--color-basic-gray-375)); /*#bbb*/
  --color-gray-400: rgb(var(--color-basic-gray-400)); /*#b2b2b2*/
  --color-gray-475: rgb(var(--color-basic-gray-475)); /*#aaa*/
  --color-gray-500: rgb(var(--color-basic-gray-500)); /*#888*/
  --color-gray-550: rgb(var(--color-basic-gray-550)); /*#868686*/
  --color-gray-600: rgb(var(--color-basic-gray-600)); /*#808080*/
  --color-gray-625: rgb(var(--color-basic-gray-625)); /*#777*/
  --color-gray-650: rgb(var(--color-basic-gray-650)); /*#666*/
  --color-gray-700: rgb(var(--color-basic-gray-700)); /*#454545*/
  --color-gray-750: rgb(var(--color-basic-gray-750)); /*#444*/
  --color-gray-800: rgb(var(--color-basic-gray-800)); /*#333*/
  --color-gray-825: rgb(var(--color-basic-gray-825)); /*#262626*/
  --color-gray-850: rgb(var(--color-basic-gray-850)); /*#060606*/
  --color-gray-900: rgb(var(--color-basic-gray-900)); /*#000;*/
  /*blue*/
  --color-blue-075: rgb(var(--color-basic-blue-075)); /*#f0f8ff*/
  --color-blue-100: rgb(var(--color-basic-blue-100)); /*#fcfdfe*/
  --color-blue-150: rgb(var(--color-basic-blue-150)); /*#fafbfc*/
  --color-blue-200: rgb(var(--color-basic-blue-200)); /*#f8f9fa*/
  --color-blue-250: rgb(var(--color-basic-blue-250)); /*#f5f6f7*/
  --color-blue-275: rgb(var(--color-basic-blue-275)); /*#f4f6f9*/
  --color-blue-300: rgb(var(--color-basic-blue-300)); /*#f3f4f5*/
  --color-blue-350: rgb(var(--color-basic-blue-350)); /*#e8f0fe*/
  --color-blue-400: rgb(var(--color-basic-blue-400)); /*#eceff1*/
  --color-blue-450: rgb(var(--color-basic-blue-450)); /*#e8ebee*/
  --color-blue-475: rgb(var(--color-basic-blue-475)); /*#dce0e5*/
  --color-blue-500: rgb(var(--color-basic-blue-500)); /*#115c86*/
  --color-blue-600: rgb(var(--color-basic-blue-600)); /*#05457e*/
  --color-blue-700: rgb(var(--color-basic-blue-700)); /*#05325a*/
  --color-blue-750: rgb(var(--color-basic-blue-750)); /*#1a355c*/
  --color-blue-800: rgb(var(--color-basic-blue-800)); /*#14213d*/
  --color-blue-850: rgb(var(--color-basic-blue-850)); /*#000103*/
  /*red*/
  --color-red-400: rgb(var(--color-basic-red-400)); /*#eb1e01*/
  --color-red-450: rgb(var(--color-basic-red-450)); /*#e3280d*/
  --color-red-500: rgb(var(--color-basic-red-500)); /*#d81212*/
  --color-red-600: rgb(var(--color-basic-red-600)); /*#cb1901*/
  /*green*/
  --color-green-100: rgb(var(--color-basic-green-100)); /*#feffff*/
  --color-green-500: rgb(var(--color-basic-green-500)); /*#039a5a*/
  /*yellow*/
  --color-yellow-400: rgb(var(--color-basic-yellow-400)); /*#FFD23F*/
}

.content-category-page .page-body {
  background-color: var(--color-gray-0);
  padding: 1rem;
}

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/
:root {
  --color-transparent: rgba(255, 255, 255, 0);
  /*basic gray*/
  --color-basic-gray-0: 255 255 255; /*#fff*/
  --color-basic-gray-050: 253 253 253; /*#fdfdfd*/
  --color-basic-gray-100: 249 249 249; /*#f9f9f9*/
  --color-basic-gray-150: 246 246 246; /*#f6f6f6*/
  --color-basic-gray-175: 243 243 243; /*#f3f3f3*/
  --color-basic-gray-180: 240 240 240; /*#f0f0f0*/
  --color-basic-gray-200: 238 238 238; /*#eee*/
  --color-basic-gray-250: 229 229 229; /*#e5e5e5*/
  --color-basic-gray-300: 201 201 201; /*#ddd*/
  --color-basic-gray-350: 204 204 204; /*#ccc*/
  --color-basic-gray-375: 187 187 187; /*#bbb*/
  --color-basic-gray-400: 178 178 178; /*#b2b2b2*/
  --color-basic-gray-475: 170 170 170; /*#aaa*/
  --color-basic-gray-500: 136 136 136; /*#888*/
  --color-basic-gray-550: 134 134 134; /*#868686*/
  --color-basic-gray-600: 128 128 128; /*#808080*/
  --color-basic-gray-625: 119 119 119; /*#777*/
  --color-basic-gray-650: 102 102 102; /*#666*/
  --color-basic-gray-700: 69 69 69; /*#454545*/
  --color-basic-gray-750: 68 68 68; /*#444*/
  --color-basic-gray-800: 51 51 51; /*#333*/
  --color-basic-gray-825: 38 38 38; /*#262626*/
  --color-basic-gray-850: 6 6 6; /*#060606*/
  --color-basic-gray-900: 0 0 0; /*#000;*/
  /*basic blue*/
  --color-basic-blue-075: 240 248 255; /*#f0f8ff*/
  --color-basic-blue-100: 252 253 254; /*#fcfdfe*/
  --color-basic-blue-150: 250 251 252; /*#fafbfc*/
  --color-basic-blue-200: 248 249 250; /*#f8f9fa*/
  --color-basic-blue-250: 245 246 247; /*#f5f6f7*/
  --color-basic-blue-275: 244 246 249; /*#f4f6f9*/
  --color-basic-blue-300: 243 244 245; /*#f3f4f5*/
  --color-basic-blue-350: 232 240 254; /*#e8f0fe*/
  --color-basic-blue-400: 236 239 241; /*#eceff1*/
  --color-basic-blue-450: 232 235 238; /*#e8ebee*/
  --color-basic-blue-475: 220 224 229; /*#dce0e5*/
  --color-basic-blue-500: 17 92 134; /*#115c86*/
  --color-basic-blue-600: 5 69 126; /*#05457e*/
  --color-basic-blue-700: 5 50 90; /*#05325a*/
  --color-basic-blue-750: 26 53 92; /*#1a355c*/
  --color-basic-blue-800: 20 33 61; /*#14213d*/
  --color-basic-blue-850: 0 1 3; /*#000103*/
  /*red*/
  --color-basic-red-400: 235 30 1; /*#eb1e01*/
  --color-basic-red-450: 227 40 13; /*#e3280d*/
  --color-basic-red-500: 216 18 18; /*#d81212*/
  --color-basic-red-600: 203 25 1; /*#cb1901*/
  /*green*/
  --color-basic-green-100: 254 255 255; /*#feffff*/
  --color-basic-green-500: 3 154 90; /*#039a5a*/
  /*yellow*/
  --color-basic-yellow-400: 255 210 63; /*#FFD23F*/
  /*gray*/
  --color-gray-0: rgb(var(--color-basic-gray-0)); /*#fff*/
  --color-gray-050: rgb(var(--color-basic-gray-050)); /*#fdfdfd*/
  --color-gray-100: rgb(var(--color-basic-gray-100)); /*#f9f9f9*/
  --color-gray-150: rgb(var(--color-basic-gray-150)); /*#f6f6f6*/
  --color-gray-175: rgb(var(--color-basic-gray-175)); /*#f3f3f3*/
  --color-gray-180: rgb(var(--color-basic-gray-180)); /*#f0f0f0*/
  --color-gray-200: rgb(var(--color-basic-gray-200)); /*#eee*/
  --color-gray-250: rgb(var(--color-basic-gray-250)); /*#e5e5e5*/
  --color-gray-300: rgb(var(--color-basic-gray-300)); /*#ddd*/
  --color-gray-350: rgb(var(--color-basic-gray-350)); /*#ccc*/
  --color-gray-375: rgb(var(--color-basic-gray-375)); /*#bbb*/
  --color-gray-400: rgb(var(--color-basic-gray-400)); /*#b2b2b2*/
  --color-gray-475: rgb(var(--color-basic-gray-475)); /*#aaa*/
  --color-gray-500: rgb(var(--color-basic-gray-500)); /*#888*/
  --color-gray-550: rgb(var(--color-basic-gray-550)); /*#868686*/
  --color-gray-600: rgb(var(--color-basic-gray-600)); /*#808080*/
  --color-gray-625: rgb(var(--color-basic-gray-625)); /*#777*/
  --color-gray-650: rgb(var(--color-basic-gray-650)); /*#666*/
  --color-gray-700: rgb(var(--color-basic-gray-700)); /*#454545*/
  --color-gray-750: rgb(var(--color-basic-gray-750)); /*#444*/
  --color-gray-800: rgb(var(--color-basic-gray-800)); /*#333*/
  --color-gray-825: rgb(var(--color-basic-gray-825)); /*#262626*/
  --color-gray-850: rgb(var(--color-basic-gray-850)); /*#060606*/
  --color-gray-900: rgb(var(--color-basic-gray-900)); /*#000;*/
  /*blue*/
  --color-blue-075: rgb(var(--color-basic-blue-075)); /*#f0f8ff*/
  --color-blue-100: rgb(var(--color-basic-blue-100)); /*#fcfdfe*/
  --color-blue-150: rgb(var(--color-basic-blue-150)); /*#fafbfc*/
  --color-blue-200: rgb(var(--color-basic-blue-200)); /*#f8f9fa*/
  --color-blue-250: rgb(var(--color-basic-blue-250)); /*#f5f6f7*/
  --color-blue-275: rgb(var(--color-basic-blue-275)); /*#f4f6f9*/
  --color-blue-300: rgb(var(--color-basic-blue-300)); /*#f3f4f5*/
  --color-blue-350: rgb(var(--color-basic-blue-350)); /*#e8f0fe*/
  --color-blue-400: rgb(var(--color-basic-blue-400)); /*#eceff1*/
  --color-blue-450: rgb(var(--color-basic-blue-450)); /*#e8ebee*/
  --color-blue-475: rgb(var(--color-basic-blue-475)); /*#dce0e5*/
  --color-blue-500: rgb(var(--color-basic-blue-500)); /*#115c86*/
  --color-blue-600: rgb(var(--color-basic-blue-600)); /*#05457e*/
  --color-blue-700: rgb(var(--color-basic-blue-700)); /*#05325a*/
  --color-blue-750: rgb(var(--color-basic-blue-750)); /*#1a355c*/
  --color-blue-800: rgb(var(--color-basic-blue-800)); /*#14213d*/
  --color-blue-850: rgb(var(--color-basic-blue-850)); /*#000103*/
  /*red*/
  --color-red-400: rgb(var(--color-basic-red-400)); /*#eb1e01*/
  --color-red-450: rgb(var(--color-basic-red-450)); /*#e3280d*/
  --color-red-500: rgb(var(--color-basic-red-500)); /*#d81212*/
  --color-red-600: rgb(var(--color-basic-red-600)); /*#cb1901*/
  /*green*/
  --color-green-100: rgb(var(--color-basic-green-100)); /*#feffff*/
  --color-green-500: rgb(var(--color-basic-green-500)); /*#039a5a*/
  /*yellow*/
  --color-yellow-400: rgb(var(--color-basic-yellow-400)); /*#FFD23F*/
}

#tecdoc-manufacturers-block {
  margin: 0 0 25px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#tecdoc-manufacturers-block .tecdoc-manufacturers-block-title {
  margin: 0;
  position: relative;
}
#tecdoc-manufacturers-block .tecdoc-manufacturers-block-title > .title {
  position: relative;
  margin-bottom: 15px;
}
#tecdoc-manufacturers-block .tecdoc-manufacturers-block-title > .title:before {
  content: " ";
  position: absolute;
  border-top: 2px solid var(--color-gray-250);
  bottom: calc(50% - 2px);
  left: 0;
  width: 100%;
  height: 0;
}
#tecdoc-manufacturers-block .tecdoc-manufacturers-block-title > .title > strong {
  position: relative;
  font-size: 1.25rem;
  padding: 0 10px;
  background-color: var(--color-blue-275);
  width: auto;
  margin: 0 auto;
  text-transform: none;
  display: inline-block;
}
#tecdoc-manufacturers-block .tecdoc-manufacturers-block-title .tecdoc-tabs {
  padding: 0 0 10px;
  background-color: var(--color-blue-275);
  border-radius: 3px 3px 0 0;
}
#tecdoc-manufacturers-block .tecdoc-manufacturers-block-title .tecdoc-tabs .tecdoc-bar-item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
#tecdoc-manufacturers-block .tecdoc-manufacturers-block-title .tecdoc-tabs .tecdoc-bar-item > a, #tecdoc-manufacturers-block .tecdoc-manufacturers-block-title .tecdoc-tabs .tecdoc-bar-item > span {
  margin: 2px;
  background-color: var(--color-gray-0);
  border: none;
  border-radius: 3px;
}
#tecdoc-manufacturers-block .tecdoc-manufacturers-block-title .tecdoc-tabs .tecdoc-bar-item > a:hover, #tecdoc-manufacturers-block .tecdoc-manufacturers-block-title .tecdoc-tabs .tecdoc-bar-item > span:hover {
  color: rgb(var(--color-basic-red-500)/0.85);
}
#tecdoc-manufacturers-block .tecdoc-manufacturers-block-title .tecdoc-tabs .tecdoc-bar-item.active > a, #tecdoc-manufacturers-block .tecdoc-manufacturers-block-title .tecdoc-tabs .tecdoc-bar-item.active > span {
  background-color: rgb(var(--color-basic-red-500)/0.85);
  color: var(--color-gray-0);
}
#tecdoc-manufacturers-block .tecdoc-manufacturers-block-title .tecdoc-tabs .tecdoc-bar-item.active > a:hover, #tecdoc-manufacturers-block .tecdoc-manufacturers-block-title .tecdoc-tabs .tecdoc-bar-item.active > span:hover {
  background-color: var(--color-red-600);
}
#tecdoc-manufacturers-block .tecdoc-manufacturers-block-body {
  background-color: var(--color-blue-275);
  padding: 0;
  border-radius: 0 0 3px 3px;
}
#tecdoc-manufacturers-block .tecdoc-manufacturers-block-body::after {
  content: "";
  clear: both;
  display: block;
}

@media (min-width: 1001px) {
  .tecdoc-manufacturers-block-body {
    background-color: var(--color-gray-0);
    padding: 10px;
  }
  #tecdoc-manufacturers-block {
    margin-bottom: 20px;
  }
  .topic-block:after {
    display: block;
    content: "";
    clear: both;
  }
}

:root {
  --color-transparent: rgba(255, 255, 255, 0);
  /*basic gray*/
  --color-basic-gray-0: 255 255 255; /*#fff*/
  --color-basic-gray-050: 253 253 253; /*#fdfdfd*/
  --color-basic-gray-100: 249 249 249; /*#f9f9f9*/
  --color-basic-gray-150: 246 246 246; /*#f6f6f6*/
  --color-basic-gray-175: 243 243 243; /*#f3f3f3*/
  --color-basic-gray-180: 240 240 240; /*#f0f0f0*/
  --color-basic-gray-200: 238 238 238; /*#eee*/
  --color-basic-gray-250: 229 229 229; /*#e5e5e5*/
  --color-basic-gray-300: 201 201 201; /*#ddd*/
  --color-basic-gray-350: 204 204 204; /*#ccc*/
  --color-basic-gray-375: 187 187 187; /*#bbb*/
  --color-basic-gray-400: 178 178 178; /*#b2b2b2*/
  --color-basic-gray-475: 170 170 170; /*#aaa*/
  --color-basic-gray-500: 136 136 136; /*#888*/
  --color-basic-gray-550: 134 134 134; /*#868686*/
  --color-basic-gray-600: 128 128 128; /*#808080*/
  --color-basic-gray-625: 119 119 119; /*#777*/
  --color-basic-gray-650: 102 102 102; /*#666*/
  --color-basic-gray-700: 69 69 69; /*#454545*/
  --color-basic-gray-750: 68 68 68; /*#444*/
  --color-basic-gray-800: 51 51 51; /*#333*/
  --color-basic-gray-825: 38 38 38; /*#262626*/
  --color-basic-gray-850: 6 6 6; /*#060606*/
  --color-basic-gray-900: 0 0 0; /*#000;*/
  /*basic blue*/
  --color-basic-blue-075: 240 248 255; /*#f0f8ff*/
  --color-basic-blue-100: 252 253 254; /*#fcfdfe*/
  --color-basic-blue-150: 250 251 252; /*#fafbfc*/
  --color-basic-blue-200: 248 249 250; /*#f8f9fa*/
  --color-basic-blue-250: 245 246 247; /*#f5f6f7*/
  --color-basic-blue-275: 244 246 249; /*#f4f6f9*/
  --color-basic-blue-300: 243 244 245; /*#f3f4f5*/
  --color-basic-blue-350: 232 240 254; /*#e8f0fe*/
  --color-basic-blue-400: 236 239 241; /*#eceff1*/
  --color-basic-blue-450: 232 235 238; /*#e8ebee*/
  --color-basic-blue-475: 220 224 229; /*#dce0e5*/
  --color-basic-blue-500: 17 92 134; /*#115c86*/
  --color-basic-blue-600: 5 69 126; /*#05457e*/
  --color-basic-blue-700: 5 50 90; /*#05325a*/
  --color-basic-blue-750: 26 53 92; /*#1a355c*/
  --color-basic-blue-800: 20 33 61; /*#14213d*/
  --color-basic-blue-850: 0 1 3; /*#000103*/
  /*red*/
  --color-basic-red-400: 235 30 1; /*#eb1e01*/
  --color-basic-red-450: 227 40 13; /*#e3280d*/
  --color-basic-red-500: 216 18 18; /*#d81212*/
  --color-basic-red-600: 203 25 1; /*#cb1901*/
  /*green*/
  --color-basic-green-100: 254 255 255; /*#feffff*/
  --color-basic-green-500: 3 154 90; /*#039a5a*/
  /*yellow*/
  --color-basic-yellow-400: 255 210 63; /*#FFD23F*/
  /*gray*/
  --color-gray-0: rgb(var(--color-basic-gray-0)); /*#fff*/
  --color-gray-050: rgb(var(--color-basic-gray-050)); /*#fdfdfd*/
  --color-gray-100: rgb(var(--color-basic-gray-100)); /*#f9f9f9*/
  --color-gray-150: rgb(var(--color-basic-gray-150)); /*#f6f6f6*/
  --color-gray-175: rgb(var(--color-basic-gray-175)); /*#f3f3f3*/
  --color-gray-180: rgb(var(--color-basic-gray-180)); /*#f0f0f0*/
  --color-gray-200: rgb(var(--color-basic-gray-200)); /*#eee*/
  --color-gray-250: rgb(var(--color-basic-gray-250)); /*#e5e5e5*/
  --color-gray-300: rgb(var(--color-basic-gray-300)); /*#ddd*/
  --color-gray-350: rgb(var(--color-basic-gray-350)); /*#ccc*/
  --color-gray-375: rgb(var(--color-basic-gray-375)); /*#bbb*/
  --color-gray-400: rgb(var(--color-basic-gray-400)); /*#b2b2b2*/
  --color-gray-475: rgb(var(--color-basic-gray-475)); /*#aaa*/
  --color-gray-500: rgb(var(--color-basic-gray-500)); /*#888*/
  --color-gray-550: rgb(var(--color-basic-gray-550)); /*#868686*/
  --color-gray-600: rgb(var(--color-basic-gray-600)); /*#808080*/
  --color-gray-625: rgb(var(--color-basic-gray-625)); /*#777*/
  --color-gray-650: rgb(var(--color-basic-gray-650)); /*#666*/
  --color-gray-700: rgb(var(--color-basic-gray-700)); /*#454545*/
  --color-gray-750: rgb(var(--color-basic-gray-750)); /*#444*/
  --color-gray-800: rgb(var(--color-basic-gray-800)); /*#333*/
  --color-gray-825: rgb(var(--color-basic-gray-825)); /*#262626*/
  --color-gray-850: rgb(var(--color-basic-gray-850)); /*#060606*/
  --color-gray-900: rgb(var(--color-basic-gray-900)); /*#000;*/
  /*blue*/
  --color-blue-075: rgb(var(--color-basic-blue-075)); /*#f0f8ff*/
  --color-blue-100: rgb(var(--color-basic-blue-100)); /*#fcfdfe*/
  --color-blue-150: rgb(var(--color-basic-blue-150)); /*#fafbfc*/
  --color-blue-200: rgb(var(--color-basic-blue-200)); /*#f8f9fa*/
  --color-blue-250: rgb(var(--color-basic-blue-250)); /*#f5f6f7*/
  --color-blue-275: rgb(var(--color-basic-blue-275)); /*#f4f6f9*/
  --color-blue-300: rgb(var(--color-basic-blue-300)); /*#f3f4f5*/
  --color-blue-350: rgb(var(--color-basic-blue-350)); /*#e8f0fe*/
  --color-blue-400: rgb(var(--color-basic-blue-400)); /*#eceff1*/
  --color-blue-450: rgb(var(--color-basic-blue-450)); /*#e8ebee*/
  --color-blue-475: rgb(var(--color-basic-blue-475)); /*#dce0e5*/
  --color-blue-500: rgb(var(--color-basic-blue-500)); /*#115c86*/
  --color-blue-600: rgb(var(--color-basic-blue-600)); /*#05457e*/
  --color-blue-700: rgb(var(--color-basic-blue-700)); /*#05325a*/
  --color-blue-750: rgb(var(--color-basic-blue-750)); /*#1a355c*/
  --color-blue-800: rgb(var(--color-basic-blue-800)); /*#14213d*/
  --color-blue-850: rgb(var(--color-basic-blue-850)); /*#000103*/
  /*red*/
  --color-red-400: rgb(var(--color-basic-red-400)); /*#eb1e01*/
  --color-red-450: rgb(var(--color-basic-red-450)); /*#e3280d*/
  --color-red-500: rgb(var(--color-basic-red-500)); /*#d81212*/
  --color-red-600: rgb(var(--color-basic-red-600)); /*#cb1901*/
  /*green*/
  --color-green-100: rgb(var(--color-basic-green-100)); /*#feffff*/
  --color-green-500: rgb(var(--color-basic-green-500)); /*#039a5a*/
  /*yellow*/
  --color-yellow-400: rgb(var(--color-basic-yellow-400)); /*#FFD23F*/
}

[class*=center-] .block.block-pstecdoc-history {
  clear: both;
  max-width: 100%;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/*
* Copyright 2014 Seven Spikes Ltd. All rights reserved. (http://www.nop-templates.com)
* http://www.nop-templates.com/t/licensinginfo
*/

.ribbon-wrapper {
    position: relative;
}
@media all and (min-width: 769px) {
.product-list .ribbon-wrapper {
    float: left; /*should not be applied on smaller resolutions where the product list looks like a grid*/
}
}

/* ribbon positioning */

.ribbon-position {
	font-size: 0;
	line-height: 0;
	position: absolute;
	z-index: 1;
	-webkit-transition: all .15s ease-in-out;
	-moz-transition: all .15s ease-in-out;
	-o-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
}
.ribbon-position.top-left {
	top: 0;
	left: 0;
}
.ribbon-position.top-right {
	top: 0;
	right: 0;
}
.ribbon-position.bottom-left {
	bottom: 0;
	left: 0;
}
.ribbon-position.bottom-right {
	bottom: 0;
	right: 0;
}
.ribbon-position.top-middle {
	top: 0;
	left: 0;
	right: 0;
	text-align: center;
}
.ribbon-position.right-middle {
	top: 0;
	right: 0;
	bottom: 0;
	text-align: right;
}
.ribbon-position.bottom-middle {
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
}
.ribbon-position.left-middle {
	top: 0;
	bottom: 0;
	left: 0;
	text-align: left;
}
.ribbon-position.center {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	text-align: center;
}
.ribbon-position.right-middle:before,
.ribbon-position.left-middle:before,
.ribbon-position.center:before {
	content: "";
	display: inline-block;
	height: 100%;
	width: 0;
	vertical-align: middle;
}

/* ribbon wrapping element */

.product-ribbon {
	display: inline-block;
	vertical-align: middle;
	position: relative;
}

/* ribbon label without image*/

.ribbon-text {
	font-size: 12px;
	line-height: normal;
}

/* ribbon label with image */

.ribbon-image-text {
	font-size: 12px;
	line-height: normal;
	position: absolute;
	top: 0;
	left: 0;
}
/*
* Copyright 2014 Seven Spikes Ltd. All rights reserved. (http://www.nop-templates.com)
* http://www.nop-templates.com/t/licensinginfo
*/

.ribbon-wrapper::after {
  display: block;
  content: "";
  clear: both;
}

.ribbon-position {
  top: 0;
  left: 0;
}

.gallery .ribbon-wrapper {
  font-size: 0;
}

.gallery .ribbon-wrapper img {
  max-width: 100%;
}

@media all and (min-width: 575px) {
}

@media all and (min-width: 767px) {
}

@media all and (min-width: 992px) {
}

@media all and (min-width: 1200px) {
}