[data-bs-theme=light]{
    --bs-orange-text: #FFA500 !important;
    --bs-orange: #FFA500 !important;
    --bs-orange-inverse: #ffffff !important;
}


.bg-orange {
    --bs-bg-opacity: 1;
    background-color: var(--bs-orange) !important
}
.text-bg-orange {
    background-color: var(--bs-orange) !important
}

.stepper.stepper-pills .stepper-item.current .stepper-icon{
    background-color: #FFA500 !important;
}
.stepper.stepper-pills .stepper-item.completed .stepper-icon .stepper-check, .stepper.stepper-pills .stepper-item.current.mark-completed:last-child .stepper-icon .stepper-check
{
    color:#FFA500 !important;
}

.influencer-form.stepper.stepper-pills .stepper-item.completed .stepper-icon,
.influencer-form.stepper.stepper-pills .stepper-item.current.mark-completed:last-child .stepper-icon ,
.influencer-form.stepper.stepper-pills .stepper-item .stepper-icon {
    background-color: var(--bs-info-light);
    border: var(--bs-info-light);
}
.influencer-form.stepper.stepper-pills .stepper-item .stepper-icon .stepper-number {
    color: var(--bs-info);
}
.influencer-form.stepper.stepper-pills .stepper-item.current .stepper-icon {
    background-color: var(--bs-info) !important;
}
.influencer-form.stepper.stepper-pills .stepper-item.completed .stepper-icon .stepper-check {
    color: var(--bs-info) !important;
}

.influencer-form.stepper.stepper-pills .stepper-item.current.mark-completed:last-child .stepper-icon .stepper-check
{
    color:#ffffff !important;
}

.form-check-input:checked{
    background-color: var(--bs-info) !important;
    border-color: var(--bs-info) !important;
}
.btn.btn-orange {
    color: #ffffff;
    border-color: var(--bs-orange);
    background-color: var(--bs-orange)
}
.btn-check:active + .btn.btn-orange,
.btn-check:checked + .btn.btn-orange,
.btn.btn-orange.active,
.btn.btn-orange.show,
.btn.btn-orange:active:not(.btn-active),
.btn.btn-orange:focus:not(.btn-active),
.btn.btn-orange:hover:not(.btn-active),
.show > .btn.btn-orange{
    color:#ffffff;
    background-color:#CF660EFF;
}

.btn.btn-orange .svg-icon, .btn.btn-orange i {
    color: var(--bs-orange-inverse);
}

[data-kt-app-layout=light-sidebar][data-kt-app-header-fixed=true] .app-header {
    background-color: var(--bs-app-header-base-bg-color)!important;
    box-shadow: none;
    border-bottom: 1px dashed var(--bs-app-sidebar-light-separator-color)
}

@media screen and (max-width: 768px) {
    th {
        white-space: nowrap !important; 
    }

    .card-stats {
        justify-content: center;
    }
}