:root {
    --operations-log-bg: inherit;
    --operations-log-bg-hover: rgba(0, 0, 0, 0.075);
    --operations-log-selected-bg: #cfe2ff;
    --operations-log-warning-bg: #fff3cd;
    --operations-log-error-bg: #f8d7da;
    --operations-log-color: #212529;
    --operations-log-color-hover: #777;
    --operations-log-link-color: var(--operations-log-color);
    --operations-log-link-color-hover: #0d6efd;
    --operations-log-linenumber-color: #484f58;
    --operations-log-timestamp-color: var(--operations-log-linenumber-color);
    --operations-log-warning-color: #d29922;
    --operations-log-error-color: #f85149;
    --operations-log-options-border-color: #dee2e6;
    --operations-log-command-color: #2f81f7;
    --color-checks-ansi-black: #0d1117;
    /*    --color-checks-ansi-black-bright: #161b22;*/
    --color-checks-ansi-black-bright: #6e7681;
    --color-checks-ansi-white: #b1bac4;
    --color-checks-ansi-white-bright: #b1bac4;
    --color-checks-ansi-gray: #6e7681;
    --color-checks-ansi-red: #ff7b72;
    --color-checks-ansi-red-bright: #ffa198;
    --color-checks-ansi-green: #3fb950;
    --color-checks-ansi-green-bright: #56d364;
    --color-checks-ansi-yellow: #d29922;
    --color-checks-ansi-yellow-bright: #e3b341;
    --color-checks-ansi-blue: #58a6ff;
    --color-checks-ansi-blue-bright: #79c0ff;
    --color-checks-ansi-magenta: #bc8cff;
    --color-checks-ansi-magenta-bright: #d2a8ff;
    --color-checks-ansi-cyan: #76e3ea;
    --color-checks-ansi-cyan-bright: #b3f0ff;
}

    :root .dark {
        --operations-log-bg: #010409;
        --operations-log-bg-hover: rgba(110,118,129,0.1);
        --operations-log-selected-bg: rgba(56,139,253,0.15);
        --operations-log-warning-bg: rgba(187,128,9,0.15);
        --operations-log-error-bg: rgba(248,81,73,0.15);
        --operations-log-color: #8b949e;
        --operations-log-color-hover: #c9d1d9;
        --operations-log-link-color: var(--operations-log-color);
        --operations-log-link-color-hover: #58a6ff;
        --operations-log-linenumber-color: #484f58;
        --operations-log-timestamp-color: var(--operations-log-linenumber-color);
        --operations-log-warning-color: #d29922;
        --operations-log-error-color: #f85149;
        --operations-log-options-border-color: #8b949e;
    }

    :root .dark2 {
        --operations-log-bg: #1f1f1f;
        --operations-log-bg-hover: rgba(255,255,255,0.1);
        --operations-log-selected-bg: rgba(56,139,253,0.15);
        --operations-log-warning-bg: rgba(187,128,9,0.15);
        --operations-log-error-bg: rgba(248,81,73,0.15);
        --operations-log-color: #adb5bd;
        --operations-log-color-hover: #e9ecef;
        --operations-log-link-color: var(--operations-log-color);
        --operations-log-link-color-hover: #58a6ff;
        --operations-log-linenumber-color: #6c757d;
        --operations-log-timestamp-color: var(--operations-log-linenumber-color);
        --operations-log-warning-color: #d29922;
        --operations-log-error-color: #f85149;
        --operations-log-options-border-color: #6c757d;
    }

.operations-log-wrapper {
    background-color: var(--operations-log-bg) !important;
}
.operations-log-options {
    background-color: var(--operations-log-bg);
    color: var(--operations-log-color);
    font-size: 0.9rem;
    padding: 0.5rem;
    padding-bottom: 0.25rem;
    border-bottom: 1px solid var(--operations-log-options-border-color);
}

.operations-log {
    background-color: var(--operations-log-bg);
    font-size: 0.90em;
    padding-bottom: 7px;
    padding-top: 7px;
    padding-left: 7px;
    padding-right: 7px;
    max-height: calc(100vh - 315px);
    min-height: calc(100vh - 315px);
    overflow-x: auto;
}

.log-display-error {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    padding-right: 4px;
    margin-bottom: 8px;
}

.log-group {
    cursor: pointer;
    flex-grow: 1;
}

.log-line {
    color: var(--operations-log-color);
    white-space: pre-wrap;
    overflow-x: auto;
    display: flex;
    flex-direction: row;
}
    .log-line:hover {
        color: var(--operations-log-color-hover);
        background-color: var(--operations-log-bg-hover);
    }

    .log-line.selected {
        background-color: var(--operations-log-selected-bg) !important;
    }
