body {
/*    font-family: 'Roboto', sans-serif !important;*/
    background-color: var(--snap-bg-grey-light) ;
    color: var(--body-color);
}
.sh_mainPortview {
  /*background: transparent;
  bottom: 25px;
  display: flex;
  left: 110px;
  overflow: hidden;
  position: absolute;
  right: 15px;
  top: 76px;*/
  border-radius: 15px;
  margin-top: 75px;
  margin-bottom: 20px;
  position: relative;
  height: calc(100vh - 95px);
}
.sh_innerPortview {
  height: 100%;
  /* overflow: hidden;
    overflow-y: hidden;
  overflow-y: auto; */
  position: relative;
  width: 100%;
}
.sh_cardBox.sh_widgets {
  margin-bottom: 20px;
}
.sh_cardBox,
.sh_filterBox {
  display: -webkit-box;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  background-color: #fbfcfd;
/*  border-right: 1px solid #cfd7df;*/
  height: 100%;
  /* border-radius:25px; */
  /* box-shadow: 0 16px 20px #081f450d, 0 25px 80px #081f451a; */
}

.sidebar_Filter.toggled {
  width: 20rem;
  position: absolute;
  padding-right: 20px;
  z-index: 1;
  left: 0px;
  bottom: 0;
  top: 0;
  display: block;
}
/*.topbar_Filter.toggled {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  z-index: 3;
  height: 100%;
}
.topbar_Filter {
  height: 0;
  transition: all 0.5s ease;
}
*/
.topbar_Filter.toggled {
    transform: none;
    visibility: visible;
}

.topbar_Filter_Top {
    top: 0;
    right: 0;
    left: 0;
    height: 50vh;
    max-height: 100%;
    border-bottom: 1px solid rgba(0,0,0,.2);
    transform: translateY(-100%);
}
.topbar_Filter {
    position: fixed;
    bottom: 0;
    z-index: 1050;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    visibility: hidden;
    background-color: #fff;
    background-clip: padding-box;
    outline: 0;
    transition: transform .3s ease-in-out;
}

.sidebar_Filter  {
  width: 0px; 
  transition: all 0.5s ease;
  display: none;
}
.filterOpened .sh_mainPortview  {
  right: 0; 
}
.filterOpened .sh_innerPortview {
  width: 100% !important;
/*  padding-right: 15px;*/
  padding-left: 0;
}
.filterOpened.modal-open .sh_innerPortview {
  padding-left: 0;
}
.filterOpened.modal-open .sh_innerPortview .sh_cardBox {
  border-radius: 15px;
}
.filterOpened .sh_innerPortview .tabs_wrapForTable {
  padding-left: 270px;
  transition: transform .3s ease-in-out;
}
/*.filterOpened .sh_innerPortview .sh_cardBox { 
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}*/
.sh_cardBox .sh_cardHeader,
.sh_filterBox .sh_filterHeader {
  padding: 10px;
  border-bottom: 1px solid #cfd7df;
/*  background-color: #fbfcfd;*/
}
 
.sh_cardBox .sh_cardBody,
.sh_filterBox .sh_filterBody {
  -ms-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  flex: 1;
  overflow-y: auto;
  padding: 15px;
  scrollbar-width: thin;
}
 
.sh_cardBox .sh_cardFooter,
.sh_filterBox .sh_filterFooter {
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
/*  background-color: #fbfcfd;*/
  border-top: 1px solid #cfd7df;
  height: 60px;
  padding: 10px
}

.card.sh_loginCard {
  background: #fff 0% 0% no-repeat padding-box;
  box-shadow: 3px 4px 73px #0000005c;
  border-radius: 4px;
  opacity: 1;
}
.sh_loginLogo {
  padding: 5px;
}
.sh_loginCre {
  margin-top: 1rem;
}
.sh_logoIcon {
  width: 100%;
  padding: 15px 10px !important;
/*  box-shadow: 0px 1px 2px #0000000A !important;*/
  margin-left: auto;
  margin-right: auto;
/*  margin-bottom: 20px;*/
}

.sidebar-brand-icon {
  width: 140px !important;
  height: 60px !important;
  /* background: #fbfcfd 0% 0% no-repeat padding-box !important; */
  /* box-shadow: 0px 4px 8px #A1ABC63B; */
  border-radius: 7px;
  padding: 10px;
  margin: 0 auto;
}

.sh_loginCard form.sh_loginCre .form-control.form-control-user,
.form-control.form-control-fields  {
  height: 35px;
  padding: 5px 10px;
  border: 3px solid #CADDDF !important;
}
.form-control.form-control-fields {
  border-width: 1px !important;
}
.sh_loginCard form.sh_loginCre .form-control.form-control-user:focus,
.form-control.form-control-fields:focus { 
  border-color: #bac8f3; 
/*  box-shadow: 0 0 0 0.1rem rgb(80, 125, 255);*/
}
 .sh_loginCard form.sh_loginCre .sh_loginButtons .btn-user,
 .sh_loginCard .action-text{
   font-size:16px ;
  font-weight: 600;
 }
 .sh_loginCard p {
  font-weight: 600;
  font-size: 12px;
  color: black;
 }
.sh_loginCard form.sh_loginCre .sh_loginButtons .btn-user:hover {
  background: transparent linear-gradient(90deg, #3B35DB 0%, #544CF9 0%, #814CF9 0%, #544CF9 100%) 0% 0% no-repeat padding-box;

 }
.sh_loginCard form.sh_loginCre .sh_loginButtons .btn-user {
  width: 100%;
  border: none !important;
  border-radius: 3vh;
  height: 35px;
  line-height: 35px;
  padding: 0;
  background: transparent linear-gradient(90deg, #544CF9 0%, #3B35DB 0%, #544CF9 0%, #814CF9 100%) 0% 0% no-repeat padding-box;
  opacity: 1;
  color: white;
  width: 49%;
  transition: 0.3s;
}
form.sh_loginCre .custom-checkbox.small label {
  line-height: 1.5rem;
}

form.sh_loginCre .form-control-user,
.form-control-fields {
  font-size: 0.8rem;
  border-radius: 10rem;
  padding: 1.5rem 1rem;
}

form.sh_loginCre .btn-user {
  font-size: 0.8rem;
  border-radius: 10rem;
  padding: 0.75rem 1rem;
}
#layoutSidenav {
  display: flex;
}
.nav-fixed .topnav {
  z-index: 1039 ;
}
/*.topnav {
  padding-left: 0;
  height: 3.625rem;
  z-index: 1039;
  font-size: 0.9rem;
}*/
.nav-fixed #layoutSidenav #layoutSidenav_nav {
  width: 7rem;
  height: 100vh;
  z-index: 1038;
}
.fixed-top, 
.nav-fixed #layoutSidenav #layoutSidenav_nav, 
.nav-fixed .topnav {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}
@media (min-width: 992px) {
  #layoutSidenav #layoutSidenav_nav {
    transform: translateX(0);
  }
}
#layoutSidenav #layoutSidenav_nav {
  flex-basis: 15rem;
  flex-shrink: 0;
  transition: transform 0.15s ease-in-out;
  z-index: 1038;
/*  transform: translateX(-15rem);*/
}
/*.nav-fixed #layoutSidenav #layoutSidenav_nav .sidenav {
  padding-top: 3.625rem;
}*/
.sidenav-light {
  background-color: #fff;
  color: #212832;
}
.sidenav {
  display: flex;
  flex-direction: column;
  height: 100%;
  flex-wrap: nowrap;
  font-size: 0.9rem;
}
.shadow-right {
  box-shadow: 0.15rem 0 1.75rem 0 rgba(33, 40, 50, 0.15) !important;
}
/*#accordionSidebar {
  background-image: linear-gradient(to bottom, #002861, #004099) !important;
  position: fixed;
  z-index: 2;
  background: #fff 0% 0% no-repeat padding-box !important;
  box-shadow: 1px 0px 2px #0000000A;
}*/
#accordionSidebar.sidebar.toggled {
  width: 100px !important;
}

.sh_menuIcon svg { opacity:1; }

