/* Definitions for Colorscheme from the Phytec Website */
:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --teal: #20c997;
    --cyan: #17a2b8;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #006e73;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --black: #000;
    --white: #fff;
    --gray1: #f5f5f5;
    --gray2: #d0d2d3;
    --gray3: #95989a;
    --gray4: #707070;
    --teal1: #03c9d6;
    --teal2: #02a6b1;
    --teal3: #16969e;
    --teal4: #006e73;
    --orange: #ff9708;
    --green: #c5d900;
    --yellow: #f1bf00;
}

body {
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: var(--dark);
}

.rst-content code,
.rst-content kbd,
.rst-content pre,
.rst-content samp
.rst-content tt,
code {
    font-family: "Roboto Mono", SFMono-Regular, Menlo, Monaco, Consolas,
                 "Liberation Mono", "Courier New", monospace;
}

.rst-content .code-block-caption {
    font-style: normal;
    font-weight: bold;
    font-size: 87%;
    padding: 8px 12px;
    text-align: inherit;
    background-color: var(--gray2);
    border-bottom: 0px;
    margin-bottom: -1px;
}

.rst-content .linenodiv pre,
.rst-content div[class^="highlight"] pre,
.rst-content pre.literal-block {
    font-size: 81.25%;
}

.rst-content div[class^=highlight],
.rst-content pre.literal-block {
    border: none;
    background-color: var(--gray1);
}

.rst-content code.literal,
.rst-content tt.literal {
    color: var(--pink);
}

.rst-content code,
.rst-content tt,
code {
    background-color: var(--gray1);
    font-size: 81.15%;
    border: none;
}

