.form-group .checkbox label, .form-group .radio label, .form-group label
{
 text-transform: capitalize;
 font-size: 18px;
}

.fuelux .pillbox>.pill-group>.pill {
    /* margin: 2px; */
    cursor: default;
    float: left;
    word-break: break-all;
    background: #0fbd66;
    color: white;
    font-weight: bold;
}

.input-group.collapse
{
    overflow: hidden;
    height: 0px;
}

.input-group.collapse.in
{
    overflow: hidden;
    height: auto;
}

h2
{
    margin-bottom:25px;
}

input:invalid {
    background: #ffc7c7;
}

input:invalid:focus {
    background: #ffc7c7;
}

.form-control, .form-group .form-control
{
    padding: 10px;
}
.fuelux .pillbox .pillbox-add-item {
  
    padding: 5px;
}
.form-group.is-focused .help-block:empty
{
    height:0px;
}
.validationFail
{
    background: #f5c6cb !important;
}
.form-group.is-focused .help-block
{
    height:30px;
}

.checkbox .checkbox-material .check:before, label.checkbox-inline .checkbox-material .check:before
{
    margin-top: -3px;
    margin-left: 16px;
}
textarea{
    width:100%;
}

.radio, .checkbox {

    margin-top: 0px;
    margin-bottom: 0px;
}

.is-focused .radio, .is-focused .checkbox {

    margin-top: 0px;
    margin-bottom: 10px;
}

.form-group .help-block
{
    margin-top:0px;
    position: initial;
    line-height: normal;
    display: block;
    height: 0px;
    transition: height .5s;
    overflow: hidden;
    margin-bottom: 10px;
}

.input-group .slider.slider-horizontal
{
    width: 100%;
}
.pull-right
{
    float:right;
}
@media(min-width:922px)
{

    label
    {
        flex: 0 1 30%;

        text-align: right;
        padding-right:1em;
    }

    .form-group .help-block
    {
        flex: 0 1 70%;
     
    }

    .form-group
    {
        display: flex;
         justify-content: flex-end;
        flex-wrap: wrap;
    }

    .input-group
    {
        flex: 0 1 70%;
    }
}

.progressbar
{
    height: 2px;
    width: 0%;
    background: #15dd78;
}

select.form-control:not([size]):not([multiple]) {
    height: calc(2.25rem + 8px);
    padding: 6px;
}

.form-group {
    margin-bottom: 0rem;
}

.center-row
{

    display: flex;
    justify-content: center;
    align-items: top; 
    flex-direction: row;
    min-height: unset; 
    width: 100%;
    padding-top: 5em;
    margin-bottom: 5em;
}

.formSection {
    border-top: 1px solid #DDD;
    padding: 1em 1em 1em 1em;
    margin-top: 2em;
    background: rgba(0,0,0,.02);
    margin-bottom: 2em;
}