aside .side_Inner {
  padding: 10px 0;
  width: 220px;
  height: 100vh;
  left: -15rem;
  overflow: auto;
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 3;
  background-color: var(--snap-bg-grey-light);
  border-right: 1px solid var(--snap-common-border);
  transition: 1s transform cubic-bezier(0.23, 1, 0.32, 1), 1s -webkit-transform cubic-bezier(0.23, 1, 0.32, 1);
}
.custom-collapse-toggle::before {
  content: ""; /* This removes any content */
  display: none; /* This hides the pseudo-element */
  /* Add any other custom styles you need */
}
aside .side_Inner{
    top: 56px;
    height: auto;
    scrollbar-width:none;
}
.side_Inner .nav-menu ul li {
  padding: 0;
  margin: 0px;
  list-style: none;
}
.show-sidebar aside .side_Inner {
  -webkit-box-shadow: 10px 0 30px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 10px 0 30px 0 rgba(0, 0, 0, 0.1);
}
.show-sidebar aside .side_Inner {
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(40%);
  left: 0rem;
}
#show-sidebar aside .side_Inner {
  -webkit-box-shadow: 10px 0 30px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 10px 0 30px 0 rgba(0, 0, 0, 0.1);
}
#show-sidebar aside .side_Inner {
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(40%);
  left: 0rem;
}
.side_Inner .side_InnerText {
  padding: 0.5rem 1rem;
  margin: 0 0.5rem;
  margin-bottom: 0px;
  display: block;
  color: #3a3b45;
  text-decoration: none;
  border-radius: 0.35rem;
  white-space: nowrap;
  text-align: center;
}
aside .submenu-Inner {
  width: 220px;
  /* position: fixed !important; */
  bottom:auto;
  top: auto ;
  left: 90px !important;
  background: #e9ebf2;
  border-right: 1px solid #d5d5d5;
  transition: 1s transform cubic-bezier(0.23, 1, 0.32, 1), 1s -webkit-transform cubic-bezier(0.23, 1, 0.32, 1);
  border-radius: 0 0.5rem 0.5rem 0;
}
aside .submenu-Inner.active.collapse { position: absolute;}


.modal-header .btn-close {
  padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
  margin: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) auto;
}
button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) {
  cursor: pointer;
}
.btn-close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: #000;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%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.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  border: 0;
  border-radius: 0.35rem;
  opacity: 0.5;
}

.password-meter {
    display: flex;
    height: 3px;  
    position: relative;
    top: -10px;
}
.meter-section {
    flex: 1;
    background-color: #ddd;
}

.weak {
    background-color: #ff4d4d;
}

.medium {
    background-color: #ffd633;
}

.good {
    background-color: #00b300;
}

.strong {
    background-color: #009900;
}


 



.shPermission ul.mainBlock {
  padding: 0;
  margin: 0;
}
.shPermission li {
    list-style-type:none;
    margin:0;
    padding:10px 5px 0 5px;
    position:relative
}
.shPermission li::before, .shPermission li::after {
    content:'';
    left:-20px;
    position:absolute;
    right:auto
}
.shPermission li::before {
    border-left:1px solid #999;
    bottom:50px;
    height:100%;
    top:0;
    width:1px
}
.shPermission li::after {
    border-top:1px solid #999;
    height:20px;
    top:25px;
    width:25px
}
.shPermission li span {
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border:1px solid #999;
    border-radius:25px;
    display:inline-block;
    padding:3px 8px;
    text-decoration:none;
    width: 40%;
    text-align: left;
}
.shPermission .badge {
  font-size: 0.85rem;
  line-height: initial;
  padding: 7px;
}
.shPermission .badge.badge-info {
/*  width: 95%;*/
  background: #dae7fb;
  color: #006cf4;
  border: none;
}
.shPermission .badge-default {
  background: #e0e5ec;
  border: none;
  color: #313539;
}
.shPermission .badge.badge-success {
  background: #daefed;
  border: none;
  color: #1dac73;
}
.shPermission li span ~ ul li span {
  font-size: 0.9rem;
  color: #262626;
/*  width: 90%;*/
}
.shPermission li.parent_li>span {
    cursor:pointer
}
.shPermission>ul>li::before, .shPermission>ul>li::after {
    border:0
}
.shPermission li:last-child::before {
    height:30px
}
.shPermission li.parent_li>span:hover, .shPermission li.parent_li>span:hover+ul li span {
    background:#eee;
/*    border:1px solid #94a0b4;*/
    color:#000
}
.shPermission .shPermission_Global {
  background: #386bfc;
  border: none;
  color: white;
  width: 25%;
  padding: 7px;
/*  text-align: center;*/

}
span.shPermission_action { border:none !important; padding:0 !important; }
.shPermission .shPermission_action {
  visibility: hidden;
}
.shPermission .shPermission_actionHover:hover .shPermission_action {
  visibility: visible;
}


.sh_loader{    
  background-color: #cecece;
  filter: alpha(opacity = 50); 
  align-items: center;    
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 9999999;
  display: flex;
  justify-content: center;
  opacity: 0.8;
  animation: fadeIn 1s; 
}
 @keyframes fadeIn {
  0% { opacity: 0.5; }
  100% { opacity: 0.8; }
}
.sh_loaderlogo {
  background-color: #262261;
  padding: 10px;
  border-radius: 50%;
}
.panel-fullscreen {
    display: block;
    z-index: 2;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    overflow: auto;
}
.fullScreenOpened.filterOpened .sidebar_Filter.toggled  {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: auto;
  width: 30%;
}
.sh_backdrop.backdropVisible  {
  opacity: 1;
  pointer-events: auto;
}
.sh_backdrop {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;  
  background-color: rgba(0, 0, 0, .4);
  z-index: 2;
  pointer-events: none;
  opacity: 0;
  transition: opacity .3s;
}

.sh_cardBox {
  overflow: hidden;
} 
.sh_modalBox { height:100% !important; }
.sh_cardBox,
.sh_filterBox,
.sh_modalBox {
  display: -webkit-box;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  background-color: /*#fbfcfd*/ var(--snap-bg-white);
/*  border-right: 1px solid #cfd7df;*/
/*  height: 100%;*/
  border-radius:0.5rem;
  border: 1px solid #dddddd8c;
  /* box-shadow: 0 16px 20px #081f450d,0 25px 80px #081f451a; */
/*  height: calc(100vh - 95px);*/
 
}
.sh_modalBox {
  background-color:var(--snap-bg-white);
}
/* .sidebar_Filter.toggled { 
  width: 50%;
  position: relative;
  margin-left: 20px; 
  z-index: 3;
} */
/*.topbar_Filter.toggled {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  z-index: 3;
  height: 100%;
}
.topbar_Filter {
  height: 0;
  transition: all 0.5s ease;
}
*/
.topbar_Filter.toggled {
    transform: none;
    visibility: visible;
}

.topbar_Filter_Top {
    top: 0;
    right: 0;
    left: 0;
    height: 50vh;
    max-height: 100%;
    border-bottom: 1px solid rgba(0,0,0,.2);
    transform: translateY(-100%);
}
.topbar_Filter {
    position: fixed;
    bottom: 0;
    z-index: 1050;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    visibility: hidden;
    background-color: #fff;
    background-clip: padding-box;
    outline: 0;
    transition: transform .3s ease-in-out;
}

.sidebar_Filter  {
  width: 0px; 
  transition: all 0.5s ease;
}
.filterOpened .sh_mainPortview  {
  right: 0; 
}
.filterOpened .sh_filterBox { 
  /*border-top-right-radius: 0;
  border-bottom-right-radius: 0;*/
}
.sh_cardBox .sh_cardHeader,
.sh_filterBox .sh_filterHeader,
.sh_modalBox .modal-header {
  padding: 10px;
  border-bottom: 1px solid var(--snap-common-border);
/*  background-color: #fbfcfd;*/
}
 
.sh_cardBox .sh_cardBody,
.sh_filterBox .sh_filterBody,
.sh_modalBox .modal-body {
  -ms-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  flex: 1;
  overflow-y: auto;
  padding: 15px;
  scrollbar-width: thin;
}
 
.sh_cardBox .sh_cardFooter,
.sh_filterBox .sh_filterFooter,
.sh_modalBox .modal-footer {
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
/*  background-color: #fbfcfd;*/
  border-top: 1px solid var(--snap-common-border);
  height: 60px;
  padding: 10px
}

.card.sh_loginCard {
  background: #fff 0% 0% no-repeat padding-box;
/*  box-shadow: 3px 4px 73px #0000005c;*/
box-shadow: 0 16px 20px #081f450d,0 25px 80px #081f451a;
  border-radius: 15px;
  opacity: 1;
}
.sh_loginLogo {
  width: 190px !important;
  height: 80px !important;
  padding: 5px;
  margin: 0 auto;
}
.sh_loginCre {
  margin-top: 1rem;
}
.sh_logoIcon {
  width: 100%;
  padding: 15px 10px !important;
/*  box-shadow: 0px 1px 2px #0000000A !important;*/
  margin-left: auto;
  margin-right: auto; 
/*  margin-bottom: 20px;*/
}
.sidebar-brand {
  position: sticky;
  top: 0;
/*  background: #fbfcfd;*/
background: var(--snap-bg-grey-light);
transition: all 0.1s;

}
 
.sh_loginCard form.sh_loginCre .form-control.form-control-user,
.form-control.form-control-fields  {
  height: 35px;
  padding: 5px 10px;
  border: 2px solid #CADDDF !important;
}
.form-control.form-control-fields {
  border-width: 1px !important;
}
.sh_loginCard form.sh_loginCre .form-control.form-control-user:focus,
.form-control.form-control-fields:focus { 
  border-color: #bac8f3; 
/*  box-shadow: 0 0 0 0.1rem rgb(80, 125, 255);*/
  border: 2px solid #5d4cf9 !important;
}
 .sh_loginCard form.sh_loginCre .sh_loginButtons .btn-user,
 .sh_loginCard .action-text{
   font-size: 1rem ;
  font-weight: 400;
 }
 .sh_loginCard p {
  font-weight: 400;
  font-size: 0.80rem;
  color: black;
 }
