:root {
    --JnJColor: #de2516;
    --JnJNavColor: #003367;
    --JnJNavColorII: #029cdd;
    --JnJActionRed: #ff5858;
    --JnJActionAmber: #fdb624;
    --JnJActionGreen: #44c49d;
    --navP: 58px !important;
    --CatLightPink: #e34faa;
    --CatLightPurple: #a378de;
    --CatMidPurple: #8248d0;
    --CatDarkPurple: #5d16be;
    --CatDarkestPurple: #3e0091;
    --BorderGrey: #999;
    --CatLightGrey: #ddd;
    --CatMidGrey: #d5d5d5
}

#FilterScreenOverlay table {
    border-collapse: separate;
    border-spacing: 1px 5px;
    table-layout: fixed;
    word-wrap: break-word
}

div#FilterScreenOverlay .sidenav-overlay {
    position: fixed;
    top: var(--navP);
    left: 0;
    right: 0;
    width: 100%;
    opacity: 0;
    height: 120vh;
    background-color: rgb(255,252,252) !important;
    z-index: 1008;
    display: none
}

div#FilterScreenOverlay {
    width: 96%;
    margin-top: 58px;
    margin-left: 4%;
    padding: 20px;
    height: 91%;
    z-index: 1007;
}

    div#FilterScreenOverlay i.OverlayClose {
        border-radius: 50%;
        border: 1px solid #ddd;
        font-size: 14px;
        padding: 4px
    }

    div#FilterScreenOverlay::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        border-radius: 10px;
        background-color: #f5f5f5
    }

    div#FilterScreenOverlay::-webkit-scrollbar {
        width: 12px;
        background-color: #f5f5f5
    }

    div#FilterScreenOverlay::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        background-color: #555
    }

#GPLandingBlock table.dataTable.nowrap tr th:not(.ONFSiteMV) {
    white-space: pre-wrap;
    width: 120px !important
}

#LevelDropdownSection .select-wrapper .caret {
    left: 8% !important
}

#LevelDropdownSection th {
    border: none
}

#LevelDropdownSection .dropdown-content {
    width: max-content !important;
    top: 100% !important;
    height: 280px !important;
    overflow-x: hidden
}

#LevelDropdownSection .select-wrapper ul.dropdown-content li > span {
    font-size: 11px;
    color: #003367;
    display: block;
    line-height: 24px;
    padding: 4px 2px
}

#LevelDropdownSection [type="checkbox"] + span:not(.lever) {
    position: relative;
    padding-left: 16px;
    cursor: pointer;
    display: inline-block;
    height: 10px;
    line-height: 0;
    color: #434343;
    font: Bold 10px/13px Arial;
    letter-spacing: .4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    #LevelDropdownSection [type="checkbox"] + span:not(.lever):before, [type="checkbox"]:not(.filled-in) + span:not(.lever):after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 8px;
        height: 8px;
        z-index: 0;
        border: 1.5px solid #5a5a5a;
        border-radius: 2px;
        margin-top: 0;
        -webkit-transition: 0.2s;
        transition: 0.2s
    }

#LevelDropdownSection [type="checkbox"]:checked + span:not(.lever):before {
    top: 0;
    left: 0;
    width: 3px;
    height: 11px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #003367;
    border-bottom: 2px solid #029cdd;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

#LevelDropdownSection .select-wrapper input.select-dropdown {
    font: Bold 10px/15px Arial !important;
    border: 1px solid #ddd !important;
    width: 75% !important;
    border-radius: 0px !important;
     height: 20px;
	padding:1px 20px;
}

a.GreenText {
    color: #44c49d;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer
}

a.RedText {
    color: #ff5858;
    font-size: 12px;
    font-weight: 600
}

a.AmberText {
    color: #fdb624;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer
}

a.YellowText {
    color: #e3d220;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer
}

a.BlueText {
    color: #00f;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer
}

a[onclick] {
    color: #039be5;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer
}

a.GreenText {
    color: #44c49d;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer
}
span.PurpleText{color:#ab47bc !important;font-size:11px !important;font-weight:600 !important}

span.RedBlock {
    background-color: #ff5858
}

span.GreyBlock {
    background-color: #d5d5d5
}

span.GreenBlock {
    background-color: #44c49d
}

span.AmberBlock {
    background-color: #fdb624
}

span.YellowBlock {
    background-color: #e3d220
}

#MetricsViewMain .dataTables_wrapper > table > tbody > tr > td.AmberBack, span.AmberBlock {
    background-color: #fdb624
}

