/* Default Styling */

.example {
    margin: 0 auto;
}

:root{
  --primary: #0054a6;
  --warning: #f7a307;
  --light: #fcfdfe;
}

/**
Form help
 */
 .form-help {
    display: inline-flex;
    font-weight: var(--tblr-font-weight-bold);
    align-items: center;
    justify-content: center;
    width: 1.125rem;
    height: 1.125rem;
    font-size: 0.75rem;
    color: var(--light);
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background: var(--warning);
    border-radius: 100rem;
    transition: background-color 0.3s, color 0.3s;
  }
  @media (prefers-reduced-motion: reduce) {
    .form-help {
      transition: none;
    }
  }
  .form-help:hover, .form-help[aria-describedby] {
    color: #ffffff;
    background: var(--tblr-primary);
  }

  /* Custom Borders */
  .border-gray{
    border-color:#bebebe;
  }

  /* Alerts */
  /* .alert-warning{

    border-color: #FFB200;
    background-color: #FCC737;
    color: blueviolet;
    } */

    .alert-warning {
        border-color: #FFB200;
        background-color: hsla(45, 96%, 60%, 0.6); /* 70% opacity */
        color: #000;}

        .btn-close {
            color: blueviolet;
            opacity: 1; /* Ensure full visibility for the close button */
        }