.sh_loginCard form.sh_loginCre .sh_loginButtons .btn-user:hover {
  background: transparent linear-gradient(90deg, #3B35DB 0%, #544CF9 0%, #814CF9 0%, #544CF9 100%) 0% 0% no-repeat padding-box;

 }
.sh_loginCard form.sh_loginCre .sh_loginButtons .btn-user {
  width: 100%;
  border: none !important;
  border-radius: 3vh;
  height: 35px;
  line-height: 35px;
  padding: 0;
  background: transparent linear-gradient(90deg, #544CF9 0%, #3B35DB 0%, #544CF9 0%, #814CF9 100%) 0% 0% no-repeat padding-box;
  opacity: 1;
  color: white;
  width: 49%;
  transition: 0.3s;
}
form.sh_loginCre .custom-checkbox.small label {
  line-height: 1.5rem;
}

form.sh_loginCre .form-control-user,
.form-control-fields {
  font-size: 0.8rem;
  border-radius: 10rem;
  padding: 1.5rem 1rem;
}

form.sh_loginCre .btn-user {
  font-size: 0.8rem;
  border-radius: 10rem;
  padding: 0.75rem 1rem;
}
#layoutSidenav {
  display: flex;
}
.nav-fixed .topnav {
  z-index: 1039 ;
}
/*.topnav {
  padding-left: 0;
  height: 3.625rem;
  z-index: 1039;
  font-size: 0.9rem;
}*/
.nav-fixed #layoutSidenav #layoutSidenav_nav {
  width: 7rem;
  height: 100vh;
  z-index: 1038;
}
.fixed-top, 
.nav-fixed #layoutSidenav #layoutSidenav_nav, 
.nav-fixed .topnav {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 3;
/*  border-bottom: 1px solid #e3e6f0;*/
  /* border-bottom: 1px solid var(--snap-common-border); */
  background: var(--snap-bg-grey-light);
}
.sh_sidebarnav_item{
  display: flex;
  padding: 0.25rem;
  word-wrap: anywhere;
}
.sh_sidebarnav_title{
  display: flex !important;
  padding-left: 17px;
  text-align: left;
  /* font: normal normal normal 17px/12px Helvetica Neue !important;  */
  font-size: 0.75rem !important;
  letter-spacing: 0.26px;
  color: #0623C1 !important;
  align-items: center;
  transition: all 0.3s;

}
@media (min-width: 992px) {
  #layoutSidenav #layoutSidenav_nav {
    transform: translateX(0);
  }
}
#layoutSidenav #layoutSidenav_nav {
  flex-basis: 15rem;
  flex-shrink: 0;
  transition: transform 0.15s ease-in-out;
  z-index: 1038;
/*  transform: translateX(-15rem);*/
}
/*.nav-fixed #layoutSidenav #layoutSidenav_nav .sidenav {
  padding-top: 3.625rem;
}*/
.sidenav-light {
  background-color: #fff;
  color: #212832;
}
.sidenav {
  display: flex;
  flex-direction: column;
  height: 100%;
  flex-wrap: nowrap;
  font-size: 0.9rem;
}
.shadow-right {
  box-shadow: 0.15rem 0 1.75rem 0 rgba(33, 40, 50, 0.15) !important;
}
#accordionSidebar {
  background-image: linear-gradient(to bottom, #002861, #004099) !important;
  position: fixed;
  background: var(--snap-bg-grey-light) 0% 0% no-repeat padding-box !important;
  box-shadow:none;
}
#accordionSidebar.sidebar.toggled {
  width: 90px !important;
  height: 100vh;
  overflow: auto;
  z-index: 3;
    overflow-x: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  border-right: 1px solid var(--snap-common-border);

}
.sidebar-toggled .fixed-top {
  left: 90px;
}
.sh_menuIcon svg { opacity:1; }

 
.side_Inner .nav-menu ul li {
  padding: 0;
  margin: 0px;
  list-style: none;
}
.show-sidebar aside .side_Inner {
  -webkit-box-shadow: 10px 0 30px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 10px 0 30px 0 rgba(0, 0, 0, 0.1);
}
 
#show-sidebar aside .side_Inner {
  -webkit-box-shadow: 10px 0 30px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 10px 0 30px 0 rgba(0, 0, 0, 0.1);
}
 
.side_Inner .side_InnerText {
  padding: 0.5rem 1rem;
  margin: 0 0.5rem;
  margin-bottom: 0px;
  display: block;
  color: #3a3b45;
  text-decoration: none;
  border-radius: 0.35rem;
  white-space: nowrap;
  text-align: center;
}
.side_Inner a.side_InnerText,
.submenu-Inner a.side_InnerText {
  background-color: var(--snap-menu-inner-btnbg) ;
  margin-bottom: 5px;
  font-size: 12px;
  color: var(--snap-color-white);
}

.sidebar .nav-item .collapse .collapse-item.side_InnerText:hover, 
.sidebar .nav-item .collapse .collapse-item.side_InnerText.active {
  background-color: #6114f8;
}
.sidebar .nav-item .collapse .collapse-item.side_InnerText {
  background-color: #8ea4c6;
  margin-bottom: 5px;
  font-size: 12px;
  color: white !important;
}

.side_Inner a.side_InnerText:hover {
  background-color: #6114f8;
}
.side_Inner a.side_InnerText.active,
.side_Inner a.side_InnerText.active:hover,
.submenu-Inner .side_InnerText.active,
.submenu-Inner .side_InnerText.active:hover {
  background-color: #6114f8;
}

.modal-header .btn-close {
  padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
  margin: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) auto;
}
button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) {
  cursor: pointer;
}
.btn-close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: #000;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%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.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  border: 0;
  border-radius: 0.35rem;
  opacity: 0.5;
}

.password-meter {
    display: flex;
    height: 3px;  
    position: relative;
    top: -10px;
}
.meter-section {
    flex: 1;
    background-color: #ddd;
}

.weak {
    background-color: #ff4d4d;
}

.medium {
    background-color: #ffd633;
}

.good {
    background-color: #00b300;
}

.strong {
    background-color: #009900;
}


 



.shPermission ul.mainBlock {
  padding: 0;
  margin: 0;
}
.shPermission li {
    list-style-type:none;
    margin:0;
    padding:10px 5px 0 5px;
    position:relative
}
.shPermission li::before, .shPermission li::after {
    content:'';
    left:-20px;
    position:absolute;
    right:auto
}
.shPermission li::before {
    border-left:1px solid #999;
    bottom:50px;
    height:100%;
    top:0;
    width:1px
}
.shPermission li::after {
    border-top:1px solid #999;
    height:20px;
    top:25px;
    width:25px
}
.shPermission li span {
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border:1px solid #999;
    border-radius:25px;
    display:inline-block;
    padding:3px 8px;
    text-decoration:none;
    width: 40%;
    text-align: left;
}
.shPermission .badge {
  font-size: 0.85rem;
  line-height: initial;
  padding: 7px;
}
.shPermission .badge.badge-info {
/*  width: 95%;*/
  background: #dae7fb;
  color: #006cf4;
  border: none;
}
.shPermission .badge-default {
  background: #e0e5ec;
  border: none;
  color: #313539;
}
.shPermission .badge.badge-success {
  background: #daefed;
  border: none;
  color: #1dac73;
}
.shPermission li span ~ ul li span {
  font-size: 0.9rem;
  color: #262626;
/*  width: 90%;*/
}
.shPermission li.parent_li>span {
    cursor:pointer
}
.shPermission>ul>li::before, .shPermission>ul>li::after {
    border:0
}
.shPermission li:last-child::before {
    height:30px
}
.shPermission li.parent_li>span:hover, .shPermission li.parent_li>span:hover+ul li span {
    background:#eee;
/*    border:1px solid #94a0b4;*/
    color:#000
}
.shPermission .shPermission_Global {
  background: #386bfc;
  border: none;
  color: white;
  width: 25%;
  padding: 7px;
/*  text-align: center;*/

}
span.shPermission_action { border:none !important; padding:0 !important; }
.shPermission .shPermission_action {
  visibility: hidden;
}
.shPermission .shPermission_actionHover:hover .shPermission_action {
  visibility: visible;
}



 @keyframes fadeIn {
  0% { opacity: 0.5; }
  100% { opacity: 0.8; }
}