#MetricsViewMain .dataTables_wrapper > table > tbody > tr > td.RedBack, span.RedBlock {
    background-color: #ff5858
}

#MetricsViewMain .dataTables_wrapper > table > tbody > tr > td.GreyBack, span.GreyBlock {
    background-color: #d5d5d5
}

#MetricsViewMain .dataTables_wrapper > table > tbody > tr > td.GreenBack, span.GreenBlock {
    background-color: #44c49d
}

#MetricsViewMain .dataTables_wrapper > table > tbody > tr > td.AmberBack, span.AmberBlock {
    background-color: #fdb624
}

#MetricsViewMain .dataTables_wrapper > table > tbody > tr > td.YellowBack, span.YellowBlock {
    background-color: #e3d220
}

#MetricsViewMain .dataTables_wrapper > table > tbody > tr > td.BlueBack, span.BlueBlock {
    background-color: #00f
}

#ChartView #TableVisualizations, #ChartView #TableVisualizationsInst {
    display: block;
    background: #fff;
    border: .8px solid #d5d5d5;
    height: auto;
    min-height: 63.1vh;
    max-height: 63.1vh
}

#DrillDownTableView {
    overflow-x: scroll !important;
    border: .8px solid #d5d5d5;
    border-radius: 4px
}

div.dc-html-legend {
    max-height: 245px;
    max-width: 270px !important
}

#FilterScreenOverlay .dc-chart .pie-slice {
    fill: #000;
    font-size: 7px;
    cursor: pointer;
    font-weight: 500
}

div .dataTables_wrapper {
    margin: 0 auto
}

#DrillDownTableView .Chart_wrapper::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

#DrillDownTableView div .dataTables_wrapper {
    width: 100% !important
}

input.dc-text-filter-input {
    height: 2rem;
    font-size: 13px
}

#TableVisualizations table.dataTable.nowrap tr th.FilterTH, #TableVisualizations table.dataTable.nowrap tr th.FilterNonLevelTH,#TableVisualizationsInst table.dataTable.nowrap tr th.FilterTH, #TableVisualizationsInst table.dataTable.nowrap tr th.FilterNonLevelTH{
    top: 0
}

#TableVisualizations table.dataTable.nowrap tr th.FilterNonLevelTH,#TableVisualizationsInst table.dataTable.nowrap tr th.FilterNonLevelTH {
    background: none !important
}

#SVRTabs li a:not(.active), #ESTabs li a:not(.active) {
    color: #999
}

#SVRTabs li a, #ESTabs li a {
    text-align: left;
    font: Bold 10px/18px Arial;
    letter-spacing: .8px;
    color: #8248d0;
    text-transform: uppercase;
    opacity: 1
}

#SVRTabs.tabs, #ESTabs.tabs {
    height: 28px;
    width: 35%;
    margin: 30px 0 10px 0;
    white-space: nowrap;
    border: .8px solid #d5d5d5;
    border-radius: 36px;
    padding: 4px 0
}

#ESTabs.tabs {
    width: 52%
}

    #SVRTabs.tabs .tab, #ESTabs.tabs .tab {
        display: inline-block;
        text-align: center;
        line-height: -3px;
        height: 16px;
        padding: 0 0;
        margin: 0 0;
        text-transform: uppercase
    }

    #SVRTabs.tabs .indicator, #ESTabs.tabs .indicator {
        display: none
    }

#MetricsViewMain {
    border: .8px solid #d5d5d5;
    height: auto;
    min-height: 62.5vh;
    max-height: 63vh;
    overflow-y: hidden
}

#TableVisualizations .card .card-content, #tab,#TableVisualizationsInst .card .card-content, #tab {
    height: 62vh;
   /* overflow-y: scroll;
    overflow-x: scroll !important*/
overflow-y: auto; /*march release scroll*/
    overflow-x: auto !important  /*march release scroll*/
}

#ResetAll {
    top: 6px;
    position: absolute
}

li.dc-chart {
    margin: 10px 0
}

#ChartViewMain #tableContainer,#ChartViewMain #tableContainerInst {
    width: 122.5%;
    position: relative;
    left: -21.5%;
    margin: 35px 0;
    border: .8px solid #d5d5d5;
    border-radius: 4px
}

#ChartViewMain {
    border: .8px solid #d5d5d5;
    height: 67vh
}

