.a {
    background-color: #201f1e; /*Card Login Form*/
}
.b {
    background-color: #FAB803;
}
.c {
    background-color: #323130; /*.main css class*/
}
.d {
    background-color: #303337;
}

div[page-name="LoginForm"] *> .modal-content.rounded-4.shadow {
    background-color: #212529 !important;
}

div[page-name="WelcomeView"] .text-body-emphasis {
    position: relative;
    visibility: hidden;
}

div[page-name="WelcomeView"] .text-body-emphasis::before {
    content: "Garantia Locatícia ";
    visibility: visible;
    position: absolute;
    left: 0;
    right: 0;
    text-align: right;
    width: fit-content;
    margin: 0 auto;
    transform: translateX(-32px);
}

div[page-name="WelcomeView"] .text-body-emphasis::after {
    content: "Virttus";
    visibility: visible;
    position: absolute;
    color: #f6b603;
    left: 0;
    right: 0;
    text-align: right;
    width: fit-content;
    margin: 0 auto;
    transform: translateX(180px);
    font-weight: bold;
}

.tfield:focus {
    border-color: #FAB803 !important;
}

.btn-primary {
    background-color: #FAB803 !important;
    border-color: #FAB803 !important;
}

[type="checkbox"].filled-in:checked + label.tswitch.blue::after, [type="checkbox"].filled-in:checked + label.tswitch.blue::before {
    background-color: #FAB803 !important;
}

.active>.page-link, .page-link.active {
    background-color: #FAB803 !important;
    border-color: #FAB803 !important;
}

.form-check-input:checked {
    background-color: #FAB803 !important;
    border-color: #FAB803 !important;
}

.btn:not(#tbutton_btn_entrar):not(a[name=quote_product]):not(button[name=btn_documents]):not(.btn_a_documents) {
    height: 35px !important;
}

form-select:focus {
    border-color: #FAB803 !important;
}

.form-control:focus {
    border-color: #FAB803 !important;
}

.tfield:focus {
    border-color: #FAB803 !important;
}

div[page_name=RentalGuaranteeQuoteList] *> div.card-body.panel-body:nth-child(2) {
    overflow-x: unset !important;
}

.steps li.active .step-number, .steps li.active:before, .steps li.complete .step-number, .steps li.complete:before {
    border-color: #FAB803 !important;
}

div[form=form_quote_data] {
    top: 20px!important;
}

.plano-card {
    position: relative;
    overflow: visible !important;
}

.plano-recomendado-badge {
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    background-color: #ffc107;
    color: #212529;
    font-weight: bold;
    padding: 5px 15px;
    border-radius: 20px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

.page-step-container {
    margin-bottom: 2rem;
}

div[form=form_quote_data] *> .tseparator:nth-child(n+1) {
    margin-top: 20px!important;
    font-weight: bold!important;
}
div[form=form_quote_data] div.card-title:nth-child(1) {
    font-weight: bold!important;
}
div[form=form_quote_data] label {
    margin-bottom: 5px!important;
}

div#pessoas_list_container {
    margin-top: 10px;
}

.btn-outline-primary {
    --bs-btn-color: #FAB803;
    --bs-btn-border-color: #FAB803;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #FAB803;
    --bs-btn-hover-border-color: #FAB803;
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #FAB803;
    --bs-btn-active-border-color: #FAB803;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FAB803;
    --bs-btn-disabled-border-color: #FAB803;
}

.progress-bar.bg-success {
    background-color: #FAB803!important;
}