.panel-fullscreen {
    display: block;
    z-index: 3;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    overflow: auto;
}
.fullScreenOpened.filterOpened .sidebar_Filter.toggled  {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: auto;
  width: 30%;
}
.sh_backdrop.backdropVisible  {
  opacity: 1;
  pointer-events: auto;
}
.sh_backdrop {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;  
  background-color: rgba(0, 0, 0, .4);
  z-index: 2;
  pointer-events: none;
  opacity: 0;
  transition: opacity .3s;
}
.img-account-profile {
  height: 10rem;
}
.modal-dialog.hResponsive {
  height: calc(100% - 35px);
}
.sh_menuIcon svg path,
.sh_menuIcon svg circle {
  fill: #a2bad5 ;
}
.nav-item:hover .sh_menuIcon svg path,
.nav-item:hover .sh_menuIcon svg circle,
.nav-item.sh_activeMenu .sh_menuIcon svg circle,
.nav-item.sh_activeMenu .sh_menuIcon svg path {
  fill:url(#a); 
}
.nav-item:hover a span ~ span,
.nav-item.sh_activeMenu a span ~ span {
  color: blue !important;
}
.nav-item.sh_activeMenu  {
  border-right: 3px solid blue;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.componenetInner .badge {
  margin: 0.15rem;
}
.card_loaderOuter {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content:center;
}
.card_loaderOuter::before  {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: #ffffffb0;
  content:'';
}
.no_arrow[data-bs-toggle="collapse"]::before {content:none; }
aside .nav-item.menu_Settings {
  position: fixed;
  bottom: 0;
  top: auto;
  background: var(--snap-bg-grey-light);
  margin-bottom: 0 !important;
  z-index: 3;
/*  display: inline-flex;*/
  width: 90px;
/*  text-align: center;*/
  font-size: 0.65rem;
  border-right: 1px solid var(--snap-common-border);
}
aside .nav-item.menu_Settings .nav-link {width:auto;  text-align: center;}
aside ul li.nav-item:last-child { 
  position: fixed;
  bottom: 0px;
  width: 90px;
  text-align: center;
  border: 1px solid var(--snap-common-border);
    margin-bottom: 0px !important; 
  }
 @media screen and (max-width:760px) {
  aside .toggled #configure-menu {
    display: none !important;
  }
 }
  
.helperContainerClass { width:auto !important;   }
.sh_cardBox.skeleton_Img { align-items:center; justify-content:center }
.skeleton_Img {
  background: url(../img/table_skeleton.png) no-repeat top center;
  background-size: cover;
  background-position: top;
}
.sh_cardBox.sh_widgets,
.card {box-shadow:  0 .125rem .25rem rgba(0,0,0,.075) !important}
.sh_cardBox.sh_widgets .sh_cardHeader,
.card .card-header {background-color: var(--snap-widget-header);color: var(--snap-bg-grey-light);}
.statusBadge .badge { min-width:95px }
.badge.def_badgeWidth { min-width:initial; }
input:required,
select:required {
  border-left: 2px solid red ;
} 
a[data-bs-toggle="collapse"] {
  text-decoration: none;
  color: var(--body-color);
}
.sh_cardBox { margin-bottom:20px }
 




.timeline {
  list-style-type: none;
  display: flex;
  padding: 0;
  text-align: center;
}
.timeline li {
  transition: all 200ms ease-in;
}
.timestamp {
  width: 100%; 
  margin-bottom: 20px;
  padding: 0px 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-weight: 100; 
}
.status {
  padding: 0px 40px;
  display: flex;
  justify-content: center;
  border-top: 2px solid  #e3e6f0;
  position: relative;
  transition: all 200ms ease-in ;
}
.status span {
  font-weight: 600;
  padding-top: 20px;
}
.status .icon {
  width: 25px;
  height: 25px;
  background-color: #ffffff;
  border-radius: 25px;
  padding: 5px;
  border: 2px solid  #e3e6f0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -15px;
  left: calc(50% - 12px); 
  transition: all 200ms ease-in;
}
.icon{
  color: blue;
}
.swiper-container {
  width: 100%;
  height: 250px;
  margin: 50px 0;
  overflow: hidden;
  position: relative;
}
.swiper-slide {
  width: 200px;
  text-align: center;
  font-size: 18px;
  margin-right: 0px !important;
}
.swiper-slide:nth-child(2n) {
  width: 40%;
}
.swiper-slide:nth-child(3n) {
  width: 20%;
}
.swiper-button-prev, .swiper-button-next {

   width: 24px;
   height: 24px;
   border-radius: 24px;
   top: 20%;
   margin-left: 10px;
}
.swiper-button-next:after, .swiper-button-prev:after {
  font-size: 14px;

}
input:required, select:required, textarea:required{
    border-left: 2px solid red;
}
#patient_search_invoice .sidebar_Filter.toggled { z-index: 2;}
/* Media Queries */
@media screen and (max-width:600px) {
  .app-heading-tab{
    display:block !important;

  }
  #wrapper #content-wrapper{
    margin-left: 0px !important;
  }

    /* article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
      display: none;
    } */
    .card .card-header[data-bs-toggle="collapse"]::before {
      position: absolute;
      right: 0;
      top: 0;
      padding-right: 1.725rem;
      line-height: 35px;
   
    }
    /* .image-card div img {
      width: 120px;
      width: 120px;
    }
    a h6 {
      font-size: .8rem !important;
    }
    .filterOpened .sh_innerPortview{
      padding-left: 130px;
    }
    .sidebar_Filter.toggled {
   width: 10rem;
    }
}
@media screen and (max-width:768px) {
   Input[type="file"] {
    font-size: 10px !important;
    padding: 2px !important;
  } */
}
/* Multiselector  Start*/

.ms-parent{
  width:274px !important;
}
.ms-choice{
  height: calc(1.5em + 0.75rem + 2px) !important;
  padding: 0.375rem 0.75rem !important;
  background-color: var(--snap-formcontrol-bg) !important;
  background-clip: padding-box !important;
  border: 1px solid var(--snap-common-border) !important;
}
.ms-drop ul > li.group{
  padding: 0 !important;
}
.ms-drop ul > li.ms-select-all{
  padding: 0 !important;
}
.ms-drop ul > li{
  padding-left: 1rem;
}
/*/ Multiselector  End/*/


/*-------
New Ui Changes
------*/
#wrapper #content-wrapper { 
  margin-left: 0px !important;
  background: var(--snap-bg-white) 0% 0% no-repeat padding-box;
  border-radius: 15px 0px 0px 0px;
}
.sidebar.toggled {
  width: 197px !important;
}
.sidebar .nav-item{
  width: 197px !important;
}
.nav-item.sh_activeMenu{
  border: none;
}
.sidebar.toggled .nav-item .nav-link{
  padding: 0.25rem;
  margin: 2px 5px;

}
.nav-item.sh_activeMenu .nav-link {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 2px 2px #D1DFEA;
  border-radius: 7px;
}
.sh_menuIcon svg path, .sh_menuIcon svg circle{
  fill:#0623C1 ;
}
aside .nav-item.menu_Settings{
  width: 197px;
  border: none !important;
}
aside .nav-item.menu_Settings .sh_sidebarnav_title{
  color: #777777 !important;
}
aside .nav-item.menu_Settings .sh_menuIcon svg path, .sh_menuIcon svg circle{
fill: #777777; 
}
.show-sidebar aside .side_Inner{
  left: 110px;
  border-left: 1px solid #e7e7e7;
  border-top: 1px solid #e7e7e7;
}
aside .submenu-Inner {
left:197px !important;
}

/*-------Global Search ----*/

.slide-enter {
  max-height: 0;
  opacity: 0;
  transform: translateY(-20px);
}

.slide-enter-active {
  max-height: 377px; 
  opacity: 1;
  transform: translateY(0); 
  transition: opacity 300ms, max-height 300ms, transform 300ms;
}

.slide-exit {
  max-height: 377px;
  opacity: 1;
  transform: translateY(0);
}

.slide-exit-active {
  max-height: 0;
  opacity: 0;
  transform: translateY(-20px); /* Slide upwards */
  transition: opacity 300ms, max-height 300ms, transform 300ms;
}

.fade-enter {
opacity: 0;
transform: scale(0.95);
}

.fade-enter-active {
opacity: 1;
transform: scale(1);
transition: opacity 300ms, transform 300ms;
}

.fade-exit {
opacity: 1;
transform: scale(1);
}

.fade-exit-active {
opacity: 0;
transform: scale(0.95);
transition: opacity 300ms, transform 300ms;
}


input.globalesearch {
  width: 250px;
  height: 34px;
  background: var(--snap-bg-white) 0% 0% no-repeat padding-box;
  box-shadow: 0px 1px 1px #00000008;
  border: 1px solid #77777767;
  /* border-top-right-radius:0px !important;
  border-bottom-right-radius: 0px !important;
  border-right: 1px solid transparent; */
  
  text-overflow: ellipsis;
}
input.globalesearch:focus {
width: 377px;
transition: all 0.4s ease;

}
.global-additonalsearch{
  padding: 6px 4px;
  height: 34px !important;
  border: 1px solid #77777767;
  background-color: var(--snap-bg-white);
  border-left: 1px solid transparent;
}
.globalsearch::before{
  display: none;    
}
.globalsearch-dropdown{
  position: absolute;
width: 100%;
z-index: 1000;
background: #fff;
width: 377px;
right: 0px;
padding-left: 0px;
max-height: 250px;
overflow: auto;
scrollbar-width: thin;
box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;  
}
.add-global{
  cursor: pointer; 
  right: 10px;
  top: 50%; 
  transform: translateY(-50%);
}
    .globalsearch-dropdown-list{
    padding: 8px;
    cursor: pointer;  
    border-bottom: 1px solid rgb(204, 204, 204);
  }
   .globalsearch-dropdown.show {
  
    }
    
  .globalsearch-dropdown.hide {
      display:none;
    }
  .globalsearch-dropdown li {
      padding-left:10px !important;
  }
  .globalsearch-dropdown li:hover{
      background-color:#efefef;
   }
