/* Hide all steps by default: */
.tab {
    display: none;
}

/* Make circles that indicate the steps of the form: */
.step {
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #3A8D4D;
    border: none;
    border-radius: 50%;
    display: inline-block;
    opacity: 0.5;
}

.step.active {
    background-color: #3A8D4D;
    opacity: 1;
}

.is-invalid-label:focus,
.is-invalid-label {
    color: #dc3545 !important;
}

#loading {
    display: none;
}

.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../images/Rolling-1s-100px.gif') 50% 50% no-repeat rgb(240, 240, 240);
    opacity: 0.85;
}

.ui-switch i:before {
    background-color: #f0f0f0 !important;
    border: 1px solid #b0b0b0 !important;
}

.form-control,
span.select2-selection--single {
    border-color: #b0b0b0 !important;
}

.select2-dropdown--above,
.select2-dropdown--below {
    border: 1px solid #b0b0b0 !important;
    border-bottom: none !important;
}

.form-rounded {
    border-radius: 4px !important;
}

.select2-selection {
    height: calc(1.5em + 0.75rem + 2px) !important;
    padding: 0.375rem 0.75rem !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
}

.is-invalid-feedback {
    width: 100%;
    margin-top: 0.25rem;
    font-size: 90%;
    color: #f44455;
}

.nav-active-green-success .nav-link.active,
.nav-active-green-success .nav>li.active>a {
    color: rgb(255, 255, 255) !important;
    background-color: #3A8D4D !important;
}

.btn-success {
    color: #fff;
    background-color: #3A8D4D;
    border-color: #3A8D4D;
}

.btn-success:hover {
    color: #fff;
    background-color: #296336;
    border-color: #296336;
}