/* CSS For User Interface */

:root,
[data-bs-theme=light] {

  body {
    background-color: white;
  }

  .navbar {
    background-color: var(--bs-primary);
  }

  .text-bs-primary, .text-primary {
    color: var(--bs-primary);
  }

  .text-bg-secondary {
    color: #fff !important;
    background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important;
  }

  .nav-pills .nav-link.active {
    color: black;
    background-color: var(--bs-secondary);
  }

  nav {

    .list-group-item.active {
      color: var(--bs-warning);
      background-color: var(--bs-primary);
      border-color: var(--bs-primary);
    }

    .list-group-item:hover {
      color: var(--bs-warning);
      background-color: var(--bs-primary);
    }

  }

  #navbar-btn-group .btn:hover {
    color: var(--bs-warning) !important;
  }

  #navbar-btn-group .btn.active {
    color: var(--bs-warning) !important;
    border-bottom: 2px solid var(--bs-warning);
  }

  .navbar .nav-link {
    color: var(--bs-white);
  }

  .navbar .nav-link:hover {
    color: var(--bs-warning);
  }

  .navbar .nav-link.active {
    color: var(--bs-warning);
    border-bottom: 2px solid var(--bs-warning);
  }

  .navbar a[disabled], a[disabled]:hover {
    color: white !important;
  }

  a {
    color: black;
  }

  a[disabled].btn-conformii-dark, a[disabled]:hover.btn-conformii-dark {
    color: white !important;
  }

  a[disabled], a[disabled]:hover {
    color: var(--bs-secondary-color) !important;
  }

  .btn-primary {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
    color: var(--bs-white) !important;
  }

  .btn-secondary {
    background-color: var(--bs-secondary) !important;
    border-color: var(--bs-secondary) !important;
    color: var(--bs-black) !important;
  }

  .btn-warning {
    background-color: var(--bs-warning) !important;
    border-color: var(--bs-warning) !important;
    color: black !important;
  }

  .bg-warning {
    background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
  }

  .bg-secondary {
    background-color: rgba(var(--vantedge-secondary-rgb), var(--bs-bg-opacity)) !important;
  }

  .page-link.active, .active > .page-link {
    color: var(--bs-white);
    background-color: var(--bs-primary);
  }

  .pagination > .page-item.active {
    color: white;
  }

  .btn-link {
    color: var(--bs-primary);
  }

  .modal-content, .modal-header {
    background-color: var(--bs-white);
  }

  .modal-footer.sticky {
    background-color: white;
  }

  .accordion-button {
    color: var(--bs-dark) !important;
  }

  .accordion-button:after {
    color: var(--bs-dark) !important;
  }

  .reviewer-badge {
    background-color: #cce4e4;
  }

  .badge-warning {
    background-color: #ebcc78;
    color: #fff;
  }

  .badge-success, .badge-warning {
    text-shadow: rgba(0, 0, 0, .24) 0 0 3px;
  }

  .breadcrumb-link {
    color: var(--bs-primary);
  }

  .dropdown-item:active {
    background-color: var(--bs-primary);
  }

  .dropdown-item:focus {
    background-color: var(--bs-primary);
  }

  .bg-danger {
    background-color: var(--bs-danger);
  }

  .card-header {
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
    margin-bottom: 0;
    color: var(--bs-card-cap-color);
    background-color: var(--bs-card-cap-bg);
    border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
  }

  .progress .indeterminate {
    background-color: var(--bs-warning);
  }

  thead th {
    background: var(--vantedge-secondary);
  }

  td, th {
    border-bottom: 1px solid var(--vantedge-secondary);
  }

  .bg-red {
    background-color: #FBB6C2;
  }

  .bg-light-green {
    background-color: #BEF89C;
  }

  .bg-gray {
    background-color: #D3D3D3;
  }

  .text-red {
    color: #dc3545;
  }

  .nav-breadcrumbs {
    color: var(--bs-gray);
    font-weight: 300;
    font-size: 0.77778rem;
  }

  .alert-debug {
    color: black;
    background-color: white;
    border-color: #d6e9c6;
  }

  .alert-error {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
  }

  .badge-warning {
    background-color: #ebcc78;
    color: #fff;
  }

  ins {
    background-color: #BEF89C !important;
  }

  del {
    background-color: #FBB6C2 !important;
  }

  .active-scroll-layout ins {
    background-color: #73C242 !important;
  }

  .active-scroll-layout del {
    background-color: #E46B81 !important;
  }

  .bg-conformii-dark {
    background-color: var(--vantedge-dark) !important;
  }

  .bg-conformii-primary {
    background-color: var(--vantedge-primary) !important;
  }

  .bg-conformii-secondary {
    background-color: var(--vantedge-secondary) !important;
  }

  .conformii-primary {
    color: var(--vantedge-primary) !important;
  }

  .conformii-secondary {
    color: var(--vantedge-secondary) !important;
  }

  .conformii-dark {
    color: var(--vantedge-dark) !important;
  }


  .conformii-dark {
    color: var(--vantedge-dark) !important;
  }

  .btn-conformii-primary {
    background-color: var(--vantedge-primary) !important;
    border-color: var(--vantedge-primary) !important;
    color: black !important;
  }

  .btn-conformii-dark {
    background-color: var(--vantedge-dark) !important;
    border-color: var(--vantedge-dark) !important;
    color: white !important;
  }

  .btn-conformii-dark:hover {
    color: white !important;
  }

  .dropdown-item.active, .dropdown-item:active {
    background-color: var(--bs-white);
  }
}