@font-face {
  font-family: "Source Sans Pro";
  font-weight: 700;
  src: url("/assets/fonts/SourceSansPro-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Source Sans Pro";
  font-weight: 400;
  src: url("/assets/fonts/SourceSansPro-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Source Code Pro";
  font-weight: 700;
  src: url("/assets/fonts/SourceCodePro-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Source Code Pro";
  font-weight: 400;
  src: url("/assets/fonts/SourceCodePro-Regular.ttf") format("truetype");
}
/*! sanitize.css v5.0.0 | CC0 License | github.com/jonathantneal/sanitize.css */
/* Document (https://html.spec.whatwg.org/multipage/semantics.html#semantics)
   ========================================================================== */
/**
 * 1. Remove repeating backgrounds in all browsers (opinionated).
 * 2. Add box sizing inheritance in all browsers (opinionated).
 */
*,
::before,
::after {
  background-repeat: no-repeat;
  /* 1 */
  box-sizing: inherit;
  /* 2 */
}

/**
 * 1. Add text decoration inheritance in all browsers (opinionated).
 * 2. Add vertical alignment inheritance in all browsers (opinionated).
 */
::before,
::after {
  text-decoration: inherit;
  /* 1 */
  vertical-align: inherit;
  /* 2 */
}

/**
 * 1. Add border box sizing in all browsers (opinionated).
 * 2. Add the default cursor in all browsers (opinionated).
 * 3. Prevent font size adjustments after orientation changes in IE and iOS.
 */
html {
  box-sizing: border-box;
  /* 1 */
  cursor: default;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */
}

/* Sections (https://html.spec.whatwg.org/multipage/semantics.html#sections)
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content (https://html.spec.whatwg.org/multipage/semantics.html#grouping-content)
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * Remove the list style on navigation lists in all browsers (opinionated).
 */
nav ol,
nav ul {
  list-style: none;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics (https://html.spec.whatwg.org/multipage/semantics.html#text-level-semantics)
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ffff00;
  color: #000000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
 * Remove the text shadow on text selections (opinionated).
 * 1. Restore the coloring undone by defining the text shadow (opinionated).
 */
::-moz-selection {
  background-color: #b3d4fc;
  /* 1 */
  color: #000000;
  /* 1 */
  text-shadow: none;
}

::selection {
  background-color: #b3d4fc;
  /* 1 */
  color: #000000;
  /* 1 */
  text-shadow: none;
}

/* Embedded content (https://html.spec.whatwg.org/multipage/embedded-content.html#embedded-content)
   ========================================================================== */
/*
 * Change the alignment on media elements in all browers (opinionated).
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Change the fill color to match the text color in all browsers (opinionated).
 */
svg {
  fill: currentColor;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Tabular data (https://html.spec.whatwg.org/multipage/tables.html#tables)
   ========================================================================== */
/**
 * Collapse border spacing
 */
table {
  border-collapse: collapse;
}

/* Forms (https://html.spec.whatwg.org/multipage/forms.html#forms)
   ========================================================================== */
/**
 * Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  margin: 0;
}

/**
 * Inherit styling in all browsers (opinionated).
 */
button,
input,
select,
textarea {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * 1. Remove the default vertical scrollbar in IE.
 * 2. Change the resize direction on textareas in all browsers (opinionated).
 */
textarea {
  overflow: auto;
  /* 1 */
  resize: vertical;
  /* 2 */
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive elements (https://html.spec.whatwg.org/multipage/forms.html#interactive-elements)
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Scripting (https://html.spec.whatwg.org/multipage/scripting.html#scripting-3)
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* User interaction (https://html.spec.whatwg.org/multipage/interaction.html#editing)
   ========================================================================== */
/*
 * Remove the tapping delay on clickable elements (opinionated).
 * 1. Remove the tapping delay in IE 10.
 */
a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
  -ms-touch-action: manipulation;
  /* 1 */
  touch-action: manipulation;
}

/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

/* ARIA (https://w3c.github.io/html-aria/)
   ========================================================================== */
/**
 * Change the cursor on busy elements (opinionated).
 */
[aria-busy="true"] {
  cursor: progress;
}

/*
 * Change the cursor on control elements (opinionated).
 */
[aria-controls] {
  cursor: pointer;
}

/*
 * Change the display on visually hidden accessible elements (opinionated).
 */
[aria-hidden="false"][hidden]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  display: inherit;
  position: absolute;
}

/*
 * Change the cursor on disabled, not-editable, or otherwise
 * inoperable elements (opinionated).
 */
[aria-disabled],
[disabled] {
  cursor: default;
}

html {
  font-size: 16px;
}

body {
  margin: 0;
  height: 100vh;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  color: #000;
}

a {
  color: #337ab8;
}
a:hover,
a:active,
a.active {
  color: #1d4568;
}

hr {
  display: block;
  height: 0.0625rem;
  margin: 1rem;
  padding: 0;
  border: 0;
  border-top: 0.0625rem solid #fff;
}

.hidden {
  display: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
}

h1 {
  font-size: 30px;
  margin-top: 10px;
}

h2 {
  font-size: 28px;
}

h3 {
  font-size: 22px;
}

h4 {
  font-size: 18px;
}

h5 {
  font-size: 16px;
}

h6 {
  font-size: 12px;
}

h1#page-title {
  margin-top: 0;
  margin-bottom: 0.3125rem;
}

/****** Forms ******/
input[type="search"] {
  display: block;
  width: 100%;
  height: 2.125rem;
  padding: 0.375rem 0.75rem;
  font-size: 0.875rem;
  line-height: 1.42857143;
  color: #555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

/****** Labels ******/
.label-blank {
  background: #ffffff;
  color: #676a6c;
}
.label-blank:hover {
  background: #cccccc;
}

.label-default {
  background: #b5b5b5;
  color: #ffffff;
}
.label-default:hover {
  background: #828282;
}

.label-primary,
.label-ok {
  background: #1ab38a;
  color: #ffffff;
}
.label-primary:hover,
.label-ok:hover {
  background: #0d5a45;
}

.label-success {
  background: #3885cb;
  color: #ffffff;
}
.label-success:hover {
  background: #21517c;
}

.label-info {
  background: #43a7a8;
  color: #ffffff;
}
.label-info:hover {
  background: #265f5f;
}

.label-warn {
  background: #ecab64;
  color: #ffffff;
}
.label-warn:hover {
  background: #d0791a;
}

.label-danger,
.label-error {
  background: #ed5565;
  color: #ffffff;
}
.label-danger:hover,
.label-error:hover {
  background: #c71528;
}

/******* Details building blocks ********/
/*** Tables ***/
.go_table {
  margin-left: auto;
  margin-right: auto;
  color: #676a6c;
}
.go_table tr {
  text-align: left;
}
.go_table tr th,
.go_table tr td {
  padding-left: 8px;
  padding-right: 50px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.go_table thead tr {
  font-weight: 700;
}
.go_table tbody tr {
  border-top: 0.0625rem solid #b5b5b5;
}

.go_table__number {
  text-align: center;
}

.go_table__number--ok {
  color: #1e9373;
}

.go_table__number--warn {
  color: #cd6632;
}

.go_table__number--error {
  color: #d37b89;
}

.go_table__wrapper {
  width: 22.625rem;
  height: 11.25rem;
  overflow: auto;
}

.go_table__wrapper--border {
  border: 1px solid #818285;
}

.go_table__tags {
  width: 21rem;
}
.go_table__tags tr:nth-child(1) {
  border-top: none;
}
.go_table__tags tr td {
  padding-right: 0;
}

.table.table-striped.discovery__table tbody > tr > td {
  line-height: 2rem;
}

.discovery__table .form-control {
  width: 18.75rem;
}

.go_dt__cell_btns {
  margin-top: 10px;
  margin-bottom: 5px;
}

/*** Modals ***/
.go-modal {
  position: absolute;
  overflow: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: white;
  box-shadow: 0rem 0.125rem 0.25rem rgba(0, 0, 0, 0.5);
  border-top: 1px solid #d1d1d1;
  margin-top: auto;
  margin-right: auto;
  margin-bottom: auto;
  margin-left: auto;
}

/* items flex/expand vertically */
.vbox {
  /* previous syntax */
  display: -webkit-box;
  display: -moz-box;
  display: box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  box-orient: vertical;
  /* current syntax */
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

/* items flex/expand horizontally */
.hbox {
  /* previous syntax */
  display: -webkit-box;
  display: -moz-box;
  display: box;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -ms-box-orient: horizontal;
  box-orient: horizontal;
  /* current syntax */
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

/* Default children to use all available space */
.vbox > *,
.hbox > * {
  /* Declare all three properties for IE */
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
}

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

.box-acenter {
  align-items: center;
}

.box-end {
  justify-content: flex-end;
}

.box-start {
  justify-content: flex-start;
}

.box-wrap {
  flex-wrap: wrap;
}

.box-static > * {
  flex-grow: 0;
  flex-shrink: 0;
}

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

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

.item-static {
  flex-grow: 0;
  flex-shrink: 0;
}

.item-left {
  margin-right: auto;
}

.item-right {
  margin-left: auto;
}

.item-top {
  margin-bottom: auto;
}

.item-bottom {
  margin-top: auto;
}

.l-main,
.l-header,
.l-footer {
  min-width: 72rem;
}

.l-header,
.l-footer {
  z-index: 1000;
  background: #414042;
  height: 1.875rem;
}

.l-header {
  box-shadow: 0rem 0.125rem 0.25rem rgba(0, 0, 0, 0.5);
  grid-area: header;
}

.l-footer {
  left: 0;
  bottom: 0;
  align-items: center;
  grid-area: footer;
}

.l-page {
  order: 2;
  overflow-x: auto;
  grid-area: page;
}

.l-page-grid {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-areas: "content sidebar-page";
}

.l-content {
  height: 100%;
  padding-top: 0.3125rem;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  overflow-y: auto;
  text-align: left;
  color: #36374c;
  background: #ffffff;
  position: relative;
  grid-area: content;
}

.content-flush {
  margin: 0;
  padding: 0;
}

.logo {
  flex-grow: 0;
  flex-shrink: 0;
}
.logo a {
  color: #ffffff;
}
.logo a:hover,
.logo a:focus {
  text-decoration: none;
}

.logo-logon {
  color: #676a6c;
}

#app {
  height: 100%;
}

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

::-webkit-scrollbar {
  width: 0.75rem;
  /* for vertical scrollbars */
  height: 0.75rem;
  /* for horizontal scrollbars */
}

::-webkit-scrollbar-track {
  background: rgba(181, 181, 181, 0.3);
}

::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.6);
  border-radius: 0.25rem;
}
::-webkit-scrollbar-thumb:hover {
  background: gray;
}

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 1.25;
  font-size: 1.5rem;
  line-height: inherit;
  color: #333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}

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

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}

input[type="range"] {
  display: block;
  width: 100%;
}

select[multiple],
select[size] {
  height: auto;
}

output {
  display: block;
  padding-top: 0.4375rem;
  font-size: 16px;
  line-height: 1.25;
  color: #555555;
}

textarea.form-control {
  height: auto;
}

.form-group {
  margin-bottom: 0.9375rem;
}

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  min-height: 1.25;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9;
}

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}

.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}

input[type="radio"][disabled],
input[type="radio"].disabled,
fieldset[disabled] input[type="radio"],
input[type="checkbox"][disabled],
input[type="checkbox"].disabled,
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}

.radio-inline.disabled,
fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}

.radio.disabled label,
fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}

@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0.4375rem;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 1.6875rem;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 0.4375rem;
  }
}

input[type="file"] {
  display: inline-block;
}

.form-control {
  display: block;
  width: 100%;
  height: 2.125rem;
  padding-top: 6px;
  padding-right: 12px;
  padding-bottom: 6px;
  padding-left: 12px;
  font-size: 0.875rem;
  line-height: 1.42857;
  color: #555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 0.25rem;
}
.form-control::-ms-expand {
  border: 0;
  background-color: transparent;
}

input[type="file"].form-control {
  border: none;
}

.jbt-form-select,
.jbt-form-btn {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.jbt-form-btn {
  max-width: 18.75rem;
  margin-left: auto;
  margin-right: auto;
}

#mac-query-search {
  margin-top: 5px;
}

.form-small {
  max-width: 18.75rem;
}

.form-xs {
  max-width: 9.125rem;
  display: inline-block;
}

.form-mini {
  display: inline-block;
  max-width: 4.5625rem;
  max-height: 1.4375rem;
}

.input-xs {
  height: 1.3125rem;
  width: auto;
  margin-bottom: 0;
  padding-top: 0.0625rem;
  padding-bottom: 0.0625rem;
}
.input-xs + .btn-xs {
  margin-bottom: 0.0625rem;
  margin-top: -0.1875rem;
}

#alert_form .drop .cxui__list {
  height: 75px;
}

