.bg-dark {
    background-color: var(--c-black) !important;
}

.bg-light, .bg-white {
    background-color: var(--c-white) !important;
}

.bg-transparent {
    background-color: transparent !important;
}

.bg-default {
    background-color: var(--c-base) !important;
}

.bg-default-50 {
    background-color: var(--c-base-50) !important;
}

.bg-default-100 {
    background-color: var(--c-base-100) !important;
}

.bg-default-200 {
    background-color: var(--c-base-200) !important;
}

.bg-default-300 {
    background-color: var(--c-base-300) !important;
}

.bg-default-400 {
    background-color: var(--c-base-400) !important;
}

.bg-default-500 {
    background-color: var(--c-base-500) !important;
}

.bg-default-600 {
    background-color: var(--c-base-600) !important;
}

.bg-default-700 {
    background-color: var(--c-base-700) !important;
}

.bg-default-800 {
    background-color: var(--c-base-800) !important;
}

.bg-default-900 {
    background-color: var(--c-base-900) !important;
}

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

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

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

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

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


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

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

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

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

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


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

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

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

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

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


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

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

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

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

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


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

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

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

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

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


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

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

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

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

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





.text-dark {
     color: var(--c-black) !important;
}

.text-light, .text-white {
    color: var(--c-white) !important;
}

.text-transparent {
    color: transparent !important;
}

.text-default {
    color: var(--c-base) !important;
}

.text-default-50 {
    color: var(--c-base-50) !important;
}

.text-default-100 {
    color: var(--c-base-100) !important;
}

.text-default-200 {
    color: var(--c-base-200) !important;
}

.text-default-300 {
    color: var(--c-base-300) !important;
}

.text-default-400 {
    color: var(--c-base-400) !important;
}

.text-default-500 {
    color: var(--c-base-500) !important;
}




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

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

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

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

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


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

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

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

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

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


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

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

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

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

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


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

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

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

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

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


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

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

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

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

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


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

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

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

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

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







.border-dark {
    border-color: var(--c-black) !important;
}

.border-light, .border-white {
    border-color: var(--c-white) !important;
}

.border-transparent {
    border-color: transparent !important;
}

.border-default {
    border-color: var(--c-base) !important;
}

.border-default-50 {
    border-color: var(--c-base-50) !important;
}

.border-default-100 {
    border-color: var(--c-base-100) !important;
}

.border-default-200 {
    border-color: var(--c-base-200) !important;
}

.border-default-400 {
    border-color: var(--c-base-400) !important;
}

.border-default-500 {
    border-color: var(--c-base-500) !important;
}

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

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

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

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

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


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

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

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

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

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


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

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

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

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

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


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

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

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

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

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


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

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

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

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

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


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

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

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

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

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



/*.LeftMudInput input{
    direction:ltr;
}


.mud-border-white {
    border-color: var(--c-white);
}

    .mud-border-white:disabled {
        border-color: var(--c-dark);
    }*/