:root { 
	--primary-dark:#003070;
	--primary:#0253D5;
	--danger:#E52B00;	
	--success:#06A54E;
	--warning:#FF9D00;
	--secondary:#323638;
	--secondary_light:#B4B4B4;
	--dark:#000000;
	--lightDark:#707070;
	--light:#989898;
	--info:#00A9B0;
	--info-light:#00A9B0;
	--bg-info:#00A9B0;
	--info-dark-1: #C6EBEB; 

  --primary-light:#ddeaff; 
    --border-light-color:#e0e0e0;

 
      --gradient-primary: linear-gradient(113deg, #0253D5, #00D3FF);
      --gradient-secondary: linear-gradient(45deg, #6a11cb, #2575fc);
 --blue:#0278E1;
  
}

.headerWrapper  .dropdown-menu {
    opacity: 0;
    transform: translateY(-10px);
    transition: all 0.3s ease-in-out;
    display: block;
    visibility: hidden;
    /* box-shadow: var(--bs-box-shadow-sm) !important; */
    box-shadow: 0px 3px 9px #AAAAAA45;
    border: none !important;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.headerWrapper .dropdown:hover .dropdown-menu,
.headerWrapper .dropdown:focus-within .dropdown-menu,
.headerWrapper  .dropdown.show .dropdown-menu {
    opacity: 1;
    transform: translateY(1rem);
    visibility: visible;
}

.headerWrapper .profile-dropdown .dropdown-menu {
    right: 0;
    top: 95%;
    left: auto;
}

.headerWrapper .profile-dropdown *::after {
    display: none;
}

.headerWrapper .profile-img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
}
/* Accessibility improvements */
.headerWrapper .nav-link, header .dropdown-item {
    color: #000;
    font-size: .92rem;
}

.headerWrapper .nav-link:focus, .headerWrapper .dropdown-item:focus {
    outline: 2px solid #007bff;
    background-color: #e8f4ff;
    border-radius: .2rem;
}
 
 
/* Remove space between Service and More dropdown in mobile view */
@media (max-width: 991px) {
  .navbar-nav .nav-item {
      margin-bottom: 0;
  }
}
/* Prevent font size and icon size reduction on zoom out */
html {
  transform-origin: 0 0;
  zoom: 1 !important;
}
/*.container {  max-width: 82.5rem; max-width: 82.5vw;}*/
/*.container {   max-width: 100.5rem;  max-width: 100.5vw;}*/
.navbar-brand img { height: 2.5rem;}
.profile-dropdown a img {   height: 2.65rem;  width: 2.65rem; margin-left: .5rem;}
 



.search-wrapper { position: relative;  }

.search-box {
  position: relative;
  /* box-shadow: 0 2px 15px rgba(0,0,0,0.05); */
  border-radius: 10rem;
  transition: all 0.3s ease;
}

.search-box:focus-within {
  /* box-shadow: 0 3px 20px rgba(0,0,0,0.1); */
  /* transform: translateY(-2px); */
}

.search-input {
    border-radius: 10rem;
    padding-left: 1.5rem;
    padding-right: 5rem;
    /* border: 2px solid transparent; */
    transition: all 0.3s ease;
    height: 2.65rem;
}
.search-input-index {
    padding-right: 12rem !important;
}

.search-input:focus {
  /* border-color: #0d6efd;s */
  box-shadow: none;
}
.search-input:focus-within {
  border-color:  #0b5ed7;
 
}
 

.search-button {
  position: absolute;
  right: .5rem;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 10rem; 
  transition: all 0.3s ease; pointer-events: none;
}

.search-button:hover {
  /* background-color: #0b5ed7; */
  transform: translateY(-50%) scale(1);
}

/* .autocomplete-items {
  position: absolute;
  z-index: 1000;
  width: 100%;
  background: white;
  border: 1px solid #ccc;
  max-height: 200px;
  overflow-y: auto;
}*/
.autocomplete-item {
  padding: .8rem 1rem;
  cursor: pointer; line-height: normal; 
  /* border-bottom: 1px solid #f1f1f1; */
  margin: .5rem;
} 
.autocomplete-item.active, .autocomplete-item:hover {
  --bs-bg-opacity: 0.1;
  /* background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) ; */
  background-color: var(--primary-light)!important;
  color:var(--primary);
  /* background-image: url(../images/click_Icon.svg); */
  background-position: 95% center;
  background-repeat: no-repeat;
  background-size:2rem;; 
}
    .autocomplete-item:hover small.bg-light {
        background-color:#deeaff!important;
    }

.autocomplete-items  {   max-height: calc(36vh);     overflow-y: auto;      scrollbar-width: thin; padding-top: 1.4rem;}

/* .autocomplete-items  {
  opacity: 0; border-radius: .5rem;;
  transform: translateY(-10px);
  transition: all 0.3s ease-in-out;
  display: block; position: absolute;
  background-color: white;
  visibility: hidden;
  box-shadow: 0px 3px 9px #AAAAAA45;
  border: none!important;
  border-top-left-radius: 0; border-top-right-radius: 0;
left: 0; right: 0; overflow: hidden;

}

.search-wrapper:focus-within .autocomplete-items  {
  opacity: 1;
  transform: translateY(.8rem);
  visibility: visible;
} */


.suggestions {
  /* position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: white;
  border-radius: 15px;
  margin-top: 10px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
  opacity: 0;
  transform: translateY(-10px);
  transition: all 0.3s ease;
  z-index: 1000; */
  opacity: 0; border-radius: 1.3rem;;
  transform: translateY(-1.2rem);
  transition: all 0.3s ease-in-out;
  display: block; position: absolute;
  background-color: white;
  visibility: hidden; z-index: 1;
  box-shadow: 0px 3px 9px #AAAAAA45;
  border: none!important;
  border-top-left-radius: 0; border-top-right-radius: 0;
left: 0; right: 0; overflow: hidden;
}

.search-wrapper:focus-within .suggestions {
  opacity: 1;
  transform: translateY(-1.5rem);
  visibility: visible;
}
.search-wrapper button { z-index: 3;  }
.autocomplete-list strong {   display: block;}
.autocomplete-item small {   color: #5F6F89;}

.background_aside::after {
    content: '';
    background: url(../images/businessPark_bg.png) no-repeat;
    background-position: bottom;
    background-size: cover;
    background-size: contain;
    display: flex;
    height: 100%;
    min-height: 11rem;
}


.table-card {
    border-spacing: 0 .6rem !important;
    border-collapse: separate;
    margin: 0 !important;
}

.table-card thead    { height: 0;  }
.table-card-wrapper  .dataTables_scrollBody { padding:.5rem; padding-top: 0; }
.table-card-wrapper .dataTables_scrollBody {
    margin-right: -.2rem;
    margin-left: -.2rem;
    width: auto !important;
    margin-top: -.85rem;
    height: 100% !important;
    min-height: calc(300px) !important;
    max-height: calc(60vh - 0px) !important;
}
.table-card-wrapper  .dataTables_scrollBody tbody {    position: relative;  top:-.8rem;}
table.table-card thead tr, table.table-card thead tr th { background-color: transparent!important; box-shadow: none; padding-top: 0;     line-height: normal;  }

table.table-card tbody tr{
    box-shadow: 0px 3px 9px #AAAAAA45;
    border-radius: .7rem;
}
table tbody tr {
 /*   box-shadow: 0px 3px 9px #AAAAAA45;
    border-radius: .7rem;*/
    /*box-shadow: var(--bs-box-shadow-sm) !important;*/
}


/*table th { pointer-events: none; }*/
table th input { pointer-events: all; }
.sort-btn, .filter-btn { pointer-events: all; }
.sorting::after, .sorting::before { opacity: 0!important;  }
.dataTables_empty { border-radius: 10px!important; color: var( --bs-danger)!important; }
table.table-card td:first-child, table.table-card th:first-child {
    border-radius: 10px 0 0 10px;
}
table.table-card td:last-child, table.table-card th:last-child {
    border-radius: 0 10px 10px 0;
}

.table-card-wrapper td { vertical-align: middle;  --bs-text-opacity: 1;   color: rgba(var(--bs-secondary-rgb),var(--bs-text-opacity)) !important; }

.documentName_text { display: flex;align-items: center; }
  span.documentName_text::before {
    content: '';
    background: url(../images/file_icon.svg) no-repeat left;
      background-size: auto;
    opacity: 1; margin-right: .2rem;
    background-size: contain;
    width: 1rem; height:1rem;;
  }

  td button { width: 2rem; height:2rem; display: inline-block; padding: 0!important; box-shadow: none!important;  }
  .fa::before {   content: '';  }
  .fa {
    content: ''!important;

    width:1rem;
    height:1rem;
    /* background: #f00; */
    display: inline-block;
    vertical-align: middle;
    margin: 0; 
  }

  table tr:first-child    {
    margin-top: -1.05rem!important; 
    position: relative;   padding-top: 0 !important;
}


  .fa-download {   background: url(../images/download_Icon.svg) no-repeat center;   background-size: contain; margin-top: -.15rem;    }
  .btn-outline-primary:hover  .fa-download,   
  .btn-outline-primary:focus .fa-download,   
  .btn-outline-primary:focus-within .fa-download,  
  .btn-outline-primary.active .fa-download{  background: url(../images/downloadBlue_Icon.svg) no-repeat center;   background-size: contain; }
  

  .fa-refresh {  background: url(../images/refresh_Icon.svg) no-repeat center; background-size: contain;  width: 1.5rem; height: 1.5rem;  }
  .btn-outline-primary:hover .fa-refresh,   
  .btn-outline-primary:focus .fa-refresh,   
  .btn-outline-primary:focus-within .fa-refresh, 
  .btn-outline-primary.active .fa-refresh{  background: url(../images/refreshBlue_Icon.svg) no-repeat center;   background-size: contain; }

  .filter-btn {  padding: 0 !important;  width: 1.8rem;  height: 1.8rem; }
  .fa-filter {  background: url(../images/filterIcon.svg) no-repeat center; background-size: contain;  width:.9rem; height:.9rem;   margin-top: -.2rem;    }
  .btn-outline-primary:hover .fa-filter,   
  .btn-outline-primary:focus .fa-filter,   
  .btn-outline-primary:focus-within .fa-filter, 
  .btn-outline-primary.active .fa-filter{  background: url(../images/filterBlue_Icon.svg) no-repeat center;   background-size: contain; }

.fa-edit {
    background: url(../images/edit_Icon.svg) no-repeat center;
    background-size: contain;
    width: 1.1rem;
    height: 1.1rem;
    margin-top: -.2rem;
}

.btn-outline-primary:hover .fa-edit,
.btn-outline-primary:focus .fa-edit,
.btn-outline-primary:focus-within .fa-edit,
.btn-outline-primary.active .fa-edit {
    background: url(../images/editBlue_Icon.svg) no-repeat center;
    background-size: contain;
}

.fa-view {
    background: url(../images/view_Icon.svg) no-repeat center;
    background-size: contain;
    margin-top: -.15rem;
    width: 1.3rem;
    height: 1.3rem;
}

.btn-outline-primary:hover .fa-view,
.btn-outline-primary:focus .fa-view,
.btn-outline-primary:focus-within .fa-view,
.btn-outline-primary.active .fa-view {
    background: url(../images/viewBlue_Icon.svg) no-repeat center;
    background-size: contain;
}
  

  .table-card .btn-outline-primary:hover,  
  .table-card  .btn-outline-primary:focus,   
  .table-card .btn-outline-primary:focus-within, 
  .table-card .btn-outline-primary.active { background-color: var(--primary-light)!important; }

  .popover { border-width:.4rem !important;   min-width: 10rem;   }
  .popoverWidth {  min-width: 19.15rem; }
 


  /* Works in Firefox */
 
* {
  scrollbar-width: thin; /* Thin scrollbar */
  scrollbar-color: #ddd transparent; /* Custom thumb & track color */
}

  /* Apply to all scrollable elements */
::-webkit-scrollbar {
  width: 8px; /* Thin scrollbar */
  height: 8px; /* Horizontal scrollbar */
}

::-webkit-scrollbar-track {
  background: #f1f1f1; /* Light gray background */
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  background: #888; /* Darker gray scrollbar */
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: #555; /* Darker color on hover */
}

 


ul.pagination .page-item .page-link { padding:0; min-width: 1.4rem; margin: 0 .1rem;  text-align: center;  min-height: 1.4rem;  line-height: 1.4rem; color: var(--bs-secondary-color);  box-shadow: none!important;  border:0px solid #d6daea; font-size:.8rem;  background-color: transparent; border-radius:.2rem;  }
ul.pagination .page-item .page-link:hover , 
ul.pagination .page-item .page-link:focus,  
ul.pagination .page-item .page-link:focus-within   { background-color:var(--primary-light);    }
ul.pagination .paginate_button.previous a, ul.pagination .paginate_button.next a, ul.pagination .paginate_button.last a, ul.pagination .paginate_button.first a {  color: var(--bs-primary);     }
 
/*ul.pagination .page-item .page-link:hover { background: #dee2e6;}*/
ul.pagination .page-item.active .page-link  {   background-color:var(--primary);  color: var(--bs-white);   } 
ul.pagination  .page-item.disabled .page-link {  opacity:.5;}
ul.pagination .page-item .page-link .fas {    font-size:.85rem;}
/*ul.pagination .page-item .page-link:focus { color:#fff; background-color:var(--dark);}*/
 

/* popover with bottom possition arrow css*/
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow, .bs-popover-bottom>.popover-arrow {
  top: calc(-1.6*(var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after, .bs-popover-bottom>.popover-arrow::after { 
  border-bottom-color: transparent!important;
} 

/* popover with top possition arrow css*/
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow, .bs-popover-top>.popover-arrow {
  bottom: calc(-1.6*(var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
} 
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after, .bs-popover-top>.popover-arrow::after { 
  border-top-color: transparent!important;
}

 
/* popover with left possition arrow css*/
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow, .bs-popover-start>.popover-arrow {
  right: calc(-1.6*(var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); 
} 
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before, .bs-popover-start>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after, .bs-popover-start>.popover-arrow::after { 
  border-left-color:transparent!important;
}
 
/* popover with right possition arrow css*/
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow, .bs-popover-end>.popover-arrow {
  left: calc(-1.6*(var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); 
} 
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before, .bs-popover-end>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after, .bs-popover-end>.popover-arrow::after { 
  border-right-color:transparent!important;
}

 
.fa-sort:before, .fa-unsorted:before {
  content: "\f0dc"; opacity: .3;
}
.sorting_asc .fa-sort:before {
  content: "\f0dd"; opacity: 1;     top: -.2rem;   position: relative;
}
.sorting_desc .fa-sort:before {
  content: "\f0de";  opacity: 1;  bottom: -.2rem;   position: relative;
}
 
.signup-container { width: 100%; max-width:30rem; box-shadow: 0px 7px 15px rgba(202, 213, 237, 0.447); }
.password-container { position: relative;} 
.password-container .toggle-password {  position: absolute;  right: 1rem;  top: 0;  cursor: pointer;     margin: 1.4rem;}


.bg-gradient-primary {   background: var(--gradient-primary) !important; border: none!important; transition: .2s ease-in-out;}
.bg-gradient-primary:hover, .bg-gradient-primary:focus, .bg-gradient-primary:focus-within {  transform: scale(1.05);  }

.bg-gradient-secondary {
  background: var(--gradient-secondary) !important; 
}


/* .form-control.is-invalid, .was-validated .form-control:invalid~.invalid-feedback {
  background-image:  url("../images/error_Icon.svg");  
  background-repeat: no-repeat;

    background-size: 1rem;
} */
.form-control.is-invalid, .was-validated .form-control:invalid {
  background-position: right calc(.375em + .5rem) center;
}
.form-control.is-valid, .was-validated .form-control:valid {
   border-color:var(--success)!important;  
background-image: url(../images/success_Icon.svg);   
background-repeat: no-repeat;
background-position: right calc(1em + 0.1875rem) center; 
  background-size: 16px;
background-size: 1rem;
}

.form-control.remove-green-tick,
.form-control.remove-green-tick.is-valid,
.was-validated .form-control.remove-green-tick:valid {
    background-image: none !important;
    border-color: var(--bs-border-color) !important;
}

.form-control.is-invalid{
    border-color: var(--danger) !important;
    background-image: url(../images/error_Icon.svg) !important;
    background-repeat: no-repeat;
    background-position: right calc(1em + 0.1875rem) center !important;
    background-size: 1rem 1rem;
}
.form-control.is-valid {
    border-color: var(--success) !important;
    background-image: url(../images/success_Icon.svg) !important;
    background-repeat: no-repeat;
    background-position: right calc(1em + 0.1875rem) center !important;
    background-size: 16px;
    background-size: 1rem;
}

.video-area {
  /* background-image: linear-gradient(  0deg,  #9d50bb 0%,   #864cb3 60%,   #6e48aa 100% );
  background: url(../images/bodyBg.png); background-size: cover; background-repeat: no-repeat; */
  background-attachment: fixed;
  padding: 15rem 0; position: fixed; left: 0; right: 0; top: 0; bottom: 0; 
  background: radial-gradient(circle, rgba(211, 182, 255, 0.4), rgba(173, 216, 230, 0.4), rgba(255, 255, 255, 0.4));
  display: flex;
  justify-content: center;
  align-items: center;

}

a.play-btn {
  display: inline-block;
  width: 70px;
  height: 70px;
  background: #fff;
  color: #7249ac;
  border-radius: 50%;
  line-height: 70px;
  font-size: 20px;
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
}

/* .ripple {
  position: relative;
  text-decoration: none;
  color: #fff;
  width: 20rem;
  height: 20rem;
  background-color: #7249ac;
  margin: 0 auto;
  border-radius: 50%;
  -webkit-animation: ripple 1s linear infinite;
  animation: ripple 1s linear infinite;
} */ 
@keyframes rippleEffect {
  0% {
    box-shadow: 
      0 0 0 0 rgba(230, 182, 230, 0.4), /* Light Purple */
      0 0 0 0 rgba(173, 216, 230, 0.4), /* Light Sky */
      0 0 0 0 rgba(255, 255, 255, 0.4); /* White */
    transform: scale(0.6) rotate(0deg);
    opacity: 0.6;
  }
  25% {
    box-shadow: 
      0 0 0 2rem rgba(230, 182, 230, 0.3), 
      0 0 0 3rem rgba(173, 216, 230, 0.3), 
      0 0 0 4rem rgba(255, 255, 255, 0.3);
    transform: scale(0.8) rotate(90deg);
  }
  50% {
    box-shadow: 
      0 0 0 4rem rgba(230, 230, 230, 0.2), 
      0 0 0 6rem rgba(173, 216, 230, 0.2), 
      0 0 0 8rem rgba(255, 255, 255, 0.2);
    transform: scale(0.9) rotate(180deg);
  }
  75% {
    box-shadow: 
      0 0 0 6rem rgba(230, 230, 230, 0.1), 
      0 0 0 9rem rgba(173, 216, 230, 0.1), 
      0 0 0 12rem rgba(255, 255, 255, 0.1);
    transform: scale(1) rotate(270deg);
  }
  100% {
    box-shadow: 
      0 0 0 8rem rgba(230, 230, 230, 0.2), 
      0 0 0 12rem rgba(173, 216, 230, 0.4), 
      0 0 0 16rem rgba(255, 255, 255, 0.4);
    transform: scale(1.2) rotate(360deg);
    opacity: 1;
  }
}

.ripple {
  position: absolute;
  width: 40rem;
  height: 40rem;
  border-radius: 50%;
  animation: rippleEffect 3s forwards linear;
}

/* Outer Ripple Background */
.ripple-background::before,
.ripple-background::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  opacity: 0.8;
  z-index: -1;
}

/* First Layer */
.ripple-background::before {
  width:52rem;
  height: 52rem;
  background: rgba(255, 255, 255, 0.2);
  box-shadow: 0 0 30px rgba(211, 182, 255, 0.2); border: .3rem solid rgba(249, 249, 249, 0.224);
  filter: blur(0px);
}

/* Second Layer */
.ripple-background::after {
  width: 70rem;
  height: 70rem; border: .3rem solid rgba(249, 249, 249, 0.224);
  background: rgba(255, 255, 255, 0.3);
  box-shadow: 0 0 50px rgba(173, 216, 230, 0.1);
  filter: blur(.1rem);
}

/* Third Layer */
.ripple-extra {
  position: absolute;
  top: 50%; border: .3rem solid rgba(249, 249, 249, 0.224);
  left: 50%;
  transform: translate(-50%, -50%);
  width: 88rem;
  height: 88rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.438);
  box-shadow: 0 0 50px rgba(255, 255, 255, 0.3);
  filter: blur(.1rem);
  z-index: -2;
}


 
.f_1 { 
  left: 22%; 
  top: 36%;    
  width: 5.1875rem;    
  height: 6.75rem;      
  background: url(../images/floating_Icon_5.png) no-repeat;    
  background-size: contain;  
}

.f_2 { 
  left: 18%; 
  top: 10%;   
  width: 3.3125rem;  
  height: 4rem;    
  background: url(../images/floating_Icon_4.png) no-repeat;    
  background-size: contain;  
}
.f_2::after  { 
  left: 78%; 
  top: 81.5%;   
  width: 3.3125rem;  
  height: 4rem;    
  background: url(../images/floating_Icon_4.png) no-repeat;    
  background-size: contain;  
}

.f_3 { 
  left: 17%; 
  top: 79%;  
  width: 4rem;   
  height: 3.25rem;    
  background: url(../images/floating_Icon_2.png) no-repeat;    
  background-size: contain;  
}
.f_3::after { 
  left: 78%; 
  top: 10%;  
  width: 4rem;   
  height: 3.25rem;    
  background: url(../images/floating_Icon_2.png) no-repeat;    
  background-size: contain;  
}

.f_4 { 
  left: 7%; 
  top: 27%;  
  width: 2rem;   
  height: 2rem;    
  background: url(../images/floating_Icon_3.png) no-repeat;    
  background-size: contain;  
}
.f_4::after {  
  left: 91%;  
  top: 27%;  
  width: 2rem;   
  height: 2rem;    
  background: url(../images/floating_Icon_3.png) no-repeat;    
  background-size: contain;  
}

.f_5 { 
  left: 7%; 
  top: 69%;  
  width: 2.125rem;   
  height: 2rem;    
  background: url(../images/floating_Icon_1.png) no-repeat;    
  background-size: contain;  
}
.f_5::after {
  left: 90.6%; 
  top: 69%;  
  width: 2.125rem;   
  height: 2rem;    
  background: url(../images/floating_Icon_1.png) no-repeat;    
  background-size: contain; 
}

.f_6 { 
  left: 72%; 
  top: 57%;  
  width: 5.0625rem;   
  height: 6.75rem;    
  background: url(../images/floating_Icon_6.png) no-repeat;    
  background-size: contain;  
}



 

.ripple_background .f_5  {   top:60%; } 
.ripple_background .f_5::before {
  content: '';
  background: url(../images/floating_Icon_1.png) no-repeat;
  background-size: contain;
  display: inline-block;
  width: 2rem;
  height: 2rem;
}
.ripple_background .f_5::after {
  content: '';
  left: auto;  
  right: 0;
  background: url(../images/floating_Icon_1.png) no-repeat;
  background-size: contain;
  width: 2rem;
  height: 2rem;
  top: auto;
}

/* Common animation properties for all floating icons */
.c_1, .c_2, .c_3 {   animation: ripple_Icon 3s infinite ease-in-out, blink 2s infinite alternate, pulsee 4s infinite ease-in-out;}
.c_1_2, .c_2_2, .c_3_2  {   animation: ripple_Icon 5s infinite ease-in-out, blink 2s infinite alternate, pulsee 6s infinite ease-in-out;}

/* Keyframe for Ripple Effect */
@keyframes ripple_Icon {
  0% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.1); opacity: 0.6; }
  100% { transform: scale(1); opacity: 1; }
}

/* Keyframe for Blinking Effect */
@keyframes blink {
  0% { opacity: 1; }
  50% { opacity: 0.3; }
  100% { opacity: 1; }
}

/* Keyframe for Pulse Effect */
@keyframes pulsee {
  0% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.05); opacity: 0.8; }
  100% { transform: scale(1); opacity: 1; }
}


.circle_background_wrapper {
  background-attachment: fixed;
  padding: 15rem 0; position: fixed; left: 0; right: 0; top: 0; bottom: 0; 
  background: radial-gradient(circle, rgba(211, 182, 255, 0.4), rgba(173, 216, 230, 0.4), rgba(255, 255, 255, 0.4));
  display: flex;
  justify-content: center;
  align-items: center;
}
.circle_background {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); 
  width: 88rem;
  height: 88rem; 
  border-radius: 50%;
  border: .3rem solid rgba(249, 249, 249, 0.224);
}
.circle_1 {
  background: rgba(255, 255, 255, 0.438);
  box-shadow: 0 0 50px rgba(255, 255, 255, 0.3);
  /* filter: blur(.1rem);  */
  border: .3rem solid rgba(249, 249, 249, 0.224);
}
.circle_2 {
  width: 70rem;
  height: 70rem; border: .3rem solid rgba(249, 249, 249, 0.224);
  background: rgba(255, 255, 255, 0.3);
  box-shadow: 0 0 50px rgba(173, 216, 230, 0.1);
  /* filter: blur(.1rem); */
}

.circle_3 {
  width:52rem;
  height: 52rem;
  background: rgba(255, 255, 255, 0.2);
  box-shadow: 0 0 30px rgba(211, 182, 255, 0.2); border: .3rem solid rgba(249, 249, 249, 0.224);
  filter: blur(0px);
}

.floating_Img  { position: absolute; }
.floating_Img::after {  content: '';  position: fixed;  display: inline-block; }



.circle_background .f_1 { left: -5.5%;  top: 37.2%;}
.circle_background .f_6 { right: -3.5%;   top: 56.5%; left: auto; }


.circle_background .f_2 { left: 3%;  top: 23.1%;}
.circle_background .f_2::after {       right: 2.8rem;   top: 71.2%; left: auto; }

.circle_background .f_3 {     top: 69.5%;   left: 1.5%; }
.circle_background .f_3::after {  left: auto;     right: 2.2rem;   top: 23%; }



/* circle_background 1 Start */ 
.circle_background .c_1  {   top: 37.7%; left: 0; right: 0; } 
.circle_background .circle_c_1_icon::before {
  content: '';
  background: url(../images/floating_Icon_3.png) no-repeat;
  background-size: contain;
  display: inline-block;
  width: 2rem; left: 0;
  height: 2rem;
}
.circle_background .circle_c_1_icon::after {
  content: '';
  left: auto;
  right: 0;
  background: url(../images/floating_Icon_3.png) no-repeat;
  background-size: contain;
  width: 2rem;
  height: 2rem;
  top: auto;
}

.circle_background .c_1_2  {   top: 60%;  left: 0; right: 0; }  
.circle_background .circle_c_1_2_icon::before {
  content: '';
  background: url(../images/floating_Icon_1.png) no-repeat;
  background-size: contain;
  display: inline-block;
  width: 2rem;
  height: 2rem;
}
.circle_background .circle_c_1_2_icon::after {
  content: '';
  left: auto; 
  right: 0;
  background: url(../images/floating_Icon_1.png) no-repeat;
  background-size: contain;
  width: 2rem;
  height: 2rem;
  top: auto;
}
/* circle_background end 1 */ 

/* circle_background 2 */ 
.circle_background .c_2  {        top: 16rem; left: 0; right: 0; } 
.circle_background .circle_c_2_icon::before {
  content: '';
  display: inline-block;
  position: absolute;
  background: url(../images/floating_Icon_4.png) no-repeat;
  background-size: contain;
  left: 2rem;
  width: 3.3125rem;
  height: 4rem;
}
.circle_background .circle_c_2_icon::after {
  content: '';
  left: auto;      position: absolute;
  right: 2.2rem;
  width: 4rem;   
  height: 3.25rem;    
  background: url(../images/floating_Icon_2.png) no-repeat;    
  background-size: contain;  

}
.circle_background .c_2_2 {      bottom: 21.2rem; left: 0;  right: 0;}
.circle_background .circle_c_2_2_icon::before {
  content: '';
  display: inline-block;
  position: absolute; 
  left: 1rem; 
  width: 4rem;   
  height: 3.25rem;    
  background: url(../images/floating_Icon_2.png) no-repeat;    
  background-size: contain;   
}
.circle_background .circle_c_2_2_icon::after {
  content: '';
  left: auto;
  position: absolute;
  right: 2.8rem;
  background: url(../images/floating_Icon_4.png) no-repeat;
  background-size: contain;
  width: 3.3125rem;
  height: 4rem;
  top: 1.1rem;

}
/* circle_background 2 End*/ 



/* circle_background 2 */ 
.circle_background .c_3  {        top:19.1rem; left: 0; right: 0; } 
.circle_background .circle_c_3_icon::before {
  content: '';
  display: inline-block;
  position: absolute;
  left: -2.9rem; 
  width: 5.1875rem;
  height: 6.75rem;
  background: url(../images/floating_Icon_5.png) no-repeat;
  background-size: contain;
}
 
.circle_background .c_3_2 {       top: 56.5%; left: 0;  right: 0;}
.circle_background .circle_c_3_2_icon::before {
  content: '';
  left: auto;
  position: absolute;
  right:-1.8rem; 
  width: 5.0625rem;
  height: 6.75rem;
  background: url(../images/floating_Icon_6.png) no-repeat;
  background-size: contain;
}
 
/* circle_background 2 End*/ 




.bg-transparent::after {
  background-color: transparent!important;
}

/* Change autocomplete background color */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  
 
    -webkit-box-shadow: 0 0 0px 1000px rgb(254, 254, 254) inset !important; /* Force background color */
    transition: background-color 5000s ease-in-out 0s; /* Prevent default autofill color */
}

 .headerWrapper { margin-top: -2rem;}
 .headerWrapper nav {
  border-radius: var(--bs-border-radius-pill) !important; padding: .58rem 1rem .58rem 1.6rem;
}
.customShadow { box-shadow: 0px 3px 9px #AAAAAA45;}

.text-gradient {
  background: linear-gradient(45deg, #0253D5, #00D3FF); /* Define the gradient */
  -webkit-background-clip: text; /* Apply background only to text */
  -webkit-text-fill-color: transparent; /* Hide original text color */
}

footer {
   /*position: absolute; */
  left: 0;
  right: 0;
  bottom: 0;
}

.customNav .navbar-nav li, .nav-link { position: relative; }
.customNav .nav-link.active,  .customNav .nav-link:focus, .customNav .nav-link:hover,  
.customNav .profile-dropdown:hover .nav-link:focus, .customNav .profile-dropdown:hover .nav-link:hover  { color: var(--primary); font-weight: 600; background-color: transparent; }
.customNav .nav-link::after,  .customNav .nav-link:focus::after,  .customNav .nav-link:hover::after  {
  content: '';
  height: .3rem;
  width:0;
  background-color: var(--primary);
  border-radius: var(--bs-border-radius-pill);
  display: block;
  bottom: 0;
  left: 0;
  top: 3.2rem;
  position: absolute; border: none;
}

.customNav  .nav-link.active::after, .customNav .nav-link:focus::after,  .customNav  .nav-link:hover::after  {
  content: ''; 
  width: 100%; 
}

.customNav .navbar-toggler {
  padding: 0 !important;
  align-self: center;
  position: absolute;
  left: 1rem;
  border-radius: 50%;
  width: 2.2rem;
  height: 2.2rem;
  background:var(--bs-white);
  
}

.customNav .navbar-toggler span {
  width: 1.2rem;
  height: 1.2rem;
}
   /* Full-screen loader */
   #loader {
    position: fixed;
    width: 100%;
    height: 100vh;
    background: rgba(255, 255, 255, 0.9);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    top:0;
}
 

.w-32p {
 
  width: 2rem;
  height: 2rem;
  display: inline-block;
  text-align: center;
  line-height: 1.8rem;
}


@media only screen and (max-width:1024px) {
  .table-card-wrapper .dataTables_scrollBody {
    height: auto !important;
    max-height: max-content !important;
    margin: 0;
    padding-top: 2rem;
}
.table-card-wrapper .dataTables_scrollBody tr { position: relative; }
  td:before { 
    content: attr(data-title);
    position: relative;  
    width: 100%;
    font-weight: 600;
    color: var(--bs-secondary);
    margin-bottom: .5rem;;
  }
  td.actionTD:before { display: none; }
	td.actionTD {
    position: absolute !important;
    top: 0;
    right: 0;
    display: flex !important;
    flex-direction: row !important;
}
td.actionTD button {
  margin: 0 0rem 0 .5rem;
}
  .datatable-bs-card table, 
  .datatable-bs-card table tr, 
  .datatable-bs-card table thead th, 
  .datatable-bs-card table tbody, 
  .datatable-bs-card table thead, 
  .datatable-bs-card  table.table-card  tbody tr td { 
      width: auto;
      padding: 0!important;
      border: 0!important; 
      overflow: visible!important; position: relative;
  }
    .datatable-bs-card table thead th { display: none;}
    .datatable-bs-card table tbody {   display: grid;      grid-template-columns: repeat(auto-fit, minmax(19rem, 1fr));     gap: 1.5rem;  }
   .datatable-bs-card table.table-card tbody tr { 
      /* border: 0.1rem solid #CBCCCD!important; */
      border-radius: 0.6rem!important; overflow: hidden!important;
  } 
  .datatable-bs-card  .table-card tr:first-child {         margin: 0 !important; }
  .datatable-bs-card table.table-card tbody tr td {
      padding: 0.5rem 1rem!important;
      display: flex;
align-items: flex-start;
      justify-content: start;
      text-align: left;
        /* gap: 1rem; */
        line-height: normal;
        flex-direction: column;
  }
    .datatable-bs-card table.table-card tbody tr td .otp-input-fields {     display: grid!important;    grid-template-columns: repeat(auto-fit, minmax(5rem, 1fr));     gap: 1rem; 
      margin-top: 0.8rem; }	
 

  .datatable-bs-card table.table-card  tbody tr th:first-child, 
  .datatable-bs-card table.table-card  tbody tr td:first-child {
        border-top-left-radius: 0.5rem;
        border-top-right-radius: 0.5rem;  
        padding: 1rem!important;
        border-bottom: 1px solid #ddd !important;
  }
  .datatable-bs-card table.table-card tbody tr th:last-child,  .datatable-bs-card table.table-card  tbody tr td:last-child {
        border-bottom-left-radius: 0.5rem;
        border-bottom-right-radius: 0.5rem;
  }
  
  .datatable-bs-card table.table-card tbody tr td div.px-3  { 
    padding: 0!important;
    text-align: left!important; background-color: transparent!important;     display: block!important;
  }
  
  .datatable-bs-card table.table-card tbody tr td details.readmore { margin-bottom: 1.5rem !important;    padding: 0!important; }
  .datatable-bs-card table.table-card tbody tr td  details.readmore[open] summary:after { position: absolute; }
  .datatable-bs-card table.table-card tbody tr td .abdsad {
      left: auto!important;
      top: 10%!important;
  }
    
      
   
     
  }

 
.clear-icon  {   position: absolute; top: 0;  margin: .6rem 0;  bottom: 0;  right: 1.2rem;  color: var(--secondary_light); display: none; z-index: 2;}


.toggle-nav {
  display: flex;
  align-items: center;
  background-color: rgba(var(--bs-secondary-bg-rgb),var(--bs-bg-opacity)) !important; --bs-bg-opacity: 1; 
  border-radius: 10rem;
  padding:.3rem;

}

.toggle-item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding:.3rem 1.4px;
  border-radius: 10rem; 
  font-weight: 500; color: var(--secondary);
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

    .toggle-item.active {
        background-color: var(--bs-white); /* Active blue */
        color: var(--primary);
        box-shadow: var(--bs-box-shadow-sm) !important;
    }

.toggle-nav button {
  border: none;
  background: none; width: 100%;
  outline: none;
  box-shadow: none;
}

.toggle-item:focus {
  outline:.1rem solid var(--primary); /* Accessibility focus */
}

.suggestions.open {
  opacity: 1;
  visibility: visible;
}

.dataTables_scrollBody thead, .dataTables_scrollBody thead:focus-within, .dataTables_scrollBody thead:focus   { pointer-events: none; }


.pagination-controls .btn {
  border: none;
  margin: 0 .2rem;
  border-radius: 10rem;
  min-width: 1.5rem;
  min-height: 1.5rem;
  display: inline-block;
  font-weight: 500; font-size: .8rem;
  padding: 0;
}

a.disabled {
    pointer-events: none;
    opacity: 0.3 !important;
    cursor: not-allowed;
}

td button[disabled=""] {
    opacity: .4 !important;
    filter: invert(21%) sepia(93%) saturate(7435%) hue-rotate(0deg) brightness(103%) contrast(100%);
}

/*//Presource datatable footer*/
.custom-footer-wrapper {
    flex-wrap: nowrap !important;
    gap: 10px;
    padding-top: 10px;
}


.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_paginate {
    margin: 0 !important;
    white-space: nowrap;
}
#documentTable_info {
    padding-top: 0px !important;
}

/* Base style */
.custom-switch-style {
    width: 3rem !important;
    height: 1.5rem !important;
    background-color: #dc3545; /* default red */
    border: none;
    transition: background-color 0.3s ease-in-out;
    margin-top: .1rem;
}

/* Green when checked */
.custom-switch-style:checked {
    background-color: #198754; /* Bootstrap green */
}

/* On page load hide*/
.dataTables_paginate,
.dataTables_info,
.dataTables_length {
    display: none;
}
#loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.7);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.spinner {
    border: 8px solid #f3f3f3; /* Light grey */
    border-top: 8px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


table.dataTable > tbody > tr.inactive td {
    background-color: #FEF7F7;
}


/*============================*/


.bootstrap-select button {
    border: 1px solid #ced4da !important;
    outline: 0 !important;
    outline-width: 0 !important;
    background-color: var(--bs-body-bg) !important;
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color) !important;
}



.bootstrap-select .dropdown-menu li {
    position: relative;
}
    /* .bootstrap-select .dropdown-menu li.selected { display: none; } */
    .bootstrap-select .dropdown-menu li.selected a {
        opacity: 1;
        font-weight: 600;
    }

    .bootstrap-select .dropdown-menu li .dropdown-item.active, .bootstrap-select .dropdown-menu li .dropdown-item:active {
        color: var(--white);
        background-color: #f0fcff;
    }

    .bootstrap-select .dropdown-menu li a {
        padding-left: 1rem;
        opacity: .6;
        line-height: normal;
        font-weight: 500;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        font-size: .85rem;
    }

        .bootstrap-select .dropdown-menu li a:hover {
            opacity: 1;
            background-color: var(--primary-light) !important;
            color: var(--primary);
        }
/*.bootstrap-select .bs-ok-default:after { border-width: 0 .2em .2em 0;     color: #1467ba; }*/
.bootstrap-select .bs-ok-default:after {
    border-width: 0;
    display: block;
    border: none;
    width: 0.8rem;
    height: 1.1rem;
    /*    background: url(../images/success_Icon.svg) no-repeat center;*/
    /*    background-size: contain;*/
    transform: none !important;
    /* 	content: "\f14a ";*/
    content: "\f096";
    font-family: 'FontAwesome';
    font-size: 1rem;
}

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    display: flex;
    align-items: center;
    top: 0;
    bottom: 0;
}

.bootstrap-select .dropdown-menu li.selected .bs-ok-default:after {
    color: var(--primary) !important;
    content: "\f14a ";
}

.bootstrap-select .dropdown-toggle:focus, .bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
    outline: 0 !important;
    outline-width: 0 !important;
    border-color: #80bdff !important;
}

