@font-face {
  font-family: "Primary-Regular";
  src: url("../fonts/OpenSans-Regular.woff2") format("woff2"), url("../fonts/OpenSans-Regular.woff") format("woff"), url("../fonts/OpenSans-Regular.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Primary-Semibold";
  src: url("../fonts/OpenSans-SemiBold.woff2") format("woff2"), url("../fonts/OpenSans-SemiBold.woff") format("woff"), url("../fonts/OpenSans-SemiBold.ttf") format("truetype");
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Primary-Bold";
  src: url("../fonts/OpenSans-Bold.woff2") format("woff2"), url("../fonts/OpenSans-Bold.woff") format("woff"), url("../fonts/OpenSans-Bold.ttf") format("truetype");
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
/* used for the primary Bold fonts */
/* used for the primary Medium fonts */
/* used for the primary Regular 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 white color */
/* used for the anchor tags */
/* used for the from label texts and breadcrumb active color */
/* 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 */
.top-nav-link {
  color: #3D3D3D;
  font-family: "Primary-Semibold";
}
.top-nav-link:hover {
  color: #464775;
}
.top-nav-link.active {
  color: #464775 !important;
  font-family: "Primary-Bold";
  position: relative;
}
.top-nav-link.active:after {
  content: "";
  position: absolute;
  height: 4px;
  left: 0;
  right: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background-color: #464775;
  bottom: -16px;
}

.profile-pic {
  height: 32px;
  width: 32px;
  border-radius: 32px;
  -o-object-fit: cover;
     object-fit: cover;
  cursor: pointer;
}

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

.profile-legend-name {
  height: 32px;
  width: 32px;
  border-radius: 32px;
}
.profile-legend-name.success {
  background-color: rgba(17, 193, 88, 0.2);
  color: #11C158;
  border: none !important;
}
.profile-legend-name.danger {
  background-color: rgba(238, 63, 63, 0.2);
  color: #EE3F3F;
  border: none !important;
}
.profile-legend-name.warning {
  background-color: rgba(255, 183, 67, 0.2);
  color: #FFB743;
  border: none !important;
}
.profile-legend-name.draft {
  background-color: rgba(39, 38, 38, 0.2);
  color: #272626;
  border: none !important;
}
.profile-legend-name.default {
  background-color: rgba(160, 160, 160, 0.2);
  color: #A0A0A0;
  border: none !important;
}

.theme-drop-list li {
  color: #464775;
  cursor: pointer;
}
.theme-drop-list li:hover {
  background-color: rgba(70, 71, 117, 0.1);
}

@media (max-width: 767.98px) {
  .top-nav-link.active:after {
    height: unset;
    width: 3px;
    left: -13px;
    bottom: 8px;
    top: 8px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: unset;
  }
  .profile-pic {
    height: 24px;
    width: 24px;
    border-radius: 32px;
    -o-object-fit: cover;
       object-fit: cover;
    cursor: pointer;
  }
}
.container-height {
  min-height: 92vh;
}

.topnav-z-index {
  z-index: 1021;
}/*# sourceMappingURL=top-nav.css.map */