/* Minification failed. Returning unminified contents. (5,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (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 '-' (31,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 '-' (39,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (40,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (41,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (42,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (43,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (44,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (345,23): run-time error CSS1039: Token not allowed after unary operator: '-ohio-navbar-height' (349,35): run-time error CSS1039: Token not allowed after unary operator: '-ohio-footer-height' (351,28): run-time error CSS1039: Token not allowed after unary operator: '-ohio-background-grey' (373,23): run-time error CSS1039: Token not allowed after unary operator: '-ohio-navbar-height' (376,35): run-time error CSS1039: Token not allowed after unary operator: '-ohio-footer-height' (378,28): run-time error CSS1039: Token not allowed after unary operator: '-ohio-background-grey' (437,28): run-time error CSS1039: Token not allowed after unary operator: '-ohio-background-grey' (442,35): run-time error CSS1039: Token not allowed after unary operator: '-ohio-footer-height' (495,17): run-time error CSS1039: Token not allowed after unary operator: '-ohio-traffick-red' (500,17): run-time error CSS1039: Token not allowed after unary operator: '-ohio-traffic-green' (523,40): run-time error CSS1039: Token not allowed after unary operator: '-ohio-border-grey' (607,28): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-darkblue' (609,18): run-time error CSS1039: Token not allowed after unary operator: '-ohio-footer-height' (626,17): run-time error CSS1039: Token not allowed after unary operator: '-ohio-white' (642,32): run-time error CSS1039: Token not allowed after unary operator: '-ohio-border-grey' (645,17): run-time error CSS1039: Token not allowed after unary operator: '-ohio-white' (665,33): run-time error CSS1039: Token not allowed after unary operator: '-ohio-border-grey' (667,34): run-time error CSS1039: Token not allowed after unary operator: '-ohio-border-grey' (805,28): run-time error CSS1039: Token not allowed after unary operator: '-ohio-white' (818,17): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-blue' (829,17): run-time error CSS1039: Token not allowed after unary operator: '-ohio-black' (834,28): run-time error CSS1039: Token not allowed after unary operator: '-ohio-white' (845,28): run-time error CSS1039: Token not allowed after unary operator: '-ohio-white' (870,28): run-time error CSS1039: Token not allowed after unary operator: '-ohio-white' (897,28): run-time error CSS1039: Token not allowed after unary operator: '-ohio-white' (1022,17): run-time error CSS1039: Token not allowed after unary operator: '-ohio-white' (1030,28): run-time error CSS1039: Token not allowed after unary operator: '-ohio-white' (1047,17): run-time error CSS1039: Token not allowed after unary operator: '-ohio-black' (1060,17): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-blue' (1078,22): run-time error CSS1039: Token not allowed after unary operator: '-ohio-background-grey' (1080,37): run-time error CSS1039: Token not allowed after unary operator: '-ohio-black' (1100,32): run-time error CSS1039: Token not allowed after unary operator: '-ohio-border-grey' (1114,21): run-time error CSS1039: Token not allowed after unary operator: '-ohio-border-grey' (1127,17): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-blue' (1138,17): run-time error CSS1039: Token not allowed after unary operator: '-ohio-error-red' (1145,17): run-time error CSS1039: Token not allowed after unary operator: '-ohio-border-grey' (1151,17): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-blue' (1166,35): run-time error CSS1039: Token not allowed after unary operator: '-ohio-border-grey' (1185,17): run-time error CSS1039: Token not allowed after unary operator: '-ohio-input-width' (1187,17): run-time error CSS1039: Token not allowed after unary operator: '-ohio-black' (1189,18): run-time error CSS1039: Token not allowed after unary operator: '-ohio-input-height' (1192,28): run-time error CSS1039: Token not allowed after unary operator: '-ohio-border-grey' (1235,17): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-blue' (1251,35): run-time error CSS1039: Token not allowed after unary operator: '-ohio-border-grey' (1281,17): run-time error CSS1039: Token not allowed after unary operator: '-ohio-black' (1285,28): run-time error CSS1039: Token not allowed after unary operator: '-ohio-border-grey' (1304,32): run-time error CSS1039: Token not allowed after unary operator: '-ohio-background-grey' (1334,42): run-time error CSS1039: Token not allowed after unary operator: '-ohio-black' (1336,26): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-blue' (1338,21): run-time error CSS1039: Token not allowed after unary operator: '-ohio-white' (1354,40): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-blue' (1366,38): run-time error CSS1039: Token not allowed after unary operator: '-ohio-black' (1368,22): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-blue' (1370,17): run-time error CSS1039: Token not allowed after unary operator: '-ohio-white' (1519,28): run-time error CSS1039: Token not allowed after unary operator: '-ohio-background-grey' (1524,32): run-time error CSS1039: Token not allowed after unary operator: '-ohio-border-grey' (1529,35): run-time error CSS1039: Token not allowed after unary operator: '-ohio-border-grey' (1538,28): run-time error CSS1039: Token not allowed after unary operator: '-ohio-white' (1687,28): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-darkblue' (1690,17): run-time error CSS1039: Token not allowed after unary operator: '-ohio-white' (1700,28): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-blue' (1704,17): run-time error CSS1039: Token not allowed after unary operator: '-ohio-white' (1716,28): run-time error CSS1039: Token not allowed after unary operator: '-ohio-background-grey' (1728,21): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-blue' (1733,28): run-time error CSS1039: Token not allowed after unary operator: '-ohio-background-grey' (1804,28): run-time error CSS1039: Token not allowed after unary operator: '-ohio-border-grey' (1817,17): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-blue' (1830,28): run-time error CSS1039: Token not allowed after unary operator: '-ohio-border-grey' (1867,28): run-time error CSS1039: Token not allowed after unary operator: '-ohio-white' (1995,28): run-time error CSS1039: Token not allowed after unary operator: '-ohio-background-grey' (2002,28): run-time error CSS1039: Token not allowed after unary operator: '-ohio-white-smoke' (2015,17): run-time error CSS1039: Token not allowed after unary operator: '-ohio-white' (2037,28): run-time error CSS1039: Token not allowed after unary operator: '-ohio-border-grey' (2050,32): run-time error CSS1039: Token not allowed after unary operator: '-ohio-row-hover' (2103,30): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-blue' (2105,25): run-time error CSS1039: Token not allowed after unary operator: '-ohio-white' (2139,25): run-time error CSS1039: Token not allowed after unary operator: '-ohio-black' (2148,25): run-time error CSS1039: Token not allowed after unary operator: '-ohio-black' (2165,22): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-darkblue' (2166,17): run-time error CSS1039: Token not allowed after unary operator: '-ohio-white' (2170,33): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-darkblue' (2180,34): run-time error CSS1039: Token not allowed after unary operator: '-ohio-background-grey' (2197,34): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-blue' (2230,28): run-time error CSS1039: Token not allowed after unary operator: '-ohio-background-grey' (2261,28): run-time error CSS1039: Token not allowed after unary operator: '-ohio-lightshades' (2263,28): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-blue' (2459,17): run-time error CSS1039: Token not allowed after unary operator: '-ohio-black' (2461,28): run-time error CSS1039: Token not allowed after unary operator: '-ohio-info' (2466,17): run-time error CSS1039: Token not allowed after unary operator: '-ohio-black' (2468,28): run-time error CSS1039: Token not allowed after unary operator: '-ohio-warning' (2474,17): run-time error CSS1039: Token not allowed after unary operator: '-ohio-black' (2476,28): run-time error CSS1039: Token not allowed after unary operator: '-ohio-error' (2481,17): run-time error CSS1039: Token not allowed after unary operator: '-ohio-black' (2483,28): run-time error CSS1039: Token not allowed after unary operator: '-ohio-success' (2489,21): run-time error CSS1039: Token not allowed after unary operator: '-ohio-black' (2781,32): run-time error CSS1039: Token not allowed after unary operator: '-ohio-background-grey' (2790,21): run-time error CSS1039: Token not allowed after unary operator: '-ohio-black' (2795,28): run-time error CSS1039: Token not allowed after unary operator: '-ohio-success' (2797,28): run-time error CSS1039: Token not allowed after unary operator: '-ohio-success' (2807,28): run-time error CSS1039: Token not allowed after unary operator: '-ohio-background-grey' (2827,28): run-time error CSS1039: Token not allowed after unary operator: '-ohio-background-grey' (2835,28): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-blue' (2848,21): run-time error CSS1039: Token not allowed after unary operator: '-ohio-white' (2856,25): run-time error CSS1039: Token not allowed after unary operator: '-ohio-white' (3139,18): run-time error CSS1039: Token not allowed after unary operator: '-ohio-input-height' (3144,18): run-time error CSS1039: Token not allowed after unary operator: '-ohio-input-height' (3163,28): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-blue' (3165,28): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-blue' (3168,17): run-time error CSS1039: Token not allowed after unary operator: '-ohio-lightshades' (3183,28): run-time error CSS1039: Token not allowed after unary operator: '-ohio-white' (3185,28): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-blue' (3187,17): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-blue' (3204,32): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-blue' (3206,43): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-lightblue' (3208,21): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-blue' (3231,28): run-time error CSS1039: Token not allowed after unary operator: '-ohio-white' (3233,28): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-blue' (3235,17): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-blue' (3240,32): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-blue' (3242,43): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-blue' (3244,21): run-time error CSS1039: Token not allowed after unary operator: '-ohio-white' (3249,28): run-time error CSS1039: Token not allowed after unary operator: '-ohio-white' (3251,28): run-time error CSS1039: Token not allowed after unary operator: '-ohio-white' (3253,17): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-darkblue' (3258,32): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-lightblue' (3260,43): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-lightblue' (3262,21): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-darkblue' (3267,28): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-blue' (3269,28): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-blue' (3272,17): run-time error CSS1039: Token not allowed after unary operator: '-ohio-lightshades' (3287,32): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-blue' (3289,43): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-lightblue' (3291,21): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-blue' (3320,17): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-blue' (3337,28): run-time error CSS1039: Token not allowed after unary operator: '-ohio-traffick-red' (3339,28): run-time error CSS1039: Token not allowed after unary operator: '-ohio-traffick-red' (3344,32): run-time error CSS1039: Token not allowed after unary operator: '-ohio-traffick-red' (3346,43): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-lightred' (3348,21): run-time error CSS1039: Token not allowed after unary operator: '-ohio-traffick-red' (3355,28): run-time error CSS1039: Token not allowed after unary operator: '-ohio-traffic-green' (3357,28): run-time error CSS1039: Token not allowed after unary operator: '-ohio-traffic-green' (3362,32): run-time error CSS1039: Token not allowed after unary operator: '-ohio-traffic-green' (3364,43): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-lightgreen' (3366,21): run-time error CSS1039: Token not allowed after unary operator: '-ohio-traffick-green' (3384,28): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-blue' (3386,28): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-blue' (3389,17): run-time error CSS1039: Token not allowed after unary operator: '-ohio-lightshades' (3656,28): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-blue' (3666,28): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-blue' (3672,28): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-blue' (3679,28): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-blue' (3689,28): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-blue' (3694,32): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-blue' (3700,36): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-blue' (3707,40): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-blue' (3721,28): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-blue' (3727,28): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-blue' (3747,17): run-time error CSS1039: Token not allowed after unary operator: '-ohio-black' (3749,28): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-blue' (3795,40): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-blue' (3813,36): run-time error CSS1039: Token not allowed after unary operator: '-ohio-white' (3827,40): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-blue' (3832,44): run-time error CSS1039: Token not allowed after unary operator: '-ohio-white' (3861,32): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-blue' (3892,40): run-time error CSS1039: Token not allowed after unary operator: '-ohio-white' (3907,28): run-time error CSS1039: Token not allowed after unary operator: '-ohio-white' (3934,28): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-blue' (3936,28): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-blue' (3943,32): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-blue-lighten' (3967,17): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-blue' (3984,32): run-time error CSS1039: Token not allowed after unary operator: '-ohio-border-grey' (3986,21): run-time error CSS1039: Token not allowed after unary operator: '-ohio-black' (3994,32): run-time error CSS1039: Token not allowed after unary operator: '-ohio-white' (3997,32): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-blue' (3999,21): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-blue' (4011,36): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-blue' (4013,47): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-lightblue' (4015,25): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-blue' (4663,17): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-blue' (4687,32): run-time error CSS1039: Token not allowed after unary operator: '-ohio-border-grey' (4695,17): run-time error CSS1039: Token not allowed after unary operator: '-ohio-black' (4700,28): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-blue' (4752,17): run-time error CSS1039: Token not allowed after unary operator: '-ohio-white' (4766,28): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-lightblue' (4803,28): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-lightblue' (4808,28): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-blue' (4813,28): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-darkblue' (4818,17): run-time error CSS1039: Token not allowed after unary operator: '-ohio-black' (4830,17): run-time error CSS1039: Token not allowed after unary operator: '-ohio-white' (4840,17): run-time error CSS1039: Token not allowed after unary operator: '-ohio-white' (4870,28): run-time error CSS1039: Token not allowed after unary operator: '-ohio-black' (4883,18): run-time error CSS1039: Token not allowed after unary operator: '-ohio-navbar-height' (4890,35): run-time error CSS1039: Token not allowed after unary operator: '-ohio-sidemenu-border' (4911,28): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-blue' (4927,21): run-time error CSS1039: Token not allowed after unary operator: '-ohio-lightshades' (4935,17): run-time error CSS1039: Token not allowed after unary operator: '-ohio-lightshades' (4960,39): run-time error CSS1039: Token not allowed after unary operator: '-ohio-sidemenu-border' (4962,26): run-time error CSS1039: Token not allowed after unary operator: '-ohio-sidemenu-item-height' (4967,36): run-time error CSS1039: Token not allowed after unary operator: '-ohio-black-hover' (4978,26): run-time error CSS1039: Token not allowed after unary operator: '-ohio-sidemenu-item-height' (4983,40): run-time error CSS1039: Token not allowed after unary operator: '-ohio-black' (4998,29): run-time error CSS1039: Token not allowed after unary operator: '-ohio-background-grey' (5019,40): run-time error CSS1039: Token not allowed after unary operator: '-ohio-menu-child' (5024,44): run-time error CSS1039: Token not allowed after unary operator: '-ohio-black-hover' (5041,37): run-time error CSS1039: Token not allowed after unary operator: '-ohio-background-grey' (5071,28): run-time error CSS1039: Token not allowed after unary operator: '-ohio-brand-blue' (5088,18): run-time error CSS1039: Token not allowed after unary operator: '-ohio-sidemenu-childitem-height' (5104,28): run-time error CSS1039: Token not allowed after unary operator: '-ohio-black' (5144,26): run-time error CSS1039: Token not allowed after unary operator: '-ohio-background-grey' (5214,28): run-time error CSS1039: Token not allowed after unary operator: '-ohio-white' (5216,37): run-time error CSS1039: Token not allowed after unary operator: '-ohio-shadow' (5220,18): run-time error CSS1039: Token not allowed after unary operator: '-ohio-navbar-height' (5242,18): run-time error CSS1039: Token not allowed after unary operator: '-ohio-navbar-height' (5252,21): run-time error CSS1039: Token not allowed after unary operator: '-ohio-black' */ /****************************/ /*******Site Variables*******/ :root { /*Colours*/ --ohio-lightshades: #f9f9f9; --ohio-background-grey: #e3e3e3; --ohio-brandcolor: #c0ced9; --ohio-brand-blue: #1073ba; --ohio-brand-blue-lighten: #3888c1; --ohio-brand-darkblue: #00335b; --ohio-brand-darkblue-lighten: #0a4b7e; --ohio-brand-lightblue: #d5e6f2; --ohio-black: #36353a; --ohio-black-hover: #404548; --ohio-menu-child: #3a3f42; --ohio-white: #ffffff; --ohio-white-smoke: #F5F5F5; --ohio-sidemenu-border: #58575d; --ohio-shadow: #ccc; --ohio-border-grey: #878f93; --ohio-border-lightgrey: #c7ced1; --ohio-error-red: #ea1f1f; --ohio-row-hover: #cecece; --ohio-admin-core: #1073ba; --ohio-admin-finance: #2b9720; --ohio-admin-content: #BC2C1A; --ohio-admin-system: #7e3f8f; --ohio-hover-lighten: rgba(255, 255, 255, 0.2); --ohio-traffic-amber: #f4f422; --ohio-traffic-red: #ea1f1f; --ohio-traffic-lightred: #fff0f0; --ohio-traffic-green: #7ce117; --ohio-traffic-lightgreen: #f3ffe7; --ohio-success: #a9e56e; --ohio-info: #a2d9ff; --ohio-warning: #fdf675; --ohio-error: #ff9393; /*Variables*/ --ohio-navbar-height: 5em; --ohio-sidemenu-item-height: 3.1em; --ohio-sidemenu-childitem-height: 3em; --ohio-footer-height: 15em; --ohio-input-height: 2em; --ohio-input-width: 12em; } * { font-family: OpenSans-Regular, sans-serif; margin: 0px; padding: 0px; font-size: 12px; } html, body, form, page { height: 100%; } body { display: flex; flex-direction: column; } .page-title { position: absolute; top: -1px; left: -1px; width: 0px; height: 0px; z-index: -1; } .gradient h1 { font-size: 222%; color: #083785; font-weight: normal; letter-spacing: -.05em; display: inline-block; /*Dont remove. Required for site header*/ white-space: nowrap; /*Dont remove. Required for site header*/ text-align: left; position: relative; /*Dont remove. Required for gradient*/ } .gradient h1 span { position: absolute; display: block; top: 0; left: 0; height: 100%; width: 100%; background: url(/Images/Default/gradient_1.png) repeat-x; } * html .gradient h1 span { background-color: #fff; background-color: transparent; background-image: url(/Images/Default/gradient_1.png); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/Images/Default/gradient_1.png", sizingMethod="scale"); } /*---- General text elements styles----*/ h1 { color: #221F73; display: inline; font-size: 128%; font-style: normal; font-weight: bold; line-height: 1; } legend { color: #0071BC; font-weight: bold; } table.twoColumnsContainerTable, table.twoColumnsContainerTable_RightAligned, table.threeColumnsContainerTable { vertical-align: top; border-collapse: collapse; border: 0px; white-space: nowrap; min-width: 700px; } table.threeColumnsContainerTable { min-width: 875px; } table.twoColumnsContainerTable_RightAligned { width: 100%; min-width: 0px; } table.twoColumnsContainerTable > tbody > tr td[colspan]:first-child, table.threeColumnsContainerTable > tbody > tr td[colspan]:first-child { padding-right: 2px; } table.twoColumnsContainerTable > tbody > tr > td, table.threeColumnsContainerTable > tbody > tr > td { text-align: left; vertical-align: top; padding-right: 2px; } tr.recordStatusBlock { border-bottom: 1px solid #EDEDED; } table.twoColumnsContainerTable_RightAligned > tbody > tr > td { text-align: right; } .blockHeader { color: #0071BC; font-weight: bold; } table.twoColumnsContainerTable > tbody > tr.blockHeader > td, table.threeColumnsContainerTable > tbody > tr.blockHeader > td { font-weight: bold; padding-top: 10px; } table.twoColumnsContainerTable > tbody > tr.rowPadding > td { padding-bottom: 10px; } table.wbClinicalReport > tbody > tr > td { padding-top: 10px; vertical-align: middle; } td.separator { width: 2px; background-color: Gray; } .commonTextGray /*Use this for displaying all text information*/ { color: #333333; font-size: small; } .commonTextGray a, .commonTextGray a:hover { color: #333333; font-size: small; text-decoration: underline; } .commonTextGray a:hover { color: Gray; } .commonTextBlue /*Use this for displaying highlighted text info, important notes etc*/ { color: navy; font-size: small; white-space: nowrap; } .commonTextBlue a, .commonTextBlue a:hover { color: navy; font-size: small; text-decoration: underline; } .commonTextBlue a:hover { color: #0071BC; } .h2 { font-weight: bold; color: #0071BC; font-size: medium; } .h3 { font-weight: bold; font-size: small; } .bold { font-weight: bold; } .mandatory { color: Red; padding: 0 0.2em; } .hideElement { color: rgb(245,245,245); } .breadCrumbs { height: 30px; } .breadCrumbs, .breadCrumbs a { color: navy; font-size: 9pt; background-color: #DFDFDF; padding-top: 5px; } .breadCrumbs span:first-child { margin-left: 23px; } #MainContent_MainBreadcrumbs_SiteMapPathMain span { margin-left: 0; } .breadCrumbs a:hover { color: #0071BC; } /*Logo*/ .logoImage { width: 378px; min-width: 378px; height: 159px; min-height: 159px; float: left; } .logoContainer { min-height: 125px; } .loginDisplay { text-align: left; position: relative; float: right; } .leftRightButtonStyle { width: 3em; height: 3em; color: white; margin: 1em; } .rmDashboardButtons { text-align: left; position: relative; float: left; } .rmDashboardButtons > div { padding-right: 10px; } .paddingtop55 { padding-top: 55px !important; } div.loginDisplay > div { text-align: right; } .accountInfo { text-align: center; vertical-align: top; } .accountInfo * > p > span:first-child { padding-left: 5px; padding-right: 5px; } .buttonEnableLiveChat { margin-left: 22px; margin-right: 25px; background-color: #0071BC; color: white; padding: 5px 13px 5px 13px; font-weight: bold; border: 0px; border-radius: 3px; } .buttonEnableLiveChat:hover { cursor: pointer; background-color: #2989c9; } .buttonSmall { background-image: url('/Images/Default/button_background.gif'); background-position: top; background-repeat: repeat-x; background-color: #221F73; color: White; text-align: center; border: 1px solid #333333; cursor: pointer; padding-bottom: 1px; font-weight: bold; font-size: smaller; padding-left: 3px; padding-right: 3px; } /*-----Main body elements styles------------*/ .main { padding-top: 5em; padding-top: var(--ohio-navbar-height); padding-left: 4.6em; transition: padding-left 0.5s ease-in-out; min-height: calc(100vh - 15em); min-height: calc(100vh - var(--ohio-footer-height)); background-color: #e3e3e3; background-color: var(--ohio-background-grey); box-sizing: border-box; } .expand-menu { padding-left: 15em !important; transition: padding-left 0.5s ease-in-out !important; -moz-transition-delay: 0.2s !important; -o-transition-delay: 0.2s !important; -webkit-transition-delay: 0.2s !important; -moz-transition-delay: 0.2s !important; -o-transition-delay: 0.2s !important; -webkit-transition-delay: 0.2s !important; transition-delay: 0.2s !important; } .login-content-container { align-items: center; box-sizing: border-box; display: flex; flex-direction: column; padding-top: 5em; padding-top: var(--ohio-navbar-height); width: 100%; min-height: calc(100vh - 15em); min-height: calc(100vh - var(--ohio-footer-height)); background-color: #e3e3e3; background-color: var(--ohio-background-grey); } .content-container { align-items: center; box-sizing: border-box; display: flex; flex-direction: column; height: 100%; padding: 0.6em; width: 100%; } .grid_header { background-color: #ededed; height: 25px; } .grid_header .print_container { float: left; } .grid_header .filter_container { float: right; text-align: right; padding-top: 5px; } .grid_header .clear { clear: both; } .hidden { display: none; } .visibilityHidden { visibility: hidden; } .modalBackground { background-color: #C0C0C0; filter: alpha(opacity=70); opacity: 0.7; } .modalConfirm { background-color: White; width: 350px; } .mfa-container { display: flex; flex-direction: column; height: 100%; width: 100%; } .mfa-content-container { background-color: var(--ohio-background-grey); padding-top: 1em; padding-left: 1em; padding-right: 1em; min-height: calc(100vh - 15em); min-height: calc(100vh - var(--ohio-footer-height)); } /****************/ /**** Wizard ****/ /****************/ .wizardheader { width: 100%; height: 40px; } .wizardheader * span { font-size: 14px; } .wizardheader td { white-space: nowrap; } .aligner { width: 99%; } .wizardtab { min-width: 900px; } .wizardbody { padding-bottom: 2em; } .wizardbody table { width: 100%; } .blockHeaderAlone td { color: #0071BC; font-weight: bold; } .capital { text-transform: uppercase; } .capital input { text-transform: uppercase; } .wizard { width: 100%; } .red { color: var(--ohio-traffick-red) !important; color: #ea1f1f !important; } .green { color: var(--ohio-traffic-green) !important; color: #7ce117 !important; } .top { vertical-align: top; } .nowrap { white-space: nowrap; } .wrapnormal { white-space: normal; } div.trainingSite { display: flex; justify-content: center; align-items: center; width: 50em; margin: 1em; border-radius: 0.4em; box-shadow: 0px 5px 15px -6px var(--ohio-border-grey); } p.banner { font-weight: bold; font-size: 16px; width: 100%; text-align: center; } div.waitContainer { background-image: url('/Images/Default/wait_icons/wait30trans.gif'); height: 30px; width: 30px; } .fixed { position: fixed; top: 0px; right: 0px; } .hidden { visibility: hidden; } .visible { visibility: visible; } /*--- Search toolbar styles---*/ .cpHeader { cursor: pointer; background-color: #EDEDED; font-size: 9pt; font-weight: bold; } .searchToolbar { border: 1px solid #EDEDED; border-bottom-width: 2px; border-right-width: 2px; width: 100%; } .searchToolbar > tbody > tr > td:first-child { white-space: normal; width: 40px; font-size: 8pt; padding-left: 0px; text-align: left; } .searchToolbar * td > input[type="submit"] { width: 50px; margin-left: 5px; margin-right: 5px; } .searchToolbar * td > input[type="text"] { width: 150px; } /*--- End Search toolbar styles---*/ /*News/Announcements styles*/ div.news .h2 { padding-top: 5px; padding-left: 5px; } .newsBody { padding-top: 5px; padding-left: 15px; padding-right: 20px; padding-bottom: 10px; } /*-----Footer------------*/ .pagefooter { background-color: #00335b; background-color: var(--ohio-brand-darkblue); height: 15em; height: var(--ohio-footer-height); } .pagefooter, .main:after { min-height: 4em; } .page-footer-loggedin { padding-left: 4.6em; transition: padding-left 0.5s ease-in-out; } .footer-container { display: flex; box-sizing: border-box; flex-direction: column; color: #ffffff; color: var(--ohio-white); width: 100%; height: 100%; padding: 1em; } .footer-top { box-sizing: border-box; display: flex; height: 100%; justify-content: center; margin-bottom: 1em; } .footer-bottom { border-top: 2px solid #878f93; border-top: 2px solid var(--ohio-border-grey); box-sizing: border-box; color: #ffffff; color: var(--ohio-white); display: flex; justify-content: flex-start; padding: 1em; width: 100%; } .footer-left, .footer-middle, .footer-right { align-items: center; display: flex; flex-direction: column; justify-content: flex-start; padding: 1em; width: 100%; } .footer-middle { border-left: 2px solid #878f93; border-left: 2px solid var(--ohio-border-grey); border-right: 2px solid #878f93; border-right: 2px solid var(--ohio-border-grey); } .footer-title { font-size: 1.2em; font-weight: bold; } .footer-text { } .assestmentRiskOnManReferralEditable { margin-left: -12px; } .assestmentRiskOnManReferralRead { margin-left: -5px; } .inputCheck { padding-right: 4px; padding-left: 0px; margin-top: 3px; } .inputCheck input[type="checkbox"] { padding: 0px; } a.print { cursor: pointer; } .print_header { display: none; } .removeImageBorder img { border: 0px; } table.Content { text-align: center; color: #333333; width: 98%; border-collapse: collapse; white-space: pre-line; margin-left: 5px; } table.ContentTable > tbody > tr.blockHeader > td { text-align: left; font-weight: bold; padding-top: 10px; } table.CaseFile { text-align: center; color: #333333; width: 98%; border-collapse: collapse; border: 0; white-space: pre-line; margin-left: 5px; } table.CaseFile td { vertical-align: top; /* ReSharper disable once CssNotResolved */ align: top; } table.CaseFile a, .CaseFile a:hover { color: #333333; } table.CaseFile > tbody > tr.blockHeader > td { text-align: left; font-weight: bold; padding-top: 10px; } .statisticRefButtonsMinus { margin-top: -30px; } .statisticButtonsPlus { margin-top: 10px; } .statisticAppButtonsMinus { margin-top: -50px; } table.employeeDetails > tbody > tr > td { padding-right: 0 !important; } td.employeeAddress .second { padding-left: 6px !important; } /*apply questionnaires row styling like within the ohio grid view*/ .float-right { float: right; } /*apply questionnaires row styling like within the ohio grid view*/ .questrowstyle { } .questaltrowstyle { background-color: rgb(237, 245, 255) } .questrowstyle:hover, .questaltrowstyle:hover { background-color: #fffacd; } .clientList { color: black; font-size: 12pt; } .page-update-panel { display: flex; flex-direction: column; justify-content: center; width: 100%; } /*DASHBOARD*/ .dashboard-header { align-items: center; background-color: #ffffff; background-color: var(--ohio-white); border-radius: 0.4em; box-sizing: border-box; display: flex; height: 6vh; justify-content: space-between; margin-bottom: 0.6em; padding: 0 1em; width: 100%; } .dashboard-section-header { color: #1073ba; color: var(--ohio-brand-blue); font-weight: bold; font-size: 14px; margin: auto 0; margin-right: 1em; } .dashboard-title { font-family: OpenSans-Regular; font-size: 2.4em; color: #36353a; color: var(--ohio-black); } .dashboard-panel { background-color: #ffffff; background-color: var(--ohio-white); border-radius: 0.4em; box-sizing: border-box; width: 100%; padding: 0.6em; margin-bottom: 0.6em; } /*MIOHIO Styles*/ .dashboard-panel-miohio { background-color: var(--ohio-white); border-radius: 0.7em; box-sizing: border-box; width: 64vw; height: 90vh; padding: 0; margin-bottom: 0.6em; position: relative; overflow: hidden; display: flex; justify-content: center; align-items: center; margin-left: 0; transition: box-shadow 0.4s; } .dashboard-panel-miohio:hover { box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5); } #MainContent_MainContent_tipsControlPanel { display: none; } .dashboard-panel-miohioV1 { background-color: var(--ohio-white); border-radius: 0.7em; box-sizing: border-box; padding: 0; margin-bottom: 0.6em; position: relative; overflow: hidden; margin-left: 0; transition: box-shadow 0.4s; } .dashboard-panel-miohioV1:hover { box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5); } .miohio-container-dashboardv2 { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; margin-right: 20px; } .dashboard-panel-miohio-buttons { display: flex; flex-direction: column; background-color: var(--ohio-white); border-radius: 0.7em; padding: 5px; align-items: center; width: 140px; transition: box-shadow 0.4s; user-select: none; } .dashboard-panel-miohio-buttons:hover{ box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); } @media (max-width: 768px) { .dashboard-panel-miohio { width: 100%; height: auto; min-height: 400px; } .dashboard-panel-miohioV1 { width: 100%; height: auto; min-height: 400px; } .miohio-container-dashboardv2 { width: 100%; height: auto; min-height: 400px; } .dashboard-panel-miohio-buttons { max-width: 100%; margin-right: 0; } .buttons-container-miohio { position: static; margin: 0 auto; width: 90%; } } #embedContainer { width: 100%; height: auto; transform-origin: center; box-sizing: border-box; border-style: none; } #embedContainer1 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); transform-origin: center center; } .miohio-container-dashboard-main{ display: flex; flex-direction: row; } @media (max-width: 480px) { .dashboard-panel-miohio { width: 100%; height: auto; } .dashboard-panel-miohioV1 { width: 100%; height: auto; } .dashboard-panel-miohio-buttons { font-size: smaller; } .buttons-container-miohio { width: 100%; } } iframe{ border-width: 0px; } .miohio-button { } .button.miohio-button { margin: 5px; margin-right: 10px; width: 10em; white-space: normal; overflow: hidden; display: inline-block; } .client-dashboard { width: 100%; } .dashboard-container { display: flex; height: 100%; justify-content: space-between; width: 100%; } .tile-link { box-sizing: border-box; display: flex; height: 100%; padding: 1em; text-decoration: none; width: 100%; } .tile-title { align-items: center; color: #ffffff; color: var(--ohio-white); display: flex; font-weight: bold; justify-content: center; } .section { background-color: #ffffff; background-color: var(--ohio-white); display: flex; justify-content: flex-start; flex-direction: column; width: 100%; margin-left: 1em; padding: 1em; border-radius: 0.4em; align-items: center; } .first-section { margin: 0; } .section-title { color: #36353a; color: var(--ohio-black); font-size: 2em; font-weight: bold; width: 100%; text-align: center; padding: 0.4em; box-sizing: border-box; } .input-section-title { font-size: 16px; font-weight: bold; color: #1073ba; color: var(--ohio-brand-blue); } /**************/ /* SCROLL BAR */ /**************/ ::-webkit-scrollbar { width: 1em; margin: 0.1em; } ::-webkit-scrollbar-track { box-shadow: inset 0 0 5px grey; border-radius: 10px; } ::-webkit-scrollbar-thumb { background: #e3e3e3; background: var(--ohio-background-grey); box-shadow: inset 0 0 10px #36353a; box-shadow: inset 0 0 10px var(--ohio-black); border-radius: 10px; } .login-container { display: flex; flex-direction: column; align-items: flex-start; } .login-container > div { display: flex; } .login-container * input[type="password"], .login-container * input[type="text"] { height: 3em; border-radius: 0.4em; margin: 0 0.4em; border: 2px solid #878f93; border: 2px solid var(--ohio-border-grey); cursor: text; padding: 0 0.2em; } .login-input-container { display: flex; align-items: flex-end; } .login-input-container > label, .login-input-container > span, .login-link { color: #878f93; color: var(--ohio-border-grey); font-weight: bold; } .login-link { text-decoration: none; margin: 0 0.4em; } .cancel-link { text-decoration: none; margin: 0 0.4em; color: #1073ba !important; color: var(--ohio-brand-blue) !important; font-weight: bold; } .login-link:hover, .cancel-link:hover { text-decoration: underline; } .errorText { color: #ea1f1f; color: var(--ohio-error-red); } .memorable-letter { width: 1em; text-align: center; color: #878f93; color: var(--ohio-border-grey); } .memorable-letter-title { font-size: 16px; color: #1073ba !important; color: var(--ohio-brand-blue) !important; margin-right: 0.2em; margin-left: 0.4em; } /**********************/ /* table search boxes */ /**********************/ .search-container { display: flex; flex-wrap: wrap; justify-content: space-between; padding-bottom: 1em; border-bottom: 2px solid #878f93; border-bottom: 2px solid var(--ohio-border-grey); } .search-button-container { display: flex; justify-content: flex-end; align-items: flex-end; } .search-option-container { display: flex; flex-direction: column; } .ohio-calendar > input[type="text"], .time > input[type="search"], .details-input, .details-select { width: 12em; width: var(--ohio-input-width); color: #36353a; color: var(--ohio-black); height: 2em; height: var(--ohio-input-height); box-sizing: border-box; border: 2px solid #878f93; border: 2px solid var(--ohio-border-grey); border-radius: 0.3em; padding-left: 0.4em; } .time-label, .time > input[type="text"] { width: 11em !important; } .details-title { font-weight: bold; } .details-wrapper, .details-title { margin-top: 0.2em; } .search-container > div > table > tbody > tr > td, .search-container > div > div > table > tbody > tr > td { padding: 0 !important; } .search-calendar { width: 16em; height: 2em; } .search-dropdown { width: 15em; height: 2em; box-sizing: content-box; } .search-checkbox > input { transform: scale(2); margin-left: 0.5em; margin-top: 0.5em; } .details-section-header { color: #1073ba; color: var(--ohio-brand-blue); font-weight: bold; font-size: 14px; margin-bottom: 1em; } .header-link { text-decoration: none; } .header-link:hover { text-decoration: underline; } .details-section { border-bottom: 2px solid #878f93; border-bottom: 2px solid var(--ohio-border-grey); padding: 1em 0; } .details-container { display: flex; justify-content: space-between; } .details-table th, .details-table td { text-align: start; min-height: 2em; } .details-table th { border: none; padding-right: 4em; min-width: 10em; } .details-table td { text-align: start; } .details-list-box { width: 15em; color: #36353a; color: var(--ohio-black); height: 5.5em; border-radius: 0.3em; border: 2px solid #878f93; border: 2px solid var(--ohio-border-grey); } .reportTable { border-collapse: collapse; margin: 0 auto; width: 100%; margin-top: 2em; } .reportTable { background-color: white; } .reportTable th { border-block-color: #7f7f7f; padding: 1em; text-decoration: none; color: black; background-color: var(--ohio-background-grey); } .reportTable tr td { padding: 1em; font-size: 10pt; border: 1px solid #7f7f7f; } .reportTable tr td:first-child { text-align: center; } /***********/ /* Tooltip */ /***********/ .new-tooltip { position: relative; display: flex; } .new-tooltip:before { content: attr(data-text); position: absolute; top: -13em; left: -20%; width: 40em; padding: 1em; border-radius: 0.4em; box-shadow: 0px 0px 2px 1px #36353a; box-shadow: 0px 0px 2px 1px var(--ohio-black); background: #1073ba; background: var(--ohio-brand-blue); color: #ffffff; color: var(--ohio-white); text-align: start; display: none; height: 10em; z-index: 1000; } .new-tooltip:after { content: ""; position: absolute; left: 12%; margin-top: -5px; top: 1em; transform: translateY(-100%) rotateZ(-90deg); border: 10px solid #000; border-color: transparent #1073ba transparent transparent; border-color: transparent var(--ohio-brand-blue) transparent transparent; display: none; z-index: 1000; } .new-tooltip:hover:before, .new-tooltip:hover:after { display: block; } .custom-tooltip { box-shadow: 0px 0px 2px 1px #36353a; box-shadow: 0px 0px 2px 1px var(--ohio-black); background: #1073ba; background: var(--ohio-brand-blue); color: #ffffff; color: var(--ohio-white); } /**********************/ /******* Common *******/ /**********************/ .flexbox { display: flex; } .flexbox-row { flex-direction: row !important; } .inline-flexbox { display: inline-flex; } .flexbox-spacebetween { display: flex; justify-content: space-between; } .flexbox-vertical { display: flex; flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .align-flex-end { align-items: flex-end; } .align-flex-center { align-items: center; } .align-baseline { align-items: baseline; } .justify-flex-spacearound { justify-content: space-around; } .justify-flex-spacebetween { justify-content: space-between; } .justify-flex-end { justify-content: flex-end; } .justify-flex-start { justify-content: flex-start; } .justify-flex-center { justify-content: center; } .full-width { width: 100% !important; } .margin-bottom { margin-bottom: 0.6em; } .margin-bottom-small { margin-bottom: 0.4em; } .margin-bottom-none { margin-bottom: 0 !important; } .margin-right { margin-right: 1em !important; } .margin-left { margin-left: 1em; } .margin-left-large { margin-left: 5em; } .margin-left7em { margin-left: 7em; } .margin-left5em { margin-left: 4.75em; } .margin-top { margin-top: 0.6em; } .margin-top-large { margin-top: 2em; } .margin-none { margin: 0 !important; } .padding-none { padding: 0 !important; } .padding { padding: 1em; } .padding-top { padding-top: 1em; } .padding-top-half { padding-top: 0.5em; } .padding-left { padding-left: 1em; } .padding-left3 { padding-left: 3em; } .padding-vertical { padding: 1em 0; } .padding-vertical-small { padding: 0.4em 0; } .border-form { border: 2px solid #e3e3e3; border: 2px solid var(--ohio-background-grey); } .border-top { border-top: 2px solid #878f93; border-top: 2px solid var(--ohio-border-grey); } .border-bottom { border-bottom: 2px solid #878f93; border-bottom: 2px solid var(--ohio-border-grey); } .border-none { border: none; } .background-white { background-color: #ffffff; background-color: var(--ohio-white); } .text-align-center { text-align: center; } .font-weight-normal { font-weight: normal; } .font-size-10 { font-size: 10px; } .font-size-14 { font-size: 14px; } .font-size-16 { font-size: 16px; } .border-collapse { border-collapse: collapse; } .width-8 { width: 8em; } .text-decoration-none { text-decoration: none; } .width-10 { width: 10em; } .width-12 { width: 12em; } .width-25 { width: 25em; } .width-20 { width: 20em; } .width-50 { width: 50em !important; } .width-fit-content { width: fit-content; } .width-auto { width: auto !important; } .min-width-quarter { width: 24%; } .padding-none { padding: 0em !important; } .width-50-pc { width: 50%; } .width-25-pc { width: 25%; } .height-2 { height: 2em; } .height-6 { height: 6em; } .height-40 { height: 40em; } .border-box { box-sizing: border-box; } .grid-container { display: grid; grid-column-gap: 1em; grid-row-gap: 1em; } .grid-4 { grid-template-columns: auto auto auto auto; } .overflow-x-scroll { overflow-x: scroll; } /**********************/ /**********************/ /**********************/ .dashboard-buttons { height: 100%; display: flex; align-items: center; } .table-buttons-container { display: flex; justify-content: flex-end; padding-top: 1em; } .wizard-bottom-buttons-container { display: flex; justify-content: flex-end; padding: 1em; background-color: #FFFFFF; border-radius: 0.4em; } .wizard-internal-buttons-container { display: flex; justify-content: flex-end; padding: 1em; background-color: #FFFFFF; border-radius: 0.4em; padding: 0; padding-top: 1em; } /***************/ /**** Forms ****/ /***************/ .wizard-step-header { width: 100%; background-color: #00335b; background-color: var(--ohio-brand-darkblue); border-radius: 0.4em; box-sizing: border-box; color: var(--ohio-white); font-size: 12px; font-weight: bold; padding: 0.6rem; margin-bottom: 0.6rem; } .wizard-substep-header { width: 100%; background-color: #1073ba; background-color: var(--ohio-brand-blue); border-radius: 0.4em; box-sizing: border-box; color: #ffffff; color: var(--ohio-white); font-size: 12px; font-weight: bold; padding: 0.6rem; margin-bottom: 0.6rem; } .form-section, .comment-section { display: flex; flex-direction: column; background-color: #e3e3e3; background-color: var(--ohio-background-grey); border-radius: 0.4em; margin-bottom: 0.6em; padding: 0.6em; } .form-section > p, .form-input-section-header, .form-section-grid > p { font-size: 14px; font-weight: bold; color: #1073ba; color: var(--ohio-brand-blue); } .consent-section { background-color: #e3e3e3; background-color: var(--ohio-background-grey); border-radius: 0.4em; margin-top: 1em; padding: 1em; display: flex; } .form-item { display: flex; padding: 0.3em 1em; width: 100%; box-sizing: border-box; flex-wrap: wrap; } .form-item > p { font-weight: bold; width: 12em; overflow-wrap: normal; margin-right: 2em; } .form-item > div { width: 28em; } .form-input-section { margin-bottom: 0.6em; width: 100%; } .form-input { display: flex; padding: 0.5em 0; } .form-input-header { font-weight: bold; line-height: 2em; } .form-calendar > input[type="text"], .time > input[type="text"], .form-details { width: 25em; } .form-details-large { width: 40em; } .form-details-massive { width: 75em; } .form-details-small { width: 4em; } .table-calendar { width: 8em; } .table-details { width: 12em; } .form-text-area { width: 100%; border-radius: 0.3em; border: 2px solid #878f93; border: 2px solid var(--ohio-border-grey); padding: 0.4em; box-sizing: border-box; } .confirmation-text, .confirmation-text > strong { font-size: 14px; } .confirmation-link, .confirmation-link > a { color: #1073ba; color: var(--ohio-brand-blue); font-weight: bold; text-decoration: none; cursor: pointer; } .confirmation-link:hover { text-decoration: underline; } .form-select-list { border-radius: 0.3em; border: 2px solid #878f93; border: 2px solid var(--ohio-border-grey); box-sizing: border-box; width: 25em; min-height: 8em; } .consent-table > tbody > tr > th { width: 15em; border: none; font-weight: bold; text-align: start; } .consent-table td { padding: 0.2em 0; } .candidate-consent-table { } .candidate-consent-table th, .candidate-consent-table td { padding: 0.4em 3em 0.4em 0; } .candidate-consent-table th { border: none; font-weight: bold; text-align: start; } .candidate-consent-table .consent { width: 80%; } .comment-panel { background-color: #ffffff; background-color: var(--ohio-white); border-radius: 0.4em; box-sizing: border-box; width: 100%; padding: 1em; margin-top: 0.4em; } .comment-title { font-weight: bold; margin-top: 0.6em; } /* Resource Monitor*/ .rm-resourcetypetable { width: 100%; } .rm-resourcetype { font-weight: bold; display: inline-block; } .rm-resourcetype input { margin-right: 0.5em; transform: scale(1.2); } .rm-datepicker { width: 300px !important; height: 20px; font-size: large; } .rm-week { border-collapse: collapse; margin: 0 auto; } .rm-week thead { background-color: rgb(0, 113, 188); font-weight: bold; } .rm-week th { min-width: 200px; border: 0px solid; padding: 5px; } .rm-week td { padding: 5px; } .rm-week tbody tr { background-color: #ececec; } .rm-week tbody tr:hover { background-color: whitesmoke; } .rm-day { background-color: #fff; border-collapse: collapse; width: 175px; } .rm-day tr { background-color: #fff !important; } .day-name { font-size: x-large; color: white; } .day-date { color: #a6d5ff; } .multiple-room { color: rgb(45, 45, 45); text-align: center; } .no-data { background-color: #efefef; } .productivity-good { border: 3px solid green; } .productivity-attention { border: 3px solid orange; } .productivity-poor { border: 3px solid red; } .productivity-master-appointment { border: 3px solid blue; } .topFreeze { position: fixed; top: 5em; margin-left: 0px; } .forget-password-container { width: 100%; padding: 1em; box-sizing: border-box; height: 100%; } .dis-resend-otp { cursor: not-allowed; color: #dcdcdc !important; } .notification-section { display: flex; background-color: #e3e3e3; background-color: var(--ohio-background-grey); border-radius: 0.4em; margin-bottom: 1em; padding: 1em; } .readonly { background-color: var(--ohio-white-smoke); background-color: #F5F5F5; } .footer-sites { display: flex; width: 100%; justify-content: space-evenly; } .footer-link, .footer-link > a { color: #ffffff; color: var(--ohio-white); font-weight: bold; text-decoration: none; cursor: pointer; } .footer-link:hover { text-decoration: underline; } .api-container { display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; } .api-confirm { display: flex; justify-content: center; align-items: center; border: 2px solid var(--ohio-border-grey); width: 20em; height: 15em; } /*DayPilot*/ .form-item_main > div > a > span { font-size: 14px; cursor: pointer; padding: 0.2em; } .form-item_main > div > a > span:hover { background-color: var(--ohio-row-hover); cursor: pointer; padding: 0.2em; } .month_blue_event_inner_active { position: absolute; overflow: hidden; height: 70px !important; font-size: 12px; background-color: #EDBCA8; border: 1px solid rgb(237,188,180); -moz-box-shadow: 0px 0px 5px rgba(000,000,000,0.5), inset 0px 1px 0px rgba(237,188,180,072); -webkit-box-shadow: 0px 0px 5px rgba(000,000,000,0.5), inset 0px 1px 0px rgba(237,188,180,1); box-shadow: 0px 0px 5px rgba(000,000,000,0.5), inset 0px 1px 0px rgba(237,188,180,1); text-shadow: 0px -1px 0px rgba(237,188,180,1), 0px 0px 0px rgba(000,000,000,0); } .month_blue_event_inner_closed { position: absolute; height: 70px !important; overflow: hidden; font-size: 12px; background: #09b2ef; border: 1px solid #079beb; -moz-box-shadow: 0px 0px 5px rgba(000,000,000,0.5), inset 0px 1px 0px rgba(072,211,246,1); -webkit-box-shadow: 0px 0px 5px rgba(000,000,000,0.5), inset 0px 1px 0px rgba(072,211,246,1); box-shadow: 0px 0px 5px rgba(000,000,000,0.5), inset 0px 1px 0px rgba(072,211,246,1); text-shadow: 0px -1px 0px rgba(007,155,235,1), 0px 0px 0px rgba(000,000,000,0); } /* BREADCRUMB */ .breadcrumb-container { display: flex; width: 100%; margin-bottom: 0.6em; justify-content: space-between; } .breadcrumbs { list-style: none; overflow: hidden; width: 100%; } .breadcrumbs li { float: left; display: flex; } .breadcrumbs li a { background: var(--ohio-brand-blue); border-radius: 0.4em 0em 0em 0.4em; color: var(--ohio-white); display: flex; float: left; font-weight: bold; padding: 2px 0px 2px 50px; position: relative; text-decoration: none; height: 25px; align-items: center; } .breadcrumbs li a img { margin-right: 1em; width: 1.6em; } .breadcrumbs li:nth-child(2) a { background: #4991c5; } .breadcrumbs li:nth-child(2) a:after { border-left-color: #4991c5; } .breadcrumbs li:nth-child(3) a { background: #73a7cd; } .breadcrumbs li:nth-child(3) a:after { border-left-color: #73a7cd; } .breadcrumbs li:nth-child(4) a { background: #aacce5; color: var(--ohio-black); } .breadcrumbs li:nth-child(4) a:after { border-left-color: #aacce5; } .breadcrumbs li:nth-child(5) a { background: #cde1ef; color: var(--ohio-black); } .breadcrumbs li:nth-child(5) a:after { border-left-color: #cde1ef; } .breadcrumbs li:last-child a { pointer-events: none; cursor: default; } .breadcrumb li:last-child a::after { border: 0; } .breadcrumbs li a:hover { background: var(--ohio-brand-darkblue); color: var(--ohio-white); } .breadcrumbs li a:hover:after { border-left-color: var(--ohio-brand-darkblue) !important; } .breadcrumbs li a::before { content: " "; display: block; width: 0; height: 0; border-top: 50px solid transparent; border-bottom: 50px solid transparent; border-left: 30px solid var(--ohio-background-grey); position: absolute; top: 50%; margin-top: -50px; margin-left: 3px; left: 100%; z-index: 1; } .breadcrumbs li a::after { content: " "; display: block; width: 0; height: 0; border-top: 50px solid transparent; border-bottom: 50px solid transparent; border-left: 30px solid var(--ohio-brand-blue); position: absolute; top: 50%; margin-top: -50px; left: 100%; z-index: 2; } .crumb-no-link { pointer-events: none; cursor: default; } .form-grid { display: grid; counter-reset: grid-items; column-gap: 0.6em; row-gap: 0.6em; } .grid--auto-fill { grid-template-columns: repeat(auto-fill, minmax(30em, 1fr)); } .grid--auto-fit { grid-template-columns: repeat(auto-fit, minmax(30em, 1fr)); } .form-section-grid { display: flex; flex-direction: column; background-color: #e3e3e3; background-color: var(--ohio-background-grey); border-radius: 0.4em; padding: 0.6em; counter-increment: grid-item; } .employee-detail-item { display: flex; padding: 0.3em 1em; width: 100%; box-sizing: border-box; } .employee-detail-item > p { font-weight: bold; min-width: 8em; } .grid__item::before { content: counter(grid-item); } .rm-resource-cell { display: flex; min-height: 9.5em; min-width: 15em; } .rm-clinician-container { align-items: center; background-color: #f9f9f9; background-color: var(--ohio-lightshades); border: 3px solid #1073ba; border: 3px solid var(--ohio-brand-blue); display: flex; flex-direction: column; justify-content: space-evenly; width: 100%; } .calendar-event { font-weight: bold; } .header-container { display: flex; align-items: center; margin-bottom: 10px; } .form-input-header { margin-right: 175px; } .header-label { font-weight: bold; } .dropdown-container { display: flex; align-items: center; margin-bottom: 15px; } .details-input { align-items: center; } .dropdown-label { font-weight: 400; margin-bottom: 5px; margin-left: 15px; } /* tooltip styling. by default the element to be styled is .tooltip */ .tooltip { display: none; background-color: #efffff; border: 1px solid #cc9; padding: 3px; font-size: 11pt; font-weight: normal; color: #00008B; -ms-box-shadow: 2px 2px 11px #666; box-shadow: 2px 2px 11px #666; -moz-box-shadow: 2px 2px 11px #666; -webkit-box-shadow: 2px 2px 11px #666; z-index: 99999999; } /* OHIO GridControls */ table.commonTable { width: 100%; border: 1px solid #221F73; border-collapse: collapse; border-bottom-width: 2px; border-right-width: 2px; } table.commonTable th { background-color: #072E6F; color: White; height: 23px; background-position: top; background-repeat: repeat-x; text-align: center; } table.commonTable th A { text-decoration: none; color: White; font-size: 10pt; } table.commonTable > tbody > tr > td a { color: navy; font-family: arial,helvetica,sans-serif; font-size: small; text-decoration: underline; } table.commonTable > tbody > tr > td a:hover { color: #0071BC; } table.commonTable tr.alternativeGray { background-color: #EEEEEE; } table.commonTable TH.asc A { padding-right: 15px; background: url(/Images/Grid/asc.gif) no-repeat center right; } table.commonTable TH.desc A { padding-right: 15px; background: url(/Images/Grid/desc.gif) no-repeat center right; } table.commonTable td { border: 1px solid #221F73; text-align: center; } table.commonTable input { margin-top: 3px; margin-bottom: 3px; } table.commonTable tr.pager table { width: 100%; border-style: none; } table.commonTable tr.pager table td { width: 0%; border-style: none; padding-left: 5px; } table.commonTable tr.pager table td A { text-decoration: none; color: #221F73; } table.commonTable tr.pager table td.current { font-weight: bold; } table.commonTable tr.pager table td.total { text-align: right; width: 99%; padding-right: 5px; font-weight: bold; } /*--- End OHIO GridControls ---*/ /*--- TextItem,ListItem control---*/ tr.textItem { } tr.textItem > td:first-child, tr.listItem > td:first-child { text-align: left; white-space: normal; min-width: 150px; width: 150px; max-width: 150px; } tr.textItem > td.mandatory, tr.listItem > td.mandatory { width: 10px; white-space: nowrap; } tr.textItem > td > input[type="text"] { width: 150px; } tr.listItem > td > select { width: 154px; } /**********************/ /**********************/ /**********************/ /*********************/ /* MessageBox styles */ /*********************/ .message-panel { width: 100%; } .message-container > div { border-radius: 0.4em; text-align: center; } .info { color: #36353a; color: var(--ohio-black); background-color: #a2d9ff; background-color: var(--ohio-info); } .warning { color: #36353a; color: var(--ohio-black); background-color: #fdf675; background-color: var(--ohio-warning); } .error, .validation { color: #36353a; color: var(--ohio-black); background-color: #ff9393; background-color: var(--ohio-error); } .success { color: #36353a; color: var(--ohio-black); background-color: #7ce117; background-color: var(--ohio-success); } .info div, .success div, .warning div, .error div, .validation, .success p { border-radius: 0.4em; box-sizing: border-box; color: var(--ohio-black); font-size: 16px; font-weight: bold; padding: 1rem; margin-bottom: 1rem; } .container { font-size: 13px; } .container img { border: none; } .standardGreyContainer { width: 100%; background-color: #ECECEC !important; display: block; } .standardWhiteContainer { width: 100%; background-color: #FFFFFF !important; display: block; } .radioButtonPadding { margin: 0px 30px 0px 30px; } .pin-alert { width: 100%; border-radius: 0.4em; text-align: center; margin-bottom: 1em; padding: 0.4em; box-sizing: border-box; font-weight: bold; } /**********************/ /**********************/ /**********************/ /*EmployeeExport*/ .eebutton { color: white; background-color: #0071BC; font-weight: bold; font-size: 12pt; border-radius: 5px; border-width: 0px; padding: 5px 5px 5px 5px; } .eebutton:hover { background-color: #2989c9; cursor: pointer; } /*Finance Reporting Area*/ .rptmenu { width: 40%; height: 500px; background-color: white; margin: 0 auto; border-radius: 10px; color: #0071BC; position: relative; font-weight: bold; font-size: 18pt; text-align: center; } .rptmenubutton { width: 400px; height: 40px; background-color: #0071BC; border-radius: 5px; border-width: 0px; color: white; font-weight: bold; font-size: 12pt; } .rptmenubutton:focus { outline: 0; } .rptmenubutton:hover { background-color: #2989c9; cursor: pointer; } .ibdcontrol { width: 95%; height: 150px; border-radius: 10px; background-color: #ECECEC; margin: 0 auto; text-align: center; color: #0071BC; font-size: 12pt; position: relative; border: 1px solid lightgrey; } .ibdbuttonsmall { width: 70px; height: 25px; background-color: #0071BC; border-radius: 5px; border-width: 0px; color: white; font-weight: bold; font-size: 8pt; float: left; margin-left: 3px; } .ibdbuttonsmall:focus { outline: 0; } .ibdbuttonsmall:hover { background-color: #2989c9; cursor: pointer; } .ibdbutton { width: 100px; height: 30px; background-color: #0071BC; border-radius: 5px; border-width: 0px; color: white; font-weight: bold; font-size: 12pt; position: absolute; right: 1%; } .ibdbutton:focus { outline: 0; } .ibdbutton:hover { background-color: #2989c9; cursor: pointer; } .ibdsummary { width: 100%; height: 20px; position: relative; margin-top: 10px; margin-left: 45px; } .ibdtotal { font-size: 12pt; text-align: right; color: #0071BC; position: absolute; margin-top: 2px; right: 5%; } .fullWidthTable { border-collapse: collapse; margin: 0 auto; width: 100%; margin-top: 15px; margin-bottom: 15px; } .fullWidthTable tr th { background-color: #0071BC; color: #ffffff; padding: 10px 5px 10px 5px; border: 1px solid #cccccc; font-size: 10pt; } .fullWidthTable tr:nth-child(2n+2) { background-color: #f3f4f5; } .fullWidthTable tr:nth-child(2n+1) td { background-color: #ECECEC; color: #454545; } .fullWidthTable tr td { padding: 5px 10px 5px 10px; font-size: 10pt; border: 1px solid #cccccc; vertical-align: middle; } .fullWidthTable tr td:first-child { text-align: center; } .fullWidthTable tr th { background-color: #0071BC; color: #ffffff; padding: 10px 5px 10px 5px; border: 1px solid #cccccc; font-size: 10pt; } .ibdtable { border-collapse: collapse; margin: 0 auto; width: 95%; margin-top: 15px; } .ibdtable tr:nth-child(2n+2) { background-color: #f3f4f5; } .ibdtable tr:nth-child(2n+1) td { background-color: #ECECEC; color: #454545; } .ibdtable tr td { padding: 5px 10px 5px 10px; font-size: 10pt; border: 1px solid #cccccc; vertical-align: middle; } .ibdtable tr td:first-child { text-align: center; } /*resource planner*/ .plannerClinicianResourceTypeButton { height: 50px; width: 240px; margin-top: 10px; margin-right: 10px; padding: 5px 5px 5px 5px; border-style: none; border-radius: 5px 5px; background-color: #0071BC; color: white; font-size: 9pt; } .plannerClinicianResourceTypeButton:hover { background-color: #2989c9; cursor: pointer; } .plannerTimeDropDownList { width: 250px; font-size: x-large; } .plannerDropDownGeneric { width: 250px; font-size: large; } .plannerWizard a { text-decoration: none; } .plannerStep { min-height: 400px; display: block; margin-left: 1em; } .plannerStep > div { display: flex; justify-content: flex-start; padding: 1em; margin-bottom: 1em; border: 2px solid #e3e3e3; border: 2px solid var(--ohio-background-grey); border-radius: 0.4em; box-sizing: border-box; } .plannerStep div h1 { font-size: 18pt; margin-bottom: 0.2em; color: #36353a; color: var(--ohio-black); } .planner-success { border: 2px solid #7ce117 !important; border: 2px solid var(--ohio-success) !important; background-color: #7ce117; background-color: var(--ohio-success); } .planner-success p { font-size: 14px; font-weight: bold; } .plannerNav { border: 2px solid #e3e3e3; border: 2px solid var(--ohio-background-grey); border-radius: 0.4em; padding: 1em; display: flex; justify-content: flex-end; margin-left: 1em; } .plannerNav table { border-collapse: collapse; } .plannerDay { border-radius: 5%; } .planner-section { display: flex; flex-direction: column; background-color: #e3e3e3; background-color: var(--ohio-background-grey); border-radius: 0.4em; padding: 1em; } .plannerSideBar { align-items: flex-start; background-color: #1073ba; background-color: var(--ohio-brand-blue); border-radius: 0.4em; box-sizing: border-box; display: flex; justify-content: flex-start; padding: 1em; } .plannerSideBar a { margin-left: 10px; padding-top: 10px; color: #ffffff; color: var(--ohio-white); text-decoration: none; display: block; font-size: 14px; } .plannerSideBar a:hover { color: #ffffff; color: var(--ohio-white); text-decoration: none; } .planner-calendar { font-family: 'Open Sans', sans-serif !important; border: 2px solid #0071BC !important; border-radius: 0.4em; } .customServiceTypes span { font-size: small !important; display: inline-block !important; padding: 0px !important; } .serviceTypecheckbox tr td { padding: 3px !important; } .rp-checkbox input { transform: scale(2); margin-left: 0.5em; margin-top: 0.5em; position: relative; } /*resplanner*/ .rp-editbooking-container { height: 550px; width: 35%; margin: 0 auto; background-color: #f2f2f2; border-radius: 5px; border: 1px solid lightgrey; } .rp-editbooking-ddl { width: 250px; font-size: large; } .rp-editbooking-table { margin: 0 auto; } .rp-editbooking-table td { padding-top: 20px; padding-left: 20px; padding-right: 20px; } .rp-editbooking-label { font-size: large; } .rp-editbooking-button { min-width: 50px; padding: 5px 5px 5px 5px; min-height: 25px; background-color: #0071BC; border-radius: 5px; border-width: 0px; color: white; font-weight: bold; font-size: 12pt; } .rp-editbooking-button:hover { background-color: #2989c9; cursor: pointer; } .rp-editbooking-button-isred { background-color: #b30000 !important; } .rp-editbooking-button-isred:hover { background-color: #e60000 !important; } .rp-editbooking-datepicker { width: 225px; height: 20px; font-size: large; } /*resmonitor*/ .resmonitor-good { background: linear-gradient(to right, rgba(225,0,0,0) 85%, rgba(0,179,0,0.3)); background-color: #f2f2f2 !important; } .resmonitor-mid { background: linear-gradient(to right, rgba(225,0,0,0) 85%, rgba(225,153,0,0.3)); background-color: #f2f2f2 !important; } .resmonitor-bad { background: linear-gradient(to right, rgba(225,0,0,0) 85%, rgba(225,0,0,0.3)); background-color: #f2f2f2 !important; } .resmonitor-name { background-color: #ECECEC !important; } .AddNewEmployeeInterfaceButton { margin-left: 5px; color: white; font-weight: bold; padding: 5px 5px 5px 5px; border: none; border-radius: 7px; height: 35px; } .AddNewEmployeeInterfaceButton:hover { cursor: pointer; } /*--End MessageBox---*/ /*--- new styles :)http://www.xiper.net---*/ .title { color: #0071BC; font-weight: bold; padding-left: 8px; margin-top: 6px; padding-bottom: 2px; font-size: 11pt; display: block; } .fname, .fnamelong { margin-right: 8px; text-align: left; letter-spacing: -.03em; font-size: 9pt; color: #494949; font-weight: 600; } .ftext { margin-left: 1em; } .ftextNoPadding { margin-right: 0px !important; margin-bottom: 15px; margin-left: 2px; text-align: right; font-family: arial,helvetica,sans-serif; } /*filter panel*/ .filterpanel .fname, .searchpanel .fname { font-size: 9pt; letter-spacing: -.05em; margin-left: 10px; font-size: 10pt; font-weight: normal; white-space: nowrap; } .filterpanel .input { width: 130px; } .filterpanel select.input { width: 2em; height: auto; height: auto; } .filterpanel select.input.recordstatus { width: 100px; } .filterpanel .clients { width: 200px; } .table { border: 0; padding: 0px; border-collapse: collapse; } .tabletop { border: 0; padding: 0px; vertical-align: top; } .table > tbody > tr > td, .tabletop td { padding-top: 2px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } td.details { vertical-align: top; padding-top: 2px; width: 33%; } .margins { margin-top: 1px; width: 180px; } .details .fname { display: block; white-space: normal; width: 150px; } .details .fnamelong { display: block; } .details td.mandatory { empty-cells: show; padding-left: 4px; } table.episodeUpdate { width: 100%; border-collapse: collapse !important; } table.episodeUpdate td { border: 1px solid black; padding: 2px; } table.episodeUpdateActions { width: 100%; } table.episodeUpdateActions td { padding: 1px; } .inputWithMargins { width: 180px !important; margin-top: 5px; margin-bottom: 5px; margin-left: 5px; } .input_short { width: 400px; } .input_wide { width: 600px; } .input_wide_list { width: 220px; } .input_wide_extra { width: 680px; } select.input { width: 184px; } select.inputhalf { width: 94px; } input[type="image"].calendar { margin-right: 0.2em; margin-left: 0.2em; height: 2em; height: var(--ohio-input-height); } .calendar-divide { height: 2em; height: var(--ohio-input-height); } input[type="image"].calendar:hover { cursor: pointer; } /*******************/ /* SUrface buttons */ /*******************/ .bottom-button-container { display: flex; justify-content: flex-end; padding: 1em 0; } .button { background-color: #1073ba; background-color: var(--ohio-brand-blue); border: 2px solid #1073ba; border: 2px solid var(--ohio-brand-blue); border-radius: 0.2em; color: #f9f9f9; color: var(--ohio-lightshades); cursor: pointer; font-size: 12px; height: 3em; overflow: visible; padding: 0 0.2em; text-align: center; transition: 0.25s; min-width: 9em; font-weight: bold; } .negative-button, .login-button-container { background-color: #ffffff; background-color: var(--ohio-white); border: 2px solid #1073ba; border: 2px solid var(--ohio-brand-blue); color: #1073ba; color: var(--ohio-brand-blue); border-radius: 0.2em; cursor: pointer; font-size: 12px; font-weight: bold; height: 3em; overflow: visible; padding: 0 0.2em; text-align: center; transition: 0.25s; width: 9em; } .button:hover, .negative-button:hover, .login-button-container:hover { border: 2px solid #1073ba; border: 2px solid var(--ohio-brand-blue); box-shadow: inset 0 -3em 0 0 #d5e6f2; box-shadow: inset 0 -3em 0 0 var(--ohio-brand-lightblue); color: #1073ba; color: var(--ohio-brand-blue); } .news-button { align-items: center; box-sizing: border-box; display: inline-flex; justify-content: center; text-decoration: none; border-radius: 0.2em; cursor: pointer; font-size: 12px; font-weight: bold; height: 3em; overflow: visible; padding: 0 0.2em; text-align: center; transition: 0.25s; width: 9em; } .news-light-button { background-color: #ffffff; background-color: var(--ohio-white); border: 2px solid #1073ba; border: 2px solid var(--ohio-brand-blue); color: #1073ba; color: var(--ohio-brand-blue); } .news-light-button:hover { border: 2px solid #1073ba; border: 2px solid var(--ohio-brand-blue); box-shadow: inset 0 -3em 0 0 #1073ba; box-shadow: inset 0 -3em 0 0 var(--ohio-brand-blue); color: #ffffff; color: var(--ohio-white); } .news-dark-button { background-color: #ffffff; background-color: var(--ohio-white); border: 2px solid #ffffff; border: 2px solid var(--ohio-white); color: #00335b; color: var(--ohio-brand-darkblue); } .news-dark-button:hover { border: 2px solid #d5e6f2; border: 2px solid var(--ohio-brand-lightblue); box-shadow: inset 0 -3em 0 0 #d5e6f2; box-shadow: inset 0 -3em 0 0 var(--ohio-brand-lightblue); color: #00335b; color: var(--ohio-brand-darkblue); } .dashboard-header-button { background-color: #1073ba; background-color: var(--ohio-brand-blue); border: 2px solid #1073ba; border: 2px solid var(--ohio-brand-blue); border-radius: 0.2em; color: #f9f9f9; /*IE*/ color: var(--ohio-lightshades); cursor: pointer; font-size: 12px; height: 3em; overflow: visible; padding: 0 0.2em; text-align: center; transition: 0.25s; min-width: 9em; font-weight: bold; margin-left: 0.4em; } .dashboard-header-button:hover { border: 2px solid #1073ba; border: 2px solid var(--ohio-brand-blue); box-shadow: inset 0 -4em 0 0 #d5e6f2; box-shadow: inset 0 -4em 0 0 var(--ohio-brand-lightblue); color: #1073ba; color: var(--ohio-brand-blue); } .logout-button { align-items: center; display: inline-flex; justify-content: center; margin-left: 0.4em; text-decoration: none; width: 9em; } .logout-button > p { margin: 0 1em; white-space: nowrap; } .logout-button > img { margin-right: 0.4em; } .login-button-container { display: flex; justify-content: space-around; padding: 0 1em 0 0; } .login-button { color: #1073ba; color: var(--ohio-brand-blue); background-color: transparent; border: none; height: 100%; width: 100%; font-size: 12px; font-weight: bold; cursor: pointer; } .logout-button { display: flex; align-items: center; justify-content: space-evenly; } .red-button { background-color: var(--ohio-traffick-red) !important; background-color: #ea1f1f !important; border: 2px solid var(--ohio-traffick-red); border: 2px solid #ea1f1f; } .red-button:hover { border: 2px solid var(--ohio-traffick-red); border: 2px solid #ea1f1f; box-shadow: inset 0 -3em 0 0 var(--ohio-brand-lightred); box-shadow: inset 0 -3em 0 0 #fff0f0; color: var(--ohio-traffick-red); color: #ea1f1f; } .green-button { background-color: var(--ohio-traffic-green) !important; background-color: #7ce117 !important; border: 2px solid var(--ohio-traffic-green); border: 2px solid #7ce117; } .green-button:hover { border: 2px solid var(--ohio-traffic-green); border: 2px solid #7ce117; box-shadow: inset 0 -3em 0 0 var(--ohio-brand-lightgreen); box-shadow: inset 0 -3em 0 0 #f3ffe7; color: var(--ohio-traffick-green); color: #7ce117; } .button-spacer { margin-right: 0.4em; } .button-spacer-left { margin-left: 0.4em; } .button-auto-width { width: auto; } .button-disabled { background-color: #1073ba; background-color: var(--ohio-brand-blue); border: 2px solid #1073ba; border: 2px solid var(--ohio-brand-blue); border-radius: 0.2em; color: #f9f9f9; /*IE*/ color: var(--ohio-lightshades); font-size: 12px; height: 3em; overflow: visible; padding: 0 0.2em; text-align: center; transition: 0.25s; width: 9em; font-weight: bold; pointer-events: none; opacity: 0.5; } .redirectButton { margin-right: 1em; background-color: white; color: black; font-weight: bold; width: 9em; height: 2em; font-size: 14px; border: 2px solid white; border-radius: 0.4em; font-family: arial,helvetica,sans-serif; } .redirectButton:hover { background: #4c9ace; color: white; } .link-button { align-items: center; box-sizing: border-box; display: inline-flex; justify-content: center; text-decoration: none; } /*******************/ /*******************/ /*******************/ .vcaText { margin-right: 8px; margin-left: 7px; text-align: left; color: #ce0100; font-weight: bold; } .vcaButton { -moz-box-shadow: inset 0px 0px 0px 1px #f29c93; -webkit-box-shadow: inset 0px 0px 0px 1px #f29c93; box-shadow: inset 0px 0px 0px 1px #f29c93; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100)); background: -moz-linear-gradient(top, #fe1a00 5%, #ce0100 100%); background: -webkit-linear-gradient(top, #fe1a00 5%, #ce0100 100%); background: -o-linear-gradient(top, #fe1a00 5%, #ce0100 100%); background: -ms-linear-gradient(top, #fe1a00 5%, #ce0100 100%); background: linear-gradient(to bottom, #fe1a00 5%, #ce0100 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100',GradientType=0); background-color: #fe1a00; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #d83526; display: inline-block; cursor: pointer; color: #ffffff; font-size: 15px; padding: 6px 12px; text-decoration: none; } .vcaButton:hover { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00)); background: -moz-linear-gradient(top, #ce0100 5%, #fe1a00 100%); background: -webkit-linear-gradient(top, #ce0100 5%, #fe1a00 100%); background: -o-linear-gradient(top, #ce0100 5%, #fe1a00 100%); background: -ms-linear-gradient(top, #ce0100 5%, #fe1a00 100%); background: linear-gradient(to bottom, #ce0100 5%, #fe1a00 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00',GradientType=0); background-color: #ce0100; } .vcaButton:active { position: relative; top: 1px; } .browsebutton { text-align: center; font-size: 9pt; height: 25px; line-height: 18px !important; line-height: 16px; min-width: 70px; overflow: visible; padding: 0 2px; width: 100%; } table.widthmax, tr.widthmax, td.widthmax, td.widthmax input, td.widthmax select { width: 100%; } td.widthmax input, td.widthmax select { display: block; } /*Buttons line*/ td.rbuttons, div.rbuttons { text-align: right; white-space: nowrap; /*width: 160px;*/ } td.rbuttons_double, div.rbuttons_double { text-align: right; white-space: nowrap; } .rbuttons .button { margin-left: 6px; } .lbuttons .button { margin-right: 6px; } td.lbuttons, div.lbuttons { text-align: left; margin-left: 6px; } /*NoteDetails*/ table.notedetails { vertical-align: top; border: 0px; white-space: nowrap; table-layout: auto; } table.notedetails > tbody > tr > td { width: 50%; text-align: left; vertical-align: top; } table.notedetails > tbody > tr > td > input, table.notedetails > tbody > tr > td > textarea { width: 350px; } /*End NoteDetails*/ /*NoteSummary*/ #note_summary .header { width: 100%; margin-bottom: 15px; color: #0071BC; font-weight: bold; } #note_summary .title { display: inline; text-align: left; letter-spacing: -.03em; font-size: 10pt; color: #353535; font-weight: 600; margin: 0; padding: 0; } #note_summary .file { display: inline; text-align: left; letter-spacing: -.03em; font-size: 10pt; color: Gray; font-weight: 600; margin: 0; padding: 0; } #note_summary hr { margin: 10px 0px; } #note_summary .footer { width: 100%; } /*End NoteSummary*/ /*Columns*/ td.secondcolumn { padding-left: 30px; } /*TableNew*/ .table-new { border: 0; padding: 0px; table-layout: inherit; } .table-new td { padding-top: 2px !important; padding-bottom: 0px !important; padding-left: 0px !important; padding-right: 0px !important; line-height: 20px; } .table-new .extraRightPad { padding-right: 10px !important; } .table-new .fname { margin-right: 20px; } .table-new .mandatory { padding-right: 3px; } .table-new .fvalue, .table-new .ftext { margin-left: 8px; } .table-new textarea.input { width: 94%; } .rbutton_list label { margin-right: 10px; } /* ------------- */ /* Dialog styles */ /* ------------- */ .ui-widget-overlay { position: fixed; top: 0px; left: 0px; } .ui-dialog-content, .ui-widget-content { white-space: normal; font-size: 11pt; color: #222222; background-color: #fff; } .ui-dialog-buttonset { background-color: #1073ba; background-color: var(--ohio-brand-blue); height: 41px; } .ui-dialog-content .content .ui-dialog-buttonset .commands { text-align: right; padding: 8px; } .ui-dialog-buttonpane .outer { background-color: var(--ohio-brand-blue); padding-right: 9px; } .ui-dialog-buttonpane .inner { background-color: #1073ba; background-color: var(--ohio-brand-blue); padding-left: 9px; } .ui-dialog-buttonpane .content { height: 7px; background-color: #1073ba; background-color: var(--ohio-brand-blue); } .commands > button, .commands > input { width: 75px; } .ui-dialog-titlebar { height: 35px; background-color: #1073ba; background-color: var(--ohio-brand-blue); } .ui-dialog-titlebar .outer { background-color: #1073ba; background-color: var(--ohio-brand-blue); padding-right: 40px; } .ui-dialog-titlebar .outer .inner { background-color: #1073ba; background-color: var(--ohio-brand-blue); padding-left: 9px; } .ui-dialog-titlebar .outer .inner .content { height: 35px; background-color: #1073ba; background-color: var(--ohio-brand-blue); } .ui-dialog-titlebar .outer .inner .content H2 { font-size: 12pt; font-weight: bold; color: #fff; padding-top: 6px; margin: 0; } .ui-dialog-content .outer { background-color: #1073ba; background-color: var(--ohio-brand-blue); padding-right: 7px; } .ui-dialog-content .inner { background-color: #1073ba; background-color: var(--ohio-brand-blue); padding-left: 7px; } .ui-dialog-content .content { white-space: normal; } .ui-dialog-content .content H2 { padding: 10px; margin: 0px; text-align: center; font-size: 10pt; color: #222222; font-weight: normal; } .dialog { font-size: 12pt; color: #36353a; color: var(--ohio-black); background-color: #1073ba; background-color: var(--ohio-brand-blue); z-index: 22005 !important; border-radius: 0.4em; } /* header styles */ .dialog .header { position: relative; color: #fff; cursor: move; } .dialog .header .outer { padding-right: 40px; } .dialog .header .inner { padding-left: 9px; } .dialog .header .content { height: 35px; } .dialog .header .content H2 { font-size: 12pt; font-weight: bold; color: #fff; padding-top: 6px; margin: 0; } .dialog .header .close { /* the image is 35x35 pixels wide */ height: 25px; width: 35px; /* position the image */ position: absolute; top: 4px; right: 7px; background: url('/Content/images/surface-icons/close.svg') no-repeat; cursor: pointer; background-position: center; } .dialog .header .close:hover { background-color: #1073ba; background-color: var(--ohio-brand-blue); } /* dialog body styles */ .dialog .body { } .dialog .body .outer { padding-right: 7px; } .dialog .body .inner { padding-left: 7px; } .dialog .body .content { white-space: normal; background-color: #ffffff; background-color: var(--ohio-white); } .dialog .body .content H2 { padding: 10px; margin: 0px; text-align: center; font-size: 10pt; color: #222222; font-weight: normal; } .dialog .body .content .footer { background-color: #1073ba; background-color: var(--ohio-brand-blue); } .dialog .body .content .footer .commands { background-color: #ffffff; background-color: var(--ohio-white); text-align: right; padding: 0 1em 1em 1em; } .dialog .body .content .footer .commands INPUT { /* keep the buttons a consistent size */ width: 75px; } /* dialog footer styles */ .dialog .footer { } .dialog .footer .outer { padding-right: 9px; } .dialog .footer .inner { padding-left: 9px; } .dialog .footer .content { height: 7px; } .dialog .updating { color: #808080; background-color: #1073ba; background-color: var(--ohio-brand-blue); } /* dialog prompt */ .dialog .prompt { padding: 8px; } .dialog .prompt .fname { margin: 0px; white-space: nowrap; display: inline; } .dialog .prompt .mandatory { vertical-align: middle; white-space: nowrap; } /* Session dialog */ .session-outer { } .session-outer > .session-inner { } .session-outer > .session-inner > .session-content { } .session-outer > .session-inner > .session-content > .ui-dialog-buttonset { background-color: #ffffff; background-color: var(--ohio-white); height: 100%; } #sessionAlert { height: 100% !important; } .session-commands { display: flex; justify-content: flex-end; padding: 0.2em; height: 100%; background-color: #ffffff; background-color: var(--ohio-white); } .session-commands > button { z-index: 1001; } /***********/ /* Reports */ /***********/ .amber-traffic, .plus-traffic, .minus-traffic { width: 32px; height: 32px; margin-left: auto; margin-right: auto; display: block; } div #SearchToolBar { border-right: 2px solid #EDEDED; border-left: 2px solid #EDEDED; border-bottom: 2px solid #EDEDED; } .select-list-button { cursor: pointer; background-color: #1073ba; background-color: var(--ohio-brand-blue); border: 2px solid #1073ba; border: 2px solid var(--ohio-brand-blue); border-radius: 0.3em; } .select-list-button:hover, .select-list-button:focus { background-color: #3888c1; background-color: var(--ohio-brand-blue-lighten); } input.memorableLetter { width: 15px; height: 20px; font-size: large; border: 1px solid #ccc; } span.memorableLetter { color: #0071BC; font-size: large; } .list-box { min-width: 15em; } /*******************/ /* Filestyle input */ /*******************/ .file-link { color: #1073ba; color: var(--ohio-brand-blue); font-weight: bold; min-width: 20em; text-decoration: none; } .file-link:hover { text-decoration: underline; } div.jfilestyle { margin: 0; } div.jfilestyle > input { border-radius: 0.3em; border: 2px solid #878f93; border: 2px solid var(--ohio-border-grey); color: #36353a; color: var(--ohio-black); font-size: 12px; margin: 0; height: 1em; } div.jfilestyle label { background-color: #ffffff; background-color: var(--ohio-white); border-radius: 0.3em; border: 2px solid #1073ba; border: 2px solid var(--ohio-brand-blue); color: #1073ba; color: var(--ohio-brand-blue); font-size: 12px; font-weight: bold; height: 1em; line-height: 1em; transition: 0.25s; min-width: 6em; } div.jfilestyle label:focus, div.jfilestyle label:hover { border: 2px solid #1073ba; border: 2px solid var(--ohio-brand-blue); box-shadow: inset 0 -3em 0 0 #d5e6f2; box-shadow: inset 0 -3em 0 0 var(--ohio-brand-lightblue); color: #1073ba; color: var(--ohio-brand-blue); } .radio-button-list input[type="radio"] { margin-right: 0.4em; transform: scale(1.3); } .radio-button-list label { margin-right: 2em; } .radio-button-list td { min-width: 8em; } input[type="radio"].designed-checkbox { position: relative !important; z-index: 1 !important; visibility: visible !important; transform: scale(1.4); } .check-box-item { display: inline-flex; align-items: flex-start; } .check-box-item > input, .check-box { margin-right: 0.5em; transform: scale(1.2); } .radio-button { margin: 0.2em 0; display: inline-flex; } .radio-button > input[type="radio"] { margin-right: 0.4em; transform: scale(1.3); } .check-box-list input[type="checkbox"] { margin-right: 0.4em; transform: scale(1.3); } .tooltip-container { display: flex; align-items: flex-end; width: 12em !important; margin-right: 2em; } /***Open-Sans***/ @font-face { font-family: OpenSans-Bold; src: url(../../Content/fonts/OpenSans-Bold.ttf); } @font-face { font-family: OpenSans-BoldItalic; src: url(../../Content/fonts/OpenSans-BoldItalic.ttf); } @font-face { font-family: OpenSans-ExtraBold; src: url(../../Content/fonts/OpenSans-ExtraBold.ttf); } @font-face { font-family: OpenSans-ExtraBoldItalic; src: url(../../Content/fonts/OpenSans-ExtraBoldItalic.ttf); } @font-face { font-family: OpenSans-Italic; src: url(../../Content/fonts/OpenSans-Italic.ttf); } @font-face { font-family: OpenSans-Light; src: url(../../Content/fonts/OpenSans-Light.ttf); } @font-face { font-family: OpenSans-LightItalic; src: url(../../Content/fonts/OpenSans-LightItalic.ttf); } @font-face { font-family: OpenSans-Regular; src: url(../../Content/fonts/OpenSans-Regular.ttf); } @font-face { font-family: OpenSans-SemiBold; src: url(../../Content/fonts/OpenSans-SemiBold.ttf); } @font-face { font-family: OpenSans-SemiBoldItalic; src: url(../../Content/fonts/OpenSans-SemiBoldItalic.ttf); } /* Slider */ .slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } @charset 'UTF-8'; /* Slider */ .slick-loading .slick-list { background: #fff url('./ajax-loader.gif') center center no-repeat; } /* Icons */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('./fonts/slick.eot'); src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg'); } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; position: inherit; padding: 0px; margin-top: -10px\9; /*lte IE 8*/ -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1.5; opacity: 1; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: 0; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '←'; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: 0; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '→'; } [dir='rtl'] .slick-next:before { content: '←'; } /* Dots */ .slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -45px; display: block; width: 100%; padding: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } /* Background colour #eeeeee */ DIV.autosuggest DIV.as_header DIV.as_bar { OVERFLOW: hidden; HEIGHT: 6px; BACKGROUND-COLOR: #f5f5f5; border-top: 1px solid #a7a7a7 } DIV.autosuggest DIV.as_footer DIV.as_bar { OVERFLOW: hidden; HEIGHT: 5px; BACKGROUND-COLOR: #f5f5f5; border-bottom: 1px solid #a7a7a7; } DIV.autosuggest> UL { PADDING-RIGHT: 0px !important; PADDING-LEFT: 0px !important; PADDING-BOTTOM: 0px !important; MARGIN: 0px 0px -4px; OVERFLOW: hidden; PADDING-TOP: 0px !important; LIST-STYLE-TYPE: none; list-style:none !important; list-style-image:none; BACKGROUND-COLOR: #f5f5f5; border-left: 1px solid #a7a7a7; border-right: 1px solid #a7a7a7; } /* Normal Text colour */ UL.autosuggestUL LI { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 4px 4px; COLOR: #000; PADDING-TOP: 0px; TEXT-ALIGN: left } .asPaging { background-COLOR: #dddddd; } DIV.autosuggest UL LI A { PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; WIDTH: 100%; COLOR: #000 !important; PADDING-TOP: 0px; POSITION: relative; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none !important; } /* text-shadow: #000 0px 0px 5px } */ /* Info Text colour */ DIV.autosuggest UL LI A SPAN SMALL { FONT-WEIGHT: normal; COLOR: #555 } /* Info Text highlighted */ DIV.autosuggest UL LI.as_highlight A SPAN SMALL { COLOR: #ccc } /* Matched Text */ DIV.autosuggest UL EM { COLOR: #D90A24; FONT-STYLE: normal } /* highlighted item */ DIV.autosuggest UL LI.as_highlight A { BACKGROUND-POSITION: right bottom; BACKGROUND-IMAGE: url('/images/autocomplete/hl_corner_br.gif'); COLOR: #fff; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #555555 } /*DIV.autosuggest UL LI.as_highlight A:hover { BACKGROUND-COLOR: #1b5ccd }*/ BODY { POSITION: relative } DIV.autosuggest { PADDING-RIGHT: 0px; BACKGROUND-POSITION: 50% top; PADDING-LEFT: 0px; BACKGROUND-IMAGE: url('/images/autocomplete/as_pointer.gif'); PADDING-BOTTOM: 0px; PADDING-TOP: 10px; BACKGROUND-REPEAT: no-repeat; POSITION: absolute; z-index: 10002; text-decoration: none; } DIV.autosuggest DIV.as_header { PADDING-RIGHT: 6px; BACKGROUND-POSITION: right top; PADDING-LEFT: 6px; BACKGROUND-IMAGE: url('/images/autocomplete/ul_corner_tr.gif'); PADDING-BOTTOM: 0px; OVERFLOW: hidden; PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat; POSITION: relative; HEIGHT: 6px; BACKGROUND-COLOR: #eeeeee; z-index: 10002; } DIV.autosuggest DIV.as_footer { PADDING-RIGHT: 6px; BACKGROUND-POSITION: right top; PADDING-LEFT: 6px; BACKGROUND-IMAGE: url('/images/autocomplete/ul_corner_tr.gif'); PADDING-BOTTOM: 0px; OVERFLOW: hidden; PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat; POSITION: relative; HEIGHT: 6px; z-index: 10002; } DIV.autosuggest DIV.as_footer { BACKGROUND-IMAGE: url('/images/autocomplete/ul_corner_br.gif'); z-index: 10002; } DIV.autosuggest DIV.as_footer DIV.as_corner { BACKGROUND-POSITION: left top; LEFT: 0px; BACKGROUND-IMAGE: url('/images/autocomplete/ul_corner_tl.gif'); WIDTH: 6px; BACKGROUND-REPEAT: no-repeat; POSITION: absolute; TOP: 0px; HEIGHT: 6px; background-color: #eeeeee; z-index: 10002; } DIV.autosuggest DIV.as_footer DIV.as_corner { BACKGROUND-IMAGE: url('/images/autocomplete/ul_corner_bl.gif'); background-color: #f5f5f5; z-index: 10002; } DIV.autosuggest DIV.as_header DIV.as_corner { BACKGROUND-POSITION: left top; LEFT: 0px; BACKGROUND-IMAGE: url('/images/autocomplete/ul_corner_tl.gif'); WIDTH: 6px; BACKGROUND-REPEAT: no-repeat; POSITION: absolute; TOP: 0px; HEIGHT: 6px; background-color: #f5f5f5 } DIV.autosuggest UL LI A SPAN { PADDING-RIGHT: 6px; DISPLAY: block; PADDING-LEFT: 6px; FONT-WEIGHT: 700; PADDING-BOTTOM: 3px; PADDING-TOP: 3px } DIV.autosuggest UL LI A .tl { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 6px; PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat; POSITION: absolute; TOP: 0px; HEIGHT: 6px } DIV.autosuggest UL LI A .tr { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 6px; PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat; POSITION: absolute; TOP: 0px; HEIGHT: 6px } DIV.autosuggest UL LI A .tr { RIGHT: 0px } DIV.autosuggest UL LI.as_highlight A .bl { BACKGROUND-POSITION: left bottom; BACKGROUND-IMAGE: url('/images/autocomplete/hl_corner_bl.gif'); BACKGROUND-REPEAT: no-repeat; LEFT: 0px; } DIV.autosuggest UL LI.as_highlight A .tl { BACKGROUND-POSITION: left bottom; LEFT: 0px; BACKGROUND-IMAGE: url('/images/autocomplete/hl_corner_tl.gif') } DIV.autosuggest UL LI.as_highlight A .tr { BACKGROUND-POSITION: right bottom; RIGHT: 0px; BACKGROUND-IMAGE: url('/images/autocomplete/hl_corner_tr.gif') } DIV.autosuggest UL LI.as_warning { FONT-WEIGHT: bold; TEXT-ALIGN: center; color:Black; } .login-header-container { justify-content: center; background-image: url(../../Content/images/default_login_header.jpg); background-size: cover; display: flex; flex-direction: column; height: 25em; width: 100%; } .login-title { font-size: 3em; color: #1073ba; color: var(--ohio-brand-blue); } .title-one { padding-left: 3em; } .title-two { padding-left: 4em; } .login-news-container, .login-resources-container, .login-compass-container { box-sizing: border-box; display: flex; padding: 3em 6em; width: 100%; } .login-news, .login-compass, .login-resources { border-top: 2px solid #878f93; border-top: 2px solid var(--ohio-border-grey); width: 100%; } .content-title { font-size: 2em; font-weight: bold; color: #36353a; color: var(--ohio-black); } .resources-carousel { background-color: #1073ba; background-color: var(--ohio-brand-blue); border-radius: 0.6em; box-sizing: border-box; height: 35em; margin: 2em 0; padding: 2em; width: 100%; } .carousel { display: flex; align-items: center; } .carousel-item { display: flex !important; } .carousel-content { align-items: center; display: flex; box-sizing: border-box; justify-content: center; margin: 0.5em; width: 100%; height: 25em; } .carousel-content .content-link { height: 100%; } .carousel-content > .content-link > img { max-height: 100%; max-width: 100%; } .carousel-text { box-sizing: border-box; margin: 0.5em; padding: 2em; width: 100%; } .carousel-title { margin-bottom: 1em; } .carousel-title, .carousel-intro { color: #ffffff; color: var(--ohio-white); } .carousel-title { font-size: 2em; font-weight: bold; } .carousel-intro { font-size: 2em; } .compass-container { background-color: #d5e6f2; background-color: var(--ohio-brand-lightblue); border-radius: 0.6em; box-sizing: border-box; margin: 2em 0; padding: 2em; width: 100%; } .news-container { display: flex; height: 25em; justify-content: space-between; margin: 2em 0; } .news { align-items: center; border-radius: 0.6em; box-sizing: border-box; display: flex; flex-direction: column; height: 100%; justify-content: flex-start; padding: 2em; width: 100%; max-width: 30%; } .news-title { font-size: 1.5em; font-weight: bold; margin-bottom: 1em; text-align: center; } .news-1 { background-color: #d5e6f2; background-color: var(--ohio-brand-lightblue); } .news-2 { background-color: #1073ba; background-color: var(--ohio-brand-blue); } .news-3 { background-color: #00335b; background-color: var(--ohio-brand-darkblue); } .news-1 > p { color: #36353a; color: var(--ohio-black); } .news-content { width: 100%; } .news-2 > p, .news-3 > p, .news-2 > div, .news-3 > div { color: #ffffff; color: var(--ohio-white); } /***************/ /**** Slick ****/ /***************/ .slick-dots li.slick-active button:before { color: #ffffff; color: var(--ohio-white); } .slick-arrow { width: 40px; height: 40px; } @media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) { .carousel-item { display: block !important; } .slick-current { display: flex !important; } .slick-arrow { width: 300px; height: 100px; } .slick-dots { bottom: 10em; left: 0; } } .side-menu { background-color: #36353a; background-color: var(--ohio-black); height: 100%; position: fixed; top: 0; transition: width 0.5s ease-in-out; width: 4.6em; z-index: 1000; } .side-menu-header { align-items: center; display: flex; height: 5em; height: var(--ohio-navbar-height); justify-content: flex-start; padding-left: 1.5em; } .side-menu-profile { border-bottom: 1px solid #58575d; border-bottom: 1px solid var(--ohio-sidemenu-border); display: flex; height: 4em; justify-content: flex-start; align-items: center; } .side-menu-profile > a { align-items: center; box-sizing: border-box; display: flex; height: 100%; justify-content: flex-start; padding-left: 0.8em; width: 100%; text-decoration: none; } .profile-avatar { align-items: center; background-color: #1073ba; background-color: var(--ohio-brand-blue); border-radius: 50%; display: flex; height: 3em; justify-content: center; min-width: 3em; } .profile-avatar > .image { max-height: 100%; max-width: 100%; border-radius: 50%; } .profile-avatar > .initials { color: #f9f9f9; /*IE*/ color: var(--ohio-lightshades); font-family: OpenSans-Bold; font-size: 18px; } .profile-info { align-items: flex-start; color: #f9f9f9; /*IE*/ color: var(--ohio-lightshades); display: flex; flex-direction: column; font-size: 12px; margin-left: 1em; opacity: 0; transition: opacity 0.2s ease-in-out, width 1s ease-in; width: 0%; } .profile-info > .name { font-family: OpenSans-Bold; pointer-events: none; } .profile-info > .email { pointer-events: none; } .side-menu-list { list-style-type: none; } .side-menu-list > li { border-bottom: 1px solid #58575d; border-bottom: 1px solid var(--ohio-sidemenu-border); min-height: 3.1em; min-height: var(--ohio-sidemenu-item-height); } .side-menu-list > li:hover { background-color: #404548; background-color: var(--ohio-black-hover); } .side-menu-list > li > a { align-items: center; display: flex; height: 100%; justify-content: flex-start; text-decoration: none; width: 100%; height: 3.1em; height: var(--ohio-sidemenu-item-height); } .side-menu-list > li > a > .item-active-indicator { background-color: #36353a; background-color: var(--ohio-black); height: 100%; min-width: 0.3em; } .side-menu-list > li > a > img { height: 100%; margin: 0 1em; max-width: 100%; min-width: 2em; width: 2em; } .side-menu-list > li > a > div > .side-menu-item-header { color: #e3e3e3; color: var(--ohio-background-grey); font-family: OpenSans-Regular; font-size: 14px; width: 100%; pointer-events: none; } .side-menu-list > li > a > div { pointer-events: none; } .side-menu-list > li > ul { list-style-type: none; } .side-menu-list > li > ul > li { box-sizing: border-box; height: 0; opacity: 0; transition: opacity 0.1s ease-in-out, height 0.5s ease-in-out; background-color: #3a3f42; background-color: var(--ohio-menu-child); } .side-menu-list > li > ul > li:hover { background-color: #404548; background-color: var(--ohio-black-hover); } .side-menu-list > li > ul > li > a { align-items: center; box-sizing: border-box; display: flex; height: 100%; justify-content: flex-start; text-decoration: none; width: 100%; height: 100%; padding-left: 1em; } .side-menu-list > li > ul > li > a > p { color: #e3e3e3; color: var(--ohio-background-grey); font-family: OpenSans-Regular; font-size: 12px; width: 100%; pointer-events: none; } /* Togglers */ .toggle-menu { width: 15em; transition: width 0.5s ease-in-out; -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .show-title { opacity: 1 !important; width: 100% !important; transition: opacity 2s ease-in !important; -moz-transition-delay: 0.4s !important; -o-transition-delay: 0.4s !important; -webkit-transition-delay: 0.4s !important; transition-delay: 0.4s !important; } .active { background-color: #1073ba !important; background-color: var(--ohio-brand-blue) !important; } .menu-title-container { align-items: center; display: flex; height: 100%; justify-content: space-between; padding-right: 0.4em; opacity: 0; transition: opacity 0.1s ease-in-out, width 0.6s ease-in; width: 0%; } .expand-child { box-sizing: border-box; height: 3em !important; height: var(--ohio-sidemenu-childitem-height) !important; opacity: 1 !important; transition: opacity 2.0s ease-in-out, height 0.5s ease-in-out !important; -moz-transition-delay: 1.2s !important; -o-transition-delay: 1.2s !important; -webkit-transition-delay: 1.2s !important; transition-delay: 1.2s !important; } /* HAMBURGER TOGGLE */ .navbar-toggler { margin-right: 1em; padding: 0; background-color: #36353a; background-color: var(--ohio-black); border: none; } .animated-icon { width: 1.6em; height: 1.6em; position: relative; margin: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; cursor: pointer; } .animated-icon span { display: block; position: absolute; height: 0.12em; width: 100%; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.25s ease-in-out; -moz-transition: 0.25s ease-in-out; -o-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; } .animated-icon span { background: #e3e3e3; background: var(--ohio-background-grey); } .animated-icon span:nth-child(1) { top: 0px; } .animated-icon span:nth-child(2) { top: 8px; } .animated-icon span:nth-child(3) { top: 16px; } .animated-icon.open span:nth-child(1) { top: 11px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .animated-icon.open span:nth-child(2) { opacity: 0; left: -60px; -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .animated-icon.open span:nth-child(3) { top: 11px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } /* Chevron */ .rotate { -moz-transition: all 2s linear; -webkit-transition: all 2s linear; transition: all 0.5s ease-in-out; } .down { -ms-transform: rotateZ(90deg); -moz-transform: rotateZ(90deg); -webkit-transform: rotateZ(90deg); transform: rotateZ(90deg); transition: transform 0.5s ease-in-out; -moz-transition-delay: 1.2s; -o-transition-delay: 1.2s; -webkit-transition-delay: 1.2s; transition-delay: 1.2s; } .navbar { background-color: #ffffff; background-color: var(--ohio-white); box-shadow: 0 4px 2px -2px #ccc; box-shadow: 0 4px 2px -2px var(--ohio-shadow); box-sizing: border-box; display: flex; height: 5em; height: var(--ohio-navbar-height); justify-content: space-between; padding-left: 4.6em; position: fixed; right: 0; top: 0; transition: padding-left 0.5s ease-in-out; width: 100%; z-index: 999; } .navbar-home-link { display: flex; text-decoration: none; } .navbar-left { align-items: center; display: flex; justify-content: flex-start; padding-left: 1em; height: 5em; height: var(--ohio-navbar-height); } .navbar-left > .logo { max-width: 100%; max-height: 100%; } .navbar-left > .brand-name { color: #36353a; color: var(--ohio-black); font-family: OpenSans-Bold; font-size: 2em; } .navbar-right { align-items: center; display: flex; justify-content: flex-end; padding-right: 1em; margin-bottom: 0.2em; } .navbar-right > .navbar-logout-link > .logout { max-width: 100%; max-height: 100%; width: 1.4em; } .navbar-logout-link { display: flex; text-decoration: none; }