.drop {
  border: 1px dashed #aaa;
  background-color: #ddd;
  width: 100%;
  height: 75px;
  display: block;
}

.subsection_title {
  border: 1px solid #aaa;
  background-color: #ddd;
  border-radius: 7px;
  border-bottom: none;
  cursor: pointer;
  padding: 5px;
}

#advanced_expressions {
  display: none;
}

#alerts {
  padding-bottom: 100px;
}

.filter--icon {
  margin-top: 2.0625rem;
  margin-left: 0.3125rem;
  margin-right: 0.3125rem;
}

.form--inline .form-group {
  padding-left: 5px;
  padding-right: 5px;
  display: inline-block;
}
.form--inline .form-group:first-child {
  padding-left: 0;
}
.form--inline .form-group:last-child {
  padding-right: 0;
}

#type-cols button {
  margin-right: auto;
  margin-left: auto;
}

.cbt__checkboxes {
  list-style: none;
  text-align: left;
  padding-left: 0.625rem;
  line-height: 0.75rem;
}
.cbt__checkboxes input {
  margin-right: 0.125rem;
}
.cbt__checkboxes label {
  font-weight: 400;
}

.loading {
  /* previous syntax */
  display: -webkit-box;
  display: -moz-box;
  display: box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  box-orient: vertical;
  /* current syntax */
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: center;
}
.loading > * {
  flex-grow: 0;
  flex-shrink: 0;
}

.loading--full {
  position: absolute;
  background: rgba(211, 211, 211, 0.3);
  z-index: 1000;
}

.loading__bars {
  margin-top: 6.25rem;
  margin-bottom: 6.25rem;
  margin-left: auto;
  margin-right: auto;
  width: 50px;
  height: 40px;
  text-align: center;
  font-size: 10px;
}

.loading__bars > div {
  height: 100%;
  width: 6px;
  display: inline-block;
  margin-left: 1px;
  margin-right: 1px;
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.loading__bars .rect1 {
  background-color: #9494b5;
}

.loading__bars .rect2 {
  background-color: #676795;
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.loading__bars .rect3 {
  background-color: #36374c;
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

.loading__bars .rect4 {
  background-color: #676795;
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.loading__bars .rect5 {
  background-color: #9494b5;
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
  }
}
@keyframes sk-stretchdelay {
  0%,
  40%,
  100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}
.flatpickr-input {
  margin-top: 0.0625rem;
}

.widget {
  height: auto;
  margin: 0.3125rem;
  background: rgba(255, 255, 255, 0.85);
  color: #676a6c;
  border-radius: 0.25rem;
  border: solid transparent;
  box-shadow: 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.5);
}
.widget > * {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.widget a {
  text-decoration: none;
}

.widget--buttons {
  background: none;
  box-shadow: none;
  margin-bottom: -0.67rem;
  padding-top: 0;
  padding-bottom: 0;
}

.widget__tags {
  width: 25rem;
  height: 33.5rem;
  border: 1px solid #d1d1d1;
}
.widget__tags h3 {
  margin-right: 0.375rem;
}
.widget__tags .fa {
  font-size: 1.3rem;
  margin-top: 0.9rem;
  margin-right: 0.125rem;
  margin-left: 0.125rem;
  cursor: pointer;
}

#network-summary {
  flex-shrink: 1;
  flex-grow: 1;
  height: 0;
  overflow-y: hidden;
  justify-content: flex-start;
  padding-left: 0.1875rem;
  padding-right: 0.1875rem;
}
#network-summary a .fa {
  color: #676a6c;
  float: right;
}
#network-summary .panel__heading {
  flex-grow: 0;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0;
  margin-top: 0;
  font-size: 1.1rem;
  background: rgba(255, 255, 255, 0);
}
#network-summary .panel__body {
  flex-basis: 50%;
  padding-left: 0;
  padding-right: 0;
  margin-top: 0;
  border-top: 1px solid #676a6c;
  border-bottom: 1px solid #676a6c;
}
#network-summary .panel__list {
  margin-bottom: 0;
}
#network-summary .panel__link {
  display: inline-block;
  white-space: nowrap;
  margin-bottom: -0.375rem;
  max-width: 7rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
#network-summary .labels {
  display: inline-block;
}
#network-summary .labels .label {
  display: inline-block;
  width: 1.75rem;
  font-size: 0.85rem;
  padding-top: 0.0625rem;
  padding-bottom: 0.0625rem;
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}

