/* Main Container */
.nav_account_div {
     height: 100%;
     max-height: 100%;
     margin-right: 10px;
}

/* Content Containers */
.nav_account_signed_out {
     display: none;
     width: 185px;
     height: 100%;
     position: relative;
     display: flex;
     justify-content: flex-end;
     align-items: center;
}
.nav_account_signed_in {
     width: 185px;
     height: 100%;
     display: flex;
     flex-direction: row;
     align-items: center;
     justify-content: flex-end;

     font-family: Arial;
     color: white;
}

/* Content */
.nav_account_profile_img {
     display: none;
     height: 36px;
     width: 36px;
     background: green;
     border-radius: 50%;
     margin-right: 5px;
}

.nav_account_text_container {
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: flex-start;
     margin-right: 5px;
}
.nav_account_name { font-size: 15px; }
.nav_account_secondary_text { font-size: 12px; }
.nav_account_menu_icon {
     cursor: pointer;
     transition: all 200ms ease-in-out;
}
.nav_account_menu_icon:hover {
     transform: scale(1.1);
}

/* Signed Out Log in Button */
.nav_account_login_button {
     padding: 10px;
     color: #fff;
     background-color: #337CA0;
     width: 100px;
     border: 0px;
     border-radius: 3px;
     cursor: pointer;
     font-family: Arial;
     font-size: 14px;
}