body {
    background-color: #FFFFFF;
}

    body.DEVELOPMENT #top-menu {
        background-color: #dc3545;
    }

    body.QA #top-menu {
        background-color: #d63384;
    }

    body.WORKING #top-menu {
        background-color: #e57373;
    }

    body.QA-LIVE #top-menu {
        background-color: #9e9e9e;
    }

    body.STAGING-GCP #top-menu {
        background-color: #0689a6;
    }

    body.STAGING #top-menu {
        background-color: #795548;
    }

    body.SANDBOX #top-menu {
        background-color: #4CAF50;
    }

    body.STAGING-UAT #top-menu, body.UAT #top-menu {
        background-color: #d68100;
    }

    body.PREPROD #top-menu {
        background-color: #8a61d3;
    }

    body.PRODUCTION #top-menu, body #top-menu {
        background-color: #2262c6;
    }

    body.DEVELOPMENT #top-menu.theme-v2 {
        background: linear-gradient(to left,#d4e74f,#79ae00);
    }

    body.QA #top-menu.theme-v2 {
        background: linear-gradient(to right,#b65eba,#2e8de1);
    }

    body.QA-LIVE #top-menu.theme-v2 {
        background-color: #17a2b8;
    }

    body.STAGING #top-menu.theme-v2 {
        background: linear-gradient(to bottom,#ff7d7c,#e0246f);
    }

    body.STAGING-UAT #top-menu.theme-v2 {
        background: linear-gradient(to right,#059cc9,#6454f0);
    }

    body.PRODUCTION #top-menu.theme-v2, body #top-menu.theme-v2 {
        background: linear-gradient(to left,#3499ff,#3a3985);
    }

.top.menu .header.item img.logo {
    margin-right: 0.8em;
}

.top.menu .header.item {
    padding-left: 8px;
}

.main.container {
    padding-top: 1em;
}

.ui.menu .item {
    padding: 15px 20px;
}

.ui.container {
    width: 98%;
}

.ui.menu.top,
.ui.menu.top .item:first-child,
.ui.menu.top .item:last-child {
    border-radius: 0px !important;
}

.ui.menu .ui.header.item {
    border-left: none !important;
}

.ui.left.floated.header > a > i.tiny.icon {
    margin-left: 0.5em
}

.ui.table {
    border-radius: 0px !important;
}

    .ui.table td {
        padding-top: 6px;
        padding-bottom: 6px;
    }

    .ui.table thead th {
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .ui.table:not(.unstackable) tr {
        padding-top: 8px;
        padding-bottom: 8px;
    }

.ui.secondary.menu .ui.small.button {
    height: 36px;
}

.job-type {
    word-break: break-word;
    white-space: normal;
}

#job-data-map.ui.table > thead > tr > th {
    border-bottom: 0px !important;
    padding-top: 8px;
    padding-left: 8px;
}

#job-data-map.ui.table > tbody > tr > td {
    border-top: 0px !important;
    padding-top: 8px;
    padding-left: 8px;
}

.template {
    display: none;
}

#job-data-map > tbody > tr:last-child .delete-row {
    display: none;
}

input:-ms-input-placeholder {
    color: #999 !important; /* IE fix */
}

.calendar .ui.table thead th {
    background: #f9fafb;
    padding: 7px 0px !important;
}

.changing-type {
    display: none;
    bottom: 0px;
    width: 6px
}

.ui.table td.accept-error.error {
    background-color: initial !important;
}

.trigger-type {
    display: none;
}

.histogram {
    display: block;
    position: relative;
}

    .histogram > .bar {
        background-color: #107c10;
        display: block;
        position: absolute;
        bottom: 0px;
        width: 5px;
    }

td > .histogram {
    height: 22px;
}

.histogram > .bar:focus {
    outline: 1px solid #212121;
}

.histogram > .bar:hover {
    cursor: pointer;
    background-color: #6c6;
}

.bar.grey {
    background-color: #e6e6e6;
}

    .bar.grey:hover {
        background-color: #e6e6e6;
    }

.bar.running {
    background-color: #2185d0;
}

    .bar.running:hover {
        background-color: #7bbaea;
    }

.bar.failed {
    background-color: #db2828;
}

    .bar.failed:hover {
        background-color: #e97c7c;
    }

.histogram-tooltip {
    font-size: 85%;
}

