.form-group {
    margin:0.625rem 0.625rem;
}








.message {
   padding: 3px;
   width: 50%;
}

.message > * {

   /* display: inline-block; */

}

.message .title {
    font-weight: 700;
}

.success.message {

    border: 5px solid  var(--s600);
    color:  var(--s900);
    background: #ffffff;
    background-color: transparent;

}

.error.message {
    background: #f9cece;
    border: 5px solid var(--c900);

}

.error.message .title {
    color: var(--c900);
}





* {
  box-sizing: border-box;
  background: transparent;

}









/* Remove extra left and right margins, due to padding */
.row {margin: 0 -0.3125rem;}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}