crop-monitor/client-assets/home/css/graphing.css

.nutrient-balance {
    background-color: #b7ffb6;
}
.ratio-balance {
    /*background-color: #efefef;*/
    font-weight: bold;
}
.odd {
    background-color: #efefef;
}

.graph-border {
    padding: 0px;
}

.title {
    width: 100%;
    border-bottom: none;
}
.title, .left, th, td {
    padding: 6px 7px;
    text-align: left;
    border: none;
}
.title, .right, th, td {
    padding: 6px 7px;
    text-align: right;
}

.progress.thin {
  height: 10px;
}
tr.progress, .progress {
  background: #f2f4f8;
  height: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
}
.progress-bar, td.progress-bar {
    height: 20px;
}
.progress-bar-success, td.progress-bar-success {
    background-color: #5cb85c;
    padding: 12px 0px;
}
.progress-bar-warning, td.progress-bar-warning {
    background-color: #f0ad4e;
}
.progress-bar-danger, td.progress-bar-danger {
    background-color: #d9534f;
}
.progress-bar-white, td.progress-bar-white {
    background-color: #f2f4f8;
    padding: 12px 0px;
}

.chart-header {
    line-height: 35px;
}

.graph-header {
    padding: 5px 0 5px 0;
    font-weight: bold;
    font-size: 25px;
    color: black;
}

.chart {
    width: 100%;
}

.req-table {
    padding: 5px !important;
}

.chart-header {
    background: #2b2b2b;
    color: white;
    font-weight: bold;
    font-size: 25px;
}

.chart-header-sub {
    width: 100%;
    background: #afafaf;
    color: white;
}

.sub-chart {
    padding: 6px 0 ;
}

.sub-chart td {
    padding: 6px 0 6px 0;
    page-break-after: avoid;
}

.analysis-footer {
    padding: 20px 20px 0 20px;
}

tr.sub-chart td table {
    margin-bottom: 0px;
    padding: 0px;
}

tr.sub-chart-plant td table {
    margin-bottom: 0px;
    padding: 0px;
}
.sub-chart-plant td {
    padding-top: 4px;
    padding-bottom: 4px;
}


.text-left {
    padding-left: 5px;
}
/* https://css-tricks.com/stripes-css/ */
.stripe-1 {
  color: #4e4e4e;
  background: repeating-linear-gradient( 45deg, #ffffff, #ffffff 4px, #bdbdbd 2px, #bdbdbd 6px );
}

/* BAR GRAPH COLOURS */

.lightgreenGraph {
    background: #5cb85c;
}
.lightgreen {
    background: #5cb85c;
    background-image: -webkit-linear-gradient(left, #ebf1de, #5cb85c);
    background-image: -moz-linear-gradient(left, #ebf1de, #5cb85c);
    background-image: -o-linear-gradient(left, #ebf1de, #5cb85c);
    background-image: -ms-linear-gradient(left, #ebf1de, #5cb85c);
    background-image: linear-gradient(left, #ebf1de, #5cb85c);
}
.lightredGraph {
    background: #9a3634;
}
.lightred {
    background: #9a3634;
    background-image: -webkit-linear-gradient(left, #f3dddc, #9a3634);
    background-image: -moz-linear-gradient(left, #f3dddc, #9a3634);
    background-image: -o-linear-gradient(left, #f3dddc, #9a3634);
    background-image: -ms-linear-gradient(left, #f3dddc, #9a3634);
    background-image: linear-gradient(left, #f3dddc, #9a3634);
}
.lightpurpleGraph {
    background: #16365c;
}
.lightpurple {
    background: #16365c;
    background-image: -webkit-linear-gradient(left, #ebf1de, #16365c);
    background-image: -moz-linear-gradient(left, #ebf1de, #16365c);
    background-image: -o-linear-gradient(left, #ebf1de, #16365c);
    background-image: -ms-linear-gradient(left, #ebf1de, #16365c);
    background-image: linear-gradient(left, #ebf1de, #16365c);
}
.lightblueGraph {
    background: #366092;
}
.lightblue {
    background: #366092;
    background-image: -webkit-linear-gradient(left, #dde7f2, #366092);
    background-image: -moz-linear-gradient(left, #dde7f2, #366092);
    background-image: -o-linear-gradient(left, #dde7f2, #366092);
    background-image: -ms-linear-gradient(left, #dde7f2, #366092);
    background-image: linear-gradient(left, #dde7f2, #366092);
}

.lightorangeGraph {
    background: #ffa500;
}
.lightorange {
    background: #ffa500;
    background-image: -webkit-linear-gradient(left, #fcdda4, #ffa500);
    background-image: -moz-linear-gradient(left, #fcdda4, #ffa500);
    background-image: -o-linear-gradient(left, #fcdda4, #ffa500);
    background-image: -ms-linear-gradient(left, #fcdda4, #ffa500);
    background-image: linear-gradient(left, #fcdda4, #ffa500);
}

.lightgreyGraph {
    background: #afafaf;
}
.lightgrey {
    background: #afafaf;
    background-image: -webkit-linear-gradient(left, #d2d2d2, #afafaf);
    background-image: -moz-linear-gradient(left, #d2d2d2, #afafaf);
    background-image: -o-linear-gradient(left, #d2d2d2, #afafaf);
    background-image: -ms-linear-gradient(left, #d2d2d2, #afafaf);
    background-image: linear-gradient(left, #d2d2d2, #afafaf);
}

.ratios {
    width: 100%;
}

.ratios-header {
    width: 100%;
    background: #2b2b2b;
    color: white;
}

.negative-block {
    margin-top: -26px;
}

.positive-block {
    margin-top: -26px;
}