/* =========================================================
   ASTROLOOP ACTIVITY & CREW TIME
   Advanced grey interface
   No blue
   No icons
   No page pulse
   ========================================================= */

:root {
    --act-bg-0: #171a1c;
    --act-bg-1: #1d2123;
    --act-bg-2: #232729;
    --act-bg-3: #292e31;
    --act-bg-4: #303538;
    --act-bg-5: #3a4044;

    --act-border-1: #3d4347;
    --act-border-2: #4b5155;
    --act-border-3: #62696d;

    --act-text-1: #f1f3f4;
    --act-text-2: #d5d9db;
    --act-text-3: #aeb5b9;
    --act-text-4: #81898e;

    --act-line-1: #d1d5d7;
    --act-line-2: #8d959a;
    --act-line-3: #62696d;
}


/* ---------------------------------------------------------
   The Activity view itself is completely static visually.
   --------------------------------------------------------- */

body.al-act3-active,
body.al-act3-active
.l-shell__pane-main,
body.al-act3-active
.l-shell__main-container,
body.al-act3-active
.js-main-container,
body.al-act3-active
.c-object-view {
    background:
        var(--act-bg-0) !important;

    background-color:
        var(--act-bg-0) !important;

    background-image:
        none !important;
}


body.al-act3-active
#al-act3-root,

body.al-act3-active
#al-act3-root * {
    box-sizing:
        border-box;

    animation:
        none !important;

    transition:
        none !important;
}


body.al-act3-active
#al-act3-root {
    width:
        100%;

    min-width:
        0;

    min-height:
        100%;

    margin:
        0;

    padding:
        18px;

    overflow:
        visible;

    background:
        var(--act-bg-0);

    color:
        var(--act-text-1);

    font-family:
        Roboto,
        Arial,
        Helvetica,
        sans-serif;
}


/* ---------------------------------------------------------
   Suppress old whole-page refresh overlays only while this
   page is active.
   --------------------------------------------------------- */

body.al-act3-active
.astroloop-refresh-freeze-overlay,

body.al-act3-active
#astroloop-refresh-shield,

body.al-act3-active
#astroloop-zero-pulse-overlay {
    display:
        none !important;

    visibility:
        hidden !important;

    opacity:
        0 !important;
}


/* ---------------------------------------------------------
   Selected Browse item must remain neutral grey.
   --------------------------------------------------------- */

body.al-act3-active
.l-shell__pane-tree
[aria-selected="true"],

body.al-act3-active
.l-shell__pane-tree
.is-selected,

body.al-act3-active
.l-shell__pane-tree
.c-tree__item.is-selected,

body.al-act3-active
.l-shell__pane-tree
[class*="selected"] {
    background:
        #4b5155 !important;

    background-color:
        #4b5155 !important;

    background-image:
        none !important;
}


/* ---------------------------------------------------------
   Main header
   --------------------------------------------------------- */

.al-act3-header {
    display:
        grid;

    grid-template-columns:
        minmax(360px, 1fr)
        minmax(620px, 1.2fr);

    gap:
        18px;

    align-items:
        start;

    padding-bottom:
        14px;

    margin-bottom:
        12px;

    border-bottom:
        1px solid
        var(--act-border-1);
}


.al-act3-title {
    margin:
        0 0 4px;

    color:
        #ffffff;

    font-size:
        29px;

    font-weight:
        600;

    line-height:
        1.1;
}


.al-act3-subtitle {
    margin:
        0;

    color:
        var(--act-text-2);

    font-size:
        14px;

    line-height:
        1.4;
}


.al-act3-description {
    margin-top:
        13px;

    color:
        var(--act-text-3);

    font-size:
        12px;
}


/* ---------------------------------------------------------
   Mission metadata
   --------------------------------------------------------- */

.al-act3-mission-side {
    display:
        flex;

    flex-direction:
        column;

    gap:
        10px;
}


.al-act3-mission-strip {
    display:
        grid;

    grid-template-columns:
        1.8fr
        1.1fr
        1fr
        .8fr
        .65fr
        1fr;

    gap:
        8px;
}


