:root {
    --mud-palette-overlay-dark: rgba(33,33,33,0.6);
    --mud-palette-overlay-light: rgba(255,255,255,0.6);
    --mud-palette-overlay-dark-low: rgba(33,33,33,0.85);
    --mud-palette-overlay-light-low: rgba(255,255,255,0.85);
    --mud-palette-overlay-dark-hight: rgba(33,33,33,0.25);
    --mud-palette-overlay-light-hight: rgba(255,255,255,0.25);
    /**/
    --mud-palette-overlay: rgba(255,255,255,0.6);
    --mud-palette-overlay-low: rgba(255,255,255,0.85);
    --mud-palette-overlay-hight: rgba(255,255,255,0.25);
    --mud-palette-overlay-reverse: rgba(33,33,33,0.6);
    --mud-palette-overlay-low-reverse: rgba(33,33,33,0.85);
    --mud-palette-overlay-hight-reverse: rgba(33,33,33,0.25);
    /**/
    --color-primary-transparent: rgb(0 80 180 / 60%);
    --color-primary-transparent-low: rgb(0 80 180 / 85%);
    --color-primary-transparent-hight: rgb(0 113 255 / 20%);
    --color-success-transparent: #00c8534d;
    --color-error-transparent: #f64e6280;
    /**/
    --color: rgba(255,255,255);
    --color-reverse: rgba(10,10,10);
    --background-default: #f0f0f0;
    --background-input-filled: rgba(0,0,0,.06);
    --color-border: var(--mud-palette-primary);
    --color-table-header: #e9ecef;
    /*boostrap*/
    --bs-body-bg: var(--mud-palette-background);
    --mud-palette-lines-inputs: #efeaea !important;
    /*input*/
    --color-readonly-code: rgba(128, 0, 128);
    /*datatable*/
    --background-readonly: rgba(228, 220, 203);
}