/* Minification failed. Returning unminified contents. (7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (20,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (21,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (23,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (24,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (26,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (27,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (28,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (29,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (32,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (33,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (34,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (35,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (37,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (38,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (44,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (45,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (52,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (53,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (54,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (63,23): run-time error CSS1039: Token not allowed after unary operator: '-oh-body-font-weight' (84,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (85,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (86,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (87,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (88,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (94,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (95,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (101,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (102,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (103,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (104,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (105,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (106,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (107,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (108,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (109,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (110,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (111,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (112,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (113,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (114,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (120,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-color' (125,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-hover-color' (132,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (133,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (134,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (135,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (136,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (137,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (138,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (139,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (140,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (141,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (142,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (143,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (144,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (145,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (149,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (150,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (151,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (152,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (153,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (154,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (155,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (156,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (157,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (158,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (159,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (160,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (164,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (165,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (166,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (167,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (168,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (169,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (170,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (171,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (172,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (173,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (174,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (175,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (176,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (177,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (184,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (185,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (186,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (187,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (188,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (189,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (190,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (191,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (192,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (193,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (194,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (195,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (196,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (197,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (200,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (201,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (202,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (203,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (204,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (205,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (206,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (210,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (217,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-font-size' (224,35): run-time error CSS1039: Token not allowed after unary operator: '-oh-border-color' (232,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-invalid-color' (242,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-invalid-color' (252,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-invalid-border-color' (257,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-invalid-border-color' (258,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger-rgb' (273,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-xl' (280,17): run-time error CSS1039: Token not allowed after unary operator: '-oh-secondary-color' (286,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-disabled-color' (287,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-disabled-bg' (288,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-disabled-border-color' (289,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-disabled-opacity' (318,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-font-size' (319,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-font-size' (323,32): run-time error CSS1039: Token not allowed after unary operator: '-oh-primary-bg' (324,28): run-time error CSS1039: Token not allowed after unary operator: '-oh-primary-bg' (344,17): run-time error CSS1039: Token not allowed after unary operator: '-oh-gray' (348,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (360,17): run-time error CSS1039: Token not allowed after unary operator: '-oh-secondary-color' (370,21): run-time error CSS1039: Token not allowed after unary operator: '-oh-gray-light' (388,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (389,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (390,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (411,42): run-time error CSS1039: Token not allowed after unary operator: '-oh-primary-bg' (421,42): run-time error CSS1039: Token not allowed after unary operator: '-oh-primary-bg' (427,43): run-time error CSS1039: Token not allowed after unary operator: '-oh-primary-bg' (432,43): run-time error CSS1039: Token not allowed after unary operator: '-oh-primary-bg' (436,43): run-time error CSS1039: Token not allowed after unary operator: '-oh-primary-bg' (440,43): run-time error CSS1039: Token not allowed after unary operator: '-oh-primary-bg' (444,43): run-time error CSS1039: Token not allowed after unary operator: '-oh-gray-light' (448,43): run-time error CSS1039: Token not allowed after unary operator: '-oh-gray-light' (453,33): run-time error CSS1039: Token not allowed after unary operator: '-oh-primary-bg' (466,15): run-time error CSS1039: Token not allowed after unary operator: '-range-track-top' (470,28): run-time error CSS1039: Token not allowed after unary operator: '-oh-gray-light' (476,15): run-time error CSS1039: Token not allowed after unary operator: '-range-track-top' (477,23): run-time error CSS1039: Token not allowed after unary operator: '-value' (477,40): run-time error CSS1039: Token not allowed after unary operator: '-min-value' (477,61): run-time error CSS1039: Token not allowed after unary operator: '-max-value' (477,82): run-time error CSS1039: Token not allowed after unary operator: '-min-value' (480,28): run-time error CSS1039: Token not allowed after unary operator: '-oh-primary-bg' (485,28): run-time error CSS1039: Token not allowed after unary operator: '-oh-light-bg' (489,21): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var(' (489,25): run-time error CSS1046: Expect comma, found '-' (489,26): run-time error CSS1047: Expected number or percentage value in rgb function, found '-oh-primary-rgb' (489,41): run-time error CSS1046: Expect comma, found ')' (489,48): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (495,16): run-time error CSS1039: Token not allowed after unary operator: '-range-output-left' (501,31): run-time error CSS1039: Token not allowed after unary operator: '-range-output-offset-xy' (520,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (540,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (556,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-font-size' (603,23): run-time error CSS1039: Token not allowed after unary operator: '-oh-emphasis-font-weight' (610,23): run-time error CSS1039: Token not allowed after unary operator: '-oh-body-font-weight' (647,17): run-time error CSS1039: Token not allowed after unary operator: '-oh-blue' (651,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (652,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (653,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (654,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (672,32): run-time error CSS1039: Token not allowed after unary operator: '-oh-primary-bg' (673,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-white' (677,32): run-time error CSS1039: Token not allowed after unary operator: '-oh-primary-bg' (681,32): run-time error CSS1039: Token not allowed after unary operator: '-oh-secondary-bg-subtle' (689,36): run-time error CSS1039: Token not allowed after unary operator: '-oh-primary-bg' (690,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-white' (706,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (707,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (708,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (712,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (713,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (714,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (715,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (716,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (717,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (718,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (719,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (720,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (721,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (722,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-border-width' (722,63): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-border-color' (728,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-border-width' (735,28): run-time error CSS1039: Token not allowed after unary operator: '-oh-light-bg' (739,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (740,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (741,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-white' (745,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (746,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (747,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (751,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (752,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (755,44): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-opacity' (756,68): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity' (757,60): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity' (760,26): run-time error CSS1039: Token not allowed after unary operator: '-oh-primary-rgb' (760,49): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-opacity' (761,50): run-time error CSS1039: Token not allowed after unary operator: '-oh-primary-rgb' (761,73): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity' (762,42): run-time error CSS1039: Token not allowed after unary operator: '-oh-primary-rgb' (762,65): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity' (766,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (767,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (768,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-black' (869,32): run-time error CSS1039: Token not allowed after unary operator: '-oh-bg-img' (870,50): run-time error CSS1039: Token not allowed after unary operator: '-oh-bg-img' (870,71): run-time error CSS1039: Token not allowed after unary operator: '-oh-bg-img-lg' (871,42): run-time error CSS1039: Token not allowed after unary operator: '-oh-bg-img' (871,63): run-time error CSS1039: Token not allowed after unary operator: '-oh-bg-img-lg' (879,28): run-time error CSS1039: Token not allowed after unary operator: '-oh-primary' (880,41): run-time error CSS1039: Token not allowed after unary operator: '-oh-primary-rgb' (888,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (889,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (890,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (891,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (892,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (893,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (894,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (898,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (899,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (900,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (901,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-active-bg' (902,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-active-border-color' (933,28): run-time error CSS1039: Token not allowed after unary operator: '-oh-primary' (934,41): run-time error CSS1039: Token not allowed after unary operator: '-oh-primary-rgb' (945,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color' (946,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-xl' (956,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-secondary' (976,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-xl' (981,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (982,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width' (982,47): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color' (983,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius' (996,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-icon-width' (1000,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-icon' (1002,31): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-icon-width' (1003,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-icon-transition' (1006,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-icon-transform' (1014,24): run-time error CSS1039: Token not allowed after unary operator: '-oh-primary' (1015,37): run-time error CSS1039: Token not allowed after unary operator: '-oh-primary-rgb' (1019,28): run-time error CSS1039: Token not allowed after unary operator: '-oh-secondary' (1020,41): run-time error CSS1039: Token not allowed after unary operator: '-oh-secondary-rgb' (1024,28): run-time error CSS1039: Token not allowed after unary operator: '-oh-bg-img' (1025,46): run-time error CSS1039: Token not allowed after unary operator: '-oh-bg-img' (1025,67): run-time error CSS1039: Token not allowed after unary operator: '-oh-bg-img-lg' (1026,38): run-time error CSS1039: Token not allowed after unary operator: '-oh-bg-img' (1026,59): run-time error CSS1039: Token not allowed after unary operator: '-oh-bg-img-lg' (1035,24): run-time error CSS1039: Token not allowed after unary operator: '-bg-secondary' (1048,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-white' (1059,28): run-time error CSS1039: Token not allowed after unary operator: '-oh-light-bg' (1065,42): run-time error CSS1039: Token not allowed after unary operator: '-oh-primary' (1069,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-bg-subtle' (1070,42): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-border-subtle' (1098,28): run-time error CSS1039: Token not allowed after unary operator: '-oh-light-bg' (1161,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1179,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-disabled-opacity' (1200,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1201,28): run-time error CSS1039: Token not allowed after unary operator: '-oh-light-bg' (1202,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-xl' (1206,21): run-time error CSS1039: Token not allowed after unary operator: '-oh-font-size' (1227,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1232,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1236,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1281,28): run-time error CSS1039: Token not allowed after unary operator: '-oh-light-bg' (1301,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color' (1302,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-xl' (1308,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-secondary' (1330,17): run-time error CSS1039: Token not allowed after unary operator: '-oh-gray' (1334,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-gray-dark' (1400,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-font-size' (1400,50): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-line-height' (1401,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-font-size' (1401,55): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-line-height' (1405,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-line-height' (1437,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-light' (1487,17): run-time error CSS1039: Token not allowed after unary operator: '-oh-secondary-color' (1488,28): run-time error CSS1039: Token not allowed after unary operator: '-oh-secondary-bg-subtle' (1495,32): run-time error CSS1039: Token not allowed after unary operator: '-oh-green' (1500,32): run-time error CSS1039: Token not allowed after unary operator: '-oh-dark' (1505,32): run-time error CSS1039: Token not allowed after unary operator: '-oh-blue' (1509,16): run-time error CSS1039: Token not allowed after unary operator: '-oh-blue' (1513,17): run-time error CSS1039: Token not allowed after unary operator: '-oh-primary' (1517,17): run-time error CSS1039: Token not allowed after unary operator: '-oh-green' (1521,17): run-time error CSS1039: Token not allowed after unary operator: '-oh-secondary-color' (1525,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1526,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1528,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1529,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1530,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1531,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1532,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1533,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1534,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1535,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1536,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1537,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1538,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1539,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1540,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1541,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1542,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1553,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius' (1557,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-padding-y' (1558,20): run-time error CSS1039: Token not allowed after unary operator: '-oh-secondary-color' (1566,29): run-time error CSS1039: Token not allowed after unary operator: '-oh-primary-bg' (1584,34): run-time error CSS1039: Token not allowed after unary operator: '-oh-gray-light' (1591,33): run-time error CSS1039: Token not allowed after unary operator: '-oh-gray-light' (1602,17): run-time error CSS1039: Token not allowed after unary operator: '-oh-secondary-color' (1627,28): run-time error CSS1039: Token not allowed after unary operator: '-oh-primary-bg' (1631,17): run-time error CSS1039: Token not allowed after unary operator: '-oh-blue' (1635,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1636,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1656,28): run-time error CSS1039: Token not allowed after unary operator: '-oh-light-bg' */ /* * Custom CSS */ @import url('fonts/fonts.tildasans.css'); :root, [data-oh-theme=default] { --oh-emphasis-font-weight: 600; --oh-body-font-weight: 500; --oh-font-weight-regular: 400; --oh-border-color: #EBEBEB; --oh-primary-bg: #FF5701; --oh-primary: #FF5701; --oh-primary-rgb: 255,87,1; --oh-secondary: #9C9C9C; --oh-secondary-color: #747474; --oh-secondary-rgb: 156, 156, 156; --oh-secondary-bg-subtle: #EBEBEB; --oh-light-bg: #F2F2F2; --oh-dark: #292929; --oh-btn-font-size: 1rem; --oh-blue: #0176FF; --oh-green: #00CB5D; --oh-gray: #747474; --oh-gray-dark: #292929; --oh-gray-light: #9C9C9C; --bs-primary: var(--oh-primary); --bs-primary-rgb: var(--oh-primary-rgb); --bg-secondary: var(--oh-secondary); --bg-secondary-rgb: var(--oh-secondary-rgb); --bs-font-sans-serif: TildaSans, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif; /* --bs-body-font-size: 1.25rem;*/ --bs-body-line-height: 1.25; --bs-nav-link-font-size: var(--oh-btn-font-size); --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); --bs-accordion-btn-icon-width: 1.25rem; --bs-accordion-btn-icon-transform: rotate(-180deg); --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out; --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23052c65'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); } /* Font size adjustments */ @media screen and (min-width: 576px) { :root { --bs-body-font-size: 1.25rem; --oh-btn-font-size: 17px; --bs-dropdown-font-size: 17px; } } @media screen and (min-width: 768px) { :root { --oh-btn-font-size: 1.25rem; --bs-dropdown-font-size: 1.25rem; --bs-nav-link-font-size: 1.25rem; } } [data-oh-theme=dark] { color-scheme: dark; } body { font-weight: var(--oh-body-font-weight); } h6, .h6, h5, .h5, h4, .h4, h3, .h3 { font-weight: 700; } h2, .h2, h1, .h1 { font-weight: 900; } small, .small { font-size:0.8em; } .bi { vertical-align: -.125em; fill: currentColor; } .btn { --bs-btn-padding-x: 1.25rem; --bs-btn-font-family: var(--bs-font-sans-serif); --bs-btn-font-size: var(--oh-btn-font-size); --bs-btn-font-weight: 500; --bs-btn-line-height: 1.3; } /* enlarge vertical padding */ @media only screen and (max-width: 575.98px) { .btn { --bs-btn-padding-y: 0.5rem; --bs-btn-line-height: 1.375rem; /*height:40px;*/ white-space: nowrap; } } .btn-oh-link { --bs-btn-padding-x: 0; --bs-btn-padding-y: 0; --bs-btn-font-weight: 700; --bs-btn-color: var(--bs-link-color); --bs-btn-bg: transparent; --bs-btn-border-color: transparent; --bs-btn-hover-color: var(--bs-link-hover-color); --bs-btn-hover-border-color: transparent; --bs-btn-active-color: var(--bs-link-hover-color); --bs-btn-active-border-color: transparent; --bs-btn-disabled-color: #6c757d; --bs-btn-disabled-border-color: transparent; --bs-btn-box-shadow: 0 0 0 #000; --bs-btn-focus-shadow-rgb: 49, 132, 253; height: auto; text-decoration: none; } .btn-oh-link:focus-visible { color: var(--bs-btn-color); box-shadow:none; } .btn-oh-link:hover { color: var(--bs-btn-hover-color); } .btn-oh-link._underline { text-decoration: underline; } .btn-oh-primary { --bs-btn-color: #fff; --bs-btn-bg: var(--oh-primary-bg); --bs-btn-border-color: var(--oh-primary-bg); --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #ff3300; --bs-btn-hover-border-color: #ff3300; --bs-btn-focus-shadow-rgb: var(--oh-primary-rgb); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #ff7514; --bs-btn-disabled-border-color: #ff7514; --bs-btn-font-weight: 500; --bs-btn-active-color: var(--bs-btn-hover-color); --bs-btn-active-bg: var(--bs-btn-hover-bg); --bs-btn-active-border-color: var(--bs-btn-hover-border-color); } .btn-outline-primary { --bs-btn-color: var(--oh-primary); --bs-btn-border-color: var(--oh-primary); --bs-btn-hover-color: #fff; --bs-btn-hover-bg: var(--oh-primary); --bs-btn-hover-border-color: var(--oh-primary); --bs-btn-focus-shadow-rgb: var(--oh-primary-rgb); --bs-btn-active-color: #fff; --bs-btn-active-bg: var(--oh-primary); --bs-btn-active-border-color: var(--oh-primary); --bs-btn-disabled-color: var(--oh-primary); --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: var(--oh-primary); } .btn-oh-outline-featured { --bs-btn-color: #0d6efd; --bs-btn-border-color: #0d6efd; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #0d6efd; --bs-btn-hover-border-color: #0d6efd; --bs-btn-focus-shadow-rgb: 13, 110, 253; --bs-btn-active-color: #fff; --bs-btn-active-bg: #0d6efd; --bs-btn-active-border-color: #0d6efd; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #0d6efd; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #0d6efd; --bs-gradient: none; } .btn-oh-wide { min-width:195px !important; } .btn-secondary { --bs-btn-color: #292929; --bs-btn-bg: var(--oh-secondary-bg-subtle); --bs-btn-border-color: var(--oh-secondary-bg-subtle); --bs-btn-hover-color: var(--bs-light); --bs-btn-hover-bg: var(--oh-secondary); --bs-btn-hover-border-color: var(--oh-secondary); --bs-btn-focus-shadow-rgb: var(--oh-secondary-rgb); --bs-btn-active-color: var(--bs-light); --bs-btn-active-bg: var(--oh-secondary); --bs-btn-active-border-color: var(--oh-secondary); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: var(--oh-secondary-bg-subtle); --bs-btn-disabled-border-color: var(--oh-secondary-bg-subtle); } .dropdown-menu { --bs-dropdown-border-radius: var(--bs-border-radius-lg); --bs-dropdown-font-size: var(--bs-body-font-size); --bs-dropdown-item-padding-x: 1.25rem; --bs-dropdown-item-padding-y: 0.5rem; --bs-dropdown-header-padding-x: 1.25rem; --bs-dropdown-link-active-color: #fff; --bs-dropdown-link-active-bg: var(--oh-primary); } .dropdown-menu-dark { --bs-dropdown-link-active-bg: var(--oh-primary); } .dropdown-toggle::after { vertical-align: 0.15em; } .form-control { font-size: var(--bs-body-font-size); line-height: 1.4; } .form-header { padding-top: 0.5rem; padding-bottom: 1rem; border-bottom: 3px solid var(--oh-border-color); } /* Costom forms OH */ .form-oh .field-validation-valid { display: none; } .form-oh .field-validation-error { color: var(--bs-form-invalid-color); } /*.form-oh*/ .invalid-feedback.field-validation-error, .form-oh.invalid .invalid-feedback { display: block; } .form-oh .validation-summary-errors { color: var(--bs-form-invalid-color); font-size: 0.875em } .form-oh .form-block { margin-bottom: 1.25rem; } /*.form-oh */.form-control.input-validation-error, .form-select.input-validation-error { border-color: var(--bs-form-invalid-border-color); } /*.form-oh */ .form-control.input-validation-error:focus, .form-select.input-validation-error:focus { border-color: var(--bs-form-invalid-border-color); box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25); } .form-oh .form-control-upload::-webkit-file-upload-button, .form-oh .form-control-upload::file-selector-button { display: none; } .form-oh .form-check-input { margin-top:0; } .form-oh .form-control, .form-oh .input-group-text, .form-oh .input-group .btn { border-radius: var(--bs-border-radius-xl); } .form-oh[data-state=pending] .form-control, .form-oh[data-state=pending] .form-oh-check, .form-oh[data-state=pending] .form-select { color: var(--oh-secondary-color); pointer-events: none; } .form-oh[data-state=pending] .btn { color: var(--bs-btn-disabled-color); background-color: var(--bs-btn-disabled-bg); border-color: var(--bs-btn-disabled-border-color); opacity: var(--bs-btn-disabled-opacity); pointer-events: none; } .form-oh[data-state=pending] .form-check-input, .form-oh[data-state=pending] input[type=radio] { pointer-events: none; filter: none; opacity: 0.5; } .form-oh:not([data-state=pending]) [data-state=pending], .modal-dialog[data-state]:not([data-state=pending]) [data-state=pending] { display: none; } .form-oh-check { /*display: block;*/ min-height: 1.5rem; padding-left: 1.75em; margin-bottom: 0.25rem; } .form-oh-check .form-check-input { float: left; border-radius: 50%; margin-left: -1.75em; margin-top: 0; width: calc(1.2 * var(--bs-body-font-size)); height: calc(1.2 * var(--bs-body-font-size)); } .form-oh-check .form-check-input:checked { background-color: var(--oh-primary-bg); border-color: var(--oh-primary-bg); } .form-oh .form-control[data-input-type=number] { text-align:right; } .form-oh .form-control[data-input-type=number]:placeholder-shown { text-align: left; } .form-oh .form-label { color: #5c5c5c; font-weight: 700; } .form-oh .form-switch .form-check-input { margin-top:0.125rem; } .form-oh .form-text, .form-text-optional { color: var(--oh-gray); } .form-oh .form-row { --bs-gutter-y: 1.25rem; } .form-oh:not([data-mode=edit]) *[data-mode=edit] { display: none !important } .form-oh[data-mode=edit] *[data-mode]:not([data-mode=edit]) { display: none !important } .form-oh-blockqute { color: var(--oh-secondary-color); padding: 0.5rem 2rem 0.5rem; position: relative; box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2); } .form-oh-blockqute::before { display: block; height: 0; content: "“"; font-size: 2.5em; color: var(--oh-gray-light); position: absolute; top: 0; left: 0.5rem; } .form-oh-blockqute .btn-close { position: absolute; top: 0.375rem; right: 0.5rem; z-index:5; } .form-oh-blockqute:not(.collapse) + textarea.form-control, .form-oh-blockqute.show + textarea.form-control { border-top-left-radius: 0; border-top-right-radius: 0; } .form-oh-range { --range-track-top: 10px; --range-output-left: calc((var(--value)*1 - var(--min-value)*1)/(var(--max-value)*1 - var(--min-value)*1) * 100%); --range-output-offset-xy: calc((var(--value)*1 - var(--min-value)*1)/(var(--max-value)*1 - var(--min-value)*1) * -100%), 0; position: relative; display: grid; margin-block-start: 30px; } .form-oh-range-input { width: 100%; height: 30px; border-radius: 10px; appearance: none; background: none; } .form-oh-range-input::-webkit-slider-thumb { -webkit-appearance: none; width: 30px; height: 30px; border: none; border-radius: 50%; background-color: white; box-shadow: 0 0 0 5px inset var(--oh-primary-bg); transition: 300ms; } .form-oh-range-input::-moz-range-thumb { width: 30px; height: 30px; border: none; border-radius: 50%; background-color: white; box-shadow: 0 0 0 5px inset var(--oh-primary-bg); transition: 300ms; } .form-oh-range-input:hover::-webkit-slider-thumb, .form-oh-range-input:focus-visible::-webkit-slider-thumb { box-shadow: 0 0 0 10px inset var(--oh-primary-bg); } .form-oh-range-input:hover::-moz-range-thumb, .form-oh-range-input:focus-visible::-moz-range-thumb { box-shadow: 0 0 0 10px inset var(--oh-primary-bg); } .form-oh-range-input:active::-webkit-slider-thumb { box-shadow: 0 0 0 30px inset var(--oh-primary-bg); } .form-oh-range-input:active::-moz-range-thumb { box-shadow: 0 0 0 30px inset var(--oh-primary-bg); } .form-oh-range-input:disabled::-webkit-slider-thumb { box-shadow: 0 0 0 30px inset var(--oh-gray-light); } .form-oh-range-input:disabled::-moz-range-thumb { box-shadow: 0 0 0 30px inset var(--oh-gray-light); } .form-oh-range-input:focus-visible { outline-offset: 10px; outline: 1px solid var(--oh-primary-bg); } .form-oh-range-input:focus-visible::-webkit-slider-thumb { outline: 3px solid #00CB5D; } .form-oh-range-input:focus-visible::-moz-range-thumb { outline: 3px solid #00CB5D; } .form-oh-range ._track { position: absolute; top: var(--range-track-top); width: 100%; height: 8px; border-radius: 10px; background-color: var(--oh-gray-light); z-index: -1; } .form-oh-range ._progress { position: absolute; top: var(--range-track-top); width: calc((var(--value)*1 - var(--min-value)*1)/(var(--max-value)*1 - var(--min-value)*1) * 100%); height: 8px; border-radius: 10px; background-color: var(--oh-primary-bg); z-index: -1; } .form-oh-range.disabled ._track { background-color: var(--oh-light-bg); } .form-oh-range.disabled ._progress { background: rgb(var(--oh-primary-rgb) / 55%); } .form-oh-range-output { position: absolute; bottom: 35px; left: var(--range-output-left); padding: 0 4px; background: transparent; border-radius: 10px; /*font-size: 18px;*/ text-align: end; transform: translate(var(--range-output-offset-xy)); user-select: none; transition: 100ms; } /* Rating */ .form-oh-rating { display: flex; flex-flow: row-reverse nowrap; justify-content: start; overflow: hidden; } .form-oh-rating input._star { flex-shrink: 0; width: 1.5rem; height: 1.5rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: var(--bs-body-bg); background-image: url('data:image/svg+xml,'); background-position: center; background-size: contain; border: none; border-radius: 0; transition: background-image 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-oh-rating input._star { transition: none; } } .form-oh-rating input._star:not(:disabled) { cursor: pointer; } .form-oh-rating input._star:active, .form-oh-rating input._star:focus, .form-oh-rating input._star:checked { background-color: var(--bs-body-bg); border: none; border-radius: 0; outline: 0; box-shadow: none; filter: none; } .form-oh-rating > input._star:checked, .form-oh-rating > input._star:checked ~ input._star, .form-oh-rating > input._star:hover, .form-oh-rating > input._star:hover ~ input._star { background-image: url('data:image/svg+xml,'); } .form-select, .input-group-text { font-size: var(--bs-body-font-size); } @media only screen and (max-width: 575.98px) { .fs-1 { font-size: 1.75rem !important; } .fs-2 { font-size: 1.5rem !important; } .fs-3 { font-size: 1.375rem !important; } .fs-4 { font-size: 1.25rem !important; } .fs-5 { font-size: 1.125rem !important; } .fs-6 { font-size: 1rem !important; } } @media (min-width: 1200px) { .fs-xl-1 { font-size: 2.5rem !important; } .fs-xl-2 { font-size: 2rem !important; } .fs-xl-3 { font-size: 1.75rem !important; } .fs-xl-4 { font-size: 1.5rem !important; } } .fw-emphasis { font-weight: var(--oh-emphasis-font-weight) !important; } .fw-max, .fw-xbold { font-weight: 900 !important; } .fw-normal, .fw-medium { font-weight: var(--oh-body-font-weight) !important; } .input-group .btn:not(:first-child) { padding-left: 0.625rem; } .input-group .btn:not(:last-child) { padding-right: 0.625rem; } .input-group.bs-primary > .form-control, .input-group.bs-primary > .form-select, .input-group.bs-primary > .form-floating, .input-group.bs-primary > .input-group-text { border-color: #0176FF; border-width: 2px; } .input-group.bs-primary > .input-group-text { background-color: #0176FF; color:#fff; } .input-group.bs-success > .form-control, .input-group.bs-success > .input-group-text { border-color: #00CB5D; border-width: 2px; } .input-group.bs-success > .input-group-text { background-color: #00CB5D; color: #fff; } .modal-title { font-weight: 900; color: var(--oh-blue); } .navbar-oh { --bs-navbar-padding-x: 0; --bs-navbar-padding-y: 0.75rem; --bs-navbar-brand-padding-x: 0; --bs-navbar-brand-padding-y: 0; } .navbar-oh .navbar-brand img { height: auto; width: 80px; object-fit: contain; } .navbar-oh .nav-item { text-align: center; } .navbar-oh .nav-item:not(.dropdown):not(:last-child) { margin-bottom: 0.75rem; } .navbar-oh .nav-item.dropdown:not(:last-child) { margin-bottom: 0.5rem; } .navbar-oh .nav-link.active { background-color: var(--oh-primary-bg); color: var(--bs-white); } .navbar-oh .nav-link.bg-primary { background-color: var(--oh-primary-bg) !important } .navbar-oh .nav-link.bg-secondary-subtle { background-color: var(--oh-secondary-bg-subtle) !important } .navbar-oh .dropdown-item { line-height: 2rem; } .navbar-oh .dropdown-item.active, .navbar-oh .dropdown-item:active { background-color: var(--oh-primary-bg); color: var(--bs-white) !important; } @media (min-width: 992px) { .navbar-oh .nav-item:not(.dropdown):not(:last-child) { margin-right: 1rem; margin-top:0; margin-bottom: 0; } .navbar-oh .nav-item.dropdown:not(:last-child) { margin-bottom: 0; margin-right: 0.5rem; } } .navbar-oh .nav-link { --bs-nav-link-font-weight: 500; --bs-nav-link-padding-y: 0.5rem; --bs-nav-link-padding-x: 1.25rem; } .nav-tabs-oh { --bs-nav-link-color: var(--oh-secondary-color); --bs-nav-link-hover-color: var(--oh-dark); --bs-nav-link-padding-x: 0; --bs-nav-link-padding-y: 0.5rem; --bs-nav-tabs-border-color: var(--oh-border-color); --bs-nav-tabs-border-width: 3px; --bs-nav-tabs-border-radius: 0; --bs-nav-tabs-link-hover-border-color: var(--oh-secondary-color); --bs-nav-tabs-link-active-color: var(--oh-primary); --bs-nav-tabs-link-active-border-color: var(--oh-primary); border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color); } .nav-tabs-oh .nav-item:not(:last-of-type) { margin-right:1em; } .nav-tabs-oh .nav-link { border-width: 0 0 var(--bs-nav-tabs-border-width); } .oh-action-link { text-decoration: none !important; } .oh-action-link:hover { background-color: var(--oh-light-bg); } .oh-bg-dark { --bs-emphasis-color: var(--bs-white); --bs-emphasis-color-rgb: var(--bs-white-rgb); color: var(--bs-white); background-color: #292929 !important; } .oh-bg-dark .text-info { --bs-info: #00FFA3; --bs-info-rgb: 0, 255, 163; --bs-info-text-emphasis: #00b372; } .oh-bg-dark .link-info { --bs-info: #00FFA3; --bs-info-rgb: 0, 255, 163; } .oh-bg-dark .link-info:hover, .oh-bg-dark .link-info:focus { color: RGBA(20, 184, 125, var(--bs-link-opacity, 1)) !important; -webkit-text-decoration-color: RGBA(20, 184, 125, var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: RGBA(20, 184, 125, var(--bs-link-underline-opacity, 1)) !important; } .oh-bg-dark .link-primary:hover, .oh-bg-dark .link-primary:focus { color: RGBA(var(--oh-primary-rgb), var(--bs-link-opacity, 1)) !important; -webkit-text-decoration-color: RGBA(var(--oh-primary-rgb), var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: RGBA(var(--oh-primary-rgb), var(--bs-link-underline-opacity, 1)) !important; } .oh-bg-light { --bs-emphasis-color: var(--bs-black); --bs-emphasis-color-rgb: var(--bs-black-rgb); color: var(--bs-black); background-color: #F2F2F2 !important; } .oh-btn-block { display: flex; flex-direction: column; align-items:stretch; gap: 1rem 1rem; } .oh-btn-block .btn { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } @media only screen and (min-width: 576px) { .oh-btn-block { flex-wrap: wrap; flex-direction: row; } .modal .oh-btn-block .btn { flex: 0 1 195px; } } .oh-btn-block-nowrap { max-width: 100%; } .oh-btn-block-nowrap .btn { flex: 1 1 195px; border-top-left-radius: 0; } @media only screen and (max-width: 575.98px) { .oh-btn-block-nowrap { width: 100%; flex-flow: row nowrap; gap:0; } .oh-btn-block-nowrap .btn { flex: 1 1 50%; border-top-left-radius: 0; } .oh-btn-block-nowrap .btn:not(:last-child) { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .oh-btn-block-nowrap .btn:not(:first-child) { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } } .oh-car-brand-options { max-height: 300px; overflow-y: auto; } @media(min-width: 576px) { .oh-car-brand-options-inner { -moz-column-count: 2; -moz-column-gap: 1rem; -webkit-column-count: 2; -webkit-column-gap: 1rem; column-count: 2; column-gap: 1rem; } } @media(min-width: 992px) { .oh-car-brand-options-inner { -moz-column-count: 3; -moz-column-gap: 1rem; -webkit-column-count: 3; -webkit-column-gap: 1rem; column-count: 3; column-gap: 1rem; } } /*@media(min-width: 1200px) { .oh-car-brand-options { -moz-column-count: 4; -moz-column-gap: 1rem; -webkit-column-count: 4; -webkit-column-gap: 1rem; column-count: 4; column-gap: 1rem; max-height:400px; } }*/ .oh-card-equipment { height: 150px; min-width: 300px; } .oh-card-equipment .card-body { background-image: var(--oh-bg-img); background-image: -webkit-image-set(var(--oh-bg-img) 1x, var(--oh-bg-img-lg) 2x); background-image: image-set(var(--oh-bg-img) 1x, var(--oh-bg-img-lg) 2x); background-repeat: no-repeat; background-position: right center; background-size: 120px auto; -webkit-background-origin: padding-box; background-origin: content-box; } .oh-card-equipment.active { border-color: var(--oh-primary) !important; box-shadow: 0 0 0 3px rgba(var(--oh-primary-rgb), .25); } .oh-card-equipment ._title { max-width: 10em; white-space: pre-wrap; } .btn-oh-toggle, .oh-card-equipment ._select-btn { --bs-btn-color: #292929; --bs-btn-bg: var(--oh-secondary-bg-subtle); --bs-btn-border-color: var(--oh-secondary-bg-subtle); --bs-btn-hover-color: #000; --bs-btn-hover-bg: var(--oh-secondary); --bs-btn-hover-border-color: var(--oh-secondary); --bs-btn-focus-shadow-rgb: var(--oh-secondary-rgb); } .form-oh .btn-check:checked + .btn-oh-toggle, .oh-card-equipment .btn-check:checked + ._select-btn { --bs-btn-active-bg: var(--oh-primary-bg); --bs-btn-active-border-color: var(--oh-primary-bg); --bs-btn-focus-shadow-rgb: var(--oh-primary-rgb); background-color: var(--bs-btn-active-bg); border-color: var(--bs-btn-active-border-color); color: #fff; } @media (min-width: 1200px) { .oh-card-equipment { height: 240px; } .oh-card-equipment .card-body { background-size: 200px auto; padding: 1.5rem; } } .oh-dialog-action-buttons { display: flex; flex-direction: row; } .oh-dialog-action-buttons .btn { flex: 0 1 192px; max-width:100%; } .oh-form-issue-create .btn-check, .oh-form-issue-create .btn-check:focus { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .oh-form-issue-create .btn-check:checked + ._brand-select-label { border-color: var(--oh-primary) !important; box-shadow: 0 0 0 3px rgba(var(--oh-primary-rgb), .25); } .oh-form-issue-create ._brand-select { display: flex; flex-flow: row wrap; -moz-column-gap: 0.833vw; column-gap: 0.833vw; } .oh-form-issue-create ._brand-select-label { border: 1px solid var(--bs-border-color); border-radius: var(--bs-border-radius-xl); padding: 0.25rem 0.375rem; } .oh-form-issue-create ._brand-select-label, .oh-form-issue-create ._brand-select-label:focus { outline: 0; cursor: pointer; } .oh-form-issue-create ._brand-select-label:hover { border-color: var(--bg-secondary) !important; } .oh-form-issue-create ._brand-select-label > img { width: 96px; } @media (min-width: 992px) { .oh-form-issue-create ._brand-select { -moz-column-gap: 10px; column-gap: 10px; } .oh-form-issue-create ._brand-select-label { padding: 0.25rem 0.5rem; } .oh-form-issue-create ._brand-select-label > img { width:auto !important; } } .oh-form-issue-create .form-control { border-radius: var(--bs-border-radius-xl); } .oh-form-issue-create .oh-upload-preview { padding: 0.25rem; background-color: var(--bs-body-bg); border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); position: relative; min-width: 40px; } .oh-issue-block-header { display: flex; } .oh-issue-block-header.collapsed { margin-bottom: 0 !important; } .oh-issue-block-header::after { align-self: center; flex-shrink: 0; width: var(--bs-accordion-btn-icon-width); height: 16px; margin-left: auto; content: ""; background-image: var(--bs-accordion-btn-icon); background-repeat: no-repeat; background-size: var(--bs-accordion-btn-icon-width); transition: var(--bs-accordion-btn-icon-transition); } .oh-issue-block-header:not(.collapsed)::after { transform: var(--bs-accordion-btn-icon-transform); } .oh-issue-form-selector { max-width: 400px; } .oh-issue-form-selector.active { border-color: var(--oh-primary) !important; box-shadow: 0 0 0 3px rgba(var(--oh-primary-rgb), .25); } .oh-issue-form-selector:not(.active):hover { border-color: var(--oh-secondary) !important; box-shadow: 0 0 0 3px rgba(var(--oh-secondary-rgb), .25); } .oh-issue-form-selector-bg { background-image: var(--oh-bg-img); background-image: -webkit-image-set(var(--oh-bg-img) 1x, var(--oh-bg-img-lg) 2x); background-image: image-set(var(--oh-bg-img) 1x, var(--oh-bg-img-lg) 2x); background-repeat: no-repeat; background-position: center center; background-size: 200px auto; -webkit-background-origin: padding-box; background-origin: content-box; } .oh-upload-preview:hover { border-color: var(--bg-secondary) !important; } .oh-upload-preview img { filter: opacity(0.75); } .oh-upload-preview ._overlay { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; background-color: var(--bs-white); padding: 0.25rem; opacity: 0.85; } .oh-upload-preview .btn-close:focus { outline: none; box-shadow:none; } .oh-message-list-item { background-color: var(--oh-light-bg); padding: 1rem 1.5rem; } .oh-message-list-item._featured { /*border: 2px solid var(--oh-primary);*/ box-shadow: inset 0 0 0 2px var(--oh-primary); } .oh-message-list-item[data-mode=edit] { background-color: var(--bs-primary-bg-subtle) !important; box-shadow: inset 0 0 0 2px var(--bs-primary-border-subtle); } .oh-message-list-item:not([data-mode=edit]) *[data-mode=edit], .oh-message-list-item[data-mode=edit] *[data-mode]:not([data-mode=edit]) { visibility: hidden; } /* Quotation */ .oh-message-list-quote { background-color: white; padding: 1rem; padding-right: 3rem; position:relative; } .oh-message-list-quote .q { quotes: "“" "”" "‘" "’"; } .oh-message-list-quote .q::before { content: open-quote; } .oh-message-list-quote .q::after { content: close-quote; } [data-mode=edit] > .oh-message-list-quote { background-color: var(--oh-light-bg); } .oh-message-list-quote .btn-close { position: absolute; top: 0; right: 0; z-index: 2; padding: 1.25rem 1rem; } /*---*/ .oh-icon-cell-tutorial { flex: 0 0 auto !important; } .oh-icon-cell-tutorial > img { max-width: 106.5px; } .oh-issue-preamble ._number { flex:0 0 auto; width: 73.5px; } .oh-issue-preamble ._digit { overflow: hidden; width: 75px; height: 75px; background-position: center -1px; background-size: contain; background-repeat: no-repeat; } .oh-issue-preamble ._digit-1 { background-image: url('data:image/svg+xml,%3Csvg width="98" viewBox="0 0 98 101" fill="none" xmlns="http://www.w3.org/2000/svg" class="_number"%3E%3Cpath d="M43.4619 44.9236H38.4888V41.4885L44.2993 36.6179H48.999V61.1248H43.4619V44.9236ZM58.3301 56.6301C58.877 57.12 59.1504 57.7979 59.1504 58.6638C59.1504 59.5297 58.877 60.2133 58.3301 60.7146C57.7718 61.2159 57.054 61.4666 56.1768 61.4666C55.2995 61.4666 54.5817 61.2159 54.0234 60.7146C53.4766 60.2133 53.2031 59.5297 53.2031 58.6638C53.2031 57.7979 53.4766 57.12 54.0234 56.6301C54.5817 56.1288 55.2995 55.8782 56.1768 55.8782C57.054 55.8782 57.7718 56.1288 58.3301 56.6301Z" fill="white" /%3E%3Cellipse cx="48.7115" cy="50.2139" rx="27.7497" ry="42.3861" transform="rotate(40.8383 48.7115 50.2139)" stroke="%23F0222D" stroke-width="3" stroke-dasharray="10 10" /%3E%3C/svg%3E'); } .oh-issue-preamble ._digit-2 { background-image: url('data:image/svg+xml,%3Csvg width="98" viewBox="0 0 98 101" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M55.1514 61.2495H33.9429V57.3701C33.9429 56.2194 34.2163 55.1712 34.7632 54.2256C35.3215 53.2799 36.0791 52.5109 37.0361 51.9185C38.4375 51.0412 40.568 50.1183 43.4277 49.1499C44.362 48.8423 45.1538 48.5518 45.8032 48.2783C46.4526 47.9935 47.085 47.6574 47.7002 47.27C48.3268 46.8826 48.7939 46.444 49.1016 45.9541C49.4206 45.4642 49.5801 44.9287 49.5801 44.3477C49.5801 42.1488 48.0078 41.0493 44.8633 41.0493C43.291 41.0493 42.1061 41.3911 41.3086 42.0747C40.5225 42.7583 40.1294 43.7153 40.1294 44.9458V45.9541H34.6094V44.9458C34.6094 42.1203 35.4753 39.9897 37.207 38.5542C38.9502 37.1187 41.5023 36.4009 44.8633 36.4009C48.1901 36.4009 50.7308 37.0788 52.4854 38.4346C54.2399 39.7904 55.1172 41.7614 55.1172 44.3477C55.1172 45.806 54.7526 47.0877 54.0234 48.1929C53.2715 49.3208 52.3486 50.1981 51.2549 50.8247C50.1156 51.4969 48.9193 52.0894 47.666 52.6021C46.333 53.1489 45.1367 53.5876 44.0771 53.918C42.9492 54.2598 42.0264 54.6585 41.3086 55.1143C40.568 55.5814 40.1978 56.077 40.1978 56.6011H55.1514V61.2495ZM63.7646 56.7549C64.3115 57.2448 64.585 57.9227 64.585 58.7886C64.585 59.6545 64.3115 60.3381 63.7646 60.8394C63.2064 61.3407 62.4886 61.5913 61.6113 61.5913C60.734 61.5913 60.0163 61.3407 59.458 60.8394C58.9111 60.3381 58.6377 59.6545 58.6377 58.7886C58.6377 57.9227 58.9111 57.2448 59.458 56.7549C60.0163 56.2536 60.734 56.0029 61.6113 56.0029C62.4886 56.0029 63.2064 56.2536 63.7646 56.7549Z" fill="white" /%3E%3Cellipse cx="48.7115" cy="50.3386" rx="27.7497" ry="42.3861" transform="rotate(40.8383 48.7115 50.3386)" stroke="%23F0222D" stroke-width="3" stroke-dasharray="10 10" /%3E%3C/svg%3E'); } .oh-issue-preamble ._digit-3 { background-image: url('data:image/svg+xml,%3Csvg width="98" viewBox="0 0 98 101" fill="none" xmlns="http://www.w3.org/2000/svg" class="_number"%3E%3Cpath d="M44.4019 41.2373H34.917V36.7427H53.8867V41.2373L46.2476 45.5269L43.4106 46.3472V46.8599L46.709 46.0908C49.318 46.0908 51.3745 46.7231 52.8784 47.9878C54.3823 49.2638 55.1343 51.0811 55.1343 53.4395C55.1343 56.0371 54.2171 58.048 52.3828 59.4722C50.5485 60.8849 47.9338 61.5913 44.5386 61.5913C41.1434 61.5913 38.5286 60.8849 36.6943 59.4722C34.8486 58.0708 33.9258 56.0371 33.9258 53.3711V52.8071H39.4629V53.3711C39.4629 55.7523 41.1548 56.9429 44.5386 56.9429C47.9224 56.9429 49.6143 55.7751 49.6143 53.4395C49.6143 51.0811 47.9224 49.9019 44.5386 49.9019H37.2925V46.5181L44.4019 42.0063L47.2388 41.186V40.6733L44.4019 41.2373ZM63.5938 56.7549C64.1406 57.2448 64.4141 57.9227 64.4141 58.7886C64.4141 59.6545 64.1406 60.3381 63.5938 60.8394C63.0355 61.3407 62.3177 61.5913 61.4404 61.5913C60.5632 61.5913 59.8454 61.3407 59.2871 60.8394C58.7402 60.3381 58.4668 59.6545 58.4668 58.7886C58.4668 57.9227 58.7402 57.2448 59.2871 56.7549C59.8454 56.2536 60.5632 56.0029 61.4404 56.0029C62.3177 56.0029 63.0355 56.2536 63.5938 56.7549Z" fill="white" /%3E%3Cellipse cx="48.7115" cy="50.3386" rx="27.7497" ry="42.3861" transform="rotate(40.8383 48.7115 50.3386)" stroke="%23F0222D" stroke-width="3" stroke-dasharray="10 10" /%3E%3C/svg%3E'); } .oh-issue-preamble ._digit-4 { background-image: url('data:image/svg+xml,%3Csvg width="98" height="101" viewBox="0 0 98 101" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M52.606 61.5547H47.0688V56.3765H33.0381V51.7964L45.2915 37.0479H52.606V51.8306H55.853V56.3765H52.606V61.5547ZM47.855 40.9102H47.3252L46.0947 43.7129L39.4468 51.6768V51.8306H47.0688V43.7129L47.855 40.9102ZM63.6118 57.0601C64.1587 57.55 64.4321 58.2279 64.4321 59.0938C64.4321 59.9596 64.1587 60.6432 63.6118 61.1445C63.0535 61.6458 62.3358 61.8965 61.4585 61.8965C60.5812 61.8965 59.8634 61.6458 59.3052 61.1445C58.7583 60.6432 58.4849 59.9596 58.4849 59.0938C58.4849 58.2279 58.7583 57.55 59.3052 57.0601C59.8634 56.5588 60.5812 56.3081 61.4585 56.3081C62.3358 56.3081 63.0535 56.5588 63.6118 57.0601Z" fill="white"/%3E%3Cellipse cx="48.7144" cy="50.6435" rx="27.7497" ry="42.3861" transform="rotate(40.8383 48.7144 50.6435)" stroke="%23F0222D" stroke-width="3" stroke-dasharray="10 10"/%3E%3C/svg%3E'); } @media (min-width: 992px) { .oh-issue-preamble ._number { width: 98px; height: 101px; margin-left: -1.25rem; } .oh-issue-preamble ._digit { background-size: auto; width: 100px; height: 100px; margin-left: -20px; } } .oh-modal-gallery { --bs-modal-width: 820px; } .oh-modal-state .modal-body { min-height: 40px; } .oh-modal-state .oh-modal-state-blind { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: auto; background-color: white; opacity: 0.5; } .oh-modal-state [data-state=pending] .btn { opacity: var(--bs-btn-disabled-opacity); pointer-events: none; } .oh-modal-state [data-state]:first-of-type:not([data-state=pending]) .oh-modal-state-blind { display: none !important; } .oh-partner-brands { width: 100% !important; display: flex; flex-direction: row; flex-wrap: nowrap; column-gap: 0.5rem; padding-top: 1rem; padding-bottom: 1rem; } .oh-partner-brands .oh-brand-label + .oh-brand-label { margin-left: 0.5rem; } .oh-personal-card { --oh-font-size: 1rem; background-color: var(--oh-light-bg); border-radius: var(--bs-border-radius-xl); display: flex; flex-flow: column nowrap; flex: 0 1 240px; font-size: var(--oh-font-size); max-width: 240px; padding: 1rem 1rem 1.25rem; } .oh-personal-card ._name { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; word-break:break-word; /*no vertical paddings!*/ } .oh-personal-card ._image, .oh-personal-card ._image-placeholder { border-radius: 50%; display: block; margin-left: auto; margin-right: auto; width: 70px; height: 70px; --oh-font-size: 1.25rem; } @media (min-width: 1200px) { .oh-personal-card { --oh-font-size: var(--bs-body-font-size); } .oh-personal-card ._image, .oh-personal-card ._image-placeholder { --oh-font-size: 2rem; width: 140px; height: 140px; } } .oh-placeholder-img { font-size: 1.125rem; -webkit-user-select: none; user-select: none; text-anchor: middle; } /* Rating*/ .oh-rating-stars { display: flex; width: 88px; justify-content: space-between; align-items: center; } .oh-rating-stars ._star { display: inline-block; background-image: url('../Images/up/star-icons.svg'); background-size: cover; width: 16px; height: 16px; } .oh-rating-stars ._star-half-cut { background-position: -100%; } .oh-rating-stars ._star-fill { background-position: -200%; } .oh-rating-stars ._star-inactive { background-position: -300%; } .oh-rating-stars ._star-gray-fill { background-position: -400%; } /* -- Articles */ .oh-ref-article-list-item { background-color: var(--oh-light-bg); padding: 1rem; } .oh-ref-article-list-item ._body { flex: 1 1 100%; } .oh-ref-article-list-item ._tail { flex: 0 0 5em; text-align:right; } .oh-ref-brands { display: flex; flex-wrap: wrap; /* margin-top: -0.5rem; margin-left: -0.5rem;*/ } .oh-brand-label, .oh-ref-brand-label, .oh-car-brand-label { border: 1px solid var(--bs-border-color); border-radius: var(--bs-border-radius-xl); padding: 0.375rem 0.5rem; text-decoration: none; } .oh-ref-brand-label._hover:hover, a.oh-car-brand-label:hover, [role=link].oh-car-brand-label:hover { border-color: var(--bg-secondary) !important; } .oh-brand-label > img, .oh-ref-brand-label > img { width: 96px; } .oh-ref-brands .oh-car-brand-label > svg { width: 96px; height: 40px; } .oh-car-brand-label > ._text { display: block; width: 96px; height: 40px; line-height:40px; text-align: center; font-weight: 700; font-size: 1rem; color: var(--oh-gray); } .oh-car-brand-label:hover > ._text { color: var(--bs-gray-dark); } @media (min-width: 992px) { /* .oh-ref-brands .oh-ref-brand-label { margin-top: 0.5rem; margin-left: 0.5rem; }*/ .oh-brand-label, .oh-ref-brand-label { padding: 0.25rem 0.5rem; } .oh-brand-label > img, .oh-ref-brand-label > img { width: auto !important; } .oh-car-brand-label > ._text { width: 128px; height: 52px; line-height: 52px; font-size:1.25rem; } } .oh-image-cell-flex-fixed, .oh-role-icon-cell { flex: 0 0 75px !important; } .oh-role-icon-cell > img { transition: transform 0.9s ease-in; } @media (prefers-reduced-motion: reduce) { .oh-role-icon-cell > img { transition: none !important; } } a:hover > .oh-role-icon-cell img { -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } .oh-top-dealers-presentation { display: flex; flex-direction: row; align-items: center; flex-wrap: nowrap; } .oh-top-dealers-presentation > * { flex: 0 0 200px; max-width: 250px; } @media (min-width:768px) { .oh-top-dealers-presentation > * { flex-basis: 250px !important; } } .oh-text-clip { height: calc(var(--bs-body-font-size) * var(--bs-body-line-height) * 2); line-height: calc(var(--bs-body-font-size) * var(--bs-body-line-height) * 2); } .oh-text-clip > * { display:inline-block; line-height: var(--bs-body-line-height); vertical-align: middle; } .oh-search-container { width:100%; padding-top: 1rem; } @media (min-width: 576px) { .oh-search-container { width: auto !important; padding-top: 0 !important; } .oh-search-container .oh-search-input-group { max-width: 280px } } .oh-search-input-group { position:relative; width:100%; } .oh-search-input-group > .form-control { padding-left: 2.75rem; border-radius: 1.5rem; } .oh-search-input-group[data-bs-theme=dark] > .form-control, .oh-search-input-group[data-bs-theme=dark] > .form-control:focus { color: var(--bs-light); } .oh-search-input-group ._search-submit-btn { position: absolute; left: 2px; top: 2px; padding: 5px; width: 38px; height: 38px; border-radius: 50%; background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-search" viewBox="0 0 16 16"%3E%3Cpath d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"/%3E%3C/svg%3E'); background-repeat:no-repeat; } .oh-search-input-group::before { position: absolute; top: 50%; left: 1rem; height: 1.5rem; margin-top: -10px; font-size: .75rem; color: #fff; content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="%23fff" class="bi bi-search" viewBox="0 0 16 16"%3E%3Cpath d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"/%3E%3C/svg%3E'); opacity:0.75; } .oh-section-container { margin-bottom: 3.75rem; } .oh-service-row-item { flex: 0 0 450px; padding: 1.25rem 1.5rem; max-width: 90%; } .oh-skippy-top { display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .oh-skippy-top .small { font-size: 1rem; } .oh-status-badge { display: inline-block; padding: 0.375rem 1.25rem; color: var(--oh-secondary-color); background-color: var(--oh-secondary-bg-subtle); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .oh-status-badge._fulfilled { color: white; background-color: var(--oh-green); } .oh-status-badge._processed { color: white; background-color: var(--oh-dark); } .oh-status-badge._submitted { color: white; background-color: var(--oh-blue); } .oh-status-submitted { color:var(--oh-blue); } .oh-status-processed { color: var(--oh-primary); } .oh-status-fulfilled { color: var(--oh-green); } .oh-notiflist-item-read { color: var(--oh-secondary-color) !important; } .oh-pagination { --bs-pagination-padding-x: 0.75rem; --bs-pagination-padding-y: 0.375rem; /* --bs-pagination-font-size: 1rem;*/ --bs-pagination-color: var(--oh-dark); --bs-pagination-bg: var(--oh-light-bg); --bs-pagination-border-color: var(--oh-light-bg); --bs-pagination-hover-color: var(--oh-dark); --bs-pagination-hover-bg: #d3d4d5; --bs-pagination-hover-border-color: #c6c7c8; --bs-pagination-focus-color: var(--oh-dark); --bs-pagination-focus-bg: #d3d4d5; --bs-pagination-focus-box-shadow: 0 0 0 2px rgba(211, 212, 213, 0.25); --bs-pagination-active-color: #fff; --bs-pagination-active-bg: var(--oh-dark); --bs-pagination-active-border-color: var(--oh-dark); --bs-pagination-disabled-color: var(--oh-secondary); --bs-pagination-disabled-bg: var(--oh-light-bg); --bs-pagination-disabled-border-color: var(--oh-light-bg); display: flex; flex-wrap: wrap; padding-left: 0; list-style: none; } /* .oh-pagination .page-item:not(:last-child) { margin-right: 0.25rem; }*/ .oh-pagination .page-item > .page-link { min-width: 1.8em; border-radius: var(--bs-border-radius); text-align: center; } .oh-pagination .page-trail { padding: var(--bs-pagination-padding-y); color:var(--oh-secondary-color); } .oh-participant-image, /* Details photo */ .oh-profile-image { border-radius:50%; width:70px; height:70px; outline: 1px solid var(--oh-primary-bg); } @media only screen and (min-width : 1200px) { .oh-participant-image { width: 140px; height: 140px; } } .oh-profile-image-preview { display: inline-flex; border-radius: 50%; width: 140px; height: 140px; } .oh-profile-image-preview:empty { outline: 3px dashed var(--oh-gray-light); } .oh-profile-image-preview > img { border-radius: 50%; width: 140px; height: 140px; outline: 2px solid var(--oh-gray-light); } .oh-property-list { margin-bottom: 0; } .oh-property-list > dd:not(:last-of-type) { margin-bottom: 0.75rem; } .oh-property-list>dt { color: var(--oh-secondary-color) !important; } .oh-upload-image-preview { display: flex; flex-direction: column; align-items: center; } .toast-oh-position { bottom: 1rem; left: 50%; transform: translateX(-50%); } @media (min-width: 992px) { .toast-oh-position { left: auto; right: 1rem; transform: none; } } .text-bg-primary { /* text-color defined in bootstrap.css */ background-color: var(--oh-primary-bg) !important; } .text-bs-primary { color: var(--oh-blue) !important; } .text-muted, .text-secondary, .text-body-secondary { --bs-secondary-rgb: 116, 116, 116; --bs-secondary-color: var(--oh-secondary-color); } .text-pre-line { white-space: pre; white-space: pre-line; } /* new experimemtal utility */ .oh-text-clamp { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; overflow-wrap: break-word; hyphens: auto; } /* end */ .oh-video-line-item { background-color: var(--oh-light-bg); /* border-radius: var(--bs-border-radius-xl);*/ display: flex; flex-flow: column nowrap; flex-basis: auto; justify-content:center; /* flex: 0 1 240px;*/ max-width: 200px; padding: 1rem 1rem 1.25rem; width: min-content; } .oh-video-thumb-wrapper { position: relative; cursor: pointer; } .oh-video-thumb-wrapper ._thumbnail { min-width: 160px; border-radius: 0.5rem; } .oh-video-thumb-wrapper ._play-button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 3rem; height: 3rem; background-color: rgba(0, 0, 0, 0.6); color: white; font-size: 1.5rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; pointer-events: none; transition: transform 0.2s ease, background-color 0.2s ease; } .oh-video-thumb-wrapper:hover ._play-button { background-color: rgba(0, 0, 0, 0.85); transform: translate(-50%, -50%) scale(1.1); }