.hid-fab--primary{
    background-color: $ui-02 !important;
    color: $icon-03 !important;
}
.hid-fab--secondary{
    color: $ui-01 !important;
}
.hid-fab--danger{
    background-color: $color-crimson !important;
    color: $color-white !important;
}
.hid-fab--warning{
    background-color: $color-gold !important;
    color: $color-mine-shaft !important;
}
.hid-fab--info{
    background-color: $color-cerulean !important;
    color: $color-mine-shaft !important;
}
.hid-fab--disabled{
    cursor: not-allowed !important;
    pointer-events: auto !important;
}
.hid-fab--success{
    background-color: $color-citron !important;
    color: $color-mine-shaft !important;
}