#promptform input[type=text], select, textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    resize: vertical;
  }
  #promptform .error span
  {
    color: red;
    font-size: 14px; 
  }
#promptform label {
    padding: 12px 12px 12px 0;
    display: inline-block;
    color: #000;
    font-size: 14px;
    font-weight: bold;
  }
  
  #promptform input[type=submit] {
    padding: 12px 20px;
    border: 1px solid #000;background: rgb(102,102,153);color: #fff;cursor:pointer
  
  }
  
  #promptform input[type=submit]:hover {
    background-color:rgb(52,52,103);
  }
  
 .container {
    border-radius: 5px;
    background-color: #f2f2f2;
    padding: 20px;
    width: 96%;
  }
  
  #promptform .col-25 {
  
    margin-top: 6px;
  }
  
  #promptform  .col-75 {
  
    width: 60%;
    margin-top: 6px;
  }
  
  /* Clear floats after the columns */
  #promptform .row::after {
    content: "";
    display: table;
    clear: both;
  }
  .alert-success {
    color: #0f5132;
    background-color: #d1e7dd;
    border-color: #badbcc;
  }
  .alert {
    position: relative;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
      border-top-color: transparent;
      border-right-color: transparent;
      border-bottom-color: transparent;
      border-left-color: transparent;
    border-radius: .25rem;
  }
  .alert-danger {
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7;
  }
  /* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
  @media screen and (max-width: 600px) {
    #promptform .col-25, #promptform .col-75, #promptform input[type=submit] {
      width: 100%;
      margin-top: 0;
    }
  }