@font-face {
  font-family: "SF Pro Text Bold";
  src: url("../fonts/sf-pro-text-bold.otf") format("otf"), url("../fonts/SFProText-Bold.woff") format("woff"), url("../fonts/SFProText-Bold.woff2") format("woff2"), url("../fonts/SFProText-Bold.ttf") format("truetype"), url("../fonts/SFProText-Bold.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Text Semibold";
  src: url("../fonts/sf-pro-text-semibold.otf") format("otf"), url("../fonts/SFProText-Semibold.woff") format("woff"), url("../fonts/SFProText-Semibold.woff2") format("woff2"), url("../fonts/SFProText-Semibold.ttf") format("truetype"), url("../fonts/SFProText-Semibold.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Text Medium";
  src: url("../fonts/sf-pro-text-medium.otf") format("otf"), url("../fonts/SFProText-Medium.woff") format("woff"), url("../fonts/SFProText-Medium.woff2") format("woff2"), url("../fonts/SFProText-Medium.ttf") format("truetype"), url("../fonts/SFProText-Medium.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Text Regular";
  src: url("../fonts/sf-pro-text-regular.otf") format("otf"), url("../fonts/SFProText-Regular.woff") format("woff"), url("../fonts/SFProText-Regular.woff2") format("woff2"), url("../fonts/SFProText-Semibold.ttf") format("truetype"), url("../fonts/SFProText-Semibold.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/*1/10/2024 tarun styles starts here*/
.profile-img-style {
  width: 44px;
  height: 44px;
  border-radius: 30px;
}

/*1/10/2024 tarun styles starts here*/
/*1/11/2024 tarun styles starts here*/
.dot-styling {
  border-radius: 20px;
  right: 0px;
  top: 2px;
}

.notification-container {
  width: 360px;
  transform: translate(-338px, 29px) !important;
}

.mobile-notification-container {
  width: 200px;
}

.theme-dropdown {
  box-shadow: 0px 0px 6px 5px rgba(0, 0, 0, 0.0392156863);
}

.custom-convo-scroll-style {
  overflow-y: scroll;
  height: 48dvh;
}

.custom-convo-scroll-style::-webkit-scrollbar {
  height: 5px;
  width: 5px;
}

.custom-convo-scroll-style::-webkit-scrollbar-thumb {
  background: var(--custom-scroll-bg, #dedede);
  border-radius: 10px;
}

.overlay-style {
  background-color: var(--nav-bg, #ffffff);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  z-index: 2;
  box-shadow: var(--leftnav-boxshadow, 0px 0px 2px 0px rgba(0, 0, 0, 0.1490196078));
}

.asami-logo {
  width: 133px;
}

.asami-logo-navclose {
  width: 42px;
  height: 42px;
}

/*sidebar styles*/
#sidebar.active .asami-logo {
  display: none;
}

#sidebar.active .asami-logo-navclose {
  display: block !important;
}

#sidebar .asami-logo-navclose {
  display: none;
}

#sidebar .hamburger-open {
  display: block !important;
}

#sidebar .hamburger {
  display: none !important;
}

#sidebar.active .hamburger-open {
  display: none !important;
}

#sidebar.active .hamburger {
  display: block !important;
}

#sidebar.active .custom-none {
  display: none !important;
}

#sidebar.active .admin-custom-convo-scroll-style::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}

#sidebar.active {
  min-width: 88px;
  max-width: 88px;
  text-align: center;
  overflow: unset;
}

#sidebar.active .sidebar-header .logo,
#sidebar.active .sidebar-header .hamburger-open,
.sidebar-header .hamburger,
#sidebar.active .nav-section {
  display: none;
}

#sidebar.active .sidebar-header .hamburger {
  display: block;
}

.open-collapse-position {
  right: -18px;
  bottom: -12px;
}

.close-collapse-position {
  right: -20px;
  bottom: -12px;
}

.custom-height20 {
  height: 20px !important;
}

.custom-height40 {
  height: 56px !important;
}

