/* app css stylesheet */
#header {
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0;
    width: 100%;
    background: #000;
    background: rgba(0,0,0,0.3);
    height: 2.8em;
    line-height: 2.8em;
    box-shadow: 0 0 0.15em 0 rgba(0,0,0,0.9);
  }

#nav {
    position: absolute;
    right: 0.5em;
    top: 0;
    height: 2.8em;
    line-height: 2.8em;
  }

    #nav ul {
      margin: 0;
    }

      #nav ul li {
        display: inline-block;
        margin-left: 0.5em;
        font-size: 1.3em;
      }

        #nav ul li a {
          display: block;
          color: inherit;
          text-decoration: none;
          height: 2em;
          line-height: 2em;
          padding: 0 0.5em 0 0.5em;
          outline: 0;
        }

#logo {
    position: absolute;
    left: 1em;
    top: 0;
    height: 2.8em;
    line-height: 2.8em;
    letter-spacing: -1px;
  }

    #logo a {
      font-size: 1.25em;
    }

.menu {
  list-style: none;
  border-bottom: 0.1em solid black;
  margin-bottom: 2em;
  padding: 0 0 0.5em;
}

.menu:before {
  content: "[";
}

.menu:after {
  content: "]";
}

.menu > li {
  display: inline;
}

.menu > li:before {
  content: "|";
  padding-right: 0.3em;
}

.menu > li:nth-child(1):before {
  content: "";
  padding: 0;
}

.tab-pane.am-fade {
  animation-duration: .5s;
  animation-timing-function: ease;
  animation-fill-mode: backwards;
  opacity: 1;
}

.tab-pane.am-fade.active-remove {
  display: none !important;
}

.tab-pane.am-fade.active-add {
  animation-name: fadeIn;
}

.modal-backdrop {
  bottom: 0;
  position: fixed;
  opacity:0.5;
}

.datepicker.dropdown-menu {
  width: 350px;
  height: 350px;
}
.datepicker.dropdown-menu button {
  outline: none;
  border: 0px;
}
.datepicker.dropdown-menu tbody {
  height: 180px;
}
.datepicker.dropdown-menu tbody button {
  padding: 6px;
}
.datepicker.dropdown-menu.datepicker-mode-1 tbody button, .datepicker.dropdown-menu.datepicker-mode-2 tbody button {
  height: 65px;
}

.timepicker.dropdown-menu {
  padding: 0 4px;
}
.timepicker.dropdown-menu button {
  outline: none;
  border: 0px;
}
.timepicker.dropdown-menu tbody button {
  padding: 6px;
}

.table tbody>tr>td.vert-align{
    vertical-align: middle;
}

.st-sort-ascent:before{
    content: '\25B2';
}

.st-sort-descent:before{
    content: '\25BC';
}

.dropdown-menu > li > a { height: 50px;/*vertical-align: middle;display: table-cell;width: 15em;
    max-width: 15em;*/}