:root {
  --white: #fff;
  --black: #222;
  --grey: #6f7787;
  --dark-grey: #575e6b;
  --light-grey: #eee;
  --light-grey-hover: #ddd;
  --red: #cf0a2c;
  --red-hover: #cf0a2c;
  --yellow: #ffe36d;
  --yellow: #fcc200;
  --blue: #0071ce;
  --blue-hover: #0071ce;
  --teal: #accde7;
  --teal-hover: #accde7;
  --purple: #7466bf;
  --purple-hover: #7466bf;
  --green: #34ac69;
  --text-shadow: 1px 1px #fff;
  --app-max-width: 1920px;
  --active-tab-background: var(--grey);
  --active-tab-hover: var(--dark-grey);
  --active-tab-color: var(--white);
  --background: #eee;
  --hover: rgba(0, 0, 0, 0.04);
  --disabled: #a1aeb8;
  --dashed-border: 1px dashed #767676;
  --primary: #2673b3;
  --primary-logo: #2673b3;
  --primary-hover: #125f9f;
  --primary-active: #0c4c81;
  --warning: var(--yellow);
  --danger: var(--red);
  --success: var(--green);
  --space-nano: 4px;
  --space-micro: 8px;
  --space-small: 16px;
  --space-default: 24px;
  --space-large: 32px;
  --space-mega: 56px;
  --radius-small: 2px;
  --radius-default: 4px;
  --radius-big: 6px;
  --tile: #fff;
  --tile-shadow: 0 4px 40px rgba(0, 0, 0, 0.17);
  --hard-shadow: 0 4px 40px rgba(0, 0, 0, 0.5);
  --tile-border-radius: 6px;
  --tile-margin: var(--space-default);
  --tile-padding: var(--space-large);
  --default-text: #222222;
  --meta-text: var(--grey);
  --disabled-text: var(--grey);
  --size-default: 14px;
  --size-big: 15px;
  --icon-small: 1px;
  --icon-mid: 28px;
  --icon-big: 1px;
  --input-background: #fff;
  --input-radius: 2px;
  --input-border: 1px solid #ddd;
  --input-label-color: var(--black);
  --input-label-size: 14px;
  --button-radius: 3px;
  --button-background-primary: var(--primary);
  --button-hover-primary: var(--primary-hover);
  --button-active-primary: var(--primary-active);
  --button-disabled-primary: #92b9d9;
  --button-border-primary: 1px solid transparent;
  --button-color-primary: var(--white);
  --button-background-secondary: var(--white);
  --button-hover-secondary: #f8f8f8;
  --button-active-secondary: #eeeeee;
  --button-disabled-secondary: 1px solid #6f7787;
  --button-border-secondary: 1px solid #6f7787;
  --button-color-secondary: var(--black);
  --button-background-danger: var(--red);
  --button-hover-danger: #b80826;
  --button-active-danger: #a40621;
  --button-disabled-danger: #e78495;
  --button-border-danger: 1px solid transparent;
  --button-color-danger: var(--white);
  --toast-radius: 6px;
  --toast-info: #accde7;
  --toast-color-info: var(--default-text);
  --toast-warning: var(--yellow);
  --toast-color-warning: var(--default-text);
  --toast-success: #99d5b4;
  --toast-color-success: var(--default-text);
  --toast-danger: #cf0a2c;
  --toast-color-danger: var(--white);
  --list-border: 1px solid #ddd;
  --tag-violet-background: #dfdbf5;
  --tag-violet-hover: #e4e2f2;
  --tag-violet-text: #39345d;
  --tag-violet-importance: 10;
  --tag-pink-background: #efdaee;
  --tag-pink-hover: #d4c0d3;
  --tag-pink-text: #502b4e;
  --tag-pink-importance: 10;
  --tag-green-background: #c2e6d2;
  --tag-green-hover: #c6dfd1;
  --tag-green-text: #502b4e;
  --tag-green-importance: 10;
  --tag-blue-background: #cbe8ff;
  --tag-blue-hover: #d5ecff;
  --tag-blue-text: #14344d;
  --tag-blue-importance: 4;
  --tag-purple-background: #b2c0f2;
  --tag-purple-hover: #bfc9ed;
  --tag-purple-text: #372b43;
  --tag-purple-importance: 3;
  --tag-brown-background: #ece1ca;
  --tag-brown-hover: #e4ded0;
  --tag-brown-text: #433a2b;
  --tag-brown-importance: 10;
  --tag-turquoise-background: #c3fcf4;
  --tag-turquoise-hover: #d2f8f3;
  --tag-turquoise-text: #204a65;
  --tag-turquoise-importance: 2;
  --tag-grey-background: #eeeeee;
  --tag-grey-hover: #dedede;
  --tag-grey-text: #222222;
  --tag-grey-importance: 10;
  --tag-orange-background: #ffd2a8;
  --tag-orange-hover: #ffe0c3;
  --tag-orange-text: #543c25;
  --tag-orange-importance: 10;
  --tag-rose-background: #fcaac5;
  --tag-rose-hover: #ffc3d7;
  --tag-rose-text: #3b1824;
  --tag-rose-importance: 1;
}

