.check-primary .dxbl-checkbox.dxbl-checkbox-radio {
    --dxbl-checkbox-radio-size: 16px;
    --dxbl-checkbox-radio-checked-border-color: var(--color-secondary-dark-500);
    --dxbl-checkbox-radio-check-bg: var(--color-secondary-dark-500);
    --dxbl-checkbox-switch-checked-bg: var(--color-secondary-dark-500);
    --dxbl-checkbox-switch-checked-hover-bg: var(--color-secondary-dark-500);
    --dxbl-checkbox-radio-checked-hover-bg: var(--color-secondary-dark-500);
    display: flex;
    align-items: center;
}

.check-primary .dxbl-checkbox > .dxbl-text:last-child {
    padding-left: 4px;
}

.check-primary:focus {
    border: 1px solid rgba(90, 129, 250, 32%);
    box-shadow: 0px 0px 2px 2px rgba(90, 129, 250, 16%);
}


.check-primary:checked {
    background-color: var(--color-secondary-dark-500);
    border-color: var(--color-secondary-dark-500);
}

.dxbl-checkbox.checkbox-primary {
    --dxbl-checkbox-check-element-checked-color: var(--color-secondary-dark-500);
    --dxbl-checkbox-checked-focus-shadow-color: var(--color-secondary-dark-500);
    --dxbl-checkbox-check-element-size: 16px;
    border-radius: 4px;
    align-items: center;
}

.dxbl-checkbox.checkbox-primary:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio) .dxbl-checkbox-check-element {
        width: 12px;
        height: 12px;
        border-radius: 4px;
}



input[type=checkbox].checkbox-primary {
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    outline: none;
    content: none;
}

input[type=checkbox].checkbox-primary:before {
        font-family: "FontAwesome";
        content: "\f00c";
        font-size: 12px;
        color: transparent !important;
        display: block;
        width: 16px;
        height: 16px;
        border: 1px solid var(--color-border-default);
        border-radius: 4px;
        display: flex;
        align-items: center;
        justify-content: center;
}

input[type=checkbox].checkbox-primary:checked:before {
        color: rgba(90, 129, 250) !important;
        border: 1px solid #5A81FA !important;
}
