/* Sidebar tab navigation */
.app-form-sidebar .page-sidebar-menu .sub-menu li a[data-tabid] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 6px 10px 6px 25px;
  font-size: 12px;
  display: block;
}

.app-form-sidebar .page-sidebar-menu .sub-menu li a[data-tabid] i {
  margin-right: 5px;
  width: 12px;
  text-align: center;
}
.page-sidebar-menu .sub-menu li a[data-tabid].sidebar-tab-active {
  color: #ffffff !important;
  font-weight: 600;
  background: #4b8df8 !important;
  border-left: 4px solid #f4b942;
}
.page-sidebar-menu .sub-menu li a[data-tabid]:hover,
.page-sidebar-menu .sub-menu li a[data-tabid]:focus {
  color: #ffffff !important;
  background: #4b8df8 !important;
}

/* Keep the form sidebar in normal flow on narrow screens. */
@media (max-width: 979px) {
  .app-form-sidebar.nav-collapse.collapse {
    display: block;
    position: relative;
    z-index: 20;
    height: auto !important;
    max-height: 48vh;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    margin: 0;
  }

  .app-form-sidebar .page-sidebar-menu {
    margin-top: 0 !important;
  }

  .app-form-sidebar .sub-menu {
    max-height: 36vh;
    overflow-y: auto;
  }
}

/* Prevent tab content and legacy fluid controls from exceeding the viewport. */
.page-content div[id^="tab"] {
  box-sizing: border-box;
  max-width: 100%;
}

.page-content div[id^="tab"] .portlet,
.page-content div[id^="tab"] .form-horizontal,
.page-content div[id^="tab"] table {
  max-width: 100%;
}

@media (max-width: 979px) {
  .page-content div[id^="tab"] {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .page-content div[id^="tab"] .portlet-body {
    overflow-x: auto;
  }

  .page-content div[id^="tab"] table {
    min-width: 620px;
  }
}
/* Action buttons in sidebar */
.sidebar-action-btn {
  margin: 4px 10px 2px 25px;
  display: block;
  font-size: 11px;
  padding: 3px 8px;
}
/* Arrow indicator on Application Sections heading */
#appFormNavItem > a .title {
  font-weight: 600;
  color: #c6cfda;
}