.onb-wrapper {
    background: #F4F7FE;
}

[data-name="guia_dados_empresa"], [data-name="guia_lojista_integrado_vtex"], [data-name="guia_lojista_manual"] {
    counter-reset: title;
}

[data-name="dados_responsaveis"] {
    counter-reset: title 2;
}

[data-name="guia_testemunha_contrato_digital"] {
    counter-reset: title 5;
}

[data-name="guia_dados_complementares"] {
    counter-reset: title 8;
}

.form-onboarding .crmEntityFormView .section-title:before {
    counter-increment: title;
    content: counter(title) " ";
    display: inline-block;
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    color: #007033;
    border: 1px solid #007033;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    margin-right: 10px;
}

.main-orboarding {
    margin-top: 64px;
}

.main-orboarding h1 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 40px;
    color: #3A3C47;
}

.main-orboarding p {
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 32px;
    line-height: 150%;
    color: #71768E;
}

/* Progress */
.progress-onboarding {
    width: 100%;
    margin: 64px auto;
    text-align: center;
}

.progress-onboarding .circle, .progress-onboarding .bar {
    display: inline-block;
    background: #ECEFF5;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    border: 0;
}

.progress-onboarding .bar {
    position: relative;
    width: 15%;
    height: 4px;
    top: -36px;
    margin-left: -4px;
    margin-right: -4px;
    border-left: none;
    border-right: none;
    border-radius: 0;
}

.progress-onboarding .circle .label {
    display: inline-block;
    width: 40px;
    height: 40px;
    font-size: 22px;
    font-weight: 100;
    line-height: 40px;
    border-radius: 40px;
    margin-top: 0;
    margin-bottom: 5px;
    padding: 0 !important;
    color: #b5b5ba;
    background: #CFD0D8;
}

.progress-onboarding .circle .title {
    display: flex;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    color: #71768E;
    margin-left: -5px;
    flex-direction: column;
    align-items: center;
    padding-bottom: 15px;
}

/* Done / Active */
.progress-onboarding .bar.done, .progress-onboarding .circle.done {
    background: #eee;
}

.progress-onboarding .circle.done .label {
    color: #FFF;
    background: #138647;
}

.progress-onboarding .circle.done .title {
    color: #138647;
}

.progress-onboarding .circle.active .label {
    color: #FFF;
    background: #0076D6;
}

.progress-onboarding .circle.active .title {
    color: #0076D6;
    font-weight: 600;
}

.progress-onboarding .circle.done .label:before {
    font-family: 'rdicons' !important;
    content: "\e971" !important;
    color: #FFFFFF;
}

.progress-onboarding .circle.active .label:before {
    font-family: 'rdicons' !important;
    content: "\ea49" !important;
    color: #FFFFFF;
}

.progress-onboarding .circle .label:before {
    content: "-" !important;
    color: #CFD0D8;
}

