body {
  --my-background-color: #EEEEEE;
  --my-font-color: #3e3d0c;
  --my-lighter-font-color: #f3cfc1;
  --my-border-color: #032546;
}

header {
    background-color: #EEEEEE !important;
    background-image: none !important;
}    

body {
   
    background-image: url(../images/header_outer.jpg);
    background-repeat: repeat-x;
    background-color: #eeeeee;
    top: 0;
    width: 100%;
    height: 100%;
  
}  
.container-header a {
  color: var(--my-font-color) !important;
}
.card-header {
  font-size: 16px;
  color: #6e6d2a;
}

.card {
  background-color: var(--my-background-color) !important;
  border-width: 2px;
  border-color: var(my-border-color);
  width: 100%;
  line-height: 100%;
  font-size: 14px;
}
.card a {
  font-size: 14px; 
}

.pagewrapper {
    margin-top: 20px !important;
    cursor: auto;
}
.pagewrapper {
    z-index: 0;
    margin: 0 auto;
    color: var(--my-font-color) !important;
    width: 1070px;
    min-width: 11px;
    min-height: 11px;
    background-color: #f9fafb !important;
    margin-bottom: 15px;

  
}
.pagewrapper a {
  color: var(--my-font-color);
  text-decoration: none;
}
.pagewrapper a:hover {
    color:#C14848;
}
.site-description {
  color: var(--my-font-color) !important;
}
.metismenu-item {
  padding: .25em .5em !important;
}

ul.mod-menu {
  list-style-type: square;
}
.btn.btn-primary  {
  padding: 0px;
  transition: none;
  background-color: #1d5ea8;
}
.login-greeting {
  margin-bottom: 5px;
}
ul.mod-menu li {
  border-bottom: solid 1px #ddd;
  list-style-type: square;
}