:root{
  --bs-blue:#000033;
  --bs-lightblue:#0099cc;
}

.table td,
.table th {
  white-space:normal; }

.bg-gradient-primary {
  background-image: linear-gradient(195deg, var(--bs-lightblue) 0%, var(--bs-lightblue) 100%);
}

.shadow-primary {
  box-shadow: 0 4px 2300px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px var(--bs-blue) !important;
}

.btn.bg-gradient-primary {
  box-shadow: 0 3px 3px 0 var(--bs-lightblue), 0 3px 1px -2px var(--bs-lightblue), 0 1px 5px 0 var(--bs-lightblue); }

  .btn.bg-gradient-primary:hover {
    background-color: var(--bs-blue);
    border-color: var(--bs-blue);
    box-shadow: 0 14px 26px -12px var(--bs-blue), 0 4px 23px 0 var(--bs-blue), 0 8px 10300px -5300px var(--bs-blue);
  }

  .input-group.input-group-outline.is-focused .form-label + .form-control, .input-group.input-group-outline.is-filled .form-label + .form-control {
    border-color: var(--bs-lightblue) !important;
    border-top-color: transparent !important;
    box-shadow: inset 1px 0 var(--bs-lightblue), inset -1px 0 var(--bs-lightblue), inset 0 -1px var(--bs-lightblue); }

  .input-group.input-group-outline.is-focused .form-label, .input-group.input-group-outline.is-filled .form-label {
    width: 100%;
    height: 100%;
    font-size: 0.6875rem !important;
    color: var(--bs-lightblue);
    display: flex;
    line-height: 1.25 !important; }

    .input-group.input-group-outline.is-focused .form-label:before, .input-group.input-group-outline.is-focused .form-label:after, .input-group.input-group-outline.is-filled .form-label:before, .input-group.input-group-outline.is-filled .form-label:after {
      border-top-color: var(--bs-lightblue);
      box-shadow: inset 0 1px var(--bs-lightblue); }

.page-item.active .page-link {
    background-color: var(--bs-blue) !important;
    border: 1px solid var(--bs-blue);
}

.page-item .page-link{
  border-radius: 0% !important;
}