#dropdown_logout {
    color:white
}

#dropdown_logout:hover {
    color: rgba(55,55,55,1);
}


.homeIcon{
    min-width: 50px;
    text-align: center;
    color:white;
}
.homeIconActive .homeIcon{
    min-width: 50px;
    text-align: center;
    color:rgba(55,55,55,1);
}
.homeIcon:hover{
    min-width: 50px;
    text-align: center;
    color:rgba(55,55,55,1);
}

.homeIconActive{
    text-align: center;
}

.navButton {
    min-width: 150px;
    border-left-width:0px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-right-width: 0px;
    border-style: solid;
    border-color: white;
    color: white;
    text-align: center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}
.activeNav{

    min-width: 150px;
    border-left-width:0px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-right-width: 0px;
    border-style: solid;
    border-color: white;
    color: white;
    text-align: center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}

.navButton .text{
    color: white;
}

.activeNav .text{
    color: rgba(55,55,55,1);
}

.navButton:hover .text{
    color: rgba(55,55,55,1);
}

.activeNav:hover .text{
    color: rgba(55,55,55,1);
}