:root {
    --DashColorFinanceBlue: #0B406C;
    --DashColorFinanceLightBlue: skyblue;
    --DashColorTravelBlue: #0070C0;
    --DashBoardBlueColor: #0036C9;
    --DashBoardBlackColor: #222;
    --DashBoardBorderColor: #D2D0CE;
    --DashBoardBackgroundColor: #E7E9EA;
    --EmployeesDashBoardGreenColor: #31C4A6;
}


.DashBoardContainer {
   
   
    font-size: 13px;
}
    .DashBoardContainer .DashBoardHeader {
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 5px;
        color: #dc3545;
    }

        .DashBoardContainer .DashBoardHeader a {
            cursor: pointer;
            text-decoration: none;
            color: #dc3545;
        }

    .DashBoardContainer .DashBoardContent {
        margin-top: 5px;
    }

   .ChartContainer {
     padding:10px;
    width:100%;
}

    .DashBoardContainer .ChartHeader {
    }

    .DashBoardContainer .ChartContent {
    }

    .DashBoardContainer .SummaryCard {
        width: 100%;
        cursor: pointer;
        text-decoration: none;
    }

        .DashBoardContainer .SummaryCard .e-card-header {
            padding-top: 1px !important;
            padding-bottom: 1px !important;
            text-align: left !important;
            font-weight: bold;
            font-size: 15px;
            color: #212529 !important;
        }

        .DashBoardContainer .SummaryCard .Count {
            color: #6f6f6f;
            font-size: 15px;
        }

.DashBoardTile {
}

.DashBoardTile .TileText {
    font-size: 15px !important;
    color: black !important;
}
.DashBoardView {
    background-color: var(--DashBoardBackgroundColor);
    min-height: 500px;
    padding-bottom:5px;
	 font-family: 'Montserrat' !important;
}
.deep .e-control, .e-css {
    font-family: 'Montserrat' !important;
}
@media screen and (min-width: 1107px) and (max-width: 1444px) {
    .DashBoardTile .TileText {
        font-size: 12px !important;
    }
    .DashBoardTile .TileValue {
        font-size: 11px !important;
    }
}
.DashBoardCategoryLevel {
    font-size: 12px !important;
    font-weight: bold;
    font-style: italic;

}
@media screen and (max-width: 1106px) {
    .DashBoardTile .TileText {
        font-size: 11px !important;
        font-weight: bold !important;
    }
    .DashBoardTile .TileValue {
        font-size: 10px !important;
        font-weight: bold !important;
    }
}



.BannerContainer {
    background-color: var(--CompanyDefaultColor);
    border-bottom: 1px solid #d6d5d5;
    padding: 5px;
    padding-bottom: 15px;
}

.BannerUpperSection {
    min-height: 20px;
}

.BannerLowerSection {
}
.TitleSection {
  
    flex-grow: 1;
}

.TitleContainer {
    margin-left: 10px;
    font-size: 25px;
    font-weight: initial;
    color: white;
   
    flex-grow: 1;
}


.FilterSection {
}
.RowContainer {
    margin-top: 2.5px;
    margin-bottom: 2.5px;
}
@media only screen and (max-width: 768px) {
    .TitleContainer {
        font-size: 20px;
    }
}

.TooltipContainer {
    width: 250px;
    height: auto;
    padding: 10px;
    background-color: white;
    border-style: solid;
    border-color: var(--MarketingOrangeColor);
    border-width: 1px;
}

.TooltipHeader {
    font-weight: bold;
    color: var(--MarketingOrangeColor);
}

.TooltipContent {
    border-top-style: solid;
    border-top-color: var(--MarketingOrangeColor);
    border-top-width: 1px;
    color: black;
}