.dev-notice {
    color:blue;
    width: 100%;
    height:30px;
    background-color: yellow;
}

.buydown-result {
    color: #205237 !important;
    background-color: #dcf5e7 !important;
    border-color: #cbf0dc !important;
}

:root {
    --buydown-closed-color: #347bec;
    --buydown-open-color: #f23933;
    --buydown-remaining-color: #ffb32e;
}

/* Buydown Visualizer, including chartist.js styles */
#buydown-visualizer .ct-label {
    color: var(--kt-text-dark);
}

#buydown-visualizer .ct-grid {
    stroke: var(--kt-gray-700);
}

#buydown-visualizer .ct-chart-bar{
    padding-left: 15px;
}

#buydown-visualizer .ct-series-a .ct-bar {
    /* Colour of your bars */
    stroke: var(--buydown-closed-color);

    /* The width of your bars */
    stroke-width: 25px;
}

#buydown-visualizer .ct-series-b .ct-bar {
    /* Colour of your bars */
    stroke: var(--buydown-open-color);

    /* The width of your bars */
    stroke-width: 25px;
}
#buydown-visualizer .ct-series-c .ct-bar {
    /* Colour of your bars */
    stroke: var(--buydown-remaining-color);

    /* The width of your bars */
    stroke-width: 25px;
}

.buydown-visualizer-guide li {
    list-style: none;
    padding: 5px;
    font-weight: bold;
}

.visualizer-guide-box {
    float: left;
    height: 20px;
    width: 20px;
    margin-bottom: 15px;
    margin-right: 10px;
    clear: both;
}

.visualizer-closed {
    background-color: var(--buydown-closed-color);
}

.visualizer-open {
    background-color: var(--buydown-open-color);
}

.visualizer-remaining {
    background-color: var(--buydown-remaining-color);
}