.help-block {
    color: #b92b27;
}

.status-progress span {
    padding: 15px 0;
    text-align: center;
}

.status-progress .job-status {
    border-bottom: 5px solid wheat;
}

.active-job {
    border-bottom: 5px solid green;
}

.danger-job {
    border-bottom: 5px solid red;
}

.warning-job {
    border-bottom: 5px solid orange;
}

.success-job {
    border-bottom: 5px solid green;
}
.example p {
    transition: all .2s ease-in-out;
}

body.layout-dark .example p {
    color: #FFFFFF;
}

.example {
    font-family: 'Roboto', sans-serif;
    width: 550px;
    height: 378px;
    margin: auto;
    padding: 20px;
    box-sizing: border-box;
}

.example .flipdown {
    margin: auto;
}

.example p {
    text-align: center;
    font-weight: 100;
    margin-top: 0;
    margin-bottom: 35px;
}

@media(max-width: 550px) {
    .example {
        width: 100%;
        height: 362px;
    }

    .example p {
        margin-bottom: 25px;
    }
}