.form-floating .bootstrap-select > .dropdown-toggle:after {
    background-image: url(../images/icon_downArrow.svg);
    background-repeat: no-repeat;
    background-size: .72rem;
    border: 0 !important;
    height: 15px;
    width: 15px;
    margin-right: -.3rem;
    margin-top: -.4rem;
}

.bs-searchbox + .bs-actionsbox .btn-group {
    display: flex;
    background: #f8f9fa !important;
}

.bootstrap-select.bs-container .dropdown-menu {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .15) !important;
}

.bs-searchbox .form-control {
    font-size: .85rem;
}

.form-floating .bootstrap-select.form-control-sm .dropdown-toggle {
    /*padding: 2rem 1rem .8rem .6rem;*/
    padding:1.64rem 1rem .8rem .6rem;
    margin-top: -1rem;
}
.form-floating  .filter-option {
  /*  margin-bottom: -.1rem;*/
}
.form-floating .bootstrap-select {
    padding-bottom: 0 !important;
    padding-top: 1rem !important;
}

.bootstrap-select.is-invalid .dropdown-toggle, .error .bootstrap-select .dropdown-toggle,
.has-error .bootstrap-select .dropdown-toggle, .was-validated .bootstrap-select select:invalid + .dropdown-toggle {
    background-image: url(../images/error_outline_Icon.svg) !important;
    background-repeat: no-repeat;
    background-position: right 2.2rem center, center right;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
    border-color: var(--bs-form-invalid-border-color) !important;
}

