html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  font: inherit;
}
body {
  line-height: 1;
}
.container {
  width: 100%;
  padding: 0;
}
@-moz-document url-prefix() {
  fieldset {
    display: table-cell;
  }
}
.borderless td,
.borderless th {
  border: none;
}
@media (min-width: 768px) {
  .modal-lg {
    width: 90%;
  }
}
@media (min-width: 500px) {
  .panel-heading .pager {
    text-align: right;
  }
  .panel-heading .pager .previous > a,
  .panel-heading .pager .previous > span,
  .panel-heading .pager .next > a,
  .panel-heading .pager .next > span {
    float: none;
  }
  .panel-heading .pager li + li {
    margin-left: 10px;
  }
}
@media (max-width: 499px) {
  .panel-heading .pager {
    position: relative;
    margin-top: 2.5em;
  }
}
.pager {
  margin-top: 0;
  margin-bottom: 0;
}
.badge {
  min-width: 1em;
  padding: 0 0.75em;
  font-size: 0.8em;
  line-height: 0.8em;
  background-color: #4996B2;
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  border-radius: 1em;
}
div.alert {
  color: rgba(51, 51, 51, 0.9);
  box-shadow: rgba(0, 0, 0, 0.15) 1px 1px 2px 0px;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  border: none;
  padding: 1em 2em;
  margin-right: 1px;
}
div.alert > p {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
}
div.alert > p:first-child {
  margin-top: 0;
  padding-top: 0;
}
div.alert > p:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
div.alert.alert-danger {
  background-color: #F8C7CB;
}
/*Shared Fonts*/
@font-face {
  font-family: BentonSans-Book;
  font-weight: normal;
  font-style: normal;
  src: url(/fonts/BentonSans-Book.woff2) format('woff2'), url(/fonts/BentonSans-Book.woff) format('woff');
}
@font-face {
  font-family: BentonSans-Book_Italic;
  font-weight: normal;
  font-style: normal;
  src: url(/fonts/BentonSans-Book_Italic.woff2) format('woff2'), url(/fonts/BentonSans-Book_Italic.woff) format('woff');
}
@font-face {
  font-family: BentonSans-Light;
  font-weight: normal;
  font-style: normal;
  src: url(/fonts/BentonSans-Light.woff2) format('woff2'), url(/fonts/BentonSans-Light.woff) format('woff');
}
@font-face {
  font-family: BentonSans-Medium;
  font-weight: normal;
  font-style: normal;
  src: url(/fonts/BentonSans-Medium.woff2) format('woff2'), url(/fonts/BentonSans-Medium.woff) format('woff');
}
@font-face {
  font-family: BentonSans-SemiDemi;
  font-weight: normal;
  font-style: normal;
  src: url(/fonts/BentonSans-SemiDemi.woff2) format('woff2'), url(/fonts/BentonSans-SemiDemi.woff) format('woff');
}
@font-face {
  font-family: BentonSans-SemiDemi_Italic;
  font-weight: normal;
  font-style: normal;
  src: url(/fonts/BentonSans-SemiDemi_Italic.woff2) format('woff2'), url(/fonts/BentonSans-SemiDemi_Italic.woff) format('woff');
}
@font-face {
  font-family: Benton Sans;
  font-weight: normal;
  font-style: normal;
  src: url(/fonts/BentonSans-Book.woff2) format('woff2'), url(/fonts/BentonSans-Book.woff) format('woff');
}
@font-face {
  font-family: Benton Sans;
  font-weight: normal;
  font-style: italic;
  src: url(/fonts/BentonSans-Book_Italic.woff2) format('woff2'), url(/fonts/BentonSans-Book_Italic.woff) format('woff');
}
@font-face {
  font-family: Benton Sans;
  font-weight: 100;
  font-style: normal;
  src: url(/fonts/BentonSans-Light.woff2) format('woff2'), url(/fonts/BentonSans-Light.woff) format('woff');
}
@font-face {
  font-family: Benton Sans;
  font-weight: bold;
  font-style: normal;
  src: url(/fonts/BentonSans-Medium.woff2) format('woff2'), url(/fonts/BentonSans-Medium.woff) format('woff');
}
@font-face {
  font-family: Benton Sans Low-DPI;
  font-weight: normal;
  font-style: normal;
  src: url(/fonts/BentonSans-SemiDemi.woff2) format('woff2'), url(/fonts/BentonSans-SemiDemi.woff) format('woff');
}
@font-face {
  font-family: Benton Sans Low-DPI;
  font-weight: normal;
  font-style: italic;
  src: url(/fonts/BentonSans-SemiDemi_Italic.woff2) format('woff2'), url(/fonts/BentonSans-SemiDemi_Italic.woff) format('woff');
}
.button,
.small-button {
  background: #4996B2;
  border-radius: 3px;
  color: white;
  text-decoration: none;
  padding: 4px 10px;
  display: inline-block;
  font-weight: 600;
  min-width: 96px;
  text-transform: lowercase;
  text-align: center;
}
.button:hover,
.small-button:hover {
  opacity: 0.8;
  color: white;
  text-decoration: none;
}
.button:visited,
.small-button:visited {
  color: white;
  opacity: 1;
  text-decoration: none;
}
.button {
  padding: 6px 15px;
}
.btn[hidden] {
  display: none;
}
.btn-primary {
  background-color: #4996B2;
  border-color: #4996B2;
}
.panel {
  background-color: #fff;
  border-width: 0;
  border-radius: 0;
  box-shadow: none;
  margin-bottom: 0;
  padding: 0;
  height: 100%;
  position: relative;
  /* no-chrome panels are useful when embedded in another panel
        so you can use the heading and body stuff without the additional borders. -JPOEHLS */
}
.panel .panel-heading .panel-title {
  font-size: 1.4em;
  display: block;
  float: none;
  color: #666;
}
.panel .panel-heading .help-block {
  margin-bottom: 0;
}
.panel .panel-heading .panel-heading-buttons {
  float: right;
}
.panel.no-chrome {
  background-color: transparent !important;
  border: none !important;
}
.panel .panel-body.row {
  margin-left: 0;
  margin-right: 0;
}
.panel .panel-body > .col-xs-12 {
  padding: 0;
}
.row-short .panel-body {
  height: 230px;
  overflow-y: scroll;
}
@media (min-width: 768px) {
  .panel-inline {
    display: inline-block;
  }
}
.error-panel .panel-heading img {
  width: 48px;
  float: left;
  margin-right: 5px;
}
.error-panel .panel-heading .panel-title {
  padding-top: 15px;
}
.parsley-errors-list {
  margin: 2px 0 3px;
  list-style-type: none;
  display: none;
  transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
}
.parsley-errors-list.filled {
  display: block;
}
.modal .close {
  position: absolute;
  top: 5px;
  right: 15px;
  font-size: 32px;
}
.modal .modal-header {
  border-bottom: 1px solid #E5E5E5;
  background-color: #F5F5F5;
  font-size: 0.8em;
  padding: 10px;
}
.modal .modal-footer {
  border-top: 0;
  padding-top: 0;
  text-align: right;
}
.modal .modal-content {
  border-radius: 0;
}
.timeout-modal li {
  margin-top: 0.4em;
  margin-bottom: 0.4em;
}
.timeout-modal ol {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}
.wait-modal-spinner {
  display: flex;
  align-items: center;
  justify-content: center;
}
.wait-modal-text {
  text-align: center;
  margin-top: 20px;
  line-height: 1.5em;
}
.wait-modal-text ul {
  display: inline-block;
}
.under-construction {
  width: 70px;
  background: #999;
  position: absolute;
  text-align: center;
  line-height: 30px;
  letter-spacing: 1px;
  color: #f0f0f0;
  font-size: 13px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  top: 5px;
  right: -15px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  z-index: 1;
  opacity: 0.8;
}
@media screen and (max-width: 767px) {
}@media (min-width: 768px) {
}@media (min-width: 768px) {
}@media (max-width: 767px) {
}@media (min-width: 768px) {
}@media (min-width: 768px) {
}@media (max-width: 767px) {
}@media (max-width: 767px) {
}.checkbox-list .checkbox-group > .checkbox-group {
  margin-left: 10px;
}
.checkbox-group {
  margin-bottom: 10px;
}
.checkbox-group > *[class^='col-'] > label.control-label {
  margin-top: 3px;
}
.form-group > *[class^='col-'] > label.control-label {
  margin-top: 9px;
}
.input-group-addon.number-btn {
  border-left: 0;
  cursor: pointer;
}
.input-group-addon.number-btn .glyphicon {
  margin-right: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=text],
input[type=password],
input[type=number],
select {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #fff;
  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);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
select:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
}
input[type=text]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=number]::-moz-placeholder,
select::-moz-placeholder {
  color: #999;
  opacity: 1;
}
input[type=text]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
select:-ms-input-placeholder {
  color: #999;
}
input[type=text]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
select::-webkit-input-placeholder {
  color: #999;
}
input[type=text]::-ms-expand,
input[type=password]::-ms-expand,
input[type=number]::-ms-expand,
select::-ms-expand {
  background-color: transparent;
  border: 0;
}
input[type=text][disabled],
input[type=password][disabled],
input[type=number][disabled],
select[disabled],
input[type=text][readonly],
input[type=password][readonly],
input[type=number][readonly],
select[readonly],
fieldset[disabled] input[type=text],
fieldset[disabled] input[type=password],
fieldset[disabled] input[type=number],
fieldset[disabled] select {
  background-color: #eeeeee;
  opacity: 1;
}
input[type=text][disabled],
input[type=password][disabled],
input[type=number][disabled],
select[disabled],
fieldset[disabled] input[type=text],
fieldset[disabled] input[type=password],
fieldset[disabled] input[type=number],
fieldset[disabled] select {
  cursor: not-allowed;
}
textareainput[type=text],
textareainput[type=password],
textareainput[type=number],
textareaselect {
  height: auto;
}
.form-horizontal .control-label {
  text-align: left;
}
.form-button-pad-right {
  margin-right: 10px;
}
.checkbox input[type="checkbox"] {
  margin-top: 0px;
}
.radio input[type="radio"] {
  margin-top: 0px;
}
a:focus {
  outline: none;
}
[data-notify=message] {
  display: block;
  width: 100%;
  text-align: center;
}
input[type="date"].form-control,
input[type="time"].form-control,
input[type="datetime-local"].form-control {
  line-height: 1.25rem;
}
.toggle-switch span:first-child {
  margin-top: 8px;
  margin-right: 10px;
}
.toggle-switch span:first-child:empty {
  margin-right: 0;
}
.toggle-switch input[type="checkbox"] {
  outline: none;
}
.navbar-header a.header-help {
  line-height: 50px;
}
ol.header-help {
  display: inline-block;
  padding-left: 0;
  margin-bottom: 0;
  margin-top: 5px;
  margin-left: 15px;
}
a.header-help {
  background: url(/images/help_inverse.svg) no-repeat left center;
  background-position: 5px;
  padding: 5px 5px 5px 25px !important;
  border-radius: 4px;
  font-size: 11px;
  font-weight: bold;
}
a.header-help:hover {
  background: url(/images/help_inverse_active.svg) no-repeat left center !important;
  background-position: 5px !important;
  background-color: transparent;
  text-decoration: none;
}
.help-block {
  font-size: 0.8em;
  line-height: 1.5em;
}
.helpandsupport .panel {
  text-align: center;
}
.helpandsupport .support-section {
  min-height: 240px;
  background: rgba(254, 254, 254, 0.55);
}
.helpandsupport .support-link {
  color: #000;
}
.helpandsupport .support-link:hover {
  text-decoration: none;
}
.helpandsupport .support-icon {
  font-size: 55px;
  width: 100%;
}
.helpandsupport .support-section h3 {
  width: 100%;
}
.page-header .page-title {
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  font-size: 2.25em;
}
.page-subheader {
  padding-bottom: 1.25em;
}
.page-subheader .small-label {
  font-size: 0.85em;
  font-weight: 600;
}
.page-subheader .url {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  color: #808080;
}
.page-subheader p {
  line-height: 1.5em;
}
.breadcrumb li {
  line-height: 1.25em;
  font-size: 12px;
}
.breadcrumb li.personal-space > a {
  padding-left: 16px;
  background: transparent url(/images/lock_small.svg) no-repeat scroll left center;
  background-size: 13px 13px;
}
.breadcrumb > li + li::before {
  content: "/";
  padding: 0 2px;
  color: rgba(0, 0, 0, 0.7);
}
.breadcrumb {
  padding-left: 0;
  padding-bottom: 0;
  margin-bottom: 0;
  background-color: transparent;
}
.breadcrumb > .active {
  color: rgba(0, 0, 0, 0.7);
}
.full-page-layout .breadcrumb {
  padding-left: 25px;
}
body {
  font-family: "Benton Sans", Arial, Helvetica, sans-serif;
  font-size: 14px;
  height: 100%;
  width: 100%;
  min-height: 100%;
  min-width: 100%;
  color: rgba(0, 0, 0, 0.8);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}
