body{
    background-color: #fcfcff;
    font-family: "Roboto";
}

.bg-primary {
    background-color: #00B8CC !important;
}

.btn-primary {
    color: #ffffff;
   background-color: #00B8CC;
   border: var(--bs-btn-border-width) solid #00B8CC
}

.btn-primary:hover {
    color: #ffffff;
    background-color: #0093a3;
    border-color: #0093a3;
}

.btn-check:focus + .btn-primary, .btn-primary:focus {
    color: #ffffff;
    background-color: #0093a3;
    border-color: #0093a3;
    box-shadow: 0 0 0 0.25rem rgba(0, 147, 163, 0.5);
}
.btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(0, 147, 163, 0.5);
}

.text-primary {
    --bs-text-opacity: 1;
    color: #00B8CC !important;
  }

.text-danger {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
    font-size: 1.2em;
  }

.btn-secondary {
    color: #000000;
    background-color: #ffeb00;
    border-color: #ffeb00;
  }

  .btn-secondary:hover {
    color: #000000;
    background-color: #d1c000;
    border-color: #d1c000;
  }
  .btn-check:focus + .btn-secondary, .btn-secondary:focus {
    color: #000000;
    background-color: #d1c000;
    border-color: #d1c000;
    box-shadow: 0 0 0 0.25rem rgba(209, 192, 0, 0.5);
  }

  .btn-check:checked + .btn-secondary:focus, .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, .show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(209, 192, 0, 0.5);  
  }