/* Minification failed. Returning unminified contents. (228,26): run-time error CSS1039: Token not allowed after unary operator: '-timelinefuture' (242,32): run-time error CSS1039: Token not allowed after unary operator: '-timeline' (266,21): run-time error CSS1039: Token not allowed after unary operator: '-timelinetext' (303,36): run-time error CSS1039: Token not allowed after unary operator: '-timeline' (311,25): run-time error CSS1039: Token not allowed after unary operator: '-timelinetextevents' (315,40): run-time error CSS1039: Token not allowed after unary operator: '-timelinehasevents' (316,36): run-time error CSS1039: Token not allowed after unary operator: '-timelinehaseventsborder' (320,40): run-time error CSS1039: Token not allowed after unary operator: '-timelineselected' (321,36): run-time error CSS1039: Token not allowed after unary operator: '-timeline' (329,32): run-time error CSS1039: Token not allowed after unary operator: '-timelineselected' (330,28): run-time error CSS1039: Token not allowed after unary operator: '-timelineselected' (334,24): run-time error CSS1039: Token not allowed after unary operator: '-timelineselected' (362,28): run-time error CSS1039: Token not allowed after unary operator: '-timeline' (402,21): run-time error CSS1039: Token not allowed after unary operator: '-timeline' (406,24): run-time error CSS1039: Token not allowed after unary operator: '-timelineselected' (418,24): run-time error CSS1039: Token not allowed after unary operator: '-timelineselected' (512,21): run-time error CSS1039: Token not allowed after unary operator: '-timeline' (753,17): run-time error CSS1038: Expected hex color, found '#3337' (2712,17): run-time error CSS1039: Token not allowed after unary operator: '-inputfont' (2714,28): run-time error CSS1039: Token not allowed after unary operator: '-inputborder' (2715,22): run-time error CSS1039: Token not allowed after unary operator: '-input' (2727,28): run-time error CSS1039: Token not allowed after unary operator: '-menubackground' (2728,28): run-time error CSS1039: Token not allowed after unary operator: '-background' (2868,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2869,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2870,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2871,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2872,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2873,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2874,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2875,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2876,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2877,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2878,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2879,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2880,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2881,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2882,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2883,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2884,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2885,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2886,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2887,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2888,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2889,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2890,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2891,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2892,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2893,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2894,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2895,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2896,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2897,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2898,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2899,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2900,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2901,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2902,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2904,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2905,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2906,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2907,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2908,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2909,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2910,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2911,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2912,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2913,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2914,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2915,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2916,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2933,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2934,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2936,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2974,17): run-time error CSS1039: Token not allowed after unary operator: '-focuscolor' (3109,17): run-time error CSS1039: Token not allowed after unary operator: '-font' (3145,20): run-time error CSS1039: Token not allowed after unary operator: '-icon' (3161,32): run-time error CSS1039: Token not allowed after unary operator: '-inputborder' (3174,24): run-time error CSS1039: Token not allowed after unary operator: '-iconhover' (3177,24): run-time error CSS1039: Token not allowed after unary operator: '-iconhover' (3180,16): run-time error CSS1039: Token not allowed after unary operator: '-icondisabled' (3314,28): run-time error CSS1039: Token not allowed after unary operator: '-background' (3362,32): run-time error CSS1039: Token not allowed after unary operator: '-searchbordercolor' (3363,21): run-time error CSS1039: Token not allowed after unary operator: '-searchtextcolor' (4721,5): run-time error CSS1035: Expected colon, found '{' (6186,9): run-time error CSS1038: Expected hex color, found '#1111' (6199,7): run-time error CSS1035: Expected colon, found '{' (6217,7): run-time error CSS1035: Expected colon, found '{' (6234,7): run-time error CSS1035: Expected colon, found '{' (6251,7): run-time error CSS1035: Expected colon, found '{' (6266,7): run-time error CSS1035: Expected colon, found '{' (6281,7): run-time error CSS1035: Expected colon, found '{' (6676,17): run-time error CSS1036: Expected expression, found ':' (6680,14): run-time error CSS1036: Expected expression, found ':' (6684,14): run-time error CSS1036: Expected expression, found ':' (7326,9): run-time error CSS1035: Expected colon, found '{' (7709,26): run-time error CSS1039: Token not allowed after unary operator: '-background' (7713,15): run-time error CSS1039: Token not allowed after unary operator: '-font' (7731,26): run-time error CSS1039: Token not allowed after unary operator: '-newOverlayPaneBackground' (7732,32): run-time error CSS1039: Token not allowed after unary operator: '-newOverlayPaneColor' (7733,15): run-time error CSS1039: Token not allowed after unary operator: '-newOverLayPaneColor' (7734,20): run-time error CSS1039: Token not allowed after unary operator: '-boxShadow' (7759,20): run-time error CSS1039: Token not allowed after unary operator: '-boxShadow' (7763,26): run-time error CSS1039: Token not allowed after unary operator: '-newOverlayPaneBackground' (7764,31): run-time error CSS1039: Token not allowed after unary operator: '-newOverlayPaneColor' (7765,15): run-time error CSS1039: Token not allowed after unary operator: '-newOverLayPaneColor' (7811,20): run-time error CSS1039: Token not allowed after unary operator: '-boxShadow' (7846,26): run-time error CSS1039: Token not allowed after unary operator: '-background' (7847,20): run-time error CSS1039: Token not allowed after unary operator: '-boxShadow' (7933,20): run-time error CSS1039: Token not allowed after unary operator: '-boxShadow' (7938,20): run-time error CSS1039: Token not allowed after unary operator: '-tablerowimport' (7972,20): run-time error CSS1039: Token not allowed after unary operator: '-tableheader' (7973,33): run-time error CSS1039: Token not allowed after unary operator: '-background' (7978,15): run-time error CSS1039: Token not allowed after unary operator: '-fonttableheader' (7994,26): run-time error CSS1039: Token not allowed after unary operator: '-tablerow' (7996,26): run-time error CSS1039: Token not allowed after unary operator: '-background' (8003,15): run-time error CSS1039: Token not allowed after unary operator: '-fonttableheader' (8024,26): run-time error CSS1039: Token not allowed after unary operator: '-inputborder' (8069,26): run-time error CSS1039: Token not allowed after unary operator: '-active-tab-color' (8070,23): run-time error CSS1039: Token not allowed after unary operator: '-active-tab-color' (8078,20): run-time error CSS1039: Token not allowed after unary operator: '-tableheader' (8079,30): run-time error CSS1039: Token not allowed after unary operator: '-background' (8083,15): run-time error CSS1039: Token not allowed after unary operator: '-fonttableheader' (8087,20): run-time error CSS1039: Token not allowed after unary operator: '-tablerowimport' (8115,30): run-time error CSS1039: Token not allowed after unary operator: '-background' (8116,33): run-time error CSS1039: Token not allowed after unary operator: '-background' (8127,31): run-time error CSS1039: Token not allowed after unary operator: '-background' (8212,20): run-time error CSS1039: Token not allowed after unary operator: '-tablerowexpanded' (8216,20): run-time error CSS1039: Token not allowed after unary operator: '-tablerowselected' (8220,20): run-time error CSS1039: Token not allowed after unary operator: '-tablerowselected' (8224,20): run-time error CSS1039: Token not allowed after unary operator: '-selection' (8228,26): run-time error CSS1039: Token not allowed after unary operator: '-tablerow' (8232,20): run-time error CSS1039: Token not allowed after unary operator: '-contractExpiredRowBg' (8237,20): run-time error CSS1039: Token not allowed after unary operator: '-contractAssetValueKnownY' (8241,20): run-time error CSS1039: Token not allowed after unary operator: '-contractAssetValueKnownN' (8254,26): run-time error CSS1039: Token not allowed after unary operator: '-tableheader' (8257,15): run-time error CSS1039: Token not allowed after unary operator: '-fonttableheader' (8262,26): run-time error CSS1039: Token not allowed after unary operator: '-tableheader' (8268,30): run-time error CSS1039: Token not allowed after unary operator: '-background' (8269,33): run-time error CSS1039: Token not allowed after unary operator: '-background' (8306,19): run-time error CSS1039: Token not allowed after unary operator: '-timsFontSize' (8314,19): run-time error CSS1039: Token not allowed after unary operator: '-timsFontSize' (8324,19): run-time error CSS1039: Token not allowed after unary operator: '-timsFontSize' (8335,19): run-time error CSS1039: Token not allowed after unary operator: '-timsFontSize' (8346,15): run-time error CSS1039: Token not allowed after unary operator: '-fonttableheader' (8348,19): run-time error CSS1039: Token not allowed after unary operator: '-timsFontSize' (8357,19): run-time error CSS1039: Token not allowed after unary operator: '-timsFontSize' (8454,15): run-time error CSS1039: Token not allowed after unary operator: '-inputfont' (8456,26): run-time error CSS1039: Token not allowed after unary operator: '-inputborder' (8457,20): run-time error CSS1039: Token not allowed after unary operator: '-input' (8474,26): run-time error CSS1039: Token not allowed after unary operator: '-inputborder' (8478,26): run-time error CSS1039: Token not allowed after unary operator: '-input' (8484,26): run-time error CSS1039: Token not allowed after unary operator: '-inputborder' (8519,15): run-time error CSS1039: Token not allowed after unary operator: '-inputfont' (8521,26): run-time error CSS1039: Token not allowed after unary operator: '-inputborder' (8522,20): run-time error CSS1039: Token not allowed after unary operator: '-input' (8527,20): run-time error CSS1039: Token not allowed after unary operator: '-inputmodified' (8528,15): run-time error CSS1039: Token not allowed after unary operator: '-inputmodifiedfont' (8647,26): run-time error CSS1039: Token not allowed after unary operator: '-inputborder' (8797,20): run-time error CSS1039: Token not allowed after unary operator: '-menubackground' (8800,26): run-time error CSS1039: Token not allowed after unary operator: '-background' (8801,20): run-time error CSS1039: Token not allowed after unary operator: '-boxShadow' (8813,19): run-time error CSS1039: Token not allowed after unary operator: '-timsFontSize' (8889,5): run-time error CSS1035: Expected colon, found '.' (8987,22): run-time error CSS1039: Token not allowed after unary operator: '-selection' (8995,17): run-time error CSS1039: Token not allowed after unary operator: '-inputfont' (8997,28): run-time error CSS1039: Token not allowed after unary operator: '-inputborder' (9035,28): run-time error CSS1039: Token not allowed after unary operator: '-inputborder' (9078,28): run-time error CSS1039: Token not allowed after unary operator: '-tableheader' (9081,17): run-time error CSS1039: Token not allowed after unary operator: '-fonttableheader' (9086,28): run-time error CSS1039: Token not allowed after unary operator: '-tableheader' (9090,28): run-time error CSS1039: Token not allowed after unary operator: '-tablerow' (9120,28): run-time error CSS1039: Token not allowed after unary operator: '-tableheader' (9123,17): run-time error CSS1039: Token not allowed after unary operator: '-fonttableheader' (9128,32): run-time error CSS1039: Token not allowed after unary operator: '-tableheader' (9136,28): run-time error CSS1039: Token not allowed after unary operator: '-tablerow' (9138,32): run-time error CSS1039: Token not allowed after unary operator: '-background' (9139,35): run-time error CSS1039: Token not allowed after unary operator: '-background' (9147,22): run-time error CSS1039: Token not allowed after unary operator: '-tablerowselected' (9159,22): run-time error CSS1039: Token not allowed after unary operator: '-tablerowselected' (9163,22): run-time error CSS1039: Token not allowed after unary operator: '-tablerowselected' (9167,22): run-time error CSS1039: Token not allowed after unary operator: '-selection' (9177,17): run-time error CSS1039: Token not allowed after unary operator: '-inputfont' (9179,28): run-time error CSS1039: Token not allowed after unary operator: '-inputborder' (9198,28): run-time error CSS1039: Token not allowed after unary operator: '-tableheader' (9201,17): run-time error CSS1039: Token not allowed after unary operator: '-fonttableheader' (9206,32): run-time error CSS1039: Token not allowed after unary operator: '-tableheader' (9210,28): run-time error CSS1039: Token not allowed after unary operator: '-tablerow' (9243,22): run-time error CSS1039: Token not allowed after unary operator: '-tablerowselected' (9247,22): run-time error CSS1039: Token not allowed after unary operator: '-tablerowselected' (9251,22): run-time error CSS1039: Token not allowed after unary operator: '-selection' (9262,21): run-time error CSS1039: Token not allowed after unary operator: '-inputfont' (9264,32): run-time error CSS1039: Token not allowed after unary operator: '-inputborder' (9301,32): run-time error CSS1039: Token not allowed after unary operator: '-tableheader' (9304,21): run-time error CSS1039: Token not allowed after unary operator: '-fonttableheader' (9309,36): run-time error CSS1039: Token not allowed after unary operator: '-tableheader' (9317,32): run-time error CSS1039: Token not allowed after unary operator: '-tablerow' (9319,36): run-time error CSS1039: Token not allowed after unary operator: '-background' (9320,39): run-time error CSS1039: Token not allowed after unary operator: '-background' (9328,26): run-time error CSS1039: Token not allowed after unary operator: '-tablerowselected' (9397,28): run-time error CSS1039: Token not allowed after unary operator: '-inputdisabled' (9472,22): run-time error CSS1039: Token not allowed after unary operator: '-boxShadow' (9525,21): run-time error CSS1039: Token not allowed after unary operator: '-timsFontSize' (9981,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9982,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9992,17): run-time error CSS1039: Token not allowed after unary operator: '-font' (9999,17): run-time error CSS1039: Token not allowed after unary operator: '-fontheader' (10013,17): run-time error CSS1039: Token not allowed after unary operator: '-fontheader' (10032,35): run-time error CSS1039: Token not allowed after unary operator: '-background' (10037,35): run-time error CSS1039: Token not allowed after unary operator: '-background' (10047,35): run-time error CSS1039: Token not allowed after unary operator: '-background' (10052,35): run-time error CSS1039: Token not allowed after unary operator: '-background' (10063,35): run-time error CSS1039: Token not allowed after unary operator: '-background' (10078,17): run-time error CSS1039: Token not allowed after unary operator: '-inputfont' (10080,28): run-time error CSS1039: Token not allowed after unary operator: '-inputborder' (10081,22): run-time error CSS1039: Token not allowed after unary operator: '-input' (10108,22): run-time error CSS1039: Token not allowed after unary operator: '-inputdisabled' (10109,24): run-time error CSS1039: Token not allowed after unary operator: '-inputborderdisabled' (10124,22): run-time error CSS1039: Token not allowed after unary operator: '-inputmodified' (10125,17): run-time error CSS1039: Token not allowed after unary operator: '-inputmodifiedfont' (10126,24): run-time error CSS1039: Token not allowed after unary operator: '-inputbordermodified' (10166,17): run-time error CSS1039: Token not allowed after unary operator: '-inputfont' (10168,28): run-time error CSS1039: Token not allowed after unary operator: '-inputborder' (10169,22): run-time error CSS1039: Token not allowed after unary operator: '-input' (10229,17): run-time error CSS1039: Token not allowed after unary operator: '-datawidthcell' (10241,17): run-time error CSS1039: Token not allowed after unary operator: '-datawidthcell' (10286,17): run-time error CSS1039: Token not allowed after unary operator: '-datawidthcell' (10440,19): run-time error CSS1035: Expected colon, found ',' (10723,19): run-time error CSS1035: Expected colon, found ',' */ @charset "utf-8"; /* CSS Document */ /*////////////////////////////////////////////////////////////////// [ RESET ]*/ /* html5doctor.com Reset Stylesheet v1.6.1 Last Updated: 2010-09-17 Author: Richard Clark - http://richclarkdesign.com Twitter: @rich_clark */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } body { line-height:1; } article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display:block; } nav ul { list-style:none; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; } /* change colours to suit your needs */ ins { background-color:#ff9; color:#000; text-decoration:none; } /* change colours to suit your needs */ mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; } table { border-collapse:collapse; border-spacing:0; } /* change border colour to suit your needs */ hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; } input, select { vertical-align:middle; } /*////////////////////////////////////////////////////////////////// [ ALWAYS SHOW SCROLLBAR ]*/ body { overflow-y: scroll; } /*////////////////////////////////////////////////////////////////// [ ALWAYS HIDE UNDERLINES FROM LINKS ]*/ * { text-decoration: none; } /*////////////////////////////////////////////////////////////////// [ MAKE DIV STRETCH TO THE BOTTOM OF THE PAGE ]*/ html, body { height: calc(100% - 148px); width: 100%; } /*! jQuery UI - v1.12.1 - 2021-05-18 * http://jqueryui.com * Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("images/ui-icons_777777_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666} /* * easy-autocomplete * jQuery plugin for autocompletion * * @author Łukasz Pawełczak (http://github.com/pawelczak) * @version 1.3.5 * Copyright License: */ .easy-autocomplete{position:relative}.easy-autocomplete input{border-color:#ccc;border-radius:4px;border-style:solid;border-width:1px;box-shadow:0 1px 2px rgba(0,0,0,0.1) inset;color:#555;float:none;padding:6px 12px}.easy-autocomplete input:hover,.easy-autocomplete input:focus{box-shadow:none}.easy-autocomplete a{display:block}.easy-autocomplete.eac-blue-light input:hover,.easy-autocomplete.eac-blue-light input:focus{border-color:#66afe9;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(102,175,233,0.6)}.easy-autocomplete.eac-blue-light ul{border-color:#66afe9;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(102,175,233,0.6)}.easy-autocomplete.eac-blue-light ul li,.easy-autocomplete.eac-blue-light ul .eac-category{border-color:#66afe9}.easy-autocomplete.eac-blue-light ul li.selected,.easy-autocomplete.eac-blue-light ul .eac-category.selected{background-color:#ecf5fc}.easy-autocomplete.eac-green-light input:hover,.easy-autocomplete.eac-green-light input:focus{border-color:#41DB00;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(146,237,107,0.6)}.easy-autocomplete.eac-green-light ul{border-color:#41DB00;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(146,237,107,0.6)}.easy-autocomplete.eac-green-light ul li,.easy-autocomplete.eac-green-light ul .eac-category{border-color:#41DB00}.easy-autocomplete.eac-green-light ul li.selected,.easy-autocomplete.eac-green-light ul .eac-category.selected{background-color:#9eff75}.easy-autocomplete.eac-red-light input:hover,.easy-autocomplete.eac-red-light input:focus{border-color:#ff5b5b;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(255,90,90,0.6)}.easy-autocomplete.eac-red-light ul{border-color:#ff5b5b;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(255,90,90,0.6)}.easy-autocomplete.eac-red-light ul li,.easy-autocomplete.eac-red-light ul .eac-category{border-color:#ff5b5b}.easy-autocomplete.eac-red-light ul li.selected,.easy-autocomplete.eac-red-light ul .eac-category.selected{background-color:#ff8e8e}.easy-autocomplete.eac-yellow-light input:hover,.easy-autocomplete.eac-yellow-light input:focus{border-color:#ffdb00;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(255,231,84,0.6)}.easy-autocomplete.eac-yellow-light ul{border-color:#ffdb00;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(255,231,84,0.6)}.easy-autocomplete.eac-yellow-light ul li,.easy-autocomplete.eac-yellow-light ul .eac-category{border-color:#ffdb00}.easy-autocomplete.eac-yellow-light ul li.selected,.easy-autocomplete.eac-yellow-light ul .eac-category.selected{background-color:#ffe233}.easy-autocomplete.eac-dark-light input:hover,.easy-autocomplete.eac-dark-light input:focus{border-color:#333;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(55,55,55,0.6)}.easy-autocomplete.eac-dark-light ul{border-color:#333;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(55,55,55,0.6)}.easy-autocomplete.eac-dark-light ul li,.easy-autocomplete.eac-dark-light ul .eac-category{border-color:#333}.easy-autocomplete.eac-dark-light ul li.selected,.easy-autocomplete.eac-dark-light ul .eac-category.selected{background-color:#4d4d4d;color:#fff}.easy-autocomplete.eac-dark{color:#fff}.easy-autocomplete.eac-dark input{background-color:#404040;border-radius:4px;box-shadow:0;color:#f6f6f6}.easy-autocomplete.eac-dark input:hover,.easy-autocomplete.eac-dark input:focus{border-color:#333;box-shadow:0}.easy-autocomplete.eac-dark ul{border-color:#333}.easy-autocomplete.eac-dark ul li,.easy-autocomplete.eac-dark ul .eac-category{background-color:#404040;border-color:#333}.easy-autocomplete.eac-dark ul li.selected,.easy-autocomplete.eac-dark ul .eac-category.selected{background-color:#737373;color:#f6f6f6}.easy-autocomplete.eac-dark-glass{color:#fff}.easy-autocomplete.eac-dark-glass input{background-color:rgba(0,0,0,0.8);border-radius:4px;box-shadow:0;color:#f6f6f6}.easy-autocomplete.eac-dark-glass input:hover,.easy-autocomplete.eac-dark-glass input:focus{border-color:rgba(0,0,0,0.8);box-shadow:0}.easy-autocomplete.eac-dark-glass ul{border-color:rgba(0,0,0,0.8)}.easy-autocomplete.eac-dark-glass ul li,.easy-autocomplete.eac-dark-glass ul .eac-category{background-color:rgba(0,0,0,0.8);border-color:rgba(0,0,0,0.8)}.easy-autocomplete.eac-dark-glass ul li.selected,.easy-autocomplete.eac-dark-glass ul .eac-category.selected{background-color:rgba(64,64,64,0.8);color:#f6f6f6}.easy-autocomplete.eac-dark-glass ul li:last-child,.easy-autocomplete.eac-dark-glass ul .eac-category:last-child{border-radius:0 0 4px 4px}.easy-autocomplete.eac-blue{color:#fff}.easy-autocomplete.eac-blue input{background-color:#6d9ed1;border-radius:4px;box-shadow:0;color:#f6f6f6}.easy-autocomplete.eac-blue input::-webkit-input-placeholder{color:#f6f6f6}.easy-autocomplete.eac-blue input:-moz-placeholder{color:#f6f6f6}.easy-autocomplete.eac-blue input::-moz-placeholder{color:#f6f6f6}.easy-autocomplete.eac-blue input:-ms-input-placeholder{color:#f6f6f6}.easy-autocomplete.eac-blue input:hover,.easy-autocomplete.eac-blue input:focus{border-color:#5A91CB;box-shadow:0}.easy-autocomplete.eac-blue ul{border-color:#5A91CB}.easy-autocomplete.eac-blue ul li,.easy-autocomplete.eac-blue ul .eac-category{background-color:#6d9ed1;border-color:#5A91CB}.easy-autocomplete.eac-blue ul li.selected,.easy-autocomplete.eac-blue ul .eac-category.selected{background-color:#94b8dd;color:#f6f6f6}.easy-autocomplete.eac-yellow{color:#333}.easy-autocomplete.eac-yellow input{background-color:#ffdb7e;border-color:#333;border-radius:4px;box-shadow:0;color:#333}.easy-autocomplete.eac-yellow input:hover,.easy-autocomplete.eac-yellow input:focus{border-color:#333;box-shadow:0}.easy-autocomplete.eac-yellow ul{border-color:#333}.easy-autocomplete.eac-yellow ul li,.easy-autocomplete.eac-yellow ul .eac-category{background-color:#ffdb7e;border-color:#333}.easy-autocomplete.eac-yellow ul li.selected,.easy-autocomplete.eac-yellow ul .eac-category.selected{background-color:#ffe9b1;color:#333}.easy-autocomplete.eac-purple{color:#333}.easy-autocomplete.eac-purple input{background-color:#d6d1e7;border-color:#b8afd5;box-shadow:0;color:#333}.easy-autocomplete.eac-purple input:hover,.easy-autocomplete.eac-purple input:focus{border-color:#333;box-shadow:0}.easy-autocomplete.eac-purple ul{border-color:#333}.easy-autocomplete.eac-purple ul li,.easy-autocomplete.eac-purple ul .eac-category{background-color:#d6d1e7;border-color:#333}.easy-autocomplete.eac-purple ul li.selected,.easy-autocomplete.eac-purple ul .eac-category.selected{background-color:#ebe8f3;color:#333}.easy-autocomplete.eac-bootstrap input{border-color:#ccc;border-radius:4px;border-style:solid;border-width:1px;color:#555;padding:6px 12px}.easy-autocomplete-container{left:0;position:absolute;width:100%;z-index:2}.easy-autocomplete-container ul{background:none repeat scroll 0 0 #ffffff;border-top:1px dotted #ccc;display:none;margin-top:0;padding-bottom:0;padding-left:0;position:relative;top:-1px}.easy-autocomplete-container ul li,.easy-autocomplete-container ul .eac-category{background:inherit;border-color:#ccc;border-image:none;border-style:solid;border-width:0 1px;display:block;font-size:14px;font-weight:normal;padding:4px 12px}.easy-autocomplete-container ul li:last-child{border-radius:0 0 2px 2px;border-width:0 1px 1px}.easy-autocomplete-container ul li.selected{background:none repeat scroll 0 0 #ebebeb;cursor:pointer}.easy-autocomplete-container ul li.selected div{font-weight:normal}.easy-autocomplete-container ul li div{display:block;font-weight:normal;word-break:break-all}.easy-autocomplete-container ul li b{font-weight:bold}.easy-autocomplete-container ul .eac-category{font-color:#aaa;font-style:italic}.eac-description .eac-item span{color:#aaa;font-style:italic;font-size:0.9em}.eac-icon-left .eac-item img{margin-right:4px;max-height:30px}.eac-icon-right .eac-item{margin-top:8px;min-height:24px;position:relative}.eac-icon-right .eac-item img{margin-left:4px;max-height:30px;position:absolute;right:-4px;top:-8px} /*# sourceMappingURL=easy-autocomplete.min.css.map */ /* *, *::after, *::before { box-sizing: border-box; }*/ /* -------------------------------- Main Components -------------------------------- */ .cd-horizontal-timeline { opacity: 0; /*margin: 2em auto;*/ padding: 15px; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; transition: opacity 0.2s; } .cd-horizontal-timeline ul, .cd-horizontal-timeline li { list-style-type: none; } .cd-horizontal-timeline::before { /* never visible - this is used in jQuery to check the current MQ */ content: 'mobile'; display: none; } .cd-horizontal-timeline.loaded { /* show the timeline after events position has been set (using JavaScript) */ opacity: 1; } .cd-horizontal-timeline .timeline { position: relative; height: 100px; width: 100%; max-width: 80%; /*margin: 0 auto;*/ margin-left: 30px; margin-right: 30px; overflow: hidden; } .cd-horizontal-timeline .events-wrapper { position: relative; height: 100%; margin: 0 40px; overflow: hidden; } .cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before { /* these are used to create a shadow effect at the sides of the timeline */ content: ''; position: absolute; z-index: 2; top: 0; height: 100%; width: 20px; } .cd-horizontal-timeline .events-wrapper::before { left: 0; } .cd-horizontal-timeline .events-wrapper::after { right: 0; } .cd-horizontal-timeline .events { /* this is the grey line/timeline */ position: absolute; z-index: 1; left: 0; top: 49px; height: 2px; /* width will be set using JavaScript */ background: var(--timelinefuture); -webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; transition: transform 0.4s; } .cd-horizontal-timeline .filling-line { /* this is used to create the green line filling the timeline */ position: absolute; z-index: 1; left: 0; top: 0; height: 100%; width: 100%; background-color: var(--timeline); -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; } .cd-horizontal-timeline .events a { position: absolute; width: 100px; bottom: 0; z-index: 2; text-align: center; font-size: 0.7rem; padding-bottom: 15px; color: var(--timelinetext); /* fix bug on Safari - text flickering while timeline translates */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); padding: 1px; white-space: pre-line; margin-bottom: 20px; line-height: 1.3em; } /* custom*/ /*.cd-horizontal-timeline .events a::before { content: ''; position: absolute; width: 1px; height: 20px; background: var(--timeline); bottom: -20px; left: 50%; }*/ .cd-horizontal-timeline .events a::after { content: ''; position: absolute; left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); bottom: -27px; height: 12px; width: 12px; border-radius: 50%; border: 2px solid var(--timeline); background-color: rgb(255,255,255); -webkit-transition: background-color 0.3s, border-color 0.3s; -moz-transition: background-color 0.3s, border-color 0.3s; transition: background-color 0.3s, border-color 0.3s; } .cd-horizontal-timeline .events a.hasevents { color: var(--timelinetextevents); font-weight: bold; } .cd-horizontal-timeline .events a.hasevents:after { background-color: var(--timelinehasevents); border-color: var(--timelinehaseventsborder); } .no-touch .cd-horizontal-timeline .events a:hover::after { background-color: var(--timelineselected); border-color: var(--timeline); } .cd-horizontal-timeline .events a.selected { pointer-events: none; } .cd-horizontal-timeline .events a.selected::after { background-color: var(--timelineselected); border-color: var(--timelineselected); } .cd-horizontal-timeline .events a.older-event::after { border-color: var(--timelineselected); } @media only screen and (min-width: 1100px) { .cd-horizontal-timeline { /*margin: 6em auto;*/ } .cd-horizontal-timeline::before { /* never visible - this is used in jQuery to check the current MQ */ content: 'desktop'; } } .cd-timeline-navigation a { /* these are the left/right arrows to navigate the timeline */ position: absolute; z-index: 1; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); height: 30px; width: 30px; border-radius: 50%; border: 2px solid var(--timeline); /* replace text with an icon */ overflow: hidden; color: transparent; text-indent: 100%; white-space: nowrap; -webkit-transition: border-color 0.3s; -moz-transition: border-color 0.3s; transition: border-color 0.3s; } .cd-timeline-navigation a::after { /* arrow icon */ content: ''; position: absolute; height: 16px; width: 16px; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRw%0D%0AOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhl%0D%0AaWdodD0iMzJweCIgdmlld0JveD0iMCAwIDE2IDMyIj48ZyAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUo%0D%0AMCwgMCkiPjxwb2x5Z29uIGZpbGw9IiM3YjlkNmYiIHBvaW50cz0iNiwxMy40IDQuNiwxMiA4LjYs%0D%0AOCA0LjYsNCA2LDIuNiAxMS40LDggIi8+PC9nPjxnICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLCAx%0D%0ANikiPjxwb2x5Z29uIGZpbGw9IiNkZmRmZGYiIHBvaW50cz0iNiwxMy40IDQuNiwxMiA4LjYsOCA0%0D%0ALjYsNCA2LDIuNiAxMS40LDggIi8+PC9nPjwvc3ZnPg==) no-repeat 0 0; } .cd-timeline-navigation a.prev { left: 0; -webkit-transform: translateY(-50%) rotate(180deg); -moz-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); -o-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .cd-timeline-navigation a.next { right: 0; color: var(--timeline); } .no-touch .cd-timeline-navigation a:hover { border-color: var(--timelineselected); } .cd-timeline-navigation a.inactive { cursor: not-allowed; } .cd-timeline-navigation a.inactive::after { background-position: 0 -16px; } .no-touch .cd-timeline-navigation a.inactive:hover { border-color: var(--timelineselected); } .cd-horizontal-timeline .events-content { position: relative; /*width: 100%;*/ /*margin: 2em 0;*/ /**/ overflow: hidden; -webkit-transition: height 0.4s; -moz-transition: height 0.4s; transition: height 0.4s; padding-bottom: 20px; } .cd-horizontal-timeline .events-content li { position: absolute; z-index: 1; width: 100%; left: 0; top: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); /*padding: 0 5%;*/ opacity: 0; -webkit-animation-duration: 0.4s; -moz-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } .cd-horizontal-timeline .events-content li.selected { /* visible event content */ position: relative; z-index: 2; opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right { -webkit-animation-name: cd-enter-right; -moz-animation-name: cd-enter-right; animation-name: cd-enter-right; } .cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left { -webkit-animation-name: cd-enter-left; -moz-animation-name: cd-enter-left; animation-name: cd-enter-left; } .cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left { -webkit-animation-direction: reverse; -moz-animation-direction: reverse; animation-direction: reverse; } .cd-horizontal-timeline .events-content li > * { /*max-width: 800px; margin: 0 auto; margin-left: 40px; margin-right: 40px; width: 600px; height: 34px;*/ } .cd-horizontal-timeline .events-content h2 { font-weight: bold; font-size: 3em !important; font-weight: 700; line-height: 1.2; } .cd-horizontal-timeline .events-content em { display: block; font-style: italic; margin: 10px auto; } .cd-horizontal-timeline .events-content em::before { content: '- '; } .cd-horizontal-timeline .events-content p { font-size: 1.5em !important; color: var(--timeline); } .cd-horizontal-timeline .events-content em, .cd-horizontal-timeline .events-content p { line-height: 1.6; } @media only screen and (min-width: 768px) { .cd-horizontal-timeline .events-content h2 { font-size: 7rem; } .cd-horizontal-timeline .events-content em { font-size: 1.5em !important; } .cd-horizontal-timeline .events-content p { font-size: 1.8rem; } } /* @-webkit-keyframes cd-enter-right { 0% { opacity: 0; -webkit-transform: translateX(100%); } 100% { opacity: 1; -webkit-transform: translateX(0%); } } @-moz-keyframes cd-enter-right { 0% { opacity: 0; -moz-transform: translateX(100%); } 100% { opacity: 1; -moz-transform: translateX(0%); } } @keyframes cd-enter-right { 0% { opacity: 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } 100% { opacity: 1; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } @-webkit-keyframes cd-enter-left { 0% { opacity: 0; -webkit-transform: translateX(-100%); } 100% { opacity: 1; -webkit-transform: translateX(0%); } } @-moz-keyframes cd-enter-left { 0% { opacity: 0; -moz-transform: translateX(-100%); } 100% { opacity: 1; -moz-transform: translateX(0%); } } @keyframes cd-enter-left { 0% { opacity: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } 100% { opacity: 1; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } */ /* .contractChangeRow > span:nth-child(1) { width: 200px; text-align: right; float: left; margin-right: 5px; } .contractChangeRow > span:nth-child(2) { width: 200px; text-align: right; float: left; margin-right: 5px; } .contractChangeRow > span:nth-child(3) { width: 60px; text-align: left; margin-right: 5px; } .contractChangeRow > span:nth-child(4) { width: 200px; text-align: left; margin-right: 5px; } .contractChangeRow > span:nth-child(5) { width: 200px; text-align: left; margin-right: 5px; }*/ .ms-container{ background: transparent url('/images/switch.png') no-repeat 50% 50%; width: 100%; } .ms-container:after{ content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden; } .ms-container .ms-selectable, .ms-container .ms-selection{ background: #fff; color: #555555; float: left; width: 45%; } .ms-container .ms-selection{ float: right; } .ms-container .ms-list{ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -ms-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; border: 1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; position: relative; height: 200px; padding: 2px; overflow-y: auto; } .ms-container .ms-list.ms-focus{ border-color: rgba(82, 168, 236, 0.8); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); outline: 0; outline: thin dotted \9; } .ms-container ul{ margin: 0; list-style-type: none; padding: 0; } .ms-container .ms-optgroup-container{ width: 100%; } .ms-container .ms-optgroup-label{ margin: 0; padding: 5px 0px 0px 5px; cursor: pointer; color: #999; } .ms-container .ms-selectable li.ms-elem-selectable, .ms-container .ms-selection li.ms-elem-selection { /*border-bottom: 1px #eee solid;*/ padding: 1px 2px; color: #555; font-size: 11px; line-height: 1em !important; text-align: left; } .ms-container .ms-selectable li.ms-hover, .ms-container .ms-selection li.ms-hover{ cursor: pointer; color: #fff; text-decoration: none; background-color: #08c; } .ms-container .ms-selectable li.disabled, .ms-container .ms-selection li.disabled{ background-color: #eee; color: #aaa; cursor: text; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 8042; overflow: hidden; position: fixed; background: #3337; /*opacity: 1.0; filter: alpha(opacity=100);*/ } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 8043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 8045; } /* .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; }*/ .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 8044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 8046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } /*-----common css start-----*/ .gc-theme-version { position: absolute; z-index: 2016; } .gc-grayArea { background-color: #e6e6e6; } .gc-corner-hover { background-color: #e6e6e6; } .gc-corner-selected { background-color: #e6e6e6; } .gc-corner-normal { background-color: #e6e6e6; } .gc-corner-triangle-normal { background-color: #b4b4b4; background-image: -webkit-linear-gradient(top, #b4b4b4, #b4b4b4); /* For Chrome and Safari */ background-image: -moz-linear-gradient(top, #b4b4b4, #b4b4b4); /* For old Fx (3.6 to 15) */ background-image: -ms-linear-gradient(top, #b4b4b4, #b4b4b4); /* For pre-releases of IE 10*/ background-image: -o-linear-gradient(top, #b4b4b4, #b4b4b4); /* For old Opera (11.1 to 12.0) */ background-image: linear-gradient(to bottom, #b4b4b4, #b4b4b4); /* Standard syntax; must be last */ border-style:solid; border-left-color: #d6d6d6 !important; border-right-color: #9b9b9b !important; border-top-color: #d2d2d2 !important; border-bottom-color: #9c9c9c !important; } .gc-corner-triangle-hover { background-color: #9e9e9e; background-image: -webkit-linear-gradient(top, #9e9e9e, #9e9e9e); /* For Chrome and Safari */ background-image: -moz-linear-gradient(top, #9e9e9e, #9e9e9e); /* For old Fx (3.6 to 15) */ background-image: -ms-linear-gradient(top, #9e9e9e, #9e9e9e); /* For pre-releases of IE 10*/ background-image: -o-linear-gradient(top, #9e9e9e, #9e9e9e); /* For old Opera (11.1 to 12.0) */ background-image: linear-gradient(to bottom, #9e9e9e, #9e9e9e); /* Standard syntax; must be last */ border-style:solid; border-left-color: #d6d6d6 !important; border-right-color: #9b9b9b !important; border-top-color: #d2d2d2 !important; border-bottom-color: #9c9c9c !important; } .gc-corner-triangle-selected { background-color: #217346; background-image: -webkit-linear-gradient(top, #217346, #217346); /* For Chrome and Safari */ background-image: -moz-linear-gradient(top, #217346, #217346); /* For old Fx (3.6 to 15) */ background-image: -ms-linear-gradient(top, #217346, #217346); /* For pre-releases of IE 10*/ background-image: -o-linear-gradient(top, #217346, #217346); /* For old Opera (11.1 to 12.0) */ background-image: linear-gradient(to bottom, #217346, #217346); /* Standard syntax; must be last */ border-style:solid; border-left-color: #d6d6d6 !important; border-right-color: #9b9b9b !important; border-top-color: #d2d2d2 !important; border-bottom-color: #9c9c9c !important; } .gc-columnHeader-normal { color: black; background-image: none; background-color: #e6e6e6; border-style:solid; border-left-color: #d2d2d2 !important; border-right-color: #9c9c9c !important; border-bottom-color: #999999 !important; } .gc-columnHeader-hover { color: black; background-image: none; background-color: #9fd5b7; border-style:solid; border-left-color: #d2d2d2 !important; border-right-color: #9c9c9c !important; border-bottom-color: #999999 !important; } .gc-columnHeader-selected { color: #217346; background-image: none; background-color: #d3f0e0; border-style:solid; border-left-color: #d2d2d2 !important; border-right-color: #9c9c9c !important; border-bottom-color: #999999 !important; } .gc-columnHeader-highlight { color: #217346; background-image: none; background-color: #d2d2d2; border-style:solid; border-left-color: #d2d2d2 !important; border-right-color: #9c9c9c !important; border-bottom-color: #999999 !important; } .gc-rowHeader-normal { color: black; background-color: #e6e6e6; background-image: none; border-style:solid; border-top-color: #d2d2d2 !important; border-bottom-color: #9c9c9c !important; border-right-color: #999999 !important; } .gc-rowHeader-hover { color: black; background-color: #9fd5b7; background-image: none; border-style:solid; border-top-color: #d2d2d2 !important; border-bottom-color: #9c9c9c !important; border-right-color: #999999 !important; } .gc-rowHeader-selected { color: #217346; background-color: #d3f0e0; background-image: none; border-style:solid; border-top-color: #d2d2d2 !important; border-bottom-color: #9c9c9c !important; border-right-color: #999999 !important; } .gc-rowHeader-highlight { color: #217346; background-color: #d2d2d2; background-image: none; border-style:solid; border-top-color: #d2d2d2 !important; border-bottom-color: #9c9c9c !important; border-right-color: #999999 !important; } .gc-horizontal-scrollbar { box-sizing:content-box; background: #e6e6e6; border-top: 1px solid #999999; height: 18px; padding: 4px 0px 5px 0px; margin: 0; } .gc-vertical-scrollbar { box-sizing:content-box; background: #e6e6e6; border-left: 1px solid #999999; width: 18px; padding: 0px 5px 0px 4px; margin: 0; } .gc-footer-corner { background-color: #e6e6e6; } .gc-selection { background-color: rgba(20, 20, 20, 0.2); border-color: #217346; color: rgba(240,240,240,0.7); } .gc-drag-indicator { border-color: #217346; } .gc-gridlineColor { border-color: #d4d4d4; } .gc-group { background-color: #e6e6e6; color: #999999; } .gc-group-box { background-color: #e4e4e4; color: #646464; border-color: #828790; } .gc-tabStripNewTab-highlight { border-color: #777777; } .gc-tabStripNewTab-hover { border-color: #439467; } .gc-tabStripBackground { background-image: -webkit-linear-gradient(top, #e6e6e6, #e6e6e6); /* For Chrome and Safari */ background-image: -moz-linear-gradient(top, #e6e6e6, #e6e6e6); /* For old Fx (3.6 to 15) */ background-image: -ms-linear-gradient(top, #e6e6e6, #e6e6e6); /* For pre-releases of IE 10*/ background-image: -o-linear-gradient(top, #e6e6e6, #e6e6e6); /* For old Opera (11.1 to 12.0) */ background-image: linear-gradient(to bottom, #e6e6e6, #e6e6e6); /* Standard syntax; must be last */ background-color: #e6e6e6; border-color: #999999; } .gc-tabStripResizeBarInner { color: #b3b3b3; } .gc-navMoreButton-highlight { border-color: #0a6332; } .gc-navMoreButton-hover { border-color: #439467; } .gc-navButton-hover { border-color: #439467; } .gc-navButton-highlight { border-color: #0a6332; } .gc-navButton-normal { border-color: #c6c6c6; } .gc-tab-normal { color: #444444; background-image: none; background-color: transparent; border-style: solid; border-left-color: #999999; border-bottom-color: #217346; } .gc-tab-hover { color: #252627; background-image: none; background-color: transparent; border-style: solid; border-left-color: #999999; border-bottom-color: #217346; } .gc-tab-active { color: #217346; background-image: none; background-color: white; border-style: solid; border-left-color: #999999; border-bottom-color: #217346; } .gc-rowHeaderFill { background-color: #e4ecf7; } .gc-colHeaderFill { background-image: -webkit-linear-gradient(top, #F6FAFB 12.5%, #D2DBEB); /* For Chrome and Safari */ background-image: -moz-linear-gradient(top, #F6FAFB 12.5%, #D2DBEB); /* For old Fx (3.6 to 15) */ background-image: -ms-linear-gradient(top, #F6FAFB 12.5%, #D2DBEB); /* For pre-releases of IE 10*/ background-image: -o-linear-gradient(top, #F6FAFB 12.5%, #D2DBEB); /* For old Opera (11.1 to 12.0) */ background-image: linear-gradient(to bottom, #F6FAFB 12.5%, #D2DBEB); /* Standard syntax; must be last */ background-color: #D2DBEB; } .gc-gradientButton { background-color: #DDDDDD; /* fallback color if gradients are not supported */ background-image: -webkit-linear-gradient(top, #F6FAFB, #D2DBEB); /* For Chrome and Safari */ background-image: -moz-linear-gradient(top, #F6FAFB, #D2DBEB); /* For old Fx (3.6 to 15) */ background-image: -ms-linear-gradient(top, #F6FAFB, #D2DBEB); /* For pre-releases of IE 10*/ background-image: -o-linear-gradient(top, #F6FAFB, #D2DBEB); /* For old Opera (11.1 to 12.0) */ background-image: linear-gradient(to bottom, #F6FAFB, #D2DBEB); /* Standard syntax; must be last */ } .gc-sheetTabEditor::-ms-clear { display: none; } .gc-layout-table { font-size:12px; width:100%; height:100%; font-family:Lucida Grande, Lucida Sans, Arial, sans-serif; } .gc-layout-table-first-column { width:21px; border-right:1px solid #CCC; text-align:right; padding-top:7px; } .gc-layout-table-last-column { width:18px; } .gc-filter-sort-desc-container { border-bottom:1px solid #CCC; } .gc-filter-item-wrapper { } .gc-filter-dialog-style { background:#ffffff; font-family:Lucida Grande, Lucida Sans, Arial, sans-serif; font-size:12px; border:1px solid #c6c6c6; } .gc-search-outer-div { border: none; margin:4px 0px 0px 4px; background-color: white; background-image: none; color:#1e395b; font-weight:normal; } div.gc-search-outer-div input::-ms-clear{ display:none; } #gc-filterSearch { width:165px; height:21px; border:1px solid #ababab; margin-left:7px; margin-top:4px; margin-bottom: 0px; padding: 0; font-size: 1em; background-color:white; color:black; float:none; } #gc-filterSearch:hover, #gc-filterSearch:active{ background-color:white; } .gc-check-uncheck-all { float:left; width:16px; height:16px; display:inline-block; } .gc-filter-check-outerDiv .gc-check-image, .gc-fill-type-item .gc-check-image { background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAGxJREFUOE+ljsENgDAMAzsaQ3QMxP4/wAhXwTKhEY9TlZOdtK1b/4WVFaysYGUFKxMWdY/hA5T3+x0+BjJYJmOJBoF+87UMYhAwzFBaBnFwYZ1j/kKFltIycHLqMrHyhEvSMrCygpUVrJyntwPdKU02VXQw7gAAAABJRU5ErkJggg==); } .gc-filter-check-outerDiv .gc-uncheck-image, .gc-fill-type-item .gc-uncheck-image { background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAIJJREFUOE+lkssNgDAMQzsCw3UMxEocGKWDQSLVUj5GJeLwhPyI0x7a9qP/gsoKVFagskIUm3ALp3GKZvX63/q0QIcAlqAMXMcFIQ6z7DouTGLptawkMVmeDJi8BFsGQ0jzUcRyvEla4oLAhvVrveu4IOAdxJOwZPkOylBZgcrv9PYAV9tkcyJlS4sAAAAASUVORK5CYII=); } .gc-check-image, .gc-uncheck-image { background-position:center; } .gc-filter-check-outerDiv { height:18px; margin-top:4px; } a.gc-filter-check-style { color:#1e395b; text-shadow:none; } a.gc-filter-check { text-decoration: none; } a.gc-filter-check:hover { text-decoration:underline; } #gc-sortASC:hover, #gc-sortASC:active { border-color: #e3e3e3; outline: none; -webkit-box-shadow: none; box-shadow: none; } .gc-filter-sort { border:1px solid transparent; font-weight:normal; color:#222222; } .gc-filter-hover { border-radius: 0px; outline:none; } .gc-filter-item { position: relative; cursor: default; font-weight:normal; border-style: solid; border-color: transparent; } .gc-filter-item-container { border:1px solid #a7abb0; border-radius:3px; margin:4px 0px 4px 4px; overflow:hidden; } .gc-filter-item-input { float: left; clear: left; margin: 3px !important; } .gc-filter-item-text { font-family: Lucida Grande,Lucida Sans,Arial,sans-serif; font-size: 12px; margin: 2px; white-space:nowrap; word-wrap:normal; float: left; clear: right; } .gc-filter-button { width:90px; height:27px; border-radius:3px; margin:2px 1px 5px; } .gc-filter-button-disable { opacity:.35; background-image:none; } #gc-filterOK { margin-left:13px; margin-bottom:5px; float:left; } #gc-filterCancel { margin-bottom:5px; float:left; } .gc-filter-button-default { border:1px solid #acacac; border-radius: 0; background-image: -webkit-linear-gradient(top, #f0f0f0, #e5e5e5); /* For Chrome and Safari */ background-image: -moz-linear-gradient(top, #f0f0f0, #e5e5e5); /* For old Fx (3.6 to 15) */ background-image: -ms-linear-gradient(top, #f0f0f0, #e5e5e5); /* For pre-releases of IE 10*/ background-image: -o-linear-gradient(top, #f0f0f0, #e5e5e5); /* For old Opera (11.1 to 12.0) */ background-image: linear-gradient(to bottom, #f0f0f0, #e5e5e5); /* Standard syntax; must be last */ font-weight:normal; color: black; } .gc-filter-button-hover { border:1px solid #7eb4ea; border-radius: 0; background-color: #d3f0e0; background-image: -webkit-linear-gradient(top, #ecf4fc, #dcecfc); /* For Chrome and Safari */ background-image: -moz-linear-gradient(top, #ecf4fc, #dcecfc); /* For old Fx (3.6 to 15) */ background-image: -ms-linear-gradient(top, #ecf4fc, #dcecfc); /* For pre-releases of IE 10*/ background-image: -o-linear-gradient(top, #ecf4fc, #dcecfc); /* For old Opera (11.1 to 12.0) */ background-image: linear-gradient(to bottom, #ecf4fc, #dcecfc); /* Standard syntax; must be last */ color: black; font-weight:normal; text-shadow:none; cursor:pointer; } .gc-filter-button-active { border:1px solid #569de5; border-radius: 0; background-color: #ffe475; background-image: -webkit-linear-gradient(top, #daecfc, #c4e0fc); /* For Chrome and Safari */ background-image: -moz-linear-gradient(top, #daecfc, #c4e0fc); /* For old Fx (3.6 to 15) */ background-image: -ms-linear-gradient(top, #daecfc, #c4e0fc); /* For pre-releases of IE 10*/ background-image: -o-linear-gradient(top, #daecfc, #c4e0fc); /* For old Opera (11.1 to 12.0) */ background-image: linear-gradient(to bottom, #daecfc, #c4e0fc); /* Standard syntax; must be last */ font-weight:normal; color: black; -webkit-box-shadow: none; box-shadow: none; } .gc-filter-item-hover { border:1px solid transparent; background-color: #c5c5c5; background-image: none; color:#1d5987; font-weight:normal; text-shadow:none; } .gc-smartMenu-item-default { border:1px solid transparent; background-color: white; background-image: none; font-weight:normal; color:#1e395b; border-radius:0; } .gc-smartMenu-item-hover { border:1px solid #86bfa0; background-color: #d3f0e0; background-image: none; color:#1d5987; font-weight:normal; text-shadow:none; } .gc-smart-tag-default { border:1px solid #ababab; background: white; color:#1e395b; font-weight:normal; border-radius:0; } .gc-smart-tag-hover { border:1px solid #9fd5b7; background-color: white; background-image: none; color:#1d5987; font-weight:normal; text-shadow:none; } .gc-smart-tag-active { border:1px solid #9fd5b7; background-color:#9fd5b7; background-image: none; font-weight:normal; color:#262626; -webkit-box-shadow: none; box-shadow: none; } .gc-menu-item-input { width:16px; height:16px; margin:1px; float:left; display:inline-block; } .gc-menu-item-text { font-size:12px; font-weight:normal; display:inline-block; float:left; padding-top:2px; font-family:Arial; } .gc-fill-menu-container { box-shadow:rgba(0,0,0,0.4) 1px 2px 5px; cursor:default; } .gc-toolstrip-default { background: white; border:1px solid #c6c6c6; } .gc-toolstrip-button-style:active, .gc-toolstrip-button-style { color: black; background:white; -webkit-box-shadow: none; box-shadow: none; } .gc-tab-tip-span{ background:#D6E6F9; color:black; border:1px solid #D6E6F9; font-weight:normal; } .gc-spread-toolTip { border: 1px solid #bebebe; border-radius: 0px; background-color: white; background-image: none; font-weight: normal; color: #217346; } .gc-no-user-select { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; user-select: none; } /*-----common css end-----*/ /*-----formula textbox start-----*/ /* function autocomplete */ /* function autocomplete */ .gcsj-func-ac-popup { margin: 0; padding: 0; background: #fff; border: 1px solid rgba(0,0,0,0.2); font-family: arial,sans-serif; font-size: 12px; line-height: 22px; position: absolute; width: 300px; z-index: 2001; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2); -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2); box-shadow: 0 2px 4px rgba(0,0,0,0.2); } .gcsj-func-ac-row { margin: 0; cursor: default; padding: 2px 10px; color: #666666; } .gcsj-func-ac-row-name { color: #222; font-size: 13px; font-family: inconsolata,monospace,arial,sans,sans-serif; margin: -2px 0; } .gcsj-func-ac-row-description { color: #666; display: none; font-size: 11px; margin: -2px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .gcsj-ac-row-active { background-color: #f5f5f5; color: #000; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; padding: 1px 10px } .gcsj-ac-row-active .gcsj-func-ac-row-description { display:block; } /* function help */ .gcsj-func-help-popup { background-color:#fff; border: 1px solid rgba(0,0,0,0.2); color: #222; font-size: 11px; word-wrap: break-word; position: absolute; width: 320px; z-index: 2001; -webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2); -moz-box-shadow:0 2px 4px rgba(0,0,0,0.2); box-shadow:0 2px 4px rgba(0,0,0,0.2); } .gcsj-func-help-title { background-color: #f5f5f5; color: #222; font-size: 13px; padding: 1px 0 1px 10px; } .gcsj-func-help-body { border-top: 1px solid #ebebeb; font-family: arial, sans-serif; overflow: hidden; } .gcsj-func-help-content { padding-bottom: 2px; } .gcsj-func-help-section { padding: 5px 10px; } .gcsj-func-help-section-title { font-size: 11px; color: #666; } .gcsj-func-help-section-content { font-size: 11px; } .gcsj-func-help-formula { font-family: inconsolata,monospace,arial,sans,sans-serif; padding: 1px 0; } .gcsj-func-help-formula-name { } .gcsj-func-help-paramter { padding-left:1px; } .gcsj-func-help-paramter-paren { } .gcsj-func-help-paramter-active { background-color: #feb; } /* color text */ .gcsj-func-color-content { white-space: pre-wrap; } /*-----formula textbox end-----*/ /*-----floatingobject start-----*/ .gc-floatingobject-selected{ border:1px solid #939393; } .gc-floatingobject-unselected{ background-color: transparent; border:1px solid transparent; } .gc-floatingobject-container{ position: absolute; overflow: hidden; box-sizing:content-box; } .gc-floatingobject-background-cover{ -webkit-background-size: cover; /* For WebKit*/ -moz-background-size: cover; /* Mozilla*/ -o-background-size: cover; /* Opera*/ background-size: cover; /* Generic*/ } .gc-floatingobject-moving-container{ position: absolute; overflow: hidden; } .gc-floatingobject-moving-div{ position: absolute; border:1px solid black; } .gc-floatingobject-resize-indicator { box-sizing:content-box; } .gc-floatingobject-resize-indicator-select{ background-color:white; border-radius:2px; -moz-border-radius:1px; border:1px solid #939393; z-index:100; } .gc-floatingobject-resize-indicator-unSelect{ display: none; } .gc-floatingobject-absolute{ position: absolute; } .gc-floatingobject-content-container { box-sizing:content-box; } /*-----floatingobject end-----*/ /*-----scrollbar start-----*/ /*scrollbar*/ .gc-scroll-container{ background-color: #dbdbdb; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .gc-scroll-corner-all { border-radius: 2px; } .gc-scroll-arrow{ background-color: white; border-style:solid; border-color: #ababab; background-image: none; border-radius: 0; } .gc-scroll-arrow .gc-scroll-arrowUp{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAClJREFUKFNjGEmgvLz8P5RJHABpgGGoEH6ArIEojdg0wDBUyShAAAYGAHSXJkH1wN/VAAAAAElFTkSuQmCC); } .gc-scroll-arrowUp { background-position: center; } .gc-scroll-arrow .gc-scroll-arrowDown { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAACRJREFUKFNjGAVYQHl5+X9cGKoEOyBZAwyQrAEGSNYwpAEDAwBvhSZBmzrLGgAAAABJRU5ErkJggg==); } .gc-scroll-arrowDown { background-position: center; } .gc-scroll-arrow .gc-scroll-arrowLeft{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAADBJREFUKFNjGMKgvLz8P5RJHABpIEkTTAPRmpA1EK0JBMjSBAJkaQIBsjQNNGBgAABe7iZBxoz5vwAAAABJRU5ErkJggg==); } .gc-scroll-arrowLeft { background-position: center; } .gc-scroll-arrow .gc-scroll-arrowRight{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAC5JREFUKFNjGIKgvLz8P5RJPABpIlkjTBNJGpE1Ea2RZA0gQLIGECBZw2ACDAwAhS4mQZAuqGcAAAAASUVORK5CYII=); } .gc-scroll-arrowRight { background-position: center; } .gc-scroll-bar .gc-scrollbar-vertical { background-image: none; background-repeat: no-repeat; } .gc-scrollbar-vertical { background-position: center; } .gc-scroll-bar .gc-scrollbar-horizontal { text-indent: 0; background-image: none; background-repeat: no-repeat; } .gc-scrollbar-horizontal { background-position: center; } .gc-scrollbar-wrapper { background-color: transparent; } .gc-scroll-bar { border-style:solid; border-color:#ababab; background: white; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } .gc-scroll-arrow-hover { border-style:solid; border-color:#777777; background: white; } .gc-scrollbar-stateHover { border-style:solid; border-color:#ababab; background: #f0f0f0; } .gc-scroll-arrow:active, .gc-scroll-bar:active, .gc-scrollbar-stateActive { border-style:solid; border-color:#777777; background: #f0f0f0; -webkit-box-shadow: none; box-shadow: none; } /*-----scrollbar end-----*/ /* The jQuery UI Month Picker Version 3.0.4 https://github.com/KidSysco/jquery-ui-month-picker/ Copyright (C) 2007 Free Software Foundation, Inc. This program is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version. This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. You should have received a copy of the GNU General Public License along with this program. If not, see . */ .month-picker { display: inline-block; position: absolute; z-index: 9999; } .month-picker table { border-collapse: separate; border-spacing: 2px 2px; } .month-picker td { padding: 0px; } /* Prevents the button labels from maving sligtly to the left when applying the width CSS property to the buttons. See: .month-picker-month-table button { width: 4.3em; } */ .month-picker .ui-button-text { padding: .4em 0; } .month-picker-header { margin: 3px 3px 0px 3px; } .month-picker-year-table { width: 100%; /* Makes sure the next/previous/jump years buttons are not unnecessarily selected if the user clicks them a couple of times fast. */ -ms-user-select: none; /* IE 10+ */ -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; } /* The plugin uses buttons with a transparent background in the year-table (aka header) in order to look consistent with jQuery UI datepicker and to make the year title a button that blends into the heading in the default state. The plugin does this by removing the .ui-state-default class from (in MonthPicker.js) the a tags (buttons) which also ends up removing the 1px border that it applies. To prevent the button from resizing and moving everything around when you hover in and out, we use a carefully constructed selector, which gets overroden by the more specific .ui-state-hover/actove class selectors in the jquery-ui.css that apply the visible borders that we want. This selector applies a 1px transparent border that keeps the button in the same size, but it doesen't hide the borders that .ui-state-hover/actove give us. */ .month-picker-year-table a { border: 1px solid transparent; } /* Sets the size of the next/previous buttons, and makes the buttons in the heading (year-table) sligtly bigger, and removes the pointer cursor from the buttons in the heading (year-table). */ .month-picker-year-table .ui-button { font-size: 1.1em; width: 1.5em; height: 1.5em; cursor: default; margin: 0; } .month-picker-year-table .month-picker-title { text-align: center; } .month-picker-year-table .month-picker-title .ui-button { font-size: 1em; padding: .1em 0; width: 100%; font-weight: bold; } /* The buttons in the heading (year-table) are slightly shrinked, but because jQuery ui and the .month-picker .ui-button-text rule at the top of this CSS file apply some padding which results in the button text being moved to the bottom of the button. This rule removes the unnecessary padding so the text in the jump years button will be vericaly centred. */ .month-picker-year-table .ui-button-text { padding: 0; } .month-picker-month-table td { height: 35px; text-align: center; } /* Makes sure the buttons stay in the same size when swithching to the Jump years menu. this also ensures that the entire menu dosen't resize itself in response to the slightly bigger buttons in the Jump years menu. */ .month-picker-month-table .ui-button { width: 4.2em; margin: .2em; } .month-picker-open-button { height: 20px; width: 20px; vertical-align: bottom; } .month-picker-invalid-message { display: none; background-color: Yellow; } .month-picker-disabled { background-color: #e1e1e1; } .pvtUi{color:#333}table.pvtTable{font-size:8pt;text-align:left;border-collapse:collapse}table.pvtTable tbody tr th,table.pvtTable thead tr th{background-color:#e6EEEE;border:1px solid #CDCDCD;font-size:8pt;padding:5px}table.pvtTable .pvtColLabel{text-align:center}table.pvtTable .pvtTotalLabel{text-align:right}table.pvtTable tbody tr td{color:#3D3D3D;padding:5px;background-color:#FFF;border:1px solid #CDCDCD;vertical-align:top;text-align:right}.pvtGrandTotal,.pvtTotal{font-weight:700}.pvtVals{text-align:center;white-space:nowrap}.pvtColOrder,.pvtRowOrder{cursor:pointer;width:15px;margin-left:5px;display:inline-block}.pvtAggregator{margin-bottom:5px}.pvtAxisContainer,.pvtVals{border:1px solid gray;background:#EEE;padding:5px;min-width:20px;min-height:20px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none}.pvtAxisContainer li{padding:8px 6px;list-style-type:none;cursor:move}.pvtAxisContainer li.pvtPlaceholder{-webkit-border-radius:5px;padding:3px 15px;-moz-border-radius:5px;border-radius:5px;border:1px dashed #aaa}.pvtAxisContainer li span.pvtAttr{-webkit-text-size-adjust:100%;background:#F3F3F3;border:1px solid #DEDEDE;padding:2px 5px;white-space:nowrap;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.pvtTriangle{cursor:pointer;color:grey}.pvtHorizList li{display:inline}.pvtVertList{vertical-align:top}.pvtFilteredAttribute{font-style:italic}.pvtFilterBox{z-index:100;width:300px;border:1px solid gray;background-color:#fff;position:absolute;text-align:center}.pvtFilterBox h4{margin:15px}.pvtFilterBox p{margin:10px auto}.pvtFilterBox label{font-weight:400}.pvtFilterBox input[type=checkbox]{margin-right:10px;margin-left:10px}.pvtFilterBox input[type=text]{width:230px}.pvtFilterBox .count{color:gray;font-weight:400;margin-left:3px}.pvtCheckContainer{text-align:left;font-size:14px;white-space:nowrap;overflow-y:scroll;width:100%;max-height:250px;border-top:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3}.pvtCheckContainer p{margin:5px}.pvtRendererArea{padding:5px} body { /* padding-top: 151px; */ } .page { border: 1px solid #a5acb5; margin: 20px; padding: 15px; -webkit-box-shadow: #000000 0px 0px 10px; -moz-box-shadow: #000000 0px 0px 10px; box-shadow: #000000 0px 0px 10px; background: #FFF; behavior: url(/PIE.htc); } #ribbon { font-family: "Segoe UI", Verdana, Tahoma, Helvetica, sans-serif; cursor: default; font-size: 8pt; background-color: #eaedf1; border-bottom: 1px solid #8b9097; -webkit-box-shadow: #8b9097 0px 1px 3px; -moz-box-shadow: #8b9097 0px 1px 3px; box-shadow: #8b9097 0px 1px 3px; overflow-y: show; behavior: url(/PIE.htc); z-index: 2500; /*position: fixed; top: 78px;*/ left: 0; right: 0; letter-spacing: normal; line-height: normal; /*height: 145px;*/ } #ribbon.backstage { height: auto; bottom: 0; } #ribbon .ribbon-window-title { text-align: center; color: #000; padding: 2px; font-size: 10pt; display: none; /*display: block;*/ } #ribbon #ribbon-tab-header-strip { margin: 5px 0 0 10px; white-space: nowrap; display: none; } #ribbon .ribbon-tab-header { display: inline; margin: 0 5px; padding: 5px 10px; font-size: 8pt; color: #444; /*border: 1px solid #eaedf1;*/ border-bottom: 1px solid #b6babf; -webkit-border-radius: 4px 4px 0px 0px; -moz-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px; position: relative; z-index: 4000; } #ribbon.backstage .ribbon-tab-header { border-bottom: 1px solid #1f48a1; } #ribbon .ribbon-tab-header:hover { background: #f1f3f4; border: 1px solid #b6babf; margin: -1px 4px; cursor: pointer; } #ribbon.backstage .ribbon-tab-header { border-bottom: 1px solid #1f48a1; } #ribbon .ribbon-tab-header.sel, #ribbon .ribbon-tab-header.sel:hover { background: #fff; margin: -1px 4px; border: 1px solid #b6babf; border-bottom: 1px solid #fff; cursor: default; z-index: 4500; } #ribbon .ribbon-tab-header.file { padding: 5px 20px; background: #718792; /*background: -webkit-gradient(linear, 0 0, 0 bottom, from(#4488e5), to(#2860b3)); background: -moz-linear-gradient(#4488e5, #2860b3); -pie-background: linear-gradient(#4488e5, #2860b3);*/ border: 1px solid #718792; margin: -1px 4px; border-bottom: 1px solid #718792; cursor: default; color: #fff; } #ribbon .ribbon-tab-header.file:hover { background: #3870c3; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#5498f5), to(#3870c3)); background: -moz-linear-gradient(#5498f5, #3870c3); -pie-background: linear-gradient(#5498f5, #3870c3); border: 1px solid #1f48a1; cursor: pointer; border-bottom: 1px solid #4488e5; z-index: 5500; position: relative; } #ribbon .ribbon-tab-header.file.sel { background: #4488e5; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#2860b3), to(#4488e5)); background: -moz-linear-gradient(#2860b3, #4488e5); -pie-background: linear-gradient(#2860b3, #4488e5); border: 1px solid #1f48a1; cursor: pointer; border-bottom: 1px solid #4488e5; z-index: 5500; position: relative; } #ribbon .ribbon-tab { /* height: 90px; */ display: flex; padding: 5px; width: 100%; margin-top: 0px; border-top: 1px solid #b6babf; background: #FFF url(rib-back.png) repeat-x bottom; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#eaedf1)); background: -moz-linear-gradient(#ffffff, #eaedf1); overflow-y: show; /* min-width: 5000px; */ behavior: url(/PIE.htc); z-index: 3000; -pie-watch-ancestors: 2; align-items: center; flex-wrap: wrap; } #ribbon .ribbon-tab.file { padding: 0; margin-top: 5px; border-top: 1px solid #1f48a1; background-color: #4488e5; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#4488e5, endColorstr=#ffffff); background-image: -moz-linear-gradient(left, #4488e5 15%, #ffffff 100%); background-image: -webkit-linear-gradient(left, #4488e5 15%, #ffffff 100%); background-image: -ms-linear-gradient(left, #4488e5 15%, #ffffff 100%); background-image: linear-gradient(left, #4488e5 15%, #ffffff 100%); background-image: -o-linear-gradient(left, #4488e5 15%, #ffffff 100%); background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(15%,#4488e5), color-stop(100%,#ffffff)); overflow: hidden; min-width: 500px; z-index: 3000; } #ribbon .ribbon-backstage { display: none; } #ribbon.backstage .ribbon-backstage { display: block; position: absolute; top: 60px; left: 0; right: 0; bottom: 0; padding: 10px; background-color: #FFF; } #ribbon .section-title { color: #5B626C; text-align: center; clear: left; display: block; position: absolute; bottom: 5px; left: 0; right: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #ribbon .ribbon-section { float: left; position: relative; height: 80px; padding: 0.2rem 0.2rem 0 0.2rem; margin: 0.3rem; display: flex; min-width: 80px; border-radius: 5px; box-shadow: 1px 1px 5px 0 #d1d1d1; justify-content: center; } #ribbon .ribbon-section-sep { border-left: 1px solid #E0E0E0; border-right: 1px solid #fff; margin: 0 5px; height: 90px; position: relative; width: 0; float: left; } #ribbon .ribbon-disabled { color: lightgray; } .ribbon-menu-button:hover { background-color: gray; } .ribbon-menu-button.disabled { color: gray; } .ribbon-menu-button :focus { outline-width: 0; } .ribbon-menu-button:not(.disabled):focus { background-color: gray; } #ribbon .ribbon-control { border: 1px solid transparent; /* z-index: 1000; */ } .ribbon-column { float: left; } .ribbon-group { display: inline-block; } .ribbon-group td { position: relative; display: table-cell; } .ribbon-menu-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 12px; /*overflow: visible;*/ box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1000; margin-top: 18px; } .ribbon-menu-content a { color: black; padding: 8px 12px; text-decoration: none; display: block; } .ribbon-menu-content-small { display: none; position: absolute; background-color: #f9f9f9; min-width: 12px; overflow: auto; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1000; } .ribbon-menu-content-small a { color: black; padding: 8px 12px; text-decoration: none; display: block; } .ribbon-menu-content-large { /*FONT-WEIGHT: 100;*/ display: none; position: absolute; background-color: #f9f9f9; min-width: 12px; /*overflow: auto;*/ box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1000; } .ribbon-menu-content-large a { color: black; padding: 8px 12px; text-decoration: none; display: block; } .ribbon-menu-item { clear: left; padding: 4px; /*display: inline-block;*/ text-align:left; white-space: nowrap; } .ribbon-menu-item span { /*white-space: nowrap;*/ /*clear: left;*/ /*display: block;*/ margin-left: 3px; z-index: 1000; } .ribbon-menu-content-small .ribbon-menu-item-icon { width: 16px; height: 16px; vertical-align: middle; /*margin: auto;*/ /*float: left;*/ } .ribbon-menu-content-large .ribbon-menu-item-icon { width: 32px; height: 32px; vertical-align: middle; /*margin: auto;*/ /*float: left; z-index: 1000;*/ } .ribbon-menu a:hover { background-color: #f1f1f1 } .ribbon-menu-show { display: block; /*position: relative;*/ } .ribbon-menu-button:before, ribbon-menu-button-large:before { content: "\25be"; float: right; color: gray; } #ribbon .ribbon-menu-expander { cursor: pointer; background: transparent; } #ribbon .ribbon-menu-button { cursor: pointer; background: transparent; display: inline-block; white-space: nowrap; } /* #ribbon .ribbon-menu-button-small { background: transparent; cursor: pointer; } #ribbon .ribbon-menu-button-large { }*/ #ribbon .ribbon-button-small { height: 18px; -webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; padding-top: 2px; text-align: left; } #ribbon .ribbon-button-small .ribbon-icon, .ribbon-icon-small { width: 16px; height: 16px; margin: -1px 2px 2px 1px; float: left; } #ribbon .ribbon-button-large { padding: 4px 2px; -webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; text-align: center; height: 50px; min-width: 44px; } #ribbon .ribbon-control .control-help { display: none; } #ribbon .ribbon-control .control-title { color: #444; } #ribbon .ribbon-button-large .control-title { clear: left; display: block; } #ribbon .ribbon-icon-large { margin: auto; vertical-align: middle; } #ribbon .ribbon-button-large .ribbon-icon { margin: auto; width: 32px; height: 32px; vertical-align: middle; } #ribbon .ribbon-control .ribbon-icon.ribbon-hot, #ribbon .ribbon-control .ribbon-icon.ribbon-disabled { display: none; } #ribbon .ribbon-button-large .ribbon-icon.ribbon-normal { display: block; } #ribbon .ribbon-control:hover .ribbon-icon.ribbon-normal { display: none; } #ribbon .ribbon-button-large:hover .ribbon-icon.ribbon-hot { display: block; } #ribbon .ribbon-button-small .ribbon-icon.ribbon-normal { display: inline; } #ribbon .ribbon-button-small:hover .ribbon-icon.ribbon-hot { display: inline; } #ribbon .ribbon-control:hover, #ribbon .ribbon-control.sel { border: 1px solid #F1C43F; background: #fdeeb3; cursor: pointer; } ribbon .ribbon-control:active { border: 1px solid #F1C43F; background: #F1C43F; cursor: pointer; } #ribbon .ribbon-control.disabled .ribbon-icon, #ribbon .ribbon-control.disabled:hover .ribbon-icon { display: none; } #ribbon .ribbon-control.disabled .ribbon-icon.ribbon-disabled { display: block; opacity: 0.8; } #ribbon .ribbon-control.disabled .ribbon-icon.ribbon-implicit-disabled { opacity: 0.4; } #ribbon .ribbon-control.disabled:hover { border: 1px solid transparent; background: transparent; cursor: default; } #ribbon .ribbon-control.disabled:active { border: 1px solid transparent; background: transparent; cursor: default; } #ribbon .ribbon-control.disabled .control-title { color: #888; } .ribbon-tooltip { font-family: "Segoe UI", Verdana, Tahoma, Helvetica, sans-serif; font-size: 10pt; position: fixed; z-index: 5000; border: 1px solid #8b9097; background-color: #e5e5f0; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#e5e5f0)); background: -moz-linear-gradient(#ffffff, #e5e5f0); -pie-background: linear-gradient(#ffffff, #e5e5f0); padding: 5px; -webkit-box-shadow: #c6c9cd 1px 1px 3px; -moz-box-shadow: #c6c9cd 1px 1px 3px; box-shadow: #c6c9cd 1px 1px 3px; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; width: 200px; top: 150px !important; } #pivot { } table.pvtTable { line-height: 0.9em; } .pvtUi select { padding: 0px; padding-right: 2px; margin-left: 3px; height: 20px; color: var(--inputfont); font-size: 14px; border: 1px solid var(--inputborder); background: var(--input); text-align: right; -ms-box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: border-box; width: 180px; } .pvtAttrDropdown, .pvtAggregator { float: left; } .pvtAxisContainer, .pvtVals, .pvtUiCell { background-color: var(--menubackground); border: 5px solid var(--background); } .pvtUiCell { padding-left: 5px; } .pvtUiCell { } .pvtAttr { } .pvtAxisContainer li { padding: 0px; } .pvtAxisContainer li span.pvtAttr { -webkit-text-size-adjust: 100%; background: #F3F3F3; border: 1px solid #DEDEDE; padding: 2px 5px; white-space: nowrap; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 240px; display: inline-block; height: 14px; vertical-align: text-top; /* text-align: center; */ line-height: 1em; } .pvtTriangle { float: right; } /*.c-pivot-table.no-ui {*/ .pivotreadonly .pvtUi > tbody > tr:first-child > td:first-child, .pivotreadonly .pvtAxisContainer, .pivotreadonly .pvtVals, .pivotreadonly .pvtUiCell { display: none; } .pvtAxisLabel, .pvtColLabel, .pvtRowLabel { border: 0px solid transparent !important; } table.pvtTable th { border: 0px solid transparent !important; } .pvtAxisLabel { font-weight: bold; } .pvtVal, .pvtTotal, .pvtGrandTotal, .pvtAxisLabel { white-space: nowrap; } .pvtRendererArea { padding: 0px !important; } .reportbold { font-weight: bold; } .reportaccountcolumn { width: 150px; text-align: left; white-space: nowrap; } .reportheadercolumn { width: 150px; text-align: left; white-space: nowrap; font-weight: bolder; } .reportamountcolumn { width: 100px; text-align: right; } .A4 { background: white; width: 21cm; min-height: 29.7cm; display: block; margin: 0 auto; padding: 2.5cm 2.5cm; margin-bottom: 0.5cm; box-shadow: 0 0 0.3cm rgba(0, 0, 0, 0.1); /* CHRISTIAN EDIT */ overflow-y: hidden; overflow-x: hidden; box-sizing: border-box; font-size: 10pt; page-break-after: always; border-style: solid; /* CHRISTIAN EDIT */ border-color: #c6c6c6; /* CHRISTIAN EDIT */ border-width: 1px; /* CHRISTIAN EDIT */ } .pvtRowSubtotal { font-weight: bolder; } /* tr > th.pvtRowSubtotal { border: 1px solid black !important; } tr > td.pvtRowSubtotal { border: 1px solid black !important; }*/ /* @media print { .page-break { display: block; page-break-before: always; } size: A4 portrait; }*/ @media print { body { margin: 0; padding: 0; font-size: 8.8pt; } .A4 { box-shadow: none; margin: 0; width: auto; height: auto; font-size: 8.8pt; min-height: 0; } .noprint { display: none; } .enable-print { display: block; } } :root { --background: #E4E4E4; --tableheader: #FBFFFF; --tablerow: #F9F9F9; --contractExpiredRowBg: #ECECEC; --contractExpiredRowTextColor: #D1D1D1; --contractAssetValueKnownY: white; --contractAssetValueKnownN: gray; --tablerowexpanded: rgb(245,245,245); --tablerowselected: #D6D6D6; /*#E4FBF7;*/ --tablerowimport: rgb(245,245,245); --menubackground: rgb(245,245,245); --focuscolor: rgb(126,213,194); --timeline: #CBDEE2; /*rgb(143,155,159);*/ --timelinefuture: #F0F0F0; --timelinehasevents: #C8FFC8; /*#6B929B;*/ --timelinehaseventsborder: #68E268; /*#CBDEE2;*/ --boxShadow: rgba(0,0,0, 0.2); --active-tab-color: #f5f5f5; --timelinetext: rgb(193,205,209); --timelinetextevents: rgb(143,155,159); --timelineselected: #047a93; /*#CBDEE2;*/ --input: #FCFCFC; --inputdisabled: #E1E1E1; --inputmodified: #F9F8EC; --inputrequired: #FFFBE9; --inputborder: #D6D6D6; --inputborderrequired: #DECBA4; --inputborderdisabled: #C5C5C5; --inputbordermodified: #CFCBB1; --inputfont: #919191; --inputdisabledfont: #B2B2B2; --inputmodifiedfont: #919191; --fontheader: rgb(181,181,181); --font: #929292; --fontdisabled: #D2D2D2; /*--iconhover: rgb(233,202,0);*/ --iconhover: #99CCD8; --iconselected: #69B5C7; --icon: #535353; --iconbackgroundhover: rgb(252,252,252); --icondisabled: #D9D9D9; --fonttableheader: #34687B; --fontheader: #B5B5B5; --fontaction: #5E5E5E; --fontfocus: rgb(243,243,243); --fonthover: rgb(126,213,194); --selection: rgb(255,255,255); --searchbordercolor: #D4E6E4; --searchtextcolor: #B9B9B9; /*--selection: rgb(255,247,209); --background: rgb(69,69,69); --tableheader: rgb(100,100,100); --tablerow: rgb(88,88,88); --tablerowexpanded: rgb(51,51,51); --tablerowselected: rgb(132,91,91); --menubackground: rgb(83,83,83); --timeline: rgb(183,195,199); --timelinetext: rgb(183,195,199); --timelineselected: rgb(203,215,2019); --input: rgb(69,69,69); --inputborder: rgb(102,102,102); --font: rgb(200,200,200); --fontfocus: rgb(243,243,243); --fonthover: rgb(255,247,209); --selection: rgb(255,247,209);*/ --newOverlayPaneBackground: #525352; --newOverLayPaneColor: #ddd8d2; --timsFontSize: 0.75rem; } /* .container { background-color: var(--green-color); } .column { color: var(--green-color); }*/ .loadingOverlay { position: fixed; top: 77px; left: 0; right: 0; bottom: 0; opacity: 0.83; background-color: white; z-index: 100000; /*animation-name: fadeInOpacity; animation-iteration-count: 1; animation-timing-function: ease-in; animation-duration: 0.15s;*/ } /* @keyframes fadeInOpacity { 0% { opacity: 0; } 100% { opacity: 0.3; } }*/ .loadingSpinner { color: var(--focuscolor); font-size: 90px; text-indent: -9999em; overflow: hidden; width: 1em; height: 1em; border-radius: 50%; position: absolute; /*top: 200px; left: 220px;*/ left: 50%; top: 40%; margin-left: -45px; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease; animation: load6 1.7s infinite ease, round 1.7s infinite ease; } @-webkit-keyframes load6 { 0% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } 5%, 95% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } 10%, 59% { box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em; } 20% { box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em; } 38% { box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em; } 100% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } } @keyframes load6 { 0% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } 5%, 95% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } 10%, 59% { box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em; } 20% { box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em; } 38% { box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em; } 100% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } } @-webkit-keyframes round { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes round { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .integrationTable table{ text-align:left; } .integrationTable th, .integrationTable td { margin-right: 10px; padding: 3px; text-align: left; } /* override styles when printing */ @media print { .overlayPaneSideBar, .overlayPaneTopBar, #commandpane, .mainTopBar { display: none; } } .sideMenuIcon { text-align: center; font-size: 11px; padding-top: 5px; line-height: 1.0em; font-size: 10px; width: 50px; height: 40px; border: 1px solid transparent; margin-left: 3px; margin-right: 5px; margin-top: 2px; margin-bottom: 3px; cursor: pointer; } .sideMenuIcon a { color: var(--font) !important; } .sideMenuIconContainer { height: 100%; padding-top: 4px; } .sideMenuIcon.sideMenuIconSelected svg { background-color: #7a7a7a; } .sideMenuIcon svg, .topMenuIcon svg, .topMenuIconRight svg, .topMenuIconRightStatic svg { /* fill: var(--icon); */ fill: #ffffff; padding: 3px; border-radius: 5px; display: block; margin: auto; width: 30px; height: 30px; box-sizing: border-box; /*border: 1px solid transparent;*/ } .topMenuIconRight svg, .topMenuIconRightStatic svg, .topMenuIcon svg { margin-top: 7px; } .topMenuIconRightStatic { width: 24px; height: 24px; } .sideMenuIcon svg polygon, .topMenuIconRight svg polygon, .topMenuIconRightStatic svg polygon { fill: var(--icon); } /* .sideMenuIcon svg polygon, .topMenuIcon svg polygon, .topMenuIconRight svg polygon, .topMenuIconRightStatic svg polygon { fill: var(--icon); } */ .lockedLock { color: #ff0000; /* Röd färgkod */ /* Andra stilar som du kanske vill ändra */ background-color: transparent; /* För att ta bort bakgrundsfärgen från SVG-ikonen */ border: none; /* För att ta bort eventuell kantlinje */ } .sideMenuIcon:hover, .topMenuIcon:hover, .topMenuIconRight:hover { background-color: #7a7a7a; /* background-color: var(--iconbackgroundhover) !important; */ border: 1px solid var(--inputborder); border-radius: 3px; } /*.sideMenuIcon:hover svg, .topMenuIcon:hover svg, .topMenuIconRight:hover svg { fill: var(--iconhover); } .sideMenuIcon:hover svg polygon, .topMenuIcon:hover svg polygon, .topMenuIconRight:hover svg polygon { fill: var(--iconhover); }*/ .sideMenuIcon:hover svg, .topMenuIcon:hover, .topMenuIconRight:hover svg, .sideMenuIcon:hover svg polygon, .topMenuIcon:hover svg polygon, .topMenuIconRight:hover svg polygon, .topMenuIcon:hover svg path, .topMenuIconRight:hover svg path { fill: var(--iconhover); } .pathHover:hover { fill: var(--iconhover); } .sideMenuIcon.disabled svg, .sideMenuIcon.disabled svg polygon, .topMenuIcon.disabled svg polygon { fill: var(--icondisabled); } .sideMenuIcon.disabled svg, .topMenuIcon.disabled svg, .topMenuIconRight.disabled svg, .sideMenuIcon.disabled svg polygon, .topMenuIcon.disabled svg polygon, .topMenuIconRight.disabled svg polygon, .topMenuIcon.disabled svg path, .topMenuIconRight.disabled svg path { opacity: 0.5; } /* .sideMenuIcon.disabled svg, .topMenuIcon.disabled svg, .topMenuIconRight.disabled svg, .sideMenuIcon.disabled svg polygon, .topMenuIcon.disabled svg polygon, .topMenuIconRight.disabled svg polygon, .topMenuIcon.disabled svg path, .topMenuIconRight.disabled svg path { fill: var(--icondisabled); } */ .dropdown { width: 100%; height:100%; position: relative; display: inline-block; padding-top:4px; } .dropdown-content { visibility: hidden; position: absolute; left: 50px; top: -5px; z-index: 10000; /*opacity: 0;*/ } .dropdown-content > div:first-child { margin-left: 10px; background-color: #f1f1f1; filter: drop-shadow(3px 3px 6px #bbb); z-index: 10000; line-height: 1em; /*padding-left: 15px; padding-right: 15px; padding-top: 3px; padding-bottom: 3px;*/ padding: 5px; border-radius: 5px; } .dropdown-content a { color: #959595; padding: 12px 16px; text-decoration: none; display: block; font-size: 14px; white-space: nowrap; text-align: left; } .dropdown-content a:hover { background-color: #99CCD855; } .dropdown:hover .dropdown-content { display: block; visibility: initial; /*opacity: 1; transition: opacity 0.1s linear 0.1s;*/ } .dropdowndown { /*width: 100%; height: 100%;*/ position: relative; margin-right: 10px; /*display: inline-block; padding-top: 4px;*/ } .dropdowndown-content { visibility: hidden; position: absolute; left: -10px; top: 40px; z-index: 10000; /*opacity: 0;*/ } .dropdowndown-content > div:first-child { margin-top: 10px; background-color: #f1f1f1; filter: drop-shadow(3px 3px 6px #bbb); z-index: 10000; line-height: 1em; /*padding-left: 15px; padding-right: 15px; padding-top: 3px; padding-bottom: 3px;*/ padding: 5px; border-radius: 5px; } .dropdowndown-content a { color: #959595; padding: 12px 16px; text-decoration: none; display: block; font-size: 14px; white-space: nowrap; text-align: left; } .dropdowndown-content a:hover { background-color: #99CCD855; } .dropdowndown:hover .dropdowndown-content { display: block; visibility: initial; /*opacity: 1; transition: opacity 0.1s linear 0.1s;*/ } .sidemenu .tooltip { position: relative !important; display: block !important; } .topMenuIcon { /*padding-left: 8px; padding-right: 8px;*/ width: 45px; height: 40px; border: 1px solid transparent; cursor: pointer; } .topMenuSeparator { width: 0px; height: 41px; opacity: 0.5; border: 1px solid var(--background); margin-left: 5px; } .topMenuIconRight, .topMenuIconRightStatic { float: right; /*padding-right: 10px; padding-top: 10px;*/ width: 45px; height: 40px; border: 1px solid transparent; cursor: pointer; } .iconBorderRight { border-right: 1px solid rgba(228, 228, 228, 0.5); } .iconBorderLeft { border-left: 1px solid rgba(228, 228, 228, 0.5); } .activeperiod, #appStatusBar { margin-top: 10px; /* margin-right: 10px; */ font-size: 14px; font-weight: bolder; height: 42px; display: flex; grid-gap: 1px } .activeperiod > svg { position: relative; top: 3px; margin-left: 3px; margin-right: 3px; fill: #ffffff } #btnSearchTLE { width: 332px; padding-top: 7px; padding-bottom: 7px; font-size: 14px; border: 1px solid var(--searchbordercolor); color: var(--searchtextcolor); background: #f1f1f1; margin-top: 6px; background: white; border-radius: 3px; padding-left: 10px; margin-right: 5px; } #btnSearchTLE:focus, input:focus { outline: none; /*border: 1px solid grey;*/ } #searchResultsTLE { display: none; position: absolute; right: 10px; width: 315px; height: 400px; max-height: 400px; z-index: 999999; background-color: white; opacity: 0.9; overflow-y: auto; overflow-x: hidden; border: 1px solid gray; border-radius: 6px; padding: 10px; top: 120px } /* #searchResultsContainer { height: 100%; padding: 10px; }*/ @-webkit-keyframes swing { 15% { -webkit-transform: translateX(5px); transform: translateX(5px); } 30% { -webkit-transform: translateX(-5px); transform: translateX(-5px); } 50% { -webkit-transform: translateX(3px); transform: translateX(3px); } 65% { -webkit-transform: translateX(-3px); transform: translateX(-3px); } 80% { -webkit-transform: translateX(2px); transform: translateX(2px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes swing { 15% { -webkit-transform: translateX(5px); transform: translateX(5px); color: orange; } 30% { -webkit-transform: translateX(-5px); transform: translateX(-5px); } 50% { -webkit-transform: translateX(3px); transform: translateX(3px); color: red; } 65% { -webkit-transform: translateX(-3px); transform: translateX(-3px); } 80% { -webkit-transform: translateX(2px); transform: translateX(2px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); color: #929292; } } .swingbegin { -webkit-animation: swing 1s ease; animation: swing 1s ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } .workflowitemdone { background-color: #FFC919; color: white; border-radius: 20px; margin-top: 8px; padding-left: 10px; padding-right: 10px; margin-right: 10px; cursor: pointer; line-height: 2.2; height: 26px; } .workflowitemdone.completed { background-color: #8AD41C !important; color: white !important; } #popupSections { display: none; color: rgb(117,117,117); } #modalWindow, #modalWindowContract { padding: 20px; background-color: rgb(247,247,247); border: 1px solid rgb(225,225,225); border-radius: 15px; -moz-box-shadow: 0 0 3px #ccc; -webkit-box-shadow: 0 0 3px #ccc; box-shadow: 0 0 4px #333; } .popupLarge { position: relative; width: 900px; height: 600px; margin: auto; } .popupSmall { position: relative; width: 660px; height: 320px; margin: auto; } .popupDataContentLarge { margin-top: 15px; overflow-x: auto; overflow-y: auto; width: 100%; height: 460px; } .popupDataContentSmall { margin-top: 15px; overflow-x: auto; overflow-y: auto; width: 100%; height: 220px; } .popupTopBar { font-size: 24px; /*float: left; margin-left: 10px; height: 50px;*/ width: 100%; } .popupTopBarHeader { padding-left:10px; } .popupHelpText { height: 30px; font-size: 10px; padding: 1px; margin-left: 10px; } /*.popupDataFormWithHelpText { margin-top: 10px; } .popupDataForm, .popupDataFormWithoutHelpText { margin-top: 30px; }*/ .popupDataForm { margin-top: 20px; } #popupDataMessage { font-size: 15px; margin-left: 10px; /*max-height:32px;*/ } .popupbutton, .formbutton { display: block; background-color: white; /*color: rgb(126,213,194);*/ color: rgb(180,180,180); border-radius: 5px; width: 150px; height: 40px; /*border: 1px solid rgb(206,206,206);*/ border: 1px solid rgb(180,180,180); box-shadow: none; text-align: center; line-height: 40px; cursor: pointer; /*margin: 5px;*/ } .popupbutton.default, .formbutton.default { /*border: 1px solid rgb(126,213,194);*/ border: 1px solid rgb(200,200,200); } .popupbutton.footer, .formbutton.footer { float: right; margin-left: 12px; } .popupbutton:hover, .formbutton:hover { background-color: rgb(219,234,242); } #popupDataTable { margin-bottom: 15px; /*margin: 20px 20px 20px 20px;*/ } #popupDataTable > table > tbody { background-color: white; border-radius: 10px; border: 1px solid rgb(225,225,225); /*overflow-x: auto; overflow-y: scroll; width: 100%; width: 800px; height: 450px;*/ } #popupDataTable > table > thead > tr > th { padding-left: 15px; text-transform: uppercase; font-size: 12px; } #popupDataTable > table > thead > tr > th:first-child { white-space: nowrap; width:1px; } #popupDataTable > table > tbody > tr > td { padding-left: 15px; font-size: 14px; white-space: nowrap; } #popupDataTable > table > tbody tr:hover { background-color: rgb(189,204,212); } #popupDataTable > table > tbody > tr.selected { background-color: rgb(151,206,203) } #popupDataTable > table { width: 889px; } .boxclose { float: right; cursor: pointer; color: #fff; border: 1px solid rgb(126,210,213); border-radius: 20px; background: rgb(126,210,213); font-size: 14px; font-weight: bolder; display: inline-block; width: 20px; height: 20px; text-align: center; line-height: 22px; padding-left:1px; } .boxclose:hover { border: 1px solid rgb(181,236,233); background: rgb(181,236,233); } label.popupFileUploader input[type="file"] { position: absolute; top: -1000px; } /***** Example custom styling *****/ .popupFileUploader { /*border: 2px solid #AAA; border-radius: 4px; padding: 2px 5px; margin: 2px; background: #DDD;*/ display: inline-block; } /* .popupFileUploader:hover { background: #CCC; } .popupFileUploader:active { background: #CCF; } .popupFileUploader :invalid + span { color: #A44; } .popupFileUploader :valid + span { color: #4A4; }*/ /*label.fileUploadLabel input[type="file"] { position: absolute; top: -1000px; } .fileUploadLabel { border: 2px solid #AAA; border-radius: 4px; padding: 2px 5px; margin: 2px; background: #DDD; display: inline-block; } .fileUploadLabel:hover { background: #CCC; } .fileUploadLabel:active { background: #CCF; } .fileUploadLabel :invalid + span { color: #A44; } .myLabel :valid + span { color: #4A4; }*/ /* .msg-popup { position: relative; padding: 20px; width: auto; max-width: 700px; margin: 20px auto; } .msg-popup2 { position: absolute; top: 20px; left: 0px; width: 100%; } #popupFileHeader, #popupHelpHeader, #popupMsgHeader { color: white; font-size: larger; text-transform: uppercase; width: 200px; display: inline-block; } #msgpopup { width: 400px; height: 350px; background-color: rgb(250,250,250); } #popupMsgContent { overflow-x: hidden; height: 220px; padding: 20px; } #msgtext { } .help-popup { position: relative; padding: 20px; width: auto; max-width: 700px; margin: 20px auto; } #helppopup { width: 500px; height: 650px; background-color: rgb(250,250,250); } #popupHelpContent { overflow-x: hidden; overflow-y: scroll; width: 100%; height: 600px; padding: 20px; } #helptext { } #popupMsgNo, #popupMsgYes { background-color: rgb(189,204,212); color: white; width: 150px; height: 40px; border: 0px; box-shadow: none; } #popupMsgNo:hover, #popupMsgYes:hover { background-color: rgb(219,234,242); } #mgsform { margin-top: 50px; } #popupMsgNo { float: right; } #popupMsgYes { } .file-popup { position: relative; padding: 20px; width: auto; max-width: 700px; margin: 20px auto; } #filepopup { width: 400px; height: 300px; background-color: rgb(250,250,250); } #popupFileContent { height: 250px; padding: 20px; } #popupFileUploadLabel { font-size: 12px; } #popupFileUpload { padding: 0px; border: 0px; } #popupFileSelectedFile { margin-top: 10px; font-size: 10px; } #popupFileUploadBtn { background-color: rgb(189,204,212); border: 0px solid black; color: white; box-shadow: none; height: 35px; width: 120px; line-height: 35px; text-align: center; font-family: "Roboto"; font-weight: normal; display: block; float: right; margin-top: 20px; } #popupFileUploadBtn:hover { background-color: rgb(219,234,242); } #popupFileUploadBtn:disabled { background-color: lightgray; } .login-popup { position: relative; padding: 20px; max-width: 700px; margin: 20px auto; } #loginpopup { width: 500px; height: 300px; background-color: rgb(250,250,250); } #popupTopBarLogin { width: 100%; background-color: rgb(77,77,77); height: 80px; line-height: 80px; padding-left: 20px; } #popupHeaderLogin { color: white; font-size: larger; text-transform: uppercase; } #popupTESLogo { width: 32px; height: 32px; margin-top: -5px; } #loginform { margin: 40px 40px 40px 40px; } #loginform input { width: 340px; } #popupUserLogin { width: 35px; height: 35px; padding: 0px; } #popupPwdLogin { width: 35px; height: 35px; padding: 0px; } #txtUser { background-color: rgb(250,250,250); border: 0px solid black; border-bottom: 1px solid rgb(189,204,212); box-shadow: none; height: 35px; } #txtPassword { background-color: rgb(250,250,250); border: 0px solid black; border-bottom: 1px solid rgb(189,204,212); box-shadow: none; height: 35px; } #btnlogin { background-color: rgb(189,204,212); color: white; width: 150px; height: 40px; border: 0px; box-shadow: none; } #btnlogin:hover { background-color: rgb(219,234,242); } #popupHelpSelectlogo, #popupFileSelectlogo, #popupMsgSelectlogo { float: left; width: 32px; height: 32px; margin-top: 8px; margin-left: 10px; margin-right: 10px; } #popupHelpCloselogo, #popupFileCloselogo, #popupMsgCloselogo { float: right; width: 16px; height: 16px; margin-top: 16px; margin-right: 10px; cursor: pointer; } */ /*////////////////////////////////////////////////////////////////// [ IN COMMON ]*/ button.accordion, button.iconAccordion { /*Formaterar knappen */ width: 100%; /* Hur bred knappen ska vara */ background-color: #F8F8F8; /* Bakgrundsfärgen på knappen Org: whitesmoke*/ border: 1px; /* Ta bort linjer runt knappen */ border-color: #F2F2F2; outline: none; /* Ta bort linjer runt knappen */ text-align: left; /* Flytta texten till vänster */ font-size: 14px; /* Öka textstorleken en aning */ color: #444; cursor: pointer; /* Ändra muspekaren då man är över knappen */ transition: background-color 0.2s linear; /* Mjuka upp då man för muspekaren över knappen. En vanlig transition på 0.2 sekunder. */ } button.accordion:after, button.iconAccordion:after { /* Hämta ikon från FontAwesome */ content: '\f055'; /*Unicode character för plusikonen från FontAwesome */ font-family: "fontawesome"; color: #52777d; font-size: 14px; float: right; /* Flyttar ikonen till höger */ } button.accordion.is-open:after, button.iconAccordion.is-open:after { /* Minustexten från FotAwesome då den är stängd */ content: '\f056'; } button.accordion:hover, button.iconAccordion:hover, button.accordion.is-open, button.iconAccordion.is-open { /* Sista delen med "button" tillför att knappen förblir denna färg sålänge den är öppen */ background-color: #EEEEEE; /* Ändra bakgrundsfärgen då man är över knappen */ } .accordion-content, .iconAccordionContent { /* Skapa en frame runt hela delen */ background-color: white; border-left: 1px solid whitesmoke; /* Styling */ border-right: 1px solid whitesmoke; /* Styling */ border-bottom: 1px solid whitesmoke; /* Styling */ padding: 0 20px; /* Styling */ max-height: 0; /* Genom att sätta maxhöjden till 0 kommer man inte kunnna se någonting, men kommer att överskridas av javascript, och kan sätta den höjden vi vill */ overflow: hidden; /* måste ha denna för att dölja innehållet då den är stängd */ transition: max-height 0.2s ease-in-out; /* Animera öppna och stäng förfarandet */ } #submenu a { /* Text som visas efter det att man har tryckt på knappen */ display: block; font-family: "roboto-light"; font-weight: 100; color: #777777; font-size: 14px; padding: 10px 20px; /* Flyttar in texten som öpnnas upp efter det att man har tryckt på knappen */ text-decoration: none; } #submenu div a:hover { color: #4cc9c0; font-weight: 400; } /*////////////////////////////////////////////////////////////////// [ REGULAR BUTTON WITHOUT ICON, ONLY TEXT ]*/ button.accordion { /*Formaterar knappen */ padding: 13px 20px; /* Skapa lite luft runt texten på knappen. Padding utökar bakgrundsfärgen, vilket inte margin gör. */ } /*////////////////////////////////////////////////////////////////// [ REGULAR BUTTON WITH ICON ]*/ button.iconAccordion { /*Formaterar knappen */ padding: 11px 20px !important; /* Flyttar ner inehåll då vi har en bild med på knappen. */ } /*////////////////////////////////////////////////////////////////// [ ICON AND TEXT INSIDE MAIN BUTTON ]*/ .subMenuIcon { width: 32px; /* Avståndet mellan text och ikon */ float: left; margin: 0 0 0 -4px; /* Flyttar den till vänster för att komma i linje med texten ovanför */ } .subMenuText { width: 65%; line-height: 35px; /* center text vertically in div (Same height as the div)*/ float: left; margin: 0 0 0 10px; } #largebox { width: 30px; height: 700px; background-color: yellow; /*display: block;*/ border-style: none !important; padding: 16px !important; margin: 0 !important; box-sizing: inherit; display: block; } /*////////////////////////////////////////////////////////////////// [ IN COMMON ]*/ #red-button, #internal-link { width: auto; margin: 15px 0px 15px 10px; display: inline-block; border-radius: 5px; padding: 10px 25px; text-decoration: none; cursor: pointer; color: #FFFFFF; font-size: 16px; font-family: Poppins-Regular; font-weight: 500; } /*////////////////////////////////////////////////////////////////// [ RED BUTTON ]*/ a:link#red-button { background-color: #cf0f1e; } a:visited#red-button { background-color: #cf0f1e; } a:hover#red-button { background-color: #d9414c; } a:active#red-button { background-color: #cf0f1e; } /*////////////////////////////////////////////////////////////////// [ BLUE BUTTON ]*/ a:link#internal-link { background-color: #0c1f4a; } a:visited#internal-link { background-color: #0c1f4a; } a:hover#internal-link { background-color: #3d4c6e; } a:active#internal-link { background-color: #0c1f4a; } /*////////////////////////////////////////////////////////////////// [ LOGIN ]*/ button:visited.btn{ background-color: #0c1f4a; } button:hover.btn { background-color: #3d4c6e; } button:active.btn { background-color: #0c1f4a; } button.btn { cursor: pointer; background-color: #0c1f4a; float: right; border-radius: 5px; border: none; color: #FFFFFF; padding: 12px 30px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; font-family: Poppins-Regular; font-weight: 500; } button.btnnofloat { cursor: pointer; background-color: #0c1f4a; border-radius: 5px; margin-bottom: 5px; width: 120px; border: none; color: #FFFFFF; padding: 12px 30px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; font-family: Poppins-Regular; font-weight: 500; } button.btnnofloatlarge { cursor: pointer; background-color: #0c1f4a; border-radius: 5px; margin-bottom: 5px; width: 200px; border: none; color: #FFFFFF; padding: 12px 30px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; font-family: Poppins-Regular; font-weight: 500; } button.btnformgroupright { margin-left: 238px; } /* Customize the label (the container) */ .container-checkbox { float: left; width: 130px; display: block; position: relative; padding-left: 35px; margin: 12px 0 12px 5px; cursor: pointer; font-size: 16px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Hide the browser's default checkbox */ .container-checkbox input { position: absolute; opacity: 0; cursor: pointer; } /* Create a custom checkbox */ .checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #eee; } /* On mouse-over, add a grey background color */ .container-checkbox:hover input ~ .checkmark { background-color: #ccc; } /* When the checkbox is checked, add a blue background */ .container-checkbox input:checked ~ .checkmark { background-color: #0c1f4a; } /* Create the checkmark/indicator (hidden when not checked) */ .checkmark:after { content: ""; position: absolute; display: none; } /* Show the checkmark when checked */ .container-checkbox input:checked ~ .checkmark:after { display: block; } /* Style the checkmark/indicator */ .container-checkbox .checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } /*////////////////////////////////////////////////////////////////// [ CODE EXAMPLE ]*/ .example { background-color: #f1f1f1; border-radius: 10px; border-style: none !important; padding: 16px !important; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); box-sizing: inherit; display: block; font-family: Verdana,sans-serif; font-size: 15px; line-height: 1.5; } .codeArea { background-color: #FFFFFF; border-radius: 5px; border-style: none !important; padding: 16px !important; margin: 20px 0 !important; } .resultArea { background-color: #f1f1f1; padding: 16px !important; margin: 20px 0 !important; } /*////////////////////////////////////////////////////////////////// [ EXTERNAL LINK ]*/ /* unvisited link */ a:link.socialMediaIcons { color: #7c7d7d; background-color: transparent; text-decoration: none; } /* visited link */ a:visited.socialMediaIcons { color: #7c7d7d; background-color: transparent; text-decoration: none; } /* mouse over link */ a:hover.socialMediaIcons { color: #555555; background-color: transparent; text-decoration: underline; } /* selected link */ a:active.socialMediaIcons { color: #555555; background-color: transparent; text-decoration: underline; } /*////////////////////////////////////////////////////////////////// [ POPPINS ]*/ @font-face { font-family: Poppins-Regular; src: url('../fonts/poppins/Poppins-Regular.ttf'); } @font-face { font-family: Poppins-Bold; src: url('../fonts/poppins/Poppins-Bold.ttf'); } /*////////////////////////////////////////////////////////////////// [ ROBOTO ]*/ @font-face { font-family: "roboto-light"; src: url("../fonts/roboto/Roboto-Light.ttf") format('truetype'); } @font-face { font-family: "roboto-regular"; src: url("../fonts/roboto/Roboto-Medium.ttf") format('truetype'); } @font-face { font-family: "roboto-medium"; src: url("../fonts/roboto/Roboto-Medium.ttf") format('truetype'); } @font-face { font-family: "roboto-bold"; src: url("../fonts/roboto/Roboto-Bold.ttf") format('truetype'); } @font-face { font-family: "europa-bold"; src: url("../fonts/europa/Europa-Bold.otf") format('opentype'); } @font-face { font-family: "europa-regular"; src: url("../fonts/europa/Europa-Regular.otf") format('opentype'); } @font-face { font-family: "europa-light"; src: url("../fonts/europa/Europa-Light.otf") format('opentype'); } /*////////////////////////////////////////////////////////////////// [ FONT CLASSES TO USE FOR SPECIAL OCCATIONS ]*/ .font-poppins-regular { font-family: Poppins-Regular; font-size: 15px; /*letter-spacing: .5px;*/ line-height: 1.6em; font-style: normal; color: #606060; word-wrap: break-word; } .font-roboto-light { font-family: "roboto-light"; font-size: 16px; letter-spacing: .5px; font-weight: 300; line-height: 1.2em; font-style: normal; color: #606060; word-wrap: break-word; } /*////////////////////////////////////////////////////////////////// [ BOLD TEXT ]*/ b, strong { font-family: "roboto-bold"; } /*////////////////////////////////////////////////////////////////// [ PRE DEFINED TEXT COLOR ]*/ .text-gray { color: #777777; } .text-dark { color: #1f1f1f; } /*////////////////////////////////////////////////////////////////// [ SET DEFAULT TEXT FORMAT ]*/ body { font-family: "roboto-light"; font-size: 16px; letter-spacing: .5px; line-height: 2em; font-style: normal; color: #576568; word-wrap: break-word; } .input-group-addon { float: left; padding: 0.8rem 1.5rem; margin-bottom: 0; font-size: 1.25rem; color: #464a4c; text-align: center; font-weight: 400; line-height: 1.25; border-radius: 0.3rem; border: 1px solid rgba(0, 0, 0, 0.15); border-right: 0; border-bottom-right-radius: 0; border-top-right-radius: 0; box-shadow: inset 0px 1px 2px #fff; background-color: #eceeef; white-space: nowrap; vertical-align: middle; /*display: -webkit-box;*/ /*display: -webkit-flex;*/ /*display: -ms-flexbox;*/ display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; /*-webkit-flex-direction: column;*/ -webkit-box-pack: center; /*-webkit-justify-content: center;*/ -ms-flex-direction: column; /*-ms-flex-pack: center;*/ flex-direction: column; justify-content: center; } /* *, ::after, ::before { -webkit-box-sizing: inherit; box-sizing: inherit; } div { display: block; } */ .icon-login { box-sizing: inherit; display: inline-block; line-height: 1.15; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } svg.svg-login-icon { fill: #464a4c !important; width: 14px; } .form-control { width: 307px; border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; -webkit-writing-mode: horizontal-tb !important; -webkit-tap-highlight-color: transparent; justify-content: center; padding: 0.75rem 1.5rem; font-size: 1.25rem; border-radius: 0.3rem; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.08); position: relative; z-index: 2; flex: 1 1 auto; margin-bottom: 0; line-height: 1.25; color: #464a4c; background-color: #fff; background-image: none; box-sizing: inherit; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; overflow: visible; font-family: sans-serif; -webkit-rtl-ordering: logical; cursor: text; letter-spacing: normal; word-spacing: normal; text-transform: none; text-indent: 0px; text-shadow: none; text-align: start; } .form-control2 { width: 305px; border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; -webkit-writing-mode: horizontal-tb !important; -webkit-tap-highlight-color: transparent; flex: 1 1 auto; justify-content: center; padding: 1.05rem 1.5rem 1.05rem 1.5rem; /*font-size: 1.25rem;*/ border-radius: 0.3rem; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.08); position: relative; z-index: 2; margin-bottom: 0; color: #464a4c; background-color: #fff; background-image: none; box-sizing: inherit; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; overflow: visible; font-family: sans-serif; -webkit-rtl-ordering: logical; /*line-height: 1.25;*/ cursor: text; letter-spacing: normal; word-spacing: normal; text-transform: none; text-indent: 0px; text-shadow: none; text-align: start; } ::placeholder { color: #999999; } ::-ms-input-placeholder { color: #999999; } :-ms-input-placeholder { color: #999999; } .form-group { margin: 15px 0; } /* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ .entraID { display: flex; align-items: center; gap: 0.3rem; cursor: pointer; width: 18rem; display: flex; justify-content: flex-start; } /* .ssoLoginContainer { background-color: white; opacity: 0.1; margin: 1rem; border-radius: 7.5; } */ .login-image-c { float: left; width: calc(100% - 580px); min-height: calc(100vh); background-image: url("images/skog.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover; background-position: 50% 50%; } .login-image-c-sso { /* float: left; */ /* width: calc(100% - 580px); */ min-height: calc(100vh); background-image: url(images/skog.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; /* background-position: 50% 50%;*/ } .login-panel-c { float: left; width: 580px; /*background-color: blue;*/ min-height: calc(100vh); /*148px*/ box-shadow: 0px 0px 160px 0px rgba(0, 0, 0, 0.3); } .login-panel-c-sso { /* float: left; */ /* width: 580px; */ /* background-color: honeydew; */ display: flex; min-height: calc(100vh); box-shadow: 0px 0px 160px 0px rgba(0, 0, 0, 0.3); /* flex-direction: column; */ align-items: center; justify-content: center; } .imgSsoContainer { position: relative; background-color: rgba(255, 255, 255, 0.7); border-radius: 10px; display: flex; gap: 1rem; backdrop-filter: blur(5px); padding: 30px; margin-bottom: 20px; flex-direction: column; align-items: center; } .ssoLoginBtn { border-radius: 5px; border: none; padding: 1rem; box-shadow: 0px 0px 2px black; background-color: inherit; font-size: large; scale: 1.05; transition: 0.3s; a { color: inherit !important; } a:hover { color: inherit !important; } } .ssoLoginBtn:hover { box-shadow: 0px 0px 4px black; } .login-panel-center { width: 420px; margin: 50px auto 0 auto; /*background-color: orange;*/ } .outer { min-height: calc(100% - 148px); /*background-color: green;*/ } /*////////////////////////////////////////////////////////////////// [ IN COMMON ]*/ header .header-brandText, header .header-name, header .header-company, .header-role { font-family: Poppins-Regular; } header .header-brandText { font-size: 16px; } header .header-brandText, header .header-name { color: #fff; } header .header-brandText { float: left; } header .header-brandText, header .header-name, #header-brand, #header-user { display: block; } header .header-name, #header-user { float: right; } header .header-brandText, header .header-name, header .header-company, .header-role { line-height: 1em !important; } /*////////////////////////////////////////////////////////////////// [ INDIVIDUAL ]*/ /* Bakgrundsfärg och storlek på headern */ header { background-color: #29373B; width: 100%; height: 70px; } /* Logotype med efterföljande text */ #header-brand { margin-top: 23px; margin-left: 50px; float: left; } header .header-brandText { margin-top: 27px; padding-left: 8px; } /* Får namn och företags beskrivningarna att sitta samman utan mellanrum */ header a p { display: inline; } /* Val till höger med unika style egenskaper. Gemensamma återfinnes överst. */ header .header-name { font-size: 14px; padding: 21px 25px 29px 0; /*background-color: black;*/ } header .header-company { font-size: 12px; color: #E4DCC3; } header .header-role { font-size: 11px; color: #E4DCC3; } /* Id för ikonenerna som ligger under en container. */ #header-user { /*padding: 24px 8px 32px 25px;*/ height: 22px; margin-top: 24px; margin-right:8px; /*background-color: green;*/ } /* Alla svg bilder får höjd och färg. Dock endast dem som har klassen "svg" */ svg.svg { fill: #fff; height: 22px; } /* Hanterar de svg bilder som inte har en container. Exempelvis settings och notification */ svg.svg:hover path { fill: #E5DAC4; } /* För att både texten och ikonen ska byta färg då man för muspekaren över dem. Den ena för språk och den andra för användare */ #container-brand:hover svg path { fill: #E5DAC4; } #container-brand:hover span.header-brandText { color: #E5DAC4; } #container-user:hover svg path { fill: #E5DAC4; } #container-user:hover span.header-name { color: #E5DAC4; } .wrapper-menu { margin-left: 250px; } /*////////////////////////////////////////////////////////////////// [ MENU, PARENT ]*/ ul.menu-parent { float: left; display: inherit; margin: 0 auto; width: fit-content; } ul.menu-parent li { float: left; line-height: 1em !important; list-style: none; /* Remove all the bullets */ padding-top: 27px; padding-bottom: 35px; color: #fff; font-family: Poppins-Regular; font-size: 16px; } #nav-prod-childParent { padding-right: 15px; padding-left: 15px; cursor: pointer; z-index: 10000; } ul.menu-parent li a { font-family: Poppins-Regular; font-size: 16px; color: #fff; padding: 27px 15px 32px 15px; /* Padding for main menu /*background-color: red;*/ } ul.menu-parent li a:hover { color: #E5DAC4; } /*////////////////////////////////////////////////////////////////// [ MENU, CHILD ]*/ ul.menu-child { top: 78px; display: none; /* Inte visas i början. We want user interaction to show these options */ position: absolute; margin-left: 25px; width: 70px !important; /* In order not to animate it by width */ background-color: #29373B; padding: 10px !important; border-radius: 5px; z-index: 10000; margin-top: -8px; } ul.menu-child li { float: none; padding: 10px 0 10px 0; /* Padding for text in child */ /*background-color: blue;*/ } ul.menu-child li a { color: #fff; padding: 6px 25px 6px 10px !important; white-space: nowrap; /*background-color: green;*/ } ul.menu-child li a:hover { color: #E5DAC4; /*background-color: orange;*/ } /*////////////////////////////////////////////////////////////////// [ LANGUAGE, PARENT ]*/ ul.options-parent { float: right; z-index: 10000; } ul.options-parent li { line-height: 1em !important; /*display: inline-block;*/ list-style: none; /* Remove all the bullets */ padding: 27px 25px 32px 25px; /*background-color: orange;*/ } ul.options-parent li a, ul.options-parent li span { font-family: Poppins-Regular; font-size: 16px; color: #fff; } /*////////////////////////////////////////////////////////////////// [ LANGUAGE, CHILD ]*/ ul.options-child { right: 0px; top: 78px; display: none; /* Inte visas i början. We want user interaction to show these options */ position: absolute; width: 150px !important; /* In order not to animate it by width */ padding: 10px !important; border-radius: 5px; background-color: #29373B; margin-top: -8px; z-index: 10000; cursor: pointer; } ul.options-child li { float: none; border-left: 5px; padding: 10px !important; } ul.options-child li a:hover, ul.options-child li span:hover { color: #E5DAC4; } /*////////////////////////////////////////////////////////////////// [ LANGUAGE, PREVIOUS ]*/ #header-language-icon { height: 22px; position: absolute; top: 0; bottom: 0; right: 0; margin: auto; } #container-language:hover svg path { fill: #E5DAC4; } #container-language:hover span.header-language { color: #E5DAC4; } #container-language { display: table-cell; vertical-align: middle; text-align: left; position: relative; width: 50px; /* Avståndet mellan EN och jordgloben styrs av denna bredd */ } /*////////////////////////////////////////////////////////////////// [ FOR SETTINGS AND NOTIFICATIONS ]*/ #header-icons { display: block; float: right; /*padding: 24px 25px 32px 25px;*/ height: 22px; /*background-color: red;*/ margin-top: 24px; } /*////////////////////////////////////////////////////////////////// [ STICKY HEADER, NO SCROLLING ]*/ .sticky { width: 100%; position: fixed; top:0; } /*////////////////////////////////////////////////////////////////// [ IN COMMON ]*/ h1, h2, h3, h4 { text-rendering: optimizeLegibility; font-family: Poppins-Regular; letter-spacing: .5px; line-height: 1.6em; font-style: normal; } /*////////////////////////////////////////////////////////////////// [ UNIQUE ]*/ h1 { color: #363636; font-size: 32px; margin: 0px 0px 24px; } h2 { color: #292929; font-size: 24px; margin: 0px 0px 16px; } h3 { color: #292929; font-size: 18px; margin: 0px 0 8px 0; } /*////////////////////////////////////////////////////////////////// [ TLE, HIGHLIGHTED TEXT ]*/ #tle-highlighted { color: #42c3bb; font-weight: 500; font-weight: bold } /*////////////////////////////////////////////////////////////////// [ TGA, HIGHLIGHTED TEXT ]*/ #tga-highlighted { color: #c1161a; font-weight: 500; font-weight: bold } /*////////////////////////////////////////////////////////////////// [ HINT BOX ]*/ .hint { margin: 0; border: 1px solid #dcdcdc; background-color: #f7fbfe; padding: 30px 30px 30px 40px; border-radius: 10px; } .content-home-top { width: 100%; height: 300px; /*background-color: red;*/ } .content-home-left { margin-top: 50px; width: 445px; height: 259px; float: left; border-right: 1px solid; border-color: #E1E1E1; /*background-color: blue;*/ } .content-home-left img { width: 345px; } .content-home-right { margin: 20px 0 0 45px; width: calc(100% - 496px); height: 259px; /*background-color: yellow;*/ float: left; } .grandParentBoxHomePage { height: calc(100vh - 148px); width: 100vw; display: flex; align-items: center; justify-content: center; } .grandParentBoxHomePage h2 { margin-top: 0; } .parentBoxHomePage { display: grid; grid-template-rows: 1fr 1fr; justify-items: center; align-items: center; width: 826px; } .textCenter { text-align: center; } .childBoxHomePage { display: grid; /* grid-template-columns: 1fr 1fr; */ margin-top: 2rem; } .rightChildBoxHomePage { border-left: 1px solid #E1E1E1; padding: 0 0 0 3rem; display: grid; grid-gap: 2px; } .leftChildBoxHomePage { padding: 0 3rem 0 0; } @media only screen and (max-width: 1380px) { h1, h2, h3 { line-height: 1.2em; } h1 { font-size: 24px; line-height: 1.2em; } h2 { font-size: 18px; line-height: 1.2em; } h3 { font-size: 14px; line-height: 1.2em; } .font-poppins-regular { font-size: 12px; line-height: 1.2em; } .font-roboto-light { font-size: 14px; line-height: 1.2em; } body { font-size: 14px; line-height: 1.5em; } } @media only screen and (max-width: 800px) { .parentBoxHomePage { padding: 1rem; width: 100%; } } /*////////////////////////////////////////////////////////////////// [ HORIZONTAL LINE ]*/ .horizontal-line { background-color: #D4D4D4; width: 100%; height: 8px; min-height: 8px; } /*////////////////////////////////////////////////////////////////// [ ORDINARY IMAGE WITH BORDERS ]*/ .WrapperImg { width: 100%; } .imageContainer { width: calc(100% - 20px); margin: 15px 20px 15px 0px; /* top, right, bottom, left */ /*box-shadow: 0px 0px 8px rgba(0,0,0,.3);*/ } .imageContainer img { padding:5px; border: 1px solid #ebebeb; border-radius: 3px; max-width: 750px; background-color: #fafafa; display: block; width: 100%; } .TextImg { color: #777777; font-size: 11px; margin-top: -20px; margin-left: 35px; } /*////////////////////////////////////////////////////////////////// [ LIGHTBOX ]*/ a.lightbox img { max-width: 663px; max-height: 150px; padding:5px; border: 1px solid whitesmoke; border-radius: 3px; box-shadow: 0px 0px 8px rgba(0,0,0,.3); /*margin: 94px 20px 20px 20px;*/ background-color: #FFFFFF; } a.lightbox img:hover { transform: scale(1.0121); box-shadow: 0 7px 28px rgba(0,0,0,0.25), 0 5px 10px rgba(0,0,0,0.22); } /* Styles the lightbox, removes it from sight and adds the fade-in transition */ .lightbox-target { position: fixed; left: 0%; top: -100%; width: 100%; background: rgba(0,0,0,.8); /* Alpha value for transparency */ width: 100%; opacity: 0; -webkit-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out; overflow: hidden; } /* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */ .lightbox-target img { margin: auto; /* Margins when the image is shown full size, (clicked on) */ position: absolute; top: 0; left: 0; right: 0; bottom: 0; max-height: 0%; max-width: 0%; border: 3px solid white; box-shadow: 0px 0px 8px rgba(0,0,0,0.3); box-sizing: border-box; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; } /* Styles the close link, adds the slide down transition */ a.lightbox-close { display: block; width:50px; height:50px; box-sizing: border-box; /*background: white;*/ color: white; text-decoration: none; position: absolute; top: -80px; right: 0; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; } /* Provides part of the "X" to eliminate an image from the close link */ a.lightbox-close:before { content: ""; display: block; height: 30px; width: 4px; background: white; position: absolute; left: 16px; top: 15px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); } /* Provides part of the "X" to eliminate an image from the close link */ a.lightbox-close:after { content: ""; display: block; height: 30px; width: 4px; background: white; position: absolute; left: 16px; top: 15px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); } /* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */ .lightbox-target:target { opacity: 1; top: 0; bottom: 0; } .lightbox-target:target img { max-height: 100%; max-width: 100%; } .lightbox-target:target a.lightbox-close { top: 0px; } .lightboxWrapper { width: 100%; } .lightboxText { color: #777777; font-size: 11px; margin-top: -5px; margin-left: 20px; } /*////////////////////////////////////////////////////////////////// [ BULLET LIST ]*/ .bulletList { margin: 0; } .bulletList ul { margin: 0 0 0 32px; } .bulletList ul li{ margin: 0.5em 0 0.5em 20px; /* top, right, bottom, left. Change these to define the space between each row. (0.5em)*/ } /*////////////////////////////////////////////////////////////////// [ NUMBERED LIST ]*/ .numberedList ol { margin: 0 0 0 32px; padding: 0; counter-reset: item; } .numberedList ol > li { margin: 0 0 0.5em; /* top, right, bottom, left. Change these to define the space between each row. (0.5em)*/ padding: 0 0 0 2em; text-indent: -2em; list-style-type: none; counter-increment: item; } .numberedList ol > li:before { display: inline-block; width: 1em; padding-right: 0.5em; font-family: "europa-bold"; font-weight: 400; text-align: right; content: counter(item) "."; } .wikidocpage ol { margin: 0 0 0 32px; padding: 0; counter-reset: item; } .wikidocpage ol > li { margin: 0 0 0.5em; /* top, right, bottom, left. Change these to define the space between each row. (0.5em)*/ padding: 0 0 0 2em; text-indent: -2em; list-style-type: none; counter-increment: item; } .wikidocpage ol > li:before { display: inline-block; width: 1em; padding-right: 0.5em; font-family: "europa-bold"; font-weight: 400; text-align: right; content: counter(item) "."; } .wikidocpage { margin: 0; /* padding: 10px; */ padding: 1rem; /* padding-left: 20px; */ } .wikidocpage ul { margin: 0 0 0 32px; } .wikidocpage ul li { margin: 0.5em 0 0.5em 20px; /* top, right, bottom, left. Change these to define the space between each row. (0.5em)*/ } body { list-style-position: inside; color: #29373B; font-style: normal; font-size: 16px; font-family: "roboto-light"; overflow: auto; } h2 { margin-top: 30px; } .mainTopBar { overflow: hidden; } a { color: #5696A8; } a.secondary { color: #869FA7; } .releaselist>li { margin-bottom: 20px; } a:hover { color: #ECBB84; } a:visited {} .wrapper-content ul { list-style-type: none; color: #869FA7; } .wrapper-content ol { color: #869FA7; } .alerts-overlay { position: relative; top: -10px; left: -13px; color: white; background-color: red; border-radius: 50%; font-size: 10px; width: 13px; height: 14px; /*display: block;*/ display: inline-block; text-align: center; vertical-align: middle; padding-left: 1px; line-height: 13px; white-space: nowrap; } .supportlist { color: #29373B; margin-left: 20px; list-style-type: circle; } /* #tblUsers { margin: 20px 20px 20px 20px; } #tblUsers input, #tblLicenses input { border: 0px; width: 100%; height: 100%; box-sizing: border-box; vertical-align: middle; background-color: transparent; } #tblUsers > table > thead > tr > th, #tblLicenses > table > thead > tr > th { text-align: left; white-space: nowrap; } #tblUsers > table > tbody > tr > td, #tblLicenses > table > tbody > tr > td { height: 20px; width: 250px; } #tblUsers > table > tbody > tr > td:nth-child(4) { height: 20px; width: 120px; } #tblUsers > table > tbody > tr > td:nth-child(5) { height: 20px; width: 40px; } #tblUsers > table > tbody > tr > td:nth-child(6) { height: 20px; width: 40px; } #tblLicenses > table > tbody > tr > td:nth-child(3) { height: 20px; width: 120px; } #tblLicenses > table > tbody > tr > td:nth-child(5) { height: 20px; width: 40px; } #tblLicenses > table > tbody > tr > td:nth-child(6) { height: 20px; width: 40px; } #tblUsers input[type=checkbox] { width: 25px; height: 25px; } #tblUsers > table > tbody tr:hover, #tblLicenses > table > tbody tr:hover { } #tblUsers > table > tbody > tr.selected, #tblLicenses > table > tbody > tr.selected { } #tblUsers > table, #tblLicenses > table { border-collapse: collapse; } #tblUsers, #tblLicenses { margin: 20px 20px 20px 20px; } .licenseContainer { min-width: 1400px; } .companyContainer { float: left; width: 400px; margin-left: 50px; padding-top: 20px; } .tableContainerLicenses { float:left; } */ .arrowsection { display: inline-block; margin: auto; width: 40px; height: 400px; padding-top: 50px; } .companysection { display: inline-block; height: 400px; width: 300px; } .companysection>select { width: 100%; } .savebuttonheader { /*width: 100%;*/ padding: 10px; height: 30px; } .savebutton { width: 940px; height: 100%; } .introp { margin-top: 5px; width: 940px; } .addbutton { width: 180px; margin-left: 750px; } .newrow, .newrow>* { background-color: lightgray; color: red; } .tableContainer select { border: 0px; } .deleteIcon, .addIcon, .customButton { cursor: pointer; } .description { float: left; } .langselect { float: right; margin-right: 15px; } .additionaldescription { float: right; margin-right: 15px; } .reportOptionArea { /*margin-left: 10px; margin-top: 5px; margin-left: 4px; */ } .reportSelectionArea {} .reportPage { /*height:100%;*/ } .reportArea { margin-left: 220px; /*padding: 1px 16px; padding: 5px 3% 5px 3%;*/ } .reportMenu { margin: 0; padding: 5px; width: 220px; /*background-color: #f8f8f8;*/ position: absolute; top: 147px; border-top: 1px solid #c6c6c6; /*height: 100%; overflow: auto;*/ } .reportMenu input, .reportMenu select, .easy-autocomplete { width: 140px; } .columnSection { float: left; width: 50%; } #previewObject { height: 100%; } /* Clear floats after the columns */ .rowSection:after { content: ""; display: table; clear: both; } /* .reportObject { border: 1px solid black; box-shadow: 4px 4px 2px grey; } #previewArea { background-color: blue; } #contentArea { } #previewArea { width: 100%; background-color: #f8f8f8; margin-top: 8px; border: 1px solid black; box-shadow: 4px 4px 2px grey; }*/ #logout-section { display: block; float: right; /*padding: 24px 25px 32px 25px;*/ height: 22px; /*background-color: red;*/ cursor: pointer; margin-top: 27px; font-family: Poppins-Regular; font-size: 16px; color: white; padding-right: 15px; line-height: 1em !important; } /* Dropdown Button */ .dropdowncontrol-button { display: block; float: right; /*padding: 24px 25px 32px 25px;*/ background-color: #29373B; margin-top: 27px; font-family: Poppins-Regular; font-size: 16px; color: white; padding-right: 15px; line-height: 1em !important; cursor: pointer; } /* The container
- needed to position the dropdown content */ .dropdowncontrol { /*position: relative; display: inline-block;*/ float: right; z-index: 10000; height: 70px; } /* Dropdown Content (Hidden by Default) */ .dropdowncontrol-content { right: 160px; top: 78px; display: none; /* Inte visas i början. We want user interaction to show these options */ position: absolute; width: 200px !important; /* In order not to animate it by width */ padding: 5px !important; border-radius: 5px; background-color: #29373B; margin-top: -8px; z-index: 10000; max-height: 400px; overflow: auto; } /* Links inside the dropdown */ .dropdowncontrol-content span { text-decoration: none; display: block; font-family: Poppins-Regular; font-size: 16px; color: #fff; cursor: pointer; } .dropdowncontrol-content li { float: none; border-left: 5px; padding: 5px !important; } /* Change color of dropdown links on hover */ .dropdowncontrol-content span:hover { color: #E5DAC4 } /* Show the dropdown menu on hover */ .dropdowncontrol:hover .dropdowncontrol-content { display: block; } /* Change the background color of the dropdown button when the dropdown content is shown */ .dropdowncontrol:hover .dropdowncontrol-button { color: #E5DAC4 } #mainContent li { color: black; } .alertTable th { text-align: left; padding: 5px; } .alertTable td { text-align: left; padding: 5px; } .orangealertdot { height: 12px; width: 12px; background-color: orange; border-radius: 50%; display: inline-block; } .redalertdot { height: 12px; width: 12px; background-color: red; border-radius: 50%; display: inline-block; } .imageContainerDoc { /*width: calc(100% - 20px);*/ margin: 15px 20px 15px 0px; /* top, right, bottom, left */ /*box-shadow: 0px 0px 8px rgba(0,0,0,.3);*/ } .imageContainerDoc img { padding: 5px; border: 1px solid #ebebeb; border-radius: 3px; max-width: 1010px; background-color: #fafafa; display: block; /*width: 100%;*/ } #submenu p { text-align: left; } #submenu h3 { margin-top: 10px; } .wrap-table-doc { /*width: 100%;*/ /* Bredden på tabellen */ border-radius: 10px; /* radien på kanterna */ overflow: hidden; border: 1px solid #dcdcdc; } @media print { @page { size: auto; /* Automatisk sidstorlek */ margin: 3rem; /* Marginaler för utskrift */ } #submenu, .vertical-center, .wrapper-ribbon, .videowrappervimeo, .horizontal-line { display: none; } body * { background-color: #fff; } #contentspace { margin-top: -3rem; margin-right: 3rem; } .wikidocpage { margin: 0; padding: 0; } } .wikidocpage table { width: 100%; display: table; margin: 0; text-align: left; } .wikidocpage tbody tr { background: #fff; /* Bakgrundsfärgen på titelraden #8a9198 */ font-family: Poppins-Regular; font-size: 14px; color: #666666; /* Färgen på texten för raderna */ line-height: 1.6; font-weight: unset !important; padding-top: 15px; /*15*/ padding-bottom: 10px; } .wikidocpage thead tr { background: #8a9198; /* Bakgrundsfärgen på titelraden #8a9198 */ font-family: Poppins-Regular; font-size: 16px; /* 16 */ color: #fff; /* Färgen på texten för titelraden */ line-height: 1.2; /* Höjden på titelraden */ font-weight: unset !important; padding-top: 10px; /*10*/ padding-bottom: 10px; } /* .verticalAlign { vertical-align: middle; } */ .wikidocpage td, .wikidocpage th { padding: 10px 20px 10px 10px; margin: 0 auto; } .wikidocpage th:nth-child(1) { min-width: 150px; } /* .wikidocpage td:nth-child(1) { width: 25%; padding: 0 40px; margin: 0 auto; height: 100%; } .wikidocpage td:nth-child(2) { width: 75%; padding: 10px 20px 10px 0; margin: 0 auto; height: 100%; } .wikidocpage th:nth-child(1) { width: 25%; padding: 0 40px; margin: 0 auto; height: 100%; } .wikidocpage th:nth-child(2) { width: 75%; padding: 10px 20px 10px 0; margin: 0 auto; height: 100%; }*/ /* Speca bredden på kolumnerna för tabeller med 3 kolumner .wikidocpage td:nth-child(1), .wikidocpage th:nth-child(1) { width: 20%; padding: 0 40px; margin: 0 auto; height: 100%; } .wikidocpage td:nth-child(2), .wikidocpage th:nth-child(2) { width: 20%; padding: 10px 20px 10px 0; margin: 0 auto; height: 100%; } .wikidocpage td:nth-child(3), .wikidocpage th:nth-child(3) { width: 60%; padding: 10px 20px 10px 0; margin: 0 auto; height: 100%; }*/ .fakeanchor { cursor: pointer; color: #5696A8; } .fakeanchor:hover { color: #ECBB84; } .disabledcontrol { pointer-events: none; opacity: 0.4; } .alert { color: red; } .PowerBIReportSelect { float: right; } .aichatoverlay { display: flex; position: fixed; top: 0; left: 0; width: 30%; height: 70%; background-color: rgba(0, 0, 0, 0.7); z-index: 1000; justify-content: left; align-items: center; /*visibility: hidden; Hide by default */ } .overlay.show { visibility: visible; /* Show when the show class is applied */ } #aichatpopupIframe { width: 80%; height: 80%; border: none; /* Remove iframe border */ } /*////////////////////////////////////////////////////////////////// [ Q&A QUESTION ]*/ #qaa-question { font-size: 16px; line-height: 1.5em; margin-bottom: 0.5em; font-weight: 500; } /*////////////////////////////////////////////////////////////////// [ Q&A ANSWER ]*/ #qaa-answer { color: #696969; margin-left: 56px; } /*////////////////////////////////////////////////////////////////// [ OLD STYLES. RECONSIDER USING THEM ]*/ .footer-inner { padding: 37px 0px; } #page { padding: 92px; } #page { max-width: 1280px; } .sprak { background-color: transparant; right: 0; position: absolute; z-index: 1001; padding: 10px 15px 0 0; } .sprak a { color: #1111; font-size: 0.6em; margin-right: 7px; } .header-inner { padding-top: 38px; } .tletable { border: 1px solid #cccccc; background-color: white; th { padding: 13px; color: #333333; background-color: #f0f0f0; } td { padding: 13px; } .hogerstallt {text-align:right} .vansterstallt {text-align:left} } .printtable { border: 1px solid #9b9b9b; background-color: white; font-size:12px; font-weight:normal; th { padding: 5px; color: #ffffff; background-color: #1f4e78; font-weight:normal; } td { padding: 5px; } } .dialogfonster { border: 1px solid #a0a0a0; background-color: white; font-size:14px; padding: 5px; color: #000000; th { padding: 5px; font-weight:normal; } td { padding: 5px; } } .filterwindow { border: 1px solid #dddddd; background-color: #ffffff; font-size:14px; padding: 5px; color: #20b2aa; th { padding: 20px; font-weight:normal; } td { padding: 20px; } } .example { border: 1px solid #8c8c8c; background-color: #f0f0f0; font-size:14px; padding: 5px; color: #000000; th { padding: 20px; font-weight:normal; } td { padding: 20px; } } .statements { border: 1px solid #58a3bf; background-color: #658d9c; font-size:16px; padding: 5px; color: #ffffff; th { padding: 10px; font-weight:normal; } } /*////////////////////////////////////////////////////////////////// [ COMMAND MENU FUNCTIONS ]*/ /* Styles for command menu functions. Gamla tabellen för att visa kommandofunktionerna och vad dem gör. Färgar varannan rad med en viss färg. Inaktiverad sålänge */ .CommandDescriptions { border-collapse: collapse; } .CommandDescriptions table { padding: 10px; font-size: 14px; font-weight:normal; } .CommandDescriptions td { padding: 10px; font-size: 14px; font-weight:normal; } .CommandDescriptions th { color: #FFFFFF; background: #3D3D3D; padding: 10px; font-size: 14px; font-weight:normal; } .CommandDescriptions tr:nth-child(even) { background: #fafafa; } .CommandDescriptions tr:nth-child(odd) { background: #f5f5f5; } .CommandDescriptionsThWidth { width: 220px; } .CommandDescriptions img { width: 32px; height: 32px; } .CommandDescriptions th:last-child { min-width: 512px; } /*////////////////////////////////////////////////////////////////// [ FORM-TITLE MENU FUNCTIONS ]*/ .form-title-table { /*border-collapse: collapse;*/ border-radius: 10px; } .form-title-table table { /*border-collapse: collapse;*/ } .form-title-table td { font-size: 14px; font-weight:normal; vertical-align:top; } .form-title-table th { padding: 5px 20px 5px 30px; color: #3D3D3D; background: rgba(0,0,0,0); text-transform: uppercase; font-family: "roboto-bold"; font-weight: 900; font-size: 14px; font-weight:normal; } .form-title-table td { padding: 5px 20px 5px 10px; } .form-title-table th:last-child { width: 100%; } .form-title-table tr:nth-child(even) { background: rgba(0,0,0,0); } .form-title-table tr:nth-child(odd) { background: rgba(0,0,0,0); } /*////////////////////////////////////////////////////////////////// [ IMAGE ]*/ .image { margin: 48px 0px 48px 0px; } @media only screen and (max-width: 1380px) { /* Gömmer Texten "Tiego Cloud" till höger om Tiego Clound-ikonen */ header .header-brandText { display: none; } .wrapper-menu { margin-left: 100px; } #container-user { display: none; } } @media only screen and (max-width: 1024px) { /* Minskar storleken på texten i det gråa fätet */ .description { font-size: 15px; } /* Minskar avståndet mellan innehållet och den gråa raden */ #contentspace { margin-top: 0px; } /* Minskar avståndet mellan submenyn och den gråa raden */ #submenu { margin-top: 0px; } /* Textstorleken minskas med 25% för samtliga nedan */ h1, h2, h3 { line-height: 1.2em; } h1 { font-size: 24px; } h2 { font-size: 18px; } h3 { font-size: 14px; } .font-poppins-regular { font-size: 12px; line-height: 1.2em; } .font-roboto-light { font-size: 14px; line-height: 1.2em; } body { font-size: 14px; line-height: 1.5em; } .titleHorizontalBarDev { height: 25px; margin: 25px 0 0 0; } .titleHorizontalBarTle { height: 25px; margin: 25px 0 0 0; } .titleHorizontalBarTga { height: 25px; margin: 25px 0 0 0; } .titleText { height: 25px; font-size: 25px; text-transform: capitalize; } .title-wrapper { width: 100%; height: 60px; margin: 0px 0px 48px 0px; } /* Nedan justerar storleken på tabeller med både 2 & 3 st. kolumner */ .row .cell .cells .rowColor { /* Avser raderna som kommer under titeln */ font-size: 12px; } .row.header { /* Avser titelraden */ font-size: 14px; /* 16 */ } /* Speca bredden på kolumnerna för tabeller med 2 kolumner */ .row .cell:nth-child(1) { width: 20%; /* Bestämmer beredden på kolumn 1 */ padding: 0 20px; } .row .cell:nth-child(2) { width: 80%; /* Bestämmer beredden på kolumn 2 */ padding: 10px 10px 10px 0; /*10, 40*/ } /* Speca bredden på kolumnerna för tabeller med 3 kolumner */ .row .cells:nth-child(1) { width: 15%; /* Bestämmer beredden på kolumn 1 */ padding: 0 20px; } .row .cells:nth-child(2) { width: 15%; /* Bestämmer beredden på kolumn 2 */ padding: 10px 10px 10px 0; /*10, 40*/ } .row .cells:nth-child(3) { width: 70%; /* Bestämmer beredden på kolumn 2 */ padding: 10px 10px 10px 0; /*10, 40*/ } .titleIcon { width: 63px; height: 63px; border-radius: 10px; } .titleIcon img { width: calc(100% - 25%); } } /*////////////////////////////////////////////////////////////////// [ RIBBON ]*/ .index-ribbon { font-family: roboto-light; background-color: #EBEFF1; height: 70px; width: 100%; display: table; } .vertical-center { display: table-cell; vertical-align: middle; height: 70px; min-height: 70px; } .description { font-size: 30px; color: #718185; } /* .path { margin-top: 10px; color: #91A1A7; font-size: 20px; } */ /*////////////////////////////////////////////////////////////////// [ SPACER BLOCK (EMPTY BLOCK) ]*/ .spacer { padding-top: 48px; padding-bottom: 16px; } .spacerThin { padding-top: 16px; padding-bottom: 16px; } /*////////////////////////////////////////////////////////////////// [ TABLE, FORM ]*/ /* Kommentar: Har utelämnat th och använder endast td. Anledningen är ökad flexibilitet för formatering av celler */ .formtable { width: 100%; border-collapse: collapse; background-color: white; font-size:14px; font-weight:normal; } .formtable td { font-family: "Verdana"; line-height: 1.2; font-weight: unset !important; } .table-wrapper { margin: 0px; width: 100%; border-radius: 5px; border-style: none !important; padding: 5px; background-color: #fff; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 4px 0 rgba(0,0,0,0.12); } /*////////////////////////////////////////////////////////////////// [ ID:S PREDEFINED CELLS ]*/ #cell-edit, #cell-formula { color: #5d5d86; font-size: 12px; padding: 8px 15px; /* top, right, bottom, left */ } #cell-edit { background-color: #ffffcc; } #cell-formula { background-color: #ffffff; } #cell-example { background-color: #ffffff; color: #a8a8a8; font-size: 12px; font-style: italic; padding: 8px 15px; /* top, right, bottom, left */ } #cell-title { background-color: #455a64; font-size: 13px; color: #fff; padding: 8px 15px; /* top, right, bottom, left */ } #cell-title-white { background-color: #ffffff; font-size: 13px; color: #000; padding: 8px 15px; /* top, right, bottom, left */ } /*////////////////////////////////////////////////////////////////// [ ALIGNED ]*/ .right-aligned { text-align:right } .left-aligned { text-align:left } .center-aligned { text-align:center } /*////////////////////////////////////////////////////////////////// [ GRIDLINES, DOTTED]*/ .gridlines-dotted { border: 1px dotted #cccccc; } .gridlines-dotted-right { border-right: 1px dotted #cccccc; } .gridlines-dotted-left { border-left: 1px dotted #cccccc; } .gridlines-dotted-bottom { border-bottom: : 1px dotted #cccccc; } .gridlines-dotted-top { border-top: : 1px dotted #cccccc; } .gridlines-dotted-topbottom { border-top: : 1px dotted #cccccc; border-bottom: 1px dotted #cccccc; } .gridlines-dotted-leftright { border-left: 1px dotted #cccccc; border-right: 1px dotted #cccccc; } /*////////////////////////////////////////////////////////////////// [ GRIDLINES, SOLID DARK BLUE]*/ /* För titelraden */ .gridlines-darkblue { border: 1px solid #455a64; } .gridlines-darkblue-right { border-right: 1px solid #455a64; } .gridlines-darkblue-left { border-left: 1px solid #455a64; } .gridlines-darkblue-bottom { border-bottom: 1px solid #455a64; } .gridlines-darkblue-top { border-top: 1px solid #455a64; } .gridlines-darkblue-topbottom { border-top: 1px solid #455a64; border-bottom: 1px solid #455a64; } .gridlines-darkblue-leftright { border-left: 1px solid #455a64; border-right: 1px solid #455a64; } /*////////////////////////////////////////////////////////////////// [ TABLE FOR COMMAND FUNCTIONS ]*/ .wrap-table { width: 100%; /* Bredden på tabellen */ border-radius: 10px; /* radien på kanterna */ overflow: hidden; border: 1px solid #dcdcdc; } .table { width: 100%; display: table; margin: 0; } .row { display: table-row; background: #fff; /* Bakgrundsfärgen på raderna */ } .row.header { background: #8a9198; /* Bakgrundsfärgen på titelraden #8a9198 */ } .verticalAlign { vertical-align: middle; } .cell { display: table-cell; } .cells { display: table-cell; } .row .cell .cells .rowColor { /* Avser raderna som kommer under titeln */ font-family: Poppins-Regular; font-size: 14px; color: #666666; /* Färgen på texten för raderna */ line-height: 1.6; font-weight: unset !important; padding-top: 15px; /*15*/ padding-bottom: 10px; border-bottom: 1px solid #f2f2f2; } .row.header { /* Avser titelraden */ font-family: Poppins-Regular; font-size: 16px; /* 16 */ color: #fff; /* Färgen på texten för titelraden */ line-height: 1.2; /* Höjden på titelraden */ font-weight: unset !important; padding-top: 10px; /*10*/ padding-bottom: 10px; } /* Speca bredden på kolumnerna för tabeller med 2 kolumner */ .row .cell:nth-child(1) { /*background-color: red;*/ width: 25%; /* Bestämmer beredden på kolumn 1 */ padding: 0 40px; margin: 0 auto; height: 100%; } .row .cell:nth-child(2) { width:75%; /* Bestämmer beredden på kolumn 2 */ padding: 10px 20px 10px 0; /*10, 40*/ margin: 0 auto; height: 100%; } /* Speca bredden på kolumnerna för tabeller med 3 kolumner */ .row .cells:nth-child(1) { /*background-color: red;*/ width: 20%; /* Bestämmer beredden på kolumn 1 */ padding: 0 40px; margin: 0 auto; height: 100%; } .row .cells:nth-child(2) { width: 20%; /* Bestämmer beredden på kolumn 2 */ padding: 10px 20px 10px 0; /*10, 40*/ margin: 0 auto; height: 100%; } .row .cells:nth-child(3) { width: 60%; /* Bestämmer beredden på kolumn 2 */ padding: 10px 20px 10px 0; /*10, 40*/ margin: 0 auto; height: 100%; } /* .row .cell:nth-child(3) { width: 50px; } .row .cell:nth-child(4) { width: 190px; } */ .cellFormat { /*font-family: Poppins-Bold !important;*/ text-align: center; } .table, .row { width: 100% !important; } .cellWrapper { margin: 5px auto; width: auto; height: 100% !important; /*background-color: red;*/ } .cellIcon { width: 32px; margin: 0 auto; height: 32px !important; /*background-color: yellow;*/ } .cellText { font-size: 13px; text-align: center; width: auto; line-height: 25px; /* center text vertically in div (Same height as the div)*/ margin: 0 auto; height: 25px !important; /*background-color: blue;*/ } .cellWrapperTop { margin: 15px auto 5px auto; width: auto; height: 100% !important; /*background-color: red;*/ } .cellWrapperBottom { margin: 5px auto 15px auto; width: auto; height: 100% !important; /*background-color: red;*/ } .cellWrapperTopBottom { margin: 15px auto 15px auto; width: auto; height: 100% !important; /*background-color: red;*/ } .cellFormatRow { font-family: Poppins-Regular; font-size: 16px; color: #52777d; line-height: 1.2; font-weight: unset !important; border-bottom: 1px solid #f2f2f2; display: table-cell; padding: 10px 20px 10px 0; margin: 0 auto; height: 100%; } .rowColor { display: table-row; background: #f4f4f4; /* Bakgrundsfärgen på raderna */ } .bulletlistWrapper { /*background-color: red*/ width: auto; min-height: 35px; } .bulletlistIcon { /*background-color: yellow;*/ width: 32px; height: 32px !important; float: left; } .bulletlistText { /*background-color: blue;*/ width: calc(100% - 52px); float: left; line-height: 1.6em; /* center text vertically in div (Same height as the div)*/ height: auto !important; margin: 0 0 0 20px; } ul.outsideBullets { list-style: none; } hr.ThinLine { border-style: none; border: none; height: 1px; border-width: 0; margin: 0; color: rgba(41,41,41,.15); background-color: rgba(41,41,41,.15); } h3.indentHeader { margin-left: 15px; } /*////////////////////////////////////////////////////////////////// [ TITLE TEXT FOR EACH CONTENT PAGE ]*/ .title-wrapper { width: 100%; height: 85px; margin: 0px 0px 48px 0px; } .titleHorizontalBarDev { width: 8px; height: 29px; float: left; margin: 25px 0; /*background: linear-gradient(to bottom right, #44bbfe, #5cd6f7);*/ background-color: #02D2AF; } .titleHorizontalBarTle { width: 8px; /*height: 29px;*/ height: 41px; float: left; margin: 25px 0; background: linear-gradient(to bottom right, #01cabf, #3bd9ec); } .titleHorizontalBarTga { width: 8px; /*height: 29px;*/ height: 41px; float: left; margin: 25px 0; background: linear-gradient(to bottom right, #d40f1f, #aa1e14); background-color: #EEEEEE; } .titleText { width: calc(100% - 106px); height: 35px; margin: 25px 0px 0px 10px; color: #718185; font-family: "europa-light"; font-size: 40px; font-weight: 100; /*line-height: 0.68em; */ line-height: 1.0em; letter-spacing: 0px; float: left; text-transform: uppercase; } .titleIcon { width: 84px; height: 84px; float: left; border: 1px solid #dfdfdf; border-radius: 10px; background-color: #f9f9f9; } .titleIcon img { margin: 5px 0px 0px 1px; } .titleIcon table th { display: table-cell; vertical-align: middle; } .h_gradient_wrapper { background-color: yellow; height: 150px; position: relative; float: left; } .h_gradient { width: 30px; background: linear-gradient(to bottom right, #3bd9ec, #00cabf); height: 100%; float: left; } /*////////////////////////////////////////////////////////////////// [ TRANSPARENT TABLE ]*/ .transparent-table { width: 100%; border-collapse: collapse; background-color: white; font-size:14px; font-weight:normal; } .transparent-table-wrapper { margin: 0px; width: 100%; border-style: none !important; } /*////////////////////////////////////////////////////////////////// [ ID ]*/ #cell-transparent { padding: 3px 0px; /* top, right, bottom, left */ } #text-indent { margin-left: 37px; } /*////////////////////////////////////////////////////////////////// [ VIDEO ]*/ video { width: 100%; } .videowrapper { margin: 48px 200px 48px 0px; padding: 10px; border: 1px solid #ebebeb; border-radius: 3px; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3); } .videowrappervimeo { margin-top: 40px; padding: 10px; border: 1px solid #ebebeb; border-radius: 3px; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3); height: 410px; width: 100%; position: relative; margin-bottom: 50px; } /*////////////////////////////////////////////////////////////////// [ HOME PAGE FOR EACH PRODUCT ] [ WELCOME MESSAGE WITH TWO BOXES TO THE RIGHT ]*/ .welcome-wrapper { width: 900px; height: 100%; } .textBox { width: calc(100% - 420px); height: 100%; /* 257px*/ float: left; } .imgBox1 { width: 200px; height: 100%; padding: 0 5px; float: left; } .imgBox2 { width: 200px; height: 100%; padding: 0 5px; float: left; } /*////////////////////////////////////////////////////////////////// [ WELCOME MESSAGE WITH ONE BOX TO THE RIGHT ]*/ .textBoxModule { width: calc(900px - 300px); height: 100%; float: left; } .imgBoxen { width: 120px; height: 100%; float: left; padding-left: 10px; } .imgBoxen > img{ width: 100%; } /*////////////////////////////////////////////////////////////////// [ WRAPPER FOR CONTENT ]*/ .wrapper-content { /* min-width: 1430px; */ width: calc(100% - 50px); /*width: 100%;*/ margin: 0 auto 0 50px; /*background-color: yellow;*/ } #submenu { height: 100%; width: 300px; float: left; margin-top: 50px; /*background-color: red;*/ } #contentspace { flex: 1; display: block; max-width: 1040px; min-height: 0px; min-width: 0px; /*height: 100%; max-width: 750px; width: calc(100% - 350px); float: left; margin-left: 50px; margin-top: 61px;*/ overflow-x: hidden; /*background-color: blue;*/ } .padding-space-right { height: 100%; width: 50px; width: calc(100% - 350px); float: left; margin-top: 61px; } /* OBS! Bredden måste ändras när man minskar upplösningen..Lägg in detta i resolution.css */ #footer { height: 100%; width: calc(100% - 350px); float: right; margin-top: 61px; /*background-color: red;*/ } /*////////////////////////////////////////////////////////////////// [ WRAPPER FOR HOME (WELCOME PAGE) ]*/ #wrapper-home { width: 900px; margin: 250px auto 0 auto; /* 50 */ } /*////////////////////////////////////////////////////////////////// [ WRAPPER FOR RIBBON ]*/ .wrapper-ribbon { width: calc(100% - 50px); margin: 0 auto 0 50px; } /*////////////////////////////////////////////////////////////////// [ PUSHES DOWN THE CONTENT DUE TO THE STICKY HEADER. PIXEL AMOUNT IS THE TOTAL HEIGHT OF THE STICKY ELEMENTS ]*/ .adapt-content { margin-top: 148px; } #overlayPane { overflow: hidden; } .overlayBody { background-color: rgba(247, 247, 247, 1); width: 100%; height: 100%; display: flex; overflow: hidden; color: #878787; font-size: 18px; font-family: "roboto-light"; background-position: right bottom; background-repeat: no-repeat; align-items: center; justify-content: center; } .overlayBody.tle { background-image: url("/images/Logo_bottoncorner.png"); } .overlayBody.tga { background-image: url("/images/Logo_bottoncorner_tga.png"); } svg>g>g:last-child { pointer-events: none } #reconciliationChart { width: 100%; height: 100%; } .dashboardWelcomeText { margin: auto; /*height: 100px; width: 300px;*/ margin-top: 100px; margin-bottom: 140px; text-align: center; font-size: 50px; } .dashboardWelcomeIntro { margin: auto; /*height: 100px; width: 300px;*/ margin-top: 50px; margin-bottom: 80px; text-align: center; font-size: 45px; } .dashboardHeaderInfo { display: grid; /*grid-template-columns: 20% 1fr 1fr 1fr 20%;*/ grid-template-columns: 1fr 300px 300px 300px 1fr; grid-template-rows: 300px; /*gap: 20px 20px;*/ grid-template-areas: ". . . . ."; grid-column-start: 2; } .dashboardMain { display: grid; /*grid-template-columns: 12% minmax(0, 0.2fr) minmax(0, 0.8fr) 12%; grid-template-columns: 20% 1fr 2fr 20%;*/ grid-template-columns: 1fr 900px 1fr; grid-template-rows: 160px; /*gap: 20px 20px;*/ grid-template-areas: ". . . ."; grid-column-start: 2; /*color: black;*/ } .dashboardM { /* border: 1px solid rgba(141, 187, 193, 1); */ border: 1px solid #E1E1E1; background-color: white; margin: 7px; /* color: black; */ /* padding-left: 40px; */ /* padding-top: 20px; */ /* padding-right: 40px; */ /* padding: 1rem; */ border-radius: 10px; display: flex; height: 4rem; font-size: 1rem; align-items: center; div { display: flex; width: 100%; justify-content: center; } } .dashboardMText { text-align: center; margin-top: 14px; } .dashboardH { /*border: 1px solid rgba(141,187,193,1);*/ border: 1px solid #E1E1E1; border-radius: 10px; background-color: white; margin: 7px; padding: 10px; /*grid-column-start: 2; grid-column-end: 2; grid-row-start: 1; grid-row-end: 1;*/ } .dashboardHText { text-align: center; } .dashboardButton { border: none; color: white; padding: 8px; text-align: center; text-decoration: none; font-weight: bold; /*display: inline-block;*/ font-size: 16px; margin: 4px 2px; border-radius: 30px; margin: auto; margin-top: 15px; margin-bottom: 15px; width: 120px; cursor: pointer; } .dashboardButton.tle { background-color: rgb(115, 212, 182); } .dashboardButton.tga { background-color: #311D3F } .dashboardButton.tle:hover { background-color: #68958E } .dashboardButton.tga:hover { background-color: #8D314E } .dashboardSettings { width: 300px; } .dashboardMEdit { float: right; width: 30px; } .dashboardMData { float: left; width: 260px; } .dashboardHCircle { width: 100px; height: 100px; line-height: 100px; border-radius: 50%; font-size: 30px; color: #fff; text-align: center; margin: auto; margin-top: 20px; } .dashboardHCircle.tle { background: rgba(141, 187, 193, 1) } .dashboardHCircle.tga { font-size: 20px; background: #878291 } .dashboardHChart { width: 100px; height: 100px; line-height: 100px; text-align: center; margin: auto; margin-top: 20px; } .overlayBody h1, .overlayBody h2, .overlayBody h3, .overlayBody p, .overlayBody div { /*color: white;*/ } #dashboardContent {} #dashboardLogo { margin: 50px; width: 700px; } #dashboardText { float: left; margin-left: 50px; } #dashboardSideImage { float: left; margin-left: 150px; margin-top: 50px; } .commentContainer { height: 100%; margin-top: -20px; } .commentHeader { font-weight: bolder; font-size: 12px; color: #ddd; } .commentContainer table { height: 100%; } .commentContainer td { vertical-align: middle; } .commentContainer table td:first-child { width: 60px; } .commentContainer table td:nth-child(2) { width: 100%; } .commentContainer table td:last-child { width: 60px; } .comments { width: 100%; text-align: center; cursor: default; } .arrow { width: 22px; height: 22px; cursor: pointer; border: solid #E6E6E6; border-width: 0 8px 8px 0; display: inline-block; padding: 3px; margin: 5px; } .arrow:hover { width: 22px; height: 22px; cursor: pointer; border: solid #79C9BC; border-width: 0 8px 8px 0; display: inline-block; padding: 3px; margin: 5px; } .right { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .left { transform: rotate(135deg); -webkit-transform: rotate(135deg); } .up { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); } .down { transform: rotate(45deg); -webkit-transform: rotate(45deg); } .logobackground1 { position: absolute; right: -50px; bottom: 20px; } .triangebackground1 { position: absolute; right: -150px; bottom: 0px; width: 0; height: 0; border-style: solid; border-width: 0 250px 500px 250px; border-color: transparent transparent rgba(230, 236, 235, 1) transparent; } .triangebackground2 { position: absolute; right: -150px; bottom: 0px; width: 0; height: 0; border-style: solid; border-width: 0 200px 400px 200px; border-color: transparent transparent rgba(207, 227, 224, 1) transparent; } /* Tooltip container */ .tooltip { position: relative; display: table-cell; cursor: pointer; } /* Tooltip text */ .tooltip .tooltiptext { visibility: hidden; background-color: #ACBDC1; color: #FFFFFF; text-align: center; padding: 10px 15px 10px 15px; border-radius: 5px; position: absolute; z-index: 1; bottom: -20%; left: 90%; filter: drop-shadow(3px 3px 6px #bbb); /* margin-top: 20px; */ /* margin-left: 20px; */ /* width: 300px; */ /* height: 20px; */ opacity: 0; transition: opacity 0.15s linear 0.9s; /* vertical-align: middle; */ /*white-space: nowrap;*/ /* position: relative; */ /* max-width: 200px; */ /* display: inline-block; */ /* top: 0px; */ /* box-sizing: border-box; */ /* display: inline-block; */ line-height: 1.5; inline-size: max-content; /*max-width: 200px; */ max-width: 400px; } .tooltip .tooltiptext.tooltipdown { bottom: -90%; left: 0%; } .tooltiptext.tooltipinput { position: absolute; top: 35px; left: 100%; bottom: unset !important; } .tooltiptext.tooltipcontractimport { position: absolute; top: 60px; left: 100%; bottom: unset !important; } /* Tooltip arrow */ /*.tooltip .tooltiptext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent; }*/ /* Show the tooltip text when you mouse over the tooltip container */ .tooltip:hover .tooltiptext { visibility: visible; opacity: 1; z-index: 1000; } .ngdialog { padding: 0 !important; } .ngdialog-content { padding: 0 !important; background: transparent !important; display: table; /*table-like styles for vertical centering*/ width: 100% !important; height: 100%; } .ngdialog-holder { display: table-cell; vertical-align: middle; width: 100%; height: 100%; } .ngdialog-content>.ngdialog-close { display: none; /*hide original close button*/ } .my-dialog { width: 400px; background: #fff; border: 1px solid #000; margin: 0 auto; /*center dialog horizontally*/ position: relative; } body { min-width: 0px; display: flex; flex-direction: column; } header { min-width: 0px; height: 70px; min-height: 70px; } main { min-width: 0px; min-height: 0px; display: flex; flex: 1; flex-direction: column; } .appContent { display: flex; flex-direction: row; flex: 1; min-height: 0px; min-width: 0px; margin-top: 7px; /*margin-left: 200px; */ background-color: var(--background); /*width: 100%; height: 100%;*/ overflow: hidden; color: var(--font); font-size: 12px; font-family: "roboto-light"; /*background-position: right bottom; background-repeat: no-repeat; background-image: url("/images/Logo_bottoncorner.png");*/ } .overlayPaneSideBar { /*padding: 3px;*/ /*flex: 100px; display: block;*/ display: none; min-height: 0px; min-width: 60px; width: 60px; /* background-color: var(--menubackground); border: 1px solid var(--background); */ background-color: var(--newOverlayPaneBackground); border-right: 1px solid var(--newOverlayPaneColor); color: var(--newOverLayPaneColor); box-shadow: var(--boxShadow) 0px 8px 24px; font-size: 13px; /*height: 100%; width: 200px; position: fixed; z-index: 1; top: 0; left: 0; background-color: #111; overflow-x: hidden; padding-top: 20px;*/ } .overlayPaneContent { min-height: 0px; min-width: 0px; flex-direction: column; flex-grow: 1; display: flex; } .overlayPaneTopBar { /*padding: 3px;*/ min-height: 48px; min-width: 0px; box-shadow: var(--boxShadow) 0px 8px 24px; /*flex: 30px; display: block;*/ height: 48px; background-color: var(--newOverlayPaneBackground); border-left: 1px solid var(--newOverlayPaneColor); color: var(--newOverLayPaneColor); /* background-color: var(--menubackground); border: 1px solid var(--background); */ /*overflow: hidden;*/ } .appPageMain { min-height: 0px; min-width: 0px; flex-direction: row; flex-grow: 1; display: flex; } .appPageMainFull { min-height: 0px; min-width: 0px; flex: 1; } .contractPageContainer {} .contractPageContainer, .pageContainer { min-height: 0px; min-width: 0px; flex-grow: 1; display: flex; flex-direction: column; } .horizontalPageContainer { min-height: 0px; min-width: 0px; flex-grow: 1; display: flex; flex-direction: column; } .pageContainer { padding: 15px; } .contractTable { background-color: #f5f5f5; border-radius: 10px; box-shadow: var(--boxShadow) 0px 8px 24px; height: 100%; } .noContract { background-color: transparent !important; box-shadow: none !important; } .clickable { cursor: pointer; } .scrollableContainer, .contractTable { height: 100%; overflow: auto; display: block; /*width: 100%;*/ } .contractPageContent { min-width: 0px; min-height: 0px; flex: 1; } .commandPane { min-height: 0px; min-width: 375px; border-radius: 10px; width: 375px; border: 1px solid var(--background); box-shadow: var(--boxShadow) 0px 8px 24px; height: 100%; } .commandPaneContainer { display: flex; margin: 15px 15px 15px 0px; margin-bottom: 15px; align-items: center; } ::-webkit-scrollbar { width: 10px; height: 10px; } ::-webkit-scrollbar-thumb { border-radius: 10px; background: #c2c9d2; } .contractChangeTable { /*table-layout: fixed; width: 500px;*/ } .contractChangeColumnLabel { white-space: nowrap; width: 80px; padding-right: 5px; text-align: right; } .contractChangeColumnInput { width: 120px; padding-right: 5px; text-align: right; } .contractChangeColumnIcons { width: 50px; padding-right: 5px; text-align: right; } .contractChangeColumnMoveLabel { white-space: nowrap; width: 20px; padding-right: 5px; text-align: right; } .contractChangeColumnMove { width: 60px; padding-right: 5px; text-align: right; } .contractChangeColumnMoveConfirm { width: 60px; padding-right: 5px; text-align: right; } .contractChangeColumnPeriodLabel { white-space: nowrap; width: 20px; padding-right: 5px; text-align: right; } .contractChangeColumnPeriod { width: 100px; padding-right: 5px; text-align: right; } .importContractForm { position: fixed; top: 50%; left: 50%; height: 42rem; box-sizing: border-box; transform: translate(-50%, -50%); width: 60rem; z-index: 100; box-shadow: var(--boxShadow) 18px 49px 59px; border-radius: 10px; } .importContractFormContentDiv { background: var(--tablerowimport); border-radius: 10px; height: 100%; width: 100%; display: flex; flex-direction: column; justify-content: space-between; } .importContractFormContentBottomButtons { display: flex; flex-direction: row-reverse; padding: 1rem; } .formTableHeaderName { margin: 0 0 1rem 0; padding: 0; } .background { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); /* Justera opaciteten här */ z-index: 5; /* Placera bakgrundsbilden under .centered-container */ } .importContractFormHeader { border-radius: 10px 10px 0 0; background: var(--tableheader); border-bottom: 2px solid var(--background); height: 4rem; text-transform: uppercase; font-size: 12px; /* height: 50px; */ color: var(--fonttableheader); display: flex; flex-direction: row; justify-content: space-between; } .tabDiv { display: flex; padding: 0 1rem 0 0; align-items: flex-end; flex-direction: row; width: 100%; justify-content: flex-end; } .tab { background-color: var(--tablerow); border-radius: 10px 10px 0 0; border: 1px solid var(--background); border-bottom: none; padding: 0.5rem 1rem; /* margin: 0 0 0 -0.5rem; */ height: 30px; cursor: pointer; font-size: 12px; color: var(--fonttableheader); text-transform: uppercase; font-weight: bold; display: flex; flex-direction: row; justify-content: space-between; align-items: center; opacity: 0.75; } .tab:hover { opacity: 1; } .pdfbtn { height: 32px; width: 200px; box-sizing: border-box; display: flex; align-items: stretch; justify-content: center; border: 1px solid var(--inputborder); } .formTabels { height: 100%; } .labelInputDiv { display: flex; justify-content: space-between; margin: 4px; } .financialDiv { display: flex; justify-content: space-between; align-items: flex-end; } .outerFormTab { height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; } .center { justify-content: center; } .innerFormTab { display: flex; flex-direction: column; height: 32rem; overflow-x: hidden; /* padding: 0 1rem; */ box-sizing: border-box; /* overflow-x: auto; */ width: 100%; padding: 0 1rem; overflow-y: auto; } .activeTab { background-color: var(--active-tab-color); border-bottom: var(--active-tab-color) solid 1px; margin: 0px 0 -2px 0; height: 35px; opacity: 0.9; } .importContractFormFooter { border-radius: 0 0 10px 10px; background: var(--tableheader); border-top: 2px solid var(--background); height: 4rem; text-transform: uppercase; font-size: 12px; color: var(--fonttableheader); } .importContractFormContent { background: var(--tablerowimport); padding: 15px; padding-top: 15px; padding-bottom: 15px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; /* height: 32rem; */ font-family: "roboto-light"; } .importContractFormContentMain { /* height: 400px; */ width: 100%; height: 100%; display: grid; grid-template-columns: 2fr 1fr; align-items: start; } .two-columns { grid-template-columns: none; } .default-columns { grid-template-columns: 2.5fr 1fr; } .R5Border { border-top: 1px solid var(--background); border-bottom: 1px solid var(--background); margin: 15px 0; } .importContractFormContentForm { /*float: left;*/ min-width: 0px; min-height: 0px; } .importContractFormContentHelp { border-left: 1px solid var(--background); min-width: 0px; height: 30rem; padding: 15px; display: flex; box-sizing: border-box; justify-content: center; flex-direction: column; width: 100%; /*float: right; max-width: 500px; width:500px; height: 300px;*/ } #importContractStatusText { color: red; float: left; font-size: 20px; margin-top: 20px; } #importContractStatusText.valid { color: green !important; } .importContractHeader { /* height: 120px; */ display: flex; flex-direction: column; align-items: center; } .importContractHeaderIcon { float: left; margin-right: 15px; } .contractimporticon { width: 80px; height: 80px; } .warning-overlay { position: absolute; top: 17px; left: 10px; color: white; background-color: red; border-radius: 50%; font-size: 8px; width: 10px; height: 10px; /* display: block; */ display: inline-block; text-align: center; vertical-align: middle; /* padding-left: 1px; */ line-height: 12px; /* white-space: nowrap; */ /* display: none; */ } .log-overlay { position: absolute; top: 17px; left: 10px; color: white; background-color: green; border-radius: 50%; font-size: 8px; width: 10px; height: 10px; /* display: block; */ display: inline-block; text-align: center; vertical-align: middle; /* padding-left: 1px; */ line-height: 12px; /* white-space: nowrap; */ /* display: none; */ } .expandedContractContainer { background: var(--tablerowexpanded); } .contractTable tr.selectedcontract { background: var(--tablerowselected) !important; } .contractHeaderRow.selectedcontract:hover>td { background: var(--tablerowselected); } .contractHeaderRow:hover>td { background: var(--selection); } .contractHeaderRow { background-color: var(--tablerow); } .contractExpiredRow { background: var(--contractExpiredRowBg) !important; /* color: var(--contractExpiredRowTextColor) !important; */ } .contractAssetValueKnownY { background: var(--contractAssetValueKnownY); } .contractAssetValueKnownN { background: var(--contractAssetValueKnownN); } #contractChangeTimeline { /*height:200px;*/ } .month-picker-previous, .month-picker-next { display: none; } .contractPageContainer>table>thead>tr { background-color: var(--tableheader); text-transform: uppercase; font-size: 11px; color: var(--fonttableheader); height: 50px; } .contractPageContainer>table>thead>tr>th { background-color: var(--tableheader); } .contractPageContainer>table>tbody>tr { /*background-color: var(--tablerow);*/ /*white-space: nowrap;*/ border-top: 1px solid var(--background); border-bottom: 1px solid var(--background); line-height: 3em; } .contractPageContainer>table { margin: 15px; } .contractPageContainer>table>thead>tr>th:first-child { padding-left: 15px; /*border-left: 1px solid var(--background);*/ /*width: 1px;*/ } .contractPageContainer>table>thead>tr>th:last-child { /*border-right: 1px solid var(--background);*/ /* width: 100%; */ } .contractPageContainer>table>tbody>tr>td:first-child { padding-left: 15px; padding-right: 15px; /*border-left: 1px solid var(--background);*/ /*width: 1px;*/ } .contractPageContainer>table>tbody>tr>td:last-child { /*border-right: 1px solid var(--background);*/ /*width: 100%;*/ } .headericon { min-width: 24px; vertical-align: middle; padding-left: 5px; text-align: left; font-size: var(--timsFontSize); } .headernumber { /*min-width: 115px;*/ text-align: right; padding-right: 10px; vertical-align: middle; font-size: var(--timsFontSize); font-weight: bold; white-space: nowrap; } .headertext { min-width: 175px; padding-right: 1rem; text-align: left; padding-left: 10px; font-size: var(--timsFontSize); font-weight: bold; white-space: nowrap; vertical-align: middle; } .headershort { min-width: 120px; text-align: center; padding-left: 10px; white-space: nowrap; font-size: var(--timsFontSize); vertical-align: middle; } .header { min-width: 200px; text-align: left; padding-left: 15px; margin-top: 1rem; /*margin-top*: 10px;*/ white-space: nowrap; color: var(--fonttableheader); font-weight: bold; font-size: var(--timsFontSize); vertical-align: middle; } .headerperiod { min-width: 90px; padding-right: 1rem; text-align: left; font-weight: bold; font-size: var(--timsFontSize); vertical-align: middle; } .appContent .contracticon { width: 17px; height: 17px; /*display: block; background-repeat: no-repeat;*/ /*Prevent showing multiple background images*/ /*background-position: center;*/ vertical-align: middle; fill: #717171; } .changeiconwarning { display: inline-block; line-height: 1; } .changeiconwarning svg { vertical-align: middle; margin-top: -5px; width: 17px; height: 17px; } .contractcell:hover>.contractcellactions {} .contractcellmodified { color: #608488; font-weight: bold; } .contractTable td:hover .contractcellactions { opacity: 1 !important; } .contractcellactions { opacity: 0.3; /*visibility: hidden; display: none;*/ } .statusHeader { width: 24px; display: block; } .contractchangeicon>svg { width: 17px; height: 17px; } .statusFlagOk { fill: #8ad41c !important; transition: opacity 0.3s ease-in-out; } .statusFlagWarning { fill: orange !important; transition: opacity 0.3s ease-in-out; } .statusFlagError { fill: #ff9f9f !important; transition: opacity 0.3s ease-in-out; } .statusFlagCalculating { fill: blue !important; transition: opacity 0.3s ease-in-out; } .nextStep { color: #8ad41c !important; float: left; transition: opacity 0.3s ease-in-out; font-size: 20px; margin-top: 20px; } input[type="month"]::-webkit-calendar-picker-indicator { filter: opacity(50%); } .contractTable input[type="text"], .contractTable input[type="number"], .contractTable input[type="email"], .contractTable input[type="month"], .contractTable select { padding: 0px; padding-right: 3px; padding-left: 3px; margin-left: 3px; height: 26px; border-radius: 5px; color: var(--inputfont); font-size: 14px; border: 1px solid var(--inputborder); background: var(--input); text-align: left; -ms-box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: border-box; width: 100%; font-family: "roboto-light"; } input [type="checkbox"].checkbox { height: 18px; width: 18px; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; border: 1px solid var(--inputborder); border-radius: 3px; outline: none; transition-duration: 0.3s; background-color: var(--input); cursor: pointer; } input[type="checkbox"]:checked.checkbox { content: " \25CF"; border: 1px solid var(--inputborder); background-color: rgb(126, 213, 194); } /* input[type="checkbox"]:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }*/ /* input[type="checkbox"]:checked + span::before { content: '\2713'; display: block; text-align: center; color: #41B883; position: absolute; left: 0.7rem; top: 0.2rem; } input[type="checkbox"]:active .checkbox { border: 2px solid #34495E; }*/ .contractTable button { padding: 0px; margin-left: 3px; height: 18px; color: var(--inputfont); font-size: 14px; border: 1px solid var(--inputborder); background: var(--input); } .contractTable .modified, .contractTable .ng-dirty { background: var(--inputmodified) !important; color: var(--inputmodifiedfont) !important; } .importContractFormHeaderButtons { padding-top: 15px; } .importContractFormHeaderButtons button { /* width: 80px; */ height: 24px; font-size: 14px; line-height: 1em; background-color: #ffffff; } /* .importContractFormHeaderButtons button:first-child { margin-left: 10px; } .importContractFormHeaderButtons button:first-child { margin-right: 10px; } */ .importContractFormHeaderButtons button { margin-right: 10px; } /* .contractTable > thead > tr > td:nth-child(1) { width: 150px; text-align: right; padding-right: 3px; }*/ .importContractFormContentForm tr { /* height: 60px; display: block; line-height: 1em; */ } .importContractFormContentForm label, .formTabels { display: block; padding-bottom: 5px; color: #34687b; font-weight: bolder; } .importContractFormContentForm td { padding: 10px; width: 200px; } .importContractFormContentForm .extrawide { width: 400px !important; } /* .importContractFormContentForm input { width: 120px !important; } .importContractFormContentForm .labeltd { width: 120px; } .importContractFormContentForm .ctrltd { width: 100px; } .importContractFormContentForm tr td:nth-child(1) { width: 120px; text-align: right; padding-right: 3px; } .importContractFormContentForm tr td:nth-child(2) { width: 100px; text-align: right; } .importContractFormContentForm tr td:nth-child(3) { width: 20px; padding-left: 3px; padding-top: 3px; } .importContractFormContentForm tr td:nth-child(4) { width: 120px; text-align: right; padding-right: 3px; } .importContractFormContentForm tr td:nth-child(5) { width: 100px; text-align: right; } .importContractFormContentForm tr td:nth-child(6) { width: 20px; padding-left: 3px; padding-top: 3px; } .importContractFormContentForm tr td:nth-child(7) { width: 120px; text-align: right; padding-right: 3px; } .importContractFormContentForm tr td:nth-child(8) { width: 100px; text-align: right; } .importContractFormContentForm tr td:nth-child(9) { width: 20px; padding-left: 3px; padding-top: 3px; }*/ .importContractFormContent button, .importContractFormContent input[type="text"], .importContractFormContent input[type="number"], .importContractFormContent input[type="month"], .importContractFormContent input[type="radio"], .importContractFormContent select { border: 1px solid var(--inputborder); } .importContractFormContent select {} .radioControl { /* margin-top: 5px; */ /* text-align: center; */ width: 200px; } .importContractFormContent input[type="text"], .importContractFormContent input[type="number"], .importContractFormContent input[type="month"], .importContractFormContent select { -ms-box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: border-box; width: 200px; font-family: "roboto-light"; padding: 5px; height: 32px; border-radius: 5px; font-size: 12px; } .importContractFormContent button:required, .importContractFormContent input[type="text"]:required, .importContractFormContent input[type="number"]:required, .importContractFormContent input[type="month"]:required, .importContractFormContent input[type="radio"]:required, .importContractFormContent select:required { /*border: 1px solid var(--inputborderrequired); background-color: var(--inputrequired);*/ } /*.importContractFormContent button:required::after, .importContractFormContent input[type="text"]:required::after, .importContractFormContent input[type="number"]:required::after, .importContractFormContent input[type="month"]:required::after, .importContractFormContent input[type="radio"]:required::after, .importContractFormContent select:required::after { content: "*"; }*/ .importContractFormContent i { display: none; } .expandedContractContainer { padding-left: 0px !important; } .expandedContractTab { /*display: none;*/ background-color: white; padding: 15px; } .expandedContractTabNav { overflow: hidden; /*border: 1px solid #ccc;*/ margin-top: 5px; } .expandedContractTabNav>button>svg { fill: #b9b9b9; } .expandedContractTabNav>button { background-color: #f1f1f1; color: gray; float: left; outline: none; cursor: pointer; border-top: 1px solid transparent; border-left: 1px solid transparent; border-right: 1px solid transparent; border-bottom: 1px solid transparent; /* padding-top: 5px; */ margin-top: 15px; border-radius: 5px 5px 0 0; height: 30px; /* width: 110px; */ width: 12rem; transition: 0.3s; font-family: "roboto-light"; margin-left: 0px; } .expandedContractTabNav>button>span { position: relative; top: -6px; left: 5px; font-family: "Roboto-medium"; } .expandedContractTabNav:first-child { padding-left: 15px; } .expandedContractTabNav>button:hover { background-color: #ddd; } /* Create an active/current tablink class */ .expandedContractTabNav .activetabbtn, .expandedContractTabNav>button:focus { color: #5e5e5e; background-color: white; fill: #5e5e5e; filter: drop-shadow(0px -1px 4px #bbb); border-top: 1px solid transparent !important; border-left: 1px solid transparent !important; border-right: 1px solid transparent !important; border-bottom: 1px solid transparent !important; } .expandedContractTabNav .activetabbtn svg { fill: #5e5e5e !important; } #warningTab { /*width: 400px;*/ } #logTab thead th { padding-right: 5px; text-align: left; } #logTab tbody td { padding-right: 5px; text-align: left; } #logTab thead:nth-child(1) { width: 300px; } .contractTableInfo { font-size: 9px; margin-bottom: -15px; margin-left: 15px; } .noContractsFoundSection { text-align: center; border-radius: 5px; /* border: 1px solid gray; */ margin: auto; max-width: 500px; margin-top: 300px; background: var(--menubackground); /* min-height: 60px; */ line-height: 5; border: 1px solid var(--background); box-shadow: var(--boxShadow) 0px 8px 24px; } .lastTh { width: 100%; } .headericons { min-width: 70px; padding-right: 1rem; vertical-align: middle; text-align: right; font-size: var(--timsFontSize); } .headernumberedit { /*min-width: 185px !important;*/ } .headerperiodedit { /*min-width: 185px !important;*/ } .headernumberedit label, .headerperiodedit label { white-space: nowrap; font: 8px; text-align: left; line-height: 1.5; display: block; } .headereditfields { white-space: normal; } /* .headereditfields { width: 130px; float: left; } .headereditbuttons { margin-top:40px; width: 50px; float: right; }*/ .calcattriblabel {} .calcattribvalue { font-weight: bold; } .pdfuploadlabel { /*width:100px; display: inline-block; cursor: pointer;*/ width: 100% !important; } .pdfuploadlabel svg { position: relative; top: 5px; left: 5px; } .checkboxContainer { display: flex; width: 200px; height: 32px; align-items: center; justify-content: flex-start; } div table tbody tr td #FilterCategory .ms-container { width: 15rem; display: flex; flex-direction: column; } div table tbody tr td #FilterCategory .ms-container .ms-selectable, div table tbody tr td #FilterCategory .ms-container .ms-selection { width: 100%; } #contractChangeLogTab { td.status-nej { background-color: #ffeaea; color: #d60000; font-weight: bold; padding: 0.5rem 1rem; border-radius: 4px; } td.status-ja { background-color: #e6ffed; color: #77af7d; font-weight: bold; padding: 0.5rem 1rem; border-radius: 4px; } td.status-nekad { background-color: #fff5e0; color: #d68200; font-weight: bold; padding: 0.5rem 1rem; border-radius: 4px; } button.status-nej { background-color: #d86e65 !important; color: white !important; border: none !important; padding: 0.5rem !important; opacity: 0.9; height: 2rem; border-radius: 5px; cursor: pointer; } button.status-nej:hover { background-color: #d86e70; opacity: 1; } .NekadDiv { display: flex; flex-direction: column; align-items: flex-start; } button.status-ja { background-color: #77af7d !important; color: white !important; border: none !important; padding: 0.5rem !important; opacity: 0.9; height: 2rem; border-radius: 5px; cursor: pointer; } button.status-ja:hover { background-color: #77af9d; opacity: 1; } button { background-color: #77af7d; color: white; padding: 0.5rem; border-radius: 5px; border: none; cursor: pointer; margin-top: 0.5rem; } textarea { width: 100%; padding: 0.5rem; margin-top: 0.5rem; border-radius: 5px; border: 1px solid #ccc; } button:hover { background-color: #0b5e14; } } .settingsTable td:nth-child(1){ min-width: 400px; text-align: left; } .settingsTable td:nth-child(2) { text-align: left; } .settingsTable th { text-align: left; } .settingsTable tr:hover > td { background: var(--selection); } .settingsTable input[type="text"], .settingsTable input[type="number"], .settingsTable input[type="month"], .settingsTable select { padding: 0px; padding-right: 2px; margin-left: 3px; height: 20px; color: var(--inputfont); font-size: 14px; border: 1px solid var(--inputborder); /*background: var(--input);*/ text-align: right; -ms-box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: border-box; font-family: "roboto-light"; } .tgaImportPage { padding: 15px; } .mapImportTable { white-space: nowrap; line-height: 1.8em; } .isGroupAccountSuggestion { color: green; } .isTypeOfChangeSuggestion { color: green; } .isCompanyAccountDescriptionSuggestion { color: green; } .suggestion { color: green; } td.periodcolumn { border: 1px solid var(--inputborder); padding-left: 3px; } .periodcolumnsum { min-width: 80px; max-width: 80px; } .periodcolumnsum.total { font-weight: bold; } .periodcolumnsum.correct { color: green; } .periodcolumnsum.wrong { color: red; } .periodcolumn { min-width: 80px; max-width: 80px; } .accountcolumn { min-width: 120px; max-width: 120px; } .accountdescriptioncolumn { min-width: 120px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 200px; } /* mapImportTable td:nth-child(1) { min-width: 400px; text-align: left; } .mapImportTable td:nth-child(2) { text-align: left; } */ .mapImportTable > thead > tr { background-color: var(--tableheader); text-transform: uppercase; font-size: 11px; color: var(--fonttableheader); height: 50px; } .mapImportTable > thead > tr > th { background-color: var(--tableheader); } .mapImportTable > tbody > tr { background-color: var(--tablerow); } .mapImportTable td { padding-left: 3px; } .drillResults { display: flex; flex-direction: column; } #drillClose { float: right; } #drillHeader { float:left; } #drillTable { overflow: auto; height: 100%; } #drillTable table { padding-top:15px; } .mapImportTable th { text-align: left; padding-left:3px; } #drillTable > table > thead > tr { background-color: var(--tableheader); text-transform: uppercase; font-size: 11px; color: var(--fonttableheader); height: 50px; } #drillTable > table > thead > tr > th { background-color: var(--tableheader); padding-left: 3px; min-width: 80px; text-align: left; padding-left: 3px; } #drillTable > table > tbody > tr { background-color: var(--tablerow); /*white-space: nowrap;*/ border-top: 1px solid var(--background); border-bottom: 1px solid var(--background); } #drillTable td { padding-left: 3px; } #drillTable tr:hover > td { background: var(--tablerowselected); min-width: 80px; text-align: left; } .selectedperiod td.selectedperiod { background: red !important; } .selectedperiod { background: blue !important; } .mapImportTable tr.selectedmaprow { background: var(--tablerowselected) !important; } .mapImportTable.selectedmaprow:hover > td { background: var(--tablerowselected); } .mapImportTable tr:hover > td { background: var(--selection); } .mapImportTable input[type="text"], .mapImportTable input[type="number"], .mapImportTable input[type="month"], .mapImportTable select { padding: 0px; padding-right: 2px; margin-left: 3px; height: 20px; color: var(--inputfont); font-size: 14px; border: 1px solid var(--inputborder); /*background: var(--input);*/ text-align: right; -ms-box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: border-box; font-family: "roboto-light"; } body { } .importGlTable { white-space: nowrap; line-height: 1.8em; } .importGlTable > thead > tr { background-color: var(--tableheader); text-transform: uppercase; font-size: 11px; color: var(--fonttableheader); height: 50px; } .importGlTable > thead > tr > th { background-color: var(--tableheader); } .importGlTable > tbody > tr { background-color: var(--tablerow); } .importGlTable td { padding-left: 3px; } .importGlTable .periodcolumn { text-align: right; padding-right: 3px; } .importGlTable .periodcolumnsum { text-align: right; padding-right: 3px; } .importGlTable th { text-align: left; padding-left: 3px; } .selectedperiod td.selectedperiod { background: red !important; } .selectedperiod { background: blue !important; } .importGlTable tr.selectedmaprow { background: var(--tablerowselected) !important; } .importGlTable.selectedmaprow:hover > td { background: var(--tablerowselected); } .importGlTable tr:hover > td { background: var(--selection); } .importGlTable input[type="text"], .importGlTable input[type="number"], .importGlTable input[type="month"], .importGlTable select { padding: 0px; padding-right: 2px; margin-left: 0px; height: 20px; color: var(--inputfont); font-size: 14px; border: 1px solid var(--inputborder); /*background: var(--input);*/ text-align: right; -ms-box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: border-box; font-family: "roboto-light"; width:100%; } .drillResults { display: flex; flex-direction: column; } #drillClose { float: right; } #drillHeader { float: left; } #drillTable { overflow: auto; height: 100%; } #drillTable table { padding-top: 15px; } #drillTable > table > thead > tr { background-color: var(--tableheader); text-transform: uppercase; font-size: 11px; color: var(--fonttableheader); height: 50px; } #drillTable > table > thead > tr > th { background-color: var(--tableheader); padding-left: 3px; min-width: 80px; text-align: left; padding-left: 3px; } #drillTable > table > tbody > tr { background-color: var(--tablerow); /*white-space: nowrap;*/ border-top: 1px solid var(--background); border-bottom: 1px solid var(--background); } #drillTable td { padding-left: 3px; } #drillTable tr:hover > td { background: var(--tablerowselected); min-width: 80px; text-align: left; } .userImportTablePrimary { /* width: 400px; */ float: left; } .userImportTablePrimary { width: 100% } .userImportTablePrimary td:nth-child(1) { width: 120px !important; } .userImportTablePrimary td:nth-child(2) { width: 260px !important; } .userImportTableSecondary { width: 100%; } .userImportTableSecondary select { width: 100%; } .userImportTableSecondary td:nth-child(1) { /* width: 60px !important; */ vertical-align: middle; } .userImportTableSecondary td:nth-child(2) { width: 100% !important; /*width: 260px !important;*/ } .TableApplicationRows th { padding: 5px; width: 180px; text-align: left; } .TableApplicationRows td { padding: 5px; width: 150px; text-align: left; } .usericon { width: 18px; height: 18px; position: relative; top: 5px; cursor: pointer; } .TableApplicationRows select, .TableApplicationRows input { height: 30px !important; border-radius: 5px !important; text-align: left !important; } .companyListDisabled { background-color: var(--inputdisabled) !important; } .addnewrowbutton { width: 120px !important; height: 28px !important; font-size: 14px !important; line-height: 1em !important; background-color: #FFFFFF !important; display: inline-block; margin-right: 15px; } .addnewrowbutton:hover { background-color: rgb(219, 234, 242) !important; } .centerText { display: flex; align-items: center; justify-content: center; font-size: large; font-weight: bold; } .mailIcon { border-radius: 5px; width: 22px; top: 8px; height: 22px; } .importUserFormContentMain { display: flex; } .requiredFields { color: #cc0000; /* Mörk röd färg */ font-size: 18px; font-weight: bold; margin-top: 1rem; padding: 5px; text-align: center; background-color: #ffeeee; /* Lätt rosa bakgrund */ border: 1px solid #ffcccc; /* Lätt rosa kant */ border-radius: 4px; } #newUserStatusText.valid { color: #339966; /* Mjuk grön färg */ font-size: 18px; font-weight: bold; padding: 5px; margin-top: 1rem; text-align: center; background-color: #e6f4e0; /* Lätt grönaktig bakgrund */ border: 1px solid #c2e0c6; /* Lätt grönaktig kant */ border-radius: 4px; } .importContractFormUser { position: fixed; top: 50%; left: 50%; width: 50rem; box-sizing: border-box; transform: translate(-50%, -50%); width: 45rem; z-index: 100; box-shadow: var(--boxShadow) 18px 49px 59px; border-radius: 10px; } .newUserRowContainer { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; justify-items: stretch; align-items: center; } .newUserRow { display: flex; justify-content: space-between; } .allItemsBtn { border-radius: 5px; background-color: #fff; padding: 0.5rem; margin: 0.5rem 1rem 1rem 0; } .companyListDiv { border-top: 1px solid #dcd6d6; margin-top: 1.5rem; } .companyListText { margin: 1rem 0rem 0.5rem 0rem; } .ms-container { background: none; } .ms-container .ms-selectable, .ms-container .ms-selection { width: 49%; } #changeUserMS .ms-container .ms-selectable, #changeUserMS .ms-container .ms-selection { width: 100%; } .userAdminTh, .userAdminTd { white-space: nowrap; font-weight: bold; text-align: left; font-size: var(--timsFontSize); } .userAdminTh { padding: 1rem; } .userAdminTd { padding: 0 0 0 1rem; overflow: auto; max-width: 16rem; } .allItemsBtnDivChildRight { padding-left: 2%; } .allItemsBtnDiv { display: grid; grid-template-columns: 1fr 1fr; justify-content: start; } .contractTable thead .userAdminTh, .contractTh, .stickyBtn { position: -webkit-sticky; position: sticky; top: 0; z-index: 3; } .ms-elem-selectable, .ms-elem-selection { font-size: 13px !important; } .ms-container .ms-list { height: 150px !important; } .docPage { font-family: "roboto-light" !important; } .docPage h1 { /*font-family: "roboto-light" !important; font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif !important;*/ font-size: 45px; text-align: center; margin: 0px; margin-bottom: 15px; } .docPage h2 { font-size: 40px; text-align: center; margin: 0px; margin-bottom: 5px; } .docPage h3 { font-size: 15px; text-align: center; margin: 0px; margin-bottom: 10px; } .doc_sectionSection h1 { color: white; margin-bottom: 8px; } .doc_sectionSection h2 { color: white; margin-bottom: 0px; line-height: 0.9em; } .doc_recentlyUpdated h2 { margin-bottom: 0px; } .doc_sectionSection h3 { color: #78D0FF; } .docLinkSelected { color: orange !important; } .doc_startSection { background-color: white; height: 320px; } .doc_startSection > div { padding-top:80px; width: 600px; margin-left: auto; margin-right: auto; } .doc_startSection input { background-color: #F8F8F8; border-radius: 5px; color: #A5A5A5; border: 1px solid #F8F8F8 !important; width: 550px; height: 35px; } .doc_BrowseText { line-height: 4.1em; font-weight: bold; } .doc_updatesSection { background-color: #fbfbfd; padding-top: 60px; padding-bottom: 20px; } .doc_updatesSection > div { width: 660px; margin-top: 20px; margin-left: auto; margin-right: auto; } .doc_sectionSection { background-color: rgb(32,64,81); padding-bottom: 100px; padding-top: 40px; } .doc_sectionSection > div { margin-top: 20px; width: 660px; margin-left: auto; margin-right: auto; } .doc_courseUserSection { padding-bottom: 100px; padding-top: 40px; } .doc_courseUserSection > div { margin-top: 20px; width: 660px; margin-left: auto; margin-right: auto; } .doc_courseUserSection ul { list-style-type: none; } .doc_footer { padding-top: 40px; height: 200px; text-align: center; } .doc_footer > div { width: 600px; margin-left: auto; margin-right: auto; } .doc_footer a { display: inline-block; } .doc_footer_iconcontainer { margin-left: auto; margin-right: auto; } .doc_recentlyUpdated { display: grid; width: 660px; margin-top: 10px; padding-left: 10px; padding-bottom: 50px; grid-column-start: 2; grid-template-columns: 220px 220px 220px; } .doc_recentlyUpdated > div { width: 220px; height: 80px; cursor: pointer; overflow: hidden; text-align: center; } .doc_recentlyUpdated > div:hover { color: orange !important; } .doc_browse { display: grid; width: 680px; margin-top: 30px; /*padding-left: 10px;*/ grid-column-start: 2; grid-template-columns: 220px 220px 220px; } .doc_browse a { color: #204051 !important; } .doc_browse a:hover { color: orange !important; } .doc_browse > div { /*width: 150px;*/ height: 65px; background-color: white; /*border: 1px solid gray;*/ border-radius: 3px; text-align: center; margin: 12px; cursor: pointer; } .doc_browse > div:hover { color: orange !important; border: 0px solid orange; } .inputboxsearchicon { /*padding-left: 15px; background: url("https://static.thenounproject.com/png/101791-200.png") no-repeat right; background-size: 30px;*/ } .searchResults.relative { display: none; position: relative; right: 0px; width: 550px; height: 400px; max-height: 400px; z-index: 999999; background-color: white; opacity: 1; overflow-y: auto; overflow-x: hidden; border: 1px solid gray; border-radius: 6px; padding: 10px; top: 10px; font-size: 13px; } .searchResults.absolute { display: none; position: absolute; right: 10px; width: 400px; height: 400px; max-height: 400px; z-index: 999999; background-color: white; opacity: 1; overflow-y: auto; overflow-x: hidden; border: 1px solid gray; border-radius: 6px; padding: 10px; top: 140px; font-size: 13px; } .searchResults ul { list-style-type: none; } /* #searchResultsContainer { height: 100%; padding: 10px; }*/ .docSearch.small { /*background-image: url('/css/searchicon.png'); background-position: 10px 12px; background-repeat: no-repeat; */ padding: 10px; font-size: 17px; border: 1px solid lightgrey; float: right; width: 400px; background: #f1f1f1; margin-right: 10px; } .docSearch.large { /*background-image: url('/css/searchicon.png'); background-position: 10px 12px; background-repeat: no-repeat; */ padding: 10px; padding-left: 16px; font-size: 17px; border: 1px solid lightgrey; width: 550px; /*background: white;*/ margin-right: 10px; } .docSearch:focus, input:focus { outline: none; /*border: 1px solid grey;*/ } .docSectionIcon { width: 60px; height: 60px; } #coursenav { background-color: lightgray; height: 25px; padding: 5px; border-bottom: 3px solid gray; } #coursecontrols { padding: 25px; border-top: 2px solid lightgray; } #btnCoursePrevious, #btnCourseNext { } .title-extracontent { float: right; } /* .coursePageSection { float: left; } .coursePageCompleted { float: right; }*/ .coursePageDocSubPage { border: 2px solid lightgray; padding: 6px; margin:4px; margin-top: 10px; margin-bottom: 30px; } .coursePageDocSubPage .titleText { /*color: blue;*/ } .tiegocoursequiz input { vertical-align: baseline; } .tiegocoursequiz label { padding: 5px; } /* Chat CSS */ .chat-box { display: flex; width: 800px; height: 550px; border: 1px solid #ccc; overflow-y: auto; padding: 10px; flex-direction: column; justify-content: flex-end; box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.5); } .chat-messages { margin-bottom: 20px; overflow: auto; padding: 0 0.5rem 0 0.5rem; } .chat-message { padding: 10px; margin-bottom: 10px; border-radius: 5px; } .my-message, .ai-message { background-color: #4caf50; color: white; align-self: flex-end; box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.5); } .ai-message { background-color: #ffffff; color: black; } .chat-input-container { display: flex; } .chat-input-container input { flex: 1; margin-right: 10px; padding: 8px; font-size: 14px; } .chat-input-container button { padding: 10px 20px; font-size: 14px; background-color: #4caf50; color: white; } .chatDiv { display: flex; flex-direction: column; align-items: center; margin: 1rem; } .chat-message .namn { font-weight: bold; font-size: 13px; font-style: italic; } .rateBtn { display: flex; flex-direction: row-reverse; gap: 1rem; } .rated, .rate { border-radius: 10px; border: #cfcfcf solid 1px; padding: 0.5rem; width: 20px; height: 20px; } .rated { opacity: 0.5; } .rate { cursor: pointer; } #commandpane { --datawidth: 300px; --datawidthcell: 150px; /*position: absolute; left: 0; margin: 0px;*/ overflow: auto; padding: 0px; /* background: var(--menubackground); */ background-color: white; /* background-image: url('../assets/icons/stacked-peaks-haikei.svg'), linear-gradient(180deg, #F2F2F2 0%, #FFFFFF 100%); */ color: var(--font); font-size: 14px; font-family: "roboto-light"; line-height: 1.2em; } #commandpane h3 { color: var(--fontheader); font-size: 14px; text-transform: uppercase; font-weight: bold; padding-left: 10px; display: inline-block; } .my-h4-tag, .my-h4-tag-R5 { color: var(--fontheader); font-size: 14px; text-transform: uppercase; font-weight: bold; display: inline-block; } .labeldisabled { /* color: var(--fontdisabled); */ } #commandpanecontent { padding: 3px; padding-right: 6px; } #commandpaneselections { /*, #commandpanefilter */ border-bottom: 2px solid var(--background); } #commandpaneworkflow { /*, #commandpanefilter */ border-bottom: 2px solid var(--background); margin-left: 10px; } #commandpaneworkflow table { padding-bottom: 15px; } #commandpanefilter { /*, #commandpanefilter */ border-bottom: 2px solid var(--background); } #commandpaneproperty { /*, #commandpanefilter */ border-bottom: 2px solid var(--background); padding-top: 15px; margin: 1rem; } #commandpaneextendfinancial { /*, #commandpanefilter */ padding-top: 15px; } #commandpanechange { border-bottom: 2px solid var(--background); padding-top: 15px; } #commandpane input[type="text"], #commandpane input[type="number"], #commandpane input[type="month"], #commandpane select { width: 100%; padding: 0px; padding-right: 3px; padding-left: 3px; /* margin-left: 3px; */ height: 26px; border-radius: 5px; color: var(--inputfont); font-size: 12px; border: 1px solid var(--inputborder); background: var(--input); text-align: left; -ms-box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* box-sizing: content-box; */ box-sizing: border-box; font-family: "roboto-light"; } #commandpane select { padding-left: 0px !important; } .checkboxtdcontainer { padding-left: 3px; } #commandpane input[type="checkbox"] { margin: 0px !important; padding-left: 3px !important; } #commandpane input[type="text"]:disabled, #commandpane input[type="number"]:disabled, #commandpane input[type="month"]:disabled, #commandpane select:disabled { background: var(--inputdisabled) !important; border-color: var(--inputborderdisabled); } /*#commandpane button { width: 100%; padding: 0px; margin-left: 3px; height: 18px; color: var(--inputfont); font-size: 12px; border: 1px solid var(--inputborder); background: var(--input); }*/ #commandpane .modified, #commandpane .ng-dirty { background: var(--inputmodified) !important; color: var(--inputmodifiedfont) !important; border-color: var(--inputbordermodified) !important; } .monthpickercontrol { background-color: transparent !important; border: 1px solid transparent !important; width: calc(100% - 22px) !important; margin-bottom: 5px !important; -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; caret-color: transparent; outline: none; } .monthpickercontrol:active, .monthpickercontrol:current, .monthpickercontrol:focus { border: 1px solid transparent !important; outline: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .monthpickercontrolicon { width: 20px; height: 20px; position: relative; top: 3px; } #CompaniesFilterHierarchyGroup { width: 310px !important; padding: 0px !important; padding-right: 3px !important; padding-left: 3px !important; height: 26px !important; border-radius: 5px !important; color: var(--inputfont) !important; font-size: 12px !important; border: 1px solid var(--inputborder) !important; background: var(--input) !important; text-align: left !important; -ms-box-sizing: content-box !important; -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; box-sizing: border-box !important; font-family: "roboto-light" !important; } #taskpanefilter #commandpane table { table-layout: fixed; /* width: 100%; */ display: flex; /* max-width: var(--datawidth); */ /* margin: auto; */ margin-bottom: 10px; flex-direction: column; align-items: stretch; width: 310px !important; margin-left: 20px; } #commandpaneinfo table { margin: 0px !important; } #commandpane table tr td { padding-bottom: 6px; white-space: nowrap; display: table-cell; vertical-align: middle; } #commandpane table tr { height: 28px; } #commandpaneSectionFilter { margin-top: 15px; } #commandpaneSectionSelections { margin-top: 15px; } #commandpaneSectionWorkflow { margin-top: 15px; } #propertystatustext, #extendstatustext { padding-left: 10px; } #commandpaneworkflow table tr td:nth-child(1), #commandpaneselections table tr td:nth-child(1), #commandpanefilter table tr td:nth-child(1), #commandpanechange table tr td:nth-child(1), #commandpaneextendfinancial table tr td:nth-child(1), #commandpaneproperty table tr td:nth-child(1) { width: var(--datawidthcell); text-align: right; padding-right: 2px; /*display: block;*/ } #commandpaneworkflow table tr td:nth-child(2), #commandpaneselections table tr td:nth-child(2), #commandpanefilter table tr td:nth-child(2), #commandpanechange table tr td:nth-child(2), #commandpaneextendfinancial table tr td:nth-child(2), #commandpaneproperty table tr td:nth-child(2) { width: var(--datawidthcell); /*padding-left: 2px;*/ } #commandpane label { font-weight: normal; margin-bottom: 3px; } #commandpaneheader { height: 20px; } #lblCommandPaneRefresh { float: right; color: red; margin: 5px; } #btnCommandPaneClose { float: right; margin: 5px; cursor: pointer; } #commandpanetoolbar { float: left; height: 40px; margin-top: 3px; } #commandpanefooter { position: absolute; bottom: 0; } .commandPaneRefreshSection { height: 50px; } #btnCommandPaneRefresh, #btnExtendFinancial { cursor: pointer; width: var(--datawidthcell) !important; height: 24px !important; float: right !important; margin-right: 23px !important; line-height: 1.5em; background-color: #90B4B8; color: #FFFFFF; border-color: #769A9D; } #btnCommandPaneRefresh:hover, #btnExtendFinancial:hover { background-color: #A0C9CE; color: #FFFFFF; border-color: #8DB9BC; } .toolbarbutton { display: inline-block; width: 32px; height: 32px; } .toolbarbutton img { display: inline-block; width: 100%; height: 100%; cursor: pointer; } .ToolbarSectionIcon { width: 24px; height: 24px; margin-right: 6px; } .ToolbarSection { margin-top: 10px; font-weight: bolder; } .error { color: red; } .undoIconContainer { display: inline-block; height: 18px; width: 18px; } .undoIcon { width: 13px; height: 13px; display: inline-block; position: relative; top: 1px; } .commandpanexpandicon { float: right; } /* TASK PANE FOR SPREADJS */ #taskpaneheader { top: 42px; /* height: 50px; */ display: flex; align-items: center; justify-content: flex-end; margin: 0.5rem; /* position: relative; */ right: 0px; /* margin-top: -2rem; */ } #lblTaskPaneRefresh { float: right; color: red; margin: 5px; } #btnTaskPaneClose { float: right; margin: 5px; cursor: pointer; } #btnTaskPaneRefresh { cursor: pointer; width: 310px !important; margin-left: 20px; cursor: pointer; height: 24px !important; /*float: right !important;*/ border-radius: 5px; line-height: 1.5em; background-color: #90B4B8; color: #FFFFFF; border: 1px solid #769A9D; } #taskpanefilter tr, #taskpaneinfo tr { height: 32px !important; } #taskpaneSectionFilter { padding-left: 25px; margin-bottom: 15px; } #taskpanetoolbar { float: left; height: 40px; margin-top: 3px; } .toolbarbutton { display: inline-block; width: 32px; height: 32px; } .toolbarbutton img { display: inline-block; width: 100%; height: 100%; cursor: pointer; } .ToolbarSectionIcon { width: 24px; height: 24px; margin-right: 6px; } .ToolbarSection { margin-top: 10px; font-weight: bolder; } .ms-container { display: flex; flex-direction: column; .ms-selectable, .ms-selection { width: 100% !important; } } input:focus::-webkit-input-placeholder { color: gray; } input:focus:-moz-placeholder { color: gray; } input:focus::-moz-placeholder { color: gray; } input:focus:-ms-input-placeholder { color: gray; } #contentspaceosapp { display: flex; flex-direction: column; flex: 1; min-height: 0px; min-width: 0px; margin-top: 7px; overflow: hidden; /* flex: 1; display: block; min-height: 0px; min-width: 0px; overflow-x: hidden; height: 100%; */ } .spreadarea { min-height: 0px; min-width: 0px; flex-direction: row; flex-grow: 1; display: flex; } .spreadsheetfull { min-height: 0px; min-width: 0px; flex-grow: 1; display: flex; flex-direction: column; } .spreadsheetfulltaskpane { min-height: 0px; min-width: 350px; width: 350px; overflow: auto; } .oswtopbartop { background-color: rgb(83, 83, 83); height: 30px; } .oswtopbar { background-color: rgb(50, 50, 50); height: 66px; } .oswtopbartoplogo { width: 19px; height: 16px; float: left; margin-top: 6px; margin-left: 6px; } .oswtopbartoptext { color: lightgray; float: left; margin-top: 5px; margin-left: 15px; border-right: 2px solid #5e5e5e; padding-right: 15px; } .oswtopbarlogo { float: left; width: 53px; height: 34px; margin-top: 16px; margin-left: 25px; } .oswtopbaruser { float: right; color: lightgray; margin-top: 15px; margin-right: 15px; } .oswtopbaruserlogo { float: right; width: 45px; height: 45px; margin-top: 10px; margin-right: 20px; } .oswtopbartophelp { width: 12px; height: 16px; float: right; margin-top: 5px; margin-right: 20px; } .oswtopbartophelptext { float: left; color: lightgray; margin-top: 5px; margin-left: 15px; } .oswtopbartophelptext:hover { color: white; } .oswtopbartophelptext:visited { color: lightgray; } #loadingOverlay { position: fixed; width: 600px; height: 700px; top: 78px; left: 0; right: 0; bottom: 0; background-color: yellow; cursor: pointer; z-index: 100000; } #spreadsheetPage { display: none; } /* #taskpanecontent { padding: 3px; padding-right:6px; } #taskpane input[type="text"], #taskpane select, #taskpane button { width: 100%; padding:0px; height: 24px; border: 1px solid #ccc; } #taskpane input[type="text"] { border: 1px solid #ccc; border-radius: 3px; height: 24px; } input[type="text"]:focus, select:focus, button:focus { border: 1px solid #777 !important; outline: none; } #taskpane table { table-layout: fixed; width: 100%; } #taskpane table tr td { padding-bottom: 8px; } #taskpane table tr td:nth-child(1) { width: 22px; } #taskpane table tr td:nth-child(2) { width: 50%; } #taskpane table tr td:nth-child(3) { width: 22px; } #taskpane table tr td:nth-child(4) { width: 50%; } #taskpane label { font-weight: normal; margin-bottom: 3px; } input[type="checkbox"] { margin: 0px !important; } #taskpanetoolbar { float: left; height: 40px; margin-top: 3px; } .toolbarbutton { display: inline-block; width: 32px; height: 32px; } .toolbarbutton img{ display: inline-block; width: 100%; height: 100%; cursor: pointer; } .ToolbarSectionIcon { width: 24px; height: 24px; margin-right: 6px; } .ToolbarSection { margin-top: 10px; font-weight: bolder; } */ #taskpanefooter { /* width: 100%; */ /* height: 100%; */ display: flex; /* align-items: center; */ justify-content: center; } /* #btnTaskPaneRefresh { cursor: pointer; width: calc(100% - 20px) !important; margin-left: 20px; border-radius: 5px; } .toolbarbutton { display: inline-block; width: 32px; height: 32px; } .toolbarbutton img{ display: inline-block; width: 100%; height: 100%; cursor: pointer; } .ToolbarSectionIcon { width: 24px; height: 24px; margin-right: 6px; } .ToolbarSection { margin-top: 10px; font-weight: bolder; }*/ .taskPaneRefreshSection { margin-bottom: 1rem; } .ms-container { display: flex; flex-direction: column; .ms-selectable, .ms-selection { width: 100% !important; } } .footerImg { width: 18rem; margin: 1rem 0 1rem 0; position: fixed; bottom: 1rem; opacity: 0.8; z-index: 0; } #taskpanefilter { z-index: 1; position: relative; padding-bottom: 0.1rem; background-color: white; display: flex; justify-content: center; } .taskPaneRefreshSection { padding: 1rem 0; z-index: 1; background-color: white; position: relative; }