﻿body {
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    color: #2c2c2c;
}

    body a {
        color: inherit;
        text-decoration: none;
    }

.register .header {
    max-width: 600px;
    /*  margin: 50px auto;*/
    text-align: center;
}

.register .header__title {
    margin-bottom: 30px;
    font-size: 18px;
    text-align: left;
    font-weight:bold;
}

.register .title h4 {
    font-size: 15px !important;
    font-weight:600;
    margin-bottom: 0;
    padding-top: 0;
    color: #682e7d;
}
/*div.multisteps-form__panel {
    margin-left: 20px;
}*/

.register .title {
    padding: 5px 10px;
    background-color: #f1f1f1;
    border: solid 1px #ccc;
    margin-bottom: 15px;
    width: 82%;
}

.register .form_data {
    /*margin-left: 20px;*/
}

.register .form-check.form-check-inline {
    margin-left: 10px;
    font-size: 14px;
}

.register p {
    font-size: 12px;
    margin-bottom: 8px;
    /*margin-left: 10px;*/
    line-height: 15px;
}

.register .form-control {
    font-size: 12px;
    height: 25px;
    padding: 4px 15px;
}

.register .col-form-label {
    font-size: 12px;
    height: 25px;
    padding: 0px 0px;
}

.register input#policyno {
    width: 180px;
    border-radius: 0;
}

.register input#federal_taxid {
    width: 180px;
    border-radius: 0;
}

.register input#policyid {
    width: 180px;
    border-radius: 0;
}

.register input#ftaxid {
    width: 180px;
    border-radius: 0;
}

.register .form-group.row {
    margin-bottom: 8px;
    margin-left: 0 !important;
}

.register button#clear {
    padding: 4px 15px;
    background-color: #fff;
    color: #474747;
    border: 1px solid #ced4da;
    height: 30px;
    line-height: 1;
}

.register button#validate {
    padding: 4px 15px;
    background-color: #8bc34a;
    color: #ffffff;
    border: 1px solid #ced4da;
    height: 30px;
    line-height: 1;
}

.register button.saveNext {
    padding: 4px 15px;
    background-color: #8bc34a;
    color: #ffffff;
    border: 1px solid #ced4da;
    height: 30px;
    line-height: 1;
}

.register button.cancel {
    padding: 4px 15px;
    background-color: #fff;
    color: #9da2a7;
    border: 1px solid #ced4da;
    height: 30px;
    line-height: 1;
}

.register .btn {
    line-height: 1;
}

.register .content {
    width: 95%;
    margin: 0 auto 50px;
}

.register .content__title {
    margin-bottom: 40px;
    font-size: 20px;
    text-align: center;
}

.register .content__title--m-sm {
    margin-bottom: 10px;
}

.register .multisteps-form__progress {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
}

.register .multisteps-form__progress-btn {
    transition-property: all;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    transition-delay: 0s;
    position: relative;
    padding-top: 20px;
    color: rgba(233,233,233,255);
    text-indent: -9999px;
    border: none;
    background-color: transparent;
    outline: none !important;
    cursor: pointer;
}

@media (min-width: 500px) {
    .register .multisteps-form__progress-btn {
        text-indent: 0;
    }
}

.register .multisteps-form__progress-btn:before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 13px;
    height: 13px;
    content: '';
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    transition: all 0.15s linear 0s, -webkit-transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s;
    transition: all 0.15s linear 0s, transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s;
    transition: all 0.15s linear 0s, transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s, -webkit-transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s;
    border: 2px solid currentColor;
    border-radius: 50%;
    background-color: #fff;
    box-sizing: border-box;
    z-index: 3;
}

.register .multisteps-form__progress-btn:after {
    position: absolute;
    top: 5px;
    left: calc(-50% - 13px / 2);
    transition-property: all;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    transition-delay: 0s;
    display: block;
    width: 100%;
    height: 2px;
    content: '';
    background-color: currentColor;
    z-index: 1;
}

