/* <Gantt d3> */

.gantt-chart,
.indicator {
    font-family: Arial, sans-serif;
    font-size: 11px;
}

.axis path,
.axis line {
    fill: none;
    stroke: #000;
    shape-rendering: crispEdges;
}

.x.axis path.domain,
.y.axis path.domain {
    stroke: #b3b3b3;
}

.y.axis .clickable {
    cursor: pointer;
}

.bar {
    fill: #33b5e5;
}

.d3-tip {
    line-height: 1;
    font-size: 11px;
    padding: 5px 10px;
    background: rgba(255, 255, 255, 0.9);
    color: #333;
    border-radius: 2px;
    pointer-events: none;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(0, 0, 0, 0.15);
}

.d3-tip p {
    /*padding: 2px 0;*/
    margin: 5px 0;
}

/* Creates a small triangle extender for the tooltip */

.d3-tip:after {
    box-sizing: border-box;
    display: inline;
    font-size: 10px;
    width: 100%;
    line-height: 1;
    color: rgba(255, 255, 255, 0.9);
    position: absolute;
    pointer-events: none;
}

/* Northward tooltips */

.d3-tip.n:after {
    content: "\25BC";
    margin: -1px 0 0 0;
    top: 100%;
    left: 0;
    text-align: center;
}

/* Eastward tooltips */

.d3-tip.e:after {
    content: "\25C0";
    margin: -4px 0 0 0;
    top: 50%;
    left: -8px;
}

/* Southward tooltips */

.d3-tip.s:after {
    content: "\25B2";
    margin: 0 0 1px 0;
    top: -8px;
    left: 0;
    text-align: center;
}

/* Westward tooltips */

.d3-tip.w:after {
    content: "\25B6";
    margin: -4px 0 0 -1px;
    top: 50%;
    left: 100%;
}

.currentDateLine {
    stroke: black;
    stroke-width: 1;
    fill: none;
    opacity: 0.7;
}

.tick line {
}

.gantt-chart rect:not(.msSwitchedOffBar):not(.maintenanceBar):hover {
    opacity: 0.7;
}
.gantt-chart rect:not(.msSwitchedOffBar):not(.innovationBar):hover {
    opacity: 0.7;
}

.indicator {
    padding-top: 10px;
}

.indicator path.line {
    fill: none;
    stroke: #8e899f;
    stroke-width: 1.5;
}

.indicator path.area {
    fill: #bfecff;
    opacity: 0.7;
}

.indicator .x.axis line {
}

.indicator .x.axis .minor {
    stroke-opacity: 0.5;
}

.indicator .x.axis path {
    display: none;
}

.indicator .y.axis line,
.indicator .y.axis path {
    fill: none;
    stroke: #000;
}

/*.indicator .y.axis*/

.tick {
    font-size: 11px;
    pointer-events: none;
}
.msProductionBar {
    fill: #5fb131;
}

.msErrorBar {
    fill: #d4151d;
}

.msAdjustmentBar {
    fill: #3793e4;
}

.msSwitchedOnBar {
    fill: #8b8b8b;
}

