body {
 /* padding-top: 5rem;*/
}

.bd-navbar {
    background-color: #f7f7f8;
    border-color: #e7e7e7;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.05),inset 0 -1px 0 rgba(0,0,0,.1);
    margin-bottom:2em;
    padding: 0.2rem 1rem 0.3rem;
    height:53px;
}
.bd-navbar img.logo{
    margin-right:1em;
}
.highlight {
    background-color: #f7f7f8;
    border: 1px solid #e1e1e8;
    border-radius: 4px;
    margin-bottom: 14px;
    padding: 5px 14px;
}

label,.form-check {
    font-weight: 700;
}
.table th, .table td {
    border-top: 0px solid #dee2e6;
}
.table th {
  white-space: nowrap;
}

.table td:hover {
    cursor: pointer;
}
.dropdown-submenu {
  position: relative;
}

.dropdown-submenu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: .8em;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: -.1rem;
  margin-right: .1rem;
}
.dropdown-submenu:hover>.dropdown-menu {
    display:block;
}

.navbar-light .navbar-nav .active > .nav-link {
    font-weight: 700;
    background: #ededed;
    border-radius: 5px;
}

.highlight img {
    width: 100%;
}
.orange {
  color:orange;
}
.green {
  color:#28a745;
}

/*table sort*/
table th a.asc, table th a.desc {
  color: #22527b;
  margin-right: 18px;
  position: relative; 
}
table th a:after, table th a:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: -10px;
    top: 8px;
}

table th a.asc:after {
    border-bottom: 4px solid #22527b !important;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-top: 0px
}

table th a.desc:after {
    border-top: 4px solid #22527b !important;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-bottom: 0px;
}