.al-act3-meta {
    min-width:
        0;

    min-height:
        53px;

    padding:
        9px 10px;

    background:
        var(--act-bg-2);

    border:
        1px solid
        var(--act-border-1);

    border-radius:
        4px;
}


.al-act3-label {
    display:
        block;

    margin-bottom:
        5px;

    color:
        var(--act-text-4);

    font-size:
        9px;

    font-weight:
        600;

    letter-spacing:
        .35px;

    text-transform:
        uppercase;
}


.al-act3-meta-value {
    display:
        block;

    overflow:
        hidden;

    color:
        var(--act-text-1);

    font-size:
        11px;

    font-weight:
        500;

    line-height:
        1.2;

    text-overflow:
        ellipsis;

    white-space:
        nowrap;
}


.al-act3-refresh-row {
    display:
        flex;

    justify-content:
        flex-end;
}


#al-act3-refresh {
    min-width:
        82px;

    height:
        32px;

    padding:
        0 15px;

    border:
        1px solid
        var(--act-border-2);

    border-radius:
        3px;

    background:
        var(--act-bg-4);

    background-color:
        var(--act-bg-4);

    background-image:
        none;

    color:
        var(--act-text-1);

    font-size:
        11px;

    font-weight:
        500;

    cursor:
        pointer;

    box-shadow:
        none;

    animation:
        none !important;

    transition:
        none !important;
}


#al-act3-refresh:hover {
    background:
        #3a4044;

    background-color:
        #3a4044;

    border-color:
        var(--act-border-3);
}


#al-act3-refresh:disabled {
    opacity:
        .65;

    cursor:
        default;
}


/* ---------------------------------------------------------
   KPI row
   --------------------------------------------------------- */

.al-act3-kpis {
    display:
        grid;

    grid-template-columns:
        repeat(
            6,
            minmax(0, 1fr)
        );

    margin-bottom:
        12px;

    border:
        1px solid
        var(--act-border-1);

    border-radius:
        4px;

    overflow:
        hidden;

    background:
        var(--act-bg-2);
}


.al-act3-kpi {
    min-height:
        112px;

    padding:
        15px 17px;

    background:
        var(--act-bg-2);

    border-right:
        1px solid
        var(--act-border-1);
}


.al-act3-kpi:last-child {
    border-right:
        0;
}


.al-act3-kpi-name {
    color:
        var(--act-text-2);

    font-size:
        10px;

    font-weight:
        600;

    text-transform:
        uppercase;
}


.al-act3-kpi-value {
    margin-top:
        8px;

    color:
        #ffffff;

    font-size:
        26px;

    font-weight:
        500;

    line-height:
        1;
}


.al-act3-kpi-detail {
    margin-top:
        9px;

    color:
        var(--act-text-3);

    font-size:
        11px;

    line-height:
        1.3;
}


.al-act3-kpi-foot {
    margin-top:
        7px;

    color:
        var(--act-text-2);

    font-size:
        10px;
}


/* ---------------------------------------------------------
   Panel layout
   --------------------------------------------------------- */

.al-act3-row {
    display:
        grid;

    gap:
        10px;

    margin-bottom:
        10px;
}


.al-act3-row-top {
    grid-template-columns:
        1fr
        1.45fr;
}


.al-act3-row-middle {
    grid-template-columns:
        1fr
        1fr;
}


.al-act3-panel {
    min-width:
        0;

    background:
        var(--act-bg-2);

    border:
        1px solid
        var(--act-border-1);

    border-radius:
        4px;

    overflow:
        hidden;
}


.al-act3-panel-heading {
    padding:
        11px 13px;

    background:
        var(--act-bg-3);

    border-bottom:
        1px solid
        var(--act-border-1);

    color:
        var(--act-text-1);

    font-size:
        11px;

    font-weight:
        600;

    text-transform:
        uppercase;
}


.al-act3-panel-body {
    padding:
        14px;
}


/* ---------------------------------------------------------
   Crew time distribution
   --------------------------------------------------------- */

.al-act3-distribution {
    display:
        grid;

    grid-template-columns:
        215px
        1fr;

    gap:
        22px;

    align-items:
        center;

    min-height:
        245px;
}


