body{
}
.ProjectComponentContent{
}
@media only screen and (max-aspect-ratio: 1.165/1) {
    .ProjectOverviewWrapper{
    }
    .ProjectComponentContent{
    }
    .ListingButtons:hover{
        .ListingButton{
        }
    }
    .ListingButtons{
    }
    .ListingButton:hover{
        background-color: #E7EDEB;
        border-top: none;
        border-left: none;
        border-bottom: #a3b3b5 0.5vh solid;
        border-right: #a3b3b5 0.5vh solid;
    }
    .ListingButton{
        border-top: #a3b3b5 0.5vh solid;
        border-left: #a3b3b5 0.5vh solid;
        border-bottom: none;
        border-right: none;
    }
    .ProjectComponent{
    }
    .ProjectComponentProgress{
        background-color: #c9d4d0
    }
    .hotbarButton{
        background-color: #5C899D !important;
        color: white !important;
        border: none;
    }
    .WidgetTitle{
        color: #FFFCEF;
        text-shadow: #c9d4d0 0.25vh 0.25vh 0vh;
    }
}
@media only screen and (min-aspect-ratio: 1.165/1) {
    .ProjectComponentProgress{
        background-color: #c9d4d0
    }
    .WidgetTitle{
        color: #FFFCEF;
        text-shadow: #c9d4d0 0.25vh 0.25vh 0vh;
    }
    .ListingButtons:hover{
        .ListingButton{
            background-color: transparent;
            color: #5C899D;
            text-shadow: #c9d4d0 0.25vh 0.25vh 0vh;
        }
    }
    .ListingButtons{
        .ListingButton{
            background-color: #c9d4d0;
            text-shadow: none;
        }
    }
    .ListingButton:hover{
        background-color: #E7EDEB;
        border-top: none;
        border-left: none;
        border-bottom: #a3b3b5 0.5vh solid;
        border-right: #a3b3b5 0.5vh solid;
    }
    .ListingButton{
        border-top: #a3b3b5 0.5vh solid;
        border-left: #a3b3b5 0.5vh solid;
        border-bottom: none;
        border-right: none;
    }
}
.DashboardWidgetField{
    border-top: #a3b3b5 0.5vh solid;
    border-left: #a3b3b5 0.5vh solid;
    background-color: #FFFCEF;
}
.ActivatedButton{
    background-color: #69A481 !important;
    color: white !important;
}
.ProgressTrackerComponent{
    background-color: #c9d4d0;
}
.DashboardWidgetContainer{
    background-color: #dae6e1;
    border-bottom: #a3b3b5 0.5vh solid;
    border-right: #a3b3b5 0.5vh solid;
}
.StaffTitle{
    color: #5C899D;
    text-shadow: #c9d4d0 0.25vh 0.25vh 0vh;
    background-color: #FFFCEF ;
}
.StaffPFP{
    background-color: #c9d4d0;
}
.StaffPFP.Offline::after{
    border: #FFFCEF 0.5vh solid;
    background: #9aa6a2;
}
.StaffPFP.Online::after{
    border: #FFFCEF 0.5vh solid;
    background: #69A481;
}
.StaffName{
    color: #5978cf;
    text-shadow: #c9d4d0 0.5vh 0.5vh 0vh;
    background-color: #FFFCEF ;
}
.UserPFP{
    background-color: #c9d4d0;
}
.CalenderMonths{
    background-color: #c9d4d0;
}
.CalenderButton.Current{
    Color: #4dc6ff;
    background-color: #E7EDEB;
}
.Calender{
    background-color: #5978cf;
}
.CalenderButton{
    background-color: #E7EDEB;
    border-right: #a3b3b5 0.5vh solid;
    border-bottom: #a3b3b5 0.5vh solid;
}
.CalenderDate.YetToCome{
    border-top: none;
    border-left: none;
    border-bottom: #a3b3b5 0.5vh solid;
    border-right: #a3b3b5 0.5vh solid;
}
.CalenderDate.Today{
    border-top: none;
    border-left: none;
    border-bottom: #548c6c 0.5vh solid;
    border-right: #548c6c 0.5vh solid;
}
.CalenderDate.Passed{
    border-top: none;
    border-left: none;
    border-bottom: #8a9490 0.5vh solid;
    border-right: #8a9490 0.5vh solid;
}
.StaffList{
    background-color:#a3b3b5;
}
.StaffPFPWidget{
    background-color: #c9d4d0;
}
.StaffPFPWidget.Offline::after{
    border: #FFFCEF 0.25vh solid;
    background: #9aa6a2;
}
.StaffPFPWidget.Online::after{
    border: #FFFCEF 0.25vh solid;
    background: #69A481;
}
.StaffTitleWidget{
    color: #5C899D;
    text-shadow: #c9d4d0 0.25vh 0.25vh 0vh;
    background-color: #FFFCEF ;
}
.StaffNameWidget{
    color: #5978cf;
    text-shadow: #c9d4d0 0.25vh 0.25vh 0vh;
    background-color: #FFFCEF ;
}
.StaffProfileWidget:hover {
    border-top: #c9d4d0 0vh solid;
    border-left: #c9d4d0 0vh solid;
    border-bottom: #c9d4d0 0.25vh solid;
    border-right: #c9d4d0 0.25vh solid;
}
.StaffProfileWidget{
    border-top: #c9d4d0 0.25vh solid;
    border-left: #c9d4d0 0.25vh solid;
    border-bottom: #c9d4d0 0vh solid;
    border-right: #c9d4d0 0vh solid;
    background-color: #FFFCEF;
}
.StaffProfile{
    background-color: #FFFCEF;
}
.UserPFP.Offline::after{
    border: #FFFCEF 0.5vh solid;
    background: #9aa6a2;
}
.UserPFP.Online::after{
    border: #FFFCEF 0.5vh solid;
    background: #69A481;
}
.UserName{
    color: #5978cf;
    text-shadow: #c9d4d0 0.5vh 0.5vh 0vh;
    background-color: #FFFCEF ;
}
.DashboardHighlightedText{
    color: #5978cf;
    text-shadow: #c9d4d0 0.25vh 0.25vh 0vh;
}
.DashboardText{
    color: #5C899D;
    text-shadow: #c9d4d0 0.25vh 0.25vh 0vh;
}
.DashboardTitle{
    color: #5C899D;
    text-shadow: #c9d4d0 0.5vh 0.5vh 0vh;
}
.DashboardContent{
    border-bottom: #c9d4d0 0.75vh solid;
    border-right: #c9d4d0 0.75vh solid;
    background-color: #FFFCEF ;
}
.UserProfile{
    background-color: #FFFCEF;
}
.StaffMemberWrapper{
    background-color: #c9d4d0;
    outline: #6ca9c4 0.75vh solid;
    border-left: #f2edd8 0.75vh solid;
}
.HotbarWrapper{
    border-bottom: #f2edd8 0.75vh solid;
    outline: #6ca9c4 0.75vh solid;
    background-color: #FFFCEF;
}
.TitleStaff{
    color: #5978cf;
    text-shadow: #c9d4d0 0.5vh 0.5vh 0vh;
}
.Title{
    color: #5C899D;
    text-shadow: #c9d4d0 0.5vh 0.5vh 0vh;
}
.hotbarButton:active{
    color:#4dc6ff !important;
}
.hotbarButton:hover{
    color: #5978cf;
    text-shadow: #c9d4d0 0.5vh 0.25vh 0vh;
}
.hotbarButton{
    text-shadow: #c9d4d0 0 0 0;
    color: #5C899D;
}
body{
    background-color: #5C899D;
}
::-webkit-scrollbar-track {
    background: #9aa6a2;
}
::-webkit-scrollbar-thumb {
    background-color: #c9d4d0;
}
::-webkit-scrollbar-thumb:hover {
    background-color: white;
}