.panel__body {
  overflow-y: auto;
  overflow-x: hidden;
  flex-shrink: 1;
  flex-grow: 1;
  min-height: 60px;
}

.panel__list {
  padding-left: 0;
  list-style: none;
}

.panel--toggle .fa-chevron-down {
  display: none;
}
.panel--toggle.collapsed .fa-chevron-up {
  display: none;
}
.panel--toggle.collapsed .fa-chevron-down {
  display: inline-block;
}

#console {
  justify-content: flex-start;
  z-index: 1001;
  position: relative;
}
#console.is-open #console-panel {
  display: block;
}
#console.is-open #console-button .fa-chevron-up {
  display: none;
}
#console.is-open #console-button .fa-chevron-down {
  display: inline;
}

#console-display {
  display: flex;
  flex-direction: row;
}

#console-current {
  display: inline-block;
  flex: 1 2 auto;
  vertical-align: middle;
  list-style: none;
  padding: 0;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#console-current .console-flavor {
  display: none;
}

#console-button {
  background: #414042;
  color: #ffffff;
  flex: 0 1 auto;
  margin-right: 0;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
#console-button:hover,
#console-button:focus,
#console-button:active,
#console-button.active {
  background: #282728;
  color: #ffffff;
  border: none;
  outline: none;
}
#console-button:hover:hover,
#console-button:hover:focus,
#console-button:hover:active,
#console-button:hover.active,
#console-button:focus:hover,
#console-button:focus:focus,
#console-button:focus:active,
#console-button:focus.active,
#console-button:active:hover,
#console-button:active:focus,
#console-button:active:active,
#console-button:active.active,
#console-button.active:hover,
#console-button.active:focus,
#console-button.active:active,
#console-button.active.active {
  background: #282728;
  color: #ffffff;
  border: none;
  outline: none;
}
#console-button .fa-chevron-up {
  display: inline;
}
#console-button .fa-chevron-down {
  display: none;
}

#console-panel {
  position: absolute;
  left: 0;
  bottom: 1.875rem;
  display: none;
  height: 18.75rem;
  width: 100%;
  min-width: 72rem;
  overflow-y: auto;
  background: rgba(65, 64, 66, 0.8);
  box-shadow: 0 -0.125rem 0.25rem rgba(0, 0, 0, 0.5);
}

#console-history {
  min-height: 18.75rem;
  margin-bottom: 0.3125rem;
  padding-left: 0;
  justify-content: flex-end;
  list-style: none;
}
#console-history li {
  flex-grow: 0;
  line-height: 1.6rem;
  font-size: 1.0625rem;
}

.console-text {
  display: inline-block;
  font-size: 1.0625rem;
  line-height: 1.6rem;
}

.console-flavor {
  display: inline-block;
  width: 3.75rem;
  font-size: 0.75rem;
  text-align: center;
}

.text-info {
  color: #43a7a8;
}

.text-success {
  color: #1e9373;
}

.text-warning {
  color: #ecab64;
}

.text-danger {
  color: #ed5565;
}

.patent-info {
  color: #ffffff;
  float: right;
  flex: 0 0 auto;
  padding-top: 0.25rem;
  padding-right: 0.25rem;
  padding-left: 0.5rem;
}

.btn,
.dt-button {
  border: none;
}
.btn a,
.dt-button a {
  color: #ffffff;
  text-decoration: none;
}
.btn a:hover,
.dt-button a:hover {
  text-decoration: none;
}
.btn .fa,
.dt-button .fa {
  padding-right: 0.1875rem;
  font-size: 1.1em;
  font-weight: 700;
}

.btn-wide,
.btn-login {
  width: 300px;
}

.btn-default,
.dt-button {
  background: #818285;
  color: #ffffff;
}
.btn-default:hover,
.dt-button:hover,
.btn-default:focus,
.dt-button:focus,
.btn-default:active,
.dt-button:active,
.btn-default.active,
.active.dt-button {
  background: #68696b;
  color: #ffffff;
  border: none;
  outline: none;
}
.btn-default:hover:hover,
.dt-button:hover:hover,
.btn-default:hover:focus,
.dt-button:hover:focus,
.btn-default:hover:active,
.dt-button:hover:active,
.btn-default:hover.active,
.dt-button:hover.active,
.btn-default:focus:hover,
.dt-button:focus:hover,
.btn-default:focus:focus,
.dt-button:focus:focus,
.btn-default:focus:active,
.dt-button:focus:active,
.btn-default:focus.active,
.dt-button:focus.active,
.btn-default:active:hover,
.dt-button:active:hover,
.btn-default:active:focus,
.dt-button:active:focus,
.btn-default:active:active,
.dt-button:active:active,
.btn-default:active.active,
.dt-button:active.active,
.btn-default.active:hover,
.active.dt-button:hover,
.btn-default.active:focus,
.active.dt-button:focus,
.btn-default.active:active,
.active.dt-button:active,
.btn-default.active.active,
.active.active.dt-button {
  background: #68696b;
  color: #ffffff;
  border: none;
  outline: none;
}

