:root {
  --font-family: 'Segoe UI', Arial, sans-serif;
  --primary-color: #1c52a1;
  --primary-400: #164281;
  --primary-gradient: rgba(33, 150, 243, 0);
  --toolbar-color: #2dc190;
  --edit-color: #f97316;
  --green-color: #2dc190;
  --purple-750: #6936aa;
  /* --hit-hover-color: light-dark(#2dc190, #047857); */
  --hit-hover-color: #047857;
  --hit-hover-bg-color: light-dark(rgba(235, 250, 245, 1), rgba(135, 150, 145, 1));
  --ghost-white: #f8f8ff;
  --nero-color: #212121;
  --banner-color: #1c52a1;
  --blue-color: #1c52a1;
  --light-blue-color: #557db9;
  --version-border-color: #1fbc89;
  /* --version-background-color: #f0f8ff; */
  --version-background-color: #f8f8ff;
  --version-color: #333;
  --login-error-color: var(--red-500);
  --login-error-bg-color: #a11c392e;
  --dashboard-color: #dddddd;
  --panel2-inkbar-color: #2dc190; /* will change to options.json color */
  --panel3-inkbar-color: #2dc190; /* will change to options.json color */
}
.marked-text {
  /* color: var(--ghost-white);
  background-color: var(--blue-color); */
  color: black;
  background-color: gold;
}
.green--text {
  color: var(--green-500);
}
.red--text {
  color: var(--red-500);
}
.blue--text {
  color: var(--blue-500);
}
.font-weight-bold {
  font-weight: 700;
}
.p-tabview .p-tabview-panels {
  padding: 0.25rem 0.5rem 0 0.5rem;
}

.p-menubar
  .p-menubar-root-list
  > .p-menuitem
  > .p-menuitem-content
  .p-menuitem-link
  .p-menuitem-text {
  color: var(--primary-color);
  font-weight: bold;
  white-space: nowrap;
}

.p-menubar
  .p-menubar-root-list
  > .p-menuitem
  > .p-menuitem-content
  .p-menuitem-link
  .p-submenu-icon {
  color: var(--primary-color);
}

.p-contextmenu {
  background-color: var(--blue-color);
  color: var(--ghost-white);
  font-weight: bold;
  white-space: nowrap;
}

.p-contextmenu .p-menuitem > .p-menuitem-content :hover {
  background-color: var(--light-blue-color);
}

.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
  background: var(--primary-color);
}

.p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
  background: var(--primary-color);
}

.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
  background: var(--primary-color);
}

.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
  background: var(--primary-color);
}

.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
  background: var(--primary-color);
}

.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
  color: var(--ghost-white);
  font-weight: bold;
}

.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
  color: var(--ghost-white);
}

.mirror {
  transform: rotateY(180deg) !important;
}

span.p-menuitem-icon.text-icon {
  width: 1rem;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  text-align: center;
}

.bool-and:before {
  content: '&';
}

.bool-or:before {
  content: '+';
}

.bool-not:before {
  content: '-';
}

.bool-rev-not:before {
  content: '!';
}

.dabis-hitlist.p-datatable.p-datatable-hoverable-rows
  .p-datatable-tbody
  > tr:not(.p-highlight):hover {
  color: var(--hit-hover-color) !important;
  background-color: var(--hit-hover-bg-color) !important;
}

#panel-2 .p-tabview .p-tabview-ink-bar {
  background-color: var(--panel2-inkbar-color);
}

#panel-3 .p-tabview .p-tabview-ink-bar {
  background-color: var(--panel3-inkbar-color);
}

.di-icon {
  height: 1rem;
  width: 1.06rem;
  display: inline-block;
}

.di-icon-button {
  height: 1.26rem;
  width: 1.26rem;
  display: inline-block;
}

.can-click {
  cursor: pointer;
}

.p-button {
  min-width: 2.4rem;
  max-height: 2.4rem;
}

/* .di-icon .canvas {
  fill: none;
  opacity: 0;
}
.di-icon .dark-lightblue {
  fill: #0077a0;
  opacity: 1;
}
.di-icon .dark-purple {
  fill: #6936aa;
  opacity: 1;
}
.di-icon .dark-no-lightblue {
  fill: #ffffff;
  opacity: 0.55;
}
.di-icon .dark-no-purple {
  fill: #ffffff;
  opacity: 0.35;
}
.di-icon .light-lightblue {
  fill: #0077a0;
  opacity: 1;
}
.di-icon .light-purple {
  fill: #6936aa;
  opacity: 1;
}
.di-icon .light-no-lightblue {
  fill: #212121;
  opacity: 0.55;
}
.di-icon .light-no-purple {
  fill: #212121;
  opacity: 0.35;
} */