.al-act3-donut-wrap {
    display:
        flex;

    justify-content:
        center;

    align-items:
        center;
}


.al-act3-donut {
    position:
        relative;

    width:
        164px;

    height:
        164px;

    border-radius:
        50%;

    background:
        conic-gradient(
            #8f969a 0deg 154deg,
            #737a7e 154deg 245deg,
            #62696d 245deg 304deg,
            #50565a 304deg 336deg,
            #41474a 336deg 360deg
        );
}


.al-act3-donut::after {
    content:
        "";

    position:
        absolute;

    inset:
        30px;

    border-radius:
        50%;

    background:
        var(--act-bg-2);
}


.al-act3-donut-center {
    position:
        absolute;

    z-index:
        2;

    inset:
        0;

    display:
        flex;

    flex-direction:
        column;

    justify-content:
        center;

    align-items:
        center;

    pointer-events:
        none;
}


.al-act3-donut-number {
    color:
        #ffffff;

    font-size:
        23px;

    font-weight:
        500;
}


.al-act3-donut-label {
    margin-top:
        6px;

    color:
        var(--act-text-2);

    font-size:
        10px;

    text-align:
        center;

    line-height:
        1.3;
}


.al-act3-legend-row {
    display:
        grid;

    grid-template-columns:
        12px
        1fr
        55px
        55px;

    gap:
        8px;

    align-items:
        center;

    min-height:
        37px;

    color:
        var(--act-text-2);

    font-size:
        11px;
}


.al-act3-dot {
    width:
        10px;

    height:
        10px;

    border-radius:
        50%;

    background:
        #737a7e;
}


.al-act3-legend-value,
.al-act3-legend-percent {
    text-align:
        right;

    color:
        var(--act-text-1);

    font-variant-numeric:
        tabular-nums;
}


/* ---------------------------------------------------------
   Workload graph
   --------------------------------------------------------- */

.al-act3-chart-container {
    min-height:
        245px;
}


.al-act3-chart-legend {
    display:
        flex;

    justify-content:
        flex-end;

    gap:
        24px;

    margin-bottom:
        5px;

    color:
        var(--act-text-3);

    font-size:
        10px;
}


.al-act3-line-key {
    display:
        inline-flex;

    align-items:
        center;

    gap:
        7px;
}


.al-act3-key-solid {
    width:
        20px;

    border-top:
        2px solid
        var(--act-line-1);
}


.al-act3-key-dashed {
    width:
        20px;

    border-top:
        1px dashed
        var(--act-line-2);
}


.al-act3-chart {
    width:
        100%;

    height:
        210px;

    overflow:
        visible;
}


.al-act3-grid-line {
    stroke:
        #3a4044;

    stroke-width:
        1;
}


.al-act3-axis-text {
    fill:
        #90989d;

    font-size:
        10px;
}


#al-act3-workload-line {
    fill:
        none;

    stroke:
        var(--act-line-1);

    stroke-width:
        2;
}


#al-act3-crewtime-line {
    fill:
        none;

    stroke:
        var(--act-line-2);

    stroke-width:
        1.4;

    stroke-dasharray:
        7 6;
}


/* ---------------------------------------------------------
   Timeline
   --------------------------------------------------------- */

.al-act3-timeline {
    width:
        100%;

    border-collapse:
        collapse;

    color:
        var(--act-text-2);

    font-size:
        10px;
}


.al-act3-timeline th {
    padding:
        7px 5px;

    color:
        var(--act-text-3);

    font-size:
        9px;

    font-weight:
        500;

    text-align:
        left;

    border-bottom:
        1px solid
        var(--act-border-1);
}


.al-act3-timeline td {
    padding:
        6px 5px;

    border-bottom:
        1px solid
        #34393c;
}


.al-act3-crew-id {
    width:
        53px;

    color:
        #ffffff;

    font-weight:
        500;
}


.al-act3-role {
    width:
        103px;

    color:
        var(--act-text-2);
}


.al-act3-track {
    position:
        relative;

    height:
        14px;

    min-width:
        300px;

    border:
        1px solid
        #3c4245;

    border-radius:
        2px;

    background:
        #1c2022;
}


