.m-l-10 {
    margin-left: 10px !important;
}

.m-l-20 {
    margin-left: 20px !important;
}

.m-b-10 {
    margin-bottom: 10px !important;
}

/* Colors */
.e-btn.automation-lab.glow {
    padding: 0 !important;
}

.automation-lab.glow {
    background: rgba(16, 136, 139, 0.7) !important;
}

.color0:focus, .color0:active, .color0:hover, .color0, .e-chip.color0 {
    background-color: #ffff70;
    color: black;
}
.color1, .color1:focus, .color1:active, .color1:hover, .e-chip.color1 {
    background-color: #defa74;
    color: black;
}
.color2, .color2:focus, .color2:active, .color2:hover, .e-chip.color2 {
    background-color: #bef57b;
    color: black;
}
.color3, .color3:focus, .color3:active, .color3:hover, .e-chip.color3 {
    background-color: #9fee84;
    color: black;
}
.color4, .color4:focus, .color4:active, .color4:hover, .e-chip.color4 {
    background-color: #7fe68e;
    color: black;
}
.color5, .color5:focus, .color5:active, .color5:hover, .e-chip.color5 {
    background-color: #5ede98;
    color: black;
}
.color6, .color6:focus, .color6:active, .color6:hover, .e-chip.color6 {
    background-color: #36d5a1;
    color: black;
}
.color7, .color7:focus, .color7:active, .color7:hover, .e-chip.color7 {
    background-color: #00cba9;
    color: black;
}
.color8, .color8:focus, .color8:active, .color8:hover, .e-chip.color8 {
    background-color: #00c1b0;
    color: black;
}
.color9, .color9:focus, .color9:active, .color9:hover, .e-chip.color9 {
    background-color: #00b6b5;
    color: black;
}
.color10, .color10:focus, .color10:active, .color10:hover, .e-chip.color10 {
    background-color: #00abb7;
    color: black;
}
.color11, .color11:focus, .color11:active, .color11:hover, .e-chip.color11 {
    background-color: #00a0b7;
    color: black;
}
.color12, .color12:focus, .color12:active, .color12:hover, .e-chip.color12 {
    background-color: #0094b4;
    color: black;
}
.color13, .color13:focus, .color13:active, .color13:hover, .e-chip.color13 {
    background-color: #0088af;
    color: black;
}
.color14, .color14:focus, .color14:active, .color14:hover, .e-chip.color14 {
    background-color: #007da7;
    color: black;
}
.color15, .color15:focus, .color15:active, .color15:hover, .e-chip.color15 {
    background-color: #1f719d;
    color: black;
}

.e-btn.e-secondary:hover, .e-css.e-btn.e-secondary:hover {
    background-color: #005859;
    border-color: transparent;
    /* ReSharper disable once InvalidValue */
    box-shadow: 0 2px 7px 0 rgb(0 0 0 / 26%);
    color: rgb(255, 255, 255);
}

.e-btn.e-secondary, .e-css.e-btn.e-secondary {
    background-color: #005859;
    border-color: transparent;
    color: rgb(255, 255, 255);
}

.e-btn.e-secondary:disabled, .e-css.e-btn.e-secondary:disabled {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: transparent;
    box-shadow: none;
    color: rgba(255, 255, 255, 0.3);
}

.e-btn.automation-lab {
    padding: 10px 12px 10px 12px !important;
}

.e-tooltip-wrap.proud-tooltip .e-tip-content {
    background-color: #00292A !important;

    color: #eee !important;
    font-size: 18px !important;
    line-height: 24px;
}

.lavender-bg {
    background-color: #cd9d00 !important;
    font-weight: bolder;
}

.lavender-bg:hover {
    background-color: #e69a00 !important;
    font-weight: bolder;
    opacity: 0.8;
}

.teal-bg:hover {
    background-color: #005859 !important;
    font-weight: bolder;
    opacity:0.8;
}

.teal-bg {
    background-color: #005859 !important;
    font-weight: bolder;
}

.shy-font {
    color: rgba(255,255,255,0.5) !important;
    font-size: 11px !important;
}

.external-clusters-sidebar {
    opacity: 0.9;
    color: #D5D5D5;
    padding: 10px;
}

.mango-color {
    color: #cd9d00 !important;
}

.mango-teal-blended-bg{
    background-color: #667B2D !important;
}

.lemon-curry-highlight {
    background-color: #e69a00 !important;
}

.deep-jungle-highlight {
    background-color: #005859 !important;
}

.candy-highlight {
    background-color: #f62b49 !important;
}

.proud-teal {
    background-color: #16B9BD !important;
}

.nobel-green-highlight {
    background-color: #00292A !important;
}

.blue-green-highlight {
    background-color: #014060 !important;
}

.e-btn.e-tertiary:hover, .e-css.e-btn.e-tertiary:hover {
    background-color: #00393A !important;
    border-color: transparent;
    /* ReSharper disable once InvalidValue */
    box-shadow: 0 2px 7px 0 rgb(0 0 0 / 26%);
    color: rgb(255, 255, 255);
}

.e-btn.e-tertiary, .e-css.e-btn.e-tertiary {
    background-color: #00393A !important;
    border-color: transparent;
    color: rgb(255, 255, 255);
}