.register .multisteps-form__progress-btn:first-child:after {
    display: none;
}

.register .multisteps-form__progress-btn.js-active {
    color: #682e7d;
}

    .register .multisteps-form__progress-btn.js-active:before {
        -webkit-transform: translateX(-50%) scale(1.2);
        transform: translateX(-50%) scale(1.2);
        background-color: currentColor;
    }

.register .multisteps-form__form {
    position: relative;
}

.register .multisteps-form__panel {
    /*  position: absolute;*/
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    opacity: 0;
    /*  visibility: hidden;*/
    display: none;
}

    .register .multisteps-form__panel.js-active {
        height: auto;
        opacity: 1;
        /*  visibility: visible;*/
        display: block;
    }

    /* .multisteps-form__panel[data-animation="scaleIn"] {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}
.multisteps-form__panel[data-animation="scaleIn"].js-active {
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: linear;
  transition-delay: 0s;
  -webkit-transform: scale(1);
          transform: scale(1);
} */

    .register .multisteps-form__panel[data-animation="fade"] {
        -webkit-animation: fadeInRight 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
        animation: fadeInRight 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    }

        .register .multisteps-form__panel[data-animation="fade"].js-active {
            -webkit-animation: fadeInLeft 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
            animation: fadeInLeft 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
        }



/*---- CUSTOM ANIMATION ----*/

.fadeInRight {
    -webkit-animation: fade-in-right 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: fade-in-right 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

@-webkit-keyframes fadeInRight {
    0% {
        -webkit-transform: translateX(50px);
        transform: translateX(50px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes fadeInRight {
    0% {
        -webkit-transform: translateX(50px);
        transform: translateX(50px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}


.fadeInLeft {
    -webkit-animation: fade-in-left 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: fade-in-left 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

@-webkit-keyframes fadeInLeft {
    0% {
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes fadeInLeft {
    0% {
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

.register #policy_located {
    display: none;
}

.register #another_policy {
    display: none
}

.register #saveNext {
    display: none;
}

.register button.remove-btn {
    margin-left: 10px;
    margin-top: 3px;
    padding: 1px 8px;
    border: 0;
    background-color: #f77470;
    font-weight: bold;
    font-size: 12px;
}

.register a#add-more {
    margin-left: 35px;
    text-decoration: underline;
    color: blue;
    cursor: pointer;
}

.register .error {
    color: red;
    line-height: 20px;
}

.voilet {
    color: #682e7d;
}

.register #captcha_text {
    width: 200px;
    margin-right: 15px;
}


.register input[value="Get Start"] {
    background-color: #8bc34a;
    background-image: none;
    border: none;
    border-radius: 3px;
    padding: 4px 20px;
    color: #fff;
    font-size: 12px;
}
.register input[value="Clear"] {
    padding: 4px 15px;
    background-color: #fff;
    color: #474747;
    border: 1px solid #ced4da;
    height: 30px;
    line-height: 1;
    background-image: none;
    border-radius: 3px;
    font-size: 14px;
    margin-right: 10px !important;
}
.register input[value="Back"] {
    padding: 4px 15px;
    background-color: #fff;
    color: #474747;
    border: 1px solid #ced4da;
    height: 30px;
    line-height: 1;
    background-image: none;
    border-radius: 3px;
    font-size: 14px;
    margin-right:5px;
}
.register input[value="Cancel"] {
    padding: 4px 15px;
    background-color: #fff;
    color: #474747;
    border: 1px solid #ced4da;
    height: 30px;
    line-height: 1;
    background-image: none;
    border-radius: 3px;
    font-size: 14px;
    margin-right: 5px;
}
.register input[value="Validate"] {
    background-image: none;
    border-radius: 3px;
    font-size: 14px;
    padding: 4px 15px;
    background-color: #8bc34a;
    color: #ffffff;
    border: 1px solid #ced4da;
    height: 30px;
    line-height: 1;
}
.register input[value="Next"] {
    background-image: none;
    border-radius: 3px;
    font-size: 14px;
    padding: 4px 15px;
    background-color: #8bc34a;
    color: #ffffff;
    border: 1px solid #ced4da;
    height: 30px;
    line-height: 1;
}
.register input#mPageContainer_pMiddleColumn_Btnsave1 {
    background-image: none;
    border-radius: 3px;
    font-size: 14px;
    padding: 4px 15px;
    background-color: #8bc34a;
    color: #ffffff;
    border: 1px solid #ced4da;
    height: 30px;
    line-height: 1;
}
.register input[value="Submit"] {
    background-image: none;
    border-radius: 3px;
    font-size: 14px;
    padding: 4px 15px;
    background-color: #cccccc;
    color: #ffffff !important;
    border: 1px solid #ced4da;
    height: 30px;
    line-height: 1;
}
.register input[value="Save Password"] {
    background-image: none;
    border-radius: 3px;
    font-size: 14px;
    padding: 4px 15px;
    background-color: #8bc34a;
    color: #ffffff;
    border: 1px solid #ced4da;
    height: 30px;
    line-height: 1;
}
.register input[type="text"] {
    /* border-color: #eee; */
    border: solid 1px #ccc;
    width:200px;
}
.register select {
    border: 1px solid #ccc;
    width: 200px;
    height: 20px;
}
span#mPageContainer_pMiddleColumn_lblgetbtn {
    font-size: 14px;
    width: 78%;
    display: block;
}
div#mPageContainer_pMiddleColumn_divvalidNext {
    margin-top: 45px;
}
table#mPageContainer_pMiddleColumn_rbonemorepolicy tr {
    display: inline;
    /* padding: 7px; */
}

table#mPageContainer_pMiddleColumn_rbonemorepolicy input[type="radio"] {
    display: none;
}
table#mPageContainer_pMiddleColumn_rbonemorepolicy tr td label {
    position: relative;
    padding-left: 23px;
    cursor: pointer;
    margin-right: 12px;
}