.al-act3-block {
    position:
        absolute;

    top:
        1px;

    height:
        10px;

    border-radius:
        2px;

    background:
        #737a7e;
}


.al-act3-block.rest {
    background:
        #41474a;
}


.al-act3-block.high {
    background:
        #a0a6aa;
}


.al-act3-timeline-key {
    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        17px;

    margin-top:
        11px;

    color:
        var(--act-text-3);

    font-size:
        9px;
}


.al-act3-small-square {
    display:
        inline-block;

    width:
        9px;

    height:
        9px;

    margin-right:
        5px;

    vertical-align:
        -1px;

    border-radius:
        1px;

    background:
        #62696d;
}


/* ---------------------------------------------------------
   Grey tables
   --------------------------------------------------------- */

.al-act3-table-wrap {
    width:
        100%;

    overflow-x:
        auto;

    scrollbar-color:
        #62696d
        #232729;
}


.al-act3-table {
    width:
        100%;

    border-collapse:
        collapse;

    table-layout:
        fixed;

    background:
        var(--act-bg-2);

    color:
        var(--act-text-2);

    font-size:
        11px;
}


.al-act3-table th {
    height:
        33px;

    padding:
        7px 10px;

    border:
        1px solid
        var(--act-border-2);

    background:
        var(--act-bg-4);

    background-color:
        var(--act-bg-4);

    background-image:
        none;

    color:
        var(--act-text-3);

    font-size:
        9px;

    font-weight:
        500;

    text-align:
        left;

    text-transform:
        uppercase;
}


.al-act3-table td {
    height:
        34px;

    padding:
        7px 10px;

    border:
        1px solid
        var(--act-border-2);

    background:
        var(--act-bg-2);

    background-color:
        var(--act-bg-2);

    color:
        var(--act-text-1);

    font-variant-numeric:
        tabular-nums;
}


.al-act3-table tbody
tr:nth-child(even) td {
    background:
        #272c2f;
}


.al-act3-table tbody
tr:hover td {
    background:
        #303538;
}


.al-act3-table
tr.al-act3-total td {
    background:
        var(--act-bg-4);

    font-weight:
        600;

    color:
        #ffffff;
}


/* ---------------------------------------------------------
   Footer
   --------------------------------------------------------- */

.al-act3-footer {
    display:
        flex;

    justify-content:
        space-between;

    gap:
        15px;

    padding:
        7px 3px 2px;

    color:
        var(--act-text-4);

    font-size:
        9px;
}


/* ---------------------------------------------------------
   Responsive
   --------------------------------------------------------- */

@media (
    max-width: 1400px
) {
    .al-act3-header {
        grid-template-columns:
            1fr;
    }

    .al-act3-kpis {
        grid-template-columns:
            repeat(
                3,
                1fr
            );
    }

    .al-act3-kpi:nth-child(3) {
        border-right:
            0;
    }

    .al-act3-kpi:nth-child(-n+3) {
        border-bottom:
            1px solid
            var(--act-border-1);
    }
}


@media (
    max-width: 1050px
) {
    .al-act3-row-top,
    .al-act3-row-middle {
        grid-template-columns:
            1fr;
    }

    .al-act3-mission-strip {
        grid-template-columns:
            repeat(
                3,
                1fr
            );
    }
}


/* =========================================================
   ASTROLOOP_ACTIVITY_NO_BLUE_START

   Activity & Crew Time
   Grey-only interface override.

   No blue/cyan:
   - selected navigation
   - pane separators
   - table headers
   - table borders
   - panel borders
   - toolbar
   - inspector
   - Refresh button
   ========================================================= */


/* ---------------------------------------------------------
   Open MCT main surfaces
   --------------------------------------------------------- */

body.al-act3-active,
body.al-act3-active #openmct-app,

body.al-act3-active
.l-shell,

body.al-act3-active
.l-shell__main,

body.al-act3-active
.l-shell__pane-main,

body.al-act3-active
.l-shell__main-container,

body.al-act3-active
.js-main-container,

body.al-act3-active
.c-object-view,