#FilterScreenDisplay .row {
    font-size: 11px
}

.VisualizationCategory#WorkloadPredictions {
    border-color: var(--CatDarkPurple)
}

    .VisualizationCategory#WorkloadPredictions h6.CategoryHeading {
        font-weight: 600;
        font-size: 14px;
        margin: 2px;
        color: var(--CatDarkPurple);
        pointer-events: none
    }

    .VisualizationCategory#WorkloadPredictions h6.TasksCount {
        line-height: 22px;
        font-weight: 700;
        font-size: 24px;
        padding-bottom: 6px;
        color: var(--CatDarkPurple)
    }

.VisualizationCategory#SiteProfileVsPredictedWorkload {
    border-color: var(--CatDarkestPurple)
}

    .VisualizationCategory#SiteProfileVsPredictedWorkload h6.CategoryHeading {
        font-weight: 600;
        font-size: 13px;
        margin: 2px;
        color: var(--CatDarkestPurple);
        pointer-events: none
    }

    .VisualizationCategory#SiteProfileVsPredictedWorkload h6.TasksCount {
        line-height: 22px;
        font-weight: 700;
        font-size: 24px;
        padding-bottom: 6px;
        color: var(--CatDarkestPurple)
    }

.VisualizationCategory#ProfileTool {
    border-color: var(--CatMidPurple)
}

    .VisualizationCategory#ProfileTool h6.CategoryHeading {
        font-weight: 600;
        font-size: 14px;
        margin: 2px;
        color: var(--CatMidPurple);
        pointer-events: none
    }

    .VisualizationCategory#ProfileTool h6.TasksCount {
        line-height: 22px;
        font-weight: 700;
        font-size: 24px;
        padding-bottom: 6px;
        color: var(--CatMidPurple)
    }

#GPLandingBlockDSM #DashboardKRIMenu ul .KRILabel {
    padding: 0vh 1vw;
    border-bottom: .8px solid #ddd;
    height: 5vh;
    text-align: center;
    display: grid
}

#GPLandingBlockDSM #KPILinks {
    height: 5vh
}

#GPLandingBlockDSM #DashboardKRIMenu ul {
    margin: 0;
    height: 5vh
}

    #GPLandingBlockDSM #DashboardKRIMenu ul li {
        padding: 0;
        height: 5vh;
        display: inline-grid
    }

span.TrendNO:before {
    content: "";
    position: relative;
    top: -15px;
    left: -5px;
    border-bottom: 4px solid #fff;
    padding: 8px;
    border-radius: -3px
}

span.LOWRisk {
    background-color: #44c49d;
    border: 1px solid #44c49d
}

span.LOWRisk, span.AMBERRisk, span.REDRisk, span.GREYRisk, span.INACTIVE_GREYRisk {
    padding: 5px 10px 5px 10px;
    border-radius: 14px;
    color: #fff;
    font-weight: 600;
    text-align: right
}

    span.LOWRisk[onclick], span.AMBERRisk[onclick], span.REDRisk[onclick], span.GREYRisk[onclick], span.NOT[onclick], span.INACTIVE_GREY[onclick] {
        cursor: pointer
    }

#OverallSiteScore span.LOWRisk, #OverallSiteScore span.AMBERRisk, #OverallSiteScore span.REDRisk, #OverallSiteScore span.GREYRisk, #OverallSiteScore span.INACTIVE_GREY {
    padding: 2px 10px 2px 10px;
    border-radius: 14px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    text-align: right
}

span.LOWRisk span.TrendNOT:before {
    content: "";
    position: relative;
    top: -15px;
    left: -5px;
    border-bottom: 4px solid #44c49d;
    padding: 8px;
    border-radius: -3px
}

span.TrendNO_CHANGE:before {
    content: "";
    position: relative;
    top: -15px;
    left: -5px;
    border-bottom: 4px solid #fff;
    padding: 8px;
    border-radius: -3px
}

span.AMBERRisk span.TrendNOT:before {
    content: "";
    position: relative;
    top: -15px;
    left: -5px;
    border-bottom: 4px solid #fdb624;
    padding: 8px;
    border-radius: -3px
}

span.REDRisk span.TrendNOT:before {
    content: "";
    position: relative;
    top: -15px;
    left: -5px;
    border-bottom: 4px solid #ff5858;
    padding: 8px;
    border-radius: -3px
}