table#mPageContainer_pMiddleColumn_rbonemorepolicy tr td input[type="radio"]:checked + label:before {
    background-color: #682e7d;
    border-color: #682e7d;
}
table#mPageContainer_pMiddleColumn_rbonemorepolicy tr td label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 15px;
    height: 15px;
    border: 2px solid #682e7d;
    border-radius: 3px;
    background-color: white;
    transition: background-color 0.2s, border-color 0.2s;
}

/*div.js-active {
    margin-left: 20px;
}*/
table#mPageContainer_pMiddleColumn_rbonemorepolicy tr td input[type="radio"]:checked + label:after {
    content: ' ';
    position: absolute;
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.register  div#policy_info {
    margin-left: 20px;
}

.register  div#policy_info .col-sm-9 {
    padding-left: 0;
}
.register  .error span {
    font-size: 14px;
    /* width: 96%; */
    /* display: block; */
}
.register div#mPageContainer_pMiddleColumn_diveaddmorepolicy .col-md-8 {
    padding-left: 7px;
}

.register i.fa.fa-trash {
    font-size: 15px;
    color: #7d7d7d;
}

div#mPageContainer_pMiddleColumn_divaddnewonemorepolicy {
    margin-left: 20px;
}
div#mPageContainer_pMiddleColumn_divgrid {
    margin-left: 20px;
}

#mPageContainer_pMiddleColumn_divaddnewonemorepolicy p {
    margin-top: 10px;
}

table#mPageContainer_pMiddleColumn_gvAddPolicy tr td {
    text-align: left;
}

div#mPageContainer_pMiddleColumn_diveaddmorepolicy p:first-child {
    margin-left: 20px;
    padding: 0;
    margin-bottom: 0;
}

div#mPageContainer_pMiddleColumn_diveaddmorepolicy .row:first-child {
    margin-left: 18px;
}

#mPageContainer_pMiddleColumn_diveaddmorepolicy .form-group.row.ml-0.mt-3 {
    margin-left: 18px !important;
}

