/* style.css */
/* BASIC STYLINGS
============================================================================= */

/* form styling */
#form-container                {  margin-bottom:20px;
    border-radius:5px; }
#form-container .page-header   {  margin:0; padding:30px; padding-bottom: 0;
    border-top-left-radius:5px; border-top-right-radius:5px; }

/* numbered buttons */
#status-buttons                 {  }
#status-buttons a               { color:#FFF; display:inline-block; font-size:12px;  text-align:center; text-transform:uppercase; text-decoration:none; }
#status-buttons a:hover { text-decoration:none; }

/* we will style the span as the circled number */
#status-buttons span            { background:#8b8b8b; display:block; height:30px; margin:0 auto 10px; padding-top:5px; width:30px;
    border-radius:50%; }

/* active buttons turn light green-blue*/
#status-buttons a.active span   { background:#107fc9; }

.btn-next-custom, .btn-next-custom:hover, .btn-next-custom:active, .btn-next-custom:focus {background-color: #107fc9; color:#fff; border: 2px solid #107fc9;}

.form-input-custom {
    height:30px !important;
}