span.GREENRisk span.TrendNOT:before {
    content: "";
    position: relative;
    top: -15px;
    left: -5px;
    border-bottom: 4px solid #44c49d;
    padding: 8px;
    border-radius: -3px
}

span.TrendTrendNO_TREND:before {
    content: "";
    position: relative;
    top: -15px;
    left: -5px;
    border-bottom: 4px solid none;
    padding: 8px;
    border-radius: -3px
}

span.NOT {
    background-color: #212121;
    border: 1px solid #212121
}

span.NOT {
    padding: 6px 2px 6px 0;
    border-radius: 14px;
    color: #fff;
    font-weight: 500;
    font-size: 8px;
    text-align: right
}

    span.GREENRisk[onclick], span.AMBERRisk[onclick], span.REDRisk[onclick], span.GREYRisk[onclick], span.INACTIVE_GREYRisk[onclick], span.NOT[onclick] {
        cursor: pointer
    }

    span.NOT span.TrendNOT:before {
        content: "X";
        padding: 0 4px
    }

    span.NOT span.TrendNOT_AVAILABLE:before {
        content: "X";
        padding: 0 4px
    }

#FreqLevelRow .select-wrapper {
    margin: 10px;
    width: 10%
}

    #FreqLevelRow .select-wrapper input {
        height: 2rem;
        border: 1px solid grey;
        border-radius: 32px;
        font-size: 12px;
        padding: 0 0 0 10px
    }

    #FreqLevelRow .select-wrapper .caret {
        fill: rgb(249 240 240);
        border-radius: 50%;
        background: #909890;
        right: 2%;
    }

#DSMVisualizationsView .dataTables_length .select-wrapper input.select-dropdown, #ComModVisualizations .dataTables_length .select-wrapper input.select-dropdown {
    padding: 0;
    border: 1px solid #f2f2f2;
    border-radius: 3px;
    height: 20px;
    margin: 0 4px;
    z-index: 0;
    width: 30px
}

#DSMVisualizationsView .dataTables_length div.select-wrapper, #ComModVisualizations .dataTables_length div.select-wrapper {
    right: unset;
    position: relative;
    top: 0;
    z-index: 1
}

#DSMVisualizationsView .dataTables_length .select-wrapper .caret, #ComModVisualizations .dataTables_length .select-wrapper .caret {
    top: 0;
    right: 0
}

#DSMVisualizationsView #ContactControls .select-wrapper .caret {
    position: relative;
    top: -32px;
    right: -108px
}

#DSMVisualizationsView #ContactControls div.select-wrapper {
    right: 43%;
    position: inherit;
    top: 0;
    z-index: unset
}

th.FilterNonLevelTH {
    background: none
}

table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
    background-color: transparent
}


#TableVisualizations .dataTables_wrapper > table > tbody > tr > td.GrayBack, span.GrayBlock,#TableVisualizationsInst .dataTables_wrapper > table > tbody > tr > td.GrayBack, span.GrayBlock {
    background-color: #d5d5d5
}

div#OnSiteOffSiteOverlay i.OverlayClose, div#ActivityOverlay i.OverlayClose {
    border-radius: 50%;
    border: 1px solid #ddd;
    font-size: 14px;
    padding: 4px
}

div#OnSiteOffSiteOverlay .sidenav-overlay, div#ActivityOverlay .sidenav-overlay {
    position: fixed;
    top: var(--navP);
    left: 0;
    right: 0;
    width: 100%;
    opacity: 0;
    height: 120vh;
    background-color: rgb(255,252,252) !important;
    z-index: 997;
    display: none
}

div#OnSiteOffSiteOverlay, div#ActivityOverlay {
    width: 96%;
    margin-top: 55px;
    margin-left: 4%;
    padding: 20px;
    height: 91%
}

    div#OnSiteOffSiteOverlay i.OverlayClose, div#ActivityOverlay i.OverlayClose {
        border-radius: 50%;
        border: 1px solid #ddd;
        font-size: 14px;
        padding: 4px
    }

#DSMVisualizationsView #ChartView #TableVisualizations a:link, #DSMVisualizationsView #ChartView #TableVisualizationsInst a:link {
    color: #000
}

#DSMVisualizationsView #ChartView #TableVisualizations a:visited,#DSMVisualizationsView #ChartView #TableVisualizationsInst a:visited {
    color: #000
}

#DSMVisualizationsView #ChartView #TableVisualizations a:hover,#DSMVisualizationsView #ChartView #TableVisualizationsInst a:hover {
    color: #00f
}