div#contact_info {
    margin-left: 20px;
}

    div#contact_info .form-group.row.ml-0.mt-3 {
        margin-left: 18px !important;
    }
.register input[type="password"] {
    /* border-color: #eee; */
    border: solid 1px #ccc;
    width: 200px;
}
.register div#security_question {
    margin-left: 20px;
}

    .register div#security_question .button-row.d-flex.mt-4 {
        margin-left: 20px;
    }
.register .form_data.consent .form-check {
    padding-left: 0;
}

.register .form_data.consent .col-sm-10.d-flex.mt-2 {
    padding-left: 0;
}
.register .form_data.consent {
    margin-left: 20px;
}

span#mPageContainer_pMiddleColumn_lblcaptcha {
    margin-top: 15px;
    font-size: 15px;
    display: block;
}

.submit_disable{
    background-image: none;
    border-radius: 3px;
    font-size: 14px;
    padding: 4px 15px;
    background-color: #cccccc !important;
    color: #ffffff !important;
    border: 1px solid #ced4da;
    height: 30px;
    line-height: 1;
}
.submit_success {
    background-image: none;
    border-radius: 3px;
    font-size: 14px;
    padding: 4px 15px;
    background-color: #8bc34a !important;
    color: #ffffff !important;
    border: 1px solid #ced4da;
    height: 30px;
    line-height: 1;
}


.register .fa.fa-trash {
    font-size: 15px;
    color: #7d7d7d;
}
.register p{
    line-height:20px;
}
.register #contact_info {
    margin-left: 20px;
}
.register .prev_btns {
        margin-left: 20px;
 }
.register #set_password {
    margin-left: 20px;
}
.register .button-row.d-flex.mt-4 {
    margin-left: 16px;
}
.register #security_ques {
    margin-left: 20px;
}
.register table#mPageContainer_pMiddleColumn_rbtTermsAndConditions label {
    font-size: 12px;
    margin-left: 3px;
    /* padding-top: 8px; */
}
.register .form_data.consent .button-row.d-flex.mt-4 {
    margin-left: 0;
}

.register input#mPageContainer_pMiddleColumn_rbtTermsAndConditions_0 {
    margin-top: -3px;
}
.register .addmore_margin {
    margin-top: 20px;
}
.register #contact_info input[type="text"] {
    width: 290px;
}
.register #contact_info select {
    width: 290px;
}
table#mPageContainer_pMiddleColumn_ctl00_rbtTermsAndConditions label {
    font-size: 12px;
    margin-left: 3px;
    width:90%;
}
.ml-20{
    margin-left:20px;
}
.success_msg{
    font-size:14px;
    line-height:20px;
}


.usergrid.fullgrid th {
    background: #682e7d !important;
    color: #fff;
}
    .usergrid.fullgrid th a {
        color: #fff;
    }
.user-title{
    font-size:20px;
}
.register .multisteps-form__progress-btn:disabled {
    cursor: default;
}
.page_title {
    font-size: 18px;
}
.form_data.consent ol {
    font-size: 12px;
    color: #2c2c2c;
    margin-bottom: 5px;
}

.form_data.consent ul {
    font-size: 12px;
    color: #2c2c2c;
}

.form_data.consent p {
    padding-bottom: 0px;
    padding-top: 0;
}
input#mPageContainer_pMiddleColumn_ctl00_rbtTermsAndConditions_0 {
    position: relative;
    bottom: 18px;
}
.terms_condition p {
    margin-bottom: 8px;
}
.title.consent {
    width: 100%;
}
.form_data.consent h4 {
    font-size: 15px !important;
    padding-top: 0;
}
.form_data.consent .col-sm-10.d-flex {
    padding-left: 2px;
}
select#mPageContainer_pMiddleColumn_ucAddSubAdminUserRequest_ddlUserSubTypeFirst {
    margin-top: 0;
    width: 176px;
    height: 20px;
}