.btn-primary,
.btn-ok,
.btn-new,
.btn-add,
.btn-save {
  background: #1ab38a;
  color: #ffffff;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-ok:hover,
.btn-ok:focus,
.btn-ok:active,
.btn-ok.active,
.btn-new:hover,
.btn-new:focus,
.btn-new:active,
.btn-new.active,
.btn-add:hover,
.btn-add:focus,
.btn-add:active,
.btn-add.active,
.btn-save:hover,
.btn-save:focus,
.btn-save:active,
.btn-save.active {
  background: #148668;
  color: #ffffff;
  border: none;
  outline: none;
}
.btn-primary:hover:hover,
.btn-primary:hover:focus,
.btn-primary:hover:active,
.btn-primary:hover.active,
.btn-primary:focus:hover,
.btn-primary:focus:focus,
.btn-primary:focus:active,
.btn-primary:focus.active,
.btn-primary:active:hover,
.btn-primary:active:focus,
.btn-primary:active:active,
.btn-primary:active.active,
.btn-primary.active:hover,
.btn-primary.active:focus,
.btn-primary.active:active,
.btn-primary.active.active,
.btn-ok:hover:hover,
.btn-ok:hover:focus,
.btn-ok:hover:active,
.btn-ok:hover.active,
.btn-ok:focus:hover,
.btn-ok:focus:focus,
.btn-ok:focus:active,
.btn-ok:focus.active,
.btn-ok:active:hover,
.btn-ok:active:focus,
.btn-ok:active:active,
.btn-ok:active.active,
.btn-ok.active:hover,
.btn-ok.active:focus,
.btn-ok.active:active,
.btn-ok.active.active,
.btn-new:hover:hover,
.btn-new:hover:focus,
.btn-new:hover:active,
.btn-new:hover.active,
.btn-new:focus:hover,
.btn-new:focus:focus,
.btn-new:focus:active,
.btn-new:focus.active,
.btn-new:active:hover,
.btn-new:active:focus,
.btn-new:active:active,
.btn-new:active.active,
.btn-new.active:hover,
.btn-new.active:focus,
.btn-new.active:active,
.btn-new.active.active,
.btn-add:hover:hover,
.btn-add:hover:focus,
.btn-add:hover:active,
.btn-add:hover.active,
.btn-add:focus:hover,
.btn-add:focus:focus,
.btn-add:focus:active,
.btn-add:focus.active,
.btn-add:active:hover,
.btn-add:active:focus,
.btn-add:active:active,
.btn-add:active.active,
.btn-add.active:hover,
.btn-add.active:focus,
.btn-add.active:active,
.btn-add.active.active,
.btn-save:hover:hover,
.btn-save:hover:focus,
.btn-save:hover:active,
.btn-save:hover.active,
.btn-save:focus:hover,
.btn-save:focus:focus,
.btn-save:focus:active,
.btn-save:focus.active,
.btn-save:active:hover,
.btn-save:active:focus,
.btn-save:active:active,
.btn-save:active.active,
.btn-save.active:hover,
.btn-save.active:focus,
.btn-save.active:active,
.btn-save.active.active {
  background: #148668;
  color: #ffffff;
  border: none;
  outline: none;
}

.btn-warning {
  background: #f8ac59;
  color: #ffffff;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active {
  background: #f69428;
  color: #ffffff;
  border: none;
  outline: none;
}
.btn-warning:hover:hover,
.btn-warning:hover:focus,
.btn-warning:hover:active,
.btn-warning:hover.active,
.btn-warning:focus:hover,
.btn-warning:focus:focus,
.btn-warning:focus:active,
.btn-warning:focus.active,
.btn-warning:active:hover,
.btn-warning:active:focus,
.btn-warning:active:active,
.btn-warning:active.active,
.btn-warning.active:hover,
.btn-warning.active:focus,
.btn-warning.active:active,
.btn-warning.active.active {
  background: #f69428;
  color: #ffffff;
  border: none;
  outline: none;
}

.btn-error,
.btn-danger,
.btn-delete {
  background: #ed5565;
  color: #ffffff;
}
.btn-error:hover,
.btn-error:focus,
.btn-error:active,
.btn-error.active,
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.btn-delete:hover,
.btn-delete:focus,
.btn-delete:active,
.btn-delete.active {
  background: #e8273b;
  color: #ffffff;
  border: none;
  outline: none;
}
.btn-error:hover:hover,
.btn-error:hover:focus,
.btn-error:hover:active,
.btn-error:hover.active,
.btn-error:focus:hover,
.btn-error:focus:focus,
.btn-error:focus:active,
.btn-error:focus.active,
.btn-error:active:hover,
.btn-error:active:focus,
.btn-error:active:active,
.btn-error:active.active,
.btn-error.active:hover,
.btn-error.active:focus,
.btn-error.active:active,
.btn-error.active.active,
.btn-danger:hover:hover,
.btn-danger:hover:focus,
.btn-danger:hover:active,
.btn-danger:hover.active,
.btn-danger:focus:hover,
.btn-danger:focus:focus,
.btn-danger:focus:active,
.btn-danger:focus.active,
.btn-danger:active:hover,
.btn-danger:active:focus,
.btn-danger:active:active,
.btn-danger:active.active,
.btn-danger.active:hover,
.btn-danger.active:focus,
.btn-danger.active:active,
.btn-danger.active.active,
.btn-delete:hover:hover,
.btn-delete:hover:focus,
.btn-delete:hover:active,
.btn-delete:hover.active,
.btn-delete:focus:hover,
.btn-delete:focus:focus,
.btn-delete:focus:active,
.btn-delete:focus.active,
.btn-delete:active:hover,
.btn-delete:active:focus,
.btn-delete:active:active,
.btn-delete:active.active,
.btn-delete.active:hover,
.btn-delete.active:focus,
.btn-delete.active:active,
.btn-delete.active.active {
  background: #e8273b;
  color: #ffffff;
  border: none;
  outline: none;
}

.btn-info,
.btn-refresh,
.btn-edit {
  background: #25bbbc;
  color: #ffffff;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.btn-refresh:hover,
.btn-refresh:focus,
.btn-refresh:active,
.btn-refresh.active,
.btn-edit:hover,
.btn-edit:focus,
.btn-edit:active,
.btn-edit.active {
  background: #1d9191;
  color: #ffffff;
  border: none;
  outline: none;
}
.btn-info:hover:hover,
.btn-info:hover:focus,
.btn-info:hover:active,
.btn-info:hover.active,
.btn-info:focus:hover,
.btn-info:focus:focus,
.btn-info:focus:active,
.btn-info:focus.active,
.btn-info:active:hover,
.btn-info:active:focus,
.btn-info:active:active,
.btn-info:active.active,
.btn-info.active:hover,
.btn-info.active:focus,
.btn-info.active:active,
.btn-info.active.active,
.btn-refresh:hover:hover,
.btn-refresh:hover:focus,
.btn-refresh:hover:active,
.btn-refresh:hover.active,
.btn-refresh:focus:hover,
.btn-refresh:focus:focus,
.btn-refresh:focus:active,
.btn-refresh:focus.active,
.btn-refresh:active:hover,
.btn-refresh:active:focus,
.btn-refresh:active:active,
.btn-refresh:active.active,
.btn-refresh.active:hover,
.btn-refresh.active:focus,
.btn-refresh.active:active,
.btn-refresh.active.active,
.btn-edit:hover:hover,
.btn-edit:hover:focus,
.btn-edit:hover:active,
.btn-edit:hover.active,
.btn-edit:focus:hover,
.btn-edit:focus:focus,
.btn-edit:focus:active,
.btn-edit:focus.active,
.btn-edit:active:hover,
.btn-edit:active:focus,
.btn-edit:active:active,
.btn-edit:active.active,
.btn-edit.active:hover,
.btn-edit.active:focus,
.btn-edit.active:active,
.btn-edit.active.active {
  background: #1d9191;
  color: #ffffff;
  border: none;
  outline: none;
}

.btn-success,
.btn-browse {
  background: #2e9eda;
  color: #ffffff;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-browse:hover,
.btn-browse:focus,
.btn-browse:active,
.btn-browse.active {
  background: #2081b5;
  color: #ffffff;
  border: none;
  outline: none;
}
.btn-success:hover:hover,
.btn-success:hover:focus,
.btn-success:hover:active,
.btn-success:hover.active,
.btn-success:focus:hover,
.btn-success:focus:focus,
.btn-success:focus:active,
.btn-success:focus.active,
.btn-success:active:hover,
.btn-success:active:focus,
.btn-success:active:active,
.btn-success:active.active,
.btn-success.active:hover,
.btn-success.active:focus,
.btn-success.active:active,
.btn-success.active.active,
.btn-browse:hover:hover,
.btn-browse:hover:focus,
.btn-browse:hover:active,
.btn-browse:hover.active,
.btn-browse:focus:hover,
.btn-browse:focus:focus,
.btn-browse:focus:active,
.btn-browse:focus.active,
.btn-browse:active:hover,
.btn-browse:active:focus,
.btn-browse:active:active,
.btn-browse:active.active,
.btn-browse.active:hover,
.btn-browse.active:focus,
.btn-browse.active:active,
.btn-browse.active.active {
  background: #2081b5;
  color: #ffffff;
  border: none;
  outline: none;
}

.btn-vertically-centered {
  align-items: center;
}
.btn-vertically-centered > * {
  flex-grow: 0;
  flex-shrink: 0;
}

.btn-square-corners {
  border-radius: 0;
}

.btn-probes {
  margin-top: 0.9375rem;
}

.tag_vars_btn {
  margin-top: 0.46875rem;
}

.btn-sm {
  max-height: 2.4375rem;
}

.a-btn,
.btn,
.dt-button {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  padding: 6px 12px;
  border-radius: 4px;
  border: none;
  font-size: 0.875rem;
}

.a-btn--xs,
.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.a-btn--sm,
.btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.a-btn--lg,
.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
  border-radius: 6px;
}

.a-label {
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}

#network-summary .labels .a-label {
  display: inline-block;
  width: 1.75rem;
  font-size: 0.85rem;
  padding-top: 0.0625rem;
  padding-bottom: 0.0625rem;
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}

.label-blank {
  background: #fff;
  color: #676a6c;
}

.a-message--error {
  color: #ed5565;
}

.a-input {
  display: block;
  width: 100%;
  height: 2.125rem;
  padding-top: 6px;
  padding-right: 12px;
  padding-bottom: 6px;
  padding-left: 12px;
  font-size: 0.875rem;
  line-height: 1.42857;
  color: #555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 0.25rem;
}
.a-input::-ms-expand {
  border: 0;
  background-color: transparent;
}

.a-input--xs {
  height: 1.3125rem;
  width: auto;
  max-width: 9.125rem;
  display: inline-block;
  margin-bottom: 0;
  padding-top: 0.0625rem;
  padding-bottom: 0.0625rem;
}
.a-input--xs + .btn-xs {
  margin-bottom: 0.0625rem;
  margin-top: -0.1875rem;
}

.a-input--sm {
  max-width: 18.75rem;
}

.a-input--mini {
  display: inline-block;
  max-width: 4.5625rem;
  max-height: 1.4375rem;
}

input[type="file"].a-input {
  border: none;
}

textarea.a-input {
  height: auto;
}

.a-input--disabled {
  background: #d1d1d1;
}

/***** Needs work *****/
.a-input--inline {
  display: inline-block;
}

.m-input-group {
  margin-bottom: 0.9375rem;
}

.m-input-group--error label {
  color: #ed5565;
}
.m-input-group--error input {
  border: 1px solid #ed5565;
}
.m-input-group--error .a-message {
  color: #ed5565;
}

.m-input-group--inline .a-input {
  max-width: 9.125rem;
  display: inline-block;
}

.m-content__alert {
  text-align: center;
  position: absolute;
  right: 4px;
  top: 5px;
  font-size: 1.12rem;
  height: 3.125rem;
  width: 18.75rem;
  color: white;
  border-radius: 0.25rem;
  box-shadow: 0rem 0.125rem 0.25rem rgba(0, 0, 0, 0.5);
}
.m-content__alert--info {
  background: rgba(46, 158, 218, 0.9);
}
.m-content__alert--success {
  background: rgba(26, 179, 138, 0.9);
}
.m-content__alert--warn {
  background: rgba(248, 172, 89, 0.9);
}
.m-content__alert--error {
  background: rgba(237, 85, 101, 0.9);
}

.m-syslog-browse__inputs .a-input {
  margin-right: 2px;
  margin-left: 2px;
}

.m-404-message {
  position: fixed;
  top: 40%;
  left: 50%;
}

.m-hours-selector div {
  margin-left: 5px;
  margin-right: 5px;
}

.m-interfaces {
  display: grid;
  grid-template-rows: 500px;
  grid-auto-rows: 500px;
  /*overflow: auto;*/
  height: 100%;
}

.m-interface-row {
  /*display: subgrid;*/
  border-bottom: 1px solid grey;
}

.m-interface-graph__links {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  align-items: center;
}
.m-interface-graph__links input[type="checkbox"] {
  margin-top: 0;
  margin-left: 5px;
  margin-right: 5px;
}
.m-interface-graph__links label {
  margin-bottom: 0;
}
.m-interface-graph__links a {
  margin-left: 10px;
}

.m-interface-graph__images {
  display: grid;
  grid-template-columns: 700px;
  grid-auto-columns: 700px;
  justify-items: center;
}
.m-interface-graph__images h4 {
  margin-top: 30%;
}
.m-interface-graph__images img {
  grid-row-start: 1;
  grid-row-end: 2;
}

.m-rrd-graphs {
  align-items: center;
}
.m-rrd-graphs img {
  max-width: 700px;
}

.m-message-types-message {
  position: fixed;
  top: 40%;
  left: 50%;
}

/* Grid Layout */
.m-indicator-wrapper {
  display: grid;
  grid-template-columns: 1fr 350px 220px 350px 1fr;
  grid-gap: 10px;
  grid-template-rows: auto 350px 1fr;
  justify-content: center;
  height: 100%;
}

.m-indicator-selector {
  grid-row: 1 / 2;
  grid-column: 3 / 4;
}

.m-indicator-vectors {
  grid-row: 2 / 3;
  grid-column: 2 / 4;
  height: 100%;
}

.m-indicator-editor {
  grid-row: 2 / 3;
  grid-column: 4 / 5;
}

.m-indicator-preview {
  grid-row-start: 3;
  grid-column: 1 / 6;
}

.m-vectors-wrapper {
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: 54px 1fr;
}
.m-vectors-wrapper h3 {
  grid-column: 1 / 3;
  justify-self: center;
  align-self: center;
}

.m-vector-list-wrapper {
  grid-column: 1 / 3;
  display: grid;
  grid-template-rows: 40px;
  min-width: 0;
  min-height: 0;
  border: 1px solid grey;
  background: white;
}

.m-vector-list {
  margin-top: 3px;
  overflow: auto;
  min-width: 0;
}

.m-vector-list-table,
.m-custom-keywords-table {
  width: 100%;
}
.m-vector-list-table .v-row-btns,
.m-custom-keywords-table .v-row-btns {
  float: right;
  padding-right: 5px;
}
.m-vector-list-table tr td,
.m-vector-list-table tr th,
.m-custom-keywords-table tr td,
.m-custom-keywords-table tr th {
  padding-right: 5px;
}

.m-vector-filter {
  display: flex;
  border-bottom: 1px solid grey;
}
.m-vector-filter input {
  margin-top: 3px;
  margin-left: 4px;
  margin-right: auto;
  margin-bottom: 3px;
  width: 240px;
}
.m-vector-filter .btn,
.m-vector-filter .dt-button {
  margin-top: 3px;
  margin-bottom: 3px;
  margin-left: 3px;
  margin-right: 3px;
}

.m-indicator-edit-wrapper {
  display: grid;
  grid-template-columns: 50% 50%;
  grid-auto-flow: row;
}
.m-indicator-edit-wrapper h3 {
  grid-column: 1 / 3;
  justify-self: center;
}

.m-vector-actions {
  grid-column: 1 / 3;
  justify-self: center;
  align-self: center;
  display: flex;
}
.m-vector-actions > div {
  margin-left: 10px;
  margin-right: 10px;
}

.m-included-vectors {
  grid-column: 1/3;
}

.m-excluded-keywords {
  grid-column: 1/3;
}

.m-keyword-builder {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  height: 250px;
}
.m-keyword-builder .m-vector-list-wrapper {
  width: 500px;
  height: 250px;
  border: 1px solid grey;
}
.m-keyword-builder .m-vector-list {
  margin-top: 3px;
  height: 205px;
  overflow: auto;
}
.m-keyword-builder .m-vector-filter input {
  margin-top: 3px;
  margin-left: 4px;
  margin-bottom: 3px;
  width: 240px;
}
.m-keyword-builder .m-vector-filter .btn,
.m-keyword-builder .m-vector-filter .dt-button {
  margin-top: 3px;
  margin-bottom: 3px;
}
.m-keyword-builder .btn,
.m-keyword-builder .dt-button {
  margin-left: 5px;
  margin-right: 5px;
}

.m-custom-keywords-wrapper {
  width: 300px;
  height: 200px;
  border: 1px solid grey;
  overflow: auto;
}

.m-indicator-preview-wrapper {
  /*width: 800px;*/
  height: 500px;
  border: 1px solid grey;
  overflow: auto;
}

.o-form {
  width: 550px;
}
.o-form form {
  margin-right: 10px;
  margin-left: 10px;
}
.o-form--centered {
  margin-right: auto;
  margin-left: auto;
}
.o-form--auto {
  width: 100%;
}

.o-form-wrapper {
  margin-right: 10px;
  margin-left: 10px;
}

.o-form-group--inline {
  /* previous syntax */
  display: -webkit-box;
  display: -moz-box;
  display: box;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -ms-box-orient: horizontal;
  box-orient: horizontal;
  /* current syntax */
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  flex-wrap: wrap;
}
.o-form-group--inline label {
  padding-right: 5px;
}
.o-form-group--inline .m-input-group {
  flex-grow: 1;
  flex-shrink: 1;
  padding-left: 5px;
  padding-right: 5px;
  display: inline-block;
}
.o-form-group--inline .m-input-group:first-child {
  padding-left: 0;
}
.o-form-group--inline .m-input-group:last-child {
  padding-right: 0;
}
.o-form-group--inline input[type="checkbox"] {
  margin-right: 5px;
}

.o-realtime-graphs__wrapper {
  height: 500px;
}

.o-interface-graphs {
  display: grid;
  grid-template-rows: 50px 1fr;
  margin-left: -10px;
  margin-right: -10px;
  height: 100%;
}

.go_table.o-notifications-table {
  width: 100%;
}
.go_table.o-notifications-table tr td {
  border-top: none;
  padding: 8px;
  line-height: 1.42857;
  vertical-align: top;
  /*border-top: 1px solid #ddd;*/
}
.go_table.o-notifications-table thead tr {
  border-bottom: 1px solid black;
}

.o-status-time-graph {
  height: 350px;
}

.o-status-count-graph {
  height: 150px;
}

.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.5s;
}

