.container-header {
   background-color: #a3dde3;
   background-image: none;
}

.container-header .mod-menu {
   color: #00008b;
   background-color: #a3dde3;
}

.metismenu.mod-menu .metismenu-item {
  padding: 5px 15px;
}

.metismenu.mod-menu {
  padding: 0 15px;
}

.metismenu.mod-menu .mm-collapse .metismenu-item a {
    color: #ebebeb;
}

.metismenu.mod-menu .mm-collapse {
background: #00008b;
}

.footer {
background: #00008b;
}

.site-grid {
  background: #f4f6f7;
}

.container-header .mod-menu a:hover {
  -webkit-border-radius: 2px 2px 2px 2px;
  -moz-border-radius: 2px 2px 2px 2px;
  border-radius: 2px 2px 2px 2px;
  background-color: #7798D3;
}

#back-top {
  position: fixed;
  background-color: #a3dde3;
  padding: 4px 10px;
}


.mod-menu li:hover > ul {
  display: block !important;
}


.footer .grid-child {
  padding: 20px 10px;
}


a.btn {
   background-color: #DDFDFB;
   background-image: #ffffff;
   border-color: none;
   box-shadow: 0.5px 0.5px 0.5px 0.5px #C5C5C7;
}



.sidebar-right.card {
  background: #fff;
  border-color: #B5B7B7;
  box-shadow: 0.5px 0.5px 0.5px 0.5px #C5C5C7;
}

.sidebar-left.card {
  background: #fff;
  border-color: #B5B7B7;
  box-shadow: 0.5px 0.5px 0.5px 0.5px #C5C5C7;
}

.main-top.card {
  background: #fff;
  border-color: #B5B7B7;
  box-shadow: 0.5px 0.5px 0.5px 0.5px #C5C5C7;
}

a:hover {
  background-color: #a3dde3;
  border-radius: 1px 1px 1px 1px;
}