@font-face {
    font-family: 'Derailed-ExtraBold';
    src: url('../DerailedExtraBold');
}

@font-face {
    font-family: 'Derailed-Bold';
    src: url('../DerailedBold');
}

.glyphicon.glyphicon-ok-sign {
    float: right;
    color: green;
}

.glyphicon.glyphicon-remove-sign {
    float: right;
    color: #de1f3e;
}

.navbar-inverse .navbar-nav > li > a {
    color: #fff !important;
}

#NextButton {
    display: block !important;
}

#PreviousButton {
    display: block !important;
}

/* CRIMSON
#NextButton {
    margin-left: 15px;
    border-radius: 50px;
}

#PreviousButton {
    right: 260px;
    border-radius: 50px;
}
 */

@media (max-width:767px) {
    #WebFormControl_ProgressIndicator {
        display: none !important;
        float: none !important;
    }

    #PreviousButton {
        right: 0px;
    }
}

@media (min-width:992px) {
    #WebFormControl_ProgressIndicator {
        width: 23%;
        height: 800px;
    }
}

.btn {
    border-radius: 50px;
}


.glyphicon.glyphicon-ok {
    float: right;
}

.workflow-link.btn-default.btn {
    float: right;
}


.col-sm-6.clearfix.col-sm-12 {
    margin-bottom: 30px;
}

.form-action-container-left {
    margin-bottom: 10px;
}

@media (width:768px) {
    #WebFormControl_ProgressIndicator {
        width: 30%;
        height: 800px;
    }

    #WebFormPanel {
        float: right;
        width: 504px;
    }
}

.view-empty.message {
    
    color: #333;
}


#crimson_gender1, #crimson_country1, #crimson_correcountry1, #crimson_nationality, #crimson_countryofbirth, #crimson_countryofpermanentresidence, #crimson_countrystate {
    max-width: 360px;
}

#crimson_nationality, #crimson_countryofbirth, #crimson_countryofpermanentresidence, #crimson_countryofissue, #crimson_ethnicity, #crimson_financestudies, #crimson_researchcouncil, #crimson_qualificationtype2, #crimson_agentorganisation {
    max-width: 770px;
}

#crimson_internationaldialcode, #crimson_dialcode, #crimson_countrystate {
    max-width: 360px;
}

#crimson_secondnationality {
    max-width: 770px;
}




.section-title {
    font-family: Derailed-ExtraBold;
    font-weight: 500;
    line-height: 1.1;
    color: #4a4a4a !important;
}


    .section-title.show-bar {
       
        color: #333;
    }

.description {
   
    color: #333;
}

.instructions {
    
    color: #333;
}

.glyphicon.glyphicon-info-sign {
    left: 5px;
}

.skeleton {
    color:red !important;
}

.section-label-title {
    font-family: Derailed-ExtraBold;
    font-size: 22.5px;
    font-weight: 500;
}

.section-label-guidance {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 15px;
    font-weight: 400;
}

.instructions-ug {
    line-height: 1.1;
}