.con-class
{
  background-color:#7C24FC;
  color:#FFF !important;
  font-family: verdana;
  font-size:12px;
  padding:10px;
  border-radius:10px;
  line-height: 2em;
}
.add-button {
      display: inline-block;
      padding: 10px 20px;
      font-size: 16px;
      font-weight: bold;
      text-align: center;
      text-decoration: none;
      background-color: #4CAF50;
      color: #fff;
      border: 2px solid #4CAF50;
      border-radius: 5px;
      transition: background-color 0.3s, color 0.3s;
    }

    .add-button:hover {
      background-color: #fff;
      color: #4CAF50;
    }
   /* Error Message */
.error {
    background-color: #ff0000 !important; /* Red color for error message */
    color:#FFF !important;
    font-weight: bold; /* Bold font weight */
}

/* Success Message */
.success {
    background-color: #008000 !important; /* Green color for success message */
    color:#FFF !important;
    font-weight: bold; /* Bold font weight */
}