:root {
    --brand-green: #00BF63;
    --brand-grey: rgb(136, 136, 136);
    --border-grey: rgb(204, 204, 204);
    --border-grey-light: rgb(238, 238, 238);

    --otslr-green: #00BF63;
    --otslr-dark-grey: #414444;
    --otslr-medium-grey: #6d6d6d;
    --otslr-medium-light-grey: #a8a8a8;
    --otslr-light-grey: #ddddde;
    --otslr-beige: #dcd4cb;

    --otslr-white: white;

    --black: rgb(0, 0, 0);
    --red: rgb(153, 27, 27);

    --active: rgb(220, 252, 231);
    --active-alt: rgb(22, 101, 52);
    --canceled: var(--red);
    --pending: rgb(255, 255, 0);
}



/* helpers */
.error-message {
    color: var(--red);
    padding: 10px;
    background-color: rgba(255,0,0,.35);
    border-radius: 4px;
    margin: 10px 0;
    font-size: 16px;
    line-height: 28px;
}

.success-message {
    color: var(--otslr-green);
    padding: 10px;
    background-color: rgba(128, 183, 65, .55);
    border-radius: 4px;
    margin: 10px 0;
    font-size: 16px;
    line-height: 28px;
}

.error-message p,
.success-message p {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}