/* Minification failed. Returning unminified contents. (2,16): run-time error CSS1039: Token not allowed after unary operator: '-body-1' (24,16): run-time error CSS1039: Token not allowed after unary operator: '-body-1' (28,28): run-time error CSS1039: Token not allowed after unary operator: '-base-1' (72,28): run-time error CSS1039: Token not allowed after unary operator: '-base-2' (78,28): run-time error CSS1039: Token not allowed after unary operator: '-base-1' (83,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (84,28): run-time error CSS1039: Token not allowed after unary operator: '-base-1' (89,16): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var(' (89,20): run-time error CSS1046: Expect comma, found '-' (89,21): run-time error CSS1047: Expected number or percentage value in rgb function, found '-functional-yellow' (89,39): run-time error CSS1046: Expect comma, found ')' (89,40): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (115,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-overlay' (116,28): run-time error CSS1039: Token not allowed after unary operator: '-base-4' (131,21): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (182,28): run-time error CSS1039: Token not allowed after unary operator: '-base-4' (183,40): run-time error CSS1039: Token not allowed after unary operator: '-ui-1' (183,53): run-time error CSS1039: Token not allowed after unary operator: '-opacity-4' (190,28): run-time error CSS1039: Token not allowed after unary operator: '-base-4' (191,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (193,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-overlay' (213,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (238,28): run-time error CSS1039: Token not allowed after unary operator: '-base-4' (240,40): run-time error CSS1039: Token not allowed after unary operator: '-ui-1' (240,53): run-time error CSS1039: Token not allowed after unary operator: '-opacity-6' (243,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (248,33): run-time error CSS1039: Token not allowed after unary operator: '-ui-1' (248,46): run-time error CSS1039: Token not allowed after unary operator: '-opacity-6' (249,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (254,33): run-time error CSS1039: Token not allowed after unary operator: '-ui-1' (254,46): run-time error CSS1039: Token not allowed after unary operator: '-opacity-5' (255,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (269,16): run-time error CSS1039: Token not allowed after unary operator: '-body-1' (270,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (271,33): run-time error CSS1039: Token not allowed after unary operator: '-ui-1' (271,46): run-time error CSS1039: Token not allowed after unary operator: '-opacity-7' (276,29): run-time error CSS1039: Token not allowed after unary operator: '-ui-1' (276,42): run-time error CSS1039: Token not allowed after unary operator: '-opacity-5' (307,33): run-time error CSS1039: Token not allowed after unary operator: '-ui-1' (307,46): run-time error CSS1039: Token not allowed after unary operator: '-opacity-6' (308,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (330,37): run-time error CSS1039: Token not allowed after unary operator: '-ui-1' (330,50): run-time error CSS1039: Token not allowed after unary operator: '-opacity-5' (335,37): run-time error CSS1039: Token not allowed after unary operator: '-ui-1' (335,50): run-time error CSS1039: Token not allowed after unary operator: '-opacity-7' (339,41): run-time error CSS1039: Token not allowed after unary operator: '-ui-1' (339,54): run-time error CSS1039: Token not allowed after unary operator: '-opacity-7' (343,37): run-time error CSS1039: Token not allowed after unary operator: '-ui-1' (343,50): run-time error CSS1039: Token not allowed after unary operator: '-opacity-7' (349,33): run-time error CSS1039: Token not allowed after unary operator: '-ui-1' (349,46): run-time error CSS1039: Token not allowed after unary operator: '-opacity-7' (357,33): run-time error CSS1039: Token not allowed after unary operator: '-ui-1' (357,46): run-time error CSS1039: Token not allowed after unary operator: '-opacity-6' (360,29): run-time error CSS1039: Token not allowed after unary operator: '-ui-1' (360,42): run-time error CSS1039: Token not allowed after unary operator: '-opacity-3' (364,33): run-time error CSS1039: Token not allowed after unary operator: '-ui-1' (364,46): run-time error CSS1039: Token not allowed after unary operator: '-opacity-6' (368,33): run-time error CSS1039: Token not allowed after unary operator: '-ui-1' (368,46): run-time error CSS1039: Token not allowed after unary operator: '-opacity-7' (389,28): run-time error CSS1039: Token not allowed after unary operator: '-base-3' (394,40): run-time error CSS1039: Token not allowed after unary operator: '-ui-1' (394,53): run-time error CSS1039: Token not allowed after unary operator: '-opacity-4' (395,22): run-time error CSS1039: Token not allowed after unary operator: '-base-3' (401,37): run-time error CSS1039: Token not allowed after unary operator: '-ui-1' (401,50): run-time error CSS1039: Token not allowed after unary operator: '-opacity-4' (402,22): run-time error CSS1039: Token not allowed after unary operator: '-base-3' (477,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (481,37): run-time error CSS1039: Token not allowed after unary operator: '-ui-1' (481,50): run-time error CSS1039: Token not allowed after unary operator: '-opacity-6' (482,21): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (556,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (557,33): run-time error CSS1039: Token not allowed after unary operator: '-ui-1' (557,46): run-time error CSS1039: Token not allowed after unary operator: '-opacity-7' (567,26): run-time error CSS1039: Token not allowed after unary operator: '-base-4' (568,21): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (579,28): run-time error CSS1039: Token not allowed after unary operator: '-base-2' (605,28): run-time error CSS1039: Token not allowed after unary operator: '-base-4' (640,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-overlay' (641,24): run-time error CSS1039: Token not allowed after unary operator: '-base-0' (645,28): run-time error CSS1039: Token not allowed after unary operator: '-base-1' (646,29): run-time error CSS1039: Token not allowed after unary operator: '-ui-1' (646,41): run-time error CSS1039: Token not allowed after unary operator: '-opacity-4' (665,28): run-time error CSS1039: Token not allowed after unary operator: '-base-2' (669,28): run-time error CSS1039: Token not allowed after unary operator: '-base-2' (675,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (695,33): run-time error CSS1039: Token not allowed after unary operator: '-ui-1' (695,46): run-time error CSS1039: Token not allowed after unary operator: '-opacity-6' (699,33): run-time error CSS1039: Token not allowed after unary operator: '-ui-1' (699,46): run-time error CSS1039: Token not allowed after unary operator: '-opacity-7' (704,33): run-time error CSS1039: Token not allowed after unary operator: '-ui-1' (704,46): run-time error CSS1039: Token not allowed after unary operator: '-opacity-7' (712,17): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary' (718,27): run-time error CSS1039: Token not allowed after unary operator: '-ui-1' (718,40): run-time error CSS1039: Token not allowed after unary operator: '-opacity-6' (729,21): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var(' (729,25): run-time error CSS1046: Expect comma, found '-' (729,26): run-time error CSS1047: Expected number or percentage value in rgb function, found '-ui-2' (729,31): run-time error CSS1046: Expect comma, found ')' (729,32): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (1744,16): run-time error CSS1039: Token not allowed after unary operator: '-header-1' (1752,16): run-time error CSS1039: Token not allowed after unary operator: '-header-1' (1796,33): run-time error CSS1039: Token not allowed after unary operator: '-ui-3' (1796,46): run-time error CSS1039: Token not allowed after unary operator: '-opacity-1' (1797,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (1819,37): run-time error CSS1039: Token not allowed after unary operator: '-ui-2' (1819,50): run-time error CSS1039: Token not allowed after unary operator: '-opacity-1' (1824,37): run-time error CSS1039: Token not allowed after unary operator: '-ui-4' (1824,50): run-time error CSS1039: Token not allowed after unary operator: '-opacity-1' (1828,41): run-time error CSS1039: Token not allowed after unary operator: '-ui-4' (1828,54): run-time error CSS1039: Token not allowed after unary operator: '-opacity-1' (1832,37): run-time error CSS1039: Token not allowed after unary operator: '-ui-2' (1832,50): run-time error CSS1039: Token not allowed after unary operator: '-opacity-5' (1841,40): run-time error CSS1039: Token not allowed after unary operator: '-ui-1' (1841,53): run-time error CSS1039: Token not allowed after unary operator: '-opacity-5' (1845,17): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary' (1849,26): run-time error CSS1039: Token not allowed after unary operator: '-base-3' (1882,33): run-time error CSS1039: Token not allowed after unary operator: '-ui-1' (1882,46): run-time error CSS1039: Token not allowed after unary operator: '-opacity-6' (1922,16): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var(' (1922,20): run-time error CSS1046: Expect comma, found '-' (1922,21): run-time error CSS1047: Expected number or percentage value in rgb function, found '-functional-yellow' (1922,39): run-time error CSS1046: Expect comma, found ')' (1922,40): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (1932,50): run-time error CSS1039: Token not allowed after unary operator: '-ui-1' (1932,63): run-time error CSS1039: Token not allowed after unary operator: '-opacity-4' (1936,50): run-time error CSS1039: Token not allowed after unary operator: '-ui-1' (1936,63): run-time error CSS1039: Token not allowed after unary operator: '-opacity-4' (1937,49): run-time error CSS1039: Token not allowed after unary operator: '-ui-1' (1937,62): run-time error CSS1039: Token not allowed after unary operator: '-opacity-4' (1941,39): run-time error CSS1039: Token not allowed after unary operator: '-base-0' (1943,49): run-time error CSS1039: Token not allowed after unary operator: '-ui-1' (1943,62): run-time error CSS1039: Token not allowed after unary operator: '-opacity-6' (1948,32): run-time error CSS1039: Token not allowed after unary operator: '-base-3' (1949,21): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (1955,32): run-time error CSS1039: Token not allowed after unary operator: '-base-1' (1981,37): run-time error CSS1039: Token not allowed after unary operator: '-ui-1' (1981,50): run-time error CSS1039: Token not allowed after unary operator: '-opacity-7' (2018,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (2045,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (2055,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (2063,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (2067,33): run-time error CSS1039: Token not allowed after unary operator: '-ui-1' (2067,46): run-time error CSS1039: Token not allowed after unary operator: '-opacity-7' (2085,37): run-time error CSS1039: Token not allowed after unary operator: '-ui-1' (2085,50): run-time error CSS1039: Token not allowed after unary operator: '-opacity-6' (2106,22): run-time error CSS1039: Token not allowed after unary operator: '-base-1' (2109,46): run-time error CSS1039: Token not allowed after unary operator: '-ui-1' (2109,59): run-time error CSS1039: Token not allowed after unary operator: '-opacity-5' (2114,21): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (2115,37): run-time error CSS1039: Token not allowed after unary operator: '-ui-1' (2115,50): run-time error CSS1039: Token not allowed after unary operator: '-opacity-6' (2119,21): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (2144,28): run-time error CSS1039: Token not allowed after unary operator: '-base-4' (2145,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-overlay' (2149,21): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (2153,41): run-time error CSS1039: Token not allowed after unary operator: '-ui-1' (2153,54): run-time error CSS1039: Token not allowed after unary operator: '-opacity-5' (2154,25): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (2166,28): run-time error CSS1039: Token not allowed after unary operator: '-base-3' (2169,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-overlay' (2173,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (2187,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (2195,33): run-time error CSS1039: Token not allowed after unary operator: '-ui-1' (2195,46): run-time error CSS1039: Token not allowed after unary operator: '-opacity-6' (2196,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (2203,46): run-time error CSS1039: Token not allowed after unary operator: '-ui-1' (2203,59): run-time error CSS1039: Token not allowed after unary operator: '-opacity-4' (2210,28): run-time error CSS1039: Token not allowed after unary operator: '-base-1' (2214,33): run-time error CSS1039: Token not allowed after unary operator: '-ui-1' (2214,46): run-time error CSS1039: Token not allowed after unary operator: '-opacity-6' (2215,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (2220,33): run-time error CSS1039: Token not allowed after unary operator: '-ui-1' (2220,46): run-time error CSS1039: Token not allowed after unary operator: '-opacity-7' (2235,33): run-time error CSS1039: Token not allowed after unary operator: '-ui-1' (2235,46): run-time error CSS1039: Token not allowed after unary operator: '-opacity-7' (2276,16): run-time error CSS1036: Expected expression, found '!important' (2304,28): run-time error CSS1039: Token not allowed after unary operator: '-base-4' (2308,30): run-time error CSS1039: Token not allowed after unary operator: '-shadow-overlay' (2309,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-overlay' (2337,37): run-time error CSS1039: Token not allowed after unary operator: '-ui-1' (2337,50): run-time error CSS1039: Token not allowed after unary operator: '-opacity-7' (2345,44): run-time error CSS1039: Token not allowed after unary operator: '-ui-1' (2345,57): run-time error CSS1039: Token not allowed after unary operator: '-opacity-6' (2352,28): run-time error CSS1039: Token not allowed after unary operator: '-base-4' (2356,21): run-time error CSS1039: Token not allowed after unary operator: '-text-highlight' (2360,40): run-time error CSS1039: Token not allowed after unary operator: '-ui-1' (2360,53): run-time error CSS1039: Token not allowed after unary operator: '-opacity-6' (2366,27): run-time error CSS1039: Token not allowed after unary operator: '-ui-1' (2366,40): run-time error CSS1039: Token not allowed after unary operator: '-opacity-6' (2367,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (2368,33): run-time error CSS1039: Token not allowed after unary operator: '-ui-1' (2368,46): run-time error CSS1039: Token not allowed after unary operator: '-opacity-6' (2372,33): run-time error CSS1039: Token not allowed after unary operator: '-ui-3' (2372,46): run-time error CSS1039: Token not allowed after unary operator: '-opacity-1' (2373,17): run-time error CSS1039: Token not allowed after unary operator: '-text-white' (2374,33): run-time error CSS1039: Token not allowed after unary operator: '-ui-1' (2374,46): run-time error CSS1039: Token not allowed after unary operator: '-opacity-4' (2379,40): run-time error CSS1039: Token not allowed after unary operator: '-ui-1' (2379,53): run-time error CSS1039: Token not allowed after unary operator: '-opacity-4' (2383,22): run-time error CSS1039: Token not allowed after unary operator: '-base-4' (2387,37): run-time error CSS1039: Token not allowed after unary operator: '-ui-1' (2387,50): run-time error CSS1039: Token not allowed after unary operator: '-opacity-4' (2388,22): run-time error CSS1039: Token not allowed after unary operator: '-base-4' (2396,33): run-time error CSS1039: Token not allowed after unary operator: '-ui-1' (2396,46): run-time error CSS1039: Token not allowed after unary operator: '-opacity-6' (2397,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (2407,37): run-time error CSS1039: Token not allowed after unary operator: '-ui-1' (2407,50): run-time error CSS1039: Token not allowed after unary operator: '-opacity-5' (2408,21): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (2558,28): run-time error CSS1039: Token not allowed after unary operator: '-base-3' (2611,26): run-time error CSS1039: Token not allowed after unary operator: '-base-2' (2672,26): run-time error CSS1039: Token not allowed after unary operator: '-base-4' (2815,33): run-time error CSS1039: Token not allowed after unary operator: '-ui-1' (2815,45): run-time error CSS1039: Token not allowed after unary operator: '-opacity-5' (2831,33): run-time error CSS1039: Token not allowed after unary operator: '-ui-1' (2831,45): run-time error CSS1039: Token not allowed after unary operator: '-opacity-5' (2838,27): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var(' (2838,31): run-time error CSS1046: Expect comma, found '-' (2838,32): run-time error CSS1047: Expected number or percentage value in rgb function, found '-ui-1' (2838,37): run-time error CSS1046: Expect comma, found ')' (2838,45): run-time error CSS1039: Token not allowed after unary operator: '-opacity-6' (2838,56): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (2886,27): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var(' (2886,31): run-time error CSS1046: Expect comma, found '-' (2886,32): run-time error CSS1047: Expected number or percentage value in rgb function, found '-ui-1' (2886,37): run-time error CSS1046: Expect comma, found ')' (2886,45): run-time error CSS1039: Token not allowed after unary operator: '-opacity-5' (2886,56): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (2887,31): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var(' (2887,35): run-time error CSS1046: Expect comma, found '-' (2887,36): run-time error CSS1047: Expected number or percentage value in rgb function, found '-ui-1' (2887,41): run-time error CSS1046: Expect comma, found ')' (2887,49): run-time error CSS1039: Token not allowed after unary operator: '-opacity-5' (2887,60): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (3048,15): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (3097,33): run-time error CSS1039: Token not allowed after unary operator: '-ui-1' (3097,46): run-time error CSS1039: Token not allowed after unary operator: '-opacity-6' (3098,18): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (3105,21): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (3106,37): run-time error CSS1039: Token not allowed after unary operator: '-ui-1' (3106,50): run-time error CSS1039: Token not allowed after unary operator: '-opacity-4' (3110,21): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (3111,37): run-time error CSS1039: Token not allowed after unary operator: '-ui-1' (3111,50): run-time error CSS1039: Token not allowed after unary operator: '-opacity-5' (3141,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (3153,28): run-time error CSS1039: Token not allowed after unary operator: '-support-1' (3158,26): run-time error CSS1039: Token not allowed after unary operator: '-base-4' (3159,15): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (3183,28): run-time error CSS1039: Token not allowed after unary operator: '-base-1' (3184,37): run-time error CSS1039: Token not allowed after unary operator: '-ui-1' (3184,50): run-time error CSS1039: Token not allowed after unary operator: '-opacity-6' (3192,28): run-time error CSS1039: Token not allowed after unary operator: '-base-4' */ html { font: var(--body-1); font-size: 62.5%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-touch-action: none; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */ } html, body { height: 100%; width: 100%; position: fixed; overflow: hidden; font: var(--body-1); font-size: 14px; line-height: 1.42857143; color: #333333; background-color: var(--base-1); overscroll-behavior-x: contain; } .margin-fix { margin-right: -15px; margin-left: -15px; } .checkbox-grayout-lable { color: #ccc !important; } .padding-override-none { padding-left: 0px !important; padding-right: 0px !important; } .padding-left-override-none { padding-left: 0px !important; } .padding-right-override-none { padding-right: 0px !important; } .margin-bottom-override-none { margin-bottom: 0px !important; } .inlineblock-helper { display: inline-block; float: none !important; height: 100%; } .vcenter { display: inline-block; vertical-align: middle; float: none !important; } .header { /*Height controlled via media queries*/ background-color: var(--base-2); padding-top: 30px; } .content { /*Height controlled via media queries*/ background-color: var(--base-1); overflow: hidden; } .main-container { color: var(--text-primary); background-color: var(--base-1); overflow: auto; } .api-statusMessage { color: rgb(var(--functional-yellow)); font-size: 13px; } .noBorder { border: none; } .noPointerEvents { pointer-events: none; } .allowPointerEvents { pointer-events: auto; } .overlay { display: none; } .loadingOverlay { display: none; position: absolute; z-index: 1040; left: 50%; top: 50%; text-align: center; box-shadow: var(--shadow-overlay) !important; background-color: var(--base-4); border-radius: 0.125rem; } .loadingOverlay > img { display: block; margin: auto; } .loadingOverlay > button { display: none; } .loadingOverlay > span { display: block; color: var(--text-primary) !important; } .span-scanning { font-size: 17px !important; line-height: 30px; position: absolute; top: 40%; left: 40%; } .fill { min-height: 100%; height: 100%; } .hide { display: none; } .show { display: block; } .advWidth { width: 1%; } .maxwidthoverride { max-width: 24%; } .maxCheckboxwidthoverride { max-width: 1%; } .maxTextboxwidth { max-width: 96%; } .textEllipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .api-menu-show { display: block; } .popover-header { background-color: var(--base-4) !important; border-bottom: 1px solid rgba(var(--ui-1), var(--opacity-4)) !important; } .popover { margin-bottom: 0 !important; -ms-border-radius: 0px !important; border-radius: 0px !important; background-color: var(--base-4) !important; color: var(--text-primary) !important; white-space: nowrap; box-shadow: var(--shadow-overlay) !important; } .list-group { margin-bottom: 0 !important; -ms-border-radius: 0px !important; border-radius: 0px !important; } .popover-content { padding: 0 !important; -ms-border-radius: 0px !important; border-radius: 0px !important; } .popover-title { -ms-border-radius: 0px !important; border-radius: 0px !important; padding: 7px 7px; font-size: 13px !important; color: var(--text-primary) !important; background-color: #39395c !important; } .popover.bottom > .arrow:after { border-bottom-color: #39395c !important; } .popover.bottom > .arrow { border-bottom-color: #E5E5F8 !important; border-bottom-style: solid; } .popover-scrollable { max-height: 400px; min-width: 650px; overflow-y: auto; } .list-group-item:last-child { -ms-border-radius: 0px !important; border-radius: 0px !important; } .list-group-item { background-color: var(--base-4) !important; border: none !important; border-bottom: 1px solid rgba(var(--ui-1), var(--opacity-6)) !important; font-size: 13px !important; padding: 3px 3px 3px 3px !important; color: var(--text-primary); } a.list-group-item:hover, a.list-group-item:focus { background-color: rgba(var(--ui-1), var(--opacity-6)) !important; color: var(--text-primary) !important; } .table-hover > tbody > tr:hover, .table-hover > tbody > tr:focus { background-color: rgba(var(--ui-1), var(--opacity-5)) !important; color: var(--text-primary) !important; } .nounderline { text-decoration: none !important; } /* BOOTSTRAP OVERRIDES */ .form-control { display: block; width: 100%; height: 28px; padding: 1px 2px; font-size: 14px; font: var(--body-1); color: var(--text-primary); background-color: rgba(var(--ui-1), var(--opacity-7)); background-image: none; border-bottom-width: 0.0625rem; border-style: none none solid; border-radius: 0.125rem 0.125rem 0rem 0rem; border-color: rgba(var(--ui-1), var(--opacity-5)); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } .form-group { margin-bottom: 8px; } .navbar-toggler { margin-top: 4px; margin-bottom: 4px; } .navbar-brand { height: auto; padding: 0px; } label { font-weight: normal; text-align: right; } .col-1, .col-sm-1, .col-md-1, .col-lg-1, .col-2, .col-sm-2, .col-md-2, .col-lg-2, .col-3, .col-sm-3, .col-md-3, .col-lg-3, .col-4, .col-sm-4, .col-md-4, .col-lg-4, .col-5, .col-sm-5, .col-md-5, .col-lg-5, .col-6, .col-sm-6, .col-md-6, .col-lg-6, .col-7, .col-sm-7, .col-md-7, .col-lg-7, .col-8, .col-sm-8, .col-md-8, .col-lg-8, .col-9, .col-sm-9, .col-md-9, .col-lg-9, .col-10, .col-sm-10, .col-md-10, .col-lg-10, .col-11, .col-sm-11, .col-md-11, .col-lg-11, .col-12, .col-sm-12, .col-md-12, .col-lg-12 { padding-right: 10px; padding-left: 10px; } .ngpButton { background-color: rgba(var(--ui-1), var(--opacity-6)); color: var(--text-primary); padding-right: 10px; padding-left: 10px; padding-bottom: 1px; padding-top: 1px; background-image: none; text-shadow: none; border-radius: 1rem; box-shadow: none; border: 1px solid rgba(160, 170, 200, 0.5); background-image: none; height: 35px; font-size: 14px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); } .ngpButton:focus { outline: unset; } .ngpButton:hover { background-color: rgba(var(--ui-1), var(--opacity-5)); color: #dcdcf0; } .ngpButton:active, .ngpButton.active { background-color: rgba(var(--ui-1), var(--opacity-7)); } .ngpButton:active:hover, .ngpButton.active:hover, .open > .dropdown-toggle.ngpButton:hover, .ngpButton:active:focus, .ngpButton.active:focus, .open > .dropdown-toggle.ngpButton:focus, .ngpButton:active.focus, .ngpButton.active.focus, .open > .dropdown-toggle.ngpButton.focus { background-color: rgba(var(--ui-1), var(--opacity-7)); } .ngpButton:disabled { background-color: rgba(var(--ui-1), var(--opacity-7)); cursor: not-allowed; pointer-events: none; } .form-control:disabled, .form-control[readonly] { background-color: rgba(var(--ui-1), var(--opacity-7)); cursor: not-allowed; pointer-events: none; } .form-control:focus { border-style: none none solid; outline: 0; background-color: rgba(var(--ui-1), var(--opacity-6)); color: #dcdcf0; box-shadow: none !important; border-color: rgba(var(--ui-1), var(--opacity-3)); } .form-control:hover { background-color: rgba(var(--ui-1), var(--opacity-6)); } select.form-control:focus::-ms-value { background-color: rgba(var(--ui-1), var(--opacity-7)); color: #dcdcf0; } .input-group-prepend { padding: 6px 12px; font-size: 14px; font-weight: normal; line-height: 1; text-align: center; background-color: inherit; border: 1px solid rgba(160, 170, 200, 0.5); border-radius: 4px; color: inherit; } .input-group-btn .ngpButton { margin-left: 10px; } .modal-content { background-color: var(--base-3); } .modal-header { padding: 15px; border-bottom: 1px solid rgba(var(--ui-1), var(--opacity-4)); background: var(--base-3); } .modal-footer { padding: 15px; text-align: center; border-top: 1px solid rgba(var(--ui-1), var(--opacity-4)); background: var(--base-3); } .modal-footer .ngpButton + .ngpButton { margin-bottom: 0; margin-left: 5px; } .close { float: right; font-size: 21px; line-height: 1; color: #dcdcf0; opacity: 1; text-shadow: none; font-weight: normal; } .close:hover { color: #9fa0c2; text-decoration: none; cursor: pointer; filter: alpha(opacity=50); opacity: .5; } .dropdown-submenu > a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; margin-top: 5px; margin-right: -10px; } .dropdown-submenu { position: relative; } .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px 6px; border-radius: 0 6px 6px 6px; } .dropdown-submenu:hover > .dropdown-menu { display: block; } .dropdown-submenu:hover > a:after { border-left-color: #fff; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } .dropdown-launchermenu { color: var(--text-primary); } .dropdown-launchermenu:hover, .dropdown-launchermenu:focus { background-color: rgba(var(--ui-1), var(--opacity-6)) !important; color: var(--text-primary); } .popover { max-width: none !important; } .padding-right { padding-right: 8px; } .padding-left { padding-left: 15px; } input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: searchfield-cancel-button; color: #dcdcf0 !important; } .form-control, .btn, .input-group-prepend { -ms-border-radius: 0px !important; border-radius: 0px !important; } .form-control::-webkit-input-placeholder { color: #dcdcf0; font-style: italic; } .form-control:-moz-placeholder { /* Firefox 18- */ color: #dcdcf0; font-style: italic; } .form-control::-moz-placeholder { /* Firefox 19+ */ color: #dcdcf0; font-style: italic; } .form-control:-ms-input-placeholder { color: #dcdcf0; font-style: italic; } .form-control-margin-top { margin-top: 8px; } .navbar-toggle { padding-top: 6px !important; padding-bottom: 6px !important; margin-right: 0px !important; } .form-control-lg { padding-top: 0px !important; padding-bottom: 0px !important; padding-right: 0px !important; padding-left: 5px !important; } /*END BOOTSTRAP OVERRIDES*/ /*EnumDropDownList needs to be placed AFTER the bootstrap overrides*/ .EnumDropDownList { -webkit-appearance: none; /*Removes default chrome and safari style*/ -moz-appearance: none; /*Removes default style Firefox*/ background: url("../../images/dropArrow.png") no-repeat 98% center; text-indent: 0.01px; text-overflow: ""; color: var(--text-primary); background-color: rgba(var(--ui-1), var(--opacity-7)); display: block; /*to prevent text overflowing on top of the dropdown arrow.*/ padding: 0 30px 0 5px !important; -webkit-padding-end: 30px !important; -webkit-padding-start: 5px !important; text-align: left !important; } .EnumDropDownList option, .EnumDropDownList ul li { background: var(--base-4) !important; color: var(--text-primary) !important; } .EnumDropDownList-RightPadding-Override { padding-right: 15px !important; } .container-download-sDx-icon { height: 30px; } .EnumDropDownList::-webkit-scrollbar { background-color: var(--base-2); } /*TOASTR overrides*/ #toast-container > div { -webkit-box-shadow: none !important; -ms-box-shadow: none !important; box-shadow: none !important; border: none !important; } #toast-container > :hover { -webkit-box-shadow: none !important; -ms-box-shadow: none !important; box-shadow: none !important; } .toast { max-width: 500px; } /*main page status message container*/ #toast-container.toast-center .toast-error, #toast-container.toast-center .toast-success, #toast-container.toast-center .toast-warning, #toast-container.toast-center .toast-info, #divErrorMessage .toast-error, #divErrorMessage .toast-success, #divErrorMessage .toast-warning, #divErrorMessage .toast-info { background-color: var(--base-4) !important; } #divErrorMessage #toast-container.toast-top-full-width > div, #divErrorMessage #toast-container.toast-bottom-full-width > div { width: 96% !important; } #divStatusMessage { color: yellow !important; white-space: pre-wrap; } .toast-center { top: 30%; right: 0; width: 100%; position: fixed; } .toast-center .toast-error, .toast-center .toast-warning, .toast-center .toast-info, .toast-center .toast-success, .toast-top-right .toast-error, .toast-top-right .toast-warning, .toast-top-right .toast-info, .toast-top-right .toast-success { margin-left: auto !important; margin-right: auto !important; -ms-opacity: 1 !important; opacity: 1 !important; } #toast-container.toast-center > div { width: 500px !important; box-shadow: var(--shadow-overlay) !important; border: solid var(--base-0) 1.5px; } .card { background-color: var(--base-1) !important; border-color: rgba(var(--ui-1),var(--opacity-4)); } .no-border-radius { -ms-border-radius: 0 !important; border-radius: 0 !important; } .flex-container { display: flex; align-items: center; height: 100%; } .toolbarPanel { height: 100%; } .studylistToolbar { background-image: var(--base-2); } .pirToolbar { background-color: var(--base-2); } .table { width: 100%; margin-bottom: 1rem; color: var(--text-primary); } hr { border-color: white; } /*Web API styles*/ .header-webapi { max-height: 35px; height: 35px; } /*adjust contnet size in webapi view,fix vertical scrollbar issue*/ .content-webapi { max-height: calc(100% - 60px); height: calc(100% - 60px); } body::-webkit-scrollbar-thumb { border-radius: 0.5rem; background-color: rgba(var(--ui-1), var(--opacity-6)); } body::-webkit-scrollbar-track { background-color: rgba(var(--ui-1), var(--opacity-7)); border-radius: 0.5rem; } .table-dark { background-color: rgba(var(--ui-1), var(--opacity-7)) !important; } .copyright-text { text-align: left; border: none; padding-bottom: 10px; padding-left: 5px; color: var(--text-secondary); font-size: 0.875rem; margin-right: 15px; } .bar-background { background: rgba(var(--ui-1), var(--opacity-6)); border-radius: 4px; height: 8px; width: 90%; position: absolute; top: 40%; left: 5%; overflow: hidden; } .bar-value { background: rgb(var(--ui-2)); border-radius: 4px; height: 8px; width: 7.5rem; position: absolute; animation: 2s linear 0s infinite normal none running indeterminate; } @keyframes indeterminate { from { left: -7.5rem; } to { left: 100%; } } .loading-label { left: 40%; top: 40%; position: absolute; } .loadingCancelButton { position: absolute; bottom: 3%; left: 37%; height: 30px; } #jqGridPager_left table { padding-top: 3px; } /*MEDIA QUERIES*/ /* Custom, iPhone Retina */ @media only screen and (min-width: 320px) and (orientation: portrait) { .header { height: 75px; max-height: 75px; } .content { height: calc(100% - 75px); max-height: calc(100% - 75px); } .navbar-padding-right { padding-right: 5px !important; } .responsive-refresh-icon { font-size: 18px; } .responsive-language-icon { font-size: 20px; } .responsive-input { line-height: 30px !important; height: 30px !important; font-size: 12px !important; } .responsive-sub-select { line-height: 22px !important; height: 22px !important; font-size: 12px !important; } .input-group-prepend { padding-top: 0px; padding-bottom: 0px !important; padding-left: 6px; padding-right: 6px; } .table-responsive { margin-bottom: 0px !important; } .resultsSummary { padding-top: 5px; padding-bottom: 5px; font-size: 15px; } #jqGridPager_left { display: none; } .loadingOverlay { width: 200px; height: 100px; margin-left: -100px; margin-top: -60px; } .loadingOverlay > img { display: block; margin: auto; margin-top: 15px; } .loadingOverlay > button { display: none; } .loadingOverlay > span { display: block; margin-top: 5px; margin-bottom: 5px; font-size: 15px; } #toast-container.toast-center > div { width: 250px !important; } .toast-center .toast-message { font-size: 11px; } .badge1:after { top: -6px; right: -9px; font-size: 10px; width: 13px; height: 13px; line-height: 12px; } .toolbar-icon-large { font-size: 25px; } .siemens-logo { margin-top: 10px; } } /* Extra Small Devices, Phones */ @media only screen and (min-width: 400px) and (orientation: landscape) { .header { max-height: 80px; height: 80px; } .content { max-height: calc(100% - 80px); height: calc(100% - 80px); } .navbar-padding-right { padding-right: 5px !important; } .responsive-refresh-icon { font-size: 20px; } .responsive-folder-icon { font-size: 20px; } .responsive-language-icon { font-size: 30px; } .responsive-input, .responsive-div { line-height: 30px !important; height: 30px !important; font-size: 13px !important; } .responsive-sub-select { line-height: 22px !important; height: 22px !important; font-size: 12px !important; } .input-group-prepend { padding-top: 0px; padding-bottom: 0px !important; padding-left: 6px; padding-right: 6px; } .table-responsive { margin-bottom: 0px !important; } .resultsSummary { padding-top: 5px; padding-bottom: 5px; font-size: 15px; } #jqGridPager_left table{ display: none; } .loadingOverlay { width: 250px; height: 120px; margin-left: -125px; margin-top: -80px; } .loadingOverlay > img { display: block; margin: auto; margin-top: 15px; } .loadingOverlay > button { display: none; } .loadingOverlay > span { display: block; margin-top: 10px; margin-bottom: 20px; font-size: 15px; } #toast-container.toast-center > div { width: 350px !important; font-size: 10px; } .toast-center .toast-message { font-size: 12px; } .badge1:after { top: -8px; right: -8px; font-size: 10px; width: 15px; height: 15px; line-height: 15px; } .toolbar-icon-large { font-size: 25px; } .siemens-logo { margin-top: 10px; } .loginbutton-mr { margin-left: 20px; } } @media only screen and (min-width: 400px) and (orientation: portrait) { .header { height: 80px; max-height: 80px; } .content { height: calc(100% - 80px); max-height: calc(100% - 80px); } .navbar-padding-right { padding-right: 5px !important; } .responsive-refresh-icon { font-size: 20px; } .responsive-folder-icon { font-size: 20px; } .responsive-language-icon { font-size: 30px; } .responsive-input, .responsive-div { line-height: 30px !important; height: 30px !important; font-size: 13px !important; } .responsive-sub-select { line-height: 22px !important; height: 22px !important; font-size: 12px !important; } .input-group-prepend { padding-top: 0px; padding-bottom: 0px !important; padding-left: 6px; padding-right: 6px; } .table-responsive { margin-bottom: 0px !important; } .resultsSummary { padding-top: 5px; padding-bottom: 5px; font-size: 15px; } #jqGridPager_left { display: none; } .loadingOverlay { width: 250px; height: 120px; margin-left: -125px; margin-top: -80px; } .loadingOverlay > img { display: block; margin: auto; margin-top: 15px; } .loadingOverlay > button { display: none; } .loadingOverlay > span { display: block; margin-top: 10px; margin-bottom: 20px; font-size: 15px; } #toast-container.toast-center > div { width: 350px !important; font-size: 10px; } .toast-center .toast-message { font-size: 12px; } .badge1:after { top: -8px; right: -8px; font-size: 10px; width: 15px; height: 15px; line-height: 15px; } .toolbar-icon-large { font-size: 25px; } .siemens-logo { margin-top: 10px; } .loginbutton-mr { margin-left: 20px; } } /* Small Devices, Tablets */ @media only screen and (min-width: 768px) and (orientation: landscape) { .header { max-height: 80px; height: 80px; } .content { height: calc(100 - 80px); max-height: calc(100 - 80px); } .responsive-refresh-icon { font-size: 20px; } .responsive-folder-icon { font-size: 20px; } .responsive-language-icon { font-size: 30px; } .responsive-input, .responsive-div { line-height: 30px !important; height: 30px !important; font-size: 14px !important; } .responsive-sub-select { line-height: 22px !important; height: 22px !important; font-size: 12px !important; } .resultsSummary { padding-top: 10px; padding-bottom: 5px; font-size: 20px; } #jqGridPager_left table { display: none; } .loadingOverlay { width: 300px; height: 120px; margin-left: -150px; margin-top: -100px; } .loadingOverlay > img { display: block; margin: auto; margin-top: 15px; } .loadingOverlay > button { display: none; } .loadingOverlay > span { display: block; margin-top: 10px; margin-bottom: 20px; font-size: 15px; } #toast-container.toast-center > div { width: 400px !important; } .toast-center .toast-message { font-size: 13px; } .badge1:after { top: -7px; right: -10px; font-size: 10px; width: 15px; height: 15px; line-height: 15px; } .toolbar-icon-large { font-size: 30px; } .siemens-logo { margin-top: 10px } .login-card { width: 600px; margin-left: -130px; } .loginbutton-mr { margin-left: 85px; } .input-group-prepend { padding-left: 12px; padding-right: 12px; } } @media only screen and (min-width: 768px) and (orientation: portrait) { .header { max-height: 82px; height: 82px; } .content { max-height: calc(100% - 82px); height: calc(100% - 82px); } .responsive-refresh-icon { font-size: 23px; } .responsive-folder-icon { font-size: 20px; } .responsive-language-icon { font-size: 35px; } .responsive-input, .responsive-div { line-height: 35px !important; height: 35px !important; font-size: 14px !important; } .responsive-sub-select { line-height: 22px !important; height: 22px !important; font-size: 12px !important; } .resultsSummary { padding-top: 10px; padding-bottom: 5px; font-size: 20px; } #jqGridPager_left { display: table-cell; } #jqGridPager_left table { display: table-cell; } .loadingOverlay { width: 300px; height: 120px; margin-left: -150px; margin-top: -100px; } .loadingOverlay > img { display: block; margin: auto; margin-top: 15px; } .loadingOverlay > button { display: none; } .loadingOverlay > span { display: block; margin-top: 10px; margin-bottom: 20px; font-size: 15px; } #toast-container.toast-center > div { width: 400px !important; } .toast-center .toast-message { font-size: 13px; } .badge1:after { top: -7px; right: -10px; font-size: 10px; width: 15px; height: 15px; line-height: 15px; } .badge2:after { top: 0; right: -2px; font-size: 15px; width: 15px; height: 15px; line-height: 15px; } .toolbar-icon-large { font-size: 30px; } .siemens-logo { margin-top: 10px } .login-card { width: 600px; margin-left: -130px; } .loginbutton-mr { margin-left: 85px; } .input-group-prepend { padding-left: 12px; padding-right: 12px; } } /* Medium Devices, Desktops */ @media only screen and (min-width: 992px) and (orientation: landscape) { .header { max-height: 90px; height: 90px; } .content { max-height: calc(100% - 90px); height: calc(100% - 90px); } .responsive-refresh-icon { font-size: 23px; } .responsive-folder-icon { font-size: 20px; } .responsive-language-icon { font-size: 35px; } .responsive-input, .responsive-div { line-height: 35px !important; height: 35px !important; font-size: 14px !important; } .responsive-sub-select { line-height: 22px !important; height: 22px !important; font-size: 12px !important; } .resultsSummary { padding-top: 10px; padding-bottom: 5px; font-size: 20px; } #jqGridPager_left { display: table-cell; } #jqGridPager_left table { display: table-cell; } .loadingOverlay { width: 400px; height: 140px; margin-left: -200px; margin-top: -150px; } .loadingOverlay > img { display: block; margin: auto; margin-top: 15px; } .loadingOverlay > button { display: none; } .loadingOverlay > span { display: block; margin-top: 10px; margin-bottom: 20px; font-size: 20px; } #toast-container.toast-center > div { width: 500px !important; } .toast-center .toast-message { font-size: 15px; } .badge1:after { top: -7px; right: -12px; font-size: 13px; width: 15px; height: 15px; line-height: 11px; } .badge2:after { top: 0; right: -2px; font-size: 13px; width: 15px; height: 15px; line-height: 15px; } .toolbar-icon-large { font-size: 30px; } .siemens-logo { margin-left: 30px; margin-top: 30px } .login-card { width: 600px; margin-left: -150px; } .loginbutton-mr { margin-left: 85px; } } @media only screen and (min-width: 992px) and (orientation: portrait) { .header { max-height: 90px; height: 90px; } .content { max-height: calc(100% - 90px); height: calc(100% - 90px); } .responsive-refresh-icon { font-size: 23px; } .responsive-folder-icon { font-size: 20px; } .responsive-language-icon { font-size: 35px; } .responsive-input, .responsive-div { line-height: 35px !important; height: 35px !important; font-size: 14px !important; } .responsive-sub-select { line-height: 22px !important; height: 22px !important; font-size: 12px !important; } .resultsSummary { padding-top: 10px; padding-bottom: 5px; font-size: 20px; } #jqGridPager_left { display: table-cell; } #jqGridPager_left table { display: table-cell; } .loadingOverlay { width: 400px; height: 140px; margin-left: -200px; margin-top: -150px; } .loadingOverlay > img { display: block; margin: auto; margin-top: 15px; } .loadingOverlay > button { display: none; } .loadingOverlay > span { display: block; margin-top: 10px; margin-bottom: 20px; font-size: 20px; } #toast-container.toast-center > div { width: 500px !important; } .toast-center .toast-message { font-size: 15px; } .badge1:after { top: -7px; right: -12px; font-size: 13px; width: 15px; height: 15px; line-height: 11px; } .badge2:after { top: 0; right: -2px; font-size: 13px; width: 15px; height: 15px; line-height: 15px; } .toolbar-icon-large { font-size: 30px; } .siemens-logo { margin-left: 30px; margin-top: 30px } .login-card { width: 600px; margin-left: -150px; } .loginbutton-mr { margin-left: 85px; } } /* Large Devices, Wide Screens */ @media only screen and (min-width: 1200px) { .header { max-height: 95px; height: 95px; } .content { max-height: calc(100% - 95px); height: calc(100% - 95px); } .responsive-refresh-icon { font-size: 23px; } .responsive-folder-icon { font-size: 20px; } .responsive-language-icon { font-size: 35px; } .responsive-input, .responsive-div { line-height: 35px !important; height: 35px !important; font-size: 15px !important; } .responsive-sub-select { line-height: 22px !important; height: 22px !important; font-size: 12px !important; } .resultsSummary { padding-top: 10px; padding-bottom: 5px; font-size: 20px; } .loadingOverlay { width: 400px; height: 140px; margin-left: -200px; margin-top: -150px; } .loadingOverlay > img { display: block; margin: auto; margin-top: 15px; } .loadingOverlay > button { display: none; } .loadingOverlay > span { display: block; margin-top: 10px; margin-bottom: 20px; font-size: 20px; } #toast-container.toast-center > div { width: 500px !important; } .toast-center .toast-message { font-size: 15px; } .badge1:after { top: -11px; right: -13px; font-size: 15px; width: 18px; height: 18px; line-height: 15px; } .badge2:after { top: 2px; right: 0; font-size: 15px; width: 12px; height: 12px; line-height: 10px; } .toolbar-icon-large { font-size: 30px; } .ui-draggable-handle { width: auto !important; min-width: 176px; } .ui-icon-closethick { background-color: transparent !important; border: 0px; float: right; } .ui-icon-closethick:hover { color: #9fa0c2; text-decoration: none; cursor: pointer; filter: alpha(opacity=50); opacity: .5; } .create-study-validation { margin-left: 0px; } .siemens-logo { margin-left: 30px; margin-top: 30px } .login-card { width: 600px; margin-left: -150px; } .loginbutton-mr { margin-left: 85px; } } @media only screen and (max-width: 1200px) { .create-study-validation { margin-left: 15px; } } @media only screen and (max-width: 1440px) { .action { padding-right: 5px; padding-left: 5px; } } /*Restricted (C) Siemens Healthcare GmbH / Siemens Medical Solutions USA, Inc., 2015 - 2021. All rights reserved.*/ .login-container { padding-top: 30px; } .login-language-display-inline { display: inline-block !important; } .div-login-language-icon { text-align: right; vertical-align: bottom; display: inline-block; } .login-language-ddl { width: 50% !important; display: block; } .login-language-Capitalize { text-transform: capitalize; } .login-language-padding-bottom { padding-bottom: 25px; } .syngoLogo { color: White; font: var(--header-1); font-size: 1.875rem; text-align: center; } .dynamicsLogo { margin-top: -5px; color: White; font: var(--header-1); font-size: 32pt; font-weight: bold; color: #7878E5; margin-left: 37px; } .textOverlay { display: inline-block; font-size: 9px !important; position: relative; top: -4px; left: -65px; width: 0px; color: black; background-color: transparent; } .actionButtonText { display: inline-block; font-size: 9px !important; position: relative; top: 14px; left: -60px; width: 0px; color: white; background-color: transparent; } div.checkbox-group { width: inherit; height: 250px; overflow-y: auto; } div.checkbox-extended-height { line-height: 1.42857143; } .text-align-right { text-align: right; } .loginButton { background-color: rgba(var(--ui-3), var(--opacity-1)); color: var(--text-primary); padding-right: 10px; padding-left: 10px; padding-bottom: 1px; padding-top: 1px; background-image: none; text-shadow: none; border-radius: 1rem; box-shadow: none; border: 1px solid rgba(160, 170, 200, 0.5); background-image: none; height: 35px; font-size: 15px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); } .loginButton:focus { outline: unset; } .loginButton:hover { background-color: rgba(var(--ui-2), var(--opacity-1)); color: #dcdcf0; } .loginButton:active, .loginButton.active { background-color: rgba(var(--ui-4), var(--opacity-1)); } .loginButton:active:hover, .loginButton.active:hover, .open > .dropdown-toggle.loginButton:hover, .loginButton:active:focus, .loginButton.active:focus, .open > .dropdown-toggle.loginButton:focus, .loginButton:active.focus, .loginButton.active.focus, .open > .dropdown-toggle.loginButton.focus { background-color: rgba(var(--ui-4), var(--opacity-1)); } .loginButton:disabled { background-color: rgba(var(--ui-2), var(--opacity-5)); cursor: not-allowed; pointer-events: none; } h2 { width: 100%; text-align: center; border-bottom: 1px solid rgba(var(--ui-1), var(--opacity-5)); line-height: 0.1em; margin: 10px 0 10px; font-size: 15px; color: var(--text-secondary); } h2 span { background: var(--base-3); padding: 0 10px; } .department-label { overflow-wrap: normal; } /*MIN-PIR-this class was added so that it could be used for hiding controls/DOM elements for VA30A*/ .hide-min-pir-va30a { visibility: hidden; } .sso-progress { position: relative; margin-top: 20px; width: 30%; left: 35%; } .advSearchLoadingOverlay { display: none; } advSearchLoadingOverlayContent { display: flex; } .advSearchLoadingOverlayContent > span, .advSearchLoadingOverlayContent > img { margin-left: 15px; } .advSearchLoadingOverlayContent > input[type='button'] { background-color: rgba(var(--ui-1), var(--opacity-6)); margin-left: 40px; } .createStudyLoadingOverlay { display: none; } .createStudyLoadingOverlayContent > span, .createStudyLoadingOverlayContent > img { margin-left: 15px; float: left; } .createStudyLoadingOverlayContent > input[type='button'] { background-color: #10101D; margin-left: 40px; } .priorSearchLoadingOverlay { visibility: hidden !important; } .priorSearchLoadingOverlayContent > span, .priorSearchLoadingOverlayContent > img { margin-left: 15px; } .progressBar { width: 500px; display: inline-block; vertical-align: middle; margin-right: 5px; margin-left: 5px; } .progressBarCancelButton { display: inline-block; width: 100px; } .statusMessage { color: rgb(var(--functional-yellow)); font-size: 13px; } /*Overridden JqGrid styles*/ .ui-jqgrid { border: none !important; } .ui-jqgrid .ui-jqgrid-htable thead th { border-bottom: 0.0625rem solid rgba(var(--ui-1), var(--opacity-4)); } .ui-jqgrid .table-bordered th.ui-th-ltr { border-bottom: 0.0625rem solid rgba(var(--ui-1), var(--opacity-4)); border-right: 0.0625rem solid rgba(var(--ui-1), var(--opacity-4)); } .ui-jqgrid .ui-jqgrid-btable tbody tr.jqgrow td { border-bottom: 1px solid var(--base-0); padding-right: 5px !important; border-right: 0.0625rem solid rgba(var(--ui-1), var(--opacity-6)); padding-left: 5px !important; } .ui-jqgrid .loading { background-color: var(--base-3) !important; color: var(--text-primary) !important; padding: 3px !important; font-size: 12px !important; } .ui-jqgrid .ui-jqgrid-bdiv { background-color: var(--base-1); } .action { display: inline-block; text-align: center; } .action a { display: block; } .disabledAction { -ms-opacity: 0.4 !important; opacity: 0.4 !important; pointer-events: none !important; cursor: pointer !important; color: inherit !important; } .refreshAction { display: inline-block; text-align: center; } .refreshAction:hover { background-color: rgba(var(--ui-1), var(--opacity-7)); cursor: pointer; } .responsive-refresh-icon { position: relative; vertical-align: middle; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 5px; } .responsive-folder-icon { position: relative; vertical-align: middle; padding-top: 0px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; } .badge1[data-badge]:after, .badge2[data-badge]:after { content: attr(data-badge); position: absolute; background: yellow; color: #000014; text-align: center; font-weight: bold; -ms-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 1px #333; -ms-box-shadow: 0 0 1px #333; box-shadow: 0 0 1px #333; } .passwordPrompt { color: var(--text-primary) !important; } .passwordPromptSpacing { margin-bottom: 15px !important; } .statusMessageSection { margin-bottom: 15px !important; } .statusMessageIndent { margin-left: 20px !important; } .action > a:active, .action > a:hover { text-decoration: none !important; } .fixedWidthText { width: 55px; } .actionText { display: block; font-family: 'Siemens Sans'; font-size: 10px !important; color: var(--text-primary) !important; } .actionText-wrap { white-space: nowrap; } .actionText-mobile { display: block; font-size: 9px !important; color: var(--text-primary) !important; padding-top: 2px; margin-left: 0px; margin-right: 0px; max-width: 40px; } .bannerText { color: var(--text-primary) !important; } .action a:hover, .refreshAction a:hover { background-color: rgba(var(--ui-1), var(--opacity-7)); cursor: pointer; } /*form group overrides*/ .col-form-label { padding-top: 4px !important; } .checkboxDiv { padding-top: 3px !important; } .checkBoxForExport { padding-top: 7px !important; } .hr { border-top: 1px solid rgba(var(--ui-1), var(--opacity-6)) !important; } /*Navbar overrides*/ /*navbar background color override*/ .navbar { margin-bottom: 0px !important; min-height: 30px !important; padding-left: 15px; } .navbar-header { height: 100%; } .navbar-brand { padding-top: 5px !important; padding-left: 0px !important; } .navbar-inverse { background: var(--base-1); padding-bottom: 2px; padding-top: -10px; border-bottom: 0.0625rem solid rgba(var(--ui-1), var(--opacity-5)); } /*navbar font color override*/ .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: var(--text-primary) !important; background-color: rgba(var(--ui-1), var(--opacity-6)) !important; } .navbar-inverse .navbar-nav > li > a { color: var(--text-primary) !important; } .navbar-nav > li > a { padding-top: 5px; padding-left: 15px; padding-bottom: 5px; padding-right: 15px; } .img-hover { padding-top: 3px; cursor: pointer; cursor: hand; } #divAdvSearchModal .modal-dialog { width: 1080px !important; } #divHistoryOfDemographicsModal .modal-dialog { width: 1200px !important; } .nav .dropdown-menu { background-color: var(--base-4); box-shadow: var(--shadow-overlay) !important; } .nav .dropdown-menu > li > a { color: var(--text-primary); } .nav .dropdown-menu > li > a:hover, .nav .dropdown-menu > li > a:focus { background-color: rgba(var(--ui-1), var(--opacity-5)) !important; color: var(--text-primary); } /*This style is mainly for IE < v11 */ .nav .dropdown-menu > li.disabledAction a:hover { background-color: inherit; background-image: none; color: inherit; } div#divStudyListFilters .dropdown-menu { width: 100% !important; background-color: var(--base-3); color: #dcdcf0 !important; margin-top: 0px !important; box-shadow: var(--shadow-overlay); } div#divStudyListFilters ul.dropdown-menu > li > a { color: var(--text-primary); padding: 0px 2px 1px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } div#divStudyListFilters ul.dropdown-menu > li > a:hover { background-color: #1E90FF; background-image: none; color: #DFE7E0; } .dropdown-menu { color: var(--text-primary); } .divider { background-color: #E5E5F8 !important; } .navbar-inverse .navbar-nav > .open > a { background-color: rgba(var(--ui-1), var(--opacity-6)) !important; color: var(--text-primary) !important; background-image: none !important; } .studyListContainer table thead th { font-size: 15px !important; padding: 5px 5px !important; border-bottom: 0.0625rem solid rgba(var(--ui-1), var(--opacity-4)); } .studyListContainer table td { font-size: 15px !important; padding: 1px 3px !important; /*row bg color*/ background-color: var(--base-1); } /*study list items selected style*/ .studyListContainer table tr.success > td { background-color: rgba(var(--ui-1), var(--opacity-6)) !important; color: var(--text-primary) !important; } /*study list items hover style*/ .studyListContainer table tr.active > td { background-color: rgba(var(--ui-1), var(--opacity-7)); color: #DFE7E0 !important; } .studyListContainer .table-bordered, .studyListContainer .table-bordered > thead > tr > th, .studyListContainer .table-bordered > tbody > tr > th, .studyListContainer .table-bordered > tfoot > tr > th, .studyListContainer .table-bordered > thead > tr > td, .studyListContainer .table-bordered > tbody > tr > td, .studyListContainer .table-bordered > tfoot > tr > td { border: none; } .studyListContainer table tr.success > th, .studyListContainer table th.active { background-color: rgba(var(--ui-1), var(--opacity-7)) !important; } .scrollable-menu { height: auto; max-height: 400px; overflow-x: hidden; } /*transfer confirmation dialog styles*/ .transferStudyHasReportsMessage { margin-bottom: 5px; } .transferConfirmationLine1, .transferConfirmationLine2 { margin-bottom: 10px; } .transferButtons { text-align: center; } .transferButtons button { margin-left: 15px; } /*Site Id Selector styles*/ .siteIdSelectorContainer { width: 100%; } .siteIdSelectorBody { width: 100%; margin-top: 15px; margin-bottom: 20px; max-height: 350px; overflow-y: auto; } .siteIdSelectorTable { table-layout: fixed !important; word-wrap: !important; } .siteIdSelectorTable > thead > tr > th, .siteIdSelectorTable > tbody > tr > th, .siteIdSelectorTable > tfoot > tr > th, .siteIdSelectorTable > thead > tr > td, .siteIdSelectorTable > tbody > tr > td, .siteIdSelectorTable > tfoot > tr > td { vertical-align: middle !important; padding: 4px; } .siteIdSelectorFooter { display: table; width: 100%; table-layout: fixed !important; word-wrap: break-word !important; } .siteIdApplyToAllDropDown, .siteIdSelectorButtons { display: table-cell; vertical-align: middle; } .siteIdSelectorButtons { text-align: right; } /*COLUMN CHOOSER OVERRIDES*/ .ui-dialog { top: 35px !important; padding: 0px !important; background-color: var(--base-4); -webkit-background-clip: padding-box !important; background-clip: padding-box !important; outline: 0 !important; -webkit-box-shadow: var(--shadow-overlay) !important; box-shadow: var(--shadow-overlay) !important; } .ui-dialog .ui-dialog-title { font-size: 16px !important; font-weight: 500 !important; } .ui-dialog .ui-dialog-content { padding: 0px !important; } .ui-widget-overlay { background-color: #000 !important; -ms-opacity: 0.5 !important; opacity: 0.5 !important; } .ui-front { z-index: 1040 !important; } .ui-multiselect { border: 0px !important; } .ui-multiselect input.search { color: #dcdcf0 !important; background-color: rgba(var(--ui-1), var(--opacity-7)) !important; background-image: none !important; border: 1px solid rgba(160, 170, 200, 0.5) !important; border-radius: 0px !important; opacity: 1; } .ui-multiselect .actions { border-bottom: 1px solid rgba(var(--ui-1), var(--opacity-6)) !important; border-left: 0px !important; border-top: 0px !important; border-right: 0px !important; } .ui-widget-content, .ui-state-default { background-color: var(--base-4) !important; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { color: var(--text-highlight) !important; } .ui-multiselect ul.selected li, .ui-multiselect ul.available li { border-bottom: 1px solid rgba(var(--ui-1), var(--opacity-6)) !important; } .ui-datepicker td :hover { font-weight: normal !important; background: rgba(var(--ui-1), var(--opacity-6)) !important; color: var(--text-primary) !important; border: 1px solid rgba(var(--ui-1), var(--opacity-6)) !important; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background-color: rgba(var(--ui-3), var(--opacity-1)) !important; color: var(--text-white) !important; border: 1px solid rgba(var(--ui-1), var(--opacity-4)) !important; } .ui-dialog-titlebar { padding: 10px !important; border-bottom: 1px solid rgba(var(--ui-1), var(--opacity-4)) !important; border-left: 0px !important; border-top: 0px !important; border-right: 0px !important; background: var(--base-4); } .ui-dialog .ui-dialog-buttonpane { border-top: 1px solid rgba(var(--ui-1), var(--opacity-4)) !important; background: var(--base-4); } .ui-multiselect ul.available, .ui-multiselect ul.selected { background: none !important; } .ui-dialog-buttonset button { background-color: rgba(var(--ui-1), var(--opacity-6)); color: var(--text-primary); border-radius: 1rem; padding-right: 10px !important; padding-left: 10px !important; padding-bottom: 2px !important; padding-top: 2px !important; border: 1px solid rgba(160, 170, 200, 0.5); } .ui-dialog-buttonset button:hover { background-color: rgba(var(--ui-1), var(--opacity-5)); color: var(--text-primary); } .ui-multiselect li, .ui-multiselect .ui-widget-header { font-size: 12px !important; } .ui-jqgrid .ui-jqgrid-htable .ui-th-div { height: 20px !important; margin-top: 0px !important; } .ui-jqgrid .ui-icon-asc { margin-top: 1px !important; } .ui-jqgrid .ui-icon-desc { margin-top: 8px !important; } .form-group.row.form-group-md { margin-bottom: 3px !important; } /*END COLUMN CHOOSER OVERRIDES*/ /*Dropdown cross browser style*/ .dropdownButtonSpan { white-space: nowrap; display: block; overflow: hidden; } select::-ms-expand { display: none; } .dcm-create { border: 1px solid white; border-image: none; left: -800px; top: 350px; width: 630px; display: none; position: absolute; z-index: 1050; background: #202039; } .dcm-create p { margin: 30px; } .dcm-create span { text-align: center; } .dcm-create button { margin-left: 7.5%; width: 23%; } .dcm { margin-left: 18% !important; } .studyListContainer { margin-top: 5px; padding-left: 0; padding-right: 0; top: 5px; } .studyListContainer-container-fluid { margin-top: 5px; padding-left: 0; padding-right: 0; top: 5px; } .padding-low-side { padding-left: 2px; padding-right: 2px; } .padding-low-up { padding-left: 0px; padding-right: 0px; margin-top: 3px; } .padding-remove { padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; } .webapi-reporting { float: right; } .history_table { margin: 0.5%; width: 99%; } .history_table tr:first-child { background: #39395C; height: 25px; } .history_table tr:not(:first-child) { background: #202039; height: 25px; } .history_table td { border: 1px solid black; font-size: 13px !important; padding: 3px !important; } #dropdownMenu1.dropdown-toggle::after { display: none !important; } .ui-jqgrid-resize-ltr { width: 20px !important; margin: 0 -10px 0 0 !important; } .popover-body { max-height: 95vh; overflow-y: auto; } .create-study-progressbar { position: relative; margin-bottom: 3px; } .advSearch-Progressbar { position: relative; left: 4%; width: 95%; margin-top: 5px; margin-bottom: 10px; } .toast.toast-info{ background-color: var(--base-3); border: none; } /*extra padding existed in jq grid version 5.5.5 for headers*/ .ui-jqgrid .ui-th-column > .ui-th-div { padding-left: 0px; } /*when no records exist one row datalist displayed input grid showing no records input jq grid version 5.5.5 avoiding this behavior */ #norecs { display: none; } /*height of text box in column chooser set to 14px in jq grid version 5.5.5*/ .ui-multiselect input.search { height: auto; } /***********************PIR*******************************/ .pirContainer, .cardLeft, .cardRight { height: 100%; } .cardLeft { /*overflow: auto;*/ } .cardRight { overflow-y: hidden; /*background-color: gray;*/ } .cardLeftTop { overflow: auto; } .cardLeftBottom { height: 33px; background-color: black; border-top: 2px solid #505679; } .icon-panel { position: fixed; backface-visibility: hidden; background-color: #39395c; max-width: 40px; } .icon-panel span { font-size: 30px; line-height: 1; display: block; } .icon-stack { float: left; height: 100%; backface-visibility: hidden; background-color: var(--base-2); width: 40px; } .icon-stack span { font-size: 25px; line-height: 1; display: block; } .toggle-button { margin-top: 12px; text-align: center; } .slideout-menu { position: absolute; z-index: 0; width: 256px; height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; display: none; padding-right: 10px; } .slideout-panel { top: 0; z-index: 1; height: 100%; background-color: black; } .slideout-card-body { float: left; overflow-y: auto; overflow-x: hidden; height: 100%; } .slideout-open, .slideout-open body, .slideout-open .slideout-panel { overflow: hidden; } .slideout-open .slideout-menu { display: block; } .card-open .slideout-card-body { opacity: 0.3; } .truncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .resolutionError { justify-content: center; font-size: 18px; } .spanCannotLoadImages { justify-content: center; font-size: 16px; margin-top: 100px; } /*SPLITTER STYLES*/ .gutter { background-color: var(--base-4); background-repeat: no-repeat; background-position: 50%; } .gutter.gutter-vertical { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAFAQMAAABo7865AAAABlBMVEVHcEzMzMzyAv2sAAAAAXRSTlMAQObYZgAAABBJREFUeF5jOAMEEAIEEFwAn3kMwcB6I2AAAAAASUVORK5CYII="); } .gutter.gutter-horizontal { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg=="); } .split { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .split.split-horizontal, .gutter.gutter-horizontal { height: 100%; float: left; } /*END SPLITTER STYLES*/ /*GRID LAYOUT STYLES*/ #reviewGrid, #thumbnailGrid { font-size: 0px; /* this is to eliminate space between inline-block elements */ } #reviewGrid .grid-item, #thumbnailGrid .grid-item { display: inline-block; text-align: center; } #reviewGrid .grid-item { position: relative; /*background-color: #00ff00;*/ margin-bottom: 5px; margin-right: 2px; margin-left: 2px; padding-bottom: 2px; padding-right: 2px; padding-left: 2px; } #thumbnailGrid .grid-item { margin-bottom: 5px; margin-right: 3px; margin-left: 3px; padding-bottom: 5px; padding-right: 3px; padding-left: 3px; } #reviewGrid .grid-item img, #reviewGrid .grid-item video { max-width: 100%; max-height: 100%; vertical-align: middle; } #reviewGrid .grid-item video { width: inherit; } .percent100 { width: 100%; height: 100%; } #thumbnailGrid .grid-item img { max-width: 100%; max-height: 100%; vertical-align: middle; text-align: center; } .b-lazy:not(.b-loaded), .grid-item-video-loading { background: transparent url("../../images/ajax-loader-imagereview.gif") no-repeat center center; -ms-background-size: 100% auto; background-size: 100% auto; } .grid-item-video-deleted { background: transparent url("../../images/DeletedImage_Icon.png") no-repeat center center; -ms-background-size: 96px; background-size: 96px; } .grid-pager { /*padding-top: 5px; padding-bottom: 5px;*/ } .grid-pager .pagination { /*margin:0px !important;*/ } .pager-button { border: none; background: transparent; padding: 0px; vertical-align: top; padding-top: 3px; color: white; } /*Unsupported Image e.g. ECG*/ .unsupported-image { font-size: 15px; line-height: 15px; } .grid-item-bottom { vertical-align: bottom; } /*Deleted image indicator*/ .trash-tn { height: 32px !important; width: 32px !important; } .trash-img { height: 96px !important; width: 96px !important; } /*Thumbnail Grid*/ #thumbnailGrid { height: 100%; } .thumbnailBrowserWrapper { height: 100%; } #thumbnailGrid .grid-item { padding-bottom: 4px; position: relative; } #thumbnailGrid .grid-item:not(.xs) { width: 130px; height: 130px; line-height: 129px; } #thumbnailGrid .grid-item.xs { width: 64px; height: 64px; line-height: 63px; } .thumbnail-highlight { border: 0.5px solid white; } /*Series Selector*/ .series-selector-wrapper-mobile { border-radius: 0px !important; } .series-selector-item-mobile { border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; padding-top: 5px; padding-bottom: 5px; border: none !important; border-top: 1px solid black !important; background-color: rgba(var(--ui-1),var(--opacity-5)); font-size: 11px; } /*Priors Selector*/ .priors-selector-wrapper-mobile { border-radius: 0px !important; } .priors-selector-item-mobile { border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; padding-top: 5px; padding-bottom: 5px; border: none !important; border-top: 1px solid black !important; font-size: 11px; background-color: rgba(var(--ui-1),var(--opacity-5)); } /*Video controls*/ #video-controls { position: absolute; bottom: 0px; background-color: rgb(var(--ui-1), var(--opacity-6)); filter: alpha(opacity=100); width: 100%; height: 28px; text-align: left; font-size: 12px; } .unpinVideoControls { opacity: 0; } .unpinVideoControls:hover { opacity: 1.0; } .pinVideoControls { opacity: 1.0; } .fa-rotate-90 { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .clipControls { height: 100%; line-height: 100%; } .clipControls-left { width: 83%; } .clipControls-right { width: 17%; text-align: right; padding-right: 3px; } .controls { color: #999999; border: none; padding: 0px !important; /*margin-left: 4px !important;*/ } .button-control { background-color: transparent; height: 100%; line-height: 100%; } .button-control:hover { border-color: rgb(var(--ui-1), var(--opacity-5)); background-color: rgb(var(--ui-1), var(--opacity-5)); } .left-button-control { width: 15px; } .right-button-control { width: 15px !important; margin-right: 5px; } .span-playback-control { display: inline-block; width: 80px; } .span-slider-control { display: inline-block; width: calc(100% - 140px); /*15 * 3 + 85 + 5*/ height: 10px !important; } /*jquery ui slider overrides*/ .ui-slider .ui-slider-handle { width: 15px !important; height: 17px !important; margin-left: 0px !important; top: -2px !important; background-color: #999999 !important; background-color: #999999 !important; } .yellowBorder { border: 0.5px solid yellow; } #dicomdata-controls { position: absolute; bottom: 0; left: 0; width: 100%; height: 15px; text-align: left; } #stressdata-controls { position: absolute; top: 0; left: 0; width: 100%; text-align: left; padding-right: 30px; margin-top: 5px; height: 60px; /*15px for each line*/ } .dicomdata { position: relative; color: #DAA520; height: 100%; padding-left: 5px; } .dicomdata i { font-family: Arial; } .dicomdata-stress_labels { width: 100%; overflow-wrap: normal; position: relative; font-size: 10px; color: #DAA520; line-height: 100%; text-align: left; } .stage-view-name { vertical-align: top; left: 10px; float: left; } .dicomdata-number { font-weight: bold; line-height: 100%; font-size: 12px; } .dicomdata-film { font-weight: bold; line-height: 100%; font-size: 10px; } .xs .dicomdata-number { font-weight: bold; line-height: 100%; font-size: 10px; } .xs .dicomdata-film { font-weight: bold; line-height: 100%; font-size: 8px; } .dicomdata-h264lossy { font-size: 10px; } .dicomdata-compression { font-size: 10px; } .hotspot { /*position: absolute; bottom: 15px;*/ color: white; height: 100%; padding-left: 10px; line-height: 100%; font-size: 10px; } .cardLeftTop:focus { outline: thin dotted #39395c !important; } .cardRightTop:focus { outline: thin dotted #39395c !important; } .noFocus:focus { outline: none !important; } .priorstable td:nth-child(1) { width: 20%; } .priorstable td:nth-child(2) { width: 10%; } .priorstable td:nth-child(3) { width: 20%; } .priorstable td:nth-child(4) { width: 20%; } .priorstable td:nth-child(5) { width: 15%; } .priorstable td:nth-child(6) { width: 15%; } .borderless-row { border-top: 0 !important; border-bottom: 0 !important; } .prior-search-header { margin-bottom: 5px !important; } .prior-search-group { display: inline-block !important; } .prior-list-row { padding-left: 5px !important; padding-right: 5px !important; padding-top: 2px !important; padding-bottom: 2px !important; } /*END GRID LAYOUT STYLES*/ .newspaper-big { font-size: 13px; } /*DDB styles within Image Review*/ .ddbdiv { text-align: left !important; } .ddb-closed { color: var(--text-primary) !important; } .ddb-closed:hover { text-decoration: none !important; } .ddb-closed:active { text-decoration: none !important; } .ddb-closed:visited { text-decoration: none !important; } .ddb-closed:link { text-decoration: none !important; } .ddb-expanded { color: #FFFF00 !important; } .ddb-expanded:hover { text-decoration: none !important; } .ddb-expanded:active { text-decoration: none !important; } .ddb-expanded:visited { text-decoration: none !important; } .ddb-expanded:link { text-decoration: none !important; } .ddb-selected { color: #00FF00 !important; z-index: 6; } .ddb-default { color: #00FFFF !important; z-index: 6; } /*CSS for Key Images*/ .keyImages { color: white; height: 100%; padding-left: 1px; line-height: 100%; font-size: 10px; } .keyImagesWrapper { justify-content: center; } .keyImagesControls input { background-color: rgba(var(--ui-1), var(--opacity-6)); color: var( --text-primary); border: 0px !important; margin-right: 10px; font-size: 12px; } .keyImagesControls input.active { color: var(--text-primary); background-color: rgba(var(--ui-1), var(--opacity-4)); } .keyImagesControls input:hover { color: var(--text-primary); background-color: rgba(var(--ui-1), var(--opacity-5)); } .back-to-studylist { margin-left: 2.5px; } .pager-padding-left { padding-left: 15px; } #reportPdf { margin-left: auto; } .toolbar-icon-large { line-height: 1; color: #EBEBEB; } .toolbar-pager-icon-large { font-size: 20px !important; } .toolbar-stack { position: relative; /*display: inline-block;*/ /*width: 30px; height: 30px;*/ line-height: 30px; margin-bottom: 0px !important; } .folder-text { font-size: 10px; margin-top: 1px; color: var(--text-primary); padding: 1px 4px 2px 4px; } .toolbar-icon-stack { position: absolute; left: 23px; top: 0; width: auto; text-align: center; border-radius: 5px; background-color: var(--support-1); } .studyDetails { font-size: 14px; background-color: var(--base-4); color: var(--text-primary); margin-left: 10px; padding-top: 5px; padding-bottom: 5px; line-height: 17px; } #imageReviewToolbar { width: 100%; } .patientIconStyle { cursor: default !important; } .studyDetailsTextStyle { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .priorStudyTextStyle { min-width: 120px; max-width: 300px; } .panelLeftBottom { height: 33px; background-color: var(--base-1); border-top: 2px solid rgba(var(--ui-1), var(--opacity-6)); } .rightPane { background-color: black; } .leftPane { background-color: var(--base-4); } /*MEDIA QUERIES*/ /* Custom, iPhone Retina */ @media only screen and (min-width: 320px) and (orientation: portrait) { .unsupported-image { font-size: 10px; line-height: 10px; } .keyImagesControls input { font-size: 11px; } } /* Extra Small Devices, Phones */ @media only screen and (min-width: 400px) and (orientation: landscape) { .unsupported-image { font-size: 10px; line-height: 10px; } .keyImagesControls input { font-size: 11px; } } @media only screen and (min-width: 400px) and (orientation: portrait) { .unsupported-image { font-size: 10px; line-height: 10px; } .keyImagesControls input { font-size: 11px; } } /* Small Devices, Tablets */ @media only screen and (min-width: 768px) and (orientation: landscape) { .unsupported-image { font-size: 15px; line-height: 15px; } .keyImagesControls input { font-size: 12px; } } @media only screen and (min-width: 768px) and (orientation: portrait) { .unsupported-image { font-size: 15px; line-height: 15px; } .keyImagesControls input { font-size: 12px; } } /* Medium Devices, Desktops */ @media only screen and (min-width: 992px) and (orientation: landscape) { .unsupported-image { font-size: 15px; line-height: 15px; } .keyImagesControls input { font-size: 12px; } } @media only screen and (min-width: 992px) and (orientation: portrait) { .unsupported-image { font-size: 15px; line-height: 15px; } .keyImagesControls input { font-size: 12px; } } /* Large Devices, Wide Screens */ @media only screen and (min-width: 1200px) { .unsupported-image { font-size: 15px; line-height: 15px; } .keyImagesControls input { font-size: 12px; } } /***********************END PIR*******************************/