.rst-content .toctree-wrapper > p.caption,
h1, h2, h3, h4, h5, h6,
legend {
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.wy-nav-content {
    background: var(--white);
}

.wy-nav-content a {
    color: var(--teal3);
}

.wy-nav-content a:hover {
    color: var(--teal2);
}

.wy-menu-vertical header,
.wy-menu-vertical p.caption {
    color: var(--teal3);

    /* Improves the appearance of uppercase text */
    letter-spacing: 0.75px;
}

.wy-side-nav-search,
.wy-nav-top {
    background-image: linear-gradient(to right, var(--teal2) 0%, var(--success) 400%);
}

.wy-side-nav-search input[type="text"] {
    border-color: transparent;
    background-clip: padding-box;
    font-family: inherit;
}

.wy-nav-side {
    color: var(--white);
    background-color: color-mix(in srgb, var(--dark), var(--black));
}

.wy-menu-vertical a {
    color: var(--gray1);
}

.wy-menu-vertical a:hover {
    background-color: var(--gray-dark);
}

.wy-menu-vertical li.toctree-l1.current > a {
    border: none;
}

.wy-menu-vertical li.toctree-l2.current > a,
.wy-menu-vertical li.toctree-l2.current li.toctree-l3 > a {
    background-color: var(--gray2);
}

.wy-menu-vertical li.toctree-l3.current > a,
.wy-menu-vertical li.toctree-l3.current li.toctree-l4 > a {
    background-color: color-mix(in srgb, var(--gray2), var(--gray3));
}

.wy-menu-vertical li.current {
    background-color: var(--gray1);
}

.wy-menu-vertical li.current > a,
.wy-menu-vertical li.on a {
    color: var(--dark);
    background-color: var(--white);
}

.wy-menu-vertical li.current a {
    border: none;
}

.wy-menu-vertical li.current a:hover {
    background-color: var(--gray2);
}

.wy-table-responsive table td,
.wy-table-responsive table th {
    white-space: inherit;
}

.btn,
.rst-versions {
    font-family: inherit;
}

.rst-versions .rst-current-version {
    color: var(--teal3);
    background-color: color-mix(in srgb, var(--dark) 75%, var(--black));;
    font-weight: bold;
}

.rst-versions .rst-other-versions {
    background-color: color-mix(in srgb, var(--dark), var(--black));
}

@media screen and (min-width: 1100px) {
    .wy-nav-content-wrap {
        background: color-mix(in srgb, var(--white) 95%, var(--dark));
    }
}

.rst-content .danger,
.rst-content .error,
.rst-content .wy-alert-danger.admonition,
.rst-content .wy-alert-danger.admonition-todo,
.rst-content .wy-alert-danger.attention,
.rst-content .wy-alert-danger.caution,
.rst-content .wy-alert-danger.hint,
.rst-content .wy-alert-danger.important,
.rst-content .wy-alert-danger.note,
.rst-content .wy-alert-danger.seealso,
.rst-content .wy-alert-danger.tip,
.rst-content .wy-alert-danger.warning,
.wy-alert.wy-alert-danger {
    background-color: color-mix(in srgb, var(--red) 15%, transparent);
}

.rst-content .danger .admonition-title,
.rst-content .danger .wy-alert-title,
.rst-content .error .admonition-title,
.rst-content .error .wy-alert-title,
.rst-content .wy-alert-danger.admonition-todo .admonition-title,
.rst-content .wy-alert-danger.admonition-todo .wy-alert-title,
.rst-content .wy-alert-danger.admonition .admonition-title,
.rst-content .wy-alert-danger.admonition .wy-alert-title,
.rst-content .wy-alert-danger.attention .admonition-title,
.rst-content .wy-alert-danger.attention .wy-alert-title,
.rst-content .wy-alert-danger.caution .admonition-title,
.rst-content .wy-alert-danger.caution .wy-alert-title,
.rst-content .wy-alert-danger.hint .admonition-title,
.rst-content .wy-alert-danger.hint .wy-alert-title,
.rst-content .wy-alert-danger.important .admonition-title,
.rst-content .wy-alert-danger.important .wy-alert-title,
.rst-content .wy-alert-danger.note .admonition-title,
.rst-content .wy-alert-danger.note .wy-alert-title,
.rst-content .wy-alert-danger.seealso .admonition-title,
.rst-content .wy-alert-danger.seealso .wy-alert-title,
.rst-content .wy-alert-danger.tip .admonition-title,
.rst-content .wy-alert-danger.tip .wy-alert-title,
.rst-content .wy-alert-danger.warning .admonition-title,
.rst-content .wy-alert-danger.warning .wy-alert-title,
.rst-content .wy-alert.wy-alert-danger .admonition-title,
.wy-alert.wy-alert-danger .rst-content .admonition-title,
.wy-alert.wy-alert-danger .wy-alert-title {
    background-image: linear-gradient(to right, var(--red) 0%, var(--orange) 300%);
}

.rst-content .admonition-todo,
.rst-content .attention,
.rst-content .caution,
.rst-content .warning,
.rst-content .wy-alert-warning.admonition,
.rst-content .wy-alert-warning.danger,
.rst-content .wy-alert-warning.error,
.rst-content .wy-alert-warning.hint,
.rst-content .wy-alert-warning.important,
.rst-content .wy-alert-warning.note,
.rst-content .wy-alert-warning.seealso,
.rst-content .wy-alert-warning.tip,
.wy-alert.wy-alert-warning {
    background-color: color-mix(in srgb, var(--orange) 15%, transparent);
}

.rst-content .admonition-todo .admonition-title,
.rst-content .admonition-todo .wy-alert-title,
.rst-content .attention .admonition-title,
.rst-content .attention .wy-alert-title,
.rst-content .caution .admonition-title,
.rst-content .caution .wy-alert-title,
.rst-content .warning .admonition-title,
.rst-content .warning .wy-alert-title,
.rst-content .wy-alert-warning.admonition .admonition-title,
.rst-content .wy-alert-warning.admonition .wy-alert-title,
.rst-content .wy-alert-warning.danger .admonition-title,
.rst-content .wy-alert-warning.danger .wy-alert-title,
.rst-content .wy-alert-warning.error .admonition-title,
.rst-content .wy-alert-warning.error .wy-alert-title,
.rst-content .wy-alert-warning.hint .admonition-title,
.rst-content .wy-alert-warning.hint .wy-alert-title,
.rst-content .wy-alert-warning.important .admonition-title,
.rst-content .wy-alert-warning.important .wy-alert-title,
.rst-content .wy-alert-warning.note .admonition-title,
.rst-content .wy-alert-warning.note .wy-alert-title,
.rst-content .wy-alert-warning.seealso .admonition-title,
.rst-content .wy-alert-warning.seealso .wy-alert-title,
.rst-content .wy-alert-warning.tip .admonition-title,
.rst-content .wy-alert-warning.tip .wy-alert-title,
.rst-content .wy-alert.wy-alert-warning .admonition-title,
.wy-alert.wy-alert-warning .rst-content .admonition-title,
.wy-alert.wy-alert-warning .wy-alert-title {
    background-image: linear-gradient(to right, var(--orange) 0%, var(--yellow) 150%);
}

.rst-content .note,
.rst-content .seealso,
.rst-content .wy-alert-info.admonition,
.rst-content .wy-alert-info.admonition-todo,
.rst-content .wy-alert-info.attention,
.rst-content .wy-alert-info.caution,
.rst-content .wy-alert-info.danger,
.rst-content .wy-alert-info.error,
.rst-content .wy-alert-info.hint,
.rst-content .wy-alert-info.important,
.rst-content .wy-alert-info.tip,
.rst-content .wy-alert-info.warning,
.wy-alert.wy-alert-info {
    background-color: color-mix(in srgb, var(--teal2) 15%, transparent);
}

.rst-content .note .admonition-title,
.rst-content .note .wy-alert-title,
.rst-content .seealso .admonition-title,
.rst-content .seealso .wy-alert-title,
.rst-content .wy-alert-info.admonition-todo .admonition-title,
.rst-content .wy-alert-info.admonition-todo .wy-alert-title,
.rst-content .wy-alert-info.admonition .admonition-title,
.rst-content .wy-alert-info.admonition .wy-alert-title,
.rst-content .wy-alert-info.attention .admonition-title,
.rst-content .wy-alert-info.attention .wy-alert-title,
.rst-content .wy-alert-info.caution .admonition-title,
.rst-content .wy-alert-info.caution .wy-alert-title,
.rst-content .wy-alert-info.danger .admonition-title,
.rst-content .wy-alert-info.danger .wy-alert-title,
.rst-content .wy-alert-info.error .admonition-title,
.rst-content .wy-alert-info.error .wy-alert-title,
.rst-content .wy-alert-info.hint .admonition-title,
.rst-content .wy-alert-info.hint .wy-alert-title,
.rst-content .wy-alert-info.important .admonition-title,
.rst-content .wy-alert-info.important .wy-alert-title,
.rst-content .wy-alert-info.tip .admonition-title,
.rst-content .wy-alert-info.tip .wy-alert-title,
.rst-content .wy-alert-info.warning .admonition-title,
.rst-content .wy-alert-info.warning .wy-alert-title,
.rst-content .wy-alert.wy-alert-info .admonition-title,
.wy-alert.wy-alert-info .rst-content .admonition-title,
.wy-alert.wy-alert-info .wy-alert-title {
    background-image: linear-gradient(to right, var(--teal2) 0%, var(--success) 300%);
}

.rst-content .hint,
.rst-content .important,
.rst-content .tip,
.rst-content .wy-alert-success.admonition,
.rst-content .wy-alert-success.admonition-todo,
.rst-content .wy-alert-success.attention,
.rst-content .wy-alert-success.caution,
.rst-content .wy-alert-success.danger,
.rst-content .wy-alert-success.error,
.rst-content .wy-alert-success.note,
.rst-content .wy-alert-success.seealso,
.rst-content .wy-alert-success.warning,
.wy-alert.wy-alert-success {
    background-color: color-mix(in srgb, var(--teal2) 15%, transparent);
}

.rst-content .hint .admonition-title,
.rst-content .hint .wy-alert-title,
.rst-content .important .admonition-title,
.rst-content .important .wy-alert-title,
.rst-content .tip .admonition-title,
.rst-content .tip .wy-alert-title,
.rst-content .wy-alert-success.admonition-todo .admonition-title,
.rst-content .wy-alert-success.admonition-todo .wy-alert-title,
.rst-content .wy-alert-success.admonition .admonition-title,
.rst-content .wy-alert-success.admonition .wy-alert-title,
.rst-content .wy-alert-success.attention .admonition-title,
.rst-content .wy-alert-success.attention .wy-alert-title,
.rst-content .wy-alert-success.caution .admonition-title,
.rst-content .wy-alert-success.caution .wy-alert-title,
.rst-content .wy-alert-success.danger .admonition-title,
.rst-content .wy-alert-success.danger .wy-alert-title,
.rst-content .wy-alert-success.error .admonition-title,
.rst-content .wy-alert-success.error .wy-alert-title,
.rst-content .wy-alert-success.note .admonition-title,
.rst-content .wy-alert-success.note .wy-alert-title,
.rst-content .wy-alert-success.seealso .admonition-title,
.rst-content .wy-alert-success.seealso .wy-alert-title,
.rst-content .wy-alert-success.warning .admonition-title,
.rst-content .wy-alert-success.warning .wy-alert-title,
.rst-content .wy-alert.wy-alert-success .admonition-title,
.wy-alert.wy-alert-success .rst-content .admonition-title,
.wy-alert.wy-alert-success .wy-alert-title {
    background-image: linear-gradient(to right, var(--teal2) 0%, var(--success) 300%);
}

.rst-content :not(dl.option-list) > :not(dt):not(kbd):not(.kbd) > .kbd,
.rst-content :not(dl.option-list) > :not(dt):not(kbd):not(.kbd) > kbd {
    font-size: 81.25%;
    font-weight: bold;
    background-color: var(--white);
    border: 1px solid var(--gray2);
    border-radius: 3px;
    box-shadow: 0 2px var(--gray1);
    padding: 1px 6px;
    margin: auto 0;
}