.log-display-error.log-line:hover {
    color: var(--operations-log-color);
}

.log-line-linenumber {
    width: 40px;
    text-align: right;
    color: var(--operations-log-linenumber-color);
    flex-shrink: 0;
}
.log-line-timestamp {
    color: var(--operations-log-timestamp-color);
    flex-shrink: 0;
}

.log-line-text a {
    color: var(--operations-log-link-color);
    text-decoration: underline;
}
.log-line-text a:hover {
    color: var(--operations-log-link-color-hover);
}

.log-line-warning,
.log-line-warning:hover {
    background-color: var(--operations-log-warning-bg);
}
    .log-line-warning .log-line-linenumber {
        color: var(--operations-log-warning-color);
    }
    .log-line-warning .log-line-prefix-text {
        color: var(--operations-log-warning-color);
    }

.log-line-error,
.log-line-error:hover {
    background-color: var(--operations-log-error-bg);
}
    .log-line-error .log-line-linenumber {
        color: var(--operations-log-error-color);
    }
    .log-line-error .log-line-prefix-text {
        color: var(--operations-log-error-color);
    }

.log-line-command {
    color: var(--operations-log-command-color);
}

.ansifg-b {
    color: var(--color-checks-ansi-black);
}

.ansifg-r {
    color: var(--color-checks-ansi-red);
}

.ansifg-g {
    color: var(--color-checks-ansi-green);
}

.ansifg-y {
    color: var(--color-checks-ansi-yellow);
}

.ansifg-bl {
    color: var(--color-checks-ansi-blue);
}

.ansifg-m {
    color: var(--color-checks-ansi-magenta);
}

.ansifg-c {
    color: var(--color-checks-ansi-cyan);
}

.ansifg-w {
    color: var(--color-checks-ansi-white);
}

.ansifg-gr {
    color: var(--color-checks-ansi-gray);
}

.ansifg-b-br {
    color: var(--color-checks-ansi-black-bright);
}

.ansifg-r-br {
    color: var(--color-checks-ansi-red-bright);
}

.ansifg-g-br {
    color: var(--color-checks-ansi-green-bright);
}

.ansifg-y-br {
    color: var(--color-checks-ansi-yellow-bright);
}

.ansifg-bl-br {
    color: var(--color-checks-ansi-blue-bright);
}

.ansifg-m-br {
    color: var(--color-checks-ansi-magenta-bright);
}

.ansifg-c-br {
    color: var(--color-checks-ansi-cyan-bright);
}

.ansifg-w-br {
    color: var(--color-checks-ansi-white-bright);
}

.ansibg-b {
    background-color: var(--color-checks-ansi-black);
    color: inherit;
}

.ansibg-r {
    background-color: var(--color-checks-ansi-red);
    color: var(--operations-log-bg);
}

.ansibg-g {
    background-color: var(--color-checks-ansi-green);
    color: var(--operations-log-bg);
}

.ansibg-y {
    background-color: var(--color-checks-ansi-yellow);
    color: var(--operations-log-bg);
}

.ansibg-bl {
    background-color: var(--color-checks-ansi-blue);
    color: var(--operations-log-bg);
}

.ansibg-m {
    background-color: var(--color-checks-ansi-magenta);
    color: var(--operations-log-bg);
}

.ansibg-c {
    background-color: var(--color-checks-ansi-cyan);
    color: var(--operations-log-bg);
}

.ansibg-w {
    background-color: var(--color-checks-ansi-white);
    color: var(--operations-log-bg);
}

.ansibg-gr {
    background-color: var(--color-checks-ansi-gray);
    color: var(--operations-log-bg);
}

.ansibg-b-br {
    background-color: var(--color-checks-ansi-black-bright);
    color: var(--operations-log-bg);
}

.ansibg-r-br {
    background-color: var(--color-checks-ansi-red-bright);
    color: var(--operations-log-bg);
}

.ansibg-g-br {
    background-color: var(--color-checks-ansi-green-bright);
    color: var(--operations-log-bg);
}

.ansibg-y-br {
    background-color: var(--color-checks-ansi-yellow-bright);
    color: var(--operations-log-bg);
}

.ansibg-bl-br {
    background-color: var(--color-checks-ansi-blue-bright);
    color: var(--operations-log-bg);
}

.ansibg-m-br {
    background-color: var(--color-checks-ansi-magenta-bright);
    color: var(--operations-log-bg);
}

.ansibg-c-br {
    background-color: var(--color-checks-ansi-cyan-bright);
    color: var(--operations-log-bg);
}

.ansibg-w-br {
    background-color: var(--color-checks-ansi-white-bright);
    color: var(--operations-log-bg);
}