:root {
  /* Colors */
  --shell-red: #DD1D21;
  --shell-yellow: #ffc800;
  --shell-grey: #4a4a4a;
  --shell-med-grey: #595959;
  --shell-light-grey: #f5f5f5;
  --shell-green: #008443;
  --shell-white: #ffffff;
  --primaryColor: var(--shell-grey);
  --secondaryColor: var(--shell-grey);
  --tertiaryColor: var(--shell-red);
  --linkColor: var(--shell-red);
  --linkColorHover: var(--shell-yellow);
  --buttonBackgroundColor: var(--shell-yellow);
  --buttonBackgroundColorRgb: 255, 200, 0;
  --buttonBorderColor: var(--shell-yellow);
  --buttonTextColor: var(--shell-grey);
  --buttonBackgroundColorHover: var(--shell-grey);
  --buttonBorderColorHover: var(--shell-yellow);
  --buttonTextColorHover: var(--shell-yellow);
  --buttonAltBackgroundColor: var(--shell-grey);
  --buttonAltBorderColor: var(--shell-grey);
  --buttonAltTextColor: var(--shell-yellow);
  --buttonAltBackgroundColorHover: var(--shell-yellow);
  --buttonAltBorderColorHover: var(--shell-grey);
  --buttonAltTextColorHover: var(--shell-grey);
  --gradientOne: var(--shell-red);
  --gradientTwo: var(--shell-red);
  --gradientThree: var(--shell-red);
  --navbarBackground: var(--shell-light-grey);
  --sectionBackground: var(--shell-white);
  --bodyBackground: var(--shell-white);
  --bodyBackgroundRgb: 255, 255, 255;
  --sidebarBackground: var(--shell-med-grey);
  --sidebarBackgroundRgb: 89, 89, 89;
  --sidebarText: var(--shell-white);
  --sidebarItemBackground: var(--shell-yellow);
  --sidebarItemBackgroundHover: var(--shell-yellow);
  --chatBackground: var(--shell-light-grey);
  --chatBackgroundRgb: 245, 245, 245;
  --chatText: var(--shell-grey);
  --parentTagBackground: var(--shell-yellow);
  --childTagBackground: var(--shell-yellow);
  --error: #DD1D21;
  /* Sizes */
  --navHeight: 70px;
  --sidebarWidth: 300px;
  /* Animation */
  --animationSpeed: 0.3s;
}

/* Fonts */
@font-face {
  font-family: "shell_arbmedium";
  src: url("./fonts/shellarb-medium-webfont.woff2") format("woff2"), url("./fonts/shellarb-medium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "shellheavyregular";
  src: url("./fonts/shellheavy-webfont.woff2") format("woff2"), url("./fonts/shellheavy-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
html,
body {
  font-family: "shell_arbmedium", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "shellheavyregular", sans-serif;
}

.headerbar .navbar-navitems .nav-link {
  background-color: transparent !important;
  border-color: transparent !important;
  border-radius: 0 !important;
}
.headerbar .navbar-navitems .nav-link.active, .headerbar .navbar-navitems .nav-link:hover {
  border-bottom: 4px solid var(--shell-yellow) !important;
  border-radius: 0 !important;
}

.tab-content,
.multiselector .multiselector-chosen,
.multiselector .multiselector-options,
.form-section-container,
#action-option-container {
  border: 1px solid var(--primaryColor) !important;
}

.multiselector .multiselector-options .multiselector-options-search {
  border-bottom: 1px solid var(--primaryColor) !important;
}

.multiselector .multiselector-options .multiselector-option .multiselector-option-icon svg path {
  fill: 1px solid var(--primaryColor) !important;
}

.nav-tabs .nav-link:not(.step-by-step *) {
  border: 1px solid var(--primaryColor) !important;
  background-color: var(--shell-white) !important;
  color: var(--primaryColor) !important;
}
.nav-tabs .nav-link:not(.step-by-step *):hover {
  border: 1px solid var(--primaryColor) !important;
  background-color: var(--shell-light-grey) !important;
}

.nav-tabs .nav-link.active:not(.step-by-step *) {
  background-color: var(--buttonBackgroundColorHover) !important;
  color: var(--buttonTextColorHover) !important;
  font-weight: normal !important;
}

.step-by-step .tab-content {
  border: none !important;
}

.dropdown-button-container .dropdown-menu .dropdown-item:hover {
  color: var(--shell-grey) !important;
}

a.new-convo {
  background-color: var(--shell-yellow) !important;
  border-color: var(--shell-yellow) !important;
  color: var(--shell-grey) !important;
}
a.new-convo svg path {
  fill: var(--shell-grey) !important;
}
a.new-convo:hover {
  background-color: var(--shell-white) !important;
}

.past-chat-sidebar .chat-list .list-group-item.active a,
.past-chat-sidebar .chat-list .list-group-item a:hover {
  color: var(--shell-grey) !important;
}

.chat-container .chat-window .message-input-container .message-input-wrapper button {
  border-color: var(--shell-grey) !important;
}

.chat-container .chat-window .message-input-container .message-input-wrapper #add-files-btn svg path {
  fill: var(--shell-yellow) !important;
}

.tag .badge.parent,
.tag .badge.child {
  background-color: var(--shell-yellow) !important;
  color: var(--shell-grey) !important;
}
.tag .badge.parent:hover,
.tag .badge.child:hover {
  background-color: var(--shell-grey) !important;
  color: var(--shell-yellow) !important;
}

.keyword .badge {
  background-color: var(--shell-green) !important;
  color: var(--shell-white) !important;
}

.dashboard-ask-ai {
  background-color: var(--shell-light-grey) !important;
}

/*# sourceMappingURL=theme.css.map */