body {
    background-color: #FFFFFF;
}

#top-menu {
    background-color: #294158;
}

.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.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;
}

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

.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: 5px;
    }

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

    #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: 5px;
}

@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 > .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;
}

#top-menu a[href='/Executions'],
#scheduler-dashboard .ui.stackable.grid,
#scheduler-dashboard > .ui.table:nth-of-type(3),
#scheduler-dashboard > .ui.dividing:nth-of-type(4) {
    display: none;
}

#history-list tr.error-row > td p {
    max-height: 100px;
    overflow-y: auto;
}

#top-menu + .container > div + table {
    table-layout: fixed;
}

    #top-menu + .container > div + table > tbody > tr > td,
    #top-menu + .container > div + table > tbody > tr > th {
        overflow-wrap: break-word;
        text-wrap: auto;
    }

@media only screen and (min-width: 1200px) {
    table#history-list > tbody > tr > td:nth-child(1),
    table#history-list > thead > tr > th:nth-child(1),
    table#history-list > tbody > tr > td:nth-child(2),
    table#history-list > thead > tr > th:nth-child(2) {
        width: 25%
    }

    table#job-list > tbody > tr > td:nth-child(1),
    table#job-list > thead > tr > th:nth-child(1),
    table#trigger-list > tbody > tr > td:nth-child(1),
    table#trigger-list > thead > tr > th:nth-child(1) {
        width: 30%
    }
}