.bootstrap-select.is-valid .dropdown-toggle, .was-validated .bootstrap-select select:valid + .dropdown-toggle {
    border-color: var(--success) !important;
    background-image: url(../images/success_Icon.svg);
    background-repeat: no-repeat;
    background-position: right 2.2rem center, center right;
    background-size: 1rem;
}

.toast_Custom_Success_Msg {
    width: 100% !important;
    color: black !important;
    background-color: #d1e7dd !important;
}
.toast_Custom_Error_Msg {
    width: 100% !important;
    color: black !important;
    background-color:#ffe5e7 !important;
}

img-blue-icon {
    height: .7rem;
}

.dropdown-menu.inner .text {
    white-space : normal;
}

.customContainer {
    max-width: 95%;
}

span.tdCenter {
    max-width: calc(100% - 60px);
    display: block;
    text-align: center;
}

.btn-outline-cancel {
    --bs-btn-color: #6c757d;
    --bs-btn-border-color: #6c757d;
    transform: scale(.95);
}

.btn-outline-cancel:hover {
    --bs-btn-hover-border-color: #0d6efd;
    --bs-btn-hover-color: #0d6efd;
}

.entity-state{
    display: none;
}

.bs-remove-single {
    font-size: 1rem;
    position: absolute;
    right: 2.1rem;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center;
    background: #fff;
}

