/* Ekko Header Design {Light Mode}
–––––––––––––––––––––––––––––––––––––––––––––––––– */

body .header_row_background {
    background-color: #F2F2F3;
    border: 0.5px solid #DCDCDC;
}

/* Breadcrumb 
–––––––––––––––––––––––––––––––––––––––––––––––––– */

body .breadcrumb {
    color: #454447;
    background-color: #F2F2F3;
}


/* Right Pane Buttons  
–––––––––––––––––––––––––––––––––––––––––––––––––– */

body .header_button {
    background-color: #F2F2F3;
    color: #1D1C1D;
}

body .header_button:hover {
    background-color: #B6B5B7;
}

/* Override dash buttons */
body .header_button > .btn-primary:hover {
    background-color: #B6B5B7;

}


/* Not currently in use */
.button_clear_user_session {
    background-image: url("/assets/icons/trash.svg");
}

/* Refresh Session Button */
.button_refresh_profile {
    background-image: url("/assets/icons/reset.svg");
}

/* Edit Profile Button */
.button_edit_profile {
    background-image: url("/assets/icons/edit.svg");
}


/* Icons 
–––––––––––––––––––––––––––––––––––––––––––––––––– */

body .header_text {
    color: #262426;
}


/* User Profile - Right Pane 
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Offcanvas Body Headings */
body .user_profile_headings {
    color: #1D1C1D;
}

/* Offcanvas Buttons */
body .user_profile_button {
    color: #1D1C1D;
    background-color: transparent;   
}

body .user_profile_button:hover {
    background-color: #DDDDDD;
    color: #1D1C1D;    
}