/* Minification failed. Returning unminified contents. (2841,3): run-time error CSS1031: Expected selector, found '/' (2841,3): run-time error CSS1025: Expected comma or open brace, found '/' (6469,28): run-time error CSS1039: Token not allowed after unary operator: '-background-2' (6526,22): run-time error CSS1039: Token not allowed after unary operator: '-background-1' (6536,17): run-time error CSS1039: Token not allowed after unary operator: '-text-medium' (6546,17): run-time error CSS1039: Token not allowed after unary operator: '-text-medium' (6556,17): run-time error CSS1039: Token not allowed after unary operator: '-text-medium' (7142,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-2' (7186,22): run-time error CSS1039: Token not allowed after unary operator: '-background-1' (7198,22): run-time error CSS1039: Token not allowed after unary operator: '-background-2' (7237,22): run-time error CSS1039: Token not allowed after unary operator: '-background-3' (7242,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-2' (7246,22): run-time error CSS1039: Token not allowed after unary operator: '-background-3' (7251,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-2' (7273,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-3' (7340,26): run-time error CSS1039: Token not allowed after unary operator: '-background-4' (7366,22): run-time error CSS1039: Token not allowed after unary operator: '-background-4' (7372,22): run-time error CSS1039: Token not allowed after unary operator: '-background-3' (7377,22): run-time error CSS1039: Token not allowed after unary operator: '-background-4' (7476,32): run-time error CSS1039: Token not allowed after unary operator: '-background-3' (7477,21): run-time error CSS1039: Token not allowed after unary operator: '-text-light' (7549,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-2' (7553,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-1' (7558,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-4' (7562,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-2' (7571,26): run-time error CSS1039: Token not allowed after unary operator: '-background-4' (7575,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-3' (7581,17): run-time error CSS1039: Token not allowed after unary operator: '-signal-red' (7585,32): run-time error CSS1039: Token not allowed after unary operator: '-badge-red' (7594,28): run-time error CSS1039: Token not allowed after unary operator: '-signal-delete' (7599,32): run-time error CSS1039: Token not allowed after unary operator: '-signal-red-hover' (7683,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (7700,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-1' (7761,22): run-time error CSS1039: Token not allowed after unary operator: '-background-3' (7783,28): run-time error CSS1039: Token not allowed after unary operator: '-background-3' (7797,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-3' (7845,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-3' (7853,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-3' (8068,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-5' (8105,32): run-time error CSS1039: Token not allowed after unary operator: '-background-4' (8136,28): run-time error CSS1039: Token not allowed after unary operator: '-badge-green' (8229,32): run-time error CSS1039: Token not allowed after unary operator: '-background-4' (8283,17): run-time error CSS1039: Token not allowed after unary operator: '-text-light' (8375,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-1' (8379,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-5' (8383,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-4' (8387,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-3' (8485,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-3' (8494,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-3' (8551,22): run-time error CSS1039: Token not allowed after unary operator: '-background-2' (8572,35): run-time error CSS1039: Token not allowed after unary operator: '-signal-red' (8683,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-2' (8712,17): run-time error CSS1039: Token not allowed after unary operator: '-signal-red' (8722,28): run-time error CSS1039: Token not allowed after unary operator: '-signal-red' (8726,17): run-time error CSS1039: Token not allowed after unary operator: '-signal-yellow' (8730,28): run-time error CSS1039: Token not allowed after unary operator: '-signal-yellow' (8734,28): run-time error CSS1039: Token not allowed after unary operator: '-signal-green' (8765,17): run-time error CSS1039: Token not allowed after unary operator: '-collapsible-side-panel-hidden-right' (8799,26): run-time error CSS1039: Token not allowed after unary operator: '-background-2' (8806,39): run-time error CSS1039: Token not allowed after unary operator: '-background-3' (8821,21): run-time error CSS1039: Token not allowed after unary operator: '-collapsible-side-panel-hidden-right' (8835,21): run-time error CSS1039: Token not allowed after unary operator: '-collapsible-side-panel-hidden-right' (8852,26): run-time error CSS1039: Token not allowed after unary operator: '-background-2' (8862,39): run-time error CSS1039: Token not allowed after unary operator: '-background-3' (8885,26): run-time error CSS1039: Token not allowed after unary operator: '-background-2' (8888,36): run-time error CSS1039: Token not allowed after unary operator: '-background-3' (8927,28): run-time error CSS1039: Token not allowed after unary operator: '-background-3' (8954,26): run-time error CSS1039: Token not allowed after unary operator: '-background-2' (8957,36): run-time error CSS1039: Token not allowed after unary operator: '-background-3' (8971,26): run-time error CSS1039: Token not allowed after unary operator: '-background-3' (8972,32): run-time error CSS1039: Token not allowed after unary operator: '-background-4' (8982,39): run-time error CSS1039: Token not allowed after unary operator: '-background-3' (9017,26): run-time error CSS1039: Token not allowed after unary operator: '-background-1' (9028,28): run-time error CSS1039: Token not allowed after unary operator: '-background-2' (9040,35): run-time error CSS1039: Token not allowed after unary operator: '-background-4' (9051,28): run-time error CSS1039: Token not allowed after unary operator: '-background-1' (9085,28): run-time error CSS1039: Token not allowed after unary operator: '-background-2' (9086,32): run-time error CSS1039: Token not allowed after unary operator: '-background-3' (9163,28): run-time error CSS1039: Token not allowed after unary operator: '-background-4' (9168,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-5' (9197,36): run-time error CSS1039: Token not allowed after unary operator: '-grey-3' (9342,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-2' (9347,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-2' (9352,79): run-time error CSS1039: Token not allowed after unary operator: '-primary-2' (9352,120): run-time error CSS1039: Token not allowed after unary operator: '-primary-2' (9352,161): run-time error CSS1039: Token not allowed after unary operator: '-primary-2' (9352,201): run-time error CSS1039: Token not allowed after unary operator: '-primary-2' (9357,79): run-time error CSS1039: Token not allowed after unary operator: '-primary-2' (9357,120): run-time error CSS1039: Token not allowed after unary operator: '-primary-2' (9357,161): run-time error CSS1039: Token not allowed after unary operator: '-primary-2' (9357,201): run-time error CSS1039: Token not allowed after unary operator: '-primary-2' (9361,79): run-time error CSS1039: Token not allowed after unary operator: '-signal-red' (9361,121): run-time error CSS1039: Token not allowed after unary operator: '-signal-red' (9361,163): run-time error CSS1039: Token not allowed after unary operator: '-signal-red' (9361,204): run-time error CSS1039: Token not allowed after unary operator: '-signal-red' (9365,22): run-time error CSS1039: Token not allowed after unary operator: '-signal-pink' (9366,79): run-time error CSS1039: Token not allowed after unary operator: '-signal-yellow' (9366,124): run-time error CSS1039: Token not allowed after unary operator: '-signal-yellow' (9366,169): run-time error CSS1039: Token not allowed after unary operator: '-signal-yellow' (9366,213): run-time error CSS1039: Token not allowed after unary operator: '-signal-yellow' (9377,28): run-time error CSS1039: Token not allowed after unary operator: '-signal-red' (9389,17): run-time error CSS1039: Token not allowed after unary operator: '-text-light' (9400,22): run-time error CSS1039: Token not allowed after unary operator: '-background-3' (9461,22): run-time error CSS1039: Token not allowed after unary operator: '-background-3' (9472,35): run-time error CSS1039: Token not allowed after unary operator: '-background-4' (9477,28): run-time error CSS1039: Token not allowed after unary operator: '-background-1' (9486,28): run-time error CSS1039: Token not allowed after unary operator: '-background-2' (9487,32): run-time error CSS1039: Token not allowed after unary operator: '-background-3' (9563,17): run-time error CSS1039: Token not allowed after unary operator: '-signal-red' (9829,28): run-time error CSS1039: Token not allowed after unary operator: '-badge-red' (9833,28): run-time error CSS1039: Token not allowed after unary operator: '-background-4' (9844,28): run-time error CSS1039: Token not allowed after unary operator: '-background-2' (9845,28): run-time error CSS1039: Token not allowed after unary operator: '-background-3' (9856,28): run-time error CSS1039: Token not allowed after unary operator: '-signal-yellow' (9857,28): run-time error CSS1039: Token not allowed after unary operator: '-signal-yellow' (9869,28): run-time error CSS1039: Token not allowed after unary operator: '-signal-red' (9870,28): run-time error CSS1039: Token not allowed after unary operator: '-signal-red' (9903,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-1' (9919,32): run-time error CSS1039: Token not allowed after unary operator: '-background-2' (9930,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-2' (9936,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-2' (10046,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-4' (10074,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-2' (10259,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-2' (10273,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-2' (10548,28): run-time error CSS1039: Token not allowed after unary operator: '-text-light' (10569,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-2' (10570,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-2' (10597,28): run-time error CSS1039: Token not allowed after unary operator: '-text-light' (10613,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-2' (10614,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-2' (10618,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-3' (10662,28): run-time error CSS1039: Token not allowed after unary operator: '-signal-yellow' (10666,28): run-time error CSS1039: Token not allowed after unary operator: '-signal-red' (10687,28): run-time error CSS1039: Token not allowed after unary operator: '-signal-red' (10691,28): run-time error CSS1039: Token not allowed after unary operator: '-signal-red' (10731,28): run-time error CSS1039: Token not allowed after unary operator: '-signal-red' (10877,40): run-time error CSS1039: Token not allowed after unary operator: '-background-3' (10881,40): run-time error CSS1039: Token not allowed after unary operator: '-background-3' (10989,28): run-time error CSS1039: Token not allowed after unary operator: '-background-4' (11004,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-3' (11013,34): run-time error CSS1038: Expected hex color, found '#c5c5c' (11022,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-2' (11050,22): run-time error CSS1039: Token not allowed after unary operator: '-background-3' (11051,22): run-time error CSS1039: Token not allowed after unary operator: '-background-4' (11129,22): run-time error CSS1039: Token not allowed after unary operator: '-background-1' (11152,36): run-time error CSS1039: Token not allowed after unary operator: '-background-4' (11157,36): run-time error CSS1039: Token not allowed after unary operator: '-background-3' (11195,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-2' (11199,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-2' (11218,32): run-time error CSS1039: Token not allowed after unary operator: '-background-4' (11231,36): run-time error CSS1039: Token not allowed after unary operator: '-background-3' (11300,30): run-time error CSS1039: Token not allowed after unary operator: '-background-3' (11379,35): run-time error CSS1039: Token not allowed after unary operator: '-background-3' (11384,32): run-time error CSS1039: Token not allowed after unary operator: '-background-4' (11527,52): run-time error CSS1039: Token not allowed after unary operator: '-primary-1' (11527,70): run-time error CSS1039: Token not allowed after unary operator: '-primary-5' (11539,22): run-time error CSS1039: Token not allowed after unary operator: '-background-3' (11558,28): run-time error CSS1039: Token not allowed after unary operator: '-background-2' (11565,28): run-time error CSS1039: Token not allowed after unary operator: '-background-3' (11619,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary' (11624,17): run-time error CSS1039: Token not allowed after unary operator: '-signal-red' (11651,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-1' (11678,32): run-time error CSS1039: Token not allowed after unary operator: '-grey-2' (11694,41): run-time error CSS1039: Token not allowed after unary operator: '-grey-2' (11805,34): run-time error CSS1039: Token not allowed after unary operator: '-grey-2' (11806,35): run-time error CSS1039: Token not allowed after unary operator: '-grey-2' (11812,28): run-time error CSS1039: Token not allowed after unary operator: '-background-1' (11824,33): run-time error CSS1039: Token not allowed after unary operator: '-grey-2' (11830,34): run-time error CSS1039: Token not allowed after unary operator: '-grey-2' (11831,35): run-time error CSS1039: Token not allowed after unary operator: '-grey-2' (11837,33): run-time error CSS1039: Token not allowed after unary operator: '-grey-2' (11843,33): run-time error CSS1039: Token not allowed after unary operator: '-grey-2' (11847,34): run-time error CSS1039: Token not allowed after unary operator: '-grey-2' (11853,34): run-time error CSS1039: Token not allowed after unary operator: '-grey-2' (11858,33): run-time error CSS1039: Token not allowed after unary operator: '-grey-2' (11862,33): run-time error CSS1039: Token not allowed after unary operator: '-grey-2' (11866,34): run-time error CSS1039: Token not allowed after unary operator: '-grey-2' (11871,32): run-time error CSS1039: Token not allowed after unary operator: '-grey-2' (11875,28): run-time error CSS1039: Token not allowed after unary operator: '-background-3' (11879,28): run-time error CSS1039: Token not allowed after unary operator: '-background-1' (11885,33): run-time error CSS1039: Token not allowed after unary operator: '-grey-2' (11890,34): run-time error CSS1039: Token not allowed after unary operator: '-grey-2' (11905,28): run-time error CSS1039: Token not allowed after unary operator: '-background-1' (11906,17): run-time error CSS1039: Token not allowed after unary operator: '-text-light' (11917,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-2' (12265,26): run-time error CSS1039: Token not allowed after unary operator: '-background-4' (12322,28): run-time error CSS1039: Token not allowed after unary operator: '-background-4' (12323,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-1' (12329,28): run-time error CSS1039: Token not allowed after unary operator: '-background-4' (12374,17): run-time error CSS1039: Token not allowed after unary operator: '-text-light' (12383,28): run-time error CSS1039: Token not allowed after unary operator: '-background-4' (12387,17): run-time error CSS1039: Token not allowed after unary operator: '-text-error' (12398,28): run-time error CSS1039: Token not allowed after unary operator: '-background-4' (12402,28): run-time error CSS1039: Token not allowed after unary operator: '-background-4' (12478,32): run-time error CSS1039: Token not allowed after unary operator: '-grey-2' (12697,33): run-time error CSS1039: Token not allowed after unary operator: '-grey-2' (12709,34): run-time error CSS1039: Token not allowed after unary operator: '-grey-2' (12742,24): run-time error CSS1039: Token not allowed after unary operator: '-grey-2' (12897,24): run-time error CSS1039: Token not allowed after unary operator: '-grey-2' (13088,36): run-time error CSS1039: Token not allowed after unary operator: '-grey-2' (13112,36): run-time error CSS1039: Token not allowed after unary operator: '-grey-2' (13121,36): run-time error CSS1039: Token not allowed after unary operator: '-grey-2' (13185,28): run-time error CSS1039: Token not allowed after unary operator: '-text-light' (13201,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-2' (13202,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-2' (13442,32): run-time error CSS1039: Token not allowed after unary operator: '-grey-2' (13788,32): run-time error CSS1039: Token not allowed after unary operator: '-background-1' (13833,28): run-time error CSS1039: Token not allowed after unary operator: '-background-4' (13858,28): run-time error CSS1039: Token not allowed after unary operator: '-background-5' (13862,28): run-time error CSS1039: Token not allowed after unary operator: '-background-4' (13871,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-2' (13875,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-1' (13879,17): run-time error CSS1039: Token not allowed after unary operator: '-text-error' (13883,28): run-time error CSS1039: Token not allowed after unary operator: '-light-yellow-background' (13887,32): run-time error CSS1039: Token not allowed after unary operator: '-light-yellow-background-hover' (13956,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-1' (13960,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family' */ /*! jQuery UI - v1.12.1 - 2016-09-14 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6 * Copyright jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .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); /* support: IE8 */ } .ui-front { z-index: 200; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; pointer-events: none; } /* Icons ----------------------------------*/ .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; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: .5em .5em .5em .7em; font-size: 100%; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: 0; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { margin: 0; cursor: pointer; /* support: IE10, see #8844 */ list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .ui-menu .ui-menu-item-wrapper { position: relative; padding: 3px 1em 3px .4em; } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item-wrapper { padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; } /* right-aligned */ .ui-menu .ui-menu-icon { left: auto; right: 0; } .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; /* Support: IE <= 11 */ overflow: visible; } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2em; box-sizing: border-box; text-indent: -9999px; white-space: nowrap; } /* no icon support for input elements */ input.ui-button.ui-button-icon-only { text-indent: 0; } /* button icon element(s) */ .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; } /* workarounds */ /* Support: Firefox 5 - 40 */ 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; } /* Spinner specific style fixes */ .ui-controlgroup-vertical .ui-spinner-input { /* Support: IE8 only, Android < 4.4 only */ 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; } /* with multiple calendars */ .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; } /* RTL support */ .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; } /* Icons */ .ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: .5em; top: .3em; } .ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: 0; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-n { height: 2px; top: 0; } .ui-dialog .ui-resizable-e { width: 2px; right: 0; } .ui-dialog .ui-resizable-s { height: 2px; bottom: 0; } .ui-dialog .ui-resizable-w { width: 2px; left: 0; } .ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw { width: 7px; height: 7px; } .ui-dialog .ui-resizable-se { right: 0; bottom: 0; } .ui-dialog .ui-resizable-sw { left: 0; bottom: 0; } .ui-dialog .ui-resizable-ne { right: 0; top: 0; } .ui-dialog .ui-resizable-nw { left: 0; top: 0; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-draggable-handle { -ms-touch-action: none; touch-action: none; } .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-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; filter: alpha(opacity=25); /* support: IE8 */ opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 200; border: 1px dotted black; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { overflow: auto; overflow-x: hidden; padding-bottom: 1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0; } .ui-selectmenu-open { display: block; } .ui-selectmenu-text { display: block; margin-right: 20px; overflow: hidden; text-overflow: ellipsis; } .ui-selectmenu-button.ui-button { text-align: left; white-space: nowrap; width: 14em; } .ui-selectmenu-icon.ui-icon { float: right; margin-top: 0; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: .222em 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 2em; } .ui-spinner-button { width: 1.6em; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } /* more specificity required here to override default borders */ .ui-spinner a.ui-spinner-button { border-top-style: none; border-bottom-style: none; border-right-style: none; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } .ui-tabs { position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; } body .ui-tooltip { border-width: 2px; } /* Component containers ----------------------------------*/ .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 #dddddd; background-color: #F5F5F5; color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #dddddd; background: #e9e9e9; color: #333333; font-weight: bold; } .ui-widget-header a { color: #333333; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, /* We use html here because we need a greater specificity to make sure disabled works properly when clicked or hovered */ 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 #cccccc; 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: #ffffff; } .ui-icon-background, .ui-state-active .ui-icon-background { border: #003eff; background-color: #ffffff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .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); /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url("/content/images/ui-icons_444444_256x240.png"); } .ui-widget-header .ui-icon { background-image: url("/content/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("/content/images/ui-icons_555555_256x240.png"); } .ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image: url("/content/images/ui-icons_ffffff_256x240.png"); } .ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon { background-image: url("/content/images/ui-icons_777620_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("/content/images/ui-icons_cc0000_256x240.png"); } .ui-button .ui-icon { background-image: url("/content/images/ui-icons_777777_256x240.png"); } /* positioning */ .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 is deprecated, use ui-icon-seek-start instead */ .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; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .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; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa; opacity: .003; filter: Alpha(Opacity=.3); /* support: IE8 */ } .ui-widget-shadow { -webkit-box-shadow: 0px 0px 5px #666666; box-shadow: 0px 0px 5px #666666; } /** { box-sizing: border-box; } body { margin: 0; padding-bottom: 20px; background-color: #F5F5F5; }*/ /* Set padding to keep content from hitting the edges */ /*.body-content { padding-left: 15px; padding-right: 15px; margin-top: -10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } #ApTabs div * { font-family: Segoe UI; font-size: 12px; } h2 { color: #ffffff; text-align: center; margin-bottom: 6px; font-weight: normal; font-size: 12px; font-family: Segoe UI; } div.page-header { background-color: #0173C7; margin-left: -15px; margin-top: -50px; } div.page-header-text { font-size: 20px; color: #ffffff; display: inline-block; vertical-align: top; } div.rightmenu { float: right; padding-right: 30px; } div.rightmenu a { color: #ffffff; font-weight: normal; font-size: 12px; font-family: Segoe UI; text-decoration: none; } #divFilter, #divLeftButtons { float: left; width: 40px; } #divRight { width: calc(75% - 50px); float: left; } #collapseButton { border: none; background: none; cursor: pointer; } #collapseIcon { height: 24px; width: 24px } .centerImage { display: block; margin-left: auto; margin-right: auto; } .bold { font-weight: bold; } #divRightMarginButton { margin-top: 65px; display: inline-block; margin-right: 5px; } #divRightMargin { width: 300px; float: right; display: inline-block; overflow: auto; vertical-align: top; border-left: outset black 1px; height: 100%; padding-left: 5px; z-index: 2000; background-color: #eeeeee; } #margin { min-width: 30px; display: inline-block; overflow: auto; vertical-align: top; position: relative; float: right; right: 0; z-index: 1000; } #divFilter img, #divLeftButtons img { width: 32px; cursor: pointer; } #divFilter img { margin: 4px 0 0 0; } #divLeftButtons img { margin: 4px 0 12px 0; } #divQuantity { margin-top: 5px; } #divFilterSummary { margin: 5px 0; } #divFilterSummary > * { vertical-align: middle; } #divFilterSummary img { margin-left: 5px; cursor: pointer; } #divTreePanel { overflow: auto; vertical-align: top; width: 285px; float: left; position: absolute; top: 60px; height: calc(100% - 60px); } #divTreePanel div#autopubSearchBar input { width: calc(100% - 27px); float: left; margin-right: 2px; padding-right: 20px; } #divTreePanel div#autopubSearchBar input::-webkit-input-placeholder { font-size: 11px; } #divTreePanel div#autopubSearchBar div.autopub-remove-searchterm { background: url(images/button.remove.png) no-repeat; width: 15px; height: 15px; content: ' '; position: absolute; right: 33px; top: 5px; cursor: pointer; background-size: 15px; } #divTreePanel img#autoPubSearchExactMatch { width: 22px; cursor: pointer; margin-left: 1px; padding-top: 2px; } #divApContentPanel { overflow: auto; vertical-align: top; float: right; position: absolute; top: 60px; right: 0; left: 350px; height: calc(100% - 60px); } #dragbar-container { padding-left: 5px; padding-right: 5px; height: 100%; float: right; width: 3px; cursor: ew-resize; background-color: #F5F5F5; position: absolute; left: 340px; height: calc(100% - 60px); } #dragbar { background-color: #c5c5c5; height: 100%; float: right; width: 3px; cursor: ew-resize; } .noselect { -webkit-touch-callout: none;*/ /* iOS Safari */ /*-webkit-user-select: none;*/ /* Safari */ /*-khtml-user-select: none;*/ /* Konqueror HTML */ /*-moz-user-select: none;*/ /* Firefox */ /*-ms-user-select: none;*/ /* Internet Explorer/Edge */ /*user-select: none;*/ /* Non-prefixed version, currently supported by Chrome and Opera */ /*} a img { border: 0; } th { border: none; font-weight: normal; text-align: left; border: 1px dotted #bbbbbb; margin: 0; padding: 0; background-color: #ffffff; } .showOnClick { display: none; }*/ /*td { border: 1px dotted #bbbbbb; margin: 0; padding: 0; background-color: #ffffff; }*/ /*td.read-only { background-color: #ebebeb !important; } .required-empty {*/ /*border-color: #ff0000 !important;*/ /*border-style: solid; border: none; border-width: 0.5px; border: 0.5px solid #ff0000; outline: 0.5px solid #ff0000; } #divHandsOn table th, #MasterTablesHandsOn table th, #ApResultsHandsOn table th, table.previewDataTable th, .suggestionDetailsTable table th, .validationDetailsTable table th { background-color: #EBEBE4; } #divHandsOn table tbody tr:first-child td, #MasterTablesHandsOn:not(.pp-hot-no-filter) table tbody tr:first-child td, #EezyBridgeHandsOn table tbody tr:first-child td, .suggestionDetailsTable table tbody tr:first-child td, .validationDetailsTable table tbody tr:first-child td { background-color: #d3d3d3; } #divHandsOn td.currentRow, #MasterTablesHandsOn td.currentMasterTableRow, #EezyBridgeHandsOn td.currentEezyBridgeRow, table.previewDataTable tr.currentRow td { background-color: #bcbcbc; } #divHandsOn .current.currentRow:not(.htDimmed, tr:first-child td), #divHandsOn .highlight.currentRow:not(.htDimmed, tr:first-child td), #MasterTablesHandsOn .current.currentMasterTableRow:not(.htDimmed, tr:first-child td), #MasterTablesHandsOn .highlight.currentMasterTableRow:not(.htDimmed, tr:first-child td), #ApResultsHandsOn .current.currentRow:not(.htDimmed, tr:first-child td), #ApResultsHandsOn .current.currentRow:not(.htDimmed, tr:first-child td), .suggestionDetailsTable.current.currentRow:not(.htDimmed, tr:first-child td), .validationDetailsTable.current.currentRow:not(.htDimmed, tr:first-child td) { background-color: #ffd78d; } #divHandsOn .htDimmed, #MasterTablesHandsOn .htDimmed, #EezyBridgeHandsOn .htDimmed, #ApDesignHandsOn .htDimmed, #ApCustomFieldSettingsHandsOn .htDimmed, #rowdefinitionDetailsHandsOn .htDimmed, .suggestionDetailsTable .htDimmed, .validationDetailsTable .htDimmed { background-color: #ebebeb; } #divHandsOn tr:not(:first-child) .yellow-bg:not(.highlight) { background-color: #ffffbb; } #ApResultsHandsOn .htDimmed, #ApSelectionsSettingsHandsOn .htDimmed { color: #000; } #ApDocumentHandsOn th.htCenter { text-align: center !important; } #divHandsOn .listbox.htDimmed, #MasterTablesHandsOn .listbox.htDimmed, #ApResultsHandsOn .listbox.htDimmed, .suggestionDetailsTable .listbox.htDimmed, .validationDetailsTable .listbox.htDimmed { background-color: white; } #divHandsOn button.btn-delete-filter, .suggestionDetailsTable button.btn-delete-filter, .validationDetailsTable button.btn-delete-filter, #divHandsOn button.btn-edit-column, #ApDesignHandsOn button.btn-edit-column, #ApMarketSelectionSettingsHandsOn button.btn-edit-column, #MasterTablesHandsOn button.btn-delete-filter, #EezyBridgeHandsOn button.btn-delete-filter, #importMappingDetailsHandsOn button.btn-edit-column, div.exportHandsOnContainer button.btn-edit-column { border: 0; background-color: transparent; font-family: Segoe UI; font-size: 12px; padding: 0; vertical-align: middle; max-width: calc(100% - 24px); overflow: hidden; text-overflow: ellipsis; } #divHandsOn th, #MasterTablesHandsOn th, #EezyBridgeHandsOn th, #ApResultsHandsOn th, .suggestionDetailsTable th, .validationDetailsTable th { height: 25px; } #divHandsOn img.delete-filter, #MasterTablesHandsOn img.mt-delete-filter, #EezyBridgeHandsOn img.delete-filter, .suggestionDetailsTable img.delete-filter, .validationDetailsTable img.delete-filter { vertical-align: middle; padding-left: 5px; cursor: pointer; } #divHandsOn img.edit-multivalue, #ApDesignHandsOn img.edit-ap-multivalue, #ApMarketSelectionSettingsHandsOn img.edit-ap-multivalue, #importMappingDetailsHandsOn img.edit-import-formula, div.exportHandsOnContainer img.edit-export-formula { float: right; vertical-align: middle; padding-top: 5px; cursor: pointer; } #divHandsOn span.colHeader, #MasterTablesHandsOn span.colHeader, #EezyBridgeHandsOn span.colHeader, #ApResultsHandsOn span.colHeader, #changedTable.pagedHot span.colHeader, #newTable.pagedHot span.colHeader, #unchangedTable.pagedHot span.colHeader, #warnings.validationDetailsTable span.colHeader, #errors.validationDetailsTable span.colHeader { width: 100%; } #divHandsOn span.headerLabel, #MasterTablesHandsOn span.headerLabel, #EezyBridgeHandsOn span.headerLabel, #ApResultsHandsOn span.headerLabel, #changedTable span.headerLabel, #newTable span.headerLabel, #unchangedTable span.headerLabel, #warnings.validationDetailsTable span.headerLabel, #errors.validationDetailsTable span.headerLabel { width: 100%; float: left; display: block; white-space: normal !important; } #divHandsOn span.headerLabel span, #MasterTablesHandsOn span.headerLabel span, #EezyBridgeHandsOn span.headerLabel span, #ApResultsHandsOn span.headerLabel span, #changedTable span.headerLabel span, #newTable span.headerLabel span, #unchangedTable span.headerLabel span, #warnings.validationDetailsTable span.headerLabel span, #errors.validationDetailsTable span.headerLabel span { width: 100%; overflow: hidden; text-overflow: ellipsis; display: inline-block; vertical-align: top; } #divHandsOn span.headerLabel.active span, #MasterTablesHandsOn span.headerLabel.active span, #EezyBridgeHandsOn span.headerLabel.active span, #changedTable span.headerLabel.active span, #newTable span.headerLabel.active span, #unchangedTable span.headerLabel.active span, #changedTable th:hover span.headerLabel span, #newTable th:hover span.headerLabel span, #unchangedTable th:hover span.headerLabel span { width: calc(100% - 20px); } #warnings.validationDetailsTable span.headerLabel span, #errors.validationDetailsTable span.headerLabel span { width: calc(100% - 20px); } #divHandsOn th:hover span.headerLabel span, #MasterTablesHandsOn th:hover span.headerLabel span, #EezyBridgeHandsOn th:hover span.headerLabel span { width: calc(100% - 56px); float: left; } #divHandsOn th:hover span.headerLabel span.small, #MasterTablesHandsOn th:hover span.headerLabel span.small, #EezyBridgeHandsOn th:hover span.headerLabel span.small { width: calc(100% - 36px); float: left; } #divHandsOn span.headerLabel img.filter, #MasterTablesHandsOn span.headerLabel img.filter, #EezyBridgeHandsOn span.headerLabel img.filter, #changedTable span.headerLabel img.filter, #newTable span.headerLabel img.filter, #unchangedTable span.headerLabel img.filter, #warnings.validationDetailsTable span.headerLabel img.filter, #errors.validationDetailsTable span.headerLabel img.filter { display: none; vertical-align: middle; padding: 0 4px; width: 20px; cursor: pointer; } #divHandsOn span.headerLabel img.filter.active, #MasterTablesHandsOn span.headerLabel img.filter.active, #EezyBridgeHandsOn span.headerLabel img.filter.active, #changedTable span.headerLabel img.filter.active, #newTable span.headerLabel img.filter.active, #unchangedTable span.headerLabel img.filter.active, #warnings.validationDetailsTable span.headerLabel img.filter.active, #errors.validationDetailsTable span.headerLabel img.filter.active { display: inline-block !important; } #divHandsOn th:hover span.headerLabel img.filter, #MasterTablesHandsOn th:hover span.headerLabel img.filter, #EezyBridgeHandsOn th:hover span.headerLabel img.filter, #changedTable th:hover span.headerLabel img.filter, #newTable th:hover span.headerLabel img.filter, #unchangedTable th:hover span.headerLabel img.filter, #warnings.validationDetailsTable th:hover span.headerLabel img.filter, #errors.validationDetailsTable th:hover span.headerLabel img.filter { display: inline-block; } #divHandsOn span.headerLabel img.changeSortFilter, #MasterTablesHandsOn span.headerLabel img.changeSortFilter, #EezyBridgeHandsOn span.headerLabel img.changeSortFilter { display: none; vertical-align: middle; padding: 0; cursor: pointer; } #divHandsOn span.headerLabel img.changeSortFilter.active, #MasterTablesHandsOn span.headerLabel img.changeSortFilter.active, #EezyBridgeHandsOn span.headerLabel img.changeSortFilter.active { display: inline-block !important; } #divHandsOn th:hover img.changeSortFilter, #MasterTablesHandsOn th:hover img.changeSortFilter, #EezyBridgeHandsOn th:hover img.changeSortFilter { display: inline-block; } #divHandsOn span.headerLabel img.pin, img.invisible-pin, #MasterTablesHandsOn span.headerLabel img.pin, #EezyBridgeHandsOn span.headerLabel img.pin { display: none; vertical-align: middle; padding: 0; cursor: pointer; } #divHandsOn th:hover img.pin, #MasterTablesHandsOn th:hover img.pin, #EezyBridgeHandsOn th:hover img.pin { display: inline-block; } #divHandsOn .MediaCell label { float: left; width: calc(100% - 22px); } #divHandsOn .OptionsCell label { float: left; width: calc(100% - 25px); } #importMappingDetailsHandsOn.handsontable td.htDimmed { color: initial; } .headerFilterMenu, .headerFilterMasterTablesMenu, .headerFilterValidationsMenu, .headerFilterSuggestionsMenu { position: absolute; z-index: 999; max-height: 100px; min-width: 150px; overflow-y: scroll; overflow-x: hidden; background-color: #fff; border: 1px solid #000; } .headerFilterMenu ul, .headerFilterMasterTablesMenu ul, .headerFilterValidationsMenu ul, .headerFilterSuggestionsMenu ul { list-style-type: none; margin: 0; padding: 0; } .headerFilterMenu ul li, .headerFilterMasterTablesMenu ul li, .headerFilterValidationsMenu ul li, .headerFilterSuggestionsMenu ul li { padding: 2px 0; cursor: pointer; } .headerFilterMenu ul li:hover, .headerFilterMasterTablesMenu ul li:hover, .headerFilterValidationsMenu ul li:hover, .headerFilterSuggestionsMenu ul li:hover { background-color: #ebebeb; } .handsontable th { text-align: left !important; } .handsontable th, .handsontable td:not(.noEllipsis) { white-space: nowrap !important; text-overflow: ellipsis !important; } .chosen-container * { -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; } div.chosen-container.chosen-container-single { min-width: 60px !important; } input.filter, select.filter, .header-row td { background-color: #d3d3d3; padding: 2px; font-family: Segoe UI; font-size: 12px; width: 100%; } input.grid, select.grid { font-family: Segoe UI; font-size: 12px; width: 100%; padding: 2px; } input.grid:focus, select.grid:focus, #productTable tbody td:focus-within { background-color: #ffd78d !important; width: 100%; } input.grid.read-only { background-color: #ebebeb; } input.filter:focus, select.filter:focus { background-color: white; } tr.focused-row input.grid, tr.focused-row select.grid, tr.focused-row td { background-color: #bcbcbc } .hide { display: none !important; } .center { text-align: center !important; } img.product-details, img.copy-product, img.delete-ap-document, img.edit-ap-document, img.add-ap-document, img.delete-ap-customfield, img.delete-ap-defaultselection, img.delete-ap-documenttype, img.delete-ap-market, img.delete-ap-marketselection, img.download-single-asset, img.link-single-asset { vertical-align: middle; cursor: pointer; margin-right: 5px; width: 16px; height: 16px; } img.delete-product, img.delete-single-asset { vertical-align: middle; cursor: pointer; } img.delete-ap-criteria, img.delete-row-definition-column, img.delete-relation-key-column { vertical-align: middle; cursor: pointer; } .no-close .dialog-close { display: none; } .dialog-content { margin-top: 10px; margin-bottom: 25px; width: 100%; text-align: center; font-weight: bold } div.navigate-back { display: inline-block; width: 65px; text-align: center; } div.empty-sub-header-div { display: inline-block; width: 20px; } div.classification-header { display: inline-block; font-size: 14pt; color: white; } div.navigate-product { display: inline-block; } div.navigate-product div { display: inline-block; } .navigation-bar { display: inline-block; } .navigation-bar img { opacity: 0.6; padding: 2px 2px; } div.navigate-autopub { display: inline-block; float: right; } div.navigate-autopub div { display: inline-block; margin: 0 12px 0 0; } div.navigate-product img, div.navigate-autopub img { opacity: 0.6; padding: 1px 3px; } div.navigate-product a, div.navigate-autopub a, .navigation-bar a { text-decoration: none; } div.navigate-product img.highlight, div.navigate-product img:hover, div.navigate-back img:hover, div.navigate-autopub img.highlight, div.navigate-autopub img:hover, .navigation-bar img.highlight, .navigation-bar img:hover { opacity: 1; background-color: #0087ea; } img#undo.disabled, img#redo.disabled, img#filter-add.disabled, img#select-class.disabled, img#column-fill.disabled, img#import-fill-columns.disabled, img#add-bulk-asset.disabled, a.disabled, #divLeftButtons img.disabled, img.disabled { opacity: 0.2 !important; cursor: default !important; pointer-events: none; } img.delete-ap-document.disabled, img.edit-ap-document.disabled, img.add-ap-document.disabled { opacity: 0.2; cursor: default !important; pointer-events: none; }*/ /*.container { padding-top: 50px; padding-bottom: 100px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }*/ /*#content { min-height: 100%; } header { margin-left: -15px; margin-right: -15px; margin-top: -50px; height: 45px; background-color: #0173C7; } div.footer { margin-left: -15px; margin-right: -15px; margin-bottom: -90px; height: 95px; background-color: #A6A6A6; text-align: center; } div.home-images { width: 100%; text-align: center; } div.home-image { cursor: pointer; display: inline-block; background-color: #0173C7; height: 150px; width: 150px; text-align: center; vertical-align: middle; margin: 0 30px; opacity: 0.9; } div.home-image .title { text-wrap: none; } div.home-image img { height: 80px; width: 80px; margin: 30px; opacity: 0.8; } div.home-image div { margin-top: -22px; color: white; } div.format-images { width: 100%; text-align: center; padding: 15px; } div.format-image { cursor: pointer; display: inline-block; height: 150px; width: 150px; text-align: center; vertical-align: middle; margin: 5px; opacity: 0.9; position: relative; z-index: 10; } div.format-image .title { text-wrap: none; } div.format-image div.image { height: 90px; width: 90px; margin-top: 20px; margin-bottom: 30px; margin-left: 30px; margin-right: 30px; opacity: 0.8; } div.format-image div.image div.center { margin: auto; } div.format-image div.image img { width: 90px; opacity: 0.8; vertical-align: middle; } div.format-image div.image span.helper { display: inline-block; height: 100%; vertical-align: middle; } div.format-image div.title { margin-top: -22px; } div.format-image div.formatFixed { display: inline-block; position: relative; width: 100%;*/ /*height: 100%;*/ /*top: -134px; } div.format-image div.formatFixed img { height: 24px; width: 24px; margin-top: 5px; margin-left: 120px; opacity: 0.6; } div.format-image div.formatEditButtons { position: absolute; top: 5px; left: 5px; z-index: 1000; } div.format-image div.formatEditButtons img { height: 16px; width: 16px; opacity: 0.6; } div.format-image div.formatNotFixed { display: none; } div.classification-images { width: 100%; text-align: center; margin-top: 20px; } div.footer-image, a.footer-image-non-dialog { cursor: pointer; display: inline-block; background-color: #F5F5F5; height: 70px; width: 70px; text-align: center; vertical-align: middle; margin: 12px 3px 12px 3px; } div.footer-image img, a.footer-image-non-dialog img { height: 40px; width: 40px; margin: 15px; opacity: 0.8; } div.footer-image.disabled, div.home-image.disabled, div.format-image.disabled, a.footer-image-non-dialog.disabled { opacity: 0.5; cursor: default; } div.editFormatRowHeader { margin-top: 50px; } div.editFormatRowHeader h3 { margin: 0 0 0 5px; } div#tabGeneralDiv { max-height: 335px; overflow-y: auto; } div.editFormatNameGroup * { display: inline-block; } div.editFormatNameGroup img { width: 32px; vertical-align: middle; } div.editFormatNameGroup span { padding-left: 5px; width: 50px; } div.editFormatNameGroup input { width: calc(100% - 90px); } div.editFormatDescription, div.editFormatGroup { padding-top: 16px; } div.editFormatGroup span { font-weight: bold; } div.editFormatDescription textarea, div.editFormatGroup input[type=text], div.editFormatGroup select { width: 100%; } div.editFormatGroup input[type=text].reference-file { width: calc(100% - 22px); } div.editFormatGroup input[type=text].reference-file.smaller { width: calc(100% - 40px); } div.editFormatGroup img.select-reference-file { vertical-align: middle; } div.editFormatGroup div.editFormatGroupLine * { display: inline-block; } div.editFormatGroup div.editFormatGroupLine span { font-weight: normal; width: 400px; } div.editFormatGroup div.editFormatGroupLine input[type=text] { width: calc(100% - 405px) } div.editFormatGroup input[type=checkbox]:disabled, div.editFormatGroup input[type=radio]:disabled { opacity: 1; } div.xmlTreeDivPanel { position: relative; overflow: auto; } ul.formatXmlTree, ul.formatXmlMappingTree, ul.formatXmlRowDefinitionTree { list-style: none; list-style-image: none; padding: 5px 0 0 32px; font-size: 0; } ul.formatXmlMappingTree, ul.formatXmlRowDefinitionTree { background-color: #fff; } ul.formatXmlTree ul li.xmlFormatLine, ul.formatXmlMappingTree ul li.xmlFormatLine, ul.formatXmlRowDefinitionTree ul li.xmlFormatLine { display: none; } ul.formatXmlTree li.xmlFormatLine > div, ul.formatXmlMappingTree li.xmlFormatLine > div, ul.formatXmlRowDefinitionTree li.xmlFormatLine > div { width: 100%; } ul.formatXmlTree li.xmlFormatLine div.xmlAttributeTextGroup { padding: 0 5px; } ul.formatXmlTree li.xmlFormatLine span.xmlStructureText { padding: 0 5px 0 0; } ul.formatXmlTree li.xmlFormatLine div.selected div.xmlAttributeTextGroup { background-color: #9BD3EE; } ul.formatXmlTree li.xmlFormatLine div div.xmlAttributeTextGroup.selected { background-color: #7AC5E8 !important; } ul.formatXmlTree li.xmlFormatLine div.selected span:focus { background-color: #fff; } ul.formatXmlTree li.xmlFormatLine div.xmlNodeRepeatable { display: none; } ul.formatXmlTree li.xmlFormatLine div.selected div.xmlNodeRepeatable { display: inline-block; padding: 0 0 0 5px; } ul.formatXmlTree li.xmlFormatLine div.xmlGroupByEntity select { display: none; width: auto; } ul.formatXmlTree li.xmlFormatLine div.selected div.xmlGroupByEntity select { display: inline-block; } ul.formatXmlTree li.xmlFormatLine div.xmlGroupByEntity span { display: none; } ul.formatXmlTree li.xmlFormatLine div.xmlGroupByEntity.groupEntitySelected span { display: inline-block; } ul.formatXmlTree li.xmlFormatLine div.selected div.xmlGroupByEntity span { display: inline-block; } ul.formatXmlTree li.xmlFormatLine div.selected div.xmlGroupByEntity span.selectedGroupEntityName { display: none; } li.xmlFormatLine ul { padding-left: 20px; } li.xmlFormatLine div, li.xmlFormatLine i, li.xmlFormatLine span { display: inline-block; vertical-align: top; line-height: 24px; font-size: 12px; cursor: pointer; } ul.formatXmlMappingTree li.xmlFormatLine div, ul.formatXmlMappingTree li.xmlFormatLine i, ul.formatXmlMappingTree li.xmlFormatLine span, ul.formatXmlMappingTree li.xmlFormatLine input { height: 30px; } li.xmlFormatLine.open > ul > li { display: block; } li.xmlFormatLine i { background-image: url(../Content/jstree/themes/default/32px.png); background-position: -4px -4px; width: 24px; height: 24px; margin-left: -24px; } li.xmlFormatLine.open > i { background-position: -36px -4px; } ul.formatXmlMappingTree li.xmlFormatLine input.xmlExportFieldValue, ul.formatXmlMappingTree li.xmlFormatLine input.xmlExportFormule, ul.formatXmlMappingTree li.xmlFormatLine img.xmlExportFormulaBtn { font-family: Segoe UI; font-size: 12px; display: none; } ul.formatXmlMappingTree li.xmlFormatLine div.selected img.xmlExportFormulaBtn { width: 24px; float: right; display: block; margin: 3px 0 0 5px; cursor: pointer; } ul.formatXmlMappingTree li.xmlFormatLine img.xmlExportFormulaBtn.disabled { opacity: 0.5; } ul.formatXmlMappingTree li.xmlFormatLine div.selected input.xmlExportFieldValue { display: inline-block; width: 280px; float: right; margin-right: 10px; } ul.formatXmlMappingTree li.xmlFormatLine div.selected input.xmlExportFormule { display: inline-block; width: 321px; float: right; } ul.formatXmlMappingTree li.xmlFormatLine span.xmlLinePreview { display: inline-block; float: right; width: 640px; } ul.formatXmlMappingTree:not(.readonly) li.xmlFormatLine div.selected span.xmlLinePreview { display: none; } #xmlExportFieldDiv { position: absolute; } #xmlExportFieldDiv span.ddTitleText { min-height: 30px; } div.importexport-block-line div { display: inline-block; min-width: 160px; vertical-align: top; margin: 0; } div.mappingDetailsHeader, div.rowDefinitionDetailsHeader, div.relationDetailsHeader { margin: 20px 20px 5px; display: table; } div.relationTargetSourceHeader { margin: 0 20px 5px; display: table; } div.mappingDetailsLine, div.rowDefinitionDetailsLine, div.relationDetailsLine, div.relationTargetSourceLine { display: table-row; } div.mappingDetailsLine span, div.mappingDetailsLine input, div.rowDefinitionDetailsCell, div.relationDetailsCell, div.relationTargetSourceCell { padding: 2px 0 0 10px; margin: 2px 0 0 10px; display: table-cell; vertical-align: middle; } div.mappingDetailsLine input[type=text], div.rowDefinitionDetailsCell input[type=text], div.relationDetailsCell input[type=text] { width: 250px; } div.rowDefinitionDetailsCell select { width: auto; } div.mappingDetailsLine input[type=checkbox] { height: 24px; } div.relationTargetSourceCell select { width: 250px; } div.relationTargetSourceCell b { width: 60px; display: inline-block } div.mappingDetailsPreview, div.rowDefinitionPreview { margin-top: 10px; padding-top: 5px; border-top: 3px groove; } div.mappingDetailsPreview img, div.rowDefinitionPreview img { cursor: pointer; } div.mappingDetailsPreviewLine, div.rowDefinitionPreviewLine { margin: 5px 0; } div#mappingPreviewTables, div#divRowDefinitionPreviewTable { overflow: auto; } div#mappingPreviewTables table, div.exportPreviewTableDiv table, div#divRowDefinitionPreviewTable table { white-space: nowrap; } div.exportPreviewTableDiv { margin-top: 10px; padding-top: 5px; border-top: 3px groove; overflow: auto; } img#btnRefreshExportMappingPreview { float: right; cursor: pointer; margin: 20px; } img.open-unspsc-product, img.open-linked-trade-product, img.open-media, img.open-discountcodegroupmanufacturer-dialog { float: right; cursor: pointer; margin-left: 4px; margin-top: 4px; } img.open-bmecat { cursor: pointer; } table.unspsc-table { width: 100%; margin-bottom: 20px; } table.unspsc-table thead th { height: 20px; padding-bottom: 10px; border: none; } tr.unspsc-row { cursor: pointer; height: 24px; } tr.unspsc-row td { background-color: white; border-top: 0; border-left: 0; border-right: 0; padding: 5px; } tr.unspsc-row:hover td { background-color: #0087ea; color: white; } tr.unspsc-row th { padding-bottom: 10px; border: 0; } input.search { background-image: url(../Content/Images/button.search.png); background-position: right 5px center; background-repeat: no-repeat; background-size: 16px; border-style: inset outset outset inset; border-width: 1px; height: 24px; padding: 2px !important; } input.search:focus { background-image: none; } div.mandatory { display: inline; margin-left: 2px; font-size: 14px; } div.mandatory-red { color: #FF0000; font-weight: bold; } div.warning { color: #FF0000; } div.etim-class-header, div.gs1diy-brick-header { display: inline-block; margin-left: 20px !important; vertical-align: top; padding: 0; } div.etim-mc-header { float: right; margin-left: 120px !important; vertical-align: top; padding: 0; } a.class-block, a.brick-block { text-decoration: none; display: inline-block; color: white; text-align: left; vertical-align: middle; margin-right: 4px; opacity: 0.6; font-size: 14px; } div.mc-block { display: inline-block; line-height: 24px; color: white; vertical-align: middle; margin-right: 0 !important; opacity: 0.6; font-size: 14px; font-weight: 500; } a.class-block-message, a.brick-block-message { text-decoration: none; display: block; width: 26px; line-height: 24px; background-color: #0173C7; border: 1px solid #0087ea; color: white; text-align: center;*/ /*vertical-align: middle;*/ /*font-size: 14px; margin: 6px; } a.class-block-message.highlight, a.class-block-message:hover, a.brick-block-message.highlight, a.brick-block-message:hover { opacity: 1; background-color: #0087ea; } a.class-block.highlight, a.class-block:hover, a.brick-block.highlight, a.brick-block:hover { opacity: 1; background-color: #0087ea; position: relative; } a.remove-class-favorite, a.remove-brick-favorite { position: relative; right: 5px; cursor: pointer; top: 2px; } a.remove-class-favorite img, a.remove-brick-favorite img { opacity: 1 !important; margin: 0 !important; padding: 0 !important; background-color: transparent !important; } .dialog input[type='text'] { height: 25px; border: 1px solid #c5c5c5; } #editcell-dialog.dialog input[type='text'] { height: auto; } .blue-button, .pp-validated-submit-button { background-color: #0173C7; padding: 8px 15px 8px 15px; font-size: 10pt; font-weight: bold; display: inline-block; cursor: pointer; color: #FFFFFF; text-transform: lowercase; border: 1px solid #0173C7; min-width: 120px; text-align: center; } .blue-button.disabled, .pp-validated-submit-button.disabled { opacity: 0.6; } .button-disabled { opacity: 0.5 !important; cursor: default !important; pointer-events: none; color: white; } .grey-button { background-color: grey; padding: 8px 15px 8px 15px; font-size: 10pt; font-weight: bold; display: inline-block; cursor: not-allowed; color: #FFFFFF; text-transform: lowercase; border: 1px solid grey; min-width: 120px; text-align: center; } .blue-button.no-text-transform, .pp-validated-submit-button.no-text-transform { text-transform: none; } /*.white-button { background-color: #ffffff; color: #0173C7; padding: 8px 15px 8px 15px; font-size: 10pt; font-weight: bold; display: inline-block; cursor: pointer; text-transform: lowercase; border: 1px solid #0173C7; min-width: 120px; text-align: center; } */ input.white-button { margin-right: 5px; } .red-button { background-color: #CE0000; padding: 8px 15px 8px 15px; font-size: 10pt; font-weight: bold; display: inline-block; cursor: pointer; color: #FFFFFF; text-transform: lowercase; border: 1px solid #CE0000; min-width: 120px; text-align: center; } div.etim-class-block, div.gs1diy-brick-block { position: relative; text-decoration: none; display: inline-block; line-height: 24px; border: 1px solid #0087ea; color: white; text-align: left; margin-right: 4px; font-size: 14px; } div.etim-class-block a, div.gs1diy-brick-block a { padding-left: 4px !important; } .etim-class-block-sortable-placeholder, .gs1diy-brick-block-sortable-placeholder, .etim-class-feature-sortable-placeholder, .etim-class-feature-option-sortable-placeholder { background-color: #47b1ff; position: relative; vertical-align: middle; } .onlyImportant { font-weight: bold !important; }*/ /* Wizard */ /*#wizard-dialog-close { width: 30px;*/ /*background-color: #E04343;*/ /*padding-top: 6px;*/ /*padding-left: 9px; cursor: pointer; } #wizard-dialog-content { height: 500px; } #wizard-dialog-content #wizard-content { display: flex; } #wizard-dialog-content #wizard-footer { text-align: right; height: 20px; } #wizard-dialog-content #wizard-left-block { background-color: #FFFFFF; width: 200px; height: 440px; flex: 0 0 200px; } #wizard-dialog-content #wizard-right-block { flex-grow: 1; margin: 0 10px 10px 10px; font-size: 12px; height: 455px; overflow-y: auto; } #wizard-dialog-content #wizard-left-block .step { padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; font-size: 12px; clear: both; } #wizard-dialog-content #wizard-left-block img { float: left; } #wizard-dialog-content #wizard-left-block .step.active { background-color: #e5e5e5; } #wizard-dialog-content #wizard-introduction, #import-introduction { margin-bottom: 10px; } #wizard-error { color: #FF0000; display: none; margin-bottom: 5px; } .wizard-details { margin-top: 5px; height: 35px; } .variables-table { display: table; margin-bottom: 5px; } .variables-row { display: table-row; } .variables-block { display: table-cell; border: 1px solid #000000; width: auto; } .variables-block .variables-block-title { background-color: #F0F0F0; padding: 5px; border-bottom: 1px solid #000000; } .variables-block .variables-block-forms { display: table; margin-right: 5px; } .variables-block .variables-block-forms .variables-block-line { display: table-row; } .variables-block .variables-block-forms .variables-block-line-required div:first-child { font-weight: bold; } .variables-block .variables-block-forms .variables-block-line > div { display: table-cell; padding-left: 5px; padding-top: 3px; padding-bottom: 3px; padding-right: 5px; } .variables-block .variables-block-forms .variables-block-line > div { min-width: 160px; } .variables-block-line div select { width: 158px; } .variables-block-line div select.filter-select { width: 300px; } .relation-mapping-table { margin-top: 10px; border: 1px solid black; } div.stateImage { margin-left: 280px; margin-top: 100px; } div.stateImage img { width: 180px; opacity: 0.8; vertical-align: middle; }*/ /*Multicolumn autocomplete in dialog*/ /*.ui-menu-item { border-bottom: 1px dotted gray; } .ui-menu-item a { display: inline-block !important; width: 100%; } .ui-menu-item-wrapper span { padding-right: 5px !important; } a.ui-state-active { color: white !important; background-color: #0087ea !important; } .ui-autocomplete { border-bottom: none !important; }*/ /* Import / Export */ /*div.import-images, div.export-images, div.importexport-images { margin-top: 10px; overflow-y: auto; } div.importexport-actionbar { position: absolute; bottom: 0; left: 0; background-color: #A6A6A6; height: 75px; width: 100%; z-index: 100; text-align: center; line-height: 75px; font-size: 0; } div.importexport-actionbar div.actionbar-seperator { display: inline-block; width: 3px; height: 40px; background-color: #fff; vertical-align: middle; margin: 0 20px; padding: 0; } div.importexport-actionbar div.actionbar-icon { display: inline-block; border-radius: 50%; border: 3px solid #fff; width: 40px; height: 40px; vertical-align: middle; position: relative; cursor: pointer; margin: 0 20px; } div.importexport-actionbar div.actionbar-icon.disabled, div.importexport-actionbar div.actionbar-icon.disabled img { opacity: 0.6; } div.importexport-actionbar div.actionbar-icon img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; max-width: 32px; max-height: 32px; margin: auto; }*/ /* Settings */ /*a.fields-icon img, div.fields-icon img { padding: 1px; border: 1px solid #c0c0c0; cursor: pointer; } a.fields-icon img:hover, div.fields-icon img:hover { background: #eaeaea; } div.setting-label { float: left; width: 350px; margin: 10px 0 0 10px; } div.setting-label-short { float: left; width: 180px; margin: 0 0 2px 5px; } div.setting-value { float: left; margin: 10px 0 0 0; } div.setting-value-sub { float: left; margin: 0 0 2px 0; min-height: 24px; } div.settings-classification-table { display: table; } div.settings-classification-row { display: table-row; } div.settings-classification-cell { display: table-cell; height: 26px; padding: 0 0 2px 5px; } div.settings-classification-cell img { height: 14px; opacity: 0.25; cursor: pointer; } div.clear-both { clear: both; } div.language-selector, div.aplanguage-selector { float: right; } img.setting-language, img.mapping-language, img.prod-language, img.ap-language, img.export-catalog-language, img.ml-classification-field { cursor: pointer; margin-left: 4px; height: 14px; opacity: 0.25; } img.setting-language.selected, img.prod-language.selected { cursor: default; } img.setting-language.selected, img.mapping-language.selected, img.prod-language.selected, img.ap-language.selected, img.ml-classification-field.selected, img.export-catalog-language.selected { opacity: 1; } img.mapping-language.catalog-language { height: 25px; width: 30px; padding: 2px; border: 3px solid #0173C7; margin-top: -5px; } img.headerLabel-language { width: 12px; margin-right: 4px; } div.productDataMultiLanguagesSettings { max-height: 320px; overflow-y: auto; } div.filter-dialog-left { width: 200px; display: inline-block; height: 400px; vertical-align: top; } div.filter-dialog-right { width: 850px; display: inline-block; vertical-align: top; position: relative; } div.expressionbuilder-left { width: 239px; display: inline-block; vertical-align: top; } div.expressionbuilder-right { width: 745px; display: inline-block; vertical-align: top; } div.filter-dialog-right { border: 1px solid #c0c0c0; height: 400px; overflow: auto; } div.expressionbuilder-right div#expressionbuilder { height: 75px; border: 1px solid #c0c0c0; overflow: auto; white-space: pre; -webkit-user-select: text; line-height: 24px; } div.expressionbuilder-right textarea#expressionbuilder { height: 75px; border: 1px solid #c0c0c0; -webkit-user-select: text; line-height: 24px; width: 100%; resize: none; overflow-y: auto; overflow-x: none; } div.expressionbuilder-right div.expressionbuilder-operatorbuttons { padding: 10px 0; } div.filter-dialog-headerbuttons, div.expressionbuilder-headerbuttons { padding: 0 0 5px 0; } input#filter-dialog-searchbox { margin: 0 0 5px 2px; width: calc(100% - 5px); background-color: transparent; padding: 5px; } div.filter-dialog-filterlist, div.expressionbuilder-list, div.expressionbuilder-expressionslist, div.expressionbuilder-field-forms, div.expressionbuilder-field-formelements { border: 1px solid #c0c0c0; margin: 0 3px 0 2px; padding: 5px; overflow: auto; } div.filter-dialog-filterlist { height: 329px; position: relative; } div.filter-dialog-loadlist-spinner { position: absolute; width: calc(100% - 10px); top: 100px; } div .expressionbuilder-list { height: 275px; } div.expressionbuilder-expressionslist { margin: 0; width: 150px; height: 200px; float: left; } div.expressionbuilder-field-forms { margin: 0 0 0 5px; width: 245px; height: 200px; float: left; } div.expressionbuilder-field-formelements { margin: 0 0 0 5px; width: 340px; height: 200px; float: left; } div#expressionbuildertabs { height: 200px; margin: 10px 3px 0 3px; } img.custom-field-image, img.filter-headerbutton-image, img.expressionbuilder-headerbutton-image { cursor: pointer; width: 36px; height: 36px; padding: 4px; border: 1px solid #c0c0c0; vertical-align: top; } img.custom-field-image.disabled, img.filter-headerbutton-image.disabled, img.expressionbuilder-headerbutton-image.disabled { opacity: 0.5; } img.custom-field-image:hover { background: #eaeaea; } img.custom-field-image.disabled:hover, img.filter-headerbutton-image.disabled:hover, img.expressionbuilder-headerbutton-image.disabled:hover { background: none !important; cursor: default; } div.custom-fields { float: left; padding: 5px 5px 5px 5px; border: 1px solid #c0c0c0; height: 400px; overflow-y: auto; } div.custom-fields.div-entities, div.custom-fields.div-fields { border-right: none !important; } div.fields { opacity: 0.5; } div.fields.custom { opacity: 1; } div.custom-fields-view { padding: 2px; margin-bottom: 2px; padding-right: 50px; border: 1px solid transparent; } div.custom-fields-view.selected { border: 1px solid #c0c0c0; background: #eaeaea; } div.custom-fields-view:hover { border: 1px solid #58c6ff; background: #d3f0ff; cursor: pointer; } div.custom-fields-view.selected:hover { cursor: default; } div.custom-fields-label { line-height: 24px; margin-left: 30px; } .left-float { float: left; } .right-float { float: right; } input.integer { width: 93px; text-align: right; padding-right: 8px; } div#wizardSubDialog { z-index: 999 !important; } div#confirmation-dialog { z-index: 1000 !important; } div#loading-dialog { z-index: 1001 !important; } div#confirmation-dialog-text { vertical-align: middle; margin: 10px; }*/ /*dropdown with image*/ /*div.ddTitle, div.borderRadiusTp { background: none !important; border-radius: 0 !important; } .dd .ddChild li { border-bottom: none !important; } .dd .ddTitle .ddTitleText { padding: 3px 3px 3px 3px !important; } .dd .divider { right: 16px !important; } .ddcommon .ddArrow { right: 1px !important; } div.td input[type=text].fullwidth { width: 100%; } input[type=text] { padding: 2px; }*/ /* .turbolinks-progress-bar { height: 4px; background-color: #0000e5; }*/ /*table.list-table td { border-top: none; border-left: none; border-right: none; padding: 4px; border-bottom: 1px dotted gray; }*/ /*product details*/ /*div.detail-left-block { width: 50%; display: inline-block; } div.detail-right-block { width: 49%; float: right; } div.detail-label { width: 250px; height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; } div.detail-value { font-weight: bold; height: 20px; display: inline-block; } div.dialog-label { width: 180px; display: inline-block; height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; } div.dialog-label.small { width: 80px; } div.dialog-value { font-weight: bold; height: 24px; } div.detail-value input, select { width: 300px; height: 20px; } div.detail-value textarea { width: 550px; resize: none; } input.decimal { width: 80px !important; text-align: right; } table.detail-related-products { width: 100%; } table.detail-related-products th { font-weight: bold; border-bottom: 1px solid black; } table.detail-related-products td, th { border-top: none; border-left: none; border-right: none; padding: 4px; } table.detail-related-products .add-linkedTradeProduct { width: 230px !important; } div.image-detail-container-large { display: inline-block; border: 1px solid gray; height: 300px; width: 300px; position: relative; margin-bottom: 16px; } a.image-detail-container-small { border: 1px solid gray; height: 60px; width: 60px; position: relative; display: inline-block; cursor: pointer; } a.image-detail-container-small.selected { border: 2px solid #0087ea !important; } img.object-fit-cover { max-height: 100%; max-width: 100%; width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } a.media-chevron { display: inline-block; height: 300px; width: 50px; position: relative; margin-bottom: 16px; } .red-border, .pp-validation-failed { box-shadow: 0 0 5px red; margin-bottom: 3px; } .validate-input-error, .pp-validation-fail-text { color: red; font-style: italic; margin-left: 10px; } .ui-autocomplete-loading { background-image: url(../Content/Images/loading.gif) !important; background-repeat: no-repeat; } img.drag-linked-trade-product, img.drag-trade-product-media { cursor: pointer; } .linked-tradeproduct-row-sortable-placeholder { background-color: #47b1ff; } .media-placeholder { background: #47b1ff; position: relative; } .media-placeholder:after { content: " "; position: absolute; bottom: 0; left: 0; right: 0; background-color: #FFF; } div.detail-value div { width: 280px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } div.detail-value img, img#edit-technical-description { cursor: pointer; } div.product-navigation { width: 98%; text-align: center; } div.product-navigation a { vertical-align: middle; text-decoration: none; } div.product-navigation img { vertical-align: middle; } div.product-navigation div { text-align: center; display: inline; margin-left: 10px; margin-right: 10px; } ul.ui-widget.ui-autocomplete { background-color: white; overflow-x: auto; overflow-y: auto; } form#copy-product { background-image: url(../Content/Images/classification.chevron.right.png); background-position: top 60px center; background-repeat: no-repeat; background-size: 40px; padding: 10px; padding-top: 0; } form#copy-product div.td { width: 45%; height: 30px; } div.copy-item { clear: both; } div.copy-item label, input[type=checkbox] { height: 18px; vertical-align: middle; } div#classLanguages { display: inline-block; margin-left: 20px; } #classLanguages a img { opacity: 0.6; } #classLanguages a.selected img { opacity: 1; } table.list-table td { border-top: none; border-left: none; border-right: none; padding: 4px; } li.red, div.red { color: red; } li.gray, div.gray { color: gray; }*/ /* Dialogs */ /*.dialog-header { font-size: 11pt; border-bottom: 1px solid #0173C7; margin-bottom: 8px; height: 55px; } .dialog-header .dialog-image-header { display: inline-block; vertical-align: middle; } .dialog-title { padding-left: 8px; text-transform: none; } .dialog-header { text-transform: lowercase; } .ui-dialog .ui-dialog-titlebar { display: none; } .dialog-header .dialog-title { font-size: 12pt; display: inline; font-weight: bold; } .ui-widget-content { font-size: 10pt; background-color: #F5F5F5 !important; } #loading-dialog .ui-widget-content { background-color: white !important; padding: 8px; } .ui-corner-all { border-radius: 0; } .dialog-button { min-width: 120px; cursor: pointer; } div.dialog-buttons { text-align: right; margin-top: 16px; } .dialog-buttons-wrapper { text-align: right; margin-top: 20px; } div.dialog-buttons-css { text-align: right; margin-top: 16px; margin-bottom: 10px; margin-right: 15px; } .dialog-close { float: right; cursor: pointer; } .ui-widget-overlay { opacity: 0.5; } div.loading { width: 100%; text-align: center; color: #aaa; font-size: 10pt; } div.autocompleteEditor div.ht_master div.wtHolder div.wtHider div.wtSpreader table.htCore tbody tr td.current.highlight td.current.currentRow { background-color: #ffd78d !important; } div#ApResultsButtons { margin-top: 10px; } .displayflex { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;*/ /* Safari */ /*display: flex; } .flex-alignitems-center { -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .flex-alignitems-flexend { -webkit-box-align: end; -moz-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; align-items: flex-end; } .flexone { -moz-box-flex: 1; -webkit-box-flex: 1; flex: 1; } .flexgrow { flex-grow: 1; -moz-box-flex-grow: 1; -webkit-box-flex-grow: 1; } .alignself-center { -webkit-align-self: center;*/ /* Safari 7.0+ */ /*align-self: center; } div.bricks { display: inline-block; width: 300px; height: calc(100% + 80px); overflow-y: auto; } div.brick { margin: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; padding-top: 2px; } div#brick-details { margin-left: 2px; position: relative; display: inline-block; width: calc(100% - 308px); height: calc(100% + 80px); vertical-align: top; border-left: 1px solid lightgray; } div#brick-details div { margin: 2px; } div.attributes { margin: 2px 2px 2px 5px !important; display: inline-block; width: 300px; overflow-y: auto; } div.attribute { margin: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; height: 24px; padding-top: 2px; padding-left: 2px; padding-right: 2px; } div.brick.selected, div.attribute.selected { border: 1px solid #0173C7 !important; background-color: #0087ea; color: white; } div#attribute-details { margin: 2px; display: inline-block; vertical-align: top; border-left: 1px solid lightgray; } table.gs1diy-table td { padding: 5px; } table.gs1diy-table td.gs1diy-label { white-space: nowrap; vertical-align: top; } div#pick-list-values { overflow-y: auto; margin: 0; } div#pick-list-values ul { padding-left: 15px; margin: 0; } .master-tables-index { margin-top: 30px; display: flex; flex-direction: column; } .master-tables-index div.home-image { margin: 30px; } div#brands-table { margin-left: 50px; } .center-finish { margin: 0 auto; width: 50%; text-align: center; }*/ /* Master tables CSS*/ /*.mt_tablerow { padding-bottom: 3px; padding-top: 3px; } .mt_tablerow div { display: inline-block; } .mt_leftrow { width: 100px; text-align: left; } .mt_rightrow { width: 49%; } .mt_leftrow label { padding-left: 10px; } #linked-trade-products-form { padding: 5px; } input.selectDate { text-align: right; width: 80px; } input.selectTime { text-align: right; width: 60px; } .ui-timepicker-list li { text-align: right; padding-right: 10px !important; }*/ /*etimclassification*/ /*.tablerow { display: table-row; cursor: default; } .tablerow.drag { cursor: move !important; } .tablerow.private, .tablerow.private.removedbyetim { background-color: #FFFF6C; color: black; } .tablerow.removedbyetim { background-color: red; color: white; } .tablerow.new { display: none; } .tablerow.removedbyetim .tablecell { border-top: 2px solid white; } .tablerow.modelling-class { padding: 5px 10px; display: block; } .tablecell { display: table-cell; padding: 6px; } .tablecell.classification-block { padding: 0; } .tablecell .value { width: 75%; } #etimClassification { height: calc(100% + 90px); } #classes { width: 33%; float: left; height: calc(100% - 14px); margin-top: 7px; display: flex; flex-direction: column; } #classificationRightDiv { width: 67%; display: table; float: left; border-spacing: 7px; border-collapse: separate; height: 100%; } #classGroup { width: 50%; height: 180px; } #classFeatures { width: 100%; overflow: hidden; } #commentTextArea { height: 180px; width: 100%; resize: none; margin-top: 12px; white-space: pre-line; } .select-table { display: table; background-color: white;*/ /*width: 100%;*/ /*border-spacing: 0; } .vertical-scrollbar { overflow-y: auto; background-color: white; } .header-row { font-weight: bold; background-color: #F5F5F5; } .classification-block { outline: 1px solid black; } .search-bar { width: 100%; padding: 5px; padding-bottom: 10px; } .search-icon { vertical-align: middle; margin-left: 4px; } .exclamation-mark { float: right; height: 16px; margin-right: 8px; } .add { height: 23px; border: 1.5px solid lightgrey; vertical-align: middle; margin-left: 2px; cursor: default; } .add:not(.disabled):hover, .filter-headerbutton-image.delete:not(.disabled):hover, .expressionbuilder-headerbutton-image.delete:not(.disabled):hover, .filter-headerbutton-image.save:not(.disabled):hover, .expressionbuilder-headerbutton-image.save:not(.disabled):hover, .filter-headerbutton-image.clear:not(.disabled):hover, .expressionbuilder-headerbutton-image.clear:not(.disabled):hover, .filter-headerbutton-image.share:not(.disabled):hover, .filter-headerbutton-image.unshare:not(.disabled):hover, .expressionbuilder-headerbutton-image.showtabs:not(.disabled):hover, .expressionbuilder-headerbutton-image.hidetabs:not(.disabled):hover { background-color: lightgrey; } #add-class-feature-group { float: right; } .delete, .removed-from-etim { height: 14px; vertical-align: middle; } .tablecell.image-container { text-align: right; } .drag-feature-class { vertical-align: middle; } select.select-classification { font-family: Segoe UI; font-size: 12px;*/ /*padding: 3px 5px 3px 5px;*/ /*width: 100%; } .align-right { text-align: right; } #classGroupTable .tablecell, #classFeatureOptions .tablecell { padding: 2px; } .synonyms { overflow-y: auto; padding: 1px; } .synonyms.grey-background, .synonyms.grey-background div.synonym { background-color: #F6F6F6; } .synonyms div.synonym { padding: 3px; width: 100%; display: inline-block; background-color: white; } .synonyms div.private { background-color: #FFFF6C; color: black; border-top: 2px solid white; } .synonyms div.removedbyetim { background-color: red; border-top: 2px solid white; } .synonym div { display: inline-block; } .language-selected, .language-selected + div { background-color: lightgray; margin-right: -40px; } .addSynonymTextbox { width: 100%; } #classImage { height: 83px; padding-top: 10px; } .section-header { font-weight: bold; font-size: 13px; background-color: #F5F5F5; width: 100%; padding: 6px; } .section-header.group { border: 1px solid grey; width: 99%; margin: 0 auto; margin-top: 10px; } .eu-flag { vertical-align: middle; } div.selected:not(.header-row), tr.selected:not(.header-row), div.select-table div.tablerow.selected:not(.header-row):hover { background-color: #CBE8F6 !important; outline: 1px solid #7AC5E8 !important; } div.select-table div.tablerow.removedbyetim.selected:not(.header-row) { background-color: #FF4444 !important; outline: 1px solid #7AC5E8 !important; } .select-table .tablerow:not(.header-row):hover { background-color: #E5F3FB; outline: 1px solid #9BD3EE; } .select-table .tablerow.removedbyetim:not(.header-row):hover { background-color: #FF4444; outline: 1px solid #9BD3EE; } div.tablerow.grey.selected { background-color: #F6F6F6 !important; outline: 1px solid #E5E5E5 !important; color: black; } #classLanguages { float: right; margin-right: 80px; } #classLanguages a { text-decoration: none; } #classLanguages a img { padding-left: 5px; opacity: 0.6; } #classLanguages a.selected img { opacity: 1; } table.list-table td { border-top: none; border-left: none; border-right: none; padding: 4px; } #maintain-description-form div, #add-classdescription-form { text-align: center; padding: 3px; width: 100%; } #add-class-form input[type=text], select { width: 280px; } #maintain-description-form input[type=text], #maintain-description-form select { width: 480px; } #commentTextAreaDialog { width: 90%; height: 245px; margin-top: 0; white-space: pre-line }*/ /* The switch - the box around the slider */ /*.switch { position: relative; display: inline-block; width: 53px; height: 18px; border: 1px solid #A1A1A1; } .switch input[type=checkbox] { height: 17px; visibility: hidden; }*/ /* Hide default HTML checkbox */ /*.switch input {display:none;}*/ /* The slider */ /*.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: white; -webkit-transition: .4s; transition: .4s; } .slider:before { position: absolute; content: ""; height: 13.5px; width: 22px; left: 1.5px; bottom: 1.5px; background-color: #A1A1A1; -webkit-transition: .4s; transition: .4s; } input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); background-color: #00D400; } input:disabled + .slider { cursor: default; background-color: #F5F5F5; } input:disabled + .slider:before { cursor: default; background-color: #dddddd; }*/ /*a.inline-block { display: inline-block; } input:disabled { opacity: 0.6; cursor: default; } div.table { display: table; margin-top: 5px;*/ /*background: #ffffff;*/ /*padding: 5px; } div.table.list { border: 1px solid black; } div.table.with-row-borders { border-collapse: collapse; border-spacing: 10px; } div.tr-group { display: table-row-group; } div.tr-group:after { content: ""; height: 5px; display: block; } div.tr-group div.tr { border-left: 1px solid #c5c5c5; border-right: 1px solid #c5c5c5; } div.tr-group div.tr:first-child { border-top: 1px solid #c5c5c5; } div.tr-group div.tr:last-child { border-bottom: 1px solid #c5c5c5; } div.tr { display: table-row; } div.table.list div.tr:hover { color: #0173C7; } div.th { display: table-cell; padding: 2px 10px 8px 2px; font-weight: bold; white-space: nowrap; background-color: transparent; } div.table.list div.th { padding: 10px !important; } div.row { display: table-row; } div.td { display: table-cell; padding: 2px 10px 4px 2px; background-color: transparent; border: transparent; vertical-align: top; } div.table.list div.td { padding: 10px !important; } a.inline { display: inline; margin-left: 5px; text-decoration: none; } input.inline, div.inline { display: inline-block; } div.nowrap { white-space: nowrap; } form#scheduler-form { height: 100%; } div.scheduler { display: inline-block; width: 570px; height: calc(100% + 84px); overflow-y: auto; background-color: white; padding: 5px; margin-top: 2px; } div.scheduler-details { margin-left: -1px; margin-top: 2px; position: relative; display: inline-table; width: calc(100% - 573px); height: calc(100% + 84px); vertical-align: top; background-color: white; padding: 5px; overflow: scroll; } span#scheduler-time-label { margin-left: 5px; margin-right: 2px; } .delete-import-option { cursor: pointer; } .delete-companyimportfieldaction { cursor: pointer; margin-top: 6px; } ul.characteristics-multiple-tags { margin: 0; background-color: #ffffff !important; max-width: 380px; } ul.characteristics-multiple-tags li.tagit-new input { margin: 0; padding: 0; } li.tagit-new { margin: 0 !important;*/ /*Fix for removing the scroll bar*/ /*} div.table.characteristics div.tablecell { vertical-align: top; }*/ /*div.table.characteristics { border-collapse: collapse; } div.table.characteristics div.row:nth-child(even) { background-color: lightgray !important; }*/ /*ul#scheduler-notification-tags li.tagit-new input, ul.characteristics-multiple-tags li.tagit-new input { background-color: #ffffff !important; } ul#scheduler-notification-tags li:first-child input, ul.characteristics-multiple-tags li:first-child input { width: 280px !important; } ul.tagit li:not(:first-child) ::-webkit-input-placeholder { opacity: 0; } ul.tagit li:not(:first-child) ::-moz-placeholder { opacity: 0; } ul.tagit li:not(:first-child) ::-ms-input-placeholder { opacity: 0; } ul.tagit li:not(:first-child) ::placeholder { opacity: 0; }*/ /*Begin Query-Builder*/ /*.query-builder, .query-builder * { margin: 0; padding: 0; box-sizing: border-box; } .query-builder { font-family: sans-serif; width: 100%; } .query-builder .hide { display: none; } .query-builder .pull-right { float: right !important; } .query-builder .btn { text-transform: none; display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857; text-align: center; white-space: nowrap; vertical-align: middle; touch-action: manipulation; cursor: pointer; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; } .query-builder .btn.focus, .query-builder .btn:focus, .query-builder .btn:hover { color: #333; text-decoration: none; } .query-builder .btn.active, .query-builder .btn:active { background-image: none; outline: 0 none; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset; } .query-builder .btn-success { color: #FFF; background-color: #5CB85C; border-color: #4CAE4C; } .query-builder .btn-primary { color: #0173C7; background-color: #FFF; border-color: #2E6DA4; } .query-builder .btn-danger { color: #FFF; background-color: #D9534F; border-color: #D43F3A; } .query-builder .btn-success.active, .query-builder .btn-success.focus, .query-builder .btn-success:active, .query-builder .btn-success:focus, .query-builder .btn-success:hover { color: #FFF; background-color: #449D44; border-color: #398439; } .query-builder .btn-primary.active, .query-builder .btn-primary.focus, .query-builder .btn-primary:active, .query-builder .btn-primary:focus, .query-builder .btn-primary:hover { color: #FFF; background-color: #0173C7; border-color: #204D74; } .query-builder .btn-danger.active, .query-builder .btn-danger.focus, .query-builder .btn-danger:active, .query-builder .btn-danger:focus, .query-builder .btn-danger:hover { color: #FFF; background-color: #C9302C; border-color: #AC2925; } .query-builder .btn-group { position: relative; display: inline-block; vertical-align: middle; } .query-builder .btn-group > .btn { position: relative; float: left; } .query-builder .btn-group > .btn:first-child { margin-left: 0px; } .query-builder .btn-group > .btn:first-child:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .query-builder .btn-group > .btn:last-child:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .query-builder .btn-group .btn + .btn, .query-builder .btn-group .btn + .btn-group, .query-builder .btn-group .btn-group + .btn, .query-builder .btn-group .btn-group + .btn-group { margin-left: -1px; } .query-builder .btn-xs, .query-builder .btn-group-xs > .btn { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .query-builder select { width: initial; max-width: 500px; } .form-control { display: block; width: 100%; height: 25px !important; padding: 6px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); } .form-control::-moz-placeholder { color: #999; opacity: 1; } .form-control:-ms-input-placeholder { color: #999; } .form-control::-webkit-input-placeholder { color: #999; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { cursor: not-allowed; background-color: #eee; opacity: 1; } textarea.form-control { height: auto; } div.filter-dialog-filterlist div.filters, div.expressionbuilder-list div.expressions, div.expressionbuilder-expressionslist div.expression, div.expressionbuilder-field-forms div.expressionbuilder-field-form, div.expressionbuilder-field-formelements div.expressionbuilder-field-formelement { padding: 2px; margin-bottom: 2px; cursor: pointer; border: 1px solid transparent; } div.filter-dialog-filterlist div.filters, div.expressionbuilder-list div.expressions { height: 28px; } div.expressionbuilder-expressionslist div.expression, div.expressionbuilder-field-forms div.expressionbuilder-field-form, div.expressionbuilder-field-formelements div.expressionbuilder-field-formelement { user-select: none; line-height: 24px; } div.expressionbuilder-field-forms span, div.expressionbuilder-field-forms img, div.expressionbuilder-field-formelements span, div.expressionbuilder-field-formelements img { vertical-align: middle; } div.expressionbuilder-field-formelements span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: calc(100% - 26px); display: inline-block; } div.expressionbuilder-field-formelements img { vertical-align: middle; margin-right: 5px; } div.filter-dialog-filterlist div.filters:hover, div.expressionbuilder-list div.expressions:hover, div.expressionbuilder-expressionslist div:hover, div.expressionbuilder-field-forms div:hover, div.expressionbuilder-field-formelements div:hover { border: 1px solid #58c6ff; background: #d3f0ff; } div.filter-dialog-filterlist div.filters input, div.expressionbuilder-list div.expressions input { border: 0; outline: 0; background-color: transparent; cursor: text; width: calc(100% - 20px); line-height: 20px; } img.sharedfilter, img.sharedexpression { width: 16px; height: 16px; vertical-align: middle; margin-top: -2px; margin-left: 4px; }*/ /*End Query-Builder*/ /* Start import/export */ /*.tabs-validation { display: table-row; } .tab-validation { display: table-cell; width: 50px; border: 1px solid lightgray; cursor: pointer; padding: 5px; white-space: nowrap; } .tab-validation.active { background-color: #fff !important; } .import-list, .export-list { margin: 10px; float: left; height: 100%; overflow: auto; } div.import-detail { cursor: pointer; display: inline-block; text-align: center; vertical-align: middle; opacity: 0.9; } .validation-error-banner { border-radius: 5px; background-color: #FEDAD9; padding: 7px; margin-bottom: 4px; margin-right: 4px; } .validation-warning-banner { border-radius: 5px; background-color: rgba(242, 219, 27, 0.33); padding: 7px; margin-bottom: 4px; margin-right: 4px; } li.validation-error { color: #a30404; padding-bottom: 3px; } div.validation-error { color: red; } div.validation-error:nth-child(2n) { background-color: lightcoral; } div.validation-warning:nth-child(2n) { background-color: lightblue; } #export-column-table { border-spacing: 0; border-collapse: collapse; } .mapping-column-item .export-column-item-name, .mapping-column-item .import-column-item-name { min-width: 240px; padding-right: 5px; } .mapping-column-item .export-column-item-name input[type=text], .mapping-column-item .import-column-item-name input[type=text] { width: 100%; } .mapping-column-item .export-column-item-name input[type=text][readonly], .mapping-column-item .import-column-item-name input[type=text][readonly] { background: transparent; border-color: transparent; } .mapping-column-item { padding: 2px; margin-bottom: 2px; border: 1px solid transparent; } .mapping-column-item.selected { border: 1px solid #c0c0c0; background: #eaeaea; } .mapping-column-item:hover { border: 1px solid #58c6ff; background: #d3f0ff; cursor: pointer; } .mapping-column-item.selected:hover { cursor: default; } .mapping-column-item .mapping-column-item-buttons { text-align: right } .mapping-column-item .mapping-column-item-buttons img { cursor: pointer; margin-right: 5px; vertical-align: top; }*/ /* End import/export*/ /* Start Bulk Edit*/ /*#saveBulkValueBox input { width: calc(100% - 32px); margin-left: 5px; } #saveBulkValueBox input.hasDatepicker { width: auto; } img.bulkEditTypeSwitch { cursor: pointer; height: 14px; vertical-align: middle; }*/ /* End Bulk Edit*/ /* Begin media dialog*/ /*#media-list { max-height: 500px; overflow-y: auto; display: table; width: 100%; padding: 0 10px 0 0; } #media-list .media-list-item { border-bottom: 1px solid black; display: table-row; height: 60px; } #media-list .media-list-item > div { display: table-cell; vertical-align: top; margin-top: 5px; } #media-list .media-list-item div.media-list-drag { width: 40px; text-align: center; } #media-list .media-list-item div.media-list-thumbitem { width: 160px; text-align: center; } #media-list .media-list-item div.media-list-thumbitem img { max-width: 150px; max-height: 60px; } #media-list .media-list-item div.media-list-infoitem { width: 720px; } #media-list .media-list-item div.media-list-infoitem .mediaTagTitle { font-weight: bold; padding-bottom: 2px; } #media-list .media-list-item div.media-list-infoitem span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: inherit; } #media-list .media-list-item div.media-list-actionitem { width: 60px; text-align: right; } #media-list .media-list-item div.media-list-actionitem img { vertical-align: top; } #media-list .media-list-item div.media-list-actionitem img.main-media.maininactive { opacity: 0.5; } #media-list #media-translations-list { width: 720px; } #media-list div.media-translations-list-item { padding: 2px; margin-bottom: 2px; border: 1px solid transparent; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #media-list div.media-translations-list-item.selected { border: 1px solid #c0c0c0; background: #eaeaea; } #media-list div.media-translations-list-item:hover { border: 1px solid #58c6ff; background: #d3f0ff; cursor: pointer; } #media-list div.media-translations-list-item.selected:hover { cursor: default; } div.media-list-item div.media-list-thumbitem img, div.media-list-item div.media-list-actionitem img { cursor: pointer; } div.MediaTranslationTableBlock { width: 100%; } table.MediaTranslationTable { border-spacing: 0; border-collapse: collapse; border: 0; margin: 6px auto 0 auto; width: 100%; } table.MediaTranslationTable.EezyBridgeMediaTranslationTable.isNew { width: 75%; } table.MediaTranslationTable th { font-weight: bold; padding: 0; border-bottom: 0; } table.MediaTranslationTable input { width: 100%; } table.MediaTranslationTable input[type=file] { display: none; } table.MediaTranslationTable.EezyBridgeMediaTranslationTable td { border-bottom: 1px solid lightgray; } table.MediaTranslationTable.EezyBridgeMediaTranslationTable span.mediaTransDescr { max-width: 175px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } table.MediaTranslationTable.EezyBridgeMediaTranslationTable span.mediaTransFile { max-width: 375px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } img.edit-media, img.delete-media, img.link-eezybridge-media { cursor: pointer; }*/ /* End media dialog*/ /*form#wizard-form ul.chosen-results { height: 150px; } img.add-bmecat-line { margin-left: 10px; } img.add-bmecat-line, img.delete-bmecat-line { cursor: pointer; } div.ui-dialog ul.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front { max-height: calc(100vh - 250px); } div.users { display: inline-block; width: 200px; height: calc(100% + 80px); border: none !important; } div#user-details { margin-left: 2px; padding: 5px; position: relative;*/ /*width: calc(100% - 208px);*/ /*vertical-align: top; display: inline-block; height: 100%; } .users div.table.list, #user-details div.table.list { border: none; } .disabled { color: lightgray; cursor: initial !important; } .disabled:hover { color: lightgray !important; } div.restricted-relations { display: inline-block; height: 400px; overflow-y: auto; width: 100%; padding: 10px; vertical-align: middle !important; } div.authorization-index { margin: 30px; margin-top: 30px; margin-bottom: 50px; display: flex; } img.upload-image, img.upload-folderimage, img.select-reference-file { cursor: pointer; height: 18px; display: inline-block; } img.upload-image.disabled, img.upload-folderimage.disabled, img.select-reference-file.disabled { opacity: 0.2; cursor: default !important; pointer-events: none; } img.upload-delete, img.uploadfolder-delete { cursor: pointer; height: 12px; display: inline-block; margin-left: 5px; margin-top: 3px; vertical-align: top; } img.upload-delete.hide { visibility: hidden; } img.delete-reference-file { cursor: pointer; vertical-align: middle; } div.upload-description, div.importexport-upload-description, div.importexport-uploadfolder-description { margin-top: 2px; vertical-align: top; display: inline-block; } input[type=file].upload-input, input[type=file].importexport-upload-input, input[type=file].editmapping-upload-input, input[type=file].editmapping-uploadfolder-input { display: none; } div.scheduler-details-header { margin-top: 20px; margin-left: 2px; margin-bottom: 10px; font-weight: bold; text-decoration: underline; }*/ /*override handsontable dropdownmenu layout*/ /*.handsontable .changeType { background-color: #ffffff !important; color: #0173C7 !important; border: 1px solid #0173C7 !important; } .handsontable .htFiltersActive .changeType { background-color: #0173C7 !important; border: 1px solid #0173C7 !important; color: white !important; } .handsontable .htUIInput.htUIButton input { background-color: #ffffff !important; border: 1px solid #0173C7 !important; color: #0173C7 !important; } .handsontable .htUIInput.htUIButtonOK input, .handsontable .htUIInput.htUIButtonOK input:hover { background-color: #0173C7 !important; border-color: #0173C7 !important; color: #ffffff !important; } div.htDropdownMenu table.htCore { width: 350px !important; } div.htDropdownMenu div.wtHolder { width: 100% !important; } div.suggestion-detail-title { margin-top: -12px; margin-bottom: 8px; font-weight: bold; }*/ /*text-generator*/ /*div#textgenerator-tabs, div#textgenerator-details { margin-top: 15px; } div#textgenerator-details { height: calc(100vh - 180px); display: block; } div#textgenerator-filters { display: block; float: right; } #textgenerator-wrapper { width: 100%; overflow: auto; } #textgenerator-left { width: 400px; float: left; } #textgenerator-right { padding-left: 10px; } #textgenerator-results { overflow: auto; height: 100%; } #text-generator-result-table { width: 100%; background-color: #ffffff; } #text-generator-result-table div.td { border: 0.2px dotted #d3d3d3; } #text-generator-result-table div.tr, #text-generator-result-table div.td, #text-generator-result-table div.th { padding: 3px !important; } .text-generator-filter-item { display: table-cell; padding-right: 10px; background-color: transparent; border: transparent; position: relative; } .text-generator-filter-item img { cursor: pointer; } .text-generator-filter-item table { position: absolute; white-space: nowrap; height: 100% } span.ddTitleText { background: #ffffff; } div#textgenerator-wrapper div#textgenerator-details-table { border-left: 1px solid lightgray; } div#textgenerator-details-table span.ddTitleText img { height: 15px; padding-bottom: 2px; padding-left: 6px; } div#textgenerator-details-table .dd .ddTitle .ddTitleText { padding: 1px !important; } div.textgenerator-classes { display: inline-block; width: 400px; height: 100%; } div#textgenerator-classes-container { height: calc(100% - 95px); overflow-y: auto !important; } div.textgenerator-class { margin: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; padding-top: 2px; } div#textgenerator-class-right { margin-left: 2px; position: relative; display: inline-block; width: calc(100% - 408px); vertical-align: top; border-left: 1px solid lightgray; height: 100%; } div#textgenerator-class-results { overflow: auto; height: calc(100% - 50px); } div#textgenerator-details-table div.tablecell { padding-bottom: 2px !important; padding-top: 1px !important; } div#textgenerator-details-table div.tablecell input { height: 22px !important; } div#textgenerator-details-table div.tablecell input.textgenerator-sql-error { border: 1px solid red; outline-width: 0; } img.tg-drag-drop { cursor: pointer; } div.formula-sheet-header { font-size: 20px; margin-top: 10px; } div.formula-sheet-header img { height: 22px; margin-right: 5px; margin-left: 5px; vertical-align: bottom; } div#formula-sheet div.table { margin-bottom: 20px; } a#a-formula-sheet img { padding: 1px; border: 1px solid #c0c0c0; cursor: pointer; padding: 2px; height: 28px; margin-right: 5px; } a#a-formula-sheet img:hover { background: #eaeaea; } li.jstree-node.disabled i { opacity: 0.5; } li.jstree-node.disabled a, li.jstree-node.disabled a:hover { color: gray; } ul.jstree-contextmenu { font-size: 11px; } div.ChapterTranslationsTable div { display: inline-block; } div.ChapterTranslationsTable div.title-language { padding-right: 20px; padding-bottom: 20px; } div.ChapterTranslationsTable div.tr.title-language { padding-right: 0; padding-bottom: 0; } div#apPropertiesTop { width: 100%; display: flex; } div#apPropertiesTitle, div#apPropertiesMarkets { margin-bottom: 10px; float: left; } div#apPropertiesDocuments { display: flex; width: 100%; justify-content: space-between; } div#apPropertiesMarkets { margin-right: 20px; min-width: 150px; } img.autopub-results-loading-img { display: none; padding-left: 10px; vertical-align: bottom; } div.apGroup { border: 1px solid #c5c5c5; margin: 5px; padding: 5px; } div.apGroup h3 { font-size: 1em; margin: 0; } div.apGroup table { width: 100%; } div.updateChapterQueries { overflow: auto; } div.updateChapterQueries div { margin-bottom: 4px; } div.updateChapterQueries img { vertical-align: middle; } div#ApDocumentHandsOn { width: calc(100% - 190px); } div#ApDocumentsPreview { float: right; width: 180px; border: 1px solid #c5c5c5; height: 140px; text-align: center; display: none; } div#ApDocumentsPreview img { max-width: 135px; } .iframeSpinner { background: url(../Content/Images/loading.gif) center center no-repeat; } .jstree-default .jstree-themeicon:empty { margin-right: 5px; } .jstree-anchor.selected-reference { color: green; font-style: italic; font-weight: bold; } table.SearchTable { width: 100%; } table.SearchTable td:first-child { white-space: nowrap; } table.SearchTable td:last-child { width: 100%; } table.SearchTable td input[type=text] { width: 100%; } #ApTabs { height: 100%; } #ApTabs div *, div.apGeneralSettings *, #selectedSettingsMarket { font-family: Segoe UI; font-size: 12px; } div.apGeneralSettings h3 { margin: 5px 0; } div.apGeneralSettings span { width: 200px; display: inline-block; } div.apGeneralSettings span.exampleResult, div.apGeneralSettings span.checkBoxLabel { width: auto; } .handsontable.listbox tr:hover td { background-color: rgba(255, 215, 141, 0.5) !important; } .handsontable.listbox tr td.current { background-color: #ffd78d !important; } .handsontable.listbox tr td.autocompleteIconCell { padding-left: 28px !important; } .handsontable.listbox tr td.autocompleteBrandCell, .handsontable.listbox tr:hover td.autocompleteBrandCell { background-image: url("../Content/Images/Blue/view.brand.png") !important; background-position: left center !important; background-repeat: no-repeat !important; } .handsontable.listbox tr td.autocompleteCompanyCell, .handsontable.listbox tr:hover td.autocompleteCompanyCell { background-image: url("../Content/Images/Blue/entity.company.png") !important; background-position: left center !important; background-repeat: no-repeat !important; } .handsontable.listbox tr td.autocompleteProductCell, .handsontable.listbox tr:hover td.autocompleteProductCell { background-image: url("../Content/Images/Blue/view.product.png") !important; background-position: left center !important; background-repeat: no-repeat !important; } .handsontable.listbox tr td.autocompleteLogisticCell, .handsontable.listbox tr:hover td.autocompleteLogisticCell { background-image: url("../Content/Images/Blue/view.logistic.png") !important; background-position: left center !important; background-repeat: no-repeat !important; } .handsontable.listbox tr td.autocompletePackageCell, .handsontable.listbox tr:hover td.autocompletePackageCell { background-image: url("../Content/Images/Blue/entity.tradeproductpackage.png") !important; background-position: left center !important; background-repeat: no-repeat !important; } .handsontable.listbox tr td.autocompleteMoneyCell, .handsontable.listbox tr:hover td.autocompleteMoneyCell { background-image: url("../Content/Images/Blue/view.money.png") !important; background-position: left center !important; background-repeat: no-repeat !important; } .handsontable.listbox tr td.autocompleteFeatureCell, .handsontable.listbox tr:hover td.autocompleteFeatureCell { background-image: url("../Content/Images/Blue/entity.feature.png") !important; background-position: left center !important; background-repeat: no-repeat !important; } .handsontable.listbox tr td.autocompleteTextCell, .handsontable.listbox tr:hover td.autocompleteTextCell { background-image: url("../Content/Images/Blue/type.text.svg") !important; background-position: left center !important; background-repeat: no-repeat !important; background-size: 24px 24px; } .handsontable.listbox tr td.autocompleteConstantCell, .handsontable.listbox tr:hover td.autocompleteConstantCell { background-image: url("../Content/Images/Blue/type.constante.svg") !important; background-position: left center !important; background-repeat: no-repeat !important; background-size: 24px 24px; } .handsontable.listbox tr td.autocompleteProductClassCell, .handsontable.listbox tr:hover td.autocompleteProductClassCell { background-image: url("../Content/Images/Blue/entity.classification.png") !important; background-position: left center !important; background-repeat: no-repeat !important; } .handsontable.listbox tr td.autocompleteRelatedProductCell, .handsontable.listbox tr:hover td.autocompleteRelatedProductCell { background-image: url("../Content/Images/Blue/view.related.png") !important; background-position: left center !important; background-repeat: no-repeat !important; } .handsontable.listbox tr td.autocompleteCompanyCell, .handsontable.listbox tr:hover td.autocompleteCompanyCell { background-image: url("../Content/Images/Blue/entity.company.png") !important; background-position: left center !important; background-repeat: no-repeat !important; } .handsontable.listbox tr td.autocompleteCompanySubCell, .handsontable.listbox tr:hover td.autocompleteCompanySubCell { background-image: url("../Content/Images/Blue/entity.company.sub.png") !important; background-position: left center !important; background-repeat: no-repeat !important; } .handsontable.listbox tr td.autocompleteDiscountGroupCell, .handsontable.listbox tr:hover td.autocompleteDiscountGroupCell { background-image: url("../Content/Images/Blue/view.discountgroup.png") !important; background-position: left center !important; background-repeat: no-repeat !important; } .handsontable.listbox tr td.autocompleteSurchargeCell, .handsontable.listbox tr:hover td.autocompleteSurchargeCell { background-image: url("../Content/Images/Blue/entity.surcharge.png") !important; background-position: left center !important; background-repeat: no-repeat !important; } .handsontable.listbox tr td.autocompleteSurchargeCell, .handsontable.listbox tr:hover td.autocompleteSurchargeCell { background-image: url("../Content/Images/Blue/entity.surcharge.png") !important; background-position: left center !important; background-repeat: no-repeat !important; } .handsontable.listbox tr td.autocompleteObsoleteMediaCell, .handsontable.listbox tr:hover td.autocompleteObsoleteMediaCell { background-image: url("../Content/Images/Blue/entity.media.obsolete.png") !important; background-position: left center !important; background-repeat: no-repeat !important; } .handsontable.listbox tr td.autocompleteMediaCell, .handsontable.listbox tr:hover td.autocompleteMediaCell { background-image: url("../Content/Images/Blue/entity.media.png") !important; background-position: left center !important; background-repeat: no-repeat !important; } .handsontable.listbox tr td.autocompleteVariableCell, .handsontable.listbox tr:hover td.autocompleteVariableCell { background-image: url("../Content/Images/Blue/type.variable.png") !important; background-position: left center !important; background-repeat: no-repeat !important; } .handsontable.listbox tr td.autocompleteTextDefinitionCell, .handsontable.listbox tr:hover td.autocompleteTextDefinitionCell { background-image: url("../Content/Images/Blue/type.texttype.png") !important; background-position: left center !important; background-repeat: no-repeat !important; } div#ApResultFooters { float: left; max-width: calc(100% - 310px); } div#ApResultWarning { text-align: right; float: right; clear: right; color: red; padding-top: 5px; padding-right: 5px; } div#ApResultWarning.disabled:hover { color: red !important; } div#ApResultWarning:not(.disabled) u { cursor: pointer; } div#ApTabs:after { content: ""; display: block; clear: both; }*/ /* End AutoPub */ /*div.scheduler-details-header { margin-top: 20px; margin-left: 2px; margin-bottom: 10px; font-weight: bold; text-decoration: underline; } a#a-formula-sheet img:hover { background: #eaeaea; }*/ /* Authorization */ /*#divRoleLeft, #divUserLeft { float: left; width: 40px; text-align: center; } #divRoleLeft img, #divUserLeft img { width: 32px; margin: 4px 20px 20px -6px; cursor: pointer; display: block; } #divRoleCenter, #divUserFirst, #divUserSecond, #divApiKeys { float: left; margin-right: 5px; border-left: 1px solid #dddddd; } #divRoleCenter, #divUserFirst { width: 250px; } #divApiKeys { width: calc(100% - 50px); } #apikey-tabs { border: none; } div.role-tabs.ui-widget.ui-widget-content, div.user-tabs.ui-widget.ui-widget-content { border: none; } div.role-tabs.ui-tabs, div.user-tabs.ui-tabs { padding: 0; } div.role-tabs .ui-state-active, div.user-tabs .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: none; background: #0173C7; } div.role-tabs .ui-state-default, div.user-tabs .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: none; } div.role-tabs li.ui-tabs-tab, div.user-tabs li.ui-tabs-tab { border-radius: 0 !important; } div#role-tabs-roles, div#role-tabs-general, div#role-tabs-rights, div#user-tabs-users, div#apikey-tabs-apikeys, div#user-details-general, div#user-details-roles, div#user-details-databases, div#user-databases-tab { padding: 0 !important; font-size: 12px !important; font-family: Segoe UI; overflow-y: auto; height: calc(100vh - 100px); } div#apikey-tabs-apikeys .apikey-group-header { font-size: 14px !important; font-family: Segoe UI; font-weight: bold; margin-top: 20px; padding-left: 6px; } div#apikey-tabs-apikeys .apikey-group-header:nth-of-type(1) { margin-top: 0; } div#apikey-tabs-apikeys ul { margin: 0; padding-left: 20px; }*/ /* Authorization: roles */ /*#divRoleRight { width: calc(100% - 300px); float: left; border-left: 1px solid #dddddd; }*/ /* Authorization: users */ /*#divUserSecond { width: 400px; } #divUserRight { width: calc(100% - 700px); float: left; border-left: 1px solid #dddddd; } div#user-details-general input, div#user-details-general select, .expandButton { width: 100%; } a.expand-form-restrictions, a.collaps-form-restriction, .expandButton { display: inline-block; height: 18px; border: 1px solid #dddddd; background: #e9e9e9; width: 40px; text-align: center; text-decoration: none; } a.expand-form-restrictions img, a.collaps-form-restriction img { height: 18px; } img.expandButton { cursor: pointer; background-color: #e9e9e9; width: 18px; } .databaseDetailsFormElements { min-width: 380px; background-color: white; min-height: 120px; } .databaseList { width: 390px; } div.restricted-fields { display: inline-block; height: 400px; overflow-y: auto; width: 100%; padding: 10px; vertical-align: middle !important; } div#divUserLeft img.disabled { opacity: 0.2; cursor: default !important; pointer-events: none; } div#add-user-databases-table div.select-table { width: 44% !important; float: left; }*/ /* End Authorization */ /*span.expressionStr b { font-weight: normal; } span.expressionStr.active b { font-weight: bold; } span.expressionStr span.colored { color: #0087ea; } span.elementStr img { vertical-align: middle; } span.elementStr { border: 2px solid #d3f0ff; background-color: #d3f0ff; } span.elementStr span { padding: 0 5px; } select.exprFeatureValues { width: auto; } div.expressionBuilderTabDiv { max-height: 150px; overflow: auto; } div.expressionBuilderDisclaimerPanel { background-color: #FEEFB3; margin-top: 5px; padding: 5px; padding-bottom: 10px; color: gray; width: 60%; border: 2px #dddddd inset; border-radius: 6px 6px 6px 6px; }*/ /* --- ProdusExportToExcelDialog --- */ /*#popupProductsExportToExcel table { width: 100%; } .dialogContent { margin: 10px; } a#a-formula-sheet img:hover { background: #eaeaea; }*/ /* -- statistics --*/ /*.statistics { background-color: white; width: 100%; margin-top: 5px; margin-right: 20px; margin-bottom: 20px; border-collapse: collapse; cursor: default; } .statistics thead, .statistics .thead:hover { background-color: transparent; border: 1px solid white; font-weight: bolder; cursor: ns-resize; font-weight: bolder; } .statistics tr { background-color: transparent; border-bottom: 1px solid black; } tr.statistics_SelectedRow { background-color: orange; } .statistics tr:hover { background: #CCE9F7; } #table-manufacturer-discount-groups { height: 500px; } .copy-to-clipboard { height: 16px; width: 16px; vertical-align: middle; cursor: pointer; }*/ /* -- progression indicator -- */ /*.progressionIndicator { background-color: transparent; color: black; font-size: 15px; margin: 0; padding: 0; } .progressionIndicator table { width: 100%; margin: 0; padding: 0; } .progressionIndicator th { background-color: transparent; width: 75px; color: #0173C7; border: none; margin: 0; padding: 0; font-size: 16px; font-weight: bold; } .progressionIndicatorBar { padding: 2px; border: 2px solid #0173C7; } .progressionIndicator h1 { background-color: #0173C7; margin: 0px; padding: 0px; height: 15px; }*/ /* shared dropdown box */ /*.shared-dropdown-box { position: relative; } .shared-dropdown-box-select { position: relative; border: 1px solid #707070; height: 20px; background-repeat: no-repeat; background-image: url('../Content/Images/shared_dropdown_box_arrow.png'); background-position: right; margin: 0; padding: 3px; cursor: pointer; background-color: white; overflow: hidden; } .shared-dropdown-box-select p { margin: 0; padding: 0; width: calc(100% - 20px); } .shared-dropdown-box ul { position: absolute; top: 1px; display: none;*/ /*hide dropdown by default*/ /*background-color: white; border: 1px solid black; margin: 0; padding: 0; overflow: auto; white-space: nowrap; box-sizing: border-box; max-height: 140px; min-width: 100%; z-index: 1; } .shared-dropdown-box li { vertical-align: center; padding: 2px; } .shared-dropdown-box li:hover { background-color: lightblue; cursor: pointer; } #fullscreen-import-buttons { float: right; width: 100%; } #fullscreen-import-buttons > a { float: right; margin-left: 5px; } @media(max-width: 1930px) { #fullscreen-import-buttons { margin-right: calc(100% - 1482px); } } @media(max-width: 1560px) { #fullscreen-import-buttons { margin-right: calc(100% - 1108px); } } @media(max-width: 1186px) { #fullscreen-import-buttons { margin-right: calc(100% - 734px); } } @media(max-width: 830px) { #fullscreen-import-buttons { margin-right: calc(100% - 360px); } } .dialogContent table { border: 1px; border-spacing: 5px; width: 100%; } .dialogContent th { background-color: transparent; vertical-align: top; border-bottom: none; } .dialogContent td { margin: 5px; vertical-align: top; } .dialogContent img { margin-left: 0; margin-top: 8px; margin-right: 15px; margin-bottom: 7px; } .dialogContent input[type="checkbox"] { margin-left: 0; } .dialogContent a { color: #0173C7; text-decoration: underline; cursor: pointer; font-weight: normal; height: 20px; font-size: smaller; } .dialogContent a:hover { cursor: pointer; font-weight: bold; } .dialogContent p { margin-top: 20px; margin-bottom: 35px; } .scroll-box { margin-top: 8px; height: 100px; overflow-x: hidden; overflow-y: scroll; border: 1px #707070 solid; } .scroll-box input[type="checkbox"] { margin: 3px; } .scroll-box-large { height: 300px; } .disclaimer { background-color: cornsilk; margin-left: 20px; border-radius: 10px; padding: 2px; } .disclaimer img { margin: 0; } .import-export-filter-box { margin-left: 15px; margin-top: 10px; color: #0173C7; } .import-export-filter-box input { background-color: transparent; border-radius: 5px; padding: 5px; border: 1px #0173C7 solid; color: #0173C7; width: 400px; } #BrokerServiceProgressDiv { max-width: 800px; } .jobsAheadCounterBadge { border: 1px solid transparent; border-radius: 40px; width: 40px; height: 40px; background-color: white; font-size: 18px; color: #0173C7; font-weight: bold; padding-top: 6px; margin-right: 10px; text-align: center; } #message-box-dialog-text { height: 85px; margin: 10px; overflow: auto; } .ht-proplanet-html-field { width: calc(100% - 20px); float: left; overflow: hidden; } .ht-proplanet-html-edit-button { margin-left: 5px; margin-top: 2px; margin-bottom: 0px; width: 16px; height: 16px; cursor: pointer; } #html-editor-dialog, #add-filter-dialog { display: none; } div.warning { padding: 10px 10px 10px 10px; background-color: darkorange; color: white; } div.danger { padding: 10px 0 10px 15px; background-color: darkred; color: white; } fdelete-single-asset .full-width { width: 100%; } .no-margins { margin: 0 !important; } .bg-white { background-color: white !important; } .min-height-45 { min-height: 45px !important; } .text-justify { text-align: justify; } .no-padding { padding: 0 !important; } .import-finish { margin: 30px; font-size: medium; max-width: 280px; text-align: justify; text-justify: inter-word; } .wait-message-footer { padding: 8px 15px 8px 0px; font-size: 10pt; display: inline-block; } .no-indent { margin-left: -25px; margin-top: 0px; } .align-middle { vertical-align: middle; } .width-120 { width: 120px; } .width-100 { width: 100px; } .margin-right-22 { margin-right: 22px; } .padding-top-5 { padding-top: 5px; } .no-padding-left { padding-left: 0; } .small-font { font-size: small; } .inline-block { display: inline-block; } .notification-message-line-visible, .notification-message-line-hide { position: absolute; z-index: 9999;*/ /* PLACE IT ON TOP */ /*left: 0px; top: 0px; width: 100%; visibility: visible; opacity: 1; font-size: 16px; padding: 0px !important; padding-left: 10px !important; padding-right: 10px !important; } .notification-message-line-hide { opacity: 0; transition: opacity 250ms ease-in; } .blinking-text { animation-name: blink; width: 280px; animation-duration: 2s; animation-timing-function: ease-in; animation-iteration-count: Infinite; } @keyframes blink { 0% { color: black; } 50% { color: lightgrey; } 100% { color: black; } } .integerLimit { text-align: right; } .hidden { visibility: hidden; } div.input-with-clear-button input { width: 100px; padding-right: 22px } div.input-with-clear-button span { background: transparent; margin-left: -25px; padding: 3px 6px; cursor: pointer; } .mapped-import-relation-invalid { font-weight: bold; color: red; } .mapped-import-relation-filled { font-weight: bold; color: black; }*/ /*This css fix the known issue of handsontables: Columns sorting is not working if the header text is in Span content https://github.com/handsontable/handsontable/issues/5951 */ /*.handsontable span.colHeader.columnSorting:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }*/ :root { --primary-1: rgba(78, 49, 134, 1); --primary-2: rgba(102, 71, 170, 1); --primary-3: rgba(130, 110, 182, 1); --primary-4: rgba(159, 146, 201, 1); --primary-5: rgba(193, 185, 221, 1); --signal-red: rgba(255, 59, 54, 1); --signal-red-hover: rgba(200, 59, 54, 1); --signal-yellow: rgba(242, 219, 27, 1); --signal-green: rgba(47, 226, 120, 1); --background-1: rgba(255, 255, 255, 1); --background-2: rgba(251, 251, 253, 1); --background-3: rgba(237, 236, 244, 1); --background-4: rgba(226, 223, 241, 1); --background-5: rgba(251,251,253, 255); --text-primary: rgba(0, 0, 0, 1); --text-medium: rgba(75, 75, 75, 1); --text-light: rgba(115, 115, 115, 1); --text-error: rgba(255, 59,54, 1); --grey-1: rgba(235, 235, 235, 1); --grey-2: rgba(225, 225, 225, 1); --grey-3: rgba(212, 212, 212, 1); --grey-4: rgba(201, 201, 201, 1); --badge-red: rgba(254, 218, 217, 1); --badge-green: rgba(205, 254, 225, 1); --button-height: 37px; --font-family: "Plus Jakarta Sans", sans-serif; --signal-pink: #FFEFEF; --light-yellow-background: rgb(253, 249, 231); --light-yellow-background-hover: rgb(240, 235, 210); --signal-delete: rgba(190,0,0,1); font-variant-ligatures: none; --collapsible-side-panel-hidden-right: -520px; } html { box-sizing: content-box; } input { margin: 0 !important; } a { font-weight: 500; line-height: 26px; color: #000000; } body { background-color: var(--background-2) !important; font-family: "Plus Jakarta Sans", sans-serif !important; font-size: 13px; font-variant-ligatures: none; margin: 0px; } .body-content { font-family: "Plus Jakarta Sans", sans-serif !important; font-variant-ligatures: none; } input, button, select, optgroup, textarea, label, .alert, .badge, .blockquote-footer, .btn, [data-list] .page, .tox .tox-menu__footer .tox-button:last-child, .tox .tox-dialog__footer .tox-button:last-child, .tox .tox-menu__footer .tox-button--secondary, .tox .tox-dialog__footer .tox-button--secondary, .navbar, .pagination, .valid-feedback, .invalid-feedback { font-family: "Plus Jakarta Sans", sans-serif !important; font-variant-ligatures: none; font-size: 13px !important; } label, button { margin-bottom: 0 !important; user-select: none; } img.disabled { cursor: initial; filter: opacity(0.5); } *, *:before, *:after { box-sizing: border-box !important; } /*////Scrollbar////*/ ::-webkit-scrollbar { width: 15px; height: 15px; } ::-webkit-scrollbar-track { background: transparent; border-radius: 8px; opacity: 0; } ::-webkit-scrollbar-thumb { background-color: #888; border-radius: 10px; border: 3px solid transparent; background-clip: padding-box; } ::-webkit-scrollbar-thumb:hover { background-color: #555; /* Change the color on hover */ } .white-container ::-webkit-scrollbar-track { background: var(--background-1); } .input-column input::-webkit-input-placeholder { opacity: 0.5; } :-moz-placeholder { font-style: italic; font-size: 12px; color: var(--text-medium) !important; } .input-column input::-webkit-input-placeholder { opacity: 0.5; } ::-moz-placeholder { font-style: italic; font-size: 12px; color: var(--text-medium) !important; } .input-column input::-moz-placeholder { opacity: 0.5; } :-ms-input-placeholder { font-style: italic; font-size: 12px; color: var(--text-medium) !important; } .input-column input:-ms-input-placeholder { opacity: 0.5; } .container { max-width: none !important; padding-left: 0px !important; padding-right: 0px !important; } i { font-size: 12px; } div { user-select: none; } h1 { font-size: 22px; font-weight: 600; line-height: 38px; user-select: none; } h2 { font-size: 18px; font-weight: 600; line-height: 26px; color: black !important; margin: 0 !important; user-select: none; } h3 { font-size: 16px; font-weight: 600; line-height: 24px; letter-spacing: 0em; margin: 0 !important; user-select: none; } h4 { font-weight: 600; font-size: 14px; line-height: 20px; user-select: none; margin: 0 !important; } .read-notification { font-weight: 400; font-size: 14px; line-height: 20px; user-select: none; margin: 0 !important; } h5 { font-weight: 600; font-size: 12px; line-height: 18px; user-select: none; } p { font-size: 13px; font-weight: 500; margin-bottom: 0; margin-top: 0; user-select: none; } ul { margin-bottom: 0 !important; } #main-mavbar { width: 100%; height: 100%; display: flex; align-items: center; } #main-mavbar button { min-height: 0px !important; height: 35px !important; min-width: 25px !important; } #main-mavbar button img { height: 20px; } #main-mavbar #menu-button-container { min-width: 56px; display: flex; align-items: center; justify-content: center; } #main-mavbar #back-navigation-button-container { margin-right: 20px; } #main-mavbar #action-buttons-container { margin-right: 20px; } #main-mavbar #title-container { display: flex; align-items: center; justify-content: center; flex-grow: 1; } #main-mavbar #etim-classification-button-container { margin-right: 15px; display: flex; /*justify-content: flex-end;*/ align-items: center; /*max-width: 600px;*/ width: 600px; } #main-mavbar #left-container { padding-right: 5px; display: flex; justify-content: flex-end; align-items: center; } .fs-15 { font-size: 15px; } .fs-11 { font-size: 11px; } .fw-600 { font-weight: 600; } .d-flex { display: flex !important; } .justify-content-around { justify-content: space-around; } .justify-content-between { justify-content: space-between; } .justify-content-flex-start { justify-content: flex-start; } .justify-content-flex-end { justify-content: flex-end; } .flex-wrap { flex-wrap: wrap } .justify-content-center { justify-content: center; } .align-items-center { align-items: center; } .align-items-end { align-items: flex-end; } .justify-content-end { justify-content: end; } .flex-direction-column { flex-direction: column; } .d-block { display: block; } .hide, .d-none { display: none !important; } .fw-500 { font-weight: 500; } .m-0 { margin: 0; } .m-2 { margin: 2px !important; } .m-4 { margin: 4px !important; } .mt-4 { margin-top: 4px !important; } .mb-4 { margin-bottom: 4px !important; } .ml-2 { margin-left: 2px !important; } .ml-4 { margin-left: 4px !important; } .mr-4 { margin-right: 4px !important; } .mt-5 { margin-top: 5px !important; } .m-8 { margin: 8px !important; } .mt-8 { margin-top: 8px !important; } .mb-8 { margin-bottom: 8px !important; } .ml-8 { margin-left: 8px !important; } .mr-8 { margin-right: 8px !important; } .mt-10 { margin-top: 10px !important; } .mt-40 { margin-top: 40px !important; } .ml-40 { margin-left: 40px; } .mr-40 { margin-right: 40px; } .mr-5 { margin-right: 5px !important; } .ml-5 { margin-left: 5px !important; } .m-20 { margin: 20px !important; } .mr-20 { margin-right: 20px; } .ml-20 { margin-left: 20px; } .ml-10 { margin-left: 10px; } .ml-15 { margin-left: 15px !important; } .mb-20 { margin-bottom: 20px !important; } .mb-10 { margin-bottom: 10px !important; } .w50 { width: 50% !important; } .w60 { width: 60% !important; } .w30 { width: 30% !important; } .w90 { width: 90% !important; } .w75 { width: 75% !important; } .w70 { width: 70% !important; } .w33 { width: 33%; } .w66 { width: 66%; } .w5 { width: 5%; } .w3 { width: 3%; } .w7 { width: 7%; } .w12 { width: 12%; } .w10 { width: 10%; } .w20px { width: 20px } .w60px { width: 60px; } .w-120 { width: 120px; } .w-240 { width: 240px; } .w500px { width: 500px; } .w520px { width: 520px; } .w-550 { width: 550px; } .w15 { width: 15%; } .w6 { width: 6%; } .w65 { width: 65%; } .mr-10 { margin-right: 10px !important; } .mb-0 { margin-bottom: 0px !important; } .mt-30 { margin-top: 30px; } .mb-40 { margin-bottom: 40px; } .pl-30 { padding-left: 30px; } .pr-10 { padding-right: 10px; } .pr-20 { padding-right: 20px !important; } .pt-60 { padding-top: 60px; } .pt-10 { padding-top: 10px; } .w-340 { width: 340px; } .w-670 { width: 670px; } .w-710 { width: 710px; } .mt-1 { margin-top: 1px !important; } .mt-20 { margin-top: 20px; } .w-511 { width: 511px; } .w-650 { width: 650px; } .tooltip-text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; } .mt-m-15 { margin-top: -15px; } .m-2 { margin: 2px; } .m-10 { margin: 10px; } .m-5 { margin: 5px; } .m-20 { margin: 20px; } .mb-5 { margin-bottom: 5px; } .w-750 { width: 750px; } .pl-20 { padding-left: 20px !important; } .pb-20 { padding-bottom: 20px !important; } .pt-20 { padding-top: 20px !important; } .h-100 { height: 100%; } .w-50 { width: 50px; } .w-400 { width: 400px; } .w45 { width: 45% } .w48 { width: 48% } .w40 { width: 40%; } .w35 { width: 35%; } .w30 { width: 30%; } .w100 { width: 100%; } .h-387 { height: 387px; } .w16 { width: 16%; } .w-261 { width: 261px; } .w20 { width: 20%; } .w-50 { width: 50px; } .h-50 { height: 50px; } .border-radius-8 { border-radius: 8px !important; } .tooltip-span { position: absolute; visibility: hidden; background-color: var(--primary-2); color: white; text-align: center; border-radius: 8px; padding: 10px; gap: 10px; z-index: 1; box-shadow: 2px 2px 6px 0px #00000026; font-size: 13px; width: fit-content; max-width: 750px; } .tooltip-container div:hover .tooltip-span { visibility: visible; } .details-container-header-title p { margin: 0; color: #737373; } .chosen-710 .chosen-container { width: 710px !important; } .chosen-400 .chosen-container { width: 400px !important; } .chosen-240 .chosen-container { width: 240px !important; } .chosen-511 .chosen-container { width: 511px !important; } .w-1162 { width: 1162px; } .white-container { background: var(--background-1); border-radius: 8px; box-shadow: 0px 3px 1px -1px rgba(26, 26, 26, 0.07), 0px 1px 0px 0px rgba(204, 204, 204, 0.5) inset, 0px -1px 0px 0px rgba(0, 0, 0, 0.17) inset, -1px 0px 0px 0px rgba(0, 0, 0, 0.13) inset, 1px 0px 0px 0px rgba(0, 0, 0, 0.13) inset; max-width: 1650px; } .white-container.flex-height { display: flex; flex-direction: column; } .gray-container-menu { background: var(--background-2); border: 1px solid rgba(235, 235, 235, 1); border-radius: 8px 0 0 8px; } .padded-sm { padding: 8px !important; } .pl-15 { padding-left: 15px; } .pr-15 { padding-right: 15px; } .p-15 { padding: 15px; } .p-10 { padding: 10px; } .p-20 { padding: 20px; } .p-8 { padding: 8px !important; } .gray-container-menu .active img { visibility: visible; } /*show etim as hovered when one of the etim groups is selected*/ .gray-container-menu div:not(.disabled):not(.etim-class-feature-groups).hover, .gray-container-menu div:not(.disabled):not(.etim-class-feature-groups):hover { background: var(--background-3); cursor: pointer; } .gray-container-menu div:hover i { color: var(--primary-2) !important; } .gray-container-menu .active, .gray-container-menu .selected { background: var(--background-3); color: rgba(78, 49, 134, 1); } .gray-container-menu .active i, .gray-container-menu .selected i { color: var(--primary-2) !important; } .product-details-container-bottom { margin: 10px 0 10px 0; width: 100%; height: 460px; min-height: 460px; max-height: 460px; overflow: hidden; border-radius: 8px; /*border: 1px solid var(--grey-3);*/ } .product-details-container-bottom-inner { width: 100%; height: 460px; overflow: hidden auto; } .uobviewer-wrapper { height: 412px; border: 2px solid var(--grey-3); border-radius: 8px; padding: 4px; } .pl-4 { padding-left: 4px; } .pt-30 { padding-top: 30px; } .pb-10 { padding-bottom: 10px !important; } .pb-30 { padding-bottom: 30px; } .pl-40 { padding-left: 40px; } .pr-40 { padding-right: 40px; } .pr-30 { padding-right: 30px; } .pt-40 { padding-top: 40px; } .mb-15 { margin-bottom: 15px; } .w25 { width: 25%; } .w35 { width: 35%; } div.custom-fields { padding: 5px 5px 5px 5px; border: 1px solid #c0c0c0; height: 400px; /* overflow-y: auto; */ } div.custom-fields-view { padding: 5px; margin-bottom: 2px; padding-right: 10px; display: flex; align-items: center; } div.custom-fields-view.selected { background: var(--background-4); border-radius: 8px; } div.custom-fields-view.selected:hover { cursor: default; } div.custom-field-entity { width: 210px; } div.custom-field-entity .custom-fields-label { width: 190px; } .customfield-column-translation { font-size: small !important; color: gray !important; white-space: nowrap; /* Prevents text from wrapping */ overflow: hidden; /* Hides overflowing text */ text-overflow: ellipsis; /* Adds "..." at the end */ max-width: 200px; /* Set a max width (adjust as needed) */ } .feature-row:hover { background: var(--background-4) !important; cursor: pointer; border-radius: 8px; } tr.custom-fields-view:hover { background: var(--background-3) !important; border-radius: 8px; } tr.custom-fields-view.selected { background: var(--background-4) !important; border-radius: 8px; } .btn-dp-group { display: flex; } .btn-dp-group .btn-dp:not(:first-child):not(:last-child) { box-shadow: 0px 3px 1px -1px rgba(26, 26, 26, 0.07), 0px 1px 0px 0px rgba(204, 204, 204, 0.5) inset, 0px -1px 0px 0px rgba(0, 0, 0, 0.17) inset; border-radius: 0; } .btn-dp-group .btn-dp:first-child:not(:only-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; box-shadow: 0px 3px 1px -1px rgba(26, 26, 26, 0.07), 0px 1px 0px 0px rgba(204, 204, 204, 0.5) inset, 0px -1px 0px 0px rgba(0, 0, 0, 0.17) inset, 1px 0px 0px 0px rgba(0, 0, 0, 0.13) inset; } .btn-dp-group .btn-dp:last-child:not(:only-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; box-shadow: 0px 3px 1px -1px rgba(26, 26, 26, 0.07), 0px 1px 0px 0px rgba(204, 204, 204, 0.5) inset, 0px -1px 0px 0px rgba(0, 0, 0, 0.17) inset, -1px 0px 0px 0px rgba(0, 0, 0, 0.13) inset; } .btn-dp-group-slider .btn-dp { box-shadow: 0px 3px 1px -1px rgba(26, 26, 26, 0.07), 0px 1px 0px 0px rgba(204, 204, 204, 0.5) inset, 0px -1px 0px 0px rgba(0, 0, 0, 0.17) inset; border-radius: 0; } .btn-dp.btn-scroll-left { border-top-right-radius: 0; border-bottom-right-radius: 0; box-shadow: 0px 3px 1px -1px rgba(26, 26, 26, 0.07), 0px 1px 0px 0px rgba(204, 204, 204, 0.5) inset, 0px -1px 0px 0px rgba(0, 0, 0, 0.17) inset, 1px 0px 0px 0px rgba(0, 0, 0, 0.13) inset; } .btn-dp.btn-scroll-right { border-top-left-radius: 0; border-bottom-left-radius: 0; box-shadow: 0px 3px 1px -1px rgba(26, 26, 26, 0.07), 0px 1px 0px 0px rgba(204, 204, 204, 0.5) inset, 0px -1px 0px 0px rgba(0, 0, 0, 0.17) inset, -1px 0px 0px 0px rgba(0, 0, 0, 0.13) inset; } .btn-dp { min-height: 37px; padding-left: 10px; padding-right: 10px; font-size: 13px !important; font-weight: 500; border-radius: 8px; border: 0; cursor: pointer; box-shadow: 0px 3px 1px -1px rgba(26, 26, 26, 0.07), 0px 1px 0px 0px rgba(204, 204, 204, 0.5) inset, 0px -1px 0px 0px rgba(0, 0, 0, 0.17) inset, -1px 0px 0px 0px rgba(0, 0, 0, 0.13) inset, 1px 0px 0px 0px rgba(0, 0, 0, 0.13) inset; display: flex; -ms-align-items: center; -o-align-items: center; -webkit-align-items: center; align-items: center; align-content: center; justify-content: center; padding-top: 5px; padding-bottom: 5px; line-height: 20px; } .btn-dp:focus { outline: 0; } .btn-dp:disabled, .btn-dp:disabled:hover, .btn-dp.disabled:hover { cursor: default; } .btn-dp:disabled img, .btn-dp.disabled img, .btn-dp:disabled:hover img, .btn-dp.disabled:hover img { opacity: 0.35; cursor: default; } .btn-dp.btn-dp-no-border { box-shadow: none !important; } .btn-dp.btn-dp-no-background { background-color: inherit; } .btn-dp.btn-dp-no-border:hover { background-color: #E2DFF1; border-radius: 8px; } .btn-dp.btn-dp-primary:disabled, .btn-dp.btn-dp-primary.disabled, .btn-dp.btn-dp-primary:disabled:hover, .btn-dp.btn-dp-primary.disabled:hover { background-color: var(--background-3) !important; color: var(--text-light) !important; cursor: default; } /* .btn-dp.btn-dp-primary-2:disabled, .btn-dp.btn-dp-primary-2.disabled, .btn-dp.btn-dp-primary-2:disabled:hover, .btn-dp.btn-dp-primary-2.disabled:hover { background-color: var(--background-5) !important; color: var(--primary-2) !important; cursor: default; }*/ /*.btn-dp.btn-dp-secondary:disabled, .btn-dp.btn-dp-secondary.disabled, .btn-dp.btn-dp-secondary:disabled:hover, .btn-dp.btn-dp-secondary.disabled:hover { background-color: white !important; opacity: 0.35; cursor: default; }*/ .btn-dp-group .btn-dp { position: relative; } .btn-dp.btn-dp-block { height: 100% !important; width: 100% !important; } .btn-dp.btn-dp-sm { min-height: 24px; min-width: 24px; font-size: 10px !important; } .btn-dp.btn-dp-xs { min-height: 23px; min-width: 23px; font-size: 8px !important; padding: 4px; border-radius: 4px } .btn-dp .tooltiptext { visibility: hidden; height: 28px; background-color: #6647AA; color: white; text-align: center; border-radius: 8px; padding: 4px 9px 4px 9px; position: absolute; gap: 10px; z-index: 1; box-shadow: 2px 2px 6px 0px #00000026; top: 100%; left: 50%; margin-left: -30px; width: max-content; opacity: 0; transition: opacity 0.5s; } .btn-dp:hover .tooltiptext { visibility: visible; opacity: 1; } .btn-dp.btn-dp-primary { color: white; background-color: var(--primary-2); } .btn-dp.btn-dp-primary:not(.disabled):not(:disabled):hover { background-color: var(--primary-1); } .btn-dp.btn-dp-primary-2 { color: white; background-color: var(--primary-4); } .btn-dp.btn-dp-primary-2:not(.disabled):not(:disabled):hover { background-color: var(--primary-2); } .btn-dp.btn-dp-secondary { color: black; background-color: white; } .btn-dp.btn-dp-secondary:not(.active):not(.disabled):not(:disabled):hover { background: var(--background-4); } .btn-dp.btn-dp-secondary.active { background-color: var(--primary-3); color: white; } .btn-dp.btn-dp-error { background-color: white; color: var(--signal-red); } .btn-dp.btn-dp-error:not(.disabled):not(:disabled):hover { background-color: var(--badge-red); color: black; } .btn-dp.btn-dp-error img + span { margin-left: 10px; } .btn-dp.btn-dp-delete { background-color: var(--signal-delete); color: white; } .btn-dp.btn-dp-delete:hover { background-color: var(--signal-red-hover); } .btn-dp.btn-dp-delete img + span { margin-left: 10px; } .btn-dp-table { padding: 2px; border: 0 none; margin: 1px; line-height: 0; text-decoration: none; display: inline-block; cursor: pointer; background-color: transparent; border-radius: 6px; } .btn-dp-table:disabled, .btn-dp-table.disabled { pointer-events: none; opacity: 0.6; } .btn-dp-table:hover { background-color: #E2DFF1; } .btn-dp-table:disabled:hover, .btn-dp-table.disabled:hover { background-color: transparent; cursor: default; } .popup-container { padding-top: 13px; padding-left: 13px; padding-bottom: 13px; border-radius: 12px; background-color: white !important; position: absolute; top: 45px; left: 20px; box-shadow: 0px 0px 1px 1px #D3D3D3; z-index: 2000; animation: sidenav-dropdown-animation; animation-duration: 0.1s; animation-iteration-count: 1; animation-timing-function: ease-in; animation-direction: normal; } @keyframes sidenav-dropdown-animation { 0% { left: -150px; top: 45px; } 100% { left: 20px; top: 45px; } } @keyframes movespinner { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } .sidenav-dropdown-group { display: flex; align-items: center; padding: 5px 10px 5px 10px; margin-right: 10px; margin-bottom: 5px; border-radius: 8px; cursor: pointer; color: var(--text-primary); text-decoration: none; } .sidenav-dropdown-group.disabled { opacity: .2; pointer-events: none; cursor: not-allowed; } .sidenav-dropdown-group.disabled:hover { background: none; color: inherit; } .sidenav-dropdown-group:hover { background: rgba(237, 236, 244, 1); color: var(--primary-1); } .sidenav-dropdown-group p { font-size: 13px; line-height: 13px; font-weight: 500; padding-left: 10px; } .sidenav-dropdown-title { font-size: 18px; line-height: 38px; font-weight: 500; margin: 0; padding-left: 10px; } .c-pointer { cursor: pointer; } .v-hidden { visibility: hidden; } .w-37 { width: 37px; } .w-unset { width: unset !important; } .white-button-flex { min-height: 36px; min-width: 36px; font-size: 13px !important; border: 1px solid rgba(235, 235, 235, 1); background: white; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15); cursor: pointer; -ms-border-radius: 8px !important; border-radius: 8px !important; display: flex; -ms-align-items: center; -o-align-items: center; -webkit-align-items: center; align-items: center; height: 100%; } .test { } .nowrap { white-space: nowrap !important; overflow: hidden; } .backgound-3 { background: var(--background-3); } .buttons-container button:first-child { border-radius: 8px 0 0 8px; } .buttons-container button:last-child { border-radius: 0 8px 8px 0; } .first-child-border-radius { border-radius: 8px 0 0 8px; } .last-child-border-radius { border-radius: 0 8px 8px 0; } .background-buttons-menu { width: fit-content; border-radius: 10px; background-color: var(--background-3); padding: 5px; } .background-buttons-menu .active { background-color: white; } .image-tile-lg { display: flex; justify-content: center; align-items: center; width: 339px; height: 339px; border: 2px solid var(--grey-3); border-radius: 8px; padding: 3px; } .two-column-even-container, .three-column-even-container { display: flex; flex-wrap: wrap; width: 100%; justify-content: center; } .two-column-even-container .two-column-even-container-child { flex: 1 0 40% !important; } .three-column-even-container .three-column-even-container-child { flex: 1 1 30% !important; box-sizing: border-box; min-height: 200px; min-width: 500px; max-width: 500px; } /*TODO: GUI - apparently there is no pure-CSS way of selecting the last VISIBLE odd child of a div (?!) - the functionality will be handled in js (oh, the joy!) */ /*.translations-container div:last-child:not(.d-none), .translations-container div:nth-last-child(2):nth-child(odd) { width: calc(200% + 20px); }*/ /*.translations-container div:nth-last-child(odd){ width: calc(200% + 20px); }*/ .tile-sm { } .tile-lg { } .image-tile-sm { display: flex; justify-content: center; align-items: center; width: 60px; height: 60px; border: 1px solid var(--grey-3); border-radius: 6px; padding: 1px; } .image-tile-new-sm { width: 60px; height: 60px; border: 1px solid var(--grey-3); justify-content: center; align-items: center; border-radius: 4px; object-fit: contain; } .image-container-2 object { /* check if used */ width: 50px; height: 50px; border-radius: 8px; } .page-container { padding: 40px; width: 100%; } .page-container-slim { padding-right: 40px; padding-top: 40px; } [dp-tooltip] { position: relative; cursor: pointer; } [dp-tooltip]:hover::after { content: attr(dp-tooltip); position: absolute; margin: 2px; z-index: 100000; width: max-content; background-color: #6647AA; color: white; box-shadow: 2px 2px 6px 0px #00000026; font-size: 13px; border-radius: 8px; padding: 4px 9px 4px 9px; text-align: center; animation: opacity-delay 1s forwards; line-height: 14px; } /*.cellComment { display: block; align-items: center;*/ /* top: -55px; */ /* width: 170%; */ /* min-height: 45px; */ /*background-color: #000000; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; width: 200px; margin-right: 12px; white-space: normal;*/ /* Position the tooltip */ /*position: absolute; z-index: 200; } .cellComment:after { content: ''; position: absolute; right: 45%; bottom: -20px; border-width: 10px; border-style: solid; border-color: #000000 transparent transparent transparent; }*/ .tooltip-right[dp-tooltip]:hover::after { right: 0; } .tooltip-left[dp-tooltip]:hover::after { left: 0; } .tooltip-bottom[dp-tooltip]:hover::after { top: 100%; } .tooltip-top[dp-tooltip]:hover::after { top: -100%; } /*.main-container { position: relative; left: 0px; height: 100%; padding: 56px 0px 0px 0px;*/ /* Header height and footer height */ /*margin: 0px auto 0px auto;*/ /* Center content */ /*-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;*/ /* display: flex; width: 100%; height: 100%;*/ /*}*/ .main-container { position: relative; /* top: 57px; */ height: 100vh; width: 100%; padding: 55px 1px 0px 0px; /* margin: 0px auto 0px auto; */ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; display: flex; } .main-right { display: flex; flex-direction: column; width: 100%; } .main-header-container { height: 56px !important; background-color: #EDECF4 !important; position: -webkit-sticky; position: sticky; top: 0; z-index: 5001; width: 100%; align-items: center; } .renderbody-container { width: 100%; /*display: flex;*/ justify-content: center; /*padding-left: 56px;*/ height: 100%; min-width: 300px; overflow: auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } /*.renderbody-container { margin-left:60px;*/ /* position: relative; height: 100%; width: 100%; padding: 57px 0 57px 0; margin: 0 auto 0 auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;*/ /*}*/ .renderbody { height: 100%; min-width: 300px; margin-left: 100px; margin-right: 100px; overflow: auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } #divFilter { display: none !important; } .page-header { grid-area: header; width: 100%; position: fixed; top: 0; left: 0; height: 56px !important; background-color: #EDECF4 !important; z-index: 4900; /* Fix for the menu and language popup */ } .page-content { } .sidenav-container { display: flex; height: 100%; top: 56px; /*z-index: 2000;*/ width: 58px; flex-direction: column; align-items: center; background-color: #EDECF4; } .sidenav-container a { padding: 10px; display: flex; align-items: center; margin: 5px; } .sidenav-container a.selected { background-color: var(--primary-5); border-radius: 8px; } .sidenav-container a.selected img { filter: invert(34%) sepia(40%) saturate(1081%) hue-rotate(219deg) brightness(87%) } .sidenav-container a.disabled { opacity: .2; pointer-events: none; cursor: not-allowed; } .sidenav-container button { border: 0; background-color: #EDECF4; } .sidenav-container .tooltiptext { visibility: hidden; height: 28px; width: max-content; background-color: #6647AA; color: white; text-align: center; border-radius: 8px; padding: 4px 9px 4px 9px; position: absolute; gap: 10px; margin-left: 15px; z-index: 1; box-shadow: 2px 2px 6px 0px #00000026; font-size: 13px; } .sidenav-container a:hover:not(.selected) { background-color: var(--background-4); /* background-color: #E2DFF1;*/ border-radius: 8px; } .sidenav-container a:hover img { filter: invert(34%) sepia(40%) saturate(1081%) hue-rotate(219deg) brightness(87%) } .sidenav-container a:hover .tooltiptext { visibility: visible; } .border-0 { border: 0; } .spinner { animation: movespinner 1s linear infinite; } .page-header-save { border: 1px solid #C9C9C9 !important; border-radius: 8px; min-width: 78px; height: 38px; font-size: 13px; font-weight: 500; color: #737373; margin-right: 5px; text-align: center; background-color: var(--badge-green); display: flex; align-items: center; justify-content: center; padding: 0px 8px; } #search-container { width: 456px; height: 296px; border-radius: 12px; background-color: white; position: absolute; right: -60px; z-index: 2000; margin-top: 10px; padding: 15px; display: none; box-shadow: 0px 2px 3px -2px #1A1A1A; } .search-wrapper { display: flex; align-items: center; border-radius: 8px; background-color: #fff; overflow: hidden; box-shadow: 0px 3px 1px -1px rgba(26, 26, 26, 0.07), 0px 1px 0px 0px rgba(204, 204, 204, 0.5) inset, 0px -1px 0px 0px rgba(0, 0, 0, 0.17) inset, -1px 0px 0px 0px rgba(0, 0, 0, 0.13) inset, 1px 0px 0px 0px rgba(0, 0, 0, 0.13) inset; height: 38px; display: flex; padding: 4px; } .search-wrapper input { height: 100%; flex-grow: 1; border: 0px; } .search-wrapper input:focus { outline: none; } .search-wrapper i { padding-left: 7px; padding-right: 7px; color: rgba(0, 0, 0, 0.564); } #search-container hr { color: #E1E1E1; border-color: #E1E1E1; background-color: #E1E1E1; margin-left: -15px; margin-right: -15px; border: 0; height: 1px; } .search-results { overflow-y: auto; height: 160px; } .search-results p { text-align: left; margin: 0; padding: 10px; } .search-results p:hover { background-color: #EDECF4; border-radius: 8px; } #languages-container { width: max-content; border-radius: 12px; background-color: white; position: absolute; top: 30px; right: -3px; z-index: 2000; margin-top: 10px; padding-top: 10px; padding-bottom: 10px; padding-right: 10px; padding-left: 10px; box-shadow: 0px 2px 3px -2px #1A1A1A; } #languages-container div:hover { border-radius: 4px; background-color: var(--background-4) !important; } #languages-container div { padding: 7px; } #languages-container div .checkbox-dp + label { margin-left: 4px !important; margin-bottom: .5rem !important; } #languages-container div label img + span { margin-left: 4px !important; } .unselectable { -webkit-touch-callout: none !important; -webkit-user-select: none !important; -khtml-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; } .sticky { position: sticky; position: -webkit-sticky; } .top-55 { top: 55px !important; } .z-index-200 { z-index: 200; } .bg-white { background-color: white; } /*TODO: NewGui - Discuss the default color*/ .text-inactive { color: #737373 !important; } .text-black { color: black; } .text-light { color: var(--text-light); } .table-dp { border-spacing: 0px !important; } .table-dp th { border-bottom: 1px solid rgba(225, 225, 225, 1) !important; font-size: 12px; font-weight: 500; line-height: 15px; text-align: left; color: rgba(115, 115, 115, 1); padding-bottom: 5px; padding-top: 10px !important; padding-left: 0 !important; padding-right: 0 !important; } @supports (-moz-appearance: none) { .table-dp th { border-bottom: 1px solid rgba(225, 225, 225, 1) !important; font-size: 12px; font-weight: 400; line-height: 15px; text-align: left; color: rgba(115, 115, 115, 1); padding-bottom: 5px; padding-top: 10px !important; padding-left: 0 !important; padding-right: 0 !important; } } .table-dp.table-dp-cell-spacing-10 td + td, th + th { padding-left: 10px; } .table-dp tr { transition: background-color 0.3s; } .table-dp td { border-bottom: 1px solid rgba(225, 225, 225, 1) !important; font-size: 13px; font-weight: 500; line-height: 16px; letter-spacing: 0em; text-align: left; color: rgba(0, 0, 0, 1); padding-top: 5px; padding-bottom: 5px; } .table-dp tr.no-border td { border: none !important; } .table-dp td:not(:first-child) { padding-left: 4px; } .table-dp td a:hover img { /*TODO: GUI scheduler: trash can should be red*/ /*but this makes the edit button black*/ /*filter: invert(34%) sepia(40%) saturate(1081%) hue-rotate(219deg) brightness(87%);*/ } .table-dp td select { border: 0; width: 100%; } .table-dp td a img { max-width: unset !important; /*TODO: GUI scheduler: trash can should be red*/ /*but this makes the edit button black*/ /*filter: invert(18%) sepia(57%) saturate(1849%) hue-rotate(239deg) brightness(99%) contrast(93%)*/ } .table-dp .input-column input { border: none; text-align: left; display: inline; } .table-dp .input-column input:focus { outline: none; } .table-dp.table-dp-hover tbody tr:hover { background-color: var(--grey-1); /*To review*/ } .table-dp.table-dp-hover-action tbody tr:hover { background-color: var(--primary-5); /*To review*/ } .table-dp tbody tr.selected { background-color: var(--primary-4); /*To review*/ } .table-dp tbody tr.selected:hover { background-color: var(--primary-3); /*To review*/ } .table-dp.table-dp-sticky-header thead { position: sticky !important; position: -webkit-sticky !important; background-color: white; top: 0; z-index: 1; } .widget-body .table-dp.table-dp-sticky-header thead { top: -10px; } .table-dp tr.disabled td { color: #dddddd !important; } .table-dp .copy-to-clipboard:hover img { visibility: visible !important; } .input-column { position: relative; } .input-column p { display: inline-block; text-align: center; width: 10%; float: left; margin-top: 10px; } .unit-column { text-align: center; } .unit-column p { margin: auto; padding: 3px 6px 3px 6px; width: fit-content; border-radius: 8px; border: 1px solid rgba(201, 201, 201, 1); background: rgba(255, 255, 255, 1); font-size: 12px; font-weight: 500; color: rgba(115, 115, 115, 1); } .chosen-container-multi .chosen-choices li.search-field input[type="text"] { color: #c2c200; } .d-table-row-group { display: table-row-group; } .logistics-chosen .chosen-container .chosen-single, .role-chosen select { border: 0 !important; background: #FBFBFD !important; box-shadow: none !important; padding: 0 !important; font-size: 18px; color: black; font-weight: 600; padding-top: 15px; display: flex; align-items: center; } .role-chosen p { margin-left: 5px; padding: 0px 10px; border: 1px solid rgba(212, 212, 212, 1); border-radius: 8px; } .logistics-chosen .chosen-container { width: 160px !important; box-shadow: none !important; background: #FBFBFD !important; } .upload-media-container { margin-top: 30px; margin-bottom: 30px; height: 62px; border-radius: 8px; border: 1px solid rgba(226, 223, 241, 1); background: rgba(251, 251, 253, 1); } .upload-media-container a { font-size: 13px; font-weight: 500; color: var(--primary-3); } .image-tile-md { display: flex; justify-content: center; align-items: center; width: 185px; height: 185px; border: 2px solid var(--grey-3); border-radius: 8px; padding: 2px; } .over-panel, #over-panel { display: none; position: fixed; background-color: rgba(0, 0, 0, .2); z-index: 4950; height: 100vh; top: 0px; width: 100%; left: 0; } .over-panel #loading-indicator-text { padding: 20px; top: 50%; position: absolute; } .media-side-panel-image-container { padding: 30px; background-color: white; border-bottom: 1px solid rgba(235, 235, 235, 1) } .media-side-panel-image-container img { width: auto; height: 380px; padding: 2px; } .media-side-panel-image-container-overlay img { width: 40px; height: auto; } .media-side-panel-icons { margin-top: -50px; z-index: 2000; } .media-side-panel-icons img { padding: 10px; border: 1px solid rgba(235, 235, 235, 1); box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15); border-radius: 8px; } .media-side-panel-icons img:first-child { margin-right: 10px; } .gray-container { background: var(--background-2); } .media-side-panel-info-links p { margin-right: 10px; cursor: pointer; text-decoration: underline; color: rgba(102, 71, 170, 1); display: inline; } .textarea-label { border: 0.66px solid rgba(201, 201, 201, 1); height: 70px; border-radius: 8px; padding: 10px; resize: none; box-shadow: unset; } .textarea-label.error { border: 0.66px solid var(--signal-red); height: 70px; border-radius: 8px; padding: 10px; resize: none; box-shadow: unset; } .file-upload-label { height: 38px; cursor: pointer; border: 0.66px solid rgba(201, 201, 201, 1); border-radius: 8px; padding: 10px !important; padding-left: 35px !important; background-image: url("/Content/Images/upload-2.svg"); background-repeat: no-repeat; background-origin: border-box; background-position-x: 8px; background-position-y: 8px; } /* Override chosen css -- start */ .chosen-container { height: 38px !important; border-radius: 8px; background: rgba(255, 255, 255, 1); box-shadow: 0 3px 1px -1px rgba(26, 26, 26, 0.07), 0px 1px 0px 0px rgba(204, 204, 204, 0.5) inset, 0 -1px 0 0 rgba(0, 0, 0, 0.17) inset, -1px 0 0 0 rgba(0, 0, 0, 0.13) inset, 1px 0px 0px 0px rgba(0, 0, 0, 0.13) inset; } .chosen-container .chosen-single { border: 0 !important; background: white !important; padding: 5px 5px 0 10px !important; font-size: 13px; color: black; font-weight: 500; height: 36px !important; margin: 1px; border-radius: 8px !important; } .chosen-container .chosen-single:focus { outline: 0 !important; } .chosen-container-active .chosen-single { border: 0px !important; -webkit-box-shadow: none !important; box-shadow: none !important; flex-grow: 1; } .chosen-container-active.chosen-with-drop .chosen-single { border: 1px solid #aaa; -ms-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -ms-border-bottom-left-radius: 0; border-bottom-left-radius: 0; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #eee), color-stop(80%, #fff)); background-image: linear-gradient(#eee 20%, #fff 80%); -webkit-box-shadow: 0 1px 0 #fff inset; box-shadow: 0 1px 0 #fff inset; } .chosen-container-active.chosen-with-drop .chosen-single div { border-left: none; background: transparent; } .chosen-container-active.chosen-with-drop .chosen-single div b { background-position: -18px 2px; } .chosen-container-active .chosen-choices { border: 1px solid #5897fb; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .chosen-container.chosen-with-drop .chosen-drop { height: fit-content !important; box-shadow: 0px 4px 6px -2px rgba(26, 26, 26, 0.2), 0px 1px 0px 0px rgba(204, 204, 204, 0.5) inset, 0px -1px 0px 0px rgba(0, 0, 0, 0.17) inset, -1px 0px 0px 0px rgba(0, 0, 0, 0.13) inset, 1px 0px 0px 0px rgba(0, 0, 0, 0.13) inset; } .chosen-container-single .chosen-single div { top: 5px !important; } .chosen-container-single .chosen-search input { border-radius: 8px !important; } .chosen-container-single .chosen-drop { margin-top: 5px; border-radius: 12px !important; } .chosen-container .chosen-drop { border: 0 !important; padding: 6px 0px 6px 0px !important; box-shadow: 0px 4px 6px -2px rgba(26, 26, 26, 0.2), 0px 1px 0px 0px rgba(204, 204, 204, 0.5) inset, 0px -1px 0px 0px rgba(0, 0, 0, 0.17) inset, -1px 0px 0px 0px rgba(0, 0, 0, 0.13) inset, 1px 0px 0px 0px rgba(0, 0, 0, 0.13) inset; } .chosen-container .chosen-results li { font-size: 13px; font-weight: 500; } .chosen-container ul.chosen-results li.highlighted { color: white; background-color: var(--primary-2) !important; } .chosen-container .chosen-results li.highlighted { background: rgba(237, 236, 244, 1) !important; padding: 5px 6px 5px 6px !important; border-radius: 8px; color: black; font-size: 12px; font-weight: 500; } .chosen-drop { box-shadow: 0px 3px 1px -1px rgba(26, 26, 26, 0.07), 0px 1px 0px 0px rgba(204, 204, 204, 0.5) inset, 0px -1px 0px 0px rgba(0, 0, 0, 0.17) inset, -1px 0px 0px 0px rgba(0, 0, 0, 0.13) inset, 1px 0px 0px 0px rgba(0, 0, 0, 0.13) inset !important; margin-top: 4px !important; } /* Override chosen css -- end */ .side-panel-button-actions { padding-left: 30px; padding-right: 30px; position: -webkit-sticky; position: sticky; bottom: 0; background-color: white; padding-top: 5px; padding-bottom: 5px; } .text-signal-red { color: var(--signal-red); display: flex; align-items: center; } .text-signal-red img { padding-right: 2px; } .background-signal-red { background-color: var(--signal-red); } .text-signal-yellow { color: var(--signal-yellow); } .background-signal-yellow { background-color: var(--signal-yellow); } .background-signal-green { background-color: var(--signal-green); } div[aria-describedby="add-relation-dialog"] { height: fit-content !important; width: unset !important; left: unset !important; overflow-y: auto; position: fixed; right: 0px; top: 0px !important; z-index: 5000; background: white; padding: 0px !important; box-shadow: -3px -3px 5px 1px rgba(0, 0, 0, 0.13) !important; border-radius: 8px !important; } div[aria-describedby="add-relation-dialog"] #add-relation-dialog { height: 100vh !important; } .side-panel-button-actions { padding-left: 20px; } .collapsible-side-panel { height: calc(100% - 100px); width: 550px; position: fixed; top: 75px; right: var(--collapsible-side-panel-hidden-right); z-index: 200; background: white; padding: 0px; box-shadow: -1px 0px 0px 0px rgba(0, 0, 0, 0.13), 0px -1px 0px 0px rgba(0, 0, 0, 0.13), 0px 1px 0px 0px rgba(0, 0, 0, 0.13), inset 0px 1px 0px 0px rgba(204, 204, 204, 0.5), 0px 4px 6px -2px rgba(26, 26, 26, 0.2); border-radius: 8px 0 0 8px; display: flex; flex-direction: column; } .collapsible-side-panel.hidden { animation: collapsible-side-panel-slide-out 0.3s forwards; } .collapsible-side-panel.active { animation: collapsible-side-panel-slide-in 0.3s forwards; } .collapsible-side-panel.active .header { padding: 20px; } .collapsible-side-panel.active .body { padding-left: 20px; display: flex; flex-direction: column; flex-grow: 1; } .collapsible-side-panel.active .body > :last-child { flex-grow: 1; } .collapsible-side-panel .header { background: var(--background-2); height: 57px; border-radius: 8px 0px 0px 0px; align-items: center; gap: 8px; padding: 5px; display: flex; border-bottom: 1px solid var(--background-3); } .collapsible-side-panel .header img { cursor: pointer; } .collapsible-side-panel .body { overflow-y: auto; padding-left: 40px; padding-right: 20px; } @keyframes collapsible-side-panel-slide-in { 0% { right: var(--collapsible-side-panel-hidden-right); } 100% { right: 0; } } @keyframes collapsible-side-panel-slide-out { 0% { right: 0; } 100% { right: var(--collapsible-side-panel-hidden-right); } } .side-panel { height: 100%; width: 670px; position: fixed; top: 0px; z-index: 5000; background: white; padding: 0px; box-shadow: -3px -3px 5px 1px rgba(0, 0, 0, 0.13); border-radius: 8px; } .side-panel .side-panel-header { background: var(--background-2); height: 57px; width: 100%; justify-content: space-between; border-radius: 8px 0px 0px 0px; align-items: center; padding: 20px; top: 0; z-index: 1; display: flex; border-bottom: 1px solid var(--background-3); } .side-panel .side-panel-header .side-panel-header-details { display: grid; grid-template-columns: auto 1fr; align-items: center; grid-gap: 10px; } .side-panel h2 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 400px; } .side-panel .side-panel-header div img + h2 { margin-left: 16px !important; align-items: center; } .side-panel .side-panel-footer { background: var(--background-2); height: 57px; width: 100%; border-top: 1px solid var(--background-3); justify-content: space-between; align-items: center; padding: 20px; bottom: 0; z-index: 1; display: flex; } .side-panel-footer div .btn-dp + .btn-dp { margin-left: 10px !important; } .side-panel .side-panel-body { overflow-y: auto; padding-left: 20px; padding-right: 20px; /*position: relative;*/ /*TODO: GUI - this needs to be dynamic*/ /*top: 57px;*/ height: calc(100% - 114px); } .side-panel .side-panel-body .side-panel-body-inner { top: 0; height: 100%; } .side-panel .pane-loading-indicator { height: 100vh; } .modal-panel-container { position: absolute; left: 50%; transform: translate(-50%, 0); z-index: 5000; background: white; padding: 0px; border: 1px solid var(--background-3); box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.13), -1px 0px 0px 0px rgba(0, 0, 0, 0.13), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.17), inset 0px 1px 0px 0px rgba(204, 204, 204, 0.5), 0px 4px 6px -2px rgba(26, 26, 26, 0.2); border-radius: 8px; display: flex; flex-direction: column; } .modal-panel-container.adaptive { width: 75vw !important; height: 75vh !important; min-height: 400px; min-width: 300px; max-width: 1100px; } .modal-panel-container.adaptiveNoMaxWidth { width: 75vw !important; height: 75vh !important; min-height: 400px; min-width: 300px; } .modal-panel-container.d-block { top: 15%; } .modal-panel-container .modal-panel-footer { background: var(--background-2); height: 57px; width: 100%; border-top: 1px solid var(--background-3); justify-content: space-between; align-items: center; padding: 20px; bottom: 0; z-index: 1; display: flex; } .modal-panel-container .modal-panel-footer div .btn-dp + .btn-dp { margin-left: 10px !important; } .modal-panel-container .modal-panel-header { background: var(--background-3); border: 1px solid var(--background-4); height: 57px; width: 100%; justify-content: space-between; border-radius: 8px 0px 0px 0px; align-items: center; padding: 20px; top: 0; z-index: 1; display: flex; border-bottom: 1px solid var(--background-3); } .modal-panel-container .modal-panel-header div img + h2 { margin-left: 8px !important; align-items: center; } .dashboard-navbar { height: 56px !important; background-color: #EDECF4 !important; z-index: 5000; min-height: unset !important; margin-bottom: 15px; } .dashboard-container { display: flex; flex-wrap: wrap; gap: 5px; width: 100%; padding-left: 12px; padding-top: 12px; padding-bottom: 12px; height: fit-content; } .dashboard-container .widget-container { flex: 0 0 auto; /* Adjust the width as needed */ margin: 10px; /* Adjust spacing as needed */ overflow: hidden; box-sizing: border-box; height: 350px; display: flex; flex-direction: column; background: var(--background-1); border-radius: 8px; border: 1px solid rgba(26,26,26, 0.07); box-shadow: rgba(65, 69, 88, 0.1) 0px 7px 14px 0px, rgba(0, 0, 0, 0.07) 0px 3px 6px 0px; } .widget-container .widget-header .widget-option-container { padding-right: 5px; } .widget-container .widget-header { background-color: var(--background-2) !important; justify-content: space-between; height: 50px; width: 100%; display: flex; font-size: 14px; font-weight: 600; align-items: center; padding-left: 15px; border-radius: 8px 0px 0px 0px; top: 0; z-index: 1; border-bottom: 1px solid var(--background-4); padding-left: 20px; padding-right: 20px; padding-bottom: 16px; padding-top: 16px; } .widget-container .widget-body { padding-left: 20px; padding-right: 20px; padding-top: 10px; background-color: var(--background-1); overflow: auto; font-size: 11px; } .widget-container .widget-body .subtitle-header { font-weight: 600; } .green-mark { height: 9px; padding-right: 3px; } .widget-container .widget-loading { height: 100%; display: flex; justify-content: center; /* Centers the image horizontally */ align-items: center; /* Centers the image vertically */ } .widget-container .widget-footer { height: 29px; width: 100%; justify-content: center; align-items: center; padding: 20px; bottom: 0; z-index: 1; display: flex; flex-shrink: 0; margin-top: auto; padding: 8px; gap: .3rem; background-color: var(--background-2); border-top: 1px solid var(--background-3); font-size: 14px; } .small-widget-image { height: 16px; width: 16px; } .dashboard-navbar .dropdown-databases select { margin-right: 10px; } .dashboard-navbar .dropdown-databases .chosen-container { width: 160px !important; } .dashboard-navbar .dropdown-databases .chosen-container .chosen-single { border: 0 !important; background: #EDECF4 !important; box-shadow: none !important; padding: 0 !important; font-size: 18px; color: black; font-weight: 600; } /*.dashboard-navbar .dropdown-databases .chosen-container-single .chosen-search { display: none !important; }*/ .dashboard-navbar .dropdown-databases .chosen-container-single .chosen-drop { margin-top: 1px; border-radius: 12px !important; } .dashboard-navbar .dropdown-databases .chosen-container .chosen-drop { border: 0 !important; height: fit-content; padding: 6px 0px 6px 0px !important; box-shadow: 0px 4px 6px -2px rgba(26, 26, 26, 0.2), 0px 1px 0px 0px rgba(204, 204, 204, 0.5) inset, 0px -1px 0px 0px rgba(0, 0, 0, 0.17) inset, -1px 0px 0px 0px rgba(0, 0, 0, 0.13) inset, 1px 0px 0px 0px rgba(0, 0, 0, 0.13) inset; } .dashboard-navbar .dropdown-databases .chosen-container .chosen-results li { font-size: 12px; font-weight: 500; } .dashboard-navbar .dropdown-databases .chosen-container .chosen-results li.highlighted { background: rgba(237, 236, 244, 1) !important; padding: 5px 6px 5px 6px !important; border-radius: 8px; color: black; font-size: 12px; font-weight: 500; } .dashboard-badge-navbar { background-color: #E2DFF1; color: rgba(102, 71, 170, 1) !important; } .card-header { background-color: #EDECF4 !important; } .card-footer { background-color: #EDECF4 !important; } .table-dp.format-table td { padding: 5px; } .statistics-table tbody tr:not(.exclude-from-search):hover, .format-table tr:not(.exclude-from-search):hover { background-color: var(--background-4); cursor: pointer; } .statistics-table tbody tr.statistics_SelectedRow { background-color: var(--primary-5); } .statistics-table .percentage-container div { border-radius: 4px; padding: 4px; } .table-dp.format-table tr:not(.exclude-from-search):hover :first-child .image { border-color: white !important; transition: border-color 1s ease-in-out; } .import-table-image { width: 90px; } .import-table-image:first-child div.format-image { display: flex !important; align-items: center !important; } .import-table-image:first-child div.format-image div.image { height: 50px !important; width: 50px !important; margin: 0 !important; display: flex; justify-content: center; align-items: center; border: 1px solid var(--grey-3, rgba(212, 212, 212, 1)); border-radius: 8px; } .import-table-image:first-child div.format-image div.image img { height: 40px !important; width: 40px !important; } .import-table-image:first-child div.format-image div.formatFixed { top: unset; left: unset; margin-left: 10px; } .import-table-image:first-child div.format-image div.formatFixed img { margin-left: 0; margin-top: 0; } .import-table-image div img { margin-right: 5px; } .import-table-image:first-child div img { margin-right: 0px; } .import-table-image div.format-image div.image img { opacity: 1 !important; } .import-detail { cursor: pointer; } .import-export-filter-box { margin-left: 0px !important; margin-bottom: 20px; } .datetimepicker { border: 0px; width: 511px !important; height: 35px; border-radius: 8px; background: rgba(255, 255, 255, 1); } .xdsoft_datetimepicker { font-family: "Plus Jakarta Sans", sans-serif !important; border-radius: 8px; box-shadow: 0px 4px 6px -2px rgba(26, 26, 26, 0.2), 0px 1px 0px 0px rgba(204, 204, 204, 0.5) inset, 0px -1px 0px 0px rgba(0, 0, 0, 0.17) inset, -1px 0px 0px 0px rgba(0, 0, 0, 0.13) inset, 1px 0px 0px 0px rgba(0, 0, 0, 0.13) inset; margin-top: 5px; } .xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_today_button { display: none !important; } .xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_today_button { display: none !important; } .xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_mounthpicker .xdsoft_label i { display: none !important; } .xdsoft_datetimepicker .xdsoft_month { width: 90px !important; } .xdsoft_datetimepicker .xdsoft_month span { font-size: 13px !important; font-weight: 700 !important; } .xdsoft_datetimepicker .xdsoft_year { margin-left: 0 !important; } .xdsoft_datetimepicker .xdsoft_year span { font-size: 13px !important; font-weight: 700 !important; } .xdsoft_datetimepicker .xdsoft_calendar th { background: white !important; } .xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th { background: white !important; } .xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th { border: 0 !important; font-weight: 500 !important; font-size: 12px !important; color: rgba(115, 115, 115, 1) !important; } .xdsoft_datetimepicker .xdsoft_calendar td > div { font-weight: 500 !important; font-size: 12px !important; padding-right: 0 !important; display: flex; justify-content: center; color: black; } .xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover { background-color: rgba(237, 236, 244, 1) !important; border-radius: 8px !important; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current { background-color: rgba(102, 71, 170, 1) !important; border-radius: 8px !important; box-shadow: none !important; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current div { color: white !important; } /* Make the number of the selected date white*/ .xdsoft_calendar tbody .xdsoft_date.xdsoft_current div { color: white !important; } .input-field { height: 38px; border-radius: 8px; background: rgba(255, 255, 255, 1); box-shadow: 0px 3px 1px -1px rgba(26, 26, 26, 0.07), 0px 1px 0px 0px rgba(204, 204, 204, 0.5) inset, 0px -1px 0px 0px rgba(0, 0, 0, 0.17) inset, -1px 0px 0px 0px rgba(0, 0, 0, 0.13) inset, 1px 0px 0px 0px rgba(0, 0, 0, 0.13) inset; padding-left: 15px; padding-right: 15px; border: 0; width: 100%; } .textarea-label:hover { outline: 0; box-shadow: 0 0 0 1px var(--primary-2), 0px 3px 1px -1px rgba(26, 26, 26, 0.07); } .textarea-label:focus-visible { outline: 0; box-shadow: 0 0 0 1px var(--primary-2), 0px 3px 1px -1px rgba(26, 26, 26, 0.07); } .input-field:focus-visible { outline: 0; box-shadow: 0px 3px 1px -1px rgba(26, 26, 26, 0.07), 0px 1px 0px 0px var(--primary-2) inset, 0px -1px 0px 0px var(--primary-2) inset, -1px 0px 0px 0px var(--primary-2) inset, 1px 0px 0px 0px var(--primary-2) inset !important; } .input-field:not([disabled]):hover:not(.disabled):not(.error) { outline: 0; box-shadow: 0px 3px 1px -1px rgba(26, 26, 26, 0.07), 0px 1px 0px 0px var(--primary-2) inset, 0px -1px 0px 0px var(--primary-2) inset, -1px 0px 0px 0px var(--primary-2) inset, 1px 0px 0px 0px var(--primary-2) inset !important; } .input-field.error { box-shadow: 0px 3px 1px -1px rgba(26, 26, 26, 0.07), 0px 1px 0px 0px var(--signal-red) inset, 0px -1px 0px 0px var(--signal-red) inset, -1px 0px 0px 0px var(--signal-red) inset, 1px 0px 0px 0px var(--signal-red) inset !important; } .input-field.warning { background: var(--signal-pink); box-shadow: 0px 3px 1px -1px rgba(26, 26, 26, 0.07), 0px 1px 0px 0px var(--signal-yellow) inset, 0px -1px 0px 0px var(--signal-yellow) inset, -1px 0px 0px 0px var(--signal-yellow) inset, 1px 0px 0px 0px var(--signal-yellow) inset !important; } .input-field.inactive, .input-field.disabled, .input-field:disabled { background: rgba(237, 236, 244, 1) !important; } .warning { /*background: var(--signal-pink);*/ border: 1px solid var(--signal-red); } .readonly { background: rgba(237, 236, 244, 1) !important; } .field-description { font-size: 12px; font-weight: 500; line-height: 15px; letter-spacing: 0em; color: var(--text-light); margin-bottom: 5px; } .price-side-panel-group { margin-bottom: 20px; width: 511px; margin-left: 20px; } .side-panel-title { background: var(--background-3); height: 57px; padding-left: 30px; padding-bottom: 10px; padding-top: 10px; padding-right: 30px; border-radius: 8px 0px 0px 0px; position: -webkit-sticky; position: sticky; top: 0; z-index: 1; } .ui-sortable-helper { width: auto !important; height: auto !important; } .ui-corner-all { border-radius: 8px !important; } .ui-widget-content { border-radius: 6px !important; text-overflow: ellipsis; background-color: #FBFBFD !important; } li.tagit-new { margin: 0 !important; /*Fix for removing the scroll bar*/ flex-grow: 1; border-radius: 0px !important; } li.tagit-new .ui-widget-content { padding-left: 2px !important; } ul.tagit { padding: 3px 5px !important; } /* Start Dialog */ .dialog-header { background-color: rgba(237, 236, 244, 1) !important; } .dialog-header { border-bottom: 0 !important; height: 57px !important; padding: 15px !important; margin-bottom: 0 !important; display: flex; justify-content: space-between; } .dialog-header .dialog-title { font-size: 18px; font-weight: 600; } .dialog-header { background: var(--background-3); height: 57px; padding-left: 30px; padding-bottom: 10px; padding-top: 10px; padding-right: 30px; border-radius: 8px 8px 0px 0px; position: -webkit-sticky; position: sticky; top: 0; z-index: 1; border-bottom: 1px solid var(--background-4) } .dialog-body { padding: 15px; background-color: var(--background-1); } .dialog-footer { display: flex; justify-content: flex-end; border-radius: 0 0 8px 8px; padding: 8px; gap: .3rem; background-color: var(--background-2); border-top: 1px solid var(--background-3); } .dialog-footer:has(div) { justify-content: space-between !important; } .dialog-footer .left { display: flex; gap: .3rem; } .dialog-footer .left .btn-dp { position: relative; } .dialog-footer .right { display: flex; gap: 10px; } .dialog-footer .btn-dp { min-width: 80px; } #wizard-right-block-footer-container .btn-dp { min-width: 80px; } .side-panel-footer .btn-dp { min-width: 80px; } .dialog-header .dialog-image-header { vertical-align: top !important; } .dialog-header .dialog-image-header img { width: 30px; height: 30px; } .ui-dialog { padding: 0 !important; } .ui-dialog .ui-dialog-titlebar { display: none; } /* End Dialog */ #wizard-dialog-content #wizard-left-block { padding: 20px !important; height: unset !important; width: 20%; background-color: white; } #wizard-dialog-content #wizard-left-block .step.active { background-color: white !important; } .ui-widget { font-family: "Plus Jakarta Sans", sans-serif !important; } #wizard-form { height: 520px !important; } #wizard-dialog-content { height: 473px !important; } #wizard-error { display: none; color: var(--signal-red); font-weight: bold; } .ui-dialog .ui-dialog-content { overflow: hidden !important; } #wizard-dialog-content #wizard-right-block { margin: 0 !important; padding: 20px !important; width: 80%; overflow-y: auto; } #wizard-dialog-content #wizard-right-block h3 { margin-top: 0 !important; } .ui-dialog { /* min-height: 500px; */ top: 75px !important; } #wizard-dialog-content #wizard-content { height: 100%; display: flex; } .ui-draggable .ui-dialog-titlebar { display: none !important; } #wizard-right-block #wizard-right-block-footer { display: flex; padding-right: 10px; } #wizard-right-block-footer-container { background-color: white; height: 50px; position: absolute; display: flex; justify-content: flex-end; bottom: 0; right: 0; align-items: center; width: 100%; padding-top: 5px; padding-bottom: 5px; } .variables-block { display: block !important; border: 0 !important; } .variables-block .variables-block-title { background-color: unset !important; border-bottom: 0 !important; font-size: 14px; font-weight: 600; line-height: 20px; padding: 0 !important; margin-top: 30px; margin-bottom: 10px; } .variables-block .variables-block-forms .variables-block-line > div { display: block; padding: 0; margin-bottom: 5px; font-size: 12px !important; line-height: 22px !important; } .variables-block .variables-block-forms .variables-block-line-required div:first-child, .variables-block-line-required p { font-weight: 800; } /*SWITCH*/ .switch-container { border-radius: 100px; } .switch-container { width: 34px !important; height: 14px !important; background-color: rgba(159, 146, 201, 1); display: flex; position: relative; margin-right: 20px; min-width: unset !important; } .switch-false { left: -5px; top: -4px; } .switch-false { position: absolute; height: 20px; width: 20px; background-color: grey; display: block; border-radius: 40px; background-color: white; transition: all 0.3s ease; filter: drop-shadow(0px 2px 1px rgba(0, 0, 0, 0.20)) drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.14)) drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.12)); } .switch-true { transform: translateX(calc(19px)); background-color: #6647AA; filter: drop-shadow(0px 2px 1px rgba(0, 0, 0, 0.20)) drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.14)) drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.12)); } .variables-block .variables-block-forms .variables-block-line { display: block; margin-bottom: 15px; } /*RADIO BUTTON*/ .radio-button-container { display: inline-block; position: relative; padding-left: 20px; margin-right: 20px; cursor: pointer; font-size: 13px; font-weight: 500; line-height: 20px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .radio-button-container input { position: absolute; opacity: 0; cursor: pointer; } .radio-button-container .checkmark { position: absolute; top: 3px; left: 0; height: 16px; width: 16px; background-color: #eee; border-radius: 50%; display: flex; justify-content: center; align-items: center; } .radio-button-container:hover input ~ .checkmark { background-color: #ccc; } .radio-button-container input:checked ~ .checkmark { background-color: rgba(102, 71, 170, 1); } .radio-button-container .checkmark:after { content: ""; position: absolute; display: none; } .radio-button-container input:checked ~ .checkmark:after { display: block; } .radio-button-container .checkmark:after { width: 8px; height: 8px; border-radius: 50%; background: white; } .ellipse-image-container { width: 100%; display: flex; justify-content: center; align-items: center; margin-top: 50px; margin-bottom: 30px; } #wizard-dialog-content #wizard-introduction-upload { text-align: center; font-size: 16px; font-weight: 600; line-height: 24px; } .progressionIndicator { width: 400px; } .progressionIndicator th { font-size: 13px; font-weight: 600; padding-left: 15px !important; color: black !important; } .progressionIndicatorBar { padding: 0px !important; border-radius: 32px; height: 12px; background: #E9E7F3; border: 0 !important; } .progressionIndicatorBar h1 { background-color: rgba(78, 49, 134, 1) !important; margin: 0px; padding: 0px; height: 12px !important; border-radius: 32px; } .duration-container { font-size: 11px; font-weight: 600; line-height: 22px; } .upload-status td { font-size: 13px; font-weight: 600; line-height: 30px; /* 230.769% */ } .progressionIndicator h1 { background-color: rgba(78, 49, 134, 1) !important; margin: 0px; padding: 0px; height: 12px !important; border-radius: 32px; } .validation-warning-banner, .validation-error-banner, .validation-amount-banner { font-size: 13px; font-weight: 500; line-height: 22px; padding: 7px; border-radius: 8px 0px 0px 8px; display: inline-flex; word-break: break-word; } .validation-warning-banner { background-color: rgba(242, 219, 27, 0.5) !important; } .validation-error-banner { background-color: var(--badge-red); } .validation-amount-banner { background-color: var(--background-4); min-width: 50px; margin: 0px 5px 5px 0px; border-radius: 0px 8px 8px 0px; } .validation-warning-banner.no-transparency { background-color: rgba(242, 219, 27, 1) !important; } .information-banner { background-color: var(--background-2); border: 1px solid var(--background-3); font-size: 13px; font-weight: 500; line-height: 22px; padding: 10px; border-radius: 8px; margin-bottom: 5px; width: 100%; } .warning-banner { background-color: var(--signal-yellow); border: 1px solid var(--signal-yellow); font-size: 13px; font-weight: 500; line-height: 22px; padding: 10px; border-radius: 8px; margin-bottom: 5px; width: 100%; } .error-banner { background-color: var(--signal-red); border: 1px solid var(--signal-red); font-size: 13px; font-weight: 500; line-height: 22px; padding: 10px; border-radius: 8px; margin-bottom: 5px; width: 100%; color: white; } #wizard-introduction { font-size: 13px; font-weight: 500; line-height: 22px; } .relation-mapping-table { border: 0; margin-top: 20px !important; } .import-mapping-table .chosen-container { width: 250px !important; } .mapping-table { border-collapse: collapse; } .mapping-table tr.selected:not(.header-row) { outline: unset !important; border: 0; background-color: var(--primary-1) !important; color: white; } .mapping-table tr td:first-child { padding-left: 6px; border-radius: 4px 0 0 4px; } .mapping-table tr td:last-child { border-radius: 0 4px 4px 0; } .mapping-table tr td input { border: 0; cursor: pointer; background-color: var(--background-2); } .mapping-table tr.selected:not(.header-row) td img { color: white; filter: brightness(0) invert(1); } .mapping-table tr:not(.selected):hover { outline: unset !important; border: 0; background-color: var(--primary-2) !important; color: white } .mapping-table tr:not(.selected):hover td input { color: white; background-color: var(--primary-2); } .mapping-table tr:hover td img { color: white; filter: brightness(0) invert(1); } .mapping-column-item .import-column-item-name { padding: 7px; border-radius: 8px 0px 0px 8px; color: white; } .mapping-column-item .export-column-item-name { padding: 7px; border-radius: 8px 0px 0px 8px; color: white; } .mapping-column-item { border: 0 !important; } .mapping-column-item .mapping-column-item-buttons { border-radius: 0px 8px 8px 0px; padding: 7px; } .mapping-column-item .mapping-column-item-buttons img { cursor: pointer; } .mapping-column-item .mapping-column-item-buttons img { filter: brightness(0%); } .chart-container { width: 300px; height: 300px !important; background: #FFFFFF; border-radius: 8px; padding-top: 20px; padding-bottom: 20px; padding-left: 20px; padding-right: 20px; box-shadow: 0px 3px 1px -1px rgba(26, 26, 26, 0.07), 0px 1px 0px 0px rgba(204, 204, 204, 0.5) inset, 0px -1px 0px 0px rgba(0, 0, 0, 0.17) inset, -1px 0px 0px 0px rgba(0, 0, 0, 0.13) inset, 1px 0px 0px 0px rgba(0, 0, 0, 0.13) inset; display: flex; justify-content: center; align-content: center; margin-right: 10px; margin-bottom: 10px; } .simple-chart-container { min-width: 100px; min-height: 100px; } /*#statistics-summary-container .simple-chart-container { width: 100px; height: 100px; }*/ .dialog-header .dialog-image-header { vertical-align: top !important; margin-right: 10px; } .dialog-header .dialog-image-header img { width: 30px; height: 30px; } .text-description { font-size: 13px; font-weight: 600; margin-top: 10px; margin-bottom: 10px; } .switch + label { cursor: pointer !important; } .switch { position: relative; display: inline-block; width: 34px; height: 14px; margin-right: 15px !important; margin-top: 2px !important; } .switch input[type=checkbox] { height: 17px; visibility: hidden; } /* Hide default HTML checkbox */ /*.switch input {display:none;}*/ /* The slider */ .slider { height: 14px !important; position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--primary-4); -webkit-transition: .4s; transition: .4s; border-radius: 8px; } .label-slider { cursor: pointer; } .slider:before { position: absolute; content: ""; height: 20px; width: 20px; left: -5px; bottom: -3px; border-radius: 20px; background-color: white; -webkit-transition: .4s; transition: .4s; box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.20), 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 1px 3px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.12); } input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); background-color: var(--primary-2); } input:disabled + .slider { cursor: default; background-color: #F5F5F5; } input:disabled + .slider:before { cursor: default; background-color: #dddddd; } .information { font-size: 13px; font-weight: 500; line-height: 22px; } .import-list { display: flex; flex-wrap: wrap; } /* -- Author: Miltiades */ .flex-container { display: flex; flex-wrap: wrap; } .flex-container .flex-container-1-column { width: 100% !important; /*padding: 5px !important;*/ } .flex-container > * { margin-top: 8px; } .flex-container.flex-container-d-columns > * { flex: 1 1 calc(25% - 5px); /* Flex-grow, flex-shrink, and flex-basis */ box-sizing: border-box; /* Ensures padding is included in the width */ } .flex-container.flex-container-d-columns > :not(:nth-child(2n+1)) { padding-left: 20px; } .flex-container.flex-container-2-columns > * { flex: 1 1 calc(50% - 10px); /* Flex-grow, flex-shrink, and flex-basis */ box-sizing: border-box; /* Ensures padding is included in the width */ } .flex-container.flex-container-3-columns > * { flex: 1 1 calc(33.333% - 13.333px); /* Flex-grow, flex-shrink, and flex-basis */ box-sizing: border-box; /* Ensures padding is included in the width */ } .flex-container.flex-container-3-columns > :not(:nth-child(3n+1)) { padding-left: 20px; } .flex-container.flex-container-4-columns > * { flex: 1 1 calc(25% - 5px); /* Flex-grow, flex-shrink, and flex-basis */ box-sizing: border-box; /* Ensures padding is included in the width */ } .flex-container.flex-container-4-columns > :not(:nth-child(4n+1)) { padding-left: 20px; } .flex-container .flex-container-1-column { width: 100% !important; } /* -- Author: Miltiades */ @media (min-width: 100px) { .flex-container.flex-container-d-columns > * { flex: 1 1 100%; /* Flex-grow, flex-shrink, and flex-basis */ } .flex-container.flex-container-d-columns > :not(:nth-child(3n+1)) { padding-left: 0px; } .flex-container.flex-container-d-columns > :not(:nth-child(2n+1)) { padding-left: 0px; } } /* -- Author: Miltiades */ @media (min-width: 600px) { .flex-container.flex-container-d-columns > * { flex: 1 1 calc(50% - 10px); /* Flex-grow, flex-shrink, and flex-basis */ box-sizing: border-box; /* Ensures padding is included in the width */ } .flex-container.flex-container-d-columns > :not(:nth-child(3n+1)) { padding-left: 0px; } .flex-container.flex-container-d-columns > :not(:nth-child(2n+1)) { padding-left: 20px; } } /* -- Author: Miltiades */ @media (min-width: 1000px) { .flex-container.flex-container-d-columns > * { flex: 1 1 calc(33.333% - 13.333px); /* Flex-grow, flex-shrink, and flex-basis */ box-sizing: border-box; /* Ensures padding is included in the width */ } .flex-container.flex-container-d-columns > :not(:nth-child(2n+1)) { padding-left: 0px; } .flex-container.flex-container-d-columns > :not(:nth-child(3n+1)) { padding-left: 20px; } } div.stateImage { position: absolute; top: 30%; left: 45%; } #wizard-left-block .step { font-size: 13px; } div.format-image div.formatNotFixed { display: none; } #etim-details .js-mbsc-select-parent .mbsc-form-control-wrapper { box-shadow: unset !important; padding-left: 0 !important } #etim-details .js-mbsc-select-parent .mbsc-form-control-wrapper, #etim-details .js-mbsc-select-parent-etim .mbsc-form-control-wrapper { box-shadow: unset !important; padding-left: 0 !important } #etim-details .js-mbsc-select-parent, #etim-details .js-mbsc-select-parent-etim { width: 100%; } #etim-details .js-mbsc-select-parent .mbsc-form-control-wrapper { padding-right: 0px !important; } #etim-details .js-mbsc-select-parent input { padding-left: 10px !important; } #etim-details .js-mbsc-select-parent-etim input { padding-left: 10px !important; } .etimtable select { width: 100%; } .etimtable .input-column input { width: 100% !important; height: 37px !important; padding-left: 10px !important; float: left; } .etimtable .input-column input.input-field-range { width: 45% !important; } .etimtable .input-column input { border: 1px solid transparent; border-radius: 8px; } .etimtable .input-column input:hover { border: 1px solid var(--primary-2); } .etimtable .js-mbsc-select-parent-etim label { border-radius: 8px !important; background-color: rgb(237, 236, 244); } .etimtable .js-mbsc-select-parent-etim input { border: 1px solid white; border-radius: 8px !important; } .etimtable .js-mbsc-select-parent-etim input:hover { border: 1px solid var(--primary-2); border-radius: 8px; } .etimtable tr th + th:last-child, .etimtable tr td + td:last-child { text-align: center !important; } .columns-container { display: flex !important; width: 100%; } .columns-container div { flex: 1 !important; /* Each column will take up an equal part of the container */ box-sizing: border-box; } /* Statistics page */ /*#statistics-summary-container div.chart { flex-grow: 0 !important; flex-shrink: 0 !important; width: 140px; flex-basis: 140px; padding-right: 20px; padding-left: 20px; }*/ /*#statistics-summary-container div.statistics-number { flex-grow: 0 !important; flex-shrink: 0 !important; width: 120px; flex-basis: 120px; white-space: nowrap; }*/ #grdBrandsTable { width: 100%; } .statistics-table tr th:not(:first-child), .statistics-table tr td:not(:first-child) { text-align: right; padding-left: 5px; } .statistics-table tr td.percentage-container { width: 80px; } div.center-content { display: flex; -o-justify-content: center; -webkit-justify-content: center; justify-content: center; -ms-align-items: center; -o-align-items: center; -webkit-align-items: center; align-items: center; } div.center-content input[type="checkbox"] + span { margin-left: 6px; } .widget-body .simple-chart-container { width: 200px; height: 200px; } .widget-body .welcome-main { display: flex; padding-bottom: 8px; overflow: hidden } .widget-body .welcome-main-left { display: flex; flex-direction: column; justify-content: space-between; font-size: 14px !important; } .widget-body .welcome-links { } .widget-body .welcome-links span { font-weight: 600; } .widget-body .welcome-links div { padding-top: 8px; display: flex; } .widget-body .daily-tip { padding-bottom: 16px; } .widget-body .welcome-image img { width: 300px; } .widget-body .welcome-footer { color: #777; text-align: left; margin-top: 30px; padding-top: 8px; } div.spinner-container { display: flex; -o-justify-content: center; -webkit-justify-content: center; justify-content: center; -ms-align-items: center; -o-align-items: center; -webkit-align-items: center; align-items: center; height: 100%; width: 100%; } div.spinner-container-top { position: absolute; display: flex; -o-justify-content: center; -webkit-justify-content: center; justify-content: center; -ms-align-items: center; -o-align-items: center; -webkit-align-items: center; align-items: center; height: 200px; width: 300px; top: calc(50% - 100px); left: calc(50% - 150px); border-radius: 8px; } /*TODO: review - ms*/ .overflow { overflow: auto; } #filter-dialog-filterlist .list-item { display: flex; } div.list-item { /*display: flex;*/ -ms-align-items: center; -o-align-items: center; -webkit-align-items: center; align-items: center; width: 100%; cursor: pointer; font-variant-numeric: lining-nums tabular-nums; white-space: nowrap; vertical-align: middle; } div.list-item.hover:hover { font-weight: 600; } div.list-item.selected { color: #333333 !important; /*This to override the selected class */ font-weight: 600; } div.list-item.compact { padding-bottom: .1rem; } div.list-item.normal-vertical { padding-bottom: .2rem; } div.list-item.wide-vertical { padding-bottom: .3rem; } div.list-item span { -o-flex-grow: 1; -webkit-flex-grow: 1; flex-grow: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } div.list-item img + span { margin-left: 2px; vertical-align: top; } div.list-item + pan + img { margin-left: 2px; } div.list-item span + div { margin-left: 2px; } div.list-item div { margin-left: 2px; } div.list-item img + img { margin-left: 1px; } /*TODO: review -- Author: Miltiades */ .tt-1 { display: flex; -ms-align-items: center; -o-align-items: center; -webkit-align-items: center; align-items: center; width: 100%; cursor: pointer; } .tt-1.list-item span { -o-flex-grow: 1; -webkit-flex-grow: 1; flex-grow: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tt-1.list-item img + span { margin-left: 2px; } .horizontal-flag-selection a { opacity: 0.5; display: flex; align-items: center; justify-content: center; margin-left: 2px; } .horizontal-flag-selection a.selected { opacity: 1.0 } .horizontal-flag-selection a:hover { opacity: 1.0 } /*TODO: review - ms*/ .flag-small { height: 16px !important; } .flag-medium { height: 20px !important; } .flag-large { height: 30px !important; } .checkbox-dp { width: 16px; height: 16px; border: 1px solid var(--text-light); background-repeat: no-repeat; background-position: center; background-size: contain; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 4px; } .checkbox-dp:disabled { opacity: 0.6; cursor: default; } .checkbox-dp:checked[type=checkbox] { background-image: url("../Content/Images/checkbox-check.svg"); background-size: 9px; } .checkbox-dp:checked { background-color: var(--primary-2); border-color: var(--primary-2); } .checkbox-dp-v2 { width: 16px; height: 16px; background-repeat: no-repeat; background-position: center; background-size: contain; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 4px; } .checkbox-dp-v2:disabled { opacity: 1; cursor: default; } .checkbox-dp-v2:checked[type=checkbox] { background-image: url("../Content/Images/checkbox-check-black.svg"); } .radio-dp { width: 16px; height: 16px; border: 1px solid var(--text-light); background-repeat: no-repeat; background-position: center; background-size: contain; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 8px; } .radio-dp:checked[type=radio] { background-image: url("../Content/Images/checkbox-check.svg"); background-size: 9px; } .radio-dp:checked { background-color: var(--primary-2); border-color: var(--primary-2); } .bg-primary-1 { background-color: var(--primary-3); } .context-menu { display: none; position: absolute; z-index: 1000; width: 150px; background-color: white; box-shadow: 2px 2px 5px rgba(0,0,0,0.2); padding: 2px; list-style: none; border-radius: 8px; font-size: 13px; } .context-menu ul { margin: 2px; padding: 0; list-style-type: none } .context-menu li { padding: 4px 4px; cursor: pointer; background-color: white !important; } .context-menu li:hover { background-color: #f0f0f0 !important; border-radius: 8px; } .title-with-image { margin-bottom: 15px; } .title-with-image img + h1, .title-with-image img + h2, .title-with-image img + h3 { margin-left: 4px !important; } .mbsc-ios.mbsc-form-control-wrapper.warning { border: 1px solid var(--signal-yellow); } .mbsc-ios.mbsc-form-control-wrapper.error { border: 1px solid var(--signal-red); } button img + span { margin-left: 6px; } .form-input label[id] { display: none; } label img + span { margin-left: 3px; } .form-input.error label[id] { display: inline-flex; } .form-input.error input[name]:not(input[type=checkbox]), .form-input.error label:not([for]):not([id]) { border: 1px solid var(--signal-red); } textarea.error { border: 1px solid var(--signal-red); } .flex-container.flex-container-2-columns div label { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } /*TODO: GUI - discuss this. both checkbox-and-label and radio-and-label need to have the label centered, inline and with elipsis.*/ .img-and-label, .checkbox-and-label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: flex; } .radio-and-label { display: inline-flex !important; } .radio-and-label label[for] { display: inline-flex; cursor: pointer; } .checkbox-and-label label[for] { /* display: inline !important;*/ cursor: pointer; position: relative; top: -10%; } .checkbox-and-label input + label, .img-and-label img + label { margin-left: 5px !important; } .form-input.error input[name] { border: 1px solid var(--signal-red); } .center-flex { display: flex; align-items: center; justify-content: center; } .middle-flex { display: flex; justify-content: center; } .side-panel.d-block { -webkit-animation: slide-side 0.3s forwards; /*-webkit-animation-delay: 1s;*/ animation: slide-side 0.3s forwards; /*animation-delay: 1s;*/ } #languages-container.d-block { animation: opacity 1s forwards; } @keyframes opacity { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes opacity { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes opacity-delay { 0% { opacity: 0; } 50% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes opacity-delay { 0% { opacity: 0; } 50% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes slide-side { 0% { right: -511px; } 100% { right: 0; } } @keyframes slide-side { 0% { right: -511px; } 100% { right: 0; } } label { margin: 0 0 0 0 !important; line-height: normal !important } img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /*Temporary fix until the new style will be ready - ms*/ .ui-widget-overlay { opacity: 0.45; } /*.mbsc-textfield-wrapper-underline.error { background: var(--signal-pink) !important; }*/ .dd { border: 0; display: flex !important; justify-content: space-between !important; align-items: center !important; height: 38px !important; border-radius: 8px !important; background: rgba(255, 255, 255, 1) !important; box-shadow: 0px 3px 1px -1px rgba(26, 26, 26, 0.07), 0px 1px 0px 0px rgba(204, 204, 204, 0.5) inset, 0px -1px 0px 0px rgba(0, 0, 0, 0.17) inset, -1px 0px 0px 0px rgba(0, 0, 0, 0.13) inset, 1px 0px 0px 0px rgba(0, 0, 0, 0.13) inset !important; } .dd .ddTitle { background: unset !important; } .dd .divider { border-left: 0 !important; border-right: 0 !important; right: 0 !important; } .dd .ddChild { width: 60px; border-radius: 8px; } .dd .ddChild li { padding: 10px; border-bottom: 0 !important; } .dd .ddChild li.selected { background-color: var(--background-3) !important; } .dd .ddChild li.hover { background-color: var(--background-3) !important; } .loading-div { position: fixed !important; top: 50% !important; left: 50% !important; width: 150px !important; } /*Temporary fix until the new style will be ready*/ /*input[type="checkbox"] + input[type="checkbox"] { margin-top: 5px; }*/ #ApSelectionsSettingsHandsOn { height: 400px !important; } /* Temporary fix when a dialog open after a modal -- Author: Miltiades Fix the issue on the grid when open the formula builder after the fill modal */ [role=dialog] { /* z-index: 1000000!important; */ /*1000000 is way to high it will bring issues with mobiscroll dropdowns. Those dropdowns will have z-index*/ z-index: 8000 !important; } .blinking-text { animation: blink 2s infinite; } @keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } } .noselect { -webkit-touch-callout: none; /*iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /*Non-prefixed version, currently supported by Chrome and Opera */ } .characteristics-multiple-tags { display: flex; align-items: center; margin: 0 !important; /*Overrides the default values from tagIt */ } .text-clipped { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .text-clipped-notification { overflow: hidden; white-space: nowrap; height: 50px; } .text-clipped-notification p { text-overflow: ellipsis; overflow: hidden; width: 90%; } .block-notification { display: block; min-height: 50px; } .text-right { text-align: right; } .highlight { background-color: wheat; } .plupload_button { border-radius: 0 !important; box-shadow: unset !important; width: 24px; height: 24px; } #open-explorer { width: 24px; height: 24px; } .plupload_file_action { padding-left: 0 !important; } .plupload_wrapper { border: 1px solid var(--background-4) !important; border-radius: 8px !important; } .plupload_wrapper .ui-widget-content { background-color: rgba(251, 251, 253, 1) !important; } .plupload_wrapper .plupload_droptext { top: 10% !important; background: url('../../../../Content/Images/no_image.svg') no-repeat 50% 0 !important; padding-top: 180px !important; line-height: 0px; font-size: 18px; font-weight: 600; color: var(--primary-3); } .plupload_wrapper .plupload_file_thumb { background-color: unset; opacity: 0.5; border-top: 0 !important; border-left: 0 !important; border-right: 0 !important; border-bottom: 1px solid #c5c5c !important; } .plupload_wrapper .plupload_view_thumbs .plupload_file { padding: 0 !important; border-radius: 8px; } .plupload_wrapper .plupload_done .plupload_file_status { background-color: var(--primary-2) !important; border-radius: 8px !important; } .plupload_wrapper .plupload_view_thumbs div.plupload_file_action { top: 5px !important; } .plupload_view_thumbs .plupload_content .plupload_file_size { background-color: rgba(255, 255, 255, 0.5) !important; color: black !important; } .plupload_view_thumbs .plupload_content .plupload_file_name { background-color: rgba(255, 255, 255, 0.5) !important; color: black !important; } .plupload_wrapper .plupload_view_thumbs .plupload_file_dummy { background-color: rgba(255, 255, 255, 0.5) !important; } .ui-state-default, .ui-widget-content .ui-state-default { background-color: rgba(255, 255, 255, 0.5) !important; } .backgound-3-with-border { background: var(--background-3); border: 1px var(--background-4) solid; border-radius: 8px; } .backgound-3-with-border-no { background: transparent; border: 1px transparent solid; border-radius: 8px; } #database-select-container { font-size: 12px; padding-right: 20px; } #database-select-container div:first-child { padding-right: 5px; } .ht-quantity-footer { font-family: "Plus Jakarta Sans", sans-serif !important; font-size: 13px !important; padding: 8px; } .table-icon { height: 24px !important; } .grid-icon { height: 16px !important; } .ellipsis-tree-lines { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .mainmenu:hover img { filter: brightness(100%); } /* Style for the image container */ .mainmenu { display: inline-block; overflow: hidden; border-radius: 0; /* Initially no rounded corners */ transition: border-radius 0.3s ease, filter 0.3s ease; } /* Style for the image */ .mainmenu img { display: block; width: 100%; height: auto; transition: filter 0.3s ease; /* Transition effect for the filter */ } .mainmenu:hover img { filter: brightness(90%); /* Darken the image on hover */ } .navigation:hover { background-color: #E2DFF1; border-radius: 8px; } .white-bubble { background: var(--background-1); border-radius: 8px; box-shadow: 0px 3px 1px -1px rgba(26, 26, 26, 0.07), 0px 1px 0px 0px rgba(204, 204, 204, 0.5) inset, 0px -1px 0px 0px rgba(0, 0, 0, 0.17) inset, -1px 0px 0px 0px rgba(0, 0, 0, 0.13) inset, 1px 0px 0px 0px rgba(0, 0, 0, 0.13) inset; padding: 4px; position: relative; max-width: 300px; /* white-space: nowrap; overflow: hidden; text-overflow: ellipsis;*/ top: 47px; z-index: 2; } .white-bubble .white-bubble-list-item { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 4px; border-radius: 4px; cursor: pointer; } .white-bubble .white-bubble-list-item.active { background-color: var(--background-4); } .white-bubble .white-bubble-list-item:hover { background-color: var(--background-3); } img.inactive { opacity: 0.1; } .upload-image { cursor: pointer } .h-500 { height: 500px; } .drag-drop-line, .drag-trade-product-media, .drag-linked-trade-product { cursor: grab; } .dragging { cursor: grabbing !important; } .no-pointer-events { pointer-events: none; } .auto-pointer-events { pointer-events: auto; } .dialog-footer-height { /* wizard-dialog needs a height, during progression no buttons are active | not sure if others will break when height is applied in dialog-footer*/ height: 54px; } .jBox-container { background: var(--primary-2) !important; } .jBox-pointer:after { background: var(--primary-2) !important; } .jBox-content { color: white !important; } .action-button-language-container { width: max-content; border-radius: 8px; background-color: white; position: absolute; z-index: 2000; padding: 4px; box-shadow: 0px 2px 3px -2px #1A1A1A; } .action-button-language-container div:hover { border-radius: 8px; background-color: var(--background-4) !important; } .action-button-language-container div { padding: 6px; } .action-button-language-container div:not(:first-child) { margin-top: 4px; } .action-button-language-container div.selected { border-radius: 8px; background-color: var(--background-3) !important; } .action-button-top-bar-flag { } .action-button-top-bar-flag img { padding: 2px; } .search-panel { width: 500px; border-radius: 12px; background-color: white; position: absolute; top: 30px; right: -3px; z-index: 2000; margin-top: 10px; box-shadow: 0px 2px 3px -2px #1A1A1A; } .search-panel .message-text { padding: 10px; } .search-panel .search-header { padding: 15px 15px 0 15px; border-bottom: 1px solid #eee; } .search-panel .search-header .search-options { padding-top: 13px; padding-bottom: 13px; display: flex; align-items: center; gap: 20px; } .search-panel .search-results { margin-bottom: 16px; display: flex; flex-wrap: wrap; justify-content: space-around; max-height: 250px; overflow-y: auto; } .search-panel .search-results .result-item { display: flex; align-items: flex-start; padding: 8px; width: 100%; } .search-panel .search-results .result-message { /*display: flex; align-items: flex-start;*/ padding: 8px; width: 100%; margin-left: 8px; font-style: italic; } .search-panel .search-results .result-item:hover { background: var(--background-3); cursor: pointer; } .search-panel .search-results .result-item img { max-width: 40px; max-height: 40px; } /* Override Autopub tree context menu styling - start */ .vakata-context, .vakata-context ul { display: none; position: absolute; z-index: 1000; background-color: white; box-shadow: 2px 2px 5px rgba(0,0,0,0.2); padding: 2px; list-style: none; border-radius: 8px; font-size: 13px; } .vakata-context li > a:hover { position: relative; background-color: #f0f0f0 !important; border-radius: 4px; box-shadow: 0 0 0 transparent !important; } .vakata-context .vakata-context-hover > a { position: relative; background-color: #f0f0f0 !important; box-shadow: 0 0 2px rgba(26, 26, 26, 0.07); } .vakata-context .vakata-context-separator > a, .vakata-context .vakata-context-separator > a:hover { background: white; border: 0; border-top: 1px solid #e2e3e3; height: 1px; min-height: 1px; max-height: 1px; padding: 0; margin: 0 0 0 0; border-left: 1px solid #e0e0e0; text-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; border-radius: 0; } .vakata-context li > a .vakata-contextmenu-sep { display: inline-block; width: 1px; height: 2.4em; background: white; margin: 0 0.5em 0 0; border-left: 1px solid #e2e3e3; visibility: hidden !important; } #notifications-unread-count { position: absolute; top: 0px; right: 0px; background-color: red; color: white; border-radius: 50%; padding: 2px 6px; font-size: 12px; font-weight: bold; min-width: 20px; text-align: center; } .notification-body { border-bottom: 1px solid var(--background-3); padding: 10px; } .notification-body:hover { background-color: var(--background-4); } /* Override Autopub tree context menu styling - end */ .relative-container { position: relative; } .disabled-text { color: grey !important; } .bottom-right-overlay { position: relative; width: 20px; height: 20px; bottom: 23px; left: 40px; background-size: 20px; display: inline-block; } .bottom-right-overlay-big { position: relative; width: 60px; height: 60px; bottom: 60px; left: 125px; background-size: 60px; display: inline-block; } .dam-overlay { background-image: url(/Content/Images/media-image-dam.svg); } .local-overlay { background-image: url(/Content/Images/media-image-local.svg); } .list-value { cursor: pointer; } .mb-3 { margin-bottom: 3px; } .sso-login-button-contents { display: inline-flex; vertical-align: middle; line-height: 24px; } .list-value:hover { font-weight: 700; } .sso-login-button { background-color: white; border: 0px solid black; cursor: pointer; min-width: 24px; } .sso-login-button .sso-logo { height: 24px; } .visible-class { visibility: visible; } .hidden-class { display: none !important; } img.custom-field-image:hover { cursor: pointer; } tr.general-noncustom:hover { cursor: pointer; } .cursor-disabled { cursor: not-allowed !important; } .pane-loading-indicator { position: relative; display: flex; -o-justify-content: center; -webkit-justify-content: center; justify-content: center; -ms-align-items: center; -o-align-items: center; -webkit-align-items: center; align-items: center; } .tradeprodct-details-table { height: 460px; overflow: auto } .with-loading-panel-20vh .pane-loading-indicator { height: 20vh; } .with-loading-panel-50vh .pane-loading-indicator { height: 50vh; } /* Overrides the default background color */ ul.formatXmlTree li.xmlFormatLine div.selected div.xmlAttributeTextGroup { background-color: transparent !important; } ul.formatXmlTree li.xmlFormatLine div.selected div.xmlAttributeTextGroup .xmlAttributeDelete { display: initial !important; } ul.formatXmlTree li.xmlFormatLine div div.xmlAttributeTextGroup .xmlAttributeDelete { display: none !important; } .text-ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; /* Important when inside flexbox */ flex-grow: 1; } html, body { height: 100%; } #login-container { height: 100%; width: 100%; min-width: 100%; min-height: 100%; background: linear-gradient(to top right, var(--primary-1), var(--primary-5)); display: flex; justify-content: center; align-items: center; } #login-wrapper { width: 1000px; display: flex; flex-direction: column; justify-content: center; } #login-header { background: var(--background-3); height: 45px; padding-left: 30px; padding-bottom: 10px; padding-top: 10px; padding-right: 30px; border-radius: 8px 8px 0px 0px; } #login-header div { width: 50%; font-size: 18px; font-weight: 600; } #login-header img { vertical-align: middle; height: 60px; } #login-body { padding: 30px; background-color: var(--background-2); border-radius: 8px; } #login-body .login-left-side { width: 350px; padding: 20px; padding-left: 30px; border: 1px solid var(--background-3); background-color: white; display: flex; flex-direction: column; } #login-body #proplanet-logo-container { justify-content: center; align-items: center; display: flex; padding-left: 10px; padding-right: 10px; padding-bottom: 15px; padding-top: 10px; } #login-body .bottom-logo-wrapper { display: flex; margin-top: 20px; } #login-body .logo-container { display: flex; width: 50%; } #login-body .logo-container:last-child { justify-content: right; } #login-body .logo-container img { max-height: 60px; } #login-body .login-right-side { padding: 40px; justify-content: center; align-items: center; display: flex; flex-grow: 1; } #login-body .login-right-side #login-right-side { width: 400px; } #login-body .field-description { font-weight: bold; } #login-body input { width: 100%; } .logo_byproplanet { background-image: url('../content/images/logo_byproplanetwit.png'); background-repeat: no-repeat; display: inline-block; width: 165px; height: 35px; } #contact-container, #contact-container a, #password-requirements { color: var(--text-primary); font-size: 9pt; } .login-error { color: var(--signal-red); font-size: 11pt; } #logo-dico-certified { position: fixed; top: 485px; left: 270px; width: 100%; } #logo-2ba-premium-partner { position: fixed; top: 440px; left: 275px; width: 100%; } #logo-dico-certified img { width: 30%; } #logo-2ba-premium-partner img { width: 25%; } .rememberLogin { color: var(--primary-1) !important; cursor: pointer; } .handsontable .table th, .handsontable .table td { border-top: 5px saddlebrown solid; } .handsontable tr { background: #fff; } .handsontable td { background-color: inherit; font-variant-numeric: lining-nums tabular-nums; /* Fixes the number alignment -- Author: Joey (tip from Ivo)*/ font-family: "Plus Jakarta Sans", sans-serif !important; font-size: 12px !important; pointer: cell !important; vertical-align: middle !important; /* Fixes the vertical alligment -- Author: Miltiades */ /*padding-top: 1px !important;*/ /* Fixes the vertical alligment -- Author: Miltiades */ } .handsontable .table caption + thead tr:first-child th, .handsontable .table caption + thead tr:first-child td, .handsontable .table colgroup + thead tr:first-child th, .handsontable .table colgroup + thead tr:first-child td, .handsontable .table thead:first-child tr:first-child th, .handsontable .table thead:first-child tr:first-child td { border-top: 1px solid var(--grey-2); } /* table-bordered */ .handsontable .table-bordered { border: 0; border-collapse: separate; } .handsontable .table-bordered th, .handsontable .table-bordered td { border-left: none; } .handsontable .table-bordered th:first-child, .handsontable .table-bordered td:first-child { border-left: 1px solid var(--grey-2); } .handsontable .table > tbody > tr > td, .handsontable .table > tbody > tr > th, .handsontable .table > tfoot > tr > td, .handsontable .table > tfoot > tr > th, .handsontable .table > thead > tr > td, .handsontable .table > thead > tr > th { line-height: 21px; padding: 0; } .col-lg-1.handsontable, .col-lg-10.handsontable, .col-lg-11.handsontable, .col-lg-12.handsontable, .col-lg-2.handsontable, .col-lg-3.handsontable, .col-lg-4.handsontable, .col-lg-5.handsontable, .col-lg-6.handsontable, .col-lg-7.handsontable, .col-lg-8.handsontable, .col-lg-9.handsontable, .col-md-1.handsontable, .col-md-10.handsontable, .col-md-11.handsontable, .col-md-12.handsontable, .col-md-2.handsontable, .col-md-3.handsontable, .col-md-4.handsontable, .col-md-5.handsontable, .col-md-6.handsontable, .col-md-7.handsontable, .col-md-8.handsontable, .col-md-9.handsontable .col-sm-1.handsontable, .col-sm-10.handsontable, .col-sm-11.handsontable, .col-sm-12.handsontable, .col-sm-2.handsontable, .col-sm-3.handsontable, .col-sm-4.handsontable, .col-sm-5.handsontable, .col-sm-6.handsontable, .col-sm-7.handsontable, .col-sm-8.handsontable, .col-sm-9.handsontable .col-xs-1.handsontable, .col-xs-10.handsontable, .col-xs-11.handsontable, .col-xs-12.handsontable, .col-xs-2.handsontable, .col-xs-3.handsontable, .col-xs-4.handsontable, .col-xs-5.handsontable, .col-xs-6.handsontable, .col-xs-7.handsontable, .col-xs-8.handsontable, .col-xs-9.handsontable { padding-left: 0; padding-right: 0; } .handsontable .table-striped > tbody > tr:nth-of-type(even) { background-color: #FFF; } .handsontable { position: relative; } .handsontable .hide { display: none; } .handsontable .relative { position: relative; } #restricted-class-hands-on-table .handsontable .relative { position: relative; height: 22px; } .handsontable .wtHider { width: 0; } .handsontable .wtSpreader { position: relative; /*must be 0, otherwise blank space appears in scroll demo after scrolling max to the right */ width: 0; height: auto; } .handsontable table, .handsontable tbody, .handsontable thead, .handsontable td, .handsontable th, .handsontable input, .handsontable textarea, .handsontable div { box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; } .handsontable input, .handsontable textarea { min-height: initial; } .handsontable table.htCore { border-collapse: separate; /* it must be separate, otherwise there are offset miscalculations in WebKit: http://stackoverflow.com/questions/2655987/border-collapse-differences-in-ff-and-webkit */ /* this actually only changes appearance of user selection - does not make text unselectable */ /* -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; user-select: none; // no browser supports unprefixed version */ border-spacing: 0; margin: 0; border-width: 0; table-layout: fixed; width: 0; outline-width: 0; cursor: cell; /* reset bootstrap table style. for more info see: https://github.com/handsontable/handsontable/issues/224 */ max-width: none; max-height: none; } .handsontable col { width: 50px; } .handsontable col.rowHeader { width: 50px; } .handsontable th, .handsontable td { border-top-width: 0; border-left-width: 0; border-right: 1px solid var(--grey-2); border-bottom: 1px solid var(--grey-2); height: 22px; empty-cells: show; line-height: 21px; padding: 0 4px 0 4px; /* top, bottom padding different than 0 is handled poorly by FF with HTML5 doctype */ background-color: var(--background-1); vertical-align: middle !important; overflow: hidden; outline: none; outline-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } [dir=rtl].handsontable th, [dir=rtl].handsontable td { border-right-width: 0; border-left: 1px solid var(--grey-2); } .handsontable th:last-child { /*Foundation framework fix*/ border-left: none; border-right: 1px solid var(--grey-2); border-bottom: 1px solid var(--grey-2); } [dir=rtl].handsontable th:last-child { /*Foundation framework fix*/ border-right: none; border-left: 1px solid var(--grey-2); } .handsontable th:first-child, .handsontable th:nth-child(2), .handsontable td:first-of-type { border-left: 1px solid var(--grey-2); } [dir=rtl].handsontable th:first-child, [dir=rtl].handsontable th:nth-child(2), [dir=rtl].handsontable td:first-of-type { border-right: 1px solid var(--grey-2); } /* It removes double right border from first column header when row headers are disabled */ .handsontable .ht_clone_top th:nth-child(2) { border-left-width: 0; border-right: 1px solid var(--grey-2); } [dir=rtl].handsontable .ht_clone_top th:nth-child(2) { border-right-width: 0; border-left: 1px solid var(--grey-2); } .handsontable.htRowHeaders thead tr th:nth-child(2) { border-left: 1px solid var(--grey-2); } [dir=rtl].handsontable.htRowHeaders thead tr th:nth-child(2) { border-right: 1px solid var(--grey-2); } .handsontable tr:first-child th, .handsontable tr:first-child td { border-top: 1px solid var(--grey-2); } .handsontable tr:first-child td { background-color: var(--background-3) !important; /*override*/ } .codesets-container .handsontable tr:first-child td:not(.htDimmed) { background-color: var(--background-1) !important; /*override*/ } .ht_master:not(.innerBorderInlineStart):not(.emptyColumns) ~ .handsontable tbody tr th, .ht_master:not(.innerBorderInlineStart):not(.emptyColumns) ~ .handsontable:not(.ht_clone_top) thead tr th:first-child { border-right-width: 0; border-left: 1px solid var(--grey-2); } [dir=rtl].ht_master:not(.innerBorderInlineStart):not(.emptyColumns) ~ .handsontable tbody tr th, [dir=rtl].ht_master:not(.innerBorderInlineStart):not(.emptyColumns) ~ .handsontable:not(.ht_clone_top) thead tr th:first-child { border-left-width: 0; border-right: 1px solid var(--grey-2); } /* innerBorderTop - Property controlled by top overlay innerBorderBottom - Property controlled by bottom overlay */ .ht_master:not(.innerBorderTop):not(.innerBorderBottom) thead tr:last-child th, .ht_master:not(.innerBorderTop):not(.innerBorderBottom) ~ .handsontable thead tr:last-child th, .ht_master:not(.innerBorderTop):not(.innerBorderBottom) thead tr.lastChild th, .ht_master:not(.innerBorderTop):not(.innerBorderBottom) ~ .handsontable thead tr.lastChild th { border-bottom-width: 0; } .handsontable th { background-color: var(--background-1) !important; color: var(--text-light) !important; text-align: center !important; font-weight: normal !important; white-space: nowrap !important; } .handsontable thead th { padding: 0; } .handsontable th.active { background-color: var(--grey-2); } .handsontable thead th .relative { padding: 2px 4px; } .handsontable span.colHeader { display: inline-block; height: 100%; line-height: 1.3; } /* Selection */ .handsontable .wtBorder { position: absolute; font-size: 0; } .handsontable .wtBorder.hidden { display: none !important; } /* A layer order of the selection types */ .handsontable .wtBorder.current { z-index: 10; } .handsontable .wtBorder.area { z-index: 8; } .handsontable .wtBorder.fill { z-index: 6; } /* fill handle */ .handsontable .wtBorder.corner { font-size: 0; cursor: crosshair; } .ht_clone_master { z-index: 100; } .ht_clone_inline_start { z-index: 120; } .ht_clone_bottom { z-index: 130; } .ht_clone_bottom_inline_start_corner { z-index: 150; } .ht_clone_top { z-index: 160; } .ht_clone_top_inline_start_corner { z-index: 180; } .handsontable col.hidden { width: 0 !important; } .handsontable tr.hidden, .handsontable tr.hidden td, .handsontable tr.hidden th { display: none; } .ht_master, .ht_clone_inline_start, .ht_clone_top, .ht_clone_bottom { overflow: hidden; } /* --- Firefox-only fix for pinned-left vs horizontal scrollbar --- */ @-moz-document url-prefix() { :root { /* Adjust to your OS: typically 12–16px */ --hot-scrollbar-size: 14px; } /* Keep corner/header overlays fully visible and interactive */ .ht_clone_top_left_corner { z-index: 400 !important; } .ht_clone_top { z-index: 350 !important; } /* Left body overlay sits above content but below corner/header */ .ht_clone_left { z-index: 300 !important; /* Let pointer events pass through any empty/transparent parts of this box. We'll re-enable events on the actual table content below. */ pointer-events: none; /* Remove the bottom strip so it never covers the horizontal scrollbar */ clip-path: inset(0 0 var(--hot-scrollbar-size) 0); } /* Re-enable interaction on the actual scrollable content inside the left overlay */ .ht_clone_left .wtHolder, .ht_clone_left .wtHider, .ht_clone_left table { pointer-events: auto; } /* Master stays below overlays; keep layout stable w/ scrollbar space reserved */ .ht_master .wtHolder { position: relative; z-index: 200; scrollbar-gutter: stable both-edges; } } .handsontable .ht_master table.htCore > thead, .handsontable .ht_master table.htCore > tbody > tr > th, .handsontable .ht_clone_inline_start table.htCore > thead { visibility: hidden; } .ht_clone_top .wtHolder, .ht_clone_inline_start .wtHolder, .ht_clone_bottom .wtHolder { overflow: hidden; } @charset "UTF-8"; .handsontable { touch-action: manipulation; font-family: "Plus Jakarta Sans", sans-serif !important; font-size: 13px; font-weight: normal; color: #000000; } .handsontable a { color: #104acc; } .handsontable.htAutoSize { visibility: hidden; left: -99000px; position: absolute; top: -99000px; } .handsontable td.htInvalid { /*gives priority over td.area selection background*/ background-color: #ffbeba !important; } .handsontable td.htNoWrap { white-space: nowrap; } .handsontable td.invisibleSelection, .handsontable th.invisibleSelection { outline: none; } .handsontable td.invisibleSelection::selection, .handsontable th.invisibleSelection::selection { background: rgba(255, 255, 255, 0); } .hot-display-license-info { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", Arial, sans-serif; font-size: 10px; font-weight: normal; color: #373737; padding: 5px 0 3px 0; text-align: left; } .hot-display-license-info a { color: #104acc; font-size: 10px; } .handsontable .htFocusCatcher { position: absolute; z-index: -1; opacity: 0; border: 0; margin: 0; padding: 0; width: 0; height: 0; } /* plugins */ /* row + column resizer*/ .handsontable .manualColumnResizer { position: absolute; top: 0; cursor: col-resize; z-index: 210; width: 5px; height: 25px; } .handsontable .manualRowResizer { position: absolute; left: 0; cursor: row-resize; z-index: 210; height: 5px; width: 50px; } .handsontable .manualColumnResizer:hover, .handsontable .manualColumnResizer.active, .handsontable .manualRowResizer:hover, .handsontable .manualRowResizer.active { background-color: #34a9db; } .handsontable .manualColumnResizerGuide { position: absolute; right: unset; top: 0; background-color: #34a9db; display: none; width: 0; border-right: 1px dashed #777; border-left: none; margin-left: 5px; margin-right: unset; } [dir=rtl].handsontable .manualColumnResizerGuide { left: unset; border-left: 1px dashed #777; border-right: none; margin-right: 5px; margin-left: unset; } .handsontable .manualRowResizerGuide { position: absolute; left: 0; bottom: 0; background-color: #34a9db; display: none; height: 0; border-bottom: 1px dashed #777; margin-top: 5px; } .handsontable .manualColumnResizerGuide.active, .handsontable .manualRowResizerGuide.active { display: block; z-index: 209; } .handsontable .columnSorting { position: relative; } .handsontable .columnSorting.sortAction:hover { text-decoration: underline; cursor: pointer; } /* Arrow position */ .handsontable span.colHeader.columnSorting::before { /* Centering start */ top: 50%; /* One extra pixel for purpose of proper positioning of sorting arrow, when `font-size` set to default */ margin-top: -6px; /* Centering end */ /* For purpose of continuous mouse over experience, when moving between the `span` and the `::before` elements */ padding-left: 8px; padding-right: 0; position: absolute; right: -9px; left: unset; content: ""; height: 10px; width: 5px; background-size: contain; background-repeat: no-repeat; background-position-x: right; } [dir=rtl].handsontable span.colHeader.columnSorting::before { /* Centering end */ /* For purpose of continuous mouse over experience, when moving between the `span` and the `::before` elements */ padding-right: 8px; padding-left: 0; left: -9px; right: unset; background-position-x: left; } .handsontable span.colHeader.columnSorting.ascending::before { /* arrow up; 20 x 40 px, scaled to 5 x 10 px; base64 size: 0.3kB */ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAoCAMAAADJ7yrpAAAAKlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKE86IAAAADXRSTlMABBEmRGprlJW72e77tTkTKwAAAFNJREFUeAHtzjkSgCAUBNHPgsoy97+ulGXRqJE5L+xkxoYt2UdsLb5bqFINz+aLuuLn5rIu2RkO3fZpWENimNgiw6iBYRTPMLJjGFxQZ1hxxb/xBI1qC8k39CdKAAAAAElFTkSuQmCC); } .handsontable span.colHeader.columnSorting.descending::before { /* arrow down; 20 x 40 px, scaled to 5 x 10 px; base64 size: 0.3kB */ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAoCAMAAADJ7yrpAAAAKlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKE86IAAAADXRSTlMABBEmRGprlJW72e77tTkTKwAAAFJJREFUeAHtzjkSgCAQRNFmQYUZ7n9dKUvru0TmvPAn3br0QfgdZ5xx6x+rQn23GqTYnq1FDcnuzZIO2WmedVqIRVxgGKEyjNgYRjKGkZ1hFIZ3I70LyM0VtU8AAAAASUVORK5CYII=); } .htGhostTable .htCore span.colHeader.columnSorting:not(.indicatorDisabled)::before { content: "*"; display: inline-block; position: relative; /* The multi-line header and header with longer text need more padding to not hide arrow, we make header wider in `GhostTable` to make some space for arrow which is positioned absolutely in the main table */ padding-right: 20px; } .handsontable td.area, .handsontable td.area-1, .handsontable td.area-2, .handsontable td.area-3, .handsontable td.area-4, .handsontable td.area-5, .handsontable td.area-6, .handsontable td.area-7 { position: relative; } .handsontable td.area:before, .handsontable td.area-1:before, .handsontable td.area-2:before, .handsontable td.area-3:before, .handsontable td.area-4:before, .handsontable td.area-5:before, .handsontable td.area-6:before, .handsontable td.area-7:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; /* Fix for IE9 to spread the ":before" pseudo element to 100% height of the parent element */ bottom: -100% \9; background: var(--background-4); /*override*/ } /* Fix for IE10 and IE11 to spread the ":before" pseudo element to 100% height of the parent element */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .handsontable td.area:before, .handsontable td.area-1:before, .handsontable td.area-2:before, .handsontable td.area-3:before, .handsontable td.area-4:before, .handsontable td.area-5:before, .handsontable td.area-6:before, .handsontable td.area-7:before { bottom: -100%; } } .handsontable td.area:before { opacity: 0.1; } .handsontable td.area-1:before { opacity: 0.2; } .handsontable td.area-2:before { opacity: 0.27; } .handsontable td.area-3:before { opacity: 0.35; } .handsontable td.area-4:before { opacity: 0.41; } .handsontable td.area-5:before { opacity: 0.47; } .handsontable td.area-6:before { opacity: 0.54; } .handsontable td.area-7:before { opacity: 0.58; } .handsontable tbody th.current, .handsontable thead th.current { box-shadow: inset 0 0 0 2px #4b89ff; } /*override*/ .handsontable tbody th.ht__highlight, .handsontable thead th.ht__highlight { background-color: var(--background-4) !important; color: var(--primary-1); } /*override*/ .handsontable tbody th.ht__active_highlight, .handsontable thead th.ht__active_highlight { background-color: var(--background-4) !important; } /*override*/ .handsontableInput { border: none; outline-width: 0; margin: 2px; padding: 2px; font-family: inherit; line-height: 21px; font-size: inherit; box-shadow: 0 0 0 0; resize: none; /*below are needed to overwrite stuff added by jQuery UI Bootstrap theme*/ display: block; color: #000; border-radius: 0; /*overwrite styles potentionally made by a framework*/ } .handsontableInput:focus { outline: none; } .handsontableInputHolder { position: absolute; top: 0; left: 0; } .htSelectEditor { -webkit-appearance: menulist-button !important; position: absolute; width: auto; } .htSelectEditor:focus { outline: none; } /* TextRenderer readOnly cell, workaround to NOT add background on cell with clikable icons */ .handsontable .htDimmed:not(:has(div img + label)) { color: var(--text-light) !important; background-color: rgb(245, 245, 245) !important; /*var(--grey-2);*/ } .handsontable td[role="option"].htDimmed:not(:has(div img + label)) { background-color: rgb(255, 255, 255) !important; /* Author: Joey white background for dropdown */ } .handsontable .htDimmed.currentRow { background-color: var(--background-4); } .handsontable .htDimmed.text-error { color: var(--text-error) !important; } /* Backgroung color for the dropdown menus inside the cells */ .handsontable .listbox .htDimmed { background-color: white; } .handsontable .htDimmed.current { background-color: var(--background-4) !important; } .handsontable .htDimmed.highlight.area { background-color: var(--background-4) !important; } .handsontable .htSubmenu { position: relative; } .handsontable .htSubmenu :after { content: "▶"; color: #777; position: absolute; right: 5px; font-size: 9px; } [dir=rtl].handsontable .htSubmenu :after { content: ""; } [dir=rtl].handsontable .htSubmenu :before { content: "◀"; color: #777; position: absolute; left: 5px; font-size: 9px; } /* TextRenderer horizontal alignment */ .handsontable .htLeft { text-align: left; } .handsontable .htCenter { text-align: center; } .handsontable .htRight { text-align: right; } .handsontable .htJustify { text-align: justify; } /* TextRenderer vertical alignment */ .handsontable .htTop { vertical-align: top; } .handsontable .htMiddle { vertical-align: middle; } .handsontable .htBottom { vertical-align: bottom; } /* TextRenderer placeholder value */ .handsontable .htPlaceholder { color: #999; } /** * Handsontable listbox theme */ .handsontable.listbox { margin: 0; } .handsontable.listbox .ht_master table { border: 1px solid var(--grey-2); border-collapse: separate; background: white; } .handsontable.listbox th, .handsontable.listbox tr:first-child th, .handsontable.listbox tr:last-child th, .handsontable.listbox tr:first-child td, .handsontable.listbox td { border-color: transparent !important; } .handsontable.listbox th, .handsontable.listbox td { white-space: nowrap; text-overflow: ellipsis; } .handsontable.listbox td.htDimmed { cursor: default; color: inherit; font-style: inherit; } .handsontable.listbox .wtBorder { visibility: hidden; } .handsontable.listbox tr td.current, .handsontable.listbox tr:hover td { background: #eee; } .ht_editor_hidden { z-index: -1; } .ht_editor_visible { z-index: 200; } .handsontable td.htSearchResult { background: #fcedd9; color: #583707; } .handsontable .collapsibleIndicator { position: absolute; top: 50%; transform: translate(0%, -50%); left: unset; right: 5px; border: 1px solid #A6A6A6; line-height: 8px; color: #222; border-radius: 10px; font-size: 10px; width: 10px; height: 10px; cursor: pointer; -webkit-box-shadow: 0 0 0 6px rgb(238, 238, 238); -moz-box-shadow: 0 0 0 6px rgb(238, 238, 238); box-shadow: 0 0 0 3px rgb(238, 238, 238); background: #eee; text-align: center; } [dir=rtl].handsontable .collapsibleIndicator { right: unset; left: 5px; } /* Handsontable Mobile Text Editor stylesheet */ .handsontable.mobile, .handsontable.mobile .wtHolder { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-overflow-scrolling: touch; } .handsontable.mobile .handsontableInput:focus { -webkit-box-shadow: 0 0 0 2px #5292f7 inset; -moz-box-shadow: 0 0 0 2px #5292f7 inset; box-shadow: 0 0 0 2px #5292f7 inset; -webkit-appearance: none; } /* Initial left/top coordinates - overwritten when actual position is set */ .handsontable .topSelectionHandle, .handsontable .topSelectionHandle-HitArea, .handsontable .bottomSelectionHandle, .handsontable .bottomSelectionHandle-HitArea { left: -10000px; right: unset; top: -10000px; z-index: 9999; } [dir=rtl].handsontable .topSelectionHandle, [dir=rtl].handsontable .topSelectionHandle-HitArea, [dir=rtl].handsontable .bottomSelectionHandle, [dir=rtl].handsontable .bottomSelectionHandle-HitArea { right: -10000px; left: unset; } .handsontable.hide-tween { -webkit-animation: opacity-hide 0.3s; animation: opacity-hide 0.3s; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; } .handsontable.show-tween { -webkit-animation: opacity-show 0.3s; animation: opacity-show 0.3s; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; } /* AutocompleteRenderer down arrow */ .handsontable .htAutocomplete div { display: flex; align-items: center; height: 100%; } .handsontable .htAutocompleteArrow { float: right; font-size: 10px; color: #bbbbbb; cursor: default; width: 16px; text-align: center; } [dir=rtl].handsontable .htAutocompleteArrow { float: left; } .handsontable td.htInvalid .htAutocompleteArrow { color: #555555; } .handsontable td.htInvalid .htAutocompleteArrow:hover { color: #1a1a1a; } .handsontable td .htAutocompleteArrow:hover { color: #777; } .handsontable td.area .htAutocompleteArrow { color: #d3d3d3; } /* CheckboxRenderer */ .handsontable .htCheckboxRendererInput { display: inline-block; } .handsontable .htCheckboxRendererInput.noValue { opacity: 0.5; } .handsontable .htCheckboxRendererLabel { font-size: inherit; vertical-align: middle; cursor: pointer; display: inline-block; } .handsontable .htCheckboxRendererLabel.fullWidth { width: 100%; } .handsontable .htCommentCell { position: relative; } .handsontable .htCommentCell:after { content: ""; position: absolute; top: 0; right: 0; left: unset; border-left: 6px solid transparent; border-right: none; border-top: 6px solid black; } [dir=rtl].handsontable .htCommentCell:after { left: 0; right: unset; border-right: 6px solid transparent; border-left: none; } .htCommentsContainer .htComments { display: none; z-index: 1059; position: absolute; } .htCommentsContainer .htCommentTextArea { box-shadow: rgba(0, 0, 0, 0.117647) 0 1px 3px, rgba(0, 0, 0, 0.239216) 0 1px 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: none; border-left: 3px solid var(--grey-2); border-right: none; background-color: #fff; width: 215px; height: 90px; font-size: 12px; padding: 5px; outline: 0px !important; -webkit-appearance: none; } [dir=rtl].htCommentsContainer .htCommentTextArea { border-right: 3px solid var(--grey-2); border-left: none; } .htCommentsContainer .htCommentTextArea:focus { box-shadow: rgba(0, 0, 0, 0.117647) 0 1px 3px, rgba(0, 0, 0, 0.239216) 0 1px 2px, inset 0 0 0 1px #5292f7; border-left: 3px solid #5292f7; border-right: none; } [dir=rtl].htCommentsContainer .htCommentTextArea:focus { border-right: 3px solid #5292f7; border-left: none; } /*! * Handsontable ContextMenu */ .htContextMenu:not(.htGhostTable) { display: none; position: absolute; /* needs to be higher than 1050 - z-index for Twitter Bootstrap modal (#1569) */ z-index: 1060; } .htContextMenu .ht_clone_top, .htContextMenu .ht_clone_bottom, .htContextMenu .ht_clone_inline_start, .htContextMenu .ht_clone_top_inline_start_corner, .htContextMenu .ht_clone_bottom_inline_start_corner { display: none; } .htContextMenu .ht_master table.htCore { border-color: var(--grey-2); border-style: solid; border-top-width: 1px; border-bottom-width: 2px; border-left-width: 1px; border-right-width: 2px; } [dir=rtl].htContextMenu .ht_master table.htCore { border-right-width: 1px; border-left-width: 2px; } .htContextMenu.handsontable:focus { outline: none; } .htContextMenu .wtBorder { visibility: hidden; } .htContextMenu table tbody tr td { background: white; border-width: 0; padding: 4px 6px 0 6px; cursor: pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .htContextMenu table tbody tr td:first-child { border-top-width: 0; border-bottom-width: 0; border-left-width: 0; border-right-width: 0; } [dir=rtl].htContextMenu table tbody tr td:first-child { border-right-width: 0; border-left-width: 0; } .htContextMenu table tbody tr td.htDimmed { font-style: normal; color: #323232; } .htContextMenu table tbody tr td.current { background: #f3f3f3; } .htContextMenu table tbody tr td.htSeparator { border-top: 1px solid #e6e6e6; height: 0; padding: 0; cursor: default; } .htContextMenu table tbody tr td.htDisabled { color: #999; cursor: default; } .htContextMenu table tbody tr td.htDisabled:hover { background: #fff; color: #999; cursor: default; } .htContextMenu table tbody tr.htHidden { display: none; } .htContextMenu table tbody tr td .htItemWrapper { margin-left: 10px; margin-right: 6px; } [dir=rtl].htContextMenu table tbody tr td .htItemWrapper { margin-right: 10px; margin-left: 6px; } .htContextMenu table tbody tr td div span.selected { margin-top: -2px; position: absolute; left: 4px; right: 0; } [dir=rtl].htContextMenu table tbody tr td div span.selected { right: 4px; left: 0; } .htContextMenu .ht_master .wtHolder { overflow: hidden; } textarea.HandsontableCopyPaste { position: fixed !important; top: 0 !important; right: 100% !important; overflow: hidden; opacity: 0; outline: 0 none !important; } @charset "UTF-8"; /*! * Handsontable DropdownMenu */ .handsontable .changeType { background: #eee; border-radius: 2px; border: 1px solid #bbb; color: #bbb; font-size: 9px; line-height: 9px; padding: 2px; margin: 3px 1px 0 5px; float: right; } [dir=rtl].handsontable .changeType { float: left; } .handsontable .changeType:before { content: "▼ "; } .handsontable .changeType:hover { border: 1px solid #777; color: #777; cursor: pointer; } .htDropdownMenu:not(.htGhostTable) { display: none; position: absolute; /* needs to be higher than 1050 - z-index for Twitter Bootstrap modal (#1569) */ z-index: 1060; } .htDropdownMenu .ht_clone_top, .htDropdownMenu .ht_clone_bottom, .htDropdownMenu .ht_clone_inline_start, .htDropdownMenu .ht_clone_top_inline_start_corner, .htDropdownMenu .ht_clone_bottom_inline_start_corner { display: none; } .htDropdownMenu table.htCore { border-color: var(--grey-2); border-style: solid; border-top-width: 1px; border-bottom-width: 2px; border-left-width: 1px; border-right-width: 2px; } [dir=rtl].htDropdownMenu table.htCore { border-right-width: 1px; border-left-width: 2px; } .htDropdownMenu.handsontable:focus { outline: none; } .htDropdownMenu .wtBorder { visibility: hidden; } .htDropdownMenu table tbody tr td { background: white; border-width: 0; padding: 4px 6px 0 6px; cursor: pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .htDropdownMenu table tbody tr td:first-child { border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; } [dir=rtl].htDropdownMenu table tbody tr td:first-child { border-left-width: 0; border-right-width: 0; } .htDropdownMenu table tbody tr td.htDimmed { font-style: normal; color: #323232; } .htDropdownMenu table tbody tr td.current { background: #e9e9e9; } .htDropdownMenu table tbody tr td.htSeparator { border-top: 1px solid #e6e6e6; height: 0; padding: 0; cursor: default; } .htDropdownMenu table tbody tr td.htDisabled { color: #999; } .htDropdownMenu table tbody tr td.htDisabled:hover { background: #fff; color: #999; cursor: default; } .htDropdownMenu:not(.htGhostTable) table tbody tr.htHidden { display: none; } .htDropdownMenu table tbody tr td .htItemWrapper { margin-left: 10px; margin-right: 10px; } [dir=rtl].htDropdownMenu table tbody tr td .htItemWrapper { margin-right: 10px; margin-left: 10px; } .htDropdownMenu table tbody tr td div span.selected { margin-top: -2px; position: absolute; left: 4px; right: 0; } [dir=rtl].htDropdownMenu table tbody tr td div span.selected { right: 4px; left: 0; } .htDropdownMenu .ht_master .wtHolder { overflow: hidden; } @charset "UTF-8"; /*! * Handsontable Filters */ /* Conditions menu */ .htFiltersConditionsMenu:not(.htGhostTable) { display: none; position: absolute; z-index: 1070; } .htFiltersConditionsMenu .ht_clone_top, .htFiltersConditionsMenu .ht_clone_bottom, .htFiltersConditionsMenu .ht_clone_inline_start, .htFiltersConditionsMenu .ht_clone_top_inline_start_corner, .htFiltersConditionsMenu .ht_clone_bottom_inline_start_corner { display: none; } .htFiltersConditionsMenu table.htCore { border: 1px solid #bbb; border-bottom-width: 2px; border-right-width: 2px; } .htFiltersConditionsMenu .wtBorder { visibility: hidden; } .htFiltersConditionsMenu table tbody tr td { background: white; border-width: 0; padding: 4px 6px 0 6px; cursor: pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .htFiltersConditionsMenu table tbody tr td:first-child { border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; } [dir=rtl].htFiltersConditionsMenu table tbody tr td:first-child { border-left-width: 0; border-right-width: 0; } .htFiltersConditionsMenu table tbody tr td.htDimmed { font-style: normal; color: #323232; } .htFiltersConditionsMenu table tbody tr td.current { background: #e9e9e9; } .htFiltersConditionsMenu table tbody tr td.htSeparator { border-top: 1px solid #e6e6e6; height: 0; padding: 0; } .htFiltersConditionsMenu table tbody tr td.htDisabled { color: #999; } .htFiltersConditionsMenu table tbody tr td.htDisabled:hover { background: #fff; color: #999; cursor: default; } .htFiltersConditionsMenu table tbody tr td .htItemWrapper { margin-left: 10px; margin-right: 10px; } .htFiltersConditionsMenu table tbody tr td div span.selected { margin-top: -2px; position: absolute; left: 4px; } .htFiltersConditionsMenu .ht_master .wtHolder { overflow: hidden; } .handsontable .htMenuFiltering { border-bottom: 1px dotted var(--grey-2); height: 135px; overflow: hidden; } .handsontable .ht_master table td.htCustomMenuRenderer { background-color: #fff; cursor: auto; } /* Menu label */ .handsontable .htFiltersMenuLabel { font-size: 0.75em; } /* Component action bar */ .handsontable .htFiltersMenuActionBar { text-align: center; padding-top: 10px; padding-bottom: 3px; } /* Component filter by conditional */ .handsontable .htFiltersMenuCondition.border { border-bottom: 1px dotted var(--grey-2) !important; } .handsontable .htFiltersMenuCondition .htUIInput { padding: 0 0 5px 0; } /* Component filter by value */ .handsontable .htFiltersMenuValue { border-bottom: 1px dotted var(--grey-2) !important; } .handsontable .htFiltersMenuValue .htUIMultipleSelectSearch { padding: 0; } .handsontable .htFiltersMenuCondition .htUIInput input, .handsontable .htFiltersMenuValue .htUIMultipleSelectSearch input { font-family: inherit; font-size: 0.75em; padding: 4px; box-sizing: border-box; width: 100%; } .htUIMultipleSelect .ht_master .wtHolder { overflow-y: scroll; } .handsontable .htFiltersActive .changeType { border: 1px solid #509272; color: #18804e; background-color: #d2e0d9; } .handsontable .htUISelectAll { margin-left: 0; margin-right: 10px; } [dir=rtl].handsontable .htUISelectAll { margin-right: 0; margin-left: 10px; } .handsontable .htUIClearAll, .handsontable .htUISelectAll { display: inline-block; } .handsontable .htUIClearAll a, .handsontable .htUISelectAll a { font-size: 0.75em; } .handsontable .htUISelectionControls { text-align: right; } [dir=rtl].handsontable .htUISelectionControls { text-align: left; } /*.handsontable .htCheckboxRendererInput { margin-top: 0; margin-right: 5px; margin-bottom: 0; margin-left: 0; vertical-align: middle; height: 1em; }*/ .handsontable .htCheckboxRendererInput { width: 16px !important; height: 16px !important; border: 1px solid var(--text-light) !important; background-repeat: no-repeat !important; background-position: center !important; background-size: contain !important; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; border-radius: 4px !important; } .handsontable .htCheckboxRendererInput:checked[type=checkbox] { background-image: url("../Content/Images/checkbox-check.svg") !important; background-size: 9px !important; } .handsontable .htCheckboxRendererInput:checked { background-color: var(--primary-2) !important; border-color: var(--primary-2) !important; } [dir=rtl].handsontable .htCheckboxRendererInput { margin-left: 5px; margin-right: 0; } /* UI elements */ /* Input */ .handsontable .htUIInput { padding: 3px 0 7px 0; position: relative; text-align: center; } .handsontable .htUIInput input { border-radius: 2px; border: 1px solid #d2d1d1; } .handsontable .htUIInputIcon { position: absolute; } /* Button */ .handsontable .htUIInput.htUIButton { cursor: pointer; display: inline-block; } .handsontable .htUIInput.htUIButton input { background-color: #eee; color: #000; cursor: pointer; font-family: inherit; font-size: 0.75em; font-weight: bold; height: 19px; min-width: 64px; } .handsontable .htUIInput.htUIButton input:hover { border-color: #b9b9b9; } .handsontable .htUIInput.htUIButtonOK { margin-left: 0; margin-right: 10px; } [dir=rtl].handsontable .htUIInput.htUIButtonOK { margin-right: 0; margin-left: 10px; } .handsontable .htUIInput.htUIButtonOK input { background-color: #0f9d58; border-color: #18804e; color: #fff; } .handsontable .htUIInput.htUIButtonOK input:focus-visible { background-color: #92dd8d; border-color: #7cb878; color: #000; } .handsontable .htUIInput.htUIButtonOK input:hover { border-color: #1a6f46; } /* Select */ .handsontable .htUISelect { cursor: pointer; margin-bottom: 7px; position: relative; } .handsontable .htUISelectCaption { background-color: #e8e8e8; border-radius: 2px; border: 1px solid #d2d1d1; font-family: inherit; font-size: 0.75em; font-weight: bold; padding: 3px 20px 3px 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .handsontable .htUISelectCaption:hover { background-color: #e8e8e8; border: 1px solid #b9b9b9; } .handsontable .htUISelectDropdown:after { content: "▲"; font-size: 7px; position: absolute; right: 10px; top: 0; } .handsontable .htUISelectDropdown:before { content: "▼"; font-size: 7px; position: absolute; right: 10px; top: 8px; } /* SelectMultiple */ .handsontable .htUIMultipleSelect .handsontable .htCore { border: none; } .handsontable .htUIMultipleSelect .handsontable .htCore td:hover { background-color: #F5F5F5; } .handsontable .htUIMultipleSelectSearch input { border-radius: 2px; border: 1px solid #d2d1d1; padding: 3px; } .handsontable .htUIRadio { display: inline-block; margin-left: 0; margin-right: 5px; height: 100%; } [dir=rtl].handsontable .htUIRadio { margin-right: 0; margin-left: 5px; } .handsontable .htUIRadio:last-child { margin-right: 0; } .handsontable .htUIRadio > input[type=radio] { margin-left: 0; margin-right: 0.5ex; } [dir=rtl].handsontable .htUIRadio > input[type=radio] { margin-right: 0; margin-left: 0.5ex; } .handsontable .htUIRadio label { vertical-align: middle; } .handsontable .htFiltersMenuOperators { padding-bottom: 5px; } @charset "UTF-8"; /* * Handsontable HiddenColumns */ .handsontable th.beforeHiddenColumn { position: relative; } .handsontable th.beforeHiddenColumn::after, .handsontable th.afterHiddenColumn::before { color: #bbb; position: absolute; top: 50%; font-size: 5pt; transform: translateY(-50%); } .handsontable th.afterHiddenColumn { position: relative; } .handsontable th.beforeHiddenColumn::after { right: 1px; content: "◀"; /* left arrow */ } [dir=rtl].handsontable th.beforeHiddenColumn::after { right: initial; left: 1px; content: "▶"; /* right arrow */ } .handsontable th.afterHiddenColumn::before { left: 1px; content: "▶"; /* right arrow */ } [dir=rtl].handsontable th.afterHiddenColumn::before { right: 1px; left: initial; content: "◀"; /* left arrow */ } @charset "UTF-8"; /*! * Handsontable HiddenRows */ .handsontable th.beforeHiddenRow::before, .handsontable th.afterHiddenRow::after { color: #bbb; font-size: 6pt; line-height: 6pt; position: absolute; left: 2px; } .handsontable th.beforeHiddenRow, .handsontable th.afterHiddenRow { position: relative; } .handsontable th.beforeHiddenRow::before { content: "▲"; bottom: 2px; } .handsontable th.afterHiddenRow::after { content: "▼"; top: 2px; } .handsontable.ht__selection--rows tbody th.beforeHiddenRow.ht__highlight:before, .handsontable.ht__selection--rows tbody th.afterHiddenRow.ht__highlight:after { color: #eee; } .handsontable td.afterHiddenRow.firstVisibleRow, .handsontable th.afterHiddenRow.firstVisibleRow { border-top: 1px solid var(--grey-2); } .htRowHeaders .ht_master.innerBorderInlineStart ~ .ht_clone_top_inline_start_corner th:nth-child(2), .htRowHeaders .ht_master.innerBorderInlineStart ~ .ht_clone_inline_start td:first-of-type { border-left: 0 none; } .handsontable .wtHider { position: relative; } /*override*/ .handsontable.ht__manualColumnMove.after-selection--columns thead th.ht__highlight { cursor: move; } /*override*/ .handsontable.ht__manualColumnMove.on-moving--columns, .handsontable.ht__manualColumnMove.on-moving--columns thead th.ht__highlight { cursor: move; } .handsontable.ht__manualColumnMove.on-moving--columns .manualColumnResizer { display: none; } .handsontable .ht__manualColumnMove--guideline, .handsontable .ht__manualColumnMove--backlight { position: absolute; height: 100%; display: none; } .handsontable .ht__manualColumnMove--guideline { background: #757575; width: 2px; top: 0; margin-inline-start: -1px; margin-inline-end: 0; z-index: 205; } .handsontable .ht__manualColumnMove--backlight { background: #343434; background: rgba(52, 52, 52, 0.25); display: none; z-index: 205; pointer-events: none; } .handsontable.on-moving--columns.show-ui .ht__manualColumnMove--guideline, .handsontable.on-moving--columns .ht__manualColumnMove--backlight { display: block; } .handsontable .wtHider { position: relative; } .handsontable.ht__manualRowMove.after-selection--rows tbody th.ht__highlight { cursor: move; } .handsontable.ht__manualRowMove.on-moving--rows, .handsontable.ht__manualRowMove.on-moving--rows tbody th.ht__highlight { cursor: move; } .handsontable.ht__manualRowMove.on-moving--rows .manualRowResizer { display: none; } .handsontable .ht__manualRowMove--guideline, .handsontable .ht__manualRowMove--backlight { position: absolute; width: 100%; display: none; } .handsontable .ht__manualRowMove--guideline { background: #757575; height: 2px; left: 0; margin-top: -1px; z-index: 205; } .handsontable .ht__manualRowMove--backlight { background: #343434; background: rgba(52, 52, 52, 0.25); display: none; z-index: 205; pointer-events: none; } .handsontable.on-moving--rows.show-ui .ht__manualRowMove--guideline, .handsontable.on-moving--rows .ht__manualRowMove--backlight { display: block; } .handsontable tbody td[rowspan][class*=area][class*=highlight]:not([class*=fullySelectedMergedCell]):before { opacity: 0; } .handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-multiple]:before { opacity: 0.1; } .handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-0]:before { opacity: 0.1; } .handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-1]:before { opacity: 0.2; } .handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-2]:before { opacity: 0.27; } .handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-3]:before { opacity: 0.35; } .handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-4]:before { opacity: 0.41; } .handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-5]:before { opacity: 0.47; } .handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-6]:before { opacity: 0.54; } .handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-7]:before { opacity: 0.58; } /* Column's number position */ .handsontable span.colHeader.columnSorting::after { /* Centering start */ top: 50%; /* Two extra pixels (-2 instead of -4) for purpose of proper positioning of numeric indicators, when `font-size` set to default */ margin-top: -2px; /* Centering end */ position: absolute; right: -15px; left: unset; /* For purpose of continuous mouse over experience, when moving between the `::before` and the `::after` elements */ padding-left: 5px; padding-right: unset; font-size: 8px; height: 8px; line-height: 1.1; /* Workaround for IE9 - IE11 */ text-decoration: underline; } [dir=rtl].handsontable span.colHeader.columnSorting::after { left: -15px; right: unset; /* For purpose of continuous mouse over experience, when moving between the `::before` and the `::after` elements */ padding-right: 5px; padding-left: unset; } /* Workaround for IE9 - IE11, https://stackoverflow.com/a/21902566, https://stackoverflow.com/a/32120247 */ .handsontable span.colHeader.columnSorting::after { text-decoration: none; } /* We support up to 7 numeric indicators, describing order of column in sorted columns queue */ .handsontable span.colHeader.columnSorting[class^=sort-]::after, .handsontable span.colHeader.columnSorting[class*=" sort-"]::after { content: "+"; } .handsontable span.colHeader.columnSorting.sort-1::after { content: "1"; } .handsontable span.colHeader.columnSorting.sort-2::after { content: "2"; } .handsontable span.colHeader.columnSorting.sort-3::after { content: "3"; } .handsontable span.colHeader.columnSorting.sort-4::after { content: "4"; } .handsontable span.colHeader.columnSorting.sort-5::after { content: "5"; } .handsontable span.colHeader.columnSorting.sort-6::after { content: "6"; } .handsontable span.colHeader.columnSorting.sort-7::after { content: "7"; } /* Drop-down menu widens header by 5 pixels, sort sequence numbers won't overlap the icon; mainly for the IE9+ */ .htGhostTable th div button.changeType + span.colHeader.columnSorting:not(.indicatorDisabled) { padding-right: 5px; } .handsontable thead th.hiddenHeader:not(:first-of-type) { display: none; } @charset "UTF-8"; .handsontable th.ht_nestingLevels { text-align: left; padding-left: 7px; } [dir=rtl].handsontable th.ht_nestingLevels { text-align: right; padding-right: 7px; } .handsontable th div.ht_nestingLevels { display: inline-block; position: absolute; left: 11px; right: unset; } [dir=rtl].handsontable th div.ht_nestingLevels { right: 11px; left: unset; } .handsontable.innerBorderInlineStart th div.ht_nestingLevels, .handsontable.innerBorderInlineStart ~ .handsontable th div.ht_nestingLevels { right: 10px; left: unset; } [dir=rtl].handsontable.innerBorderInlineStart th div.ht_nestingLevels, [dir=rtl].handsontable.innerBorderInlineStart ~ .handsontable th div.ht_nestingLevels { left: 10px; right: unset; } .handsontable th span.ht_nestingLevel { display: inline-block; } .handsontable th span.ht_nestingLevel_empty { display: inline-block; width: 10px; height: 1px; float: left; } [dir=rtl].handsontable th span.ht_nestingLevel_empty { float: right; } .handsontable th span.ht_nestingLevel::after { content: "┐"; font-size: 9px; display: inline-block; position: relative; bottom: 3px; } .handsontable th div.ht_nestingButton { display: inline-block; position: absolute; right: -2px; left: unset; cursor: pointer; } [dir=rtl].handsontable th div.ht_nestingButton { left: -2px; right: unset; } .handsontable th div.ht_nestingButton.ht_nestingExpand::after { content: "+"; } .handsontable th div.ht_nestingButton.ht_nestingCollapse::after { content: "-"; } .handsontable.innerBorderInlineStart th div.ht_nestingButton, .handsontable.innerBorderInlineStart ~ .handsontable th div.ht_nestingButton { right: 0; left: unset; } [dir=rtl].handsontable.innerBorderInlineStart th div.ht_nestingButton, [dir=rtl].handsontable.innerBorderInlineStart ~ .handsontable th div.ht_nestingButton { left: 0; right: unset; } .headerLabel { height: 100%; font-size: 13px; } .headerLabel .headerLabel-language { cursor: cell; margin-right: 4px; } .handsontable span.colHeader { width: 100%; } .handsontable span.headerLabel { width: 100%; display: flex !important; justify-content:space-between; white-space: normal !important; height: auto !important; } .handsontable span.headerLabel span { display: -webkit-box; -webkit-line-clamp: 3; /* Limit to 3 lines */ height: 51px; /* Enforce 3 lines height */ -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; vertical-align: top; text-align: left; word-break: break-word; overflow-wrap: break-word; } .handsontable span.headerLabel div { display: none; position: absolute; top: 1px; right: 1px; background-color: var(--background-1); z-index: 1000; /* Make sure it appears in front */ } .handsontable span.headerLabel:hover div { display: flex; } /*#warnings.validationDetailsTable span.headerLabel span, #errors.validationDetailsTable span.headerLabel span { width: calc(100% - 20px); } }*/ /*New*/ .handsontable img { cursor: pointer; height: 16px; } .handsontable img.img-hover:hover, .handsontable .currentRow img.img-hover:hover { filter: brightness(0.05); } .ht-tooltip { position: fixed; margin: 2px; z-index: 100000; width: max-content; background-color: #6647AA; color: white; box-shadow: 2px 2px 6px 0px #00000026; font-size: 13px; border-radius: 4px; padding: 8px 12px; text-align: center; animation: opacity-delay 0.3s forwards; line-height: 14px; display: none; } .handsontable .current.currentRow { background-color: var(--background-4) !important; } .handsontable img.img-hover-red:hover, .handsontable .currentRow img.img-hover-red:hover { filter: hue-rotate(-260deg) saturate(1000%) brightness(0.75); } .handsontable img + img { margin-left: 3px; } .handsontable .btn-dp-group img + img { margin-left: 0; /* Override the margin for images in .btn-grp */ } .open-discountcodegroupmanufacturer-dialog { vertical-align: sub; } .handsontable .currentRow img.img-hover { filter: brightness(0.5); } .handsontable .currentRow { background-color: var(--background-5); } .handsontable .currentEezyBridgeRow { background-color: var(--background-4); } .handsontable .currentEezyBridgeRow img.img-hover { filter: brightness(0.5); } .handsontable .wtBorder.current, .handsontable .wtBorder.area { background-color: var(--primary-2) !important; } .handsontable .text-primary { color: var(--primary-1) !important; } .handsontable .text-error { color: var(--text-error) !important; } .handsontable .yellow-bg { background-color: var(--light-yellow-background); } .handsontable .yellow-bg.currentRow { background-color: var(--light-yellow-background-hover); } /*This css fix the known issue of handsontables: Columns sorting is not working if the header text is in Span content https://github.com/handsontable/handsontable/issues/5951 */ .handsontable span.colHeader.columnSorting:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } /*override handsontable dropdownmenu layout*/ .handsontable .changeType { background-color: #ffffff !important; color: #0173C7 !important; border: 1px solid #0173C7 !important; } .handsontable .htFiltersActive .changeType { background-color: #0173C7 !important; border: 1px solid #0173C7 !important; color: white !important; } .handsontable .htUIInput.htUIButton input { background-color: #ffffff !important; border: 1px solid #0173C7 !important; color: #0173C7 !important; } .handsontable .htUIInput.htUIButtonOK input, .handsontable .htUIInput.htUIButtonOK input:hover { background-color: #0173C7 !important; border-color: #0173C7 !important; color: #ffffff !important; } div.htDropdownMenu table.htCore { width: 350px !important; } div.htDropdownMenu div.wtHolder { width: 100% !important; } div.suggestion-detail-title { margin-top: -12px; margin-bottom: 8px; font-weight: bold; } .headerFilterMenu, .headerFilterMasterTablesMenu, .headerFilterValidationsMenu, .headerFilterSuggestionsMenu { position: absolute; z-index: 999; max-height: 100px; min-width: 150px; overflow-y: auto; overflow-x: hidden; background-color: #fff; border: 1px solid var(--grey-1); border-radius: 8px; padding: 4px; font-size: 13px; font-family: var(--font-family); } .headerFilterMenu ul, .headerFilterMasterTablesMenu ul, .headerFilterValidationsMenu ul, .headerFilterSuggestionsMenu ul { list-style-type: none; margin: 0; padding: 0; } .headerFilterMenu ul li, .headerFilterMasterTablesMenu ul li, .headerFilterValidationsMenu ul li, .headerFilterSuggestionsMenu ul li { padding: 2px 0; cursor: pointer; } .headerFilterMenu ul li:hover, .headerFilterMasterTablesMenu ul li:hover, .headerFilterValidationsMenu ul li:hover, .headerFilterSuggestionsMenu ul li:hover { background-color: #ebebeb; } .handsontable th { vertical-align: top !important; }