/* Minification failed. Returning unminified contents. (282,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (283,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (284,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (285,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (286,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (287,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (288,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (289,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (290,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (291,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (294,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (295,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (296,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (297,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (298,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (299,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (300,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (301,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (302,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (303,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (304,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (305,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (308,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (309,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (310,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (311,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (312,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (313,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (314,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (315,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (316,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (317,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (318,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (319,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (325,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (326,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (327,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (328,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (329,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (330,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (331,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (332,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (333,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (334,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (335,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (336,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (338,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (339,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (340,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (341,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (470,65): run-time error CSS1030: Expected identifier, found 'a' (470,66): run-time error CSS1031: Expected selector, found ')' (470,66): run-time error CSS1025: Expected comma or open brace, found ')' (474,65): run-time error CSS1030: Expected identifier, found 'a' (474,66): run-time error CSS1031: Expected selector, found ')' (474,66): run-time error CSS1025: Expected comma or open brace, found ')' (630,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (631,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-body' (642,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (648,17): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary' (652,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-500' (658,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-400' (672,49): run-time error CSS1039: Token not allowed after unary operator: '-primary-800' (672,69): run-time error CSS1039: Token not allowed after unary operator: '-primary-900' (673,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-700' (743,58): run-time error CSS1039: Token not allowed after unary operator: '-primary-800' (927,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface' (928,28): run-time error CSS1039: Token not allowed after unary operator: '-border-color' (934,17): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary' (939,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface-hover' (940,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-600' (951,46): run-time error CSS1039: Token not allowed after unary operator: '-primary-600' (951,69): run-time error CSS1039: Token not allowed after unary operator: '-primary-800' (971,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface' (972,28): run-time error CSS1039: Token not allowed after unary operator: '-border-color' (979,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface-secondary' (980,35): run-time error CSS1039: Token not allowed after unary operator: '-border-color' (981,17): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary' (986,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface' (987,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (991,46): run-time error CSS1039: Token not allowed after unary operator: '-primary-600' (991,69): run-time error CSS1039: Token not allowed after unary operator: '-primary-700' (996,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-500' (1000,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface-secondary' (1001,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-700' (1005,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-400' (1024,46): run-time error CSS1039: Token not allowed after unary operator: '-primary-500' (1024,69): run-time error CSS1039: Token not allowed after unary operator: '-primary-700' (1031,46): run-time error CSS1039: Token not allowed after unary operator: '-primary-600' (1031,69): run-time error CSS1039: Token not allowed after unary operator: '-primary-800' (1036,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface' (1037,28): run-time error CSS1039: Token not allowed after unary operator: '-border-color' (1038,17): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary' (1042,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface-hover' (1043,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (1047,46): run-time error CSS1039: Token not allowed after unary operator: '-success' (1047,65): run-time error CSS1039: Token not allowed after unary operator: '-success-dark' (1053,46): run-time error CSS1039: Token not allowed after unary operator: '-danger' (1053,64): run-time error CSS1039: Token not allowed after unary operator: '-danger-dark' (1059,46): run-time error CSS1039: Token not allowed after unary operator: '-warning' (1059,65): run-time error CSS1039: Token not allowed after unary operator: '-warning-dark' (1065,46): run-time error CSS1039: Token not allowed after unary operator: '-info' (1065,62): run-time error CSS1039: Token not allowed after unary operator: '-info-dark' (1117,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-input' (1118,28): run-time error CSS1039: Token not allowed after unary operator: '-border-color' (1120,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (1126,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-400' (1132,17): run-time error CSS1039: Token not allowed after unary operator: '-text-muted' (1163,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-input' (1164,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (1165,28): run-time error CSS1039: Token not allowed after unary operator: '-border-color' (1183,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface' (1184,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (1225,17): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary' (1252,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface-secondary' (1253,28): run-time error CSS1039: Token not allowed after unary operator: '-border-color' (1279,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface' (1296,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface' (1297,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (1332,17): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary' (1374,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-600' (1375,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-200' (1383,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-400' (1384,31): run-time error CSS1039: Token not allowed after unary operator: '-primary-700' (1390,17): run-time error CSS1039: Token not allowed after unary operator: '-text-muted' (1403,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (1423,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (1435,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-200' (1436,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-500' (1440,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-50' (1441,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-700' (1442,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-200' (1454,17): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary' (1458,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-700' (1462,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-900' (1463,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-300' (1464,31): run-time error CSS1039: Token not allowed after unary operator: '-primary-700' (1479,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface-secondary' (1493,29): run-time error CSS1039: Token not allowed after unary operator: '-border-color' (1495,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface-secondary' (1500,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-400' (1501,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-50' (1508,32): run-time error CSS1039: Token not allowed after unary operator: '-border-color' (1622,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface' (1629,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface-secondary' (1630,35): run-time error CSS1039: Token not allowed after unary operator: '-border-color' (1631,17): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary' (1643,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface-secondary' (1647,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface-secondary' (1655,32): run-time error CSS1039: Token not allowed after unary operator: '-border-color-light' (1656,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (1663,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface-hover' (1667,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface-secondary' (1671,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface-hover' (1675,28): run-time error CSS1039: Token not allowed after unary operator: '-border-color' (1683,28): run-time error CSS1039: Token not allowed after unary operator: '-border-color' (1698,24): run-time error CSS1039: Token not allowed after unary operator: '-border-color' (1725,22): run-time error CSS1039: Token not allowed after unary operator: '-success-light' (1733,22): run-time error CSS1039: Token not allowed after unary operator: '-warning-light' (1737,22): run-time error CSS1039: Token not allowed after unary operator: '-danger-light' (1741,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface-secondary' (1746,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface-secondary' (1764,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-500' (1768,22): run-time error CSS1039: Token not allowed after unary operator: '-success' (1772,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-100' (1773,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-800' (1777,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-800' (1778,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-200' (1782,22): run-time error CSS1039: Token not allowed after unary operator: '-warning' (1786,22): run-time error CSS1039: Token not allowed after unary operator: '-danger' (1816,22): run-time error CSS1039: Token not allowed after unary operator: '-success-light' (1817,17): run-time error CSS1039: Token not allowed after unary operator: '-success-dark' (1818,33): run-time error CSS1039: Token not allowed after unary operator: '-success' (1822,22): run-time error CSS1039: Token not allowed after unary operator: '-info-light' (1823,17): run-time error CSS1039: Token not allowed after unary operator: '-info-dark' (1824,33): run-time error CSS1039: Token not allowed after unary operator: '-info' (1828,22): run-time error CSS1039: Token not allowed after unary operator: '-warning-light' (1829,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-dark' (1830,33): run-time error CSS1039: Token not allowed after unary operator: '-warning' (1834,22): run-time error CSS1039: Token not allowed after unary operator: '-danger-light' (1835,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-dark' (1836,33): run-time error CSS1039: Token not allowed after unary operator: '-danger' (1840,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (1847,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface' (1854,46): run-time error CSS1039: Token not allowed after unary operator: '-primary-600' (1854,66): run-time error CSS1039: Token not allowed after unary operator: '-primary-700' (1871,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface' (1872,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (1876,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface-secondary' (1877,32): run-time error CSS1039: Token not allowed after unary operator: '-border-color' (1898,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface' (1899,28): run-time error CSS1039: Token not allowed after unary operator: '-border-color' (1900,17): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary' (1909,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface-hover' (1910,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (1915,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-600' (1916,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-600' (1933,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface' (1934,28): run-time error CSS1039: Token not allowed after unary operator: '-border-color' (1942,29): run-time error CSS1039: Token not allowed after unary operator: '-primary-500' (1943,29): run-time error CSS1039: Token not allowed after unary operator: '-success' (1944,26): run-time error CSS1039: Token not allowed after unary operator: '-info' (1945,29): run-time error CSS1039: Token not allowed after unary operator: '-warning' (1946,28): run-time error CSS1039: Token not allowed after unary operator: '-danger' (1947,27): run-time error CSS1039: Token not allowed after unary operator: '-text-muted' (1953,17): run-time error CSS1039: Token not allowed after unary operator: '-text-muted' (1957,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (1964,32): run-time error CSS1039: Token not allowed after unary operator: '-border-color' (1968,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface-hover' (1969,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-600' (1975,17): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary' (1979,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (2317,28): run-time error CSS1030: Expected identifier, found '[' (2317,33): run-time error CSS1031: Expected selector, found '=' (2317,33): run-time error CSS1025: Expected comma or open brace, found '=' (2324,36): run-time error CSS1030: Expected identifier, found '[' (2324,41): run-time error CSS1031: Expected selector, found '=' (2324,41): run-time error CSS1025: Expected comma or open brace, found '=' (2359,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface' (2360,28): run-time error CSS1039: Token not allowed after unary operator: '-border-color' (2366,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-300' (2386,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (2395,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-600' (2400,17): run-time error CSS1039: Token not allowed after unary operator: '-text-muted' (2416,17): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary' (2420,17): run-time error CSS1039: Token not allowed after unary operator: '-text-muted' (2425,17): run-time error CSS1039: Token not allowed after unary operator: '-text-muted' (2444,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface-secondary' (2445,28): run-time error CSS1039: Token not allowed after unary operator: '-border-color' (2448,17): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary' (2454,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-50' (2455,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-200' (2456,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-700' (2460,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-500' (2482,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-900' (2483,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-700' (2484,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-300' */ div.mdd_modal { position: fixed; top: 125px; left: 0; padding: 0; margin: 0; width: 100%; height: 100%; z-index: 1000; display: none; font-size: 10pt; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9oJAhcQKyd/YfcAAAAtSURBVFjD7c5BAQAwCACh0/4xF2Qx/EACpnod2o4JCAgICAgICAgICAgICAh8bgABJJxxTm0AAAAASUVORK5CYII=') /*mdd_modal_background.png*/; } div.mdd_modal_frame { width: 650px; height: 400px; background-color: White; z-index: 2000; margin: 0 auto; margin-top: 60px; border: solid 5px #808080; position: relative; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } div.mdd_modal_button { position: absolute; top: -33px; right: -5px; padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 0px; height: 20px; background-color: #808080; z-index: 1999; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; line-height: 1em; } div.mdd_modal_button a { color: White; text-decoration: none; } div.mdd_modal_button a:hover { color: Orange; } div.mdd_modal_content { overflow: scroll; overflow-x: hidden; position: relative; width: 100%; height: 100%; } div.mdd_ajax_loader { background-position: center center; background-image: url('data:image/gif;base64,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') /*mdd_ajax_loader.gif*/; background-repeat: no-repeat; width: 100%; height: 200px; } div.mdd_syntax { font-size: 12pt; padding: 10px; } div.mdd_syntax h2 { font-size: 14pt; } div.mdd_syntax h3 { font-size: 12pt; } div.mdd_syntax pre { font-size: 10pt; border: solid 1px silver; padding: 4px; background-color: #f8f8f8; } div.mdd_toolbar_wrap { width: 100%; } div.mdd_toolbar { padding: 5px; height: 20px; } div.mdd_toolbar ul { margin: 0; padding: 0; } div.mdd_toolbar li { float: left; margin: 0; padding: 0; list-style: none; } div.mdd_toolbar a.mdd_button { background-image: url('data:image/png;base64,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') /*mdd_toolbar.png*/; width: 20px; height: 20px; display: block; } span.mdd_sep { width: 5px; height: 20px; display: block; border-left: solid 1px #808080; margin-left: 5px; } #mdd_bold { background-position: -1px -1px; } #mdd_bold:hover { background-position: -1px -23px; } #mdd_italic { background-position: -23px -1px; } #mdd_italic:hover { background-position: -23px -23px; } #mdd_ullist { background-position: -177px -1px; } #mdd_ullist:hover { background-position: -177px -23px; } #mdd_ollist { background-position: -155px -1px; } #mdd_ollist:hover { background-position: -155px -23px; } #mdd_indent { background-position: -67px -1px; } #mdd_indent:hover { background-position: -67px -23px; } #mdd_outdent { background-position: -89px -1px; } #mdd_outdent:hover { background-position: -89px -23px; } #mdd_link { background-position: -45px -1px; } #mdd_link:hover { background-position: -45px -23px; } #mdd_img { background-position: -133px -1px; } #mdd_img:hover { background-position: -133px -23px; } #mdd_hr { background-position: -221px -1px; } #mdd_hr:hover { background-position: -221px -23px; } #mdd_code { background-position: -111px -1px; } #mdd_code:hover { background-position: -111px -23px; } #mdd_heading { background-position: -199px -1px; } #mdd_heading:hover { background-position: -199px -23px; } #mdd_undo { background-position: -243px -1px; } #mdd_undo:hover { background-position: -243px -23px; } #mdd_redo { background-position: -265px -1px; } #mdd_redo:hover { background-position: -265px -23px; } div.mdd_links { float: right; } div.mdd_links a { text-decoration: none; color: #404040; font-size: smaller; } div.mdd_links a:hover { color: black; } div.mdd_editor_wrap { padding-right: 8px; } textarea.mdd_editor { width: 100%; resize: none; margin: 0; padding: 3px; } div.mdd_resizer_wrap { width: 100%; } div.mdd_resizer { background: #f8f8f8; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAFCAYAAAC0CJe+AAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9oJBgQVKSUEfuAAAAAWSURBVCjPY7xw4cJ/huEIGEd9Rg0AABSAClFfEgQMAAAAAElFTkSuQmCC') /*mdd_gripper.png*/; background-position: center center; background-repeat: no-repeat; padding-left: 2px; padding-right: 2px; height: 9px; border: solid 1px #d0d0d0; margin-top: -1px; cursor: n-resize; } /* ========================================================================== Streamside Solutions - Modern Design System with Dark Mode IMPORTANT: Many styles use !important to override Bootstrap defaults ========================================================================== */ /* CSS Custom Properties (Variables) - Light Mode Default ========================================================================== */ :root { /* Primary Colors - Modern Teal Palette */ --primary-50: #e6f7f9; --primary-100: #b3e7ed; --primary-200: #80d7e1; --primary-300: #4dc7d5; --primary-400: #26bac9; --primary-500: #0a9dad; --primary-600: #088a99; --primary-700: #076673; --primary-800: #054c56; --primary-900: #033239; /* Semantic Colors */ --success-light: #dcfce7; --success: #22c55e; --success-dark: #16a34a; --warning-light: #fef3c7; --warning: #f59e0b; --warning-dark: #d97706; --danger-light: #fee2e2; --danger: #ef4444; --danger-dark: #dc2626; --info-light: #dbeafe; --info: #3b82f6; --info-dark: #2563eb; /* Theme Colors - Light Mode */ --bg-body: #f8fafc; --bg-surface: #ffffff; --bg-surface-hover: #f1f5f9; --bg-surface-secondary: #f8fafc; --bg-input: #ffffff; --border-color: #e2e8f0; --border-color-light: #f1f5f9; --text-primary: #1e293b; --text-secondary: #475569; --text-muted: #64748b; --text-inverse: #ffffff; --shadow-color: rgba(0, 0, 0, 0.1); } /* Dark Mode Variables ========================================================================== */ [data-theme="dark"] { --bg-body: #0f172a; --bg-surface: #1e293b; --bg-surface-hover: #334155; --bg-surface-secondary: #1e293b; --bg-input: #334155; --border-color: #475569; --border-color-light: #475569; --text-primary: #f1f5f9; --text-secondary: #cbd5e1; --text-muted: #94a3b8; --text-inverse: #0f172a; --shadow-color: rgba(0, 0, 0, 0.4); --success-light: #166534; --warning-light: #92400e; --danger-light: #991b1b; --info-light: #1e40af; } /* ========================================================================== DARK MODE - Direct Style Overrides Using html[data-theme="dark"] for maximum specificity ========================================================================== */ /* Main body and page background */ html[data-theme="dark"], html[data-theme="dark"] body { background-color: #0f172a !important; color: #f1f5f9 !important; } /* Wrapper and main container */ html[data-theme="dark"] #wrap, html[data-theme="dark"] .container { background-color: transparent !important; } /* Panels and cards */ html[data-theme="dark"] .panel, html[data-theme="dark"] .panel-default, html[data-theme="dark"] .panel-body, html[data-theme="dark"] .well { background-color: #1e293b !important; color: #f1f5f9 !important; border-color: #475569 !important; } html[data-theme="dark"] .panel-default > .panel-heading { background-color: #334155 !important; color: #cbd5e1 !important; border-color: #475569 !important; } /* Tables */ html[data-theme="dark"] .table, html[data-theme="dark"] table { background-color: #1e293b !important; color: #f1f5f9 !important; } html[data-theme="dark"] .table td, html[data-theme="dark"] .table th, html[data-theme="dark"] table td, html[data-theme="dark"] table th { color: #f1f5f9 !important; border-color: #475569 !important; background-color: transparent !important; } html[data-theme="dark"] .table thead tr, html[data-theme="dark"] .table thead th, html[data-theme="dark"] table thead tr, html[data-theme="dark"] table thead th { background-color: #334155 !important; color: #cbd5e1 !important; } html[data-theme="dark"] .table-striped > tbody > tr:nth-of-type(odd) { background-color: #334155 !important; } html[data-theme="dark"] .table-striped > tbody > tr:nth-of-type(even) { background-color: #1e293b !important; } html[data-theme="dark"] .table > tbody > tr:hover, html[data-theme="dark"] .table tbody tr:hover { background-color: #475569 !important; } /* Form controls */ html[data-theme="dark"] .form-control, html[data-theme="dark"] input[type="text"], html[data-theme="dark"] input[type="email"], html[data-theme="dark"] input[type="password"], html[data-theme="dark"] input[type="number"], html[data-theme="dark"] textarea { background-color: #334155 !important; color: #f1f5f9 !important; border-color: #475569 !important; } html[data-theme="dark"] .form-control::placeholder { color: #94a3b8 !important; } /* Select dropdowns */ html[data-theme="dark"] select, html[data-theme="dark"] select.form-control { background-color: #334155 !important; color: #f1f5f9 !important; border-color: #475569 !important; } html[data-theme="dark"] select option, html[data-theme="dark"] select.form-control option { background-color: #1e293b !important; color: #f1f5f9 !important; } /* Filter bar */ html[data-theme="dark"] .filter-bar { background-color: #1e293b !important; border-color: #475569 !important; } /* Buttons */ html[data-theme="dark"] .btn-default { background-color: #334155 !important; color: #f1f5f9 !important; border-color: #475569 !important; } html[data-theme="dark"] .btn-default:hover { background-color: #475569 !important; color: #ffffff !important; } /* Page header */ html[data-theme="dark"] .page-header, html[data-theme="dark"] .well.page-header { background: linear-gradient(135deg, #0a9dad 0%, #054c56 100%) !important; } /* Links */ html[data-theme="dark"] a:not(.btn):not(.navbar-brand):not(.nav a) { color: #26bac9 !important; } html[data-theme="dark"] a:not(.btn):not(.navbar-brand):not(.nav a):hover { color: #4dc7d5 !important; } /* Pagination */ html[data-theme="dark"] .pagination > li > a, html[data-theme="dark"] .pagination > li > span { background-color: #1e293b !important; color: #cbd5e1 !important; border-color: #475569 !important; } html[data-theme="dark"] .pagination > li > a:hover { background-color: #334155 !important; color: #f1f5f9 !important; } html[data-theme="dark"] .pagination > .active > a, html[data-theme="dark"] .pagination > .active > a:hover { background-color: #0a9dad !important; border-color: #0a9dad !important; color: #ffffff !important; } /* Labels */ html[data-theme="dark"] label, html[data-theme="dark"] .control-label { color: #cbd5e1 !important; } /* Footer */ html[data-theme="dark"] #footer { background: linear-gradient(to bottom, #1e293b, #0f172a) !important; border-top-color: #475569 !important; } html[data-theme="dark"] #footer .footer-copyright { color: rgba(255, 255, 255, 0.85); } html[data-theme="dark"] #footer .footer-version { color: rgba(255, 255, 255, 0.6); background: rgba(255, 255, 255, 0.1); } html[data-theme="dark"] #footer .footer-links a { color: rgba(255, 255, 255, 0.75); } html[data-theme="dark"] #footer .footer-links a:hover { color: white; background: rgba(255, 255, 255, 0.15); } /* Dropdown menus */ html[data-theme="dark"] .dropdown-menu { background-color: #1e293b !important; border-color: #475569 !important; } html[data-theme="dark"] .dropdown-menu > li > a { color: #cbd5e1 !important; } html[data-theme="dark"] .dropdown-menu > li > a:hover { background-color: #334155 !important; color: #f1f5f9 !important; } /* Alerts */ html[data-theme="dark"] .alert { border-color: #475569 !important; } html[data-theme="dark"] .alert-info { background-color: #1e3a5f !important; color: #93c5fd !important; } html[data-theme="dark"] .alert-success { background-color: #14532d !important; color: #86efac !important; } html[data-theme="dark"] .alert-warning { background-color: #713f12 !important; color: #fcd34d !important; } html[data-theme="dark"] .alert-danger { background-color: #7f1d1d !important; color: #fca5a5 !important; } /* Modal */ html[data-theme="dark"] .modal-content { background-color: #1e293b !important; color: #f1f5f9 !important; } html[data-theme="dark"] .modal-body { background-color: #1e293b !important; color: #f1f5f9 !important; } html[data-theme="dark"] .modal-footer { background-color: #334155 !important; border-top-color: #475569 !important; } /* Text colors */ html[data-theme="dark"] .text-muted { color: #94a3b8 !important; } html[data-theme="dark"] p, html[data-theme="dark"] span:not(.label):not(.badge):not(.glyphicon):not(.fa) { color: #cbd5e1 !important; } /* Definition lists */ html[data-theme="dark"] dt { color: #94a3b8 !important; } html[data-theme="dark"] dd { color: #f1f5f9 !important; } /* Horizontal rules */ html[data-theme="dark"] hr { border-top-color: #475569 !important; } /* Code blocks */ html[data-theme="dark"] code { background-color: #334155 !important; color: #26bac9 !important; } /* Base Styles ========================================================================== */ html { scroll-behavior: smooth; } html, body { height: 100%; margin: 0; padding: 0; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important; font-size: 15px; line-height: 1.6; color: var(--text-primary) !important; background: var(--bg-body) !important; padding-top: 60px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: background-color 0.3s ease, color 0.3s ease; } /* Typography ========================================================================== */ h1, h2, h3, h4, h5, h6 { font-weight: 600; color: var(--text-primary); margin-top: 0; line-height: 1.3; } p { color: var(--text-secondary); } a { color: var(--primary-500); text-decoration: none; transition: color 0.15s ease; } a:hover { color: var(--primary-400); text-decoration: none; } /* Sticky Footer ========================================================================== */ #wrap { min-height: 100%; height: auto; margin: 0 auto -70px; padding: 0 0 70px; } #footer { background: linear-gradient(to bottom, var(--primary-800), var(--primary-900)); border-top: 1px solid var(--primary-700); padding: 20px 0; } #footer .footer-content { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 15px; } #footer .footer-brand { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; } #footer .footer-copyright { color: #ffffff !important; font-size: 14px; font-weight: 500; } #footer .footer-version { color: #ffffff !important; font-size: 12px; padding: 3px 10px; background: rgba(255, 255, 255, 0.2); border-radius: 12px; } #footer .footer-links { display: flex; gap: 8px; flex-wrap: wrap; } #footer .footer-links a { color: #ffffff !important; font-size: 13px; text-decoration: none; padding: 6px 12px; border-radius: 6px; transition: all 0.2s ease; display: inline-flex; align-items: center; gap: 6px; } #footer .footer-links a:hover { color: #ffffff !important; background: rgba(255, 255, 255, 0.2); } #footer .footer-links a i { font-size: 12px; } /* ========================================================================== NAVBAR ========================================================================== */ .navbar { min-height: 60px; padding: 0; border: none !important; } .navbar-inverse { background: linear-gradient(135deg, #0f172a 0%, var(--primary-800) 100%) !important; border: none !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); } /* Navbar container - use flexbox for proper alignment */ .navbar-fixed-top > .container { display: flex !important; align-items: center !important; flex-wrap: nowrap !important; height: 60px !important; } /* Navbar header (logo and brand) */ .navbar-header { display: flex !important; align-items: center !important; float: none !important; margin: 0 !important; height: 60px !important; } .navbar-brand { display: flex !important; align-items: center !important; padding: 10px 15px !important; height: 60px !important; float: none !important; line-height: 40px !important; } .navbar-brand > img { height: 40px; width: auto; margin: 0 !important; vertical-align: middle !important; } p.navbar-brand { color: #ffffff !important; font-weight: 600; margin: 0 !important; padding: 10px 5px !important; font-size: 16px !important; line-height: 40px !important; height: 60px !important; display: flex !important; align-items: center !important; } /* Navbar collapse (menu items) */ .navbar-collapse { display: flex !important; align-items: center !important; flex: 1 !important; padding: 0 !important; height: 60px !important; border: none !important; box-shadow: none !important; } .navbar-collapse.collapse { display: flex !important; } /* Navbar nav alignment */ .navbar-nav { display: flex !important; align-items: center !important; margin: 0 !important; float: none !important; height: 60px !important; } .navbar-nav > li { float: none !important; display: flex !important; align-items: center !important; height: 60px !important; } .navbar-nav > li > a { display: flex !important; align-items: center !important; padding: 0 14px !important; height: 60px !important; line-height: 60px !important; } .navbar-inverse .navbar-nav > li > a { color: rgba(255, 255, 255, 0.9) !important; font-weight: 500; font-size: 14px !important; } .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { background: rgba(255, 255, 255, 0.1) !important; color: #ffffff !important; } /* Right-aligned navbar items */ .navbar-right { margin-right: 0 !important; margin-left: auto !important; height: 60px !important; } /* ========================================================================== DARK MODE TOGGLE BUTTON ========================================================================== */ .dark-mode-btn { display: flex !important; align-items: center !important; gap: 6px !important; padding: 0 14px !important; color: rgba(255, 255, 255, 0.9) !important; transition: all 0.2s ease !important; font-size: 14px !important; height: 60px !important; line-height: 60px !important; } .dark-mode-btn:hover { color: #ffffff !important; background: rgba(255, 255, 255, 0.15) !important; } .dark-mode-btn i { font-size: 16px !important; } /* User menu in navbar */ .user-dropdown { height: 60px !important; } .user-menu-link { display: flex !important; align-items: center !important; gap: 8px !important; padding: 0 14px !important; height: 60px !important; line-height: 60px !important; color: rgba(255, 255, 255, 0.9) !important; font-size: 14px !important; white-space: nowrap !important; } .user-menu-link:hover { color: #ffffff !important; background: rgba(255, 255, 255, 0.1) !important; } .user-menu-link .fa-user { font-size: 14px !important; flex-shrink: 0 !important; } .user-email { max-width: none !important; overflow: visible !important; text-overflow: clip !important; white-space: nowrap !important; } .user-menu-link .caret { margin-left: 4px !important; flex-shrink: 0 !important; } /* Navbar text paragraph fix - for "Streamside Solutions" text */ .navbar .navbar-text, .navbar p.navbar-brand { margin: 0 !important; padding: 0 10px !important; line-height: 60px !important; height: 60px !important; display: flex !important; align-items: center !important; } /* Dropdown Menus */ .dropdown-menu { background: var(--bg-surface) !important; border: 1px solid var(--border-color) !important; border-radius: 8px !important; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15) !important; } .dropdown-menu > li > a { color: var(--text-secondary) !important; padding: 10px 20px !important; } .dropdown-menu > li > a:hover { background: var(--bg-surface-hover) !important; color: var(--primary-600) !important; } /* Container Row - reduce top spacing */ .container > .row { padding-top: 15px; } /* Page Header */ .page-header, .well.page-header { background: linear-gradient(135deg, var(--primary-600) 0%, var(--primary-800) 100%) !important; border: none !important; border-radius: 10px !important; padding: 12px 25px !important; margin-top: 0 !important; margin-bottom: 20px !important; } .page-header h2, .well.page-header h2 { color: #ffffff !important; margin: 0 !important; font-size: 1.4rem !important; font-weight: 600 !important; } /* ========================================================================== PANELS / CARDS ========================================================================== */ .panel { background: var(--bg-surface) !important; border: 1px solid var(--border-color) !important; border-radius: 12px !important; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.07) !important; margin-bottom: 25px; } .panel-default > .panel-heading { background: var(--bg-surface-secondary) !important; border-bottom: 1px solid var(--border-color) !important; color: var(--text-secondary) !important; } .panel-body { padding: 25px !important; background: var(--bg-surface) !important; color: var(--text-primary) !important; } .panel-primary > .panel-heading { background: linear-gradient(135deg, var(--primary-600) 0%, var(--primary-700) 100%) !important; color: #ffffff !important; } .panel-info { border-left: 4px solid var(--primary-500) !important; } .panel-info > .panel-heading { background: var(--bg-surface-secondary) !important; color: var(--primary-700) !important; } [data-theme="dark"] .panel-info > .panel-heading { color: var(--primary-400) !important; } /* ========================================================================== BUTTONS ========================================================================== */ .btn { font-weight: 500; border-radius: 6px !important; transition: all 0.15s ease; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); } .btn:hover { transform: translateY(-1px); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } .btn-primary { background: linear-gradient(135deg, var(--primary-500) 0%, var(--primary-700) 100%) !important; border: none !important; color: #ffffff !important; } .btn-primary:hover, .btn-primary:focus { background: linear-gradient(135deg, var(--primary-600) 0%, var(--primary-800) 100%) !important; color: #ffffff !important; } .btn-default { background: var(--bg-surface) !important; border: 1px solid var(--border-color) !important; color: var(--text-secondary) !important; } .btn-default:hover { background: var(--bg-surface-hover) !important; color: var(--text-primary) !important; } .btn-success { background: linear-gradient(135deg, var(--success) 0%, var(--success-dark) 100%) !important; border: none !important; color: #ffffff !important; } .btn-danger { background: linear-gradient(135deg, var(--danger) 0%, var(--danger-dark) 100%) !important; border: none !important; color: #ffffff !important; } .btn-warning { background: linear-gradient(135deg, var(--warning) 0%, var(--warning-dark) 100%) !important; border: none !important; color: #ffffff !important; } .btn-info { background: linear-gradient(135deg, var(--info) 0%, var(--info-dark) 100%) !important; border: none !important; color: #ffffff !important; } /* Button sizing - consistent font sizes */ .btn { font-size: 14px !important; } .btn-xs { font-size: 13px !important; padding: 6px 12px !important; } .btn-sm { font-size: 14px !important; padding: 8px 16px !important; } /* Table buttons - consistent sizing and no wrapping */ .table .btn, .table .btn-xs, .table .btn-sm, .table td .btn, .table td .btn-xs, .table td .btn-sm { font-size: 13px !important; padding: 6px 12px !important; font-weight: 500 !important; white-space: nowrap !important; display: inline-block !important; } /* Table labels/badges - no wrapping */ .table .label, .table td .label, .table .badge, .table td .badge { white-space: nowrap !important; display: inline-block !important; } /* Table action cells - prevent wrapping */ .table td:last-child { white-space: nowrap !important; } /* ========================================================================== FORMS ========================================================================== */ .form-control { background: var(--bg-input) !important; border: 2px solid var(--border-color) !important; border-radius: 6px !important; color: var(--text-primary) !important; padding: 10px 14px !important; transition: border-color 0.15s ease, box-shadow 0.15s ease; } .form-control:focus { border-color: var(--primary-400) !important; box-shadow: 0 0 0 3px rgba(10, 157, 173, 0.15) !important; outline: none !important; } .form-control::placeholder { color: var(--text-muted) !important; } /* ========================================================================== SELECT DROPDOWNS - CRITICAL FIX: NO TEXT TRUNCATION ========================================================================== */ /* Base select styling - prevent ANY text truncation */ select, select.form-control, .form-control[type="select"], #FilterBy, select#FilterBy { /* Size and spacing */ min-width: 280px !important; width: auto !important; max-width: 100% !important; height: 40px !important; padding: 8px 30px 8px 12px !important; /* Typography - ensure text displays fully */ font-size: 14px !important; font-family: inherit !important; line-height: 1.5 !important; /* CRITICAL: Prevent text truncation */ text-overflow: clip !important; overflow: visible !important; white-space: nowrap !important; /* Appearance */ background-color: var(--bg-input) !important; color: var(--text-primary) !important; border: 2px solid var(--border-color) !important; border-radius: 6px !important; /* Native appearance for proper text display */ -webkit-appearance: menulist !important; -moz-appearance: menulist !important; appearance: menulist !important; /* Ensure dropdown arrow doesn't overlap text */ background-image: none !important; cursor: pointer !important; } /* Select options */ select option, select.form-control option, #FilterBy option { padding: 8px 12px !important; background-color: var(--bg-surface) !important; color: var(--text-primary) !important; font-size: 14px !important; white-space: nowrap !important; overflow: visible !important; text-overflow: clip !important; } /* Smaller select boxes (page size, etc.) */ select.form-control.input-sm, select#pageSizeSelect, select.input-sm { min-width: 80px !important; height: 32px !important; padding: 4px 24px 4px 8px !important; font-size: 13px !important; } /* Remove any Bootstrap overrides that might cause truncation */ .form-control, .form-inline .form-control { text-overflow: clip !important; overflow: visible !important; } /* Checkboxes */ input[type="checkbox"] { width: 18px !important; height: 18px !important; margin: 0 !important; cursor: pointer !important; } /* Form labels - don't override all labels */ .filter-bar label, .form-inline label { white-space: nowrap !important; margin-bottom: 0 !important; } label, .control-label { color: var(--text-secondary) !important; font-weight: 500; } /* Pager Row Styling */ .pager-row { display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 10px; } .pager-row .col-md-4 { flex: 1 !important; min-width: 200px !important; } .pager-row .col-md-4.text-right { text-align: right !important; } .pager-row .col-md-4.text-center { text-align: center !important; } /* Filter Bar Styling */ .filter-bar { background: var(--bg-surface-secondary) !important; border: 1px solid var(--border-color); border-radius: 8px; padding: 20px !important; margin-bottom: 20px; overflow: visible !important; } .filter-bar .form-group, .filter-bar div { overflow: visible !important; } /* Filter bar select - ensure full text display */ .filter-bar select, .filter-bar select.form-control, .filter-bar #FilterBy { min-width: 280px !important; width: auto !important; text-overflow: clip !important; overflow: visible !important; -webkit-appearance: menulist !important; -moz-appearance: menulist !important; appearance: menulist !important; } [data-theme="dark"] .filter-bar { background: var(--bg-surface) !important; } /* ========================================================================== CONTAINER & LAYOUT - NEARLY FULL WIDTH ========================================================================== */ .container { width: 98% !important; max-width: none !important; margin-left: 1% !important; margin-right: 1% !important; padding-left: 15px !important; padding-right: 15px !important; } .panel-body { padding: 20px !important; background: var(--bg-surface) !important; color: var(--text-primary) !important; overflow-x: auto !important; } /* ========================================================================== FORMS - Modern Form Layout ========================================================================== */ /* Form container */ .form-horizontal { max-width: 800px; } /* Form group - each row */ .form-horizontal .form-group { display: grid; grid-template-columns: 180px 1fr; gap: 15px; align-items: start; margin-bottom: 20px; padding: 0 15px; } /* Labels */ .form-horizontal .control-label, .form-horizontal .col-md-2.control-label, .form-horizontal .editor-label, .form-horizontal .editor-label label { width: auto !important; float: none !important; text-align: right; padding: 8px 0 0 0; margin: 0; font-weight: 500; font-size: 14px; color: var(--text-secondary); line-height: 1.4; } /* Input columns */ .form-horizontal .col-md-4, .form-horizontal .col-md-5, .form-horizontal .col-md-6, .form-horizontal .col-xs-12.col-md-4 { width: 100% !important; max-width: 400px; float: none !important; padding: 0 !important; } /* Offset for buttons/checkboxes without labels */ .form-horizontal .col-md-offset-2 { grid-column: 2; margin-left: 0 !important; } /* Form controls */ .form-horizontal .form-control { width: 100%; max-width: 400px; } .form-horizontal textarea.form-control { min-height: 100px; resize: vertical; } /* Fieldset and legend */ fieldset { border: none; padding: 0; margin: 0 0 30px 0; } legend { font-size: 1.15rem; font-weight: 600; color: var(--primary-600); border-bottom: 2px solid var(--primary-200); padding-bottom: 12px; margin-bottom: 25px; width: 100%; display: block; } html[data-theme="dark"] legend { color: var(--primary-400); border-bottom-color: var(--primary-700); } /* Help text */ .help-block { font-size: 12px; color: var(--text-muted); margin-top: 6px; line-height: 1.4; } /* Radio buttons and checkboxes */ .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { display: inline-flex; align-items: center; padding: 6px 15px 6px 0; margin: 0; font-size: 14px; color: var(--text-primary); cursor: pointer; } .form-horizontal .radio-inline input[type="radio"], .form-horizontal .checkbox-inline input[type="checkbox"] { margin-right: 6px; width: 16px; height: 16px; } .form-horizontal .checkbox { margin: 0; padding: 8px 0; } .form-horizontal .checkbox label { display: flex; align-items: center; gap: 8px; color: var(--text-primary); cursor: pointer; } /* Panels within forms */ .form-horizontal .panel { grid-column: 1 / -1; margin: 10px 15px 25px 15px; max-width: 700px; } .form-horizontal .panel-info { border: 1px solid var(--primary-200) !important; border-left: 4px solid var(--primary-500) !important; } .form-horizontal .panel-info > .panel-heading { background: var(--primary-50) !important; color: var(--primary-700) !important; border-bottom: 1px solid var(--primary-200) !important; padding: 12px 15px !important; } .form-horizontal .panel-info > .panel-heading .panel-title { font-size: 15px; font-weight: 600; } .form-horizontal .panel-info > .panel-body { padding: 15px !important; font-size: 14px; color: var(--text-secondary); } html[data-theme="dark"] .form-horizontal .panel-info { border-color: var(--primary-700) !important; } html[data-theme="dark"] .form-horizontal .panel-info > .panel-heading { background: var(--primary-900) !important; color: var(--primary-300) !important; border-bottom-color: var(--primary-700) !important; } /* Tables inside panels */ .form-horizontal .panel .table-responsive { border: none !important; border-radius: 0 !important; margin: 0; } .form-horizontal .panel .table { margin-bottom: 0; } .form-horizontal .panel .table th { background: var(--bg-surface-secondary) !important; font-size: 13px; font-weight: 600; padding: 10px 12px !important; } .form-horizontal .panel .table td { padding: 10px 12px !important; vertical-align: middle !important; } /* File upload section */ .form-horizontal input[type="file"] { padding: 8px; border: 2px dashed var(--border-color); border-radius: 6px; background: var(--bg-surface-secondary); cursor: pointer; } .form-horizontal input[type="file"]:hover { border-color: var(--primary-400); background: var(--primary-50); } /* Submit button area */ .form-horizontal .form-group:last-of-type { margin-top: 30px; padding-top: 20px; border-top: 1px solid var(--border-color); } /* First fieldset upload section - special layout */ fieldset:first-of-type .form-group { display: flex; flex-wrap: wrap; gap: 15px; align-items: center; } fieldset:first-of-type .col-md-5 { flex: 1; min-width: 300px; max-width: 500px; } fieldset:first-of-type .col-md-2 { width: auto !important; flex-shrink: 0; } /* Responsive */ @media (max-width: 768px) { .form-horizontal .form-group { display: block; padding: 0 10px; } .form-horizontal .control-label, .form-horizontal .editor-label, .form-horizontal .editor-label label { text-align: left; padding-bottom: 8px; display: block; } .form-horizontal .col-md-4, .form-horizontal .col-md-5, .form-horizontal .col-md-6 { max-width: 100%; } .form-horizontal .col-md-offset-2 { margin-left: 0 !important; } .form-horizontal .panel { margin: 10px 0 25px 0; } } /* Tables should take full width and auto-size */ .table { width: 100% !important; table-layout: auto !important; } /* Table cells - prevent cutoff */ .table td, .table th { overflow: visible !important; text-overflow: clip !important; } /* ========================================================================== TABLES - CRITICAL FIX: NO TRUNCATION Using maximum specificity and !important to override ALL other CSS ========================================================================== */ /* Remove ALL truncation - nuclear option with every possible selector */ .table td, .table th, .table tr td, .table tr th, .table tbody td, .table tbody th, .table thead td, .table thead th, .table-responsive .table td, .table-responsive .table th, .table-responsive .table tbody td, .table-responsive .table thead th, .table-responsive > .table td, .table-responsive > .table th, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > thead > tr > th, div.table-responsive .table td, div.table-responsive .table th, .col-md-12.table-responsive .table td, .col-md-12.table-responsive .table th, .panel-body .table td, .panel-body .table th, .panel-body .table-responsive .table td, .panel-body .table-responsive .table th, body .table td, body .table th { overflow: visible !important; text-overflow: unset !important; white-space: normal !important; word-wrap: break-word !important; word-break: normal !important; max-width: none !important; min-width: 0 !important; } /* Table layout */ .table, .table-responsive .table, .table-responsive > .table, div.table-responsive .table, body .table { width: 100% !important; table-layout: auto !important; background: var(--bg-surface) !important; } /* Table header styling */ .table > thead > tr > th, .table thead th, .table thead tr[style*="background"] th { background: var(--bg-surface-secondary) !important; border-bottom: 2px solid var(--border-color) !important; color: var(--text-secondary) !important; font-weight: 700 !important; font-size: 14px !important; text-transform: uppercase; letter-spacing: 0.03em; padding: 12px 15px !important; vertical-align: middle !important; } /* Override inline background styles for dark mode */ [data-theme="dark"] .table thead tr, [data-theme="dark"] .table thead tr[style*="background"] { background: var(--bg-surface-secondary) !important; } [data-theme="dark"] .table thead tr th { background: var(--bg-surface-secondary) !important; } /* Table body cells */ .table > tbody > tr > td, .table tbody td { padding: 12px 15px !important; vertical-align: middle !important; border-top: 1px solid var(--border-color-light) !important; color: var(--text-primary) !important; font-weight: 400 !important; font-size: 14px !important; } .table > tbody > tr:hover, .table tbody tr:hover { background: var(--bg-surface-hover) !important; } .table-striped > tbody > tr:nth-of-type(odd) { background: var(--bg-surface-secondary) !important; } .table-striped > tbody > tr:nth-of-type(odd):hover { background: var(--bg-surface-hover) !important; } .table-bordered { border: 1px solid var(--border-color) !important; border-radius: 8px !important; } /* Table Responsive Container - Allow horizontal scroll only */ .table-responsive, div.table-responsive, .col-md-12.table-responsive { border: 1px solid var(--border-color) !important; border-radius: 8px !important; overflow-x: auto !important; overflow-y: visible !important; -webkit-overflow-scrolling: touch; margin-bottom: 20px; } .table-responsive > .table { margin-bottom: 0 !important; border: none !important; } /* Dark mode border fix for inline styled table wrappers */ [data-theme="dark"] div[style*="border: 1px solid #e2e8f0"] { border-color: var(--border-color) !important; } /* Custom scrollbar */ .table-responsive::-webkit-scrollbar { height: 6px; } .table-responsive::-webkit-scrollbar-track { background: #f8fafc; } .table-responsive::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; } [data-theme="dark"] .table-responsive::-webkit-scrollbar-track { background: #1e293b; } [data-theme="dark"] .table-responsive::-webkit-scrollbar-thumb { background: #475569; } /* License Status Highlights */ .table-striped > tbody > tr.license60highlight { background: var(--success-light) !important; } .table-striped > tbody > tr.license30highlight { background: rgba(34, 197, 94, 0.15) !important; } .table-striped > tbody > tr.licensegracehighlight { background: var(--warning-light) !important; } .table-striped > tbody > tr.licenseexphighlight { background: var(--danger-light) !important; } .table-striped > tbody > tr.licensedisabled { background: var(--bg-surface-secondary) !important; opacity: 0.6; } .table-striped > tbody > tr.licensehidden { background: var(--bg-surface-secondary) !important; opacity: 0.7; } /* ========================================================================== LABELS & BADGES ========================================================================== */ .label { font-size: 12px !important; font-weight: 600; padding: 6px 12px !important; border-radius: 50px !important; text-transform: uppercase; letter-spacing: 0.02em; display: inline-block; } .label-primary { background: var(--primary-500) !important; } .label-success { background: var(--success) !important; } .label-info { background: var(--primary-100) !important; color: var(--primary-800) !important; } [data-theme="dark"] .label-info { background: var(--primary-800) !important; color: var(--primary-200) !important; } .label-warning { background: var(--warning) !important; } .label-danger { background: var(--danger) !important; } .badge { background: rgba(255, 255, 255, 0.3) !important; color: #ffffff !important; font-weight: 600 !important; font-size: 12px !important; padding: 4px 10px !important; border-radius: 50px !important; } /* Badge inside primary buttons - ensure white text */ .btn-primary .badge, .btn .badge { color: #ffffff !important; background: rgba(255, 255, 255, 0.3) !important; font-size: 12px !important; } /* ========================================================================== ALERTS ========================================================================== */ .alert { border-radius: 8px !important; border: none !important; padding: 15px 20px !important; } .alert-success { background: var(--success-light) !important; color: var(--success-dark) !important; border-left: 4px solid var(--success) !important; } .alert-info { background: var(--info-light) !important; color: var(--info-dark) !important; border-left: 4px solid var(--info) !important; } .alert-warning { background: var(--warning-light) !important; color: var(--warning-dark) !important; border-left: 4px solid var(--warning) !important; } .alert-danger { background: var(--danger-light) !important; color: var(--danger-dark) !important; border-left: 4px solid var(--danger) !important; } [data-theme="dark"] .alert { color: var(--text-primary) !important; } /* ========================================================================== MODALS ========================================================================== */ .modal-content { background: var(--bg-surface) !important; border: none !important; border-radius: 12px !important; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2) !important; } .modal-header { background: linear-gradient(135deg, var(--primary-600), var(--primary-700)) !important; border: none !important; border-radius: 12px 12px 0 0 !important; padding: 20px 25px !important; } .modal-header .close { color: #ffffff !important; opacity: 0.8; } .modal-title { color: #ffffff !important; } .modal-body { padding: 25px !important; background: var(--bg-surface) !important; color: var(--text-primary) !important; } .modal-footer { background: var(--bg-surface-secondary) !important; border-top: 1px solid var(--border-color) !important; padding: 15px 25px !important; } /* ========================================================================== PAGINATION ========================================================================== */ .pagination { display: flex !important; flex-wrap: wrap !important; gap: 2px !important; margin: 0 !important; padding: 0 !important; } .pagination > li { display: inline-block !important; } .pagination > li > a, .pagination > li > span { background: var(--bg-surface) !important; border: 1px solid var(--border-color) !important; color: var(--text-secondary) !important; border-radius: 6px !important; margin: 0 !important; padding: 6px 12px !important; display: block !important; text-decoration: none !important; } .pagination > li > a:hover { background: var(--bg-surface-hover) !important; color: var(--text-primary) !important; } .pagination > .active > a, .pagination > .active > a:hover { background: var(--primary-600) !important; border-color: var(--primary-600) !important; color: #ffffff !important; } /* Alphabet Pagination */ .pagination.alpha-pager > li > a, .pagination > li > a { min-width: 36px; text-align: center; padding: 6px 10px !important; font-size: 0.875rem; } /* ========================================================================== WELLS ========================================================================== */ .well { background: var(--bg-surface) !important; border: 1px solid var(--border-color) !important; border-radius: 8px !important; box-shadow: none !important; } /* ========================================================================== TEXT COLORS ========================================================================== */ .text-primary { color: var(--primary-500) !important; } .text-success { color: var(--success) !important; } .text-info { color: var(--info) !important; } .text-warning { color: var(--warning) !important; } .text-danger { color: var(--danger) !important; } .text-muted { color: var(--text-muted) !important; } /* ========================================================================== DESCRIPTION LISTS ========================================================================== */ .dl-horizontal dt { color: var(--text-muted) !important; } .dl-horizontal dd { color: var(--text-primary) !important; } /* ========================================================================== MISC ELEMENTS ========================================================================== */ hr { border-top: 1px solid var(--border-color) !important; } code { background: var(--bg-surface-hover) !important; color: var(--primary-600) !important; border-radius: 4px; padding: 2px 6px; } address { color: var(--text-secondary) !important; } address strong { color: var(--text-primary) !important; } /* ========================================================================== HIDE ZENDESK ON MOBILE ========================================================================== */ @media (max-width: 991px) { #zenbox_tab { display: none !important; } } /* ========================================================================== RESPONSIVE ADJUSTMENTS ========================================================================== */ @media (max-width: 768px) { body { padding-top: 60px; } /* Mobile navbar fixes - override flexbox for proper collapse behavior */ .navbar-fixed-top > .container { display: block !important; height: auto !important; } .navbar-header { display: flex !important; justify-content: space-between !important; width: 100% !important; height: 60px !important; } /* Mobile menu toggle button */ .navbar-toggle { display: block !important; position: relative !important; float: right !important; margin: 10px 15px 10px 0 !important; padding: 9px 10px !important; background-color: transparent !important; background-image: none !important; border: 1px solid rgba(255, 255, 255, 0.3) !important; border-radius: 4px !important; } .navbar-toggle:hover, .navbar-toggle:focus { background-color: rgba(255, 255, 255, 0.1) !important; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; background-color: #fff !important; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } /* Mobile collapse - must override the desktop display:flex */ .navbar-collapse { display: block !important; height: auto !important; max-height: none !important; overflow: visible !important; width: 100% !important; border-top: 1px solid rgba(255, 255, 255, 0.1) !important; padding: 0 !important; flex: none !important; } .navbar-collapse.collapse { display: none !important; height: 0 !important; overflow: hidden !important; } .navbar-collapse.collapse.in { display: block !important; height: auto !important; overflow: visible !important; } .navbar-collapse.collapsing { display: block !important; height: auto !important; } /* Mobile nav items - stack vertically */ .navbar-nav { display: block !important; float: none !important; margin: 0 !important; height: auto !important; } .navbar-nav > li { display: block !important; float: none !important; height: auto !important; } .navbar-nav > li > a { display: block !important; padding: 15px !important; height: auto !important; line-height: 1.4 !important; border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important; } .navbar-nav > li > a:hover, .navbar-nav > li > a:focus { background: rgba(255, 255, 255, 0.1) !important; } /* Mobile navbar-right - no longer flex, just display inline */ .navbar-right { float: none !important; margin: 0 !important; height: auto !important; } /* Mobile dropdown menus */ .navbar-nav .dropdown-menu { position: static !important; float: none !important; width: 100% !important; border: none !important; box-shadow: none !important; background: rgba(0, 0, 0, 0.15) !important; padding: 0 !important; } .navbar-nav .dropdown-menu > li > a { padding: 12px 25px !important; color: rgba(255, 255, 255, 0.85) !important; } .navbar-nav .dropdown-menu > li > a:hover { background: rgba(255, 255, 255, 0.1) !important; color: #fff !important; } .navbar-nav .open .dropdown-menu { display: block !important; } /* Hide brand text on small screens */ p.navbar-brand { display: none !important; } .navbar-brand > img { height: 35px; } .page-header { padding: 10px 15px !important; } .page-header h2 { font-size: 1.2rem !important; } .panel-body { padding: 15px !important; } #footer .footer-content { flex-direction: column; text-align: center; } #footer .footer-brand { justify-content: center; } #footer .footer-links { justify-content: center; } #wrap { margin-bottom: -120px; padding-bottom: 120px; } .navbar-nav > li > .dark-mode-btn { display: block !important; padding: 15px !important; height: auto !important; line-height: 1.4 !important; } /* Mobile user menu */ .user-menu-link { display: block !important; padding: 15px !important; height: auto !important; line-height: 1.4 !important; } } /* ========================================================================== ANIMATIONS ========================================================================== */ @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } .panel { animation: fadeIn 0.3s ease-out; } /* ========================================================================== PRINT STYLES ========================================================================== */ @media print { .navbar, #footer, .btn, .dark-mode-btn { display: none !important; } body { padding-top: 0; background: white !important; color: black !important; } .panel { box-shadow: none !important; border: 1px solid #ddd !important; } } /* ========================================================================== FINAL OVERRIDES - MAXIMUM SPECIFICITY These rules are at the bottom of the file for maximum cascade priority ========================================================================== */ /* Select dropdown - absolute final override to prevent text truncation */ body select, body select.form-control, body .filter-bar select, body .filter-bar select.form-control, html body select, html body select.form-control, html body .filter-bar select, html body .filter-bar select.form-control, html body #FilterBy, body #FilterBy { /* Force native select appearance */ -webkit-appearance: menulist !important; -moz-appearance: menulist !important; appearance: menulist !important; /* Size */ min-width: 280px !important; width: auto !important; height: 40px !important; /* Text display - NO truncation */ text-overflow: clip !important; overflow: visible !important; white-space: nowrap !important; /* Typography */ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important; font-size: 14px !important; letter-spacing: normal !important; word-spacing: normal !important; /* Colors */ background-color: #ffffff !important; color: #1e293b !important; border: 2px solid #e2e8f0 !important; border-radius: 6px !important; /* Padding */ padding: 8px 30px 8px 12px !important; /* Reset any problematic properties */ text-indent: 0 !important; text-shadow: none !important; text-transform: none !important; background-image: none !important; } /* Dark mode select override */ html[data-theme="dark"] body select, html[data-theme="dark"] body select.form-control, html[data-theme="dark"] body #FilterBy { background-color: #334155 !important; color: #f1f5f9 !important; border-color: #475569 !important; } html[data-theme="dark"] body select option, html[data-theme="dark"] body select.form-control option { background-color: #1e293b !important; color: #f1f5f9 !important; } /* ========================================================================== FORM CONTAINERS - CENTERED LAYOUT ========================================================================== */ .edit-form-container, .registration-form-container, .license-form-container, .license-edit-container, .create-form-container, .details-container { margin: 0 auto !important; } /* ========================================================================== FORM BUTTON SIZING - Override btn-lg to be more reasonable ========================================================================== */ .form-section .btn-lg, .edit-form-container .btn-lg, .registration-form-container .btn-lg, .license-form-container .btn-lg, .create-form-container .btn-lg, .details-container .btn-lg, .btn-row .btn-lg { padding: 10px 20px !important; font-size: 15px !important; line-height: 1.5 !important; border-radius: 6px !important; } /* ========================================================================== CHECKBOX LIST STYLING - For CheckBoxListFor helper ========================================================================== */ .form-section .checkbox-list, .form-field > div:has(input[type="checkbox"]) { display: flex; flex-direction: column; gap: 10px; } .form-section .checkbox-list label, .form-field > div > label:has(input[type="checkbox"]) { display: inline-flex; align-items: center; gap: 8px; font-weight: 500; font-size: 14px; color: var(--text-primary); cursor: pointer; margin: 0; } .form-section .checkbox-list input[type="checkbox"], .form-field input[type="checkbox"] { width: 18px; height: 18px; flex-shrink: 0; margin: 0; } /* ========================================================================== INTEGRATION CARDS - Additional Styles ========================================================================== */ /* Card list pattern for Integrations */ .card-list { display: flex; flex-direction: column; gap: 12px; } .card-list-item { display: flex; justify-content: space-between; align-items: center; padding: 16px 20px; background: var(--bg-surface); border: 1px solid var(--border-color); border-radius: 10px; transition: all 0.2s ease; } .card-list-item:hover { border-color: var(--primary-300); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); } .card-list-content { flex: 1; min-width: 0; } .card-list-header { display: flex; align-items: center; gap: 12px; margin-bottom: 6px; } .card-list-title { font-size: 16px; font-weight: 600; margin: 0; color: var(--text-primary); } .card-list-title a { color: inherit; text-decoration: none; } .card-list-title a:hover { color: var(--primary-600); } .card-list-subtitle { font-size: 12px; color: var(--text-muted); font-family: monospace; } .card-list-meta { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 10px; } .card-list-meta-item { display: flex; align-items: center; gap: 6px; font-size: 13px; color: var(--text-secondary); } .card-list-meta-item i { color: var(--text-muted); width: 14px; } .card-list-meta-item .meta-label { color: var(--text-muted); } .card-list-meta-item .meta-value { font-weight: 500; } .card-list-related { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; } .related-link { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; background: var(--bg-surface-secondary); border: 1px solid var(--border-color); border-radius: 6px; font-size: 13px; color: var(--text-secondary); text-decoration: none; transition: all 0.15s ease; } .related-link:hover { background: var(--primary-50); border-color: var(--primary-200); color: var(--primary-700); } .related-link .badge { background: var(--primary-500) !important; color: white !important; font-size: 11px !important; padding: 2px 6px !important; } .card-list-actions { flex-shrink: 0; margin-left: 20px; } /* Integration type icons */ .icon-event { color: #3b82f6; } .icon-device { color: #22c55e; } /* Dark mode adjustments */ html[data-theme="dark"] .related-link:hover { background: var(--primary-900); border-color: var(--primary-700); color: var(--primary-300); }