/* Base Spectrum */
/* Palette Colors */
/* Base Grayscale */
/* V1 Cool Grayscale */
/* Lighter Spectrum */
/* Lightest Spectrum */
/* Darker Spectrum */
/* Darker Tone Spectrum */
/* Darkest Spectrum */
/**
 Styles applied directly to body can't use the .themer mixin.
*/
body.standalone {
  background-color: #191d22;
}
body:not(.standalone) {
  background-color: #e6f0f4;
  color: #244451;
}
body.dark {
  background-color: #05090a;
  color: #c3dbe4;
}
body.dark h1 {
  color: #ffffff !important;
}
/* PCO stands for Property Color Opacity. It is for allowing element coloring that will work with both themes simultaneously, via opacity. Properties include color, background-color, outline-color or border-color. The reason they are broken out rather than just using currentColor is because there are states where one might change due to theme while another might not so the colors might need to be called out separately. */
/* BSCO means Box Shadow Color Opacity. It works the same as PCO except that since box-shadow only accepts a shorthand value we are forced to call its color with all the values so it cannot be set outside of the shorthand statement. */
.selected-state {
  border-color: #1daabd;
}
.hover-state:hover {
  border-color: rgba(67, 128, 152, 0.5);
  box-shadow: 0 0 7px 0 rgba(67, 128, 152, 0.3);
}
.hover-state:hover::before {
  left: -100%;
}
.focus-state:focus,
.focus-state:focus-within {
  border-color: #1daabd;
  box-shadow: 0 0 7px 0 rgba(29, 170, 189, 0.3);
}
.focus-state:focus::before,
.focus-state:focus-within::before {
  left: -100%;
  background-color: rgba(29, 170, 189, 0.2);
}
.disabled-state {
  opacity: 0.5;
  border: none;
  box-shadow: none;
  cursor: not-allowed;
}
.navigation-selected-state.selected,
.navigation-selected-state.active,
.navigation-selected-state.ui-tabs-active {
  background: linear-gradient(to top, transparent 80%, rgba(90, 213, 230, 0.4) 100%);
}
.navigation-selected-state.selected:after,
.navigation-selected-state.active:after,
.navigation-selected-state.ui-tabs-active:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 6px;
  background-color: #79B522;
}
.navigation-hover-state * {
  transition: 0.3s all ease-in-out;
}
.navigation-hover-state .svg-icon svg {
  transition: 0.2s all ease-in-out;
}
.navigation-hover-state .svg-icon.drip-chevron svg {
  transition: 0.1s all ease-in-out;
}
.navigation-hover-state:hover,
.navigation-hover-state:focus {
  color: #ffffff;
}
body.dark .navigation-hover-state:hover,
body.dark .navigation-hover-state:focus {
  color: #ffffff;
}
.navigation-hover-state:hover a,
.navigation-hover-state:focus a {
  color: #ffffff;
}
body.dark .navigation-hover-state:hover a,
body.dark .navigation-hover-state:focus a {
  color: #ffffff;
}
.navigation-hover-state:hover::before,
.navigation-hover-state:focus::before {
  transform: translate3d(-50%, 50%, 0) scale3d(15, 15, 15);
}
.navigation-hover-state::before {
  content: '';
  z-index: -1;
  position: absolute;
  bottom: 100%;
  left: 100%;
  width: 2em;
  height: 2em;
  border-radius: 50%;
  background-color: #79B522;
  transform-origin: center;
  transform: translate3d(-50%, 50%, 0) scale3d(0, 0, 0);
  transition: transform 0.45s ease-in-out;
}
.non-actionable-table tr:hover {
  border-color: rgba(67, 128, 152, 0.3);
  box-shadow: none;
  z-index: 0;
}
.callout-font {
  font-size: 0.9em;
  font-style: italic;
  color: #e68900;
}
body.dark .callout-font {
  color: #e68900;
}
.state-action {
  position: relative;
  overflow: hidden;
}
.state-action::before {
  content: '';
  position: absolute;
  width: 0;
  height: 100%;
  top: 0;
  left: 100%;
  transition: 0.3s all ease-out;
  z-index: -1;
  background-color: rgba(67, 128, 152, 0.2);
}
.state-action:hover {
  border-color: rgba(67, 128, 152, 0.5);
  box-shadow: 3px 3px 7px 0 rgba(67, 128, 152, 0.3);
  cursor: pointer;
}
.state-action:hover::before {
  width: 100%;
  left: 0;
  background-color: rgba(67, 128, 152, 0.2);
}
.state-action.selected,
.state-action:focus,
.state-action:focus-within {
  border-color: #1daabd;
  box-shadow: 0 0 7px 0 rgba(29, 170, 189, 0.3);
}
.state-action.selected::before,
.state-action:focus::before,
.state-action:focus-within::before {
  width: 100%;
  left: 0;
  background-color: rgba(29, 170, 189, 0.2);
}
.state-action:disabled,
.state-action[disabled] {
  opacity: 0.5;
  border: none;
  box-shadow: none;
  cursor: not-allowed;
}
.state-action-no-glo {
  position: relative;
  overflow: hidden;
}
.state-action-no-glo::before {
  content: '';
  position: absolute;
  width: 0;
  height: 100%;
  top: 0;
  left: 100%;
  transition: 0.3s all ease-out;
  z-index: -1;
  background-color: rgba(67, 128, 152, 0.2);
}
.state-action-no-glo:hover {
  border-color: rgba(67, 128, 152, 0.5);
  box-shadow: 3px 3px 7px 0 rgba(67, 128, 152, 0.3);
  cursor: pointer;
}
.state-action-no-glo:hover::before {
  width: 100%;
  left: 0;
  background-color: rgba(67, 128, 152, 0.2);
}
.state-action-no-glo.selected,
.state-action-no-glo:focus,
.state-action-no-glo:focus-within {
  border-color: #1daabd;
  box-shadow: 0 0 7px 0 rgba(29, 170, 189, 0.3);
}
.state-action-no-glo.selected::before,
.state-action-no-glo:focus::before,
.state-action-no-glo:focus-within::before {
  width: 100%;
  left: 0;
  background-color: rgba(29, 170, 189, 0.2);
}
.state-action-no-glo:disabled,
.state-action-no-glo[disabled] {
  opacity: 0.5;
  border: none;
  box-shadow: none;
  cursor: not-allowed;
}
.state-action-no-glo::before {
  content: '';
  position: absolute;
  width: 0;
  height: 100%;
  top: 0;
  left: 100%;
  transition: 0.3s all ease-out;
  z-index: -1;
  background-color: rgba(67, 128, 152, 0.2);
}
.state-action-no-glo:hover {
  border-color: rgba(67, 128, 152, 0.5);
  box-shadow: 3px 3px 7px 0 rgba(67, 128, 152, 0.3);
  cursor: pointer;
}
.state-action-no-glo:hover::before {
  width: 100%;
  left: 0;
  background-color: rgba(67, 128, 152, 0.2);
}
.state-action-no-glo.selected,
.state-action-no-glo:focus,
.state-action-no-glo:focus-within {
  border-color: #1daabd;
  box-shadow: 0 0 7px 0 rgba(29, 170, 189, 0.3);
}
.state-action-no-glo.selected::before,
.state-action-no-glo:focus::before,
.state-action-no-glo:focus-within::before {
  width: 100%;
  left: 0;
  background-color: rgba(29, 170, 189, 0.2);
}
.state-action-no-glo:disabled,
.state-action-no-glo[disabled] {
  opacity: 0.5;
  border: none;
  box-shadow: none;
  cursor: not-allowed;
}
.state-action-no-glo,
.state-action-no-glo:hover,
.state-action-no-glo:focus,
.state-action-no-glo:focus-within,
.state-action-no-glo.selected {
  box-shadow: none !important;
}
.state-action-no-slide {
  position: relative;
  overflow: hidden;
  overflow: visible;
}
.state-action-no-slide::before {
  content: '';
  position: absolute;
  width: 0;
  height: 100%;
  top: 0;
  left: 100%;
  transition: 0.3s all ease-out;
  z-index: -1;
  background-color: rgba(67, 128, 152, 0.2);
}
.state-action-no-slide:hover {
  border-color: rgba(67, 128, 152, 0.5);
  box-shadow: 3px 3px 7px 0 rgba(67, 128, 152, 0.3);
  cursor: pointer;
}
.state-action-no-slide:hover::before {
  width: 100%;
  left: 0;
  background-color: rgba(67, 128, 152, 0.2);
}
.state-action-no-slide.selected,
.state-action-no-slide:focus,
.state-action-no-slide:focus-within {
  border-color: #1daabd;
  box-shadow: 0 0 7px 0 rgba(29, 170, 189, 0.3);
}
.state-action-no-slide.selected::before,
.state-action-no-slide:focus::before,
.state-action-no-slide:focus-within::before {
  width: 100%;
  left: 0;
  background-color: rgba(29, 170, 189, 0.2);
}
.state-action-no-slide:disabled,
.state-action-no-slide[disabled] {
  opacity: 0.5;
  border: none;
  box-shadow: none;
  cursor: not-allowed;
}
.state-action-no-slide::before {
  content: '';
  position: absolute;
  width: 0;
  height: 100%;
  top: 0;
  left: 100%;
  transition: 0.3s all ease-out;
  z-index: -1;
  background-color: rgba(67, 128, 152, 0.2);
}
.state-action-no-slide:hover {
  border-color: rgba(67, 128, 152, 0.5);
  box-shadow: 3px 3px 7px 0 rgba(67, 128, 152, 0.3);
  cursor: pointer;
}
.state-action-no-slide:hover::before {
  width: 100%;
  left: 0;
  background-color: rgba(67, 128, 152, 0.2);
}
.state-action-no-slide.selected,
.state-action-no-slide:focus,
.state-action-no-slide:focus-within {
  border-color: #1daabd;
  box-shadow: 0 0 7px 0 rgba(29, 170, 189, 0.3);
}
.state-action-no-slide.selected::before,
.state-action-no-slide:focus::before,
.state-action-no-slide:focus-within::before {
  width: 100%;
  left: 0;
  background-color: rgba(29, 170, 189, 0.2);
}
.state-action-no-slide:disabled,
.state-action-no-slide[disabled] {
  opacity: 0.5;
  border: none;
  box-shadow: none;
  cursor: not-allowed;
}
.state-action-no-slide::before {
  display: none;
}
.state-action-two-tier > *:first-child {
  position: relative;
  overflow: hidden;
  border-radius: inherit;
}
.state-action-two-tier > *:first-child::before {
  content: '';
  position: absolute;
  width: 0;
  height: 100%;
  top: 0;
  left: 100%;
  transition: 0.3s all ease-out;
  z-index: -1;
  background-color: rgba(67, 128, 152, 0.2);
}
.state-action-two-tier:hover {
  border-color: rgba(67, 128, 152, 0.5);
  box-shadow: 3px 3px 7px 0 rgba(67, 128, 152, 0.3);
  cursor: pointer;
}
.state-action-two-tier:hover > *:first-child::before {
  width: 100%;
  left: 0;
  background-color: rgba(67, 128, 152, 0.2);
}
.state-action-two-tier.selected,
.state-action-two-tier:focus,
.state-action-two-tier:focus-within {
  border-color: #1daabd;
  box-shadow: 0 0 7px 0 rgba(29, 170, 189, 0.3);
}
.state-action-two-tier.selected > *:first-child::before,
.state-action-two-tier:focus > *:first-child::before,
.state-action-two-tier:focus-within > *:first-child::before {
  width: 100%;
  left: 0;
  background-color: rgba(29, 170, 189, 0.2);
}
.state-action-two-tier:disabled,
.state-action-two-tier[disabled] {
  opacity: 0.5;
  border: none;
  box-shadow: none;
  cursor: not-allowed;
}
@font-face {
  font-family: 'Lato';
  font-weight: 400;
  src: url(/dist/scripts/./../fonts/Lato-Regular.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-weight: 700;
  src: url(/dist/scripts/./../fonts/Lato-Bold.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-weight: 400;
  font-style: italic;
  src: url(/dist/scripts/./../fonts/Lato-Italic.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-weight: 700;
  font-style: italic;
  src: url(/dist/scripts/./../fonts/Lato-BoldItalic.woff) format('woff');
}
/* 12px */
/* 12px */
/* 16px */
/* 20px */
/* 24px */
/* 56px */
.bold {
  font-weight: 700;
}
h1 {
  font-size: 1.714em;
}
h2 {
  font-size: 1.429em;
}
h3 {
  font-size: 1.143em;
  font-weight: 700;
}
h4,
h5 {
  font-size: 1.143em;
  font-weight: 400;
}
h6 {
  font-size: 14px;
  font-weight: 400;
}
/*
 * Print styles.
 *
 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
 * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
*/
@media print {
  * {
    background: transparent !important;
    box-shadow: none !important;
    color: #000000 !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999999;
    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;
  }
}
* {
  font-family: 'Lato', -apple-system, system-ui, BlinkMacSystemFont, sans-serif;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}
*:focus {
  outline: none;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
p,
blockquote,
table,
thead,
tbody,
tfoot,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}
body {
  height: 100vh;
  max-height: 100vh;
  position: static;
  /* added to fix a problem with tooltips and positioning */
  font-family: 'Lato', -apple-system, system-ui, BlinkMacSystemFont, sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  background-color: #e6f0f4;
  color: #244451;
}
body.dark body {
  background-color: #05090a;
}
body.dark body {
  color: #c3dbe4;
}
/* Default header styles */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Lato', -apple-system, system-ui, BlinkMacSystemFont, sans-serif;
  -webkit-font-smoothing: antialiased;
  color: currentColor;
}
body.dark h1,
body.dark h2,
body.dark h3,
body.dark h4,
body.dark h5,
body.dark h6 {
  color: #ffffff;
}
/* Default hyperlink styles */
a {
  color: #168291;
  line-height: inherit;
  text-decoration: none;
}
body.dark a {
  color: #7cb0c5;
}
a:active {
  color: #168291;
}
body.dark a:active {
  color: #589bb6;
}
a:hover,
a:focus {
  color: #168291;
}
body.dark a:hover,
body.dark a:focus {
  color: #589bb6;
}
a:hover {
  cursor: pointer;
}
a img {
  border: none;
}
/* Default paragraph styles */
p {
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.6;
  margin-bottom: 1.25rem;
  text-rendering: optimizeLegibility;
}
/* Helpful Typography Defaults */
em,
i,
strong,
b,
small {
  line-height: inherit;
}
em,
i {
  font-style: italic;
}
strong,
b {
  font-weight: bold;
}
small {
  font-size: 60%;
}
code {
  background-color: #f8f9fb;
  border: 1px solid #e1e0e1;
  color: #31363e;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  padding: 0.125rem 0.3125rem 0.0625rem;
}
hr {
  border-top: 1px solid transparent;
  clear: both;
  height: 0;
  margin: 1.25rem 0 1.1875rem;
  border-color: #d6d7d8;
}
body.dark hr {
  border-color: #0f5a65;
}
th {
  text-align: inherit;
}
/* Lists */
ul,
ol,
dl {
  list-style-type: none;
}
dl dt {
  margin-bottom: 0.3rem;
  font-weight: bold;
}
dl dd {
  margin-bottom: 0.75rem;
}
/* Abbreviations */
abbr,
acronym {
  text-transform: uppercase;
  font-size: 90%;
  color: #222;
  cursor: help;
}
abbr {
  text-transform: none;
}
abbr[title] {
  border-bottom: 1px dotted #e1e0e1;
}
/* Blockquotes */
blockquote {
  margin: 0 0 1.25rem;
  padding: 0.5625rem 1.25rem 0 1.1875rem;
  border-left: 1px solid #e1e0e1;
  line-height: 1.6;
  color: #737373;
}
blockquote p {
  line-height: 1.6;
  color: #737373;
}
blockquote cite {
  display: block;
  font-size: 0.8125rem;
  color: #4d5052;
}
blockquote cite:before {
  content: "\2014 \0020";
}
blockquote cite a,
blockquote cite a:visited {
  color: #4d5052;
}
img {
  max-width: 100%;
  height: auto;
  display: inline-block;
  vertical-align: middle;
}
iframe {
  background: transparent !important;
  border: none;
  width: 100%;
}
iframe html,
iframe body {
  background: transparent !important;
}
pre {
  white-space: pre-wrap;
}
.code,
code {
  font-family: Courier New !important;
  font-size: 10pt !important;
  font-weight: normal !important;
}
hr {
  margin: 1;
}
label {
  display: inline;
  font-size: inherit;
}
/* http://demo.amitjakhu.com/dripicons/ */
@font-face {
  font-family: "dripicons-v2";
  font-weight: normal;
  font-style: normal;
  src: url(/dist/scripts/./../fonts/dripicons-v2.woff) format("woff");
}
[data-icon]:before {
  font-family: "dripicons-v2" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class^="dripicons-"]:before,
[class*=" dripicons-"]:before {
  font-family: "dripicons-v2" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.dripicons-alarm:before {
  content: "\61";
}
.dripicons-align-center:before {
  content: "\62";
}
.dripicons-align-justify:before {
  content: "\63";
}
.dripicons-align-left:before {
  content: "\64";
}
.dripicons-align-right:before {
  content: "\65";
}
.dripicons-anchor:before {
  content: "\66";
}
.dripicons-archive:before {
  content: "\67";
}
.dripicons-arrow-down:before {
  content: "\68";
}
.dripicons-arrow-left:before {
  content: "\69";
}
.dripicons-arrow-right:before {
  content: "\6a";
}
.dripicons-arrow-thin-down:before {
  content: "\6b";
}
.dripicons-arrow-thin-left:before {
  content: "\6c";
}
.dripicons-arrow-thin-right:before {
  content: "\6d";
}
.dripicons-arrow-thin-up:before {
  content: "\6e";
}
.dripicons-arrow-up:before {
  content: "\6f";
}
.dripicons-article:before {
  content: "\70";
}
.dripicons-backspace:before {
  content: "\71";
}
.dripicons-basket:before {
  content: "\72";
}
.dripicons-basketball:before {
  content: "\73";
}
.dripicons-battery-empty:before {
  content: "\74";
}
.dripicons-battery-full:before {
  content: "\75";
}
.dripicons-battery-low:before {
  content: "\76";
}
.dripicons-battery-medium:before {
  content: "\77";
}
.dripicons-bell:before {
  content: "\78";
}
.dripicons-blog:before {
  content: "\79";
}
.dripicons-bluetooth:before {
  content: "\7a";
}
.dripicons-bold:before {
  content: "\41";
}
.dripicons-bookmark:before {
  content: "\42";
}
.dripicons-bookmarks:before {
  content: "\43";
}
.dripicons-box:before {
  content: "\44";
}
.dripicons-briefcase:before {
  content: "\45";
}
.dripicons-brightness-low:before {
  content: "\46";
}
.dripicons-brightness-max:before {
  content: "\47";
}
.dripicons-brightness-medium:before {
  content: "\48";
}
.dripicons-broadcast:before {
  content: "\49";
}
.dripicons-browser:before {
  content: "\4a";
}
.dripicons-browser-upload:before {
  content: "\4b";
}
.dripicons-brush:before {
  content: "\4c";
}
.dripicons-calendar:before {
  content: "\4d";
}
.dripicons-camcorder:before {
  content: "\4e";
}
.dripicons-camera:before {
  content: "\4f";
}
.dripicons-card:before {
  content: "\50";
}
.dripicons-cart:before {
  content: "\51";
}
.dripicons-checklist:before {
  content: "\52";
}
.dripicons-checkmark:before {
  content: "\53";
}
.dripicons-chevron-down:before {
  content: "\54";
}
.dripicons-chevron-left:before {
  content: "\55";
}
.dripicons-chevron-right:before {
  content: "\56";
}
.dripicons-chevron-up:before {
  content: "\57";
}
.dripicons-clipboard:before {
  content: "\58";
}
.dripicons-clock:before {
  content: "\59";
}
.dripicons-clockwise:before {
  content: "\5a";
}
.dripicons-cloud:before {
  content: "\30";
}
.dripicons-cloud-download:before {
  content: "\31";
}
.dripicons-cloud-upload:before {
  content: "\32";
}
.dripicons-code:before {
  content: "\33";
}
.dripicons-contract:before {
  content: "\34";
}
.dripicons-contract-2:before {
  content: "\35";
}
.dripicons-conversation:before {
  content: "\36";
}
.dripicons-copy:before {
  content: "\37";
}
.dripicons-crop:before {
  content: "\38";
}
.dripicons-cross:before {
  content: "\39";
}
.dripicons-crosshair:before {
  content: "\21";
}
.dripicons-cutlery:before {
  content: "\22";
}
.dripicons-device-desktop:before {
  content: "\23";
}
.dripicons-device-mobile:before {
  content: "\24";
}
.dripicons-device-tablet:before {
  content: "\25";
}
.dripicons-direction:before {
  content: "\26";
}
.dripicons-disc:before {
  content: "\27";
}
.dripicons-document:before {
  content: "\28";
}
.dripicons-document-delete:before {
  content: "\29";
}
.dripicons-document-edit:before {
  content: "\2a";
}
.dripicons-document-new:before {
  content: "\2b";
}
.dripicons-document-remove:before {
  content: "\2c";
}
.dripicons-dot:before {
  content: "\2d";
}
.dripicons-dots-2:before {
  content: "\2e";
}
.dripicons-dots-3:before {
  content: "\2f";
}
.dripicons-download:before {
  content: "\3a";
}
.dripicons-duplicate:before {
  content: "\3b";
}
.dripicons-enter:before {
  content: "\3c";
}
.dripicons-exit:before {
  content: "\3d";
}
.dripicons-expand:before {
  content: "\3e";
}
.dripicons-expand-2:before {
  content: "\3f";
}
.dripicons-experiment:before {
  content: "\40";
}
.dripicons-export:before {
  content: "\5b";
}
.dripicons-feed:before {
  content: "\5d";
}
.dripicons-flag:before {
  content: "\5e";
}
.dripicons-flashlight:before {
  content: "\5f";
}
.dripicons-folder:before {
  content: "\60";
}
.dripicons-folder-open:before {
  content: "\7b";
}
.dripicons-forward:before {
  content: "\7c";
}
.dripicons-gaming:before {
  content: "\7d";
}
.dripicons-gear:before {
  content: "\7e";
}
.dripicons-graduation:before {
  content: "\5c";
}
.dripicons-graph-bar:before {
  content: "\e000";
}
.dripicons-graph-line:before {
  content: "\e001";
}
.dripicons-graph-pie:before {
  content: "\e002";
}
.dripicons-headset:before {
  content: "\e003";
}
.dripicons-heart:before {
  content: "\e004";
}
.dripicons-help:before {
  content: "\e005";
}
.dripicons-home:before {
  content: "\e006";
}
.dripicons-hourglass:before {
  content: "\e007";
}
.dripicons-inbox:before {
  content: "\e008";
}
.dripicons-information:before {
  content: "\e009";
}
.dripicons-italic:before {
  content: "\e00a";
}
.dripicons-jewel:before {
  content: "\e00b";
}
.dripicons-lifting:before {
  content: "\e00c";
}
.dripicons-lightbulb:before {
  content: "\e00d";
}
.dripicons-link:before {
  content: "\e00e";
}
.dripicons-link-broken:before {
  content: "\e00f";
}
.dripicons-list:before {
  content: "\e010";
}
.dripicons-loading:before {
  content: "\e011";
}
.dripicons-location:before {
  content: "\e012";
}
.dripicons-lock:before {
  content: "\e013";
}
.dripicons-lock-open:before {
  content: "\e014";
}
.dripicons-mail:before {
  content: "\e015";
}
.dripicons-map:before {
  content: "\e016";
}
.dripicons-media-loop:before {
  content: "\e017";
}
.dripicons-media-next:before {
  content: "\e018";
}
.dripicons-media-pause:before {
  content: "\e019";
}
.dripicons-media-play:before {
  content: "\e01a";
}
.dripicons-media-previous:before {
  content: "\e01b";
}
.dripicons-media-record:before {
  content: "\e01c";
}
.dripicons-media-shuffle:before {
  content: "\e01d";
}
.dripicons-media-stop:before {
  content: "\e01e";
}
.dripicons-medical:before {
  content: "\e01f";
}
.dripicons-menu:before {
  content: "\e020";
}
.dripicons-message:before {
  content: "\e021";
}
.dripicons-meter:before {
  content: "\e022";
}
.dripicons-microphone:before {
  content: "\e023";
}
.dripicons-minus:before {
  content: "\e024";
}
.dripicons-monitor:before {
  content: "\e025";
}
.dripicons-move:before {
  content: "\e026";
}
.dripicons-music:before {
  content: "\e027";
}
.dripicons-network-1:before {
  content: "\e028";
}
.dripicons-network-2:before {
  content: "\e029";
}
.dripicons-network-3:before {
  content: "\e02a";
}
.dripicons-network-4:before {
  content: "\e02b";
}
.dripicons-network-5:before {
  content: "\e02c";
}
.dripicons-pamphlet:before {
  content: "\e02d";
}
.dripicons-paperclip:before {
  content: "\e02e";
}
.dripicons-pencil:before {
  content: "\e02f";
}
.dripicons-phone:before {
  content: "\e030";
}
.dripicons-photo:before {
  content: "\e031";
}
.dripicons-photo-group:before {
  content: "\e032";
}
.dripicons-pill:before {
  content: "\e033";
}
.dripicons-pin:before {
  content: "\e034";
}
.dripicons-plus:before {
  content: "\e035";
}
.dripicons-power:before {
  content: "\e036";
}
.dripicons-preview:before {
  content: "\e037";
}
.dripicons-print:before {
  content: "\e038";
}
.dripicons-pulse:before {
  content: "\e039";
}
.dripicons-question:before {
  content: "\e03a";
}
.dripicons-reply:before {
  content: "\e03b";
}
.dripicons-reply-all:before {
  content: "\e03c";
}
.dripicons-return:before {
  content: "\e03d";
}
.dripicons-retweet:before {
  content: "\e03e";
}
.dripicons-rocket:before {
  content: "\e03f";
}
.dripicons-scale:before {
  content: "\e040";
}
.dripicons-search:before {
  content: "\e041";
}
.dripicons-shopping-bag:before {
  content: "\e042";
}
.dripicons-skip:before {
  content: "\e043";
}
.dripicons-stack:before {
  content: "\e044";
}
.dripicons-star:before {
  content: "\e045";
}
.dripicons-stopwatch:before {
  content: "\e046";
}
.dripicons-store:before {
  content: "\e047";
}
.dripicons-suitcase:before {
  content: "\e048";
}
.dripicons-swap:before {
  content: "\e049";
}
.dripicons-tag:before {
  content: "\e04a";
}
.dripicons-tag-delete:before {
  content: "\e04b";
}
.dripicons-tags:before {
  content: "\e04c";
}
.dripicons-thumbs-down:before {
  content: "\e04d";
}
.dripicons-thumbs-up:before {
  content: "\e04e";
}
.dripicons-ticket:before {
  content: "\e04f";
}
.dripicons-time-reverse:before {
  content: "\e050";
}
.dripicons-to-do:before {
  content: "\e051";
}
.dripicons-toggles:before {
  content: "\e052";
}
.dripicons-trash:before {
  content: "\e053";
}
.dripicons-trophy:before {
  content: "\e054";
}
.dripicons-upload:before {
  content: "\e055";
}
.dripicons-user:before {
  content: "\e056";
}
.dripicons-user-group:before {
  content: "\e057";
}
.dripicons-user-id:before {
  content: "\e058";
}
.dripicons-vibrate:before {
  content: "\e059";
}
.dripicons-view-apps:before {
  content: "\e05a";
}
.dripicons-view-list:before {
  content: "\e05b";
}
.dripicons-view-list-large:before {
  content: "\e05c";
}
.dripicons-view-thumb:before {
  content: "\e05d";
}
.dripicons-volume-full:before {
  content: "\e05e";
}
.dripicons-volume-low:before {
  content: "\e05f";
}
.dripicons-volume-medium:before {
  content: "\e060";
}
.dripicons-volume-off:before {
  content: "\e061";
}
.dripicons-wallet:before {
  content: "\e062";
}
.dripicons-warning:before {
  content: "\e063";
}
.dripicons-web:before {
  content: "\e064";
}
.dripicons-weight:before {
  content: "\e065";
}
.dripicons-wifi:before {
  content: "\e066";
}
.dripicons-wrong:before {
  content: "\e067";
}
.dripicons-zoom-in:before {
  content: "\e068";
}
.dripicons-zoom-out:before {
  content: "\e069";
}
/* -------------------------------------*/
/*            Sixing Styles             */
/* -------------------------------------*/
/*Some handy width classes (in use heavily on the taskEdit page)*/
.w100pct {
  width: 100% !important;
}
.w98pct {
  width: 98% !important;
}
.w95pct {
  width: 95% !important;
}
.w90pct {
  width: 90% !important;
}
.w75pct {
  width: 75% !important;
}
.w70pct {
  width: 70% !important;
}
.w64pct {
  width: 64% !important;
}
.w60pct {
  width: 60% !important;
}
.w50pct {
  width: 50% !important;
}
.w33pct {
  width: 33% !important;
}
.w20pct {
  width: 20% !important;
}
.w1pct {
  width: 1% !important;
}
.w20px {
  width: 20px !important;
}
.w25px {
  width: 25px !important;
}
.w50px {
  width: 50px !important;
}
.w100px {
  width: 100px !important;
}
.w150px {
  width: 150px !important;
}
.w200px {
  width: 200px !important;
}
.w250px {
  width: 250px !important;
  min-width: 250px;
  max-width: 250px;
}
.w300px {
  width: 300px !important;
}
.w400px {
  width: 400px !important;
}
.w600px {
  width: 600px !important;
}
.max-200 {
  max-width: 200px !important;
}
.max-250 {
  max-width: 250px !important;
}
.max-350 {
  max-width: 350px !important;
}
/* These are handy for resizing icon images */
.img20 {
  vertical-align: middle;
  height: 20px;
  width: 20px;
}
.img24 {
  vertical-align: middle;
  height: 24px;
  width: 24px;
}
/* common 'reset' overrides */
.nomargin {
  margin: 0 !important;
}
.nopadding {
  padding: 0 !important;
}
.standard-btn {
  font-size: 0.75rem;
  display: inline-block;
  border-radius: 16px;
  border: 0;
  font-size: 0.685rem;
  transition: 0.5s all linear;
  white-space: nowrap;
  letter-spacing: 0.03em;
  height: 28px;
  line-height: 28px;
  cursor: pointer;
  background-color: #ffffff;
  color: #474c54;
  border: 1px solid transparent;
  border-color: rgba(67, 128, 152, 0.3);
}
.standard-btn a {
  display: inline-block;
  height: 100%;
}
.standard-btn button:nth-of-type(1),
.standard-btn a:nth-of-type(1) {
  padding-left: 0.75em;
}
.standard-btn button:nth-of-type(2),
.standard-btn a:nth-of-type(2) {
  vertical-align: top;
  padding-left: 0;
  padding-right: 0.75em;
}
.standard-btn button:only-child,
.standard-btn a:only-child {
  padding: 0 0.75em;
}
a.standard-btn,
button.standard-btn,
label.standard-btn {
  padding: 0 1em;
}
a.standard-btn,
button.standard-btn {
  margin: 0.2em;
}
body.dark .standard-btn {
  background-color: #2e3137;
}
body.dark .standard-btn {
  color: #ffffff;
}
.standard-btn:hover {
  text-decoration: none;
  background-color: #474c54;
  color: #ffffff;
}
body.dark .standard-btn:hover {
  background-color: #474c54;
}
body.dark .standard-btn:hover {
  color: #ffffff;
}
.standard-btn:hover a {
  color: #474c54;
}
body.dark .standard-btn:hover a {
  color: #ffffff;
}
.standard-btn:hover .svg-icon svg {
  fill: #ffffff;
}
body.dark .standard-btn:hover .svg-icon svg {
  fill: #ffffff;
}
.standard-btn.disabled,
.standard-btn[disabled] {
  box-shadow: none !important;
  text-shadow: none;
  background: #e4e5e5;
  border-color: rgba(67, 128, 152, 0.3);
  color: #767b7e;
}
body.dark .standard-btn.disabled,
body.dark .standard-btn[disabled] {
  background: #244451;
}
body.dark .standard-btn.disabled,
body.dark .standard-btn[disabled] {
  border-color: transparent;
}
body.dark .standard-btn.disabled,
body.dark .standard-btn[disabled] {
  color: #589bb6;
}
.standard-btn.disabled:focus,
.standard-btn[disabled]:focus {
  outline: none;
}
.standard-btn.disabled:hover,
.standard-btn[disabled]:hover {
  box-shadow: none !important;
  text-shadow: none;
  background: #e4e5e5;
  color: #767b7e;
}
body.dark .standard-btn.disabled:hover,
body.dark .standard-btn[disabled]:hover {
  background: #244451;
}
body.dark .standard-btn.disabled:hover,
body.dark .standard-btn[disabled]:hover {
  color: #589bb6;
}
.standard-btn.disabled:hover .svg-icon svg,
.standard-btn[disabled]:hover .svg-icon svg {
  fill: #767b7e;
}
body.dark .standard-btn.disabled:hover .svg-icon svg,
body.dark .standard-btn[disabled]:hover .svg-icon svg {
  fill: #589bb6;
}
.standard-btn:focus {
  outline: none;
}
body.dark .standard-btn {
  border-color: rgba(67, 128, 152, 0.3);
}
.standard-btn:hover {
  box-shadow: none;
  border-color: transparent;
}
.standard-btn.disabled {
  border-color: transparent;
}
.inline-btn {
  display: inline-block;
  height: 24px;
  line-height: 24px;
}
.inline-btn:focus {
  outline: none;
}
.inline-btn a {
  display: inline-block;
  height: 100%;
}
.inline-btn button:nth-of-type(1),
.inline-btn a:nth-of-type(1) {
  padding-left: 0.6em;
}
.inline-btn button:nth-of-type(2),
.inline-btn a:nth-of-type(2) {
  vertical-align: top;
  padding-left: 0;
  padding-right: 0.6em;
}
.inline-btn button:only-child,
.inline-btn a:only-child {
  padding: 0 0.6em;
}
a.inline-btn,
button.inline-btn,
label.inline-btn {
  padding: 0 1em;
}
a.inline-btn,
button.inline-btn {
  margin: 0.2em;
}
.basic-btn {
  font-size: 0.75rem;
  display: inline-block;
  border-radius: 16px;
  border: 0;
  font-size: 0.685rem;
  transition: 0.5s all linear;
  white-space: nowrap;
  letter-spacing: 0.03em;
  height: 28px;
  line-height: 28px;
  cursor: pointer;
  background-color: #ffffff;
  color: #474c54;
  background-color: #79B522;
  color: #ffffff;
}
.basic-btn a {
  display: inline-block;
  height: 100%;
}
.basic-btn button:nth-of-type(1),
.basic-btn a:nth-of-type(1) {
  padding-left: 0.75em;
}
.basic-btn button:nth-of-type(2),
.basic-btn a:nth-of-type(2) {
  vertical-align: top;
  padding-left: 0;
  padding-right: 0.75em;
}
.basic-btn button:only-child,
.basic-btn a:only-child {
  padding: 0 0.75em;
}
a.basic-btn,
button.basic-btn,
label.basic-btn {
  padding: 0 1em;
}
a.basic-btn,
button.basic-btn {
  margin: 0.2em;
}
body.dark .basic-btn {
  background-color: #2e3137;
}
body.dark .basic-btn {
  color: #ffffff;
}
.basic-btn:hover {
  text-decoration: none;
  background-color: #474c54;
  color: #ffffff;
}
body.dark .basic-btn:hover {
  background-color: #474c54;
}
body.dark .basic-btn:hover {
  color: #ffffff;
}
.basic-btn:hover a {
  color: #474c54;
}
body.dark .basic-btn:hover a {
  color: #ffffff;
}
.basic-btn:hover .svg-icon svg {
  fill: #ffffff;
}
body.dark .basic-btn:hover .svg-icon svg {
  fill: #ffffff;
}
.basic-btn.disabled,
.basic-btn[disabled] {
  box-shadow: none !important;
  text-shadow: none;
  background: #e4e5e5;
  border-color: rgba(67, 128, 152, 0.3);
  color: #767b7e;
}
body.dark .basic-btn.disabled,
body.dark .basic-btn[disabled] {
  background: #244451;
}
body.dark .basic-btn.disabled,
body.dark .basic-btn[disabled] {
  border-color: transparent;
}
body.dark .basic-btn.disabled,
body.dark .basic-btn[disabled] {
  color: #589bb6;
}
.basic-btn.disabled:focus,
.basic-btn[disabled]:focus {
  outline: none;
}
.basic-btn.disabled:hover,
.basic-btn[disabled]:hover {
  box-shadow: none !important;
  text-shadow: none;
  background: #e4e5e5;
  color: #767b7e;
}
body.dark .basic-btn.disabled:hover,
body.dark .basic-btn[disabled]:hover {
  background: #244451;
}
body.dark .basic-btn.disabled:hover,
body.dark .basic-btn[disabled]:hover {
  color: #589bb6;
}
.basic-btn.disabled:hover .svg-icon svg,
.basic-btn[disabled]:hover .svg-icon svg {
  fill: #767b7e;
}
body.dark .basic-btn.disabled:hover .svg-icon svg,
body.dark .basic-btn[disabled]:hover .svg-icon svg {
  fill: #589bb6;
}
.basic-btn:focus {
  outline: none;
}
body.dark .basic-btn {
  background-color: #79B522;
}
body.dark .basic-btn {
  color: #ffffff;
}
.basic-btn:hover {
  text-decoration: none;
  background-color: #5c8a1a;
  color: #ffffff;
}
body.dark .basic-btn:hover {
  background-color: #5c8a1a;
}
body.dark .basic-btn:hover {
  color: #ffffff;
}
.basic-btn:hover a {
  color: #ffffff;
}
body.dark .basic-btn:hover a {
  color: #ffffff;
}
.basic-btn:hover .svg-icon svg {
  fill: #ffffff;
}
body.dark .basic-btn:hover .svg-icon svg {
  fill: #ffffff;
}
.basic-btn a {
  color: #ffffff;
}
body.dark .basic-btn a {
  color: #ffffff;
}
.basic-btn a:hover {
  color: #ffffff;
}
body.dark .basic-btn a:hover {
  color: #ffffff;
}
.basic-btn:focus {
  outline: none;
}
.important-btn {
  font-size: 0.75rem;
  display: inline-block;
  border-radius: 16px;
  border: 0;
  font-size: 0.685rem;
  transition: 0.5s all linear;
  white-space: nowrap;
  letter-spacing: 0.03em;
  height: 28px;
  line-height: 28px;
  cursor: pointer;
  background-color: #ffffff;
  color: #474c54;
  background-color: #ea6c02;
  color: #ffffff;
}
.important-btn a {
  display: inline-block;
  height: 100%;
}
.important-btn button:nth-of-type(1),
.important-btn a:nth-of-type(1) {
  padding-left: 0.75em;
}
.important-btn button:nth-of-type(2),
.important-btn a:nth-of-type(2) {
  vertical-align: top;
  padding-left: 0;
  padding-right: 0.75em;
}
.important-btn button:only-child,
.important-btn a:only-child {
  padding: 0 0.75em;
}
a.important-btn,
button.important-btn,
label.important-btn {
  padding: 0 1em;
}
a.important-btn,
button.important-btn {
  margin: 0.2em;
}
body.dark .important-btn {
  background-color: #2e3137;
}
body.dark .important-btn {
  color: #ffffff;
}
.important-btn:hover {
  text-decoration: none;
  background-color: #474c54;
  color: #ffffff;
}
body.dark .important-btn:hover {
  background-color: #474c54;
}
body.dark .important-btn:hover {
  color: #ffffff;
}
.important-btn:hover a {
  color: #474c54;
}
body.dark .important-btn:hover a {
  color: #ffffff;
}
.important-btn:hover .svg-icon svg {
  fill: #ffffff;
}
body.dark .important-btn:hover .svg-icon svg {
  fill: #ffffff;
}
.important-btn.disabled,
.important-btn[disabled] {
  box-shadow: none !important;
  text-shadow: none;
  background: #e4e5e5;
  border-color: rgba(67, 128, 152, 0.3);
  color: #767b7e;
}
body.dark .important-btn.disabled,
body.dark .important-btn[disabled] {
  background: #244451;
}
body.dark .important-btn.disabled,
body.dark .important-btn[disabled] {
  border-color: transparent;
}
body.dark .important-btn.disabled,
body.dark .important-btn[disabled] {
  color: #589bb6;
}
.important-btn.disabled:focus,
.important-btn[disabled]:focus {
  outline: none;
}
.important-btn.disabled:hover,
.important-btn[disabled]:hover {
  box-shadow: none !important;
  text-shadow: none;
  background: #e4e5e5;
  color: #767b7e;
}
body.dark .important-btn.disabled:hover,
body.dark .important-btn[disabled]:hover {
  background: #244451;
}
body.dark .important-btn.disabled:hover,
body.dark .important-btn[disabled]:hover {
  color: #589bb6;
}
.important-btn.disabled:hover .svg-icon svg,
.important-btn[disabled]:hover .svg-icon svg {
  fill: #767b7e;
}
body.dark .important-btn.disabled:hover .svg-icon svg,
body.dark .important-btn[disabled]:hover .svg-icon svg {
  fill: #589bb6;
}
.important-btn:focus {
  outline: none;
}
body.dark .important-btn {
  background-color: #ea6c02;
}
body.dark .important-btn {
  color: #ffffff;
}
.important-btn:hover {
  background-color: #c75c02;
  color: #ffffff;
  text-decoration: none;
}
body.dark .important-btn:hover {
  background-color: #c75c02;
}
body.dark .important-btn:hover {
  color: #ffffff;
}
.important-btn:hover .svg-icon svg {
  fill: #ffffff;
}
body.dark .important-btn:hover .svg-icon svg {
  fill: #ffffff;
}
.important-btn:focus {
  outline: none;
}
.alt-btn {
  font-size: 0.75rem;
  display: inline-block;
  border-radius: 16px;
  border: 0;
  font-size: 0.685rem;
  transition: 0.5s all linear;
  white-space: nowrap;
  letter-spacing: 0.03em;
  height: 28px;
  line-height: 28px;
  cursor: pointer;
  background-color: #ffffff;
  color: #474c54;
  /* now uses defaults */
  border: 1px solid transparent;
  border-color: rgba(67, 128, 152, 0.3);
}
.alt-btn a {
  display: inline-block;
  height: 100%;
}
.alt-btn button:nth-of-type(1),
.alt-btn a:nth-of-type(1) {
  padding-left: 0.75em;
}
.alt-btn button:nth-of-type(2),
.alt-btn a:nth-of-type(2) {
  vertical-align: top;
  padding-left: 0;
  padding-right: 0.75em;
}
.alt-btn button:only-child,
.alt-btn a:only-child {
  padding: 0 0.75em;
}
a.alt-btn,
button.alt-btn,
label.alt-btn {
  padding: 0 1em;
}
a.alt-btn,
button.alt-btn {
  margin: 0.2em;
}
body.dark .alt-btn {
  background-color: #2e3137;
}
body.dark .alt-btn {
  color: #ffffff;
}
.alt-btn:hover {
  text-decoration: none;
  background-color: #474c54;
  color: #ffffff;
}
body.dark .alt-btn:hover {
  background-color: #474c54;
}
body.dark .alt-btn:hover {
  color: #ffffff;
}
.alt-btn:hover a {
  color: #474c54;
}
body.dark .alt-btn:hover a {
  color: #ffffff;
}
.alt-btn:hover .svg-icon svg {
  fill: #ffffff;
}
body.dark .alt-btn:hover .svg-icon svg {
  fill: #ffffff;
}
.alt-btn.disabled,
.alt-btn[disabled] {
  box-shadow: none !important;
  text-shadow: none;
  background: #e4e5e5;
  border-color: rgba(67, 128, 152, 0.3);
  color: #767b7e;
}
body.dark .alt-btn.disabled,
body.dark .alt-btn[disabled] {
  background: #244451;
}
body.dark .alt-btn.disabled,
body.dark .alt-btn[disabled] {
  border-color: transparent;
}
body.dark .alt-btn.disabled,
body.dark .alt-btn[disabled] {
  color: #589bb6;
}
.alt-btn.disabled:focus,
.alt-btn[disabled]:focus {
  outline: none;
}
.alt-btn.disabled:hover,
.alt-btn[disabled]:hover {
  box-shadow: none !important;
  text-shadow: none;
  background: #e4e5e5;
  color: #767b7e;
}
body.dark .alt-btn.disabled:hover,
body.dark .alt-btn[disabled]:hover {
  background: #244451;
}
body.dark .alt-btn.disabled:hover,
body.dark .alt-btn[disabled]:hover {
  color: #589bb6;
}
.alt-btn.disabled:hover .svg-icon svg,
.alt-btn[disabled]:hover .svg-icon svg {
  fill: #767b7e;
}
body.dark .alt-btn.disabled:hover .svg-icon svg,
body.dark .alt-btn[disabled]:hover .svg-icon svg {
  fill: #589bb6;
}
.alt-btn:focus {
  outline: none;
}
.alt-btn:focus {
  outline: none;
}
.alt-btn:hover {
  background-color: #eaab00;
  color: #ffffff;
}
body.dark .alt-btn {
  border-color: rgba(67, 128, 152, 0.3);
}
.alt-btn:hover {
  box-shadow: none;
  border-color: transparent;
}
.alt-btn.disabled {
  border-color: transparent;
}
.basic-alt-btn {
  background-color: #ffffff;
  color: #31363e;
}
body.dark .basic-alt-btn {
  background-color: #888e90;
}
body.dark .basic-alt-btn {
  color: #ffffff;
}
.basic-alt-btn svg {
  fill: #31363e;
}
body.dark .basic-alt-btn svg {
  fill: #ffffff;
}
.basic-alt-btn:focus {
  outline: none;
}
.basic-alt-btn:hover {
  background-color: #00a9e0;
  color: #ffffff;
}
body.dark .basic-alt-btn:hover {
  background-color: #00a9e0;
}
body.dark .basic-alt-btn:hover {
  color: #ffffff;
}
.basic-alt-btn:hover .svg-icon svg {
  fill: #ffffff;
}
body.dark .basic-alt-btn:hover .svg-icon svg {
  fill: #ffffff;
}
.special-btn {
  font-size: 0.75rem;
  display: inline-block;
  border-radius: 16px;
  border: 0;
  font-size: 0.685rem;
  transition: 0.5s all linear;
  white-space: nowrap;
  letter-spacing: 0.03em;
  height: 28px;
  line-height: 28px;
  cursor: pointer;
  background-color: #ffffff;
  color: #474c54;
  background-color: #31363e;
  color: #ffffff;
  padding: 0 1em;
}
.special-btn a {
  display: inline-block;
  height: 100%;
}
.special-btn button:nth-of-type(1),
.special-btn a:nth-of-type(1) {
  padding-left: 0.75em;
}
.special-btn button:nth-of-type(2),
.special-btn a:nth-of-type(2) {
  vertical-align: top;
  padding-left: 0;
  padding-right: 0.75em;
}
.special-btn button:only-child,
.special-btn a:only-child {
  padding: 0 0.75em;
}
a.special-btn,
button.special-btn,
label.special-btn {
  padding: 0 1em;
}
a.special-btn,
button.special-btn {
  margin: 0.2em;
}
body.dark .special-btn {
  background-color: #2e3137;
}
body.dark .special-btn {
  color: #ffffff;
}
.special-btn:hover {
  text-decoration: none;
  background-color: #474c54;
  color: #ffffff;
}
body.dark .special-btn:hover {
  background-color: #474c54;
}
body.dark .special-btn:hover {
  color: #ffffff;
}
.special-btn:hover a {
  color: #474c54;
}
body.dark .special-btn:hover a {
  color: #ffffff;
}
.special-btn:hover .svg-icon svg {
  fill: #ffffff;
}
body.dark .special-btn:hover .svg-icon svg {
  fill: #ffffff;
}
.special-btn.disabled,
.special-btn[disabled] {
  box-shadow: none !important;
  text-shadow: none;
  background: #e4e5e5;
  border-color: rgba(67, 128, 152, 0.3);
  color: #767b7e;
}
body.dark .special-btn.disabled,
body.dark .special-btn[disabled] {
  background: #244451;
}
body.dark .special-btn.disabled,
body.dark .special-btn[disabled] {
  border-color: transparent;
}
body.dark .special-btn.disabled,
body.dark .special-btn[disabled] {
  color: #589bb6;
}
.special-btn.disabled:focus,
.special-btn[disabled]:focus {
  outline: none;
}
.special-btn.disabled:hover,
.special-btn[disabled]:hover {
  box-shadow: none !important;
  text-shadow: none;
  background: #e4e5e5;
  color: #767b7e;
}
body.dark .special-btn.disabled:hover,
body.dark .special-btn[disabled]:hover {
  background: #244451;
}
body.dark .special-btn.disabled:hover,
body.dark .special-btn[disabled]:hover {
  color: #589bb6;
}
.special-btn.disabled:hover .svg-icon svg,
.special-btn[disabled]:hover .svg-icon svg {
  fill: #767b7e;
}
body.dark .special-btn.disabled:hover .svg-icon svg,
body.dark .special-btn[disabled]:hover .svg-icon svg {
  fill: #589bb6;
}
.special-btn:focus {
  outline: none;
}
.special-btn:hover {
  background-color: #00a9e0;
  color: #ffffff;
  text-decoration: none;
}
.special-btn:hover .svg-icon svg {
  fill: #ffffff;
}
.special-btn:focus {
  outline: none;
}
.red-btn {
  font-size: 0.75rem;
  display: inline-block;
  border-radius: 16px;
  border: 0;
  font-size: 0.685rem;
  transition: 0.5s all linear;
  white-space: nowrap;
  letter-spacing: 0.03em;
  height: 28px;
  line-height: 28px;
  cursor: pointer;
  background-color: #ffffff;
  color: #474c54;
  background-color: #7c2348;
  color: #ffffff;
}
.red-btn a {
  display: inline-block;
  height: 100%;
}
.red-btn button:nth-of-type(1),
.red-btn a:nth-of-type(1) {
  padding-left: 0.75em;
}
.red-btn button:nth-of-type(2),
.red-btn a:nth-of-type(2) {
  vertical-align: top;
  padding-left: 0;
  padding-right: 0.75em;
}
.red-btn button:only-child,
.red-btn a:only-child {
  padding: 0 0.75em;
}
a.red-btn,
button.red-btn,
label.red-btn {
  padding: 0 1em;
}
a.red-btn,
button.red-btn {
  margin: 0.2em;
}
body.dark .red-btn {
  background-color: #2e3137;
}
body.dark .red-btn {
  color: #ffffff;
}
.red-btn:hover {
  text-decoration: none;
  background-color: #474c54;
  color: #ffffff;
}
body.dark .red-btn:hover {
  background-color: #474c54;
}
body.dark .red-btn:hover {
  color: #ffffff;
}
.red-btn:hover a {
  color: #474c54;
}
body.dark .red-btn:hover a {
  color: #ffffff;
}
.red-btn:hover .svg-icon svg {
  fill: #ffffff;
}
body.dark .red-btn:hover .svg-icon svg {
  fill: #ffffff;
}
.red-btn.disabled,
.red-btn[disabled] {
  box-shadow: none !important;
  text-shadow: none;
  background: #e4e5e5;
  border-color: rgba(67, 128, 152, 0.3);
  color: #767b7e;
}
body.dark .red-btn.disabled,
body.dark .red-btn[disabled] {
  background: #244451;
}
body.dark .red-btn.disabled,
body.dark .red-btn[disabled] {
  border-color: transparent;
}
body.dark .red-btn.disabled,
body.dark .red-btn[disabled] {
  color: #589bb6;
}
.red-btn.disabled:focus,
.red-btn[disabled]:focus {
  outline: none;
}
.red-btn.disabled:hover,
.red-btn[disabled]:hover {
  box-shadow: none !important;
  text-shadow: none;
  background: #e4e5e5;
  color: #767b7e;
}
body.dark .red-btn.disabled:hover,
body.dark .red-btn[disabled]:hover {
  background: #244451;
}
body.dark .red-btn.disabled:hover,
body.dark .red-btn[disabled]:hover {
  color: #589bb6;
}
.red-btn.disabled:hover .svg-icon svg,
.red-btn[disabled]:hover .svg-icon svg {
  fill: #767b7e;
}
body.dark .red-btn.disabled:hover .svg-icon svg,
body.dark .red-btn[disabled]:hover .svg-icon svg {
  fill: #589bb6;
}
.red-btn:focus {
  outline: none;
}
.red-btn:hover {
  background-color: #691e3d;
}
.disabled-btn {
  box-shadow: none !important;
  text-shadow: none;
  background: #e4e5e5;
  border-color: rgba(67, 128, 152, 0.3);
  color: #767b7e;
}
body.dark .disabled-btn {
  background: #244451;
}
body.dark .disabled-btn {
  border-color: transparent;
}
body.dark .disabled-btn {
  color: #589bb6;
}
.disabled-btn:focus {
  outline: none;
}
.disabled-btn:hover {
  box-shadow: none !important;
  text-shadow: none;
  background: #e4e5e5;
  color: #767b7e;
}
body.dark .disabled-btn:hover {
  background: #244451;
}
body.dark .disabled-btn:hover {
  color: #589bb6;
}
.disabled-btn:hover .svg-icon svg {
  fill: #767b7e;
}
body.dark .disabled-btn:hover .svg-icon svg {
  fill: #589bb6;
}
.edit-btn:hover svg,
.report-btn:hover svg,
.config-btn:hover svg,
.inline-config-btn:hover svg {
  fill: currentColor;
}
.inline-create-btn {
  font-size: 0.75rem;
  border-radius: 16px;
  border: 0;
  font-size: 0.685rem;
  transition: 0.5s all linear;
  white-space: nowrap;
  letter-spacing: 0.03em;
  height: 28px;
  line-height: 28px;
  cursor: pointer;
  background-color: #ffffff;
  color: #474c54;
  background-color: #79B522;
  color: #ffffff;
  display: inline-block;
  height: 24px;
  line-height: 24px;
}
.inline-create-btn a {
  display: inline-block;
  height: 100%;
}
.inline-create-btn button:nth-of-type(1),
.inline-create-btn a:nth-of-type(1) {
  padding-left: 0.75em;
}
.inline-create-btn button:nth-of-type(2),
.inline-create-btn a:nth-of-type(2) {
  vertical-align: top;
  padding-left: 0;
  padding-right: 0.75em;
}
.inline-create-btn button:only-child,
.inline-create-btn a:only-child {
  padding: 0 0.75em;
}
a.inline-create-btn,
button.inline-create-btn,
label.inline-create-btn {
  padding: 0 1em;
}
a.inline-create-btn,
button.inline-create-btn {
  margin: 0.2em;
}
body.dark .inline-create-btn {
  background-color: #2e3137;
}
body.dark .inline-create-btn {
  color: #ffffff;
}
.inline-create-btn:hover {
  text-decoration: none;
  background-color: #474c54;
  color: #ffffff;
}
body.dark .inline-create-btn:hover {
  background-color: #474c54;
}
body.dark .inline-create-btn:hover {
  color: #ffffff;
}
.inline-create-btn:hover a {
  color: #474c54;
}
body.dark .inline-create-btn:hover a {
  color: #ffffff;
}
.inline-create-btn:hover .svg-icon svg {
  fill: #ffffff;
}
body.dark .inline-create-btn:hover .svg-icon svg {
  fill: #ffffff;
}
.inline-create-btn.disabled,
.inline-create-btn[disabled] {
  box-shadow: none !important;
  text-shadow: none;
  background: #e4e5e5;
  border-color: rgba(67, 128, 152, 0.3);
  color: #767b7e;
}
body.dark .inline-create-btn.disabled,
body.dark .inline-create-btn[disabled] {
  background: #244451;
}
body.dark .inline-create-btn.disabled,
body.dark .inline-create-btn[disabled] {
  border-color: transparent;
}
body.dark .inline-create-btn.disabled,
body.dark .inline-create-btn[disabled] {
  color: #589bb6;
}
.inline-create-btn.disabled:focus,
.inline-create-btn[disabled]:focus {
  outline: none;
}
.inline-create-btn.disabled:hover,
.inline-create-btn[disabled]:hover {
  box-shadow: none !important;
  text-shadow: none;
  background: #e4e5e5;
  color: #767b7e;
}
body.dark .inline-create-btn.disabled:hover,
body.dark .inline-create-btn[disabled]:hover {
  background: #244451;
}
body.dark .inline-create-btn.disabled:hover,
body.dark .inline-create-btn[disabled]:hover {
  color: #589bb6;
}
.inline-create-btn.disabled:hover .svg-icon svg,
.inline-create-btn[disabled]:hover .svg-icon svg {
  fill: #767b7e;
}
body.dark .inline-create-btn.disabled:hover .svg-icon svg,
body.dark .inline-create-btn[disabled]:hover .svg-icon svg {
  fill: #589bb6;
}
.inline-create-btn:focus {
  outline: none;
}
body.dark .inline-create-btn {
  background-color: #79B522;
}
body.dark .inline-create-btn {
  color: #ffffff;
}
.inline-create-btn:hover {
  text-decoration: none;
  background-color: #5c8a1a;
  color: #ffffff;
}
body.dark .inline-create-btn:hover {
  background-color: #5c8a1a;
}
body.dark .inline-create-btn:hover {
  color: #ffffff;
}
.inline-create-btn:hover a {
  color: #ffffff;
}
body.dark .inline-create-btn:hover a {
  color: #ffffff;
}
.inline-create-btn:hover .svg-icon svg {
  fill: #ffffff;
}
body.dark .inline-create-btn:hover .svg-icon svg {
  fill: #ffffff;
}
.inline-create-btn a {
  color: #ffffff;
}
body.dark .inline-create-btn a {
  color: #ffffff;
}
.inline-create-btn a:hover {
  color: #ffffff;
}
body.dark .inline-create-btn a:hover {
  color: #ffffff;
}
.inline-create-btn:focus {
  outline: none;
}
.inline-create-btn svg {
  fill: currentColor;
}
.inline-create-btn:focus {
  outline: none;
}
.inline-create-btn a {
  display: inline-block;
  height: 100%;
}
.inline-create-btn button:nth-of-type(1),
.inline-create-btn a:nth-of-type(1) {
  padding-left: 0.6em;
}
.inline-create-btn button:nth-of-type(2),
.inline-create-btn a:nth-of-type(2) {
  vertical-align: top;
  padding-left: 0;
  padding-right: 0.6em;
}
.inline-create-btn button:only-child,
.inline-create-btn a:only-child {
  padding: 0 0.6em;
}
a.inline-create-btn,
button.inline-create-btn,
label.inline-create-btn {
  padding: 0 1em;
}
a.inline-create-btn,
button.inline-create-btn {
  margin: 0.2em;
}
.create-btn {
  font-size: 0.75rem;
  display: inline-block;
  border-radius: 16px;
  border: 0;
  font-size: 0.685rem;
  transition: 0.5s all linear;
  white-space: nowrap;
  letter-spacing: 0.03em;
  height: 28px;
  line-height: 28px;
  cursor: pointer;
  background-color: #ffffff;
  color: #474c54;
  background-color: #79B522;
  color: #ffffff;
}
.create-btn a {
  display: inline-block;
  height: 100%;
}
.create-btn button:nth-of-type(1),
.create-btn a:nth-of-type(1) {
  padding-left: 0.75em;
}
.create-btn button:nth-of-type(2),
.create-btn a:nth-of-type(2) {
  vertical-align: top;
  padding-left: 0;
  padding-right: 0.75em;
}
.create-btn button:only-child,
.create-btn a:only-child {
  padding: 0 0.75em;
}
a.create-btn,
button.create-btn,
label.create-btn {
  padding: 0 1em;
}
a.create-btn,
button.create-btn {
  margin: 0.2em;
}
body.dark .create-btn {
  background-color: #2e3137;
}
body.dark .create-btn {
  color: #ffffff;
}
.create-btn:hover {
  text-decoration: none;
  background-color: #474c54;
  color: #ffffff;
}
body.dark .create-btn:hover {
  background-color: #474c54;
}
body.dark .create-btn:hover {
  color: #ffffff;
}
.create-btn:hover a {
  color: #474c54;
}
body.dark .create-btn:hover a {
  color: #ffffff;
}
.create-btn:hover .svg-icon svg {
  fill: #ffffff;
}
body.dark .create-btn:hover .svg-icon svg {
  fill: #ffffff;
}
.create-btn.disabled,
.create-btn[disabled] {
  box-shadow: none !important;
  text-shadow: none;
  background: #e4e5e5;
  border-color: rgba(67, 128, 152, 0.3);
  color: #767b7e;
}
body.dark .create-btn.disabled,
body.dark .create-btn[disabled] {
  background: #244451;
}
body.dark .create-btn.disabled,
body.dark .create-btn[disabled] {
  border-color: transparent;
}
body.dark .create-btn.disabled,
body.dark .create-btn[disabled] {
  color: #589bb6;
}
.create-btn.disabled:focus,
.create-btn[disabled]:focus {
  outline: none;
}
.create-btn.disabled:hover,
.create-btn[disabled]:hover {
  box-shadow: none !important;
  text-shadow: none;
  background: #e4e5e5;
  color: #767b7e;
}
body.dark .create-btn.disabled:hover,
body.dark .create-btn[disabled]:hover {
  background: #244451;
}
body.dark .create-btn.disabled:hover,
body.dark .create-btn[disabled]:hover {
  color: #589bb6;
}
.create-btn.disabled:hover .svg-icon svg,
.create-btn[disabled]:hover .svg-icon svg {
  fill: #767b7e;
}
body.dark .create-btn.disabled:hover .svg-icon svg,
body.dark .create-btn[disabled]:hover .svg-icon svg {
  fill: #589bb6;
}
.create-btn:focus {
  outline: none;
}
body.dark .create-btn {
  background-color: #79B522;
}
body.dark .create-btn {
  color: #ffffff;
}
.create-btn:hover {
  text-decoration: none;
  background-color: #5c8a1a;
  color: #ffffff;
}
body.dark .create-btn:hover {
  background-color: #5c8a1a;
}
body.dark .create-btn:hover {
  color: #ffffff;
}
.create-btn:hover a {
  color: #ffffff;
}
body.dark .create-btn:hover a {
  color: #ffffff;
}
.create-btn:hover .svg-icon svg {
  fill: #ffffff;
}
body.dark .create-btn:hover .svg-icon svg {
  fill: #ffffff;
}
.create-btn a {
  color: #ffffff;
}
body.dark .create-btn a {
  color: #ffffff;
}
.create-btn a:hover {
  color: #ffffff;
}
body.dark .create-btn a:hover {
  color: #ffffff;
}
.create-btn:focus {
  outline: none;
}
.create-btn svg {
  fill: currentColor;
}
.edit-btn {
  font-size: 0.75rem;
  display: inline-block;
  border-radius: 16px;
  border: 0;
  font-size: 0.685rem;
  transition: 0.5s all linear;
  white-space: nowrap;
  letter-spacing: 0.03em;
  height: 28px;
  line-height: 28px;
  cursor: pointer;
  background-color: #ffffff;
  color: #474c54;
  background-color: #79B522;
  color: #ffffff;
}
.edit-btn a {
  display: inline-block;
  height: 100%;
}
.edit-btn button:nth-of-type(1),
.edit-btn a:nth-of-type(1) {
  padding-left: 0.75em;
}
.edit-btn button:nth-of-type(2),
.edit-btn a:nth-of-type(2) {
  vertical-align: top;
  padding-left: 0;
  padding-right: 0.75em;
}
.edit-btn button:only-child,
.edit-btn a:only-child {
  padding: 0 0.75em;
}
a.edit-btn,
button.edit-btn,
label.edit-btn {
  padding: 0 1em;
}
a.edit-btn,
button.edit-btn {
  margin: 0.2em;
}
body.dark .edit-btn {
  background-color: #2e3137;
}
body.dark .edit-btn {
  color: #ffffff;
}
.edit-btn:hover {
  text-decoration: none;
  background-color: #474c54;
  color: #ffffff;
}
body.dark .edit-btn:hover {
  background-color: #474c54;
}
body.dark .edit-btn:hover {
  color: #ffffff;
}
.edit-btn:hover a {
  color: #474c54;
}
body.dark .edit-btn:hover a {
  color: #ffffff;
}
.edit-btn:hover .svg-icon svg {
  fill: #ffffff;
}
body.dark .edit-btn:hover .svg-icon svg {
  fill: #ffffff;
}
.edit-btn.disabled,
.edit-btn[disabled] {
  box-shadow: none !important;
  text-shadow: none;
  background: #e4e5e5;
  border-color: rgba(67, 128, 152, 0.3);
  color: #767b7e;
}
body.dark .edit-btn.disabled,
body.dark .edit-btn[disabled] {
  background: #244451;
}
body.dark .edit-btn.disabled,
body.dark .edit-btn[disabled] {
  border-color: transparent;
}
body.dark .edit-btn.disabled,
body.dark .edit-btn[disabled] {
  color: #589bb6;
}
.edit-btn.disabled:focus,
.edit-btn[disabled]:focus {
  outline: none;
}
.edit-btn.disabled:hover,
.edit-btn[disabled]:hover {
  box-shadow: none !important;
  text-shadow: none;
  background: #e4e5e5;
  color: #767b7e;
}
body.dark .edit-btn.disabled:hover,
body.dark .edit-btn[disabled]:hover {
  background: #244451;
}
body.dark .edit-btn.disabled:hover,
body.dark .edit-btn[disabled]:hover {
  color: #589bb6;
}
.edit-btn.disabled:hover .svg-icon svg,
.edit-btn[disabled]:hover .svg-icon svg {
  fill: #767b7e;
}
body.dark .edit-btn.disabled:hover .svg-icon svg,
body.dark .edit-btn[disabled]:hover .svg-icon svg {
  fill: #589bb6;
}
.edit-btn:focus {
  outline: none;
}
body.dark .edit-btn {
  background-color: #79B522;
}
body.dark .edit-btn {
  color: #ffffff;
}
.edit-btn:hover {
  text-decoration: none;
  background-color: #5c8a1a;
  color: #ffffff;
}
body.dark .edit-btn:hover {
  background-color: #5c8a1a;
}
body.dark .edit-btn:hover {
  color: #ffffff;
}
.edit-btn:hover a {
  color: #ffffff;
}
body.dark .edit-btn:hover a {
  color: #ffffff;
}
.edit-btn:hover .svg-icon svg {
  fill: #ffffff;
}
body.dark .edit-btn:hover .svg-icon svg {
  fill: #ffffff;
}
.edit-btn a {
  color: #ffffff;
}
body.dark .edit-btn a {
  color: #ffffff;
}
.edit-btn a:hover {
  color: #ffffff;
}
body.dark .edit-btn a:hover {
  color: #ffffff;
}
.edit-btn:focus {
  outline: none;
}
.confirm-btn {
  font-size: 0.75rem;
  display: inline-block;
  border-radius: 16px;
  border: 0;
  font-size: 0.685rem;
  transition: 0.5s all linear;
  white-space: nowrap;
  letter-spacing: 0.03em;
  height: 28px;
  line-height: 28px;
  cursor: pointer;
  background-color: #ffffff;
  color: #474c54;
  background-color: #ea6c02;
  color: #ffffff;
}
.confirm-btn a {
  display: inline-block;
  height: 100%;
}
.confirm-btn button:nth-of-type(1),
.confirm-btn a:nth-of-type(1) {
  padding-left: 0.75em;
}
.confirm-btn button:nth-of-type(2),
.confirm-btn a:nth-of-type(2) {
  vertical-align: top;
  padding-left: 0;
  padding-right: 0.75em;
}
.confirm-btn button:only-child,
.confirm-btn a:only-child {
  padding: 0 0.75em;
}
a.confirm-btn,
button.confirm-btn,
label.confirm-btn {
  padding: 0 1em;
}
a.confirm-btn,
button.confirm-btn {
  margin: 0.2em;
}
body.dark .confirm-btn {
  background-color: #2e3137;
}
body.dark .confirm-btn {
  color: #ffffff;
}
.confirm-btn:hover {
  text-decoration: none;
  background-color: #474c54;
  color: #ffffff;
}
body.dark .confirm-btn:hover {
  background-color: #474c54;
}
body.dark .confirm-btn:hover {
  color: #ffffff;
}
.confirm-btn:hover a {
  color: #474c54;
}
body.dark .confirm-btn:hover a {
  color: #ffffff;
}
.confirm-btn:hover .svg-icon svg {
  fill: #ffffff;
}
body.dark .confirm-btn:hover .svg-icon svg {
  fill: #ffffff;
}
.confirm-btn.disabled,
.confirm-btn[disabled] {
  box-shadow: none !important;
  text-shadow: none;
  background: #e4e5e5;
  border-color: rgba(67, 128, 152, 0.3);
  color: #767b7e;
}
body.dark .confirm-btn.disabled,
body.dark .confirm-btn[disabled] {
  background: #244451;
}
body.dark .confirm-btn.disabled,
body.dark .confirm-btn[disabled] {
  border-color: transparent;
}
body.dark .confirm-btn.disabled,
body.dark .confirm-btn[disabled] {
  color: #589bb6;
}
.confirm-btn.disabled:focus,
.confirm-btn[disabled]:focus {
  outline: none;
}
.confirm-btn.disabled:hover,
.confirm-btn[disabled]:hover {
  box-shadow: none !important;
  text-shadow: none;
  background: #e4e5e5;
  color: #767b7e;
}
body.dark .confirm-btn.disabled:hover,
body.dark .confirm-btn[disabled]:hover {
  background: #244451;
}
body.dark .confirm-btn.disabled:hover,
body.dark .confirm-btn[disabled]:hover {
  color: #589bb6;
}
.confirm-btn.disabled:hover .svg-icon svg,
.confirm-btn[disabled]:hover .svg-icon svg {
  fill: #767b7e;
}
body.dark .confirm-btn.disabled:hover .svg-icon svg,
body.dark .confirm-btn[disabled]:hover .svg-icon svg {
  fill: #589bb6;
}
.confirm-btn:focus {
  outline: none;
}
body.dark .confirm-btn {
  background-color: #ea6c02;
}
body.dark .confirm-btn {
  color: #ffffff;
}
.confirm-btn:hover {
  background-color: #c75c02;
  color: #ffffff;
  text-decoration: none;
}
body.dark .confirm-btn:hover {
  background-color: #c75c02;
}
body.dark .confirm-btn:hover {
  color: #ffffff;
}
.confirm-btn:hover .svg-icon svg {
  fill: #ffffff;
}
body.dark .confirm-btn:hover .svg-icon svg {
  fill: #ffffff;
}
.confirm-btn:focus {
  outline: none;
}
.toggle-btn {
  font-size: 0.75rem;
  display: inline-block;
  border-radius: 16px;
  border: 0;
  font-size: 0.685rem;
  transition: 0.5s all linear;
  white-space: nowrap;
  letter-spacing: 0.03em;
  height: 28px;
  line-height: 28px;
  cursor: pointer;
  background-color: #ffffff;
  color: #474c54;
  background-color: #9fc6d5;
  color: #244451;
}
.toggle-btn a {
  display: inline-block;
  height: 100%;
}
.toggle-btn button:nth-of-type(1),
.toggle-btn a:nth-of-type(1) {
  padding-left: 0.75em;
}
.toggle-btn button:nth-of-type(2),
.toggle-btn a:nth-of-type(2) {
  vertical-align: top;
  padding-left: 0;
  padding-right: 0.75em;
}
.toggle-btn button:only-child,
.toggle-btn a:only-child {
  padding: 0 0.75em;
}
a.toggle-btn,
button.toggle-btn,
label.toggle-btn {
  padding: 0 1em;
}
a.toggle-btn,
button.toggle-btn {
  margin: 0.2em;
}
body.dark .toggle-btn {
  background-color: #2e3137;
}
body.dark .toggle-btn {
  color: #ffffff;
}
.toggle-btn:hover {
  text-decoration: none;
  background-color: #474c54;
  color: #ffffff;
}
body.dark .toggle-btn:hover {
  background-color: #474c54;
}
body.dark .toggle-btn:hover {
  color: #ffffff;
}
.toggle-btn:hover a {
  color: #474c54;
}
body.dark .toggle-btn:hover a {
  color: #ffffff;
}
.toggle-btn:hover .svg-icon svg {
  fill: #ffffff;
}
body.dark .toggle-btn:hover .svg-icon svg {
  fill: #ffffff;
}
.toggle-btn.disabled,
.toggle-btn[disabled] {
  box-shadow: none !important;
  text-shadow: none;
  background: #e4e5e5;
  border-color: rgba(67, 128, 152, 0.3);
  color: #767b7e;
}
body.dark .toggle-btn.disabled,
body.dark .toggle-btn[disabled] {
  background: #244451;
}
body.dark .toggle-btn.disabled,
body.dark .toggle-btn[disabled] {
  border-color: transparent;
}
body.dark .toggle-btn.disabled,
body.dark .toggle-btn[disabled] {
  color: #589bb6;
}
.toggle-btn.disabled:focus,
.toggle-btn[disabled]:focus {
  outline: none;
}
.toggle-btn.disabled:hover,
.toggle-btn[disabled]:hover {
  box-shadow: none !important;
  text-shadow: none;
  background: #e4e5e5;
  color: #767b7e;
}
body.dark .toggle-btn.disabled:hover,
body.dark .toggle-btn[disabled]:hover {
  background: #244451;
}
body.dark .toggle-btn.disabled:hover,
body.dark .toggle-btn[disabled]:hover {
  color: #589bb6;
}
.toggle-btn.disabled:hover .svg-icon svg,
.toggle-btn[disabled]:hover .svg-icon svg {
  fill: #767b7e;
}
body.dark .toggle-btn.disabled:hover .svg-icon svg,
body.dark .toggle-btn[disabled]:hover .svg-icon svg {
  fill: #589bb6;
}
.toggle-btn:focus {
  outline: none;
}
body.dark .toggle-btn {
  background-color: #9fc6d5;
}
body.dark .toggle-btn {
  color: #244451;
}
.toggle-btn.active,
.toggle-btn:not(.vis_btn_off) {
  background-color: #ffffff;
  color: #14272e;
  border-color: rgba(67, 128, 152, 0.3);
  border: 1px solid;
}
body.dark .toggle-btn.active,
body.dark .toggle-btn:not(.vis_btn_off) {
  background-color: #ffffff;
}
body.dark .toggle-btn.active,
body.dark .toggle-btn:not(.vis_btn_off) {
  color: #14272e;
}
body.dark .toggle-btn.active,
body.dark .toggle-btn:not(.vis_btn_off) {
  border-color: rgba(67, 128, 152, 0.3);
}
.toggle-btn.active:hover,
.toggle-btn:not(.vis_btn_off):hover {
  background-color: #474c54;
  color: #ffffff;
}
body.dark .toggle-btn.active:hover,
body.dark .toggle-btn:not(.vis_btn_off):hover {
  background-color: #474c54;
}
body.dark .toggle-btn.active:hover,
body.dark .toggle-btn:not(.vis_btn_off):hover {
  color: #ffffff;
}
.toggle-btn.active:hover .svg-icon svg,
.toggle-btn:not(.vis_btn_off):hover .svg-icon svg {
  fill: #ffffff;
}
body.dark .toggle-btn.active:hover .svg-icon svg,
body.dark .toggle-btn:not(.vis_btn_off):hover .svg-icon svg {
  fill: #ffffff;
}
.inline-confirm-btn {
  font-size: 0.75rem;
  border-radius: 16px;
  border: 0;
  font-size: 0.685rem;
  transition: 0.5s all linear;
  white-space: nowrap;
  letter-spacing: 0.03em;
  height: 28px;
  line-height: 28px;
  cursor: pointer;
  background-color: #ffffff;
  color: #474c54;
  background-color: #ea6c02;
  color: #ffffff;
  display: inline-block;
  height: 24px;
  line-height: 24px;
}
.inline-confirm-btn a {
  display: inline-block;
  height: 100%;
}
.inline-confirm-btn button:nth-of-type(1),
.inline-confirm-btn a:nth-of-type(1) {
  padding-left: 0.75em;
}
.inline-confirm-btn button:nth-of-type(2),
.inline-confirm-btn a:nth-of-type(2) {
  vertical-align: top;
  padding-left: 0;
  padding-right: 0.75em;
}
.inline-confirm-btn button:only-child,
.inline-confirm-btn a:only-child {
  padding: 0 0.75em;
}
a.inline-confirm-btn,
button.inline-confirm-btn,
label.inline-confirm-btn {
  padding: 0 1em;
}
a.inline-confirm-btn,
button.inline-confirm-btn {
  margin: 0.2em;
}
body.dark .inline-confirm-btn {
  background-color: #2e3137;
}
body.dark .inline-confirm-btn {
  color: #ffffff;
}
.inline-confirm-btn:hover {
  text-decoration: none;
  background-color: #474c54;
  color: #ffffff;
}
body.dark .inline-confirm-btn:hover {
  background-color: #474c54;
}
body.dark .inline-confirm-btn:hover {
  color: #ffffff;
}
.inline-confirm-btn:hover a {
  color: #474c54;
}
body.dark .inline-confirm-btn:hover a {
  color: #ffffff;
}
.inline-confirm-btn:hover .svg-icon svg {
  fill: #ffffff;
}
body.dark .inline-confirm-btn:hover .svg-icon svg {
  fill: #ffffff;
}
.inline-confirm-btn.disabled,
.inline-confirm-btn[disabled] {
  box-shadow: none !important;
  text-shadow: none;
  background: #e4e5e5;
  border-color: rgba(67, 128, 152, 0.3);
  color: #767b7e;
}
body.dark .inline-confirm-btn.disabled,
body.dark .inline-confirm-btn[disabled] {
  background: #244451;
}
body.dark .inline-confirm-btn.disabled,
body.dark .inline-confirm-btn[disabled] {
  border-color: transparent;
}
body.dark .inline-confirm-btn.disabled,
body.dark .inline-confirm-btn[disabled] {
  color: #589bb6;
}
.inline-confirm-btn.disabled:focus,
.inline-confirm-btn[disabled]:focus {
  outline: none;
}
.inline-confirm-btn.disabled:hover,
.inline-confirm-btn[disabled]:hover {
  box-shadow: none !important;
  text-shadow: none;
  background: #e4e5e5;
  color: #767b7e;
}
body.dark .inline-confirm-btn.disabled:hover,
body.dark .inline-confirm-btn[disabled]:hover {
  background: #244451;
}
body.dark .inline-confirm-btn.disabled:hover,
body.dark .inline-confirm-btn[disabled]:hover {
  color: #589bb6;
}
.inline-confirm-btn.disabled:hover .svg-icon svg,
.inline-confirm-btn[disabled]:hover .svg-icon svg {
  fill: #767b7e;
}
body.dark .inline-confirm-btn.disabled:hover .svg-icon svg,
body.dark .inline-confirm-btn[disabled]:hover .svg-icon svg {
  fill: #589bb6;
}
.inline-confirm-btn:focus {
  outline: none;
}
body.dark .inline-confirm-btn {
  background-color: #ea6c02;
}
body.dark .inline-confirm-btn {
  color: #ffffff;
}
.inline-confirm-btn:hover {
  background-color: #c75c02;
  color: #ffffff;
  text-decoration: none;
}
body.dark .inline-confirm-btn:hover {
  background-color: #c75c02;
}
body.dark .inline-confirm-btn:hover {
  color: #ffffff;
}
.inline-confirm-btn:hover .svg-icon svg {
  fill: #ffffff;
}
body.dark .inline-confirm-btn:hover .svg-icon svg {
  fill: #ffffff;
}
.inline-confirm-btn:focus {
  outline: none;
}
.inline-confirm-btn:focus {
  outline: none;
}
.inline-confirm-btn a {
  display: inline-block;
  height: 100%;
}
.inline-confirm-btn button:nth-of-type(1),
.inline-confirm-btn a:nth-of-type(1) {
  padding-left: 0.6em;
}
.inline-confirm-btn button:nth-of-type(2),
.inline-confirm-btn a:nth-of-type(2) {
  vertical-align: top;
  padding-left: 0;
  padding-right: 0.6em;
}
.inline-confirm-btn button:only-child,
.inline-confirm-btn a:only-child {
  padding: 0 0.6em;
}
a.inline-confirm-btn,
button.inline-confirm-btn,
label.inline-confirm-btn {
  padding: 0 1em;
}
a.inline-confirm-btn,
button.inline-confirm-btn {
  margin: 0.2em;
}
.cancel-btn,
.previous-btn {
  font-size: 0.75rem;
  display: inline-block;
  border-radius: 16px;
  border: 0;
  font-size: 0.685rem;
  transition: 0.5s all linear;
  white-space: nowrap;
  letter-spacing: 0.03em;
  height: 28px;
  line-height: 28px;
  cursor: pointer;
  background-color: #ffffff;
  color: #474c54;
  border: 1px solid transparent;
  border-color: rgba(67, 128, 152, 0.3);
}
.cancel-btn a,
.previous-btn a {
  display: inline-block;
  height: 100%;
}
.cancel-btn button:nth-of-type(1),
.previous-btn button:nth-of-type(1),
.cancel-btn a:nth-of-type(1),
.previous-btn a:nth-of-type(1) {
  padding-left: 0.75em;
}
.cancel-btn button:nth-of-type(2),
.previous-btn button:nth-of-type(2),
.cancel-btn a:nth-of-type(2),
.previous-btn a:nth-of-type(2) {
  vertical-align: top;
  padding-left: 0;
  padding-right: 0.75em;
}
.cancel-btn button:only-child,
.previous-btn button:only-child,
.cancel-btn a:only-child,
.previous-btn a:only-child {
  padding: 0 0.75em;
}
a.cancel-btn,
a.previous-btn,
button.cancel-btn,
button.previous-btn,
label.cancel-btn,
label.previous-btn {
  padding: 0 1em;
}
a.cancel-btn,
a.previous-btn,
button.cancel-btn,
button.previous-btn {
  margin: 0.2em;
}
body.dark .cancel-btn,
body.dark .previous-btn {
  background-color: #2e3137;
}
body.dark .cancel-btn,
body.dark .previous-btn {
  color: #ffffff;
}
.cancel-btn:hover,
.previous-btn:hover {
  text-decoration: none;
  background-color: #474c54;
  color: #ffffff;
}
body.dark .cancel-btn:hover,
body.dark .previous-btn:hover {
  background-color: #474c54;
}
body.dark .cancel-btn:hover,
body.dark .previous-btn:hover {
  color: #ffffff;
}
.cancel-btn:hover a,
.previous-btn:hover a {
  color: #474c54;
}
body.dark .cancel-btn:hover a,
body.dark .previous-btn:hover a {
  color: #ffffff;
}
.cancel-btn:hover .svg-icon svg,
.previous-btn:hover .svg-icon svg {
  fill: #ffffff;
}
body.dark .cancel-btn:hover .svg-icon svg,
body.dark .previous-btn:hover .svg-icon svg {
  fill: #ffffff;
}
.cancel-btn.disabled,
.previous-btn.disabled,
.cancel-btn[disabled],
.previous-btn[disabled] {
  box-shadow: none !important;
  text-shadow: none;
  background: #e4e5e5;
  border-color: rgba(67, 128, 152, 0.3);
  color: #767b7e;
}
body.dark .cancel-btn.disabled,
body.dark .previous-btn.disabled,
body.dark .cancel-btn[disabled],
body.dark .previous-btn[disabled] {
  background: #244451;
}
body.dark .cancel-btn.disabled,
body.dark .previous-btn.disabled,
body.dark .cancel-btn[disabled],
body.dark .previous-btn[disabled] {
  border-color: transparent;
}
body.dark .cancel-btn.disabled,
body.dark .previous-btn.disabled,
body.dark .cancel-btn[disabled],
body.dark .previous-btn[disabled] {
  color: #589bb6;
}
.cancel-btn.disabled:focus,
.previous-btn.disabled:focus,
.cancel-btn[disabled]:focus,
.previous-btn[disabled]:focus {
  outline: none;
}
.cancel-btn.disabled:hover,
.previous-btn.disabled:hover,
.cancel-btn[disabled]:hover,
.previous-btn[disabled]:hover {
  box-shadow: none !important;
  text-shadow: none;
  background: #e4e5e5;
  color: #767b7e;
}
body.dark .cancel-btn.disabled:hover,
body.dark .previous-btn.disabled:hover,
body.dark .cancel-btn[disabled]:hover,
body.dark .previous-btn[disabled]:hover {
  background: #244451;
}
body.dark .cancel-btn.disabled:hover,
body.dark .previous-btn.disabled:hover,
body.dark .cancel-btn[disabled]:hover,
body.dark .previous-btn[disabled]:hover {
  color: #589bb6;
}
.cancel-btn.disabled:hover .svg-icon svg,
.previous-btn.disabled:hover .svg-icon svg,
.cancel-btn[disabled]:hover .svg-icon svg,
.previous-btn[disabled]:hover .svg-icon svg {
  fill: #767b7e;
}
body.dark .cancel-btn.disabled:hover .svg-icon svg,
body.dark .previous-btn.disabled:hover .svg-icon svg,
body.dark .cancel-btn[disabled]:hover .svg-icon svg,
body.dark .previous-btn[disabled]:hover .svg-icon svg {
  fill: #589bb6;
}
.cancel-btn:focus,
.previous-btn:focus {
  outline: none;
}
body.dark .cancel-btn,
body.dark .previous-btn {
  border-color: rgba(67, 128, 152, 0.3);
}
.cancel-btn:hover,
.previous-btn:hover {
  box-shadow: none;
  border-color: transparent;
}
.cancel-btn.disabled,
.previous-btn.disabled {
  border-color: transparent;
}
.inline-cancel-btn {
  font-size: 0.75rem;
  border-radius: 16px;
  border: 0;
  font-size: 0.685rem;
  transition: 0.5s all linear;
  white-space: nowrap;
  letter-spacing: 0.03em;
  height: 28px;
  line-height: 28px;
  cursor: pointer;
  background-color: #ffffff;
  color: #474c54;
  border: 1px solid transparent;
  border-color: rgba(67, 128, 152, 0.3);
  display: inline-block;
  height: 24px;
  line-height: 24px;
}
.inline-cancel-btn a {
  display: inline-block;
  height: 100%;
}
.inline-cancel-btn button:nth-of-type(1),
.inline-cancel-btn a:nth-of-type(1) {
  padding-left: 0.75em;
}
.inline-cancel-btn button:nth-of-type(2),
.inline-cancel-btn a:nth-of-type(2) {
  vertical-align: top;
  padding-left: 0;
  padding-right: 0.75em;
}
.inline-cancel-btn button:only-child,
.inline-cancel-btn a:only-child {
  padding: 0 0.75em;
}
a.inline-cancel-btn,
button.inline-cancel-btn,
label.inline-cancel-btn {
  padding: 0 1em;
}
a.inline-cancel-btn,
button.inline-cancel-btn {
  margin: 0.2em;
}
body.dark .inline-cancel-btn {
  background-color: #2e3137;
}
body.dark .inline-cancel-btn {
  color: #ffffff;
}
.inline-cancel-btn:hover {
  text-decoration: none;
  background-color: #474c54;
  color: #ffffff;
}
body.dark .inline-cancel-btn:hover {
  background-color: #474c54;
}
body.dark .inline-cancel-btn:hover {
  color: #ffffff;
}
.inline-cancel-btn:hover a {
  color: #474c54;
}
body.dark .inline-cancel-btn:hover a {
  color: #ffffff;
}
.inline-cancel-btn:hover .svg-icon svg {
  fill: #ffffff;
}
body.dark .inline-cancel-btn:hover .svg-icon svg {
  fill: #ffffff;
}
.inline-cancel-btn.disabled,
.inline-cancel-btn[disabled] {
  box-shadow: none !important;
  text-shadow: none;
  background: #e4e5e5;
  border-color: rgba(67, 128, 152, 0.3);
  color: #767b7e;
}
body.dark .inline-cancel-btn.disabled,
body.dark .inline-cancel-btn[disabled] {
  background: #244451;
}
body.dark .inline-cancel-btn.disabled,
body.dark .inline-cancel-btn[disabled] {
  border-color: transparent;
}
body.dark .inline-cancel-btn.disabled,
body.dark .inline-cancel-btn[disabled] {
  color: #589bb6;
}
.inline-cancel-btn.disabled:focus,
.inline-cancel-btn[disabled]:focus {
  outline: none;
}
.inline-cancel-btn.disabled:hover,
.inline-cancel-btn[disabled]:hover {
  box-shadow: none !important;
  text-shadow: none;
  background: #e4e5e5;
  color: #767b7e;
}
body.dark .inline-cancel-btn.disabled:hover,
body.dark .inline-cancel-btn[disabled]:hover {
  background: #244451;
}
body.dark .inline-cancel-btn.disabled:hover,
body.dark .inline-cancel-btn[disabled]:hover {
  color: #589bb6;
}
.inline-cancel-btn.disabled:hover .svg-icon svg,
.inline-cancel-btn[disabled]:hover .svg-icon svg {
  fill: #767b7e;
}
body.dark .inline-cancel-btn.disabled:hover .svg-icon svg,
body.dark .inline-cancel-btn[disabled]:hover .svg-icon svg {
  fill: #589bb6;
}
.inline-cancel-btn:focus {
  outline: none;
}
body.dark .inline-cancel-btn {
  border-color: rgba(67, 128, 152, 0.3);
}
.inline-cancel-btn:hover {
  box-shadow: none;
  border-color: transparent;
}
.inline-cancel-btn.disabled {
  border-color: transparent;
}
.inline-cancel-btn:focus {
  outline: none;
}
.inline-cancel-btn a {
  display: inline-block;
  height: 100%;
}
.inline-cancel-btn button:nth-of-type(1),
.inline-cancel-btn a:nth-of-type(1) {
  padding-left: 0.6em;
}
.inline-cancel-btn button:nth-of-type(2),
.inline-cancel-btn a:nth-of-type(2) {
  vertical-align: top;
  padding-left: 0;
  padding-right: 0.6em;
}
.inline-cancel-btn button:only-child,
.inline-cancel-btn a:only-child {
  padding: 0 0.6em;
}
a.inline-cancel-btn,
button.inline-cancel-btn,
label.inline-cancel-btn {
  padding: 0 1em;
}
a.inline-cancel-btn,
button.inline-cancel-btn {
  margin: 0.2em;
}
.delete-btn {
  font-size: 0.75rem;
  display: inline-block;
  border-radius: 16px;
  border: 0;
  font-size: 0.685rem;
  transition: 0.5s all linear;
  white-space: nowrap;
  letter-spacing: 0.03em;
  height: 28px;
  line-height: 28px;
  cursor: pointer;
  background-color: #ffffff;
  color: #474c54;
}
.delete-btn a {
  display: inline-block;
  height: 100%;
}
.delete-btn button:nth-of-type(1),
.delete-btn a:nth-of-type(1) {
  padding-left: 0.75em;
}
.delete-btn button:nth-of-type(2),
.delete-btn a:nth-of-type(2) {
  vertical-align: top;
  padding-left: 0;
  padding-right: 0.75em;
}
.delete-btn button:only-child,
.delete-btn a:only-child {
  padding: 0 0.75em;
}
a.delete-btn,
button.delete-btn,
label.delete-btn {
  padding: 0 1em;
}
a.delete-btn,
button.delete-btn {
  margin: 0.2em;
}
body.dark .delete-btn {
  background-color: #2e3137;
}
body.dark .delete-btn {
  color: #ffffff;
}
.delete-btn:hover {
  text-decoration: none;
  background-color: #474c54;
  color: #ffffff;
}
body.dark .delete-btn:hover {
  background-color: #474c54;
}
body.dark .delete-btn:hover {
  color: #ffffff;
}
.delete-btn:hover a {
  color: #474c54;
}
body.dark .delete-btn:hover a {
  color: #ffffff;
}
.delete-btn:hover .svg-icon svg {
  fill: #ffffff;
}
body.dark .delete-btn:hover .svg-icon svg {
  fill: #ffffff;
}
.delete-btn.disabled,
.delete-btn[disabled] {
  box-shadow: none !important;
  text-shadow: none;
  background: #e4e5e5;
  border-color: rgba(67, 128, 152, 0.3);
  color: #767b7e;
}
body.dark .delete-btn.disabled,
body.dark .delete-btn[disabled] {
  background: #244451;
}
body.dark .delete-btn.disabled,
body.dark .delete-btn[disabled] {
  border-color: transparent;
}
body.dark .delete-btn.disabled,
body.dark .delete-btn[disabled] {
  color: #589bb6;
}
.delete-btn.disabled:focus,
.delete-btn[disabled]:focus {
  outline: none;
}
.delete-btn.disabled:hover,
.delete-btn[disabled]:hover {
  box-shadow: none !important;
  text-shadow: none;
  background: #e4e5e5;
  color: #767b7e;
}
body.dark .delete-btn.disabled:hover,
body.dark .delete-btn[disabled]:hover {
  background: #244451;
}
body.dark .delete-btn.disabled:hover,
body.dark .delete-btn[disabled]:hover {
  color: #589bb6;
}
.delete-btn.disabled:hover .svg-icon svg,
.delete-btn[disabled]:hover .svg-icon svg {
  fill: #767b7e;
}
body.dark .delete-btn.disabled:hover .svg-icon svg,
body.dark .delete-btn[disabled]:hover .svg-icon svg {
  fill: #589bb6;
}
.delete-btn:focus {
  outline: none;
}
.config-btn {
  font-size: 0.75rem;
  display: inline-block;
  border-radius: 16px;
  border: 0;
  font-size: 0.685rem;
  transition: 0.5s all linear;
  white-space: nowrap;
  letter-spacing: 0.03em;
  height: 28px;
  line-height: 28px;
  cursor: pointer;
  background-color: #ffffff;
  color: #474c54;
  border: 1px solid transparent;
  border-color: rgba(67, 128, 152, 0.3);
}
.config-btn a {
  display: inline-block;
  height: 100%;
}
.config-btn button:nth-of-type(1),
.config-btn a:nth-of-type(1) {
  padding-left: 0.75em;
}
.config-btn button:nth-of-type(2),
.config-btn a:nth-of-type(2) {
  vertical-align: top;
  padding-left: 0;
  padding-right: 0.75em;
}
.config-btn button:only-child,
.config-btn a:only-child {
  padding: 0 0.75em;
}
a.config-btn,
button.config-btn,
label.config-btn {
  padding: 0 1em;
}
a.config-btn,
button.config-btn {
  margin: 0.2em;
}
body.dark .config-btn {
  background-color: #2e3137;
}
body.dark .config-btn {
  color: #ffffff;
}
.config-btn:hover {
  text-decoration: none;
  background-color: #474c54;
  color: #ffffff;
}
body.dark .config-btn:hover {
  background-color: #474c54;
}
body.dark .config-btn:hover {
  color: #ffffff;
}
.config-btn:hover a {
  color: #474c54;
}
body.dark .config-btn:hover a {
  color: #ffffff;
}
.config-btn:hover .svg-icon svg {
  fill: #ffffff;
}
body.dark .config-btn:hover .svg-icon svg {
  fill: #ffffff;
}
.config-btn.disabled,
.config-btn[disabled] {
  box-shadow: none !important;
  text-shadow: none;
  background: #e4e5e5;
  border-color: rgba(67, 128, 152, 0.3);
  color: #767b7e;
}
body.dark .config-btn.disabled,
body.dark .config-btn[disabled] {
  background: #244451;
}
body.dark .config-btn.disabled,
body.dark .config-btn[disabled] {
  border-color: transparent;
}
body.dark .config-btn.disabled,
body.dark .config-btn[disabled] {
  color: #589bb6;
}
.config-btn.disabled:focus,
.config-btn[disabled]:focus {
  outline: none;
}
.config-btn.disabled:hover,
.config-btn[disabled]:hover {
  box-shadow: none !important;
  text-shadow: none;
  background: #e4e5e5;
  color: #767b7e;
}
body.dark .config-btn.disabled:hover,
body.dark .config-btn[disabled]:hover {
  background: #244451;
}
body.dark .config-btn.disabled:hover,
body.dark .config-btn[disabled]:hover {
  color: #589bb6;
}
.config-btn.disabled:hover .svg-icon svg,
.config-btn[disabled]:hover .svg-icon svg {
  fill: #767b7e;
}
body.dark .config-btn.disabled:hover .svg-icon svg,
body.dark .config-btn[disabled]:hover .svg-icon svg {
  fill: #589bb6;
}
.config-btn:focus {
  outline: none;
}
body.dark .config-btn {
  border-color: rgba(67, 128, 152, 0.3);
}
.config-btn:hover {
  box-shadow: none;
  border-color: transparent;
}
.config-btn.disabled {
  border-color: transparent;
}
.inline-config-btn {
  color: #244451;
  font-size: 0.75rem;
  border-radius: 16px;
  border: 0;
  font-size: 0.685rem;
  transition: 0.5s all linear;
  white-space: nowrap;
  letter-spacing: 0.03em;
  height: 28px;
  line-height: 28px;
  cursor: pointer;
  background-color: #ffffff;
  color: #474c54;
  border: 1px solid transparent;
  border-color: rgba(67, 128, 152, 0.3);
  display: inline-block;
  height: 24px;
  line-height: 24px;
}
body.dark .inline-config-btn {
  color: #c3dbe4;
}
.inline-config-btn svg {
  fill: #244451;
}
body.dark .inline-config-btn svg {
  fill: #c3dbe4;
}
.inline-config-btn a {
  display: inline-block;
  height: 100%;
}
.inline-config-btn button:nth-of-type(1),
.inline-config-btn a:nth-of-type(1) {
  padding-left: 0.75em;
}
.inline-config-btn button:nth-of-type(2),
.inline-config-btn a:nth-of-type(2) {
  vertical-align: top;
  padding-left: 0;
  padding-right: 0.75em;
}
.inline-config-btn button:only-child,
.inline-config-btn a:only-child {
  padding: 0 0.75em;
}
a.inline-config-btn,
button.inline-config-btn,
label.inline-config-btn {
  padding: 0 1em;
}
a.inline-config-btn,
button.inline-config-btn {
  margin: 0.2em;
}
body.dark .inline-config-btn {
  background-color: #2e3137;
}
body.dark .inline-config-btn {
  color: #ffffff;
}
.inline-config-btn:hover {
  text-decoration: none;
  background-color: #474c54;
  color: #ffffff;
}
body.dark .inline-config-btn:hover {
  background-color: #474c54;
}
body.dark .inline-config-btn:hover {
  color: #ffffff;
}
.inline-config-btn:hover a {
  color: #474c54;
}
body.dark .inline-config-btn:hover a {
  color: #ffffff;
}
.inline-config-btn:hover .svg-icon svg {
  fill: #ffffff;
}
body.dark .inline-config-btn:hover .svg-icon svg {
  fill: #ffffff;
}
.inline-config-btn.disabled,
.inline-config-btn[disabled] {
  box-shadow: none !important;
  text-shadow: none;
  background: #e4e5e5;
  border-color: rgba(67, 128, 152, 0.3);
  color: #767b7e;
}
body.dark .inline-config-btn.disabled,
body.dark .inline-config-btn[disabled] {
  background: #244451;
}
body.dark .inline-config-btn.disabled,
body.dark .inline-config-btn[disabled] {
  border-color: transparent;
}
body.dark .inline-config-btn.disabled,
body.dark .inline-config-btn[disabled] {
  color: #589bb6;
}
.inline-config-btn.disabled:focus,
.inline-config-btn[disabled]:focus {
  outline: none;
}
.inline-config-btn.disabled:hover,
.inline-config-btn[disabled]:hover {
  box-shadow: none !important;
  text-shadow: none;
  background: #e4e5e5;
  color: #767b7e;
}
body.dark .inline-config-btn.disabled:hover,
body.dark .inline-config-btn[disabled]:hover {
  background: #244451;
}
body.dark .inline-config-btn.disabled:hover,
body.dark .inline-config-btn[disabled]:hover {
  color: #589bb6;
}
.inline-config-btn.disabled:hover .svg-icon svg,
.inline-config-btn[disabled]:hover .svg-icon svg {
  fill: #767b7e;
}
body.dark .inline-config-btn.disabled:hover .svg-icon svg,
body.dark .inline-config-btn[disabled]:hover .svg-icon svg {
  fill: #589bb6;
}
.inline-config-btn:focus {
  outline: none;
}
body.dark .inline-config-btn {
  border-color: rgba(67, 128, 152, 0.3);
}
.inline-config-btn:hover {
  box-shadow: none;
  border-color: transparent;
}
.inline-config-btn.disabled {
  border-color: transparent;
}
.inline-config-btn:focus {
  outline: none;
}
.inline-config-btn a {
  display: inline-block;
  height: 100%;
}
.inline-config-btn button:nth-of-type(1),
.inline-config-btn a:nth-of-type(1) {
  padding-left: 0.6em;
}
.inline-config-btn button:nth-of-type(2),
.inline-config-btn a:nth-of-type(2) {
  vertical-align: top;
  padding-left: 0;
  padding-right: 0.6em;
}
.inline-config-btn button:only-child,
.inline-config-btn a:only-child {
  padding: 0 0.6em;
}
a.inline-config-btn,
button.inline-config-btn,
label.inline-config-btn {
  padding: 0 1em;
}
a.inline-config-btn,
button.inline-config-btn {
  margin: 0.2em;
}
.report-btn {
  font-size: 0.75rem;
  display: inline-block;
  border-radius: 16px;
  border: 0;
  font-size: 0.685rem;
  transition: 0.5s all linear;
  white-space: nowrap;
  letter-spacing: 0.03em;
  height: 28px;
  line-height: 28px;
  cursor: pointer;
  background-color: #ffffff;
  color: #474c54;
  border: 1px solid transparent;
  border-color: rgba(67, 128, 152, 0.3);
}
.report-btn a {
  display: inline-block;
  height: 100%;
}
.report-btn button:nth-of-type(1),
.report-btn a:nth-of-type(1) {
  padding-left: 0.75em;
}
.report-btn button:nth-of-type(2),
.report-btn a:nth-of-type(2) {
  vertical-align: top;
  padding-left: 0;
  padding-right: 0.75em;
}
.report-btn button:only-child,
.report-btn a:only-child {
  padding: 0 0.75em;
}
a.report-btn,
button.report-btn,
label.report-btn {
  padding: 0 1em;
}
a.report-btn,
button.report-btn {
  margin: 0.2em;
}
body.dark .report-btn {
  background-color: #2e3137;
}
body.dark .report-btn {
  color: #ffffff;
}
.report-btn:hover {
  text-decoration: none;
  background-color: #474c54;
  color: #ffffff;
}
body.dark .report-btn:hover {
  background-color: #474c54;
}
body.dark .report-btn:hover {
  color: #ffffff;
}
.report-btn:hover a {
  color: #474c54;
}
body.dark .report-btn:hover a {
  color: #ffffff;
}
.report-btn:hover .svg-icon svg {
  fill: #ffffff;
}
body.dark .report-btn:hover .svg-icon svg {
  fill: #ffffff;
}
.report-btn.disabled,
.report-btn[disabled] {
  box-shadow: none !important;
  text-shadow: none;
  background: #e4e5e5;
  border-color: rgba(67, 128, 152, 0.3);
  color: #767b7e;
}
body.dark .report-btn.disabled,
body.dark .report-btn[disabled] {
  background: #244451;
}
body.dark .report-btn.disabled,
body.dark .report-btn[disabled] {
  border-color: transparent;
}
body.dark .report-btn.disabled,
body.dark .report-btn[disabled] {
  color: #589bb6;
}
.report-btn.disabled:focus,
.report-btn[disabled]:focus {
  outline: none;
}
.report-btn.disabled:hover,
.report-btn[disabled]:hover {
  box-shadow: none !important;
  text-shadow: none;
  background: #e4e5e5;
  color: #767b7e;
}
body.dark .report-btn.disabled:hover,
body.dark .report-btn[disabled]:hover {
  background: #244451;
}
body.dark .report-btn.disabled:hover,
body.dark .report-btn[disabled]:hover {
  color: #589bb6;
}
.report-btn.disabled:hover .svg-icon svg,
.report-btn[disabled]:hover .svg-icon svg {
  fill: #767b7e;
}
body.dark .report-btn.disabled:hover .svg-icon svg,
body.dark .report-btn[disabled]:hover .svg-icon svg {
  fill: #589bb6;
}
.report-btn:focus {
  outline: none;
}
body.dark .report-btn {
  border-color: rgba(67, 128, 152, 0.3);
}
.report-btn:hover {
  box-shadow: none;
  border-color: transparent;
}
.report-btn.disabled {
  border-color: transparent;
}
.grid-row-btn {
  font-size: 0.75rem;
  display: inline-block;
  border-radius: 16px;
  border: 0;
  font-size: 0.685rem;
  transition: 0.5s all linear;
  white-space: nowrap;
  letter-spacing: 0.03em;
  height: 28px;
  line-height: 28px;
  cursor: pointer;
  color: #474c54;
  background-color: #ffffff;
  color: #31363e;
}
.grid-row-btn a {
  display: inline-block;
  height: 100%;
}
.grid-row-btn button:nth-of-type(1),
.grid-row-btn a:nth-of-type(1) {
  padding-left: 0.75em;
}
.grid-row-btn button:nth-of-type(2),
.grid-row-btn a:nth-of-type(2) {
  vertical-align: top;
  padding-left: 0;
  padding-right: 0.75em;
}
.grid-row-btn button:only-child,
.grid-row-btn a:only-child {
  padding: 0 0.75em;
}
a.grid-row-btn,
button.grid-row-btn,
label.grid-row-btn {
  padding: 0 1em;
}
a.grid-row-btn,
button.grid-row-btn {
  margin: 0.2em;
}
body.dark .grid-row-btn {
  background-color: #2e3137;
}
body.dark .grid-row-btn {
  color: #ffffff;
}
.grid-row-btn:hover {
  text-decoration: none;
  background-color: #474c54;
  color: #ffffff;
}
body.dark .grid-row-btn:hover {
  background-color: #474c54;
}
body.dark .grid-row-btn:hover {
  color: #ffffff;
}
.grid-row-btn:hover a {
  color: #474c54;
}
body.dark .grid-row-btn:hover a {
  color: #ffffff;
}
.grid-row-btn:hover .svg-icon svg {
  fill: #ffffff;
}
body.dark .grid-row-btn:hover .svg-icon svg {
  fill: #ffffff;
}
.grid-row-btn.disabled,
.grid-row-btn[disabled] {
  box-shadow: none !important;
  text-shadow: none;
  background: #e4e5e5;
  border-color: rgba(67, 128, 152, 0.3);
  color: #767b7e;
}
body.dark .grid-row-btn.disabled,
body.dark .grid-row-btn[disabled] {
  background: #244451;
}
body.dark .grid-row-btn.disabled,
body.dark .grid-row-btn[disabled] {
  border-color: transparent;
}
body.dark .grid-row-btn.disabled,
body.dark .grid-row-btn[disabled] {
  color: #589bb6;
}
.grid-row-btn.disabled:focus,
.grid-row-btn[disabled]:focus {
  outline: none;
}
.grid-row-btn.disabled:hover,
.grid-row-btn[disabled]:hover {
  box-shadow: none !important;
  text-shadow: none;
  background: #e4e5e5;
  color: #767b7e;
}
body.dark .grid-row-btn.disabled:hover,
body.dark .grid-row-btn[disabled]:hover {
  background: #244451;
}
body.dark .grid-row-btn.disabled:hover,
body.dark .grid-row-btn[disabled]:hover {
  color: #589bb6;
}
.grid-row-btn.disabled:hover .svg-icon svg,
.grid-row-btn[disabled]:hover .svg-icon svg {
  fill: #767b7e;
}
body.dark .grid-row-btn.disabled:hover .svg-icon svg,
body.dark .grid-row-btn[disabled]:hover .svg-icon svg {
  fill: #589bb6;
}
.grid-row-btn:focus {
  outline: none;
}
body.dark .grid-row-btn {
  background-color: #888e90;
}
body.dark .grid-row-btn {
  color: #ffffff;
}
.grid-row-btn a:hover {
  color: #000000;
}
body.dark .grid-row-btn a:hover {
  color: #000000;
}
.grid-row-btn a .svg-icon {
  fill: currentColor;
}
tr.gg.selected .grid-row-btn,
tr.gg:hover .grid-row-btn {
  background-color: #5ad5e6;
}
body.dark tr.gg.selected .grid-row-btn,
body.dark tr.gg:hover .grid-row-btn {
  background-color: #5ad5e6;
}
tr.gg.selected .grid-row-btn a,
tr.gg:hover .grid-row-btn a {
  color: #000000;
}
body.dark tr.gg.selected .grid-row-btn a,
body.dark tr.gg:hover .grid-row-btn a {
  color: #000000;
}
.inline-multi-action-btn {
  font-size: 0.75rem;
  border-radius: 16px;
  border: 0;
  font-size: 0.685rem;
  transition: 0.5s all linear;
  white-space: nowrap;
  letter-spacing: 0.03em;
  height: 28px;
  line-height: 28px;
  cursor: pointer;
  background-color: #ffffff;
  color: #474c54;
  display: inline-block;
  height: 24px;
  line-height: 24px;
  background-color: #79B522;
  color: #ffffff;
}
.inline-multi-action-btn a {
  display: inline-block;
  height: 100%;
}
.inline-multi-action-btn button:nth-of-type(1),
.inline-multi-action-btn a:nth-of-type(1) {
  padding-left: 0.75em;
}
.inline-multi-action-btn button:nth-of-type(2),
.inline-multi-action-btn a:nth-of-type(2) {
  vertical-align: top;
  padding-left: 0;
  padding-right: 0.75em;
}
.inline-multi-action-btn button:only-child,
.inline-multi-action-btn a:only-child {
  padding: 0 0.75em;
}
a.inline-multi-action-btn,
button.inline-multi-action-btn,
label.inline-multi-action-btn {
  padding: 0 1em;
}
a.inline-multi-action-btn,
button.inline-multi-action-btn {
  margin: 0.2em;
}
body.dark .inline-multi-action-btn {
  background-color: #2e3137;
}
body.dark .inline-multi-action-btn {
  color: #ffffff;
}
.inline-multi-action-btn:hover {
  text-decoration: none;
  background-color: #474c54;
  color: #ffffff;
}
body.dark .inline-multi-action-btn:hover {
  background-color: #474c54;
}
body.dark .inline-multi-action-btn:hover {
  color: #ffffff;
}
.inline-multi-action-btn:hover a {
  color: #474c54;
}
body.dark .inline-multi-action-btn:hover a {
  color: #ffffff;
}
.inline-multi-action-btn:hover .svg-icon svg {
  fill: #ffffff;
}
body.dark .inline-multi-action-btn:hover .svg-icon svg {
  fill: #ffffff;
}
.inline-multi-action-btn.disabled,
.inline-multi-action-btn[disabled] {
  box-shadow: none !important;
  text-shadow: none;
  background: #e4e5e5;
  border-color: rgba(67, 128, 152, 0.3);
  color: #767b7e;
}
body.dark .inline-multi-action-btn.disabled,
body.dark .inline-multi-action-btn[disabled] {
  background: #244451;
}
body.dark .inline-multi-action-btn.disabled,
body.dark .inline-multi-action-btn[disabled] {
  border-color: transparent;
}
body.dark .inline-multi-action-btn.disabled,
body.dark .inline-multi-action-btn[disabled] {
  color: #589bb6;
}
.inline-multi-action-btn.disabled:focus,
.inline-multi-action-btn[disabled]:focus {
  outline: none;
}
.inline-multi-action-btn.disabled:hover,
.inline-multi-action-btn[disabled]:hover {
  box-shadow: none !important;
  text-shadow: none;
  background: #e4e5e5;
  color: #767b7e;
}
body.dark .inline-multi-action-btn.disabled:hover,
body.dark .inline-multi-action-btn[disabled]:hover {
  background: #244451;
}
body.dark .inline-multi-action-btn.disabled:hover,
body.dark .inline-multi-action-btn[disabled]:hover {
  color: #589bb6;
}
.inline-multi-action-btn.disabled:hover .svg-icon svg,
.inline-multi-action-btn[disabled]:hover .svg-icon svg {
  fill: #767b7e;
}
body.dark .inline-multi-action-btn.disabled:hover .svg-icon svg,
body.dark .inline-multi-action-btn[disabled]:hover .svg-icon svg {
  fill: #589bb6;
}
.inline-multi-action-btn:focus {
  outline: none;
}
.inline-multi-action-btn:focus {
  outline: none;
}
.inline-multi-action-btn a {
  display: inline-block;
  height: 100%;
}
.inline-multi-action-btn button:nth-of-type(1),
.inline-multi-action-btn a:nth-of-type(1) {
  padding-left: 0.6em;
}
.inline-multi-action-btn button:nth-of-type(2),
.inline-multi-action-btn a:nth-of-type(2) {
  vertical-align: top;
  padding-left: 0;
  padding-right: 0.6em;
}
.inline-multi-action-btn button:only-child,
.inline-multi-action-btn a:only-child {
  padding: 0 0.6em;
}
a.inline-multi-action-btn,
button.inline-multi-action-btn,
label.inline-multi-action-btn {
  padding: 0 1em;
}
a.inline-multi-action-btn,
button.inline-multi-action-btn {
  margin: 0.2em;
}
body.dark .inline-multi-action-btn {
  background-color: #79B522;
}
body.dark .inline-multi-action-btn {
  color: #ffffff;
}
.inline-multi-action-btn:hover {
  text-decoration: none;
  background-color: #5c8a1a;
  color: #ffffff;
}
body.dark .inline-multi-action-btn:hover {
  background-color: #5c8a1a;
}
body.dark .inline-multi-action-btn:hover {
  color: #ffffff;
}
.inline-multi-action-btn:hover a {
  color: #ffffff;
}
body.dark .inline-multi-action-btn:hover a {
  color: #ffffff;
}
.inline-multi-action-btn:hover .svg-icon svg {
  fill: #ffffff;
}
body.dark .inline-multi-action-btn:hover .svg-icon svg {
  fill: #ffffff;
}
.inline-multi-action-btn a {
  color: #ffffff;
}
body.dark .inline-multi-action-btn a {
  color: #ffffff;
}
.inline-multi-action-btn a:hover {
  color: #ffffff;
}
body.dark .inline-multi-action-btn a:hover {
  color: #ffffff;
}
.inline-multi-action-btn:focus {
  outline: none;
}
.inline-multi-action-btn:not(.disabled) .svg-icon {
  fill: currentColor;
}
.filter-btn {
  font-size: 0.75rem;
  border-radius: 16px;
  border: 0;
  font-size: 0.685rem;
  transition: 0.5s all linear;
  white-space: nowrap;
  letter-spacing: 0.03em;
  height: 28px;
  line-height: 28px;
  cursor: pointer;
  color: #474c54;
  background-color: #ffffff;
  color: #31363e;
  display: inline-block;
  height: 24px;
  line-height: 24px;
  border-radius: 0 6px 6px 0;
  background-color: #dde2e9;
}
.filter-btn a {
  display: inline-block;
  height: 100%;
}
.filter-btn button:nth-of-type(1),
.filter-btn a:nth-of-type(1) {
  padding-left: 0.75em;
}
.filter-btn button:nth-of-type(2),
.filter-btn a:nth-of-type(2) {
  vertical-align: top;
  padding-left: 0;
  padding-right: 0.75em;
}
.filter-btn button:only-child,
.filter-btn a:only-child {
  padding: 0 0.75em;
}
a.filter-btn,
button.filter-btn,
label.filter-btn {
  padding: 0 1em;
}
a.filter-btn,
button.filter-btn {
  margin: 0.2em;
}
body.dark .filter-btn {
  background-color: #2e3137;
}
body.dark .filter-btn {
  color: #ffffff;
}
.filter-btn:hover {
  text-decoration: none;
  background-color: #474c54;
  color: #ffffff;
}
body.dark .filter-btn:hover {
  background-color: #474c54;
}
body.dark .filter-btn:hover {
  color: #ffffff;
}
.filter-btn:hover a {
  color: #474c54;
}
body.dark .filter-btn:hover a {
  color: #ffffff;
}
.filter-btn:hover .svg-icon svg {
  fill: #ffffff;
}
body.dark .filter-btn:hover .svg-icon svg {
  fill: #ffffff;
}
.filter-btn.disabled,
.filter-btn[disabled] {
  box-shadow: none !important;
  text-shadow: none;
  background: #e4e5e5;
  border-color: rgba(67, 128, 152, 0.3);
  color: #767b7e;
}
body.dark .filter-btn.disabled,
body.dark .filter-btn[disabled] {
  background: #244451;
}
body.dark .filter-btn.disabled,
body.dark .filter-btn[disabled] {
  border-color: transparent;
}
body.dark .filter-btn.disabled,
body.dark .filter-btn[disabled] {
  color: #589bb6;
}
.filter-btn.disabled:focus,
.filter-btn[disabled]:focus {
  outline: none;
}
.filter-btn.disabled:hover,
.filter-btn[disabled]:hover {
  box-shadow: none !important;
  text-shadow: none;
  background: #e4e5e5;
  color: #767b7e;
}
body.dark .filter-btn.disabled:hover,
body.dark .filter-btn[disabled]:hover {
  background: #244451;
}
body.dark .filter-btn.disabled:hover,
body.dark .filter-btn[disabled]:hover {
  color: #589bb6;
}
.filter-btn.disabled:hover .svg-icon svg,
.filter-btn[disabled]:hover .svg-icon svg {
  fill: #767b7e;
}
body.dark .filter-btn.disabled:hover .svg-icon svg,
body.dark .filter-btn[disabled]:hover .svg-icon svg {
  fill: #589bb6;
}
.filter-btn:focus {
  outline: none;
}
body.dark .filter-btn {
  background-color: #888e90;
}
body.dark .filter-btn {
  color: #ffffff;
}
.filter-btn svg {
  fill: #31363e;
}
body.dark .filter-btn svg {
  fill: #ffffff;
}
.filter-btn:focus {
  outline: none;
}
.filter-btn:hover {
  background-color: #00a9e0;
  color: #ffffff;
}
body.dark .filter-btn:hover {
  background-color: #00a9e0;
}
body.dark .filter-btn:hover {
  color: #ffffff;
}
.filter-btn:hover .svg-icon svg {
  fill: #ffffff;
}
body.dark .filter-btn:hover .svg-icon svg {
  fill: #ffffff;
}
.filter-btn:focus {
  outline: none;
}
.filter-btn a {
  display: inline-block;
  height: 100%;
}
.filter-btn button:nth-of-type(1),
.filter-btn a:nth-of-type(1) {
  padding-left: 0.6em;
}
.filter-btn button:nth-of-type(2),
.filter-btn a:nth-of-type(2) {
  vertical-align: top;
  padding-left: 0;
  padding-right: 0.6em;
}
.filter-btn button:only-child,
.filter-btn a:only-child {
  padding: 0 0.6em;
}
a.filter-btn,
button.filter-btn,
label.filter-btn {
  padding: 0 1em;
}
a.filter-btn,
button.filter-btn {
  margin: 0.2em;
}
.filter-btn .quick-action-arrow {
  display: inline-block;
  vertical-align: middle;
  line-height: 0.7em;
}
.timeline-panel .filter-btn .quick-action-arrow {
  vertical-align: text-bottom;
}
.panel.timeline .filter-btn .quick-action-arrow {
  vertical-align: sub;
}
.filter-btn .quick-action-arrow .filter {
  transition: 0.2s all linear;
  fill: #00a9e0;
  width: 14px;
  height: 14px;
}
.filter-btn:hover .filter {
  fill: #ffffff;
}
.filter-btn a:hover {
  color: #ffffff;
}
/* chevron related to buttons styling use these mixins for size and direction the default direction is right NOTE: these are only the styles the actual svg needs to be in the template / widget / gadget  */
.down-chevron .svg-icon {
  width: 12px;
  height: 12px;
  display: inline-block;
  transform: rotate(90deg);
  overflow: hidden;
  height: 100%;
}
.up-chevron .svg-icon {
  width: 12px;
  height: 12px;
  display: inline-block;
  transform: rotate(-90deg);
  height: 100%;
}
/*
The less files above this line contain mixins that are used in other files.
New mixin files should be placed above this line.

All other new less files should be included directly below this comment so they can use the mixin defined above.
Placing the file directly below ensures no other styles will be overwritten.
If you have any doubt of where your file should go, put it on the next line.
*/
.flex-grid {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.flex-grid .col {
  flex: 1;
  flex-basis: 8.333%;
}
.flex-grid .col-2 {
  flex: 2;
  flex-basis: 16.667%;
}
.flex-grid .col-3 {
  flex: 3;
  flex-basis: 25%;
}
.flex-grid .col-4 {
  flex: 4;
  flex-basis: 33.333%;
}
.flex-grid .col-5 {
  flex: 5;
  flex-basis: 41.667%;
}
.flex-grid .col-6 {
  flex: 6;
  flex-basis: 50%;
}
.flex-grid .col-7 {
  flex: 7;
  flex-basis: 58.333%;
}
.flex-grid .col-8 {
  flex: 8;
  flex-basis: 66.667%;
}
.flex-grid .col-9 {
  flex: 9;
  flex-basis: 75%;
}
.flex-grid .col-10 {
  flex: 10;
  flex-basis: 83.333%;
}
.flex-grid .col-11 {
  flex: 11;
  flex-basis: 91.667%;
}
.flex-grid .col-12 {
  flex: 12;
  flex-basis: 100%;
}
.flex-grid.center {
  justify-content: center;
}
.flex-grid.space-between [class^='col'] {
  padding-left: 8px;
  padding-right: 8px;
}
.flex-grid.space-between [class^='col']:first-of-type {
  padding-left: 0;
}
.flex-grid.space-between [class^='col']:last-of-type {
  padding-right: 0;
}
label {
  color: #244451;
}
body.dark label {
  color: #c3dbe4;
}
label.block {
  display: block;
}
label.block input,
label.block textarea,
label.block select {
  display: block;
}
label textarea {
  display: block;
}
label input[type=text]:not(.select-right):not(.inline),
label input[type=password]:not(.select-right):not(.inline),
label input[type=search]:not(.select-right):not(.inline),
label select:not(.select-right):not(.inline),
label .Select:not(.select-right):not(.inline),
label .infinite-scroll:not(.select-right):not(.inline),
label textarea:not(.select-right):not(.inline) {
  margin: 0.25rem 0 8px;
}
label input[type=text].inline,
label input[type=password].inline,
label select.inline {
  display: inline-block;
  margin-left: 0.25rem;
}
label input[type=text] + .icon-button,
label input[type=password] + .icon-button,
label select + .icon-button,
label input[type=text] + .button,
label input[type=password] + .button,
label select + .button {
  margin-left: 10px;
}
label input[type=checkbox] {
  margin: 0 0.4rem 8px;
}
input[type=text],
input[type=password],
input[type=search],
textarea,
select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  font-size: 0.85rem;
  height: 28px;
  border-radius: 12px;
  border: 1px solid transparent;
  box-shadow: 0 0 0 0 rgba(67, 128, 152, 0);
  outline: 0;
  padding: 4px 9px;
  position: relative;
  transition: 0.4s all linear;
  width: 100%;
  z-index: 0;
  background-color: #ffffff;
  border-color: rgba(67, 128, 152, 0.5);
  color: currentColor;
}
input[type=text]:hover,
input[type=password]:hover,
input[type=search]:hover,
textarea:hover,
select:hover {
  border-color: rgba(67, 128, 152, 0.5);
  box-shadow: 0 0 7px 0 rgba(67, 128, 152, 0.3);
}
input[type=text]:hover::before,
input[type=password]:hover::before,
input[type=search]:hover::before,
textarea:hover::before,
select:hover::before {
  left: -100%;
}
input[type=text]:focus,
input[type=password]:focus,
input[type=search]:focus,
textarea:focus,
select:focus,
input[type=text]:focus-within,
input[type=password]:focus-within,
input[type=search]:focus-within,
textarea:focus-within,
select:focus-within {
  border-color: #1daabd;
  box-shadow: 0 0 7px 0 rgba(29, 170, 189, 0.3);
}
input[type=text]:focus::before,
input[type=password]:focus::before,
input[type=search]:focus::before,
textarea:focus::before,
select:focus::before,
input[type=text]:focus-within::before,
input[type=password]:focus-within::before,
input[type=search]:focus-within::before,
textarea:focus-within::before,
select:focus-within::before {
  left: -100%;
  background-color: rgba(29, 170, 189, 0.2);
}
body.dark input[type=text],
body.dark input[type=password],
body.dark input[type=search],
body.dark textarea,
body.dark select {
  background-color: transparent;
}
body.dark input[type=text],
body.dark input[type=password],
body.dark input[type=search],
body.dark textarea,
body.dark select {
  border-color: rgba(67, 128, 152, 0.5);
}
body.dark input[type=text],
body.dark input[type=password],
body.dark input[type=search],
body.dark textarea,
body.dark select {
  color: #ffffff;
}
input[type=text]::placeholder,
input[type=password]::placeholder,
input[type=search]::placeholder,
textarea::placeholder,
select::placeholder {
  color: rgba(67, 128, 152, 0.7) !important;
}
body.dark input[type=text]::placeholder,
body.dark input[type=password]::placeholder,
body.dark input[type=search]::placeholder,
body.dark textarea::placeholder,
body.dark select::placeholder {
  color: rgba(255, 255, 255, 0.6) !important;
}
input[type=text]:disabled,
input[type=password]:disabled,
input[type=search]:disabled,
textarea:disabled,
select:disabled,
input[type=text][disabled],
input[type=password][disabled],
input[type=search][disabled],
textarea[disabled],
select[disabled] {
  background-color: rgba(67, 128, 152, 0.3);
  opacity: 0.5;
  border: 1px solid transparent;
  box-shadow: 0 0 0 0 rgba(67, 128, 152, 0);
  cursor: not-allowed;
}
input[type=text][readonly],
input[type=password][readonly],
input[type=search][readonly],
textarea[readonly],
select[readonly] {
  border: 1px solid transparent;
  box-shadow: 0 0 0 0 rgba(67, 128, 152, 0);
  cursor: not-allowed;
  background-color: rgba(67, 128, 152, 0);
  border-color: transparent !important;
  color: currentColor;
}
body.dark input[type=text][readonly],
body.dark input[type=password][readonly],
body.dark input[type=search][readonly],
body.dark textarea[readonly],
body.dark select[readonly] {
  background-color: transparent;
}
body.dark input[type=text][readonly],
body.dark input[type=password][readonly],
body.dark input[type=search][readonly],
body.dark textarea[readonly],
body.dark select[readonly] {
  border-color: transparent !important;
}
body.dark input[type=text][readonly],
body.dark input[type=password][readonly],
body.dark input[type=search][readonly],
body.dark textarea[readonly],
body.dark select[readonly] {
  color: #3b7186;
}
select {
  background-position: 99% center;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA5NiA5NiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgOTYgOTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggaWQ9IlhNTElEXzQzOV8iIGQ9Ik00OSw2NWMtMS4xLDAtMi4xLTAuNC0yLjktMS4ybC0yNS0yNkMyMC40LDM3LDIwLDM2LDIwLDM1YzAtMS4xLDAuNC0yLjEsMS4yLTIuOWMxLjYtMS41LDQuMS0xLjUsNS43LDAuMQoJbDIyLjEsMjNsMjIuMS0yM2MxLjUtMS42LDQuMS0xLjYsNS43LTAuMWMxLjYsMS41LDEuNiw0LjEsMC4xLDUuN2wtMjUsMjZDNTEuMSw2NC42LDUwLjEsNjUsNDksNjV6Ii8+Cjwvc3ZnPgo=);
}
body.dark select {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA5NiA5NiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgOTYgOTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPHBhdGggaWQ9IlhNTElEXzQzOV8iIGNsYXNzPSJzdDAiIGQ9Ik00OSw2NWMtMS4xLDAtMi4xLTAuNC0yLjktMS4ybC0yNS0yNkMyMC40LDM3LDIwLDM2LDIwLDM1YzAtMS4xLDAuNC0yLjEsMS4yLTIuOQoJYzEuNi0xLjUsNC4xLTEuNSw1LjcsMC4xbDIyLjEsMjNsMjIuMS0yM2MxLjUtMS42LDQuMS0xLjYsNS43LTAuMXMxLjYsNC4xLDAuMSw1LjdsLTI1LDI2QzUxLjEsNjQuNiw1MC4xLDY1LDQ5LDY1eiIvPgo8L3N2Zz4K);
}
select option {
  color: #000000;
}
body.dark select option {
  color: #000000;
}
textarea {
  border-radius: 3px;
  height: auto;
  max-width: 100%;
}
input[type="file"],
input[type="checkbox"],
input[type="radio"] {
  margin: 0;
}
input[type="file"].inline,
input[type="checkbox"].inline,
input[type="radio"].inline {
  margin: 0 0.4rem;
}
input[type="checkbox"]:disabled + label,
input[type="radio"]:disabled + label {
  opacity: 0.5;
}
input[type="checkbox"] + label,
input[type="radio"] + label {
  margin-left: 2px;
  margin-right: 10px;
}
input[data-dirty="true"] {
  background-color: #fbeecc;
}
body.dark input[data-dirty="true"] {
  background-color: rgba(234, 171, 0, 0.5);
}
.select-wrapper .svg-icon {
  position: absolute;
  margin: 3px 0 0 -24px;
}
select:hover {
  background-color: transparent;
}
.left {
  float: left;
}
.right {
  float: right;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.text-left {
  text-align: left !important;
}
.center {
  text-align: center !important;
}
.clearfloat {
  clear: both;
}
.pointer {
  cursor: pointer;
}
.hidden {
  display: none;
}
.empty-content {
  width: 100%;
}
.bottom-spacing {
  margin-bottom: 8px;
}
/* sometimes we just easily want block elements to be shown inline, without floating*/
.forceinline {
  display: inline-block !important;
}
.nowrap {
  white-space: nowrap;
}
.transparent {
  background: transparent !important;
}
.trans50 {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
}
.flex {
  display: flex;
}
/* Override the bottom padding on the block-grid list items */
[class*="block-grid-"] > li {
  padding: 0;
  background-color: #b7bcc4;
  border: 2px solid #dde2e9;
  color: #244451;
}
body.dark [class*="block-grid-"] > li {
  color: #c3dbe4;
}
/* the parametersondialog class has a couple styles*/
.encoverlay {
  top: 0px;
  left: 0px;
  height: 100px;
  width: 100px;
  position: absolute;
  z-index: 10;
  font-size: 16pt;
  width: 375px;
  margin-left: 2px;
  padding: 4px 0px 0px 10px;
}
.encunderlay {
  color: #000000;
}
.parameter_dialog_add_btn {
  font-size: 8pt;
  font-weight: normal;
  cursor: pointer;
}
.parameter_dialog_remove_btn {
  cursor: pointer;
}
.hidden-accessible {
  display: none;
}
.tagSelector {
  border-radius: 12px;
  box-shadow: 0 0 0 0 rgba(67, 128, 152, 0);
  padding: 0;
  background: transparent;
  transition: 0.4s all linear;
  outline: 0;
  position: relative;
  z-index: 0;
  height: auto;
  margin: 0;
  overflow: hidden;
  cursor: text;
}
.tagSelector input {
  white-space: nowrap;
  color: currentColor;
}
.tagSelector .tag {
  background-color: rgba(67, 128, 152, 0.2);
  border-radius: 16px;
  height: 28px;
  padding: 3px 6px 3px 12px;
  margin-right: 3px;
  margin-bottom: 3px;
  display: inline-flex;
  align-items: center;
}
.tagSelector .tag span:not(.svg-icon) {
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: top;
}
.tagSelector .tag .svg-icon {
  width: 16px;
  height: 16px;
  display: inline-flex;
  cursor: pointer;
  margin-left: 5px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  background: #ffffff;
}
body.dark .tagSelector .tag .svg-icon {
  background: #14272e;
}
.columns.flush {
  padding: 0;
}
#actionbar + .columns {
  padding-left: 0;
  padding-right: 0;
}
#progflowphases section {
  margin-bottom: 35px;
}
/* some other places where we simply want a foreground color */
.red.svg-icon.solid svg,
.orange.svg-icon.solid svg,
.yellow.svg-icon.solid svg {
  fill: #244451;
}
body.dark .red.svg-icon.solid svg,
body.dark .orange.svg-icon.solid svg,
body.dark .yellow.svg-icon.solid svg {
  fill: #000000;
}
.red {
  color: #f44336;
}
body.dark .red {
  color: #e88573;
}
.red.svg-icon.solid {
  background: #f44336;
}
body.dark .red.svg-icon.solid {
  background: #e88573;
}
.red.svg-icon:not(.solid) svg {
  fill: #f44336;
}
body.dark .red.svg-icon:not(.solid) svg {
  fill: #e88573;
}
.orange {
  color: #ea6c02;
}
body.dark .orange {
  color: #ea6c02;
}
.orange.svg-icon.solid {
  background: #ea6c02;
}
body.dark .orange.svg-icon.solid {
  background: #ea6c02;
}
.orange.svg-icon:not(.solid) svg {
  fill: #ea6c02;
}
body.dark .orange.svg-icon:not(.solid) svg {
  fill: #ea6c02;
}
.yellow {
  color: #fed648;
}
body.dark .yellow {
  color: #fed648;
}
.yellow.svg-icon.solid {
  background: #fed648;
}
body.dark .yellow.svg-icon.solid {
  background: #fed648;
}
.yellow.svg-icon:not(.solid) svg {
  fill: #fed648;
}
body.dark .yellow.svg-icon:not(.solid) svg {
  fill: #fed648;
}
/* and some legacy stuff that should go away */
.selectable {
  cursor: pointer;
}
.panel {
  border: none;
  border-radius: 3px;
  margin: 0 0 8px;
  padding: 16px;
  color: #244451;
  background: #e6f0f4;
}
body.dark .panel {
  color: #c3dbe4;
}
body.dark .panel {
  background: #244451;
}
.panel > :first-child {
  margin-top: 0;
}
.panel > :last-child {
  margin-bottom: 0;
}
.panel.callout {
  border: none;
  margin-bottom: 8px;
  padding: 0;
  background: transparent;
  font-size: 0.9em;
  font-style: italic;
  color: #e68900;
}
body.dark .panel.callout {
  background: transparent;
}
body.dark .panel.callout {
  color: #e68900;
}
.panel.callout:before,
.panel.callout:after {
  content: " ";
  display: table;
}
.panel.callout:after {
  clear: both;
}
.panel.callout:before,
.panel.callout:after {
  content: " ";
  display: table;
}
.panel.callout:after {
  clear: both;
}
.panel.callout.background {
  background: rgba(230, 137, 0, 0.2);
  padding: 8px;
}
body.dark .panel.callout.background {
  background: rgba(230, 137, 0, 0.2);
}
.panel.callout a:not(.button) {
  color: #0090be;
}
.panel.callout a:not(.button):hover,
.panel.callout a:not(.button):focus {
  color: #00769d;
}
.panel.callout .svg-icon {
  position: relative;
  top: 2px;
  margin-right: 3px;
}
.panel.callout .svg-icon svg {
  fill: #ffad33;
}
body.dark .panel.callout .svg-icon svg {
  fill: #ffad33;
}
.panel.callout .button {
  font-style: normal;
}
.panel.callout .button .svg-icon svg {
  fill: #244451;
}
body.dark .panel.callout .button .svg-icon svg {
  fill: #000000;
}
.panel.callout.warn {
  background: #fff7da;
}
body.dark .panel.callout.warn {
  background: #fff7da;
}
.panel.callout.alert {
  border: none;
  background: #f0cccc;
}
body.dark .panel.callout.alert {
  background: #d52101;
}
.panel h1,
.panel h2,
.panel h3,
.panel h4,
.panel h5,
.panel h6 {
  line-height: 1;
  margin-bottom: 0.625rem;
}
.panel h1.subheader,
.panel h2.subheader,
.panel h3.subheader,
.panel h4.subheader,
.panel h5.subheader,
.panel h6.subheader {
  line-height: 1.4;
}
.holly-block + .panel.callout {
  margin-bottom: 0;
}
#app_header_title {
  color: #ffffff;
}
#app_header_title span,
#app_header_logo {
  cursor: pointer;
}
#app_header_icons {
  margin: 13px 20px 16px;
}
.app_header_icon {
  margin: 0px 4px;
}
#maincontent {
  margin: 50px 0 20px 35px;
  width: calc(100% - 35px);
}
#fullwidthcontent {
  margin-bottom: 20px;
  display: flex;
}
.content-lens {
  border: 1px solid transparent;
  border-radius: 6px;
  margin: 0 32px;
  padding: 8px;
  background-color: #ffffff;
  border-color: #ffffff;
}
body.dark .content-lens {
  background-color: #14272e;
}
body.dark .content-lens {
  border-color: #14272e;
}
.master-detail-container {
  display: flex;
  align-items: stretch;
  overflow-x: hidden;
}
.master-detail-container.border {
  border-top: 1px solid transparent;
  border-top-color: rgba(67, 128, 152, 0.5);
}
body.dark .master-detail-container.border {
  border-top-color: rgba(67, 128, 152, 0.5);
}
.master-detail-container .tabs.vertical,
.master-detail-container .detail-container {
  min-height: 74vh;
}
.master-detail-container .detail-container {
  border-radius: 0;
  width: 100%;
  padding: 1.5em 1em 1em;
  overflow: hidden;
  margin: 0;
  background-color: #ffffff;
}
body.dark .master-detail-container .detail-container {
  background-color: #14272e;
}
.master-detail-container .detail-container.tabs-content > .content {
  padding: 10px;
  border-radius: 6px;
}
.master-detail-container .detail-container.tabs-content > .content .panel.callout {
  color: #e68900;
}
body.dark .master-detail-container .detail-container.tabs-content > .content .panel.callout {
  color: #e68900;
}
.master-detail-container .detail-container.tabs-content > .content .panel.callout .svg-icon {
  fill: #e68900;
}
body.dark .master-detail-container .detail-container.tabs-content > .content .panel.callout .svg-icon {
  fill: #e68900;
}
.master-detail-container .detail-container #div_summary #metrics_canvas {
  height: 78vh;
  width: 100%;
}
.master-detail-container .detail-container #panel_summary #canvas_frame {
  height: 85vh;
  width: 100%;
}
.master-detail-container .detail-container #panel_version > select {
  width: auto;
  min-width: 50px;
  max-width: 350px;
  padding-right: 20px;
  margin-bottom: 8px;
}
.master-detail-container .detail-container #panel_source #srcfilecount {
  margin: 12px 0 0 20px;
}
.master-detail-container .detail-container .accordion-navigation #changes_panel > .right,
.master-detail-container .detail-container .accordion-navigation #workitems_panel > .right {
  margin-left: 40px;
}
.master-detail-container .detail-container .accordion-navigation #ar_count,
.master-detail-container .detail-container .accordion-navigation #arts_count,
.master-detail-container .detail-container .accordion-navigation #change_count,
.master-detail-container .detail-container .accordion-navigation #pkg_count,
.master-detail-container .detail-container .accordion-navigation #staged_arts_count,
.master-detail-container .detail-container .accordion-navigation #staged_change_count,
.master-detail-container .detail-container .accordion-navigation #staged_wi_count,
.master-detail-container .detail-container .accordion-navigation #wi_count {
  font-size: 0.5em;
}
.main-navigation * {
  font-family: 'Lato', -apple-system, system-ui, BlinkMacSystemFont, sans-serif;
  -webkit-font-smoothing: antialiased;
}
.main-navigation ul {
  margin: 0;
}
.main-navigation a {
  text-decoration: none !important;
}
.top-nav {
  position: fixed;
  width: 100%;
  box-sizing: border-box;
  z-index: 2000;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  border-bottom: 1px solid transparent;
  background-color: #ffffff;
  border-bottom-color: #c4cacd;
}
body.dark .top-nav {
  background-color: #14272e;
}
body.dark .top-nav {
  border-bottom-color: transparent;
}
.top-nav .homemenuicon {
  width: 24px;
  height: 24px;
  margin-top: 8px;
  margin-right: 8px;
}
.top-nav .homemenuicon svg {
  width: 24px;
  height: 24px;
  fill: #168291;
}
body.dark .top-nav .homemenuicon svg {
  fill: #7cb0c5;
}
.nav-items-container {
  height: 100%;
}
.nav-items-container > ul {
  display: flex;
}
.nav-items-container > ul li.menu-item {
  padding: 22px 10px;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  z-index: 1;
  color: currentColor;
  display: flex;
  align-items: center;
  height: 100%;
  line-height: 50px;
  box-sizing: border-box;
}
.nav-items-container > ul li.menu-item.selected,
.nav-items-container > ul li.menu-item.active,
.nav-items-container > ul li.menu-item.ui-tabs-active {
  background: linear-gradient(to top, transparent 80%, rgba(90, 213, 230, 0.4) 100%);
}
.nav-items-container > ul li.menu-item.selected:after,
.nav-items-container > ul li.menu-item.active:after,
.nav-items-container > ul li.menu-item.ui-tabs-active:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 6px;
  background-color: #79B522;
}
.nav-items-container > ul li.menu-item:focus .svg-icon svg,
.nav-items-container > ul li.menu-item:focus .svg-icon.drip-chevron svg {
  fill: #ffffff;
}
body.dark .nav-items-container > ul li.menu-item:focus .svg-icon svg,
body.dark .nav-items-container > ul li.menu-item:focus .svg-icon.drip-chevron svg {
  fill: #ffffff;
}
.nav-items-container > ul li.menu-item:focus .title,
.nav-items-container > ul li.menu-item:focus a {
  color: #ffffff;
}
body.dark .nav-items-container > ul li.menu-item:focus .title,
body.dark .nav-items-container > ul li.menu-item:focus a {
  color: #ffffff;
}
.nav-items-container > ul li.menu-item:hover {
  border-color: #5ad5e6;
}
.nav-items-container > ul li.menu-item .title,
.nav-items-container > ul li.menu-item a {
  color: currentColor;
}
body.dark .nav-items-container > ul li.menu-item .title,
body.dark .nav-items-container > ul li.menu-item a {
  color: #ffffff;
}
.nav-items-container > ul li.menu-item .svg-icon svg {
  width: 16px;
  height: 16px;
  fill: #168291;
}
body.dark .nav-items-container > ul li.menu-item .svg-icon svg {
  fill: #7cb0c5;
}
.nav-items-container > ul li.menu-item .svg-icon:not(.drip-chevron) {
  padding-right: 5px;
}
.nav-items-container > ul li.menu-item .svg-icon.drip-chevron {
  padding-left: 5px;
}
.nav-items-container > ul li.menu-item .svg-icon.drip-chevron svg {
  transform: rotate(90deg);
  height: 10px;
  fill: #244451;
}
body.dark .nav-items-container > ul li.menu-item .svg-icon.drip-chevron svg {
  fill: #c3dbe4;
}
.nav-items-container > ul li.menu-item .title,
.nav-items-container > ul li.menu-item .svg-icon,
.nav-items-container > ul li.menu-item .dropdown {
  display: flex;
}
.nav-items-container > ul li.menu-item .title,
.nav-items-container > ul li.menu-item .dropdown {
  flex-direction: row;
  align-items: center;
}
.nav-items-container > ul li.menu-item .title {
  line-height: 34px;
  text-transform: capitalize;
  font-size: 14px;
  background: transparent !important;
  padding: 0 !important;
  color: #61666e;
}
body.dark .nav-items-container > ul li.menu-item .title {
  color: #ffffff;
}
.top-nav .meganav {
  top: 34px;
  border: 1px solid #c4cacd;
}
.bottom-nav-container #callout-menu .meganav {
  right: 0;
  left: inherit;
}
.bottom-nav-container .meganav {
  top: 34px;
  left: 0;
}
.bottom-nav-container .meganav .description {
  min-height: 20px;
}
#sidebar {
  position: fixed;
  height: 94%;
  width: 35px;
  min-width: 35px;
  margin-top: 50px;
  z-index: 999;
}
#sidebar .dot-drawer-paper {
  height: 92%;
  padding: 0px;
  top: 50px;
}
#sidebar ul {
  border-top: 1px solid transparent;
  height: 100%;
  text-align: center;
  width: inherit;
}
#sidebar ul a {
  justify-content: flex-start;
}
#sidebar ul li {
  position: relative;
  overflow: hidden;
  background-color: transparent;
  color: currentColor;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.4s linear;
  justify-content: flex-start;
}
#sidebar ul li.active {
  border-color: rgba(67, 128, 152, 0.5);
  box-shadow: 0 0 7px 0 rgba(67, 128, 152, 0.3);
}
#sidebar ul li.active::before {
  left: -100%;
  background-color: rgba(67, 128, 152, 0.2);
}
#sidebar ul li.active a {
  background-color: rgba(67, 128, 152, 0.2);
}
#sidebar ul li.active a svg {
  fill: currentColor;
}
#sidebar ul li h6 {
  color: currentColor;
}
#sidebar ul li a {
  color: currentColor;
  padding: 7px;
}
#sidebar ul li a:hover svg {
  fill: currentColor;
}
#sidebar ul li .svg-icon {
  height: 100%;
}
#sidebar ul li .svg-icon svg {
  width: 18px;
  height: 18px;
  transition: none;
  fill: #168291;
}
body.dark #sidebar ul li .svg-icon svg {
  fill: #7cb0c5;
}
.sidebar-drawer {
  background-color: #ffffff;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3);
  top: 50px;
  left: -500px;
  bottom: 0;
  height: 100%;
  width: 262px;
  position: absolute;
  overflow-y: auto;
  z-index: 99;
}
body.dark .sidebar-drawer {
  background-color: #14272e;
}
.sidebar-drawer.drawer-open {
  left: 35px;
  transition: 0.3s all cubic-bezier(0.19, 1, 0.22, 1);
}
.sidebar-drawer.drawer-closed {
  left: -500px;
}
.sidebar-drawer h2 {
  margin: 4px;
}
.sidebar-drawer h3 {
  text-transform: uppercase;
  padding: 16px 16px 8px;
}
.sidebar-drawer .agility-second-nav li {
  padding: 8px;
  padding-left: 24px;
}
.sidebar-drawer .agility-second-nav li a {
  display: flex;
}
.sidebar-drawer .agility-second-nav li .sidebar-button {
  padding-right: 8px;
}
.mapping-menu {
  z-index: 9999;
}
.mapping-menu div ul li {
  justify-content: flex-start !important;
  gap: 0 !important;
}
.mapping-menu div ul li button {
  border: 1px transparent !important;
}
.svg-icon.agility-icon svg {
  width: 100px;
  height: 100px;
}
.meganav {
  border: 1px solid transparent;
  border-radius: 3px;
  display: none;
  flex-direction: column;
  position: absolute;
  top: 100%;
  z-index: 9999;
  animation-duration: 0.8s;
  animation-timing-function: linear;
  animation-fill-mode: both;
  animation-name: fade-out;
  min-width: 188px;
  background-color: #ffffff;
  border-color: #1DAABD;
  box-shadow: 12px 12px 24px rgba(0, 0, 0, 0.2);
}
body.dark .meganav {
  background-color: #14272e;
}
body.dark .meganav {
  border-color: #1a96a7;
}
body.dark .meganav {
  box-shadow: 12px 12px 24px rgba(29, 170, 189, 0.2);
}
.meganav .meganav-columns {
  display: flex;
}
.meganav .meganav-columns .meganav-column {
  display: flex;
  flex-flow: column;
  vertical-align: top;
  width: 258px;
}
.meganav .meganav-columns .meganav-column h3 {
  padding: 10px 0 10px 12px;
  font-size: 20px;
  text-align: left;
  margin: 0;
  color: #61666e;
}
body.dark .meganav .meganav-columns .meganav-column h3 {
  color: #ffffff;
}
.meganav .meganav-columns .meganav-column ul.navigation {
  border: none;
}
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item {
  align-items: center;
  z-index: 0;
  padding: 10px 8px 10px 13px;
  display: flex;
  box-sizing: border-box;
  height: 100%;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  color: currentColor;
}
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item:hover {
  border-color: rgba(67, 128, 152, 0.5);
  box-shadow: 0 0 7px 0 rgba(67, 128, 152, 0.3);
}
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item:hover::before {
  left: -100%;
}
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item:focus,
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item:focus-within {
  border-color: #1daabd;
  box-shadow: 0 0 7px 0 rgba(29, 170, 189, 0.3);
}
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item:focus::before,
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item:focus-within::before {
  left: -100%;
  background-color: rgba(29, 170, 189, 0.2);
}
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item::before {
  content: '';
  position: absolute;
  width: 0;
  height: 100%;
  top: 0;
  left: 100%;
  transition: 0.3s all ease-out;
  z-index: -1;
  background-color: rgba(67, 128, 152, 0.2);
}
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item:hover {
  border-color: rgba(67, 128, 152, 0.5);
  box-shadow: 3px 3px 7px 0 rgba(67, 128, 152, 0.3);
  cursor: pointer;
}
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item:hover::before {
  width: 100%;
  left: 0;
  background-color: rgba(67, 128, 152, 0.2);
}
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item.selected,
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item:focus,
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item:focus-within {
  border-color: #1daabd;
  box-shadow: 0 0 7px 0 rgba(29, 170, 189, 0.3);
}
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item.selected::before,
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item:focus::before,
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item:focus-within::before {
  width: 100%;
  left: 0;
  background-color: rgba(29, 170, 189, 0.2);
}
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item:disabled,
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item[disabled] {
  opacity: 0.5;
  border: none;
  box-shadow: none;
  cursor: not-allowed;
}
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item::before {
  content: '';
  position: absolute;
  width: 0;
  height: 100%;
  top: 0;
  left: 100%;
  transition: 0.3s all ease-out;
  z-index: -1;
  background-color: rgba(67, 128, 152, 0.2);
}
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item:hover {
  border-color: rgba(67, 128, 152, 0.5);
  box-shadow: 3px 3px 7px 0 rgba(67, 128, 152, 0.3);
  cursor: pointer;
}
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item:hover::before {
  width: 100%;
  left: 0;
  background-color: rgba(67, 128, 152, 0.2);
}
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item.selected,
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item:focus,
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item:focus-within {
  border-color: #1daabd;
  box-shadow: 0 0 7px 0 rgba(29, 170, 189, 0.3);
}
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item.selected::before,
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item:focus::before,
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item:focus-within::before {
  width: 100%;
  left: 0;
  background-color: rgba(29, 170, 189, 0.2);
}
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item:disabled,
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item[disabled] {
  opacity: 0.5;
  border: none;
  box-shadow: none;
  cursor: not-allowed;
}
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item,
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item:hover,
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item:focus,
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item:focus-within,
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item.selected {
  box-shadow: none !important;
}
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item::before {
  content: '';
  position: absolute;
  width: 0;
  height: 100%;
  top: 0;
  left: 100%;
  transition: 0.3s all ease-out;
  z-index: -1;
  background-color: rgba(67, 128, 152, 0.2);
}
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item:hover {
  border-color: rgba(67, 128, 152, 0.5);
  box-shadow: 3px 3px 7px 0 rgba(67, 128, 152, 0.3);
  cursor: pointer;
}
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item:hover::before {
  width: 100%;
  left: 0;
  background-color: rgba(67, 128, 152, 0.2);
}
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item.selected,
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item:focus,
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item:focus-within {
  border-color: #1daabd;
  box-shadow: 0 0 7px 0 rgba(29, 170, 189, 0.3);
}
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item.selected::before,
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item:focus::before,
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item:focus-within::before {
  width: 100%;
  left: 0;
  background-color: rgba(29, 170, 189, 0.2);
}
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item:disabled,
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item[disabled] {
  opacity: 0.5;
  border: none;
  box-shadow: none;
  cursor: not-allowed;
}
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item::before {
  content: '';
  position: absolute;
  width: 0;
  height: 100%;
  top: 0;
  left: 100%;
  transition: 0.3s all ease-out;
  z-index: -1;
  background-color: rgba(67, 128, 152, 0.2);
}
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item:hover {
  border-color: rgba(67, 128, 152, 0.5);
  box-shadow: 3px 3px 7px 0 rgba(67, 128, 152, 0.3);
  cursor: pointer;
}
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item:hover::before {
  width: 100%;
  left: 0;
  background-color: rgba(67, 128, 152, 0.2);
}
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item.selected,
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item:focus,
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item:focus-within {
  border-color: #1daabd;
  box-shadow: 0 0 7px 0 rgba(29, 170, 189, 0.3);
}
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item.selected::before,
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item:focus::before,
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item:focus-within::before {
  width: 100%;
  left: 0;
  background-color: rgba(29, 170, 189, 0.2);
}
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item:disabled,
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item[disabled] {
  opacity: 0.5;
  border: none;
  box-shadow: none;
  cursor: not-allowed;
}
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item,
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item:hover,
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item:focus,
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item:focus-within,
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item.selected {
  box-shadow: none !important;
}
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item::before {
  content: '';
  position: absolute;
  width: 0;
  height: 100%;
  top: 0;
  left: 100%;
  transition: 0.3s all ease-out;
  z-index: -1;
  background-color: rgba(67, 128, 152, 0.2);
}
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item:hover {
  border-color: rgba(67, 128, 152, 0.5);
  box-shadow: 3px 3px 7px 0 rgba(67, 128, 152, 0.3);
  cursor: pointer;
}
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item:hover::before {
  width: 100%;
  left: 0;
  background-color: rgba(67, 128, 152, 0.2);
}
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item.selected,
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item:focus,
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item:focus-within {
  border-color: #1daabd;
  box-shadow: 0 0 7px 0 rgba(29, 170, 189, 0.3);
}
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item.selected::before,
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item:focus::before,
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item:focus-within::before {
  width: 100%;
  left: 0;
  background-color: rgba(29, 170, 189, 0.2);
}
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item:disabled,
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item[disabled] {
  opacity: 0.5;
  border: none;
  box-shadow: none;
  cursor: not-allowed;
}
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item::before {
  content: '';
  position: absolute;
  width: 0;
  height: 100%;
  top: 0;
  left: 100%;
  transition: 0.3s all ease-out;
  z-index: -1;
  background-color: rgba(67, 128, 152, 0.2);
}
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item:hover {
  border-color: rgba(67, 128, 152, 0.5);
  box-shadow: 3px 3px 7px 0 rgba(67, 128, 152, 0.3);
  cursor: pointer;
}
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item:hover::before {
  width: 100%;
  left: 0;
  background-color: rgba(67, 128, 152, 0.2);
}
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item.selected,
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item:focus,
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item:focus-within {
  border-color: #1daabd;
  box-shadow: 0 0 7px 0 rgba(29, 170, 189, 0.3);
}
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item.selected::before,
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item:focus::before,
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item:focus-within::before {
  width: 100%;
  left: 0;
  background-color: rgba(29, 170, 189, 0.2);
}
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item:disabled,
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item[disabled] {
  opacity: 0.5;
  border: none;
  box-shadow: none;
  cursor: not-allowed;
}
body.dark .meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item {
  color: #ffffff;
}
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item .svg-icon,
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item .icon-container {
  width: 24px;
  height: 24px;
}
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item .svg-icon svg,
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item .icon-container svg {
  fill: #589bb6;
  width: 24px;
  height: 24px;
}
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item span {
  display: block;
  line-height: 1.15rem;
  text-align: left;
}
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item .content {
  padding-left: 10px;
}
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item .content .title {
  font-weight: 700;
  background: transparent !important;
  padding: 0 !important;
  color: #61666e;
}
body.dark .meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item .content .title {
  color: #ffffff;
}
.meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item .content .description {
  font-size: 0.714em;
  line-height: 1.15em;
  min-height: 2.3em;
  color: #61666e;
}
body.dark .meganav .meganav-columns .meganav-column ul.navigation li.item a.menu-item .content .description {
  color: #e6f0f4;
}
.meganav .meganav footer .item {
  width: 258px;
}
#main-menu .meganav,
#callout-menu .meganav {
  top: 49px;
  margin-left: -10px;
  right: auto;
  position: fixed;
}
#help-menu,
#notification-menu,
#utility-menu {
  position: absolute;
  height: 100%;
  z-index: 10;
  padding: 7px 10px;
  box-sizing: border-box;
  vertical-align: middle;
}
#help-menu .nav-items-container,
#notification-menu .nav-items-container,
#utility-menu .nav-items-container,
#help-menu .nav-items-container > ul,
#notification-menu .nav-items-container > ul,
#utility-menu .nav-items-container > ul {
  height: 100%;
}
#help-menu ul,
#notification-menu ul,
#utility-menu ul {
  margin: 0;
  list-style-type: none;
}
#help-menu .nav-items-container > ul,
#notification-menu .nav-items-container > ul,
#utility-menu .nav-items-container > ul {
  margin: 0;
  display: flex;
  align-items: center;
}
#help-menu .button-menu,
#notification-menu .button-menu,
#utility-menu .button-menu {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  position: relative;
}
#help-menu .button-menu .icon-button,
#notification-menu .button-menu .icon-button,
#utility-menu .button-menu .icon-button {
  padding: 9px;
  width: 18px;
  height: 18px;
}
#help-menu .button-menu .icon-button .svg-icon svg,
#notification-menu .button-menu .icon-button .svg-icon svg,
#utility-menu .button-menu .icon-button .svg-icon svg {
  width: 18px;
  height: 18px;
  fill: #168291;
}
body.dark #help-menu .button-menu .icon-button .svg-icon svg,
body.dark #notification-menu .button-menu .icon-button .svg-icon svg,
body.dark #utility-menu .button-menu .icon-button .svg-icon svg {
  fill: #7cb0c5;
}
#notification-menu {
  right: 42px;
}
#notification-menu .notifications {
  top: 33px;
  right: -19px;
  width: 400px;
  border: 1px solid transparent;
  border-radius: 3px;
  display: none;
  position: absolute;
  z-index: 9999;
  background: #ffffff;
  border-color: #1DAABD;
  box-shadow: 12px 12px 24px rgba(0, 0, 0, 0.2);
  color: #a6a6a6;
}
body.dark #notification-menu .notifications {
  background: #14272e;
}
body.dark #notification-menu .notifications {
  border-color: #1a96a7;
}
body.dark #notification-menu .notifications {
  box-shadow: 12px 12px 24px rgba(29, 170, 189, 0.2);
}
body.dark #notification-menu .notifications {
  color: #ffffff;
}
#notification-menu .notifications .notification-columns {
  display: flex;
}
#notification-menu .notifications .notification-columns .notification-column {
  display: flex;
  flex-flow: column;
  vertical-align: top;
}
#notification-menu .notifications .notification-columns .notification-column h3 {
  padding: 10px 0 10px 12px;
  font-size: 20px;
  text-align: left;
  margin: 0;
}
#notification-menu .notifications .notification-columns .notification-column ul.navigation li.item .notification-item {
  padding: 10px 8px 32px 8px;
  display: flex;
  transition: 0.3s all ease;
  box-sizing: border-box;
  height: 100%;
  text-decoration: none;
}
#notification-menu .notifications .notification-columns .notification-column ul.navigation li.item .notification-item span {
  display: block;
  line-height: 1.15rem;
  text-align: left;
}
#notification-menu .notifications .notification-columns .notification-column ul.navigation li.item .notification-item .content {
  padding-left: 10px;
}
#notification-menu .notifications .notification-columns .notification-column ul.navigation li.item .notification-item .content .activity-name {
  font-weight: 700;
  background: transparent !important;
  padding: 0 !important;
  font-size: 16px;
  max-width: 220px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#notification-menu .notifications .notification-columns .notification-column ul.navigation li.item .notification-item .content .activity-name:hover {
  overflow: visible;
  white-space: normal;
  word-wrap: break-word;
}
#notification-menu .notifications .notification-columns .notification-column ul.navigation li.item .notification-item .content .svg-icon,
#notification-menu .notifications .notification-columns .notification-column ul.navigation li.item .notification-item .content .icon-container {
  width: 16px;
  height: 16px;
}
#notification-menu .notifications .notification-columns .notification-column ul.navigation li.item .notification-item .content .svg-icon svg,
#notification-menu .notifications .notification-columns .notification-column ul.navigation li.item .notification-item .content .icon-container svg {
  fill: #c4cacd;
  width: 16px;
  height: 16px;
}
#notification-menu .notifications .notification-columns .notification-column ul.navigation li.item .notification-item .content .package {
  font-size: 0.9em;
  color: #878c94;
  line-height: 1.15em;
  margin-left: 19px;
  margin-top: -15px;
}
#notification-menu .notifications .notification-columns .notification-column ul.navigation li.item .notification-item .start-date {
  font-size: 0.74em;
  padding-left: 285px;
  position: absolute;
}
#notification-menu .notifications .notification-columns .notification-column ul.navigation li.item .notification-item .review {
  margin-top: 34px;
  position: absolute;
  padding-left: 283px;
  font-weight: 700;
  color: deepskyblue;
}
#notification-menu .view-all {
  top: 13px;
  font-size: 0.85em;
  position: absolute;
  right: 7px;
}
#notification-menu .view-all span {
  color: #00a9e0;
  border-bottom: 1px solid;
}
#help-menu {
  right: 0;
}
#help-menu .meganav {
  right: 0;
}
#help-menu .meganav .meganav-columns .meganav-column {
  width: 288px;
}
#help-menu .nav-items-container .button-menu .icon-button {
  color: #ea6c02;
}
#help-menu .nav-items-container .button-menu .icon-button:before {
  background-color: rgba(234, 108, 2, 0.3);
}
#help-menu .nav-items-container .button-menu .icon-button:hover,
#help-menu .nav-items-container .button-menu .icon-button:focus,
#help-menu .nav-items-container .button-menu .icon-button:focus-within,
#help-menu .nav-items-container .button-menu .icon-button.selected {
  border-color: #ea6c02;
  box-shadow: 0 0 7px 0 rgba(234, 108, 2, 0.6);
}
#help-menu .nav-items-container .button-menu .icon-button:hover:before,
#help-menu .nav-items-container .button-menu .icon-button:focus:before,
#help-menu .nav-items-container .button-menu .icon-button:focus-within:before,
#help-menu .nav-items-container .button-menu .icon-button.selected:before {
  background-color: rgba(234, 108, 2, 0.3);
}
#help-menu .nav-items-container .button-menu .icon-button .svg-icon svg {
  fill: currentColor;
}
body.dark #help-menu .nav-items-container .button-menu .icon-button .svg-icon svg {
  fill: #ea6c02;
}
#utility-menu {
  right: 40px;
}
#utility-menu .icon-button {
  margin: 0 2px;
}
#top-search {
  display: flex;
  align-items: center;
}
#top-search .search input {
  width: 225px;
  margin: 1em;
  white-space: nowrap;
  overflow: hidden;
}
.teams {
  border-color: rgba(67, 128, 152, 0.45);
  border-style: solid;
  border-width: 1px;
  border-radius: 30px;
  padding-left: 10px;
  position: fixed;
  right: 200px;
  top: calc((50px - 24px) / 2);
}
.teams > label > span > div span.Select-arrow-zone {
  display: none;
}
.teams label.team-selector {
  border: none;
  padding: 0;
}
.teams .team-selector {
  border-left-color: rgba(67, 128, 152, 0.3);
  border-left-style: solid;
  border-left-width: 1px;
  height: 24px;
  padding-left: 5px;
  border-radius: 0;
  color: currentColor;
}
body.dark .teams .team-selector {
  color: #386b7f;
}
.teams .team-selector:hover,
.teams .team-selector:focus,
.teams .team-selector:focus-within {
  box-shadow: none;
  border-left-color: rgba(67, 128, 152, 0.3);
}
.teams .team-selector.select-right {
  margin-left: 8px;
}
.teams .team-selector.filter-label {
  margin-right: 10px;
}
.teams .team-selector.filter-label .Select-control {
  border: none;
  box-shadow: none;
  padding: 0;
  display: inline-block;
  height: 24px;
  white-space: nowrap;
}
.teams .team-selector.filter-label .Select-control .Select-multi-value-wrapper {
  height: 24px;
}
.teams .team-selector.filter-label .Select-control .Select-value {
  padding: 0 2px;
  margin: 3px 1px;
}
.teams .team-selector.filter-label .Select-control .Select-value .Select-value-label {
  padding: 2px 5px 2px 5px;
}
.teams .team-selector.filter-label .Select-control .Select-input input {
  white-space: nowrap;
}
.teams .team-selector.filter-label .Select-menu-outer .Select-option {
  text-transform: initial;
}
.teams .team-selector.filter-label .Select-menu-outer .Select-option.is-selected {
  font-weight: bold;
}
.teams .team-selector.filter-label.only-all-teams .Select-value-icon {
  visibility: hidden;
}
.teams .team-selector.filter-label .is-disabled .Select-control {
  background-color: transparent;
  border-bottom: none;
}
.teams .team-selector.filter-label .is-disabled .Select-control .Select-value {
  background-color: transparent;
}
.notification-badge {
  position: absolute;
  top: -2px;
  right: -1px;
  padding: 2px 6px;
  width: 16px;
  height: 17px;
  border-radius: 50%;
  background: #00a9e0;
  color: #ffffff;
  font-size: 0.7em;
  text-align: center;
}
.logo {
  height: 60px;
  padding: 14px 0;
  width: 188px;
}
.logo .logo-icon {
  float: left;
  margin-left: 3px;
  text-align: center;
  width: 57px;
}
.logo .logo-icon > svg {
  height: 33px;
  width: 33px;
  fill: #649A3D;
}
.logo .logo-words {
  background: no-repeat left center;
  height: 33px;
  float: left;
  width: 98px;
  background-image: url(/dist/scripts/./../fonts/dia-continuum-light.svg);
}
body.dark .logo .logo-words {
  background-image: url(/dist/scripts/./../fonts/dia-continuum-dark.svg);
}
.logo .logo-words.agility {
  background-image: url(/dist/scripts/./../fonts/dia-agility-light.svg);
}
body.dark .logo .logo-words.agility {
  background-image: url(/dist/scripts/./../fonts/dia-agility-dark.svg);
}
.svg-icon svg {
  fill: #244451;
  width: 16px;
  height: 16px;
}
body.dark .svg-icon svg {
  fill: #c3dbe4;
}
.svg-icon.solid {
  border-radius: 50%;
  height: 18px;
  width: 18px;
  display: inline-block;
}
.svg-icon.solid svg {
  position: relative;
  top: 2px;
  left: 1px;
}
.svg-icon.spacing {
  margin: 0 3px;
}
.svg-icon.sort-icon {
  display: none;
}
.svg-icon.up,
.svg-icon.down,
.svg-icon.flip-horizontal {
  display: inline-block !important;
}
.svg-icon.down {
  transform: rotate(90deg);
}
.svg-icon.up {
  transform: rotate(-90deg);
}
.svg-icon.flip-horizontal {
  transform: scaleX(-1);
}
.svg-icon.tiny svg {
  width: 12px;
  height: 12px;
}
.svg-icon.small.empty,
.svg-icon.small svg {
  width: 16px;
  height: 16px;
}
.svg-icon.medium svg {
  width: 24px;
  height: 24px;
}
.svg-icon.large svg {
  width: 36px;
  height: 36px;
}
.svg-icon.x-large svg {
  width: 72px;
  height: 72px;
}
.svg-icon.huge svg {
  width: 300px;
  height: 300px;
}
#canvas_editor #examples_link {
  position: absolute;
  bottom: 0.25em;
  right: 4em;
}
#canvas_editor #maincontent {
  padding: 0;
}
#canvas_editor #maincontent button {
  width: 100px;
}
#canvas_editor #browser {
  overflow: scroll;
}
#canvas_editor #editor {
  height: 100%;
}
#canvas_editor #imagepreview {
  border: 2px dashed green;
}
#canvas_editor .browseritem {
  cursor: pointer;
}
#canvas_editor .components {
  margin-left: 1em;
}
#canvas_editor .objects {
  margin-left: 1.5em;
}
#canvas_editor .plus {
  margin-right: 4px;
  font-weight: bold;
}
#canvas_editor .selectedobj {
  background: #e6f0f4;
}
body.dark #canvas_editor .selectedobj {
  background: #244451;
}
#canvas_editor .ace-chrome {
  background: #e6f0f4;
  color: currentColor;
}
body.dark #canvas_editor .ace-chrome {
  background: #244451;
}
body.dark #canvas_editor .ace-chrome {
  color: #9fc6d5;
}
#canvas_editor .ace-chrome .ace_indent-guide {
  opacity: 1;
}
body.dark #canvas_editor .ace-chrome .ace_indent-guide {
  opacity: 0.25;
}
#canvas_editor .ace-chrome .ace_print-margin {
  background: #e7e8e9;
}
body.dark #canvas_editor .ace-chrome .ace_print-margin {
  background: #14272e;
}
#canvas_editor .ace-chrome .ace_string,
#canvas_editor .ace-chrome .ace_numeric {
  color: currentColor;
}
body.dark #canvas_editor .ace-chrome .ace_string,
body.dark #canvas_editor .ace-chrome .ace_numeric {
  color: #9fc6d5;
}
#canvas_editor .ace-chrome .ace_marker-layer .ace_selection,
#canvas_editor .ace-chrome .ace_marker-layer .ace_selected-word {
  background: currentColor;
}
body.dark #canvas_editor .ace-chrome .ace_marker-layer .ace_selection,
body.dark #canvas_editor .ace-chrome .ace_marker-layer .ace_selected-word {
  background: #c3dbe4;
}
#canvas_editor .ace-chrome .ace_cursor-layer .ace_cursor {
  color: #000000;
}
body.dark #canvas_editor .ace-chrome .ace_cursor-layer .ace_cursor {
  color: #ffffff;
}
#canvas_editor .ace_gutter-layer {
  background: #c3dbe4;
  color: currentColor;
}
body.dark #canvas_editor .ace_gutter-layer {
  background: #336275;
}
body.dark #canvas_editor .ace_gutter-layer {
  color: #c3dbe4;
}
.manifest_report {
  border-radius: 6px;
  font-size: 12px;
  padding: 8px;
  margin: 16px;
  background: #ffffff;
}
body.dark .manifest_report {
  background: #14272e;
}
.manifest_report .table_content {
  border-radius: 6px;
  padding: 8px;
  background: #e6f0f4;
}
body.dark .manifest_report .table_content {
  background: #244451;
}
.manifest_report .table_content .table_label {
  font-weight: bold;
  font-size: 1.143em;
  padding-left: 8px;
}
.manifest_report .table_content .table_label .total_label {
  padding-left: 5em;
}
.manifest_report .header_container {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.manifest_report .header_container .manifest_legend {
  width: 200px;
}
.manifest_report .header_container .manifest_header .header_label {
  font-weight: bold;
}
.manifest_report .header_container .header_spacer {
  flex: 1 1 0;
}
.manifest_report svg {
  height: 15px;
  width: 15px;
}
.manifest_report .success {
  fill: #8bc34a;
}
.manifest_report .fail {
  fill: #f44336;
}
.manifest_report .indent {
  margin-left: 16px;
}
.manifest_report .longest-duration {
  font-weight: bold;
}
.manifest_report .box {
  height: 10px;
  width: 10px;
  flex: 0 0 10px;
  margin-right: 4px;
  display: inline-block;
}
.manifest_report .box.manual {
  background-color: #73a0c4 !important;
}
.manifest_report .box.automated {
  background-color: #9f12b7 !important;
}
.manifest_report .box.control {
  background-color: #ea6c02 !important;
}
.manifest_report #progression,
.manifest_report #workitems,
.manifest_report #changes,
.manifest_report #artifacts {
  margin: 8px;
  width: 99%;
  max-width: 100%;
}
.manifest_report #progression {
  margin-bottom: 16px;
}
.manifest_report #progression td {
  vertical-align: middle;
}
.manifest_report #progression td.row-header {
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-top: none;
  border-bottom: none;
  border-color: rgba(67, 128, 152, 0.3);
}
body.dark .manifest_report #progression td.row-header {
  border-color: rgba(67, 128, 152, 0.3);
}
.manifest_report #progression td:last-child {
  border-right: 1px solid transparent;
  border-color: rgba(67, 128, 152, 0.3);
}
body.dark .manifest_report #progression td:last-child {
  border-color: rgba(67, 128, 152, 0.3);
}
.manifest_report #progression .duration {
  min-width: 80px;
}
.manifest_report #progression .detail > span {
  display: flex;
  flex-direction: row;
}
.manifest_report #progression .date {
  min-width: 75px;
}
.log_results {
  font-family: "Courier New";
  padding: 8px;
  min-height: 10px;
  font-size: 0.857em;
  background: #ffffff;
}
body.dark .log_results {
  background: #05090a;
}
.code-wrapper {
  position: relative;
  width: 100%;
  margin-bottom: 60px;
}
p > code {
  padding: 0.5em;
  white-space: pre-wrap;
  background: #ffffff;
}
body.dark p > code {
  background: #14272e;
}
code.line-numbers,
pre.line-numbers {
  font-size: 14px;
  line-height: 1.375;
  direction: ltr;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  line-height: 20px;
  overflow: auto;
  position: relative;
  padding-bottom: 8px;
}
p > code {
  padding: 0.5em;
  white-space: pre-wrap;
  background: #ffffff;
}
body.dark p > code {
  background: #05090a;
}
pre.line-numbers {
  position: relative;
  background-color: #f8f9fb;
  padding-bottom: 0.5em;
}
pre.line-numbers {
  counter-reset: line;
  font-size: 100%;
  color: #244451;
  background: #e6f0f4;
}
body.dark pre.line-numbers {
  color: #c3dbe4;
}
body.dark pre.line-numbers {
  background: #05090a;
}
pre.line-numbers code {
  width: 100%;
  display: flex;
  white-space: pre-line;
  border: none !important;
}
pre.line-numbers code:before {
  counter-increment: line;
  content: counter(line);
  pointer-events: none;
  user-select: none;
  display: inline-block;
  border-right: 1px solid transparent;
  padding: 0 1.5em;
  margin-right: 0.5em;
  color: #244451;
  border-color: #589bb6;
}
body.dark pre.line-numbers code:before {
  color: #c3dbe4;
}
body.dark pre.line-numbers code:before {
  border-color: #0f5a65;
}
pre.line-numbers code.log_error {
  background: rgba(213, 33, 1, 0.3);
}
body.dark pre.line-numbers code.log_error {
  background: rgba(213, 33, 1, 0.3);
}
pre.line-numbers code span {
  padding-left: 10px;
  text-indent: -10px;
}
.log-navigator:not(.hidden) {
  display: flex;
  align-items: center;
}
.log-arrows .svg-icon svg {
  fill: rgba(213, 33, 1, 0.7) !important;
}
.toolbar.raw-log label {
  text-transform: uppercase;
  display: flex;
  align-items: center;
  vertical-align: 10%;
  margin: 0 1em 0 0;
}
.toolbar.raw-log .log-arrows {
  display: flex;
}
.log_error {
  color: #d52101;
  font-weight: bold;
}
.log_warning {
  color: #eaab00;
  font-weight: bold;
}
.logs-data {
  white-space: pre-wrap;
  line-height: 2em;
}
.view_more {
  display: flex;
  justify-content: center;
}
.logs-loading {
  margin-left: 10px;
}
.logs-content {
  margin: 0 40px;
}
.log-header {
  margin-bottom: 15px;
}
.content-container.insights-container {
  min-width: 950px;
}
.dashboard {
  display: flex;
  flex-flow: row wrap;
}
.dashboard .dashboard-row {
  width: 100% !important;
  display: flex;
  flex-wrap: wrap;
}
.dashboard .dashboard-component {
  width: calc(50% - 16px);
  max-width: calc(50% - 16px);
  margin: 8px;
}
.dashboard .dashboard-component .dashboard-component-header {
  font-size: 16px;
  padding-left: 5px;
  font-weight: bold;
  margin-bottom: 8px;
  color: currentColor;
}
body.dark .dashboard .dashboard-component .dashboard-component-header {
  color: #ffffff;
}
.dashboard .dashboard-component .dashboard-component-header .svg-icon.icon-sonarqube-two svg {
  height: 36px;
  width: 136px;
}
.dashboard .dashboard-component .dashboard-component-content {
  padding: 16px;
  min-height: 300px;
  display: flex;
  justify-content: center;
  width: 100%;
  border: none;
  border-radius: 6px;
  background: #e6f0f4;
}
body.dark .dashboard .dashboard-component .dashboard-component-content {
  background: #244451;
}
.dashboard .dashboard-component .dashboard-component-content > div {
  width: 100%;
}
.dashboard .dashboard-component .dashboard-component-content .svg-icon svg {
  fill: #438098;
}
body.dark .dashboard .dashboard-component .dashboard-component-content .svg-icon svg {
  fill: #e6f0f4;
}
.dashboard .dashboard-component .dashboard-component-content .react-tooltip {
  border: 1px solid transparent;
  box-shadow: rgba(0, 0, 0, 0.1) 3px 3px 0;
  max-width: 500px;
  opacity: 1;
  background: #ffffff;
  border-color: #31363e;
  color: #244451;
}
body.dark .dashboard .dashboard-component .dashboard-component-content .react-tooltip {
  background: #14272e;
}
body.dark .dashboard .dashboard-component .dashboard-component-content .react-tooltip {
  border-color: #244451;
}
body.dark .dashboard .dashboard-component .dashboard-component-content .react-tooltip {
  color: #ffffff;
}
.dashboard .dashboard-component .dashboard-component-content .react-tooltip p {
  line-height: 1;
  margin-bottom: 0;
  padding: 12px;
}
.dashboard .dashboard-component .dashboard-component-content .react-tooltip:after {
  position: absolute;
  z-index: 0;
  width: 12px;
  height: 12px;
  border: 1px solid transparent;
  transform: rotate(45deg);
  background: #ffffff;
  border-color: #31363e;
}
body.dark .dashboard .dashboard-component .dashboard-component-content .react-tooltip:after {
  background: #14272e;
}
body.dark .dashboard .dashboard-component .dashboard-component-content .react-tooltip:after {
  border-color: #244451;
}
.dashboard .dashboard-component .dashboard-component-content .react-tooltip.place-top:after {
  bottom: -7px;
  border-left-color: transparent !important;
  border-top-color: transparent !important;
}
.dashboard .dashboard-component .dashboard-component-content .react-tooltip.place-bottom:after {
  top: -7px;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
}
.dashboard .dashboard-component .dashboard-component-content .react-tooltip.place-left:after {
  border-left-color: transparent !important;
  border-bottom-color: transparent !important;
}
.dashboard .dashboard-component .dashboard-component-content .react-tooltip.place-right:after {
  border-right-color: transparent !important;
  border-top-color: transparent !important;
}
.dashboard .dashboard-component.tile-fit-content {
  width: fit-content;
  min-width: fit-content;
}
.dashboard .dashboard-component.tile-full-width {
  width: calc(100% - 40px);
  max-width: calc(100% - 40px);
}
.dashboard .dashboard-component.tile-small-height .dashboard-component-content {
  min-height: calc(300px / 2);
}
.dashboard .dashboard-component.tile-no-data-height .dashboard-component-content {
  min-height: calc(300px * 0.8);
}
.dashboard .dashboard-component.tile-large-height .dashboard-component-content {
  min-height: 388px;
}
.compact-filters-gear-icon,
.insights-gear-icon {
  margin-left: 0.5em;
}
.toolbar-dashboard-filters {
  flex-grow: 1;
}
.compact-filters-container {
  display: flex;
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
}
.compact-filters-container .dashboard-filters {
  flex-flow: row;
  justify-content: flex-end;
}
.compact-filters-container .__react_component_tooltip {
  visibility: inherit !important;
  display: none;
  padding: 12px 8px;
}
.compact-filters-container .__react_component_tooltip.react-tooltip:after {
  position: absolute;
  z-index: 0;
  width: 12px;
  height: 12px;
  border: 1px solid transparent;
  transform: rotate(45deg);
  background: #ffffff;
}
body.dark .compact-filters-container .__react_component_tooltip.react-tooltip:after {
  background: #14272e;
}
.compact-filters-container .__react_component_tooltip.react-tooltip.place-top:after {
  bottom: -6px;
  border-left: 1px solid transparent;
  border-top: 1px solid transparent;
}
.compact-filters-container .__react_component_tooltip.react-tooltip.place-bottom:after {
  top: -6px;
  border-right: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
.compact-filters-container .__react_component_tooltip.react-tooltip.place-left:after {
  border-left: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
.compact-filters-container .__react_component_tooltip.react-tooltip.place-right:after {
  border-right: 1px solid transparent;
  border-top: 1px solid transparent;
}
.compact-filters-container .__react_component_tooltip.type-light {
  color: #244451;
  background: #ffffff;
  border-color: #1DAABD;
  box-shadow: 12px 12px 24px rgba(0, 0, 0, 0.2);
}
body.dark .compact-filters-container .__react_component_tooltip.type-light {
  color: #ffffff;
}
body.dark .compact-filters-container .__react_component_tooltip.type-light {
  background: #14272e;
}
body.dark .compact-filters-container .__react_component_tooltip.type-light {
  border-color: #1a96a7;
}
body.dark .compact-filters-container .__react_component_tooltip.type-light {
  box-shadow: 12px 12px 24px rgba(29, 170, 189, 0.2);
}
.compact-filters-container .dashboard-filters-popover {
  transition: none !important;
}
.compact-filters-container .dashboard-filters-popover.show {
  display: inline-block;
  opacity: 1 !important;
  pointer-events: auto;
  z-index: 2001;
}
.compact-filters-container .dashboard-filters-popover label {
  display: flex;
  margin-bottom: 5px;
}
.compact-filters-container .dashboard-filters-popover label:last-of-type {
  margin-bottom: 0;
}
.compact-filters-container .dashboard-filters-popover label > span:first-child {
  margin-right: 8px;
  width: 65px;
  text-align: right;
}
.compact-filters-container .dashboard-filters-popover label > span:last-child {
  flex: 1;
}
.compact-filters-container .dashboard-filters-popover label span div.Select {
  width: 100%;
  border: none;
}
.compact-filters-container .dashboard-filters-popover label div.Select-control {
  width: 100%;
}
.toolbar .toolbar-group .expanded-dashboard-filters {
  display: none;
}
.toolbar .toolbar-group .to-from-filter:before,
.toolbar .toolbar-group .to-from-filter:after {
  content: " ";
  display: table;
}
.toolbar .toolbar-group .to-from-filter:after {
  clear: both;
}
.toolbar .toolbar-group .to-from-filter:before,
.toolbar .toolbar-group .to-from-filter:after {
  content: " ";
  display: table;
}
.toolbar .toolbar-group .to-from-filter:after {
  clear: both;
}
@media screen and (min-width: 1050px) {
  .toolbar .toolbar-group .expanded-dashboard-filters {
    display: flex;
  }
  .toolbar .toolbar-group .expanded-dashboard-filters label.filter-label.package-filter {
    display: none;
  }
  .toolbar .toolbar-group .expanded-dashboard-filters label.filter-label.version-selector-filter {
    display: none;
  }
  .toolbar .toolbar-group .expanded-dashboard-filters label.filter-label.version-filter {
    display: none;
  }
  .toolbar .toolbar-group .compact-filters-container .dashboard-filters label.filter-label.dashboard-filter {
    display: none;
  }
}
@media screen and (min-width: 1280px) {
  .toolbar .toolbar-group .expanded-dashboard-filters label.filter-label.package-filter {
    display: flex;
  }
  .toolbar .toolbar-group .compact-filters-container .dashboard-filters label.filter-label.package-filter {
    display: none;
  }
}
@media screen and (min-width: 1480px) {
  .toolbar .toolbar-group .expanded-dashboard-filters label.filter-label.version-selector-filter {
    display: flex;
  }
  .toolbar .toolbar-group .compact-filters-container .dashboard-filters label.filter-label.version-selector-filter {
    display: none;
  }
}
@media screen and (min-width: 1580px) {
  .toolbar .toolbar-group .expanded-dashboard-filters .single-filter {
    display: flex;
  }
  .toolbar .toolbar-group .expanded-dashboard-filters .single-filter label.filter-label.version-filter {
    display: flex;
  }
  .toolbar .toolbar-group .compact-filters-container.singleVersion {
    display: none;
  }
}
@media screen and (min-width: 1820px) {
  .toolbar .toolbar-group .expanded-dashboard-filters .to-from-filter {
    display: flex;
  }
  .toolbar .toolbar-group .expanded-dashboard-filters .to-from-filter label.filter-label.version-filter {
    display: flex;
  }
  .toolbar .toolbar-group .compact-filters-container {
    display: none;
  }
}
.progressionboard-filters,
.dashboard-filters {
  display: flex;
  flex-wrap: wrap;
}
.toolbar .toolbar-group .expanded-dashboard-filters label.filter-label,
.toolbar .toolbar-group.expanded-filter-package label.filter-label,
.toolbar .toolbar-group.expanded-filter-progression label.filter-label {
  display: inline-flex;
  width: auto;
}
.toolbar .toolbar-group .expanded-dashboard-filters label.filter-label:before,
.toolbar .toolbar-group.expanded-filter-package label.filter-label:before,
.toolbar .toolbar-group.expanded-filter-progression label.filter-label:before,
.toolbar .toolbar-group .expanded-dashboard-filters label.filter-label:after,
.toolbar .toolbar-group.expanded-filter-package label.filter-label:after,
.toolbar .toolbar-group.expanded-filter-progression label.filter-label:after {
  content: " ";
  display: table;
}
.toolbar .toolbar-group .expanded-dashboard-filters label.filter-label:after,
.toolbar .toolbar-group.expanded-filter-package label.filter-label:after,
.toolbar .toolbar-group.expanded-filter-progression label.filter-label:after {
  clear: both;
}
.toolbar .toolbar-group .expanded-dashboard-filters label.filter-label:before,
.toolbar .toolbar-group.expanded-filter-package label.filter-label:before,
.toolbar .toolbar-group.expanded-filter-progression label.filter-label:before,
.toolbar .toolbar-group .expanded-dashboard-filters label.filter-label:after,
.toolbar .toolbar-group.expanded-filter-package label.filter-label:after,
.toolbar .toolbar-group.expanded-filter-progression label.filter-label:after {
  content: " ";
  display: table;
}
.toolbar .toolbar-group .expanded-dashboard-filters label.filter-label:after,
.toolbar .toolbar-group.expanded-filter-package label.filter-label:after,
.toolbar .toolbar-group.expanded-filter-progression label.filter-label:after {
  clear: both;
}
.toolbar .toolbar-group .expanded-dashboard-filters label.filter-label > span:first-child,
.toolbar .toolbar-group.expanded-filter-package label.filter-label > span:first-child,
.toolbar .toolbar-group.expanded-filter-progression label.filter-label > span:first-child {
  margin: 0 8px 0 16px;
}
.toolbar .toolbar-group .expanded-dashboard-filters .Select-input input:not([type]):focus,
.toolbar .toolbar-group.expanded-filter-package .Select-input input:not([type]):focus,
.toolbar .toolbar-group.expanded-filter-progression .Select-input input:not([type]):focus,
.toolbar .toolbar-group .expanded-dashboard-filters .Select-input input:not([type]):active,
.toolbar .toolbar-group.expanded-filter-package .Select-input input:not([type]):active,
.toolbar .toolbar-group.expanded-filter-progression .Select-input input:not([type]):active {
  background-color: transparent;
  padding: 0;
}
.toolbar .toolbar-group.expanded-filter-package .Select,
.toolbar .toolbar-group.expanded-filter-progression .Select {
  min-width: 150px;
}
.toolbar .toolbar-group.expanded-filter-progression label.filter-label > span:first-child {
  margin-left: 0;
}
@media screen and (min-width: 1080px) {
  .compact-filters-container .progressionboard-filters {
    display: none;
  }
  .react-tooltip .dashboard-filters-popover .label-top.compact-filter-progressionboard-package {
    display: none;
  }
}
@media screen and (min-width: 810px) {
  .react-tooltip .dashboard-filters-popover .label-top.compact-filter-progression {
    display: none;
  }
}
@media screen and (max-width: 810px) {
  .toolbar.toolbar-progression .toolbar-group.expanded-filter-progression {
    display: none;
  }
}
@media screen and (max-width: 1080px) {
  .toolbar .toolbar-group label.expanded-filter-progressionboard-package {
    display: none;
  }
}
/* insights filters */
@media screen and (min-width: 1000px) {
  .compact-filters-container .insights-filters {
    display: none;
  }
}
@media screen and (min-width: 725px) {
  .react-tooltip .dashboard-filters-popover .label-top.compact-to-filter {
    display: none;
  }
}
@media screen and (min-width: 470px) {
  .react-tooltip .dashboard-filters-popover .label-top.compact-from-filter {
    display: none;
  }
}
@media screen and (min-width: 1000px) {
  .react-tooltip .dashboard-filters-popover .label-top.compact-package-filter {
    display: none;
  }
}
@media screen and (max-width: 1000px) {
  .toolbar .toolbar-group .expanded-package-filter {
    display: none;
  }
}
@media screen and (max-width: 725px) {
  .toolbar .toolbar-group label.expanded-to-filter {
    display: none;
  }
}
@media screen and (max-width: 470px) {
  .toolbar .toolbar-group label.expanded-from-filter {
    display: none;
  }
}
@media screen and (min-width: 550px) {
  .compact-filters-container .featureboard-filters {
    display: none;
  }
}
@media screen and (max-width: 550px) {
  .toolbar.toolbar-feature .toolbar-group.expanded-filter-progression {
    display: none;
  }
}
label.filter-label {
  display: flex;
  align-items: center;
  vertical-align: 10%;
  margin: 0;
  cursor: default;
}
label.filter-label.flush .svg-icon {
  margin: 0;
}
label.filter-label .svg-icon {
  left: 25px;
  height: 16px;
  margin-left: -16px;
  position: relative;
  z-index: 1000;
}
label.filter-label .svg-icon svg {
  fill: #336275;
}
body.dark label.filter-label .svg-icon svg {
  fill: #438098;
}
label.filter-label input[type=text].filter-input {
  margin: 0;
  padding-left: 30px;
}
label.filter-label .is-focused:not(.is-open) > .Select-control {
  box-shadow: none;
}
label.filter-label .Select-multi-value-wrapper {
  display: flex;
}
label.filter-label .Select-menu-outer {
  width: auto;
  box-shadow: none;
  border: 1px solid #a6a6a6;
}
label.filter-label .Select-option:last-child {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
label.filter-label .Select-arrow-custom {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuMywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA5NiA5NiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgOTYgOTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggaWQ9IlhNTElEXzQzOV8iIGQ9Ik02Niw0OGMwLDEuMS0wLjQsMi4xLTEuMiwyLjlsLTI2LDI1QzM4LDc2LjYsMzcsNzcsMzYsNzdjLTEuMSwwLTIuMS0wLjQtMi45LTEuMmMtMS41LTEuNi0xLjUtNC4xLDAuMS01LjcKCWwyMy0yMi4xbC0yMy0yMi4xYy0xLjYtMS41LTEuNi00LjEtMC4xLTUuN2MxLjUtMS42LDQuMS0xLjYsNS43LTAuMWwyNiwyNUM2NS42LDQ1LjksNjYsNDYuOSw2Niw0OHoiLz4KPC9zdmc+Cg==);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
  transform: rotate(90deg);
  width: 20px;
  height: 20px;
  position: absolute;
  right: 1px;
  filter: invert(0%);
}
body.dark label.filter-label .Select-arrow-custom {
  filter: invert(100%);
}
label.filter-label .Select--multi .Select-multi-value-wrapper {
  display: flex;
}
label.filter-label .Select--multi .Select-value {
  display: flex;
  align-items: center;
  margin: 1px 4px;
  cursor: default;
  border: 0;
  list-style: none;
  vertical-align: middle;
  position: relative;
  color: #244451;
}
body.dark label.filter-label .Select--multi .Select-value {
  color: #c4cacd;
}
label.filter-label .Select--multi .Select-value-icon {
  order: 2;
  border: none;
}
.filter-container {
  display: flex;
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
}
/* Page level filter component */
.toolbar .filter-text input[type=text] {
  border: none;
  background-color: #ffffff;
}
body.dark .toolbar .filter-text input[type=text] {
  background-color: #14272e;
}
/* Nested filter */
/* TO-DO: can this be applied as a more global style? */
label.filter-label.webhooks-filter,
#timeline-filter-container .filter-label,
.master-detail-container .detail-container .filter-wrapper {
  margin-bottom: 10px;
}
label.filter-label.webhooks-filter label.filter-label .svg-icon svg,
#timeline-filter-container .filter-label label.filter-label .svg-icon svg,
.master-detail-container .detail-container .filter-wrapper label.filter-label .svg-icon svg {
  fill: #336275;
}
body.dark label.filter-label.webhooks-filter label.filter-label .svg-icon svg,
body.dark #timeline-filter-container .filter-label label.filter-label .svg-icon svg,
body.dark .master-detail-container .detail-container .filter-wrapper label.filter-label .svg-icon svg {
  fill: #438098;
}
.toolbar-dashboard .Select-menu-outer {
  max-width: 500px;
}
.toolbar-dashboard .Select {
  text-transform: initial;
}
.toolbar-dashboard.toolbar-insights .filter-label .Select-multi-value-wrapper {
  width: 170px;
}
.toolbar-dashboard.toolbar-insights .filter-label > span:nth-child(2) {
  margin-left: -10px;
}
.project-filters {
  display: flex;
  align-items: center;
}
.project-filters > span:first-child {
  margin-right: 5px;
}
/* -------------------------------------*/
/*            REACT MODALS              */
/* -------------------------------------*/
.react-modal-overlay {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.45);
}
.react-modal {
  position: relative;
  margin: 0px auto;
  top: 10vh;
  width: 80vw;
  max-width: 62.5rem;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  outline: none;
  padding: 0;
  border: solid 1px #666;
  border-radius: 3px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  background-color: #ffffff;
  border-color: #ffffff;
  color: #244451;
}
body.dark .react-modal {
  background-color: #14272e;
}
body.dark .react-modal {
  border-color: #14272e;
}
body.dark .react-modal {
  color: #c3dbe4;
}
.react-modal .react-modal-toolbar,
.react-modal .toolbar {
  height: 56px;
  display: block;
  line-height: 56px;
  font-size: 24px;
  font-family: 'Lato', -apple-system, system-ui, BlinkMacSystemFont, sans-serif;
  -webkit-font-smoothing: antialiased;
  background-color: #c3dbe4;
  color: #244451;
}
body.dark .react-modal .react-modal-toolbar,
body.dark .react-modal .toolbar {
  background-color: #244451;
}
body.dark .react-modal .react-modal-toolbar,
body.dark .react-modal .toolbar {
  color: #c3dbe4;
}
.react-modal .react-modal-toolbar .toolbar-title,
.react-modal .toolbar .toolbar-title {
  padding: 0;
}
.react-modal .react-modal-toolbar h1,
.react-modal .toolbar h1 {
  color: #244451;
}
body.dark .react-modal .react-modal-toolbar h1,
body.dark .react-modal .toolbar h1 {
  color: #c3dbe4;
}
.react-modal .react-modal-toolbar .toolbar-group,
.react-modal .toolbar .toolbar-group {
  padding: 0;
}
.react-modal .react-modal-toolbar .react-modal-close .svg-icon,
.react-modal .toolbar .react-modal-close .svg-icon {
  display: flex;
}
.react-modal .react-modal-toolbar .react-modal-close svg,
.react-modal .toolbar .react-modal-close svg {
  fill: #244451;
}
body.dark .react-modal .react-modal-toolbar .react-modal-close svg,
body.dark .react-modal .toolbar .react-modal-close svg {
  fill: #c3dbe4;
}
.react-modal .react-modal-content {
  padding: 10px 20px 20px;
}
.react-modal .react-modal-content:before,
.react-modal .react-modal-content:after {
  content: " ";
  display: table;
}
.react-modal .react-modal-content:after {
  clear: both;
}
.react-modal .react-modal-content:before,
.react-modal .react-modal-content:after {
  content: " ";
  display: table;
}
.react-modal .react-modal-content:after {
  clear: both;
}
.react-modal .react-modal-content.test-connection-modal-content {
  display: flex;
  align-items: center;
}
.react-modal .react-modal-content.test-connection-modal-content img {
  margin-right: 20px;
}
.react-modal .react-modal-content.create-system-modal-content {
  padding: 0.5px 0 2px 2px;
}
.react-modal .react-modal-content.my-account-content .icon-button.refresh-token {
  margin-left: 5px;
  padding: 5px;
}
.react-modal .react-modal-content.my-account-content .account-api-token {
  margin-right: 5px;
}
.react-modal .react-modal-content.my-account-content .password-match-message {
  color: #d52101;
  margin: -1rem 0 1rem;
  font-size: 0.9em;
}
.react-modal .react-modal-content.my-account-content .password-match-message .svg-icon {
  fill: #d52101;
  margin: 0 5px;
  position: relative;
  top: 3px;
}
.react-modal .react-modal-content > .actions {
  display: flex;
}
.react-modal .react-modal-content > .actions .spacer {
  flex: 1;
}
.react-modal .react-modal-content > .actions .button {
  margin-left: 8px;
}
.react-modal .modal-footer {
  margin-top: 16px;
}
.react-modal .modal-footer .button {
  margin: 0 4px;
}
.react-modal.file-upload-ctm-modal .file-input-container {
  display: flex;
  margin-bottom: 10px;
}
.react-modal.file-upload-ctm-modal .file-input-container .button {
  width: 110px;
  margin: 5px 10px 5px 0;
}
.react-modal.file-upload-ctm-modal .file-input-container .file-name-input {
  align-self: center;
}
.react-modal.file-upload-ctm-modal .load-data {
  width: 100%;
}
.react-modal.file-upload-ctm-modal .load-data .load-button-wrapper button {
  float: right;
  clear: right;
  display: block;
  margin-top: 20px;
  right: 0;
}
.react-modal.file-upload-ctm-modal .load-data .load-button-wrapper button:disabled {
  background-color: #b7bcc4;
  color: #000000;
}
.react-modal.my-account-modal {
  max-width: 50rem;
}
.react-modal.my-account-modal .modal-footer {
  display: flex;
  justify-content: space-between;
}
.react-modal.my-account-modal .modal-footer .button {
  margin: calc(50% - 10px) 0;
}
.react-modal.echo-confirm-modal {
  width: 50%;
  top: 120px;
}
.react-modal.echo-confirm-modal .right {
  margin-top: 25px;
}
.react-modal.customize-columns {
  width: 50%;
  top: 50px;
}
.react-modal.customize-columns .customize-columns-table .list-row {
  line-height: 2 !important;
}
.react-modal.about-ctm-content > div {
  margin-bottom: 15px;
}
.react-modal.about-ctm-content label {
  font-weight: 700;
}
.react-modal.dialog-step {
  top: 85px;
  width: 90vw;
  max-width: none;
}
.react-modal .control-buttons {
  text-align: right;
}
.react-modal.create-user-modal {
  top: 70px;
  height: 500px;
}
.react-modal.create-user-modal .create-user-content {
  height: calc(100% - 56px);
  overflow-y: scroll;
}
.react-modal.create-user-modal .create-user-content .password-match-message {
  color: #d52101;
  margin-top: 3px;
  display: block;
}
.react-modal.create-user-modal .create-user-content .team-manage-tags .Select-value {
  border: none;
  border-radius: 3px;
  padding: 3px 2px 2px 6px;
  height: auto;
  display: inline-flex;
  align-items: center;
  justify-content: space-around;
  margin-top: 4px;
  direction: rtl;
}
.react-modal.create-user-modal .create-user-content .team-manage-tags .Select-value .Select-value-icon {
  padding: 2px 5px 1px;
  border: none;
}
.react-modal.create-user-modal .create-user-content .team-manage-tags .Select-value .Select-menu-outer {
  top: auto;
  bottom: 100%;
}
.react-modal.create-user-modal .create-user-content .team-manage-tags .Select-value .Select-value-label {
  direction: ltr;
}
.react-modal.create-user-modal .create-user-content .team-manage-tags .Select-menu-outer {
  position: absolute;
  top: auto;
  bottom: calc(100% - 1px);
  width: calc(100% - 2px);
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.react-modal.create-user-modal .create-user-content .team-manage-tags .is-open .Select-control {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.react-modal .theme-toggle {
  padding: 3px 10px;
  background-color: #c3dbe4;
}
body.dark .react-modal .theme-toggle {
  background-color: #244451;
}
.react-modal .theme-toggle label {
  padding-right: 15px;
}
.react-modal .theme-toggle .svg-icon {
  line-height: 1;
}
.react-modal .theme-toggle .icon-dark svg {
  fill: #aaa;
}
.react-modal.import-idp-xml-modal {
  top: 70px;
  height: 480px;
  width: 90%;
}
.react-modal.import-idp-xml-modal .idp-file-upload-header h2 {
  display: inline;
}
.react-modal.import-idp-xml-modal .idp-file-upload-header button {
  margin: 0 0 10px 0;
}
body.dark .theme-toggle .icon-dark svg {
  fill: #fff;
}
body.dark .theme-toggle .icon-bright svg {
  fill: #999;
}
.react-modal.about-ctm-content > div {
  margin-bottom: 15px;
}
.react-modal.about-ctm-content.sso-alert-modal button {
  margin-left: 698px;
  top: 20px;
}
/* -------------------------------------*/
/*           NON-REACT MODALS           */
/* -------------------------------------*/
.modal-overlay {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.45);
}
.modal {
  position: fixed;
  top: 10vh;
  left: 20vw;
  width: 65vw;
  -webkit-overflow-scrolling: touch;
  border: solid 1px transparent;
  border-radius: 3px;
  z-index: 9999;
  background-color: #ffffff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  border-color: #589bb6;
  color: #244451;
}
body.dark .modal {
  background-color: #14272e;
}
body.dark .modal {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}
body.dark .modal {
  border-color: #0f5a65;
}
body.dark .modal {
  color: #c3dbe4;
}
.modal h4.modal-title,
.modal > h4 {
  height: 56px;
  display: block;
  line-height: 56px;
  padding-left: 20px;
  font-size: 24px;
  font-family: 'Lato', -apple-system, system-ui, BlinkMacSystemFont, sans-serif;
  -webkit-font-smoothing: antialiased;
  background-color: #c3dbe4;
  color: #244451;
}
body.dark .modal h4.modal-title,
body.dark .modal > h4 {
  background-color: #244451;
}
body.dark .modal h4.modal-title,
body.dark .modal > h4 {
  color: #c3dbe4;
}
.modal .modal-toolbar {
  background-color: #c3dbe4;
  color: #244451;
}
body.dark .modal .modal-toolbar {
  background-color: #244451;
}
body.dark .modal .modal-toolbar {
  color: #c3dbe4;
}
.modal .modal-toolbar h1 {
  color: #244451;
}
body.dark .modal .modal-toolbar h1 {
  color: #c3dbe4;
}
.modal .close-modal {
  top: 0.75rem;
  right: 0.75rem;
  font-size: inherit;
  position: absolute;
}
.modal .close-modal .svg-icon svg {
  fill: #244451;
}
body.dark .modal .close-modal .svg-icon svg {
  fill: #c3dbe4;
}
.modal .modal-content {
  height: calc(100% - 56px);
  padding: 10px 20px 20px;
}
.modal .modal-content:before,
.modal .modal-content:after {
  content: " ";
  display: table;
}
.modal .modal-content:after {
  clear: both;
}
.modal .modal-content:before,
.modal .modal-content:after {
  content: " ";
  display: table;
}
.modal .modal-content:after {
  clear: both;
}
.modal .modal-content > .actions {
  display: flex;
}
.modal .modal-content > .actions .spacer {
  flex: 1;
}
.modal .modal-content > .actions .button {
  margin-left: 8px;
}
.modal .plan-edit-footer,
.modal .modal-footer {
  display: flex;
  justify-content: flex-end;
  padding: 10px 20px 20px;
}
.modal .button {
  margin-left: 5px;
}
.modal.base-modal .modal-content h4 {
  height: 56px;
  display: block;
  line-height: 56px;
  padding-left: 20px;
  font-size: 24px;
  margin: -10px -20px 20px;
  font-family: 'Lato', -apple-system, system-ui, BlinkMacSystemFont, sans-serif;
  -webkit-font-smoothing: antialiased;
  background-color: #c3dbe4;
  color: #244451;
}
body.dark .modal.base-modal .modal-content h4 {
  background-color: #244451;
}
body.dark .modal.base-modal .modal-content h4 {
  color: #c3dbe4;
}
.modal.base-modal .modal-content .tabs-content {
  overflow: auto;
  max-height: calc(80vh - 300px);
}
.modal.base-modal .modal-content .webhook-payload-container {
  overflow: auto;
  max-height: 76vh;
}
.modal.user_edit_dialog .tabs-content,
.modal.base-modal .directive {
  overflow-y: auto;
}
.modal#task_launch_dialog {
  width: 80vw;
  left: 10vw;
}
.modal.user_edit_dialog .tabs-content {
  height: calc(71vh - 100px);
  min-height: 225px;
}
.modal.scroll-overflow {
  height: 80vh;
  overflow: hidden;
}
.modal.scroll-overflow .modal-content {
  overflow-y: auto;
}
.modal.hide-overflow {
  max-height: 80vh;
  overflow: hidden;
}
.modal.hide-overflow .modal-content .scroll-content {
  overflow: auto;
  height: 300px;
}
.modal.password_change_dialog {
  width: 30vw;
  left: calc(50vw - 15vw);
  top: calc(50vh - 150px);
}
.modal.new-project-modal .tabs-content {
  overflow: visible;
}
/* -------------------------------------*/
/*            MODAL CONTENT             */
/* -------------------------------------*/
.dialog-container {
  height: 80vh;
}
.dialog-content-container {
  position: relative;
  height: calc(100% - 56px);
  padding: 12px;
  box-sizing: border-box;
}
.dialog-content-container iframe {
  border: none;
  width: 100%;
  height: 100%;
  position: relative;
  overflow-y: auto;
}
.directive [class^='col'] div.defer-test {
  font-weight: bold;
}
.file-upload-ctm-modal .file-input-container {
  display: flex;
  margin-bottom: 10px;
}
.file-upload-ctm-modal .file-input-container .button {
  width: 110px;
  margin: 5px 10px 5px 0;
}
.file-upload-ctm-modal .file-input-container .file-name-input {
  align-self: center;
}
.file-upload-ctm-modal .load-data {
  width: 100%;
}
.file-upload-ctm-modal .load-data .load-button-wrapper button:disabled {
  background-color: #b7bcc4;
  color: #000000;
}
#base_dialog .directive {
  overflow-y: auto;
  height: calc(71vh - 100px);
  min-height: 225px;
}
.api-token {
  background-color: #c3dbe4;
  color: #244451;
  margin-bottom: 10px;
  display: block;
  line-height: 56px;
  font-size: 24px;
  text-align: center;
  font-family: 'Lato', -apple-system, system-ui, BlinkMacSystemFont, sans-serif;
  -webkit-font-smoothing: antialiased;
}
body.dark .api-token {
  background-color: #244451;
}
body.dark .api-token {
  color: #c3dbe4;
}
#CredentialsTab hr {
  border-width: 0;
}
#CredentialsTab .credential_selector {
  height: 300px;
}
#CredentialsTab .select_credential {
  cursor: pointer;
}
#KeyTab {
  padding-top: 0.5625rem;
}
#GeneralTab .credentialinputs {
  width: 200px;
}
#DetailTab table tr:last-child td:last-child {
  padding-top: 0;
  padding-bottom: 20px;
}
#KeyPairTab hr {
  border-width: 0;
}
#KeyPairTab .input-container {
  padding-bottom: 10px;
}
#KeyPairTab .keypair {
  clear: both;
  text-overflow: ellipsis;
  margin-bottom: 5px;
  cursor: pointer;
  border-radius: 12px;
}
#KeyPairTab .keypair:hover {
  background-color: #474c54;
  color: #ffffff;
}
body.dark #KeyPairTab .keypair:hover {
  background-color: #474c54;
}
body.dark #KeyPairTab .keypair:hover {
  color: #ffffff;
}
#KeyPairTab .keypair:hover svg {
  fill: #ffffff;
}
body.dark #KeyPairTab .keypair:hover svg {
  fill: #ffffff;
}
#KeyPairTab .keypair_label {
  float: left;
}
#KeyPairTab .keypair_icons {
  float: right;
}
.no-data-state {
  text-align: center;
  padding: 2em;
  font-size: 1.5em;
  max-width: 700px;
  margin: 0 auto;
}
.no-data-state .message {
  display: block;
  font-size: 1.429em !important;
  font-weight: 300 !important;
  color: #244451;
}
body.dark .no-data-state .message {
  color: #c3dbe4;
}
.no-data-state .sub-message {
  display: block;
  color: #244451;
}
body.dark .no-data-state .sub-message {
  color: #c3dbe4;
}
.no-data-state .sub-message p {
  margin-bottom: 1em;
}
.no-data-state-w-bg-image {
  width: 100%;
  position: relative;
}
.no-data-state-w-bg-image > div.no-data-bg-image {
  width: 100%;
}
.no-data-state-w-bg-image > div.no-data-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.no-data-state-container {
  margin: auto auto;
  display: flex;
}
.no-data-state-container .no-data-state-content {
  margin: auto 0;
}
.no-data-state-container .no-data-state-content .no-data-state-title {
  display: block;
  font-size: 36px;
  font-weight: bold;
  color: #888e90;
}
.no-data-state-container .no-data-state-content .no-data-state-message {
  display: block;
  font-size: 22px;
  color: #244451;
}
body.dark .no-data-state-container .no-data-state-content .no-data-state-message {
  color: #c3dbe4;
}
.no-data-state-container .no-data-icon {
  margin: 10px 15px;
}
[data-component="EmptyState"] {
  font-size: 1.5em;
  color: #244451;
}
body.dark [data-component="EmptyState"] {
  color: #c3dbe4;
}
[data-component="EmptyState"] h2 {
  color: #244451 !important;
}
body.dark [data-component="EmptyState"] h2 {
  color: #c3dbe4 !important;
}
[data-component="EmptyState"] .svg-icon svg {
  width: 72px;
  height: 72px;
}
.teamsNoData {
  min-height: 70vh;
}
.toolbar {
  width: 100%;
  padding: 0 0.5em;
}
.toolbar.sticky {
  position: fixed;
  width: calc(100% - 60px);
  z-index: 100;
  top: 60px;
  background-color: #e6f0f4;
}
body.dark .toolbar.sticky {
  background-color: #05090a;
}
.toolbar.toolbar-dashboard.sticky {
  margin-top: 0;
}
.toolbar .toolbar-title {
  padding: 0 1em 0 0.5em;
}
.toolbar .toolbar-title.filter-type {
  min-width: fit-content;
}
.toolbar .toolbar-title h1 {
  font-size: 24px;
  white-space: nowrap;
}
.toolbar select {
  margin: 0;
  padding-right: 20px;
}
.toolbar .toolbar-group {
  padding: 0 1em;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
.toolbar .toolbar-group h1,
.toolbar .toolbar-group h2,
.toolbar .toolbar-group h3,
.toolbar .toolbar-group h4,
.toolbar .toolbar-group h5,
.toolbar .toolbar-group .button {
  margin: 0;
}
.toolbar .toolbar-group label {
  color: currentColor;
}
body.dark .toolbar .toolbar-group label {
  color: #ffffff;
}
.toolbar .toolbar-group .Select-input .rdt input {
  margin: 0;
  padding: 0;
  background: transparent;
  box-shadow: none;
  top: -4px;
}
.toolbar .toolbar-group .Select {
  background-color: #ffffff;
  border-radius: 12px;
  min-width: 120px;
}
body.dark .toolbar .toolbar-group .Select {
  background-color: transparent;
}
.toolbar label:not(.label-top) {
  display: flex;
  align-items: center;
  height: 100%;
}
.toolbar label:not(.label-top) .svg-icon {
  display: flex;
}
.toolbar label:not(.label-top) .text {
  padding: 0 5px;
}
.toolbar-manifest {
  background-color: #c3dbe4;
}
body.dark .toolbar-manifest {
  background-color: #244451;
}
#inner_actionbar {
  border-radius: 6px;
  background: #e6f0f4;
}
body.dark #inner_actionbar {
  background: #244451;
}
#inner_actionbar .toolbar {
  min-height: auto !important;
  height: auto !important;
  padding: 5px 0 0;
  justify-content: flex-end;
}
#inner_actionbar .toolbar .toolbar-group {
  height: auto !important;
}
#inner_actionbar .toolbar .toolbar-group ul.tabs {
  display: flex;
}
.grippy {
  display: inline-block;
  margin: 0 1px;
  cursor: grab;
  position: relative;
  top: 2px;
}
.grippy:hover svg {
  fill: #00a9e0;
}
.grippy + .icon-button {
  margin: 0 5px;
}
.tab-container.boxed-in {
  border-radius: 6px;
  margin-top: 10px;
  padding: 2px 12px 0;
  display: flex;
  background-color: #e6f0f4;
}
body.dark .tab-container.boxed-in {
  background-color: #244451;
}
.tab-container.boxed-in .tab-title.active {
  background-color: #ffffff linear-gradient(to top, transparent 80%, rgba(90, 213, 230, 0.4) 100%);
}
body.dark .tab-container.boxed-in .tab-title.active {
  background-color: #14272e;
}
.tab-container.boxed-in .tab-title a {
  background: transparent;
  padding: 12px 8px;
}
.tab-container.boxed-in + .tabs-content {
  border-top: none;
}
.tab-container .dirty-msg {
  font-size: 0.9em;
  font-style: italic;
  color: #e68900;
}
body.dark .tab-container .dirty-msg {
  color: #e68900;
}
.tabs {
  display: flex;
}
.tabs:not(.vertical) {
  margin: 0 8px;
}
.tabs:not(.vertical) .tab-title.selected,
.tabs:not(.vertical) .tab-title.active,
.tabs:not(.vertical) .tab-title.ui-tabs-active {
  background: linear-gradient(to top, transparent 80%, rgba(90, 213, 230, 0.4) 100%);
}
.tabs:not(.vertical) .tab-title.selected:after,
.tabs:not(.vertical) .tab-title.active:after,
.tabs:not(.vertical) .tab-title.ui-tabs-active:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 6px;
  background-color: #79B522;
}
.tabs:not(.vertical) .tab-title * {
  transition: 0.3s all ease-in-out;
}
.tabs:not(.vertical) .tab-title .svg-icon svg {
  transition: 0.2s all ease-in-out;
}
.tabs:not(.vertical) .tab-title .svg-icon.drip-chevron svg {
  transition: 0.1s all ease-in-out;
}
.tabs:not(.vertical) .tab-title:hover,
.tabs:not(.vertical) .tab-title:focus {
  color: #ffffff;
}
body.dark .tabs:not(.vertical) .tab-title:hover,
body.dark .tabs:not(.vertical) .tab-title:focus {
  color: #ffffff;
}
.tabs:not(.vertical) .tab-title:hover a,
.tabs:not(.vertical) .tab-title:focus a {
  color: #ffffff;
}
body.dark .tabs:not(.vertical) .tab-title:hover a,
body.dark .tabs:not(.vertical) .tab-title:focus a {
  color: #ffffff;
}
.tabs:not(.vertical) .tab-title:hover::before,
.tabs:not(.vertical) .tab-title:focus::before {
  transform: translate3d(-50%, 50%, 0) scale3d(15, 15, 15);
}
.tabs:not(.vertical) .tab-title::before {
  content: '';
  z-index: -1;
  position: absolute;
  bottom: 100%;
  left: 100%;
  width: 2em;
  height: 2em;
  border-radius: 50%;
  background-color: #79B522;
  transform-origin: center;
  transform: translate3d(-50%, 50%, 0) scale3d(0, 0, 0);
  transition: transform 0.45s ease-in-out;
}
.tabs .svg-icon svg {
  fill: #168291;
  width: 16px;
  height: 16px;
}
body.dark .tabs .svg-icon svg {
  fill: #7cb0c5;
}
.tabs .tab-icon {
  margin: 0 4px 0 8px;
  height: 16px;
  width: 16px;
}
.tabs .tab-title {
  background-color: transparent;
  display: inline-block;
  transition: 0.4s all linear;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.tabs .tab-title:hover .svg-icon svg,
.tabs .tab-title:focus .svg-icon svg {
  fill: #244451;
}
.tabs .tab-title a {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  min-width: 110px;
  text-align: center;
  font-size: 12px;
  background-color: transparent !important;
  font-family: 'Lato', -apple-system, system-ui, BlinkMacSystemFont, sans-serif;
  -webkit-font-smoothing: antialiased;
  color: currentColor;
}
body.dark .tabs .tab-title a {
  color: #dde2e9;
}
.tabs .tab-title a:hover,
.tabs .tab-title a:focus {
  background-color: transparent;
}
.tabs + span {
  border-bottom: 1px solid transparent;
  border-color: #e6f0f4;
}
body.dark .tabs + span {
  border-color: #0f5a65;
}
.tabs.view-by-selector {
  height: 100%;
  display: flex;
  align-items: center;
  margin-top: 8px;
}
.tabs.view-by-selector .tab-title {
  padding: 8px 8px 12px;
  margin-bottom: -2px;
}
.tabs.view-by-selector .tab-title.active {
  background: #ffffff linear-gradient(to top, transparent 80%, rgba(90, 213, 230, 0.4) 100%);
}
body.dark .tabs.view-by-selector .tab-title.active {
  background: #14272e linear-gradient(to top, transparent 80%, rgba(90, 213, 230, 0.4) 100%);
}
.tabs.view-by-selector .tab-title a {
  min-width: auto;
}
.tabs.view-by-selector .tab-title .svg-icon {
  margin-right: 8px;
}
.tabs.vertical {
  border-right: 1px solid transparent;
  flex-direction: column;
  border-color: rgba(67, 128, 152, 0.5);
}
body.dark .tabs.vertical {
  border-color: rgba(67, 128, 152, 0.5);
}
.tabs.vertical .tab-title {
  position: relative;
  overflow: hidden;
}
.tabs.vertical .tab-title:hover {
  border-color: rgba(67, 128, 152, 0.5);
  box-shadow: 0 0 7px 0 rgba(67, 128, 152, 0.3);
}
.tabs.vertical .tab-title:hover::before {
  left: -100%;
}
.tabs.vertical .tab-title:focus,
.tabs.vertical .tab-title:focus-within {
  border-color: #1daabd;
  box-shadow: 0 0 7px 0 rgba(29, 170, 189, 0.3);
}
.tabs.vertical .tab-title:focus::before,
.tabs.vertical .tab-title:focus-within::before {
  left: -100%;
  background-color: rgba(29, 170, 189, 0.2);
}
.tabs.vertical .tab-title::before {
  content: '';
  position: absolute;
  width: 0;
  height: 100%;
  top: 0;
  left: 100%;
  transition: 0.3s all ease-out;
  z-index: -1;
  background-color: rgba(67, 128, 152, 0.2);
}
.tabs.vertical .tab-title:hover {
  border-color: rgba(67, 128, 152, 0.5);
  box-shadow: 3px 3px 7px 0 rgba(67, 128, 152, 0.3);
  cursor: pointer;
}
.tabs.vertical .tab-title:hover::before {
  width: 100%;
  left: 0;
  background-color: rgba(67, 128, 152, 0.2);
}
.tabs.vertical .tab-title.selected,
.tabs.vertical .tab-title:focus,
.tabs.vertical .tab-title:focus-within {
  border-color: #1daabd;
  box-shadow: 0 0 7px 0 rgba(29, 170, 189, 0.3);
}
.tabs.vertical .tab-title.selected::before,
.tabs.vertical .tab-title:focus::before,
.tabs.vertical .tab-title:focus-within::before {
  width: 100%;
  left: 0;
  background-color: rgba(29, 170, 189, 0.2);
}
.tabs.vertical .tab-title:disabled,
.tabs.vertical .tab-title[disabled] {
  opacity: 0.5;
  border: none;
  box-shadow: none;
  cursor: not-allowed;
}
.tabs.vertical .tab-title::before {
  content: '';
  position: absolute;
  width: 0;
  height: 100%;
  top: 0;
  left: 100%;
  transition: 0.3s all ease-out;
  z-index: -1;
  background-color: rgba(67, 128, 152, 0.2);
}
.tabs.vertical .tab-title:hover {
  border-color: rgba(67, 128, 152, 0.5);
  box-shadow: 3px 3px 7px 0 rgba(67, 128, 152, 0.3);
  cursor: pointer;
}
.tabs.vertical .tab-title:hover::before {
  width: 100%;
  left: 0;
  background-color: rgba(67, 128, 152, 0.2);
}
.tabs.vertical .tab-title.selected,
.tabs.vertical .tab-title:focus,
.tabs.vertical .tab-title:focus-within {
  border-color: #1daabd;
  box-shadow: 0 0 7px 0 rgba(29, 170, 189, 0.3);
}
.tabs.vertical .tab-title.selected::before,
.tabs.vertical .tab-title:focus::before,
.tabs.vertical .tab-title:focus-within::before {
  width: 100%;
  left: 0;
  background-color: rgba(29, 170, 189, 0.2);
}
.tabs.vertical .tab-title:disabled,
.tabs.vertical .tab-title[disabled] {
  opacity: 0.5;
  border: none;
  box-shadow: none;
  cursor: not-allowed;
}
.tabs.vertical .tab-title,
.tabs.vertical .tab-title:hover,
.tabs.vertical .tab-title:focus,
.tabs.vertical .tab-title:focus-within,
.tabs.vertical .tab-title.selected {
  box-shadow: none !important;
}
.tabs.vertical .tab-title::before {
  content: '';
  position: absolute;
  width: 0;
  height: 100%;
  top: 0;
  left: 100%;
  transition: 0.3s all ease-out;
  z-index: -1;
  background-color: rgba(67, 128, 152, 0.2);
}
.tabs.vertical .tab-title:hover {
  border-color: rgba(67, 128, 152, 0.5);
  box-shadow: 3px 3px 7px 0 rgba(67, 128, 152, 0.3);
  cursor: pointer;
}
.tabs.vertical .tab-title:hover::before {
  width: 100%;
  left: 0;
  background-color: rgba(67, 128, 152, 0.2);
}
.tabs.vertical .tab-title.selected,
.tabs.vertical .tab-title:focus,
.tabs.vertical .tab-title:focus-within {
  border-color: #1daabd;
  box-shadow: 0 0 7px 0 rgba(29, 170, 189, 0.3);
}
.tabs.vertical .tab-title.selected::before,
.tabs.vertical .tab-title:focus::before,
.tabs.vertical .tab-title:focus-within::before {
  width: 100%;
  left: 0;
  background-color: rgba(29, 170, 189, 0.2);
}
.tabs.vertical .tab-title:disabled,
.tabs.vertical .tab-title[disabled] {
  opacity: 0.5;
  border: none;
  box-shadow: none;
  cursor: not-allowed;
}
.tabs.vertical .tab-title::before {
  content: '';
  position: absolute;
  width: 0;
  height: 100%;
  top: 0;
  left: 100%;
  transition: 0.3s all ease-out;
  z-index: -1;
  background-color: rgba(67, 128, 152, 0.2);
}
.tabs.vertical .tab-title:hover {
  border-color: rgba(67, 128, 152, 0.5);
  box-shadow: 3px 3px 7px 0 rgba(67, 128, 152, 0.3);
  cursor: pointer;
}
.tabs.vertical .tab-title:hover::before {
  width: 100%;
  left: 0;
  background-color: rgba(67, 128, 152, 0.2);
}
.tabs.vertical .tab-title.selected,
.tabs.vertical .tab-title:focus,
.tabs.vertical .tab-title:focus-within {
  border-color: #1daabd;
  box-shadow: 0 0 7px 0 rgba(29, 170, 189, 0.3);
}
.tabs.vertical .tab-title.selected::before,
.tabs.vertical .tab-title:focus::before,
.tabs.vertical .tab-title:focus-within::before {
  width: 100%;
  left: 0;
  background-color: rgba(29, 170, 189, 0.2);
}
.tabs.vertical .tab-title:disabled,
.tabs.vertical .tab-title[disabled] {
  opacity: 0.5;
  border: none;
  box-shadow: none;
  cursor: not-allowed;
}
.tabs.vertical .tab-title,
.tabs.vertical .tab-title:hover,
.tabs.vertical .tab-title:focus,
.tabs.vertical .tab-title:focus-within,
.tabs.vertical .tab-title.selected {
  box-shadow: none !important;
}
.tabs.vertical .tab-title:hover a {
  color: currentColor;
}
body.dark .tabs.vertical .tab-title:hover a {
  color: #dde2e9;
}
.tabs.vertical .tab-title.active {
  background: transparent;
}
body.dark .tabs.vertical .tab-title.active {
  background: transparent;
}
.tabs.vertical .tab-title.active:after {
  left: auto;
  right: 0;
  width: 4px;
  height: 100%;
}
.tabs.vertical .tab-title a {
  padding: 12px;
  justify-content: flex-end;
  text-align: right;
}
#inner_actionbar .tabs .tab-title.active {
  background: #ffffff linear-gradient(to top, transparent 80%, rgba(90, 213, 230, 0.4) 100%);
}
body.dark #inner_actionbar .tabs .tab-title.active {
  background: #14272e linear-gradient(to top, transparent 80%, rgba(90, 213, 230, 0.4) 100%);
}
/* tabs in a dialog can be a little wider here */
.tabs-in-dialog {
  margin-top: 1em;
}
.tabs-in-dialog .tabs .tab-title > a {
  min-width: 100px;
  max-width: none;
}
.tabs-content {
  overflow: auto;
  width: 100%;
  padding: 8px;
  border-radius: 6px;
}
.tabs-content.vertical {
  width: 90%;
  float: left;
  margin-left: -1px;
}
.tabs-content.vertical {
  width: 90%;
  float: left;
  margin-left: -1px;
}
.tabs-content.transparent {
  background: transparent;
}
.tabs-content.subsection {
  border-radius: 6px;
  padding: 8px;
  background: #e6f0f4;
}
body.dark .tabs-content.subsection {
  background: #244451;
}
.tabs-content > .content {
  display: none;
  padding: 0;
  background: #e6f0f4;
}
body.dark .tabs-content > .content {
  background: #244451;
}
.tabs-content > .content.active {
  display: block;
}
.tabs-content > .content .tabs .tab-title.active {
  background: #e6f0f4 linear-gradient(to top, transparent 80%, rgba(90, 213, 230, 0.4) 100%);
}
body.dark .tabs-content > .content .tabs .tab-title.active {
  background: #244451 linear-gradient(to top, transparent 80%, rgba(90, 213, 230, 0.4) 100%);
}
.tabs-content > .content .detailbox[class^='col'] {
  padding-right: 8px !important;
}
.tabs-content > .content .detailbox .tab-container,
.tabs-content > .content .detailbox .tabs-content {
  background-color: #e6f0f4;
}
body.dark .tabs-content > .content .detailbox .tab-container,
body.dark .tabs-content > .content .detailbox .tabs-content {
  background-color: #05090a;
}
.tabs-content > .content .detailbox .tab-container {
  border-radius: 6px;
  padding: 8px 8px 0;
}
.tabs-content > .content .detailbox .tab-container .tabs {
  display: flex;
}
.tabs-content > .content .detailbox .tab-container .tabs .tab-title.active {
  background: #ffffff linear-gradient(to top, transparent 80%, rgba(90, 213, 230, 0.4) 100%);
}
body.dark .tabs-content > .content .detailbox .tab-container .tabs .tab-title.active {
  background: #14272e linear-gradient(to top, transparent 80%, rgba(90, 213, 230, 0.4) 100%);
}
.tabs-content > .content .detailbox .tabs-content {
  border-radius: 6px;
  padding: 0 8px 8px;
  margin: 0;
  background-color: #ffffff;
}
body.dark .tabs-content > .content .detailbox .tabs-content {
  background-color: #14272e;
}
.tabs-content > .content .detailbox .tabs-content > .content {
  padding: 8px;
  border-radius: 6px;
}
.tabs-content #teamRoleSelectors .team-role-row {
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px;
  min-width: 500px;
}
.tabs-content #teamRoleSelectors .team-role-row .filter-label {
  text-transform: none;
  width: 50%;
}
.tabs-content #teamRoleSelectors .team-role-row .filter-label span:last-child .Select {
  width: 80%;
}
.tabs-content #teamRoleSelectors .team-role-row .filter-label .Select-control {
  min-width: 181px;
}
.tabs-content #teamRoleSelectors .team-role-row .filter-label .Select-control .Select-multi-value-wrapper {
  max-width: 165px;
}
.tabs-content #teamRoleSelectors .team-role-row .filter-label .Select-control .Select-arrow-zone {
  cursor: default;
}
.tabs-content #teamRoleSelectors .team-role-row .filter-label .Select-menu-outer {
  max-width: 460px;
  overflow-x: auto;
  min-width: 100%;
}
.modal-content .tabs .tab-title.active {
  background: #e6f0f4 linear-gradient(to top, transparent 80%, rgba(90, 213, 230, 0.4) 100%);
}
body.dark .modal-content .tabs .tab-title.active {
  background: #244451 linear-gradient(to top, transparent 80%, rgba(90, 213, 230, 0.4) 100%);
}
.modal-content .tabs-content {
  background: #e6f0f4;
}
body.dark .modal-content .tabs-content {
  background: #244451;
}
.modal-content .tabs-content > .content {
  min-height: 100px;
}
.modal-content .tabs-content + .button {
  margin-top: 8px;
}
#maincontent #pi-details .tabs-content {
  width: calc(100% - 80px);
  margin: 20px auto 0;
}
#panel_changes .tabs-content h4 + h5 {
  margin: 0.25rem 0;
}
#edit_dialog .tabs-content {
  min-height: 500px;
}
#edit_dialog .tabs .tab-title > a {
  min-width: 140px;
  max-width: 140px;
}
.user_edit_dialog .tabs-content {
  overflow-y: auto;
  height: calc(71vh - 100px);
  min-height: 225px;
  margin-bottom: 1.5rem;
}
.package-metrics .tabs-content > .content,
#project_manage .tabs-content > .content,
#search-results .tabs-content > .content,
#team-manager .tabs-content > .content,
#webhooks .tabs-content > .content {
  background: transparent;
}
#search-results .tabs-content {
  margin-bottom: 0;
  overflow: visible;
}
#admin .tabs .tab-title.active,
#settings .tabs .tab-title.active {
  background: #e6f0f4 linear-gradient(to top, transparent 80%, rgba(90, 213, 230, 0.4) 100%);
}
body.dark #admin .tabs .tab-title.active,
body.dark #settings .tabs .tab-title.active {
  background: #244451 linear-gradient(to top, transparent 80%, rgba(90, 213, 230, 0.4) 100%);
}
#admin .tabs-content,
#settings .tabs-content {
  background: #e6f0f4;
}
body.dark #admin .tabs-content,
body.dark #settings .tabs-content {
  background: #244451;
}
#webhooks .detailbox {
  background: #e6f0f4;
}
body.dark #webhooks .detailbox {
  background: #244451;
}
#webhooks .detailbox .tab-container {
  background: transparent;
}
#webhooks .detailbox .tabs-content {
  background-color: #ffffff;
}
body.dark #webhooks .detailbox .tabs-content {
  background-color: #14272e;
}
#task_launch_dialog_schedule .tabs.ui-tabs-nav .tab-title.ui-tabs-active,
#task_launch_dialog_schedule .tabs.ui-tabs-nav .tab-title.active {
  background: #ffffff linear-gradient(to top, transparent 80%, rgba(90, 213, 230, 0.4) 100%);
}
body.dark #task_launch_dialog_schedule .tabs.ui-tabs-nav .tab-title.ui-tabs-active,
body.dark #task_launch_dialog_schedule .tabs.ui-tabs-nav .tab-title.active {
  background: #14272e linear-gradient(to top, transparent 80%, rgba(90, 213, 230, 0.4) 100%);
}
[data-cooltip] {
  position: relative;
  cursor: pointer;
}
[data-cooltip]:before,
[data-cooltip]:after {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -moz-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  pointer-events: none;
}
[data-cooltip]:hover:before,
[data-cooltip]:hover:after,
[data-cooltip]:focus:before,
[data-cooltip]:focus:after {
  visibility: visible;
  opacity: 1;
}
[data-cooltip]:before {
  z-index: 999999991001;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}
[data-cooltip]:after {
  z-index: 1000;
  padding: 12px;
  min-width: max-content;
  background-color: rgba(46, 49, 55, 0.9);
  color: #ffffff;
  content: attr(data-cooltip);
  font-size: 14px;
  line-height: 1.2;
  white-space: pre;
}
[data-cooltip]:before,
[data-cooltip]:after,
.tooltip-top:before,
.tooltip-top:after {
  bottom: 100%;
  left: 50%;
}
[data-cooltip]:before,
.tooltip-top:before {
  margin-left: -6px;
  margin-bottom: -12px;
  border-top-color: rgba(46, 49, 55, 0.9);
}
[data-cooltip]:after,
.tooltip-top:after {
  margin-left: -75%;
}
[data-cooltip]:hover:before,
[data-cooltip]:hover:after,
[data-cooltip]:focus:before,
[data-cooltip]:focus:after,
.tooltip-top:hover:before,
.tooltip-top:hover:after,
.tooltip-top:focus:before,
.tooltip-top:focus:after {
  -webkit-transform: translateY(-12px);
  -moz-transform: translateY(-12px);
  transform: translateY(-12px);
}
.tooltip-left:before,
.tooltip-left:after {
  right: 100%;
  bottom: 50%;
  left: auto;
}
.tooltip-left:before {
  margin-left: 0;
  margin-right: -12px;
  margin-bottom: 0;
  border-top-color: transparent;
  border-left-color: rgba(46, 49, 55, 0.9);
}
.tooltip-left:hover:before,
.tooltip-left:hover:after,
.tooltip-left:focus:before,
.tooltip-left:focus:after {
  -webkit-transform: translateX(-12px);
  -moz-transform: translateX(-12px);
  transform: translateX(-12px);
}
.tooltip-bottom:before,
.tooltip-bottom:after {
  top: 100%;
  bottom: auto;
  left: 50%;
}
.tooltip-bottom:before {
  margin-top: -12px;
  margin-bottom: 0;
  border-top-color: transparent;
  border-bottom-color: rgba(46, 49, 55, 0.9);
}
.tooltip-bottom:hover:before,
.tooltip-bottom:hover:after,
.tooltip-bottom:focus:before,
.tooltip-bottom:focus:after {
  -webkit-transform: translateY(12px);
  -moz-transform: translateY(12px);
  transform: translateY(12px);
}
/* Right */
.tooltip-right:before,
.tooltip-right:after {
  bottom: 50%;
  left: 100%;
}
.tooltip-right:before {
  margin-bottom: 0;
  margin-left: -12px;
  border-top-color: transparent;
  border-right-color: rgba(46, 49, 55, 0.9);
}
.tooltip-right:hover:before,
.tooltip-right:hover:after,
.tooltip-right:focus:before,
.tooltip-right:focus:after {
  -webkit-transform: translateX(12px);
  -moz-transform: translateX(12px);
  transform: translateX(12px);
}
.tooltip-left:before,
.tooltip-right:before {
  top: 3px;
}
.tooltip-left:after,
.tooltip-right:after {
  margin-left: 0;
  margin-bottom: -16px;
}
.tooltip-nowrap {
  white-space: nowrap;
}
.react-tooltip {
  border: 1px solid #31363e;
  background-color: #ffffff;
  box-shadow: rgba(0, 0, 0, 0.1) 3px 3px 0;
  color: #31363e;
  opacity: 1;
}
.react-tooltip p {
  line-height: 1;
  margin-bottom: 0;
  padding: 10px;
}
.react-tooltip:after {
  position: absolute;
  z-index: 4;
  width: 12px;
  height: 12px;
  border: 1px solid #31363e;
  transform: rotate(45deg);
  background-color: #ffffff;
}
.react-tooltip.place-top:after {
  bottom: -6px;
  border-left: 1px solid transparent;
  border-top: 1px solid transparent;
}
.react-tooltip.place-bottom:after {
  top: -6px;
  border-right: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
.react-tooltip.place-left:after {
  border-left: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
.react-tooltip.place-right:after {
  border-right: 1px solid transparent;
  border-top: 1px solid transparent;
}
.loading-indicator .svg-icon {
  position: absolute;
  z-index: 1000;
  top: calc(50vh - 110px);
  left: calc(50vw - 110px);
  fill: #ffffff;
}
.loading-indicator .loading-scrim {
  position: fixed;
  left: 59px;
  right: 0;
  top: 0;
  background: #000000;
  height: 100%;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  filter: Alpha(Opacity=50);
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  z-index: 100;
}
/*!
 * https://github.com/YouCanBookMe/react-datetime
 */
.rdt {
  position: relative;
}
.rdtPicker {
  display: none;
  position: absolute;
  width: 300px;
  padding: 4px;
  margin-top: 1px;
  z-index: 9999 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  border: 1px solid transparent;
  background-color: #ffffff;
  border-color: #f8f9fb;
}
body.dark .rdtPicker {
  background-color: #14272e;
}
body.dark .rdtPicker {
  border-color: #0f5a65;
}
.rdtPicker .rdtTimeToggle {
  text-align: center;
}
.rdtPicker .rdtTimeToggle:hover {
  cursor: pointer;
  background: #edf2f9;
}
body.dark .rdtPicker .rdtTimeToggle:hover {
  background: #244451;
}
.rdtPicker table {
  width: 100%;
  margin: 0;
}
.rdtPicker td,
.rdtPicker th {
  text-align: center;
  height: 28px;
}
.rdtPicker td {
  cursor: pointer;
}
.rdtPicker td.rdtDay:hover,
.rdtPicker td.rdtHour:hover,
.rdtPicker td.rdtMinute:hover,
.rdtPicker td.rdtSecond:hover {
  cursor: pointer;
  background: #edf2f9;
}
body.dark .rdtPicker td.rdtDay:hover,
body.dark .rdtPicker td.rdtHour:hover,
body.dark .rdtPicker td.rdtMinute:hover,
body.dark .rdtPicker td.rdtSecond:hover {
  background: #244451;
}
.rdtPicker td.rdtOld,
.rdtPicker td.rdtNew {
  color: #9a9da2;
}
.rdtPicker td.rdtToday {
  position: relative;
}
.rdtPicker td.rdtToday:before {
  content: "";
  display: inline-block;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #0090be;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 4px;
  right: 4px;
}
.rdtPicker td.rdtMonth,
.rdtPicker td.rdtYear {
  height: 50px;
  width: 25%;
  cursor: pointer;
}
.rdtPicker td.rdtMonth:hover,
.rdtPicker td.rdtYear:hover {
  background: #edf2f9;
}
body.dark .rdtPicker td.rdtMonth:hover,
body.dark .rdtPicker td.rdtYear:hover {
  background: #244451;
}
.rdtPicker td.rdtActive,
.rdtPicker td.rdtActive:hover {
  background-color: #0090be;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.rdtPicker td.rdtActive.rdtToday:before {
  border-bottom-color: #ffffff;
}
.rdtPicker td.rdtDisabled,
.rdtPicker td.rdtDisabled:hover {
  background: none;
  color: #9a9da2;
  cursor: not-allowed;
}
.rdtPicker td span.rdtOld {
  color: #9a9da2;
}
.rdtPicker td span.rdtDisabled,
.rdtPicker td span.rdtDisabled:hover {
  background: none;
  color: #9a9da2;
  cursor: not-allowed;
}
.rdtPicker th {
  border-bottom: 1px solid transparent;
  border-color: #f8f9fb;
}
body.dark .rdtPicker th {
  border-color: #0f5a65;
}
.rdtPicker th.rdtSwitch {
  width: 100px;
}
.rdtPicker th.rdtNext,
.rdtPicker th.rdtPrev {
  font-size: 21px;
  vertical-align: top;
}
.rdtPicker th.rdtDisabled,
.rdtPicker th.rdtDisabled:hover {
  background: none;
  color: #9a9da2;
  cursor: not-allowed;
}
.rdtPicker .dow {
  width: 14.2857%;
  border-bottom: none;
}
.rdtPicker thead tr:first-child th {
  cursor: pointer;
}
.rdtPicker thead tr:first-child th:hover {
  background: #edf2f9;
}
body.dark .rdtPicker thead tr:first-child th:hover {
  background: #244451;
}
.rdtPicker thead button {
  width: 100%;
  height: 100%;
}
.rdtPicker tfoot {
  border-top: 1px solid transparent;
  border-color: #f8f9fb;
}
body.dark .rdtPicker tfoot {
  border-color: #0f5a65;
}
.rdtPicker button {
  border: none;
  background: none;
  cursor: pointer;
}
.rdtPicker button:hover {
  background: #edf2f9;
}
body.dark .rdtPicker button:hover {
  background: #244451;
}
.rdtOpen .rdtPicker {
  display: block;
}
.rdtStatic .rdtPicker {
  box-shadow: none;
  position: static;
}
.rdtPrev span,
.rdtNext span {
  display: block;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
}
.rdtCounters {
  display: inline-block;
}
.rdtCounters > div {
  float: left;
}
.rdtCounter {
  height: 100px;
  width: 40px;
}
.rdtCounter .rdtBtn {
  height: 40%;
  line-height: 40px;
  cursor: pointer;
  display: block;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
}
.rdtCounter .rdtBtn:hover {
  background: #edf2f9;
}
body.dark .rdtCounter .rdtBtn:hover {
  background: #244451;
}
.rdtCounter .rdtCount {
  height: 20%;
  font-size: 1.2em;
}
.rdtCounterSeparator {
  line-height: 100px;
}
.rdtMilli {
  vertical-align: middle;
  padding-left: 8px;
  width: 48px;
}
.rdtMilli input {
  width: 100%;
  font-size: 1.2em;
  margin-top: 37px;
}
/* css for ui-timepicker */
.ui-timepicker-div .ui-widget-header {
  margin-bottom: 8px;
}
.ui-timepicker-div dl {
  text-align: left;
}
.ui-timepicker-div dl dt {
  height: 25px;
}
.ui-timepicker-div dl dd {
  margin: -25px 0 10px 65px;
}
.ui-timepicker-div td {
  font-size: 90%;
}
.toolbar-dashboard {
  margin: 0 auto;
}
.filter-icon-container {
  margin-right: 0.3em;
}
.tabs.hovershow-overflow {
  overflow: hidden;
}
.tabs.hovershow-overflow.hovered {
  overflow: visible;
}
.tabs.hovershow-overflow.hovered li {
  z-index: 100;
}
.call-out {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
}
.call-out strong {
  font-size: 1.5em;
  padding-right: 5px;
  color: #438098;
}
body.dark .call-out strong {
  color: #e6f0f4;
}
.call-out .title {
  font-size: 0.9em;
}
.call-out tr:nth-of-type(even) {
  background: transparent;
}
.call-out.vertical {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}
.call-out.vertical.divider-right {
  border-right: 1px solid transparent;
  margin-right: 16px;
  padding-right: 16px;
  border-color: #b7bcc4;
}
body.dark .call-out.vertical.divider-right {
  border-color: #336275;
}
.call-out.vertical.text-left {
  align-items: left;
}
.call-out.vertical strong {
  font-size: 4em;
  font-weight: 700;
}
.call-out.vertical .call-out-label {
  display: flex;
  flex-flow: column;
  text-align: center;
}
.call-out.vertical .call-out-label .title {
  font-size: 1.2em;
  border-top: 1px solid #d2d2d2;
}
.insights-container .call-out.vertical .call-out-label .title {
  font-size: 1em;
  border-top: none;
  margin-top: -15px;
}
.call-out.horizontal {
  width: 100%;
  height: 80px;
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: flex-start;
}
.call-out.horizontal strong {
  font-size: 4em;
  font-weight: 700;
}
.call-out.horizontal .call-out-label {
  display: flex;
  flex-flow: column;
}
.call-out.horizontal .call-out-label .subtitle {
  order: 2;
}
.call-out.horizontal .title {
  font-size: 1.2em;
  position: relative;
}
.call-out.horizontal .title:after {
  content: " ";
  height: 1px;
  background: #d2d2d2;
  position: absolute;
  width: 81%;
  left: 0;
  bottom: 0;
}
#callout-menu .nav-items-container > ul > li.menu-item > .svg-icon svg {
  fill: #244451;
}
body.dark #callout-menu .nav-items-container > ul > li.menu-item > .svg-icon svg {
  fill: #c3dbe4;
}
/*
 *
 * SPREAD CALL-OUT
 *
 */
.call-out.spread {
  width: 100%;
  height: 200px;
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  margin: 40px 0;
}
.call-out.spread tr {
  border-bottom: none;
}
.call-out.spread tr td {
  padding-bottom: 19px;
}
.call-out.spread strong {
  font-size: 4em;
  float: right;
  padding-bottom: 17px;
  font-weight: 700;
}
.call-out.spread .call-out-label {
  display: flex;
  flex-flow: column;
}
.call-out.spread .title {
  font-size: 1.2em;
  position: relative;
  padding-left: 57px;
  bottom: -5px;
}
.call-out.spread .title:after {
  content: " ";
  height: 2px;
  background: #d2d2d2;
  position: absolute;
  width: 75px;
  left: -22px;
  bottom: 6px;
}
.call-out tbody tr {
  border: none;
}
.call-out tbody tr:hover {
  border: none;
  box-shadow: none;
}
.call-out tbody tr:focus {
  box-shadow: none;
  border: none;
  outline: none;
}
/*
 *
 * VALUE GOAL AVERAGES
 *
 */
.call-out.spread.value-goal-averages-container strong,
.call-out.spread.risk-average-container.complexity-rank-shown strong {
  font-size: 3em;
}
.call-out.spread.value-goal-averages-container td,
.call-out.spread.risk-average-container.complexity-rank-shown td {
  padding-bottom: 0.75em;
}
.call-out.spread.value-goal-averages-container,
.call-out.spread.risk-average-container {
  background: transparent;
}
.manage-assets-container {
  display: flex;
  align-items: stretch;
  min-height: 70vh;
}
.manage-assets-container.no-flex {
  display: block;
  align-items: inherit;
}
.manage-assets-container#pipeline-builder {
  max-height: calc(100vh - 174px);
  overflow: hidden;
}
.manage-assets-container#pipeline-builder .manage-details-container {
  height: calc(100vh - 270px);
  overflow: hidden;
}
.manage-assets-container#pipeline-builder #div_phases {
  height: calc(100vh - 286px);
  overflow: hidden;
}
.manage-assets-container#pipeline-builder #div_phases .flex-grid {
  height: 100%;
}
.manage-assets-container#pipeline-builder #div_phases .flex-grid > div {
  overflow-y: scroll;
  overflow-x: hidden;
}
.manage-assets-container .detailbox {
  flex-grow: 1;
  position: relative;
  border-radius: 6px;
  padding: 8px;
}
.manage-assets-container .detailbox .detailbox-actions {
  margin-bottom: 8px;
}
.manage-assets-container .detailbox .detailbox-actions .icon-button {
  background-color: #e6f0f4;
}
body.dark .manage-assets-container .detailbox .detailbox-actions .icon-button {
  background-color: #244451;
}
.manage-assets-container .panel {
  padding: 8px;
}
.manage-assets-container .dropzone {
  outline: 1px dashed #878c94;
  padding: 0.5em;
  margin: 0.25em 0;
}
.manage-assets-container .directive-dropzone:after {
  content: "Drop Activity Here...";
}
.manage-assets-container .control-dropzone:after {
  content: "Drop Control Here...";
}
.manage-assets-container .content-vertical {
  padding: 8px;
}
.manage-assets-container .content-vertical select,
.manage-assets-container .content-vertical textarea,
.manage-assets-container .content-vertical input {
  margin: 0.25rem 0 1rem;
}
#webhooks .subsection .handler-activity .icon-button {
  padding: 5px;
}
.manage-details-container {
  min-height: 500px;
  border-radius: 0 0 6px 6px;
  padding: 8px;
  background-color: #ffffff;
}
body.dark .manage-details-container {
  background-color: #14272e;
}
.manage-details-container .manage-details {
  padding: 20px 50px;
}
.manage-details-container .manage-details-contents {
  border: 1px solid #b7bcc4;
  border-radius: 2px;
  padding: 20px;
  min-height: 320px;
  margin-top: -2px;
}
.toolbox {
  overflow-y: visible;
  padding: 0;
  /* specifically for the editors */
}
.toolbox > ul {
  width: 100%;
}
.toolbox > ul,
.toolbox .webhooks-filter {
  margin-right: 8px;
}
.toolbox .editlistitem {
  line-height: 1;
  text-align: right;
  cursor: pointer;
  padding: 10px 15px;
  text-overflow: ellipsis;
  border-right: 1px solid transparent;
  z-index: 0;
  position: relative;
  overflow: hidden;
  border-color: #c4cacd;
  color: currentColor;
}
.toolbox .editlistitem:hover {
  border-color: rgba(67, 128, 152, 0.5);
  box-shadow: 0 0 7px 0 rgba(67, 128, 152, 0.3);
}
.toolbox .editlistitem:hover::before {
  left: -100%;
}
.toolbox .editlistitem:focus,
.toolbox .editlistitem:focus-within {
  border-color: #1daabd;
  box-shadow: 0 0 7px 0 rgba(29, 170, 189, 0.3);
}
.toolbox .editlistitem:focus::before,
.toolbox .editlistitem:focus-within::before {
  left: -100%;
  background-color: rgba(29, 170, 189, 0.2);
}
.toolbox .editlistitem::before {
  content: '';
  position: absolute;
  width: 0;
  height: 100%;
  top: 0;
  left: 100%;
  transition: 0.3s all ease-out;
  z-index: -1;
  background-color: rgba(67, 128, 152, 0.2);
}
.toolbox .editlistitem:hover {
  border-color: rgba(67, 128, 152, 0.5);
  box-shadow: 3px 3px 7px 0 rgba(67, 128, 152, 0.3);
  cursor: pointer;
}
.toolbox .editlistitem:hover::before {
  width: 100%;
  left: 0;
  background-color: rgba(67, 128, 152, 0.2);
}
.toolbox .editlistitem.selected,
.toolbox .editlistitem:focus,
.toolbox .editlistitem:focus-within {
  border-color: #1daabd;
  box-shadow: 0 0 7px 0 rgba(29, 170, 189, 0.3);
}
.toolbox .editlistitem.selected::before,
.toolbox .editlistitem:focus::before,
.toolbox .editlistitem:focus-within::before {
  width: 100%;
  left: 0;
  background-color: rgba(29, 170, 189, 0.2);
}
.toolbox .editlistitem:disabled,
.toolbox .editlistitem[disabled] {
  opacity: 0.5;
  border: none;
  box-shadow: none;
  cursor: not-allowed;
}
.toolbox .editlistitem::before {
  content: '';
  position: absolute;
  width: 0;
  height: 100%;
  top: 0;
  left: 100%;
  transition: 0.3s all ease-out;
  z-index: -1;
  background-color: rgba(67, 128, 152, 0.2);
}
.toolbox .editlistitem:hover {
  border-color: rgba(67, 128, 152, 0.5);
  box-shadow: 3px 3px 7px 0 rgba(67, 128, 152, 0.3);
  cursor: pointer;
}
.toolbox .editlistitem:hover::before {
  width: 100%;
  left: 0;
  background-color: rgba(67, 128, 152, 0.2);
}
.toolbox .editlistitem.selected,
.toolbox .editlistitem:focus,
.toolbox .editlistitem:focus-within {
  border-color: #1daabd;
  box-shadow: 0 0 7px 0 rgba(29, 170, 189, 0.3);
}
.toolbox .editlistitem.selected::before,
.toolbox .editlistitem:focus::before,
.toolbox .editlistitem:focus-within::before {
  width: 100%;
  left: 0;
  background-color: rgba(29, 170, 189, 0.2);
}
.toolbox .editlistitem:disabled,
.toolbox .editlistitem[disabled] {
  opacity: 0.5;
  border: none;
  box-shadow: none;
  cursor: not-allowed;
}
.toolbox .editlistitem,
.toolbox .editlistitem:hover,
.toolbox .editlistitem:focus,
.toolbox .editlistitem:focus-within,
.toolbox .editlistitem.selected {
  box-shadow: none !important;
}
.toolbox .editlistitem::before {
  content: '';
  position: absolute;
  width: 0;
  height: 100%;
  top: 0;
  left: 100%;
  transition: 0.3s all ease-out;
  z-index: -1;
  background-color: rgba(67, 128, 152, 0.2);
}
.toolbox .editlistitem:hover {
  border-color: rgba(67, 128, 152, 0.5);
  box-shadow: 3px 3px 7px 0 rgba(67, 128, 152, 0.3);
  cursor: pointer;
}
.toolbox .editlistitem:hover::before {
  width: 100%;
  left: 0;
  background-color: rgba(67, 128, 152, 0.2);
}
.toolbox .editlistitem.selected,
.toolbox .editlistitem:focus,
.toolbox .editlistitem:focus-within {
  border-color: #1daabd;
  box-shadow: 0 0 7px 0 rgba(29, 170, 189, 0.3);
}
.toolbox .editlistitem.selected::before,
.toolbox .editlistitem:focus::before,
.toolbox .editlistitem:focus-within::before {
  width: 100%;
  left: 0;
  background-color: rgba(29, 170, 189, 0.2);
}
.toolbox .editlistitem:disabled,
.toolbox .editlistitem[disabled] {
  opacity: 0.5;
  border: none;
  box-shadow: none;
  cursor: not-allowed;
}
.toolbox .editlistitem::before {
  content: '';
  position: absolute;
  width: 0;
  height: 100%;
  top: 0;
  left: 100%;
  transition: 0.3s all ease-out;
  z-index: -1;
  background-color: rgba(67, 128, 152, 0.2);
}
.toolbox .editlistitem:hover {
  border-color: rgba(67, 128, 152, 0.5);
  box-shadow: 3px 3px 7px 0 rgba(67, 128, 152, 0.3);
  cursor: pointer;
}
.toolbox .editlistitem:hover::before {
  width: 100%;
  left: 0;
  background-color: rgba(67, 128, 152, 0.2);
}
.toolbox .editlistitem.selected,
.toolbox .editlistitem:focus,
.toolbox .editlistitem:focus-within {
  border-color: #1daabd;
  box-shadow: 0 0 7px 0 rgba(29, 170, 189, 0.3);
}
.toolbox .editlistitem.selected::before,
.toolbox .editlistitem:focus::before,
.toolbox .editlistitem:focus-within::before {
  width: 100%;
  left: 0;
  background-color: rgba(29, 170, 189, 0.2);
}
.toolbox .editlistitem:disabled,
.toolbox .editlistitem[disabled] {
  opacity: 0.5;
  border: none;
  box-shadow: none;
  cursor: not-allowed;
}
.toolbox .editlistitem,
.toolbox .editlistitem:hover,
.toolbox .editlistitem:focus,
.toolbox .editlistitem:focus-within,
.toolbox .editlistitem.selected {
  box-shadow: none !important;
}
body.dark .toolbox .editlistitem {
  border-color: #3a6e83;
}
body.dark .toolbox .editlistitem {
  color: #ffffff;
}
.toolbox .editlistitem:first-child {
  border: none;
  float: right;
  font-size: 0.8rem;
  border-radius: 12px;
  margin: 0 15px 10px 0;
  padding: 3px 3px 2px 14px;
  line-height: 18px;
  background-color: #e6f0f4;
  color: currentColor;
}
body.dark .toolbox .editlistitem:first-child {
  background-color: #244451;
}
body.dark .toolbox .editlistitem:first-child {
  color: #ffffff;
}
.toolbox .editlistitem:first-child:hover {
  color: #244451;
}
.toolbox .editlistitem:first-child:hover svg {
  fill: #244451;
}
.toolbox .editlistitem:first-child .svg-icon {
  border-radius: 50%;
  width: 18px;
  height: 18px;
  font-size: 1rem;
  text-align: center;
  display: inline-block;
  margin-left: 10px;
  border: 1px solid transparent;
  background-color: #ffffff;
  border-color: #7cb0c5;
}
body.dark .toolbox .editlistitem:first-child .svg-icon {
  background-color: #1c3540;
}
body.dark .toolbox .editlistitem:first-child .svg-icon {
  border-color: transparent;
}
.toolbox .editlistitem:first-child .svg-icon svg {
  fill: currentColor;
}
body.dark .toolbox .editlistitem:first-child .svg-icon svg {
  fill: #ffffff;
}
.toolbox .editlistitem:nth-of-type(2) {
  clear: both;
}
.toolbox .editlistitem.active {
  border-right: 5px solid #2ecadf !important;
  margin-right: -2px;
}
.dirty {
  background-color: #fbeecc;
}
body.dark .dirty {
  background-color: rgba(234, 171, 0, 0.5);
}
.dirty-tab a:after {
  content: "*";
  position: absolute;
  right: 0;
  top: 8px;
  margin-right: 8px;
  font-size: 18px;
}
#progression_name_label {
  padding: 10px 0 10px 0;
}
.detailheader #project_name {
  padding: 10px 0 10px 0;
}
.detailheader #package_name_label {
  padding: 10px 0 10px 0;
}
.directivelist {
  min-height: 0.5em;
}
.directivelist:empty {
  outline: 1px dashed #b7bcc4;
  font-style: italic;
  color: #b7bcc4;
  padding: 0.5em;
  margin: 0.25em 0;
}
.directivelist:empty::after {
  content: "Add or Drop an Activity Here...";
}
table#arttable tbody#artifacts tr.deleted,
.directivelist li.deleted,
ul#mappings li.deleted {
  background: repeating-linear-gradient(45deg, indianred, indianred 10px, lawngreen 10px, lawngreen 20px);
}
ul#mappings dl dt,
ul#mappings dl dd {
  display: inline-block;
  margin: 0 8px 0 0;
}
ul#mappings dl dd {
  margin: 0 16px 0 0;
}
ul#mappings .panel {
  background: #e6f0f4;
}
body.dark ul#mappings .panel {
  background: #244451;
}
.dirty,
input[type="text"].dirty {
  background-color: #fbeecc;
}
body.dark .dirty,
body.dark input[type="text"].dirty {
  background-color: rgba(234, 171, 0, 0.5);
}
#labels .toolboxitem {
  margin-bottom: 8px;
  padding: 4px 4px 4px 8px;
}
#labels .toolboxitem:hover {
  box-shadow: 0 0 15px #444;
}
#labels .toolbox {
  line-height: 1;
}
#labels #labelnames,
#labels #labelvals {
  width: 180px;
  font-size: 12px;
}
#labels input[type=text] {
  height: 24px;
}
.holly-block {
  border-radius: 6px;
  display: flex;
  flex-direction: row;
  flex: 1;
  margin: 0;
  padding: 0;
  text-align: center;
  background-color: #ffffff;
}
body.dark .holly-block {
  background-color: #14272e;
}
.holly-block .holly-label {
  width: 100%;
  font-weight: bold;
  color: #244451;
}
body.dark .holly-block .holly-label {
  color: #c3dbe4;
}
.holly-block li {
  position: relative;
  flex-grow: 1;
  margin: 1em 0 1em 1em;
  padding-right: 1em;
  border-right: 1px solid transparent;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #ffffff !important;
  border-color: rgba(67, 128, 152, 0.5) !important;
}
body.dark .holly-block li {
  background-color: #14272e !important;
}
body.dark .holly-block li {
  border-color: rgba(67, 128, 152, 0.5) !important;
}
.holly-block li:before,
.holly-block li:after {
  content: "";
  position: absolute;
  display: block;
  left: -10px;
  width: 1px;
  height: 50%;
}
.holly-block li:last-child {
  border: none;
}
.holly-block li .holly-container {
  padding: 0;
  max-width: 250px;
  width: 100%;
  overflow: hidden;
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 20px;
  color: #244451;
}
body.dark .holly-block li .holly-container {
  color: #ffffff;
}
.holly-block li .holly-container a {
  color: #168291;
}
body.dark .holly-block li .holly-container a {
  color: #7cb0c5;
}
.holly-block li .holly-container.holly-datepicker {
  overflow: visible;
}
.holly-block li .holly-container.no-flex {
  display: block;
}
.holly-block + .holly-block {
  margin-top: 1em;
}
.DateTime-Select .Select-control {
  overflow: visible;
}
.DateTime-Select input {
  border: none;
}
.Select-control {
  border-radius: 12px;
  border: 1px solid transparent;
  padding: 3px 0;
  transition: 0.4s all linear;
  outline: 0;
  display: flex;
  position: relative;
  height: auto;
  margin: 0;
  background-color: #ffffff;
  border-color: rgba(67, 128, 152, 0.5);
  color: currentColor;
}
.Select-control:hover {
  border-color: rgba(67, 128, 152, 0.5);
  box-shadow: 0 0 7px 0 rgba(67, 128, 152, 0.3);
}
.Select-control:hover::before {
  left: -100%;
}
.Select-control:focus,
.Select-control:focus-within {
  border-color: #1daabd;
  box-shadow: 0 0 7px 0 rgba(29, 170, 189, 0.3);
}
.Select-control:focus::before,
.Select-control:focus-within::before {
  left: -100%;
  background-color: rgba(29, 170, 189, 0.2);
}
body.dark .Select-control {
  background-color: transparent;
}
body.dark .Select-control {
  border-color: rgba(67, 128, 152, 0.5);
}
body.dark .Select-control {
  color: #ffffff;
}
.Select-control .Select-multi-value-wrapper {
  flex: 1;
  height: 100%;
  display: flex;
  align-items: center;
}
.Select-control .Select-input:focus {
  outline: none;
}
.is-searchable.is-open > .Select-control {
  cursor: text;
}
.is-searchable.is-focused:not(.is-open) > .Select-control {
  cursor: text;
}
.is-open > .Select-control .Select-arrow {
  top: -2px;
  border-color: transparent transparent #9a9da2;
  border-width: 0 5px 5px;
}
.is-focused:not(.is-open) > .Select-control {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(0, 144, 190, 0.1);
}
.Select-placeholder,
.Select--single > .Select-control .Select-value {
  max-width: 100%;
  position: absolute;
  padding-left: 9px;
  padding-right: 11px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.has-value.Select--single > .Select-control .Select-value .Select-value-label,
.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label {
  color: #2e3137;
}
body.dark .has-value.Select--single > .Select-control .Select-value .Select-value-label,
body.dark .has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label {
  color: #ffffff;
}
.has-value.Select--single > .Select-control .Select-value a.Select-value-label,
.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label {
  cursor: pointer;
  text-decoration: none;
}
.has-value.Select--single > .Select-control .Select-value a.Select-value-label:hover,
.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:hover,
.has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus,
.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus {
  color: #0090be;
  outline: none;
  text-decoration: underline;
}
.Select-input {
  padding-left: 9px;
  padding-right: 9px;
  vertical-align: middle;
  height: 20px;
}
.Select-input > input {
  width: 100%;
  background: none transparent;
  border: 0 none;
  box-shadow: none;
  cursor: default;
  display: inline-block;
  font-size: inherit;
  margin: 0;
  outline: none;
  color: currentColor;
}
.Select-input > input:focus {
  background: none transparent;
  padding: 0;
  border-color: transparent;
  box-shadow: none;
}
.Select-input > input:hover {
  border-color: transparent;
  box-shadow: none;
}
body.dark .Select-input > input {
  color: #ffffff;
}
.Select-input > input.dirty {
  background: none transparent;
}
.is-focused .Select-input > input {
  cursor: text;
}
.has-value.is-pseudo-focused .Select-input {
  opacity: 0;
}
.Select-control:not(.is-searchable) > .Select-input {
  outline: none;
}
.Select-loading-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 16px;
}
.Select-loading {
  -webkit-animation: Select-animation-spin 400ms infinite linear;
  -o-animation: Select-animation-spin 400ms infinite linear;
  animation: Select-animation-spin 400ms infinite linear;
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  border-radius: 50%;
  border: 2px solid #cccccc;
  border-right-color: #2e3137;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.Select-clear-zone {
  -webkit-animation: Select-animation-fadeIn 200ms;
  -o-animation: Select-animation-fadeIn 200ms;
  animation: Select-animation-fadeIn 200ms;
  color: #9a9da2;
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 17px;
}
.Select-clear-zone:hover {
  color: #d52101;
}
.Select-clear {
  display: inline-block;
  font-size: 18px;
  line-height: 1;
}
.Select-arrow-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 25px;
  padding-right: 5px;
}
.Select-arrow {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuMywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA5NiA5NiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgOTYgOTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggaWQ9IlhNTElEXzQzOV8iIGQ9Ik02Niw0OGMwLDEuMS0wLjQsMi4xLTEuMiwyLjlsLTI2LDI1QzM4LDc2LjYsMzcsNzcsMzYsNzdjLTEuMSwwLTIuMS0wLjQtMi45LTEuMmMtMS41LTEuNi0xLjUtNC4xLDAuMS01LjcKCWwyMy0yMi4xbC0yMy0yMi4xYy0xLjYtMS41LTEuNi00LjEtMC4xLTUuN2MxLjUtMS42LDQuMS0xLjYsNS43LTAuMWwyNiwyNUM2NS42LDQ1LjksNjYsNDYuOSw2Niw0OHoiLz4KPC9zdmc+Cg==);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
  transform: rotate(90deg);
  width: 20px;
  height: 20px;
  position: absolute;
  right: 1px;
  filter: invert(0%);
}
body.dark .Select-arrow {
  filter: invert(100%);
}
.Select-menu-outer {
  border-radius: 4px;
  border: 1px solid transparent;
  box-sizing: border-box;
  margin-top: -1px;
  max-height: 200px;
  overflow: hidden;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 9999;
  -webkit-overflow-scrolling: touch;
  background: #ffffff;
  border-color: #cccccc;
  box-shadow: 12px 12px 24px rgba(0, 0, 0, 0.2);
}
body.dark .Select-menu-outer {
  background: #14272e;
}
body.dark .Select-menu-outer {
  border-color: #1a96a7;
}
body.dark .Select-menu-outer {
  box-shadow: 12px 12px 24px rgba(29, 170, 189, 0.2);
}
.Select-menu-outer .Select-menu {
  max-height: 198px;
  overflow-y: auto;
}
.Select-menu-outer .Select-menu .Select-option {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  padding: 8px 10px;
  background: #ffffff;
  color: #5e6165;
}
body.dark .Select-menu-outer .Select-menu .Select-option {
  background: #14272e;
}
body.dark .Select-menu-outer .Select-menu .Select-option {
  color: #ffffff;
}
.Select-menu-outer .Select-menu .Select-option:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.Select-menu-outer .Select-menu .Select-option.is-selected,
.Select-menu-outer .Select-menu .Select-option.is-focused {
  color: #2e3137;
}
body.dark .Select-menu-outer .Select-menu .Select-option.is-selected,
body.dark .Select-menu-outer .Select-menu .Select-option.is-focused {
  color: #ffffff;
}
.Select-menu-outer .Select-menu .Select-option.is-selected {
  background: rgba(0, 144, 190, 0.04);
}
body.dark .Select-menu-outer .Select-menu .Select-option.is-selected {
  background: #0f5a65;
}
.Select-menu-outer .Select-menu .Select-option.is-focused {
  background: rgba(0, 144, 190, 0.08);
}
body.dark .Select-menu-outer .Select-menu .Select-option.is-focused {
  background: #244451;
}
.Select-menu-outer .Select-menu .Select-option.is-disabled {
  color: #cccccc;
  cursor: default;
}
.Select-noresults {
  box-sizing: border-box;
  color: #9a9da2;
  cursor: default;
  display: block;
  padding: 8px 10px;
}
.Select--multi.has-value .Select-input {
  margin-left: 5px;
}
.Select--multi.is-disabled .Select-value {
  background-color: #fbfcfe;
  border: 1px solid #dfe2e4;
  color: #2e3137;
}
.Select--multi.is-disabled .Select-value-icon {
  cursor: not-allowed;
  border-right: 1px solid #dfe2e4;
}
.Select--multi.is-disabled .Select-value-icon:hover,
.Select--multi.is-disabled .Select-value-icon:focus,
.Select--multi.is-disabled .Select-value-icon:active {
  background-color: #fbfcfe;
}
.Select--multi .Select-clear-zone {
  width: 17px;
}
.Select--multi .Select-multi-value-wrapper {
  display: inline-block;
}
.Select--multi .Select-input {
  vertical-align: middle;
  margin-left: 10px;
  padding: 0;
}
.Select--multi .Select-value {
  border: 1px solid rgba(0, 144, 190, 0.24);
  color: #0090be;
  display: inline-block;
  font-size: 0.9em;
  line-height: 1;
  direction: rtl;
  vertical-align: top;
  border-radius: 8px;
  margin: 3px 1px;
  height: 20px;
  text-transform: initial;
  overflow: hidden;
}
.Select--multi .Select-value-icon,
.Select--multi .Select-value-label {
  display: inline-block;
  vertical-align: middle;
}
.Select--multi .Select-value-label {
  cursor: default;
  padding: 2px 0 2px 5px;
}
.Select--multi a.Select-value-label {
  color: #0090be;
  cursor: pointer;
  text-decoration: none;
}
.Select--multi a.Select-value-label:hover {
  text-decoration: underline;
}
.Select--multi .Select-value-icon {
  width: 12px;
  height: 12px;
  display: inline-flex;
  cursor: pointer;
  margin: 0 5px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  background: #e6f0f4;
}
body.dark .Select--multi .Select-value-icon {
  background: #244451;
}
.Select--multi .Select-value-icon:hover,
.Select--multi .Select-value-icon:focus {
  background-color: rgba(0, 144, 190, 0.08);
  color: #0090be;
}
.Select--multi .Select-value-icon:active {
  background-color: rgba(0, 144, 190, 0.24);
}
@-webkit-keyframes Select-animation-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes Select-animation-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes Select-animation-spin {
  to {
    transform: rotate(1turn);
  }
}
@-webkit-keyframes Select-animation-spin {
  to {
    -webkit-transform: rotate(1turn);
  }
}
.react-autosuggest__container {
  position: relative;
}
.react-autosuggest__suggestions-container {
  display: none;
}
.react-autosuggest__suggestions-container--open {
  display: block;
}
.react-autosuggest__suggestions-container,
div.Select-menu-outer {
  border-radius: 4px;
  border: 1px solid transparent;
  box-sizing: border-box;
  margin-top: -8px;
  max-height: 200px;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 3;
  -webkit-overflow-scrolling: touch;
  background-color: #ffffff;
  border-color: rgba(67, 128, 152, 0.5);
  box-shadow: 0 1px 0 rgba(67, 128, 152, 0.5);
  color: currentColor;
}
body.dark .react-autosuggest__suggestions-container,
body.dark div.Select-menu-outer {
  background-color: #14272e;
}
body.dark .react-autosuggest__suggestions-container,
body.dark div.Select-menu-outer {
  border-color: rgba(67, 128, 152, 0.5);
}
body.dark .react-autosuggest__suggestions-container,
body.dark div.Select-menu-outer {
  box-shadow: 0 1px 0 rgba(67, 128, 152, 0.5);
}
body.dark .react-autosuggest__suggestions-container,
body.dark div.Select-menu-outer {
  color: #ffffff;
}
.react-autosuggest__suggestions-container ul.react-autosuggest__suggestions-list,
div.Select-menu-outer ul.react-autosuggest__suggestions-list,
.react-autosuggest__suggestions-container div.Select-menu,
div.Select-menu-outer div.Select-menu {
  max-height: 198px;
  overflow-y: auto;
}
.react-autosuggest__suggestions-container ul.react-autosuggest__suggestions-list li.react-autosuggest__suggestion,
div.Select-menu-outer ul.react-autosuggest__suggestions-list li.react-autosuggest__suggestion,
.react-autosuggest__suggestions-container div.Select-menu li.react-autosuggest__suggestion,
div.Select-menu-outer div.Select-menu li.react-autosuggest__suggestion,
.react-autosuggest__suggestions-container ul.react-autosuggest__suggestions-list div.Select-option,
div.Select-menu-outer ul.react-autosuggest__suggestions-list div.Select-option,
.react-autosuggest__suggestions-container div.Select-menu div.Select-option,
div.Select-menu-outer div.Select-menu div.Select-option {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  padding: 8px 10px;
  background-color: #ffffff;
  color: currentColor;
}
body.dark .react-autosuggest__suggestions-container ul.react-autosuggest__suggestions-list li.react-autosuggest__suggestion,
body.dark div.Select-menu-outer ul.react-autosuggest__suggestions-list li.react-autosuggest__suggestion,
body.dark .react-autosuggest__suggestions-container div.Select-menu li.react-autosuggest__suggestion,
body.dark div.Select-menu-outer div.Select-menu li.react-autosuggest__suggestion,
body.dark .react-autosuggest__suggestions-container ul.react-autosuggest__suggestions-list div.Select-option,
body.dark div.Select-menu-outer ul.react-autosuggest__suggestions-list div.Select-option,
body.dark .react-autosuggest__suggestions-container div.Select-menu div.Select-option,
body.dark div.Select-menu-outer div.Select-menu div.Select-option {
  background-color: #14272e;
}
body.dark .react-autosuggest__suggestions-container ul.react-autosuggest__suggestions-list li.react-autosuggest__suggestion,
body.dark div.Select-menu-outer ul.react-autosuggest__suggestions-list li.react-autosuggest__suggestion,
body.dark .react-autosuggest__suggestions-container div.Select-menu li.react-autosuggest__suggestion,
body.dark div.Select-menu-outer div.Select-menu li.react-autosuggest__suggestion,
body.dark .react-autosuggest__suggestions-container ul.react-autosuggest__suggestions-list div.Select-option,
body.dark div.Select-menu-outer ul.react-autosuggest__suggestions-list div.Select-option,
body.dark .react-autosuggest__suggestions-container div.Select-menu div.Select-option,
body.dark div.Select-menu-outer div.Select-menu div.Select-option {
  color: #ffffff;
}
.react-autosuggest__suggestions-container ul.react-autosuggest__suggestions-list li.react-autosuggest__suggestion:last-child,
div.Select-menu-outer ul.react-autosuggest__suggestions-list li.react-autosuggest__suggestion:last-child,
.react-autosuggest__suggestions-container div.Select-menu li.react-autosuggest__suggestion:last-child,
div.Select-menu-outer div.Select-menu li.react-autosuggest__suggestion:last-child,
.react-autosuggest__suggestions-container ul.react-autosuggest__suggestions-list div.Select-option:last-child,
div.Select-menu-outer ul.react-autosuggest__suggestions-list div.Select-option:last-child,
.react-autosuggest__suggestions-container div.Select-menu div.Select-option:last-child,
div.Select-menu-outer div.Select-menu div.Select-option:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.react-autosuggest__suggestions-container ul.react-autosuggest__suggestions-list li.react-autosuggest__suggestion.react-autosuggest__suggestion--highlighted,
div.Select-menu-outer ul.react-autosuggest__suggestions-list li.react-autosuggest__suggestion.react-autosuggest__suggestion--highlighted,
.react-autosuggest__suggestions-container div.Select-menu li.react-autosuggest__suggestion.react-autosuggest__suggestion--highlighted,
div.Select-menu-outer div.Select-menu li.react-autosuggest__suggestion.react-autosuggest__suggestion--highlighted,
.react-autosuggest__suggestions-container ul.react-autosuggest__suggestions-list div.Select-option.react-autosuggest__suggestion--highlighted,
div.Select-menu-outer ul.react-autosuggest__suggestions-list div.Select-option.react-autosuggest__suggestion--highlighted,
.react-autosuggest__suggestions-container div.Select-menu div.Select-option.react-autosuggest__suggestion--highlighted,
div.Select-menu-outer div.Select-menu div.Select-option.react-autosuggest__suggestion--highlighted,
.react-autosuggest__suggestions-container ul.react-autosuggest__suggestions-list li.react-autosuggest__suggestion.is-selected,
div.Select-menu-outer ul.react-autosuggest__suggestions-list li.react-autosuggest__suggestion.is-selected,
.react-autosuggest__suggestions-container div.Select-menu li.react-autosuggest__suggestion.is-selected,
div.Select-menu-outer div.Select-menu li.react-autosuggest__suggestion.is-selected,
.react-autosuggest__suggestions-container ul.react-autosuggest__suggestions-list div.Select-option.is-selected,
div.Select-menu-outer ul.react-autosuggest__suggestions-list div.Select-option.is-selected,
.react-autosuggest__suggestions-container div.Select-menu div.Select-option.is-selected,
div.Select-menu-outer div.Select-menu div.Select-option.is-selected {
  background-color: rgba(0, 144, 190, 0.04);
  color: #2e3137;
}
.react-autosuggest__suggestions-container ul.react-autosuggest__suggestions-list li.react-autosuggest__suggestion.is-focused,
div.Select-menu-outer ul.react-autosuggest__suggestions-list li.react-autosuggest__suggestion.is-focused,
.react-autosuggest__suggestions-container div.Select-menu li.react-autosuggest__suggestion.is-focused,
div.Select-menu-outer div.Select-menu li.react-autosuggest__suggestion.is-focused,
.react-autosuggest__suggestions-container ul.react-autosuggest__suggestions-list div.Select-option.is-focused,
div.Select-menu-outer ul.react-autosuggest__suggestions-list div.Select-option.is-focused,
.react-autosuggest__suggestions-container div.Select-menu div.Select-option.is-focused,
div.Select-menu-outer div.Select-menu div.Select-option.is-focused {
  background-color: rgba(0, 144, 190, 0.08);
  color: #2e3137;
}
.react-autosuggest__suggestions-container ul.react-autosuggest__suggestions-list li.react-autosuggest__suggestion.is-disabled,
div.Select-menu-outer ul.react-autosuggest__suggestions-list li.react-autosuggest__suggestion.is-disabled,
.react-autosuggest__suggestions-container div.Select-menu li.react-autosuggest__suggestion.is-disabled,
div.Select-menu-outer div.Select-menu li.react-autosuggest__suggestion.is-disabled,
.react-autosuggest__suggestions-container ul.react-autosuggest__suggestions-list div.Select-option.is-disabled,
div.Select-menu-outer ul.react-autosuggest__suggestions-list div.Select-option.is-disabled,
.react-autosuggest__suggestions-container div.Select-menu div.Select-option.is-disabled,
div.Select-menu-outer div.Select-menu div.Select-option.is-disabled {
  color: #cccccc;
  cursor: default;
}
.form-header {
  padding-top: 10px;
  display: flex;
}
.record-selector {
  width: 300px;
}
.select-right {
  margin-left: 15px;
}
.label-top {
  display: block;
}
.inline-label {
  display: flex;
  align-items: center;
  cursor: default;
}
.inline-label > * {
  margin-right: 10px;
}
.data-prompt textarea {
  min-height: 2em;
}
.toolbar-progression .select-right,
.toolbar-feature .select-right {
  margin-left: 0;
}
input[type="checkbox"].giant {
  width: 20px;
  height: 20px;
  cursor: pointer;
}
#actionbar .Select-control {
  background-color: #ffffff;
}
body.dark #actionbar .Select-control {
  background-color: #14272e;
}
#toasts-container {
  position: fixed;
  z-index: 9999;
  top: 100px;
  right: 20px;
  width: 300px;
  border-radius: 6px;
  border: 1px solid transparent;
  visibility: visible;
  opacity: 1;
  transition: visibility 0.5s, opacity 0.5s ease-in-out;
  background: #ffffff;
  border-color: #b7bcc4;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
}
body.dark #toasts-container {
  background: #05090a;
}
body.dark #toasts-container {
  border-color: #1DAABD;
}
body.dark #toasts-container {
  box-shadow: 0 2px 1px rgba(29, 170, 189, 0.2);
}
#toasts-container.ghost {
  visibility: hidden;
  opacity: 0;
}
#toasts-container .toast {
  position: relative;
  display: flex;
  height: 100%;
  padding: 15px;
}
#toasts-container .toast.success .svg-icon svg {
  fill: #09a84c;
}
#toasts-container .toast.alert .svg-icon svg {
  fill: #d52101;
}
#toasts-container .toast.info .svg-icon svg {
  fill: #00467d;
}
#toasts-container .toast.clear-all {
  justify-content: flex-end;
  cursor: pointer;
}
#toasts-container .toast .clear-all-text {
  margin-right: 10px;
}
#toasts-container .toast .main-icon {
  display: flex;
  align-items: center;
  width: 36px;
  margin-right: 10px;
}
#toasts-container .toast .content {
  width: 100% - 56px;
}
#toasts-container .toast .content .title {
  font-size: 1.2em;
}
#toasts-container .toast .content .description {
  font-size: 1em;
}
#toasts-container .toast .close-toast {
  position: absolute;
  top: 5px;
  right: 10px;
  cursor: pointer;
}
/* @keyframes duration | timing-function | delay | iteration-count | direction | fill-mode | play-state | name */
@-webkit-keyframes callout-pulsate {
  0% {
    border-width: 0;
  }
  50% {
    border-width: 6px;
  }
  100% {
    border-width: 0;
  }
}
.callout-pulse {
  -webkit-animation-name: callout-pulsate;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
}
@keyframes glowing {
  0% {
    background-color: #e5174e;
  }
  50% {
    background-color: rgba(229, 23, 78, 0);
  }
  100% {
    background-color: #e5174e;
  }
}
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.glow {
  -webkit-animation-name: glowing;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
}
.no-pulse {
  -webkit-animation-name: none;
  -webkit-animation-duration: 0s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-iteration-count: 1;
}
.pulse {
  -webkit-animation-name: pulsate;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
}
.invalid .reason,
.is-invalid .reason {
  color: #d52101;
  text-transform: initial;
}
.invalid input[type="text"],
.is-invalid input[type="text"],
.invalid input:not([type]),
.is-invalid input:not([type]),
.invalid input[type="password"],
.is-invalid input[type="password"],
.invalid textarea,
.is-invalid textarea,
.invalid select,
.is-invalid select {
  border-color: #d52101 !important;
  box-shadow: 0 0 2px 2px rgba(213, 33, 1, 0.5);
}
label .invalid .reason,
label .is-invalid .reason {
  font-size: 0.9em;
  margin: -0.75rem 0 1rem;
}
.jtable th,
.ReactVirtualized__Table__headerRow {
  background-color: #ffffff;
}
body.dark .jtable th,
body.dark .ReactVirtualized__Table__headerRow {
  background-color: #14272e;
}
table {
  border: none;
  border-collapse: collapse;
  table-layout: auto;
  width: 100%;
  background-color: #ffffff;
}
body.dark table {
  background-color: #14272e;
}
table caption {
  background: transparent;
  font-size: 1rem;
  font-weight: bold;
  color: #202328;
}
body.dark table caption {
  color: #e6f0f4;
}
table thead tr td,
table tbody tr td,
table tfoot tr td {
  display: table-cell;
  line-height: 1.125rem;
  font-size: 0.875rem;
  padding: 0.5625rem 0.625rem;
  vertical-align: middle;
  text-align: left;
  color: #202328;
}
body.dark table thead tr td,
body.dark table tbody tr td,
body.dark table tfoot tr td {
  color: #e6f0f4;
}
table.unstriped td {
  background: #ffffff;
}
body.dark table.unstriped td {
  background: #14272e;
}
table tfoot tr td,
table tbody tr td,
table tr td {
  line-height: 1em;
  vertical-align: middle;
}
table th.ellipsis,
table td.ellipsis {
  max-width: 65vw;
}
table thead {
  background: #ffffff;
}
body.dark table thead {
  background: #14272e;
}
table thead tr {
  border-bottom: 1px solid transparent;
  border-bottom-color: rgba(67, 128, 152, 0.3);
}
body.dark table thead tr {
  border-bottom-color: rgba(67, 128, 152, 0.3);
}
table thead tr .subheader {
  line-height: 1.4;
  font-weight: normal;
  margin: 0.2rem 0 0.5rem;
  color: #737373;
}
body.dark table thead tr .subheader {
  color: #ffffff;
}
table thead tr td,
table thead tr th {
  font-weight: bold;
  padding: 0.5rem 0.625rem 0.625rem;
  color: #244451;
}
body.dark table thead tr td,
body.dark table thead tr th {
  color: #c3dbe4;
}
table tbody tr {
  background: transparent;
  padding: 2px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: -1px;
  z-index: 0;
  width: 100%;
  border: solid;
  border-width: 1px 0;
  border-color: rgba(67, 128, 152, 0.3);
}
body.dark table tbody tr {
  border-color: rgba(67, 128, 152, 0.3);
}
table tbody tr:hover {
  border-width: 1px 0;
  box-shadow: inset 0 1px 0 0 #438098, 0 0 7px 0 rgba(67, 128, 152, 0.5);
  z-index: 1;
  opacity: 1;
  border-color: rgba(67, 128, 152, 0.8);
}
body.dark table tbody tr:hover {
  border-color: rgba(67, 128, 152, 0.8);
}
table tbody tr:hover i {
  opacity: 1;
}
table tbody tr:focus {
  box-shadow: 0 0 7px 0 rgba(29, 170, 189, 0.5);
  border-color: rgba(29, 170, 189, 0.8);
  outline-color: rgba(29, 170, 189, 0.8);
  z-index: 1;
  opacity: 1;
}
table tbody tr:focus i {
  opacity: 1;
}
table tbody tr.even,
table tbody tr.alt,
table tbody tr:nth-of-type(even) {
  background: transparent;
}
table tbody tr.even.dirty,
table tbody tr.alt.dirty,
table tbody tr:nth-of-type(even).dirty {
  background-color: #fbeecc;
}
body.dark table tbody tr.even.dirty,
body.dark table tbody tr.alt.dirty,
body.dark table tbody tr:nth-of-type(even).dirty {
  background-color: rgba(234, 171, 0, 0.5);
}
table tfoot {
  background: #f3f4f5;
}
body.dark table tfoot {
  background: #14272e;
}
table tfoot tr th,
table tfoot tr td {
  font-weight: bold;
  padding: 0.5rem 0.625rem 0.625rem;
  color: #202328;
}
body.dark table tfoot tr th,
body.dark table tfoot tr td {
  color: #e6f0f4;
}
table.no-border tr,
table.no-border td {
  border: none;
}
table.no-hover thead tr:hover,
table.no-hover tbody tr:hover,
table.no-hover thead th:hover,
table.no-hover tbody th:hover,
table.no-hover thead td:hover,
table.no-hover tbody td:hover {
  box-shadow: none;
  border-color: rgba(67, 128, 152, 0.3);
}
body.dark table.no-hover thead tr:hover,
body.dark table.no-hover tbody tr:hover,
body.dark table.no-hover thead th:hover,
body.dark table.no-hover tbody th:hover,
body.dark table.no-hover thead td:hover,
body.dark table.no-hover tbody td:hover {
  border-color: rgba(67, 128, 152, 0.3);
}
table.unstriped td {
  background: #ffffff;
}
body.dark table.unstriped td {
  background: #14272e;
}
table#allevents_timegrid tr td {
  line-height: 1.2rem;
  padding: 4px;
}
.tile-block-container {
  display: block;
  width: 100%;
}
.tile-block-container .title {
  display: block;
  font-size: 22px;
  letter-spacing: 1px;
  background-color: #cccccc;
  margin: -15px -29px 0 -16px;
  padding: 14px;
}
.tile-block-container .tile-flex-container {
  display: flex;
  height: 100%;
}
.tile-block-container .tile-flex-container.no-data {
  height: 80%;
}
.tile-block-container .tile-flex-container .flex-parent-autosizer-container {
  flex: 1 1 auto;
}
.list-headers-container {
  background: #b7bcc4;
  width: 100%;
}
.list-column-headers {
  flex: initial !important;
}
.list-header-rows {
  width: calc(100% - 17px);
  display: flex;
}
div.list-header-rows :first-child.list-column-headers,
div.table-row :first-child.cell {
  padding-left: 5px;
}
.list-rows {
  background: #ffffff;
}
.list-rows.list-header-rows > div {
  border: 0;
}
.list-rows > div {
  height: 100%;
  padding: 9px 0;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #c4cacd;
}
.list-rows span:not(.icon-button, .sort-icon) {
  display: flex;
  align-items: center;
  height: 100%;
}
.no-rows.no-rows-string {
  width: 100%;
  display: flex;
  justify-content: center;
  border-bottom: 1px solid #d2d2d2;
  font-size: 2em;
}
.cell {
  -ms-word-break: break-all;
  word-break: break-all;
  word-wrap: break-word;
  padding-right: 10px;
}
.pagination {
  width: fit-content;
  height: fit-content;
  margin: -5px auto 10px auto;
}
.pagination * {
  display: inline;
}
.pagination svg {
  height: 10px;
}
.pagination .pagination-chevron svg {
  width: 30px;
}
.pagination .left-pagination-chevron svg {
  transform: rotate(180deg);
}
.op-metric-deliveries-list.ReactVirtualized__Table .ReactVirtualized__Grid.ReactVirtualized__Table__Grid {
  background: transparent;
}
.op-metric-deliveries-list .list-header-rows > .list-column-headers,
.op-metric-deliveries-list .list-rows .cell {
  width: 25%;
}
.op-metric-deliveries-list .list-rows:not(.ReactVirtualized__Table__headerRow):hover {
  border-top: solid 1px;
  border-bottom: solid 1px;
  box-shadow: 0 0 7px 0 rgba(67, 128, 152, 0.5);
  border-color: rgba(67, 128, 152, 0.8);
  outline-color: rgba(67, 128, 152, 0.8);
  z-index: 1;
  opacity: 1;
}
body.dark .op-metric-deliveries-list .list-rows:not(.ReactVirtualized__Table__headerRow):hover {
  border-color: rgba(67, 128, 152, 0.8);
}
.op-metric-deliveries-list .list-rows:not(.ReactVirtualized__Table__headerRow):hover i {
  opacity: 1;
}
.op-metric-deliveries-list .list-rows:not(.ReactVirtualized__Table__headerRow):focus {
  border-top: solid 1px;
  border-bottom: solid 1px;
  box-shadow: 0 0 7px 0 rgba(29, 170, 189, 0.5);
  border-color: rgba(29, 170, 189, 0.8);
  outline-color: rgba(29, 170, 189, 0.8);
  z-index: 1;
  opacity: 1;
}
.op-metric-deliveries-list .list-rows:not(.ReactVirtualized__Table__headerRow):focus i {
  opacity: 1;
}
.op-metric-deliveries-list .list-rows,
.op-metric-deliveries-list .list-header-rows.ReactVirtualized__Table__headerRow {
  background-color: transparent;
}
.op-metric-deliveries-list .list-rows > div,
.op-metric-deliveries-list .list-header-rows.ReactVirtualized__Table__headerRow > div {
  border-color: #b7bcc4;
}
body.dark .op-metric-deliveries-list .list-rows > div,
body.dark .op-metric-deliveries-list .list-header-rows.ReactVirtualized__Table__headerRow > div {
  border-color: #336275;
}
.users-list .list-header-rows {
  font-weight: 700;
  background-color: #b7bcc4;
}
.users-list .list-header-rows > .list-column-headers:nth-child(1),
.users-list .list-rows .cell:nth-child(1) {
  width: 30%;
  padding-left: 2em;
}
.users-list .list-header-rows > .list-column-headers:nth-child(2),
.users-list .list-rows .cell:nth-child(2) {
  width: 30%;
}
.users-list .list-header-rows > .list-column-headers:nth-child(3),
.users-list .list-rows .cell:nth-child(3) {
  width: 30%;
}
.users-list .list-header-rows > .list-column-headers:nth-child(4),
.users-list .list-rows .cell:nth-child(4) {
  width: 10%;
}
.users-list .list-rows {
  cursor: pointer;
}
.users-list .list-rows div.table-row {
  padding: 6px 0;
  border-bottom: 1px solid #dde2e9;
}
.tasks-list .list-header-rows {
  font-weight: 700;
  background-color: #b7bcc4;
}
.tasks-list .list-header-rows > .list-column-headers:nth-child(1),
.tasks-list .list-rows .cell:nth-child(1) {
  width: 100%;
  padding-left: 2em;
}
.tasks-list .list-rows div.table-row {
  padding: 10px 0;
  border-bottom: 1px solid #dde2e9;
}
.users-to-add-list {
  border: 1px solid transparent;
  height: 250px;
  overflow-y: auto;
  border-color: #589bb6;
}
body.dark .users-to-add-list {
  border-color: #0f5a65;
}
.users-to-add-list .list-header-rows {
  font-weight: 700;
  background-color: #b7bcc4;
}
.users-to-add-list .list-header-rows > .list-column-headers:nth-child(1),
.users-to-add-list .list-rows .cell:nth-child(1) {
  width: 45%;
  padding-left: 2em;
}
.users-to-add-list .list-header-rows > .list-column-headers:nth-child(2),
.users-to-add-list .list-rows .cell:nth-child(2) {
  width: 45%;
}
.users-to-add-list .list-header-rows > .list-column-headers:nth-child(3),
.users-to-add-list .list-rows .cell:nth-child(3) {
  width: 10%;
}
.users-to-add-list .list-rows div.table-row {
  padding: 6px 0;
  border-bottom: none;
}
.users-to-add-list .Select.select-right {
  margin-left: 0;
  text-transform: none;
}
.users-to-add-list .Select-control {
  min-width: 181px;
  text-transform: none;
}
.users-to-add-list .Select-control .Select-multi-value-wrapper {
  max-width: 165px;
}
.users-to-add-list .Select-control .Select-input {
  padding: 0;
}
.users-to-add-list .Select-control .Select-arrow-zone {
  cursor: default;
  position: initial;
}
#historytable {
  width: 99%;
  margin-left: 5px;
}
#historytable tr {
  cursor: pointer;
}
#full_details tr:hover {
  border-color: rgba(67, 128, 152, 0.3);
  box-shadow: none;
  z-index: 0;
}
.ReactVirtualized__Table .ReactVirtualized__Grid {
  height: auto;
  overflow: visible !important;
  background: #ffffff;
}
body.dark .ReactVirtualized__Table .ReactVirtualized__Grid {
  background: #14272e;
}
.ReactVirtualized__Table .ReactVirtualized__Grid .ReactVirtualized__Grid__innerScrollContainer {
  overflow: visible !important;
}
.ReactVirtualized__Table .ReactVirtualized__Grid .ReactVirtualized__Grid__innerScrollContainer .list-rows {
  overflow: visible !important;
}
.ReactVirtualized__Table .ReactVirtualized__Grid .ReactVirtualized__Grid__innerScrollContainer .list-rows.action-button {
  overflow: hidden !important;
}
.react-datepicker table tr:hover,
.rdtPicker table tr:hover {
  border-color: rgba(67, 128, 152, 0.3);
  box-shadow: none;
  z-index: 0;
}
#conttable tr:hover {
  border-color: rgba(67, 128, 152, 0.3);
  box-shadow: none;
  z-index: 0;
}
#div_messages tr:hover,
#div_users tr:hover {
  border-color: rgba(67, 128, 152, 0.3);
  box-shadow: none;
  z-index: 0;
}
.wilist .label {
  margin-right: 20px;
}
.ui-autocomplete {
  border: 1px solid transparent !important;
  max-width: 200px;
  z-index: 9999;
  background: #e6f0f4 !important;
  border-color: #1DAABD !important;
}
body.dark .ui-autocomplete {
  background: #05090a !important;
}
body.dark .ui-autocomplete {
  border-color: #1a96a7 !important;
}
.ui-autocomplete:before,
.ui-autocomplete:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  position: absolute;
}
.ui-autocomplete:before {
  border: 6px solid transparent;
  top: -12px;
  left: 10px;
  z-index: 9999;
  border-bottom-color: #1DAABD;
}
body.dark .ui-autocomplete:before {
  border-bottom-color: #1a96a7;
}
.ui-autocomplete:after {
  border: 7px solid transparent;
  top: -14px;
  left: 9px;
  z-index: 9999;
  border-bottom-color: #1DAABD;
}
body.dark .ui-autocomplete:after {
  border-bottom-color: #1a96a7;
}
.ui-autocomplete .ui-state-focus {
  border-color: transparent;
  background: #ffffff;
}
body.dark .ui-autocomplete .ui-state-focus {
  background: #14272e;
}
.operation-list .toolbar-action-list {
  background-color: #e6f0f4;
}
body.dark .operation-list .toolbar-action-list {
  background-color: #244451;
}
.operation-list .toolbar:not(.toolbar-action-list) {
  padding-left: 0;
}
.operation-list .toolbar:not(.toolbar-action-list) .toolbar-group:first-child {
  padding-left: 0;
}
.operation-list ul#actionlist {
  border: 1px solid transparent;
  border-color: #ffffff;
}
body.dark .operation-list ul#actionlist {
  border-color: #14272e;
}
.operation-list ul#actionlist .icon-button {
  padding: 5px;
}
.operation-list ul#actionlist .toolbar {
  padding: 5px;
}
.operation-list ul#actionlist .action-header {
  background-color: #e6f0f4;
}
body.dark .operation-list ul#actionlist .action-header {
  background-color: #244451;
}
.operation-list ul#actionlist li.action {
  background: #ffffff;
  margin: 0;
  border-bottom: 1px solid #b7bcc4;
}
.operation-list div[class^="act-"] {
  cursor: pointer;
  border-bottom: 1px solid transparent;
  border-color: #ffffff;
}
body.dark .operation-list div[class^="act-"] {
  border-color: #14272e;
}
.operation-list div[class^="act-"]:last-child {
  border-bottom: none;
}
.operation-list div[class^="act-"].active .svg-icon {
  transform: rotate(90deg);
}
.operation-list div[class^="act-"].active .content {
  display: block;
}
.operation-list div[class^="act-"] .content {
  padding: 16px 8px;
  background: #c3dbe4;
}
body.dark .operation-list div[class^="act-"] .content {
  background: #336275;
}
.operation-list fieldset {
  padding: 0 14px 14px;
  margin: 10px 0;
}
.operation-list .input-group {
  display: flex;
  justify-content: space-between;
  flex: 1;
}
.operation-list .input-group.three > div,
.operation-list .input-group.three label {
  width: 33%;
}
.operation-list .input-group.two > div,
.operation-list .input-group.two label {
  width: 50%;
}
.operation-list .input-group.two > div:first-child,
.operation-list .input-group.two label:first-child {
  padding-right: 10px;
}
.operation-list .action-type-lookup,
.operation-list .show-when {
  margin-bottom: 16px;
}
#actions li,
.action-button {
  border-radius: 12px;
  cursor: pointer;
  display: inline-block;
  width: calc(50% - 8px);
  margin: 8px;
  padding: 24px 8px 0;
  text-align: center;
  overflow: hidden;
  background: rgba(29, 170, 189, 0.3);
}
body.dark #actions li,
body.dark .action-button {
  background: rgba(29, 170, 189, 0.3);
}
#actions li:nth-child(odd),
.action-button:nth-child(odd) {
  margin-left: 0;
}
#actions li:nth-child(even),
.action-button:nth-child(even) {
  margin-right: 0;
}
#actions li:nth-child(-n+2),
.action-button:nth-child(-n+2) {
  margin-top: 0;
}
#actions li img,
.action-button img {
  display: block;
  margin: 0 auto;
}
#actions li .svg-icon svg,
.action-button .svg-icon svg {
  fill: #168291;
}
body.dark #actions li .svg-icon svg,
body.dark .action-button .svg-icon svg {
  fill: #168291;
}
#actions li .action-title,
.action-button .action-title {
  display: block;
  margin: 24px -8px 0;
  padding: 8px;
  background: #5ad5e6;
  color: #0f5a65;
}
body.dark #actions li .action-title,
body.dark .action-button .action-title {
  background: #5ad5e6;
}
body.dark #actions li .action-title,
body.dark .action-button .action-title {
  color: #0f5a65;
}
.subsection .operation-list {
  border-radius: 6px;
}
.subsection .operation-list .toolbar-action-list {
  border-bottom: 1px solid transparent;
  border-color: #ffffff;
}
body.dark .subsection .operation-list .toolbar-action-list {
  border-color: #14272e;
}
.subsection .operation-list ul#actionlist {
  border: none;
}
.subsection .operation-list ul#actionlist .action-header span {
  color: currentColor;
}
body.dark .subsection .operation-list ul#actionlist .action-header span {
  color: #ffffff;
}
.subsection .operation-list ul#actionlist .action-header .toolbar .toolbar-group {
  color: currentColor;
}
body.dark .subsection .operation-list ul#actionlist .action-header .toolbar .toolbar-group {
  color: #ffffff;
}
.subsection .operation-list ul#actionlist .action-header .svg-icon svg {
  fill: currentColor;
}
body.dark .subsection .operation-list ul#actionlist .action-header .svg-icon svg {
  fill: #e6f0f4;
}
.subsection .operation-list ul#actionlist div[class^="act-"] {
  border: none;
}
.subsection #handler_detail .content table,
.subsection #publisher_detail .content table {
  background-color: #ffffff;
}
body.dark .subsection #handler_detail .content table,
body.dark .subsection #publisher_detail .content table {
  background-color: #14272e;
}
#handler_detail .tabs-content.subsection {
  overflow: visible;
}
.statuslabel,
.label {
  font-size: 0.6875rem;
  border-radius: 6px;
  padding: 0.25rem 0.5rem;
  min-width: 75px;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  width: auto;
  display: inline-block;
  position: relative;
  background-color: #e6f0f4;
  color: #202328;
}
body.dark .statuslabel,
body.dark .label {
  background-color: #888e90;
}
body.dark .statuslabel,
body.dark .label {
  color: #202328;
}
.statuslabel.round,
.label.round {
  border-radius: 1000px;
}
.statuslabel.itemstatus-current,
.label.itemstatus-current {
  font-weight: bold;
}
.statuslabel.alert,
.label.alert,
.statuslabel.itemstatus-red,
.label.itemstatus-red,
.statuslabel.itemstatus-failure,
.label.itemstatus-failure,
.statuslabel.itemstatus-fail,
.label.itemstatus-fail,
.statuslabel.itemstatus-error,
.label.itemstatus-error {
  background-color: #f44336;
}
body.dark .statuslabel.alert,
body.dark .label.alert,
body.dark .statuslabel.itemstatus-red,
body.dark .label.itemstatus-red,
body.dark .statuslabel.itemstatus-failure,
body.dark .label.itemstatus-failure,
body.dark .statuslabel.itemstatus-fail,
body.dark .label.itemstatus-fail,
body.dark .statuslabel.itemstatus-error,
body.dark .label.itemstatus-error {
  background-color: #e88573;
}
.statuslabel.success,
.label.success,
.statuslabel.itemstatus-green,
.label.itemstatus-green,
.statuslabel.itemstatus-success,
.label.itemstatus-success,
.statuslabel.itemstatus-done,
.label.itemstatus-done,
.statuslabel.itemstatus-current,
.label.itemstatus-current,
.statuslabel.itemstatus-completed,
.label.itemstatus-completed,
.statuslabel.itemstatus-pass,
.label.itemstatus-pass {
  background-color: #8bc34a;
}
body.dark .statuslabel.success,
body.dark .label.success,
body.dark .statuslabel.itemstatus-green,
body.dark .label.itemstatus-green,
body.dark .statuslabel.itemstatus-success,
body.dark .label.itemstatus-success,
body.dark .statuslabel.itemstatus-done,
body.dark .label.itemstatus-done,
body.dark .statuslabel.itemstatus-current,
body.dark .label.itemstatus-current,
body.dark .statuslabel.itemstatus-completed,
body.dark .label.itemstatus-completed,
body.dark .statuslabel.itemstatus-pass,
body.dark .label.itemstatus-pass {
  background-color: #78cf9d;
}
.statuslabel.info,
.label.info,
.statuslabel.itemstatus-blue,
.label.itemstatus-blue,
.statuslabel.itemstatus-pending,
.label.itemstatus-pending,
.statuslabel.itemstatus-staged,
.label.itemstatus-staged,
.statuslabel.itemstatus-submitted,
.label.itemstatus-submitted,
.statuslabel.itemstatus-processing,
.label.itemstatus-processing {
  background-color: #44d0e2;
}
body.dark .statuslabel.info,
body.dark .label.info,
body.dark .statuslabel.itemstatus-blue,
body.dark .label.itemstatus-blue,
body.dark .statuslabel.itemstatus-pending,
body.dark .label.itemstatus-pending,
body.dark .statuslabel.itemstatus-staged,
body.dark .label.itemstatus-staged,
body.dark .statuslabel.itemstatus-submitted,
body.dark .label.itemstatus-submitted,
body.dark .statuslabel.itemstatus-processing,
body.dark .label.itemstatus-processing {
  background-color: #73d0ee;
}
.statuslabel.warning,
.label.warning,
.statuslabel.itemstatus-yellow,
.label.itemstatus-yellow {
  background-color: #fed648;
}
body.dark .statuslabel.warning,
body.dark .label.warning,
body.dark .statuslabel.itemstatus-yellow,
body.dark .label.itemstatus-yellow {
  background-color: #fed648;
}
.statuslabel.secondary,
.label.secondary,
.statuslabel.itemstatus-,
.label.itemstatus-,
.statuslabel.itemstatus-null,
.label.itemstatus-null,
.statuslabel.itemstatus-undefined,
.label.itemstatus-undefined,
.statuslabel.itemstatus-none,
.label.itemstatus-none,
.statuslabel.itemstatus-canceled,
.label.itemstatus-canceled,
.statuslabel.itemstatus-cancelled,
.label.itemstatus-cancelled,
.statuslabel.itemstatus-untested,
.label.itemstatus-untested {
  background-color: #e6f0f4;
  color: #ffffff;
}
body.dark .statuslabel.secondary,
body.dark .label.secondary,
body.dark .statuslabel.itemstatus-,
body.dark .label.itemstatus-,
body.dark .statuslabel.itemstatus-null,
body.dark .label.itemstatus-null,
body.dark .statuslabel.itemstatus-undefined,
body.dark .label.itemstatus-undefined,
body.dark .statuslabel.itemstatus-none,
body.dark .label.itemstatus-none,
body.dark .statuslabel.itemstatus-canceled,
body.dark .label.itemstatus-canceled,
body.dark .statuslabel.itemstatus-cancelled,
body.dark .label.itemstatus-cancelled,
body.dark .statuslabel.itemstatus-untested,
body.dark .label.itemstatus-untested {
  background-color: #888e90;
}
table tr[class^='itemstatus-'] td:first-of-type,
.list-rows > div[class^='itemstatus-'] td:first-of-type {
  padding-left: 16px;
  position: relative;
}
table tr[class^='itemstatus-']:not(tr):first-child::before,
.list-rows > div[class^='itemstatus-']:not(tr):first-child::before,
table tr[class^='itemstatus-'] td:first-child::before,
.list-rows > div[class^='itemstatus-'] td:first-child::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 8px;
}
table tr[class$="-red"]:first-child::before,
.list-rows > div[class$="-red"]:first-child::before,
table tr[class$="-red"] td:first-child::before,
.list-rows > div[class$="-red"] td:first-child::before {
  background-color: #f44336;
}
body.dark table tr[class$="-red"]:first-child::before,
body.dark .list-rows > div[class$="-red"]:first-child::before,
body.dark table tr[class$="-red"] td:first-child::before,
body.dark .list-rows > div[class$="-red"] td:first-child::before {
  background-color: #e88573;
}
table tr[class$="-failure"]:first-child::before,
.list-rows > div[class$="-failure"]:first-child::before,
table tr[class$="-failure"] td:first-child::before,
.list-rows > div[class$="-failure"] td:first-child::before {
  background-color: #f44336;
}
body.dark table tr[class$="-failure"]:first-child::before,
body.dark .list-rows > div[class$="-failure"]:first-child::before,
body.dark table tr[class$="-failure"] td:first-child::before,
body.dark .list-rows > div[class$="-failure"] td:first-child::before {
  background-color: #e88573;
}
table tr[class$="-fail"]:first-child::before,
.list-rows > div[class$="-fail"]:first-child::before,
table tr[class$="-fail"] td:first-child::before,
.list-rows > div[class$="-fail"] td:first-child::before {
  background-color: #f44336;
}
body.dark table tr[class$="-fail"]:first-child::before,
body.dark .list-rows > div[class$="-fail"]:first-child::before,
body.dark table tr[class$="-fail"] td:first-child::before,
body.dark .list-rows > div[class$="-fail"] td:first-child::before {
  background-color: #e88573;
}
table tr[class$="-error"]:first-child::before,
.list-rows > div[class$="-error"]:first-child::before,
table tr[class$="-error"] td:first-child::before,
.list-rows > div[class$="-error"] td:first-child::before {
  background-color: #f44336;
}
body.dark table tr[class$="-error"]:first-child::before,
body.dark .list-rows > div[class$="-error"]:first-child::before,
body.dark table tr[class$="-error"] td:first-child::before,
body.dark .list-rows > div[class$="-error"] td:first-child::before {
  background-color: #e88573;
}
table tr[class$="-green"]:first-child::before,
.list-rows > div[class$="-green"]:first-child::before,
table tr[class$="-green"] td:first-child::before,
.list-rows > div[class$="-green"] td:first-child::before {
  background-color: #8bc34a;
}
body.dark table tr[class$="-green"]:first-child::before,
body.dark .list-rows > div[class$="-green"]:first-child::before,
body.dark table tr[class$="-green"] td:first-child::before,
body.dark .list-rows > div[class$="-green"] td:first-child::before {
  background-color: #78cf9d;
}
table tr[class$="-success"]:first-child::before,
.list-rows > div[class$="-success"]:first-child::before,
table tr[class$="-success"] td:first-child::before,
.list-rows > div[class$="-success"] td:first-child::before {
  background-color: #8bc34a;
}
body.dark table tr[class$="-success"]:first-child::before,
body.dark .list-rows > div[class$="-success"]:first-child::before,
body.dark table tr[class$="-success"] td:first-child::before,
body.dark .list-rows > div[class$="-success"] td:first-child::before {
  background-color: #78cf9d;
}
table tr[class$="-done"]:first-child::before,
.list-rows > div[class$="-done"]:first-child::before,
table tr[class$="-done"] td:first-child::before,
.list-rows > div[class$="-done"] td:first-child::before {
  background-color: #8bc34a;
}
body.dark table tr[class$="-done"]:first-child::before,
body.dark .list-rows > div[class$="-done"]:first-child::before,
body.dark table tr[class$="-done"] td:first-child::before,
body.dark .list-rows > div[class$="-done"] td:first-child::before {
  background-color: #78cf9d;
}
table tr[class$="-current"]:first-child::before,
.list-rows > div[class$="-current"]:first-child::before,
table tr[class$="-current"] td:first-child::before,
.list-rows > div[class$="-current"] td:first-child::before {
  background-color: #8bc34a;
}
body.dark table tr[class$="-current"]:first-child::before,
body.dark .list-rows > div[class$="-current"]:first-child::before,
body.dark table tr[class$="-current"] td:first-child::before,
body.dark .list-rows > div[class$="-current"] td:first-child::before {
  background-color: #78cf9d;
}
table tr[class$="-completed"]:first-child::before,
.list-rows > div[class$="-completed"]:first-child::before,
table tr[class$="-completed"] td:first-child::before,
.list-rows > div[class$="-completed"] td:first-child::before {
  background-color: #8bc34a;
}
body.dark table tr[class$="-completed"]:first-child::before,
body.dark .list-rows > div[class$="-completed"]:first-child::before,
body.dark table tr[class$="-completed"] td:first-child::before,
body.dark .list-rows > div[class$="-completed"] td:first-child::before {
  background-color: #78cf9d;
}
table tr[class$="-pass"]:first-child::before,
.list-rows > div[class$="-pass"]:first-child::before,
table tr[class$="-pass"] td:first-child::before,
.list-rows > div[class$="-pass"] td:first-child::before {
  background-color: #8bc34a;
}
body.dark table tr[class$="-pass"]:first-child::before,
body.dark .list-rows > div[class$="-pass"]:first-child::before,
body.dark table tr[class$="-pass"] td:first-child::before,
body.dark .list-rows > div[class$="-pass"] td:first-child::before {
  background-color: #78cf9d;
}
table tr[class$="-yellow"]:first-child::before,
.list-rows > div[class$="-yellow"]:first-child::before,
table tr[class$="-yellow"] td:first-child::before,
.list-rows > div[class$="-yellow"] td:first-child::before {
  background-color: #fed648;
}
body.dark table tr[class$="-yellow"]:first-child::before,
body.dark .list-rows > div[class$="-yellow"]:first-child::before,
body.dark table tr[class$="-yellow"] td:first-child::before,
body.dark .list-rows > div[class$="-yellow"] td:first-child::before {
  background-color: #fed648;
}
table tr[class$="-blue"]:first-child::before,
.list-rows > div[class$="-blue"]:first-child::before,
table tr[class$="-blue"] td:first-child::before,
.list-rows > div[class$="-blue"] td:first-child::before {
  background-color: #44d0e2;
}
body.dark table tr[class$="-blue"]:first-child::before,
body.dark .list-rows > div[class$="-blue"]:first-child::before,
body.dark table tr[class$="-blue"] td:first-child::before,
body.dark .list-rows > div[class$="-blue"] td:first-child::before {
  background-color: #73d0ee;
}
table tr[class$="-pending"]:first-child::before,
.list-rows > div[class$="-pending"]:first-child::before,
table tr[class$="-pending"] td:first-child::before,
.list-rows > div[class$="-pending"] td:first-child::before {
  background-color: #44d0e2;
}
body.dark table tr[class$="-pending"]:first-child::before,
body.dark .list-rows > div[class$="-pending"]:first-child::before,
body.dark table tr[class$="-pending"] td:first-child::before,
body.dark .list-rows > div[class$="-pending"] td:first-child::before {
  background-color: #73d0ee;
}
table tr[class$="-staged"]:first-child::before,
.list-rows > div[class$="-staged"]:first-child::before,
table tr[class$="-staged"] td:first-child::before,
.list-rows > div[class$="-staged"] td:first-child::before {
  background-color: #44d0e2;
}
body.dark table tr[class$="-staged"]:first-child::before,
body.dark .list-rows > div[class$="-staged"]:first-child::before,
body.dark table tr[class$="-staged"] td:first-child::before,
body.dark .list-rows > div[class$="-staged"] td:first-child::before {
  background-color: #73d0ee;
}
table tr[class$="-submitted"]:first-child::before,
.list-rows > div[class$="-submitted"]:first-child::before,
table tr[class$="-submitted"] td:first-child::before,
.list-rows > div[class$="-submitted"] td:first-child::before {
  background-color: #44d0e2;
}
body.dark table tr[class$="-submitted"]:first-child::before,
body.dark .list-rows > div[class$="-submitted"]:first-child::before,
body.dark table tr[class$="-submitted"] td:first-child::before,
body.dark .list-rows > div[class$="-submitted"] td:first-child::before {
  background-color: #73d0ee;
}
table tr[class$="-processing"]:first-child::before,
.list-rows > div[class$="-processing"]:first-child::before,
table tr[class$="-processing"] td:first-child::before,
.list-rows > div[class$="-processing"] td:first-child::before {
  background-color: #44d0e2;
}
body.dark table tr[class$="-processing"]:first-child::before,
body.dark .list-rows > div[class$="-processing"]:first-child::before,
body.dark table tr[class$="-processing"] td:first-child::before,
body.dark .list-rows > div[class$="-processing"] td:first-child::before {
  background-color: #73d0ee;
}
table tr[class$="-null"]:first-child::before,
.list-rows > div[class$="-null"]:first-child::before,
table tr[class$="-null"] td:first-child::before,
.list-rows > div[class$="-null"] td:first-child::before {
  background-color: #e6f0f4;
}
body.dark table tr[class$="-null"]:first-child::before,
body.dark .list-rows > div[class$="-null"]:first-child::before,
body.dark table tr[class$="-null"] td:first-child::before,
body.dark .list-rows > div[class$="-null"] td:first-child::before {
  background-color: #888e90;
}
table tr[class$="-undefined"]:first-child::before,
.list-rows > div[class$="-undefined"]:first-child::before,
table tr[class$="-undefined"] td:first-child::before,
.list-rows > div[class$="-undefined"] td:first-child::before {
  background-color: #e6f0f4;
}
body.dark table tr[class$="-undefined"]:first-child::before,
body.dark .list-rows > div[class$="-undefined"]:first-child::before,
body.dark table tr[class$="-undefined"] td:first-child::before,
body.dark .list-rows > div[class$="-undefined"] td:first-child::before {
  background-color: #888e90;
}
table tr[class$="-none"]:first-child::before,
.list-rows > div[class$="-none"]:first-child::before,
table tr[class$="-none"] td:first-child::before,
.list-rows > div[class$="-none"] td:first-child::before {
  background-color: #e6f0f4;
}
body.dark table tr[class$="-none"]:first-child::before,
body.dark .list-rows > div[class$="-none"]:first-child::before,
body.dark table tr[class$="-none"] td:first-child::before,
body.dark .list-rows > div[class$="-none"] td:first-child::before {
  background-color: #888e90;
}
table tr[class$="-canceled"]:first-child::before,
.list-rows > div[class$="-canceled"]:first-child::before,
table tr[class$="-canceled"] td:first-child::before,
.list-rows > div[class$="-canceled"] td:first-child::before {
  background-color: #e6f0f4;
}
body.dark table tr[class$="-canceled"]:first-child::before,
body.dark .list-rows > div[class$="-canceled"]:first-child::before,
body.dark table tr[class$="-canceled"] td:first-child::before,
body.dark .list-rows > div[class$="-canceled"] td:first-child::before {
  background-color: #888e90;
}
table tr[class$="-cancelled"]:first-child::before,
.list-rows > div[class$="-cancelled"]:first-child::before,
table tr[class$="-cancelled"] td:first-child::before,
.list-rows > div[class$="-cancelled"] td:first-child::before {
  background-color: #e6f0f4;
}
body.dark table tr[class$="-cancelled"]:first-child::before,
body.dark .list-rows > div[class$="-cancelled"]:first-child::before,
body.dark table tr[class$="-cancelled"] td:first-child::before,
body.dark .list-rows > div[class$="-cancelled"] td:first-child::before {
  background-color: #888e90;
}
table tr[class$="-untested"]:first-child::before,
.list-rows > div[class$="-untested"]:first-child::before,
table tr[class$="-untested"] td:first-child::before,
.list-rows > div[class$="-untested"] td:first-child::before {
  background-color: #e6f0f4;
}
body.dark table tr[class$="-untested"]:first-child::before,
body.dark .list-rows > div[class$="-untested"]:first-child::before,
body.dark table tr[class$="-untested"] td:first-child::before,
body.dark .list-rows > div[class$="-untested"] td:first-child::before {
  background-color: #888e90;
}
table tr.itemstatus-:first-child::before,
.list-rows > div.itemstatus-:first-child::before,
table tr.itemstatus- td:first-child::before,
.list-rows > div.itemstatus- td:first-child::before {
  background-color: #e6f0f4;
}
body.dark table tr.itemstatus-:first-child::before,
body.dark .list-rows > div.itemstatus-:first-child::before,
body.dark table tr.itemstatus- td:first-child::before,
body.dark .list-rows > div.itemstatus- td:first-child::before {
  background-color: #888e90;
}
table tr[class$="-current"],
.list-rows > div[class$="-current"] {
  font-weight: bold;
}
@-webkit-keyframes pulsate {
  0% {
    opacity: 0.25;
  }
  20% {
    opacity: 0.4;
  }
  30% {
    opacity: 0.6;
  }
  40% {
    opacity: 0.8;
  }
  50% {
    opacity: 1;
  }
  60% {
    opacity: 0.8;
  }
  70% {
    opacity: 0.6;
  }
  80% {
    opacity: 0.4;
  }
  100% {
    opacity: 0.25;
  }
}
.statusicon-red,
.statusicon-failure,
.statusicon-fail,
.statusicon-error {
  font-size: 2em;
  color: #f44336;
}
body.dark .statusicon-red,
body.dark .statusicon-failure,
body.dark .statusicon-fail,
body.dark .statusicon-error {
  color: #e88573;
}
.statusicon-red .svg-icon svg,
.statusicon-failure .svg-icon svg,
.statusicon-fail .svg-icon svg,
.statusicon-error .svg-icon svg {
  fill: #f44336;
}
body.dark .statusicon-red .svg-icon svg,
body.dark .statusicon-failure .svg-icon svg,
body.dark .statusicon-fail .svg-icon svg,
body.dark .statusicon-error .svg-icon svg {
  fill: #e88573;
}
.statusicon-green,
.statusicon-success,
.statusicon-done,
.statusicon-completed,
.statusicon-pass {
  font-size: 2em;
  color: #8bc34a;
}
body.dark .statusicon-green,
body.dark .statusicon-success,
body.dark .statusicon-done,
body.dark .statusicon-completed,
body.dark .statusicon-pass {
  color: #78cf9d;
}
.statusicon-green .svg-icon svg,
.statusicon-success .svg-icon svg,
.statusicon-done .svg-icon svg,
.statusicon-completed .svg-icon svg,
.statusicon-pass .svg-icon svg {
  fill: #8bc34a;
}
body.dark .statusicon-green .svg-icon svg,
body.dark .statusicon-success .svg-icon svg,
body.dark .statusicon-done .svg-icon svg,
body.dark .statusicon-completed .svg-icon svg,
body.dark .statusicon-pass .svg-icon svg {
  fill: #78cf9d;
}
.statusicon-overridden,
.statusicon-undefined,
.statusicon-untested {
  font-size: 2em;
  color: #e6f0f4;
}
body.dark .statusicon-overridden,
body.dark .statusicon-undefined,
body.dark .statusicon-untested {
  color: #888e90;
}
.statusicon-overridden .svg-icon svg,
.statusicon-undefined .svg-icon svg,
.statusicon-untested .svg-icon svg {
  fill: #e6f0f4;
}
body.dark .statusicon-overridden .svg-icon svg,
body.dark .statusicon-undefined .svg-icon svg,
body.dark .statusicon-untested .svg-icon svg {
  fill: #888e90;
}
.statusicon-processing {
  font-size: 2em;
  color: #44d0e2;
}
body.dark .statusicon-processing {
  color: #73d0ee;
}
.statusicon-processing .svg-icon svg {
  fill: #44d0e2;
}
body.dark .statusicon-processing .svg-icon svg {
  fill: #73d0ee;
}
.statusicon-deferred {
  font-size: 2em;
  color: #005293;
}
.statusicon-deferred .svg-icon svg {
  fill: #005293;
}
.infinite-scroll {
  margin: 10px;
  border-radius: 6px;
  line-height: 1em;
  transition: background 0.4s linear;
}
.infinite-scroll .loading-container {
  justify-content: center;
  display: flex;
  align-items: center;
}
.infinite-scroll .loading-container .loading-label {
  padding-top: 20px;
  font-style: italic;
  color: #61666e;
}
.infinite-scroll .loading-container .loading-icon {
  display: flex;
  justify-content: space-around;
  height: 85px;
  width: 85px;
  padding-top: 20px;
}
.infinite-scroll .list-rows {
  border-bottom: 1px solid transparent;
  border-color: rgba(67, 128, 152, 0.3);
  background-color: inherit;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
  z-index: 0;
  width: 100%;
  color: currentColor;
}
body.dark .infinite-scroll .list-rows {
  color: #e6f0f4;
}
.infinite-scroll .list-rows > div {
  width: 100%;
  border-bottom: none;
}
.infinite-scroll .list-rows > div.table-row {
  border-bottom: none;
}
.infinite-scroll .list-rows.list-header-rows {
  font-weight: 700;
  border-bottom: 2px solid transparent;
  border-bottom-color: rgba(67, 128, 152, 0.3);
}
.infinite-scroll .list-rows.list-header-rows.sticky {
  position: fixed;
  width: calc(100% - 122px);
  top: 112px;
  z-index: 10;
  border-bottom-color: rgba(67, 128, 152, 0.3);
  background: #ffffff;
}
body.dark .infinite-scroll .list-rows.list-header-rows.sticky {
  background: #14272e;
}
.infinite-scroll .list-rows:hover:not(.list-header-rows) {
  box-shadow: 0 0 7px 0 rgba(67, 128, 152, 0.5);
  border-color: rgba(67, 128, 152, 0.8);
  outline-color: rgba(67, 128, 152, 0.8);
  z-index: 1;
  opacity: 1;
}
.infinite-scroll .list-rows:hover:not(.list-header-rows) i {
  opacity: 1;
}
.infinite-scroll .list-rows:focus:not(.list-header-rows) {
  box-shadow: 0 0 7px 0 rgba(29, 170, 189, 0.5);
  border-color: rgba(29, 170, 189, 0.8);
  outline-color: rgba(29, 170, 189, 0.8);
  z-index: 1;
  opacity: 1;
}
.infinite-scroll .list-rows:focus:not(.list-header-rows) i {
  opacity: 1;
}
.infinite-scroll.users-to-add-list .list-rows {
  overflow: visible;
}
body.dark .infinite-scroll {
  background: #14272e;
}
.grid-top-row {
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
}
label .infinite-scroll .list-rows {
  height: 3rem !important;
}
label .infinite-scroll .list-rows:last-child {
  border-bottom: none;
}
label .infinite-scroll .cell:last-child {
  text-align: center;
}
label .infinite-scroll .Select {
  margin: 0;
}
label .infinite-scroll > span:first-child {
  display: none;
}
.interact_dialog_button {
  margin-top: 10px;
  margin-right: 10px;
}
input[type=button],
button:not(.dot-icon-btn),
.button {
  padding: 0 1em;
  font-size: 0.75rem;
  display: inline-block;
  border-radius: 16px;
  border: 0;
  font-size: 0.685rem;
  transition: 0.5s all linear;
  white-space: nowrap;
  letter-spacing: 0.03em;
  height: 28px;
  line-height: 28px;
  cursor: pointer;
  background-color: #ffffff;
  color: #474c54;
  background-color: #79B522;
  color: #ffffff;
}
input[type=button] a,
button:not(.dot-icon-btn) a,
.button a {
  display: inline-block;
  height: 100%;
}
input[type=button] button:nth-of-type(1),
button:not(.dot-icon-btn) button:nth-of-type(1),
.button button:nth-of-type(1),
input[type=button] a:nth-of-type(1),
button:not(.dot-icon-btn) a:nth-of-type(1),
.button a:nth-of-type(1) {
  padding-left: 0.75em;
}
input[type=button] button:nth-of-type(2),
button:not(.dot-icon-btn) button:nth-of-type(2),
.button button:nth-of-type(2),
input[type=button] a:nth-of-type(2),
button:not(.dot-icon-btn) a:nth-of-type(2),
.button a:nth-of-type(2) {
  vertical-align: top;
  padding-left: 0;
  padding-right: 0.75em;
}
input[type=button] button:only-child,
button:not(.dot-icon-btn) button:only-child,
.button button:only-child,
input[type=button] a:only-child,
button:not(.dot-icon-btn) a:only-child,
.button a:only-child {
  padding: 0 0.75em;
}
ainput[type=button],
abutton:not(.dot-icon-btn),
a.button,
buttoninput[type=button],
buttonbutton:not(.dot-icon-btn),
button.button,
labelinput[type=button],
labelbutton:not(.dot-icon-btn),
label.button {
  padding: 0 1em;
}
ainput[type=button],
abutton:not(.dot-icon-btn),
a.button,
buttoninput[type=button],
buttonbutton:not(.dot-icon-btn),
button.button {
  margin: 0.2em;
}
body.dark input[type=button],
body.dark button:not(.dot-icon-btn),
body.dark .button {
  background-color: #2e3137;
}
body.dark input[type=button],
body.dark button:not(.dot-icon-btn),
body.dark .button {
  color: #ffffff;
}
input[type=button]:hover,
button:not(.dot-icon-btn):hover,
.button:hover {
  text-decoration: none;
  background-color: #474c54;
  color: #ffffff;
}
body.dark input[type=button]:hover,
body.dark button:not(.dot-icon-btn):hover,
body.dark .button:hover {
  background-color: #474c54;
}
body.dark input[type=button]:hover,
body.dark button:not(.dot-icon-btn):hover,
body.dark .button:hover {
  color: #ffffff;
}
input[type=button]:hover a,
button:not(.dot-icon-btn):hover a,
.button:hover a {
  color: #474c54;
}
body.dark input[type=button]:hover a,
body.dark button:not(.dot-icon-btn):hover a,
body.dark .button:hover a {
  color: #ffffff;
}
input[type=button]:hover .svg-icon svg,
button:not(.dot-icon-btn):hover .svg-icon svg,
.button:hover .svg-icon svg {
  fill: #ffffff;
}
body.dark input[type=button]:hover .svg-icon svg,
body.dark button:not(.dot-icon-btn):hover .svg-icon svg,
body.dark .button:hover .svg-icon svg {
  fill: #ffffff;
}
input[type=button].disabled,
button:not(.dot-icon-btn).disabled,
.button.disabled,
input[type=button][disabled],
button:not(.dot-icon-btn)[disabled],
.button[disabled] {
  box-shadow: none !important;
  text-shadow: none;
  background: #e4e5e5;
  border-color: rgba(67, 128, 152, 0.3);
  color: #767b7e;
}
body.dark input[type=button].disabled,
body.dark button:not(.dot-icon-btn).disabled,
body.dark .button.disabled,
body.dark input[type=button][disabled],
body.dark button:not(.dot-icon-btn)[disabled],
body.dark .button[disabled] {
  background: #244451;
}
body.dark input[type=button].disabled,
body.dark button:not(.dot-icon-btn).disabled,
body.dark .button.disabled,
body.dark input[type=button][disabled],
body.dark button:not(.dot-icon-btn)[disabled],
body.dark .button[disabled] {
  border-color: transparent;
}
body.dark input[type=button].disabled,
body.dark button:not(.dot-icon-btn).disabled,
body.dark .button.disabled,
body.dark input[type=button][disabled],
body.dark button:not(.dot-icon-btn)[disabled],
body.dark .button[disabled] {
  color: #589bb6;
}
input[type=button].disabled:focus,
button:not(.dot-icon-btn).disabled:focus,
.button.disabled:focus,
input[type=button][disabled]:focus,
button:not(.dot-icon-btn)[disabled]:focus,
.button[disabled]:focus {
  outline: none;
}
input[type=button].disabled:hover,
button:not(.dot-icon-btn).disabled:hover,
.button.disabled:hover,
input[type=button][disabled]:hover,
button:not(.dot-icon-btn)[disabled]:hover,
.button[disabled]:hover {
  box-shadow: none !important;
  text-shadow: none;
  background: #e4e5e5;
  color: #767b7e;
}
body.dark input[type=button].disabled:hover,
body.dark button:not(.dot-icon-btn).disabled:hover,
body.dark .button.disabled:hover,
body.dark input[type=button][disabled]:hover,
body.dark button:not(.dot-icon-btn)[disabled]:hover,
body.dark .button[disabled]:hover {
  background: #244451;
}
body.dark input[type=button].disabled:hover,
body.dark button:not(.dot-icon-btn).disabled:hover,
body.dark .button.disabled:hover,
body.dark input[type=button][disabled]:hover,
body.dark button:not(.dot-icon-btn)[disabled]:hover,
body.dark .button[disabled]:hover {
  color: #589bb6;
}
input[type=button].disabled:hover .svg-icon svg,
button:not(.dot-icon-btn).disabled:hover .svg-icon svg,
.button.disabled:hover .svg-icon svg,
input[type=button][disabled]:hover .svg-icon svg,
button:not(.dot-icon-btn)[disabled]:hover .svg-icon svg,
.button[disabled]:hover .svg-icon svg {
  fill: #767b7e;
}
body.dark input[type=button].disabled:hover .svg-icon svg,
body.dark button:not(.dot-icon-btn).disabled:hover .svg-icon svg,
body.dark .button.disabled:hover .svg-icon svg,
body.dark input[type=button][disabled]:hover .svg-icon svg,
body.dark button:not(.dot-icon-btn)[disabled]:hover .svg-icon svg,
body.dark .button[disabled]:hover .svg-icon svg {
  fill: #589bb6;
}
input[type=button]:focus,
button:not(.dot-icon-btn):focus,
.button:focus {
  outline: none;
}
body.dark input[type=button],
body.dark button:not(.dot-icon-btn),
body.dark .button {
  background-color: #79B522;
}
body.dark input[type=button],
body.dark button:not(.dot-icon-btn),
body.dark .button {
  color: #ffffff;
}
input[type=button]:hover,
button:not(.dot-icon-btn):hover,
.button:hover {
  text-decoration: none;
  background-color: #5c8a1a;
  color: #ffffff;
}
body.dark input[type=button]:hover,
body.dark button:not(.dot-icon-btn):hover,
body.dark .button:hover {
  background-color: #5c8a1a;
}
body.dark input[type=button]:hover,
body.dark button:not(.dot-icon-btn):hover,
body.dark .button:hover {
  color: #ffffff;
}
input[type=button]:hover a,
button:not(.dot-icon-btn):hover a,
.button:hover a {
  color: #ffffff;
}
body.dark input[type=button]:hover a,
body.dark button:not(.dot-icon-btn):hover a,
body.dark .button:hover a {
  color: #ffffff;
}
input[type=button]:hover .svg-icon svg,
button:not(.dot-icon-btn):hover .svg-icon svg,
.button:hover .svg-icon svg {
  fill: #ffffff;
}
body.dark input[type=button]:hover .svg-icon svg,
body.dark button:not(.dot-icon-btn):hover .svg-icon svg,
body.dark .button:hover .svg-icon svg {
  fill: #ffffff;
}
input[type=button] a,
button:not(.dot-icon-btn) a,
.button a {
  color: #ffffff;
}
body.dark input[type=button] a,
body.dark button:not(.dot-icon-btn) a,
body.dark .button a {
  color: #ffffff;
}
input[type=button] a:hover,
button:not(.dot-icon-btn) a:hover,
.button a:hover {
  color: #ffffff;
}
body.dark input[type=button] a:hover,
body.dark button:not(.dot-icon-btn) a:hover,
body.dark .button a:hover {
  color: #ffffff;
}
input[type=button]:focus,
button:not(.dot-icon-btn):focus,
.button:focus {
  outline: none;
}
input[type=button]:focus,
button:not(.dot-icon-btn):focus,
.button:focus {
  font-size: 0.75rem;
  display: inline-block;
  border-radius: 16px;
  border: 0;
  font-size: 0.685rem;
  transition: 0.5s all linear;
  white-space: nowrap;
  letter-spacing: 0.03em;
  height: 28px;
  line-height: 28px;
  cursor: pointer;
  background-color: #ffffff;
  color: #474c54;
  background-color: #79B522;
  color: #ffffff;
}
input[type=button]:focus a,
button:not(.dot-icon-btn):focus a,
.button:focus a {
  display: inline-block;
  height: 100%;
}
input[type=button]:focus button:nth-of-type(1),
button:not(.dot-icon-btn):focus button:nth-of-type(1),
.button:focus button:nth-of-type(1),
input[type=button]:focus a:nth-of-type(1),
button:not(.dot-icon-btn):focus a:nth-of-type(1),
.button:focus a:nth-of-type(1) {
  padding-left: 0.75em;
}
input[type=button]:focus button:nth-of-type(2),
button:not(.dot-icon-btn):focus button:nth-of-type(2),
.button:focus button:nth-of-type(2),
input[type=button]:focus a:nth-of-type(2),
button:not(.dot-icon-btn):focus a:nth-of-type(2),
.button:focus a:nth-of-type(2) {
  vertical-align: top;
  padding-left: 0;
  padding-right: 0.75em;
}
input[type=button]:focus button:only-child,
button:not(.dot-icon-btn):focus button:only-child,
.button:focus button:only-child,
input[type=button]:focus a:only-child,
button:not(.dot-icon-btn):focus a:only-child,
.button:focus a:only-child {
  padding: 0 0.75em;
}
ainput[type=button]:focus,
abutton:not(.dot-icon-btn):focus,
a.button:focus,
buttoninput[type=button]:focus,
buttonbutton:not(.dot-icon-btn):focus,
button.button:focus,
labelinput[type=button]:focus,
labelbutton:not(.dot-icon-btn):focus,
label.button:focus {
  padding: 0 1em;
}
ainput[type=button]:focus,
abutton:not(.dot-icon-btn):focus,
a.button:focus,
buttoninput[type=button]:focus,
buttonbutton:not(.dot-icon-btn):focus,
button.button:focus {
  margin: 0.2em;
}
body.dark input[type=button]:focus,
body.dark button:not(.dot-icon-btn):focus,
body.dark .button:focus {
  background-color: #2e3137;
}
body.dark input[type=button]:focus,
body.dark button:not(.dot-icon-btn):focus,
body.dark .button:focus {
  color: #ffffff;
}
input[type=button]:focus:hover,
button:not(.dot-icon-btn):focus:hover,
.button:focus:hover {
  text-decoration: none;
  background-color: #474c54;
  color: #ffffff;
}
body.dark input[type=button]:focus:hover,
body.dark button:not(.dot-icon-btn):focus:hover,
body.dark .button:focus:hover {
  background-color: #474c54;
}
body.dark input[type=button]:focus:hover,
body.dark button:not(.dot-icon-btn):focus:hover,
body.dark .button:focus:hover {
  color: #ffffff;
}
input[type=button]:focus:hover a,
button:not(.dot-icon-btn):focus:hover a,
.button:focus:hover a {
  color: #474c54;
}
body.dark input[type=button]:focus:hover a,
body.dark button:not(.dot-icon-btn):focus:hover a,
body.dark .button:focus:hover a {
  color: #ffffff;
}
input[type=button]:focus:hover .svg-icon svg,
button:not(.dot-icon-btn):focus:hover .svg-icon svg,
.button:focus:hover .svg-icon svg {
  fill: #ffffff;
}
body.dark input[type=button]:focus:hover .svg-icon svg,
body.dark button:not(.dot-icon-btn):focus:hover .svg-icon svg,
body.dark .button:focus:hover .svg-icon svg {
  fill: #ffffff;
}
input[type=button]:focus.disabled,
button:not(.dot-icon-btn):focus.disabled,
.button:focus.disabled,
input[type=button]:focus[disabled],
button:not(.dot-icon-btn):focus[disabled],
.button:focus[disabled] {
  box-shadow: none !important;
  text-shadow: none;
  background: #e4e5e5;
  border-color: rgba(67, 128, 152, 0.3);
  color: #767b7e;
}
body.dark input[type=button]:focus.disabled,
body.dark button:not(.dot-icon-btn):focus.disabled,
body.dark .button:focus.disabled,
body.dark input[type=button]:focus[disabled],
body.dark button:not(.dot-icon-btn):focus[disabled],
body.dark .button:focus[disabled] {
  background: #244451;
}
body.dark input[type=button]:focus.disabled,
body.dark button:not(.dot-icon-btn):focus.disabled,
body.dark .button:focus.disabled,
body.dark input[type=button]:focus[disabled],
body.dark button:not(.dot-icon-btn):focus[disabled],
body.dark .button:focus[disabled] {
  border-color: transparent;
}
body.dark input[type=button]:focus.disabled,
body.dark button:not(.dot-icon-btn):focus.disabled,
body.dark .button:focus.disabled,
body.dark input[type=button]:focus[disabled],
body.dark button:not(.dot-icon-btn):focus[disabled],
body.dark .button:focus[disabled] {
  color: #589bb6;
}
input[type=button]:focus.disabled:focus,
button:not(.dot-icon-btn):focus.disabled:focus,
.button:focus.disabled:focus,
input[type=button]:focus[disabled]:focus,
button:not(.dot-icon-btn):focus[disabled]:focus,
.button:focus[disabled]:focus {
  outline: none;
}
input[type=button]:focus.disabled:hover,
button:not(.dot-icon-btn):focus.disabled:hover,
.button:focus.disabled:hover,
input[type=button]:focus[disabled]:hover,
button:not(.dot-icon-btn):focus[disabled]:hover,
.button:focus[disabled]:hover {
  box-shadow: none !important;
  text-shadow: none;
  background: #e4e5e5;
  color: #767b7e;
}
body.dark input[type=button]:focus.disabled:hover,
body.dark button:not(.dot-icon-btn):focus.disabled:hover,
body.dark .button:focus.disabled:hover,
body.dark input[type=button]:focus[disabled]:hover,
body.dark button:not(.dot-icon-btn):focus[disabled]:hover,
body.dark .button:focus[disabled]:hover {
  background: #244451;
}
body.dark input[type=button]:focus.disabled:hover,
body.dark button:not(.dot-icon-btn):focus.disabled:hover,
body.dark .button:focus.disabled:hover,
body.dark input[type=button]:focus[disabled]:hover,
body.dark button:not(.dot-icon-btn):focus[disabled]:hover,
body.dark .button:focus[disabled]:hover {
  color: #589bb6;
}
input[type=button]:focus.disabled:hover .svg-icon svg,
button:not(.dot-icon-btn):focus.disabled:hover .svg-icon svg,
.button:focus.disabled:hover .svg-icon svg,
input[type=button]:focus[disabled]:hover .svg-icon svg,
button:not(.dot-icon-btn):focus[disabled]:hover .svg-icon svg,
.button:focus[disabled]:hover .svg-icon svg {
  fill: #767b7e;
}
body.dark input[type=button]:focus.disabled:hover .svg-icon svg,
body.dark button:not(.dot-icon-btn):focus.disabled:hover .svg-icon svg,
body.dark .button:focus.disabled:hover .svg-icon svg,
body.dark input[type=button]:focus[disabled]:hover .svg-icon svg,
body.dark button:not(.dot-icon-btn):focus[disabled]:hover .svg-icon svg,
body.dark .button:focus[disabled]:hover .svg-icon svg {
  fill: #589bb6;
}
input[type=button]:focus:focus,
button:not(.dot-icon-btn):focus:focus,
.button:focus:focus {
  outline: none;
}
body.dark input[type=button]:focus,
body.dark button:not(.dot-icon-btn):focus,
body.dark .button:focus {
  background-color: #79B522;
}
body.dark input[type=button]:focus,
body.dark button:not(.dot-icon-btn):focus,
body.dark .button:focus {
  color: #ffffff;
}
input[type=button]:focus:hover,
button:not(.dot-icon-btn):focus:hover,
.button:focus:hover {
  text-decoration: none;
  background-color: #5c8a1a;
  color: #ffffff;
}
body.dark input[type=button]:focus:hover,
body.dark button:not(.dot-icon-btn):focus:hover,
body.dark .button:focus:hover {
  background-color: #5c8a1a;
}
body.dark input[type=button]:focus:hover,
body.dark button:not(.dot-icon-btn):focus:hover,
body.dark .button:focus:hover {
  color: #ffffff;
}
input[type=button]:focus:hover a,
button:not(.dot-icon-btn):focus:hover a,
.button:focus:hover a {
  color: #ffffff;
}
body.dark input[type=button]:focus:hover a,
body.dark button:not(.dot-icon-btn):focus:hover a,
body.dark .button:focus:hover a {
  color: #ffffff;
}
input[type=button]:focus:hover .svg-icon svg,
button:not(.dot-icon-btn):focus:hover .svg-icon svg,
.button:focus:hover .svg-icon svg {
  fill: #ffffff;
}
body.dark input[type=button]:focus:hover .svg-icon svg,
body.dark button:not(.dot-icon-btn):focus:hover .svg-icon svg,
body.dark .button:focus:hover .svg-icon svg {
  fill: #ffffff;
}
input[type=button]:focus a,
button:not(.dot-icon-btn):focus a,
.button:focus a {
  color: #ffffff;
}
body.dark input[type=button]:focus a,
body.dark button:not(.dot-icon-btn):focus a,
body.dark .button:focus a {
  color: #ffffff;
}
input[type=button]:focus a:hover,
button:not(.dot-icon-btn):focus a:hover,
.button:focus a:hover {
  color: #ffffff;
}
body.dark input[type=button]:focus a:hover,
body.dark button:not(.dot-icon-btn):focus a:hover,
body.dark .button:focus a:hover {
  color: #ffffff;
}
input[type=button]:focus:focus,
button:not(.dot-icon-btn):focus:focus,
.button:focus:focus {
  outline: none;
}
input[type=button].disabled,
button:not(.dot-icon-btn).disabled,
.button.disabled,
input[type=button][disabled],
button:not(.dot-icon-btn)[disabled],
.button[disabled] {
  box-shadow: none !important;
  text-shadow: none;
  background: #e4e5e5;
  border-color: rgba(67, 128, 152, 0.3);
  color: #767b7e;
}
body.dark input[type=button].disabled,
body.dark button:not(.dot-icon-btn).disabled,
body.dark .button.disabled,
body.dark input[type=button][disabled],
body.dark button:not(.dot-icon-btn)[disabled],
body.dark .button[disabled] {
  background: #244451;
}
body.dark input[type=button].disabled,
body.dark button:not(.dot-icon-btn).disabled,
body.dark .button.disabled,
body.dark input[type=button][disabled],
body.dark button:not(.dot-icon-btn)[disabled],
body.dark .button[disabled] {
  border-color: transparent;
}
body.dark input[type=button].disabled,
body.dark button:not(.dot-icon-btn).disabled,
body.dark .button.disabled,
body.dark input[type=button][disabled],
body.dark button:not(.dot-icon-btn)[disabled],
body.dark .button[disabled] {
  color: #589bb6;
}
input[type=button].disabled:focus,
button:not(.dot-icon-btn).disabled:focus,
.button.disabled:focus,
input[type=button][disabled]:focus,
button:not(.dot-icon-btn)[disabled]:focus,
.button[disabled]:focus {
  outline: none;
}
input[type=button].disabled:hover,
button:not(.dot-icon-btn).disabled:hover,
.button.disabled:hover,
input[type=button][disabled]:hover,
button:not(.dot-icon-btn)[disabled]:hover,
.button[disabled]:hover {
  box-shadow: none !important;
  text-shadow: none;
  background: #e4e5e5;
  color: #767b7e;
}
body.dark input[type=button].disabled:hover,
body.dark button:not(.dot-icon-btn).disabled:hover,
body.dark .button.disabled:hover,
body.dark input[type=button][disabled]:hover,
body.dark button:not(.dot-icon-btn)[disabled]:hover,
body.dark .button[disabled]:hover {
  background: #244451;
}
body.dark input[type=button].disabled:hover,
body.dark button:not(.dot-icon-btn).disabled:hover,
body.dark .button.disabled:hover,
body.dark input[type=button][disabled]:hover,
body.dark button:not(.dot-icon-btn)[disabled]:hover,
body.dark .button[disabled]:hover {
  color: #589bb6;
}
input[type=button].disabled:hover .svg-icon svg,
button:not(.dot-icon-btn).disabled:hover .svg-icon svg,
.button.disabled:hover .svg-icon svg,
input[type=button][disabled]:hover .svg-icon svg,
button:not(.dot-icon-btn)[disabled]:hover .svg-icon svg,
.button[disabled]:hover .svg-icon svg {
  fill: #767b7e;
}
body.dark input[type=button].disabled:hover .svg-icon svg,
body.dark button:not(.dot-icon-btn).disabled:hover .svg-icon svg,
body.dark .button.disabled:hover .svg-icon svg,
body.dark input[type=button][disabled]:hover .svg-icon svg,
body.dark button:not(.dot-icon-btn)[disabled]:hover .svg-icon svg,
body.dark .button[disabled]:hover .svg-icon svg {
  fill: #589bb6;
}
input[type=button].disabled:focus,
button:not(.dot-icon-btn).disabled:focus,
.button.disabled:focus,
input[type=button][disabled]:focus,
button:not(.dot-icon-btn)[disabled]:focus,
.button[disabled]:focus {
  box-shadow: none !important;
  text-shadow: none;
  background: #e4e5e5;
  border-color: rgba(67, 128, 152, 0.3);
  color: #767b7e;
}
body.dark input[type=button].disabled:focus,
body.dark button:not(.dot-icon-btn).disabled:focus,
body.dark .button.disabled:focus,
body.dark input[type=button][disabled]:focus,
body.dark button:not(.dot-icon-btn)[disabled]:focus,
body.dark .button[disabled]:focus {
  background: #244451;
}
body.dark input[type=button].disabled:focus,
body.dark button:not(.dot-icon-btn).disabled:focus,
body.dark .button.disabled:focus,
body.dark input[type=button][disabled]:focus,
body.dark button:not(.dot-icon-btn)[disabled]:focus,
body.dark .button[disabled]:focus {
  border-color: transparent;
}
body.dark input[type=button].disabled:focus,
body.dark button:not(.dot-icon-btn).disabled:focus,
body.dark .button.disabled:focus,
body.dark input[type=button][disabled]:focus,
body.dark button:not(.dot-icon-btn)[disabled]:focus,
body.dark .button[disabled]:focus {
  color: #589bb6;
}
input[type=button].disabled:focus:focus,
button:not(.dot-icon-btn).disabled:focus:focus,
.button.disabled:focus:focus,
input[type=button][disabled]:focus:focus,
button:not(.dot-icon-btn)[disabled]:focus:focus,
.button[disabled]:focus:focus {
  outline: none;
}
input[type=button].disabled:focus:hover,
button:not(.dot-icon-btn).disabled:focus:hover,
.button.disabled:focus:hover,
input[type=button][disabled]:focus:hover,
button:not(.dot-icon-btn)[disabled]:focus:hover,
.button[disabled]:focus:hover {
  box-shadow: none !important;
  text-shadow: none;
  background: #e4e5e5;
  color: #767b7e;
}
body.dark input[type=button].disabled:focus:hover,
body.dark button:not(.dot-icon-btn).disabled:focus:hover,
body.dark .button.disabled:focus:hover,
body.dark input[type=button][disabled]:focus:hover,
body.dark button:not(.dot-icon-btn)[disabled]:focus:hover,
body.dark .button[disabled]:focus:hover {
  background: #244451;
}
body.dark input[type=button].disabled:focus:hover,
body.dark button:not(.dot-icon-btn).disabled:focus:hover,
body.dark .button.disabled:focus:hover,
body.dark input[type=button][disabled]:focus:hover,
body.dark button:not(.dot-icon-btn)[disabled]:focus:hover,
body.dark .button[disabled]:focus:hover {
  color: #589bb6;
}
input[type=button].disabled:focus:hover .svg-icon svg,
button:not(.dot-icon-btn).disabled:focus:hover .svg-icon svg,
.button.disabled:focus:hover .svg-icon svg,
input[type=button][disabled]:focus:hover .svg-icon svg,
button:not(.dot-icon-btn)[disabled]:focus:hover .svg-icon svg,
.button[disabled]:focus:hover .svg-icon svg {
  fill: #767b7e;
}
body.dark input[type=button].disabled:focus:hover .svg-icon svg,
body.dark button:not(.dot-icon-btn).disabled:focus:hover .svg-icon svg,
body.dark .button.disabled:focus:hover .svg-icon svg,
body.dark input[type=button][disabled]:focus:hover .svg-icon svg,
body.dark button:not(.dot-icon-btn)[disabled]:focus:hover .svg-icon svg,
body.dark .button[disabled]:focus:hover .svg-icon svg {
  fill: #589bb6;
}
input[type=button].success,
button:not(.dot-icon-btn).success,
.button.success {
  background-color: #8bc34a;
}
input[type=button].success:hover,
button:not(.dot-icon-btn).success:hover,
.button.success:hover,
input[type=button].success:focus,
button:not(.dot-icon-btn).success:focus,
.button.success:focus {
  background-color: #71a436;
}
input[type=button].alert,
button:not(.dot-icon-btn).alert,
.button.alert {
  background-color: #f44336;
}
input[type=button].alert:hover,
button:not(.dot-icon-btn).alert:hover,
.button.alert:hover,
input[type=button].alert:focus,
button:not(.dot-icon-btn).alert:focus,
.button.alert:focus {
  background-color: #ea1c0d;
}
input[type=button].tiny .svg-icon svg,
button:not(.dot-icon-btn).tiny .svg-icon svg,
.button.tiny .svg-icon svg {
  top: 0;
}
input[type=button] .svg-icon svg,
button:not(.dot-icon-btn) .svg-icon svg,
.button .svg-icon svg {
  position: relative;
  top: 3px;
  fill: #244451;
}
body.dark input[type=button] .svg-icon svg,
body.dark button:not(.dot-icon-btn) .svg-icon svg,
body.dark .button .svg-icon svg {
  fill: #000000;
}
.standard-button,
.inline-button,
.basic-button,
.important-button,
.alt-button,
.basic-alt-button,
.special-button,
.disabled-button,
.create-button,
.edit-button,
.confirm-button,
.cancel-button,
.delete-button,
.config-button,
.grid-button,
.imab-button,
.toggle-button,
.filter-button {
  font-size: 0.75rem;
  display: inline-block;
  border-radius: 16px;
  border: 0;
  font-size: 0.685rem;
  transition: 0.5s all linear;
  white-space: nowrap;
  letter-spacing: 0.03em;
  height: 28px;
  line-height: 28px;
  cursor: pointer;
  background-color: #ffffff;
  color: #474c54;
  border: 1px solid transparent;
  border-color: rgba(67, 128, 152, 0.3);
}
.standard-button a,
.inline-button a,
.basic-button a,
.important-button a,
.alt-button a,
.basic-alt-button a,
.special-button a,
.disabled-button a,
.create-button a,
.edit-button a,
.confirm-button a,
.cancel-button a,
.delete-button a,
.config-button a,
.grid-button a,
.imab-button a,
.toggle-button a,
.filter-button a {
  display: inline-block;
  height: 100%;
}
.standard-button button:nth-of-type(1),
.inline-button button:nth-of-type(1),
.basic-button button:nth-of-type(1),
.important-button button:nth-of-type(1),
.alt-button button:nth-of-type(1),
.basic-alt-button button:nth-of-type(1),
.special-button button:nth-of-type(1),
.disabled-button button:nth-of-type(1),
.create-button button:nth-of-type(1),
.edit-button button:nth-of-type(1),
.confirm-button button:nth-of-type(1),
.cancel-button button:nth-of-type(1),
.delete-button button:nth-of-type(1),
.config-button button:nth-of-type(1),
.grid-button button:nth-of-type(1),
.imab-button button:nth-of-type(1),
.toggle-button button:nth-of-type(1),
.filter-button button:nth-of-type(1),
.standard-button a:nth-of-type(1),
.inline-button a:nth-of-type(1),
.basic-button a:nth-of-type(1),
.important-button a:nth-of-type(1),
.alt-button a:nth-of-type(1),
.basic-alt-button a:nth-of-type(1),
.special-button a:nth-of-type(1),
.disabled-button a:nth-of-type(1),
.create-button a:nth-of-type(1),
.edit-button a:nth-of-type(1),
.confirm-button a:nth-of-type(1),
.cancel-button a:nth-of-type(1),
.delete-button a:nth-of-type(1),
.config-button a:nth-of-type(1),
.grid-button a:nth-of-type(1),
.imab-button a:nth-of-type(1),
.toggle-button a:nth-of-type(1),
.filter-button a:nth-of-type(1) {
  padding-left: 0.75em;
}
.standard-button button:nth-of-type(2),
.inline-button button:nth-of-type(2),
.basic-button button:nth-of-type(2),
.important-button button:nth-of-type(2),
.alt-button button:nth-of-type(2),
.basic-alt-button button:nth-of-type(2),
.special-button button:nth-of-type(2),
.disabled-button button:nth-of-type(2),
.create-button button:nth-of-type(2),
.edit-button button:nth-of-type(2),
.confirm-button button:nth-of-type(2),
.cancel-button button:nth-of-type(2),
.delete-button button:nth-of-type(2),
.config-button button:nth-of-type(2),
.grid-button button:nth-of-type(2),
.imab-button button:nth-of-type(2),
.toggle-button button:nth-of-type(2),
.filter-button button:nth-of-type(2),
.standard-button a:nth-of-type(2),
.inline-button a:nth-of-type(2),
.basic-button a:nth-of-type(2),
.important-button a:nth-of-type(2),
.alt-button a:nth-of-type(2),
.basic-alt-button a:nth-of-type(2),
.special-button a:nth-of-type(2),
.disabled-button a:nth-of-type(2),
.create-button a:nth-of-type(2),
.edit-button a:nth-of-type(2),
.confirm-button a:nth-of-type(2),
.cancel-button a:nth-of-type(2),
.delete-button a:nth-of-type(2),
.config-button a:nth-of-type(2),
.grid-button a:nth-of-type(2),
.imab-button a:nth-of-type(2),
.toggle-button a:nth-of-type(2),
.filter-button a:nth-of-type(2) {
  vertical-align: top;
  padding-left: 0;
  padding-right: 0.75em;
}
.standard-button button:only-child,
.inline-button button:only-child,
.basic-button button:only-child,
.important-button button:only-child,
.alt-button button:only-child,
.basic-alt-button button:only-child,
.special-button button:only-child,
.disabled-button button:only-child,
.create-button button:only-child,
.edit-button button:only-child,
.confirm-button button:only-child,
.cancel-button button:only-child,
.delete-button button:only-child,
.config-button button:only-child,
.grid-button button:only-child,
.imab-button button:only-child,
.toggle-button button:only-child,
.filter-button button:only-child,
.standard-button a:only-child,
.inline-button a:only-child,
.basic-button a:only-child,
.important-button a:only-child,
.alt-button a:only-child,
.basic-alt-button a:only-child,
.special-button a:only-child,
.disabled-button a:only-child,
.create-button a:only-child,
.edit-button a:only-child,
.confirm-button a:only-child,
.cancel-button a:only-child,
.delete-button a:only-child,
.config-button a:only-child,
.grid-button a:only-child,
.imab-button a:only-child,
.toggle-button a:only-child,
.filter-button a:only-child {
  padding: 0 0.75em;
}
a.standard-button,
a.inline-button,
a.basic-button,
a.important-button,
a.alt-button,
a.basic-alt-button,
a.special-button,
a.disabled-button,
a.create-button,
a.edit-button,
a.confirm-button,
a.cancel-button,
a.delete-button,
a.config-button,
a.grid-button,
a.imab-button,
a.toggle-button,
a.filter-button,
button.standard-button,
button.inline-button,
button.basic-button,
button.important-button,
button.alt-button,
button.basic-alt-button,
button.special-button,
button.disabled-button,
button.create-button,
button.edit-button,
button.confirm-button,
button.cancel-button,
button.delete-button,
button.config-button,
button.grid-button,
button.imab-button,
button.toggle-button,
button.filter-button,
label.standard-button,
label.inline-button,
label.basic-button,
label.important-button,
label.alt-button,
label.basic-alt-button,
label.special-button,
label.disabled-button,
label.create-button,
label.edit-button,
label.confirm-button,
label.cancel-button,
label.delete-button,
label.config-button,
label.grid-button,
label.imab-button,
label.toggle-button,
label.filter-button {
  padding: 0 1em;
}
a.standard-button,
a.inline-button,
a.basic-button,
a.important-button,
a.alt-button,
a.basic-alt-button,
a.special-button,
a.disabled-button,
a.create-button,
a.edit-button,
a.confirm-button,
a.cancel-button,
a.delete-button,
a.config-button,
a.grid-button,
a.imab-button,
a.toggle-button,
a.filter-button,
button.standard-button,
button.inline-button,
button.basic-button,
button.important-button,
button.alt-button,
button.basic-alt-button,
button.special-button,
button.disabled-button,
button.create-button,
button.edit-button,
button.confirm-button,
button.cancel-button,
button.delete-button,
button.config-button,
button.grid-button,
button.imab-button,
button.toggle-button,
button.filter-button {
  margin: 0.2em;
}
body.dark .standard-button,
body.dark .inline-button,
body.dark .basic-button,
body.dark .important-button,
body.dark .alt-button,
body.dark .basic-alt-button,
body.dark .special-button,
body.dark .disabled-button,
body.dark .create-button,
body.dark .edit-button,
body.dark .confirm-button,
body.dark .cancel-button,
body.dark .delete-button,
body.dark .config-button,
body.dark .grid-button,
body.dark .imab-button,
body.dark .toggle-button,
body.dark .filter-button {
  background-color: #2e3137;
}
body.dark .standard-button,
body.dark .inline-button,
body.dark .basic-button,
body.dark .important-button,
body.dark .alt-button,
body.dark .basic-alt-button,
body.dark .special-button,
body.dark .disabled-button,
body.dark .create-button,
body.dark .edit-button,
body.dark .confirm-button,
body.dark .cancel-button,
body.dark .delete-button,
body.dark .config-button,
body.dark .grid-button,
body.dark .imab-button,
body.dark .toggle-button,
body.dark .filter-button {
  color: #ffffff;
}
.standard-button:hover,
.inline-button:hover,
.basic-button:hover,
.important-button:hover,
.alt-button:hover,
.basic-alt-button:hover,
.special-button:hover,
.disabled-button:hover,
.create-button:hover,
.edit-button:hover,
.confirm-button:hover,
.cancel-button:hover,
.delete-button:hover,
.config-button:hover,
.grid-button:hover,
.imab-button:hover,
.toggle-button:hover,
.filter-button:hover {
  text-decoration: none;
  background-color: #474c54;
  color: #ffffff;
}
body.dark .standard-button:hover,
body.dark .inline-button:hover,
body.dark .basic-button:hover,
body.dark .important-button:hover,
body.dark .alt-button:hover,
body.dark .basic-alt-button:hover,
body.dark .special-button:hover,
body.dark .disabled-button:hover,
body.dark .create-button:hover,
body.dark .edit-button:hover,
body.dark .confirm-button:hover,
body.dark .cancel-button:hover,
body.dark .delete-button:hover,
body.dark .config-button:hover,
body.dark .grid-button:hover,
body.dark .imab-button:hover,
body.dark .toggle-button:hover,
body.dark .filter-button:hover {
  background-color: #474c54;
}
body.dark .standard-button:hover,
body.dark .inline-button:hover,
body.dark .basic-button:hover,
body.dark .important-button:hover,
body.dark .alt-button:hover,
body.dark .basic-alt-button:hover,
body.dark .special-button:hover,
body.dark .disabled-button:hover,
body.dark .create-button:hover,
body.dark .edit-button:hover,
body.dark .confirm-button:hover,
body.dark .cancel-button:hover,
body.dark .delete-button:hover,
body.dark .config-button:hover,
body.dark .grid-button:hover,
body.dark .imab-button:hover,
body.dark .toggle-button:hover,
body.dark .filter-button:hover {
  color: #ffffff;
}
.standard-button:hover a,
.inline-button:hover a,
.basic-button:hover a,
.important-button:hover a,
.alt-button:hover a,
.basic-alt-button:hover a,
.special-button:hover a,
.disabled-button:hover a,
.create-button:hover a,
.edit-button:hover a,
.confirm-button:hover a,
.cancel-button:hover a,
.delete-button:hover a,
.config-button:hover a,
.grid-button:hover a,
.imab-button:hover a,
.toggle-button:hover a,
.filter-button:hover a {
  color: #474c54;
}
body.dark .standard-button:hover a,
body.dark .inline-button:hover a,
body.dark .basic-button:hover a,
body.dark .important-button:hover a,
body.dark .alt-button:hover a,
body.dark .basic-alt-button:hover a,
body.dark .special-button:hover a,
body.dark .disabled-button:hover a,
body.dark .create-button:hover a,
body.dark .edit-button:hover a,
body.dark .confirm-button:hover a,
body.dark .cancel-button:hover a,
body.dark .delete-button:hover a,
body.dark .config-button:hover a,
body.dark .grid-button:hover a,
body.dark .imab-button:hover a,
body.dark .toggle-button:hover a,
body.dark .filter-button:hover a {
  color: #ffffff;
}
.standard-button:hover .svg-icon svg,
.inline-button:hover .svg-icon svg,
.basic-button:hover .svg-icon svg,
.important-button:hover .svg-icon svg,
.alt-button:hover .svg-icon svg,
.basic-alt-button:hover .svg-icon svg,
.special-button:hover .svg-icon svg,
.disabled-button:hover .svg-icon svg,
.create-button:hover .svg-icon svg,
.edit-button:hover .svg-icon svg,
.confirm-button:hover .svg-icon svg,
.cancel-button:hover .svg-icon svg,
.delete-button:hover .svg-icon svg,
.config-button:hover .svg-icon svg,
.grid-button:hover .svg-icon svg,
.imab-button:hover .svg-icon svg,
.toggle-button:hover .svg-icon svg,
.filter-button:hover .svg-icon svg {
  fill: #ffffff;
}
body.dark .standard-button:hover .svg-icon svg,
body.dark .inline-button:hover .svg-icon svg,
body.dark .basic-button:hover .svg-icon svg,
body.dark .important-button:hover .svg-icon svg,
body.dark .alt-button:hover .svg-icon svg,
body.dark .basic-alt-button:hover .svg-icon svg,
body.dark .special-button:hover .svg-icon svg,
body.dark .disabled-button:hover .svg-icon svg,
body.dark .create-button:hover .svg-icon svg,
body.dark .edit-button:hover .svg-icon svg,
body.dark .confirm-button:hover .svg-icon svg,
body.dark .cancel-button:hover .svg-icon svg,
body.dark .delete-button:hover .svg-icon svg,
body.dark .config-button:hover .svg-icon svg,
body.dark .grid-button:hover .svg-icon svg,
body.dark .imab-button:hover .svg-icon svg,
body.dark .toggle-button:hover .svg-icon svg,
body.dark .filter-button:hover .svg-icon svg {
  fill: #ffffff;
}
.standard-button.disabled,
.inline-button.disabled,
.basic-button.disabled,
.important-button.disabled,
.alt-button.disabled,
.basic-alt-button.disabled,
.special-button.disabled,
.disabled-button.disabled,
.create-button.disabled,
.edit-button.disabled,
.confirm-button.disabled,
.cancel-button.disabled,
.delete-button.disabled,
.config-button.disabled,
.grid-button.disabled,
.imab-button.disabled,
.toggle-button.disabled,
.filter-button.disabled,
.standard-button[disabled],
.inline-button[disabled],
.basic-button[disabled],
.important-button[disabled],
.alt-button[disabled],
.basic-alt-button[disabled],
.special-button[disabled],
.disabled-button[disabled],
.create-button[disabled],
.edit-button[disabled],
.confirm-button[disabled],
.cancel-button[disabled],
.delete-button[disabled],
.config-button[disabled],
.grid-button[disabled],
.imab-button[disabled],
.toggle-button[disabled],
.filter-button[disabled] {
  box-shadow: none !important;
  text-shadow: none;
  background: #e4e5e5;
  border-color: rgba(67, 128, 152, 0.3);
  color: #767b7e;
}
body.dark .standard-button.disabled,
body.dark .inline-button.disabled,
body.dark .basic-button.disabled,
body.dark .important-button.disabled,
body.dark .alt-button.disabled,
body.dark .basic-alt-button.disabled,
body.dark .special-button.disabled,
body.dark .disabled-button.disabled,
body.dark .create-button.disabled,
body.dark .edit-button.disabled,
body.dark .confirm-button.disabled,
body.dark .cancel-button.disabled,
body.dark .delete-button.disabled,
body.dark .config-button.disabled,
body.dark .grid-button.disabled,
body.dark .imab-button.disabled,
body.dark .toggle-button.disabled,
body.dark .filter-button.disabled,
body.dark .standard-button[disabled],
body.dark .inline-button[disabled],
body.dark .basic-button[disabled],
body.dark .important-button[disabled],
body.dark .alt-button[disabled],
body.dark .basic-alt-button[disabled],
body.dark .special-button[disabled],
body.dark .disabled-button[disabled],
body.dark .create-button[disabled],
body.dark .edit-button[disabled],
body.dark .confirm-button[disabled],
body.dark .cancel-button[disabled],
body.dark .delete-button[disabled],
body.dark .config-button[disabled],
body.dark .grid-button[disabled],
body.dark .imab-button[disabled],
body.dark .toggle-button[disabled],
body.dark .filter-button[disabled] {
  background: #244451;
}
body.dark .standard-button.disabled,
body.dark .inline-button.disabled,
body.dark .basic-button.disabled,
body.dark .important-button.disabled,
body.dark .alt-button.disabled,
body.dark .basic-alt-button.disabled,
body.dark .special-button.disabled,
body.dark .disabled-button.disabled,
body.dark .create-button.disabled,
body.dark .edit-button.disabled,
body.dark .confirm-button.disabled,
body.dark .cancel-button.disabled,
body.dark .delete-button.disabled,
body.dark .config-button.disabled,
body.dark .grid-button.disabled,
body.dark .imab-button.disabled,
body.dark .toggle-button.disabled,
body.dark .filter-button.disabled,
body.dark .standard-button[disabled],
body.dark .inline-button[disabled],
body.dark .basic-button[disabled],
body.dark .important-button[disabled],
body.dark .alt-button[disabled],
body.dark .basic-alt-button[disabled],
body.dark .special-button[disabled],
body.dark .disabled-button[disabled],
body.dark .create-button[disabled],
body.dark .edit-button[disabled],
body.dark .confirm-button[disabled],
body.dark .cancel-button[disabled],
body.dark .delete-button[disabled],
body.dark .config-button[disabled],
body.dark .grid-button[disabled],
body.dark .imab-button[disabled],
body.dark .toggle-button[disabled],
body.dark .filter-button[disabled] {
  border-color: transparent;
}
body.dark .standard-button.disabled,
body.dark .inline-button.disabled,
body.dark .basic-button.disabled,
body.dark .important-button.disabled,
body.dark .alt-button.disabled,
body.dark .basic-alt-button.disabled,
body.dark .special-button.disabled,
body.dark .disabled-button.disabled,
body.dark .create-button.disabled,
body.dark .edit-button.disabled,
body.dark .confirm-button.disabled,
body.dark .cancel-button.disabled,
body.dark .delete-button.disabled,
body.dark .config-button.disabled,
body.dark .grid-button.disabled,
body.dark .imab-button.disabled,
body.dark .toggle-button.disabled,
body.dark .filter-button.disabled,
body.dark .standard-button[disabled],
body.dark .inline-button[disabled],
body.dark .basic-button[disabled],
body.dark .important-button[disabled],
body.dark .alt-button[disabled],
body.dark .basic-alt-button[disabled],
body.dark .special-button[disabled],
body.dark .disabled-button[disabled],
body.dark .create-button[disabled],
body.dark .edit-button[disabled],
body.dark .confirm-button[disabled],
body.dark .cancel-button[disabled],
body.dark .delete-button[disabled],
body.dark .config-button[disabled],
body.dark .grid-button[disabled],
body.dark .imab-button[disabled],
body.dark .toggle-button[disabled],
body.dark .filter-button[disabled] {
  color: #589bb6;
}
.standard-button.disabled:focus,
.inline-button.disabled:focus,
.basic-button.disabled:focus,
.important-button.disabled:focus,
.alt-button.disabled:focus,
.basic-alt-button.disabled:focus,
.special-button.disabled:focus,
.disabled-button.disabled:focus,
.create-button.disabled:focus,
.edit-button.disabled:focus,
.confirm-button.disabled:focus,
.cancel-button.disabled:focus,
.delete-button.disabled:focus,
.config-button.disabled:focus,
.grid-button.disabled:focus,
.imab-button.disabled:focus,
.toggle-button.disabled:focus,
.filter-button.disabled:focus,
.standard-button[disabled]:focus,
.inline-button[disabled]:focus,
.basic-button[disabled]:focus,
.important-button[disabled]:focus,
.alt-button[disabled]:focus,
.basic-alt-button[disabled]:focus,
.special-button[disabled]:focus,
.disabled-button[disabled]:focus,
.create-button[disabled]:focus,
.edit-button[disabled]:focus,
.confirm-button[disabled]:focus,
.cancel-button[disabled]:focus,
.delete-button[disabled]:focus,
.config-button[disabled]:focus,
.grid-button[disabled]:focus,
.imab-button[disabled]:focus,
.toggle-button[disabled]:focus,
.filter-button[disabled]:focus {
  outline: none;
}
.standard-button.disabled:hover,
.inline-button.disabled:hover,
.basic-button.disabled:hover,
.important-button.disabled:hover,
.alt-button.disabled:hover,
.basic-alt-button.disabled:hover,
.special-button.disabled:hover,
.disabled-button.disabled:hover,
.create-button.disabled:hover,
.edit-button.disabled:hover,
.confirm-button.disabled:hover,
.cancel-button.disabled:hover,
.delete-button.disabled:hover,
.config-button.disabled:hover,
.grid-button.disabled:hover,
.imab-button.disabled:hover,
.toggle-button.disabled:hover,
.filter-button.disabled:hover,
.standard-button[disabled]:hover,
.inline-button[disabled]:hover,
.basic-button[disabled]:hover,
.important-button[disabled]:hover,
.alt-button[disabled]:hover,
.basic-alt-button[disabled]:hover,
.special-button[disabled]:hover,
.disabled-button[disabled]:hover,
.create-button[disabled]:hover,
.edit-button[disabled]:hover,
.confirm-button[disabled]:hover,
.cancel-button[disabled]:hover,
.delete-button[disabled]:hover,
.config-button[disabled]:hover,
.grid-button[disabled]:hover,
.imab-button[disabled]:hover,
.toggle-button[disabled]:hover,
.filter-button[disabled]:hover {
  box-shadow: none !important;
  text-shadow: none;
  background: #e4e5e5;
  color: #767b7e;
}
body.dark .standard-button.disabled:hover,
body.dark .inline-button.disabled:hover,
body.dark .basic-button.disabled:hover,
body.dark .important-button.disabled:hover,
body.dark .alt-button.disabled:hover,
body.dark .basic-alt-button.disabled:hover,
body.dark .special-button.disabled:hover,
body.dark .disabled-button.disabled:hover,
body.dark .create-button.disabled:hover,
body.dark .edit-button.disabled:hover,
body.dark .confirm-button.disabled:hover,
body.dark .cancel-button.disabled:hover,
body.dark .delete-button.disabled:hover,
body.dark .config-button.disabled:hover,
body.dark .grid-button.disabled:hover,
body.dark .imab-button.disabled:hover,
body.dark .toggle-button.disabled:hover,
body.dark .filter-button.disabled:hover,
body.dark .standard-button[disabled]:hover,
body.dark .inline-button[disabled]:hover,
body.dark .basic-button[disabled]:hover,
body.dark .important-button[disabled]:hover,
body.dark .alt-button[disabled]:hover,
body.dark .basic-alt-button[disabled]:hover,
body.dark .special-button[disabled]:hover,
body.dark .disabled-button[disabled]:hover,
body.dark .create-button[disabled]:hover,
body.dark .edit-button[disabled]:hover,
body.dark .confirm-button[disabled]:hover,
body.dark .cancel-button[disabled]:hover,
body.dark .delete-button[disabled]:hover,
body.dark .config-button[disabled]:hover,
body.dark .grid-button[disabled]:hover,
body.dark .imab-button[disabled]:hover,
body.dark .toggle-button[disabled]:hover,
body.dark .filter-button[disabled]:hover {
  background: #244451;
}
body.dark .standard-button.disabled:hover,
body.dark .inline-button.disabled:hover,
body.dark .basic-button.disabled:hover,
body.dark .important-button.disabled:hover,
body.dark .alt-button.disabled:hover,
body.dark .basic-alt-button.disabled:hover,
body.dark .special-button.disabled:hover,
body.dark .disabled-button.disabled:hover,
body.dark .create-button.disabled:hover,
body.dark .edit-button.disabled:hover,
body.dark .confirm-button.disabled:hover,
body.dark .cancel-button.disabled:hover,
body.dark .delete-button.disabled:hover,
body.dark .config-button.disabled:hover,
body.dark .grid-button.disabled:hover,
body.dark .imab-button.disabled:hover,
body.dark .toggle-button.disabled:hover,
body.dark .filter-button.disabled:hover,
body.dark .standard-button[disabled]:hover,
body.dark .inline-button[disabled]:hover,
body.dark .basic-button[disabled]:hover,
body.dark .important-button[disabled]:hover,
body.dark .alt-button[disabled]:hover,
body.dark .basic-alt-button[disabled]:hover,
body.dark .special-button[disabled]:hover,
body.dark .disabled-button[disabled]:hover,
body.dark .create-button[disabled]:hover,
body.dark .edit-button[disabled]:hover,
body.dark .confirm-button[disabled]:hover,
body.dark .cancel-button[disabled]:hover,
body.dark .delete-button[disabled]:hover,
body.dark .config-button[disabled]:hover,
body.dark .grid-button[disabled]:hover,
body.dark .imab-button[disabled]:hover,
body.dark .toggle-button[disabled]:hover,
body.dark .filter-button[disabled]:hover {
  color: #589bb6;
}
.standard-button.disabled:hover .svg-icon svg,
.inline-button.disabled:hover .svg-icon svg,
.basic-button.disabled:hover .svg-icon svg,
.important-button.disabled:hover .svg-icon svg,
.alt-button.disabled:hover .svg-icon svg,
.basic-alt-button.disabled:hover .svg-icon svg,
.special-button.disabled:hover .svg-icon svg,
.disabled-button.disabled:hover .svg-icon svg,
.create-button.disabled:hover .svg-icon svg,
.edit-button.disabled:hover .svg-icon svg,
.confirm-button.disabled:hover .svg-icon svg,
.cancel-button.disabled:hover .svg-icon svg,
.delete-button.disabled:hover .svg-icon svg,
.config-button.disabled:hover .svg-icon svg,
.grid-button.disabled:hover .svg-icon svg,
.imab-button.disabled:hover .svg-icon svg,
.toggle-button.disabled:hover .svg-icon svg,
.filter-button.disabled:hover .svg-icon svg,
.standard-button[disabled]:hover .svg-icon svg,
.inline-button[disabled]:hover .svg-icon svg,
.basic-button[disabled]:hover .svg-icon svg,
.important-button[disabled]:hover .svg-icon svg,
.alt-button[disabled]:hover .svg-icon svg,
.basic-alt-button[disabled]:hover .svg-icon svg,
.special-button[disabled]:hover .svg-icon svg,
.disabled-button[disabled]:hover .svg-icon svg,
.create-button[disabled]:hover .svg-icon svg,
.edit-button[disabled]:hover .svg-icon svg,
.confirm-button[disabled]:hover .svg-icon svg,
.cancel-button[disabled]:hover .svg-icon svg,
.delete-button[disabled]:hover .svg-icon svg,
.config-button[disabled]:hover .svg-icon svg,
.grid-button[disabled]:hover .svg-icon svg,
.imab-button[disabled]:hover .svg-icon svg,
.toggle-button[disabled]:hover .svg-icon svg,
.filter-button[disabled]:hover .svg-icon svg {
  fill: #767b7e;
}
body.dark .standard-button.disabled:hover .svg-icon svg,
body.dark .inline-button.disabled:hover .svg-icon svg,
body.dark .basic-button.disabled:hover .svg-icon svg,
body.dark .important-button.disabled:hover .svg-icon svg,
body.dark .alt-button.disabled:hover .svg-icon svg,
body.dark .basic-alt-button.disabled:hover .svg-icon svg,
body.dark .special-button.disabled:hover .svg-icon svg,
body.dark .disabled-button.disabled:hover .svg-icon svg,
body.dark .create-button.disabled:hover .svg-icon svg,
body.dark .edit-button.disabled:hover .svg-icon svg,
body.dark .confirm-button.disabled:hover .svg-icon svg,
body.dark .cancel-button.disabled:hover .svg-icon svg,
body.dark .delete-button.disabled:hover .svg-icon svg,
body.dark .config-button.disabled:hover .svg-icon svg,
body.dark .grid-button.disabled:hover .svg-icon svg,
body.dark .imab-button.disabled:hover .svg-icon svg,
body.dark .toggle-button.disabled:hover .svg-icon svg,
body.dark .filter-button.disabled:hover .svg-icon svg,
body.dark .standard-button[disabled]:hover .svg-icon svg,
body.dark .inline-button[disabled]:hover .svg-icon svg,
body.dark .basic-button[disabled]:hover .svg-icon svg,
body.dark .important-button[disabled]:hover .svg-icon svg,
body.dark .alt-button[disabled]:hover .svg-icon svg,
body.dark .basic-alt-button[disabled]:hover .svg-icon svg,
body.dark .special-button[disabled]:hover .svg-icon svg,
body.dark .disabled-button[disabled]:hover .svg-icon svg,
body.dark .create-button[disabled]:hover .svg-icon svg,
body.dark .edit-button[disabled]:hover .svg-icon svg,
body.dark .confirm-button[disabled]:hover .svg-icon svg,
body.dark .cancel-button[disabled]:hover .svg-icon svg,
body.dark .delete-button[disabled]:hover .svg-icon svg,
body.dark .config-button[disabled]:hover .svg-icon svg,
body.dark .grid-button[disabled]:hover .svg-icon svg,
body.dark .imab-button[disabled]:hover .svg-icon svg,
body.dark .toggle-button[disabled]:hover .svg-icon svg,
body.dark .filter-button[disabled]:hover .svg-icon svg {
  fill: #589bb6;
}
.standard-button:focus,
.inline-button:focus,
.basic-button:focus,
.important-button:focus,
.alt-button:focus,
.basic-alt-button:focus,
.special-button:focus,
.disabled-button:focus,
.create-button:focus,
.edit-button:focus,
.confirm-button:focus,
.cancel-button:focus,
.delete-button:focus,
.config-button:focus,
.grid-button:focus,
.imab-button:focus,
.toggle-button:focus,
.filter-button:focus {
  outline: none;
}
body.dark .standard-button,
body.dark .inline-button,
body.dark .basic-button,
body.dark .important-button,
body.dark .alt-button,
body.dark .basic-alt-button,
body.dark .special-button,
body.dark .disabled-button,
body.dark .create-button,
body.dark .edit-button,
body.dark .confirm-button,
body.dark .cancel-button,
body.dark .delete-button,
body.dark .config-button,
body.dark .grid-button,
body.dark .imab-button,
body.dark .toggle-button,
body.dark .filter-button {
  border-color: rgba(67, 128, 152, 0.3);
}
.standard-button:hover,
.inline-button:hover,
.basic-button:hover,
.important-button:hover,
.alt-button:hover,
.basic-alt-button:hover,
.special-button:hover,
.disabled-button:hover,
.create-button:hover,
.edit-button:hover,
.confirm-button:hover,
.cancel-button:hover,
.delete-button:hover,
.config-button:hover,
.grid-button:hover,
.imab-button:hover,
.toggle-button:hover,
.filter-button:hover {
  box-shadow: none;
  border-color: transparent;
}
.standard-button.disabled,
.inline-button.disabled,
.basic-button.disabled,
.important-button.disabled,
.alt-button.disabled,
.basic-alt-button.disabled,
.special-button.disabled,
.disabled-button.disabled,
.create-button.disabled,
.edit-button.disabled,
.confirm-button.disabled,
.cancel-button.disabled,
.delete-button.disabled,
.config-button.disabled,
.grid-button.disabled,
.imab-button.disabled,
.toggle-button.disabled,
.filter-button.disabled {
  border-color: transparent;
}
.standard-button:focus,
.inline-button:focus,
.basic-button:focus,
.important-button:focus,
.alt-button:focus,
.basic-alt-button:focus,
.special-button:focus,
.disabled-button:focus,
.create-button:focus,
.edit-button:focus,
.confirm-button:focus,
.cancel-button:focus,
.delete-button:focus,
.config-button:focus,
.grid-button:focus,
.imab-button:focus,
.toggle-button:focus,
.filter-button:focus {
  font-size: 0.75rem;
  display: inline-block;
  border-radius: 16px;
  border: 0;
  font-size: 0.685rem;
  transition: 0.5s all linear;
  white-space: nowrap;
  letter-spacing: 0.03em;
  height: 28px;
  line-height: 28px;
  cursor: pointer;
  background-color: #ffffff;
  color: #474c54;
  border: 1px solid transparent;
  border-color: rgba(67, 128, 152, 0.3);
}
.standard-button:focus a,
.inline-button:focus a,
.basic-button:focus a,
.important-button:focus a,
.alt-button:focus a,
.basic-alt-button:focus a,
.special-button:focus a,
.disabled-button:focus a,
.create-button:focus a,
.edit-button:focus a,
.confirm-button:focus a,
.cancel-button:focus a,
.delete-button:focus a,
.config-button:focus a,
.grid-button:focus a,
.imab-button:focus a,
.toggle-button:focus a,
.filter-button:focus a {
  display: inline-block;
  height: 100%;
}
.standard-button:focus button:nth-of-type(1),
.inline-button:focus button:nth-of-type(1),
.basic-button:focus button:nth-of-type(1),
.important-button:focus button:nth-of-type(1),
.alt-button:focus button:nth-of-type(1),
.basic-alt-button:focus button:nth-of-type(1),
.special-button:focus button:nth-of-type(1),
.disabled-button:focus button:nth-of-type(1),
.create-button:focus button:nth-of-type(1),
.edit-button:focus button:nth-of-type(1),
.confirm-button:focus button:nth-of-type(1),
.cancel-button:focus button:nth-of-type(1),
.delete-button:focus button:nth-of-type(1),
.config-button:focus button:nth-of-type(1),
.grid-button:focus button:nth-of-type(1),
.imab-button:focus button:nth-of-type(1),
.toggle-button:focus button:nth-of-type(1),
.filter-button:focus button:nth-of-type(1),
.standard-button:focus a:nth-of-type(1),
.inline-button:focus a:nth-of-type(1),
.basic-button:focus a:nth-of-type(1),
.important-button:focus a:nth-of-type(1),
.alt-button:focus a:nth-of-type(1),
.basic-alt-button:focus a:nth-of-type(1),
.special-button:focus a:nth-of-type(1),
.disabled-button:focus a:nth-of-type(1),
.create-button:focus a:nth-of-type(1),
.edit-button:focus a:nth-of-type(1),
.confirm-button:focus a:nth-of-type(1),
.cancel-button:focus a:nth-of-type(1),
.delete-button:focus a:nth-of-type(1),
.config-button:focus a:nth-of-type(1),
.grid-button:focus a:nth-of-type(1),
.imab-button:focus a:nth-of-type(1),
.toggle-button:focus a:nth-of-type(1),
.filter-button:focus a:nth-of-type(1) {
  padding-left: 0.75em;
}
.standard-button:focus button:nth-of-type(2),
.inline-button:focus button:nth-of-type(2),
.basic-button:focus button:nth-of-type(2),
.important-button:focus button:nth-of-type(2),
.alt-button:focus button:nth-of-type(2),
.basic-alt-button:focus button:nth-of-type(2),
.special-button:focus button:nth-of-type(2),
.disabled-button:focus button:nth-of-type(2),
.create-button:focus button:nth-of-type(2),
.edit-button:focus button:nth-of-type(2),
.confirm-button:focus button:nth-of-type(2),
.cancel-button:focus button:nth-of-type(2),
.delete-button:focus button:nth-of-type(2),
.config-button:focus button:nth-of-type(2),
.grid-button:focus button:nth-of-type(2),
.imab-button:focus button:nth-of-type(2),
.toggle-button:focus button:nth-of-type(2),
.filter-button:focus button:nth-of-type(2),
.standard-button:focus a:nth-of-type(2),
.inline-button:focus a:nth-of-type(2),
.basic-button:focus a:nth-of-type(2),
.important-button:focus a:nth-of-type(2),
.alt-button:focus a:nth-of-type(2),
.basic-alt-button:focus a:nth-of-type(2),
.special-button:focus a:nth-of-type(2),
.disabled-button:focus a:nth-of-type(2),
.create-button:focus a:nth-of-type(2),
.edit-button:focus a:nth-of-type(2),
.confirm-button:focus a:nth-of-type(2),
.cancel-button:focus a:nth-of-type(2),
.delete-button:focus a:nth-of-type(2),
.config-button:focus a:nth-of-type(2),
.grid-button:focus a:nth-of-type(2),
.imab-button:focus a:nth-of-type(2),
.toggle-button:focus a:nth-of-type(2),
.filter-button:focus a:nth-of-type(2) {
  vertical-align: top;
  padding-left: 0;
  padding-right: 0.75em;
}
.standard-button:focus button:only-child,
.inline-button:focus button:only-child,
.basic-button:focus button:only-child,
.important-button:focus button:only-child,
.alt-button:focus button:only-child,
.basic-alt-button:focus button:only-child,
.special-button:focus button:only-child,
.disabled-button:focus button:only-child,
.create-button:focus button:only-child,
.edit-button:focus button:only-child,
.confirm-button:focus button:only-child,
.cancel-button:focus button:only-child,
.delete-button:focus button:only-child,
.config-button:focus button:only-child,
.grid-button:focus button:only-child,
.imab-button:focus button:only-child,
.toggle-button:focus button:only-child,
.filter-button:focus button:only-child,
.standard-button:focus a:only-child,
.inline-button:focus a:only-child,
.basic-button:focus a:only-child,
.important-button:focus a:only-child,
.alt-button:focus a:only-child,
.basic-alt-button:focus a:only-child,
.special-button:focus a:only-child,
.disabled-button:focus a:only-child,
.create-button:focus a:only-child,
.edit-button:focus a:only-child,
.confirm-button:focus a:only-child,
.cancel-button:focus a:only-child,
.delete-button:focus a:only-child,
.config-button:focus a:only-child,
.grid-button:focus a:only-child,
.imab-button:focus a:only-child,
.toggle-button:focus a:only-child,
.filter-button:focus a:only-child {
  padding: 0 0.75em;
}
a.standard-button:focus,
a.inline-button:focus,
a.basic-button:focus,
a.important-button:focus,
a.alt-button:focus,
a.basic-alt-button:focus,
a.special-button:focus,
a.disabled-button:focus,
a.create-button:focus,
a.edit-button:focus,
a.confirm-button:focus,
a.cancel-button:focus,
a.delete-button:focus,
a.config-button:focus,
a.grid-button:focus,
a.imab-button:focus,
a.toggle-button:focus,
a.filter-button:focus,
button.standard-button:focus,
button.inline-button:focus,
button.basic-button:focus,
button.important-button:focus,
button.alt-button:focus,
button.basic-alt-button:focus,
button.special-button:focus,
button.disabled-button:focus,
button.create-button:focus,
button.edit-button:focus,
button.confirm-button:focus,
button.cancel-button:focus,
button.delete-button:focus,
button.config-button:focus,
button.grid-button:focus,
button.imab-button:focus,
button.toggle-button:focus,
button.filter-button:focus,
label.standard-button:focus,
label.inline-button:focus,
label.basic-button:focus,
label.important-button:focus,
label.alt-button:focus,
label.basic-alt-button:focus,
label.special-button:focus,
label.disabled-button:focus,
label.create-button:focus,
label.edit-button:focus,
label.confirm-button:focus,
label.cancel-button:focus,
label.delete-button:focus,
label.config-button:focus,
label.grid-button:focus,
label.imab-button:focus,
label.toggle-button:focus,
label.filter-button:focus {
  padding: 0 1em;
}
a.standard-button:focus,
a.inline-button:focus,
a.basic-button:focus,
a.important-button:focus,
a.alt-button:focus,
a.basic-alt-button:focus,
a.special-button:focus,
a.disabled-button:focus,
a.create-button:focus,
a.edit-button:focus,
a.confirm-button:focus,
a.cancel-button:focus,
a.delete-button:focus,
a.config-button:focus,
a.grid-button:focus,
a.imab-button:focus,
a.toggle-button:focus,
a.filter-button:focus,
button.standard-button:focus,
button.inline-button:focus,
button.basic-button:focus,
button.important-button:focus,
button.alt-button:focus,
button.basic-alt-button:focus,
button.special-button:focus,
button.disabled-button:focus,
button.create-button:focus,
button.edit-button:focus,
button.confirm-button:focus,
button.cancel-button:focus,
button.delete-button:focus,
button.config-button:focus,
button.grid-button:focus,
button.imab-button:focus,
button.toggle-button:focus,
button.filter-button:focus {
  margin: 0.2em;
}
body.dark .standard-button:focus,
body.dark .inline-button:focus,
body.dark .basic-button:focus,
body.dark .important-button:focus,
body.dark .alt-button:focus,
body.dark .basic-alt-button:focus,
body.dark .special-button:focus,
body.dark .disabled-button:focus,
body.dark .create-button:focus,
body.dark .edit-button:focus,
body.dark .confirm-button:focus,
body.dark .cancel-button:focus,
body.dark .delete-button:focus,
body.dark .config-button:focus,
body.dark .grid-button:focus,
body.dark .imab-button:focus,
body.dark .toggle-button:focus,
body.dark .filter-button:focus {
  background-color: #2e3137;
}
body.dark .standard-button:focus,
body.dark .inline-button:focus,
body.dark .basic-button:focus,
body.dark .important-button:focus,
body.dark .alt-button:focus,
body.dark .basic-alt-button:focus,
body.dark .special-button:focus,
body.dark .disabled-button:focus,
body.dark .create-button:focus,
body.dark .edit-button:focus,
body.dark .confirm-button:focus,
body.dark .cancel-button:focus,
body.dark .delete-button:focus,
body.dark .config-button:focus,
body.dark .grid-button:focus,
body.dark .imab-button:focus,
body.dark .toggle-button:focus,
body.dark .filter-button:focus {
  color: #ffffff;
}
.standard-button:focus:hover,
.inline-button:focus:hover,
.basic-button:focus:hover,
.important-button:focus:hover,
.alt-button:focus:hover,
.basic-alt-button:focus:hover,
.special-button:focus:hover,
.disabled-button:focus:hover,
.create-button:focus:hover,
.edit-button:focus:hover,
.confirm-button:focus:hover,
.cancel-button:focus:hover,
.delete-button:focus:hover,
.config-button:focus:hover,
.grid-button:focus:hover,
.imab-button:focus:hover,
.toggle-button:focus:hover,
.filter-button:focus:hover {
  text-decoration: none;
  background-color: #474c54;
  color: #ffffff;
}
body.dark .standard-button:focus:hover,
body.dark .inline-button:focus:hover,
body.dark .basic-button:focus:hover,
body.dark .important-button:focus:hover,
body.dark .alt-button:focus:hover,
body.dark .basic-alt-button:focus:hover,
body.dark .special-button:focus:hover,
body.dark .disabled-button:focus:hover,
body.dark .create-button:focus:hover,
body.dark .edit-button:focus:hover,
body.dark .confirm-button:focus:hover,
body.dark .cancel-button:focus:hover,
body.dark .delete-button:focus:hover,
body.dark .config-button:focus:hover,
body.dark .grid-button:focus:hover,
body.dark .imab-button:focus:hover,
body.dark .toggle-button:focus:hover,
body.dark .filter-button:focus:hover {
  background-color: #474c54;
}
body.dark .standard-button:focus:hover,
body.dark .inline-button:focus:hover,
body.dark .basic-button:focus:hover,
body.dark .important-button:focus:hover,
body.dark .alt-button:focus:hover,
body.dark .basic-alt-button:focus:hover,
body.dark .special-button:focus:hover,
body.dark .disabled-button:focus:hover,
body.dark .create-button:focus:hover,
body.dark .edit-button:focus:hover,
body.dark .confirm-button:focus:hover,
body.dark .cancel-button:focus:hover,
body.dark .delete-button:focus:hover,
body.dark .config-button:focus:hover,
body.dark .grid-button:focus:hover,
body.dark .imab-button:focus:hover,
body.dark .toggle-button:focus:hover,
body.dark .filter-button:focus:hover {
  color: #ffffff;
}
.standard-button:focus:hover a,
.inline-button:focus:hover a,
.basic-button:focus:hover a,
.important-button:focus:hover a,
.alt-button:focus:hover a,
.basic-alt-button:focus:hover a,
.special-button:focus:hover a,
.disabled-button:focus:hover a,
.create-button:focus:hover a,
.edit-button:focus:hover a,
.confirm-button:focus:hover a,
.cancel-button:focus:hover a,
.delete-button:focus:hover a,
.config-button:focus:hover a,
.grid-button:focus:hover a,
.imab-button:focus:hover a,
.toggle-button:focus:hover a,
.filter-button:focus:hover a {
  color: #474c54;
}
body.dark .standard-button:focus:hover a,
body.dark .inline-button:focus:hover a,
body.dark .basic-button:focus:hover a,
body.dark .important-button:focus:hover a,
body.dark .alt-button:focus:hover a,
body.dark .basic-alt-button:focus:hover a,
body.dark .special-button:focus:hover a,
body.dark .disabled-button:focus:hover a,
body.dark .create-button:focus:hover a,
body.dark .edit-button:focus:hover a,
body.dark .confirm-button:focus:hover a,
body.dark .cancel-button:focus:hover a,
body.dark .delete-button:focus:hover a,
body.dark .config-button:focus:hover a,
body.dark .grid-button:focus:hover a,
body.dark .imab-button:focus:hover a,
body.dark .toggle-button:focus:hover a,
body.dark .filter-button:focus:hover a {
  color: #ffffff;
}
.standard-button:focus:hover .svg-icon svg,
.inline-button:focus:hover .svg-icon svg,
.basic-button:focus:hover .svg-icon svg,
.important-button:focus:hover .svg-icon svg,
.alt-button:focus:hover .svg-icon svg,
.basic-alt-button:focus:hover .svg-icon svg,
.special-button:focus:hover .svg-icon svg,
.disabled-button:focus:hover .svg-icon svg,
.create-button:focus:hover .svg-icon svg,
.edit-button:focus:hover .svg-icon svg,
.confirm-button:focus:hover .svg-icon svg,
.cancel-button:focus:hover .svg-icon svg,
.delete-button:focus:hover .svg-icon svg,
.config-button:focus:hover .svg-icon svg,
.grid-button:focus:hover .svg-icon svg,
.imab-button:focus:hover .svg-icon svg,
.toggle-button:focus:hover .svg-icon svg,
.filter-button:focus:hover .svg-icon svg {
  fill: #ffffff;
}
body.dark .standard-button:focus:hover .svg-icon svg,
body.dark .inline-button:focus:hover .svg-icon svg,
body.dark .basic-button:focus:hover .svg-icon svg,
body.dark .important-button:focus:hover .svg-icon svg,
body.dark .alt-button:focus:hover .svg-icon svg,
body.dark .basic-alt-button:focus:hover .svg-icon svg,
body.dark .special-button:focus:hover .svg-icon svg,
body.dark .disabled-button:focus:hover .svg-icon svg,
body.dark .create-button:focus:hover .svg-icon svg,
body.dark .edit-button:focus:hover .svg-icon svg,
body.dark .confirm-button:focus:hover .svg-icon svg,
body.dark .cancel-button:focus:hover .svg-icon svg,
body.dark .delete-button:focus:hover .svg-icon svg,
body.dark .config-button:focus:hover .svg-icon svg,
body.dark .grid-button:focus:hover .svg-icon svg,
body.dark .imab-button:focus:hover .svg-icon svg,
body.dark .toggle-button:focus:hover .svg-icon svg,
body.dark .filter-button:focus:hover .svg-icon svg {
  fill: #ffffff;
}
.standard-button:focus.disabled,
.inline-button:focus.disabled,
.basic-button:focus.disabled,
.important-button:focus.disabled,
.alt-button:focus.disabled,
.basic-alt-button:focus.disabled,
.special-button:focus.disabled,
.disabled-button:focus.disabled,
.create-button:focus.disabled,
.edit-button:focus.disabled,
.confirm-button:focus.disabled,
.cancel-button:focus.disabled,
.delete-button:focus.disabled,
.config-button:focus.disabled,
.grid-button:focus.disabled,
.imab-button:focus.disabled,
.toggle-button:focus.disabled,
.filter-button:focus.disabled,
.standard-button:focus[disabled],
.inline-button:focus[disabled],
.basic-button:focus[disabled],
.important-button:focus[disabled],
.alt-button:focus[disabled],
.basic-alt-button:focus[disabled],
.special-button:focus[disabled],
.disabled-button:focus[disabled],
.create-button:focus[disabled],
.edit-button:focus[disabled],
.confirm-button:focus[disabled],
.cancel-button:focus[disabled],
.delete-button:focus[disabled],
.config-button:focus[disabled],
.grid-button:focus[disabled],
.imab-button:focus[disabled],
.toggle-button:focus[disabled],
.filter-button:focus[disabled] {
  box-shadow: none !important;
  text-shadow: none;
  background: #e4e5e5;
  border-color: rgba(67, 128, 152, 0.3);
  color: #767b7e;
}
body.dark .standard-button:focus.disabled,
body.dark .inline-button:focus.disabled,
body.dark .basic-button:focus.disabled,
body.dark .important-button:focus.disabled,
body.dark .alt-button:focus.disabled,
body.dark .basic-alt-button:focus.disabled,
body.dark .special-button:focus.disabled,
body.dark .disabled-button:focus.disabled,
body.dark .create-button:focus.disabled,
body.dark .edit-button:focus.disabled,
body.dark .confirm-button:focus.disabled,
body.dark .cancel-button:focus.disabled,
body.dark .delete-button:focus.disabled,
body.dark .config-button:focus.disabled,
body.dark .grid-button:focus.disabled,
body.dark .imab-button:focus.disabled,
body.dark .toggle-button:focus.disabled,
body.dark .filter-button:focus.disabled,
body.dark .standard-button:focus[disabled],
body.dark .inline-button:focus[disabled],
body.dark .basic-button:focus[disabled],
body.dark .important-button:focus[disabled],
body.dark .alt-button:focus[disabled],
body.dark .basic-alt-button:focus[disabled],
body.dark .special-button:focus[disabled],
body.dark .disabled-button:focus[disabled],
body.dark .create-button:focus[disabled],
body.dark .edit-button:focus[disabled],
body.dark .confirm-button:focus[disabled],
body.dark .cancel-button:focus[disabled],
body.dark .delete-button:focus[disabled],
body.dark .config-button:focus[disabled],
body.dark .grid-button:focus[disabled],
body.dark .imab-button:focus[disabled],
body.dark .toggle-button:focus[disabled],
body.dark .filter-button:focus[disabled] {
  background: #244451;
}
body.dark .standard-button:focus.disabled,
body.dark .inline-button:focus.disabled,
body.dark .basic-button:focus.disabled,
body.dark .important-button:focus.disabled,
body.dark .alt-button:focus.disabled,
body.dark .basic-alt-button:focus.disabled,
body.dark .special-button:focus.disabled,
body.dark .disabled-button:focus.disabled,
body.dark .create-button:focus.disabled,
body.dark .edit-button:focus.disabled,
body.dark .confirm-button:focus.disabled,
body.dark .cancel-button:focus.disabled,
body.dark .delete-button:focus.disabled,
body.dark .config-button:focus.disabled,
body.dark .grid-button:focus.disabled,
body.dark .imab-button:focus.disabled,
body.dark .toggle-button:focus.disabled,
body.dark .filter-button:focus.disabled,
body.dark .standard-button:focus[disabled],
body.dark .inline-button:focus[disabled],
body.dark .basic-button:focus[disabled],
body.dark .important-button:focus[disabled],
body.dark .alt-button:focus[disabled],
body.dark .basic-alt-button:focus[disabled],
body.dark .special-button:focus[disabled],
body.dark .disabled-button:focus[disabled],
body.dark .create-button:focus[disabled],
body.dark .edit-button:focus[disabled],
body.dark .confirm-button:focus[disabled],
body.dark .cancel-button:focus[disabled],
body.dark .delete-button:focus[disabled],
body.dark .config-button:focus[disabled],
body.dark .grid-button:focus[disabled],
body.dark .imab-button:focus[disabled],
body.dark .toggle-button:focus[disabled],
body.dark .filter-button:focus[disabled] {
  border-color: transparent;
}
body.dark .standard-button:focus.disabled,
body.dark .inline-button:focus.disabled,
body.dark .basic-button:focus.disabled,
body.dark .important-button:focus.disabled,
body.dark .alt-button:focus.disabled,
body.dark .basic-alt-button:focus.disabled,
body.dark .special-button:focus.disabled,
body.dark .disabled-button:focus.disabled,
body.dark .create-button:focus.disabled,
body.dark .edit-button:focus.disabled,
body.dark .confirm-button:focus.disabled,
body.dark .cancel-button:focus.disabled,
body.dark .delete-button:focus.disabled,
body.dark .config-button:focus.disabled,
body.dark .grid-button:focus.disabled,
body.dark .imab-button:focus.disabled,
body.dark .toggle-button:focus.disabled,
body.dark .filter-button:focus.disabled,
body.dark .standard-button:focus[disabled],
body.dark .inline-button:focus[disabled],
body.dark .basic-button:focus[disabled],
body.dark .important-button:focus[disabled],
body.dark .alt-button:focus[disabled],
body.dark .basic-alt-button:focus[disabled],
body.dark .special-button:focus[disabled],
body.dark .disabled-button:focus[disabled],
body.dark .create-button:focus[disabled],
body.dark .edit-button:focus[disabled],
body.dark .confirm-button:focus[disabled],
body.dark .cancel-button:focus[disabled],
body.dark .delete-button:focus[disabled],
body.dark .config-button:focus[disabled],
body.dark .grid-button:focus[disabled],
body.dark .imab-button:focus[disabled],
body.dark .toggle-button:focus[disabled],
body.dark .filter-button:focus[disabled] {
  color: #589bb6;
}
.standard-button:focus.disabled:focus,
.inline-button:focus.disabled:focus,
.basic-button:focus.disabled:focus,
.important-button:focus.disabled:focus,
.alt-button:focus.disabled:focus,
.basic-alt-button:focus.disabled:focus,
.special-button:focus.disabled:focus,
.disabled-button:focus.disabled:focus,
.create-button:focus.disabled:focus,
.edit-button:focus.disabled:focus,
.confirm-button:focus.disabled:focus,
.cancel-button:focus.disabled:focus,
.delete-button:focus.disabled:focus,
.config-button:focus.disabled:focus,
.grid-button:focus.disabled:focus,
.imab-button:focus.disabled:focus,
.toggle-button:focus.disabled:focus,
.filter-button:focus.disabled:focus,
.standard-button:focus[disabled]:focus,
.inline-button:focus[disabled]:focus,
.basic-button:focus[disabled]:focus,
.important-button:focus[disabled]:focus,
.alt-button:focus[disabled]:focus,
.basic-alt-button:focus[disabled]:focus,
.special-button:focus[disabled]:focus,
.disabled-button:focus[disabled]:focus,
.create-button:focus[disabled]:focus,
.edit-button:focus[disabled]:focus,
.confirm-button:focus[disabled]:focus,
.cancel-button:focus[disabled]:focus,
.delete-button:focus[disabled]:focus,
.config-button:focus[disabled]:focus,
.grid-button:focus[disabled]:focus,
.imab-button:focus[disabled]:focus,
.toggle-button:focus[disabled]:focus,
.filter-button:focus[disabled]:focus {
  outline: none;
}
.standard-button:focus.disabled:hover,
.inline-button:focus.disabled:hover,
.basic-button:focus.disabled:hover,
.important-button:focus.disabled:hover,
.alt-button:focus.disabled:hover,
.basic-alt-button:focus.disabled:hover,
.special-button:focus.disabled:hover,
.disabled-button:focus.disabled:hover,
.create-button:focus.disabled:hover,
.edit-button:focus.disabled:hover,
.confirm-button:focus.disabled:hover,
.cancel-button:focus.disabled:hover,
.delete-button:focus.disabled:hover,
.config-button:focus.disabled:hover,
.grid-button:focus.disabled:hover,
.imab-button:focus.disabled:hover,
.toggle-button:focus.disabled:hover,
.filter-button:focus.disabled:hover,
.standard-button:focus[disabled]:hover,
.inline-button:focus[disabled]:hover,
.basic-button:focus[disabled]:hover,
.important-button:focus[disabled]:hover,
.alt-button:focus[disabled]:hover,
.basic-alt-button:focus[disabled]:hover,
.special-button:focus[disabled]:hover,
.disabled-button:focus[disabled]:hover,
.create-button:focus[disabled]:hover,
.edit-button:focus[disabled]:hover,
.confirm-button:focus[disabled]:hover,
.cancel-button:focus[disabled]:hover,
.delete-button:focus[disabled]:hover,
.config-button:focus[disabled]:hover,
.grid-button:focus[disabled]:hover,
.imab-button:focus[disabled]:hover,
.toggle-button:focus[disabled]:hover,
.filter-button:focus[disabled]:hover {
  box-shadow: none !important;
  text-shadow: none;
  background: #e4e5e5;
  color: #767b7e;
}
body.dark .standard-button:focus.disabled:hover,
body.dark .inline-button:focus.disabled:hover,
body.dark .basic-button:focus.disabled:hover,
body.dark .important-button:focus.disabled:hover,
body.dark .alt-button:focus.disabled:hover,
body.dark .basic-alt-button:focus.disabled:hover,
body.dark .special-button:focus.disabled:hover,
body.dark .disabled-button:focus.disabled:hover,
body.dark .create-button:focus.disabled:hover,
body.dark .edit-button:focus.disabled:hover,
body.dark .confirm-button:focus.disabled:hover,
body.dark .cancel-button:focus.disabled:hover,
body.dark .delete-button:focus.disabled:hover,
body.dark .config-button:focus.disabled:hover,
body.dark .grid-button:focus.disabled:hover,
body.dark .imab-button:focus.disabled:hover,
body.dark .toggle-button:focus.disabled:hover,
body.dark .filter-button:focus.disabled:hover,
body.dark .standard-button:focus[disabled]:hover,
body.dark .inline-button:focus[disabled]:hover,
body.dark .basic-button:focus[disabled]:hover,
body.dark .important-button:focus[disabled]:hover,
body.dark .alt-button:focus[disabled]:hover,
body.dark .basic-alt-button:focus[disabled]:hover,
body.dark .special-button:focus[disabled]:hover,
body.dark .disabled-button:focus[disabled]:hover,
body.dark .create-button:focus[disabled]:hover,
body.dark .edit-button:focus[disabled]:hover,
body.dark .confirm-button:focus[disabled]:hover,
body.dark .cancel-button:focus[disabled]:hover,
body.dark .delete-button:focus[disabled]:hover,
body.dark .config-button:focus[disabled]:hover,
body.dark .grid-button:focus[disabled]:hover,
body.dark .imab-button:focus[disabled]:hover,
body.dark .toggle-button:focus[disabled]:hover,
body.dark .filter-button:focus[disabled]:hover {
  background: #244451;
}
body.dark .standard-button:focus.disabled:hover,
body.dark .inline-button:focus.disabled:hover,
body.dark .basic-button:focus.disabled:hover,
body.dark .important-button:focus.disabled:hover,
body.dark .alt-button:focus.disabled:hover,
body.dark .basic-alt-button:focus.disabled:hover,
body.dark .special-button:focus.disabled:hover,
body.dark .disabled-button:focus.disabled:hover,
body.dark .create-button:focus.disabled:hover,
body.dark .edit-button:focus.disabled:hover,
body.dark .confirm-button:focus.disabled:hover,
body.dark .cancel-button:focus.disabled:hover,
body.dark .delete-button:focus.disabled:hover,
body.dark .config-button:focus.disabled:hover,
body.dark .grid-button:focus.disabled:hover,
body.dark .imab-button:focus.disabled:hover,
body.dark .toggle-button:focus.disabled:hover,
body.dark .filter-button:focus.disabled:hover,
body.dark .standard-button:focus[disabled]:hover,
body.dark .inline-button:focus[disabled]:hover,
body.dark .basic-button:focus[disabled]:hover,
body.dark .important-button:focus[disabled]:hover,
body.dark .alt-button:focus[disabled]:hover,
body.dark .basic-alt-button:focus[disabled]:hover,
body.dark .special-button:focus[disabled]:hover,
body.dark .disabled-button:focus[disabled]:hover,
body.dark .create-button:focus[disabled]:hover,
body.dark .edit-button:focus[disabled]:hover,
body.dark .confirm-button:focus[disabled]:hover,
body.dark .cancel-button:focus[disabled]:hover,
body.dark .delete-button:focus[disabled]:hover,
body.dark .config-button:focus[disabled]:hover,
body.dark .grid-button:focus[disabled]:hover,
body.dark .imab-button:focus[disabled]:hover,
body.dark .toggle-button:focus[disabled]:hover,
body.dark .filter-button:focus[disabled]:hover {
  color: #589bb6;
}
.standard-button:focus.disabled:hover .svg-icon svg,
.inline-button:focus.disabled:hover .svg-icon svg,
.basic-button:focus.disabled:hover .svg-icon svg,
.important-button:focus.disabled:hover .svg-icon svg,
.alt-button:focus.disabled:hover .svg-icon svg,
.basic-alt-button:focus.disabled:hover .svg-icon svg,
.special-button:focus.disabled:hover .svg-icon svg,
.disabled-button:focus.disabled:hover .svg-icon svg,
.create-button:focus.disabled:hover .svg-icon svg,
.edit-button:focus.disabled:hover .svg-icon svg,
.confirm-button:focus.disabled:hover .svg-icon svg,
.cancel-button:focus.disabled:hover .svg-icon svg,
.delete-button:focus.disabled:hover .svg-icon svg,
.config-button:focus.disabled:hover .svg-icon svg,
.grid-button:focus.disabled:hover .svg-icon svg,
.imab-button:focus.disabled:hover .svg-icon svg,
.toggle-button:focus.disabled:hover .svg-icon svg,
.filter-button:focus.disabled:hover .svg-icon svg,
.standard-button:focus[disabled]:hover .svg-icon svg,
.inline-button:focus[disabled]:hover .svg-icon svg,
.basic-button:focus[disabled]:hover .svg-icon svg,
.important-button:focus[disabled]:hover .svg-icon svg,
.alt-button:focus[disabled]:hover .svg-icon svg,
.basic-alt-button:focus[disabled]:hover .svg-icon svg,
.special-button:focus[disabled]:hover .svg-icon svg,
.disabled-button:focus[disabled]:hover .svg-icon svg,
.create-button:focus[disabled]:hover .svg-icon svg,
.edit-button:focus[disabled]:hover .svg-icon svg,
.confirm-button:focus[disabled]:hover .svg-icon svg,
.cancel-button:focus[disabled]:hover .svg-icon svg,
.delete-button:focus[disabled]:hover .svg-icon svg,
.config-button:focus[disabled]:hover .svg-icon svg,
.grid-button:focus[disabled]:hover .svg-icon svg,
.imab-button:focus[disabled]:hover .svg-icon svg,
.toggle-button:focus[disabled]:hover .svg-icon svg,
.filter-button:focus[disabled]:hover .svg-icon svg {
  fill: #767b7e;
}
body.dark .standard-button:focus.disabled:hover .svg-icon svg,
body.dark .inline-button:focus.disabled:hover .svg-icon svg,
body.dark .basic-button:focus.disabled:hover .svg-icon svg,
body.dark .important-button:focus.disabled:hover .svg-icon svg,
body.dark .alt-button:focus.disabled:hover .svg-icon svg,
body.dark .basic-alt-button:focus.disabled:hover .svg-icon svg,
body.dark .special-button:focus.disabled:hover .svg-icon svg,
body.dark .disabled-button:focus.disabled:hover .svg-icon svg,
body.dark .create-button:focus.disabled:hover .svg-icon svg,
body.dark .edit-button:focus.disabled:hover .svg-icon svg,
body.dark .confirm-button:focus.disabled:hover .svg-icon svg,
body.dark .cancel-button:focus.disabled:hover .svg-icon svg,
body.dark .delete-button:focus.disabled:hover .svg-icon svg,
body.dark .config-button:focus.disabled:hover .svg-icon svg,
body.dark .grid-button:focus.disabled:hover .svg-icon svg,
body.dark .imab-button:focus.disabled:hover .svg-icon svg,
body.dark .toggle-button:focus.disabled:hover .svg-icon svg,
body.dark .filter-button:focus.disabled:hover .svg-icon svg,
body.dark .standard-button:focus[disabled]:hover .svg-icon svg,
body.dark .inline-button:focus[disabled]:hover .svg-icon svg,
body.dark .basic-button:focus[disabled]:hover .svg-icon svg,
body.dark .important-button:focus[disabled]:hover .svg-icon svg,
body.dark .alt-button:focus[disabled]:hover .svg-icon svg,
body.dark .basic-alt-button:focus[disabled]:hover .svg-icon svg,
body.dark .special-button:focus[disabled]:hover .svg-icon svg,
body.dark .disabled-button:focus[disabled]:hover .svg-icon svg,
body.dark .create-button:focus[disabled]:hover .svg-icon svg,
body.dark .edit-button:focus[disabled]:hover .svg-icon svg,
body.dark .confirm-button:focus[disabled]:hover .svg-icon svg,
body.dark .cancel-button:focus[disabled]:hover .svg-icon svg,
body.dark .delete-button:focus[disabled]:hover .svg-icon svg,
body.dark .config-button:focus[disabled]:hover .svg-icon svg,
body.dark .grid-button:focus[disabled]:hover .svg-icon svg,
body.dark .imab-button:focus[disabled]:hover .svg-icon svg,
body.dark .toggle-button:focus[disabled]:hover .svg-icon svg,
body.dark .filter-button:focus[disabled]:hover .svg-icon svg {
  fill: #589bb6;
}
.standard-button:focus:focus,
.inline-button:focus:focus,
.basic-button:focus:focus,
.important-button:focus:focus,
.alt-button:focus:focus,
.basic-alt-button:focus:focus,
.special-button:focus:focus,
.disabled-button:focus:focus,
.create-button:focus:focus,
.edit-button:focus:focus,
.confirm-button:focus:focus,
.cancel-button:focus:focus,
.delete-button:focus:focus,
.config-button:focus:focus,
.grid-button:focus:focus,
.imab-button:focus:focus,
.toggle-button:focus:focus,
.filter-button:focus:focus {
  outline: none;
}
body.dark .standard-button:focus,
body.dark .inline-button:focus,
body.dark .basic-button:focus,
body.dark .important-button:focus,
body.dark .alt-button:focus,
body.dark .basic-alt-button:focus,
body.dark .special-button:focus,
body.dark .disabled-button:focus,
body.dark .create-button:focus,
body.dark .edit-button:focus,
body.dark .confirm-button:focus,
body.dark .cancel-button:focus,
body.dark .delete-button:focus,
body.dark .config-button:focus,
body.dark .grid-button:focus,
body.dark .imab-button:focus,
body.dark .toggle-button:focus,
body.dark .filter-button:focus {
  border-color: rgba(67, 128, 152, 0.3);
}
.standard-button:focus:hover,
.inline-button:focus:hover,
.basic-button:focus:hover,
.important-button:focus:hover,
.alt-button:focus:hover,
.basic-alt-button:focus:hover,
.special-button:focus:hover,
.disabled-button:focus:hover,
.create-button:focus:hover,
.edit-button:focus:hover,
.confirm-button:focus:hover,
.cancel-button:focus:hover,
.delete-button:focus:hover,
.config-button:focus:hover,
.grid-button:focus:hover,
.imab-button:focus:hover,
.toggle-button:focus:hover,
.filter-button:focus:hover {
  box-shadow: none;
  border-color: transparent;
}
.standard-button:focus.disabled,
.inline-button:focus.disabled,
.basic-button:focus.disabled,
.important-button:focus.disabled,
.alt-button:focus.disabled,
.basic-alt-button:focus.disabled,
.special-button:focus.disabled,
.disabled-button:focus.disabled,
.create-button:focus.disabled,
.edit-button:focus.disabled,
.confirm-button:focus.disabled,
.cancel-button:focus.disabled,
.delete-button:focus.disabled,
.config-button:focus.disabled,
.grid-button:focus.disabled,
.imab-button:focus.disabled,
.toggle-button:focus.disabled,
.filter-button:focus.disabled {
  border-color: transparent;
}
.standard-button .svg-icon,
.inline-button .svg-icon,
.basic-button .svg-icon,
.important-button .svg-icon,
.alt-button .svg-icon,
.basic-alt-button .svg-icon,
.special-button .svg-icon,
.disabled-button .svg-icon,
.create-button .svg-icon,
.edit-button .svg-icon,
.confirm-button .svg-icon,
.cancel-button .svg-icon,
.delete-button .svg-icon,
.config-button .svg-icon,
.grid-button .svg-icon,
.imab-button .svg-icon,
.toggle-button .svg-icon,
.filter-button .svg-icon {
  position: relative;
  top: 3px;
}
.standard-button .svg-icon.tiny,
.inline-button .svg-icon.tiny,
.basic-button .svg-icon.tiny,
.important-button .svg-icon.tiny,
.alt-button .svg-icon.tiny,
.basic-alt-button .svg-icon.tiny,
.special-button .svg-icon.tiny,
.disabled-button .svg-icon.tiny,
.create-button .svg-icon.tiny,
.edit-button .svg-icon.tiny,
.confirm-button .svg-icon.tiny,
.cancel-button .svg-icon.tiny,
.delete-button .svg-icon.tiny,
.config-button .svg-icon.tiny,
.grid-button .svg-icon.tiny,
.imab-button .svg-icon.tiny,
.toggle-button .svg-icon.tiny,
.filter-button .svg-icon.tiny {
  top: 2px;
}
.toggle-button {
  font-size: 0.75rem;
  display: inline-block;
  border-radius: 16px;
  border: 0;
  font-size: 0.685rem;
  transition: 0.5s all linear;
  white-space: nowrap;
  letter-spacing: 0.03em;
  height: 28px;
  line-height: 28px;
  cursor: pointer;
  background-color: #ffffff;
  color: #474c54;
  background-color: #9fc6d5;
  color: #244451;
}
.toggle-button a {
  display: inline-block;
  height: 100%;
}
.toggle-button button:nth-of-type(1),
.toggle-button a:nth-of-type(1) {
  padding-left: 0.75em;
}
.toggle-button button:nth-of-type(2),
.toggle-button a:nth-of-type(2) {
  vertical-align: top;
  padding-left: 0;
  padding-right: 0.75em;
}
.toggle-button button:only-child,
.toggle-button a:only-child {
  padding: 0 0.75em;
}
a.toggle-button,
button.toggle-button,
label.toggle-button {
  padding: 0 1em;
}
a.toggle-button,
button.toggle-button {
  margin: 0.2em;
}
body.dark .toggle-button {
  background-color: #2e3137;
}
body.dark .toggle-button {
  color: #ffffff;
}
.toggle-button:hover {
  text-decoration: none;
  background-color: #474c54;
  color: #ffffff;
}
body.dark .toggle-button:hover {
  background-color: #474c54;
}
body.dark .toggle-button:hover {
  color: #ffffff;
}
.toggle-button:hover a {
  color: #474c54;
}
body.dark .toggle-button:hover a {
  color: #ffffff;
}
.toggle-button:hover .svg-icon svg {
  fill: #ffffff;
}
body.dark .toggle-button:hover .svg-icon svg {
  fill: #ffffff;
}
.toggle-button.disabled,
.toggle-button[disabled] {
  box-shadow: none !important;
  text-shadow: none;
  background: #e4e5e5;
  border-color: rgba(67, 128, 152, 0.3);
  color: #767b7e;
}
body.dark .toggle-button.disabled,
body.dark .toggle-button[disabled] {
  background: #244451;
}
body.dark .toggle-button.disabled,
body.dark .toggle-button[disabled] {
  border-color: transparent;
}
body.dark .toggle-button.disabled,
body.dark .toggle-button[disabled] {
  color: #589bb6;
}
.toggle-button.disabled:focus,
.toggle-button[disabled]:focus {
  outline: none;
}
.toggle-button.disabled:hover,
.toggle-button[disabled]:hover {
  box-shadow: none !important;
  text-shadow: none;
  background: #e4e5e5;
  color: #767b7e;
}
body.dark .toggle-button.disabled:hover,
body.dark .toggle-button[disabled]:hover {
  background: #244451;
}
body.dark .toggle-button.disabled:hover,
body.dark .toggle-button[disabled]:hover {
  color: #589bb6;
}
.toggle-button.disabled:hover .svg-icon svg,
.toggle-button[disabled]:hover .svg-icon svg {
  fill: #767b7e;
}
body.dark .toggle-button.disabled:hover .svg-icon svg,
body.dark .toggle-button[disabled]:hover .svg-icon svg {
  fill: #589bb6;
}
.toggle-button:focus {
  outline: none;
}
body.dark .toggle-button {
  background-color: #9fc6d5;
}
body.dark .toggle-button {
  color: #244451;
}
.toggle-button.active,
.toggle-button:not(.vis_btn_off) {
  background-color: #ffffff;
  color: #14272e;
  border-color: rgba(67, 128, 152, 0.3);
  border: 1px solid;
}
body.dark .toggle-button.active,
body.dark .toggle-button:not(.vis_btn_off) {
  background-color: #ffffff;
}
body.dark .toggle-button.active,
body.dark .toggle-button:not(.vis_btn_off) {
  color: #14272e;
}
body.dark .toggle-button.active,
body.dark .toggle-button:not(.vis_btn_off) {
  border-color: rgba(67, 128, 152, 0.3);
}
.toggle-button.active:hover,
.toggle-button:not(.vis_btn_off):hover {
  background-color: #474c54;
  color: #ffffff;
}
body.dark .toggle-button.active:hover,
body.dark .toggle-button:not(.vis_btn_off):hover {
  background-color: #474c54;
}
body.dark .toggle-button.active:hover,
body.dark .toggle-button:not(.vis_btn_off):hover {
  color: #ffffff;
}
.toggle-button.active:hover .svg-icon svg,
.toggle-button:not(.vis_btn_off):hover .svg-icon svg {
  fill: #ffffff;
}
body.dark .toggle-button.active:hover .svg-icon svg,
body.dark .toggle-button:not(.vis_btn_off):hover .svg-icon svg {
  fill: #ffffff;
}
.inline-button {
  display: inline-block;
  height: 24px;
  line-height: 24px;
}
.inline-button:focus {
  outline: none;
}
.inline-button a {
  display: inline-block;
  height: 100%;
}
.inline-button button:nth-of-type(1),
.inline-button a:nth-of-type(1) {
  padding-left: 0.6em;
}
.inline-button button:nth-of-type(2),
.inline-button a:nth-of-type(2) {
  vertical-align: top;
  padding-left: 0;
  padding-right: 0.6em;
}
.inline-button button:only-child,
.inline-button a:only-child {
  padding: 0 0.6em;
}
a.inline-button,
button.inline-button,
label.inline-button {
  padding: 0 1em;
}
a.inline-button,
button.inline-button {
  margin: 0.2em;
}
.inline-button:focus {
  display: inline-block;
  height: 24px;
  line-height: 24px;
}
.inline-button:focus:focus {
  outline: none;
}
.inline-button:focus a {
  display: inline-block;
  height: 100%;
}
.inline-button:focus button:nth-of-type(1),
.inline-button:focus a:nth-of-type(1) {
  padding-left: 0.6em;
}
.inline-button:focus button:nth-of-type(2),
.inline-button:focus a:nth-of-type(2) {
  vertical-align: top;
  padding-left: 0;
  padding-right: 0.6em;
}
.inline-button:focus button:only-child,
.inline-button:focus a:only-child {
  padding: 0 0.6em;
}
a.inline-button:focus,
button.inline-button:focus,
label.inline-button:focus {
  padding: 0 1em;
}
a.inline-button:focus,
button.inline-button:focus {
  margin: 0.2em;
}
.basic-button,
.create-button,
.edit-button,
.imab-button {
  font-size: 0.75rem;
  display: inline-block;
  border-radius: 16px;
  border: 0;
  font-size: 0.685rem;
  transition: 0.5s all linear;
  white-space: nowrap;
  letter-spacing: 0.03em;
  height: 28px;
  line-height: 28px;
  cursor: pointer;
  background-color: #ffffff;
  color: #474c54;
  background-color: #79B522;
  color: #ffffff;
}
.basic-button a,
.create-button a,
.edit-button a,
.imab-button a {
  display: inline-block;
  height: 100%;
}
.basic-button button:nth-of-type(1),
.create-button button:nth-of-type(1),
.edit-button button:nth-of-type(1),
.imab-button button:nth-of-type(1),
.basic-button a:nth-of-type(1),
.create-button a:nth-of-type(1),
.edit-button a:nth-of-type(1),
.imab-button a:nth-of-type(1) {
  padding-left: 0.75em;
}
.basic-button button:nth-of-type(2),
.create-button button:nth-of-type(2),
.edit-button button:nth-of-type(2),
.imab-button button:nth-of-type(2),
.basic-button a:nth-of-type(2),
.create-button a:nth-of-type(2),
.edit-button a:nth-of-type(2),
.imab-button a:nth-of-type(2) {
  vertical-align: top;
  padding-left: 0;
  padding-right: 0.75em;
}
.basic-button button:only-child,
.create-button button:only-child,
.edit-button button:only-child,
.imab-button button:only-child,
.basic-button a:only-child,
.create-button a:only-child,
.edit-button a:only-child,
.imab-button a:only-child {
  padding: 0 0.75em;
}
a.basic-button,
a.create-button,
a.edit-button,
a.imab-button,
button.basic-button,
button.create-button,
button.edit-button,
button.imab-button,
label.basic-button,
label.create-button,
label.edit-button,
label.imab-button {
  padding: 0 1em;
}
a.basic-button,
a.create-button,
a.edit-button,
a.imab-button,
button.basic-button,
button.create-button,
button.edit-button,
button.imab-button {
  margin: 0.2em;
}
body.dark .basic-button,
body.dark .create-button,
body.dark .edit-button,
body.dark .imab-button {
  background-color: #2e3137;
}
body.dark .basic-button,
body.dark .create-button,
body.dark .edit-button,
body.dark .imab-button {
  color: #ffffff;
}
.basic-button:hover,
.create-button:hover,
.edit-button:hover,
.imab-button:hover {
  text-decoration: none;
  background-color: #474c54;
  color: #ffffff;
}
body.dark .basic-button:hover,
body.dark .create-button:hover,
body.dark .edit-button:hover,
body.dark .imab-button:hover {
  background-color: #474c54;
}
body.dark .basic-button:hover,
body.dark .create-button:hover,
body.dark .edit-button:hover,
body.dark .imab-button:hover {
  color: #ffffff;
}
.basic-button:hover a,
.create-button:hover a,
.edit-button:hover a,
.imab-button:hover a {
  color: #474c54;
}
body.dark .basic-button:hover a,
body.dark .create-button:hover a,
body.dark .edit-button:hover a,
body.dark .imab-button:hover a {
  color: #ffffff;
}
.basic-button:hover .svg-icon svg,
.create-button:hover .svg-icon svg,
.edit-button:hover .svg-icon svg,
.imab-button:hover .svg-icon svg {
  fill: #ffffff;
}
body.dark .basic-button:hover .svg-icon svg,
body.dark .create-button:hover .svg-icon svg,
body.dark .edit-button:hover .svg-icon svg,
body.dark .imab-button:hover .svg-icon svg {
  fill: #ffffff;
}
.basic-button.disabled,
.create-button.disabled,
.edit-button.disabled,
.imab-button.disabled,
.basic-button[disabled],
.create-button[disabled],
.edit-button[disabled],
.imab-button[disabled] {
  box-shadow: none !important;
  text-shadow: none;
  background: #e4e5e5;
  border-color: rgba(67, 128, 152, 0.3);
  color: #767b7e;
}
body.dark .basic-button.disabled,
body.dark .create-button.disabled,
body.dark .edit-button.disabled,
body.dark .imab-button.disabled,
body.dark .basic-button[disabled],
body.dark .create-button[disabled],
body.dark .edit-button[disabled],
body.dark .imab-button[disabled] {
  background: #244451;
}
body.dark .basic-button.disabled,
body.dark .create-button.disabled,
body.dark .edit-button.disabled,
body.dark .imab-button.disabled,
body.dark .basic-button[disabled],
body.dark .create-button[disabled],
body.dark .edit-button[disabled],
body.dark .imab-button[disabled] {
  border-color: transparent;
}
body.dark .basic-button.disabled,
body.dark .create-button.disabled,
body.dark .edit-button.disabled,
body.dark .imab-button.disabled,
body.dark .basic-button[disabled],
body.dark .create-button[disabled],
body.dark .edit-button[disabled],
body.dark .imab-button[disabled] {
  color: #589bb6;
}
.basic-button.disabled:focus,
.create-button.disabled:focus,
.edit-button.disabled:focus,
.imab-button.disabled:focus,
.basic-button[disabled]:focus,
.create-button[disabled]:focus,
.edit-button[disabled]:focus,
.imab-button[disabled]:focus {
  outline: none;
}
.basic-button.disabled:hover,
.create-button.disabled:hover,
.edit-button.disabled:hover,
.imab-button.disabled:hover,
.basic-button[disabled]:hover,
.create-button[disabled]:hover,
.edit-button[disabled]:hover,
.imab-button[disabled]:hover {
  box-shadow: none !important;
  text-shadow: none;
  background: #e4e5e5;
  color: #767b7e;
}
body.dark .basic-button.disabled:hover,
body.dark .create-button.disabled:hover,
body.dark .edit-button.disabled:hover,
body.dark .imab-button.disabled:hover,
body.dark .basic-button[disabled]:hover,
body.dark .create-button[disabled]:hover,
body.dark .edit-button[disabled]:hover,
body.dark .imab-button[disabled]:hover {
  background: #244451;
}
body.dark .basic-button.disabled:hover,
body.dark .create-button.disabled:hover,
body.dark .edit-button.disabled:hover,
body.dark .imab-button.disabled:hover,
body.dark .basic-button[disabled]:hover,
body.dark .create-button[disabled]:hover,
body.dark .edit-button[disabled]:hover,
body.dark .imab-button[disabled]:hover {
  color: #589bb6;
}
.basic-button.disabled:hover .svg-icon svg,
.create-button.disabled:hover .svg-icon svg,
.edit-button.disabled:hover .svg-icon svg,
.imab-button.disabled:hover .svg-icon svg,
.basic-button[disabled]:hover .svg-icon svg,
.create-button[disabled]:hover .svg-icon svg,
.edit-button[disabled]:hover .svg-icon svg,
.imab-button[disabled]:hover .svg-icon svg {
  fill: #767b7e;
}
body.dark .basic-button.disabled:hover .svg-icon svg,
body.dark .create-button.disabled:hover .svg-icon svg,
body.dark .edit-button.disabled:hover .svg-icon svg,
body.dark .imab-button.disabled:hover .svg-icon svg,
body.dark .basic-button[disabled]:hover .svg-icon svg,
body.dark .create-button[disabled]:hover .svg-icon svg,
body.dark .edit-button[disabled]:hover .svg-icon svg,
body.dark .imab-button[disabled]:hover .svg-icon svg {
  fill: #589bb6;
}
.basic-button:focus,
.create-button:focus,
.edit-button:focus,
.imab-button:focus {
  outline: none;
}
body.dark .basic-button,
body.dark .create-button,
body.dark .edit-button,
body.dark .imab-button {
  background-color: #79B522;
}
body.dark .basic-button,
body.dark .create-button,
body.dark .edit-button,
body.dark .imab-button {
  color: #ffffff;
}
.basic-button:hover,
.create-button:hover,
.edit-button:hover,
.imab-button:hover {
  text-decoration: none;
  background-color: #5c8a1a;
  color: #ffffff;
}
body.dark .basic-button:hover,
body.dark .create-button:hover,
body.dark .edit-button:hover,
body.dark .imab-button:hover {
  background-color: #5c8a1a;
}
body.dark .basic-button:hover,
body.dark .create-button:hover,
body.dark .edit-button:hover,
body.dark .imab-button:hover {
  color: #ffffff;
}
.basic-button:hover a,
.create-button:hover a,
.edit-button:hover a,
.imab-button:hover a {
  color: #ffffff;
}
body.dark .basic-button:hover a,
body.dark .create-button:hover a,
body.dark .edit-button:hover a,
body.dark .imab-button:hover a {
  color: #ffffff;
}
.basic-button:hover .svg-icon svg,
.create-button:hover .svg-icon svg,
.edit-button:hover .svg-icon svg,
.imab-button:hover .svg-icon svg {
  fill: #ffffff;
}
body.dark .basic-button:hover .svg-icon svg,
body.dark .create-button:hover .svg-icon svg,
body.dark .edit-button:hover .svg-icon svg,
body.dark .imab-button:hover .svg-icon svg {
  fill: #ffffff;
}
.basic-button a,
.create-button a,
.edit-button a,
.imab-button a {
  color: #ffffff;
}
body.dark .basic-button a,
body.dark .create-button a,
body.dark .edit-button a,
body.dark .imab-button a {
  color: #ffffff;
}
.basic-button a:hover,
.create-button a:hover,
.edit-button a:hover,
.imab-button a:hover {
  color: #ffffff;
}
body.dark .basic-button a:hover,
body.dark .create-button a:hover,
body.dark .edit-button a:hover,
body.dark .imab-button a:hover {
  color: #ffffff;
}
.basic-button:focus,
.create-button:focus,
.edit-button:focus,
.imab-button:focus {
  outline: none;
}
.basic-button:focus,
.create-button:focus,
.edit-button:focus,
.imab-button:focus {
  font-size: 0.75rem;
  display: inline-block;
  border-radius: 16px;
  border: 0;
  font-size: 0.685rem;
  transition: 0.5s all linear;
  white-space: nowrap;
  letter-spacing: 0.03em;
  height: 28px;
  line-height: 28px;
  cursor: pointer;
  background-color: #ffffff;
  color: #474c54;
  background-color: #79B522;
  color: #ffffff;
}
.basic-button:focus a,
.create-button:focus a,
.edit-button:focus a,
.imab-button:focus a {
  display: inline-block;
  height: 100%;
}
.basic-button:focus button:nth-of-type(1),
.create-button:focus button:nth-of-type(1),
.edit-button:focus button:nth-of-type(1),
.imab-button:focus button:nth-of-type(1),
.basic-button:focus a:nth-of-type(1),
.create-button:focus a:nth-of-type(1),
.edit-button:focus a:nth-of-type(1),
.imab-button:focus a:nth-of-type(1) {
  padding-left: 0.75em;
}
.basic-button:focus button:nth-of-type(2),
.create-button:focus button:nth-of-type(2),
.edit-button:focus button:nth-of-type(2),
.imab-button:focus button:nth-of-type(2),
.basic-button:focus a:nth-of-type(2),
.create-button:focus a:nth-of-type(2),
.edit-button:focus a:nth-of-type(2),
.imab-button:focus a:nth-of-type(2) {
  vertical-align: top;
  padding-left: 0;
  padding-right: 0.75em;
}
.basic-button:focus button:only-child,
.create-button:focus button:only-child,
.edit-button:focus button:only-child,
.imab-button:focus button:only-child,
.basic-button:focus a:only-child,
.create-button:focus a:only-child,
.edit-button:focus a:only-child,
.imab-button:focus a:only-child {
  padding: 0 0.75em;
}
a.basic-button:focus,
a.create-button:focus,
a.edit-button:focus,
a.imab-button:focus,
button.basic-button:focus,
button.create-button:focus,
button.edit-button:focus,
button.imab-button:focus,
label.basic-button:focus,
label.create-button:focus,
label.edit-button:focus,
label.imab-button:focus {
  padding: 0 1em;
}
a.basic-button:focus,
a.create-button:focus,
a.edit-button:focus,
a.imab-button:focus,
button.basic-button:focus,
button.create-button:focus,
button.edit-button:focus,
button.imab-button:focus {
  margin: 0.2em;
}
body.dark .basic-button:focus,
body.dark .create-button:focus,
body.dark .edit-button:focus,
body.dark .imab-button:focus {
  background-color: #2e3137;
}
body.dark .basic-button:focus,
body.dark .create-button:focus,
body.dark .edit-button:focus,
body.dark .imab-button:focus {
  color: #ffffff;
}
.basic-button:focus:hover,
.create-button:focus:hover,
.edit-button:focus:hover,
.imab-button:focus:hover {
  text-decoration: none;
  background-color: #474c54;
  color: #ffffff;
}
body.dark .basic-button:focus:hover,
body.dark .create-button:focus:hover,
body.dark .edit-button:focus:hover,
body.dark .imab-button:focus:hover {
  background-color: #474c54;
}
body.dark .basic-button:focus:hover,
body.dark .create-button:focus:hover,
body.dark .edit-button:focus:hover,
body.dark .imab-button:focus:hover {
  color: #ffffff;
}
.basic-button:focus:hover a,
.create-button:focus:hover a,
.edit-button:focus:hover a,
.imab-button:focus:hover a {
  color: #474c54;
}
body.dark .basic-button:focus:hover a,
body.dark .create-button:focus:hover a,
body.dark .edit-button:focus:hover a,
body.dark .imab-button:focus:hover a {
  color: #ffffff;
}
.basic-button:focus:hover .svg-icon svg,
.create-button:focus:hover .svg-icon svg,
.edit-button:focus:hover .svg-icon svg,
.imab-button:focus:hover .svg-icon svg {
  fill: #ffffff;
}
body.dark .basic-button:focus:hover .svg-icon svg,
body.dark .create-button:focus:hover .svg-icon svg,
body.dark .edit-button:focus:hover .svg-icon svg,
body.dark .imab-button:focus:hover .svg-icon svg {
  fill: #ffffff;
}
.basic-button:focus.disabled,
.create-button:focus.disabled,
.edit-button:focus.disabled,
.imab-button:focus.disabled,
.basic-button:focus[disabled],
.create-button:focus[disabled],
.edit-button:focus[disabled],
.imab-button:focus[disabled] {
  box-shadow: none !important;
  text-shadow: none;
  background: #e4e5e5;
  border-color: rgba(67, 128, 152, 0.3);
  color: #767b7e;
}
body.dark .basic-button:focus.disabled,
body.dark .create-button:focus.disabled,
body.dark .edit-button:focus.disabled,
body.dark .imab-button:focus.disabled,
body.dark .basic-button:focus[disabled],
body.dark .create-button:focus[disabled],
body.dark .edit-button:focus[disabled],
body.dark .imab-button:focus[disabled] {
  background: #244451;
}
body.dark .basic-button:focus.disabled,
body.dark .create-button:focus.disabled,
body.dark .edit-button:focus.disabled,
body.dark .imab-button:focus.disabled,
body.dark .basic-button:focus[disabled],
body.dark .create-button:focus[disabled],
body.dark .edit-button:focus[disabled],
body.dark .imab-button:focus[disabled] {
  border-color: transparent;
}
body.dark .basic-button:focus.disabled,
body.dark .create-button:focus.disabled,
body.dark .edit-button:focus.disabled,
body.dark .imab-button:focus.disabled,
body.dark .basic-button:focus[disabled],
body.dark .create-button:focus[disabled],
body.dark .edit-button:focus[disabled],
body.dark .imab-button:focus[disabled] {
  color: #589bb6;
}
.basic-button:focus.disabled:focus,
.create-button:focus.disabled:focus,
.edit-button:focus.disabled:focus,
.imab-button:focus.disabled:focus,
.basic-button:focus[disabled]:focus,
.create-button:focus[disabled]:focus,
.edit-button:focus[disabled]:focus,
.imab-button:focus[disabled]:focus {
  outline: none;
}
.basic-button:focus.disabled:hover,
.create-button:focus.disabled:hover,
.edit-button:focus.disabled:hover,
.imab-button:focus.disabled:hover,
.basic-button:focus[disabled]:hover,
.create-button:focus[disabled]:hover,
.edit-button:focus[disabled]:hover,
.imab-button:focus[disabled]:hover {
  box-shadow: none !important;
  text-shadow: none;
  background: #e4e5e5;
  color: #767b7e;
}
body.dark .basic-button:focus.disabled:hover,
body.dark .create-button:focus.disabled:hover,
body.dark .edit-button:focus.disabled:hover,
body.dark .imab-button:focus.disabled:hover,
body.dark .basic-button:focus[disabled]:hover,
body.dark .create-button:focus[disabled]:hover,
body.dark .edit-button:focus[disabled]:hover,
body.dark .imab-button:focus[disabled]:hover {
  background: #244451;
}
body.dark .basic-button:focus.disabled:hover,
body.dark .create-button:focus.disabled:hover,
body.dark .edit-button:focus.disabled:hover,
body.dark .imab-button:focus.disabled:hover,
body.dark .basic-button:focus[disabled]:hover,
body.dark .create-button:focus[disabled]:hover,
body.dark .edit-button:focus[disabled]:hover,
body.dark .imab-button:focus[disabled]:hover {
  color: #589bb6;
}
.basic-button:focus.disabled:hover .svg-icon svg,
.create-button:focus.disabled:hover .svg-icon svg,
.edit-button:focus.disabled:hover .svg-icon svg,
.imab-button:focus.disabled:hover .svg-icon svg,
.basic-button:focus[disabled]:hover .svg-icon svg,
.create-button:focus[disabled]:hover .svg-icon svg,
.edit-button:focus[disabled]:hover .svg-icon svg,
.imab-button:focus[disabled]:hover .svg-icon svg {
  fill: #767b7e;
}
body.dark .basic-button:focus.disabled:hover .svg-icon svg,
body.dark .create-button:focus.disabled:hover .svg-icon svg,
body.dark .edit-button:focus.disabled:hover .svg-icon svg,
body.dark .imab-button:focus.disabled:hover .svg-icon svg,
body.dark .basic-button:focus[disabled]:hover .svg-icon svg,
body.dark .create-button:focus[disabled]:hover .svg-icon svg,
body.dark .edit-button:focus[disabled]:hover .svg-icon svg,
body.dark .imab-button:focus[disabled]:hover .svg-icon svg {
  fill: #589bb6;
}
.basic-button:focus:focus,
.create-button:focus:focus,
.edit-button:focus:focus,
.imab-button:focus:focus {
  outline: none;
}
body.dark .basic-button:focus,
body.dark .create-button:focus,
body.dark .edit-button:focus,
body.dark .imab-button:focus {
  background-color: #79B522;
}
body.dark .basic-button:focus,
body.dark .create-button:focus,
body.dark .edit-button:focus,
body.dark .imab-button:focus {
  color: #ffffff;
}
.basic-button:focus:hover,
.create-button:focus:hover,
.edit-button:focus:hover,
.imab-button:focus:hover {
  text-decoration: none;
  background-color: #5c8a1a;
  color: #ffffff;
}
body.dark .basic-button:focus:hover,
body.dark .create-button:focus:hover,
body.dark .edit-button:focus:hover,
body.dark .imab-button:focus:hover {
  background-color: #5c8a1a;
}
body.dark .basic-button:focus:hover,
body.dark .create-button:focus:hover,
body.dark .edit-button:focus:hover,
body.dark .imab-button:focus:hover {
  color: #ffffff;
}
.basic-button:focus:hover a,
.create-button:focus:hover a,
.edit-button:focus:hover a,
.imab-button:focus:hover a {
  color: #ffffff;
}
body.dark .basic-button:focus:hover a,
body.dark .create-button:focus:hover a,
body.dark .edit-button:focus:hover a,
body.dark .imab-button:focus:hover a {
  color: #ffffff;
}
.basic-button:focus:hover .svg-icon svg,
.create-button:focus:hover .svg-icon svg,
.edit-button:focus:hover .svg-icon svg,
.imab-button:focus:hover .svg-icon svg {
  fill: #ffffff;
}
body.dark .basic-button:focus:hover .svg-icon svg,
body.dark .create-button:focus:hover .svg-icon svg,
body.dark .edit-button:focus:hover .svg-icon svg,
body.dark .imab-button:focus:hover .svg-icon svg {
  fill: #ffffff;
}
.basic-button:focus a,
.create-button:focus a,
.edit-button:focus a,
.imab-button:focus a {
  color: #ffffff;
}
body.dark .basic-button:focus a,
body.dark .create-button:focus a,
body.dark .edit-button:focus a,
body.dark .imab-button:focus a {
  color: #ffffff;
}
.basic-button:focus a:hover,
.create-button:focus a:hover,
.edit-button:focus a:hover,
.imab-button:focus a:hover {
  color: #ffffff;
}
body.dark .basic-button:focus a:hover,
body.dark .create-button:focus a:hover,
body.dark .edit-button:focus a:hover,
body.dark .imab-button:focus a:hover {
  color: #ffffff;
}
.basic-button:focus:focus,
.create-button:focus:focus,
.edit-button:focus:focus,
.imab-button:focus:focus {
  outline: none;
}
.important-button,
.login-button,
.confirm-button {
  font-size: 0.75rem;
  display: inline-block;
  border-radius: 16px;
  border: 0;
  font-size: 0.685rem;
  transition: 0.5s all linear;
  white-space: nowrap;
  letter-spacing: 0.03em;
  height: 28px;
  line-height: 28px;
  cursor: pointer;
  background-color: #ffffff;
  color: #474c54;
  background-color: #ea6c02;
  color: #ffffff;
}
.important-button a,
.login-button a,
.confirm-button a {
  display: inline-block;
  height: 100%;
}
.important-button button:nth-of-type(1),
.login-button button:nth-of-type(1),
.confirm-button button:nth-of-type(1),
.important-button a:nth-of-type(1),
.login-button a:nth-of-type(1),
.confirm-button a:nth-of-type(1) {
  padding-left: 0.75em;
}
.important-button button:nth-of-type(2),
.login-button button:nth-of-type(2),
.confirm-button button:nth-of-type(2),
.important-button a:nth-of-type(2),
.login-button a:nth-of-type(2),
.confirm-button a:nth-of-type(2) {
  vertical-align: top;
  padding-left: 0;
  padding-right: 0.75em;
}
.important-button button:only-child,
.login-button button:only-child,
.confirm-button button:only-child,
.important-button a:only-child,
.login-button a:only-child,
.confirm-button a:only-child {
  padding: 0 0.75em;
}
a.important-button,
a.login-button,
a.confirm-button,
button.important-button,
button.login-button,
button.confirm-button,
label.important-button,
label.login-button,
label.confirm-button {
  padding: 0 1em;
}
a.important-button,
a.login-button,
a.confirm-button,
button.important-button,
button.login-button,
button.confirm-button {
  margin: 0.2em;
}
body.dark .important-button,
body.dark .login-button,
body.dark .confirm-button {
  background-color: #2e3137;
}
body.dark .important-button,
body.dark .login-button,
body.dark .confirm-button {
  color: #ffffff;
}
.important-button:hover,
.login-button:hover,
.confirm-button:hover {
  text-decoration: none;
  background-color: #474c54;
  color: #ffffff;
}
body.dark .important-button:hover,
body.dark .login-button:hover,
body.dark .confirm-button:hover {
  background-color: #474c54;
}
body.dark .important-button:hover,
body.dark .login-button:hover,
body.dark .confirm-button:hover {
  color: #ffffff;
}
.important-button:hover a,
.login-button:hover a,
.confirm-button:hover a {
  color: #474c54;
}
body.dark .important-button:hover a,
body.dark .login-button:hover a,
body.dark .confirm-button:hover a {
  color: #ffffff;
}
.important-button:hover .svg-icon svg,
.login-button:hover .svg-icon svg,
.confirm-button:hover .svg-icon svg {
  fill: #ffffff;
}
body.dark .important-button:hover .svg-icon svg,
body.dark .login-button:hover .svg-icon svg,
body.dark .confirm-button:hover .svg-icon svg {
  fill: #ffffff;
}
.important-button.disabled,
.login-button.disabled,
.confirm-button.disabled,
.important-button[disabled],
.login-button[disabled],
.confirm-button[disabled] {
  box-shadow: none !important;
  text-shadow: none;
  background: #e4e5e5;
  border-color: rgba(67, 128, 152, 0.3);
  color: #767b7e;
}
body.dark .important-button.disabled,
body.dark .login-button.disabled,
body.dark .confirm-button.disabled,
body.dark .important-button[disabled],
body.dark .login-button[disabled],
body.dark .confirm-button[disabled] {
  background: #244451;
}
body.dark .important-button.disabled,
body.dark .login-button.disabled,
body.dark .confirm-button.disabled,
body.dark .important-button[disabled],
body.dark .login-button[disabled],
body.dark .confirm-button[disabled] {
  border-color: transparent;
}
body.dark .important-button.disabled,
body.dark .login-button.disabled,
body.dark .confirm-button.disabled,
body.dark .important-button[disabled],
body.dark .login-button[disabled],
body.dark .confirm-button[disabled] {
  color: #589bb6;
}
.important-button.disabled:focus,
.login-button.disabled:focus,
.confirm-button.disabled:focus,
.important-button[disabled]:focus,
.login-button[disabled]:focus,
.confirm-button[disabled]:focus {
  outline: none;
}
.important-button.disabled:hover,
.login-button.disabled:hover,
.confirm-button.disabled:hover,
.important-button[disabled]:hover,
.login-button[disabled]:hover,
.confirm-button[disabled]:hover {
  box-shadow: none !important;
  text-shadow: none;
  background: #e4e5e5;
  color: #767b7e;
}
body.dark .important-button.disabled:hover,
body.dark .login-button.disabled:hover,
body.dark .confirm-button.disabled:hover,
body.dark .important-button[disabled]:hover,
body.dark .login-button[disabled]:hover,
body.dark .confirm-button[disabled]:hover {
  background: #244451;
}
body.dark .important-button.disabled:hover,
body.dark .login-button.disabled:hover,
body.dark .confirm-button.disabled:hover,
body.dark .important-button[disabled]:hover,
body.dark .login-button[disabled]:hover,
body.dark .confirm-button[disabled]:hover {
  color: #589bb6;
}
.important-button.disabled:hover .svg-icon svg,
.login-button.disabled:hover .svg-icon svg,
.confirm-button.disabled:hover .svg-icon svg,
.important-button[disabled]:hover .svg-icon svg,
.login-button[disabled]:hover .svg-icon svg,
.confirm-button[disabled]:hover .svg-icon svg {
  fill: #767b7e;
}
body.dark .important-button.disabled:hover .svg-icon svg,
body.dark .login-button.disabled:hover .svg-icon svg,
body.dark .confirm-button.disabled:hover .svg-icon svg,
body.dark .important-button[disabled]:hover .svg-icon svg,
body.dark .login-button[disabled]:hover .svg-icon svg,
body.dark .confirm-button[disabled]:hover .svg-icon svg {
  fill: #589bb6;
}
.important-button:focus,
.login-button:focus,
.confirm-button:focus {
  outline: none;
}
body.dark .important-button,
body.dark .login-button,
body.dark .confirm-button {
  background-color: #ea6c02;
}
body.dark .important-button,
body.dark .login-button,
body.dark .confirm-button {
  color: #ffffff;
}
.important-button:hover,
.login-button:hover,
.confirm-button:hover {
  background-color: #c75c02;
  color: #ffffff;
  text-decoration: none;
}
body.dark .important-button:hover,
body.dark .login-button:hover,
body.dark .confirm-button:hover {
  background-color: #c75c02;
}
body.dark .important-button:hover,
body.dark .login-button:hover,
body.dark .confirm-button:hover {
  color: #ffffff;
}
.important-button:hover .svg-icon svg,
.login-button:hover .svg-icon svg,
.confirm-button:hover .svg-icon svg {
  fill: #ffffff;
}
body.dark .important-button:hover .svg-icon svg,
body.dark .login-button:hover .svg-icon svg,
body.dark .confirm-button:hover .svg-icon svg {
  fill: #ffffff;
}
.important-button:focus,
.login-button:focus,
.confirm-button:focus {
  outline: none;
}
.important-button:focus,
.login-button:focus,
.confirm-button:focus {
  font-size: 0.75rem;
  display: inline-block;
  border-radius: 16px;
  border: 0;
  font-size: 0.685rem;
  transition: 0.5s all linear;
  white-space: nowrap;
  letter-spacing: 0.03em;
  height: 28px;
  line-height: 28px;
  cursor: pointer;
  background-color: #ffffff;
  color: #474c54;
  background-color: #ea6c02;
  color: #ffffff;
}
.important-button:focus a,
.login-button:focus a,
.confirm-button:focus a {
  display: inline-block;
  height: 100%;
}
.important-button:focus button:nth-of-type(1),
.login-button:focus button:nth-of-type(1),
.confirm-button:focus button:nth-of-type(1),
.important-button:focus a:nth-of-type(1),
.login-button:focus a:nth-of-type(1),
.confirm-button:focus a:nth-of-type(1) {
  padding-left: 0.75em;
}
.important-button:focus button:nth-of-type(2),
.login-button:focus button:nth-of-type(2),
.confirm-button:focus button:nth-of-type(2),
.important-button:focus a:nth-of-type(2),
.login-button:focus a:nth-of-type(2),
.confirm-button:focus a:nth-of-type(2) {
  vertical-align: top;
  padding-left: 0;
  padding-right: 0.75em;
}
.important-button:focus button:only-child,
.login-button:focus button:only-child,
.confirm-button:focus button:only-child,
.important-button:focus a:only-child,
.login-button:focus a:only-child,
.confirm-button:focus a:only-child {
  padding: 0 0.75em;
}
a.important-button:focus,
a.login-button:focus,
a.confirm-button:focus,
button.important-button:focus,
button.login-button:focus,
button.confirm-button:focus,
label.important-button:focus,
label.login-button:focus,
label.confirm-button:focus {
  padding: 0 1em;
}
a.important-button:focus,
a.login-button:focus,
a.confirm-button:focus,
button.important-button:focus,
button.login-button:focus,
button.confirm-button:focus {
  margin: 0.2em;
}
body.dark .important-button:focus,
body.dark .login-button:focus,
body.dark .confirm-button:focus {
  background-color: #2e3137;
}
body.dark .important-button:focus,
body.dark .login-button:focus,
body.dark .confirm-button:focus {
  color: #ffffff;
}
.important-button:focus:hover,
.login-button:focus:hover,
.confirm-button:focus:hover {
  text-decoration: none;
  background-color: #474c54;
  color: #ffffff;
}
body.dark .important-button:focus:hover,
body.dark .login-button:focus:hover,
body.dark .confirm-button:focus:hover {
  background-color: #474c54;
}
body.dark .important-button:focus:hover,
body.dark .login-button:focus:hover,
body.dark .confirm-button:focus:hover {
  color: #ffffff;
}
.important-button:focus:hover a,
.login-button:focus:hover a,
.confirm-button:focus:hover a {
  color: #474c54;
}
body.dark .important-button:focus:hover a,
body.dark .login-button:focus:hover a,
body.dark .confirm-button:focus:hover a {
  color: #ffffff;
}
.important-button:focus:hover .svg-icon svg,
.login-button:focus:hover .svg-icon svg,
.confirm-button:focus:hover .svg-icon svg {
  fill: #ffffff;
}
body.dark .important-button:focus:hover .svg-icon svg,
body.dark .login-button:focus:hover .svg-icon svg,
body.dark .confirm-button:focus:hover .svg-icon svg {
  fill: #ffffff;
}
.important-button:focus.disabled,
.login-button:focus.disabled,
.confirm-button:focus.disabled,
.important-button:focus[disabled],
.login-button:focus[disabled],
.confirm-button:focus[disabled] {
  box-shadow: none !important;
  text-shadow: none;
  background: #e4e5e5;
  border-color: rgba(67, 128, 152, 0.3);
  color: #767b7e;
}
body.dark .important-button:focus.disabled,
body.dark .login-button:focus.disabled,
body.dark .confirm-button:focus.disabled,
body.dark .important-button:focus[disabled],
body.dark .login-button:focus[disabled],
body.dark .confirm-button:focus[disabled] {
  background: #244451;
}
body.dark .important-button:focus.disabled,
body.dark .login-button:focus.disabled,
body.dark .confirm-button:focus.disabled,
body.dark .important-button:focus[disabled],
body.dark .login-button:focus[disabled],
body.dark .confirm-button:focus[disabled] {
  border-color: transparent;
}
body.dark .important-button:focus.disabled,
body.dark .login-button:focus.disabled,
body.dark .confirm-button:focus.disabled,
body.dark .important-button:focus[disabled],
body.dark .login-button:focus[disabled],
body.dark .confirm-button:focus[disabled] {
  color: #589bb6;
}
.important-button:focus.disabled:focus,
.login-button:focus.disabled:focus,
.confirm-button:focus.disabled:focus,
.important-button:focus[disabled]:focus,
.login-button:focus[disabled]:focus,
.confirm-button:focus[disabled]:focus {
  outline: none;
}
.important-button:focus.disabled:hover,
.login-button:focus.disabled:hover,
.confirm-button:focus.disabled:hover,
.important-button:focus[disabled]:hover,
.login-button:focus[disabled]:hover,
.confirm-button:focus[disabled]:hover {
  box-shadow: none !important;
  text-shadow: none;
  background: #e4e5e5;
  color: #767b7e;
}
body.dark .important-button:focus.disabled:hover,
body.dark .login-button:focus.disabled:hover,
body.dark .confirm-button:focus.disabled:hover,
body.dark .important-button:focus[disabled]:hover,
body.dark .login-button:focus[disabled]:hover,
body.dark .confirm-button:focus[disabled]:hover {
  background: #244451;
}
body.dark .important-button:focus.disabled:hover,
body.dark .login-button:focus.disabled:hover,
body.dark .confirm-button:focus.disabled:hover,
body.dark .important-button:focus[disabled]:hover,
body.dark .login-button:focus[disabled]:hover,
body.dark .confirm-button:focus[disabled]:hover {
  color: #589bb6;
}
.important-button:focus.disabled:hover .svg-icon svg,
.login-button:focus.disabled:hover .svg-icon svg,
.confirm-button:focus.disabled:hover .svg-icon svg,
.important-button:focus[disabled]:hover .svg-icon svg,
.login-button:focus[disabled]:hover .svg-icon svg,
.confirm-button:focus[disabled]:hover .svg-icon svg {
  fill: #767b7e;
}
body.dark .important-button:focus.disabled:hover .svg-icon svg,
body.dark .login-button:focus.disabled:hover .svg-icon svg,
body.dark .confirm-button:focus.disabled:hover .svg-icon svg,
body.dark .important-button:focus[disabled]:hover .svg-icon svg,
body.dark .login-button:focus[disabled]:hover .svg-icon svg,
body.dark .confirm-button:focus[disabled]:hover .svg-icon svg {
  fill: #589bb6;
}
.important-button:focus:focus,
.login-button:focus:focus,
.confirm-button:focus:focus {
  outline: none;
}
body.dark .important-button:focus,
body.dark .login-button:focus,
body.dark .confirm-button:focus {
  background-color: #ea6c02;
}
body.dark .important-button:focus,
body.dark .login-button:focus,
body.dark .confirm-button:focus {
  color: #ffffff;
}
.important-button:focus:hover,
.login-button:focus:hover,
.confirm-button:focus:hover {
  background-color: #c75c02;
  color: #ffffff;
  text-decoration: none;
}
body.dark .important-button:focus:hover,
body.dark .login-button:focus:hover,
body.dark .confirm-button:focus:hover {
  background-color: #c75c02;
}
body.dark .important-button:focus:hover,
body.dark .login-button:focus:hover,
body.dark .confirm-button:focus:hover {
  color: #ffffff;
}
.important-button:focus:hover .svg-icon svg,
.login-button:focus:hover .svg-icon svg,
.confirm-button:focus:hover .svg-icon svg {
  fill: #ffffff;
}
body.dark .important-button:focus:hover .svg-icon svg,
body.dark .login-button:focus:hover .svg-icon svg,
body.dark .confirm-button:focus:hover .svg-icon svg {
  fill: #ffffff;
}
.important-button:focus:focus,
.login-button:focus:focus,
.confirm-button:focus:focus {
  outline: none;
}
.login-button {
  float: right;
  border: none;
  padding: 0 2.5em;
  background-color: #ff9800;
  box-shadow: 0 0 8px #ff9800;
  color: #05090a;
}
.login-button:hover {
  background-color: #e68900;
  color: #05090a;
}
.disabled-button {
  box-shadow: none !important;
  text-shadow: none;
  background: #e4e5e5;
  border-color: rgba(67, 128, 152, 0.3);
  color: #767b7e;
}
body.dark .disabled-button {
  background: #244451;
}
body.dark .disabled-button {
  border-color: transparent;
}
body.dark .disabled-button {
  color: #589bb6;
}
.disabled-button:focus {
  outline: none;
}
.disabled-button:hover {
  box-shadow: none !important;
  text-shadow: none;
  background: #e4e5e5;
  color: #767b7e;
}
body.dark .disabled-button:hover {
  background: #244451;
}
body.dark .disabled-button:hover {
  color: #589bb6;
}
.disabled-button:hover .svg-icon svg {
  fill: #767b7e;
}
body.dark .disabled-button:hover .svg-icon svg {
  fill: #589bb6;
}
.disabled-button:focus {
  box-shadow: none !important;
  text-shadow: none;
  background: #e4e5e5;
  border-color: rgba(67, 128, 152, 0.3);
  color: #767b7e;
}
body.dark .disabled-button:focus {
  background: #244451;
}
body.dark .disabled-button:focus {
  border-color: transparent;
}
body.dark .disabled-button:focus {
  color: #589bb6;
}
.disabled-button:focus:focus {
  outline: none;
}
.disabled-button:focus:hover {
  box-shadow: none !important;
  text-shadow: none;
  background: #e4e5e5;
  color: #767b7e;
}
body.dark .disabled-button:focus:hover {
  background: #244451;
}
body.dark .disabled-button:focus:hover {
  color: #589bb6;
}
.disabled-button:focus:hover .svg-icon svg {
  fill: #767b7e;
}
body.dark .disabled-button:focus:hover .svg-icon svg {
  fill: #589bb6;
}
.button-circle {
  margin-right: 10px;
}
.button-circle svg {
  border-radius: 50%;
  border-width: 2px;
  border-style: solid;
  padding: 4px;
}
.button-circle svg:hover {
  transition: 0.5s all linear;
  cursor: pointer;
}
.button-circle.success svg {
  border-color: #09a84c;
  fill: #09a84c;
}
.button-circle.success svg:hover {
  border-color: #066d31;
  fill: #066d31;
}
.button-circle.success.selected svg {
  border-color: #09a84c;
  fill: #ffffff;
  background-color: #09a84c;
}
.button-circle.alert svg {
  border-color: #d52101;
  fill: #d52101;
}
.button-circle.alert svg:hover {
  border-color: #8a1501;
  fill: #8a1501;
}
.button-circle.alert.selected svg {
  border-color: #d52101;
  fill: #ffffff;
  background-color: #d52101;
}
.icon-button {
  align-items: center;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 50%;
  box-sizing: content-box;
  cursor: pointer;
  display: inline-flex;
  height: 18px;
  padding: 7px;
  transition: all 0.4s linear;
  width: 18px;
  z-index: 1;
  position: relative;
  overflow: hidden;
  color: currentColor;
}
.icon-button:hover {
  border-color: rgba(67, 128, 152, 0.5);
  box-shadow: 0 0 7px 0 rgba(67, 128, 152, 0.3);
}
.icon-button:hover::before {
  left: -100%;
}
.icon-button:focus,
.icon-button:focus-within {
  border-color: #1daabd;
  box-shadow: 0 0 7px 0 rgba(29, 170, 189, 0.3);
}
.icon-button:focus::before,
.icon-button:focus-within::before {
  left: -100%;
  background-color: rgba(29, 170, 189, 0.2);
}
.icon-button::before {
  content: '';
  position: absolute;
  width: 0;
  height: 100%;
  top: 0;
  left: 100%;
  transition: 0.3s all ease-out;
  z-index: -1;
  background-color: rgba(67, 128, 152, 0.2);
}
.icon-button:hover {
  border-color: rgba(67, 128, 152, 0.5);
  box-shadow: 3px 3px 7px 0 rgba(67, 128, 152, 0.3);
  cursor: pointer;
}
.icon-button:hover::before {
  width: 100%;
  left: 0;
  background-color: rgba(67, 128, 152, 0.2);
}
.icon-button.selected,
.icon-button:focus,
.icon-button:focus-within {
  border-color: #1daabd;
  box-shadow: 0 0 7px 0 rgba(29, 170, 189, 0.3);
}
.icon-button.selected::before,
.icon-button:focus::before,
.icon-button:focus-within::before {
  width: 100%;
  left: 0;
  background-color: rgba(29, 170, 189, 0.2);
}
.icon-button:disabled,
.icon-button[disabled] {
  opacity: 0.5;
  border: none;
  box-shadow: none;
  cursor: not-allowed;
}
.icon-button::before {
  content: '';
  position: absolute;
  width: 0;
  height: 100%;
  top: 0;
  left: 100%;
  transition: 0.3s all ease-out;
  z-index: -1;
  background-color: rgba(67, 128, 152, 0.2);
}
.icon-button:hover {
  border-color: rgba(67, 128, 152, 0.5);
  box-shadow: 3px 3px 7px 0 rgba(67, 128, 152, 0.3);
  cursor: pointer;
}
.icon-button:hover::before {
  width: 100%;
  left: 0;
  background-color: rgba(67, 128, 152, 0.2);
}
.icon-button.selected,
.icon-button:focus,
.icon-button:focus-within {
  border-color: #1daabd;
  box-shadow: 0 0 7px 0 rgba(29, 170, 189, 0.3);
}
.icon-button.selected::before,
.icon-button:focus::before,
.icon-button:focus-within::before {
  width: 100%;
  left: 0;
  background-color: rgba(29, 170, 189, 0.2);
}
.icon-button:disabled,
.icon-button[disabled] {
  opacity: 0.5;
  border: none;
  box-shadow: none;
  cursor: not-allowed;
}
body.dark .icon-button {
  color: #ffffff;
}
.icon-button + .icon-button {
  margin: 0 0 0 3px;
}
.icon-button + .icon-button.right {
  margin: 0 3px 0 0;
}
.icon-button a {
  height: 100%;
  line-height: 1em;
  color: currentColor;
}
body.dark .icon-button a {
  color: #ffffff;
}
.icon-button a:hover svg {
  fill: currentColor;
}
body.dark .icon-button a:hover svg {
  fill: #ffffff;
}
.icon-button .svg-icon {
  height: 100%;
}
.icon-button .svg-icon.tiny {
  position: relative;
  left: 3px;
}
.icon-button .svg-icon svg {
  height: 100%;
  transition: none;
  position: relative;
  left: 1px;
  fill: currentColor;
}
body.dark .icon-button .svg-icon svg {
  fill: #ffffff;
}
.icon-button.down svg {
  transform: rotate(90deg);
}
.icon-button.up {
  transform: rotate(-90deg);
}
.pending-list button,
.pending-list .button {
  margin: 0;
  min-width: 80px;
}
/* These claim to be button overrides */
.image {
  position: relative;
  width: 100%;
  /* for IE 6 */
}
.custom_icon {
  margin-right: 4px;
}
#changeDeferredButton,
#changeDeferredSubmit {
  margin-left: 5px;
}
#admin button {
  margin-bottom: 1.25rem;
}
.load-more {
  text-align: center;
}
.holly-block + .accordion {
  margin-top: 8px;
}
.accordion {
  font-size: 0.9em;
  border-radius: 6px;
  overflow: hidden;
}
.accordion .accordion-navigation,
.accordion dd {
  margin: 0;
  border-bottom: 1px solid transparent;
  background-color: #c3dbe4;
  border-color: #e6f0f4;
}
body.dark .accordion .accordion-navigation,
body.dark .accordion dd {
  background-color: #336275;
}
body.dark .accordion .accordion-navigation,
body.dark .accordion dd {
  border-color: #244451;
}
.accordion .accordion-navigation:last-of-type,
.accordion dd:last-of-type {
  border-bottom: none;
}
.accordion .accordion-navigation table,
.accordion dd table {
  margin: 0;
}
.accordion .accordion-navigation > a,
.accordion dd > a {
  font-size: 1rem;
  padding: 8px;
  display: block;
  text-decoration: none;
  color: currentColor;
}
.accordion .accordion-navigation > a:before,
.accordion dd > a:before,
.accordion .accordion-navigation > a:after,
.accordion dd > a:after {
  content: " ";
  display: table;
}
.accordion .accordion-navigation > a:after,
.accordion dd > a:after {
  clear: both;
}
.accordion .accordion-navigation > a:before,
.accordion dd > a:before,
.accordion .accordion-navigation > a:after,
.accordion dd > a:after {
  content: " ";
  display: table;
}
.accordion .accordion-navigation > a:after,
.accordion dd > a:after {
  clear: both;
}
body.dark .accordion .accordion-navigation > a,
body.dark .accordion dd > a {
  color: #ffffff;
}
.accordion .accordion-navigation > a:hover,
.accordion dd > a:hover {
  background-color: #9fc6d5;
}
body.dark .accordion .accordion-navigation > a:hover,
body.dark .accordion dd > a:hover {
  background-color: #336275;
}
.accordion .accordion-navigation > a .button,
.accordion dd > a .button {
  font-size: 0.7rem;
}
.accordion .accordion-navigation > .content,
.accordion dd > .content {
  display: none;
  padding: 8px;
  background-color: #ffffff;
}
body.dark .accordion .accordion-navigation > .content,
body.dark .accordion dd > .content {
  background-color: #14272e;
}
.accordion .accordion-navigation > .content.active,
.accordion dd > .content.active {
  display: block;
}
.accordion .accordion-navigation.active .content,
.accordion dd.active .content {
  display: block;
}
.accordion div.accordion-navigation {
  background-color: #e6f0f4;
  border-color: #e6f0f4;
}
body.dark .accordion div.accordion-navigation {
  background-color: #336275;
}
body.dark .accordion div.accordion-navigation {
  border-color: #336275;
}
.accordion div.accordion-navigation:last-of-type {
  border-bottom: 1px solid transparent;
}
.master-detail-container .detail-container .accordion-navigation #changes_panel > .right,
.master-detail-container .detail-container .accordion-navigation #workitems_panel > .right {
  margin-left: 40px;
}
.master-detail-container .detail-container .accordion-navigation #ar_count,
.master-detail-container .detail-container .accordion-navigation #arts_count,
.master-detail-container .detail-container .accordion-navigation #change_count,
.master-detail-container .detail-container .accordion-navigation #pkg_count,
.master-detail-container .detail-container .accordion-navigation #staged_arts_count,
.master-detail-container .detail-container .accordion-navigation #staged_change_count,
.master-detail-container .detail-container .accordion-navigation #staged_wi_count,
.master-detail-container .detail-container .accordion-navigation #wi_count {
  font-size: 0.5em;
}
.__witable td:last-child,
.out__artable td:last-child {
  text-align: right;
}
#home h1 {
  font-size: 2.4rem;
}
#home p {
  padding: 8px 0;
}
#home .main-text {
  margin-right: 50%;
  padding-right: 8px;
}
#home #player1 {
  vertical-align: middle;
  display: inline-block;
  width: 612px;
  height: 482px;
  padding: 0;
  margin: 0 20px 0 0;
  background: #21252c;
}
#home .navblock {
  margin-bottom: 20px;
}
#home .navblock .navblock-title {
  display: flex;
  align-items: center;
}
#home .navblock .navblock-title .icon-wrapper {
  height: 50px;
  width: 50px;
  margin-right: 10px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
#home .navblock .navblock-title .icon-wrapper svg {
  width: 60%;
  height: 60%;
  fill: #272c34;
}
body.dark #home .navblock .navblock-title .icon-wrapper svg {
  fill: #ffffff;
}
#home .navblock .navblock-title a {
  display: inline-block;
  text-decoration: none;
  color: #00a9e0;
  text-transform: uppercase;
  margin: 0.5em 0;
  font-size: 17px;
}
#home .navblock .navblock-description {
  padding-left: calc(50px + 10px);
}
#home .main-content-wrapper {
  box-sizing: border-box;
  padding: 0 10px;
  position: relative;
  width: 100%;
}
#home .getting-started {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  min-width: 1200px;
}
#home .getting-started .hs1 h1 {
  font-size: 44.8px;
  font-weight: 400;
  margin: 0.8em 0;
  text-align: center;
}
#home .getting-started .hs1 .content {
  border-radius: 6px;
  border: 1px solid;
  display: flex;
  max-width: 1055px;
  min-height: 650px;
  border-color: #c3dbe4;
  overflow: hidden;
}
body.dark #home .getting-started .hs1 .content {
  border-color: #244451;
}
#home .getting-started .hs1 .content .items {
  padding: 24px 72px;
  background-color: #ffffff;
}
body.dark #home .getting-started .hs1 .content .items {
  background-color: #14272e;
}
#home .getting-started .hs1 .content .items .new-changes {
  padding: 5px;
}
#home .getting-started .hs1 .content .items .product-highlights {
  display: flex;
  flex-direction: row;
  padding: 8px 0 0;
}
#home .getting-started .hs1 .content .items .product-highlights .highlights {
  flex: 50%;
}
#home .getting-started .hs1 .content .items .product-highlights .highlights ul {
  list-style-type: disc;
  padding: 4px 14px;
}
#home .getting-started .hs1 .content .items .list-view-right {
  scrollbar-width: thin;
  overflow: auto;
  margin-top: 24px;
}
#home .getting-started .hs1 .content .items .list-view-right .list-view {
  display: flex;
  padding: 0 4px 24px 0;
}
#home .getting-started .hs1 .content .items .list-view-right .list-view .list-view-content {
  margin: 8px 0 0 16px;
}
#home .getting-started .hs1 .content .items .list-view-right .list-view .list-view-content ol {
  list-style-type: decimal;
}
#home .getting-started .hs1 .content .items .list-view-right .list-view .list-view-content ol li {
  padding: 5px;
}
#home .getting-started .hs1 .content .items .list-view-right .list-view .list-view-content ol ul {
  list-style-type: disc;
  padding-left: 15px;
  padding-top: 5px;
}
#home .getting-started .hs1 .content .items .list-view-right .list-view .sync-notes-icon svg {
  fill: #79B522;
}
body.dark #home .getting-started .hs1 .content .items .list-view-right .list-view .sync-notes-icon svg {
  fill: #79B522;
}
#home .getting-started .hs1 .content .items .video-section {
  width: 640px;
  padding: 16px 0 24px;
}
#home .getting-started .hs1 .content-nav {
  display: flex;
  flex-direction: column;
  border-right: 1px solid;
  border-right-color: #c3dbe4;
  background-color: #ffffff;
  position: relative;
}
body.dark #home .getting-started .hs1 .content-nav {
  border-right-color: #244451;
}
body.dark #home .getting-started .hs1 .content-nav {
  background-color: #14272e;
}
#home .getting-started .hs1 .content-nav button {
  border: none;
  outline: none;
  cursor: pointer;
  height: auto;
  border-radius: 0px;
  padding: 15px 10px;
  border-bottom: 1px solid;
  white-space: nowrap;
  text-align: left;
  min-width: 270px;
  display: flex;
  align-items: center;
  background-color: #ffffff;
  border-bottom-color: #c3dbe4;
  color: currentColor;
}
body.dark #home .getting-started .hs1 .content-nav button {
  background-color: #14272e;
}
body.dark #home .getting-started .hs1 .content-nav button {
  border-bottom-color: #244451;
}
#home .getting-started .hs1 .content-nav button span {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  margin-right: 8px;
}
#home .getting-started .hs1 .content-nav button .left-icon {
  padding: 2px 12px 2px 4px;
  vertical-align: text-bottom;
}
#home .getting-started .hs1 .content-nav .tab-content {
  padding: 6px 12px;
  border-top: none;
  width: 635px;
  height: 100%;
}
#home .getting-started .hs1 .content-nav button.active {
  background-color: #79B522;
}
body.dark #home .getting-started .hs1 .content-nav button.active {
  background-color: #79B522;
}
.login-body {
  background: #191d22;
}
.login-bg-image,
.login-pattern {
  position: fixed;
  top: 0;
  bottom: -120px;
  left: 0;
  right: 0;
}
.login-bg-image {
  background: url("/static/common/img/login-graphic.svg") no-repeat center bottom;
  background-size: cover;
  z-index: -1;
}
.login-pattern {
  background-repeat: no-repeat;
  background-position: center bottom;
  z-index: -1;
}
.page-content {
  height: 100vh;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.page-content.license {
  align-items: flex-start;
}
.page-content-details-wrapper {
  margin: auto 0;
}
.page-content-details {
  box-shadow: 0 0 24px rgba(67, 128, 152, 0.3);
  border-radius: 16px;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;
}
.login-message-container {
  display: none;
  background-color: rgba(0, 0, 0, 0.4);
  color: #ffffff;
  padding: 5px 0px 0px 10px;
  min-height: 90px;
  position: static;
  margin-top: 20px;
  border-radius: 12px;
  max-width: 980px;
}
.login-message-container .svg-icon svg {
  fill: #ffffff;
}
#login-message {
  display: inline-flex;
  line-height: normal;
}
.login-content {
  min-width: 330px;
  padding: 80px 80px;
  background: url("/static/common/img/dark-login-form-bg.svg") no-repeat center bottom, linear-gradient(to bottom right, #14272e, #244451);
  background-size: cover;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}
.login-content#maincontent {
  width: auto;
  margin: 0;
}
.login-content #attempt_login_btn {
  float: right;
}
.login-content #sso_login_btn {
  position: absolute;
  top: 220px;
  left: 25%;
}
.login-content #sso_login_text {
  position: absolute;
  top: 179px;
  left: 17%;
  font-weight: 700;
  color: #ffffff;
  font-size: 12px;
}
.login-content .logo-container {
  padding: 0 62px 30px;
}
.login-content .logo-container:before,
.login-content .logo-container:after {
  content: " ";
  display: table;
}
.login-content .logo-container:after {
  clear: both;
}
.login-content .logo-container:before,
.login-content .logo-container:after {
  content: " ";
  display: table;
}
.login-content .logo-container:after {
  clear: both;
}
.login-content .logo-container .agility-logo {
  background: url("/static/common/img/digital-ai-agility-dark-theme-logo.svg") no-repeat left bottom;
  width: 250px;
  height: 60px;
}
.login-content .login-form {
  width: 330px;
}
.login-content .login-form .login label {
  display: block;
  color: #ffffff;
}
.login-content .login-form .login input[type="text"],
.login-content .login-form .login input[type="password"] {
  padding: 0.75em;
  margin: 5px 0 16px 0;
  width: 100% !important;
  display: block;
  border: 1px solid #438098;
  border-radius: 20px;
  box-sizing: border-box;
  transition: 0.3s all ease;
  height: auto;
  background-color: transparent;
  color: #ffffff;
}
.login-content .login-form .login .checkbox-field,
.login-content .login-form .login .checkbox {
  display: inline-block;
  vertical-align: middle;
}
.login-content .login-form .login .checkbox {
  color: #61666e;
}
.login-content .login-form .login .button.tiny {
  font-size: 14px;
  font-weight: 700;
  transition: 0.3s all ease;
}
.login-content .login-form .login .button.tiny:hover {
  background-color: #c53e09;
}
.login-content .login-form .login [type="submit"] {
  float: right;
  border: none;
}
.login-content .login-form .login [type="checkbox"] {
  display: inline-block;
  padding: 0.5em;
  border: 0;
  border-radius: 8px;
}
.login-content .login-form .login [type="checkbox"] + label {
  display: inline-block;
}
.login-content .login-form .login .links {
  width: 338px;
  border-style: solid;
  border-top: 1px solid #ffffff;
  text-align: right;
}
.login-content .login-form .login .links > * {
  display: inline;
  margin-right: 0.75em;
}
.login-content .login-form .login .links li:last,
.login-content .login-form .login .links li:last a {
  margin-right: 0;
}
.login-content .login-form .login .forgot-pass {
  padding-top: 20px;
  text-align: right;
  font-size: 14px;
}
.login-content .login-form .login .forgot-password {
  color: #5ad5e6;
}
.login-content .login-form .login .forgot-password:hover {
  color: #00a9e0;
}
.login-content .login-form .login .product-identifier {
  overflow: hidden;
  padding: 1em 2em;
  width: 100%;
  box-sizing: border-box;
  background-color: #31363e;
  color: #ffffff;
}
.login-content .login-form .login .product-identifier > * {
  display: inline-block;
  zoom: 1;
  vertical-align: middle;
  margin: 0 0.5em;
}
.login-content .login-form .message {
  margin: 2em auto;
  width: 330px;
  color: #7dad59;
}
.login-content .login-form .resetpassword {
  margin-top: -20px;
  margin-bottom: 20px;
}
.login-content .login-form .resetusername {
  margin-top: 0px;
}
.login-content .login-form .resetusername label input[type="text"]:disabled {
  border-width: 0 0 1px 0;
  opacity: 1;
}
.login-content .login {
  max-width: 100%;
}
.login-content .login form {
  padding: 1em;
}
.login-content .about-info .login {
  max-width: 330px;
}
.login-content .main-form-bottom,
.login-content .main-form-bottom-sso {
  box-sizing: border-box;
  color: #ffffff;
}
.login-content .main-form-bottom .company-name,
.login-content .main-form-bottom-sso .company-name {
  color: #ffffff;
  font-size: 1.714rem;
}
.login-content .main-form-bottom .product-name,
.login-content .main-form-bottom-sso .product-name {
  color: #7c2348;
  font-size: 1.714rem;
  display: inline;
  margin-right: 5px;
}
.login-content .main-form-bottom > *,
.login-content .main-form-bottom-sso > * {
  display: inline-block;
  vertical-align: middle;
}
.login-content .main-form-bottom-sso {
  padding: 10em;
  width: 150%;
}
.login-content .main-form-bottom {
  padding: 1em;
  width: 100%;
}
.login-content .main-form-bottom > * {
  margin: 0 0.5em;
}
.login-content .login-form .login .welcome-message,
.login-content .login-form .login .divider .welcome-message,
.login-content .login-form .login .links .welcome-message,
.login-content .login-form .login .message .welcome-message,
.login-content .login-form .product-identifier .welcome-message {
  padding-left: 2em;
}
.login-content .login-form .login .welcome-message .welcome-content,
.login-content .login-form .login .divider .welcome-message .welcome-content,
.login-content .login-form .login .links .welcome-message .welcome-content,
.login-content .login-form .login .message .welcome-message .welcome-content,
.login-content .login-form .product-identifier .welcome-message .welcome-content {
  padding-left: 0;
  border-left: 0;
}
.login-content .errors {
  margin: 1em 0em;
  border: none;
  color: #ffffff;
  background-color: #d52101;
  padding: 16px;
  border-radius: 6px;
  position: relative;
}
.login-content .errors:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: inherit;
  transform: rotate(45deg);
  top: -5px;
  left: calc(50% - 5px);
}
.login-content .errors > * {
  margin-top: 0;
}
.login-content .errors h2 {
  font-size: 1.5em;
  color: inherit;
}
.login-content .sso-login-errors {
  display: none;
  border: none;
  color: #ffffff;
  background-color: #d52101;
  height: 95px;
  width: 700px;
  position: relative;
  top: 74px;
  right: 160px;
}
.login-content .sso-login-errors #oops {
  font-size: 35px;
  color: inherit;
  padding-left: 20px;
}
.login-content .sso-login-errors #errors {
  font-size: 14px;
  color: inherit;
  padding-left: 20px;
}
.login-content .license-panel {
  overflow: auto;
  height: 100%;
}
.login-content .license-panel .panel {
  margin: 0;
}
.license .login-content {
  border-radius: 12px;
}
.license .page-content-details-wrapper {
  margin: auto;
}
.login-optional-steps {
  background-color: #ffffff;
  border-radius: 0 6px 6px 0;
  overflow: hidden;
  padding: 80px;
}
#test-connection-failure,
#test-connection-success {
  border: none;
  color: #ffffff;
  height: 95px;
  width: 390px;
  display: none;
  font-size: 18px;
  text-align: center;
  padding: 20px;
  margin-top: 20px;
  border-radius: 10px;
}
#test-connection-success {
  background-color: #09a84c;
}
#test-connection-failure {
  background-color: #d52101;
}
.half-section {
  width: 330px;
}
.promo-item {
  display: block;
  padding: 10px 5px;
  margin: 15px 0;
  text-decoration: none;
  background-position: 5px 5px;
  background-repeat: no-repeat;
}
.os-item {
  padding: 0.5em 1em;
  display: flex;
  align-items: center;
  text-decoration: none;
  transition: 0.5s all ease;
}
.os-item > * {
  padding: 8px;
}
.os-item .os-item-title {
  font-size: 18px;
}
.os-item .os-item-desc {
  font-size: 12px;
}
.os-item .ico svg {
  fill: #244451;
  width: 48px;
  height: 48px;
}
body.dark .os-item .ico svg {
  fill: #c3dbe4;
}
.os-item .os-item-desc,
.promo-item .os-item-desc {
  padding: 0 5px 0 5px;
  display: block;
  line-height: 1.3em;
  color: #244451;
}
body.dark .os-item .os-item-desc,
body.dark .promo-item .os-item-desc {
  color: #c3dbe4;
}
.os-item .os-item-title,
.promo-item .os-item-title,
.av-title {
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  margin: 0.5em 0;
}
.promo-item .os-item-title {
  color: rgba(255, 255, 255, 0.5);
  margin: 1em 0;
  text-transform: uppercase;
}
.promo-item .os-item-desc {
  line-height: 1.5em;
  padding: 0.5em;
}
.promo-item .os-item-prompt {
  padding: 0 5px;
}
.os-item:hover,
.promo-item:hover {
  background-color: rgba(124, 35, 72, 0.3);
  text-decoration: none;
}
.os-item:hover h2,
.promo-item:hover h2 {
  color: #b7869a;
  transition: inherit;
}
.os-item:hover .ico svg,
.promo-item:hover .ico svg {
  fill: #b7869a;
  transition: inherit;
}
.links .os-item {
  height: 70px;
  padding: 7px;
  margin: 5px;
  width: 270px;
}
@media (max-width: 1000px) {
  .page-content-details {
    flex-direction: column;
    justify-content: flex-start;
    box-shadow: none;
  }
  .page-content-details .half-section {
    border-left: 0;
    border-top: 1px solid;
    border-top-color: rgba(255, 255, 255, 0.1);
  }
  .page-content-details .login-content#maincontent,
  .page-content-details .login-optional-steps {
    border-radius: 12px;
    box-shadow: 0 0 24px rgba(67, 128, 152, 0.3);
    margin-top: 20px;
  }
  .login-message-container {
    max-width: 490px;
  }
}
.password_change_dialog #password_requirements {
  margin: 16px 0;
}
#maincontent #settings {
  /*webhooks*/
}
#maincontent #settings tr {
  display: flex;
}
#maincontent #settings .defaultval {
  min-width: 100px;
}
#maincontent #settings .defaultval + input[type="checkbox"] {
  position: absolute;
  left: 150px;
}
#maincontent #settings .setval {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  word-wrap: break-word;
}
#maincontent #settings .setval [data-cooltip] {
  order: 2;
}
#maincontent #settings .setval .icon-button {
  margin-left: 10px;
}
#maincontent #settings .setlbl {
  max-width: 300px;
  min-width: 300px;
  width: 300px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#maincontent #settings .setlbl span:not(.svg-icon) {
  display: inline-block;
}
#maincontent #settings .newval {
  background: #FFDD66;
  border-color: #FFDD66;
  box-shadow: 3px 3px 7px rgba(255, 221, 102, 0.7);
  color: #ffffff;
}
body.dark #maincontent #settings .newval {
  background: #FFDD66;
}
body.dark #maincontent #settings .newval {
  border-color: rgba(234, 171, 0, 0.5);
}
body.dark #maincontent #settings .newval {
  box-shadow: 3px 3px 7px rgba(234, 171, 0, 0.7);
}
body.dark #maincontent #settings .newval {
  color: #14272e;
}
#maincontent #settings .panel {
  padding: 4px;
}
#maincontent #settings #div_details .row {
  margin: 0;
}
#maincontent #settings #samlSettingsTable td.inputCell {
  display: flex;
}
#maincontent #settings #samlSettingsTable td .required {
  color: #d52101;
  margin: 0 0.25em;
}
#maincontent #settings .import-button {
  margin: 1rem 0;
}
#maincontent #settings .sso-tab-buttons {
  margin-top: 20px;
}
#maincontent #settings .Select-arrow-zone {
  line-height: 20px;
}
/*! jQuery UI - v1.10.4 - 2015-10-08
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault='Proxima%20Nova'%2C%20'Lucida%20Sans%20Unicode'%2C%20'Lucida%20Grande'%2C%20sans-serif&fwDefault=normal&fsDefault=1em&cornerRadius=3px&bgColorHeader=%23878c94&bgTextureHeader=flat&bgImgOpacityHeader=75&borderColorHeader=%2361666e&fcHeader=%23272c34&iconColorHeader=%23272c34&bgColorContent=%23ffffff&bgTextureContent=flat&bgImgOpacityContent=100&borderColorContent=%23878c94&fcContent=%23272c34&iconColorContent=%23272c34&bgColorDefault=%23b7bcc4&bgTextureDefault=flat&bgImgOpacityDefault=100&borderColorDefault=%2361666e&fcDefault=%23272c34&iconColorDefault=%23272c34&bgColorHover=%23878c94&bgTextureHover=flat&bgImgOpacityHover=100&borderColorHover=%2361666e&fcHover=%23272c34&iconColorHover=%23272c34&bgColorActive=%23ffffff&bgTextureActive=flat&bgImgOpacityActive=65&borderColorActive=%23878c94&fcActive=%23272c34&iconColorActive=%23272c34&bgColorHighlight=%23fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=%23fcefa1&fcHighlight=%23363636&iconColorHighlight=%232e83ff&bgColorError=%23fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=%23cd0a0a&fcError=%23cd0a0a&iconColorError=%23cd0a0a&bgColorOverlay=%23b7bcc4&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=%2361666e&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted #000000;
}
.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin-top: 2px;
  padding: 0.5em 0.5em 0.5em 0.7em;
  min-height: 0;
  /* support: IE7 */
}
.ui-accordion .ui-accordion-icons {
  padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
  padding-left: 0.7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
  padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  left: 0.5em;
  top: 50%;
  margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}
.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}
.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  -webkit-box-shadow: 0 0 5px #a8abaf;
  box-shadow: 0 0 5px #a8abaf;
}
body .ui-tooltip {
  border-width: 2px;
}
/* Component containers
----------------------------------*/
.ui-widget {
  font-family: 'Lato', -apple-system, system-ui, BlinkMacSystemFont, sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 1em;
}
.ui-widget .ui-widget {
  font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: 'Lato', -apple-system, system-ui, BlinkMacSystemFont, sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 1em;
}
.ui-widget-content,
.ui-widget-header {
  border: none;
  color: #244451;
}
body.dark .ui-widget-content,
body.dark .ui-widget-header {
  color: #c3dbe4;
}
.ui-widget-content a,
.ui-widget-header a {
  color: #168291;
}
body.dark .ui-widget-content a,
body.dark .ui-widget-header a {
  color: #7cb0c5;
}
.ui-widget-content {
  padding: 8px;
  background: #ffffff;
}
body.dark .ui-widget-content {
  background: #14272e;
}
.ui-widget-overlay {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.45);
}
.ui-widget-header {
  margin: -8px -8px 8px;
  background: #e6f0f4;
}
body.dark .ui-widget-header {
  background: #244451;
}
.ui-menu .ui-menu {
  margin-top: -3px;
  position: absolute;
}
.ui-menu .ui-menu-item {
  margin: 0;
  padding: 0;
  width: 100%;
  /* support: IE10, see #8844 */
  list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.ui-menu .ui-menu-divider {
  margin: 5px -2px 5px -2px;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: 2px 0.4em;
  line-height: 1.5;
  min-height: 0;
  /* support: IE7 */
  font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
  font-weight: normal;
  margin: -1px;
}
.ui-menu .ui-state-disabled {
  font-weight: normal;
  margin: 0.4em 0 0.2em;
  line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
  cursor: default;
}
/* icon support */
.ui-menu-icons {
  position: relative;
}
.ui-menu-icons .ui-menu-item a {
  position: relative;
  padding-left: 2em;
}
/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: 0.2em;
  left: 0.2em;
}
/* right-aligned */
.ui-menu .ui-menu-icon {
  position: static;
  float: right;
}
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.chkbox {
  border: none;
}
.chkboxcolumn {
  text-align: center;
  width: 1px;
}
.codebox {
  font-family: Courier New;
  font-size: 10pt;
  border-width: 1px;
  border-style: solid;
  border-color: #c3dbe4;
  margin: 0px 0px 4px 0px;
  padding: 2px;
}
body.dark .codebox {
  border-color: #244451;
}
/* -----------------------------------*/
/*        Task Run Log Styles         */
/* -----------------------------------*/
#task_run_log {
  padding: 8px;
  background: #e6f0f4;
}
body.dark #task_run_log {
  background: #244451;
}
#task_run_log #ti_header .action_bar {
  padding: 8px;
}
#task_run_log #full_details {
  margin-bottom: 8px;
}
#task_run_log #full_details .instance_label {
  width: 150px;
  font-weight: bold;
}
#task_run_log #ti_content {
  border-radius: 6px;
  padding: 8px;
  background: #ffffff;
}
body.dark #task_run_log #ti_content {
  background: #14272e;
}
#task_run_log #ti_content #logfile .log_results {
  border-radius: 6px;
  margin-top: 8px;
  background: #e6f0f4;
}
body.dark #task_run_log #ti_content #logfile .log_results {
  background: #05090a;
}
#task_run_log #ti_content #load_more {
  position: relative;
  left: 50%;
}
#task_run_log .log_item {
  margin: 2px 0px 6px;
}
#task_run_log .log_header {
  font-weight: bold;
  font-size: 0.9em;
  padding: 8px 4px 4px;
}
#task_run_log .log_command,
#task_run_log .log_detail {
  padding: 8px;
  margin-bottom: 2px;
}
#task_run_log .log_detail {
  background: #e6f0f4;
}
body.dark #task_run_log .log_detail {
  background: #05090a;
}
#task_run_log .log_command {
  padding-top: 0;
}
#task_run_log .log_results {
  background: #ffffff;
}
body.dark #task_run_log .log_results {
  background: #14272e;
}
#task_run_log .log_variable_name,
#task_run_log .log_variable_value {
  font: Courier New;
  padding: 0px 8px 2px;
}
#task_run_log .link {
  color: #168291;
  cursor: pointer;
  font-size: 12px;
}
body.dark #task_run_log .link {
  color: #7cb0c5;
}
#task_run_log #clear_log {
  margin-left: 20px;
}
/*
 These classes are used by all the 'Manage' pages
 (userEdit, scheduleManage, taskManage, etc.)
 They are tabular data classes for the most part.
 */
td.row_over {
  background: #bcd4ec;
  cursor: pointer;
}
#pager {
  margin-bottom: 20px;
}
.pager_button {
  padding: 0px 4px 0px 4px;
  cursor: pointer;
}
.pager_button_selected {
  font-weight: bold;
  cursor: auto;
}
/* the txtSearch box should be inline and fixed width! */
.search_text {
  width: 200px !important;
}
/* Search Picker Dialogs */
.search_dialog_ul .search_dialog_value {
  margin: 1px 1px 1px 1px;
  padding: 4px;
  cursor: pointer;
  list-style: none;
  font-size: 0.8em;
  border-width: 1px;
  border-style: solid;
  border-color: #9fc6d5;
  border-radius: 6px;
}
body.dark .search_dialog_ul .search_dialog_value {
  border-color: #336275;
}
.search_dialog_ul .search_dialog_value_name {
  display: block;
}
.search_dialog_ul .search_dialog_value_block_item {
  margin-right: 10px;
  display: block;
}
.search_dialog_ul .search_dialog_value_inline_item {
  margin-right: 10px;
}
/*tag picker*/
.tag_picker_tag {
  width: 95%;
  margin: 1px;
  padding: 1px;
  cursor: pointer;
  list-style: none;
  border: 1px solid transparent;
  border-color: #589bb6;
}
body.dark .tag_picker_tag {
  border-color: #0f5a65;
}
.tag_picker_tag_hover,
.tag_picker_tag_selected {
  background: #ffffff;
}
body.dark .tag_picker_tag_hover,
body.dark .tag_picker_tag_selected {
  background: #14272e;
}
.tag_description {
  height: 40px;
}
/*"Tags" that show up on the various edit pages.*/
.tag {
  margin: 4px;
  padding: 3px;
}
/*
 The "object_tags_table" appears on many pages, however the table is inside a list item.
 We used a table to avoid the annoyance of div float left and right.
 */
.object_tags_table {
  width: 95%;
}
#UsersTab label {
  display: block;
}
#UsersTab .filter-label.users-to-add {
  text-transform: none;
}
#UsersTab .filter-label.users-to-add .Select.select-right {
  margin-left: 0;
  text-transform: none;
}
#UsersTab .filter-label.users-to-add .Select-control .Select-arrow-zone {
  cursor: default;
  position: initial;
}
#UsersTab .filter-label.users-to-add .Select-menu-outer {
  width: 100%;
}
#UsersTab #UsersList {
  max-height: 60vh;
}
#UsersTab #UsersList .tag-removed-user {
  text-decoration: line-through;
  opacity: 0.5;
  height: 34px;
}
#UsersTab #UsersList .selected-user-list,
#UsersTab #UsersList .current-user-list {
  margin: 10px;
  padding: 4px 8px;
  border: 1px solid transparent;
  border-radius: 6px;
  border-color: #589bb6;
  line-height: 1em;
  transition: background 0.4s linear;
  overflow-y: auto;
  max-height: calc(60vh - 32px - 240px);
  min-height: 80px;
}
body.dark #UsersTab #UsersList .selected-user-list,
body.dark #UsersTab #UsersList .current-user-list {
  border-color: #0f5a65;
}
#UsersTab #UsersList .selected-user-list li,
#UsersTab #UsersList .current-user-list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#UsersTab #UsersList .selected-user-list li .user-full-name,
#UsersTab #UsersList .current-user-list li .user-full-name {
  padding-left: 10px;
}
#UsersTab #UsersList .user-select-and-selected-users {
  min-height: 240px;
}
.param_val {
  color: #424242;
  text-decoration: none;
  font-size: 12px;
}
.param_val a {
  color: #424242;
  text-decoration: none;
}
.param_val a:hover {
  color: #5e6165;
}
.param_val a:visited {
  color: #424242;
}
.param_edit_options {
  margin-top: 3px;
  padding: 2px;
  font-size: 0.9em;
}
.param_edit_option {
  padding: 2px;
}
/* -----------------------------------*/
/*         Task Edit Styles           */
/* -----------------------------------*/
.mybox {
  margin-bottom: 16px;
  clear: both;
  overflow: auto;
}
.mybox:last-of-type {
  margin-bottom: 0;
}
.mybox button .svg-icon svg {
  position: relative;
  top: 0;
  fill: currentColor;
}
body.dark .mybox button .svg-icon svg {
  fill: #ffffff;
}
/* Alternate content def */
.task-detail-container {
  display: flex;
  height: calc(100vh - 174px);
}
.task-detail-container h2 {
  padding: 4px;
}
#content_te {
  border-radius: 6px 6px 6px 0;
  height: calc(100vh - 174px);
  overflow: hidden;
  padding: 8px;
  background: #e6f0f4;
}
body.dark #content_te {
  background: #244451;
}
#content_te h3 {
  padding: 2px 0px 2px 4px;
  margin: 0px 0px 5px;
}
#content_te #task_steps {
  height: calc(100vh - 228px);
  overflow-y: scroll;
}
#left_panel_te {
  height: calc(100vh - 174px);
  overflow: hidden;
}
#left_panel_te #toolbox .tabs {
  margin: 0 8px 0 0;
}
#left_panel_te #toolbox .tabs .tab-title.active {
  background: #e6f0f4 linear-gradient(to top, transparent 80%, rgba(90, 213, 230, 0.4) 100%);
}
body.dark #left_panel_te #toolbox .tabs .tab-title.active {
  background: #244451 linear-gradient(to top, transparent 80%, rgba(90, 213, 230, 0.4) 100%);
}
#left_panel_te #toolbox .tabs-content {
  padding: 0;
  border-radius: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  height: calc(100vh - 205px);
  border-color: #e6f0f4;
}
body.dark #left_panel_te #toolbox .tabs-content {
  border-color: #244451;
}
#left_panel_te #toolbox .tabs-content .content {
  padding: 0 8px;
  min-height: calc(100vh - 221px);
}
/* End Alternate content */
#steps {
  margin-top: -1px;
  margin-bottom: 40px;
}
#steps input[type="text"],
#steps input:not([type]) {
  width: auto;
  display: inline;
  margin: 2px 8px 2px 2px;
}
#steps textarea {
  vertical-align: top;
  display: inline;
  margin: 8px 0;
}
#steps select {
  width: auto;
  height: 1.75em;
  margin: 2px 8px 2px 2px;
}
/* fix the 'ufd' combo plugin */
.ufd {
  margin-bottom: 0 !important;
  vertical-align: top;
}
.ufd input {
  margin: 0 !important;
}
.detail_label {
  font-weight: bold;
}
.no_step {
  text-align: center;
  padding: 2em;
  border-width: 1px;
  border-style: solid;
  border-color: #c3dbe4;
}
body.dark .no_step {
  border-color: #244451;
}
/* For the task command toolbox */
.category {
  margin: 0 0 2px 0;
}
.category .subcategories {
  margin-left: 8px;
  margin-top: 1px;
}
.category .category_header {
  background: #c3dbe4;
  cursor: pointer;
  padding: 4px;
  font-size: 0.9em;
}
body.dark .category .category_header {
  background: #244451;
}
.category .category_header .category_icon {
  width: 20px;
  height: 20px;
  margin: 2px 6px -4px 0px;
}
.category .functions .function {
  padding-left: 10px;
  border-radius: 3px;
  cursor: pointer;
  margin: 0 0 2px 0;
  padding-left: 4px;
  font-size: 0.8em;
}
.category .functions .function:hover {
  color: #ffffff;
  background: #00a9e0;
}
.category .functions .function_icon {
  width: 20px;
  height: 20px;
  margin: 2px 6px -4px 0px;
}
.category .function_helper {
  border: 1px solid #d2d2d2;
  z-index: 1000;
  width: 200px;
  background: #edf2f9;
}
#codeblock_selector {
  border: 1px solid transparent;
  padding: 8px;
  position: absolute;
  z-index: 9999;
  background: #ffffff;
  border-color: #1DAABD;
  box-shadow: 12px 12px 24px rgba(0, 0, 0, 0.2);
}
body.dark #codeblock_selector {
  background: #14272e;
}
body.dark #codeblock_selector {
  border-color: #1a96a7;
}
body.dark #codeblock_selector {
  box-shadow: 12px 12px 24px rgba(29, 170, 189, 0.2);
}
#codeblock_selector .codeblocks .codeblock {
  padding: 4px 8px;
  margin-bottom: 4px;
  font-weight: bold;
  overflow: hidden;
  min-width: 300px;
  background: #c3dbe4;
}
#codeblock_selector .codeblocks .codeblock:before,
#codeblock_selector .codeblocks .codeblock:after {
  content: " ";
  display: table;
}
#codeblock_selector .codeblocks .codeblock:after {
  clear: both;
}
#codeblock_selector .codeblocks .codeblock:before,
#codeblock_selector .codeblocks .codeblock:after {
  content: " ";
  display: table;
}
#codeblock_selector .codeblocks .codeblock:after {
  clear: both;
}
body.dark #codeblock_selector .codeblocks .codeblock {
  background: #244451;
}
#codeblock_selector .codeblocks .codeblock:hover {
  background: #00a9e0 !important;
  cursor: pointer;
}
#codeblock_selector .codeblocks .codeblock .svg-icon {
  top: 3px;
  position: relative;
}
#codeblock_selector .codeblocks .codeblock .codeblock_icons {
  margin: 0px 4px;
}
#codeblock_selector .codeblocks .codeblock .codeblock_icons .codeblock_delete_btn {
  cursor: pointer;
}
#codeblock_selector #codeblock_add_btn,
#codeblock_selector .panel.callout {
  margin: 4px 0;
}
/* The draggable style for pulling codeblocks out of the picker */
.codeblock_draggable {
  background: #c3dbe4;
  padding: 8px;
  font-weight: bold;
}
body.dark .codeblock_draggable {
  background: #244451;
}
.value_picker {
  border-width: 1px;
  border-style: solid;
  position: absolute;
  width: 300px;
  overflow: auto;
  z-index: 3000;
  background: #ffffff;
  border-color: #c3dbe4;
}
body.dark .value_picker {
  background: #14272e;
}
body.dark .value_picker {
  border-color: #244451;
}
.value_picker .value_picker_title {
  background: #9fc6d5;
  padding: 4px;
}
body.dark .value_picker .value_picker_title {
  background: #336275;
}
.value_picker .value_picker_value {
  background: #c3dbe4;
  padding: 4px;
  margin: 4px;
  cursor: pointer;
  list-style: none;
  border: none;
}
body.dark .value_picker .value_picker_value {
  background: #244451;
}
.value_picker .value_picker_value:hover {
  color: #ffffff;
  background: #00a9e0 !important;
}
/* The variable picker on the toolbox */
.var_picker .var_picker_group {
  background: #c3dbe4;
  font-weight: bold;
  list-style: none;
  padding: 4px;
}
body.dark .var_picker .var_picker_group {
  background: #244451;
}
.var_picker .var_picker_value {
  padding-left: 10px;
  cursor: pointer;
  list-style: none;
}
.var_picker .var_picker_value:hover {
  color: #ffffff;
  background: #00a9e0 !important;
}
.parameter {
  margin: 4px 4px 4px 4px;
  border-width: 1px;
  border-style: solid;
  border-color: #c3dbe4;
}
body.dark .parameter {
  border-color: #244451;
}
.parameter .parameter_header {
  height: 26px;
  padding-left: 4px;
}
.parameter .parameter_header .parameter_header_title {
  float: left;
}
.parameter .parameter_header .parameter_header_icons {
  float: right;
}
.parameter_detail {
  font-size: 0.8em;
}
.parameter_detail .parameter_value {
  margin: 1px 4px 1px 6px;
  padding-left: 4px;
  min-height: 14px;
}
.parameter_detail .parameter_desc {
  font-style: italic;
}
.step_section_title {
  float: left;
  padding: 4px;
}
.step_section_icons {
  float: right;
}
#toolbox .tabs {
  display: flex;
  flex-wrap: wrap;
}
#toolbox .tabs .tab-title {
  flex: 1;
}
#toolbox .tabs .tab-title a {
  min-width: initial;
  max-width: initial;
}
.toolbox_tab {
  border: 1px solid #b7bcc4;
  background: #dde2e9;
  cursor: pointer;
  padding: 2px 4px 2px 4px;
  font-weight: normal;
}
.toolbox_panel h3 {
  padding: 2px 0px 2px 4px;
  margin: 0px 0px 5px 0px;
}
.clip {
  border-width: 1px;
  border-style: solid;
  border-color: #9fc6d5;
  margin-bottom: 4px;
  cursor: pointer;
}
body.dark .clip {
  border-color: #336275;
}
.clip tr:hover {
  border-color: rgba(67, 128, 152, 0.3);
  box-shadow: none;
  z-index: 0;
}
.task_li {
  padding: 0px 0px 15px 0px;
  margin: 10px 5px 15px 5px;
}
.search_task_ul {
  list-style-type: none;
}
.te_header {
  overflow: hidden;
  font-weight: bold;
  padding: 8px;
}
.te_header .icon-button {
  padding: 5px;
  margin-right: 8px;
}
.ui-sortable-helper {
  box-shadow: 0 0 7px 0 rgba(67, 128, 152, 0.5);
  border: 1px solid #7cb0c5;
  z-index: 9999;
}
.step_drop_placeholder,
.steps.ui-sortable > .panel {
  background-color: rgba(195, 219, 228, 0.5);
  border: 1px dashed #7cb0c5;
  padding: 20px;
  margin: 0.5em;
}
.steps.ui-sortable > .panel {
  margin: 0 0 0.5em;
}
#task_steps {
  border-radius: 6px;
  padding: 0 8px;
  margin: 0 8px;
  background: #ffffff;
}
#task_steps:before,
#task_steps:after {
  content: " ";
  display: table;
}
#task_steps:after {
  clear: both;
}
#task_steps:before,
#task_steps:after {
  content: " ";
  display: table;
}
#task_steps:after {
  clear: both;
}
body.dark #task_steps {
  background: #14272e;
}
#task_steps #steps {
  margin: 8px 0;
}
#task_steps .step {
  margin: 8px 0;
  border-radius: 6px;
  overflow: hidden;
  background: #e6f0f4;
}
#task_steps .step:before,
#task_steps .step:after {
  content: " ";
  display: table;
}
#task_steps .step:after {
  clear: both;
}
#task_steps .step:before,
#task_steps .step:after {
  content: " ";
  display: table;
}
#task_steps .step:after {
  clear: both;
}
body.dark #task_steps .step {
  background: #244451;
}
#task_steps .step:not(.hidden):first-of-type {
  margin-top: 0;
}
#task_steps .step.step_skip {
  margin-left: 2em;
}
#task_steps .step .step_header {
  font-weight: bold;
  font-size: 11px;
  overflow: hidden;
  cursor: pointer;
  padding: 5px;
  background: #e6f0f4;
}
body.dark #task_steps .step .step_header {
  background: #244451;
}
#task_steps .step .step_header img {
  vertical-align: sub;
  width: 18px;
  height: 18px;
  margin: 0 6px 0 6px;
}
#task_steps .step .step_header .icon-button {
  padding: 5px;
}
#task_steps .step .step_header .step_header_title {
  float: left;
}
#task_steps .step .step_header .step_header_icons {
  float: right;
}
#task_steps .step .step_header .step_delete_btn {
  cursor: pointer;
}
#task_steps .step .step_detail {
  padding: 8px;
  font-size: 12px;
  margin: 8px;
  border-radius: 6px;
  background: #ffffff;
  /*
            We are using fn_ as a prefix for all command specific styles.
            */
}
body.dark #task_steps .step .step_detail {
  background: #14272e;
}
#task_steps .step .step_detail hr {
  border-color: #c3dbe4;
  margin: 4px 0;
}
body.dark #task_steps .step .step_detail hr {
  border-color: #244451;
}
#task_steps .step .step_detail.step_collapsed {
  display: none;
  overflow: hidden;
}
#task_steps .step .step_detail .icon-button {
  padding: 5px;
}
#task_steps .step .step_detail .step_common {
  border-top: 1px solid transparent;
  margin-top: 8px;
  padding-top: 8px;
  background: #ffffff;
  border-color: #e6f0f4;
}
body.dark #task_steps .step .step_detail .step_common {
  background: #14272e;
}
body.dark #task_steps .step .step_detail .step_common {
  border-color: #244451;
}
#task_steps .step .step_detail .step_common .step_common_header .step_common_button {
  border: 1px solid transparent;
  cursor: pointer;
  padding: 0px 4px;
  border-radius: 12px;
  border-color: #c3dbe4;
}
body.dark #task_steps .step .step_detail .step_common .step_common_header .step_common_button {
  border-color: #336275;
}
#task_steps .step .step_detail .step_common .step_common_header .step_common_button:hover {
  background: #ffffff;
}
body.dark #task_steps .step .step_detail .step_common .step_common_header .step_common_button:hover {
  background: #14272e;
}
#task_steps .step .step_detail .step_common .step_common_header .step_common_button_active {
  background: #c3dbe4;
}
body.dark #task_steps .step .step_detail .step_common .step_common_header .step_common_button_active {
  background: #336275;
}
#task_steps .step .step_detail .step_common_detail {
  overflow: auto;
  padding: 8px 0;
}
#task_steps .step .step_detail .step_common_detail.step_common_collapsed {
  display: none;
  overflow: hidden;
}
#task_steps .step .step_detail .step_common_note_snippet {
  margin-left: 12px;
  font-size: 0.9em;
  font-style: italic;
  overflow: hidden;
}
#task_steps .step .step_detail .embedded_step {
  margin-left: 1em;
}
#task_steps .step .step_detail .fn_if_else_section {
  margin: 5px 0px;
  padding: 2px;
}
#task_steps .step .step_detail .fn_if_else_section .step_nested_drop_target {
  padding: 1em;
  font-style: italic;
  cursor: pointer;
}
#task_steps .step .step_detail .fn_if_else_section .step_nested_drop_target.step_nested_drop_target_active {
  cursor: default;
}
#task_steps .step .step_detail .fn_if_else_section .step_nested_drop_target .step_nested_drop_target_cancel_btn {
  cursor: pointer;
  font-weight: bold;
}
.variable_popup_btn {
  cursor: pointer;
}
.step_toggle_btn {
  cursor: pointer;
}
.step_title {
  font-size: 1.4em;
}
.step_input + .icon-button {
  margin-left: 5px;
}
.step_group {
  border-radius: 6px;
  margin-bottom: 8px;
  padding: 8px;
  background: #e6f0f4;
}
body.dark .step_group {
  background: #244451;
}
.step_group .step_group_header {
  overflow: hidden;
  margin-bottom: 8px;
}
.step_group .step_group_header .step_header_title {
  float: left;
  font-size: 1.143em;
  line-height: 30px;
}
.step_group .step_group_header .step_header_icons {
  float: right;
}
.step_group .step_group {
  border: none;
  padding: 8px;
  margin-bottom: 8px;
  background: #ffffff;
}
body.dark .step_group .step_group {
  background: #14272e;
}
.step_group .step_group:last-of-type {
  margin-bottom: 0;
}
.step_inner_group {
  margin: 4px 0px 2px 5px;
}
/* input fields on this page */
/* variable tables inside each step */
tr.row td {
  padding: 1px 1px 1px 3px;
  border: 1px solid #ccdce9;
  background: #fbfcfe;
}
/* Step Popouts */
#div_delimiters {
  font-weight: bold;
}
#div_variables {
  font-size: 14px;
  font-weight: bold;
  color: #2a2e35;
  padding: 2px 4px 3px;
}
#variable_add_btn {
  cursor: pointer;
  font-weight: normal;
  font-size: 10pt;
}
#variable_clearall_btn {
  cursor: pointer;
  font-weight: normal;
  font-size: 10pt;
}
.variable_delete_btn {
  cursor: pointer;
  position: absolute;
  right: 0;
}
.variable {
  background: #edf2f9;
  color: #424242;
  font-weight: normal;
}
/* Step Variable edit dialog */
.delimiter_label {
  list-style: none;
  display: inline-block;
  width: 32px;
  border: 1px solid #cccccc;
  text-align: center;
  border-radius: 6px;
}
#delimiter_picker_dialog .delimiter {
  font-family: Courier New;
  font-size: 8pt;
  color: #1009a8;
  list-style: none;
  display: inline-block;
  width: 32px;
  border: 1px solid #cccccc;
  text-align: center;
  cursor: pointer;
  border-radius: 6px;
}
#edit_variables {
  list-style: none;
}
#edit_variables .variable {
  position: relative;
  border: 1px solid #cccccc;
  list-style: none;
  border-radius: 6px;
  padding: 2px;
  margin: 2px;
}
#edit_variables .conflicted_value {
  border: solid 1px #d52101;
}
.var_error_msg {
  color: #d52101;
  font-size: 0.75em;
}
/*Debug Panel*/
.debug_btn_dim {
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.step_validation_template {
  background: #fad1dc;
  border: 1px solid #cccccc;
  margin: 4px 0px 4px 0px;
  padding: 4px 0px 0px 20px;
  border-radius: 12px;
}
.schedule {
  cursor: pointer;
  padding: 0px 0px 0px 10px;
}
/* must be last */
.is_required {
  border: 1px solid #e88573;
}
/* for the parameter edit dialog */
.param_edit_value {
  display: inline;
}
.param_edit_value_remove_btn {
  vertical-align: top;
}
.blink {
  animation: blinker 2s linear infinite;
}
@keyframes blinker {
  0% {
    background: transparent;
  }
  50% {
    background: #c3dbe4;
  }
  body.dark 50% {
    background: #244451;
  }
  100% {
    background: transparent;
  }
}
.task-autosuggestion-dropdown-container,
.task-autosuggestion-dropdown-container .react-autosuggest__container {
  display: inline-block;
}
#task_launch_dialog .panel {
  margin-bottom: 0;
}
#task_launch_dialog .task_launch_container {
  flex-direction: row;
  align-items: stretch;
  justify-content: space-between;
}
#task_launch_dialog .task_launch_container .task_launch_column {
  align-items: flex-start;
  flex-basis: 0;
  flex-grow: 1;
  flex-direction: column;
}
#task_launch_dialog .task_launch_container .task_launch_column:first-of-type {
  margin-right: 0.75em;
}
#task_launch_dialog .task_launch_container .task_launch_column:last-of-type {
  margin-left: 0.75em;
}
#task_launch_dialog #task_launch_params_content input[type=radio] {
  margin-right: 3px;
}
#task_launch_dialog #task_launch_params_content label {
  margin-right: 2em;
}
#task_launch_dialog #task_launch_params_content .task_launch_parameter {
  margin-top: 1em;
}
#task_launch_dialog #task_launch_params_content .task_launch_parameter_required:before {
  content: "*";
  display: inline-block;
  position: relative;
  color: #d52101;
  float: right;
}
#task_launch_dialog #task_launch_params_content .task_launch_parameter_name {
  margin-bottom: 1em;
  width: calc(100% - 25px);
}
#task_launch_dialog #task_launch_params_content .task_launch_parameter_value {
  clear: both;
  position: relative;
}
#task_launch_dialog #task_launch_dialog_schedule h5,
#task_launch_dialog .task-edit-content h5 {
  margin: 1em 0 0.5em;
  font-weight: 700;
}
#task_launch_dialog #task_launch_dialog_schedule label,
#task_launch_dialog .task-edit-content label {
  display: block;
  margin: 0.5em 0 1em;
}
#task_launch_dialog #task_launch_dialog_schedule ol,
#task_launch_dialog .task-edit-content ol {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
}
#task_launch_dialog #task_launch_dialog_schedule ol li,
#task_launch_dialog .task-edit-content ol li {
  float: left;
  margin: 0;
  padding: 0;
}
#task_launch_dialog #task_launch_dialog_schedule ol span,
#task_launch_dialog .task-edit-content ol span {
  border-radius: 2px;
  cursor: pointer;
  display: block;
  font-size: 0.7em;
  margin: 1px;
  padding: 2px;
  text-align: center;
}
#task_launch_dialog #task_launch_dialog_schedule .tabs-content,
#task_launch_dialog .task-edit-content .tabs-content {
  border-color: transparent;
  margin-bottom: 0;
  background: #ffffff;
}
#task_launch_dialog #task_launch_dialog_schedule .tabs-content:before,
#task_launch_dialog .task-edit-content .tabs-content:before,
#task_launch_dialog #task_launch_dialog_schedule .tabs-content:after,
#task_launch_dialog .task-edit-content .tabs-content:after {
  content: " ";
  display: table;
}
#task_launch_dialog #task_launch_dialog_schedule .tabs-content:after,
#task_launch_dialog .task-edit-content .tabs-content:after {
  clear: both;
}
#task_launch_dialog #task_launch_dialog_schedule .tabs-content:before,
#task_launch_dialog .task-edit-content .tabs-content:before,
#task_launch_dialog #task_launch_dialog_schedule .tabs-content:after,
#task_launch_dialog .task-edit-content .tabs-content:after {
  content: " ";
  display: table;
}
#task_launch_dialog #task_launch_dialog_schedule .tabs-content:after,
#task_launch_dialog .task-edit-content .tabs-content:after {
  clear: both;
}
body.dark #task_launch_dialog #task_launch_dialog_schedule .tabs-content,
body.dark #task_launch_dialog .task-edit-content .tabs-content {
  background: #14272e;
}
#task_launch_dialog #task_launch_dialog_schedule #PlanTab,
#task_launch_dialog .task-edit-content #PlanTab {
  overflow: auto;
  max-height: 40vh;
}
#task_launch_dialog #task_launch_dialog_schedule #PlanTab #task_launch_dialog_plans:before,
#task_launch_dialog .task-edit-content #PlanTab #task_launch_dialog_plans:before,
#task_launch_dialog #task_launch_dialog_schedule #PlanTab #task_launch_dialog_plans:after,
#task_launch_dialog .task-edit-content #PlanTab #task_launch_dialog_plans:after {
  content: " ";
  display: table;
}
#task_launch_dialog #task_launch_dialog_schedule #PlanTab #task_launch_dialog_plans:after,
#task_launch_dialog .task-edit-content #PlanTab #task_launch_dialog_plans:after {
  clear: both;
}
#task_launch_dialog #task_launch_dialog_schedule #PlanTab #task_launch_dialog_plans:before,
#task_launch_dialog .task-edit-content #PlanTab #task_launch_dialog_plans:before,
#task_launch_dialog #task_launch_dialog_schedule #PlanTab #task_launch_dialog_plans:after,
#task_launch_dialog .task-edit-content #PlanTab #task_launch_dialog_plans:after {
  content: " ";
  display: table;
}
#task_launch_dialog #task_launch_dialog_schedule #PlanTab #task_launch_dialog_plans:after,
#task_launch_dialog .task-edit-content #PlanTab #task_launch_dialog_plans:after {
  clear: both;
}
#task_launch_dialog #task_launch_dialog_schedule #PlanTab .plan_label .svg-icon,
#task_launch_dialog .task-edit-content #PlanTab .plan_label .svg-icon,
#task_launch_dialog #task_launch_dialog_schedule #PlanTab .schedule_label .svg-icon,
#task_launch_dialog .task-edit-content #PlanTab .schedule_label .svg-icon {
  margin-right: 4px;
}
#task_launch_dialog #task_launch_dialog_schedule #RunLaterTab,
#task_launch_dialog .task-edit-content #RunLaterTab {
  overflow: visible;
}
#task_launch_dialog #task_launch_dialog_schedule .run_repeatedly_text,
#task_launch_dialog .task-edit-content .run_repeatedly_text {
  max-width: 290px;
  margin-bottom: 1em;
}
#task_launch_dialog #task_launch_dialog_schedule .time-title,
#task_launch_dialog .task-edit-content .time-title {
  clear: both;
  line-height: 26px;
  padding: 0 0.5em;
  border-radius: 4px;
  background: #c3dbe4;
}
body.dark #task_launch_dialog #task_launch_dialog_schedule .time-title,
body.dark #task_launch_dialog .task-edit-content .time-title {
  background: #244451;
}
#task_launch_dialog #task_launch_dialog_schedule .time-container,
#task_launch_dialog .task-edit-content .time-container {
  padding: 4px;
}
#task_launch_dialog #task_launch_dialog_schedule .time-container:before,
#task_launch_dialog .task-edit-content .time-container:before,
#task_launch_dialog #task_launch_dialog_schedule .time-container:after,
#task_launch_dialog .task-edit-content .time-container:after {
  content: " ";
  display: table;
}
#task_launch_dialog #task_launch_dialog_schedule .time-container:after,
#task_launch_dialog .task-edit-content .time-container:after {
  clear: both;
}
#task_launch_dialog #task_launch_dialog_schedule .time-container:before,
#task_launch_dialog .task-edit-content .time-container:before,
#task_launch_dialog #task_launch_dialog_schedule .time-container:after,
#task_launch_dialog .task-edit-content .time-container:after {
  content: " ";
  display: table;
}
#task_launch_dialog #task_launch_dialog_schedule .time-container:after,
#task_launch_dialog .task-edit-content .time-container:after {
  clear: both;
}
#task_launch_dialog #task_launch_dialog_schedule ol.select-all,
#task_launch_dialog .task-edit-content ol.select-all {
  position: relative;
  display: inline-block;
  margin: 0 0 0 1em;
  line-height: 1;
  top: 3px;
}
#task_launch_dialog #task_launch_dialog_schedule ol.select-all:before,
#task_launch_dialog .task-edit-content ol.select-all:before,
#task_launch_dialog #task_launch_dialog_schedule ol.select-all:after,
#task_launch_dialog .task-edit-content ol.select-all:after {
  content: " ";
  display: table;
}
#task_launch_dialog #task_launch_dialog_schedule ol.select-all:after,
#task_launch_dialog .task-edit-content ol.select-all:after {
  clear: both;
}
#task_launch_dialog #task_launch_dialog_schedule ol.select-all:before,
#task_launch_dialog .task-edit-content ol.select-all:before,
#task_launch_dialog #task_launch_dialog_schedule ol.select-all:after,
#task_launch_dialog .task-edit-content ol.select-all:after {
  content: " ";
  display: table;
}
#task_launch_dialog #task_launch_dialog_schedule ol.select-all:after,
#task_launch_dialog .task-edit-content ol.select-all:after {
  clear: both;
}
#task_launch_dialog #task_launch_dialog_schedule .plan_datepoint,
#task_launch_dialog .task-edit-content .plan_datepoint {
  width: 23px;
}
#task_launch_dialog #task_launch_dialog_schedule .plan_datepoint_active span,
#task_launch_dialog .task-edit-content .plan_datepoint_active span {
  background: #0090be !important;
  color: #ffffff !important;
}
#task_launch_dialog #task_launch_dialog_schedule.ui-widget-content {
  padding: 0;
}
#task_launch_dialog #task_launch_dialog_schedule .tab-title.ui-state-default {
  background: inherit;
  border: none;
}
#task_launch_dialog #task_launch_dialog_schedule .tab-title.ui-state-active {
  background: #ffffff linear-gradient(to top, transparent 80%, rgba(90, 213, 230, 0.4) 100%);
}
body.dark #task_launch_dialog #task_launch_dialog_schedule .tab-title.ui-state-active {
  background: #14272e linear-gradient(to top, transparent 80%, rgba(90, 213, 230, 0.4) 100%);
}
.upload-area {
  padding: 16px;
}
.import-data {
  display: flex;
  justify-content: flex-end;
}
.import-data button.import-button {
  margin-top: 20px;
}
.import-data button.import-button:disabled {
  box-shadow: none !important;
  text-shadow: none;
  background: #e4e5e5;
  border-color: rgba(67, 128, 152, 0.3);
  color: #767b7e;
}
body.dark .import-data button.import-button:disabled {
  background: #244451;
}
body.dark .import-data button.import-button:disabled {
  border-color: transparent;
}
body.dark .import-data button.import-button:disabled {
  color: #589bb6;
}
.import-data button.import-button:disabled:focus {
  outline: none;
}
.import-data button.import-button:disabled:hover {
  box-shadow: none !important;
  text-shadow: none;
  background: #e4e5e5;
  color: #767b7e;
}
body.dark .import-data button.import-button:disabled:hover {
  background: #244451;
}
body.dark .import-data button.import-button:disabled:hover {
  color: #589bb6;
}
.import-data button.import-button:disabled:hover .svg-icon svg {
  fill: #767b7e;
}
body.dark .import-data button.import-button:disabled:hover .svg-icon svg {
  fill: #589bb6;
}
.meganav {
  right: -20px;
}
.legends-list {
  position: absolute;
  right: 340px;
  padding: 2px 14px 3px;
  border-radius: 12px;
  background: #ffffff;
}
body.dark .legends-list {
  background: #14272e;
}
.legends-list > .svg-icon {
  position: relative;
  margin-right: 3px;
  top: 3px;
}
.meganav .meganav-columns .meganav-column ul.legends span.split.improve,
.meganav .meganav-columns .meganav-column ul.legends span.split.maintain {
  float: left;
  height: 20px;
  width: 20px;
  display: inline-block;
  background: linear-gradient(-45deg, #ffffff 0%, #ffffff 50%, currentColor 0%, currentColor 100%);
  border-color: currentColor;
  border: 1px solid;
  border-radius: 50%;
}
.meganav .meganav-columns .meganav-column ul.legends span.split.improve {
  color: #59a222;
}
body.dark .meganav .meganav-columns .meganav-column ul.legends span.split.improve {
  color: #59a222;
}
.meganav .meganav-columns .meganav-column ul.legends span.split.maintain {
  color: #9a0200;
}
body.dark .meganav .meganav-columns .meganav-column ul.legends span.split.maintain {
  color: #9a0200;
}
.meganav .meganav-columns .meganav-column ul.legends span.improve,
.meganav .meganav-columns .meganav-column ul.legends span.maintain {
  float: left;
  height: 20px;
  width: 20px;
  display: inline-block;
  background-color: currentColor;
  border-color: currentColor;
  border: 1px solid;
  border-radius: 50%;
}
.meganav .meganav-columns .meganav-column ul.legends span.improve {
  color: #59a222;
}
body.dark .meganav .meganav-columns .meganav-column ul.legends span.improve {
  color: #59a222;
}
.meganav .meganav-columns .meganav-column ul.legends span.maintain {
  color: #9a0200;
}
body.dark .meganav .meganav-columns .meganav-column ul.legends span.maintain {
  color: #9a0200;
}
.meganav .meganav-columns .meganav-column ul.legends span.unknown {
  float: left;
  height: 20px;
  width: 20px;
  display: inline-block;
  background-color: #b7bcc4;
  border-radius: 50%;
}
.meganav .meganav-columns .meganav-column ul.legends li.item {
  padding: 5px;
}
.meganav .meganav-columns .meganav-column ul.legends li.item .title {
  padding: 5px;
  color: #272c34;
}
body.dark .meganav .meganav-columns .meganav-column ul.legends li.item .title {
  color: #c3dbe4;
}
.meganav .meganav-columns .meganav-column ul.legends li.item .svg-icon {
  padding: 5px;
}
.meganav .meganav-columns .meganav-column ul.legends li.item .drip-icon-rogue-commits svg {
  fill: #eaab00;
}
.meganav .meganav-columns .meganav-column ul.legends li.item .drip-forecast svg {
  fill: #005293;
}
.meganav .meganav-columns .meganav-column ul.legends li.item .drip-alert svg {
  fill: #d52101;
}
.meganav .meganav-columns .meganav-column ul.legends li.item .drip-checked svg {
  fill: #00a9e0;
}
.meganav .meganav-columns .meganav-column ul.legends li.item .drip-info svg {
  fill: #69be28;
}
.meganav .meganav-columns .meganav-column ul.legends li.item .drip-checked-off svg {
  fill: #005293;
}
.meganav .meganav-columns .meganav-column ul.legends li.item .drip-thumbs-down svg {
  fill: #6d09a8;
}
.meganav .meganav-columns .meganav-column ul.legends li.item .drip-locked svg {
  fill: #d52101;
}
.meganav .meganav-columns .meganav-column ul.legends li.workitems {
  display: block;
  margin: 9px;
}
.meganav .meganav-columns .meganav-column ul.legends li.workitems .title {
  padding: 9px;
  color: #272c34;
}
body.dark .meganav .meganav-columns .meganav-column ul.legends li.workitems .title {
  color: #c3dbe4;
}
.user-sizable-list-row {
  display: flex;
  justify-content: space-between;
}
#manualActivityDataPrompts .user-sizable-list-row {
  display: flex;
  align-items: center;
}
#manualActivityDataPrompts .data-prompt-row {
  display: flex;
  flex: 1;
  justify-content: space-between;
  align-items: center;
}
#manualActivityDataPrompts .data-prompt-row .prompt-text,
#manualActivityDataPrompts .data-prompt-row .result-key {
  flex: 4;
  padding-right: 15px;
}
#manualActivityDataPrompts .data-prompt-row .is-required {
  flex: 1;
  padding-top: 15px;
}
#manualActivityDataPrompts .delete-row {
  margin-top: 15px;
}
#search-results li.taskresultitem {
  margin-bottom: 10px;
  padding: 4px;
  background: #ffffff;
  border: 1px solid #cccccc;
}
#maincontent .row {
  padding: 10px;
}
#maincontent .list-mapping {
  margin: 0 10px 20px 30px;
  border-radius: 6px;
}
#maincontent .list-mapping .disabled {
  background-color: #e4e5e5;
}
#maincontent .row {
  max-width: 100%;
}
#maincontent .column {
  padding: 0;
  color: #202328;
}
body.dark #maincontent .column {
  color: #e6f0f4;
}
#maincontent .header-1,
#maincontent .value-1 {
  width: 5%;
}
#maincontent .header-2,
#maincontent .value-2 {
  max-width: 10%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#maincontent .header-3,
#maincontent .value-3 {
  width: 14%;
}
#maincontent .header-4,
#maincontent .value-4 {
  width: 10%;
}
#maincontent .header-5,
#maincontent .value-5 {
  width: 13%;
}
#maincontent .header-6,
#maincontent .value-6 {
  width: 13%;
}
#maincontent .header-7,
#maincontent .value-7 {
  width: 13%;
}
#maincontent .header-8,
#maincontent .value-8 {
  width: 22%;
}
#maincontent .echo-warning {
  position: fixed;
  top: 20px;
  z-index: 9999;
  right: 16px;
}
#maincontent [data-component="Toast"] span {
  white-space: pre-line;
  width: 315px;
}
#maincontent .icon-space {
  padding: 3px 12px 0 12px;
}
#maincontent .drip-more-menu-vert {
  padding: 0 8px;
}
#maincontent .data-map-list table td,
#maincontent .data-map-list table th {
  padding: 5px;
}
#maincontent .data-map-list .health-icon .MuiChip-label {
  white-space: nowrap;
  padding-left: 0px;
  padding-right: 4px;
  text-overflow: ellipsis;
  overflow: hidden;
}
#maincontent .data-map-list .health-icon .dot-icon-btn {
  padding: 4px;
}
#maincontent .data-map-list .system-details,
#maincontent .data-map-list .drip-filter {
  line-height: 2.2;
}
#maincontent .data-map-list .status_filter {
  width: 95%;
}
#maincontent .data-map-list .status_filter .react-select__single-value div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#maincontent .data-map-list .filters span.flex {
  padding: 5px 0;
}
#maincontent .data-map-list input {
  margin: 0;
}
#maincontent .data-map-list .directions {
  padding: 10px;
}
#maincontent .data-map-list .options-window {
  border: 1px solid transparent;
  border-top-left-radius: 18px;
  border-bottom-left-radius: 18px;
  padding: 0 4px 0 0;
  position: absolute;
  transform: translate(-4%, -55%);
  right: 0;
  align-items: center;
  background-color: #e6f0f4;
}
body.dark #maincontent .data-map-list .options-window {
  background-color: #244451;
}
#maincontent .data-map-list .options-window .options-close-icon {
  background: #ffffff;
  border-radius: 54%;
  width: 25px;
  height: 25px;
  padding: 3px;
  border: 1px solid #00a9e0;
  margin-left: 4px;
  text-align: center;
}
#maincontent .column .filter-icon {
  padding-top: 5px;
}
#maincontent .data-map-list {
  border-radius: 6px;
  border: 1em solid;
  background-color: #ffffff;
  border-color: #ffffff;
}
body.dark #maincontent .data-map-list {
  background-color: #14272e;
}
body.dark #maincontent .data-map-list {
  border-color: #14272e;
}
#maincontent .data-map-rows {
  border-bottom: 1px solid;
  font-weight: 400;
  padding: 10px 10px 4px;
  color: currentColor;
  border-bottom-color: rgba(67, 128, 152, 0.3);
  line-height: 1.5em;
}
body.dark #maincontent .data-map-rows {
  color: #e6f0f4;
}
body.dark #maincontent .data-map-rows {
  border-bottom-color: rgba(67, 128, 152, 0.3);
}
#maincontent .data-map-rows .column {
  cursor: pointer;
}
#maincontent .image-border {
  border: 1px solid #cccccc;
  height: 40px;
  width: 40px;
  background: #f3f4f5;
  border-radius: 3px;
  display: block;
  line-height: 37px;
  text-align: center;
}
#maincontent .mapping-field {
  display: inline-block;
  overflow: hidden;
}
#maincontent .directions {
  padding-left: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
}
#maincontent .list-mapping .icon-button {
  background-color: #00a9e0;
  height: 8px;
  width: 8px;
  pointer-events: none;
}
#maincontent .list-mapping .icon-button .svg-icon {
  height: 23px;
  color: #ffffff;
  margin-left: -14px;
}
#maincontent .inactive {
  opacity: 0.4;
}
#maincontent .health-icon {
  cursor: pointer;
  width: auto;
  display: inline-block;
}
.config-modal {
  width: 350px;
  top: 30vh;
}
.config-modal .react-modal-content {
  padding: 10px 16px;
}
.config-modal .right {
  clear: both;
}
.grid-columns {
  display: grid;
  grid-template-columns: 2% 2% 3% 9% 9% 8% 9% 8% 6% 9% 6% 10% 3%;
  column-gap: 13px;
  padding: 10px;
  font-weight: 700;
  font-size: 14px;
  border-bottom: 2px solid;
  color: #244451;
  border-bottom-color: rgba(67, 128, 152, 0.3);
}
body.dark .grid-columns {
  color: #c3dbe4;
}
body.dark .grid-columns {
  border-bottom-color: rgba(67, 128, 152, 0.3);
}
.mappinglist-columns {
  padding: 10px;
  font-weight: 700;
  font-size: 14px;
  border-bottom: 2px solid;
  color: #244451;
  border-bottom-color: rgba(67, 128, 152, 0.3);
}
body.dark .mappinglist-columns {
  color: #c3dbe4;
}
body.dark .mappinglist-columns {
  border-bottom-color: rgba(67, 128, 152, 0.3);
}
.mappinglist-columns .mappinglist-column {
  padding: 0 10px;
}
.mappinglist-columns .mappinglist-checkbox {
  vertical-align: middle;
}
.number {
  line-height: 2.2;
  vertical-align: middle;
  text-align: center;
}
.number span {
  padding: 1px 0;
}
span.map-name,
span.sys-details {
  display: grid;
  overflow: hidden;
}
.listing-map-name,
.system-details {
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.migration-icon {
  position: relative;
  top: 12px;
}
.mapping-with-migration {
  bottom: 8px;
}
.small-2 {
  width: 18%;
}
.system-icons {
  margin-right: 3px;
}
.drip-close svg {
  fill: #00a9e0 !important;
}
.react-select-container.status_filter .react-select__clear-indicator,
.react-select-container.status_filter .react-select__dropdown-indicator {
  padding: 0px;
  width: 15px;
}
.failure-icon {
  color: #d52101;
}
.options-switch-icon {
  margin-right: -16px;
  margin-left: 10px;
}
.full-width {
  width: 100%;
}
.react-select-container .react-select__input {
  min-height: 1px;
  height: 25px;
  padding-bottom: 2px;
}
.react-select-container .react-select__control,
.react-select-container .react-select__input,
.react-select-container .react-select__menu {
  background-color: #ffffff;
  color: #2e3137;
  min-height: 2em;
  height: 2em;
  border-radius: 12px;
}
body.dark .react-select-container .react-select__control,
body.dark .react-select-container .react-select__input,
body.dark .react-select-container .react-select__menu {
  background-color: #14272e;
}
body.dark .react-select-container .react-select__control,
body.dark .react-select-container .react-select__input,
body.dark .react-select-container .react-select__menu {
  color: #ffffff;
}
.react-select-container .react-select__valueContainer {
  height: 100%;
  padding-top: 0;
  padding-left: 5px;
}
.react-select-container .react-select__dropdownIndicator {
  padding-top: 0;
  padding-bottom: 0;
  min-height: 2em;
  height: 2em;
}
.react-select-container .react-select__clearIndicator {
  padding-top: 0;
  padding-bottom: 0;
  min-height: 2em;
  height: 2em;
}
.react-select-container .react-select__singleValue {
  min-height: 25px;
  height: 25px;
}
.react-select-container .react-select__multi-value {
  border-radius: 15px;
}
.react-select-container .react-select__multi-value span {
  overflow: hidden;
  max-width: 100px;
  text-overflow: ellipsis;
}
.react-select-container .react-select__option {
  background-color: #ffffff;
  color: #2e3137;
}
body.dark .react-select-container .react-select__option {
  background-color: #14272e;
}
body.dark .react-select-container .react-select__option {
  color: #ffffff;
}
.react-select-container .react-select__single-value {
  color: #2e3137;
}
body.dark .react-select-container .react-select__single-value {
  color: #ffffff;
}
.react-select-container .fieldOptions span {
  padding-left: 5px;
}
.comments-config .react-select__control {
  height: auto;
}
.comments-config .react-select__value-container {
  height: 100%;
}
.sync-specific-fields .sync-condn .react-select__value-container span {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 96%;
}
.sync-specific-fields .react-select__value-container {
  height: 100%;
}
.sync-specific-fields .react-select__value-container--is-multi {
  white-space: initial;
}
.tags-group.filter {
  width: 95%;
}
.tags-group.filter .react-select__value-container {
  width: 100%;
}
.tags-group:not(.filter) .react-select__control {
  border: none;
}
.tags-group .react-select__control {
  height: auto;
  display: block;
}
.tags-group .react-select__value-container {
  height: 100%;
}
.tags-group .tag-value {
  padding: 3px;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 80px;
  white-space: nowrap;
  float: left;
  direction: ltr;
}
.tags-group.filter .tag-value {
  width: 60px;
}
.tags-group .Select-value-icon {
  vertical-align: sub;
}
.tags-mapping-list {
  width: 95%;
}
.tags-mapping-list .react-select__input {
  background-color: #ffffff;
  color: #2e3137;
}
body.dark .tags-mapping-list .react-select__input {
  background-color: #14272e;
}
body.dark .tags-mapping-list .react-select__input {
  color: #ffffff;
}
.import-options {
  width: 6.7%;
  float: right;
  border-radius: 16px;
  background-color: #79B522;
  margin-right: 6px;
  height: 28px;
  line-height: 28px;
  margin-top: 2px;
}
body.dark .import-options {
  background-color: #79B522;
}
.import-options .react-select__control {
  height: 28px;
  border: none;
  overflow: hidden;
  background-color: #79B522;
}
body.dark .import-options .react-select__control {
  background-color: #79B522;
}
.import-options .react-select__control .react-select__placeholder,
.import-options .react-select__control .react-select__indicator {
  color: #ffffff !important;
}
.import-options .Select-menu-outer {
  width: max-content;
  margin-top: 0;
  right: 0;
}
.import-options .react-select__input {
  background: none !important;
  color: transparent !important;
}
.purge_data_icon {
  margin-top: 10px;
  margin-left: 5px;
  position: absolute;
}
.migration-flow-list {
  margin: 40px 40px 20px;
}
.migration-flow-list .migration-flow-content {
  border-radius: 6px;
  border: 1em solid;
  background-color: #ffffff;
  border-color: #ffffff;
}
body.dark .migration-flow-list .migration-flow-content {
  background-color: #14272e;
}
body.dark .migration-flow-list .migration-flow-content {
  border-color: #14272e;
}
.migration-flow-list .header-strip {
  display: flex;
  padding-bottom: 10px;
}
.migration-flow-list .header-strip .separator {
  padding: 0 10px;
}
.migration-flow-list .button_container {
  margin-left: auto;
}
.migration-flow-list-table .list-row {
  padding: 10px 10px 4px;
  cursor: pointer;
  line-height: 2;
  color: #202328;
}
body.dark .migration-flow-list-table .list-row {
  color: #e6f0f4;
}
.migration-flow-list-table .header-row div:nth-child(1) span:nth-child(1) {
  display: flex;
  padding: 1px;
}
.migration-flow-list-table .cell {
  white-space: pre-wrap;
  word-break: keep-all;
}
.migration-flow-list-table > div {
  grid-template-columns: 3% 10% 10% 10% 7% 12% 10% 10% 13% 8% 5%;
  column-gap: 20px;
  position: relative;
}
.migration-flow-list-table > div > span:first-of-type {
  padding-left: 16px;
}
.migration-flow-list-table .options-window {
  border: 1px solid transparent;
  border-top-left-radius: 18px;
  border-bottom-left-radius: 18px;
  padding: 0 2px 0 0;
  position: absolute;
  bottom: 1px;
  right: 1%;
  height: 100%;
  align-items: center;
  background-color: #e6f0f4;
}
body.dark .migration-flow-list-table .options-window {
  background-color: #244451;
}
.migration-flow-list-table .options-window .options-close-icon {
  background: #ffffff;
  border-radius: 54%;
  width: 25px;
  height: 25px;
  padding: 3px;
  border: 1px solid #00a9e0;
  margin-left: 4px;
  text-align: center;
}
.migration-flow-list-table .options-window .options-close-icon svg {
  fill: #00a9e0 !important;
}
.icon-space {
  padding: 3px 12px 0 12px;
}
.health-icon {
  cursor: pointer;
  width: auto;
  display: inline-block;
}
.icon-border {
  height: 20px;
  width: 20px;
  border-radius: 10px;
  vertical-align: middle;
  margin-right: 5px;
  border: 1px solid;
}
.icon-border.success {
  margin-left: 5px;
  background-color: #8bc34a;
  border-color: #8bc34a;
}
body.dark .icon-border.success {
  background-color: #78cf9d;
}
body.dark .icon-border.success {
  border-color: #78cf9d;
}
.icon-border.failure {
  background-color: #f44336;
  border-color: #f44336;
}
body.dark .icon-border.failure {
  background-color: #e88573;
}
body.dark .icon-border.failure {
  border-color: #e88573;
}
.drip-close svg {
  fill: #00a9e0 !important;
}
.drip-checked.success svg,
.drip-close.failure svg {
  fill: #ffffff;
}
[data-component="EmptyState"] {
  text-align: center;
}
.failure-count {
  color: #31363e;
}
.asset-migration-mapping-list {
  margin: 40px 40px 20px;
}
.asset-migration-mapping-list .asset-migration-mapping-list-content {
  border-radius: 6px;
  border: 1em solid;
  background-color: #ffffff;
  border-color: #ffffff;
}
body.dark .asset-migration-mapping-list .asset-migration-mapping-list-content {
  background-color: #14272e;
}
body.dark .asset-migration-mapping-list .asset-migration-mapping-list-content {
  border-color: #14272e;
}
.asset-migration-mapping-list .header-strip {
  display: flex;
  padding-bottom: 10px;
}
.asset-migration-mapping-list .btn_container {
  margin-left: auto;
}
.asset-migration-mapping-list-table .list-row {
  line-height: 3;
  color: #202328;
}
body.dark .asset-migration-mapping-list-table .list-row {
  color: #e6f0f4;
}
.asset-migration-mapping-list-table .header-row div:nth-child(1) span:nth-child(1) {
  display: flex;
  padding: 1px;
}
.asset-migration-mapping-list-table .cell {
  white-space: pre-wrap;
  word-break: keep-all;
}
.asset-migration-mapping-list-table > div {
  grid-template-columns: 5% 20% 20% 15% 15% 15% 10% 5%;
  column-gap: 20px;
  position: relative;
}
.asset-migration-mapping-list-table > div > span:first-of-type {
  padding-left: 16px;
}
.asset-migration-mapping-list-table .options-window {
  border: 1px solid transparent;
  border-top-left-radius: 18px;
  border-bottom-left-radius: 18px;
  padding: 0 2px 0 0;
  position: absolute;
  height: 100%;
  right: 1%;
  align-items: center;
  background-color: #e6f0f4;
}
body.dark .asset-migration-mapping-list-table .options-window {
  background-color: #244451;
}
.asset-migration-mapping-list-table .options-window .options-close-icon {
  background: #ffffff;
  border-radius: 54%;
  width: 25px;
  height: 25px;
  padding: 3px;
  border: 1px solid #00a9e0;
  margin-left: 4px;
  text-align: center;
}
.asset-migration-mapping-list-table .options-window .options-close-icon .drip-close {
  position: absolute;
  top: 2px;
  right: 7px;
}
.asset-migration-mapping-list-table .options-window .options-close-icon svg {
  fill: #00a9e0 !important;
}
.icon-space {
  padding: 3px 12px 0 12px;
}
.migration-stepper {
  display: flex;
  justify-content: center;
  margin: 16px 0;
}
.migration-stepper-buttons {
  justify-content: flex-end;
  margin: 0 16px;
  display: flex;
  border-radius: 0 0 10px 10px;
  padding: 10px 12%;
  background-color: #ffffff;
}
body.dark .migration-stepper-buttons {
  background-color: #14272e;
}
.migration-stepper-content {
  margin: 0 16px;
  border-radius: 6px;
  padding: 8px;
  background-color: #ffffff;
}
body.dark .migration-stepper-content {
  background-color: #14272e;
}
.info-text {
  display: block;
  text-align: center;
  padding: 16px;
}
.info-text .info-text-details {
  font-size: 1.143em;
  color: #00a9e0;
}
.migration-stepper-content .configure-screen {
  margin: 0 auto;
  width: 75%;
  padding-top: 15px;
}
.migration-stepper-content .configure-screen .input-name {
  margin-bottom: 16px;
  position: relative;
}
.migration-stepper-content .configure-screen .input-name input {
  margin-bottom: 0;
}
.migration-stepper-content .configure-screen .create-system {
  position: absolute;
  right: 0;
  top: -18px;
  height: 36px;
  cursor: pointer;
}
.migration-stepper-content .configure-screen .create-system .create-button {
  display: flex;
}
.migration-stepper-content .configure-screen .create-system .create-button .drip-add {
  top: -2px;
  left: -3px;
}
.migration-stepper-content .configure-screen .create-system .create-button .drip-add svg {
  fill: #ffffff;
}
.readonly-directions {
  text-align: center;
}
.readonly-directions .svg-icon {
  height: 23px;
}
.readonly-directions .svg-icon svg {
  fill: #a8abaf;
}
.readonly-directions div {
  margin: 0 0 14px 0;
}
.readonly-directions div:last-child {
  margin: 0;
}
.migration-flow-mapping {
  width: 75%;
  margin: 0 auto;
  padding: 0 8px;
}
.migration-flow-mapping .readonly-directions {
  padding-top: 20px;
}
.migration-flow-mapping .asset-direction {
  padding: 0px;
}
.direction-icons {
  text-align: center;
}
.direction-icons .icon-header {
  display: block;
}
.direction-icons .icon-button .svg-icon svg {
  width: 18px;
}
.space-below {
  padding: 8px 0;
}
.field-header {
  padding-top: 30px;
}
.mapping-validation-error {
  padding: 4px 0 0;
  display: block;
  color: #d52101;
}
body.dark .mapping-validation-error {
  color: #d52101;
}
.mapping-validation-error .svg-icon {
  padding-right: 5px;
}
.row-icons {
  position: absolute;
  padding-left: 10px;
  padding-top: 5px;
}
.is-disabled .Select-control {
  background-color: rgba(67, 128, 152, 0);
  color: currentColor;
}
body.dark .is-disabled .Select-control {
  background-color: transparent;
}
body.dark .is-disabled .Select-control {
  color: #3b7186;
}
.spaced-group {
  margin: 10px !important;
}
.breadcrumb-container {
  padding: 10px;
}
.breadcrumb-container .separator {
  padding: 0 10px;
}
.legends-list {
  right: unset;
  margin-top: 4px;
  margin-left: 100px;
}
.view-log {
  right: unset;
  margin-top: 10px;
}
.stepper-buttons {
  justify-content: flex-end;
  margin: 0 40px;
  display: flex;
  padding: 10px 9%;
}
.create-button,
.create-button:focus {
  font-size: 0.75rem;
}
.stepper {
  display: flex;
  justify-content: center;
  margin: 24px 0;
}
.mapping {
  margin: 0 10px 0px 30px;
}
.stepper-data {
  border-radius: 6px;
  background-color: #ffffff;
}
body.dark .stepper-data {
  background-color: #14272e;
}
.dot {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  display: inline-block;
}
.optional {
  background-color: #1009a8;
}
body.dark .optional {
  background-color: #0e088f;
}
.required {
  background-color: #d52101;
}
body.dark .required {
  background-color: #ba5543;
}
.readonly {
  background-color: #6b6268;
}
#maincontent .stepper-content {
  border-radius: 6px;
  padding: 8px;
  background-color: #ffffff;
}
body.dark #maincontent .stepper-content {
  background-color: #14272e;
}
#maincontent .stepper-content .file-type-title {
  padding-top: 2px;
  padding-bottom: 2px;
}
#maincontent .stepper-content .configure-screen .create-button {
  top: 2px;
}
#maincontent .stepper-content .column {
  width: 35%;
  padding: 0;
}
#maincontent .stepper-content .column .target-instance {
  margin-left: -172px;
  position: absolute;
}
#maincontent .stepper-content .column .mappingicons {
  margin-top: -29px;
}
#maincontent .stepper-content .target-instance {
  width: 93%;
  margin-left: -170px;
}
#maincontent .stepper-content .column-header {
  justify-content: center;
}
#maincontent .stepper-content .column-icon-target-instance {
  margin-top: -29px;
  width: 70%;
  margin-left: -90px;
  position: absolute;
}
#maincontent .stepper-content .fieldMapping {
  width: 75%;
  margin: 0 auto;
  padding: 0 8px;
}
#maincontent .stepper-content .fieldMapping .direction-icons {
  text-align: center;
}
#maincontent .stepper-content .fieldMapping .field-with-icon {
  display: flex;
}
#maincontent .stepper-content .fieldMapping .field-row {
  padding: 0 0 20px;
}
#maincontent .stepper-content .field-header {
  width: 75%;
  margin: 0 auto;
  padding: 10px 0;
  font-size: 1.143em;
}
#maincontent .stepper-content .field-header .field .filter-icon {
  padding-left: 10px;
}
#maincontent .stepper-content .system1-fields-filter,
#maincontent .stepper-content .system2-fields-filter {
  border: 1px solid #e6f0f4;
  position: absolute;
  top: 293px;
  background-color: #ffffff;
  margin-left: 100px;
}
#maincontent .stepper-content .system2-fields-filter {
  margin-left: 650px;
}
#maincontent .stepper-content .field-type {
  width: 150px;
  padding: 8px;
}
#maincontent .stepper-content .field-type:hover,
#maincontent .stepper-content .field-type:focus {
  background-color: #e4e5e5;
}
#maincontent .stepper-content .selected {
  background-color: #e4e5e5;
}
#maincontent .stepper-content .field-type-text {
  color: #2e3137;
  padding: 10px;
}
#maincontent .stepper-content .field-row {
  margin: 0 auto;
  width: 100%;
  padding: 3px 0 5px;
}
#maincontent .stepper-content .row-icons {
  display: flex;
  cursor: pointer;
  vertical-align: middle;
}
#maincontent .stepper-content .row-icons span {
  margin: 0 5px;
}
#maincontent .stepper-content .label-key {
  margin-left: 5px;
}
#maincontent .stepper-content .info-text {
  display: block;
  text-align: center;
  padding: 16px;
}
#maincontent .stepper-content .info-text .automap-content {
  width: 80%;
  margin: 0 auto;
  padding: 12px;
  border-radius: 6px;
  font-size: 1.143em;
  background-color: #e6f0f4;
  border-color: #e6f0f4;
}
body.dark #maincontent .stepper-content .info-text .automap-content {
  background-color: #244451;
}
body.dark #maincontent .stepper-content .info-text .automap-content {
  border-color: #244451;
}
#maincontent .stepper-content .info-text .automap-content button {
  margin-top: 4px;
}
#maincontent .stepper-content .info-text .info-text-option,
#maincontent .stepper-content .info-text .info-text-details {
  font-size: 1.143em;
  color: #00a9e0;
}
#maincontent .stepper-content .info-text .info-text-option {
  font-size: 1.714em;
  padding-top: 4px;
}
#maincontent .stepper-content [data-component="AccordionHeader"] button {
  width: auto !important;
}
#maincontent .stepper-content [data-component="AccordionHeader"] button:focus {
  background-color: transparent !important;
  border: none !important;
}
#maincontent .stepper-content [data-component="Toast"] span {
  white-space: pre-line;
  width: 315px;
}
#maincontent .stepper-content .direction-icons .icon-button {
  margin: 0 8px;
  justify-content: center;
}
#maincontent .stepper-content .mapping-duplicate-error {
  margin-top: 3px;
  color: #d52101;
}
body.dark #maincontent .stepper-content .mapping-duplicate-error {
  color: #d52101;
}
#maincontent .stepper-content .mapping-validation-error {
  padding: 4px 0 0;
  display: block;
  color: #d52101;
}
body.dark #maincontent .stepper-content .mapping-validation-error {
  color: #d52101;
}
#maincontent .stepper-content .mapping-validation-error .svg-icon {
  padding-right: 5px;
}
#maincontent .stepper-content .sync-warning-color {
  position: absolute;
  color: #ff9800;
  width: 277px;
  right: 133px;
  padding-top: 10px;
}
#maincontent .stepper-content .fieldMapping.value-mapping-container {
  width: 100%;
  padding: 4px 8px 0 16px;
}
#maincontent .stepper-content .preview-table {
  padding: 0 8px;
}
#maincontent .stepper-content .preview-table.value-mapping-container {
  border-radius: 0 0 6px 6px;
  width: 90%;
  padding: 10px 20px;
  margin: 0px 14px;
  background-color: #e6f0f4;
  border-color: #e6f0f4;
}
body.dark #maincontent .stepper-content .preview-table.value-mapping-container {
  background-color: #244451;
}
body.dark #maincontent .stepper-content .preview-table.value-mapping-container {
  border-color: #244451;
}
#maincontent .stepper-content .preview-table .flex-grid {
  border-bottom: 1px solid;
  display: flex;
  align-items: center;
  padding: 8px 0 4px;
  border-bottom-color: rgba(67, 128, 152, 0.3);
}
body.dark #maincontent .stepper-content .preview-table .flex-grid {
  border-bottom-color: rgba(67, 128, 152, 0.3);
}
#maincontent .stepper-content .preview-table .flex-grid.noBorder {
  border: none;
}
#maincontent .stepper-content .preview-table .flex-grid:last-child {
  border-bottom: none;
}
#maincontent .stepper-content .preview-table .flex-grid.sync-reference,
#maincontent .stepper-content .preview-table .flex-grid .sync-selected-event-type {
  align-items: normal;
  padding: 5px 0 0;
}
#maincontent .stepper-content .preview-table .flex-grid.sync-reference label,
#maincontent .stepper-content .preview-table .flex-grid .sync-selected-event-type label {
  font-size: 14px;
  font-weight: 700;
}
#maincontent .stepper-content .preview-table .flex-grid.relationship {
  align-items: normal;
  padding: 5px 0 0;
}
#maincontent .stepper-content .preview-table .flex-grid.relationship label {
  font-size: 14px;
  font-weight: 700;
}
#maincontent .stepper-content .preview-table .row-label {
  font-weight: bold;
  margin-bottom: 4px;
  display: block;
}
#maincontent .stepper-content .preview-table .block {
  display: block;
}
#maincontent .stepper-content .preview-table.field-mapping {
  padding: 0 8px 12px;
}
#maincontent .stepper-content .preview-table.field-mapping .separator {
  border-bottom: 1px solid;
  border-bottom-color: rgba(67, 128, 152, 0.3);
}
body.dark #maincontent .stepper-content .preview-table.field-mapping .separator {
  border-bottom-color: rgba(67, 128, 152, 0.3);
}
#maincontent .stepper-content .preview-table.field-mapping .separator .flex-grid {
  border-bottom: none !important;
}
#maincontent .stepper-content .preview-table.field-mapping .conflict-resolution-preview,
#maincontent .stepper-content .preview-table.field-mapping .sync_specific_field_level {
  font-size: 14px;
  margin-left: 1em;
}
#maincontent .stepper-content .preview-table.field-mapping .conflict-resolution-preview a,
#maincontent .stepper-content .preview-table.field-mapping .sync_specific_field_level a {
  color: #00a9e0;
  margin-bottom: 8px;
  display: inline-block;
}
#maincontent .stepper-content .preview-table.field-mapping .conflict-resolution-preview .close-icon,
#maincontent .stepper-content .preview-table.field-mapping .sync_specific_field_level .close-icon {
  float: right;
}
#maincontent .stepper-content .preview-table.field-mapping .conflict-resolution-preview .close-icon .drip-close,
#maincontent .stepper-content .preview-table.field-mapping .sync_specific_field_level .close-icon .drip-close {
  top: 3px;
  left: -3px;
}
#maincontent .stepper-content .preview-table.field-mapping a[data-component="Link"] {
  font-size: 14px;
  padding-left: 4px;
}
#maincontent .stepper-content .preview-table.additional-mapping span[data-component="Switch"] {
  pointer-events: none;
}
#maincontent .stepper-content .preview-table.additional-mapping span[data-component="Switch"] span:nth-child(2) {
  opacity: 0.3 !important;
}
#maincontent .stepper-content .preview-table.configuration {
  padding: 4px 8px 0;
}
#maincontent .stepper-content .preview-table.configuration .project-labels .flex-grid {
  padding: 8px 0 0;
}
#maincontent .stepper-content .preview-table.configuration .projects-list .flex-grid {
  padding: 2px 0;
}
#maincontent .stepper-content .preview-table.configuration .projects-list .flex-grid:last-child {
  border-bottom: 1px solid rgba(67, 128, 152, 0.3);
  padding-bottom: 4px;
}
#maincontent .stepper-content .preview-table.configuration .system-config {
  padding: 8px 0 4px;
}
#maincontent .stepper-content .preview-table.additional-mapping {
  width: 100%;
  padding: 0 8px;
}
#maincontent .stepper-content .preview-table.additional-mapping .flex-grid {
  padding: 0;
}
#maincontent .stepper-content .preview-table.additional-mapping .field-header-icon {
  padding: 0 12px;
}
#maincontent .stepper-content .preview-table.additional-mapping .direction {
  padding: 0 4px 4px;
}
#maincontent .stepper-content .preview-table.additional-mapping .conflict-strategy {
  margin-top: 10px;
}
#maincontent .stepper-content .preview-table.additional-mapping .conflict-strategy .system1-wins span,
#maincontent .stepper-content .preview-table.additional-mapping .conflict-strategy .system2-wins span {
  position: relative;
  top: -2px;
  margin: 0 20px 0 4px;
}
#maincontent .stepper-content .preview-table.additional-mapping .border {
  border-bottom: 1px solid;
  border-bottom-color: rgba(67, 128, 152, 0.3);
}
body.dark #maincontent .stepper-content .preview-table.additional-mapping .border {
  border-bottom-color: rgba(67, 128, 152, 0.3);
}
#maincontent .stepper-content .preview-table.additional-mapping .noBorder {
  border: none;
}
#maincontent .stepper-content .preview-table.additional-mapping .sync-interval-block {
  padding: 15px 0;
}
#maincontent .stepper-content .preview-table.additional-mapping .integrate_missing_events {
  padding-left: 20px;
}
#maincontent .stepper-content .preview-table.data-migration .start-date-label {
  left: 27px;
  position: relative;
  padding-top: 6px;
}
#maincontent .stepper-content .preview-table.data-migration .end-date-label {
  position: relative;
  left: 28px;
  top: 5px;
  padding-top: 7px;
}
#maincontent .stepper-content .preview-table.data-migration .start-date-value {
  margin-left: 178px;
}
#maincontent .stepper-content .preview-table.data-migration .end-date-value {
  margin-left: 183px;
}
#maincontent .stepper-content .preview-table.mapping-settings .flex-grid {
  border: none;
  padding: 0;
}
#maincontent .stepper-content .preview-container {
  width: 75%;
  margin: 0 auto;
}
#maincontent .stepper-content .preview-container .preview-title {
  width: 95%;
  font-weight: 700;
}
#maincontent .stepper-content .value-with-icon {
  display: flex;
  align-items: center;
  margin: 0 0 5px;
}
#maincontent .stepper-content .value-with-icon img {
  margin-right: 4px;
}
#maincontent .stepper-content .deleted .react-select__control,
#maincontent .stepper-content .modified .react-select__control {
  border: 1px solid;
  border-color: #d52101;
}
body.dark #maincontent .stepper-content .deleted .react-select__control,
body.dark #maincontent .stepper-content .modified .react-select__control {
  border-color: #d52101;
}
#maincontent .stepper-content .field-modified .dot-accordion-summary {
  border: 1px solid;
  border-color: #d52101;
  border-radius: 10px;
}
body.dark #maincontent .stepper-content .field-modified .dot-accordion-summary {
  border-color: #d52101;
}
#maincontent .stepper-content .dot-accordion {
  width: 95%;
}
#maincontent .stepper-content .default-value-content .validation-error input,
#maincontent .stepper-content .validation-error .Select-control {
  border-color: #d52101;
}
body.dark #maincontent .stepper-content .default-value-content .validation-error input,
body.dark #maincontent .stepper-content .validation-error .Select-control {
  border-color: #d52101;
}
#maincontent .stepper-content .default-value-accordion [data-component="Accordion.Header"],
#maincontent .stepper-content .hide {
  display: none;
}
#maincontent .stepper-content .error-message {
  padding: 0 5px;
  vertical-align: middle;
  color: #d52101;
}
body.dark #maincontent .stepper-content .error-message {
  color: #d52101;
}
#maincontent .stepper-content .error-message .svg-icon {
  padding-right: 5px;
}
#maincontent .stepper-content .icon-padding {
  padding-left: 25px;
}
#maincontent .stepper-content .direction {
  display: flex;
  align-items: center;
}
#maincontent .stepper-content .valueMapping {
  border: 1px solid;
  min-height: 60px;
  width: 100%;
  border-radius: 0 0 6px 6px;
  background-color: #e6f0f4;
  border-color: #e6f0f4;
}
body.dark #maincontent .stepper-content .valueMapping {
  background-color: #244451;
}
body.dark #maincontent .stepper-content .valueMapping {
  border-color: #244451;
}
#maincontent .stepper-content .fieldOptions {
  vertical-align: center;
  display: flex;
  align-items: center;
}
#maincontent .stepper-content .fieldOptions .row-header {
  border-bottom: none;
}
#maincontent .stepper-content .nofieldOption {
  margin-left: 5px;
}
#maincontent .stepper-content .fieldImages {
  margin: 0 3px;
}
#maincontent .stepper-content #additional-mapping {
  margin: 0 auto;
  width: 75%;
  padding: 10px 0;
}
#maincontent .stepper-content #additional-mapping > div {
  padding: 0 8px;
}
#maincontent .stepper-content #additional-mapping .icon-button {
  z-index: 0;
}
#maincontent .stepper-content #additional-mapping .row-header {
  margin-bottom: 10px;
  border-bottom-width: 1px;
  padding: 0;
  font-size: 1.143em;
}
#maincontent .stepper-content #additional-mapping .row-header .drip-help {
  padding: 5px;
  cursor: pointer;
}
#maincontent .stepper-content #data-migration {
  margin: 0 auto;
  width: 75%;
  padding: 10px 0;
}
#maincontent .stepper-content #data-migration > div {
  padding: 0 8px;
}
#maincontent .stepper-content #data-migration .icon-button {
  z-index: 0;
}
#maincontent .stepper-content #data-migration .row-header {
  border-bottom-width: 1px;
  padding: 0;
  font-size: 1.143em;
}
#maincontent .stepper-content #data-migration .row-header .drip-help {
  padding-left: 5px;
  top: 2px;
  position: relative;
  cursor: pointer;
}
#maincontent .stepper-content .date-range-picker-icon {
  margin-left: 12px;
  top: 6px;
  position: relative;
}
#maincontent .stepper-content .date-range-fields input[type="text"] {
  width: 20%;
  margin-left: 7px;
}
#maincontent .stepper-content .date-range-fields label {
  display: flex;
  align-items: center;
}
#maincontent .stepper-content .schedule-date-migration-field {
  left: 158px;
  position: relative;
  width: 20%;
  bottom: 19px;
}
#maincontent .stepper-content .schedule-now-field,
#maincontent .stepper-content .enable-ranking {
  margin-left: 10px;
  padding-top: 3px;
  position: absolute;
}
#maincontent .stepper-content .rdtPicker {
  bottom: 1px;
  position: absolute;
}
#maincontent .stepper-content .schedule-text-field {
  bottom: 22px;
  position: relative;
}
#maincontent .stepper-content .schedule-text-field input[type="text"] {
  width: 16%;
  margin-left: 7px;
}
#maincontent .stepper-content .schedule-text-field label {
  display: flex;
  align-items: center;
}
#maincontent .stepper-content .migration-daterange-error {
  position: relative;
  color: #ff9800;
  left: 262px;
  bottom: 25px;
}
#maincontent .stepper-content .schedule-date-error {
  color: #ff9800;
  left: 223px;
  top: 1430px;
  position: absolute;
}
#maincontent .stepper-content .schedule-now-error {
  color: #ff9800;
  left: 120px;
  bottom: 20px;
  position: relative;
}
#maincontent .stepper-content .schedule-date-latest-error {
  left: 24px;
  top: -5px;
  position: relative;
  color: #ff9800;
}
#maincontent .stepper-content .missing_events {
  display: inline-flex;
}
#maincontent .stepper-content .missing_events div.missing_events_options {
  padding-left: 10px;
  padding-right: 10px;
  width: 140px;
}
#maincontent .stepper-content .additionalMappingRow {
  border-bottom: 1px solid;
  display: flex;
  align-items: center;
  border-bottom-color: rgba(67, 128, 152, 0.3);
}
body.dark #maincontent .stepper-content .additionalMappingRow {
  border-bottom-color: rgba(67, 128, 152, 0.3);
}
#maincontent .stepper-content .additionalMappingRow.no-border {
  border-bottom: none;
}
#maincontent .stepper-content .additionalMappingRow label {
  font-weight: 700;
  font-size: 1.143em;
}
#maincontent .stepper-content .additionalMappingRow .help-text {
  position: relative;
  top: -8px;
  font-size: 12px;
}
#maincontent .stepper-content .additionalMappingRow .direction-icons {
  display: flex;
  justify-content: flex-start;
}
#maincontent .stepper-content .additionalMappingRow .field-header-icon {
  padding: 0 20px;
}
#maincontent .stepper-content .additionalMappingRow .sync-interval-settings {
  padding: 6px 0 0 2px;
}
#maincontent .stepper-content .additionalMappingRow .sync-interval-settings-field {
  width: 44%;
}
#maincontent .stepper-content .additionalMappingRow .sync-interval-settings-help {
  top: 7px;
}
#maincontent .stepper-content .additionalMappingRow .conflict-strategy {
  font-size: 12px;
  padding: 0px 0px 10px;
}
#maincontent .stepper-content .additionalMappingRow .conflict-strategy input[type=radio] {
  margin-right: 4px;
  position: relative;
  top: 2px;
}
#maincontent .stepper-content .additionalMappingRow .conflict-strategy .system2-wins {
  margin-left: 16px;
}
#maincontent .stepper-content .backlink-border {
  border-bottom: 1px solid;
  align-items: center;
  border-bottom-color: rgba(67, 128, 152, 0.3);
}
body.dark #maincontent .stepper-content .backlink-border {
  border-bottom-color: rgba(67, 128, 152, 0.3);
}
#maincontent .stepper-content button[data-component="Tab"] {
  background: #e8eee8 !important;
  width: 35%;
  padding: 1px 1px !important;
  border-radius: 0px;
  transition-duration: 0.4s;
  height: 30px;
}
#maincontent .stepper-content button:hover[data-component="Tab"] {
  background-color: #95b396 !important;
}
#maincontent .stepper-content div[data-component="Tabs.UnderlineTab"] {
  color: #000 !important;
}
#maincontent .stepper-content .default-value-content {
  border: 1px solid;
  min-height: 60px;
  width: 91.6%;
  padding: 10px;
  border-radius: 0 0 6px 6px;
  background-color: #e6f0f4;
  border-color: #e6f0f4;
  margin-bottom: 10px;
}
body.dark #maincontent .stepper-content .default-value-content {
  background-color: #244451;
}
body.dark #maincontent .stepper-content .default-value-content {
  border-color: #244451;
}
#maincontent .stepper-content .default-value-content .default-value-input {
  width: 35%;
}
#maincontent .stepper-content .conflict-resolution,
#maincontent .stepper-content .comments-config {
  border-radius: 0 0 6px 6px;
  width: 91.6%;
  padding: 10px;
  margin: 0 0 10px;
  background-color: #e6f0f4;
  border-color: #e6f0f4;
}
body.dark #maincontent .stepper-content .conflict-resolution,
body.dark #maincontent .stepper-content .comments-config {
  background-color: #244451;
}
body.dark #maincontent .stepper-content .conflict-resolution,
body.dark #maincontent .stepper-content .comments-config {
  border-color: #244451;
}
#maincontent .stepper-content .conflict-resolution input[type="radio"],
#maincontent .stepper-content .comments-config input[type="radio"] {
  margin: 0 5px 0 10px;
}
#maincontent .stepper-content .conflict-resolution .conflict-options span,
#maincontent .stepper-content .comments-config .conflict-options span {
  margin-right: 24px;
  position: relative;
  top: -2px;
  font-size: 14px;
}
#maincontent .stepper-content .conflict-resolution .close-icon,
#maincontent .stepper-content .comments-config .close-icon {
  border-radius: 50%;
  width: 24px;
  height: 24px;
  position: relative;
  top: -4px;
  left: 4px;
  cursor: pointer;
  background: #ffffff;
  border: 1px solid #00a9e0;
}
#maincontent .stepper-content .conflict-resolution .close-icon .drip-close,
#maincontent .stepper-content .comments-config .close-icon .drip-close {
  position: relative;
  left: 3px;
}
#maincontent .stepper-content .conflict-resolution .close-icon .drip-close svg,
#maincontent .stepper-content .comments-config .close-icon .drip-close svg {
  fill: #00a9e0;
}
#maincontent .stepper-content .conflict-resolution .default-value-config,
#maincontent .stepper-content .comments-config .default-value-config {
  margin: 15px 0;
}
#maincontent .stepper-content .conflict-resolution .default-value-config input[type="radio"],
#maincontent .stepper-content .comments-config .default-value-config input[type="radio"] {
  vertical-align: middle;
}
#maincontent .stepper-content .conflict-resolution .default-value-config label,
#maincontent .stepper-content .comments-config .default-value-config label,
#maincontent .stepper-content .conflict-resolution .default-value-config .system-header,
#maincontent .stepper-content .comments-config .default-value-config .system-header,
#maincontent .stepper-content .conflict-resolution .default-value-config .sub-header,
#maincontent .stepper-content .comments-config .default-value-config .sub-header {
  font-size: 14px;
}
#maincontent .stepper-content .conflict-resolution .default-value-config .system-header,
#maincontent .stepper-content .comments-config .default-value-config .system-header {
  font-weight: bold;
  margin-left: 10px;
}
#maincontent .stepper-content .customization .disabled-switch span[data-component="Switch"] {
  opacity: 0.5;
  pointer-events: none;
}
#maincontent .stepper-content .customization .customization-link {
  padding: 10px 0 10px 10px;
  display: inline-block;
  max-width: 250px;
  vertical-align: middle;
}
#maincontent .stepper-content .sync_selected_label {
  float: left;
  width: 50%;
  margin-left: 10px;
}
#maincontent .stepper-content .sync_selected_options {
  float: right;
  width: 45%;
}
#maincontent .stepper-content .sync_selected_event_type {
  padding-top: 10px;
}
#maincontent .stepper-content .default-value-accordion {
  margin-top: 10px;
}
#maincontent .stepper-content [data-component="Collapse.PanelContent"] {
  padding: 0 0 10px !important;
}
#maincontent .stepper-content .optional {
  background-color: #1009a8;
}
body.dark #maincontent .stepper-content .optional {
  background-color: #0e088f;
}
#maincontent .stepper-content .required {
  background-color: #d52101;
}
body.dark #maincontent .stepper-content .required {
  background-color: #ba5543;
}
#maincontent .stepper-content .readonly {
  background-color: #6b6268;
}
#maincontent .stepper-content .instance-logo-container {
  display: flex;
  align-items: center;
}
#maincontent .stepper-content .instance-name {
  margin: 0 3px;
}
#maincontent .stepper-content .preview-section-header {
  display: flex;
  vertical-align: middle;
  align-items: center;
  margin: 20px 0 10px;
  border-bottom: 1px solid;
  border-bottom-color: rgba(67, 128, 152, 0.3);
}
body.dark #maincontent .stepper-content .preview-section-header {
  border-bottom-color: rgba(67, 128, 152, 0.3);
}
#maincontent .stepper-content .icon-button {
  background-color: #00a9e0;
  height: 8px;
  width: 8px;
  pointer-events: visible;
}
#maincontent .stepper-content .icon-button .svg-icon {
  height: 23px;
}
#maincontent .stepper-content .icon-button .svg-icon svg {
  fill: #ffffff;
}
#maincontent .stepper-content .close-icon {
  position: relative;
  bottom: 20px;
  cursor: pointer;
}
#maincontent .stepper-content .close-email-icon {
  position: relative;
  bottom: 10px;
  cursor: pointer;
}
#maincontent .stepper-content .drip-admin {
  cursor: pointer;
}
#maincontent .stepper-content .default-value-close-icon .svg-icon {
  display: flex;
  cursor: pointer;
}
#maincontent .stepper-content .disabled {
  background-color: #b7bcc4;
}
#maincontent .stepper-content .mapping-direction-error {
  margin-top: 3px;
  color: #d52101;
}
body.dark #maincontent .stepper-content .mapping-direction-error {
  color: #d52101;
}
#maincontent .stepper-content .direction-icon {
  margin-left: -82px;
  margin-top: -4px;
  height: 23px;
  width: 20px;
  background-color: transparent;
}
#maincontent .stepper-content .direction-name {
  margin-top: 3px;
  position: absolute;
}
#maincontent .stepper-content .bidirection-container {
  width: 37px;
}
#maincontent .stepper-content .bidirection {
  margin-left: -19px;
}
#maincontent .stepper-content .value-mapping-container {
  padding: 15px;
}
#maincontent .stepper-content .default-value-container {
  padding: 5px 5px 5px 10px;
}
#maincontent .stepper-content .field-icon {
  padding: 6px 5px 0 5px;
}
#maincontent .stepper-content .field-icon.down {
  padding: 5px 3px 0 4px;
}
#maincontent .stepper-content .workflow-icon-system {
  padding-right: 5px;
  cursor: pointer;
}
#maincontent .stepper-content .workflow-icon-svg {
  left: 5px;
  position: relative;
  top: 4px;
  filter: brightness(0.6);
}
body.dark #maincontent .stepper-content .workflow-icon-svg {
  filter: brightness(900%);
}
#maincontent .stepper-content .field-header-icon {
  position: relative;
  padding-right: 10px;
  bottom: 4px;
}
#maincontent .stepper-content .field-icon-tooltip {
  font-size: 15px;
  pointer-events: auto;
}
#maincontent .stepper-content .field-icon-tooltip:hover {
  visibility: visible;
  opacity: 1;
}
#maincontent .stepper-content .flex-grid.space-below {
  padding-bottom: 20px;
}
#maincontent .stepper-content .icon-button.inactive {
  opacity: 0.4;
  pointer-events: none;
}
#maincontent .stepper-content .backlink {
  width: 60%;
  padding: 8px 0 0 8px;
}
#maincontent .stepper-content .backlink h3 {
  font-size: 14px;
}
#maincontent .stepper-content .backlink .backlink-dropdown-group {
  padding: 5px 0;
}
#maincontent .stepper-content .backlink-dropdown-group {
  align-items: center;
}
#maincontent .stepper-content .backlink-dropdown-group label {
  display: flex;
  align-items: center;
}
#maincontent .stepper-content .backlink-dropdown-group label > div:first-child {
  width: 100%;
}
#maincontent .stepper-content .backlink-dropdown-group label .backlink-select-id {
  margin-left: 30px;
}
#maincontent .stepper-content .backlink-dropdown-group label .backlink-select-url {
  margin-left: 20px;
}
#maincontent .stepper-content .backlink-dropdown-group .backlink-label {
  display: inline-block;
  width: 40px;
}
#maincontent .stepper-content .backlink-dropdown-group .sync-label {
  display: inline-block;
  padding-right: 5px;
}
#maincontent .stepper-content .backlink-dropdown-group .error-message {
  margin-left: 50px;
}
#maincontent .stepper-content .backlink-dropdown-group .backlink-value {
  line-height: 2;
}
#maincontent .stepper-content .relationship {
  width: 100%;
  padding: 8px 0 0 8px;
  border-bottom: 1px solid;
  border-bottom-color: rgba(67, 128, 152, 0.3);
}
#maincontent .stepper-content .relationship.no-border {
  border-bottom: none;
}
#maincontent .stepper-content .relationship h3 {
  font-size: 14px;
}
#maincontent .stepper-content .relationship .relationship-dropdown-group {
  padding: 5px 0;
}
#maincontent .stepper-content .syncstrategy-head {
  margin: 20px 0 0 55px;
}
#maincontent .stepper-content .relationship-dropdown-group {
  align-items: center;
}
#maincontent .stepper-content .relationship-dropdown-group label {
  display: flex;
  align-items: center;
}
#maincontent .stepper-content .relationship-dropdown-group label > div:first-child {
  width: 30%;
}
#maincontent .stepper-content .relationship-dropdown-group label .relationship-mapping-details {
  margin: 0 0 0 48px;
}
#maincontent .stepper-content .relationship-dropdown-group label .relationship-datamap-id {
  width: 225px;
  margin: 0px 0px 0px 16px;
}
#maincontent .stepper-content .relationship-dropdown-group label .relationship-input {
  width: 60%;
  margin: 0 0 0 30px;
}
#maincontent .stepper-content .relationship-dropdown-group .relationship-label {
  display: inline-block;
  width: 150px;
}
#maincontent .stepper-content .relationship-dropdown-group .error-message {
  margin-left: 50px;
}
#maincontent .stepper-content .relationship-dropdown-group .relationship-value {
  line-height: 2;
}
#maincontent .stepper-content .sync-reference h4 {
  margin-top: 10px;
}
#maincontent .stepper-content .sync-selected-event-type {
  padding: 0px;
}
#maincontent .stepper-content .sync-selected-event-type .sync-select-event-type-parent {
  margin: 5px 0px 5px 0px;
}
#maincontent .stepper-content .sync-selected-event-type .sync-option-float-left {
  float: left;
  width: 40%;
}
#maincontent .stepper-content .sync-selected-event-type .sync-option-float-right {
  float: right;
  width: 56%;
}
#maincontent .stepper-content .sync-selected-event-type .label-head {
  float: left;
  margin-right: 5px;
  font-weight: bold;
}
#maincontent .stepper-content .sync-selected-event-type .label-value {
  margin: 0px 5px 5px 0px;
}
#maincontent .stepper-content .is-disabled .Select-control {
  background-color: rgba(67, 128, 152, 0);
  color: currentColor;
}
body.dark #maincontent .stepper-content .is-disabled .Select-control {
  background-color: transparent;
}
body.dark #maincontent .stepper-content .is-disabled .Select-control {
  color: #3b7186;
}
#maincontent .stepper-content span[data-component="Switch"] span {
  color: #ffffff;
}
body.dark #maincontent .stepper-content span[data-component="Switch"] span {
  color: #ffffff;
}
#maincontent .stepper-content .configure-screen:first-of-type {
  margin: 0 auto;
  width: 75%;
  padding-top: 15px;
}
#maincontent .stepper-content .configure-screen:first-of-type .input-name {
  margin-bottom: 16px;
  position: relative;
}
#maincontent .stepper-content .configure-screen:first-of-type .input-name input {
  margin-bottom: 0;
}
#maincontent .stepper-content .configure-screen:first-of-type .create-system {
  position: absolute;
  right: 0;
  top: -18px;
  height: 36px;
  cursor: pointer;
}
#maincontent .stepper-content .configure-screen:first-of-type .create-system .create-button {
  display: flex;
}
#maincontent .stepper-content .configure-screen:first-of-type .create-system .create-button .drip-add {
  top: -2px;
  left: -3px;
}
#maincontent .stepper-content .configure-screen:first-of-type .create-system .create-button .drip-add svg {
  fill: #ffffff;
}
#maincontent .stepper-content .configure-screen:first-of-type .flex-grid {
  align-items: flex-end;
}
#maincontent .stepper-content .configure-screen:first-of-type .project-headers .flex-grid {
  padding-top: 17px;
}
#maincontent .stepper-content .configure-screen:first-of-type .projects .flex-grid {
  padding-top: 15px;
}
#maincontent .stepper-content .configure-screen:first-of-type .projects .flex-grid .error .Select-control,
#maincontent .stepper-content .configure-screen:first-of-type .projects .flex-grid .error .react-dropdown-tree-select {
  border-color: #d52101;
}
body.dark #maincontent .stepper-content .configure-screen:first-of-type .projects .flex-grid .error .Select-control,
body.dark #maincontent .stepper-content .configure-screen:first-of-type .projects .flex-grid .error .react-dropdown-tree-select {
  border-color: #d52101;
}
#maincontent .stepper-content .configure-screen:first-of-type .projects .flex-grid:first-child {
  padding-top: 0;
}
#maincontent .stepper-content .configure-screen:first-of-type .projects .flex-grid:last-child {
  padding-bottom: 8px;
}
#maincontent .stepper-content .configure-screen:first-of-type .assets .flex-grid {
  padding-top: 15px;
}
#maincontent .stepper-content .configure-screen:first-of-type .flex-grid.error-grid {
  padding: 0;
}
#maincontent .stepper-content .configure-screen:first-of-type .direction-icons,
#maincontent .stepper-content .configure-screen:first-of-type .readonly-directions {
  text-align: center;
}
#maincontent .stepper-content .configure-screen:first-of-type .readonly-directions .svg-icon {
  height: 23px;
}
#maincontent .stepper-content .configure-screen:first-of-type .readonly-directions .svg-icon svg {
  fill: #a8abaf;
}
#maincontent .stepper-content .configure-screen:first-of-type .readonly-directions div {
  margin: 0 0 14px 0;
}
#maincontent .stepper-content .configure-screen:first-of-type .readonly-directions div:last-child {
  margin: 0;
}
#maincontent .stepper-content .configure-screen:first-of-type .delete-project-icon span {
  margin-left: 5px;
  position: absolute;
  margin-top: -11px;
}
#maincontent .stepper-content .configure-screen:first-of-type .icon-button {
  vertical-align: middle;
}
#maincontent .stepper-content .configure-screen:first-of-type .icon-header {
  display: block;
  line-height: 2;
}
#maincontent .stepper-content .configure-screen:first-of-type > div,
#maincontent .stepper-content .configure-screen:first-of-type > span {
  padding-bottom: 5px;
  display: block;
}
#maincontent .stepper-content .icon-button.disabled {
  box-shadow: none;
  background-color: #e6f0f4;
  border-color: rgba(67, 128, 152, 0.45);
  transition: unset;
}
#maincontent .stepper-content .icon-button.disabled:hover {
  transition: unset;
}
#maincontent .stepper-content .icon-button.disabled .svg-icon svg {
  fill: #737373;
}
#maincontent .stepper-content .drip-circle-plus svg {
  fill: #79B522;
}
.config-modal {
  width: fit-content;
  white-space: pre;
  top: 30vh;
}
.config-modal .react-modal-content {
  padding: 10px 16px;
}
.config-modal .right {
  clear: both;
}
.config-modal .alert-message .svg-icon,
.config-modal .success-message .svg-icon {
  padding-right: 5px;
}
.config-modal .alert-message .modal-text,
.config-modal .success-message .modal-text {
  position: relative;
  top: -6px;
  line-height: 24px;
}
.config-modal .alert-message svg {
  fill: #d52101;
}
body.dark .config-modal .alert-message svg {
  fill: #d52101;
}
.config-modal .success-message svg {
  fill: #47a16d;
}
body.dark .config-modal .success-message svg {
  fill: #47a16d;
}
.sync-specific-workitem-modal,
.search-before-create-modal {
  max-width: 94%;
  height: 80%;
  overflow-y: scroll;
  width: 100%;
  position: absolute;
  left: 5%;
  overflow-x: hidden;
}
.sync-specific-workitem-modal .svg-icon.sync-specific-setting,
.search-before-create-modal .svg-icon.sync-specific-setting {
  cursor: pointer;
  vertical-align: middle;
  display: table-cell;
  position: relative;
  top: 5px;
}
.sync-specific-workitem-modal .eventtype-dropdown,
.search-before-create-modal .eventtype-dropdown {
  width: 40%;
}
.sync-specific-workitem-modal .react-modal-content,
.search-before-create-modal .react-modal-content {
  padding: 10px 10px;
}
.sync-specific-workitem-modal .right,
.search-before-create-modal .right {
  clear: both;
}
.sync-specific-workitem-modal .fieldOptions,
.search-before-create-modal .fieldOptions {
  vertical-align: middle;
  display: flex;
  align-items: center;
}
.sync-specific-workitem-modal .field-icon,
.search-before-create-modal .field-icon {
  padding: 6px 5px 0 5px;
}
.sync-specific-workitem-modal .field-icon.down,
.search-before-create-modal .field-icon.down {
  padding: 5px 3px 0 4px;
}
.sync-specific-workitem-modal .sync-specific-config-horizontal,
.search-before-create-modal .sync-specific-config-horizontal {
  display: flex;
}
.sync-specific-workitem-modal .sync-specific-condn,
.search-before-create-modal .sync-specific-condn {
  padding: 8px 0 0 8px;
  width: 95%;
}
.sync-specific-workitem-modal .sync-specific-condn .sync-specific-fields,
.search-before-create-modal .sync-specific-condn .sync-specific-fields {
  padding: 5px 0;
}
.sync-specific-workitem-modal .sync-specific-condn h3,
.search-before-create-modal .sync-specific-condn h3 {
  font-size: 14px;
}
.sync-specific-workitem-modal .sync-specific-fields,
.search-before-create-modal .sync-specific-fields {
  align-items: center;
}
.sync-specific-workitem-modal .sync-specific-fields div.row,
.search-before-create-modal .sync-specific-fields div.row {
  display: flex;
  padding: 5px;
  margin: 0;
}
.sync-specific-workitem-modal .sync-specific-fields button,
.search-before-create-modal .sync-specific-fields button {
  margin: 0 2px 0 2px;
}
.sync-specific-workitem-modal .sync-specific-fields div.cond-col,
.search-before-create-modal .sync-specific-fields div.cond-col {
  margin-left: 5px;
  margin-right: 5px;
}
.sync-specific-workitem-modal .sync-specific-fields .btn-right,
.search-before-create-modal .sync-specific-fields .btn-right {
  margin-top: 10px;
}
.sync-specific-workitem-modal .sync-specific-fields label,
.search-before-create-modal .sync-specific-fields label {
  width: 100%;
  display: inline-block;
  font-size: 14px;
  padding-left: 5px;
}
.sync-specific-workitem-modal .sync-specific-fields .react-select__control,
.search-before-create-modal .sync-specific-fields .react-select__control {
  width: 130px;
}
.sync-specific-workitem-modal .sync-specific-fields .react-select__control .fieldOptions span:nth-child(3),
.search-before-create-modal .sync-specific-fields .react-select__control .fieldOptions span:nth-child(3) {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 120px;
}
.sync-specific-workitem-modal .sync-specific-fields .react-select-container.multi-value,
.search-before-create-modal .sync-specific-fields .react-select-container.multi-value {
  max-width: 170px;
}
.sync-specific-workitem-modal .sync-specific-fields .react-select-container.multi-value .react-select__control,
.search-before-create-modal .sync-specific-fields .react-select-container.multi-value .react-select__control {
  height: auto;
}
.sync-specific-workitem-modal .sync-specific-fields .react-select__control,
.search-before-create-modal .sync-specific-fields .react-select__control {
  white-space: nowrap;
}
.sync-specific-workitem-modal .sync-specific-fields .react-select__control .react-select__value-container--is-multi,
.search-before-create-modal .sync-specific-fields .react-select__control .react-select__value-container--is-multi {
  flex-wrap: wrap;
  display: flex;
}
.sync-specific-workitem-modal .sync-specific-fields .react-select__control .value-comp,
.search-before-create-modal .sync-specific-fields .react-select__control .value-comp {
  padding: 0 7px;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 148px;
}
.sync-specific-workitem-modal .sync-specific-fields .sync-field .react-select__control,
.search-before-create-modal .sync-specific-fields .sync-field .react-select__control,
.sync-specific-workitem-modal .sync-specific-fields .sync-value .react-select__control,
.search-before-create-modal .sync-specific-fields .sync-value .react-select__control,
.sync-specific-workitem-modal .sync-specific-fields .sync-condn .react-select__control,
.search-before-create-modal .sync-specific-fields .sync-condn .react-select__control {
  width: 100%;
}
.sync-specific-workitem-modal .syncRowBox,
.search-before-create-modal .syncRowBox,
.sync-specific-workitem-modal .syncProjectRowBox,
.search-before-create-modal .syncProjectRowBox {
  border-radius: 12px;
  border-left: 5px solid transparent;
  padding: 8px 0;
  transition: 0.4s all linear;
  outline: 0;
  position: relative;
  height: auto;
  margin-top: 10px !important;
  border-color: rgba(67, 128, 152, 0.5);
  color: currentColor;
  margin-top: 10px;
  padding-left: 15px;
}
.sync-specific-workitem-modal .additionalMappingRow,
.search-before-create-modal .additionalMappingRow {
  display: flex;
}
.sync-specific-workitem-modal .treeHeader,
.search-before-create-modal .treeHeader {
  display: flex;
}
.sync-specific-workitem-modal .orContainer div.row,
.search-before-create-modal .orContainer div.row,
.sync-specific-workitem-modal .andContainer div.row,
.search-before-create-modal .andContainer div.row {
  display: flex;
  margin: 0;
}
.sync-specific-workitem-modal .remove-condition,
.search-before-create-modal .remove-condition {
  align-self: flex-start;
  margin-top: 10px;
}
.sync-specific-workitem-modal .sync_project,
.search-before-create-modal .sync_project {
  margin: 10px 0 5px 0;
}
.loading-icon {
  padding: 5px;
}
.help-icon,
.config-icon {
  position: relative;
  top: 3px;
  padding: 5px;
  cursor: pointer;
}
.comments-config h3 {
  font-size: 14px;
  padding: 0 0 10px 5px;
}
.comments-config .close-icon .drip-close {
  top: 3px;
}
.comments-config .Select--multi .Select-value {
  line-height: 1;
  direction: rtl;
}
.comments-config .Select--multi .Select-value-label {
  padding: 2px 0 2px 5px;
}
.comments-config .Select--multi .Select-clear-zone {
  height: 17px;
}
.search-before-create-modal {
  max-width: 82%;
  height: 80%;
  position: absolute;
  left: 11%;
}
.search-before-create-modal .and-btn {
  margin-left: 2%;
}
.search-before-create-modal .remove-and {
  vertical-align: middle;
}
.search-before-create-modal .remove-and svg {
  fill: #589bb6;
}
.search-before-create-modal .syncRowBox {
  border-radius: 12px;
  border-left: 5px solid transparent;
  padding: 8px 0;
  transition: 0.4s all linear;
  outline: 0;
  position: relative;
  height: auto;
  margin-top: 10px !important;
  border-color: rgba(67, 128, 152, 0.5);
  color: currentColor;
  margin-top: 10px;
  padding-left: 15px;
}
.search-before-create-modal .react-modal-content {
  padding: 10px 10px;
}
.search-before-create-modal .orcond {
  margin: 15px;
}
.search-before-create-modal .search-before-create {
  padding: 0 0 30px 0;
}
.react-modal.customization-modal {
  height: 80%;
  width: 80%;
  max-width: 90%;
}
.react-modal.customization-modal .buttons {
  display: block;
}
.react-modal.customization-modal #editor * {
  font-family: monospace !important;
  font-size: 16px !important;
  direction: ltr !important;
  text-align: left !important;
}
.react-modal.customization-modal .select-label {
  font-weight: bold;
  text-align: center;
}
.react-modal.customization-modal .customization-types {
  width: 30%;
}
.react-modal.customization-modal .customization-block {
  border: 1px solid;
  border-radius: 6px;
  border-color: #c3dbe4;
  margin-bottom: 15px;
}
body.dark .react-modal.customization-modal .customization-block {
  border-color: #336275;
}
.react-modal.customization-modal .customization-block .customization-details {
  padding: 10px;
  margin-bottom: 10px;
}
.react-modal.customization-modal .customization-block .customization-details .customization-field-label .tooltip-right .drip-help {
  padding: 5px;
  vertical-align: sub;
}
.react-modal.customization-modal .customization-type-row {
  padding: 10px 0;
}
.react-modal.customization-modal .customization-header {
  background: #e6f0f4;
  font-weight: bold;
  overflow: hidden;
  line-height: 2.5;
  padding: 0 10px;
}
body.dark .react-modal.customization-modal .customization-header {
  background: #05090a;
}
.react-modal.customization-modal .customization-header .drip-close {
  cursor: pointer;
}
.react-modal.customization-modal .customization-header .svg-icon {
  display: flex;
}
.react-modal.customization-modal .category_header {
  background-color: #c3dbe4;
  text-transform: uppercase;
  cursor: pointer;
  padding: 4px;
  font-size: 0.9em;
  font-weight: bold;
}
body.dark .react-modal.customization-modal .category_header {
  background-color: #244451;
}
.react-modal.customization-modal .category_options {
  border-bottom: 1.5px solid;
  border-color: rgba(67, 128, 152, 0.5);
  cursor: pointer;
  margin: 0 0 2px 0;
}
.react-modal.customization-modal .category_options:hover {
  background: #ffffff;
}
body.dark .react-modal.customization-modal .category_options:hover {
  background: #14272e;
}
.react-modal.customization-modal .drag-drop-container {
  display: flex;
}
.react-modal.customization-modal .droppable {
  right: 0;
  top: 10;
  width: 80%;
}
.react-modal.customization-modal .draggable-list {
  width: 20%;
  height: 100%;
  left: 0;
  top: 10;
  margin-right: 10px;
}
.workflow-modal {
  width: 63%;
  max-height: 83%;
}
.workflow-modal .grid-columns {
  display: grid;
  grid-template-columns: 25% 35% 25%;
  column-gap: 15px;
  padding: 10px;
  font-weight: 700;
  font-size: 14px;
  border-bottom: 2px solid;
}
.workflow-modal .workflow-rows {
  border-bottom: 1px solid;
  font-weight: 400;
  padding: 10px 10px 4px;
}
.workflow-modal .workflow-rows .column {
  cursor: pointer;
  white-space: pre-line;
}
.workflow-modal .transition-name {
  width: 200px;
}
.workflow-modal .to-status {
  width: 250px;
}
.parent-link,
.sync-select-event {
  width: 100%;
  padding: 8px 0 0 8px;
  border-bottom: 1px solid;
  border-bottom-color: rgba(67, 128, 152, 0.3);
}
.parent-link.no-border,
.sync-select-event.no-border {
  border-bottom: none;
}
.parent-link .parent-link-dropdown-group,
.sync-select-event .parent-link-dropdown-group,
.parent-link .sync-selected-event-dropdown-group,
.sync-select-event .sync-selected-event-dropdown-group {
  padding: 5px 0;
  width: 100%;
}
.parent-link-dropdown-group label,
.sync-selected-event-dropdown-group label {
  display: flex;
  align-items: center;
}
.parent-link-dropdown-group label > div:first-child,
.sync-selected-event-dropdown-group label > div:first-child {
  width: 25%;
}
.parent-link-dropdown-group label .parent-link-input,
.sync-selected-event-dropdown-group label .parent-link-input,
.parent-link-dropdown-group label .sync-select-event-input,
.sync-selected-event-dropdown-group label .sync-select-event-input {
  width: 14em;
  margin: 0px 0px 0px 38px;
}
.parent-link-dropdown-group label .parent-link-label,
.sync-selected-event-dropdown-group label .parent-link-label {
  margin: 0px 0px 0px 48px;
}
.Select-multi-value-wrapper {
  overflow: hidden;
}
.systems-loading {
  position: absolute;
  left: 50vw;
}
div.lazy-load {
  margin-left: 35px;
}
.syncRowBox-search-before-create {
  border-radius: 6px 6px;
  width: 91.6%;
  padding: 10px;
  margin: 0 0 10px;
  background-color: #e6f0f4;
  border-color: #e6f0f4;
}
body.dark .syncRowBox-search-before-create {
  background-color: #244451;
}
body.dark .syncRowBox-search-before-create {
  border-color: #244451;
}
.syncRowBox-search-before-create .drip-recycle-icon {
  margin: 0 5px;
}
.syncRowBox-search-before-create .header-row .left h4 {
  padding-left: 10px;
}
.syncRowBox-search-before-create .close-icon {
  border-radius: 50%;
  width: 24px;
  height: 24px;
  position: relative;
  left: 95%;
  bottom: 95%;
  cursor: pointer;
  background: #ffffff;
  border: 1px solid #00a9e0;
}
.syncRowBox-search-before-create .close-icon .drip-close {
  position: relative;
  left: 3px;
  top: 3px;
}
.syncRowBox-search-before-create .close-icon .drip-close svg {
  fill: #00a9e0;
}
.field-mapping-container {
  display: flex;
}
.node {
  list-style: none;
  white-space: nowrap;
  padding: 4px;
}
.node .node-label {
  padding-left: 6px;
}
.node.leaf.collapsed {
  display: none;
}
.node.disabled > * {
  color: #cccccc;
  cursor: default;
  background-color: #ffffff;
}
body.dark .node.disabled > * {
  background-color: #14272e;
}
.node.match-in-children.hide .node-label {
  opacity: 0.5;
}
.node.focused {
  background-color: #ffffff;
}
body.dark .node.focused {
  background-color: #14272e;
}
.toggle {
  white-space: pre;
  margin-right: 4px;
  cursor: pointer;
}
.toggle::after {
  content: ' ';
}
.toggle.collapsed::after {
  content: '+';
}
.toggle.expanded::after {
  content: '-';
}
.searchModeOn .toggle {
  display: none;
}
.checkbox-item,
.radio-item {
  vertical-align: middle;
  margin: 0 4px 0 0;
}
.checkbox-item.simple-select,
.radio-item.simple-select {
  display: none;
}
/* component styles */
.hide:not(.match-in-children) {
  display: none;
}
.react-dropdown-tree-select {
  border-radius: 12px;
  width: 100%;
  border: 1px solid transparent;
  transition: 0.4s all linear;
  outline: 0;
  display: flex;
  position: relative;
  margin: 0;
  background-color: #ffffff;
  border-color: rgba(67, 128, 152, 0.5);
  color: currentColor;
  height: 28px;
}
body.dark .react-dropdown-tree-select {
  background-color: transparent;
}
body.dark .react-dropdown-tree-select {
  border-color: rgba(67, 128, 152, 0.5);
}
body.dark .react-dropdown-tree-select {
  color: #ffffff;
}
.react-dropdown-tree-select .dropdown {
  position: relative;
  width: 100%;
}
.react-dropdown-tree-select .dropdown .dropdown-trigger {
  line-height: 20px;
  max-height: 200px;
  height: 25px;
  display: inline-flex;
  overflow: auto;
  width: 100%;
}
.react-dropdown-tree-select .dropdown .dropdown-trigger.arrow {
  cursor: pointer;
}
.react-dropdown-tree-select .dropdown .dropdown-trigger.arrow.bottom::after {
  content: '\25BC';
  vertical-align: middle;
  color: #3c3c3c;
  margin-right: 2px;
}
.react-dropdown-tree-select .dropdown .dropdown-trigger.arrow.top::after {
  content: '\25B2';
  vertical-align: middle;
  color: #3c3c3c;
  margin-right: 2px;
}
.react-dropdown-tree-select .dropdown .dropdown-trigger.arrow.disabled {
  cursor: default;
  background-color: #f8f9fb !important;
}
.react-dropdown-tree-select .dropdown .dropdown-trigger.arrow.disabled.bottom::after {
  color: #b9b9b9;
}
.react-dropdown-tree-select .dropdown .dropdown-content {
  z-index: 9999;
  width: 100%;
  position: absolute;
  max-height: 300px;
  overflow: auto;
  background-color: #ffffff;
  border-top: rgba(0, 0, 0, 0.05) 1px solid;
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15);
}
body.dark .react-dropdown-tree-select .dropdown .dropdown-content {
  background-color: #14272e;
}
.react-dropdown-tree-select .dropdown .dropdown-content .search {
  width: 100%;
  border: none;
  border-bottom: solid 1px #ccc;
  outline: none;
}
.react-dropdown-tree-select .dropdown .dropdown-content ul {
  margin: 0;
  padding: 0;
}
.react-dropdown-tree-select input[type="text"],
.react-dropdown-tree-select input[type="text"]:focus {
  border: none;
  box-shadow: 0 0 0 0 rgb(67 128 Infinity%);
  height: 25px;
}
.treeDisabled input[type="text"] {
  display: none;
}
.treeDisabled button {
  display: none;
}
.tag {
  display: inline-block;
  width: 100%;
  margin: 0 0 0 7px;
  padding: 0px;
  font-size: 14px;
  color: #2e3137;
}
body.dark .tag {
  color: #ffffff;
}
.tag-list,
.tag-item {
  width: 100%;
}
.tag-list li:nth-of-type(1n+2),
.tag-item li:nth-of-type(1n+2) {
  display: none;
}
.tag-item button,
.tag-item button:focus {
  animation: Select-animation-fadeIn 200ms;
  color: currentColor;
  background-color: transparent !important;
  cursor: pointer;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 17px;
  float: right;
  height: 16px;
  font-size: 15px;
  line-height: 1;
  margin-right: 5px;
  margin-bottom: 0px;
}
body.dark .tag-item button,
body.dark .tag-item button:focus {
  color: #ffffff;
}
.list-migration-logs {
  margin: 40px 40px 20px;
}
.logs-content {
  border-radius: 6px;
  border: 1em solid;
  background-color: #ffffff;
  border-color: #ffffff;
}
body.dark .logs-content {
  background-color: #14272e;
}
body.dark .logs-content {
  border-color: #14272e;
}
[data-component="EmptyState"] {
  text-align: center;
}
.header-strip {
  display: flex;
}
.header-strip .separator {
  padding: 0 10px;
}
.breadcrumb-container {
  padding: 10px;
}
.breadcrumb-container .separator {
  padding: 0 10px;
}
.logs-list-table .log-row {
  line-height: 3;
  color: #202328;
}
body.dark .logs-list-table .log-row {
  color: #e6f0f4;
}
.logs-list-table .log-row .cell {
  word-break: break-word;
  padding-right: 0px;
}
.logs-list-table div[class*='status-']::before {
  left: 0px;
  content: "";
  top: 0;
  bottom: 0;
  right: 0;
  width: 8px;
  margin-right: 5px;
}
.logs-list-table [class*='status-'] span.cell:nth-child(1) {
  padding-left: 5px;
}
.logs-list-table [class*='status-']::before {
  background-color: #e6f0f4;
}
body.dark .logs-list-table [class*='status-']::before {
  background-color: #888e90;
}
.logs-list-table div.status-success::before {
  background-color: #8bc34a;
  border-color: #8bc34a;
}
body.dark .logs-list-table div.status-success::before {
  background-color: #78cf9d;
}
body.dark .logs-list-table div.status-success::before {
  border-color: #78cf9d;
}
.logs-list-table div.status-failure::before {
  background-color: #f44336;
  border-color: #f44336;
}
body.dark .logs-list-table div.status-failure::before {
  background-color: #e88573;
}
body.dark .logs-list-table div.status-failure::before {
  border-color: #e88573;
}
.logs-list-table > div {
  grid-template-columns: 10% 10% 11% 15% 11% 15% 11% 200px 160px 70px 90px 65px 65px 65px;
  column-gap: 9px;
  position: relative;
}
.logs-list-table > div > span:first-of-type {
  padding-left: 16px;
}
.filter-pos {
  display: flex;
  padding: 1px;
  margin-top: 5px;
}
.filter-box {
  margin-bottom: 5px;
  padding-left: 1px;
  width: 100%;
}
.echo-warning {
  position: fixed;
  top: 20px;
  z-index: 9999;
  right: 16px;
}
.logs-content .Select-menu-outer {
  width: max-content !important;
  margin-top: 0;
  right: 0;
}
/* Safari 10.1+ */
/* add :not(:root:root) to any style in order to specifically target */
.nav-items-container > ul li.menu-item:not(:root:root) {
  overflow: visible;
}
.nav-items-container > ul li.menu-item:not(:root:root):focus,
.nav-items-container > ul li.menu-item:not(:root:root):hover {
  background: #56d4e5;
}
.nav-items-container > ul li.menu-item:not(:root:root):focus:before,
.nav-items-container > ul li.menu-item:not(:root:root):hover:before {
  display: none;
}
.master-detail-container .tabs.vertical {
  border-color: rgba(67, 128, 152, 0.5);
}
body.dark .master-detail-container .tabs.vertical {
  border-color: rgba(67, 128, 152, 0.5);
}
.master-detail-container .tabs.vertical.plugin-list div > li {
  display: block;
}
.master-detail-container .tabs.vertical.plugin-list div > li.active {
  border-right: 5px solid #2ecadf !important;
  margin-right: -2px;
}
.master-detail-container .tabs-content .spacer {
  margin-right: 20px;
}
.plugin-header {
  text-align: center;
  display: list-item;
  height: 30px;
  font-weight: 600;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: rgba(67, 128, 152, 0.5);
}
body.dark .plugin-header {
  border-bottom-color: rgba(67, 128, 152, 0.5);
}
.selected-plugin-header {
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: rgba(67, 128, 152, 0.5);
  padding-bottom: 5px;
}
body.dark .selected-plugin-header {
  border-bottom-color: rgba(67, 128, 152, 0.5);
}
.plugin-actions {
  margin-top: 15px;
}
.plugin-actions span {
  margin-left: 5px;
}
.echo-warning {
  position: fixed;
  top: 20px;
  z-index: 9999;
  right: 16px;
}
.systems-grid-columns {
  display: grid;
  line-height: 3;
  cursor: pointer;
}
[data-component="EmptyState"] {
  text-align: center;
  margin: 10px;
}
.systems-collapse-icon {
  text-align: right;
}
.plugins-list-hidden {
  width: 70px !important;
}
.list-items-hidden {
  display: flex !important;
  justify-content: flex-end;
}
.list-row {
  border-bottom-color: rgba(67, 128, 152, 0.5) !important;
}
body.dark .list-row {
  border-bottom-color: rgba(67, 128, 152, 0.5) !important;
}
.select-field {
  margin-bottom: 16px;
}
.manage-systems-component {
  margin-left: 15px;
}
.manage-systems-component .toolbar-title {
  width: 97%;
  margin-left: 1.5%;
  margin-bottom: 10px;
}
.manage-systems-component .toolbar-title h1 {
  display: inline;
}
.drawer-plugin .dot-drawer-paper {
  top: 45px;
  z-index: 2000;
}
.drawer-plugin .dot-drawer-paper .custom-header {
  padding: 2px;
  border-bottom: 1px solid;
  border-bottom-color: rgba(67, 128, 152, 0.5) !important;
}
body.dark .drawer-plugin .dot-drawer-paper .custom-header {
  border-bottom-color: rgba(67, 128, 152, 0.5) !important;
}
.drawer-plugin .dot-drawer-paper .custom-header .icon-close {
  line-height: 1.2;
}
.drawer-plugin .dot-drawer-paper .custom-body {
  display: block;
}
.drawer-plugin .dot-drawer-paper .custom-body .upload-text {
  padding: 10px 0;
  line-height: 5;
}
.drawer-plugin .dot-drawer-paper .custom-body .new-plugin-file {
  text-align: center;
  padding: 40px;
  border: 2px dashed;
  border-radius: 5px;
  border-color: rgba(67, 128, 152, 0.5) !important;
}
body.dark .drawer-plugin .dot-drawer-paper .custom-body .new-plugin-file {
  border-color: rgba(67, 128, 152, 0.5) !important;
}
.drawer-plugin .dot-drawer-paper .custom-body .new-plugin-file label {
  display: block;
}
.drawer-plugin .dot-drawer-paper .custom-footer {
  text-align: center;
}
.column {
  float: left;
  position: relative;
  width: 100%;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}
input[type="text"] {
  display: block;
  font-family: inherit;
  margin: 0 0 1rem 0;
  box-sizing: border-box;
}
input[type="file"] {
  display: none;
}
#maincontent .row-header,
#maincontent .table-header {
  display: flex;
  font-weight: 700;
  font-size: 14px;
  border-bottom: 2px solid;
  color: #244451;
  border-bottom-color: rgba(67, 128, 152, 0.3);
}
body.dark #maincontent .row-header,
body.dark #maincontent .table-header {
  color: #c3dbe4;
}
body.dark #maincontent .row-header,
body.dark #maincontent .table-header {
  border-bottom-color: rgba(67, 128, 152, 0.3);
}
#maincontent .row {
  padding: 10px;
}
#maincontent .column-header {
  padding: 10px 0;
  display: flex;
  width: 70%;
}
#maincontent .svg-icon.dia-agile svg {
  fill: #649A3D;
}
#maincontent .medium {
  height: 24px;
  width: 24px;
}
.confirm-field {
  border: 1px solid black;
  width: 247px;
  position: relative;
  top: 23px;
  left: -305px;
  border-radius: 12px;
  height: 25px;
  padding: 10px;
}
.confirm-field-message {
  position: relative;
  top: 25px;
  left: 5px;
  font-size: small;
}
.error {
  color: red;
}
.success {
  color: green;
}
input:valid {
  border-color: black;
}
input:invalid {
  border-color: #da5367;
}
div[data-component="Stepper"] div[data-component="Step"] div:nth-child(2) div:nth-child(1) {
  font-size: 14px !important;
}
.asset-migration-table {
  padding: 15px;
  border-radius: 6px;
  margin-top: 20px;
}
.asset-migration-stepper-labels {
  width: 15%;
  float: left;
  padding: 20px;
  margin-left: 10px;
  margin-top: 10px;
  margin-right: 30px;
  margin-bottom: 10px;
  border-radius: 6px 0 0 6px;
}
.asset-migration-content {
  width: 70%;
  float: left;
  margin-top: 10px;
}
.asset-migration-stepper-buttons {
  justify-content: flex-end;
  display: flex;
  padding: 10px 12%;
  background-color: #ffffff;
}
body.dark .asset-migration-stepper-buttons {
  background-color: #14272e;
}
.list-row {
  line-height: 3;
  color: #202328;
}
body.dark .list-row {
  color: #e6f0f4;
}
.asset-migration-mapping {
  margin: 40px 40px 20px;
}
.asset-migration-stepper {
  overflow: hidden;
  background-color: #ffffff;
  margin-top: 10px;
}
body.dark .asset-migration-stepper {
  background-color: #14272e;
}
.echo-warning {
  position: fixed;
  top: 20px;
  z-index: 9999;
  right: 16px;
}
.mapping-validation-error {
  padding: 4px 0 0;
  display: block;
  color: #d52101;
}
body.dark .mapping-validation-error {
  color: #d52101;
}
.mapping-validation-error .svg-icon {
  padding-right: 5px;
}
.migrate-user-checkbox {
  margin-left: 10px !important;
}
.flex-grid.space-below {
  padding-bottom: 20px;
}
.fields-migration {
  width: 75%;
  margin: 0 auto;
  padding: 0 8px;
}
.list-logs {
  margin: 40px 40px 20px;
}
.list-logs .logs-header {
  font-size: 1.25em;
  margin: 10px;
  color: #244451;
  border-bottom-color: rgba(67, 128, 152, 0.3);
}
body.dark .list-logs .logs-header {
  color: #c3dbe4;
}
body.dark .list-logs .logs-header {
  border-bottom-color: rgba(67, 128, 152, 0.3);
}
.list-logs .logs-content {
  border-radius: 6px;
  border: 1em solid;
  background-color: #ffffff;
  border-color: #ffffff;
}
body.dark .list-logs .logs-content {
  background-color: #14272e;
}
body.dark .list-logs .logs-content {
  border-color: #14272e;
}
.list-logs .echo-warning {
  position: fixed;
  top: 64px;
  z-index: 9999;
  right: 40px;
}
.list-logs .close-icon {
  position: relative;
  cursor: pointer;
}
.list-logs .logs-list-table .log-row {
  line-height: 3;
  color: #202328;
}
body.dark .list-logs .logs-list-table .log-row {
  color: #e6f0f4;
}
.list-logs .logs-list-table .log-row .cell {
  white-space: pre-wrap;
  word-break: keep-all;
}
.list-logs .logs-list-table .log-row .cell .label {
  line-height: 1 !important;
}
.list-logs .logs-list-table div:nth-child(1) span:nth-child(1) {
  padding-left: 5px;
}
.list-logs .logs-list-table .select-filter {
  left: 7px;
}
.list-logs .logs-list-table .filter-box {
  display: flex;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 1px;
}
.list-logs .logs-list-table .filter-box.react-select-container {
  width: 80px;
}
.list-logs .logs-list-table .filter-box .react-select__value-container {
  width: 80px;
}
.list-logs .logs-list-table .filter-box .react-select__control,
.list-logs .logs-list-table .filter-box .react-select__menu {
  left: 10px;
}
.list-logs .logs-list-table .filter-box .react-select__indicator {
  padding: 0px;
  margin: 0;
  width: 15px;
}
.list-logs .logs-list-table .filter-box .react-select__single-value div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 45px;
}
.list-logs .logs-list-table .Select-value {
  font-size: 81%;
}
.list-logs .logs-list-table .icon-filter {
  margin-top: 10px;
  margin-left: 2px;
}
.list-logs .logs-list-table div[class*='status-']::before {
  left: 0px;
  content: "";
  top: 0;
  bottom: 0;
  right: 0;
  width: 8px;
}
.list-logs .logs-list-table [class*='status-'] span.cell:nth-child(1) {
  padding-left: 5px;
}
.list-logs .logs-list-table [class*='status-']::before {
  background-color: #e6f0f4;
}
body.dark .list-logs .logs-list-table [class*='status-']::before {
  background-color: #888e90;
}
.list-logs .logs-list-table div.status-success::before {
  background-color: #8bc34a;
  border-color: #8bc34a;
}
body.dark .list-logs .logs-list-table div.status-success::before {
  background-color: #78cf9d;
}
body.dark .list-logs .logs-list-table div.status-success::before {
  border-color: #78cf9d;
}
.list-logs .logs-list-table div.status-failure::before {
  background-color: #f44336;
  border-color: #f44336;
}
body.dark .list-logs .logs-list-table div.status-failure::before {
  background-color: #e88573;
}
body.dark .list-logs .logs-list-table div.status-failure::before {
  border-color: #e88573;
}
.list-logs .logs-list-table div.status-processing::before {
  background-color: #44d0e2;
  border-color: #44d0e2;
}
body.dark .list-logs .logs-list-table div.status-processing::before {
  background-color: #73d0ee;
}
body.dark .list-logs .logs-list-table div.status-processing::before {
  border-color: #73d0ee;
}
.list-logs .logs-list-table div.status-skipped::before {
  background-color: #858789;
  border-color: #858789;
}
.list-logs .logs-list-table > div {
  grid-template-columns: 3% 10% 9% 9% 15% 140px 105px 75px 75px 55px 55px 55px 55px 55px;
  column-gap: 9px;
  position: relative;
}
.list-logs .logs-list-table > div > span:first-of-type {
  padding-left: 16px;
}
.list-logs .logs-list-table .info-icon {
  display: inline-block;
  margin-right: 8px;
  left: -32px;
  top: 4px;
  padding: 0;
}
.list-logs .logs-list-table .info-icon .pending-count {
  font-size: 12px;
  color: #ffffff;
  padding: 0 4px;
  margin-left: -7px;
  border-radius: 50%;
  position: relative;
  top: -12px;
  background-color: #f44336;
  border-color: #f44336;
}
body.dark .list-logs .logs-list-table .info-icon .pending-count {
  background-color: #e88573;
}
body.dark .list-logs .logs-list-table .info-icon .pending-count {
  border-color: #e88573;
}
.breadcrumb-container {
  padding: 10px;
}
.breadcrumb-container .separator {
  padding: 0 10px;
}
[data-component="EmptyState"] {
  text-align: center;
}
.table-component {
  width: 80px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
}
.header-strip {
  display: flex;
}
.header-strip .missing_logs {
  margin-left: auto;
  padding: 10px;
}
.header-strip .separator {
  padding: 0 10px;
}
.button_container {
  margin: 0.5em;
  padding: 0px 50px 0px 0px;
  width: 10%;
  display: flex;
}
.button_container .btn-btn {
  margin: 1px;
}
.code {
  font-family: Courier New !important;
  font-size: 10pt !important;
  font-weight: normal !important;
}
.event-info-modal-overlay {
  top: -60px;
  left: -100px;
  right: -100px;
  bottom: 0;
}
.event-info-content {
  height: 450px;
  overflow-y: scroll;
}
.filter-pos {
  display: flex;
  padding: 1px;
}
.itemstatus-skipped {
  background-color: #858789;
  padding: 8px;
}
.snackbar-message {
  z-index: 2000 !important;
  word-break: break-word;
}
.snackbar-message span {
  font-size: 15px;
}
.snackbar-message button {
  background-color: unset !important;
}
.rdrCalendarWrapper {
  box-sizing: border-box;
  background: #ffffff;
}
.rdrDateDisplay {
  display: flex;
  justify-content: space-between;
}
.rdrDateDisplayItem {
  flex: 1 1;
  width: 0;
  text-align: center;
  color: inherit;
}
.rdrDateDisplayItem + .rdrDateDisplayItem {
  margin-left: 0.833em;
}
.rdrDateDisplayItem input {
  text-align: inherit;
}
.rdrDateDisplayItem input:disabled {
  cursor: default;
}
.rdrMonthAndYearWrapper {
  box-sizing: inherit;
  display: flex;
  justify-content: space-between;
}
.rdrMonthAndYearPickers {
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.rdrNextPrevButton {
  box-sizing: inherit;
  cursor: pointer;
  outline: none;
}
.rdrMonths {
  display: flex;
}
.rdrMonthsVertical {
  flex-direction: column;
}
.rdrMonthsHorizontal > div > div > div {
  display: flex;
  flex-direction: row;
}
.rdrMonth {
  width: 27.667em;
}
.rdrWeekDays {
  display: flex;
}
.rdrWeekDay {
  flex-basis: calc(100% / 7);
  box-sizing: inherit;
  text-align: center;
}
.rdrDays {
  display: flex;
  flex-wrap: wrap;
}
.rdrInfiniteMonths {
  overflow: auto;
}
.rdrDateRangeWrapper {
  user-select: none;
}
.rdrDateInput {
  position: relative;
}
.rdrDateInput input {
  outline: none;
}
.rdrDateInput .rdrWarning {
  position: absolute;
  font-size: 1.6em;
  line-height: 1.6em;
  top: 0;
  right: 0.25em;
  color: #FF0000;
}
.rdrDay {
  box-sizing: inherit;
  width: calc(100% / 7);
  position: relative;
  font: inherit;
  cursor: pointer;
}
.rdrDayNumber {
  display: block;
  position: relative;
}
.rdrDayNumber span {
  color: #1d2429;
}
.rdrDayDisabled {
  cursor: not-allowed;
}
@supports (-ms-ime-align: auto) {
  .rdrDay {
    flex-basis: 14.285% !important;
  }
}
.rdrSelected,
.rdrInRange,
.rdrStartEdge,
.rdrEndEdge {
  pointer-events: none;
}
.rdrDayStartPreview,
.rdrDayInPreview,
.rdrDayEndPreview {
  pointer-events: none;
}
.rdrDateRangePickerWrapper {
  display: inline-flex;
  user-select: none;
  border: 1px solid #b7bcc4;
  box-shadow: 1px 1px 20px rgba(41, 60, 74, 0.18);
  height: 500px;
  border-color: #f8f9fb;
}
body.dark .rdrDateRangePickerWrapper {
  border-color: #0f5a65;
}
.rdrStaticRanges {
  display: flex;
  flex-direction: column;
}
.rdrStaticRange {
  font-size: inherit;
}
.rdrInputRange {
  display: flex;
}
.rdrCalendarWrapper {
  color: #000000;
  font-size: 12px;
  width: 500px;
  background-color: #ffffff;
}
body.dark .rdrCalendarWrapper {
  background-color: #14272e;
}
.rdrDateDisplayWrapper {
  background-color: #eff2f7;
  background-color: #ffffff;
}
body.dark .rdrDateDisplayWrapper {
  background-color: #14272e;
}
.rdrDateDisplay {
  margin: 0.833em;
}
.rdrDateDisplayItem {
  border-radius: 4px;
  box-shadow: 0 1px 2px 0 rgba(35, 57, 66, 0.21);
  border: 1px solid transparent;
  background-color: #ffffff;
}
body.dark .rdrDateDisplayItem {
  background-color: #14272e;
}
.rdrDateDisplayItem input {
  cursor: pointer;
  height: 2.5em;
  line-height: 2.5em;
  border: 0px;
  background: transparent;
  width: 100%;
  color: #849095;
}
.rdrDateDisplayItemActive {
  border-color: currentColor;
}
.rdrDateDisplayItemActive input {
  color: #7d888d;
}
.rdrMonthAndYearWrapper {
  align-items: center;
  height: 50px;
  padding-top: 5px;
}
.rdrMonthAndYearPickers {
  font-weight: 600;
}
.rdrMonthAndYearPickers select {
  appearance: none;
  border: 0;
  background: transparent;
  padding: 0px 30px 10px 10px;
  border-radius: 4px;
  outline: 0;
  color: #3e484f;
  background: url("data:image/svg+xml;utf8,<svg width='9px' height='6px' viewBox='0 0 9 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Artboard' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' transform='translate(-636.000000, -171.000000)' fill-opacity='0.368716033'><g id='input' transform='translate(172.000000, 37.000000)' fill='%230E242F' fill-rule='nonzero'><g id='Group-9' transform='translate(323.000000, 127.000000)'><path d='M142.280245,7.23952813 C141.987305,6.92353472 141.512432,6.92361662 141.219585,7.23971106 C140.926739,7.5558055 140.926815,8.06821394 141.219755,8.38420735 L145.498801,13 L149.780245,8.38162071 C150.073185,8.0656273 150.073261,7.55321886 149.780415,7.23712442 C149.487568,6.92102998 149.012695,6.92094808 148.719755,7.23694149 L145.498801,10.7113732 L142.280245,7.23952813 Z' id='arrow'></path></g></g></g></svg>") no-repeat;
  background-position: right 8px center;
  cursor: pointer;
  text-align: center;
}
.rdrMonthAndYearPickers select:hover {
  background-color: rgba(0, 0, 0, 0.07);
}
.rdrMonthPicker,
.rdrYearPicker {
  margin: 0 5px;
}
.rdrNextPrevButton {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 0.833em;
  padding: 0;
  border: 0;
  border-radius: 5px;
  background: #EFF2F7;
}
.rdrNextPrevButton:hover {
  background: #E1E7F0;
}
.rdrNextPrevButton i {
  display: block;
  width: 0;
  height: 0;
  padding: 0;
  text-align: center;
  border-style: solid;
  margin: auto;
  transform: translate(-3px, 0px);
}
.rdrPprevButton i {
  border-width: 4px 6px 4px 4px;
  border-color: transparent #34495e transparent transparent;
  transform: translate(-3px, 0px);
}
.rdrNextButton i {
  margin: 0 0 0 7px;
  border-width: 4px 4px 4px 6px;
  border-color: transparent transparent transparent #34495e;
  transform: translate(3px, 0px);
}
.rdrWeekDays {
  padding: 0 0.833em;
}
.rdrMonth {
  padding: 0 0.833em 1.666em 0.833em;
}
.rdrMonth .rdrWeekDays {
  padding: 0;
}
.rdrMonths.rdrMonthsVertical .rdrMonth:first-child .rdrMonthName {
  display: none;
}
.rdrWeekDay {
  font-weight: 400;
  line-height: 2.667em;
  color: #849095;
}
.rdrDay {
  background: transparent;
  user-select: none;
  border: 0;
  padding: 0;
  line-height: 3em;
  height: 3em;
  text-align: center;
  color: #1d2429;
}
.rdrDay:focus {
  outline: 0;
}
.rdrDayNumber {
  outline: 0;
  font-weight: 300;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  top: 5px;
  bottom: 5px;
  display: -webkit-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
.rdrDayToday .rdrDayNumber span {
  font-weight: 500;
}
.rdrDayToday .rdrDayNumber span:after {
  content: '';
  position: absolute;
  bottom: 4px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 18px;
  height: 2px;
  border-radius: 2px;
  background: #3d91ff;
}
.rdrDayToday:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span:after,
.rdrDayToday:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span:after,
.rdrDayToday:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span:after,
.rdrDayToday:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span:after {
  background: #fff;
}
.rdrDay:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span,
.rdrDay:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span,
.rdrDay:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span,
.rdrDay:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span {
  color: rgba(255, 255, 255, 0.85);
}
.rdrSelected,
.rdrInRange,
.rdrStartEdge,
.rdrEndEdge {
  background: currentColor;
  position: absolute;
  top: 5px;
  left: 0;
  right: 0;
  bottom: 5px;
}
.rdrSelected {
  left: 2px;
  right: 2px;
}
.rdrStartEdge {
  border-top-left-radius: 1.042em;
  border-bottom-left-radius: 1.042em;
  left: 2px;
}
.rdrEndEdge {
  border-top-right-radius: 1.042em;
  border-bottom-right-radius: 1.042em;
  right: 2px;
}
.rdrSelected {
  border-radius: 1.042em;
}
.rdrDayStartOfMonth .rdrInRange,
.rdrDayStartOfMonth .rdrEndEdge,
.rdrDayStartOfWeek .rdrInRange,
.rdrDayStartOfWeek .rdrEndEdge {
  border-top-left-radius: 1.042em;
  border-bottom-left-radius: 1.042em;
  left: 2px;
}
.rdrDayEndOfMonth .rdrInRange,
.rdrDayEndOfMonth .rdrStartEdge,
.rdrDayEndOfWeek .rdrInRange,
.rdrDayEndOfWeek .rdrStartEdge {
  border-top-right-radius: 1.042em;
  border-bottom-right-radius: 1.042em;
  right: 2px;
}
.rdrDayStartOfMonth .rdrDayInPreview,
.rdrDayStartOfMonth .rdrDayEndPreview,
.rdrDayStartOfWeek .rdrDayInPreview,
.rdrDayStartOfWeek .rdrDayEndPreview {
  border-top-left-radius: 1.333em;
  border-bottom-left-radius: 1.333em;
  border-left-width: 1px;
  left: 0px;
}
.rdrDayEndOfMonth .rdrDayInPreview,
.rdrDayEndOfMonth .rdrDayStartPreview,
.rdrDayEndOfWeek .rdrDayInPreview,
.rdrDayEndOfWeek .rdrDayStartPreview {
  border-top-right-radius: 1.333em;
  border-bottom-right-radius: 1.333em;
  border-right-width: 1px;
  right: 0px;
}
.rdrDayStartPreview,
.rdrDayInPreview,
.rdrDayEndPreview {
  background: rgba(255, 255, 255, 0.09);
  position: absolute;
  top: 3px;
  left: 0px;
  right: 0px;
  bottom: 3px;
  pointer-events: none;
  border: 0px solid currentColor;
  z-index: 1;
}
.rdrDayStartPreview {
  border-top-width: 1px;
  border-left-width: 1px;
  border-bottom-width: 1px;
  border-top-left-radius: 1.333em;
  border-bottom-left-radius: 1.333em;
  left: 0px;
}
.rdrDayInPreview {
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.rdrDayEndPreview {
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-top-right-radius: 1.333em;
  border-bottom-right-radius: 1.333em;
  right: 2px;
  right: 0px;
}
.rdrDefinedRangesWrapper {
  font-size: 12px;
  width: 177px;
  border-right: solid 1px #b7bcc4;
  background: #fff;
  background: #ffffff;
  border-right-color: #f8f9fb;
}
body.dark .rdrDefinedRangesWrapper {
  background: #14272e;
}
body.dark .rdrDefinedRangesWrapper {
  border-right-color: #0f5a65;
}
.rdrDefinedRangesWrapper .rdrStaticRangeSelected {
  color: currentColor;
  font-weight: 600;
}
.rdrStaticRange {
  border: 0;
  cursor: pointer;
  display: block;
  outline: 0;
  border-bottom: 1px solid #eff2f7;
  padding: 0;
  background: #fff;
}
.rdrStaticRange:hover .rdrStaticRangeLabel,
.rdrStaticRange:focus .rdrStaticRangeLabel {
  background: #eff2f7;
}
.rdrStaticRangeLabel {
  display: block;
  outline: 0;
  line-height: 18px;
  padding: 10px 20px;
  text-align: left;
  color: #244451;
}
.rdrInputRanges {
  padding: 10px 0;
}
.rdrInputRange {
  align-items: center;
  padding: 5px 20px;
}
.rdrInputRangeInput {
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 4px;
  text-align: center;
  border: solid 1px #dee7eb;
  margin-right: 10px;
  color: #6c767a;
}
.rdrInputRangeInput:focus,
.rdrInputRangeInput:hover {
  border-color: #b4bfc4;
  outline: 0;
  color: #333;
}
.rdrCalendarWrapper:not(.rdrDateRangeWrapper) .rdrDayHovered .rdrDayNumber:after {
  content: '';
  border: 1px solid currentColor;
  border-radius: 1.333em;
  position: absolute;
  top: -2px;
  bottom: -2px;
  left: 0px;
  right: 0px;
  background: transparent;
}
.rdrDayPassive {
  pointer-events: none;
}
.rdrDayPassive .rdrDayNumber span {
  color: #d5dce0;
}
.rdrDayPassive .rdrInRange,
.rdrDayPassive .rdrStartEdge,
.rdrDayPassive .rdrEndEdge,
.rdrDayPassive .rdrSelected,
.rdrDayPassive .rdrDayStartPreview,
.rdrDayPassive .rdrDayInPreview,
.rdrDayPassive .rdrDayEndPreview {
  display: none;
}
.rdrDayDisabled {
  background-color: #f8f8f8;
}
.rdrDayDisabled .rdrDayNumber span {
  color: #aeb9bf;
}
.rdrDayDisabled .rdrInRange,
.rdrDayDisabled .rdrStartEdge,
.rdrDayDisabled .rdrEndEdge,
.rdrDayDisabled .rdrSelected,
.rdrDayDisabled .rdrDayStartPreview,
.rdrDayDisabled .rdrDayInPreview,
.rdrDayDisabled .rdrDayEndPreview {
  filter: grayscale(100%) opacity(60%);
}
.rdrMonthName {
  text-align: left;
  font-weight: 600;
  color: #849095;
  padding: 0.833em;
}


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