/* The browser window */
  .bw-container {
    border: 3px solid #f1f1f1;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    font-family: Arial;
    box-sizing: border-box;

  }
  
  /* Container for columns and the top "toolbar" */
  .bw-container .row {
    padding: 10px;
    background: #dddddd;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
  }
  
  /* Create three unequal columns that floats next to each other */
  .bw-container .column {
    float: left;
  }
  
  .bw-container .left {
    width: 15%;
  }
  
  .bw-container .right {
    width: 10%;
  }
  
  .bw-container .middle {
    width: 75%;
  }
  
  /* Clear floats after the columns */
  .bw-container .row:after {
    content: "";
    display: table;
    clear: both;
  }
  
  /* Three dots */
  .bw-container .dot {
    margin-top: 4px;
    height: 12px;
    width: 12px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
  }
  
  /* Style the input field */
  .bw-container input[type=text] {
    width: 100%;
    border-radius: 3px;
    border: none;
    background-color: white;
    margin-top: -8px;
    height: 25px;
    color: #666;
    padding: 5px;
  }
  
  /* Three bars (hamburger menu) */
  .bw-container .bar {
    width: 17px;
    height: 3px;
    background-color: #aaa;
    margin: 3px 0;
    display: block;
  }
  
  /* Page content */
  .bw-container .content {
    padding: 10px;
  }

   /* The alert message box */
 .bi-alert {
    padding: 20px;
    background-color: #6ABD6E; 
    color: white;
    margin-bottom: 15px;
  }
  .bi-alert tag 
  {
    color: #FFF;;
  }
  .bi-alert h2
  {
    margin: 0 0 20px 0;
  }
  .bi-alert p
  {
    margin: 0 0 5px 0;
  }
  .bi-alert strong
  {
    background-color: rgb(198, 245, 214);
    font-weight: bold;
    font-size: 18px;
    color: #6abd6e;
    padding: 3px;
  }
  
  /* The close button */
  .bi-closebtn {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
  }
  
  /* When moving the mouse over the close button */
  .bi-closebtn:hover {
    color: black;
  } 

   .bi-badge {
   color: #6ABD6E;
  }