@import url(https://db.onlinewebfonts.com/c/0e3f1c9efebea39cb811fbb86c2fc53f?family=Google+Sans+Medium);
body {
    background: #ecf0f2;
}
label, h2 {
    color: #858c9a;
    font-size: 14px;
    font-family: Google Sans Medium;
}
.msf-view {
    display: none;
}

.msf-navigation {
    text-align: center;
}

.msf-nav-button {
    display: none;
}

.msf-header {
    padding-top: 15px;
    margin-bottom: 40px;
    color: #777;
}

.msf-header .msf-step {
    font-size: 20px;
    /*display : inline-block;
vertical-align : middle;*/
}
.msf-header .msf-step:hover {
    cursor: pointer;
}

.msf-header .msf-step i.fa {
    height: 30px;
    width: 30px;
    line-height: 25px;
    text-align: center;
    border: 2px solid #777;
    border-radius: 100%;
    font-size: 15px;
    margin-left: 5px;
    margin-right: 5px;
}

.msf-header .msf-step.msf-step-complete {
    /*color: #ef4035;*/
    color: green;
}

.msf-header .msf-step.msf-step-complete i.fa {
    /*border-color : #ef4035;*/
    border-color: green;
}

.msf-header .msf-step.msf-step-incomplete {
    /*color: #ef4035;*/
    color:red;
}

.msf-header .msf-step.msf-step-incomplete i.fa {
    /*border-color : #ef4035;*/
    border-color: red;
}

.msf-header .msf-step.msf-step-active,
.msf-header .msf-step.msf-step-active.msf-step-complete,
.msf-header .msf-step.msf-step-active.msf-step-incomplete {
    color: #119bcc;
    /*color:#3c763d;*/
}

.msf-header .msf-step.msf-step-active i.fa,
.msf-header .msf-step.msf-step-active.msf-step-complete i.fa,
.msf-header .msf-step.msf-step-active.msf-step-incomplete i.fa  {
    border-color: #119bcc;
    /*border-color : #3c763d;*/
}

.input-validation-error {
    border-color: red;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(255, 0,0,0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(255, 0,0,0.6);
}

.input-validation-error:focus {
    border-color: red;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(255, 0,0,0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(255, 0,0,0.6);
}

.header {
    background: #119bcc;
    padding: 20px;
    border-bottom: 5px solid #0a6282;
    margin-bottom: 40px;
}

.text-headline {
    font-size: 24px;
    line-height: 1.66;
    color: #33343e;
    font-weight: 400;
    font-family: Poppins;
}
.form_panel{
    background-color: #fff;
    box-shadow: 0 4px 6px 0 rgba(50,50,93,.11),0 1px 3px 0 rgba(0,0,0,.08);
    border-radius: 15px;
}
.panel-header.with-form {
    padding: 12px 24px;
    margin: 0;
    box-shadow: none;
}
.text-subheader {
    font-size: 18px;
    line-height: 1.6;
    font-family: Google Sans Medium;
    font-weight: 500;
}
.panel-content.with-form {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: #f4f8fa;
}
.panel-content {
    padding: 16px 24px;
}

h4 {
    font-size: 16px;
    line-height: 1.6;
    fornt-weight:bold
}
.page-header {
    margin-bottom: 16px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(200,204,212,.75);
    margin-bottom: 24px;
    padding-bottom: 16px;
}

.btn-light-grey {
    color: #212529;
    background-color: #c8ccd4;
    border-color: #c8ccd4;
    float:left;
    padding: 8px 32px;
    font-size: 16px;
    line-height: 1.5;
    border-radius: 6px;
}

.right {
    float: right;
    padding: 8px 32px;
    font-size: 16px;
    line-height: 1.5;
    border-radius: 6px;
}

.wizard-content {
    margin-bottom: 50px;
}

.field-validation-error {
    color: #f00;
}