.main-title h3, .main-title p, #add-event-tab .step-steps > li.active > a > .step-name, #add-eventevent-tab .step-steps > li.done > a > .step-name, #add-event-tab .step-steps > li > a > .step-name {
    color:#FFFFFF !important;
}

.time-slot.active {
    background: #0060bd !important;
    color: #fff !important;
    border-color: #0060bd !important;
}

.steps_btn {
       background: #0060bd !important;
}
#add-event-tab .step-steps>li.active>a>.number:before, #add-event-tab .step-steps>li.done>a>.number:before {
    background-color: rgb(0 11 22 / 38%) !important;
}


.time-slot:hover, .time-slot.selected {
    background-color: #E3001E;
    color: #FFFFFF;
    border-color: #E3001E;
}


.time-slot:hover, .time-slot.selected {
    background-color: #6fbce4;
    color: #FFFFFF;
    border-color: #6fbce4;
}

.credit {
    color: #FFFFFF !important;
}

#add-event-tab .step-steps>li.done:before {
    background-color: #8e8e8e  !important;
}

    .confirm-title, h5 {
    font-weight: bold !important;
    color: #8e8e8e !important;
}


#add-event-tab .step-steps>li.active>a>.number:before, #add-event-tab .step-steps>li.done>a>.number:before {
    background-color: rgb(255 255 255 / 70%) !important;
}

#add-event-tab .step-steps>li.active>a>.number, #add-event-tab .step-steps>li.done>a>.number {
    background-color: #ffffff !important;
}

.steps_btn {
    background: #0060bd !important;
    border: 1px solid white !important;
    margin:0px 10px;
}


.btn-outline-secondary {
    background:none !important;
}