﻿.registration-container {
    border: solid 2px #ccc;
    margin-top: 10px;
}
 a {
    color: #6ab400;
}
.registration-container .main-content {
   padding:20px;
}
.registration-container .main-content .have-an-account {
   text-align: right;
   font-size:0.8em;
   color: #ccc;
}

.registration-container .main-content .separator {
    font-size:1.5em;
    border-bottom: solid 1px #ccc;
    color: #6ab400;
}
.registration-container .step-header {
    width: 100%;
    height: 125px;
    background-color: #ececec;
     border-bottom: solid 2px #ccc;

}
.registration-container .step-header .row > div {
    text-align:center;
    padding: 30px;
}
.registration-container .step-header .row > div .step-number {
   border: solid 2px #989898;
   border-radius:1000px;
   width:30px;
   height:30px;
   display:block;
   margin: 0 auto;
   padding:3px 5px;
   color: #989898;
}
.registration-container .step-header .row > div > div {
   padding: 10px;
    color: #989898;
}

.registration-container .step-header .row > div.active .step-number {
   border: solid 2px #006ad6;
   color: #006ad6;
   font-weight:600;
}
.registration-container .step-header .row > div.active > div {
    color: #006ad6;
    font-weight:600;
}

.registration-container .main-content .plan-container {
    border-left: solid 1px #ccc;
    padding: 40px;
    margin-top: 15px;
}
.registration-container .main-content .plan-container i {
    color: #adadad;
    padding-top:15px;
}
.registration-container .main-content .plan-container > div {
    border: solid 2px #ccc;
    padding: 12px 15px;
}
#planSelection{
    margin-bottom:10px;
}
.registration-container .tos {
    height: 300px;
    overflow: hidden;
    overflow-y: scroll;
    padding:25px 25px 25px 50px;
    border: solid 1px #ccc;
}
.registration-container .tos-label {
    font-size:0.8em;
}
.registration-container button {
   min-width: 150px;
}
.registration-container button.close {
    min-width: unset;
}

.registration-container .password-policy {
    text-decoration: underline;
    color: #6ab400;
    font-size:0.8em;
    float: right;
    cursor: pointer;
}
.registration-container .tooltip-inner {
    max-width: 350px;
    width: 350px;
}
.registration-container .field-validation-error {
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545;
}
  /*  .registration-container .field-validation-error:before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f00d";
    }*/

.registration-container .input-validation-error {
    border-color: #dc3545;
}

.registration-container input[data-val-remote-url].valid:not(:placeholder-shown),
.registration-container input.valid-input {
    border-color: #6ab400;
}

    .registration-container input[data-val-remote-url].valid:not(:placeholder-shown) + span.field-validation-valid::after,
    .registration-container input.valid-input + span.field-validation-valid::after,
    .registration-container input#Password.valid + span.field-validation-valid::after {
        display: block;
        color: #6ab400;
        position: absolute;
        width: auto;
        bottom: 20px;
        right: 22px;
        margin-top: 0;
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f00c";
    }


.registration-container input.loading + span.field-validation-valid::after {
    display: block;
    color: #6ab400;
    position: absolute;
    width: auto;
    bottom: 20px;
    right: 22px;
    margin-top: 0;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f1ce ";
}

.registration-container #additionalEmailInfo {
    font-weight: normal;
    font-size: 0.8em;
}
.companyNmlsNotFound > div, .nmlsNotFound > div {
    font-size: 80%;
}
.companyNmlsNotFound, .nmlsNotFound {
    display: none;
}
.registration-container #companyBranches {
    display: none;
}
.registration-container #companyBranches input[type="radio"] {
    margin-right:7px;
}
.registration-container #companyBranches .form-check label {
    font-weight: normal;
}
.registration-container .search-spinner{
    display: none;
}
.registration-container #nmls-validation-errors p {
    color: #dc3545;
    font-weight: bold;
}
.registration-container .initalHide {
    display: none;
}
.registration-container #paymentContainer{
    text-align:center;
}
.registration-container #paymentContainer .payment-button {
    margin:25px;
    min-width:250px;
}
.usernameValue{
    font-weight:bold;
}