.fade-enter,
.fade-leave-to {
  opacity: 0;
}

div.DTS div.dataTables_scrollBody {
  background: repeating-linear-gradient(
    45deg,
    #edeeff,
    #edeeff 10px,
    #fff 10px,
    #fff 20px
  );
}
div.DTS tbody tr:nth-child(even) {
  background: #ffffff;
}

.table a {
  text-decoration: underline;
}
.table > thead > tr > th {
  border-bottom: 1px solid black;
}

.dataTables_scrollBody {
  border-bottom: 1px solid black;
}

.dt-col-opts {
  display: none;
  float: left;
}
.dt-col-opts .fa {
  padding-right: 0;
}

.table.table-striped a.btn.btn-default,
.table.table-striped a.dt-button {
  background: #676a6c;
}
.table.table-striped th:hover .dt-col-opts {
  display: inline;
}
.table.table-striped tbody > tr > td {
  line-height: 0.95rem;
  font-size: 0.95rem;
  padding: 0.3125rem;
  border-top: none;
}
.table.table-striped tbody > tr > td a {
  color: #2e3c56;
}
.table.table-striped tbody tr.bg_error {
  background: #d37b89;
  color: #ffffff;
}
.table.table-striped tbody tr.bg_error a {
  color: #ffffff;
  text-decoration: underline;
}
.table.table-striped tbody tr.bg_error a.btn,
.table.table-striped tbody tr.bg_error a.dt-button {
  color: #ffffff;
  font-style: normal;
  text-decoration: none;
}
.table.table-striped tbody tr.bg_error:nth-child(even) {
  background: #e397a1;
  color: #ffffff;
}
.table.table-striped tbody tr.bg_error:nth-child(even) a {
  color: #ffffff;
  text-decoration: underline;
}
.table.table-striped tbody tr.bg_error:nth-child(even) a.btn,
.table.table-striped tbody tr.bg_error:nth-child(even) a.dt-button {
  color: #ffffff;
  font-style: normal;
  text-decoration: none;
}
.table.table-striped tbody tr.bg_warn {
  background: #ffedab;
  color: #676a6c;
}
.table.table-striped tbody tr.bg_warn a {
  color: #36374c;
  text-decoration: underline;
}
.table.table-striped tbody tr.bg_warn a.btn,
.table.table-striped tbody tr.bg_warn a.dt-button {
  color: #ffffff;
  font-style: normal;
  text-decoration: none;
}
.table.table-striped tbody tr.bg_warn:nth-child(odd) {
  background: #fff3c4;
  color: #676a6c;
}
.table.table-striped tbody tr.bg_warn:nth-child(odd) a {
  color: #36374c;
  text-decoration: underline;
}
.table.table-striped tbody tr.bg_warn:nth-child(odd) a.btn,
.table.table-striped tbody tr.bg_warn:nth-child(odd) a.dt-button {
  color: #ffffff;
  font-style: normal;
  text-decoration: none;
}
.table.table-striped tbody tr.bg_other {
  background: #939498;
  color: #676a6c;
}
.table.table-striped tbody tr.bg_other a {
  color: #36374c;
  text-decoration: underline;
}
.table.table-striped tbody tr.bg_other a.btn,
.table.table-striped tbody tr.bg_other a.dt-button {
  color: #ffffff;
  font-style: normal;
  text-decoration: none;
}
.table.table-striped tbody tr.bg_ok {
  background: #d3f4eb;
  color: #676a6c;
  max-height: 15px;
}
.table.table-striped tbody tr.bg_ok a {
  color: #36374c;
  text-decoration: underline;
}
.table.table-striped tbody tr.bg_ok a.btn,
.table.table-striped tbody tr.bg_ok a.dt-button {
  color: #ffffff;
  font-style: normal;
  text-decoration: none;
}
.table.table-striped tbody tr.bg_ok:nth-child(even) {
  background: #e7f9f4;
  color: #676a6c;
}
.table.table-striped tbody tr.bg_ok:nth-child(even) a {
  color: #36374c;
  text-decoration: underline;
}
.table.table-striped tbody tr.bg_ok:nth-child(even) a.btn,
.table.table-striped tbody tr.bg_ok:nth-child(even) a.dt-button {
  color: #ffffff;
  font-style: normal;
  text-decoration: none;
}

