:root {
    --wet-asphalt-blue: #34495e;
    --alizarin-red: #e74c3c;
    --carrot-orange: #e67e22;
    --emerald-green: #2ecc71;
    --belize-hole-blue: #2980b9;
    --cloud-white: #ecf0f1;
    --custom-box-shadow: 0 0.313rem 0.625rem 0 rgba(0, 0, 0, 0.12);
}

/** FLASH MESSAGE **/
#flash {
    position: fixed;
    width: 90%;
    z-index: 1001;
    bottom: 25px;
    left: 5%;
    box-shadow: var(--custom-box-shadow);
    border: none;
    border-radius: 0;
    font-size: 12pt;
    text-align: center;
}

#flash.alert-success {
    color: #fff;
    background-color: var(--emerald-green) !important;
    border-top: 1px solid var(--emerald-green);
}

#flash.alert-warning {
    color: #fff;
    background-color: var(--carrot-orange) !important;
    border-top: 1px solid var(--carrot-orange);
}

#flash.alert-danger {
    color: #fff;
    background-color: var(--alizarin-red) !important;
    border-top: 1px solid var(--alizarin-red);
}