@font-face {
  font-family: "Montserrat-Regular";
  src: url("../font/Montserrat-Regular.woff2") format("woff2"), url("../font/Montserrat-Regular.woff") format("woff"), url("../font/Montserrat-Regular.ttf") format("truetype");
  font-weight: normal;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat-Medium";
  src: url("../font/Montserrat-Medium.woff2") format("woff2"), url("../font/Montserrat-Medium.woff") format("woff"), url("../font/Montserrat-Medium.ttf") format("truetype");
  font-weight: normal;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat-SemiBold";
  src: url("../font/Montserrat-SemiBold.woff2") format("woff2"), url("../font/Montserrat-SemiBold.woff") format("woff"), url("../font/Montserrat-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat-Bold";
  src: url("../font/Montserrat-Bold.woff2") format("woff2"), url("../font/Montserrat-Bold.woff") format("woff"), url("../font/Montserrat-Bold.ttf") format("truetype");
  font-weight: bold;
  font-display: swap;
  font-style: normal;
}
/* used for the primary Bold fonts */
/* used for the primary semibold fonts */
/* used for the primary Regular fonts */
/* used for the primary medium fonts */
/* used for the primary color texts Ex: bordered active tabs  */
/* used for the secondary color texts*/
/* used for the black texts */
/* used for the black texts */
/* used for the anchor tags */
/* used for the from label texts */
/* used for the table head text colors */
/* used for the table body text colors */
/* used for the mandatory text colors and validation texts */
/* used for the primary background color  Ex: primary btns  */
/* used for the secondary background color  Ex: secondary btns  */
/* used for the form border color Ex: text box border  */
/* used for the primary border btns color Ex: loadmore border btn  */
/* used for the secondary border btns color Ex: advanced filter border btn  */
/*used for table outer border */
.nav-arrow {
  background-color: rgba(70, 71, 117, 0.2);
}
.nav-arrow:hover {
  background-color: rgba(70, 71, 117, 0.3);
}

.side-nav-item {
  padding: 14px;
  gap: 12px;
  cursor: pointer;
  border-radius: 12px;
  color: #ffffff;
  font-family: "Montserrat-Medium";
  opacity: 0.4;
}
.side-nav-item img {
  opacity: 0.4;
}
.side-nav-item:hover, .side-nav-item.active {
  color: #ffffff;
  background-color: #07304E;
  opacity: 1;
}
.side-nav-item:hover img, .side-nav-item.active img {
  opacity: 1;
}

.conten-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.conten-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.sub-list {
  border-left: 1px solid #E4E4E4;
  position: relative;
}
.sub-list li.active:before, .sub-list li:hover:before {
  content: "";
  position: absolute;
  display: block;
  width: 2px;
  height: 28px;
  border-radius: 0 4px 4px 0;
  left: 0;
  background: #216778;
}

.collapsed .list-arrow {
  transform: rotate(0deg);
}

.list-arrow {
  transform: rotate(180deg);
}

.profile-pic {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}

.side-nav-dropdown {
  box-shadow: 0 1px 4px rgba(30, 32, 41, 0.1);
}
.side-nav-dropdown .logout {
  color: #EC0000;
}
.side-nav-dropdown .logout span {
  border-top: 1px solid #E4E4E4;
  cursor: pointer;
}
.side-nav-dropdown .logout span:hover {
  background-color: rgba(236, 0, 0, 0.1);
}

.nav-overflow {
  overflow-y: scroll;
  scrollbar-width: none;
}

.nav-overflow::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 5px;
}

.nav-overflow::-webkit-scrollbar {
  height: 0px;
  width: 0px;
}

.custom-bg {
  background-color: #07304E;
}

.profile-menu {
  border-radius: 8px;
  padding: 10px 16px;
}
.profile-menu li {
  padding: 12px 8px;
}
.profile-menu li:hover {
  background-color: #e9ecef;
}
.profile-menu li .color-red:hover {
  color: #EC0000;
}

.theme-black {
  background-color: #02192A;
}

.border-radius-12 {
  border-radius: 12px;
}

.border-none::after {
  border: none !important;
}

.custom-toggler {
  color: #1e2029;
  border-color: #3e414e;
}
.custom-toggler .navbar-toggler-icon {
  filter: brightness(0) invert(1);
}

.display-mobtab-block {
  display: none;
}

.side-nav-container {
  position: fixed;
  z-index: 99;
}

.user-profile {
  color: #ffffff;
  background-color: #07304E;
  opacity: 1;
}

@media (max-width: 768px) {
  .profile-pic {
    height: 24px;
    width: 24px;
    border-radius: 50%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .offcanvas.custom-width {
    width: 280px;
  }
}
@media (max-width: 1024px) {
  .display-mobtab-none {
    display: none !important;
  }
  .display-mobtab-block, .display-mobtab-block .navbar-toggler.custom-toggler.collapsed {
    display: block !important;
  }
  .side-nav-container {
    width: 100%;
  }
}/*# sourceMappingURL=side-nav.css.map */