#DSMVisualizationsView #ChartView #TableVisualizations a:active,#DSMVisualizationsView #ChartView #TableVisualizationsInst a:active {
    color: #00f;
    background-color: azure;
    outline: auto
}

a.OpenOverlayClass {
    float: right;
    border: .8px solid #003c71;
    border-radius: 9px;
    padding: 5px;
    font-size: 12px;
    background: #fff;
    position: absolute;
    bottom: 0;
    right: 3%
}

a.OpenOverlayClassSite {
    float: right;
    border: .8px solid #003c71;
    border-radius: 9px;
    padding: 5px;
    font-size: 12px;
    background: #fff;
    position: absolute;
    bottom: 210px;
    right: 3%
}

a.OpenOverlayClassShipment {
    float: right;
    border: .8px solid #003c71;
    border-radius: 9px;
    padding: 5px;
    font-size: 12px;
    background: #fff;
    position: absolute;
    bottom: 270px;
    right: 3%
}

#DrillDownTableView .dataTables_wrapper > table > tbody > tr > td.GreyBack > span {
    color: #4f4c4d;
    font-weight: 500;
    font-size: 10px;
}

#DrillDownTableView #AnalyticalOverviewSection div .dataTables_wrapper {
    width: 100% !important
}

table.dataTable.nowrap tr th.FilterTH, table.dataTable.nowrap tr th.FilterNonLevelTH {
    top: -25px !important
}

table.dataTable.nowrap tr th.FilterNonLevelTH {
    background: transparent
}

#tableContainer table.dataTable.nowrap tr th.FilterTH, #tableContainer table.dataTable.nowrap tr th.FilterNonLevelTH,#tableContainerInst table.dataTable.nowrap tr th.FilterTH, #tableContainerInst table.dataTable.nowrap tr th.FilterNonLevelTH {
    top: 0px !important
}

.selectedTD {
    background-color: #ede8f5 !important
}

div.dc-html-legend {
    max-width: 340px !important
}

#GPLandingBlockDSM .card-reveal, main .card .card-reveal {
    z-index: 1 !important
}

#MultiSitesCategoryProfile {
    background-color: #fff
}

#SiteCategoryScoreTrendingOverTimeChart g.axis.y, #DataCategoryScoreTrendingOverTimeChart g.axis.y, #SubjectCategoryScoreTrendingOverTimeChart g.axis.y, #KRIScoreTrendingOverTimeChart g.axis.y {
    display: none
}

#tableContainer .Chart_container,#tableContainerInst .Chart_container,#tableContainerLM .Chart_container {
    /*overflow-y: scroll;
    overflow-x: scroll;*/
overflow-y: auto;  /*march release scroll*/
    overflow-x: auto;/*march release scroll*/
    max-height: 500px;
    min-height: 500px;
    position: relative
}

#FilterKRILevelDropdownId .select-wrapper {
    margin: 10px;
    width: 10%
}

    #FilterKRILevelDropdownId .select-wrapper input {
        height: 2rem;
        border: 1px solid grey;
        border-radius: 32px;
        font-size: 12px;
        padding: 0 0 0 10px
    }

    #FilterKRILevelDropdownId .select-wrapper .caret {
        fill: rgb(249 240 240);
        border-radius: 50%;
        background: #909890;
        right: -8%
    }

#TimetoEnterPercentageChart.dc-chart g.row text.titlerow {
    fill: #003468;
    font-weight: 600;
    font-size: 10px;
    font-family: Arial;
    cursor: pointer;
    text-anchor: end;
   // transform: translate(160px,0)
}

#TableVisualizations table.dataTable thead .sorting_asc, table.dataTable thead .sorting_asc,#TableVisualizationsInst table.dataTable thead .sorting_asc, table.dataTable thead .sorting_asc {
    border: 1.2px solid var(--CatLightPurple)
}

#TableVisualizations table.dataTable thead .sorting_desc, table.dataTable thead .sorting_desc,#TableVisualizationsInst table.dataTable thead .sorting_desc, table.dataTable thead .sorting_desc {
    border: 1.2px solid var(--CatLightPurple)
}

#GPLandingBlockDSM div.dc-html-legend {
    max-width: 170px !important
}

img.activator {
    width: 20px;
    height: 25px;
    position: absolute;
    top: 7.4%;
    left: 97%
}

.CarContainer .carousel {
    height: 92vh !important
}