.dataTables_info {
  display: inline-block;
  float: left;
}

.dt-buttons {
  display: inline-block;
  float: right;
  margin-top: 0.4rem;
}

.dt-button {
  margin-right: 0.125rem;
  margin-left: 0.125rem;
  margin-bottom: 0.125rem;
  padding-right: 0.25rem;
  padding-left: 0.25rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  border-radius: 0.25rem;
}

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

.dt-new-entry {
  margin-left: 0.625rem;
  margin-top: 0.25rem;
}

.go_dt--btn {
  margin-top: 0;
  margin-bottom: 0;
}

.go_dt__refresh--btn {
  margin-top: 0.3125rem;
}

.dt-filter {
  margin-bottom: 0.3125rem;
}

#set-incident-range {
  margin-bottom: 0.1875rem;
}

div.dt-refresh {
  margin-top: 0;
}

div.dt-options {
  float: right;
  font-size: 1.25rem;
}
div.dt-options .fa-cog {
  font-size: 0.875rem;
}
div.dt-options .dt-table-menu {
  position: absolute;
  padding-left: 0.25rem;
  box-shadow: 0rem 0.125rem 0.1rem rgba(0, 0, 0, 0.5);
  z-index: 1;
  right: 4px;
  background: #ffffff;
  overflow: auto;
  max-height: 500px;
}
div.dt-options .dt-table-menu li {
  font-size: 0.875rem;
}

.dt-cols-list {
  padding-left: 0.5rem;
  list-style: none;
}

#datatables_buttons_info {
  display: none !important;
}

.dt--no-wrap th,
.dt--no-wrap td {
  white-space: nowrap;
}

.nav {
  align-items: center;
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  list-style: none;
  padding-left: 0;
}

.nav a {
  color: #ffffff;
  text-decoration: none;
}

.nav > li {
  color: #ffffff;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  padding-left: 0.3125rem;
  cursor: default;
}
.nav > li .fa-chevron-up {
  display: none;
}
.nav > li:hover .fa-chevron-down,
.nav > li:focus .fa-chevron-down {
  display: none;
}
.nav > li:hover .fa-chevron-up,
.nav > li:focus .fa-chevron-up {
  display: inline-block;
}
.nav > li:hover,
.nav > li:focus {
  background: #747276;
}

.nav > li > i {
  padding-left: 0.3125rem;
}

.nav-menu {
  position: absolute;
  display: none;
  padding-left: 0;
  list-style: none;
  background: #5b595c;
  box-shadow: 0rem 0.125rem 0.25rem rgba(0, 0, 0, 0.5);
}

.nav-menu li {
  width: auto;
  padding: 0;
  white-space: nowrap;
}
.nav-menu li:hover {
  background: #747276;
}
.nav-menu li a {
  width: 100%;
  display: block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  padding-right: 1.5625rem;
  padding-left: 1.25rem;
}

.nav-menu-down {
  left: 0;
}
.nav-menu-down i {
  float: right;
  margin-top: 4px;
  margin-right: -20px;
}

.nav-menu-right {
  bottom: 0;
  left: 100%;
  width: auto;
}

.nav-links > li {
  flex-grow: 0;
  flex-basis: auto;
  justify-content: flex-start;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  position: relative;
}

.nav-links li:hover > .nav-menu:first-of-type,
.nav-links li:focus > .nav-menu:first-of-type {
  display: block;
  margin-top: 0.3125rem;
}

.nav-controls {
  flex-grow: 0;
  flex-basis: auto;
  justify-content: flex-end;
}
.nav-controls .btn,
.nav-controls .dt-button {
  padding-top: 0.1875em;
  margin-left: 0.125rem;
  margin-right: 0.125rem;
}
.nav-controls .btn .fa,
.nav-controls .dt-button .fa {
  padding-left: 0.125rem;
}
.nav-controls div {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
  flex-grow: 0;
}

.left-sidebar-toggle,
.right-sidebar-toggle {
  height: 1rem;
  margin-top: -0.25rem;
}

.btn-default.btn-full-screen:active,
.btn-full-screen.dt-button:active,
.btn-default.btn-full-screen.active,
.btn-full-screen.active.dt-button {
  background: #b5b5b5;
}
.btn-default.btn-full-screen:active:active,
.btn-full-screen.dt-button:active:active,
.btn-default.btn-full-screen:active.active,
.btn-full-screen.dt-button:active.active,
.btn-default.btn-full-screen.active:active,
.btn-full-screen.active.dt-button:active,
.btn-default.btn-full-screen.active.active,
.btn-full-screen.active.active.dt-button {
  background: #b5b5b5;
}

.sidebar {
  height: 100%;
  justify-content: flex-start;
  overflow-y: auto;
  color: #ffffff;
  background: #676795;
}
.sidebar input[type="text"],
.sidebar select {
  width: 85%;
  margin-right: auto;
  margin-left: auto;
}
.sidebar > hr {
  flex-grow: 0;
  border-color: #ffffff;
}

.sidebar-site {
  order: 1;
  width: 15.625rem;
  grid-area: sidebar-site;
}

.filter-btns .btn,
.filter-btns .dt-button {
  margin-right: -0.125rem;
  margin-left: -0.125rem;
}
.filter-btns .btn .fa-check-square-o,
.filter-btns .dt-button .fa-check-square-o {
  padding-right: 0.0625rem;
}
.filter-btns .btn-ok {
  border-radius: 0.25rem 0 0 0.25rem;
}
.filter-btns .btn-warning {
  border-radius: 0;
}
.filter-btns .btn-error {
  border-radius: 0 0.25rem 0.25rem 0;
}

.filter-activate {
  width: 85%;
}

.sidebar-page {
  order: 3;
  grid-area: sidebar-page;
  width: 15.625rem;
}

.page-nav {
  margin-left: 0;
  margin-right: 0;
}

