.hidden { display: none !important; }
.has-error { border: solid 1px #a94442 !important; border-radius: .25rem; }

@media(max-width: 768px) {
    button.full-width { width: 100%; }
    body { margin-bottom: 100px; }
    #progressbar li strong { display: none; }
}

#progressbar { margin-bottom: 30px; overflow: hidden; padding-left: 0 !important; margin-top: 30px !important; }
    #progressbar .active { color: #28a745 !important; }
    #progressbar li { list-style-type: none; font-size: 15px; width: 20%; float: left; position: relative; font-weight: 400; text-align: center; }
        #progressbar li:after { content: ''; width: 100%; height: 2px; background: lightgray; position: absolute; left: 0; top: 25px; z-index: -1 }
        #progressbar li span { width: 50px; height: 50px; line-height: 45px; display: block; font-size: 25px; color: #ffffff; background: lightgray; border-radius: 50%; margin: 0 auto 10px auto; padding: 2px; }
        #progressbar li.active:before,
        #progressbar li.active span { background: #28a745 !important; }

.rules-container { font-size: 12px; width: 100%; height: 200px; overflow-y: auto; background-color: #f8f9fa; border-top: 3px solid #ddd; padding: 10px; margin-top: 20px; margin-bottom: 20px; }