.btn-topbar {
    display: flex;
align-items: center;
justify-content: center;
min-height: 20px !important;
min-width: 20px !important;
padding: 1rem !important;
 }

 .topbar-badge {
    font-size: 0.6906rem !important;
    padding: 0.65rem 0.35rem;
    top: -1px !important;
    background-color: red !important;
    background-color: var(--danger) !important;
    right: 1px;
    top: -3px !important;
    min-width: 1px !important;
    min-height: 1px !important;
    height: 5px;
    display: flex;
    align-items: center;
    color: white;
 }
 .page-title-box{
    background: white !important;
 }
 .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption), .visually-hidden:not(caption) {
    position: absolute !important;
}
 .visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) {
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}
.header-item{
    height: 67px;
min-width: 3rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 0.7rem;

}
@media (min-width: 768px) {
    .topbar-user {
        background-color: var(--primary_5) !important;
        margin-left: 3.1rem;
    }
    
}
.app-search .form-control {
    min-width: 430px;
    border: 1px solid #80808014 !important;
    height: 38px;
    border-radius: 4px;
    padding-left: 40px;
    padding-right: 30px;
    /* background-color: var(--vz-topbar-search-bg); */
    color: var(--vz-topbar-search-color);
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: var(--primary_5) !important;
}


#page-header-user-dropdown{
    min-width: 208px;
    display: flex;
    justify-content: right;
    align-items: center;
}
#page-header-user-dropdown span{
    min-width: 130px;
