.ico { width: 1em; height: 1em; display: inline-block; vertical-align: -0.15em; }
.ico img, .ico svg { display: block; width: 100%; height: 100%; }
.ico-lg { width: 1.4em; height: 1.4em; }
.social-custom .ico { width: 1.1em; height: 1.1em; }
.m-dock { display: none; }
@media (max-width: 768px) {
  .m-dock {
    display: flex;
    position: fixed;
    left: 0; right: 0; bottom: 0;
    z-index: 1040;
    background: #1b4f72;
    color: #fff;
    justify-content: space-around;
    padding: 8px 0 calc(8px + env(safe-area-inset-bottom));
  }
  .m-dock a { color: #fff; text-align: center; font-size: 12px; text-decoration: none; }
  .m-dock .ico { display: block; margin: 0 auto 2px; width: 20px; height: 20px; }
  body { padding-bottom: 58px; }
}
img { max-width: 100%; height: auto; }

.sidebar-menu .nav-pills .nav-link {
  color: #000;
  background: transparent;
  border-radius: 0;
}
.sidebar-menu .nav-pills .nav-link:hover {
  color: #FF8000;
  background: transparent;
}
.sidebar-menu .nav-pills .nav-link.active,
.sidebar-menu .nav-pills .nav-link.active:hover,
.sidebar-menu .nav-pills .show > .nav-link {
  color: #FF8000;
  background: transparent !important;
  font-weight: 700;
}

.daoh { padding-top: 20px; text-align: center; }
.daoh .btn { margin-right: 8px; }
.daoh .btn-info,
.daoh .btn-info:hover,
.daoh .btn-info:focus {
  color: #fff;
  background-color: #FF8000;
  border-color: #FF8000;
  box-shadow: none;
}
.daoh .btn-light {
  color: #000;
  background-color: #f5f5f5;
  border-color: #eee;
}
.daoh .btn-light:hover {
  color: #000;
  background-color: #ececec;
}
.daoh .badge {
  margin-left: 6px;
  min-width: 1.5em;
  font-weight: 600;
  vertical-align: middle;
}
.daoh .btn-info .badge-light {
  color: #666;
  background: #fff;
}
.daoh .btn-light .badge {
  color: #fff;
  background: #FF8000;
}