.form-control.remove-green-tick, .dropdown.bootstrap-select.form-control.form-control-sm.bg-white.remove-green-tick > .dropdown-toggle {
    background-image: none !important;
    border-color: var(--bs-border-color) !Important;
}

.bootstrap-select .dropdown-menu, .bootstrap-select .dropdown-menu .inner {
    min-height: auto !important
}

.liUserMgmt {
    display: none !important;
}

.accordionCustom .accordion-button:after {
    content: '';
    background: url(../images/DownArrow.png) no-repeat center;
    background-size: 15px;
    cursor: pointer;
    position: absolute;
    right: 0;
    width: 20px;
    height: 20px;
    display: inline-block;
}

.accordionCustom .accordion-button.collapsed:after {
    content: '';
    background-image: url(../images/upArrow.png);
}

.singleLabel {
        color: rgba(var(--bs-body-color-rgb), .65);
}


.entityProfileTab_div {
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}

.search-wrapper .btn-height {
    position: absolute;
    top: 6px;
    bottom: 6px;
    right: 7px;
    height: auto; z-index:4;
}
.searchShift { right:8.3rem; }
.clearShift { right:9rem; }
.sb_btn { right:8.3rem; }
.clr_btn { right:9rem; }

.multiattribute-tbl {
    width: 100%;
}