i.icon.dots:before {
    content: "...";
}

.ui.icon.detail.button {
    margin-left: .5em;
    padding: .3em;
    visibility: hidden;
}

tr:hover > td > .ui.icon.detail.button, tr.active-menu > td > .ui.icon.detail.button {
    visibility: visible;
}

table.highlight-rows > tbody > tr:hover > td, table.highlight-rows > tbody > tr.active-menu > td {
    background-color: #f4f4f4;
}

.ui.popup.context-menu {
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    /*-webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;*/
}

.ui.vertical.menu .item > i.icon.left {
    float: none;
    margin: 0em 0.6em 0em 0em;
}

.context-menu > .ui.menu {
    border: none;
    border-radius: 0;
}

    .context-menu > .ui.menu > .item {
        padding: 10px 10px;
    }

        .context-menu > .ui.menu > .item > .large.icon {
            font-size: 1.2em;
        }

.context-menu > .ui.vertical.menu > .item:first-child, .context-menu > .ui.vertical.menu > .item:last-child {
    border-radius: 0;
}

#msg-panel:not(:empty) {
    margin-top: 15px;
}

.ui.inline.message p {
    margin: 0;
}

.ui.inline.message {
    padding: 8px 15px;
}

    .ui.inline.message > .close.icon {
        top: 8px;
        right: .7em;
    }

.cron-field > label > a {
    float: right;
    font-weight: normal;
    font-size: 90%;
}

    .cron-field > label > a:hover {
        text-decoration: underline;
    }

    .cron-field > label > a > i {
        text-decoration: none;
    }

.cron-field > p {
    font-style: italic;
    font-size: 85%;
    margin: 3px;
}

tr.job-key > td {
    background-color: #f3f5f7 !important;
}

tr.job-key a {
    font-weight: bold;
}

    tr.job-key a > span.group {
        font-weight: normal;
        color: #cdd2d8;
    }

#trigger-list .schedule-desc {
    cursor: pointer;
}

.ui.form .wrapped.fields {
    display: block;
}

    .ui.form .wrapped.fields > .wrapped.field {
        float: left;
        clear: none;
        margin-bottom: 1em;
    }

.wrapped.fields + .fields {
    clear: both;
}

.wrapped.fields input + a {
    margin-top: .5em;
}

.wrapped.field:last-child .delete-field {
    display: none;
}

.monthly.ui.table td {
    border: none !important;
    padding: 2px;
}

.monthly.ui.table .button {
    width: 100%;
    padding: 10px;
}

.monthly.ui.table {
    margin-top: 0;
}

    .monthly.ui.table .ui.button.toggle.active, .field.weekly .ui.button.toggle.active {
        background-color: #b21e1e !important;
    }

    .monthly.ui.table td > a:hover {
        text-decoration: underline;
    }

.field.weekly .ui.button.toggle {
    margin-bottom: .3em;
}

.ui.segments > .segment:not(:last-child):after {
    font-family: Icons;
    font-style: normal;
    font-weight: 400;
    font-size: 1.5em;
    position: absolute;
    color: rgb(222,222,222);
    background-color: #fff;
    z-index: 2;
    content: "\f13a";
    left: 50%;
    bottom: 0;
    -webkit-transform: translateY(50%) translateX(50%);
    transform: translateY(50%) translateX(50%);
}

#scheduler-dashboard .ui.statistic {
    padding: 10px;
    border-radius: 4px;
    box-shadow: 1px 2px 4px rgba(0,0,0,0.15);
}

#scheduler-dashboard .ui.inverted.statistic {
    text-shadow: 1px 2px 4px rgba(0,0,0,0.25);
}

.dashboard-histogram .histogram {
    height: 100%;
}

.dashboard-histogram {
    display: inline-flex;
}

    .dashboard-histogram .histogram > .bar {
        width: 13px;
    }

#scheduler-dashboard .ui.table {
    width: 100%;
}

    #scheduler-dashboard .ui.table > tbody > tr > td:nth-child(2) {
        font-weight: bold;
    }

#scheduler-dashboard .ui.table {
    border: none;
}

.inline-stats {
    font-size: 1em;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.8rem;
}

    .inline-stats span {
        font-size: 2rem;
        color: #333;
    }

#scheduler-dashboard .ui.dividing.header {
    margin-bottom: 0px;
}