.CarContainer {
    min-height: 93vh !important
}

#StatusSite_Table_filter {
    margin: 0;
    visibility: hidden
}

#ChartView #TableVisualizations .card .card-content,#ChartView #TableVisualizationsInst .card .card-content {
    height: 59vh
}

#MetricsViewMain #TableVisualizations .card .card-content,#MetricsViewMain #TableVisualizationsInst .card .card-content {
    height: 54vh
}

#GPLandingBlockDSM #tableContainer,#GPLandingBlockDSM #tableContainerInst {
    width: 100%;
    left: 0%
}

#ProfileScoreSPTExpanded #tableContainer .Chart_container table.dataTable.nowrap tr th {
    
    white-space: pre-wrap;
    width: 120px !important;
}
#ProfileScoreSPTExpanded #tableContainer {
    width: 100% !important;
    left:unset !important;
}
#DrillDownTableView .dataTables_wrapper>table>tbody>tr>td.GreyBack, span.GreyBlock {
    background-color: #D5D5D5;
}

#DrillDownTableView .dataTables_wrapper>table>tbody>tr>td.YellowBack, span.YellowBlock {
    background-color: #E3D220 !important;
}
 .dataTables_wrapper > table > tbody > tr > td.GreyBack > span {
    color: #4f4c4d;
    font-weight: 500;
    font-size: 10px;
}
#tableContainer .dataTables_wrapper>table>tbody>tr>td.YellowBack, span.YellowBlock,#tableContainerInst .dataTables_wrapper>table>tbody>tr>td.YellowBack, span.YellowBlock {

    background-color: #E3D220 !important;
}
.card .card-reveal::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.card .card-reveal::-webkit-scrollbar-thumb {
    background: #D5D5D5;
    border-radius: 2px;
}
.card .card-reveal::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #673ab752;
    border-radius: 2px;
}
#IssuesPD .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td.RedBack, span.RedBlock {
    background-color: #FF5858
}

#IssuesPD .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td.GreyBack, span.GreyBlock {
    background-color: #D5D5D5
}

#IssuesPD .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td.GreenBack, span.GreenBlock {
    background-color: #44C49D
}

#IssuesPD .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td.AmberBack, span.AmberBlock {
    background-color: #FDB624
}

#IssuesPD .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td.YellowBack, span.YellowBlock {
    background-color: #E3D220
}

#IssuesPD .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td.BlueBack, span.BlueBlock {
    background-color: #00F
}

#ComModNestedExpandedOvrlay .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td.RedBack, span.RedBlock {
    background-color: #FF5858
}

#ComModNestedExpandedOvrlay .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td.GreyBack, span.GreyBlock {
    background-color: #D5D5D5
}

#ComModNestedExpandedOvrlay .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td.GreenBack, span.GreenBlock {
    background-color: #44C49D
}

#ComModNestedExpandedOvrlay .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td.AmberBack, span.AmberBlock {
    background-color: #FDB624
}

#ComModNestedExpandedOvrlay .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td.YellowBack, span.YellowBlock {
    background-color: #E3D220
}

#ComModNestedExpandedOvrlay .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td.BlueBack, span.BlueBlock {
    background-color: #00F
}

#ComModReportExpandedOvrlay .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td.RedBack, span.RedBlock {
    background-color: #FF5858
}

#ComModReportExpandedOvrlay .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td.GreyBack, span.GreyBlock {
    background-color: #D5D5D5
}

#ComModReportExpandedOvrlay .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td.GreenBack, span.GreenBlock {
    background-color: #44C49D
}

#ComModReportExpandedOvrlay .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td.AmberBack, span.AmberBlock {
    background-color: #FDB624
}

#ComModReportExpandedOvrlay .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td.YellowBack, span.YellowBlock {
    background-color: #E3D220
}

#ComModReportExpandedOvrlay .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td.BlueBack, span.BlueBlock {
    background-color: #00F
}

#MetricsViewMain .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td.AmberBack, span.AmberBlock {
    background-color: #FDB624
}

#MetricsViewMain .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td.RedBack, span.RedBlock {
    background-color: #FF5858
}

#MetricsViewMain .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td.GreyBack, span.GreyBlock {
    background-color: #D5D5D5
}

#MetricsViewMain .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td.GreenBack, span.GreenBlock {
    background-color: #44C49D
}

#MetricsViewMain .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td.AmberBack, span.AmberBlock {
    background-color: #FDB624
}

