/*------------------------------------*\
#BASE COLORS
\* ------------------------------------*/
/*------------------------------------*\
#MAIN
\*------------------------------------*/
@font-face {
font-family: "Open Sans";
src: url("../packages/mLogistics/assets/font/OpenSans-Regular.ttf");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Open Sans";
src: url("../packages/mLogistics/assets/font/OpenSans-Bold.ttf");
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: "Open Sans";
src: url("../packages/mLogistics/assets/font/OpenSans-Italic.ttf");
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: "Open Sans";
src: url("../packages/mLogistics/assets/font/OpenSans-BoldItalic.ttf");
font-weight: bold;
font-style: italic;
}
/**
* @class Styles.Mixins.utility
*/
/**
* Disable mouse object select
*/
/**
* @class Styles.Mixins.base
*/
/**
* Block base style. Params ara passed like normal CSS3 rules.
* For example "border-radius" can be passed as single value (5px) or multiple (5px 0 0 3px)
* @param {Color} background-color
* @param {String} border
* @param {String} border-radius
* @param {Color} color
*/
/**
* Block base size
* @param {String} width
* @param {String} height
* @param {String} padding
* @param {String} margin
* @param {String} box-sizing
*/
/**
* Block base position
* @param {Number} top
* @param {Number} right
* @param {Number} bottom
* @param {Number} left
* @param {String} position
* @param {String} float
*/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS text size adjust after orientation change, without disabling
* user zoom.
*/
html {
font-family: sans-serif;
/* 1 */
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */
}
/**
* Remove default margin.
*/
body {
margin: 0;
}
/* HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
/**
* 1. Correct `inline-block` display not defined in IE 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/
audio,
canvas,
progress,
video {
display: inline-block;
/* 1 */
vertical-align: baseline;
/* 2 */
}
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Address `[hidden]` styling not present in IE 8/9/10.
* Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
*/
[hidden],
template {
display: none;
}
/* Links
========================================================================== */
/**
* Remove the gray background color from active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* Improve readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
outline: 0;
}
/* Text-level semantics
========================================================================== */
/**
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted;
}
/**
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
*/
b,
strong {
font-weight: bold;
}
/**
* Address styling not present in Safari and Chrome.
*/
dfn {
font-style: italic;
}
/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari, and Chrome.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/**
* Address styling not present in IE 8/9.
*/
mark {
background: #ff0;
color: #000;
}
/**
* Address inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* Embedded content
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9/10.
*/
img {
border: 0;
}
/**
* Correct overflow not hidden in IE 9/10/11.
*/
svg:not(:root) {
overflow: hidden;
}
/* Grouping content
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari.
*/
figure {
margin: 1em 40px;
}
/**
* Address differences between Firefox and other browsers.
*/
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
/**
* Contain overflow in all browsers.
*/
pre {
overflow: auto;
}
/**
* Address odd `em`-unit font size rendering in all browsers.
*/
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
/* Forms
========================================================================== */
/**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*/
/**
* 1. Correct color not being inherited.
* Known issue: affects color of disabled elements.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/
button,
input,
optgroup,
select,
textarea {
color: inherit;
/* 1 */
font: inherit;
/* 2 */
margin: 0;
/* 3 */
}
/**
* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/
button {
overflow: visible;
}
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/
button,
select {
text-transform: none;
}
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
*/
button,
html input[type=button],
input[type=reset],
input[type=submit] {
-webkit-appearance: button;
/* 2 */
cursor: pointer;
/* 3 */
}
/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
cursor: default;
}
/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
input {
line-height: normal;
}
/**
* It's recommended that you don't attempt to style these elements.
* Firefox's implementation doesn't respect box-sizing, padding, or width.
*
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
input[type=checkbox],
input[type=radio] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
}
/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome
* (include `-moz` to future-proof).
*/
input[type=search] {
-webkit-appearance: textfield;
/* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
/* 2 */
box-sizing: content-box;
}
/**
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* Remove inner eye in Internet Explorer
*/
input[type=password]::-ms-reveal,
input[type=password]::-ms-clear {
display: none;
}
/**
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct `color` not being inherited in IE 8/9/10/11.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
border: 0;
/* 1 */
padding: 0;
/* 2 */
}
/**
* Remove default vertical scrollbar in IE 8/9/10/11.
*/
textarea {
overflow: auto;
}
/**
* Don't inherit the `font-weight` (applied by a rule above).
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/
optgroup {
font-weight: bold;
}
/* Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
/*------------------------------------*\
#PAGE
\*------------------------------------*/
* {
box-sizing: border-box;
}
html {
height: 100%;
width: 100%;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
body {
position: relative;
font-family: "Open Sans", sans-serif;
font-size: 12px;
height: 100%;
min-width: 1250px;
min-height: 800px;
overflow: auto;
background-attachment: fixed;
background: linear-gradient(to top, #72aacf, #346b98);
}
body.disableSelection {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
body.theme-dark {
background: #304d6d;
}
body > .main {
overflow: hidden;
height: 100%;
}
.main {
color: #333;
}
.theme-dark .main {
color: #C2C2C2;
}
.label,
label {
white-space: nowrap !important;
font-size: inherit;
}
ul {
margin: 0;
padding: 0;
list-style: none;
}
dl {
margin: 0;
}
dt,
dd {
margin: 0;
padding: 0;
}
p {
margin: 0 0 1em;
}
a {
text-decoration: none;
cursor: pointer;
outline: none;
color: #467aa2;
}
.theme-dark a {
color: #467aa2;
}
a:focus, a:hover {
text-decoration: underline;
color: #27445b;
}
.theme-dark a:focus, .theme-dark a:hover {
color: #84acca;
}
textarea {
outline: none;
border: 1px solid #96a2a9;
transition: all 0.3s ease-in-out;
}
textarea:focus {
outline: none;
box-shadow: 0 0 5px #a5c7fe;
border: 1px solid #72aacf;
}
.theme-dark textarea:focus {
box-shadow: 0 0 5px #a5c7fe;
border: 1px solid #72aacf;
}
::selection {
color: #fff;
color: #fff;
background: #333;
}
.theme-dark ::selection {
color: #3c3f41;
background: #C2C2C2;
}
iframe {
border: none;
width: 100%;
}
hr {
margin: 0;
}
::-webkit-scrollbar {
width: 16px;
}
body {
scrollbar-color: #c1c1c1 #f1f1f1;
}
.theme-dark body {
scrollbar-color: #333 #575757;
}
::-webkit-scrollbar-track {
background: #f1f1f1;
}
.theme-dark ::-webkit-scrollbar-track {
background: #575757;
}
::-webkit-scrollbar-thumb {
border-width: 3px;
border-style: solid;
background-color: #c1c1c1;
border-color: #f1f1f1;
}
.theme-dark ::-webkit-scrollbar-thumb {
background-color: #333;
border-color: #575757;
}
/* Buttons */
::-webkit-scrollbar-button:single-button {
display: block;
background-size: 10px;
background-repeat: no-repeat;
background-color: #f1f1f1;
}
.theme-dark ::-webkit-scrollbar-button:single-button {
background-color: #575757;
}
/* Up */
::-webkit-scrollbar-button:single-button:vertical:decrement {
height: 12px;
width: 16px;
background-position: center 4px;
background-image: url("data:image/svg+xml;utf8,
////////////////////////////////////////////////////////////////////////////////
/////// Button standard with icon only (no text) //////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////
/////// Button standard small with gradient - icon only //////////////////////////////
//////////////////////////////////////////////////////////////////////
/////// Button standard flat (and icon) //////////////////////////////
Button
////////////////////////////////////////////////////////////////////
/////// Button flat small - icon only //////////////////////////////
*/
.btn {
display: inline-block;
vertical-align: middle;
font: inherit;
text-align: center;
margin: 0;
overflow: visible;
padding: 0 10px;
font-size: 12px;
line-height: 22px;
white-space: nowrap;
/**
* Small buttons.
*/
/**
* Square Icon buttons.
*/
/**
* Block buttons
*/
}
.btn:hover, .btn:active, .btn:focus {
text-decoration: none;
}
.btn__icon {
display: inline-table;
text-align: center;
}
.btn__icon + .btn__label {
margin-left: 5px;
vertical-align: middle;
}
.btn--small {
padding: 0 3px;
height: 18px;
font-size: 12px;
line-height: 15px;
}
.btn--square {
padding: 0 2px;
font-size: 14px;
}
.btn--square-small {
padding: 0;
width: 18px;
}
.btn--block {
display: block;
width: 100%;
}
/*------------------------------------*\
#GRID PANEL
\*------------------------------------*/
.panel-grid {
position: relative;
}
/*------------------------------------*\
#SCROLLABLE PANEL
\*------------------------------------*/
.panel-scrollable--fit {
height: 100%;
}
.panel-scrollable--vertical {
overflow-x: hidden;
overflow-y: auto;
}
.panel-scrollable--horizontal {
overflow-x: auto;
overflow-y: hidden;
}
.panel-scrollable--both {
overflow-x: auto;
overflow-y: auto;
}
.panel-scrollable--none {
overflow: hidden;
}
/*------------------------------------*\
#SIMPLE PANEL
\*------------------------------------*/
.panel-simple--fit {
height: 100%;
}
.panel-simple--auto {
height: auto;
}
/*------------------------------------*\
#LIST-INLINE
\*------------------------------------*/
/**
* The list-inline object simply displays a list of items in one line.
*/
.list-inline {
margin: 0;
padding: 0;
list-style: none;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.list-inline.is-vertical {
display: block;
}
.list-inline.is-vertical > li {
transform: rotate(90deg);
transform-origin: top left 0;
float: left;
}
.list-inline__item {
flex: 0 0 auto;
}
.list-inline__side-items {
order: 1;
display: flex;
margin-left: auto;
flex: 0 0 auto;
}
.list-inline__side-items--top {
align-self: flex-start;
}
.list-inline__side-items--bottom {
align-self: flex-end;
}
.list-inline__side-element {
margin-left: 5px;
display: flex;
align-items: center;
}
.list-inline--spaced {
justify-content: space-between;
align-content: flex-start;
}
.list-inline--centered {
justify-content: center;
}
.list-inline--right {
justify-content: flex-end;
}
.list-inline--top {
align-items: flex-start;
}
.list-inline--bottom {
align-items: flex-end;
}
/*------------------------------------*\
#D-LIST-INLINE
\*------------------------------------*/
/**
* A simple inline description / definition list displayed inline.
* Every row is formed by dt + dd elements
**/
.d-list-inline {
overflow: hidden;
}
.d-list-inline dt,
.d-list-inline dd {
margin-bottom: 3px;
min-height: 1.5em;
}
.d-list-inline dt {
clear: left;
float: left;
color: #575757;
}
.theme-dark .d-list-inline dt {
color: #999;
}
.d-list-inline dt.right {
text-align: right;
margin-right: 10px;
}
.d-list-inline__term-content {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.d-list-inline dd {
user-select: text;
overflow: hidden;
white-space: pre-line;
word-wrap: break-word;
}
/*------------------------------------*\
#PANEL-CONTENT
\*------------------------------------*/
.panel-content {
height: 100%;
position: relative;
}
.panel-content__element {
width: 100%;
height: 100%;
}
.panel-content__element--complex {
position: absolute;
height: auto;
width: auto;
}
/*------------------------------------*\
#PANEL-FLEX
\*------------------------------------*/
.panel-flex {
display: flex;
}
.panel-flex--vertical {
flex-direction: column;
}
.panel-flex--horizontal {
flex-direction: row;
}
.panel-flex__item--static {
flex: 0 0 auto;
}
.panel-flex__item--fit {
flex: 1 1 0px;
min-width: 0;
min-height: 0;
}
.panel-flex--horizontal .panel-flex__item--fit {
width: auto;
min-width: 1px;
}
.panel-flex--vertical .panel-flex__item--fit {
height: auto;
min-height: 1px;
}
/*------------------------------------*\
#MEDIA
\*------------------------------------*/
/**
* Place any image- and text-like content side-by-side, as per:
* stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code
*/
.media {
display: flex;
align-items: center;
/**
* Flush media objects have no space between the image- and text-content.
*/
}
.media--top {
align-items: flex-start;
}
.media--bottom {
align-items: flex-end;
}
.media__img {
padding: 0 10px 0 0;
flex: 0 0 auto;
/**
* Reversed image location (right instead of left). Extends `.media`.
*/
}
.media--rev .media__img {
padding: 0 0 0 1em;
}
.media__body {
flex: 1 1 0px;
min-width: 0;
min-height: 0;
}
.media__body.tree-bordered {
border: 1px solid #c9cfd2;
padding: 3px;
}
.media--flush > .media__img {
margin-right: 0;
margin-left: 0;
}
/*------------------------------------*\
#PANEL-toggable
\*------------------------------------*/
.panel-toggable {
display: flex;
flex-direction: column;
border: 1px solid transparent;
}
.panel-toggable:focus {
outline: none;
outline: none;
box-shadow: 0 0 5px #a5c7fe;
border: 1px solid #72aacf;
}
.theme-dark .panel-toggable:focus {
box-shadow: 0 0 5px #a5c7fe;
border: 1px solid #72aacf;
}
.panel-toggable__header {
cursor: pointer;
padding: 2px 5px;
border-radius: 3px;
border: 1px solid transparent;
}
.panel-toggable__header:hover, .panel-toggable__header:focus {
border: 1px solid transparent;
outline: none;
background: #f9f9f9;
}
.theme-dark .panel-toggable__header:hover, .theme-dark .panel-toggable__header:focus {
background: #4E4E4E;
}
.panel-toggable__header:hover *, .panel-toggable__header:focus * {
color: #467aa2;
}
.panel-toggable__header--sharper {
background: #ececec;
}
.panel-toggable__header--sharper:hover, .panel-toggable__header--sharper:focus {
background: gainsboro;
}
.panel-toggable__header .title {
margin-bottom: 0;
}
.panel-toggable__expander .icon {
color: #96a2a9;
font-size: 20px;
line-height: 1;
}
.panel-toggable__title-container {
align-items: center;
}
.panel-toggable__title {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.panel-toggable__compact-block {
display: flex;
}
.panel-toggable--no-data .icon {
color: grey;
}
/*------------------------------------*\
#PANEL-switchable
\*------------------------------------*/
/*------------------------------------*\
#ARROW BUTTON
\*------------------------------------*/
.arrow-button {
position: relative;
min-width: 120px;
height: 24px;
cursor: pointer;
overflow: hidden;
outline: none;
background: linear-gradient(to bottom, #fcfcfc 0%, #dfe0e0 100%);
}
.theme-dark .arrow-button {
background: linear-gradient(to top, #424141, #5e666b);
}
.arrow-button .arrow-button__element {
position: absolute;
height: 24px;
width: 24px;
background: #fff;
}
.theme-dark .arrow-button .arrow-button__element {
background: #3c3f41;
}
.arrow-button .arrow-button__element.arrow-button__element__tl {
top: -12px;
left: -17px;
transform: rotate(-30deg);
transform-origin: 100% 100%;
}
.arrow-button .arrow-button__element.arrow-button__element__tl.has-border {
width: 1px;
margin-left: 23px;
background: #c9cfd2;
}
.theme-dark .arrow-button .arrow-button__element.arrow-button__element__tl.has-border {
background: #333;
}
.arrow-button .arrow-button__element.arrow-button__element__bl {
top: 12px;
left: -17px;
transform: rotate(30deg);
transform-origin: 100% 0%;
}
.arrow-button .arrow-button__element.arrow-button__element__bl.has-border {
width: 1px;
margin-left: 23px;
background: #c9cfd2;
}
.theme-dark .arrow-button .arrow-button__element.arrow-button__element__bl.has-border {
background: #333;
}
.arrow-button .arrow-button__element.arrow-button__element__tr {
top: -11px;
right: -24px;
transform: rotate(-30deg);
transform-origin: 0% 100%;
}
.arrow-button .arrow-button__element.arrow-button__element__tr.has-border {
width: 1px;
margin-right: 24px;
background: #c9cfd2;
}
.theme-dark .arrow-button .arrow-button__element.arrow-button__element__tr.has-border {
background: #333;
}
.arrow-button .arrow-button__element.arrow-button__element__br {
top: 11px;
right: -24px;
transform: rotate(30deg);
transform-origin: 0% 0%;
}
.arrow-button .arrow-button__element.arrow-button__element__br.has-border {
width: 1px;
margin-right: 24px;
background: #c9cfd2;
}
.theme-dark .arrow-button .arrow-button__element.arrow-button__element__br.has-border {
background: #333;
}
.arrow-button .arrow-button__content {
height: 100%;
width: 100%;
padding-left: 15px;
padding-right: 15px;
border: 1px solid #c9cfd2;
}
.theme-dark .arrow-button .arrow-button__content {
border: 1px solid #333;
}
.arrow-button .arrow-button__content .has-text {
line-height: 22px;
font-size: 11px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.arrow-button.active {
background: linear-gradient(to bottom, #bed7e1 0%, #618baf 100%);
color: black;
}
.arrow-button.active .has-border {
background: #5d89ad !important;
}
.arrow-button.active .arrow-button__content {
border: 1px solid #72a8cd;
}
.arrow-button:hover, .arrow-button:focus, .arrow-button.is-selected {
background: linear-gradient(to bottom, #72a8cd 0%, #5e8aae 100%);
color: white;
}
.arrow-button:hover .has-border, .arrow-button:focus .has-border, .arrow-button.is-selected .has-border {
background: #72a8cd !important;
}
.arrow-button:hover .arrow-button__content, .arrow-button:focus .arrow-button__content, .arrow-button.is-selected .arrow-button__content {
border: 1px solid #72a8cd;
}
/*------------------------------------*\
#BUBBLEBLOCK
\*------------------------------------*/
.bubbleblock {
position: relative;
padding: 5px;
border-width: 1px;
border-style: solid;
background-color: #f9f9f9;
border-color: #c9cfd2;
}
.theme-dark .bubbleblock {
background-color: #4E4E4E;
border-color: #3c3f41;
}
.bubbleblock--light {
background: #fff;
}
.theme-dark .bubbleblock--light {
background: #3c3f41;
}
.bubblearrow .bubblefront-top, .bubblearrow .bubblerear-top,
.bubblearrow .bubblefront-bottom, .bubblearrow .bubblerear-bottom,
.bubblearrow .bubblefront-right, .bubblearrow .bubblerear-right,
.bubblearrow .bubblefront-left, .bubblearrow .bubblerear-left {
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.bubblearrow .bubblefront-top, .bubblearrow .bubblerear-top {
bottom: 100%;
left: 50%;
}
.bubblearrow .bubblefront-top {
border-width: 10px;
margin-left: -10px;
border-bottom-color: #f9f9f9;
}
.theme-dark .bubblearrow .bubblefront-top {
border-bottom-color: #4E4E4E;
}
.bubbleblock--light .bubblearrow .bubblefront-top {
border-bottom-color: #fff;
}
.bubblearrow .bubblerear-top {
border-width: 11px;
margin-left: -11px;
border-bottom-color: #c9cfd2;
}
.theme-dark .bubblearrow .bubblerear-top {
border-bottom-color: #3c3f41;
}
.bubblearrow .bubblefront-bottom, .bubblearrow .bubblerear-bottom {
top: 100%;
left: 50%;
}
.bubblearrow .bubblefront-bottom {
border-width: 10px;
margin-left: -10px;
border-top-color: #f9f9f9;
}
.theme-dark .bubblearrow .bubblefront-bottom {
border-top-color: #4E4E4E;
}
.bubbleblock--light .bubblearrow .bubblefront-bottom {
border-bottom-color: #fff;
}
.bubblearrow .bubblerear-bottom {
border-width: 11px;
margin-left: -11px;
border-top-color: #c9cfd2;
}
.theme-dark .bubblearrow .bubblerear-bottom {
border-top-color: #3c3f41;
}
.bubblearrow .bubblefront-right, .bubblearrow .bubblerear-right {
left: 100%;
top: 50%;
}
.bubblearrow .bubblefront-right {
border-width: 10px;
border-left-color: #f9f9f9;
}
.theme-dark .bubblearrow .bubblefront-right {
border-left-color: #4E4E4E;
}
.bubbleblock--light .bubblearrow .bubblefront-right {
border-bottom-color: #fff;
}
.bubblearrow .bubblerear-right {
border-left-color: #c9cfd2;
border-width: 11px;
border-left-color: #c9cfd2;
}
.theme-dark .bubblearrow .bubblerear-right {
border-left-color: #3c3f41;
}
.bubblearrow .bubblefront-left, .bubblearrow .bubblerear-left {
right: 100%;
top: 50%;
}
.bubblearrow .bubblefront-left {
border-width: 10px;
margin-top: -10px;
border-right-color: #f9f9f9;
}
.theme-dark .bubblearrow .bubblefront-left {
border-right-color: #4E4E4E;
}
.bubbleblock--light .bubblearrow .bubblefront-left {
border-bottom-color: #fff;
}
.bubblearrow .bubblerear-left {
border-width: 11px;
margin-top: -11px;
border-right-color: #c9cfd2;
}
.theme-dark .bubblearrow .bubblerear-left {
border-right-color: #3c3f41;
}
.bubblearrow--small .bubblefront-top {
border-width: 7px;
margin-left: -7px;
}
.bubblearrow--small .bubblerear-top {
border-width: 8px;
margin-left: -8px;
}
.bubblearrow--small .bubblefront-bottom {
border-width: 7px;
margin-left: -7px;
}
.bubblearrow--small .bubblerear-bottom {
border-width: 8px;
margin-left: -8px;
}
.bubblearrow--small .bubblefront-right {
border-width: 7px;
}
.bubblearrow--small .bubblerear-right {
border-width: 8px;
}
.bubblearrow--small .bubblefront-left {
border-width: 7px;
margin-left: -7px;
}
.bubblearrow--small .bubblerear-left {
border-width: 8px;
margin-left: -8px;
}
/*------------------------------------*\
#BUTTON
\*------------------------------------*/
/*
*/
.btn {
cursor: default;
border-radius: 3px;
color: #333;
border: 1px solid #96a2a9;
background: linear-gradient(#fff, #e0e0e0);
/**
* Square Icon buttons.
*/
/**
* Flat buttons.
*/
/**
* FX Filter button
*/
/**
* Line button
*/
}
.theme-dark .btn {
color: #C2C2C2;
border: 1px solid #3C3C3C;
background: linear-gradient(#9D9D9D, #6F6F6F);
}
.btn:hover, .btn:focus {
background: linear-gradient(#fff 0%, #b8d6e4 44%, #e0e0e0 100%);
border-color: #95bfda;
outline: none;
}
.theme-dark .btn:hover, .theme-dark .btn:focus {
background: linear-gradient(#9D9D9D 0%, #446473 44%, #6F6F6F 100%);
border-color: #7099B3;
}
.btn.is-disabled, .btn.is-readonly {
pointer-events: none;
border-color: #ccc;
background: linear-gradient(#fff, tint(#e0e0e0, 20%));
color: #ccc;
}
.theme-dark .btn.is-disabled, .theme-dark .btn.is-readonly {
border-color: #575757;
background: linear-gradient(#676767, #424242);
color: #647277;
}
.btn.is-disabled .icon, .btn.is-readonly .icon {
color: #ccc;
}
.theme-dark .btn.is-disabled .icon, .theme-dark .btn.is-readonly .icon {
color: #647277;
}
.btn--no-bg {
border: 1px solid transparent;
background: transparent;
}
.theme-dark .btn--no-bg {
border: 1px solid transparent;
background: transparent;
}
.btn--no-bg.is-disabled, .btn--no-bg.is-readonly {
background: transparent;
border: 1px solid transparent;
}
.btn.is-toggled {
background-image: linear-gradient(#85a4bc 0%, #85a4bc 28%, #467aa2 100%);
color: #fff;
}
.btn--square {
padding: 0 2px;
font-size: 14px;
height: 24px;
display: block;
}
.btn--flat {
color: #467aa2;
border: 1px solid transparent;
background: transparent;
}
.theme-dark .btn--flat {
color: #72aacf;
border: 1px solid transparent;
background: transparent;
}
.btn--flat .icon {
color: #467aa2;
background: transparent;
}
.theme-dark .btn--flat .icon {
color: #72aacf;
background: transparent;
}
.btn--flat:focus {
border: 1px solid #d0e3ed;
background: transparent;
}
.theme-dark .btn--flat:focus {
border: 1px solid #52677a;
background: transparent;
}
.btn--flat:hover, .btn--flat.is-toggled {
background: #d0e3ed;
color: #467aa2;
border: 1px solid #d0e3ed;
}
.theme-dark .btn--flat:hover, .theme-dark .btn--flat.is-toggled {
background: #52677a;
color: #72aacf;
border: 1px solid #52677a;
}
.btn--flat.is-disabled, .btn--flat.is-readonly {
pointer-events: none;
color: tint(#467aa2, 40%);
background: none;
border-color: transparent;
}
.theme-dark .btn--flat.is-disabled, .theme-dark .btn--flat.is-readonly {
color: tint(#72aacf, 40%);
background: none;
border-color: transparent;
}
.btn--flat.is-active {
background: #eef5f8;
border-color: #eef5f8;
}
.theme-dark .btn--flat.is-active {
background: #627c92;
border-color: #627c92;
}
.btn--fx {
position: relative;
}
.btn--fx.is-active::before {
border-radius: 5px;
content: " ";
position: absolute;
top: -2px;
left: -2px;
right: -2px;
bottom: -2px;
border-top: 1px solid #00ca0e;
border-bottom: 1px solid #3e953e;
background-position: 0 0, 100% 0;
background-repeat: no-repeat;
background-size: 1px 100%;
background-image: -webkit-linear-gradient(top, #00ca0e 0%, #00ca0e 100%), -webkit-linear-gradient(top, #3e953e 0%, #3e953e 100%);
background-image: -moz-linear-gradient(top, #00ca0e 0%, #00ca0e 100%), -moz-linear-gradient(top, #3e953e 0%, #3e953e 100%);
background-image: -o-linear-gradient(top, #00ca0e 0%, #00ca0e 100%), -o-linear-gradient(top, #3e953e 0%, #3e953e 100%);
background-image: linear-gradient(to bottom, #00ca0e 0%, #00ca0e 100%), linear-gradient(to bottom, #3e953e 0%, #3e953e 100%);
}
.btn--line, .btn--line-no-icon, .btn--line-no-icon:focus, .btn--line:focus {
width: 100%;
background: none;
border: 1px solid transparent;
display: flex;
justify-content: flex-start;
color: #467aa2;
font-weight: bold;
}
.btn--line:hover, .btn--line-no-icon:hover, .btn--line:focus:hover {
background: #d0e3ed;
border: 1px solid #d0e3ed;
}
.btn--line.is-disabled, .is-disabled.btn--line-no-icon, .btn--line.is-readonly, .is-readonly.btn--line-no-icon, .btn--line:focus.is-disabled, .btn--line:focus.is-readonly {
pointer-events: none;
color: tint(#467aa2, 40%);
background: none;
border-color: transparent;
}
.btn--line .icon, .btn--line-no-icon .icon, .btn--line:focus .icon {
color: #467aa2;
}
.btn--line-no-icon, .btn--line-no-icon:focus {
justify-content: center;
}
.tag-btn {
width: 200px;
background: #ddecf3;
border: 1px solid #72aacf;
border-radius: 5px;
line-height: 20px;
padding-left: 10px;
}
.tag-btn__X {
float: right;
margin-right: 10px;
font-weight: bold;
color: gray;
line-height: 16px;
width: 16px;
text-align: center;
margin-top: 1px;
border: 1px solid transparent;
}
.tag-btn__X:hover {
background: rgba(255, 255, 255, 0.5);
border: 1px solid #72aacf;
cursor: pointer;
}
.btn--main-menu {
height: 32px;
line-height: 32px;
border: 0;
background: none;
}
.theme-dark .btn--main-menu {
border: 0;
background: none;
}
.btn--main-menu:hover {
color: #fff;
border-radius: 0;
background: none;
border: 0;
}
.theme-dark .btn--main-menu:hover {
background: none;
border: 0;
}
.btn--main-menu:focus {
color: #fff;
background: none;
border-radius: 0;
}
.btn--main-menu.is-selected {
color: #fff;
border-radius: 0;
background: linear-gradient(to top, #5d89ad, #72a8cd);
border: 0;
}
.theme-dark .btn--main-menu.is-selected {
background: linear-gradient(to top, #5d89ad, #72a8cd);
border: 0;
}
.btn--user-toolbar {
height: 32px;
line-height: 28px;
min-width: 50px;
max-width: 340px;
border-radius: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
border-right: 1px solid #d3d3d3;
color: #333;
background: transparent;
}
.theme-dark .btn--user-toolbar {
border-right: 1px solid #525252;
color: #C2C2C2;
background: transparent;
}
.btn--user-toolbar:focus, .btn--user-toolbar:hover {
border-right: 1px solid #d3d3d3;
background: linear-gradient(to top, #a3c6e5, #cdd7df);
}
.theme-dark .btn--user-toolbar:focus, .theme-dark .btn--user-toolbar:hover {
border-right: 1px solid #525252;
background: linear-gradient(to top, #576C7E, #848E96);
}
.btn--user-toolbar-user {
min-width: 300px;
text-align: left;
height: 32px;
}
.btn--user-toolbar-user.has-label:hover {
background: rgba(255, 255, 255, 0.3);
}
.btn--user-toolbar-user.has-label:focus {
background: transparent;
}
.btn--full-screen {
margin-left: 20px;
}
.btn--full-screen .icon:hover {
color: #467aa2;
}
/*------------------------------------*\
#DASHBOARD
\*------------------------------------*/
.dashboard {
width: 850px;
height: 650px;
margin: auto;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #fff;
border-radius: 5px 5px 0 0;
}
.theme-dark .dashboard {
background: #3c3f41;
}
.dashboard__wrapper {
border-top: 0;
border-radius: 5px 5px 0 0;
border: 1px solid #c9cfd2;
}
.theme-dark .dashboard__wrapper {
border: 1px solid #333;
}
.dashboard__block {
height: 100%;
}
.dashboard__block--alerts {
border-right: 1px solid #c9cfd2;
}
.theme-dark .dashboard__block--alerts {
border-right: 1px solid #333;
}
.dashboard__block--notes {
border-left: 1px solid #c9cfd2;
}
.theme-dark .dashboard__block--notes {
border-left: 1px solid #333;
}
.dashboard__block--workspaces {
border-top: 1px solid #c9cfd2;
}
.theme-dark .dashboard__block--workspaces {
border-top: 1px solid #333;
}
.dashboard__block--statusbar {
background: #f9f9f9;
border-top: 1px solid #c9cfd2;
}
.theme-dark .dashboard__block--statusbar {
background: #3C3C3C;
}
.theme-dark .dashboard__block--statusbar {
border-top: 1px solid #333;
}
.dashboard__block--dash-link-first {
border-right: 1px solid #c9cfd2;
}
.theme-dark .dashboard__block--dash-link-first {
border-right: 1px solid #333;
}
.dashboard__block--statusbar-link {
text-decoration: none;
margin-left: 10px;
}
.dashboard__block-title {
font-size: 13px;
cursor: default;
}
.dashboard__status-bar {
margin: 0 20px;
line-height: 26px;
color: #fff;
}
.theme-dark .dashboard__status-bar {
color: #C2C2C2;
}
.dashboard__status-bar .icon {
color: #fff;
}
.theme-dark .dashboard__status-bar .icon {
color: #C2C2C2;
}
.dashboard__status-bar a {
color: #fff;
}
.theme-dark .dashboard__status-bar a {
color: #C2C2C2;
}
.dashboard__status-bar a:hover {
color: #fff;
}
.theme-dark .dashboard__status-bar a:hover {
color: #C2C2C2;
}
.dashboard__left-workspace-panel {
margin: 2px 0 0 5px;
border-radius: 3px;
background-color: #fff;
}
/*------------------------------------*\
#DATA-LIST
\*------------------------------------*/
.data-list {
display: flex;
flex-direction: column;
height: 100%;
}
.data-list__inner {
min-height: 1px;
display: flex;
flex-direction: column;
}
.data-list__title {
flex: 0 0 auto;
}
.data-list--boxed .data-list__no-data-text {
margin: 5px;
}
.data-list__row {
padding: 5px;
box-sizing: border-box;
border: 1px solid transparent;
}
.data-list__row:hover {
cursor: default;
border: 1px solid #72aacf;
}
.theme-dark .data-list__row:hover {
border: 1px solid #72aacf;
}
.data-list__row.is-focus {
outline: none;
box-shadow: 0 0 5px #a5c7fe;
border: 1px solid #72aacf;
}
.theme-dark .data-list__row.is-focus {
box-shadow: 0 0 5px #a5c7fe;
border: 1px solid #72aacf;
}
.data-list__row.odd {
background-color: #fefefe;
}
.theme-dark .data-list__row.odd {
background-color: #3c3f41;
}
.data-list__row.even {
background-color: #ebebeb;
}
.theme-dark .data-list__row.even {
background-color: #4E4E4E;
}
.data-list__row-ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 200px;
display: block;
}
.data-list.is-disabled {
pointer-events: none;
}
.data-list--bordered .data-list__content {
padding: 0;
}
.data-list--bordered .data-list__row {
border-radius: 3px;
padding: 5px;
margin-bottom: 5px;
outline: none;
background: #fff;
border: 1px solid #c9cfd2;
}
.theme-dark .data-list--bordered .data-list__row {
background: #3c3f41;
border: 1px solid #333;
}
.data-list--bordered .data-list__row--warning {
background-color: #e7e794;
}
.data-list--bordered .data-list__row--error {
background-color: #ECA9A9;
}
.data-list--bordered .data-list__row:hover {
border: 1px solid #72aacf;
}
.theme-dark .data-list--bordered .data-list__row:hover {
border: 1px solid #72aacf;
}
.data-list--bordered .data-list__row.is-focus {
outline: none;
box-shadow: 0 0 5px #a5c7fe;
border: 1px solid #72aacf;
}
.theme-dark .data-list--bordered .data-list__row.is-focus {
box-shadow: 0 0 5px #a5c7fe;
border: 1px solid #72aacf;
}
.data-list--bordered .data-list__row:only-child:hover {
border: 1px solid #72aacf;
}
.theme-dark .data-list--bordered .data-list__row:only-child:hover {
border: 1px solid #72aacf;
}
.data-list--bordered .data-list__row:last-child {
margin-bottom: 0;
}
.data-list--no-bg .data-list__row {
outline: none;
}
.data-list--no-bg .data-list__row:hover {
border: 1px solid #72aacf;
background: #b8d6e4;
}
.theme-dark .data-list--no-bg .data-list__row:hover {
border: 1px solid #72aacf;
background: #52677a;
}
.data-list--no-bg .data-list__row.is-focus {
border: 1px solid #72aacf;
background: #b8d6e4;
border: 1px solid transparent;
box-shadow: none;
}
.theme-dark .data-list--no-bg .data-list__row.is-focus {
border: 1px solid #72aacf;
background: #52677a;
}
.data-list--boxed > .data-list__inner {
border-radius: 3px;
background: #fcfcfc;
border: 1px solid #c9cfd2;
}
.theme-dark .data-list--boxed > .data-list__inner {
background: #4E4E4E;
border: 1px solid #333;
}
.data-list--boxed .data-list__row {
padding: 5px;
margin-bottom: 5px;
outline: none;
border-radius: 3px;
background: #fff;
border: 1px solid #c9cfd2;
}
.theme-dark .data-list--boxed .data-list__row {
background: #3c3f41;
border: 1px solid #333;
}
.data-list--boxed .data-list__row--warning {
background-color: #e7e794;
}
.data-list--boxed .data-list__row--error {
background-color: #ECA9A9;
}
.data-list--boxed .data-list__row:hover {
border: 1px solid #72aacf;
}
.theme-dark .data-list--boxed .data-list__row:hover {
border: 1px solid #72aacf;
}
.data-list--boxed .data-list__row.is-focus {
outline: none;
box-shadow: 0 0 5px #a5c7fe;
border: 1px solid #72aacf;
}
.theme-dark .data-list--boxed .data-list__row.is-focus {
box-shadow: 0 0 5px #a5c7fe;
border: 1px solid #72aacf;
}
.data-list--boxed .data-list__row:only-child:hover {
border: 1px solid #72aacf;
}
.theme-dark .data-list--boxed .data-list__row:only-child:hover {
border: 1px solid #72aacf;
}
.data-list--boxed .data-list__row:last-child {
margin-bottom: 0;
}
.data-list--boxed .data-list__content {
padding: 5px;
}
.data-list.has-nodataalert {
border: 1px solid red;
}
/*------------------------------------*\
#DATA-TABLE
\*------------------------------------*/
.data-table {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
position: relative;
outline: none;
overflow: hidden;
touch-action: none;
background: #fff;
border: 1px solid #96a2a9;
/*------------------------------------*\
#SCHEDULER
\*------------------------------------*/
}
.theme-dark .data-table {
background: #3c3f41;
border: 1px solid #333;
}
.data-table:focus {
outline: none;
box-shadow: 0 0 5px #a5c7fe;
border: 1px solid #72aacf;
}
.theme-dark .data-table:focus {
box-shadow: 0 0 5px #a5c7fe;
border: 1px solid #72aacf;
}
.data-table.is-disabled {
border-color: #dfe3e2;
pointer-events: none;
background-color: #fff;
color: #c9cfd2 !important;
}
.theme-dark .data-table.is-disabled {
background-color: #3c3f41;
color: #666B6D !important;
}
.data-table.is-readonly .data-table__cell {
border-color: #dfe3e2;
pointer-events: none;
background-color: #fff;
color: #c9cfd2 !important;
}
.theme-dark .data-table.is-readonly .data-table__cell {
background-color: #3c3f41;
color: #666B6D !important;
}
.data-table__disabled-layer {
opacity: 0.5;
border-color: #dfe3e2;
pointer-events: none;
background-color: #fff;
color: #c9cfd2 !important;
}
.theme-dark .data-table__disabled-layer {
background-color: #3c3f41;
color: #666B6D !important;
}
.data-table .inner {
position: relative;
}
.data-table__header {
position: absolute;
overflow: hidden;
background: #eceeee;
}
.theme-dark .data-table__header {
background: #4E4E4E;
}
.data-table__header:not(.is-locked) .data-table__header-cell:last-child {
border-right: 0;
}
.data-table__header:not(.is-locked) .data-table__header-cell.is-not-fit {
border-right: 1px solid #c9cfd2;
}
.theme-dark .data-table__header:not(.is-locked) .data-table__header-cell.is-not-fit {
border-right: 1px solid #333;
}
.data-table__header-cell {
cursor: default;
box-sizing: border-box;
position: absolute;
top: 0;
left: 0;
padding: 0 5px;
display: flex;
align-items: center;
justify-content: space-between;
color: #333;
border-right: 1px solid #96a2a9;
border-bottom: 1px solid #96a2a9;
}
.theme-dark .data-table__header-cell {
color: #C2C2C2;
border-right: 1px solid #444;
border-bottom: 1px solid #444;
}
.data-table__header-cell--vertical-td, .data-table__header-cell--vertical-bu {
justify-content: center;
}
.is-locked-right .data-table__header-cell {
border-left: 1px solid #96a2a9;
}
.theme-dark .is-locked-right .data-table__header-cell {
border-left: 1px solid #444;
}
.data-table__header-cell.is-filtered .icon {
color: #72aacf;
}
.data-table__header-cell.is-sortable:hover {
cursor: pointer;
background: #c9cfd2;
}
.theme-dark .data-table__header-cell.is-sortable:hover {
background: #666B6D;
}
.data-table__header-cell.is-sorted {
background: #c9cfd2;
border-top: 1px solid #96a2a9;
}
.theme-dark .data-table__header-cell.is-sorted {
background: #666B6D;
border-top: 1px solid #444;
}
.data-table__header-cell > .sort {
font-size: 8px;
position: absolute;
left: 48%;
top: -2px;
}
.data-table__footer {
position: absolute;
overflow: hidden;
background: #eceeee;
}
.data-table__footer:not(.is-locked) .data-table__header-cell:last-child {
border-right: 0;
}
.data-table__footer-cell {
cursor: default;
box-sizing: border-box;
position: absolute;
top: 0;
left: 0;
border-right: 1px solid 1px solid #dfe3e2;
border-top: 1px solid #96a2a9;
color: #333;
padding: 0 5px;
display: flex;
align-items: center;
justify-content: space-between;
overflow: hidden;
}
.data-table__title {
white-space: nowrap;
font-weight: 600;
display: inline-block;
max-width: calc(100% - 8px);
overflow: hidden;
text-overflow: ellipsis;
}
.keep-format-nl .data-table__title {
white-space: pre-line;
}
.data-table__header-cell--vertical-td .data-table__title, .data-table__header-cell--vertical-bu .data-table__title {
position: relative;
height: 100%;
min-width: 16px;
}
.data-table__header-cell--vertical-td .data-table__title > span {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
filter: progid:dximagetransform.microsoft.basicimage(rotation=3);
text-align: left;
overflow: hidden;
height: 16px;
left: 16px;
line-height: 16px;
position: absolute;
top: 0;
transform: rotate(90deg);
transform-origin: top left;
padding: 0 0 0 5px;
}
.data-table__header-cell--vertical-bu .data-table__title > span {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
filter: progid:dximagetransform.microsoft.basicimage(rotation=1);
text-align: left;
overflow: hidden;
height: 16px;
line-height: 16px;
position: absolute;
bottom: -16px;
transform: rotate(-90deg);
transform-origin: top left;
padding: 0 0 0 5px;
}
.data-table__scroll-wrap {
position: absolute;
overflow: auto;
}
.data-table__data-container__left, .data-table__data-container__center, .data-table__data-container__right {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
}
.data-table__data-container__inner {
position: relative;
}
.data-table__row-container {
top: 0;
left: 0;
position: absolute;
overflow: hidden;
pointer-events: none;
}
.data-table__row-container__inner {
position: absolute;
top: 0;
left: 0;
}
.data-table__row-container__element {
width: 100%;
pointer-events: auto;
position: absolute;
top: 0;
left: 0;
}
.data-table__toggleable-row-bg {
padding: 3px;
background: #f9f9f9;
border-bottom: 1px solid #96a2a9;
}
.data-table--scheduler .data-table__toggleable-row-bg {
background: #d5e6ef;
padding: 5px;
}
.data-table__data-header {
position: relative;
width: 100%;
height: 24px;
background: #999;
font-size: 13px;
color: #fff;
line-height: 1.7;
padding-left: 5px;
font-weight: bold;
}
.data-table__data {
position: relative;
}
.data-table__left-fixed, .data-table__right-fixed, .data-table__center {
top: 0;
left: 0;
position: absolute;
overflow: hidden;
}
.data-table__cell {
cursor: default;
overflow: hidden;
padding: 0 5px;
display: flex;
align-items: center;
position: absolute;
top: 0;
left: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
background-color: #fff;
border-right: 1px solid #dfe3e2;
}
.theme-dark .data-table__cell {
background-color: #3c3f41;
border-right: 1px solid #333;
}
.data-table__cell.is-last {
border-right: 0;
}
.data-table__cell.is-last.is-not-fit {
border-right: 1px solid 1px solid #dfe3e2;
}
.data-table__cell.is-editing {
padding: 0;
}
.data-table__cell.is-hover {
background-color: #d0e3ed;
}
.theme-dark .data-table__cell.is-hover {
background-color: #52677a;
}
.data-table__cell.is-selected {
color: #fff;
background: linear-gradient(to top, #5d89ad, #72a8cd);
}
.data-table__cell.is-selected a {
color: #fff;
}
.data-table__cell.is-selected a:hover {
color: #fff;
}
.data-table__cell.is-disabled {
border-color: #dfe3e2;
pointer-events: none;
background-color: #fff;
color: #c9cfd2 !important;
}
.theme-dark .data-table__cell.is-disabled {
background-color: #3c3f41;
color: #666B6D !important;
}
.data-table__cell .new-line-span {
white-space: pre-line;
}
.data-table__icon {
width: 20px;
height: 20px;
}
.data-table__icon--type-single {
background-image: url("../packages/mLogistics/assets/images/taskIcons/TaskGroupSingle.png");
}
.data-table__icon--type-dynpackage {
background-image: url("../packages/mLogistics/assets/images/taskIcons/TaskGroupDynPackage.png");
}
.data-table__icon--type-TIDPackage {
background-image: url("../packages/mLogistics/assets/images/taskIcons/TaskGroupTaskInDynPackage.png");
}
.data-table__icon--type-stat-package {
background-image: url("../packages/mLogistics/assets/images/taskIcons/TaskGroupStatPackage.png");
}
.data-table__icon--type-TISPackage {
background-image: url("../packages/mLogistics/assets/images/taskIcons/TaskGroupTaskInStatPackage.png");
}
.data-table__icon--rel-none {
background-image: url("../packages/mLogistics/assets/images/taskIcons/TaskNoneRel.png");
}
.data-table__icon--rel-seq {
background-image: url("../packages/mLogistics/assets/images/taskIcons/TaskSequentialRel.png");
}
.data-table__icon--rel-parallel {
background-image: url("../packages/mLogistics/assets/images/taskIcons/TaskParallelRel.png");
}
.data-table__icon--rel-suntask {
background-image: url("../packages/mLogistics/assets/images/taskIcons/TaskSubTaskRel.png");
}
.data-table__editable-input .input-box {
height: 20px;
line-height: 20px;
}
.data-table__title {
color: #333;
}
.theme-dark .data-table__title {
color: #C2C2C2;
}
.data-table--small {
font-size: 11px;
}
.data-table--small .data-table__cell {
line-height: 2;
}
.data-table--scheduler {
background-color: #eaeaea;
}
.data-table--scheduler__cell--ruler {
padding: 0;
background-color: transparent;
}
.data-table--scheduler__cell--ruler.is-hover .data-table--scheduler__region-hover {
opacity: 0.1;
}
.data-table--scheduler__cell--ruler.is-selected .data-table--scheduler__region-hover {
opacity: 0.5;
}
.data-table--scheduler__cell--resource {
display: flex;
font-size: 11px;
align-items: center;
background-color: #d5e6ef;
border-bottom: 1px solid #c9cfd2;
border-right: 1px solid #c9cfd2;
color: #305f85;
}
.data-table--scheduler__cell--resource.is-hover {
background: #bad3e2;
}
.data-table--scheduler__cell--resource.is-selected {
background: #8cb3cd;
}
.data-table__data-container__right .data-table--scheduler__cell--resource {
border-left: 1px solid #c9cfd2;
}
.data-table--scheduler .data-table__header-cell {
background-color: #e2e5e7;
}
.data-table--scheduler .data-table__header-cell--ruler {
padding: 0;
}
.data-table--scheduler__cell--ruler.is-hover .data-table--scheduler__row-hover {
position: absolute;
height: 100%;
width: 100%;
background-color: rgba(132, 151, 177, 0.37);
top: 0;
}
.data-table--scheduler__cell--ruler.is-selected .data-table--scheduler__row-hover {
position: absolute;
height: 100%;
width: 100%;
background-color: rgba(42, 105, 188, 0.37);
top: 0;
}
.data-table__hide-selection .data-table__cell.is-selected {
background: none;
color: #333;
}
/*------------------------------------*\
#DIALOG
\*------------------------------------*/
.dialog {
z-index: 1070;
overflow: hidden;
pointer-events: all;
border-radius: 5px;
background-color: #c9cfd2;
border: 1px solid #96a2a9;
color: #333;
}
.theme-dark .dialog {
background-color: #3C3C3C;
border: 1px solid #333;
color: #C2C2C2;
}
.dialog__header {
border: 0 !important;
background: linear-gradient(#e0e1e1, #c9cfd2);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.theme-dark .dialog__header {
background: linear-gradient(#4E4E4E, #3C3C3C);
}
.dialog__header.moveable {
cursor: move;
}
.dialog__top {
padding: 5px;
}
.dialog__content {
padding: 0 5px 5px;
min-width: 350px;
min-height: 100px;
}
.dialog__content-inner {
background-color: #fff;
border: 1px solid #c9cfd2;
}
.theme-dark .dialog__content-inner {
background-color: #3c3f41;
border: 1px solid #333;
}
.dialog__title {
font-size: 12px;
padding-left: 10px;
line-height: 24px;
float: left;
}
.dialog__actions {
float: right;
margin: 0 0 0 7px;
}
.dialog__footer {
padding: 10px;
text-align: right;
background: #f9f9f9;
border-top: 1px solid #c9cfd2;
}
.theme-dark .dialog__footer {
background: #4E4E4E;
border-top: 1px solid #3C3C3C;
}
.dialog__footer .btn {
margin-left: 10px;
}
.dialog--fixed {
display: flex;
flex-direction: column;
}
.dialog__scrollable-content {
flex: 1 0 0px;
padding: 5px;
}
.dialog .dialog__flex-fit {
display: flex;
flex-direction: column;
flex: 1 0 0px;
}
.dialog .dialog__flex-auto {
flex: 0 0 auto;
}
.dialog .dialog__flex-fit-content {
flex: 1 0 0px;
}
/*------------------------------------*\
#EDITMASK
\*------------------------------------*/
.editmask {
display: flex;
flex-direction: column;
}
.editmask--fit {
height: 100%;
}
.editmask__item {
flex: 0 0 auto;
}
.editmask__item--fit {
flex: 1 0 auto;
}
/*------------------------------------*\
#DS-FILTERS
\*------------------------------------*/
.ds-filters__item {
position: relative;
}
.ds-filters__grid-item {
padding: 3px;
border: 1px solid transparent;
}
.ds-filters__locked-overlay {
width: 100%;
height: 100%;
position: absolute;
top: 0;
opacity: 0.4;
background: #f4f4f4;
border: 1px solid #ccc;
}
.ds-filters__unlock-btn {
position: absolute;
z-index: 100;
right: -12px;
top: 50%;
margin-top: -8px;
}
.ds-filters__content {
height: 100%;
background-color: #f9f9f9;
}
.theme-dark .ds-filters__content {
background-color: #4E4E4E;
}
.ds-filters__items-wrapper {
border: 1px solid #c9cfd2;
}
.theme-dark .ds-filters__items-wrapper {
border: 1px solid #333;
}
.ds-filters__item-container {
padding: 5px 15px 5px 5px;
background-color: #f9f9f9;
}
.theme-dark .ds-filters__item-container {
background-color: #4E4E4E;
}
.ds-filters__actions {
display: flex;
}
.ds-filters__actions .btn {
margin-right: 3px;
}
.ds-filters__label {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-align: right;
padding-right: 10px;
line-height: 24px;
display: block;
}
.ds-filters__summary-label {
line-height: 24px;
}
.ds-filters__rulers {
background-color: #fff;
}
.ds-filters__rulers .bubblefront-top {
border-bottom-color: #fff;
}
.ds-filters__subfilters {
display: flex;
}
.ds-filters__subfilters--additional {
margin-top: 10px;
}
.ds-filters__subfilters--nolabel {
display: block;
}
.ds-filters__subfilters-label {
flex: 0 0 134px;
text-align: right;
padding-right: 11px;
line-height: 24px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.ds-filters__subfilters-content {
display: flex;
width: 100%;
align-self: center;
}
.ds-filters__search-list {
border: 1px solid #c9cfd2;
}
.theme-dark .ds-filters__search-list {
border: 1px solid #333;
}
.ds-filters__footer .btn {
margin-left: 10px;
}
/*------------------------------------*\
#FORM-BOX
\*------------------------------------*/
.form-box__header {
width: 100%;
}
.form-box__row {
margin: 0 0 3px;
}
.form-box__row:last-child {
margin-bottom: 0;
}
.form-box__row--inline {
display: flex;
align-items: center;
}
.form-box__row--inline-top {
align-items: flex-start;
}
.form-box__row--align-right {
display: flex;
justify-content: flex-end;
}
.form-box__row.is-drag-accept {
background-color: #ffb56a;
cursor: pointer;
}
.form-box .title {
margin-bottom: 0;
}
.form-box__item {
user-select: text;
min-height: 24px;
line-height: 24px;
}
.form-box__row--inline .form-box__item {
flex: 1 1 0px;
min-width: 0;
min-height: 0;
}
.form-box__row--inline .form-box__item--inline-auto {
flex: 0 0 auto;
}
.form-box__item.is-multiline-label {
align-self: flex-start;
}
.form-box__label {
display: block;
color: #575757;
user-select: none;
}
.theme-dark .form-box__label {
color: #C2C2C2;
}
.form-box__label--align-top {
align-self: flex-start;
}
.form-box__label--align-bottom {
align-self: flex-end;
}
.form-box__label--align-right {
text-align: right;
}
.form-box__label.is-disabled {
border-color: #dfe3e2;
pointer-events: none;
background-color: #fff;
color: #c9cfd2 !important;
}
.theme-dark .form-box__label.is-disabled {
background-color: #3c3f41;
color: #666B6D !important;
}
.form-box__label.text-danger::before {
content: "* ";
color: red;
}
.form-box__row--inline .form-box__label {
text-align: right;
padding: 0 10px 0 0;
flex-shrink: 0;
line-height: 24px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.form-box__row--inline .form-box__label--align-left {
text-align: left;
}
.form-box__row--inline .form-box__label--pos-right {
padding: 0 0 0 10px;
}
.form-box__row--inline .form-box__label.is-multiline {
line-height: inherit;
overflow: auto;
white-space: normal;
text-overflow: inherit;
}
.form-box--inline {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
}
.form-box--inline .form-box__row {
margin-right: 10px;
}
.form-box--inline .form-box__row:last-child {
margin-right: 0;
margin-bottom: 3px;
}
.form-box--inline .form-box__row--inline .form-box__item {
flex: 1 1 auto;
}
.form-box--inline .form-box__row--inline:last-child {
margin-right: 0;
margin-bottom: 3px;
}
.form-box--nowrap {
flex-wrap: nowrap;
}
.form-box--text-only .form-box__label {
line-height: 16px;
}
.form-box--text-only .form-box__item {
line-height: 16px;
}
/*------------------------------------*\
#FORM-BOX-ITEM
\*------------------------------------*/
.form-box-item--label-left {
display: flex;
align-items: center;
}
.form-box-item--label-left__own-label {
margin: 0 5px 0 0;
color: #575757;
}
.theme-dark .form-box-item--label-left__own-label {
color: #999;
}
.form-box-item--label-left.textarea-wrapper {
align-items: flex-start;
}
.form-box-item--label-left.duration-time {
align-items: flex-end;
}
.form-box-item--label-top__own-label {
display: block;
color: #575757;
}
.theme-dark .form-box-item--label-top__own-label {
color: #999;
}
/*------------------------------------*\
#FORM-BOX-ITEM-ENTITY-MEDIA
\*------------------------------------*/
.entity-media {
height: 130px;
flex: 1 1 0px;
overflow: hidden;
display: flex;
}
.entity-media__thumbs-box {
flex: 1;
overflow-x: auto;
overflow-y: hidden;
padding: 5px;
}
.entity-media__thumbs-box .with-border {
border: 1px solid #c9cfd2;
}
.entity-media__buttons-box {
display: flex;
flex-direction: column;
}
.entity-media__thumbs-box-wrapper {
vertical-align: top;
display: flex;
align-items: center;
font-size: 0;
white-space: nowrap;
box-sizing: border-box;
height: 100%;
}
.entity-media__thumb {
cursor: pointer;
display: flex;
flex: 0 0 100px;
padding: 3px;
}
.entity-media__thumb:hover {
background: #e6f3f7;
}
.entity-media__thumb.selected {
background: #cbe6ef;
}
.entity-media__thumb > img {
margin: 0 auto;
display: inline-block;
max-width: 100px;
max-height: 100px;
align-self: center;
}
.entity-media__droppable_area {
border: 2px dashed gray;
padding: 5px;
margin-left: 5px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
color: lightgray;
}
.entity-media__droppable_area .icon {
color: lightgray;
}
.entity-media__droppable_area.hover {
border-color: red;
}
/*------------------------------------*\
#DATE-TIME-PICK
\*------------------------------------*/
.date-time-pick {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.form-box__row--inline .date-time-pick__item:first-child {
flex: 1 1 auto;
}
.date-time-pick__btn {
margin-left: 3px;
}
.date-time-pick.form-box__item {
flex: 0 0 auto;
}
.date-time-pick__options-wrapper {
padding: 1px;
position: absolute;
overflow-y: auto;
z-index: 9999;
}
/*------------------------------------*\
#TIME-PICK
\*------------------------------------*/
.time-pick:focus {
outline: none;
}
.time-pick .input-box-wrapper {
flex-grow: 0;
}
.time-pick .input-box-wrapper:focus {
outline: none;
box-shadow: 0 0 5px #a5c7fe;
border: 1px solid #72aacf;
}
.theme-dark .time-pick .input-box-wrapper:focus {
box-shadow: 0 0 5px #a5c7fe;
border: 1px solid #72aacf;
}
.date-time-pick .time-pick {
margin-left: 3px;
flex: 0 0 auto;
}
.time-pick__btn {
font-size: 8px;
line-height: 1;
height: 11px;
display: flex;
align-items: center;
justify-content: center;
width: 20px;
}
.time-pick__options-wrapper {
background: #fff;
border: 1px solid #96a2a9;
padding: 1px;
position: absolute;
max-height: 700px;
overflow-y: auto;
z-index: 9999;
}
.time-pick__option {
user-select: none;
padding: 4px;
cursor: context-menu;
}
.time-pick__option[data-value="[NULL]"] {
height: 25px;
}
.time-pick__option.is-hover {
background: #B4CEE0;
}
.time-pick__option.is-selected {
background-image: linear-gradient(to top, #5d89ad, #72a8cd);
}
/*------------------------------------*\
#TEXTAREA
\*------------------------------------*/
.textarea {
display: flex;
flex-direction: column;
line-height: normal;
}
.textarea--label-left {
flex-direction: row;
}
.textarea__label {
flex: 0 0 auto;
}
.textarea__content {
display: flex;
}
.textarea__content--auto {
flex: 0 0 auto;
overflow: hidden;
}
.textarea__content--fit {
flex: 1 1 0px;
min-width: 0;
min-height: 0;
}
.textarea__btn-wrapper {
flex: 0 0 auto;
}
.textarea__text-box {
border-radius: 3px;
color: inherit;
font-size: inherit;
resize: none;
overflow-y: auto;
padding: 2px 5px;
flex: 1 1 0px;
min-width: 0;
min-height: 0;
background-color: #fff;
border-color: #c9cfd2;
}
.theme-dark .textarea__text-box {
background-color: #464646;
border-color: #333;
}
.textarea__text-box--keep-space {
margin-right: 29px;
}
.textarea__text-box--single-line {
white-space: nowrap;
word-wrap: normal;
overflow: hidden;
}
.textarea--grow .textarea__text-box {
display: block;
overflow: hidden;
resize: none;
}
.textarea__text-box:focus {
outline: none;
box-shadow: 0 0 5px #a5c7fe;
border: 1px solid #7098d2;
}
.textarea__text-box:disabled {
background: #fff;
color: #c9cfd2;
border-color: #dfe3e2;
}
.textarea__text-box.is-readonly {
box-shadow: none;
background-color: #f9f9f9;
color: #333;
border-color: #dfe3e2;
}
.theme-dark .textarea__text-box.is-readonly {
background-color: #3c3f41;
color: #C2C2C2;
border-color: #333;
}
/*------------------------------------*\
#CODEAREA
\*------------------------------------*/
.codearea {
display: flex;
flex-direction: column;
line-height: normal;
}
.codearea--label-left {
flex-direction: row;
}
.codearea__label {
flex: 0 0 auto;
}
.codearea__content {
display: flex;
}
.codearea__content--auto {
flex: 0 0 auto;
overflow: hidden;
}
.codearea__content--fit {
flex: 1 1 0px;
min-width: 0;
min-height: 0;
}
.codearea__btn-wrapper {
flex: 0 0 auto;
}
.codearea__text-box {
background-color: #fff;
border: 1px solid #c9cfd2;
border-radius: 3px;
color: inherit;
font-size: inherit;
resize: none;
overflow: hidden;
padding: 0;
flex: 1 1 0px;
min-width: 0;
min-height: 0;
}
.codearea__text-box--borderless {
border: 0;
}
.codearea__text-box:focus {
outline: none;
box-shadow: 0 0 5px #a5c7fe;
border: 1px solid #7098d2;
}
.codearea__text-box:disabled {
background: #fff;
color: #c9cfd2;
border-color: #dfe3e2;
}
.codearea__text-box.is-readonly {
box-shadow: none;
background-color: #f9f9f9;
color: #333;
border-color: #dfe3e2;
}
.theme-dark .codearea__text-box.is-readonly {
background-color: #3c3f41;
color: #C2C2C2;
border-color: #333;
}
/*------------------------------------*\
#RICHTEXTAREA
\*------------------------------------*/
.richtextarea {
display: flex;
outline: none;
}
.richtextarea .has-focus {
outline: none;
box-shadow: 0 0 5px #a5c7fe;
border: 1px solid #7098d2;
}
.richtextarea__text-box {
display: flex;
flex-direction: column;
flex: 1 0 0px;
border: 1px solid transparent;
outline: none;
/*
.mce-tinymce:not(.mce-fullscreen) {
display: flex !important;
box-sizing: border-box;
flex: 1 0 0px;
.mce-stack-layout {
display: flex;
flex-direction: column;
flex: 1 0 0px;
}
.mce-toolbar-grp {
flex: 0 0 auto;
}
.mce-edit-area {
display: flex;
flex-direction: column;
flex: 1 0 0px;
iframe {
flex: 1 0 0px;
}
}
}
.mce-fullscreen {
z-index: 1070;
}
*/
}
.richtextarea__text-box .tox-tinymce:not(.tox-fullscreen) {
display: flex !important;
box-sizing: border-box;
flex: 1 0 0px;
}
/*------------------------------------*\
#CHECKBOX
\*------------------------------------*/
.checkbox {
display: flex;
align-items: center;
}
.form-box__row--inline .checkbox {
flex: 0 0 auto;
}
.checkbox__input {
width: 14px;
height: 14px;
background: url("../packages/mLogistics/assets/images/check0.jpg") no-repeat center;
border-radius: 1px;
flex: 0 0 auto;
}
.checkbox__input.is-active {
background-image: url("../packages/mLogistics/assets/images/check+.jpg");
}
.checkbox__input.is-readonly {
opacity: 0.5;
pointer-events: none;
}
.checkbox__input.is-indeterminate {
background-image: url("../packages/mLogistics/assets/images/check-.jpg");
}
.checkbox__input:focus {
outline: none;
box-shadow: 0 0 5px #a5c7fe;
border: 1px solid #428fc1;
}
.checkbox__input.is-disabled {
opacity: 0.5;
pointer-events: none;
}
.checkbox__input.is-multiline-label {
margin-top: 4px;
}
.checkbox__label {
margin: 0 0 0 10px;
cursor: pointer;
line-height: 19px;
min-height: 17px;
flex: 0 0 auto;
}
.checkbox__label--left {
text-align: right;
margin-right: 10px;
margin-left: 0;
}
.checkbox__label--no-text {
display: none;
}
.checkbox__label.is-readonly {
pointer-events: none;
}
.checkbox__label.is-empty {
display: none;
}
/*------------------------------------*\
#RADIOGROUP
\*------------------------------------*/
.radiogroup:focus {
outline: none;
}
.radiogroup__label--left {
margin-right: 20px;
}
.radiogroup__label--right {
margin-left: 20px;
}
.radiogroup__label--top {
margin-bottom: 10px;
}
.radiogroup__option-box {
flex: 1 0 0px;
}
.radiogroup__option-box--inline {
display: flex;
}
.radiogroup__option-box--vertical {
flex: 0 0 auto;
}
.radiogroup__option {
display: flex;
cursor: pointer;
min-height: 17px;
align-items: flex-start;
}
.radiogroup__option--custom .radiogroup__option-content {
margin: 0 0 0 10px;
flex: 1 0 0px;
}
.radiogroup__option--custom .radiogroup__option-content--right-align {
text-align: right;
margin-right: 10px;
}
.radiogroup__option--bordered {
padding: 5px;
border: 1px solid #eceeee;
}
.radiogroup__option.is-disabled {
opacity: 0.5;
}
.radiogroup__option-input {
flex: 0 0 auto;
width: 14px;
height: 14px;
cursor: pointer;
background: url("../packages/mLogistics/assets/images/radio0.jpg") no-repeat center center;
border-radius: 50%;
margin-top: 3px;
}
.radiogroup__option-input.is-selected {
background-image: url("../packages/mLogistics/assets/images/radio+.jpg");
}
.radiogroup__option-input.centered-input {
align-self: center;
margin-top: 0;
}
.radiogroup__option-input:focus {
outline: none;
box-shadow: 0 0 5px #a5c7fe;
border: 1px solid #428fc1;
}
.radiogroup__option-content {
margin: 0 0 0 10px;
flex: 1 1 0px;
line-height: 1.8;
}
.radiogroup__option-content--right-align {
text-align: right;
margin-right: 10px;
}
/*------------------------------------*\
#AUTOCOMPLETE
\*------------------------------------*/
.autocomplete {
cursor: default;
position: relative;
padding-right: 5px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.autocomplete:hover, .autocomplete:focus {
background-image: linear-gradient(#fff 20%, #A8CAE6);
}
.autocomplete__wrapper {
position: relative;
}
.autocomplete__item {
font-size: 12px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.autocomplete__item.is-readonly {
background-color: transparent;
}
.autocomplete .icon {
font-size: 10px;
}
.autocomplete__options-wrapper {
background: #fff;
border: 1px solid #96a2a9;
padding: 1px;
position: absolute;
max-height: 700px;
overflow-y: auto;
z-index: 9999;
}
.autocomplete__option {
padding: 4px;
cursor: context-menu;
user-select: none;
}
.autocomplete__option[data-value="[NULL]"] {
height: 25px;
}
.autocomplete__option.is-hover {
background: #B4CEE0;
}
.autocomplete__option.is-selected {
background-image: linear-gradient(to top, #5d89ad, #72a8cd);
}
/*------------------------------------*\
#INPUT-BOX
\*------------------------------------*/
/*
*/
.input-box-wrapper {
border-width: 1px;
border-style: solid;
height: 24px;
border-radius: 3px;
transition: all 0.3s ease-in-out;
display: flex;
flex-grow: 1;
background-color: #fff;
border-color: #c9cfd2;
}
.theme-dark .input-box-wrapper {
background-color: #464646;
border-color: #333;
}
.input-box-wrapper--focus, .input-box-wrapper:focus {
outline: none;
box-shadow: 0 0 5px #a5c7fe;
border: 1px solid #72aacf;
}
.theme-dark .input-box-wrapper--focus, .theme-dark .input-box-wrapper:focus {
box-shadow: 0 0 5px #a5c7fe;
border: 1px solid #72aacf;
}
.input-box-wrapper.is-disabled {
border-color: #dfe3e2;
pointer-events: none;
background-color: #fff;
color: #c9cfd2 !important;
}
.theme-dark .input-box-wrapper.is-disabled {
background-color: #3c3f41;
color: #666B6D !important;
}
.input-box-wrapper.is-disabled .input-box {
color: #c9cfd2;
}
.input-box-wrapper.is-disabled .fa {
color: #c9cfd2;
}
.input-box-wrapper.is-readonly {
box-shadow: none;
background-color: #f9f9f9;
color: #333;
border-color: #dfe3e2;
}
.theme-dark .input-box-wrapper.is-readonly {
background-color: #3c3f41;
color: #C2C2C2;
border-color: #333;
}
.input-box {
font-size: 12px;
line-height: 22px;
padding: 0 5px;
height: 24px;
width: 100%;
min-width: 30px;
display: block;
color: #333;
background-color: #fff;
border-width: 1px;
border-style: solid;
border-color: #c9cfd2;
border-radius: 3px;
transition: all 0.3s ease-in-out;
}
.theme-dark .input-box {
color: #C2C2C2;
background-color: #464646;
}
.theme-dark .input-box {
border-color: #333;
}
.input-box:focus {
outline: none;
box-shadow: 0 0 5px #a5c7fe;
border: 1px solid #72aacf;
}
.theme-dark .input-box:focus {
box-shadow: 0 0 5px #a5c7fe;
border: 1px solid #72aacf;
}
.input-box:disabled {
border-color: #dfe3e2;
pointer-events: none;
background-color: #fff;
color: #c9cfd2 !important;
}
.theme-dark .input-box:disabled {
background-color: #3c3f41;
color: #666B6D !important;
}
.input-box.is-readonly {
box-shadow: none;
background-color: #f9f9f9;
color: #333;
border-color: #dfe3e2;
}
.theme-dark .input-box.is-readonly {
background-color: #3c3f41;
color: #C2C2C2;
border-color: #333;
}
.input-box-wrapper .input-box {
height: 22px;
min-width: 0;
box-shadow: none;
border: 0;
}
.theme-dark .input-box-wrapper .input-box {
box-shadow: none;
border: 0;
}
.input-box-wrapper .input-box:focus {
outline: none;
}
.input-box-wrapper .input-box__addon {
font-size: 12px;
padding: 0 2px;
display: flex;
flex-direction: column;
justify-content: center;
flex-shrink: 0;
border-radius: 0;
}
.input-box-wrapper .input-box__addon.is-disabled {
border-color: #dfe3e2;
}
.input-box::-ms-clear {
display: none;
}
/*------------------------------------*\
#SELECT
\*------------------------------------*/
.select {
cursor: default;
position: relative;
padding-right: 5px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.select:hover, .select:focus {
background: linear-gradient(#fff 20%, #A8CAE6);
}
.theme-dark .select:hover, .theme-dark .select:focus {
background: #575757;
}
.select__wrapper {
position: relative;
outline: none;
}
.select__item {
font-size: 12px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
background: transparent;
}
.theme-dark .select__item {
background: transparent;
}
.select__item.is-readonly {
background-color: transparent;
}
.select .icon {
font-size: 10px;
}
.select__options-wrapper {
padding: 1px;
position: absolute;
max-height: 700px;
overflow-y: auto;
z-index: 9999;
background: #fff;
border: 1px solid #96a2a9;
color: #333;
}
.theme-dark .select__options-wrapper {
background: #3c3f41;
border: 1px solid #333;
color: #C2C2C2;
}
.select__option {
padding: 4px;
cursor: context-menu;
outline: none;
white-space: nowrap;
user-select: none;
}
.select__option[data-value="[NULL]"] {
height: 25px;
}
.select__option.is-hover {
background: #B4CEE0;
color: #333;
}
.theme-dark .select__option.is-hover {
color: #fff;
}
.select__option.is-selected {
background-image: linear-gradient(to top, #5d89ad, #72a8cd);
color: #fff;
}
/*------------------------------------*\
#SKETCH ACCORDION
\*------------------------------------*/
.sketch-accordion__row {
height: 24px;
line-height: 24px;
margin-bottom: 1px;
background-color: orange;
cursor: pointer;
color: #333;
}
.sketch-accordion__row__right-icon {
padding-right: 4px;
}
.sketch-accordion__row__right-icon .icon {
color: #333;
}
.theme-dark .sketch-accordion__row__right-icon .icon {
color: #333;
}
.sketch-accordion__png {
margin: 5px;
padding: 5px;
border: 1px solid lightgray;
border-radius: 3px;
max-height: 100px;
max-width: 100px;
cursor: pointer;
background-color: #fff;
}
/*------------------------------------*\
#UI-HEADER
\*------------------------------------*/
.ui-header {
position: relative;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.ui-header.is-toggable {
cursor: pointer;
}
.ui-header.is-toggable:focus {
outline: none;
box-shadow: inset 0px 0px 6px #a5c7fe;
}
.ui-header--vertical {
background: linear-gradient(to left, #f4f4f4, #c9cfd2);
width: 23px;
height: 100%;
border-right: 1px solid #96a2a9;
border-left: 1px solid #96a2a9;
}
.ui-header--vertical.is-narrow {
background: none;
border: 0;
padding: 3px;
margin-top: 3px;
height: 100%;
width: 12px;
}
.ui-header--vertical.is-taller {
border-radius: 3px 3px 0 0;
width: 30px;
line-height: 30px;
padding-left: 5px;
padding-right: 5px;
border-top: 0;
}
.ui-header--vertical.is-bordered-white {
background: none;
border-top: 1px solid #96a2a9;
padding-top: 5px;
}
.ui-header--vertical.is-collapsible {
background: none;
border: 0;
padding: 3px;
margin-top: 3px;
width: 24px;
height: auto;
}
.ui-header--vertical.is-collapsible:hover .toggle-icon {
background: #d0e3ed;
border: 1px solid transparent;
}
.ui-header--vertical.is-collapsible .toggle-icon {
height: 18px;
width: 18px;
background: transparent;
border: 1px solid transparent;
border-radius: 3px;
}
.ui-header--horizontal {
background: linear-gradient(#f4f4f4, #c9cfd2);
border-bottom: 1px solid #96a2a9;
border-top: 1px solid #96a2a9;
width: 100%;
height: 23px;
display: flex;
padding-left: 5px;
padding-right: 5px;
}
.theme-dark .ui-header--horizontal {
background: linear-gradient(#4E4E4E, #3C3C3C);
border-bottom: 1px solid #333;
border-top: 1px solid #333;
}
.ui-header--horizontal.is-narrow {
background: none;
border: 0;
padding: 3px;
height: 12px;
width: 100%;
}
.ui-header--horizontal.is-narrow .list-inline {
height: 10px;
}
.ui-header--horizontal.is-taller {
height: 30px;
line-height: 30px;
border-top: 0;
border-radius: 3px 3px 0 0;
}
.ui-header__content {
flex: 1 1 0px;
}
.ui-header__decorator {
display: inline-block;
height: 12px;
width: 3px;
margin-top: 5px;
margin-left: 5px;
margin-right: 3px;
border: 1px dotted #b0b0b0;
}
.theme-dark .ui-header__decorator {
border: 1px dotted #575757;
}
.ui-header__label {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
cursor: default;
white-space: nowrap;
display: block;
line-height: 21px;
}
.ui-header.is-flat {
border-radius: 3px;
color: inherit;
background-image: none;
font-size: 13px;
cursor: default;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background: #c9cfd2;
border: 1px solid #96a2a9;
}
.theme-dark .ui-header.is-flat {
background: #4E4E4E;
border: 1px solid #333;
}
.ui-header.is-flat.color-blocked {
background-color: #FF4652;
border: 1px solid #FF2031;
}
.ui-header.is-flat.color-active {
background-color: #00B700;
border: #00A500;
}
.ui-header.is-bold {
background: none;
border: 0;
padding: 0;
font-size: 13px;
font-weight: bold;
cursor: default;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.ui-header.keep-format {
height: auto;
min-height: 23px;
overflow: auto;
}
.ui-header.keep-format .ui-header__content {
align-items: flex-start;
}
.ui-header.keep-format .ui-header__label {
white-space: pre;
word-wrap: normal;
}
/*------------------------------------*\
#STATUS-LABEL
\*------------------------------------*/
.status-label {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 11px;
color: #333;
height: 20px;
width: 120px;
border-radius: 3px;
line-height: 18px;
padding: 0 3px;
display: inline-block;
vertical-align: middle;
}
.status-label--progress {
width: 50px;
text-align: center;
font-size: 10px;
line-height: 16px;
}
.status-label--icon {
width: 15px;
text-align: center;
padding: 0;
}
.status-label.is-clickable:hover {
cursor: pointer;
opacity: 0.7;
}
.status-label .icon.icon {
color: #575757;
}
/*------------------------------------*\
#LOGIN
\*------------------------------------*/
.login {
background: url("../packages/mLogistics/assets/images/lomlogistics01.png") no-repeat top center #fff;
background-size: 690px;
box-shadow: 4px 4px 10px 0 rgba(50, 50, 50, 0.4);
width: 690px;
padding-top: 405px;
display: flex;
justify-content: center;
padding-bottom: 30px;
}
.login__wrapper {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.login__logo {
background: url("../packages/mLogistics_Biral/assets/images/Biral_logo.png") no-repeat top center;
background-size: contain;
height: 80px;
margin-bottom: 15px;
}
.login__btn-submit {
float: right;
}
.login__footer {
position: absolute;
justify-content: center;
margin: auto;
left: 0;
bottom: 0;
line-height: 26px;
color: #fff;
}
.login__footer a {
color: #fff;
}
.login__footer a:hover {
color: #fff;
}
/*------------------------------------*\
#DROPDOWN
\*------------------------------------*/
.dropdown {
z-index: 1080;
overflow: hidden;
top: 0;
left: 0;
position: absolute;
background: #fff;
border: 1px solid #c9cfd2;
}
.theme-dark .dropdown {
background: #3c3f41;
border: 1px solid #333;
}
.dropdown__item {
padding: 4px 10px;
cursor: pointer;
display: flex;
justify-content: space-between;
outline: none;
color: #333;
background-color: #fff;
}
.theme-dark .dropdown__item {
color: #C2C2C2;
background-color: #3c3f41;
}
.dropdown__item.is-selected {
color: #fff;
background: linear-gradient(to top, #5d89ad, #72a8cd);
}
.dropdown__item.is-selected > a {
color: #fff;
}
.dropdown__item.is-disabled {
color: #c9cfd2;
}
.dropdown__label {
margin-right: 10px;
}
.dropdown__separator {
border: 0;
border-bottom: 1px solid #d3d3d3;
margin: 3px 6px;
}
.is-selected .dropdown__icon .fa {
color: #fff;
}
/*------------------------------------*\
#MULTI-SCREEN
\*------------------------------------*/
.multi-screen__top-right {
border-left: 5px solid white;
border-bottom: 5px solid white;
}
.multi-screen__bottom-right {
border-left: 5px solid white;
}
.multi-screen__bottom-right--bordered {
border-top: 5px solid white;
}
/*------------------------------------*\
#PAGER
\*------------------------------------*/
.pager {
display: flex;
align-items: center;
}
.pager__element {
margin: 0 5px;
align-self: flex-end;
}
.pager__element:first-child {
margin-left: 0;
}
.pager__page-numbers {
display: flex;
}
.pager__page-number {
margin-left: 5px;
padding: 0 4px;
}
.pager__page-number:first-child {
margin-left: 0;
}
.pager .is-selected {
background-color: #d4d4d4;
border: 1px solid #d4d4d4;
}
.theme-dark .pager .is-selected {
background-color: #575757;
border: 1px solid #575757;
}
.pager .is-disabled {
border-color: transparent;
background: none;
}
.theme-dark .pager .is-disabled {
border-color: transparent;
background: none;
}
.pager .is-disabled .icon {
color: #ccc;
}
.theme-dark .pager .is-disabled .icon {
color: #C2C2C2;
}
/*------------------------------------*\
#ASYNC-PAGER
\*------------------------------------*/
.async-pager {
display: flex;
align-items: center;
}
.async-pager__default-button {
margin: 0 1px;
align-self: flex-end;
}
.async-pager__default-button:first-child {
margin-left: 0;
}
.async-pager__page-numbers-block {
display: flex;
}
.async-pager__page-number {
margin-left: 1px;
padding: 0 4px;
}
.async-pager__page-number:first-child {
margin-left: 0;
}
.async-pager .is-selected {
background-color: #d4d4d4;
border: 1px solid #d4d4d4;
}
.async-pager .is-disabled {
border-color: transparent;
background: none;
}
.async-pager .is-disabled .icon {
color: #ccc;
}
/*------------------------------------*\
#BUBBLE PANEL
\*------------------------------------*/
.bubble {
box-shadow: 1px 1px 3px 0 rgba(97, 97, 97, 0.31);
left: 0;
padding: 10px;
position: absolute;
top: 0;
z-index: 1030;
border-radius: 5px;
background: #f9f9f9;
border: 1px solid #96a2a9;
}
.theme-dark .bubble {
background: #4E4E4E;
border: 1px solid #333;
}
.bubble__wrapper {
display: flex;
flex-direction: column;
height: 100%;
}
.bubble__header {
flex: 0 0 auto;
margin-bottom: 10px;
}
.bubble__title-icon {
margin-right: 5px;
}
.bubble__title {
margin-bottom: 0;
}
.bubble__content {
display: flex;
flex: 1 1 0px;
flex-direction: column;
}
.bubble__content--flex-child {
flex-direction: row;
}
.bubble__content--auto-height {
flex: 0 0 auto;
}
.bubble__footer {
flex: 0 0 auto;
align-self: flex-end;
margin-top: 10px;
}
.bubble__footer .btn {
margin-left: 10px;
}
.bubble__spike {
position: absolute;
border-style: solid;
display: block;
width: 0;
z-index: 1;
}
.bottom .bubble__spike {
top: -10px;
border-width: 0 10px 10px;
border-left-color: transparent;
border-right-color: transparent;
border-top-color: #f9f9f9;
border-bottom-color: #f9f9f9;
}
.theme-dark .bottom .bubble__spike {
border-top-color: #4E4E4E;
border-bottom-color: #4E4E4E;
}
.left .bubble__spike {
right: -10px;
border-width: 10px 0 10px 10px;
border-top-color: transparent;
border-bottom-color: transparent;
border-left-color: #f9f9f9;
border-right-color: #f9f9f9;
}
.theme-dark .left .bubble__spike {
border-left-color: #4E4E4E;
border-right-color: #4E4E4E;
}
.right .bubble__spike {
left: -10px;
border-width: 10px 10px 10px 0;
border-top-color: transparent;
border-bottom-color: transparent;
border-left-color: #f9f9f9;
border-right-color: #f9f9f9;
}
.theme-dark .right .bubble__spike {
border-left-color: #4E4E4E;
border-right-color: #4E4E4E;
}
.top .bubble__spike {
bottom: -10px;
border-width: 10px 10px 0;
border-left-color: transparent;
border-right-color: transparent;
border-top-color: #f9f9f9;
border-bottom-color: #f9f9f9;
}
.theme-dark .top .bubble__spike {
border-top-color: #4E4E4E;
border-bottom-color: #4E4E4E;
}
.bubble__spike-shadow {
position: absolute;
border-style: solid;
display: block;
width: 0;
z-index: 0;
}
.bottom .bubble__spike-shadow {
top: -11px;
border-width: 0 10px 10px;
border-left-color: transparent;
border-right-color: transparent;
border-top-color: #96a2a9;
border-bottom-color: #96a2a9;
}
.theme-dark .bottom .bubble__spike-shadow {
border-top-color: #333;
border-bottom-color: #333;
}
.right .bubble__spike-shadow {
left: -11px;
border-width: 10px 10px 10px 0;
border-top-color: transparent;
border-bottom-color: transparent;
border-left-color: #96a2a9;
border-right-color: #96a2a9;
}
.theme-dark .right .bubble__spike-shadow {
border-left-color: #333;
border-right-color: #333;
}
.left .bubble__spike-shadow {
right: -11px;
border-width: 10px 0 10px 10px;
border-top-color: transparent;
border-bottom-color: transparent;
border-left-color: #96a2a9;
border-right-color: #96a2a9;
}
.theme-dark .left .bubble__spike-shadow {
border-left-color: #333;
border-right-color: #333;
}
.top .bubble__spike-shadow {
bottom: -11px;
border-width: 10px 10px 0;
border-left-color: transparent;
border-right-color: transparent;
border-top-color: #96a2a9;
border-bottom-color: #96a2a9;
}
.theme-dark .top .bubble__spike-shadow {
border-top-color: #333;
border-bottom-color: #333;
}
/*------------------------------------*\
#PANEL TABS AND VERTICAL TABS
\*------------------------------------*/
.panel-tabs {
user-select: none;
display: flex;
flex-direction: column;
/*------------------------------------*\
#panel-tabs MAIN
\*------------------------------------*/
/*------------------------------------*\
#panel-tabs VERTICAL
\*------------------------------------*/
}
.panel-tabs__top-wrapper {
position: relative;
overflow: hidden;
top: 1px;
border-radius: 5px 5px 0 0;
z-index: 100;
flex: 0 0 auto;
}
.panel-tabs__button-wrapper {
position: absolute;
display: inline-block;
}
.panel-tabs__arrows {
position: absolute;
z-index: 100;
display: flex;
cursor: pointer;
}
.panel-tabs__arrows--left {
border-top-left-radius: 5px;
left: 0;
background: linear-gradient(to left, rgba(0, 0, 0, 0), #a3adb7 53%);
padding-left: 10px;
width: 55px;
height: 29px;
align-items: center;
}
.panel-tabs__arrows--right {
border-top-right-radius: 5px;
right: 0;
background: linear-gradient(to right, rgba(0, 0, 0, 0), #a3adb7 53%);
padding-right: 10px;
justify-content: flex-end;
width: 55px;
height: 29px;
align-items: center;
}
.panel-tabs__arrows--top {
top: 0;
background: linear-gradient(to top, rgba(0, 0, 0, 0), #a3adb7 53%);
justify-content: center;
width: 100%;
height: 29px;
}
.panel-tabs__arrows--bottom {
bottom: 0;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #a3adb7 53%);
justify-content: center;
width: 100%;
height: 29px;
display: flex;
align-items: flex-end;
padding-bottom: 3px;
}
.panel-tabs__top-container {
width: 100%;
position: relative;
height: 29px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.panel-tabs__top-container .list-inline__side-items > * {
margin: 0;
}
.panel-tabs__content {
flex: 0 0 auto;
background-color: #fff;
border: 1px solid #96a2a9;
}
.theme-dark .panel-tabs__content {
background-color: #3c3f41;
border: 1px solid #333;
}
.panel-tabs__tab {
position: absolute;
display: inline;
height: 29px;
padding: 5px 4px 0 5px;
z-index: 100;
font-size: 12px;
line-height: 16px;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
cursor: default;
outline: none;
background: linear-gradient(to top, #c9cfd2, #f7f7f7);
border: 1px solid #96a2a9;
}
.theme-dark .panel-tabs__tab {
background: #333;
border: 1px solid #333;
}
.panel-tabs__tab:not(.dragging) {
transition: left 0.2s, transform 0.2s;
}
.panel-tabs__tab.dragging {
background: #ccc;
}
.panel-tabs__tab:not(.dragging) {
transition: left 0.2s, transform 0.2s;
}
.panel-tabs__tab:focus {
box-shadow: 0 2px 0 #7098d2 inset;
}
.panel-tabs__tab.active {
background: #fff;
border-color: #96a2a9;
border-bottom: 1px solid #fff;
background: #fff;
border-bottom: #fff;
border-color: #96a2a9;
}
.theme-dark .panel-tabs__tab.active {
background: #3c3f41;
border-bottom: #3c3f41;
border-color: #333;
}
.panel-tabs__tab-icon {
font-size: 136%;
}
.panel-tabs__tab-icon .icon:before {
vertical-align: middle;
}
.panel-tabs__title {
white-space: nowrap;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.panel-tabs__actions {
float: right;
}
.panel-tabs__decorator-wrapper {
display: inline-block;
vertical-align: middle;
}
.panel-tabs__decorator {
height: 17px;
width: 3px;
margin-right: 6px;
border: 1px dotted #b0b0b0;
}
.theme-dark .panel-tabs__decorator {
border: 1px dotted #575757;
}
.panel-tabs--main {
padding: 0 5px;
}
.panel-tabs--vertical {
padding: 0;
height: 100%;
flex-direction: row;
background-color: #fff;
}
.theme-dark .panel-tabs--vertical {
background-color: #3c3f41;
}
.panel-tabs--vertical__tabs-container {
height: 100%;
}
.panel-tabs--vertical__tab {
cursor: default;
padding: 6px 5px;
white-space: pre-wrap;
position: static;
width: auto;
display: block;
height: auto;
border-radius: 0;
background: none;
border: 0;
}
.theme-dark .panel-tabs--vertical__tab {
background: none;
border: 0;
}
.panel-tabs--vertical__tab.background-notify.is-active {
background: #016B01;
}
.panel-tabs--vertical__tab.background-notify:hover {
background-color: #016B01;
}
.panel-tabs--vertical__tab.background-danger:hover {
background-color: #AE0101;
}
.panel-tabs--vertical__tab.background-danger.is-active {
background: #AE0101;
}
.panel-tabs--vertical__tab[class*=" background-"] {
color: #fff;
}
.theme-dark .panel-tabs--vertical__tab[class*=" background-"] {
color: #3c3f41;
}
.panel-tabs--vertical__tab:hover, .panel-tabs--vertical__tab.hover {
background: #d0e3ed;
}
.theme-dark .panel-tabs--vertical__tab:hover, .theme-dark .panel-tabs--vertical__tab.hover {
background: #52677a;
}
.panel-tabs--vertical__tab:focus {
box-shadow: none;
background: #d0e3ed;
}
.theme-dark .panel-tabs--vertical__tab:focus {
background: #52677a;
}
.panel-tabs--vertical__tab.is-active {
color: #fff;
background: linear-gradient(to top, #5d89ad, #72a8cd);
}
.theme-dark .panel-tabs--vertical__tab.is-active {
background: linear-gradient(to top, #5d89ad, #72a8cd);
}
.panel-tabs--vertical__tab--indented {
padding-left: 15px;
}
.panel-tabs--vertical__tab--title {
font-weight: bold;
}
.panel-tabs--vertical .panel-tabs__fixed-container {
height: 100%;
padding-left: 5px;
}
.panel-tabs__side-wrapper {
position: relative;
overflow: hidden;
height: 100%;
border-radius: 3px;
color: inherit;
background-color: #f9f9f9;
border: 1px solid #c9cfd2;
}
.theme-dark .panel-tabs__side-wrapper {
background-color: #4E4E4E;
border: 1px solid #333;
}
.panel-tabs__content--fit {
flex: 1 1 0px;
}
.panel-tabs__content--fit > .panel-tabs__element {
position: absolute !important;
width: 100% !important;
height: 100% !important;
}
/*------------------------------------*\
#RESIZER
\*------------------------------------*/
.resizer {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.resizer--floated {
z-index: 1020;
top: 0;
left: 0;
position: absolute;
}
.resizer--floated-bottom {
z-index: 1020;
bottom: 0;
left: 0;
position: absolute;
}
.resizer--floated-left {
z-index: 1020;
top: 0;
left: 0;
position: absolute;
}
.resizer--floated-right {
z-index: 1020;
top: 0;
right: 0;
position: absolute;
}
.resizer--solid {
position: relative;
background: #f4f4f4;
}
.resizer--solid.resizer--vertical {
border-top: 1px solid #b0b0b0;
border-bottom: 1px solid #b0b0b0;
}
.resizer--solid.resizer--horizontal {
border-right: 1px solid #b0b0b0;
border-left: 1px solid #b0b0b0;
}
.resizer--solid .resizer__decorator {
top: 1px;
}
.resizer--horizontal {
cursor: ew-resize;
right: 0;
}
.resizer--horizontal:not(.ghost) {
height: 100%;
}
.resizer--vertical {
cursor: ns-resize;
}
.resizer--vertical:not(.ghost) {
width: 100%;
}
.resizer__decorator {
box-sizing: border-box;
margin: auto;
top: 3px;
right: 0;
bottom: 0;
left: 0;
position: absolute;
}
.resizer__decorator--horizontal {
height: 31px;
width: 1px;
border-left: 1px dotted #808080;
}
.resizer__decorator--vertical {
width: 31px;
border-top: 1px dotted #b0b0b0;
}
.resizer.ghost {
top: 0;
left: 0;
position: absolute;
opacity: 0.4;
background: #000;
}
.resizer.solid {
background: #fff;
}
/*------------------------------------*\
#SEARCHBOX
\*------------------------------------*/
.searchbox {
display: flex;
}
.searchbox.is-disabled {
border-color: #dfe3e2;
pointer-events: none;
background-color: #fff;
color: #c9cfd2 !important;
}
.theme-dark .searchbox.is-disabled {
background-color: #3c3f41;
color: #666B6D !important;
}
.searchbox__label {
line-height: 24px;
margin-right: 5px;
}
.searchbox__actions {
line-height: normal;
display: flex;
flex: 0 0 auto;
}
.searchbox__actions .btn {
margin-left: 5px;
}
/*------------------------------------*\
#SEARCH
\*------------------------------------*/
.search {
display: flex;
}
.search__input {
flex: 1 1 auto;
margin: 0 3px 0 0;
}
.search__btn {
flex: 0 0 auto;
}
/*------------------------------------*\
#TIMELINE
\*------------------------------------*/
.timeline .ruler {
height: 55px;
position: relative;
}
.timeline-cursor {
position: absolute;
top: 0;
display: inline-block;
z-index: 99;
}
.timeline-cursor .timeline-cursor-inner {
position: relative;
}
.timeline-cursor .timeline-cursor-inner .time {
z-index: 10;
font-size: 11px;
color: #fff;
padding: 2px 10px;
background: #808080;
border-radius: 5px;
}
.timeline-cursor .timeline-cursor-inner .line {
z-index: -10;
position: absolute;
margin: auto;
top: 0;
left: 0;
right: 0;
background: #f00;
width: 2px;
}
/*------------------------------------*\
#TOOLBAR
\*------------------------------------*/
.toolbar {
font-size: 12px;
background-color: transparent;
}
.toolbar .label-wrapper {
padding-top: 2px;
float: right;
}
.toolbar > li {
margin-right: 10px;
min-height: 30px;
align-items: center;
display: flex;
}
.toolbar > li:last-child:not(.list-inline__side-items) {
margin-right: 0;
}
.toolbar > li.list-inline__side-items {
margin-right: 0;
}
.toolbar--narrow .toolbar > li {
margin-right: 5px;
}
.toolbar--process {
margin: 5px 0;
}
.toolbar--process > li {
margin-right: 0;
}
.toolbar--process canvas {
display: block;
}
.toolbar--narrow {
flex-wrap: nowrap;
}
.toolbar--narrow > li {
margin-right: 5px;
}
/*------------------------------------*\
#IMG-GALLERY
\*------------------------------------*/
.img-gallery {
overflow: hidden;
background: white;
}
.img-gallery--vertical {
height: 100%;
display: flex;
flex-direction: column;
flex: 1 0 0px;
}
.img-gallery--vertical-box {
flex: 1 0 0px;
}
.img-gallery__main-img {
height: 300px;
position: relative;
background-color: #dfe3e2;
border: 1px solid #96a2a9;
}
.img-gallery__main-img__zoomable {
margin: auto;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
position: absolute;
}
.img-gallery__main-img__zoomable > img {
height: 298px;
}
.img-gallery__arrow-wrapper {
cursor: pointer;
text-align: center;
top: calc(50% - 15px);
position: absolute;
height: 30px;
width: 30px;
border-radius: 100%;
background-color: rgba(87, 87, 87, 0.3);
}
.img-gallery__arrow-wrapper:hover {
background-color: rgba(87, 87, 87, 0.5);
}
.img-gallery__arrow-wrapper:hover i {
color: white;
}
.img-gallery__arrow-wrapper--right {
right: 5px;
}
.img-gallery__arrow-wrapper--left {
left: 5px;
}
.img-gallery__icon-navigation {
position: absolute;
top: calc(50% - 9px);
left: 7px;
}
.img-gallery__icon-navigation .icon {
color: rgba(255, 255, 255, 0.7);
}
.img-gallery__info-block {
font-size: 12px;
height: 300px;
}
.img-gallery__thumbs-box {
display: flex;
overflow-x: scroll;
overflow-y: hidden;
padding: 5px;
border: 1px solid #c9cfd2;
}
.img-gallery__thumbs-box-wrapper {
vertical-align: top;
display: flex;
align-items: center;
font-size: 0;
white-space: nowrap;
box-sizing: border-box;
height: 100%;
}
.img-gallery__thumb {
cursor: pointer;
display: flex;
height: 100px;
padding: 3px;
}
.img-gallery__thumb:hover {
background: #e6f3f7;
}
.img-gallery__thumb.selected {
background: #cbe6ef;
}
.img-gallery__thumb > img {
margin: 0 auto;
display: inline-block;
max-width: 100px;
max-height: 100px;
align-self: center;
}
.img-gallery__drag-and-drop-area {
margin-right: 5px;
}
.img-gallery__drag-and-drop-area--fit {
flex: 1 1 0px;
}
.zoomable-image {
overflow: hidden;
position: relative;
}
.zoomable-image__zoom-object {
background-color: rgba(255, 255, 255, 0.5);
border: 1px solid black;
pointer-events: none;
position: absolute;
top: 0;
left: 0;
}
.zoomable-image__zoom-target {
overflow: hidden;
position: relative;
}
/*------------------------------------*\
#IMG-GALLERY
\*------------------------------------*/
.img-loading {
width: 100%;
padding: 10px;
max-height: 100px;
max-width: 100px;
margin: 0 auto;
display: inline-block;
align-self: center;
}
/*------------------------------------*\
#AV-GALLERY
\*------------------------------------*/
.av-gallery {
overflow: hidden;
background: white;
}
.av-gallery--main {
flex: 1 1 0px;
}
.av-gallery__main-media {
height: 380px;
position: relative;
background-color: #dfe3e2;
border: 1px solid #96a2a9;
}
.av-gallery__main-media .av-centered {
margin: auto;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
position: absolute;
width: calc(100% - 100px);
}
.av-gallery__main-media .av-centered .audio {
margin: auto;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
position: absolute;
height: 22px;
}
.av-gallery__arrow-wrapper {
cursor: pointer;
text-align: center;
top: calc(50% - 15px);
position: absolute;
height: 30px;
width: 30px;
border-radius: 100%;
background-color: rgba(87, 87, 87, 0.3);
}
.av-gallery__arrow-wrapper:hover {
background-color: rgba(87, 87, 87, 0.5);
}
.av-gallery__arrow-wrapper:hover i {
color: white;
}
.av-gallery__arrow-wrapper--right {
right: 5px;
}
.av-gallery__arrow-wrapper--left {
left: 5px;
}
.av-gallery__icon-navigation {
position: absolute;
top: calc(50% - 9px);
left: 7px;
}
.av-gallery__icon-navigation .icon {
color: rgba(255, 255, 255, 0.7);
}
.av-gallery__thumbs-box {
display: flex;
overflow-x: scroll;
overflow-y: hidden;
padding: 5px;
border: 1px solid #c9cfd2;
}
.av-gallery__thumbs-box-wrapper {
vertical-align: top;
display: flex;
align-items: center;
font-size: 0;
white-space: nowrap;
box-sizing: border-box;
height: 100%;
}
.av-gallery__thumb {
cursor: pointer;
display: flex;
height: 100px;
padding: 3px;
}
.av-gallery__thumb:hover {
background: #e6f3f7;
}
.av-gallery__thumb.selected {
background: #cbe6ef;
}
.av-gallery__thumb > img {
margin: 0 auto;
display: inline-block;
max-width: 60px;
max-height: 60px;
align-self: center;
}
.av-gallery__drag-and-drop-area {
margin-right: 5px;
}
.av-gallery__drag-and-drop-area--fit {
flex: 1 1 0px;
}
/*------------------------------------*\
#BIG-GIS
\*------------------------------------*/
.big-gis__search-box {
position: absolute;
top: 22px;
left: 62px;
z-index: 400;
pointer-events: none;
}
.big-gis__search-box > * {
pointer-events: initial;
}
.big-gis__search-res-box {
position: absolute;
top: 50px;
left: 62px;
width: 450px;
background: #fff;
z-index: 400;
border: 1px solid lightgray;
padding: 2px;
border-radius: 4px;
}
.big-gis__stop-tracking {
position: absolute;
top: 22px;
left: 500px;
z-index: 400;
}
.multi-screen__main .big-gis__btn-overview {
display: block;
}
.big-gis__loc-container {
user-select: text;
}
.big-gis__popup_wrapper {
max-height: 400px;
overflow-y: auto;
}
.big-gis__popup_wrapper > * {
border: 1px solid lightgray;
border-radius: 10px;
padding: 5px;
margin-bottom: 5px;
}
.big-gis-tooltip {
display: flex;
align-items: center;
}
.big-gis-tooltip__square {
width: 10px;
height: 10px;
margin-right: 5px;
}
.coordinates-textarea {
border: none;
height: 60px;
width: 160px;
background: transparent;
resize: none;
}
.coordinates-textarea:focus {
border: none;
outline: none;
box-shadow: none;
}
.search-result-dropdown {
line-height: 25px;
}
.search-result-dropdown__item {
padding: 0 10px;
}
.search-result-dropdown__item:hover {
background-color: #b8d6e4;
}
.search-result-dropdown__item:first-child {
margin-top: 5px;
}
.search-result-dropdown__item:last-child {
margin-bottom: 5px;
}
/*------------------------------------*\
#MARKERS
\*------------------------------------*/
.taskMarker.status0 {
background-image: url("../packages/mLogistics/assets/images/markers/marker-0.png");
}
.taskMarker.status10 {
background-image: url("../packages/mLogistics/assets/images/markers/marker-10.png");
}
.taskMarker.status20 {
background-image: url("../packages/mLogistics/assets/images/markers/marker-20.png");
}
.taskMarker.status30 {
background-image: url("../packages/mLogistics/assets/images/markers/marker-30.png");
}
.taskMarker.status40 {
background-image: url("../packages/mLogistics/assets/images/markers/marker-40.png");
}
.taskMarker.status50 {
background-image: url("../packages/mLogistics/assets/images/markers/marker-50.png");
}
.taskMarker.status60 {
background-image: url("../packages/mLogistics/assets/images/markers/marker-60.png");
}
.taskMarker.status70 {
background-image: url("../packages/mLogistics/assets/images/markers/marker-70.png");
}
.taskMarker.status80 {
background-image: url("../packages/mLogistics/assets/images/markers/marker-80.png");
}
.taskMarker.status85 {
background-image: url("../packages/mLogistics/assets/images/markers/marker-85.png");
}
.taskMarker.status90 {
background-image: url("../packages/mLogistics/assets/images/markers/marker-90.png");
}
.taskMarker.status100 {
background-image: url("../packages/mLogistics/assets/images/markers/marker-100.png");
}
.taskMarker.status110 {
background-image: url("../packages/mLogistics/assets/images/markers/marker-110.png");
}
.taskMarker.status120 {
background-image: url("../packages/mLogistics/assets/images/markers/marker-120.png");
}
.taskMarker.status130 {
background-image: url("../packages/mLogistics/assets/images/markers/marker-130.png");
}
.taskMarker.status140 {
background-image: url("../packages/mLogistics/assets/images/markers/marker-140.png");
}
.taskMarker.status145 {
background-image: url("../packages/mLogistics/assets/images/markers/marker-145.png");
}
.taskMarker.status150 {
background-image: url("../packages/mLogistics/assets/images/markers/marker-150.png");
}
.taskMarker.status160 {
background-image: url("../packages/mLogistics/assets/images/markers/marker-160.png");
}
.taskMarker.status166 {
background-image: url("../packages/mLogistics/assets/images/markers/marker-166.png");
}
.taskMarker.status170 {
background-image: url("../packages/mLogistics/assets/images/markers/marker-170.png");
}
.taskMarker.status175 {
background-image: url("../packages/mLogistics/assets/images/markers/marker-175.png");
}
.taskMarker.status180 {
background-image: url("../packages/mLogistics/assets/images/markers/marker-180.png");
}
.taskMarker.status185 {
background-image: url("../packages/mLogistics/assets/images/markers/marker-185.png");
}
.taskMarker.status190 {
background-image: url("../packages/mLogistics/assets/images/markers/marker-190.png");
}
.taskMarker.status200 {
background-image: url("../packages/mLogistics/assets/images/markers/marker-200.png");
}
.taskMarker.status210 {
background-image: url("../packages/mLogistics/assets/images/markers/marker-210.png");
}
.taskMarker.status220 {
background-image: url("../packages/mLogistics/assets/images/markers/marker-220.png");
}
.taskMarker.status230 {
background-image: url("../packages/mLogistics/assets/images/markers/marker-230.png");
}
.taskMarker.status240 {
background-image: url("../packages/mLogistics/assets/images/markers/marker-240.png");
}
.taskMarker15.status0 {
background-image: url("../packages/mLogistics/assets/images/markers/1.5x/marker-0.png");
}
.taskMarker15.status10 {
background-image: url("../packages/mLogistics/assets/images/markers/1.5x/marker-10.png");
}
.taskMarker15.status20 {
background-image: url("../packages/mLogistics/assets/images/markers/1.5x/marker-20.png");
}
.taskMarker15.status30 {
background-image: url("../packages/mLogistics/assets/images/markers/1.5x/marker-30.png");
}
.taskMarker15.status40 {
background-image: url("../packages/mLogistics/assets/images/markers/1.5x/marker-40.png");
}
.taskMarker15.status50 {
background-image: url("../packages/mLogistics/assets/images/markers/1.5x/marker-50.png");
}
.taskMarker15.status60 {
background-image: url("../packages/mLogistics/assets/images/markers/1.5x/marker-60.png");
}
.taskMarker15.status70 {
background-image: url("../packages/mLogistics/assets/images/markers/1.5x/marker-70.png");
}
.taskMarker15.status80 {
background-image: url("../packages/mLogistics/assets/images/markers/1.5x/marker-80.png");
}
.taskMarker15.status85 {
background-image: url("../packages/mLogistics/assets/images/markers/1.5x/marker-85.png");
}
.taskMarker15.status90 {
background-image: url("../packages/mLogistics/assets/images/markers/1.5x/marker-90.png");
}
.taskMarker15.status100 {
background-image: url("../packages/mLogistics/assets/images/markers/1.5x/marker-100.png");
}
.taskMarker15.status110 {
background-image: url("../packages/mLogistics/assets/images/markers/1.5x/marker-110.png");
}
.taskMarker15.status120 {
background-image: url("../packages/mLogistics/assets/images/markers/1.5x/marker-120.png");
}
.taskMarker15.status130 {
background-image: url("../packages/mLogistics/assets/images/markers/1.5x/marker-130.png");
}
.taskMarker15.status140 {
background-image: url("../packages/mLogistics/assets/images/markers/1.5x/marker-140.png");
}
.taskMarker15.status145 {
background-image: url("../packages/mLogistics/assets/images/markers/1.5x/marker-145.png");
}
.taskMarker15.status150 {
background-image: url("../packages/mLogistics/assets/images/markers/1.5x/marker-150.png");
}
.taskMarker15.status160 {
background-image: url("../packages/mLogistics/assets/images/markers/1.5x/marker-160.png");
}
.taskMarker15.status166 {
background-image: url("../packages/mLogistics/assets/images/markers/1.5x/marker-166.png");
}
.taskMarker15.status170 {
background-image: url("../packages/mLogistics/assets/images/markers/1.5x/marker-170.png");
}
.taskMarker15.status175 {
background-image: url("../packages/mLogistics/assets/images/markers/1.5x/marker-175.png");
}
.taskMarker15.status180 {
background-image: url("../packages/mLogistics/assets/images/markers/1.5x/marker-180.png");
}
.taskMarker15.status185 {
background-image: url("../packages/mLogistics/assets/images/markers/1.5x/marker-185.png");
}
.taskMarker15.status190 {
background-image: url("../packages/mLogistics/assets/images/markers/1.5x/marker-190.png");
}
.taskMarker15.status200 {
background-image: url("../packages/mLogistics/assets/images/markers/1.5x/marker-200.png");
}
.taskMarker15.status210 {
background-image: url("../packages/mLogistics/assets/images/markers/1.5x/marker-210.png");
}
.taskMarker15.status220 {
background-image: url("../packages/mLogistics/assets/images/markers/1.5x/marker-220.png");
}
.taskMarker15.status230 {
background-image: url("../packages/mLogistics/assets/images/markers/1.5x/marker-230.png");
}
.taskMarker15.status240 {
background-image: url("../packages/mLogistics/assets/images/markers/1.5x/marker-240.png");
}
/*------------------------------------*\
#MAIN-OVERVIEW
\*------------------------------------*/
.overview-main__img {
margin-right: 10px;
}
/*------------------------------------*\
#USER-TOOLBAR
\*------------------------------------*/
.user-toolbar {
border-left: 1px solid #d3d3d3;
border-left: 1px solid #96a2a9;
background: linear-gradient(to top, #aab7c1, #cdd7df);
}
.theme-dark .user-toolbar {
border-left: 1px solid #525252;
border-left: 1px solid #96a2a9;
background: linear-gradient(to top, #424141, #5E666B);
}
/*------------------------------------*\
#MAIN TOOLBAR
\*------------------------------------*/
.main-toolbar {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background: linear-gradient(#b9cbda, #96a7b4, #97a7b4);
height: 32px !important;
overflow: hidden;
}
.theme-dark .main-toolbar {
background: linear-gradient(#5A5A5A, #2F2F2F);
}
.main-toolbar__element {
float: left;
}
.main-toolbar__element--logo {
border: 0;
background: url("../packages/mLogistics_Biral/assets/images/Biral_logo.png") no-repeat center center;
background-size: 87px;
width: 87px;
float: left;
height: 32px;
border-bottom: 1px solid #96a2a9;
}
.main-toolbar__element--logobject {
cursor: pointer;
float: right;
width: 112px;
height: 29px;
border: 0;
background: url("../packages/mLogistics/assets/images/LoIcon.png") no-repeat center center;
background-size: 100px;
margin-right: 20px;
}
/*------------------------------------*\
#RECORD OVERVIEW
\*------------------------------------*/
.overview-record__section {
padding: 5px;
border-left: 1px solid #ccc;
}
.overview-record__element {
margin-bottom: 15px;
}
/*------------------------------------*\
#NOTE
\*------------------------------------*/
.note {
margin-bottom: 5px;
height: 80px;
box-shadow: 1px 1px 2px #bbb;
background: linear-gradient(#FEFEC7, #FEFE9A);
color: #333;
}
.theme-dark .note {
color: #333;
}
.note__header {
margin-bottom: 3px;
}
.note__title {
display: block;
line-height: 1.3;
width: 200px;
margin-bottom: 3px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.note__content {
line-height: 1.2;
width: 230px;
height: 30px;
overflow: hidden;
text-overflow: ellipsis;
white-space: pre-wrap;
}
.note__btn {
float: right;
}
.dispatcher-notice {
background: linear-gradient(#FEFEC7, #FEFE9A);
}
/*------------------------------------*\
#LOAD-SPINNER
\*------------------------------------*/
.load-spinner {
width: 250px;
height: 150px;
border-radius: 3px;
border-style: solid;
border-width: 1px;
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
opacity: 0;
z-index: 102;
background: linear-gradient(to top, #e0e1e1, #fff);
border: #96a2a9;
transition: opacity 0.2s;
}
.theme-dark .load-spinner {
background: #333;
border: #333;
}
.load-spinner__content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100%;
}
.load-spinner__img {
width: 50px;
height: 50px;
margin-bottom: 10px;
border-left: 5px solid rgba(80, 162, 193, 0.15);
border-right: 5px solid rgba(80, 162, 193, 0.15);
border-bottom: 5px solid rgba(80, 162, 193, 0.15);
border-top: 5px solid #366d9a;
border-radius: 100%;
-webkit-animation: rotation 0.6s infinite linear;
-moz-animation: rotation 0.6s infinite linear;
-o-animation: rotation 0.6s infinite linear;
animation: rotation 0.6s infinite linear;
}
@-webkit-keyframes rotation {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
}
}
@-moz-keyframes rotation {
from {
-moz-transform: rotate(0deg);
}
to {
-moz-transform: rotate(359deg);
}
}
@-o-keyframes rotation {
from {
-o-transform: rotate(0deg);
}
to {
-o-transform: rotate(359deg);
}
}
@keyframes rotation {
from {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}
/*------------------------------------*\
#ICON
\*------------------------------------*/
.icon-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle;
}
.icon-stack__1x, .icon-stack__2x {
position: absolute;
left: 0;
width: 100%;
text-align: center;
}
.icon-stack__1x {
line-height: 1em;
}
.icon-stack--small {
width: 1.3em;
height: 1.4em;
line-height: inherit;
font-size: 80%;
}
.icon {
display: inline-block;
vertical-align: middle;
color: #575757;
/*makes the font 33% larger relative to the icon container*/
/*@-webkit-keyframes icon--spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}*/
}
.theme-dark .icon {
color: #C2C2C2;
}
.icon--lg {
font-size: 1.33333333em;
line-height: 0.75em;
vertical-align: -15%;
}
.icon--2x {
font-size: 1.4em;
}
.icon--3x {
font-size: 2.1em;
}
.icon--4x {
font-size: 2.8em;
}
.icon--5x {
font-size: 3.5em;
}
.icon--fw {
width: 1.28571429em;
text-align: center;
}
.icon--ul {
padding-left: 0;
margin-left: 2.14285714em;
list-style-type: none;
}
.icon--ul > li {
position: relative;
}
.icon--li {
position: absolute;
left: -2.14285714em;
width: 2.14285714em;
top: 0.14285714em;
text-align: center;
}
.icon--li.icon--lg {
left: -1.85714286em;
}
.icon--border {
padding: 0.2em 0.25em 0.15em;
border: solid 0.08em #eee;
border-radius: 0.1em;
}
.icon .pull-right {
float: right;
}
.icon .pull-left {
float: left;
}
.icon.pull-left {
margin-right: 0.3em;
}
.icon.pull-right {
margin-left: 0.3em;
}
.icon--spin {
animation: fa-spin 2s infinite linear;
}
@keyframes icon--spin {
0% {
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.icon--rotate-90 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
transform: rotate(90deg);
}
.icon--rotate-180 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
transform: rotate(180deg);
}
.icon--rotate-270 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
transform: rotate(270deg);
}
.icon--flip-horizontal {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
transform: scale(-1, 1);
}
.icon--flip-vertical {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
transform: scale(1, -1);
}
.icon :root .icon--rotate-90,
.icon :root .icon--rotate-180,
.icon :root .icon--rotate-270,
.icon :root .icon--flip-horizontal,
.icon :root .icon--flip-vertical {
filter: none;
}
.icon--inverse {
color: #fff;
}
.icon--tr-duration-02s {
transition-duration: 0.2s;
}
.icon--tr-origin-7-7 {
transform-origin: 7px 7px;
}
.icon--notice {
border: 1px solid transparent;
width: 20px;
height: 20px;
line-height: 20px;
font-size: 17px;
text-align: center;
vertical-align: middle;
padding: 0;
box-sizing: content-box;
border-radius: 3px;
}
.is-active .icon--notice {
background: #d6e5f2;
border: 1px solid #ef9678;
color: #575757;
}
.theme-dark .is-active .icon--notice {
color: #575757;
}
.icon--notice__stacked-bg {
font-size: 1.3em;
vertical-align: middle;
width: 20px;
height: 20px;
left: -0.15em;
top: -0.12em;
color: #575757;
}
.theme-dark .icon--notice__stacked-bg {
color: #C2C2C2;
}
.is-active .icon--notice__stacked-bg {
color: #575757;
}
.theme-dark .is-active .icon--notice__stacked-bg {
color: #575757;
}
.icon--notice__stacked-fg {
font-size: 0.8em;
width: 21px;
height: 20px;
line-height: 22px;
color: #fff;
}
.theme-dark .icon--notice__stacked-fg {
color: #575757;
}
.is-active .icon--notice__stacked-fg {
color: #ef9678;
}
.icon-error-circle {
color: #467aa2;
cursor: default;
background: #fff;
}
.theme-dark .icon-error-circle {
background: #3c3f41;
}
.icon-error-circle:hover {
color: #ff4652;
}
.icon-error-circle.transparent {
background: transparent;
}
.icon-star.icon {
color: transparent;
}
.icon-star.is-template {
color: #e4c457;
}
.icon-star.is-shared {
color: #de6d1d;
}
.icon-star.is-favourite {
color: #95a1a8;
}
.btn--flat .icon-star.is-favourite {
color: #95a1a8;
}
.icon-star.is-indeterminate {
color: lightgray;
}
.btn--flat .icon-star.is-indeterminate {
color: lightgray;
}
.btn--flat .icon-star {
color: #fff;
}
.icon-switch {
font-size: 144%;
margin-left: -0.15em;
margin-top: -0.1em;
}
.icon-slash {
color: red;
}
.icon-orange-circle {
background: orange;
border: 1px solid #575757;
border-radius: 50%;
width: 16px;
height: 16px;
}
.is-active .icon-speech-balloon {
font-size: 1em;
}
.icon.icon-flip-vertical {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1);
}
[class^=icon-]:before,
[class*=" icon-"]:before {
margin-left: 0;
margin-right: 0;
font-size: 121%;
}
/*------------------------------------*\
#SLIDER
\*------------------------------------*/
.slider {
height: 100%;
position: relative;
}
.slider__item {
background-position: bottom center;
background-repeat: no-repeat;
height: 350px;
opacity: 1;
position: absolute;
width: 100%;
}
.slider__item[data-position=background] {
opacity: 0;
transition: opacity 2s ease;
}
.slider__item--about01 {
background-image: url("../packages/mLogistics/assets/images/about/about01.jpg");
}
.slider__item--about02 {
background-image: url("../packages/mLogistics/assets/images/about/about02.jpg");
}
.slider__item--about03 {
background-image: url("../packages/mLogistics/assets/images/about/about03.jpg");
}
.slider__item--about04 {
background-image: url("../packages/mLogistics/assets/images/about/about04.jpg");
}
.slider__item--about05 {
background-image: url("../packages/mLogistics/assets/images/about/about05.jpg");
}
.slider__item--about06 {
background-image: url("../packages/mLogistics/assets/images/about/about06.jpg");
}
.slider__screen {
background: linear-gradient(to bottom, #fdfdfd 24%, transparent 100%);
align-items: flex-start;
display: flex;
flex: 0 0 auto;
flex-direction: column;
height: 100%;
justify-content: flex-start;
padding: 10px;
position: absolute;
width: 100%;
z-index: 1000;
}
.slider__screen .btn {
align-self: flex-end;
margin: auto 0 0;
}
/*------------------------------------*\
#MODAL
\*------------------------------------*/
.modal {
position: absolute;
top: 0;
right: 0;
z-index: 1050;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
background: linear-gradient(to bottom, rgba(52, 107, 151, 0.6), rgba(113, 169, 206, 0));
}
.modal--transparent {
background: transparent;
}
.modal--white {
background: rgba(255, 255, 255, 0.5);
}
.modal--pass-through {
pointer-events: none;
}
.modal--pass-through .dialog {
pointer-events: all;
}
.has-modal {
position: relative;
}
/*------------------------------------*\
#COVERFLOW
\*------------------------------------*/
.coverflow {
overflow: hidden;
margin: auto;
perspective: 1000px;
position: relative;
width: 100%;
height: 275px;
}
.coverflow:focus {
outline: none;
}
.coverflow__item {
position: absolute;
bottom: 45px;
left: 190px;
width: 200px;
height: 180px;
transition: transform 0.5s ease;
}
/*------------------------------------*\
#WORKSPACE-ITEM
\*------------------------------------*/
.workspace-item {
position: relative;
}
.workspace-item.is-template::after {
border-bottom: 40px solid #e4c457;
border-left: 40px solid transparent;
border-right: 40px solid transparent;
width: 0;
height: 0;
content: "";
display: block;
position: absolute;
left: -26px;
top: -6px;
transform: rotate(-45deg);
}
.workspace-item.is-template::before {
content: "t";
color: #fff;
position: absolute;
top: 1px;
left: 10px;
font-size: 24px;
z-index: 1000;
font-weight: bold;
text-transform: uppercase;
}
.workspace-item__btn-close {
position: absolute;
top: 7px;
right: 4px;
}
.workspace-item__image {
box-shadow: 0 2px 7px #ccc;
padding: 2px;
border-radius: 3px;
display: inline-block;
background: linear-gradient(to top, #72aacf, #346b98);
}
.workspace-item__image--default {
background: url("../packages/mLogistics/assets/images/logobject-placeholder.png") no-repeat center center #fff;
}
.workspace-item__icon-template {
color: #e4c457;
}
/*------------------------------------*\
#GROUP-BY
\*------------------------------------*/
.group-by {
border-bottom: 1px solid #96a2a9;
}
.theme-dark .group-by {
border-bottom: 1px solid #333;
}
.group-by > .panel-horizontal {
border-bottom: 1px solid #96a2a9;
}
.theme-dark .group-by > .panel-horizontal {
border-bottom: 1px solid #333;
}
.group-by__label {
white-space: nowrap;
line-height: 24px;
min-width: 90px;
display: inline-block;
}
.group-by__label.small {
font-size: 10px;
}
.group-by__separator {
display: block;
line-height: 25px;
text-align: center;
font-size: 0.9em;
}
.group-by__item {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
position: relative;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
display: inline-block;
width: 200px;
box-sizing: border-box;
border-radius: 3px;
margin-bottom: 5px;
border: 1px solid #72aacf;
background: #ddecf3;
}
.theme-dark .group-by__item {
border: 1px solid #72aacf;
background: #52677a;
}
.group-by__item-name {
line-height: 22px;
padding-left: 6px;
}
.group-by__item-sort {
position: absolute;
left: 50%;
font-size: 0.8em;
}
.group-by__item-close {
position: absolute;
display: inline-block;
box-sizing: border-box;
border: 1px solid transparent;
border-radius: 3px;
height: 18px;
width: 18px;
text-align: center;
top: 2px;
right: 2px;
font-size: 14px;
}
.group-by__item-close:hover {
border: 1px solid #72aacf;
background: linear-gradient(to bottom, #fcfcfc, #b7d5e3);
}
.group-by__item-close:active {
border: 1px solid #72aacf;
background: #ccc;
}
/*------------------------------------*\
#MESSAGE-DIALOG
\*------------------------------------*/
.message-dialog {
border-radius: 3px;
background-color: #fff;
border: 1px solid #96a2a9;
}
.message-dialog__header {
text-align: right;
}
.message-dialog__content {
display: flex;
align-items: center;
}
.message-dialog__icon {
text-align: center;
}
.message-dialog__icon .icon {
font-size: 56px;
}
.message-dialog__text {
user-select: text;
white-space: pre-line;
word-break: break-all;
margin-right: 10px;
}
.message-dialog__footer {
text-align: center;
}
/*------------------------------------*\
#MINI-CALENDAR
\*------------------------------------*/
.mini-calendar {
border-radius: 3px;
width: 282px;
border: 1px solid #c9cfd2;
background: #fff;
}
.mini-calendar__header {
display: flex;
align-items: center;
padding: 0 5px;
height: 28px;
background: linear-gradient(#f4f4f4, #c9cfd2);
border-radius: 5px 5px 0 0;
}
.mini-calendar__month {
flex-grow: 1;
text-align: center;
font-weight: bold;
}
.mini-calendar__day-row {
background-color: #cce1eb;
border-bottom: 1px solid #d3d3d3;
}
.mini-calendar__day {
display: inline-block;
height: 20px;
width: 33px;
border: 1px solid transparent;
border-radius: 2px;
margin: 1px;
line-height: 20px;
text-align: center;
}
.mini-calendar__day.is-outofmonth {
color: #c9cfd2;
}
.mini-calendar__day:hover, .mini-calendar__day:active, .mini-calendar__day:focus {
color: #333;
border-color: #95BFDA;
cursor: default;
background-image: linear-gradient(#fff 0%, #b8d6e4 44%, #e0e0e0 100%);
}
.mini-calendar__day.is-today {
border-color: #305f85;
}
.mini-calendar__day.is-selected {
border-color: #305f85;
background-image: linear-gradient(to top, #5d89ad, #72a8cd);
color: #fff;
}
.mini-calendar__week-col {
width: 29px;
padding-top: 23px;
background-color: #cce1eb;
border-right: 2px solid #fff;
}
.mini-calendar__week {
width: 24px;
display: inline-block;
height: 20px;
margin: 1px;
line-height: 20px;
text-align: center;
color: #305f85;
border: 1px solid transparent;
}
/*------------------------------------*\
#SEARCH-LIST
\*------------------------------------*/
.search-list {
display: flex;
flex-direction: column;
height: 100%;
}
.search-list--fit {
flex: 1 1 0px;
}
.search-list__title {
flex: 0 0 auto;
}
.search-list__searchbox {
margin-bottom: 10px;
flex: 0 0 auto;
}
.search-list__list-box {
display: flex;
flex: 1 1 0px;
min-width: 0;
min-height: 0;
flex-direction: column;
height: 100%;
border-radius: 3px;
border: 1px solid #c9cfd2;
}
.theme-dark .search-list__list-box {
border: 1px solid #333;
}
.search-list__list-box--auto {
height: auto;
}
.search-list__list-box-header {
flex: 0 0 auto;
}
.search-list__list-box-title {
font-weight: bold;
}
.search-list__list-box-content {
flex: 1 1 0px;
min-width: 0;
min-height: 0;
border: 0;
}
.search-list__list-box-content.data-table {
border: 0;
}
.search-list__list-box-content.data-table:focus {
box-shadow: none;
border: none;
}
.search-list .data-table__cell {
border: 0 1px solid #c9cfd2 0 0;
}
.search-list__additional-column.is-last {
border-right: 0;
}
.search-list--multi .data-table__cell.is-selected {
background: none;
color: #333;
}
.theme-dark .search-list--multi .data-table__cell.is-selected {
color: #C2C2C2;
}
.search-list--multi .data-table__cell.is-selected.is-hover {
background-color: #c3dbe5;
}
.theme-dark .search-list--multi .data-table__cell.is-selected.is-hover {
background-color: #52677a;
}
/*------------------------------------*\
#APP-BOOKING
\*------------------------------------*/
.app-booking {
background-color: #fff;
border: 1px solid #c9cfd2;
border-radius: 3px;
}
.app-booking__sidebar {
display: flex;
flex-direction: column;
height: 100%;
overflow: hidden;
width: 100%;
}
.app-booking__sidebar-header {
background-color: #b8d6e4;
border-bottom: 1px solid #fff;
border-left: 1px solid #fff;
border-right: #b8d6e4;
height: 44px;
}
.app-booking__sidebar-header--half {
height: 22px;
}
.app-booking__sidebar-content {
flex: 1;
background-color: #fff;
}
.app-booking__sidebar-row {
border-top: 1px solid #c9cfd2;
border-right: 1px solid #c9cfd2;
margin-left: 40px;
}
.app-booking__sidebar-row.hour {
padding-right: 8px;
margin-left: 0;
text-align: right;
}
.app-booking__day {
display: inline-flex;
flex-direction: column;
box-sizing: content-box;
border-right: 2px solid #96a2a9;
}
.app-booking__day.is-today {
border: 2px solid #72aacf;
border-top: 0;
margin-left: -2px;
}
.app-booking__day.is-first {
margin-left: 0;
}
.app-booking__day-header {
line-height: 22px;
height: 22px;
border-bottom: 1px solid #fff;
background-color: #b8d6e4;
padding-left: 8px;
}
.is-today .app-booking__day-header {
background-image: linear-gradient(to top, #5d89ad, #72a8cd);
color: #fff;
}
.app-booking__day-subheader {
line-height: 22px;
height: 22px;
border-bottom: 1px solid #fff;
background-color: #b8d6e4;
display: flex;
}
.app-booking__day-content {
display: flex;
}
.app-booking__column-header {
padding-left: 8px;
}
.app-booking__column:not(.app-booking__column--last) {
border-right: 1px solid #c9cfd2;
}
.app-booking__cell {
border-top: 1px solid #c9cfd2;
position: relative;
}
.app-booking__cell.disabled {
background-color: #EFEFEF;
}
.app-booking__header {
white-space: nowrap;
}
.app-booking__header > .is-today {
border-bottom: 0;
border-radius: 3px 3px 0 0;
}
.app-booking__header-wrapper {
overflow: hidden;
}
.app-booking__content {
white-space: nowrap;
}
.app-booking__content > .is-today {
border-top: 0;
}
.app-booking__contact-info-content {
border: 1px solid #72aacf;
}
.app-booking__contact-info-content .data-list__row {
display: flex;
}
.app-booking__contact-info-content .data-list__row:hover {
border-color: transparent;
}
/*------------------------------------*\
#APP-BOOKING-SLOT
\*------------------------------------*/
.app-booking-slot {
display: flex;
flex-direction: column;
position: absolute;
z-index: 10;
border-radius: 3px;
box-shadow: 1px 1px 1px #333;
}
.app-booking-slot.is-selected {
border: 2px solid #305f85;
box-shadow: none;
}
.app-booking-slot__selectable {
flex: 1 1 100%;
font-size: 10px;
overflow: hidden;
padding: 3px;
border-radius: 2px;
}
.is-selected .app-booking-slot__selectable, .app-booking-slot__selectable:hover {
background: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0));
}
.app-booking-slot__time {
background: rgba(0, 0, 0, 0.5);
text-align: center;
padding: 0 3px;
color: #fff;
font-weight: bold;
margin-bottom: 5px;
line-height: 1.5;
border-radius: 3px;
}
.app-booking-slot__btn {
padding: 5px 3px 3px;
background: #305f85;
align-self: stretch;
text-align: center;
flex: 0 0 auto;
}
.app-booking-slot .text-element {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/*------------------------------------*\
#TOOLTIP
\*------------------------------------*/
.tooltip {
position: absolute;
opacity: 1;
z-index: 9999;
background: #ffffff;
border: 1px solid #f4f4f4;
padding: 3px 10px;
color: #333;
pointer-events: none;
max-width: 700px;
max-height: 800px;
overflow-y: hidden;
}
.tooltip-network {
opacity: 1;
background-image: linear-gradient(#F8F8F8, #E0E0E0);
padding: 5px;
border: 1px solid gray;
border-radius: 3px;
box-shadow: 5px 5px 10px rgba(128, 128, 128, 0.5);
}
/*------------------------------------*\
#DATA-TABLE
\*------------------------------------*/
.scheduler {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
position: relative;
background: #fff;
border-top: 1px solid #96a2a9;
}
.scheduler .inner {
position: relative;
}
.scheduler .inner__left {
position: absolute;
}
.scheduler .inner__right {
position: absolute;
}
.scheduler__header {
border-bottom: 1px solid #96a2a9;
background: #eceeee;
position: absolute;
overflow: hidden;
}
.scheduler__header-obj {
cursor: default;
box-sizing: border-box;
position: absolute;
top: 0;
left: 0;
border-right: 1px solid #96a2a9;
color: #575757;
transition: background-color 0.5s;
}
.scheduler__scroll-wrap {
position: absolute;
overflow: auto;
}
.scheduler__data-container {
top: 0;
left: 0;
position: absolute;
overflow: hidden;
}
.scheduler__data-header {
position: relative;
width: 100%;
height: 24px;
background: #dfe3e2;
font-size: 14px;
color: #c9cfd2;
line-height: 1.7;
padding-left: 5px;
font-weight: bold;
}
.scheduler__data {
position: relative;
}
.scheduler__row-res {
position: absolute;
}
.scheduler__row-data {
position: absolute;
}
.scheduler__title {
white-space: nowrap;
position: absolute;
font-weight: 600;
display: inline-block;
bottom: 4px;
left: 4px;
max-width: calc(100% - 8px);
overflow: hidden;
text-overflow: ellipsis;
}
.scheduler__selection {
position: absolute;
height: 100%;
top: 0px;
background-color: #b8d6e4;
opacity: 0.6;
border: 1px solid #2b5b72;
border-radius: 2px;
}
.scheduler__area_layer {
height: 100%;
width: 100%;
top: 0;
left: 0;
position: absolute;
}
.scheduler__col-highlight {
height: 100%;
position: absolute;
background-color: #5d89ad;
opacity: 0.4;
z-index: 1020;
}
.ol-scale-line {
position: absolute;
bottom: 11px;
left: 100px;
}
.ol-logo-esri {
position: absolute;
bottom: 10px;
left: 10px;
background: url("../packages/mLogistics/assets/images/logo-esri-med.png") no-repeat;
height: 36px;
width: 65px;
}
.screen-map {
height: 100%;
width: 100%;
}
.screen-map.panel-flex__item--fit .ol-viewport {
position: absolute !important;
}
/*------------------------------------*\
#SCHEDULER-OBJECT
\*------------------------------------*/
.scheduler-object {
display: inline-block;
position: absolute;
box-shadow: 0 0 0 1px #999;
border-radius: 3px;
}
.scheduler-object.is-selected {
box-shadow: 0 0 0 2px #305f85;
}
.scheduler-object__content {
border-radius: 3px;
position: relative;
overflow: hidden;
height: 100%;
line-height: 1.2;
color: #000;
}
.scheduler-object__text {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 10px;
font-family: arial, sans-serif;
}
.scheduler-object__indeterminate-left {
background-image: linear-gradient(to right, white, rgba(255, 255, 255, 0) 100%);
font-size: 10px;
margin: -1px -3px;
}
.scheduler-object__indeterminate-right {
background-image: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%);
font-size: 10px;
margin: -1px -3px;
}
.scheduler-object__top {
flex-wrap: nowrap;
}
.scheduler-object__hover {
padding: 1px 3px;
}
.scheduler-object:hover .scheduler-object__hover, .scheduler-object.is-selected .scheduler-object__hover {
background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.3));
}
/*------------------------------------*\
#DASHBOARD-LINK
\*------------------------------------*/
.dashboard-link {
padding: 5px;
cursor: default;
border: 1px solid transparent;
}
.dashboard-link:hover {
border: 1px solid #72aacf;
background: #b8d6e4;
}
.theme-dark .dashboard-link:hover {
border: 1px solid #72aacf;
background: #52677a;
}
/*------------------------------------*\
#OWNERSHIP-LABEL
\*------------------------------------*/
.ownership-label {
padding: 0 3px;
height: 20px;
border-radius: 3px;
color: #575757;
}
.ownership-label .icon {
color: #575757;
}
.ownership-label--my {
background-color: #00c800;
border: 1px solid #00a000;
}
.ownership-label--other {
background-color: #eb9d5c;
border: 1px solid #bc7e4a;
}
.ownership-label__text-wrapper {
margin-left: -5px;
}
.ownership-label__text {
text-overflow: ellipsis;
}
/*------------------------------------*\
#LOCKED-LABEL
\*------------------------------------*/
.locked-label {
padding: 0 3px;
height: 20px;
border-radius: 3px;
}
.locked-label--standard {
background-color: #FF4652;
border: 1px solid #FF4652;
}
.locked-label__text {
margin-left: -25px;
text-align: center;
}
/*------------------------------------*\
#BTN-GROUP
\*------------------------------------*/
.btn-group__item {
border-radius: 0;
}
.btn-group__item:not([class=btn-group__item--first]) {
margin-left: -1px;
}
.btn-group__item--first {
border-radius: 3px 0 0 3px;
}
.btn-group__item--last {
border-radius: 0 3px 3px 0;
}
/*------------------------------------*\
#GANTT-CURSOR
\*------------------------------------*/
.gantt-cursor {
height: 100%;
position: absolute;
width: 2px;
background-color: rgba(255, 0, 0, 0.6);
z-index: 1020;
}
.gantt-cursor__label {
font-size: 10px;
position: absolute;
width: 40px;
left: -19px;
text-align: center;
color: white;
border-radius: 2px;
background-color: #888888;
}
.data-table__header .gantt-cursor {
margin-top: 5px;
}
/*------------------------------------*\
#FILTER-TAG
\*------------------------------------*/
.filter-tag {
font-size: 11px;
color: #333;
height: 22px;
min-width: 120px;
border-radius: 3px;
line-height: 20px;
padding: 0 1px 0 5px;
display: inline-block;
border: 1px solid #72aacf;
background: #d5e6ef;
}
.filter-tag__fixed {
color: #305f85;
}
.gantt-kpi-item {
background: #3D6A8D;
color: #fff;
padding: 4px 2px;
}
/*------------------------------------*\
#GANTT-DRAGGABLE-OBJECT
\*------------------------------------*/
.gantt-draggable-object {
z-index: 9999;
}
.gantt-draggable-object__header {
padding-left: 25px;
padding-right: 4px;
display: inline-block;
line-height: 26px;
border: 1px solid #c9cfd2;
border-radius: 4px;
background-color: rgba(200, 200, 200, 0.8);
background-repeat: no-repeat;
height: 28px;
min-width: 80px;
}
.can-drop .gantt-draggable-object__header {
background-image: url("../packages/mLogistics/assets/images/check-green.png");
background-position: 5px center;
}
.cannot-drop .gantt-draggable-object__header {
background-image: url("../packages/mLogistics/assets/images/prohibition.png");
background-position: 5px center;
}
.gantt-draggable-object__content-container {
margin-top: 5px;
position: relative;
background: #fff;
border: 1px solid #c9cfd2;
border-radius: 4px;
}
.gantt-draggable-object__content-container:after, .gantt-draggable-object__content-container:before {
bottom: 100%;
left: 15px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.gantt-draggable-object__content-container:after {
border-bottom-color: #fff;
border-width: 5px;
margin-left: -5px;
}
.gantt-draggable-object__content-container:before {
border-bottom-color: #c9cfd2;
border-width: 6px;
margin-left: -6px;
}
.gantt-draggable-object__content {
margin: 5px;
}
/*------------------------------------*\
#FAVORITE-ITEM
\*------------------------------------*/
.favorite-item__element {
flex: 1 1 0px;
min-width: 0;
min-height: 0;
}
@-moz-document url-prefix() {
.favorite-item__element .has-ellipsis {
max-width: 270px;
}
}
.favorite-item__delete .icon {
border-radius: 100%;
padding-top: 1px;
line-height: 1;
}
/*------------------------------------*\
#GSF-PANEL
\*------------------------------------*/
.gsf-panel__item {
border: 1px solid #c9cfd2;
padding: 3px 5px;
margin-bottom: 5px;
background: #fff;
border-radius: 3px;
}
.gsf-panel__item:hover {
border: 1px solid #72aacf;
}
.gsf-panel__item.is-focus {
outline: none;
box-shadow: 0 0 5px #a5c7fe;
border: 1px solid #72aacf;
}
.theme-dark .gsf-panel__item.is-focus {
box-shadow: 0 0 5px #a5c7fe;
border: 1px solid #72aacf;
}
.gsf-panel__item:only-child:hover {
border: 1px solid #72aacf;
}
/*------------------------------------*\
#G-SCHEDULER-ITEM
\*------------------------------------*/
.g-scheduler-item {
display: inline-block;
position: absolute;
border: 1px solid #c9cfd2;
border-radius: 0 0 3px 3px;
overflow: hidden;
z-index: 1000;
}
.g-scheduler-item.is-selected {
box-shadow: 0 0 0 1px #305f85;
border: 1px solid #305f85;
z-index: 1010;
}
.has-highlight .g-scheduler-item {
opacity: 0.4;
}
.has-faded-items .g-scheduler-item {
opacity: 0.4;
pointer-events: none;
}
.g-scheduler-item.is-highlighted {
opacity: 1;
}
.g-scheduler-item.allow-drop {
box-shadow: 0 0 10px #00F700;
border: 1px solid #00F700;
}
.g-scheduler-item.is-exception {
box-shadow: 0 0 10px #FFFF00;
border: 1px solid #FFFF00;
}
.g-scheduler-item.is-error {
box-shadow: 0 0 10px #FF0000;
border: 1px solid #FF0000;
}
.g-scheduler-item--text-only {
border: none;
color: #000;
pointer-events: none;
}
.g-scheduler-item.is-invalid {
box-shadow: 0px 0px 6px 2px red;
}
.g-scheduler-item__layer {
padding: 1px 3px;
width: 100%;
height: 100%;
-webkit-background-clip: padding-box;
/* for Safari */
background-clip: padding-box;
/* for IE9+, Firefox 4+, Opera, Chrome */
border-radius: 0 0 3px 3px;
position: relative;
overflow: hidden;
}
.g-scheduler-item:hover .g-scheduler-item__layer.is-clickable, .g-scheduler-item.is-selected .g-scheduler-item__layer.is-clickable {
background: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.1));
}
.g-scheduler-item__layer-wrapped {
padding: 0 3px;
width: 100%;
height: 100%;
-webkit-background-clip: padding-box;
/* for Safari */
background-clip: padding-box;
/* for IE9+, Firefox 4+, Opera, Chrome */
border-radius: 0 0 3px 3px;
position: relative;
overflow: hidden;
}
.g-scheduler-item:hover .g-scheduler-item__layer-wrapped.is-clickable, .g-scheduler-item.is-selected .g-scheduler-item__layer-wrapped.is-clickable {
background: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.1));
}
.g-scheduler-item__corner {
width: 0;
height: 0;
position: absolute;
right: -8px;
top: -2px;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
transform: rotate(45deg);
}
.g-scheduler-item--spiked {
background: darkgray;
border-radius: 15px;
padding: 1px 5px 1px 5px;
}
.g-scheduler-item--narrow {
height: 22px !important;
}
/*------------------------------------*\
#SCHEDULER-OBJECT
\*------------------------------------*/
.gi-resource-planning {
box-shadow: 0 5px 0 0 rgba(0, 0, 0, 0.2) inset;
padding-top: 7px;
color: #000;
}
.gi-resource-planning__text {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 10px;
font-family: arial, sans-serif;
line-height: 1;
}
.gi-resource-planning__icons {
margin-top: -2px;
font-size: 10px;
line-height: 1;
}
.gi-resource-planning--special {
border-top: 5px dashed rgba(0, 0, 0, 0.2);
padding-top: 2px;
color: #000;
box-shadow: none;
}
/*------------------------------------*\
#RESOURCE-STATS
\*------------------------------------*/
.resource-stats {
font-size: 21px;
}
.resource-stats__title {
color: #3D6A8D;
vertical-align: text-top;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.resource-stats__value {
font-size: 26px;
}
.resource-stats__data {
background-color: #3D6A8D;
color: #fff;
padding: 10px;
text-align: right;
display: flex;
flex-direction: column;
align-items: flex-end;
justify-content: flex-end;
}
.resource-stats__label-small {
font-size: 16px;
padding-top: 7px;
}
/*------------------------------------*\
#CHECKLIST
\*------------------------------------*/
.checklist {
min-height: 24px;
padding-left: 5px;
border: 1px solid #c9cfd2;
border-radius: 3px;
background: white;
}
.checklist.is-disabled {
border-color: #dfe3e2;
pointer-events: none;
background-color: #fff;
color: #c9cfd2 !important;
}
.theme-dark .checklist.is-disabled {
background-color: #3c3f41;
color: #666B6D !important;
}
.with-resize-sensor {
position: relative;
}
.resize-sensor {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
overflow: hidden;
z-index: -1;
visibility: hidden;
}
.resize-sensor__expand, .resize-sensor__shrink {
position: absolute;
left: 0px;
top: 0px;
transition: 0s;
}
.resize-sensor__expand {
width: 100000px;
height: 100000px;
}
.resize-sensor__shrink {
width: 200%;
height: 200%;
}
/*------------------------------------*\
#LOCATION-INPUT
\*------------------------------------*/
.location-input {
height: 24px;
position: relative;
}
.location-input__box {
display: flex;
}
.location-input__box > .form-box-item:first-child {
margin-right: 3px;
}
.location-input__btn {
margin-left: 3px;
}
.location-input .no-spin::-webkit-inner-spin-button,
.location-input .no-spin::-webkit-outer-spin-button {
-webkit-appearance: none !important;
margin: 0 !important;
-moz-appearance: textfield !important;
}
.location-input__options-wrapper {
background: #fff;
border: 1px solid #96a2a9;
padding: 1px;
position: absolute;
max-height: 700px;
overflow-y: auto;
z-index: 9999;
}
.location-input__option {
user-select: none;
padding: 4px;
cursor: context-menu;
}
.location-input__option[data-value="[NULL]"] {
height: 25px;
}
.location-input__option.is-hover {
background: #B4CEE0;
}
.location-input__option.is-selected {
background-image: linear-gradient(to top, #5d89ad, #72a8cd);
}
/*------------------------------------*\
#PANEL-FORM-ITEM
\*------------------------------------*/
.from--glass--preview {
padding: 0px;
}
.from--glass--preview > .from--glass--dec {
float: right;
background-image: linear-gradient(to bottom left, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.4));
line-height: 16px;
padding-left: 2px;
padding-right: 2px;
cursor: default;
}
.is-glass-selected .from--glass--dec {
background: #b8d6e4;
}
.form-item-control-edit {
display: flex;
flex-direction: row;
}
.from-tree-item {
height: 21px;
padding-top: 2px;
}
.from-tree-item-s {
display: inline-block;
padding-left: 2px;
padding-right: 2px;
line-height: 15px;
border-radius: 2px;
background: #40C0C0;
color: #004040;
border: 1px solid #40C0C0;
font-weight: bold;
}
.from-tree-item-l {
display: inline-block;
padding-left: 2px;
padding-right: 2px;
line-height: 15px;
border-radius: 2px;
background: transparent;
border: 1px solid transparent;
font-weight: bold;
}
.tree__row-container .from-tree-item-l {
margin-left: -3px;
}
.tree__row-container.is-selected .from-tree-item-invalid {
background: red;
border: 1px solid red;
}
.from-tree-item-invalid {
background: #FF4040;
border: 1px solid #FF4040;
}
.from-flag-script {
display: inline-block;
padding-left: 2px;
padding-right: 2px;
line-height: 14px;
border-radius: 2px;
background: #40C0C0;
color: #004040;
border: 1px solid #40C0C0;
font-weight: bold;
}
.from-flag-invalid {
display: inline-block;
padding-left: 2px;
padding-right: 2px;
line-height: 14px;
border-radius: 2px;
background: #FF4040;
color: black;
border: 1px solid #FF4040;
font-weight: bold;
}
.form--label {
text-align: right;
margin-right: 10px;
}
.form--layout--text {
text-align: center;
font-weight: bold;
background-image: linear-gradient(to bottom, #d3d3d3, rgba(255, 255, 255, 0) 10%);
}
.panel-form--screen--grid > .panel-form__item {
position: absolute;
}
.panel-form--screen--grid > .panel-form__item.is-editor {
background-color: #F0F6F9;
}
.panel-form--screen--grid > .panel-form__item.is-selected {
background-color: #b8d6e4;
}
.panel-form--screen--grid > .sizer {
position: absolute;
width: 12px;
height: 12px;
border: solid 1px black;
background-color: white;
}
.panel-form--screen--grid > .e-resize {
cursor: e-resize;
z-index: 1010;
}
.panel-form--screen--grid > .w-resize {
cursor: w-resize;
z-index: 1010;
}
.panel-form--screen--grid > .n-resize {
cursor: n-resize;
z-index: 1010;
}
.panel-form--screen--grid > .s-resize {
cursor: s-resize;
z-index: 1010;
}
.panel-form--screen--grid > .row-ruler {
position: absolute;
background: #f0f0f0;
display: flex;
align-items: center;
justify-content: center;
border-bottom: 1px solid #e0e0e0;
border-right: 1px solid #e0e0e0;
}
.panel-form--screen--grid > .column-ruler {
position: absolute;
background: #f0f0f0;
display: flex;
align-items: center;
justify-content: center;
border-bottom: 1px solid #e0e0e0;
border-right: 1px solid #e0e0e0;
overflow: hidden;
}
.column-ruler .ruler-text {
cursor: pointer;
}
.panel-form--screen--grid > .drop--area {
position: absolute;
background-color: #ffb56a;
}
.panel-form--screen--grid > .resize--area {
position: absolute;
border: 2px dashed #ffb56a;
}
.resize--area__dragged {
border: 1px solid gray;
background-color: white;
}
.panel-form > .item-compare-actual {
background-color: #CEFFCE;
}
.panel-form > .item-compare {
background-color: #FFCECE;
}
.panel-form--screen--grid {
position: relative;
}
.panel-form--editable {
line-height: 24px;
}
.panel-form--is-text-only {
line-height: 16px;
}
.panel-form__cell {
width: 100%;
height: 100%;
display: flex;
align-items: center;
}
.panel-form__item {
margin-bottom: 3px;
position: relative;
overflow: hidden;
}
.panel-form__item.is-editor {
margin-bottom: 0px;
padding: 2px;
}
.panel-form__item.is-selected {
background: #b8d6e4;
}
.panel-form__item.is-drag-accept {
background-color: #ffb56a;
cursor: pointer;
}
.panel-form__item-label {
text-align: right;
margin: 0 10px 0 0px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.panel-form__label-box {
display: flex;
justify-content: flex-end;
margin: 0 10px 0 0;
}
.panel-form__label-box .label-text {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.panel-form__item-table {
line-height: normal;
}
.panel-form__item-content {
display: flex;
}
.panel-form__cell-dialog {
flex-basis: inherit;
}
.panel-form__glass {
width: 100%;
height: 100%;
z-index: 1000;
position: absolute;
top: 0px;
right: 0px;
}
.panel-form .letters {
cursor: default;
}
.fe-tooltip .header {
text-align: center;
font-weight: bold;
}
.fe-tooltip .sub-title {
text-align: center;
color: grey;
}
.fe-tooltip .box {
margin-top: 6px;
}
.data-table__cell .tree-property {
opacity: 0.9;
color: indigo;
}
.tree__row-container .tree-property {
opacity: 0.9;
color: indigo;
}
.data-table__cell.is-selected .tree-property {
color: #eed6ff;
}
.tree__row-container.is-selected .tree-property {
color: #eed6ff;
}
/*------------------------------------*\
#BTN-SCHEDULER-MONITOR
\*------------------------------------*/
.btn-scheduler-monitor {
min-width: 80px;
display: flex;
align-items: center;
padding: 0 3px;
border-radius: 3px;
}
.btn-scheduler-monitor:hover {
opacity: 0.95;
}
.btn-scheduler-monitor--free {
background-color: #72aacf;
border: 1px solid #4c93c2;
}
.btn-scheduler-monitor--error {
background-color: #e07171;
border: 1px solid #d74747;
}
.btn-scheduler-monitor--running {
background-color: #eb9d5c;
border: 1px solid #e5822f;
}
.btn-scheduler-monitor--region {
background-color: #ffffc4;
border: 1px solid #ffff91;
}
.btn-scheduler-monitor--waiting {
background-color: #c9cfd2;
border: 1px solid #adb6bb;
}
/*------------------------------------*\
#COCKPIT
\*------------------------------------*/
.cockpit-filters {
font-size: 11px;
color: #333;
min-width: 120px;
border-radius: 3px;
line-height: 20px;
padding: 0 1px 0 5px;
display: inline-block;
border: 1px solid #72aacf;
background: #d5e6ef;
}
.cockpit-wrapper {
position: relative;
}
.cockpit-chart {
width: 100%;
height: 300px;
}
.cockpit-chart .amcharts-legend-div {
overflow-y: auto !important;
max-height: 300px;
}
.cockpit-chart-nodata {
position: absolute;
top: 50%;
left: 50%;
}
/*------------------------------------*\
#DATE-RANGE-PICKER
\*------------------------------------*/
.date-range-picker {
width: 100%;
height: 24px;
border: 1px solid #c9cfd2;
border-radius: 3px;
display: flex;
flex-direction: row;
align-items: center;
padding: 0px 3px;
}
.date-range-picker__date-box {
flex: 1 1 0px;
height: 20px;
border: 1px solid transparent;
border-radius: 3px;
cursor: text;
text-align: center;
min-width: 0;
}
.date-range-picker__date-box:focus {
outline: none;
box-shadow: 0 0 5px #a5c7fe;
border: 1px solid #72aacf;
}
.theme-dark .date-range-picker__date-box:focus {
box-shadow: 0 0 5px #a5c7fe;
border: 1px solid #72aacf;
}
.date-range-picker__date-box.is-readonly {
box-shadow: none;
background-color: #f9f9f9;
color: #333;
border-color: #dfe3e2;
}
.theme-dark .date-range-picker__date-box.is-readonly {
background-color: #3c3f41;
color: #C2C2C2;
border-color: #333;
}
.date-range-picker__date-box:disabled {
border-color: #dfe3e2;
pointer-events: none;
background-color: #fff;
color: #c9cfd2 !important;
}
.theme-dark .date-range-picker__date-box:disabled {
background-color: #3c3f41;
color: #666B6D !important;
}
.date-range-picker__dash {
flex: 0 0 auto;
margin: 0 3px;
}
.date-range-picker__popup {
margin-left: 3px;
}
.date-range-picker__drop-box {
padding: 1px;
position: absolute;
overflow-y: auto;
z-index: 9999;
border: 1px solid #c9cfd2;
border-radius: 3px;
background-color: #fff;
}
.date-range-picker__footer {
border-top: 1px solid #c9cfd2;
padding: 10px;
text-align: right;
background: #f9f9f9;
}
.date-range-picker__footer .btn {
margin-left: 10px;
}
/*------------------------------------*\
#UI-HEADER
\*------------------------------------*/
.drag-and-drop-area {
border: 2px dashed gray;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
color: lightgray;
background-color: #fff;
}
.theme-dark .drag-and-drop-area {
background-color: #3c3f41;
}
/*------------------------------------*\
#TREE
\*------------------------------------*/
.tree__container .tree,
.tree__container--boxed .tree {
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none;
}
@keyframes rotate-keyframes {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.tree__container .tree__scroll,
.tree__container--boxed .tree__scroll {
background-color: #fff;
border: 1px solid #c9cfd2;
border-radius: 3px;
color: inherit;
}
.tree__container .tree__scroll--borderless,
.tree__container--boxed .tree__scroll--borderless {
border: 0;
}
.tree__container .tree__row,
.tree__container--boxed .tree__row {
min-height: 22px;
display: flex;
flex-direction: row;
}
.tree__container .tree__row-header,
.tree__container--boxed .tree__row-header {
width: 18px;
flex: 0 0 auto;
flex-direction: row;
display: flex;
}
.tree__container .tree__row-header.is-root,
.tree__container--boxed .tree__row-header.is-root {
display: none;
}
.tree__container .tree__row-loading,
.tree__container--boxed .tree__row-loading {
width: 14px;
height: 14px;
background: transparent;
border-radius: 50%;
border: 2px solid;
margin: 2px;
border-color: gray gray gray lightgray;
animation: rotate-keyframes 1s linear infinite;
}
.tree__container .tree__row-container,
.tree__container--boxed .tree__row-container {
display: flex;
flex: 1 0 auto;
flex-direction: row;
border: 1px solid transparent;
padding-left: 5px;
}
.tree__container .tree__row-container.is-drag-accept,
.tree__container--boxed .tree__row-container.is-drag-accept {
background-color: #ffb56a;
cursor: pointer;
}
.tree__container .tree__children,
.tree__container--boxed .tree__children {
padding-left: 18px;
}
.tree__container .tree__children.is-root,
.tree__container--boxed .tree__children.is-root {
padding-left: 0px;
}
.tree__dragged {
border: 1px solid gray;
background-color: white;
opacity: 0.6;
}
.tree__dragged.is-drag-accept {
opacity: 1;
}
.tree__container__bordered {
border: 1px solid #c9cfd2;
background: white;
}
.tree__container .tree__row-container.is-hover {
background-color: #b8d6e4;
cursor: pointer;
}
.tree__container .tree__row-container.is-selected {
color: #fff;
background: linear-gradient(to top, #5d89ad, #72a8cd);
}
.tree__container .tree__row-container.is-focus {
outline: none;
box-shadow: 0 0 5px #a5c7fe;
border: 1px solid #72aacf;
background-color: #b8d6e4;
}
.theme-dark .tree__container .tree__row-container.is-focus {
box-shadow: 0 0 5px #a5c7fe;
border: 1px solid #72aacf;
}
.tree__container .tree__row-container.is-drag-accept {
background-color: #ffb56a;
cursor: pointer;
}
.tree__container--boxed {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: #fcfcfc;
border: 1px solid #c9cfd2;
}
.tree__container--boxed .tree {
padding: 5px;
}
.tree__container--boxed .tree__item {
margin-bottom: 5px;
}
.tree__container--boxed .tree__item:last-child {
margin-bottom: 0;
}
.tree__container--boxed .tree__row-container {
border-radius: 3px;
border: 1px solid #c9cfd2;
padding: 5px;
background: #fff;
outline: none;
}
.tree__container--boxed .tree__row-container.is-hover {
border: 1px solid #72aacf;
background-color: transparent;
cursor: pointer;
}
.tree__container--boxed .tree__row-container.is-selected {
outline: none;
box-shadow: 0 0 5px #a5c7fe;
border: 1px solid #72aacf;
}
.theme-dark .tree__container--boxed .tree__row-container.is-selected {
box-shadow: 0 0 5px #a5c7fe;
border: 1px solid #72aacf;
}
.tree__container--boxed .tree__row-container.is-focus, .tree__container--boxed .tree__row-container:focus {
outline: none;
box-shadow: 0 0 5px #a5c7fe;
border: 1px solid #72aacf;
}
.theme-dark .tree__container--boxed .tree__row-container.is-focus, .theme-dark .tree__container--boxed .tree__row-container:focus {
box-shadow: 0 0 5px #a5c7fe;
border: 1px solid #72aacf;
}
.tree__container--boxed .tree__row-container.is-drag-accept {
background-color: #ffb56a;
cursor: pointer;
}
.tree__container--boxed .tree__row-container:only-child:hover {
border: 1px solid #72aacf;
}
/*------------------------------------*\
#TREE-SEARCH-FLAT
\*------------------------------------*/
.tree-search-flat {
display: flex;
flex-direction: column;
height: 100%;
}
.tree-search-flat--fit {
flex: 1 1 0px;
}
.tree-search-flat__title {
flex: 0 0 auto;
}
.tree-search-flat__searchbox {
margin-bottom: 10px;
flex: 0 0 auto;
}
.tree-search-flat__list-box {
border-radius: 3px;
border: 1px solid #c9cfd2;
display: flex;
flex: 1 1 0px;
background-color: #fff;
min-width: 0;
min-height: 0;
flex-direction: column;
height: 100%;
}
.tree-search-flat__list-box--auto {
height: auto;
}
.tree-search-flat__item {
cursor: pointer;
}
.tree-search-flat__item.is-selected {
color: #fff;
background: linear-gradient(to top, #5d89ad, #72a8cd);
}
.tree-search-flat__item:hover {
background-color: #c3dbe5;
}
.tree-search-flat__list-box-header {
flex: 0 0 auto;
}
.tree-search-flat__list-box-title {
font-weight: bold;
}
.tree-search-flat__list-box-content {
flex: 1 1 0px;
min-width: 0;
min-height: 0;
border: 0;
}
.tree-search-flat__list-box-content.data-table:focus {
box-shadow: none;
border: none;
}
.tree-search-flat .data-table__cell {
border: 0;
}
.tree-search-flat .data-table__cell.tree-search__additional-column {
border-left: 1px solid #c9cfd2;
}
.tree-search-flat--multi .data-table__cell.is-selected {
background: none;
color: #333;
}
.tree-search-flat--multi .data-table__cell.is-selected.is-hover {
background-color: #c3dbe5;
}
/*------------------------------------*\
#DOT-ITEM
\*------------------------------------*/
.dot-item {
border-radius: 50%;
width: 16px;
height: 16px;
}
.dot-item--true {
background-color: #32CD32;
}
.dot-item--false {
background-color: red;
}
/*------------------------------------*\
#DOT-ITEM-ACTION
\*------------------------------------*/
.dot-item-action {
border-radius: 50%;
width: 16px;
height: 16px;
}
.dot-item-action--0 {
background-color: white;
}
.dot-item-action--10 {
background-color: #ffb56a;
}
.dot-item-action--20 {
background-color: #00b700;
}
.dot-item-action--30 {
background-color: grey;
}
/*------------------------------------*\
#METAREPORT CONFIGURATION
\*------------------------------------*/
.metareport-configuration__screen-layouts .metareport-item {
position: relative;
}
.metareport-configuration__screen-layouts .metareport-item .close {
position: absolute;
top: 5px;
right: 5px;
font-size: 16px;
}
.metareport-configuration__screen-layouts .metareport-item .close .icon-error-circle {
background: transparent;
}
.metareport-configuration__screen-layouts .metareport-item .dropline {
border: 1px solid white;
margin-top: 3px;
margin-bottom: 3px;
}
.metareport-configuration__screen-layouts .metareport-item .dropline.selected {
border: 1px solid #356c98;
}
/*------------------------------------*\
#NETWORK
\*------------------------------------*/
.network {
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
/*------------------------------------*\
#DECORATORS
\*------------------------------------*/
}
.network__roles {
position: absolute;
}
.network__roles .header {
position: absolute;
overflow: hidden;
padding: 0px 10px;
display: flex;
align-items: center;
}
.network__roles .with-role {
background: #e0e0e0;
}
.network__text {
position: absolute;
font-size: 16px;
line-height: 18px;
}
.network__dec {
position: absolute;
text-align: center;
color: black;
line-height: 15px;
font-size: 16px;
font-weight: bold;
}
.network__dec .container {
z-index: 10;
width: 14px;
height: 14px;
position: absolute;
cursor: pointer;
pointer-events: none;
overflow: hidden;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
justify-content: center;
}
.network__dec .container .decorator {
width: 100%;
height: 100%;
}
.network__dec .container .letter {
text-shadow: 0px 0px 2px white;
}
.network__dec .container .exception {
border-radius: 2px;
background: maroon;
color: white;
padding: 1px 0px;
width: 70%;
font-size: 85.7%;
line-height: 85.7%;
}
.network__dec .container .template {
border-radius: 2px;
background: blue;
color: white;
border: 1px solid black;
font-size: 85.7%;
line-height: 85.7%;
}
.network__dec .container .token {
border-radius: 2px;
color: white;
border: 1px solid black;
font-size: 85.7%;
line-height: 85.7%;
}
.network__dec .container .approval {
border-radius: 7px;
border: 1px solid black;
font-size: 85.7%;
line-height: 85.7%;
}
.network__dec .container .script {
border-radius: 2px;
background: #40C0C0;
color: #004040;
border: 1px solid #40C0C0;
font-size: 85.7%;
line-height: 85.7%;
}
.network__dec .container .macro-node {
font-size: 10px;
background: darkorange;
border-radius: 3px;
}
.network__label {
position: absolute;
}
.network__link {
position: absolute;
}
.network__text--title {
position: absolute;
overflow: hidden;
text-overflow: ellipsis;
text-shadow: 0px 0px 2px white, 0px 0px 2px white;
text-align: center;
white-space: nowrap;
font-weight: bold;
cursor: default;
z-index: 10;
}
.network__text--label {
position: absolute;
overflow: hidden;
text-overflow: ellipsis;
text-align: center;
white-space: nowrap;
color: white;
cursor: default;
z-index: 9;
padding-left: 4px;
padding-right: 4px;
border-radius: 4px;
background: #909090;
}
.network__scroll {
position: absolute;
overflow: auto;
}
.network__left {
position: absolute;
overflow: hidden;
left: 0px;
top: 0px;
}
.network__center {
position: absolute;
overflow: hidden;
left: 0px;
top: 0px;
}
.network__center.no-drag {
cursor: default;
}
.network__center.drag-alias {
cursor: alias;
}
.network__center.drag-copy {
cursor: copy;
}
.network__center.drag-move {
cursor: move;
}
.network__center.drag-no-drop {
cursor: no-drop;
}
.network__center.grabbing {
cursor: grabbing;
cursor: -moz-grabbing;
cursor: -webkit-grabbing;
}
.network__center.drag {
z-index: 10;
}
.network__center.cannot-drop {
opacity: 0.5;
}
.network__rows {
background: white;
position: absolute;
transform-origin: left top;
}
.network__node {
position: absolute;
transform-origin: left top;
}
.network__grid {
position: absolute;
background-image: url("../packages/mLogistics/assets/images/network/GridBackWhiteLabel.png");
background-size: 96px 114px;
}
.network__grid .role-back {
position: absolute;
background: #D3D3D3;
opacity: 0.25;
}
.network__selection {
position: relative;
}
.network__link {
position: absolute;
}
.network__link-shape {
position: absolute;
}
.network__link-shape-canvas {
position: absolute;
}
.network__sel-area {
position: absolute;
border: 1px solid #004040;
background: linear-gradient(#80ffff, #00ffff);
opacity: 0.5;
}
.network__cell-over {
position: absolute;
border: 2px solid #7ba7c5;
}
.network__cell-selected {
position: absolute;
background: #7ba7c5;
opacity: 0.5;
}
.network__cell-prev {
position: absolute;
filter: blur(20px);
-webkit-filter: blur(20px);
background: #ff8000;
}
.network__cell-next {
position: absolute;
filter: blur(20px);
-webkit-filter: blur(20px);
background: lime;
}
.network__tree-text-header {
min-width: 150px;
display: inline-block;
text-overflow: ellipsis;
text-align: right;
padding-right: 10px;
color: dimgray;
}
.network__tree-text-block {
display: flex;
}
.network__tree-text-info {
padding-right: 5px;
}
.network__tree-text-inner-info {
padding-left: 5px;
padding-right: 5px;
}
.network__link-normal {
color: #909090;
}
.network__link-normal-sel {
color: #606060;
}
.network__link-wait {
color: #c06060;
}
.network__link-wait-sel {
color: #803030;
}
.network__link-activation {
color: #60c060;
}
.network__link-activation-sel {
color: #308030;
}
.network__link-loop {
color: #6060c0;
}
.network__link-loop-sel {
color: #303080;
}
.network__link-sp-group {
color: #c060c0;
}
.network__link-sp-group-sel {
color: #803080;
}
.network__link-inc-group {
color: #c060c0;
}
.network__link-inc-group-sel {
color: #803080;
}
/*------------------------------------*\
#NETWORK NODE
\*------------------------------------*/
.node {
width: 60px;
height: 60px;
position: absolute;
border: black solid 2px;
border-radius: 8px;
background: linear-gradient(lightyellow, #ffff98);
}
.node__body-back {
border: 0px;
border-radius: 0;
background: transparent;
}
.node__body {
width: 100%;
height: 100%;
border: 0px;
border-radius: 0;
background: transparent;
position: absolute;
top: 0px;
left: 0px;
}
.node__state {
height: 40%;
border: 2px solid;
margin: 4px;
}
.node__state--text {
text-align: center;
color: black;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.node__milestone-border {
width: 100%;
height: 100%;
border: green solid 4px;
border-radius: 5px;
position: absolute;
top: 0px;
left: 0px;
}
.node__milestone-border-end {
width: 100%;
height: 100%;
border: green solid 4px;
border-radius: 50%;
position: absolute;
top: 0px;
left: 0px;
}
.node__start {
border: 0px;
border-radius: 0;
background: transparent;
color: transparent;
}
.node__full-container {
width: 100%;
height: 100%;
position: relative;
color: transparent;
}
.node__decision-container {
position: absolute;
}
.node__end {
border-radius: 50%;
}
.node__join {
width: 40px;
height: 40px;
border-radius: 50%;
}
.node__join-inner {
border: 8px solid;
width: 100%;
height: 100%;
border-radius: 50%;
}
.node__letter {
text-align: center;
}
.node__letter-inner {
line-height: 60px;
font-family: sans-serif;
font-size: 50px;
font-weight: bolder;
}
.node__svg {
position: relative;
}
.node__state__none {
background: linear-gradient(white, silver);
color: gray;
}
.node__state__idle {
background: linear-gradient(lightyellow, #ffff98);
color: #adad69;
}
.node__state__disabled {
background: linear-gradient(#d0d06c, #a0a050);
color: #5a5a2f;
}
.node__state__active {
background: linear-gradient(lime, #00a000);
color: #008000;
}
.node__state__wait {
background: linear-gradient(#ffbd7b, #ff8000);
color: #c06000;
}
.node__state__completed {
background: linear-gradient(#ffff2b, #c0c000);
color: #808000;
}
.node__state__failed {
background: linear-gradient(red, #c00000);
color: #800000;
}
.node__state__brd__none {
color: gray;
}
.node__state__brd__idle {
color: #adad69;
}
.node__state__brd__disabled {
color: #5a5a2f;
}
.node__state__brd__active {
color: #008000;
}
.node__state__brd__wait {
color: #c06000;
}
.node__state__brd__completed {
color: #808000;
}
.node__state__brd__failed {
color: #800000;
}
.node__highlight_inout {
box-shadow: 0px 0px 20px 5px violet;
}
.node__highlight_in {
box-shadow: 0px 0px 20px 5px orange;
}
.node__highlight_out {
box-shadow: 0px 0px 20px 5px lime;
}
.node.drag {
box-shadow: 5px 5px 10px rgba(128, 128, 128, 0.5);
}
.no-drag .node {
cursor: pointer;
}
.drag-alias .node {
cursor: alias;
}
.drag-copy .node {
cursor: copy;
}
.drag-move .node {
cursor: move;
}
.drag-no-drop .node {
cursor: no-drop;
}
/*------------------------------------*\
#TREE-SEARCH
\*------------------------------------*/
.tree-search__tree {
background: #f2f4f3;
padding: 10px;
border: 1px solid #dfe3e2;
}
.tree-search .media__img .icon {
color: #e8cb07;
}
.tree-search .tree__row-content.text-selected {
color: #0da620;
}
.tree-search .tree__row-content.text-highlighted {
font-weight: bold;
}
.tree-search .is-selected .text-selected {
color: lightyellow;
}
/*------------------------------------*\
#WIDGET - SERVER STATUS
\*------------------------------------*/
.icon--serverstatus_none .btn__icon .icon--serverstatus {
color: #808080;
}
.theme-dark .icon--serverstatus_none .btn__icon .icon--serverstatus {
color: #808080;
}
.icon--serverstatus_running .btn__icon .icon--serverstatus {
color: #32CD32;
}
.theme-dark .icon--serverstatus_running .btn__icon .icon--serverstatus {
color: #32CD32;
}
.icon--serverstatus_errors .btn__icon .icon--serverstatus {
color: #FFD700;
}
.theme-dark .icon--serverstatus_errors .btn__icon .icon--serverstatus {
color: #FFD700;
}
.icon--serverstatus_stopped .btn__icon .icon--serverstatus {
color: #FF0000;
}
.theme-dark .icon--serverstatus_stopped .btn__icon .icon--serverstatus {
color: #FF0000;
}
hr.separator {
background: #c9cfd2;
height: 1px;
border: none;
}
div.vertical-separator {
border-left: 1px solid #c9cfd2;
}
/*------------------------------------*\
#COMPLEX-SEARCH
\*------------------------------------*/
.complex-search__left-side, .complex-search__group {
background-color: #f9f9f9;
border: 1px solid #c9cfd2;
}
.theme-dark .complex-search__left-side, .theme-dark .complex-search__group {
background-color: #4E4E4E;
border: 1px solid #333;
}
.complex-search__item {
background-color: #fff;
border: 1px solid #c9cfd2;
}
.theme-dark .complex-search__item {
background-color: #3c3f41;
border: 1px solid #333;
}
/*------------------------------------*\
#LAYOUT
\*------------------------------------*/
.float-left {
float: left;
}
.float-right {
float: right;
margin-left: auto;
}
.text-centered {
text-align: center;
justify-content: center;
}
.text-justify {
text-align: justify;
}
.text-right {
text-align: right;
justify-content: flex-end;
}
.text-left {
text-align: left;
justify-content: flex-start;
}
.flex-align-top {
align-self: flex-start;
}
.flex-align-center {
align-self: center;
}
.flex-align-end {
align-self: flex-end;
}
.block-size {
width: 100%;
}
.keep-format {
overflow-wrap: normal;
white-space: pre;
}
.keep-format-nl {
overflow-wrap: normal;
white-space: pre-line;
}
/*
This class is useful where we need to break the flex-logic flow, and must be added on last
element with a .panel-flex class in case it contains a non-flex element for right rendering.
*/
.flex-break {
position: relative !important;
}
.flex-break > :first-child {
position: absolute !important;
width: 100% !important;
height: 100% !important;
}
.is-hidden {
display: none !important;
}
/*------------------------------------*\
#GENERIC
\*------------------------------------*/
.text-danger {
color: #eb0000 !important;
}
.text-danger .icon {
color: #ff7171 !important;
}
.text-warning {
color: #f68120 !important;
}
.text-warning .icon {
color: #f68120 !important;
}
.text-confirm {
color: #72aacf !important;
}
.text-confirm .icon {
color: #72aacf !important;
}
.text-notify {
color: #008a00 !important;
}
.text-notify .icon {
color: #008a00 !important;
}
.background-notify {
background-color: #008a00;
}
.background-warning {
background-color: #f68120;
}
.background-danger {
background-color: #eb0000;
}
.text-bold {
font-weight: bold;
}
.text-vertical-bd {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
filter: progid:dximagetransform.microsoft.basicimage(rotation=3);
}
.text-vertical-bu {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
filter: progid:dximagetransform.microsoft.basicimage(rotation=1);
}
.has-pointer {
cursor: pointer;
}
.bordered {
border: 1px solid #c9cfd2;
}
.theme-dark .bordered {
border: 1px solid #333;
}
.green-square {
width: 10px;
height: 10px;
background-color: #008a00;
}
.imgicon {
width: 16px;
height: 16px;
background: url("../packages/mLogistics/assets/images/image-icon.png") no-repeat center center;
}
.wordicon {
width: 16px;
height: 16px;
background: url("../packages/mLogistics/assets/images/worddoc-icon.png") no-repeat center center;
}
.pdf {
width: 16px;
height: 16px;
background: url("../packages/mLogistics/assets/images/pdf-icon.png") no-repeat center center;
}
.html {
width: 16px;
height: 16px;
background: url("../packages/mLogistics/assets/images/html-icon.png") no-repeat center center;
}
.trash {
width: 16px;
height: 16px;
background: url("../packages/mLogistics/assets/images/trash-icon.png") no-repeat center center;
}
.csv {
width: 16px;
height: 16px;
background: url("../packages/mLogistics/assets/images/csv-icon.png") no-repeat center center;
}
.doc-icon {
width: 16px;
height: 16px;
background: url("../packages/mLogistics/assets/images/document.png") no-repeat center center;
}
.print {
width: 16px;
height: 16px;
background: url("../packages/mLogistics/assets/images/print-icon.png") no-repeat center center;
}
.cannot-drop {
cursor: no-drop !important;
}
.can-drop {
cursor: pointer !important;
}
.has-ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.is-disabled {
border-color: #dfe3e2;
pointer-events: none;
background-color: #fff;
color: #c9cfd2 !important;
}
.theme-dark .is-disabled {
background-color: #3c3f41;
color: #666B6D !important;
}
.code-style-text {
font-family: monospace;
font-size: 11px;
line-height: 1.2;
}
.title-style-text {
font-weight: bold;
font-size: 13px;
margin-top: 4px;
margin-left: 10px;
}
html:not(.tox-fullscreen) .magnified {
transform: scale(1.5);
transform-origin: 0 0;
max-width: 65.7%;
max-height: 64%;
}
.is-selectable {
-moz-user-select: text;
-khtml-user-select: text;
-webkit-user-select: text;
-ms-user-select: text;
user-select: text;
}
.order-documents-file-drop-hover {
outline: 2px dashed black;
}
/*------------------------------------*\
#CLEARFIX
\*------------------------------------*/
/**
* Micro clearfix, as per: css-101.org/articles/clearfix/latest-new-clearfix-so-far.php
* Extend the clearfix class with Sass to avoid the `.clearfix` class appearing
* over and over in your markup.
*/
.clearfix:after {
content: "";
display: table;
clear: both;
}
/*------------------------------------*\
#TEXT-ELEMENT
\*------------------------------------*/
.text-element--vertical-rhythm {
white-space: pre-wrap;
margin-bottom: 0.3em;
line-height: 1.1em;
}
.text-element--keep-format {
white-space: pre;
word-wrap: normal;
overflow: auto;
}
.text-element--keep-format .text-selectable {
word-wrap: normal;
}
.text-element--inline {
display: inline-block;
}
.text-element--small {
font-size: 11px;
}
.text-element--smaller {
font-size: 10px;
}
.text-element--big {
font-size: 13px;
}
.text-element--bigger {
font-size: 18px;
line-height: 18px;
}
.text-element--bold {
font-weight: bold;
}
.text-element--primary-color {
color: #467aa2;
}
.text-element--secondary-color {
color: #999;
}
.text-element--main-color {
color: #333;
}
.text-element--red_dot {
height: 10px;
width: 10px;
background-color: red;
border-radius: 50%;
display: inline-block;
vertical-align: middle;
border: 1px solid;
margin: 3px;
}
.text-element--green_dot {
height: 10px;
width: 10px;
background-color: green;
border-radius: 50%;
display: inline-block;
vertical-align: middle;
border: 1px solid;
margin: 3px;
}
.text-selectable:focus {
outline: none;
}
.text-inline-fit-box {
overflow: hidden;
white-space: nowrap;
display: inline-block;
width: 100%;
vertical-align: bottom;
}
/*------------------------------------*\
#TYPE
\*------------------------------------*/
.title {
font-size: 13px;
color: inherit;
margin-bottom: 5px;
font-weight: bold;
white-space: pre;
}
.title--default {
color: #333;
}
.theme-dark .title--default {
color: #C2C2C2;
}
.title--secondary {
color: #346b98;
}
.header-small {
font-size: 11px;
color: #999;
margin-bottom: 5px;
}
/*------------------------------------*\
#SPACING
\*------------------------------------*/
/**
* Margin and padding helper classes. Use these to tweak layout on a micro
* level.
*
* `.(m|p)(t|r|b|l|h|v)(-|+|0) {}` = margin/padding top/right/bottom/left/horizontal/vertical less/more/none
*/
/**
* Margin helper classes.
*
* Add margins.
*/
.u-m {
margin: 5px !important;
}
.u-mt {
margin-top: 5px !important;
}
.u-mr {
margin-right: 5px !important;
}
.u-mb {
margin-bottom: 5px !important;
}
.u-ml {
margin-left: 5px !important;
}
.u-mh {
margin-right: 5px !important;
margin-left: 5px !important;
}
.u-mv {
margin-top: 5px !important;
margin-bottom: 5px !important;
}
/**
* Add large margins.
*/
.u-m\+ {
margin: 10px !important;
}
.u-mt\+ {
margin-top: 10px !important;
}
.u-mr\+ {
margin-right: 10px !important;
}
.u-mb\+ {
margin-bottom: 10px !important;
}
.u-ml\+ {
margin-left: 10px !important;
}
.u-mh\+ {
margin-right: 10px !important;
margin-left: 10px !important;
}
.u-mv\+ {
margin-top: 10px !important;
margin-bottom: 10px !important;
}
/**
* Add huge margins.
*/
.u-m\+\+ {
margin: 20px !important;
}
.u-mt\+\+ {
margin-top: 20px !important;
}
.u-mr\+\+ {
margin-right: 20px !important;
}
.u-mb\+\+ {
margin-bottom: 20px !important;
}
.u-ml\+\+ {
margin-left: 20px !important;
}
.u-mh\+\+ {
margin-right: 20px !important;
margin-left: 20px !important;
}
.u-mv\+\+ {
margin-top: 20px !important;
margin-bottom: 20px !important;
}
/**
* Remove margins.
*/
.u-m0 {
margin: 0 !important;
}
.u-mt0 {
margin-top: 0 !important;
}
.u-mr0 {
margin-right: 0 !important;
}
.u-mb0 {
margin-bottom: 0 !important;
}
.u-ml0 {
margin-left: 0 !important;
}
.u-mh0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.u-mv0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
/**
* Padding helper classes.
*
* Add paddings.
*/
.u-p {
padding: 5px !important;
}
.u-pt {
padding-top: 5px !important;
}
.u-pr {
padding-right: 5px !important;
}
.u-pb {
padding-bottom: 5px !important;
}
.u-pl {
padding-left: 5px !important;
}
.u-ph {
padding-right: 5px !important;
padding-left: 5px !important;
}
.u-pv {
padding-top: 5px !important;
padding-bottom: 5px !important;
}
/**
* Add large paddings.
*/
.u-p\+ {
padding: 10px !important;
}
.u-pt\+ {
padding-top: 10px !important;
}
.u-pr\+ {
padding-right: 10px !important;
}
.u-pb\+ {
padding-bottom: 10px !important;
}
.u-pl\+ {
padding-left: 10px !important;
}
.u-ph\+ {
padding-right: 10px !important;
padding-left: 10px !important;
}
.u-pv\+ {
padding-top: 10px !important;
padding-bottom: 10px !important;
}
/**
* Add huge paddings.
*/
.u-p\+\+ {
padding: 20px !important;
}
.u-pt\+\+ {
padding-top: 20px !important;
}
.u-pr\+\+ {
padding-right: 20px !important;
}
.u-pb\+\+ {
padding-bottom: 20px !important;
}
.u-pl\+\+ {
padding-left: 20px !important;
}
.u-ph\+\+ {
padding-right: 20px !important;
padding-left: 20px !important;
}
.u-pv\+\+ {
padding-top: 20px !important;
padding-bottom: 20px !important;
}
/**
* Remove paddings.
*/
.u-p0 {
padding: 0 !important;
}
.u-pt0 {
padding-top: 0 !important;
}
.u-pr0 {
padding-right: 0 !important;
}
.u-pb0 {
padding-bottom: 0 !important;
}
.u-pl0 {
padding-left: 0 !important;
}
.u-ph0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.u-pv0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
/*------------------------------------*\
#STATUS-INCIDENT
\*------------------------------------*/
.status-incident--10 {
background-color: #01ea75;
}
/*------------------------------------*\
#STATUS-HUNTING
\*------------------------------------*/
.status-hunting--10 {
background-color: #d5d5d5;
border: 1px solid #c0c0c0;
}
.status-hunting--20 {
background-color: #FFC0A0;
border: 1px solid #FFA780;
}
.status-hunting--30 {
background-color: #AEF9B8;
border: 1px solid #0DA620;
}
.status-hunting--40 {
background-color: #E07171;
border: 1px solid #E92D2D;
}
.status-hunting--50 {
background-color: #FFFFCC;
border: 1px solid #B7B794;
}
/*------------------------------------*\
#STATUS-TASK
\*------------------------------------*/
/*
tsAll = -1;
tsNone = 0;
tsNew = 10;
tsWaiting = 20;
tsCustPending = 30;
tsReadyToClean = 40;
tsClean = 50;
tsPreRouting = 52;
tsReady = 60;
tsForwarded = 70;
tsAssigned = 80;
tsPrepSuspended = 85;
tsTripSuspended = 90;
tsWorkSuspended = 100;
tsAcknowledged = 110;
tsRejected = 120;
tsAccepted = 130;
tsTripStarted = 140;
tsTripFinished = 145;
tsInWork = 150;
tsOnHold = 160;
tsRouting = 166;
tsRestored = 170;
tsComplete = 180;
tsCancelled = 190;
tsClosed = 200;
tsAborted = 210;
tsPreAssigned = 220;
tsPull = 230;
tsParked = 240;
tsRestoredSuspended = 175;
tsCompleteSuspended = 185;
tsOffline = 250;
*/
/**
* @class Styles.StatusColor
* DESCRIPTION ID STATUS --
* tsAll = -1;
* tsNone = 0;
* tsNew = 10;
* tsWaiting = 20;
* tsCustPending = 30;
* tsReadyToClean = 40;
* tsClean = 50;
* tsPreRouting = 52;
* tsReady = 60;
* tsForwarded = 70;
* tsAssigned = 80;
* tsPrepSuspended = 85;
* tsTripSuspended = 90;
* tsWorkSuspended = 100;
* tsAcknowledged = 110;
* tsRejected = 120;
* tsAccepted = 130;
* tsTripStarted = 140;
* tsTripFinished = 145;
* tsInWork = 150;
* tsOnHold = 160;
* tsRouting = 166;
* tsRestored = 170;
* tsComplete = 180;
* tsCancelled = 190;
* tsClosed = 200;
* tsAborted = 210;
* tsPreAssigned = 220;
* tsPull = 230;
* tsParked = 240;
* tsRestoredSuspended = 175;
* tsCompleteSuspended = 185;
* tsOffline = 250;
*/
/**
* @var {color} [$tsAll=-1]
*/
/**
* @var {color} [$tsNone =#DFE3E2]
*/
/**
* @var {color} [$tsNew=#DFE3E2]
*/
/**
* @var {color} [$tsWaiting=#FFB56A]
*/
/**
* @var {color} [$tsCustPending=#FFB56A]
*/
/**
* @var {color} [$tsReadyToClean=#DFE3E2]
*/
/**
* @var {color} [$tsClean=#FFFFC4]
*/
/**
* @var {color} [$tsPreRouting=#FFFFA9]
*/
/**
* @var {color} [$tsReady=#FFFF9F]
*/
/**
* @var {color} [$tsForwarded=#B7DBFF]
*/
/**
* @var {color} [$tsAssigned=#B7DBFF]
*/
/**
* @var {color} [$tsPrepSuspended=#FF7171]
*/
/**
* @var {color} [$tsTripSuspended=#FF7171]
*/
/**
* @var {color} [$tsWorkSuspended=#FF7171]
*/
/**
* @var {color} [$tsAcknowledged=#DEE2E4]
*/
/**
* @var {color} [$tsRejected=#FFB56A]
*/
/**
* @var {color} [$tsAccepted=#D5FFEA]
*/
/**
* @var {color} [$tsTripStarted=#00EA75]
*/
/**
* @var {color} [$tsTripFinished=#CC00FF]
*/
/**
* @var {color} [$tsInWork=#00B700]
*/
/**
* @var {color} [$tsOnHold=#FFB56A]
*/
/**
* @var {color} [$tsRouting=#FFA346]
*/
/**
* @var {color} [$tsRestored=#00B700]
*/
/**
* @var {color} [$tsComplete=#FFFF9F]
*/
/**
* @var {color} [$tsCancelled=#D7D700]
*/
/**
* @var {color} [$tsClosed=#EAEA00]
*/
/**
* @var {color} [$tsAborted=#D7D700]
*/
/**
* @var {color} [$tsPreAssigned=#CC00FF]
*/
/**
* @var {color} [$tsPull=#FFB56A]
*/
/**
* @var {color} [$tsParked=#CC00FF]
*/
/**
* @var {color} [$tsRestoredSuspended=#FF7171]
*/
/**
* @var {color} [$tsCompleteSuspended=#FF7171]
*/
/**
* @var {color} [$tsOffline=#D5FFEA]
*/
.status-task---1 {
background-color: #fff;
border: 1px solid #cfd7d5;
}
.status-task--0 {
background-color: #dfe3e2;
border: 1px solid #cfd7d5;
}
.status-task--10 {
background-color: #dfe3e2;
border: 1px solid #cfd7d5;
}
.status-task--20 {
background-color: #ffb56a;
border: 1px solid #f88d49;
}
.status-task--30 {
background-color: #ffb56a;
border: 1px solid #f88d49;
}
.status-task--40 {
background-color: #dfe3e2;
border: 1px solid #cfd7d5;
}
.status-task--50 {
background-color: #ffffc4;
border: 1px solid #e1e09f;
}
.status-task--52 {
background-color: #ffffa9;
border: 1px solid #e1e08f;
}
.status-task--60 {
background-color: #ffff9f;
border: 1px solid #e2e078;
}
.status-task--70 {
background-color: #b7dbff;
border: 1px solid #8dc8f1;
}
.status-task--80 {
background-color: #b7dbff;
border: 1px solid #8dc8f1;
}
.status-task--85 {
background-color: #ff7171;
border: 1px solid #ff4652;
}
.status-task--90 {
background-color: #ff7171;
border: 1px solid #ff4652;
}
.status-task--100 {
background-color: #ff7171;
border: 1px solid #ff4652;
}
.status-task--110 {
background-color: #dee2e4;
border: 1px solid #d1cdc8;
}
.status-task--120 {
background-color: #ffb56a;
border: 1px solid #f88d49;
}
.status-task--130 {
background-color: #d5ffea;
border: 1px solid #a2e2c9;
}
.status-task--140 {
background-color: #00ea75;
border: 1px solid #00d657;
}
.status-task--145 {
background-color: #c0f;
border: 1px solid #6f1c8e;
}
.status-task--150 {
background-color: #00b700;
border: 1px solid #00a500;
}
.status-task--160 {
background-color: #ffb56a;
border: 1px solid #f88d49;
}
.status-task--166 {
background-color: #ffa346;
border: 1px solid #eb8544;
}
.status-task--170 {
background-color: #00b700;
border: 1px solid #00a500;
}
.status-task--175 {
background-color: #ff7171;
border: 1px solid #ff4652;
}
.status-task--180 {
background-color: #ffff9f;
border: 1px solid #e2e078;
}
.status-task--185 {
background-color: #ff7171;
border: 1px solid #ff4652;
}
.status-task--190 {
background-color: #d7d700;
border: 1px solid #d7d700;
}
.status-task--200 {
background-color: #eaea00;
border: 1px solid #dad600;
}
.status-task--210 {
background-color: #d7d700;
border: 1px solid #d7d700;
}
.status-task--220 {
background-color: #c0f;
border: 1px solid #6e00ff;
}
.status-task--225 {
background-color: #ffb56a;
border: 1px solid #f88d49;
}
.status-task--230 {
background-color: #ffb56a;
border: 1px solid #f88d49;
}
.status-task--240 {
background-color: #c0f;
border: 1px solid #6f1c8e;
}
.status-task--250 {
background-color: #d5ffea;
border: 1px solid #a2e2c9;
}
/*------------------------------------*\
#COMPLEX-ORDER-STATUS
\*------------------------------------*/
.complex-order-status--none {
background-color: #DFE3E2;
border: 1px solid #CFD7D5;
}
.complex-order-status--new {
background-color: #DFE3E2;
border: 1px solid #CFD7D5;
}
.complex-order-status--ready {
background-color: #D5FFEA;
border: 1px solid #94EDC0;
}
.complex-order-status--activated {
background-color: #91FF91;
border: 1px solid #00C400;
}
.complex-order-status--suspended {
background-color: #FFB56A;
border: 1px solid #F88D49;
}
.complex-order-status--closed {
background-color: #EAEA00;
border: 1px solid #DAD600;
}
.complex-order-status--aborted {
background-color: #D7D700;
border: 1px solid #D7D700;
}
/*------------------------------------*\
#STATUS-PURCHASE-ORDER
\*------------------------------------*/
.status-purchaseorder--0 {
background-color: #dfe3e2;
border: 1px solid #cfd7d5;
}
.status-purchaseorder--10 {
background-color: #ffff9f;
border: 1px solid #e2e078;
}
.status-purchaseorder--20 {
background-color: #b7dbff;
border: 1px solid #8dc8f1;
}
.status-purchaseorder--30 {
background-color: #00b700;
border: 1px solid #00a500;
}
.status-purchaseorder--40 {
background-color: #d7d700;
border: 1px solid #d7d700;
}
.status-purchaseorder--50 {
background-color: #ff7171;
border: 1px solid #ff4652;
}
.status-purchaseorder--60 {
background-color: #ffb56a;
border: 1px solid #f88d49;
}
/*------------------------------------*\
#STATUS-PURCHASE-ORDER
\*------------------------------------*/
.status-node--none {
border: 1px solid Gray;
background: linear-gradient(to top, Silver, White);
}
.status-node--idle {
border: 1px solid #ADAD69;
background: linear-gradient(to top, #FFFF98, LightYellow);
}
.status-node--disabled {
border: 1px solid #5A5A2F;
background: linear-gradient(to top, #A0A050, #D0D06C);
}
.status-node--active {
border: 1px solid #00A000;
background: linear-gradient(to top, #00A000, Lime);
}
.status-node--wait {
border: 1px solid #C06000;
background: linear-gradient(to top, #FF8000, #FFBD7B);
}
.status-node--completed {
border: 1px solid #C0C000;
background: linear-gradient(to top, #C0C000, #FFFF2B);
}
.status-node--failed {
border: 1px solid #A00000;
background: linear-gradient(to top, #A00000, Red);
}
/*------------------------------------*\
#STATUS-NETWORK-REPORT
\*------------------------------------*/
.status-network-report--active {
border: 1px solid #00A000;
background: linear-gradient(to top, #00A000, Lime);
}
.status-network-report--completed {
border: 1px solid #C0C000;
background: linear-gradient(to top, #C0C000, #FFFF2B);
}
/*------------------------------------*\
#STATUS-INVENTORY-ORDERS
\*------------------------------------*/
.status-inventory-order--0 {
background-color: transparent;
border: 1px solid transparent;
}
.status-inventory-order--10 {
background-color: #ffffc4;
border: 1px solid #e1e09f;
}
.status-inventory-order--20 {
background-color: #b7dbff;
border: 1px solid #8dc8f1;
}
.status-inventory-order--30 {
background-color: #00b700;
border: 1px solid #00a400;
}
.status-inventory-order--210 {
background-color: #d7d700;
border: 1px solid #d7d700;
}
/*------------------------------------*\
#STATUS-INVENTORY-ORDERS
\*------------------------------------*/
.status-inventory-order-activity--0 {
background-color: transparent;
border: 1px solid transparent;
}
.status-inventory-order-activity--10 {
background-color: #b7dbff;
border: 1px solid #8dc8f1;
}
.status-inventory-order-activity--20 {
background-color: #d7d700;
border: 1px solid #d7d700;
}
.status-inventory-order-activity--30 {
background-color: #00b700;
border: 1px solid #00a400;
}
.status-inventory-order-activity--40 {
background-color: #d7d700;
border: 1px solid #d7d700;
}
.status-inventory-order-activity--50 {
background-color: #ff7171;
border: 1px solid #ff4652;
}
/*------------------------------------*\
#EXCEPTION-SEVERITY
\*------------------------------------*/
.exception-severity--fatal {
background-color: #e07171;
border: 1px solid #e92d2d;
}
.exception-severity--warning {
background-color: #eb9d5c;
border: 1px solid #e48536;
}
.exception-severity--info {
background-color: #e7e794;
border: 1px solid #e6e753;
}
.exception-severity .icon {
margin-left: -3px;
}
/*------------------------------------*\
#STATUS-APPROVAL
\*------------------------------------*/
.status-approval--none {
background-color: transparent;
}
.status-approval--pending {
background-color: #ff7171;
border: 1px solid #ff4652;
}
.status-approval--approving {
background-color: #6dd56d;
border: 1px solid #00b700;
}
.status-approval--not_approved {
background-color: #ff7171;
border: 1px solid #ff4652;
}
.status-approval--approved {
background-color: #eaea00;
border: 1px solid #dad600;
}
/*------------------------------------*\
#TECHNICAL-DOC
\*------------------------------------*/
.status-technical-doc--none {
background-color: transparent;
border: 1px solid transparent;
}
.status-technical-doc--deleted {
background-color: #ff7171;
border: 1px solid #ff4652;
}
.status-technical-doc--active {
background-color: #00b700;
border: 1px solid #00a500;
}
.status-technical-doc--deprecated {
background-color: #ff9;
border: 1px solid #ff9;
}
.status-technical-doc--inactive {
background-color: #dfe3e2;
border: 1px solid #cfd7d5;
}
.status-user-technical-doc--none {
background-color: #FFFFFF;
border: 1px solid #808080;
}
.status-user-technical-doc--deleted {
background-color: #ff7171;
border: 1px solid #ff4652;
}
.status-user-technical-doc--active {
background-color: #00b700;
border: 1px solid #00a500;
}
.status-user-technical-doc--deprecated {
background-color: #ff9;
border: 1px solid #ff9;
}
.status-user-technical-doc--inactive {
background-color: #dfe3e2;
border: 1px solid #cfd7d5;
}
/*------------------------------------*\
#BOOL-STATUS-LABEL
\*------------------------------------*/
.bool-yes-no--true {
background-color: #aef9b8;
border: 1px solid #0da620;
}
.bool-yes-no--false {
background-color: #d5d5d5;
border: 1px solid #c0c0c0;
}
/*------------------------------------*\
#BOOL-STATUS-LABEL
\*------------------------------------*/
.bool-running--true {
background-color: #00b700;
border: 1px solid #00a500;
}
.bool-running--false {
background-color: #ff7171;
border: 1px solid #ff4652;
}
/*------------------------------------*\
#TBTASKREPORT.STATUS
\*------------------------------------*/
.task-report {
/*------------------------------------*\
#TBTASKREPORT.REPORT_STATUS
\*------------------------------------*/
}
.task-report--state-99 {
background-color: #ff7171;
border: 1px solid #ff4652;
}
.task-report--state-0 {
background-color: #dfe3e2;
border: 1px solid #cfd7d5;
}
.task-report--state-8 {
background-color: #ad6e9b;
border: 1px solid #965984;
}
.task-report--state-10 {
background-color: #ffff9f;
border: 1px solid #e2e078;
}
.task-report--state-20 {
background-color: #00ea75;
border: 1px solid #00d657;
}
.task-report--status--1, .task-report--status--2, .task-report--status--3 {
background-color: #ff7171;
border: 1px solid #ff4652;
}
.task-report--status-0 {
background-color: #00ea75;
border: 1px solid #00d657;
}
/*------------------------------------*\
#PENDING REPORT STATUS
\*------------------------------------*/
.pending-report--status--3 {
background-color: #ff7171;
border: 1px solid #ff4652;
}
.pending-report--status-0, .pending-report--status--1, .pending-report--status--2 {
background-color: #00ea75;
border: 1px solid #00d657;
}
/*------------------------------------*\
#MONITOR-STATE
\*------------------------------------*/
.monitor-state--disabled {
background-color: #dfe3e2;
border: 1px solid #cfd7d5;
}
.monitor-state--active {
background-color: #00b700;
border: 1px solid #00a500;
}
.monitor-state--fired {
background-color: #ff7171;
border: 1px solid #ff4652;
}
.monitor-state--warning {
background-color: #ff9;
border: 1px solid #ff9;
}
/*------------------------------------*\
#MONITOR-COUNT-STATE
\*------------------------------------*/
.monitor-count-state--0 {
background-color: #dfe3e2;
border: 1px solid #cfd7d5;
}
.monitor-count-state--10 {
background-color: #00b700;
border: 1px solid #00a500;
}
.monitor-count-state--20 {
background-color: #ff7171;
border: 1px solid #ff4652;
}
.monitor-count-state--15 {
background-color: #ff9;
border: 1px solid #fff113;
}
/*------------------------------------*\
#STATUS-DELIVERY
\*------------------------------------*/
.status-delivery--0 {
background-color: #dfe3e2;
border: 1px solid #dfe3e2;
}
.status-delivery--10 {
background-color: #b7dbff;
border: 1px solid #b7dbff;
}
.status-delivery--20 {
background-color: #00b700;
border: 1px solid #00b700;
}
.status-delivery--30 {
background-color: #d7d700;
border: 1px solid #d7d700;
}
/*------------------------------------*\
#STATUS-CONSUMPTION
\*------------------------------------*/
.status-consumption--0 {
background-color: #dfe3e2;
border: 1px solid #dfe3e2;
}
.status-consumption--10 {
background-color: #b7dbff;
border: 1px solid #8dc8f1;
}
.status-consumption--20 {
background-color: #00b700;
border: 1px solid #00a500;
}
.status-consumption--30 {
background-color: #d7d700;
border: 1px solid #d7d700;
}
/*------------------------------------*\
#STATUS-COURSE
\*------------------------------------*/
.status-course--0 {
background-color: #DFE3E2;
border: 1px solid #CFD7D5;
}
.status-course--10 {
background-color: #DFE3E2;
border: 1px solid #CFD7D5;
}
.status-course--20 {
background-color: #00EA75;
border: 1px solid #00D657;
}
.status-course--30 {
background-color: #FFFF9F;
border: 1px solid #E2E078;
}
.status-course--40 {
background-color: #00A500;
border: 1px solid #D7D700;
}
.status-course--50 {
background-color: #DFE3E2;
border: 1px solid #CFD7D5;
}
/*------------------------------------*\
#STATUS-EIS
\*------------------------------------*/
.status-eis--0, .status-eis--10, .status-eis--11, .status-eis--12, .status-eis--13 {
background-color: #dfe3e2;
border: 1px solid #cfd7d5;
}
.status-eis--20 {
background-color: #ffff9f;
border: 1px solid #e2e078;
}
.status-eis--40 {
background-color: #00b700;
border: 1px solid #00a500;
}
.status-eis--60 {
background-color: #00b700;
border: 1px solid #00a500;
}
.status-eis--50 {
background-color: #d7d700;
border: 1px solid #d7d700;
}
.status-eis--30 {
background-color: #ff7171;
border: 1px solid #ff4652;
}
.status-eis--70 {
background-color: #ffb56a;
border: 1px solid #f88d49;
}
/*------------------------------------*\
#RESOURCE_STATUS
\*------------------------------------*/
.resource-status {
min-width: 38px;
}
.resource-status--0 {
background: rgba(200, 170, 0, 0.4);
}
.resource-status--0:hover {
background: adjust-lightness(rgba(200, 170, 0, 0.4), 20);
}
.resource-status--10 {
background-color: rgba(0, 130, 220, 0.4);
}
.resource-status--10:hover {
background: adjust-lightness(rgba(0, 130, 220, 0.4), 20);
}
.resource-status--20 {
background-color: rgba(220, 60, 60, 0.4);
}
.resource-status--20:hover {
background: adjust-lightness(rgba(220, 60, 60, 0.4), 20);
}
.resource-status--30 {
background-color: rgba(180, 25, 140, 0.4);
}
.resource-status--30:hover {
background: adjust-lightness(rgba(180, 25, 140, 0.4), 20);
}
.tooltip-res-kbl {
padding: 0px;
}
.map-shame-icon {
background: url(../packages/bigGis/assets/map.png) no-repeat center;
}
/*------------------------------------*\
#STATUS-RETURNED-MATERIAL
\*------------------------------------*/
.status-rm--0 {
background-color: #dfe3e2;
border: 1px solid #cfd7d5;
}
.status-rm--10 {
background-color: #b7dbff;
border: 1px solid #8dc8f1;
}
.status-rm--20 {
background-color: #00b700;
border: 1px solid #00a500;
}
.status-rm--30 {
background-color: #ff7171;
border: 1px solid #ff4652;
}
.status-rm--40 {
background-color: #d7d700;
border: 1px solid #d7d700;
}
/*------------------------------------*\
#STATUS-PACKAGE-BOX
\*------------------------------------*/
.status-package-box--0 {
background-color: #d7d700;
border: 1px solid #d7d700;
}
.status-package-box--10 {
background-color: #b7dbff;
border: 1px solid #8dc8f1;
}
.status-package-box--20 {
background-color: #00b700;
border: 1px solid #00a500;
}
/*------------------------------------*\
#STATUS-RECALL-ORDER
\*------------------------------------*/
.status-ro--0 {
background-color: #dfe3e2;
border: 1px solid #cfd7d5;
}
.status-ro--10 {
background-color: #b7dbff;
border: 1px solid #8dc8f1;
}
.status-ro--20 {
background-color: #00b700;
border: 1px solid #00a500;
}
.status-ro--30 {
background-color: #d7d700;
border: 1px solid #d7d700;
}
.status-ro--40 {
background-color: #008700;
border: 1px solid #006500;
}
.status-ro--50 {
background-color: #ff7171;
border: 1px solid #ff4652;
}
/*------------------------------------*\
#STATUS-INVENTORY-MOVEMENT
\*------------------------------------*/
.status-inventory-mov--0 {
background-color: #b7dbff;
border: 1px solid #8dc8f1;
}
.status-inventory-mov--10 {
background-color: #b7dbff;
border: 1px solid #8dc8f1;
}
.status-inventory-mov--20 {
background-color: #00b700;
border: 1px solid #00a500;
}
.status-inventory-mov--30 {
background-color: #008700;
border: 1px solid #006500;
}
.status-inventory-mov--40 {
background-color: #ff7171;
border: 1px solid #ff4652;
}
/*------------------------------------*\
#STATUS-INVENTORY-ORDERS
\*------------------------------------*/
.status-account-request--0 {
background-color: #DFE3E2;
border: 1px solid #CFD7D5;
}
.status-account-request--10 {
background-color: #FFB56A;
border: 1px solid #F88D49;
}
.status-account-request--20 {
background-color: #D5FFEA;
border: 1px solid #A2E2C9;
}
.status-account-request--30 {
background-color: #D7D700;
border: 1px solid #D7D700;
}
.status-account-request--40 {
background-color: #FFB56A;
border: 1px solid #F88D49;
}
/*------------------------------------*\
#STATUS-REQUEST
\*------------------------------------*/
/*
erNew = 0;
erValidated = 10;
erStarted = 20;
erReadyToClose = 30;
erClosed = 40;
erAborted = 50;
erRejected = 60;
erFilled = 70;
erPlanned = 80;
erCompleted = 90;
erCleaned = 100;
erParked = 110;
*/
/**
* @class Styles.StatusColor
* DESCRIPTION ID STATUS --
* erNew = 0;
* erValidated = 10;
* erStarted = 20;
* erReadyToClose = 30;
* erClosed = 40;
* erAborted = 50;
* erRejected = 60;
* erFilled = 70;
* erPlanned = 80;
* erCompleted = 90;
* erCleaned = 100;
* erParked=110;
*/
/**
* @var {color} [$erNew=DFE3E2]
*/
/**
* @var {color} [$erValidated=D5FFEA]
*/
/**
* @var {color} [$erStarted=91FF91]
*/
/**
* @var {color} [$erReadyToClose=FFFF9F]
*/
/**
* @var {color} [$erClosed=EAEA00]
*/
/**
* @var {color} [$erAborted=D7D700]
*/
/**
* @var {color} [$erRejected=FFB56A]
*/
/**
* @var {color} [$erFilled=91FF91]
*/
/**
* @var {color} [$erPlanned=91FF91]
*/
/**
* @var {color} [$erCompleted=FFFF9F]
*/
/**
* @var {color} [$erCleaned=D5FFEA]
*/
/**
* @var {color} [$erParked=FFB56A]
*/
.status-request--0 {
background-color: #DFE3E2;
border: 1px solid #DFE3E2;
}
.status-request--10 {
background-color: #D5FFEA;
border: 1px solid #94EDC0;
}
.status-request--20 {
background-color: #91FF91;
border: 1px solid #00E800;
}
.status-request--30 {
background-color: #FFFF9F;
border: 1px solid #DDDD00;
}
.status-request--40 {
background-color: #EAEA00;
border: 1px solid #B5B500;
}
.status-request--50 {
background-color: #D7D700;
border: 1px solid #B5B500;
}
.status-request--60 {
background-color: #FFB56A;
border: 1px solid #DD6F00;
}
.status-request--70 {
background-color: #91FF91;
border: 1px solid #00C400;
}
.status-request--80 {
background-color: #91FF91;
border: 1px solid #00C400;
}
.status-request--90 {
background-color: #FFFF9F;
border: 1px solid #DDDD00;
}
.status-request--100 {
background-color: #D5FFEA;
border: 1px solid #94EDC0;
}
.status-request--110 {
background-color: #FFB56A;
border: 1px solid #DD6F00;
}
/*------------------------------------*\
#STATUS-REQUEST-REMINDER
\*------------------------------------*/
/*
rmNew = 0;
rmDone = 10;
rmExpired = 20;
*/
/**
* @class Styles.StatusColor
* DESCRIPTION ID STATUS --
* rmNew = 0;
* rmDone = 10;
* rmExpired = 20;
*/
/**
* @var {color} [rmNew=DFE3E2]
*/
/**
* @var {color} [rmDone=EAEA00]
*/
/**
* @var {color} [rmExpired=AEAE00]
*/
.status-request-reminder--0 {
background-color: #DFE3E2;
border: 1px solid #BAC2C2;
}
.status-request-reminder--10 {
background-color: #EAEA00;
border: 1px solid #C6C600;
}
.status-request-reminder--20 {
background-color: #AEAE00;
border: 1px solid #737300;
}
/*------------------------------------*\
#GENERIC_DISABLE-STATE
\*------------------------------------*/
.status-generic-disable--true {
background-color: #dfe3e2;
border: 1px solid #dfe3e2;
}
.status-generic-disable--false {
background-color: #00b700;
border: 1px solid #00a500;
}
/*------------------------------------*\
#GENERIC_DISABLE-STATE
\*------------------------------------*/
.status-generic-disable--true {
background-color: #dfe3e2;
border: 1px solid #dfe3e2;
}
.status-generic-disable--false {
background-color: #00b700;
border: 1px solid #00a500;
}
/*------------------------------------*\
#STATUS-INSTALLATION_LOG
\*------------------------------------*/
.status-installation-log--10 {
background-color: #DFE3E2;
border: 1px solid #CFD7D5;
}
.status-installation-log--20 {
background-color: #D7D700;
border: 1px solid #bebe00;
}
.status-installation-log--30 {
background-color: #D7D700;
border: 1px solid #bebe00;
}
.status-installation-log--40 {
background-color: #FFFF9F;
border: 1px solid #ecec00;
}
.status-installation-log--50 {
background-color: #00B700;
border: 1px solid #009e00;
}
/*------------------------------------*\
#STATUS-INSTALLATION-LOG-APPLIED
\*------------------------------------*/
.status-installation-log-applied--10 {
background-color: #DFE3E2;
border: 1px solid #CFD7D5;
}
.status-installation-log-applied--20 {
background-color: #D7D700;
border: 1px solid #bebe00;
}
.status-installation-log-applied--30 {
background-color: #D7D700;
border: 1px solid #bebe00;
}
.status-installation-log-applied--40 {
background-color: #FFFF9F;
border: 1px solid #ecec00;
}
.status-installation-log-applied--50 {
background-color: #00B700;
border: 1px solid #009e00;
}
.status-installation-log-applied--60 {
background-color: #DFE3E2;
border: 1px solid #d1d7d6;
}
.status-installation-log-applied--70 {
background-color: #DFE3E2;
border: 1px solid #d1d7d6;
}
.status-installation-log-applied--80 {
background-color: #DFE3E2;
border: 1px solid #d1d7d6;
}
/*------------------------------------*\
#STATUS-USER-UPDATE
\*------------------------------------*/
.status-user-update--0 {
background-color: #dfe3e2;
border: 1px solid #cfd7d5;
}
.status-user-update--1 {
background-color: #d5ffea;
border: 1px solid #a2e2c9;
}
.status-user-update--2 {
background-color: #fdc98e;
border: 1px solid #fca443;
}
.status-user-update--3 {
background-color: #ffb56a;
border: 1px solid #f88d49;
}
/*------------------------------------*\
#STATUS-CUSTOMER
\*------------------------------------*/
.status-customer--0 {
background-color: #dfe3e2;
border: 1px solid #cfd7d5;
}
.status-customer--10 {
background-color: #00b700;
border: 1px solid #00a500;
}
.status-customer--20, .status-customer--30 {
background-color: #ff7171;
border: 1px solid #ff4652;
}
/*------------------------------------*\
#LOGLEVEL
\*------------------------------------*/
.loglevel--0 {
background-color: #E7E794;
border: 1px solid #E6E753;
text-align: center;
}
.loglevel--10 {
background-color: #00FF00;
border: 1px solid #00FFFF;
background: transparent;
border: transparent;
text-align: center;
}
.loglevel--20 {
background-color: #EB9D5C;
border: 1px solid #E48536;
text-align: center;
}
.loglevel--30 {
background-color: #E07171;
border: 1px solid #E92D2D;
text-align: center;
}
/*------------------------------------*\
#STATUS-DEADMSG
\*------------------------------------*/
.status-deadmsg--0 {
background-color: #ffffc4;
border: 1px solid #e1e09f;
}
.status-deadmsg--10 {
background-color: #b7dbff;
border: 1px solid #8dc8f1;
}
.status-deadmsg--20 {
background-color: #ffb56a;
border: 1px solid #f88d49;
}
/*------------------------------------*\
#STATUS-NETWORK
\*------------------------------------*/
.status-network--None {
background-color: #DFE3E2;
border: 1px solid #CFD7D5;
}
.status-network--Editing {
background-color: #FFB56A;
border: 1px solid #F88D49;
}
.status-network--Connected {
background-color: 1px solid transparent;
border: 1px solid transparent;
}
.status-network--Validated {
background-color: #91FF91;
border: 1px solid 1px solid #00C400;
}
.status-network--Closed {
background-color: #EAEA00;
border: 1px solid #DAD600;
}
/*------------------------------------*\
#STATUS-STOCK-CORRECTION
\*------------------------------------*/
.status-stock-correction--none {
background-color: transparent;
}
.status-stock-correction--10 {
background-color: #dfe3e2;
border: 1px solid #cfd7d5;
}
.status-stock-correction--20 {
background-color: #00b700;
border: 1px solid #008700;
}
/*------------------------------------*\
#STATUS-STOCK-COUNTING
\*------------------------------------*/
.status-stock-counting--serialNrMissing {
background-color: #ffff00;
border: 1px solid #000000;
}
.status-stock-counting--serialNrNotMissing {
background-color: #90ee90;
border: 1px solid #000000;
}
/*------------------------------------*\
#MATERIAL-DEMAND
\*------------------------------------*/
.status-material-demand--0 {
background-color: #DFE3E2;
border: 1px solid #DFE3E2;
}
.status-material-demand--5 {
background-color: #FFB56A;
border: 1px solid #FFB56A;
}
.status-material-demand--10 {
background-color: #FFFF9F;
border: 1px solid #FFFF9F;
}
.status-material-demand--20 {
background-color: #B7DBFF;
border: 1px solid #B7DBFF;
}
.status-material-demand--30 {
background-color: #FFB56A;
border: 1px solid #FFB56A;
}
.status-material-demand--40 {
background-color: #D7D700;
border: 1px solid #D7D700;
}
.status-material-demand--45 {
background-color: #D7D700;
border: 1px solid #D7D700;
}
.status-material-demand--50 {
background-color: #00B700;
border: 1px solid #00B700;
}
.status-material-demand--90 {
background-color: #FF7171;
border: 1px solid #FF7171;
}
/*------------------------------------*\
#STATUS-DELIVERY-NOTE
\*------------------------------------*/
.status-delivery-note--0 {
background-color: #ffff9f;
border: 1px solid #fafaa4;
}
.status-delivery-note--10 {
background-color: #ffb56a;
border: 1px solid #f8b571;
}
.status-delivery-note--20 {
background-color: #d7d700;
border: 1px solid #cccc0b;
}
.status-delivery-note--25 {
background-color: #d7d700;
border: 1px solid #cccc0b;
}
.status-delivery-note--30 {
background-color: #00b700;
border: 1px solid #09ae09;
}
.status-delivery-note--90 {
background-color: #ff7171;
border: 1px solid #f87878;
}
/*------------------------------------*\
#STATUS-CONSUMPTION
\*------------------------------------*/
.status-sem--green {
color: #00b700;
}
.status-sem--green .icon {
color: #00b700 !important;
}
.status-sem--gray {
color: #c9cfd2;
}
.status-sem--gray .icon {
color: #c9cfd2 !important;
}
.status-sem--red {
color: #ff4652;
}
.status-sem--red .icon {
color: #ff4652 !important;
}
.status-sem--orange {
color: #ffa346;
}
.status-sem--orange .icon {
color: #ffa346 !important;
}
/*------------------------------------*\
#STATUS-IMPORTCSV
\*------------------------------------*/
.status-importcsv--15 {
background-color: #E7E794;
border: 1px solid #E6E753;
}
.status-importcsv--20 {
background-color: #E07171;
border: 1px solid #E92D2D;
}
.status-importcsv--30 {
background-color: #FFFFCC;
border: 1px solid #B7B794;
}
.status-importcsv--35 {
background-color: #E7E794;
border: 1px solid #E6E753;
}
.status-importcsv--40 {
background-color: #E07171;
border: 1px solid #E92D2D;
}
.status-importcsv--50 {
background-color: #AEF9B8;
border: 1px solid #0DA620;
}
.status-importcsv--55 {
background-color: #EAEA00;
border: 1px solid #DAD600;
}
.status-importcsv--60 {
background-color: #E7E794;
border: 1px solid #E6E753;
}
.status-importcsv--70 {
background-color: #E07171;
border: 1px solid #E92D2D;
}
.status-importcsv--80 {
background-color: #99FFFF;
border: 1px solid #0099FF;
}
/*------------------------------------*\
#AUTO-PLANNING-STATUS
\*------------------------------------*/
.auto-planning-status--0 {
background-color: transparent;
border: 1px solid transparent;
}
.auto-planning-status--10 {
background-color: yellow;
border: 1px solid yellow;
}
.auto-planning-status--20 {
background-color: #00EA75;
border: 1px solid #00EA75;
}
.auto-planning-status--30 {
background-color: red;
border: 1px solid red;
}
.auto-planning-status--auto-width {
width: auto;
padding: 0 5px;
}
/*------------------------------------*\
#STATUS-ENTITY-MESSAGE
\*------------------------------------*/
.status-entity-message--0 {
background-color: #dfe3e2;
border: 1px solid #dfe3e2;
}
.status-entity-message--20 {
background-color: #00b700;
border: 1px solid #00a500;
}
/*------------------------------------*\
#SPLIT_VALUE-LABEL
\*------------------------------------*/
.label-splitvalue--0 {
background-color: #c9cfd2;
border: 1px solid #cfd7d5;
}
.label-splitvalue--10 {
background-color: #c9cfd2;
border: 1px solid #cfd7d5;
}
.label-splitvalue--20 {
background-color: #c9cfd2;
border: 1px solid #cfd7d5;
}
/*------------------------------------*\
#INVOICE
\*------------------------------------*/
.invoice-position-hasnote--0 {
background-color: transparent;
}
.invoice-position-hasnote--1 {
background-color: #ff7171;
border: 1px solid #ff4652;
}
.invoice-position-hasnote .icon {
margin-left: -3px;
}
/*------------------------------------*\
#STATUS-MSGREM
\*------------------------------------*/
.status-msgrem--0 {
background-color: #dfe3e2;
border: 1px solid #cfd7d5;
}
.status-msgrem--10 {
background-color: #ffff9f;
border: 1px solid #e2e078;
}
.status-msgrem--20 {
background-color: #00b710;
border: 1px solid #00a500;
}
.status-msgrem--30 {
background-color: yellow;
border: 1px solid #00a500;
}
.status-msgrem--40 {
background-color: #d7d700;
border: 1px solid #d7d700;
}
/*------------------------------------*\
#STATUS-EISMSGRCVD
\*------------------------------------*/
.status-eismsgrcvd--0, .status-eismsgrcvd--10 {
background-color: #00b700;
border: 1px solid #00a500;
}
.status-eismsgrcvd--90 {
background-color: #ffff9f;
border: 1px solid #e2e078;
}
/*------------------------------------*\
#STATUS-CSVWARNINGS
\*------------------------------------*/
.status-csvwarnings {
background-color: yellow;
}
/*------------------------------------*\
SHOP PERSONNEL REQUESTS STATES
\*------------------------------------*/
.shop-personnel-request-state--none {
background-color: transparent;
}
.shop-personnel-request-state--10 {
background-color: #03a9fc;
border: 1px solid #02557e;
}
.shop-personnel-request-state--15 {
background-color: #f0ff6b;
border: 1px solid #d3eb00;
}
.shop-personnel-request-state--30 {
background-color: #ff836e;
border: 1px solid #ee2200;
}
.shop-personnel-request-state--50 {
background-color: #31d647;
border: 1px solid #167123;
}
.shop-personnel-request-state--70 {
background-color: #ff2600;
border: 1px solid #801300;
}
/*------------------------------------*\
SHOP SHIFT REQUESTS STATES
\*------------------------------------*/
.shop-shift-request-state--none {
background-color: transparent;
border: 1px solid transparent;
}
.shop-shift-request-state--undefined {
background-color: #ff2600;
border: 1px solid #801300;
}
.shop-shift-request-state--1 {
background-color: #03a9fc;
border: 1px solid #02557e;
}
.shop-shift-request-state--2 {
background-color: #31d647;
border: 1px solid #167123;
}
.shop-shift-request-state--3 {
background-color: #ff2600;
border: 1px solid #801300;
}
/*----------------------------------------------*\
# Utility styles for shop feedback surveys
\*----------------------------------------------*/
.feedback-survey .section-title {
border-bottom: 1px solid #858585;
padding-bottom: 5px;
}
/*------------------------------------*\
SHAME
This file contains all css that doesn't fit in the framework box, hacky stuff, !important etc..
Everything's in here should be TEMPORARY.
All the code below MUST be refactored and moved to its proper location.
\*------------------------------------*/
.bg-full-screen {
background: #fff !important;
}
.workplan-row {
margin-left: -15px;
}
.CodeMirror-hints {
z-index: 9999;
}
.task-report {
/*------------------------------------*\
#TBTASKREPORT.REPORT_STATUS
\*------------------------------------*/
}
.task-report--status-10 {
background-color: #A2E079;
border: 1px solid #00d657;
}