pre,
code {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 13px;
  margin: 0 0 10px;
  padding: 9.5px;
}
.fixed-width-font {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
.gateway-request-url {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  color: #808080;
}
em {
  font-style: italic;
}
a {
  color: #4996B2;
  text-decoration: none;
}
a:hover {
  color: #4996B2;
  text-decoration: underline;
}
a:focus {
  color: #3498DB;
  text-decoration: underline;
}
a.btn {
  text-decoration: none;
}
a.disabled {
  text-decoration: none !important;
  color: rgba(0, 0, 0, 0.35) !important;
  cursor: default !important;
}
strong {
  font-weight: bold;
}
small {
  font-size: 0.8em;
}
h1,
h2 {
  font-size: 2.2em;
  font-weight: 200;
  margin-bottom: 30px;
  color: #666;
}
h2 {
  font-size: 1.8em;
}
h3 {
  font-size: 1.4em;
  font-weight: 400;
  margin-bottom: 20px;
  color: #666;
}
h4 {
  font-size: 14px;
  margin-bottom: 0;
}
[data-icon] {
  padding-left: 20px;
}
.hidden {
  display: none;
}
.list-unstyled li h4 {
  margin-bottom: 0px;
  margin-top: 0px;
}
.list-unstyled li + li h4 {
  margin-top: 15px;
}
.no-padding {
  padding: 0 !important;
}
.list-group a.list-group-item .list-group-item-heading {
  color: #00A3D1;
}
.list-group a.list-group-item .list-group-item-heading .glyphicon {
  color: #333;
}
.list-group.no-border a {
  border: none !important;
}
.bg-warning > p:last-child {
  margin: 0;
}
/*
    Wrapper element to put around disabled buttons if you want to have a tooltip on the button.
    This is needed because tooltips (at least in our version of Bootstrap) don't show on disabled buttons.
    -JPOEHLS, refer to https://stackoverflow.com/a/19938049 for more information
*/
div.tooltip-wrapper {
  display: inline-block;
}
div.tooltip-wrapper .btn.disabled,
div.tooltip-wrapper .btn[disabled] {
  pointer-events: none;
}
.view-load-summary-info-dialog {
  display: inline-block;
  padding-left: 5px;
  vertical-align: middle;
}

@media screen and (max-width: 767px) {
}@media (min-width: 768px) {
}@media (min-width: 768px) {
}@media (max-width: 767px) {
}@media (min-width: 768px) {
}@media (min-width: 768px) {
}@media (max-width: 767px) {
}@media (max-width: 767px) {
}span.site,
a.site {
  padding-left: 20px;
  background: transparent url(/images/site_small.svg) no-repeat scroll left center;
  background-size: 13px 13px;
}
span.environment,
a.environment {
  padding-left: 20px;
  background: transparent url(/images/environment_small.svg) no-repeat scroll left center;
  background-size: 13px 13px;
}
span.server,
a.server {
  padding-left: 20px;
  background: transparent url(/images/server_small.svg) no-repeat scroll left center;
  background-size: 13px 13px;
}
span.project,
a.project {
  padding-left: 20px;
  background: transparent url(/images/project_small.svg) no-repeat scroll left center;
  background-size: 13px 13px;
  background-size: 13px 11px;
}
span.personal-space,
a.personal-space {
  padding-left: 20px;
  background: transparent url(/images/lock_small.svg) no-repeat scroll left center;
  background-size: 13px 13px;
}
span.storyboard,
a.storyboard {
  padding-left: 20px;
  background: transparent url(/images/sheet-storyboard_small.svg) no-repeat scroll left center;
  background-size: 13px 13px;
}
span.dashboard,
a.dashboard {
  padding-left: 20px;
  background: transparent url(/images/sheet-dashboard_small.svg) no-repeat scroll left center;
  background-size: 13px 13px;
}
span.worksheet,
a.worksheet {
  padding-left: 20px;
  background: transparent url(/images/sheet-worksheet_small.svg) no-repeat scroll left center;
  background-size: 13px 13px;
}
span.user,
a.user {
  padding-left: 20px;
  background: transparent url(/images/user_small.svg) no-repeat scroll left center;
  background-size: 13px 13px;
  background-size: 13px 12px;
}
span.workbook,
a.workbook {
  padding-left: 20px;
  background: transparent url(/images/workbook_small.svg) no-repeat scroll left center;
  background-size: 13px 13px;
  background-size: 13px 14px;
}
span.datasource,
a.datasource {
  padding-left: 20px;
  background: transparent url(/images/datasource_small.svg) no-repeat scroll left center;
  background-size: 13px 13px;
}
span.timespan,
a.timespan,
time.timespan {
  padding-left: 20px;
  background: transparent url(/images/timespan_small.svg) no-repeat scroll left center;
  background-size: 13px 13px;
}
span.datetime,
a.datetime,
time.datetime {
  padding-left: 20px;
  background: transparent url(/images/datetime_small.svg) no-repeat scroll left center;
  background-size: 13px 13px;
}
span.env-ok,
h3.env-ok {
  padding-left: 20px;
  background: transparent url(/images/env-ok.svg) no-repeat scroll left center;
  background-size: 13px 13px;
}
span.env-warn,
h3.env-warn {
  padding-left: 20px;
  background: transparent url(/images/env-warning.svg) no-repeat scroll left center;
  background-size: 13px 13px;
}
span.env-error,
h3.env-error {
  padding-left: 20px;
  background: transparent url(/images/env-error.svg) no-repeat scroll left center;
  background-size: 13px 13px;
}
span.vizqlid,
a.vizqlid {
  font-size: 0.8em;
  word-wrap: break-word;
}
span.copy,
a.copy {
  padding-left: 20px;
  background: transparent url(/images/copy_small.svg) no-repeat scroll left center;
  background-size: 13px 13px;
  background-size: 13px 11px;
}
span.funnel,
a.funnel {
  padding-left: 20px;
  background: transparent url(/images/funnel_small.svg) no-repeat scroll left center;
  background-size: 13px 13px;
}
span.overthreshold-icon {
  background: #EB4D5C;
  width: 0.7em;
  height: 0.7em;
  border-radius: 50%;
  display: inline-block;
}
.large-form-label {
  font-size: 1.5em;
}
span.initial-load-request-normal {
  padding-left: 20px;
  background: transparent url(/images/env-ok.svg) no-repeat scroll left center;
  background-size: 13px 13px;
  background-size: 16px 16px;
  padding: 2px 5px 2px 20px;
}
span.initial-load-request-long {
  padding-left: 20px;
  background: transparent url(/images/env-warning.svg) no-repeat scroll left center;
  background-size: 13px 13px;
  background-size: 16px 16px;
  padding: 2px 5px 2px 20px;
}
span.initial-load-request-verylong {
  padding-left: 20px;
  background: transparent url(/images/env-error.svg) no-repeat scroll left center;
  background-size: 13px 13px;
  background-size: 16px 16px;
  padding: 2px 5px 2px 20px;
}
span.initial-load-request-failed {
  padding-left: 20px;
  background: transparent url(/images/status-failed.svg) no-repeat scroll left center;
  background-size: 13px 13px;
  background-size: 16px 16px;
  padding: 2px 5px 2px 20px;
}
span.initial-load-request-processing {
  padding-left: 20px;
  background: transparent url(/images/status-processing.svg) no-repeat scroll left center;
  background-size: 13px 13px;
  background-size: 16px 16px;
  padding: 2px 5px 2px 20px;
}
/*
    EXAMPLE HTML
    ============

    <div class="item-group">
        <div class="item-info">
            <strong>First Name</strong>
            Joshua
        </div>
        <div class="item-info">
            <strong>Last Name</strong>
            Poehls
        </div>
    </div>
*/
.item-group {
  margin-bottom: 15px;
}
.item-group > .item-info {
  line-height: 18px;
  color: rgba(51, 51, 51, 0.9);
  font-size: 15px;
  margin-bottom: 1.2em;
}
.item-group > .item-info.inline {
  margin-bottom: 0.3em;
}
.item-group > .item-info.inline .label-text {
  display: inline-block;
  padding-right: 0.5em;
  text-align: left;
  padding-top: 0.35em;
}
.item-group > .item-info.inline > div {
  display: inline-block;
}
.item-group > .item-info .label-text {
  font-weight: normal;
  font-size: 13px;
  color: rgba(51, 51, 51, 0.65);
  display: inline-block;
  line-height: 15px;
  padding-bottom: 2px;
}
.item-group > .item-info span.vizqlid,
.item-group > .item-info a.vizqlid {
  font-size: 0.9em;
}
.item-group > .item-info .view-hierarchy.breadcrumb {
  display: inline-block;
  font-size: 1em;
  font-weight: normal;
}
nav {
  background: #2A5775;
  color: #ffffff;
  z-index: 3;
}
nav .logo-divider {
  border-right: 1px solid #d4d4d4;
  width: 1px;
  height: 40px;
  margin-top: 5px;
  margin-left: 5px;
}
nav .logo {
  width: 50px;
  height: 50px;
  margin-left: 5px;
  padding-left: 15px;
  display: block;
  background-image: url(/images/nav-sparkle.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 30px;
}
@media (min-width: 768px) {
  nav .logo {
    margin-left: -10px;
  }
}
nav .environments {
  margin: 10px 5px;
  line-height: 30px;
  padding: 0px 35px 0px 0px;
  font-size: 13px;
  background: url(/images/caret-right_inverse.svg) no-repeat right 15px center;
  background-size: 8px 14px;
  cursor: pointer;
}
@media (max-width: 767px) {
  nav .environments {
    margin-top: 0;
    margin-bottom: 0;
  }
}
nav .environments.get {
  background: url(/images/caret-down_inverse.svg) no-repeat right 15px center;
  background-size: 15px 9px;
}
nav .environments.get:hover {
  background: url(/images/caret-down_inverse_active.svg) no-repeat right 15px center;
  background-size: 15px 9px;
}
nav .environments:hover {
  background: url(/images/caret-right_inverse_active.svg) no-repeat right 15px center;
  background-size: 8px 14px;
  opacity: 0.7;
}
nav .environments > div {
  max-width: 135px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
nav .environments-drop-down {
  position: absolute;
  background: white;
  left: -100px;
  width: 250px;
  height: auto;
  border: 1px solid #dedede;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  padding: 20px 20px 15px;
  display: none;
  z-index: 999;
}
@media (max-width: 767px) {
  nav .environments-drop-down {
    margin-top: 12px;
  }
}
nav .environments-drop-down:before {
  content: " ";
  position: absolute;
  left: 60%;
  margin-left: -10px;
  top: -10px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0px 12px 10px 12px;
  border-color: transparent transparent white transparent;
}
nav .environments-drop-down .dd-title {
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.7);
  font-size: 13px;
  position: relative;
}
nav .environments-drop-down ul.env {
  padding-left: 0;
  margin-top: 15px;
}
nav .environments-drop-down ul.env li {
  display: block;
  text-decoration: none;
  border-radius: 4px;
  overflow: hidden;
  margin: 5px 0px;
}
nav .environments-drop-down ul.env li:hover {
  background: #f3f3f3;
}
nav .environments-drop-down ul.env li:hover .status-link {
  display: block;
  position: absolute;
  right: 15px;
  color: #4996B2;
  text-decoration: underline;
}
nav .environments-drop-down ul.env li:hover .bubble {
  display: none;
}
nav .environments-drop-down ul.env li .status-link {
  display: none;
  font-size: 0.9em;
}
nav .environments-drop-down ul.env li a,
nav .environments-drop-down ul.env span {
  display: inline-block;
  color: rgba(0, 0, 0, 0.8);
  text-decoration: none;
  font-size: 14px;
}
nav .environments-drop-down ul.env li a {
  padding: 8px 10px 8px 30px;
}
nav .environments-drop-down ul.env span.env-title {
  line-height: 1.5;
}
nav .environments-drop-down ul.env span.bubble {
  display: inline-block;
  float: right;
  padding: 4px 10px;
  border-radius: 8px;
  background: #f3f3f3;
  font-size: 12px;
  position: relative;
  color: #888;
  font-weight: 600;
  top: 6px;
}
nav .environments .env-ok,
nav .environments-drop-down .env-ok {
  padding-left: 30px;
  background: url(/images/env-ok.svg);
  background-size: 20px auto;
  background-repeat: no-repeat;
  background-position-x: 5px;
  background-position-y: center;
}
nav .environments .env-warn,
nav .environments-drop-down .env-warn {
  padding-left: 30px;
  background: url(/images/env-ok.svg);
  background-size: 20px auto;
  background-repeat: no-repeat;
  background-position-x: 5px;
  background-position-y: center;
  background-image: url(/images/env-warning.svg);
}
nav .environments .env-error,
nav .environments-drop-down .env-error {
  padding-left: 30px;
  background: url(/images/env-ok.svg);
  background-size: 20px auto;
  background-repeat: no-repeat;
  background-position-x: 5px;
  background-position-y: center;
  background-image: url(/images/env-error.svg);
}
nav ul.menu li {
  list-style-type: none;
}
nav ul.menu > li {
  padding: 0;
  position: relative;
  height: 50px;
  /*************/
  /* SUB MENUS */
  /*************/
  /*******************/
  /* DASHBOARDS MENU */
  /*******************/
  /******************/
  /* INCIDENTS MENU */
  /******************/
  /**************/
  /* ADMIN MENU */
  /**************/
  /*********************/
  /* USER PROFILE MENU */
  /*********************/
  /*********************/
  /* ACTIVITY MENU */
  /*********************/
  /*********************/
  /* CONTENT MENU */
  /*********************/
}
@media (min-width: 768px) {
  nav ul.menu > li:first-child {
    padding-left: 5px;
  }
  nav ul.menu > li:hover,
  nav ul.menu > li:active,
  nav ul.menu > li.active {
    background-color: #234A63;
  }
}
nav ul.menu > li > a {
  display: inline-block;
  color: #ffffff;
  font-size: 13px;
  letter-spacing: 0.08em;
  text-decoration: none;
  padding: 0px 10px 0px 32px;
  height: 26px;
  margin-top: 12px;
  line-height: 26px;
}
@media (max-width: 767px) {
  nav ul.menu > li > a {
    font-size: 1.2em;
  }
}
nav ul.menu > li ul.submenu {
  display: none;
  position: absolute;
  top: 50px;
  left: 0px;
  background: white;
  padding: 15px 10px;
  border: 1px solid #dedede;
  border-top: 0px;
  border-radius: 0px 0px 2px 2px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  z-index: 9999;
  min-width: 200px;
}
@media (max-width: 767px) {
  nav ul.menu > li ul.submenu {
    margin-left: 23px;
  }
}
@media (min-width: 768px) {
  nav ul.menu > li:hover ul.submenu {
    display: block;
  }
}
nav ul.menu > li.open ul.submenu {
  display: block;
  background: white;
}
nav ul.menu > li ul.submenu li a {
  color: rgba(0, 0, 0, 0.8);
  padding: 0px;
  line-height: 1.4em;
  display: block;
  height: auto;
  margin: 0px;
  padding: 8px 10px;
  text-decoration: none;
  font-weight: 400;
}
@media (max-width: 767px) {
  nav ul.menu > li ul.submenu li a {
    padding: 6px 10px;
  }
}
nav ul.menu > li ul.submenu li a.indent {
  padding-left: 24px;
  font-size: 0.9em;
}
nav ul.menu > li ul.submenu li a:hover {
  background: #f3f3f3;
  border-radius: 3px;
}
nav ul.menu > li a.dashboards-menu {
  background: url(/images/dashboard_inverse.svg) no-repeat left 10px center transparent;
}
nav ul.menu > li:hover a.dashboards-menu,
nav ul.menu > li a.dashboards-menu.active {
  background: url(/images/dashboard_inverse_active.svg) no-repeat left 10px center #234A63;
  border-radius: 4px;
}
nav ul.menu > li a.incidents-menu {
  background: url(/images/incident_inverse.svg) no-repeat left 10px center transparent;
}
nav ul.menu > li:hover a.incidents-menu,
nav ul.menu > li a.incidents-menu.active {
  background: url(/images/incident_inverse_active.svg) no-repeat left 10px center #234A63;
  border-radius: 4px;
}
nav ul.menu > li a.admin-menu {
  background: url(/images/admin_inverse.svg) no-repeat left 10px center transparent;
}
nav ul.menu > li:hover a.admin-menu,
nav ul.menu > li a.admin-menu.active {
  background: url(/images/admin_inverse_active.svg) no-repeat left 10px center #234A63;
  border-radius: 4px;
}
nav ul.menu > li.user-menu > a {
  background: url(/images/profile_inverse.svg) no-repeat left 10px center transparent;
}
nav ul.menu > li.user-menu:hover > a,
nav ul.menu > li.user-menu > a.active {
  background: url(/images/profile_inverse_active.svg) no-repeat left 10px center #234A63;
  border-radius: 4px;
}
nav ul.menu > li a.activity-menu {
  background: url(/images/activity_inverse.svg) no-repeat left 10px center transparent;
}
nav ul.menu > li:hover a.activity-menu,
nav ul.menu > li a.activity-menu.active {
  background: url(/images/activity_inverse_active.svg) no-repeat left 10px center #234A63;
  border-radius: 4px;
}
nav ul.menu > li a.content-menu {
  background: url(/images/layers_inverse.svg) no-repeat left 10px center transparent;
}
nav ul.menu > li:hover a.content-menu,
nav ul.menu > li a.content-menu.active {
  background: url(/images/layers_inverse_active.svg) no-repeat left 10px center #234A63;
  border-radius: 4px;
}
@media (max-width: 767px) {
  nav ul.menu.right-menu {
    margin-right: 0;
  }
}
nav ul.menu.right-menu > li {
  padding: 0;
}
nav ul.menu.right-menu > li.user-menu > a {
  max-width: 135px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
nav ul.menu.right-menu > li.user-menu ul.submenu {
  min-width: initial;
}
nav ul.menu.right-menu > li.menu-toggle > button {
  margin: 0;
  margin-left: 10px;
  margin-right: 15px;
  padding: 0;
  padding-top: 7px;
}
.page-title p {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-bottom: 0;
  font-weight: normal;
  font-size: 1em;
}
.page-title p .label-content-type {
  font-weight: normal;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.page-title p .page-title-subheader {
  font-size: 0.8em;
  font-weight: bold;
}
/*
    <p class="concurrency">
        <a href="#">Show context menu</a>
    </p>
*/
/*
    <div class="concurrency">
        Lots of things:
        <ul>
            <li><a href="#">First</a></li>
            <li><a href="#">Second</a></li>
            <li><a href="#">Third</a></li>
        </ul>
    </div>
*/
.concurrency {
  padding: 10px 10px 10px 40px;
  border: 1px solid #DEDEDE;
  background: url(/images/concurrency.svg) no-repeat #F3F3F3;
  background-size: 22px;
  background-position: 10px 10px;
  border-radius: 3px;
  line-height: 1.5em;
}
.concurrency a {
  padding-left: 0;
  background: transparent;
}
.concurrency ul {
  margin-top: 5px;
  margin-left: 15px;
  line-height: 1.7em;
}
.concurrency ul li {
  list-style-type: disc;
}
.ct-series-a,
.ct-series-a line,
.ct-series-a path {
  stroke: #4e79a7 !important;
  color: #4e79a7 !important;
}
.ct-series-b,
.ct-series-b line,
.ct-series-b path {
  stroke: #7fa0c3 !important;
  color: #7fa0c3 !important;
}
.ct-series-c,
.ct-series-c line,
.ct-series-c path {
  stroke: #a1b9d3 !important;
  color: #a1b9d3 !important;
}
.ct-series-d line,
.ct-series-c path {
  stroke: #c4d3e3 !important;
}
.ct-series-e line,
.ct-series-c path {
  stroke: #e7edf4 !important;
}
.ct-series-f line,
.ct-series-c path {
  stroke: #ffffff !important;
}
.c3-line {
  stroke-width: 2px;
}
.ptc3-step-chart .c3-area {
  opacity: 1 !important;
}
.ptc3-step-chart .c3-line {
  stroke-width: 0px !important;
}
.ct-chart {
  height: 200px;
}
.ct-chart .c3-line {
  stroke-width: 1px;
}
.ct-chart .c3-region {
  fill: red;
}
.ct-chart .c3-xgrid-line line {
  stroke-width: 2px;
}
.ct-chart .c3 .tick {
  fill: rgba(0, 0, 0, 0.56);
}
.ct-chart .c3 .tick line,
.ct-chart .c3 path {
  stroke: rgba(0, 0, 0, 0.56);
}
.incident-threshold-legend {
  background-color: #FFF0F0;
  padding: 0.5em;
  color: rgba(0, 0, 0, 0.7);
}
.c3-region.incident-threshold {
  fill: #ff6666;
}
.c3-region.spark-top-line {
  fill: black;
}
.c3 .c3-axis path,
.c3 .c3-axis line {
  stroke: #d5d5d5;
}
.c3 .tick {
  fill: rgba(0, 0, 0, 0.7);
}
.c3-legend-item {
  font: 10px sans-serif;
}
.c3-grid line {
  stroke: #d5d5d5;
}
.histogram-column .domain {
  stroke: rgba(0, 0, 0, 0.56);
}
.histogram-column .c3-axis-x .domain {
  display: none;
}
.histogram-column .c3-axis-x .tick {
  fill: rgba(0, 0, 0, 0.56);
}
.histogram-column .c3-axis-x .tick line {
  stroke: rgba(0, 0, 0, 0.56);
}
.histogram-column .c3-axis-y-label {
  fill: rgba(0, 0, 0, 0.56);
}
.histogram-column .c3-axis-x-label {
  fill: rgba(0, 0, 0, 0.56);
}
.sparkline-data-focus {
  font-size: 1em;
  color: #f38154;
  font-variant: small-caps;
}
svg {
  cursor: default;
}
svg rect.selection {
  stroke: rgba(0, 0, 0, 0.56);
  stroke-dasharray: 2px;
  opacity: 0.5;
  fill: #f8fafc;
}
svg rect.selection:hover {
  cursor: zoom-in;
}
svg rect.selection.invalid-range {
  fill: rgba(0, 0, 0, 0.35);
}
svg rect.selection.invalid-range:hover {
  cursor: not-allowed;
}
.c3-tooltip-container {
  position: relative;
}
.tooltip-justified-list {
  padding-left: 0;
}
.tooltip-justified-list li {
  margin-left: 16px;
  list-style-position: inside;
}
.title-help {
  font-size: 13px;
  padding-right: 5px;
}
.title-help-list {
  list-style: none;
  padding-inline-start: 0px;
}
.loading-spinner-big {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.loading-spinner-small {
  position: absolute;
  top: 0px;
  left: 0px;
}
.row.card-container {
  /* Intended to be used on the <row> that immediately contains the .card-container <column> elements. */
  margin: -10px;
  margin-top: 10px;
}
.card-container {
  /* Intended to be used on the <column> that immediately contains the card. */
  padding: 0;
}
@media (min-width: 1200px) {
  .col-lg-6.card-container:nth-child(even) {
    /* Add a border between columns of cards that appear in large layouts. */
    border-left: 1px solid #dedede;
    padding-left: 10px;
  }
}
/* Only applies to medium layouts and smaller. */
@media (max-width: 1199px) {
  .card-unbounded-height + .card-container {
    padding-top: 20px;
  }
}
.card-unbounded-height .card-sm .card-front,
.card-unbounded-height .card-md .card-front,
.card-unbounded-height .card-sm .card-back,
.card-unbounded-height .card-md .card-back {
  position: relative;
  height: unset;
}
@media (min-width: 992px) {
  .col-md-6.card-container:nth-child(even) {
    /* Add a border between columns of cards that appear in medium layouts. */
    border-left: 1px solid #dedede;
    padding-left: 10px;
  }
}
.env-cards.card-container.row {
  margin: -5px;
  margin-top: -20px;
}
.env-cards.card-container.row > .card-container {
  border-left: none;
  padding-left: 0;
}
.env-cards.card-container.row .card-sm {
  margin: 0 10px;
  margin-top: 15px;
  padding: 0 15px;
  border-width: 1px;
  border-style: solid;
  border-color: #d4d4d4;
  border-radius: 1px;
  box-shadow: rgba(0, 0, 0, 0.15) 1px 1px 2px 0px;
}
.env-cards.card-container.row .card-sm .number,
.env-cards.card-container.row .card-sm .item-group {
  cursor: default;
}
.env-cards.card-container.row .card-sm:hover {
  border-color: #666666;
}
.env-cards.card-container.row .card-sm h4 {
  font-size: 12px;
  line-height: 14px;
  text-align: right;
  right: 0;
  color: rgba(51, 51, 51, 0.9);
}
.env-cards.card-container.row .card-sm header {
  margin-bottom: 0;
  margin-top: 15px;
}
.env-cards.card-container.row .card-sm header > .card-title {
  margin-left: 0;
}
.env-cards.card-container.row .card-sm header > .card-title > span {
  padding-left: 0;
}
.env-cards.card-container.row .card-sm .alert-danger {
  font-size: 12px;
  line-height: 14px;
}
.env-cards.card-container.row .card-sm .item-group {
  margin-top: 1em;
  margin-bottom: 0;
}
.env-cards.card-container.row .card-sm .item-group .item-info {
  line-height: 1.5em;
}
.env-cards.card-container.row .card-sm .item-group a.server-link {
  display: inline-block;
}
.env-cards.card-container.row .card-sm .item-group a.server-link.env-ok {
  background: url(/images/env-ok.svg) right center no-repeat;
  background-size: 16px 16px;
  padding-right: 20px;
}
.env-cards.card-container.row .card-sm .item-group a.server-link.env-warn {
  background: url(/images/env-warning.svg) right center no-repeat;
  background-size: 16px 16px;
  padding-right: 20px;
}
.env-cards.card-container.row .card-sm .item-group a.server-link.env-error {
  background: url(/images/env-error.svg) right center no-repeat;
  background-size: 16px 16px;
  padding-right: 20px;
}
.card-sm,
.card-md {
  position: relative;
  margin: 0 5px;
}
.card-sm .panel-body,
.card-md .panel-body {
  position: relative;
  padding: 0;
}
.card-sm header,
.card-md header {
  position: relative;
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
}
.card-sm header > a.card-title.has-toggle > span,
.card-md header > a.card-title.has-toggle > span {
  background: none;
  margin-right: 83px;
}
.card-sm header > .card-title,
.card-md header > .card-title {
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
  display: block;
  position: relative;
  font-weight: 300;
  font-size: 26px;
  line-height: 32px;
  padding: 0;
  margin-left: 15px;
  color: rgba(51, 51, 51, 0.9);
  text-decoration: none;
}
.card-sm header > .card-title > span,
.card-md header > .card-title > span {
  display: inline;
  position: relative;
  padding: 0;
  padding-top: 5px;
  padding-left: 30px;
  margin: 0;
  height: 100%;
}
.card-sm header > .card-title .badge,
.card-md header > .card-title .badge {
  vertical-align: middle;
  font-size: 15px;
  line-height: 1.5em;
}
.card-sm header > .card-title .card-button,
.card-md header > .card-title .card-button {
  font-size: 15px;
  display: inline-block;
  color: #4996B2;
  border: none;
  background-color: inherit;
  height: auto;
  width: 170px;
  text-align: right;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%0A%20%20%3Cpath%20fill%3D%22%234996B2%22%20fill-rule%3D%22evenodd%22%20d%3D%22M7%2C4%20L7%2C10%20L9%2C10%20C9.0360617%2C10%209.07147489%2C10.0077975%209.10389877%2C10.0226124%20L9.15%2C10.05%20C9.24204746%2C10.1190356%209.27293437%2C10.2393612%209.23273175%2C10.3414739%20L9.2%2C10.4%20L6.7%2C13.7333333%20C6.68578644%2C13.7522847%206.66895142%2C13.7691198%206.65%2C13.7833333%20C6.55795254%2C13.8523689%206.43379162%2C13.8483292%206.34702014%2C13.7811431%20L6.3%2C13.7333333%20L3.8%2C10.4%20C3.76754447%2C10.356726%203.75%2C10.3040926%203.75%2C10.25%20C3.75%2C10.1316533%203.83223341%2C10.0325132%203.94267729%2C10.0066027%20L4%2C10%20L6%2C10%20L6%2C4%20L7%2C4%20Z%20M12%2C-3.3677787e-16%20C12.5522847%2C-3.3677787e-16%2013%2C0.44771525%2013%2C1%20L13%2C7%20C13%2C7.55228475%2012.5522847%2C8%2012%2C8%20L9%2C8%20L9%2C7%20L12%2C7%20L12%2C1%20L1%2C1%20L1%2C7%20L4%2C7%20L4%2C8%20L1%2C8%20C0.44771525%2C8%206.123234e-17%2C7.55228475%206.123234e-17%2C7%20L6.123234e-17%2C1%20C6.123234e-17%2C0.44771525%200.44771525%2C-3.3677787e-16%201%2C-3.3677787e-16%20L12%2C-3.3677787e-16%20Z%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E%0A");
  background-position-y: center;
}
.card-sm header > .card-title .card-button:hover,
.card-md header > .card-title .card-button:hover {
  color: #333333;
  background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%0A%20%20%3Cpath%20fill%3D%22%23333333%22%20fill-rule%3D%22evenodd%22%20d%3D%22M7%2C4%20L7%2C10%20L9%2C10%20C9.0360617%2C10%209.07147489%2C10.0077975%209.10389877%2C10.0226124%20L9.15%2C10.05%20C9.24204746%2C10.1190356%209.27293437%2C10.2393612%209.23273175%2C10.3414739%20L9.2%2C10.4%20L6.7%2C13.7333333%20C6.68578644%2C13.7522847%206.66895142%2C13.7691198%206.65%2C13.7833333%20C6.55795254%2C13.8523689%206.43379162%2C13.8483292%206.34702014%2C13.7811431%20L6.3%2C13.7333333%20L3.8%2C10.4%20C3.76754447%2C10.356726%203.75%2C10.3040926%203.75%2C10.25%20C3.75%2C10.1316533%203.83223341%2C10.0325132%203.94267729%2C10.0066027%20L4%2C10%20L6%2C10%20L6%2C4%20L7%2C4%20Z%20M12%2C-3.3677787e-16%20C12.5522847%2C-3.3677787e-16%2013%2C0.44771525%2013%2C1%20L13%2C7%20C13%2C7.55228475%2012.5522847%2C8%2012%2C8%20L9%2C8%20L9%2C7%20L12%2C7%20L12%2C1%20L1%2C1%20L1%2C7%20L4%2C7%20L4%2C8%20L1%2C8%20C0.44771525%2C8%206.123234e-17%2C7.55228475%206.123234e-17%2C7%20L6.123234e-17%2C1%20C6.123234e-17%2C0.44771525%200.44771525%2C-3.3677787e-16%201%2C-3.3677787e-16%20L12%2C-3.3677787e-16%20Z%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E%0A");
}
.card-sm header > hr,
.card-md header > hr {
  margin-bottom: 12px;
  margin-top: 12px;
}
.card-sm header .card-focus,
.card-md header .card-focus {
  color: #F05E24;
  font-size: 1.2em;
  position: relative;
  margin-top: -5px;
  margin-bottom: 5px;
  margin-left: 10px;
}
.card-sm header .card-focus > .unit,
.card-md header .card-focus > .unit {
  font-size: 0.8em;
  position: relative;
  vertical-align: baseline;
  color: #f38154;
  white-space: nowrap;
}
.card-sm header .card-toggle,
.card-md header .card-toggle {
  position: absolute;
  top: 11px;
  right: 10px;
}
.card-sm header .card-toggle input,
.card-md header .card-toggle input {
  max-height: 0;
  max-width: 0;
  opacity: 0;
}
.card-sm header .card-toggle input + label,
.card-md header .card-toggle input + label {
  display: inline-block;
  position: relative;
  text-indent: -5000px;
  height: 18px;
  width: 40px;
  border-radius: 50px;
  background: rgba(58, 164, 213, 0.5);
}
.card-sm header .card-toggle input:checked + label,
.card-md header .card-toggle input:checked + label {
  background: #3aa4d5;
}
.card-sm header .card-toggle input + label:before,
.card-md header .card-toggle input + label:before {
  content: "";
  position: absolute;
  display: block;
  height: 14px;
  width: 14px;
  top: 1;
  left: 1;
  border-radius: 15px;
  background: rgba(19, 191, 17, 0);
  -moz-transition: 0.25s ease-in-out;
  -webkit-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.card-sm header .card-toggle input + label:after,
.card-md header .card-toggle input + label:after {
  content: "";
  position: absolute;
  display: block;
  height: 14px;
  width: 14px;
  top: 2px;
  left: 2px;
  border-radius: 50px;
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  -moz-transition: 0.25s ease-in-out;
  -webkit-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.card-sm header .card-toggle input:checked + label:before,
.card-md header .card-toggle input:checked + label:before {
  width: 54px;
}
.card-sm header .card-toggle input:checked + label:after,
.card-md header .card-toggle input:checked + label:after {
  left: 24px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.card-sm .card-front,
.card-md .card-front,
.card-sm .card-back,
.card-md .card-back {
  position: absolute;
  height: 205px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  background-color: #fff;
}
.card-sm .card-front .linux-not-supported,
.card-md .card-front .linux-not-supported,
.card-sm .card-back .linux-not-supported,
.card-md .card-back .linux-not-supported {
  height: 165px;
  padding-top: 50px;
  line-height: 1.4;
  background-color: #F3F3F3;
  text-align: center;
  font-size: 1.2em;
}
.card-sm .card-hidden,
.card-md .card-hidden {
  display: none;
}
.card-sm header > .card-title.env-ok,
.card-md header > .card-title.env-ok {
  background: url(/images/env-ok.svg) no-repeat;
  background-color: #fff;
  background-position: 0px 10px;
  background-size: 20px 20px;
}
.card-sm header > .card-title.env-ok + .card-focus,
.card-md header > .card-title.env-ok + .card-focus {
  margin-left: 45px;
}
.card-sm header > .card-title.env-warn,
.card-md header > .card-title.env-warn {
  background: url(/images/env-warning.svg) no-repeat;
  background-color: #fff;
  background-position: 0px 10px;
  background-size: 20px 20px;
}
.card-sm header > .card-title.env-warn + .card-focus,
.card-md header > .card-title.env-warn + .card-focus {
  margin-left: 45px;
}
.card-sm header > .card-title.env-error,
.card-md header > .card-title.env-error {
  background: url(/images/env-error.svg) no-repeat;
  background-color: #fff;
  background-position: 0px 10px;
  background-size: 20px 20px;
}
.card-sm header > .card-title.env-error + .card-focus,
.card-md header > .card-title.env-error + .card-focus {
  margin-left: 45px;
}
.card-sm header > .card-title.active-users,
.card-md header > .card-title.active-users {
  background: url(/images/active-users.png) no-repeat;
  background-color: #fff;
  background-position: 0px 10px;
  background-size: 20px 20px;
}
.card-sm header > .card-title.active-users + .card-focus,
.card-md header > .card-title.active-users + .card-focus {
  margin-left: 45px;
}
.card-sm header > .card-title.performance,
.card-md header > .card-title.performance {
  background: url(/images/performance.png) no-repeat;
  background-color: #fff;
  background-position: 0px 10px;
  background-size: 20px 20px;
}
.card-sm header > .card-title.performance + .card-focus,
.card-md header > .card-title.performance + .card-focus {
  margin-left: 45px;
}
.card-sm header > .card-title.data-performance,
.card-md header > .card-title.data-performance {
  background: url(/images/data-performance.svg) no-repeat;
  background-color: #fff;
  background-position: 0px 10px;
  background-size: 20px 20px;
}
.card-sm header > .card-title.data-performance + .card-focus,
.card-md header > .card-title.data-performance + .card-focus {
  margin-left: 45px;
}
.card-sm header > .card-title.background-job,
.card-md header > .card-title.background-job {
  background: url(/images/background-job.png) no-repeat;
  background-color: #fff;
  background-position: 0px 10px;
  background-size: 20px 20px;
}
.card-sm header > .card-title.background-job + .card-focus,
.card-md header > .card-title.background-job + .card-focus {
  margin-left: 45px;
}
.card-sm header > .card-title.processor,
.card-md header > .card-title.processor {
  background: url(/images/processor.svg) no-repeat;
  background-color: #fff;
  background-position: 0px 10px;
  background-size: 20px 20px;
}
.card-sm header > .card-title.processor + .card-focus,
.card-md header > .card-title.processor + .card-focus {
  margin-left: 45px;
}
.card-sm header > .card-title.memory,
.card-md header > .card-title.memory {
  background: url(/images/memory.svg) no-repeat;
  background-color: #fff;
  background-position: 0px 10px;
  background-size: 20px 20px;
}
.card-sm header > .card-title.memory + .card-focus,
.card-md header > .card-title.memory + .card-focus {
  margin-left: 45px;
}
.card-sm header > .card-title.disk,
.card-md header > .card-title.disk {
  background: url(/images/disk.svg) no-repeat;
  background-color: #fff;
  background-position: 0px 10px;
  background-size: 20px 20px;
}
.card-sm header > .card-title.disk + .card-focus,
.card-md header > .card-title.disk + .card-focus {
  margin-left: 45px;
}
.card-sm header > .card-title.network,
.card-md header > .card-title.network {
  background: url(/images/network.svg) no-repeat;
  background-color: #fff;
  background-position: 0px 10px;
  background-size: 20px 20px;
}
.card-sm header > .card-title.network + .card-focus,
.card-md header > .card-title.network + .card-focus {
  margin-left: 45px;
}
.card-sm > .panel-body {
  min-height: 250px;
}
.card-md > .panel-body {
  min-height: 270px;
}
.mini-chart-container {
  padding-right: 15px;
}
.mini-stat-selected {
  background-color: #F3F3F3;
}
.mini-stat {
  cursor: pointer;
  padding: 5px 0 5px 10px;
}
.mini-stat svg {
  cursor: pointer;
}
.mini-stat .c3 {
  margin-right: 20px;
}
.mini-stat:hover {
  background-color: #F3F3F3;
}
.mini-stat h4 {
  margin-bottom: -3px;
  margin-top: -2px;
  padding: 0;
  font-size: 15px;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-right: 20px;
  color: rgba(0, 0, 0, 0.6);
}
.mini-stat h4 .number .unit {
  color: rgba(0, 0, 0, 0.8);
  text-transform: uppercase;
  padding-left: 0.25em;
  white-space: nowrap;
}
.mini-stat h4 .number .unit .nodata {
  padding-left: 4.1em;
  padding-top: 0.3em;
  list-style-type: none;
}
.query-text {
  margin-top: 10px;
  overflow: auto;
  white-space: pre-wrap;
  word-break: normal !important;
  word-wrap: normal !important;
  line-height: 1.3;
  max-height: 500px;
}
.date-range-banner {
  color: #00A3D1;
  font-style: italic;
  margin-top: -10px;
  margin-bottom: 10px;
}
body {
  background-color: #FFFFFF;
}
#content-main {
  margin: 0px 0px 50px 0px;
}
#content-main h1.page-title {
  font-size: 32px;
  font-weight: 200;
  color: rgba(51, 51, 51, 0.9);
  float: left;
}
#content-main h1.page-title.personal-space > span {
  background: transparent url(/images/lock_small.svg) no-repeat scroll left center;
  background-size: 16px 16px;
  padding-left: 18px;
}
#content-main .page-title-os {
  float: left;
  margin-left: 10px;
}
.agent-status-popover {
  display: none;
}
.agent-status-data {
  display: none;
}
.group:after {
  clear: both;
  content: "";
  display: table;
}
nav .environments-drop-down ul.env li a {
  width: 100%;
  height: 100%;
}
nav .environments-drop-down ul.env span.bubble {
  top: 0px!important;
}
nav .environments-drop-down ul.env span.bubble {
  display: initial!important;
}
.chart-legend .chart-legend-item {
  width: 20px;
  height: 20px;
  border-radius: 50px;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  background: #000;
  margin-bottom: 5px;
}
.chart-legend .chart-legend-item span {
  color: #666;
}
.chart-legend .chart-legend-item .chart-legend-item-label {
  position: absolute;
  margin-left: 20px;
}
.chart-legend .chart-legend-item span.disabled {
  color: rgba(0, 0, 0, 0.35);
}
.overview {
  margin-top: 30px;
}
.overview .panel .panel-body {
  padding: 0;
  height: 80px;
  padding: 5px 10px;
}
.overview .panel .panel-body div {
  float: left;
}
.overview .panel .panel-body p {
  margin: 0;
}
.overview .panel .panel-body a {
  float: left;
  width: 100%;
  text-decoration: none;
}
.overview .panel .panel-body a:hover {
  text-decoration: none;
}
.overview .panel .panel-body .overview-label {
  padding-top: 0px;
}
.overview .panel .panel-body .overview-icon {
  margin: 16px 15px 0 0;
}
.overview .panel .panel-body .overview-icon img {
  width: 36px;
}
.overview .panel .panel-body .overview-title {
  font-size: 21px;
  color: #404040;
}
.overview .panel .panel-body .overview-summary {
  font-size: 13px;
  color: #888;
}
.overview .panel:hover {
  background-color: #f9f9f9;
}
@media (max-width: 992px) {
  .overview .panel .panel-body .overview-title {
    font-size: 16px;
  }
  .overview .panel .panel-body .overview-summary {
    font-size: 12px;
  }
  .overview .panel .panel-body .overview-label {
    padding-top: 5px;
  }
}
@media (max-width: 768px) {
  .overview .panel .panel-body .overview-title {
    font-size: 11px;
  }
  .overview .panel .panel-body .overview-summary {
    font-size: 9px;
  }
  .overview .panel .panel-body .overview-label {
    padding-top: 10px;
  }
}
/*
    .data-table is our default table style
*/
.data-table {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border-collapse: collapse;
  border-spacing: 0;
  -webkit-font-smoothing: antialiased;
  border: none;
  font-size: 12px;
  table-layout: fixed;
  overflow-wrap: break-word;
}
.data-table > tbody > tr > td,
.data-table > tfoot > tr > td,
.data-table > tfoot > tr > th,
.data-table > thead > tr > th {
  vertical-align: top;
  font-weight: normal;
  color: #666;
  border: none;
  border-top: 1px solid #eee;
  position: relative;
}
.data-table > tbody {
  overflow: visible;
}
.data-table > tbody > tr {
  cursor: default;
  position: relative;
}
.data-table > tbody > tr > td > img {
  width: 18px;
  margin-right: 5px;
  vertical-align: middle;
}
.data-table > tbody > tr.clickable:hover {
  cursor: pointer;
}
.data-table > tbody > tr:hover:not(.no-hover) {
  background-color: #f9f9f9;
}
.data-table > tbody > tr:hover:not(.no-hover) td {
  background-color: #f9f9f9;
}
.data-table > thead > tr > th {
  font-weight: bold;
  color: #999;
  font-size: 11px;
  border-bottom: none;
  cursor: default;
  vertical-align: bottom;
}
.data-table > thead > tr > th.sortable {
  cursor: pointer;
}
.data-table > thead > tr > th.sortable:hover {
  background-color: #f9f9f9;
}
.data-table > thead,
.data-table > thead > tr .data-table > tbody,
.data-table > tbody > tr {
  border: none;
}
.data-table .btn-cell-2 {
  min-width: 90px;
}
.legend-table {
  text-align: center;
}
.legend-table > div {
  display: inline-block;
  text-align: center;
  margin: 10px;
  vertical-align: top;
}
.legend-table > div span {
  font-weight: 400;
  font-size: 10px;
}
.legend-table > div img {
  width: 24px;
  padding-left: 4px;
  height: auto;
}
.pager + .table.data-table {
  margin-bottom: 15px;
}
.table > tbody > tr.active:hover,
.table > tbody > tr.active:hover {
  background-color: #f9f9f9;
}
.table > tbody > tr.active:hover,
.table > tbody > tr.active:hover > td {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr.active:hover,
.table-hover > tbody > tr.active:hover > td {
  background: #f9f9f9;
}
.table-fixed {
  width: 100%;
  table-layout: fixed;
}
.row-highlight {
  background-color: rgba(195, 238, 249, 0.4) !important;
}
.row-hide {
  display: none;
}
.stats-table .stats-table-body {
  margin-top: 30px;
}
.stats-table .breadcrumb {
  margin: 0;
  padding: 0;
  background: none;
}
.stats-table .breadcrumb li {
  line-height: 0;
}
.stats-table dt {
  font-weight: bold;
}
.stats-table dd {
  margin-bottom: 7px;
}
.stats-table .unit {
  font-weight: bold;
  color: #78778F;
}
.report-summary h3 {
  margin-top: 0px;
}
.report-summary img {
  width: 32px;
}
.report-summary ul.status {
  list-style: none;
  margin-left: 10px;
}
.report-summary ul.status li {
  padding-bottom: 5px;
}
.report-summary .details {
  margin: 20px 0px 0px 0px;
  float: left;
  clear: both;
}
.report-schedule h3 {
  float: left;
  margin-top: 0px;
}
.report-schedule .edit {
  float: right;
  margin-top: 5px;
}
.context-info {
  padding: 5px 10px;
  display: inline-block;
  margin: 0px auto 10px;
  border: 1px solid #C4EEF9;
  font-weight: 400;
  font-size: 12px;
  border-radius: 3px;
  background-color: #F3FCFF;
  line-height: 1.4em;
}
hr {
  height: 1px;
  display: block;
  margin: 20px 0px;
  border: medium none;
  background: #DEDEDE none repeat scroll 0% 0%;
  outline: medium none;
}
/* Override HR styling when used as a separator/divider in widgets. */
div[role='menu'] hr {
  background: unset;
}
.info {
  position: absolute;
  margin-left: 20px;
}
.info.disabled {
  color: rgba(0, 0, 0, 0.35);
}
strong.info {
  color: #666;
}
.message-panel {
  line-height: 1.3em;
}
.datasource-no-caption {
  font-style: italic;
}
.subtle {
  color: #999;
}
.incident-detail-button {
  margin-bottom: 10px;
}
.tab-pane {
  padding-top: 10px;
}
.tab-pane > table:first-child {
  margin-top: -10px;
}
.icon-download {
  display: inline-block;
  border: none;
  height: 14px;
  width: 14px;
  background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%0A%20%20%3Cpath%20fill%3D%22%234996B2%22%20fill-rule%3D%22evenodd%22%20d%3D%22M7%2C4%20L7%2C10%20L9%2C10%20C9.0360617%2C10%209.07147489%2C10.0077975%209.10389877%2C10.0226124%20L9.15%2C10.05%20C9.24204746%2C10.1190356%209.27293437%2C10.2393612%209.23273175%2C10.3414739%20L9.2%2C10.4%20L6.7%2C13.7333333%20C6.68578644%2C13.7522847%206.66895142%2C13.7691198%206.65%2C13.7833333%20C6.55795254%2C13.8523689%206.43379162%2C13.8483292%206.34702014%2C13.7811431%20L6.3%2C13.7333333%20L3.8%2C10.4%20C3.76754447%2C10.356726%203.75%2C10.3040926%203.75%2C10.25%20C3.75%2C10.1316533%203.83223341%2C10.0325132%203.94267729%2C10.0066027%20L4%2C10%20L6%2C10%20L6%2C4%20L7%2C4%20Z%20M12%2C-3.3677787e-16%20C12.5522847%2C-3.3677787e-16%2013%2C0.44771525%2013%2C1%20L13%2C7%20C13%2C7.55228475%2012.5522847%2C8%2012%2C8%20L9%2C8%20L9%2C7%20L12%2C7%20L12%2C1%20L1%2C1%20L1%2C7%20L4%2C7%20L4%2C8%20L1%2C8%20C0.44771525%2C8%206.123234e-17%2C7.55228475%206.123234e-17%2C7%20L6.123234e-17%2C1%20C6.123234e-17%2C0.44771525%200.44771525%2C-3.3677787e-16%201%2C-3.3677787e-16%20L12%2C-3.3677787e-16%20Z%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E%0A");
}
.icon-download:hover {
  background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%0A%20%20%3Cpath%20fill%3D%22%23333333%22%20fill-rule%3D%22evenodd%22%20d%3D%22M7%2C4%20L7%2C10%20L9%2C10%20C9.0360617%2C10%209.07147489%2C10.0077975%209.10389877%2C10.0226124%20L9.15%2C10.05%20C9.24204746%2C10.1190356%209.27293437%2C10.2393612%209.23273175%2C10.3414739%20L9.2%2C10.4%20L6.7%2C13.7333333%20C6.68578644%2C13.7522847%206.66895142%2C13.7691198%206.65%2C13.7833333%20C6.55795254%2C13.8523689%206.43379162%2C13.8483292%206.34702014%2C13.7811431%20L6.3%2C13.7333333%20L3.8%2C10.4%20C3.76754447%2C10.356726%203.75%2C10.3040926%203.75%2C10.25%20C3.75%2C10.1316533%203.83223341%2C10.0325132%203.94267729%2C10.0066027%20L4%2C10%20L6%2C10%20L6%2C4%20L7%2C4%20Z%20M12%2C-3.3677787e-16%20C12.5522847%2C-3.3677787e-16%2013%2C0.44771525%2013%2C1%20L13%2C7%20C13%2C7.55228475%2012.5522847%2C8%2012%2C8%20L9%2C8%20L9%2C7%20L12%2C7%20L12%2C1%20L1%2C1%20L1%2C7%20L4%2C7%20L4%2C8%20L1%2C8%20C0.44771525%2C8%206.123234e-17%2C7.55228475%206.123234e-17%2C7%20L6.123234e-17%2C1%20C6.123234e-17%2C0.44771525%200.44771525%2C-3.3677787e-16%201%2C-3.3677787e-16%20L12%2C-3.3677787e-16%20Z%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E%0A");
}
.icon-download-form {
  width: 30px;
  margin: 0px 0px 0px 0px;
}
.process-status-image {
  width: 16px;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.popover {
  max-width: none;
}
.process-status-container {
  width: 350px;
}
.process-status-header {
  padding: 10px;
}
.process-status-details {
  padding-bottom: 10px;
  display: flex;
  align-items: center;
}
.process-status-wrapper {
  float: right;
  padding-right: 5px;
}
ol.view-hierarchy,
ul.view-hierarchy {
  margin: 0;
  padding: 0;
}
ol.view-hierarchy li,
ul.view-hierarchy li {
  list-style-type: none;
}
.view-hierarchy.breadcrumb {
  background: none;
  padding: 0;
  margin: 0;
  font-size: 11px;
  font-weight: bold;
}
.view-hierarchy.breadcrumb li {
  padding-right: 10px;
  margin-right: 6px;
  margin-top: 0 !important;
  background: url(/images/right-separator.svg) no-repeat scroll right 5px;
  background-size: 6px auto;
  vertical-align: top;
  line-height: 20px !important;
}
.view-hierarchy.breadcrumb li > span {
  display: inline-block;
  margin-left: 5px;
  margin-right: 5px;
}
.view-hierarchy.breadcrumb li:first-child > span {
  margin-left: 0;
}
.view-hierarchy.breadcrumb li:last-child {
  background: none;
}
.view-hierarchy.breadcrumb li:last-child > span {
  margin-right: 0;
}
.view-hierarchy.breadcrumb > li + li::before {
  display: none;
}
.view-hierarchy.breadcrumb > li + li::after {
  display: none;
}
.view-hierarchy.breadcrumb.inline-breadcrumb {
  display: inline-flex;
}
.view-hierarchy.breadcrumb.inline-breadcrumb li:last-child {
  padding-right: 0px;
}
header {
  margin-top: 5px;
  margin-bottom: 0;
}
header .nav {
  height: 36px;
  font-size: 12px;
  line-height: 20px;
  padding-left: 5px;
}
header .nav .breadcrumb {
  background: none;
  padding-left: 10px;
}
header .nav .breadcrumb.pull-right {
  padding-right: 0;
}
header .nav .breadcrumb li {
  padding-right: 10px;
  background: url(/images/right-separator.svg) no-repeat scroll right 5px;
  background-size: 6px auto;
  vertical-align: top;
  line-height: 20px;
  font-size: 11px;
  font-weight: bold;
}
header .nav .breadcrumb li a,
header .nav .breadcrumb li span {
  text-decoration: none;
  padding: 5px;
  border-radius: 4px;
  vertical-align: top;
}
header .nav .breadcrumb li a:hover {
  background: #e3e3e3;
  text-decoration: none;
}
header .nav .breadcrumb li:last-child {
  background: none;
  color: rgba(0, 0, 0, 0.8);
  font-weight: bold;
  font-size: 11px;
  cursor: default;
  padding: 0 5px;
}
header .nav .breadcrumb > li + li::before {
  display: none;
}
header .nav .breadcrumb > li + li::after {
  display: none;
}
header .nav .navbar-text {
  color: #888;
  margin-top: 8px;
}
.goto-previous-page {
  margin-top: 15px;
  margin-left: 25px;
  margin-bottom: 5px;
}
footer,
footer.row {
  margin-left: -5px;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 12px;
}
footer p,
footer.row p {
  color: rgba(0, 0, 0, 0.56);
}
@media only screen and (max-width: 767px) {
  a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  h1 {
    font-size: 1.8em;
  }
  .navbar-static-top .menu-wrap {
    margin-top: 50px;
  }
  .navbar-collapse.in {
    overflow: hidden;
  }
  .drop-down {
    left: 70px;
    z-index: 100;
  }
  h1.title {
    background-size: 35px auto;
    padding-left: 65px;
  }
  ul.menu > li:hover a.dashboards-menu,
  ul.menu > li a.dashboards-menu.active {
    background-color: transparent;
  }
  ul.menu {
    float: none;
    display: block;
    height: auto;
  }
  ul.menu > li {
    float: none;
    display: block;
    height: auto;
  }
  ul.menu > li a {
    font-size: 14px;
  }
  ul.menu > li a.disabled {
    color: #777 !important;
    cursor: not-allowed;
  }
  ul.menu > li:hover > a {
    background-color: transparent !important;
  }
  nav ul.menu li ul.submenu,
  ul.menu > li ul.submenu {
    display: block;
    position: relative;
    top: 0px;
    width: 100%;
    background: #404040;
    padding: 0px;
    border: 0px;
    box-shadow: none;
    border-radius: 8px;
  }
  nav ul.menu > li ul.submenu li a {
    color: white;
    font-size: 13px;
  }
  nav ul.menu > li ul.submenu li a:hover,
  nav ul.menu > li ul.submenu li a:active {
    background: #444;
  }
  nav ul.menu li ul.submenu li a:hover,
  #secondary ul.submenu li a:hover {
    background-color: #444;
    font-weight: normal;
  }
  nav ul.menu > li {
    height: auto;
  }
  nav li.user-menu {
    padding: 0px 10px;
  }
}
.dashboard-time-selector {
  position: relative;
}
.dashboard-time-selector button {
  color: #666666;
  background: #FFF none repeat scroll 0% 0%;
  margin-bottom: 20px;
  border-radius: 2px;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
  border-color: transparent;
  margin-bottom: 0;
}
.dashboard-time-selector a {
  text-decoration: none;
}
.dashboard-time-selector .dropdown-menu {
  width: 100%;
  background: white;
  padding: 15px 10px;
  border: 1px solid #dedede;
  border-color: transparent;
  border-top: 0px;
  border-radius: 0px 0px 2px 2px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  z-index: 2;
}
.dashboard-time-selector .dropdown-menu li a {
  color: #404040;
  font-size: 12px;
  padding: 0px;
  line-height: 1.4em;
  display: block;
  height: auto;
  margin: 0px;
  padding: 8px 10px;
  text-decoration: none;
  font-weight: 400;
}
.dashboard-time-selector .dropdown-menu li a:hover {
  background: #f3f3f3;
  border-radius: 3px;
}
.chart-container {
  margin-top: 20px;
}
.chart-title {
  margin-bottom: 10px;
  color: #999;
}
.details .context-info {
  margin-bottom: 20px;
}
.details-panel {
  padding-top: 10px;
  padding-bottom: 0;
}
.details-panel .breadcrumb-panel {
  padding-top: 0;
  padding-bottom: 0;
}
.details-panel .footer {
  margin-top: 20px;
}
.details-panel-subheader {
  margin-bottom: 10px;
  color: #999;
}
.master-column-faded {
  color: #999;
  padding-top: 0.5em;
}
.master-column-faded time {
  font-style: italic;
}
.master-date-time {
  padding-top: 10px;
}
.master-date-time time {
  font-style: italic;
  font-size: 0.9em;
}
.master-panel {
  padding: 0 15px;
}
.master-panel table {
  font-size: 0.9em;
  word-wrap: break-word;
}
.query-buttons {
  position: absolute;
  top: 0px;
  right: 0px;
  border-width: medium medium 1px 1px;
  border-style: none none solid solid;
  border-color: -moz-use-text-color -moz-use-text-color #dddddd #dddddd;
  -moz-border-top-colors: none;
  -moz-border-right-colors: none;
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  border-image: none;
  padding: 0.2em;
  border-bottom-left-radius: 4px;
}
.query-buttons .query-button {
  padding: 5px;
  display: inline-block;
}
.query-buttons .right-border {
  border-right: 1px solid #ddd;
}
.query-details {
  margin-top: 10px;
  font-size: 0.9em;
  color: #777;
}
.query-details .list-group-item {
  padding-right: 0;
  padding-bottom: 0;
}
.query-details .list-group-item .list-group-item-text {
  color: #777;
  max-height: 130px;
  padding: 0;
  white-space: pre-line;
  padding-bottom: 10px;
  padding-top: 10px;
  border: medium none;
  background: transparent none repeat scroll 0% 0%;
}
.query-details .list-group-item .button {
  padding: 5px;
  display: inline-block;
}
.severity-column {
  width: 50px;
}
.pagination {
  margin-top: 0;
  margin-bottom: 0;
}
.incident.duration-ongoing {
  color: #d12d00;
  white-space: nowrap;
}
.threshold-config-message {
  margin: 0 0.8em 1em 0.8em;
}
.filter-bar {
  display: block;
  margin-top: 5px;
  margin-bottom: 5px;
}
.filter-bar > form .btn.glyphicon-filter {
  margin-top: -2px;
}
.filter-bar > form .btn {
  font-size: 12px;
  padding: 3px 8px;
  background-color: #efefef;
}
.filter-bar > form .btn small {
  font-size: 0.9em;
}
.filter-bar .scrollable-dropdown-filter {
  height: auto;
  max-height: 350px;
  overflow-x: hidden;
}
.filter-bar > div > .btn-group {
  margin-bottom: 5px;
}
.filter-bar .dropdownbutton-filter [role="option"] {
  outline: 0;
}
.filter-bar .dropdownbutton-filter [role="option"]:focus {
  background-color: #e6e6e6;
}
.filter-bar .dropdownbutton-filter > button,
.filter-bar #filters-button-container > button {
  border-color: transparent !important;
}
.filter-bar .dropdownbutton-filter > button > img {
  display: none;
}
.filter-bar .dropdownbutton-filter > button:hover:enabled {
  background-color: #ebebeb !important;
}
.filter-bar .dropdownbutton-filter > button:active:enabled {
  background-color: #ccc !important;
  color: #333 !important;
}
.filter-bar .filter-bar-chip .dropdownbutton-filter > button > span {
  padding: 0 3px;
}
.filter-bar .dropdownbutton-filter div[role='dialog'] > div.search {
  width: 100%;
}
.filter-bar .dropdownbutton-filter div[role='dialog'] > div.search input {
  width: 100%;
  min-width: 200px;
}
.filter-bar .dropdownbutton-filter div[role='dialog'] button.rmt-primary-btn {
  background-color: #4996B2;
  color: #fff;
  border: 1px solid transparent;
}
.filter-bar .dropdownbutton-filter div[role='dialog'] button.rmt-primary-btn:hover,
.filter-bar .dropdownbutton-filter div[role='dialog'] button.rmt-primary-btn:active {
  background-color: #286090;
  border-color: #204d74;
}
.filter-bar .filter-bar-chip {
  margin-right: 10px;
}
.filter-bar .filter-chip-icon {
  padding-right: 6px;
}
body #content-main h1.page-title {
  margin: 0;
  font-size: 15px;
  font-weight: bold;
  padding-top: 15px;
  padding-left: 25px;
  padding-bottom: 5px;
}
body #content-main h1.page-title.no-tabs {
  padding-bottom: 10px;
}
body #content-main .page-title-os {
  font-size: 15px;
  padding-top: 15px;
  padding-bottom: 5px;
}
ul.nav-tabs {
  border-bottom: 3px solid #e6e6e6;
}
ul.nav-tabs > li:nth-child(1) {
  margin-left: 15px;
}
ul.nav-tabs > li {
  margin-bottom: -3px;
}
ul.nav-tabs > li a {
  line-height: 18px;
  font-size: 15px;
  margin-top: 8px;
  padding: 5px 10px;
  min-height: 26px;
  border: 0;
  border-bottom: 3px solid #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  cursor: default;
}
ul.nav-tabs > li a:hover {
  border: 0;
  border-bottom: 3px solid #d4d4d4;
  background-color: transparent;
}
ul.nav-tabs > li a:active,
ul.nav-tabs > li a:focus {
  border: 0;
  border-bottom: 3px solid #3498db;
  background-color: transparent;
}
ul.nav-tabs > li.active {
  margin-top: 0;
}
ul.nav-tabs > li.active a {
  color: rgba(0, 0, 0, 0.8);
  border: 0;
  border-bottom: 3px solid #666666;
  background-color: transparent;
  cursor: default;
}
ul.nav-tabs > li.active a:hover {
  border: 0;
  border-bottom: 3px solid #666666;
  background-color: transparent;
}
ul.nav-tabs > li.active a:active,
ul.nav-tabs > li.active a:focus {
  border: 0;
  border-bottom: 3px solid #3498db;
  background-color: transparent;
}
.page-tabs {
  margin-top: 0;
  border-bottom-color: #e6e6e6;
}
.page-tab-body {
  padding-left: 0;
  /* Tabs inside a modal inside the page body. */
  /* Tabs inside the page body. */
}
.page-tab-body > .panel {
  padding: 20px;
  border: 0;
}
.page-tab-body > .panel p,
.page-tab-body > .panel li {
  line-height: 1.2em;
}
.page-tab-body > .panel li + li {
  margin-top: 5px;
}
.page-tab-body .tab-actions {
  margin-bottom: 10px;
  margin-left: -20px;
  margin-top: -10px;
  padding-top: 10px;
  padding-left: 20px;
}
.page-tab-body .tab-actions .btn-default {
  background-color: #f3f3f3;
}
.page-tab-body .modal-body ul.nav-tabs {
  margin-left: -15px;
  margin-right: -15px;
}
.page-tab-body ul.nav-tabs {
  margin-left: -20px;
  margin-right: -20px;
}
.page-tab-body ul.nav-tabs li:nth-child(1) {
  margin-left: 20px;
}
.page-tab-body ul.nav-tabs li:last-child {
  margin-right: 20px;
}
.page-tab-body div.tab-content {
  padding-top: 20px;
}
.full-page-layout {
  /*.page-tabs li:nth-child(1) {
        margin-left: 30px;
    }*/
}
.full-page-layout .page-tabs,
.full-page-layout .page-tab-body {
  padding-left: 0;
  padding-right: 0;
}
.full-page-layout .page-tab-body > .panel {
  border-left-width: 0;
}
/* PageAlert Animations */
.animated {
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
/* PageAlert Animations */
.animated {
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@media (max-width: 991px) {
  /* Side bar is hidden so style as if the layout were full page. */
  .page-tabs,
  .page-tab-body {
    padding-left: 0;
    padding-right: 0;
  }
  /*.page-tabs li:nth-child(1) {
        margin-left: 30px;
    }*/
  .page-tab-body > .panel {
    border-left-width: 0;
  }
}
.login-product-header {
  font-size: 20px;
  line-height: 1.2em;
  margin-top: 2em;
  margin-bottom: 1em;
  color: #4E4E4E;
}
.sign-in-arrow {
  background-image: url(/images/SignIn_Arrow_White.svg);
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  margin-left: 12px;
}
div.banner-notification.alert p,
div.banner-notification.alert li {
  line-height: 1.4em;
}
div.banner-notification.alert p + p,
div.banner-notification.alert p + div {
  margin-top: 1.5em;
}
div.banner-notification.alert li + li {
  margin-top: 0.4em;
}
div.banner-notification.alert ul {
  margin-top: 0.4em;
  margin-bottom: 1.5em;
  padding-left: 1em;
}
div.banner-notification.alert {
  cursor: default;
  background-repeat: no-repeat;
  background-image: url(/images/caret-right_dark.svg);
  background-size: 8px 14px;
  background-position: 12px 15px;
}
div.banner-notification.alert[aria-expanded=true] {
  background-image: url(/images/caret-down_dark.svg);
  background-size: 15px 9px;
  background-position: 7px 19px;
}
input[type="checkbox"].disabledAndChecked {
  margin-top: -4px;
}
input[type="checkbox"].disabledAndChecked:disabled {
  cursor: default;
  appearance: none;
}
input[type='checkbox'].disabledAndChecked:disabled:after {
  content: "✔";
}