#MetricsViewMain .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td.YellowBack, span.YellowBlock {
    background-color: #E3D220
}

#MetricsViewMain .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td.BlueBack, span.BlueBlock {
    background-color: #00F
}

#ReportExpanded .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td.AmberBack, span.AmberBlock {
    background-color: #FDB624
}

#ReportExpanded .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td.RedBack, span.RedBlock {
    background-color: #FF5858
}

#ReportExpanded .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td.GreyBack, span.GreyBlock {
    background-color: #D5D5D5
}

#ReportExpanded .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td.GreenBack, span.GreenBlock {
    background-color: #44C49D
}

#ReportExpanded .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td.AmberBack, span.AmberBlock {
    background-color: #FDB624
}

#ReportExpanded .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td.YellowBack, span.YellowBlock {
    background-color: #E3D220
}

#ReportExpanded .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td.BlueBack, span.BlueBlock {
    background-color: #00F
}

#TableVisualizations .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td.AmberBack, span.AmberBlock,#TableVisualizationsInst .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td.AmberBack, span.AmberBlock {
    background-color: #FDB624
}

#TableVisualizations .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td.RedBack, span.RedBlock,#TableVisualizationsInst .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td.RedBack, span.RedBlock {
    background-color: #FF5858
}

#TableVisualizations .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td.GreyBack, span.GreyBlock,#TableVisualizationsInst .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td.GreyBack, span.GreyBlock {
    background-color: #D5D5D5
}

#TableVisualizations .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td.GreenBack, span.GreenBlock,#TableVisualizationsInst .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td.GreenBack, span.GreenBlock {
    background-color: #44C49D
}

#TableVisualizations .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td.YellowBack, span.YellowBlock,#TableVisualizationsInst .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td.YellowBack, span.YellowBlock {
    background-color: #E3D220
}

#TableVisualizations .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td.BlueBack, span.BlueBlock,#TableVisualizationsInst .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td.BlueBack, span.BlueBlock {
    background-color: #00F
}

#tableContainer .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td.AmberBack, span.AmberBlock,#tableContainerInst .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td.AmberBack, span.AmberBlock {
    background-color: #FDB624
}

#tableContainer .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td.RedBack, span.RedBlock,#tableContainerInst .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td.RedBack, span.RedBlock {
    background-color: #FF5858
}

#tableContainer .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td.GreenBack, span.GreenBlock,#tableContainerInst .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td.GreenBack, span.GreenBlock {
    background-color: #44C49D
}

#tableContainer .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td.YellowBack, span.YellowBlock,#tableContainerInst .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td.YellowBack, span.YellowBlock {
    background-color: #E3D220
}

#tableContainer .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td.BlueBack, span.BlueBlock,#tableContainerInst .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td.BlueBack, span.BlueBlock {
    background-color: #00F
}

#tableContainer .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td.GreyBack, span.GreyBlock,#tableContainerInst .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td.GreyBack, span.GreyBlock {
    background-color: #D5D5D5
}

#DrillDownTableView .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td.AmberBack, span.AmberBlock {
    background-color: #FDB624
}

#DrillDownTableView .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td.RedBack, span.RedBlock {
    background-color: #FF5858
}

#DrillDownTableView .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td.GreenBack, span.GreenBlock {
    background-color: #44C49D
}

#DrillDownTableView .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td.GreyBack, span.GreyBlock {
    background-color: #D5D5D5
}

#DrillDownTableView .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td.YellowBack, span.YellowBlock {
    background-color: #E3D220
}

#DrillDownTableView .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td.BlueBack, span.BlueBlock {
    background-color: #00F
}
nav .nav-content {
    height: 30px;
    background-color: #fff;
    position: fixed;
    width: 100%;
    bottom: 0;
}
nav .nav-content {
    height: 30px;
    background-color: #fff;
    position: fixed;
    width: 100%;
    bottom: 0
}

    nav .nav-content .col {
        line-height: 30px
    }

#CategoryScoreTrendingChartISORLegend div.dc-html-legend, #PredictedWorkloadActivitySiteChartISORLegend div.dc-html-legend {
    max-width: 600px !important
}

#TotalAECountTableLM #LevelDropdownSection .select-wrapper .caret {
    left: 1% !important;
    top: -19%  !important;
    display: none !important;	
}

#TotalAECountTableLM #LevelDropdownSection .dropdown-content {

 top: 47% !important;
}