html > body:not(.menu-on-top).desktop-detected {
  min-height: 100vh !important;
}

#extr-page {
  min-height: 100vh;
}

#main {
  padding-bottom: 0 !important;
}

html > body:not(.menu-on-top) #main {
  min-height: calc(100vh - (49px + 52px));
}

html > body.menu-on-top #main {
  min-height: calc(100vh - (120px + 52px));
}

.page-footer {
  position: relative;
}

.fx-fill {
  display: flex;
  flex: 1;
  flex-direction: column;
}

#widgets-grid {
  display: flex;
  flex: 1;
  flex-direction: column;
}

.fx-fill > .jarviswidget {
  display: flex;
  flex: 1;
  flex-direction: column;
}

#app-page a:hover { cursor: pointer; }

.inbox-body {
  flex: 1;
}

#app-page svg {
  touch-action: none;
}

.big-breadcrumbs .page-title-separator {
  margin: auto 0.4rem;
}

.login-info img {
  margin-right: 0.8rem;
}

.login-info .fa.fa-angle-down {
  margin-left: 0.4rem;
}

.bs-glyphicons li {
  border: 1px solid #dddddd;
  float: left;
  font-size: 15px;
  height: 115px;
  line-height: 1.4;
  margin: 0 -1px -1px 0;
  padding: 10px;
  text-align: center;
  width: 25%;
}

.bs-glyphicons .glyphicon {
  font-size: 24px;
  margin-bottom: 10px;
  margin-top: 5px;
}

.bs-glyphicons .glyphicon-class {
  display: block;
  text-align: center;
}

.bs-glyphicons li:hover {
  background-color: rgba(86, 61, 124, 0.1);
}

@media (min-width: 768px) {
  .bs-glyphicons li {
    width: 12.5%;
  }
}

.dataTables_filter .input-group-addon {
  height: 30px !important;
}

.bootstrap-timepicker-widget table td input {
  padding: 0;
  width: 40px;
}

.slider .tooltip.tooltip-main.top {
  margin-top: -35px;
}