.page-nav-links {
  margin-left: 0;
  margin-right: 0;
  margin-top: 0.975rem;
  padding-left: 0;
  list-style: none;
}
.page-nav-links a {
  display: block;
  width: 100%;
  color: #ffffff;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1.25rem;
  cursor: pointer;
}
.page-nav-links a:hover {
  text-decoration: none;
  background: #a3a3bf;
  color: #353738;
  border-radius: 0 1.25rem 1.25rem 0;
}
.page-nav-links li {
  padding: 0;
}
.page-nav-links li a.active {
  color: #676a6c;
  margin-right: 1.25rem;
  background: #ffffff;
  border-radius: 0 1.25rem 1.25rem 0;
}
.page-nav-links li a.active:hover {
  text-decoration: none;
  background: #a3a3bf;
  color: #353738;
}

.page-nav-links .segment-refresh {
  float: right;
  margin-right: 1rem;
  display: none;
}
.page-nav-links .segment-refresh .fa {
  padding-right: 0;
}

.page-nav-links a.active .segment-refresh {
  display: inline-block;
  background: white;
}
.page-nav-links a.active .segment-refresh:hover {
  background: #dfdfe9;
}

.network-overview,
.network-overview-panels {
  padding-left: 0;
  list-style: none;
}

.network-overview {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
}
.network-overview .fa-circle {
  color: #1ab38a;
  margin-right: 1rem;
}
.network-overview a .fa {
  color: #676a6c;
  float: right;
}
.network-overview .panel {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: rgba(255, 255, 255, 0);
  border: none;
}
.network-overview .panel-heading {
  padding-left: 0;
  padding-right: 0;
  background: rgba(255, 255, 255, 0);
  border-bottom: 1px solid #676a6c;
}
.network-overview .panel-body {
  padding-left: 0;
  padding-right: 0;
}
.network-overview .labels {
  display: inline-block;
  float: right;
}
.network-overview .labels .label {
  display: inline-block;
  width: 2rem;
}

.sidebar-panel-toggle .fa-chevron-down {
  display: none;
}
.sidebar-panel-toggle.collapsed .fa-chevron-up {
  display: none;
}
.sidebar-panel-toggle.collapsed .fa-chevron-down {
  display: inline-block;
}

.action_link {
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
}

/*** Filter ***/
.filter_controls {
  margin-left: 0;
  display: inline;
  float: left;
}
@media only screen and (max-width: 502px) {
  .filter_controls {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
  }
}

.filter-btn {
  margin-top: 0.1875rem;
  margin-left: 0.0625rem;
  margin-right: 0.0625rem;
  font-size: 0.875rem;
}
.filter-btn.filter_ok.filter-on {
  background: #0d5a45;
}
.filter-btn.filter_warn.filter-on {
  background: #e17a0a;
}
.filter-btn.filter_error.filter-on {
  background: #c71528;
}
.filter-btn.filter-refresh.filter-on {
  background: #146667;
}
.filter-btn.filter-on .fa-square-o {
  display: none;
}
.filter-btn.filter-on .fa-check-square-o {
  margin-right: 0.125rem;
}
.filter-btn.filter-off .fa-check-square-o {
  display: none;
}
.filter-btn.filter-off .fa-square-o {
  margin-right: 0.125rem;
}

.dt-filter .filter_warn {
  margin-right: -0.1875rem;
  margin-left: -0.1875rem;
}

div.dt-refresh {
  float: right;
  margin-right: 0.625rem;
  margin-top: -0.3125rem;
  text-align: right;
}
@media only screen and (max-width: 502px) {
  div.dt-refresh {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    float: none;
  }
}
div.dt-refresh button.btn,
div.dt-refresh button.dt-button {
  margin-bottom: 0.625rem;
}
div.dt-refresh input {
  margin-top: 0.1875rem;
  margin-bottom: auto;
  margin-left: 0.3125rem;
  margin-right: 0.3125rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  padding-right: 0.125rem;
  padding-left: 0.125rem;
}
div.dt-refresh p {
  display: inline;
}

.filter-interval.form-control {
  max-width: 2.375rem;
  display: inline-block;
  text-align: center;
  height: 1.625rem;
  margin-top: 0;
}

.filter_ok {
  margin-right: 0;
  border-radius: 4px 0px 0px 4px;
}

.filter_warn {
  margin-right: 0;
  margin-left: 0;
  border-radius: 0px;
}

.filter_error {
  margin-left: 0;
  border-radius: 0px 4px 4px 0px;
}

/*** DataTables ***/
.table.table-striped tbody > tr > td {
  line-height: 0.8rem;
  font-size: 0.75rem;
  padding-top: 0.0625rem;
  padding-right: 0.375rem;
  padding-bottom: 0.0625rem;
  padding-left: 0.375rem;
  border-top: 1px solid #e7eaec;
  text-align: left;
}
.table.table-striped tr a.btn,
.table.table-striped tr a.dt-button {
  color: #ffffff;
  font-style: normal;
  text-decoration: none;
}
.table.table-striped tr:nth-child(even) a.btn,
.table.table-striped tr:nth-child(even) a.dt-button {
  color: #ffffff;
  font-style: normal;
  text-decoration: none;
}

div.go_dt--limit-cols div.DTS tbody th,
div.go_dt--limit-cols div.DTS tbody td {
  word-wrap: break-word;
  white-space: normal;
}

@media only screen and (max-width: 502px) {
  .dataTables_wrapper {
    text-align: center;
  }
  .dataTables_wrapper .dataTables_scroll {
    text-align: left;
  }
}
.dataTables_wrapper .dataTables_filter {
  float: none;
  margin-top: -0.25rem;
  margin-right: 0.625rem;
  margin-bottom: 0;
  margin-left: auto;
}
.dataTables_wrapper .dataTables_filter label input {
  max-width: 10.625rem;
}
@media only screen and (min-width: 768px) {
  .dataTables_wrapper .dataTables_filter {
    float: left;
  }
}
.dataTables_wrapper .dataTables_filter label {
  margin-top: 0.3125rem;
}
.dataTables_wrapper tr.reportHeader th {
  padding-top: 0;
}

.go_dt__cell_btns {
  margin-top: 0.3125rem;
  margin-bottom: 0.3125rem;
}

.service-btns {
  max-height: 19px;
  padding-top: 0;
}
.service-btns .fa {
  font-size: 0.6rem;
  padding-right: 0;
}

/***** Device Info *****/
.info_bar--equipment hr {
  margin: 0;
  border-top: 1px solid #d1d1d1;
}

/***** Day Details *****/
.state-changes {
  max-width: 1400px;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}
.state-changes .go_table {
  margin-right: 1.25rem;
}

.day_details--table {
  margin-left: 1.25rem;
}
@media only screen and (max-width: 1470px) {
  .day_details--table {
    max-height: 300px;
    margin-right: 13rem;
  }
}

/***** Journal *****/
.entry--form {
  margin-left: 0.625rem;
  margin-bottom: 0.625rem;
}
.entry--form .a-input {
  display: inline-block;
}

/***** Interfaces *****/
.fa.fa-circle-ok {
  color: #1e9373;
  font-size: 1rem;
  text-align: center;
}

.fa.fa-circle-error {
  color: #ed5565;
  font-size: 1rem;
  text-align: center;
}

.graph-controls {
  width: 100%;
  margin-top: -1.875rem;
}

.graph-controls-left {
  display: inline-block;
}