body.al-act3-active
.l-view {
    background:
        #1b1e1f !important;

    background-color:
        #1b1e1f !important;

    background-image:
        none !important;

    border-color:
        #4b5052 !important;

    outline-color:
        #62686b !important;

    box-shadow:
        none !important;
}


/* ---------------------------------------------------------
   Browse panel
   --------------------------------------------------------- */

body.al-act3-active
.l-shell__pane-tree,

body.al-act3-active
.c-tree-and-search,

body.al-act3-active
.c-tree,

body.al-act3-active
.c-tree__scrollable {
    background:
        #222627 !important;

    background-color:
        #222627 !important;

    background-image:
        none !important;

    border-color:
        #4b5052 !important;

    box-shadow:
        none !important;
}


/* ---------------------------------------------------------
   Selected Activity & Crew Time navigation row
   --------------------------------------------------------- */

body.al-act3-active
.l-shell__pane-tree
[aria-selected="true"],

body.al-act3-active
.l-shell__pane-tree
.is-selected,

body.al-act3-active
.l-shell__pane-tree
.c-tree__item.is-selected,

body.al-act3-active
.l-shell__pane-tree
[class*="is-selected"],

body.al-act3-active
.l-shell__pane-tree
[class*="selected"] {
    background:
        #555b5e !important;

    background-color:
        #555b5e !important;

    background-image:
        none !important;

    border-color:
        #666d70 !important;

    outline-color:
        #777e81 !important;

    box-shadow:
        none !important;
}


/* ---------------------------------------------------------
   Remove blue vertical pane/resizer line
   --------------------------------------------------------- */

body.al-act3-active
.l-shell__pane-tree,

body.al-act3-active
.l-shell__pane-main,

body.al-act3-active
.l-shell__pane-inspector,

body.al-act3-active
.l-shell__main-container,

body.al-act3-active
[class*="pane-resize"],

body.al-act3-active
[class*="pane-resizable"],

body.al-act3-active
[class*="horizontal-handle"],

body.al-act3-active
[class*="vertical-handle"] {
    border-left-color:
        #505659 !important;

    border-right-color:
        #505659 !important;

    border-top-color:
        #505659 !important;

    border-bottom-color:
        #505659 !important;

    outline-color:
        #62686b !important;

    box-shadow:
        none !important;
}


/* ---------------------------------------------------------
   Activity page root
   --------------------------------------------------------- */

body.al-act3-active
#al-act3-root {
    background:
        #1b1e1f !important;

    background-color:
        #1b1e1f !important;

    background-image:
        none !important;

    border-color:
        #4b5052 !important;

    box-shadow:
        none !important;
}


/* ---------------------------------------------------------
   Main Activity header
   --------------------------------------------------------- */

body.al-act3-active
.al-act3-header {
    background:
        #1b1e1f !important;

    background-color:
        #1b1e1f !important;

    background-image:
        none !important;

    border-bottom:
        1px solid #4b5052 !important;

    box-shadow:
        none !important;
}


/* ---------------------------------------------------------
   Mission metadata cells
   --------------------------------------------------------- */

body.al-act3-active
.al-act3-meta {
    background:
        #292d2f !important;

    background-color:
        #292d2f !important;

    background-image:
        none !important;

    border:
        1px solid #4b5052 !important;

    outline:
        none !important;

    box-shadow:
        none !important;
}


/* ---------------------------------------------------------
   KPI area
   --------------------------------------------------------- */

body.al-act3-active
.al-act3-kpis {
    background:
        #25292a !important;

    background-color:
        #25292a !important;

    background-image:
        none !important;

    border:
        1px solid #4b5052 !important;

    box-shadow:
        none !important;
}


body.al-act3-active
.al-act3-kpi {
    background:
        #25292a !important;

    background-color:
        #25292a !important;

    background-image:
        none !important;

    border-color:
        #4b5052 !important;

    box-shadow:
        none !important;
}


/* ---------------------------------------------------------
   Panels
   --------------------------------------------------------- */

body.al-act3-active
.al-act3-panel {
    background:
        #25292a !important;

    background-color:
        #25292a !important;

    background-image:
        none !important;

    border:
        1px solid #4b5052 !important;

    outline:
        none !important;

    box-shadow:
        none !important;
}


