.ct_steps {
    background-color: #ebebeb;
}

.ct_steps > ol:first-of-type {
    background: #e1e9ef;
    border-bottom: 1px solid #38648b;
    margin: -1px -1px 0 -1px;
    padding: 0;
}

.ct_steps > ol:first-of-type li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
}

.ct_steps > ol:first-of-type li button {
    background-color: #38648b;
    border: none;
    color: white;
    font-size: 11pt;
    font-weight: normal;
    padding: 2px 10px;
    outline: none;
    cursor: pointer;
    margin-right: 5px;
}

.ct_steps > ol:first-of-type li button:hover {
    background-color: #00396a;
    text-decoration: underline;
}

.ct_steps > ol:first-of-type li.active button {
    background-color: #00396a;
    font-weight: bold;
    text-decoration: underline;
}

.ct_steps .ct_step {
    background-color: #ebebeb;
    padding: 10px;
}

.ct_step_controls {
    padding: 10px;
    display: flex;
    justify-content: space-between;
}

.ct_step_controls button[disabled] {
    visibility: hidden;
}

/* Darkmode */
.darkmode .ct_steps {
    background-color: #2a2a2a;
}

.darkmode .ct_steps > ol:first-of-type {
    border-color: #94BEDB;
    background-color: #353535;
}

.darkmode ol:first-of-type li button {
    background-color: #94BEDB;
}
.darkmode ol:first-of-type li.active button {
    background-color: #216d43;
}
.darkmode .ct_steps .ct_step {
    background-color: #2a2a2a;
}