/*************************** Stockpile Calculator Tool ***************************/
#StockpileRangeHighlightToggle.e-switch-inner.e-switch-active,
#StockpileRangeHighlightToggle.e-switch-inner.e-switch-active .e-switch-on
{
    background-color: var(--indi-primary-colour);
    border-color: var(--indi-primary-colour);
}

.stockpile-range-row .e-control-wrapper.e-slider-container .e-slider .e-handle,
.stockpile-range-row .e-control-wrapper.e-slider-container .e-slider .e-range,
#StockpileRangeSelectorToggle.e-switch-inner.e-switch-active,
#StockpileRangeSelectorToggle.e-switch-inner.e-switch-active .e-switch-on
{
    background-color: var(--indi-primary-colour);
    border-color: var(--indi-primary-colour);
}

.stockpile-range-row {
    font-size: small !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 1rem;
    margin-left: -0.75rem;
    margin-right: -0.75rem;
}

.stockpile-calc-row {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
    flex: 0 0 auto;
}

.stockpile-calc-row .e-bold-textbox .e-control.e-textbox {
    font-weight: bold !important;
}

.stockpile-calc-row .e-control {
    font-size: small !important;
}

.stockpile-calc-row .e-bold-dropdown .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
.stockpile-calc-row .e-bold-dropdown .e-float-input.e-control-wrapper.e-ddl input[readonly] {
    font-weight: bold !important;
}

.btn-stockpile-range-reset {
    font-size: small;
    border-radius: 50px;
}