.uic-navi-pane ul {
  list-style-type:none;
  margin:0;
  padding:0;
}

.uic-navi-pane ul li {
  padding:0;
}

.uic-navi-pane > ul > li:first-child {
  margin:0;
}

.uic-navi-pane > ul > li > a {
  font-weight:bold;
}

.uic-navi-pane ul ul li {
  margin:0;
}

.uic-navi-pane ul li a {
  display:block;
  padding:10px 0 10px 16px;
  text-decoration:none;
  color:#000000;
  border-bottom:1px solid #f6f6f6;
  border-left:0px solid #878889;
  white-space:nowrap;

  -webkit-transition: padding-top 0.5s, padding-bottom 0.5s; /* Safari */
  transition: padding-top 0.5s, padding-bottom 0.5s;
}

.uic-navi-pane ul li a.active {
  background:#f6f6f6;
/*   border-left:6px solid #ff9800; */
/*   border-left:6px solid #3498db; */
  border-left:6px solid #878889;
  padding-left:10px;
  font-size: var(--text-font-size);
}

.uic-navi-pane ul li li a.active {
/*   border-left:6px solid #3498db; */
  border-left:6px solid #878889;
  padding-left:42px;
}

.uic-navi-pane ul ul li a {
  padding-left:48px;
}

.uic-navi-pane ul ul {
  display:none;
}

.uic-navi-pane ul a.active + ul {
  display:block;
}

li a .fa {
  width:32px;
  font-size:20px;
  vertical-align:middle;
  color:#000;
}

li a.active .fa {
  color:#878889;
}


.uic-navi-pane > footer.uic-toolbar {
  height:24px;
  padding:0;
  border-top:1px solid #ccc;
  background-color:#f6f6f6;
  justify-content:flex-end;
  font-size: var(--text-font-size);
}



@media all and ( max-height: 600px ) {
  .uic-navi-pane ul li a {
    padding:6px 0 6px 16px;
  }
}

@media all and ( max-height: 400px ) {
  .uic-navi-pane ul li a {
/*     font-size:smaller; */
    padding:4px 0 4px 16px;
  }
}



.uic-main-navi.uic-toolbar {
  justify-content:space-around;
}

.uic-main-navi.uic-toolbar > div {
  margin: 0 8px;
/*   border:1px solid green; */
  min-width:80px;
  font-size: var(--text-font-size);
}

.uic-main-navi.uic-toolbar > div > * {
  flex-grow:0;
/*   border:1px solid red; */
}

.uic-main-navi.uic-toolbar a {
  color:inherit;
}

.uic-main-navi.uic-toolbar > div > *:nth-child(2) {
  padding:4px;
  cursor:pointer;
}

.uic-main-navi.uic-toolbar > div > *:first-child {
  min-width:60px;
  color:#666;
}

.uic-main-navi.uic-toolbar > div > a:hover {
  color:#878889;
}

.uic-main-navi.uic-toolbar > div > a.active {
  color:#878889;
}

.uic-main-navi.uic-toolbar > div > * > div:first-child {
  font-size:26px;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
}


.uic-main-navi.uic-toolbar > div {
  justify-content:center;
  align-items:center;
  font-size: var(--text-font-size);
}

.uic-main-navi.uic-toolbar > div > * {
  justify-content:center;
  align-items:center;
  font-size: var(--text-font-size);
}

#uic-main > header > *{
/*   flex-grow:0; */
}


.uic-main-navi.uic-toolbar > div {
  position:relative;
  font-size: var(--text-font-size);
}

.uic-main-navi.uic-toolbar > div > div > button {
  border:none;
  background:none;
}

.uic-main-navi.uic-toolbar ul {
  position:absolute;
  right:0px;
  top:50px;
  margin:0;
  padding:0;
  min-width:140px;
/*
  border-top:2px solid #fff;
  border-bottom:2px solid #fff;
 */
  list-style-type:none;
  background-color:#ddd;
  box-shadow:4px 4px 2px rgba(0, 0, 0, 0.075);
  display:none;
}

.uic-main-navi.uic-toolbar ul li {
  margin:0;
  padding:0;
}

.uic-main-navi.uic-toolbar ul li a {
  display:block;
  padding:6px 12px;
  margin:1px 1px;
  background-color:#eee;
  white-space:nowrap;
}

.uic-main-navi.uic-toolbar ul li a.active,
.uic-main-navi.uic-toolbar ul li a:hover {
  background-color:#878889;
  color:#fff;
}

.uic-main-navi.uic-toolbar ul li:first-child a {
  margin:0;
}
.uic-main-navi.uic-toolbar ul li:last-child a {
/*   margin:0; */
}

.uic-main-navi > .uic-flex.uic-separator {
    flex-grow: 0;
    background-color: #ccc;
    height: 42px;
    width: 1px;
    min-width:auto;
    overflow: hidden;
    margin: 0 2px;
}

ol.breadcrumb {
  margin:0;
  padding:0;
  list-style-type:none;
  font-size: var(--text-font-size);
}

ol.breadcrumb li {
  display:inline-block;
  font-size: var(--text-font-size);
}


.breadcrumb > li + li:before {
  padding: 0 5px;
  content: "\f0da";
  font: normal normal     normal 14px/1 FontAwesome;
  color:#888;
  font-size: var(--text-font-size);
}