/*button classes*/

.btn.btn-primary {
    border-color: var(--fb-primary) !important;
    background-color: var(--fb-primary) !important;
}

.btn.btn-light-primary {
    color: var(--fb-primary) !important;
    border-color: var(--fb-primary-light) !important;
    background-color: var(--fb-primary-light) !important;
}

.btn-check:checked + .btn.btn-light-primary, .btn-check:active + .btn.btn-light-primary, .btn.btn-light-primary:focus:not(.btn-active), .btn.btn-light-primary:hover:not(.btn-active), .btn.btn-light-primary:active:not(.btn-active), .btn.btn-light-primary.active, .btn.btn-light-primary.show, .show > .btn.btn-light-primary {
    color: var(--fb-white) !important;
    border-color: var(--fb-primary) !important;
    background-color: var(--fb-primary) !important;
}

.btn.btn-success {
    border-color: var(--fb-success) !important;
    background-color: var(--fb-success) !important;
}

.btn.btn-light-success {
    color: var(--fb-success) !important;
    border-color: var(--fb-success-light) !important;
    background-color: var(--fb-success-light) !important;
}

.btn-check:checked + .btn.btn-light-success, .btn-check:active + .btn.btn-light-success, .btn.btn-light-success:focus:not(.btn-active), .btn.btn-light-success:hover:not(.btn-active), .btn.btn-light-success:active:not(.btn-active), .btn.btn-light-success.active, .btn.btn-light-success.show, .show > .btn.btn-light-success {
    color: var(--fb-white) !important;
    border-color: var(--fb-success) !important;
    background-color: var(--fb-success) !important;
}

.btn.btn-warning {
    border-color: var(--fb-warning) !important;
    background-color: var(--fb-warning) !important;
}

.btn.btn-light-warning {
    color: var(--fb-warning) !important;
    border-color: var(--fb-warning-light) !important;
    background-color: var(--fb-warning-light) !important;
}

.btn-check:checked + .btn.btn-light-warning, .btn-check:active + .btn.btn-light-warning, .btn.btn-light-warning:focus:not(.btn-active), .btn.btn-light-warning:hover:not(.btn-active), .btn.btn-light-warning:active:not(.btn-active), .btn.btn-light-warning.active, .btn.btn-light-warning.show, .show > .btn.btn-light-warning {
    color: var(--fb-white) !important;
    border-color: var(--fb-warning) !important;
    background-color: var(--fb-warning) !important;
}

.btn.btn-danger {
    border-color: var(--fb-danger) !important;
    background-color: var(--fb-danger) !important;
}

.btn.btn-light-danger {
    border-color: var(--fb-danger-light) !important;
    background-color: var(--fb-danger-light) !important;
}

.btn.btn-secondary {
    border-color: var(--fb-secondary) !important;
    background-color: var(--fb-secondary) !important;
}

.btn.btn-light-secondary {
    color: var(--fb-secondary) !important;
    border-color: var(--fb-secondary-light) !important;
    background-color: var(--fb-secondary-light) !important;
}

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

.btn.btn-light-info {
    color: var(--fb-info) !important;
    border-color: var(--fb-info-light) !important;
    background-color: var(--fb-info-light) !important;
}

/*text classes*/

.text-primary {
    color: var(--fb-primary) !important;
}

.text-success {
    color: var(--fb-success) !important;
}

.text-danger {
    color: var(--fb-danger) !important;
}

.text-info {
    color: var(--fb-info) !important;
}

.text-warning {
    color: var(--fb-warning) !important;
}

.text-secondary {
    color: var(--fb-secondary) !important;
}

/*border classes*/

.border-primary {
    border-color: var(--fb-primary) !important;
}

.border-success{
    border-color: var(--fb-success) !important;
}

.border-danger {
    border-color: var(--fb-danger) !important;
}

.border-info {
    border-color: var(--fb-info) !important;
}

.border-warning {
    border-color: var(--fb-warning) !important;
}

.border-secondary {
    border-color: var(--fb-secondary) !important;
}

/*bg classes*/

.bg-primary {
    background-color: var(--fb-primary) !important;
}

.bg-success {
    background-color: var(--fb-success) !important;
}

.bg-danger {
    background-color: var(--fb-danger) !important;
}

.bg-info {
    background-color: var(--fb-info) !important;
}

.bg-warning {
    background-color: var(--fb-warning) !important;
}

.bg-secondary {
    background-color: var(--fb-secondary) !important;
}

.bg-light-secondary {
    background-color: var(--fb-secondary-light) !important;
}

/*badge classes*/

.badge-primary {
    background-color: var(--fb-primary) !important;
}

.badge-success {
    background-color: var(--fb-success) !important;
}

.badge-danger {
    background-color: var(--fb-danger) !important;
}

.badge-info {
    background-color: var(--fb-info) !important;
}

.badge-warning {
    background-color: var(--fb-warning) !important;
}

.badge-secondary {
    background-color: var(--fb-secondary) !important;
}

/*Grid stuff*/

.k-grid-header .k-sort-icon,
.k-grid-header .k-sort-order {
    color: var(--fb-primary);
}

.k-grid-header .k-grid-filter.k-active, .k-grid-header .k-header-column-menu.k-active, .k-grid-header .k-grid-header-menu.k-active, .k-grid-header .k-hierarchy-cell .k-icon.k-active, .k-grid-header .k-hierarchy-cell .k-svg-icon.k-active {
    color: var(--fb-white);
    background-color: var(--fb-primary);
}

/*Checkbox*/

.form-check-custom.form-check-solid .form-check-input:checked {
    background-color: var(--fb-primary);
}