﻿.analyticsWorkTypeStatus {
    /*  padding-top:2px;*/
    padding: 0px 5px 2px 5px;
    width: 85.1%;
    height: 20vh;
    margin-top: 35px;
    position: fixed;
    margin-bottom: 10px;
    background-color: var(--b2White);
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.1);
    overflow: hidden;
    overflow-y: auto;
}

    .analyticsWorkTypeStatus table {
        width: 100%;
        overflow: hidden;
        overflow-y: scroll;
        padding: 0 10px 0 10px;
        font-size: 14px;
    }

        .analyticsWorkTypeStatus table tr .oi {
            font-size: 10px;
            float: right;
            margin-right: 25px;
            margin-top: 6px;
        }

    .analyticsWorkTypeStatus .statusHidden {
        display: none;
        overflow: hidden;
    }

    .analyticsWorkTypeStatus .statusShown {
        display: normal;
    }

    .analyticsWorkTypeStatus table th {
        position: sticky;
        top: 0;
        z-index: 100;
        border: none;
    }

    .analyticsWorkTypeStatus table table th {
        text-align: center;
        background-color: var(--b2Blue);
        position: relative;
        z-index: 10;
    }

    .analyticsWorkTypeStatus table table tr:nth-child(2) {
        font-weight: 500;
        color: var(--b2Red);
    }

    .analyticsWorkTypeStatus table table tr:hover {
        background-color: var(--b2Blue);
        cursor: pointer;
    }

    .analyticsWorkTypeStatus table table tr td {
        padding: 0 10px 0 10px;
        text-align: left;
        border: 1px solid var(--b2HeaderBg);
    }

    .analyticsWorkTypeStatus table tr td {
        /*        padding: 0 10px 0 10px;*/
        text-align: left;
        /*        border: 1px solid grey;*/
    }

    .analyticsWorkTypeStatus table tr:nth-child(2n+1):hover {
        background-color: var(--b2Blue);
        cursor: pointer;
        color: var(--b2White);
    }

    .analyticsWorkTypeStatus table tr:nth-child(2n+1) > td:first-child {
        font-weight: 600;
    }

    .analyticsWorkTypeStatus table table tr:nth-child(2n+1) > td:first-child {
        font-weight: 600;
    }

    .analyticsWorkTypeStatus table tr:nth-child(2n+1) {
        color: var(--b2NavyBlue);
        font-weight: 600;
    }

    .analyticsWorkTypeStatus table th:hover {
        cursor: default;
    }

    .analyticsWorkTypeStatus table th {
        padding: 0 10px 0 1px;
        background-color: var(--b2Blue);
        height: 30px;
        /*   border: 1px solid grey;*/
    }

    .analyticsWorkTypeStatus #totsRow {
        color: var(--b2Red);
        background-color: var(--b2HeaderBg);
    }

    .analyticsWorkTypeStatus table th > div {
        /*       transform: translate(25px,51px) rotate(315deg);
        width:130px;*/
    }

        .analyticsWorkTypeStatus table th > div > span {
            /*  border-bottom:1px solid #ccc;*/
            /*     padding:5px 10px;*/
        }