.multiattribute-value {
    max-width: 1000px !important;
}

.collapseExpand:before {
    content: '';
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
    margin-left: -.2rem;
}

.openAll:before {
    content: '';
    background: url(../images/minusIcon.svg) no-repeat center;
    background-size: contain;
}

.expandAll:before {
    content: '';
    background: url(../images/plusIcon.svg) no-repeat center;
    background-size: contain;
}

.center-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 14px;
}
.stndrdFontSize {
    font-size: .875rem; transition:.2s;
}
.btn:disabled {
    opacity: .3 !important;
}

.filtericon_css {
    filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(3411%) hue-rotate( 81deg) brightness(125%) contrast(95%);
}

.mt-n1 { margin-top:-.1rem; }
.me-n1 { margin-right:-.1rem; }

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
   
    margin: 0;
    opacity: 0;
}


.file-entry {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 12px;
    margin-bottom: 6px;
    font-size: 14px;
    ;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    background-color: #f8f9fa;
}

    .file-entry i {
        color: red;
        cursor: pointer;
    }

    .file-entry strong {
        font-weight: normal;
        font-family: 'Avenir LT Std 55 Roman';
    }

.custom-file .custom-file-label::after {
    display: none;
}

body.modal-open .bgFilter {
    filter: blur(.5rem);
    transition: filter 0.3s ease; position:fixed; top:0; right:0; left:0; bottom:0;
}

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

