@charset "utf-8";

/* CSS Document */

.wrapper-a {
    background-color: whitesmoke;
    border-radius: 10px;
}

.form-control:focus {
border: 1px solid #0072dd !important;	
}

/*ERROR STYLING*/
.error {
    border: 1px solid #0072dd !important;
}

.error:focus {
    border: 1px solid #B81B12 !important;
}

.row.rowz {
    margin-bottom: 20px;
    }
    .row.rowq {
    padding-top: 25px;
    margin-top: 15px;
    border-top: 2px dashed #d3d3d3;	
}
p.noage {
	font-size: 14px;
    font-weight: 500;
    color: #6B2C0B;
    margin-top: 2px;
    margin-bottom: 5px;
}

label.lbsmall {
	font-size:14px;
}

/*FOR WIZARD*/
#wizard fieldset:not(:first-of-type) {
    display: none;
}

#wizard .action-button {
    padding: 0; border: none; border-radius: 0px; background-color: #BA0C2F; height: 41px; font-family: "Muli" !important; font-size: 16px; color: #fff; 
    cursor: pointer; text-transform: uppercase; float: right; line-height: 1; font-weight: 500; letter-spacing: 0.5px;
}

#wizard .action-button:hover,
#wizard .action-button:focus {
    text-decoration: none !important;
    outline: 0px auto -webkit-focus-ring-color !important;
    background-color: #212121;
}

#wizard .action-button-previous {
      padding: 0; border: none; border-radius: 0px; background-color: #BA0C2F; height: 41px; font-family: "Muli" !important; font-size: 16px; color: #fff; margin-left: 15px;
    cursor: pointer; text-transform: uppercase; float: right; line-height: 1; font-weight: 500; letter-spacing: 0.5px;}

#wizard .action-button-previous:hover,
#wizard .action-button-previous:focus {
    text-decoration: none !important;
    outline: 0px auto -webkit-focus-ring-color !important;
    background-color: #212121;
}

#progressbar {
    margin-bottom: 10px;
    overflow: hidden;
    text-align: center;
    color: lightgrey;
}

#progressbar .active {
    color: #BA0C2F;
    font-family: "Muli" !important;
}

#progressbar li {
    list-style-type: none;
    font-size: 15px;
    width: 20%;
    float: left;
    position: relative;
    font-weight: 400;
}

.info2{
	font-size: 15px;
}

.textarea2{
	min-height:70px; 
	max-height:70px;
}

/*FOR ICONS IN PROGRESS BAR*/
#progressbar #applicant:before {
    font-family: Material-Design-Iconic-Font;
    content: "\f205";
}

#progressbar #education:before {
    font-family: Material-Design-Iconic-Font;
    content: "\f174"
}

#progressbar #references:before {
    font-family: Material-Design-Iconic-Font;
    content: "\f209"
}

#progressbar #employment:before {
    font-family: Material-Design-Iconic-Font;
    content: "\f10c"
}

#progressbar #finish:before {
    font-family: Material-Design-Iconic-Font;
    content: "\f26b";
    font-weight: bolder;
}

#progressbar li:before {
    width: 40px;
    height: 40px;
    display: block;
    font-size: 20px;
    font-size: x-large;
    color: #ffffff;
    background: lightgray;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    padding: 2px
}

#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: lightgray;
    position: absolute;
    left: 0;
    top: 25px;
    z-index: -1
}

#progressbar li.active:before,
#progressbar li.active:after {
    background: #BA0C2F;
}

.progress {
    height: 6px;
}

.progress-bar {
    background-color: rgba(186, 12, 47, 0.8);
}

/*FOR MOBILE VERSION*/
@media (max-width: 767px) {
    #progressbar #love #love1 {
        display: none !important;
    }
    #info {
        display: none !important;
    }
    .next,
    .previous {
        max-width: 90px !important;
    }
    
    #progressbar li strong {
        display:none !important;	
    }
}

@media (max-width: 991px) {
    #info {
        display: none !important;
    }
    .next,
    .previous {
        max-width: 100px !important;
    }
}

@media (max-width: 460px) {
	.container {
	padding-right: 0;
    padding-left: 0;
	}
}