@import url(https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css);


:root {
    --main-list-heading-color: #99CCFF;
    --main-link-color: #0058ff;
    --main-grey-color: #eaeaea;
}

.btn-oplin {
    --bs-btn-font-weight: 600;
    --bs-btn-color: #212529;
    --bs-btn-bg: #efefef;
    --bs-btn-border-color: #767676;
    --bs-btn-hover-color: #212529;
    --bs-btn-hover-bg: #e1e0e0;
    --bs-btn-hover-border-color: #767676;
    --bs-btn-active-color: #212529;
    --bs-btn-active-bg: #f2f2f2;
    --bs-btn-active-border-color: #767676;
}

a {
    color: var(--main-link-color);
}

tr[bgcolor="#dddddd"] {
    background-color: var(--main-grey-color) !important;
}

td[bgcolor="#dddddd"] {
    background-color: var(--main-grey-color) !important;
}

.list-heading {
    background-color: var(--main-list-heading-color);
    padding: 1rem;
    h1 {
        display: flex;
        justify-content: center;
        align-items: center;
    }
}


.h1-list-heading {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--main-list-heading-color);
    padding: 1rem;
}



.section-heading {
    padding: 1rem;
    h2 {
        display: flex;
        align-items: center;
        margin-bottom: 0;
    }
}

.section-body {
    margin: 0 1rem;
}

.subscribe-form {
    margin: 0 3rem;
}

.roster-form > form {
    width: 100%;
}

.editing-form > form {
    width: 100%;
}

.lang-form {
    display: flex;
    align-items: center;
}