.userHover * {
    position: relative;
}
.me--n8 { margin-right:-.8rem; }
.profile-dropdown .userHover:before {
    transform: scale(0);
    transform-origin: center;
    content: '';
    position: absolute;
    left: 0;
    right: 0; width:0; transition:.2s;
    top: 0;
    bottom: 0;
    background: #e9f2ff;
    margin: -.3rem; 
    border-radius: 50px;
    margin-left: -1rem;
}
.profile-dropdown:hover .userHover, .profile-dropdown .userHover:hover:focus {
    color: var(--primary);
    font-weight: 600;
    background-color: transparent;
}
    .profile-dropdown:hover .userHover:before, .profile-dropdown .userHover:focus:hover:before {
        transform: scale(1);
        opacity: 1;
        width: auto;
    }
    .userHover:after { display:none!important; }

 
/*
.rightMenu a:before {
    content: '';
    position: absolute; 
    background: #DEECFF;
    transition: .2s; 
   
    opacity: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    border-radius: 50%;
    margin: auto;
}*/

.form-control.is-valid + label + button, .was-validated .form-control:valid + label + button {
    margin-right: 1.5rem !important;
}

.form-control.is-invalid + label + button, .was-validated .form-control:invalid + label + button {
    margin-right: 1.5rem !important;
}