.onb-start {
    background: #e9f1ed;
    background: -moz-linear-gradient(left, #e9f1ed 0%, #ffffff 70%);
    background: -webkit-linear-gradient(left, #e9f1ed 0%,#ffffff 70%);
    background: linear-gradient(to right, #e9f1ed 0%,#ffffff 70%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9f1ed', endColorstr='#ffffff',GradientType=1 );
    padding: 42px;
    margin: 10px 0 64px;
}

.onb-start h2 {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 150%;
    color: #007033;
}

.onb-start h2 span {
    margin-right: 20px;
}

.progress-hover {
    display: none;
}

.progress-onboarding .circle:nth-child(n):hover .progress-hover {
    display: block
}

.progress-hover {
    position: absolute;
    margin-left: -25px;
    max-width: 300px;
    background-color: rgb(24 27 37 / 95%);
    color: #FFFFFF;
    font-size: 14px;
    border-radius: 10px;
    padding: 15px;
    font-family: Open Sans;
    font-style: normal;
    text-align: left;
    box-shadow: 0px 4px 12px rgb(73 73 73 / 20%);
}

.progress-hover:before {
    content: '\25B2';
    color: rgb(24 27 37 / 95%);
    position: absolute;
    top: -14px;
    left: 34px;
}

.progress-onboarding .circle:last-child .progress-hover {
    margin-left: -249px;
}

.progress-onboarding .circle:last-child .progress-hover:before {
    left: 259px;
}

/* Timeline */
.onb-timeline {
    list-style: none;
    position: relative;
}

.onb-timeline h3 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    color: #4E5161;
}

.onb-timeline p {
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    color: #4E5161;
}

.onb-timeline a {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    color: #007033;
}

.onb-timeline p strong {
    color: #71768E;
}

.onb-timeline:before {
    position: absolute;
    top: 95px;
    bottom: 80px;
    content: " ";
    width: 4px;
    background-color: #d5d7e0;
    left: 30%;
}

.onb-timeline .clearFix {
    clear: both;
    height: 0;
}

.onb-timeline .timeline-badge {
    color: #fff;
    width: 60px;
    height: 60px;
    font-size: 1.2em;
    text-align: center;
    position: absolute;
    left: 30%;
    margin-left: -24px;
    background-color: #3f9656;
    border-radius: 50%;
    outline: 24px solid #FFFFFF;
}

.onb-timeline .timeline-badge span.timeline-balloon-date-day {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    color: #FFFFFF;
    line-height: 60px;
}

.onb-timeline .timeline-badge span.timeline-balloon-date-month {
    font-size: .7em;
    position: relative;
    top: -10px;
}

.onb-timeline .timeline-badge.timeline-filter-movement {
    background-color: #ffffff;
    font-size: 1.7em;
    height: 35px;
    margin-left: -18px;
    width: 35px;
    top: 40px;
}

.onb-timeline .timeline-badge.timeline-future-movement {
    background-color: #ffffff;
    height: 35px;
    width: 35px;
    font-size: 1.7em;
    top: -16px;
    margin-left: -18px;
}

.onb-timeline .timeline-movement {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: row;
}

.onb-timeline .timeline-movement .timeline-item {
    padding: 20px 0;
}

.onb-timeline .timeline-movement .timeline-item .timeline-panel {
    position: relative;
    padding: 10px;
}

.onb-timeline .timeline-movement .timeline-item .timeline-panel .timeline-panel-ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Formulario */
.onb-header {
    position: absolute;
    top: -80px;
    right: 0;
    left: 0;
    margin: auto;
    background: #FFF;
    width: 217px;
    height: 217px;
    border-radius: 50%;
    text-align: center;
    line-height: 217px;
    z-index: 9;
}

.onb-header img {
    width: 88px;
}

.main-onboarding-form {
    position: relative;
    background: #FFF;
    padding: 24px;
    margin: 80px 0;
    border-radius: 24px;
}

.main-onboarding-form h1 {
    position: relative;
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    text-align: center;
    color: #494B5B;
    margin-top: 50px;
    z-index: 10;
}

.form-onboarding li.list-group-item {
    position: relative;
    width: 190px;
    height: 190px;
    border-radius: 50% !important;
    text-align: center;
    line-height: unset;
}

.form-onboarding .onb-step {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%;
    outline: 8px solid #FFFFFF;
    height: 142px;
    width: 142px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.form-onboarding .list-group-item.incomplete, .form-onboarding .list-group-item.incomplete:hover, .form-onboarding .list-group-item.incomplete:focus {
    z-index: 2;
    color: #fff;
    background-color: #BDC7DC !important;
    border-color: #BDC7DC !important;
}

.form-onboarding .onb-step span {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    display: block;
}

.form-onboarding .onb-step {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
}

.form-onboarding .list-group-item-success {
    color: #FFFFFF !important;
    background-color: #138647 !important;
}

.form-onboarding .list-group {
    margin: 60px 0;
    background: transparent;
    border: 0;
    box-shadow: none;
    padding: 40px 0;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.form-onboarding .onb-step i {
    position: absolute;
    top: -38px;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 20px;
    text-align: center;
    line-height: 30px;
    background: #bdc7dc;
    width: 31px;
    height: 31px;
    outline: 6px solid #FFFFFF;
    border-radius: 50%;
}

.form-onboarding .list-group-item.active .onb-step i {
    background: #337ab7;
}

.form-onboarding .list-group-item.list-group-item-success .onb-step i {
    background: #138647;
}

.form-onboarding .list-group-item.list-group-item-success .glyphicon {
    display: none;
}

.form-onboarding .view-toolbar ul, .form-onboarding .view-toolbar a {
    display: block;
}

.form-onboarding .pull-right.toolbar-actions .input-group:last-child {
    display: block;
}

.form-onboarding .crmEntityFormView .section-title {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    color: #494B5B;
    border-left: 0;
    padding-left: 0;
    margin-bottom: 24px;
    padding-bottom: 24px;
    padding-top: 20px;
}

.form-onboarding .pull-right.toolbar-actions .input-group:last-child {
    margin: 0;
}

.form-onboarding .grid-actions a.btn.action {
    margin: 0;
    width: auto;
}

.form-onboarding .toolbar-actions:before {
    display: none;
}

.form-onboarding .subgrid-cell .control {
    display: block;
}

.form-onboarding .table > tbody > tr > td:first-child {
    padding-left: 24px;
}

.form-onboarding .crmEntityFormView .tab .tab-column:first-child {
    padding-right: 12px;
    padding-left: 0;
}

.form-onboarding .crmEntityFormView .tab .tab-column {
    padding-left: 12px
}

.form-onboarding .crmEntityFormView td.form-control-cell {
    padding: 0 12px;
    border: 0;
}

[data-name="guia_contrato_digital"] .crmEntityFormView td.form-control-cell {
    padding: 0 12px !important;
    margin-bottom: 16px;
}

.form-onboarding .crmEntityFormView td.form-control-cell:first-child {
    padding-left: 0;
}

.form-onboarding .crmEntityFormView td.form-control-cell:last-child {
    padding-right: 0;
}

.form-onboarding .boolean-radio-cell {
    padding: 0 12px !important;
}

.form-onboarding input.form-control {
    border: 1px solid #CFD0D8;
    box-shadow: none;
}

.form-onboarding .form-control:hover {
    border-color: var(--color-neutral-medium);
    color: var(--color-neutral-black);
    border-width: 1px;
}

.form-onboarding .form-control:focus {
    font-weight: bold;
    color: var(--color-neutral-black);
    background-color: var(--color-neutral-white);
    border-style: solid;
    border-color: var(--color-neutral-medium);
    border-width: var(--border-width-thin) !important;
    box-shadow: none;
}

.form-onboarding .form-control:active {
    font-weight: var(--font-weight-bold);
    color: var(--color-neutral-black);
    border-color: var(--color-neutral-medium);
    border-width: var(--border-width-hairline);
}

.form-onboarding .form-control[disabled], .form-onboarding .form-control[readonly], fieldset[disabled] .form-control {
    background-color: transparent;
    opacity: var(--opacity-level-weak);
    border: 1px solid var(--color-neutral-medium) !important;
    cursor: not-allowed;
}

.subgrid .input-group {
    box-shadow: none;
    border: 0 !important;
    outline: none !important;
}

.subgrid .input-group:focus-within {
    box-shadow: none;
    border: 0 !important;
    outline: none !important;
}

.input-group input:hover, .input-group input:focus, .input-group input:active {
    border: 0 !important;
}

/* Modal */
.form-onboarding .modal-form .modal-body iframe {
    max-height: 303px;
}

.crmEntityFormView .actions {
    margin: 0;
}

.form-onboarding div#content-container {
    padding: 0 !important;
}

.form-onboarding .modal-header {
    padding: 24px;
}

.form-onboarding .modal-title {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    color: #71768E;
    margin: 0;
    text-align: left;
}

.form-onboarding button.form-close {
    top: 24px !important;
    right: 24px !important;
    font-size: 24px;
    font-weight: 400;
    color: #71768E;
    z-index: 99;
}

.form-onboarding .crmEntityFormView .actions {
    border-top: 1px solid #e5e5e5;
    margin: 0;
    padding: 24px 0 0;
}

.form-onboarding .modal-body {
    position: relative;
    padding: 24px;
}

.crmEntityFormView td.form-control-cell:only-child {
    padding: 0 !important;
}

.form-onboarding .list-group:before {
    content: ' ';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 5px;
    width: 98%;
    height: 16px;
    margin: auto;
    background: #eceff5;
}

.modal-body .view-pagination .pagination {
    float: none;
    margin: 0;
}

.modal-body .jquery-bootstrap-pagination {
    text-align: center;
    margin-top: 24px;
}

.modal-lookup .modal-header .modal-title {
    margin-top: 0;
    text-align: left;
}

.form-onboarding .actions .col-sm-6 {
    width: 100%;
    text-align: right;
    padding: 0;
}

.form-onboarding .actions .col-sm-6 div:first-child {
    margin-right: 20px;
}

.form-onboarding .actions .col-sm-6 div:only-child {
    margin-right: 0;
}

.form-onboarding .grid-actions {
    margin-bottom: 20px;
}

.form-onboarding .money.form-control-cell .control {
    display: inline-block;
    width: 100%;
}

.form-onboarding .select2-container.form-control {
    margin: 4px 0;
}

/* sucesso */
.form-onboarding div.message.success {
    max-width: 100%;
    width: 100%;
    background: transparent;
    border: 0;
    padding: 0;
    text-align: center;
    display: inline-block;
}

.onb-sucesso {
    margin-top: 50px;
    text-align: center;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
}

.onb-sucesso h2 {
    font-size: 30px;
    text-align: center;
    color: #494b5b;
    margin: 29px 0;
}

.onb-sucesso a {
    text-align: center;
}

.espaco-position {
    clear: both;
    height: 64px;
}

.entity-grid.subgrid .alert-warning {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    color: #000000;
    background: transparent;
    border: 0;
    text-align: center;
}

.msg-step a {
    text-decoration: none;
    top: 1px !important;
}

.info-onb a {
    font-size: 12px;
    display: block;
    color: #6A7086;
    margin: 0 0 5px;
}

.info-onb-item {
    position: relative;
}

.info-onb {
    display: none;
    position: absolute;
    top: 30px;
    background: #FFF;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 10px;
    margin: 0 10px;
    z-index: 9;
}

.info-onb-item:hover .info-onb {
    display: block;
}

.info-onb-link {
    font-size: 14px;
    padding: 0 10px 10px;
    color: #138647;
    font-weight: 600;
    margin-bottom: 20px;
}

[data-name="section_informacoes_complementares_loja"] .boolean-radio-cell .control {
    margin-bottom: 5px;
}

.info-onb-link i {
    font-size: 20px;
    vertical-align: bottom;
}

.view-grid table tbody tr .dropdown ul.dropdown-menu {
    width: max-content;
}

.view-grid table tbody tr .dropdown ul.dropdown-menu {
    border-radius: 12px;
}

.view-grid table tbody tr .dropdown button {
    display: inline-block;
}

.view-grid table tbody tr .dropdown button span.fa {
    vertical-align: middle;
}

[data-name="section_dados_bancarios"] tbody tr:nth-child(7) td:first-child:not([style="display: none"]) {
    visibility: hidden;
    display: block !important;
}

[data-name="section_dados_bancarios"] tbody tr:nth-child(7) td:first-child:not([style*="display: none"]) {
    visibility: visible;
}

.input-group.disabled {
    background-color: transparent;
    opacity: var(--opacity-level-weak);
}

/* TOOLTIP */
.rd-info-form i {
    position: relative;
    padding-bottom: 10px;
}

.rd-info-form {
    display: inline-block;
}

.rd-info-form span {
    display: none;
}

.rd-info-form i:hover span {
    display: block;
    position: absolute;
    top: 25px;
    max-width: 325px;
    width: 325px;
    background-color: rgb(24 27 37 / 95%);
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 500;
    line-height: initial;
    border-radius: 10px;
    padding: 15px;
    font-family: Open Sans;
    text-align: left;
    box-shadow: 0px 4px 12px rgb(73 73 73 / 20%);
    z-index: 9;
}

.rd-info-form i:hover:after {
    content: '\25B2';
    color: rgb(24 27 37 / 95%);
    position: absolute;
    top: 12px;
    left: 0;
    z-index: 3;
}

.icon-info-information a {
    font-size: 14px;
    font-weight: 600;
}

/* TOOLTIP SECTION */
.section-title i {
    position: relative;
    padding-bottom: 10px;
}

.section-title {
    display: inline-block;
}

.section-title span {
    display: none;
}

.section-title i:hover span {
    display: block;
    position: absolute;
    top: 25px;
    left: -11px;
    max-width: 325px;
    width: 325px;
    background-color: rgb(24 27 37 / 95%);
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 500;
    line-height: initial;
    border-radius: 10px;
    padding: 15px;
    font-family: Open Sans;
    text-align: left;
    box-shadow: 0px 4px 12px rgb(73 73 73 / 20%);
    z-index: 9;
}

.section-title i:hover:after {
    content: '\25B2';
    color: rgb(24 27 37 / 95%);
    position: absolute;
    top: 12px;
    left: 0;
    z-index: 3;
}

p.rd-desc {
    font-size: 12px;
    margin-left: 40px;
    color: #979ead;
    margin-bottom: 0;
}

.control.has-error {
    display: flex;
    flex-wrap: wrap;
}

.form-onboarding .text-muted {
    display: none;
}

.list-group-item.text-muted.list-group-item-success{
    display: block;
}