@media screen {
  [data-theme=dark] {
    --background: #0d1d2b;
    --tile: #0f2c44;
    --default-text: #fff;
    --input-background: #0d1d2b;
    --hover: #0d1d2b;
    --dashed-border: 1px dashed #fff;
    --list-border: 1px solid #3d4b61;
    --input-border: 1px solid #3d4b61;
    --active-tab-background: var(--white);
    --active-tab-color: var(--black);
    --active-tab-hover: var(--light-grey);
    --button-background-secondary: transparent;
    --button-hover-secondary: #123653;
    --button-active-secondary: #174367;
    --button-disabled-secondary: 1px solid #6f7787;
    --button-border-secondary: 1px solid #6f7787;
    --button-color-secondary: var(--white);
    --primary-logo: #6895ba;
    --text-shadow: 1px 1px #000;
  }
}
/* parse-color-link(string [string:null])
  enables support for internal linking of the $colors variable. in the color
  library, a string can be entered that is separated with /. The syntax is:
  "group/id"
 */
/* convert-simple-number(str [string:""])
  Converts a String-Number to a Number
  - this seems a complicated thing for sass to do
 */
.tab-view {
  position: relative;
  display: grid;
  margin-left: auto;
}
.tab-view.both, .tab-view.left, .tab-view.right {
  margin-right: 10px;
}
.tab-view:after, .tab-view:before {
  font-weight: 600;
  position: absolute;
  top: 50%;
  font-size: 22px;
  margin-top: -15px;
  filter: brightness(0);
  display: inline-block;
  height: 30px;
  background-size: 100%;
  width: 30px;
}
.tab-view.both:before, .tab-view.right:before {
  content: "";
  left: -20px;
  background-image: url("/static/svg/icons/chevron_left.svg");
}
.tab-view.both:after, .tab-view.left:after {
  content: "";
  right: -20px;
  background-image: url("/static/svg/icons/chevron_right.svg");
}
.tab-view__bar {
  display: flex;
  overflow-x: auto;
  overflow: -moz-scrollbars-none;
}
.tab-view__bar.overflown {
  margin: 0 20px;
}
.tab-view__bar::-webkit-scrollbar {
  display: none;
}
.tab-view__bar > a, .tab-view__bar > button,
.tab-view__bar .tab-button {
  -webkit-appearance: none;
  padding: var(--space-micro) var(--space-default);
  margin-right: var(--space-nano);
  text-decoration: none;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  text-align: center;
  text-shadow: none;
  font-size: 14px;
  cursor: pointer;
  overflow: hidden;
  border-radius: var(--radius-big);
  border: none;
  color: var(--default-text);
  background: var(--tile);
}
.tab-view__bar > a:hover, .tab-view__bar > button:hover,
.tab-view__bar .tab-button:hover {
  background: var(--hover);
}
.tab-view__bar > a:focus, .tab-view__bar > button:focus,
.tab-view__bar .tab-button:focus {
  outline: none;
}
.tab-view__bar > a sup, .tab-view__bar > button sup,
.tab-view__bar .tab-button sup {
  color: var(--red);
  font-weight: 600;
  position: absolute;
  top: 5px;
  right: 10px;
}
.tab-view__bar > a:last-child, .tab-view__bar > button:last-child,
.tab-view__bar .tab-button:last-child {
  margin-right: 0;
}
.tab-view__bar > a span, .tab-view__bar > button span,
.tab-view__bar .tab-button span {
  background: var(--white);
  padding: 5px 10px;
}
.tab-view__bar > a.active, .tab-view__bar > button.active,
.tab-view__bar .tab-button.active {
  font-weight: bold;
  background: var(--active-tab-background);
  color: var(--active-tab-color);
}
.tab-view__bar > a.active:hover, .tab-view__bar > button.active:hover,
.tab-view__bar .tab-button.active:hover {
  background: var(--active-tab-hover);
}
.tab-view__bar > a.disabled, .tab-view__bar > a:disabled, .tab-view__bar > button.disabled, .tab-view__bar > button:disabled,
.tab-view__bar .tab-button.disabled,
.tab-view__bar .tab-button:disabled {
  pointer-events: none;
  opacity: 0.5;
}
.tab-view__view__tab {
  display: none;
  padding: 0;
}
.tab-view__view__tab.active {
  display: block;
}