.e-btn.e-tertiary:disabled, .e-css.e-btn.e-tertiary:disabled {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: transparent;
    box-shadow: none;
    color: rgba(255, 255, 255, 0.3);
}

.e-btn.e-quaternary:hover, .e-css.e-btn.e-quaternary:hover {
    background-color: #014060 !important;
    border-color: transparent;
    /* ReSharper disable once InvalidValue */
    box-shadow: 0 2px 7px 0 rgb(0 0 0 / 26%);
    color: rgb(255, 255, 255);
}

.e-btn.e-quaternary, .e-css.e-btn.e-quaternary {
    background-color: #014060 !important;
    border-color: transparent;
    color: rgb(255, 255, 255);
}

.e-btn.e-quaternary:disabled, .e-css.e-btn.e-quaternary:disabled {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: transparent;
    box-shadow: none;
    color: rgba(255, 255, 255, 0.3);
}

.e-btn.e-clusters:hover, .e-css.e-btn.e-clusters:hover {
    background-color: #412E5E !important;
    border-color: transparent;
    /* ReSharper disable once InvalidValue */
    box-shadow: 0 2px 7px 0 rgb(0 0 0 / 26%);
    color: rgb(255, 255, 255);
}

.e-btn.e-clusters, .e-css.e-btn.e-clusters {
    background-color: #412E5E !important;
    border-color: transparent;
    color: rgb(255, 255, 255);
}

.e-btn.e-clusters:disabled, .e-css.e-btn.e-clusters:disabled {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: transparent;
    box-shadow: none;
    color: rgba(255, 255, 255, 0.3);
}

.e-btn-just-lowercase {
    text-transform: none !important;
    color: #239294!important;
}

.e-btn-smaller {
    padding: 5px !important;
}

.e-btn-lowercase {
    text-transform: none !important;
    padding: 0 !important;
    color: #239294!important;
}

/* TODO: this must be overriden because Portal makes it ugly */ 
/*.e-grid .e-icon-grightarrow {*/
/*    padding: 14px 9px 14px 10px;*/
/*}*/

.automation-lab > .e-chip-list .e-chip, .statistic-chip > .e-chip-list .e-chip {
    background: #3f3f3f;
    border-color: transparent;
    color: #d8d8d8;
}

.automation-lab.grid-no-grid .e-grid,
.automation-lab.grid-no-grid .e-grid .e-rowcell,
.automation-lab.grid-no-grid .e-grid .e-gridheader,
.automation-lab.grid-no-grid .e-grid .e-gridcontent,
.automation-lab.grid-no-grid .e-grid .e-altrow,
.automation-lab.grid-no-grid .e-grid .e-table,
.automation-lab.grid-no-grid .e-grid .e-headercell,
.automation-lab.grid-no-grid .e-grid .e-content,
.automation-lab.grid-no-grid .e-grid .e-rhandler.e-rcursor,
.automation-lab.grid-no-grid .e-grid .e-gridcontent .e-content {
    background-color: transparent !important;
    border: none !important;
}

.automation-lab.grid-no-grid .e-grid td.e-active
{
    background: #00393A !important;
    color: #fff;
}

.automation-lab.grid-no-grid .e-icons.e-delete.e-btn-icon,
.automation-lab.grid-no-grid .e-icons.e-edit.e-btn-icon{
    color: #239294 !important;
}

.automation-lab.grid-no-grid .e-frame.e-icons.e-uncheck,
.automation-lab.grid-no-grid .e-frame.e-icons.e-stop  {
    border-color: #239294 !important;
    color: #239294 !important;
}

.automation-lab.grid-no-grid .e-grid .e-rowcell.e-focus.e-focused,
.automation-lab.grid-no-grid .e-grid .e-headercell.e-focus.e-focused{
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0) !important;
}

.automation-lab.grid-no-grid .e-grid .e-row:hover .e-rowcell:not(.e-active) {
    background-color: rgba(0, 57, 58, 0.3) !important;
    border: none !important;
}

.automation-lab.dark-mode-text {
    color: #D5D5D5 !important;
}

.model-relation-highlight {
    border-color: #e69a00 !important;
    border-width: 2px !important;
}

.alt2-model-relation-level-2 {
    background-color: #003738 !important;
}

.alt2-model-relation-level-1 {
    background-color: #04595a !important;
}

.alt2-model-relation-level--1 {
    background-color: #149698 !important;
}

.automation-lab .e-chip-text {
/*//width: calc(100% - 20px) !important;*/
}

.statistic-chip .e-chip-icon {
    background-color: #00393A;
}

.proud-teal {
    background-color: #0d7d7f !important;
    border-color: #18a3a5 !important;
    border-width: 3px !important;
    font-weight: 700 !important;
}

.vertical-align-middle {
    vertical-align: middle;
}

.m-t-0{
    margin-top: 0 !important;
}

.m-l-30 {
    margin-left: 30px !important;
}

.m-l-5 {
    margin-left: 5px !important;
}

.m-r-10 {
    margin-right: 10px !important;
}

.b-20 {
    bottom: 20px !important;
}

.t-20 {
    top: 20px !important;
}

.node-label-hide {
    display: none;
}

.graph-nodes-limit-exceeded {
    color: red !important;
}

.pos-rel {
    position: relative !important;
}

.inline-block-v-sub {
    display: inline-block !important; 
    vertical-align: sub !important;
}

.float-r {
    float: right;
}