/* Minification failed. Returning unminified contents. (3730): Scanner error CSS1002: Unterminated string: "a (3729,24): run-time error CSS1036: Expected expression, found '"a ' (3731): Scanner error CSS1002: Unterminated string: "; (7140,128): run-time error CSS1030: Expected identifier, found ',' (7140,138): run-time error CSS1031: Expected selector, found ')' (7140,138): run-time error CSS1025: Expected comma or open brace, found ')' */ div.colorPicker-picker { display: inline-block; position: relative; width: 70px; height: 20px; cursor: pointer; border: 1px solid #000; padding: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .inner-table .table-container div.colorPicker-picker { display: block; margin-left: auto; margin-right: auto; } .dialogButtonPanel div.colorPicker-picker { margin-top: -3px; } div.colorPicker-picker:not(.colorPicker-disabled):after { content: ""; color: rgba(0,0,0, 1); border-top: 4px solid #c1c1c1; border-left: 4px solid transparent; border-right: 4px solid transparent; position: absolute; top: 8px; right: 4px; } div.colorPicker-palette { width: 110px; position: absolute; background-color: #EFEFEF; padding: 2px; z-index: 1010; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; user-select: none; } div.colorPicker_hexWrap { width: 100%; float: left; } div.colorPicker_hexWrap label { font-size: 95%; color: #2F2F2F; margin: 5px 2px; width: 25%; } div.colorPicker_hexWrap input { margin: 5px 2px; padding: 0; font-size: 95%; border: 1px solid #000; width: 65%; } div.colorPicker-swatch { height: 14px; width: 14px; margin: 2px; float: left; cursor: pointer; line-height: 14px; } div.colorPicker-swatch:hover { -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); } .jPaginate { height: 34px; position: relative; color: #a5a5a5; width: 500px; height: 45px; margin: 5px; } .jPaginate a { line-height: 15px; height: 18px; cursor: pointer; padding: 2px 5px; margin: 2px; float: left; } .jPag-control-back { position: absolute; left: 0px; } .jPag-control-front { position: absolute; top: 0px; } .jPaginate span { cursor: pointer; } ul.jPag-pages { float: left; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px; } ul.jPag-pages li { display: table-cell; } ul.jPag-pages li a { float: left; padding: 2px 5px; } span.jPag-current { cursor: default; font-weight: normal; line-height: 15px; height: 18px; padding: 2px 5px; margin: 2px; float: left; } ul.jPag-pages li span.jPag-previous, ul.jPag-pages li span.jPag-next, span.jPag-sprevious, span.jPag-snext, ul.jPag-pages li span.jPag-previous-img, ul.jPag-pages li span.jPag-next-img, span.jPag-sprevious-img, span.jPag-snext-img { height: 22px; margin: 2px; float: left; line-height: 18px; } ul.jPag-pages li span.jPag-previous, ul.jPag-pages li span.jPag-previous-img { margin: 2px 0px 2px 2px; font-size: 12px; font-weight: bold; width: 10px; } ul.jPag-pages li span.jPag-next, ul.jPag-pages li span.jPag-next-img { margin: 2px 2px 2px 0px; font-size: 12px; font-weight: bold; width: 10px; } span.jPag-sprevious, span.jPag-sprevious-img { margin: 2px 0px 2px 2px; font-size: 18px; width: 15px; text-align: right; } span.jPag-snext, span.jPag-snext-img { margin: 2px 2px 2px 0px; font-size: 18px; width: 15px; text-align: right; } ul.jPag-pages li span.jPag-previous-img { background: transparent url(../images/previous.png) no-repeat center right; } ul.jPag-pages li span.jPag-next-img { background: transparent url(../images/next.png) no-repeat center left; } span.jPag-sprevious-img { background: transparent url(../images/sprevious.png) no-repeat center right; } span.jPag-snext-img { background: transparent url(../images/snext.png) no-repeat center left; } /*! jQuery UI - v1.14.0 - 2024-08-05 * https://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 https://jqueryui.com/themeroller/?bgColorDefault=%23f6f6f6&borderColorDefault=%23c5c5c5&fcDefault=%23454545&bgColorHover=%23ededed&borderColorHover=%23cccccc&fcHover=%232b2b2b&bgColorActive=%23007fff&borderColorActive=%23003eff&fcActive=%23ffffff&bgColorHeader=%23e9e9e9&borderColorHeader=%23dddddd&fcHeader=%23333333&bgColorContent=%23ffffff&borderColorContent=%23dddddd&fcContent=%23333333&bgColorHighlight=%23fffa90&borderColorHighlight=%23dad55e&fcHighlight=%23777620&bgColorError=%23fddfdf&borderColorError=%23f1a899&fcError=%235f3f3f&bgColorOverlay=%23aaaaaa&opacityOverlay=.3&bgColorShadow=%23666666&opacityShadow=.3&offsetTopShadow=0px&offsetLeftShadow=0px&thicknessShadow=5px&cornerRadiusShadow=8px&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif&fwDefault=normal&cornerRadius=3px&bgTextureDefault=flat&bgTextureHover=flat&bgTextureActive=flat&bgTextureHeader=flat&bgTextureContent=flat&bgTextureHighlight=flat&bgTextureError=flat&bgTextureOverlay=flat&bgTextureShadow=flat&bgImgOpacityDefault=75&bgImgOpacityHover=75&bgImgOpacityActive=65&bgImgOpacityHeader=75&bgImgOpacityContent=75&bgImgOpacityHighlight=55&bgImgOpacityError=95&bgImgOpacityOverlay=0&bgImgOpacityShadow=0&iconColorActive=%23ffffff&iconColorContent=%23444444&iconColorDefault=%23777777&iconColorError=%23cc0000&iconColorHeader=%23444444&iconColorHighlight=%23777620&iconColorHover=%23555555&opacityOverlayPerc=30&opacityShadowPerc=30&bgImgUrlActive=&bgImgUrlContent=&bgImgUrlDefault=&bgImgUrlError=&bgImgUrlHeader=&bgImgUrlHighlight=&bgImgUrlHover=&bgImgUrlOverlay=&bgImgUrlShadow=&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&bgDefaultRepeat=&bgHoverRepeat=&bgActiveRepeat=&bgHeaderRepeat=&bgContentRepeat=&bgHighlightRepeat=&bgErrorRepeat=&bgOverlayRepeat=&bgShadowRepeat=&bgDefaultYPos=&bgHoverYPos=&bgActiveYPos=&bgHeaderYPos=&bgContentYPos=&bgHighlightYPos=&bgErrorYPos=&bgOverlayYPos=&bgShadowYPos=&bgDefaultXPos=&bgHoverXPos=&bgActiveXPos=&bgHeaderXPos=&bgContentXPos=&bgHighlightXPos=&bgErrorXPos=&bgOverlayXPos=&bgShadowXPos= * Copyright OpenJS 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; } .ui-front { z-index: 100; } /* 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; } .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; user-select: none; } .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 - 125+ */ 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 { 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: .5em 1em; background: none; 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 { touch-action: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; 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%; opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-selectable { touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; 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: pointer; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .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 { 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: #ffffff; 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; font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; background-image: none; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url("images/ui-icons_444444_256x240.png"); } .ui-widget-header .ui-icon { background-image: url("images/ui-icons_444444_256x240.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon { background-image: url("images/ui-icons_555555_256x240.png"); } .ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image: url("images/ui-icons_ffffff_256x240.png"); } .ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon { background-image: url("images/ui-icons_777620_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("images/ui-icons_cc0000_256x240.png"); } .ui-button .ui-icon { background-image: url("images/ui-icons_777777_256x240.png"); } /* positioning */ /* Three classes needed to override `.ui-button:hover .ui-icon` */ .ui-icon-blank.ui-icon-blank.ui-icon-blank { background-image: none; } .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: .3; } .ui-widget-shadow { box-shadow: 0px 0px 5px #666666; } .ol-mouse-position{top:8px;right:8px;position:absolute}.ol-scale-line{background:#95b9e6;background:rgba(0,60,136,.3);border-radius:4px;bottom:8px;left:8px;padding:2px;position:absolute}.ol-scale-line-inner{border:1px solid #eee;border-top:none;color:#eee;font-size:10px;text-align:center;margin:1px;will-change:contents,width}.ol-overlay-container{will-change:left,right,top,bottom}.ol-unsupported{display:none}.ol-viewport .ol-unselectable{-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:transparent}.ol-control{position:absolute;background-color:#eee;background-color:rgba(255,255,255,.4);border-radius:4px;padding:2px}.ol-control:hover{background-color:rgba(255,255,255,.6)}.ol-zoom{top:.5em;left:.5em}.ol-rotate{top:.5em;right:.5em;transition:opacity .25s linear,visibility 0s linear}.ol-rotate.ol-hidden{opacity:0;visibility:hidden;transition:opacity .25s linear,visibility 0s linear .25s}.ol-zoom-extent{top:4.643em;left:.5em}.ol-full-screen{right:.5em;top:.5em}@media print{.ol-control{display:none}}.ol-control button{display:block;margin:1px;padding:0;color:#fff;font-size:1.14em;font-weight:700;text-decoration:none;text-align:center;height:1.375em;width:1.375em;line-height:.4em;background-color:#7b98bc;background-color:rgba(0,60,136,.5);border:none;border-radius:2px}.ol-control button::-moz-focus-inner{border:none;padding:0}.ol-zoom-extent button{line-height:1.4em}.ol-compass{display:block;font-weight:400;font-size:1.2em;will-change:transform}.ol-touch .ol-control button{font-size:1.5em}.ol-touch .ol-zoom-extent{top:5.5em}.ol-control button:focus,.ol-control button:hover{text-decoration:none;background-color:#4c6079;background-color:rgba(0,60,136,.7)}.ol-zoom .ol-zoom-in{border-radius:2px 2px 0 0}.ol-zoom .ol-zoom-out{border-radius:0 0 2px 2px}.ol-attribution{text-align:right;bottom:.5em;right:.5em;max-width:calc(100% - 1.3em)}.ol-attribution ul{margin:0;padding:0 .5em;font-size:.7rem;line-height:1.375em;color:#000;text-shadow:0 0 2px #fff}.ol-attribution li{display:inline;list-style:none;line-height:inherit}.ol-attribution li:not(:last-child):after{content:" "}.ol-attribution img{max-height:2em;max-width:inherit}.ol-attribution button,.ol-attribution ul{display:inline-block}.ol-attribution.ol-collapsed ul{display:none}.ol-attribution.ol-logo-only ul{display:block}.ol-attribution:not(.ol-collapsed){background:rgba(255,255,255,.8)}.ol-attribution.ol-uncollapsible{bottom:0;right:0;border-radius:4px 0 0;height:1.1em;line-height:1em}.ol-attribution.ol-logo-only{background:0 0;bottom:.4em;height:1.1em;line-height:1em}.ol-attribution.ol-uncollapsible img{margin-top:-.2em;max-height:1.6em}.ol-attribution.ol-logo-only button,.ol-attribution.ol-uncollapsible button{display:none}.ol-zoomslider{top:4.5em;left:.5em;width:24px;height:200px}.ol-zoomslider-thumb{position:absolute;background:#7b98bc;background:rgba(0,60,136,.5);border-radius:2px;cursor:pointer;height:10px;width:22px;margin:3px}.ol-touch .ol-zoomslider{top:5.5em;width:2.052em}.ol-touch .ol-zoomslider-thumb{width:1.8em}.ol-overviewmap{left:.5em;bottom:.5em}.ol-overviewmap.ol-uncollapsible{bottom:0;left:0;border-radius:0 4px 0 0}.ol-overviewmap .ol-overviewmap-map,.ol-overviewmap button{display:inline-block}.ol-overviewmap .ol-overviewmap-map{border:1px solid #7b98bc;height:150px;margin:2px;width:150px}.ol-overviewmap:not(.ol-collapsed) button{bottom:1px;left:2px;position:absolute}.ol-overviewmap.ol-collapsed .ol-overviewmap-map,.ol-overviewmap.ol-uncollapsible button{display:none}.ol-overviewmap:not(.ol-collapsed){background:rgba(255,255,255,.8)}.ol-overviewmap-box{border:2px dotted rgba(0,60,136,.7)} /** * QUnit v1.4.0pre - A JavaScript Unit Testing Framework * * http://docs.jquery.com/QUnit * * Copyright (c) 2012 John Resig, Jörn Zaefferer * Dual licensed under the MIT (MIT-LICENSE.txt) * or GPL (GPL-LICENSE.txt) licenses. */ /** Font Family and Sizes */ #qunit-tests, #qunit-header, #qunit-banner, #qunit-testrunner-toolbar, #qunit-userAgent, #qunit-testresult { font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial, sans-serif; } #qunit-testrunner-toolbar, #qunit-userAgent, #qunit-testresult, #qunit-tests li { font-size: small; } #qunit-tests { font-size: smaller; } /** Resets */ #qunit-tests, #qunit-tests ol, #qunit-header, #qunit-banner, #qunit-userAgent, #qunit-testresult { margin: 0; padding: 0; } /** Header */ #qunit-header { padding: 0.5em 0 0.5em 1em; color: #8699a4; background-color: #0d3349; font-size: 1.5em; line-height: 1em; font-weight: normal; border-radius: 15px 15px 0 0; -moz-border-radius: 15px 15px 0 0; -webkit-border-top-right-radius: 15px; -webkit-border-top-left-radius: 15px; } #qunit-header a { text-decoration: none; color: #c2ccd1; } #qunit-header a:hover, #qunit-header a:focus { color: #fff; } #qunit-header label { display: inline-block; } #qunit-banner { height: 5px; } #qunit-testrunner-toolbar { padding: 0.5em 0 0.5em 2em; color: #5E740B; background-color: #eee; } #qunit-userAgent { padding: 0.5em 0 0.5em 2.5em; background-color: #2b81af; color: #fff; text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 1px; } /** Tests: Pass/Fail */ #qunit-tests { list-style-position: inside; } #qunit-tests li { padding: 0.4em 0.5em 0.4em 2.5em; border-bottom: 1px solid #fff; list-style-position: inside; } #qunit-tests.hidepass li.pass, #qunit-tests.hidepass li.running { display: none; } #qunit-tests li strong { cursor: pointer; } #qunit-tests li a { padding: 0.5em; color: #c2ccd1; text-decoration: none; } #qunit-tests li a:hover, #qunit-tests li a:focus { color: #000; } #qunit-tests ol { margin-top: 0.5em; padding: 0.5em; background-color: #fff; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; box-shadow: inset 0px 2px 13px #999; -moz-box-shadow: inset 0px 2px 13px #999; -webkit-box-shadow: inset 0px 2px 13px #999; } #qunit-tests table { border-collapse: collapse; margin-top: .2em; } #qunit-tests th { text-align: right; vertical-align: top; padding: 0 .5em 0 0; } #qunit-tests td { vertical-align: top; } #qunit-tests pre { margin: 0; white-space: pre-wrap; word-wrap: break-word; } #qunit-tests del { background-color: #e0f2be; color: #374e0c; text-decoration: none; } #qunit-tests ins { background-color: #ffcaca; color: #500; text-decoration: none; } /*** Test Counts */ #qunit-tests b.counts { color: black; } #qunit-tests b.passed { color: #5E740B; } #qunit-tests b.failed { color: #710909; } #qunit-tests li li { margin: 0.5em; padding: 0.4em 0.5em 0.4em 0.5em; background-color: #fff; border-bottom: none; list-style-position: inside; } /*** Passing Styles */ #qunit-tests li li.pass { color: #5E740B; background-color: #fff; border-left: 26px solid #C6E746; } #qunit-tests .pass { color: #528CE0; background-color: #D2E0E6; } #qunit-tests .pass .test-name { color: #366097; } #qunit-tests .pass .test-actual, #qunit-tests .pass .test-expected { color: #999999; } #qunit-banner.qunit-pass { background-color: #C6E746; } /*** Failing Styles */ #qunit-tests li li.fail { color: #710909; background-color: #fff; border-left: 26px solid #EE5757; white-space: pre; } #qunit-tests > li:last-child { border-radius: 0 0 15px 15px; -moz-border-radius: 0 0 15px 15px; -webkit-border-bottom-right-radius: 15px; -webkit-border-bottom-left-radius: 15px; } #qunit-tests .fail { color: #000000; background-color: #EE5757; } #qunit-tests .fail .test-name, #qunit-tests .fail .module-name { color: #000000; } #qunit-tests .fail .test-actual { color: #EE5757; } #qunit-tests .fail .test-expected { color: green; } #qunit-banner.qunit-fail { background-color: #EE5757; } /** Result */ #qunit-testresult { padding: 0.5em 0.5em 0.5em 2.5em; color: #2b81af; background-color: #D2E0E6; border-bottom: 1px solid white; } /** Fixture */ #qunit-fixture { position: absolute; top: -10000px; left: -10000px; width: 1000px; height: 1000px; } @font-face { font-family: 'Roboto'; src: local('Roboto Thin'), local('Roboto-Thin'), url('../../Content/Fonts/Roboto/Robotothin.woff2') format('woff2'), url('../../Content/Fonts/Roboto/Robotothin.woff') format('woff'), url('../../Content/Fonts/Roboto/Robotothin.ttf') format('truetype'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Roboto'; src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url('../../Content/Fonts/Roboto/Robotothinitalic.woff2') format('woff2'), url('../../Content/Fonts/Roboto/Robotothinitalic.woff') format('woff'), url('../../Content/Fonts/Roboto/Robotothinitalic.ttf') format('truetype'); font-weight: 100; font-style: italic; } @font-face { font-family: 'Roboto'; src: local('Roboto Light'), local('Roboto-Light'), url('../../Content/Fonts/Roboto/Robotolight.woff2') format('woff2'), url('../../Content/Fonts/Roboto/Robotolight.woff') format('woff'), url('../../Content/Fonts/Roboto/Robotolight.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Roboto'; src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url('../../Content/Fonts/Roboto/Robotolightitalic.woff2') format('woff2'), url('../../Content/Fonts/Roboto/Robotolightitalic.woff') format('woff'), url('../../Content/Fonts/Roboto/Robotolightitalic.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Roboto'; src: local('Roboto'), local('Roboto-Regular'), url('../../Content/Fonts/Roboto/Roboto.woff2') format('woff2'), url('../../Content/Fonts/Roboto/Roboto.woff') format('woff'), url('../../Content/Fonts/Roboto/Roboto.ttf') format('truetype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Roboto'; src: local('Roboto Italic'), local('Roboto-Italic'), url('../../Content/Fonts/Roboto/Robotoitalic.woff2') format('woff2'), url('../../Content/Fonts/Roboto/Robotoitalic.woff') format('woff'), url('../../Content/Fonts/Roboto/Robotoitalic.ttf') format('truetype'); font-weight: 400; font-style: italic; } @font-face { font-family: 'Roboto'; src: local('Roboto Medium'), local('Roboto-Medium'), url('../../Content/Fonts/Roboto/Robotomedium.woff2') format('woff2'), url('../../Content/Fonts/Roboto/Robotomedium.woff') format('woff'), url('../../Content/Fonts/Roboto/Robotomedium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Roboto'; src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url('../../Content/Fonts/Roboto/Robotomediumitalic.woff2') format('woff2'), url('../../Content/Fonts/Roboto/Robotomediumitalic.woff') format('woff'), url('../../Content/Fonts/Roboto/Robotomediumitalic.ttf') format('truetype'); font-weight: 500; font-style: italic; } @font-face { font-family: 'Roboto'; src: local('Roboto Bold'), local('Roboto-Bold'), url('../../Content/Fonts/Roboto/Robotobold.woff2') format('woff2'), url('../../Content/Fonts/Roboto/Robotobold.woff') format('woff'), url('../../Content/Fonts/Roboto/Robotobold.ttf') format('truetype'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Roboto'; src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url('../../Content/Fonts/Roboto/Robotobolditalic.woff2') format('woff2'), url('../../Content/Fonts/Roboto/Robotobolditalic.woff') format('woff'), url('../../Content/Fonts/Roboto/Robotobolditalic.ttf') format('truetype'); font-weight: 700; font-style: italic; } @font-face { font-family: 'Roboto'; src: local('Roboto Black'), local('Roboto-Black'), url('../../Content/Fonts/Roboto/Robotoblack.woff2') format('woff2'), url('../../Content/Fonts/Roboto/Robotoblack.woff') format('woff'), url('../../Content/Fonts/Roboto/Robotoblack.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Roboto'; src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url('../../Content/Fonts/Roboto/Robotoblackitalic.woff2') format('woff2'), url('../../Content/Fonts/Roboto/Robotoblackitalic.woff') format('woff'), url('../../Content/Fonts/Roboto/Robotoblackitalic.ttf') format('truetype'); font-weight: 900; font-style: italic; } * { padding: 0; margin: 0; } body { font-family: Roboto, Tahoma, Geneva, Arial, sans-serif; font-size: 12px; font-weight: 400; font-stretch: normal; line-height: 1.4; } button { font-family: Roboto, Tahoma, Geneva, Arial, sans-serif; } h1 { font-size: 15px; font-weight: 400; } :focus { outline: none; } a { color: #c21931; text-decoration: none; } a.blackLink { color: black; } a:hover:not(.disabled):not(.btn) { text-decoration: underline; } a.disabled { pointer-events: none; } a + a { margin-left: 6px; } input, textarea, select { font-family: inherit; font-size: 100%; } textarea { resize: none; width: 100%; } ::-webkit-scrollbar { width: 12px; height: 12px; background-color: #eeeeee; } ::-webkit-scrollbar-thumb { background-color: #b4b4b4; border-radius: 10px; height: 30%; } ::-webkit-scrollbar-thumb:hover { background-color: #a5a5a5; } ::-webkit-scrollbar-button { height: 12px; width: 12px; background-repeat: no-repeat; } ::-webkit-scrollbar-button:vertical:increment { background-image: url("data:image/svg+xml;utf8,"); } ::-webkit-scrollbar-button:vertical:increment:hover { background-image: url("data:image/svg+xml;utf8,"); } ::-webkit-scrollbar-button:vertical:decrement { background-image: url("data:image/svg+xml;utf8,"); } ::-webkit-scrollbar-button:vertical:decrement:hover { background-image: url("data:image/svg+xml;utf8,"); } ::-webkit-scrollbar-button:horizontal:increment { background-image: url("data:image/svg+xml;utf8,"); } ::-webkit-scrollbar-button:horizontal:increment:hover { background-image: url("data:image/svg+xml;utf8,"); } ::-webkit-scrollbar-button:horizontal:decrement { background-image: url("data:image/svg+xml;utf8,"); } ::-webkit-scrollbar-button:horizontal:decrement:hover { background-image: url("data:image/svg+xml;utf8,"); } input[type="text"], input[type="file"], input[type="password"], textarea, select { background-color: #434343; color: #ffffff; border: 1px solid #333333; padding: 1px; } input[type="text"]:disabled, input[type="file"]:disabled, input[type="password"]:disabled, input[type="button"]:disabled, textarea:disabled, select:disabled { color: #ccc; background-color: #9c9c9c; border-color: #ccc; opacity: inherit; } input[type="text"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="button"]:focus, input[type="button"]:hover:not(:disabled), button:focus, button:hover:not(:disabled), textarea:focus, a:focus:not(.disabled) { border-collapse: separate; } select:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted #333333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } fieldset { padding: 5px 7px 5px 7px; margin: 5px 0 5px 0; border-color: #7e7e7e; border-width: 1px; } legend { border: 0; padding: 0; font-weight: bold; } input[type="radio"], input[type="checkbox"] { margin: 0px; vertical-align: text-top; } label { vertical-align: middle; } nav { height: 35px; padding: 0 30px; margin: 10px -5% 0 -5%; background: #d5d5d6; color: #393939; line-height: 35px; } nav ul, nav ul li { margin: 0; padding: 0; list-style: none; display: inline-block; } nav ul li { min-width: 20px; text-align: center; } nav a { color: #393939; text-decoration: none; } table.tableWithInputAndSelect { border-collapse: collapse; } table.tableWithInputAndSelect td:last-child { padding-left: 0; width: 18px; } table.tableWithInputAndSelect select, table.tableWithInputAndSelect input { height: 20px; padding: 0; } table.tableWithInputAndSelect input { width: 40px; padding-left: 5px; border-right: 0; } table.tableWithInputAndSelect select { width: 18px; border-left: 0; } .btn { height: 17px; padding: 0 10px; background-color: #6a6a6a; border: 0px solid #000; border-radius: 7px; color: #fcfcfc; font-size: 11px; font-weight: 400; line-height: 16px; } .btn:not(:disabled) { cursor: pointer; } .btn:active:not(:disabled) { border-color: rgba(0, 0, 0, 0.5); border-width: 2px as depicted above; } .btn.pressed:not(:disabled), input[type="button"].btn.pressed:not(:disabled):focus:not(:hover) { color: #e3e3e3; -webkit-box-shadow: inset 2px 2px 2px 0 rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 2px 2px 2px 0 rgba(0, 0, 0, 0.5); box-shadow: inset 2px 2px 2px 0 rgba(0, 0, 0, 0.5); } .btnIpChooser { height: 20px; width: 20px; background: transparent url(../../SystemImages/IPAM_Icon.png) no-repeat center; background-position-x: 0px; } .btnTextEditor { height: 20px; width: 20px; background: transparent url(../../SystemImages/textEditor.png) 0px 0px no-repeat; } .btnTextEditor.Exp { background-position: 0 0; } .btnTextEditor.Bold { background-position: -20px 0; } .btnTextEditor.Italic { background-position: -40px 0; } .btnTextEditor.Underline { background-position: -60px 0; } input.search { padding-left: 7px; } .Bold { font-weight: bold; } .Italic { font-style: italic; } .Underline { text-decoration: underline; } .textForIPProtocols { opacity: 0; position: absolute; } #loading-div-background { display: none; position: fixed; top: 0; left: 0; z-index: 1; opacity: 0.8; width: 100%; height: 100%; } #loading-div-background #loading-div { text-align: center; position: absolute; left: 50%; top: 50%; margin-left: -100px; margin-top: -100px; width: 200px; min-height: 150px; } #loading-div-background #loading-div #annotation { margin: 5px; background-color: red; color: white; border-radius: 6px; font-weight: 600; } li.Updater, li.Annotator, li.ReadOnly, li.DiagramReadOnly { display: none; } .catalog-table-add-new a { float: right; min-width: 50px; } .catalog-table-add-new .defaultFields { margin-right: 9px; } .taskIcon { width: 25px; height: 19px; margin: auto; } .dialog .taskIcon { margin-right: 5px; } .taskIcon.addTask { background: transparent url(../../SystemImages/taskIcon.png) no-repeat center; background-position-x: 0px; } .taskIcon.delTask { background: transparent url(../../SystemImages/taskIcon.png) no-repeat center; background-position-x: -25px; } .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 */ } .listStyle-none { list-style: none; } #HierarchyTreeForExceptions { font-size: 15px; font-weight: 400; padding: 30px 0 0 30px; height: 600px; overflow: auto; background-color: #494949; color: #ffffff; } #HierarchyTreeForExceptions .treeview { color: inherit; } #HierarchyTreeForExceptions .treeview ul { color: inherit; } #HierarchyTreeForExceptions .treeview li { line-height: 23px; } #HierarchyTreeForExceptions .noaccess, #HierarchyTreeForExceptions .noaccess > .subtree { color: red; } #HierarchyTreeForExceptions .diagramreadonly, #HierarchyTreeForExceptions .diagramreadonly > .subtree { color: orange; } #HierarchyTreeForExceptions .readonly, #HierarchyTreeForExceptions .readonly > .subtree { color: yellow; } #HierarchyTreeForExceptions .annotator, #HierarchyTreeForExceptions .annotator > .subtree { color: #00ff21; } #HierarchyTreeForExceptions .updater, #HierarchyTreeForExceptions .updater > .subtree { color: #0094ff; } .right { float: right; display: inline-block; list-style: none; } .right > li { float: left; margin: 0 4px; } .right.refresh { height: 18px; width: 18px; fill: #c21931; border-radius: 5px; cursor: pointer; padding: 2px; top: -22px; position: relative; } .right.refresh svg { height: 100%; width: 100%; } hr { color: #000000; background-color: #000000; border: none; height: 1px; } .pending { min-width: 15px; min-height: 15px; background-image: url(../../SystemImages/toggle_pending.gif); background-position: center; background-repeat: no-repeat; } .fixedLabel, .label { cursor: default; } .fixedLabel div, .label div { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .ExpirationDaysMessage { position: absolute; padding: 10px 30px; text-align: center; max-width: 465px; overflow: hidden; cursor: default; border-radius: 5px 5px 0px 0px; background-color: rgba(239, 73, 63, 0.8); color: white; bottom: -5px; z-index: 5; } .ExpirationDaysMessage.OnLogin { position: fixed; border-radius: 0px 0px 5px 5px; bottom: initial; } .ExpirationDaysMessage > a { color: white; margin-left: 5px; } path, text { stroke-linejoin: round; } .lds-spinner { display: inline-block; position: relative; width: 80px; height: 80px; } .lds-spinner div { transform-origin: 40px 40px; animation: lds-spinner 1.2s linear infinite; } .lds-spinner div:after { content: " "; display: block; position: absolute; top: 3px; left: 37px; width: 10px; height: 10px; border-radius: 100%; background-color: #C10830; } .lds-spinner div:nth-child(1) { transform: rotate(0deg); animation-delay: -1.1s; } .lds-spinner div:nth-child(2) { transform: rotate(30deg); animation-delay: -1s; } .lds-spinner div:nth-child(3) { transform: rotate(60deg); animation-delay: -0.9s; } .lds-spinner div:nth-child(4) { transform: rotate(90deg); animation-delay: -0.8s; } .lds-spinner div:nth-child(5) { transform: rotate(120deg); animation-delay: -0.7s; } .lds-spinner div:nth-child(6) { transform: rotate(150deg); animation-delay: -0.6s; } .lds-spinner div:nth-child(7) { transform: rotate(180deg); animation-delay: -0.5s; } .lds-spinner div:nth-child(8) { transform: rotate(210deg); animation-delay: -0.4s; } .lds-spinner div:nth-child(9) { transform: rotate(240deg); animation-delay: -0.3s; } .lds-spinner div:nth-child(10) { transform: rotate(270deg); animation-delay: -0.2s; } .lds-spinner div:nth-child(11) { transform: rotate(300deg); animation-delay: -0.1s; } .lds-spinner div:nth-child(12) { transform: rotate(330deg); animation-delay: 0s; } @keyframes lds-spinner { 0% { opacity: 1; } 100% { opacity: 0; } } .timepicker > * { display: inline-block; } .timepicker > select { width: 60%; padding: 4px; } .timepicker > span { width: 4px; } .timepicker > span:after { content: ":"; } .timepicker > input { width: calc(40% - 22px); padding: 5px; } body { background-color: #9e9c9d; } .b-top { position: absolute; right: 0px; left: 0px; height: 37px; font-weight: 700; } .b-top.b-top-extended { height: 96px; } .b-top .toolbar { position: absolute; height: 100%; display: inline-block; vertical-align: top; overflow: hidden; list-style: none; color: #000000; } .b-top .toolbar .toolbarItem#EventsTableLink .toolbarImage.newEvents { fill: #c21931; } .b-top .toolbar .toolbarItem.pressed, .b-top .toolbar .toolbarImage.pressed, .b-top .toolbar .toolbarItem:not(.toolbarSeparator):not(.disabled):hover, .b-top .toolbar .toolbarImage:not(.toolbarSeparator):not(.disabled):hover { background-color: #808080; } .b-top .toolbar .toolbarItem:not(.toolbarSeparator):not(.disabled), .b-top .toolbar .toolbarImage:not(.toolbarSeparator):not(.disabled) { cursor: pointer; } .b-top .rightToolbar .toolbar .toolbarItem.pressed, .b-top .rightToolbar .toolbar .toolbarImage.pressed, .b-top .rightToolbar .toolbar .toolbarItem:not(.toolbarSeparator):not(.disabled):hover, .b-top .rightToolbar .toolbar .toolbarImage:not(.toolbarSeparator):not(.disabled):hover { background-color: #9e9c9d; } .b-top .b-topHeader { line-height: 37px; width: 100%; height: 37px; overflow: hidden; border-spacing: 0; color: #ffffff; background-color: #9e9c9d; } .b-top .b-topHeader > div { display: inline-block; position: absolute; } .b-top .b-topHeader .toolbar .toolbarItem .toolbarImage { display: block; margin: 2px auto; margin-top: 4px; } .b-top .b-topHeader > .leftToolbar .tabs .tab { color: #ffffff; } .b-top .b-topHeader > .leftToolbar .tabs .tab.logoContainer { width: 140px; padding: 0px; cursor: default; } .b-top .b-topHeader > .leftToolbar .tabs .tab.logoContainer div { height: 37px; } .b-top .b-topHeader > .leftToolbar .tabs .tab.logoContainer div svg { width: 100%; height: 100%; fill: #000000; } .b-top .b-topHeader > .leftToolbar .tabs .tab.logoContainer div img { display: block; height: 35px; max-width: 100%; margin: auto; } .b-top .b-topHeader > div.rightToolbar { right: 15px; } .b-top .b-topHeader > div.rightToolbar .toolbar { position: relative; padding: 0; } .b-top .b-topHeader > div.rightToolbar .toolbar #LastDiagram { width: unset; float: left; padding-top: 0px; padding-left: 3px; color: #000000; margin-right: 10px; font-size: 8pt; } .b-top .b-topHeader > div.rightToolbar .toolbar #LastDiagram svg { float: left; } .b-top .b-topHeader > div.rightToolbar .toolbar #LastDiagram span { float: left; padding-left: 7px; color: #000000; } .b-top .b-topHeader > div.rightToolbar .toolbar #LastDiagram span:hover { text-decoration: underline; } .b-top .b-topHeader > div.rightToolbar .toolbar .ToolbarSearch { margin-top: 1px; } .b-top .b-topHeader > div.rightToolbar .toolbar .ToolbarSearch .icon { position: absolute; left: 14px; top: 8px; fill: #000000; } .b-top .b-topHeader > div.rightToolbar .toolbar .ToolbarSearch .icon svg { width: 22px; height: 22px; } .b-top .b-topHeader > div.rightToolbar .toolbar input.search#ToolbarSearch { color: #000000; background-color: #ffffff; background-repeat: no-repeat; background-size: 12px; background-position: 5px; border: none; border-radius: 5px; height: 18px; margin: 0 6px; padding-left: 28px; } .b-top .b-topHeader > div.rightToolbar > ul li { float: left; } .b-top .b-topHeader > div.rightToolbar > ul li:not(.toolbarItem) { margin: 0 4px; } .b-top .b-topHeader > div.rightToolbar .toolbarSpacer div { height: 22px; width: 1px; background-color: #767676; margin-top: 8px; } .b-top .b-topHeader > div.rightToolbar .toolbarItem { width: 28px; margin: 0 5px; } .b-top .b-topHeader > div.rightToolbar .toolbarItem .toolbarImage { fill: #000000; width: 22px; height: 29px; } .b-top .b-topHeader > div.rightToolbar .toolbarItem#Notificator.warning .toolbarImage { fill: orange; } .b-top .b-topHeader > div.rightToolbar .toolbarItem#Notificator.danger .toolbarImage { fill: #c21931; } .b-top .b-topHeader > div.rightToolbar .toolbarItem#Notificator:not(.warning):not(.danger) { display: none; } .logOnBackground { position: absolute; bottom: 0px; display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: 100% 100%; } .logOnBackgroundImage0 { background-image: url(../../SystemImages/LoginBackground.jpg); } .logOnBackgroundImage1 { background-image: url(../../SystemImages/LoginBackground1.jpg); } .logOnBackgroundImage2 { background-image: url(../../SystemImages/LoginBackground2.jpg); } .logOnBackgroundImage3 { background-image: url(../../SystemImages/LoginBackground3.jpg); } .logOnBackgroundImage4 { background-image: url(../../SystemImages/LoginBackground4.jpg); } .logOnBackgroundImage5 { background-image: url(../../SystemImages/LoginBackground5.jpg); } .logOnBackgroundImage6 { background-image: url(../../SystemImages/LoginBackground6.jpg); } .logOnBackgroundImage7 { background-image: url(../../SystemImages/LoginBackground7.jpg); } #authenticationForm { position: absolute; margin: -200px -219px; font-size: 16pt; font-weight: 400; width: 269px; min-height: 290px; color: white; text-align: center; padding: 50px 60px 60px 109px; background: #c10831; background: linear-gradient(90deg, #c10831 40%, #e6007e 100%); } #authenticationForm .provider { font-size: 9.6pt; margin-left: -50px; margin-bottom: 15px; } #authenticationForm .validation-summary-errors { font-size: 9pt; font-weight: 400; padding-top: 16px; margin-left: -50px; padding-bottom: 40px; } #authenticationForm .validation-summary-errors :first-child { list-style: none; } #authenticationForm .input { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #authenticationForm input { filter: none; } #authenticationForm > .title { margin-left: -50px; text-align: center; white-space: nowrap; font-size: 29.7pt; font-weight: 200; } #authenticationForm > .title span { font-weight: 300; } #authenticationForm > .versionTitle { margin-top: -10px; margin-bottom: 24px; text-align: right; font-size: 19pt; font-weight: 300; } #authenticationForm .parallelogram { margin-top: 16px; } #authenticationForm .parallelogram.first { margin-top: 8px; } #authenticationForm .parallelogram > .icon { position: absolute; margin-top: 3px; margin-left: -51px; width: 45px; height: 45px; fill: white; } #authenticationForm .parallelogram > .icon.eye { width: 31px; height: 31px; margin-left: -40px; margin-top: 7px; cursor: pointer; } #authenticationForm .parallelogram > .icon.eye.hidden { display: none; } #authenticationForm .parallelogram > input { background-color: white; height: 24px; width: 202px; padding: 12px 50px 9px 17px; border: none; border-radius: 13px; color: rgba(193, 23, 48, 0.68); } #authenticationForm .parallelogram > input :focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #authenticationForm .parallelogram > input ::-webkit-input-placeholder { /* Edge */ color: rgba(193, 23, 48, 0.68); } #authenticationForm .parallelogram > input :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: rgba(193, 23, 48, 0.68); } #authenticationForm .parallelogram > input ::placeholder { color: rgba(193, 23, 48, 0.68); } #authenticationForm table.logOnButtons { bottom: 60px; position: absolute; border-spacing: 0; font-size: 9.6pt; font-weight: 500; white-space: nowrap; margin-right: 60px; } #authenticationForm table.logOnButtons td > span { text-align: center; } #authenticationForm table.logOnButtons td:first-child { width: 1%; } #authenticationForm table.logOnButtons td:last-child { width: 1%; } #authenticationForm table.logOnButtons td a { display: block; text-align: center; vertical-align: middle; line-height: 24px; } #authenticationForm table.logOnButtons td a span { margin: 0 32px 0 0; } #authenticationForm table.logOnButtons td a svg { float: left; width: 18px; height: 18px; margin: 3px 6px 0 5px; } #authenticationForm table.logOnButtons > * { margin-bottom: 10px; } #authenticationForm table.logOnButtons .back-to-logon { float: left; color: white; } #authenticationForm table.logOnButtons .dialogButton { color: white; } #authenticationForm table.logOnButtons .dialogButton svg { fill: white; } #authenticationForm table.logOnButtons .lds-spinner { width: 20px; height: 20px; display: none; } #authenticationForm table.logOnButtons .lds-spinner div { transform-origin: 10px 10px; } #authenticationForm table.logOnButtons .lds-spinner div:after { width: 4px; height: 4px; left: 17px; background-color: white; } #authentication { position: absolute; left: 50%; top: 50%; } #authentication #SendCodeButtonForm input { color: white; float: right; margin-top: 12px; white-space: nowrap; height: 24px; background-color: black; border: 0; font-size: 9.6pt; font-weight: 400; box-shadow: none; border-radius: 4px; padding: 0 11px; cursor: pointer; } #LogOnForm label, #VerifyCodeForm label { white-space: nowrap; } #LogOnForm input[type=submit], #VerifyCodeForm input[type=submit], #LogOnForm .SignInButton, #VerifyCodeForm .SignInButton, #LogOnForm .back-to-logon, #VerifyCodeForm .back-to-logon { float: right; height: 24px; background-color: black; border: 0; font-size: 9.6pt; font-weight: 400; box-shadow: none; border-radius: 4px; padding: 0 9px; text-decoration: none; } #LogOnForm #serverName .pending, #VerifyCodeForm #serverName .pending { background-position: left; } .tutorialBackdrop { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1100; background-color: #000; } .tutorialBackdrop.tutBLight { background-color: #ffffff; } .tutorialBackdrop.tutBLight.tutBSemiTransparent, .tutorialBackdrop.tutBLight.tutBFade.tutFadeIn { opacity: 0.4; } .tutorialBackdrop.tutBLight.tutBSemiTransparent.tutFadeOut, .tutorialBackdrop.tutBLight.tutBFade.tutFadeIn.tutFadeOut { opacity: 0; } .tutorialBackdrop.tutBDark { background-color: #000; } .tutorialBackdrop.tutBDark.tutBSemiTransparent, .tutorialBackdrop.tutBDark.tutBFade.tutFadeIn { opacity: 0.6; } .tutorialBackdrop.tutBDark.tutBSemiTransparent.tutFadeOut, .tutorialBackdrop.tutBDark.tutBFade.tutFadeIn.tutFadeOut { opacity: 0; } .tutorialBackdrop.tutBFade { opacity: 0; -webkit-transition: opacity 1s linear; -o-transition: opacity 1s linear; transition: opacity 1s linear; } .tutorialNavigationPanel { position: absolute; bottom: -1.8cm; left: 0.6cm; line-height: 20pt; border-radius: 8px; } .tutorialNavigationPanel .tutorialBtn { margin-right: 0px; } .tutorialBtn { color: #ffffff; background-color: #c10831; font-size: 16pt; cursor: pointer; display: inline-block; border-radius: 8px; text-align: center; padding: 0px 10px; margin-right: 18px; } .tutorialBtn :hover { text-decoration: underline; } .tutorialRedFrame { position: absolute; border: 5px solid #08c131; border-radius: 20px; z-index: 1103; -webkit-box-shadow: 5px 5px 15px 2px rgba(8, 193, 49, 0.4); -moz-box-shadow: 5px 5px 15px 2px rgba(8, 193, 49, 0.4); box-shadow: 5px 5px 15px 2px rgba(8, 193, 49, 0.4); } .tutRedArrow { position: absolute; z-index: 1103; background-position: center; background-size: contain; background-repeat: no-repeat; background-image: url(../../SystemImages/Tours/arrow.svg); width: 97px; height: 230px; } .tutRedArrow.tutRedArrowVert.tutRedArrowInvert { transform: scaleY(-1); } .tutRedArrow.tutRedArrowHor { transform: rotate(90deg); } .tutRedArrow.tutRedArrowHor.tutRedArrowInvert { transform: rotate(90deg) scaleY(-1); } .tut_shadow { -webkit-box-shadow: 5px 5px 15px 2px rgba(193, 8, 49, 0.2); -moz-box-shadow: 5px 5px 15px 2px rgba(193, 8, 49, 0.2); box-shadow: 5px 5px 15px 2px rgba(193, 8, 49, 0.2); } .tutorial { position: absolute; font-size: 18pt; line-height: 28px; max-width: 600px; z-index: 1103; background-clip: padding-box; background-color: #ffffff; border-radius: 12px; } .tutorial.tutFadeOut > .tutWithFadeEffect { opacity: 0; -webkit-transition: opacity 0.5s linear; -o-transition: opacity 0.5s linear; transition: opacity 0.5s linear; } .tutorial > .tut_header { color: #ffffff; background-color: #c10831; border-radius: 12px 12px 0 0; text-align: left; padding: 14px 1cm 0 1cm; } .tutorial > .tut_content { color: #333333; padding: 1cm; margin: auto; } .tutorial > .tut_content.tut_content_noPadding { padding: 0px; } .tutorial > .tut_content.tut_significant, .tutorial > .tut_content .tut_significant { color: #c10831; } .tutorial > .tut_content > img { vertical-align: middle; } .tutorial > .tut_content > .tut_buttons { text-align: left; margin-top: 15px; } .tutorial > .tut_content > .tut_buttons ul { margin-left: 23px; } .tutorial > .tut_content > .tut_buttons a { color: inherit; float: left; font-style: italic; cursor: pointer; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 500px; } .tutorial > .tut_content > .tut_buttons.tut_buttons_center { text-align: center; } .tutorial .tutRedArrow.tutRedArrowHor:not(.tutRedArrowInvert) { margin-left: 10px; } .tutorial .tutRedArrow.tutRedArrowHor.tutRedArrowInvert { margin-right: 10px; } .tutorial .tutRedArrow.tutRedArrowVert:not(.tutRedArrowInvert) { margin-bottom: 10px; } .tutorial .tutRedArrow.tutRedArrowVert.tutRedArrowInvert { margin-top: 10px; } .tutorial .tut_dragonfly { position: absolute; border-radius: 57px; width: 2.65cm; height: 2.65cm; top: -3.3cm; left: 0.6cm; background-repeat: no-repeat; background-image: url(../../SystemImages/Tours/dragonfly.svg); background-position: -7px -7px; background-size: 115px 115px; } .tutorial .tut_navArrowContainer { position: absolute; top: 0px; width: 45px; height: 65px; } .tutorial .tut_navArrowContainer:hover { cursor: pointer; } .tutorial .tut_navArrowContainer.tut_navArrowContainerPrev { left: -47px; border-radius: 6px 0 0 6px; } .tutorial .tut_navArrowContainer.tut_navArrowContainerNext { right: -47px; border-radius: 0 6px 6px 0; } .tutorial .tut_navArrowContainer .tut_navigationArrow { position: absolute; border-style: solid; border-color: rgba(193, 8, 49, 0.2); border-width: 0 10px 10px 0; display: inline-block; padding: 10px; top: 17px; } .tutorial .tut_navArrowContainer:hover .tut_navigationArrow { border-color: rgba(193, 8, 49, 0.4); } .tutorial .tut_navArrowContainerPrev .tut_navigationArrow { transform: rotate(135deg); -webkit-transform: rotate(135deg); right: 2px; } .tutorial .tut_navArrowContainerNext .tut_navigationArrow { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); left: 2px; } .b-middle section.inner-table .b-filters { padding: 0 0 3px 10px; } .b-middle section > .combinedView { margin-top: 30px; display: grid; grid-template-areas: "a b"; grid-gap: 50px; grid-template-columns: 130px auto; } .b-middle section > .combinedView > .combinedView-header, .b-middle section > .combinedView .combinedView-content { display: inline-block; vertical-align: top; } .b-middle section > .combinedView > .combinedView-header li { border-bottom: 1px solid #b4b4b4; line-height: 40px; min-width: 130px; } .b-middle section > .combinedView > .combinedView-header li input { display: none; } .b-middle section > .combinedView > .combinedView-header li input:checked ~ label { font-weight: bold; } .b-middle section > .combinedView > .combinedView-header li:last-child { border-bottom: none; } .b-middle section > .combinedView > .combinedView-content > div { display: none; } .b-middle section > .combinedView > .combinedView-content > div.combinedView-content-active { display: grid; } .b-middle section > .combinedView > .combinedView-content > div fieldset { padding: 15px 30px 15px 30px; border-color: #ffffff; height: fit-content; } .b-middle section > .combinedView > .combinedView-content > div fieldset.limited-width-500 { max-width: 500px; } .b-middle section > .combinedView > .combinedView-content > div fieldset.fit-content { width: fit-content; } .b-middle section > .combinedView > .combinedView-content input[type="text"]:not(.full-width) { width: 66px; } .b-middle section > .combinedView > .combinedView-content select:not(#SheetSize) { width: 149px; } .b-middle section > .stats-view { margin-top: 30px; } .b-middle section > .stats-view .stats-view-fieldset { padding: 20px 30px; line-height: 25px; max-width: 400px; } .b-middle section > .stats-view .stats-view-fieldset > legend { padding: 0 5px; } .b-middle section section > ul { list-style: none; } .horizontal-form.limited-width-950 { max-width: 950px; } .horizontal-form.limited-width-950.two-columns { grid-auto-columns: minmax(auto, 460px); } .horizontal-form.two-columns { grid-template-areas: "a b"; } .horizontal-form.two-rows { grid-template-areas: "a b"; } .horizontal-form.two-columns, .horizontal-form .two-rows { display: grid; grid-gap: 30px; } .horizontal-form.two-columns > .column-with-children, .horizontal-form .two-rows > .column-with-children { display: grid; } .horizontal-form .editor-label { float: left; width: 220px; margin-right: 10px; } .horizontal-form .editor-label ~ .editor-label { margin-top: 15px; } .horizontal-form .editor-field ~ .editor-field { margin-top: 15px; } .column { display: inline-table; width: 100%; border-spacing: 9px; } .column td:nth-child(1) { height: 14pt; } .column td:nth-child(3) { float: right; } .columns > .column { width: auto; display: table-cell; } .columns.page-setup { display: table; width: 100%; white-space: nowrap; } .columns.page-setup > .column:first-child { position: relative; } .columns.page-setup > .column:first-child #SheetSize { position: absolute; top: 8px; left: 9px; right: 9px; } .columns.page-setup > .column td:nth-child(1) { width: initial; } .input-validation-error { color: red; } #licenseInfoTable { border-spacing: 5px; } #licenseInfoTable td { padding: 5px; } #licenseInfoTable tr:not(.licenseInfoTable-no-formatting) > td:last-child { background-color: #ffffff; } .context-menu-list { font-size: 11px; font-weight: 400; margin: 0; padding: 2px; min-width: 120px; max-width: 250px; display: inline-block; position: absolute; list-style-type: none; background-color: #d0d0d0; border: 1px solid #000000; border-radius: 5px; color: #000000; -webkit-box-shadow: 3px 3px 4px rgba(42, 41, 41, 0.8); -moz-box-shadow: 3px 3px 4px rgba(42, 41, 41, 0.8); box-shadow: 3px 3px 4px rgba(42, 41, 41, 0.8); } .context-menu-item { padding: 0 10px 0 0; margin: 0; position: relative; -webkit-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none; white-space: nowrap; } .context-menu-item > label > input, .context-menu-item > label > textarea { -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; } .context-menu-item.hover { cursor: default; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #ffffff; background-color: #c21931; } .context-menu-item.hover svg { fill: #ffffff; } .context-menu-item.disabled { cursor: default; color: #808080; } .context-menu-item.context-menu-submenu:after { content: ""; color: #000000; border-left: 4px solid #000000; border-top: 4px solid transparent; border-bottom: 4px solid transparent; position: absolute; top: 6px; right: 4px; font-size: 12px; font-weight: bold; z-index: 1; } .context-menu-item.hover.context-menu-submenu:after { color: #ffffff; border-left-color: #ffffff; } .context-menu-item.disabled.context-menu-submenu:after { color: #808080; border-left-color: #808080; } .context-menu-item.hover > .context-menu-list { display: block; } .context-menu-item div { height: 23px; line-height: 22px; max-width: 36px; min-width: 20px; display: inline-block; vertical-align: top; } .context-menu-item span { display: inline-block; vertical-align: top; margin-left: 5px; margin-right: 5px; height: 23px; line-height: 22px; width: 90%; overflow: hidden; text-overflow: ellipsis; } .context-menu-item span.context-menu-item-span-width80 { width: 80%; } .context-menu-item .context-menu-item-isActive-placeholder { visibility: hidden; min-width: 5px; position: absolute; right: 4px; } .context-menu-item.context-menu-item-isActive .context-menu-item-isActive-placeholder { visibility: visible; } .context-menu-item .icon, .context-menu-item svg { height: 19px; width: 19px; background-size: contain; background-repeat: no-repeat; background-position: center; overflow: hidden; fill: #000000; top: 2px; position: inherit; } .context-menu-accesskey { text-decoration: underline; } .context-menu-separator { height: 0; margin: 2px; overflow: hidden; border-top: 1px solid #9e9c9d; } .context-menu-header { height: 6px; display: block; margin: 2px 5px; background-image: url(../../SystemImages/b.gif); } .context-menu-input { /* vertically align inside labels */ /* position checkboxes and radios as icons */ } .context-menu-input > label > * { vertical-align: top; } .context-menu-input > label > input[type="checkbox"], .context-menu-input > label > input[type="radio"] { margin-left: -17px; } .context-menu-input > label > span { margin-left: 5px; } .context-menu-input > label, .context-menu-input > label > input[type="text"], .context-menu-input > label > textarea, .context-menu-input > label > select { display: block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .context-menu-input > label > textarea { height: 100px; } div.context-menu-root > div > .context-menu-list { display: none; } .b-top .b-topHeader > .leftToolbar { left: 0; } .b-top .b-topHeader > .leftToolbar .tabs { list-style: none; display: table; background-color: transparent; border-bottom: none; text-align: center; line-height: 26px; } .b-top .b-topHeader > .leftToolbar .tabs .tab { padding: 1px 10px; float: left; } .b-top .b-topHeader > .leftToolbar .tabs .tab:not(.tab-selected):not(.logoContainer):hover { cursor: pointer; text-decoration: underline; } .b-top .b-topHeader .tabs { font-weight: 500; } .b-top .b-topHeader .tabs .tab:not(.logoContainer):not(#tb_toggle) { margin-top: 10px; } .b-top .b-topHeader .tabs .tab.tab-selected { background-color: #c21931; color: #ffffff; } .b-top .b-topHeader #tb_toggle { padding: 0; display: inline-table; margin-top: 10px; } .b-top .b-topHeader #tb_toggle > svg { width: 18px; height: 26px; fill: #000000; } .b-top .b-topHeader #tb_toggle.collapsed > svg { transform: rotate(180deg); } .b-top .b-topHeader #tb_feature_finder { color: #ffffff; } .b-top .b-topHeader #tb_feature_finder > div { background-color: #343433; border-radius: 4px; padding: 2px 5px; display: inline; } .b-top .b-topHeader #tb_tab_discoveryFlow:not(.tab-selected) { background-color: #343433; } .b-top .tabs_div_forContainers { top: 37px; background-color: #d0d0d0; } .b-top .tabs_div_forContainers .toolbarItem { padding: 0; float: left; width: 60px; height: 100%; } .b-top .tabs_div_forContainers .toolbarItem .toolbarImage { width: 32px; height: 32px; margin: 2px auto; margin-top: 4px; display: block; fill: #000000; } .b-top .tabs_div_forContainers .toolbarItem.toolbarItemCM :last-child::after { display: inline-block; width: 0; height: 0; vertical-align: middle; border-top: 4px solid #000000; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; margin-left: 2px; } .b-top .tabs_div_forContainers .toolbarItem.toolbarItemCM.disabled :last-child::after { border-top-color: #808080; } .b-top .tabs_div_forContainers .toolbarItem.disabled { color: #808080; } .b-top .tabs_div_forContainers .toolbarItem.disabled .toolbarImage { opacity: 0.4; } .b-top .tabs_div_forContainers .toolbarItem.toolbarSeparator { width: 1px; margin: 0 2px; } .b-top .tabs_div_forContainers .toolbarItem.toolbarSeparator > div { height: 100%; width: 1px; background-color: #9e9c9d; } .b-top .tabs_div_forContainers .toolbarItem > span { font-size: 10px; font-weight: 400; display: inline-block; width: inherit; text-align: center; line-height: 1; max-height: 21px; text-overflow: ellipsis; word-wrap: break-word; } .b-top .tabs_div_forContainers .toolbar { position: absolute; height: 100%; display: inline-block; vertical-align: top; overflow: hidden; list-style: none; color: #000000; } .dialog.dockable .tabs { position: relative; display: table; width: 100%; color: #1c1c1c; background-color: #d0d0d0; border-spacing: 0; border-bottom: 1px solid #9e9c9d; line-height: 21px; } .dialog.dockable .tabs .tab { float: left; cursor: default; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; } .dialog.dockable .tabs .tab:not(.tab-selected):hover { cursor: pointer; text-decoration: underline; } .dialog.dockable .tabs .tab:not(:last-child) { border-right: 1px solid #9e9c9d; } .dialog.dockable .tabs .tab.tab-selected { color: #ffffff; background-color: #c21931; } .dialog.dockable .tabs.tabs2 .tab { width: 50%; text-align: left; padding-left: 33px; } .dialog.dockable .tabs.tabs3 .tab { width: 33.3%; } .dialog.dockable .tabs.tabs4 .tab { width: 25%; } .dialog.dockable .tabs.tabs5 .tab { width: 20%; } .dialog.dockable .tabs.tabs6 .tab { width: 16.6%; } .dialog.dockable .tabs.tabs7 .tab { width: 14.28%; } .dialog.dockable .tabs.tabs8 .tab { width: 12.5%; } .splitted.verticalSplitted, .splitter.verticalSplitter { top: 0; bottom: 0; } .splitted.horizontalSplitted, .splitter.horizontalSplitter { left: 0; right: 0; } .splitter { position: absolute; user-select: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; z-index: 2; } .splitter > span { background-color: #9e9c9d; display: block; } .splitter.verticalSplitter { width: 3px; margin-left: -2px; padding-left: 2px; cursor: col-resize; } .splitter.verticalSplitter > span { width: 1px; height: 100%; } .splitter.horizontalSplitter { height: 3px; margin-top: -2px; padding-top: 2px; cursor: row-resize; } .splitter.horizontalSplitter > span { height: 1px; width: 100%; } .HierarchyTree { font-size: 12px; font-weight: 400; font-stretch: normal; line-height: 1.4; background-color: #ffffff; background-image: repeating-linear-gradient(transparent, transparent 20px, #e3e3e3 20px, #e3e3e3 40px); } .splitted { position: absolute; overflow: hidden; } .splitted .dockStation { width: 100%; height: 100%; } .splitted #BottomPart .dialog .tabs { line-height: 26.5px; font-size: 13px; font-weight: 400; } .splitted #BottomPart .input { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .splitted #BottomPart .input:disabled:not(.lockedValue), .splitted #BottomPart .inputForBendpoint:disabled { background-color: #626262; border-color: #9e9c9d; } .splitted #BottomPart .input { height: 20px; } .splitted #BottomPart .fixedLabel { width: 110px; } .splitted #BottomPart .message { padding: 5px 10px 5px 10px; } .splitted #BottomPart .fixedCheckbox { text-align: right; } .splitted #BottomPart .inputForBendpoint { width: 45px; } .splitted #BottomPart #PropertiesBox .inspectorTable { border-spacing: 0px; } .splitted #BottomPart #PropertiesBox .inspectorTable .labelContainer { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 110px; } .splitted #BottomPart #PropertiesBox .inspectorTable a { color: #c21931; } .splitted #BottomPart #PropertiesBox .inspectorTable tr { height: 24px; border-spacing: 0px; } .splitted #BottomPart #PropertiesBox .inspectorTable tr.lightGrey, .splitted #BottomPart #PropertiesBox .inspectorTable tr.lightGrey .lockedValue { background-color: #e3e3e3; } .splitted #BottomPart #PropertiesBox .inspectorTable td:first-child { padding: 0 10px 0 33px; border-right: 1px #f5f5f5 solid; } .splitted #BottomPart #PropertiesBox .inspectorTable td:last-child { padding-right: 9px; padding-left: 5px; } .splitted #BottomPart #SettingsBox table + table { width: auto; table-layout: fixed; } .splitted #LeftPanel .dialog.dockable .title { padding-left: 33px; } .splitted #LeftPanel .textForIPProtocols { left: 127px; } .splitted #MiddlePanel #DiagramBreadcrumbs { position: relative; z-index: 1; line-height: 25px; font-size: 12px; font-weight: 700; border-top: 1px solid #9e9c9d; } .splitted #MiddlePanel #DiagramBreadcrumbs .breadcrumbs { list-style: none; overflow: hidden; } .splitted #MiddlePanel #DiagramBreadcrumbs .breadcrumbs li { float: left; cursor: pointer; height: 25px; } .splitted #MiddlePanel #DiagramBreadcrumbs .breadcrumbs li a { color: #808080; text-decoration: none; padding: 0px 5px 0px 25px; position: relative; display: block; float: left; background-color: #ceced0; } .splitted #MiddlePanel #DiagramBreadcrumbs .breadcrumbs li a:focus { -webkit-box-shadow: none; box-shadow: none; } .splitted #MiddlePanel #DiagramBreadcrumbs .breadcrumbs li a:after { content: ">"; display: block; position: absolute; right: -12.5px; top: 0px; z-index: 2; } .splitted #MiddlePanel #DiagramBreadcrumbs .breadcrumbs li:last-child { cursor: default; border-color: #ceced0; } .splitted #MiddlePanel #DiagramBreadcrumbs .breadcrumbs li:last-child a { color: #000000; background-color: #ceced0; } .splitted #MiddlePanel #DiagramBreadcrumbs .breadcrumbs li:last-child a:after { display: none; } .splitted #MiddlePanel #DiagramBreadcrumbs .breadcrumbs li:first-child a { padding-left: 10px; } .splitted #MiddlePanel #Preloader { margin-top: -40px; } .splitted #MiddlePanel #DiagramBox { position: absolute; left: 0; top: 27px; right: 0; bottom: 0; overflow: hidden; outline: 0; } .splitted #MiddlePanel #DiagramBox > canvas { position: absolute; pointer-events: none; } .splitted #MiddlePanel #DiagramBox .mapCopyright { position: absolute; background-color: #ffffff; color: #000000; opacity: 0.75; } .splitted #MiddlePanel #DiagramBox .mapCopyright a { color: #808080; } .splitted #MiddlePanel #DiagramBox #dropArea { background-color: rgba(33, 243, 241, 0.73); width: 100%; height: 100%; z-index: 2; position: absolute; display: none; } .splitted #MiddlePanel #DiagramBox #dropArea .label { color: white; text-align: center; margin-top: 100px; font-size: -webkit-xxx-large; font-weight: 700; } .splitted #MiddlePanel #DiagramBox .diagram { user-select: none; } .splitted #MiddlePanel #DiagramBox .diagram .marker { stroke: black; fill: yellow; } .splitted #MiddlePanel #DiagramBox .diagram .marker.master { fill: #00008B; } .splitted #MiddlePanel #DiagramBox .diagram .marker.alias { fill: #0094FF; } .splitted #MiddlePanel #DiagramBox .diagram .marker.effect1 { fill: red; } .splitted #MiddlePanel #DiagramBox .diagram .marker.effect2 { fill: orange; } .splitted #MiddlePanel #DiagramBox .diagram .marker.effect3 { fill: green; } .splitted #MiddlePanel #DiagramBox svg { width: 100%; height: 100%; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .splitted #MiddlePanel #DiagramBox svg .textGroup text { white-space: pre; } .splitted #MiddlePanel .bar { position: absolute; padding: 4px 14px; overflow: hidden; cursor: default; background-color: rgba(200, 200, 200, 0.6); } .splitted #MiddlePanel #ZoomBar { right: 8px; bottom: 8px; z-index: 1; background-color: #535353; padding: 0; border-radius: 5px; } .splitted #MiddlePanel #ZoomBar div, .splitted #MiddlePanel #ZoomBar select { border: 0; } .splitted #MiddlePanel #ZoomBar input, .splitted #MiddlePanel #ZoomBar select, .splitted #MiddlePanel #ZoomBar option { background-color: #d2d2d2; color: #535353; font-size: 13px; font-weight: bold; } .splitted #MiddlePanel #ZoomBar select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(../../SystemImages/select.png); background-position: center; background-repeat: no-repeat; } .splitted #MiddlePanel #ZoomBar div.pressed { background-color: #808080; } .splitted #MiddlePanel #ZoomBar > div { float: left; height: 20px; margin-top: 7px; margin-bottom: 7px; } .splitted #MiddlePanel #ZoomBar > div:first-child, .splitted #MiddlePanel #ZoomBar > div:nth-child(3) { margin-left: 11px; margin-right: 11px; } .splitted #MiddlePanel #ZoomBar > div > div { width: 20px; height: 20px; cursor: pointer; float: left; } .splitted #MiddlePanel #ZoomBar > div > div:first-child { margin-right: 7px; } .splitted #MiddlePanel #ZoomBar > div > div svg { width: 100%; height: 100%; fill: #d2d2d2; } .splitted #MiddlePanel #HiddenBar { right: 8px; z-index: 1; } .splitted #MiddlePanel #OnlineBar { left: 8px; z-index: 1; overflow: initial; visibility: hidden; } .splitted #MiddlePanel #OnlineBar:hover .tooltipContainer { visibility: visible; } .splitted #MiddlePanel #OnlineBar .tooltipContainer { position: absolute; left: 0px; top: 0px; padding: 24px; visibility: hidden; } .splitted #MiddlePanel #OnlineBar .tooltiptext { background-color: #555; color: #ffffff; border-radius: 6px; padding: 5px 10px 5px 10px; position: fixed; } .splitted #MiddlePanel #OnlineBar .tooltiptext li { margin: 0 20px; } .splitted #MiddlePanel #CoordBar { left: 8px; bottom: 8px; position: absolute; } .splitted #MiddlePanel #TopDiagramBoxs { position: relative; padding-top: 5px; } .splitted #MiddlePanel #TopDiagramBoxs #HelpBar { position: relative; margin: 0 auto; width: 400px; text-align: center; cursor: default; } .splitted #MiddlePanel #TopDiagramBoxs #HelpBar .noty_inline_layout_container .HelpMessage { overflow: hidden; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAoCAQAAAClM0ndAAAAhklEQVR4AdXO0QrCMBBE0bttkk38/w8WRERpdyjzVOc+HxhIHqJGMQcFFkpYRQotLLSw0IJ5aBdovruMYDA/kT8plF9ZKLFQcgF18hDj1SbQOMlCA4kao0iiXmah7qBWPdxpohsgVZyj7e5I9KcID+EhiDI5gxBYKLBQYKHAQoGFAoEks/YEGHYKB7hFxf0AAAAASUVORK5CYII=") left top repeat-x scroll #ffeaa8; border-radius: 5px; border: 1px solid #ffc237; box-shadow: rgba(0, 0, 0, 0.0980392) 0px 2px 4px; color: #826200; } .splitted #MiddlePanel #TopDiagramBoxs #HelpBar .noty_inline_layout_container .HelpMessage > div { font-size: 13px; font-weight: 400; line-height: 16px; text-align: center; padding: 8px 10px 9px; width: auto; position: relative; } .splitted #MiddlePanel #TopDiagramBoxs #HelpBar .noty_inline_layout_container .noty_buttons button.cross { background-color: transparent; border: 0; position: absolute; top: -2px; right: 3px; font-weight: 600; font-size: larger; } .splitted #MiddlePanel #TopDiagramBoxs #HelpBar .noty_inline_layout_container .noty_buttons .ConfirmHide { margin: 3px; } .splitted #MiddlePanel #TopDiagramBoxs #HelpBar .noty_inline_layout_container .noty_buttons .ConfirmHide.AtAll { display: block; margin: 4px auto; } .splitted #MiddlePanel #MaxZoomLevel { right: 8px; bottom: 36px; display: none; border: 1px solid red; } #DiagramEditor { position: absolute; left: 0; right: 0; top: 37px; bottom: 0; margin: 0; background: #ceced0; /* Old browsers */ background: -moz-linear-gradient(top, #ceced0 0%, #ababab 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ceced0), color-stop(100%, #ababab)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ceced0 0%, #ababab 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ceced0 0%, #ababab 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ceced0 0%, #ababab 100%); /* IE10+ */ background: linear-gradient(to bottom, #ceced0 0%, #ababab 100%); /* W3C */ filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr= #FF707070, endColorStr=#FF313131, GradientType=0)"; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF707070, endColorstr=#FF313131, GradientType=0)"; } #DiagramEditor .panels { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } #diagramLoading { position: fixed; width: 100%; height: 100%; background-color: #9e9c9d; z-index: 2; } #Preloader { text-align: center; position: absolute; left: 50%; top: 50%; margin-left: -40px; margin-top: -77px; width: 80px; height: 80px; } .tabs_div_forContainers { top: 22px; position: absolute; left: 0; right: 0; bottom: 0; overflow: auto; } .input.lockedValue, #BottomPart .input.lockedValue, .dialogBody .input.lockedValue { background-color: transparent; color: inherit; border: none; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; cursor: default; } .input.lockedValue:focus, #BottomPart .input.lockedValue:focus, .dialogBody .input.lockedValue:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .withFixedHeight { height: 20px; } .mandatory > .label, .mandatory > .fixedLabel { color: #c21931; } .fixedCheckbox { width: 20px; } #textEditing textarea { width: 100%; } .shifted { padding-left: 25px; } .shifted:disabled { color: #808080; } .Static { position: absolute; text-align: right; padding-top: 10px; left: 0; right: 25px; z-index: 1; background: #EEEEE0; } .disabled { color: #808080; cursor: default; } .threeDots { background: #757575; margin-left: 5px; height: 20px; width: 20px; color: #c1c1c1; border: 1px solid #333333; } .threeDots:disabled { background-color: #666; } #PropertiesBox .threeDots { margin-left: 0px; } @media print { .b-top, .back, #noty_container, #DiagramEditor { display: none; } } .redFrameForTutorial { position: absolute; outline: 10px solid #c3f300; z-index: 1103; } .widget.FilterableList { color: #fcfcfc; background-color: #4a4949; } .widget.FilterableList.selectable > li { cursor: pointer; } .widget.FilterableList > li { list-style: none; padding: 2px 6px; } .widget.FilterableList > li.show-more { text-align: center; cursor: pointer; } .widget.FilterableList > li:nth-child(odd) { background-color: #4f4f4f; } .widget.FilterableList > li.selected { background-color: #b4b4b4; } .widget.FilterableList > li .filter { margin-bottom: 7px; } .widget.FilterableList > li.header { position: sticky; top: 0; background-color: #4a4949; padding: 8px; z-index: 1; } .widget.FilterableList > li.header input { width: calc(100% - 4px); background-color: #646363; border-color: transparent; height: 20px; } .widget.Paginator { display: table; } .widget.Paginator > div { display: table-cell; vertical-align: middle; } .widget.Paginator > div > div.arrow { padding: 1px 4px; cursor: pointer; } .widget.Paginator > div > div.arrow:after { content: " "; display: block; border: 6px solid transparent; } .widget.Paginator > div > div.arrow.left:after { content: "<"; } .widget.Paginator > div > div.arrow.right:after { content: ">"; } .widget.Paginator > div > div.label { padding: 0 10px; } .widget.Paginator > div > div.label > span { vertical-align: middle; } .widget.Paginator > div .btn { height: 20px; font-size: 13px; } .widget.Paginator > div .input { border-radius: 3px; width: 28px; padding: 1px; height: 16px; margin: 0 4px; border-bottom: 1px solid #C5C5C5; background-color: #ffffff; color: #8C8B8B; border-top: 0; border-left: 0; border-right: 0; text-align: center; } .treeview { padding: 0; margin: 0; list-style: none; color: #1c1c1c; } .treeview .text { cursor: default; } .treeview .subtree { display: none; } .treeview li { margin: 0; padding: 0 0 0 16px; min-height: 20px; line-height: 20px; background: url(../../SystemImages/treeview-default-line.gif) 0 0 no-repeat; background: none; list-style-type: none; margin: 0px; position: relative; } .treeview li span { margin-left: 2px; } .treeview li::before { content: ""; position: absolute; top: -2px; left: -7px; border-left: 1px dotted #000000; border-bottom: 1px dotted #000000; width: 7px; height: 12px; } .treeview li::after { position: absolute; content: ""; top: 10px; left: -7px; border-left: 1px dotted #000000; border-top: 1px dotted #000000; width: 0px; height: 100%; } .treeview li:last-child::after { display: none; } .treeview li:not(.collapsable):not(.expandable)::before { width: 22px; } .treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; } .treeview li.collapsable .hitarea, .treeview li.expandable .hitarea { display: block; } .treeview li.collapsable > .hitarea2.minus { display: block; } .treeview li.expandable > .hitarea2.plus { display: block; } .treeview li:last-child { background-position: 0 -1766px; } .treeview li .hitarea2 { width: 14px; height: 14px; margin-left: -16px; position: absolute; padding: 2px 0 0 2px; fill: #000000; display: none; cursor: pointer; } .treeview li.expandable > .hitarea { background-position: -16px 0; } .treeview li.collapsable > .subtree { display: block; } .treeview li.ti-selected > .text { background: #9f9f9f; } .treeview ul { padding: 0; margin: 0; list-style: none; color: #1c1c1c; } .treeview ul.treeview > li:first-child::before { display: none; } .treeview ul.treeview > li:first-child::after { border-radius: 5px 0 0 0; } .ui-widget { font-family: Roboto, Tahoma, Geneva, Arial, sans-serif; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Roboto, Tahoma, Geneva, Arial, sans-serif; } .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: #808080; color: #ffffff; margin: 0; } .ui-autocomplete { z-index: 100000 !important; background-color: #434343; color: #ffffff; border: 1px solid #333333; } .ui-autocomplete > .ui-menu-item.ui-menu-item-with-description > div > span { overflow: hidden; display: inline-block; white-space: nowrap; } .ui-autocomplete > .ui-menu-item.ui-menu-item-with-description > div > span:first-child { width: 25%; } .ui-autocomplete > .ui-menu-item.ui-menu-item-with-description > div > span:last-child { width: 73%; font-style: italic; text-overflow: ellipsis; float: right; } .ui-datepicker.ui-widget-content { border-color: #e1e1e1; padding: 0; } .ui-datepicker .ui-datepicker-header { color: #000000; background-color: #e1e1e1; } .ui-datepicker .ui-datepicker-header .ui-state-hover { background: inherit; border: none; cursor: pointer; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 2px; } .ui-datepicker .ui-datepicker-next-hover { right: 2px; } .ui-datepicker .ui-icon-circle-triangle-e { background-image: url("data:image/svg+xml;utf8,"); background-position: 2px 2px; } .ui-datepicker .ui-icon-circle-triangle-w { background-image: url("data:image/svg+xml;utf8,"); background-position: 2px 2px; } .ui-datepicker .ui-datepicker-calendar { margin: 0; } .ui-datepicker td { border: 1px solid #e3e3e3; box-sizing: border-box; } .ui-datepicker .ui-state-default { background: transparent; border: none; color: inherit; } .ui-datepicker .ui-state-default.ui-state-hover { background: #ededed; color: #ef493f; } .ui-datepicker .ui-state-active, .ui-datepicker .ui-state-active.ui-state-hover { color: #ffffff; background-color: #434343; } .dialog { display: none; position: fixed; background-color: #f4f4f4; color: #000000; -webkit-box-shadow: 3px 3px 4px rgba(42, 41, 41, 0.8); -moz-box-shadow: 3px 3px 4px rgba(42, 41, 41, 0.8); box-shadow: 3px 3px 4px rgba(42, 41, 41, 0.8); } .dialog ::placeholder { color: #808080; opacity: 1; } .dialog .input.forUpload { color: #808080 !important; } .dialog .load { position: absolute; background-color: #808080; z-index: 99; opacity: 0.6; display: none; } .dialog .load img { display: block; } .dialog.Print .shifted > div { display: table-row; } .dialog.Print .shifted > div > * { display: table-cell; width: 120px; margin-top: 2px; } .dialog.Print .shifted > div > input { width: 70px; float: right; } .dialog.AddIpamSubnet .table-dialog { width: 100%; } .dialog.AddIpamSubnet .table-dialog tr td { width: 33%; vertical-align: top; } .dialog.AddIpamSubnet .table-dialog tr td .light-grey { color: #ccc; } .dialog.CableMapper .hierarchyContainer, .dialog.CircuitEndNodesPicker .hierarchyContainer { border: 1px solid #000000; height: 300px; overflow: auto; } .dialog.CableMapper .hierarchyContainer > .HierarchyTree, .dialog.CircuitEndNodesPicker .hierarchyContainer > .HierarchyTree { min-height: 100%; } .dialog.CableMapper .hierarchyContainer { width: 200px; } .dialog.CableMapper table td:last-child > .hierarchyContainer { width: 367px; } .dialog.CircuitEndNodesPicker .table-50 td > span { width: 40px; } .dialog.CircuitEndNodesPicker .table-50 td > a { width: calc(100% - 40px); display: inline-grid; cursor: pointer; color: inherit; } .dialog.CircuitEndNodesPicker .table-50 td > a > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-weight: bold; } .dialog.CircuitEndNodesPicker .table-50 td:last-child .hierarchyContainer { margin-left: 1px; } .dialog.LinkCreator table td { padding: 0px; display: inline-block; } .dialog.LinkCreator table td:not(:last-child) { width: 35%; } .dialog.LinkCreator table td:not(:last-child) > span { display: inline-block; width: 40px; } .dialog.LinkCreator table td:not(:last-child) > a { width: calc(100% - 40px); display: inline-grid; cursor: pointer; color: inherit; } .dialog.LinkCreator table td:not(:last-child) > a > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-weight: bold; margin-right: 3px; } .dialog.LinkCreator table td:last-child { width: 30%; } .dialog.LinkCreator table td:last-child > span:first-child { display: inline-block; width: 60px; } .dialog.LinkCreator table td:last-child > span:last-child { display: inline-block; width: calc(100% - 60px); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-weight: bold; vertical-align: bottom; } .dialog.LinkCreator table td .hierarchyContainer { border: 1px solid #000000; height: 300px; width: 100%; overflow: auto; } .dialog.LinkCreator table td .hierarchyContainer > .HierarchyTree { min-height: 100%; } .dialog.ChooseObjectType .chooseBtn { height: 40px; } .dialog.ImportWarning > .dialogBody > div:last-child { margin-top: 20px; } .dialog.ImportWarning > .dialogBody > div:last-child > input { margin-right: 5px; } .dialog:not(.dockable) .title * { color: #000000; } .dialog .input { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .dialog:not(.dockable) table { border-collapse: collapse; } .dialog:not(.dockable) .dialogBody input, .dialog:not(.dockable) .dialogBody select { font-family: Roboto, Tahoma, Geneva, Arial, sans-serif; } .dialog:not(.dockable) .dialogBody input :not(:read-only), .dialog:not(.dockable) .dialogBody select :not(:read-only) { background-color: #434343; color: #ffffff; } .dialog.resizable .dialogMessage { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .dialog.resizable .dialogBody { position: absolute; bottom: 38px; top: 49px; left: 15px; right: 15px; padding: 0px; overflow: auto; } .dialog.resizable .buttons { position: absolute; bottom: 0px; margin: 0px; right: 13px; left: 9px; } .dialog.resizable .resizeDialogButton { position: absolute; bottom: 0; border: none; width: 15px; height: 15px; background-color: transparent; } .dialog.resizable .resizeDialogButton:hover, .dialog.resizable .resizeDialogButton:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-collapse: none; } .dialog.resizable .resizeDialogButton.resizeDialogButtonSW { left: 0; background-image: url('../../SystemImages/resizeSW.png'); cursor: sw-resize; } .dialog.resizable .resizeDialogButton.resizeDialogButtonSE { right: 0; background-image: url('../../SystemImages/resizeSE.png'); cursor: se-resize; } .dialog.dockable { background-color: #f5f5f5; color: #1c1c1c; } .dialog.dockable .dialogBody { position: absolute; bottom: 20px; top: 27.5px; left: 1px; right: 1px; padding: 0px; overflow: auto; } .dialog.dockable .lockedValue { background-color: #494949; } .dialog.dockable .closeButton, .dialog.dockable .dockButton, .dialog.dockable .undockButton { top: 2px; color: #1c1c1c; cursor: pointer; } .dialog.dockable .title { font-size: 13px; font-weight: 400; color: #1c1c1c; background-color: #d0d0d0; border-top: 1px solid #9e9c9d; border-bottom: 1px solid #9e9c9d; margin: 0; height: initial; } .dialog.dockable .title > div > div { margin-left: 33px; max-width: initial; width: initial; position: initial; } .dialog.dockable .title div { display: inline; } .dialog.dockable .title .dockButton, .dialog.dockable .title .undockButton { right: 23px; height: 19px; width: 19px; position: absolute; } .dialog.dockable .title .dockButton svg, .dialog.dockable .title .undockButton svg { width: 100%; height: 100%; fill: #1c1c1c; } .dialog.dockable .title .undockButton { display: none; } .dialog.dockable .buttons { position: absolute; bottom: 0; width: 100%; padding: 0; margin: 0; border-top: none; } .dialog.dockable.docked { position: static; width: 100%; height: 100%; } .dialog.dockable.docked .title { cursor: default; } .dialog.dockable.docked .title .dockButton { display: none; } .dialog.dockable.docked .title .undockButton { display: block; } .dialog.dockable.docked .dialogBody { bottom: 0; left: 0; right: 0; } .dialog.dockable.docked .resizeDialogButton { display: none; } .dialog.dockable table > thead > th:not(:last-child) { border-right-color: #f5f5f5; } .dialog.dockable .dialogBody input, .dialog.dockable .dialogBody select { background-color: #d0d0d0; color: #000000; } .dialog.dockable .dialogBody .search, .dialog.dockable .dialogBody .threeDots { background-color: #939192; } .dialog.draggable .title { cursor: move; } .dialog .title { background-color: #e1e1e1; color: #000000; margin: 2px; padding: 2px 40px 4px 4px; position: relative; height: 1.5em; line-height: 1.5em; font-size: 16px; font-weight: 400; } .dialog .title > div { position: relative; } .dialog .title > div > div { position: absolute; left: 0; max-width: 100%; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; font-weight: 500; } .dialog .title fieldset { line-height: 20px; } .dialog .dialogMessage { margin-left: 13px; font-style: italic; text-align: center; color: #d70000; padding-bottom: 8px; } .dialog .dialogMessage.dialogMessageBlack { font-style: inherit; font-weight: bold; color: inherit; } .dialog .dialogButtonPanel { margin-bottom: 5px; display: inline-block; list-style: none; } .dialog .dialogButtonPanel > li { float: left; margin: 0 4px; } .dialog .dialogBody { display: block; padding: 15px; overflow-y: auto; overflow-x: auto; } .dialog .dialogBody .acraHeader { border: 1px solid #9e9c9d; margin: 0; } .dialog .dialogBody .acraHeader .input { font-weight: bold; } .dialog .dialogBody .acraHeader table { border-color: #9e9c9d; } .dialog .dialogBody .acraHeader table td { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-top-color: inherit; border-bottom-color: inherit; border-left-color: inherit; border-right-color: inherit; } .dialog .dialogBody .acraHeader > .acraHeaderExt { padding-top: 5px; margin-top: 5px; border-top: 1px solid; border-color: #9e9c9d; } .dialog .dialogBody .acraHeader.grid-columns { display: grid; grid-auto-columns: 1fr; grid-auto-flow: column; } .dialog .dialogBody .acraHeader.grid-columns > div { border-right: 1px solid #9e9c9d; padding: 11px 7px 11px 7px; display: inline-grid; grid-auto-flow: column; align-items: baseline; } .dialog .dialogBody .acraHeader.grid-columns > div > input { padding-left: 3px; } .dialog .dialogBody .acraHeader.grid-columns > div:last-child { border-right: none; } .dialog .dialogBody .acraPart { border: 1px solid #9e9c9d; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .dialog .dialogBody .acraPart:not(.acraPartNothing) { overflow: auto; position: absolute; width: 100%; top: 90px; bottom: 0; } .dialog .dialogBody .acraPart .hierarchyContainer { overflow: auto; width: 100%; } .dialog .dialogBody .acraPart .hierarchyContainer > .HierarchyTree { min-height: 100%; } .dialog .dialogBody .acraPart.acraPart1 > .hierarchyContainer { position: absolute; } .dialog .dialogBody .acraPart.acraPart1 > .hierarchyContainer:first-child { height: 60%; } .dialog .dialogBody .acraPart.acraPart1 > .hierarchyContainer:last-child { height: 40%; bottom: 0px; } .dialog .dialogBody .acraPart.acraPart1 > .hierarchyContainer > .HierarchyTree:last-child { border-top: 1px solid #9e9c9d; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .dialog .dialogBody .acraPart.acraPart1 > .hierarchyContainer > .HierarchyTree fieldset { padding: 0px 7px; margin: 4px 0px; color: #1c1c1c; border: none; } .dialog .dialogBody .acraPart.acraPartNothing { margin-top: -1px; } .dialog .dialogBody .acraPart:last-child > fieldset { border-top-style: solid; border-bottom-style: solid; border-top-color: #9e9c9d; border-bottom-color: #9e9c9d; border-right: none; border-left: none; } .dialog .dialogBody .acraPart:last-child > fieldset:last-child { border-bottom: none; } .dialog .dialogBody .acraPart:last-child > fieldset .acraWarning { margin-left: 5px; color: #ef493f; font-weight: normal; } .dialog .dialogBody .acraPart table td, .dialog .dialogBody .acraPart fieldset { border-color: #9e9c9d; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .dialog .dialogBody tr.tableRowSelected { background-color: #fff699; } .dialog table { width: 100%; } .dialog table tbody.DR_filteredByDiagram tr:not(.DR_onThisDiagram), .dialog table tbody.DR_filteredByTypeGroup tr:not(.DR_allowedTypeGroup) { display: none; } .dialog table > thead { background-color: #e1e1e1; color: #000000; } .dialog table > thead > th > div { padding: 4px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; line-height: 20px; } .dialog table > thead > th > div.orderable > span { cursor: pointer; } .dialog table > thead > th > div.orderable > span:hover { text-decoration: underline; } .dialog table > thead > th > div.orderable.asc:after, .dialog table > thead > th > div.orderable.desc:after { content: ""; display: inline-block; width: 0; height: 0; position: relative; left: 5px; top: 8px; vertical-align: top; border-right: 4px solid transparent; border-left: 4px solid transparent; } .dialog table > thead > th > div.orderable.asc:after { border-bottom: 4px solid black; } .dialog table > thead > th > div.orderable.desc:after { border-top: 4px solid black; } .dialog table > thead > th:not(:last-child) { border-right-color: #f5f5f5; } .dialog table > thead > th:not(:last-child) { border-right: 1px solid #f4f4f4; } .dialog table:not(.tabs):not(.table-fixed-width) td { padding-top: 1px; padding-left: 1px; } .dialog table.tableWithInputAndSelect td:last-child { padding-left: 0; } .dialog table td [type="radio"], .dialog table td [type="checkbox"] { margin-right: 3px; } .dialog table td select, .dialog table td input:not([type="radio"]):not([type="checkbox"]) { height: 26px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .dialog table.table-mini td.label { width: 100px; } .dialog table.table-mini td.label > div { width: inherit; } .dialog table#EmbFilesTable { min-width: 300px; } .dialog table#EmbFilesTable > tbody td > div { padding: 0px 4px; } .dialog table#EmbFilesTable td:nth-child(-n + 4) > div { text-align: center; } .dialog table#EmbFilesTable td [type="checkbox"] { margin-left: 2px; margin-right: 0px; } .dialog table.WOTasksTable td > div { text-align: center; } .dialog table.WOTasksTable td > select { max-width: 80px; } .dialog table.WOTasksTable td:nth-child(2) > input { min-width: 100px; max-width: 150px; } .dialog table.WOTasksTable td:nth-child(3) > input { width: 80px; } .dialog table.WOTasksTable td:nth-child(7) { text-align: center; min-width: 100px; max-width: 150px; } .dialog table.WOTasksTable td:nth-child(9) { text-align: center; min-width: 50px; max-width: 150px; } .dialog table.CircuitsTable > tbody td:nth-child(2), .dialog table.CircuitsTable > tbody td:last-child { width: 45px; text-align: center; } .dialog table.CircuitsTable > tbody td > div { padding: 4px; } .dialog table.CircuitsTable > tbody td:last-child input { text-align: center; } .dialog table.CircuitsTable > tbody td:nth-child(1), .dialog table.CircuitsTable > tbody td:nth-child(5), .dialog table.CircuitsTable > tbody td:nth-child(6), .dialog table.CircuitsTable > tbody td:nth-child(7) { text-align: center; } .dialog table .StrandTermPortsDiaRect { width: 10px; height: 10px; margin-right: 2px; display: inline-block; } .dialog table.inspectorTable { border-spacing: 0px; } .dialog table.inspectorTable tr { height: 24px; border-spacing: 0px; } .dialog table.inspectorTable tr.lightGrey, .dialog table.inspectorTable tr.lightGrey .lockedValue { background-color: #e3e3e3; } .dialog table.inspectorTable td:first-child { padding: 0 10px 0 33px; border-right: 1px #f5f5f5 solid; } .dialog table.inspectorTable td:last-child { padding-right: 9px; padding-left: 5px; } .dialog table.TableInResDial { border-collapse: collapse; } .dialog table.TableInResDial > thead { position: fixed; } .dialog table.TableInResDial td input.lockedValue.linkInput { cursor: pointer; text-align: center; } .dialog table.TableInResDial td input.lockedValue.linkInput:hover { text-decoration: underline; } .dialog table.TableInResDial > thead > th:first-child, .dialog table.TableInResDial > tbody td:first-child { width: 30px; } .dialog table.TableInResDial.StrandsTable > tbody > tr > td:nth-child(4) > div { text-align: center; } .dialog table.TableInResDial.StrandsTable > thead > th:nth-child(-n + 5), .dialog table.TableInResDial.StrandsTable > tbody > tr > td:nth-child(-n + 5) { width: 24px; } .dialog table.TableInResDial.StrandsTable.StrandsTableHideStripe > thead > th:nth-child(3), .dialog table.TableInResDial.StrandsTable.StrandsTableHideStripe > tbody > tr > td:nth-child(3) { display: none; } .dialog table.TableInResDial .StrandsDiaRect { width: 16px; height: 16px; margin: auto; } .dialog table.TableInResDial .StrandsDiaRect.StrandsDiaImage { background-image: url(../../SystemImages/strandsDia.png); background-size: cover; } .dialog table.TableInResDial .StrandsDiaRect.StrandsDiaImage.StrandsDiaBufferColor { background-position-x: 0px; } .dialog table.TableInResDial .StrandsDiaRect.StrandsDiaImage.StrandsDiaStripeColor { background-position-x: -24px; } .dialog table.TableInResDial .StrandsDiaRect.StrandsDiaImage.StrandsDiaColor { background-position-x: -48px; } .dialog table.TableInResDial .StrandsDiaRect.StrandsDiaImage.StrandsDiaExclude { background-position-x: -72px; } .dialog table.TableInResDial .StrandsDiaRect.StrandsDiaImage.StrandsDiaEndPorts { background-position-x: -96px; } .dialog table.TableInResDial .strandNameProp { width: 50px; } .dialog table.TableInResDial .circuitProp { min-width: 50px; text-align: center; } .dialog table.TableInResDial .threeDots { display: block; margin-left: 2px; border: 2px solid #757575; background-color: #cbcbcb; } .dialog table.TableInResDial .threeDots.connected { background-color: #00ff21; } .dialog table.TableInResDial .threeDots.spliced { display: inline-block; width: 10px; } .dialog table.DynamicReportTable > thead, .dialog table.DynamicReportTypesTable > thead, .dialog table.DynamicReportTable > tbody, .dialog table.DynamicReportTypesTable > tbody { display: block; width: 415px; border-bottom: 1px solid #9b9b9b; } .dialog table.DynamicReportTable > thead th > div, .dialog table.DynamicReportTypesTable > thead th > div, .dialog table.DynamicReportTable > tbody th > div, .dialog table.DynamicReportTypesTable > tbody th > div, .dialog table.DynamicReportTable > thead td > div, .dialog table.DynamicReportTypesTable > thead td > div, .dialog table.DynamicReportTable > tbody td > div, .dialog table.DynamicReportTypesTable > tbody td > div { padding: 0px 2px; text-align: left; } .dialog table.DynamicReportTable > thead > th:not(:last-child), .dialog table.DynamicReportTypesTable > thead > th:not(:last-child) { height: 20px; } .dialog table.DynamicReportTable > tbody td:not(:last-child), .dialog table.DynamicReportTypesTable > tbody td:not(:last-child) { border-right: 1px solid transparent; } .dialog table.DynamicReportTable > tbody td > div > input, .dialog table.DynamicReportTypesTable > tbody td > div > input { padding-left: 3px; } .dialog table.DynamicReportTable > tbody td { padding-left: 0px; } .dialog table.DynamicReportTable > tbody td:last-child > div { height: 26px; background-color: #e1e1e1; background-image: url(../../SystemImages/dynamicReportsDia.png); background-size: cover; background-position-x: -2px; background-position-y: -2px; } .dialog table.DynamicReportTable > tbody tr.tableRowSelected td:last-child > div { background-color: #fff699; } .dialog table.DynamicReportTable td [type="checkbox"] { margin-right: 0px; } .dialog table.DynamicReportTable > thead th:nth-child(2) > div, .dialog table.DynamicReportTable > tbody td:nth-child(2) > div { width: 150px; } .dialog table.DynamicReportTable > thead th:nth-child(3) > div, .dialog table.DynamicReportTable > tbody td:nth-child(3) > div { width: 207px; } .dialog table.DynamicReportTable > thead th:last-child > div, .dialog table.DynamicReportTable > tbody td:last-child > div { width: 20px; } .dialog table.DynamicReportTable.DynamicReportTableWithScrollbar > thead th:nth-child(3) > div, .dialog table.DynamicReportTable.DynamicReportTableWithScrollbar > tbody td:nth-child(3) > div { width: 190px; } .dialog .threeDots { margin-left: 0px; margin-right: -3px; } .dialog .moreLineHeight { line-height: 2; } .dialog .redMandatory .label, .dialog .redMandatory .fixedLabel { color: #ef493f; } .dialog .closeButton, .dialog .dockButton, .dialog .undockButton, .dialog .helpButton { position: absolute; background-color: transparent; top: 6px; width: 17px; height: 17px; font-size: 16px; border: none; border-radius: 50%; text-align: center; } .dialog .closeButton { right: 3px; } .dialog .helpButton { right: 22px; font-size: 12px; margin-top: 1px; border: 1px solid black; } .dialog .buttons { padding: 9px 0; margin: 0 9px; text-align: right; border-top: 1px solid #000000; } .dialog .dialogButton { color: #c1c1c1; font-size: 12px; font-weight: 400; height: 18px; margin-right: 5px; font-weight: 500; } .dialog .dialogButton:disabled { background-color: #808080; color: #c1c1c1; } .dialog table.table-50 td { width: 50%; display: inline-block; } .dialog table.table-50 td > span { display: inline-block; } .dialog#dia_floatingCatalog table { width: 100%; background-color: #e3e3e3; border-bottom: 1px solid #9e9c9d; border-collapse: collapse; line-height: 31px; } .dialog#dia_floatingCatalog .fc_instances { top: 33px; bottom: 0; width: 100%; padding-top: 15px; overflow: auto; position: absolute; } .dialog#dia_floatingCatalog .fc_instances .no_mapped_cards_block > * { display: block; margin: 0 auto 0 auto; text-align: center; } .dialog#dia_floatingCatalog .fc_instances img, .dialog#dia_floatingCatalog .fc_instances svg { display: block; margin-left: auto; margin-right: auto; max-width: 100px; max-height: 30px; } .dialog#dia_floatingCatalog .fc_instances > div { display: inline; text-align: center; } .dialog#dia_floatingCatalog .fc_instances label { display: block; height: 23px; width: 100px; line-height: 22px; overflow: hidden; } .dialog#dia_floatingCatalog .fc_instances div.catalogItem { display: inline-table; width: 100px; height: 53px; padding: 3px; border: 1px solid transparent; cursor: pointer; } .dialog#dia_floatingCatalog .fc_instances div.selected { background-color: #808080; } .dialog#dia_floatingCatalog .fc_instances div.catalogItem.hiddenByFilter { display: none; } .dialog#dia_floatingCatalog .fc_instances div.catalogItem > div { display: block; width: 100px; height: 30px; } .dialog#dia_floatingCatalog .fc_filter { color: #000000; display: inline; margin: 0 5px; } .dialog.mySettings .googleAuthenticatorStatus { position: absolute; } .dialog.mySettings .dialogBody button { float: right; margin: 0px; } .dialog.mySettings .dialogBody > table { border-spacing: 0; border-collapse: inherit; } .dialog.mySettings .dialogBody > table tr td { height: 26px; padding: 2px 0; } .dialog.mySettings .dialogBody > table tr td :nth-child(1) { padding-right: 15px; } .dialog.mySettings .dialogBody > table tr.separator td { height: 10px; } .dialog.mySettings .dialogBody > table tr.separator td div { background-color: black; height: 1px; } .dialog.mySettings .change { margin-left: 5px; } .dialog.mySettings select option:disabled { color: rgba(255, 255, 255, 0.99); } .dialog.ACRA table.table-50 td { width: 50%; display: inline-block; } .dialog.ACRA table.table-50 td:last-child { padding-left: 5px; } .dialog.ACRA table.table-50 td > span { display: inline-block; } .dialog.ACRA .acraHeader > table.table-50 td:last-child { border-left-width: 1px; border-left-style: solid; } .dialog.ACRA .acraHeader > table.table-50 td > span { width: 40px; } .dialog.ACRA .acraHeader > table.table-50 td > a { width: calc(100% - 40px); display: inline-grid; cursor: pointer; color: inherit; } .dialog.ACRA .acraHeader > table.table-50 td > a > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .dialog.ACRA .acraPartNothing table.table-50 td > span { width: 75px; } .dialog.ACRA .acraPartNothing table.table-50 td > select { width: calc(100% - 75px); } .dialog.AddMibFiles .dialogBody button { float: right; margin: 0px; } .dialog.AddMibFiles .dialogBody > table { border-spacing: 0; border-collapse: inherit; } .dialog.AddMibFiles .dialogBody > table tr td { height: 26px; padding: 1px 0; } .dialog.AddMibFiles .dialogBody > table tr td :nth-child(1) { padding-right: 10px; } .dialog.AddMibFiles .dialogBody > table tr.separator td { height: 10px; } .dialog.AddMibFiles .dialogBody > table tr.separator td div { background-color: black; height: 1px; } .dialog.AddMibFiles .change { margin-left: 5px; } .dialog.AddMibFiles select option:disabled { color: rgba(255, 255, 255, 0.99); } .dialog.attachPhoneNumber table { border-collapse: inherit; } .dialog.attachPhoneNumber table td:nth-child(2) { padding-left: 15px; } .dialog.attachPhoneNumber table tr:nth-child(2) td { padding-top: 7px; } .dialog.mapSearch table td:nth-child(2) { padding-left: 15px; } .dialog.EditSlotMapping { overflow: hidden; resize: both; width: 700px; height: 500px; min-height: 300px; min-width: 300px; } .dialog.EditSlotMapping .dialogBody { height: calc(100% - 109px); } .dialog.EditSlotMapping .dialogBody > div { table-layout: fixed; height: 100%; } .dialog.EditSlotMapping .panel { height: 100%; } .dialog.EditSlotMapping .panel .content-wrap { position: relative; height: 100%; } .dialog.EditSlotMapping .panel .content-wrap h1 { text-align: center; } .dialog.EditSlotMapping .panel:first-child { border-right: 2px solid transparent; } .dialog.EditSlotMapping .panel:last-child { border-left: 2px solid transparent; } .dialog.EditSlotMapping .panel .cards-avaible, .dialog.EditSlotMapping .panel .cards-mapped { overflow-x: hidden; position: absolute; left: 0; top: 30px; bottom: 0; right: 0; background-color: #4a4949; border: 1px solid black; border-spacing: 2px; } .dialog.EditSlotMapping .panel .FilterableList > li:not(.header):not(.show-more) { width: calc(100% - 10px); } .dialog.EditSlotMapping .panel .FilterableList > li:not(.header) > div:first-child { position: relative; width: 100%; } .dialog.EditSlotMapping .panel .FilterableList > li:not(.header) > div:first-child > div { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; position: absolute; left: 0; right: 0; top: 0; } .dialog.EditSlotMapping .panel .FilterableList > li:not(.header) > div:last-child > * { float: right; } .dialog.EditSlotMapping .block-table { display: table; width: 100%; } .dialog.EditSlotMapping .block-table > * { display: table-cell; vertical-align: middle; } .dialog.AddSlotMapping { overflow: hidden; resize: both; width: 900px; height: 500px; min-height: 300px; min-width: 300px; } .dialog.AddSlotMapping .dialogBody { height: calc(100% - 109px); } .dialog.AddSlotMapping .dialogBody > div { table-layout: fixed; height: 100%; } .dialog.AddSlotMapping .panel { height: 100%; } .dialog.AddSlotMapping .panel .content-wrap { position: relative; height: 100%; } .dialog.AddSlotMapping .panel .content-wrap h1 { text-align: center; } .dialog.AddSlotMapping .panel:nth-child(2) { width: 20%; } .dialog.AddSlotMapping .panel:first-child { border-right: 2px solid transparent; } .dialog.AddSlotMapping .panel:last-child { border-left: 2px solid transparent; } .dialog.AddSlotMapping .panel:not(:first-child):not(:last-child) { border-left: 2px solid transparent; border-right: 2px solid transparent; } .dialog.AddSlotMapping .panel .CardList, .dialog.AddSlotMapping .panel .DeviceList, .dialog.AddSlotMapping .panel .SlotList { overflow: auto; position: absolute; left: 0; top: 30px; bottom: 0; right: 0; background-color: #4a4949; border: 1px solid black; border-spacing: 2px; } .dialog.AddSlotMapping .block-table { display: table; width: 100%; } .dialog.AddSlotMapping .block-table > * { display: table-cell; vertical-align: middle; } .dialog.MapToAllSlots .CardList { width: 400px; height: 400px; overflow: auto; background-color: #4a4949; border: 1px solid black; border-spacing: 2px; } .dialog.requestLicenseUpgradeDialog { width: 540px; } .dialog.requestLicenseUpgradeDialog .divWithTopSeparator { border-top: 1px solid #808080; margin-top: 8px; padding-top: 8px; } .dialog.requestLicenseUpgradeDialog input.zendeskEmail { width: 100%; } .dialog.requestLicenseUpgradeDialog button.checkEmailButton, .dialog.requestLicenseUpgradeDialog button.createApiRequestButton, .dialog.requestLicenseUpgradeDialog button.downloadPdfButton { float: right; width: 110px; } .dialog.requestLicenseUpgradeDialog div.emailCheckSuccessful { float: right; color: green; padding-right: 10px; } .dialog.requestLicenseUpgradeDialog div.zendeskAfterEmailVerifiedNote, .dialog.requestLicenseUpgradeDialog div.downloadPDFInstruction { padding-top: 10px; } .dialog.requestLicenseUpgradeDialog table.emailTable { margin-top: 8px; margin-bottom: 8px; } .dialog.requestLicenseUpgradeDialog table > tbody { vertical-align: middle; } .dialog.requestLicenseUpgradeDialog .dialogMessage { padding-bottom: 0px; } .dialog.requestLicenseUpgradeDialog .downloadPdfErrorMessage { margin-top: 8px; } .dialog.NodeClickBehavior .dialogBody > table > tbody > tr > td { vertical-align: top; padding-right: 1em; } .dialog.NodeClickBehavior .dialogBody fieldset { padding-bottom: 10px; } .dialog.NodeClickBehavior .dialogBody .hierarchyContainer { width: 300px; height: 300px; overflow: auto; border: 1px solid black; } .dialog.NodeClickBehavior .dialogBody .hierarchyContainer .HierarchyTree { color: #fff; min-height: 100%; } .dialog.NodeClickBehavior .dialogBody #url, .dialog.NodeClickBehavior .dialogBody #file { width: 302px; } .dialog.NodeClickBehavior .dialogBody #apiModule, .dialog.NodeClickBehavior .dialogBody #apiMethod { width: 251px; margin: 0px 5px; } .dialog.NodeClickBehavior .dialogBody #apiMethod { width: 225px; } .dialog.NodeClickBehavior .dialogBody #runWebAPIModuleTable > table { width: auto; } .dialog.NodeClickBehavior .dialogBody #runWebAPIModuleTable > table #apiMethodParams { margin: 1px 0; } .dialog.Resplice { width: 400px; } .dialog.Resplice .dialogMessage { text-align: left; } .dialog.Resplice .hierarchyContainer { overflow: auto; height: 300px; width: 100%; } .dialog.Resplice .hierarchyContainer .HierarchyTree { min-height: 100%; } .dialog.ImportExcel .buttons .UploadExcelExample { float: left; margin-right: 0px; margin-left: 5px; } .dialog.ImportConnector .dialogBody > table tr:nth-child(4) { border-top: 1px solid #9e9c9d; } .div_with_topSeparator_forLayers { border-top: 1px solid #808080; margin-top: 5px; padding-top: 5px; } #changePassword { width: 300px; } #DownloadSyncLog { margin-left: 7px; float: left; } #cellPhoneIcon { background: url(../../SystemImages/cellPhoneIcon.png) no-repeat scroll 0px 0px; } .browseButton { width: 100%; cursor: pointer; float: left; overflow: hidden; position: relative; } .browseButton input[type="text"] { cursor: pointer; } .browseButton input[type="text"][disabled]:not(.disabled) { background-color: #434343; color: #c1c1c1; border: 1px solid #000; padding: 1px; } .browseButton input[type="file"] { width: 100%; position: absolute; right: 0px; top: 0px; cursor: pointer; opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); } .inline > * { margin-left: 5px; } .inline > colorPicker-picker { height: 16px; margin-top: 1px; } .inline > input { vertical-align: bottom; } .from.cableMapper, .to.cableMapper { white-space: nowrap; display: inline-block; overflow: hidden; text-overflow: ellipsis; width: inherit; } .treeItem.ti-selected-strong > .text { background-color: #00ff21; color: #000; padding: 0 5px; } .treeItem.acraLink.chosenForCircuit { color: #00ff21; } .treeItem.acraLinkEndNode > .text { color: #ffd300; } .treeItem.acraPort.occupiedPort:not(.ti-selected-strong) { color: #ef493f; } .treeItem.acraPort.portWithOneConStrand:not(.ti-selected-strong) { color: #ffd300; } .treeItem.acraStrand { color: #c1c1c1; } .treeItem.acraStrand.goodStrand { color: inherit; } .treeItem.acraStrand.goodStrand.chosenForCircuit { color: #00ff21; } .treeItem.connectedStrand { color: #0089ff; } .filesList { border-spacing: 2px; } .filesList td { background-color: #dddddd; text-align: center; } .embFileRow select { width: 100%; } .Overlay { width: 100%; height: 100%; position: fixed; top: 0; } .SelectModelOid { min-height: 300px; min-width: 300px; max-width: 700px; } .SelectModelOid .dialogBody { max-height: 650px; } .SelectModelOid .dialogBody fieldset div { overflow: auto; max-width: 650px; border: 1px solid #ccc; border-top: none; } .SelectModelOid .dialogBody table { width: 100%; table-layout: fixed; } .SelectModelOid .dialogBody table > thead > tr > th { background: #e1e1e1; padding: 4px 20px 4px 4px; margin-right: 1px; white-space: nowrap; border: solid 1px #ccc; } .SelectModelOid .dialogBody table td { border: solid 1px #ccc; padding: 0 4px; overflow: hidden; } .SelectModelOid .dialogBody table th:nth-of-type(1) { width: 20%; } .SelectModelOid .dialogBody table th:nth-of-type(2) { width: auto; } .SelectModelOid .dialogBody table th:nth-of-type(3) { width: 15%; } .SelectModelOid .dialogBody table th:nth-of-type(4) { width: 7%; } .SelectModelOid .dialogBody table th:nth-of-type(5) { width: 7%; } .GrafanaDeviceMonitoringReport { display: flex; flex-direction: column; resize: both; overflow: auto; } .dotstyle { /* Dot Navigation basic styles. */ /* Dot Navigation - Fill up */ /* Dot Navigation - Scale up */ } .dotstyle ul { position: relative; display: inline-block; margin: 0; padding: 0; list-style: none; cursor: default; } .dotstyle li { position: relative; display: block; float: left; margin: 0 8px; width: 16px; height: 16px; cursor: pointer; } .dotstyle li a { top: 0; left: 0; width: 100%; height: 100%; outline: none; border-radius: 50%; background-color: #6a6a6a; text-indent: -999em; cursor: pointer; /* make the text accessible to screen readers */ position: absolute; } .dotstyle-fillup li a { overflow: hidden; background-color: rgba(0, 0, 0, 0); box-shadow: inset 0 0 0 2px #ffffff; transition: background 0.2s; } .dotstyle-fillup li a::after { content: ''; position: absolute; bottom: 0; height: 0; left: 0; width: 100%; background-color: #ffffff; box-shadow: 0 0 1px #ffffff; transition: height 0.2s; } .dotstyle-fillup li a:hover, .dotstyle-fillup li a:focus { background-color: rgba(0, 0, 0, 0.2); } .dotstyle-fillup li.current a::after { height: 100%; } .dotstyle-scaleup li a { -webkit-transition: -webkit-transform 0.3s ease, background-color 0.3s ease; transition: transform 0.2s ease, background-color 0.2s ease; } .dotstyle-scaleup li a:hover, .dotstyle-scaleup li a:focus { background-color: #ef493f; } .dotstyle-scaleup li.current a { background-color: #ef493f; -webkit-transform: scale(1.2); transform: scale(1.2); } /* Getting Started dialog styles */ .gettingStartedDialog { width: 500px; height: 440px; } #tipCaption { font-size: larger; align-content: center; color: #EF493F; font-weight: bold; padding-bottom: 10px; } #tipImage { width: 450px; height: 300px; border: 1px solid #000; align-content: center; } .b-middle { position: absolute; left: 0px; right: 0px; top: 37px; } .b-middle [type="text"], .b-middle [type="file"], .b-middle [type="password"], .b-middle button:not(.btn), .b-middle select, .b-middle textarea { background-color: #f4f4f4; color: #000; } .b-middle [type="text"]:disabled, .b-middle [type="file"]:disabled, .b-middle [type="password"]:disabled, .b-middle button:not(.btn):disabled, .b-middle select:disabled, .b-middle textarea:disabled { background-color: #f4f4f4; color: #7d7d7d; } .b-middle .inner-table { padding: 10px 50px; background-color: #E8E8E8; } .b-middle .inner-table #MarginBox { margin: 20px 0px 3px 0px; } .b-middle .inner-table #MarginBox #SubMarginBox { display: table; width: 100%; } .b-middle .inner-table #MarginBox #SubMarginBox .btn { height: 20px; font-size: 13px; margin-left: 7px; } .b-middle .inner-table #MarginBox #SubMarginBox .MarginBoxButtons { margin-left: 10px; } .b-middle .inner-table #MarginBox #SubMarginBox > * { display: table-cell; vertical-align: middle; } .b-middle .inner-table #MarginBox #SubMarginBox > *:first-child { width: 1%; white-space: nowrap; } .b-middle .inner-table .table-filter { padding: 13px 18px 8px 0px; overflow: hidden; } .b-middle .inner-table .table-filter.events-table-filter { padding-top: 25px; font-size: 13px; } .b-middle .inner-table .table-filter.events-table-filter li { padding-right: 20px; } .b-middle .inner-table .table-filter.events-table-filter li:first-child { padding-right: 30px; } .b-middle .inner-table .table-filter input[type=text] { border-bottom: 1px solid #C5C5C5; background-color: transparent; color: #8C8B8B; border-top: 0; border-left: 0; border-right: 0; height: 16px; } .b-middle .inner-table .table-filter input[type=radio] { margin-right: 3px; } .b-middle .inner-table .table-filter .btn { height: 20px; font-size: 13px; margin-left: 10px; } .b-middle .inner-table .table-filter label { vertical-align: initial; } .b-middle .inner-table .table-filter .flter-form-container { position: absolute; } .b-middle .inner-table .table-filter .table-buttons { font-size: 13px; } .b-middle .inner-table .table-filter .table-buttons > li { margin: 0; margin-left: 2px; } .b-middle .inner-table .table-filter .table-buttons > li #RecordsPerPage { width: 28px; text-align: center; } .b-middle .inner-table .left { list-style: none; } .b-middle .inner-table .left > li { float: left; margin-right: 2px; } .b-middle .inner-table .table-counters { display: none; } .b-middle .inner-table .table-counters span { float: right; margin: 0; margin-left: 4px; padding: 2px 7px; border-radius: 2px; font-size: 13px; } .b-middle .inner-table .table-container { overflow-x: auto; position: relative; max-height: calc(100vh - 143px); background-color: #ffffff; } .b-middle .inner-table .table-container .table-pagination { padding-top: 10px; font-size: 13px; position: sticky; z-index: 1; bottom: 0; left: 0; background-color: #ffffff; } .b-middle .inner-table .table-container .table-pagination #pageSelector { display: none; } .b-middle .inner-table .table-container .table-pagination > ul { display: inline-block; list-style: none; } .b-middle .inner-table .table-container .table-pagination > ul > li { float: left; } .b-middle .inner-table .table-container .outerTable { border-collapse: separate; table-layout: fixed; border-spacing: 0; position: sticky; top: 0; } .b-middle .inner-table .table-container .outerTable > tbody > tr > td:nth-child(2) > div { display: flex; justify-content: center; align-items: center; } .b-middle .inner-table .table-container .outerTable a.hidden { visibility: hidden; } .b-middle .inner-table .table-container .outerTable a.disabled { cursor: default; opacity: 0.3; } .b-middle .inner-table .table-container .outerTable a.disabled:hover svg { fill: inherit; } .b-middle .inner-table .table-container .outerTable .table-icon:hover { text-decoration: none; } .b-middle .inner-table .table-container .outerTable .table-icon:hover svg { fill: #c21931; } .b-middle .inner-table .table-container .outerTable .table-icon svg { width: 25px; height: 25px; } .b-middle .inner-table .table-container .outerTable > thead > tr > th { position: sticky; top: 0; z-index: 1; background-color: #ffffff; color: #c21931; text-align: left; cursor: default; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; user-select: none; } .b-middle .inner-table .table-container .outerTable > thead > tr > th .title { padding: 10px 8px; line-height: 20px; overflow: hidden; position: relative; word-wrap: break-word; height: 100%; } .b-middle .inner-table .table-container .outerTable > thead > tr > th.sort { text-decoration: underline; } .b-middle .inner-table .table-container .outerTable > thead > tr > th.sort .title:hover { cursor: pointer; } .b-middle .inner-table .table-container .outerTable > thead > tr > th.sort:hover { background-color: #b00; text-decoration: none; } .b-middle .inner-table .table-container .outerTable > thead > tr > th.asc .title:after, .b-middle .inner-table .table-container .outerTable > thead > tr > th.desc .title:after { content: ""; display: inline-block; width: 0; height: 0; position: relative; left: 5px; top: 8px; vertical-align: top; border-right: 4px solid transparent; border-left: 4px solid transparent; } .b-middle .inner-table .table-container .outerTable > thead > tr > th.desc .title:after { border-top: 4px solid black; } .b-middle .inner-table .table-container .outerTable > thead > tr > th.asc .title:after { border-bottom: 4px solid black; } .b-middle .inner-table .table-container .outerTable > thead > tr > th .resize { width: 5px; top: 0px; height: 100%; cursor: col-resize; right: 0px; position: absolute; } .b-middle .inner-table .table-container .outerTable > thead > tr > th .resize.highlighted { background-color: #c21931; } .b-middle .inner-table .table-container .outerTable > thead > tr > th .resize.selected, .b-middle .inner-table .table-container .outerTable > thead > tr > th .resize:hover { background-color: #c21931; } .b-middle .inner-table .table-container .outerTable > thead > tr > th div.title { text-align: center; } .b-middle .inner-table .table-container .outerTable > thead > tr > th > div { position: relative; width: 100%; height: 100%; } .b-middle .inner-table .table-container .outerTable > tbody > tr > td { overflow: hidden; word-wrap: break-word; text-align: center; } .b-middle .inner-table .table-container .outerTable > tbody > tr > td > div { padding: 5px 8px; } .b-middle .inner-table .table-container .outerTable > tbody > tr > td > div input, .b-middle .inner-table .table-container .outerTable > tbody > tr > td > div select { width: 100%; padding-right: 0px; padding-left: 0px; text-align: center; padding-top: 8px; padding-bottom: 8px; margin-top: 5px; margin-bottom: 5px; } .b-middle .inner-table .table-container .outerTable > tbody > tr:nth-child(odd) { background-color: #f9f9f9; } .b-middle .inner-table .table-container .outerTable > tbody > tr:hover { background-color: #f1f1f1; } .b-middle .inner-table .table-container .outerTable > tbody:last-child > td { border-bottom: 1px solid #ccc; } .b-middle .inner-table .table-container .outerTable .selectCheckbox { width: 30px; } .b-middle .inner-table .table-container .outerTable div > tbody > tr:first-child > td { border-top: 0; } .b-middle .inner-table .table-container .outerTable div > tbody > tr:first-child td { border-top: 0; } .b-middle .inner-table .table-container .table td img { display: block; margin: 0 auto; max-width: 100px; max-height: 30px; } .b-middle .inner-table .table-container .table td.center { text-align: center; } .b-middle .inner-table .table-container .table.hideId td.Id, .b-middle .inner-table .table-container .table.hideId th[data-sort="Id"], .b-middle .inner-table .table-container .table.hideId th.Id { display: none; } .b-middle .inner-table.inner-table-create-new-mode > *:not(.table-container-expandable) { opacity: 0.4; pointer-events: none; } .b-middle .inner-table.inner-table-create-new-mode > .table-container-expandable > *:not(.table-item-data) { opacity: 0.4; pointer-events: none; } .b-middle .inner-table.inner-table-create-new-mode > .table-container-expandable > .table-item-data:not(.create-new-table-item) > .inner-table-item-data > *:not(.item-inner-table) { opacity: 0.4; pointer-events: none; } .b-middle .inner-table.inner-table-create-new-mode > .table-container-expandable > .table-item-data:not(.create-new-table-item) > .inner-table-item-data > .item-inner-table > *:not(.table-container-expandable) { opacity: 0.4; pointer-events: none; } .b-middle .inner-table.inner-table-create-new-mode > .table-container-expandable > .table-item-data:not(.create-new-table-item) > .inner-table-item-data > .item-inner-table > .table-container-expandable > *:not(.table-item-data.create-new-table-item) { opacity: 0.4; pointer-events: none; } .b-middle.b-middle-full-page-height { bottom: 0; } .b-middle.b-middle-full-page-height .inner-table { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .b-middle.b-middle-full-page-height .inner-table .table-container { height: calc(100vh - 143px); } .b-middle.b-middle-full-page-height .inner-table .table-container > .table-data, .b-middle.b-middle-full-page-height .inner-table .table-container > .table-item-data { position: absolute; top: 0; bottom: 47px; } .b-middle.b-middle-full-page-height .inner-table .table-container > .table-data { overflow-y: auto; } .b-middle.b-middle-full-page-height .inner-table .table-container > .table-pagination { position: absolute; width: 100%; padding-top: 0; } .table-container.table-container-expandable > .table-data, .item-table-container.table-container-expandable > .table-data, .table-container.table-container-expandable > .table-item-data, .item-table-container.table-container-expandable > .table-item-data { position: absolute; top: 0; } .table-container.table-container-expandable > .table-data, .item-table-container.table-container-expandable > .table-data { width: 100%; } .table-container.table-container-expandable > .table-data > .table, .item-table-container.table-container-expandable > .table-data > .table { width: 100%; } .table-container.table-container-expandable > .table-data > .table tbody > tr:not(.table-row-selected), .item-table-container.table-container-expandable > .table-data > .table tbody > tr:not(.table-row-selected) { cursor: pointer; } .table-container.table-container-expandable > .table-data > .table tbody > tr.table-row-selected, .item-table-container.table-container-expandable > .table-data > .table tbody > tr.table-row-selected { background-color: #b4b4b4; color: #ffffff; } .table-container.table-container-expandable > .table-data > .table tbody > tr.table-row-selected input, .item-table-container.table-container-expandable > .table-data > .table tbody > tr.table-row-selected input { background-color: #b4b4b4; color: #ffffff; } .table-container.table-container-expandable > .table-item-data, .item-table-container.table-container-expandable > .table-item-data { display: none; width: calc(100% - 350px); right: 0; } .table-container.table-container-expandable.table-container-expanded > .table-data, .item-table-container.table-container-expandable.table-container-expanded > .table-data, .table-container.table-container-expandable.table-container-expanded > .table-item-data, .item-table-container.table-container-expandable.table-container-expanded > .table-item-data { display: inline-block; } .table-container.table-container-expandable.table-container-expanded > .table-data, .item-table-container.table-container-expandable.table-container-expanded > .table-data { width: 350px; } .table-container.table-container-expandable.table-container-expanded > .table-data > .outerTable, .item-table-container.table-container-expandable.table-container-expanded > .table-data > .outerTable { width: calc(100% - 10px); margin-right: 10px; } .table-container.table-container-expandable input[type="text"], .item-table-container.table-container-expandable input[type="text"], .table-container.table-container-expandable textarea, .item-table-container.table-container-expandable textarea, .table-container.table-container-expandable select, .item-table-container.table-container-expandable select, .table-container.table-container-expandable fieldset, .item-table-container.table-container-expandable fieldset { border-color: #9e9c9d; } @media screen and (max-width: 1300px) { .table-container.table-container-expandable .table-item-data, .item-table-container.table-container-expandable .table-item-data { width: 70%; } .table-container.table-container-expandable.table-container-expanded > .table-data, .item-table-container.table-container-expandable.table-container-expanded > .table-data { width: 30%; } } .table-item-data > .inner-table-item-data { margin: 10px; padding: 30px 20px 20px 20px; border: 1px solid #b4b4b4; border-radius: 7px; position: absolute; bottom: 0; top: 0; right: 0; left: 0; } .table-item-data > .inner-table-item-data > input.btn.closeButton { position: absolute; top: 10px; right: 1px; font-size: 16px; } .table-item-data > .inner-table-item-data > .item-all-settings { display: inline-block; width: 100%; height: 100%; } .table-item-data > .inner-table-item-data > .item-all-settings > .inner-item-all-settings { position: relative; width: 100%; height: 100%; } .table-item-data > .inner-table-item-data > .item-all-settings > .inner-item-all-settings > .table-item-card { top: -18.5px; } .table-item-data > .inner-table-item-data > .item-all-settings > .inner-item-all-settings > .table-item-card > .t-card-fields { max-height: calc(100% - 70px); } .table-item-data > .inner-table-item-data > .item-all-settings > .inner-item-all-settings > .table-item-card > .t-card-fields > .t-card-edit-field { padding: 3px 6px 3px 0; } .table-item-data > .inner-table-item-data > .item-all-settings > .inner-item-all-settings > .table-item-card > .t-card-fields > .t-card-edit-field.t-card-edit-field-section { max-width: 600px; } .table-item-data > .inner-table-item-data > .item-all-settings > .inner-item-all-settings > .table-item-card > .t-card-fields > .t-card-edit-field.t-card-edit-field-text, .table-item-data > .inner-table-item-data > .item-all-settings > .inner-item-all-settings > .table-item-card > .t-card-fields > .t-card-edit-field.t-card-edit-field-select, .table-item-data > .inner-table-item-data > .item-all-settings > .inner-item-all-settings > .table-item-card > .t-card-fields > .t-card-edit-field.t-card-edit-field-cycle { max-width: 300px; } .table-item-data > .inner-table-item-data > .item-all-settings > .inner-item-all-settings > .table-item-card > .t-card-fields > .t-card-edit-field.t-card-edit-field-text > label, .table-item-data > .inner-table-item-data > .item-all-settings > .inner-item-all-settings > .table-item-card > .t-card-fields > .t-card-edit-field.t-card-edit-field-select > label, .table-item-data > .inner-table-item-data > .item-all-settings > .inner-item-all-settings > .table-item-card > .t-card-fields > .t-card-edit-field.t-card-edit-field-cycle > label { width: 30%; } .table-item-data > .inner-table-item-data > .item-all-settings > .inner-item-all-settings > .table-item-card > .t-card-fields > .t-card-edit-field.t-card-edit-field-text > .t-card-edit-error, .table-item-data > .inner-table-item-data > .item-all-settings > .inner-item-all-settings > .table-item-card > .t-card-fields > .t-card-edit-field.t-card-edit-field-select > .t-card-edit-error, .table-item-data > .inner-table-item-data > .item-all-settings > .inner-item-all-settings > .table-item-card > .t-card-fields > .t-card-edit-field.t-card-edit-field-cycle > .t-card-edit-error { left: 30%; width: 70%; } .table-item-data > .inner-table-item-data > .item-all-settings > .inner-item-all-settings > .table-item-card > .t-card-fields > .t-card-edit-field.t-card-edit-field-text > input { width: calc(70% - 15px); } .table-item-data > .inner-table-item-data > .item-all-settings > .inner-item-all-settings > .table-item-card > .t-card-fields > .t-card-edit-field.t-card-edit-field-select > select { width: calc(70% - 3px); } .table-item-data > .inner-table-item-data > .item-all-settings > .inner-item-all-settings > .table-item-card > .t-card-fields > .t-card-edit-field.t-card-edit-field-cycle > input { width: 30px; } .table-item-data > .inner-table-item-data > .item-all-settings > .inner-item-all-settings > .table-item-card > .t-card-fields > .t-card-edit-field.t-card-edit-field-cycle > select { width: calc(70% - 48px); } .table-item-data > .inner-table-item-data > .item-all-settings > .inner-item-all-settings > .table-item-card > .t-card-fields > .t-card-edit-field.t-card-edit-field-bool > label, .table-item-data > .inner-table-item-data > .item-all-settings > .inner-item-all-settings > .table-item-card > .t-card-fields > .t-card-edit-field .t-card-edit-field-bool > label { margin-left: 2px; width: calc(100% - 19px); } .table-item-data > .inner-table-item-data > .item-all-settings > .inner-item-all-settings > .table-item-card > .t-card-fields > .t-card-edit-field .t-card-edit-field-datetime { max-width: 273px; padding-left: 19px; } .table-item-data > .inner-table-item-data > .item-all-settings > .inner-item-all-settings > .table-item-card > .t-card-fields > .t-card-edit-field .t-card-edit-field-datetime > .datepicker { max-width: 90px; } .table-item-data > .inner-table-item-data > .item-all-settings > .inner-item-all-settings > .table-item-card > .t-card-fields > .t-card-edit-field .t-card-edit-field-datetime > .timepicker { display: inline-block; max-width: 150px; float: right; } .table-item-data > .inner-table-item-data > .item-all-settings > .inner-item-all-settings > .table-item-card > .t-card-fields > .t-card-edit-field .t-card-edit-field-datetime > .t-card-edit-error { left: 0; width: 100%; } .table-item-data > .inner-table-item-data > .item-all-settings > .inner-item-all-settings > .table-item-card > .t-card-fields > .t-card-edit-field .t-card-edit-field-datetime.t-card-edit-field-error input, .table-item-data > .inner-table-item-data > .item-all-settings > .inner-item-all-settings > .table-item-card > .t-card-fields > .t-card-edit-field .t-card-edit-field-datetime.t-card-edit-field-error select { border-color: #c21931; } .table-item-data > .inner-table-item-data > .item-all-settings > .inner-item-all-settings > .table-item-card > .t-card-fields > .t-card-edit-field .t-card-edit-field-message { line-height: 25px; padding-left: 9px; } .table-item-data > .inner-table-item-data > .item-inner-table { display: inline-block; width: calc(100% - 350px); } @media screen and (max-width: 1700px) { .table-item-data > .inner-table-item-data > .item-inner-table { width: 70%; } } .table-item-data > .inner-table-item-data > .item-inner-table > .item-inner-table-header { display: table; width: 100%; } .table-item-data > .inner-table-item-data > .item-inner-table > .item-inner-table-header > * { display: table-cell; vertical-align: middle; } .table-item-data > .inner-table-item-data > .item-inner-table > .item-inner-table-header > *:first-child > * { display: inline-block; } .table-item-data > .inner-table-item-data > .item-inner-table > .item-inner-table-header > *:first-child > *.btn { background-color: #e8e8e8; height: 20px; font-size: 13px; margin-left: 7px; } .table-item-data > .inner-table-item-data > .item-inner-table > .item-table-container { height: calc(100vh - 325px); position: relative; } .table-item-data > .inner-table-item-data > .item-inner-table > .item-table-container > .table-data > ul { list-style: none; line-height: 20px; } .table-item-data > .inner-table-item-data > .item-inner-table > .item-table-container > .table-data > ul > li:nth-child(odd) { background-color: #f9f9f9; } .table-item-data > .inner-table-item-data > .item-inner-table > .item-table-container.table-container-expandable > .table-data, .table-item-data > .inner-table-item-data > .item-inner-table > .item-table-container.table-container-expandable > .table-item-data { bottom: 0; } .table-item-data > .inner-table-item-data > .item-inner-table > .item-table-container.table-container-expandable > .table-data > ul > li:not(.table-row-selected) { cursor: pointer; } .table-item-data > .inner-table-item-data > .item-inner-table > .item-table-container.table-container-expandable > .table-data > ul > li.table-row-selected { background-color: #b4b4b4; color: #ffffff; } .table-item-data > .inner-table-item-data > .item-inner-table > .item-table-container.table-container-expandable > .table-data > ul > li.table-row-selected input { background-color: #b4b4b4; color: #ffffff; } .table-item-data > .inner-table-item-data > .item-inner-table > .item-table-container.table-container-expandable > .table-item-data { width: calc(100% - 250px); } .table-item-data > .inner-table-item-data > .item-inner-table > .item-table-container.table-container-expandable.table-container-expanded > .table-data { width: 250px; } .table-item-data > .inner-table-item-data > .item-inner-table > .item-table-container.table-container-expandable > .table-item-data > .inner-table-item-data { margin-top: 0; margin-right: 0; margin-bottom: 0; padding-top: 10px; } .table-item-data > .inner-table-item-data > .item-inner-table > .item-table-container.table-container-expandable > .table-item-data > .inner-table-item-data > .table-item-card { top: 12px; bottom: 20px; right: 20px; left: 20px; } .table-item-data > .inner-table-item-data > .item-inner-table > .item-table-container.table-container-expandable > .table-item-data > .inner-table-item-data > .table-item-card > .t-card-fields { padding-right: 10px; max-height: calc(100% - 70px); } @media screen and (max-width: 1700px) { .table-item-data > .inner-table-item-data > .item-inner-table > .item-table-container.table-container-expandable .table-item-data { width: 70%; } .table-item-data > .inner-table-item-data > .item-inner-table > .item-table-container.table-container-expandable.table-container-expanded > .table-data { width: 30%; } } .table-item-data > .inner-table-item-data > .item-core-settings { display: inline-block; width: 350px; height: 100%; float: right; overflow-y: auto; } @media screen and (max-width: 1700px) { .table-item-data > .inner-table-item-data > .item-core-settings { width: 30%; } } .table-item-data > .inner-table-item-data > .item-core-settings > .inner-item-core-settings { position: absolute; height: calc(100% - 50px); width: 323px; margin-left: 20px; border-left: 1px solid #b4b4b4; } @media screen and (max-width: 1700px) { .table-item-data > .inner-table-item-data > .item-core-settings > .inner-item-core-settings { width: calc(30% - 27px); } } .table-item-data > .inner-table-item-data > .item-core-settings > .inner-item-core-settings > .table-item-card { left: 10px; } .table-item-data > .inner-table-item-data > .item-core-settings > .inner-item-core-settings > .table-item-card > .t-card-fields { max-height: calc(100% - 40px); } .table-item-data > .inner-table-item-data > .item-core-settings > .inner-item-core-settings > .table-item-card > .t-card-fields .t-card-edit-field > .t-card-edit-error { left: 30%; width: 70%; } .table-item-data > .inner-table-item-data > .item-core-settings > .inner-item-core-settings > .table-item-card > .t-card-fields .t-card-edit-field.t-card-edit-field-text > label { width: 30%; } .table-item-data > .inner-table-item-data > .item-core-settings > .inner-item-core-settings > .table-item-card > .t-card-fields .t-card-edit-field.t-card-edit-field-text > input { width: calc(70% - 12px); } .table-item-data > .inner-table-item-data > .item-core-settings > .inner-item-core-settings > .table-item-card > .t-card-fields .t-card-edit-field.t-card-edit-field-password > label { width: 30%; } .table-item-data > .inner-table-item-data > .item-core-settings > .inner-item-core-settings > .table-item-card > .t-card-fields .t-card-edit-field.t-card-edit-field-password > input { width: calc(70% - 38px); } .table-item-data > .inner-table-item-data > .item-core-settings > .inner-item-core-settings > .table-item-card > .t-card-fields .t-card-edit-field.t-card-edit-field-select > label { width: 45%; } .table-item-data > .inner-table-item-data > .item-core-settings > .inner-item-core-settings > .table-item-card > .t-card-fields .t-card-edit-field.t-card-edit-field-select > select { width: 55%; } .table-item-data > .inner-table-item-data > .item-core-settings > .inner-item-core-settings > .table-item-card > .t-card-fields .t-card-edit-field.t-card-edit-field-section > fieldset > .t-card-edit-field-text > input { width: calc(70% - 15px); } .table-item-data.create-new-table-item > .inner-table-item-data { box-shadow: 0px 0px 15px 2px #9e9c9d; } .table-item-data.create-new-table-item > .inner-table-item-data .table-item-card > .t-card-edit-buttons > a { display: none; } .table-container .table#Table_Connectors thead > tr th.Id { width: 115px; } .table-container .table#Table_Connectors thead > tr th:last-child { width: 66px; } .table-container .table#Table_Connectors thead > tr th:first-child, .table-container .table#Table_Connectors thead > tr th.Type, .table-container .table#Table_Connectors thead > tr th:nth-child(6) { width: 50px; } .table-container .table#Table_Connectors thead > tr th.Name { width: 25%; } .table-container .table#Table_Connectors thead > tr th.IsDisabled { width: 60px; } .table-container .table#Table_Connectors tbody > tr > td.Action a.df-cancel-discovery { display: none; } .table-container .table#Table_Connectors tbody > tr.table-row-discovering > td.Status a { color: #00B28D; font-weight: bold; } .table-container .table#Table_Connectors tbody > tr.table-row-discovering > td.Action a.df-cancel-discovery { display: inline; } .table-container .table#Table_Connectors tbody > tr.table-row-discovering > td.Action a.df-discover { display: none; } .table-container .table#Table_Connectors tbody a.disabled { cursor: default; opacity: 0.3; } .table-container .table#Table_SchedulerTasks thead > tr th.Id { width: 115px; } .table-container .table#Table_SchedulerTasks thead > tr th:first-child, .table-container .table#Table_SchedulerTasks thead > tr th:nth-child(6) { width: 50px; } .table-container .table#Table_SchedulerTasks thead > tr th:last-child { width: 66px; } .table-container .table#Table_SchedulerTasks thead > tr th.Name { width: 25%; } .table-container .table#Table_SchedulerTasks thead > tr th.Type { width: 100px; } .table-container .table#Table_SchedulerTasks thead > tr th.IsEnabled { width: 60px; } .table-container.table-container-expandable.table-container-expanded .table { width: calc(100% - 10px); } .table-container.table-container-expandable.table-container-expanded .table#Table_Connectors thead > tr th.IsDisabled, .table-container.table-container-expandable.table-container-expanded .table#Table_Connectors thead > tr > th:last-child, .table-container.table-container-expandable.table-container-expanded .table#Table_Connectors thead > tr > th:nth-child(6), .table-container.table-container-expandable.table-container-expanded .table#Table_Connectors thead > tr > th:nth-child(7), .table-container.table-container-expandable.table-container-expanded .table#Table_Connectors thead > tr > th:nth-child(8), .table-container.table-container-expandable.table-container-expanded .table#Table_Connectors tbody > tr td.IsDisabled, .table-container.table-container-expandable.table-container-expanded .table#Table_Connectors tbody > tr > td:last-child, .table-container.table-container-expandable.table-container-expanded .table#Table_Connectors tbody > tr > td:nth-child(6), .table-container.table-container-expandable.table-container-expanded .table#Table_Connectors tbody > tr > td:nth-child(7), .table-container.table-container-expandable.table-container-expanded .table#Table_Connectors tbody > tr > td:nth-child(8) { display: none; } .table-container.table-container-expandable.table-container-expanded .table#Table_Connectors thead > tr th.Name { width: inherit; } .table-container.table-container-expandable.table-container-expanded .table#Table_SchedulerTasks thead > tr th:not(:first-child,.Id,.Name), .table-container.table-container-expandable.table-container-expanded .table#Table_SchedulerTasks tbody > tr td:not(:first-child,.Id,.Name) { display: none; } .table-container.table-container-expandable.table-container-expanded .table#Table_SchedulerTasks thead > tr th.Name { width: inherit; } .table-item-card { position: absolute; top: 0; bottom: 0; right: 0; left: 0; } .table-item-card input[type="text"], .table-item-card input[type="password"], .table-item-card textarea, .table-item-card select, .table-item-card fieldset { border-color: #9e9c9d; } .table-item-card .t-card-edit-buttons { text-align: right; } .table-item-card .t-card-edit-buttons > .btn { background-color: #e8e8e8; height: 20px; font-size: 13px; margin-left: 10px; } .table-item-card .t-card-edit-buttons:first-child { margin-right: 10px; height: 20px; } .table-item-card .t-card-edit-buttons:not(:first-child) { margin-top: 20px; } .table-item-card > .t-card-edit-error { text-align: center; color: #c21931; } .table-item-card > .t-card-fields { position: relative; overflow-y: auto; } .table-item-card > .t-card-fields .t-card-edit-field { padding: 3px 0; } .table-item-card > .t-card-fields .t-card-edit-field > .t-card-edit-error { display: none; position: relative; color: #c21931; left: 20%; width: 80%; } .table-item-card > .t-card-fields .t-card-edit-field > label { display: inline-block; width: 20%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 5px 0; } .table-item-card > .t-card-fields .t-card-edit-field > input { display: inline-block; padding: 5px; } .table-item-card > .t-card-fields .t-card-edit-field > select { display: inline-block; padding: 4px; } .table-item-card > .t-card-fields .t-card-edit-field.t-card-edit-field-text > input { width: calc(80% - 12px); } .table-item-card > .t-card-fields .t-card-edit-field.t-card-edit-field-select > select { width: 80%; } .table-item-card > .t-card-fields .t-card-edit-field.t-card-edit-field-password > input { width: calc(80% - 35px); padding: 5px 28px 5px 5px; } .table-item-card > .t-card-fields .t-card-edit-field.t-card-edit-field-password > .icon { position: absolute; width: 20px; height: 20px; margin-left: -25px; margin-top: 3px; fill: #fcfcfc; cursor: pointer; } .table-item-card > .t-card-fields .t-card-edit-field.t-card-edit-field-password > .icon.hidden { display: none; } .table-item-card > .t-card-fields .t-card-edit-field.t-card-edit-field-password.disabled > .icon { opacity: 0.4; pointer-events: none; } .table-item-card > .t-card-fields .t-card-edit-field.t-card-edit-field-textarea > label { width: 100%; } .table-item-card > .t-card-fields .t-card-edit-field.t-card-edit-field-textarea > textarea { height: 100px; width: calc(100% - 4px); } .table-item-card > .t-card-fields .t-card-edit-field.t-card-edit-field-textarea > .t-card-edit-error { left: 0; width: 100%; } .table-item-card > .t-card-fields .t-card-edit-field.t-card-edit-field-list .t-card-list-empty { color: #c21931; margin-left: 15px; } .table-item-card > .t-card-fields .t-card-edit-field.t-card-edit-field-list ul { list-style-type: none; } .table-item-card > .t-card-fields .t-card-edit-field.t-card-edit-field-list ul > li.t-card-list-select-all { margin: 5px 0; padding: 5px 0; border-bottom: 1px solid #7e7e7e; font-weight: bold; } .table-item-card > .t-card-fields .t-card-edit-field.t-card-edit-field-list ul > li > input { margin-right: 6px; } .table-item-card > .t-card-fields .t-card-edit-field.t-card-edit-field-bool > input { width: auto; } .table-item-card > .t-card-fields .t-card-edit-field.t-card-edit-field-bool.t-card-edit-field-bool-full-label-width > label { width: calc(100% - 16px); } .table-item-card > .t-card-fields .t-card-edit-field.t-card-edit-field-section > fieldset { height: 8px; overflow: hidden; margin: 0; } .table-item-card > .t-card-fields .t-card-edit-field.t-card-edit-field-section > fieldset > legend { cursor: pointer; } .table-item-card > .t-card-fields .t-card-edit-field.t-card-edit-field-section > fieldset > legend :hover { text-decoration: underline; } .table-item-card > .t-card-fields .t-card-edit-field.t-card-edit-field-section > fieldset > legend > span:before { content: "+"; margin: 4px; } .table-item-card > .t-card-fields .t-card-edit-field.t-card-edit-field-section > fieldset > :not(legend) { display: none; } .table-item-card > .t-card-fields .t-card-edit-field.t-card-edit-field-section.t-card-edit-field-section-expanded > fieldset { height: auto; overflow: auto; margin: 0; } .table-item-card > .t-card-fields .t-card-edit-field.t-card-edit-field-section.t-card-edit-field-section-expanded > fieldset > legend > span:before { content: "-"; } .table-item-card > .t-card-fields .t-card-edit-field.t-card-edit-field-section.t-card-edit-field-section-expanded > fieldset > :not(legend) { display: inherit; } .table-item-card > .t-card-fields .t-card-edit-field.t-card-edit-field-section.t-card-edit-field-section-expanded > fieldset > :not(legend).horizontal-form.two-columns { display: grid; } .table-item-card > .t-card-fields .t-card-edit-field.t-card-edit-field-error > input, .table-item-card > .t-card-fields .t-card-edit-field.t-card-edit-field-error > fieldset, .table-item-card > .t-card-fields .t-card-edit-field.t-card-edit-field-error > textarea, .table-item-card > .t-card-fields .t-card-edit-field.t-card-edit-field-error > select { border-color: #c21931; } .table-item-card > .t-card-fields .t-card-edit-field.t-card-edit-field-error > .t-card-edit-error { display: block; } a.table-item-is-disabled { display: none; } .table-item-disabled > .t-card-edit-buttons a.table-item-is-disabled { display: inline; } .table-item-disabled > .t-card-edit-buttons a.table-item-is-enabled { display: none; } .b-reports { background-color: #9e9c9d; } .empty { font-size: 140%; margin: 10px; font-weight: bold; } .Preview div { width: 106px; height: 20px; margin: 0 auto; } td .Green { color: #76EE00; } td .Red { color: #c21931; } td .Grey { color: #ccc; } .NonEditable { color: #999; } .LinkToTheRihgt { padding-left: 6px; } .paginationjs { line-height: 1.6; font-family: "Marmelad", "Lucida Grande", "Arial", "Hiragino Sans GB", Georgia, sans-serif; font-size: 14px; box-sizing: initial; } .paginationjs > * { height: 20px; } .paginationjs:after { display: table; content: " "; clear: both; } .paginationjs .paginationjs-pages { float: left; margin-top: 1px; } .paginationjs .paginationjs-pages ul { float: left; margin: 0; padding: 0; } .paginationjs .paginationjs-pages li { float: left; border: 1px solid #ccc; border-right: none; list-style: none; } .paginationjs .paginationjs-pages li > a { padding: 0 2px; min-width: 30px; height: 18px; line-height: 18px; display: block; background: #fff; font-size: 14px; color: #333; text-decoration: none; text-align: center; } .paginationjs .paginationjs-pages li > a:hover { background: #eee; } .paginationjs .paginationjs-pages li.active { border: none; } .paginationjs .paginationjs-pages li.active > a { height: 20px; line-height: 20px; background: #ccc; color: #fff; } .paginationjs .paginationjs-pages li.disabled > a { opacity: 0.3; } .paginationjs .paginationjs-pages li.disabled > a:hover { background: none; } .paginationjs .paginationjs-pages li:first-child { border-radius: 0px 0 0 0px; } .paginationjs .paginationjs-pages li:first-child > a { border-radius: 0px 0 0 0px; } .paginationjs .paginationjs-pages li:last-child { border-right: 1px solid #ccc; border-radius: 0 0px 0px 0; } .paginationjs .paginationjs-pages li:last-child > a { border-radius: 0 0px 0px 0; } .paginationjs .paginationjs-go-input { float: left; margin-left: 10px; font-size: 14px; } .paginationjs .paginationjs-go-input > input[type="text"] { width: 60px; height: 18px; border-radius: 0px; border: 1px solid #ccc; padding: 0; font-size: 14px; text-align: center; } .paginationjs .paginationjs-go-button { float: left; margin-left: 10px; font-size: 14px; } .paginationjs .paginationjs-go-button > input[type="button"] { min-width: 40px; height: 20px; line-height: 18px; background: #fff; border-radius: 0px; border: 1px solid #6a6a6a; text-align: center; padding: 0 8px; font-size: 14px; vertical-align: baseline; outline: none; box-shadow: none; cursor: pointer; background-color: #6a6a6a; border-radius: 2px; color: #fcfcfc; } .paginationjs .paginationjs-nav { float: left; height: 20px; line-height: 20px; margin-left: 10px; font-size: 14px; } .b-top .b-topHeader > .leftToolbar { left: 0; } .b-top .b-topHeader > .leftToolbar .tabs .tab:not(.logoContainer) .toolbar { height: 100%; display: inline-block; vertical-align: top; overflow: hidden; list-style: none; color: #ffffff; } .b-top .b-topHeader > .leftToolbar .tabs .tab:not(.logoContainer) .toolbar > li { float: left; } .b-top .b-topHeader > .leftToolbar .tabs .tab:not(.logoContainer) .toolbar > li.disabled { opacity: 0.4; } .b-top .b-topHeader > .leftToolbar .tabs .tab:not(.logoContainer) .toolbar > li > svg { fill: #000000; width: 32px; height: 29px; } .subnetDetail-section { display: flex; justify-content: space-between; align-items: center; } .subnetDetail-table { margin: 50px; margin-left: 100px; font-family: Arial, sans-serif; font-size: 12px; border-collapse: collapse; } .subnetDetail-table td { padding: 4px; text-align: left; } .subnetDetail-table td:first-child { text-align: right; width: 40%; border-right: 1px solid black; } .subnetDetail-table td:last-child { width: 60%; } .subnetDetail-usage-graphs { margin-right: 100px; } .subnetDetail-usage-graphs canvas { width: 400px; height: 400px; } .ip-subnet-table { width: 100%; border-collapse: collapse; } .ip-subnet-table th, .ip-subnet-table td { border: 1px solid #ccc; padding: 8px; text-align: left; } .ip-subnet-table th { background-color: #f2f2f2; } .ip-subnet-subnet { display: flex; flex-wrap: wrap; padding: 5px; } .ip-subnet-subnet .ip { margin: 2px; padding: 5px 10px; border-radius: 5px; color: white; } .ip-subnet-table button { color: red; border: none; background: none; cursor: pointer; } .b-middle .inner-table #MarginBox #SearchBox { padding-top: 10px; } .b-middle .inner-table .table-container .SearchHighlight { background-color: yellow; } .catalog-table-name { padding: 3px 4px 2px 4px; width: 140px; }