[data-theme=dark] .tab-view:after, [data-theme=dark] .tab-view:before {
  filter: brightness(1);
}

@media only screen and (max-width: 600px) {
  .tab-view__bar a {
    flex: none;
  }
}
#reports #search {
  flex-direction: row;
  margin-bottom: var(--space-default);
  align-items: center;
}
#reports #search .button-bar {
  margin-top: 0;
}
#reports #search fieldset {
  flex: 1;
  margin-bottom: 0;
  margin-right: var(--space-micro);
}

#reports .no-results {
  padding: var(--space-micro) var(--space-small);
}
#reports .tile .button-bar {
  margin-top: var(--space-small);
}
#reports .row {
  color: var(--default-text);
}
#reports .row:hover {
  background: var(--hover);
}
#reports .row > div {
  box-sizing: border-box;
  font-size: var(--size-default);
}
#reports .row.alert .score-holder {
  background: var(--danger);
  color: var(--white);
}
#reports .row.warning .score-holder {
  background: var(--warning);
  color: var(--black);
}
#reports .column-created {
  white-space: nowrap;
}
#reports .column-target {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 250px;
  white-space: nowrap;
  padding-right: 20px;
}
#reports .column-tags {
  min-width: 240px;
}
#reports .column-tags .tags {
  margin-bottom: calc(var(--space-nano) * -1);
}
#reports .column-score .score-holder {
  border: var(--list-border);
  border-radius: var(--button-radius);
  display: flex;
  padding: var(--space-nano);
  width: 120px;
  align-items: center;
}
#reports .column-score .score {
  display: flex;
  margin-right: var(--space-micro);
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.1);
  font-weight: 600;
  min-width: 35px;
  min-height: 35px;
  border-radius: var(--button-radius);
  font-size: 15px;
}
#reports .column-score .score i {
  font-size: 22px;
}
#reports .column-hash button {
  margin: 0 auto;
}
#reports .table .button-bar {
  padding: var(--space-micro);
}
#reports .table .button-bar a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  text-decoration: none;
  box-sizing: border-box;
  color: var(--default-text);
}
#reports .table .button-bar a:hover {
  background: var(--hover);
}

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