.text-success {
    color: green;
    text-align: left;
}

.text-error {
    color: red;
    text-align: left;
}

.text-message {
    color: grey;
    text-align: center;
    margin: 20px 0;
}

/* dropdown */
/* https://codepen.io/remilaudanski/pen/gbBGyN?editors=1100 */
.dropdown-slide {
    clear: both;
    width: 100%;
    height: 0px;
    overflow: hidden;
    text-align: center;
    transition: height 0.4s ease;
}

#dropdown-touch {
    position: absolute;
    opacity: 0;
    height: 0px;
}

#dropdown-touch:checked + .dropdown-slide {
    height: min-content;
}