text-align: right;
}
.nav-item span{
    display: block;
    margin-top: 0px !important;
    font-size: 97%;
    opacity: .8 !important;
    font-weight: 500;
    font-family: 'Montserrat';
}
.menu-title {
    letter-spacing: .05em;
    cursor: default;
    font-size: 11px;
    opacity: .6;
    text-transform: uppercase;
    font-family: 'Montserrat';
    font-weight: var(--vz-font-weight-semibold);
}
.topbar-badge {
    font-size: 0.6906rem !important;
    padding: 0.4rem;
    top: -1px !important;
    background-color: red !important;
    background-color: var(--danger) !important;
    right: 1px;
    top: -9px !important;
    min-width: 1px !important;
    min-height: 1px !important;
    height: 18px;
    width: 18px;
    justify-content: center;
    display: flex;
    align-items: center;
    border-radius: 50% !important;
    color: white;
}
.main-content:before {
    background: linear-gradient(to bottom, var(--primary) 0%, var(--primary) 3%, transparent 50%);
    background: #607d8b03;
    /* background: linear-gradient(to bottom, #0582831f 0%, #0582831f 3%, transparent 50%); */
    /* background: #f9f9f9; */
    /* background: linear-gradient(to bottom, #0582831f 0%, #979a9a1f 3%, transparent 50%); */
    /* background: linear-gradient(to bottom, #0582831f 0%, #979a9a85 3%, transparent 50%); */
    content: " ";
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #fffcfc !important;
}
.box-shadow-none{
    box-shadow: none !important;
}
:root, [data-bs-theme=light] {
    --vz-blue: #3577f1;
    --vz-indigo: #405189;
    --vz-purple: #6559cc;
    --vz-pink: #f672a7;
    --vz-red: #f06548;
    --vz-orange: #f1963b;
    --vz-yellow: #f7b84b;
    --vz-green: #0ab39c;
    --vz-teal: #02a8b5;
    --vz-cyan: #299cdb;
    --vz-white: #fff;
    --vz-gray: #878a99;
    --vz-gray-dark: #343a40;
    --vz-gray-100: #f3f6f9;
    --vz-gray-200: #eff2f7;
    --vz-gray-300: #e9ebec;
    --vz-gray-400: #ced4da;
    --vz-gray-500: #adb5bd;
    --vz-gray-600: #878a99;
    --vz-gray-700: #495057;
    --vz-gray-800: #343a40;
    --vz-gray-900: #212529;
    --vz-primary: #405189;
    --vz-secondary: #3577f1;
    --vz-success: #0ab39c;
    --vz-info: #299cdb;
    --vz-warning: #f7b84b;
    --vz-danger: #f06548;
    --vz-light: #f3f6f9;
    --vz-dark: #212529;
    --vz-primary-rgb: 64, 81, 137;
    --vz-secondary-rgb: 53, 119, 241;
    --vz-success-rgb: 10, 179, 156;
    --vz-info-rgb: 41, 156, 219;
    --vz-warning-rgb: 247, 184, 75;
    --vz-danger-rgb: 240, 101, 72;
    --vz-light-rgb: 243, 246, 249;
    --vz-dark-rgb: 33, 37, 41;
    --vz-primary-text-emphasis: #364574;
    --vz-secondary-text-emphasis: #2d65cd;
    --vz-success-text-emphasis: #099885;
    --vz-info-text-emphasis: #2385ba;
    --vz-warning-text-emphasis: #d29c40;
    --vz-danger-text-emphasis: #cc563d;
    --vz-light-text-emphasis: #ced4da;
    --vz-dark-text-emphasis: #343a40;
    --vz-primary-bg-subtle: #e2e5ed;
    --vz-secondary-bg-subtle: #e1ebfd;
    --vz-success-bg-subtle: #daf4f0;
    --vz-info-bg-subtle: #dff0fa;
    --vz-warning-bg-subtle: #fef4e4;
    --vz-danger-bg-subtle: #fde8e4;
    --vz-light-bg-subtle: #f9fbfc;
    --vz-dark-bg-subtle: #e9ebec;
    --vz-primary-border-subtle: #b3b9d0;
    --vz-secondary-border-subtle: #aec9f9;
    --vz-success-border-subtle: #9de1d7;
    --vz-info-border-subtle: #a9d7f1;
    --vz-warning-border-subtle: #fce3b7;
    --vz-danger-border-subtle: #f9c1b6;
    --vz-light-border-subtle: #eff2f7;
    --vz-dark-border-subtle: #adb5bd;
    --vz-white-rgb: 255, 255, 255;
    --vz-black-rgb: 0, 0, 0;
    --vz-font-sans-serif: var(--vz-font-family-secondary);
    --vz-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --vz-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --vz-body-font-family: var(--vz-font-sans-serif);
    --vz-body-font-size: var(--vz-font-base);
    --vz-body-font-weight: var(--vz-font-weight-normal);
    --vz-body-line-height: 1.5;
    --vz-body-color: #212529;
    --vz-body-color-rgb: 33, 37, 41;
    --vz-body-bg: #f3f3f9;
    --vz-body-bg-rgb: 243, 243, 249;
    --vz-emphasis-color: #212529;
    --vz-emphasis-color-rgb: 33, 37, 41;
    --vz-secondary-color: #878a99;
    --vz-secondary-color-rgb: 135, 138, 153;
    --vz-secondary-bg: #fff;
    --vz-secondary-bg-rgb: 255, 255, 255;
    --vz-tertiary-color: rgba(33, 37, 41, 0.5);
    --vz-tertiary-color-rgb: 33, 37, 41;
    --vz-tertiary-bg: #eff2f7;
    --vz-tertiary-bg-rgb: 239, 242, 247;
    --vz-heading-color: #495057;
    --vz-link-color: #405189;
    --vz-link-color-rgb: 64, 81, 137;
    --vz-link-decoration: none;
    --vz-link-hover-color: #405189;
    --vz-link-hover-color-rgb: 64, 81, 137;
    --vz-code-color: #f672a7;
    --vz-highlight-color: #212529;
    --vz-highlight-bg: #fcf8e3;
    --vz-border-width: 1px;
    --vz-border-style: solid;
    --vz-border-color: #e9ebec;
    --vz-border-color-translucent: #ced4da;
    --vz-border-radius: 0.25rem;
    --vz-border-radius-sm: 0.2rem;
    --vz-border-radius-lg: 0.3rem;
    --vz-border-radius-xl: 1rem;
    --vz-border-radius-xxl: 2rem;
    --vz-border-radius-2xl: var(--vz-border-radius-xxl);
    --vz-border-radius-pill: 50rem;
    --vz-box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15);
    --vz-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --vz-box-shadow-lg: 0 5px 10px rgba(30, 32, 37, 0.12);
    --vz-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --vz-focus-ring-width: 0.25rem;
    --vz-focus-ring-opacity: 0.25;
    --vz-focus-ring-color: rgba(var(--vz-primary-rgb), 0.25);
    --vz-form-valid-color: #0ab39c;
    --vz-form-valid-border-color: #0ab39c;
    --vz-form-invalid-color: #f06548;
    --vz-form-invalid-border-color: #f06548;
}
.main-content {
    
    height: 100vh !important;
}
.page-content {
    padding: calc(57px + var(--vz-grid-gutter-width)) calc(var(--vz-grid-gutter-width)* .5) 60px calc(var(--vz-grid-gutter-width)* .5);
}
.custom-card-header {
    /* font-style: italic; */
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.2;
    color: var(--primary_3);
    letter-spacing: 1px;
    font-family: 'Montserrat';
}      
.card {
    margin-bottom: 1.875rem;
    background-color: #fff;
    transition: all .5s ease-in-out;
    position: relative;
    border: 0px solid transparent;
    border-radius: 0.3rem !important;
}     
table.dataTable.no-footer {
    border-bottom:none !important;
}

