#status.complete {

    border-left: 5px solid #62ce54;
    opacity: 1;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}

#status.error {
    border-left: 5px solid #D35351;
    opacity: 1;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}

#status {
    background: rgb(6, 21, 38, 0.9) none repeat scroll 0 0;
    bottom: 0;
    border-left: 5px solid #000;
    color: #ffffff;
    left: 10px;
    max-width: 300px;
    opacity: 0;
    padding: 15px 25px;
    position: fixed;
    -webkit-transition: transform 0.3s ease 0s, opacity 0.3s ease 0s;
    -webkit-transition: opacity 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
    transition: opacity 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
    transition: transform 0.3s ease 0s, opacity 0.3s ease 0s;
    transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
    z-index: 10000000;
    -webkit-transform: translatey(100%);
    font-size: 14px;
    line-height: 140%;
    transform: translatey(100%);
}