.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;}

.btn-fs{
	font-size: 16px!important;
}
.fs-12{
	font-size: 0.75rem!important;
}
.fs-13{
	font-size: 0.8125rem!important;
}
.fs-14{
	font-size: 0.875rem!important;
}
.fs-15{
	font-size: 0.9375rem!important;
}
.fs-16{
	font-size: 1rem!important;
}

.fs-20{
	font-size: 1.25rem!important;
}

.fs-25{
	font-size: 1.1556rem!important;
}

.fs-30{
	font-size: 1.875rem!important;
}

.fs-38{
	font-size: 1.75rem!important;
}
.bg-opacity-20{
	--bs-bg-opacity: 0.2!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-input:focus {
	outline-offset: 0px!important;
}
	
.btn-close:hover {
  opacity: 1 !important;
}

/*.btn-outline-primary:not(:has(.text)),*/
.btn-outline-primary:not(:has(.text)):hover,
.btn-outline-primary:not(:has(.text)):focus,
.btn-outline-primary:not(:has(.text)):active,
.btn-outline-primary:not(:has(.text)):disabled {
	color: #ffffff !important;
	background-color: var(--bs-primary) !important;
	border-color: var(--bs-primary) !important;
}

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

.form-label{
	font-size:0.875rem!important;
}
.form-check-label {
  font-size: 1rem;
}
.form-check-input[type="checkbox"]{
	border-radius:4px!important;
	width: 1.25rem!important;
	height: 1.25rem!important;
}
.form-check-label-sm{
	font-size: 0.875rem!important;
}
.form-check-input-sm[type="checkbox"]{
	border-radius:4px!important;
	width: 0.875rem!important;
	height: 0.875rem!important;
}

.form-control-lg{
	font-size: 1rem!important;
}

.form-select {
  font-size: 1rem !important;
  padding: 0.5rem 1rem!important;
  min-height: calc(1.625em + 1rem + calc(var(--bs-border-width) * 2))!important;
  border-radius: var(--bs-border-radius-lg)!important;
}
.avatar{
	position:relative;
	display:inline-block;
	width:4.125rem;
	height:3.125rem;
	border-radius:.5rem
}
.py-10{
	padding-top:10px !important;
	padding-bottom:10px !important;
}

.top-10{
	top:10% !important;
}


@media (min-width: 992px) {
  .w-lg-75 {
    width: 75% !important;
  }
}

@media (max-width: 575.98px) { 
	.btn-fs{
		font-size: 13px!important;
	}
	.lh-sm-40{
		line-height: 2.5rem !important;
	}	
	.lh-sm-3{
		line-height:3!important;
	}
	.w-sm-100 {
		width: 100% !important;
	}
	.mt-sm-2{
		margin-top:0.5rem!important;
	}
	#tPersonalInformation select#title.form-select {
        margin-bottom: 1rem;
    }
	#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 (max-width: 767.98px) {  
	.btn-fs{
		font-size: 14px!important;
	}
	.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;
    }
	
	.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;
    }
}

/* /live.sandbox.ezylet.net/media/mod_rgappform/css/customer.css */

.form-check-input-radius{
	border-radius:4px!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;
}

/* Different */


/********************** Nishant ***************************/

@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;
    }
}