.modal {
    position: fixed;
    top: 0px;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    background-color: #00000085;
    padding-right: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
    backdrop-filter: blur(1px);
    /* background-color: hsl(0deg 0.78% 19.46% / 13%); */
    box-shadow: inset 0 0 1px rgb(232 232 237 / 11%);


}
.btn:focus, .btn.focus {
    outline: 0;
    box-shadow: none !important;
}
.navbar-brand-box {
    padding: 0 1.3rem;
    text-align: center;
    -webkit-transition: all .1s ease-out;
    transition: all .1s ease-out;
    position: relative;
    top: -2%;
   
}
.logo-lg img{
    max-height: 132px;
}

.card-wrapper-contacts{
    color: var(--blue);
    font-family: 'Montserrat', sans-serif !important;
    pointer-events: auto;
    visibility: visible !important;
    outline: none;
    box-sizing: border-box;
    width: 100%;
    height: 37px;
    margin-bottom: 10px;
    border-radius: 11px;
    padding: 26px 17px;
    display: flex;
    top: -194px;
    justify-content: flex-start;
    transition: height 0.4s cubic-bezier(0.2, 0.19, 0, 1.17);
    backdrop-filter: blur(44px);
    background-color: white;
    box-shadow: inset 0 0 1px rgb(232 232 237 / 11%);
    animation: closedLiveChatAnimation 0.4s forwards;
    align-items: flex-start !important;
    /* box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px; */
    /* background-color: var(--livechat-background-2); */
    box-shadow: inset 0 0 1px rgb(232 232 237 / 11%);
}
#page-topbar {
    border-radius: 4px;
    position: fixed;
    top: 0px;
    right: 15.7px;
    z-index: 1002;
    background-color: var(--vz-header-bg);
    -webkit-transition: all .1s ease-out;
    transition: all .1s ease-out;
    border-bottom: 1px solid var(--vz-header-border);
}
#preloader {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f7f7f7;
    z-index: 9999;
    background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);
    background-image: linear-gradient(135deg, #fdfcfb 0%, #607d8b45 100%);
}
.avatar-sm {
    height: 4rem;
    width: 4rem;
}
#status {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -20px 0 0 -20px;
}





