/* IAT Specific CSS
/***************************************************************************************************************************************************************/
h1, h2, h3, h4, h5, p {
  font-family: 'Open Sans', sans-serif;
}

hr {
  margin: 5px;
}

.panel-body .row {
  padding: 10px;
}

.navbar {
  background-color: #003f72;
}

.navbar-padded .navbar-header {
  padding-left: 5px;
  padding-right: 5px;
  margin-top: -10px;
}

.navbar-inverse {
  background-color: #252830;
  border-color: #080808;
  height: 90px;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
  padding: 20px;
}

.navbar-nav>li>a:hover {
  background-color: #252830;
  color: #fff;
}

.nav>li>a {
  color: #D6DADB;
}

.nav>li>a:hover,
.nav>li>a:focus {
  text-decoration: none;
  background-color: #eee;
  color: #40474A;
}

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
  background-color: #eee;
  color: #40474A;
}

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
  background-color: #eee;
  color: #40474A;
}

.label {
  color: #000;
}

.progress-bar-danger {
  background-color: #D4403A;
}

.progress-bar-warning {
  background-color: #A4660E;
}

.progress-bar-success {
  background-color: #3A833A;
}

.warning {
  color: #e4d836;
}

.danger {
  color: #e64759;
}

.success {
  color: #1bc98e;
}


.btn-info {
  background-color: #217F9C;
  border-color: #1E758F;
}

.btn-success {
  background-color: #3A833A;
  border-color: #357935;
}

.btn-warning {
  background-color: #A4660E;
  border-color: #9C600D;
}

.btn-danger {
  background-color: #D4403A;
  border-color: #CD322D;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #1F476B;
  border-color: #204d74;
}

.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.open>.dropdown-toggle.btn-info {
  color: #fff;
  background-color: #134C5D;
  border-color: #124859;
}

.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open>.dropdown-toggle.btn-success {
  color: #fff;
  background-color: #245124;
  border-color: #214A21;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning.active,
.open>.dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #643D07;
  border-color: #5F3A07;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active,
.open>.dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #87201D;
  border-color: #7E1E1B;
}


/* used for the top search and add new applicaton bar */
.flextable {
  padding-top: 20px;
}

/* suppress a visible focus indication */
#ng-view:focus {
  outline: none;
}

.dashhead-title:focus {
  outline: none;
}

.ck-appsummary-row {
  padding-top: 5px;
  padding-bottom: 5px;
}

.ck-table-row {
  padding: 10px;
}

.page-header {
  margin-top: 0px;
}

/** This is used to allow us to remove empty href attributes **/
.nav,
.pagination,
.carousel,
.panel-title a {
  cursor: pointer;
}

/** The following is used for the sidebar navigation in the Application Summary View
/* stylelint-disable selector-max-compound-selectors */

/* By default it's not affixed in mobile views, so undo that */
.bs-docs-sidebar.affix {
  position: static;
}

@media (min-width: @screen-sm-min) {
  .bs-docs-sidebar {
    padding-left: 20px;
  }
}

.bs-docs-search {
  margin-bottom: 20px;
  margin-left: 20px;
}

/* First level of nav */
.bs-docs-sidenav {
  margin-top: 20px;
  margin-bottom: 20px;
}

/* All levels of nav */
.bs-docs-sidebar .nav>li>a {
  display: block;
  padding: 4px 20px;
  font-size: 13px;
  font-weight: 500;
  color: #767676;
}

.bs-docs-sidebar .nav>li>a:hover,
.bs-docs-sidebar .nav>li>a:focus {
  padding-left: 19px;
  color: #563d7c;
  text-decoration: none;
  background-color: transparent;
  border-left: 1px solid #563d7c;
}

.bs-docs-sidebar .nav>.active>a,
.bs-docs-sidebar .nav>.active:hover>a,
.bs-docs-sidebar .nav>.active:focus>a {
  padding-left: 18px;
  font-weight: 700;
  color: #563d7c;
  background-color: transparent;
  border-left: 2px solid #563d7c;
}

/* Nav: second level (shown on .active) */
.bs-docs-sidebar .nav .nav {
  display: none;
  /* Hide by default, but at >768px, show it */
  padding-bottom: 10px;
}

.bs-docs-sidebar .nav .nav>li>a {
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 30px;
  font-size: 12px;
  font-weight: 400;
}

.bs-docs-sidebar .nav .nav>li>a:hover,
.bs-docs-sidebar .nav .nav>li>a:focus {
  padding-left: 29px;
}

.bs-docs-sidebar .nav .nav>.active>a,
.bs-docs-sidebar .nav .nav>.active:hover>a,
.bs-docs-sidebar .nav .nav>.active:focus>a {
  padding-left: 28px;
  font-weight: 500;
}

/* Back to top (hidden on mobile) */
.back-to-top,
.bs-docs-theme-toggle {
  display: none;
  padding: 4px 10px;
  margin-top: 10px;
  margin-left: 10px;
  font-size: 12px;
  font-weight: 500;
  color: #999;
}

.back-to-top:hover,
.bs-docs-theme-toggle:hover {
  color: #563d7c;
  text-decoration: none;
}

.bs-docs-theme-toggle {
  margin-top: 0;
}

@media (min-width: @screen-sm-min) {

  .back-to-top,
  .bs-docs-theme-toggle {
    display: block;
  }
}

/* Show and affix the side nav when space allows it */
@media (min-width: @screen-md-min) {
  .bs-docs-sidebar .nav>.active>ul {
    display: block;
  }

  /* Widen the fixed sidebar */
  .bs-docs-sidebar.affix,
  .bs-docs-sidebar.affix-bottom {
    width: 213px;
  }

  .bs-docs-sidebar.affix {
    position: fixed;
    /* Undo the static from mobile first approach */
    top: 20px;
  }

  .bs-docs-sidebar.affix-bottom {
    position: absolute;
    /* Undo the static from mobile first approach */
  }

  .bs-docs-sidebar.affix-bottom .bs-docs-sidenav,
  .bs-docs-sidebar.affix .bs-docs-sidenav {
    margin-top: 0;
    margin-bottom: 0;
  }
}

@media (min-width: @screen-lg-min) {

  /* Widen the fixed sidebar again */
  .bs-docs-sidebar.affix-bottom,
  .bs-docs-sidebar.affix {
    width: 263px;
  }
}

/** this is the end of the App Summary view Sidenav css

/* The following left aligns all of the tooltip descriptions */
.tooltip-inner {
  text-align: left;
}

/* done styling the uib-tooltip descriptions *