.projectStatsPopup{
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    z-index: 11;
}
.projectStatsPopup .background{
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: #000;
    opacity: 0.65;
}
.projectStatsPopup .content{
    position: relative;
    background: #fff;
    width: 1000px;
    margin: 70px auto;
    max-height: 900px;
    overflow: auto;
    border-radius: 10px;
    border: 2px solid black;
}
.projectStatsPopup .content .title{
    text-align: center;
    line-height: 50px;
    background: var(--trackrHeaderColor);
    color: white;
    font-size: 20px;
}


.projectStatsPopup .content .filtersHolder{

}
.projectStatsPopup .content .filtersHolder .timeFilters{
    width: 300px;
    margin: 20px auto 30px;
    overflow: auto;
}
.projectStatsPopup .content .filtersHolder .timeFilters .timeFilter{
    float: left;
    width: 100px;
    text-align: center;
    border-right: 1px solid black;
    cursor: pointer;
}
.projectStatsPopup .content .filtersHolder .timeFilters .timeFilter:last-of-type{
    border-right: none;
}
.projectStatsPopup .content .filtersHolder .timeFilters .timeFilter.selected{
    background: var(--trackrDarkBlueColor);
    color: white;
}


.projectStatsPopup .content .filtersHolder .projectTypeFilters{
    overflow: auto;
    margin: 20px auto 40px;
    width: 940px;
}
.projectStatsPopup .content .filtersHolder .projectTypeFilters .projectTypeFilterHolder{
    float: left;
    margin-right: 40px;
}
.projectStatsPopup .content .filtersHolder .projectTypeFilters .projectTypeFilterHolder .projectTypeFilter{
    float: left;
    padding: 3px 8px;
    border: 1px solid gray;
    cursor: pointer;
}
.projectStatsPopup .content .filtersHolder .projectTypeFilters .projectTypeFilterHolder .projectTypeFilter.selected{
    background: var(--trackrDarkBlueColor);
    color: #fff;
    border-color: #fff;
}




.projectStatsPopup .content .canvasHolder{

}
.projectStatsPopup .content .canvasHolder .monthsHolder{

}
.projectStatsPopup .content .canvasHolder .monthsHolder .monthHolder{
    clear: both;
    border-bottom: 1px solid gray;
    line-height: 30px;
    margin-left: 10px;
    /*overflow: auto;*/
}
.projectStatsPopup .content .canvasHolder .monthsHolder .monthHolder:last-of-type{
    border-bottom: none;
}
.projectStatsPopup .content .canvasHolder .monthsHolder .monthHolder .monthName{
    font-size: 19px;
    float: left;
    width: 120px;
}
.projectStatsPopup .content .canvasHolder .monthsHolder .monthHolder .dollarsHolder{
    float: left;
}
.projectStatsPopup .content .canvasHolder .monthsHolder .monthHolder .dollarsHolder .dollarsValue{
    float: left;
    width: 100px;
    text-align: center;
}
.projectStatsPopup .content .canvasHolder .monthsHolder .monthHolder .dollarsHolder .dollarsValue.totalDollars{
    font-size: 18px;
    margin-right: 20px;
}
.projectStatsPopup .content .canvasHolder .monthsHolder .monthHolder .dollarsHolder .dollarsValue.acceptedDollars{
    color: var(--positiveColor);
}
.projectStatsPopup .content .canvasHolder .monthsHolder .monthHolder .dollarsHolder .dollarsValue.declinedDollars{
    color: var(--negativeColor);
}
.projectStatsPopup .content .canvasHolder .monthsHolder .monthHolder .acceptPercentage{
    margin-left: 0px;
    position: relative;
    left: 10px;
    color: #aeaeae;
}
.projectStatsPopup .content .canvasHolder .monthsHolder .monthHolder .totalDollarsBar{
    float: left;
    height: 10px;
    background: #818181;
    background: #81818100;
    position: relative;
    top: 10px;
    margin-left: 60px;
}
.projectStatsPopup .content .canvasHolder .monthsHolder .monthHolder .totalDollarsBar .dollarsBar{
    float: left;
    height: 100%;
}
.projectStatsPopup .content .canvasHolder .monthsHolder .monthHolder .totalDollarsBar .dollarsBar.acceptedDollarsBar{
    background: var(--positiveColor);
}
.projectStatsPopup .content .canvasHolder .monthsHolder .monthHolder .totalDollarsBar .dollarsBar.limboDollarsBar{
    background: #5e5e5e;
}
.projectStatsPopup .content .canvasHolder .monthsHolder .monthHolder .totalDollarsBar .dollarsBar.declinedDollarsBar{
    background: var(--negativeColor);
}