.msSwitchedOffBar {
    fill: url(#switchedOff-pattern-stripe);
}

.msSubProgramBar {
    fill: #ffbf4b;
}

.msNonWorkingHoursBar {
    fill: url(#nonWorkingHours-pattern-stripe);
    opacity: 0.8;
}

.msSwitchedOffBar1Stripe {
    stroke: none;
    fill: #575757;
}

.msSwitchedOffBar2Stripe {
    stroke: none;
    fill: black;
}

.nonWorkingHoursStripe1 {
    stroke: none;
    fill: #cccccc;
}

.nonWorkingHoursStripe2 {
    stroke: none;
    fill: #575757;
}

.msUnknownBar {
    fill: #000;
}

.vis-item.vis-range.stateBar,
.vis-item.vis-box.stateBar {
    border-radius: 0;
    font-size: 2em;
    border: none;
    cursor: default;
}

.vis-item.vis-range.stateBar:hover,
.vis-item.vis-box.stateBar:hover,
.vis-item.vis-box.infoBar:hover,
.vis-item.vis-range.infoBar:hover {
    opacity: 0.7;
}

.vis-item.vis-range.stateErrorBar,
.vis-item.vis-box.stateErrorBar {
    border-radius: 0;
    font-size: 1em;
    border: none;
    cursor: default;
    color: white;
}

.vis-item.vis-box.infoBar {
    cursor: default;
    color: white;
}

.vis-item.vis-range.stateErrorBar:hover,
.vis-item.vis-box.stateErrorBar:hover {
    opacity: 0.7;
}

.vis-item.vis-range.msProductionBar,
.vis-item.vis-box.msProductionBar {
    background-color: #5fb131;
}

.vis-item.vis-range.msErrorBar,
.vis-item.vis-box.msErrorBar {
    background-color: #d4151d;
}

.vis-item.vis-range.msAdjustmentBar,
.vis-item.vis-box.msAdjustmentBar {
    background-color: #3793e4;
}

.vis-item.vis-range.msSwitchedOnBar,
.vis-item.vis-box.msSwitchedOnBar {
    background-color: #8b8b8b;
}

.vis-item.vis-range.msSwitchedOffBar,
.vis-item.vis-box.msSwitchedOffBar {
    background: repeating-linear-gradient(135deg, #575757, #575757 5px, #000 5px, #000 10px);
}

.vis-item.vis-range.msCompletedJobBar,
.vis-item.vis-box.msJobCompletedBar {
    background-color: #5fb131;
}

.vis-item.vis-range.msRunningJobBar,
.vis-item.vis-box.msJobRunningBar {
    background-color: #17a2b8;
}

.vis-item.vis-range.msPostponedJobBar,
.vis-item.vis-box.msPostponedJobBar {
    background-color: #ffc107;
}

.vis-item.vis-range.msUnknownJobBar,
.vis-item.vis-box.msUnknownJobBar {
    background-color: red;
}

.vis-item.vis-range.msUnknownBar,
.vis-item.vis-box.msUnknownBar,
.vis-item.vis-range.defaultBar,
.vis-item.vis-box.defaultBar {
    background-color: #000;
}

.vis-labelset .vis-label:last-child .vis-item-label {
    height: 70px;
    line-height: 70px;
    text-align: center;
}

.vis-item.vis-range.msAccidentBar,
.vis-item.vis-box.msAccidentBar {
    background-color: #ecc400;
}

.vis-item.vis-range.msWarningBar,
.vis-item.vis-box.msWarningBar {
    background-color: #f1f14b;
    color: black;
}

.vis-item.vis-background.nonWorkingHours {
    background: repeating-linear-gradient(135deg, #e6e6e6, #e6e6e6 5px, #ababab 5px, #ababab 10px);
}

.vis-item.vis-background.maintenancePeriod {
    background: repeating-linear-gradient(135deg, #fffbc8, #fffbc8 5px, #f2ec00 5px, #f2ec00 10px);
}
.vis-item.vis-background.innovationPeriod {
    background: repeating-linear-gradient(135deg, #fffbc8, #fffbc8 5px, #f2ec00 5px, #f2ec00 10px);
}

.vis-item.vis-background.change0 {
    background-color: #cdd1d5;
}

.vis-item.vis-background.change1 {
    background-color: #c4e0c4;
}

.vis-item.vis-background.change2 {
    background-color: #d6d5c8;
}

.vis-item.vis-background.change3 {
    background-color: #d5c8c1;
}

.vis-item.vis-background.change4 {
    background-color: #d7e7d3;
}

.vis-item.vis-background.change5 {
    background-color: #cad5cf;
}

.vis-item.vis-background.change6 {
    background-color: #dbd2ce;
}

.programEventBar {
    fill: orange;
    color: orange;
}

.programEventBarWithSameProgramText {
    fill: #5fb131;
    color: #5fb131;
}

.programEventBarWithAlmostSameProgramText {
    fill: #74992f;
    color: #74992f;
}

.programEventBarWithoutSameProgramText {
    fill: #f3141d;
    color: #f3141d;
}

.programEventBarWithProgramAmbiguity {
    fill: #00b4ff;
    color: #00b4ff;
}

.programEventBarWithProgramNotFound {
    fill: #ff5700;
    color: #ff5700;
}

.programEventBarDownloadError {
    fill: #af0b12;
    color: #af0b12;
}

.detailedEventBar {
    fill: blueviolet;
}

.defaultBar {
    fill: #b7b7b7;
}

.adjustmentBar {
    fill: #3793e4;
}

.adjustmentBar:hover {
    fill: rgb(86, 167, 255);
}

.maintenanceBar {
    fill: yellow;
}

.maintenanceBar:hover {
    fill: rgb(255, 235, 0);
}

.innovationBar {
    fill: #31dada;
}

.innovationBar:hover {
    fill: #00dada;
}

.serverOnlineBar {
    fill: #1ba94c;
}

.serverOfflineBar {
    fill: #db2644;
}

.msAccidentBar {
    fill: #ecc400;
}

.msWarningBar {
    fill: #f1f14b;
}

.machineModeRecord0 {
    fill: #3e3e3e;
}

.machineModeRecord {
    fill: #9932cc;
}

.machineModeRecord5,
.machineModeRecord7,
.machineModeRecord8,
.machineModeRecord19,
.machineModeRecord21 {
    fill: #5fb131;
}

.machineModeRecord4,
.machineModeRecord20 {
    fill: #556b2f;
}

.machineModeRecord10 {
    fill: #66cdaa;
}

.machineModeRecord2,
.machineModeRecord14 {
    fill: #a28552;
}

.machineModeRecord11,
.machineModeRecord12,
.machineModeRecord13,
.machineModeRecord15,
.machineModeRecord16,
.machineModeRecord22,
.machineModeRecord23 {
    fill: #2ceeee;
}

.machineModeRecord1,
.machineModeRecord6,
.machineModeRecord9,
.machineModeRecord3,
.machineModeRecord17,
.machineModeRecord18 {
    fill: #4169e1;
}

.faRedLevel {
    color: #d9534f;
    fill: #d9534f;
}

.faYellowLevel {
    color: #f0ad4e;
}

.faGreenLevel {
    color: #5cb85c;
    fill: #5cb85c;
}

.faDarkGreenLevel {
    color: #74992f;
}

.faBrownLevel {
    color: #af0b12;
}

.faBlueLevel {
    color: #337ab7;
}

.msBar.order {
    fill: #25b0da;
}

.msBar.orderCycle {
    fill: #f0dc75;
}

.msBar.orderOperation_0 {
    fill: #9bd086;
}

.msBar.orderOperation_1 {
    fill: #9bd086;
}

.msBar.orderOperation_2 {
    fill: #74bde2;
}

.msBar.orderOperation_3 {
    fill: #cf8787;
}

.msBar.orderOperation_4 {
    fill: #cf8787;
}

.band-group-caption {
    font-size: 14px;
    font-weight: 600;
}

.band-caption {
    font-size: 12px;
}

.band-caption-fade {
    font-size: 12px;
    fill: #969292;
}

.band-caption-with-menu {
    cursor: pointer;
    font-size: 12px;
}

.band-caption-with-menu:hover {
    font-weight: bold;
}

.subband-caption {
    font-size: 11px;
}

.band-caption-expand-rect {
    fill: #e6e6e6;
}

.band-caption-expand-rect:hover {
    fill: #f0eeee;
}

.band-caption-expand {
    font-family: FontAwesome;
    font-size: 18px;
}

@keyframes fadeIn {
    0% {
        fill: #e5e5e5;
    }

    100% {
        fill: #f8f7f7;
    }
}

.phantom {
    animation: fadeIn ease-in 1;
    animation-duration: 1s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
}

.brush {
    fill: #2ceeee;
    opacity: 0.2;
}

/*

Jobs Gantt styles
*/

.band-job-name-text {
    font-size: 12px;
    font-weight: 600;
    pointer-events: none;
}

.band-job-name-text-light {
    font-size: 12px;
    font-weight: 600;
    pointer-events: none;
    fill: #ffffff;
}

.band-product-name-text {
    font-size: 11px;
    pointer-events: none;
}

.band-product-name-text-light {
    font-size: 11px;
    pointer-events: none;
    fill: #ffffff;
}

.jobs-band-group-caption {
    font-size: 12px;
    font-weight: 600;
}

.jobs-band-department-caption {
    font-size: 14px;
    font-weight: 600;
}

.jobs-ticket-band-text {
    fill: #ffffff;
}

.bold {
    font-weight: 600;
}

.band-progress-success {
    fill: #7be83d;
    pointer-events: none;
}

.band-progress-undefined {
    fill: #ecc400;
    pointer-events: none;
}

.band-progress-rejected {
    fill: #f3141d;
    pointer-events: none;
}

.jobs-gantt-divider {
    stroke: #7e7e7e;
}

.jobs-gantt-light-divider {
    stroke: #e9e9e9;
    shape-rendering: crispEdges;
}

.job-operation-start {
    fill: #f2dede;
}

.job-operation-main {
    fill: #d9edf7;
}

.job-operation-finish {
    fill: #dff0d8;
}

.job-cycle-run {
    fill: #337ab7;
    /* stroke: #ffffff; */
    stroke: #858585;
}

.job-cycle-run-caption {
    fill: #ffffff;
}

.gantt-fa {
    font-family: FontAwesome;
}

.flex-column-gantt {
    display: flex;
    flex-direction: column;
}

.band-icon {
    fill: white;
}