.graph-controls-right {
  float: right;
  margin-right: 0.625rem;
}
.graph-controls-right .form-control {
  max-width: 3.75rem;
  display: inline-block;
  text-align: left;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.map-addr-input input {
  margin-bottom: 0.3125rem;
}

.gm--size-small {
  width: 25rem;
  height: 25rem;
}

.gm__title {
  text-align: center;
  margin-bottom: 0.9375rem;
}

.gm__title_text,
.gm__layers_title {
  text-align: center;
  margin-bottom: 1.25rem;
}
.gm__title_text .fa,
.gm__layers_title .fa {
  color: #414042;
  margin-left: 0.625rem;
  font-size: 1.125rem;
}

.gm__title_text {
  display: inline;
}
.gm__title_text--copy {
  margin-bottom: 0.5rem;
  color: #000;
}
.gm__title_text--input {
  max-width: 12.5rem;
  display: inline-block;
}

.gm__title_text--edit {
  border: none;
  background: transparent;
  padding-top: 0;
  margin-bottom: 1.25rem;
}

.gm__controls {
  max-width: 18.75rem;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
.gm__controls button {
  width: 9.0625rem;
}
@media only screen and (min-width: 1200px) and (max-width: 1560px) {
  .gm__controls {
    text-align: center;
  }
  .gm__controls button {
    width: 10.6875rem;
  }
}

.gm__message {
  width: 18.75rem;
  margin-right: auto;
  margin-left: auto;
}

.gm__layers {
  max-width: 18.75rem;
  margin-right: auto;
  margin-left: auto;
}

.gm__layers_controls {
  text-align: center;
}

.gm__layers--clear-all,
.gm__layers--close-all-info {
  width: 9.0625rem;
}
@media only screen and (min-width: 1200px) and (max-width: 1560px) {
  .gm__layers--clear-all,
  .gm__layers--close-all-info {
    width: 10.6875rem;
  }
}

.gm__layers_list,
.gm__controls_modal_list {
  margin-top: 0.9375;
  list-style: none;
  padding-left: 0;
  padding-right: 0;
  font-size: 1.2rem;
  max-width: 18.75rem;
  margin-right: auto;
  margin-left: auto;
}
.gm__layers_list > li,
.gm__controls_modal_list > li {
  margin-bottom: 0.3125rem;
}

.gm__layer--delete {
  float: right;
  color: #676a6c;
}

.gm__layer_inputs {
  padding-left: 1.125rem;
  padding-right: 1.125rem;
}

.gm__layers_modal {
  max-width: 37.5rem;
  margin-right: auto;
  margin-left: auto;
}
.gm__layers_modal .modal-footer {
  text-align: center;
}

.gm__modal_label {
  margin-left: 0.3125rem;
}

.gm__layers_modal--raise {
  width: 18.75rem;
}
@media only screen and (min-width: 1200px) and (max-width: 1560px) {
  .gm__layers_modal--raise {
    width: 10.6875rem;
  }
}

.gm__layers_modal_list {
  list-style: none;
  padding-left: 0;
  max-width: 18.75rem;
  font-size: 1.2rem;
  margin-right: auto;
  margin-left: auto;
}

.gm__controls--save,
.gm__controls--delete,
.gm__controls_modal--raise,
.gm__layers_modal--raise {
  margin-bottom: 0.1875rem;
}

.gm__controls--new,
.gm__controls--delete,
.gm__layers--clear-all,
.gm__layers--close-all-info {
  margin-bottom: 1.25rem;
}

.probe--heading {
  margin-top: 0;
}

.cxtags {
  width: 250px;
  max-height: 300px;
  overflow-y: auto;
  border-top: 1px solid #777776;
  border-bottom: 1px solid #777776;
}

.cxtag {
  margin: 2px;
  min-width: 25px;
  font-size: 0.9rem;
}

.cxui__box {
  flex-basis: 45%;
  margin-right: 5px;
  margin-left: 5px;
}
@media only screen and (max-width: 1200px) {
  .cxui__box {
    flex-basis: 75%;
  }
}

ul.cxui__list.items {
  height: 400px;
  overflow: auto;
  padding-left: 0px;
}
ul.cxui__list.items li:nth-child(odd) {
  background-color: #d8d8dc;
}

ul.cxui__list--groups {
  cursor: pointer;
  padding-left: 0px;
}
@media only screen and (min-width: 1200px) {
  ul.cxui__list--groups {
    min-height: 800px;
  }
}
ul.cxui__list--groups li {
  list-style: none;
}

.cxui__list .glyphicon {
  color: #36374c;
}

#available_items .glyphicon-remove {
  display: none;
}

#included_items .glyphicon-chevron-right {
  display: none;
}

.cxui__tools .form-control,
.cxui__filter .form-control {
  max-width: 200px;
}
@media only screen and (min-width: 1751px) {
  .cxui__tools .form-control,
  .cxui__filter .form-control {
    max-width: 200px;
  }
}
.cxui__tools button,
.cxui__filter button {
  margin-bottom: 3px;
}

ul.items {
  height: 18.75rem;
  list-style: none;
  overflow: auto;
}
ul.items li:nth-child(odd) {
  background-color: #d8d8dc;
}

#alert_form .item_list .item_edit_link {
  display: none;
}

#existing_et_links li .item_edit_link {
  display: none;
}

.logo-logon {
  margin-top: 20px;
  padding-top: 20px;
}
@media only screen and (min-width: 768px) {
  .logo-logon {
    margin-top: 100px;
    padding-top: 100px;
  }
}
@media only screen and (min-width: 992px) {
  .logo-logon {
    margin-top: 25px;
    padding-top: 200px;
  }
}

.login-header {
  color: #ffffff;
}

.login .form-group {
  width: 300px;
  margin: 10px auto;
}

div#_error {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
}
div#_error span.msg {
  text-transform: capitalize;
}

.details__form {
  width: 550px;
}
.details__form form {
  margin-right: 10px;
  margin-left: 10px;
}

.details__form--centered {
  margin-right: auto;
  margin-left: auto;
}

.info_bar div {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

#mib_list,
#tree_div,
#details {
  overflow: auto;
}

.mib_browser__tree {
  flex-basis: 66%;
  overflow: auto;
  border-right: 1px solid #d1d1d1;
}
.mib_browser__tree label {
  margin-left: 1rem;
}
.mib_browser__tree .search {
  width: 12.5rem;
  margin-right: auto;
}
.mib_browser__tree .btn,
.mib_browser__tree .dt-button {
  margin-right: auto;
  margin-left: auto;
}
.mib_browser__tree--contents {
  padding-left: 1rem;
  padding-right: 1rem;
}

.mib_browser__details {
  flex-basis: 33%;
}

.mib_browser__list--contents {
  position: absolute;
  display: none;
  box-shadow: 0rem 0.125rem 0.25rem rgba(0, 0, 0, 0.5);
  width: 25rem;
  z-index: 1000;
  height: 25rem;
  overflow: auto;
  background: #ffffff;
}
.mib_browser__list--contents ul {
  list-style: none;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  height: 100%;
}
.mib_browser__list--contents ul li {
  padding-top: 2px;
  padding-bottom: 2px;
}
.mib_browser__list--contents ul li:nth-child(odd) {
  background: #d1d1d1;
}
.mib_browser__list--contents ul .btn,
.mib_browser__list--contents ul .dt-button {
  float: right;
  margin-right: 2px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-right: 4px;
  padding-left: 4px;
  line-height: 1;
}

.mib_browser__list {
  margin-left: auto;
  margin-right: auto;
}
.mib_browser__list:hover .mib_browser__list--contents {
  display: block;
}

.mib_browser__details--contents {
  max-width: 25rem;
  margin-right: auto;
  margin-left: auto;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  background: #ffffff;
  flex-grow: 0;
  overflow: auto;
}

.mib_browser__output {
  height: 80%;
  width: 75%;
}

.uploads_manager--form {
  margin-bottom: 0.5rem;
}

.uploads_manager--input {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.uploads_manager--btn {
  margin-left: 0.5rem;
}

.report_selector__form {
  justify-content: space-around;
}

.weather--common {
  margin-top: 2.25rem;
  margin-bottom: 2.25rem;
}

.weather {
  max-width: 800px;
  margin-right: auto;
  margin-left: auto;
}

.weather__summary {
  width: 17rem;
  height: 15.625rem;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 1.25rem;
}

.go_table__weather--summary tr:nth-child(1) {
  border-top: none;
}
.go_table__weather--summary tr td:nth-child(1) {
  font-weight: 700;
}
.go_table__weather--summary i {
  font-size: 1.2rem;
}

.weather__summary--icon {
  font-size: 7rem;
  margin-bottom: 1.5625rem;
}

.weather__hourly {
  margin-right: auto;
  margin-left: auto;
  padding-right: 10px;
  max-height: 15.625rem;
  overflow: auto;
}

.go_table__weather--hourly {
  width: 450px;
}
.go_table__weather--hourly tr td,
.go_table__weather--hourly tr th {
  padding-right: 0;
}
.go_table__weather--hourly i {
  font-size: 1.2rem;
}

.m-expression-drop-zone {
  height: 50px;
  background-color: lightgrey;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  border-radius: 10px;
  border: 1px solid grey;
}

.m-expression-drop-zone--active {
  background-color: #17c139;
}

.m-expression-operator {
  border: 1px solid grey;
  border-right: 0px;
  background: #3eaeef;
  border-radius: 10px 0px 0px 10px;
  padding-left: 10px;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.m-expression-operator .a-operator-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: none;
  margin-bottom: 3px;
}
.m-expression-operator .btn-xs {
  height: 20px;
  width: 20px;
  margin-right: 10px;
  border-radius: 10px;
}

.m-expression-operator--first {
  border-right: 1px solid grey;
}

.m-expression-operator--odd {
  background: #d1db4c;
}

.a-operator-input {
  border: 1px solid black;
  border-radius: 10px;
  background: lightgrey;
  padding: 5px;
  margin-bottom: 5px;
  margin-right: 10px;
}

.a-operator-drop-zone {
  height: 61px;
  padding: 5px;
  margin-bottom: 5px;
  margin-right: 10px;
  background-color: #17c139;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  border: 1px solid grey;
}

/*** Bootstrappy Alerts ***/
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a9444;
}

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}

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