.bar {
    fill: blue;
}

.axis text {
    font: 14px sans-serif;
}

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

.x.axis path {
}

.bars {
    -webkit-transition: 0.5s;
    opacity: 1;
    cursor: pointer;
}


.bar-1 {
    fill: #d14242;
    background-color:#d14242;
}

    .bar-1:hover {
        fill: red;
    }

.bar-2 {
    fill: #57b450;
    background-color: #57b450;
}

    .bar-2:hover {
        fill: #13dd2d;
    }

.bar-3 {
    fill: #e2e200;
    background-color: #e2e200;
}

    .bar-3:hover {
        fill: #ffff00;
    }


.tick text {
    fill: black !important;
}

.horizontal-grid {
    fill: none;
    shape-rendering: crispEdges;
    stroke: #AAA;
    stroke-width: 1px;
}

.line-dot {
    fill: #4885e6 !important;
    -webkit-transition: 0.5s;
    cursor: pointer;
}

    .line-dot:hover {
        fill: blue !important;
    }

.pareto-line {
    fill: none;
    stroke: #4885e6;
    stroke-width: 2px;
}

div.tooltip {
    position: absolute;
    text-align: center;
    background-color: rgb(193, 227, 248);
    padding: 10px;
    font: 12px sans-serif;
    border: 0px;
    border-radius: 3px;
    pointer-events: none;
}

.bar-1.tooltip, .bar-2.tooltip {
    background-color: white !important;
}

.bars-dragging {
    transition: none;
}

.droppable-sections {
    fill: transparent;
    transition: all 0.2s;
}

    .droppable-sections.hovered {
        fill: rgba(229, 255, 1, 0.47);
    }

#ReasonCodeItemDiv .modal-dialog {
    max-width: 600px !important;
}

.font-bold {
    font-weight:bold !important;
}