body.al-act3-active
.al-act3-panel-heading {
    background:
        #303537 !important;

    background-color:
        #303537 !important;

    background-image:
        none !important;

    border-bottom:
        1px solid #505659 !important;

    color:
        #eef0f1 !important;

    box-shadow:
        none !important;
}


/* ---------------------------------------------------------
   Activity Summary and Upcoming Activities tables
   --------------------------------------------------------- */

body.al-act3-active
.al-act3-table-wrap {
    background:
        #25292a !important;

    background-color:
        #25292a !important;

    background-image:
        none !important;

    border-color:
        #4b5052 !important;
}


body.al-act3-active
.al-act3-table {
    background:
        #25292a !important;

    background-color:
        #25292a !important;

    background-image:
        none !important;

    border:
        1px solid #4b5052 !important;

    border-collapse:
        collapse !important;

    box-shadow:
        none !important;
}


/* Header cells */

body.al-act3-active
.al-act3-table thead,

body.al-act3-active
.al-act3-table thead tr,

body.al-act3-active
.al-act3-table th {
    background:
        #373c3e !important;

    background-color:
        #373c3e !important;

    background-image:
        none !important;

    border:
        1px solid #555b5e !important;

    color:
        #d9dcde !important;

    outline:
        none !important;

    box-shadow:
        none !important;
}


/* Body cells */

body.al-act3-active
.al-act3-table tbody,

body.al-act3-active
.al-act3-table tbody tr {
    background:
        #25292a !important;

    background-color:
        #25292a !important;

    background-image:
        none !important;
}


body.al-act3-active
.al-act3-table td {
    background:
        #25292a !important;

    background-color:
        #25292a !important;

    background-image:
        none !important;

    border:
        1px solid #4b5052 !important;

    color:
        #eef0f1 !important;

    outline:
        none !important;

    box-shadow:
        none !important;
}


body.al-act3-active
.al-act3-table
tbody tr:nth-child(even) td {
    background:
        #2a2e30 !important;

    background-color:
        #2a2e30 !important;
}


body.al-act3-active
.al-act3-table
tbody tr:hover td {
    background:
        #323739 !important;

    background-color:
        #323739 !important;
}


body.al-act3-active
.al-act3-table
tr.al-act3-total td {
    background:
        #373c3e !important;

    background-color:
        #373c3e !important;

    border:
        1px solid #62686b !important;

    color:
        #ffffff !important;
}


/* ---------------------------------------------------------
   Crew schedule timeline
   --------------------------------------------------------- */

body.al-act3-active
.al-act3-timeline {
    background:
        #25292a !important;

    background-color:
        #25292a !important;

    background-image:
        none !important;
}


body.al-act3-active
.al-act3-timeline thead,

body.al-act3-active
.al-act3-timeline thead tr,

body.al-act3-active
.al-act3-timeline th {
    background:
        #373c3e !important;

    background-color:
        #373c3e !important;

    background-image:
        none !important;

    border:
        1px solid #555b5e !important;

    color:
        #d7dbdc !important;

    box-shadow:
        none !important;
}


body.al-act3-active
.al-act3-timeline td {
    background:
        #25292a !important;

    background-color:
        #25292a !important;

    background-image:
        none !important;

    border:
        1px solid #454a4c !important;

    color:
        #e9ebec !important;
}


/* ---------------------------------------------------------
   Crew timeline tracks and blocks
   --------------------------------------------------------- */

body.al-act3-active
.al-act3-track {
    background:
        #1f2223 !important;

    background-color:
        #1f2223 !important;

    background-image:
        none !important;

    border:
        1px solid #505659 !important;

    box-shadow:
        none !important;
}


body.al-act3-active
.al-act3-block {
    background:
        #747a7d !important;

    background-color:
        #747a7d !important;

    border:
        0 !important;
}


body.al-act3-active
.al-act3-block.high {
    background:
        #a1a6a8 !important;

    background-color:
        #a1a6a8 !important;
}