.btn-height-3 {
    height: 3rem;
    line-height: 2rem;
}

.custom-popover .bootstrap-select.form-control-sm .dropdown-toggle {
    padding-top: .15rem;
}


 


ul.arrowTab li button.active {
    font-weight: 600;
    color: var(--blue) !important;
    opacity: 1 !important;
}

 ul.arrowTab li button {
    color: var(--dark)!important;
    position: relative;
}
    ul.arrowTab li button:after {
        content: '';
        border-bottom: .6rem solid #f8fcfe;
        display: block;
        position: absolute;
        bottom: -2rem;
        border-left: .6rem solid transparent;
        border-right: .6rem solid transparent;
        left: 0;
        right: 0;
        opacity: 0;
        transition: .2s;
        width: 0;
        height: 0;
        margin: auto;
    }

    ul.arrowTab li button.active:after {
         
        opacity: 1;
        bottom: -.8rem;
    }


body.fileFocus .is-active  {
    border: 2px dashed #000!important;
}

.custom-file input.custom-file-input {
    opacity: 0;
    position: absolute;
    left: 0; right:0; bottom:0;
  
    top: 0;
    z-index: 1;
}

.autocomplete-item.active, .autocomplete-item:hover {
    background-color: #edf4ff !important;
}

.sessionHeight { height:5rem; }
.h-36px {  align-items: center;  height: 2.4rem!important;}
.b_to_w {
    filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(3411%) hue-rotate(81deg) brightness(125%) contrast(95%);
}

a.navbar-brand.mb-n1 {
    margin-bottom: -0.2rem;
}

.table-card-wrapper td { white-space:normal;  }
.maxArea {
    max-width: 520px;
    margin: auto;
}
.shiftRtScrollPadding {
    margin-right: -.8rem;
    padding-right: .8rem;
}
.mb-n4 {
    margin-bottom:-1.5rem !important;
}
sticky-accordion-header {
    background-color: #f8fcfe; /* light green background */
}
    .entityProfileTab_div.scrolled .sticky-accordion-header {
    position: sticky;
    top: 0;
    z-index: 10; /* ensures header above table */
    transition: all 0.3s ease;
    background-color:#f8fcfe; /* light green background */ 
}
    
/* Make accordion header background solid */
 
 
 

/* Sticky table header inside the scroll area */
.entityProfileTab_div.scrolled thead th {
    position: sticky;
    /*top: 3.2rem;*/
    background-color: #f8fcfe !important;
    z-index: 5;
    padding-top:.6rem;
    padding-bottom:.6rem;
}

@media (max-width: 1380px) {
    .entityProfileTab_div {
        max-height: calc(100vh - 145px);
    }

   /* .table-card-wrapper .dataTables_scrollBody {
        max-height: calc(100vh - 220px) !important;
    }*/
}

.bs-searchbox input {
    background-image: none !important;
    color: var(--bs-body-color) !important;
    background-color: var(--bs-body-bg) !important;
    outline: 0 !important;
    border: var(--bs-border-width) solid var(--bs-border-color) !important;
}
    .bs-searchbox input:focus {
        background-image: none !important;
        color: var(--bs-body-color) !important;
        box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25) !important;
        border: var(--bs-border-width) solid var(--bs-border-color) !important;
    }

/* Modal backdrop ko custom blur effect dena */
.modal-backdrop.show {
    opacity: 1 !important; /* ensure full opacity so blur visible ho */
    background-color: rgba(255, 255, 255, 0.3) !important; /* light white tint */
    backdrop-filter: blur(8px); /* blur effect */
    -webkit-backdrop-filter: blur(8px); /* Safari support */
    transition: all 0.3s ease;
}
.entityProfileTab_div { 
    scroll-behavior: smooth;  
}

