@charset "UTF-8"; /* Welcome to Compass. * In this file you should write your main styles. (or centralize your imports) * Import this file using the following HTML or equivalent: * */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; } html { line-height: 1; } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; } q, blockquote { quotes: none; } q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; } a img { border: none; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } .wrapper, .row { *zoom: 1; } .wrapper:before, .row:before, .wrapper:after, .row:after { content: " "; display: table; } .wrapper:after, .row:after { clear: both; } /********** GLOBALS ********/ /********** FONT *********/ /********** EMAIL *********/ /********** ICONS *********/ /********** HANDLES ********/ /*********** GRIDS *********/ /********** SIDEBAR ********/ /********** PROCESS CIRCLE ********/ /********** BUTTONS **********/ /********** SWITCH **********/ /********** STEPS **********/ /********** FORMS ************/ /********** WIDGET **********/ /********** TABLES ********/ /********** PANEL *********/ /********** CHART C3 ***********/ /********** Dropdown ***********/ /********** NOTIFICATIONS ***********/ /********** TABLES ***********/ /*! * * ************************* * Author: David Michlmayr * Date: 29.06.20 13:08 * Copyright (c) 2020 * LineMetrics GmbH * ************************* */ .flexbox-row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .flexbox-column { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .space-between { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } .flexbox-center { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } .flexbox-align-item-center { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; } .hoverbar { float: right; text-align: right; white-space: nowrap; padding-left: 6px; vertical-align: text-bottom; display: none; position: relative; } .hoverbar.large .icon { font-size: 1.38462em; line-height: 1.5em; vertical-align: text-top; } .hoverbar ul, .-hoverbar-dropdown { display: none; position: absolute; right: 0px; top: 100%; z-index: 9999; padding: 0; width: 170px; font-size: 12px; font-weight: 400; color: #3B8AC3; background-image: linear-gradient(-180deg, #fcfcfc 0%, #ffffff 100%); -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; box-shadow: 0px 1px 3px 0px rgba(117, 128, 143, 0.7), inset 0px 1px 0px 0px #FFFFFF; } .hoverbar ul:after, .-hoverbar-dropdown:after { bottom: 100%; right: 5px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-bottom-color: #FCFCFC; border-width: 4px; margin-left: -4px; } .hoverbar ul li, .-hoverbar-dropdown li { cursor: pointer; font-size: 12px; padding: 0 10px !important; line-height: 30px; border-bottom: #cacaca; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; text-align: left; display: none; } .hoverbar ul li:hover, .-hoverbar-dropdown li:hover { background-color: rgba(59, 138, 195, 0.06); -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .hoverbar ul li .icon, .-hoverbar-dropdown li .icon { font-size: 13px; top: 1px; position: relative; padding-right: 3px; } .hoverbar ul li.red, .-hoverbar-dropdown li.red { color: #DD3F1D; } .hoverbar ul li.red:hover, .-hoverbar-dropdown li.red:hover { background-color: rgba(221, 63, 29, 0.06); -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .hoverbar ul:last-child, .-hoverbar-dropdown:last-child { border-bottom: 0px; } .hoverbar.absolute { right: 12px; top: 0px; position: absolute; height: 100%; text-align: right; } .hoverbar.absolute a { cursor: pointer; float: right; } .hoverbar.absolute a:hover { background-color: rgba(59, 138, 195, 0.06); -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .hoverbar.absolute a.red { color: #DD3F1D; } .hoverbar.absolute a.red:hover { background-color: rgba(221, 63, 29, 0.06); -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .actionbar { float: right; text-align: right; white-space: nowrap; padding-left: 6px; vertical-align: text-bottom; } .button { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; cursor: pointer; outline: 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; box-shadow: 0px 1px 1px 0px #EBF1F9; color: #56677F; background-color: #FCFCFC; font-size: 14px; border: 1px solid #DBE1E8; padding: 8px 10px; float: left; margin-top: 10px; min-width: 140px; line-height: 14px; } .button .icon { position: relative; font-size: 15px; padding-right: 4px; } .button:hover { background-color: #f2f2f2; } .button:active { background-color: #e8e8e8; } .button.auth-button { float: none; margin: 0px !important; -moz-border-radius-topleft: 0px !important; -webkit-border-top-left-radius: 0px !important; border-top-left-radius: 0px !important; -moz-border-radius-topright: 0px !important; -webkit-border-top-right-radius: 0px !important; border-top-right-radius: 0px !important; } .button.headerbutton { position: absolute; line-height: 14px !important; right: 0px; top: 0px; height: 32px; margin-top: 3px; } .button.headerbutton .icon { line-height: 14px; padding-left: 0px; height: auto; } .button.accent-blue { text-align: left; border: none; padding: 0px; color: #008fb2; box-shadow: none; background-color: none; background-color: rgba(255, 255, 255, 0) !important; } .button.accent-blue:hover { color: #0084a4; background-color: rgba(255, 255, 255, 0) !important; } .button.add-button { font-size: 12px; } .button.add-button .icon { font-size: 12px; } .button.accent-grey, .button.accent-gray { text-align: left; border: none; padding: 0px; color: #919EB1; box-shadow: none; background-color: none; background-color: rgba(255, 255, 255, 0) !important; } .button.accent-grey:hover, .button.accent-gray:hover { color: #56677F; background-color: rgba(255, 255, 255, 0) !important; } .button.primary { font-size: 1em; line-height: 1.38462em; padding: 12px 10px; width: 100%; background-color: #56677F; color: #FFFFFF; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 0px; margin: 8px; } .button.primary:hover { background-color: #4f5f75; } .button.primary:active { background-color: #48576b; } .button.bg-primary { font-size: 1em; line-height: 1.38462em; padding: 10px 10px; background-color: #00b3df; color: #FFFFFF; border-right: 1px solid #00b3df; margin: 8px; } .button.bg-primary:hover { background-color: #009fc6; } .button.bg-primary:active { background-color: #008aac; } .button.bg-none { font-size: 1em; line-height: 1.38462em; padding: 12px 10px; background-color: transparent; color: #56677F; border: 0px; box-shadow: none; margin: 8px; min-width: auto; } .button.bg-none:hover { background-color: rgba(86, 103, 127, 0.08); } .button.bg-none:active { background-color: rgba(86, 103, 127, 0.16); } .button.bg-secondary { font-size: 1em; line-height: 1.38462em; padding: 12px 10px; background-color: #DBE1E8; color: #56677F; border: 0px; margin: 8px; } .button.bg-secondary:hover { background-color: #d2d8df; } .button.bg-secondary:active { background-color: #c9cfd5; } .button.bg-error, .button.bg-delete, .button.bg-remove { font-size: 1em; line-height: 1.38462em; padding: 12px 10px; background-color: #DD3F1D; color: #FFFFFF; border: 0px; margin: 8px; } .button.bg-error:hover, .button.bg-delete:hover, .button.bg-remove:hover { background-color: #d43c1c; } .button.bg-error:active, .button.bg-delete:active, .button.bg-remove:active { background-color: #cb3a1b; } .button.bg-primary:first-child, .button.bg-secondary:first-child, .button.bg-error:first-child { -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; } .button.bg-primary:last-child, .button.bg-secondary:last-child, .button.bg-error:last-child { -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; } .button.action { font-size: 0.76923em; line-height: 1.8em; line-height: 18px !important; border: 1px solid #DBE1E8; font-weight: 600; padding: 0 4px; text-shadow: none; min-width: 0px; float: none; margin: 0px; background-color: #FCFCFC; text-transform: uppercase; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; box-shadow: 0px 1px 1px 0px #EBF1F9; color: #56677F; } .button.action .icon { font-size: 11px; padding: 0px; line-height: 17px !important; } .button.action:hover { background-color: #f2f2f2; } .button.action:active { background-color: #e8e8e8; } .button.action.highlight, .button.action.online { background-color: #AECB0F; border-color: #AECB0F; color: #FFFFFF; } .button.action.offline { background-color: #DD3F1D; border-color: #DD3F1D; color: #FFFFFF; } .button.action.warning { background-color: #F39D54; border-color: #F39D54; color: #FFFFFF; font-weight: 700; } .button.action.big { font-size: 0.92308em; line-height: 1.5em; } .button.disabled { border: 1px solid #DBE1E8 !important; background-color: transparent; color: #56677F; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; opacity: 0.5; } .button.disabled:hover { background-color: transparent; } .button.disabled:active { background-color: transparent; } .button.rowbutton { height: 39px; line-height: 39px; color: #00b3df; text-align: left; border: 0px; border-bottom: 1px solid #F0F0F0; width: 100%; margin: 0px; padding: 0px 14px; background-color: transparent; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; vertical-align: middle; vertical-align: -webkit-baseline-middle; position: relative; box-shadow: none; } .button.rowbutton svg { width: 36px; float: left; margin-top: 3px; padding-right: 10px; } .button.rowbutton span { float: left; } .button.rowbutton:hover { background-color: #e0f6fb !important; } .button.selected { background-color: #00b3df; color: #FFFFFF; } .button.selected:hover:hover { background-color: #009fc6; } .circle { height: 10px; width: 10px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; } .button-group { width: 100%; float: left; margin-top: 16px; border-top: 1px solid #F0F0F0; } .button-group .button { float: right; } .form-submit { margin-top: 16px; } .form-submit button { vertical-align: middle; } .action ul li.error { background-color: #DD3F1D; color: #FFFFFF; } .accent-blue { color: #3B8AC3; } .supportbutton { background-size: 22px 22px; background-repeat: no-repeat; border-radius: 50%; border-style: solid; border-width: 1px; position: absolute; bottom: 0; right: 20px; display: none; width: 60px; height: 60px; cursor: pointer; z-index: 10000; background-position: center; background-color: #00b3df; border-color: #DBE1E8; bottom: 20px; box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.23); } .supportbutton:hover { background-color: #009fc6; } .supportbutton.active { background-color: #009fc6; } .supportbutton > .icon { width: 100%; line-height: 67px; text-shadow: none; color: #FFFFFF; text-align: center; font-size: 32px; } .box-status-update { padding: 0.2em 0.6em; border-radius: 10em; cursor: pointer; outline: none; } .box-status-update > div.icon { margin: 0 !important; font-size: 19px; } .box-status-update.no-update { background-color: #a3cb08; } .box-status-update.update, .box-status-update.status-timeout { background-color: #f6ba52; } .box-status-update.status-error:not(.status-error-retry) { background-color: #cb3d44; color: white; } .box-status-update { color: #56677f; } .box-status-update.status-running, .box-status-update.status-error-retry { background-color: #fff188; } .box-status-update.status-running, .box-status-update.status-error { cursor: help; } #sidebar * .box-status-update { background-color: transparent; padding: 0; margin-right: 7px; } #sidebar * .status-running, #sidebar * .status-error-retry { color: #56677f; } #sidebar * .status-error:not(.status-error-retry) { color: #cb3d44; } @-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #sidebar * .status-error-retry div.icon, #sidebar * .status-running div.icon { -webkit-animation: rotate 2s linear infinite; -moz-animation: rotate 2s linear infinite; -o-animation: rotate 2s linear infinite; animation: rotate 2s linear infinite; -webkit-animation-direction: reverse; -moz-animation-direction: reverse; -o-animation-direction: reverse; animation-direction: reverse; height: 19px; } @-webkit-keyframes pulse { 0% { opacity: 0.2; } 50% { opacity: 1; } 100% { opacity: 0.2; } } @keyframes pulse { 0% { opacity: 0.2; } 50% { opacity: 1; } 100% { opacity: 0.2; } } .box-status-update.status-error-retry > span, .box-status-update.status-running > span { -webkit-animation: pulse 2s linear infinite; -moz-animation: pulse 2s linear infinite; -o-animation: pulse 2s linear infinite; animation: pulse 2s linear infinite; font-size: 1.5em; } .box-status-update.status-error-retry > span:nth-child(2), .box-status-update.status-running span:nth-child(2) { -webkit-animation-delay: .2s; -moz-animation-delay: .2s; -o-animation-delay: .2s; animation-delay: .2s; } .box-status-update.status-error-retry > span:nth-child(3), .box-status-update.status-running span:nth-child(3) { -webkit-animation-delay: .4s; -moz-animation-delay: .4s; -o-animation-delay: .4s; animation-delay: .4s; } /*! gridster.js - v0.5.6 - 2014-09-25 * http://gridster.net/ * Copyright (c) 2014 ducksboard; Licensed MIT */ .dashboard { position: relative; } .dashboard > * { margin: 0 auto; -webkit-transition: height .4s, width .4s; -moz-transition: height .4s, width .4s; -o-transition: height .4s, width .4s; -ms-transition: height .4s, width .4s; transition: height .4s, width .4s; } .dashboard .gs-w, .dashboard-preview .gs-w { z-index: 2; position: absolute; } .dashboard .preview-holder { z-index: 1; position: absolute; background-color: #fff; border-color: #fff; opacity: 0.3; } .dashboard .player-revert { z-index: 10 !important; } .dashboard .dragging, .dashboard .resizing { z-index: 10 !important; -webkit-transition: all 0s !important; -moz-transition: all 0s !important; -o-transition: all 0s !important; transition: all 0s !important; } .gs-resize-handle { position: absolute; z-index: 1; } .gs-resize-handle-both { width: 20px; height: 20px; bottom: -8px; right: -8px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg08IS0tIEdlbmVyYXRvcjogQWRvYmUgRmlyZXdvcmtzIENTNiwgRXhwb3J0IFNWRyBFeHRlbnNpb24gYnkgQWFyb24gQmVhbGwgKGh0dHA6Ly9maXJld29ya3MuYWJlYWxsLmNvbSkgLiBWZXJzaW9uOiAwLjYuMSAgLS0+DTwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DTxzdmcgaWQ9IlVudGl0bGVkLVBhZ2UlMjAxIiB2aWV3Qm94PSIwIDAgNiA2IiBzdHlsZT0iYmFja2dyb3VuZC1jb2xvcjojZmZmZmZmMDAiIHZlcnNpb249IjEuMSINCXhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiDQl4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjZweCIgaGVpZ2h0PSI2cHgiDT4NCTxnIG9wYWNpdHk9IjAuMzAyIj4NCQk8cGF0aCBkPSJNIDYgNiBMIDAgNiBMIDAgNC4yIEwgNCA0LjIgTCA0LjIgNC4yIEwgNC4yIDAgTCA2IDAgTCA2IDYgTCA2IDYgWiIgZmlsbD0iIzAwMDAwMCIvPg0JPC9nPg08L3N2Zz4="); background-position: top left; background-repeat: no-repeat; cursor: se-resize; z-index: 20; } .gs-resize-handle-x { top: 0; bottom: 13px; right: -5px; width: 10px; cursor: e-resize; } .gs-resize-handle-y { left: 0; right: 13px; bottom: -5px; height: 10px; cursor: s-resize; } .gs-w:hover .gs-resize-handle, .resizing .gs-resize-handle { opacity: 1; } .gs-resize-handle, .gs-w.dragging .gs-resize-handle { opacity: 0; } .gs-resize-disabled .gs-resize-handle { display: none !important; } [data-max-sizex="1"] .gs-resize-handle-x, [data-max-sizey="1"] .gs-resize-handle-y, [data-max-sizey="1"][data-max-sizex="1"] .gs-resize-handle { display: none !important; } /* Uncomment this if you set helper : "clone" in draggable options */ /*.dashboard .player { opacity:0; } */ .layout-slider { height: 40px; } .jslider table { width: 100%; border-collapse: collapse; border: 0; } .jslider td, .jslider th { padding: 0; vertical-align: top; text-align: left; border: 0; } .jslider table, .jslider table tr, .jslider table tr td { width: 100%; vertical-align: top; } .jslider { display: block; width: 100%; height: 1em; position: relative; top: 0.6em; } .jslider .jslider-bg { position: relative; } .jslider .jslider-bg i { background-color: #DBE1E8; height: 5px; position: absolute; font-size: 0; top: 0; } .jslider .jslider-bg .l { width: 10%; border-top-left-radius: 2px; border-bottom-left-radius: 2px; left: 0; } .jslider .jslider-bg .f { width: 80%; left: 10%; } .jslider .jslider-bg .r { width: 10%; left: 90%; border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .jslider .jslider-bg .v { position: absolute; width: 60%; left: 20%; top: 0; height: 5px; background-color: #3B8AC3; } .jslider .jslider-pointer { width: 15px; height: 15px; position: absolute; left: 20%; top: -5px; margin-left: -9px; cursor: pointer; background-color: #4096D4; border-radius: 15px; } .jslider .jslider-pointer-hover { background-position: -20px -60px; } .jslider .jslider-pointer-to { left: 80%; } .jslider .jslider-label { font-size: 12px; line-height: 12px; color: rgba(86, 103, 127, 0.5); white-space: nowrap; padding: 0px 2px; position: absolute; left: 0px; top: 12px; } .jslider .jslider-label-to { left: auto; right: 0; } .jslider .jslider-value { font-size: 14px; white-space: nowrap; padding: 1px 2px 0; position: absolute; left: 20%; line-height: 12px; } .jslider .jslider-value.top { opacity: 0; top: -20px; } .jslider .jslider-value.bottom { top: 15px; } .jslider .jslider-value-to { left: 80%; } .jslider .jslider-label small, .jslider .jslider-value small { position: relative; top: -0.4em; } .jslider .jslider-scale { position: relative; top: 9px; } .jslider .jslider-scale span { position: absolute; height: 5px; border-left: 1px solid #999; font-size: 0; } .jslider .jslider-scale ins { font-size: 9px; text-decoration: none; position: absolute; left: 0px; top: 5px; color: #999; } .jslider-single .jslider-pointer-to, .jslider-single .jslider-value-to, .jslider-single .jslider-bg .v, .jslider-limitless .jslider-label { display: none; } .odometer.odometer-auto-theme, .odometer.odometer-theme-minimal { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; position: relative; } .odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-minimal .odometer-digit { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; position: relative; } .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; visibility: hidden; } .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-inner { text-align: left; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; } .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon { display: block; } .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon-inner { display: block; -webkit-backface-visibility: hidden; } .odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-minimal .odometer-digit .odometer-value { display: block; -webkit-transform: translateZ(0); } .odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-minimal .odometer-digit .odometer-value.odometer-last-value { position: absolute; } .odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-up .odometer-ribbon-inner { -webkit-transition: -webkit-transform 2s; -moz-transition: -moz-transform 2s; -ms-transition: -ms-transform 2s; -o-transition: -o-transform 2s; transition: transform 2s; } .odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-up.odometer-animating .odometer-ribbon-inner { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-down .odometer-ribbon-inner { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-down.odometer-animating .odometer-ribbon-inner { -webkit-transition: -webkit-transform 2s; -moz-transition: -moz-transform 2s; -ms-transition: -ms-transform 2s; -o-transition: -o-transform 2s; transition: transform 2s; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .colorpicker { width: 215px; height: 176px; overflow: hidden; position: absolute; background: url(/img/colorpicker/colorpicker_bg.png); display: none; z-index: 999999; } .colorpicker_color { width: 150px; height: 150px; left: 14px; top: 13px; position: absolute; background: #f00; overflow: hidden; cursor: crosshair; } .colorpicker_color div { position: absolute; top: 0; left: 0; width: 150px; height: 150px; background: url(/img/colorpicker/colorpicker_overlay.png); } .colorpicker_color div div { position: absolute; top: 0; left: 0; width: 11px; height: 11px; overflow: hidden; background: url(/img/colorpicker/colorpicker_select.gif); margin: -5px 0 0 -5px; } .colorpicker_hue { position: absolute; top: 13px; left: 171px; width: 35px; height: 150px; cursor: n-resize; } .colorpicker_hue div { position: absolute; width: 35px; height: 9px; overflow: hidden; background: url(/img/colorpicker/colorpicker_indic.gif) left top; margin: -4px 0 0 0; left: 0px; } .colorpicker_new_color { display: none; position: absolute; width: 60px; height: 30px; left: 213px; top: 13px; background: #f00; } .colorpicker_current_color { display: none; position: absolute; width: 60px; height: 30px; left: 283px; top: 13px; background: #f00; } .colorpicker input { background-color: transparent; border: 1px solid transparent; position: absolute; font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #898989; top: 4px; right: 11px; text-align: right; margin: 0; padding: 0; height: 11px; } .colorpicker_hex { display: none; position: absolute; width: 72px; height: 22px; background: url(/img/colorpicker/colorpicker_hex.png) top; left: 212px; top: 142px; } .colorpicker_hex input { right: 6px; } .colorpicker_field { height: 22px; width: 62px; background-position: top; position: absolute; } .colorpicker_field span { position: absolute; width: 12px; height: 22px; overflow: hidden; top: 0; right: 0; cursor: n-resize; } .colorpicker_rgb_r { display: none; background-image: url(/img/colorpicker/colorpicker_rgb_r.png); top: 52px; left: 212px; } .colorpicker_rgb_g { display: none; background-image: url(/img/colorpicker/colorpicker_rgb_g.png); top: 82px; left: 212px; } .colorpicker_rgb_b { display: none; background-image: url(/img/colorpicker/colorpicker_rgb_b.png); top: 112px; left: 212px; } .colorpicker_hsb_h { display: none; background-image: url(/img/colorpicker/colorpicker_hsb_h.png); top: 52px; left: 282px; } .colorpicker_hsb_s { display: none; background-image: url(/img/colorpicker/colorpicker_hsb_s.png); top: 82px; left: 282px; } .colorpicker_hsb_b { display: none; background-image: url(/img/colorpicker/colorpicker_hsb_b.png); top: 112px; left: 282px; } .colorpicker_submit { display: none; position: absolute; width: 22px; height: 22px; background: url(/img/colorpicker/colorpicker_submit.png) top; left: 322px; top: 142px; overflow: hidden; } .colorpicker_focus { background-position: center; } .colorpicker_hex.colorpicker_focus { background-position: bottom; } .colorpicker_submit.colorpicker_focus { background-position: bottom; } .colorpicker_slider { background-position: bottom; } /*! * jQuery contextMenu - Plugin for simple contextMenu handling * * Version: v@VERSION * * Authors: Björn Brala (SWIS.nl), Rodney Rehm, Addy Osmani (patches for FF) * Web: http://swisnl.github.io/jQuery-contextMenu/ * * Copyright (c) 2011-@YEAR SWIS BV and contributors * * Licensed under * MIT License http://www.opensource.org/licenses/mit-license * * Date: @DATE */ @font-face { font-family: "context-menu-icons"; src: url("font/context-menu-icons.eot?1rzc4"); src: url("font/context-menu-icons.eot?1rzc4#iefix") format("embedded-opentype"), url("font/context-menu-icons.woff2?1rzc4") format("woff2"), url("font/context-menu-icons.woff?1rzc4") format("woff"), url("font/context-menu-icons.ttf?1rzc4") format("truetype"); font-weight: normal; font-style: normal; } .context-menu-icon-add:before { content: "\EA01"; } .context-menu-icon-copy:before { content: "\EA02"; } .context-menu-icon-cut:before { content: "\EA03"; } .context-menu-icon-delete:before { content: "\EA04"; } .context-menu-icon-edit:before { content: "\EA05"; } .context-menu-icon-paste:before { content: "\EA06"; } .context-menu-icon-quit:before { content: "\EA07"; } .context-menu-icon::before { color: #2980B9; font-family: "context-menu-icons"; font-style: normal; font-weight: normal; font-size: 1em; left: 0; line-height: 1; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 2em; } .context-menu-icon.context-menu-hover:before { color: #FFF; } .context-menu-icon.context-menu-disabled::before { color: #bbbbbb; } .context-menu-icon.context-menu-icon--fa { display: list-item; } .context-menu-icon.context-menu-icon--fa::before { color: #2980B9; font-family: FontAwesome; font-style: normal; font-weight: normal; font-size: 1em; left: 0; line-height: 1; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 2em; } .context-menu-icon.context-menu-icon--fa.context-menu-hover:before { color: #FFF; } .context-menu-icon.context-menu-icon--fa.context-menu-disabled::before { color: #bbbbbb; } .context-menu-icon.context-menu-icon--fa span { font-family: sans-serif; } .context-menu-list { background: #FFF; border: 1px solid #bebebe; border-radius: 0.2em; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); font-family: inherit; font-size: inherit; display: inline-block; list-style-type: none; margin: 0.3em; max-width: 26em; min-width: 13em; padding: 0.25em 0; position: absolute; } .context-menu-item { background-color: #FFF; color: #56677F; padding: 0.2em 2em; position: relative; user-select: none; cursor: pointer; font-size: 12px; padding: 4px 10px; } .context-menu-item .icon { position: relative; top: 1px; padding-right: 4px; } .context-menu-item:hover { background-color: #e0f6fb; } .context-menu-separator { border-bottom: 1px solid #e6e6e6; margin: 0.35em 0; padding: 0; } .context-menu-item > label > input, .context-menu-item > label > textarea { user-select: text; } .context-menu-item.context-menu-hover { background-color: #2980B9; color: #FFF; cursor: pointer; } .context-menu-item.context-menu-disabled { background-color: #FFF; color: #bbbbbb; cursor: default; } .context-menu-input.context-menu-hover { background-color: #EEE; cursor: default; } .context-menu-submenu:after { content: ''; border-style: solid; border-width: .25em 0 .25em .25em; border-color: transparent transparent transparent #2F2F2F; height: 0; position: absolute; right: .5em; top: 50%; transform: translateY(-50%); width: 0; z-index: 1; } /** * Inputs */ .context-menu-item.context-menu-input { padding: .3em .6em; } /* vertically align inside labels */ .context-menu-input > label > * { vertical-align: top; } /* position checkboxes and radios as icons */ .context-menu-input > label > input[type="checkbox"], .context-menu-input > label > input[type="radio"] { margin-right: .4em; position: relative; top: .12em; } .context-menu-input > label { margin: 0; } .context-menu-input > label, .context-menu-input > label > input[type="text"], .context-menu-input > label > textarea, .context-menu-input > label > select { box-sizing: border-box; display: block; width: 100%; } .context-menu-input > label > textarea { height: 7em; } .context-menu-item > .context-menu-list { display: none; /* re-positioned by js */ right: -.3em; top: .3em; } .context-menu-item.context-menu-visible > .context-menu-list { display: block; } .context-menu-accesskey { text-decoration: underline; } /* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */ .tooltipster-default { border-radius: 2px; text-shadow: none; background: rgba(11, 11, 11, 0.8); color: #FFFFFF; } /* Use this next selector to style things like font-size and line-height: */ .tooltipster-default .tooltipster-content { font-size: 12px; line-height: 14px; padding: 3px 6px; overflow: hidden; } /* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */ .tooltipster-default .tooltipster-arrow .tooltipster-arrow-border { /* border-color: ... !important; */ } /* If you're using the icon option, use this next selector to style them */ .tooltipster-icon { cursor: help; margin-left: 4px; } /* This is the base styling required to make all Tooltipsters work */ .tooltipster-base { padding: 0; font-size: 0; line-height: 0; position: absolute; left: 0; top: 0; z-index: 9999999; pointer-events: none; width: auto; overflow: visible; } .tooltipster-base .tooltipster-content { overflow: hidden; } /* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */ .tooltipster-arrow { display: block; text-align: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; } .tooltipster-arrow span, .tooltipster-arrow-border { display: block; width: 0; height: 0; position: absolute; } .tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span { border-left: 7px solid transparent !important; border-right: 7px solid transparent !important; border-top: 7px solid; bottom: -7px; } .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span { border-left: 7px solid transparent !important; border-right: 7px solid transparent !important; border-bottom: 7px solid; top: -7px; } .tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border { left: 0; right: 0; margin: 0 auto; } .tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span { left: 6px; } .tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { left: 5px; } .tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span { right: 6px; } .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border { right: 5px; } .tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border { border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important; border-left: 8px solid; top: 50%; margin-top: -7px; right: -7px; } .tooltipster-arrow-left .tooltipster-arrow-border { border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-left: 9px solid; margin-top: -8px; } .tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border { border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important; border-right: 8px solid; top: 50%; margin-top: -7px; left: -7px; } .tooltipster-arrow-right .tooltipster-arrow-border { border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-right: 9px solid; margin-top: -8px; } /* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */ .tooltipster-fade { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity; } .tooltipster-fade-show { opacity: 1; } .tooltipster-grow { -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -o-transform: scale(0, 0); -ms-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-backface-visibility: hidden; } .tooltipster-grow-show { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); } .tooltipster-swing { opacity: 0; -webkit-transform: rotateZ(4deg); -moz-transform: rotateZ(4deg); -o-transform: rotateZ(4deg); -ms-transform: rotateZ(4deg); transform: rotateZ(4deg); -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; } .tooltipster-swing-show { opacity: 1; -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); transform: rotateZ(0deg); -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1); -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); } .tooltipster-fall { top: 0; -webkit-transition-property: top; -moz-transition-property: top; -o-transition-property: top; -ms-transition-property: top; transition-property: top; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); } .tooltipster-fall.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; top: 0px !important; opacity: 0; } .tooltipster-slide { left: -40px; -webkit-transition-property: left; -moz-transition-property: left; -o-transition-property: left; -ms-transition-property: left; transition-property: left; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); } .tooltipster-slide.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; left: 0px !important; opacity: 0; } /* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */ .tooltipster-content-changing { opacity: 0.5; -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .gallery .image { padding: 4px; width: 100%; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .gallery .image img { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .gallery .image object { width: 100%; background: #FCFCFC; } .image .icon { font-size: 100px; text-align: center; width: 100%; } .panel-element { text-align: center; padding: 14px; float: left; background: #FFFFFF; width: 100px; height: 100px; margin-right: 33px; margin-bottom: 20px; font-weight: 200; font-size: 29px; color: #56677F; } .panel-element img { width: 100%; height: 100%; } .panel-element img.margin { margin: 15px 0px; } .panel-element .imgcenter { margin: 5px 15px; margin-bottom: 0px; } .panel-element.no-padding { padding: 0px; } .panel-element .icon { margin-top: 15px; width: 100%; font-size: 40px; line-height: 1.2em; } .panel-element .hoverbar-icon { padding-top: 3px; } .panel-element > span { font-size: 14px; line-height: 16px; } .panel-element.full { width: 100%; text-align: left; margin-right: 0px; padding: 0px 15px; height: 100%; } .half { width: 50%; } .panel-element-head { line-height: 40px; font-weight: normal; font-size: 14px; } .panel-element-head > div:first-child { max-width: 90%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .panel-element-head .editbar { position: absolute; top: 0px; right: 10px; } .panel-element-head .editbar .hoverbar { background-color: #FFFFFF; } .panel-element-body { float: left; margin: 15px 0px; width: 100%; font-size: 14px; } .panel-element-body .attribute { line-height: 25px; display: block; text-align: left; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .panel-element-body .attribute .icon { font-size: 14px; float: left; width: inherit; margin: 0px; margin-top: 7px; margin-right: 5px; } .panel-element-body img { float: left; min-height: 100px; min-width: 100px; max-height: 100px; max-width: 100px; margin-right: 10px; } .panel-element-body.table { margin-top: 0px; } .panel-element-body .panel-headline { padding: 10px 0px; font-size: 17px; } .panel-element-body .subline { font-size: 12px; margin-bottom: 17px; } .panel-element-body .small { font-size: 12px; } .panels-flex { order: 1; -js-display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -moz-align-content: flex-start; -ms-align-content: flex-start; align-content: flex-start; } /* required styles */ .leaflet-map-pane, .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-tile-pane, .leaflet-tile-container, .leaflet-overlay-pane, .leaflet-shadow-pane, .leaflet-marker-pane, .leaflet-popup-pane, .leaflet-overlay-pane svg, .leaflet-zoom-box, .leaflet-image-layer, .leaflet-layer { position: absolute; left: 0; top: 0; } .leaflet-container { overflow: hidden; -ms-touch-action: none; touch-action: none; } .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow { -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-user-drag: none; } .leaflet-marker-icon, .leaflet-marker-shadow { display: block; } /* map is broken in FF if you have max-width: 100% on tiles */ .leaflet-container img { max-width: none !important; } /* stupid Android 2 doesn't understand "max-width: none" properly */ .leaflet-container img.leaflet-image-layer { max-width: 15000px !important; } .leaflet-tile { filter: inherit; visibility: hidden; } .leaflet-tile-loaded { visibility: inherit; } .leaflet-zoom-box { width: 0; height: 0; } /* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */ .leaflet-overlay-pane svg { -moz-user-select: none; } .leaflet-tile-pane { z-index: 2; } .leaflet-objects-pane { z-index: 3; } .leaflet-overlay-pane { z-index: 4; } .leaflet-shadow-pane { z-index: 5; } .leaflet-marker-pane { z-index: 6; } .leaflet-popup-pane { z-index: 7; } .leaflet-vml-shape { width: 1px; height: 1px; } .lvml { behavior: url(#default#VML); display: inline-block; position: absolute; } /* control positioning */ .leaflet-control { position: relative; z-index: 7; pointer-events: auto; } .leaflet-top, .leaflet-bottom { position: absolute; z-index: 1000; pointer-events: none; } .leaflet-top { top: 0; } .leaflet-right { right: 0; } .leaflet-bottom { bottom: 0; } .leaflet-left { left: 0; } .leaflet-control { float: left; clear: both; } .leaflet-right .leaflet-control { float: right; } .leaflet-top .leaflet-control { margin-top: 10px; } .leaflet-bottom .leaflet-control { margin-bottom: 10px; } .leaflet-left .leaflet-control { margin-left: 10px; } .leaflet-right .leaflet-control { margin-right: 10px; } /* zoom and fade animations */ .leaflet-fade-anim .leaflet-tile, .leaflet-fade-anim .leaflet-popup { opacity: 0; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .leaflet-fade-anim .leaflet-tile-loaded, .leaflet-fade-anim .leaflet-map-pane .leaflet-popup { opacity: 1; } .leaflet-zoom-anim .leaflet-zoom-animated { -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1); -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1); transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1); } .leaflet-zoom-anim .leaflet-tile, .leaflet-pan-anim .leaflet-tile, .leaflet-touching .leaflet-zoom-animated { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .leaflet-zoom-anim .leaflet-zoom-hide { visibility: hidden; } /* cursors */ .leaflet-clickable { cursor: pointer; } .leaflet-container { cursor: -webkit-grab; cursor: -moz-grab; } .leaflet-popup-pane, .leaflet-control { cursor: auto; } .leaflet-dragging .leaflet-container, .leaflet-dragging .leaflet-clickable { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; } /* visual tweaks */ .leaflet-container { background: #CDD2D4; outline: 0; } .leaflet-container a { color: #0078A8; } .leaflet-container a.leaflet-active { outline: 2px solid orange; } .leaflet-zoom-box { border: 2px dotted #38f; background: rgba(255, 255, 255, 0.5); } /* general typography */ /* general toolbar styles */ .leaflet-bar { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); border-radius: 4px; } .leaflet-bar a, .leaflet-bar a:hover { background-color: #FFFFFF; border-bottom: 1px solid #ccc; width: 26px; height: 26px; line-height: 26px; display: block; text-align: center; text-decoration: none; color: black; } .leaflet-bar a, .leaflet-control-layers-toggle { background-position: 50% 50%; background-repeat: no-repeat; display: block; } .leaflet-bar a:hover { background-color: #f4f4f4; } .leaflet-bar a:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .leaflet-bar a:last-child { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom: none; } .leaflet-bar a.leaflet-disabled { cursor: default; background-color: #f4f4f4; color: #bbb; } .leaflet-touch .leaflet-bar a { width: 30px; height: 30px; line-height: 30px; } /* zoom control */ .leaflet-control-zoom-in, .leaflet-control-zoom-out { font: bold 18px 'Lucida Console', Monaco, monospace; text-indent: 1px; } .leaflet-control-zoom-out { font-size: 20px; } .leaflet-touch .leaflet-control-zoom-in { font-size: 22px; } .leaflet-touch .leaflet-control-zoom-out { font-size: 24px; } /* layers control */ .leaflet-control-layers { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); background: #fff; border-radius: 5px; } .leaflet-control-layers-toggle { background-image: url(images/layers.png); width: 36px; height: 36px; } .leaflet-retina .leaflet-control-layers-toggle { background-image: url(images/layers-2x.png); background-size: 26px 26px; } .leaflet-touch .leaflet-control-layers-toggle { width: 44px; height: 44px; } .leaflet-control-layers .leaflet-control-layers-list, .leaflet-control-layers-expanded .leaflet-control-layers-toggle { display: none; } .leaflet-control-layers-expanded .leaflet-control-layers-list { display: block; position: relative; } .leaflet-control-layers-expanded { padding: 6px 10px 6px 6px; color: #333; background: #fff; } .leaflet-control-layers-selector { margin-top: 2px; position: relative; top: 1px; } .leaflet-control-layers label { display: block; } .leaflet-control-layers-separator { height: 0; border-top: 1px solid #ddd; margin: 5px -10px 5px -6px; } /* attribution and scale controls */ .leaflet-container .leaflet-control-attribution { background: #fff; background: rgba(255, 255, 255, 0.7); margin: 0; } .leaflet-control-attribution, .leaflet-control-scale-line { padding: 0 5px; color: #333; } .leaflet-control-attribution a { text-decoration: none; } .leaflet-control-attribution a:hover { text-decoration: underline; } .leaflet-container .leaflet-control-attribution, .leaflet-container .leaflet-control-scale { font-size: 11px; } .leaflet-left .leaflet-control-scale { margin-left: 5px; } .leaflet-bottom .leaflet-control-scale { margin-bottom: 5px; } .leaflet-control-scale-line { border: 2px solid #777; border-top: none; line-height: 1.1; padding: 2px 5px 1px; font-size: 11px; white-space: nowrap; overflow: hidden; -moz-box-sizing: content-box; box-sizing: content-box; background: #fff; background: rgba(255, 255, 255, 0.5); } .leaflet-control-scale-line:not(:first-child) { border-top: 2px solid #777; border-bottom: none; margin-top: -2px; } .leaflet-control-scale-line:not(:first-child):not(:last-child) { border-bottom: 2px solid #777; } .leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { box-shadow: none; } .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { border: 2px solid rgba(0, 0, 0, 0.2); background-clip: padding-box; } /* popup */ .leaflet-popup { position: absolute; text-align: center; } .leaflet-popup-content-wrapper { text-align: left; float: left; width: 200px; padding: 0px 8px; } .-geo svg { max-width: none !important; } .leaflet-popup-content { float: left; width: 100%; } .leaflet-popup-content .leaflet-popup-content-header { height: 34px; border-bottom: 1px solid #DBE1E8; } .leaflet-popup-content .leaflet-popup-content-header h4 { max-width: calc(100% - 23px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px; line-height: 34px; float: left; } .leaflet-popup-content .leaflet-popup-content-header h4 .icon { float: left; position: relative; top: 2px; line-height: 34px; padding-right: 4px; } .leaflet-popup-content .leaflet-popup-content-header .icon { cursor: pointer; float: right; font-size: 15px; position: relative; top: 2px; line-height: 34px; } .leaflet-popup-content ul.leaflet-popup-content-list { float: left; width: 100%; padding: 5px 0px; } .leaflet-popup-content ul.leaflet-popup-content-list li { float: left; width: 100%; line-height: 20px; } .leaflet-popup-content ul.leaflet-popup-content-list li div { width: 50%; float: left; font-size: 12px; } .leaflet-popup-tip-container { margin: 0 auto; width: 40px; height: 20px; position: relative; overflow: hidden; } .leaflet-popup-tip { display: none; /*width: 17px; height: 17px; padding: 1px; margin: -10px auto 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);*/ } .leaflet-popup-content-wrapper { background-image: linear-gradient(-180deg, #ffffff 0%, #f9f9f9 100%); border: 1px solid #DBE1E8; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; position: relative; } .leaflet-popup-content-wrapper:after, .leaflet-popup-content-wrapper:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .leaflet-popup-content-wrapper:after { border-color: rgba(255, 255, 255, 0); border-top-color: #f9f9f9; border-width: 6px; margin-left: -6px; } .leaflet-popup-content-wrapper:before { border-color: rgba(219, 225, 232, 0); border-top-color: #DBE1E8; border-width: 7px; margin-left: -7px; } .leaflet-container a.leaflet-popup-close-button { position: absolute; top: 0; right: 0; padding: 4px 4px 0 0; text-align: center; width: 18px; height: 14px; font: 16px/14px Tahoma, Verdana, sans-serif; color: #c3c3c3; text-decoration: none; font-weight: bold; background: transparent; } .leaflet-container a.leaflet-popup-close-button:hover { color: #999; } .leaflet-popup-scrolled { overflow: auto; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; } .leaflet-oldie .leaflet-popup-content-wrapper { zoom: 1; } .leaflet-oldie .leaflet-popup-tip { /*width: 24px; margin: 0 auto; -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);*/ } .leaflet-oldie .leaflet-popup-tip-container { margin-top: -1px; } /* div icon */ .leaflet-div-icon { background: #fff; border: 1px solid #666; } .-geo { position: relative !important; } .-geo.-geo-padding-left { position: absolute !important; left: 240px; right: 0px; top: 0px; bottom: 0px; } .-geomap { position: relative !important; width: 100%; float: left; height: 100%; z-index: 0; } .-canvas svg { max-width: none; } .map-marker { border: 3px solid #FFFFFF; background-color: #00b3df; width: 24px; height: 24px; position: absolute; margin-left: -12px; margin-top: -12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.5); } .map-marker .icon { font-size: 12px; color: rgba(0, 0, 0, 0.4); text-align: center; width: 100%; padding-top: 3px; box-shadow: none; text-shadow: none; } .marker-icon, .marker-icon:focus { background-color: #ffffff; border: 1px solid #3388FF; border-radius: 50%; margin: -8px 0 0 -8px !important; width: 14px !important; height: 14px !important; outline: 0; transition: opacity ease .3s; } .marker-icon-middle, .marker-icon-middle:focus { opacity: .7; margin: -6px 0 0 -6px !important; width: 10px !important; height: 10px !important; } .leaflet-pm-draggable { cursor: move !important; } .cursor-marker { cursor: crosshair; pointer-events: none; display: none; } .cursor-marker.visible { display: block !important; } .leaflet-pm-toolbar .leaflet-buttons-control-button { padding: 3px; box-sizing: border-box; } .leaflet-pm-toolbar .control-icon { width: 100%; height: 100%; box-sizing: border-box; opacity: .8; background-size: contain; background-repeat: no-repeat; background-position: center center; } .leaflet-pm-toolbar .leaflet-pm-icon-marker { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAZCAYAAADTyxWqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABAhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjY1RTYzOTA2ODZDRjExREJBNkUyRDg4N0NFQUNCNDA3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjFENzY1MUQyODUzNzExRTU4RTQwRkQwODFEOUZEMEE3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjFENzY1MUQxODUzNzExRTU4RTQwRkQwODFEOUZEMEE3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTk5NzA1OGEtZDI3OC00NDZkLWE4ODgtNGM4MGQ4YWI1NzNmIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6YzRkZmQxMGMtY2NlNS0xMTc4LWE5OGQtY2NkZmM5ODk5YWYwIi8+IDxkYzp0aXRsZT4gPHJkZjpBbHQ+IDxyZGY6bGkgeG1sOmxhbmc9IngtZGVmYXVsdCI+Z2x5cGhpY29uczwvcmRmOmxpPiA8L3JkZjpBbHQ+IDwvZGM6dGl0bGU+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+bwCVTQAAARZJREFUeNqclQERwyAMRaEGhoRKmAQkVEIlIKESJgEJSNgcVELngClgcBd2LCWBkrt/t63JCwlLKkIIAiuaijJRe1RASr+tyecUVwHpqKMCwUo+moRBxnBR6wkGJ6JOYKMeRNlJdwzDpXlcRpEUQ48frFKez9mYC8LJ1/zQUX1ggLgtLj/460ELRLTGT1LKdOTSXqLfjuLzbUq9QQ6zGLVamQnYUaLCcRMwPyjH1nEOg76/qdtkb5SYFNsaI1f+36C/lvDV3ARc0ROP0zII8vnCcC/cAMxQK0hBpl6Qay3H5UJ5ioUBcOuA6eba7uyfqcY0xqW2WS0Z0zF/O3ozqSEYAGdotudASRICWIs77w4bZuf8vgIMAAI1tNMVERhgAAAAAElFTkSuQmCC); } .leaflet-pm-toolbar .leaflet-pm-icon-polygon { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAZCAYAAAAv3j5gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABAhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjY1RTYzOTA2ODZDRjExREJBNkUyRDg4N0NFQUNCNDA3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQwM0ZDNzlCODUzNDExRTU4RTQwRkQwODFEOUZEMEE3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQwM0ZDNzlBODUzNDExRTU4RTQwRkQwODFEOUZEMEE3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTk5NzA1OGEtZDI3OC00NDZkLWE4ODgtNGM4MGQ4YWI1NzNmIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6YzRkZmQxMGMtY2NlNS0xMTc4LWE5OGQtY2NkZmM5ODk5YWYwIi8+IDxkYzp0aXRsZT4gPHJkZjpBbHQ+IDxyZGY6bGkgeG1sOmxhbmc9IngtZGVmYXVsdCI+Z2x5cGhpY29uczwvcmRmOmxpPiA8L3JkZjpBbHQ+IDwvZGM6dGl0bGU+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+qfabAwAAAYxJREFUeNqsVj1PwzAUjKtuCMHOViExIRXEQNUOjEiIj5GNEXUiDPwJOtD+g1SMLFUnRtgR4hcgdWEGVczh3L6WlxfHsVOfdHIdO3ft1X62StM0coVSKjMZ7yrXd2uRJ7S4j4GXEX7JJtg3PO/rMddvaCXQBD/01ALqsWapTolJLESfwEvwlD7zsdimpUyLgeJIwHN6NAUfwDcx9QC8Bdep/wpeQPM7pymNYHKEZgRu0KN3sAf+FqS/Bt6B+9T/IbOXQiP6w2/Y+CNF5IIT8Jr1B9COl9qUr8QXeA9+eq7iBtgFd3LRzRfefF/QhnwGh5aoyqCjvAKPua7J6CwKgzHXrZtKSyhw3Rq5DtgyDoUpWxRqUYISavV+2A1gcsj2VrKsdXDUZWRCA3sBjLapnZB2pqiOqG0FMGoLzYzRIr4t2g9V0SANrvlvJOLrrGDUkbGZzqMQ8bVkbCajVeMzxpYzChCfMbaiY0JWCdeSNLZdXIxGovZ5XVykRuVbUFXUy4qh69VqdhRYEvgTYAAqrQMfMqEIJwAAAABJRU5ErkJggg==); } .leaflet-pm-toolbar .leaflet-pm-icon-polyline { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABAhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjY1RTYzOTA2ODZDRjExREJBNkUyRDg4N0NFQUNCNDA3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQwM0ZDNzlGODUzNDExRTU4RTQwRkQwODFEOUZEMEE3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQwM0ZDNzlFODUzNDExRTU4RTQwRkQwODFEOUZEMEE3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTk5NzA1OGEtZDI3OC00NDZkLWE4ODgtNGM4MGQ4YWI1NzNmIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6YzRkZmQxMGMtY2NlNS0xMTc4LWE5OGQtY2NkZmM5ODk5YWYwIi8+IDxkYzp0aXRsZT4gPHJkZjpBbHQ+IDxyZGY6bGkgeG1sOmxhbmc9IngtZGVmYXVsdCI+Z2x5cGhpY29uczwvcmRmOmxpPiA8L3JkZjpBbHQ+IDwvZGM6dGl0bGU+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+KUUD2gAAAJhJREFUeNq01dsNwCAIhWHZyO4/RDtKN6DwYKP2ouDBhNhL8n+PEDMn5CGiJkgRgBwqz1BAglmuvQaSAoiRo/FThpsJiOud73+R8WVgFF8CZuJuYDbuAixxM2CNmwBPfBrwxqeAlfgQWI3/Aoj4J4CKvwLI+ANAxxsgIl6WGXcDi+voamt2qFybvB+wNdoD5RkK1B/QwCXAAMyWX2PeMm23AAAAAElFTkSuQmCC); background-size: 80%; } .leaflet-pm-toolbar .leaflet-pm-icon-circle { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABAhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjY1RTYzOTA2ODZDRjExREJBNkUyRDg4N0NFQUNCNDA3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQwM0ZDNzk3ODUzNDExRTU4RTQwRkQwODFEOUZEMEE3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQwM0ZDNzk2ODUzNDExRTU4RTQwRkQwODFEOUZEMEE3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTk5NzA1OGEtZDI3OC00NDZkLWE4ODgtNGM4MGQ4YWI1NzNmIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6YzRkZmQxMGMtY2NlNS0xMTc4LWE5OGQtY2NkZmM5ODk5YWYwIi8+IDxkYzp0aXRsZT4gPHJkZjpBbHQ+IDxyZGY6bGkgeG1sOmxhbmc9IngtZGVmYXVsdCI+Z2x5cGhpY29uczwvcmRmOmxpPiA8L3JkZjpBbHQ+IDwvZGM6dGl0bGU+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ZDy0gwAAAW9JREFUeNq8lj1Ow0AQhb0WbcgBaKKcwC1VaCjcoFCnyRG4QBq4QI6QxlWQQDRpSZWWEyBHgh7CAcwb6Y0ZlpVjYydPerJ3d/ab7Hp/4oqiiOrIOfcrEP1cnX7xHmgCz+FcoQqWOnghMZUZZAS+oQH8LM3Wpr3wLLGDICsAH8MfpvMbvAxAl2zTsvQZ+zxnvwGGK/AHFndwBq/2THMKT+BTlq/BfCyZmgBwmZYXuA9/wTP4NaqnIXwH9+BPOAE39z/ygvBdQ3jE2Bn79sn6WUVcCSPWZQ3hNknG95GuLh3BDZ/vNea8SisySqYmuOBzE7XXxjIdl5jVVcsET392st2hXcjy4ujAOgkdZG1leTGHsjV7oa3u+dwKW6dIt/ZlBwnOLTP2fvkZz5b/KiWjZOoqkjNozYYJz5amGrKvaE3mEQ87VkxZlMDbmtOVMrbH8lThwRut6wvn+Feml0iO3DmcBxLkbEuqGO7Qf1u+BRgABphW5i4/+hMAAAAASUVORK5CYII=); background-size: 90%; } .leaflet-pm-toolbar .leaflet-pm-icon-drag { /*background-image: url('../assets/icons/drag.png');*/ } .leaflet-pm-toolbar .leaflet-pm-icon-delete { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAaCAYAAAC3g3x9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABAhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjY1RTYzOTA2ODZDRjExREJBNkUyRDg4N0NFQUNCNDA3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjk5QzE2QjUyODUzMzExRTU4RTQwRkQwODFEOUZEMEE3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjk5QzE2QjUxODUzMzExRTU4RTQwRkQwODFEOUZEMEE3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTk5NzA1OGEtZDI3OC00NDZkLWE4ODgtNGM4MGQ4YWI1NzNmIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6YzRkZmQxMGMtY2NlNS0xMTc4LWE5OGQtY2NkZmM5ODk5YWYwIi8+IDxkYzp0aXRsZT4gPHJkZjpBbHQ+IDxyZGY6bGkgeG1sOmxhbmc9IngtZGVmYXVsdCI+Z2x5cGhpY29uczwvcmRmOmxpPiA8L3JkZjpBbHQ+IDwvZGM6dGl0bGU+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+UGbNXAAAAI5JREFUeNpi+P//PwM2DAQNQPwfB27ApY8RqhkFMDIyCgCp9wx4AFAfIzZxFgYCAF0j0LL/+NQz4TDkAwOZAGQ7SDM/A3XARyYGKgOskUIRgBr4AU8SIRZ/gCcbQjFHguMYqR6G2AzMhmJyxLAm7McUiDHQxcujBo4aOOQNxJb1ZCkQG6LFF9kVFIgACDAAqr5rFp6MjMcAAAAASUVORK5CYII=); background-size: 70%; } .leaflet-pm-toolbar .leaflet-pm-icon-edit { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAVCAYAAABc6S4mAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABAhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjY1RTYzOTA2ODZDRjExREJBNkUyRDg4N0NFQUNCNDA3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjgzRTE5MjcxODUzNTExRTU4RTQwRkQwODFEOUZEMEE3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjgzRTE5MjcwODUzNTExRTU4RTQwRkQwODFEOUZEMEE3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTk5NzA1OGEtZDI3OC00NDZkLWE4ODgtNGM4MGQ4YWI1NzNmIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6YzRkZmQxMGMtY2NlNS0xMTc4LWE5OGQtY2NkZmM5ODk5YWYwIi8+IDxkYzp0aXRsZT4gPHJkZjpBbHQ+IDxyZGY6bGkgeG1sOmxhbmc9IngtZGVmYXVsdCI+Z2x5cGhpY29uczwvcmRmOmxpPiA8L3JkZjpBbHQ+IDwvZGM6dGl0bGU+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+4jFzXwAAAOdJREFUeNq0leENhCAMheEmuREc4UZwBEdihI7CKLqBG9RWi+F6aqBwTd4PaPkeIbY6RHQ9RRFIkTTs6z/AUbSySU/4tAMPcDKJKTmS5ixRIga95TzIHiiTkOBogA8KjsokSP68ORieBW4uMGU1x2ZHOKi6eoNSuMmgBl5tUAuvMrDAiw1Uh/7A0ydrMpA+0R36Bedci8F60aGg8mgykPly2aFZDbYYRDUePhc1NgMeZOdEzFq/1sBLAS+8U+G952k5u4egmtvzHC/SIoWgkwXwdGZ5qrOMa63x9gkbfjgoZ8anJt0EGAAZUK4sZc82dAAAAABJRU5ErkJggg==); background-size: 80%; background-position: 4px center; } .leaflet-buttons-control-button:hover { cursor: pointer; background-color: #f4f4f4; } .leaflet-buttons-control-button.active { background-color: #f4f4f4; } .leaflet-buttons-control-button.active > .control-icon { opacity: .5; } .leaflet-buttons-control-text-hide { display: none; } #articlelist .singleArticle { border-top: 2px; border-top-style: solid; border-top-color: #F0F0F0; font-family: Open Sans; } #articlelist td { border: none; height: auto; text-align: right; } #articlelist .headlinedis { margin-bottom: 50px; font-family: Open Sans; } #articlelist .groupsuphead { padding-top: 50px !important; font-size: 16px !important; font-family: Open Sans; } #articlelist .maxdesc { max-width: 600px; max-height: 84px !important; padding-top: 10px !important; padding-bottom: 20px !important; } #articlelist .ellipsis { background: #FFFFFF; bottom: 0; position: absolute; right: 0; } #articlelist .fill { background: #FFFFFF; height: 100%; position: absolute; width: 100%; } #articlelist .clamped { line-height: 1.5; overflow: hidden; position: relative; } #articlelist .clamped-2 { /* Clamp to 2 lines, ie line-height x 2: */ max-height: 9em; } #articlelist .posdesc { padding-top: 10px !important; padding-bottom: 20px !important; float: left; } #articlelist .thimage { margin-bottom: 2px; margin-left: 2px; float: left; width: 80px; height: 60px; background-color: transparent; } #articlelist .title { font-size: 20px; font-style: bold; border-top: 0px; padding-top: 5px; vertical-align: middle; float: left; } #articlelist .tsubtitle { font-size: 15px; margin-top: 0px; padding-top: 0px; border-top: 0px; padding-bottom: 20px; float: left; } #articlelist .timage { float: left; } #articlelist .zimage { height: 80px; } #articlelist .title_table { margin-left: 10px; } #articlelist .fontmain { color: #696969; width: 110px !important; } #articlelist .pricewidth { width: 100px; } #articlelist .pricedistance { width: 50px; } #articlelist .pricesize { font-size: 16px; } #articlelist .noboarder { border-color: transparent !important; } #articlelist .posnext { width: 230px !important; } #articlelist .posnextnext { width: 70px !important; } #articlelist .betweendis { width: 10px !important; } .popup-container { width: 300px; position: absolute; min-height: 150px; /* Rectangle 404: */ background-image: linear-gradient(-180deg, #ffffff 0%, #f9f9f9 100%); border: 1px solid #DBE1E8; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .popup-container:after, .popup-container:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .popup-container:after { border-color: rgba(255, 255, 255, 0); border-top-color: #F9F9F9; border-width: 7px; margin-left: -7px; } .popup-container:before { border-color: rgba(255, 255, 255, 0); border-top-color: #DBE1E8; border-width: 8px; margin-left: -8px; } .popup { float: left; width: 100%; } .popup .popup-header { height: 34px; border-bottom: 1px solid #DBE1E8; padding: 0px 8px; } .popup .popup-header h4 { font-size: 14px; line-height: 34px; float: left; } .popup .popup-header h4 .icon { float: left; position: relative; top: 2px; line-height: 34px; padding-right: 4px; } .popup .popup-header .icon { cursor: pointer; float: right; font-size: 15px; position: relative; top: 2px; line-height: 34px; } .popup .popup-content { float: left; width: 100%; height: 140px; padding: 5px 0px; /*li{ float:left; width:100%; line-height: 20px; div{ width:50%; float:left; font-size: 12px; } }*/ } .templateBorder { height: 3px; background-color: #00b3df; } .templateBorder .templateFlag { position: absolute; left: 50%; z-index: 999999; } .templateBorder .templateFlag .templateFlagCorrection { position: relative; left: -50%; background-color: #00b3df; padding: 2px 10px; margin-top: 3px; color: #FFFFFF; font-size: 11px; text-transform: uppercase; } .navigator { width: 100%; position: relative; z-index: 999; color: #FCFCFC; text-shadow: none; font-weight: 400; padding-left: 30px; padding-right: 20px; } .navigator .title { display: flex; justify-content: space-between; align-items: center; padding: 10px 0px; } .navigator .title h1 { z-index: -1; } .navigator .title h1 span { position: relative; padding-right: 15px; max-width: 250px; overflow: hidden; display: inline-block; white-space: nowrap; text-overflow: ellipsis; } .navigator .title h1 span:last-child { max-width: none !important; } .navigator .title h1 span:after { color: rgba(252, 252, 252, 0.5); font-family: "lm3"; content: "H"; position: absolute; right: 0px; font-size: 12px; } .navigator .title h1 span:first-child { padding-left: 0px; } .navigator .title h1 span:last-child:after { content: ""; } .navigator .title .options li { cursor: pointer; float: left; padding-right: 24px; } .navigator nav { line-height: 33px; position: relative; } .navigator nav a { color: #FCFCFC; position: relative; line-height: 33px; padding-right: 17px; padding-left: 3px; } .navigator nav a:after { color: rgba(252, 252, 252, 0.5); font-family: "lm3"; content: "H"; position: absolute; right: 0px; font-size: 11px; } .navigator nav a:last-child:after { content: ""; } .navigator nav a:hover { font-weight: 500; } .navigator nav ul li { padding-top: 8px; margin-right: 24px; float: left; position: relative; } .navigator nav ul li:hover, .navigator nav ul li.active { cursor: pointer; } .navigator nav ul li:hover span, .navigator nav ul li.active span { /* Rectangle 473: */ font-weight: 400; background: #1abbe2; box-shadow: 0px 0px 0px 8px #1abbe2, 0px 0px 13px 4px rgba(0, 0, 0, 0.13); } .navigator nav ul li:hover .sub { display: block; } .navigator nav ul li span { line-height: 17px; margin-bottom: 8px; float: left; padding: 0px; } .navigator nav ul li .sub { display: none; left: -8px; padding: 0px 10px; min-width: 100px; min-height: 40px; position: absolute; top: 100%; background-color: #FFFFFF; border: 1px solid #DBE1E8; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; box-shadow: 0px 3px 15px 1px rgba(50, 62, 77, 0.31); } .navigator nav ul li .sub button { margin-top: 3px; margin-bottom: 12px; } .navigator.clear { background-color: #FCFCFC; color: #56677F; } .navigator.clear .title h1 span:after { color: rgba(86, 103, 127, 0.5); } .navigator.clear nav a { color: #56677F; } .navigator.clear nav ul li { margin-right: 14px; } .navigator.clear nav ul li span { border-bottom: 2px solid transparent; margin-bottom: 0px; padding: 0px 7px 7px 7px; } .navigator.clear nav ul li.active span, .navigator.clear nav ul li:hover span { background-color: transparent; box-shadow: none; border-bottom: 2px solid #00b3df; } .navigation-selection { display: none; } .options { background-color: transparent; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #00b3df; color: #008fb2; height: 30px; } .options li { padding: 0px 10px !important; height: 28px; line-height: 30px; border-right: 1px solid #00b3df; font-size: 12px; font-weight: 500; color: #008fb2; } .options li .icon { position: relative; top: 1px; } .options li:last-child { border-right: 0px; } .options li:hover { background-color: #cef1f9; } .dropdown { max-height: 100%; position: relative; padding: 8px; cursor: pointer; } .dropdown:hover, .dropdown.active { background-color: rgba(0, 0, 0, 0.05); } .dropdown .flag { width: 20px; margin-top: 10px; } .dropdown.contextmenu { border: 1px solid #DBE1E8; border-radius: 5px; } .dropdown.contextmenu .profile_dropdown { display: flex; align-items: center; max-height: 40px; } .dropdown .dropdown_content { display: none; /* Rectangle 38: */ background-image: linear-gradient(-180deg, #ffffff 0%, #fcfcfc 60px); border: 1px solid #DBE1E8; box-shadow: 0px 1px 3px 0px rgba(117, 128, 143, 0.18), inset 0px 2px 0px 0px #FFFFFF; z-index: 100; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; /*** dropdown menu ***/ } .dropdown .dropdown_content ul.dropdown_menu li { line-height: 35px; padding: 0 10px; } .dropdown .dropdown_content ul.dropdown_menu li a { text-decoration: none; color: #56677F; } .dropdown .dropdown_content ul.dropdown_menu li.divider-b { border-bottom: 1px solid #919EB1; } .dropdown .dropdown_content ul.dropdown_menu li.divider-t { border-top: 1px solid #919EB1; } .dropdown .dropdown_content ul.dropdown_menu li:hover { background-color: rgba(0, 0, 0, 0.025); } .dropdown .dropdown_content ul.dropdown_menu li:last-child { border-bottom: none; } .dropdown .header { width: 100%; padding: 0 10px; height: 30px; line-height: 30px; font-weight: 800; border-bottom: 1px solid #F0F0F0; background-color: rgba(218, 226, 233, 0.3); } .dashboard ul li { /* border: 1px solid $widget-border-color; @include border-radius($form-border-radius); background-color: $widget-background-color; background-image: linear-gradient(-180deg, #FCFCFC 0%, #FFFFFF 20px); */ position: absolute; } .dashboard ul li .-drag-placeholder { background-color: #FCFCFC; /* Rectangle 30: */ z-index: 100; background-image: linear-gradient(-180deg, #fcfcfc 0%, #ffffff 20px); text-align: center; font-size: 1.38462em; line-height: 1.5em; font-weight: 300; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .widget_time .wTimeValue { float: left; font-size: 27px; line-height: 23px; padding: 20px 0px; margin: 10px 0px; width: 100%; } .widget_time .wTimeValue .timeElement { float: left; text-align: center; width: 30%; } .widget_time .wTimeValue .timeElement .description { font-size: 12px; text-align: center; font-weight: 300; } .widget_lastvalue, .widget_gauge { padding: 10px; } .widget_lastvalue .wTitle, .widget_gauge .wTitle { font-size: 12px; margin: 5px 0; } .widget_lastvalue .wContent, .widget_gauge .wContent { padding: 20px 0px; margin: 10px 0px; } .widget_lastvalue .wContent .wValue, .widget_gauge .wContent .wValue { line-height: 45px; } .widget_lastvalue .wContent .wValue .wLastValue, .widget_gauge .wContent .wValue .wLastValue { float: left; font-size: 45px; padding-right: 10px; } .widget_lastvalue .wContent .wValue .wSignalLightValue, .widget_gauge .wContent .wValue .wSignalLightValue { float: left; padding-right: 10px; font-size: 25px; width: calc(100% - 55px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .widget_lastvalue .wContent .wValue .wMeasurement, .widget_gauge .wContent .wValue .wMeasurement { line-height: 64px; font-size: 18px; height: 45px; } .widget_lastvalue .wContent .wLastValueTime, .widget_gauge .wContent .wLastValueTime { font-size: 11px; } .widget_lastvalue .gaugeFlank, .widget_gauge .gaugeFlank { float: left; width: 15%; position: relative; font-weight: 400; } .widget_lastvalue .gaugeCorrection, .widget_gauge .gaugeCorrection { margin-top: -7px; position: relative; } .widget { border-radius: 3px; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; padding: 8px 10px; } .widget h3 { font-size: 1.38462em; line-height: 1.5em; font-weight: 300; } .widget .content { position: absolute; top: 40px; bottom: 0px; left: 0px; right: 0px; padding-top: 0px; } .-widget { position: relative; width: 100%; max-height: 240px; } .wysiwyg_content { font-size: 14px; padding: 10px; } .nodata { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; text-align: center; } .nodata div { display: table; position: relative; width: 100%; height: 100%; } .nodata div span { display: table-cell; vertical-align: middle; } .cards { padding: 18px 24px; padding-top: 0px; padding-bottom: 0px; flex-shrink: 0; display: flex; display: -ms-flexbox; -ms-flex-direction: row; flex-direction: row; } .cards.padding-top { padding-top: 18px; } .cards .column { max-width: 100%; padding-left: 24px; flex: 1 1 0%; -ms-flex: 1 1 0%; flex-direction: column; -ms-flex-direction: column; display: flex; display: -ms-flex; flex-basis: 0; } .cards .column:first-child { padding-left: 0px; } .cards .column.bigger { flex-grow: 2; } .cards .column.shrink { flex: 0; -ms-flex: 0; -webkit-flex-basis: 200px; flex-basis: 200px; flex: 1 0 200px; } .cards .column.none { flex: none; } .card { background: #FFFFFF; max-width: 100%; border: 1px solid #DBE1E8; box-shadow: 0px 3px 3px 0px rgba(86, 103, 127, 0.06); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; width: 100%; min-height: 117px; position: relative; margin-top: 25px; flex-shrink: 0; } .card.padding { padding: 20px !important; } .card.infinite { flex: 1; } .card .image { width: 180px; max-height: 135px; top: -20px; position: absolute; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; z-index: 1; border: 1px solid #DBE1E8; } .card .image img { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .card .image .template { margin-top: 35px; float: left; } .card .image.rectangular { max-width: 115px; max-height: 115px; } .card .image + div { width: 100%; padding-left: 200px; position: relative; } .card .image.rectangular + div { width: 100%; padding-left: 135px; position: relative; } .card .header { float: left; padding: 0px; height: auto; width: 100%; } .card .header h1 { padding-bottom: 5px; font-size: 24px; } .card .header h2 { font-size: 20px; font-weight: 300; padding-bottom: 5px; line-height: 28px; } .card .header h2 img, .card .header h2 .svg { vertical-align: top; display: inline; line-height: 28px; height: 28px; width: 28px; } .card .header p a { color: #008fb2; } .card.help { transition: all 0.1s ease-in-out; -webkit-transition: all 0.1s ease-in-out; cursor: pointer; margin-top: 0px; height: 230px; } .card.help h2 { font-weight: 400; width: 100%; color: #56677F !important; text-align: center; margin-bottom: 0px; font-size: 19.8px; } .card.help p { font-weight: 400; width: 100%; text-align: center; color: #919EB1; padding-top: 9px; } .card.help img { display: block; text-align: center; bottom: 0px; max-width: 100%; position: absolute; left: 0; right: 0; bottom: 39px; margin: auto; } .card.help:hover { margin-top: -3px; box-shadow: 0px 5px 6px 0px rgba(86, 103, 127, 0.13); } .card.help:hover .button { background-color: #009fc6; } .card.help .button.bottom { position: absolute; bottom: 0px; border: 0px; left: 0px; right: 0px; margin: 0px; width: 100%; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } @media only screen and (max-width: 1500px) { .card .image { max-width: 130px; max-height: 98px; } .card .image + div { width: 100%; padding-left: 150px; position: relative; } } .cleaner { width: 100%; height: 24px; display: block; float: left; position: relative; } table.modern { font-size: 13px; border-collapse: separate; border-spacing: 0 10px; color: #56677F; } table.modern tr { height: 20px; } table.modern tr th { white-space: nowrap; padding: 0 10px; } table.modern tr:hover.hoverbar-container .dropdown { opacity: 1; } table.modern td { vertical-align: top; padding-left: 15px; border: 0px; line-height: 23px; height: 23px; } table.modern td .hoverbar { display: block; opacity: 1; padding: 0px 3px; text-align: center; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } table.modern td .hoverbar:hover { background-color: rgba(255, 255, 255, 0.77); } table.modern td.context-menu-column { width: 40px; min-width: 40px; max-width: 40px; } table.modern td.context-menu-column .dropdown { background-color: inherit; padding: 0px; opacity: 0; } table.modern td.expand { width: 100%; white-space: nowrap; } table.modern td.nowrap { white-space: nowrap; } table.modern td.shorten { max-width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } table.modern td a { color: #56677F; line-height: normal; } table.modern td a:hover { font-weight: 400; } table.modern td a.button:hover { font-weight: 600; } table.modern td .info { opacity: 0; text-shadow: none; } table.modern td .icon { width: 18px; position: relative; top: 1px; } table.modern td button { line-height: auto; margin-top: 3px; } table.modern tr td:first-child { padding-left: 0px; } table.modern tr td:last-child { padding-right: 0px; } table.modern tr:hover, table.modern tr.hover { cursor: pointer; } table.modern tr:hover td, table.modern tr.hover td { -moz-box-shadow: 0px 0px 0px 5px #e0f6fb; -webkit-box-shadow: 0px 0px 0px 5px #e0f6fb; box-shadow: 0px 0px 0px 5px #e0f6fb; background-color: #e0f6fb; } table.modern tr:hover .info, table.modern tr.hover .info { opacity: 1; } table.modern tr.active td { -moz-box-shadow: 0px 0px 0px 5px #00b3df; -webkit-box-shadow: 0px 0px 0px 5px #00b3df; box-shadow: 0px 0px 0px 5px #00b3df; background-color: #00b3df; color: #FFFFFF; text-shadow: none; } .stream { padding-top: 14px; float: left; width: 100%; } .stream .item { width: 100%; float: left; position: relative; z-index: 1; padding-bottom: 14px; } .stream .item.warning .bullet { background-color: #FBE5A4; color: #F39D54; } .stream .item.info .bullet { background-color: #E7F1F7; color: #3B8AC3; } .stream .item.error .bullet { background-color: #F6DBD5; color: #DD3F1D; } .stream .item.success .bullet { background-color: #E2EDA9; color: #AECB0F; } .stream .item:before { content: ""; position: absolute; left: 11.5px; height: 100%; width: 1px; background-color: #DBE1E8; z-index: -1; } .stream .item:last-child:before { width: 0px; } .stream .item .bullet { width: 24px; height: 24px; -moz-border-radius: 24px; -webkit-border-radius: 24px; border-radius: 24px; background-color: #DBE1E8; float: left; } .stream .item .bullet .icon { width: 24px; text-align: center; line-height: 24px; padding-top: 2px; text-shadow: none; } .stream .item .content { padding-left: 12px; float: left; } .stream .item .content h3 { line-height: 24px; padding-bottom: 0px; } .stream .item .content h3 + p { font-size: 12px; color: #919EB1; } .widget.kpi .value { font-size: 3.53846em; line-height: 1.17391em; font-weight: 300; width: 100%; } .widget.table { overflow: hidden; } #chart { position: relative; width: 100%; height: 100%; } #chart * { cursor: crosshair !important; } #chart svg { overflow: visible; } .loading-overlay { position: absolute; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.7); display: table; z-index: 10; } .loading-overlay span { display: table-cell; vertical-align: middle; text-align: center; font-size: 14px; font-weight: 400; } .-kpi { position: relative; } .-kpi .loading-overlay { margin-top: -1em; margin-left: -1em; } .chart_tooltip { padding: 8px; position: absolute; z-index: 1000; top: 0px; left: -80px; min-width: 160px; background-color: #56677F; text-shadow: none; color: #FFFFFF; font-size: 12px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .chart_tooltip.text-center { text-align: center; width: 100%; } .chart_tooltip span { float: left; position: relative; line-height: 20px; } .chart_tooltip span.time, .chart_tooltip span.headline { text-align: center; font-weight: 800; width: 100%; } .chart_tooltip span.fromtolabel { width: 25%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .chart_tooltip span.fromtoval { width: 75%; font-weight: 800; } .chart_tooltip span.label { width: 50%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .chart_tooltip span.val { width: 50%; } .chart_tooltip span.text-center { text-align: center; width: 100%; } .chart_tooltip span.capitalize { text-transform: capitalize; } .chart_tooltip:after { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 0, 0, 0); border-bottom-color: #56677F; border-width: 6px; margin-left: -6px; } /* Original style from softwaremaniacs.org (c) Ivan Sagalaev */ .mg-active-datapoint { fill: black; font-size: 0.9rem; font-weight: 400; opacity: 0.8; } .mg-area1-color { fill: #00b3df; } .mg-area2-color { fill: #05b378; } .mg-area3-color { fill: #db4437; } .mg-area4-color { fill: #f8b128; } .mg-area5-color { fill: #5c5c5c; } .mg-barplot rect.mg-bar { shape-rendering: auto; fill: #00b3df; } .mg-barplot rect.mg-bar.active { fill: #009fc6; } .mg-barplot .mg-bar-prediction { fill: #5b5b5b; } .mg-barplot .mg-bar-baseline { stroke: #5b5b5b; stroke-width: 2; } .mg-baselines line { opacity: 1; shape-rendering: auto; stroke: #b3b2b2; stroke-width: 1px; } .mg-baselines text { fill: black; font-size: 0.9rem; opacity: 0.6; stroke: none; } .mg-baselines-small text { font-size: 0.6rem; } .mg-header { cursor: default; font-size: 1.2rem; } .mg-header .mg-chart-description { fill: #ccc; font-family: FontAwesome; font-size: 1.2rem; } .mg-points circle { opacity: 0.85; } .mg-popover { font-size: 0.95rem; } .mg-popover-content { cursor: auto; line-height: 17px; } .mg-data-table { margin-top: 30px; } .mg-data-table thead tr th { border-bottom: 1px solid darkgray; cursor: default; font-size: 1.1rem; font-weight: normal; padding: 5px 5px 8px 5px; text-align: right; } .mg-data-table thead tr th .fa { color: #ccc; padding-left: 4px; } .mg-data-table thead tr th .popover { font-size: 1rem; font-weight: normal; } .mg-data-table .secondary-title { color: darkgray; } .mg-data-table tbody tr td { margin: 2px; padding: 5px; vertical-align: top; } .mg-data-table tbody tr td.table-text { opacity: 0.8; padding-left: 30px; } .mg-y-axis line.mg-extended-y-ticks { opacity: 0.4; } .mg-x-axis line.mg-extended-x-ticks { opacity: 0.4; } .mg-histogram .axis path, .mg-histogram .axis line { fill: none; opacity: 0.7; shape-rendering: auto; stroke: #ccc; } .mg-histogram .mg-bar rect { fill: #00b3df; shape-rendering: auto; } .mg-histogram .mg-bar rect.active { fill: #009fc6; } .mg-least-squares-line { stroke: red; stroke-width: 1px; } .mg-lowess-line { fill: none; stroke: red; } .mg-line1-color { stroke: #00b3df; stroke-width: 2px; } .mg-hover-line1-color { fill: #4040e8; } .mg-line2-color { stroke: #05b378; } .mg-hover-line2-color { fill: #05b378; } .mg-line3-color { stroke: #db4437; } .mg-hover-line3-color { fill: #db4437; } .mg-line4-color { stroke: #f8b128; } .mg-hover-line4-color { fill: #f8b128; } .mg-line5-color { stroke: #5c5c5c; } .mg-hover-line5-color { fill: #5c5c5c; } .mg-line-legend text { font-size: 0.9rem; font-weight: 300; stroke: none; } .mg-line1-legend-color { color: #4040e8; fill: #4040e8; } .mg-line2-legend-color { color: #05b378; fill: #05b378; } .mg-line3-legend-color { color: #db4437; fill: #db4437; } .mg-line4-legend-color { color: #f8b128; fill: #f8b128; } .mg-line5-legend-color { color: #5c5c5c; fill: #5c5c5c; } .mg-main-area-solid svg .mg-main-area { fill: #ccccff; opacity: 1; } .mg-markers line { opacity: 1; shape-rendering: auto; stroke: #b3b2b2; stroke-width: 1px; } .mg-markers text { fill: black; font-size: 0.8rem; opacity: 0.6; } .mg-missing-text { opacity: 0.9; } .mg-missing-background { stroke: blue; fill: none; stroke-dasharray: 10,5; stroke-opacity: 0.05; stroke-width: 2; } .mg-missing .mg-main-line { opacity: 0.1; } .mg-missing .mg-main-area { opacity: 0.03; } path.mg-main-area { opacity: 0.2; stroke: none; } path.mg-confidence-band { fill: #ccc; opacity: 0.4; stroke: none; } path.mg-main-line { fill: none; opacity: 0.8; stroke-width: 2px; } .mg-points circle { fill-opacity: 0.4; stroke-opacity: 1; } circle.mg-points-mono { fill: #0000ff; stroke: #0000ff; } /* a selected point in a scatterplot */ .mg-points circle.selected { fill-opacity: 1; stroke-opacity: 1; } .mg-voronoi path { fill: none; pointer-events: all; stroke: none; stroke-opacity: 0.1; } .mg-x-rug-mono, .mg-y-rug-mono { stroke: black; } .mg-x-axis line, .mg-y-axis line { opacity: 1; shape-rendering: auto; stroke: #b3b2b2; stroke-width: 1px; } .mg-x-axis text, .mg-y-axis text, .mg-histogram .axis text { fill: black; font-size: 0.9rem; opacity: 0.6; } .mg-x-axis .label, .mg-y-axis .label, .mg-axis .label { font-size: 0.8rem; text-transform: uppercase; font-weight: 400; } .mg-x-axis-small text, .mg-y-axis-small text, .mg-active-datapoint-small { font-size: 0.6rem; } .mg-x-axis-small .label, .mg-y-axis-small .label { font-size: 0.65rem; } .mg-year-marker text { fill: black; font-size: 0.7rem; opacity: 0.6; } .mg-year-marker line { opacity: 1; shape-rendering: auto; stroke: #b3b2b2; stroke-width: 1px; } .mg-year-marker-small text { font-size: 0.6rem; } .mg-brush-container { cursor: crosshair; } .mg-brush-container.mg-brushing { cursor: ew-resize; } .mg-brushed, .mg-brushed * { cursor: zoom-out !important; } .mg-brush rect.mg-extent { fill: rgba(0, 0, 0, 0.3); } .mg-brushing-in-progress { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .hljs { display: block; overflow-x: auto; padding: 0.5em; background: #f0f0f0; -webkit-text-size-adjust: none; } .hljs, .hljs-subst, .hljs-tag .hljs-title, .nginx .hljs-title { color: black; } .hljs-string, .hljs-title, .hljs-constant, .hljs-parent, .hljs-tag .hljs-value, .hljs-rules .hljs-value, .hljs-preprocessor, .hljs-pragma, .haml .hljs-symbol, .ruby .hljs-symbol, .ruby .hljs-symbol .hljs-string, .hljs-template_tag, .django .hljs-variable, .smalltalk .hljs-class, .hljs-addition, .hljs-flow, .hljs-stream, .bash .hljs-variable, .apache .hljs-tag, .apache .hljs-cbracket, .tex .hljs-command, .tex .hljs-special, .erlang_repl .hljs-function_or_atom, .asciidoc .hljs-header, .markdown .hljs-header, .coffeescript .hljs-attribute { color: #e6337c; } .smartquote, .hljs-comment, .hljs-annotation, .hljs-template_comment, .diff .hljs-header, .hljs-chunk, .asciidoc .hljs-blockquote, .markdown .hljs-blockquote { color: #888; } .hljs-number, .hljs-date, .hljs-regexp, .hljs-literal, .hljs-hexcolor, .smalltalk .hljs-symbol, .smalltalk .hljs-char, .go .hljs-constant, .hljs-change, .lasso .hljs-variable, .makefile .hljs-variable, .asciidoc .hljs-bullet, .markdown .hljs-bullet, .asciidoc .hljs-link_url, .markdown .hljs-link_url { color: #366797; } .hljs-label, .hljs-javadoc, .ruby .hljs-string, .hljs-decorator, .hljs-filter .hljs-argument, .hljs-localvars, .hljs-array, .hljs-attr_selector, .hljs-important, .hljs-pseudo, .hljs-pi, .haml .hljs-bullet, .hljs-doctype, .hljs-deletion, .hljs-envvar, .hljs-shebang, .apache .hljs-sqbracket, .nginx .hljs-built_in, .tex .hljs-formula, .erlang_repl .hljs-reserved, .hljs-prompt, .asciidoc .hljs-link_label, .markdown .hljs-link_label, .vhdl .hljs-attribute, .clojure .hljs-attribute, .asciidoc .hljs-attribute, .lasso .hljs-attribute, .coffeescript .hljs-property, .hljs-phony { color: #88f; } .hljs-keyword, .hljs-id, .hljs-title, .hljs-built_in, .css .hljs-tag, .hljs-javadoctag, .hljs-phpdoc, .hljs-dartdoc, .hljs-yardoctag, .smalltalk .hljs-class, .hljs-winutils, .bash .hljs-variable, .apache .hljs-tag, .hljs-type, .hljs-typename, .tex .hljs-command, .asciidoc .hljs-strong, .markdown .hljs-strong, .hljs-request, .hljs-status { font-weight: bold; } .asciidoc .hljs-emphasis, .markdown .hljs-emphasis { font-style: italic; } .nginx .hljs-built_in { font-weight: normal; } .coffeescript .javascript, .javascript .xml, .lasso .markup, .tex .hljs-formula, .xml .javascript, .xml .vbscript, .xml .css, .xml .hljs-cdata { opacity: 0.5; } .mg-regions text { fill: black; font-size: 0.7rem; opacity: 0.5; stroke: none; } .mg-regions rect { fill: #DD3F1D; fill-opacity: 0.1; } .widget.circle .panel-element-body { margin: 0px !important; margin-top: 8px !important; } .widget.circle .radial-progress { margin: auto auto; width: 120px; height: 120px; background-color: #F0F0F0; border-radius: 50%; } .widget.circle .radial-progress .circle .mask, .widget.circle .radial-progress .circle .fill { width: 120px; height: 120px; position: absolute; border-radius: 50%; } .widget.circle .radial-progress .circle .mask, .widget.circle .radial-progress .circle .fill { -webkit-backface-visibility: hidden; transition: -webkit-transform 1s; transition: -ms-transform 1s; transition: transform 1s; border-radius: 50%; } .widget.circle .radial-progress .circle .mask { clip: rect(0px, 120px, 120px, 60px); } .widget.circle .radial-progress .circle .mask .fill { clip: rect(0px, 60px, 120px, 0px); background-color: #00b3df; } .widget.circle .radial-progress .inset { width: 100px; height: 100px; position: absolute; margin-left: 10px; margin-top: 10px; background-color: #fbfbfb; border-radius: 50%; } .widget.circle .radial-progress .inset .percentage { height: 22px; width: 57px; overflow: hidden; position: absolute; top: 35px; left: 25px; line-height: 1; } .widget.circle .radial-progress .inset .percentage .numbers { margin-top: -22px; transition: width 1s; } .widget.circle .radial-progress .inset .percentage .numbers span { width: 57px; display: inline-block; vertical-align: top; text-align: center; font-weight: 800; font-size: 22px; color: #56677F; } .widget.circle .radial-progress[data-progress="0"] .circle .mask.full, .widget.circle .radial-progress[data-progress="0"] .circle .fill { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .widget.circle .radial-progress[data-progress="0"] .circle .fill.fix { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .widget.circle .radial-progress[data-progress="0"] .inset .percentage .numbers { width: 57px; } .widget.circle .radial-progress[data-progress="1"] .circle .mask.full, .widget.circle .radial-progress[data-progress="1"] .circle .fill { -webkit-transform: rotate(1.8deg); -ms-transform: rotate(1.8deg); transform: rotate(1.8deg); } .widget.circle .radial-progress[data-progress="1"] .circle .fill.fix { -webkit-transform: rotate(3.6deg); -ms-transform: rotate(3.6deg); transform: rotate(3.6deg); } .widget.circle .radial-progress[data-progress="1"] .inset .percentage .numbers { width: 114px; } .widget.circle .radial-progress[data-progress="2"] .circle .mask.full, .widget.circle .radial-progress[data-progress="2"] .circle .fill { -webkit-transform: rotate(3.6deg); -ms-transform: rotate(3.6deg); transform: rotate(3.6deg); } .widget.circle .radial-progress[data-progress="2"] .circle .fill.fix { -webkit-transform: rotate(7.2deg); -ms-transform: rotate(7.2deg); transform: rotate(7.2deg); } .widget.circle .radial-progress[data-progress="2"] .inset .percentage .numbers { width: 171px; } .widget.circle .radial-progress[data-progress="3"] .circle .mask.full, .widget.circle .radial-progress[data-progress="3"] .circle .fill { -webkit-transform: rotate(5.4deg); -ms-transform: rotate(5.4deg); transform: rotate(5.4deg); } .widget.circle .radial-progress[data-progress="3"] .circle .fill.fix { -webkit-transform: rotate(10.8deg); -ms-transform: rotate(10.8deg); transform: rotate(10.8deg); } .widget.circle .radial-progress[data-progress="3"] .inset .percentage .numbers { width: 228px; } .widget.circle .radial-progress[data-progress="4"] .circle .mask.full, .widget.circle .radial-progress[data-progress="4"] .circle .fill { -webkit-transform: rotate(7.2deg); -ms-transform: rotate(7.2deg); transform: rotate(7.2deg); } .widget.circle .radial-progress[data-progress="4"] .circle .fill.fix { -webkit-transform: rotate(14.4deg); -ms-transform: rotate(14.4deg); transform: rotate(14.4deg); } .widget.circle .radial-progress[data-progress="4"] .inset .percentage .numbers { width: 285px; } .widget.circle .radial-progress[data-progress="5"] .circle .mask.full, .widget.circle .radial-progress[data-progress="5"] .circle .fill { -webkit-transform: rotate(9deg); -ms-transform: rotate(9deg); transform: rotate(9deg); } .widget.circle .radial-progress[data-progress="5"] .circle .fill.fix { -webkit-transform: rotate(18deg); -ms-transform: rotate(18deg); transform: rotate(18deg); } .widget.circle .radial-progress[data-progress="5"] .inset .percentage .numbers { width: 342px; } .widget.circle .radial-progress[data-progress="6"] .circle .mask.full, .widget.circle .radial-progress[data-progress="6"] .circle .fill { -webkit-transform: rotate(10.8deg); -ms-transform: rotate(10.8deg); transform: rotate(10.8deg); } .widget.circle .radial-progress[data-progress="6"] .circle .fill.fix { -webkit-transform: rotate(21.6deg); -ms-transform: rotate(21.6deg); transform: rotate(21.6deg); } .widget.circle .radial-progress[data-progress="6"] .inset .percentage .numbers { width: 399px; } .widget.circle .radial-progress[data-progress="7"] .circle .mask.full, .widget.circle .radial-progress[data-progress="7"] .circle .fill { -webkit-transform: rotate(12.6deg); -ms-transform: rotate(12.6deg); transform: rotate(12.6deg); } .widget.circle .radial-progress[data-progress="7"] .circle .fill.fix { -webkit-transform: rotate(25.2deg); -ms-transform: rotate(25.2deg); transform: rotate(25.2deg); } .widget.circle .radial-progress[data-progress="7"] .inset .percentage .numbers { width: 456px; } .widget.circle .radial-progress[data-progress="8"] .circle .mask.full, .widget.circle .radial-progress[data-progress="8"] .circle .fill { -webkit-transform: rotate(14.4deg); -ms-transform: rotate(14.4deg); transform: rotate(14.4deg); } .widget.circle .radial-progress[data-progress="8"] .circle .fill.fix { -webkit-transform: rotate(28.8deg); -ms-transform: rotate(28.8deg); transform: rotate(28.8deg); } .widget.circle .radial-progress[data-progress="8"] .inset .percentage .numbers { width: 513px; } .widget.circle .radial-progress[data-progress="9"] .circle .mask.full, .widget.circle .radial-progress[data-progress="9"] .circle .fill { -webkit-transform: rotate(16.2deg); -ms-transform: rotate(16.2deg); transform: rotate(16.2deg); } .widget.circle .radial-progress[data-progress="9"] .circle .fill.fix { -webkit-transform: rotate(32.4deg); -ms-transform: rotate(32.4deg); transform: rotate(32.4deg); } .widget.circle .radial-progress[data-progress="9"] .inset .percentage .numbers { width: 570px; } .widget.circle .radial-progress[data-progress="10"] .circle .mask.full, .widget.circle .radial-progress[data-progress="10"] .circle .fill { -webkit-transform: rotate(18deg); -ms-transform: rotate(18deg); transform: rotate(18deg); } .widget.circle .radial-progress[data-progress="10"] .circle .fill.fix { -webkit-transform: rotate(36deg); -ms-transform: rotate(36deg); transform: rotate(36deg); } .widget.circle .radial-progress[data-progress="10"] .inset .percentage .numbers { width: 627px; } .widget.circle .radial-progress[data-progress="11"] .circle .mask.full, .widget.circle .radial-progress[data-progress="11"] .circle .fill { -webkit-transform: rotate(19.8deg); -ms-transform: rotate(19.8deg); transform: rotate(19.8deg); } .widget.circle .radial-progress[data-progress="11"] .circle .fill.fix { -webkit-transform: rotate(39.6deg); -ms-transform: rotate(39.6deg); transform: rotate(39.6deg); } .widget.circle .radial-progress[data-progress="11"] .inset .percentage .numbers { width: 684px; } .widget.circle .radial-progress[data-progress="12"] .circle .mask.full, .widget.circle .radial-progress[data-progress="12"] .circle .fill { -webkit-transform: rotate(21.6deg); -ms-transform: rotate(21.6deg); transform: rotate(21.6deg); } .widget.circle .radial-progress[data-progress="12"] .circle .fill.fix { -webkit-transform: rotate(43.2deg); -ms-transform: rotate(43.2deg); transform: rotate(43.2deg); } .widget.circle .radial-progress[data-progress="12"] .inset .percentage .numbers { width: 741px; } .widget.circle .radial-progress[data-progress="13"] .circle .mask.full, .widget.circle .radial-progress[data-progress="13"] .circle .fill { -webkit-transform: rotate(23.4deg); -ms-transform: rotate(23.4deg); transform: rotate(23.4deg); } .widget.circle .radial-progress[data-progress="13"] .circle .fill.fix { -webkit-transform: rotate(46.8deg); -ms-transform: rotate(46.8deg); transform: rotate(46.8deg); } .widget.circle .radial-progress[data-progress="13"] .inset .percentage .numbers { width: 798px; } .widget.circle .radial-progress[data-progress="14"] .circle .mask.full, .widget.circle .radial-progress[data-progress="14"] .circle .fill { -webkit-transform: rotate(25.2deg); -ms-transform: rotate(25.2deg); transform: rotate(25.2deg); } .widget.circle .radial-progress[data-progress="14"] .circle .fill.fix { -webkit-transform: rotate(50.4deg); -ms-transform: rotate(50.4deg); transform: rotate(50.4deg); } .widget.circle .radial-progress[data-progress="14"] .inset .percentage .numbers { width: 855px; } .widget.circle .radial-progress[data-progress="15"] .circle .mask.full, .widget.circle .radial-progress[data-progress="15"] .circle .fill { -webkit-transform: rotate(27deg); -ms-transform: rotate(27deg); transform: rotate(27deg); } .widget.circle .radial-progress[data-progress="15"] .circle .fill.fix { -webkit-transform: rotate(54deg); -ms-transform: rotate(54deg); transform: rotate(54deg); } .widget.circle .radial-progress[data-progress="15"] .inset .percentage .numbers { width: 912px; } .widget.circle .radial-progress[data-progress="16"] .circle .mask.full, .widget.circle .radial-progress[data-progress="16"] .circle .fill { -webkit-transform: rotate(28.8deg); -ms-transform: rotate(28.8deg); transform: rotate(28.8deg); } .widget.circle .radial-progress[data-progress="16"] .circle .fill.fix { -webkit-transform: rotate(57.6deg); -ms-transform: rotate(57.6deg); transform: rotate(57.6deg); } .widget.circle .radial-progress[data-progress="16"] .inset .percentage .numbers { width: 969px; } .widget.circle .radial-progress[data-progress="17"] .circle .mask.full, .widget.circle .radial-progress[data-progress="17"] .circle .fill { -webkit-transform: rotate(30.6deg); -ms-transform: rotate(30.6deg); transform: rotate(30.6deg); } .widget.circle .radial-progress[data-progress="17"] .circle .fill.fix { -webkit-transform: rotate(61.2deg); -ms-transform: rotate(61.2deg); transform: rotate(61.2deg); } .widget.circle .radial-progress[data-progress="17"] .inset .percentage .numbers { width: 1026px; } .widget.circle .radial-progress[data-progress="18"] .circle .mask.full, .widget.circle .radial-progress[data-progress="18"] .circle .fill { -webkit-transform: rotate(32.4deg); -ms-transform: rotate(32.4deg); transform: rotate(32.4deg); } .widget.circle .radial-progress[data-progress="18"] .circle .fill.fix { -webkit-transform: rotate(64.8deg); -ms-transform: rotate(64.8deg); transform: rotate(64.8deg); } .widget.circle .radial-progress[data-progress="18"] .inset .percentage .numbers { width: 1083px; } .widget.circle .radial-progress[data-progress="19"] .circle .mask.full, .widget.circle .radial-progress[data-progress="19"] .circle .fill { -webkit-transform: rotate(34.2deg); -ms-transform: rotate(34.2deg); transform: rotate(34.2deg); } .widget.circle .radial-progress[data-progress="19"] .circle .fill.fix { -webkit-transform: rotate(68.4deg); -ms-transform: rotate(68.4deg); transform: rotate(68.4deg); } .widget.circle .radial-progress[data-progress="19"] .inset .percentage .numbers { width: 1140px; } .widget.circle .radial-progress[data-progress="20"] .circle .mask.full, .widget.circle .radial-progress[data-progress="20"] .circle .fill { -webkit-transform: rotate(36deg); -ms-transform: rotate(36deg); transform: rotate(36deg); } .widget.circle .radial-progress[data-progress="20"] .circle .fill.fix { -webkit-transform: rotate(72deg); -ms-transform: rotate(72deg); transform: rotate(72deg); } .widget.circle .radial-progress[data-progress="20"] .inset .percentage .numbers { width: 1197px; } .widget.circle .radial-progress[data-progress="21"] .circle .mask.full, .widget.circle .radial-progress[data-progress="21"] .circle .fill { -webkit-transform: rotate(37.8deg); -ms-transform: rotate(37.8deg); transform: rotate(37.8deg); } .widget.circle .radial-progress[data-progress="21"] .circle .fill.fix { -webkit-transform: rotate(75.6deg); -ms-transform: rotate(75.6deg); transform: rotate(75.6deg); } .widget.circle .radial-progress[data-progress="21"] .inset .percentage .numbers { width: 1254px; } .widget.circle .radial-progress[data-progress="22"] .circle .mask.full, .widget.circle .radial-progress[data-progress="22"] .circle .fill { -webkit-transform: rotate(39.6deg); -ms-transform: rotate(39.6deg); transform: rotate(39.6deg); } .widget.circle .radial-progress[data-progress="22"] .circle .fill.fix { -webkit-transform: rotate(79.2deg); -ms-transform: rotate(79.2deg); transform: rotate(79.2deg); } .widget.circle .radial-progress[data-progress="22"] .inset .percentage .numbers { width: 1311px; } .widget.circle .radial-progress[data-progress="23"] .circle .mask.full, .widget.circle .radial-progress[data-progress="23"] .circle .fill { -webkit-transform: rotate(41.4deg); -ms-transform: rotate(41.4deg); transform: rotate(41.4deg); } .widget.circle .radial-progress[data-progress="23"] .circle .fill.fix { -webkit-transform: rotate(82.8deg); -ms-transform: rotate(82.8deg); transform: rotate(82.8deg); } .widget.circle .radial-progress[data-progress="23"] .inset .percentage .numbers { width: 1368px; } .widget.circle .radial-progress[data-progress="24"] .circle .mask.full, .widget.circle .radial-progress[data-progress="24"] .circle .fill { -webkit-transform: rotate(43.2deg); -ms-transform: rotate(43.2deg); transform: rotate(43.2deg); } .widget.circle .radial-progress[data-progress="24"] .circle .fill.fix { -webkit-transform: rotate(86.4deg); -ms-transform: rotate(86.4deg); transform: rotate(86.4deg); } .widget.circle .radial-progress[data-progress="24"] .inset .percentage .numbers { width: 1425px; } .widget.circle .radial-progress[data-progress="25"] .circle .mask.full, .widget.circle .radial-progress[data-progress="25"] .circle .fill { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .widget.circle .radial-progress[data-progress="25"] .circle .fill.fix { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .widget.circle .radial-progress[data-progress="25"] .inset .percentage .numbers { width: 1482px; } .widget.circle .radial-progress[data-progress="26"] .circle .mask.full, .widget.circle .radial-progress[data-progress="26"] .circle .fill { -webkit-transform: rotate(46.8deg); -ms-transform: rotate(46.8deg); transform: rotate(46.8deg); } .widget.circle .radial-progress[data-progress="26"] .circle .fill.fix { -webkit-transform: rotate(93.6deg); -ms-transform: rotate(93.6deg); transform: rotate(93.6deg); } .widget.circle .radial-progress[data-progress="26"] .inset .percentage .numbers { width: 1539px; } .widget.circle .radial-progress[data-progress="27"] .circle .mask.full, .widget.circle .radial-progress[data-progress="27"] .circle .fill { -webkit-transform: rotate(48.6deg); -ms-transform: rotate(48.6deg); transform: rotate(48.6deg); } .widget.circle .radial-progress[data-progress="27"] .circle .fill.fix { -webkit-transform: rotate(97.2deg); -ms-transform: rotate(97.2deg); transform: rotate(97.2deg); } .widget.circle .radial-progress[data-progress="27"] .inset .percentage .numbers { width: 1596px; } .widget.circle .radial-progress[data-progress="28"] .circle .mask.full, .widget.circle .radial-progress[data-progress="28"] .circle .fill { -webkit-transform: rotate(50.4deg); -ms-transform: rotate(50.4deg); transform: rotate(50.4deg); } .widget.circle .radial-progress[data-progress="28"] .circle .fill.fix { -webkit-transform: rotate(100.8deg); -ms-transform: rotate(100.8deg); transform: rotate(100.8deg); } .widget.circle .radial-progress[data-progress="28"] .inset .percentage .numbers { width: 1653px; } .widget.circle .radial-progress[data-progress="29"] .circle .mask.full, .widget.circle .radial-progress[data-progress="29"] .circle .fill { -webkit-transform: rotate(52.2deg); -ms-transform: rotate(52.2deg); transform: rotate(52.2deg); } .widget.circle .radial-progress[data-progress="29"] .circle .fill.fix { -webkit-transform: rotate(104.4deg); -ms-transform: rotate(104.4deg); transform: rotate(104.4deg); } .widget.circle .radial-progress[data-progress="29"] .inset .percentage .numbers { width: 1710px; } .widget.circle .radial-progress[data-progress="30"] .circle .mask.full, .widget.circle .radial-progress[data-progress="30"] .circle .fill { -webkit-transform: rotate(54deg); -ms-transform: rotate(54deg); transform: rotate(54deg); } .widget.circle .radial-progress[data-progress="30"] .circle .fill.fix { -webkit-transform: rotate(108deg); -ms-transform: rotate(108deg); transform: rotate(108deg); } .widget.circle .radial-progress[data-progress="30"] .inset .percentage .numbers { width: 1767px; } .widget.circle .radial-progress[data-progress="31"] .circle .mask.full, .widget.circle .radial-progress[data-progress="31"] .circle .fill { -webkit-transform: rotate(55.8deg); -ms-transform: rotate(55.8deg); transform: rotate(55.8deg); } .widget.circle .radial-progress[data-progress="31"] .circle .fill.fix { -webkit-transform: rotate(111.6deg); -ms-transform: rotate(111.6deg); transform: rotate(111.6deg); } .widget.circle .radial-progress[data-progress="31"] .inset .percentage .numbers { width: 1824px; } .widget.circle .radial-progress[data-progress="32"] .circle .mask.full, .widget.circle .radial-progress[data-progress="32"] .circle .fill { -webkit-transform: rotate(57.6deg); -ms-transform: rotate(57.6deg); transform: rotate(57.6deg); } .widget.circle .radial-progress[data-progress="32"] .circle .fill.fix { -webkit-transform: rotate(115.2deg); -ms-transform: rotate(115.2deg); transform: rotate(115.2deg); } .widget.circle .radial-progress[data-progress="32"] .inset .percentage .numbers { width: 1881px; } .widget.circle .radial-progress[data-progress="33"] .circle .mask.full, .widget.circle .radial-progress[data-progress="33"] .circle .fill { -webkit-transform: rotate(59.4deg); -ms-transform: rotate(59.4deg); transform: rotate(59.4deg); } .widget.circle .radial-progress[data-progress="33"] .circle .fill.fix { -webkit-transform: rotate(118.8deg); -ms-transform: rotate(118.8deg); transform: rotate(118.8deg); } .widget.circle .radial-progress[data-progress="33"] .inset .percentage .numbers { width: 1938px; } .widget.circle .radial-progress[data-progress="34"] .circle .mask.full, .widget.circle .radial-progress[data-progress="34"] .circle .fill { -webkit-transform: rotate(61.2deg); -ms-transform: rotate(61.2deg); transform: rotate(61.2deg); } .widget.circle .radial-progress[data-progress="34"] .circle .fill.fix { -webkit-transform: rotate(122.4deg); -ms-transform: rotate(122.4deg); transform: rotate(122.4deg); } .widget.circle .radial-progress[data-progress="34"] .inset .percentage .numbers { width: 1995px; } .widget.circle .radial-progress[data-progress="35"] .circle .mask.full, .widget.circle .radial-progress[data-progress="35"] .circle .fill { -webkit-transform: rotate(63deg); -ms-transform: rotate(63deg); transform: rotate(63deg); } .widget.circle .radial-progress[data-progress="35"] .circle .fill.fix { -webkit-transform: rotate(126deg); -ms-transform: rotate(126deg); transform: rotate(126deg); } .widget.circle .radial-progress[data-progress="35"] .inset .percentage .numbers { width: 2052px; } .widget.circle .radial-progress[data-progress="36"] .circle .mask.full, .widget.circle .radial-progress[data-progress="36"] .circle .fill { -webkit-transform: rotate(64.8deg); -ms-transform: rotate(64.8deg); transform: rotate(64.8deg); } .widget.circle .radial-progress[data-progress="36"] .circle .fill.fix { -webkit-transform: rotate(129.6deg); -ms-transform: rotate(129.6deg); transform: rotate(129.6deg); } .widget.circle .radial-progress[data-progress="36"] .inset .percentage .numbers { width: 2109px; } .widget.circle .radial-progress[data-progress="37"] .circle .mask.full, .widget.circle .radial-progress[data-progress="37"] .circle .fill { -webkit-transform: rotate(66.6deg); -ms-transform: rotate(66.6deg); transform: rotate(66.6deg); } .widget.circle .radial-progress[data-progress="37"] .circle .fill.fix { -webkit-transform: rotate(133.2deg); -ms-transform: rotate(133.2deg); transform: rotate(133.2deg); } .widget.circle .radial-progress[data-progress="37"] .inset .percentage .numbers { width: 2166px; } .widget.circle .radial-progress[data-progress="38"] .circle .mask.full, .widget.circle .radial-progress[data-progress="38"] .circle .fill { -webkit-transform: rotate(68.4deg); -ms-transform: rotate(68.4deg); transform: rotate(68.4deg); } .widget.circle .radial-progress[data-progress="38"] .circle .fill.fix { -webkit-transform: rotate(136.8deg); -ms-transform: rotate(136.8deg); transform: rotate(136.8deg); } .widget.circle .radial-progress[data-progress="38"] .inset .percentage .numbers { width: 2223px; } .widget.circle .radial-progress[data-progress="39"] .circle .mask.full, .widget.circle .radial-progress[data-progress="39"] .circle .fill { -webkit-transform: rotate(70.2deg); -ms-transform: rotate(70.2deg); transform: rotate(70.2deg); } .widget.circle .radial-progress[data-progress="39"] .circle .fill.fix { -webkit-transform: rotate(140.4deg); -ms-transform: rotate(140.4deg); transform: rotate(140.4deg); } .widget.circle .radial-progress[data-progress="39"] .inset .percentage .numbers { width: 2280px; } .widget.circle .radial-progress[data-progress="40"] .circle .mask.full, .widget.circle .radial-progress[data-progress="40"] .circle .fill { -webkit-transform: rotate(72deg); -ms-transform: rotate(72deg); transform: rotate(72deg); } .widget.circle .radial-progress[data-progress="40"] .circle .fill.fix { -webkit-transform: rotate(144deg); -ms-transform: rotate(144deg); transform: rotate(144deg); } .widget.circle .radial-progress[data-progress="40"] .inset .percentage .numbers { width: 2337px; } .widget.circle .radial-progress[data-progress="41"] .circle .mask.full, .widget.circle .radial-progress[data-progress="41"] .circle .fill { -webkit-transform: rotate(73.8deg); -ms-transform: rotate(73.8deg); transform: rotate(73.8deg); } .widget.circle .radial-progress[data-progress="41"] .circle .fill.fix { -webkit-transform: rotate(147.6deg); -ms-transform: rotate(147.6deg); transform: rotate(147.6deg); } .widget.circle .radial-progress[data-progress="41"] .inset .percentage .numbers { width: 2394px; } .widget.circle .radial-progress[data-progress="42"] .circle .mask.full, .widget.circle .radial-progress[data-progress="42"] .circle .fill { -webkit-transform: rotate(75.6deg); -ms-transform: rotate(75.6deg); transform: rotate(75.6deg); } .widget.circle .radial-progress[data-progress="42"] .circle .fill.fix { -webkit-transform: rotate(151.2deg); -ms-transform: rotate(151.2deg); transform: rotate(151.2deg); } .widget.circle .radial-progress[data-progress="42"] .inset .percentage .numbers { width: 2451px; } .widget.circle .radial-progress[data-progress="43"] .circle .mask.full, .widget.circle .radial-progress[data-progress="43"] .circle .fill { -webkit-transform: rotate(77.4deg); -ms-transform: rotate(77.4deg); transform: rotate(77.4deg); } .widget.circle .radial-progress[data-progress="43"] .circle .fill.fix { -webkit-transform: rotate(154.8deg); -ms-transform: rotate(154.8deg); transform: rotate(154.8deg); } .widget.circle .radial-progress[data-progress="43"] .inset .percentage .numbers { width: 2508px; } .widget.circle .radial-progress[data-progress="44"] .circle .mask.full, .widget.circle .radial-progress[data-progress="44"] .circle .fill { -webkit-transform: rotate(79.2deg); -ms-transform: rotate(79.2deg); transform: rotate(79.2deg); } .widget.circle .radial-progress[data-progress="44"] .circle .fill.fix { -webkit-transform: rotate(158.4deg); -ms-transform: rotate(158.4deg); transform: rotate(158.4deg); } .widget.circle .radial-progress[data-progress="44"] .inset .percentage .numbers { width: 2565px; } .widget.circle .radial-progress[data-progress="45"] .circle .mask.full, .widget.circle .radial-progress[data-progress="45"] .circle .fill { -webkit-transform: rotate(81deg); -ms-transform: rotate(81deg); transform: rotate(81deg); } .widget.circle .radial-progress[data-progress="45"] .circle .fill.fix { -webkit-transform: rotate(162deg); -ms-transform: rotate(162deg); transform: rotate(162deg); } .widget.circle .radial-progress[data-progress="45"] .inset .percentage .numbers { width: 2622px; } .widget.circle .radial-progress[data-progress="46"] .circle .mask.full, .widget.circle .radial-progress[data-progress="46"] .circle .fill { -webkit-transform: rotate(82.8deg); -ms-transform: rotate(82.8deg); transform: rotate(82.8deg); } .widget.circle .radial-progress[data-progress="46"] .circle .fill.fix { -webkit-transform: rotate(165.6deg); -ms-transform: rotate(165.6deg); transform: rotate(165.6deg); } .widget.circle .radial-progress[data-progress="46"] .inset .percentage .numbers { width: 2679px; } .widget.circle .radial-progress[data-progress="47"] .circle .mask.full, .widget.circle .radial-progress[data-progress="47"] .circle .fill { -webkit-transform: rotate(84.6deg); -ms-transform: rotate(84.6deg); transform: rotate(84.6deg); } .widget.circle .radial-progress[data-progress="47"] .circle .fill.fix { -webkit-transform: rotate(169.2deg); -ms-transform: rotate(169.2deg); transform: rotate(169.2deg); } .widget.circle .radial-progress[data-progress="47"] .inset .percentage .numbers { width: 2736px; } .widget.circle .radial-progress[data-progress="48"] .circle .mask.full, .widget.circle .radial-progress[data-progress="48"] .circle .fill { -webkit-transform: rotate(86.4deg); -ms-transform: rotate(86.4deg); transform: rotate(86.4deg); } .widget.circle .radial-progress[data-progress="48"] .circle .fill.fix { -webkit-transform: rotate(172.8deg); -ms-transform: rotate(172.8deg); transform: rotate(172.8deg); } .widget.circle .radial-progress[data-progress="48"] .inset .percentage .numbers { width: 2793px; } .widget.circle .radial-progress[data-progress="49"] .circle .mask.full, .widget.circle .radial-progress[data-progress="49"] .circle .fill { -webkit-transform: rotate(88.2deg); -ms-transform: rotate(88.2deg); transform: rotate(88.2deg); } .widget.circle .radial-progress[data-progress="49"] .circle .fill.fix { -webkit-transform: rotate(176.4deg); -ms-transform: rotate(176.4deg); transform: rotate(176.4deg); } .widget.circle .radial-progress[data-progress="49"] .inset .percentage .numbers { width: 2850px; } .widget.circle .radial-progress[data-progress="50"] .circle .mask.full, .widget.circle .radial-progress[data-progress="50"] .circle .fill { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .widget.circle .radial-progress[data-progress="50"] .circle .fill.fix { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .widget.circle .radial-progress[data-progress="50"] .inset .percentage .numbers { width: 2907px; } .widget.circle .radial-progress[data-progress="51"] .circle .mask.full, .widget.circle .radial-progress[data-progress="51"] .circle .fill { -webkit-transform: rotate(91.8deg); -ms-transform: rotate(91.8deg); transform: rotate(91.8deg); } .widget.circle .radial-progress[data-progress="51"] .circle .fill.fix { -webkit-transform: rotate(183.6deg); -ms-transform: rotate(183.6deg); transform: rotate(183.6deg); } .widget.circle .radial-progress[data-progress="51"] .inset .percentage .numbers { width: 2964px; } .widget.circle .radial-progress[data-progress="52"] .circle .mask.full, .widget.circle .radial-progress[data-progress="52"] .circle .fill { -webkit-transform: rotate(93.6deg); -ms-transform: rotate(93.6deg); transform: rotate(93.6deg); } .widget.circle .radial-progress[data-progress="52"] .circle .fill.fix { -webkit-transform: rotate(187.2deg); -ms-transform: rotate(187.2deg); transform: rotate(187.2deg); } .widget.circle .radial-progress[data-progress="52"] .inset .percentage .numbers { width: 3021px; } .widget.circle .radial-progress[data-progress="53"] .circle .mask.full, .widget.circle .radial-progress[data-progress="53"] .circle .fill { -webkit-transform: rotate(95.4deg); -ms-transform: rotate(95.4deg); transform: rotate(95.4deg); } .widget.circle .radial-progress[data-progress="53"] .circle .fill.fix { -webkit-transform: rotate(190.8deg); -ms-transform: rotate(190.8deg); transform: rotate(190.8deg); } .widget.circle .radial-progress[data-progress="53"] .inset .percentage .numbers { width: 3078px; } .widget.circle .radial-progress[data-progress="54"] .circle .mask.full, .widget.circle .radial-progress[data-progress="54"] .circle .fill { -webkit-transform: rotate(97.2deg); -ms-transform: rotate(97.2deg); transform: rotate(97.2deg); } .widget.circle .radial-progress[data-progress="54"] .circle .fill.fix { -webkit-transform: rotate(194.4deg); -ms-transform: rotate(194.4deg); transform: rotate(194.4deg); } .widget.circle .radial-progress[data-progress="54"] .inset .percentage .numbers { width: 3135px; } .widget.circle .radial-progress[data-progress="55"] .circle .mask.full, .widget.circle .radial-progress[data-progress="55"] .circle .fill { -webkit-transform: rotate(99deg); -ms-transform: rotate(99deg); transform: rotate(99deg); } .widget.circle .radial-progress[data-progress="55"] .circle .fill.fix { -webkit-transform: rotate(198deg); -ms-transform: rotate(198deg); transform: rotate(198deg); } .widget.circle .radial-progress[data-progress="55"] .inset .percentage .numbers { width: 3192px; } .widget.circle .radial-progress[data-progress="56"] .circle .mask.full, .widget.circle .radial-progress[data-progress="56"] .circle .fill { -webkit-transform: rotate(100.8deg); -ms-transform: rotate(100.8deg); transform: rotate(100.8deg); } .widget.circle .radial-progress[data-progress="56"] .circle .fill.fix { -webkit-transform: rotate(201.6deg); -ms-transform: rotate(201.6deg); transform: rotate(201.6deg); } .widget.circle .radial-progress[data-progress="56"] .inset .percentage .numbers { width: 3249px; } .widget.circle .radial-progress[data-progress="57"] .circle .mask.full, .widget.circle .radial-progress[data-progress="57"] .circle .fill { -webkit-transform: rotate(102.6deg); -ms-transform: rotate(102.6deg); transform: rotate(102.6deg); } .widget.circle .radial-progress[data-progress="57"] .circle .fill.fix { -webkit-transform: rotate(205.2deg); -ms-transform: rotate(205.2deg); transform: rotate(205.2deg); } .widget.circle .radial-progress[data-progress="57"] .inset .percentage .numbers { width: 3306px; } .widget.circle .radial-progress[data-progress="58"] .circle .mask.full, .widget.circle .radial-progress[data-progress="58"] .circle .fill { -webkit-transform: rotate(104.4deg); -ms-transform: rotate(104.4deg); transform: rotate(104.4deg); } .widget.circle .radial-progress[data-progress="58"] .circle .fill.fix { -webkit-transform: rotate(208.8deg); -ms-transform: rotate(208.8deg); transform: rotate(208.8deg); } .widget.circle .radial-progress[data-progress="58"] .inset .percentage .numbers { width: 3363px; } .widget.circle .radial-progress[data-progress="59"] .circle .mask.full, .widget.circle .radial-progress[data-progress="59"] .circle .fill { -webkit-transform: rotate(106.2deg); -ms-transform: rotate(106.2deg); transform: rotate(106.2deg); } .widget.circle .radial-progress[data-progress="59"] .circle .fill.fix { -webkit-transform: rotate(212.4deg); -ms-transform: rotate(212.4deg); transform: rotate(212.4deg); } .widget.circle .radial-progress[data-progress="59"] .inset .percentage .numbers { width: 3420px; } .widget.circle .radial-progress[data-progress="60"] .circle .mask.full, .widget.circle .radial-progress[data-progress="60"] .circle .fill { -webkit-transform: rotate(108deg); -ms-transform: rotate(108deg); transform: rotate(108deg); } .widget.circle .radial-progress[data-progress="60"] .circle .fill.fix { -webkit-transform: rotate(216deg); -ms-transform: rotate(216deg); transform: rotate(216deg); } .widget.circle .radial-progress[data-progress="60"] .inset .percentage .numbers { width: 3477px; } .widget.circle .radial-progress[data-progress="61"] .circle .mask.full, .widget.circle .radial-progress[data-progress="61"] .circle .fill { -webkit-transform: rotate(109.8deg); -ms-transform: rotate(109.8deg); transform: rotate(109.8deg); } .widget.circle .radial-progress[data-progress="61"] .circle .fill.fix { -webkit-transform: rotate(219.6deg); -ms-transform: rotate(219.6deg); transform: rotate(219.6deg); } .widget.circle .radial-progress[data-progress="61"] .inset .percentage .numbers { width: 3534px; } .widget.circle .radial-progress[data-progress="62"] .circle .mask.full, .widget.circle .radial-progress[data-progress="62"] .circle .fill { -webkit-transform: rotate(111.6deg); -ms-transform: rotate(111.6deg); transform: rotate(111.6deg); } .widget.circle .radial-progress[data-progress="62"] .circle .fill.fix { -webkit-transform: rotate(223.2deg); -ms-transform: rotate(223.2deg); transform: rotate(223.2deg); } .widget.circle .radial-progress[data-progress="62"] .inset .percentage .numbers { width: 3591px; } .widget.circle .radial-progress[data-progress="63"] .circle .mask.full, .widget.circle .radial-progress[data-progress="63"] .circle .fill { -webkit-transform: rotate(113.4deg); -ms-transform: rotate(113.4deg); transform: rotate(113.4deg); } .widget.circle .radial-progress[data-progress="63"] .circle .fill.fix { -webkit-transform: rotate(226.8deg); -ms-transform: rotate(226.8deg); transform: rotate(226.8deg); } .widget.circle .radial-progress[data-progress="63"] .inset .percentage .numbers { width: 3648px; } .widget.circle .radial-progress[data-progress="64"] .circle .mask.full, .widget.circle .radial-progress[data-progress="64"] .circle .fill { -webkit-transform: rotate(115.2deg); -ms-transform: rotate(115.2deg); transform: rotate(115.2deg); } .widget.circle .radial-progress[data-progress="64"] .circle .fill.fix { -webkit-transform: rotate(230.4deg); -ms-transform: rotate(230.4deg); transform: rotate(230.4deg); } .widget.circle .radial-progress[data-progress="64"] .inset .percentage .numbers { width: 3705px; } .widget.circle .radial-progress[data-progress="65"] .circle .mask.full, .widget.circle .radial-progress[data-progress="65"] .circle .fill { -webkit-transform: rotate(117deg); -ms-transform: rotate(117deg); transform: rotate(117deg); } .widget.circle .radial-progress[data-progress="65"] .circle .fill.fix { -webkit-transform: rotate(234deg); -ms-transform: rotate(234deg); transform: rotate(234deg); } .widget.circle .radial-progress[data-progress="65"] .inset .percentage .numbers { width: 3762px; } .widget.circle .radial-progress[data-progress="66"] .circle .mask.full, .widget.circle .radial-progress[data-progress="66"] .circle .fill { -webkit-transform: rotate(118.8deg); -ms-transform: rotate(118.8deg); transform: rotate(118.8deg); } .widget.circle .radial-progress[data-progress="66"] .circle .fill.fix { -webkit-transform: rotate(237.6deg); -ms-transform: rotate(237.6deg); transform: rotate(237.6deg); } .widget.circle .radial-progress[data-progress="66"] .inset .percentage .numbers { width: 3819px; } .widget.circle .radial-progress[data-progress="67"] .circle .mask.full, .widget.circle .radial-progress[data-progress="67"] .circle .fill { -webkit-transform: rotate(120.6deg); -ms-transform: rotate(120.6deg); transform: rotate(120.6deg); } .widget.circle .radial-progress[data-progress="67"] .circle .fill.fix { -webkit-transform: rotate(241.2deg); -ms-transform: rotate(241.2deg); transform: rotate(241.2deg); } .widget.circle .radial-progress[data-progress="67"] .inset .percentage .numbers { width: 3876px; } .widget.circle .radial-progress[data-progress="68"] .circle .mask.full, .widget.circle .radial-progress[data-progress="68"] .circle .fill { -webkit-transform: rotate(122.4deg); -ms-transform: rotate(122.4deg); transform: rotate(122.4deg); } .widget.circle .radial-progress[data-progress="68"] .circle .fill.fix { -webkit-transform: rotate(244.8deg); -ms-transform: rotate(244.8deg); transform: rotate(244.8deg); } .widget.circle .radial-progress[data-progress="68"] .inset .percentage .numbers { width: 3933px; } .widget.circle .radial-progress[data-progress="69"] .circle .mask.full, .widget.circle .radial-progress[data-progress="69"] .circle .fill { -webkit-transform: rotate(124.2deg); -ms-transform: rotate(124.2deg); transform: rotate(124.2deg); } .widget.circle .radial-progress[data-progress="69"] .circle .fill.fix { -webkit-transform: rotate(248.4deg); -ms-transform: rotate(248.4deg); transform: rotate(248.4deg); } .widget.circle .radial-progress[data-progress="69"] .inset .percentage .numbers { width: 3990px; } .widget.circle .radial-progress[data-progress="70"] .circle .mask.full, .widget.circle .radial-progress[data-progress="70"] .circle .fill { -webkit-transform: rotate(126deg); -ms-transform: rotate(126deg); transform: rotate(126deg); } .widget.circle .radial-progress[data-progress="70"] .circle .fill.fix { -webkit-transform: rotate(252deg); -ms-transform: rotate(252deg); transform: rotate(252deg); } .widget.circle .radial-progress[data-progress="70"] .inset .percentage .numbers { width: 4047px; } .widget.circle .radial-progress[data-progress="71"] .circle .mask.full, .widget.circle .radial-progress[data-progress="71"] .circle .fill { -webkit-transform: rotate(127.8deg); -ms-transform: rotate(127.8deg); transform: rotate(127.8deg); } .widget.circle .radial-progress[data-progress="71"] .circle .fill.fix { -webkit-transform: rotate(255.6deg); -ms-transform: rotate(255.6deg); transform: rotate(255.6deg); } .widget.circle .radial-progress[data-progress="71"] .inset .percentage .numbers { width: 4104px; } .widget.circle .radial-progress[data-progress="72"] .circle .mask.full, .widget.circle .radial-progress[data-progress="72"] .circle .fill { -webkit-transform: rotate(129.6deg); -ms-transform: rotate(129.6deg); transform: rotate(129.6deg); } .widget.circle .radial-progress[data-progress="72"] .circle .fill.fix { -webkit-transform: rotate(259.2deg); -ms-transform: rotate(259.2deg); transform: rotate(259.2deg); } .widget.circle .radial-progress[data-progress="72"] .inset .percentage .numbers { width: 4161px; } .widget.circle .radial-progress[data-progress="73"] .circle .mask.full, .widget.circle .radial-progress[data-progress="73"] .circle .fill { -webkit-transform: rotate(131.4deg); -ms-transform: rotate(131.4deg); transform: rotate(131.4deg); } .widget.circle .radial-progress[data-progress="73"] .circle .fill.fix { -webkit-transform: rotate(262.8deg); -ms-transform: rotate(262.8deg); transform: rotate(262.8deg); } .widget.circle .radial-progress[data-progress="73"] .inset .percentage .numbers { width: 4218px; } .widget.circle .radial-progress[data-progress="74"] .circle .mask.full, .widget.circle .radial-progress[data-progress="74"] .circle .fill { -webkit-transform: rotate(133.2deg); -ms-transform: rotate(133.2deg); transform: rotate(133.2deg); } .widget.circle .radial-progress[data-progress="74"] .circle .fill.fix { -webkit-transform: rotate(266.4deg); -ms-transform: rotate(266.4deg); transform: rotate(266.4deg); } .widget.circle .radial-progress[data-progress="74"] .inset .percentage .numbers { width: 4275px; } .widget.circle .radial-progress[data-progress="75"] .circle .mask.full, .widget.circle .radial-progress[data-progress="75"] .circle .fill { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .widget.circle .radial-progress[data-progress="75"] .circle .fill.fix { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .widget.circle .radial-progress[data-progress="75"] .inset .percentage .numbers { width: 4332px; } .widget.circle .radial-progress[data-progress="76"] .circle .mask.full, .widget.circle .radial-progress[data-progress="76"] .circle .fill { -webkit-transform: rotate(136.8deg); -ms-transform: rotate(136.8deg); transform: rotate(136.8deg); } .widget.circle .radial-progress[data-progress="76"] .circle .fill.fix { -webkit-transform: rotate(273.6deg); -ms-transform: rotate(273.6deg); transform: rotate(273.6deg); } .widget.circle .radial-progress[data-progress="76"] .inset .percentage .numbers { width: 4389px; } .widget.circle .radial-progress[data-progress="77"] .circle .mask.full, .widget.circle .radial-progress[data-progress="77"] .circle .fill { -webkit-transform: rotate(138.6deg); -ms-transform: rotate(138.6deg); transform: rotate(138.6deg); } .widget.circle .radial-progress[data-progress="77"] .circle .fill.fix { -webkit-transform: rotate(277.2deg); -ms-transform: rotate(277.2deg); transform: rotate(277.2deg); } .widget.circle .radial-progress[data-progress="77"] .inset .percentage .numbers { width: 4446px; } .widget.circle .radial-progress[data-progress="78"] .circle .mask.full, .widget.circle .radial-progress[data-progress="78"] .circle .fill { -webkit-transform: rotate(140.4deg); -ms-transform: rotate(140.4deg); transform: rotate(140.4deg); } .widget.circle .radial-progress[data-progress="78"] .circle .fill.fix { -webkit-transform: rotate(280.8deg); -ms-transform: rotate(280.8deg); transform: rotate(280.8deg); } .widget.circle .radial-progress[data-progress="78"] .inset .percentage .numbers { width: 4503px; } .widget.circle .radial-progress[data-progress="79"] .circle .mask.full, .widget.circle .radial-progress[data-progress="79"] .circle .fill { -webkit-transform: rotate(142.2deg); -ms-transform: rotate(142.2deg); transform: rotate(142.2deg); } .widget.circle .radial-progress[data-progress="79"] .circle .fill.fix { -webkit-transform: rotate(284.4deg); -ms-transform: rotate(284.4deg); transform: rotate(284.4deg); } .widget.circle .radial-progress[data-progress="79"] .inset .percentage .numbers { width: 4560px; } .widget.circle .radial-progress[data-progress="80"] .circle .mask.full, .widget.circle .radial-progress[data-progress="80"] .circle .fill { -webkit-transform: rotate(144deg); -ms-transform: rotate(144deg); transform: rotate(144deg); } .widget.circle .radial-progress[data-progress="80"] .circle .fill.fix { -webkit-transform: rotate(288deg); -ms-transform: rotate(288deg); transform: rotate(288deg); } .widget.circle .radial-progress[data-progress="80"] .inset .percentage .numbers { width: 4617px; } .widget.circle .radial-progress[data-progress="81"] .circle .mask.full, .widget.circle .radial-progress[data-progress="81"] .circle .fill { -webkit-transform: rotate(145.8deg); -ms-transform: rotate(145.8deg); transform: rotate(145.8deg); } .widget.circle .radial-progress[data-progress="81"] .circle .fill.fix { -webkit-transform: rotate(291.6deg); -ms-transform: rotate(291.6deg); transform: rotate(291.6deg); } .widget.circle .radial-progress[data-progress="81"] .inset .percentage .numbers { width: 4674px; } .widget.circle .radial-progress[data-progress="82"] .circle .mask.full, .widget.circle .radial-progress[data-progress="82"] .circle .fill { -webkit-transform: rotate(147.6deg); -ms-transform: rotate(147.6deg); transform: rotate(147.6deg); } .widget.circle .radial-progress[data-progress="82"] .circle .fill.fix { -webkit-transform: rotate(295.2deg); -ms-transform: rotate(295.2deg); transform: rotate(295.2deg); } .widget.circle .radial-progress[data-progress="82"] .inset .percentage .numbers { width: 4731px; } .widget.circle .radial-progress[data-progress="83"] .circle .mask.full, .widget.circle .radial-progress[data-progress="83"] .circle .fill { -webkit-transform: rotate(149.4deg); -ms-transform: rotate(149.4deg); transform: rotate(149.4deg); } .widget.circle .radial-progress[data-progress="83"] .circle .fill.fix { -webkit-transform: rotate(298.8deg); -ms-transform: rotate(298.8deg); transform: rotate(298.8deg); } .widget.circle .radial-progress[data-progress="83"] .inset .percentage .numbers { width: 4788px; } .widget.circle .radial-progress[data-progress="84"] .circle .mask.full, .widget.circle .radial-progress[data-progress="84"] .circle .fill { -webkit-transform: rotate(151.2deg); -ms-transform: rotate(151.2deg); transform: rotate(151.2deg); } .widget.circle .radial-progress[data-progress="84"] .circle .fill.fix { -webkit-transform: rotate(302.4deg); -ms-transform: rotate(302.4deg); transform: rotate(302.4deg); } .widget.circle .radial-progress[data-progress="84"] .inset .percentage .numbers { width: 4845px; } .widget.circle .radial-progress[data-progress="85"] .circle .mask.full, .widget.circle .radial-progress[data-progress="85"] .circle .fill { -webkit-transform: rotate(153deg); -ms-transform: rotate(153deg); transform: rotate(153deg); } .widget.circle .radial-progress[data-progress="85"] .circle .fill.fix { -webkit-transform: rotate(306deg); -ms-transform: rotate(306deg); transform: rotate(306deg); } .widget.circle .radial-progress[data-progress="85"] .inset .percentage .numbers { width: 4902px; } .widget.circle .radial-progress[data-progress="86"] .circle .mask.full, .widget.circle .radial-progress[data-progress="86"] .circle .fill { -webkit-transform: rotate(154.8deg); -ms-transform: rotate(154.8deg); transform: rotate(154.8deg); } .widget.circle .radial-progress[data-progress="86"] .circle .fill.fix { -webkit-transform: rotate(309.6deg); -ms-transform: rotate(309.6deg); transform: rotate(309.6deg); } .widget.circle .radial-progress[data-progress="86"] .inset .percentage .numbers { width: 4959px; } .widget.circle .radial-progress[data-progress="87"] .circle .mask.full, .widget.circle .radial-progress[data-progress="87"] .circle .fill { -webkit-transform: rotate(156.6deg); -ms-transform: rotate(156.6deg); transform: rotate(156.6deg); } .widget.circle .radial-progress[data-progress="87"] .circle .fill.fix { -webkit-transform: rotate(313.2deg); -ms-transform: rotate(313.2deg); transform: rotate(313.2deg); } .widget.circle .radial-progress[data-progress="87"] .inset .percentage .numbers { width: 5016px; } .widget.circle .radial-progress[data-progress="88"] .circle .mask.full, .widget.circle .radial-progress[data-progress="88"] .circle .fill { -webkit-transform: rotate(158.4deg); -ms-transform: rotate(158.4deg); transform: rotate(158.4deg); } .widget.circle .radial-progress[data-progress="88"] .circle .fill.fix { -webkit-transform: rotate(316.8deg); -ms-transform: rotate(316.8deg); transform: rotate(316.8deg); } .widget.circle .radial-progress[data-progress="88"] .inset .percentage .numbers { width: 5073px; } .widget.circle .radial-progress[data-progress="89"] .circle .mask.full, .widget.circle .radial-progress[data-progress="89"] .circle .fill { -webkit-transform: rotate(160.2deg); -ms-transform: rotate(160.2deg); transform: rotate(160.2deg); } .widget.circle .radial-progress[data-progress="89"] .circle .fill.fix { -webkit-transform: rotate(320.4deg); -ms-transform: rotate(320.4deg); transform: rotate(320.4deg); } .widget.circle .radial-progress[data-progress="89"] .inset .percentage .numbers { width: 5130px; } .widget.circle .radial-progress[data-progress="90"] .circle .mask.full, .widget.circle .radial-progress[data-progress="90"] .circle .fill { -webkit-transform: rotate(162deg); -ms-transform: rotate(162deg); transform: rotate(162deg); } .widget.circle .radial-progress[data-progress="90"] .circle .fill.fix { -webkit-transform: rotate(324deg); -ms-transform: rotate(324deg); transform: rotate(324deg); } .widget.circle .radial-progress[data-progress="90"] .inset .percentage .numbers { width: 5187px; } .widget.circle .radial-progress[data-progress="91"] .circle .mask.full, .widget.circle .radial-progress[data-progress="91"] .circle .fill { -webkit-transform: rotate(163.8deg); -ms-transform: rotate(163.8deg); transform: rotate(163.8deg); } .widget.circle .radial-progress[data-progress="91"] .circle .fill.fix { -webkit-transform: rotate(327.6deg); -ms-transform: rotate(327.6deg); transform: rotate(327.6deg); } .widget.circle .radial-progress[data-progress="91"] .inset .percentage .numbers { width: 5244px; } .widget.circle .radial-progress[data-progress="92"] .circle .mask.full, .widget.circle .radial-progress[data-progress="92"] .circle .fill { -webkit-transform: rotate(165.6deg); -ms-transform: rotate(165.6deg); transform: rotate(165.6deg); } .widget.circle .radial-progress[data-progress="92"] .circle .fill.fix { -webkit-transform: rotate(331.2deg); -ms-transform: rotate(331.2deg); transform: rotate(331.2deg); } .widget.circle .radial-progress[data-progress="92"] .inset .percentage .numbers { width: 5301px; } .widget.circle .radial-progress[data-progress="93"] .circle .mask.full, .widget.circle .radial-progress[data-progress="93"] .circle .fill { -webkit-transform: rotate(167.4deg); -ms-transform: rotate(167.4deg); transform: rotate(167.4deg); } .widget.circle .radial-progress[data-progress="93"] .circle .fill.fix { -webkit-transform: rotate(334.8deg); -ms-transform: rotate(334.8deg); transform: rotate(334.8deg); } .widget.circle .radial-progress[data-progress="93"] .inset .percentage .numbers { width: 5358px; } .widget.circle .radial-progress[data-progress="94"] .circle .mask.full, .widget.circle .radial-progress[data-progress="94"] .circle .fill { -webkit-transform: rotate(169.2deg); -ms-transform: rotate(169.2deg); transform: rotate(169.2deg); } .widget.circle .radial-progress[data-progress="94"] .circle .fill.fix { -webkit-transform: rotate(338.4deg); -ms-transform: rotate(338.4deg); transform: rotate(338.4deg); } .widget.circle .radial-progress[data-progress="94"] .inset .percentage .numbers { width: 5415px; } .widget.circle .radial-progress[data-progress="95"] .circle .mask.full, .widget.circle .radial-progress[data-progress="95"] .circle .fill { -webkit-transform: rotate(171deg); -ms-transform: rotate(171deg); transform: rotate(171deg); } .widget.circle .radial-progress[data-progress="95"] .circle .fill.fix { -webkit-transform: rotate(342deg); -ms-transform: rotate(342deg); transform: rotate(342deg); } .widget.circle .radial-progress[data-progress="95"] .inset .percentage .numbers { width: 5472px; } .widget.circle .radial-progress[data-progress="96"] .circle .mask.full, .widget.circle .radial-progress[data-progress="96"] .circle .fill { -webkit-transform: rotate(172.8deg); -ms-transform: rotate(172.8deg); transform: rotate(172.8deg); } .widget.circle .radial-progress[data-progress="96"] .circle .fill.fix { -webkit-transform: rotate(345.6deg); -ms-transform: rotate(345.6deg); transform: rotate(345.6deg); } .widget.circle .radial-progress[data-progress="96"] .inset .percentage .numbers { width: 5529px; } .widget.circle .radial-progress[data-progress="97"] .circle .mask.full, .widget.circle .radial-progress[data-progress="97"] .circle .fill { -webkit-transform: rotate(174.6deg); -ms-transform: rotate(174.6deg); transform: rotate(174.6deg); } .widget.circle .radial-progress[data-progress="97"] .circle .fill.fix { -webkit-transform: rotate(349.2deg); -ms-transform: rotate(349.2deg); transform: rotate(349.2deg); } .widget.circle .radial-progress[data-progress="97"] .inset .percentage .numbers { width: 5586px; } .widget.circle .radial-progress[data-progress="98"] .circle .mask.full, .widget.circle .radial-progress[data-progress="98"] .circle .fill { -webkit-transform: rotate(176.4deg); -ms-transform: rotate(176.4deg); transform: rotate(176.4deg); } .widget.circle .radial-progress[data-progress="98"] .circle .fill.fix { -webkit-transform: rotate(352.8deg); -ms-transform: rotate(352.8deg); transform: rotate(352.8deg); } .widget.circle .radial-progress[data-progress="98"] .inset .percentage .numbers { width: 5643px; } .widget.circle .radial-progress[data-progress="99"] .circle .mask.full, .widget.circle .radial-progress[data-progress="99"] .circle .fill { -webkit-transform: rotate(178.2deg); -ms-transform: rotate(178.2deg); transform: rotate(178.2deg); } .widget.circle .radial-progress[data-progress="99"] .circle .fill.fix { -webkit-transform: rotate(356.4deg); -ms-transform: rotate(356.4deg); transform: rotate(356.4deg); } .widget.circle .radial-progress[data-progress="99"] .inset .percentage .numbers { width: 5700px; } .widget.circle .radial-progress[data-progress="100"] .circle .mask.full, .widget.circle .radial-progress[data-progress="100"] .circle .fill { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .widget.circle .radial-progress[data-progress="100"] .circle .fill.fix { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } .widget.circle .radial-progress[data-progress="100"] .inset .percentage .numbers { width: 5757px; } .widget.circle .value { font-size: 3.53846em; line-height: 1.17391em; font-weight: 300; width: 100%; } .-canvas { width: 100%; height: 100%; position: absolute; } .widget.lastvalue .panel-element-body .now { text-align: center; } .widget.lastvalue .panel-element-body .now .unit { display: inline-block; } .widget.lastvalue .panel-element-body .historydata { padding: 10px 0px; border-top: 1px solid #F0F0F0; float: left; } .widget.lastvalue .value { font-size: 3.53846em; line-height: 1.17391em; font-weight: 300; } /*! * * ************************* * Author: David Michlmayr * Date: 29.06.20 14:22 * Copyright (c) 2020 * LineMetrics GmbH * ************************* */ .-gaugechart canvas { max-width: 100%; cursor: auto !important; } .buyView { padding: 25px 0; float: left; } .buyView .imgdiv { width: 20%; } .buyView .imgdiv .buyfull-img { margin: 15px 50px 0px; } .buyView .buy-content-div { width: 80%; } .buyView .buy-content-div .buy-header { font-size: 16px; margin-bottom: 20px; } .buyView .buy-content-div .buy-section-header { margin-bottom: 20px; } .buyView .buy-content-div .buy-body .buy-body-left { width: 45%; } .buyView .buy-content-div .buy-body .buy-body-right { width: 50%; padding-left: 4%; border-left: 1px solid #DBE1E8; } .buyView .buy-content-div .buy-body p.section { margin: 20px 0; } .buyView .buy-content-div .buy-body p.section input[type=number] { width: 42px; border: 1px solid #DBE1E8; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 5px; } .buyView .buy-content-div .buy-body .marker-left { margin-left: 3px; border-left: 3px solid #DBE1E8; padding-left: 10px; } .buyView .buy-content-div .buy-body .marker-left .big-highlight { font-size: 24px; margin: 10px 0; } .partner .admin_picture img { width: 60px; border-radius: 60px; display: block; margin: 0 auto; } .partner .admin_picture .account_position { text-align: center; font-weight: 300; } .partner .contact_person { margin-top: 10px; } .partner .contact_person td { border: 0px; height: 22px; } .ace_editor { height: 200px; border: 1px solid #DBE1E8; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .textarea.code { height: 200px; } .-modalBuilder .-view { display: flex; flex-flow: column; flex: 1 1 auto; } .-modalBuilder .-modalBuilder-main, .-modalBuilder .-modalBuilder-topbar { flex: 0 1 0px; } .-modalBuilder .-modalBuilder-main { flex: 1 1 auto; position: relative; } .-modalBuilder .-modalBuilder-topbar { flex: 0 1 auto; } .tabModal { z-index: 1000; position: absolute; min-height: 30px; cursor: pointer; background-color: #FCFCFC; border: 1px solid #DBE1E8; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .tabModal .tabModal-background-overlay { position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; } .tabModal .tabModal-header { padding: 28px 26px 0px 26px; border-bottom: 1px solid #DBE1E8; float: left; width: 100%; background-color: #FFFFFF; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; } .tabModal .tabModal-header .tabModal-close { position: absolute; right: 13px; top: 13px; font-size: 12px; padding: 10px; cursor: pointer; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .tabModal .tabModal-header .tabModal-close:hover { -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .tabModal .tabModal-header .tabModal-title { /* Einstellungen für Ma: */ font-weight: 300; font-size: 21px; color: #75808F; } .tabModal .tabModal-header .tabModal-tabs { margin-top: 15px; } .tabModal .tabModal-header .tabModal-tabs.hidden { height: 0px; padding-top: 11px; overflow: hidden; } .tabModal .tabModal-header .tabModal-tabs .tabModal-tab { float: left; cursor: pointer; position: relative; margin-right: 24px; padding: 0px 10px; line-height: 40px; font-size: 14px; color: #919EB1; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .tabModal .tabModal-header .tabModal-tabs .tabModal-tab .errorbubble { position: absolute; top: 6px; right: -3px; height: 10px; width: 10px; border: 4px solid #DD3F1D; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #FFFFFF; display: none; } .tabModal .tabModal-header .tabModal-tabs .tabModal-tab.error { color: #DD3F1D !important; } .tabModal .tabModal-header .tabModal-tabs .tabModal-tab.error::after { background-color: #DD3F1D !important; } .tabModal .tabModal-header .tabModal-tabs .tabModal-tab:hover { color: #56677F; } .tabModal .tabModal-header .tabModal-tabs .tabModal-tab.active { color: #008fb2; } .tabModal .tabModal-header .tabModal-tabs .tabModal-tab.active::after { content: ""; position: absolute; bottom: -2px; left: 0px; height: 3px; width: 100%; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #00b3df; } .tabModal .tabModal-header .tabModal-tabs .tabModal-tab.active:hover { color: #00b3df; } .tabModal .tabModal-header .tabModal-tabs .tabModal-tab.highlighted { color: #00b3df; } .tabModal .tabModal-content { position: relative; float: left; width: 100%; overflow: visible; } .tabModal .tabModal-content .tabModal-tab-content { position: relative; float: left; opacity: 0; width: 100%; } .tabModal .tabModal-content .tabModal-tab-content .tabModal-layout { padding: 15px 30px; } .tabModal .tabModal-content .tabModal-tab-content .tabModal-response-tab { margin: 60px 60px; height: 122px; } .tabModal .tabModal-content .tabModal-tab-content .tabModal-response-tab .rt-left { width: 122px; float: left; margin: 0 50px; } .tabModal .tabModal-content .tabModal-tab-content .tabModal-response-tab .rt-right { width: 100%; } .tabModal .tabModal-content .tabModal-tab-content .tabModal-response-tab .rt-right .title { padding: 20px 0px; font-size: 18px; font-weight: 500; } .tabModal .tabModal-content .tabModal-tab-content .tabModal-response-tab .rt-right .text { font-size: 13px; font-weight: 20px; } .tabModal .tabModal-footer .button-group { margin-top: 0px; padding-right: 10px; } .tabModal .tabModal-footer .button-group .templateInfo { float: left; padding: 19px 26px; } [data-variant="gradually"] .tabModal-tab::before { content: "H"; font-family: "lm3"; position: absolute; left: -17px; top: 0px; font-size: 12px; } [data-variant="gradually"] .tabModal-tab.active::after { content: ""; position: absolute; bottom: -2px; left: 0px; height: 0px !important; width: 100%; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #00b3df; } [data-variant="gradually"] .tabModal-tab:first-child::before { content: ""; } [data-variant="gradually"] .tabModal-tabs { position: relative; float: left; } [data-variant="gradually"] .tabModal-tabs .gradually_loader { position: absolute; height: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #00b3df; width: 10px; bottom: -2px; z-index: 1; } [data-builder].hover { cursor: pointer; background-color: rgba(0, 143, 178, 0.08) !important; } .sub-tabModal-header { padding: 0px 14px; border-bottom: 1px solid #DBE1E8; float: left; width: 100%; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; } .sub-tabModal-header .sub-tabModal-tabs { margin-top: 0px; } .sub-tabModal-header .sub-tabModal-tabs.hidden { height: 0px; padding-top: 11px; overflow: hidden; } .sub-tabModal-header .sub-tabModal-tabs .sub-tabModal-tab { float: left; cursor: pointer; position: relative; margin-right: 24px; padding: 0px 10px; line-height: 32px; font-size: 14px; color: #919EB1; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .sub-tabModal-header .sub-tabModal-tabs .sub-tabModal-tab .errorbubble { position: absolute; top: 6px; right: -3px; height: 10px; width: 10px; border: 4px solid #DD3F1D; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #FFFFFF; display: none; } .sub-tabModal-header .sub-tabModal-tabs .sub-tabModal-tab.error { color: #DD3F1D !important; } .sub-tabModal-header .sub-tabModal-tabs .sub-tabModal-tab.error::after { background-color: #DD3F1D !important; } .sub-tabModal-header .sub-tabModal-tabs .sub-tabModal-tab:hover { color: #56677F; } .sub-tabModal-header .sub-tabModal-tabs .sub-tabModal-tab.active { color: #008fb2; } .sub-tabModal-header .sub-tabModal-tabs .sub-tabModal-tab.active::after { content: ""; position: absolute; bottom: -2px; left: 0px; height: 3px; width: 100%; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #00b3df; } .sub-tabModal-header .sub-tabModal-tabs .sub-tabModal-tab.active:hover { color: #00b3df; } .sub-tabModal-header .sub-tabModal-tabs .sub-tabModal-tab.highlighted { color: #00b3df; } .container.-js-next-view { padding-bottom: 50px !important; } .element-form { float: left; width: 100%; } .dataexplorer { z-index: 1000 !important; } .dataexplorer .dashboard { overflow-y: auto; } .dataexplorer .dashboard li { padding: 6px; } .dataexplorer img.next-arrow { width: auto; top: 5px; position: relative; padding: 0 13px; } .dataexplorer #objects_field { position: relative; } .dataexplorer .icon.lm-icon-menu2 { position: absolute; font-size: 15px; right: 11px; width: auto; top: -4px; } .dataexplorer .dataexplorer-header { padding: 5px 20px 10px 15px; border-bottom: 1px solid #DBE1E8; width: 100%; background-color: #FFFFFF; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .dataexplorer .dataexplorer-header .de-close { position: absolute; right: 15px; top: 10px; font-size: 12px; cursor: pointer; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .dataexplorer .dataexplorer-header .de-close:hover { -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .dataexplorer .dataexplorer-header .de-title { font-weight: 300; font-size: 19px; line-height: 29px; color: #56677F; } .dataexplorer .dataexplorer-header .de-subline { font-weight: 300; font-size: 11px; line-height: 19px; color: #56677F; } .dataexplorer .panel-element.full { padding: 0px 0px; } .dataexplorer .de-content .de-sidebar { height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; } .dataexplorer .de-content .accordion { height: 100%; } .dataexplorer .de-content .accordion h3 { padding: 12px 0px 7px 9px; background-image: linear-gradient(-180deg, #ffffff 0%, #fcfcfc 100%); box-shadow: 0px 1px 0px 0px #EEF0F3; border-bottom: 1px solid #EEF0F3; outline: none; position: relative; } .dataexplorer .de-content .accordion h3 + div { background-color: #F8F9F9; border-bottom: 1px solid #D6DCE3; } .dataexplorer .de-content .accordion h3:hover { /* Rectangle 118 Copy 2: */ background: #EFF2F5; cursor: pointer; } .dataexplorer .de-content .accordion h3.ui-state-active { background: #EFF2F5; border-left: 3px solid #00b3df; } .panel-element.lastvalue .value { font-weight: 200; font-size: 24px; color: #56677F; line-height: 29px; width: 100%; text-align: center; } .panel-element.lastvalue .subinfo { font-size: 14px; color: #919EB1; line-height: 17px; text-align: center; width: 100%; } .panel-element.lastvalue .panel-element-body { margin: 25px 0; } /* ------------------------------------- * Bar container * ------------------------------------- */ .progress-radial { float: left; position: relative; width: 20px; height: 20px; border-radius: 50%; } .progress-radial .cutout { position: absolute; width: 14px; height: 14px; border-radius: 50%; margin-left: 3px; margin-top: 3px; background-color: #FFFFFF; } /* ------------------------------------- * Mixin for progress-% class * ------------------------------------- */ .progress-0 { background-image: linear-gradient(90deg, #dbe1e8 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(90deg, #00b3df 50%, #dbe1e8 50%, #dbe1e8); } .progress-5 { background-image: linear-gradient(90deg, #dbe1e8 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(108deg, #00b3df 50%, #dbe1e8 50%, #dbe1e8); } .progress-10 { background-image: linear-gradient(90deg, #dbe1e8 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(126deg, #00b3df 50%, #dbe1e8 50%, #dbe1e8); } .progress-15 { background-image: linear-gradient(90deg, #dbe1e8 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(144deg, #00b3df 50%, #dbe1e8 50%, #dbe1e8); } .progress-20 { background-image: linear-gradient(90deg, #dbe1e8 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(162deg, #00b3df 50%, #dbe1e8 50%, #dbe1e8); } .progress-25 { background-image: linear-gradient(90deg, #dbe1e8 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(180deg, #00b3df 50%, #dbe1e8 50%, #dbe1e8); } .progress-30 { background-image: linear-gradient(90deg, #dbe1e8 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(198deg, #00b3df 50%, #dbe1e8 50%, #dbe1e8); } .progress-35 { background-image: linear-gradient(90deg, #dbe1e8 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(216deg, #00b3df 50%, #dbe1e8 50%, #dbe1e8); } .progress-40 { background-image: linear-gradient(90deg, #dbe1e8 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(234deg, #00b3df 50%, #dbe1e8 50%, #dbe1e8); } .progress-45 { background-image: linear-gradient(90deg, #dbe1e8 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(252deg, #00b3df 50%, #dbe1e8 50%, #dbe1e8); } .progress-50 { background-image: linear-gradient(-90deg, #00b3df 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #00b3df 50%, #dbe1e8 50%, #dbe1e8); } .progress-55 { background-image: linear-gradient(-72deg, #00b3df 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #00b3df 50%, #dbe1e8 50%, #dbe1e8); } .progress-60 { background-image: linear-gradient(-54deg, #00b3df 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #00b3df 50%, #dbe1e8 50%, #dbe1e8); } .progress-65 { background-image: linear-gradient(-36deg, #00b3df 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #00b3df 50%, #dbe1e8 50%, #dbe1e8); } .progress-70 { background-image: linear-gradient(-18deg, #00b3df 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #00b3df 50%, #dbe1e8 50%, #dbe1e8); } .progress-75 { background-image: linear-gradient(0deg, #00b3df 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #00b3df 50%, #dbe1e8 50%, #dbe1e8); } .progress-80 { background-image: linear-gradient(18deg, #00b3df 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #00b3df 50%, #dbe1e8 50%, #dbe1e8); } .progress-85 { background-image: linear-gradient(36deg, #00b3df 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #00b3df 50%, #dbe1e8 50%, #dbe1e8); } .progress-90 { background-image: linear-gradient(54deg, #00b3df 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #00b3df 50%, #dbe1e8 50%, #dbe1e8); } .progress-95 { background-image: linear-gradient(72deg, #00b3df 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #00b3df 50%, #dbe1e8 50%, #dbe1e8); } .progress-100 { background-image: linear-gradient(90deg, #00b3df 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #00b3df 50%, #dbe1e8 50%, #dbe1e8); } .overlay { pointer-events: none; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; text-align: center; background-color: rgba(255, 255, 255, 0.8); z-index: 100; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .overlay.hoverable:hover .center { -moz-transform: scale(0.9, 0.9); -ms-transform: scale(0.9, 0.9); -webkit-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); } .overlay.hidden { display: none; } .overlay:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; /* Adjusts for spacing */ } .overlay .center { display: inline-block; vertical-align: middle; width: 240px; text-align: center; } .overlay .center .icon { font-size: 3.84615em; line-height: 1.08em; } .modal-overlay { background-color: rgba(87, 104, 127, 0.5); } table { width: 100%; } table tr th { height: 27.2px; font-weight: 600; font-size: 12px; } table tr td { height: 34px; border-top: 1px solid #F0F0F0; } table .td_time { float: left; } table .td_date { float: left; padding-left: 10px; } .dt-buttons { float: left; margin-top: 6px; } .dt-buttons .button { line-height: 17px; margin-left: 10px; min-width: auto; } /*! * * ************************* * Author: David Michlmayr * Date: 16.12.20 12:02 * Copyright (c) 2020 * LineMetrics GmbH * ************************* */ .filterwarning { padding: 1em; display: flex; justify-content: space-between; } .filterwarning .icon { height: 15px; padding: 0px 5px; } .filterwarning .filterlink { cursor: pointer; text-decoration: underline; } .status-bar { background-color: #F2F4F7; } /*! * * ************************* * Author: David Michlmayr * Date: 28.05.21 12:42 * Copyright (c) 2021 * LineMetrics GmbH * ************************* */ .annotation_table_row .annotation_number { background-color: #C9C9C9; color: #56677F; border-radius: 100px; padding: 4px 8px; } .annotation_table_row.hover .annotation_number, .annotation_table_row:hover .annotation_number { color: #FFFFFF; background-color: #00b3df; } *, *:after, *:before { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } img { width: auto; max-width: 100%; height: auto !important; } .wrapper { width: 100%; margin: 0 auto; } [class*='column-'] { float: left; width: 100%; min-height: 1px; } [class*='column-'].padding { padding: 1em; } @media only screen and (min-width: 30em) { .wrapper { width: 95%; max-width: 65em; } .column-1 { width: 8.33333% !important; } .column-2 { width: 16.66667% !important; } .column-3 { width: 25% !important; } .column-4 { width: 33.33333% !important; } .column-5 { width: 41.66667% !important; } .column-6 { width: 50% !important; } .column-7 { width: 58.33333% !important; } .column-8 { width: 66.66667% !important; } .column-9 { width: 75% !important; } .column-10 { width: 83.33333% !important; } .column-11 { width: 91.66667% !important; } .column-12 { width: 100% !important; } } html { font-size: 81.25%; line-height: 1.38462em; } html, * { font-family: "Helvetica Neue", "Segoe UI", "Ubuntu", "sans-serif"; letter-spacing: 0.3px; } a { color: #3B8AC3; text-decoration: none; } a.red { color: #DD3F1D; } * { margin: 0; padding: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } html, body { position: fixed; color: #56677F; width: 100%; height: 100%; font-weight: 400; -webkit-font-smoothing: antialiased; } .app-container { background: gray; display: flex; display: -ms-flexbox; flex-flow: column; -ms-flex-direction: column; height: 100%; } .scrollable { overflow-y: auto !important; padding-bottom: 30px; } .scrollable.start-screen { padding-bottom: 0px; } .-view { position: relative; display: flex; display: -ms-flexbox; flex-flow: column; -ms-flex-direction: column; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-flex: 2 1 auto; -moz-box-flex: 2 1 auto; -webkit-flex: 2 1 auto; -ms-flex: 2 1 auto; flex: 2 1 auto; overflow-y: hidden; overflow-x: hidden; } .-view.scrollable .viewContainer { overflow-y: auto !important; } .-view.-view-sidebar { display: block; flex-flow: nowrap; flex: none; } .scrollShadow { position: absolute; left: 0px; z-index: 1; top: -15px; width: 100%; height: 15px; pointer-events: none; opacity: 0; transition: opacity 0.3s ease-in-out; box-shadow: 0px 8px 15px 0px rgba(86, 103, 127, 0.2); } .scrollShadow.shown { opacity: 1; } .viewContainer { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-flex: 2 1 auto; -moz-box-flex: 2 1 auto; -webkit-flex: 2 1 auto; -ms-flex: 2 1 auto; flex: 2 1 auto; display: flex; display: -ms-flexbox; flex-flow: column; -ms-flex-direction: column; overflow-x: hidden; } .app-header { max-height: 50px; height: 50px; background-color: #FCFCFC; border-bottom: 1px solid #DBE1E8; flex: 1 0 0; -ms-flex: 1 0; z-index: 3; } .app-main-content { flex: 3 0 0; -ms-flex: 3 0; display: flex; display: -ms-flexbox; } .app-content-wrapper { flex: 3 0 0; -ms-flex: 3 0; background: #ECF0F5; margin: 0px; } .app-sidebar, .app-dataexplorer-sidebar { width: 300px; margin: 0px; z-index: 2; position: relative; background: #FCFCFC; border-right: 1px solid #DBE1E8; overflow-x: hidden; } .app-dataexplorer-sidebar { width: 260px !important; } .app-dataexplorer-sidebar .jstree-container-ul { width: max-content; } @media only screen and (max-width: 1400px) { .app-sidebar { width: 240px; } } .handle { position: absolute; z-index: 100000; } .handle.e { width: 10px; right: -5px; height: 100%; top: 0px; cursor: col-resize; } .handle.n { height: 10px; top: -5px; width: 100%; left: 0px; cursor: row-resize; } .handle.s { top: 0px; height: 10px; bottom: -5px; width: 100%; cursor: row-resize; } .handle.w { width: 10px; left: -5px; height: 100%; left: 0px; cursor: col-resize; } .resizing .handle.e { width: 1000px; right: -500px; height: 100%; cursor: col-resize; } .resizing .handle.n { height: 1000px; top: -500px; width: 100%; cursor: row-resize; } .resizing .handle.s { height: 1000px; bottom: -500px; width: 100%; cursor: row-resize; } .resizing .handle.w { width: 1000px; left: -500px; height: 100%; cursor: col-resize; } h1 { font-size: 24px; line-height: 33px; font-weight: 300; position: relative; } h1 .icon { font-size: 30px; padding-right: 14px; padding-left: 10px; float: left; line-height: 56px; height: 50px; vertical-align: bottom; display: inline-block; } h1 .settings { height: 24px; width: 24px; font-size: 17px; position: relative; display: inline; margin-left: 10px; color: #919EB1; } h1 p { font-size: 12px; font-weight: 400; line-height: 16px; color: #919EB1; } h1.margin-bottom { margin-bottom: 20px; } h3 { padding-bottom: 10px; } .full-width { width: 100%; } .full-height { height: 100%; } .pull-right { float: right; } .pull-left { float: left; } b { font-weight: 800; } .highlight { background-color: #00b3df; border-color: #00b3df; color: #FFFFFF; } .online { background-color: #AECB0F; border-color: #AECB0F; color: #FFFFFF; } .offline { background-color: #DD3F1D; border-color: #DD3F1D; color: #FFFFFF; } p.info, span.info { font-size: 12px; line-height: 16px; color: #919EB1; align-self: flex-end; padding-left: 22px; } .light { color: #919EB1; } .lighter { color: #aabbcc; } .indicator { display: inline-block; width: 10px; height: 10px; background-color: #919EB1; margin: 0px 2px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .small { font-size: 12px; font-weight: 400; line-height: 16px; } hr.light { height: 1px; border: 0px; background-color: #DBE1E8; } .picture-frame { border-radius: 1px; width: 100px; border: 2px solid #FFFFFF; -webkit-box-shadow: 0px 0px 0px 1px #D6D6D6; -moz-box-shadow: 0px 0px 0px 1px #D6D6D6; box-shadow: 0px 0px 0px 1px #D6D6D6; } .panel-frame { border: 1px solid #DBE1E8; box-shadow: 0px 1px 2px 0px rgba(117, 128, 143, 0.2); border-radius: 2px; } .panel-hover:hover { background-color: rgba(217, 226, 233, 0.4); } .cursor-pointer { cursor: pointer; } .no-padding, .padding-no { padding: 0px !important; } .padding { padding: 1em !important; } .padding-left { padding-left: 1em !important; } .padding-top { padding-top: 1em !important; } .padding-right { padding-right: 1em !important; } .padding-bottom { padding-bottom: 1em !important; } .padding-no-bottom { padding-bottom: 0em !important; } .padding-no-left { padding-left: 0em !important; } .padding-no-right { padding-right: 0em !important; } .padding-no-top { padding-top: 0em !important; } img.center { display: block; margin: 0 auto; } .beta-badge { float: left; margin: 0px auto; position: absolute; transform: translateX(-50%); left: 50%; width: 84px; text-align: center; font-size: 24px; font-weight: 300; line-height: 50px; } .beta-badge .beta-badge::after { content: ""; position: absolute; bottom: 0px; width: 100%; left: 0px; height: 3px; background: repeating-linear-gradient(45deg, #f6ba52, #f6ba52 10px, #ffd180 10px, #ffd180 20px); } .dev { position: relative; } .dev::after { content: ""; position: absolute; bottom: 0px; width: 100%; left: 0px; height: 3px; background: repeating-linear-gradient(45deg, #f6ba52, #f6ba52 10px, #ffd180 10px, #ffd180 20px); } .comingsoon { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: 0.4; position: relative; z-index: 0; } .comingsoon::after { content: ""; position: absolute; z-index: 10; cursor: default; left: 0px; right: 0px; top: 0px; bottom: 0px; } .-inline-edit { position: relative; } .-inline-edit-mark { position: absolute; width: 16px; height: 20px; cursor: help; } .-inline-edit-mark .icon { padding: 0px 5px; font-size: 14px; line-height: 16px; height: 20px; color: #56677F; } .text-right { text-align: right; } .inlinehighlight { background-color: rgba(59, 138, 195, 0.28); border-color: rgba(59, 138, 195, 0.28); text-shadow: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; color: #56677F; } .clearfix { overflow: auto; zoom: 1; width: 100%; } .row.white { background-color: #FCFCFC; } .nowrap { white-space: nowrap; } .no-hover:hover { background-color: transparent !important; cursor: default; font-weight: inherit !important; } .-truncate { float: left; } svg .accent_stroke { stroke: #008fb2; } svg .accent_fill { fill: #008fb2; } svg { max-width: 100%; } #color_definition { display: none; } #color_definition #chart_color_1 { background-color: #00b3df; } #color_definition #chart_color_2 { background-color: #0084a5; } #color_definition #chart_color_3 { background-color: #005b72; } #color_definition #chart_color_4 { background-color: #002f3a; } #color_definition #gauge_empty_color { background-color: #ecf0f5; } #color_light_definition { display: none; } #color_light_definition #chart_color_light_1 { background-color: #00b3df; } #color_light_definition #chart_color_light_2 { background-color: #42c7e7; } #color_light_definition #chart_color_light_3 { background-color: #7dd8ef; } #color_light_definition #chart_color_light_4 { background-color: #bdebf7; } .accent-color { color: #00b3df !important; } .accent-hover:hover { color: #008fb2 !important; } .licence-note { float: left; margin: 0px auto; position: absolute; transform: translateX(-50%); left: 50%; text-align: center; font-size: 12px; font-weight: 300; background-color: #00b3df; padding: 5px 5px; margin: 7px 0px; text-shadow: 0px 0px 0px; color: #FFFFFF; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .licence-note.inverted { background-color: #FFFFFF; color: #00b3df; border: 1px solid #00b3df; } .licence-note.inverted button { background-color: #00b3df; color: #FFFFFF; } .licence-note .counter { float: left; line-height: 22px; font-weight: 500; cursor: pointer; } .licence-note .info { float: left; font-size: 11px; margin: 0 10px; line-height: 22px; font-weight: 300; cursor: pointer; } .licence-note button { background-color: #FFFFFF; border: 0px; padding: 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #00b3df; float: left; cursor: pointer; margin-left: 20px; } .header-announcement { float: left; margin: 0px auto; position: absolute; transform: translateX(-50%); left: 50%; text-align: center; font-size: 12px; font-weight: 300; background-color: #00b3df; padding: 5px 5px; margin: 7px 0px; text-shadow: 0px 0px 0px; color: #FFFFFF; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .header-announcement.inverted { background-color: #FFFFFF; color: #00b3df; border: 1px solid #e6f7fc; } .header-announcement.inverted button { background-color: #00b3df; color: #FFFFFF; } .header-announcement .counter { float: left; line-height: 22px; font-weight: 500; cursor: pointer; } .header-announcement .info { float: left; font-size: 11px; margin: 0 10px; line-height: 22px; font-weight: 300; cursor: pointer; } .header-announcement button { background-color: #FFFFFF; border: 0px; padding: 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #00b3df; float: left; cursor: pointer; margin-left: 20px; } .userObjectsAccess-modal { padding-left: 15px; padding-top: 15px; padding-bottom: 20px; border-bottom: 1px solid #F0F0F0; } .status { font-size: 12px; padding: 8px; height: 50px; line-height: 20px; display: inline-block; } .status .text { padding-right: 5px; height: 24px; } .status .light { background-color: #C9C9C9; width: 10px; height: 10px; position: relative; float: left; margin-top: 6px; margin-right: 12px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .status .light.red { background-color: #DD3F1D; } .status .light.green { background-color: #AECB0F; } .additional-info-box { padding-top: 2%; } .additional-info-box .info-item-box-heading { margin-left: 6%; margin-bottom: 10px; line-height: 20px; font-weight: 500; } .additional-info-box .info-item-box { margin-left: 6%; display: flex; gap: 15px; max-width: 90%; } .additional-info-box .info-item-box .info-item { min-width: 160px; border: 1px solid #dbe1e8; border-radius: 6px; padding: 15px; } .additional-info-box .info-item-box .info-item .info-item-icon { zoom: 2; display: flex; justify-content: center; } .additional-info-box .info-item-box .info-item .info-item-text { display: flex; justify-content: center; } .app-header { z-index: 1000; } .app-header .header { background-color: #FFFFFF; border-bottom: 1px solid #DBE1E8; } .-navigation-selection { display: none; } .header { padding: 0px 30px; height: 50px; position: relative; } .header .header-logo { padding-top: 10px; padding-bottom: 12px; height: 24px; padding-right: 10px; cursor: pointer; } .header .mobile-menu { float: left; font-size: 25px; padding: 13px 0px; color: #00b3df; display: none; cursor: pointer; } .header .notification_dropdown { position: relative; height: 34px; } .header .notification_dropdown .icon { line-height: 40px; font-size: 20px; float: left; } .header .releaseNotes { position: relative; padding: 8px; float: right; cursor: pointer; max-height: 100%; color: #919EB1; } .header .releaseNotes.newReleaseNote { color: #00b3df; } .header .releaseNotes:hover { background-color: rgba(0, 0, 0, 0.05); } .header .releaseNotes .icon { line-height: 40px; font-size: 20px; float: left; } .header .profile_dropdown { position: relative; height: 34px; } .header .profile_dropdown img { float: left; max-height: 100%; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; } .header .profile_dropdown div { float: left; margin-left: 12px; } .header .profile_dropdown div span { float: left; clear: left; } .header .profile_dropdown div span.name { font-weight: 600; } .header .profile_dropdown div span.account { font-size: 12px; } .header .profile_dropdown .icon { line-height: 40px; font-size: 12px; } .starting_iframe { flex: 1; width: 100%; } #sidebar, #de-objectSidebar, #de-filterSidebar, #de-specialSidebar, #de-constantSidebar, .modbusMenu { height: 100%; position: absolute; width: 100%; } #sidebar #accordion, #de-objectSidebar #accordion, #de-filterSidebar #accordion, #de-specialSidebar #accordion, #de-constantSidebar #accordion, .modbusMenu #accordion { height: 100%; } #sidebar #accordion h3, #de-objectSidebar #accordion h3, #de-filterSidebar #accordion h3, #de-specialSidebar #accordion h3, #de-constantSidebar #accordion h3, .modbusMenu #accordion h3 { padding: 12px 0px 7px 9px; background-image: linear-gradient(-180deg, #ffffff 0%, #fcfcfc 100%); box-shadow: 0px 1px 0px 0px #EEF0F3; border-bottom: 1px solid #EEF0F3; outline: none; position: relative; } #sidebar #accordion h3 + div, #de-objectSidebar #accordion h3 + div, #de-filterSidebar #accordion h3 + div, #de-specialSidebar #accordion h3 + div, #de-constantSidebar #accordion h3 + div, .modbusMenu #accordion h3 + div { background-color: #F8F9F9; border-bottom: 1px solid #D6DCE3; } #sidebar #accordion h3:hover, #de-objectSidebar #accordion h3:hover, #de-filterSidebar #accordion h3:hover, #de-specialSidebar #accordion h3:hover, #de-constantSidebar #accordion h3:hover, .modbusMenu #accordion h3:hover { /* Rectangle 118 Copy 2: */ background: #EFF2F5; cursor: pointer; } #sidebar #accordion h3.ui-state-active, #de-objectSidebar #accordion h3.ui-state-active, #de-filterSidebar #accordion h3.ui-state-active, #de-specialSidebar #accordion h3.ui-state-active, #de-constantSidebar #accordion h3.ui-state-active, .modbusMenu #accordion h3.ui-state-active { background: #EFF2F5; border-left: 3px solid #00b3df; } #sidebar #modbustree, #sidebar #jstree_div, #sidebar .jstree-container-ul, #sidebar #jstree_div_filter, #sidebar #jstree_div_datasources, #sidebar #jstree_div_datasources, #sidebar #jstree_div_dynamiclist, #sidebar #jstree_div_accounttree, #de-objectSidebar #modbustree, #de-objectSidebar #jstree_div, #de-objectSidebar .jstree-container-ul, #de-objectSidebar #jstree_div_filter, #de-objectSidebar #jstree_div_datasources, #de-objectSidebar #jstree_div_datasources, #de-objectSidebar #jstree_div_dynamiclist, #de-objectSidebar #jstree_div_accounttree, #de-filterSidebar #modbustree, #de-filterSidebar #jstree_div, #de-filterSidebar .jstree-container-ul, #de-filterSidebar #jstree_div_filter, #de-filterSidebar #jstree_div_datasources, #de-filterSidebar #jstree_div_datasources, #de-filterSidebar #jstree_div_dynamiclist, #de-filterSidebar #jstree_div_accounttree, #de-specialSidebar #modbustree, #de-specialSidebar #jstree_div, #de-specialSidebar .jstree-container-ul, #de-specialSidebar #jstree_div_filter, #de-specialSidebar #jstree_div_datasources, #de-specialSidebar #jstree_div_datasources, #de-specialSidebar #jstree_div_dynamiclist, #de-specialSidebar #jstree_div_accounttree, #de-constantSidebar #modbustree, #de-constantSidebar #jstree_div, #de-constantSidebar .jstree-container-ul, #de-constantSidebar #jstree_div_filter, #de-constantSidebar #jstree_div_datasources, #de-constantSidebar #jstree_div_datasources, #de-constantSidebar #jstree_div_dynamiclist, #de-constantSidebar #jstree_div_accounttree, .modbusMenu #modbustree, .modbusMenu #jstree_div, .modbusMenu .jstree-container-ul, .modbusMenu #jstree_div_filter, .modbusMenu #jstree_div_datasources, .modbusMenu #jstree_div_datasources, .modbusMenu #jstree_div_dynamiclist, .modbusMenu #jstree_div_accounttree { overflow-x: hidden !important; overflow-y: hidden; padding-top: 15px; /* height:100%; */ } #sidebar #modbustree .icon, #sidebar #jstree_div .icon, #sidebar .jstree-container-ul .icon, #sidebar #jstree_div_filter .icon, #sidebar #jstree_div_datasources .icon, #sidebar #jstree_div_datasources .icon, #sidebar #jstree_div_dynamiclist .icon, #sidebar #jstree_div_accounttree .icon, #de-objectSidebar #modbustree .icon, #de-objectSidebar #jstree_div .icon, #de-objectSidebar .jstree-container-ul .icon, #de-objectSidebar #jstree_div_filter .icon, #de-objectSidebar #jstree_div_datasources .icon, #de-objectSidebar #jstree_div_datasources .icon, #de-objectSidebar #jstree_div_dynamiclist .icon, #de-objectSidebar #jstree_div_accounttree .icon, #de-filterSidebar #modbustree .icon, #de-filterSidebar #jstree_div .icon, #de-filterSidebar .jstree-container-ul .icon, #de-filterSidebar #jstree_div_filter .icon, #de-filterSidebar #jstree_div_datasources .icon, #de-filterSidebar #jstree_div_datasources .icon, #de-filterSidebar #jstree_div_dynamiclist .icon, #de-filterSidebar #jstree_div_accounttree .icon, #de-specialSidebar #modbustree .icon, #de-specialSidebar #jstree_div .icon, #de-specialSidebar .jstree-container-ul .icon, #de-specialSidebar #jstree_div_filter .icon, #de-specialSidebar #jstree_div_datasources .icon, #de-specialSidebar #jstree_div_datasources .icon, #de-specialSidebar #jstree_div_dynamiclist .icon, #de-specialSidebar #jstree_div_accounttree .icon, #de-constantSidebar #modbustree .icon, #de-constantSidebar #jstree_div .icon, #de-constantSidebar .jstree-container-ul .icon, #de-constantSidebar #jstree_div_filter .icon, #de-constantSidebar #jstree_div_datasources .icon, #de-constantSidebar #jstree_div_datasources .icon, #de-constantSidebar #jstree_div_dynamiclist .icon, #de-constantSidebar #jstree_div_accounttree .icon, .modbusMenu #modbustree .icon, .modbusMenu #jstree_div .icon, .modbusMenu .jstree-container-ul .icon, .modbusMenu #jstree_div_filter .icon, .modbusMenu #jstree_div_datasources .icon, .modbusMenu #jstree_div_datasources .icon, .modbusMenu #jstree_div_dynamiclist .icon, .modbusMenu #jstree_div_accounttree .icon { margin-right: 7px; position: relative; top: 1px; } #sidebar *, #de-objectSidebar *, #de-filterSidebar *, #de-specialSidebar *, #de-constantSidebar *, .modbusMenu * { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ -khtml-user-select: none; /* Konqueror */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currentlyr not supported by any browser */ } .sidebar-actionbar { height: 38px; position: absolute; right: 4px; top: 0px; } .sidebar-actionbar ul { margin-top: 3px; height: 36px; float: left; } .sidebar-actionbar ul li { height: 36px; padding: 0px 9px; cursor: pointer; float: left; } .sidebar-actionbar ul li:hover { background-color: #F8F9F9; } .sidebar-actionbar ul li .icon { cursor: pointer; padding-top: 10px; height: 36px; float: left; color: #008fb2; } .-context-menu-sidebar { overflow-y: hidden; } .ui-state-active li.active { background-color: #F8F9F9; } .-filtertree { padding-top: 15px; } .sidebar-info img, .sidebar-info svg { width: 70px; height: 70px; text-align: center; margin: 30px auto 13px auto; display: block; } .sidebar-info p { padding: 10px 20px; text-align: center; width: 100%; } .app-sidebar h4, .app-dataexplorer-sidebar h4 { padding: 10px; font-weight: 600; font-size: 12px; padding-bottom: 0px; } .app-sidebar h4 + div, .app-dataexplorer-sidebar h4 + div { padding-top: 5px !important; } .jstree-node.disabled { opacity: 0.5; } /* jsTree default theme */ .jstree-node, .jstree-children, .jstree-container-ul { display: block; margin: 0; padding: 0; list-style-type: none; list-style-image: none; font-size: 12px !important; } .jstree-node { white-space: nowrap; } .jstree-anchor { display: inline-block; color: black; white-space: nowrap; padding: 0 4px 0 1px; margin: 0; vertical-align: top; } .jstree-anchor:focus { outline: 0; } .jstree-anchor, .jstree-anchor:link, .jstree-anchor:visited, .jstree-anchor:hover, .jstree-anchor:active { text-decoration: none; color: inherit; } .jstree-icon { display: inline-block; text-decoration: none; margin: 0; padding: 0; vertical-align: top; text-align: center; } .jstree-icon:empty { display: inline-block; text-decoration: none; margin: 0; padding: 0; vertical-align: top; text-align: center; } .jstree-ocl { cursor: pointer; } .jstree-leaf > .jstree-ocl { cursor: default; } .jstree .jstree-open > .jstree-children { display: block; } .jstree .jstree-closed > .jstree-children, .jstree .jstree-leaf > .jstree-children { display: none; } .jstree-anchor > .jstree-themeicon { margin-right: 2px; } .jstree-no-icons .jstree-themeicon, .jstree-anchor > .jstree-themeicon-hidden { display: none; } .jstree-hidden, .jstree-node.jstree-hidden { display: none; } .jstree-rtl .jstree-anchor { padding: 0 1px 0 4px; } .jstree-rtl .jstree-anchor > .jstree-themeicon { margin-left: 2px; margin-right: 0; } .jstree-rtl .jstree-node { margin-left: 0; } .jstree-rtl .jstree-container-ul > .jstree-node { margin-right: 0; } .jstree-wholerow-ul { position: relative; display: inline-block; } .jstree-wholerow-ul .jstree-leaf > .jstree-ocl { cursor: pointer; } .jstree-wholerow-ul .jstree-anchor, .jstree-wholerow-ul .jstree-icon { position: relative; } .jstree-wholerow-ul .jstree-wholerow { cursor: pointer; position: absolute; left: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .vakata-context { display: none; } .vakata-context, .vakata-context ul { margin: 0; padding: 2px; position: absolute; background: #f5f5f5; border: 1px solid #979797; box-shadow: 2px 2px 2px #999999; } .vakata-context ul { list-style: none; left: 100%; margin-top: -2.7em; margin-left: -4px; } .vakata-context .vakata-context-right ul { left: auto; right: 100%; margin-left: auto; margin-right: -4px; } .vakata-context li { list-style: none; } .vakata-context li > a { display: block; padding: 0 2em 0 2em; text-decoration: none; width: auto; color: black; white-space: nowrap; line-height: 2.4em; text-shadow: 1px 1px 0 white; border-radius: 1px; } .vakata-context li > a:hover { position: relative; background-color: #e0f6fb; box-shadow: 0 0 2px #0a6aa1; } .vakata-context li > a.vakata-context-parent { background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAIORI4JlrqN1oMSnmmZDQUAOw=="); background-position: right center; background-repeat: no-repeat; } .vakata-context li > a:focus { outline: 0; } .vakata-context .vakata-context-hover > a { position: relative; background-color: #e8eff7; box-shadow: 0 0 2px #0a6aa1; } .vakata-context .vakata-context-separator > a, .vakata-context .vakata-context-separator > a:hover { background: white; border: 0; border-top: 1px solid #e2e3e3; height: 1px; min-height: 1px; max-height: 1px; padding: 0; margin: 0 0 0 2.4em; border-left: 1px solid #e0e0e0; text-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; border-radius: 0; } .vakata-context .vakata-contextmenu-disabled a, .vakata-context .vakata-contextmenu-disabled a:hover { color: silver; background-color: transparent; border: 0; box-shadow: 0 0 0; } .vakata-context li > a > i { text-decoration: none; display: inline-block; width: 2.4em; height: 2.4em; background: transparent; margin: 0 0 0 -2em; vertical-align: top; text-align: center; line-height: 2.4em; } .vakata-context li > a > i:empty { width: 2.4em; line-height: 2.4em; } .vakata-context li > a .vakata-contextmenu-sep { display: inline-block; width: 1px; height: 2.4em; background: white; margin: 0 0.5em 0 0; border-left: 1px solid #e2e3e3; } .vakata-context .vakata-contextmenu-shortcut { font-size: 0.8em; color: silver; opacity: 0.5; display: none; } .vakata-context-rtl ul { left: auto; right: 100%; margin-left: auto; margin-right: -4px; } .vakata-context-rtl li > a.vakata-context-parent { background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAINjI+AC7rWHIsPtmoxLAA7"); background-position: left center; background-repeat: no-repeat; } .vakata-context-rtl .vakata-context-separator > a { margin: 0 2.4em 0 0; border-left: 0; border-right: 1px solid #e2e3e3; } .vakata-context-rtl .vakata-context-left ul { right: auto; left: 100%; margin-left: -4px; margin-right: auto; } .vakata-context-rtl li > a > i { margin: 0 -2em 0 0; } .vakata-context-rtl li > a .vakata-contextmenu-sep { margin: 0 0 0 0.5em; border-left-color: white; background: #e2e3e3; } #jstree-marker { position: absolute; z-index: 10000000; top: 0; left: 0; margin: -5px 0 0 0; padding: 0; border-right: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid; width: 0; height: 0; font-size: 0; line-height: 0; } #jstree-dnd { line-height: 16px; margin: 0; padding: 4px; } #jstree-dnd .jstree-icon, #jstree-dnd .jstree-copy { display: inline-block; text-decoration: none; margin: 0 2px 0 0; padding: 0; width: 16px; height: 16px; } #jstree-dnd .jstree-ok { background: green; } #jstree-dnd .jstree-er { background: red; } #jstree-dnd .jstree-copy { margin: 0 2px 0 2px; } .jstree-default .jstree-node, .jstree-default .jstree-icon { background-repeat: no-repeat; background-color: transparent; } .jstree-default .jstree-hovered { border-radius: 2px; box-shadow: inset 0 0 1px #cccccc; background: rgba(59, 138, 195, 0.12); border-radius: 2px; } .jstree-default .jstree-context { background: #e0f6fb; border-radius: 2px; box-shadow: inset 0 0 1px #cccccc; } .jstree-default .jstree-clicked { background: #00b3df; border-radius: 2px; width: 100%; color: #FFFFFF; text-shadow: none; font-weight: 600; } .jstree-default .jstree-no-icons .jstree-anchor > .jstree-themeicon { display: none; } .jstree-default .jstree-disabled { background: transparent; color: #666666; } .jstree-default .jstree-disabled.jstree-hovered { background: transparent; box-shadow: none; } .jstree-default .jstree-disabled.jstree-clicked { background: #efefef; } .jstree-default .jstree-disabled > .jstree-icon { opacity: 0.8; filter: url("data:image/svg+xml;utf8,#jstree-grayscale"); /* Firefox 10+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ } .jstree-default .jstree-search { font-style: italic; color: #8b0000; font-weight: bold; } .jstree-default .jstree-no-checkboxes .jstree-checkbox { display: none !important; } .jstree-default.jstree-checkbox-no-clicked .jstree-clicked { background: transparent; box-shadow: none; } .jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered { background: #e0f6fb; } .jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked { background: transparent; } .jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered { background: #e0f6fb; } .jstree-default > .jstree-striped { min-width: 100%; display: inline-block; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAMAAAB/qqA+AAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMNAMM9s3UAAAAXSURBVHjajcEBAQAAAIKg/H/aCQZ70AUBjAATb6YPDgAAAABJRU5ErkJggg==") left top repeat; } .jstree-default > .jstree-wholerow-ul .jstree-hovered, .jstree-default > .jstree-wholerow-ul .jstree-clicked { background: transparent; box-shadow: none; border-radius: 0; } .jstree-default .jstree-wholerow { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .jstree-default .jstree-wholerow-hovered { background: #e0f6fb; } .jstree-default .jstree-wholerow-clicked { background: #beebff; background: -webkit-linear-gradient(top, #beebff 0%, #a8e4ff 100%); background: linear-gradient(to bottom, #beebff 0%, #a8e4ff 100%); } .jstree-default .jstree-node { min-height: 24px; line-height: 24px; margin-left: 12px; min-width: 24px; } .jstree-default .jstree-anchor { line-height: 24px; height: 24px; padding-left: 5px; width: 100%; } .jstree-default .jstree-icon { width: 24px; height: 24px; line-height: 24px; } .jstree-default .jstree-icon:empty { width: 24px; height: 27px; line-height: 27px; font-size: 11px !important; font-weight: 500 !important; } .jstree-default.jstree-rtl .jstree-node { margin-right: 24px; } .jstree-default .jstree-wholerow { height: 24px; } .jstree-default .jstree-node, .jstree-default .jstree-icon { background-image: url("/img/32px_lm.png"); } .jstree-default .jstree-node { background-position: -292px -4px; background-repeat: repeat-y; } .jstree-default .jstree-last { background: transparent; } .jstree-default .jstree-open > .jstree-ocl { background-position: -132px -4px; } .jstree-default .jstree-closed > .jstree-ocl { background-position: -100px -4px; } .jstree-default .jstree-leaf > .jstree-ocl { background-position: -68px -4px; } .jstree-container-ul > li[aria-level="1"].jstree-open > .jstree-icon { width: 24px; background-position: -36px -4px; } .jstree-container-ul > li[aria-level="1"].jstree-closed > .jstree-icon { width: 24px; background-position: -4px -4px; } .jstree-container-ul > li[aria-level="1"].jstree-leaf > .jstree-icon { width: 24px; background-position: -164px -4px; } .jstree-default .jstree-themeicon { background-position: -260px -4px; } .jstree-default > .jstree-no-dots .jstree-node, .jstree-default > .jstree-no-dots .jstree-leaf > .jstree-ocl { background: transparent; } .jstree-default > .jstree-no-dots .jstree-open > .jstree-ocl { background-position: -36px -4px; } .jstree-default > .jstree-no-dots .jstree-closed > .jstree-ocl { background-position: -4px -4px; } .jstree-default .jstree-disabled { background: transparent; } .jstree-default .jstree-disabled.jstree-hovered { background: transparent; } .jstree-default .jstree-disabled.jstree-clicked { background: #efefef; } .jstree-default .jstree-checkbox { background-position: -164px -4px; display: none; } .jstree-default .jstree-checkbox:hover { background-position: -164px -36px; } .jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox, .jstree-default .jstree-checked > .jstree-checkbox { background-position: -228px -4px; } .jstree-checked { background: #e6f7fc; } .jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover, .jstree-default .jstree-checked > .jstree-checkbox:hover { background-position: -228px -36px; } .jstree-default .jstree-anchor > .jstree-undetermined { background-position: -196px -4px; } .jstree-default .jstree-anchor > .jstree-undetermined:hover { background-position: -196px -36px; } .jstree-default .jstree-checkbox-disabled { opacity: 0.8; filter: url("data:image/svg+xml;utf8,#jstree-grayscale"); /* Firefox 10+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ } .jstree-default > .jstree-striped { background-size: auto 48px; } .jstree-default.jstree-rtl .jstree-node { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg=="); background-position: 100% 1px; background-repeat: repeat-y; } .jstree-default.jstree-rtl .jstree-last { background: transparent; } .jstree-default.jstree-rtl .jstree-open > .jstree-ocl { background-position: -132px -36px; } .jstree-default.jstree-rtl .jstree-closed > .jstree-ocl { background-position: -100px -36px; } .jstree-default.jstree-rtl .jstree-leaf > .jstree-ocl { background-position: -68px -36px; } .jstree-default.jstree-rtl > .jstree-no-dots .jstree-node, .jstree-default.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl { background: transparent; } .jstree-default.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl { background-position: -36px -36px; } .jstree-default.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl { background-position: -4px -36px; } .jstree-default .jstree-themeicon-custom { background-color: transparent; background-image: none; background-position: 0 0; } .jstree-default > .jstree-container-ul .jstree-loading > .jstree-ocl { background: url("/../../img/sideBarLoader.gif") center center no-repeat; } .jstree-default .jstree-file { background: url("/img/32px_lm.png") -100px -68px no-repeat; } .jstree-default .jstree-folder { background: url("/img/32px_lm.png") -260px -4px no-repeat; } .jstree-default > .jstree-container-ul > .jstree-node { margin-left: 0; margin-right: 0; } #jstree-dnd.jstree-default { line-height: 24px; padding: 0 4px; } #jstree-dnd.jstree-default .jstree-ok, #jstree-dnd.jstree-default .jstree-er { background-image: url("/img/32px_lm.png"); background-repeat: no-repeat; background-color: transparent; } #jstree-dnd.jstree-default i { background: transparent; width: 24px; height: 24px; line-height: 24px; } #jstree-dnd.jstree-default .jstree-ok { background-position: -4px -68px; } #jstree-dnd.jstree-default .jstree-er { background-position: -36px -68px; } .jstree-default.jstree-rtl .jstree-node { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg=="); } .jstree-default.jstree-rtl .jstree-last { background: transparent; } .jstree-default-small .jstree-node { min-height: 18px; line-height: 18px; margin-left: 18px; min-width: 18px; } .jstree-default-small .jstree-anchor { line-height: 18px; height: 18px; } .jstree-default-small .jstree-icon { width: 18px; height: 18px; line-height: 18px; } .jstree-default-small .jstree-icon:empty { width: 18px; height: 18px; line-height: 18px; } .jstree-default-small.jstree-rtl .jstree-node { margin-right: 18px; } .jstree-default-small .jstree-wholerow { height: 18px; } .jstree-default-small .jstree-node, .jstree-default-small .jstree-icon { background-image: url("/img/32px_lm.png"); } .jstree-default-small .jstree-node { background-position: -295px -7px; background-repeat: repeat-y; } .jstree-default-small .jstree-last { background: transparent; } .jstree-default-small .jstree-open > .jstree-ocl { background-position: -135px -7px; } .jstree-default-small .jstree-closed > .jstree-ocl { background-position: -103px -7px; } .jstree-default-small .jstree-leaf > .jstree-ocl { background-position: -71px -7px; } .jstree-default-small .jstree-themeicon { background-position: -263px -7px; } .jstree-default-small > .jstree-no-dots .jstree-node, .jstree-default-small > .jstree-no-dots .jstree-leaf > .jstree-ocl { background: transparent; } .jstree-default-small > .jstree-no-dots .jstree-open > .jstree-ocl { background-position: -39px -7px; } .jstree-default-small > .jstree-no-dots .jstree-closed > .jstree-ocl { background-position: -7px -7px; } .jstree-default-small .jstree-disabled { background: transparent; } .jstree-default-small .jstree-disabled.jstree-hovered { background: transparent; } .jstree-default-small .jstree-disabled.jstree-clicked { background: #efefef; } .jstree-default-small .jstree-checkbox { background-position: -167px -7px; } .jstree-default-small .jstree-checkbox:hover { background-position: -167px -39px; } .jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox, .jstree-default-small .jstree-checked > .jstree-checkbox { background-position: -231px -7px; } .jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover, .jstree-default-small .jstree-checked > .jstree-checkbox:hover { background-position: -231px -39px; } .jstree-default-small .jstree-anchor > .jstree-undetermined { background-position: -199px -7px; } .jstree-default-small .jstree-anchor > .jstree-undetermined:hover { background-position: -199px -39px; } .jstree-default-small .jstree-checkbox-disabled { opacity: 0.8; filter: url("data:image/svg+xml;utf8,#jstree-grayscale"); /* Firefox 10+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ } .jstree-default-small > .jstree-striped { background-size: auto 36px; } .jstree-default-small.jstree-rtl .jstree-node { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg=="); background-position: 100% 1px; background-repeat: repeat-y; } .jstree-default-small.jstree-rtl .jstree-last { background: transparent; } .jstree-default-small.jstree-rtl .jstree-open > .jstree-ocl { background-position: -135px -39px; } .jstree-default-small.jstree-rtl .jstree-closed > .jstree-ocl { background-position: -103px -39px; } .jstree-default-small.jstree-rtl .jstree-leaf > .jstree-ocl { background-position: -71px -39px; } .jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-node, .jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl { background: transparent; } .jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl { background-position: -39px -39px; } .jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl { background-position: -7px -39px; } .jstree-default-small .jstree-themeicon-custom { background-color: transparent; background-image: none; background-position: 0 0; } .jstree-default-small > .jstree-container-ul .jstree-loading > .jstree-ocl { background: url("/../../img/sideBarLoader.gif") center center no-repeat; } .jstree-default-small .jstree-file { background: url("/img/32px_lm.png") -103px -71px no-repeat; } .jstree-default-small .jstree-folder { background: url("/img/32px_lm.png") -263px -7px no-repeat; } .jstree-default-small > .jstree-container-ul > .jstree-node { margin-left: 0; margin-right: 0; } #jstree-dnd.jstree-default-small { line-height: 18px; padding: 0 4px; } #jstree-dnd.jstree-default-small .jstree-ok, #jstree-dnd.jstree-default-small .jstree-er { background-image: url("/img/32px_lm.png"); background-repeat: no-repeat; background-color: transparent; } #jstree-dnd.jstree-default-small i { background: transparent; width: 18px; height: 18px; line-height: 18px; } #jstree-dnd.jstree-default-small .jstree-ok { background-position: -7px -71px; } #jstree-dnd.jstree-default-small .jstree-er { background-position: -39px -71px; } .jstree-default-small.jstree-rtl .jstree-node { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAACAQMAAABv1h6PAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMHBgAAiABBI4gz9AAAAABJRU5ErkJggg=="); } .jstree-default-small.jstree-rtl .jstree-last { background: transparent; } .jstree-default-large .jstree-node { min-height: 32px; line-height: 32px; margin-left: 32px; min-width: 32px; } .jstree-default-large .jstree-anchor { line-height: 32px; height: 32px; } .jstree-default-large .jstree-icon { width: 32px; height: 32px; line-height: 32px; } .jstree-default-large .jstree-icon:empty { width: 32px; height: 32px; line-height: 32px; } .jstree-default-large.jstree-rtl .jstree-node { margin-right: 32px; } .jstree-default-large .jstree-wholerow { height: 32px; } .jstree-default-large .jstree-node, .jstree-default-large .jstree-icon { background-image: url("/img/32px_lm.png"); } .jstree-default-large .jstree-node { background-position: -288px 0px; background-repeat: repeat-y; } .jstree-default-large .jstree-last { background: transparent; } .jstree-default-large .jstree-open > .jstree-ocl { background-position: -128px 0px; } .jstree-default-large .jstree-closed > .jstree-ocl { background-position: -96px 0px; } .jstree-default-large .jstree-leaf > .jstree-ocl { background-position: -64px 0px; } .jstree-default-large .jstree-themeicon { background-position: -256px 0px; } .jstree-default-large > .jstree-no-dots .jstree-node, .jstree-default-large > .jstree-no-dots .jstree-leaf > .jstree-ocl { background: transparent; } .jstree-default-large > .jstree-no-dots .jstree-open > .jstree-ocl { background-position: -32px 0px; } .jstree-default-large > .jstree-no-dots .jstree-closed > .jstree-ocl { background-position: 0px 0px; } .jstree-default-large .jstree-disabled { background: transparent; } .jstree-default-large .jstree-disabled.jstree-hovered { background: transparent; } .jstree-default-large .jstree-disabled.jstree-clicked { background: #efefef; } .jstree-default-large .jstree-checkbox { background-position: -160px 0px; } .jstree-default-large .jstree-checkbox:hover { background-position: -160px -32px; } .jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox, .jstree-default-large .jstree-checked > .jstree-checkbox { background-position: -224px 0px; } .jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover, .jstree-default-large .jstree-checked > .jstree-checkbox:hover { background-position: -224px -32px; } .jstree-default-large .jstree-anchor > .jstree-undetermined { background-position: -192px 0px; } .jstree-default-large .jstree-anchor > .jstree-undetermined:hover { background-position: -192px -32px; } .jstree-default-large .jstree-checkbox-disabled { opacity: 0.8; filter: url("data:image/svg+xml;utf8,#jstree-grayscale"); /* Firefox 10+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ } .jstree-default-large > .jstree-striped { background-size: auto 64px; } .jstree-default-large.jstree-rtl .jstree-node { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg=="); background-position: 100% 1px; background-repeat: repeat-y; } .jstree-default-large.jstree-rtl .jstree-last { background: transparent; } .jstree-default-large.jstree-rtl .jstree-open > .jstree-ocl { background-position: -128px -32px; } .jstree-default-large.jstree-rtl .jstree-closed > .jstree-ocl { background-position: -96px -32px; } .jstree-default-large.jstree-rtl .jstree-leaf > .jstree-ocl { background-position: -64px -32px; } .jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-node, .jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl { background: transparent; } .jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl { background-position: -32px -32px; } .jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl { background-position: 0px -32px; } .jstree-default-large .jstree-themeicon-custom { background-color: transparent; background-image: none; background-position: 0 0; } .jstree-default-large > .jstree-container-ul .jstree-loading > .jstree-ocl { background: url("/../../img/sideBarLoader.gif") center center no-repeat; } .jstree-default-large .jstree-file { background: url("/img/32px_lm.png") -96px -64px no-repeat; } .jstree-default-large .jstree-folder { background: url("/img/32px_lm.png") -256px 0px no-repeat; } .jstree-default-large > .jstree-container-ul > .jstree-node { margin-left: 0; margin-right: 0; } #jstree-dnd.jstree-default-large { line-height: 32px; padding: 0 4px; } #jstree-dnd.jstree-default-large .jstree-ok, #jstree-dnd.jstree-default-large .jstree-er { background-image: url("/img/32px_lm.png"); background-repeat: no-repeat; background-color: transparent; } #jstree-dnd.jstree-default-large i { background: transparent; width: 32px; height: 32px; line-height: 32px; } #jstree-dnd.jstree-default-large .jstree-ok { background-position: 0px -64px; } #jstree-dnd.jstree-default-large .jstree-er { background-position: -32px -64px; } .jstree-default-large.jstree-rtl .jstree-node { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAACAQMAAAAD0EyKAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjgIIGBgABCgCBvVLXcAAAAABJRU5ErkJggg=="); } .jstree-default-large.jstree-rtl .jstree-last { background: transparent; } @media (max-width: 768px) { #jstree-dnd.jstree-dnd-responsive { line-height: 40px; font-weight: bold; font-size: 1.1em; text-shadow: 1px 1px white; } #jstree-dnd.jstree-dnd-responsive > i { background: transparent; width: 40px; height: 40px; } #jstree-dnd.jstree-dnd-responsive > .jstree-ok { background-image: url("40px.png"); background-position: 0 -200px; background-size: 120px 240px; } #jstree-dnd.jstree-dnd-responsive > .jstree-er { background-image: url("40px.png"); background-position: -40px -200px; background-size: 120px 240px; } #jstree-marker.jstree-dnd-responsive { border-left-width: 10px; border-top-width: 10px; border-bottom-width: 10px; margin-top: -10px; } } @media (max-width: 768px) { .jstree-default-responsive { /* .jstree-open > .jstree-ocl, .jstree-closed > .jstree-ocl { border-radius:20px; background-color:white; } */ } .jstree-default-responsive .jstree-icon { background-image: url("40px.png"); } .jstree-default-responsive .jstree-node, .jstree-default-responsive .jstree-leaf > .jstree-ocl { background: transparent; } .jstree-default-responsive .jstree-node { min-height: 40px; line-height: 40px; margin-left: 40px; min-width: 40px; white-space: nowrap; } .jstree-default-responsive .jstree-anchor { line-height: 40px; height: 40px; } .jstree-default-responsive .jstree-icon, .jstree-default-responsive .jstree-icon:empty { width: 40px; height: 40px; line-height: 40px; } .jstree-default-responsive > .jstree-container-ul > .jstree-node { margin-left: 0; } .jstree-default-responsive.jstree-rtl .jstree-node { margin-left: 0; margin-right: 40px; background: transparent; } .jstree-default-responsive.jstree-rtl .jstree-container-ul > .jstree-node { margin-right: 0; } .jstree-default-responsive .jstree-ocl, .jstree-default-responsive .jstree-themeicon, .jstree-default-responsive .jstree-checkbox { background-size: 120px 240px; } .jstree-default-responsive .jstree-leaf > .jstree-ocl, .jstree-default-responsive.jstree-rtl .jstree-leaf > .jstree-ocl { background: transparent; } .jstree-default-responsive .jstree-open > .jstree-ocl { background-position: 0 0px !important; } .jstree-default-responsive .jstree-closed > .jstree-ocl { background-position: 0 -40px !important; } .jstree-default-responsive.jstree-rtl .jstree-closed > .jstree-ocl { background-position: -40px 0px !important; } .jstree-default-responsive .jstree-themeicon { background-position: -40px -40px; } .jstree-default-responsive .jstree-checkbox, .jstree-default-responsive .jstree-checkbox:hover { background-position: -40px -80px; } .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox, .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover, .jstree-default-responsive .jstree-checked > .jstree-checkbox, .jstree-default-responsive .jstree-checked > .jstree-checkbox:hover { background-position: 0 -80px; } .jstree-default-responsive .jstree-anchor > .jstree-undetermined, .jstree-default-responsive .jstree-anchor > .jstree-undetermined:hover { background-position: 0 -120px; } .jstree-default-responsive .jstree-anchor { font-weight: bold; font-size: 1.1em; text-shadow: 1px 1px white; } .jstree-default-responsive > .jstree-striped { background: transparent; } .jstree-default-responsive .jstree-wholerow { border-top: 1px solid rgba(255, 255, 255, 0.7); border-bottom: 1px solid rgba(64, 64, 64, 0.2); background: #ebebeb; height: 40px; } .jstree-default-responsive .jstree-wholerow-hovered { background: #e0f6fb; } .jstree-default-responsive .jstree-wholerow-clicked { background: #beebff; } .jstree-default-responsive .jstree-children .jstree-last > .jstree-wholerow { box-shadow: inset 0 -6px 3px -5px #666666; } .jstree-default-responsive .jstree-children .jstree-open > .jstree-wholerow { box-shadow: inset 0 6px 3px -5px #666666; border-top: 0; } .jstree-default-responsive .jstree-children .jstree-open + .jstree-open { box-shadow: none; } .jstree-default-responsive .jstree-node, .jstree-default-responsive .jstree-icon, .jstree-default-responsive .jstree-node > .jstree-ocl, .jstree-default-responsive .jstree-themeicon, .jstree-default-responsive .jstree-checkbox { background-image: url("40px.png"); background-size: 120px 240px; } .jstree-default-responsive .jstree-node { background-position: -80px 0; background-repeat: repeat-y; } .jstree-default-responsive .jstree-last { background: transparent; } .jstree-default-responsive .jstree-leaf > .jstree-ocl { background-position: -40px -120px; } .jstree-default-responsive .jstree-last > .jstree-ocl { background-position: -40px -160px; } .jstree-default-responsive .jstree-themeicon-custom { background-color: transparent; background-image: none; background-position: 0 0; } .jstree-default-responsive .jstree-file { background: url("40px.png") 0 -160px no-repeat; background-size: 120px 240px; } .jstree-default-responsive .jstree-folder { background: url("40px.png") -40px -40px no-repeat; background-size: 120px 240px; } .jstree-default-responsive > .jstree-container-ul > .jstree-node { margin-left: 0; margin-right: 0; } } .clean_body { background-color: #FCFCFC; } .clean_body .clean-container { width: 350px; position: relative; margin-left: auto; margin-right: auto; top: 40%; transform: translateY(-50%); } .activation-view { background-color: #FFFFFF; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #DBE1E8; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.07); } .activation-view .cleanLayoutBox h3 { padding: 10px 5%; } .activation-view .cleanLayoutBox .error { color: #DD3F1D; padding: 10px 5%; } .activation-view .cleanLayoutBox a { font-size: 1em; line-height: 1.28571em; color: #3B8AC3; padding: 20px 5%; display: block; } .activation-view .info-message { float: none !important; margin: 5%; } .activation-view .error-message { color: #DD3F1D; } .activation-view .form-group label { color: #DBE1E8; top: 15px; position: relative; font-size: 12px; left: 31px; background-color: #FFFFFF; padding: 5px; } .activation-view .form-group input[type="text"], .activation-view .form-group input[type="password"] { border: 1px solid #DBE1E8; border-radius: 2px; margin: 5px 5%; width: 90%; height: 38px; } .activation-view .form-group input[type="submit"] { font-size: 1em; line-height: 1.28571em; padding: 12px 10px; width: 100%; background-color: #56677F; color: #FFFFFF; border-radius: 2px; border: 0px; margin-top: 20px; } .subbar-bg { background: #FCFCFC; -moz-box-shadow: 2px 0px 4px 0px rgba(226, 226, 226, 0.5); -webkit-box-shadow: 2px 0px 4px 0px rgba(226, 226, 226, 0.5); box-shadow: 2px 0px 4px 0px rgba(226, 226, 226, 0.5); } .subbar-bg.border-right { border-right: 1px solid #DBE1E8; } .subbar-bg.border-left { border-left: 1px solid #DBE1E8; } .border-bottom { border-bottom: 1px solid #DBE1E8; } .subbar { width: 100%; margin: 0px; float: left; /* position: absolute; */ /* overflow-x:hidden; */ } .subbar li { min-height: 38px; } .subbar li.subbar-header { font-size: 0.92308em; line-height: 1.5em; line-height: 30px; font-weight: 600; min-height: auto; background-color: #F2F4F7; } .subbar li.subbar-header .subbar-text { padding-left: 10px; padding-right: 10px; } .subbar li.subbar-header .subbar-text .subbar-text-content { display: inline-block; } .subbar li.subbar-header .subbar-text .subbar-checkfleg { display: inline-block; right: 1px; margin-top: 4px; float: right; } .subbar li.subbar-header .subbar-text .subbar-checkfleg .progress-radial .cutout { background-color: #F2F4F7 !important; } .subbar li.subbar-link { cursor: pointer; line-height: 35px; border-bottom: 1px solid #F0F0F0; width: 100%; padding-left: 11px; position: relative; } .subbar li.subbar-link .subbar-icon { width: 6px; color: #929292; font-size: 13px; margin-right: -11px; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; vertical-align: sub; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; z-index: 2; position: relative; left: -3px; top: -2.5px; } .subbar li.subbar-link .subbar-checkfleg { color: #C9C9C9; margin-left: -10px; position: absolute; right: 10px; display: inline-block; height: 100%; } .subbar li.subbar-link .subbar-checkfleg .circle-checkfleg { width: 20px; height: 20px; border: 2px solid #DBE1E8; margin-top: 9px; border-radius: 20px; } .subbar li.subbar-link .subbar-checkfleg .circle-checkfleg.checked { border-color: #00b3df !important; background-color: #00b3df !important; } .subbar li.subbar-link .subbar-checkfleg .circle-checkfleg.checked .icon { display: block; } .subbar li.subbar-link .subbar-checkfleg .circle-checkfleg .icon { display: none; color: #FFFFFF; font-size: 9px; margin-top: -9px; margin-left: 3px; } .subbar li.subbar-link .subbar-text { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; padding-left: 16px; /* the next props are meant to keep this block independent from the other floated one */ z-index: 1; position: relative; } .subbar li.subbar-link .subbar-text .subbar-text-content { display: block; text-align: left; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .subbar li.subbar-link .subbar-text .subbar-text-content.overflow-visible { overflow: visible !important; } .subbar li.subbar-link.active { border-right: 2px solid #00b3df; } .subbar li.subbar-link:hover { border-right: 1px solid #DBE1E8; /* border-left:1px solid $border-color; */ background-color: #f2f2f2; -moz-box-shadow: -100px 0px 0px 0px #f2f2f2; -webkit-box-shadow: -100px 0px 0px 0px #f2f2f2; box-shadow: -100px 0px 0px 0px #f2f2f2; } .subbar li.subbar-link.active > .subbar-icon > .icon { color: #00b3df; } .subbar li.subbar-link.active > .subbar-text { /* Oval 5: */ font-weight: 400; } .subbar-flexwrapper { -webkit-box-flex: 0 0 240px; -moz-box-flex: 0 0 240px; -webkit-flex: 0 0 240px; -ms-flex: 0 0 240px; flex: 0 0 240px; -ms-flex: 0 0 240px; } .subbar-flexwrapper-200 { -webkit-box-flex: 0 0 200px; -moz-box-flex: 0 0 200px; -webkit-flex: 0 0 200px; -ms-flex: 0 0 200px; flex: 0 0 200px; -ms-flex: 0 0 200px; } .settings-layout { display: -webkit-flex; display: flex; -webkit-box-flex: 3 0 0; -moz-box-flex: 3 0 0; -webkit-flex: 3 0 0; -ms-flex: 3 0 0; flex: 3 0 0; -ms-flex: 3 0 auto; display: -ms-flexbox; height: 100%; min-height: 0; } .steps { text-align: center; min-width: 300px; width: 80%; max-width: 900px; margin: auto auto; margin-top: 40px; } .steps .fs_content .fs_header { font-size: 24px; font-weight: 200; line-height: 29px; text-align: center; } .steps .fs_content .fs_body { margin: 25px 0px 40px 0px; line-height: 27px; } .steps .fs_content .fs_img { margin-top: 10px; } .steps .fs_navigation .fs_button { margin-top: 40px; min-width: 100px; width: 33%; max-width: 290px; height: 100%; background-color: #F2F4F7; padding: 15px 0; } /* Change the white to any color ;) */ input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; color: #56677F !important; } .login_body { background-color: #FCFCFC; -moz-background-size: contain; -o-background-size: contain; -webkit-background-size: contain; background-size: contain; } .login-container { width: 350px; position: relative; margin-left: auto; margin-right: auto; top: 44%; transform: translateY(-50%); } .login-container .register-section { padding: 20px; } .login-container .register-section .notregistred { padding: 6px 0px; } .login-container .register-section .register-button { background-color: #F0F0F0; border-color: #F0F0F0; color: #56677F; border-radius: 3px; height: 45px; width: 100%; } .login-container .register-section .register-button:hover { background-color: #d2d8df; } .logo { display: block; width: 100%; } .logo img { margin-left: auto; margin-right: auto; display: block; margin-bottom: 35px; } .forgotten-password { font-size: 12px; color: #919EB1; float: left; padding-bottom: 20px; } .forgotten-password a { color: #56677F; } .auth-view { background-color: #FFFFFF; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #DBE1E8; padding: 20px; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.07); } .auth-view .info-message, .auth-view .error-message { padding-bottom: 15px; padding-top: 5px; display: block; float: left; } .auth-view .info-message { font-size: 22px; font-weight: 200; } .auth-view .error-message { color: #DD3F1D; } .auth-view:not(.login) { display: none; } .auth-view .paper-login_form-element { border-bottom: 2px solid #F0F0F0; margin: 10px 0px; } .auth-view .paper-login_form-element .icon { float: left; font-size: 24px; color: #919EB1; line-height: 45px; } .auth-view .paper-login_form-element input[type="text"], .auth-view .paper-login_form-element input[type="password"] { height: 37px; padding: 0 0 0 15px; width: 280px; color: #56677F !important; } .auth-view .form-submit .signin-button { float: none; margin: 0px !important; background-color: #3B8AC3 !important; } .login_tabs { list-style: none; text-decoration: none; } .login_tabs li { width: 50%; margin: 0px; padding: 0px; text-align: center; line-height: 42px; border-top: 2px solid transparent; border-bottom: 2px solid transparent; float: left; cursor: pointer; } .login_tabs li .icon { font-size: 16px; margin-right: 4px; } .login_tabs li:not(.active) { border-bottom: 1px solid #F0F0F0; color: #919EB1; } .login_tabs li.active { border-top-color: #00b3df; } .login_tabs li.active:first-child { border-right: 1px solid #F0F0F0; } .login_tabs li.active:last-child { border-left: 1px solid #F0F0F0; } .modal-sidebar-left { overflow: scroll; } .modal-overlay { position: fixed; z-index: 1001; left: 0px; top: 0px; right: 0px; bottom: 0px; opacity: 0; } .modal-container { top: 100px; overflow: hidden; z-index: 1002 !important; } .modal-container .modal { /* Rectangle 11: */ /* Rectangle 30: */ background-color: #FCFCFC; border: 1px solid #DBE1E8; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; min-height: 100%; } .modal-container .modal h3 { width: 100%; float: left; } .modal-container .modal hr { /* Line Copy 4: */ width: 100%; float: left; margin-top: 20px; height: 1px; margin-bottom: 15px; border: none; background-color: rgba(117, 128, 143, 0.18); } .modal-container .modal p { float: left; } .modal-container .modal .modal-header { padding: 28px 26px 26px 26px; border-bottom: 1px solid #DBE1E8; width: 100%; background-color: #FFFFFF; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; } .modal-container .modal .modal-header.padding-top-10 { padding-top: 10px; } .modal-container .modal .modal-header div { font-weight: 300; font-size: 21px; color: #75808F; } .modal-container .modal .modal-header div i { margin-right: 5px; } .modal-container .modal .modal-header .-modal-navigation { border-bottom: 0px; float: left; } .modal-container .modal .modal-header .-modal-navigation .icon { border-bottom: 0px; padding-right: 10px; } .modal-container .modal .modal-header span { position: absolute; right: 13px; top: 13px; padding: 10px; cursor: pointer; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .modal-container .modal .modal-header span div { font-size: 12px; } .modal-container .modal .modal-navigation { padding: 0 15px; padding-bottom: 10px; } .modal-subbar .modal-menu { position: relative; float: left; /* width:160px; display: inline-block; */ vertical-align: top; z-index: 100; } .modal-subbar .modal-menu.w300 { width: 300px !important; } .modal-subbar .modal-menu.w200 { width: 200px !important; } .modal-subbar .modal-content { /* display: inline-block; */ vertical-align: top; /* padding-left: 160px; */ z-index: 10; } .modal-body .mt30 { margin-top: 30px; } .modal-body .mt70 { margin-top: 70px; } .modal-body .p0100 { padding: 0 100px; } .modal-body.ml300 { margin-left: 300px; } .modal-body.ml200 { margin-left: 200px; } .modal-body.pl200 { padding-left: 200px; } .modal-body .m0-180 { margin: 0px 180px; } .modal-body .center { text-align: center; } .modal-body .separator-right { border-right: 1px solid #D6D6D6; } .modal-body .hover-background:hover { border-radius: 5px; background-color: #F0F0F0; } .modal-body .headline { font-size: 24px; line-height: 24px; font-weight: 200; } .modal-body .headline.success { margin: 20px 0px; } .modal-body .headline_textarea { display: inline-block; vertical-align: top; margin-top: 20px; } .modal-body .headline_small { font-size: 15px; } .modal-body .subheadline_small { color: #919EB1; } .modal-body .headline_icon { font-size: 57px; height: 58px; width: 58px; margin: 10px; display: inline-block; } .modal-body .headline_pic { max-width: 110px; max-height: 90px; display: inline-block; } .modal-body .inputconfigelement { width: 210px; margin: 15px; } .modal-body .description { line-height: 20px; font-weight: 400; } .modal-body .footer { background-color: #FCFCFC; } .modal-body .descriptionimg { text-align: center; } .-modalBuilder-sidebar button { margin: 0px !important; margin-top: 8px !important; } .-modal-search { display: table; padding: 0 17px 17px; } .-modal-search #search { display: table-row; border-radius: 20px; box-shadow: 0 0 10px 10px #ECF0F5; } .-modal-search #search label { display: table-cell; padding-top: 5px; padding-left: 5px; } .-modal-search #search input { display: table-cell; background-color: transparent; } .-modal-search #search:focus-within { box-shadow: 0 5px 20px #00b3df; } ul.simple li { line-height: 35px; border-bottom: 1px solid #F0F0F0; padding: 0 10px; } ul.simple li a { text-decoration: none; color: #56677F; } ul.simple li:hover { background-color: rgba(0, 0, 0, 0.025); } ul.simple li .icon { margin-right: 10px; } ul.simple li .flag { width: 21px; margin-bottom: -2px; margin-right: 4px; } ul.simple li img { max-height: 23px; display: inline-block; margin-right: 4px; top: 6px; position: relative; } ul.simple li:last-child { border-bottom: none; } ul.default { list-style: disc; list-style-position: inside; } ul.default li { line-height: normal; padding: 0 10px; } ul.default li a { text-decoration: none; color: #56677F; } ul.default li:hover { background-color: rgba(0, 0, 0, 0.025); } ul.default li .icon { margin-right: 10px; } ul.buttonlist li { background-color: #56677F; color: #FFFFFF; text-shadow: none; text-align: center; width: 100%; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 7px; margin-top: 6px; } ul.col-2 li { float: left; width: 100%; border-bottom: 1px solid #F0F0F0; padding: 10px 10px; } ul.col-2 li span { line-height: 20px; } ul.col-2 li.header { line-height: 20px; height: auto; float: left; font-weight: 500; } ul.col-2 li .title { line-height: 20px; float: left; margin-left: 2%; min-width: 150px; margin-right: 2%; } ul.col-2 li .title.group { font-size: 12px; font-weight: 500; } ul.col-2 li button { float: right; margin-top: 2px; } ul.big { list-style: none; position: relative; } ul.big li { height: 60px; padding: 6px; line-height: normal; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border-bottom: 1px solid #F7F8FA; } ul.big li:hover { background-color: #F7F8FA; } ul.big li img { float: left; width: 48px; height: 48px; padding: 0px; margin: 0px; margin-right: 12px; } ul.big li .title { display: block; text-decoration: none; color: #56677F; line-height: 28px; padding-top: 1px; clear: right; } ul.big li .sub { display: block; line-height: 14px; font-size: 12px; color: #919EB1; } ul.big li .hoverbar a { line-height: 60px; padding: 0px 10px; } .listelement.whitebox { background-color: #FFFFFF; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #DBE1E8; box-shadow: 0px 3px 3px 0px rgba(86, 103, 127, 0.06); padding: 5px; margin: 5px 0; float: left; width: 100%; } .listelement.whitebox .text { float: left; } .listelement.whitebox .description { float: right; font-size: 11px; } .notification_dropdown + .dropdown_content ul { max-height: 300px; float: left; overflow-y: scroll; } .notification_dropdown + .dropdown_content li { width: 350px; height: auto; line-height: 18px; padding-top: 10px; padding-bottom: 6px; float: left; opacity: 0.5; border-left: 2px solid rgba(255, 255, 255, 0); -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .notification_dropdown + .dropdown_content li a { width: 100%; float: left; } .notification_dropdown + .dropdown_content li.unread { border-left: 2px solid #00b3df; opacity: 1; } .notification_dropdown + .dropdown_content li:hover { opacity: 1; } .notification_dropdown + .dropdown_content img { width: 26px; float: left; margin-right: 10px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .notification_dropdown + .dropdown_content span { display: inline-block; float: left; width: 292px; } .notification_dropdown + .dropdown_content .notification_time { text-align: right; font-size: 12px; float: right; color: #919EB1; } .notification_dropdown + .dropdown_content .load_more { width: 100%; text-align: center; } .notification_bubble { color: #56677F; white-space: nowrap; padding: 2px 6px; margin-top: 6px; font-size: 12px; float: left; font-weight: 800; text-shadow: none; position: absolute; left: 20px; margin-left: 6px; } .notification_bubble.important, .notification_bubble.success { background-color: #00b3df; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; color: #FFFFFF; z-index: 1; } .notification_bubble.important:after, .notification_bubble.success:after { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-right-color: #00b3df; border-width: 4px; margin-top: -4px; } .notification_bubble.error { background-color: #DD3F1D; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; color: #FFFFFF; } .notification_bubble.error:after { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-right-color: #DD3F1D; border-width: 4px; margin-top: -4px; } .notification_bubble.warning { background-color: #F39D54; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; color: #FFFFFF; } .notification_bubble.warning:after { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-right-color: #F39D54; border-width: 4px; margin-top: -4px; } .loader { position: absolute; z-index: 999; left: 0px; top: 0px; right: 0px; bottom: 0px; opacity: 0; background-color: white; background-image: url(/img/loader.gif); background-position: center center; background-repeat: no-repeat; position: relative; } .loader.noimage { background-image: none; } .viewloader { position: absolute; z-index: 998; left: 0px; top: 0px; right: 0px; bottom: 0px; opacity: 0; background-color: rgba(255, 255, 255, 0.6); background-position: center center; background-repeat: no-repeat; } .viewloader.noimage { background-image: none; } .modal .loader { min-height: 200px; } @-moz-keyframes three-quarters-loader { 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes three-quarters-loader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes three-quarters-loader { 0% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* :not(:required) hides this rule from IE9 and below */ .inline-loader:not(:required) div { -moz-animation: three-quarters-loader 1250ms infinite linear; -webkit-animation: three-quarters-loader 1250ms infinite linear; animation: three-quarters-loader 1250ms infinite linear; border: 2px solid #75808F; border-right-color: transparent; border-radius: 6px; box-sizing: border-box; position: relative; overflow: hidden; text-indent: -9999px; width: 12px; height: 12px; display: table; margin: 0 auto; } .inline-loader:not(:required) { position: absolute; background-color: #FFFFFF; left: 0px; top: 0px; right: 0px; bottom: 0px; } .widget_loader { width: 35px; height: 5px; display: block; position: absolute; left: 50%; top: 50%; margin-top: -5px; margin-left: -17.5px; } .widget_loader.white div { background-color: #FFFFFF; } .widget_loader.green div { background-color: #AECB0F; } .widget_loader div { height: 5px; width: 5px; position: absolute; left: 0px; border-radius: 50%; background-color: #00b3df; display: inline-block; } .widget_loader div:first-child { animation: move 1s ease-in-out infinite alternate; margin-left: 0; } .widget_loader div:nth-child(2) { animation: move 1s ease-in-out -0.25s infinite alternate; margin-left: 10px; } .widget_loader div:nth-child(3) { animation: move 1s ease-in-out -0.5s infinite alternate; margin-left: 20px; } .widget_loader div:nth-child(4) { animation: move 1s ease-in-out -0.75s infinite alternate; margin-left: 30px; } @-moz-keyframes move { 0% { transform: translateY(-5px); } 100% { transform: translateY(5px); } } @-webkit-keyframes move { 0% { transform: translateY(-5px); } 100% { transform: translateY(5px); } } @-o-keyframes move { 0% { transform: translateY(-5px); } 100% { transform: translateY(5px); } } @keyframes move { 0% { transform: translateY(-5px); } 100% { transform: translateY(5px); } } .universal_loader { margin: 0 0 2em; height: 100%; left: 0px; top: 0px; position: absolute; width: 100%; z-index: 99999999; text-align: center; padding: 1em; margin: 0 auto 1em; display: inline-block; vertical-align: middle; pointer-events: none; display: none; } .universal_loader svg { top: 0; position: absolute; margin-top: 3px; width: 20px; } /* Set the color of the icon */ .universal_loader svg path, .universal_loader svg rect { fill: #00b3df; } .modal-load-overlay { background-color: white; z-index: 10000000000000; width: 100%; height: 100%; position: absolute; } .modal-load-overlay .load-text { width: 240px; display: block; position: absolute; left: 50%; top: 50%; text-align: center; margin-top: 23px; margin-left: -120px; } .form-switch { position: absolute; margin-left: -9999px; visibility: hidden; } .form-switch + label { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; position: relative; cursor: pointer; outline: none; user-select: none; line-height: 30px; } .form-switch + label + label { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; position: relative; cursor: pointer; padding-left: 6px; line-height: 30px; } input.form-switch + label { width: 38px; height: 19px; background-color: #DBE1E8; margin-left: 10px; border-radius: 10px; } input.form-switch + label:before, input.form-switch + label:after { display: block; position: absolute; top: 1px; left: 1px; bottom: 1px; content: ""; } input.form-switch + label:before { right: 1px; background-color: #f1f1f1; border-radius: 60px; transition: background 0.4s; } input.form-switch + label:after { width: 17px; background-color: #FFFFFF; border-radius: 100%; transition: margin 0.4s; } input.form-switch:checked + label:before { background-color: #00b3df; } input.form-switch:hover + label:after { margin-left: 2px; } input.form-switch:checked + label:after { margin-left: 19px; } input.form-switch:checked:hover + label:after { margin-left: 17px; } /** * selectize.scss (v0.8.7) * Copyright (c) 2014 Emanuel Kluge * * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this * file except in compliance with the License. You may obtain a copy of the License at: * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software distributed under * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF * ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. * * @author Emanuel Kluge */ .selectize-control { position: relative; height: 30px; } .selectize-dropdown, .selectize-input, .selectize-input input { color: #56677F; font-size: 1em; line-height: 1.38462em; font-family: "Lato",Helvetica, Arial; -webkit-font-smoothing: inherit; } .selectize-input, .selectize-control.single .selectize-input.input-active { background: #FFFFFF; cursor: text; display: inline-block; } .selectize-input { display: inline-block; width: 100%; position: relative; z-index: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .selectize-input .item { float: left; } .selectize-input.full { background-color: #FFFFFF; } .selectize-input.disabled, .selectize-input.disabled * { cursor: default !important; } .selectize-input.focus { -webkit-box-shadow: none; box-shadow: none; } .selectize-input.dropdown-active { -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .selectize-input > * { vertical-align: baseline; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; } .selectize-control.multi .selectize-input > div { cursor: pointer; background: #f2f2f2; color: #56677F; } .selectize-control.multi .selectize-input > div.active { background: #e8e8e8; color: #56677F; } .selectize-control.multi .selectize-input.disabled > div, .selectize-control.multi .selectize-input.disabled > div.active { color: #b7b7b7; background: white; } .selectize-input > input { display: inline-block !important; padding: 0 !important; min-height: 0 !important; max-height: none !important; max-width: 100% !important; margin: 0 2px 0 10px !important; text-indent: 0 !important; border: 0 none !important; background: none !important; line-height: inherit !important; -webkit-user-select: auto !important; -moz-user-select: auto !important; -ms-user-select: auto !important; user-select: auto !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .selectize-input > input::-ms-clear { display: none; } .selectize-input > input:focus { outline: none !important; } .selectize-input:after { content: ' '; display: block; clear: left; } .selectize-input.dropdown-active:before { content: ' '; display: block; position: absolute; background: #f0f0f0; height: 1px; bottom: 0; left: 0; right: 0; } .selectize-dropdown { position: absolute; z-index: 100; border: 1px solid #D9E2E9; background: #FFFFFF; margin: -1px 0 0 0; z-index: 999999; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.03); box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.03); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .selectize-dropdown [data-selectable] { cursor: pointer; overflow: hidden; } .selectize-dropdown [data-selectable] .highlight { background: rgba(125, 168, 208, 0.2); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .selectize-dropdown [data-selectable], .selectize-dropdown .optgroup-header { padding: 5px 8px; } .selectize-dropdown .optgroup:first-child .optgroup-header { border-top: 0 none; } .selectize-dropdown .optgroup-header { color: #56677F; background: #FFFFFF; cursor: default; } .selectize-dropdown .active { background-color: #f5fafd; color: #495c68; } .selectize-dropdown .active.create { color: #495c68; } .selectize-dropdown .create { color: rgba(86, 103, 127, 0.5); } .selectize-dropdown-content { overflow-y: auto; overflow-x: hidden; max-height: 200px; } .selectize-control.single .selectize-input, .selectize-control.single .selectize-input input { cursor: pointer; } .selectize-control.single .selectize-input.input-active, .selectize-control.single .selectize-input.input-active input { cursor: text; } .selectize-control.single .selectize-input:after { content: ' '; display: block; position: absolute; top: 50%; right: 0px; margin-top: -3px; width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 5px; border-color: #56677F transparent transparent transparent; } .selectize-control.single .selectize-input.dropdown-active:after { margin-top: -4px; border-width: 0 5px 5px 5px; border-color: transparent transparent #56677F transparent; } .selectize-control.rtl.single .selectize-input:after { left: 0px; right: auto; } .selectize-control.rtl .selectize-input > input { margin: 0 4px 0 -2px !important; } .selectize-control .selectize-input.disabled { opacity: 0.5; background-color: #fafafa; } .selectize-control.multi .selectize-input.has-items { padding-left: 5px; padding-right: 5px; } .selectize-control.multi .selectize-input.disabled [data-value] { color: #999; text-shadow: none; background: none; -webkit-box-shadow: none; box-shadow: none; } .selectize-control.multi .selectize-input.disabled [data-value], .selectize-control.multi .selectize-input.disabled [data-value] .remove { border-color: #e6e6e6; } .selectize-control.multi .selectize-input.disabled [data-value] .remove { background: none; } .selectize-control.multi .selectize-input [data-value] { padding: 0 5px; margin: 6px 3px 6px 3px; text-shadow: 0 1px 0 #008fb2; text-shadow: 0 1px 0 0 #008fb2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #00b1dc; background-image: -moz-linear-gradient(top, #00b3df, #00aed8); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#00b3df), to(#00aed8)); background-image: -webkit-linear-gradient(top, #00b3df, #00aed8); background-image: -o-linear-gradient(top, #00b3df, #00aed8); background-image: linear-gradient(to bottom, #00b3df, #00aed8); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b3df', endColorstr='#00aed8', GradientType=0); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.03); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.03); color: #FFFFFF; } .selectize-control.multi .selectize-input [data-value].active { background-color: #009abf; background-image: -moz-linear-gradient(top, #009cc2, #0096bb); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#009cc2), to(#0096bb)); background-image: -webkit-linear-gradient(top, #009cc2, #0096bb); background-image: -o-linear-gradient(top, #009cc2, #0096bb); background-image: linear-gradient(to bottom, #009cc2, #0096bb); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009cc2', endColorstr='#0096bb', GradientType=0); color: #FFFFFF; } .selectize-control.single .selectize-input { padding-left: 7px; line-height: 30px; } .selectize-dropdown .optgroup-header { padding-top: 7px; font-weight: bold; font-size: .85em; } .selectize-dropdown .optgroup { border-top: 1px solid #f0f0f0; } .selectize-dropdown .optgroup:first-child { border-top: 0 none; } /* HTML5 Boilerplate accessible hidden styles */ .itemlist { /* the basic, unchecked style */ /* the checked style using the :checked pseudo class */ } .itemlist [type="radio"] { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .itemlist [type="radio"] + span { display: block; line-height: 30px; } .itemlist [type="radio"] + span:before { content: ''; display: inline-block; width: 1em; height: 1em; vertical-align: -0.25em; border-radius: 1em; border: 1px solid #D9E2E9; margin-left: 7px; padding: 3px; -moz-box-shadow: #FFFFFF 0px 0px 0px 2px inset; -webkit-box-shadow: #FFFFFF 0px 0px 0px 2px inset; box-shadow: #FFFFFF 0px 0px 0px 2px inset; margin-right: 0.75em; transition: 0.2s ease all; } .itemlist [type="radio"]:checked + span:before { background: #00b3df; } .big-radio-group .title { font-size: 18px; font-weight: 300; line-height: 33px; } .big-radio-group .description { font-weight: 300; line-height: 18px; } .big-radio-group .disabled { opacity: 0.3; } .radio-image { width: 24.5%; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; text-align: center; /* the basic, unchecked style */ /* the checked style using the :checked pseudo class */ } .radio-image input[type="radio"] + image { display: inline; width: 100%; line-height: 30px; } .radio-image input[type="radio"] + image:before { transition: 0.2s ease all; } .radio-image input[type="radio"]:checked + image { background-color: #00b3df; } textarea { width: 100%; min-height: 60px; border: none; outline: none; font-size: 1em; line-height: 1.38462em; font-family: "Lato",Helvetica, Arial; color: #56677F; padding: 0px 8px; padding-top: 8px; } .form-button { margin-top: 16px; } .form-element { position: relative; width: 100%; padding: 5px; min-height: 30px; background-color: #FFFFFF; margin-top: 16px; padding-right: 1em; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; border: 1px solid #D9E2E9; display: table; border-collapse: separate; -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.03); -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.03); box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.03); } .form-element.plain { border: 0px; margin-top: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } .form-element label.top { position: absolute; left: 8px; top: -8px; color: #A4ADB4; padding: 0 3px; z-index: 10; font-size: 0.92308em; line-height: 1.5em; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, #ffffff)); background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), #ffffff 50%); background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), #ffffff 50%); background-image: linear-gradient(rgba(255, 255, 255, 0), #ffffff 50%); } .form-element *:focus + label, .form-element *:focus + div + label, .form-element *:focus + div + label + label { color: #56677F; } .form-element .extender { display: table-cell; } .form-element .extender.right { border-left: 0px; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; text-align: center; } .form-submit { margin-top: 16px; } form .column-6:first-of-type { padding-right: 1em !important; } .formclass.center { margin: 0 auto; } fieldset { padding: 0em 1em; } .dashboard { min-height: 400px; padding: 10px; width: 100%; flex: 1; } .dashboard ul { min-height: 400px; } .dashboard .options { margin: 10px; display: none; z-index: 999; height: 16px; font-size: 12px; position: absolute; right: 0px; top: 0px; float: left; min-height: 18px; background-color: #FFFFFF; cursor: pointer; } .dashboard .options li { padding: 0px 4px; line-height: 16px; height: 16px; position: relative; float: left; } .dashboard .options .icon { margin-top: 0px; width: 100%; font-size: 10px; height: 16px; top: 2px; } .dashboard-container { display: flex; flex: 1; flex-direction: row; flex-wrap: nowrap; height: 100%; border-top: 1px solid #DBE1E8; } .dashboard-container .dashboard-container-sidebar { width: 220px; background: #FCFCFC; border-right: 1px solid #DBE1E8; display: none; } .widget:hover .options { display: block; } .dashboard-drop-overlay { z-index: 0; } .dashboards { padding-top: 10px; float: left; width: 100%; } .dashboard-preview-container { width: 25%; float: left; padding-left: 10px; } .dashboard-preview-container:first-child { padding-left: 0px; } .dashboard-preview-container li { transition: none !important; } .dashbaord-preview-add { border: 1px dotted #DBE1E8; width: 25%; height: 100px; display: table-cell; color: #919EB1; vertical-align: middle; cursor: pointer; } .dashbaord-preview-add p { text-align: center; } .dashbaord-preview-add:hover { border-color: #56677F; color: #56677F; } .dashboard-preview { padding: 3px; width: 100%; height: 200px; overflow: hidden; float: left; border: 1px solid #DBE1E8; background-color: #FCFCFC; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; cursor: pointer; padding: 0px; position: relative; } .dashboard-preview p { z-index: 1; width: 100%; position: absolute; bottom: 0px; font-size: 12px; padding: 3px; padding-top: 10px; color: #56677F; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIwLjkiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(252, 252, 252, 0)), color-stop(50%, rgba(252, 252, 252, 0.9))); background-image: -moz-linear-gradient(rgba(252, 252, 252, 0), rgba(252, 252, 252, 0.9) 50%); background-image: -webkit-linear-gradient(rgba(252, 252, 252, 0), rgba(252, 252, 252, 0.9) 50%); background-image: linear-gradient(rgba(252, 252, 252, 0), rgba(252, 252, 252, 0.9) 50%); } .dashboard-preview ul { height: 100%; z-index: 0; } .dashboard-preview ul li { background-color: #DBE1E8; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; } .dashboard-preview:hover { border: 1px solid #00b3df; } .dashboard-preview:hover li { background-color: #00b3df; } .tabs { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; z-index: 2; } .tabs:first-child { padding-left: 16px; } .tabs li.tabs-item { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; padding: 8px 20px; height: 37px; margin-right: 10px; cursor: pointer; border-bottom: 2px solid rgba(0, 179, 223, 0); -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; border-left: 1px solid rgba(255, 255, 255, 0); border-right: 1px solid rgba(255, 255, 255, 0); } .tabs li.tabs-item:hover { background-color: rgba(255, 255, 255, 0.5); } .tabs li.tabs-item.active { border-bottom: 2px solid #00b3df !important; } .tabs li.tabs-item .icon { top: 1px; position: relative; } .tabs li.tabs-item:hover { border-bottom: 2px solid rgba(0, 179, 223, 0.3); } .tab-content { background-color: #FFFFFF; border-top: 1px solid #DBE1E8; } .tab { display: none; } .tab.active { display: block; } .tabbar { border-bottom: 1px solid #DBE1E8; float: left; width: 100%; } .tabbar li { cursor: pointer; height: 38px; line-height: 38px; font-size: 13px; float: left; border-bottom: 2px solid transparent; padding: 0px 3px; margin: 0px 14px; } .tabbar li.active, .tabbar li:hover { border-bottom: 2px solid #00b3df; } .tabbar li img, .tabbar li svg { height: 22px !important; position: relative; top: 6px; } .tabbar li.deactivate { opacity: 0.4; } .image-cropper { width: 100%; } .image-cropper .cropit-image-preview { background-color: #FCFCFC; margin: 0px auto; position: relative; background-size: contain; } .image-cropper .cropit-image-preview .cropit-image-preview-loader { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background-color: rgba(255, 255, 255, 0.95); display: table; } .image-cropper .cropit-image-preview .cropit-image-preview-loader span { display: table-cell; vertical-align: middle; text-align: center; } .image-cropper input { float: left; } .image-cropper .cropit-image-input { display: none; } .icon { display: inline-block; vertical-align: middle; } .icon.xl { font-size: 18px; } .icon.baseline { vertical-align: -webkit-baseline-middle; } .icon.icon-size-column-1 { font-size: 58px; text-align: center; } input, .extender { font-size: 1em; line-height: 1.38462em; font-family: "Lato",Helvetica, Arial; color: #56677F; border: 0px; outline: 0; display: table-cell; } input[type="text"], input[type="password"], input[type="search"], input[type="color"], input[type="number"] { padding: 0px 8px; width: 100%; height: 30px; line-height: 30px; } input[type="text"]:-moz-placeholder, input[type="password"]:-moz-placeholder, input[type="search"]:-moz-placeholder, input[type="color"]:-moz-placeholder, input[type="number"]:-moz-placeholder { color: #D6D9DD; } input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="color"]::-moz-placeholder, input[type="number"]::-moz-placeholder { color: #D6D9DD; } input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="color"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder { color: #D6D9DD; } input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="color"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder { color: #D6D9DD; } input[type="text"].inline-edit, input[type="password"].inline-edit, input[type="search"].inline-edit, input[type="color"].inline-edit, input[type="number"].inline-edit { width: auto; padding-left: 0px; background-color: transparent; border-bottom: 2px dashed #D9E2E9; } input[type="color"] { padding: 0px 0px; } input[type="color"]::-webkit-color-swatch-wrapper { padding: 0; } input[type="color"]::-webkit-color-swatch { border: none; } input[type="number"]:invalid { color: #ff0000; background-color: #ffe6e6; } .-preview { height: 300px; } .formelement.elementlist .ell-title { font-size: 16px; } .formelement.elementlist .ell-description { color: #919EB1; } .formelement.elementlist .ell-elements { padding: 15px 0px; } .formelement.elementlist .ell-elements .seperator { text-align: center; color: #919EB1; padding: 5px; } .formelement.elementlist .ell-elements .element { border: 1px solid #DBE1E8; background-color: #FFFFFF; padding: 10px; } .formelement.elementlist .ell-elements .element:hover { background-color: #E7F1F7; } .formelement.elementlist .ell-elements .element:hover .delete-element { display: inline-block !important; } .formelement.elementlist .ell-elements .element .delete-element { color: #DD3F1D; font-size: 17px; padding: 1px; cursor: pointer; display: none !important; } .translated { background-color: #ff0; z-index: 1000000; } .dev_tools { background-size: 22px 22px; background-repeat: no-repeat; border-radius: 50%; border-style: solid; border-width: 1px; position: absolute; bottom: 80px; right: 17px; width: 48px; height: 48px; cursor: pointer; z-index: 10000; background-position: center; background-color: #aecb0a; border-color: #86a300; box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.23); } .dev_tools:hover { background-color: #86a300; } .dev_tools.active { background-color: #86a300; } .dev_tools > .icon { width: 30.5px; line-height: 37px; text-shadow: none; color: #fff; text-align: center; font-size: 24px; } .debug-console { overflow: scroll; font-weight: 600; background-color: rgba(0, 0, 0, 0.8); color: #fff; font-family: monospace; position: absolute; z-index: 9999; width: 600px; height: 100%; top: 0px; right: 0px; text-shadow: none; display: none; } .debug-console .debug-header { width: 100%; font-weight: 600 !important; position: relative; padding: 0px 10px; line-height: 24px; cursor: pointer; border-top: 1px solid rgba(255, 255, 255, 0.1); } .debug-console .debug-header.active { background-color: rgba(255, 255, 255, 0.1); } .debug-console .debug-message { display: none; width: 100%; font-weight: 600 !important; position: relative; padding: 0px 10px; line-height: 24px; } .debug-console .prop { color: #D78A34; } .debug-console .text { color: #B3CA71; } .debug-console .bool { color: #4A90E2; } .debug-console .error { color: #DD3F1D; } .mqtt-status { font-size: 12px; padding: 8px; height: 50px; line-height: 34px; } .mqtt-status .light { background-color: #C9C9C9; width: 10px; height: 10px; position: relative; float: right; margin-top: 12px; margin-left: 6px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .mqtt-status .light.red { background-color: #DD3F1D; } .mqtt-status .light.green { background-color: #AECB0F; } .timeselector { position: absolute; min-width: 100px; background-color: transparent !important; border: 0px solid #ECF0F5; z-index: 999; right: 24px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 0px; height: 30px; } .timeselector .display_mode_description { float: left; line-height: 30px; } .timeselector .timeselector-tab { float: left; height: 30px; margin-left: 5px; line-height: 30px; background-color: #ECF0F5 !important; font-size: 12px; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; } .timeselector .timeselector-tab .element { float: left; cursor: pointer; padding: 0px 7px; border-left: 1px solid #FCFCFC; } .timeselector .timeselector-tab .element:first-child { border-left: 0px solid #FCFCFC; } .timeselector .timeselector-tab .element:hover { background-color: #d9dde1; } .timeselector .timeselector-tab .element .dropdown_content { font-size: 14px; } .timeselector .dropdown { float: left; padding: 0px; } .timeselector .dropdown:hover, .timeselector .dropdown.active { background-color: #ECF0F5 !important; } .timeselector .timeselector_type { width: 100%; text-align: center; } .timeselector .timeselector_type .from_container, .timeselector .timeselector_type .to_container { width: 50%; float: left; padding: 0px 10px; position: relative; } .timeselector .timeselector_type .to_container { padding-left: 20px; } .timeselector .timeselector_type .to_container .to_text { font-size: 9px; position: absolute; width: 20px; line-height: 12px; top: 10px; margin-top: -6px; text-align: center; left: -15px; text-transform: uppercase; } .timeselector .timeselector_type .from_date, .timeselector .timeselector_type .from_time, .timeselector .timeselector_type .to_date, .timeselector .timeselector_type .to_time { width: 100%; line-height: 21px; } .timeselector .timeselector_type .from_date .icon, .timeselector .timeselector_type .from_time .icon, .timeselector .timeselector_type .to_date .icon, .timeselector .timeselector_type .to_time .icon { margin-right: 6px; margin-top: 2px; font-size: 13px; } .timeselector .timeselector_tabs { padding: 0px 16px; } .timeselector .timeselector_tabs .tabs { width: 100%; border-bottom: 1px solid #F0F0F0; } .timeselector .timeselector_tabs .tabs li { vertical-align: -webkit-baseline-middle; height: 40px; line-height: 24px; } .timeselector .title { position: absolute; left: 8px; top: -8px; color: #A4ADB4; padding: 0 3px; z-index: 10; font-size: 0.92308em; line-height: 1.5em; text-transform: capitalize; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, #ffffff)); background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), #ffffff 50%); background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), #ffffff 50%); background-image: linear-gradient(rgba(255, 255, 255, 0), #ffffff 50%); } .-time-selector.inline { float: left; width: 100%; display: inline-block; } .-time-selector.inline .timeselector { height: 50px; right: auto; background-color: transparent !important; position: relative; border: none; } .-time-selector.inline .timeselector .title { display: none; } .attributelive { font-size: 12px; font-weight: 600; color: #AECB0F; margin-left: 10px; margin-top: -4px; display: none; } .attributelive .dot { background-color: #AECB0F; width: 6px; height: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; display: inline-block; vertical-align: middle; margin-right: 2px; margin-top: -1px; -moz-animation: pulse 2s infinite ease-in-out; -webkit-animation: pulse 2s infinite ease-in-out; animation: pulse 2s infinite ease-in-out; } .live, .alwayslive { font-size: 11px; font-weight: 400; color: #56677F; margin-left: 10px; margin-top: 15px; margin-right: 5px; float: left; display: none; position: absolute; right: 10px; } .live .dot, .alwayslive .dot { background-color: #AECB0F; width: 6px; height: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; display: inline-block; vertical-align: middle; margin-right: 2px; margin-top: -1px; -moz-animation: pulse 2s infinite ease-in-out; -webkit-animation: pulse 2s infinite ease-in-out; animation: pulse 2s infinite ease-in-out; } .alwayslive { display: block !important; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(0.9); opacity: 0.4; } } @keyframes pulse { 0% { -webkit-transform: scale(1); opacity: 1; } 100% { transform: scale(0.9); opacity: 0.4; } } .badge { background-color: #00b3df; padding: 2px; font-size: 10px; text-transform: uppercase; color: #FFFFFF; text-shadow: none; font-weight: bold; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } /** Base container **/ .kalendae { display: inline-block; zoom: 1; *display: inline; background-color: #FFFFFF; border-radius: 2px; border: 1px solid #DBE1E8; font-size: 11px; cursor: default; position: relative; -moz-box-sizing: border-box; box-sizing: border-box; } .calendar-label { margin-top: 9px; } .kalendae .label { display: none; position: absolute; left: 8px; top: -8px; color: #A4ADB4; padding: 0 3px; z-index: 10; font-size: 12px; text-transform: capitalize; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, #ffffff)); background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), #ffffff 50%); background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), #ffffff 50%); background-image: linear-gradient(rgba(255, 255, 255, 0), #ffffff 50%); } .kalendae * { -moz-box-sizing: border-box; box-sizing: border-box; } /** Popup Container for Kalendae.Input **/ .kalendae.k-floating { position: absolute; top: 0; left: 0; z-index: 100000; margin: 0; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.75); } /** Kalendae.Input's popup close button **/ .kalendae .k-btn-close { position: absolute; top: -8px; right: -8px; width: 20px; height: 20px; background: white; border: 2px solid #ccc; color: #999; line-height: 17px; text-align: center; font-size: 13px; border-radius: 10px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.75); cursor: pointer; text-decoration: none; } .kalendae .k-btn-close:after { content: "\2716"; } .kalendae .k-btn-close:hover { color: #7EA0E2; background: white; border-color: #7EA0E2; } /** Month Container **/ .kalendae .k-calendar { display: inline-block; zoom: 1; *display: inline; width: 224px; vertical-align: top; } /** Month Separator **/ .kalendae .k-separator { display: inline-block; zoom: 1; *display: inline; width: 2px; vertical-align: top; background: #ddd; height: 155px; margin: 0px 10px; } /** Month Title Row **/ .kalendae .k-title { text-align: left; white-space: nowrap; position: relative; height: 36px; padding: 6px 6px 6px 6px; } .kalendae .k-caption { font-size: 14px; line-height: 24px; } /** Month and Year Buttons **/ .kalendae .k-btn-previous-month, .kalendae .k-btn-next-month, .kalendae .k-btn-previous-year, .kalendae .k-btn-next-year { width: 24px; height: 24px; cursor: pointer; position: absolute; color: #56677F; font-size: 13px; line-height: 28px; text-decoration: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .kalendae .k-btn-previous-month:hover, .kalendae .k-btn-next-month:hover, .kalendae .k-btn-previous-year:hover, .kalendae .k-btn-next-year:hover { background-color: #FCFCFC; } .kalendae .k-btn-previous-year { right: 72px; } .kalendae .k-btn-previous-month { right: 48px; } .kalendae .k-btn-next-month { right: 24px; } .kalendae .k-btn-next-year { right: 0; } /** Remove extra buttons when calendar shows multiple months **/ .kalendae .k-first-month .k-btn-next-month, .kalendae .k-middle-month .k-btn-next-month, .kalendae .k-middle-month .k-btn-previous-month, .kalendae .k-last-month .k-btn-previous-month, .kalendae .k-first-month .k-btn-next-year, .kalendae .k-middle-month .k-btn-next-year, .kalendae .k-middle-month .k-btn-previous-year, .kalendae .k-last-month .k-btn-previous-year { display: none; } /** Disable year nav option **/ .kalendae .k-title.k-disable-year-nav .k-btn-next-year, .kalendae .k-title.k-disable-year-nav .k-btn-previous-year { display: none; } .kalendae .k-title.k-disable-year-nav .k-btn-next-month { right: 0; } .kalendae .k-title.k-disable-year-nav .k-btn-previous-month { left: 0; } /** Force specific width for month container contents **/ .kalendae .k-title, .kalendae .k-header, .kalendae .k-days { display: block; overflow: hidden; } /** Hide unusable buttons **/ .kalendae.k-disable-next-month-btn .k-btn-next-month, .kalendae.k-disable-previous-month-btn .k-btn-previous-month, .kalendae.k-disable-next-year-btn .k-btn-next-year, .kalendae.k-disable-previous-year-btn .k-btn-previous-year { display: none; } /** Week columns and day cells **/ .kalendae .k-header span, .kalendae .k-days span { float: left; } .kalendae .k-header span { text-align: center; text-shadow: none; width: 32px; height: 20px; line-height: 20px; background-color: #56677F; color: #FFFFFF; } .kalendae .k-days span { border: 1px solid transparent; width: 32px; height: 30px; line-height: 30px; text-align: center; border-radius: 2px; color: #56677F; } /** Today **/ .kalendae .k-today { border: 1px solid #00b3df !important; } .kalendae .k-days span.k-in-month { color: #919EB1; background-color: #FFFFFF; } /** Days inside of the month view **/ .kalendae .k-days span.k-in-month.k-active { color: #56677F; background-color: #FFFFFF; } /** Days outside of the month view (before the first day of the month, after the last day of the month) **/ .kalendae .k-days span.k-out-of-month { color: #919EB1; } /** Selectable **/ .kalendae .k-days span.k-active { cursor: pointer; color: #56677F; } /** Selected day, when outside the selectable area **/ .kalendae .k-days span.k-selected { color: #00b3df; } /** Selected day, when inside the selectable area **/ .kalendae .k-days span.k-selected.k-active { background: #00b3df !important; color: white; } /** Days between the start and end points on a range, outside of the selectable area **/ .kalendae .k-days span.k-range { background: none; border-color: #6DD4FE; } /** Days between the start and end points on a range, inside of the selectable area **/ .kalendae .k-days span.k-range.k-in-month { background: #C4D4F1; border-color: #19AEFE; color: #56677F; } /** Selectable day, hovered **/ .kalendae .k-days span.k-active:hover { background-color: rgba(0, 179, 223, 0.3); } /** Selectable week, hovered **/ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } /*-------------------------------------IE8 ONLY CODE BELOW THIS LINE--------------------------------------------*/ .kalendae.ie8.k-floating { border: 1px solid #ccc; } .kalendae.ie8 .k-btn-close { width: 20px; height: 20px; border: none; background: url("close.png") no-repeat top left; } .kalendae.ie8 .k-btn-close:after { display: none; } .kalendae.ie8 .k-btn-previous-month, .kalendae.ie8 .k-btn-next-month, .kalendae.ie8 .k-btn-previous-year, .kalendae.ie8 .k-btn-next-year { width: 16px; height: 16px; cursor: pointer; background: #777 url("arrows.png") no-repeat center left; position: absolute; top: 0; } .kalendae.ie8 .k-btn-next-month, .kalendae.ie8 .k-btn-next-year { background-position: center right; } .kalendae.ie8 .k-btn-previous-month:hover, .kalendae.ie8 .k-btn-next-month:hover { background-color: #7EA0E2; } .kalendae.ie8 .k-btn-previous-year, .kalendae.ie8 .k-btn-next-year { background-color: #333; } .kalendae.ie8 .k-btn-previous-year:hover, .kalendae.ie8 .k-btn-next-year:hover { background-color: #6FDF81; } .kalendae.ie8 .k-btn-previous-month:after, .kalendae.ie8 .k-btn-next-month:after, .kalendae.ie8 .k-btn-previous-year:after, .kalendae.ie8 .k-btn-next-year:after { display: none; } .empty-space { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; } .empty-space .content { padding: 30px; border: 2px dashed #F0F0F0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin: 0px auto; text-align: center; margin-top: 100px; width: 500px; vertical-align: middle; max-width: 80%; } .empty-space h2 { color: #919EB1; font-size: 24px; font-weight: 200; width: 100%; position: relative; display: block; text-align: center; line-height: 25px; } .empty-space span { color: #919EB1; width: 100%; margin-top: 20px; position: relative; display: block; text-align: center !important; float: none !important; } .empty { float: left; padding-top: 24px; } .empty svg { height: 100px; padding-right: 12px; width: 100px; float: left; } .empty div { float: left; line-height: 24px; } .empty div .icon { ine-height: normal; } .arrow_box_placeholder { height: 202px; margin-top: 237px; position: relative; display: none; z-index: 1; } .arrow_box { display: none; margin-top: 237px; left: 0px; position: absolute; width: 738px; background-color: #FCFCFC; border-top: 1px solid #DBE1E8; border-bottom: 1px solid #DBE1E8; z-index: 100000; } .arrow_box:after, .arrow_box:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .arrow-up { width: 0; margin-left: 100px; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; position: absolute; display: none; z-index: 100001; } .arrow-up.border { border-bottom: 10px solid #DBE1E8; margin-top: 228px; } .arrow-up.main { border-bottom: 10px solid #FCFCFC; margin-top: 229px; } .menue_checkboxheader { font-weight: 500; } .checkboxlist_menu { position: relative; } .checkboxlist_menu li { margin: 15px 3px; } .checkboxlist_menu .checkboxlist_element { float: left; } .checkboxlist_menu .checkboxlist_element label { width: 14px; height: 14px; cursor: pointer; position: absolute; left: 2px; margin-top: 2px; background: transparent; border-radius: 2px; border: 1px solid #BABFC7; } .checkboxlist_menu .checkboxlist_element label:after { content: ''; width: 10px; height: 5px; position: absolute; top: 2px; left: 1px; border: 2px solid #AECB0F; border-top: none; border-right: none; background: transparent; opacity: 0; transform: rotate(-45deg); } .checkboxlist_menu .checkboxlist_element label:hover::after { opacity: 0.3; } .checkboxlist_menu .checkboxlist_element input[type=checkbox] { visibility: hidden; float: left; margin-top: 3px; margin-left: 3px; } .checkboxlist_menu .checkboxlist_element input[type=checkbox]:checked + label:after { opacity: 1; } .checkboxlist_menu .checkbox_text { margin-left: 20px; } /* end .squaredThree */ /* * This combined file was created by the DataTables downloader builder: * https://datatables.net/download * * To rebuild or modify this file with the latest versions of the included * software please visit: * https://datatables.net/download/#dt/jqc-1.11.3,dt-1.10.10,cr-1.3.0,fc-3.2.0,fh-3.1.0,r-2.0.0,sc-1.4.0 * * Included libraries: * jQuery compat 1.11.3, DataTables 1.10.10, ColReorder 1.3.0, FixedColumns 3.2.0, FixedHeader 3.1.0, Responsive 2.0.0, Scroller 1.4.0 */ .dataTables_wrapper .dataTables_length.form-element .selectize-control, .dataTables_wrapper .dataTables_filter.form-element .selectize-control { height: 23px !important; } .dataTables_wrapper .dataTables_length.form-element .selectize-control .selectize-input, .dataTables_wrapper .dataTables_filter.form-element .selectize-control .selectize-input { height: 23px !important; } .dataTables_wrapper .dataTables_length.form-element input, .dataTables_wrapper .dataTables_filter.form-element input { height: 23px !important; } /* * Table styles */ table.dataTable { width: 100%; margin: 0 auto; clear: both; border: 1px solid #DBE1E8; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border-collapse: separate; border-spacing: 0; margin-top: 27px; float: left; -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.03); -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.03); box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.03); } table.dataTable.modern { margin-top: 20px; border-spacing: 0 10px; border: none !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } table.dataTable.dynamiclist .selectize-input { border: 1px solid #DBE1E8; } table.dataTable.dynamiclist .selectize-input:after { right: 10px; } table.dataTable thead th, table.dataTable tfoot th { font-weight: bold; } table.dataTable thead th, table.dataTable thead td { font-size: 12px; height: 30px; line-height: 30px; padding-left: 15px; padding-right: 25px; border-bottom: 1px solid #DBE1E8; border-right: 1px solid #F0F0F0; background-color: #FCFCFC; } table.dataTable.modern thead th, table.dataTable.modern thead td { padding-left: 7px !important; border-bottom: none !important; border-right: none !important; background-color: initial !important; } table.dataTable thead th:active, table.dataTable thead td:active { outline: none; } table.dataTable tfoot th, table.dataTable tfoot td { padding: 5px; border-top: 1px solid #DBE1E8; } table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc { cursor: pointer; *cursor: hand; } table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled { background-repeat: no-repeat; background-position: center right; } table.dataTable thead .sorting { background-image: url("/img/datatable/sort_both.png"); } table.dataTable thead .sorting_asc { background-image: url("/img/datatable/sort_asc.png"); } table.dataTable thead .sorting_desc { background-image: url("/img/datatable/sort_desc.png"); } table.dataTable thead .sorting_asc_disabled { background-image: url("/img/datatable/sort_asc_disabled.png"); } table.dataTable thead .sorting_desc_disabled { background-image: url("/img/datatable/sort_desc_disabled.png"); } table.dataTable tbody tr { background-color: #FFFFFF; } table.dataTable tbody tr.selected { background-color: #B0BED9; } table.dataTable tbody th, table.dataTable tbody td { height: 38px; line-height: 38px; padding-left: 15px; } table.dataTable.modern tbody th, table.dataTable.modern tbody td { height: 23px !important; line-height: 23px !important; padding-left: 15px !important; } table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td { border-top: 1px solid #DBE1E8; } table.dataTable.row-border tbody tr:first-child th, table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th, table.dataTable.display tbody tr:first-child td { border-top: none; } table.dataTable tbody th, table.dataTable tbody td { overflow-wrap: anywhere; border-top: 1px solid #DBE1E8; border-right: 1px solid #F0F0F0; } table.dataTable.modern tbody th, table.dataTable.modern tbody td { border-top: none !important; border-right: none !important; } table.dataTable.cell-border tbody tr th:first-child, table.dataTable.cell-border tbody tr td:first-child { border-left: 1px solid #DBE1E8; } table.dataTable.cell-border tbody tr:first-child th, table.dataTable.cell-border tbody tr:first-child td { border-top: none; } table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.even { background-color: #FCFCFC; } table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover { background-color: #F2F4F7; } table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected { background-color: #aab7d1; } table.dataTable.nowrap th, table.dataTable.nowrap td { white-space: nowrap; } table.dataTable.compact thead th, table.dataTable.compact thead td { padding: 4px 17px 4px 4px; } table.dataTable.compact tfoot th, table.dataTable.compact tfoot td { padding: 4px; } table.dataTable.compact tbody th, table.dataTable.compact tbody td { padding: 4px; } table.dataTable th.dt-left, table.dataTable td.dt-left { text-align: left; } table.dataTable th.dt-center, table.dataTable td.dt-center, table.dataTable td.dataTables_empty { text-align: center; } table.dataTable th.dt-right, table.dataTable td.dt-right { text-align: right; } table.dataTable th.dt-justify, table.dataTable td.dt-justify { text-align: justify; } table.dataTable th.dt-nowrap, table.dataTable td.dt-nowrap { white-space: nowrap; } table.dataTable thead th.dt-head-left, table.dataTable thead td.dt-head-left, table.dataTable tfoot th.dt-head-left, table.dataTable tfoot td.dt-head-left { text-align: left; } table.dataTable thead th.dt-head-center, table.dataTable thead td.dt-head-center, table.dataTable tfoot th.dt-head-center, table.dataTable tfoot td.dt-head-center { text-align: center; } table.dataTable thead th.dt-head-right, table.dataTable thead td.dt-head-right, table.dataTable tfoot th.dt-head-right, table.dataTable tfoot td.dt-head-right { text-align: right; } table.dataTable thead th.dt-head-justify, table.dataTable thead td.dt-head-justify, table.dataTable tfoot th.dt-head-justify, table.dataTable tfoot td.dt-head-justify { text-align: justify; } table.dataTable thead th.dt-head-nowrap, table.dataTable thead td.dt-head-nowrap, table.dataTable tfoot th.dt-head-nowrap, table.dataTable tfoot td.dt-head-nowrap { white-space: nowrap; } table.dataTable tbody th.dt-body-left, table.dataTable tbody td.dt-body-left { text-align: left; } table.dataTable tbody th.dt-body-center, table.dataTable tbody td.dt-body-center { text-align: center; } table.dataTable tbody th.dt-body-right, table.dataTable tbody td.dt-body-right { text-align: right; } table.dataTable tbody th.dt-body-justify, table.dataTable tbody td.dt-body-justify { text-align: justify; } table.dataTable tbody th.dt-body-nowrap, table.dataTable tbody td.dt-body-nowrap { white-space: nowrap; } table.dataTable, table.dataTable th, table.dataTable td { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } /* * Control feature layout */ .dataTables_wrapper { position: relative; clear: both; *zoom: 1; zoom: 1; } .dataTables_wrapper .dataTables_length { float: left; width: 140px; } .dataTables_wrapper .dataTables_filter { float: right; width: 240px; text-align: right; } .dataTables_wrapper .dataTables_info { clear: both; float: left; padding-top: 0.755em; font-size: 12px; } .dataTables_wrapper .dataTables_paginate { float: right; text-align: right; padding-top: 0.25em; } .dataTables_wrapper .dataTables_paginate .paginate_button { box-sizing: border-box; display: inline-block; min-width: 1.5em; padding: 0.5em 1em; margin-left: 2px; text-align: center; text-decoration: none !important; cursor: pointer; *cursor: hand; color: #56677F !important; border: 1px solid transparent; border-radius: 2px; } .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { color: #56677F !important; border: 1px solid #DBE1E8; background-color: #FCFCFC; } .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { cursor: default; color: #56677F !important; border: 1px solid transparent; background: transparent; box-shadow: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } .dataTables_wrapper .dataTables_paginate .paginate_button:hover { background-color: #f2f2f2 !important; } .dataTables_wrapper .dataTables_paginate .paginate_button:active { background-color: #e8e8e8 !important; } .dataTables_wrapper .dataTables_paginate .ellipsis { padding: 0 1em; } .dataTables_wrapper .dataTables_processing { position: absolute; top: 50%; left: 50%; width: 100%; height: 40px; margin-left: -50%; margin-top: -25px; padding-top: 20px; text-align: center; font-size: 1.2em; background-color: white; background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); } .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate { color: #56677F; } .dataTables_wrapper .dataTables_scroll { clear: both; } .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody { *margin-top: -1px; -webkit-overflow-scrolling: touch; } .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td { vertical-align: middle; } .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing { height: 0; overflow: hidden; margin: 0 !important; padding: 0 !important; } .dataTables_wrapper.no-footer .dataTables_scrollBody { border-bottom: 1px solid #111; } .dataTables_wrapper.no-footer div.dataTables_scrollHead table, .dataTables_wrapper.no-footer div.dataTables_scrollBody table { border-bottom: none; } .dataTables_wrapper:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } @media screen and (max-width: 767px) { .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate { float: none; text-align: center; } .dataTables_wrapper .dataTables_paginate { margin-top: 0.5em; } } @media screen and (max-width: 640px) { .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter { float: none; text-align: center; } .dataTables_wrapper .dataTables_filter { margin-top: 0.5em; } } table.DTCR_clonedTable { background-color: rgba(255, 255, 255, 0.7); z-index: 202; } div.DTCR_pointer { width: 3px; background-color: #00b3df; z-index: 201; } table.DTFC_Cloned thead, table.DTFC_Cloned tfoot { background-color: white; } div.DTFC_Blocker { background-color: white; } div.DTFC_LeftWrapper table.dataTable, div.DTFC_RightWrapper table.dataTable { margin-bottom: 0; z-index: 2; } div.DTFC_LeftWrapper table.dataTable.no-footer, div.DTFC_RightWrapper table.dataTable.no-footer { border-bottom: none; } table.fixedHeader-floating { position: fixed !important; background-color: white; } table.fixedHeader-floating.no-footer { border-bottom-width: 0; } table.fixedHeader-locked { position: absolute !important; background-color: white; } @media print { table.fixedHeader-floating { display: none; } } table.dataTable.dtr-inline.collapsed > tbody > tr > td.child, table.dataTable.dtr-inline.collapsed > tbody > tr > th.child, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty { cursor: default !important; } table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before { display: none !important; } table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child { position: relative; padding-left: 30px; cursor: pointer; } table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before { top: 8px; left: 4px; height: 16px; width: 16px; display: block; position: absolute; color: white; border: 2px solid white; border-radius: 16px; box-shadow: 0 0 3px #444; box-sizing: content-box; font-family: 'Courier New', Courier, monospace; text-indent: 4px; line-height: 16px; content: '+'; background-color: #31b131; } table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before { content: '-'; background-color: #d33333; } table.dataTable.dtr-inline.collapsed > tbody > tr.child td:before { display: none; } table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child, table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child { padding-left: 27px; } table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child:before { top: 5px; left: 4px; height: 14px; width: 14px; border-radius: 14px; line-height: 14px; text-indent: 3px; } table.dataTable.dtr-column > tbody > tr > td.control, table.dataTable.dtr-column > tbody > tr > th.control { position: relative; cursor: pointer; } table.dataTable.dtr-column > tbody > tr > td.control:before, table.dataTable.dtr-column > tbody > tr > th.control:before { top: 50%; left: 50%; height: 16px; width: 16px; margin-top: -10px; margin-left: -10px; display: block; position: absolute; color: white; border: 2px solid white; border-radius: 16px; box-shadow: 0 0 3px #444; box-sizing: content-box; font-family: 'Courier New', Courier, monospace; text-indent: 4px; line-height: 16px; content: '+'; background-color: #31b131; } table.dataTable.dtr-column > tbody > tr.parent td.control:before, table.dataTable.dtr-column > tbody > tr.parent th.control:before { content: '-'; background-color: #d33333; } table.dataTable > tbody > tr.child { padding: 0.5em 1em; } table.dataTable > tbody > tr.child:hover { background: transparent !important; } table.dataTable > tbody > tr.child ul { display: inline-block; list-style-type: none; margin: 0; padding: 0; } table.dataTable > tbody > tr.child ul li { border-bottom: 1px solid #efefef; padding: 0.5em 0; } table.dataTable > tbody > tr.child ul li:first-child { padding-top: 0; } table.dataTable > tbody > tr.child ul li:last-child { border-bottom: none; } table.dataTable > tbody > tr.child span.dtr-title { display: inline-block; min-width: 75px; font-weight: bold; } div.dtr-modal { position: fixed; box-sizing: border-box; top: 0; left: 0; height: 100%; width: 100%; z-index: 100; padding: 10em 1em; } div.dtr-modal div.dtr-modal-display { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 50%; height: 50%; overflow: auto; margin: auto; z-index: 102; overflow: auto; background-color: #f5f5f7; border: 1px solid black; border-radius: 0.5em; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6); } div.dtr-modal div.dtr-modal-content { position: relative; padding: 1em; } div.dtr-modal div.dtr-modal-close { position: absolute; top: 6px; right: 6px; width: 22px; height: 22px; border: 1px solid #eaeaea; background-color: #f9f9f9; text-align: center; border-radius: 3px; cursor: pointer; z-index: 12; } div.dtr-modal div.dtr-modal-close:hover { background-color: #eaeaea; } div.dtr-modal div.dtr-modal-background { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 101; background: rgba(0, 0, 0, 0.6); } @media screen and (max-width: 767px) { div.dtr-modal div.dtr-modal-display { width: 95%; } } div.DTS tbody th, div.DTS tbody td { white-space: nowrap; } div.DTS tbody tr.even { background-color: white; } div.DTS div.DTS_Loading { z-index: 1; } div.DTS div.dataTables_scrollBody { background: repeating-linear-gradient(45deg, #edeeff, #edeeff 10px, white 10px, white 20px); } div.DTS div.dataTables_scrollBody table { z-index: 2; } div.DTS div.dataTables_paginate { display: none; } .profile_picture_dropzone .dz-filename, .profile_picture_dropzone .dz-size, .profile_picture_dropzone .dz-success-mark, .profile_picture_dropzone .dz-error-mark, .profile_picture_dropzone .dz-error-message { display: none; } .profile_picture_dropzone img { position: absolute; left: 15px; } .selectize-dropdown-content .icon { margin-right: 10px; } .formelements { position: relative; padding: 50px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; float: left; width: 100%; } .formelements td { vertical-align: top; } .formelements .container { padding: 3px 0px; max-height: 400px; overflow-y: auto; overflow-x: hidden; } .formelements .container hr { height: 1px; border: none; color: #F0F0F0; background-color: #F0F0F0; margin: 10px 0; } .formelements .container .itemlist { border-top: 0px; } .formelements .container .itemlist.-filterbar-container { overflow: hidden; background-color: #FFFFFF; } .formelements .container .itemlist.filterbar { vertical-align: top; } .formelements .container .title { text-align: right; width: 100px; padding-top: 14px; padding-right: 12px; border: 0px; vertical-align: top; } .formelements .container .title.top { padding-top: 5px !important; } .formelements .container .formelement { border: 0px; padding: 6px; } .formelements .container .formelement .permalinkrelease .frameDescription { padding: 5px; } .formelements .container .formelement .permalinkrelease .frame { border: 1px solid #ccc; padding: 10px; background-color: white; cursor: auto; font-size: 12px; } .formelements .container .formelement.hiddenfield { display: none; } .formelements .container .formelement input { border: 1px solid #DBE1E8; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; height: 30px; width: 100%; vertical-align: top; } .formelements .container .formelement input.info { border: 1px solid #3B8AC3 !important; } .formelements .container .formelement input.success { border: 1px solid #AECB0F !important; } .formelements .container .formelement input.error { border: 1px solid #DD3F1D !important; } .formelements .container .formelement input:focus { border: 1px solid rgba(86, 103, 127, 0.6); } .formelements .container .formelement .inputtext { width: 100%; border: 0px; } .formelements .container .formelement .inputtext .input-group-prefix { float: left; color: #56677F; text-align: center; width: 65px; border: 1px solid #DBE1E8; border-right: 0px; border-bottom-left-radius: 2px; border-top-left-radius: 2px; height: 32px; line-height: 32px; } .formelements .container .formelement .inputtext .input-group-postfix { float: left; color: #56677F; text-align: center; /* width: 65px; */ white-space: nowrap; padding: 0px 10px; border: 1px solid #DBE1E8; border-left: 0px; border-bottom-right-radius: 2px; border-top-right-radius: 2px; height: 32px; line-height: 32px; } .formelements .container .formelement .inputtext .input-group-text { border: 0px; margin: 0px; padding: 0px 0px 6px; width: 100%; } .formelements .container .formelement .inputtext .input-group-text input { border: 1px solid #DBE1E8; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; height: 32px; width: 100%; vertical-align: top; } .formelements .container .formelement .inputtext .input-group-text input.info { border: 1px solid #3B8AC3 !important; } .formelements .container .formelement .inputtext .input-group-text input.success { border: 1px solid #AECB0F !important; } .formelements .container .formelement .inputtext .input-group-text input.error { border: 1px solid #DD3F1D !important; } .formelements .container .formelement .inputtext .input-group-text input:focus { border: 1px solid rgba(86, 103, 127, 0.6); } .formelements .container .formelement .inputtext .input-group-text input:disabled { opacity: 0.5; background-color: #fafafa; } .formelements .container .formelement .inputtext .input-group-text input.colorpickerV2 { border-radius: 5px; width: 32px; cursor: pointer; color: transparent; float: left; } .formelements .container .formelement .inputtext .input-group-text input.colorpickerV2 + .colorcode { float: left; margin-left: 14px; padding-top: 9px; } .formelements .container .formelement .inputtext .input-group-text input.datasourceInput { color: #56677F; opacity: 1 !important; height: 34px; cursor: pointer; background-color: transparent; border-color: transparent; padding: 0 !important; } .formelements .container .formelement .inputtext .input-group-text .datasourceButton { margin: 0px; min-width: inherit; padding: 5px 12px; margin-top: 5px; } .formelements .container .formelement .inputtext .input-group-text .nopreborder { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .formelements .container .formelement .inputtext .input-group-text .nopostborder { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .formelements .container .formelement .inputdate { width: 100%; border: 0px; } .formelements .container .formelement .inputdate .input-td-date { border: 0px; margin: 0px; padding: 0px 0px 6px; width: 100%; } .formelements .container .formelement .inputdate .input-td-date input { border: 1px solid #DBE1E8; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; height: 38px; width: 100%; vertical-align: top; } .formelements .container .formelement .inputdate .input-td-date input.info { border: 1px solid #3B8AC3 !important; } .formelements .container .formelement .inputdate .input-td-date input.success { border: 1px solid #AECB0F !important; } .formelements .container .formelement .inputdate .input-td-date input.error { border: 1px solid #DD3F1D !important; } .formelements .container .formelement .inputdate .input-td-date input:focus { border: 1px solid rgba(86, 103, 127, 0.6); } .formelements .container .formelement.input-info tr td { vertical-align: top; border: 0px; } .formelements .container .formelement.input-info tr td hr { color: #3B8AC3; border-top: 1px solid #3B8AC3; height: 1px; clear: both; } .formelements .container .formelement.input-info tr td pre { line-height: 25px; font-family: monospace; font-size: 12px; color: #3B8AC3; height: 30px; float: left; } .formelements .container .formelement.input-info tr td.image { text-align: center; } .formelements .container .formelement.input-info tr td.image-left, .formelements .container .formelement.input-info tr td.image-right { width: 30%; } .formelements .container .formelement.input-info tr td.text-right, .formelements .container .formelement.input-info tr td.text-left { width: 70%; } .formelements .container .formelement.input-info tr td.image-right { padding: 0px 20px 0px 40px; } .formelements .container .formelement.input-info tr td.image-left { padding: 0px 40px 0px 20px; } .formelements .container .formelement.input-info tr td.image-top { padding-bottom: 20px; } .formelements .container .formelement.input-info tr td.image-bottom { padding-top: 20px; } .formelements .container .formelement.input-info tr td img.image-maxheight { max-height: 220px !important; } .formelements .container .formelement.input-info tr td p.center { width: 100%; text-align: center; padding: 0 50px; } .formelements .container .formelement.input-list-target { width: 70%; padding-left: 18px; float: left; } .formelements .container .formelement.input-list { position: relative; height: 100%; width: 30%; float: left; background-color: #FFFFFF; border: 1px solid #DBE1E8; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; padding: 0px !important; } .formelements .container .formelement.input-list .elements { height: 100%; overflow-y: scroll; } .formelements .container .formelement.input-list .elements .emptySpace { font-size: 12px; text-align: center; } .formelements .container .formelement.input-list .elements .emptySpace.hidden { display: none; } .formelements .container .formelement.input-list .elements .emptySpace img { width: 60%; margin: 20px 0px; } .formelements .container .formelement.input-list .elements .emptySpace .icon { color: #00b3df; font-size: 40px; margin: 35px 0px 15px; } .formelements .container .formelement.input-list .elements .emptySpace .text { color: #56677F; padding: 0px 10px; line-height: 20px; } .formelements .container .formelement.input-list .elements .emptySpace .link { color: #3B8AC3; cursor: pointer; padding: 0px 10px; line-height: 20px; } .formelements .container .formelement.input-list .elements .element { cursor: pointer; height: 38px; border-bottom: 1px solid #F0F0F0; } .formelements .container .formelement.input-list .elements .element.active { color: #008fb2; border-right: 2px solid #00b3df; background-color: #FCFCFC; } .formelements .container .formelement.input-list .elements .element:hover { background-color: #FCFCFC; } .formelements .container .formelement.input-list .elements .element .element-icon { display: inline-block; padding: 8px; font-size: 20px; margin-left: 10px; } .formelements .container .formelement.input-list .elements .element .element-text { padding: 0px 10px; display: inline-block; } .formelements .container .formelement.input-list .bottom:before { content: " "; background: linear-gradient(rgba(255, 255, 255, 0), #ffffff); height: 20px; width: 100%; position: absolute; margin-top: -20px; } .formelements .container .formelement.input-list .bottom { background-color: #FFFFFF; color: #008fb2; bottom: 0px; position: absolute; height: 38px; width: 100%; } .formelements .container .formelement.input-list .bottom .list-button { display: inline-block; padding: 10px; margin-left: 10px; cursor: pointer; } .formelements .container .formelement .input-button .button-title { height: 46px; color: #3B8AC3; border: 0px; width: 150px; cursor: pointer; } .formelements .container .formelement .input-button .button-title.error { color: #DD3F1D !important; } .formelements .container .formelement .input-button .button-subtitle { border: 0px; font-size: 12px; color: rgba(86, 103, 127, 0.5); line-height: 16px; } .formelements .container .formelement .modal-headline .title { width: auto; font-size: 16px; line-height: 40px; color: #56677F; padding: 0 0px; border: 0px; } .formelements .container .formelement .modal-headline .subtitle { font-size: 12px; color: rgba(86, 103, 127, 0.5); line-height: 16px; } .formelements .container .formelement .selectize-control { height: 32px; border: 1px solid #DBE1E8; margin: 0 0 6px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .formelements .container .formelement .selectize-control .icon { margin-right: 10px; line-height: 20px; } .formelements .container .formelement .selectize-control.error { border: 1px solid #DD3F1D; } .formelements .container .formelement .selectize-control .selectize-input { line-height: 30px; } .formelements .container .formelement .selectize-control .selectize-input:after { margin-right: 10px; } .formelements .container .formelement .textarea { width: 100%; border: 0px; } .formelements .container .formelement .textarea textarea { border: 1px solid #DBE1E8; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .formelements .container .formelement .textarea textarea:disabled { opacity: 0.5; background-color: #fafafa; } .formelements .container .formelement .textarea textarea:focus { border: 1px solid rgba(86, 103, 127, 0.6); } .formelements .container .formelement .textarea textarea.error { border-color: #DD3F1D !important; } .formelements .container .formelement .textarea textarea.info { border-color: #3B8AC3 !important; } .formelements .container .formelement .textarea textarea.success { border-color: #AECB0F !important; } .formelements .container .formelement.selection label .frame { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; border: 1px solid rgba(219, 225, 232, 0); cursor: pointer; position: relative; } .formelements .container .formelement.selection label .frame .tick { font-family: "lm3"; color: #FFFFFF; padding: 6px; width: 27px; height: 27px; position: absolute; float: right; right: 0px; background-color: #00b3df; -moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px; display: none; } .formelements .container .formelement.selection label .frame:hover { background-color: rgba(219, 225, 232, 0.1); border: 1px solid #DBE1E8; } .formelements .container .formelement.selection label .frame .headline { font-size: 16px; } .formelements .container .formelement.selection label .frame .subline { line-height: 18px; } .formelements .container .formelement.selection input[type=radio]:checked + label .frame { background-color: rgba(0, 179, 223, 0.04); border: 1px solid #00b3df; } .formelements .container .formelement.selection input[type=radio]:checked + label .tick { display: inline-block; } .formelements .container .formelement.selection.two .seperator:last-child { display: none !important; } .formelements .container .formelement.selection.two .seperator { height: 385px; width: 6%; float: left; } .formelements .container .formelement.selection.two .seperator .seperatorline { border-left: 1px solid #ccc; margin-left: 50%; height: 385px; text-align: center; top: -30px; position: relative; } .formelements .container .formelement.selection.two .seperator .seperatortext { position: relative; text-align: center; width: 100%; top: 45%; padding: 6px; background-color: #FCFCFC; z-index: 100; } .formelements .container .formelement.selection.two .item { height: 385px; width: 47%; float: left; } .formelements .container .formelement.selection.two label .frame { height: 385px; text-align: center; } .formelements .container .formelement.selection.two label .frame .tick { margin: 20px; } .formelements .container .formelement.selection.two label .frame .headline { text-align: center; margin-top: 40px !important; margin: 0px 30px; } .formelements .container .formelement.selection.two label .frame img { max-height: 140px !important; max-width: 250px !important; margin: 50px; } .formelements .container .formelement.selection.two label .frame .subline { text-align: center; margin: 20px; margin-top: 0px; } .formelements .container .formelement.selection.three { float: left; } .formelements .container .formelement.selection.three .seperator:last-child { display: none !important; } .formelements .container .formelement.selection.three .seperator { height: 1px; width: 100%; float: left; padding: 10px; } .formelements .container .formelement.selection.three .seperator .seperatorline { border-top: 1px solid #DBE1E8; width: 100%; position: relative; } .formelements .container .formelement.selection.three label .frame { height: 100%; position: relative; float: left; width: 100%; } .formelements .container .formelement.selection.three label .frame .tick { margin: 10px; } .formelements .container .formelement.selection.three label .frame .headline { margin-left: 150px; margin-top: 30px; } .formelements .container .formelement.selection.three label .frame img { max-height: 115px !important; max-width: 120px !important; margin: 10px; float: left; } .formelements .container .formelement.selection.three label .frame .subline { margin: 10px; margin-left: 150px !important; } .formelements .container .formelement.itemlist { float: left; width: 100%; } .formelements .container .formelement.itemlist .itemlistmain { float: left; width: 100%; height: 100%; } .formelements .container .formelement.itemlist .itemlistmain .footer { float: left; margin: 10px 0px 30px 0px; color: #919EB1; } .formelements .container .formelement.itemlist .itemlistmain .footer a { color: #00b3df; } .formelements .container .formelement.itemlist .itemlistmain .itemlistelement { width: 100%; float: left; } .formelements .container .formelement.itemlist .itemlistmain .itemlistelement .elementhead { float: left; width: 100%; border-bottom: 1px solid #DBE1E8; padding: 1em; } .formelements .container .formelement.itemlist .itemlistmain .itemlistelement .elementhead .headtext { float: left; font-size: 16px; line-height: 16px; position: relative; } .formelements .container .formelement.itemlist .itemlistmain .itemlistelement .elementhead .headdescription { float: left; margin-left: 10px; color: #919EB1; font-size: 12px; line-height: 12px; top: 4px; position: relative; } .formelements .container .formelement.itemlist .itemlistmain .itemlistelement input[type=radio]:checked + label .frame { background-color: rgba(0, 179, 223, 0.04) !important; border: 1px solid #00b3df !important; } .formelements .container .formelement.itemlist .itemlistmain .itemlistelement input[type=radio]:checked + label .frame .eltick { font-family: "lm3"; color: #FFFFFF; padding: 6px; width: 27px; height: 27px; position: absolute; float: left; top: 8px; background-color: #00b3df; -moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px; display: block; } .formelements .container .formelement.itemlist .itemlistmain .itemlistelement input[type=radio]:checked + label .frame .elplaceholdertick { display: none !important; } .formelements .container .formelement.itemlist .itemlistmain .itemlistelement input[type=radio]:checked + label.list .frame .eltick { left: 10px; } .formelements .container .formelement.itemlist .itemlistmain .itemlistelement input[type=radio]:checked + label.biglist .frame .eltick { right: 10px; } .formelements .container .formelement.itemlist .itemlistmain .itemlistelement .-filterbar-item:last-child { float: left; width: 100%; } .formelements .container .formelement.itemlist .itemlistmain .itemlistelement .-filterbar-item:last-child { margin-bottom: 20px; } .formelements .container .formelement.itemlist .itemlistmain .itemlistelement .elementbody.list .frame, .formelements .container .formelement.itemlist .itemlistmain .itemlistelement .elementbody.biglist .frame { border: 1px solid rgba(219, 225, 232, 0); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; position: relative; float: left; width: 100%; padding: 1em; } .formelements .container .formelement.itemlist .itemlistmain .itemlistelement .elementbody.list .frame:hover, .formelements .container .formelement.itemlist .itemlistmain .itemlistelement .elementbody.biglist .frame:hover { background-color: rgba(219, 225, 232, 0.1); border: 1px solid #DBE1E8; } .formelements .container .formelement.itemlist .itemlistmain .itemlistelement .elementbody .elbottominfo { float: right; font-size: 12px; font-weight: 500; padding: 14px 0; } .formelements .container .formelement.itemlist .itemlistmain .itemlistelement .elementbody .eltitle { font-weight: 500; } .formelements .container .formelement.itemlist .itemlistmain .itemlistelement .elementbody .elshort { color: #919EB1; font-size: 12px; } .formelements .container .formelement.itemlist .itemlistmain .itemlistelement .elementbody.list { float: left; padding: 3px 0px; border-bottom: 1px solid #DBE1E8; width: 100%; } .formelements .container .formelement.itemlist .itemlistmain .itemlistelement .elementbody.list .frame { padding: 0 14px; min-height: 47px; } .formelements .container .formelement.itemlist .itemlistmain .itemlistelement .elementbody.list .elplaceholdertick { float: left; width: 50px; width: 27px; height: 27px; position: absolute; float: left; left: 10px; top: 8px; -moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px; border: 3px solid #DBE1E8; display: block; } .formelements .container .formelement.itemlist .itemlistmain .itemlistelement .elementbody.list .eltick { float: left; width: 40px; display: none; } .formelements .container .formelement.itemlist .itemlistmain .itemlistelement .elementbody.list .elimage { display: none; } .formelements .container .formelement.itemlist .itemlistmain .itemlistelement .elementbody.list .icon { font-size: 22px; float: left; left: 33px; position: relative; padding: 11px; } .formelements .container .formelement.itemlist .itemlistmain .itemlistelement .elementbody.list .eltitle { float: left; position: relative; top: -1px; padding: 14px; margin: 0 10px 0px 30px; } .formelements .container .formelement.itemlist .itemlistmain .itemlistelement .elementbody.list .elshort { float: left; position: relative; top: 3px; line-height: 12px; padding: 14px 0; margin-right: 14px; } .formelements .container .formelement.itemlist .itemlistmain .itemlistelement .elementbody.list .eldescription { display: block; height: 19px; overflow: hidden; margin: 14px 0; position: relative; color: #919EB1; } .formelements .container .formelement.itemlist .itemlistmain .itemlistelement .elementbody.list .elmore { float: right; color: #3B8AC3; cursor: pointer; } .formelements .container .formelement.itemlist .itemlistmain .itemlistelement .elementbody.list .elbottominfo { width: 100px; text-align: right; padding: 14px 0; } .formelements .container .formelement.itemlist .itemlistmain .itemlistelement .elementbody.biglist { float: left; padding: 3px 0px; border-bottom: 1px solid #DBE1E8; width: 100%; } .formelements .container .formelement.itemlist .itemlistmain .itemlistelement .elementbody.biglist .elplaceholdertick { display: none; } .formelements .container .formelement.itemlist .itemlistmain .itemlistelement .elementbody.biglist .eltick { float: right; display: none; } .formelements .container .formelement.itemlist .itemlistmain .itemlistelement .elementbody.biglist .elimage { float: left; max-height: 90px !important; max-width: 90px !important; margin-right: 1em; } .formelements .container .formelement.itemlist .itemlistmain .itemlistelement .elementbody.biglist .icon { float: left; font-size: 25px; margin-left: 50px; } .formelements .container .formelement.itemlist .itemlistmain .itemlistelement .elementbody.biglist .eltitle { line-height: 24px; } .formelements .container .formelement.itemlist .itemlistmain .itemlistelement .elementbody.biglist .elshort { line-height: 20px; margin-left: 105px; } .formelements .container .formelement.itemlist .itemlistmain .itemlistelement .elementbody.biglist .eldescription { font-size: 12px; } .formelements .container .formelement.itemlist .itemlistmain .itemlistelement .elementbody.biglist .elmore { display: none; } .formelements .container .formelement.itemlist .itemlistmain .itemlistelement .elementbody.biglist .elbottominfo { margin-top: 35px; } .formelements .container .formelement.dynamicitemlist { float: left; width: 100%; padding-right: 20px; height: 100%; overflow: auto; min-height: 400px; } .formelements .container .formelement.dynamicitemlist .dil_main { float: left; width: 100%; height: 100%; } .formelements .container .formelement.dynamicitemlist .dil_main .dil_element { width: 100%; float: left; } .formelements .container .formelement.dynamicitemlist .dil_main .dil_element .-filterbar-item:last-child { margin-bottom: 20px; } .formelements .container .formelement.dynamicitemlist .dil_main .dil_element .elementbody { margin: 10px 0px; } .formelements .container .formelement.dynamicitemlist .dil_main .dil_element .elementbody .card { margin-top: 0px; padding: 15px; } .formelements .container .formelement.dynamicitemlist .dil_main .dil_element .elementbody .card .eldetail { display: none; margin: 7px 0; } .formelements .container .formelement.dynamicitemlist .dil_main .dil_element .elementbody .card .elfiles { display: none; max-width: 100% !important; margin: 7px 0; } .formelements .container .formelement.dynamicitemlist .dil_main .dil_element .elementbody .card.extrude .eldescription { display: none !important; } .formelements .container .formelement.dynamicitemlist .dil_main .dil_element .elementbody .card.extrude .eldetail { display: block !important; } .formelements .container .formelement.dynamicitemlist .dil_main .dil_element .elementbody .card.extrude .elfiles { display: block !important; } .formelements .container .formelement.dynamicitemlist .dil_main .dil_element .elementbody .elheader { font-size: 21px; line-height: 25px; } .formelements .container .formelement.dynamicitemlist .dil_main .dil_element .elementbody .eltitle { font-size: 18px; line-height: 26px; margin: 7px 0; } .formelements .container .formelement.dynamicitemlist .dil_main .dil_element .elementbody .eldescription { color: #919EB1; margin: 7px 0; } .formelements .container .formelement.dynamicitemlist .dil_main .dil_element .elementbody .elmore { color: #3B8AC3; cursor: pointer; } .formelements .container .formelement .radio .radioelement { float: left; } .formelements .container .formelement .radio input[type=radio] { display: none; } .formelements .container .formelement .radio label:before { content: ""; display: inline-block; width: 14px; height: 14px; position: absolute; left: 0px; bottom: 12px; background-color: #DBE1E8; -moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px; } .formelements .container .formelement .radio input[type=radio]:checked + label:before { background-color: #00b3df; border: 2px solid #DBE1E8; } .formelements .container .formelement .radio label:hover:before { background-color: rgba(0, 179, 223, 0.3); border: 2px solid #DBE1E8; } .formelements .container .formelement .radio label { margin-left: 5px; display: inline-block; cursor: pointer; position: relative; padding-bottom: 10px; padding-left: 25px; margin-right: 10px; font-size: 13px; width: 140px; } .formelements .container .formelement .radio.floatone .radioelement { float: none; } .formelements .container .formelement .radio.floattwo .radioelement:nth-child(even) { float: none; } .formelements .container .formelement .radio.floatthree .radioelement:nth-child(3n) { float: none; } .formelements .container .formelement .checkbox .checkboxelement { float: left; } .formelements .container .formelement .checkbox input[type=checkbox] { display: none; } .formelements .container .formelement .checkbox label:before { content: ""; display: inline-block; width: 14px; height: 14px; position: absolute; left: 0px; bottom: 12px; background-color: transparent; border: 1px solid #DBE1E8; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-align: center; line-height: 14px; font-size: 11px; } .formelements .container .formelement .checkbox input[type=checkbox]:checked + label:before { font-family: "lm3"; content: "\N"; color: #00b3df; text-shadow: none; } .formelements .container .formelement .checkbox label:hover:before { font-family: "lm3"; content: "\N"; color: rgba(0, 179, 223, 0.8); text-shadow: none; } .formelements .container .formelement .checkbox label { margin-left: 5px; display: inline-block; cursor: pointer; position: relative; padding-bottom: 10px; padding-left: 25px; margin-right: 10px; font-size: 13px; width: 220px; } .formelements .container .formelement .checkbox.floatone .checkboxelement { float: none; } .formelements .container .formelement .checkbox.floattwo .checkboxelement:nth-child(even) { float: none; } .formelements .container .formelement .checkbox.floatthree .checkboxelement:nth-child(3n) { float: none; } .formelements .container .formelement.iconlist { padding-top: 0px !important; } .formelements .container .formelement .iconlist .icon { padding: 6px; float: left; } .formelements .container .formelement .iconlist label { float: left; width: 38px; height: 38px; border: 1px solid #DBE1E8; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background-color: #FFFFFF; font-size: 24px; color: #56677F; padding: 6px; cursor: pointer; } .formelements .container .formelement .iconlist label:hover { background-color: #F5F8FA; } .formelements .container .formelement .iconlist input[type=radio] { display: none; } .formelements .container .formelement .iconlist input[type=radio]:checked + label { border: 1px solid #00b3df; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; color: #00b3df; background-color: #F5F8FA; } .formelements .container .formelement .description { color: rgba(86, 103, 127, 0.5); font-size: 12px; padding: 0 5px; clear: both; } .formelements .container .formelement .description.error { color: #DD3F1D !important; } .formelements .container .formelement .description.info { color: #3B8AC3 !important; } .formelements .container .formelement .description.success { color: #AECB0F !important; } .formelements .container .formelement .errormsg { display: none; color: #DD3F1D !important; font-size: 12px; padding: 0 5px; clear: both; } .container.template-disconnect { margin-left: 100px; margin-top: 20px; } .-modalBuilder-main .formelement.hiddenfield { display: block !important; } .input-list .elements { padding-bottom: 40px; } .input-list .-sortable-container { overflow: hidden; } .unclickable { pointer-events: none; } .container.hidden { display: none; } .-filterbar { width: 200px; position: relative; border-right: 1px solid #DBE1E8; } .-filterbar > div:first-child { padding-top: 6px; } -filterbar-container { height: 400px; overflow: scroll; } .sidebar-form-element { padding: 5px 11px; float: left; } .sidebar-form-element label { font-size: 14px; color: #56677F; letter-spacing: 0px; width: 100%; font-weight: 500; padding-bottom: 5px; float: left; } .sidebar-form-element input { border: 1px solid #DBE1E8; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; height: 32px; width: 100%; vertical-align: top; float: left; } .sidebar-form-element input[type=search] { -webkit-appearance: textfield; line-height: 17px; padding-right: 0px; } .sidebar_bottom .container { z-index: 1000; margin-top: -35px; height: 35px; } .sidebar_bottom .container img { height: 25px !important; margin: 6px; float: left; } .sidebar_bottom .container span { font-size: 11px; color: #919EB1; margin-left: 3px; line-height: 36px; } .context-menu-list .context-menu-item .disable { cursor: default; opacity: 0.35; } .contextmenu.-navigation-elements { border: 1px solid #DBE1E8; border-radius: 5px; display: flex; align-items: center; max-height: 40px; cursor: pointer; } .contextmenu.-navigation-elements .action_element { padding: 8px 8px; border-right: 1px solid #DBE1E8; } .contextmenu.-navigation-elements .action_element:hover { background-color: rgba(0, 0, 0, 0.05); } .red { color: #DD3F1D; } .onboarding-indicator { width: 19px; height: 19px; -moz-border-radius: 13px; -webkit-border-radius: 13px; border-radius: 13px; border: 3px solid #fff; background-color: #00b3df; position: absolute; } .onboarding-indicator.right { right: 10px; } .onboarding-indicator.left { left: 10px; } .onboarding-indicator.top { top: 0px; } .onboarding-indicator.bottom { bottom: 0px; } .onboarding-indicator:after, .onboarding-indicator:before { content: ""; width: 13px; height: 13px; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; position: absolute; left: 0px; top: 0px; background-color: #00b3df; -webkit-animation: fadeOut 1s infinite; animation: fadeOut 1s infinite; -moz-animation: fadeOut 1s infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .onboarding-indicator:before { animation-delay: 0.3s; -webkit-animation-delay: 0.3s; } @-webkit-keyframes fadeOut { 0% { opacity: 0.4; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 100% { opacity: 0; -webkit-transform: scale(3); -moz-transform: scale(3); -ms-transform: scale(3); -o-transform: scale(3); transform: scale(3); } } @keyframes fadeOut { 0% { opacity: 0.4; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 100% { opacity: 0; -webkit-transform: scale(3); -moz-transform: scale(3); -ms-transform: scale(3); -o-transform: scale(3); transform: scale(3); } } .helpcenter-info h1 { padding-top: 20px; text-align: center; } .helpcenter-info p { text-align: center; color: #919eb1; } .helpcenter-info .divider { height: 2px; left: 50%; position: relative; margin-left: -100px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; width: 200px; display: inline-block; background-color: #00b3df; } .start-screen .viewContainer { background-color: #fff; background: url(/img/loginBackground.png) no-repeat center bottom fixed; -moz-background-size: contain; -o-background-size: contain; -webkit-background-size: contain; background-size: contain; } .longtext { line-height: 170%; padding-top: 12px; } .ui-accordion-icons .icon { padding-right: 5px; } .popover { position: absolute; background: #FFFFFF; border: 1px solid #DBE1E8; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; z-index: 9999; padding: 15px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); } .popover .title { font-size: 13px; font-weight: 500; } .popover .text { margin: 10px 0; } .popover .button { text-align: center; background-color: #00b3df; color: #FFFFFF; text-shadow: 0px 0px 0px; margin: 0px; } .popover .close { cursor: pointer; } .popover .link { line-height: 32px; float: right; cursor: pointer; } .popover:after, .popover:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .popover:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #FFFFFF; border-width: 9px; margin-left: -9px; } .popover:before { border-color: rgba(157, 183, 199, 0); border-bottom-color: #DBE1E8; border-width: 10px; margin-left: -10px; } .licenseView { padding: 25px 0; float: left; } .licenseView .left { width: 25%; } .licenseView .left .license-img { margin: 15px 70px 0px; } .licenseView .right { width: 75%; padding-right: 70px; } .licenseView .right .license-header { padding: 10px 0; font-weight: 500; } .licenseView .right .license-description { font-size: 12px; padding: 5px 0; } .licenseView .right .license-description p { margin-bottom: 10px; } .licenseView .right .license-footer { font-size: 11px; clear: both; } .licenseView .right .license-input input { width: 150px; border: 1px solid #DBE1E8; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; height: 32px; vertical-align: top; } .licenseView .right .license-input a { line-height: 32px; margin: 0px 20px; } @-webkit-keyframes pulse-badge { 0% { -webkit-transform: scale(0.9); opacity: 0.6; } 50% { -webkit-transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(0.9); opacity: 0.6; } } @keyframes pulse-badge { 0% { transform: scale(0.9); opacity: 0.6; } 50% { transform: scale(1); opacity: 1; } 100% { transform: scale(0.9); opacity: 0.6; } } .releaseNotes .badge { background-color: #DD3F1D; left: -10px; font-size: 12px; font-weight: bold; color: #FFFFFF; padding: 2px 5px; position: relative; text-shadow: none; text-transform: uppercase; -moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px; -moz-animation: pulse-badge 4s infinite ease-in-out; -webkit-animation: pulse-badge 4s infinite ease-in-out; animation: pulse-badge 4s infinite ease-in-out; } .kpiContainer { width: 25%; float: left; height: 160px; padding: 0 10px; margin: 10px 0; border-right: 1px solid #DBE1E8; position: relative; } .kpiContainer:nth-child(4n) { border-right: none; } .kpiContainer .kpiInnerContainer { height: 160px; width: 100%; position: relative; } .kpiContainer .kpiInnerContainer .widget_lastvalue, .kpiContainer .kpiInnerContainer .widget_gauge { top: -10px; position: relative; } .kpiContainer .addKPI { border: 1px dashed #F0F0F0; border-radius: 5px; text-align: center; color: #919EB1; padding: 20px; } .kpiContainer .addKPI .icon { font-size: 30px; margin: 20px; } .kpiContainer .addKPI:hover { background-color: #E7F1F7; } .kpiContainer .addKPI:active { background-color: #DBE1E8; } .kpiContainer .kpiMenu { right: 20px; z-index: 999; position: absolute; cursor: pointer; top: 7px; } .infokpi-unit, .-statistic-unit { padding-left: 4px; } .kpi .kpi-header { font-weight: 600; font-size: 14px; line-height: 19px; padding: 0px; } .kpi .kpi-value { font-weight: 200; font-size: 29px; line-height: 39px; } .kpi .kpi-unit { padding-left: 4px; font-size: 14px; position: relative; top: -10px; } .infokpi-container { float: left; white-space: nowrap; position: relative; height: 100%; } .infokpi { width: 150px; display: inline-block; white-space: normal; border-left: 1px solid #DBE1E8; } .infokpi:first-child { border: 0px solid transparent; } .infokpi .infokpi-title { width: 100%; text-align: center; display: inline-block; } .infokpi .infokpi-value { width: 100%; text-align: center; display: inline-block; font-weight: 300; font-size: 28px; padding-top: 18px; } .infokpi .infokpi-value .info-description { font-size: 24px !important; } .infokpi .infokpi-time { width: 100%; text-align: center; display: none; } .infokpi .infokpi-unit { font-size: 50%; position: relative; top: -9px; text-align: center; display: inline-block; } .infokpi.lastvalue { width: auto; } .infokpi.lastvalue .infokpi-title { display: none; } .infokpi.lastvalue .infokpi-time { display: inline-block; font-weight: 500; font-size: 12px; color: #919EB1; text-align: left; } .infokpi.lastvalue .infokpi-value { font-size: 36px; text-align: left; padding-top: 7px; line-height: 36px; } .infokpi.lastvalue .infokpi-unit { font-size: 50%; position: relative; top: -12px; text-align: center; display: inline-block; } .infokpi.lastvalueState { width: auto; max-width: 200px; } .infokpi.lastvalueState .infokpi-time { display: inline-block; font-weight: 500; font-size: 12px; color: #919EB1; text-align: left; } .infokpi.lastvalueState .infokpi-value { font-size: 24px; text-align: left; padding-top: 7px; line-height: 36px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .infokpi.lastvalueState .infokpi-value .data-bind-value { display: none; } .infokpi-unit, .-statistic-unit { padding-left: 4px; } .infostring { display: inline-block; white-space: normal; } .infostring .infostring-container { font-weight: 300; font-size: 24px; line-height: 33px; padding-top: 18px; max-width: 50px; text-align: right; display: flex; max-width: 350px; } .infostring .infostring-container .infostring-value { white-space: nowrap; overflow: hidden; width: 100%; text-overflow: ellipsis; text-align: right; } .infostring .infostring-time { width: 100%; text-align: right; display: inline-block; font-weight: 500; font-size: 12px; color: #919EB1; } /*! * * ************************* * Author: David Michlmayr * Date: 17.04.19 17:23 * Copyright (c) 2019 * LineMetrics GmbH * ************************* */ .asset-map.leaflet-popup .leaflet-popup-content-wrapper { width: inherit; padding: 10px; } .asset-map.leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .leaflet-content-header { display: flex; margin-bottom: 10px; padding: 3px 0px; border-bottom: 1px solid; } .asset-map.leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .text.bold { font-weight: bold; } .asset-map.leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .map-popup-content-list li { padding-bottom: 10px; } /* ========================================================================== $BASE-PICKER ========================================================================== */ /** * Note: the root picker element should *NOT* be styled more than what’s here. */ .picker { font-size: 16px; text-align: left; line-height: 1.2; color: #000000; position: absolute; z-index: 10000; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /** * The picker input element. */ .picker__input { cursor: default; } /** * When the picker is opened, the input element is “activated”. */ .picker__input.picker__input--active { border-color: #0089ec; } /** * The holder is the only “scrollable” top-level container element. */ .picker__holder { width: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; } /*! * Classic picker styling for pickadate.js * Demo: http://amsul.github.io/pickadate.js */ /** * Note: the root picker element should *NOT* be styled more than what’s here. */ .picker { width: 100%; } /** * The holder is the base of the picker. */ .picker__holder { position: absolute; background: #ffffff; border: 1px solid #aaaaaa; border-top-width: 0; border-bottom-width: 0; border-radius: 0 0 5px 5px; box-sizing: border-box; min-width: 176px; max-width: 466px; max-height: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; -webkit-transform: translateY(-1em) perspective(600px) rotateX(10deg); transform: translateY(-1em) perspective(600px) rotateX(10deg); transition: -webkit-transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s 0.15s, border-width 0s 0.15s; transition: transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s 0.15s, border-width 0s 0.15s; } /** * The frame and wrap work together to ensure that * clicks within the picker don’t reach the holder. */ .picker__frame { padding: 1px; } .picker__wrap { margin: -1px; } /** * When the picker opens... */ .picker--opened .picker__holder { max-height: 25em; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; border-top-width: 1px; border-bottom-width: 1px; -webkit-transform: translateY(0) perspective(600px) rotateX(0); transform: translateY(0) perspective(600px) rotateX(0); transition: -webkit-transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s, border-width 0s; transition: transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s, border-width 0s; box-shadow: 0 6px 18px 1px rgba(0, 0, 0, 0.12); } /* ========================================================================== $BASE-DATE-PICKER ========================================================================== */ /** * The picker box. */ .picker__box { padding: 0 1em; } /** * The header containing the month and year stuff. */ .picker__header { text-align: center; position: relative; margin-top: .75em; } /** * The month and year labels. */ .picker__month, .picker__year { font-weight: 500; display: inline-block; margin-left: .25em; margin-right: .25em; } .picker__year { color: #999999; font-size: .8em; font-style: italic; } /** * The month and year selectors. */ .picker__select--month, .picker__select--year { border: 1px solid #b7b7b7; height: 2em; padding: .5em; margin-left: .25em; margin-right: .25em; } @media (min-width: 24.5em) { .picker__select--month, .picker__select--year { margin-top: -0.5em; } } .picker__select--month { width: 35%; } .picker__select--year { width: 22.5%; } .picker__select--month:focus, .picker__select--year:focus { border-color: #0089ec; } /** * The month navigation buttons. */ .picker__nav--prev, .picker__nav--next { position: absolute; padding: .5em 1.25em; width: 1em; height: 1em; box-sizing: content-box; top: -0.25em; } @media (min-width: 24.5em) { .picker__nav--prev, .picker__nav--next { top: -0.33em; } } .picker__nav--prev { left: -1em; padding-right: 1.25em; } @media (min-width: 24.5em) { .picker__nav--prev { padding-right: 1.5em; } } .picker__nav--next { right: -1em; padding-left: 1.25em; } @media (min-width: 24.5em) { .picker__nav--next { padding-left: 1.5em; } } .picker__nav--prev:before, .picker__nav--next:before { content: " "; border-top: .5em solid transparent; border-bottom: .5em solid transparent; border-right: 0.75em solid #000000; width: 0; height: 0; display: block; margin: 0 auto; } .picker__nav--next:before { border-right: 0; border-left: 0.75em solid #000000; } .picker__nav--prev:hover, .picker__nav--next:hover { cursor: pointer; color: #000000; background: #b1dcfb; } .picker__nav--disabled, .picker__nav--disabled:hover, .picker__nav--disabled:before, .picker__nav--disabled:before:hover { cursor: default; background: none; border-right-color: #f5f5f5; border-left-color: #f5f5f5; } /** * The calendar table of dates */ .picker__table { text-align: center; border-collapse: collapse; border-spacing: 0; table-layout: fixed; font-size: inherit; width: 100%; margin-top: .75em; margin-bottom: .5em; } @media (min-height: 33.875em) { .picker__table { margin-bottom: .75em; } } .picker__table td { margin: 0; padding: 0; } /** * The weekday labels */ .picker__weekday { width: 14.285714286%; font-size: .75em; padding-bottom: .25em; color: #999999; font-weight: 500; /* Increase the spacing a tad */ } @media (min-height: 33.875em) { .picker__weekday { padding-bottom: .5em; } } /** * The days on the calendar */ .picker__day { padding: .3125em 0; font-weight: 200; border: 1px solid transparent; } .picker__day--today { position: relative; } .picker__day--today:before { content: " "; position: absolute; top: 2px; right: 2px; width: 0; height: 0; border-top: 0.5em solid #0059bc; border-left: .5em solid transparent; } .picker__day--disabled:before { border-top-color: #aaaaaa; } .picker__day--outfocus { color: #dddddd; } .picker__day--infocus:hover, .picker__day--outfocus:hover { cursor: pointer; color: #000000; background: #b1dcfb; } .picker__day--highlighted { border-color: #0089ec; } .picker__day--highlighted:hover, .picker--focused .picker__day--highlighted { cursor: pointer; color: #000000; background: #b1dcfb; } .picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected { background: #0089ec; color: #ffffff; } .picker__day--disabled, .picker__day--disabled:hover, .picker--focused .picker__day--disabled { background: #f5f5f5; border-color: #f5f5f5; color: #dddddd; cursor: default; } .picker__day--highlighted.picker__day--disabled, .picker__day--highlighted.picker__day--disabled:hover { background: #bbbbbb; } /** * The footer containing the "today", "clear", and "close" buttons. */ .picker__footer { text-align: center; } .picker__button--today, .picker__button--clear, .picker__button--close { border: 1px solid #ffffff; background: #ffffff; font-size: .8em; padding: .66em 0; font-weight: bold; width: 33%; display: inline-block; vertical-align: bottom; } .picker__button--today:hover, .picker__button--clear:hover, .picker__button--close:hover { cursor: pointer; color: #000000; background: #b1dcfb; border-bottom-color: #b1dcfb; } .picker__button--today:focus, .picker__button--clear:focus, .picker__button--close:focus { background: #b1dcfb; border-color: #0089ec; outline: none; } .picker__button--today:before, .picker__button--clear:before, .picker__button--close:before { position: relative; display: inline-block; height: 0; } .picker__button--today:before, .picker__button--clear:before { content: " "; margin-right: .45em; } .picker__button--today:before { top: -0.05em; width: 0; border-top: 0.66em solid #0059bc; border-left: .66em solid transparent; } .picker__button--clear:before { top: -0.25em; width: .66em; border-top: 3px solid #ee2200; } .picker__button--close:before { content: "\D7"; top: -0.1em; vertical-align: top; font-size: 1.1em; margin-right: .35em; color: #777777; } .picker__button--today[disabled], .picker__button--today[disabled]:hover { background: #f5f5f5; border-color: #f5f5f5; color: #dddddd; cursor: default; } .picker__button--today[disabled]:before { border-top-color: #aaaaaa; } /* ========================================================================== $CLASSIC-DATE-PICKER ========================================================================== */ /* ========================================================================== $BASE-TIME-PICKER ========================================================================== */ /** * The list of times. */ .picker__list { list-style: none; padding: 0.75em 0 4.2em; margin: 0; } /** * The times on the clock. */ .picker__list-item { border-bottom: 1px solid #dddddd; border-top: 1px solid #dddddd; margin-bottom: -1px; position: relative; background: #ffffff; padding: .75em 1.25em; } @media (min-height: 46.75em) { .picker__list-item { padding: .5em 1em; } } /* Hovered time */ .picker__list-item:hover { cursor: pointer; color: #000000; background: #b1dcfb; border-color: #0089ec; z-index: 10; } /* Highlighted and hovered/focused time */ .picker__list-item--highlighted { border-color: #0089ec; z-index: 10; } .picker__list-item--highlighted:hover, .picker--focused .picker__list-item--highlighted { cursor: pointer; color: #000000; background: #b1dcfb; } /* Selected and hovered/focused time */ .picker__list-item--selected, .picker__list-item--selected:hover, .picker--focused .picker__list-item--selected { background: #0089ec; color: #ffffff; z-index: 10; } /* Disabled time */ .picker__list-item--disabled, .picker__list-item--disabled:hover, .picker--focused .picker__list-item--disabled { background: #f5f5f5; border-color: #f5f5f5; color: #dddddd; cursor: default; border-color: #dddddd; z-index: auto; } /** * The clear button */ .picker--time .picker__button--clear { display: block; width: 80%; margin: 1em auto 0; padding: 1em 1.25em; background: none; border: 0; font-weight: 500; font-size: .67em; text-align: center; text-transform: uppercase; color: #666; } .picker--time .picker__button--clear:hover, .picker--time .picker__button--clear:focus { color: #000000; background: #b1dcfb; background: #ee2200; border-color: #ee2200; cursor: pointer; color: #ffffff; outline: none; } .picker--time .picker__button--clear:before { top: -0.25em; color: #666; font-size: 1.25em; font-weight: bold; } .picker--time .picker__button--clear:hover:before, .picker--time .picker__button--clear:focus:before { color: #ffffff; border-color: #ffffff; } /* ========================================================================== $CLASSIC-TIME-PICKER ========================================================================== */ /** * Note: the root picker element should __NOT__ be styled * more than what’s here. Style the `.picker__holder` instead. */ .picker--time { min-width: 256px; max-width: 320px; } /** * The holder is the base of the picker. */ .picker--time .picker__holder { background: #f2f2f2; } @media (min-height: 40.125em) { .picker--time .picker__holder { font-size: .875em; } } /** * The box contains the list of times. */ .picker--time .picker__box { padding: 0; position: relative; } .timepicker_input { width: 50% !important; border: 1px solid #DBE1E8; } /** * Trumbowyg v2.1.0 - A lightweight WYSIWYG editor * Default stylesheet for Trumbowyg editor * ------------------------ * @link http://alex-d.github.io/Trumbowyg * @license MIT * @author Alexandre Demode (Alex-D) * Twitter : @AlexandreDemode * Website : alex-d.fr */ #trumbowyg-icons { overflow: hidden; visibility: hidden; height: 0; width: 0; } #trumbowyg-icons svg { height: 0; width: 0; } .trumbowyg-box *, .trumbowyg-box *::before, .trumbowyg-box *::after { box-sizing: border-box; } .trumbowyg-box svg { width: 17px; height: 100%; fill: #222; } .trumbowyg-box, .trumbowyg-editor { display: block; position: relative; border: 1px solid #DDD; width: 100%; min-height: 300px; margin: 17px auto; } .trumbowyg-box .trumbowyg-editor { margin: 0 auto; } .trumbowyg-box.trumbowyg-fullscreen { background: #FEFEFE; border: none !important; } .trumbowyg-editor, .trumbowyg-textarea { position: relative; box-sizing: border-box; padding: 20px; min-height: 300px; width: 100%; border-style: none; resize: none; outline: none; overflow: auto; } .trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-box-blur .trumbowyg-editor::before { color: transparent !important; text-shadow: 0 0 7px #333; } @media screen and (min-width: 0 \0 ) { .trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-box-blur .trumbowyg-editor::before { color: rgba(200, 200, 200, 0.6) !important; } } @supports (-ms-accelerator: true) { .trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-box-blur .trumbowyg-editor::before { color: rgba(200, 200, 200, 0.6) !important; } } .trumbowyg-box-blur .trumbowyg-editor img, .trumbowyg-box-blur .trumbowyg-editor hr { opacity: 0.2; } .trumbowyg-textarea { position: relative; display: block; overflow: auto; border: none; white-space: normal; font-size: 14px; font-family: "Inconsolata", "Consolas", "Courier", "Courier New", sans-serif; line-height: 18px; } .trumbowyg-box.trumbowyg-editor-visible .trumbowyg-textarea { height: 1px !important; width: 25%; min-height: 0 !important; padding: 0 !important; background: none; opacity: 0 !important; } .trumbowyg-box.trumbowyg-editor-hidden .trumbowyg-textarea { display: block; } .trumbowyg-box.trumbowyg-editor-hidden .trumbowyg-editor { display: none; } .trumbowyg-box.trumbowyg-disabled .trumbowyg-textarea { opacity: 0.8; background: none; } .trumbowyg-editor[contenteditable=true]:empty::before { content: attr(placeholder); color: #999; pointer-events: none; } .trumbowyg-button-pane { display: flex; flex-flow: row wrap; width: 100%; min-height: 36px; background: #ecf0f1; border-bottom: 1px solid #d7e0e2; margin: 0; padding: 0 5px; list-style-type: none; line-height: 10px; backface-visibility: hidden; } .trumbowyg-button-pane::after { content: " "; display: block; position: absolute; top: 36px; left: 0; right: 0; width: 100%; height: 1px; background: #d7e0e2; } .trumbowyg-button-pane .trumbowyg-button-group { display: flex; flex-flow: row wrap; } .trumbowyg-button-pane .trumbowyg-button-group .trumbowyg-fullscreen-button svg { color: transparent; } .trumbowyg-button-pane .trumbowyg-button-group:not(:empty) + .trumbowyg-button-group::before { content: " "; display: block; width: 1px; background: #d7e0e2; margin: 0 5px; height: 35px; } .trumbowyg-button-pane button { display: block; position: relative; width: 35px; height: 35px; padding: 1px 6px !important; margin-bottom: 1px; overflow: hidden; border: none; cursor: pointer; background: none; transition: background-color 150ms, opacity 150ms; } .trumbowyg-button-pane.trumbowyg-disable button:not(.trumbowyg-not-disable):not(.trumbowyg-active), .trumbowyg-disabled .trumbowyg-button-pane button:not(.trumbowyg-not-disable):not(.trumbowyg-viewHTML-button) { opacity: 0.2; cursor: default; } .trumbowyg-button-pane.trumbowyg-disable .trumbowyg-button-group::before, .trumbowyg-disabled .trumbowyg-button-pane .trumbowyg-button-group::before { background: #e3e9eb; } .trumbowyg-button-pane button:not(.trumbowyg-disable):hover, .trumbowyg-button-pane button:not(.trumbowyg-disable):focus, .trumbowyg-button-pane button.trumbowyg-active { background-color: #FFF; outline: none; } .trumbowyg-button-pane .trumbowyg-open-dropdown::after { display: block; content: " "; position: absolute; top: 25px; right: 3px; height: 0; width: 0; border: 3px solid transparent; border-top-color: #555; } .trumbowyg-button-pane .trumbowyg-right { margin-left: auto; } .trumbowyg-button-pane .trumbowyg-right::before { display: none !important; } .trumbowyg-dropdown { width: 200px; border: 1px solid #ecf0f1; padding: 5px 0; border-top: none; background: #FFF; margin-left: -1px; box-shadow: rgba(0, 0, 0, 0.1) 0 2px 3px; } .trumbowyg-dropdown button { display: block; width: 100%; height: 35px; line-height: 35px; text-decoration: none; background: #FFF; padding: 0 10px; color: #333 !important; border: none; cursor: pointer; text-align: left; font-size: 15px; transition: all 150ms; } .trumbowyg-dropdown button:hover, .trumbowyg-dropdown button:focus { background: #ecf0f1; } .trumbowyg-dropdown button svg { float: left; margin-right: 14px; } /* Modal box */ .trumbowyg-modal { position: absolute; top: 0; left: 50%; transform: translateX(-50%); max-width: 520px; width: 100%; height: 350px; z-index: 11; overflow: hidden; backface-visibility: hidden; } .trumbowyg-modal-box { position: absolute; top: 0; left: 50%; transform: translateX(-50%); max-width: 500px; width: calc(100% - 20px); padding-bottom: 45px; z-index: 1; background-color: #FFF; text-align: center; font-size: 14px; box-shadow: rgba(0, 0, 0, 0.2) 0 2px 3px; backface-visibility: hidden; } .trumbowyg-modal-box .trumbowyg-modal-title { font-size: 24px; font-weight: bold; margin: 0 0 20px; padding: 15px 0 13px; display: block; border-bottom: 1px solid #EEE; color: #333; background: #fbfcfc; } .trumbowyg-modal-box .trumbowyg-progress { width: 100%; height: 3px; position: absolute; top: 58px; } .trumbowyg-modal-box .trumbowyg-progress .trumbowyg-progress-bar { background: #2BC06A; height: 100%; transition: width 150ms linear; } .trumbowyg-modal-box label { display: block; position: relative; margin: 15px 12px; height: 27px; line-height: 27px; overflow: hidden; } .trumbowyg-modal-box label .trumbowyg-input-infos { display: block; text-align: left; height: 25px; line-height: 25px; transition: all 150ms; } .trumbowyg-modal-box label .trumbowyg-input-infos span { display: block; color: #69878f; background-color: #fbfcfc; border: 1px solid #DEDEDE; padding: 0 7px; width: 150px; } .trumbowyg-modal-box label .trumbowyg-input-infos span.trumbowyg-msg-error { color: #e74c3c; } .trumbowyg-modal-box label.trumbowyg-input-error input, .trumbowyg-modal-box label.trumbowyg-input-error textarea { border: 1px solid #e74c3c; } .trumbowyg-modal-box label.trumbowyg-input-error .trumbowyg-input-infos { margin-top: -27px; } .trumbowyg-modal-box label input { position: absolute; top: 0; right: 0; height: 27px; line-height: 27px; border: 1px solid #DEDEDE; background: #fff; font-size: 14px; max-width: 330px; width: 70%; padding: 0 7px; transition: all 150ms; } .trumbowyg-modal-box label input:hover, .trumbowyg-modal-box label input:focus { outline: none; border: 1px solid #95a5a6; } .trumbowyg-modal-box label input:focus { background: #fbfcfc; } .trumbowyg-modal-box .error { margin-top: 25px; display: block; color: red; } .trumbowyg-modal-box .trumbowyg-modal-button { position: absolute; bottom: 10px; right: 0; text-decoration: none; color: #FFF; display: block; width: 100px; height: 35px; line-height: 33px; margin: 0 10px; background-color: #333; border: none; cursor: pointer; font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif; font-size: 16px; transition: all 150ms; } .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit { right: 110px; background: #2bc06a; } .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:hover, .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:focus { background: #40d47e; outline: none; } .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:active { background: #25a25a; } .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset { color: #555; background: #e6e6e6; } .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:hover, .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:focus { background: #fbfbfb; outline: none; } .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:active { background: #d5d5d5; } .trumbowyg-overlay { position: absolute; background-color: rgba(255, 255, 255, 0.5); width: 100%; left: 0; display: none; z-index: 10; } /** * Fullscreen */ body.trumbowyg-body-fullscreen { overflow: hidden; } .trumbowyg-fullscreen { position: fixed; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; z-index: 99999; } .trumbowyg-fullscreen.trumbowyg-box, .trumbowyg-fullscreen .trumbowyg-editor { border: none; } .trumbowyg-fullscreen .trumbowyg-editor, .trumbowyg-fullscreen .trumbowyg-textarea { height: calc(100% - 37px) !important; overflow: auto; } .trumbowyg-fullscreen .trumbowyg-overlay { height: 100% !important; } .trumbowyg-fullscreen .trumbowyg-button-group .trumbowyg-fullscreen-button svg { color: #222; fill: transparent; } .trumbowyg-editor { /* * lset for resetCss option */ } .trumbowyg-editor object, .trumbowyg-editor embed, .trumbowyg-editor video, .trumbowyg-editor img { max-width: 100%; } .trumbowyg-editor video, .trumbowyg-editor img { height: auto; } .trumbowyg-editor img { cursor: move; } .trumbowyg-editor.trumbowyg-reset-css { background: #FEFEFE !important; font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif !important; font-size: 14px !important; line-height: 1.45em !important; white-space: normal !important; color: #333; } .trumbowyg-editor.trumbowyg-reset-css a { color: #15c !important; text-decoration: underline !important; } .trumbowyg-editor.trumbowyg-reset-css div, .trumbowyg-editor.trumbowyg-reset-css p, .trumbowyg-editor.trumbowyg-reset-css ul, .trumbowyg-editor.trumbowyg-reset-css ol, .trumbowyg-editor.trumbowyg-reset-css blockquote { box-shadow: none !important; background: none !important; margin: 0 !important; margin-bottom: 15px !important; line-height: 1.4em !important; font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif !important; font-size: 14px !important; border: none; } .trumbowyg-editor.trumbowyg-reset-css iframe, .trumbowyg-editor.trumbowyg-reset-css object, .trumbowyg-editor.trumbowyg-reset-css hr { margin-bottom: 15px !important; } .trumbowyg-editor.trumbowyg-reset-css blockquote { margin-left: 32px !important; font-style: italic !important; color: #555; } .trumbowyg-editor.trumbowyg-reset-css ul, .trumbowyg-editor.trumbowyg-reset-css ol { padding-left: 20px !important; } .trumbowyg-editor.trumbowyg-reset-css ul ul, .trumbowyg-editor.trumbowyg-reset-css ol ol, .trumbowyg-editor.trumbowyg-reset-css ul ol, .trumbowyg-editor.trumbowyg-reset-css ol ul { border: none; margin: 2px !important; padding: 0 !important; padding-left: 24px !important; } .trumbowyg-editor.trumbowyg-reset-css hr { display: block; height: 1px; border: none; border-top: 1px solid #CCC; } .trumbowyg-editor.trumbowyg-reset-css h1, .trumbowyg-editor.trumbowyg-reset-css h2, .trumbowyg-editor.trumbowyg-reset-css h3, .trumbowyg-editor.trumbowyg-reset-css h4 { color: #111; background: none; margin: 0 !important; padding: 0 !important; font-weight: bold; } .trumbowyg-editor.trumbowyg-reset-css h1 { font-size: 32px !important; line-height: 38px !important; margin-bottom: 20px !important; } .trumbowyg-editor.trumbowyg-reset-css h2 { font-size: 26px !important; line-height: 34px !important; margin-bottom: 15px !important; } .trumbowyg-editor.trumbowyg-reset-css h3 { font-size: 22px !important; line-height: 28px !important; margin-bottom: 7px !important; } .trumbowyg-editor.trumbowyg-reset-css h4 { font-size: 16px !important; line-height: 22px !important; margin-bottom: 7px !important; } /* * Dark theme */ .trumbowyg-dark .trumbowyg-textarea { background: #111; color: #ddd; } .trumbowyg-dark .trumbowyg-box { border: 1px solid #343434; } .trumbowyg-dark .trumbowyg-box.trumbowyg-fullscreen { background: #111; } .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor::before { text-shadow: 0 0 7px #ccc; } @media screen and (min-width: 0 \0 ) { .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor::before { color: rgba(20, 20, 20, 0.6) !important; } } @supports (-ms-accelerator: true) { .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor::before { color: rgba(20, 20, 20, 0.6) !important; } } .trumbowyg-dark .trumbowyg-box svg { fill: #ecf0f1; color: #ecf0f1; } .trumbowyg-dark .trumbowyg-button-pane { background-color: #222; border-bottom-color: #343434; } .trumbowyg-dark .trumbowyg-button-pane::after { background: #343434; } .trumbowyg-dark .trumbowyg-button-pane .trumbowyg-button-group:not(:empty)::before { background-color: #343434; } .trumbowyg-dark .trumbowyg-button-pane .trumbowyg-button-group:not(:empty) .trumbowyg-fullscreen-button svg { color: transparent; } .trumbowyg-dark .trumbowyg-button-pane.trumbowyg-disable .trumbowyg-button-group::before { background-color: #2a2a2a; } .trumbowyg-dark .trumbowyg-button-pane button:not(.trumbowyg-disable):hover, .trumbowyg-dark .trumbowyg-button-pane button:not(.trumbowyg-disable):focus, .trumbowyg-dark .trumbowyg-button-pane button.trumbowyg-active { background-color: #333; } .trumbowyg-dark .trumbowyg-button-pane .trumbowyg-open-dropdown::after { border-top-color: #fff; } .trumbowyg-dark .trumbowyg-fullscreen .trumbowyg-button-group .trumbowyg-fullscreen-button svg { color: #ecf0f1; fill: transparent; } .trumbowyg-dark .trumbowyg-dropdown { border-color: #222; background: #333; box-shadow: rgba(0, 0, 0, 0.3) 0 2px 3px; } .trumbowyg-dark .trumbowyg-dropdown button { background: #333; color: #fff !important; } .trumbowyg-dark .trumbowyg-dropdown button:hover, .trumbowyg-dark .trumbowyg-dropdown button:focus { background: #222; } .trumbowyg-dark .trumbowyg-modal-box { background-color: #222; } .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-title { border-bottom: 1px solid #555; color: #fff; background: #3c3c3c; } .trumbowyg-dark .trumbowyg-modal-box label { display: block; position: relative; margin: 15px 12px; height: 27px; line-height: 27px; overflow: hidden; } .trumbowyg-dark .trumbowyg-modal-box label .trumbowyg-input-infos span { color: #eee; background-color: #2f2f2f; border-color: #222; } .trumbowyg-dark .trumbowyg-modal-box label .trumbowyg-input-infos span.trumbowyg-msg-error { color: #e74c3c; } .trumbowyg-dark .trumbowyg-modal-box label.trumbowyg-input-error input, .trumbowyg-dark .trumbowyg-modal-box label.trumbowyg-input-error textarea { border-color: #e74c3c; } .trumbowyg-dark .trumbowyg-modal-box label input { border-color: #222; color: #eee; background: #333; } .trumbowyg-dark .trumbowyg-modal-box label input:hover, .trumbowyg-dark .trumbowyg-modal-box label input:focus { border-color: #626262; } .trumbowyg-dark .trumbowyg-modal-box label input:focus { background-color: #2f2f2f; } .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit { background: #1b7943; } .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:hover, .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:focus { background: #25a25a; } .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:active { background: #176437; } .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset { background: #333; color: #ccc; } .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:hover, .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:focus { background: #444; } .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:active { background: #111; } .trumbowyg-dark .trumbowyg-overlay { background-color: rgba(15, 15, 15, 0.6); } /*-- Chart --*/ .c3 svg { font: 10px sans-serif; -webkit-tap-highlight-color: transparent; } .c3 path, .c3 line { fill: none; stroke: #75808F; } .c3 text { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .c3-legend-item-tile, .c3-xgrid-focus, .c3-ygrid, .c3-event-rect, .c3-bars path { shape-rendering: crispEdges; } .c3-chart-arc path { stroke: #fff; } .c3-chart-arc text { fill: #fff; font-size: 13px; } .chart-container { width: 100%; height: 150px; } .-chart { float: left; } .mg-brush-container { cursor: crosshair; } .mg-brush-container.mg-brushing { cursor: ew-resize; } .mg-brushed, .mg-brushed * { cursor: zoom-out !important; } .mg-brush rect.mg-extent { fill: rgba(0, 0, 0, 0.3); } .mg-brushing-in-progress { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /*-- Axis --*/ .c3-axis-x .tick { fill: #75808F; } .c3-axis-x-label { fill: #75808F; } .c3-axis-y .tick { fill: #75808F; } .c3-axis-y-label { fill: #75808F; } .c3-target-sub { stroke-dasharray: 5,5; } /*-- Grid --*/ .c3-grid line { stroke: #75808F; } .c3-grid text { stroke: #75808F; } .c3-xgrid, .c3-ygrid { stroke-dasharray: 1 1; } /*-- Text on Chart --*/ .c3-text.c3-empty { fill: #808080; font-size: 2em; } /*-- Line --*/ .c3-line { stroke-width: 1px; } /*-- Point --*/ .c3-circle._expanded_ { stroke-width: 1px; stroke: white; } .c3-selected-circle { fill: white; stroke-width: 2px; } /*-- Bar --*/ .c3-bar { stroke-width: 0; } .c3-bar._expanded_ { fill-opacity: 0.75; } /*-- Focus --*/ .c3-target.c3-focused { opacity: 1; } .c3-target.c3-focused path.c3-line, .c3-target.c3-focused path.c3-step { stroke-width: 2px; } .c3-target.c3-defocused { opacity: 0.3 !important; } /*-- Region --*/ .c3-region { fill: steelblue; fill-opacity: .1; } /*-- Brush --*/ .c3-brush .extent { fill-opacity: .1; } /*-- Select - Drag --*/ /*-- Legend --*/ .c3-legend-item { font-size: 12px; } .c3-legend-item-hidden { opacity: 0.15; } .c3-legend-background { opacity: 0.75; fill: white; stroke: lightgray; stroke-width: 1; } /*-- Title --*/ .c3-title { font: 14px sans-serif; } /*-- Tooltip --*/ .c3-tooltip-container { z-index: 10; } .c3-tooltip { border-collapse: collapse; border-spacing: 0; background-color: #fff; empty-cells: show; -webkit-box-shadow: 7px 7px 12px -9px #777777; -moz-box-shadow: 7px 7px 12px -9px #777777; box-shadow: 7px 7px 12px -9px #777777; opacity: 0.9; } .c3-tooltip tr { border: 1px solid #CCC; } .c3-tooltip th { background-color: #aaa; font-size: 14px; padding: 2px 5px; text-align: left; color: #FFF; } .c3-tooltip td { font-size: 13px; padding: 3px 6px; background-color: #fff; border-left: 1px dotted #999; } .c3-tooltip td > span { display: inline-block; width: 10px; height: 10px; margin-right: 6px; } .c3-tooltip td.value { text-align: right; } #tooltip { background-color: #75808F; color: #fff; text-align: center; padding: 5px; border-radius: 3px; } #tooltip { position: relative; background: #75808F; border: 4px solid #75808F; } #tooltip:after, #tooltip:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #tooltip:after { border-color: rgba(255, 60, 0, 0); border-bottom-color: #75808F; border-width: 4px; margin-left: -4px; } #tooltip:before { border-color: rgba(245, 0, 0, 0); border-bottom-color: #75808F; border-width: 10px; margin-left: -10px; } /*-- Area --*/ .c3-area { stroke-width: 0; opacity: 0.2; } /*-- Arc --*/ .c3-chart-arcs-title { dominant-baseline: middle; font-size: 1.3em; } .c3-chart-arcs .c3-chart-arcs-background { fill: #e0e0e0; stroke: none; } .c3-chart-arcs .c3-chart-arcs-gauge-unit { fill: #000; font-size: 16px; } .c3-chart-arcs .c3-chart-arcs-gauge-max { fill: #777; } .c3-chart-arcs .c3-chart-arcs-gauge-min { fill: #777; } .c3-chart-arc .c3-gauge-value { fill: #000; /* font-size: 28px !important;*/ } .dc-chart { float: left; } .dc-chart rect.bar { stroke: none; cursor: pointer; } .dc-chart rect.bar:hover { fill-opacity: .5; } .dc-chart rect.stack1 { stroke: none; fill: red; } .dc-chart rect.stack2 { stroke: none; fill: green; } .dc-chart rect.deselected { stroke: none; fill: #ccc; } .dc-chart .sub .bar { stroke: none; fill: #ccc; } .dc-chart .pie-slice { fill: #56677F; font-size: 12px; cursor: pointer; } .dc-chart .pie-slice :hover { fill-opacity: .8; } .dc-chart .selected path { stroke-width: 3; stroke: #ccc; fill-opacity: 1; } .dc-chart .deselected path { strok: none; fill-opacity: .5; fill: #ccc; } .dc-chart .axis path, .axis line { fill: none; stroke: #000; shape-rendering: crispEdges; } .dc-chart .axis text { font: 10px sans-serif; } .dc-chart .grid-line { fill: none; stroke: #ccc; opacity: .5; shape-rendering: crispEdges; } .dc-chart .grid-line line { fill: none; stroke: #ccc; opacity: .5; shape-rendering: crispEdges; } .dc-chart .brush rect.background { z-index: -999; } .dc-chart .brush rect.extent { fill: steelblue; fill-opacity: .125; } .dc-chart .brush .resize path { fill: #eee; stroke: #666; } .dc-chart path.line { fill: none; stroke-width: 1.5px; } .dc-chart circle.dot { stroke: none; } .dc-chart g.dc-tooltip path { fill: none; stroke: grey; stroke-opacity: .8; } .dc-chart path.area { fill-opacity: .3; stroke: none; } .dc-chart .node { font-size: 0.7em; cursor: pointer; } .dc-chart .node :hover { fill-opacity: .8; } .dc-chart .selected circle { stroke-width: 3; stroke: #ccc; fill-opacity: 1; } .dc-chart .deselected circle { strok: none; fill-opacity: .5; fill: #ccc; } .dc-chart .bubble { stroke: none; fill-opacity: 0.6; } .dc-data-count { float: right; margin-top: 15px; margin-right: 15px; } .dc-data-count .filter-count { color: #3182bd; font-weight: bold; } .dc-data-count .total-count { color: #3182bd; font-weight: bold; } .dc-chart g.state { cursor: pointer; } .dc-chart g.state :hover { fill-opacity: .8; } .dc-chart g.state path { stroke: white; } .dc-chart g.deselected path { fill: grey; } .dc-chart g.deselected text { display: none; } .dc-chart g.county path { stroke: white; fill: none; } .dc-chart g.debug rect { fill: blue; fill-opacity: .2; } .dc-chart g.row rect { fill-opacity: 0.8; cursor: pointer; } .dc-chart g.row rect:hover { fill-opacity: 0.6; } .dc-chart g.row text { fill: #56677F; font-size: 12px; cursor: pointer; } .dc-chart g text { /* Makes it so the user can't accidentally click and select text that is meant as a label only */ -webkit-user-select: none; /* Chrome/Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE10 */ -o-user-select: none; user-select: none; pointer-events: none; } .dc-chart thead tr th:first-child { border-left: 0px; } .dc-chart thead tr th { font-size: 11px; padding: 10px; border-bottom: 1px #F0F0F0 solid; border-left: 1px #F0F0F0 solid; } .dc-chart thead tr th .headerTitle { text-transform: uppercase; color: #C9C9C9; float: left; } .dc-chart thead tr th .headerMenu { float: right; cursor: pointer; } .dc-chart tbody tr td:first-child { border: 0px; } .dc-chart tbody tr td { border: 0px; border-left: 1px #F0F0F0 solid; padding: 7px 12px; font-size: 12px; } .dc-chart tbody tr:nth-child(even) { background: #F7F8FA; } #crossfilterFilterCharts .filterChart:nth-child(3n + 3) { border-right: 0px; } #crossfilterFilterCharts .filterChart { border-right: 1px #F0F0F0 solid; padding: 0 15px; margin: 10px 0px; width: 33%; } #crossfilterFilterCharts .filterChart h4 { font-style: 12px; } #crossfilterFilterCharts .placeholder { height: 150px; float: left; text-align: center; padding: 15px 30px; font-size: 12px; line-height: 16px; } #crossfilterFilterCharts .placeholder .icon { font-size: 30px; margin: 20px; } .fht-table-wrapper .fht-thead { box-shadow: 0px 5px 20px #F0F0F0; } .fht-table-wrapper .fht-tbody { box-shadow: inset 0px -20px 20px -20px #fff; } /*! * jquery.fixedHeaderTable. The jQuery fixedHeaderTable plugin * * Copyright (c) 2011 Mark Malek * http://fixedheadertable.com * * Licensed under MIT * http://www.opensource.org/licenses/mit-license.php * * http://docs.jquery.com/Plugins/Authoring * jQuery authoring guidelines * * Launch : October 2009 * Version : 1.3 * Released: May 9th, 2011 * * * all CSS sizing (width,height) is done in pixels (px) */ /* @group Reset */ .fht-table, .fht-table thead, .fht-table tfoot, .fht-table tbody, .fht-table tr, .fht-table th, .fht-table td { /* position */ margin: 0; /* size */ padding: 0; /* text */ font-size: 100%; font: inherit; vertical-align: top; } .fht-table { /* appearance */ border-collapse: collapse; border-spacing: 0; } /* @end */ /* @group Content */ .fht-table-wrapper, .fht-table-wrapper .fht-thead, .fht-table-wrapper .fht-tfoot, .fht-table-wrapper .fht-fixed-column .fht-tbody, .fht-table-wrapper .fht-fixed-body .fht-tbody, .fht-table-wrapper .fht-tbody { /* appearance */ overflow: hidden; /* position */ position: relative; } .fht-table-wrapper .fht-fixed-body .fht-tbody, .fht-table-wrapper .fht-tbody { /* appearance */ overflow: auto; } .fht-table-wrapper .fht-table .fht-cell { /* appearance */ overflow: hidden; /* size */ height: 1px; } .fht-table-wrapper .fht-fixed-column, .fht-table-wrapper .fht-fixed-body { /* position */ top: 0; left: 0; position: absolute; } .fht-table-wrapper .fht-fixed-column { /* position */ z-index: 1; } /* @end */ @media (max-width: 1025px) { /* big landscape tablets, laptops, and desktops */ .app-header .header { padding: 0px 15px; } .app-header .header .mobile-menu { display: block; } .app-header .header .header-logo { padding-left: 15px; } .app-main-content .app-sidebar { position: absolute; float: left; height: 100%; z-index: 1000; left: -240px; } }