@import '../navbar.css';

:root {
	--color-text: #333333 !important;
    --color-text-hover: #000000 !important;
    --color-background: #fcfcfc !important;
    --color-background-op25: #fcfcfc40;
    --color-background-op50: #fcfcfc7F;
    --color-background-op75: #fcfcfcBF;
    --color-background-hover: #e9e9e9 !important;
    --color-scrollbar-thumb: #555151 !important;
    --color-scrollbar: #e5e2e2 !important;
    --color-icon: #3b3b3b !important;
    --color-background-bar: #adadad !important;
}

.bs-wizard > .bs-wizard-step > .bs-wizard-dot {
    background: var(--color-background-bar) !important;
    color: var(--color-text) !important;
    font-weight: 600;
    border: 7px solid var(--color-background-bar) !important;
    /*outline: 7px solid var(--color-background-bar) !important;*/
    filter: brightness(100%) !important;
}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {
    font-weight: 400;
    filter: brightness(130%) !important;
}
.bs-wizard > .bs-wizard-step.active > .bs-wizard-dot {
    background: var(--color-background) !important;
    color: var(--color-text-hover) !important;
    outline: 7px solid var(--color-background-bar) !important;
    filter: brightness(100%) !important;
    border: none !important;
}
.bs-wizard > .bs-wizard-step.complete > .progress,
.bs-wizard > .bs-wizard-step.active > .progress {
    background: var(--color-background-bar) !important;
}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar,
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {
    box-shadow: none !important;
    background: var(--color-background-bar) !important;
    filter: brightness(100%) !important;
}