.sticky-header {
    position: sticky;
    top: 0;
    z-index: 10;
    background-color: rgb(248, 252, 254);
    transition: 0.1s;
}

.sticky-table thead {
    position: sticky;
    top: 3.2rem; /* height of sticky accordion header */
    background-color: rgb(248, 252, 254);
    z-index: 5;
    box-shadow: var(--bs-box-shadow-sm) !important;
}
.sticky-table thead th { padding-top:.7rem!important; padding-bottom:.7rem!important }

.customFileUplod.border-danger {
    background: #fff4f4;
}

.download_hover .btn {
    --bs-bg-opacity: .5;
    height: 28px;
    background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity))
}

.download_hover:hover .btn {
    background-color: var(--primary-light) !important;
}
.download_hover .btn .fa-download {
    width: .8rem;
}
    .download_hover:hover .btn .fa-download {
        background: url(../images/downloadBlue_Icon.svg) no-repeat center;
        background-size: contain;
    }



.dashboasd_j_scrollbar {  overflow:hidden;  overflow-y:auto;   max-height:calc(40vh);}
.me-n4 { margin-right:-1.5rem; }

.datepicker_input {
    background: url(../images/calendar_Icon.svg) no-repeat 96% center;
    background-size: 1.2rem;
}




/*
* ==========================================
* CUSTOM UTIL CLASSES
* ==========================================
*/
/*.datepicker .datepicker-switch { width: auto; }*/
.datepicker {
    color: var(--text-dark);
    font-size: 13px;
    ;
}

    .datepicker td, .datepicker th {
        width: 2rem;
        height: 2rem;
        border-radius: 50px;
        line-height: 20px;
    }

    .datepicker th {
        font-weight: 700;
    }

        .datepicker th.datepicker-switch {
            border-radius: 3px;
        }

.datepicker-dropdown.datepicker-orient-top:before {
    border-top: 7px solid var(--info);
}

.datepicker-dropdown:before {
    border-bottom: 7px solid var(--info);
}

.datepicker-dropdown.datepicker-orient-bottom:before {
    top: -8px;
}

.datepicker-dropdown.datepicker-orient-bottom:after {
    top: -6px;
}

.datepicker-dropdown.datepicker-orient-top:before {
    bottom: -7px;
}

.datepicker-dropdown.datepicker-orient-top:after {
    bottom: -5px;
}
/*
* ==========================================
* FOR DEMO PURPOSES
* ==========================================
*/


td.active.day, span.month.active, span.year.active, span.century.active {
    background-image: none !important;
    background-color: var(--primary) !important;
    font-weight: 400;
}

td.today.day {
    background: #f6f8fe !important;
    color: #000 !important;
    font-weight: 400;
}

.datepicker-dropdown {
    z-index: 99999 !important;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1) !important;
    pointer-events: none;
    -webkit-transform: translateY(30px) rotateX(-2deg) translateX(0);
    transform: translateY(30px) rotateX(-2deg) translateX(0);
    -webkit-transition: opacity .25s, -webkit-transform .25s;
    transition: opacity .25s, -webkit-transform .25s;
    transition: opacity .25s, transform .25s;
    transition: opacity .25s, transform .25s, -webkit-transform .25s;
    opacity: 0;
    visibility: visible;
    margin: auto;
    position: absolute;
    border: 1px solid var(--primary) !important;
    border-radius: 3px;
    background: #fff;
}

.openDatepicker .datepicker-dropdown {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
    transform: translateY(16px)translateX(0);
    animation: none;
}

.openDatepicker .datepicker-orient-top {
    transform: translateY(-5px)translateX(0);
}

.dateCss input {
    outline: none !important;
    user-select: none;
    cursor: pointer;
    letter-spacing: .5px;
}

.input-datepicker {
    background-image: url("../images/calendar_Icon.svg");
    background-repeat: no-repeat;
    background-position: 97% center;
    background-size: 1.2rem;
}


.downloadReport a .fa {
    background: url(../images/downloadBlue_Icon.svg) no-repeat center;
}
.downloadReport a {
    border-color: var(--primary);
    color: var(--primary)!important;
}
    .downloadReport a:hover {
        background: var(--gradient-primary) !important;
        color:#fff!important;
    }
        .downloadReport a:hover span {
            border-color: #0046d1 !important;
        }
        .downloadReport a:hover .fa {
            filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(3411%) hue-rotate(81deg) brightness(125%) contrast(95%);
        }

.btn_with_arrow { position:relative; }
    .btn_with_arrow:after {
        content: '';
        background: url(../images/DownArrow.png) no-repeat center;
        background-size: 15px;
        cursor: pointer;
        position: absolute;
        transform:rotate(-90deg);
        right:.85rem;
        width: 20px;
        height: 20px;
        display: inline-block;
        filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(3411%) hue-rotate(81deg) brightness(125%) contrast(95%);
    }
.user-info {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    line-height: 1.2;
}

.user-name {
    font-size: 14px;
    font-weight: 600;
    color: #1f2937;
}

.last-login {
    font-size: 11px;
    color: #6b7280;
    margin-top: 2px;
    position: absolute;
    right: 30px;
    top: -25px;
}

.profile-img {
    width: 32px;
    height: 32px;
}
* Align source name left, icon right */
.source-option {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

/* Prevent text wrapping */
.source-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Icon spacing */
.paid-icon {
    margin-left: 10px;
}

/* Optional: hide icon in selected value */
.bootstrap-select .filter-option .paid-icon {
    display: none !important;
}
.paid-icon {
    width: 15px;
    height: 15px;
    cursor: pointer;
}

/* highlight entity prifile header to know value */
.highlight-header {
    /*color: #1E90FF !important;*/ /* DodgerBlue - adjust as needed */
    height: 20px !important;
    width: 20px !important;
    margin-left: 10px !important;
}
}

.data-available {
    height:20px !important; 
    width: 20px !important;
}
.availableText:before {
    content: '';
    background: url(../images/available_Icon.svg) no-repeat;
    width: 1rem;
    height: 1rem;
    display: inline-block; margin-right:.3rem;
}
.availableText {
    position: absolute;
    right: 25px;
    font-size: .75rem;
    display: flex;
    vertical-align: middle;
    min-height: 1.6rem;
    line-height: normal;
    border: 1px solid #99debe;
}


.identity-container {
    margin-top: 12px;
    border-top: 1px solid #e5e5e5;
    padding-top: 10px;
}

.identity-row {
    padding: 8px 0;
}

.identity-type {
    font-size: 13px;
    color: #6c757d;
    margin-bottom: 2px;
}

.identity-value {
    font-size: 15px;
    font-weight: 600;
    color: #000;
    word-break: break-word;
}

.identity-divider {
    border: none;
    border-top: 1px solid #eeeeee;
    margin: 6px 0;
}

#identityTypeBlock p {
    margin: 0;
}

.identity-item {
    margin-bottom: 0;
}

    .identity-item strong {
        font-size: 14px;
        font-weight: 600;
    }

    .identity-item span {
        display: block;
        font-size: 14px;
        color: #6c757d;
        margin-top: 2px;
    }