/* Messages */
@mixin message($color) {
    .save_message {
        padding: 1rem;
        width: 50%;
        margin: 2em auto;
        background: $color;
        text-align: center;
        color: black;
        font-weight: bold;
        box-shadow: 2px 2px 10px -5px slategray;
    }
}

.error_message {
    @include message(#ffcdd2);
}

.save_message {
    @include message(#ffe0b2);
}

.elem_error {
    border: 2px solid rgba(255, 0, 0, 0.5);
}

/*
 * IE doesn't appear to like a simple display:none in our header.
 * Random things start fucking up pretty badly.
 */

.hidden {
    position: absolute;
    left: -10000px;
}

input.hidden {
    position: absolute;
    display: none;
}