.property_assigned_button {
    display: none !important;
  }
  .profile-wid-bg::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.9;
    background: var(primary);
    background: -webkit-gradient(linear, left bottom, left top, from(var(--vz-primary-text-emphasis)), to(var(--vz-primary)));
    background: linear-gradient(to top, var(--primary), var(--primary));
  }
  .nav-pills .nav-link span {
    font-family: 'Montserrat' !important;
    font-weight: 600 !important;
  }
  .nav-pills .nav-link.active span,
  .nav-pills .show > .nav-link span {
    font-weight: 900 !important;
  }
    .dt-buttons{
        
        position: sticky;
    top: -4%;
    z-index: 9;
    height: 72px;
    background: white;
    padding: 60px 0px;
    }
  
    .buttons-collection span {
        font-size: 0.85rem !important;
        font-family: 'Montserrat' !important;
    font-weight: 600 !important;
        letter-spacing: 1.2px;
       
        padding-left: 0.3rem;
    }
  
  
    .dt-button-collection {
        border: none !important;
  
        background-color: #FFFFE0 !important;
        padding: 1.2rem 1rem !important;
  
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1000;
        display: none;
        float: left;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0.125rem 0 0;
        font-size: 0.875rem;
        color: #7e7e7e;
        text-align: left;
        list-style: none;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid rgba(0, 0, 0, 0.15);
        border-radius: 0.55rem;
  
        transform: translate3d(79%, 1%, 0px) !important;
        max-height: 210px;
        /* overflow-y: scroll; */
        overflow: auto;
        /* border: 1px solid #dbdef3; */
        box-shadow: 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%), 0 2px 4px -1px rgb(0 0 0 / 20%);
  
    }
  
    .dt-button-collection button {
  
        display: flex;
        flex-direction: column;
    }
  
  
    .buttons-collection {
        margin-bottom: 2.3rem !important;
    }
  
    table.dataTable tr.dtrg-group td {
        background-color: white !important;
        border-top: 5px solid white !important;
        border-top: 1px solid grey !important;
    }
  
    th {
        border-bottom: 1px solid white !important;
    }
  
    .dt-print-view .dataTable td {
        padding: 0.3rem 1rem !important;
        background: white !important;
    }
  
    .tfoot_th {
        width: 100%;
        padding: 1rem 0rem !important;
        font-size: 0.88rem;
        font-family: 'fancy_text5';
        background: #dbdef3 !important;
        color: black;
        opacity: 0.88;
    }
  
    .tfoot_number {
        font-family: robotos;
        font-size: 120%;
    }
  
    .tfoot_small {
        font-size: 84%;
    }
    .animation-nav li a.active, .animation-nav li a:hover {
        color: #fff;
        background-color: transparent !important;
        background: #ffffff29 !important;
    }
    .buttons-collection .dt-down-arrow{
        margin-left: -1px;
        font-size: 74% !important;
    }
    .buttons-collection{
        color: #fff;
    background-color: var(--primary);
    border-color: var(--primary);
    min-height: 2.1rem !important;
    border-radius: 4px;
  
    display: block;
    top: 92.733px !important;
    left: 0px;
  
    }
    .dt-button-collection {
        position: absolute !important;
        top: auto !important;
        bottom: -165px !important;
        transform: translateY(100%);
        left: -18px !important;
        margin-top: 5px;
        z-index: 9999;
        box-shadow: none;
        /* border: 1px solid var(--primary) !important; */
        min-width: 16rem;
        background: white !important;
        border-radius: 3px !important;
        /* box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px; */
        box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
    }
    .card-report{
        overflow: auto !important; 
        height: 700px !important;
        width:100% !important;
        max-width: 1194px !important;

    }

	.slick-slide {
		float: left;
		height: 100%;
		min-height: 1px;
		display: none;
	    
	}
	.onboarding-modal .slick-dots{
		margin: 0px!important;
		background: #f5f5f5!important;
		padding: 0rem 3rem!important;
		border-radius: 6px!important;
		bottom: 19px!important;

	}
	.onboarding-modal .slick-dots li {
		list-style: none;
		display: inline-block;
		margin: 0px 5px;
		padding-bottom: 0.7rem;
	}
	.onboarding-modal .slick-dots li button {
		font-size: 0px;
		color: transparent;
		width: 8.5px;
		height: 8.5px;
	}
	.onboarding-modal .onboarding-slide .onboarding-content {
		 padding-bottom: 50px; 
	}
	.onboarding-modal .onboarding-slide .onboarding-content {
		padding-bottom: 50px;
		max-height: 712px;
		overflow: auto;
		margin: 4rem 0rem 6rem 0rem;
	}
	.onboarding-modal .onboarding-content.with-gradient {
		padding: 58px 50px 0px;
		background-size: 100% auto;
		background-position: top center;
		background-repeat: no-repeat;
	};
    
    .onboarding-modal .slick-dots {
        margin: 0px !important;
        background: #f5f8fd !important;
        padding: 0rem 3rem !important;
        border-radius: 6px !important;
        bottom: 0px !important;
        height: 86px;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }