.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;
}
.opacity-7{
	opacity: 0.07!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;
}

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

.rg-back-btn:hover{
	scale: 1.05;
}



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

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

.form-floating>label {
    padding: 1rem .75rem;
    pointer-events: none;
}


.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: 1rem!important;
    height: 1rem!important;
}

.form-check-input-xs[type="checkbox"]{
	border-radius:4px!important;
	width: 0.875rem!important;
	height: 0.875rem!important;
}


.form-check-input[type="radio"] {
    border-radius: 50% !important;     /* Make it round */
    width: 18px;
    height: 18px;
    border: 2px solid #666;
}

.form-check-input-sm[type="radio"] {
    border-radius: 50% !important;     /* Make it round */
    width: 1rem!important;
    height: 1rem!important;
    border: 2px solid #666;
}


.form-check-input[type="radio"]:checked {
    background-color: #0d6efd !important; /* Blue fill */
    border-color: #0d6efd !important;
    box-shadow: none;
}
#password-0 {
    text-align: left !important;
}


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

#paymentstripeFrm .form-control {
  padding: .6125rem 1rem!important;
  font-size: 1rem!important;
  line-height: 1.5!important;
  height: calc(1.6em + 1.625rem)!important;
}
#invoicesStatusTab .avatar{
	position:relative;
	display:inline-block;
	width:2.125rem;
	height:1.125rem;
	border-radius:.5rem
}


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

.form-select-xl {
    height: 57px !important;
    border: 1px solid #ced4da;
}


.avatar{
	position:relative;
	display:inline-block;
	width:4.125rem;
	height:3.125rem;
	border-radius:.5rem
}
.py-2-5 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

.py-10{
	padding-top:10px !important;
	padding-bottom:10px !important;
}

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

.active.active-effect{
	box-shadow:var(--bs-box-shadow) !important;
	opacity:1 !important;
	color: #000 !important;
	background-color: #fff !important;
}

#payment_option .moduletable h3{
	font-size:1rem!important;
}

.border-dashed{
	border-style:dashed !important;
}

#stripePaymentElement.form-control {
  padding-top: 0.9375rem!important;
  padding-bottom: 0.9375rem!important;
}

.table-borderless > :not(caption) > * > *, .table-borderless > :not(:first-child),.table-borderless thead,.table-borderless tr {
  border-width: 0!important;
  --bs-table-border-color:transparent!important;
}

.table-info-fade{
	--bs-table-bg: #dde7faa3!important;
	height:2.625rem!important;
}

.rounded-4{
	border-radius:0.25rem!important;
}

.apply_coupon{
	padding-top: .6125rem!important;
    padding-bottom: .6125rem!important;
	height:3.125rem!important;
}

.apply_coupon_sm{
	padding-top: .6125rem!important;
    padding-bottom: .6125rem!important;
	height:3.125rem!important;
}


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


.form-control-xl {
    min-height: 57px !important;
    border: 1px solid #ced4da;
}

.form-floating .form-control-xl.form-control::placeholder,
.form-floating .form-select::placeholder
{
    color: transparent !important;
}

.form-select-xl{
	padding-top: 1.625rem !important;
	padding-bottom: 0.625rem !important;
	padding-left: 0.75rem !important;
}



#paid .accordion-button:focus {
  box-shadow: 0 0 0 0.25rem rgba(45, 85, 255,0.3)!important;
}

.card-header{
	border-bottom: var(--card-border-width)solid var(--card-border-color) !important;
}


@media (min-width: 992px) {
	.w-lg-75 {
		width: 75% !important;
	}
  	.w-lg-85 {
		width: 85% !important;
	}
	.py-md-5 {
		padding-top: 3rem !important;
		padding-bottom: 3rem !important;
	}
	.py-md-2{
		padding-top: 0.5rem !important;
		padding-bottom: 0.5rem !important;
	}
	.text-md-left{
		text-align:left!important;
	}
	
	.text-md-left{
		text-align:left!important;
	}
}

@media (max-width: 575.98px) { 
	.btn-fs{
		font-size: 13px!important;
	}
	
	.fs-sm-14{
		font-size: 14px!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;
		margin-bottom:0!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: 0 !important;
		padding-left: 1rem !important;
		padding-right: 1rem !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;
    }
}

	
	
	
	

/********** dropzone *********/


.dropzone-custom{cursor:pointer}
.dropzone-custom .dz-message{width:100%;text-align:center;margin-bottom:0}
.dropzone-custom .dz-details{display:flex; margin-bottom:1rem}
.dropzone-custom .dz-file-preview{background-color:#fff;border-radius:.3125rem;padding:1rem 1rem;box-shadow:0 3px 6px 0 rgba(140,152,164,.25)}
.dropzone-custom .dz-file-wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}
.dropzone-custom .dz-filename{margin-bottom:.25rem}
.dropzone-custom .dz-img{max-width:2.625rem;border-radius:.3125rem;margin-right:.75rem}
.dropzone-custom .dz-img-inner{border-radius:.3125rem}
.dropzone-custom .dz-close-icon,.dropzone-custom .dz-size{color:#677788}
.dropzone-custom .dz-title{font-size:.75rem;font-weight:600}
.dropzone-custom .dz-size{font-size:80%}
.dropzone-custom .dz-file-initials{display:inline-block;width:2.625rem;height:2.625rem;line-height:2.625rem;font-weight:600;font-size:.92969rem;color:#377dff;text-align:center;background-color:rgba(55,125,255,.1);border-radius:.3125rem;margin-right:.75rem}
.dropzone-custom [data-dz-thumbnail]:not([src]){display:none;margin-bottom:0}
.dropzone-custom .dz-progress{margin-bottom:1rem}
.dropzone-custom .dz-processing .dz-error-mark,.dropzone-custom .dz-processing .dz-success-mark{display:none}
.dropzone-custom .dz-processing.dz-error .dz-error-mark,.dropzone-custom .dz-processing.dz-success .dz-success-mark{display:block}
.dropzone-custom .dz-processing .dz-error-mark{color:#ed4c78}
.dropzone-custom .dz-processing .dz-success-mark{color:#00c9a7}
@-webkit-keyframes progress-bar-stripes {
	from {
		background-position: .5rem 0
	}

	to {
		background-position: 0 0
	}
}

@keyframes progress-bar-stripes {
	from {
		background-position: .5rem 0
	}

	to {
		background-position: 0 0
	}
}

.progress {
	display: -ms-flexbox;
	display: flex;
	height: .5rem;
	overflow: hidden;
	line-height: 0;
	font-size: .65625rem;
	background-color: #e7eaf3;
	border-radius: .3125rem
}

.progress-bar {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	overflow: hidden;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	background-color: #377dff;
	transition: width .6s ease
}

@media (prefers-reduced-motion:reduce) {
	.progress-bar {
		transition: none
	}
}

.progress-bar-striped {
	background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-size: .5rem .5rem
}

.progress-bar-animated {
	-webkit-animation: progress-bar-stripes 1s linear infinite;
	animation: progress-bar-stripes 1s linear infinite
}

@media (prefers-reduced-motion:reduce) {
	.progress-bar-animated {
		-webkit-animation: none;
		animation: none
	}
}

.media {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	align-items: flex-start
}

.media-body {
	-ms-flex: 1;
	flex: 1
}
}
.dz-error-mark {
  display: none;
}

.dz-success-mark {
  display: block;
}

.dz-file-preview:has(.dz-error-message [data-dz-errormessage]:not(:empty)) .dz-error-mark {
  display: block;
}

.dz-file-preview:has(.dz-error-message [data-dz-errormessage]:not(:empty)) .dz-success-mark {
  display: none;
}

.dz-file-preview:has(.dz-error-message [data-dz-errormessage]:not(:empty)) .dz-error-message {
  color: red;
}

.dz-file-preview:has(.dz-error-message [data-dz-errormessage]:empty) .dz-success-mark {
  display: block;
}

.dz-file-preview:has(.dz-error-message [data-dz-errormessage]:empty) .dz-error-mark {
  display: none;
}



.select2-lg .select2-container--default .select2-selection--single,
.select2-lg .select2-container--default .select2-selection--multiple {
    border-radius: 0.5rem !important;
    min-height: 3.225rem;
    padding: 0.75rem 1rem;              
    border-color: #ced4da;
    display: flex;
    align-items: center;
}


.select2-lg .select2-selection__choice {
    border-radius: 0.4rem !important;
}


.select2-lg .select2-selection__arrow {
    height:100%!important;
    top: 0 !important;
}


.select2-lg .select2-container--default.select2-container--focus
.select2-selection--multiple,
.select2-lg .select2-container--default.select2-container--open
.select2-selection--single {
    border-color: #80bdff;
    box-shadow: 0 0 0 0.15rem rgba(0, 123, 255, 0.15);
}


.select2-lg .select2-container--default .select2-selection--single.error,
.select2-lg .select2-container--default .select2-selection--multiple.error {
    border-color: #dc3545 !important;
}

.select2-container--default .select2-selection--multiple .select2-search__field::placeholder,
.select2-selection__placeholder {
    font-size: 0.875rem !important;
}

.select2-lg .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    display: flex !important;
    align-items: center !important;
    padding: 0 !important;
    gap: 6px;
}


.select2-lg .select2-container--default .select2-selection--multiple .select2-search__field {
    margin: 0 !important;
    line-height: 1.5 !important;
    padding: 0 !important;
}


.select2-lg .select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin: 0 !important;
    padding: 4px 8px !important;
    line-height: 1.4 !important;
    display: flex;
    align-items: center;
}

label.error {
    display: block;
    color: #dc3545;
    font-size: 0.875rem;
    margin-top: 0.35rem;
    line-height: 1.4;
}


input.error,
select.error,
textarea.error {
    border-color: #dc3545;
}