.text-info {
    color: var(--secondary-color);
}

.btn.text-info:hover {
    color: #fff !important;
}

.control-checkbox a {
    color: var(--pie-layout-color-active) !important;
}

.btn-info {
    background-color: var(--pie-layout-color-active) !important;
    border-color: var(--pie-layout-color-active) !important;
}

.control input:checked ~ .control_indicator {
    background: var(--pie-layout-color-active) !important;
    border-color: var(--pie-layout-color-active) !important;
}

.custom-radio .custom-control-input:checked~.custom-control-label::before {
    background-color: var(--pie-layout-color-active) !important;
}

a.el-button-green.el-button-override-green, .el-button-green.el-button-override-green {
    background-color: var(--pie-layout-color-active) !important;
    border-color: var(--pie-layout-color-active) !important;
}