.outline-none {
    outline: none;
    box-shadow: none!important;
}

.w-1 {
    width: 1%
}

.text-color-theme{
    --body-text-color-opacity: 1;
    color: rgba( var(--text-color-theme), var(--body-text-color-opacity))!important;
}

body[data-theme="dark"] {
    --body-bg-opacity: 1;
    background-color: rgb( var(--bs-body-bg-rgb), var(--body-bg-opacity))!important;

    --body-text-color-opacity: 1;
    color: rgba( var(--text-color-theme), var(--body-text-color-opacity))!important;
}

[data-theme="dark"] .text-muted {
    --text-mute-opacity: 0.6;
    color: rgba( var(--text-color-theme), var(--text-mute-opacity))!important;
}

[data-theme="dark"] .invalid-feedback {
    --bs-color-invalid-opacity: 1;
    color: rgba( var(--bs-color-invalid), var(--bs-color-invalid-opacity))!important;
}

// [data-theme="dark"] .form-control {
//     --form-control-bg-opacity: 1;
//     background-color: rgba( var(--bs-primary-rgb), var(--form-control-bg-opacity))!important;

//     --form-control-text-color-opacity: 1;
//     color: rgba( var(--text-color-theme), var(--form-control-text-color-opacity))!important;

//     --form-control-border-color-opacity: 0.15;
//     border-color: rgba( var(--text-color-theme), var(--form-control-border-color-opacity))!important;

//     --form-control-border-radius: 0.25rem;
//     border-radius: var(--form-control-border-radius)!important;
// }



:root {
    --bs-primary: #f44336;
    --bs-primary-text: white;
    --bs-primary-hover-text: var(--bs-primary);
    --bs-secondary: #6c757d;
    --bs-secondary-text: white;
    --bs-secondary-hover-text: white;
    --bs-accent-on-light: var(--bs-primary);
    --bs-accent-hover-on-light: #a1a1a1;
    --bs-accent-on-dark: #eaeaea;
    --bs-accent-hover-on-dark: #646464;

    
}

[data-theme="dark"] {
    --bs-primary: black;
    --bs-primary-text: white;
    --bs-primary-hover-text: rgb(126, 126, 126);
    --bs-secondary: rgb(135, 135, 135);
    --bs-secondary-text: white;
    --bs-secondary-hover-text: rgb(197, 195, 195);
    --bs-accent-on-light: rgb(3 3 3);
    --bs-accent-hover-on-light: rgb(135, 135, 135);
    --bs-accent-on-dark: rgb(255, 255, 255);
    --bs-accent-hover-on-dark: rgb(197, 195, 195);
    --bs-primary-rgb: 3, 3, 3;

    --bs-body-bg-rgb: 67, 67, 67;
    --text-color-theme: 255, 255, 255;

    --bs-color-invalid: 220, 53, 69;
}