.add-drop-icon::before{
  display: none;
}
.addsearch_multiselect .ms-drop {
  position: relative !important;
}
/*--------Collection Notes ------------------*/
.collection-notes {
    position: relative;
    width: 100%;
  }
  

  .collection-notes .timeline-end p,
  .collection-notes .timeline-start p,
  .collection-notes .timeline-year p {
    display: inline-block;
    text-align: center;
    margin: 0;    
    font-size: 12px;
    text-transform: uppercase;
    padding: 8px 16px;
    background: #1d61f3;
    color: #fff;
    border-radius: 18px;
    box-shadow: 0 0 0 3px rgba(42, 91, 252, 0.2);
  }
  
  .collection-notes .timeline-continue {
    position: relative;
    width: 100%;
  }
  
  .collection-notes .timeline-continue::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    top: 0;
    left: 50%;
    margin-left: -1px;
    background: #1d61f3;
  }
  
  .collection-notes .row.timeline-right .timeline-date {
    text-align: right;
  }
  
  .collection-notes .row.timeline-right .timeline-date {
    text-align: left;
  }
  
  .collection-notes .timeline-date {
    font-size: 12px;
    font-weight: 600;
    margin: 41px 0 0 0;
  }
  
  .collection-notes .timeline-date::after {
    content: '';
    display: block;
    position: absolute;
    width: 12px;
    height: 14px;
    top: 45px;
    background: #1d61f3;
    box-shadow: 0 0 5px rgba(0, 0, 0, .4);
    border-radius: 15px;
    z-index: 1;
  }
  
  .collection-notes .row.timeline-right .timeline-date::after {
    right: -7px;
  }
  
  .collection-notes .timeline-box,
  .collection-notes .timeline-launch {
    position: relative;
    display: inline-block;
    margin: 12px;
    width: 100%;
    overflow-wrap: break-word;
    padding: 12px;
    border: 1px solid #dddddd;
    border-radius: 6px;
    background: #ffffff;
  }
  
  .collection-notes .timeline-launch {
    width: 100%;
    margin: 15px 0;
    padding: 0;
    border: none;
    text-align: center;
    background: transparent;
  }
  
  .collection-notes .timeline-box::after,
  .collection-notes .timeline-box::before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
  }

  .collection-notes .row.timeline-right .timeline-box::after,
  .collection-notes .row.timeline-right .timeline-box::before {
    right: 100%;
  }
  
  .collection-notes .timeline-launch .timeline-box::after,
  .collection-notes .timeline-launch .timeline-box::before {
     left: 30px;
      margin-left: 0;
  }
  
  .collection-notes .timeline-box::after {
    top: 26px;
    border-color: transparent transparent transparent #ffffff;
    border-width: 10px;
  }
  
  .collection-notes .timeline-box::before {
    top: 25px;
    border-color: transparent transparent transparent #dddddd;
    border-width: 11px;
  }
  
  .collection-notes .row.timeline-right .timeline-box::after {
    border-color: transparent #ffffff transparent transparent;
  }
  
  .collection-notes .row.timeline-right .timeline-box::before {
    border-color: transparent #dddddd transparent transparent;
  }
  
  .collection-notes .timeline-launch .timeline-box::after {
    top: -20px;
    border-color: transparent transparent #dddddd transparent;
  }
  
  .collection-notes .timeline-launch .timeline-box::before {
    top: -19px;
    border-color: transparent transparent #ffffff transparent;
    border-width: 10px;
    z-index: 1;
  }
  .collection-notes .timeline-box .timeline-text {
    position: relative;
    width: calc(100% - 5px);
    float: left;
  }
  
  .collection-notes .timeline-launch .timeline-text {
    width: 100%;
  }
  
  .collection-notes .timeline-text h3 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 3px;
  }
  
  .collection-notes .timeline-text p {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
  }
  
    .collection-notes .timeline-continue::after {
      left: 40px;
    }
  
    .collection-notes .timeline-end,
    .collection-notes .timeline-start,
    .collection-notes .timeline-year,
    .collection-notes .row.timeline-right .timeline-date,
    .collection-notes .row.timeline-right,
    .collection-notes .timeline-launch {
      text-align: left;
    }
  
    .collection-notes .row.timeline-right .timeline-date::after {
      left: 47px;
    }
  
    .collection-notes .timeline-box,
    .collection-notes .row.timeline-right .timeline-date {
      margin-left: 55px;
    }
  
    .collection-notes .timeline-launch .timeline-box {
      margin-left: 0;
    }
    .formbold-main-wrapper {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 32px;
    }
    
    .formbold-form-wrapper {
      margin: 0 auto;
      width: 100%;
      background: white;
    }
    
    
    .formbold-steps ul {
      padding: 0;
      margin: 0;
      list-style: none;
      display: flex;
      gap: 40px;
    }
    
    .formbold-steps li {
      display: flex;
      align-items:baseline;
      gap: 14px;
      font-size: 16px;
      line-height: 24px;
      color: #536387;
    }
    
    .formbold-steps li span {
      display: flex;
      align-items: center;
      justify-content: center;
      background: #DDE3EC;
      border-radius: 50%;
      width: 36px;
      height: 36px;
      font-weight: 500;
      font-size: 16px;
      line-height: 24px;
      color: #536387;
    }
    
    .formbold-steps li.active {
      color: #07074D;
      ;
    }
    
    .formbold-steps li.active span {
      background: #0749ed;
      color: #FFFFFF;
    }
    
    .formbold-form-confirm>div {
      display: flex;
      gap: 15px;
    }
    
    
    .formbold-form-step-1,
    .formbold-form-step-2,
    .formbold-form-step-3 {
      display: none;
    }
    
    .formbold-form-step-1.active,
    .formbold-form-step-2.active,
    .formbold-form-step-3.active {
      display: block;
    }
    
    .formbold-form-btn-wrapper {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 25px;
    }
    
    .formbold-back-btn {
      display: block;
    }
    
    .formbold-back-btn.active {
      display: block;
    }
    
    .formbold-btn {
      display: flex;
    }
    .verifytext input{
      border-color:#bac8f3 ;
      border-radius: 4px;
    }
    .verifytext input:focus {
      border: 2px solid #5d4cf9 !important;
    }
    .formbold-form-step-2 .col-lg-4 .form-group .flex-wrap{
      flex-wrap: nowrap !important;
    }
    .back_btn{
      background: var(--snap-bg-white) 0% 0% no-repeat padding-box;
      box-shadow: 0px 1px 1px #FFFFFF80;
      border: 1px solid #0623C180;
      border-radius: 22px;
      padding: 4px 24px;
  }
  a.back_btn  {
      color: #0623C1;
  
  }
  .back_btn:hover{
      background-color: #0623C1;
  }
  a.back_btn:hover{
      text-decoration: none;
      color: #fff;
  
  }
    .bodyloading {
      --speed-of-animation: 0.95s;
      --gap: 6px;
      --first-color: #0623C1;
      --second-color: #0171bd;
      --third-color: #01b1e9;
     --fourth-color: #0623C1;
      --fifth-color: #0171bd;
      --sixth-color: #01b1e9;
      background-color: rgb(255, 255, 255);
      filter: alpha(opacity = 50);
      align-items: center;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      display: flex;
      gap: 6px;
      justify-content: center;
     }
     .bodyloading span {
      width: 6px;
      height: 80px;
      background: var(--first-color);
      animation: scale var(--speed-of-animation) ease-in-out infinite;
     }
     .bodyloading span:nth-child(2) {
      background: var(--second-color);
      animation-delay: -0.8s;
     }
     .bodyloading span:nth-child(3) {
      background: var(--third-color);
      animation-delay: -0.7s;
     }
     .bodyloading span:nth-child(4) {
      background: var(--fourth-color);
      animation-delay: -0.6s;
     }
     .bodyloading span:nth-child(5) {
      background: var(--fifth-color);
      animation-delay: -0.5s;
     }
     @keyframes scale {
      0%, 40%, 100% {
       transform: scaleY(0.025);
      }
      20% {
       transform: scaleY(0.5);
      }
     }
         /*--------Navigation Menu----------------------*/
         .sidebar-toggled a.sidebar-brand {
           visibility: hidden;
         }
    
         .sidebar-toggled .sidebar {
           width: 3.5rem !important;
           transition: all 0.3s;
         }
    
         .sidebar-toggled .sidebar .nav-item .nav-link {
           padding: 0.25rem !important;
           margin: 2px 5px !important;
           transition: all 0.3s;
         }
    
         .sidebar-toggled #wrapper #content-wrapper {
           margin-left: 0px !important;
           transition: all 0.3s;
         }
    
         .sidebar-toggled .fixed-top {
           left: 50px;
           transition: all 0.3s;
         }
    
         .sidebar-toggled .sh_sidebarnav_title {
           display: none !important;
         }
    
         .sidebar-toggled .sidebar .nav-item {
           width: 50px !important;
           transition: all 0.3s;
         }
    
         .sidebar-toggled .sidebar .nav-item .nav-link {
           width: 45px !important;
           transition: all 0.3s;
         }
    
         .sidebar-toggled.show-sidebar aside .side_Inner {
           left: -32px;
         }
    
         .sidebar-toggled aside .submenu-Inner {
           left: 38px !important;
           z-index: 3 !important;
         }
      .status-active {
          display: inline-block;
          padding: 1px 8px;
          color: #27754c;
          background-color:#def8eb;
          border: 1px solid #b6d8be;
          border-radius: 20px;
      }
      .status-inactive {
        display: inline-block;
        padding: 1px 8px;
        color: #c22c11;
        background-color:#f8dfde;
        border: 1px solid #e0b6ad;
        border-radius: 20px;
      }


      .collectionFilter [data-bs-toggle="collapse"]::before { position:absolute; right:0; }
