body{
    
    --ka-blue: #0071BB;
    --ka-grey:#6b6a6a;
    --ka-lightgrey: #e8ebef;
    
    font-family:'Helvetica', 'Arial', sans-serif;
    background-color:white;
}


.btn-primary{
    background-color:var(--ka-blue) !important;
}
.btn-primary:hover{
    background-color:var(--ka-blue) !important;
}

.btn.btn-primary {
    border: 1px solid var(--ka-blue);
}

.btn.btn-primary:hover{
    border: 1px solid var(--ka-blue);
}

.btn-group > .btn-primary.dropdown-toggle{
    border-left: 1px solid var(--ka-blue);
}

.btn-group > a.btn-primary{
    border-right: 1px solid var(--ka-blue);
}

#Embed > button{
    background-color:var(--ka-blue) !important;
}

#ef-navbar{
    background-color:white;
}

#ef-navigation > li > a > i{
    color:var(--ka-grey);
}

body > div.breadcrumb-x
{
    background-color:var(--ka-blue);
    color:white;
    text-transform:uppercase
}

body > div.breadcrumb-x > div > div > ol.breadcrumb.visible-lg > li > a,
body > div.breadcrumb-x > div > div > ol.breadcrumb.visible-md > li > a,
body > div.breadcrumb-x > div > div > ol.breadcrumb.visible-sm > li > a,
body > div.breadcrumb-x > div > div > ol.breadcrumb.visible-xs > li > a{
    color:white;
}

#searchDiv > div.searchDivRight,#searchDiv > div.searchDivRight > span, #ef-search-bar{
    background-color:white !important;
    text-transform:uppercase;
}

#ef-navigation > li.user-preferences > a > div > div > div{
    background-color:var(--ka-blue) !important;
}

#ef-navbar .container ul.nav.navbar-nav li a.dropdown-toggle + ul.dropdown-menu{
    background-color:white !important;
}

#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu li a ~ ul.dropdown-menu{
    background-color:white !important;
}

#ef-navbar .container ul.nav.navbar-nav li.open a.dropdown-toggle{
    background-color:white !important;
}

#ef-navbar .container ul.nav.navbar-nav > li.user-preferences ul.dropdown-menu:after{
    background-color:white !important;
}

#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu > li > a:hover{
    background-color:var(--ka-lightgrey) !important;
}

#user-roles > ul > li > a{
    color: var(--ka-blue) !important;
}

#ef-navigation > li.user-preferences.open > ul > li > a{
    color: var(--ka-blue) !important;
}

#ef-options-block > div > div > div > div > table > tbody > tr > td:hover{
    background-color:var(--ka-lightgrey) !important;
}

div.ef-block{
    box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.3);
}

/* LOGIN */

html:not(.popup) body:not(.ef-user-signed-in)
{
    background-image:url('/assets/images/slider-3.jpg');  
    background-attachment:fixed; 
    background-repeat:no-repeat;
    background-position:bottom;
    background-size:80vh;    
    max-width: 100% !important;
}

body:not(.ef-user-signed-in) > #ef-index-page > div:nth-child(2) {
    max-width:50%;
}


/* GRAPHS */

path[fill="#009688"]
{
	fill: var(--ka-blue);
}

path[stroke="#009688"]
{
	stroke: var(--ka-blue);
}

circle[fill="#009688"]{
	fill: var(--ka-blue);
}

circle[stroke="#009688"]{
	stroke: var(--ka-blue);
}

path[fill="#67b7dc"]
{
	fill:var(--ka-lightgrey);
}

path[stroke="#67b7dc"]
{
	stroke:var(--ka-grey);
}


circle[fill="#67b7dc"]{
	fill:var(--ka-grey);
}

circle[stroke="#67b7dc"]{
	stroke:var(--ka-grey);
}

#ef-navbar .container ul.nav.navbar-nav li.open .dropdown-toggle {
    background-color: #ffffff;
}

#ef-navbar .container ul.nav.navbar-nav li .dropdown-toggle + ul.dropdown-menu
{
    background-color: #ffffff;
}

/* DO NOT ADD/EDIT AFTER THIS LINE */
html.new-ui-html:root{--c-brand-primary:#ffffff;--c-brand-primary-darken-5:#fafafa;--c-brand-primary-darken-7:#f8f8f8;--c-brand-primary-darken-10:#f5f5f5;--c-brand-primary-darken-15:#f0f0f0;--c-brand-primary-darken-17:#eeeeee;--c-brand-primary-darken-20:#ebebeb;--c-brand-primary-darken-25:#e6e6e6;--c-brand-primary-lighten-7:#ffffff;--c-brand-primary-lighten-40:#ffffff;}