body.al-act3-active
.al-act3-block.rest {
    background:
        #484d4f !important;

    background-color:
        #484d4f !important;
}


/* ---------------------------------------------------------
   Timeline legend squares
   --------------------------------------------------------- */

body.al-act3-active
.al-act3-small-square {
    background:
        #707679 !important;

    background-color:
        #707679 !important;

    border-color:
        #707679 !important;
}


/* ---------------------------------------------------------
   Donut remains monochrome
   --------------------------------------------------------- */

body.al-act3-active
.al-act3-donut {
    background:
        conic-gradient(
            #a4a9ab 0deg 154deg,
            #858b8e 154deg 245deg,
            #6e7477 245deg 304deg,
            #585e61 304deg 336deg,
            #44494b 336deg 360deg
        ) !important;
}


body.al-act3-active
.al-act3-donut::after {
    background:
        #25292a !important;

    background-color:
        #25292a !important;
}


/* ---------------------------------------------------------
   Workload graph — neutral greys
   --------------------------------------------------------- */

body.al-act3-active
.al-act3-grid-line {
    stroke:
        #44494b !important;
}


body.al-act3-active
#al-act3-workload-line {
    stroke:
        #d2d5d6 !important;
}


body.al-act3-active
#al-act3-crewtime-line {
    stroke:
        #969c9f !important;
}


body.al-act3-active
.al-act3-axis-text {
    fill:
        #92999c !important;
}


body.al-act3-active
.al-act3-key-solid {
    border-top-color:
        #d2d5d6 !important;
}


body.al-act3-active
.al-act3-key-dashed {
    border-top-color:
        #969c9f !important;
}


/* ---------------------------------------------------------
   Refresh button
   --------------------------------------------------------- */

body.al-act3-active
#al-act3-refresh {
    background:
        #363b3d !important;

    background-color:
        #363b3d !important;

    background-image:
        none !important;

    border:
        1px solid #62686b !important;

    color:
        #f2f3f3 !important;

    outline:
        none !important;

    box-shadow:
        none !important;
}


body.al-act3-active
#al-act3-refresh:hover {
    background:
        #454a4c !important;

    background-color:
        #454a4c !important;

    border-color:
        #757c7f !important;
}


/* ---------------------------------------------------------
   Open MCT upper toolbar
   --------------------------------------------------------- */

body.al-act3-active
.c-toolbar,

body.al-act3-active
.l-browse-bar,

body.al-act3-active
.c-browse-bar,

body.al-act3-active
[class*="toolbar"] {
    background:
        #292d2f !important;

    background-color:
        #292d2f !important;

    background-image:
        none !important;

    border-color:
        #4b5052 !important;

    box-shadow:
        none !important;
}


/* ---------------------------------------------------------
   Inspector pane
   --------------------------------------------------------- */

body.al-act3-active
.l-shell__pane-inspector,

body.al-act3-active
.c-inspector,

body.al-act3-active
.c-inspector__header,

body.al-act3-active
.c-inspector__content,

body.al-act3-active
.c-inspector__tabs {
    background:
        #222627 !important;

    background-color:
        #222627 !important;

    background-image:
        none !important;

    border-color:
        #4b5052 !important;

    outline-color:
        #62686b !important;

    box-shadow:
        none !important;
}


/* ---------------------------------------------------------
   Focus states
   --------------------------------------------------------- */

body.al-act3-active
#al-act3-root
*:focus,

body.al-act3-active
#al-act3-root
*:focus-visible {
    outline-color:
        #777e81 !important;

    border-color:
        #777e81 !important;

    box-shadow:
        none !important;
}


/* ---------------------------------------------------------
   Scrollbars
   --------------------------------------------------------- */

body.al-act3-active
#al-act3-root,

body.al-act3-active
#al-act3-root * {
    scrollbar-color:
        #666c6f
        #25292a;
}


/* ---------------------------------------------------------
   No page animation
   --------------------------------------------------------- */

body.al-act3-active
#al-act3-root,

body.al-act3-active
#al-act3-root * {
    animation:
        none !important;

    transition:
        none !important;
}


/* ASTROLOOP_ACTIVITY_NO_BLUE_END */