/**
Opentext colors to extend Bootstrap stylesheet.
**/

@color-navy: rgb(17, 27, 88);
@color-indigo: rgb(46, 61, 152);
@color-white: #fff;

.ot {
  /* Background */
  &-bg-primary {
    background: @color-navy;
  }

  &-bg-primary.bg-gradient {
    background: linear-gradient(
      90deg,
      #0c1943 0%,
      #090979 50%,
      #0889b4 100%
    ) !important;
  }

  &-text-primary {
    color: @color-indigo;
  }

  /* Buttons */
  &-btn-primary {
    background: @color-navy;
    color: @color-white;
    &:hover {
      background: @color-indigo;
      color: @color-white;
    }
    &:disabled {
      color: @color-white;
      background-color: #6c757d;
      border-color: #6c757d;
    }
    &.active {
      background: @color-indigo;
    }
  }

  &-btn-outline-primary {
    color: @color-navy;
    border-color: @color-navy;
    background: @color-white;
    &.active {
      background: @color-navy;
      color: @color-white;
    }
  }

  /* Border */
  &-border-primary {
    border-color: @color-navy !important;
  }
}