:root {
    --all-font-family: 'Lato', serif;
    --body-font-color-base: #527299; 
    --body-bg-color: #f4f5f8;
    --header-bg-color: rgba(123,182,92,1);
    --header-text-color: #ffffff;
    --header-dropdown-bg-color: #ddd;
    --header-dropdown-bg-color: #ffffff;
    --header-dropdown-divider-color: #ddd;
    --header-dropdown-text-color: #527299;
    --header-dropdown-text-color-hover: #777;

    --searchbar-bg-color: rgba(255,255,255,0.8);
    --searchbar-border: 1px solid #fff;
    
    --insert-text-messages: 'Messages';
    --insert-text-notifications: 'Notifications';     

    --navbar-bg-color: #ffffff;
    --navbar-border-bottom: 1px solid #e7e7e7;
    --nav-text-color: #527299;
    --nav-text-color-hover: #527299;  
    --navbar-expand-text-color: #ffffff !important;
    --navbar-expand-bg-color: #527299;
    
    --breadcrumb-bg-color: #f4f5f8;
    --breadcrumb-text-color: #527299; 
    --page-instructions-color: #555;
    
    --ef-block-bg-color: #ffffff;
    --ef-block-padding: 0px;
    --inner-ef-block-padding: 20px;
    
    --button-bg-color: #527299;
    --button-bg-color-hover: #527299; 
    --button-bg-color-active: #527299;    
    --button-font-color: #ffffff; 
    --button-font-color-hover: #ffffff;    
    --button-font-color-active: #ffffff;  
    --button-border: 0px solid #527299;
    
    --button-bg-color-invert: #f4f5f8;
    --button-bg-color-hover-invert: #eff1f5; 
    --button-bg-color-active-invert: #e0e3eb;    
    --button-font-color-invert: #527299; 
    --button-border-invert: 1px solid #e0e3eb;
    --button-padding: 12px 24px;
    --button-border-radius: 3px; 
        
    --tab-slider-underline-color: ;
    --tab-slider-underline-height: ;
    
    --text-link-color: #527299;   
}

#searchDiv, #ef-search-bar, .searchDivRight, #ef-navbar form.navbar-form span.search-handle  {
    background-color: #ccc !important;
}