/* Styling for accessibility adherance */
:focus:not(:focus-visible) {
    outline: none;
    box-shadow: none;
  }
  
  :focus-visible {
    outline: 2px solid #106BFE;
    outline-offset: 2px;
    box-shadow: 0 0 0 2px rgba(77, 144, 254, 0.5);
  }
  
  a:focus-visible,
  button:focus-visible,
  .btn:focus-visible,
  .form-control:focus-visible,
  .nav-link:focus-visible,
  .dropdown-item:focus-visible,
  .form-select:focus-visible,
  .page-link:focus-visible,
  .navbar-toggler:focus-visible {
    outline: 2px solid #106BFE !important;
    outline-offset: 2px !important;
    box-shadow: 0 0 0 2px rgba(77, 144, 254, 0.5) !important;
  }
  
  .table-primary th:focus,
  .table-primary td:focus {
      position: relative;
      z-index: 1;
      outline: 2px solid #106BFE;
      outline-offset: -2px;
  }
  
  [tabindex]:focus-visible {
    outline: 2px solid #106BFE;
    outline-offset: 2px;
    box-shadow: 0 0 0 2px rgba(77, 144, 254, 0.5);
  }
  
  /* bootstrap default color override */
  .btn-outline-info {
          color: #007ba2 !important;
          border-color: #007ba2 !important;
      }
  
      .btn-outline-info:hover {
          color: #ffffff !important;
          background-color: #007ba2 !important;
          border-color: #007ba2 !important;
      }
  
      .btn-outline-info:focus-visible {
          color: #ffffff !important;
          background-color: #007ba2 !important;
      }
  
  .btn-outline-primary {
          color: #4b68e0 !important;
          border-color: #4b68e0 !important;
      }
      .btn-outline-primary:hover {
          color: #ffffff !important;
          background-color: #4b68e0 !important;
          border-color: #4b68e0 !important;
      }
      .btn-outline-primary:focus-visible {
          color: #ffffff !important;
          background-color: #4b68e0 !important;
      }
  
      .btn-outline-secondary {
          color: #6a737c !important;
          border-color: #6a737c !important;
      }
      .btn-outline-secondary:hover {
          color: #ffffff !important;
          background-color: #6a737c !important;
          border-color: #6a737c !important;
      }
      .btn-outline-secondary:focus-visible {
          color: #ffffff !important;
          background-color: #6a737c !important;
      }
  