/* These styles are generated from project.scss. */

.alert-debug {
    color: black;
    background-color: white;
    border-color: #d6e9c6;
  }
  
  .alert-error {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
  }
  
  .tag-badge {
    color: #ffffff;
    background-color: #3d8fb0;
    border-radius: 4px;
    border: none;
    font-size: 1rem;
    font-weight: 400;
    padding: 5px 7px 5px 7px;
  }
  
  /* Spacing and box around dal/select2 matches crispy style */
  .select2-container--default .select2-selection--multiple {
    border-radius: 0.25rem !important;
    border-color: #ced4da !important;
    padding: 0.1rem 0.375rem !important;
  }
  
  /* When using Select2, the classic <select> element renders first, and then the Select2 version replaces it.
   * Hide the classic element so it doesn't flash during initial render.
   */
  /* .apply-select2, div.dal-select2 select {
    visibility: hidden;
  } */
  
  /* Worse, the multi-select classic <select> is taller than the Select2 version. So hiding it still
   * causes jumpiness. So those we remove outright. 
   * In some cases, that can make a row too short in which case we add a dummy hidden <select> for height reasons.
   */
   /* .hide-select2 {
    display: none !important;
  } */
  
  /* For Select2-based tag fields inside a <div class="tags-style">, color the chips blue: */
  div.tags-style .select2-selection__choice, div.tags-style .select2-selection__choice__remove {
    color: #ffffff !important;
    background-color: #3d8fb0 !important;
    border-width: 0px !important;
  }
  
  /* Demarcation of private info */
  div.private-info {
    background-color: #d3dfec;
    padding: 8px;
  }
  
  /* Reduce container min-width from 20em to 10em */
  .select2-container {
    min-width: 6em !important;
  }
  
  /* Create select2-sm class for small text in the popup */
  .select2-sm .select2-results__option {
    font-size: 12px !important;
  }