:root {
--cassiopeia-color-primary: #fff;
--cassiopeia-color-link:  #fff;
--cassiopeia-color-hover: #fff;
background: #EEEEEE;
}

  
body {
margin-left: auto;
margin-right: auto;
margin-top: 0px;
width: 960px;
border: 0px solid #000000;
background: #fffff;
box-shadow: 1px 4px 15px 3px rgba(0,0,0,0.75);
-webkit-box-shadow: 1px 4px 15px 3px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 4px 15px 3px rgba(0,0,0,0.75);
font-family: arial,helvetica,sans-serif;
font-size: 80%;
}
headmenu color
.mod-list li.active > a {
  text-decoration: none;
  color: #010156;
  
.mod-list li. > a:hover 
  font-weight: bold;
  color: #010156;
}

 .mod-list li a:hover {
	text-decoration: none;
  font-weight: bold;
  color: #010156;   
 } 

 .mod-list li > a:visited {
	text-decoration: none;
  font-weight: bold;
  color: #010156;
  } 

.container-header .mod-menu {
	color: #010156;
	flex: 1 0 100%;
	margin: 0;
	padding: 1px;
	list-style: none;
}

.breadcrumb {
  background-color: #ffffff;
  margin-bottom: 0;
  color: #010156;
 } 

.container-header .container-nav {
	flex-wrap: wrap;
	justify-content: space-between;
	padding-bottom: 1px;
}

h1 {
  font-size: 2em;
}

.card-body {
	padding: var(--card-spacer-y)var(--card-spacer-x);
	color: ;
	flex: auto;
}

a:link {
	color: #010156;
}


a:hover {
	  color: #010156;
}

.metismenu.mod-menu .metismenu-item.active > a, .metismenu.mod-menu .metismenu-item.active > button, .metismenu.mod-menu .metismenu-item > a:hover, .metismenu.mod-menu .metismenu-item > button:hover {
	text-decoration: none;
}

.metismenu.mod-menu .metismenu-item {
	font-size: 13px;
	line-height: 1.2rem;
}

.card-body {
	padding: 0px;
	flex: auto;
}