@font-face {
  font-family: "SFProText-Bold";
  src: url("../fonts/SFProText-Bold.ttf") format("ttf"), url("../fonts/SFProText-Bold.woff") format("woff"), url("../fonts/SFProText-Bold.woff2") format("woff2"), url("../fonts/SFProText-Bold.eot") format("eot");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SFProText-Semibold";
  src: url("../fonts/SFProText-Semibold.ttf") format("ttf"), url("../fonts/SFProText-Semibold.woff") format("woff"), url("../fonts/SFProText-Semibold.woff2") format("woff2"), url("../fonts/SFProText-Semibold.eot") format("eot");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SFProText-Medium";
  src: url("../fonts/SFProText-Medium.ttf") format("ttf"), url("../fonts/SFProText-Medium.woff") format("woff"), url("../fonts/SFProText-Medium.woff2") format("woff2"), url("../fonts/SFProText-Medium.eot") format("eot");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SFProText-Regular";
  src: url("../fonts/SFProText-Regular.ttf") format("ttf"), url("../fonts/SFProText-Regular.woff") format("woff"), url("../fonts/SFProText-Regular.woff2") format("woff2"), url("../fonts/SFProText-Regular.eot") format("eot");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* used for the mandatory text colors and validation texts */
/* used for the secondary border btns color Ex: advanced filter border btn  */
/*used for table outer border */
/* used for the primary color texts Ex: bordered active tabs  */
/* used for the secondary color texts*/
/* used for the black texts */
/* used for the anchor tags */
/* used for the from label 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 table outer border */
/* used for tracking details header content seperator */
/* used for the table head text colors */
.top-nav-link {
  color: var(--top-nav-text-color, #000000);
  font-size: 14px;
  font-family: "SFProText-Semibold";
}
.top-nav-link:hover {
  color: var(--top-nav-text-color, #000000);
  font-family: "SFProText-Bold";
}
.top-nav-link.active {
  color: var(--top-nav-text-color, #000000);
  font-family: "SFProText-Bold";
  position: relative;
}
.top-nav-link.active:after {
  content: "";
  position: absolute;
  height: 3px;
  left: 0;
  margin: auto;
  right: 0;
  width: 30px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background-image: var(--primary-gredient-bg, linear-gradient(to right, #B7356E, #ED2D38, #F85839));
  bottom: -14px;
}

.dark-theme .top-nav-link.active, .dark-theme .top-nav-link:hover {
  background: var(--gredient-text-color, linear-gradient(to left, #F34638, #F8673D));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

@media only screen and (max-width: 766.7px) {
  .top-nav-link.active:after {
    height: 30px;
    width: 3px;
    left: 0px;
    right: auto;
    top: 0px;
    bottom: 0px;
    border-radius: 0px 3px 3px 0px;
  }
}
.Nav-logo {
  width: 32px;
  height: 32px;
}

.hamburger-color {
  filter: invert(11%) sepia(61%) saturate(0%) hue-rotate(139deg) brightness(92%) contrast(73%);
}

.hamburger-color:hover, .hamburger-color:focus {
  filter: invert(11%) sepia(61%) saturate(0%) hue-rotate(139deg) brightness(92%) contrast(73%);
  outline: none;
  box-shadow: none;
  background-color: var(--table-header-bg, #efefef), 10%;
}

.darktheme-switch {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  cursor: pointer;
  line-height: 1;
}

.icon {
  grid-column: 1/1;
  grid-row: 1/1;
  transition: transform 500ms;
}

.icon--moon {
  transition-delay: 200ms;
}

.icon--sun {
  transform: scale(0);
}

#switch:checked ~ .icon--moon {
  transform: rotate(360deg) scale(0);
}

#switch:checked + .icon--sun {
  transition-delay: 200ms;
  transform: scale(1) rotate(360deg);
}

#switch-toggle:checked ~ .icon--moon {
  transform: rotate(360deg) scale(0);
}

#switch-toggle:checked + .icon--sun {
  transition-delay: 200ms;
  transform: scale(1) rotate(360deg);
}

.nav-border {
  border-top: var(--primary-border-color, 1px solid #E8EBF0);
  border-bottom: var(--primary-border-color, 1px solid #E8EBF0);
}

.link-btn:hover {
  background-color: rgba(255, 146, 138, 0.1);
  color: var(--link-color, #2C8DE6);
}

.dark-theme .link-btn:hover {
  background-color: var(--secondary-color, #eeeeee);
  color: var(--link-color, #2C8DE6);
}

.logout-btn {
  color: #EC6767;
}
.logout-btn:hover {
  color: #EC6767 !important;
}

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

.dd-arrow {
  filter: invert(0%) sepia(2%) saturate(7152%) hue-rotate(356deg) brightness(88%) contrast(52%);
}

.dark-theme .dd-arrow {
  filter: invert(100%) sepia(2%) saturate(965%) hue-rotate(302deg) brightness(118%) contrast(87%);
}/*# sourceMappingURL=top-nav.css.map */