.modal-backdrop{background-color: #21325b40 !important;}
.modal-backdrop.fade{visibility:visible !important;}
.navbar{display:flex !important;}
.navbar-expand-lg .dropdown-menu:not(.navbar-promo):not(.dropdown-menu-no-border-on-mobile){border-left:0!important;}

.rg-back-btn,
.rg-back-btn:hover,
.rg-back-btn:focus,
.rg-back-btn:active,
.rg-back-btn:disabled {
    color: var(--bs-primary) !important;
    background-color: #ffffff !important;
    border-color: var(--bs-primary) !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus {
    color: var(--bs-primary);
    background-color: #fff;
}

.form-check-input-radius{
	border-radius:4px!important;
}


.form-check-input:focus {
  outline-offset: 0px!important;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link,
.nav-segment .nav-link.active {
    background-color: #eaf2ff !important;
    color: #1f2a56 !important;
    border-color: #cfe2ff !important;
}

.nav-tabs .nav-link {
    background-color: #ffffff;
    color: #1f2a56;
}


.form-control::placeholder {
    color: #6c757d !important;
    opacity: 0.8 !important;
    font-size: 0.9rem !important;
}


#rent_month::placeholder {
    line-height: 1.5 !important;
}

#number_of_tenants .rg-continue-btn,
#number_of_tenants .rg-back-btn {
    min-width: 150px !important;
}

.form-check-input:checked[type=checkbox] {
    --bs-form-check-bg-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e) !important;
}

.btn-close{
	--bs-btn-close-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e")!important;
	opacity:0.90!important;
}

.form-check-label {
  font-size: 0.875rem!important;
}

.form-check-input{
	margin-top: 6px !important;
	width: 0.875rem!important;
	height: 0.875rem!important;
}

.form-label{
	font-size:0.875rem!important;
}

.form-control-sm{
	padding: 0.25rem 1rem!important;
	font-size: 0.875rem!important;
	height: 2.438rem!important;
	line-height: 1.625rem!important;
	border-radius:0.25rem!important;
}

.form-select{
	font-size: 0.875rem!important;
	padding: 0.375rem 2.25rem 0.375rem 1rem!important;
	height: 2.438rem !important;
}

.btn-outline-danger:hover{
	border-color: #dc3545;
	background-color: #dc3545;
}

.btn-fs{
	font-size: 16px!important;
}

.fs-15{
	font-size: 0.9375rem!important;
}

/* unified duplicate */
.fs-16{
	font-size: 1rem!important;
}

.radio-radius-50 {
	border-radius : 50% !important;
}

.form-control-lg {
    padding: .75rem 1rem;
    font-size: 15px;
}



@media (max-width: 767px) {

    .input-group-text.bg-light {
        flex-shrink: 0;
        min-width: fit-content;
        padding-left: 0.75rem !important;
        padding-right: 0.75rem !important;
    }

    .input-group {
        flex-wrap: nowrap;
        width: 100%;
    }

    .input-group .form-control {
        flex: 1 1 auto;
        min-width: 0;
        width: 100%;
    }

    .input-group .form-control::placeholder {
        font-size: 0.875rem;
    }

    .form-control-sm {
        font-size: 0.875rem !important;
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .form-control::placeholder {
        font-size: 0.65rem !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .input-group-text {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
        font-size: 0.875rem !important;
    }

    #rent_month_error {
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        margin-top: 0.25rem !important;
        font-size: 0.75rem !important;
        width: 100% !important;
    }

    .input-group-lg {
        position: relative !important;
        margin-bottom: 2rem !important;
    }

    #basicVerStepSuccessMessage .card-footer.d-flex {
        flex-direction: column !important;
        gap: 0.75rem !important;
    }

    #basicVerStepSuccessMessage .card-footer .btn {
        width: 100% !important;
        padding: 0.75rem 1rem !important;
    }

    /*.stepSections .d-flex {
        flex-direction: column !important;
        gap: 0.75rem !important;
        align-items: stretch !important;
    }

    .stepSections .d-flex .btn,
    .stepSections .d-flex .ms-auto {
        width: 100% !important;
        margin: 0 !important;
    }*/
	
	.w-md-100 {
		width: 100% !important;
	}
 

    #basicVerStepSuccessMessage .col-md-6:nth-child(2) .card-body {
        display: none !important;
    }

    #basicVerStepSuccessMessage .col-md-6:nth-child(2) .card {
        background-color: transparent !important;
        box-shadow: none !important;
        border: none !important;
    }

    #basicVerStepSuccessMessage .col-md-6:first-child,
    #basicVerStepSuccessMessage .col-md-6:nth-child(2) {
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }

    #basicVerStepSuccessMessage .col-md-6:nth-child(2) {
        margin-top: 1rem !important;
    }

    #basicVerStepSuccessMessage .card-footer {
        display: flex !important;
        flex-direction: row !important;
        gap: 0.5rem !important;
        padding: 0.75rem 0 !important;
        background-color: transparent !important;
        border: none !important;
    }

    #basicVerStepSuccessMessage .card-footer .btn {
        flex: 1 !important;
        font-size: 0.875rem !important;
        padding: 0.65rem 0.5rem !important;
        width: auto !important;
    }

    #tPersonalInformation .card-footer {
        gap: 0.75rem !important;
    }
}

@media (max-width: 575px) {
    #tPersonalInformation select#title.form-select {
        margin-bottom: 1rem;
    }
}

@media (max-width: 575.98px) { 
	.mt-sm-2{
		margin-top:0.5rem!important;
	}
}

@media (max-width: 575.98px) {
    #number_of_tenants .rg-continue-btn,
    #number_of_tenants .rg-back-btn {
        min-width: auto !important;
        font-size: 0.875rem !important;
        padding: 0.5rem 0.75rem !important;
        flex: 1 !important;
    }

    #number_of_tenants .card-footer {
        padding: 0.75rem !important;
        gap: 0.5rem !important;
    }

    #basicVerStepSuccessMessage .card-footer {
        padding: 0.75rem 1rem !important;
    }

    #basicVerStepSuccessMessage .card-footer .btn {
        font-size: 0.875rem !important;
        padding: 0.65rem 1rem !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #number_of_tenants .rg-continue-btn,
    #number_of_tenants .rg-back-btn {
        min-width: 130px !important;
        font-size: 0.9375rem !important;
        padding: 0.625rem 1rem !important;
    }

    #number_of_tenants .card-footer {
        gap: 0.75rem !important;
    }

    .form-check-label {
        white-space: nowrap !important;
        font-size: 0.875rem !important;
    }

    #tPersonalInformation .form-check.px-5.ps-md-5,
    #tPersonalInformation .fs-7.fst-italic.ps-4.ps-md-5 {
        padding-left: 2rem !important;
        padding-right: 1rem !important;
    }
}