:root {
  --primary-color: #00bcd4;
  --primary-color-gradient:#01adc4;
  --primary-color-shadow: rgb(0, 184, 207);
  --primary-color-shadow-14:rgb(0, 184,207,.14);
  --primary-color-shadow-20:rgb(0, 184,207,.2);
  --primary-color-shadow-12:rgb(0, 184,207,.12);
}

div[class*="-primary"]:not([class*="icon"]),#sidebar-navigation li[class*="active"] a {
    background: linear-gradient(60deg,var(--primary-color),var(--primary-color-gradient))!important;
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px var(--primary-color-shadow-20)!important;
}
  
a, a.dropdown-item{
  color:var(--primary-color);
}
.dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item:hover, .dropdown-menu a:active, .dropdown-menu a:focus, .dropdown-menu a:hover{
  background-color:var(--primary-color);
  box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px var(--primary-color-shadow)!important;
}
.btn.btn-primary{
  border-color:var(--primary-color);
  background-color: var(--primary-color);
  box-shadow: 0 2px 2px 0 var(--primary-color-shadow-14), 0 3px 1px -2px var(--primary-color-shadow-20), 0 1px 5px 0 var(--primary-color-shadow-12);
}
div[class*="primary"] .card-icon {
    background: linear-gradient(60deg,var(--primary-color),var(--primary-color-gradient))!important;
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px var(--primary-color-shadow)!important;
}