:root {
    --alertive-navy: #24315B;
    --alertive-light: #1BBDD4;
    --alertive-pale: #DDEFF2;
    --color-white: #FFFFFF;
    --color-black: #222222;
}

html body div#redoc * {
    font-family: "Open Sans", sans-serif;
}

html body div#redoc h1,
html body div#redoc h2 {
    display: inline-block;
    margin-bottom: 1.5rem;
    position: relative;
}

html body div#redoc h1 {
    color: var(--alertive-navy);
    font-size: 2.5rem;
    font-weight: 700;
}

html body div#redoc h2 {
    font-weight: 500;
    font-size: 1.5rem;
}

html body div#redoc h1::after,
html body div#redoc h2::after {
    display: inline-block;
    content: "";
    width: 60%;
    height: 3px;
    position: absolute;
    bottom: -1rem;
    left: 0;
    background-color: var(--alertive-light);
}

html body div#redoc p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.75;
}

html body div#redoc a[download] {
    padding: 12px 22px;
    background-color: var(--alertive-navy);
    border-radius: 40px;
    color: var(--color-white);
    font-weight: 400;
}

html body div#redoc div.menu-content div>img {
    display: inline-block;
    max-width: 220px;
    margin: 1rem auto;
}

html body div#redoc div.menu-content ul[role="menu"] li label {
    font-size: 1rem;
    display: flex;
    align-items: center;
}

html body div#redoc table tr td,
html body div#redoc table tr td {
    border-left-color: var(--alertive-navy);
}

html body div#redoc table tr td[kind="field"] *::before,
html body div#redoc table tr td[kind="field"] *::after {
    background: var(--alertive-navy);
}

html body div#redoc table tr:first-of-type td[kind="field"]:not(button + div > h5 + table tr.last td[kind="field"]),
html body div#redoc table tr:first-of-type td[kind="field"]:not(button + div > h5 + table tr.last td[kind="field"]) {
    background-image: linear-gradient(transparent 0%, transparent 22px, var(--alertive-navy) 22px, var(--alertive-navy) 100%);
}

html body div#redoc table tr.last td[kind="field"]:not(button + div > h5 + table tr.last td[kind="field"]),
html body div#redoc table tr.last td[kind="field"]:not(button + div > h5 + table tr.last td[kind="field"]) {
    background-image: linear-gradient(var(--alertive-navy) 0%, var(--alertive-navy) 22px, transparent 22px, transparent 100%);
}

html body div#redoc div:not(button + div)>h5+table tr.last td[kind="field"]:first-of-type:not(button + div > h5 + table tr.last td[kind="field"]) {
    background-image: none;
}

html body div#redoc span[type="get"],
html body div#redoc span[type="post"],
html body div#redoc span[type="put"],
html body div#redoc span[type="delete"] {
    border-radius: 3px;
    margin-top: unset;
}

html body div#redoc div>button {
    display: flex;
    align-items: center;
}

html body div#redoc div>button div:last-child {
    margin-left: .75rem;
}

@media only screen and (max-width: 457px) {
    html body div#redoc a[download] {
        margin-left: unset;
        display: inline-flex;
        margin-top: 1rem;
    }

    html body div#redoc div.api-info p:first-of-type {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
}