.form-select {
    background-image: none;
}

.step-wizard {
    display: none;
    grid-auto-flow: column;
    grid-auto-columns: 50px;
    place-items: start center;
}

.step-wizard-row {
    padding-bottom: 1rem;
    padding-right: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid rgb(var(--background-main-dark));
}

.step {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.step-icon {
    border: 1px solid;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
}

.step.incomplete,
.step-line.incomplete,
.step-line.active {
    border-color: rgba(var(--secondary), 0.8);
}

.step.incomplete {
    color: rgba(var(--secondary), 0.8);
}

    .step.incomplete .step-icon {
        background-color: rgba(var(--secondary), 0.5);
    }

.step.active,
.step.complete,
.step-line.complete {
    border-color: rgb(var(--primary));
}

.step.active {
    color: rgb(var(--primary));
}

.step.complete .step-name {
    color: rgb(var(--primary));
}

.step.complete .step-icon {
    background-color: rgb(var(--primary));
    color: rgb(var(--background-content));
}

.step-line {
    margin-top: 25px;
    border-bottom: 1px solid;
    width: 50px;
}

.linked-tenant-input {
    border-radius: 0;
}

    .linked-tenant-input.input-group .btn {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-top-right-radius: 0;
    }

    .linked-tenant-input.input-group select {
        border-top-right-radius: 0;
    }

    .linked-tenant-input:first-child {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }

    .linked-tenant-input:not(:last-child) {
        border-bottom: 0;
    }

    .linked-tenant-input:last-child {
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }

.add-linked-tenant, .remove-linked-tenant {
    border-color: rgb(var(--background-main-dark));
    height: 38px;
}

    .add-linked-tenant:hover, .remove-linked-tenant:hover,
    .add-linked-tenant:focus, .remove-linked-tenant:focus,
    .add-linked-tenant.focus, .remove-linked-tenant.focus,
    .add-linked-tenant:active, .remove-linked-tenant:active,
    .add-linked-tenant.active, .remove-linked-tenant.active {
        background-color: rgb(var(--background-main-dark));
        border-color: rgb(var(--background-main-dark));
    }

.input-group .select2-container:not(:first-child) .select2-selection {
    border-top-left-radius: 0;
}

.linked-tenant:not(:first-child) {
    margin-top: .5rem;
}

@media (min-width: 740px) {
    .step-wizard {
        display: grid;
    }
}

.linked-tenants-content {
    overflow: auto;
    max-height: 350px;
}