#scheduler-dashboard .ui.table {
    margin-top: 0;
}

@media only screen and (max-width: 767px) {
    #scheduler-dashboard .ui.table:not(.unstackable) td:first-child, .ui.table:not(.unstackable) th:first-child {
        font-weight: normal;
    }
}

#scheduler-dashboard > .ui.grid {
    margin: 0px;
}

    #scheduler-dashboard > .ui.grid > .column {
        padding: 14px 0px 0px !important;
    }

#scheduler-dashboard #msg-panel:not(:empty) {
    margin-top: 0px;
    margin-bottom: 15px;
}

.trigger-name .pause.icon {
    color: #e6b800;
}

#scheduler-dashboard #col-actions .ui.button {
    margin-bottom: 5px;
}

#scheduler-dashboard .group-actions {
    float: left;
    margin-right: 10px;
}


    #scheduler-dashboard .group-actions ul {
        margin: 5px 0px;
        list-style: none;
        padding-left: 16px;
    }

    #scheduler-dashboard .group-actions li {
        clear: both;
        margin: 0px;
        padding: 0px;
    }

        #scheduler-dashboard .group-actions li .ui.button {
            margin: 0px 4px;
            float: right;
        }

        #scheduler-dashboard .group-actions li.paused:before,
        #scheduler-dashboard .group-actions li.resumed:before {
            position: absolute;
            font-size: 11px;
            font-family: Icons;
            font-style: normal;
            margin-left: -1.2em;
            margin-top: 0.1em;
        }

        #scheduler-dashboard .group-actions li.paused:before {
            content: "\f04c";
            color: #e6b800;
        }

        #scheduler-dashboard .group-actions li.resumed:before {
            content: "\f111";
            color: #21ba45;
        }

input[type=text].stats {
    font-style: italic;
}

.super.tiny.ui.button {
    padding: 5px 8px;
}

#history-list td.job-key,
#history-list td.trigger-name {
    word-break: break-all;
    white-space: normal;
}

    #history-list td.job-key > .play.icon {
        color: #2185d0;
    }

    #history-list td.job-key > .check.icon {
        color: #21ba45;
    }

    #history-list td.job-key > .close.icon {
        color: #db2828;
    }

#history-list tr.error-row > td {
    padding-top: 0px;
    border-top: none;
}

    #history-list tr.error-row > td p {
        text-wrap: normal;
        white-space: pre-wrap;
        font-size: 90%;
        font-weight: normal;
        padding-left: 30px;
    }

        #history-list tr.error-row > td p:before {
            font-family: Icons;
            margin-left: -15px;
            content: "\f101";
            position: absolute;
        }

table#history-list > tbody > tr:hover td {
    background-color: transparent;
}

table#history-list > tbody > tr:not(.error-row):hover,
table#history-list > tbody > tr:hover + tr.error-row {
    background-color: #f4f4f4;
}

.ui.table {
    border: 0 !important;
}

    .ui.table tbody, .ui.table tr td {
        border-left: 1px solid #ebebeb;
        border-right: 1px solid #ebebeb;
        border-bottom: 1px solid #ebebeb;
    }

    .ui.table thead {
        background: #dedede !important;
        border: 0 !important;
    }

        .ui.table thead th {
            background: inherit !important;
            border-left: 1px solid #bbb;
        }

        .ui.table thead tr > th:last-child {
            border-right: none;
        }

.ui.subtable {
    border: 0 !important;
}

    .ui.subtable tbody, .ui.subtable tr td {
        border-left: 1px solid #ebebeb !important;
        border-right: 1px solid #ebebeb !important;
        border-bottom: 1px solid #ebebeb !important;
    }

    .ui.subtable thead {
        background-color: #1E7C9A !important;
        color: #fff !important;
        text-align: left !important;
        border: 0 !important;
    }

        .ui.subtable thead th {
            background: inherit !important;
            color: inherit !important;
            text-align: inherit !important;
        }

        .ui.subtable thead tr > th:last-child {
            border-right: none;
        }

.tag {
    background-color: #ff8f30;
    font-size: 12.5px;
    color: white;
    padding: 1px 4px 1px 4px;
    border-radius: 5px;
    margin-right: 2px;
    margin-left: 2px;
    min-width: 4px;
    max-width: 112px;
    border: 1px solid;
    display: inline-block;
}