///
/// Bootstrap overrides
///

// button fixes on bootstrap
.btn {
  [class^='icon-'] {
    display: inline-block;
    vertical-align: middle;

    &::before {
      position: relative;
      top: -2px;
      margin-right: 4px;
    }
  }
}

.btn-sm,
.btn-group-sm .btn {
  [class^='icon-']::before {
    left: 0;
    margin-left: 0;
  }
}

.btn-outline-secondary:not(:hover):not([disabled]) {
  background: #fff;
  color: #000;
}

// Form control
.form-control.readonly {
  background-color: #e9ecef;
}

///
/// Custom styling
///
.page-header {
  display: flex;

  .page-header-buttons {
    margin-left: auto;
  }
}