html,
body {
  height: 100%;
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica,
    Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  overflow: visible scroll;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  /* Bootstrap 3's default font-weight is 500, which isn't commonly supported by system fonts */
  font-weight: 600;
}

pre {
  white-space: pre-wrap;
}

/* Make sure footer is always at the bottom of the viewport */
#root {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

.app {
  flex: 1 1 0%;
  padding-bottom: 100px;
}

.app__inner {
  position: relative;
  margin-top: 30px;
  padding: 0 30px;
}

.react-bootstrap-table thead th {
  vertical-align: middle !important;
}

.react-bootstrap-table .caret {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Badges */
/* blue, medium (=normal) size */

.ourBadges-m {
  display: inline-block;
  min-width: 10px;
  margin: -1px 0; /* fix tabs */
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #007bff;
  border-radius: 10px;
}

/* blue, small size */

.ourBadges-s {
  display: inline-block;
  min-width: 10px;
  padding: 2px 4px;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #007bff;
  border-radius: 10px;
}

/* END badges */

/* unsorted */

/*ensures that header is below gray div in full screen mode*/

.navbar-fixed-top {
  z-index: 999;
}

/* Deactivates background color change for expanded table rows */

.table-hover > tbody > tr.expanding-row {
  background-color: white !important;
}

.actions-heading {
  display: flex;
  align-items: center;
  margin: 3rem 0 2rem;
}

.actions-heading > *:first-child {
  flex: 1 1 0%;
}

/* Inline form groups inside `horizontal` form */
.horiz-form-fix,
.horiz-form-fix .form-group {
  margin-left: -8px;
  margin-right: -8px;
}

.condensed-list-group .list-group-item {
  padding-top: 2px;
  padding-right: 5px;
  padding-bottom: 2px;
  padding-left: 5px;
}

.tab-panel-fix {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.selection-row {
  background-color: powderblue;
}

.table > tr {
  border-top: 1px rgb(221, 221, 221) solid;
  font-size: 11px;
}