.collectionFilter .card .card-header { background-color:#0623c1; border-radius:calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; }
.text-decoration-line {
  text-decoration: underline !important;
}
.styled-checkbox {
    position: absolute;
    opacity: 0;
}

.styled-checkbox:checked + label:before {
    background: #0623c1;
}
.styled-checkbox + label {
    position: relative;
    cursor: pointer;
    padding: 0;
    margin-bottom: 1rem;
    font-size: 0.8rem;
    display: flex;
    /* align-items: center; */
}
.styled-checkbox + label:before {
    content: "";
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    background: #bfbfbf;
    border-radius: 0.25rem;
}
.styled-checkbox:checked + label:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 9px;
    background: white;
    width: 3px;
    height: 3px;
    box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
    transform: rotate(45deg);
}
.collector_dashcountcard {
  border-radius: 12px;
  height: 90px;
}
.collection_countname {
  font-size: 13px;
  font-weight:600;
  letter-spacing: 0.5px;
  text-transform: capitalize;
  color: #707171;
}
.collector_dashcounticon {
  display: flex;
  padding: 7px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 6px;
}
.collector_dashcount {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 1.5px;
}
.sh_allclaims .collector_dashcounticon  {
  background-color: #5856D6;
}
.sh_allclaims .collector_dashcount {
  color: #5856D6;
}
.sh_highclaims .collector_dashcounticon {
  background-color: #AF52DE;
}
.sh_highclaims .collector_dashcount {
  color: #AF52DE;
}
.sh_agedclaims .collector_dashcounticon {
  background-color: #C64A07;
}
.sh_agedclaims .collector_dashcount {
  color: #C64A07;
}
.sh_overdueclaims .collector_dashcounticon {
  background-color: #07C6B6;
}
.sh_overdueclaims .collector_dashcount {
  color: #07C6B6;
}
.badge.claimnew {
  background-color: #cbe0ff !important;
  color: #006cf4 !important;
  font-size: 10px ;
  border: 1px solid #006cf4;
  padding: 2px 8px;
}
.collector_dashrecentnotes {
  height: calc(40vh - 40px);
  overflow: auto;
}
.collector_dashgraph {
  height: calc(38vh - 35px);
  overflow: auto;
}
.sh_dashcolpiechart {
  width: 100%;
  height: calc(35vh - 35px);
}
.collector_dashpiechart {
  height:calc(38vh - 35px);
  overflow: auto;
}
.collector_dashrecentnotes table.dataTable tbody tr td {
  padding: 14px 14px !important;
}
.collector_dashfollowup {
  height: calc(42vh - 15px)  !important;
  overflow: auto;
}
.collector_dashfollowup .sh_cardBody {
  overflow: auto;
}
.collector_dashfollowup .sh_cardFooter {
  height: 40px !important;
}
.sh_dashcollectorcard {
  height: calc(42vh - 15px) !important;
  overflow: hidden;
}
.btncollectionlight {
  background-color: #d6e9ff;
  color: #0984E3;
  border-radius: 6px;
  border: 1px solid #0984E3;
  padding: 7px 6px;
}
.btncollectionlight:hover {
  background-color: #0984E3;
  color: #FFFFFF;
}
@media screen and  (max-width: 1024px) {
  .collection_countname {
    font-size: 10px;
  }
  .collector_dashrecentnotes {
    height: calc(40vh - 40px);
  }
  .collector_dashgraph {
    height: calc(38vh - 35px);
    overflow: auto;
  }
  .collector_dashfollowup {
    height: calc(42vh - 15px)  !important;
  }
  .collector_dashfollowup .sh_cardFooter {
    height: 32px !important;
  }
  .sh_dashcollectorcard {
    height: calc(42vh - 15px)  !important;
    overflow: hidden;
  }
}
.viewDetailTemp.open {
  right: 0;
}
.viewDetailTemp {
  right: -90%;
  left: auto;
  border-radius: 10px 0px 0px 10px !important;
}
.viewDetailTemp {
  position: fixed;
  top: 0;
  bottom: 0; 
  width: 75%;
  height: 100vh;
  display: block;
  z-index: 1;
  background: #fff;
  transition: all .3s;
  z-index: 1010;
  box-shadow: -1px 1px 20px rgba(69, 65, 78, 0.15);
  right: -90%;
  left: auto;
  border-radius: 10px 0px 0px 10px !important;
  transition: all .5s;
}
.viewDetailTemp .title {
  padding: 15px;
  text-align: left;
  font-size: 16px;
  font-weight: 400;
  color: #000; 
  border-bottom: 1px solid #ebedf2; 
}

.sidebarOverlay.overlayVisible {
  opacity: 1;
  pointer-events: auto;
}
.sidebarOverlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 0;
  overflow-y: auto;
  background-color: rgba(0, 0, 0, .5);
  z-index: 1001;
  pointer-events: none;
  opacity: 0;
  transition: opacity .3s;
}
.view-xl {
  width: 100%;
}

.view {
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
  position: relative;
}
.detailCardBox { 
  display: flex; 
  background-color:   var(--snap-bg-white); 
  border-radius: 0.5rem;
/*    border: 1px solid #dddddd8c; */
  height: calc(100vh - 60px);
  flex-direction: column;
}
.detailCardBox .detailCardHeader  {
  padding: 10px;
  border-bottom: 1px solid var(--snap-common-border);
  /* background-color: #fbfcfd; */
}
.detailCardBox .detailCardBody {
  -ms-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  flex: 1;
  overflow-y: auto;
  padding: 15px;
  scrollbar-width: thin;
}
.detailCardBox .detailCardFooter {
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  /* background-color: #fbfcfd; */
  border-top: 1px solid #cfd7df;

  padding: 10px;
}
.recentnotes {
max-width: 350px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.sh_claimdetailswidget {
border: 1px solid #e3e6f0;
}
.sh_claimdetailswidget .claimdetailheaderbox {
background-color: #E9F3FF;
}

.sh_claimdetailswitch {
  --secondary-container: #383838;
  --primary: #0623c1;
  font-size: 17px;
  position: relative;
  display: inline-block;
  width: 2em;
  height: 1em;
 }
 
 .sh_claimdetailswitch input {
  display: none;
  opacity: 0;
  width: 0;
  height: 0;
 }
 
 .sh_claimdetailswitch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  transition: .2s;
  border-radius: 30px;
 }
 
 .sh_claimdetailswitch .slider:before {
  position: absolute;
  content: "";
  height: 1em;
  width: 1em;
  border-radius: 20px;
  left: 0;
  bottom: 0;
  background-color: #959595;
  transition: .4s;
 }
 
 input:checked + .slider::before {
  background-color: var(--primary);
 }
 
 input:checked + .slider {
  background-color:#8c9ddd;
 }
 
 input:focus + .slider {
  box-shadow: 0 0 1px var(--secondary-container);
 }
 
 input:checked + .slider:before {
  transform: translateX(1em);
 }
 .collectionDetailCard .table td { vertical-align: top; }
.switch-field {
  /* display: flex; */
  overflow: hidden;
  position: relative;
  top: -55px;
}

.switch-field input {
position: absolute !important;
clip: rect(0, 0, 0, 0);
height: 1px;
width: 1px;
border: 0;
overflow: hidden;
}

.switch-field label {
background-color: #0749ed2b;
color: rgb(7 73 237);
font-size: 12px;
line-height: 1;
text-align: center;
padding: 8px 5px;
margin-right: -1px;
border: 1px solid rgb(7 73 237);
/* box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1); */
transition: all 0.1s ease-in-out;
min-width: 3rem;
margin-bottom: 0.1rem;
}

