@charset "UTF-8";
/**
 * Foundation for Sites
 * Version 6.8.1
 * https://get.foundation
 * Licensed under MIT Open Source
 */
@media print, screen and (min-width: 40em) {
  .reveal.large, .reveal.small, .reveal.tiny, .reveal {
    right: auto;
    left: auto;
    margin: 0 auto;
  }
}
.ember-basic-dropdown {
  position: relative;
}

.ember-basic-dropdown,
.ember-basic-dropdown-content,
.ember-basic-dropdown-content * {
  box-sizing: border-box;
}

.ember-basic-dropdown-content {
  position: absolute;
  width: auto;
  z-index: 1000;
  background-color: #ffffff;
}

.ember-basic-dropdown-content--left {
  left: 0;
}

.ember-basic-dropdown-content--right {
  right: 0;
}

.ember-basic-dropdown-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  pointer-events: none;
}

.ember-basic-dropdown-content-wormhole-origin {
  display: inline;
}

.ember-power-select-dropdown * {
  box-sizing: border-box;
}

.ember-power-select-trigger {
  position: relative;
  border-top: 1px solid #cccaca;
  border-bottom: 1px solid #cccaca;
  border-right: 1px solid #cccaca;
  border-left: 1px solid #cccaca;
  border-radius: 0;
  background-color: #ffffff;
  line-height: 2.4285714286rem;
  overflow-x: hidden;
  text-overflow: ellipsis;
  min-height: 2.4285714286rem;
  user-select: none;
  -webkit-user-select: none;
  color: inherit;
  /* Minimum clearfix for modern browsers */
}
.ember-power-select-trigger:after {
  content: "";
  display: table;
  clear: both;
}

.ember-power-select-trigger:focus,
.ember-power-select-trigger--active {
  border-top: 1px solid #105681;
  border-bottom: 1px solid #105681;
  border-right: 1px solid #105681;
  border-left: 1px solid #105681;
  box-shadow: none;
  outline: 0;
}

.ember-basic-dropdown-trigger--below.ember-power-select-trigger[aria-expanded=true],
.ember-basic-dropdown-trigger--in-place.ember-power-select-trigger[aria-expanded=true] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.ember-basic-dropdown-trigger--above.ember-power-select-trigger[aria-expanded=true] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.ember-power-select-placeholder {
  color: #999999;
  display: block;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ember-power-select-status-icon {
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-style: solid;
  border-width: 7px 4px 0 4px;
  border-color: #cccaca transparent transparent transparent;
}
.ember-basic-dropdown-trigger[aria-expanded=true] .ember-power-select-status-icon {
  transform: rotate(180deg);
}

.ember-power-select-clear-btn {
  position: absolute;
  cursor: pointer;
}

.ember-power-select-multiple-options {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style: none;
}

.ember-power-select-trigger-multiple-input {
  font-family: inherit;
  font-size: inherit;
  border: none;
  line-height: inherit;
  -webkit-appearance: none;
  outline: none;
  padding: 0;
  background-color: transparent;
  text-indent: 2px;
}
.ember-power-select-trigger-multiple-input:disabled {
  background-color: #eeeeee;
}
.ember-power-select-trigger-multiple-input {
  /* There's a browser bug where this selectos cannot be chained with commas */
}
.ember-power-select-trigger-multiple-input::placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-trigger-multiple-input::-webkit-input-placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-trigger-multiple-input::-moz-placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-trigger-multiple-input::-ms-input-placeholder {
  opacity: 1;
  color: #999999;
}

.ember-power-select-multiple-option {
  border: 1px solid gray;
  border-radius: 0;
  color: #333333;
  background-color: #e4e4e4;
  padding: 0 4px;
  line-height: 1.45;
  margin: 2px 0 2px 3px;
}

.ember-power-select-multiple-remove-btn {
  cursor: pointer;
}
.ember-power-select-multiple-remove-btn:not(:hover) {
  opacity: 0.5;
}

.ember-power-select-search {
  padding: 4px;
}

.ember-power-select-search-input {
  border: 1px solid #cccaca;
  border-radius: 0;
  width: 100%;
  font-size: inherit;
  line-height: inherit;
  padding: 0 5px;
}
.ember-power-select-search-input:focus {
  border: 1px solid #105681;
  box-shadow: none;
  outline: 0;
}

.ember-power-select-dropdown {
  border-left: 1px solid #105681;
  border-right: 1px solid #105681;
  line-height: 2.4285714286rem;
  border-radius: 0;
  box-shadow: none;
  overflow: hidden;
  color: inherit;
}

.ember-power-select-dropdown.ember-basic-dropdown-content--above {
  border-top: 1px solid #105681;
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.ember-power-select-dropdown.ember-basic-dropdown-content--below, .ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  border-top: none;
  border-bottom: 1px solid #105681;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  width: 100%;
}

.ember-power-select-options {
  list-style: none;
  margin: 0;
  padding: 0;
  user-select: none;
  -webkit-user-select: none;
}
.ember-power-select-options[role=listbox] {
  overflow-y: auto; /* in firefox in windows this can cause a word-break issue. Try `overflow-y: scroll` if that happens */
  -webkit-overflow-scrolling: touch;
  max-height: 17rem;
}

.ember-power-select-option {
  cursor: pointer;
  padding: 0 8px;
}

.ember-power-select-group[aria-disabled=true] {
  color: #999999;
  cursor: not-allowed;
}

.ember-power-select-group[aria-disabled=true] .ember-power-select-option,
.ember-power-select-option[aria-disabled=true] {
  color: #999999;
  pointer-events: none;
  cursor: not-allowed;
}

.ember-power-select-option[aria-selected=true] {
  background-color: #dddddd;
}

.ember-power-select-option[aria-current=true] {
  background-color: #5897fb;
  color: #ffffff;
}

.ember-power-select-group-name {
  cursor: default;
  font-weight: bold;
}

.ember-power-select-trigger[aria-disabled=true] {
  background-color: #eeeeee;
}

.ember-power-select-trigger {
  padding: 0 16px 0 0;
}

.ember-power-select-selected-item, .ember-power-select-placeholder {
  margin-left: 8px;
}

.ember-power-select-status-icon {
  right: 5px;
}

.ember-power-select-clear-btn {
  right: 25px;
}

.ember-power-select-group .ember-power-select-group .ember-power-select-group-name {
  padding-left: 24px;
}
.ember-power-select-group .ember-power-select-group .ember-power-select-option {
  padding-left: 40px;
}
.ember-power-select-group .ember-power-select-option {
  padding-left: 24px;
}
.ember-power-select-group .ember-power-select-group-name {
  padding-left: 8px;
}

.ember-power-select-trigger[dir=rtl] {
  padding: 0 0 0 16px;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-selected-item, .ember-power-select-trigger[dir=rtl] .ember-power-select-placeholder {
  margin-right: 8px;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-multiple-option {
  float: right;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-trigger-multiple-input {
  float: right;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-status-icon {
  left: 5px;
  right: initial;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-clear-btn {
  left: 25px;
  right: initial;
}

.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-group-name {
  padding-right: 24px;
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-option {
  padding-right: 40px;
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-option {
  padding-right: 24px;
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group-name {
  padding-right: 8px;
}

.ember-modal-dialog {
  z-index: 51;
  position: fixed;
}

.ember-modal-dialog.emd-in-place {
  position: static;
}

.ember-modal-wrapper.emd-static.emd-wrapper-target-attachment-center .ember-modal-dialog {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.ember-modal-wrapper.emd-animatable.emd-wrapper-target-attachment-center {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ember-modal-wrapper.emd-animatable.emd-wrapper-target-attachment-center .ember-modal-overlay {
  display: flex;
  align-items: center;
  justify-content: center;
}

.ember-modal-wrapper.emd-animatable .ember-modal-dialog {
  position: relative;
}

.ember-modal-overlay {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50;
}

.ember-modal-dialog {
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 0 10px #222;
  padding: 10px;
}

.ember-modal-overlay.translucent {
  background-color: rgba(128, 128, 128, 0.77);
}

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: 0;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

[data-whatintent=mouse] *, [data-whatintent=mouse] *:focus,
[data-whatintent=touch] *,
[data-whatintent=touch] *:focus,
[data-whatinput=mouse] *,
[data-whatinput=mouse] *:focus,
[data-whatinput=touch] *,
[data-whatinput=touch] *:focus {
  outline: none;
}

[draggable=false] {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
}

.foundation-mq {
  font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em&xxxlarge=103.125em";
}

html {
  box-sizing: border-box;
  font-size: 14px;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

body {
  margin: 0;
  padding: 0;
  background: #f7f7fa;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  line-height: 1.5;
  color: #281e1e;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
}

textarea {
  height: auto;
  min-height: 50px;
  border-radius: 0;
}

select {
  box-sizing: border-box;
  width: 100%;
  border-radius: 0;
}

.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
  max-width: none !important;
}

[data-whatinput=mouse] button {
  outline: 0;
}
button {
  padding: 0;
  appearance: none;
  border: 0;
  border-radius: 0;
  background: transparent;
  line-height: 1;
  cursor: auto;
}

pre {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
}

.is-visible {
  display: block !important;
}

.is-hidden {
  display: none !important;
}

.grid-container {
  padding-right: 0.7142857143rem;
  padding-left: 0.7142857143rem;
}
@media print, screen and (min-width: 40em) {
  .grid-container {
    padding-right: 1.0714285714rem;
    padding-left: 1.0714285714rem;
  }
}
.grid-container {
  max-width: 85.7142857143rem;
  margin-left: auto;
  margin-right: auto;
}
.grid-container.fluid {
  padding-right: 0.7142857143rem;
  padding-left: 0.7142857143rem;
}
@media print, screen and (min-width: 40em) {
  .grid-container.fluid {
    padding-right: 1.0714285714rem;
    padding-left: 1.0714285714rem;
  }
}
.grid-container.fluid {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.grid-container.full {
  padding-right: 0;
  padding-left: 0;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.grid-x {
  display: flex;
  flex-flow: row wrap;
}

.cell {
  flex: 0 0 auto;
  min-height: 0;
  min-width: 0;
  width: 100%;
}
.cell.auto {
  flex: 1 1 0;
}
.cell.shrink {
  flex: 0 0 auto;
}

.grid-x > .auto {
  width: auto;
}
.grid-x > .shrink {
  width: auto;
}

.grid-x > .small-shrink, .grid-x > .small-full, .grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 {
  flex-basis: auto;
}

@media print, screen and (min-width: 40em) {
  .grid-x > .medium-shrink, .grid-x > .medium-full, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 {
    flex-basis: auto;
  }
}
@media print, screen and (min-width: 64em) {
  .grid-x > .large-shrink, .grid-x > .large-full, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 {
    flex-basis: auto;
  }
}
@media screen and (min-width: 75em) {
  .grid-x > .xlarge-shrink, .grid-x > .xlarge-full, .grid-x > .xlarge-1, .grid-x > .xlarge-2, .grid-x > .xlarge-3, .grid-x > .xlarge-4, .grid-x > .xlarge-5, .grid-x > .xlarge-6, .grid-x > .xlarge-7, .grid-x > .xlarge-8, .grid-x > .xlarge-9, .grid-x > .xlarge-10, .grid-x > .xlarge-11, .grid-x > .xlarge-12 {
    flex-basis: auto;
  }
}
@media screen and (min-width: 90em) {
  .grid-x > .xxlarge-shrink, .grid-x > .xxlarge-full, .grid-x > .xxlarge-1, .grid-x > .xxlarge-2, .grid-x > .xxlarge-3, .grid-x > .xxlarge-4, .grid-x > .xxlarge-5, .grid-x > .xxlarge-6, .grid-x > .xxlarge-7, .grid-x > .xxlarge-8, .grid-x > .xxlarge-9, .grid-x > .xxlarge-10, .grid-x > .xxlarge-11, .grid-x > .xxlarge-12 {
    flex-basis: auto;
  }
}
@media screen and (min-width: 103.125em) {
  .grid-x > .xxxlarge-shrink, .grid-x > .xxxlarge-full, .grid-x > .xxxlarge-1, .grid-x > .xxxlarge-2, .grid-x > .xxxlarge-3, .grid-x > .xxxlarge-4, .grid-x > .xxxlarge-5, .grid-x > .xxxlarge-6, .grid-x > .xxxlarge-7, .grid-x > .xxxlarge-8, .grid-x > .xxxlarge-9, .grid-x > .xxxlarge-10, .grid-x > .xxxlarge-11, .grid-x > .xxxlarge-12 {
    flex-basis: auto;
  }
}
.grid-x > .small-12, .grid-x > .small-11, .grid-x > .small-10, .grid-x > .small-9, .grid-x > .small-8, .grid-x > .small-7, .grid-x > .small-6, .grid-x > .small-5, .grid-x > .small-4, .grid-x > .small-3, .grid-x > .small-2, .grid-x > .small-1 {
  flex: 0 0 auto;
}

.grid-x > .small-1 {
  width: 8.3333333333%;
}

.grid-x > .small-2 {
  width: 16.6666666667%;
}

.grid-x > .small-3 {
  width: 25%;
}

.grid-x > .small-4 {
  width: 33.3333333333%;
}

.grid-x > .small-5 {
  width: 41.6666666667%;
}

.grid-x > .small-6 {
  width: 50%;
}

.grid-x > .small-7 {
  width: 58.3333333333%;
}

.grid-x > .small-8 {
  width: 66.6666666667%;
}

.grid-x > .small-9 {
  width: 75%;
}

.grid-x > .small-10 {
  width: 83.3333333333%;
}

.grid-x > .small-11 {
  width: 91.6666666667%;
}

.grid-x > .small-12 {
  width: 100%;
}

@media print, screen and (min-width: 40em) {
  .grid-x > .medium-auto {
    flex: 1 1 0;
    width: auto;
  }
  .grid-x > .medium-12, .grid-x > .medium-11, .grid-x > .medium-10, .grid-x > .medium-9, .grid-x > .medium-8, .grid-x > .medium-7, .grid-x > .medium-6, .grid-x > .medium-5, .grid-x > .medium-4, .grid-x > .medium-3, .grid-x > .medium-2, .grid-x > .medium-1, .grid-x > .medium-shrink {
    flex: 0 0 auto;
  }
  .grid-x > .medium-shrink {
    width: auto;
  }
  .grid-x > .medium-1 {
    width: 8.3333333333%;
  }
  .grid-x > .medium-2 {
    width: 16.6666666667%;
  }
  .grid-x > .medium-3 {
    width: 25%;
  }
  .grid-x > .medium-4 {
    width: 33.3333333333%;
  }
  .grid-x > .medium-5 {
    width: 41.6666666667%;
  }
  .grid-x > .medium-6 {
    width: 50%;
  }
  .grid-x > .medium-7 {
    width: 58.3333333333%;
  }
  .grid-x > .medium-8 {
    width: 66.6666666667%;
  }
  .grid-x > .medium-9 {
    width: 75%;
  }
  .grid-x > .medium-10 {
    width: 83.3333333333%;
  }
  .grid-x > .medium-11 {
    width: 91.6666666667%;
  }
  .grid-x > .medium-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .grid-x > .large-auto {
    flex: 1 1 0;
    width: auto;
  }
  .grid-x > .large-12, .grid-x > .large-11, .grid-x > .large-10, .grid-x > .large-9, .grid-x > .large-8, .grid-x > .large-7, .grid-x > .large-6, .grid-x > .large-5, .grid-x > .large-4, .grid-x > .large-3, .grid-x > .large-2, .grid-x > .large-1, .grid-x > .large-shrink {
    flex: 0 0 auto;
  }
  .grid-x > .large-shrink {
    width: auto;
  }
  .grid-x > .large-1 {
    width: 8.3333333333%;
  }
  .grid-x > .large-2 {
    width: 16.6666666667%;
  }
  .grid-x > .large-3 {
    width: 25%;
  }
  .grid-x > .large-4 {
    width: 33.3333333333%;
  }
  .grid-x > .large-5 {
    width: 41.6666666667%;
  }
  .grid-x > .large-6 {
    width: 50%;
  }
  .grid-x > .large-7 {
    width: 58.3333333333%;
  }
  .grid-x > .large-8 {
    width: 66.6666666667%;
  }
  .grid-x > .large-9 {
    width: 75%;
  }
  .grid-x > .large-10 {
    width: 83.3333333333%;
  }
  .grid-x > .large-11 {
    width: 91.6666666667%;
  }
  .grid-x > .large-12 {
    width: 100%;
  }
}
@media screen and (min-width: 75em) {
  .grid-x > .xlarge-auto {
    flex: 1 1 0;
    width: auto;
  }
  .grid-x > .xlarge-12, .grid-x > .xlarge-11, .grid-x > .xlarge-10, .grid-x > .xlarge-9, .grid-x > .xlarge-8, .grid-x > .xlarge-7, .grid-x > .xlarge-6, .grid-x > .xlarge-5, .grid-x > .xlarge-4, .grid-x > .xlarge-3, .grid-x > .xlarge-2, .grid-x > .xlarge-1, .grid-x > .xlarge-shrink {
    flex: 0 0 auto;
  }
  .grid-x > .xlarge-shrink {
    width: auto;
  }
  .grid-x > .xlarge-1 {
    width: 8.3333333333%;
  }
  .grid-x > .xlarge-2 {
    width: 16.6666666667%;
  }
  .grid-x > .xlarge-3 {
    width: 25%;
  }
  .grid-x > .xlarge-4 {
    width: 33.3333333333%;
  }
  .grid-x > .xlarge-5 {
    width: 41.6666666667%;
  }
  .grid-x > .xlarge-6 {
    width: 50%;
  }
  .grid-x > .xlarge-7 {
    width: 58.3333333333%;
  }
  .grid-x > .xlarge-8 {
    width: 66.6666666667%;
  }
  .grid-x > .xlarge-9 {
    width: 75%;
  }
  .grid-x > .xlarge-10 {
    width: 83.3333333333%;
  }
  .grid-x > .xlarge-11 {
    width: 91.6666666667%;
  }
  .grid-x > .xlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 90em) {
  .grid-x > .xxlarge-auto {
    flex: 1 1 0;
    width: auto;
  }
  .grid-x > .xxlarge-12, .grid-x > .xxlarge-11, .grid-x > .xxlarge-10, .grid-x > .xxlarge-9, .grid-x > .xxlarge-8, .grid-x > .xxlarge-7, .grid-x > .xxlarge-6, .grid-x > .xxlarge-5, .grid-x > .xxlarge-4, .grid-x > .xxlarge-3, .grid-x > .xxlarge-2, .grid-x > .xxlarge-1, .grid-x > .xxlarge-shrink {
    flex: 0 0 auto;
  }
  .grid-x > .xxlarge-shrink {
    width: auto;
  }
  .grid-x > .xxlarge-1 {
    width: 8.3333333333%;
  }
  .grid-x > .xxlarge-2 {
    width: 16.6666666667%;
  }
  .grid-x > .xxlarge-3 {
    width: 25%;
  }
  .grid-x > .xxlarge-4 {
    width: 33.3333333333%;
  }
  .grid-x > .xxlarge-5 {
    width: 41.6666666667%;
  }
  .grid-x > .xxlarge-6 {
    width: 50%;
  }
  .grid-x > .xxlarge-7 {
    width: 58.3333333333%;
  }
  .grid-x > .xxlarge-8 {
    width: 66.6666666667%;
  }
  .grid-x > .xxlarge-9 {
    width: 75%;
  }
  .grid-x > .xxlarge-10 {
    width: 83.3333333333%;
  }
  .grid-x > .xxlarge-11 {
    width: 91.6666666667%;
  }
  .grid-x > .xxlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 103.125em) {
  .grid-x > .xxxlarge-auto {
    flex: 1 1 0;
    width: auto;
  }
  .grid-x > .xxxlarge-12, .grid-x > .xxxlarge-11, .grid-x > .xxxlarge-10, .grid-x > .xxxlarge-9, .grid-x > .xxxlarge-8, .grid-x > .xxxlarge-7, .grid-x > .xxxlarge-6, .grid-x > .xxxlarge-5, .grid-x > .xxxlarge-4, .grid-x > .xxxlarge-3, .grid-x > .xxxlarge-2, .grid-x > .xxxlarge-1, .grid-x > .xxxlarge-shrink {
    flex: 0 0 auto;
  }
  .grid-x > .xxxlarge-shrink {
    width: auto;
  }
  .grid-x > .xxxlarge-1 {
    width: 8.3333333333%;
  }
  .grid-x > .xxxlarge-2 {
    width: 16.6666666667%;
  }
  .grid-x > .xxxlarge-3 {
    width: 25%;
  }
  .grid-x > .xxxlarge-4 {
    width: 33.3333333333%;
  }
  .grid-x > .xxxlarge-5 {
    width: 41.6666666667%;
  }
  .grid-x > .xxxlarge-6 {
    width: 50%;
  }
  .grid-x > .xxxlarge-7 {
    width: 58.3333333333%;
  }
  .grid-x > .xxxlarge-8 {
    width: 66.6666666667%;
  }
  .grid-x > .xxxlarge-9 {
    width: 75%;
  }
  .grid-x > .xxxlarge-10 {
    width: 83.3333333333%;
  }
  .grid-x > .xxxlarge-11 {
    width: 91.6666666667%;
  }
  .grid-x > .xxxlarge-12 {
    width: 100%;
  }
}
.grid-margin-x:not(.grid-x) > .cell {
  width: auto;
}

.grid-margin-y:not(.grid-y) > .cell {
  height: auto;
}

.grid-margin-x {
  margin-left: -0.7142857143rem;
  margin-right: -0.7142857143rem;
}
@media print, screen and (min-width: 40em) {
  .grid-margin-x {
    margin-left: -1.0714285714rem;
    margin-right: -1.0714285714rem;
  }
}
.grid-margin-x > .cell {
  width: calc(100% - 1.4285714286rem);
  margin-left: 0.7142857143rem;
  margin-right: 0.7142857143rem;
}
@media print, screen and (min-width: 40em) {
  .grid-margin-x > .cell {
    width: calc(100% - 2.1428571429rem);
    margin-left: 1.0714285714rem;
    margin-right: 1.0714285714rem;
  }
}
.grid-margin-x > .auto {
  width: auto;
}
.grid-margin-x > .shrink {
  width: auto;
}
.grid-margin-x > .small-1 {
  width: calc(8.3333333333% - 1.4285714286rem);
}
.grid-margin-x > .small-2 {
  width: calc(16.6666666667% - 1.4285714286rem);
}
.grid-margin-x > .small-3 {
  width: calc(25% - 1.4285714286rem);
}
.grid-margin-x > .small-4 {
  width: calc(33.3333333333% - 1.4285714286rem);
}
.grid-margin-x > .small-5 {
  width: calc(41.6666666667% - 1.4285714286rem);
}
.grid-margin-x > .small-6 {
  width: calc(50% - 1.4285714286rem);
}
.grid-margin-x > .small-7 {
  width: calc(58.3333333333% - 1.4285714286rem);
}
.grid-margin-x > .small-8 {
  width: calc(66.6666666667% - 1.4285714286rem);
}
.grid-margin-x > .small-9 {
  width: calc(75% - 1.4285714286rem);
}
.grid-margin-x > .small-10 {
  width: calc(83.3333333333% - 1.4285714286rem);
}
.grid-margin-x > .small-11 {
  width: calc(91.6666666667% - 1.4285714286rem);
}
.grid-margin-x > .small-12 {
  width: calc(100% - 1.4285714286rem);
}
@media print, screen and (min-width: 40em) {
  .grid-margin-x > .auto {
    width: auto;
  }
  .grid-margin-x > .shrink {
    width: auto;
  }
  .grid-margin-x > .small-1 {
    width: calc(8.3333333333% - 2.1428571429rem);
  }
  .grid-margin-x > .small-2 {
    width: calc(16.6666666667% - 2.1428571429rem);
  }
  .grid-margin-x > .small-3 {
    width: calc(25% - 2.1428571429rem);
  }
  .grid-margin-x > .small-4 {
    width: calc(33.3333333333% - 2.1428571429rem);
  }
  .grid-margin-x > .small-5 {
    width: calc(41.6666666667% - 2.1428571429rem);
  }
  .grid-margin-x > .small-6 {
    width: calc(50% - 2.1428571429rem);
  }
  .grid-margin-x > .small-7 {
    width: calc(58.3333333333% - 2.1428571429rem);
  }
  .grid-margin-x > .small-8 {
    width: calc(66.6666666667% - 2.1428571429rem);
  }
  .grid-margin-x > .small-9 {
    width: calc(75% - 2.1428571429rem);
  }
  .grid-margin-x > .small-10 {
    width: calc(83.3333333333% - 2.1428571429rem);
  }
  .grid-margin-x > .small-11 {
    width: calc(91.6666666667% - 2.1428571429rem);
  }
  .grid-margin-x > .small-12 {
    width: calc(100% - 2.1428571429rem);
  }
  .grid-margin-x > .medium-auto {
    width: auto;
  }
  .grid-margin-x > .medium-shrink {
    width: auto;
  }
  .grid-margin-x > .medium-1 {
    width: calc(8.3333333333% - 2.1428571429rem);
  }
  .grid-margin-x > .medium-2 {
    width: calc(16.6666666667% - 2.1428571429rem);
  }
  .grid-margin-x > .medium-3 {
    width: calc(25% - 2.1428571429rem);
  }
  .grid-margin-x > .medium-4 {
    width: calc(33.3333333333% - 2.1428571429rem);
  }
  .grid-margin-x > .medium-5 {
    width: calc(41.6666666667% - 2.1428571429rem);
  }
  .grid-margin-x > .medium-6 {
    width: calc(50% - 2.1428571429rem);
  }
  .grid-margin-x > .medium-7 {
    width: calc(58.3333333333% - 2.1428571429rem);
  }
  .grid-margin-x > .medium-8 {
    width: calc(66.6666666667% - 2.1428571429rem);
  }
  .grid-margin-x > .medium-9 {
    width: calc(75% - 2.1428571429rem);
  }
  .grid-margin-x > .medium-10 {
    width: calc(83.3333333333% - 2.1428571429rem);
  }
  .grid-margin-x > .medium-11 {
    width: calc(91.6666666667% - 2.1428571429rem);
  }
  .grid-margin-x > .medium-12 {
    width: calc(100% - 2.1428571429rem);
  }
}
@media print, screen and (min-width: 64em) {
  .grid-margin-x > .large-auto {
    width: auto;
  }
  .grid-margin-x > .large-shrink {
    width: auto;
  }
  .grid-margin-x > .large-1 {
    width: calc(8.3333333333% - 2.1428571429rem);
  }
  .grid-margin-x > .large-2 {
    width: calc(16.6666666667% - 2.1428571429rem);
  }
  .grid-margin-x > .large-3 {
    width: calc(25% - 2.1428571429rem);
  }
  .grid-margin-x > .large-4 {
    width: calc(33.3333333333% - 2.1428571429rem);
  }
  .grid-margin-x > .large-5 {
    width: calc(41.6666666667% - 2.1428571429rem);
  }
  .grid-margin-x > .large-6 {
    width: calc(50% - 2.1428571429rem);
  }
  .grid-margin-x > .large-7 {
    width: calc(58.3333333333% - 2.1428571429rem);
  }
  .grid-margin-x > .large-8 {
    width: calc(66.6666666667% - 2.1428571429rem);
  }
  .grid-margin-x > .large-9 {
    width: calc(75% - 2.1428571429rem);
  }
  .grid-margin-x > .large-10 {
    width: calc(83.3333333333% - 2.1428571429rem);
  }
  .grid-margin-x > .large-11 {
    width: calc(91.6666666667% - 2.1428571429rem);
  }
  .grid-margin-x > .large-12 {
    width: calc(100% - 2.1428571429rem);
  }
}
@media screen and (min-width: 75em) {
  .grid-margin-x > .xlarge-auto {
    width: auto;
  }
  .grid-margin-x > .xlarge-shrink {
    width: auto;
  }
  .grid-margin-x > .xlarge-1 {
    width: calc(8.3333333333% - 2.1428571429rem);
  }
  .grid-margin-x > .xlarge-2 {
    width: calc(16.6666666667% - 2.1428571429rem);
  }
  .grid-margin-x > .xlarge-3 {
    width: calc(25% - 2.1428571429rem);
  }
  .grid-margin-x > .xlarge-4 {
    width: calc(33.3333333333% - 2.1428571429rem);
  }
  .grid-margin-x > .xlarge-5 {
    width: calc(41.6666666667% - 2.1428571429rem);
  }
  .grid-margin-x > .xlarge-6 {
    width: calc(50% - 2.1428571429rem);
  }
  .grid-margin-x > .xlarge-7 {
    width: calc(58.3333333333% - 2.1428571429rem);
  }
  .grid-margin-x > .xlarge-8 {
    width: calc(66.6666666667% - 2.1428571429rem);
  }
  .grid-margin-x > .xlarge-9 {
    width: calc(75% - 2.1428571429rem);
  }
  .grid-margin-x > .xlarge-10 {
    width: calc(83.3333333333% - 2.1428571429rem);
  }
  .grid-margin-x > .xlarge-11 {
    width: calc(91.6666666667% - 2.1428571429rem);
  }
  .grid-margin-x > .xlarge-12 {
    width: calc(100% - 2.1428571429rem);
  }
}
@media screen and (min-width: 90em) {
  .grid-margin-x > .xxlarge-auto {
    width: auto;
  }
  .grid-margin-x > .xxlarge-shrink {
    width: auto;
  }
  .grid-margin-x > .xxlarge-1 {
    width: calc(8.3333333333% - 2.1428571429rem);
  }
  .grid-margin-x > .xxlarge-2 {
    width: calc(16.6666666667% - 2.1428571429rem);
  }
  .grid-margin-x > .xxlarge-3 {
    width: calc(25% - 2.1428571429rem);
  }
  .grid-margin-x > .xxlarge-4 {
    width: calc(33.3333333333% - 2.1428571429rem);
  }
  .grid-margin-x > .xxlarge-5 {
    width: calc(41.6666666667% - 2.1428571429rem);
  }
  .grid-margin-x > .xxlarge-6 {
    width: calc(50% - 2.1428571429rem);
  }
  .grid-margin-x > .xxlarge-7 {
    width: calc(58.3333333333% - 2.1428571429rem);
  }
  .grid-margin-x > .xxlarge-8 {
    width: calc(66.6666666667% - 2.1428571429rem);
  }
  .grid-margin-x > .xxlarge-9 {
    width: calc(75% - 2.1428571429rem);
  }
  .grid-margin-x > .xxlarge-10 {
    width: calc(83.3333333333% - 2.1428571429rem);
  }
  .grid-margin-x > .xxlarge-11 {
    width: calc(91.6666666667% - 2.1428571429rem);
  }
  .grid-margin-x > .xxlarge-12 {
    width: calc(100% - 2.1428571429rem);
  }
}
@media screen and (min-width: 103.125em) {
  .grid-margin-x > .xxxlarge-auto {
    width: auto;
  }
  .grid-margin-x > .xxxlarge-shrink {
    width: auto;
  }
  .grid-margin-x > .xxxlarge-1 {
    width: calc(8.3333333333% - 2.1428571429rem);
  }
  .grid-margin-x > .xxxlarge-2 {
    width: calc(16.6666666667% - 2.1428571429rem);
  }
  .grid-margin-x > .xxxlarge-3 {
    width: calc(25% - 2.1428571429rem);
  }
  .grid-margin-x > .xxxlarge-4 {
    width: calc(33.3333333333% - 2.1428571429rem);
  }
  .grid-margin-x > .xxxlarge-5 {
    width: calc(41.6666666667% - 2.1428571429rem);
  }
  .grid-margin-x > .xxxlarge-6 {
    width: calc(50% - 2.1428571429rem);
  }
  .grid-margin-x > .xxxlarge-7 {
    width: calc(58.3333333333% - 2.1428571429rem);
  }
  .grid-margin-x > .xxxlarge-8 {
    width: calc(66.6666666667% - 2.1428571429rem);
  }
  .grid-margin-x > .xxxlarge-9 {
    width: calc(75% - 2.1428571429rem);
  }
  .grid-margin-x > .xxxlarge-10 {
    width: calc(83.3333333333% - 2.1428571429rem);
  }
  .grid-margin-x > .xxxlarge-11 {
    width: calc(91.6666666667% - 2.1428571429rem);
  }
  .grid-margin-x > .xxxlarge-12 {
    width: calc(100% - 2.1428571429rem);
  }
}

.grid-padding-x .grid-padding-x {
  margin-right: -0.7142857143rem;
  margin-left: -0.7142857143rem;
}
@media print, screen and (min-width: 40em) {
  .grid-padding-x .grid-padding-x {
    margin-right: -1.0714285714rem;
    margin-left: -1.0714285714rem;
  }
}
.grid-container:not(.full) > .grid-padding-x {
  margin-right: -0.7142857143rem;
  margin-left: -0.7142857143rem;
}
@media print, screen and (min-width: 40em) {
  .grid-container:not(.full) > .grid-padding-x {
    margin-right: -1.0714285714rem;
    margin-left: -1.0714285714rem;
  }
}
.grid-padding-x > .cell {
  padding-right: 0.7142857143rem;
  padding-left: 0.7142857143rem;
}
@media print, screen and (min-width: 40em) {
  .grid-padding-x > .cell {
    padding-right: 1.0714285714rem;
    padding-left: 1.0714285714rem;
  }
}

.small-up-1 > .cell {
  width: 100%;
}

.small-up-2 > .cell {
  width: 50%;
}

.small-up-3 > .cell {
  width: 33.3333333333%;
}

.small-up-4 > .cell {
  width: 25%;
}

.small-up-5 > .cell {
  width: 20%;
}

.small-up-6 > .cell {
  width: 16.6666666667%;
}

.small-up-7 > .cell {
  width: 14.2857142857%;
}

.small-up-8 > .cell {
  width: 12.5%;
}

@media print, screen and (min-width: 40em) {
  .medium-up-1 > .cell {
    width: 100%;
  }
  .medium-up-2 > .cell {
    width: 50%;
  }
  .medium-up-3 > .cell {
    width: 33.3333333333%;
  }
  .medium-up-4 > .cell {
    width: 25%;
  }
  .medium-up-5 > .cell {
    width: 20%;
  }
  .medium-up-6 > .cell {
    width: 16.6666666667%;
  }
  .medium-up-7 > .cell {
    width: 14.2857142857%;
  }
  .medium-up-8 > .cell {
    width: 12.5%;
  }
}
@media print, screen and (min-width: 64em) {
  .large-up-1 > .cell {
    width: 100%;
  }
  .large-up-2 > .cell {
    width: 50%;
  }
  .large-up-3 > .cell {
    width: 33.3333333333%;
  }
  .large-up-4 > .cell {
    width: 25%;
  }
  .large-up-5 > .cell {
    width: 20%;
  }
  .large-up-6 > .cell {
    width: 16.6666666667%;
  }
  .large-up-7 > .cell {
    width: 14.2857142857%;
  }
  .large-up-8 > .cell {
    width: 12.5%;
  }
}
@media screen and (min-width: 75em) {
  .xlarge-up-1 > .cell {
    width: 100%;
  }
  .xlarge-up-2 > .cell {
    width: 50%;
  }
  .xlarge-up-3 > .cell {
    width: 33.3333333333%;
  }
  .xlarge-up-4 > .cell {
    width: 25%;
  }
  .xlarge-up-5 > .cell {
    width: 20%;
  }
  .xlarge-up-6 > .cell {
    width: 16.6666666667%;
  }
  .xlarge-up-7 > .cell {
    width: 14.2857142857%;
  }
  .xlarge-up-8 > .cell {
    width: 12.5%;
  }
}
@media screen and (min-width: 90em) {
  .xxlarge-up-1 > .cell {
    width: 100%;
  }
  .xxlarge-up-2 > .cell {
    width: 50%;
  }
  .xxlarge-up-3 > .cell {
    width: 33.3333333333%;
  }
  .xxlarge-up-4 > .cell {
    width: 25%;
  }
  .xxlarge-up-5 > .cell {
    width: 20%;
  }
  .xxlarge-up-6 > .cell {
    width: 16.6666666667%;
  }
  .xxlarge-up-7 > .cell {
    width: 14.2857142857%;
  }
  .xxlarge-up-8 > .cell {
    width: 12.5%;
  }
}
@media screen and (min-width: 103.125em) {
  .xxxlarge-up-1 > .cell {
    width: 100%;
  }
  .xxxlarge-up-2 > .cell {
    width: 50%;
  }
  .xxxlarge-up-3 > .cell {
    width: 33.3333333333%;
  }
  .xxxlarge-up-4 > .cell {
    width: 25%;
  }
  .xxxlarge-up-5 > .cell {
    width: 20%;
  }
  .xxxlarge-up-6 > .cell {
    width: 16.6666666667%;
  }
  .xxxlarge-up-7 > .cell {
    width: 14.2857142857%;
  }
  .xxxlarge-up-8 > .cell {
    width: 12.5%;
  }
}
.grid-margin-x.small-up-1 > .cell {
  width: calc(100% - 1.4285714286rem);
}

.grid-margin-x.small-up-2 > .cell {
  width: calc(50% - 1.4285714286rem);
}

.grid-margin-x.small-up-3 > .cell {
  width: calc(33.3333333333% - 1.4285714286rem);
}

.grid-margin-x.small-up-4 > .cell {
  width: calc(25% - 1.4285714286rem);
}

.grid-margin-x.small-up-5 > .cell {
  width: calc(20% - 1.4285714286rem);
}

.grid-margin-x.small-up-6 > .cell {
  width: calc(16.6666666667% - 1.4285714286rem);
}

.grid-margin-x.small-up-7 > .cell {
  width: calc(14.2857142857% - 1.4285714286rem);
}

.grid-margin-x.small-up-8 > .cell {
  width: calc(12.5% - 1.4285714286rem);
}

@media print, screen and (min-width: 40em) {
  .grid-margin-x.small-up-1 > .cell {
    width: calc(100% - 2.1428571429rem);
  }
  .grid-margin-x.small-up-2 > .cell {
    width: calc(50% - 2.1428571429rem);
  }
  .grid-margin-x.small-up-3 > .cell {
    width: calc(33.3333333333% - 2.1428571429rem);
  }
  .grid-margin-x.small-up-4 > .cell {
    width: calc(25% - 2.1428571429rem);
  }
  .grid-margin-x.small-up-5 > .cell {
    width: calc(20% - 2.1428571429rem);
  }
  .grid-margin-x.small-up-6 > .cell {
    width: calc(16.6666666667% - 2.1428571429rem);
  }
  .grid-margin-x.small-up-7 > .cell {
    width: calc(14.2857142857% - 2.1428571429rem);
  }
  .grid-margin-x.small-up-8 > .cell {
    width: calc(12.5% - 2.1428571429rem);
  }
  .grid-margin-x.medium-up-1 > .cell {
    width: calc(100% - 2.1428571429rem);
  }
  .grid-margin-x.medium-up-2 > .cell {
    width: calc(50% - 2.1428571429rem);
  }
  .grid-margin-x.medium-up-3 > .cell {
    width: calc(33.3333333333% - 2.1428571429rem);
  }
  .grid-margin-x.medium-up-4 > .cell {
    width: calc(25% - 2.1428571429rem);
  }
  .grid-margin-x.medium-up-5 > .cell {
    width: calc(20% - 2.1428571429rem);
  }
  .grid-margin-x.medium-up-6 > .cell {
    width: calc(16.6666666667% - 2.1428571429rem);
  }
  .grid-margin-x.medium-up-7 > .cell {
    width: calc(14.2857142857% - 2.1428571429rem);
  }
  .grid-margin-x.medium-up-8 > .cell {
    width: calc(12.5% - 2.1428571429rem);
  }
}
@media print, screen and (min-width: 64em) {
  .grid-margin-x.large-up-1 > .cell {
    width: calc(100% - 2.1428571429rem);
  }
  .grid-margin-x.large-up-2 > .cell {
    width: calc(50% - 2.1428571429rem);
  }
  .grid-margin-x.large-up-3 > .cell {
    width: calc(33.3333333333% - 2.1428571429rem);
  }
  .grid-margin-x.large-up-4 > .cell {
    width: calc(25% - 2.1428571429rem);
  }
  .grid-margin-x.large-up-5 > .cell {
    width: calc(20% - 2.1428571429rem);
  }
  .grid-margin-x.large-up-6 > .cell {
    width: calc(16.6666666667% - 2.1428571429rem);
  }
  .grid-margin-x.large-up-7 > .cell {
    width: calc(14.2857142857% - 2.1428571429rem);
  }
  .grid-margin-x.large-up-8 > .cell {
    width: calc(12.5% - 2.1428571429rem);
  }
}
@media screen and (min-width: 75em) {
  .grid-margin-x.xlarge-up-1 > .cell {
    width: calc(100% - 2.1428571429rem);
  }
  .grid-margin-x.xlarge-up-2 > .cell {
    width: calc(50% - 2.1428571429rem);
  }
  .grid-margin-x.xlarge-up-3 > .cell {
    width: calc(33.3333333333% - 2.1428571429rem);
  }
  .grid-margin-x.xlarge-up-4 > .cell {
    width: calc(25% - 2.1428571429rem);
  }
  .grid-margin-x.xlarge-up-5 > .cell {
    width: calc(20% - 2.1428571429rem);
  }
  .grid-margin-x.xlarge-up-6 > .cell {
    width: calc(16.6666666667% - 2.1428571429rem);
  }
  .grid-margin-x.xlarge-up-7 > .cell {
    width: calc(14.2857142857% - 2.1428571429rem);
  }
  .grid-margin-x.xlarge-up-8 > .cell {
    width: calc(12.5% - 2.1428571429rem);
  }
}
@media screen and (min-width: 90em) {
  .grid-margin-x.xxlarge-up-1 > .cell {
    width: calc(100% - 2.1428571429rem);
  }
  .grid-margin-x.xxlarge-up-2 > .cell {
    width: calc(50% - 2.1428571429rem);
  }
  .grid-margin-x.xxlarge-up-3 > .cell {
    width: calc(33.3333333333% - 2.1428571429rem);
  }
  .grid-margin-x.xxlarge-up-4 > .cell {
    width: calc(25% - 2.1428571429rem);
  }
  .grid-margin-x.xxlarge-up-5 > .cell {
    width: calc(20% - 2.1428571429rem);
  }
  .grid-margin-x.xxlarge-up-6 > .cell {
    width: calc(16.6666666667% - 2.1428571429rem);
  }
  .grid-margin-x.xxlarge-up-7 > .cell {
    width: calc(14.2857142857% - 2.1428571429rem);
  }
  .grid-margin-x.xxlarge-up-8 > .cell {
    width: calc(12.5% - 2.1428571429rem);
  }
}
@media screen and (min-width: 103.125em) {
  .grid-margin-x.xxxlarge-up-1 > .cell {
    width: calc(100% - 2.1428571429rem);
  }
  .grid-margin-x.xxxlarge-up-2 > .cell {
    width: calc(50% - 2.1428571429rem);
  }
  .grid-margin-x.xxxlarge-up-3 > .cell {
    width: calc(33.3333333333% - 2.1428571429rem);
  }
  .grid-margin-x.xxxlarge-up-4 > .cell {
    width: calc(25% - 2.1428571429rem);
  }
  .grid-margin-x.xxxlarge-up-5 > .cell {
    width: calc(20% - 2.1428571429rem);
  }
  .grid-margin-x.xxxlarge-up-6 > .cell {
    width: calc(16.6666666667% - 2.1428571429rem);
  }
  .grid-margin-x.xxxlarge-up-7 > .cell {
    width: calc(14.2857142857% - 2.1428571429rem);
  }
  .grid-margin-x.xxxlarge-up-8 > .cell {
    width: calc(12.5% - 2.1428571429rem);
  }
}
.small-margin-collapse {
  margin-right: 0;
  margin-left: 0;
}
.small-margin-collapse > .cell {
  margin-right: 0;
  margin-left: 0;
}
.small-margin-collapse > .small-1 {
  width: 8.3333333333%;
}
.small-margin-collapse > .small-2 {
  width: 16.6666666667%;
}
.small-margin-collapse > .small-3 {
  width: 25%;
}
.small-margin-collapse > .small-4 {
  width: 33.3333333333%;
}
.small-margin-collapse > .small-5 {
  width: 41.6666666667%;
}
.small-margin-collapse > .small-6 {
  width: 50%;
}
.small-margin-collapse > .small-7 {
  width: 58.3333333333%;
}
.small-margin-collapse > .small-8 {
  width: 66.6666666667%;
}
.small-margin-collapse > .small-9 {
  width: 75%;
}
.small-margin-collapse > .small-10 {
  width: 83.3333333333%;
}
.small-margin-collapse > .small-11 {
  width: 91.6666666667%;
}
.small-margin-collapse > .small-12 {
  width: 100%;
}
@media print, screen and (min-width: 40em) {
  .small-margin-collapse > .medium-1 {
    width: 8.3333333333%;
  }
  .small-margin-collapse > .medium-2 {
    width: 16.6666666667%;
  }
  .small-margin-collapse > .medium-3 {
    width: 25%;
  }
  .small-margin-collapse > .medium-4 {
    width: 33.3333333333%;
  }
  .small-margin-collapse > .medium-5 {
    width: 41.6666666667%;
  }
  .small-margin-collapse > .medium-6 {
    width: 50%;
  }
  .small-margin-collapse > .medium-7 {
    width: 58.3333333333%;
  }
  .small-margin-collapse > .medium-8 {
    width: 66.6666666667%;
  }
  .small-margin-collapse > .medium-9 {
    width: 75%;
  }
  .small-margin-collapse > .medium-10 {
    width: 83.3333333333%;
  }
  .small-margin-collapse > .medium-11 {
    width: 91.6666666667%;
  }
  .small-margin-collapse > .medium-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .small-margin-collapse > .large-1 {
    width: 8.3333333333%;
  }
  .small-margin-collapse > .large-2 {
    width: 16.6666666667%;
  }
  .small-margin-collapse > .large-3 {
    width: 25%;
  }
  .small-margin-collapse > .large-4 {
    width: 33.3333333333%;
  }
  .small-margin-collapse > .large-5 {
    width: 41.6666666667%;
  }
  .small-margin-collapse > .large-6 {
    width: 50%;
  }
  .small-margin-collapse > .large-7 {
    width: 58.3333333333%;
  }
  .small-margin-collapse > .large-8 {
    width: 66.6666666667%;
  }
  .small-margin-collapse > .large-9 {
    width: 75%;
  }
  .small-margin-collapse > .large-10 {
    width: 83.3333333333%;
  }
  .small-margin-collapse > .large-11 {
    width: 91.6666666667%;
  }
  .small-margin-collapse > .large-12 {
    width: 100%;
  }
}
@media screen and (min-width: 75em) {
  .small-margin-collapse > .xlarge-1 {
    width: 8.3333333333%;
  }
  .small-margin-collapse > .xlarge-2 {
    width: 16.6666666667%;
  }
  .small-margin-collapse > .xlarge-3 {
    width: 25%;
  }
  .small-margin-collapse > .xlarge-4 {
    width: 33.3333333333%;
  }
  .small-margin-collapse > .xlarge-5 {
    width: 41.6666666667%;
  }
  .small-margin-collapse > .xlarge-6 {
    width: 50%;
  }
  .small-margin-collapse > .xlarge-7 {
    width: 58.3333333333%;
  }
  .small-margin-collapse > .xlarge-8 {
    width: 66.6666666667%;
  }
  .small-margin-collapse > .xlarge-9 {
    width: 75%;
  }
  .small-margin-collapse > .xlarge-10 {
    width: 83.3333333333%;
  }
  .small-margin-collapse > .xlarge-11 {
    width: 91.6666666667%;
  }
  .small-margin-collapse > .xlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 90em) {
  .small-margin-collapse > .xxlarge-1 {
    width: 8.3333333333%;
  }
  .small-margin-collapse > .xxlarge-2 {
    width: 16.6666666667%;
  }
  .small-margin-collapse > .xxlarge-3 {
    width: 25%;
  }
  .small-margin-collapse > .xxlarge-4 {
    width: 33.3333333333%;
  }
  .small-margin-collapse > .xxlarge-5 {
    width: 41.6666666667%;
  }
  .small-margin-collapse > .xxlarge-6 {
    width: 50%;
  }
  .small-margin-collapse > .xxlarge-7 {
    width: 58.3333333333%;
  }
  .small-margin-collapse > .xxlarge-8 {
    width: 66.6666666667%;
  }
  .small-margin-collapse > .xxlarge-9 {
    width: 75%;
  }
  .small-margin-collapse > .xxlarge-10 {
    width: 83.3333333333%;
  }
  .small-margin-collapse > .xxlarge-11 {
    width: 91.6666666667%;
  }
  .small-margin-collapse > .xxlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 103.125em) {
  .small-margin-collapse > .xxxlarge-1 {
    width: 8.3333333333%;
  }
  .small-margin-collapse > .xxxlarge-2 {
    width: 16.6666666667%;
  }
  .small-margin-collapse > .xxxlarge-3 {
    width: 25%;
  }
  .small-margin-collapse > .xxxlarge-4 {
    width: 33.3333333333%;
  }
  .small-margin-collapse > .xxxlarge-5 {
    width: 41.6666666667%;
  }
  .small-margin-collapse > .xxxlarge-6 {
    width: 50%;
  }
  .small-margin-collapse > .xxxlarge-7 {
    width: 58.3333333333%;
  }
  .small-margin-collapse > .xxxlarge-8 {
    width: 66.6666666667%;
  }
  .small-margin-collapse > .xxxlarge-9 {
    width: 75%;
  }
  .small-margin-collapse > .xxxlarge-10 {
    width: 83.3333333333%;
  }
  .small-margin-collapse > .xxxlarge-11 {
    width: 91.6666666667%;
  }
  .small-margin-collapse > .xxxlarge-12 {
    width: 100%;
  }
}

.small-padding-collapse {
  margin-right: 0;
  margin-left: 0;
}
.small-padding-collapse > .cell {
  padding-right: 0;
  padding-left: 0;
}

@media print, screen and (min-width: 40em) {
  .medium-margin-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .medium-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0;
  }
}
@media print, screen and (min-width: 40em) {
  .medium-margin-collapse > .small-1 {
    width: 8.3333333333%;
  }
  .medium-margin-collapse > .small-2 {
    width: 16.6666666667%;
  }
  .medium-margin-collapse > .small-3 {
    width: 25%;
  }
  .medium-margin-collapse > .small-4 {
    width: 33.3333333333%;
  }
  .medium-margin-collapse > .small-5 {
    width: 41.6666666667%;
  }
  .medium-margin-collapse > .small-6 {
    width: 50%;
  }
  .medium-margin-collapse > .small-7 {
    width: 58.3333333333%;
  }
  .medium-margin-collapse > .small-8 {
    width: 66.6666666667%;
  }
  .medium-margin-collapse > .small-9 {
    width: 75%;
  }
  .medium-margin-collapse > .small-10 {
    width: 83.3333333333%;
  }
  .medium-margin-collapse > .small-11 {
    width: 91.6666666667%;
  }
  .medium-margin-collapse > .small-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 40em) {
  .medium-margin-collapse > .medium-1 {
    width: 8.3333333333%;
  }
  .medium-margin-collapse > .medium-2 {
    width: 16.6666666667%;
  }
  .medium-margin-collapse > .medium-3 {
    width: 25%;
  }
  .medium-margin-collapse > .medium-4 {
    width: 33.3333333333%;
  }
  .medium-margin-collapse > .medium-5 {
    width: 41.6666666667%;
  }
  .medium-margin-collapse > .medium-6 {
    width: 50%;
  }
  .medium-margin-collapse > .medium-7 {
    width: 58.3333333333%;
  }
  .medium-margin-collapse > .medium-8 {
    width: 66.6666666667%;
  }
  .medium-margin-collapse > .medium-9 {
    width: 75%;
  }
  .medium-margin-collapse > .medium-10 {
    width: 83.3333333333%;
  }
  .medium-margin-collapse > .medium-11 {
    width: 91.6666666667%;
  }
  .medium-margin-collapse > .medium-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .medium-margin-collapse > .large-1 {
    width: 8.3333333333%;
  }
  .medium-margin-collapse > .large-2 {
    width: 16.6666666667%;
  }
  .medium-margin-collapse > .large-3 {
    width: 25%;
  }
  .medium-margin-collapse > .large-4 {
    width: 33.3333333333%;
  }
  .medium-margin-collapse > .large-5 {
    width: 41.6666666667%;
  }
  .medium-margin-collapse > .large-6 {
    width: 50%;
  }
  .medium-margin-collapse > .large-7 {
    width: 58.3333333333%;
  }
  .medium-margin-collapse > .large-8 {
    width: 66.6666666667%;
  }
  .medium-margin-collapse > .large-9 {
    width: 75%;
  }
  .medium-margin-collapse > .large-10 {
    width: 83.3333333333%;
  }
  .medium-margin-collapse > .large-11 {
    width: 91.6666666667%;
  }
  .medium-margin-collapse > .large-12 {
    width: 100%;
  }
}
@media screen and (min-width: 75em) {
  .medium-margin-collapse > .xlarge-1 {
    width: 8.3333333333%;
  }
  .medium-margin-collapse > .xlarge-2 {
    width: 16.6666666667%;
  }
  .medium-margin-collapse > .xlarge-3 {
    width: 25%;
  }
  .medium-margin-collapse > .xlarge-4 {
    width: 33.3333333333%;
  }
  .medium-margin-collapse > .xlarge-5 {
    width: 41.6666666667%;
  }
  .medium-margin-collapse > .xlarge-6 {
    width: 50%;
  }
  .medium-margin-collapse > .xlarge-7 {
    width: 58.3333333333%;
  }
  .medium-margin-collapse > .xlarge-8 {
    width: 66.6666666667%;
  }
  .medium-margin-collapse > .xlarge-9 {
    width: 75%;
  }
  .medium-margin-collapse > .xlarge-10 {
    width: 83.3333333333%;
  }
  .medium-margin-collapse > .xlarge-11 {
    width: 91.6666666667%;
  }
  .medium-margin-collapse > .xlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 90em) {
  .medium-margin-collapse > .xxlarge-1 {
    width: 8.3333333333%;
  }
  .medium-margin-collapse > .xxlarge-2 {
    width: 16.6666666667%;
  }
  .medium-margin-collapse > .xxlarge-3 {
    width: 25%;
  }
  .medium-margin-collapse > .xxlarge-4 {
    width: 33.3333333333%;
  }
  .medium-margin-collapse > .xxlarge-5 {
    width: 41.6666666667%;
  }
  .medium-margin-collapse > .xxlarge-6 {
    width: 50%;
  }
  .medium-margin-collapse > .xxlarge-7 {
    width: 58.3333333333%;
  }
  .medium-margin-collapse > .xxlarge-8 {
    width: 66.6666666667%;
  }
  .medium-margin-collapse > .xxlarge-9 {
    width: 75%;
  }
  .medium-margin-collapse > .xxlarge-10 {
    width: 83.3333333333%;
  }
  .medium-margin-collapse > .xxlarge-11 {
    width: 91.6666666667%;
  }
  .medium-margin-collapse > .xxlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 103.125em) {
  .medium-margin-collapse > .xxxlarge-1 {
    width: 8.3333333333%;
  }
  .medium-margin-collapse > .xxxlarge-2 {
    width: 16.6666666667%;
  }
  .medium-margin-collapse > .xxxlarge-3 {
    width: 25%;
  }
  .medium-margin-collapse > .xxxlarge-4 {
    width: 33.3333333333%;
  }
  .medium-margin-collapse > .xxxlarge-5 {
    width: 41.6666666667%;
  }
  .medium-margin-collapse > .xxxlarge-6 {
    width: 50%;
  }
  .medium-margin-collapse > .xxxlarge-7 {
    width: 58.3333333333%;
  }
  .medium-margin-collapse > .xxxlarge-8 {
    width: 66.6666666667%;
  }
  .medium-margin-collapse > .xxxlarge-9 {
    width: 75%;
  }
  .medium-margin-collapse > .xxxlarge-10 {
    width: 83.3333333333%;
  }
  .medium-margin-collapse > .xxxlarge-11 {
    width: 91.6666666667%;
  }
  .medium-margin-collapse > .xxxlarge-12 {
    width: 100%;
  }
}

@media print, screen and (min-width: 40em) {
  .medium-padding-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .medium-padding-collapse > .cell {
    padding-right: 0;
    padding-left: 0;
  }
}

@media print, screen and (min-width: 64em) {
  .large-margin-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .large-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0;
  }
}
@media print, screen and (min-width: 64em) {
  .large-margin-collapse > .small-1 {
    width: 8.3333333333%;
  }
  .large-margin-collapse > .small-2 {
    width: 16.6666666667%;
  }
  .large-margin-collapse > .small-3 {
    width: 25%;
  }
  .large-margin-collapse > .small-4 {
    width: 33.3333333333%;
  }
  .large-margin-collapse > .small-5 {
    width: 41.6666666667%;
  }
  .large-margin-collapse > .small-6 {
    width: 50%;
  }
  .large-margin-collapse > .small-7 {
    width: 58.3333333333%;
  }
  .large-margin-collapse > .small-8 {
    width: 66.6666666667%;
  }
  .large-margin-collapse > .small-9 {
    width: 75%;
  }
  .large-margin-collapse > .small-10 {
    width: 83.3333333333%;
  }
  .large-margin-collapse > .small-11 {
    width: 91.6666666667%;
  }
  .large-margin-collapse > .small-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .large-margin-collapse > .medium-1 {
    width: 8.3333333333%;
  }
  .large-margin-collapse > .medium-2 {
    width: 16.6666666667%;
  }
  .large-margin-collapse > .medium-3 {
    width: 25%;
  }
  .large-margin-collapse > .medium-4 {
    width: 33.3333333333%;
  }
  .large-margin-collapse > .medium-5 {
    width: 41.6666666667%;
  }
  .large-margin-collapse > .medium-6 {
    width: 50%;
  }
  .large-margin-collapse > .medium-7 {
    width: 58.3333333333%;
  }
  .large-margin-collapse > .medium-8 {
    width: 66.6666666667%;
  }
  .large-margin-collapse > .medium-9 {
    width: 75%;
  }
  .large-margin-collapse > .medium-10 {
    width: 83.3333333333%;
  }
  .large-margin-collapse > .medium-11 {
    width: 91.6666666667%;
  }
  .large-margin-collapse > .medium-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .large-margin-collapse > .large-1 {
    width: 8.3333333333%;
  }
  .large-margin-collapse > .large-2 {
    width: 16.6666666667%;
  }
  .large-margin-collapse > .large-3 {
    width: 25%;
  }
  .large-margin-collapse > .large-4 {
    width: 33.3333333333%;
  }
  .large-margin-collapse > .large-5 {
    width: 41.6666666667%;
  }
  .large-margin-collapse > .large-6 {
    width: 50%;
  }
  .large-margin-collapse > .large-7 {
    width: 58.3333333333%;
  }
  .large-margin-collapse > .large-8 {
    width: 66.6666666667%;
  }
  .large-margin-collapse > .large-9 {
    width: 75%;
  }
  .large-margin-collapse > .large-10 {
    width: 83.3333333333%;
  }
  .large-margin-collapse > .large-11 {
    width: 91.6666666667%;
  }
  .large-margin-collapse > .large-12 {
    width: 100%;
  }
}
@media screen and (min-width: 75em) {
  .large-margin-collapse > .xlarge-1 {
    width: 8.3333333333%;
  }
  .large-margin-collapse > .xlarge-2 {
    width: 16.6666666667%;
  }
  .large-margin-collapse > .xlarge-3 {
    width: 25%;
  }
  .large-margin-collapse > .xlarge-4 {
    width: 33.3333333333%;
  }
  .large-margin-collapse > .xlarge-5 {
    width: 41.6666666667%;
  }
  .large-margin-collapse > .xlarge-6 {
    width: 50%;
  }
  .large-margin-collapse > .xlarge-7 {
    width: 58.3333333333%;
  }
  .large-margin-collapse > .xlarge-8 {
    width: 66.6666666667%;
  }
  .large-margin-collapse > .xlarge-9 {
    width: 75%;
  }
  .large-margin-collapse > .xlarge-10 {
    width: 83.3333333333%;
  }
  .large-margin-collapse > .xlarge-11 {
    width: 91.6666666667%;
  }
  .large-margin-collapse > .xlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 90em) {
  .large-margin-collapse > .xxlarge-1 {
    width: 8.3333333333%;
  }
  .large-margin-collapse > .xxlarge-2 {
    width: 16.6666666667%;
  }
  .large-margin-collapse > .xxlarge-3 {
    width: 25%;
  }
  .large-margin-collapse > .xxlarge-4 {
    width: 33.3333333333%;
  }
  .large-margin-collapse > .xxlarge-5 {
    width: 41.6666666667%;
  }
  .large-margin-collapse > .xxlarge-6 {
    width: 50%;
  }
  .large-margin-collapse > .xxlarge-7 {
    width: 58.3333333333%;
  }
  .large-margin-collapse > .xxlarge-8 {
    width: 66.6666666667%;
  }
  .large-margin-collapse > .xxlarge-9 {
    width: 75%;
  }
  .large-margin-collapse > .xxlarge-10 {
    width: 83.3333333333%;
  }
  .large-margin-collapse > .xxlarge-11 {
    width: 91.6666666667%;
  }
  .large-margin-collapse > .xxlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 103.125em) {
  .large-margin-collapse > .xxxlarge-1 {
    width: 8.3333333333%;
  }
  .large-margin-collapse > .xxxlarge-2 {
    width: 16.6666666667%;
  }
  .large-margin-collapse > .xxxlarge-3 {
    width: 25%;
  }
  .large-margin-collapse > .xxxlarge-4 {
    width: 33.3333333333%;
  }
  .large-margin-collapse > .xxxlarge-5 {
    width: 41.6666666667%;
  }
  .large-margin-collapse > .xxxlarge-6 {
    width: 50%;
  }
  .large-margin-collapse > .xxxlarge-7 {
    width: 58.3333333333%;
  }
  .large-margin-collapse > .xxxlarge-8 {
    width: 66.6666666667%;
  }
  .large-margin-collapse > .xxxlarge-9 {
    width: 75%;
  }
  .large-margin-collapse > .xxxlarge-10 {
    width: 83.3333333333%;
  }
  .large-margin-collapse > .xxxlarge-11 {
    width: 91.6666666667%;
  }
  .large-margin-collapse > .xxxlarge-12 {
    width: 100%;
  }
}

@media print, screen and (min-width: 64em) {
  .large-padding-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .large-padding-collapse > .cell {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 75em) {
  .xlarge-margin-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .xlarge-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0;
  }
}
@media screen and (min-width: 75em) {
  .xlarge-margin-collapse > .small-1 {
    width: 8.3333333333%;
  }
  .xlarge-margin-collapse > .small-2 {
    width: 16.6666666667%;
  }
  .xlarge-margin-collapse > .small-3 {
    width: 25%;
  }
  .xlarge-margin-collapse > .small-4 {
    width: 33.3333333333%;
  }
  .xlarge-margin-collapse > .small-5 {
    width: 41.6666666667%;
  }
  .xlarge-margin-collapse > .small-6 {
    width: 50%;
  }
  .xlarge-margin-collapse > .small-7 {
    width: 58.3333333333%;
  }
  .xlarge-margin-collapse > .small-8 {
    width: 66.6666666667%;
  }
  .xlarge-margin-collapse > .small-9 {
    width: 75%;
  }
  .xlarge-margin-collapse > .small-10 {
    width: 83.3333333333%;
  }
  .xlarge-margin-collapse > .small-11 {
    width: 91.6666666667%;
  }
  .xlarge-margin-collapse > .small-12 {
    width: 100%;
  }
}
@media screen and (min-width: 75em) {
  .xlarge-margin-collapse > .medium-1 {
    width: 8.3333333333%;
  }
  .xlarge-margin-collapse > .medium-2 {
    width: 16.6666666667%;
  }
  .xlarge-margin-collapse > .medium-3 {
    width: 25%;
  }
  .xlarge-margin-collapse > .medium-4 {
    width: 33.3333333333%;
  }
  .xlarge-margin-collapse > .medium-5 {
    width: 41.6666666667%;
  }
  .xlarge-margin-collapse > .medium-6 {
    width: 50%;
  }
  .xlarge-margin-collapse > .medium-7 {
    width: 58.3333333333%;
  }
  .xlarge-margin-collapse > .medium-8 {
    width: 66.6666666667%;
  }
  .xlarge-margin-collapse > .medium-9 {
    width: 75%;
  }
  .xlarge-margin-collapse > .medium-10 {
    width: 83.3333333333%;
  }
  .xlarge-margin-collapse > .medium-11 {
    width: 91.6666666667%;
  }
  .xlarge-margin-collapse > .medium-12 {
    width: 100%;
  }
}
@media screen and (min-width: 75em) {
  .xlarge-margin-collapse > .large-1 {
    width: 8.3333333333%;
  }
  .xlarge-margin-collapse > .large-2 {
    width: 16.6666666667%;
  }
  .xlarge-margin-collapse > .large-3 {
    width: 25%;
  }
  .xlarge-margin-collapse > .large-4 {
    width: 33.3333333333%;
  }
  .xlarge-margin-collapse > .large-5 {
    width: 41.6666666667%;
  }
  .xlarge-margin-collapse > .large-6 {
    width: 50%;
  }
  .xlarge-margin-collapse > .large-7 {
    width: 58.3333333333%;
  }
  .xlarge-margin-collapse > .large-8 {
    width: 66.6666666667%;
  }
  .xlarge-margin-collapse > .large-9 {
    width: 75%;
  }
  .xlarge-margin-collapse > .large-10 {
    width: 83.3333333333%;
  }
  .xlarge-margin-collapse > .large-11 {
    width: 91.6666666667%;
  }
  .xlarge-margin-collapse > .large-12 {
    width: 100%;
  }
}
@media screen and (min-width: 75em) {
  .xlarge-margin-collapse > .xlarge-1 {
    width: 8.3333333333%;
  }
  .xlarge-margin-collapse > .xlarge-2 {
    width: 16.6666666667%;
  }
  .xlarge-margin-collapse > .xlarge-3 {
    width: 25%;
  }
  .xlarge-margin-collapse > .xlarge-4 {
    width: 33.3333333333%;
  }
  .xlarge-margin-collapse > .xlarge-5 {
    width: 41.6666666667%;
  }
  .xlarge-margin-collapse > .xlarge-6 {
    width: 50%;
  }
  .xlarge-margin-collapse > .xlarge-7 {
    width: 58.3333333333%;
  }
  .xlarge-margin-collapse > .xlarge-8 {
    width: 66.6666666667%;
  }
  .xlarge-margin-collapse > .xlarge-9 {
    width: 75%;
  }
  .xlarge-margin-collapse > .xlarge-10 {
    width: 83.3333333333%;
  }
  .xlarge-margin-collapse > .xlarge-11 {
    width: 91.6666666667%;
  }
  .xlarge-margin-collapse > .xlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 90em) {
  .xlarge-margin-collapse > .xxlarge-1 {
    width: 8.3333333333%;
  }
  .xlarge-margin-collapse > .xxlarge-2 {
    width: 16.6666666667%;
  }
  .xlarge-margin-collapse > .xxlarge-3 {
    width: 25%;
  }
  .xlarge-margin-collapse > .xxlarge-4 {
    width: 33.3333333333%;
  }
  .xlarge-margin-collapse > .xxlarge-5 {
    width: 41.6666666667%;
  }
  .xlarge-margin-collapse > .xxlarge-6 {
    width: 50%;
  }
  .xlarge-margin-collapse > .xxlarge-7 {
    width: 58.3333333333%;
  }
  .xlarge-margin-collapse > .xxlarge-8 {
    width: 66.6666666667%;
  }
  .xlarge-margin-collapse > .xxlarge-9 {
    width: 75%;
  }
  .xlarge-margin-collapse > .xxlarge-10 {
    width: 83.3333333333%;
  }
  .xlarge-margin-collapse > .xxlarge-11 {
    width: 91.6666666667%;
  }
  .xlarge-margin-collapse > .xxlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 103.125em) {
  .xlarge-margin-collapse > .xxxlarge-1 {
    width: 8.3333333333%;
  }
  .xlarge-margin-collapse > .xxxlarge-2 {
    width: 16.6666666667%;
  }
  .xlarge-margin-collapse > .xxxlarge-3 {
    width: 25%;
  }
  .xlarge-margin-collapse > .xxxlarge-4 {
    width: 33.3333333333%;
  }
  .xlarge-margin-collapse > .xxxlarge-5 {
    width: 41.6666666667%;
  }
  .xlarge-margin-collapse > .xxxlarge-6 {
    width: 50%;
  }
  .xlarge-margin-collapse > .xxxlarge-7 {
    width: 58.3333333333%;
  }
  .xlarge-margin-collapse > .xxxlarge-8 {
    width: 66.6666666667%;
  }
  .xlarge-margin-collapse > .xxxlarge-9 {
    width: 75%;
  }
  .xlarge-margin-collapse > .xxxlarge-10 {
    width: 83.3333333333%;
  }
  .xlarge-margin-collapse > .xxxlarge-11 {
    width: 91.6666666667%;
  }
  .xlarge-margin-collapse > .xxxlarge-12 {
    width: 100%;
  }
}

@media screen and (min-width: 75em) {
  .xlarge-padding-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .xlarge-padding-collapse > .cell {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 90em) {
  .xxlarge-margin-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .xxlarge-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0;
  }
}
@media screen and (min-width: 90em) {
  .xxlarge-margin-collapse > .small-1 {
    width: 8.3333333333%;
  }
  .xxlarge-margin-collapse > .small-2 {
    width: 16.6666666667%;
  }
  .xxlarge-margin-collapse > .small-3 {
    width: 25%;
  }
  .xxlarge-margin-collapse > .small-4 {
    width: 33.3333333333%;
  }
  .xxlarge-margin-collapse > .small-5 {
    width: 41.6666666667%;
  }
  .xxlarge-margin-collapse > .small-6 {
    width: 50%;
  }
  .xxlarge-margin-collapse > .small-7 {
    width: 58.3333333333%;
  }
  .xxlarge-margin-collapse > .small-8 {
    width: 66.6666666667%;
  }
  .xxlarge-margin-collapse > .small-9 {
    width: 75%;
  }
  .xxlarge-margin-collapse > .small-10 {
    width: 83.3333333333%;
  }
  .xxlarge-margin-collapse > .small-11 {
    width: 91.6666666667%;
  }
  .xxlarge-margin-collapse > .small-12 {
    width: 100%;
  }
}
@media screen and (min-width: 90em) {
  .xxlarge-margin-collapse > .medium-1 {
    width: 8.3333333333%;
  }
  .xxlarge-margin-collapse > .medium-2 {
    width: 16.6666666667%;
  }
  .xxlarge-margin-collapse > .medium-3 {
    width: 25%;
  }
  .xxlarge-margin-collapse > .medium-4 {
    width: 33.3333333333%;
  }
  .xxlarge-margin-collapse > .medium-5 {
    width: 41.6666666667%;
  }
  .xxlarge-margin-collapse > .medium-6 {
    width: 50%;
  }
  .xxlarge-margin-collapse > .medium-7 {
    width: 58.3333333333%;
  }
  .xxlarge-margin-collapse > .medium-8 {
    width: 66.6666666667%;
  }
  .xxlarge-margin-collapse > .medium-9 {
    width: 75%;
  }
  .xxlarge-margin-collapse > .medium-10 {
    width: 83.3333333333%;
  }
  .xxlarge-margin-collapse > .medium-11 {
    width: 91.6666666667%;
  }
  .xxlarge-margin-collapse > .medium-12 {
    width: 100%;
  }
}
@media screen and (min-width: 90em) {
  .xxlarge-margin-collapse > .large-1 {
    width: 8.3333333333%;
  }
  .xxlarge-margin-collapse > .large-2 {
    width: 16.6666666667%;
  }
  .xxlarge-margin-collapse > .large-3 {
    width: 25%;
  }
  .xxlarge-margin-collapse > .large-4 {
    width: 33.3333333333%;
  }
  .xxlarge-margin-collapse > .large-5 {
    width: 41.6666666667%;
  }
  .xxlarge-margin-collapse > .large-6 {
    width: 50%;
  }
  .xxlarge-margin-collapse > .large-7 {
    width: 58.3333333333%;
  }
  .xxlarge-margin-collapse > .large-8 {
    width: 66.6666666667%;
  }
  .xxlarge-margin-collapse > .large-9 {
    width: 75%;
  }
  .xxlarge-margin-collapse > .large-10 {
    width: 83.3333333333%;
  }
  .xxlarge-margin-collapse > .large-11 {
    width: 91.6666666667%;
  }
  .xxlarge-margin-collapse > .large-12 {
    width: 100%;
  }
}
@media screen and (min-width: 90em) {
  .xxlarge-margin-collapse > .xlarge-1 {
    width: 8.3333333333%;
  }
  .xxlarge-margin-collapse > .xlarge-2 {
    width: 16.6666666667%;
  }
  .xxlarge-margin-collapse > .xlarge-3 {
    width: 25%;
  }
  .xxlarge-margin-collapse > .xlarge-4 {
    width: 33.3333333333%;
  }
  .xxlarge-margin-collapse > .xlarge-5 {
    width: 41.6666666667%;
  }
  .xxlarge-margin-collapse > .xlarge-6 {
    width: 50%;
  }
  .xxlarge-margin-collapse > .xlarge-7 {
    width: 58.3333333333%;
  }
  .xxlarge-margin-collapse > .xlarge-8 {
    width: 66.6666666667%;
  }
  .xxlarge-margin-collapse > .xlarge-9 {
    width: 75%;
  }
  .xxlarge-margin-collapse > .xlarge-10 {
    width: 83.3333333333%;
  }
  .xxlarge-margin-collapse > .xlarge-11 {
    width: 91.6666666667%;
  }
  .xxlarge-margin-collapse > .xlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 90em) {
  .xxlarge-margin-collapse > .xxlarge-1 {
    width: 8.3333333333%;
  }
  .xxlarge-margin-collapse > .xxlarge-2 {
    width: 16.6666666667%;
  }
  .xxlarge-margin-collapse > .xxlarge-3 {
    width: 25%;
  }
  .xxlarge-margin-collapse > .xxlarge-4 {
    width: 33.3333333333%;
  }
  .xxlarge-margin-collapse > .xxlarge-5 {
    width: 41.6666666667%;
  }
  .xxlarge-margin-collapse > .xxlarge-6 {
    width: 50%;
  }
  .xxlarge-margin-collapse > .xxlarge-7 {
    width: 58.3333333333%;
  }
  .xxlarge-margin-collapse > .xxlarge-8 {
    width: 66.6666666667%;
  }
  .xxlarge-margin-collapse > .xxlarge-9 {
    width: 75%;
  }
  .xxlarge-margin-collapse > .xxlarge-10 {
    width: 83.3333333333%;
  }
  .xxlarge-margin-collapse > .xxlarge-11 {
    width: 91.6666666667%;
  }
  .xxlarge-margin-collapse > .xxlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 103.125em) {
  .xxlarge-margin-collapse > .xxxlarge-1 {
    width: 8.3333333333%;
  }
  .xxlarge-margin-collapse > .xxxlarge-2 {
    width: 16.6666666667%;
  }
  .xxlarge-margin-collapse > .xxxlarge-3 {
    width: 25%;
  }
  .xxlarge-margin-collapse > .xxxlarge-4 {
    width: 33.3333333333%;
  }
  .xxlarge-margin-collapse > .xxxlarge-5 {
    width: 41.6666666667%;
  }
  .xxlarge-margin-collapse > .xxxlarge-6 {
    width: 50%;
  }
  .xxlarge-margin-collapse > .xxxlarge-7 {
    width: 58.3333333333%;
  }
  .xxlarge-margin-collapse > .xxxlarge-8 {
    width: 66.6666666667%;
  }
  .xxlarge-margin-collapse > .xxxlarge-9 {
    width: 75%;
  }
  .xxlarge-margin-collapse > .xxxlarge-10 {
    width: 83.3333333333%;
  }
  .xxlarge-margin-collapse > .xxxlarge-11 {
    width: 91.6666666667%;
  }
  .xxlarge-margin-collapse > .xxxlarge-12 {
    width: 100%;
  }
}

@media screen and (min-width: 90em) {
  .xxlarge-padding-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .xxlarge-padding-collapse > .cell {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 103.125em) {
  .xxxlarge-margin-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .xxxlarge-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0;
  }
}
@media screen and (min-width: 103.125em) {
  .xxxlarge-margin-collapse > .small-1 {
    width: 8.3333333333%;
  }
  .xxxlarge-margin-collapse > .small-2 {
    width: 16.6666666667%;
  }
  .xxxlarge-margin-collapse > .small-3 {
    width: 25%;
  }
  .xxxlarge-margin-collapse > .small-4 {
    width: 33.3333333333%;
  }
  .xxxlarge-margin-collapse > .small-5 {
    width: 41.6666666667%;
  }
  .xxxlarge-margin-collapse > .small-6 {
    width: 50%;
  }
  .xxxlarge-margin-collapse > .small-7 {
    width: 58.3333333333%;
  }
  .xxxlarge-margin-collapse > .small-8 {
    width: 66.6666666667%;
  }
  .xxxlarge-margin-collapse > .small-9 {
    width: 75%;
  }
  .xxxlarge-margin-collapse > .small-10 {
    width: 83.3333333333%;
  }
  .xxxlarge-margin-collapse > .small-11 {
    width: 91.6666666667%;
  }
  .xxxlarge-margin-collapse > .small-12 {
    width: 100%;
  }
}
@media screen and (min-width: 103.125em) {
  .xxxlarge-margin-collapse > .medium-1 {
    width: 8.3333333333%;
  }
  .xxxlarge-margin-collapse > .medium-2 {
    width: 16.6666666667%;
  }
  .xxxlarge-margin-collapse > .medium-3 {
    width: 25%;
  }
  .xxxlarge-margin-collapse > .medium-4 {
    width: 33.3333333333%;
  }
  .xxxlarge-margin-collapse > .medium-5 {
    width: 41.6666666667%;
  }
  .xxxlarge-margin-collapse > .medium-6 {
    width: 50%;
  }
  .xxxlarge-margin-collapse > .medium-7 {
    width: 58.3333333333%;
  }
  .xxxlarge-margin-collapse > .medium-8 {
    width: 66.6666666667%;
  }
  .xxxlarge-margin-collapse > .medium-9 {
    width: 75%;
  }
  .xxxlarge-margin-collapse > .medium-10 {
    width: 83.3333333333%;
  }
  .xxxlarge-margin-collapse > .medium-11 {
    width: 91.6666666667%;
  }
  .xxxlarge-margin-collapse > .medium-12 {
    width: 100%;
  }
}
@media screen and (min-width: 103.125em) {
  .xxxlarge-margin-collapse > .large-1 {
    width: 8.3333333333%;
  }
  .xxxlarge-margin-collapse > .large-2 {
    width: 16.6666666667%;
  }
  .xxxlarge-margin-collapse > .large-3 {
    width: 25%;
  }
  .xxxlarge-margin-collapse > .large-4 {
    width: 33.3333333333%;
  }
  .xxxlarge-margin-collapse > .large-5 {
    width: 41.6666666667%;
  }
  .xxxlarge-margin-collapse > .large-6 {
    width: 50%;
  }
  .xxxlarge-margin-collapse > .large-7 {
    width: 58.3333333333%;
  }
  .xxxlarge-margin-collapse > .large-8 {
    width: 66.6666666667%;
  }
  .xxxlarge-margin-collapse > .large-9 {
    width: 75%;
  }
  .xxxlarge-margin-collapse > .large-10 {
    width: 83.3333333333%;
  }
  .xxxlarge-margin-collapse > .large-11 {
    width: 91.6666666667%;
  }
  .xxxlarge-margin-collapse > .large-12 {
    width: 100%;
  }
}
@media screen and (min-width: 103.125em) {
  .xxxlarge-margin-collapse > .xlarge-1 {
    width: 8.3333333333%;
  }
  .xxxlarge-margin-collapse > .xlarge-2 {
    width: 16.6666666667%;
  }
  .xxxlarge-margin-collapse > .xlarge-3 {
    width: 25%;
  }
  .xxxlarge-margin-collapse > .xlarge-4 {
    width: 33.3333333333%;
  }
  .xxxlarge-margin-collapse > .xlarge-5 {
    width: 41.6666666667%;
  }
  .xxxlarge-margin-collapse > .xlarge-6 {
    width: 50%;
  }
  .xxxlarge-margin-collapse > .xlarge-7 {
    width: 58.3333333333%;
  }
  .xxxlarge-margin-collapse > .xlarge-8 {
    width: 66.6666666667%;
  }
  .xxxlarge-margin-collapse > .xlarge-9 {
    width: 75%;
  }
  .xxxlarge-margin-collapse > .xlarge-10 {
    width: 83.3333333333%;
  }
  .xxxlarge-margin-collapse > .xlarge-11 {
    width: 91.6666666667%;
  }
  .xxxlarge-margin-collapse > .xlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 103.125em) {
  .xxxlarge-margin-collapse > .xxlarge-1 {
    width: 8.3333333333%;
  }
  .xxxlarge-margin-collapse > .xxlarge-2 {
    width: 16.6666666667%;
  }
  .xxxlarge-margin-collapse > .xxlarge-3 {
    width: 25%;
  }
  .xxxlarge-margin-collapse > .xxlarge-4 {
    width: 33.3333333333%;
  }
  .xxxlarge-margin-collapse > .xxlarge-5 {
    width: 41.6666666667%;
  }
  .xxxlarge-margin-collapse > .xxlarge-6 {
    width: 50%;
  }
  .xxxlarge-margin-collapse > .xxlarge-7 {
    width: 58.3333333333%;
  }
  .xxxlarge-margin-collapse > .xxlarge-8 {
    width: 66.6666666667%;
  }
  .xxxlarge-margin-collapse > .xxlarge-9 {
    width: 75%;
  }
  .xxxlarge-margin-collapse > .xxlarge-10 {
    width: 83.3333333333%;
  }
  .xxxlarge-margin-collapse > .xxlarge-11 {
    width: 91.6666666667%;
  }
  .xxxlarge-margin-collapse > .xxlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 103.125em) {
  .xxxlarge-margin-collapse > .xxxlarge-1 {
    width: 8.3333333333%;
  }
  .xxxlarge-margin-collapse > .xxxlarge-2 {
    width: 16.6666666667%;
  }
  .xxxlarge-margin-collapse > .xxxlarge-3 {
    width: 25%;
  }
  .xxxlarge-margin-collapse > .xxxlarge-4 {
    width: 33.3333333333%;
  }
  .xxxlarge-margin-collapse > .xxxlarge-5 {
    width: 41.6666666667%;
  }
  .xxxlarge-margin-collapse > .xxxlarge-6 {
    width: 50%;
  }
  .xxxlarge-margin-collapse > .xxxlarge-7 {
    width: 58.3333333333%;
  }
  .xxxlarge-margin-collapse > .xxxlarge-8 {
    width: 66.6666666667%;
  }
  .xxxlarge-margin-collapse > .xxxlarge-9 {
    width: 75%;
  }
  .xxxlarge-margin-collapse > .xxxlarge-10 {
    width: 83.3333333333%;
  }
  .xxxlarge-margin-collapse > .xxxlarge-11 {
    width: 91.6666666667%;
  }
  .xxxlarge-margin-collapse > .xxxlarge-12 {
    width: 100%;
  }
}

@media screen and (min-width: 103.125em) {
  .xxxlarge-padding-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .xxxlarge-padding-collapse > .cell {
    padding-right: 0;
    padding-left: 0;
  }
}

.small-offset-0 {
  margin-left: 0%;
}

.grid-margin-x > .small-offset-0 {
  margin-left: calc(0% + 1.4285714286rem / 2);
}

.small-offset-1 {
  margin-left: 8.3333333333%;
}

.grid-margin-x > .small-offset-1 {
  margin-left: calc(8.3333333333% + 1.4285714286rem / 2);
}

.small-offset-2 {
  margin-left: 16.6666666667%;
}

.grid-margin-x > .small-offset-2 {
  margin-left: calc(16.6666666667% + 1.4285714286rem / 2);
}

.small-offset-3 {
  margin-left: 25%;
}

.grid-margin-x > .small-offset-3 {
  margin-left: calc(25% + 1.4285714286rem / 2);
}

.small-offset-4 {
  margin-left: 33.3333333333%;
}

.grid-margin-x > .small-offset-4 {
  margin-left: calc(33.3333333333% + 1.4285714286rem / 2);
}

.small-offset-5 {
  margin-left: 41.6666666667%;
}

.grid-margin-x > .small-offset-5 {
  margin-left: calc(41.6666666667% + 1.4285714286rem / 2);
}

.small-offset-6 {
  margin-left: 50%;
}

.grid-margin-x > .small-offset-6 {
  margin-left: calc(50% + 1.4285714286rem / 2);
}

.small-offset-7 {
  margin-left: 58.3333333333%;
}

.grid-margin-x > .small-offset-7 {
  margin-left: calc(58.3333333333% + 1.4285714286rem / 2);
}

.small-offset-8 {
  margin-left: 66.6666666667%;
}

.grid-margin-x > .small-offset-8 {
  margin-left: calc(66.6666666667% + 1.4285714286rem / 2);
}

.small-offset-9 {
  margin-left: 75%;
}

.grid-margin-x > .small-offset-9 {
  margin-left: calc(75% + 1.4285714286rem / 2);
}

.small-offset-10 {
  margin-left: 83.3333333333%;
}

.grid-margin-x > .small-offset-10 {
  margin-left: calc(83.3333333333% + 1.4285714286rem / 2);
}

.small-offset-11 {
  margin-left: 91.6666666667%;
}

.grid-margin-x > .small-offset-11 {
  margin-left: calc(91.6666666667% + 1.4285714286rem / 2);
}

@media print, screen and (min-width: 40em) {
  .medium-offset-0 {
    margin-left: 0%;
  }
  .grid-margin-x > .medium-offset-0 {
    margin-left: calc(0% + 2.1428571429rem / 2);
  }
  .medium-offset-1 {
    margin-left: 8.3333333333%;
  }
  .grid-margin-x > .medium-offset-1 {
    margin-left: calc(8.3333333333% + 2.1428571429rem / 2);
  }
  .medium-offset-2 {
    margin-left: 16.6666666667%;
  }
  .grid-margin-x > .medium-offset-2 {
    margin-left: calc(16.6666666667% + 2.1428571429rem / 2);
  }
  .medium-offset-3 {
    margin-left: 25%;
  }
  .grid-margin-x > .medium-offset-3 {
    margin-left: calc(25% + 2.1428571429rem / 2);
  }
  .medium-offset-4 {
    margin-left: 33.3333333333%;
  }
  .grid-margin-x > .medium-offset-4 {
    margin-left: calc(33.3333333333% + 2.1428571429rem / 2);
  }
  .medium-offset-5 {
    margin-left: 41.6666666667%;
  }
  .grid-margin-x > .medium-offset-5 {
    margin-left: calc(41.6666666667% + 2.1428571429rem / 2);
  }
  .medium-offset-6 {
    margin-left: 50%;
  }
  .grid-margin-x > .medium-offset-6 {
    margin-left: calc(50% + 2.1428571429rem / 2);
  }
  .medium-offset-7 {
    margin-left: 58.3333333333%;
  }
  .grid-margin-x > .medium-offset-7 {
    margin-left: calc(58.3333333333% + 2.1428571429rem / 2);
  }
  .medium-offset-8 {
    margin-left: 66.6666666667%;
  }
  .grid-margin-x > .medium-offset-8 {
    margin-left: calc(66.6666666667% + 2.1428571429rem / 2);
  }
  .medium-offset-9 {
    margin-left: 75%;
  }
  .grid-margin-x > .medium-offset-9 {
    margin-left: calc(75% + 2.1428571429rem / 2);
  }
  .medium-offset-10 {
    margin-left: 83.3333333333%;
  }
  .grid-margin-x > .medium-offset-10 {
    margin-left: calc(83.3333333333% + 2.1428571429rem / 2);
  }
  .medium-offset-11 {
    margin-left: 91.6666666667%;
  }
  .grid-margin-x > .medium-offset-11 {
    margin-left: calc(91.6666666667% + 2.1428571429rem / 2);
  }
}
@media print, screen and (min-width: 64em) {
  .large-offset-0 {
    margin-left: 0%;
  }
  .grid-margin-x > .large-offset-0 {
    margin-left: calc(0% + 2.1428571429rem / 2);
  }
  .large-offset-1 {
    margin-left: 8.3333333333%;
  }
  .grid-margin-x > .large-offset-1 {
    margin-left: calc(8.3333333333% + 2.1428571429rem / 2);
  }
  .large-offset-2 {
    margin-left: 16.6666666667%;
  }
  .grid-margin-x > .large-offset-2 {
    margin-left: calc(16.6666666667% + 2.1428571429rem / 2);
  }
  .large-offset-3 {
    margin-left: 25%;
  }
  .grid-margin-x > .large-offset-3 {
    margin-left: calc(25% + 2.1428571429rem / 2);
  }
  .large-offset-4 {
    margin-left: 33.3333333333%;
  }
  .grid-margin-x > .large-offset-4 {
    margin-left: calc(33.3333333333% + 2.1428571429rem / 2);
  }
  .large-offset-5 {
    margin-left: 41.6666666667%;
  }
  .grid-margin-x > .large-offset-5 {
    margin-left: calc(41.6666666667% + 2.1428571429rem / 2);
  }
  .large-offset-6 {
    margin-left: 50%;
  }
  .grid-margin-x > .large-offset-6 {
    margin-left: calc(50% + 2.1428571429rem / 2);
  }
  .large-offset-7 {
    margin-left: 58.3333333333%;
  }
  .grid-margin-x > .large-offset-7 {
    margin-left: calc(58.3333333333% + 2.1428571429rem / 2);
  }
  .large-offset-8 {
    margin-left: 66.6666666667%;
  }
  .grid-margin-x > .large-offset-8 {
    margin-left: calc(66.6666666667% + 2.1428571429rem / 2);
  }
  .large-offset-9 {
    margin-left: 75%;
  }
  .grid-margin-x > .large-offset-9 {
    margin-left: calc(75% + 2.1428571429rem / 2);
  }
  .large-offset-10 {
    margin-left: 83.3333333333%;
  }
  .grid-margin-x > .large-offset-10 {
    margin-left: calc(83.3333333333% + 2.1428571429rem / 2);
  }
  .large-offset-11 {
    margin-left: 91.6666666667%;
  }
  .grid-margin-x > .large-offset-11 {
    margin-left: calc(91.6666666667% + 2.1428571429rem / 2);
  }
}
@media screen and (min-width: 75em) {
  .xlarge-offset-0 {
    margin-left: 0%;
  }
  .grid-margin-x > .xlarge-offset-0 {
    margin-left: calc(0% + 2.1428571429rem / 2);
  }
  .xlarge-offset-1 {
    margin-left: 8.3333333333%;
  }
  .grid-margin-x > .xlarge-offset-1 {
    margin-left: calc(8.3333333333% + 2.1428571429rem / 2);
  }
  .xlarge-offset-2 {
    margin-left: 16.6666666667%;
  }
  .grid-margin-x > .xlarge-offset-2 {
    margin-left: calc(16.6666666667% + 2.1428571429rem / 2);
  }
  .xlarge-offset-3 {
    margin-left: 25%;
  }
  .grid-margin-x > .xlarge-offset-3 {
    margin-left: calc(25% + 2.1428571429rem / 2);
  }
  .xlarge-offset-4 {
    margin-left: 33.3333333333%;
  }
  .grid-margin-x > .xlarge-offset-4 {
    margin-left: calc(33.3333333333% + 2.1428571429rem / 2);
  }
  .xlarge-offset-5 {
    margin-left: 41.6666666667%;
  }
  .grid-margin-x > .xlarge-offset-5 {
    margin-left: calc(41.6666666667% + 2.1428571429rem / 2);
  }
  .xlarge-offset-6 {
    margin-left: 50%;
  }
  .grid-margin-x > .xlarge-offset-6 {
    margin-left: calc(50% + 2.1428571429rem / 2);
  }
  .xlarge-offset-7 {
    margin-left: 58.3333333333%;
  }
  .grid-margin-x > .xlarge-offset-7 {
    margin-left: calc(58.3333333333% + 2.1428571429rem / 2);
  }
  .xlarge-offset-8 {
    margin-left: 66.6666666667%;
  }
  .grid-margin-x > .xlarge-offset-8 {
    margin-left: calc(66.6666666667% + 2.1428571429rem / 2);
  }
  .xlarge-offset-9 {
    margin-left: 75%;
  }
  .grid-margin-x > .xlarge-offset-9 {
    margin-left: calc(75% + 2.1428571429rem / 2);
  }
  .xlarge-offset-10 {
    margin-left: 83.3333333333%;
  }
  .grid-margin-x > .xlarge-offset-10 {
    margin-left: calc(83.3333333333% + 2.1428571429rem / 2);
  }
  .xlarge-offset-11 {
    margin-left: 91.6666666667%;
  }
  .grid-margin-x > .xlarge-offset-11 {
    margin-left: calc(91.6666666667% + 2.1428571429rem / 2);
  }
}
@media screen and (min-width: 90em) {
  .xxlarge-offset-0 {
    margin-left: 0%;
  }
  .grid-margin-x > .xxlarge-offset-0 {
    margin-left: calc(0% + 2.1428571429rem / 2);
  }
  .xxlarge-offset-1 {
    margin-left: 8.3333333333%;
  }
  .grid-margin-x > .xxlarge-offset-1 {
    margin-left: calc(8.3333333333% + 2.1428571429rem / 2);
  }
  .xxlarge-offset-2 {
    margin-left: 16.6666666667%;
  }
  .grid-margin-x > .xxlarge-offset-2 {
    margin-left: calc(16.6666666667% + 2.1428571429rem / 2);
  }
  .xxlarge-offset-3 {
    margin-left: 25%;
  }
  .grid-margin-x > .xxlarge-offset-3 {
    margin-left: calc(25% + 2.1428571429rem / 2);
  }
  .xxlarge-offset-4 {
    margin-left: 33.3333333333%;
  }
  .grid-margin-x > .xxlarge-offset-4 {
    margin-left: calc(33.3333333333% + 2.1428571429rem / 2);
  }
  .xxlarge-offset-5 {
    margin-left: 41.6666666667%;
  }
  .grid-margin-x > .xxlarge-offset-5 {
    margin-left: calc(41.6666666667% + 2.1428571429rem / 2);
  }
  .xxlarge-offset-6 {
    margin-left: 50%;
  }
  .grid-margin-x > .xxlarge-offset-6 {
    margin-left: calc(50% + 2.1428571429rem / 2);
  }
  .xxlarge-offset-7 {
    margin-left: 58.3333333333%;
  }
  .grid-margin-x > .xxlarge-offset-7 {
    margin-left: calc(58.3333333333% + 2.1428571429rem / 2);
  }
  .xxlarge-offset-8 {
    margin-left: 66.6666666667%;
  }
  .grid-margin-x > .xxlarge-offset-8 {
    margin-left: calc(66.6666666667% + 2.1428571429rem / 2);
  }
  .xxlarge-offset-9 {
    margin-left: 75%;
  }
  .grid-margin-x > .xxlarge-offset-9 {
    margin-left: calc(75% + 2.1428571429rem / 2);
  }
  .xxlarge-offset-10 {
    margin-left: 83.3333333333%;
  }
  .grid-margin-x > .xxlarge-offset-10 {
    margin-left: calc(83.3333333333% + 2.1428571429rem / 2);
  }
  .xxlarge-offset-11 {
    margin-left: 91.6666666667%;
  }
  .grid-margin-x > .xxlarge-offset-11 {
    margin-left: calc(91.6666666667% + 2.1428571429rem / 2);
  }
}
@media screen and (min-width: 103.125em) {
  .xxxlarge-offset-0 {
    margin-left: 0%;
  }
  .grid-margin-x > .xxxlarge-offset-0 {
    margin-left: calc(0% + 2.1428571429rem / 2);
  }
  .xxxlarge-offset-1 {
    margin-left: 8.3333333333%;
  }
  .grid-margin-x > .xxxlarge-offset-1 {
    margin-left: calc(8.3333333333% + 2.1428571429rem / 2);
  }
  .xxxlarge-offset-2 {
    margin-left: 16.6666666667%;
  }
  .grid-margin-x > .xxxlarge-offset-2 {
    margin-left: calc(16.6666666667% + 2.1428571429rem / 2);
  }
  .xxxlarge-offset-3 {
    margin-left: 25%;
  }
  .grid-margin-x > .xxxlarge-offset-3 {
    margin-left: calc(25% + 2.1428571429rem / 2);
  }
  .xxxlarge-offset-4 {
    margin-left: 33.3333333333%;
  }
  .grid-margin-x > .xxxlarge-offset-4 {
    margin-left: calc(33.3333333333% + 2.1428571429rem / 2);
  }
  .xxxlarge-offset-5 {
    margin-left: 41.6666666667%;
  }
  .grid-margin-x > .xxxlarge-offset-5 {
    margin-left: calc(41.6666666667% + 2.1428571429rem / 2);
  }
  .xxxlarge-offset-6 {
    margin-left: 50%;
  }
  .grid-margin-x > .xxxlarge-offset-6 {
    margin-left: calc(50% + 2.1428571429rem / 2);
  }
  .xxxlarge-offset-7 {
    margin-left: 58.3333333333%;
  }
  .grid-margin-x > .xxxlarge-offset-7 {
    margin-left: calc(58.3333333333% + 2.1428571429rem / 2);
  }
  .xxxlarge-offset-8 {
    margin-left: 66.6666666667%;
  }
  .grid-margin-x > .xxxlarge-offset-8 {
    margin-left: calc(66.6666666667% + 2.1428571429rem / 2);
  }
  .xxxlarge-offset-9 {
    margin-left: 75%;
  }
  .grid-margin-x > .xxxlarge-offset-9 {
    margin-left: calc(75% + 2.1428571429rem / 2);
  }
  .xxxlarge-offset-10 {
    margin-left: 83.3333333333%;
  }
  .grid-margin-x > .xxxlarge-offset-10 {
    margin-left: calc(83.3333333333% + 2.1428571429rem / 2);
  }
  .xxxlarge-offset-11 {
    margin-left: 91.6666666667%;
  }
  .grid-margin-x > .xxxlarge-offset-11 {
    margin-left: calc(91.6666666667% + 2.1428571429rem / 2);
  }
}
.grid-y {
  display: flex;
  flex-flow: column nowrap;
}
.grid-y > .cell {
  height: auto;
  max-height: none;
}
.grid-y > .auto {
  height: auto;
}
.grid-y > .shrink {
  height: auto;
}
.grid-y > .small-shrink, .grid-y > .small-full, .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 {
  flex-basis: auto;
}
@media print, screen and (min-width: 40em) {
  .grid-y > .medium-shrink, .grid-y > .medium-full, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 {
    flex-basis: auto;
  }
}
@media print, screen and (min-width: 64em) {
  .grid-y > .large-shrink, .grid-y > .large-full, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 {
    flex-basis: auto;
  }
}
@media screen and (min-width: 75em) {
  .grid-y > .xlarge-shrink, .grid-y > .xlarge-full, .grid-y > .xlarge-1, .grid-y > .xlarge-2, .grid-y > .xlarge-3, .grid-y > .xlarge-4, .grid-y > .xlarge-5, .grid-y > .xlarge-6, .grid-y > .xlarge-7, .grid-y > .xlarge-8, .grid-y > .xlarge-9, .grid-y > .xlarge-10, .grid-y > .xlarge-11, .grid-y > .xlarge-12 {
    flex-basis: auto;
  }
}
@media screen and (min-width: 90em) {
  .grid-y > .xxlarge-shrink, .grid-y > .xxlarge-full, .grid-y > .xxlarge-1, .grid-y > .xxlarge-2, .grid-y > .xxlarge-3, .grid-y > .xxlarge-4, .grid-y > .xxlarge-5, .grid-y > .xxlarge-6, .grid-y > .xxlarge-7, .grid-y > .xxlarge-8, .grid-y > .xxlarge-9, .grid-y > .xxlarge-10, .grid-y > .xxlarge-11, .grid-y > .xxlarge-12 {
    flex-basis: auto;
  }
}
@media screen and (min-width: 103.125em) {
  .grid-y > .xxxlarge-shrink, .grid-y > .xxxlarge-full, .grid-y > .xxxlarge-1, .grid-y > .xxxlarge-2, .grid-y > .xxxlarge-3, .grid-y > .xxxlarge-4, .grid-y > .xxxlarge-5, .grid-y > .xxxlarge-6, .grid-y > .xxxlarge-7, .grid-y > .xxxlarge-8, .grid-y > .xxxlarge-9, .grid-y > .xxxlarge-10, .grid-y > .xxxlarge-11, .grid-y > .xxxlarge-12 {
    flex-basis: auto;
  }
}
.grid-y > .small-12, .grid-y > .small-11, .grid-y > .small-10, .grid-y > .small-9, .grid-y > .small-8, .grid-y > .small-7, .grid-y > .small-6, .grid-y > .small-5, .grid-y > .small-4, .grid-y > .small-3, .grid-y > .small-2, .grid-y > .small-1 {
  flex: 0 0 auto;
}
.grid-y > .small-1 {
  height: 8.3333333333%;
}
.grid-y > .small-2 {
  height: 16.6666666667%;
}
.grid-y > .small-3 {
  height: 25%;
}
.grid-y > .small-4 {
  height: 33.3333333333%;
}
.grid-y > .small-5 {
  height: 41.6666666667%;
}
.grid-y > .small-6 {
  height: 50%;
}
.grid-y > .small-7 {
  height: 58.3333333333%;
}
.grid-y > .small-8 {
  height: 66.6666666667%;
}
.grid-y > .small-9 {
  height: 75%;
}
.grid-y > .small-10 {
  height: 83.3333333333%;
}
.grid-y > .small-11 {
  height: 91.6666666667%;
}
.grid-y > .small-12 {
  height: 100%;
}
@media print, screen and (min-width: 40em) {
  .grid-y > .medium-auto {
    flex: 1 1 0;
    height: auto;
  }
  .grid-y > .medium-12, .grid-y > .medium-11, .grid-y > .medium-10, .grid-y > .medium-9, .grid-y > .medium-8, .grid-y > .medium-7, .grid-y > .medium-6, .grid-y > .medium-5, .grid-y > .medium-4, .grid-y > .medium-3, .grid-y > .medium-2, .grid-y > .medium-1, .grid-y > .medium-shrink {
    flex: 0 0 auto;
  }
  .grid-y > .medium-shrink {
    height: auto;
  }
  .grid-y > .medium-1 {
    height: 8.3333333333%;
  }
  .grid-y > .medium-2 {
    height: 16.6666666667%;
  }
  .grid-y > .medium-3 {
    height: 25%;
  }
  .grid-y > .medium-4 {
    height: 33.3333333333%;
  }
  .grid-y > .medium-5 {
    height: 41.6666666667%;
  }
  .grid-y > .medium-6 {
    height: 50%;
  }
  .grid-y > .medium-7 {
    height: 58.3333333333%;
  }
  .grid-y > .medium-8 {
    height: 66.6666666667%;
  }
  .grid-y > .medium-9 {
    height: 75%;
  }
  .grid-y > .medium-10 {
    height: 83.3333333333%;
  }
  .grid-y > .medium-11 {
    height: 91.6666666667%;
  }
  .grid-y > .medium-12 {
    height: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .grid-y > .large-auto {
    flex: 1 1 0;
    height: auto;
  }
  .grid-y > .large-12, .grid-y > .large-11, .grid-y > .large-10, .grid-y > .large-9, .grid-y > .large-8, .grid-y > .large-7, .grid-y > .large-6, .grid-y > .large-5, .grid-y > .large-4, .grid-y > .large-3, .grid-y > .large-2, .grid-y > .large-1, .grid-y > .large-shrink {
    flex: 0 0 auto;
  }
  .grid-y > .large-shrink {
    height: auto;
  }
  .grid-y > .large-1 {
    height: 8.3333333333%;
  }
  .grid-y > .large-2 {
    height: 16.6666666667%;
  }
  .grid-y > .large-3 {
    height: 25%;
  }
  .grid-y > .large-4 {
    height: 33.3333333333%;
  }
  .grid-y > .large-5 {
    height: 41.6666666667%;
  }
  .grid-y > .large-6 {
    height: 50%;
  }
  .grid-y > .large-7 {
    height: 58.3333333333%;
  }
  .grid-y > .large-8 {
    height: 66.6666666667%;
  }
  .grid-y > .large-9 {
    height: 75%;
  }
  .grid-y > .large-10 {
    height: 83.3333333333%;
  }
  .grid-y > .large-11 {
    height: 91.6666666667%;
  }
  .grid-y > .large-12 {
    height: 100%;
  }
}
@media screen and (min-width: 75em) {
  .grid-y > .xlarge-auto {
    flex: 1 1 0;
    height: auto;
  }
  .grid-y > .xlarge-12, .grid-y > .xlarge-11, .grid-y > .xlarge-10, .grid-y > .xlarge-9, .grid-y > .xlarge-8, .grid-y > .xlarge-7, .grid-y > .xlarge-6, .grid-y > .xlarge-5, .grid-y > .xlarge-4, .grid-y > .xlarge-3, .grid-y > .xlarge-2, .grid-y > .xlarge-1, .grid-y > .xlarge-shrink {
    flex: 0 0 auto;
  }
  .grid-y > .xlarge-shrink {
    height: auto;
  }
  .grid-y > .xlarge-1 {
    height: 8.3333333333%;
  }
  .grid-y > .xlarge-2 {
    height: 16.6666666667%;
  }
  .grid-y > .xlarge-3 {
    height: 25%;
  }
  .grid-y > .xlarge-4 {
    height: 33.3333333333%;
  }
  .grid-y > .xlarge-5 {
    height: 41.6666666667%;
  }
  .grid-y > .xlarge-6 {
    height: 50%;
  }
  .grid-y > .xlarge-7 {
    height: 58.3333333333%;
  }
  .grid-y > .xlarge-8 {
    height: 66.6666666667%;
  }
  .grid-y > .xlarge-9 {
    height: 75%;
  }
  .grid-y > .xlarge-10 {
    height: 83.3333333333%;
  }
  .grid-y > .xlarge-11 {
    height: 91.6666666667%;
  }
  .grid-y > .xlarge-12 {
    height: 100%;
  }
}
@media screen and (min-width: 90em) {
  .grid-y > .xxlarge-auto {
    flex: 1 1 0;
    height: auto;
  }
  .grid-y > .xxlarge-12, .grid-y > .xxlarge-11, .grid-y > .xxlarge-10, .grid-y > .xxlarge-9, .grid-y > .xxlarge-8, .grid-y > .xxlarge-7, .grid-y > .xxlarge-6, .grid-y > .xxlarge-5, .grid-y > .xxlarge-4, .grid-y > .xxlarge-3, .grid-y > .xxlarge-2, .grid-y > .xxlarge-1, .grid-y > .xxlarge-shrink {
    flex: 0 0 auto;
  }
  .grid-y > .xxlarge-shrink {
    height: auto;
  }
  .grid-y > .xxlarge-1 {
    height: 8.3333333333%;
  }
  .grid-y > .xxlarge-2 {
    height: 16.6666666667%;
  }
  .grid-y > .xxlarge-3 {
    height: 25%;
  }
  .grid-y > .xxlarge-4 {
    height: 33.3333333333%;
  }
  .grid-y > .xxlarge-5 {
    height: 41.6666666667%;
  }
  .grid-y > .xxlarge-6 {
    height: 50%;
  }
  .grid-y > .xxlarge-7 {
    height: 58.3333333333%;
  }
  .grid-y > .xxlarge-8 {
    height: 66.6666666667%;
  }
  .grid-y > .xxlarge-9 {
    height: 75%;
  }
  .grid-y > .xxlarge-10 {
    height: 83.3333333333%;
  }
  .grid-y > .xxlarge-11 {
    height: 91.6666666667%;
  }
  .grid-y > .xxlarge-12 {
    height: 100%;
  }
}
@media screen and (min-width: 103.125em) {
  .grid-y > .xxxlarge-auto {
    flex: 1 1 0;
    height: auto;
  }
  .grid-y > .xxxlarge-12, .grid-y > .xxxlarge-11, .grid-y > .xxxlarge-10, .grid-y > .xxxlarge-9, .grid-y > .xxxlarge-8, .grid-y > .xxxlarge-7, .grid-y > .xxxlarge-6, .grid-y > .xxxlarge-5, .grid-y > .xxxlarge-4, .grid-y > .xxxlarge-3, .grid-y > .xxxlarge-2, .grid-y > .xxxlarge-1, .grid-y > .xxxlarge-shrink {
    flex: 0 0 auto;
  }
  .grid-y > .xxxlarge-shrink {
    height: auto;
  }
  .grid-y > .xxxlarge-1 {
    height: 8.3333333333%;
  }
  .grid-y > .xxxlarge-2 {
    height: 16.6666666667%;
  }
  .grid-y > .xxxlarge-3 {
    height: 25%;
  }
  .grid-y > .xxxlarge-4 {
    height: 33.3333333333%;
  }
  .grid-y > .xxxlarge-5 {
    height: 41.6666666667%;
  }
  .grid-y > .xxxlarge-6 {
    height: 50%;
  }
  .grid-y > .xxxlarge-7 {
    height: 58.3333333333%;
  }
  .grid-y > .xxxlarge-8 {
    height: 66.6666666667%;
  }
  .grid-y > .xxxlarge-9 {
    height: 75%;
  }
  .grid-y > .xxxlarge-10 {
    height: 83.3333333333%;
  }
  .grid-y > .xxxlarge-11 {
    height: 91.6666666667%;
  }
  .grid-y > .xxxlarge-12 {
    height: 100%;
  }
}

.grid-padding-y .grid-padding-y {
  margin-top: -0.7142857143rem;
  margin-bottom: -0.7142857143rem;
}
@media print, screen and (min-width: 40em) {
  .grid-padding-y .grid-padding-y {
    margin-top: -1.0714285714rem;
    margin-bottom: -1.0714285714rem;
  }
}
.grid-padding-y > .cell {
  padding-top: 0.7142857143rem;
  padding-bottom: 0.7142857143rem;
}
@media print, screen and (min-width: 40em) {
  .grid-padding-y > .cell {
    padding-top: 1.0714285714rem;
    padding-bottom: 1.0714285714rem;
  }
}

.grid-margin-y {
  margin-top: -0.7142857143rem;
  margin-bottom: -0.7142857143rem;
}
@media print, screen and (min-width: 40em) {
  .grid-margin-y {
    margin-top: -1.0714285714rem;
    margin-bottom: -1.0714285714rem;
  }
}
.grid-margin-y > .cell {
  height: calc(100% - 1.4285714286rem);
  margin-top: 0.7142857143rem;
  margin-bottom: 0.7142857143rem;
}
@media print, screen and (min-width: 40em) {
  .grid-margin-y > .cell {
    height: calc(100% - 2.1428571429rem);
    margin-top: 1.0714285714rem;
    margin-bottom: 1.0714285714rem;
  }
}
.grid-margin-y > .auto {
  height: auto;
}
.grid-margin-y > .shrink {
  height: auto;
}
.grid-margin-y > .small-1 {
  height: calc(8.3333333333% - 1.4285714286rem);
}
.grid-margin-y > .small-2 {
  height: calc(16.6666666667% - 1.4285714286rem);
}
.grid-margin-y > .small-3 {
  height: calc(25% - 1.4285714286rem);
}
.grid-margin-y > .small-4 {
  height: calc(33.3333333333% - 1.4285714286rem);
}
.grid-margin-y > .small-5 {
  height: calc(41.6666666667% - 1.4285714286rem);
}
.grid-margin-y > .small-6 {
  height: calc(50% - 1.4285714286rem);
}
.grid-margin-y > .small-7 {
  height: calc(58.3333333333% - 1.4285714286rem);
}
.grid-margin-y > .small-8 {
  height: calc(66.6666666667% - 1.4285714286rem);
}
.grid-margin-y > .small-9 {
  height: calc(75% - 1.4285714286rem);
}
.grid-margin-y > .small-10 {
  height: calc(83.3333333333% - 1.4285714286rem);
}
.grid-margin-y > .small-11 {
  height: calc(91.6666666667% - 1.4285714286rem);
}
.grid-margin-y > .small-12 {
  height: calc(100% - 1.4285714286rem);
}
@media print, screen and (min-width: 40em) {
  .grid-margin-y > .auto {
    height: auto;
  }
  .grid-margin-y > .shrink {
    height: auto;
  }
  .grid-margin-y > .small-1 {
    height: calc(8.3333333333% - 2.1428571429rem);
  }
  .grid-margin-y > .small-2 {
    height: calc(16.6666666667% - 2.1428571429rem);
  }
  .grid-margin-y > .small-3 {
    height: calc(25% - 2.1428571429rem);
  }
  .grid-margin-y > .small-4 {
    height: calc(33.3333333333% - 2.1428571429rem);
  }
  .grid-margin-y > .small-5 {
    height: calc(41.6666666667% - 2.1428571429rem);
  }
  .grid-margin-y > .small-6 {
    height: calc(50% - 2.1428571429rem);
  }
  .grid-margin-y > .small-7 {
    height: calc(58.3333333333% - 2.1428571429rem);
  }
  .grid-margin-y > .small-8 {
    height: calc(66.6666666667% - 2.1428571429rem);
  }
  .grid-margin-y > .small-9 {
    height: calc(75% - 2.1428571429rem);
  }
  .grid-margin-y > .small-10 {
    height: calc(83.3333333333% - 2.1428571429rem);
  }
  .grid-margin-y > .small-11 {
    height: calc(91.6666666667% - 2.1428571429rem);
  }
  .grid-margin-y > .small-12 {
    height: calc(100% - 2.1428571429rem);
  }
  .grid-margin-y > .medium-auto {
    height: auto;
  }
  .grid-margin-y > .medium-shrink {
    height: auto;
  }
  .grid-margin-y > .medium-1 {
    height: calc(8.3333333333% - 2.1428571429rem);
  }
  .grid-margin-y > .medium-2 {
    height: calc(16.6666666667% - 2.1428571429rem);
  }
  .grid-margin-y > .medium-3 {
    height: calc(25% - 2.1428571429rem);
  }
  .grid-margin-y > .medium-4 {
    height: calc(33.3333333333% - 2.1428571429rem);
  }
  .grid-margin-y > .medium-5 {
    height: calc(41.6666666667% - 2.1428571429rem);
  }
  .grid-margin-y > .medium-6 {
    height: calc(50% - 2.1428571429rem);
  }
  .grid-margin-y > .medium-7 {
    height: calc(58.3333333333% - 2.1428571429rem);
  }
  .grid-margin-y > .medium-8 {
    height: calc(66.6666666667% - 2.1428571429rem);
  }
  .grid-margin-y > .medium-9 {
    height: calc(75% - 2.1428571429rem);
  }
  .grid-margin-y > .medium-10 {
    height: calc(83.3333333333% - 2.1428571429rem);
  }
  .grid-margin-y > .medium-11 {
    height: calc(91.6666666667% - 2.1428571429rem);
  }
  .grid-margin-y > .medium-12 {
    height: calc(100% - 2.1428571429rem);
  }
}
@media print, screen and (min-width: 64em) {
  .grid-margin-y > .large-auto {
    height: auto;
  }
  .grid-margin-y > .large-shrink {
    height: auto;
  }
  .grid-margin-y > .large-1 {
    height: calc(8.3333333333% - 2.1428571429rem);
  }
  .grid-margin-y > .large-2 {
    height: calc(16.6666666667% - 2.1428571429rem);
  }
  .grid-margin-y > .large-3 {
    height: calc(25% - 2.1428571429rem);
  }
  .grid-margin-y > .large-4 {
    height: calc(33.3333333333% - 2.1428571429rem);
  }
  .grid-margin-y > .large-5 {
    height: calc(41.6666666667% - 2.1428571429rem);
  }
  .grid-margin-y > .large-6 {
    height: calc(50% - 2.1428571429rem);
  }
  .grid-margin-y > .large-7 {
    height: calc(58.3333333333% - 2.1428571429rem);
  }
  .grid-margin-y > .large-8 {
    height: calc(66.6666666667% - 2.1428571429rem);
  }
  .grid-margin-y > .large-9 {
    height: calc(75% - 2.1428571429rem);
  }
  .grid-margin-y > .large-10 {
    height: calc(83.3333333333% - 2.1428571429rem);
  }
  .grid-margin-y > .large-11 {
    height: calc(91.6666666667% - 2.1428571429rem);
  }
  .grid-margin-y > .large-12 {
    height: calc(100% - 2.1428571429rem);
  }
}
@media screen and (min-width: 75em) {
  .grid-margin-y > .xlarge-auto {
    height: auto;
  }
  .grid-margin-y > .xlarge-shrink {
    height: auto;
  }
  .grid-margin-y > .xlarge-1 {
    height: calc(8.3333333333% - 2.1428571429rem);
  }
  .grid-margin-y > .xlarge-2 {
    height: calc(16.6666666667% - 2.1428571429rem);
  }
  .grid-margin-y > .xlarge-3 {
    height: calc(25% - 2.1428571429rem);
  }
  .grid-margin-y > .xlarge-4 {
    height: calc(33.3333333333% - 2.1428571429rem);
  }
  .grid-margin-y > .xlarge-5 {
    height: calc(41.6666666667% - 2.1428571429rem);
  }
  .grid-margin-y > .xlarge-6 {
    height: calc(50% - 2.1428571429rem);
  }
  .grid-margin-y > .xlarge-7 {
    height: calc(58.3333333333% - 2.1428571429rem);
  }
  .grid-margin-y > .xlarge-8 {
    height: calc(66.6666666667% - 2.1428571429rem);
  }
  .grid-margin-y > .xlarge-9 {
    height: calc(75% - 2.1428571429rem);
  }
  .grid-margin-y > .xlarge-10 {
    height: calc(83.3333333333% - 2.1428571429rem);
  }
  .grid-margin-y > .xlarge-11 {
    height: calc(91.6666666667% - 2.1428571429rem);
  }
  .grid-margin-y > .xlarge-12 {
    height: calc(100% - 2.1428571429rem);
  }
}
@media screen and (min-width: 90em) {
  .grid-margin-y > .xxlarge-auto {
    height: auto;
  }
  .grid-margin-y > .xxlarge-shrink {
    height: auto;
  }
  .grid-margin-y > .xxlarge-1 {
    height: calc(8.3333333333% - 2.1428571429rem);
  }
  .grid-margin-y > .xxlarge-2 {
    height: calc(16.6666666667% - 2.1428571429rem);
  }
  .grid-margin-y > .xxlarge-3 {
    height: calc(25% - 2.1428571429rem);
  }
  .grid-margin-y > .xxlarge-4 {
    height: calc(33.3333333333% - 2.1428571429rem);
  }
  .grid-margin-y > .xxlarge-5 {
    height: calc(41.6666666667% - 2.1428571429rem);
  }
  .grid-margin-y > .xxlarge-6 {
    height: calc(50% - 2.1428571429rem);
  }
  .grid-margin-y > .xxlarge-7 {
    height: calc(58.3333333333% - 2.1428571429rem);
  }
  .grid-margin-y > .xxlarge-8 {
    height: calc(66.6666666667% - 2.1428571429rem);
  }
  .grid-margin-y > .xxlarge-9 {
    height: calc(75% - 2.1428571429rem);
  }
  .grid-margin-y > .xxlarge-10 {
    height: calc(83.3333333333% - 2.1428571429rem);
  }
  .grid-margin-y > .xxlarge-11 {
    height: calc(91.6666666667% - 2.1428571429rem);
  }
  .grid-margin-y > .xxlarge-12 {
    height: calc(100% - 2.1428571429rem);
  }
}
@media screen and (min-width: 103.125em) {
  .grid-margin-y > .xxxlarge-auto {
    height: auto;
  }
  .grid-margin-y > .xxxlarge-shrink {
    height: auto;
  }
  .grid-margin-y > .xxxlarge-1 {
    height: calc(8.3333333333% - 2.1428571429rem);
  }
  .grid-margin-y > .xxxlarge-2 {
    height: calc(16.6666666667% - 2.1428571429rem);
  }
  .grid-margin-y > .xxxlarge-3 {
    height: calc(25% - 2.1428571429rem);
  }
  .grid-margin-y > .xxxlarge-4 {
    height: calc(33.3333333333% - 2.1428571429rem);
  }
  .grid-margin-y > .xxxlarge-5 {
    height: calc(41.6666666667% - 2.1428571429rem);
  }
  .grid-margin-y > .xxxlarge-6 {
    height: calc(50% - 2.1428571429rem);
  }
  .grid-margin-y > .xxxlarge-7 {
    height: calc(58.3333333333% - 2.1428571429rem);
  }
  .grid-margin-y > .xxxlarge-8 {
    height: calc(66.6666666667% - 2.1428571429rem);
  }
  .grid-margin-y > .xxxlarge-9 {
    height: calc(75% - 2.1428571429rem);
  }
  .grid-margin-y > .xxxlarge-10 {
    height: calc(83.3333333333% - 2.1428571429rem);
  }
  .grid-margin-y > .xxxlarge-11 {
    height: calc(91.6666666667% - 2.1428571429rem);
  }
  .grid-margin-y > .xxxlarge-12 {
    height: calc(100% - 2.1428571429rem);
  }
}

.grid-frame {
  overflow: hidden;
  position: relative;
  flex-wrap: nowrap;
  align-items: stretch;
  width: 100vw;
}

.cell .grid-frame {
  width: 100%;
}

.cell-block {
  overflow-x: auto;
  max-width: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.cell-block-y {
  overflow-y: auto;
  max-height: 100%;
  min-height: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.cell-block-container {
  display: flex;
  flex-direction: column;
  max-height: 100%;
}
.cell-block-container > .grid-x {
  max-height: 100%;
  flex-wrap: nowrap;
}

@media print, screen and (min-width: 40em) {
  .medium-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100vw;
  }
  .cell .medium-grid-frame {
    width: 100%;
  }
  .medium-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .medium-cell-block-container {
    display: flex;
    flex-direction: column;
    max-height: 100%;
  }
  .medium-cell-block-container > .grid-x {
    max-height: 100%;
    flex-wrap: nowrap;
  }
  .medium-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
}
@media print, screen and (min-width: 64em) {
  .large-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100vw;
  }
  .cell .large-grid-frame {
    width: 100%;
  }
  .large-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .large-cell-block-container {
    display: flex;
    flex-direction: column;
    max-height: 100%;
  }
  .large-cell-block-container > .grid-x {
    max-height: 100%;
    flex-wrap: nowrap;
  }
  .large-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
}
@media screen and (min-width: 75em) {
  .xlarge-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100vw;
  }
  .cell .xlarge-grid-frame {
    width: 100%;
  }
  .xlarge-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .xlarge-cell-block-container {
    display: flex;
    flex-direction: column;
    max-height: 100%;
  }
  .xlarge-cell-block-container > .grid-x {
    max-height: 100%;
    flex-wrap: nowrap;
  }
  .xlarge-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
}
@media screen and (min-width: 90em) {
  .xxlarge-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100vw;
  }
  .cell .xxlarge-grid-frame {
    width: 100%;
  }
  .xxlarge-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .xxlarge-cell-block-container {
    display: flex;
    flex-direction: column;
    max-height: 100%;
  }
  .xxlarge-cell-block-container > .grid-x {
    max-height: 100%;
    flex-wrap: nowrap;
  }
  .xxlarge-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
}
@media screen and (min-width: 103.125em) {
  .xxxlarge-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100vw;
  }
  .cell .xxxlarge-grid-frame {
    width: 100%;
  }
  .xxxlarge-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .xxxlarge-cell-block-container {
    display: flex;
    flex-direction: column;
    max-height: 100%;
  }
  .xxxlarge-cell-block-container > .grid-x {
    max-height: 100%;
    flex-wrap: nowrap;
  }
  .xxxlarge-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
}
.grid-y.grid-frame {
  overflow: hidden;
  position: relative;
  flex-wrap: nowrap;
  align-items: stretch;
  height: 100vh;
  width: auto;
}
@media print, screen and (min-width: 40em) {
  .grid-y.medium-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100vh;
    width: auto;
  }
}
@media print, screen and (min-width: 64em) {
  .grid-y.large-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100vh;
    width: auto;
  }
}
@media screen and (min-width: 75em) {
  .grid-y.xlarge-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100vh;
    width: auto;
  }
}
@media screen and (min-width: 90em) {
  .grid-y.xxlarge-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100vh;
    width: auto;
  }
}
@media screen and (min-width: 103.125em) {
  .grid-y.xxxlarge-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100vh;
    width: auto;
  }
}

.cell .grid-y.grid-frame {
  height: 100%;
}
@media print, screen and (min-width: 40em) {
  .cell .grid-y.medium-grid-frame {
    height: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .cell .grid-y.large-grid-frame {
    height: 100%;
  }
}
@media screen and (min-width: 75em) {
  .cell .grid-y.xlarge-grid-frame {
    height: 100%;
  }
}
@media screen and (min-width: 90em) {
  .cell .grid-y.xxlarge-grid-frame {
    height: 100%;
  }
}
@media screen and (min-width: 103.125em) {
  .cell .grid-y.xxxlarge-grid-frame {
    height: 100%;
  }
}

.grid-margin-y {
  margin-top: -0.7142857143rem;
  margin-bottom: -0.7142857143rem;
}
@media print, screen and (min-width: 40em) {
  .grid-margin-y {
    margin-top: -1.0714285714rem;
    margin-bottom: -1.0714285714rem;
  }
}
.grid-margin-y > .cell {
  height: calc(100% - 1.4285714286rem);
  margin-top: 0.7142857143rem;
  margin-bottom: 0.7142857143rem;
}
@media print, screen and (min-width: 40em) {
  .grid-margin-y > .cell {
    height: calc(100% - 2.1428571429rem);
    margin-top: 1.0714285714rem;
    margin-bottom: 1.0714285714rem;
  }
}
.grid-margin-y > .auto {
  height: auto;
}
.grid-margin-y > .shrink {
  height: auto;
}
.grid-margin-y > .small-1 {
  height: calc(8.3333333333% - 1.4285714286rem);
}
.grid-margin-y > .small-2 {
  height: calc(16.6666666667% - 1.4285714286rem);
}
.grid-margin-y > .small-3 {
  height: calc(25% - 1.4285714286rem);
}
.grid-margin-y > .small-4 {
  height: calc(33.3333333333% - 1.4285714286rem);
}
.grid-margin-y > .small-5 {
  height: calc(41.6666666667% - 1.4285714286rem);
}
.grid-margin-y > .small-6 {
  height: calc(50% - 1.4285714286rem);
}
.grid-margin-y > .small-7 {
  height: calc(58.3333333333% - 1.4285714286rem);
}
.grid-margin-y > .small-8 {
  height: calc(66.6666666667% - 1.4285714286rem);
}
.grid-margin-y > .small-9 {
  height: calc(75% - 1.4285714286rem);
}
.grid-margin-y > .small-10 {
  height: calc(83.3333333333% - 1.4285714286rem);
}
.grid-margin-y > .small-11 {
  height: calc(91.6666666667% - 1.4285714286rem);
}
.grid-margin-y > .small-12 {
  height: calc(100% - 1.4285714286rem);
}
@media print, screen and (min-width: 40em) {
  .grid-margin-y > .auto {
    height: auto;
  }
  .grid-margin-y > .shrink {
    height: auto;
  }
  .grid-margin-y > .small-1 {
    height: calc(8.3333333333% - 2.1428571429rem);
  }
  .grid-margin-y > .small-2 {
    height: calc(16.6666666667% - 2.1428571429rem);
  }
  .grid-margin-y > .small-3 {
    height: calc(25% - 2.1428571429rem);
  }
  .grid-margin-y > .small-4 {
    height: calc(33.3333333333% - 2.1428571429rem);
  }
  .grid-margin-y > .small-5 {
    height: calc(41.6666666667% - 2.1428571429rem);
  }
  .grid-margin-y > .small-6 {
    height: calc(50% - 2.1428571429rem);
  }
  .grid-margin-y > .small-7 {
    height: calc(58.3333333333% - 2.1428571429rem);
  }
  .grid-margin-y > .small-8 {
    height: calc(66.6666666667% - 2.1428571429rem);
  }
  .grid-margin-y > .small-9 {
    height: calc(75% - 2.1428571429rem);
  }
  .grid-margin-y > .small-10 {
    height: calc(83.3333333333% - 2.1428571429rem);
  }
  .grid-margin-y > .small-11 {
    height: calc(91.6666666667% - 2.1428571429rem);
  }
  .grid-margin-y > .small-12 {
    height: calc(100% - 2.1428571429rem);
  }
  .grid-margin-y > .medium-auto {
    height: auto;
  }
  .grid-margin-y > .medium-shrink {
    height: auto;
  }
  .grid-margin-y > .medium-1 {
    height: calc(8.3333333333% - 2.1428571429rem);
  }
  .grid-margin-y > .medium-2 {
    height: calc(16.6666666667% - 2.1428571429rem);
  }
  .grid-margin-y > .medium-3 {
    height: calc(25% - 2.1428571429rem);
  }
  .grid-margin-y > .medium-4 {
    height: calc(33.3333333333% - 2.1428571429rem);
  }
  .grid-margin-y > .medium-5 {
    height: calc(41.6666666667% - 2.1428571429rem);
  }
  .grid-margin-y > .medium-6 {
    height: calc(50% - 2.1428571429rem);
  }
  .grid-margin-y > .medium-7 {
    height: calc(58.3333333333% - 2.1428571429rem);
  }
  .grid-margin-y > .medium-8 {
    height: calc(66.6666666667% - 2.1428571429rem);
  }
  .grid-margin-y > .medium-9 {
    height: calc(75% - 2.1428571429rem);
  }
  .grid-margin-y > .medium-10 {
    height: calc(83.3333333333% - 2.1428571429rem);
  }
  .grid-margin-y > .medium-11 {
    height: calc(91.6666666667% - 2.1428571429rem);
  }
  .grid-margin-y > .medium-12 {
    height: calc(100% - 2.1428571429rem);
  }
}
@media print, screen and (min-width: 64em) {
  .grid-margin-y > .large-auto {
    height: auto;
  }
  .grid-margin-y > .large-shrink {
    height: auto;
  }
  .grid-margin-y > .large-1 {
    height: calc(8.3333333333% - 2.1428571429rem);
  }
  .grid-margin-y > .large-2 {
    height: calc(16.6666666667% - 2.1428571429rem);
  }
  .grid-margin-y > .large-3 {
    height: calc(25% - 2.1428571429rem);
  }
  .grid-margin-y > .large-4 {
    height: calc(33.3333333333% - 2.1428571429rem);
  }
  .grid-margin-y > .large-5 {
    height: calc(41.6666666667% - 2.1428571429rem);
  }
  .grid-margin-y > .large-6 {
    height: calc(50% - 2.1428571429rem);
  }
  .grid-margin-y > .large-7 {
    height: calc(58.3333333333% - 2.1428571429rem);
  }
  .grid-margin-y > .large-8 {
    height: calc(66.6666666667% - 2.1428571429rem);
  }
  .grid-margin-y > .large-9 {
    height: calc(75% - 2.1428571429rem);
  }
  .grid-margin-y > .large-10 {
    height: calc(83.3333333333% - 2.1428571429rem);
  }
  .grid-margin-y > .large-11 {
    height: calc(91.6666666667% - 2.1428571429rem);
  }
  .grid-margin-y > .large-12 {
    height: calc(100% - 2.1428571429rem);
  }
}
@media screen and (min-width: 75em) {
  .grid-margin-y > .xlarge-auto {
    height: auto;
  }
  .grid-margin-y > .xlarge-shrink {
    height: auto;
  }
  .grid-margin-y > .xlarge-1 {
    height: calc(8.3333333333% - 2.1428571429rem);
  }
  .grid-margin-y > .xlarge-2 {
    height: calc(16.6666666667% - 2.1428571429rem);
  }
  .grid-margin-y > .xlarge-3 {
    height: calc(25% - 2.1428571429rem);
  }
  .grid-margin-y > .xlarge-4 {
    height: calc(33.3333333333% - 2.1428571429rem);
  }
  .grid-margin-y > .xlarge-5 {
    height: calc(41.6666666667% - 2.1428571429rem);
  }
  .grid-margin-y > .xlarge-6 {
    height: calc(50% - 2.1428571429rem);
  }
  .grid-margin-y > .xlarge-7 {
    height: calc(58.3333333333% - 2.1428571429rem);
  }
  .grid-margin-y > .xlarge-8 {
    height: calc(66.6666666667% - 2.1428571429rem);
  }
  .grid-margin-y > .xlarge-9 {
    height: calc(75% - 2.1428571429rem);
  }
  .grid-margin-y > .xlarge-10 {
    height: calc(83.3333333333% - 2.1428571429rem);
  }
  .grid-margin-y > .xlarge-11 {
    height: calc(91.6666666667% - 2.1428571429rem);
  }
  .grid-margin-y > .xlarge-12 {
    height: calc(100% - 2.1428571429rem);
  }
}
@media screen and (min-width: 90em) {
  .grid-margin-y > .xxlarge-auto {
    height: auto;
  }
  .grid-margin-y > .xxlarge-shrink {
    height: auto;
  }
  .grid-margin-y > .xxlarge-1 {
    height: calc(8.3333333333% - 2.1428571429rem);
  }
  .grid-margin-y > .xxlarge-2 {
    height: calc(16.6666666667% - 2.1428571429rem);
  }
  .grid-margin-y > .xxlarge-3 {
    height: calc(25% - 2.1428571429rem);
  }
  .grid-margin-y > .xxlarge-4 {
    height: calc(33.3333333333% - 2.1428571429rem);
  }
  .grid-margin-y > .xxlarge-5 {
    height: calc(41.6666666667% - 2.1428571429rem);
  }
  .grid-margin-y > .xxlarge-6 {
    height: calc(50% - 2.1428571429rem);
  }
  .grid-margin-y > .xxlarge-7 {
    height: calc(58.3333333333% - 2.1428571429rem);
  }
  .grid-margin-y > .xxlarge-8 {
    height: calc(66.6666666667% - 2.1428571429rem);
  }
  .grid-margin-y > .xxlarge-9 {
    height: calc(75% - 2.1428571429rem);
  }
  .grid-margin-y > .xxlarge-10 {
    height: calc(83.3333333333% - 2.1428571429rem);
  }
  .grid-margin-y > .xxlarge-11 {
    height: calc(91.6666666667% - 2.1428571429rem);
  }
  .grid-margin-y > .xxlarge-12 {
    height: calc(100% - 2.1428571429rem);
  }
}
@media screen and (min-width: 103.125em) {
  .grid-margin-y > .xxxlarge-auto {
    height: auto;
  }
  .grid-margin-y > .xxxlarge-shrink {
    height: auto;
  }
  .grid-margin-y > .xxxlarge-1 {
    height: calc(8.3333333333% - 2.1428571429rem);
  }
  .grid-margin-y > .xxxlarge-2 {
    height: calc(16.6666666667% - 2.1428571429rem);
  }
  .grid-margin-y > .xxxlarge-3 {
    height: calc(25% - 2.1428571429rem);
  }
  .grid-margin-y > .xxxlarge-4 {
    height: calc(33.3333333333% - 2.1428571429rem);
  }
  .grid-margin-y > .xxxlarge-5 {
    height: calc(41.6666666667% - 2.1428571429rem);
  }
  .grid-margin-y > .xxxlarge-6 {
    height: calc(50% - 2.1428571429rem);
  }
  .grid-margin-y > .xxxlarge-7 {
    height: calc(58.3333333333% - 2.1428571429rem);
  }
  .grid-margin-y > .xxxlarge-8 {
    height: calc(66.6666666667% - 2.1428571429rem);
  }
  .grid-margin-y > .xxxlarge-9 {
    height: calc(75% - 2.1428571429rem);
  }
  .grid-margin-y > .xxxlarge-10 {
    height: calc(83.3333333333% - 2.1428571429rem);
  }
  .grid-margin-y > .xxxlarge-11 {
    height: calc(91.6666666667% - 2.1428571429rem);
  }
  .grid-margin-y > .xxxlarge-12 {
    height: calc(100% - 2.1428571429rem);
  }
}

.grid-frame.grid-margin-y {
  height: calc(100vh + 1.4285714286rem);
}
@media print, screen and (min-width: 40em) {
  .grid-frame.grid-margin-y {
    height: calc(100vh + 2.1428571429rem);
  }
}
@media print, screen and (min-width: 64em) {
  .grid-frame.grid-margin-y {
    height: calc(100vh + 2.1428571429rem);
  }
}
@media screen and (min-width: 75em) {
  .grid-frame.grid-margin-y {
    height: calc(100vh + 2.1428571429rem);
  }
}
@media screen and (min-width: 90em) {
  .grid-frame.grid-margin-y {
    height: calc(100vh + 2.1428571429rem);
  }
}
@media screen and (min-width: 103.125em) {
  .grid-frame.grid-margin-y {
    height: calc(100vh + 2.1428571429rem);
  }
}

@media print, screen and (min-width: 40em) {
  .grid-margin-y.medium-grid-frame {
    height: calc(100vh + 2.1428571429rem);
  }
}
@media print, screen and (min-width: 64em) {
  .grid-margin-y.large-grid-frame {
    height: calc(100vh + 2.1428571429rem);
  }
}
@media screen and (min-width: 75em) {
  .grid-margin-y.xlarge-grid-frame {
    height: calc(100vh + 2.1428571429rem);
  }
}
@media screen and (min-width: 90em) {
  .grid-margin-y.xxlarge-grid-frame {
    height: calc(100vh + 2.1428571429rem);
  }
}
@media screen and (min-width: 103.125em) {
  .grid-margin-y.xxxlarge-grid-frame {
    height: calc(100vh + 2.1428571429rem);
  }
}
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

p {
  margin-bottom: 1rem;
  font-size: inherit;
  line-height: 1.1428571429rem;
  text-rendering: optimizeLegibility;
}

em,
i {
  font-style: italic;
  line-height: inherit;
}

strong,
b {
  font-weight: bold;
  line-height: inherit;
}

small {
  font-size: 0.8571428571rem;
  line-height: inherit;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  color: #105681;
  text-rendering: optimizeLegibility;
}
h1 small, .h1 small,
h2 small, .h2 small,
h3 small, .h3 small,
h4 small, .h4 small,
h5 small, .h5 small,
h6 small, .h6 small {
  line-height: 0;
  color: #888c91;
}

h1, .h1 {
  font-size: 1.7142857143rem;
  line-height: 1.2;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h2, .h2 {
  font-size: 2.1428571429rem;
  line-height: 1.2;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h3, .h3 {
  font-size: 1.5rem;
  line-height: 1.2;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h4, .h4 {
  font-size: 1.2857142857rem;
  line-height: 1.2;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h5, .h5 {
  font-size: 1.1428571429rem;
  line-height: 1.2;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h6, .h6 {
  font-size: 1.1428571429rem;
  line-height: 1.2;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

@media print, screen and (min-width: 40em) {
  h1, .h1 {
    font-size: 3rem;
  }
  h2, .h2 {
    font-size: 1.8571428571rem;
  }
  h3, .h3 {
    font-size: 1.2857142857rem;
  }
  h4, .h4 {
    font-size: 1.1428571429rem;
  }
  h5, .h5 {
    font-size: 1rem;
  }
  h6, .h6 {
    font-size: 1rem;
  }
}
a {
  line-height: inherit;
  color: #105681;
  text-decoration: none;
  cursor: pointer;
}
a:hover, a:focus {
  color: #2e3b4e;
}
a img {
  border: 0;
}

hr {
  clear: both;
  max-width: 100%;
  height: 0;
  margin: 0;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid #ececf1;
  border-left: 0;
}

ul,
ol,
dl {
  margin-bottom: 1rem;
  list-style-position: outside;
  line-height: 1.6;
}

li {
  font-size: inherit;
}

ul {
  margin-left: 1.25rem;
  list-style-type: disc;
}

ol {
  margin-left: 1.25rem;
}

ul ul, ul ol, ol ul, ol ol {
  margin-left: 1.25rem;
  margin-bottom: 0;
}

dl {
  margin-bottom: 1rem;
}
dl dt {
  margin-bottom: 0.3rem;
  font-weight: bold;
}

blockquote {
  margin: 0 0 1rem;
  padding: 0.6428571429rem 1.4285714286rem 0 1.3571428571rem;
  border-left: 1px solid #888c91;
}
blockquote, blockquote p {
  line-height: 1.1428571429rem;
  color: #646E81;
}

abbr, abbr[title] {
  border-bottom: 1px dotted #0a0a0a;
  cursor: help;
  text-decoration: none;
}

figure {
  margin: 0;
}

kbd {
  margin: 0;
  padding: 0.1428571429rem 0.2857142857rem 0;
  background-color: #ececf1;
  font-family: "Roboto Mono", Consolas, "Liberation Mono", Courier, monospace;
  color: #0a0a0a;
}

.subheader {
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  font-weight: 400;
  line-height: 1.4;
  color: #281e1e;
}

.lead {
  font-size: 15.4px;
  line-height: 1.6;
}

.stat {
  font-size: 2.5rem;
  line-height: 1;
}
p + .stat {
  margin-top: -1rem;
}

ul.no-bullet, ol.no-bullet {
  margin-left: 0;
  list-style: none;
}

.cite-block, cite {
  display: block;
  color: #646E81;
  font-size: 0.9285714286rem;
}
.cite-block:before, cite:before {
  content: "— ";
}

.code-inline, code {
  border: 1px solid #888c91;
  background-color: #ececf1;
  font-family: "Roboto Mono", Consolas, "Liberation Mono", Courier, monospace;
  font-weight: 400;
  color: #0a0a0a;
  display: inline;
  max-width: 100%;
  word-wrap: break-word;
  padding: 0.1428571429rem 0.3571428571rem 0.0714285714rem;
}

.code-block {
  border: 1px solid #888c91;
  background-color: #ececf1;
  font-family: "Roboto Mono", Consolas, "Liberation Mono", Courier, monospace;
  font-weight: 400;
  color: #0a0a0a;
  display: block;
  overflow: auto;
  white-space: pre;
  padding: 1rem;
  margin-bottom: 1.5rem;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.text-justify {
  text-align: justify;
}

@media print, screen and (min-width: 40em) {
  .medium-text-left {
    text-align: left;
  }
  .medium-text-right {
    text-align: right;
  }
  .medium-text-center {
    text-align: center;
  }
  .medium-text-justify {
    text-align: justify;
  }
}
@media print, screen and (min-width: 64em) {
  .large-text-left {
    text-align: left;
  }
  .large-text-right {
    text-align: right;
  }
  .large-text-center {
    text-align: center;
  }
  .large-text-justify {
    text-align: justify;
  }
}
@media screen and (min-width: 75em) {
  .xlarge-text-left {
    text-align: left;
  }
  .xlarge-text-right {
    text-align: right;
  }
  .xlarge-text-center {
    text-align: center;
  }
  .xlarge-text-justify {
    text-align: justify;
  }
}
@media screen and (min-width: 90em) {
  .xxlarge-text-left {
    text-align: left;
  }
  .xxlarge-text-right {
    text-align: right;
  }
  .xxlarge-text-center {
    text-align: center;
  }
  .xxlarge-text-justify {
    text-align: justify;
  }
}
@media screen and (min-width: 103.125em) {
  .xxxlarge-text-left {
    text-align: left;
  }
  .xxxlarge-text-right {
    text-align: right;
  }
  .xxxlarge-text-center {
    text-align: center;
  }
  .xxxlarge-text-justify {
    text-align: justify;
  }
}
.show-for-print {
  display: none !important;
}

@media print {
  * {
    background: transparent !important;
    color: black !important;
    print-color-adjust: economy;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  .show-for-print {
    display: block !important;
  }
  .hide-for-print {
    display: none !important;
  }
  table.show-for-print {
    display: table !important;
  }
  thead.show-for-print {
    display: table-header-group !important;
  }
  tbody.show-for-print {
    display: table-row-group !important;
  }
  tr.show-for-print {
    display: table-row !important;
  }
  td.show-for-print {
    display: table-cell !important;
  }
  th.show-for-print {
    display: table-cell !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  pre,
  blockquote {
    border: 1px solid #646E81;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .print-break-inside {
    page-break-inside: auto;
  }
}
[type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color],
textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 2.4285714286rem;
  margin: 0 0 0.6428571429rem;
  padding: 0.5rem;
  border: 1px solid #cccaca;
  border-radius: 0;
  background-color: #fff;
  box-shadow: none;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #281e1e;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}
[type=text]:focus, [type=password]:focus, [type=date]:focus, [type=datetime]:focus, [type=datetime-local]:focus, [type=month]:focus, [type=week]:focus, [type=email]:focus, [type=number]:focus, [type=search]:focus, [type=tel]:focus, [type=time]:focus, [type=url]:focus, [type=color]:focus,
textarea:focus {
  outline: none;
  border: 1px solid #105681;
  background-color: #fff;
  box-shadow: none;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}
[type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color],
textarea {
  appearance: none;
}

textarea {
  max-width: 100%;
}
textarea[rows] {
  height: auto;
}

input:disabled, input[readonly],
textarea:disabled,
textarea[readonly] {
  background-color: #ececf1;
  cursor: not-allowed;
}

[type=submit],
[type=button] {
  appearance: none;
  border-radius: 0;
}

input[type=search] {
  box-sizing: border-box;
}

::placeholder {
  color: #888c91;
}

[type=file],
[type=checkbox],
[type=radio] {
  margin: 0 0 0.6428571429rem;
}

[type=checkbox] + label,
[type=radio] + label {
  display: inline-block;
  vertical-align: baseline;
  margin-left: 0.3214285714rem;
  margin-right: 0.6428571429rem;
  margin-bottom: 0;
}
[type=checkbox] + label[for],
[type=radio] + label[for] {
  cursor: pointer;
}

label > [type=checkbox],
label > [type=radio] {
  margin-right: 0.3214285714rem;
}

[type=file] {
  width: 100%;
}

label {
  display: block;
  margin: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.8;
  color: #281e1e;
}
label.middle {
  margin: 0 0 0.6428571429rem;
  line-height: 1.5;
  padding: 0.3928571429rem 0;
}

.help-text {
  margin-top: -0.3214285714rem;
  font-size: 0.8571428571rem;
  font-style: italic;
  color: #0a0a0a;
}

.input-group {
  display: flex;
  width: 100%;
  margin-bottom: 0.6428571429rem;
  align-items: stretch;
}
.input-group > :first-child, .input-group > :first-child.input-group-button > * {
  border-radius: 0 0 0 0;
}
.input-group > :last-child, .input-group > :last-child.input-group-button > * {
  border-radius: 0 0 0 0;
}

.input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label, .input-group-button, .input-group-field, .input-group-label {
  margin: 0;
  white-space: nowrap;
}

.input-group-label {
  padding: 0 1rem;
  border: 1px solid #888c91;
  background: #ececf1;
  color: #0a0a0a;
  text-align: center;
  white-space: nowrap;
  display: flex;
  flex: 0 0 auto;
  align-items: center;
}
.input-group-label:first-child {
  border-right: 0;
}
.input-group-label:last-child {
  border-left: 0;
}

.input-group-field {
  border-radius: 0;
  flex: 1 1 0px;
  min-width: 0;
}

.input-group-button {
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  display: flex;
  flex: 0 0 auto;
}
.input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label {
  align-self: stretch;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 1rem;
}

fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

legend {
  max-width: 100%;
  margin-bottom: 0.3214285714rem;
}

.fieldset {
  margin: 1.2857142857rem 0;
  padding: 1.4285714286rem;
  border: 1px solid #b3b2b1;
}
.fieldset legend {
  margin: 0;
  margin-left: -0.2142857143rem;
  padding: 0 0.2142857143rem;
}

select {
  height: 2.4285714286rem;
  margin: 0 0 0.6428571429rem;
  padding: 0.5rem;
  appearance: none;
  border: 1px solid #cccaca;
  border-radius: 0;
  background-color: #fff;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #281e1e;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="24" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" style="fill: rgb%28100, 110, 129%29"></polygon></svg>');
}
@media screen and (min-width: 0\0 ) {
  select {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==");
  }
}
select {
  background-origin: content-box;
  background-position: right -0.6428571429rem center;
  background-repeat: no-repeat;
  background-size: 9px 6px;
  padding-right: 0.9642857143rem;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}
select:focus {
  outline: none;
  border: 1px solid #105681;
  background-color: #fff;
  box-shadow: none;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}
select:disabled {
  background-color: #ececf1;
  cursor: not-allowed;
}
select::-ms-expand {
  display: none;
}
select[multiple] {
  height: auto;
  background-image: none;
}
select:not([multiple]) {
  padding-top: 0;
  padding-bottom: 0;
}

.is-invalid-input:not(:focus) {
  border-color: #d61425;
  background-color: rgb(250.9, 231.5, 233.2);
}
.is-invalid-input:not(:focus)::placeholder {
  color: #d61425;
}

.is-invalid-label {
  color: #d61425;
}

.form-error {
  display: none;
  margin-top: -0.3214285714rem;
  margin-bottom: 0.6428571429rem;
  font-size: 0.8571428571rem;
  font-weight: bold;
  color: #d61425;
}
.form-error.is-visible {
  display: block;
}

[data-whatinput=mouse] .button {
  outline: 0;
}
.button {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 0;
  padding: 0.65em 1em;
  border: 1px solid transparent;
  border-radius: 3px;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  font-family: inherit;
  font-size: 1rem;
  -webkit-appearance: none;
  line-height: 1;
  text-align: center;
  cursor: pointer;
}
.button.tiny {
  font-size: 0.7rem;
}
.button.small {
  font-size: 0.85rem;
}
.button.large {
  font-size: 1.25rem;
}
.button.expanded {
  display: block;
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}
.button, .button.disabled, .button[disabled], .button.disabled:hover, .button[disabled]:hover, .button.disabled:focus, .button[disabled]:focus {
  background-color: #105681;
  color: #fff;
}
.button:hover, .button:focus {
  background-color: #105681;
  color: #fff;
}
.button.primary, .button.primary.disabled, .button.primary[disabled], .button.primary.disabled:hover, .button.primary[disabled]:hover, .button.primary.disabled:focus, .button.primary[disabled]:focus {
  background-color: #105681;
  color: #fff;
}
.button.primary:hover, .button.primary:focus {
  background-color: rgb(12.8, 68.8, 103.2);
  color: #fff;
}
.button.secondary, .button.secondary.disabled, .button.secondary[disabled], .button.secondary.disabled:hover, .button.secondary[disabled]:hover, .button.secondary.disabled:focus, .button.secondary[disabled]:focus {
  background-color: #646E81;
  color: #fff;
}
.button.secondary:hover, .button.secondary:focus {
  background-color: rgb(80, 88, 103.2);
  color: #fff;
}
.button.success, .button.success.disabled, .button.success[disabled], .button.success.disabled:hover, .button.success[disabled]:hover, .button.success.disabled:focus, .button.success[disabled]:focus {
  background-color: #237B46;
  color: #fff;
}
.button.success:hover, .button.success:focus {
  background-color: rgb(28, 98.4, 56);
  color: #fff;
}
.button.warning, .button.warning.disabled, .button.warning[disabled], .button.warning.disabled:hover, .button.warning[disabled]:hover, .button.warning.disabled:focus, .button.warning[disabled]:focus {
  background-color: #FFB819;
  color: #0a0a0a;
}
.button.warning:hover, .button.warning:focus {
  background-color: rgb(224, 154.852173913, 0);
  color: #0a0a0a;
}
.button.alert, .button.alert.disabled, .button.alert[disabled], .button.alert.disabled:hover, .button.alert[disabled]:hover, .button.alert.disabled:focus, .button.alert[disabled]:focus {
  background-color: #d61425;
  color: #fff;
}
.button.alert:hover, .button.alert:focus {
  background-color: rgb(171.2, 16, 29.6);
  color: #fff;
}
.button.hollow, .button.hollow:hover, .button.hollow:focus, .button.hollow.disabled, .button.hollow.disabled:hover, .button.hollow.disabled:focus, .button.hollow[disabled], .button.hollow[disabled]:hover, .button.hollow[disabled]:focus {
  background-color: transparent;
}
.button.hollow, .button.hollow.disabled, .button.hollow[disabled], .button.hollow.disabled:hover, .button.hollow[disabled]:hover, .button.hollow.disabled:focus, .button.hollow[disabled]:focus {
  border: 1px solid #105681;
  color: #105681;
}
.button.hollow:hover, .button.hollow:focus {
  border-color: rgb(8, 43, 64.5);
  color: rgb(8, 43, 64.5);
}
.button.hollow.primary, .button.hollow.primary.disabled, .button.hollow.primary[disabled], .button.hollow.primary.disabled:hover, .button.hollow.primary[disabled]:hover, .button.hollow.primary.disabled:focus, .button.hollow.primary[disabled]:focus {
  border: 1px solid #105681;
  color: #105681;
}
.button.hollow.primary:hover, .button.hollow.primary:focus {
  border-color: rgb(8, 43, 64.5);
  color: rgb(8, 43, 64.5);
}
.button.hollow.secondary, .button.hollow.secondary.disabled, .button.hollow.secondary[disabled], .button.hollow.secondary.disabled:hover, .button.hollow.secondary[disabled]:hover, .button.hollow.secondary.disabled:focus, .button.hollow.secondary[disabled]:focus {
  border: 1px solid #646E81;
  color: #646E81;
}
.button.hollow.secondary:hover, .button.hollow.secondary:focus {
  border-color: rgb(50, 55, 64.5);
  color: rgb(50, 55, 64.5);
}
.button.hollow.success, .button.hollow.success.disabled, .button.hollow.success[disabled], .button.hollow.success.disabled:hover, .button.hollow.success[disabled]:hover, .button.hollow.success.disabled:focus, .button.hollow.success[disabled]:focus {
  border: 1px solid #237B46;
  color: #237B46;
}
.button.hollow.success:hover, .button.hollow.success:focus {
  border-color: rgb(17.5, 61.5, 35);
  color: rgb(17.5, 61.5, 35);
}
.button.hollow.warning, .button.hollow.warning.disabled, .button.hollow.warning[disabled], .button.hollow.warning.disabled:hover, .button.hollow.warning[disabled]:hover, .button.hollow.warning.disabled:focus, .button.hollow.warning[disabled]:focus {
  border: 1px solid #FFB819;
  color: #FFB819;
}
.button.hollow.warning:hover, .button.hollow.warning:focus {
  border-color: rgb(140, 96.7826086957, 0);
  color: rgb(140, 96.7826086957, 0);
}
.button.hollow.alert, .button.hollow.alert.disabled, .button.hollow.alert[disabled], .button.hollow.alert.disabled:hover, .button.hollow.alert[disabled]:hover, .button.hollow.alert.disabled:focus, .button.hollow.alert[disabled]:focus {
  border: 1px solid #d61425;
  color: #d61425;
}
.button.hollow.alert:hover, .button.hollow.alert:focus {
  border-color: rgb(107, 10, 18.5);
  color: rgb(107, 10, 18.5);
}
.button.clear, .button.clear:hover, .button.clear:focus, .button.clear.disabled, .button.clear.disabled:hover, .button.clear.disabled:focus, .button.clear[disabled], .button.clear[disabled]:hover, .button.clear[disabled]:focus {
  border-color: transparent;
  background-color: transparent;
}
.button.clear, .button.clear.disabled, .button.clear[disabled], .button.clear.disabled:hover, .button.clear[disabled]:hover, .button.clear.disabled:focus, .button.clear[disabled]:focus {
  color: #105681;
}
.button.clear:hover, .button.clear:focus {
  color: rgb(8, 43, 64.5);
}
.button.clear.primary, .button.clear.primary.disabled, .button.clear.primary[disabled], .button.clear.primary.disabled:hover, .button.clear.primary[disabled]:hover, .button.clear.primary.disabled:focus, .button.clear.primary[disabled]:focus {
  color: #105681;
}
.button.clear.primary:hover, .button.clear.primary:focus {
  color: rgb(8, 43, 64.5);
}
.button.clear.secondary, .button.clear.secondary.disabled, .button.clear.secondary[disabled], .button.clear.secondary.disabled:hover, .button.clear.secondary[disabled]:hover, .button.clear.secondary.disabled:focus, .button.clear.secondary[disabled]:focus {
  color: #646E81;
}
.button.clear.secondary:hover, .button.clear.secondary:focus {
  color: rgb(50, 55, 64.5);
}
.button.clear.success, .button.clear.success.disabled, .button.clear.success[disabled], .button.clear.success.disabled:hover, .button.clear.success[disabled]:hover, .button.clear.success.disabled:focus, .button.clear.success[disabled]:focus {
  color: #237B46;
}
.button.clear.success:hover, .button.clear.success:focus {
  color: rgb(17.5, 61.5, 35);
}
.button.clear.warning, .button.clear.warning.disabled, .button.clear.warning[disabled], .button.clear.warning.disabled:hover, .button.clear.warning[disabled]:hover, .button.clear.warning.disabled:focus, .button.clear.warning[disabled]:focus {
  color: #FFB819;
}
.button.clear.warning:hover, .button.clear.warning:focus {
  color: rgb(140, 96.7826086957, 0);
}
.button.clear.alert, .button.clear.alert.disabled, .button.clear.alert[disabled], .button.clear.alert.disabled:hover, .button.clear.alert[disabled]:hover, .button.clear.alert.disabled:focus, .button.clear.alert[disabled]:focus {
  color: #d61425;
}
.button.clear.alert:hover, .button.clear.alert:focus {
  color: rgb(107, 10, 18.5);
}
.button.disabled, .button[disabled] {
  opacity: 0.25;
  cursor: not-allowed;
}
.button.dropdown::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.4em;
  content: "";
  border-bottom-width: 0;
  border-color: #fff transparent transparent;
  position: relative;
  top: 0.4em;
  display: inline-block;
  float: right;
  margin-left: 1em;
}
.button.dropdown.hollow::after, .button.dropdown.clear::after {
  border-top-color: #105681;
}
.button.dropdown.hollow.primary::after, .button.dropdown.clear.primary::after {
  border-top-color: #105681;
}
.button.dropdown.hollow.secondary::after, .button.dropdown.clear.secondary::after {
  border-top-color: #646E81;
}
.button.dropdown.hollow.success::after, .button.dropdown.clear.success::after {
  border-top-color: #237B46;
}
.button.dropdown.hollow.warning::after, .button.dropdown.clear.warning::after {
  border-top-color: #FFB819;
}
.button.dropdown.hollow.alert::after, .button.dropdown.clear.alert::after {
  border-top-color: #d61425;
}
.button.arrow-only::after {
  top: -0.1em;
  float: none;
  margin-left: 0;
}

a.button:hover, a.button:focus {
  text-decoration: none;
}

.accordion-menu li {
  width: 100%;
}
.accordion-menu a {
  padding: 0.7rem 1rem;
}
.accordion-menu .is-accordion-submenu a {
  padding: 0.7rem 1rem;
}
.accordion-menu .nested.is-accordion-submenu {
  margin-right: 0;
  margin-left: 1rem;
}
.accordion-menu.align-right .nested.is-accordion-submenu {
  margin-right: 1rem;
  margin-left: 0;
}
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a {
  position: relative;
}
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-bottom-width: 0;
  border-color: #105681 transparent transparent;
  position: absolute;
  top: 50%;
  margin-top: -3px;
  right: 1rem;
}
.accordion-menu.align-left .is-accordion-submenu-parent > a::after {
  right: 1rem;
  left: auto;
}
.accordion-menu.align-right .is-accordion-submenu-parent > a::after {
  right: auto;
  left: 1rem;
}
.accordion-menu .is-accordion-submenu-parent[aria-expanded=true] > a::after {
  transform: rotate(180deg);
  transform-origin: 50% 50%;
}

.is-accordion-submenu-parent {
  position: relative;
}

.has-submenu-toggle > a {
  margin-right: 40px;
}

.submenu-toggle {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.submenu-toggle::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-bottom-width: 0;
  border-color: #105681 transparent transparent;
  top: 0;
  bottom: 0;
  margin: auto;
}

.submenu-toggle[aria-expanded=true]::after {
  transform: scaleY(-1);
  transform-origin: 50% 50%;
}

.submenu-toggle-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.badge {
  display: inline-block;
  min-width: 2.1em;
  padding: 0.3em;
  border-radius: 50%;
  font-size: 0.6rem;
  text-align: center;
  background: #105681;
  color: #fff;
}
.badge.primary {
  background: #105681;
  color: #fff;
}
.badge.secondary {
  background: #646E81;
  color: #fff;
}
.badge.success {
  background: #237B46;
  color: #fff;
}
.badge.warning {
  background: #FFB819;
  color: #0a0a0a;
}
.badge.alert {
  background: #d61425;
  color: #fff;
}
.badge.critical-severity {
  background: #9c0e1a;
  color: #fff;
}
.badge.high-severity {
  background: #d61425;
  color: #fff;
}
.badge.medium-severity {
  background: #e46921;
  color: #fff;
}
.badge.low-severity {
  background: #FFB819;
  color: #0a0a0a;
}
.badge.audit-severity {
  background: #b3b2b1;
  color: #0a0a0a;
}
.badge.minimal-severity {
  background: #cccaca;
  color: #0a0a0a;
}
.badge.informational-severity {
  background: #009bde;
  color: #fff;
}
.badge.not-specified-severity {
  background: #9A73B3;
  color: #fff;
}
.badge.none-severity {
  background: #cccaca;
  color: #0a0a0a;
}

.breadcrumbs::before, .breadcrumbs::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.breadcrumbs::after {
  clear: both;
}
.breadcrumbs {
  margin: 0 0 1rem 0;
  list-style: none;
}
.breadcrumbs li {
  float: left;
  font-size: 0.7857142857rem;
  color: inherit;
  cursor: default;
}
.breadcrumbs li:not(:last-child)::after {
  position: relative;
  margin: 0 0;
  opacity: 1;
  content: ">";
  color: inherit;
}
.breadcrumbs a {
  color: inherit;
}
.breadcrumbs a:hover {
  text-decoration: underline;
}
.breadcrumbs .disabled {
  color: inherit;
  cursor: not-allowed;
}

.button-group::before, .button-group::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.button-group::after {
  clear: both;
}
.button-group {
  margin-bottom: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  flex-grow: 1;
}
.button-group::before, .button-group::after {
  display: none;
}
.button-group .button {
  margin: 0;
  margin-right: 1px;
  margin-bottom: 1px;
  font-size: 1rem;
  flex: 0 0 auto;
}
.button-group .button:last-child {
  margin-right: 0;
}
.button-group .button {
  border-radius: 0;
}
.button-group .button:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.button-group .button:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.button-group.tiny .button {
  font-size: 0.7rem;
}
.button-group.small .button {
  font-size: 0.85rem;
}
.button-group.large .button {
  font-size: 1.25rem;
}
.button-group.expanded .button {
  flex: 1 1 0px;
}
.button-group.primary .button, .button-group.primary .button.disabled, .button-group.primary .button[disabled], .button-group.primary .button.disabled:hover, .button-group.primary .button[disabled]:hover, .button-group.primary .button.disabled:focus, .button-group.primary .button[disabled]:focus {
  background-color: #105681;
  color: #fff;
}
.button-group.primary .button:hover, .button-group.primary .button:focus {
  background-color: rgb(12.8, 68.8, 103.2);
  color: #fff;
}
.button-group.secondary .button, .button-group.secondary .button.disabled, .button-group.secondary .button[disabled], .button-group.secondary .button.disabled:hover, .button-group.secondary .button[disabled]:hover, .button-group.secondary .button.disabled:focus, .button-group.secondary .button[disabled]:focus {
  background-color: #646E81;
  color: #fff;
}
.button-group.secondary .button:hover, .button-group.secondary .button:focus {
  background-color: rgb(80, 88, 103.2);
  color: #fff;
}
.button-group.success .button, .button-group.success .button.disabled, .button-group.success .button[disabled], .button-group.success .button.disabled:hover, .button-group.success .button[disabled]:hover, .button-group.success .button.disabled:focus, .button-group.success .button[disabled]:focus {
  background-color: #237B46;
  color: #fff;
}
.button-group.success .button:hover, .button-group.success .button:focus {
  background-color: rgb(28, 98.4, 56);
  color: #fff;
}
.button-group.warning .button, .button-group.warning .button.disabled, .button-group.warning .button[disabled], .button-group.warning .button.disabled:hover, .button-group.warning .button[disabled]:hover, .button-group.warning .button.disabled:focus, .button-group.warning .button[disabled]:focus {
  background-color: #FFB819;
  color: #0a0a0a;
}
.button-group.warning .button:hover, .button-group.warning .button:focus {
  background-color: rgb(224, 154.852173913, 0);
  color: #0a0a0a;
}
.button-group.alert .button, .button-group.alert .button.disabled, .button-group.alert .button[disabled], .button-group.alert .button.disabled:hover, .button-group.alert .button[disabled]:hover, .button-group.alert .button.disabled:focus, .button-group.alert .button[disabled]:focus {
  background-color: #d61425;
  color: #fff;
}
.button-group.alert .button:hover, .button-group.alert .button:focus {
  background-color: rgb(171.2, 16, 29.6);
  color: #fff;
}
.button-group.hollow .button, .button-group.hollow .button:hover, .button-group.hollow .button:focus, .button-group.hollow .button.disabled, .button-group.hollow .button.disabled:hover, .button-group.hollow .button.disabled:focus, .button-group.hollow .button[disabled], .button-group.hollow .button[disabled]:hover, .button-group.hollow .button[disabled]:focus {
  background-color: transparent;
}
.button-group.hollow .button, .button-group.hollow .button.disabled, .button-group.hollow .button[disabled], .button-group.hollow .button.disabled:hover, .button-group.hollow .button[disabled]:hover, .button-group.hollow .button.disabled:focus, .button-group.hollow .button[disabled]:focus {
  border: 1px solid #105681;
  color: #105681;
}
.button-group.hollow .button:hover, .button-group.hollow .button:focus {
  border-color: rgb(8, 43, 64.5);
  color: rgb(8, 43, 64.5);
}
.button-group.hollow.primary .button, .button-group.hollow.primary .button.disabled, .button-group.hollow.primary .button[disabled], .button-group.hollow.primary .button.disabled:hover, .button-group.hollow.primary .button[disabled]:hover, .button-group.hollow.primary .button.disabled:focus, .button-group.hollow.primary .button[disabled]:focus, .button-group.hollow .button.primary, .button-group.hollow .button.primary.disabled, .button-group.hollow .button.primary[disabled], .button-group.hollow .button.primary.disabled:hover, .button-group.hollow .button.primary[disabled]:hover, .button-group.hollow .button.primary.disabled:focus, .button-group.hollow .button.primary[disabled]:focus {
  border: 1px solid #105681;
  color: #105681;
}
.button-group.hollow.primary .button:hover, .button-group.hollow.primary .button:focus, .button-group.hollow .button.primary:hover, .button-group.hollow .button.primary:focus {
  border-color: rgb(8, 43, 64.5);
  color: rgb(8, 43, 64.5);
}
.button-group.hollow.secondary .button, .button-group.hollow.secondary .button.disabled, .button-group.hollow.secondary .button[disabled], .button-group.hollow.secondary .button.disabled:hover, .button-group.hollow.secondary .button[disabled]:hover, .button-group.hollow.secondary .button.disabled:focus, .button-group.hollow.secondary .button[disabled]:focus, .button-group.hollow .button.secondary, .button-group.hollow .button.secondary.disabled, .button-group.hollow .button.secondary[disabled], .button-group.hollow .button.secondary.disabled:hover, .button-group.hollow .button.secondary[disabled]:hover, .button-group.hollow .button.secondary.disabled:focus, .button-group.hollow .button.secondary[disabled]:focus {
  border: 1px solid #646E81;
  color: #646E81;
}
.button-group.hollow.secondary .button:hover, .button-group.hollow.secondary .button:focus, .button-group.hollow .button.secondary:hover, .button-group.hollow .button.secondary:focus {
  border-color: rgb(50, 55, 64.5);
  color: rgb(50, 55, 64.5);
}
.button-group.hollow.success .button, .button-group.hollow.success .button.disabled, .button-group.hollow.success .button[disabled], .button-group.hollow.success .button.disabled:hover, .button-group.hollow.success .button[disabled]:hover, .button-group.hollow.success .button.disabled:focus, .button-group.hollow.success .button[disabled]:focus, .button-group.hollow .button.success, .button-group.hollow .button.success.disabled, .button-group.hollow .button.success[disabled], .button-group.hollow .button.success.disabled:hover, .button-group.hollow .button.success[disabled]:hover, .button-group.hollow .button.success.disabled:focus, .button-group.hollow .button.success[disabled]:focus {
  border: 1px solid #237B46;
  color: #237B46;
}
.button-group.hollow.success .button:hover, .button-group.hollow.success .button:focus, .button-group.hollow .button.success:hover, .button-group.hollow .button.success:focus {
  border-color: rgb(17.5, 61.5, 35);
  color: rgb(17.5, 61.5, 35);
}
.button-group.hollow.warning .button, .button-group.hollow.warning .button.disabled, .button-group.hollow.warning .button[disabled], .button-group.hollow.warning .button.disabled:hover, .button-group.hollow.warning .button[disabled]:hover, .button-group.hollow.warning .button.disabled:focus, .button-group.hollow.warning .button[disabled]:focus, .button-group.hollow .button.warning, .button-group.hollow .button.warning.disabled, .button-group.hollow .button.warning[disabled], .button-group.hollow .button.warning.disabled:hover, .button-group.hollow .button.warning[disabled]:hover, .button-group.hollow .button.warning.disabled:focus, .button-group.hollow .button.warning[disabled]:focus {
  border: 1px solid #FFB819;
  color: #FFB819;
}
.button-group.hollow.warning .button:hover, .button-group.hollow.warning .button:focus, .button-group.hollow .button.warning:hover, .button-group.hollow .button.warning:focus {
  border-color: rgb(140, 96.7826086957, 0);
  color: rgb(140, 96.7826086957, 0);
}
.button-group.hollow.alert .button, .button-group.hollow.alert .button.disabled, .button-group.hollow.alert .button[disabled], .button-group.hollow.alert .button.disabled:hover, .button-group.hollow.alert .button[disabled]:hover, .button-group.hollow.alert .button.disabled:focus, .button-group.hollow.alert .button[disabled]:focus, .button-group.hollow .button.alert, .button-group.hollow .button.alert.disabled, .button-group.hollow .button.alert[disabled], .button-group.hollow .button.alert.disabled:hover, .button-group.hollow .button.alert[disabled]:hover, .button-group.hollow .button.alert.disabled:focus, .button-group.hollow .button.alert[disabled]:focus {
  border: 1px solid #d61425;
  color: #d61425;
}
.button-group.hollow.alert .button:hover, .button-group.hollow.alert .button:focus, .button-group.hollow .button.alert:hover, .button-group.hollow .button.alert:focus {
  border-color: rgb(107, 10, 18.5);
  color: rgb(107, 10, 18.5);
}
.button-group.clear .button, .button-group.clear .button:hover, .button-group.clear .button:focus, .button-group.clear .button.disabled, .button-group.clear .button.disabled:hover, .button-group.clear .button.disabled:focus, .button-group.clear .button[disabled], .button-group.clear .button[disabled]:hover, .button-group.clear .button[disabled]:focus {
  border-color: transparent;
  background-color: transparent;
}
.button-group.clear .button, .button-group.clear .button.disabled, .button-group.clear .button[disabled], .button-group.clear .button.disabled:hover, .button-group.clear .button[disabled]:hover, .button-group.clear .button.disabled:focus, .button-group.clear .button[disabled]:focus {
  color: #105681;
}
.button-group.clear .button:hover, .button-group.clear .button:focus {
  color: rgb(8, 43, 64.5);
}
.button-group.clear.primary .button, .button-group.clear.primary .button.disabled, .button-group.clear.primary .button[disabled], .button-group.clear.primary .button.disabled:hover, .button-group.clear.primary .button[disabled]:hover, .button-group.clear.primary .button.disabled:focus, .button-group.clear.primary .button[disabled]:focus, .button-group.clear .button.primary, .button-group.clear .button.primary.disabled, .button-group.clear .button.primary[disabled], .button-group.clear .button.primary.disabled:hover, .button-group.clear .button.primary[disabled]:hover, .button-group.clear .button.primary.disabled:focus, .button-group.clear .button.primary[disabled]:focus {
  color: #105681;
}
.button-group.clear.primary .button:hover, .button-group.clear.primary .button:focus, .button-group.clear .button.primary:hover, .button-group.clear .button.primary:focus {
  color: rgb(8, 43, 64.5);
}
.button-group.clear.secondary .button, .button-group.clear.secondary .button.disabled, .button-group.clear.secondary .button[disabled], .button-group.clear.secondary .button.disabled:hover, .button-group.clear.secondary .button[disabled]:hover, .button-group.clear.secondary .button.disabled:focus, .button-group.clear.secondary .button[disabled]:focus, .button-group.clear .button.secondary, .button-group.clear .button.secondary.disabled, .button-group.clear .button.secondary[disabled], .button-group.clear .button.secondary.disabled:hover, .button-group.clear .button.secondary[disabled]:hover, .button-group.clear .button.secondary.disabled:focus, .button-group.clear .button.secondary[disabled]:focus {
  color: #646E81;
}
.button-group.clear.secondary .button:hover, .button-group.clear.secondary .button:focus, .button-group.clear .button.secondary:hover, .button-group.clear .button.secondary:focus {
  color: rgb(50, 55, 64.5);
}
.button-group.clear.success .button, .button-group.clear.success .button.disabled, .button-group.clear.success .button[disabled], .button-group.clear.success .button.disabled:hover, .button-group.clear.success .button[disabled]:hover, .button-group.clear.success .button.disabled:focus, .button-group.clear.success .button[disabled]:focus, .button-group.clear .button.success, .button-group.clear .button.success.disabled, .button-group.clear .button.success[disabled], .button-group.clear .button.success.disabled:hover, .button-group.clear .button.success[disabled]:hover, .button-group.clear .button.success.disabled:focus, .button-group.clear .button.success[disabled]:focus {
  color: #237B46;
}
.button-group.clear.success .button:hover, .button-group.clear.success .button:focus, .button-group.clear .button.success:hover, .button-group.clear .button.success:focus {
  color: rgb(17.5, 61.5, 35);
}
.button-group.clear.warning .button, .button-group.clear.warning .button.disabled, .button-group.clear.warning .button[disabled], .button-group.clear.warning .button.disabled:hover, .button-group.clear.warning .button[disabled]:hover, .button-group.clear.warning .button.disabled:focus, .button-group.clear.warning .button[disabled]:focus, .button-group.clear .button.warning, .button-group.clear .button.warning.disabled, .button-group.clear .button.warning[disabled], .button-group.clear .button.warning.disabled:hover, .button-group.clear .button.warning[disabled]:hover, .button-group.clear .button.warning.disabled:focus, .button-group.clear .button.warning[disabled]:focus {
  color: #FFB819;
}
.button-group.clear.warning .button:hover, .button-group.clear.warning .button:focus, .button-group.clear .button.warning:hover, .button-group.clear .button.warning:focus {
  color: rgb(140, 96.7826086957, 0);
}
.button-group.clear.alert .button, .button-group.clear.alert .button.disabled, .button-group.clear.alert .button[disabled], .button-group.clear.alert .button.disabled:hover, .button-group.clear.alert .button[disabled]:hover, .button-group.clear.alert .button.disabled:focus, .button-group.clear.alert .button[disabled]:focus, .button-group.clear .button.alert, .button-group.clear .button.alert.disabled, .button-group.clear .button.alert[disabled], .button-group.clear .button.alert.disabled:hover, .button-group.clear .button.alert[disabled]:hover, .button-group.clear .button.alert.disabled:focus, .button-group.clear .button.alert[disabled]:focus {
  color: #d61425;
}
.button-group.clear.alert .button:hover, .button-group.clear.alert .button:focus, .button-group.clear .button.alert:hover, .button-group.clear .button.alert:focus {
  color: rgb(107, 10, 18.5);
}
.button-group.no-gaps .button {
  margin-right: -0.0714285714rem;
}
.button-group.no-gaps .button + .button {
  border-left-color: transparent;
}
.button-group.stacked, .button-group.stacked-for-small, .button-group.stacked-for-medium {
  flex-wrap: wrap;
}
.button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button {
  flex: 0 0 100%;
}
.button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child {
  margin-bottom: 0;
}
.button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button {
  border-radius: 0;
}
.button-group.stacked .button:first-child, .button-group.stacked-for-small .button:first-child, .button-group.stacked-for-medium .button:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.button-group.stacked.expanded .button, .button-group.stacked-for-small.expanded .button, .button-group.stacked-for-medium.expanded .button {
  flex: 1 1 0px;
}
@media print, screen and (min-width: 40em) {
  .button-group.stacked-for-small .button {
    flex: 0 0 auto;
    margin-bottom: 0;
  }
  .button-group.stacked-for-small .button:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .button-group.stacked-for-small .button:last-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
}
@media print, screen and (min-width: 64em) {
  .button-group.stacked-for-medium .button {
    flex: 0 0 auto;
    margin-bottom: 0;
  }
  .button-group.stacked-for-medium .button:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .button-group.stacked-for-medium .button:last-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .button-group.stacked-for-small.expanded {
    display: block;
  }
  .button-group.stacked-for-small.expanded .button {
    display: block;
    margin-right: 0;
  }
}
@media print, screen and (max-width: 63.99875em) {
  .button-group.stacked-for-medium.expanded {
    display: block;
  }
  .button-group.stacked-for-medium.expanded .button {
    display: block;
    margin-right: 0;
  }
}

.callout {
  position: relative;
  margin: 0 0 1rem 0;
  padding: 1rem;
  border: 1px solid rgba(10, 10, 10, 0.25);
  border-radius: 0;
}
.callout > :first-child {
  margin-top: 0;
}
.callout > :last-child {
  margin-bottom: 0;
}
.callout {
  background-color: white;
  color: #281e1e;
}
.callout.primary {
  background-color: rgb(190.0551724138, 225.2965517241, 246.9448275862);
  color: #281e1e;
}
.callout.secondary {
  background-color: rgb(223.3414847162, 225.7956331878, 230.4585152838);
  color: #281e1e;
}
.callout.success {
  background-color: rgb(200.1949367089, 239.4050632911, 215.7898734177);
  color: #281e1e;
}
.callout.warning {
  background-color: rgb(255, 240.8, 209);
  color: #281e1e;
}
.callout.alert {
  background-color: rgb(250.2820512821, 204.5179487179, 208.5282051282);
  color: #281e1e;
}
.callout.small {
  padding-top: 0.5rem;
  padding-right: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
}
.callout.large {
  padding-top: 3rem;
  padding-right: 3rem;
  padding-bottom: 3rem;
  padding-left: 3rem;
}

.card {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin-bottom: 1rem;
  border: 1px solid #ececf1;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
  overflow: hidden;
  color: #281e1e;
}
.card > :last-child {
  margin-bottom: 0;
}

.card-divider {
  display: flex;
  flex: 0 1 auto;
  padding: 1rem;
  background: #ececf1;
}
.card-divider > :last-child {
  margin-bottom: 0;
}

.card-section {
  flex: 1 0 auto;
  padding: 1rem;
}
.card-section > :last-child {
  margin-bottom: 0;
}

.card-image {
  min-height: 1px;
}

[data-whatinput=mouse] .close-button {
  outline: 0;
}
.close-button {
  position: absolute;
  z-index: 10;
  color: #646E81;
  cursor: pointer;
}
.close-button:hover, .close-button:focus {
  color: #0a0a0a;
}
.close-button.small {
  right: 0.66rem;
  top: 0.33em;
  font-size: 1.5em;
  line-height: 1;
}

.close-button.medium, .close-button {
  right: 1rem;
  top: 0.5rem;
  font-size: 2em;
  line-height: 1;
}

.menu {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
[data-whatinput=mouse] .menu li {
  outline: 0;
}
.menu a,
.menu .button {
  line-height: 1;
  text-decoration: none;
  display: block;
  padding: 0.7rem 1rem;
}
.menu input,
.menu select,
.menu a,
.menu button {
  margin-bottom: 0;
}
.menu input {
  display: inline-block;
}
.menu, .menu.horizontal {
  flex-wrap: wrap;
  flex-direction: row;
}
.menu.vertical {
  flex-wrap: nowrap;
  flex-direction: column;
}
.menu.vertical.icon-top li a img,
.menu.vertical.icon-top li a i,
.menu.vertical.icon-top li a svg, .menu.vertical.icon-bottom li a img,
.menu.vertical.icon-bottom li a i,
.menu.vertical.icon-bottom li a svg {
  text-align: left;
}
.menu.expanded li {
  flex: 1 1 0px;
}
.menu.expanded.icon-top li a img,
.menu.expanded.icon-top li a i,
.menu.expanded.icon-top li a svg, .menu.expanded.icon-bottom li a img,
.menu.expanded.icon-bottom li a i,
.menu.expanded.icon-bottom li a svg {
  text-align: left;
}
.menu.simple {
  align-items: center;
}
.menu.simple li + li {
  margin-left: 1rem;
}
.menu.simple a {
  padding: 0;
}
@media print, screen and (min-width: 40em) {
  .menu.medium-horizontal {
    flex-wrap: wrap;
    flex-direction: row;
  }
  .menu.medium-vertical {
    flex-wrap: nowrap;
    flex-direction: column;
  }
  .menu.medium-expanded li {
    flex: 1 1 0px;
  }
  .menu.medium-simple li {
    flex: 1 1 0px;
  }
}
@media print, screen and (min-width: 64em) {
  .menu.large-horizontal {
    flex-wrap: wrap;
    flex-direction: row;
  }
  .menu.large-vertical {
    flex-wrap: nowrap;
    flex-direction: column;
  }
  .menu.large-expanded li {
    flex: 1 1 0px;
  }
  .menu.large-simple li {
    flex: 1 1 0px;
  }
}
@media screen and (min-width: 75em) {
  .menu.xlarge-horizontal {
    flex-wrap: wrap;
    flex-direction: row;
  }
  .menu.xlarge-vertical {
    flex-wrap: nowrap;
    flex-direction: column;
  }
  .menu.xlarge-expanded li {
    flex: 1 1 0px;
  }
  .menu.xlarge-simple li {
    flex: 1 1 0px;
  }
}
@media screen and (min-width: 90em) {
  .menu.xxlarge-horizontal {
    flex-wrap: wrap;
    flex-direction: row;
  }
  .menu.xxlarge-vertical {
    flex-wrap: nowrap;
    flex-direction: column;
  }
  .menu.xxlarge-expanded li {
    flex: 1 1 0px;
  }
  .menu.xxlarge-simple li {
    flex: 1 1 0px;
  }
}
@media screen and (min-width: 103.125em) {
  .menu.xxxlarge-horizontal {
    flex-wrap: wrap;
    flex-direction: row;
  }
  .menu.xxxlarge-vertical {
    flex-wrap: nowrap;
    flex-direction: column;
  }
  .menu.xxxlarge-expanded li {
    flex: 1 1 0px;
  }
  .menu.xxxlarge-simple li {
    flex: 1 1 0px;
  }
}
.menu.nested {
  margin-right: 0;
  margin-left: 1rem;
}
.menu.icons a {
  display: flex;
}
.menu.icon-top a, .menu.icon-right a, .menu.icon-bottom a, .menu.icon-left a {
  display: flex;
}
.menu.icon-left li a, .menu.nested.icon-left li a {
  flex-flow: row nowrap;
}
.menu.icon-left li a img,
.menu.icon-left li a i,
.menu.icon-left li a svg, .menu.nested.icon-left li a img,
.menu.nested.icon-left li a i,
.menu.nested.icon-left li a svg {
  margin-right: 0.25rem;
}
.menu.icon-right li a, .menu.nested.icon-right li a {
  flex-flow: row nowrap;
}
.menu.icon-right li a img,
.menu.icon-right li a i,
.menu.icon-right li a svg, .menu.nested.icon-right li a img,
.menu.nested.icon-right li a i,
.menu.nested.icon-right li a svg {
  margin-left: 0.25rem;
}
.menu.icon-top li a, .menu.nested.icon-top li a {
  flex-flow: column nowrap;
}
.menu.icon-top li a img,
.menu.icon-top li a i,
.menu.icon-top li a svg, .menu.nested.icon-top li a img,
.menu.nested.icon-top li a i,
.menu.nested.icon-top li a svg {
  align-self: stretch;
  margin-bottom: 0.25rem;
  text-align: center;
}
.menu.icon-bottom li a, .menu.nested.icon-bottom li a {
  flex-flow: column nowrap;
}
.menu.icon-bottom li a img,
.menu.icon-bottom li a i,
.menu.icon-bottom li a svg, .menu.nested.icon-bottom li a img,
.menu.nested.icon-bottom li a i,
.menu.nested.icon-bottom li a svg {
  align-self: stretch;
  margin-bottom: 0.25rem;
  text-align: center;
}
.menu .is-active > a {
  background: #fff;
  color: #0a0a0a;
}
.menu .active > a {
  background: #fff;
  color: #0a0a0a;
}
.menu.align-left {
  justify-content: flex-start;
}
.menu.align-right li {
  display: flex;
  justify-content: flex-end;
}
.menu.align-right li .submenu li {
  justify-content: flex-start;
}
.menu.align-right.vertical li {
  display: block;
  text-align: right;
}
.menu.align-right.vertical li .submenu li {
  text-align: right;
}
.menu.align-right.icon-top li a img,
.menu.align-right.icon-top li a i,
.menu.align-right.icon-top li a svg, .menu.align-right.icon-bottom li a img,
.menu.align-right.icon-bottom li a i,
.menu.align-right.icon-bottom li a svg {
  text-align: right;
}
.menu.align-right .nested {
  margin-right: 1rem;
  margin-left: 0;
}
.menu.align-center li {
  display: flex;
  justify-content: center;
}
.menu.align-center li .submenu li {
  justify-content: flex-start;
}
.menu .menu-text {
  padding: 0.7rem 1rem;
  font-weight: bold;
  line-height: 1;
  color: inherit;
}

.menu-centered > .menu {
  justify-content: center;
}
.menu-centered > .menu li {
  display: flex;
  justify-content: center;
}
.menu-centered > .menu li .submenu li {
  justify-content: flex-start;
}

.no-js [data-responsive-menu] ul {
  display: none;
}

.menu-icon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 16px;
  cursor: pointer;
}
.menu-icon::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background: #fff;
  box-shadow: 0 7px 0 #fff, 0 14px 0 #fff;
  content: "";
}
.menu-icon:hover::after {
  background: #888c91;
  box-shadow: 0 7px 0 #888c91, 0 14px 0 #888c91;
}

.menu-icon.dark {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 16px;
  cursor: pointer;
}
.menu-icon.dark::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background: #0a0a0a;
  box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a;
  content: "";
}
.menu-icon.dark:hover::after {
  background: #646E81;
  box-shadow: 0 7px 0 #646E81, 0 14px 0 #646E81;
}

.is-drilldown {
  position: relative;
  overflow: hidden;
}
.is-drilldown li {
  display: block;
}
.is-drilldown.animate-height {
  transition: height 0.5s;
}

.drilldown a {
  padding: 0.7rem 1rem;
  background: #fff;
}
.drilldown .is-drilldown-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: -1;
  width: 100%;
  background: #fff;
  transition: transform 0.15s linear;
}
.drilldown .is-drilldown-submenu.is-active {
  z-index: 1;
  display: block;
  transform: translateX(-100%);
}
.drilldown .is-drilldown-submenu.is-closing {
  transform: translateX(100%);
}
.drilldown .is-drilldown-submenu a {
  padding: 0.7rem 1rem;
}
.drilldown .nested.is-drilldown-submenu {
  margin-right: 0;
  margin-left: 0;
}
.drilldown .drilldown-submenu-cover-previous {
  min-height: 100%;
}
.drilldown .is-drilldown-submenu-parent > a {
  position: relative;
}
.drilldown .is-drilldown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-right-width: 0;
  border-color: transparent transparent transparent #105681;
  position: absolute;
  top: 50%;
  margin-top: -6px;
  right: 1rem;
}
.drilldown.align-left .is-drilldown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-right-width: 0;
  border-color: transparent transparent transparent #105681;
  right: 1rem;
  left: auto;
}
.drilldown.align-right .is-drilldown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-left-width: 0;
  border-color: transparent #105681 transparent transparent;
  right: auto;
  left: 1rem;
}
.drilldown .js-drilldown-back > a::before {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-left-width: 0;
  border-color: transparent #105681 transparent transparent;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.75rem;
}

.dropdown-pane {
  position: absolute;
  z-index: 10;
  display: none;
  width: 300px;
  padding: 1rem;
  visibility: hidden;
  border: 1px solid #888c91;
  border-radius: 0;
  background-color: #f7f7fa;
  font-size: 1rem;
}
.dropdown-pane.is-opening {
  display: block;
}
.dropdown-pane.is-open {
  display: block;
  visibility: visible;
}

.dropdown-pane.tiny {
  width: 100px;
}

.dropdown-pane.small {
  width: 200px;
}

.dropdown-pane.large {
  width: 400px;
}

.dropdown.menu > li.opens-left > .is-dropdown-submenu {
  top: 100%;
  right: 0;
  left: auto;
}
.dropdown.menu > li.opens-right > .is-dropdown-submenu {
  top: 100%;
  right: auto;
  left: 0;
}
.dropdown.menu > li.is-dropdown-submenu-parent > a {
  position: relative;
  padding-right: 1.5rem;
}
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-bottom-width: 0;
  border-color: #105681 transparent transparent;
  right: 5px;
  left: auto;
  margin-top: -3px;
}
[data-whatinput=mouse] .dropdown.menu a {
  outline: 0;
}
.dropdown.menu > li > a {
  background: #fff;
  padding: 0.7rem 1rem;
}
.dropdown.menu > li.is-active > a {
  background: transparent;
  color: #105681;
}
.no-js .dropdown.menu ul {
  display: none;
}
.dropdown.menu .nested.is-dropdown-submenu {
  margin-right: 0;
  margin-left: 0;
}
.dropdown.menu.vertical > li .is-dropdown-submenu {
  top: 0;
}
.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu {
  top: 0;
  right: 100%;
  left: auto;
}
.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu {
  right: auto;
  left: 100%;
}
.dropdown.menu.vertical > li > a::after {
  right: 14px;
}
.dropdown.menu.vertical > li.opens-left > a::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-left-width: 0;
  border-color: transparent #105681 transparent transparent;
  right: auto;
  left: 5px;
}
.dropdown.menu.vertical > li.opens-right > a::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-right-width: 0;
  border-color: transparent transparent transparent #105681;
}
@media print, screen and (min-width: 40em) {
  .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto;
  }
  .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0;
  }
  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem;
  }
  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-bottom-width: 0;
    border-color: #105681 transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px;
  }
  .dropdown.menu.medium-vertical > li .is-dropdown-submenu {
    top: 0;
  }
  .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu {
    top: 0;
    right: 100%;
    left: auto;
  }
  .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%;
  }
  .dropdown.menu.medium-vertical > li > a::after {
    right: 14px;
  }
  .dropdown.menu.medium-vertical > li.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-left-width: 0;
    border-color: transparent #105681 transparent transparent;
    right: auto;
    left: 5px;
  }
  .dropdown.menu.medium-vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-right-width: 0;
    border-color: transparent transparent transparent #105681;
  }
}
@media print, screen and (min-width: 64em) {
  .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto;
  }
  .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0;
  }
  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem;
  }
  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-bottom-width: 0;
    border-color: #105681 transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px;
  }
  .dropdown.menu.large-vertical > li .is-dropdown-submenu {
    top: 0;
  }
  .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu {
    top: 0;
    right: 100%;
    left: auto;
  }
  .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%;
  }
  .dropdown.menu.large-vertical > li > a::after {
    right: 14px;
  }
  .dropdown.menu.large-vertical > li.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-left-width: 0;
    border-color: transparent #105681 transparent transparent;
    right: auto;
    left: 5px;
  }
  .dropdown.menu.large-vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-right-width: 0;
    border-color: transparent transparent transparent #105681;
  }
}
@media screen and (min-width: 75em) {
  .dropdown.menu.xlarge-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto;
  }
  .dropdown.menu.xlarge-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0;
  }
  .dropdown.menu.xlarge-horizontal > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem;
  }
  .dropdown.menu.xlarge-horizontal > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-bottom-width: 0;
    border-color: #105681 transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px;
  }
  .dropdown.menu.xlarge-vertical > li .is-dropdown-submenu {
    top: 0;
  }
  .dropdown.menu.xlarge-vertical > li.opens-left > .is-dropdown-submenu {
    top: 0;
    right: 100%;
    left: auto;
  }
  .dropdown.menu.xlarge-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%;
  }
  .dropdown.menu.xlarge-vertical > li > a::after {
    right: 14px;
  }
  .dropdown.menu.xlarge-vertical > li.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-left-width: 0;
    border-color: transparent #105681 transparent transparent;
    right: auto;
    left: 5px;
  }
  .dropdown.menu.xlarge-vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-right-width: 0;
    border-color: transparent transparent transparent #105681;
  }
}
@media screen and (min-width: 90em) {
  .dropdown.menu.xxlarge-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto;
  }
  .dropdown.menu.xxlarge-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0;
  }
  .dropdown.menu.xxlarge-horizontal > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem;
  }
  .dropdown.menu.xxlarge-horizontal > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-bottom-width: 0;
    border-color: #105681 transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px;
  }
  .dropdown.menu.xxlarge-vertical > li .is-dropdown-submenu {
    top: 0;
  }
  .dropdown.menu.xxlarge-vertical > li.opens-left > .is-dropdown-submenu {
    top: 0;
    right: 100%;
    left: auto;
  }
  .dropdown.menu.xxlarge-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%;
  }
  .dropdown.menu.xxlarge-vertical > li > a::after {
    right: 14px;
  }
  .dropdown.menu.xxlarge-vertical > li.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-left-width: 0;
    border-color: transparent #105681 transparent transparent;
    right: auto;
    left: 5px;
  }
  .dropdown.menu.xxlarge-vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-right-width: 0;
    border-color: transparent transparent transparent #105681;
  }
}
@media screen and (min-width: 103.125em) {
  .dropdown.menu.xxxlarge-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto;
  }
  .dropdown.menu.xxxlarge-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0;
  }
  .dropdown.menu.xxxlarge-horizontal > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem;
  }
  .dropdown.menu.xxxlarge-horizontal > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-bottom-width: 0;
    border-color: #105681 transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px;
  }
  .dropdown.menu.xxxlarge-vertical > li .is-dropdown-submenu {
    top: 0;
  }
  .dropdown.menu.xxxlarge-vertical > li.opens-left > .is-dropdown-submenu {
    top: 0;
    right: 100%;
    left: auto;
  }
  .dropdown.menu.xxxlarge-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%;
  }
  .dropdown.menu.xxxlarge-vertical > li > a::after {
    right: 14px;
  }
  .dropdown.menu.xxxlarge-vertical > li.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-left-width: 0;
    border-color: transparent #105681 transparent transparent;
    right: auto;
    left: 5px;
  }
  .dropdown.menu.xxxlarge-vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-right-width: 0;
    border-color: transparent transparent transparent #105681;
  }
}
.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
  top: 100%;
  right: 0;
  left: auto;
}

.is-dropdown-menu.vertical {
  width: 100px;
}
.is-dropdown-menu.vertical.align-right {
  float: right;
}

.is-dropdown-submenu-parent {
  position: relative;
}
.is-dropdown-submenu-parent a::after {
  position: absolute;
  top: 50%;
  right: 5px;
  left: auto;
  margin-top: -6px;
}
.is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu {
  top: 100%;
  left: auto;
}
.is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {
  right: 100%;
  left: auto;
}
.is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {
  right: auto;
  left: 100%;
}

.is-dropdown-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 1;
  display: none;
  min-width: 200px;
  border: 1px solid #888c91;
  background: #fff;
}
.dropdown .is-dropdown-submenu a {
  padding: 0.7rem 1rem;
}
.is-dropdown-submenu .is-dropdown-submenu-parent > a::after {
  right: 14px;
}
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-left-width: 0;
  border-color: transparent #105681 transparent transparent;
  right: auto;
  left: 5px;
}
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-right-width: 0;
  border-color: transparent transparent transparent #105681;
}
.is-dropdown-submenu .is-dropdown-submenu {
  margin-top: -1px;
}
.is-dropdown-submenu > li {
  width: 100%;
}
.is-dropdown-submenu.js-dropdown-active {
  display: block;
}

.responsive-embed,
.flex-video {
  position: relative;
  height: 0;
  margin-bottom: 1.1428571429rem;
  padding-bottom: 75%;
  overflow: hidden;
}
.responsive-embed iframe,
.responsive-embed object,
.responsive-embed embed,
.responsive-embed video,
.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.responsive-embed.widescreen,
.flex-video.widescreen {
  padding-bottom: 56.25%;
}

.label {
  display: inline-block;
  padding: 0.33333rem 1rem;
  border-radius: 1.0714285714rem;
  font-size: 0.8rem;
  line-height: 1;
  white-space: nowrap;
  cursor: default;
  background: #105681;
  color: #fff;
}
.label.primary {
  background: #105681;
  color: #fff;
}
.label.secondary {
  background: #646E81;
  color: #fff;
}
.label.success {
  background: #237B46;
  color: #fff;
}
.label.warning {
  background: #FFB819;
  color: #0a0a0a;
}
.label.alert {
  background: #d61425;
  color: #fff;
}

.media-object {
  display: flex;
  margin-bottom: 1rem;
  flex-wrap: nowrap;
}
.media-object img {
  max-width: none;
}
@media print, screen and (max-width: 39.99875em) {
  .media-object.stack-for-small {
    flex-wrap: wrap;
  }
}

.media-object-section {
  flex: 0 1 auto;
}
.media-object-section:first-child {
  padding-right: 0.5rem;
}
.media-object-section:last-child:not(:nth-child(2)) {
  padding-left: 0.5rem;
}
.media-object-section > :last-child {
  margin-bottom: 0;
}
@media print, screen and (max-width: 39.99875em) {
  .stack-for-small .media-object-section {
    padding: 0;
    padding-bottom: 0.5rem;
    flex-basis: 100%;
    max-width: 100%;
  }
  .stack-for-small .media-object-section img {
    width: 100%;
  }
}
.media-object-section.main-section {
  flex: 1 1 0px;
}

.is-off-canvas-open {
  overflow: hidden;
}

.js-off-canvas-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
  width: 100%;
  height: 100%;
  transition: opacity 0.5s ease, visibility 0.5s ease;
  background: rgba(255, 255, 255, 0.25);
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
}
.js-off-canvas-overlay.is-visible {
  opacity: 1;
  visibility: visible;
}
.js-off-canvas-overlay.is-closable {
  cursor: pointer;
}
.js-off-canvas-overlay.is-overlay-absolute {
  position: absolute;
}
.js-off-canvas-overlay.is-overlay-fixed {
  position: fixed;
}

.off-canvas-wrapper {
  position: relative;
  overflow: hidden;
}

[data-whatinput=mouse] .off-canvas {
  outline: 0;
}
.off-canvas {
  position: fixed;
  z-index: 12;
}
.off-canvas.is-transition-push {
  z-index: 12;
}
.off-canvas {
  transition: transform 0.5s ease;
  backface-visibility: hidden;
  background: #ececf1;
}
.off-canvas.is-closed {
  visibility: hidden;
}
.off-canvas.is-transition-overlap {
  z-index: 13;
}
.off-canvas.is-transition-overlap.is-open {
  box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
}
.off-canvas.is-open {
  transform: translate(0, 0);
}

[data-whatinput=mouse] .off-canvas-absolute {
  outline: 0;
}
.off-canvas-absolute {
  position: absolute;
  z-index: 12;
}
.off-canvas-absolute.is-transition-push {
  z-index: 12;
}
.off-canvas-absolute {
  transition: transform 0.5s ease;
  backface-visibility: hidden;
  background: #ececf1;
}
.off-canvas-absolute.is-closed {
  visibility: hidden;
}
.off-canvas-absolute.is-transition-overlap {
  z-index: 13;
}
.off-canvas-absolute.is-transition-overlap.is-open {
  box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
}
.off-canvas-absolute.is-open {
  transform: translate(0, 0);
}

.position-left {
  top: 0;
  left: 0;
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  width: 350px;
  transform: translateX(-350px);
}
.off-canvas-content .off-canvas.position-left {
  transform: translateX(-350px);
}
.off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open {
  transform: translate(0, 0);
}

.off-canvas-content.is-open-left.has-transition-push {
  transform: translateX(350px);
}

.position-left.is-transition-push {
  box-shadow: inset -13px 0 20px -13px rgba(10, 10, 10, 0.25);
}

.position-right {
  top: 0;
  right: 0;
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  width: 350px;
  transform: translateX(350px);
}
.off-canvas-content .off-canvas.position-right {
  transform: translateX(350px);
}
.off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open {
  transform: translate(0, 0);
}

.off-canvas-content.is-open-right.has-transition-push {
  transform: translateX(-350px);
}

.position-right.is-transition-push {
  box-shadow: inset 13px 0 20px -13px rgba(10, 10, 10, 0.25);
}

.position-top {
  top: 0;
  left: 0;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  height: 250px;
  transform: translateY(-250px);
}
.off-canvas-content .off-canvas.position-top {
  transform: translateY(-250px);
}
.off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open {
  transform: translate(0, 0);
}

.off-canvas-content.is-open-top.has-transition-push {
  transform: translateY(250px);
}

.position-top.is-transition-push {
  box-shadow: inset 0 -13px 20px -13px rgba(10, 10, 10, 0.25);
}

.position-bottom {
  bottom: 0;
  left: 0;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  height: 250px;
  transform: translateY(250px);
}
.off-canvas-content .off-canvas.position-bottom {
  transform: translateY(250px);
}
.off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open {
  transform: translate(0, 0);
}

.off-canvas-content.is-open-bottom.has-transition-push {
  transform: translateY(-250px);
}

.position-bottom.is-transition-push {
  box-shadow: inset 0 13px 20px -13px rgba(10, 10, 10, 0.25);
}

.off-canvas-content {
  transform: none;
  backface-visibility: hidden;
}
.off-canvas-content.has-transition-overlap, .off-canvas-content.has-transition-push {
  transition: transform 0.5s ease;
}
.off-canvas-content.has-transition-push {
  transform: translate(0, 0);
}
.off-canvas-content .off-canvas.is-open {
  transform: translate(0, 0);
}

@media print, screen and (min-width: 40em) {
  .position-left.reveal-for-medium {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-left.reveal-for-medium .close-button {
    display: none;
  }
  .off-canvas-content .position-left.reveal-for-medium {
    transform: none;
  }
  .off-canvas-content.has-reveal-left {
    margin-left: 350px;
  }
  .position-left.reveal-for-medium ~ .off-canvas-content {
    margin-left: 350px;
  }
  .position-right.reveal-for-medium {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-right.reveal-for-medium .close-button {
    display: none;
  }
  .off-canvas-content .position-right.reveal-for-medium {
    transform: none;
  }
  .off-canvas-content.has-reveal-right {
    margin-right: 350px;
  }
  .position-right.reveal-for-medium ~ .off-canvas-content {
    margin-right: 350px;
  }
  .position-top.reveal-for-medium {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-top.reveal-for-medium .close-button {
    display: none;
  }
  .off-canvas-content .position-top.reveal-for-medium {
    transform: none;
  }
  .off-canvas-content.has-reveal-top {
    margin-top: 350px;
  }
  .position-top.reveal-for-medium ~ .off-canvas-content {
    margin-top: 350px;
  }
  .position-bottom.reveal-for-medium {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-bottom.reveal-for-medium .close-button {
    display: none;
  }
  .off-canvas-content .position-bottom.reveal-for-medium {
    transform: none;
  }
  .off-canvas-content.has-reveal-bottom {
    margin-bottom: 350px;
  }
  .position-bottom.reveal-for-medium ~ .off-canvas-content {
    margin-bottom: 350px;
  }
}
@media print, screen and (min-width: 64em) {
  .position-left.reveal-for-large {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-left.reveal-for-large .close-button {
    display: none;
  }
  .off-canvas-content .position-left.reveal-for-large {
    transform: none;
  }
  .off-canvas-content.has-reveal-left {
    margin-left: 350px;
  }
  .position-left.reveal-for-large ~ .off-canvas-content {
    margin-left: 350px;
  }
  .position-right.reveal-for-large {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-right.reveal-for-large .close-button {
    display: none;
  }
  .off-canvas-content .position-right.reveal-for-large {
    transform: none;
  }
  .off-canvas-content.has-reveal-right {
    margin-right: 350px;
  }
  .position-right.reveal-for-large ~ .off-canvas-content {
    margin-right: 350px;
  }
  .position-top.reveal-for-large {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-top.reveal-for-large .close-button {
    display: none;
  }
  .off-canvas-content .position-top.reveal-for-large {
    transform: none;
  }
  .off-canvas-content.has-reveal-top {
    margin-top: 350px;
  }
  .position-top.reveal-for-large ~ .off-canvas-content {
    margin-top: 350px;
  }
  .position-bottom.reveal-for-large {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-bottom.reveal-for-large .close-button {
    display: none;
  }
  .off-canvas-content .position-bottom.reveal-for-large {
    transform: none;
  }
  .off-canvas-content.has-reveal-bottom {
    margin-bottom: 350px;
  }
  .position-bottom.reveal-for-large ~ .off-canvas-content {
    margin-bottom: 350px;
  }
}
@media screen and (min-width: 75em) {
  .position-left.reveal-for-xlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-left.reveal-for-xlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-left.reveal-for-xlarge {
    transform: none;
  }
  .off-canvas-content.has-reveal-left {
    margin-left: 350px;
  }
  .position-left.reveal-for-xlarge ~ .off-canvas-content {
    margin-left: 350px;
  }
  .position-right.reveal-for-xlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-right.reveal-for-xlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-right.reveal-for-xlarge {
    transform: none;
  }
  .off-canvas-content.has-reveal-right {
    margin-right: 350px;
  }
  .position-right.reveal-for-xlarge ~ .off-canvas-content {
    margin-right: 350px;
  }
  .position-top.reveal-for-xlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-top.reveal-for-xlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-top.reveal-for-xlarge {
    transform: none;
  }
  .off-canvas-content.has-reveal-top {
    margin-top: 350px;
  }
  .position-top.reveal-for-xlarge ~ .off-canvas-content {
    margin-top: 350px;
  }
  .position-bottom.reveal-for-xlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-bottom.reveal-for-xlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-bottom.reveal-for-xlarge {
    transform: none;
  }
  .off-canvas-content.has-reveal-bottom {
    margin-bottom: 350px;
  }
  .position-bottom.reveal-for-xlarge ~ .off-canvas-content {
    margin-bottom: 350px;
  }
}
@media screen and (min-width: 90em) {
  .position-left.reveal-for-xxlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-left.reveal-for-xxlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-left.reveal-for-xxlarge {
    transform: none;
  }
  .off-canvas-content.has-reveal-left {
    margin-left: 350px;
  }
  .position-left.reveal-for-xxlarge ~ .off-canvas-content {
    margin-left: 350px;
  }
  .position-right.reveal-for-xxlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-right.reveal-for-xxlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-right.reveal-for-xxlarge {
    transform: none;
  }
  .off-canvas-content.has-reveal-right {
    margin-right: 350px;
  }
  .position-right.reveal-for-xxlarge ~ .off-canvas-content {
    margin-right: 350px;
  }
  .position-top.reveal-for-xxlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-top.reveal-for-xxlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-top.reveal-for-xxlarge {
    transform: none;
  }
  .off-canvas-content.has-reveal-top {
    margin-top: 350px;
  }
  .position-top.reveal-for-xxlarge ~ .off-canvas-content {
    margin-top: 350px;
  }
  .position-bottom.reveal-for-xxlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-bottom.reveal-for-xxlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-bottom.reveal-for-xxlarge {
    transform: none;
  }
  .off-canvas-content.has-reveal-bottom {
    margin-bottom: 350px;
  }
  .position-bottom.reveal-for-xxlarge ~ .off-canvas-content {
    margin-bottom: 350px;
  }
}
@media screen and (min-width: 103.125em) {
  .position-left.reveal-for-xxxlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-left.reveal-for-xxxlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-left.reveal-for-xxxlarge {
    transform: none;
  }
  .off-canvas-content.has-reveal-left {
    margin-left: 350px;
  }
  .position-left.reveal-for-xxxlarge ~ .off-canvas-content {
    margin-left: 350px;
  }
  .position-right.reveal-for-xxxlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-right.reveal-for-xxxlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-right.reveal-for-xxxlarge {
    transform: none;
  }
  .off-canvas-content.has-reveal-right {
    margin-right: 350px;
  }
  .position-right.reveal-for-xxxlarge ~ .off-canvas-content {
    margin-right: 350px;
  }
  .position-top.reveal-for-xxxlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-top.reveal-for-xxxlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-top.reveal-for-xxxlarge {
    transform: none;
  }
  .off-canvas-content.has-reveal-top {
    margin-top: 350px;
  }
  .position-top.reveal-for-xxxlarge ~ .off-canvas-content {
    margin-top: 350px;
  }
  .position-bottom.reveal-for-xxxlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-bottom.reveal-for-xxxlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-bottom.reveal-for-xxxlarge {
    transform: none;
  }
  .off-canvas-content.has-reveal-bottom {
    margin-bottom: 350px;
  }
  .position-bottom.reveal-for-xxxlarge ~ .off-canvas-content {
    margin-bottom: 350px;
  }
}
@media print, screen and (min-width: 40em) {
  .off-canvas.in-canvas-for-medium {
    visibility: visible;
    height: auto;
    position: static;
    background: none;
    width: auto;
    overflow: visible;
    transition: none;
  }
  .off-canvas.in-canvas-for-medium.position-left, .off-canvas.in-canvas-for-medium.position-right, .off-canvas.in-canvas-for-medium.position-top, .off-canvas.in-canvas-for-medium.position-bottom {
    box-shadow: none;
    transform: none;
  }
  .off-canvas.in-canvas-for-medium .close-button {
    display: none;
  }
}
@media print, screen and (min-width: 64em) {
  .off-canvas.in-canvas-for-large {
    visibility: visible;
    height: auto;
    position: static;
    background: none;
    width: auto;
    overflow: visible;
    transition: none;
  }
  .off-canvas.in-canvas-for-large.position-left, .off-canvas.in-canvas-for-large.position-right, .off-canvas.in-canvas-for-large.position-top, .off-canvas.in-canvas-for-large.position-bottom {
    box-shadow: none;
    transform: none;
  }
  .off-canvas.in-canvas-for-large .close-button {
    display: none;
  }
}
@media screen and (min-width: 75em) {
  .off-canvas.in-canvas-for-xlarge {
    visibility: visible;
    height: auto;
    position: static;
    background: none;
    width: auto;
    overflow: visible;
    transition: none;
  }
  .off-canvas.in-canvas-for-xlarge.position-left, .off-canvas.in-canvas-for-xlarge.position-right, .off-canvas.in-canvas-for-xlarge.position-top, .off-canvas.in-canvas-for-xlarge.position-bottom {
    box-shadow: none;
    transform: none;
  }
  .off-canvas.in-canvas-for-xlarge .close-button {
    display: none;
  }
}
@media screen and (min-width: 90em) {
  .off-canvas.in-canvas-for-xxlarge {
    visibility: visible;
    height: auto;
    position: static;
    background: none;
    width: auto;
    overflow: visible;
    transition: none;
  }
  .off-canvas.in-canvas-for-xxlarge.position-left, .off-canvas.in-canvas-for-xxlarge.position-right, .off-canvas.in-canvas-for-xxlarge.position-top, .off-canvas.in-canvas-for-xxlarge.position-bottom {
    box-shadow: none;
    transform: none;
  }
  .off-canvas.in-canvas-for-xxlarge .close-button {
    display: none;
  }
}
@media screen and (min-width: 103.125em) {
  .off-canvas.in-canvas-for-xxxlarge {
    visibility: visible;
    height: auto;
    position: static;
    background: none;
    width: auto;
    overflow: visible;
    transition: none;
  }
  .off-canvas.in-canvas-for-xxxlarge.position-left, .off-canvas.in-canvas-for-xxxlarge.position-right, .off-canvas.in-canvas-for-xxxlarge.position-top, .off-canvas.in-canvas-for-xxxlarge.position-bottom {
    box-shadow: none;
    transform: none;
  }
  .off-canvas.in-canvas-for-xxxlarge .close-button {
    display: none;
  }
}
.orbit {
  position: relative;
}

.orbit-container {
  position: relative;
  height: 0;
  margin: 0;
  list-style: none;
  overflow: hidden;
}

.orbit-slide {
  width: 100%;
  position: absolute;
}
.orbit-slide.no-motionui.is-active {
  top: 0;
  left: 0;
}

.orbit-figure {
  margin: 0;
}

.orbit-image {
  width: 100%;
  max-width: 100%;
  margin: 0;
}

.orbit-caption {
  position: absolute;
  bottom: 0;
  width: 100%;
  margin-bottom: 0;
  padding: 1rem;
  background-color: rgba(10, 10, 10, 0.5);
  color: #fff;
}

[data-whatinput=mouse] .orbit-next, [data-whatinput=mouse] .orbit-previous {
  outline: 0;
}
.orbit-next, .orbit-previous {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  padding: 1rem;
  color: #fff;
}
.orbit-next:hover, .orbit-previous:hover, .orbit-next:active, .orbit-previous:active, .orbit-next:focus, .orbit-previous:focus {
  background-color: rgba(10, 10, 10, 0.5);
}

.orbit-previous {
  left: 0;
}

.orbit-next {
  left: auto;
  right: 0;
}

[data-whatinput=mouse] .orbit-bullets {
  outline: 0;
}
.orbit-bullets {
  position: relative;
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
  text-align: center;
}
.orbit-bullets button {
  width: 1.2rem;
  height: 1.2rem;
  margin: 0.1rem;
  border-radius: 50%;
  background-color: #888c91;
}
.orbit-bullets button:hover {
  background-color: #646E81;
}
.orbit-bullets button.is-active {
  background-color: #646E81;
}

.pagination::before, .pagination::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.pagination::after {
  clear: both;
}
.pagination {
  margin-left: 0;
  margin-bottom: 1rem;
}
.pagination li {
  margin-right: 0.0714285714rem;
  border-radius: 0;
  font-size: 1rem;
  display: none;
}
.pagination li:last-child, .pagination li:first-child {
  display: inline-block;
}
@media print, screen and (min-width: 40em) {
  .pagination li {
    display: inline-block;
  }
}
.pagination a,
.pagination button {
  display: block;
  padding: 0.2142857143rem 0.7142857143rem;
  border-radius: 0;
  color: #b3b2b1;
}
.pagination a:hover,
.pagination button:hover {
  background: #ececf1;
}
.pagination .current {
  padding: 0.2142857143rem 0.7142857143rem;
  background: #105681;
  color: #fff;
  cursor: default;
}
.pagination .disabled {
  padding: 0.2142857143rem 0.7142857143rem;
  color: #cccaca;
  cursor: not-allowed;
}
.pagination .disabled:hover {
  background: transparent;
}
.pagination .ellipsis::after {
  padding: 0.2142857143rem 0.7142857143rem;
  content: "…";
  color: #0a0a0a;
}

.pagination-previous a::before,
.pagination-previous.disabled::before {
  display: inline-block;
  margin-right: 0.5rem;
  content: "«";
}

.pagination-next a::after,
.pagination-next.disabled::after {
  display: inline-block;
  margin-left: 0.5rem;
  content: "»";
}

.progress {
  height: 1rem;
  margin-bottom: 1rem;
  border-radius: 0;
  background-color: #cccaca;
}
.progress.primary .progress-meter {
  background-color: #105681;
}
.progress.secondary .progress-meter {
  background-color: #646E81;
}
.progress.success .progress-meter {
  background-color: #237B46;
}
.progress.warning .progress-meter {
  background-color: #FFB819;
}
.progress.alert .progress-meter {
  background-color: #d61425;
}

.progress-meter {
  position: relative;
  display: block;
  width: 0%;
  height: 100%;
  background-color: #105681;
}

.progress-meter-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  font-size: 0.75rem;
  font-weight: bold;
  color: #fff;
  white-space: nowrap;
}

progress {
  display: block;
  width: 100%;
  height: 1rem;
  margin-bottom: 1rem;
  appearance: none;
  border: 0;
  background: #cccaca;
}
progress::-webkit-progress-bar {
  background: #cccaca;
}
progress::-webkit-progress-value {
  background: #105681;
}
progress::-moz-progress-bar {
  background: #105681;
}
progress.primary {
  color: #105681;
}
progress.primary::-webkit-progress-value {
  background: #105681;
}
progress.primary::-moz-progress-bar {
  background: #105681;
}
progress.secondary {
  color: #646E81;
}
progress.secondary::-webkit-progress-value {
  background: #646E81;
}
progress.secondary::-moz-progress-bar {
  background: #646E81;
}
progress.success {
  color: #237B46;
}
progress.success::-webkit-progress-value {
  background: #237B46;
}
progress.success::-moz-progress-bar {
  background: #237B46;
}
progress.warning {
  color: #FFB819;
}
progress.warning::-webkit-progress-value {
  background: #FFB819;
}
progress.warning::-moz-progress-bar {
  background: #FFB819;
}
progress.alert {
  color: #d61425;
}
progress.alert::-webkit-progress-value {
  background: #d61425;
}
progress.alert::-moz-progress-bar {
  background: #d61425;
}
progress::-ms-fill {
  border: 0;
}

.slider {
  position: relative;
  height: 0.5rem;
  margin-top: 1.25rem;
  margin-bottom: 2.25rem;
  background-color: #ececf1;
  cursor: pointer;
  user-select: none;
  touch-action: none;
}

.slider-fill {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  max-width: 100%;
  height: 0.5rem;
  background-color: #888c91;
  transition: all 0.2s ease-in-out;
}
.slider-fill.is-dragging {
  transition: all 0s linear;
}

[data-whatinput=mouse] .slider-handle {
  outline: 0;
}
.slider-handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  z-index: 1;
  cursor: grab;
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 0;
  background-color: #105681;
  transition: all 0.2s ease-in-out;
  touch-action: manipulation;
}
.slider-handle:hover {
  background-color: rgb(13.6, 73.1, 109.65);
}
.slider-handle.is-dragging {
  transition: all 0s linear;
  cursor: grabbing;
}

.slider.disabled,
.slider[disabled] {
  opacity: 0.25;
  cursor: not-allowed;
}

.slider.vertical {
  display: inline-block;
  width: 0.5rem;
  height: 12.5rem;
  margin: 0 1.25rem;
  transform: scale(1, -1);
}
.slider.vertical .slider-fill {
  top: 0;
  width: 0.5rem;
  max-height: 100%;
}
.slider.vertical .slider-handle {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1.4rem;
  height: 1.4rem;
  transform: translateX(-50%);
}

.sticky-container {
  position: relative;
}

.sticky {
  position: relative;
  z-index: 0;
  transform: translate3d(0, 0, 0);
}

.sticky.is-stuck {
  position: fixed;
  z-index: 5;
  width: 100%;
}
.sticky.is-stuck.is-at-top {
  top: 0;
}
.sticky.is-stuck.is-at-bottom {
  bottom: 0;
}

.sticky.is-anchored {
  position: relative;
  right: auto;
  left: auto;
}
.sticky.is-anchored.is-at-bottom {
  bottom: 0;
}

html.is-reveal-open {
  position: fixed;
  width: 100%;
  overflow-y: hidden;
}
html.is-reveal-open.zf-has-scroll {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
html.is-reveal-open body {
  overflow-y: hidden;
}

.reveal-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1005;
  display: none;
  background-color: rgba(10, 10, 10, 0.45);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

[data-whatinput=mouse] .reveal {
  outline: 0;
}
.reveal {
  z-index: 1006;
  backface-visibility: hidden;
  display: none;
  padding: 1rem;
  border: 1px solid #888c91;
  border-radius: 0;
  background-color: #fff;
}
@media print, screen and (min-width: 40em) {
  .reveal {
    min-height: 0;
  }
}
.reveal .column {
  min-width: 0;
}
.reveal > :last-child {
  margin-bottom: 0;
}
@media print, screen and (min-width: 40em) {
  .reveal {
    width: 600px;
    max-width: 85.7142857143rem;
  }
}
.reveal {
  position: relative;
  top: 100px;
  margin-right: auto;
  margin-left: auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.reveal.collapse {
  padding: 0;
}
@media print, screen and (min-width: 40em) {
  .reveal.tiny {
    width: 30%;
    max-width: 85.7142857143rem;
  }
}
@media print, screen and (min-width: 40em) {
  .reveal.small {
    width: 50%;
    max-width: 85.7142857143rem;
  }
}
@media print, screen and (min-width: 40em) {
  .reveal.large {
    width: 90%;
    max-width: 85.7142857143rem;
  }
}
.reveal.full {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: none;
  height: 100%;
  min-height: 100%;
  margin-left: 0;
  border: 0;
  border-radius: 0;
}
@media print, screen and (max-width: 39.99875em) {
  .reveal {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    min-height: 100%;
    margin-left: 0;
    border: 0;
    border-radius: 0;
  }
}
.reveal.without-overlay {
  position: fixed;
}

.switch {
  position: relative;
  margin-bottom: 1rem;
  outline: 0;
  font-size: 1rem;
  font-weight: bold;
  color: #fff;
  user-select: none;
  height: 2rem;
}

.switch-input {
  position: absolute;
  margin-bottom: 0;
  opacity: 0;
}

.switch-paddle {
  position: relative;
  display: block;
  width: 4rem;
  height: 2rem;
  border-radius: 1.5rem;
  background: #888c91;
  transition: all 0.25s ease-out;
  font-weight: inherit;
  color: inherit;
  cursor: pointer;
}
input + .switch-paddle {
  margin: 0;
}
.switch-paddle::after {
  position: absolute;
  top: 0.25rem;
  left: 0.25rem;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  transform: translate3d(0, 0, 0);
  border-radius: 1.5rem;
  background: #fff;
  transition: all 0.25s ease-out;
  content: "";
}
input:checked ~ .switch-paddle {
  background: #105681;
}
input:checked ~ .switch-paddle::after {
  left: 2.25rem;
}
input:disabled ~ .switch-paddle {
  cursor: not-allowed;
  opacity: 0.5;
}
[data-whatinput=mouse] input:focus ~ .switch-paddle {
  outline: 0;
}

.switch-inactive, .switch-active {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.switch-active {
  left: 8%;
  display: none;
}
input:checked + label > .switch-active {
  display: block;
}

.switch-inactive {
  right: 15%;
}
input:checked + label > .switch-inactive {
  display: none;
}

.switch.tiny {
  height: 1.5rem;
}
.switch.tiny .switch-paddle {
  width: 3rem;
  height: 1.5rem;
  font-size: 0.7142857143rem;
}
.switch.tiny .switch-paddle::after {
  top: 0.25rem;
  left: 0.25rem;
  width: 1rem;
  height: 1rem;
}
.switch.tiny input:checked ~ .switch-paddle::after {
  left: 1.75rem;
}

.switch.small {
  height: 1.75rem;
}
.switch.small .switch-paddle {
  width: 3.5rem;
  height: 1.75rem;
  font-size: 0.8571428571rem;
}
.switch.small .switch-paddle::after {
  top: 0.25rem;
  left: 0.25rem;
  width: 1.25rem;
  height: 1.25rem;
}
.switch.small input:checked ~ .switch-paddle::after {
  left: 2rem;
}

.switch.large {
  height: 2.5rem;
}
.switch.large .switch-paddle {
  width: 5rem;
  height: 2.5rem;
  font-size: 1.1428571429rem;
}
.switch.large .switch-paddle::after {
  top: 0.25rem;
  left: 0.25rem;
  width: 2rem;
  height: 2rem;
}
.switch.large input:checked ~ .switch-paddle::after {
  left: 2.75rem;
}

table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 1rem;
  border-radius: 0;
}
thead,
tbody,
tfoot {
  border: none;
  background-color: #fff;
}

caption {
  padding: 0.5714285714rem 0.7142857143rem 0.7142857143rem;
  font-weight: bold;
}

thead {
  background: #105681;
  color: #fff;
}

tfoot {
  background: rgb(242.25, 242.25, 242.25);
  color: #281e1e;
}

thead tr,
tfoot tr {
  background: transparent;
}
thead th,
thead td,
tfoot th,
tfoot td {
  padding: 0.5714285714rem 0.7142857143rem 0.7142857143rem;
  font-weight: bold;
  text-align: left;
}

tbody th,
tbody td {
  padding: 0.5714285714rem 0.7142857143rem 0.7142857143rem;
}

tbody tr:nth-child(even) {
  border-bottom: 0;
  background-color: #f0f0f4;
}

table.unstriped tbody tr {
  border-bottom: none;
  background-color: #fff;
}
table.unstriped tbody {
  background-color: #fff;
}

@media print, screen and (max-width: 63.99875em) {
  table.stack thead {
    display: none;
  }
  table.stack tfoot {
    display: none;
  }
  table.stack tr,
  table.stack th,
  table.stack td {
    display: block;
  }
  table.stack td {
    border-top: 0;
  }
}

table.scroll {
  display: block;
  width: 100%;
  overflow-x: auto;
}

table.hover thead tr:hover {
  background-color: rgb(14.8744827586, 79.9503448276, 119.9255172414);
}
table.hover tfoot tr:hover {
  background-color: rgb(237.15, 237.15, 237.15);
}
table.hover tbody tr:hover {
  background-color: rgb(249.9, 249.9, 249.9);
}
table.hover:not(.unstriped) tr:nth-of-type(even):hover {
  background-color: rgb(230.1272727273, 230.1272727273, 236.6727272727);
}

.table-scroll {
  overflow-x: auto;
}

.tabs::before, .tabs::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.tabs::after {
  clear: both;
}
.tabs {
  margin: 0;
  border: 1px solid #ececf1;
  background: #fff;
  list-style-type: none;
}

.tabs.vertical > li {
  display: block;
  float: none;
  width: auto;
}

.tabs.simple > li > a {
  padding: 0;
}
.tabs.simple > li > a:hover {
  background: transparent;
}

.tabs.primary {
  background: #105681;
}
.tabs.primary > li > a {
  color: #fff;
}
.tabs.primary > li > a:hover, .tabs.primary > li > a:focus {
  background: rgb(18.0137931034, 96.824137931, 145.2362068966);
}

.tabs-title {
  float: left;
}
[data-whatinput=mouse] .tabs-title > a {
  outline: 0;
}
.tabs-title > a {
  display: block;
  padding: 1.25rem 1.5rem;
  font-size: 0.8571428571rem;
  line-height: 1;
  color: #105681;
}
.tabs-title > a:hover {
  background: #fff;
  color: rgb(13.76, 73.96, 110.94);
}
.tabs-title > a:focus, .tabs-title > a[aria-selected=true] {
  background: #ececf1;
  color: #105681;
}

.tabs-content {
  border: 1px solid #ececf1;
  border-top: 0;
  background: #fff;
  color: #281e1e;
  transition: all 0.5s ease;
}

.tabs-content.vertical {
  border: 1px solid #ececf1;
  border-left: 0;
}

.tabs-panel {
  display: none;
  padding: 1rem;
}
.tabs-panel.is-active {
  display: block;
}

.thumbnail {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 1rem;
  border: solid 4px #fff;
  border-radius: 0;
  box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);
  line-height: 0;
}

a.thumbnail {
  transition: box-shadow 200ms ease-out;
}
a.thumbnail:hover, a.thumbnail:focus {
  box-shadow: 0 0 6px 1px rgba(16, 86, 129, 0.5);
}
a.thumbnail image {
  box-shadow: none;
}

.title-bar {
  padding: 0.5rem;
  background: #0a0a0a;
  color: #fff;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.title-bar .menu-icon {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.title-bar-left,
.title-bar-right {
  flex: 1 1 0px;
}

.title-bar-right {
  text-align: right;
}

.title-bar-title {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
}

.has-tip {
  position: relative;
  display: inline-block;
  border-bottom: dotted 1px #646E81;
  font-weight: bold;
  cursor: pointer;
}

.tooltip {
  position: absolute;
  top: calc(100% + 0.6495rem);
  z-index: 1200;
  max-width: 10rem;
  padding: 0.75rem;
  border-radius: 0;
  background-color: #0a0a0a;
  font-size: 0.8571428571rem;
  color: #fff;
}
.tooltip::before {
  position: absolute;
}
.tooltip.bottom::before {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.75rem;
  content: "";
  border-top-width: 0;
  border-color: transparent transparent #0a0a0a;
  bottom: 100%;
}
.tooltip.bottom.align-center::before {
  left: 50%;
  transform: translateX(-50%);
}
.tooltip.top::before {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.75rem;
  content: "";
  border-bottom-width: 0;
  border-color: #0a0a0a transparent transparent;
  top: 100%;
  bottom: auto;
}
.tooltip.top.align-center::before {
  left: 50%;
  transform: translateX(-50%);
}
.tooltip.left::before {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.75rem;
  content: "";
  border-right-width: 0;
  border-color: transparent transparent transparent #0a0a0a;
  left: 100%;
}
.tooltip.left.align-center::before {
  bottom: auto;
  top: 50%;
  transform: translateY(-50%);
}
.tooltip.right::before {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.75rem;
  content: "";
  border-left-width: 0;
  border-color: transparent #0a0a0a transparent transparent;
  right: 100%;
  left: auto;
}
.tooltip.right.align-center::before {
  bottom: auto;
  top: 50%;
  transform: translateY(-50%);
}
.tooltip.align-top::before {
  bottom: auto;
  top: 10%;
}
.tooltip.align-bottom::before {
  bottom: 10%;
  top: auto;
}
.tooltip.align-left::before {
  left: 10%;
  right: auto;
}
.tooltip.align-right::before {
  left: auto;
  right: 10%;
}

.top-bar {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  padding: 0;
}
.top-bar,
.top-bar ul {
  background-color: #fff;
}
.top-bar input {
  max-width: 200px;
  margin-right: 1rem;
}
.top-bar .input-group-field {
  width: 100%;
  margin-right: 0;
}
.top-bar input.button {
  width: auto;
}
.top-bar {
  flex-wrap: wrap;
}
.top-bar .top-bar-left,
.top-bar .top-bar-right {
  flex: 0 0 100%;
  max-width: 100%;
}
@media print, screen and (min-width: 40em) {
  .top-bar {
    flex-wrap: nowrap;
  }
  .top-bar .top-bar-left {
    flex: 1 1 auto;
    margin-right: auto;
  }
  .top-bar .top-bar-right {
    flex: 0 1 auto;
    margin-left: auto;
  }
}
@media print, screen and (max-width: 63.99875em) {
  .top-bar.stacked-for-medium {
    flex-wrap: wrap;
  }
  .top-bar.stacked-for-medium .top-bar-left,
  .top-bar.stacked-for-medium .top-bar-right {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media print, screen and (max-width: 74.99875em) {
  .top-bar.stacked-for-large {
    flex-wrap: wrap;
  }
  .top-bar.stacked-for-large .top-bar-left,
  .top-bar.stacked-for-large .top-bar-right {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media print, screen and (max-width: 89.99875em) {
  .top-bar.stacked-for-xlarge {
    flex-wrap: wrap;
  }
  .top-bar.stacked-for-xlarge .top-bar-left,
  .top-bar.stacked-for-xlarge .top-bar-right {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media print, screen and (max-width: 103.12375em) {
  .top-bar.stacked-for-xxlarge {
    flex-wrap: wrap;
  }
  .top-bar.stacked-for-xxlarge .top-bar-left,
  .top-bar.stacked-for-xxlarge .top-bar-right {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.top-bar.stacked-for-xxxlarge {
  flex-wrap: wrap;
}
.top-bar.stacked-for-xxxlarge .top-bar-left,
.top-bar.stacked-for-xxxlarge .top-bar-right {
  flex: 0 0 100%;
  max-width: 100%;
}

.top-bar-title {
  flex: 0 0 auto;
  margin: 0.5rem 1rem 0.5rem 0;
}

.top-bar-left,
.top-bar-right {
  flex: 0 0 auto;
}

.hide {
  display: none !important;
}

.invisible {
  visibility: hidden;
}

.visible {
  visibility: visible;
}

@media print, screen and (max-width: 39.99875em) {
  .hide-for-small-only {
    display: none !important;
  }
}

@media screen and (max-width: 0em), screen and (min-width: 40em) {
  .show-for-small-only {
    display: none !important;
  }
}

@media print, screen and (min-width: 40em) {
  .hide-for-medium {
    display: none !important;
  }
}

@media screen and (max-width: 39.99875em) {
  .show-for-medium {
    display: none !important;
  }
}

@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
  .hide-for-medium-only {
    display: none !important;
  }
}

@media screen and (max-width: 39.99875em), screen and (min-width: 64em) {
  .show-for-medium-only {
    display: none !important;
  }
}

@media print, screen and (min-width: 64em) {
  .hide-for-large {
    display: none !important;
  }
}

@media screen and (max-width: 63.99875em) {
  .show-for-large {
    display: none !important;
  }
}

@media print, screen and (min-width: 64em) and (max-width: 74.99875em) {
  .hide-for-large-only {
    display: none !important;
  }
}

@media screen and (max-width: 63.99875em), screen and (min-width: 75em) {
  .show-for-large-only {
    display: none !important;
  }
}

@media screen and (min-width: 75em) {
  .hide-for-xlarge {
    display: none !important;
  }
}

@media screen and (max-width: 74.99875em) {
  .show-for-xlarge {
    display: none !important;
  }
}

@media screen and (min-width: 75em) and (max-width: 89.99875em) {
  .hide-for-xlarge-only {
    display: none !important;
  }
}

@media screen and (max-width: 74.99875em), screen and (min-width: 90em) {
  .show-for-xlarge-only {
    display: none !important;
  }
}

@media screen and (min-width: 90em) {
  .hide-for-xxlarge {
    display: none !important;
  }
}

@media screen and (max-width: 89.99875em) {
  .show-for-xxlarge {
    display: none !important;
  }
}

@media screen and (min-width: 90em) and (max-width: 103.12375em) {
  .hide-for-xxlarge-only {
    display: none !important;
  }
}

@media screen and (max-width: 89.99875em), screen and (min-width: 103.125em) {
  .show-for-xxlarge-only {
    display: none !important;
  }
}

@media screen and (min-width: 103.125em) {
  .hide-for-xxxlarge {
    display: none !important;
  }
}

@media screen and (max-width: 103.12375em) {
  .show-for-xxxlarge {
    display: none !important;
  }
}

@media screen and (min-width: 103.125em) {
  .hide-for-xxxlarge-only {
    display: none !important;
  }
}

@media screen and (max-width: 103.12375em) {
  .show-for-xxxlarge-only {
    display: none !important;
  }
}

.show-for-sr,
.show-on-focus {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.show-on-focus:active, .show-on-focus:focus {
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
}

.show-for-landscape,
.hide-for-portrait {
  display: block !important;
}
@media screen and (orientation: landscape) {
  .show-for-landscape,
  .hide-for-portrait {
    display: block !important;
  }
}
@media screen and (orientation: portrait) {
  .show-for-landscape,
  .hide-for-portrait {
    display: none !important;
  }
}

.hide-for-landscape,
.show-for-portrait {
  display: none !important;
}
@media screen and (orientation: landscape) {
  .hide-for-landscape,
  .show-for-portrait {
    display: none !important;
  }
}
@media screen and (orientation: portrait) {
  .hide-for-landscape,
  .show-for-portrait {
    display: block !important;
  }
}

.show-for-dark-mode {
  display: none;
}

.hide-for-dark-mode {
  display: block;
}

@media screen and (prefers-color-scheme: dark) {
  .show-for-dark-mode {
    display: block !important;
  }
  .hide-for-dark-mode {
    display: none !important;
  }
}
.show-for-ie {
  display: none;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .show-for-ie {
    display: block !important;
  }
  .hide-for-ie {
    display: none !important;
  }
}
.show-for-sticky {
  display: none;
}

.is-stuck .show-for-sticky {
  display: block;
}

.is-stuck .hide-for-sticky {
  display: none;
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-center {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.clearfix::before, .clearfix::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.clearfix::after {
  clear: both;
}

.align-left {
  justify-content: flex-start;
}

.align-right {
  justify-content: flex-end;
}

.align-center {
  justify-content: center;
}

.align-justify {
  justify-content: space-between;
}

.align-spaced {
  justify-content: space-around;
}

.align-left.vertical.menu > li > a {
  justify-content: flex-start;
}

.align-right.vertical.menu > li > a {
  justify-content: flex-end;
}

.align-center.vertical.menu > li > a {
  justify-content: center;
}

.align-top {
  align-items: flex-start;
}

.align-self-top {
  align-self: flex-start;
}

.align-bottom {
  align-items: flex-end;
}

.align-self-bottom {
  align-self: flex-end;
}

.align-middle {
  align-items: center;
}

.align-self-middle {
  align-self: center;
}

.align-stretch {
  align-items: stretch;
}

.align-self-stretch {
  align-self: stretch;
}

.align-center-middle {
  justify-content: center;
  align-items: center;
  align-content: center;
}

.small-order-1 {
  order: 1;
}

.small-order-2 {
  order: 2;
}

.small-order-3 {
  order: 3;
}

.small-order-4 {
  order: 4;
}

.small-order-5 {
  order: 5;
}

.small-order-6 {
  order: 6;
}

@media print, screen and (min-width: 40em) {
  .medium-order-1 {
    order: 1;
  }
  .medium-order-2 {
    order: 2;
  }
  .medium-order-3 {
    order: 3;
  }
  .medium-order-4 {
    order: 4;
  }
  .medium-order-5 {
    order: 5;
  }
  .medium-order-6 {
    order: 6;
  }
}
@media print, screen and (min-width: 64em) {
  .large-order-1 {
    order: 1;
  }
  .large-order-2 {
    order: 2;
  }
  .large-order-3 {
    order: 3;
  }
  .large-order-4 {
    order: 4;
  }
  .large-order-5 {
    order: 5;
  }
  .large-order-6 {
    order: 6;
  }
}
@media screen and (min-width: 75em) {
  .xlarge-order-1 {
    order: 1;
  }
  .xlarge-order-2 {
    order: 2;
  }
  .xlarge-order-3 {
    order: 3;
  }
  .xlarge-order-4 {
    order: 4;
  }
  .xlarge-order-5 {
    order: 5;
  }
  .xlarge-order-6 {
    order: 6;
  }
}
@media screen and (min-width: 90em) {
  .xxlarge-order-1 {
    order: 1;
  }
  .xxlarge-order-2 {
    order: 2;
  }
  .xxlarge-order-3 {
    order: 3;
  }
  .xxlarge-order-4 {
    order: 4;
  }
  .xxlarge-order-5 {
    order: 5;
  }
  .xxlarge-order-6 {
    order: 6;
  }
}
@media screen and (min-width: 103.125em) {
  .xxxlarge-order-1 {
    order: 1;
  }
  .xxxlarge-order-2 {
    order: 2;
  }
  .xxxlarge-order-3 {
    order: 3;
  }
  .xxxlarge-order-4 {
    order: 4;
  }
  .xxxlarge-order-5 {
    order: 5;
  }
  .xxxlarge-order-6 {
    order: 6;
  }
}
.flex-container {
  display: flex;
}

.flex-child-auto {
  flex: 1 1 auto;
}

.flex-child-grow {
  flex: 1 0 auto;
}

.flex-child-shrink {
  flex: 0 1 auto;
}

.flex-dir-row {
  flex-direction: row;
}

.flex-dir-row-reverse {
  flex-direction: row-reverse;
}

.flex-dir-column {
  flex-direction: column;
}

.flex-dir-column-reverse {
  flex-direction: column-reverse;
}

@media print, screen and (min-width: 40em) {
  .medium-flex-container {
    display: flex;
  }
  .medium-flex-child-auto {
    flex: 1 1 auto;
  }
  .medium-flex-child-grow {
    flex: 1 0 auto;
  }
  .medium-flex-child-shrink {
    flex: 0 1 auto;
  }
  .medium-flex-dir-row {
    flex-direction: row;
  }
  .medium-flex-dir-row-reverse {
    flex-direction: row-reverse;
  }
  .medium-flex-dir-column {
    flex-direction: column;
  }
  .medium-flex-dir-column-reverse {
    flex-direction: column-reverse;
  }
}
@media print, screen and (min-width: 64em) {
  .large-flex-container {
    display: flex;
  }
  .large-flex-child-auto {
    flex: 1 1 auto;
  }
  .large-flex-child-grow {
    flex: 1 0 auto;
  }
  .large-flex-child-shrink {
    flex: 0 1 auto;
  }
  .large-flex-dir-row {
    flex-direction: row;
  }
  .large-flex-dir-row-reverse {
    flex-direction: row-reverse;
  }
  .large-flex-dir-column {
    flex-direction: column;
  }
  .large-flex-dir-column-reverse {
    flex-direction: column-reverse;
  }
}
@media screen and (min-width: 75em) {
  .xlarge-flex-container {
    display: flex;
  }
  .xlarge-flex-child-auto {
    flex: 1 1 auto;
  }
  .xlarge-flex-child-grow {
    flex: 1 0 auto;
  }
  .xlarge-flex-child-shrink {
    flex: 0 1 auto;
  }
  .xlarge-flex-dir-row {
    flex-direction: row;
  }
  .xlarge-flex-dir-row-reverse {
    flex-direction: row-reverse;
  }
  .xlarge-flex-dir-column {
    flex-direction: column;
  }
  .xlarge-flex-dir-column-reverse {
    flex-direction: column-reverse;
  }
}
@media screen and (min-width: 90em) {
  .xxlarge-flex-container {
    display: flex;
  }
  .xxlarge-flex-child-auto {
    flex: 1 1 auto;
  }
  .xxlarge-flex-child-grow {
    flex: 1 0 auto;
  }
  .xxlarge-flex-child-shrink {
    flex: 0 1 auto;
  }
  .xxlarge-flex-dir-row {
    flex-direction: row;
  }
  .xxlarge-flex-dir-row-reverse {
    flex-direction: row-reverse;
  }
  .xxlarge-flex-dir-column {
    flex-direction: column;
  }
  .xxlarge-flex-dir-column-reverse {
    flex-direction: column-reverse;
  }
}
@media screen and (min-width: 103.125em) {
  .xxxlarge-flex-container {
    display: flex;
  }
  .xxxlarge-flex-child-auto {
    flex: 1 1 auto;
  }
  .xxxlarge-flex-child-grow {
    flex: 1 0 auto;
  }
  .xxxlarge-flex-child-shrink {
    flex: 0 1 auto;
  }
  .xxxlarge-flex-dir-row {
    flex-direction: row;
  }
  .xxxlarge-flex-dir-row-reverse {
    flex-direction: row-reverse;
  }
  .xxxlarge-flex-dir-column {
    flex-direction: column;
  }
  .xxxlarge-flex-dir-column-reverse {
    flex-direction: column-reverse;
  }
}
@media (min-height: 714px) {
  .move-up-quarter {
    margin-top: -25vh;
  }
}
.padding {
  padding: 1rem !important;
}

.padding-tiny {
  padding: 0.25rem !important;
}

.padding-small {
  padding: 0.5rem !important;
}

.padding-large {
  padding: 2rem !important;
}

.padding-huge {
  padding: 4rem !important;
}

.padding-none {
  padding: 0 !important;
}

.padding-top {
  padding-top: 1rem !important;
}

.padding-top-tiny {
  padding-top: 0.25rem !important;
}

.padding-top-small {
  padding-top: 0.5rem !important;
}

.padding-top-large {
  padding-top: 2rem !important;
}

.padding-top-huge {
  padding-top: 4rem !important;
}

.padding-top-none {
  padding-top: 0 !important;
}

.padding-right {
  padding-right: 1rem !important;
}

.padding-right-tiny {
  padding-right: 0.25rem !important;
}

.padding-right-small {
  padding-right: 0.5rem !important;
}

.padding-right-large {
  padding-right: 2rem !important;
}

.padding-right-huge {
  padding-right: 4rem !important;
}

.padding-right-none {
  padding-right: 0 !important;
}

.padding-bottom {
  padding-bottom: 1rem !important;
}

.padding-bottom-tiny {
  padding-bottom: 0.25rem !important;
}

.padding-bottom-small {
  padding-bottom: 0.5rem !important;
}

.padding-bottom-large {
  padding-bottom: 2rem !important;
}

.padding-bottom-huge {
  padding-bottom: 4rem !important;
}

.padding-bottom-none {
  padding-bottom: 0 !important;
}

.padding-left {
  padding-left: 1rem !important;
}

.padding-left-tiny {
  padding-left: 0.25rem !important;
}

.padding-left-small {
  padding-left: 0.5rem !important;
}

.padding-left-large {
  padding-left: 2rem !important;
}

.padding-left-huge {
  padding-left: 4rem !important;
}

.padding-left-none {
  padding-left: 0 !important;
}

.padding-horizontal {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.padding-horizontal-tiny {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}

.padding-horizontal-small {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.padding-horizontal-large {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.padding-horizontal-huge {
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}

.padding-horizontal-none {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.padding-vertical {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.padding-vertical-tiny {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.padding-vertical-small {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.padding-vertical-large {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.padding-vertical-huge {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

.padding-vertical-none {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.margin {
  margin: 1rem !important;
}

.margin-tiny {
  margin: 0.25rem !important;
}

.margin-small {
  margin: 0.5rem !important;
}

.margin-large {
  margin: 2rem !important;
}

.margin-huge {
  margin: 4rem !important;
}

.margin-none {
  margin: 0 !important;
}

.margin-top {
  margin-top: 1rem !important;
}

.margin-top-tiny {
  margin-top: 0.25rem !important;
}

.margin-top-small {
  margin-top: 0.5rem !important;
}

.margin-top-large {
  margin-top: 2rem !important;
}

.margin-top-huge {
  margin-top: 4rem !important;
}

.margin-top-none {
  margin-top: 0 !important;
}

.margin-right {
  margin-right: 1rem !important;
}

.margin-right-tiny {
  margin-right: 0.25rem !important;
}

.margin-right-small {
  margin-right: 0.5rem !important;
}

.margin-right-large {
  margin-right: 2rem !important;
}

.margin-right-huge {
  margin-right: 4rem !important;
}

.margin-right-none {
  margin-right: 0 !important;
}

.margin-bottom {
  margin-bottom: 1rem !important;
}

.margin-bottom-tiny {
  margin-bottom: 0.25rem !important;
}

.margin-bottom-small {
  margin-bottom: 0.5rem !important;
}

.margin-bottom-large {
  margin-bottom: 2rem !important;
}

.margin-bottom-huge, .pop-out.widget {
  margin-bottom: 4rem !important;
}

.margin-bottom-none {
  margin-bottom: 0 !important;
}

.margin-left {
  margin-left: 1rem !important;
}

.margin-left-tiny {
  margin-left: 0.25rem !important;
}

.margin-left-small {
  margin-left: 0.5rem !important;
}

.margin-left-large {
  margin-left: 2rem !important;
}

.margin-left-huge {
  margin-left: 4rem !important;
}

.margin-left-none {
  margin-left: 0 !important;
}

.margin-horizontal {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.margin-horizontal-tiny {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}

.margin-horizontal-small {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.margin-horizontal-large {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}

.margin-horizontal-huge {
  margin-left: 4rem !important;
  margin-right: 4rem !important;
}

.margin-horizontal-none {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.margin-vertical {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.margin-vertical-tiny {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.margin-vertical-small {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.margin-vertical-large {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.margin-vertical-huge {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}

.margin-vertical-none {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.summary-widget .bar-chart-title {
  font-weight: 600;
}

.chart-title {
  margin-bottom: 5px;
  color: #646E81;
  font-size: 14px;
  font-weight: bold;
}

.composite-compliance-table .configuration-content {
  display: block;
  height: 400px;
  overflow-y: auto;
}
.composite-compliance-table .blank-state {
  margin-top: 0 !important;
}

.chart-container text {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

#chart-ct text {
  font-family: sans-serif;
  font-size: 10px;
}
#chart-ct .node {
  cursor: move;
}
#chart-ct .link line {
  stroke: #aaa;
}
#chart-ct .link {
  stroke: #999;
  stroke-opacity: 0.6;
  stroke-width: 1px;
}
#chart-ct .ring {
  fill: white;
  stroke-width: 2px;
}
#chart-ct .node:hover .ring {
  opacity: 0.3;
}

.pop-out.widget {
  margin-bottom: 0 !important;
}

#chart-toolbar {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 20;
}
#chart-toolbar [type=text] {
  width: 20px;
}
#chart-toolbar input {
  width: 100px;
  display: inline-block;
  padding: 0;
}

.table-tooltip {
  background-color: #281e1e;
  width: 220px;
  text-overflow: ellipsis;
  word-break: break-word;
}
.table-tooltip tr {
  height: auto;
  background-color: #281e1e;
}
.table-tooltip th, .table-tooltip td {
  font-size: 11px;
  color: white;
  background-color: #281e1e;
  vertical-align: middle;
  padding: 3px 5px;
}

#composite-treemap-widget .ember-basic-dropdown-trigger {
  padding-bottom: 6px;
  margin-bottom: 9px;
  margin-right: 15px;
  display: inline-block;
}
#composite-treemap-widget .widget {
  padding-bottom: 0 !important;
}
#composite-treemap-widget .blank-state {
  margin-bottom: 1rem;
}
#composite-treemap-widget .treemap-category-F {
  fill: #d61425 !important;
}
#composite-treemap-widget .treemap-category-D {
  fill: #e46921 !important;
}
#composite-treemap-widget .treemap-category-C {
  fill: #f1901d !important;
}
#composite-treemap-widget .treemap-category-B {
  fill: #FFB819 !important;
}
#composite-treemap-widget .treemap-category-A {
  fill: #90BF3E !important;
}
#composite-treemap-widget .treemap-category-NOPOLICY {
  fill: #888c91 !important;
}
#composite-treemap-widget .treemap-category-COMPLIANT {
  fill: #90BF3E !important;
}
#composite-treemap-widget .treemap-category-NOTCOMPLIANT {
  fill: #d61425 !important;
}

#communication-flow-diagram {
  margin-top: 0;
}
#communication-flow-diagram #chart-ct svg {
  width: 100%;
  height: 100%;
}
#communication-flow-diagram #chart-ct svg .legend-disabled {
  opacity: 0.3;
}

.communication-flow-diagram-minimize #chart-ct {
  height: 100%;
}

.communication-flow-diagram-maximize {
  top: 0;
  left: 0;
  background-color: rgba(128, 128, 128, 0.77);
  z-index: 5000;
  width: 100vw;
  height: 100vh;
  position: fixed;
}
.communication-flow-diagram-maximize .summary-widget {
  margin: 0 !important;
  height: 97.5%;
}
.communication-flow-diagram-maximize .summary-widget .summary {
  margin: 10px !important;
  padding-bottom: 10px !important;
  height: 100%;
}
.communication-flow-diagram-maximize .summary-widget .summary .yield-content {
  max-height: initial;
  height: 100%;
}
.communication-flow-diagram-maximize .summary-title {
  display: none;
}
.communication-flow-diagram-maximize #chart-ct {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
  vertical-align: top;
  overflow: hidden;
}
.communication-flow-diagram-maximize #chart-ct svg {
  width: 100%;
}
.communication-flow-diagram-maximize .svg-content-responsive {
  display: inline-block;
  position: absolute;
  left: 0;
}
.communication-flow-diagram-maximize .legend {
  font-size: 12px;
}

.empty-stacked-chart {
  margin-bottom: 30px;
}

#composite-security-widget-blank .blank-state {
  margin-bottom: 1rem;
}

#communication-flow-diagram .summary-footer, #composite-treemap-widget .summary-footer, #composite-security-widget .summary-footer, #composite-security-widget-blank .summary-footer,
#license-page .summary-footer, #home-page .summary-footer, #summary-evolution .summary-footer, #disabled-bill-of-materials .summary-footer, #report-page-content .summary-footer, #application-security-widget .summary-footer {
  display: none;
}
#communication-flow-diagram .yield-content, #composite-treemap-widget .yield-content, #composite-security-widget .yield-content, #composite-security-widget-blank .yield-content,
#license-page .yield-content, #home-page .yield-content, #summary-evolution .yield-content, #disabled-bill-of-materials .yield-content, #report-page-content .yield-content, #application-security-widget .yield-content {
  margin-bottom: 0;
}

#endpoint-composite-widget .endpoint-bubble-A {
  fill: #90BF3E;
  stroke: #90BF3E;
}
#endpoint-composite-widget .endpoint-bubble-F {
  fill: #d61425;
  stroke: #d61425;
}
#endpoint-composite-widget .endpoint-bubble-D {
  fill: #e46921;
  stroke: #e46921;
}
#endpoint-composite-widget .endpoint-bubble-C {
  fill: #f1901d;
  stroke: #f1901d;
}
#endpoint-composite-widget .endpoint-bubble-B {
  fill: #FFB819;
  stroke: #FFB819;
}
#endpoint-composite-widget .endpoint-bubble-permitted {
  cursor: pointer;
}
#endpoint-composite-widget .endpoint-bubble-notpermitted {
  cursor: not-allowed;
}

#code-page .column-code-name .code-name-label {
  font-size: 10px;
  color: #888c91;
}
#code-page .column-code-indicator {
  padding-left: 0 !important;
  padding-top: 2px;
  padding-bottom: 2px;
}
#code-page .column-code-indicator-CRITICAL {
  background-color: #d61425;
  width: 6px;
  height: 30px;
}
#code-page .column-code-indicator-HIGH {
  background-color: #e46921;
  width: 6px;
  height: 30px;
}
#code-page .column-code-indicator-MEDIUM {
  background-color: #f1901d;
  width: 6px;
  height: 30px;
}
#code-page .column-code-indicator-LOW {
  background-color: #FFB819;
  width: 6px;
  height: 30px;
}
#code-page ® .column-code-indicator-INFORMATIVE {
  background-color: #90BF3E;
  width: 6px;
  height: 30px;
}

#code-detail-ct #code-content {
  position: relative;
  border: 1px solid #888c91;
  padding: 10px;
}
#code-detail-ct #code-content .line-highlight {
  margin-top: 0em;
}
#code-detail-ct #code-content pre:first-child .line-highlight {
  display: none;
}
#code-detail-ct #code-content pre {
  display: block;
  padding-top: 0;
  padding-bottom: 5px;
}
#code-detail-ct #code-content pre .line-numbers-rows {
  left: -12px;
  line-height: 1.585;
  width: 3.5em;
}
#code-detail-ct code {
  border: 0;
  font-size: 1em;
}
#sidebar {
  position: fixed;
  z-index: 10;
  height: 100%;
  background: #888c91;
  max-height: 100%;
  overflow-y: auto;
}
#sidebar #sidebar-content {
  padding: 10px;
  font-size: smaller;
}
#sidebar #sidebar-opener {
  margin-top: 5px;
  cursor: pointer;
  padding-top: 10px;
}
#sidebar #sidebar-opener i {
  font-size: 1em;
}

#component-detail-ct h6 {
  margin-top: 35px;
  margin-bottom: 20px;
}
#component-detail-ct .cve-description {
  font-style: italic;
  font-size: small;
  color: #888c91;
}

#protecode-page .callout {
  margin-bottom: 2rem;
}
#protecode-page .component-details {
  margin-bottom: 15px;
}
#protecode-page .column-component-name .component-name-label {
  font-size: 10px;
  color: #888c91;
}
#protecode-page .column-component-indicator {
  padding-left: 0 !important;
  padding-top: 2px;
  padding-bottom: 2px;
}
#protecode-page .column-component-indicator-CRITICAL {
  background-color: #d61425;
  width: 6px;
  height: 60px;
}
#protecode-page .column-component-indicator-HIGH {
  background-color: #e46921;
  width: 6px;
  height: 60px;
}
#protecode-page .column-component-indicator-MEDIUM {
  background-color: #f1901d;
  width: 6px;
  height: 60px;
}
#protecode-page .column-component-indicator-LOW {
  background-color: #FFB819;
  width: 6px;
  height: 60px;
}
#protecode-page .column-component-indicator-INFORMATIVE {
  background-color: #90BF3E;
  width: 6px;
  height: 60px;
}

.severity-tag {
  display: inline-block;
  color: white;
  border-radius: 6px;
  line-height: 1.2rem;
  font-weight: 500;
  font-size: 0.9rem;
  width: 76px;
  white-space: nowrap;
  padding: 3px 3px 3px 6px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}

.severity-tag-only-icon {
  display: inline-block;
  color: white;
  border-radius: 6px;
  line-height: 1.2rem;
  font-weight: 500;
  font-size: 0.9rem;
  width: 25px;
  white-space: nowrap;
  padding: 3px 3px 3px 6px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}

.severity-critical {
  background-color: #d61425;
}

.severity-high {
  background-color: #e46921;
}

.severity-medium {
  background-color: #f1901d;
}

.severity-low {
  background-color: #FFB819;
}

.severity-informative {
  background-color: #b3b2b1;
}

.process-container {
  padding-left: 20px;
  background-size: 16px;
  background-repeat: no-repeat;
  background-position-y: center;
}
.process-container .connected {
  color: #90BF3E;
  font-size: 13px;
}
.process-container .notconnected {
  color: #d61425;
  font-size: 13px;
}

.process-container-dotnet {
  background-image: url("../images/dotnet-d2b937bc698d59e5d0a4b35d5e7f4b6f.png");
}

.process-container-dotnetcore {
  background-image: url("../images/dotnetcore-5d23bd91aa0fc50de8c1a5dd73e25fe3.png");
}

.process-container-iis {
  background-image: url("../images/iis-8903830841e9c5d546ef4982a40912a4.png");
}

.process-container-php {
  background-image: url("../images/php-0d4b334ef1fc9f5e2c3ce31850f28373.png");
}

.process-container-go {
  background-image: url("../images/go.svg");
}

.process-container-glassfish {
  background-image: url("../images/glassfish-a4f3ebc6c0b943b2fffa7672aaf74df2.png");
}

.process-container-java {
  background-image: url("../images/java-7001d125aa9f36942f6d830382a12e76.png");
}

.process-container-jboss {
  background-image: url("../images/jboss-424c1ed6f1581ef42b77babf9220aa47.png");
}

.process-container-jetty {
  background-image: url("../images/jetty-8d17a3b2c9cb7aa584f757880353b827.png");
}

.process-container-nodejs {
  background-image: url("../images/nodejs-a6e9f4e32a2a6811f9e54bcf908bef45.png");
}

.process-container-tomcat {
  background-image: url("../images/tomcat-b90789c61171e41824f3d64b991d84d0.png");
}

.process-container-python {
  background-image: url("../images/python.svg");
}

.process-container-weblogic {
  background-image: url("../images/weblogic-092274ad5117aecbfc1b61a1429ddb06.png");
}

.process-container-websphere {
  background-image: url("../images/websphere-9dacad1bde4fc902b9932fcc5a232928.jpg");
}

.process-container-scala {
  background-image: url("../images/scala-781017681230fe3cb11c43ec9cfc5ee3.png");
}

.process-container-vertx {
  background-image: url("../images/vertx-47036d5191dd7a57573b0f5ae59e9dd8.png");
}

.process-container-httpkit {
  background-image: url("../images/httpkit-ba9dd5c0fc955cb93228d1ab8d1af590.png");
}

.slack-integration {
  padding-left: 20px;
  background-size: 16px;
  background-repeat: no-repeat;
  background-image: url("../images/slack.svg");
}

.jenkins-integration {
  padding-left: 20px;
  background-size: 16px;
  background-repeat: no-repeat;
  background-image: url("../images/jenkins.svg");
}

.kubernetes-integration {
  padding-left: 20px;
  background-size: 16px;
  background-repeat: no-repeat;
  background-image: url("../images/kubernetes.svg");
}

#installation-osfamily-selector {
  margin-bottom: 15px;
  font-size: 35px;
}

.installation-procedure-command {
  font-size: 11px;
  word-wrap: break-word;
}

#installation-osfamily-selector .button {
  padding: 6px 20px;
  background-color: white;
  border: 1px solid #8abfe6;
  color: #105681;
}
#installation-osfamily-selector .button i {
  font-size: 48px;
  padding: 10px;
}
#installation-osfamily-selector .active {
  background-color: #e5dbec;
}

._c-notification__content_n87nsn .notifications-buttons {
  padding-left: 10px;
}
._c-notification__content_n87nsn .notifications-buttons button {
  margin: 0;
}

.actions-list {
  font-size: 0.9rem;
  width: 200px;
  padding: 0;
}
.actions-list .seeker-multi-selector-title {
  font-weight: 600;
  margin-bottom: 5px;
}
.actions-list li {
  padding: 0;
  margin: 0;
}
.actions-list li .disabled {
  color: #646E81;
  opacity: 0.5;
}

.divider {
  height: 1px;
  background-color: #e8e9ec;
  margin-top: 3px !important;
  margin-bottom: 3px !important;
  padding: 0 !important;
}

.seeker-toggler-content-open {
  display: block;
  padding-top: 10px;
}

.seeker-toggler-content-close {
  display: none;
}

.is-dropdown-submenu-item a:hover {
  background: #e8e9ec;
}

.sensitive-data-dirty-notifier-icon {
  color: orange;
  font-size: 10px;
}

.section-chapter .sensitive-data-dirty-notifier {
  position: relative;
  margin-left: 0;
}

.new-detection-notifier, .sensitive-data-dirty-notifier {
  border: 1px solid rgba(10, 10, 10, 0.25);
  padding: 0.6em 1em;
  font-size: 0.85rem;
  border-radius: 3px;
  margin-left: 10px;
  position: absolute;
}
.new-detection-notifier a, .sensitive-data-dirty-notifier a {
  display: inline;
  padding: 0 !important;
}
.new-detection-notifier i, .sensitive-data-dirty-notifier i {
  color: #105681;
}

.full-code-sig {
  padding: 5px 10px 5px 10px;
  border: 1px solid #b3b2b1;
  font-weight: 600;
}
.full-code-sig span {
  max-width: calc(100% - 115px);
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle;
}
.full-code-sig a {
  float: right;
  font-weight: 400;
}

.full-code-sig-type {
  padding: 2px 10px 2px 10px;
  border-left: 1px solid #b3b2b1;
  border-right: 1px solid #b3b2b1;
  border-bottom: 1px solid #b3b2b1;
  font-weight: 300;
  font-size: smaller;
}

.seeker-code-sig-ct .seeker-code-display {
  overflow: hidden;
}
.seeker-code-sig-ct .seeker-line-highlight {
  position: absolute;
  background-color: #ececf1;
  height: 100%;
  width: 35px;
  left: 0;
  text-align: center;
  padding-top: 4px;
  color: #888c91;
  overflow: hidden;
  font-size: 0.9rem;
  line-height: 10px;
}
.seeker-code-sig-ct .code-events-ct {
  position: relative;
  padding-left: 5px;
}
.seeker-code-sig-ct .code-events-ct .seeker-line-highlight {
  left: 5px;
}
.seeker-code-sig-ct .code-events-ct .seeker-inline-mode-doc-content p {
  margin-bottom: 0;
}
.seeker-code-sig-ct .code-events-ct .warning {
  background-color: rgba(255, 184, 25, 0.2);
}
.seeker-code-sig-ct .code-events-ct .alert {
  background-color: rgba(214, 20, 37, 0.2);
}
.seeker-code-sig-ct .code-events-ct .callout {
  border: 0;
  padding-left: 43px;
  margin-bottom: 3px;
}
.seeker-code-sig-ct .code-events-ct .callout:last-child {
  margin-bottom: 0;
}
.seeker-code-sig-ct .seeker-code-display {
  margin-bottom: 0 !important;
  background-color: white;
  border: 0 !important;
  margin-left: 5px;
  padding-top: 8px;
  padding-left: 3rem !important;
}
.seeker-code-sig-ct .seeker-code-display-top {
  padding-bottom: 0 !important;
}
.seeker-code-sig-ct .seeker-code-display-top .seeker-line-highlight {
  top: -5px;
  height: 150px;
}
.seeker-code-sig-ct .seeker-code-display-bottom {
  padding-top: 0 !important;
}

.code-sig-list, .code-sig-list li {
  list-style: disc inside !important;
}

.code-sig {
  font-family: "Courier New", serif;
  font-size: small;
}

.code-stack-ct {
  padding-top: 15px;
  padding-bottom: 5px;
}

.seeker-inline-mode-doc-content .code-block, .dataflow-step-content .code-block {
  padding-left: 3rem;
  line-height: 18px;
  display: block;
  position: relative;
}
.seeker-inline-mode-doc-content .code-block code, .dataflow-step-content .code-block code {
  border: 0;
  padding: 0;
  font-size: 0.9rem;
}
.seeker-inline-mode-doc-content .code-block code .code-ellispis, .dataflow-step-content .code-block code .code-ellispis {
  font-size: 5px;
}
.seeker-inline-mode-doc-content .code-block code .code-snippet, .dataflow-step-content .code-block code .code-snippet {
  word-break: break-all;
  white-space: normal;
}
.seeker-inline-mode-doc-content .code-block code .line-highlight, .dataflow-step-content .code-block code .line-highlight {
  margin-top: -1px;
  padding-bottom: 4px;
  padding-top: 2px;
  vertical-align: middle;
  line-height: 16px;
}
.seeker-inline-mode-doc-content .code-block code .line-highlight:before, .dataflow-step-content .code-block code .line-highlight:before {
  top: 0.6em;
}

.code-stacktrace {
  padding-left: 10px;
  font-family: "Courier New", serif;
  font-size: 0.9rem;
}
.code-stacktrace .code-stacktrace-line {
  padding-left: 25px;
  position: relative;
  word-break: break-all;
}
.code-stacktrace .code-stacktrace-line-custom {
  background-color: #fff0d1;
}
.code-stacktrace .code-stacktrace-line-selected {
  color: #281e1e;
  padding-right: 0.5em;
  position: absolute;
  top: 1px;
  left: 6px;
}

.seeker-inline-mode-doc-content code {
  white-space: pre-wrap;
  word-wrap: break-word;
  line-height: 10px;
  word-break: break-all;
}
.seeker-inline-mode-doc-content pre {
  display: block;
  margin-bottom: 20px;
}
.seeker-inline-mode-doc-content p {
  line-height: 1.5rem;
}

.skp-reveal-show {
  display: block;
}

.skp-reveal-hide {
  display: none;
}

.skp-reveal .columns:first-child {
  padding-left: 0;
  padding-right: 5px;
}
.skp-reveal .columns:last-child {
  padding-left: 5px;
  padding-right: 0;
}

#agent-connection {
  padding-left: 0;
}

.compliance-report-chart .axis-right-y path {
  display: none;
}
.compliance-report-chart .axis-right-y line {
  display: none;
}

.legend text {
  font-size: 10px;
  fill: black;
}

.compliance-meta-icon-A, .compliance-meta-label-A {
  color: #90BF3E !important;
  border-color: #90BF3E !important;
}

.compliance-meta-icon-F, .compliance-meta-label-F {
  color: #d61425 !important;
  border-color: #d61425 !important;
}

.compliance-meta-icon-D, .compliance-meta-label-D {
  color: #e46921 !important;
  border-color: #e46921 !important;
}

.compliance-meta-icon-C, .compliance-meta-label-C {
  color: #f1901d !important;
  border-color: #f1901d !important;
}

.compliance-meta-icon-B, .compliance-meta-label-B {
  color: #FFB819 !important;
  border-color: #FFB819 !important;
}

.vuln-meta {
  display: inline-block;
  white-space: nowrap;
  vertical-align: middle;
  font-size: 0.9rem;
  line-height: 1.8;
}
.vuln-meta .vuln-meta-left-border {
  background: url("../images/tags/bg-tag-left.svg") no-repeat;
  float: left;
  height: 20px;
  width: 11px;
  display: inline-block;
}
.vuln-meta .vuln-meta-center {
  height: 20px;
  display: inline-block;
  padding: 0 5px 0 0;
  float: left;
  max-width: 155px;
  background: url("../images/tags/bg-tag-center.svg") repeat-x;
}
.vuln-meta .vuln-meta-right-border {
  background: url("../images/tags/bg-tag-right.svg") no-repeat;
  height: 20px;
  width: 1px;
  float: left;
  display: inline-block;
}
.vuln-meta .vuln-meta-icon {
  padding-left: 3px;
}
.vuln-meta .vuln-meta-icon svg {
  width: 0.8rem;
  color: #105681;
  position: relative;
}
.vuln-meta .vuln-meta-text {
  color: #105681;
  font-weight: 300;
  font-size: 11px;
  position: relative;
  top: -1px;
}

.compliance-meta {
  display: inline;
  white-space: nowrap;
  font-size: 0.9rem;
  vertical-align: middle;
}
.compliance-meta .compliance-meta-icon {
  font-size: 12px;
  color: #105681;
}
.compliance-meta .compliance-meta-icon i {
  padding-left: 0 !important;
}
.compliance-meta .compliance-meta-label {
  font-size: 10px;
  border-top: 1px solid #105681;
  border-bottom: 1px solid #105681;
  border-right: 1px solid #105681;
  border-radius: 4px;
  padding: 2px 4px 2px 8px;
  margin-left: -8px;
  color: #105681;
}

.suggest-container {
  border: 1px solid #cccaca;
  background-color: white;
  min-height: 2.42857rem;
  width: 100%;
  font-size: 0.9rem;
  line-height: normal;
  position: relative;
  padding: 2px 33px 2px 2px;
}
.suggest-container .label-ct {
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  border: 1px solid transparent;
}
.suggest-container .label-ct .label {
  background: #888c91;
  border-radius: 5px;
  display: inline-block;
}
.suggest-container .label-ct .label a {
  color: white;
}
.suggest-container .suggest-input, .suggest-container .suggest-input:focus, .suggest-container .suggest-input:hover {
  display: inline-block;
  vertical-align: middle;
  width: 30%;
  border: 0;
  box-shadow: none;
  margin: 0;
  height: 28px;
}
.suggest-container .suggest-input:disabled {
  background-color: transparent;
}
.suggest-container .suggest-selector {
  vertical-align: middle;
  width: 28px;
  height: 28px;
  text-align: center;
  position: absolute;
  top: 2px;
  right: 2px;
  padding-left: 2px;
  padding-top: 7px;
  background-color: #e8e9ec;
  cursor: pointer;
}
.suggest-container .suggest-selector:hover {
  background-color: #b3b2b1;
}

.suggest-suggestions {
  border: 1px solid #e8e9ec;
  background-color: white;
  padding: 2px;
  font-size: 0.9rem;
  border-radius: 0;
  position: absolute;
  z-index: 10;
}
.suggest-suggestions ul {
  list-style: none;
  margin-left: 0;
  margin-bottom: 0;
}
.suggest-suggestions ul li {
  cursor: pointer;
  padding: 4px;
}
.suggest-suggestions ul li.active {
  background-color: #e8e9ec;
}

.suggest-suggestions-off {
  display: none;
}

.suggest-suggestions-on {
  display: block;
}

#agent-monitoring {
  width: 90%;
  height: auto;
  position: fixed;
  top: 75px;
  font-size: 0.9rem;
}
#agent-monitoring .menu-filter-search {
  width: 500px;
}
#agent-monitoring #agent-monitoring-activity {
  max-height: 380px;
  overflow-y: scroll;
}
#agent-monitoring #agent-monitoring-activity table {
  margin-bottom: 0;
}
#agent-monitoring #agent-monitoring-activity .agent-monitoring-activity-operation {
  max-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.horizontal-spacer {
  margin-bottom: 30px;
}

.version-strategy-test-button {
  margin-top: 20px;
  margin-bottom: 50px;
  display: block;
  font-size: 0.9rem;
}
.version-strategy-test-button p {
  margin-top: 5px;
  font-size: 0.9rem;
}

#agent-dump-test-agents {
  margin-top: 10px;
}
#agent-dump-test-agents .test-agents-select {
  display: inline-block;
  margin-right: 0.5rem;
  vertical-align: top;
  width: 330px;
}
#agent-dump-test-agents .test-agents-select .test-agents-select-trigger {
  min-height: auto;
  line-height: 1rem;
  font-size: 0.9rem;
  padding: 0.5rem;
}

#version-strategy-test-agents {
  margin-top: 10px;
}
#version-strategy-test-agents .test-agents-select {
  display: inline-block;
  margin-right: 0.5rem;
  vertical-align: top;
  width: 15rem;
}
#version-strategy-test-agents .test-agents-select .test-agents-select-trigger {
  min-height: auto;
  line-height: 1rem;
  font-size: 0.9rem;
  padding: 0.5rem;
}
#version-strategy-test-agents table {
  margin-bottom: 0;
}
#version-strategy-test-agents table td {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 170px;
}

.power-select-selector-actions {
  padding-left: 15px;
  font-style: italic;
  color: #888c91;
}

.ember-basic-dropdown-content {
  padding: 0;
  border-color: #e8e9ec;
  font-size: 0.9rem;
  line-height: 1.6rem;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  z-index: 1007;
}
.ember-basic-dropdown-content .close-button {
  font-size: 1.5rem;
}
.ember-basic-dropdown-content .filter-actions, .ember-basic-dropdown-content .power-select-multiple-bottom-actions {
  border-top: 1px solid #e8e9ec;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 3px;
  font-size: 10px;
  text-align: right;
  overflow: auto;
}
.ember-basic-dropdown-content .filter-actions.left-aligned, .ember-basic-dropdown-content .power-select-multiple-bottom-actions.left-aligned {
  text-align: left;
}
.ember-basic-dropdown-content .filter-actions .filter-tag-operator, .ember-basic-dropdown-content .filter-actions .filter-negate, .ember-basic-dropdown-content .power-select-multiple-bottom-actions .filter-tag-operator, .ember-basic-dropdown-content .power-select-multiple-bottom-actions .filter-negate {
  display: inline-block;
  margin-top: 5px;
  margin-right: 5px;
  float: left;
}
.ember-basic-dropdown-content .filter-actions .filter-tag-operator .disabled, .ember-basic-dropdown-content .filter-actions .filter-negate .disabled, .ember-basic-dropdown-content .power-select-multiple-bottom-actions .filter-tag-operator .disabled, .ember-basic-dropdown-content .power-select-multiple-bottom-actions .filter-negate .disabled {
  cursor: pointer;
}
.ember-basic-dropdown-content .filter-actions .filter-tag-operator button, .ember-basic-dropdown-content .filter-actions .filter-negate button, .ember-basic-dropdown-content .power-select-multiple-bottom-actions .filter-tag-operator button, .ember-basic-dropdown-content .power-select-multiple-bottom-actions .filter-negate button {
  font-size: xx-small;
  padding: 3px 0.5em;
  border: 0;
  margin: 0;
  float: left;
}
.ember-basic-dropdown-content .filter-actions .disabled, .ember-basic-dropdown-content .power-select-multiple-bottom-actions .disabled {
  color: #646E81;
  cursor: default;
}
.ember-basic-dropdown-content .filter-actions a, .ember-basic-dropdown-content .power-select-multiple-bottom-actions a {
  display: inline;
  line-height: inherit;
  padding: 0;
}
.ember-basic-dropdown-content .filter-actions a:not(:last-child)::after, .ember-basic-dropdown-content .power-select-multiple-bottom-actions a:not(:last-child)::after {
  color: #646E81;
  content: " | ";
}
.ember-basic-dropdown-content .filter-classifications {
  min-width: 500px !important;
}
.ember-basic-dropdown-content .filter-classifications .seeker-filter-toggler-title a {
  padding: 0.5em 1em;
}
.ember-basic-dropdown-content .filter-classifications ul li label {
  max-width: 325px !important;
}
.ember-basic-dropdown-content .filter-dropdown-list-large {
  min-width: 450px;
  max-width: 450px;
}
.ember-basic-dropdown-content .filter-dropdown-list-large ul li label {
  max-width: 350px;
}
.ember-basic-dropdown-content .filter-dropdown-list-category {
  padding-left: 15px;
  font-weight: bold;
}
.ember-basic-dropdown-content .filter-dropdown-list-category .seeker-multi-selector-list {
  margin-left: 15px;
}
.ember-basic-dropdown-content .filter-dropdown-list {
  min-width: 350px;
  max-width: 350px;
}
.ember-basic-dropdown-content .filter-dropdown-list ul li label {
  max-width: 250px;
}
.ember-basic-dropdown-content .filter-dropdown-list-small {
  min-width: 200px;
  max-width: 350px;
}
.ember-basic-dropdown-content .filter-dropdown-list-small ul li label {
  max-width: 150px;
}
.ember-basic-dropdown-content .filter-dropdown-list, .ember-basic-dropdown-content .filter-dropdown-list-large, .ember-basic-dropdown-content .filter-dropdown-list-small {
  padding-top: 5px;
  padding-bottom: 5px;
}
.ember-basic-dropdown-content .filter-dropdown-list .filter-dropdown-list-too-big-warning, .ember-basic-dropdown-content .filter-dropdown-list-large .filter-dropdown-list-too-big-warning, .ember-basic-dropdown-content .filter-dropdown-list-small .filter-dropdown-list-too-big-warning {
  font-size: 9px;
  color: #FFB819;
  padding-left: 8px;
}
.ember-basic-dropdown-content .filter-dropdown-list .seeker-multi-tag-selector label, .ember-basic-dropdown-content .filter-dropdown-list-large .seeker-multi-tag-selector label, .ember-basic-dropdown-content .filter-dropdown-list-small .seeker-multi-tag-selector label {
  text-overflow: initial !important;
}
.ember-basic-dropdown-content .filter-dropdown-list .project-version-filter-blank-state, .ember-basic-dropdown-content .filter-dropdown-list-large .project-version-filter-blank-state, .ember-basic-dropdown-content .filter-dropdown-list-small .project-version-filter-blank-state {
  padding-left: 10px;
  padding-right: 10px;
}
.ember-basic-dropdown-content .filter-dropdown-list .seeker-multi-selector-textFilter, .ember-basic-dropdown-content .filter-dropdown-list-large .seeker-multi-selector-textFilter, .ember-basic-dropdown-content .filter-dropdown-list-small .seeker-multi-selector-textFilter {
  padding: 5px 10px;
}
.ember-basic-dropdown-content .filter-dropdown-list #detection-date-filter-custom-range-ct, .ember-basic-dropdown-content .filter-dropdown-list-large #detection-date-filter-custom-range-ct, .ember-basic-dropdown-content .filter-dropdown-list-small #detection-date-filter-custom-range-ct {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 32px;
  margin-right: 5px;
  margin-bottom: 10px;
  border: 1px solid #e8e9ec;
  margin-top: 5px;
}
.ember-basic-dropdown-content .filter-dropdown-list #detection-date-range-option label, .ember-basic-dropdown-content .filter-dropdown-list-large #detection-date-range-option label, .ember-basic-dropdown-content .filter-dropdown-list-small #detection-date-range-option label {
  display: inline;
  margin-left: 0.32143rem;
  margin-right: 0.64286rem;
}
.ember-basic-dropdown-content .filter-dropdown-list #detection-date-range-option #detection-end-date, .ember-basic-dropdown-content .filter-dropdown-list-large #detection-date-range-option #detection-end-date, .ember-basic-dropdown-content .filter-dropdown-list-small #detection-date-range-option #detection-end-date {
  margin-left: 45px;
}
.ember-basic-dropdown-content .filter-dropdown-list #detection-date-range-option .detection-start-date-disabled button, .ember-basic-dropdown-content .filter-dropdown-list #detection-date-range-option .detection-end-date-disabled button, .ember-basic-dropdown-content .filter-dropdown-list-large #detection-date-range-option .detection-start-date-disabled button, .ember-basic-dropdown-content .filter-dropdown-list-large #detection-date-range-option .detection-end-date-disabled button, .ember-basic-dropdown-content .filter-dropdown-list-small #detection-date-range-option .detection-start-date-disabled button, .ember-basic-dropdown-content .filter-dropdown-list-small #detection-date-range-option .detection-end-date-disabled button {
  cursor: not-allowed;
  opacity: 0.25;
}
.ember-basic-dropdown-content .filter-dropdown-list #detection-date-range-option #detection-start-date, .ember-basic-dropdown-content .filter-dropdown-list #detection-date-range-option #detection-end-date, .ember-basic-dropdown-content .filter-dropdown-list-large #detection-date-range-option #detection-start-date, .ember-basic-dropdown-content .filter-dropdown-list-large #detection-date-range-option #detection-end-date, .ember-basic-dropdown-content .filter-dropdown-list-small #detection-date-range-option #detection-start-date, .ember-basic-dropdown-content .filter-dropdown-list-small #detection-date-range-option #detection-end-date {
  display: inline-flex;
  margin-bottom: 8px;
}
.ember-basic-dropdown-content .filter-dropdown-list #detection-date-range-option #detection-start-date input, .ember-basic-dropdown-content .filter-dropdown-list #detection-date-range-option #detection-end-date input, .ember-basic-dropdown-content .filter-dropdown-list-large #detection-date-range-option #detection-start-date input, .ember-basic-dropdown-content .filter-dropdown-list-large #detection-date-range-option #detection-end-date input, .ember-basic-dropdown-content .filter-dropdown-list-small #detection-date-range-option #detection-start-date input, .ember-basic-dropdown-content .filter-dropdown-list-small #detection-date-range-option #detection-end-date input {
  display: inline-block;
  height: 26px;
  padding-top: 5px;
}
.ember-basic-dropdown-content .filter-dropdown-list #detection-date-range-option #detection-start-date input[readonly]:focus, .ember-basic-dropdown-content .filter-dropdown-list #detection-date-range-option #detection-end-date input[readonly]:focus, .ember-basic-dropdown-content .filter-dropdown-list-large #detection-date-range-option #detection-start-date input[readonly]:focus, .ember-basic-dropdown-content .filter-dropdown-list-large #detection-date-range-option #detection-end-date input[readonly]:focus, .ember-basic-dropdown-content .filter-dropdown-list-small #detection-date-range-option #detection-start-date input[readonly]:focus, .ember-basic-dropdown-content .filter-dropdown-list-small #detection-date-range-option #detection-end-date input[readonly]:focus {
  background-color: #ececf1;
}
.ember-basic-dropdown-content .filter-dropdown-list #detection-date-range-option #detection-start-date .detection-date-selector, .ember-basic-dropdown-content .filter-dropdown-list #detection-date-range-option #detection-end-date .detection-date-selector, .ember-basic-dropdown-content .filter-dropdown-list-large #detection-date-range-option #detection-start-date .detection-date-selector, .ember-basic-dropdown-content .filter-dropdown-list-large #detection-date-range-option #detection-end-date .detection-date-selector, .ember-basic-dropdown-content .filter-dropdown-list-small #detection-date-range-option #detection-start-date .detection-date-selector, .ember-basic-dropdown-content .filter-dropdown-list-small #detection-date-range-option #detection-end-date .detection-date-selector {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.ember-basic-dropdown-content .filter-dropdown-list #detection-date-range-option #detection-start-date .pika-table td, .ember-basic-dropdown-content .filter-dropdown-list #detection-date-range-option #detection-start-date .pika-table th, .ember-basic-dropdown-content .filter-dropdown-list #detection-date-range-option #detection-end-date .pika-table td, .ember-basic-dropdown-content .filter-dropdown-list #detection-date-range-option #detection-end-date .pika-table th, .ember-basic-dropdown-content .filter-dropdown-list-large #detection-date-range-option #detection-start-date .pika-table td, .ember-basic-dropdown-content .filter-dropdown-list-large #detection-date-range-option #detection-start-date .pika-table th, .ember-basic-dropdown-content .filter-dropdown-list-large #detection-date-range-option #detection-end-date .pika-table td, .ember-basic-dropdown-content .filter-dropdown-list-large #detection-date-range-option #detection-end-date .pika-table th, .ember-basic-dropdown-content .filter-dropdown-list-small #detection-date-range-option #detection-start-date .pika-table td, .ember-basic-dropdown-content .filter-dropdown-list-small #detection-date-range-option #detection-start-date .pika-table th, .ember-basic-dropdown-content .filter-dropdown-list-small #detection-date-range-option #detection-end-date .pika-table td, .ember-basic-dropdown-content .filter-dropdown-list-small #detection-date-range-option #detection-end-date .pika-table th {
  padding: 0 !important;
}
.ember-basic-dropdown-content .filter-dropdown-list #detection-date-range-option #detection-start-date .pika-single, .ember-basic-dropdown-content .filter-dropdown-list #detection-date-range-option #detection-end-date .pika-single, .ember-basic-dropdown-content .filter-dropdown-list-large #detection-date-range-option #detection-start-date .pika-single, .ember-basic-dropdown-content .filter-dropdown-list-large #detection-date-range-option #detection-end-date .pika-single, .ember-basic-dropdown-content .filter-dropdown-list-small #detection-date-range-option #detection-start-date .pika-single, .ember-basic-dropdown-content .filter-dropdown-list-small #detection-date-range-option #detection-end-date .pika-single {
  position: absolute;
  left: 10rem;
  margin-left: 26px;
  margin-top: 28px;
}
.ember-basic-dropdown-content .filter-dropdown-list #detection-date-range-option #detection-start-date .detection-date, .ember-basic-dropdown-content .filter-dropdown-list #detection-date-range-option #detection-end-date .detection-date, .ember-basic-dropdown-content .filter-dropdown-list-large #detection-date-range-option #detection-start-date .detection-date, .ember-basic-dropdown-content .filter-dropdown-list-large #detection-date-range-option #detection-end-date .detection-date, .ember-basic-dropdown-content .filter-dropdown-list-small #detection-date-range-option #detection-start-date .detection-date, .ember-basic-dropdown-content .filter-dropdown-list-small #detection-date-range-option #detection-end-date .detection-date {
  width: 78px;
  text-align: center;
}
.ember-basic-dropdown-content .filter-dropdown-list #detection-date-range-option #detection-start-date .detection-date-hours, .ember-basic-dropdown-content .filter-dropdown-list #detection-date-range-option #detection-end-date .detection-date-hours, .ember-basic-dropdown-content .filter-dropdown-list-large #detection-date-range-option #detection-start-date .detection-date-hours, .ember-basic-dropdown-content .filter-dropdown-list-large #detection-date-range-option #detection-end-date .detection-date-hours, .ember-basic-dropdown-content .filter-dropdown-list-small #detection-date-range-option #detection-start-date .detection-date-hours, .ember-basic-dropdown-content .filter-dropdown-list-small #detection-date-range-option #detection-end-date .detection-date-hours {
  margin-left: 10px;
}
.ember-basic-dropdown-content .filter-dropdown-list #detection-date-range-option #detection-start-date .detection-date-hours, .ember-basic-dropdown-content .filter-dropdown-list #detection-date-range-option #detection-start-date .detection-date-minutes, .ember-basic-dropdown-content .filter-dropdown-list #detection-date-range-option #detection-end-date .detection-date-hours, .ember-basic-dropdown-content .filter-dropdown-list #detection-date-range-option #detection-end-date .detection-date-minutes, .ember-basic-dropdown-content .filter-dropdown-list-large #detection-date-range-option #detection-start-date .detection-date-hours, .ember-basic-dropdown-content .filter-dropdown-list-large #detection-date-range-option #detection-start-date .detection-date-minutes, .ember-basic-dropdown-content .filter-dropdown-list-large #detection-date-range-option #detection-end-date .detection-date-hours, .ember-basic-dropdown-content .filter-dropdown-list-large #detection-date-range-option #detection-end-date .detection-date-minutes, .ember-basic-dropdown-content .filter-dropdown-list-small #detection-date-range-option #detection-start-date .detection-date-hours, .ember-basic-dropdown-content .filter-dropdown-list-small #detection-date-range-option #detection-start-date .detection-date-minutes, .ember-basic-dropdown-content .filter-dropdown-list-small #detection-date-range-option #detection-end-date .detection-date-hours, .ember-basic-dropdown-content .filter-dropdown-list-small #detection-date-range-option #detection-end-date .detection-date-minutes {
  width: 30px;
}
.ember-basic-dropdown-content .filter-dropdown-list-scrollable {
  overflow-y: scroll;
  max-height: 200px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.ember-basic-dropdown-content .project-version-filter-shortcut-startingWith {
  padding-right: 10px;
}
.ember-basic-dropdown-content .project-version-filter-shortcut-startingWith input[type=text] {
  height: inherit;
  padding: 0.42857rem;
  font-size: inherit;
}
.ember-basic-dropdown-content .project-version-filter-startingWith {
  border-top: 1px solid #e8e9ec;
  padding-top: 5px;
  padding-bottom: 5px;
}
.ember-basic-dropdown-content .project-version-filter-startingWith ul {
  margin-bottom: 0;
}
.ember-basic-dropdown-content .seeker-multi-selector-buttons {
  margin-bottom: 5px;
}
.ember-basic-dropdown-content .seeker-multi-selector-content {
  padding: 8px;
  font-weight: normal;
}
.ember-basic-dropdown-content .seeker-multi-selector-list {
  padding-left: 5px;
  padding-right: 5px;
}
.ember-basic-dropdown-content .seeker-multi-selector-list .project-mini-score {
  display: inline-block;
  color: white;
  border-radius: 6px;
  line-height: 1.2rem;
  font-weight: 500;
  font-size: 0.8rem;
  width: 50px;
  white-space: nowrap;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
.ember-basic-dropdown-content .seeker-multi-selector-subtitle {
  font-style: italic;
  font-weight: normal;
  padding-left: 10px;
  font-size: small;
  line-height: 12px;
  margin-bottom: 10px;
}
.ember-basic-dropdown-content .seeker-multi-selector-textFilter {
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
}
.ember-basic-dropdown-content .seeker-multi-selector-textFilter input {
  border: 1px solid #CCCACA;
  height: 2rem;
  display: inline-block;
  padding-bottom: 0.4rem;
  margin: 0;
}
.ember-basic-dropdown-content .seeker-multi-selector-title {
  font-weight: 600;
  padding-left: 10px;
  letter-spacing: 0.5px;
}
.ember-basic-dropdown-content .seeker-multi-selector-title-actions {
  float: right;
  font-weight: normal;
  padding-right: 10px;
  font-size: 10px;
}
.ember-basic-dropdown-content .seeker-multi-selector-title-actions a {
  padding: 0;
  margin-bottom: 0;
  line-height: inherit;
  display: inline;
}
.ember-basic-dropdown-content .seeker-filter-toggler-title input {
  height: 0.85rem;
  font-size: smaller;
  margin: 0 0 2px;
  vertical-align: middle;
}
.ember-basic-dropdown-content .seeker-filter-toggler-title a {
  padding-right: 2px;
}
.ember-basic-dropdown-content .seeker-toggler-content {
  padding-top: 0;
  padding-left: 28px;
}
.ember-basic-dropdown-content a {
  display: inline-block;
}
.ember-basic-dropdown-content ul {
  list-style: none;
  margin-bottom: 0;
  margin-left: 0;
}
.ember-basic-dropdown-content ul li {
  padding: 1px 10px 1px 10px;
}
.ember-basic-dropdown-content ul li label {
  font-size: small;
  max-width: 200px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle;
}
.ember-basic-dropdown-content ul li input {
  height: 0.85rem;
  margin: 0;
  font-size: smaller;
  padding-top: 2px;
  vertical-align: middle;
}
.ember-basic-dropdown-content ul .ember-power-select-option:hover {
  background-color: #e8e9ec;
  border-radius: 3px;
}
.ember-basic-dropdown-content ul .ember-power-select-option:hover label {
  color: inherit;
}

.pagination {
  margin: 0.9375rem 0 0 0;
}
.pagination li a {
  color: #281e1e;
}
.pagination .pagination-limit {
  background-color: #888c91;
  width: 65px;
  text-align: left;
  font-size: 0.9rem;
  vertical-align: bottom;
}
.pagination .pagination-limit .ember-power-select-trigger {
  height: auto;
  border: 1px solid #e8e9ec;
  padding: 0.21429rem 0.71429rem;
  min-height: 0;
  line-height: inherit;
}
.pagination .pagination-limit .ember-power-select-trigger .ember-power-select-selected-item {
  font-size: 1rem;
}

.pagination-limit-mini {
  padding-top: 8px;
  text-align: center;
}
.pagination-limit-mini select {
  width: 50px;
  margin-right: 10px;
}

.render-version-ct {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 125px;
}

.import-bugtracker-configuration {
  padding-top: 2px;
}
.import-bugtracker-configuration .import-bugtracker-configuration-icon {
  display: inline-table;
  width: 45px;
  padding-top: 3px;
  padding-bottom: 3px;
  vertical-align: top;
  margin-right: 3px;
}
.import-bugtracker-configuration .import-bugtracker-configuration-text {
  display: inline-table;
  padding-left: 5px;
  padding-top: 5px;
  vertical-align: top;
}
.import-bugtracker-configuration .import-bugtracker-configuration-text .import-bugtracker-configuration-tool {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 310px !important;
}
.import-bugtracker-configuration .import-bugtracker-configuration-text .import-bugtracker-configuration-details {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 310px !important;
}

.ember-power-select-selected-item .label-description {
  padding-left: 4px;
}

.ember-power-select-selected-item .import-bugtracker-configuration {
  padding-top: 0;
  display: inline-table;
}
.ember-power-select-selected-item .import-bugtracker-configuration .import-bugtracker-configuration-icon {
  width: 45px;
  padding-top: 0;
}
.ember-power-select-selected-item .import-bugtracker-configuration .import-bugtracker-configuration-text {
  padding-top: 0;
}
.ember-power-select-selected-item .import-bugtracker-configuration .import-bugtracker-configuration-text .import-bugtracker-configuration-tool {
  max-width: 360px !important;
  white-space: nowrap;
}
.ember-power-select-selected-item .import-bugtracker-configuration .import-bugtracker-configuration-text .import-bugtracker-configuration-details {
  max-width: 360px !important;
  white-space: nowrap;
}
.ember-power-select-selected-item .import-bugtracker-configuration .import-bugtracker-configuration-details {
  padding-top: 5px;
}

#vulnerability-detection-detail-menu {
  margin-top: 25px;
}
#vulnerability-detection-detail-menu a.disabled {
  cursor: default;
  color: #888c91;
}

.horizontal-menu ul li {
  margin-right: 1.5rem;
}
.horizontal-menu ul li > a {
  padding: 0 0 5px;
  font-size: 0.9rem;
}
.horizontal-menu ul .active {
  border-bottom: 3px solid #105681;
  background-color: transparent !important;
}
.horizontal-menu i {
  font-size: xx-small;
}

.jira-issue-gadget, .ticket-gadget {
  background: #f5f5f5;
  border: 1px solid #ccc;
  padding: 0 2px 2px 2px;
  border-radius: 3px;
  display: inline-table;
  line-height: 18px;
  white-space: normal;
}
.jira-issue-gadget img, .ticket-gadget img {
  margin-right: 3px;
}
.jira-issue-gadget a, .jira-issue-gadget span, .ticket-gadget a, .ticket-gadget span {
  vertical-align: middle;
  margin-right: 3px;
}
.jira-issue-gadget .jira-issue-status, .ticket-gadget .jira-issue-status {
  border-radius: 3px;
  color: white;
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
  line-height: 99%;
  margin: 0;
  padding: 3px 5px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}
.jira-issue-gadget .jira-issue-status-yellow, .ticket-gadget .jira-issue-status-yellow {
  background-color: #ffd351;
  border-color: #ffd351;
  color: #594300;
}
.jira-issue-gadget .jira-issue-status-green, .ticket-gadget .jira-issue-status-green {
  background-color: #14892c;
  border-color: #14892c;
  color: #fff;
}
.jira-issue-gadget .jira-issue-status-blue-gray, .ticket-gadget .jira-issue-status-blue-gray {
  background-color: #4a6785;
  border-color: #4a6785;
  color: #fff;
}

.filter-metric {
  color: #888c91;
  font-size: 11px;
  vertical-align: middle;
}

.copy-button {
  vertical-align: top;
  height: 2.42857rem;
  left: -5px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  background: white !important;
  border: 1px solid #CCCACA !important;
  color: #281e1e !important;
}

#sensitive-parameter-matcher-edit-dialog {
  width: 600px;
}
#sensitive-parameter-matcher-edit-dialog textarea {
  width: 600px;
  resize: vertical;
  max-height: 150px;
}

.has-error input, .has-error textarea, .has-error select {
  border: 2px solid #d61425 !important;
  background-color: #fff6f6 !important;
}

.has-warning input, .has-warning textarea, .has-warning select {
  border: 2px solid #FFB819 !important;
  background-color: #fff6f6 !important;
}

.form-warning {
  color: #FFB819;
}

.proxy-selection-table {
  display: table;
  width: 100%;
}

.proxy-selection-cell {
  display: table-cell;
  margin-bottom: 0;
  vertical-align: top;
}

.proxy-addition-cell {
  display: table-cell;
  text-align: right;
  width: 110px;
}

#data-flow-map-info-icon {
  position: absolute;
  left: 103px;
  top: -26px;
}

.tool-name {
  max-width: 64ch;
}

.dataflow-table {
  display: table;
  width: 100%;
  height: 100%;
  margin-top: 25px;
  table-layout: fixed;
}
.dataflow-table .dataflow-table-row {
  display: table-row;
  width: 100%;
  height: 100%;
}
.dataflow-table .dataflow-table-row .dataflow-table-name {
  display: table-cell;
  width: 130px;
  vertical-align: top;
  text-align: right;
  padding-top: 15px;
  padding-left: 5px;
}
.dataflow-table .dataflow-table-row .dataflow-table-icon {
  display: table-cell;
  width: 130px;
  vertical-align: top;
}
.dataflow-table .dataflow-table-row .dataflow-table-details {
  display: table-cell;
  vertical-align: top;
  padding-left: 20px;
  width: calc(100% - 260px);
  border-left: 1px dashed #b3b2b1;
}
.dataflow-table .dataflow-table-row .dataflow-table-details .code-sig {
  word-break: break-all;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 750px;
  display: block;
}
.dataflow-table .dataflow-table-row .dataflow-table-details .dataflow-table-details-desc {
  background-color: #f7f7fa;
  border: 2px solid #b3b2b1;
  border-radius: 2px;
  padding: 5px;
  text-align: left;
  position: relative;
  width: 100%;
  margin-bottom: 10px;
}
.dataflow-table .dataflow-table-row .dataflow-table-details .dataflow-table-details-desc .dataflow-transition-number {
  display: inline-flex;
  margin-right: 5px;
}
.dataflow-table .dataflow-table-row .dataflow-table-details .dataflow-table-details-desc .seeker-inline-mode-doc-content {
  display: inline;
}
.dataflow-table .dataflow-table-row .dataflow-table-details .dataflow-table-details-desc .seeker-inline-mode-doc-content p {
  white-space: initial;
}
.dataflow-table .dataflow-table-row .dataflow-table-details .dataflow-table-details-desc .seeker-inline-mode-doc-content div, .dataflow-table .dataflow-table-row .dataflow-table-details .dataflow-table-details-desc .seeker-inline-mode-doc-content p:first-child {
  display: inline;
}
.dataflow-table .dataflow-table-row .dataflow-table-details .dataflow-table-details-desc .seeker-inline-mode-doc-content p:last-child {
  margin-bottom: 0;
}
.dataflow-table .dataflow-table-row .dataflow-table-details .dataflow-table-details-desc .seeker-inline-mode-doc-content code {
  border: 0;
  display: inline-block;
  background: transparent;
  padding: 0;
  margin-top: 3px;
  margin-bottom: 3px !important;
}
.dataflow-table .dataflow-table-row .dataflow-table-details .dataflow-table-details-desc .seeker-inline-mode-doc-content pre {
  margin-bottom: 3px;
}
.dataflow-table .dataflow-table-row .dataflow-table-details .dataflow-table-details-desc::before {
  border: 6px solid transparent;
  border-left: 0;
  border-right-color: #b3b2b1;
  left: 18px;
  top: 1px;
  content: "";
  position: absolute;
  transform: translate(-1.7857142857rem, 0.7142857143rem);
}
.dataflow-table .dataflow-table-row .dataflow-table-sep {
  display: table-cell;
}
.dataflow-table .dataflow-table-row-hoverable:hover .dataflow-element, .dataflow-table .dataflow-table-row-hoverable:hover + .dataflow-table-row .dataflow-element {
  filter: brightness(1.2);
}
.dataflow-table .dataflow-table-row-hoverable:hover .dataflow-table-name, .dataflow-table .dataflow-table-row-hoverable:hover + .dataflow-table-row .dataflow-table-name {
  border-left: 2px solid #888c91;
}
.dataflow-table .dataflow-table-row-hoverable:hover .dataflow-table-details-desc, .dataflow-table .dataflow-table-row-hoverable:hover + .dataflow-table-row .dataflow-table-details-desc {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15);
}
.dataflow-table .dataflow-table-row-sep div {
  padding-top: 15px;
  padding-bottom: 20px;
}
.dataflow-table .preflow-application-header-left {
  height: 65px;
}
.dataflow-table .preflow-application-header-right {
  height: 65px;
}
.dataflow-table .preflow-arrow-left {
  width: 0;
  height: 0;
  border-top: 0 solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid black;
  position: absolute;
  top: 60px;
  left: -12px;
  z-index: 12;
}
.dataflow-table .preflow-arrow-right-ct {
  width: 50%;
  border-right: 2px solid black;
  float: left;
  position: relative;
}
.dataflow-table .preflow-arrow-left-ct {
  width: 50%;
  border-left: 2px solid black;
  float: right;
  position: relative;
}
.dataflow-table .preflow-arrow-right {
  width: 0;
  height: 0;
  border-top: 0 solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid black;
  position: absolute;
  top: 60px;
  right: -12px;
  z-index: 12;
}
.dataflow-table .dataflow-request-arrow {
  border-left: 2px solid black;
  height: 45px;
}
.dataflow-table .dataflow-arrow-left {
  width: 0;
  height: 0;
  border-top: 0 solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid black;
  position: absolute;
  top: 23px;
  left: -12px;
  z-index: 12;
}
.dataflow-table .dataflow-arrow-right-ct {
  border-right: 2px solid black;
  float: right;
  width: 100%;
  position: relative;
}
.dataflow-table .dataflow-arrow-left-ct {
  border-left: 2px solid black;
  position: relative;
}
.dataflow-table .dataflow-arrow-right {
  width: 0;
  height: 0;
  border-top: 0 solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid black;
  position: absolute;
  top: 23px;
  right: -12px;
  z-index: 12;
}
.dataflow-table .dataflow-browser-icon {
  font-size: 28px;
  line-height: 28px;
}
.dataflow-table .dataflow-browser-icon rect {
  fill: #b3b2b1;
}
.dataflow-table .dataflow-browser-ip {
  font-size: 11px;
}
.dataflow-table .dataflow-request-actions {
  border-top: 4px solid black;
  border-right: 2px solid black;
  height: 45px;
  padding-left: 20px;
  font-size: smaller;
  padding-top: 5px;
}
.dataflow-table .dataflow-request-url {
  font-family: "Courier New", serif;
}
.dataflow-table .dataflow-parameter .dataflow-parameter-label {
  font-weight: 500;
}
.dataflow-table .dataflow-parameter .detection-parameter-value {
  vertical-align: middle;
  max-width: 100%;
}
.dataflow-table .dataflow-parameter .detection-seeker-parameter-value {
  font-size: smaller;
  font-style: italic;
  margin-left: 10px;
}
.dataflow-table .dataflow-application-header-left {
  background-color: #e8e9ec;
  border-top: 1px solid #888c91;
  border-left: 1px solid #888c91;
  height: 27px;
}
.dataflow-table .dataflow-application-header-right {
  background-color: #e8e9ec;
  border-top: 1px solid #888c91;
  border-right: 1px solid #888c91;
  height: 27px;
}
.dataflow-table #innerflow-table {
  border: 1px solid #888c91;
  margin-top: 25px;
}
.dataflow-table .innerflow-table-expanded {
  padding: 8px;
  margin-top: 10px;
  text-align: center;
}
.dataflow-table .innerflow-table-collapsed {
  padding: 8px;
  margin-top: 10px;
  text-align: left;
  border-left: 4px dotted #888c91;
}
.dataflow-table .current-project-row {
  border: 1px solid orange;
}
.dataflow-table .dataflow-application-middle {
  background-color: #e8e9ec;
  padding: 14px 10px 8px;
  position: relative;
}
.dataflow-table .dataflow-application-middle-left {
  background-color: #e8e9ec;
  height: 25px;
}
.dataflow-table .dataflow-application-middle-right {
  background-color: #e8e9ec;
  height: 25px;
}
.dataflow-table .dataflow-step {
  background-color: white;
  overflow: hidden;
  height: auto;
  position: relative;
  min-height: 85px;
  margin-bottom: 10px;
}
.dataflow-table .dataflow-stacktrace-display {
  display: none;
}
.dataflow-table .dataflow-application-details {
  text-align: right;
  font-weight: 500;
  line-height: 13px;
  padding-top: 15px;
  height: 45px;
  border-left: 1px dashed #888c91;
}
.dataflow-table .dataflow-step-type {
  width: 25px;
  position: absolute;
  height: 100%;
  line-height: 12px;
  font-size: 10px;
  text-align: center;
  color: white;
  font-weight: 200;
  background-color: #105681;
  word-wrap: break-word;
  padding: 9px 9px 3px;
  text-orientation: upright;
  writing-mode: vertical-rl;
}
.dataflow-table .dataflow-step-content {
  overflow: hidden;
  padding: 5px;
  margin-left: 25px;
}
.dataflow-table .dataflow-step-tracked-value {
  width: 100%;
}
.dataflow-table .dataflow-step-tracked-value .dataflow-step-tracked-value-label {
  font-weight: 500;
}
.dataflow-table .dataflow-application-footer {
  background-color: #e8e9ec;
  padding-top: 15px;
  padding-left: 10px;
  padding-right: 10px;
  border-left: 1px solid #888c91;
  border-right: 1px solid #888c91;
  border-bottom: 1px solid #888c91;
  position: relative;
  margin-bottom: 40px;
}

.dataflow-element {
  width: 52px;
  height: 52px;
  font-size: 28px;
  color: white;
  background-position: center;
  border-radius: 50%;
  vertical-align: center;
  margin: auto;
  display: flex;
  align-items: center;
}
.dataflow-element svg {
  display: block;
  margin: auto;
}

.dataflow-transition-number {
  width: 20px;
  height: 20px;
  background-color: #cbefff;
  border: 1px solid #646E81;
  color: #646E81;
  background-position: center;
  border-radius: 50%;
  vertical-align: center;
  text-align: right;
  margin: auto;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 11px;
}
.dataflow-transition-number span {
  display: block;
  margin: auto;
}

.dataflow-async-separation {
  float: right;
  font-style: italic;
  font-size: smaller;
}

.dataflow-element-ct {
  margin-left: 30px;
  border: 6px solid #b3b2b1;
  border-radius: 100px;
  height: 70px;
  width: 70px;
  padding-top: 3px;
}
.dataflow-element-ct .dataflow-element-title {
  display: none;
}

.dataflow-element-title {
  max-width: 130px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.dataflow-element-unknown-icon {
  font-size: 34px;
}

.dataflow-element-project-current-marker {
  color: #888c91;
  font-size: smaller;
}

.dataflow-transition-expandable {
  margin-left: 58px;
  width: 14px;
  height: calc(100% - 15px);
  position: relative;
  margin-top: -5px;
}

.dataflow-transition {
  margin-left: 58px;
  margin-bottom: 3px;
  width: 14px;
  height: calc(100% - 4px);
  min-height: 60px;
  background: #b3b2b1;
  position: relative;
  margin-top: -5px;
}
.dataflow-transition:before {
  content: "";
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: -5px;
  width: 0;
  height: 0;
  border-top: 5px solid #b3b2b1;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}

.dataflow-transition-next {
  margin-left: 58px;
  width: 14px;
  margin-bottom: -5px;
  height: 10px;
  background: #105681;
  position: relative;
}
.dataflow-transition-next:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  width: 0;
  height: 0;
  border-top: 5px solid white;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}

.dataflow-element {
  width: 52px;
  height: 52px;
  font-size: 28px;
  color: white;
  background-position: center;
  border-radius: 50%;
  vertical-align: center;
  margin: auto;
  display: flex;
  align-items: center;
}
.dataflow-element svg {
  display: block;
  margin: auto;
}

.dataflow-element-ct-project {
  border-color: #105681;
}

.dataflow-element-project {
  background-color: #105681;
}

.dataflow-transition-next-project {
  background: #105681;
}

.dataflow-transition-project {
  background: #105681;
}

.dataflow-transition-project::before {
  border-top-color: #105681;
}

.dataflow-element-ct-current {
  border-color: orange;
}

.dataflow-transition-current {
  background: orange;
}

.dataflow-transition-next-current {
  background: orange;
}

.dataflow-transition-current::before {
  border-top-color: orange;
}

.dataflow-element-ct-KAFKA, .dataflow-element-ct-RABBITMQ, .dataflow-element-ct-JMS {
  border-color: #6c6521;
}

.dataflow-element-queue {
  background-color: #6c6521;
}

.dataflow-transition-next-KAFKA, .dataflow-transition-next-RABBITMQ, .dataflow-transition-next-JMS {
  background: #6c6521;
}

.dataflow-transition-KAFKA::before, .dataflow-transition-RABBITMQ::before, .dataflow-transition-JMS::before {
  border-top-color: #6c6521;
}

.dataflow-transition-KAFKA, .dataflow-transition-RABBITMQ, .dataflow-transition-JMS {
  background: #6c6521;
}

.dataflow-transition-DATABASE {
  background: #281e1e;
}

.dataflow-transition-DATABASE::before {
  border-top-color: #281e1e;
}

.dataflow-element-ct-OSLINUX, .dataflow-element-ct-OSWINDOWS, .dataflow-element-ct-OSMAC, .dataflow-element-ct-OSOTHER {
  border-color: #2e3b4e;
}

.dataflow-transition-next-OSLINUX, .dataflow-transition-next-OSWINDOWS, .dataflow-transition-next-OSMAC, .dataflow-transition-next-OSOTHER {
  background: #2e3b4e;
}

.dataflow-element-OSLINUX, .dataflow-element-OSWINDOWS, .dataflow-element-OSMAC, .dataflow-element-OSOTHER {
  background-color: #2e3b4e;
}

.dataflow-element-ct-DATABASE {
  border-color: #281e1e;
}

.dataflow-element-database {
  background-color: #281e1e;
}

.dataflow-transition-next-DATABASE {
  background: #281e1e;
}

.dataflow-element-server, .dataflow-element-forgery {
  background-color: #646e81;
}

.dataflow-transition-next-SERVER, .dataflow-transition-next-FORGERY {
  background: #646e81;
}

.dataflow-element-ct-SERVER, .dataflow-element-ct-FORGERY {
  border-color: #646e81;
}

.dataflow-element-browser {
  background-color: #b3b2b1;
}

.dataflow-transition-next-httpclient, .dataflow-transition-next-client {
  background: #b3b2b1;
}

.dataflow-element-seeker {
  background-color: #9A73B3;
}
.dataflow-element-seeker svg {
  margin-left: 8px;
  margin-top: 9px;
  font-size: 36px;
}
.dataflow-element-seeker .agent-grey-st0 {
  fill: white !important;
}

#agents-page {
  position: relative;
}

#diagnostic-status .diagnostic-agent-identifier-label {
  color: black;
  font-weight: bold;
}
#diagnostic-status .diagnostic-agent-identifier-value {
  color: #281e1e;
  overflow-wrap: break-word;
}
#diagnostic-status .diagnostic-agent-attribute-label {
  text-align: right;
  padding-right: 10px;
  font-weight: bold;
}
#diagnostic-status .diagnostic-agent-attribute-value code {
  white-space: normal;
  word-break: break-all;
}
#diagnostic-status h4 {
  margin-bottom: 0;
}
#diagnostic-status h4 .process-container {
  display: inline-block;
  padding-bottom: 20px;
  background-size: 32px;
  padding-left: 40px;
}

#deployment-page-section, #deployment-page-wizard-section {
  display: flex;
  margin-top: 15px;
  width: 100%;
}
#deployment-page-section .quick-filters, #deployment-page-wizard-section .quick-filters {
  margin-bottom: 5px;
}
#deployment-page-section .title-help, #deployment-page-wizard-section .title-help {
  font-size: small;
  padding-left: 15px;
}
#deployment-page-section h4, #deployment-page-wizard-section h4 {
  margin-top: 20px;
}
#deployment-page-section .edit-btn, #deployment-page-wizard-section .edit-btn {
  color: #105681;
}
#deployment-page-section .help-dialog-link, #deployment-page-wizard-section .help-dialog-link {
  align-self: flex-end;
  text-align: right;
  flex: 1 0 auto;
}
#deployment-page-section .copy-url-button, #deployment-page-wizard-section .copy-url-button {
  color: #105681;
  cursor: pointer;
}
#deployment-page-section .deployment-files, #deployment-page-section .wizard, #deployment-page-wizard-section .deployment-files, #deployment-page-wizard-section .wizard {
  padding-right: 8px;
  width: 51%;
  font-size: 0.9rem;
}
#deployment-page-section .resources, #deployment-page-section .connected-agents, #deployment-page-wizard-section .resources, #deployment-page-wizard-section .connected-agents {
  padding-left: 8px;
  width: 49%;
}
#deployment-page-section .resources .other-resources, #deployment-page-section .connected-agents .other-resources, #deployment-page-wizard-section .resources .other-resources, #deployment-page-wizard-section .connected-agents .other-resources {
  font-size: 0.9rem;
}
#deployment-page-section .connected-agents, #deployment-page-wizard-section .connected-agents {
  padding-top: 25px;
}
#deployment-page-section .agent-version-select, #deployment-page-wizard-section .agent-version-select {
  display: inline-block;
  margin-right: 0.5rem;
  vertical-align: top;
  width: 15rem;
}
#deployment-page-section .agent-version-select .agent-version-select-trigger, #deployment-page-wizard-section .agent-version-select .agent-version-select-trigger {
  min-height: auto;
  line-height: 1rem;
  font-size: 0.9rem;
  padding: 0.5rem;
}
#deployment-page-section .recent-connected-agents-desc, #deployment-page-wizard-section .recent-connected-agents-desc {
  font-size: small;
  color: #888c91;
}
#deployment-page-section .pagination, #deployment-page-wizard-section .pagination {
  text-align: left;
}

.wizard-button {
  display: block;
  margin-bottom: 40px;
}

.column-agent-deployment-file-recommended {
  vertical-align: middle;
}

.copy-unsupported {
  color: #105681;
}

.recommended-tag {
  background-color: #90BF3E;
  display: inline-block;
  color: white;
  border-radius: 6px;
  line-height: 1.2rem;
  font-weight: 500;
  font-size: 0.9rem;
  width: 25px;
  padding: 3px 3px 3px 6px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}

.card-lines {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
  margin-top: 10px;
}
.card-lines .disabled {
  color: #646E81;
  opacity: 0.5;
}
.card-lines .technology-card-selected {
  border-color: #105681;
}
.card-lines .technology-card:hover {
  background: transparent;
}
.card-lines .technology-card {
  cursor: pointer;
  box-sizing: border-box;
  border-width: medium;
  width: 170px;
  height: 130px;
  margin-right: 15px;
  padding-top: 0;
  flex-grow: 0;
}
.card-lines .technology-card .new {
  background-color: #90BF3E;
  display: inline;
  left: 79px;
  text-align: center;
  top: -10px;
}
.card-lines .technology-card .technology-container {
  padding-left: 40px;
  height: 80px;
  display: block;
  background-position: center;
  background-size: 70px;
  background-repeat: no-repeat;
}
.card-lines .technology-card .technology-support {
  font-style: italic;
  text-align: center;
}
.card-lines .recent-diagnostics-card {
  width: 400px;
}
.card-lines .diagnostic-card {
  cursor: pointer;
  box-sizing: border-box;
  border-width: medium;
  width: 170px;
  height: 130px;
  margin-right: 15px;
  margin-bottom: 0;
  padding-top: 0;
  flex-grow: 0;
}
.card-lines .diagnostic-card .diagnostic-container {
  place-content: center;
  height: 40px;
  line-height: 40px;
  display: flex;
}
.card-lines .diagnostic-card .diagnostic-support {
  text-align: center;
  margin-bottom: 15px;
}
.card-lines .agent-card {
  width: 300px;
  height: 200px;
  margin-right: 15px;
  flex-grow: 0;
}
.card-lines .agent-card .agent-card-title {
  display: table;
  width: 100%;
}
.card-lines .agent-card .agent-card-title .agent-icon {
  display: table-cell;
  font-size: 30px;
  width: 30px;
}
.card-lines .agent-card .agent-card-title .agent-icon svg {
  font-size: 2rem;
}
.card-lines .agent-card .agent-card-title .agent-name {
  display: table-cell;
  vertical-align: top;
  font-weight: bold;
  padding-top: 5px;
  padding-left: 5px;
  max-width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.card-lines .agent-card .agent-card-title .agent-name .small {
  color: #281e1e;
  font-size: smaller;
}
.card-lines .agent-card .agent-card-title .agent-container {
  display: table-cell;
  vertical-align: top;
  padding-top: 5px;
  padding-left: 5px;
  height: 40px;
  background-position: center center;
  background-size: 35px;
  background-repeat: no-repeat;
  width: 40px;
}
.card-lines .agent-card .agent-user {
  padding-top: 10px;
}
.card-lines .agent-card .agent-time {
  font-style: italic;
}

.column-agent-deployment-file-name, .column-agent-deployment-file-description {
  text-align: left;
  vertical-align: middle;
}

.wizard-active-step {
  color: #646E81 !important;
}

.wizard-inactive-step {
  color: #b3b2b1 !important;
}

.wizard-step-section .tab {
  cursor: pointer;
  font-size: 13px;
  margin: 0 2px;
  padding: 0 10px;
  border: 1px solid #AAA;
  background: #ECECEC;
  box-shadow: -4px -2px 8px -4px rgba(0, 0, 0, 0.15);
}
.wizard-step-section .selected-tab {
  z-index: 2;
  background: #FFF;
  border-bottom-color: #FFF;
}
.wizard-step-section .tab-menu {
  padding-left: 10px;
  line-height: 24px;
  padding-top: 10px;
  margin-bottom: 0;
}
.wizard-step-section .tab-menu:after {
  position: absolute;
  content: "";
  width: 100%;
  bottom: 0;
  left: 0;
  border-bottom: 1px solid #AAA;
  z-index: 1;
}
.wizard-step-section .tab-panel {
  background: #FFF;
  border-left: 1px solid #AAA;
  border-right: 1px solid #AAA;
  border-bottom: 1px solid #AAA;
  padding: 10px;
  margin-bottom: 20px;
}
.wizard-step-section .download-link {
  vertical-align: middle;
}
.wizard-step-section .callout {
  margin-top: 10px;
}
.wizard-step-section form label {
  margin-bottom: 0px;
}
.wizard-step-section .dropdown-and-button {
  display: flex;
}
.wizard-step-section .dropdown-and-button .ember-power-select-trigger {
  flex: 1 0 auto;
  margin-right: 5px;
}
.wizard-step-section .dropdown-and-button .button {
  max-height: 34px;
}

.controls {
  display: flex;
  justify-content: flex-start;
}
.controls button {
  margin: 2px;
}

.deployment-controls {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 5px;
}
.deployment-controls a {
  align-self: center;
}

.install-agent-dialog {
  font-size: 0.9rem;
}
.install-agent-dialog button {
  left: 0;
  margin-right: 5px;
  vertical-align: middle;
}
.install-agent-dialog .copy-commandline-value {
  display: block;
  margin-bottom: 5px;
}
.install-agent-dialog pre {
  border: 1px dashed #b3b2b1;
  padding: 8px;
}
.install-agent-dialog pre code {
  border: 0;
  padding: 0;
}

.diagnostic-agent-operation-count {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}

#diagnostic-intro {
  margin-top: 10px;
  margin-bottom: 10px;
}

#diagnostic-dump-filter ul {
  list-style: none !important;
  margin: 0 !important;
}

#diagnostic-generation {
  margin-top: 10px;
  margin-bottom: 20px;
}
#diagnostic-generation #diagnostic-button-create {
  display: table;
  margin-top: 3px;
}
#diagnostic-generation #diagnostic-button-create #diagnostic-button-create-left {
  display: table-cell;
  width: 250px;
  vertical-align: middle;
}
#diagnostic-generation #diagnostic-button-create #diagnostic-button-create-right {
  display: table-cell;
  width: 500px;
}

#diagnostic-page {
  padding-top: 10px;
}
#diagnostic-page .diagnostic-version-label {
  font-weight: lighter;
  font-size: 0.9rem;
}
#diagnostic-page .diagnostic-version-value {
  font-weight: 500;
  font-size: 0.9rem;
}
#diagnostic-page #diagnostic-dump {
  margin-top: 10px;
  font-size: 0.9rem;
}
#diagnostic-page #diagnostic-dump ul {
  list-style-type: disc;
  margin-left: 1.25rem;
}
#diagnostic-page #diagnostic-dump pre {
  border: 1px dashed #b3b2b1;
  padding: 8px;
}
#diagnostic-page #diagnostic-dump pre code {
  border: 0;
  padding: 0;
}
#diagnostic-page #diagnostic-utility {
  font-size: 0.9rem;
  margin-top: 35px;
}
#diagnostic-page #diagnostic-utility .seeker-toggler-content {
  font-size: 0.9rem;
  color: #281e1e;
  line-height: 1.6rem;
  padding-left: 14px;
}
#diagnostic-page #diagnostic-utility .edit-btn {
  color: #105681;
}
#diagnostic-page #diagnostic-utility .table-diagnostic-utility {
  max-width: 50%;
  margin-top: 20px;
}

#diagnostic-agents-status {
  display: table;
  width: 100%;
  padding-bottom: 10px;
}
#diagnostic-agents-status table tbody tr {
  border-bottom: 1px solid #ececf1;
}

.agent-selector-ct > div {
  max-width: 60ch;
  text-overflow: ellipsis;
  overflow: hidden;
}

#create-dump-dialog {
  width: 600px;
  font-size: 0.9rem;
}
#create-dump-dialog p {
  font-size: 0.9rem;
}
#create-dump-dialog .form-error {
  margin-top: 5px;
}
#create-dump-dialog .create-dump-dialog-options {
  list-style-type: none;
}
#create-dump-dialog .create-dump-dialog-options li {
  padding-top: 2px;
  padding-bottom: 2px;
}
#create-dump-dialog .create-dump-dialog-options li input {
  margin: 0;
  vertical-align: text-top;
}
#create-dump-dialog .create-dump-dialog-options li .diagnostic-option {
  margin-left: 10px;
}
#create-dump-dialog .create-dump-dialog-options li .diagnostic-option .diagnostic-option-title {
  font-weight: 500;
}
#create-dump-dialog .create-dump-dialog-options li .diagnostic-option .diagnostic-option-subtitle {
  font-weight: 300;
  font-size: smaller;
  font-style: italic;
  padding-left: 25px;
}
#create-dump-dialog .create-dump-dialog-title {
  font-weight: bold;
  margin-bottom: 10px;
}
#create-dump-dialog .create-dump-dialog-title .create-dump-dialog-title-actions {
  float: right;
  font-weight: normal;
}
#create-dump-dialog .create-dump-dialog-title a {
  font-weight: normal;
  font-size: smaller;
}

#diagnostic-backgrounds .notes-column {
  min-width: 250px;
}
#diagnostic-backgrounds .notes-column .notes-multiline-truncate {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.4;
  max-height: 7em;
  word-wrap: break-word;
  white-space: normal;
}

.form-section {
  border-left: 1px solid #ddddde;
  border-bottom: 1px solid #ddddde;
  margin-bottom: 0.75rem;
  margin-top: 1.5rem;
}
.form-section .form-section-title {
  text-transform: uppercase;
  font-size: 0.85rem;
  color: #888c91;
  font-weight: bold;
  line-height: 1;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  padding-left: 5px;
}
.form-section label {
  margin-left: 20px;
}

input[type=text], input[type=password] {
  font-size: 0.9rem;
}

.form-section-header .connected {
  margin-left: 20px;
  color: #9c3;
  font-size: 0.9rem;
}
.form-section-header .notconnected {
  margin-left: 20px;
  color: #d61425;
  font-size: 0.9rem;
}
.form-section-header .connecting {
  color: #f1901d;
  font-size: 0.9rem;
  margin-left: 20px;
}
.form-section-header .connected-service-version {
  font-size: 0.9rem;
}

form > * {
  max-width: none;
}

.form-description {
  font-size: 0.9rem;
}

form {
  max-width: none;
}
form label {
  margin-bottom: 15px;
}
form .has-error input, form .has-error select, form .has-error .suggest-container, form .has-error .blank-state {
  border: 2px solid #d61425;
  background-color: #fff6f6;
}
form .has-error .suggest-container input {
  border: 0;
  background-color: transparent;
}
form .form-notice {
  color: #105681;
  font-size: small;
  font-style: italic;
}
form [type=checkbox] {
  margin-bottom: 2px;
  vertical-align: middle;
  height: 0.85em;
}
form fieldset {
  border: 1px solid #e8e9ec;
  padding: 10px;
  margin: 15px 2px 2px;
}
form fieldset legend {
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 0;
  font-size: 0.9rem;
}
form fieldset legend [type=checkbox] {
  margin-left: 5px;
  margin-right: 3px;
}
form fieldset .fake-input {
  margin: 0 0 0.64286rem;
  padding: 0.5rem 0.5rem 0.5rem 0;
}
form fieldset .fake-input input {
  margin: 0;
}
form fieldset fieldset {
  margin: 0.32143rem 0 0.64286rem;
}
form fieldset .label-suboptions {
  font-size: 0.9rem;
  margin-bottom: 0;
  margin-top: 15px;
  padding-left: 25px;
}
form fieldset .label-suboptions i {
  color: #105681;
}
form fieldset .label-suboptions .label-suboptions {
  margin-top: 0;
  margin-bottom: 10px;
}
form fieldset .label-suboptions-disabled {
  color: #888c91;
}
form fieldset:first-child {
  margin-top: 0;
}
form .ember-power-select-trigger {
  margin-bottom: 0.64286rem;
}
form .ember-basic-dropdown-trigger--in-place {
  margin-bottom: 0;
}

.label-description {
  margin-bottom: 0;
  font-style: italic;
  font-size: 0.9rem;
  color: #888c91;
}

.label-value {
  margin-bottom: 10px;
  font-size: small;
}

[type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color], textarea {
  font-size: 0.9rem;
  height: auto;
}

#group-configuration-list {
  margin-left: 0;
}
#group-configuration-list table {
  width: 100%;
}
#group-configuration-list table .column-group-name {
  font-size: 0.9rem;
  padding-top: 7px;
  word-break: break-all;
}
#group-configuration-list table .column-group-actions {
  text-align: right;
}

#manage-membership-form {
  width: 600px;
}
#manage-membership-form p {
  font-size: 0.9rem;
}
#manage-membership-form .form-error {
  margin-top: 5px;
}
#manage-membership-form .manage-membership-actions-dropdown, #manage-membership-form .manage-projects-search-box, #manage-membership-form .manage-roles-search-box {
  margin-bottom: 15px;
}
#manage-membership-form .manage-membership-actions-dropdown .ember-power-select-multiple-option, #manage-membership-form .manage-projects-search-box .ember-power-select-multiple-option, #manage-membership-form .manage-roles-search-box .ember-power-select-multiple-option {
  max-width: 150px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}
#manage-membership-form .manage-membership-dialog-title {
  font-weight: bold;
  margin-bottom: 2px;
}
#manage-membership-form .manage-membership-dialog-title .manage-membership-dialog-title-actions {
  float: right;
  font-weight: normal;
  margin-bottom: 2px;
}
#manage-membership-form .manage-membership-dialog-title a {
  font-weight: normal;
  font-size: smaller;
}

#help-page-ct {
  position: relative;
  height: 100%;
  width: 100%;
}
#help-page-ct #help-page {
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
#help-page-ct #help-page #help-frame {
  border: 0;
  position: absolute;
  width: 100%;
  height: 97%;
}

#home-page .headline-home {
  margin-top: 15px;
}
#home-page #summary-metrics {
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}
#home-page .summary-widget h6 {
  display: inline-block;
}
#home-page .summary-widget .summary-widget-link {
  float: right;
}
#home-page .summary-widget-ct-header {
  margin-top: 16px;
}
#home-page .summary-widget-ct-header h6 {
  display: inline-block;
}
#home-page .summary-widget-ct-header a {
  float: right;
}
#home-page .home-recommendation-widget p {
  margin-bottom: 5px;
  font-weight: bold;
  margin-top: 8px;
}
#home-page #home-recommendations a {
  font-size: 0.9rem;
}
#home-page #home-recommendations b div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 450px;
}
#home-page #home-recommendations .rating-stars {
  display: inline-table;
}
#home-page .getting-started-list {
  margin-bottom: 10px;
  margin-left: 0;
  list-style: none;
  font-size: 0.9rem;
}
#home-page .getting-started-list li {
  display: block;
}
#home-page .getting-started-list .divider {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
#home-page #agent-info-table {
  margin-top: 20px;
}
#home-page #license-widget .stacked-bar {
  padding-bottom: 0 !important;
}
#home-page #help-widget {
  font-size: 0.9rem;
}
#home-page #help-widget .cell:first-child {
  padding-right: 5px;
}
#home-page #help-widget .cell:last-child {
  padding-left: 5px;
}

#settings-page #license-info-table .stacked-bar {
  padding-bottom: 0 !important;
}

#license-info-table {
  width: 100%;
  margin-bottom: 0;
}
#license-info-table .table-label {
  text-align: left;
  font-weight: bold;
  width: 20%;
}
#license-info-table .fa-circle {
  margin-right: 2px;
  font-size: smaller;
}
#license-info-table .fa-info-circle {
  color: #105681;
}
#license-info-table #license-status-active {
  color: #90BF3E;
}
#license-info-table #license-status-expired {
  color: #d61425;
}
#license-info-table #license-status-notset {
  color: #FFB819;
}
#license-info-table #license-status-near-expiry {
  color: #FFB819;
}

.authenticate .loading-box {
  background: transparent;
}
.authenticate .authenticate-row-highlight {
  background: linear-gradient(135deg, #9A73B3 0%, #00A9B7 100%);
}
.authenticate .authenticate-row-highlight h2, .authenticate .authenticate-row-highlight label, .authenticate .authenticate-row-highlight p, .authenticate .authenticate-row-highlight span {
  color: #fff;
}
.authenticate .authenticate-row-highlight a {
  color: #FFB819;
}
.authenticate .authenticate-row-highlight .callout {
  color: #105681;
}
.authenticate .authenticate-row-highlight label {
  font-size: 0.9rem;
  margin-bottom: 0;
}
.authenticate .authenticate-row-highlight input {
  width: 75%;
  border: 2px solid #4886b3;
}
.authenticate .authenticate-row-highlight input:focus {
  border-color: #105681;
}
.authenticate .authenticate-row-highlight fieldset {
  border: transparent;
}
.authenticate .authenticate-row-highlight fieldset legend {
  background: none;
}
.authenticate .authenticate-row-highlight fieldset legend h6 {
  color: #fff;
}
.authenticate .authenticate-row-highlight fieldset input {
  width: 100%;
}
.authenticate .authenticate-row-highlight .product-callout p {
  margin-top: 1rem;
  line-height: 1.5rem;
}
.authenticate .authenticate-row-highlight .authenticate-block {
  padding: 0.9375rem 0;
  max-width: 75rem;
  min-height: 270px;
  margin-right: auto;
  margin-left: auto;
}
.authenticate .authenticate-row-highlight .authenticate-block a {
  color: #FFB819;
  text-decoration: underline;
}
.authenticate .authenticate-row-highlight h2 {
  color: white !important;
}
.authenticate .authenticate-row-highlight .form-error {
  color: #cc4b37;
}
.authenticate .callout {
  word-break: break-word;
}

.login-buttons {
  margin-bottom: 1rem;
}
.login-buttons button {
  margin-right: 15px;
}

#remember {
  width: auto;
  height: 13px;
  padding: 0;
  margin-bottom: 15px;
  position: relative;
  vertical-align: top;
  top: 4px;
}

.skp-chrome.skp-macos #remember {
  top: 4px;
}

.skp-firefox.skp-macos #remember {
  top: 5px;
}

.skp-chrome.skp-windows #remember {
  top: 5px;
}

.skp-firefox.skp-windows #remember {
  top: 5px;
}

.skp-safari #remember {
  top: 5px;
}

.skp-edge #remember {
  top: 4px;
}

.skp-ie #remember {
  top: 4px;
}

.app-bar .fa-life-ring {
  font-size: 1rem;
  color: #ededed;
  margin-right: 2px;
  margin-left: 1px;
}

.user-menu-entries-scrollable {
  max-height: 350px;
  overflow-y: scroll;
  padding-top: 10px;
  padding-bottom: 10px;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none;
}

.user-menu-entries-scrollable::-webkit-scrollbar {
  display: none;
}

.user-menu-entries, .communication-flow-menu-entries {
  font-size: 0.9rem;
  width: 205px;
  background-color: #FFFFFF;
  border: 1px solid #e8e9ec;
  border-top: none;
  -webkit-box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.15);
  position: absolute;
  z-index: 9;
}
.user-menu-entries li:hover, .user-menu-entries .active:hover a, .communication-flow-menu-entries li:hover, .communication-flow-menu-entries .active:hover a {
  background-color: #e8e9ec;
}
.user-menu-entries .menu-section-title:hover, .communication-flow-menu-entries .menu-section-title:hover {
  background-color: transparent;
}
.user-menu-entries .disabled:hover, .communication-flow-menu-entries .disabled:hover {
  background-color: transparent;
}

.communication-flow-menu-entries {
  z-index: 9999;
}

.seeker-section-heading-filterset {
  padding-left: 15px;
  padding-bottom: 5px;
  font-size: 11px;
  margin-top: -4px;
  opacity: 0.7;
}
.seeker-section-heading-filterset .truncate {
  max-width: 250px;
  display: inline-block;
  vertical-align: bottom;
}

.seeker-section-heading-navigation {
  display: inline-block;
}
.seeker-section-heading-navigation .breadcrumb-title {
  display: inline-block;
  vertical-align: middle;
}
.seeker-section-heading-navigation .breadcrumb:not(:last-child)::after {
  content: ".";
  font-size: 1.6rem;
  font-weight: 900;
  margin: 0;
  text-decoration: none;
  vertical-align: top;
  position: relative;
}

.section-heading-bar .horizontal-menu li > a {
  font-size: inherit;
}

.configuration-nav.menu {
  margin-top: 0.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.configuration-nav.menu .configuration-nav-title:first-child {
  border: 0;
  margin-top: 0;
}
.configuration-nav.menu li small {
  color: #281e1e;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 60%;
  display: block;
  margin-top: 5px;
}
.configuration-nav.menu a {
  font-size: 0.85rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.configuration-nav.menu a:hover {
  background: #e8e9ec;
}
.configuration-nav.menu .active {
  background: #e8e9ec;
}
.configuration-nav.menu .label {
  background-color: #ddd;
  color: #777;
  margin-left: 5px;
  padding: 0.22222rem 0.44444rem 0.22222rem;
  font-size: 0.61111rem;
}

.configuration-nav-title {
  text-transform: uppercase;
  font-size: 0.75rem;
  color: #999;
  font-weight: bold;
  line-height: 1;
  padding-left: 0.9rem;
  margin-bottom: 0.5rem;
  border-top: 1px solid #e9e9e9;
  margin-top: 1rem;
  padding-top: 1.5rem;
}

.sub-bar {
  border-right: 1px solid #e8e9ec;
  width: 175px;
  position: fixed;
  height: 100%;
  padding-top: 5px;
  font-size: 0.9rem;
}
.sub-bar .divider {
  background: transparent;
  padding-right: 20px !important;
  margin-top: 0 !important;
}
.sub-bar .divider div {
  height: 1px;
  margin: 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.sub-bar ul {
  margin-left: 5px;
}
.sub-bar li {
  list-style: none;
  padding-bottom: 10px !important;
}
.sub-bar .active span {
  color: #646E81;
  font-weight: 600;
}

.sub-nav {
  width: 13rem !important;
}

.background-split {
  background: #f0f0f4;
  border: 1px solid #f0f0f4;
}
.background-split.sub-nav {
  width: 12.1428571429rem;
}
.background-split.triage-panel {
  width: 25rem;
}

.background-split-content .split-header {
  background: rgba(247, 247, 250, 0.95);
  position: sticky;
  top: 0;
  z-index: 1;
}

.cell-vertical-divider {
  border-right: 1px solid #ececf1;
}

.vertical-sub-navigation a, .sub-nav a {
  font-size: 0.9rem;
}
.vertical-sub-navigation .sub-nav-menu a, .sub-nav .sub-nav-menu a {
  border-bottom-left-radius: 0.2857142857rem;
  border-top-left-radius: 0.2857142857rem;
  color: #5A2A82;
  margin-right: -0.0714285714rem;
  padding: 1.0714285714rem 0.7142857143rem;
  text-align: right;
}
.vertical-sub-navigation .sub-nav-menu a.active, .sub-nav .sub-nav-menu a.active {
  background: #f7f7fa;
  font-weight: 600;
}
.vertical-sub-navigation .sub-nav-menu a:hover.active, .sub-nav .sub-nav-menu a:hover.active {
  cursor: default;
}
.vertical-sub-navigation .sub-nav-menu a, .sub-nav .sub-nav-menu a {
  text-align: left;
}
.vertical-sub-navigation .sub-nav-menu a.active, .sub-nav .sub-nav-menu a.active {
  background-color: #f9f9f9;
}

.ember-power-select-trigger input[type=search] {
  margin-left: 0.5rem;
}
.ember-power-select-trigger input[type=search]:focus {
  border: 0;
}

.max-width-project-list {
  max-width: 25rem;
}

.ember-power-select-dropdown {
  border: 1px solid #ececf1 !important;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15) !important;
}
.ember-power-select-dropdown .ember-power-select-search {
  padding: 0.5rem;
}
.ember-power-select-dropdown .ember-power-select-search input[type=search] {
  background: #ececf1;
  border: 0;
  border-radius: 5px;
  margin: 0;
}
.ember-power-select-dropdown.select-option-list {
  border: 1px solid #cccaca !important;
}
.ember-power-select-dropdown .before-options {
  border-bottom: 1px solid #cccaca;
  cursor: pointer;
  padding: 5px 8px;
}
.ember-power-select-dropdown .before-options .inner {
  border-radius: 3px;
  line-height: 22px;
  padding: 0 7px;
}
.ember-power-select-dropdown .before-options .inner:hover {
  background-color: #105681;
  color: #fff;
}

.ember-power-select-multiple-trigger {
  align-items: center;
  display: flex;
}

.ember-power-select-multiple-options {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.ember-power-select-multiple-options .ember-power-select-trigger-multiple-input {
  height: 1.3571428571rem;
}

.ember-power-select-multiple-trigger {
  align-items: center;
  display: flex;
}

.ember-power-select-multiple-options {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.ember-power-select-multiple-options .ember-power-select-trigger-multiple-input {
  height: 19px;
}

.tags-searching li {
  width: 100%;
  max-width: 185px;
}

.ember-power-select-options {
  padding: 0.5rem !important;
}

.ember-power-select-multiple-option {
  font-size: 0.8571428571rem;
  margin-left: 0.2857rem !important;
}

.ember-power-select-option[aria-selected=true] {
  background-color: #105681 !important;
  border-radius: 3px;
  color: #fff;
  font-weight: 400;
}

.ember-power-select-selected-item > div {
  display: inherit;
}

.ember-power-select-option > div {
  display: inline-block;
}
.ember-power-select-option[aria-current=true] {
  background-color: #105681 !important;
  border-radius: 0.2142857143rem;
  color: #fff;
  font-weight: 400;
}

.ember-power-select-trigger-multiple-input {
  margin: 2px;
}

.button-dropdown {
  border-top: 1px solid #ececf1 !important;
  margin-top: 3px;
  width: auto !important;
}
.button-dropdown .ember-power-select-options[role=listbox] {
  max-height: none !important;
}

.dropdown-select.inline {
  display: inline-block;
  vertical-align: middle;
}
.dropdown-select.inline .small-selector {
  overflow-y: hidden;
}
.dropdown-select.inline .small-selector.non-clickable-small-selector, .dropdown-select.inline .small-selector.ember-power-select-trigger {
  border: 0 !important;
  padding: 0 1.25rem 0 0 !important;
}
.dropdown-select.inline .ember-power-select-selected-item, .dropdown-select.inline .ember-power-select-placeholder {
  margin-left: 0;
}

.branch-selector {
  cursor: pointer;
  white-space: nowrap;
}

.dropdown-controls label,
.dropdown-controls .dropdown-select,
.dropdown-controls .result-summary {
  display: inline-block;
  vertical-align: middle;
}
.dropdown-controls .dropdown-select .ember-power-select-trigger {
  border: 0;
  border-radius: 0.2142857143rem !important;
  font-weight: normal;
  line-height: 1;
  margin-left: 0.5em;
  padding: 0.65em 1.65em 0.65em 0.65em;
  text-align: center;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
}
.dropdown-controls .dropdown-select .ember-power-select-trigger:hover {
  cursor: pointer;
}
.dropdown-controls .dropdown-select .ember-power-select-trigger .ember-power-select-status-icon {
  border-color: #fff transparent transparent;
  right: 1.25em;
}
.dropdown-controls .dropdown-select .ember-power-select-selected-item {
  margin-right: 0.5714285714rem;
}
.dropdown-controls:hover label {
  cursor: pointer;
}
.dropdown-controls:hover .dropdown-select div {
  cursor: pointer;
}

.coverity-version-select {
  display: inline-block;
  margin-right: 0.5rem;
  vertical-align: middle;
  width: 15rem;
}
.coverity-version-select.default-version {
  max-width: 31.4285714286rem;
  width: 100%;
}

.small-selector.non-clickable-small-selector {
  border: 0.0714285714rem solid #9A73B3;
  border-radius: 0.8571428571rem;
  color: #9A73B3;
  font-size: 0.9285714286rem;
  line-height: 1.0714285714rem;
  padding: 0.25rem 0.8rem;
}
.dropdown-select .small-selector.ember-power-select-trigger {
  border: 0.0714285714rem solid #9A73B3 !important;
  border-radius: 0.8571428571rem !important;
  color: #9A73B3 !important;
  font-size: 0.9285714286rem;
  line-height: 1.0714285714rem !important;
  min-height: auto !important;
  padding: 0.25rem 1.65rem 0.25rem 0.25rem !important;
}
.dropdown-select .small-selector.ember-power-select-trigger .ember-power-select-status-icon {
  border-color: #9A73B3 transparent transparent !important;
}
.dropdown-select .small-selector.ember-power-select-trigger:hover {
  border-color: #105681 !important;
  color: #105681 !important;
}
.dropdown-select .small-selector.ember-power-select-trigger:hover .ember-power-select-status-icon {
  border-color: #105681 transparent transparent !important;
}
.small-selector.button-dropdown {
  color: #9A73B3;
  font-size: 0.9285714286rem;
}
.small-selector.button-dropdown .ember-power-select-option[aria-current=true], .small-selector.button-dropdown .ember-power-select-option[aria-selected=true] {
  background-color: #9A73B3 !important;
}

.ember-power-select-trigger {
  border: 1px solid #CCCACA;
  border-radius: 0;
  line-height: normal;
  padding-left: 3px;
  padding-top: 8px;
  padding-bottom: 3px;
  overflow: hidden;
}
.ember-power-select-trigger .ember-power-select-selected-item, .ember-power-select-trigger .ember-power-select-placeholder, .ember-power-select-trigger .ember-power-select-trigger-multiple-input {
  font-size: 0.9rem;
}

.ember-power-select-selected-item {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ember-power-select-selected-item text {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 98%;
}

#ember-basic-dropdown-wormhole .ember-power-select-option {
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}
#ember-basic-dropdown-wormhole .ember-power-select-option text {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 95%;
}

.ember-power-select-selected-item, .ember-power-select-placeholder, .ember-power-select-trigger input[type=search] {
  margin-left: 0;
}

.ember-power-select-selected-item, .ember-power-select-placeholder {
  padding-left: 3px;
}

.ember-power-select-trigger-multiple-input {
  border: 0 !important;
  display: inline;
  margin-left: 0.5rem !important;
  margin-top: -1px;
  padding-left: 1px;
  max-width: 300px;
}

.ember-power-select-multiple-options .ember-power-select-multiple-option {
  white-space: nowrap;
  margin-top: -1px;
  max-width: 25ch;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ember-power-select-multiple-options .ember-power-select-multiple-remove-btn {
  display: inline;
}
.ember-power-select-multiple-options .ember-power-select-multiple-option--disabled .ember-power-select-multiple-remove-btn {
  display: none;
}

.ember-power-select-option {
  font-size: 0.9rem;
}

.ember-power-select-option[aria-current=true] {
  background: #e8e9ec !important;
  border-radius: 3px !important;
  color: inherit !important;
}

.ember-power-select-option[aria-selected=true] {
  background: #888c91 !important;
  color: white !important;
}

.ember-power-select-search input {
  background: #ECECF1 !important;
  border-radius: 5px !important;
}

.has-error .ember-power-select-trigger {
  border: 2px solid #d61425;
  background-color: #fff6f6;
}
.has-error .ember-power-select-trigger input {
  border: inherit !important;
  background-color: inherit !important;
}

.ember-power-select-clear-btn {
  font-size: larger;
  top: 6px;
}

.ember-power-select-status-icon {
  border-width: 6px 4px 0 4px;
  border-color: #888c91 transparent transparent transparent;
}

.chart-label-shadow {
  text-shadow: 1px 1px 1px #000;
  font-size: 13px;
}

#protecode-components-pagination {
  text-align: right;
  font-size: 0.9rem;
}

#chart-components, #chart-vulnerabilities, #chart-licenses {
  text-align: center;
}

#component-donut .donut-vulnerable-component-serie {
  fill: #e74c3c;
}
#component-donut .donut-non-vulnerable-component-serie {
  fill: #61bd4f;
}

#vulnerability-donut .donut-critical-vulnerablity-serie {
  fill: #d61425;
}
#vulnerability-donut .donut-high-vulnerablity-serie {
  fill: #e46921;
}
#vulnerability-donut .donut-medium-vulnerablity-serie {
  fill: #f1901d;
}
#vulnerability-donut .donut-low-vulnerablity-serie {
  fill: #FFB819;
}
#vulnerability-donut .donut-informative-vulnerablity-serie {
  fill: #b3b2b1;
}

#license-donut .donut-copyleft-license-serie {
  fill: #e74c3c;
}
#license-donut .donut-permissive-license-serie {
  fill: #61bd4f;
}
#license-donut .donut-lgpl-license-serie {
  fill: #ff9c00;
}
#license-donut .donut-proprietary-license-serie {
  fill: #426a96;
}

.chart-middle-label {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 85%;
  fill: #656565;
}

.protecode-metrics {
  width: 90%;
  margin: auto;
  display: table;
  margin-top: 20px;
  font-size: 0.9rem;
}

.protecode-metrics-line-separator {
  font-size: 8px;
}

.protecode-metrics-line {
  display: table-row;
}

.protecode-metrics-headerline {
  margin-bottom: 15px;
}
.protecode-metrics-headerline .protecode-metrics-line-label {
  border-bottom: 1px solid #656565;
  font-weight: bold;
}
.protecode-metrics-headerline .protecode-metrics-line-value {
  border-bottom: 1px solid #656565;
  font-weight: bold;
}

.protecode-metrics-line-label {
  display: table-cell;
  padding-left: 10px;
}

.protecode-metrics-line-value {
  display: table-cell;
  text-align: right;
  padding-right: 10px;
}

.license-permissive, .non-vulnerable-component, .clean-app {
  background-color: #97ae50;
  text-transform: uppercase;
}

.license-copyleft, .vulnerable-component, .outdated, .vulnerable-app {
  background-color: #bb4b40;
  text-transform: uppercase;
}

.license-lgpl {
  background-color: #dda31e;
  text-transform: uppercase;
}

.license-proprietary {
  background-color: #426a96;
  text-transform: uppercase;
}

.protecode-component-row .tag {
  background-color: #6aa4b0;
  text-transform: uppercase;
}

.license-component-count, .component-object-count {
  background-color: #aaaaaa;
  text-transform: uppercase;
}

#protecode-page .label {
  font-size: 75%;
  font-weight: 500;
}
#protecode-page h4 {
  font-size: 18px;
  color: black;
}
#protecode-page h4 span {
  color: #777;
  font-size: 75%;
}
#protecode-page #new-component-notifier {
  background-color: #d9edf7;
  border-color: #bce8f1;
  width: 99%;
  color: #31708f;
  box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.075);
  display: table;
  margin-bottom: 15px;
}
#protecode-page #new-component-notifier #new-component-notifier-content {
  display: table-cell;
  padding: 10px;
  text-align: center;
}
#protecode-page #new-component-notifier #new-component-notifier-content p {
  margin-bottom: 0;
}
#protecode-page #new-component-notifier .close-button {
  font-size: 1.5rem;
}
#protecode-page #failed-component-notifier {
  background-color: #fcf8e3;
  border-color: #faebcc;
  width: 99%;
  color: #8a6d3b;
  box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.075);
  display: table;
  margin-bottom: 15px;
}
#protecode-page #failed-component-notifier #failed-component-notifier-content {
  display: table-cell;
  padding: 10px;
  text-align: center;
}
#protecode-page #failed-component-notifier #failed-component-notifier-content p {
  margin-bottom: 0;
}
#protecode-page #failed-component-notifier .close-button {
  font-size: 1.5rem;
}

#project-switcher-comp {
  max-width: 500px;
  padding-left: 20px;
}
#project-switcher-comp .render-project-ct-width {
  max-width: 500px;
  width: fit-content;
  color: #646E81 !important;
  font-size: 1.85714rem;
  font-weight: 300;
}
#project-switcher-comp svg {
  font-size: 1.55rem;
}
#project-switcher-comp a {
  padding-left: 10px;
  color: #105681;
  padding-top: 14px;
  vertical-align: top;
  display: inline-block;
}

.no-noncompliant-vulns {
  font-style: italic;
  font-size: 12px;
  color: #b3b2b1;
}

#project-switcher-widget {
  width: 600px;
}
#project-switcher-widget label {
  margin-bottom: 15px;
}

#highest-risk-projects {
  margin-top: 15px;
}
#highest-risk-projects h6 {
  font-weight: 600;
}
#highest-risk-projects ul {
  list-style: none;
  margin: 0;
}
#highest-risk-projects ul .highest-risk-project {
  white-space: nowrap;
}
#highest-risk-projects ul .highest-risk-project .project-mini-score {
  cursor: auto;
}
#highest-risk-projects ul li {
  display: inline;
  margin-right: 10px;
}
#highest-risk-projects ul li .render-project-ct {
  display: inline-table;
  table-layout: fixed;
  max-width: 250px;
  width: fit-content;
}
#highest-risk-projects ul li .render-project-name {
  display: table-cell;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

#checker-types .widget .yield-content {
  max-height: none;
}
#checker-types .checker-type-table th {
  background-color: #FFFFFF !important;
  font-weight: 300;
  border-bottom: 1px solid #B3B2B1 !important;
  color: #646E81;
}
#checker-types .checker-type-table .seeker-toggler-title svg {
  margin-right: 10px;
  display: inline-block;
  width: 10px;
}
#checker-types .checker-type-table .checker-type-description {
  padding-left: 24px;
  color: #888c91;
  font-style: italic;
}
#checker-types .checker-type-table tr:hover {
  background-color: #e8e9ec;
}
#checker-types .checker-type-table .checker-type-row-root {
  border-top: 1px solid #e8e9ec !important;
}
#checker-types .checker-type-table .checker-type-row-leaf .column-checker-type-name {
  padding-left: 55px !important;
}
#checker-types .checker-type-table .checker-type-row-intermediate .column-checker-type-name {
  padding-left: 30px !important;
}

#checker-type-info-dialog {
  width: 500px;
  font-size: 0.9rem;
}

.project-settings-cog {
  padding-left: 12px;
  font-size: 18px;
  vertical-align: middle;
  display: inline-block;
}

#project-integrations-page {
  position: relative;
}
#project-integrations-page #project-integration-jira-advancedsettings {
  margin-bottom: 10px;
}
#project-integrations-page #project-integration-jira-advancedsettings .seeker-toggler-title {
  font-size: 0.9rem;
}
#project-integrations-page #project-integration-jira-advancedsettings .seeker-toggler-content {
  padding-left: 12px;
  padding-top: 5px;
}
#project-integrations-page #severity-mapping-table, #project-integrations-page #seeker-status-mapping-table, #project-integrations-page #jira-status-mapping-table {
  width: 40rem;
}
#project-integrations-page #severity-mapping-table .table-label, #project-integrations-page #seeker-status-mapping-table .table-label, #project-integrations-page #jira-status-mapping-table .table-label {
  text-align: left;
  font-weight: bold;
  vertical-align: middle;
  width: 30%;
}
#project-integrations-page #severity-mapping-table .form-error, #project-integrations-page #seeker-status-mapping-table .form-error, #project-integrations-page #jira-status-mapping-table .form-error {
  margin-top: 5px;
  margin-bottom: 0;
}
#project-integrations-page #severity-mapping-table select, #project-integrations-page #seeker-status-mapping-table select, #project-integrations-page #jira-status-mapping-table select {
  margin-bottom: 0;
}
#project-integrations-page .form-subsection-header {
  font-size: 1.14571rem;
  margin-top: 25px;
}
#project-integrations-page .form-subsection-divider {
  margin-bottom: 10px;
}
#project-integrations-page label .jira-field-cascade {
  overflow: auto;
}
#project-integrations-page label .jira-field-cascade .jira-field-cascade-parent {
  float: left;
  width: 49.5%;
}
#project-integrations-page label .jira-field-cascade .jira-field-cascade-children {
  float: right;
  width: 49.5%;
}
#project-integrations-page label .ember-power-select-trigger {
  margin: 0;
}
#project-integrations-page .jira-field-date {
  position: relative;
}
#project-integrations-page .jira-field-date input {
  width: 40rem;
  display: inline-block;
}
#project-integrations-page .jira-field-date .jira-field-date-hours {
  margin-left: 15px;
}
#project-integrations-page .jira-field-date .jira-field-date-hours, #project-integrations-page .jira-field-date .jira-field-date-minutes {
  width: 36px;
}
#project-integrations-page .jira-field-date .pika-table td, #project-integrations-page .jira-field-date .pika-table th {
  padding: 0 !important;
}
#project-integrations-page .jira-field-date .pika-single {
  position: absolute;
  left: 40rem;
}
#project-integrations-page #project-integrations-bugtracking, #project-integrations-page #project-integrations-jiraprojects {
  display: table;
  width: 100%;
  margin-bottom: 15px;
}
#project-integrations-page #project-integrations-bugtracking #project-integrations-bugtracking-selector, #project-integrations-page #project-integrations-bugtracking #project-integrations-jiraprojects-selector, #project-integrations-page #project-integrations-jiraprojects #project-integrations-bugtracking-selector, #project-integrations-page #project-integrations-jiraprojects #project-integrations-jiraprojects-selector {
  display: table-cell;
  width: 40rem;
}
#project-integrations-page #project-integrations-bugtracking #project-integrations-bugtracking-selector .ember-power-select-trigger, #project-integrations-page #project-integrations-bugtracking #project-integrations-jiraprojects-selector .ember-power-select-trigger, #project-integrations-page #project-integrations-jiraprojects #project-integrations-bugtracking-selector .ember-power-select-trigger, #project-integrations-page #project-integrations-jiraprojects #project-integrations-jiraprojects-selector .ember-power-select-trigger {
  margin-bottom: 0;
}
#project-integrations-page #project-integrations-bugtracking #project-integrations-bugtracking-selector .form-error, #project-integrations-page #project-integrations-bugtracking #project-integrations-jiraprojects-selector .form-error, #project-integrations-page #project-integrations-jiraprojects #project-integrations-bugtracking-selector .form-error, #project-integrations-page #project-integrations-jiraprojects #project-integrations-jiraprojects-selector .form-error {
  margin-top: 0;
}
#project-integrations-page #project-integrations-bugtracking #project-integrations-bugtracking-importconf, #project-integrations-page #project-integrations-bugtracking #project-integrations-jiraprojects-refresh, #project-integrations-page #project-integrations-jiraprojects #project-integrations-bugtracking-importconf, #project-integrations-page #project-integrations-jiraprojects #project-integrations-jiraprojects-refresh {
  display: table-cell;
  padding-left: 20px;
  vertical-align: middle;
}
#project-integrations-page #project-integrations-bugtracking #project-integrations-bugtracking-importconf button, #project-integrations-page #project-integrations-bugtracking #project-integrations-jiraprojects-refresh button, #project-integrations-page #project-integrations-jiraprojects #project-integrations-bugtracking-importconf button, #project-integrations-page #project-integrations-jiraprojects #project-integrations-jiraprojects-refresh button {
  padding: 0.6em 1em;
}
#project-integrations-page #connect-button {
  margin-top: 5px;
  margin-bottom: 5px;
}
#project-integrations-page #test-bugtracking-integration .small {
  display: inline-block;
  color: #281e1e;
  margin-bottom: 0;
  margin-top: 5px;
  font-style: italic;
}

.favorite-project path {
  fill: #ffb819;
}

#dataflowmap-page {
  padding-bottom: 0;
  height: 100%;
}
#dataflowmap-page #dataflowmap-page-content {
  height: calc(100% - 130px);
}
#dataflowmap-page #dataflowmap-page-content .yield-content, #dataflowmap-page #dataflowmap-page-content .summary, #dataflowmap-page #dataflowmap-page-content .ember-view, #dataflowmap-page #dataflowmap-page-content #communication-flow-diagram, #dataflowmap-page #dataflowmap-page-content .summary-widget {
  height: 100%;
  max-height: none;
}

.render-project-ct {
  display: inline-table;
  table-layout: fixed;
  width: 100%;
}
.render-project-ct .render-version-name-ct {
  display: inline;
  margin-left: 5px;
  font-size: 12px;
  vertical-align: middle;
  font-weight: 500;
}
.render-project-ct .render-version-name-ct svg {
  font-size: 11px !important;
  margin-right: -2px !important;
}

.render-project-name {
  display: table-cell;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.render-project-name .vuln-meta {
  margin-left: 7px;
}

#projects-page {
  position: relative;
  margin-left: 0;
  margin-top: 10px;
}
#projects-page #projects-export-button {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 12;
}
#projects-page #projects-block-list {
  margin-top: 10px;
  padding-bottom: 20px;
}
#projects-page #projects-block-list #projects-refresh-button {
  margin-right: 5px;
}
#projects-page #projects-block-list #projects-block-list-pagination-info {
  font-size: 0.9rem;
}
#projects-page #projects-block-list .projects-block-list-actions {
  margin-bottom: 15px;
}
#projects-page #projects-block-list .projects-block-list-actions label {
  display: inline-block;
  float: right;
}
#projects-page #projects-block-list .projects-block-list-actions .ember-basic-dropdown-trigger {
  display: inline-block;
  border: 1px solid #e8e9ec;
  padding: 0.4rem;
  width: 200px;
  background: white;
}
#projects-page #projects-block-list .projects-block-list-actions .ember-basic-dropdown-trigger .fa-caret-down {
  float: right;
  margin-top: 6px;
}
#projects-page #projects-block-list .project-block-listing-body-composite .main-block-element a {
  font-weight: bold;
}
#projects-page #projects-block-list table {
  width: 100%;
}
#projects-page #projects-block-list table .column-project-name {
  font-size: 0.9rem;
  padding-top: 7px;
  word-break: break-all;
}
#projects-page #projects-block-list table .column-project-actions {
  text-align: right;
}
#projects-page #projects-block-list table .column-project-actions button {
  margin-left: 5px;
}

.project-block-listing-body-disabled .project-block-listing-body-header {
  opacity: 0.5;
}

.project-block-listing {
  width: 100%;
  padding: 0;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  display: table;
  margin-bottom: 2rem;
}
.project-block-listing .project-block-listing-score {
  display: table-cell;
  width: 12px;
}
.project-block-listing .project-block-listing-score .project-score {
  height: 175px;
  width: 12px;
  color: transparent;
  font-size: 30px;
  font-weight: 400;
  padding-top: 2px;
}
.project-block-listing .project-block-listing-body {
  display: table-cell;
  vertical-align: top;
  padding-top: 6px;
  padding-left: 15px;
  padding-right: 10px;
  background-color: white;
}
.project-block-listing .project-block-listing-body .project-block-listing-body-footer {
  border-top: 1px solid #e8e9ec;
  margin-top: 5px;
}
.project-block-listing .project-block-listing-body .project-block-listing-body-footer .project-infos {
  float: left;
  font-size: 0.9rem;
  padding-top: 6px;
  padding-bottom: 2px;
  color: #888c91;
}
.project-block-listing .project-block-listing-body .project-block-listing-body-footer .project-infos .project-info ul {
  margin: 0;
}
.project-block-listing .project-block-listing-body .project-block-listing-body-footer .project-infos .project-info li {
  display: inline;
}
.project-block-listing .project-block-listing-body .project-block-listing-body-footer .project-infos .project-info li + li::before {
  content: "|";
  margin-left: 3px;
  margin-right: 5px;
}
.project-block-listing .project-block-listing-body .project-block-listing-body-footer .truncate {
  max-width: 250px;
  display: inline-block;
  vertical-align: bottom;
}
.project-block-listing .project-block-listing-body .project-block-listing-body-footer .project-activity {
  float: right;
  font-size: 0.9rem;
  padding-top: 4px;
  padding-bottom: 2px;
}
.project-block-listing .project-block-listing-body .project-block-listing-body-footer .project-activity .project-activity-date {
  color: #888c91;
}
.project-block-listing .project-block-listing-body .project-block-listing-body-header {
  padding-left: 5px;
  padding-top: 2px;
  padding-right: 5px;
}
.project-block-listing .project-block-listing-body .project-block-listing-body-header .render-project-ct {
  width: calc(100% - 80px);
}
.project-block-listing .project-block-listing-body .project-block-listing-body-header .ember-basic-dropdown-trigger {
  display: inline-block;
  float: right;
}
.project-block-listing .project-block-listing-body .project-block-listing-body-header svg {
  font-size: 1.2rem;
  margin-right: 3px;
}
.project-block-listing .project-block-listing-body .project-block-listing-body-header .project-link {
  font-size: 1.2rem;
  margin-right: 30px;
  line-height: 1.4;
}
.project-block-listing .project-block-listing-body .project-block-listing-body-header .project-link .render-project-name {
  font-size: larger;
  max-width: calc(100% - 60px);
  display: inline-block;
  vertical-align: bottom;
}
.project-block-listing .project-block-listing-body .project-block-listing-body-header .project-link .vuln-meta {
  margin-left: 15px;
  vertical-align: top;
  margin-top: 5px;
}
.project-block-listing .project-block-listing-body .block-element-metric-label {
  color: #888c91;
}
.project-block-listing .project-block-listing-body .block-element {
  display: table-cell;
  vertical-align: top;
}
.project-block-listing .project-block-listing-body .blank-state {
  margin-bottom: 1rem;
}
.project-block-listing .project-block-listing-body .main-block-element {
  vertical-align: top;
  width: 30%;
  padding-top: 5px;
}
.project-block-listing .project-block-listing-body .main-block-element p {
  font-style: italic;
  font-size: 0.9rem;
  margin-bottom: 10px;
}
.project-block-listing .project-block-listing-body .main-block-element .project-infos {
  margin-top: 5px;
}
.project-block-listing .project-block-listing-body .main-block-element .project-infos .project-info {
  font-size: small;
  line-height: 1.3rem;
  font-weight: 500;
}
.project-block-listing .project-block-listing-body .main-block-element .project-infos .project-activity {
  font-size: smaller;
  color: #888c91;
  font-style: italic;
  padding-top: 10px;
}
.project-block-listing .project-block-listing-body .main-block-element .project-infos span.project-analysis-disabled {
  color: red;
}
.project-block-listing .project-block-listing-body .main-block-element .project-infos span.project-analysis-disabled a {
  color: red;
}
.project-block-listing .project-block-listing-body .block-element-metrics {
  text-align: center;
  padding-top: 20px;
}
.project-block-listing .project-block-listing-body .block-element-metrics .block-element-metric {
  position: relative;
  height: 72px;
}
.project-block-listing .project-block-listing-body .block-element-metrics .block-element-metric .project-detection-trend {
  height: 50px;
}
.project-block-listing .project-block-listing-body .block-element-metrics .block-element-metric .project-detection-trend .blank-state {
  margin-top: 0 !important;
  padding: 0.4rem;
}
.project-block-listing .project-block-listing-body .block-element-metrics .block-element-metric .block-element-metric-label {
  text-transform: uppercase;
  font-size: 0.85rem;
  color: #888c91;
  font-weight: 500;
  line-height: 1.5;
  bottom: 0;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}
.project-block-listing .project-block-listing-body .block-element-metrics .block-element-metric .block-element-metric-value {
  font-size: 18px;
  font-weight: 400;
}
.project-block-listing .project-block-listing-body .block-element-metrics .block-element-metric .block-element-metric-red-value {
  color: #d61425;
}
.project-block-listing .project-block-listing-body .block-element-metrics .block-element-metric .block-element-metric-blue-value {
  color: #90BF3E;
  font-size: 18px;
  font-weight: 400;
}
.project-block-listing .project-block-listing-body .block-element-metrics .block-element-metric .block-element-metric-value-legend {
  font-size: smaller;
}
.project-block-listing .project-block-listing-body .block-element-metrics .chart-ct .line {
  fill: none;
  stroke: #d61425;
  stroke-width: 2px;
}
.project-block-listing .project-block-listing-body .block-element-metrics .chart-ct .area {
  stroke-width: 0px;
}
.project-block-listing .project-block-listing-body .severity-breakdown-block-element {
  font-size: 10px;
  font-weight: 400;
  padding-top: 10px;
}
.project-block-listing .project-block-listing-body .severity-breakdown-block-element span {
  font-size: 8px;
  padding-left: 10px;
}
.project-block-listing .project-block-listing-body .severity-breakdown-block-element span:first-child {
  padding-left: 0;
}
.project-block-listing .project-block-listing-body .severity-breakdown-block-element .critical-vulnerability-count {
  color: #d61425;
}
.project-block-listing .project-block-listing-body .severity-breakdown-block-element .high-vulnerability-count {
  color: #e46921;
}
.project-block-listing .project-block-listing-body .severity-breakdown-block-element .medium-vulnerability-count {
  color: #f1901d;
}
.project-block-listing .project-block-listing-body .severity-breakdown-block-element .low-vulnerability-count {
  color: #FFB819;
}
.project-block-listing .project-block-listing-body .severity-breakdown-block-element .informative-vulnerability-count {
  color: #b3b2b1;
}
.project-block-listing .project-block-listing-body .controls-block-element {
  width: 50px;
  vertical-align: top;
  text-align: right;
  padding: 0.57143rem 0.71429rem 0.71429rem;
}
.project-block-listing .project-block-listing-body .controls-block-element .ember-basic-dropdown-content-wormhole-origin {
  display: none;
}

.project-score {
  cursor: pointer;
  width: 75px;
  height: 75px;
  color: white;
  text-align: center;
  vertical-align: middle;
  font-size: 42px;
  font-weight: 600;
  padding-top: 6px;
}

.project-mini-score {
  cursor: pointer;
  width: 16px;
  height: 16px;
  color: white;
  text-align: center;
  vertical-align: middle;
  font-size: 9px;
  font-weight: 600;
  display: inline-block;
  margin-right: 5px;
}

.project-score-none {
  background-color: #b3b2b1;
}

.project-score-F {
  background-color: #d61425;
  fill: #d61425;
}

.project-score-D {
  background-color: #e46921;
  fill: #e46921;
}

.project-score-C {
  background-color: #f1901d;
  fill: #f1901d;
}

.project-score-B {
  background-color: #FFB819;
  fill: #FFB819;
}

.project-score-A {
  background-color: #90BF3E;
  fill: #90BF3E;
}

.project-compliant {
  color: #90BF3E;
  padding-top: 1.5em;
}

.project-not-compliant {
  color: #d61425;
  padding-top: 1.5em;
}

#project-creation-form, #add-member-form, #add-project-form {
  width: 500px;
}

#project-creation-form div {
  font-size: 0.9rem;
}
#project-creation-form .ember-power-select-selected-item {
  overflow: hidden;
  text-overflow: ellipsis;
}
#project-creation-form .form-error {
  text-overflow: ellipsis;
  overflow: hidden;
}

#add-project-form {
  max-height: 250px;
}
#add-project-form label {
  margin-bottom: 10px;
}

.column-member-name svg {
  display: inline-block;
  width: 18px !important;
}

.white-bg {
  background: white;
  padding: 15px;
}
.white-bg .table-actions {
  padding: 0;
}

#project-page {
  position: relative;
  height: calc(100% - 50px);
}
#project-page #project-page-content {
  position: absolute;
  padding-top: 20px;
  left: 190px;
  top: 6px;
  right: 0;
  height: 100%;
}
#project-page #project-page-content #vulnerabilities-page, #project-page #project-page-content #vulnerability-page {
  padding-top: 0;
}
#project-page #project-page-content .fly-in {
  margin-top: 10px;
}
#project-page #members-page .table-actions {
  margin-top: 0;
  padding-top: 0;
}
#project-page .quick-filters {
  padding-top: 0;
}
#project-page #project-title-bar {
  border-bottom: 1px solid #e8e9ec;
  position: fixed;
  width: 100%;
  z-index: 48;
  background-color: #f9f9f9;
}
#project-page .sub-bar {
  padding-top: 15px;
  padding-left: 10px;
}
#project-page #report-page-content {
  margin-top: 30px;
}
#project-page #summary-evolution .ember-basic-dropdown-trigger, #project-page #report-page-content .ember-basic-dropdown-trigger {
  outline: 0;
  margin-left: 12px;
  margin-bottom: 10px;
}
#project-page #summary-evolution .widget, #project-page #report-page-content .widget {
  margin-bottom: 15px !important;
}
#project-page .project-top-buttons {
  position: absolute;
  right: 0;
  top: -2px;
}
#project-page #project-bill-of-materials-export-menu,
#project-page #project-application-security-export-menu,
#project-page #project-url-discovery-export-menu,
#project-page #project-compliance-export-menu {
  position: fixed;
  right: 32px;
  top: 34px;
  z-index: 49;
}
#project-page #project-bill-of-materials-export-menu ul li,
#project-page #project-application-security-export-menu ul li,
#project-page #project-url-discovery-export-menu ul li,
#project-page #project-compliance-export-menu ul li {
  height: auto;
}
#project-page #project-bill-of-materials-export-menu ul li a,
#project-page #project-application-security-export-menu ul li a,
#project-page #project-url-discovery-export-menu ul li a,
#project-page #project-compliance-export-menu ul li a {
  padding-top: 0.8rem;
  font-size: 0.9rem;
}
#project-page #project-bill-of-materials-export-menu ul li a::after,
#project-page #project-application-security-export-menu ul li a::after,
#project-page #project-url-discovery-export-menu ul li a::after,
#project-page #project-compliance-export-menu ul li a::after {
  border-color: white transparent transparent;
}
#project-page #project-bill-of-materials-export-menu ul li a.active,
#project-page #project-application-security-export-menu ul li a.active,
#project-page #project-url-discovery-export-menu ul li a.active,
#project-page #project-compliance-export-menu ul li a.active {
  color: #39F;
  border: 0;
}
#project-page #project-bill-of-materials-export-menu ul .submenu li,
#project-page #project-application-security-export-menu ul .submenu li,
#project-page #project-url-discovery-export-menu ul .submenu li,
#project-page #project-compliance-export-menu ul .submenu li {
  font-size: 0.9rem;
  font-weight: normal;
}
#project-page #project-page-summary #summary-metrics .medium-up-4 .compliance-policy-stat {
  padding-left: 75px;
  padding-top: 10px;
}
#project-page #project-page-summary #summary-metrics .medium-up-6 .compliance-policy-stat {
  padding-left: 45px;
  padding-top: 10px;
}
#project-page #project-page-summary #summary-metrics .stats .project-score {
  display: inline-block;
}
#project-page #application-security-widget .summary-widget .summary .yield-content {
  max-height: 900px;
}
#project-page #application-security-widget .stacked-bar .bar-chart-split .severe {
  background: repeating-linear-gradient(45deg, #d61425, #d61425 10px, #e46921 12px, #e46921 12px);
}
#project-page #application-security-widget .stacked-bar .bar-chart-split .serious {
  background: repeating-linear-gradient(45deg, #e46921, #e46921 6px, #f1901d 8px, #f1901d 8px);
}
#project-page #application-security-widget .stacked-bar .bar-chart-split .minor {
  background: repeating-linear-gradient(45deg, #f1901d, #f1901d 2px, #FFB819 4px, #FFB819 4px);
}
#project-page #application-security-widget .stacked-bar .bar-chart-split .non-severe {
  background: repeating-linear-gradient(45deg, #FFB819, #FFB819 0px, #fff0d1 2px, #fff0d1 2px);
}
#project-page #bill-of-materials-widget, #project-page #endpoint-security-widget {
  font-size: 0.9rem;
}
#project-page #bill-of-materials-widget #licenses-type-bars .bar-chart-split .severe, #project-page #endpoint-security-widget #licenses-type-bars .bar-chart-split .severe {
  background: #105681;
}
#project-page #bill-of-materials-widget #licenses-type-bars .bar-chart-split .serious, #project-page #endpoint-security-widget #licenses-type-bars .bar-chart-split .serious {
  background: #4886b3;
}
#project-page #bill-of-materials-widget #licenses-type-bars .bar-chart-split .minor, #project-page #endpoint-security-widget #licenses-type-bars .bar-chart-split .minor {
  background: #8abfe6;
}
#project-page #bill-of-materials-widget #licenses-type-bars .bar-chart-split .non-severe, #project-page #endpoint-security-widget #licenses-type-bars .bar-chart-split .non-severe {
  background: #ececf1;
}
#project-page .summary-footer {
  display: none;
}
#project-page .yield-content {
  margin-bottom: 0;
}

.sub-bar-section-title {
  text-transform: uppercase;
  font-size: 0.85rem;
  color: #888c91;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 3px;
  letter-spacing: 1px;
}

#project-checkers-page .analysis-switch .switch {
  float: left;
  margin-right: 0.5rem;
}
#project-checkers-page .analysis-switch {
  clear: both;
}
#project-checkers-page .section-header {
  clear: both;
  margin-top: 35px;
}
#project-checkers-page .section-header:first-child {
  margin-top: 0;
}
#project-checkers-page .agent-version-select {
  display: inline-block;
  margin-right: 0.5rem;
  vertical-align: top;
  width: 15rem;
}
#project-checkers-page .agent-version-select .agent-version-select-trigger {
  min-height: auto;
  line-height: 1rem;
  font-size: 0.9rem;
  padding: 0.5rem;
}
#project-checkers-page .version-select {
  font-size: 0.9rem;
}
#project-checkers-page #agent-version-mismatch-warning, #project-checkers-page #agent-version-tip {
  margin-top: 8px;
  font-size: 0.9rem;
}
#project-checkers-page .compliance-policy-select {
  display: inline-block;
  margin-right: 0.5rem;
  vertical-align: top;
  width: 15rem;
}

#checkers-page-section {
  margin-top: 35px;
}

#project-edit-page .warning, #project-checkers-page .warning, #project-features-page .warning, #project-integrations-page .warning {
  margin-top: 5px;
  font-size: 0.9rem;
}
#project-edit-page .form-error, #project-checkers-page .form-error, #project-features-page .form-error, #project-integrations-page .form-error {
  text-overflow: ellipsis;
  overflow: hidden;
}

#project-features-page {
  margin-bottom: 30px;
}
#project-features-page .section-header:first-child {
  margin-top: 0;
}
#project-features-page .back-to-feature {
  font-size: 0.9rem;
  margin-bottom: 10px;
}
#project-features-page .feature-title {
  margin-bottom: 8px;
}
#project-features-page .configure-feature {
  margin-top: 10px;
}
#project-features-page .configure-feature a {
  margin-right: 10px;
}
#project-features-page .section-header {
  margin-top: 20px;
}
#project-features-page .switch {
  margin-top: 5px;
  margin-left: 2px;
}
#project-features-page .form-group label {
  margin-bottom: 3px;
}
#project-features-page .label-suboptions {
  margin-top: 10px;
  margin-bottom: 0;
}
#project-features-page .label-suboptions .label-description {
  margin-bottom: 0;
}
#project-features-page #project-feature-replay-mode-adv-settings, #project-features-page #project-feature-url-discovery-adv-settings {
  padding-bottom: 10px;
}
#project-features-page #replay-exclusion-rules-table, #project-features-page #url-discovery-exclusion-rules-table {
  font-size: 0.9rem;
  table-layout: fixed;
}
#project-features-page #replay-exclusion-rules-table thead th, #project-features-page #url-discovery-exclusion-rules-table thead th {
  font-size: 0.9rem;
}
#project-features-page #replay-exclusion-rules-table tbody td, #project-features-page #url-discovery-exclusion-rules-table tbody td {
  vertical-align: middle;
  font-size: 0.9rem;
}

#project-switcher {
  padding-left: 10px;
  cursor: pointer;
  font-size: 1.5rem;
}

#project-reset-button div {
  display: inline;
}

#project-configuration-edit .tab-menu, #vulnerability-technicalcontext .tab-menu, #vulnerability-active-verification .tab-menu {
  padding-left: 10px;
  line-height: 24px;
  padding-top: 10px;
  margin-bottom: 0;
}
#project-configuration-edit .edition-menu, #vulnerability-technicalcontext .edition-menu, #vulnerability-active-verification .edition-menu {
  margin-top: 10px;
}
#project-configuration-edit .tab-menu:after, #vulnerability-technicalcontext .tab-menu:after, #vulnerability-active-verification .tab-menu:after {
  position: absolute;
  content: "";
  width: 100%;
  bottom: 0;
  left: 0;
  border-bottom: 1px solid #AAA;
  z-index: 1;
}
#project-configuration-edit .tab, #vulnerability-technicalcontext .tab, #vulnerability-active-verification .tab {
  cursor: pointer;
  font-size: 13px;
  margin: 0 2px;
  padding: 0 10px;
  border: 1px solid #AAA;
  background: #ECECEC;
  box-shadow: -4px -2px 8px -4px rgba(0, 0, 0, 0.15);
}
#project-configuration-edit .selected-tab, #vulnerability-technicalcontext .selected-tab, #vulnerability-active-verification .selected-tab {
  z-index: 2;
  background: #FFF;
  border-bottom-color: #FFF;
}
#project-configuration-edit .tab-panel, #vulnerability-technicalcontext .tab-panel, #vulnerability-active-verification .tab-panel {
  background: #FFF;
  border-left: 1px solid #AAA;
  border-right: 1px solid #AAA;
  border-bottom: 1px solid #AAA;
  padding: 10px;
}
#project-configuration-edit .tab-panel .columns, #vulnerability-technicalcontext .tab-panel .columns, #vulnerability-active-verification .tab-panel .columns {
  padding: 0;
}
#project-configuration-edit .tab-panel .doc-block, #vulnerability-technicalcontext .tab-panel .doc-block, #vulnerability-active-verification .tab-panel .doc-block {
  font-size: 0.9rem;
}
#project-configuration-edit .sanitizer-line, #vulnerability-technicalcontext .sanitizer-line, #vulnerability-active-verification .sanitizer-line {
  border: 1px solid #b3b2b1;
  padding: 5px;
  margin: 0 0 10px;
}
#project-configuration-edit .sanitizer-line input, #vulnerability-technicalcontext .sanitizer-line input, #vulnerability-active-verification .sanitizer-line input {
  margin: 0;
}
#project-configuration-edit .sanitizer-line .sanitizer-family-label, #vulnerability-technicalcontext .sanitizer-line .sanitizer-family-label, #vulnerability-active-verification .sanitizer-line .sanitizer-family-label {
  font-weight: 300;
  font-size: 13px;
  padding-left: 8px;
}
#project-configuration-edit .sanitizer-line .sanitizer-info, #vulnerability-technicalcontext .sanitizer-line .sanitizer-info, #vulnerability-active-verification .sanitizer-line .sanitizer-info {
  padding-left: 0;
  padding-right: 0;
}
#project-configuration-edit .sanitizer-line .sanitizer-info .button, #vulnerability-technicalcontext .sanitizer-line .sanitizer-info .button, #vulnerability-active-verification .sanitizer-line .sanitizer-info .button {
  margin: 0;
  padding: 0.6em 1em;
}
#project-configuration-edit .sanitizer-line .sanitizer-info .label, #vulnerability-technicalcontext .sanitizer-line .sanitizer-info .label, #vulnerability-active-verification .sanitizer-line .sanitizer-info .label {
  background: #b3b2b1;
  border-radius: 5px;
}
#project-configuration-edit .sanitizer-line .sanitizer-info label, #vulnerability-technicalcontext .sanitizer-line .sanitizer-info label, #vulnerability-active-verification .sanitizer-line .sanitizer-info label {
  margin-bottom: 5px;
}
#project-configuration-edit .sanitizer-line .sanitizer-actions, #vulnerability-technicalcontext .sanitizer-line .sanitizer-actions, #vulnerability-active-verification .sanitizer-line .sanitizer-actions {
  padding-left: 10px;
  padding-right: 0;
}
#project-configuration-edit .sanitizer-line a, #vulnerability-technicalcontext .sanitizer-line a, #vulnerability-active-verification .sanitizer-line a {
  color: white;
}
#project-configuration-edit .sanitizer-line .form-error, #vulnerability-technicalcontext .sanitizer-line .form-error, #vulnerability-active-verification .sanitizer-line .form-error {
  margin-top: 0;
  margin-bottom: 0;
}
#project-configuration-edit .sanitizer-line-error, #vulnerability-technicalcontext .sanitizer-line-error, #vulnerability-active-verification .sanitizer-line-error {
  border: 1px solid #cc4b37;
}

.grouped-project-ct .grouped-project-name {
  font-weight: bold;
}

.sanitizer-type-ct .sanitizer-type-name {
  font-weight: bold;
}
.sanitizer-type-ct .sanitizer-type-checkers {
  font-style: italic;
  font-size: smaller;
}
.sanitizer-type-ct .sanitizer-type-checkers span {
  font-weight: 500;
}

.column-sanitizer-method a {
  display: inline-block;
  max-width: 600px;
  text-overflow: ellipsis;
  overflow: hidden;
}

#project-sensitive-data-page .quick-filters {
  padding-left: 0;
}
#project-sensitive-data-page .quick-filters select {
  display: inline-block;
  width: 120px;
  border: 1px solid #CCCACA;
  padding-top: 5px;
}
#project-sensitive-data-page #project-sensitive-data-table-title {
  margin-bottom: 10px;
  font-size: 0.9rem;
}
#project-sensitive-data-page .sensitive-parameter-matcher {
  border: 1px solid #B3B2B1;
  padding-top: 7px;
  margin-bottom: 5px;
  display: table;
  width: 100%;
}
#project-sensitive-data-page .sensitive-parameter-matcher .sensitive-parameter-matcher-line {
  display: table-row;
  width: 100%;
}
#project-sensitive-data-page .sensitive-parameter-matcher .sensitive-parameter-matcher-line .sensitive-parameter-matcher-form {
  display: table-cell;
  padding-left: 5px;
  vertical-align: top;
}
#project-sensitive-data-page .sensitive-parameter-matcher .sensitive-parameter-matcher-line .sensitive-parameter-matcher-form .sensitive-parameter-matcher-param-line {
  display: table;
  width: 100%;
}
#project-sensitive-data-page .sensitive-parameter-matcher .sensitive-parameter-matcher-line .sensitive-parameter-matcher-form .sensitive-parameter-matcher-param-line .param-type {
  display: table-cell;
  width: 120px;
}
#project-sensitive-data-page .sensitive-parameter-matcher .sensitive-parameter-matcher-line .sensitive-parameter-matcher-form .sensitive-parameter-matcher-param-line .param-type select {
  display: inline-block;
}
#project-sensitive-data-page .sensitive-parameter-matcher .sensitive-parameter-matcher-line .sensitive-parameter-matcher-form .sensitive-parameter-matcher-param-line .param-name {
  padding-left: 10px;
  display: table-cell;
}
#project-sensitive-data-page .sensitive-parameter-matcher .sensitive-parameter-matcher-line .sensitive-parameter-matcher-form .sensitive-parameter-matcher-param-line .param-name textarea {
  resize: vertical;
  min-height: 20px;
}
#project-sensitive-data-page .sensitive-parameter-matcher .sensitive-parameter-matcher-line .sensitive-parameter-matcher-form .sensitive-parameter-matcher-param-line .param-value {
  padding-left: 10px;
  display: table-cell;
}
#project-sensitive-data-page .sensitive-parameter-matcher .sensitive-parameter-matcher-line .sensitive-parameter-matcher-form .sensitive-parameter-matcher-param-line .param-value textarea {
  resize: vertical;
  min-height: 20px;
}
#project-sensitive-data-page .sensitive-parameter-matcher .sensitive-parameter-matcher-line .sensitive-parameter-matcher-form .sensitive-parameter-matcher-url input {
  display: inline-block;
}
#project-sensitive-data-page .sensitive-parameter-matcher .sensitive-parameter-matcher-line .sensitive-parameter-matcher-action {
  display: table-cell;
  width: 70px;
  padding-left: 5px;
}
#project-sensitive-data-page .sensitive-parameter-matcher .sensitive-parameter-matcher-line .sensitive-parameter-matcher-action button {
  margin-top: 25px;
}
#project-sensitive-data-page .matcher-line-error {
  border: 1px solid #cc4b37;
}

.project-template-inheritance-info .button {
  float: right;
  margin-top: -5px;
}

.block-element-metric-green-value svg {
  font-size: 32px;
}
.block-element-metric-green-value .stat-result-message {
  font-size: 18px;
  line-height: 12px;
  color: #90BF3E;
  text-align: left;
}
.block-element-metric-green-value p {
  text-align: left;
}
.block-element-metric-green-value p a {
  text-decoration: underline;
  color: #90BF3E;
  font-size: 12px;
}
.block-element-metric-green-value {
  color: #90BF3E;
}

.block-element-metric-red-value svg {
  font-size: 32px;
}
.block-element-metric-red-value .stat-result-message {
  font-size: 18px;
  line-height: 12px;
  color: #d61425;
  text-align: left;
}
.block-element-metric-red-value p {
  text-align: left;
}
.block-element-metric-red-value p a {
  text-decoration: underline;
  color: #d61425;
  font-size: 12px;
}
.block-element-metric-red-value {
  color: #d61425;
}

.block-element-metric-grey-value {
  opacity: 0.5;
}
.block-element-metric-grey-value svg {
  font-size: 32px;
}
.block-element-metric-grey-value .stat-result-message {
  font-size: 18px;
  line-height: 12px;
  color: #888c91;
  text-align: left;
}
.block-element-metric-grey-value p {
  text-align: left;
}
.block-element-metric-grey-value p a {
  text-decoration: underline;
  color: #888c91;
  font-size: 12px;
}
.block-element-metric-grey-value p span {
  color: #888c91;
  font-size: 12px;
}
.block-element-metric-grey-value {
  color: #888c91;
}

.communication-protocol {
  position: absolute;
  left: 16px;
  top: -2px;
  margin-right: 5px;
  font-size: 9px;
}

.communication-node, .communication-node-label-ct {
  display: inline-block;
  line-height: 20px;
}

#call-detail-dialog .call-detail-dialog-line .communication-node-label-ct {
  width: 30ch;
  overflow: hidden;
  text-overflow: ellipsis;
}

.call-detail-dialog-table tr {
  text-align-last: center;
  height: 5rem;
}
.call-detail-dialog-table tr td {
  vertical-align: middle;
}
.call-detail-dialog-table .communication-node-label-ct {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 15ch;
}
.call-detail-dialog-table .communication-node-description {
  color: #888c91;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 15ch;
}

.communication-node-PROJECT .fa-circle path {
  fill: #105681;
}

.communication-node-DATABASE .fa-circle path {
  fill: #281e1e;
}

.communication-node-BROWSER .fa-circle path {
  fill: #b3b2b1;
}

.communication-node-SERVER .fa-circle path {
  fill: #646e81;
}

.communication-node-QUEUE .fa-circle path {
  fill: #6c6521;
}

#call-detail-dialog p {
  font-size: 0.9rem;
}
#call-detail-dialog .call-detail-dialog-line {
  margin-bottom: 5px;
}
#call-detail-dialog .call-detail-dialog-label {
  display: inline-block;
  width: 150px;
  text-align: right;
  font-weight: 500;
  font-size: 0.9rem;
}
#call-detail-dialog .call-detail-dialog-value {
  display: inline-block;
  font-size: 0.9rem;
}
#call-detail-dialog .call-detail-dialog-table {
  margin-top: 15px;
}
#call-detail-dialog .call-detail-dialog-table .dataflow-browser-icon {
  display: inline-block;
}
#call-detail-dialog .call-detail-dialog-table .call-path {
  display: inline-block;
  border: 1px solid #888c91;
  background-color: #e8e9ec;
  font-family: "Courier New", serif;
  padding-left: 3px;
  padding-right: 3px;
  color: #281e1e;
  font-weight: 400;
  max-width: 220px;
  height: 50px;
  white-space: normal;
  vertical-align: middle;
}

#project-projects-page .column-project-actions {
  text-align: right;
}

#security-token-edit-projects-page .column-project-name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 1px;
}

#search-methods-dialog {
  width: 800px;
}
#search-methods-dialog p {
  font-size: 0.9rem;
}

#search-patterns-results-table .skp-table {
  width: 100%;
}
#search-patterns-results-table .select-method {
  float: right;
}
#search-patterns-results-table .method-name {
  max-width: 500px;
  width: fit-content;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#projecttemplate-configuration-index {
  margin-left: 0;
}
#projecttemplate-configuration-index .render-project-ct {
  display: inline-table;
  table-layout: fixed;
  width: 100%;
}
#projecttemplate-configuration-index .render-project-name {
  display: table-cell;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

#projecttemplate-page {
  margin: 0;
}
#projecttemplate-page .warning {
  margin-top: 5px;
  font-size: 0.9rem;
}

#projecttemplate-creation-form {
  width: 500px;
}

.floating-help {
  position: fixed;
  z-index: 100;
  background: #281e1e;
  opacity: 0.9;
  color: white;
  border: 2px solid #888c91;
  font-size: 0.9rem;
}
.floating-help .floating-help-content {
  padding: 15px;
}
.floating-help .floating-help-footer {
  background: #646E81;
  padding-right: 15px;
  text-align: right;
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: x-small;
}
.floating-help .floating-help-footer a {
  color: white;
}

.floating-help:after, .floating-help:before {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
@media print, screen and (max-width: 63.99875em) {
  .floating-help:after, .floating-help:before {
    left: 55px;
  }
}

.checker-help, .outbound-help {
  top: calc(50% - 80px);
  left: calc(50% - 545px);
  width: 200px;
}
@media print, screen and (max-width: 63.99875em) {
  .checker-help, .outbound-help {
    left: 20px;
  }
}

.checker-help:after, .checker-help:before, .outbound-help:after, .outbound-help:before {
  bottom: 50%;
  left: 100%;
}

.checker-help:after, .outbound-help:after {
  border-color: rgba(136, 183, 213, 0);
  border-left-color: #281e1e;
  border-width: 10px;
  margin-top: -10px;
}

.checker-help:before, .outbound-help:before {
  border-color: rgba(194, 225, 245, 0);
  border-left-color: #888c91;
  border-width: 12px;
  margin-top: -13px;
}

.starter-help {
  top: 145px;
  left: 70px;
  width: 200px;
}
@media print, screen and (max-width: 63.99875em) {
  .starter-help {
    left: 20px;
  }
}

.starter-help:after, .starter-help:before {
  bottom: 50%;
  left: -26px;
}

.starter-help:after {
  border-color: rgba(136, 183, 213, 0);
  border-right-color: #281e1e;
  border-width: 10px;
  margin-top: -6px;
  margin-left: 6px;
}

.starter-help:before {
  border-color: rgba(194, 225, 245, 0);
  border-right-color: #888c91;
  border-width: 13px;
  margin-bottom: -3px;
}

.projectloglevel-help {
  top: 140px;
  left: 50px;
  width: 200px;
}
@media print, screen and (max-width: 63.99875em) {
  .projectloglevel-help {
    left: 20px;
  }
}

.versionpurge-help {
  top: 888px;
  left: 50px;
  width: 200px;
}
@media print, screen and (max-width: 63.99875em) {
  .versionpurge-help {
    left: 20px;
  }
}

.endpointpurge-help {
  top: 233px;
  left: 50px;
  width: 200px;
}
@media print, screen and (max-width: 63.99875em) {
  .endpointpurge-help {
    left: 20px;
  }
}

.serverloglevel-help {
  top: 388px;
  left: 45px;
  width: 200px;
}
@media print, screen and (max-width: 63.99875em) {
  .serverloglevel-help {
    left: 20px;
  }
}

.serverloglevel-help:after, .serverloglevel-help:before, .projectloglevel-help:after, .projectloglevel-help:before, .endpointpurge-help:before, .endpointpurge-help:after, .versionpurge-help:before, .versionpurge-help:after {
  bottom: 50%;
  left: 100%;
}

.serverloglevel-help:after, .projectloglevel-help:after, .endpointpurge-help:after, .versionpurge-help:after {
  border-color: rgba(136, 183, 213, 0);
  border-left-color: #281e1e;
  border-width: 10px;
  margin-top: -10px;
}

.serverloglevel-help:before, .projectloglevel-help:before, .endpointpurge-help:before, .versionpurge-help:before {
  border-color: rgba(194, 225, 245, 0);
  border-left-color: #888c91;
  border-width: 12px;
  margin-top: -13px;
}

#recommendations-page {
  padding-top: 10px;
}
#recommendations-page .white-bg {
  padding: 0;
  background: transparent;
  box-shadow: none;
}

#recommendations-block-list #recommendations-block-list-pagination-info {
  font-size: 0.9rem;
}
#recommendations-block-list .recommendations-block-list-actions {
  margin-bottom: 15px;
}
#recommendations-block-list .recommendations-block-list-actions label {
  display: inline-block;
  float: right;
}
#recommendations-block-list .recommendation-block-listing {
  width: 100%;
  padding: 0;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  margin-bottom: 2rem;
}
#recommendations-block-list .recommendation-block-listing .recommendation-block-listing-body {
  padding: 15px;
  background-color: white;
}
#recommendations-block-list .recommendation-block-listing .recommendation-block-listing-body label {
  font-size: 1.2rem;
  line-height: 1.4;
  margin-bottom: 5px;
}
#recommendations-block-list .recommendation-body, #recommendations-block-list .recommendation-context-main-inner {
  display: table;
  width: 100%;
}
#recommendations-block-list .recommendation-context-main {
  display: table-cell;
  width: 99%;
  padding-right: 20px;
}
#recommendations-block-list .recommendation-context-main .recommendation-context-condition, #recommendations-block-list .recommendation-context-main .recommendation-context-action {
  display: table-cell;
  width: 50%;
}
#recommendations-block-list .recommendation-context-element-label {
  font-size: 10px;
  color: #888c91;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 1;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  letter-spacing: 1px;
}
#recommendations-block-list .recommendation-context-element-value {
  font-size: 0.9rem;
  padding-right: 20px;
}
#recommendations-block-list .recommendation-context-element-value b div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 350px;
}
#recommendations-block-list .recommendation-context-element-small {
  display: table-cell;
  width: 120px;
  padding-right: 40px;
  vertical-align: top;
  padding-left: 20px;
}
#recommendations-block-list .recommendation-context-element-actions {
  display: table-cell;
  width: 250px;
  vertical-align: top;
  padding-top: 15px;
  text-align: right;
  white-space: nowrap;
}
#recommendations-block-list .recommendation-context-element-actions a:first-child {
  margin-right: 10px;
}

.recommendation-status-tag {
  display: inline-block;
  color: white;
  margin-left: 20px;
  border-radius: 6px;
  line-height: 1.2rem;
  font-weight: 500;
  font-size: 0.9rem;
  white-space: nowrap;
  padding: 3px 6px 3px 6px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}

.recommendation-status-tag-DISMISSED {
  background-color: #888c91;
}

.recommendation-status-tag-TODO {
  background-color: #FFB819;
}

.recommendation-status-tag-CLOSED {
  background-color: #888c91;
}

.rating-stars {
  cursor: pointer;
}

#settings-page {
  padding-top: 10px;
}
#settings-page .summary-widget {
  margin-top: 0;
}

#configuration-page {
  position: relative;
  padding-top: 10px;
}
#configuration-page #configuration-menu {
  padding: 0;
}
#configuration-page .settings-list-actions {
  text-align: left;
  font-size: 0.9rem;
  margin-bottom: 20px;
  margin-top: 15px;
  width: 100%;
}
#configuration-page #configuration-content {
  background-color: #e8e9ec;
  padding: 0;
  margin-top: 15px;
}
#configuration-page .configuration-server-tls-cert-info {
  font-size: 0.9rem;
  font-family: "Courier New", serif;
  color: #646E81;
}
#configuration-page div.file-upload {
  margin-top: 10px;
}
#configuration-page div.file-upload span.filename {
  font-size: smaller;
}
#configuration-page div.file-upload .form-error {
  margin-top: 0;
}

.skp-page-buttons {
  margin: 20px 0;
  width: 100%;
  text-align: left;
}

.edit-menu {
  font-size: 1rem;
  margin-bottom: 10px;
}
.edit-menu ul li > a {
  padding: 0 1.5rem 0 0;
}
.edit-menu ul li > a .has-errors {
  color: red;
}
.edit-menu ul .active {
  font-weight: bold;
  background-color: transparent;
}
.edit-menu i {
  font-size: xx-small;
}

.configuration-content {
  padding-bottom: 20px;
}
.configuration-content h4 {
  margin-bottom: 0;
}

.checker-switch {
  margin-bottom: 0;
}

.checker-deactivation-dialog {
  font-size: 0.9rem;
}

.checker-configure-collect-http-response-body-dialog {
  font-size: 0.9rem;
  width: 500px;
}

.checker-configure-no-session-exp-dialog {
  font-size: 0.9rem;
  width: 700px;
}

.checker-configure-click-jack-dialog {
  font-size: 0.9rem;
  width: 700px;
}

.checker-configure-usage-of-restricted-code-dialog {
  font-size: 0.9rem;
  width: 700px;
}
.checker-configure-usage-of-restricted-code-dialog .form-error {
  margin-top: 5px;
}
.checker-configure-usage-of-restricted-code-dialog .checker-configure-usage-of-restricted-code-table {
  overflow: scroll;
  max-height: 350px;
  margin-bottom: 15px;
}
.checker-configure-usage-of-restricted-code-dialog table thead {
  background-color: white;
}
.checker-configure-usage-of-restricted-code-dialog table thead tr {
  background-color: white;
}
.checker-configure-usage-of-restricted-code-dialog table thead th {
  background-color: white;
  font-weight: 300;
  border-bottom: 1px solid rgb(179, 178, 177);
  font-size: 0.9rem;
}
.checker-configure-usage-of-restricted-code-dialog table thead th::before {
  display: none;
}
.checker-configure-usage-of-restricted-code-dialog table td {
  vertical-align: top;
}
.checker-configure-usage-of-restricted-code-dialog table input {
  margin-bottom: 0;
}

.checker-configure-aggregation-dialog {
  font-size: 0.9rem;
  width: 600px;
}
.checker-configure-aggregation-dialog b div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 600px;
}
.checker-configure-aggregation-dialog label {
  margin-bottom: 0.64rem;
}
.checker-configure-aggregation-dialog .form-error {
  margin-top: 5px;
}

.bold-project-name {
  white-space: break-spaces;
  text-overflow: ellipsis;
  max-width: 650px;
  overflow-wrap: anywhere;
}

.checker-configure-severity-dialog {
  font-size: 0.9rem;
}

.edition-menu {
  margin-bottom: 15px;
}

.notificationrule-switch {
  margin-bottom: 0;
}

#notificationrule-edit-page .suggest-container {
  margin-bottom: 10px;
}
#notificationrule-edit-page .quick-filters .menu-filter {
  font-size: 0.9rem;
}
#notificationrule-edit-page .quick-filters li .form-error {
  position: relative;
}
#notificationrule-edit-page .notificationrule-switch {
  margin-bottom: 15px;
}
#notificationrule-edit-page fieldset {
  margin-bottom: 15px;
}
#notificationrule-edit-page .warning {
  font-size: 0.9rem;
}
#notificationrule-edit-page .filters-overview {
  font-size: 0.9rem;
}

.change-password-field a {
  margin-bottom: 0.85rem;
}

#ldap-test-dialog {
  width: 500px;
}

#ldap-test-dialog-results, #bd-test-dialog-results {
  width: 500px;
}
#ldap-test-dialog-results .ldap-test-dialog-results-groups, #bd-test-dialog-results .ldap-test-dialog-results-groups {
  margin-left: 26px;
  font-size: smaller;
  font-family: "Courier New", serif;
}
#ldap-test-dialog-results .ldap-test-dialog-results, #bd-test-dialog-results .ldap-test-dialog-results {
  font-family: "Courier New", serif;
}

#ldap-adv-settings {
  margin-top: 10px;
  margin-bottom: 10px;
}
#ldap-adv-settings .seeker-toggler-title {
  margin-top: 10px;
  display: block;
}
#ldap-adv-settings .seeker-toggler-content {
  padding-top: 7px;
  padding-bottom: 7px;
}

#test-full-ldap {
  margin-bottom: 5px;
}

#sig-community-set-credentials {
  width: 530px;
  font-size: 0.9rem;
}

#protecode-change-password, #smtp-change-password, #ldap-change-password, #elearning-change-password, #bd-change-password {
  width: 350px;
  font-size: 0.9rem;
}
#protecode-change-password .protecode-auth-type, #smtp-change-password .protecode-auth-type, #ldap-change-password .protecode-auth-type, #elearning-change-password .protecode-auth-type, #bd-change-password .protecode-auth-type {
  margin-bottom: 9px;
}
#protecode-change-password hr, #smtp-change-password hr, #ldap-change-password hr, #elearning-change-password hr, #bd-change-password hr {
  margin-top: 25px;
  margin-bottom: 15px;
}

#change-psc-credentials a, #change-elearning-credentials a, #edit-sig-community-credentials a, #change-bd-access-token a {
  display: block;
  width: 165px;
  margin-top: 5px;
}

#test-sca-connection-button {
  display: block;
}

#test-bd-connection-button {
  display: inline;
}

#test-sca-connection-button, #test-ldap-connection-button, #elearning-connection-button, #smtp-connection-button, #code-warrior-connection-button {
  margin-top: 15px;
}

#sca-configuration .seeker-toggler-title, #codewarrior-configuration .seeker-toggler-title, #elearning-configuration .seeker-toggler-title {
  font-size: 0.9rem;
}
#sca-configuration .seeker-toggler-content, #codewarrior-configuration .seeker-toggler-content, #elearning-configuration .seeker-toggler-content {
  padding-left: 10px;
}
#sca-configuration .seeker-toggler-content #edit-sca-credentials-button, #codewarrior-configuration .seeker-toggler-content #edit-sca-credentials-button, #elearning-configuration .seeker-toggler-content #edit-sca-credentials-button {
  margin-bottom: 0;
}
#sca-configuration hr, #codewarrior-configuration hr, #elearning-configuration hr {
  margin-top: 20px;
  margin-bottom: 20px;
}
#sca-configuration h6 .connected, #codewarrior-configuration h6 .connected, #elearning-configuration h6 .connected {
  color: #90BF3E;
  font-size: smaller;
}
#sca-configuration h6 .notconnected, #codewarrior-configuration h6 .notconnected, #elearning-configuration h6 .notconnected {
  color: #d61425;
  font-size: smaller;
}
#sca-configuration h6 .connecting, #codewarrior-configuration h6 .connecting, #elearning-configuration h6 .connecting {
  color: #f1901d;
  font-size: smaller;
}
#sca-configuration #edit-sig-community-credentials-button, #codewarrior-configuration #edit-sig-community-credentials-button, #elearning-configuration #edit-sig-community-credentials-button {
  margin-top: 15px;
}

#bd-configuration .seeker-toggler-title, #smtp-configuration .seeker-toggler-title {
  font-size: 0.9rem;
}
#bd-configuration .seeker-toggler-content, #smtp-configuration .seeker-toggler-content {
  padding-left: 10px;
}
#bd-configuration .seeker-toggler-content #edit-bd-access-token-button, #smtp-configuration .seeker-toggler-content #edit-bd-access-token-button {
  margin-bottom: 0;
}
#bd-configuration hr, #smtp-configuration hr {
  margin-top: 20px;
  margin-bottom: 20px;
}
#bd-configuration h6 .connected, #smtp-configuration h6 .connected {
  color: #90BF3E;
  font-size: smaller;
}
#bd-configuration h6 .notconnected, #smtp-configuration h6 .notconnected {
  color: #d61425;
  font-size: smaller;
}
#bd-configuration h6 .connecting, #smtp-configuration h6 .connecting {
  color: #f1901d;
  font-size: smaller;
}

#backup-fieldset p {
  font-size: 0.9rem;
}

#backup-now-button {
  margin-left: 10px;
}

#test-backup {
  margin-top: 25px;
}

#emaildigest-fieldset p {
  font-size: 0.9rem;
}
#emaildigest-fieldset label {
  margin-top: 9px;
}
#emaildigest-fieldset #emaildigest-periodicity .ember-power-select-trigger {
  margin-bottom: 0;
}
#emaildigest-fieldset .warning {
  margin-top: 5px;
  font-size: 0.9rem;
}

.column-customtag-name {
  font-size: 0.9rem;
  padding-top: 7px;
  word-break: break-all;
}

#customtag-configuration-list, #customreport-configuration-list, #compliancepolicy-configuration-list, #cfguseremails-configuration-list {
  margin-left: 0;
}
#customtag-configuration-list table, #customreport-configuration-list table, #compliancepolicy-configuration-list table, #cfguseremails-configuration-list table {
  width: 100%;
}
#customtag-configuration-list table .disabled, #customreport-configuration-list table .disabled, #compliancepolicy-configuration-list table .disabled, #cfguseremails-configuration-list table .disabled {
  color: #b3b2b1;
}
#customtag-configuration-list table .column-customtag-name, #customreport-configuration-list table .column-customtag-name, #compliancepolicy-configuration-list table .column-customtag-name, #cfguseremails-configuration-list table .column-customtag-name {
  font-size: 0.9rem;
  padding-top: 7px;
  word-break: break-all;
}
#customtag-configuration-list table .column-customtag-actions, #customtag-configuration-list table .column-cfguseremail-actions, #customreport-configuration-list table .column-customtag-actions, #customreport-configuration-list table .column-cfguseremail-actions, #compliancepolicy-configuration-list table .column-customtag-actions, #compliancepolicy-configuration-list table .column-cfguseremail-actions, #cfguseremails-configuration-list table .column-customtag-actions, #cfguseremails-configuration-list table .column-cfguseremail-actions {
  text-align: right;
}

#public-idp-cert {
  resize: vertical;
}

.copy-value {
  display: inline-block;
  width: 470px;
}
.copy-value button {
  height: 35px;
}

.ldap-other-options hr, .saml-other-options hr {
  margin-bottom: 15px;
}
.ldap-other-options fieldset, .saml-other-options fieldset {
  margin-bottom: 20px;
}
.ldap-other-options fieldset p, .saml-other-options fieldset p {
  padding-bottom: 10px;
}

#external-bugtracker-integration .blank-state {
  margin-top: 0 !important;
}
#external-bugtracker-integration .label-description {
  margin-bottom: 5px;
}
#external-bugtracker-integration .env-row {
  display: flex;
}
#external-bugtracker-integration .env-row .col-key {
  display: inline-flex;
}
#external-bugtracker-integration .env-row .col-val {
  display: inline-flex;
}
#external-bugtracker-integration .env-row .input-group-field {
  border-right-width: 1px;
}

#replayexclusion-creation-form, #url-discovery-exclusion-rules-creation-form, #url-discovery-exclusion-rules-creation-dialog {
  width: 600px;
}
#replayexclusion-creation-form p, #url-discovery-exclusion-rules-creation-form p, #url-discovery-exclusion-rules-creation-dialog p {
  font-size: 0.9rem;
}

#integrations-page {
  margin-bottom: 30px;
}
#integrations-page .section-header:first-child {
  margin-top: 0;
}
#integrations-page .section-header {
  margin-top: 20px;
}
#integrations-page .switch {
  margin-top: 5px;
  margin-left: 2px;
}
#integrations-page .switch-readonly .switch-paddle::after {
  display: none;
}
#integrations-page .switch-readonly .switch-active {
  margin-left: 9px;
}
#integrations-page .form-group label {
  margin-bottom: 3px;
}
#integrations-page .label-suboptions {
  margin-top: 10px;
  margin-bottom: 0;
}
#integrations-page .label-suboptions .label-description {
  margin-bottom: 0;
}
#integrations-page .warning {
  margin-top: 5px;
  font-size: 0.9rem;
}
#integrations-page .back-to-integration {
  font-size: 0.9rem;
  margin-bottom: 10px;
}
#integrations-page .integration-title {
  margin-bottom: 8px;
}
#integrations-page .configure-integration {
  margin-top: 10px;
}
#integrations-page .configure-integration a {
  margin-right: 10px;
}
#integrations-page .integration-title .connected {
  color: #90BF3E;
  font-size: smaller;
  margin-left: 20px;
}
#integrations-page .integration-title .notconnected {
  color: #d61425;
  font-size: smaller;
  margin-left: 20px;
}
#integrations-page .integration-title .connecting {
  color: #f1901d;
  font-size: smaller;
  margin-left: 20px;
}
#integrations-page .integration-title .connected-service-version {
  font-size: smaller;
}

#user-settings-notification-configuration .form-description {
  margin-top: 10px;
  margin-bottom: 15px;
}

#avatar-table {
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 10px;
}
#avatar-table #avatar-preview {
  width: 140px;
}
#avatar-table #avatar-edit {
  position: relative;
}
#avatar-table #avatar-edit > div {
  position: absolute;
  top: 0;
}

.checker-aggregation-dialog .title {
  max-width: 600px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.scope-actions .separator {
  margin: 0 0.5rem;
}

#summary-metrics {
  margin-bottom: 2rem;
  background: white;
}
#summary-metrics .stats {
  margin-top: 0.7rem;
  margin-bottom: 0.7rem;
  position: relative;
}
#summary-metrics .stats .project-score {
  display: inline-block;
}
#summary-metrics .stats .stat-title {
  padding-top: 8px;
  padding-bottom: 3px;
}
#summary-metrics .stats .stat-title .stat {
  font-size: 2rem;
  font-weight: 600;
}
#summary-metrics .stats .stat-title .stat a i {
  font-size: 0.9rem;
  color: #FFB819;
}
#summary-metrics .stats .stat-title .stat a {
  color: inherit;
}
#summary-metrics .stats .stat-title .success {
  color: #9c3;
}
#summary-metrics .stats .stat-label {
  color: #888c91;
  font-size: 0.75rem;
}

.stats .grey {
  color: #888c91;
}

.stat-mask {
  opacity: 0.075;
}

.disabled-stat {
  font-size: 0.8rem;
  padding-top: 20px;
  position: absolute;
  z-index: 8;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}

#summary-evolution .widget, .summary-widgets .widget {
  padding: 15px !important;
}

.summary-widgets {
  display: flex;
  width: 100%;
}
.summary-widgets .summary-widget-ct {
  display: table-cell;
  width: 50%;
}
.summary-widgets .summary-widget-ct:last-child {
  padding-left: 15px;
}

.stats-widget .stat.normal {
  color: #105681;
}

/* app-bar */
.app-bar {
  background-color: #2e3b4e;
  color: #fff;
  display: flex;
  flex-direction: column;
  font-size: 1rem;
  font-weight: 500;
  height: 100%;
  position: relative;
  width: 13.5714285714rem;
  z-index: 2;
}
.app-bar .nested {
  padding-left: 1rem;
}
@media print, screen and (max-width: 63.99875em) {
  .app-bar {
    transition: width 0.2s ease;
    width: 3.5714285714rem;
  }
  .app-bar .app-bar-exit-link-hint {
    display: none !important;
  }
  .app-bar .nested {
    padding-left: 0;
  }
  .app-bar .section-title {
    display: none;
  }
  .app-bar.open {
    left: 0;
  }
}
.app-bar a {
  color: #fff;
}
.app-bar .app-bar-nav-wrapper {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: space-between;
}
.app-bar .app-bar-nav-wrapper .app-bar-secondary {
  border-bottom: 1px solid #646e81;
  border-top: 1px solid #646e81;
  font-size: 0.8571428571rem;
}
.app-bar .app-bar-select {
  background-color: #646e81;
  bottom: 0;
  box-shadow: -4px 0 6px 0 rgba(0, 0, 0, 0.15);
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 0.7142857143rem;
  z-index: 1;
}
.app-bar .brand-bang {
  background: linear-gradient(to bottom, #2e3b4e 75%, rgb(38.4322580645, 49.2935483871, 65.1677419355) 100%);
  height: 3.7142857143rem;
  padding: 0 0.3571428571rem 0 0;
}
.app-bar .brand-bang:hover {
  background: linear-gradient(to top, rgb(38.4322580645, 49.2935483871, 65.1677419355) 25%, #2e3b4e 100%);
  border-bottom: 1px solid rgb(38.4322580645, 49.2935483871, 65.1677419355);
}
.app-bar .brand-bang:hover .user-menu-username {
  text-decoration: underline;
}
.app-bar .app-bar-item-label {
  margin-left: 2px;
}
.app-bar ul {
  list-style: none;
  margin-left: 0;
  width: 100%;
}
.app-bar ul li .app-bar-exit-link-hint {
  display: none;
  margin-left: 0.7142857143rem;
  vertical-align: middle;
}
.app-bar ul li a {
  align-items: center;
  color: #fff;
  display: flex;
  padding: 0.9285714286rem 0 0.9285714286rem 0.6428571429rem;
  width: 100%;
}
.app-bar ul li a.active {
  background-color: #646e81;
  color: #fff;
  font-weight: 600;
  position: relative;
  z-index: 1;
}
.app-bar ul li a.active.brand-bang {
  background: linear-gradient(to bottom, #646e81, #646e81 100%);
}
.app-bar ul li a:hover {
  cursor: pointer;
}
.app-bar ul li a:hover .app-bar-exit-link-hint {
  display: inherit;
}
.app-bar ul li a:hover .app-bar-item-label {
  text-decoration: underline;
}
.app-bar .logo-caption {
  font-size: 0.6428571429rem;
  margin: 0.3rem 0;
}

@media print, screen and (max-width: 63.99875em) {
  .app-bar-bottom-wrapper {
    padding-right: 0.7142857143rem;
    padding-top: 0.8571428571rem;
  }
}
.app-bar-bottom-wrapper .app-bar-bottom {
  color: #fff;
  height: 5rem;
  padding: 0.65rem 0.71429rem 0.5rem 0.5rem;
}
@media print, screen and (max-width: 63.99875em) {
  .app-bar-bottom-wrapper .app-bar-bottom {
    height: 3.2142857143rem;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    width: 13px;
  }
  .app-bar-bottom-wrapper .app-bar-bottom .logo-image {
    max-width: inherit;
  }
}

.page-nav-links {
  border-top: 1px dotted rgba(255, 255, 255, 0.3);
  max-height: 19rem;
  overflow-y: auto;
}
.page-nav-links li a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 95%;
}

.app-bar-icon {
  font-size: 1rem;
  margin-right: 2px;
}

/* app-header */
.app-header {
  height: 100px;
  left: 0;
  overflow: hidden;
  position: relative;
  width: 100%;
  z-index: 1;
}
.app-header .logo {
  transform: translateY(20%);
  width: 21.4285714286rem;
}
@media print, screen and (min-width: 40em) {
  .app-header .logo {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
}
.app-header .menu-text {
  padding: 0;
}
.app-header h5 {
  line-height: 3.5714285714rem;
  margin: 0 1rem;
}
.app-header .menu {
  margin-top: 0.7857142857rem;
}
@media print, screen and (min-width: 40em) {
  .app-header .menu {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
}
.app-header ul {
  list-style: none;
  margin: 0;
}
.app-header ul li {
  float: left;
}
.app-header ul li:first-child a {
  padding-left: 0;
}
.app-header ul li a {
  font-size: 0.9285714286rem;
  text-transform: uppercase;
}

/* app-icon-bar */
.app-icon-bar {
  background-color: #105681;
  color: #fff;
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
  z-index: 3;
}
.app-icon-bar a {
  border: 2px solid rgba(255, 255, 255, 0);
  border-radius: 0.5714285714rem;
  padding: 0.5714285714rem;
}
.app-icon-bar a:hover {
  border-color: #fff;
}
.app-icon-bar a.active {
  background-color: #281e1e;
}
.app-icon-bar a .app-bar-icon {
  color: #fff;
  font-size: 1.4285714286rem;
}

/* async-button */
.button {
  position: relative;
}

.button-busy-indicator {
  background-color: inherit;
  bottom: 0;
  left: 0;
  line-height: 1;
  padding: 0.5rem 1rem;
  position: absolute;
  right: 0;
  top: 0;
}

.clear > .button-busy-indicator {
  padding: 0;
}

.hidden {
  visibility: hidden;
}

/* blank-state */
.blank-state {
  background: repeating-linear-gradient(45deg, #fff, #fff 10px, #f7f7fa 10px, #f7f7fa 20px);
  border: 1px solid #f0f0f4;
  font-size: 0.875rem;
  padding: 0.9375rem;
  width: 100%;
}
.blank-state h5 {
  font-weight: 700;
}
.blank-state p:last-child {
  margin-bottom: 0;
}

/* block listing */
.block-listing .branch-selector {
  font-weight: bold;
}
.block-listing.first-block-list {
  margin-top: 1rem;
}
.block-listing .block-listing-header {
  background: rgb(251.2, 251.2, 252.2);
  border: 1px solid #ececf1;
  color: #105681;
  font-weight: 400;
  line-height: 1.8;
}
.block-listing .block-listing-header .icon-btn {
  color: #105681;
  padding: 0;
}
.block-listing .block-listing-header .icon-btn:hover {
  color: #105681;
}
.block-listing .block-title-label {
  display: inline;
  font-size: 1rem;
  margin: 0;
}
.block-listing .block-title-label.overflow-ellipsis {
  display: inline-block;
  max-width: 70%;
  vertical-align: top;
}
.block-listing .block-listing-footer {
  border-top: 1px solid #ececf1;
}
.block-listing .block-listing-footer div:first-of-type {
  font-weight: 400;
}

.projects-list {
  list-style: none;
}

.project-list-item {
  position: relative;
}
.project-list-item .edit-btn {
  color: #105681;
  cursor: pointer;
  margin-top: 6px;
}
.project-list-item .edit-btn:hover {
  color: #105681;
}
.project-list-item .chart-text-wrapper {
  flex-wrap: nowrap;
}
.project-list-item .chart-text-wrapper .chart-text {
  flex-shrink: 1;
}
.project-list-item .chart-text-wrapper .stat-result-message {
  color: #281e1e;
  font-weight: bold;
}
.project-list-item .chart-text-wrapper .stat-result-message.result-icon {
  color: #4886b3;
}
.project-list-item .chart-text-wrapper .stat-result-message.result-icon.success {
  color: #3b7d3c;
}

.block-field-title {
  color: #105681;
  font-size: 0.7142857143rem;
  font-weight: 400;
}
.block-field-title.bold-title {
  display: inline-block;
  font-size: 0.8571428571rem;
  font-weight: 500;
}

.block-field-value {
  color: #281e1e;
  display: inline-block;
  font-size: 1rem;
  font-weight: 400;
  max-width: 100%;
}
.block-field-value.inline-value {
  display: inline;
  font-size: 0.8571428571rem;
}

.secondary-label {
  font-size: 0.7142857143rem;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.secondary-label.background {
  background-color: #fff;
  font-size: 1rem;
  position: relative;
  z-index: 1;
}
.secondary-label.background::before {
  border-right: 2px solid #ececf1;
  bottom: 0;
  content: "";
  height: 200%;
  margin: 0 auto;
  position: absolute;
  right: 50%;
  top: -50%;
  width: 100%;
  z-index: -1;
}

.simple-list {
  border-bottom: 1px solid #cccaca;
}
.simple-list:last-child {
  border-bottom: transparent;
}

/* block listing */
.block-listing .branch-selector {
  font-weight: bold;
}
.block-listing.first-block-list {
  margin-top: 1rem;
}
.block-listing .block-listing-header {
  background: rgb(251.2, 251.2, 252.2);
  border: 1px solid #ececf1;
  color: #105681;
  font-weight: 400;
  line-height: 1.8;
}
.block-listing .block-listing-header .icon-btn {
  color: #105681;
  padding: 0;
}
.block-listing .block-listing-header .icon-btn:hover {
  color: #105681;
}
.block-listing .block-title-label {
  display: inline;
  font-size: 1rem;
  margin: 0;
}
.block-listing .block-title-label.overflow-ellipsis {
  display: inline-block;
  max-width: 70%;
  vertical-align: top;
}
.block-listing .block-listing-footer {
  border-top: 1px solid #ececf1;
}
.block-listing .block-listing-footer div:first-of-type {
  font-weight: 400;
}

.projects-list {
  list-style: none;
}

.project-list-item {
  position: relative;
}
.project-list-item .edit-btn {
  color: #105681;
  cursor: pointer;
  margin-top: 6px;
}
.project-list-item .edit-btn:hover {
  color: #105681;
}
.project-list-item .chart-text-wrapper {
  flex-wrap: nowrap;
}
.project-list-item .chart-text-wrapper .chart-text {
  flex-shrink: 1;
}
.project-list-item .chart-text-wrapper .stat-result-message {
  color: #281e1e;
  font-weight: bold;
}
.project-list-item .chart-text-wrapper .stat-result-message.result-icon {
  color: #4886b3;
}
.project-list-item .chart-text-wrapper .stat-result-message.result-icon.success {
  color: #3b7d3c;
}

.block-field-title {
  color: #105681;
  font-size: 0.7142857143rem;
  font-weight: 400;
}
.block-field-title.bold-title {
  display: inline-block;
  font-size: 0.8571428571rem;
  font-weight: 500;
}

.block-field-value {
  color: #281e1e;
  display: inline-block;
  font-size: 1rem;
  font-weight: 400;
  max-width: 100%;
}
.block-field-value.inline-value {
  display: inline;
  font-size: 0.8571428571rem;
}

.secondary-label {
  font-size: 0.7142857143rem;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.secondary-label.background {
  background-color: #fff;
  font-size: 1rem;
  position: relative;
  z-index: 1;
}
.secondary-label.background::before {
  border-right: 2px solid #ececf1;
  bottom: 0;
  content: "";
  height: 200%;
  margin: 0 auto;
  position: absolute;
  right: 50%;
  top: -50%;
  width: 100%;
  z-index: -1;
}

.simple-list {
  border-bottom: 1px solid #cccaca;
}
.simple-list:last-child {
  border-bottom: transparent;
}

/* callout */
.callout.neutral {
  background-color: #ebe3f1;
  border: 1px solid #888c91;
  font-size: 1rem;
  font-weight: normal;
}
.callout.inline {
  background-color: inherit;
  border: 0;
  display: inline-block;
  margin: -0.3214285714rem 0 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}
.callout.inline.primary {
  color: #105681;
}
.callout.inline.secondary {
  color: #646E81;
}
.callout.inline.success {
  color: #237B46;
}
.callout.inline.warning {
  color: #FFB819;
}
.callout.inline.alert {
  color: #d61425;
}

/* fly-in */
.fly-in {
  background-color: #fff;
  border-top: 4px solid #9A73B3;
  padding: 1rem;
  padding-bottom: 5rem;
  z-index: 2;
}
.fly-in:not(.is-open) {
  box-shadow: none;
}

/* footer-buttons */
.footer-buttons {
  background-color: #ececf1;
  overflow: hidden;
  padding: 1rem;
  width: 100%;
}
.footer-buttons button + button {
  margin-left: 8px;
}

/* form */
form[role=search] .search-field-container {
  max-width: initial;
}
form .form-width-break-out {
  max-width: none;
}
form.padded {
  padding: 1rem;
}
form fieldset.bordered {
  border-color: #cccaca;
  border-style: solid;
  border-width: 2px 1px;
  margin: 2.7rem 0 0.85714rem;
  padding: 5px 15px;
  position: relative;
}
form fieldset.bordered legend {
  left: 0;
  position: absolute;
  top: -1.8rem;
}
form .form-title {
  font-size: 1.4285714286rem;
}
form .form-section-header {
  font-size: 1.2857142857rem;
}
form .form-control-text {
  margin: 0;
}
form .form-section-divider {
  border: 2px solid #105681;
  margin: 0.7rem 0;
  width: 100%;
}
form .form-group {
  margin: 0 0 1rem;
}
form .form-group input,
form .form-group textarea,
form .form-group select,
form .form-group p {
  margin: 0;
}
form .form-button-group button + button {
  margin-left: 8px;
}
form .is-invalid:focus-within [role=dialog],
form .is-invalid:focus-within [role=alertdialog] {
  display: none;
}
form .is-invalid input:not(:focus),
form .is-invalid textarea:not(:focus),
form .is-invalid select:not(:focus) {
  border: 1px solid #d61425;
}
form .is-invalid .help-block {
  background-color: rgb(250.2820512821, 204.5179487179, 208.5282051282);
  color: #281e1e;
  display: block;
  padding: 10px;
}
form [role=dialog],
form [role=alertdialog] {
  background: inherit;
  border: 0;
  color: inherit;
  height: auto;
  left: auto;
  padding: 0;
  position: static;
  right: auto;
  width: auto;
}
form .is-valid input:focus,
form .is-valid textarea:focus,
form .is-valid select:focus {
  border: 1px solid #9c3;
}

form .validation-message {
  border: none;
  display: none;
}
form label .validation-message:last-child {
  margin-bottom: 0.7142857143rem;
}
form [data-state=dirty]:invalid {
  border-color: #d61425;
  margin-bottom: 0;
}
form [data-state=dirty]:invalid + .validation-message {
  background-color: #fad9dc;
  border-color: #d61425;
  color: #281e1e;
  display: block;
}

.input-group input {
  height: 100%;
  padding: 0.6rem 0.5rem;
}

/* grid-frame-utils */
.grid-frame-root {
  height: 100vh;
}

.full-height {
  height: 100%;
}

/* header-controls */
.header-controls {
  background-color: #2e3b4e;
}
.header-controls .logo {
  background: linear-gradient(130deg, #9A73B3 40%, #105681 120%);
  clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
  display: flex;
}
.header-controls .logo img {
  height: 25px;
  margin: auto;
}
.header-controls .nav-item {
  border-left: 1px solid #105681;
  display: flex;
  height: 100%;
}
.header-controls .nav-item > * {
  margin: auto;
}
.header-controls .nav-item a {
  color: #fff;
  font-size: 1.1428571429rem;
}
.header-controls .nav-item a:hover {
  color: #105681;
}
.header-controls .username-dropdown {
  color: #fff;
  cursor: pointer;
}
.header-controls .username-dropdown:hover {
  text-decoration: underline;
}

/* loading page */
.loading-page.height-initial {
  height: initial;
}
.loading-page .loading-box {
  background: initial;
  border: 0.0714285714rem solid #cccaca;
  border-radius: 0.5714285714rem;
  max-width: 13rem;
  text-align: center;
}

/* modal-widget */
.ember-modal-dialog {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  min-width: 23rem;
  padding: 10px;
}

.ember-modal-dialog {
  position: fixed;
  z-index: 51;
}
.ember-modal-dialog.emd-in-place {
  position: static;
}

.ember-modal-wrapper.emd-static.emd-wrapper-target-attachment-center .ember-modal-dialog {
  border: 2px solid #9A73B3;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.ember-modal-wrapper.emd-animatable.emd-wrapper-target-attachment-center {
  align-items: center;
  display: flex;
  height: 100vh;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 50;
}
.ember-modal-wrapper.emd-animatable.emd-wrapper-target-attachment-center .ember-modal-overlay {
  align-items: center;
  display: flex;
  justify-content: center;
}
.ember-modal-wrapper.emd-animatable .ember-modal-dialog {
  position: relative;
}

.ember-modal-overlay {
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 50;
}

.modal-widget {
  border-radius: 0 !important;
  padding: 0 !important;
}
.modal-widget .modal-section {
  padding: 0.5rem;
}
.modal-widget .modal-header {
  border-bottom: 1px solid #105681;
  font-weight: 500;
  margin: 0 1.5rem;
  padding: 1rem 0;
}
.modal-widget .modal-content {
  max-height: 40rem;
  overflow: hidden;
  overflow-y: auto;
  padding: 1.5rem;
}

/* pop-out */
.pop-out {
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
}
.pop-out.widget {
  background: #fff;
}

/* section-header-navigation */
.section-heading-navigation {
  background-color: #281e1e;
}
.section-heading-navigation .breadcrumb * {
  color: #fff;
}
.section-heading-navigation .breadcrumb .breadcrumb-title {
  display: inline-block;
  vertical-align: middle;
}
.section-heading-navigation .breadcrumb:not(:last-child) .section-heading-nav-link:hover {
  text-decoration: none;
}
.section-heading-navigation .breadcrumb:not(:last-child)::after {
  color: #fff;
  content: ".";
  font-size: 1.6rem;
  font-weight: 900;
  margin: 0;
  text-decoration: none;
  vertical-align: top;
}
.section-heading-navigation .breadcrumb:not(:last-child):not(:first-child) .breadcrumb-title {
  text-decoration: underline 0.1428571429rem;
}
.section-heading-navigation .breadcrumb:last-child .breadcrumb-title {
  font-weight: 600;
}
.section-heading-navigation .breadcrumb svg {
  background-color: #105681;
  border-radius: 0.5714285714rem;
  box-sizing: border-box;
  font-size: 2.7142857143rem;
  padding: 0.5714285714rem;
  text-decoration: none;
  vertical-align: middle;
  width: 3.2142857143rem;
}

/* stats-widget */
.stats-widget {
  margin: 0;
}
.stats-widget.blank .stat-title {
  color: #105681;
}
.stats-widget .stats {
  margin-bottom: 1.5rem;
}
.stats-widget .stat-total {
  display: inline-block;
  font-size: 1rem;
  color: #888c91;
}
.stats-widget .stat-title-small {
  font-size: 14px;
  font-weight: bold;
}
.stats-widget .stat-number {
  font-size: 3rem;
}
.stats-widget .stat-trend {
  display: inline-block;
  background-color: #c0e0c1;
  padding: 5px;
  font-size: 1rem;
}
.stats-widget .stat-trend svg {
  vertical-align: middle;
}
.stats-widget .stat {
  font-size: 1.5rem;
  font-weight: 400;
}
.stats-widget.active:hover {
  cursor: pointer;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}
.stats-widget .stat-label {
  color: #646E81;
  font-size: 12px;
  font-weight: 400;
  line-height: 1rem;
}
.stats-widget .success {
  color: #237B46;
}
.stats-widget .failure {
  color: #d61425;
}
.stats-widget .warning {
  color: #FFB819;
}

.stats-group {
  margin-bottom: 0.5rem;
}
.stats-group.cell:not(:last-child) .stats-widget {
  border-right: 1px solid #ececf1;
}

/* summary-widget */
.summary-widget {
  position: relative;
}
.summary-widget .summary-sub-title {
  font-weight: 500;
}
.summary-widget .summary {
  margin-bottom: 1rem;
  padding: 1rem;
  position: relative;
}
.summary-widget .summary .yield-content {
  margin-bottom: 2.5rem;
  max-height: 37rem;
  overflow: hidden;
}
.summary-widget .summary.uniform-height {
  min-height: 30rem;
}
.summary-widget .summary .summary-sub-title,
.summary-widget .summary .summary-description {
  margin-top: 1rem;
  padding: 0 1rem;
}
.summary-widget .summary .summary-footer {
  background: #ececf1;
  bottom: 0.8rem;
  color: #105681;
  left: 20px;
  padding: 0.5rem;
  position: absolute;
  right: 20px;
}
.summary-widget .summary .summary-footer-items {
  margin-bottom: 0;
}
.summary-widget .summary .summary-footer-items li {
  display: inline-block;
}
.summary-widget .summary .summary-footer-items li::after {
  content: " | ";
  padding: 0 0.25rem;
}
.summary-widget .summary .summary-footer-items li:last-child::after {
  content: "";
  padding: 0;
}

/* typography-headers */
h2,
.headline {
  color: #9A73B3;
  font-size: 1.8571428571rem;
  font-weight: 300;
}
@media print, screen and (max-width: 39.99875em) {
  h2,
  .headline {
    font-size: 2.1428571429rem;
  }
}
h2.with-supplemental,
.headline.with-supplemental {
  margin-bottom: 0;
}

h3,
.title {
  color: #281e1e;
  font-size: 1.2857142857rem;
  font-weight: 500;
}
@media print, screen and (max-width: 39.99875em) {
  h3,
  .title {
    font-size: 1.5rem;
  }
}

h4,
.header {
  color: #9A73B3;
  font-size: 1.1428571429rem;
  font-weight: 500;
}
@media print, screen and (max-width: 39.99875em) {
  h4,
  .header {
    font-size: 1.2857142857rem;
  }
}

h5,
.subheader {
  color: #281e1e;
  font-size: 1rem;
  font-weight: bold;
}
@media print, screen and (max-width: 39.99875em) {
  h5,
  .subheader {
    font-size: 1.1428571429rem;
  }
}

h6,
.minorheader {
  color: #646E81;
  font-size: 1rem;
  font-weight: 500;
}
@media print, screen and (max-width: 39.99875em) {
  h6,
  .minorheader {
    font-size: 1.1428571429rem;
  }
}

p,
.base {
  color: #281e1e;
}
@media print, screen and (max-width: 39.99875em) {
  p,
  .base {
    font-size: 1.1428571429rem;
  }
}

em,
.caption {
  color: #105681;
  font-size: 0.8571428571rem;
  font-style: italic;
  font-weight: normal;
}
@media print, screen and (max-width: 39.99875em) {
  em,
  .caption {
    font-size: 1rem;
  }
}

small,
.small {
  font-size: 0.8571428571rem;
  font-weight: normal;
}
@media print, screen and (max-width: 39.99875em) {
  small,
  .small {
    font-size: 1rem;
  }
}

.supplemental {
  color: #888c91;
}

.headline-color {
  color: #9A73B3;
}

.minorheader-color {
  color: #105681;
}

/* typography-helpers */
.disabled-text {
  color: #cccaca;
}

.overflow-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ellide-left {
  direction: rtl;
  text-align: left;
}

h2.label {
  vertical-align: middle;
}

h1.highlight,
h2.highlight,
h3.highlight,
h4.highlight,
h5.highlight,
h6.highlight {
  color: #281e1e;
}

button.text-left,
.button.text-left {
  text-align: left;
}

.compact-lines {
  line-height: 1;
}

.break-hyphenate {
  hyphens: auto;
  word-break: break-all;
}

.break-word {
  hyphens: auto;
  word-break: break-word;
}

.alert-label {
  color: #d61425;
}

.warning-label {
  color: #f1901d;
}

.success-label,
.active-label {
  color: #237B46;
}

.noted-text,
.inactive-label {
  color: #646E81;
}

.weight-medium {
  font-weight: 500;
}

.weight-semibold {
  font-weight: 600;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-capitalize {
  text-transform: capitalize;
}

.text-underline {
  text-decoration: underline;
}

.border-none {
  border: 0 none;
}

/* */
.app-bar .app-bar-primary .app-bar-item-label {
  text-transform: uppercase;
  font-weight: 400;
  font-size: smaller;
}
.app-bar .app-bar-icon {
  font-size: 1rem;
}

.app-header .grid-x {
  padding: 0.9375rem 0;
  max-width: 75rem;
  margin-right: auto;
  margin-left: auto;
}

.headline, h2, h4 {
  color: #646E81 !important;
}

.button-group .button:first-child {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.button-group .button:last-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.fly-in {
  width: 315px !important;
  z-index: 2;
  margin-top: 50px;
  padding-top: 20px;
  border-top: 4px solid #646E81;
}

.skp-windows .fly-in {
  width: 332px !important;
}

.skp-linux.skp-chrome .fly-in {
  width: 330px !important;
}

.skp-linux.skp-firefox .fly-in {
  width: 325px !important;
}

table {
  margin-bottom: 0;
}
table thead th, table thead td {
  padding-left: 0.35714rem !important;
  padding-right: 0.71429rem !important;
}
table tbody td {
  padding-left: 0.35714rem !important;
  padding-right: 0.71429rem !important;
}

table {
  width: 100%;
}
table thead tr th {
  background-color: #FFFFFF;
  font-weight: 300;
  border-bottom: 1px solid #B3B2B1;
}
table thead tr th:before {
  display: none;
}

form .has-error p {
  background: transparent;
  color: #281e1e;
  padding: 0;
}

.ember-modal-wrapper.emd-static.emd-wrapper-target-attachment-center .ember-modal-dialog {
  border: 0;
}

.widget .summary-sub-title {
  display: none;
}

.ember-basic-dropdown-content.text-right {
  text-align: left;
}

.white-bg {
  background: white;
  padding: 15px;
}
.white-bg .table-actions {
  padding: 0;
}
.white-bg table {
  margin-bottom: 0;
}

.block-table {
  padding: 0.5rem;
  background: #FFF;
}

.table-actions-top {
  padding: 10px 0 10px;
}

.table-actions-bottom {
  padding: 0 12px 20px;
  margin-top: 20px;
  margin-bottom: 50px;
}

.table-actions {
  display: table;
  width: 100%;
  margin-bottom: 8px;
  font-size: 0.9rem;
}
.table-actions .button {
  padding: 0.85em 1em;
  margin-right: 5px;
}
.table-actions #bulk-actions-list {
  font-size: 0.9rem;
}
.table-actions .column {
  padding: 0;
}
.table-actions .table-actions-left {
  display: table-cell;
  width: 80%;
}
.table-actions .table-actions-right {
  display: table-cell;
  font-weight: 500;
}
.table-actions .quick-filters {
  padding-left: 0;
}

.table-loading-overlay {
  position: absolute;
  background-color: transparent;
  width: 100%;
  height: 100%;
  z-index: 100;
  left: 0;
  top: 0;
}

table {
  font-size: 0.9rem;
  width: 100%;
}
table thead {
  background: transparent;
  color: #888c91;
}
table thead th {
  font-size: 0.9rem;
  background-clip: padding-box;
  background-color: transparent;
}
table thead .sortable {
  cursor: pointer;
}
table tbody td {
  vertical-align: top;
  font-size: 0.9rem;
}
table tbody td .ember-checkbox {
  vertical-align: middle;
  display: block;
  margin: 0;
}
table .column-vulnerability-name {
  padding: 8px 3px 10px 5px;
  font-size: 0.9rem;
}

.vertical-align-middle table td {
  vertical-align: middle;
}

.truncate-table-cell {
  max-width: 1px;
}

.tree-loading {
  font-size: 0.9rem;
  padding-top: 20px;
}

.tree-ct {
  font-size: 0.9rem;
  min-height: 350px;
}
.tree-ct .node-current > .node-label {
  background-color: #e8e9ec;
}
.tree-ct .tree-urls {
  padding: 0;
  overflow-x: scroll;
}
.tree-ct .section-chapter {
  margin-bottom: 15px;
}
.tree-ct .tree-current-info {
  margin-top: 10px;
  margin-bottom: 20px;
}
.tree-ct .tree-current-info .tree-current-info-ct {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 20px;
  margin-bottom: 5px;
}
.tree-ct .tree-current-info .tree-current-info-label {
  display: inline-block;
  width: 160px;
  font-weight: 500;
  vertical-align: top;
}
.tree-ct .tree-current-full-path {
  font-family: "Courier New", serif;
  margin-bottom: 10px;
  border: 1px dashed #e8e9ec;
  padding: 3px;
}
.tree-ct .tree-detail-column-content {
  background-color: white;
  height: 100%;
}
.tree-ct .tree-detail-column-content h3 {
  margin-bottom: 0;
}
.tree-ct .tree-detail-column {
  border-left: 1px solid #e8e9ec;
  position: relative;
}
.tree-ct .tree-detail-column .tree-detail-sticky {
  position: sticky;
  top: 0;
  padding: 10px;
}
.tree-ct .node-ct {
  cursor: pointer;
}
.tree-ct .node-ct .node-label {
  padding: 2px;
  white-space: nowrap;
}
.tree-ct .node-ct .node-label .node-status {
  display: inline-block;
  width: 15px;
  text-align: center;
}
.tree-ct .node-ct .node-label .node-status-nochildren {
  display: inline-block;
  width: 15px;
  text-align: center;
}
.tree-ct .node-ct .node-label .node-icon {
  display: inline-block;
  padding-left: 3px;
  border-left: 2px solid;
}
.tree-ct .node-ct .node-label .node-icon-CRITICAL {
  border-color: #d61425;
}
.tree-ct .node-ct .node-label .node-icon-HIGH {
  border-color: #e46921;
}
.tree-ct .node-ct .node-label .node-icon-MEDIUM {
  border-color: #f1901d;
}
.tree-ct .node-ct .node-label .node-icon-LOW {
  border-color: #FFB819;
}
.tree-ct .node-ct .node-label .node-icon-INFORMATIVE {
  border-color: transparent;
}
.tree-ct .node-ct .node-label .node-visited {
  color: #105681;
}
.tree-ct .node-ct .node-label .node-not-visited {
  color: #b3b2b1;
}
.tree-ct .node-ct .node-label .node-name {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 80%;
  vertical-align: middle;
}
.tree-ct .node-ct .node-children {
  padding-left: 17px;
}
.tree-ct .node-ct .node-children .node-loading {
  font-size: 0.9rem;
  padding-left: 20px;
}
.tree-ct .node-ct .node-children .node-has-more-children {
  padding-left: 20px;
  font-style: italic;
}

.node-method {
  display: inline-block;
  width: 50px;
  text-align: center;
  padding-bottom: 2px;
}
.node-method .node-method-label {
  background-color: #646E81;
  color: white;
  border-radius: 3px;
  padding-top: 1px;
  padding-left: 2px;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  padding-right: 2px;
  font-size: 9px;
}
.node-method .node-method-label-GET {
  background-color: #61affe;
}
.node-method .node-method-label-POST {
  background-color: #49cc90;
}
.node-method .node-method-label-PUT {
  background-color: #fca130;
}
.node-method .node-method-label-DELETE {
  background-color: #f93e3e;
}
.node-method .node-method-label-PATCH {
  background-color: #50e3c2;
}

.url-discovery-cog-menu {
  font-size: 0.9rem;
  width: 205px;
  padding: 0;
}

#urldiscovery-page #summary-metrics {
  margin-top: 0;
  margin-bottom: 1rem;
  background: white;
}

#endpoints {
  margin-top: 15px;
}

#endpoints-list-ct {
  position: relative;
}

.column-endpoint-indicator {
  padding-left: 0 !important;
  padding-top: 2px;
  padding-bottom: 2px;
}

.column-endpoint-indicator-CRITICAL {
  background-color: #d61425;
  width: 6px;
  height: 40px;
}

.column-endpoint-indicator-HIGH {
  background-color: #e46921;
  width: 6px;
  height: 40px;
}

.column-endpoint-indicator-MEDIUM {
  background-color: #f1901d;
  width: 6px;
  height: 40px;
}

.column-endpoint-indicator-LOW {
  background-color: #FFB819;
  width: 6px;
  height: 40px;
}

.column-endpoint-indicator-INFORMATIVE {
  background-color: #90BF3E;
  width: 6px;
  height: 40px;
}

.column-endpoint-indicator-NOTVISITED {
  background-color: #888c91;
  width: 6px;
  height: 40px;
}

.endpoint-details {
  margin-top: 25px;
}

#endpoints-page #summary-metrics svg {
  font-size: 0.9rem;
}

#endpoint-count-help, #endpoint-coverage-help {
  font-size: 0.9rem;
  width: 750px;
}

.api-file-selector-buttons {
  margin-top: 5px;
  margin-bottom: 15px;
}
.api-file-selector-buttons label {
  display: inline-block;
}

.endpoint-risk {
  border: 1px solid gray;
  border-radius: 0;
  color: #105681;
  padding: 0 4px;
  display: inline-block;
  line-height: 1.45;
  font-size: 9px;
  margin: 2px 0 2px 3px;
}

.endpoint-risk-close {
  opacity: 0.5;
}

#request-params-ct .quick-filters {
  margin-bottom: 10px;
}

.risk-details-dialog {
  width: 750px;
  font-size: 0.9rem;
}
.risk-details-dialog table {
  margin-top: 25px;
}

#merge-endpoints-dialog {
  width: 600px;
}

.column-user-userName, .column-user-firstName, .column-user-lastName {
  font-size: 0.9rem;
  padding-top: 7px;
  word-break: break-all;
}

.deleted {
  text-decoration: line-through;
}

#user-configuration-list {
  margin-left: 0;
}
#user-configuration-list .menu-filter-search {
  margin-bottom: 0;
}
#user-configuration-list table {
  width: 100%;
}
#user-configuration-list table .column-user-userName {
  font-size: 0.9rem;
  padding-top: 7px;
  display: inline-block;
  width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
#user-configuration-list table .column-user-actions {
  text-align: right;
}

#version-configuration-list {
  margin-left: 0;
}
#version-configuration-list table {
  width: 100%;
}
#version-configuration-list table .column-version-name {
  font-size: 0.9rem;
  padding-top: 7px;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#version-configuration-list table .column-version-actions {
  text-align: right;
}

#delete-version-dialog {
  max-width: 500px;
  font-size: 0.9rem;
}

.vulnerability-url {
  font-weight: 400;
}

.vulnerability-project-label, .vulnerability-url-label, .vulnerability-code-label, .vulnerability-version-label {
  color: black;
  font-weight: bold;
}

.vulnerability-project-value, .vulnerability-url-value, .vulnerability-code-value, .vulnerability-version-value {
  color: #281e1e;
}

.vulnerability-severity-status-lastDetected {
  line-height: 30px;
  font-size: smaller;
  color: #281e1e;
}

.custom-report-name a {
  max-width: 175px;
}

.custom-export-name a {
  max-width: 175px;
}

.tickets-menu {
  max-height: 200px;
  overflow-y: hidden;
  word-break: break-all;
}

.vulnerability-key-project-name {
  display: inline-block;
  max-width: 300px;
  vertical-align: middle;
}

.vulnerability-key-vulnerability-key {
  display: inline-block;
  vertical-align: middle;
}

#vulnerabilities-page #vulnerabilities table tbody tr {
  border-bottom: 1px solid #ececf1;
}
#vulnerabilities-page #vulnerabilities table tbody tr .ember-checkbox {
  margin-top: 6px;
}
#vulnerabilities-page #vulnerabilities table .column-vulnerability-icon {
  padding-top: 9px;
}
#vulnerabilities-page #vulnerabilities table .column-vulnerability-indicator {
  padding-left: 0 !important;
  padding-top: 2px;
  padding-bottom: 2px;
}
#vulnerabilities-page #vulnerabilities table .column-vulnerability-indicator-CRITICAL {
  background-color: #d61425;
  height: 74px;
  width: 6px;
}
#vulnerabilities-page #vulnerabilities table .column-vulnerability-indicator-HIGH {
  background-color: #e46921;
  height: 74px;
  width: 6px;
}
#vulnerabilities-page #vulnerabilities table .column-vulnerability-indicator-MEDIUM {
  background-color: #f1901d;
  height: 74px;
  width: 6px;
}
#vulnerabilities-page #vulnerabilities table .column-vulnerability-indicator-LOW {
  background-color: #FFB819;
  height: 74px;
  width: 6px;
}
#vulnerabilities-page #vulnerabilities table .column-vulnerability-indicator-INFORMATIVE {
  background-color: #b3b2b1;
  height: 74px;
  width: 6px;
}
#vulnerabilities-page #vulnerabilities table .column-vulnerability-detectionDate, #vulnerabilities-page #vulnerabilities table .column-vulnerability-status, #vulnerabilities-page #vulnerabilities table .column-vulnerability-detectionCount {
  font-size: 0.9rem;
}
#vulnerabilities-page #vulnerabilities table .column-vulnerability-actions {
  text-align: center;
}
#vulnerabilities-page #vulnerabilities input, #vulnerabilities-page #vulnerabilities .ember-checkbox {
  margin-bottom: 0;
  vertical-align: middle;
}
#vulnerabilities-page #vulnerabilities .vulnerability-rulename {
  font-weight: bold;
  font-size: larger;
}
#vulnerabilities-page #vulnerabilities .vulnerability-rulename .vulnerability-parameter-ct-small {
  padding-right: 5px;
}
#vulnerabilities-page #vulnerabilities .vulnerability-key {
  font-weight: normal;
  color: #888c91;
  padding-right: 10px;
  font-size: 11px;
  max-width: 300px;
  display: inline-block;
}
#vulnerabilities-page #vulnerabilities .vulnerability-context {
  display: table;
  width: 100%;
  margin-top: 4px;
  table-layout: fixed;
}
#vulnerabilities-page #vulnerabilities .vulnerability-context .vulnerability-context-element {
  display: table-cell;
  max-width: 33%;
  margin-right: 20px;
  padding-right: 5px;
}
#vulnerabilities-page #vulnerabilities .vulnerability-context .vulnerability-context-element .vulnerability-context-element-label {
  font-size: 10px;
  color: #888c91;
}
#vulnerabilities-page #vulnerabilities .vulnerability-context .vulnerability-context-element .vulnerability-context-element-value {
  vertical-align: middle;
}
#vulnerabilities-page #vulnerabilities .vulnerability-context .vulnerability-context-element .vulnerability-context-element-value .code-sig {
  font-size: 13px;
  letter-spacing: 0;
}
#vulnerabilities-page #vulnerabilities .vulnerability-urlParam {
  color: #281e1e;
  font-weight: normal;
  font-size: smaller;
}

#vulnerabilities-page {
  position: relative;
  padding-top: 10px;
}
#vulnerabilities-page h1 {
  padding-left: 10px;
}
#vulnerabilities-page .callout {
  padding: 5px;
  margin-left: 12px;
  margin-right: 12px;
}
#vulnerabilities-page #vulnerabilities-export-menu {
  position: absolute;
  right: 0;
  z-index: 12;
}
#vulnerabilities-page #vulnerabilities-export-menu ul li {
  height: auto;
}
#vulnerabilities-page #vulnerabilities-export-menu ul li a {
  padding-top: 0.8rem;
  font-size: 0.9rem;
}
#vulnerabilities-page #vulnerabilities-export-menu ul li a::after {
  border-color: white transparent transparent;
}
#vulnerabilities-page #vulnerabilities-export-menu ul li a.active {
  color: #39F;
  border: 0;
}
#vulnerabilities-page #vulnerabilities-export-menu ul .submenu li {
  font-size: 0.9rem;
  font-weight: normal;
}
#vulnerabilities-page #vulnerabilities-pagination .pagination {
  border: 0;
}

#vulnerability-page .stat-result-message {
  padding-top: 10px;
}
#vulnerability-page #vulnerability-page-layout {
  display: table;
  width: 100%;
  table-layout: fixed;
}
#vulnerability-page #vulnerability-page-layout #vulnerability-page-left-column {
  display: table-cell;
  padding-right: 12px;
}
#vulnerability-page #vulnerability-page-layout #vulnerability-page-right-column {
  display: table-cell;
  width: 300px;
  margin-top: 50px;
  min-width: 300px;
  padding-left: 12px;
  vertical-align: top;
  border-left: 1px solid #e8e9ec;
  padding-top: 15px;
  font-size: 0.9rem;
}
#vulnerability-page #vulnerability-page-layout #vulnerability-page-right-column .event-history-element {
  margin-bottom: 20px;
}
#vulnerability-page #vulnerability-page-layout #vulnerability-page-right-column .vulnerability-comment, #vulnerability-page #vulnerability-page-layout #vulnerability-page-right-column .vulnerability-event {
  margin-bottom: 5px;
}
#vulnerability-page #vulnerability-page-layout #vulnerability-page-right-column .vulnerability-comment .no-avatar, #vulnerability-page #vulnerability-page-layout #vulnerability-page-right-column .vulnerability-event .no-avatar {
  padding-left: 4px;
  padding-right: 5px;
}
#vulnerability-page #vulnerability-page-layout #vulnerability-page-right-column .vulnerability-comment .vulnerability-comment-date, #vulnerability-page #vulnerability-page-layout #vulnerability-page-right-column .vulnerability-comment .vulnerability-event-date, #vulnerability-page #vulnerability-page-layout #vulnerability-page-right-column .vulnerability-event .vulnerability-comment-date, #vulnerability-page #vulnerability-page-layout #vulnerability-page-right-column .vulnerability-event .vulnerability-event-date {
  color: #888c91;
  padding-left: 24px;
  font-size: smaller;
}
#vulnerability-page #vulnerability-page-layout #vulnerability-page-right-column .vulnerability-comment .vulnerability-comment-title, #vulnerability-page #vulnerability-page-layout #vulnerability-page-right-column .vulnerability-event .vulnerability-comment-title {
  margin-bottom: 3px;
}
#vulnerability-page #vulnerability-page-layout #vulnerability-page-right-column .vulnerability-comment .vulnerability-comment-content, #vulnerability-page #vulnerability-page-layout #vulnerability-page-right-column .vulnerability-event .vulnerability-comment-content {
  font-style: italic;
  word-break: break-word;
  padding-left: 24px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#vulnerability-page #vulnerability-page-layout #vulnerability-page-right-column .vulnerability-comment .vulnerability-comment-content-full, #vulnerability-page #vulnerability-page-layout #vulnerability-page-right-column .vulnerability-event .vulnerability-comment-content-full {
  font-style: italic;
  word-break: break-word;
  padding-left: 24px;
}
#vulnerability-page #vulnerability-page-layout #vulnerability-page-right-column .vulnerability-comment .vulnerability-event-content, #vulnerability-page #vulnerability-page-layout #vulnerability-page-right-column .vulnerability-event .vulnerability-event-content {
  padding-left: 9px;
  padding-top: 5px;
}
#vulnerability-page #vulnerability-page-layout #vulnerability-page-right-column .vulnerability-comment .vulnerability-event-content table, #vulnerability-page #vulnerability-page-layout #vulnerability-page-right-column .vulnerability-event .vulnerability-event-content table {
  margin-left: 15px;
  width: 240px;
}
#vulnerability-page #vulnerability-page-layout #vulnerability-page-right-column .vulnerability-comment .vulnerability-event-content table td, #vulnerability-page #vulnerability-page-layout #vulnerability-page-right-column .vulnerability-event .vulnerability-event-content table td {
  vertical-align: top;
}
#vulnerability-page #vulnerability-page-layout #vulnerability-page-right-column .vulnerability-comment .vulnerability-event-content table .column-label, #vulnerability-page #vulnerability-page-layout #vulnerability-page-right-column .vulnerability-event .vulnerability-event-content table .column-label {
  font-weight: 500;
}
#vulnerability-page #vulnerability-page-layout #vulnerability-page-right-column .vulnerability-comment .vulnerability-event-content table i, #vulnerability-page #vulnerability-page-layout #vulnerability-page-right-column .vulnerability-event .vulnerability-event-content table i {
  color: #b3b2b1;
}
#vulnerability-page #vulnerability-page-layout #vulnerability-page-right-column .vulnerability-page-right-column-section {
  margin-bottom: 30px;
}
#vulnerability-page #vulnerability-page-layout #vulnerability-page-right-column .vulnerability-page-right-column-section .vulnerability-page-right-column-section-content {
  padding-left: 10px;
}
#vulnerability-page #vulnerability-page-layout #vulnerability-page-right-column .vulnerability-page-right-column-section .vulnerability-tracking-ticket-ct {
  margin-bottom: 5px;
}
#vulnerability-page #vulnerability-page-layout #vulnerability-page-right-column .vulnerability-page-right-column-section .vuln-meta {
  margin-top: 1px;
  margin-bottom: 1px;
}
#vulnerability-page #vulnerability-page-layout #vulnerability-page-right-column .vulnerability-page-right-column-section #add-comment-form {
  margin-top: 20px;
  margin-bottom: 20px;
}
#vulnerability-page #vulnerability-page-layout #vulnerability-page-right-column .vulnerability-page-right-column-section #add-comment-form textarea {
  height: 100px;
}
#vulnerability-page #vulnerability-page-layout #vulnerability-page-right-column .vulnerability-page-right-column-section .comment-history-element {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #e8e9ec;
}
#vulnerability-page #vulnerability-page-layout #vulnerability-page-right-column .vulnerability-page-right-column-section .triage-info-ct {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 20px;
  margin-bottom: 5px;
}
#vulnerability-page #vulnerability-page-layout #vulnerability-page-right-column .vulnerability-page-right-column-section .triage-info-ct .vulnerability-triage-label {
  display: inline-block;
  width: 60px;
  font-weight: 500;
}
#vulnerability-page #vulnerability-page-layout #vulnerability-page-right-column .vulnerability-page-right-column-section h3 {
  margin-bottom: 10px;
  overflow: hidden;
  line-height: 30px;
}
#vulnerability-page #vulnerability-page-layout #vulnerability-page-right-column .vulnerability-page-right-column-section h3 .button {
  float: right;
}
#vulnerability-page h5 {
  margin-bottom: 10px;
  color: #281e1e;
}
#vulnerability-page .vulnerability-title {
  display: table;
  width: 100%;
  border-bottom: 2px solid #888c91;
  padding-bottom: 5px;
}
#vulnerability-page .vulnerability-title .vulnerability-title-left {
  display: table-cell;
  vertical-align: top;
  line-height: 17px;
  text-align: left;
}
#vulnerability-page .vulnerability-title .vulnerability-title-left .vulnerability-key, #vulnerability-page .vulnerability-title .vulnerability-title-left .vulnerability-severity, #vulnerability-page .vulnerability-title .vulnerability-title-left .vulnerability-status {
  padding-right: 15px;
}
#vulnerability-page .vulnerability-title .vulnerability-title-left .vulnerability-compliance {
  display: inline-block;
  margin-bottom: 4px;
  margin-right: 8px;
}
#vulnerability-page .vulnerability-title .vulnerability-title-left .vulnerability-compliance-ok a {
  color: #90BF3E;
}
#vulnerability-page .vulnerability-title .vulnerability-title-left .vulnerability-compliance-nok a {
  color: #d61425;
}
#vulnerability-page .vulnerability-title .vulnerability-title-left .vulnerability-severity {
  display: inline-block;
  margin-bottom: 4px;
}
#vulnerability-page .vulnerability-title .vulnerability-title-left h3 {
  margin-bottom: 5px;
}
#vulnerability-page .vulnerability-title .vulnerability-title-left .vulnerability-title-left-attributes {
  margin-top: 8px;
}
#vulnerability-page .vulnerability-title .vulnerability-title-left .custom-tags-as-string {
  display: inline-block;
  max-width: 300px;
  position: relative;
  top: 5px;
  margin-top: 7px;
  margin-right: 5px;
}
#vulnerability-page .vulnerability-title .vulnerability-title-right {
  display: table-cell;
  font-size: 0.9rem;
  padding-top: 8px;
  width: 180px;
  text-align: right;
}
#vulnerability-page .vulnerability-title .vulnerability-title-right a {
  margin-left: 10px;
}
#vulnerability-page .vulnerability-title .vulnerability-title-right i {
  font-size: larger;
  color: #646E81;
  margin-left: 2px;
  margin-right: 2px;
}
#vulnerability-page .vulnerability-info {
  display: table;
  table-layout: fixed;
  margin-top: 20px;
  width: 100%;
  border-bottom: 1px solid #e8e9ec;
  padding-bottom: 10px;
  font-size: 0.9rem;
}
#vulnerability-page .vulnerability-info .vulnerability-info-left {
  display: table-cell;
  width: 50%;
  vertical-align: top;
  padding-right: 10px;
}
#vulnerability-page .vulnerability-info .vulnerability-info-left hr {
  margin-top: 15px;
  margin-bottom: 15px;
  border-style: solid;
}
#vulnerability-page .vulnerability-info .vulnerability-info-left .vulnerability-version-ct {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#vulnerability-page .vulnerability-info .vulnerability-info-right {
  display: table-cell;
  border-left: 1px solid #e8e9ec;
  width: 50%;
  vertical-align: top;
  padding-left: 10px;
}
#vulnerability-page .detection-markdown-context {
  text-align: right;
  margin-top: 15px;
  font-size: 10px;
  color: #888c91;
}
#vulnerability-page .button-group {
  margin-bottom: 0;
}
#vulnerability-page .column {
  padding: 0;
}
#vulnerability-page ul {
  list-style: none;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 0;
}
#vulnerability-page ul .active {
  background-color: #b3b2b1;
  font-weight: bold;
}
#vulnerability-page .pagination {
  margin-top: 0;
  padding-top: 10px;
  background: none;
  border: 0;
}
#vulnerability-page #summary-text-verbose, #vulnerability-page #summary-dataflow {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
  background: white;
  font-size: 0.9rem;
  padding: 1rem !important;
}
#vulnerability-page #summary-text-verbose h3, #vulnerability-page #summary-dataflow h3 {
  margin-bottom: 15px;
}
#vulnerability-page #summary-text-verbose h3 span, #vulnerability-page #summary-dataflow h3 span {
  display: inline-block;
  margin-left: 15px;
}
#vulnerability-page #summary-text-verbose h3 span div, #vulnerability-page #summary-dataflow h3 span div {
  display: none;
}
#vulnerability-page #summary-text-verbose h3 span, #vulnerability-page #summary-text-verbose h3 a, #vulnerability-page #summary-dataflow h3 span, #vulnerability-page #summary-dataflow h3 a {
  font-size: 0.9rem;
  padding-top: 2px;
}
#vulnerability-page #summary-show-remediation {
  text-align: left;
}
#vulnerability-page #summary-verbose-mode {
  text-align: left;
  font-size: small;
  padding: 0;
}
#vulnerability-page #vulnerability-detections {
  margin-top: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #e8e9ec;
  font-size: 0.9rem;
}
#vulnerability-page #vulnerability-detections #vulnerability-detections-inner {
  display: table;
  width: 100%;
  padding-bottom: 10px;
}
#vulnerability-page #vulnerability-detections #vulnerability-detections-inner #vulnerability-detections-list {
  display: table-cell;
  max-width: 220px;
  width: 220px;
  min-width: 220px;
  vertical-align: top;
  padding-top: 10px;
}
#vulnerability-page #vulnerability-detections #vulnerability-detections-inner #vulnerability-detections-list #vulnerability-detections-list-ordering {
  display: table;
  margin-bottom: 10px;
}
#vulnerability-page #vulnerability-detections #vulnerability-detections-inner #vulnerability-detections-list #vulnerability-detections-list-ordering a {
  padding-bottom: 5px;
}
#vulnerability-page #vulnerability-detections #vulnerability-detections-inner #vulnerability-detections-list #vulnerability-detections-list-ordering .active {
  border-bottom: 2px solid #105681;
}
#vulnerability-page #vulnerability-detections #vulnerability-detections-inner #vulnerability-detections-list #vulnerability-detections-list-ordering #vulnerability-detections-list-refresh {
  display: table-cell;
  width: 20px;
  padding-right: 10px;
}
#vulnerability-page #vulnerability-detections #vulnerability-detections-inner #vulnerability-detections-list #vulnerability-detections-list-ordering #vulnerability-detections-list-refresh i {
  margin-right: 0;
}
#vulnerability-page #vulnerability-detections #vulnerability-detections-inner #vulnerability-detections-list #vulnerability-detections-list-ordering #vulnerability-detections-list-sort-newest {
  display: table-cell;
  width: 50px;
  vertical-align: middle;
}
#vulnerability-page #vulnerability-detections #vulnerability-detections-inner #vulnerability-detections-list #vulnerability-detections-list-ordering #vulnerability-detections-list-sort-oldest {
  display: table-cell;
  width: 50px;
  vertical-align: middle;
}
#vulnerability-page #vulnerability-detections #vulnerability-detections-inner #vulnerability-detections-list .vulnerability-detections-list-element:hover, #vulnerability-page #vulnerability-detections #vulnerability-detections-inner #vulnerability-detections-list .vulnerability-detections-list-element.active {
  background-color: #e8e9ec;
}
#vulnerability-page #vulnerability-detections #vulnerability-detections-inner #vulnerability-detections-list .vulnerability-detections-list-element {
  cursor: pointer;
  padding: 8px;
  line-height: 15px;
}
#vulnerability-page #vulnerability-detections #vulnerability-detections-inner #vulnerability-detections-list .vulnerability-detections-list-element .detection-navigation-entry {
  display: table;
  width: 100%;
}
#vulnerability-page #vulnerability-detections #vulnerability-detections-inner #vulnerability-detections-list .vulnerability-detections-list-element .detection-navigation-entry .detection-navigation-entry-removable {
  display: table-cell;
  width: 20px;
}
#vulnerability-page #vulnerability-detections #vulnerability-detections-inner #vulnerability-detections-list .vulnerability-detections-list-element .detection-navigation-entry .detection-navigation-entry-context {
  display: table-cell;
  width: 186px;
  max-width: 186px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}
#vulnerability-page #vulnerability-detections #vulnerability-detections-inner #vulnerability-detections-list .vulnerability-detections-list-element .detection-agent {
  color: #281e1e;
  overflow: hidden !important;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
#vulnerability-page #vulnerability-detections #vulnerability-detections-inner #vulnerability-detections-list .vulnerability-detections-list-element .detection-agent .deleted {
  text-decoration: line-through;
}
#vulnerability-page #vulnerability-detections #vulnerability-detections-inner #vulnerability-detections-list .vulnerability-detections-list-element .detection-process {
  color: #281e1e;
}
#vulnerability-page #vulnerability-detections #vulnerability-detections-inner #vulnerability-detection-detail {
  display: table-cell;
  border-left: 1px solid #e8e9ec;
}
#vulnerability-page #vulnerability-detections #vulnerability-detections-inner #vulnerability-detection-detail #vulnerability-detection-detail-inner {
  background-color: white;
  min-height: 350px;
  height: 100%;
  word-break: break-all;
  padding: 50px 10px 10px;
}
#vulnerability-page #vulnerability-detections #vulnerability-detections-inner #vulnerability-detection-detail #vulnerability-detection-detail-inner p {
  word-break: normal;
}
#vulnerability-page .approval {
  margin-top: 10px;
  margin-bottom: 10px;
  vertical-align: top;
  font-size: 0.9rem;
}

#vulnerability-description .vulnerability-description-elearning-shortcut img {
  vertical-align: sub;
  margin-right: 3px;
}
#vulnerability-description .vulnerability-description-elearning-shortcut a {
  font-weight: 600;
}

#vulnerability-confidence-level .seeker-inline-mode-doc-content, #vulnerability-description .seeker-inline-mode-doc-content, #vulnerability-classifications .seeker-inline-mode-doc-content,
#vulnerability-remediation .seeker-inline-mode-doc-content, .technicalcontext-block .seeker-inline-mode-doc-content, #vulnerability-active-verification .seeker-inline-mode-doc-content, #summary-text-verbose .seeker-inline-mode-doc-content {
  font-size: 0.9rem;
}
#vulnerability-confidence-level .seeker-inline-mode-doc-content p strong, #vulnerability-description .seeker-inline-mode-doc-content p strong, #vulnerability-classifications .seeker-inline-mode-doc-content p strong,
#vulnerability-remediation .seeker-inline-mode-doc-content p strong, .technicalcontext-block .seeker-inline-mode-doc-content p strong, #vulnerability-active-verification .seeker-inline-mode-doc-content p strong, #summary-text-verbose .seeker-inline-mode-doc-content p strong {
  white-space: normal;
}
#vulnerability-confidence-level .seeker-inline-mode-doc-content ul, #vulnerability-description .seeker-inline-mode-doc-content ul, #vulnerability-classifications .seeker-inline-mode-doc-content ul,
#vulnerability-remediation .seeker-inline-mode-doc-content ul, .technicalcontext-block .seeker-inline-mode-doc-content ul, #vulnerability-active-verification .seeker-inline-mode-doc-content ul, #summary-text-verbose .seeker-inline-mode-doc-content ul {
  list-style-type: disc;
  margin-left: 1.25rem;
}
#vulnerability-confidence-level .seeker-inline-mode-doc-content pre, #vulnerability-description .seeker-inline-mode-doc-content pre, #vulnerability-classifications .seeker-inline-mode-doc-content pre,
#vulnerability-remediation .seeker-inline-mode-doc-content pre, .technicalcontext-block .seeker-inline-mode-doc-content pre, #vulnerability-active-verification .seeker-inline-mode-doc-content pre, #summary-text-verbose .seeker-inline-mode-doc-content pre {
  padding: 0;
}
#vulnerability-confidence-level .seeker-inline-mode-doc-content .code-block, #vulnerability-description .seeker-inline-mode-doc-content .code-block, #vulnerability-classifications .seeker-inline-mode-doc-content .code-block,
#vulnerability-remediation .seeker-inline-mode-doc-content .code-block, .technicalcontext-block .seeker-inline-mode-doc-content .code-block, #vulnerability-active-verification .seeker-inline-mode-doc-content .code-block, #summary-text-verbose .seeker-inline-mode-doc-content .code-block {
  border: 1px dashed #b3b2b1;
  padding: 8px;
  margin-bottom: 15px;
}
#vulnerability-confidence-level .seeker-inline-mode-doc-content .code-block code, #vulnerability-description .seeker-inline-mode-doc-content .code-block code, #vulnerability-classifications .seeker-inline-mode-doc-content .code-block code,
#vulnerability-remediation .seeker-inline-mode-doc-content .code-block code, .technicalcontext-block .seeker-inline-mode-doc-content .code-block code, #vulnerability-active-verification .seeker-inline-mode-doc-content .code-block code, #summary-text-verbose .seeker-inline-mode-doc-content .code-block code {
  border: 0;
  padding: 0;
}

#vulnerability-classifications .seeker-toggler-content ul {
  margin: 0;
  list-style: none;
  font-size: 0.9rem;
}

#vulnerability-remediation, #vulnerability-active-verification,
#vulnerability-technicalcontext, #vulnerability-elearning, #vulnerability-code-warrior, #vulnerability-history {
  padding: 1rem;
  background-color: white;
}
#vulnerability-remediation .seeker-toggler-content, #vulnerability-active-verification .seeker-toggler-content,
#vulnerability-technicalcontext .seeker-toggler-content, #vulnerability-elearning .seeker-toggler-content, #vulnerability-code-warrior .seeker-toggler-content, #vulnerability-history .seeker-toggler-content {
  padding-block: 0;
}
#vulnerability-remediation .tab-menu, #vulnerability-active-verification .tab-menu,
#vulnerability-technicalcontext .tab-menu, #vulnerability-elearning .tab-menu, #vulnerability-code-warrior .tab-menu, #vulnerability-history .tab-menu {
  padding-top: 0;
}
#vulnerability-remediation .http-context-block, #vulnerability-active-verification .http-context-block,
#vulnerability-technicalcontext .http-context-block, #vulnerability-elearning .http-context-block, #vulnerability-code-warrior .http-context-block, #vulnerability-history .http-context-block {
  margin-bottom: 15px;
}

#vulnerability-history ul {
  margin: 0;
}
#vulnerability-history .detection-paramValue {
  color: #281e1e;
  padding-top: 3px;
  padding-bottom: 3px;
  overflow: hidden !important;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 200px;
}
#vulnerability-history .detection-paramValue .has-tip {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  display: inherit;
}
#vulnerability-history .detection-seeker-parameter-value {
  white-space: break-spaces;
}

#vulnerability-elearning .grid-x {
  margin-bottom: 25px;
}
#vulnerability-elearning .cell {
  padding: 0 30px 15px 0;
  margin-bottom: 15px;
  border-bottom: 1px dashed #e8e9ec;
}
#vulnerability-elearning .elearning-origin {
  font-size: 10px;
  margin-top: 4px;
  color: #b3b2b1;
}
#vulnerability-elearning .elearning-course-videos {
  position: relative;
}
#vulnerability-elearning .elearning-course-videos .video-container {
  height: 100%;
  width: 100%;
  overflow: hidden;
}
#vulnerability-elearning .elearning-course-videos video {
  min-width: 100%;
  min-height: 100%;
}
#vulnerability-elearning .elearning-course {
  width: 100%;
}
#vulnerability-elearning .elearning-course .elearning-course-img {
  width: 175px;
}
#vulnerability-elearning .elearning-course .elearning-course-img img {
  min-height: 80px;
}
#vulnerability-elearning .elearning-course .elearning-course-empty-img {
  width: 175px;
}
#vulnerability-elearning .elearning-course .elearning-course-empty-img .blank-state {
  margin-top: 0 !important;
  text-align: center;
  color: #b3b2b1;
}
#vulnerability-elearning .elearning-course .elearning-course-detail {
  padding-left: 20px;
}
#vulnerability-elearning .elearning-course .elearning-course-detail .elearning-course-title {
  font-weight: bold;
}
#vulnerability-elearning .elearning-course .elearning-course-detail .elearning-course-level, #vulnerability-elearning .elearning-course .elearning-course-detail .elearning-course-language {
  color: #888c91;
  text-transform: capitalize;
}
#vulnerability-elearning .elearning-course-description, #vulnerability-elearning .elearning-course-description-none {
  overflow: hidden;
  position: relative;
  font-size: 0.9rem;
  line-height: 1.2em;
  max-height: 3.6em;
  text-align: justify;
  margin-right: -1em;
  padding-right: 1em;
  margin-bottom: 20px;
}
#vulnerability-elearning .elearning-course-description-none {
  color: #888c91;
  font-style: italic;
}
#vulnerability-elearning .elearning-course-description:before {
  content: "...";
  position: absolute;
  right: 0;
  bottom: 0;
}
#vulnerability-elearning .elearning-course-description:after {
  content: "";
  position: absolute;
  right: 0;
  width: 1em;
  height: 1em;
  margin-top: 0.2em;
  background: white;
}

.technicalcontext-block .technicalcontext-title {
  font-size: larger;
  font-weight: bold;
  margin-bottom: 5px;
}
.technicalcontext-block .has-tip {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  display: inherit;
}
.technicalcontext-block .copy-button {
  margin-left: 5px;
  margin-bottom: 5px;
}
.technicalcontext-block textarea {
  resize: vertical;
  font-family: "Courier New", serif;
}
.technicalcontext-block .technicalcontext-subtitle {
  font-weight: bold;
  margin-top: 5px;
}
.technicalcontext-block .technicalcontext-label {
  font-weight: 500;
  font-size: 0.9rem;
  display: inline-block;
  width: 120px;
}
.technicalcontext-block .technicalcontext-code {
  font-family: "Courier New", serif;
}
.technicalcontext-block .technicalcontext-request-url {
  font-family: "Courier New", serif;
}
.technicalcontext-block .technicalcontext-request-body {
  white-space: pre-wrap;
}
.technicalcontext-block .technicalcontext-request-headers, .technicalcontext-block .technicalcontext-request-parameters, .technicalcontext-block .technicalcontext-request-body {
  border: 1px dotted #b3b2b1;
  padding: 10px;
  word-break: break-all;
  word-wrap: break-word;
  max-height: 350px;
  overflow-y: scroll;
  margin-bottom: 15px;
  font-size: small;
  font-family: "Courier New", serif;
}
.technicalcontext-block .technicalcontext-request-headerline, .technicalcontext-block .technicalcontext-request-parameterline {
  font-size: small;
  font-family: "Courier New", serif;
  word-break: break-all;
}
.technicalcontext-block .deleted {
  text-decoration: line-through;
}
.technicalcontext-block label {
  position: relative;
  bottom: 1px;
}

.untracked-vulnerability-message, .nocomment-vulnerability-message, .nocustomtags-vulnerability-message {
  color: #888c91;
}

.ember-modal-dialog #triage-form {
  width: 350px;
  height: 400px;
}
.ember-modal-dialog #bulk-triage-form {
  width: 350px;
  height: 320px;
}

#triage-form .form-error, #bulk-triage-form .form-error {
  margin-top: 5px;
}
#triage-form label, #bulk-triage-form label {
  margin-bottom: 20px;
}
#triage-form label textarea, #bulk-triage-form label textarea {
  height: 100px;
}

#manage-tags-form {
  width: 550px;
}
#manage-tags-form .manage-tags-actions-dropdown, #manage-tags-form .manage-tags-selector-dropdown {
  margin-bottom: 20px;
}
#manage-tags-form .manage-tags-actions-dropdown .ember-power-select-multiple-option, #manage-tags-form .manage-tags-selector-dropdown .ember-power-select-multiple-option {
  max-width: 150px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}
#manage-tags-form .form-error {
  margin-top: 5px;
}
#manage-tags-form label {
  margin-bottom: 20px;
}
#manage-tags-form label textarea {
  height: 100px;
}

.raw-http-request-text {
  border: 1px solid #cccaca;
  padding: 0.5rem;
  background-color: #ececf1;
  font-family: "Courier New", serif;
  font-size: 0.9rem;
  white-space: pre-wrap;
  word-wrap: break-word;
}

#unlink-ticket-form {
  width: 505px;
}
#unlink-ticket-form .unlink-ticket-element {
  margin-bottom: 5px;
}
#unlink-ticket-form #unlink-ticket-dialog-label {
  margin-bottom: 10px;
}
#unlink-ticket-form .unlink-ticket-checkbox {
  margin-right: 10px;
}
#unlink-ticket-form .form-error {
  margin-top: 10px;
}

.highlighted-user-input {
  background-color: yellow;
}

.inline-user-input {
  display: inline-block;
  max-width: 100%;
  vertical-align: bottom;
}

.status-delete-dialog label, .status-delete-dialog p {
  font-size: 0.9rem;
}
.status-delete-dialog .has-error .ember-power-select-trigger {
  margin-bottom: 5px;
}

.status-pending {
  font-size: 10px;
  font-style: italic;
}

.vulnerability-triage-state tr {
  line-height: 23px;
}
.vulnerability-triage-state tr td {
  vertical-align: middle;
}

#web-api-page, #api-docs-list {
  padding-top: 10px;
}
#web-api-page .api-token-selector fieldset, #api-docs-list .api-token-selector fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
#web-api-page .api-token-selector fieldset p, #api-docs-list .api-token-selector fieldset p {
  font-size: 0.9rem;
  font-weight: normal;
}
#web-api-page .api-token-selector fieldset a, #api-docs-list .api-token-selector fieldset a {
  vertical-align: top;
}
#web-api-page .api-token-selector .ember-power-select-trigger, #api-docs-list .api-token-selector .ember-power-select-trigger {
  width: 300px;
  display: inline-table;
}
#web-api-page #swagger-token-info, #api-docs-list #swagger-token-info {
  font-size: 0.9rem;
  padding: 3px;
  margin: 10px 10px 15px;
}
#web-api-page .copy-to-clipboard, #api-docs-list .copy-to-clipboard {
  display: none;
}
#web-api-page .swagger-section, #api-docs-list .swagger-section {
  font-size: 0.9rem;
  margin-bottom: 50px;
  margin-top: 25px;
}
#web-api-page .swagger-section .swagger-ui *, #api-docs-list .swagger-section .swagger-ui * {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
#web-api-page .swagger-section .swagger-ui select, #api-docs-list .swagger-section .swagger-ui select {
  border: 1px solid #e8e9ec;
  padding: 0.4rem;
  width: 200px;
  background-color: white;
  box-shadow: none;
  border-radius: 0;
  font-weight: normal;
  font-size: 0.9rem;
}
#web-api-page .swagger-section .swagger-ui input, #api-docs-list .swagger-section .swagger-ui input {
  border: 1px solid #CCCACA;
  border-radius: 0;
  margin: 0;
}
#web-api-page .swagger-section .swagger-ui input.invalid, #api-docs-list .swagger-section .swagger-ui input.invalid {
  border: 2px solid #d61425;
  background-color: #fff6f6;
}
#web-api-page .swagger-section .swagger-ui .wrapper, #api-docs-list .swagger-section .swagger-ui .wrapper {
  max-width: none;
  padding: 0;
}
#web-api-page .swagger-section .swagger-ui .tab, #api-docs-list .swagger-section .swagger-ui .tab {
  display: none;
}
#web-api-page .swagger-section .swagger-ui .model-box, #api-docs-list .swagger-section .swagger-ui .model-box {
  padding: 5px;
}
#web-api-page .swagger-section .swagger-ui .model-box table, #api-docs-list .swagger-section .swagger-ui .model-box table {
  padding: 0;
  margin: 0;
}
#web-api-page .swagger-section .swagger-ui .model-box table td, #api-docs-list .swagger-section .swagger-ui .model-box table td {
  padding: 0;
}
#web-api-page .swagger-section .swagger-ui .model-box .model .model-title, #api-docs-list .swagger-section .swagger-ui .model-box .model .model-title {
  font-size: 0.9rem;
}
#web-api-page .swagger-section .swagger-ui table thead tr td, #web-api-page .swagger-section .swagger-ui table thead tr th, #api-docs-list .swagger-section .swagger-ui table thead tr td, #api-docs-list .swagger-section .swagger-ui table thead tr th {
  background-color: #FFFFFF;
  color: #646E81;
  border-bottom: 1px solid #B3B2B1;
  line-height: 0.9;
  padding: 0.35714rem;
  text-transform: none;
  font-weight: 300;
  font-size: 1rem;
}
#web-api-page .swagger-section .swagger-ui table thead tr th:first-child, #web-api-page .swagger-section .swagger-ui table thead tr td:first-child, #api-docs-list .swagger-section .swagger-ui table thead tr th:first-child, #api-docs-list .swagger-section .swagger-ui table thead tr td:first-child {
  width: 250px;
}
#web-api-page .swagger-section .swagger-ui table tbody tr td, #api-docs-list .swagger-section .swagger-ui table tbody tr td {
  padding: 0.57143rem 0.71429rem 0.71429rem;
}
#web-api-page .swagger-section .swagger-ui .topbar, #web-api-page .swagger-section .swagger-ui .information-container, #api-docs-list .swagger-section .swagger-ui .topbar, #api-docs-list .swagger-section .swagger-ui .information-container {
  display: none;
}
#web-api-page .swagger-section .swagger-ui .scheme-container, #api-docs-list .swagger-section .swagger-ui .scheme-container {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 12px;
  margin-bottom: 5px;
  background: transparent;
  box-shadow: none;
  display: none;
}
#web-api-page .swagger-section .swagger-ui .scheme-container .schemes, #api-docs-list .swagger-section .swagger-ui .scheme-container .schemes {
  display: inline-block;
}
#web-api-page .swagger-section .swagger-ui .scheme-container .schemes label, #api-docs-list .swagger-section .swagger-ui .scheme-container .schemes label {
  display: inline-block;
  float: right;
  margin: 0;
}
#web-api-page .swagger-section .swagger-ui .scheme-container .schemes label .schemes-title, #api-docs-list .swagger-section .swagger-ui .scheme-container .schemes label .schemes-title {
  display: inline-block;
  margin-right: 10px;
  font-weight: normal;
}
#web-api-page .swagger-section .swagger-ui .auth-wrapper, #api-docs-list .swagger-section .swagger-ui .auth-wrapper {
  display: none;
}
#web-api-page .swagger-section .swagger-ui .opblock-tag-section, #api-docs-list .swagger-section .swagger-ui .opblock-tag-section {
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  border-top: 1px solid #b3b2b1;
}
#web-api-page .swagger-section .swagger-ui .opblock-tag-section .opblock-tag, #api-docs-list .swagger-section .swagger-ui .opblock-tag-section .opblock-tag {
  margin-bottom: 0 !important;
  background: white;
}
#web-api-page .swagger-section .swagger-ui .opblock-tag-section .opblock-tag a span, #api-docs-list .swagger-section .swagger-ui .opblock-tag-section .opblock-tag a span {
  color: #105681;
  font-size: 16px;
}
#web-api-page .swagger-section .swagger-ui .opblock-tag-section .opblock-tag small, #api-docs-list .swagger-section .swagger-ui .opblock-tag-section .opblock-tag small {
  margin-top: 6px;
}
#web-api-page .swagger-section .swagger-ui .opblock-tag-section .opblock-tag small p, #api-docs-list .swagger-section .swagger-ui .opblock-tag-section .opblock-tag small p {
  font-size: 13px;
  color: #3b4151;
}
#web-api-page .swagger-section .swagger-ui .opblock-tag-section .no-margin, #api-docs-list .swagger-section .swagger-ui .opblock-tag-section .no-margin {
  padding: 10px;
  background: white;
  top: -1px;
}
#web-api-page .swagger-section .swagger-ui .opblock-tag-section .opblock:last-child, #api-docs-list .swagger-section .swagger-ui .opblock-tag-section .opblock:last-child {
  margin-bottom: 5px;
}
#web-api-page .swagger-section .swagger-ui .opblock-tag-section .opblock .opblock-section-header, #api-docs-list .swagger-section .swagger-ui .opblock-tag-section .opblock .opblock-section-header {
  background: white;
  padding-left: 5px;
  padding-right: 5px;
}
#web-api-page .swagger-section .swagger-ui .opblock-tag-section .opblock .opblock-section-header .opblock-title, #web-api-page .swagger-section .swagger-ui .opblock-tag-section .opblock .opblock-section-header h4, #api-docs-list .swagger-section .swagger-ui .opblock-tag-section .opblock .opblock-section-header .opblock-title, #api-docs-list .swagger-section .swagger-ui .opblock-tag-section .opblock .opblock-section-header h4 {
  text-transform: uppercase;
  font-size: 0.85rem;
  color: #888c91;
  font-weight: bold;
  line-height: 1;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  padding-left: 5px;
  letter-spacing: 1px;
}
#web-api-page .swagger-section .swagger-ui .opblock-tag-section .opblock .table-container, #web-api-page .swagger-section .swagger-ui .opblock-tag-section .opblock .responses-inner, #api-docs-list .swagger-section .swagger-ui .opblock-tag-section .opblock .table-container, #api-docs-list .swagger-section .swagger-ui .opblock-tag-section .opblock .responses-inner {
  padding: 5px;
  background: white;
}
#web-api-page .swagger-section .swagger-ui .opblock-tag-section .opblock .table-container .parameter__type, #web-api-page .swagger-section .swagger-ui .opblock-tag-section .opblock .responses-inner .parameter__type, #api-docs-list .swagger-section .swagger-ui .opblock-tag-section .opblock .table-container .parameter__type, #api-docs-list .swagger-section .swagger-ui .opblock-tag-section .opblock .responses-inner .parameter__type {
  float: left;
  padding: 0;
}
#web-api-page .swagger-section .swagger-ui .opblock-tag-section .opblock .table-container .parameter__name, #web-api-page .swagger-section .swagger-ui .opblock-tag-section .opblock .responses-inner .parameter__name, #api-docs-list .swagger-section .swagger-ui .opblock-tag-section .opblock .table-container .parameter__name, #api-docs-list .swagger-section .swagger-ui .opblock-tag-section .opblock .responses-inner .parameter__name {
  font-size: 0.9rem;
}
#web-api-page .swagger-section .swagger-ui .opblock-tag-section .opblock .table-container .parameter__in, #web-api-page .swagger-section .swagger-ui .opblock-tag-section .opblock .responses-inner .parameter__in, #api-docs-list .swagger-section .swagger-ui .opblock-tag-section .opblock .table-container .parameter__in, #api-docs-list .swagger-section .swagger-ui .opblock-tag-section .opblock .responses-inner .parameter__in {
  float: left;
  margin-left: 10px;
  padding-top: 0;
}
#web-api-page .swagger-section .swagger-ui .opblock-tag-section .opblock .table-container .response-col_description .markdown, #web-api-page .swagger-section .swagger-ui .opblock-tag-section .opblock .responses-inner .response-col_description .markdown, #api-docs-list .swagger-section .swagger-ui .opblock-tag-section .opblock .table-container .response-col_description .markdown, #api-docs-list .swagger-section .swagger-ui .opblock-tag-section .opblock .responses-inner .response-col_description .markdown {
  padding: 0;
}
#web-api-page .swagger-section .swagger-ui .opblock-tag-section .opblock .table-container .response-col_description .response-content-type, #web-api-page .swagger-section .swagger-ui .opblock-tag-section .opblock .responses-inner .response-col_description .response-content-type, #api-docs-list .swagger-section .swagger-ui .opblock-tag-section .opblock .table-container .response-col_description .response-content-type, #api-docs-list .swagger-section .swagger-ui .opblock-tag-section .opblock .responses-inner .response-col_description .response-content-type {
  padding: 0;
}
#web-api-page .swagger-section .swagger-ui .opblock-tag-section .opblock .table-container .response .response-col_status, #web-api-page .swagger-section .swagger-ui .opblock-tag-section .opblock .responses-inner .response .response-col_status, #api-docs-list .swagger-section .swagger-ui .opblock-tag-section .opblock .table-container .response .response-col_status, #api-docs-list .swagger-section .swagger-ui .opblock-tag-section .opblock .responses-inner .response .response-col_status {
  font-weight: 600;
}
#web-api-page .swagger-section .swagger-ui .opblock-tag-section .opblock .responses-inner h4, #api-docs-list .swagger-section .swagger-ui .opblock-tag-section .opblock .responses-inner h4 {
  padding-left: 5px;
  text-transform: uppercase;
  font-size: 0.75rem;
  color: #888c91;
  font-weight: 500;
  line-height: 1;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}
#web-api-page .swagger-section .swagger-ui .opblock-tag-section .opblock .download-contents, #api-docs-list .swagger-section .swagger-ui .opblock-tag-section .opblock .download-contents {
  border: 1px solid #105681;
  border-radius: 3px;
  display: inline;
  position: absolute;
  top: 5px;
  right: 10px;
  box-shadow: none;
  font-size: 0.9rem;
  font-weight: 600;
  padding: 0.85em 1em;
  color: #105681;
  background: white;
  width: auto;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: -30px;
  height: 38px;
}
#web-api-page .swagger-section .swagger-ui .opblock-tag-section .opblock .opblock-summary-method, #web-api-page .swagger-section .swagger-ui .opblock-tag-section .opblock .opblock-summary-path, #api-docs-list .swagger-section .swagger-ui .opblock-tag-section .opblock .opblock-summary-method, #api-docs-list .swagger-section .swagger-ui .opblock-tag-section .opblock .opblock-summary-path {
  font-size: 0.9rem;
}
#web-api-page .swagger-section .swagger-ui .opblock-tag-section .opblock pre, #web-api-page .swagger-section .swagger-ui .opblock-tag-section .opblock pre span, #api-docs-list .swagger-section .swagger-ui .opblock-tag-section .opblock pre, #api-docs-list .swagger-section .swagger-ui .opblock-tag-section .opblock pre span {
  font-family: "Courier New", serif;
}
#web-api-page .swagger-section .swagger-ui .opblock-tag-section .opblock .highlight-code, #api-docs-list .swagger-section .swagger-ui .opblock-tag-section .opblock .highlight-code {
  border: 1px solid #888c91;
  background-color: #ececf1;
  white-space: pre-wrap;
}
#web-api-page .swagger-section .swagger-ui .opblock-tag-section .opblock .highlight-code pre code, #api-docs-list .swagger-section .swagger-ui .opblock-tag-section .opblock .highlight-code pre code {
  border: 0 !important;
  background: none !important;
  white-space: pre-wrap;
}
#web-api-page .swagger-section .swagger-ui .opblock-tag-section .opblock textarea, #web-api-page .swagger-section .swagger-ui .opblock-tag-section .opblock pre, #web-api-page .swagger-section .swagger-ui .opblock-tag-section .opblock .markdown, #web-api-page .swagger-section .swagger-ui .opblock-tag-section .opblock .markdown p, #web-api-page .swagger-section .swagger-ui .opblock-tag-section .opblock pre span, #api-docs-list .swagger-section .swagger-ui .opblock-tag-section .opblock textarea, #api-docs-list .swagger-section .swagger-ui .opblock-tag-section .opblock pre, #api-docs-list .swagger-section .swagger-ui .opblock-tag-section .opblock .markdown, #api-docs-list .swagger-section .swagger-ui .opblock-tag-section .opblock .markdown p, #api-docs-list .swagger-section .swagger-ui .opblock-tag-section .opblock pre span {
  background: transparent !important;
  color: #281e1e !important;
  font-weight: normal !important;
}
#web-api-page .swagger-section .swagger-ui .opblock-tag-section .opblock textarea p, #web-api-page .swagger-section .swagger-ui .opblock-tag-section .opblock pre p, #web-api-page .swagger-section .swagger-ui .opblock-tag-section .opblock .markdown p, #web-api-page .swagger-section .swagger-ui .opblock-tag-section .opblock .markdown p p, #web-api-page .swagger-section .swagger-ui .opblock-tag-section .opblock pre span p, #api-docs-list .swagger-section .swagger-ui .opblock-tag-section .opblock textarea p, #api-docs-list .swagger-section .swagger-ui .opblock-tag-section .opblock pre p, #api-docs-list .swagger-section .swagger-ui .opblock-tag-section .opblock .markdown p, #api-docs-list .swagger-section .swagger-ui .opblock-tag-section .opblock .markdown p p, #api-docs-list .swagger-section .swagger-ui .opblock-tag-section .opblock pre span p {
  margin: 0;
}
#web-api-page .swagger-section .swagger-ui .opblock-tag-section .opblock .execute-wrapper, #web-api-page .swagger-section .swagger-ui .opblock-tag-section .opblock .btn-group, #api-docs-list .swagger-section .swagger-ui .opblock-tag-section .opblock .execute-wrapper, #api-docs-list .swagger-section .swagger-ui .opblock-tag-section .opblock .btn-group {
  padding: 0;
  text-align: left;
  background: white;
  display: block;
}
#web-api-page .swagger-section .swagger-ui .opblock-tag-section .opblock .execute-wrapper .execute, #web-api-page .swagger-section .swagger-ui .opblock-tag-section .opblock .btn-group .execute, #api-docs-list .swagger-section .swagger-ui .opblock-tag-section .opblock .execute-wrapper .execute, #api-docs-list .swagger-section .swagger-ui .opblock-tag-section .opblock .btn-group .execute {
  background-color: #105681;
  border: 0;
  border-radius: 3px;
  display: inline;
  box-shadow: none;
  font-size: 0.9rem;
  font-weight: 600;
  padding: 0.85em 1em;
  color: white;
  width: auto;
  margin-left: 5px;
  margin-right: 5px;
}
#web-api-page .swagger-section .swagger-ui .opblock-tag-section .opblock .execute-wrapper .btn-clear, #web-api-page .swagger-section .swagger-ui .opblock-tag-section .opblock .btn-group .btn-clear, #api-docs-list .swagger-section .swagger-ui .opblock-tag-section .opblock .execute-wrapper .btn-clear, #api-docs-list .swagger-section .swagger-ui .opblock-tag-section .opblock .btn-group .btn-clear {
  background-color: #5e5e5e;
  border: 0;
  border-radius: 3px;
  display: inline;
  box-shadow: none;
  font-size: 0.9rem;
  font-weight: 600;
  padding: 0.85em 1em;
  color: white;
  width: auto;
}
#web-api-page .swagger-section .swagger-ui .opblock-tag-section .opblock .responses-wrapper textarea.curl, #api-docs-list .swagger-section .swagger-ui .opblock-tag-section .opblock .responses-wrapper textarea.curl {
  border: 1px solid #e8e9ec;
  font-family: "Courier New", serif;
  border-radius: 0;
  cursor: default;
}
#web-api-page .swagger-section .swagger-ui .opblock-tag-section .opblock .try-out__btn, #api-docs-list .swagger-section .swagger-ui .opblock-tag-section .opblock .try-out__btn {
  font-size: 0.9rem;
  background-color: #105681;
  font-weight: 600;
  padding: 0.85em 1em;
  color: white;
  border: 0;
  box-shadow: none;
}
#web-api-page .swagger-section .swagger-ui .responses-table thead, #api-docs-list .swagger-section .swagger-ui .responses-table thead {
  background: white;
}
#web-api-page .swagger-section .swagger-ui .responses-table thead .response-col_status, #api-docs-list .swagger-section .swagger-ui .responses-table thead .response-col_status {
  font-size: 0.9rem;
}

#eula-page {
  margin: 20px;
}
#eula-page ul {
  margin-top: 10px;
}
#eula-page ul li {
  list-style-type: none;
  margin-bottom: 10px;
}

body {
  background: #f9f9f9 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

hr {
  margin-top: 5px;
  border-color: #ddddde;
  margin-bottom: 5px;
}

* {
  outline: 0;
}

select {
  padding-bottom: 0.3rem;
  font-size: 0.9rem;
}

.menu-filter-search button {
  background: white !important;
  border: 1px solid #cccaca !important;
  color: #281e1e !important;
  font-weight: 300 !important;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

#seeker-page {
  margin-top: 0;
  height: 100%;
  overflow: hidden;
  margin-bottom: 30px;
}

.seeker-page-content {
  overflow-y: scroll;
  height: 100%;
  padding-right: 20px;
  padding-left: 20px;
  padding-bottom: 20px;
}

.footer {
  position: fixed;
  bottom: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  width: 100%;
  font-size: 0.9rem;
  color: #646E81;
  background-color: #e8e9ec;
}
.footer .footer-left {
  display: inline-block;
  float: left;
  text-align: left;
  padding-left: 15px;
}
.footer .footer-right {
  display: inline-block;
  float: right;
  text-align: right;
  padding-right: 80px;
}

.menu a, .menu .button {
  padding: 0.85em 1em;
}
.menu .menu-section-title {
  text-transform: uppercase;
  font-size: 0.85rem;
  color: #888c91;
  font-weight: bold;
  line-height: 1;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  padding-left: 10px;
  letter-spacing: 1px;
}
.menu .seeker-toggler-title i {
  float: right;
}
.menu .seeker-toggler-content .nested {
  border-left: 2px solid #ececf1;
}

.none-value {
  font-style: italic;
  font-size: smaller;
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.truncate-left {
  /* Standard CSS ellipsis */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 200px;
  /* Beginning of string */
  direction: rtl;
  text-align: left;
}

.truncate-project-key {
  /* Standard CSS ellipsis */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: auto;
  max-width: 100%;
}

.truncate-project-key-left {
  /* Standard CSS ellipsis */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: auto;
  max-width: 300px;
  /* Beginning of string */
  direction: rtl;
  text-align: left;
}

.dropdown-pane {
  font-size: 0.9rem;
}

.has-tip {
  cursor: inherit; /* Remove the help cursor (?) */
}

pre {
  display: inline;
}

code {
  white-space: nowrap;
}

label {
  font-size: 0.9rem;
}
label a {
  font-size: 0.9rem;
}

.quick-filters {
  padding-top: 5px;
}
.quick-filters .hollow {
  background-color: white;
}
.quick-filters .menu {
  flex-wrap: wrap;
}
.quick-filters .menu-filter-closable {
  display: inline-table;
}
.quick-filters .menu-filter-closable .filter-close-button {
  padding: 0 0 0 3px;
  display: table-cell;
  vertical-align: middle;
}
.quick-filters .menu-filter-endpoint {
  width: 275px;
}
.quick-filters .menu-filter-buttons {
  margin-left: 15px;
  font-size: 0.9rem;
  padding-top: 9px;
}
.quick-filters .menu-filter-buttons a {
  padding: 0;
}
.quick-filters .menu-filter {
  padding-right: 15px;
  margin-bottom: 5px;
}
.quick-filters .menu-filter select {
  margin-bottom: 0;
  height: 2rem;
  width: 100px;
  border: 1px solid #e8e9ec;
}
.quick-filters .menu-filter .filter-entry {
  line-height: normal;
  border: 1px solid #cccaca;
  background-color: white;
  height: 2rem;
  cursor: pointer;
}
.quick-filters .menu-filter .filter-entry .ember-basic-dropdown .ember-basic-dropdown-content-wormhole-origin {
  position: absolute;
}
.quick-filters .menu-filter .filter-entry .ember-basic-dropdown-trigger {
  padding: 0.5rem;
  line-height: 1rem;
  font-size: 0.9rem;
  color: #0a0a0a;
}
.quick-filters .menu-filter .filter-entry .ember-basic-dropdown-trigger .filter-entry-label {
  font-weight: 300;
}
.quick-filters .menu-filter .filter-entry .ember-basic-dropdown-trigger .filter-entry-labelvalue {
  white-space: nowrap;
  max-width: 120px;
  font-weight: 400;
  display: inline-flex;
}
.quick-filters .menu-filter .filter-entry .ember-basic-dropdown-trigger .filter-entry-labelvalue div {
  text-overflow: ellipsis;
  overflow: hidden;
}
.quick-filters .menu-filter .filter-entry .ember-basic-dropdown-trigger i {
  padding-left: 15px;
}
.quick-filters .menu-adv-filters .ember-basic-dropdown-trigger {
  color: #105681;
  font-size: 0.9rem;
  padding-top: 5px;
  cursor: pointer;
}
.quick-filters .menu-filter-search {
  margin-bottom: 5px;
  padding-right: 15px;
  display: flex;
}
.quick-filters .menu-filter-search input {
  height: 2rem;
  width: auto;
  display: inline-block;
  padding-bottom: 0.4rem;
}
.quick-filters .menu-filter-search button {
  height: 2rem;
  padding-top: 8px;
  top: 0;
  left: -1px;
  display: inline-block;
}
.quick-filters input {
  border: 1px solid #cccaca;
}

.advanced-filters-selector {
  width: 250px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.advanced-filters-selector .clear-items-ct {
  padding-left: 10px;
  padding-bottom: 5px;
}

.section-chapter .seeker-toggler-content {
  font-size: 0.9rem;
  color: #281e1e;
  line-height: 1.6rem;
  padding-left: 14px;
}

.skp-setup-page-buttons {
  position: fixed;
  left: 0;
  bottom: 0;
  text-align: right;
  display: block;
  width: 99%;
  height: 87px;
}
.skp-setup-page-buttons .skp-setup-page-buttons-overlay {
  position: absolute;
  background-color: #e8e9ec;
  opacity: 0.5;
  width: 100%;
  height: 100%;
}
.skp-setup-page-buttons .icon {
  font-size: 15px;
}
.skp-setup-page-buttons button, .skp-setup-page-buttons a {
  margin-top: 25px;
  margin-right: 25px;
}

#setup-wizard .header-controls .nav-items {
  display: none;
}
#setup-wizard .app-icon-bar {
  width: 70px;
}

#setup-page {
  margin-bottom: 100px;
  font-size: 0.9rem;
}
#setup-page h4, #setup-page h2 {
  margin-bottom: 1rem;
}
#setup-page h4 .icon, #setup-page h2 .icon {
  font-size: 1.8rem;
}
#setup-page .breadcrumbs li:not(:last-child)::after {
  margin-left: 5px;
  margin-right: 5px;
}

#setup-page .breadcrumbs, #diagnostic-page .breadcrumbs, #newgroup-page .breadcrumbs, #newuser-page .breadcrumbs, #newcustomtag-page .breadcrumbs {
  padding-top: 10px;
}
#setup-page .breadcrumbs li a, #diagnostic-page .breadcrumbs li a, #newgroup-page .breadcrumbs li a, #newuser-page .breadcrumbs li a, #newcustomtag-page .breadcrumbs li a {
  font-size: inherit;
}
#setup-page .breadcrumbs li:not(:last-child)::after, #diagnostic-page .breadcrumbs li:not(:last-child)::after, #newgroup-page .breadcrumbs li:not(:last-child)::after, #newuser-page .breadcrumbs li:not(:last-child)::after, #newcustomtag-page .breadcrumbs li:not(:last-child)::after {
  color: #55565A;
}
#setup-page .breadcrumbs .active, #diagnostic-page .breadcrumbs .active, #newgroup-page .breadcrumbs .active, #newuser-page .breadcrumbs .active, #newcustomtag-page .breadcrumbs .active {
  font-weight: bold;
}
#setup-page .breadcrumbs .disabled, #diagnostic-page .breadcrumbs .disabled, #newgroup-page .breadcrumbs .disabled, #newuser-page .breadcrumbs .disabled, #newcustomtag-page .breadcrumbs .disabled {
  color: #b3b2b1;
}
#setup-page .breadcrumbs .has-errors i, #diagnostic-page .breadcrumbs .has-errors i, #newgroup-page .breadcrumbs .has-errors i, #newuser-page .breadcrumbs .has-errors i, #newcustomtag-page .breadcrumbs .has-errors i {
  color: red;
}
#setup-page #setup-url-page, #diagnostic-page #setup-url-page, #newgroup-page #setup-url-page, #newuser-page #setup-url-page, #newcustomtag-page #setup-url-page {
  font-size: 0.9rem;
  line-height: 1.6rem;
}
#setup-page #setup-url-page img, #diagnostic-page #setup-url-page img, #newgroup-page #setup-url-page img, #newuser-page #setup-url-page img, #newcustomtag-page #setup-url-page img {
  width: 750px;
}
#setup-page #setup-url-page .enterprise-server-url-field input, #diagnostic-page #setup-url-page .enterprise-server-url-field input, #newgroup-page #setup-url-page .enterprise-server-url-field input, #newuser-page #setup-url-page .enterprise-server-url-field input, #newcustomtag-page #setup-url-page .enterprise-server-url-field input {
  margin-bottom: 2px;
}
#setup-page #setup-url-page .enterprise-server-url-field .label-description, #diagnostic-page #setup-url-page .enterprise-server-url-field .label-description, #newgroup-page #setup-url-page .enterprise-server-url-field .label-description, #newuser-page #setup-url-page .enterprise-server-url-field .label-description, #newcustomtag-page #setup-url-page .enterprise-server-url-field .label-description {
  margin-bottom: 0;
}
#setup-page #setup-activation-page, #diagnostic-page #setup-activation-page, #newgroup-page #setup-activation-page, #newuser-page #setup-activation-page, #newcustomtag-page #setup-activation-page {
  font-size: 0.9rem;
}
#setup-page #setup-activation-page select, #diagnostic-page #setup-activation-page select, #newgroup-page #setup-activation-page select, #newuser-page #setup-activation-page select, #newcustomtag-page #setup-activation-page select {
  border-color: #b3b2b1;
}
#setup-page #setup-activation-page, #diagnostic-page #setup-activation-page, #newgroup-page #setup-activation-page, #newuser-page #setup-activation-page, #newcustomtag-page #setup-activation-page {
  font-size: 0.9rem;
}
#setup-page #setup-activation-page select, #diagnostic-page #setup-activation-page select, #newgroup-page #setup-activation-page select, #newuser-page #setup-activation-page select, #newcustomtag-page #setup-activation-page select {
  border-color: #b3b2b1;
}
#setup-page #setup-activation-page code, #diagnostic-page #setup-activation-page code, #newgroup-page #setup-activation-page code, #newuser-page #setup-activation-page code, #newcustomtag-page #setup-activation-page code {
  white-space: normal;
}
#setup-page #setup-activation-page #agent-activated, #diagnostic-page #setup-activation-page #agent-activated, #newgroup-page #setup-activation-page #agent-activated, #newuser-page #setup-activation-page #agent-activated, #newcustomtag-page #setup-activation-page #agent-activated {
  border: 1px solid #b3b2b1;
  margin-bottom: 15px;
  position: relative;
  padding-bottom: 30px;
}
#setup-page #setup-activation-page #agent-activated ul, #diagnostic-page #setup-activation-page #agent-activated ul, #newgroup-page #setup-activation-page #agent-activated ul, #newuser-page #setup-activation-page #agent-activated ul, #newcustomtag-page #setup-activation-page #agent-activated ul {
  list-style: none;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 0;
}
#setup-page #setup-activation-page #agent-activated ul .process-line, #diagnostic-page #setup-activation-page #agent-activated ul .process-line, #newgroup-page #setup-activation-page #agent-activated ul .process-line, #newuser-page #setup-activation-page #agent-activated ul .process-line, #newcustomtag-page #setup-activation-page #agent-activated ul .process-line {
  margin-bottom: 5px;
}
#setup-page #setup-activation-page #agent-activated ul .process-line .process, #diagnostic-page #setup-activation-page #agent-activated ul .process-line .process, #newgroup-page #setup-activation-page #agent-activated ul .process-line .process, #newuser-page #setup-activation-page #agent-activated ul .process-line .process, #newcustomtag-page #setup-activation-page #agent-activated ul .process-line .process {
  border-color: #8abfe6;
  background-color: #4886b3;
  color: white;
}
#setup-page #setup-activation-page #agent-activated ul .process-line .process .process-name label, #diagnostic-page #setup-activation-page #agent-activated ul .process-line .process .process-name label, #newgroup-page #setup-activation-page #agent-activated ul .process-line .process .process-name label, #newuser-page #setup-activation-page #agent-activated ul .process-line .process .process-name label, #newcustomtag-page #setup-activation-page #agent-activated ul .process-line .process .process-name label {
  color: white;
}
#setup-page #setup-activation-page #agent-activated a, #diagnostic-page #setup-activation-page #agent-activated a, #newgroup-page #setup-activation-page #agent-activated a, #newuser-page #setup-activation-page #agent-activated a, #newcustomtag-page #setup-activation-page #agent-activated a {
  font-size: smaller;
}
#setup-page #setup-activation-page #agent-activated #agent-activation-troubleshooting, #diagnostic-page #setup-activation-page #agent-activated #agent-activation-troubleshooting, #newgroup-page #setup-activation-page #agent-activated #agent-activation-troubleshooting, #newuser-page #setup-activation-page #agent-activated #agent-activation-troubleshooting, #newcustomtag-page #setup-activation-page #agent-activated #agent-activation-troubleshooting {
  position: absolute;
  bottom: 10px;
}

.process-exec-version {
  padding-left: 42px;
}

.agent-version {
  margin-bottom: 10px;
  font-size: 0.9rem;
}
.agent-version span {
  font-weight: lighter;
}
.agent-version div {
  display: inline-block;
}

#report-page #report-page-content h3 {
  margin-top: 0;
  margin-bottom: 20px;
}
#report-page #report-page-content .compliance-section {
  margin-bottom: 35px;
}
#report-page h3 {
  margin-top: 25px;
}
#report-page .compliance-summary-report-title {
  display: inline-block;
  margin-right: 10px;
}
#report-page .details-anchor {
  font-size: 0.9rem;
}
#report-page .to-top-anchor {
  font-size: 0.9rem;
}
#report-page .compliance-table {
  margin-top: 30px;
  margin-bottom: 15px;
}
#report-page .compliance-table .column-critical-count-zero,
#report-page .compliance-table .column-high-count-zero,
#report-page .compliance-table .column-medium-count-zero,
#report-page .compliance-table .column-low-count-zero,
#report-page .compliance-table .column-informative-count-zero {
  color: lightgrey !important;
}
#report-page .compliance-table .column-critical-count-non-zero a {
  color: #d61425 !important;
}
#report-page .compliance-table .column-high-count-non-zero a {
  color: #e46921 !important;
}
#report-page .compliance-table .column-medium-count-non-zero a {
  color: #f1901d !important;
}
#report-page .compliance-table .column-low-count-non-zero a {
  color: #FFB819 !important;
}
#report-page .compliance-table .column-informative-count-non-zero a {
  color: #b3b2b1 !important;
}
#report-page .compliance-table .column-total-count-non-zero a {
  color: #d61425 !important;
}
#report-page .compliance-table .column-total-count-zero {
  color: #90BF3E !important;
}
#report-page .compliance-table .column-threat-status-yes, #report-page .compliance-table .column-threat-status-true {
  color: #90BF3E;
}
#report-page .compliance-table .column-threat-status-no, #report-page .compliance-table .column-threat-status-false {
  color: #d61425;
}

#main {
  top: 65px;
  position: absolute;
  right: 0;
  left: 0;
  overflow-y: auto;
}

@media print {
  #main {
    overflow-y: visible;
    position: absolute;
    margin-top: 0;
  }
  .top-bar {
    display: none;
  }
  #report-page .details-anchor, #report-page .to-top-anchor, #report-page .sort-dir-indicator {
    display: none;
  }
  #report-page h1, #report-page h3, #report-page h5 {
    color: #105681 !important;
  }
  #report-page h3 {
    margin-top: 25px;
  }
  #report-page h5 {
    font-size: 90%;
  }
  #report-page .column-head-total-count {
    width: 27%;
  }
  #report-page .column-head-classification-name {
    width: 40%;
  }
}
.configuration-icon {
  display: inline-block;
  text-align: center;
  width: 20px;
}

.back-link-container {
  margin-bottom: 15px;
  font-size: smaller;
}

.edit-menu {
  font-size: 1rem;
  margin-bottom: 10px;
}
.edit-menu ul li > a {
  padding: 0 1.5rem 0 0;
}
.edit-menu ul li > a .has-errors {
  color: red;
}
.edit-menu ul .active {
  font-weight: bold;
  background-color: transparent;
}
.edit-menu i {
  font-size: xx-small;
}

.switch-paddle {
  background-color: #646E81;
}

.checker-switch {
  margin-bottom: 0px;
}

.ember-tooltip {
  z-index: 12;
}

#any-project-checkbox {
  margin-bottom: 0;
}

#security-token-edit-page .copy-token-value {
  display: inline-block;
  width: 450px;
}
#security-token-edit-page #copy-button {
  padding-top: 6px;
  padding-bottom: 7px;
}

.text-highlight {
  background-color: #e8e9ec;
  padding: 2px;
}

#dashboard-page #compliance-report-export-button {
  position: absolute;
  right: -2px;
  top: -17px;
  z-index: 12;
}
#dashboard-page #compliance-report-export-button .button {
  height: 31px;
  margin-top: 21px;
  margin-left: 30px;
  padding-top: 8px;
}

#set-license-page {
  font-size: 0.9rem;
}
#set-license-page .copy-host-id {
  display: inline-block;
  width: 450px;
}
#set-license-page #copy-button {
  padding-top: 6px;
  padding-bottom: 7px;
}
#set-license-page #license-content-textarea {
  max-width: 590px;
}

.edit-btn {
  font-size: 1.3rem;
  color: #B3B2B1;
  cursor: pointer;
}

.widget-disabled .block-listing *, .widget-disabled tbody * {
  opacity: 0.8;
}

#change-password-dialog {
  width: 300px;
}

#change-locale-dialog {
  width: 500px;
}

.new, .beta, .deprecated {
  background: #646E81;
  position: relative;
  display: inline-block;
  font-size: 9px;
  font-weight: 500;
  padding-left: 2px;
  padding-right: 2px;
  line-height: 12px;
  height: 12px;
  color: white;
  top: -1px;
  margin-left: 5px;
  text-transform: uppercase;
}

.anchor-like {
  color: #105681;
}

.custom-no-matches-message {
  font-size: 0.9rem;
  padding-left: 8px;
}

.callout {
  padding: 10px;
  margin-bottom: 10px;
  font-size: 0.9rem !important;
}
.callout p, .callout li {
  font-size: 0.9rem;
}
.callout h5 {
  font-size: 0.9rem;
  font-weight: 300;
  color: #281e1e;
}
.callout .svg-inline--fa {
  color: #105681;
  margin-right: 5px;
  font-size: smaller;
}

#export-menu {
  position: absolute;
  right: 0;
  z-index: 12;
}
#export-menu ul li {
  height: auto;
}
#export-menu ul li a {
  padding-top: 0.8rem;
  font-size: 0.9rem;
}
#export-menu ul li a::after {
  border-color: white transparent transparent;
}
#export-menu ul li a.active {
  color: #39F;
  border: 0;
}
#export-menu ul .submenu li {
  font-size: 0.9rem;
  font-weight: normal;
}

.no-margin {
  margin: 0;
}

.padding-10 {
  padding: 10px;
}

.no-margin-top {
  margin-top: 0;
}

.slight-margin-top {
  margin-top: 0.64286rem;
}

.margin-left-15 {
  margin-left: 15px;
}

.margin-top-15 {
  margin-top: 15px;
}

.margin-bottom-15 {
  margin-bottom: 15px;
}

.section-header {
  font-size: 1.28571rem;
}

.section-divider, form .form-section-divider {
  margin-top: 1rem;
  margin-bottom: 1.5rem;
  width: 100%;
  border-width: 1px;
}

.button-save {
  display: inline-block;
  width: 62px;
}

.app-header > .grid-x {
  flex-flow: column nowrap;
}

#custom-logo {
  display: block;
  margin-top: 12px;
  margin-left: 320px;
  height: 50px;
}

#role-configuration-list .skp-table {
  margin-bottom: 30px;
}

.display-avatar {
  height: 20px;
  width: 20px;
  border-radius: 50%;
}

#api-docs-list {
  margin-top: 15px;
}

.margin-bottom-2 {
  margin-bottom: 2rem;
}

#error-page {
  padding-top: 20px;
}