﻿/*#registrationForm * {
    color: #58595b;
}*/

#registrationForm .fa {
    font-family: FontAwesome;
}

#registrationForm .change-password-link {
    color: #20751f;
    margin-top: 5px;
    margin-bottom: 15px;
    display: inline-block;
    font-weight: 600;
}

#registrationForm .section {
    border-bottom: 1px solid #ced4da;
    margin: 20px 0px 30px 0px;
    padding-bottom: 5px;
}

#registrationForm .section span.info {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: #58595b;
    color: #fff;
    border-radius: 8px;
    margin-right: 5px;
    font-weight: 900;
    font-family: 'Times New Roman';
    text-align: center;
    line-height: 16px;
    font-size: 14px;
}

#registrationForm .section .section-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: #58595b;
    margin-right: 5px;
    border-radius: 3px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 16px;
}

#registrationForm .phone-number-btn {
    outline-style: none;
    text-decoration: none;
}

#registrationForm .phone-number-btn:focus {
    outline-style: none;
    text-decoration: none;
}

#registrationForm .phone-number-btn i {
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    text-align: center;
}

#registrationForm .phone-number-btn.remove-btn {
    background-color: #e66b6b;
}

#registrationForm .phone-number-btn.remove-btn i {
    color: #e66b6b;
    background-color: #fff;
    border-radius: 8px;
}

#registrationForm .phone-number-btn.add-btn {
    background-color: #0265a6;
}

#registrationForm .phone-number-btn.add-btn i {
    color: #fff;
    font-weight: bold;
}

.phone-item {
    padding-bottom: 5px;
}

.add-phone {
    line-height: 38px;
}

.yes-no input {
    display: inline-block;
    width: auto;
    line-height: 1;
    height: auto;
}

.yes-no span {
    margin-left: 7px;
    margin-right: 7px;
}

#registrationForm  .btn.btn-primary {
    color: #fff;
}

.hidden {
    display: none;
}

#registrationForm .steps .step {
    background-color: #f3f3f3;
    color: #dadada;
    display: inline-block;
    margin-left: 3px;
    margin-right: 3px;
    width: 32%;
    border: 2px solid #dadada;
    padding: 10px;
}

#registrationForm .steps .step > span {
    font-size: 24px;
    line-height: 24px;
    display: table-cell;
    color: #dadada;
    text-transform: uppercase;
    margin: 10px;
    vertical-align: middle;
}

#registrationForm .steps .step span.name {
    
}

#registrationForm .steps .step span.num {
    height: 48px;
    width: 48px;
    padding-right: 10px;
    vertical-align: middle;
}

#registrationForm .steps .step span.num span {
    height: 48px;
    width: 48px;
    border: 1px solid #dadada;
    color: #dadada;
    border-radius: 24px;
    font-size: 36px;
    font-weight: bold;
    line-height: 48px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

#registrationForm .steps .step.activated > span {
    color: #0265a6;
}

#registrationForm .steps .step.activated span.num span {
    color: #0265a6;
    border: 1px solid #0265a6;
}

#registrationForm .alert.alert-danger, #registrationForm .field-validation-error {
    color: #F00;
    background: #fff;
    border: 0px;
    padding: 0px;
}

#registrationForm .alert.alert-danger a {
    color: #0265a6;
}

#registrationForm .form-group.required > label::after {
    content: '*';
    margin-left: 3px;
    color: #f00;
}

#registrationForm span.required::after {
    content: '*';
    margin-left: 3px;
    color: #f00;
}

#registrationForm .select2-choices {
    border-radius: .25rem;
    border: 1px solid #ced4da;
    background-image: none;
}

#registrationForm .hidden {
    visibility: hidden;
}