.nav-link.active.primary-gradiant-btn {
  background: var(--nav-hover-bg, #F1EAFF);
  color: var(--nav-text, #3C3C3C);
}
.nav-link.active.primary-gradiant-btn img {
  filter: invert(44%) sepia(49%) saturate(2319%) hue-rotate(217deg) brightness(98%) contrast(91%);
}

.nav-link:hover {
  background: linear-gradient(94.22deg, #5C91F7 1.75%, #865BE7 102.67%) !important;
  color: #ffffff !important;
}
.nav-link:hover img {
  filter: invert(44%) sepia(49%) saturate(2319%) hue-rotate(217deg) brightness(98%) contrast(91%);
}
.nav-link:active {
  background: linear-gradient(94.22deg, #5C91F7 1.75%, #865BE7 102.67%) !important;
  color: #ffffff;
}
.nav-link:active img {
  filter: invert(44%) sepia(49%) saturate(2319%) hue-rotate(217deg) brightness(98%) contrast(91%);
}

.nav-link.active {
  background: linear-gradient(94.22deg, #5C91F7 1.75%, #865BE7 102.67%) !important;
  color: #ffffff !important;
}
.nav-link.active img {
  filter: invert(44%) sepia(49%) saturate(2319%) hue-rotate(217deg) brightness(98%) contrast(91%);
}

.custom-left-padding {
  padding-left: 10px;
}

.admin-custom-convo-scroll-style {
  overflow-y: scroll;
  height: 10dvh;
}

.admin-custom-convo-scroll-style.cust-hamburger {
  overflow-y: scroll;
  height: 17dvh;
}

.admin-custom-convo-scroll-style::-webkit-scrollbar-thumb {
  background: var(--scroll-bar-bg, #d7d7d7);
  border-radius: 10px;
}

.admin-custom-convo-scroll-style::-webkit-scrollbar {
  height: 5px;
  width: 5px;
  background-color: transparent !important;
}

/*sidebar styles*/
/*1/11/2024 tarun styles starts here*/
.h-100vh {
  height: 98vh;
}

.nav-custom-style.active .btn-gradient-outline {
  background-color: unset;
  border-radius: unset;
}

.nav-custom-style.active .btn-gradient-outline img {
  filter: invert(49%) sepia(0%) saturate(362%) hue-rotate(205deg) brightness(94%) contrast(82%);
}

.nav-custom-style.active .cust-frst-add-icon {
  display: none;
}

.nav-custom-style.active .cust-sec-add-icon {
  display: block !important;
}

.notification-circle {
  border-radius: 20px;
  left: 22px;
  top: 9px;
  width: 8px;
  height: 8px;
  background-color: #E6716C !important;
}

.cust-past-convo {
  border-radius: 5px;
}
.cust-past-convo a {
  color: var(--text-color-3, #1F2034);
}

.cust-past-convo:hover {
  background-color: var(--nav-hover-bg, #F1EAFF);
}
.cust-past-convo:hover a {
  color: white;
}
.cust-past-convo:hover a img {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(92deg) brightness(104%) contrast(102%);
}

.cust-past-convo:hover img {
  display: block !important;
}

.checkbox-wrapper-5 .check {
  --size: 15px;
  position: relative;
  background: linear-gradient(94.22deg, #5C91F7 1.75%, #865BE7 102.67%);
  line-height: 0;
  perspective: 400px;
  font-size: var(--size);
}

.checkbox-wrapper-5 .check input[type=checkbox],
.checkbox-wrapper-5 .check label,
.checkbox-wrapper-5 .check {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-block;
  border-radius: var(--size);
  border: 0;
  transition: 0.35s ease-in-out;
  box-sizing: border-box;
  cursor: pointer;
}

.checkbox-wrapper-5 .check label {
  width: calc(2 * var(--size));
  height: 17px;
  background: #d7d7d7;
  overflow: hidden;
}

.checkbox-wrapper-5 .check input[type=checkbox] {
  position: absolute;
  z-index: 1;
  width: calc(0.9 * var(--size));
  height: calc(0.9 * var(--size));
  top: calc(0.1 * var(--size));
  left: calc(0.1 * var(--size));
  background: var(--bg-white, #fff);
  box-shadow: 0 6px 7px rgba(0, 0, 0, 0.3);
  outline: none;
  margin: 0;
}

.checkbox-wrapper-5 .check input[type=checkbox]:checked {
  left: calc(1 * var(--size));
}

.checkbox-wrapper-5 .check input[type=checkbox]:checked + label {
  background: transparent;
}

.checkbox-wrapper-6 .check {
  --size: 15px;
  position: relative;
  background: linear-gradient(94.22deg, #5C91F7 1.75%, #865BE7 102.67%);
  line-height: 0;
  perspective: 400px;
  font-size: var(--size);
}

.checkbox-wrapper-6 .check input[type=checkbox],
.checkbox-wrapper-6 .check label,
.checkbox-wrapper-6 .check {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-block;
  border-radius: var(--size);
  border: 0;
  transition: 0.35s ease-in-out;
  box-sizing: border-box;
  cursor: pointer;
}

.checkbox-wrapper-6 .check label {
  width: calc(2 * var(--size));
  height: 17px;
  background: #d7d7d7;
  overflow: hidden;
}

.checkbox-wrapper-6 .check input[type=checkbox] {
  position: absolute;
  z-index: 1;
  width: calc(0.9 * var(--size));
  height: calc(0.9 * var(--size));
  top: calc(0.1 * var(--size));
  left: calc(0.1 * var(--size));
  background: var(--bg-white, #fff);
  box-shadow: 0 6px 7px rgba(0, 0, 0, 0.3);
  outline: none;
  margin: 0;
}

.checkbox-wrapper-6 .check input[type=checkbox]:checked {
  left: calc(1 * var(--size));
}

.checkbox-wrapper-5 .check input[type=checkbox]:checked + label {
  background: transparent;
}

.custom-left-section-width {
  width: 20% !important;
}

@media (min-width: 1600px) {
  .admin-custom-convo-scroll-style {
    height: 18dvh;
  }
}
@media (min-width: 1800px) {
  .admin-custom-convo-scroll-style {
    height: 25dvh;
  }
}/*# sourceMappingURL=leftnav.css.map */