.switch-field label:hover {
cursor: pointer;
}

.switch-field input:checked + label {
background-color: #0749ed;
box-shadow: none;
color: #fff;
}

.switch-field label:first-of-type {
border-radius: 1rem;
}

.switch-field label:last-of-type {
border-radius: 1rem;
}
#workflowListTable .badge { min-width: 5rem; }
.snapcollector-workflows .card { box-shadow:none !important; border:1px solid #dedede;  background: white !important; margin-top:10px; }
.snapcollector-workflows .card .card-body { margin-top:10px; }
.snapcollector-workflows .card .card-header {
  background-color: #fbfbfb;
  border-bottom: none;
  border-radius: 0.5rem;
}
.badge.badge-border  {
  border: 1px solid #dedede;
  background: #fff;
}

.snapcollector-workflows .badge{ position: absolute; top: -10px; } 
.snapcollector-workflows .actions {
/*    gap: 5px;
  display: flex;
  justify-content: center;    
  padding-left: 10px;
  align-items: center;*/
  width: 70px;
}
.range-slider {
  position: relative;
  height: 50px;
  margin: 0 8px;
}

/* Slider track (the base line) */
.slider-track {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 8px;
  background: #e0e0e0;
  transform: translateY(-50%);
  border-radius: 4px;
}

/* Colored range bar (between handles) */
.slider-range {
  position: absolute;
  top: 50%;
  height: 8px;
  background: linear-gradient(90deg, #6a11cb, #2575fc);
  transform: translateY(-50%);
  border-radius: 4px;
}

/* Slider handles */
.slider-handle {
  position: absolute;
  top: 50%;
  width: 20px;
  height: 20px;
  background: #fff;
  border: 2px solid #2575fc;
  border-radius: 50%;
  cursor: pointer;
  transform: translate(-50%, -50%);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  touch-action: none;
  z-index: 2;
}
.bodyloading {
  --speed-of-animation: 0.95s;
  --gap: 6px;
  --first-color: #0623C1;
  --second-color: #0171bd;
  --third-color: #01b1e9;
 --fourth-color: #0623C1;
  --fifth-color: #0171bd;
  --sixth-color: #01b1e9;
  background-color: rgb(255, 255, 255);
  filter: alpha(opacity = 50);
  align-items: center;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  display: flex;
  gap: 6px;
  justify-content: center;
 }
 .bodyloading span {
  width: 6px;
  height: 80px;
  background: var(--first-color);
  animation: scale var(--speed-of-animation) ease-in-out infinite;
 }
 .bodyloading span:nth-child(2) {
  background: var(--second-color);
  animation-delay: -0.8s;
 }
 .bodyloading span:nth-child(3) {
  background: var(--third-color);
  animation-delay: -0.7s;
 }
 .bodyloading span:nth-child(4) {
  background: var(--fourth-color);
  animation-delay: -0.6s;
 }
 .bodyloading span:nth-child(5) {
  background: var(--fifth-color);
  animation-delay: -0.5s;
 }
 @keyframes scale {
  0%, 40%, 100% {
   transform: scaleY(0.025);
  }
  20% {
   transform: scaleY(0.5);
  }
 }

 .card_loaderOuter {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content:center;
  z-index: 3;
}
.card_loaderOuter::before  {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  background-color: #ffffffb0;
  content:'';
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}
.spanloader {
  display: inline-block;
  width: 12px;
  height: 12px;
  border: 2px solid #ccc;
  border-top-color: #007bff;
  border-radius: 50%;
  animation: spin 0.6s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.btn.btn-icon.no-access {
  cursor: not-allowed !important;
  opacity: 0.7 !important;
}
.collectionDetailCard .table td { vertical-align: top; }
.clear { color: #858796;}
.clear svg { fill: #858796; width: 16px;}
.card.collectionDetailCard  {
  border-color: #FAFAFA;
  background: #CFD8DC;
  box-shadow: none !important;
  border-radius: 1rem;
}
@keyframes button-shake {
  0% {
    rotate: 0deg;
  }

  33% {
    rotate: 10deg;
  }

  66% {
    rotate: -10deg;
  }

  100% {
    rotate: 10deg;
  }
}

.button-shake-effect {
  animation: shake 0.2s linear 1;
}
.badge-count{
  padding: 2px 4px;
  position: absolute;
  right: 0px;
  font-size: 0.65rem;
  border-radius: 50%;

}
.paymentbutton {
  transition: all 0.3s ease cubic-bezier(0.23, 1, 0.320, 1);
  cursor: pointer;
}


.paymentbutton:hover {
  animation: shake 0.2s linear 1;
}

.paymentbutton:hover::before {
  translate: 0 0;
}

@keyframes shake {
  0% {
    rotate: 0deg;
  }

  33% {
    rotate: 6deg;
  }

  66% {
    rotate: -6deg;
  }

  100% {
    rotate: 6deg;
  }
}

.collector_dashpaymentchart{
  height: calc(40vh - 15px) !important;
  overflow: auto;
  box-shadow: 5px 5px 20px #ececf1bf;
}
.h-40 {
  height: 40px !important;
}
.adjust_box {
  border: 1px solid #ddd;
  border-radius: 5px;
  margin-bottom: 5px;
  padding: 5px 0px;
}
.payval {
  color: #0171bd;
  font-weight: bold;
}
.paidval {
  color: #6114f8;
  font-weight: bold;
}
.netval {
  color: #0623c1;
  font-weight: bold;
}
.latfeeval {
  color: #1f554c;
  font-weight: bold;
}
.adjustval {
  color: #bea200;
  font-weight: bold;
}
.balval {
  color: #831f56;
  font-weight: bold;
}
.paymentnote {
  width: 180px;
}
.refundbadge {
  border: 1px solid #0000F5;
  background: #eff7ff;
  color: #0000F5;
  width: 129px;
}
.creditbadge {
  border: 1px solid #008000;
  background: #fbfffb;
  color: #008000;
  width: 129px;

}
.readytorefbadge {
  width: 129px;
}
.vrline-total {
  border: 2px solid #000;
  border-radius: 8px;
}
.vrline-ajust {
  border: 2px solid #bea200;
  border-radius: 8px;
}
.vrline-netamt {
  border: 2px solid #0623c1;
  border-radius: 8px;
}
.vrline-paid {
  border: 2px solid #6114f8;
  border-radius: 8px;
}
.vrline-latfeeamt {
  border: 2px solid #1f554c;
  border-radius: 8px;
}
.arledger {
   width: 15px;
   height: 15px;
   margin: 0px 5px;
   border-radius: 2px;
}
.arledger.blue {
   background-color: #e5efff;
   border: 1px solid #0000F5;
}
.arledger.green {
   background-color: #efffef;
   border: 1px solid #008000;
}
/* AR Revenue Screen */
.paywidgetbox {
  height:calc(35vh - 35px);
  /* overflow: auto; */
}
.arrevenuecardbox {  
  height: calc(78vh - 40px);
}
.sh_monthbox {
  display: flex;
  flex-wrap: wrap;
}
.month-group input[type="radio"] {
  display: none;
}
.arbutton::before {
  /* content: none !important; */
  /* content: '\f105'; */
  font-size: 15px;
}
.form-group .month-group label {
  display: inline-block;
  padding: 2px 8px;
  cursor: pointer;
  border: 1px solid #0051e7;
  background-color: #0051e7;
  color: white !important;
  border-radius: 15px;
  transition: all ease 0.2s;
  text-align: center;
  text-transform: uppercase;
  flex-grow: 1;
  flex-basis: 0;
  font-size: 11px;
  margin: 2px;
  box-shadow: 0px 0px 50px -15px #000000;
}

.month-group input[type="radio"]:checked + label {
  background-color: white;
  color: #0051e7 !important;
  border: 1px solid #0051e7;
}
.currentval {
  color: #1B998B;
  font-weight: bold;
}
.initialval {
  color: #bb9457;
  font-weight: bold;
}
.midval {
  color: #F07167;
  font-weight: bold;
}
.finalval {
  color: #f16100;
  font-weight: bold;
}
.vrline-current {
  border: 2px solid #1B998B;
  border-radius: 8px;
}
.vrline-initial {
  border: 2px solid #bb9457;
  border-radius: 8px;
}
.vrline-mid {
  border: 2px solid #F07167;
  border-radius: 8px;
}
.vrline-final {
  border: 2px solid #f16100;
  border-radius: 8px;
}
.currenttd {
  background-color: #dafffa;
}
.initialtd {
 background-color: #fff2dc;
}
.midtd {
 background-color: #ffeae9;
}
.finaltd {
 background-color: #ffe5d3;
}
/* Collection Dashboard New  Changes */
.sh_dashcollectordata {
  border-bottom: 1px solid #ddd;
}
.sh_collcalprogress {
  height: 0.75rem !important;
  background-color: #F2F2f2 !important;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.sh_collcalprogress .progress-bar{
  border-radius: 0px !important;
}
.sh_collcalprogress .progress-bar:last-child {    
  border-top-right-radius: 0.35rem !important;
  border-bottom-right-radius: 0.35rem !important;
}
.vrline-claimspaid {
  border: 3px solid #54D14D;
  border-radius: 8px;
}
.vrline-claimsunpaid {
  border: 3px solid #FF9E69;
  border-radius: 8px;
}
.vrline-claimsfailed {
  border: 3px solid #FFD1A7;
  border-radius: 8px;
}
.sh_collcaldate {
  line-height: 0.85rem;
}
.sh_coldashcalBody  {
  transition: all 0.5s ease-in-out;
}
.arreportledger {
  background-color: #e1e1ff;
  border: 1px solid #0000F5;
    width: 22px;
    height: 22px;
    text-align: center;
    margin: 0px 5px;
    border-radius: 2px;
}
.checkbox:disabled {
    cursor: not-allowed;
}
/* ---------------KPI Dashboard----------------------- */
.btntblview {
  padding: 2px 8px;
  font-size: 11px;
  text-transform: uppercase;
  border: 1px solid #008bf4;
  color: #fff;
  background-color: #008bf4;
}
.btntblview:hover {
  border: 1px solid #008bf4;
  color: #008bf4;
  background-color: #fff;
}
/* Flip effect */

.sh_flipcard {
  transition: transform 0.6s;
  transform-style: preserve-3d;
  position: relative;
}

.sh_kpicardfront, .sh_kpicardback {
  width: 100%;
  height: 100%;
  position: absolute;
  backface-visibility: hidden;
  transition: transform 0.4s;
}
.sh_kpicardback {
  transform: rotateY(180deg);  
}


.flip .sh_flipcard {
  transform: rotateY(180deg);
}
/* KPI dashboard Tooltip  */
.collector_dashpaymentchart .sh_cardHeader .dropdown .dropdown-menu li{
  cursor: pointer;  
}
.collector_dashpaymentchart .sh_cardHeader h6 a:hover{
  text-decoration: none !important;
  cursor: default !important;
}
.tblviewcard {
  width: 100%;
  height: calc(40vh - 15px) !important;
  perspective: 1000px;
  margin-bottom: 5px;
  transition: all 0.35s ease-in-out;
}
.sh_kpitooltip-container {
  position: relative;
  display: inline-block;
  z-index: 2;
}

.sh_kpiicon {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition:
    transform 0.3s ease,
    filter 0.3s ease;
}
.sh_kpiicon svg {
  transition: transform 0.5s ease-in-out;
}
.sh_kpiicon:hover svg {
  transform: rotate(360deg) scale(1.2);
}
.sh_kpitooltip {
  visibility: hidden;
  width: 200px;
  background-color: #fff;
  color: #222;
  border: 1px solid #222;
  text-align: center;
  border-radius: 5px;
  padding: 10px;
  position: absolute;
  top: 120%; 
  left: 50%;
  margin-left: -100px; 
  opacity: 0;
  transition:
    opacity 0.5s,
    transform 0.5s;
  transform: translateY(10px);
}
.sh_kpitooltip::after {
  content: "";
  position: absolute;
  bottom: 100%;
  right: 50%;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #222  transparent;
}
.sh_kpitooltip-container:hover .sh_kpitooltip {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}
.sh_kpitooltip-container:hover .sh_kpitooltip {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}
.sh_kpidashchartbody {
  overflow: hidden;
}
.fullscreen-card {
  position: fixed;
  top: 50px;
  left: 197px;
  right: 20px;
  bottom: 20px;
  width:-webkit-fill-available;
  width: -moz-available;
  height: calc(100vh - 15px) !important;
  background: white;
  z-index: 2;
  overflow: auto;
  padding: 20px;
}
@keyframes KpifullscreenfadeIn {
  from {
      opacity: 0;
      transform: scale(0.9);
  }
  to {
      opacity: 1;
      transform: scale(1);
  }
}

@keyframes KpifullscreenfadeOut {
  from {
      opacity: 1;
      transform: scale(1);
  }
  to {
      opacity: 0;
      transform: scale(0.9);
  }
}

.expandingcard {
  animation: KpifullscreenfadeIn 0.3s ease-in-out;
}

.closingcard {
  animation: KpifullscreenfadeOut 0.3s ease-in-out;
}
.fullscreen-card .collector_dashpaymentchart {
  height: calc(90vh - 15px) !important;
}
.tblviewcard.fullscreen-card {
    flex: 0 0 100%;
    max-width: 100%;
}
.tblviewcard.fullscreen-card  .btn.btntblview{
  display: none;
}
.tblviewcard.fullscreen-card .sh_kpitooltip {
  right: 0%;
  left: auto;
}
.tblviewcard.fullscreen-card .sh_kpitooltip::after {
  right: 5%;
}
.sh_kpifullscreentbl {
   display: none;
}
.tblviewcard.fullscreen-card .sh_kpifullscreentbl {
  display: block;
}
@media screen and (max-width:1024px) {
  .paywidgetbox {
    height: 175px;
  }  
}
#filterbtn {
   width: auto;
  transition: width 0.35s ease-in-out;
}
.tblviewcard.flip .sh_kpicardfront .sh_kpitooltip-container { display : none;}
 .chart-card {
  border-radius: 10px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.sortable-ghost {
  opacity: 0.6; /* Make it slightly transparent */
  background: rgba(0, 123, 255, 0.2); /* Light blue background */
  border: 2px dashed #007bff; /* Dashed border to highlight */
  transform: scale(1.05); /* Slight zoom effect */
}
.chart-card {
  transition: transform 0.2s ease-in-out;
}
/*--------------KPI Dashboard card------------------*/
.sh_cardBox.sh_kpidashcardwidget.sh_widgets {
  border: none;
  box-shadow: 5px 5px 20px #E3E4EDBF !important;
}
.sh_cardBox.sh_kpidashcardwidget {
  border: none;
  border-radius: 0.75rem;
  background: var(--snap-bg-white) 0% 0% no-repeat padding-box;
  box-shadow: 5px 5px 20px #E3E4EDBF;
}
.sh_cardBox.sh_kpidashcardwidget .sh_cardHeader {
  color: #0623C1;
  border-bottom: none;
  background-color: #fff;
  }
  .sh_cardBox.sh_kpidashcardwidget .sh_cardHeader h6 svg {
    fill: #0623C1 !important;
  }
.sh_cardBox.sh_kpidashcardwidget .sh_cardBody {
  border-top: none;
}
.sh_cardBox.sh_kpidashcardwidget .sh_cardBody  table.dataTable thead tr th {
  color: #383838;
  border-top: none !important;
}
.sh_cardBox.sh_kpidashcardwidget .sh_cardBody  table.dataTable tbody tr:nth-child(even) {
  background-color: #EFF3FB;
}
.sh_cardBox.sh_kpidashcardwidget .sh_cardBody  table.dataTable tbody tr{
  box-shadow: 0px 2px 2px #D1DFEA;
}
.dashstatusbg {
  padding: 4px 0px;
  margin: 4px 0px;
  box-shadow: 0px 2px 2px #D1DFEA;
  font-weight: 400;
}
.dashstatusbg.first {
  background-color: #EFF3FB;
}
.dashstatusbg-header {
  padding: 4px 0px;
  margin: 4px 0px;
  font-weight: 400;
  color: #383838;
}
.ratescount {
  text-align: right;
  font-size: 0.80rem;
}
.sh_savedviewbtn{
  height: fit-content;
    max-height: 350px;
    overflow: auto;
}
.sidebar-toggled .flip.fullscreen-card {
  left: 50px !important;
}
/*--------Kpi  maximize screen---------*/
#bgoverlayaddsearch {  
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: auto; 
}

#collapsemenu_employer_invoice {
  position: relative;
  pointer-events: auto; 
}
.sh_kpidashcardwidget .ratescount {
  font-size: 0.75rem;
}
/* --------------- KPI Dashboard End----------------------- */
/*----collection detail btn link---*/
@media screen and (max-width: 1440px) {
  .sh_collectbtnlink  {
    font-size: 0.7rem;
  }
  
}
/*----collection detail btn link end---*/
/*----Accordion  Sticky header & Footer---*/
.sh_stick_accordionhead {
  position: sticky;
  top: 0px;
  z-index: 2;
}
.sh_cardFooter.sh_subpagination {
  height: 35px !important;
  position: sticky;
  bottom: 0px;
  background: #f7f7f7;
  z-index: 1;
}
.sh_cardFooter.sh_subpagination  .btn  {
  background-color: #fff !important;
}
.sh_cardFooter.sh_subpagination .input-group-text {
font-size: 0.70rem !important;
padding: 4px 8px !important;
}
/*----Accordion Sticky header & Footer End---*/

/*----Filter Dropdown Width---*/
.sh_filterdropdowncardbox {
  min-width: calc(20vw - 15px);
}
/*----Filter Dropdown Width End---*/