html,
body,
#main {
  height: 100%;
}
body {
  margin: 0;
  font: 14px 'RobotoRegular', Arial, sans-serif;
  font-weight: normal;
  background: #e8eaec;
  color: #333;
  -webkit-font-smoothing: antialiased;
}
input {
  color: #333;
}
a {
  color: inherit;
  text-decoration: none;
}
table {
  border-collapse: collapse;
}
td {
  padding: 0px;
}
.link {
  text-decoration: underline;
  cursor: pointer;
}
/*
 * NAAS-924.
 * Hack for webkit.
 * Prevent overlapping of absolute positioned blocks by scrollbar.
 */
::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}
::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: rgba(15, 20, 25, 0.2);
}
::-webkit-scrollbar-corner {
  display: none;
}
/* *** */
/* TMP fixes for amplify elements */
.ae__input__native {
  background: transparent;
}
.ae__input__input {
  margin-bottom: 10px;
}
.ae__button__button {
  margin-top: 20px;
}
/* *** */
/* font-family: "RobotoRegular"; */
@font-face {
  font-family: "RobotoRegular";
  src: url("../fonts/RobotoRegular.woff") format("woff");
  font-style: normal;
  font-weight: normal;
}
/* font-family: "RobotoMedium"; */
@font-face {
  font-family: "RobotoMedium";
  src: url("../fonts/RobotoMedium.woff") format("woff");
  font-style: normal;
  font-weight: normal;
}
/* font-family: "RobotoBold"; */
@font-face {
  font-family: "RobotoBold";
  src: url("../fonts/RobotoBold.woff") format("woff");
  font-style: normal;
  font-weight: normal;
}
/* font-family: "RobotoLight"; */
@font-face {
  font-family: "RobotoLight";
  src: url("../fonts/RobotoLight.woff") format("woff");
  font-style: normal;
  font-weight: normal;
}
.overflow-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dropdown-tick_active:before {
  transform: rotate(45deg);
}
.dropdown-tick_active:after {
  transform: rotate(135deg);
}
.font-roboto-regular {
  font-family: 'RobotoRegular', Arial, sans-serif;
  font-weight: normal;
}
.font-roboto-medium {
  font-family: 'RobotoMedium', Arial, sans-serif;
  font-weight: normal;
}
.font-roboto-bold {
  font-family: 'RobotoBold', Arial, sans-serif;
  font-weight: normal;
}
.font-roboto-light {
  font-family: 'RobotoLight', Arial, sans-serif;
  font-weight: normal;
}
.ae-input__native:focus,
.ae-input__error {
  line-height: 47px;
}
.ae-select__select .ae-input__native {
  margin-bottom: -1px;
  border-bottom-color: transparent;
  background: transparent;
  cursor: pointer;
}
.ae-select__select .ae-input__native:hover,
.ae-select__select .ae-input__native:focus {
  border-bottom-color: transparent;
}
.ae-select__select .ae-input__native:focus {
  cursor: auto;
}
.ae-select__select .ae-suggest__droplist {
  z-index: 2;
  margin-top: 1px;
}
.ae-select__select .ae-droplist__item {
  padding: 10px 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ae-popup__popup.preloader:before {
  z-index: 10;
  opacity: 0.75;
}
.ae-popup__popup.preloader:after {
  z-index: 11;
}
.ae-droplist__custom:not(.ae-droplist__disabled) {
  position: relative;
}
.ae-droplist__custom:not(.ae-droplist__disabled):after {
  content: '';
  position: absolute;
  top: 50%;
  right: 14px;
  margin-top: -8px;
  display: inline-block;
  padding: 8px;
  background-image: url('../img/icon/icon_custom-suggest-item.svg');
  background-size: cover;
  opacity: 0;
  transition: opacity 0.1s linear;
}
.ae-droplist__custom:not(.ae-droplist__disabled).ae-droplist__selected:after,
.ae-droplist__custom:not(.ae-droplist__disabled):hover:after {
  opacity: 1;
}
.ae-button__green,
.ae-button__blue,
.ae-button__black {
  font-family: 'RobotoMedium', Arial, sans-serif;
  font-weight: normal;
}
/**
 * @license Highcharts
 *
 * (c) 2009-2016 Torstein Honsi
 *
 * License: www.highcharts.com/license
 */
.highcharts-container {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: left;
  line-height: normal;
  z-index: 0;
  /* #1072 */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  border: 1px solid #e8e8e8;
  display: inline-block;
}
.highcharts-root text {
  stroke-width: 0;
}
.highcharts-strong {
  font-weight: bold;
}
.highcharts-emphasized {
  font-style: italic;
}
.highcharts-background {
  fill: #ffffff;
}
.highcharts-plot-border,
.highcharts-plot-background {
  fill: none;
}
.highcharts-label-box {
  fill: none;
}
.highcharts-button-box {
  fill: inherit;
}
/* Titles */
.highcharts-title {
  fill: #333333;
  font-size: 1.5em;
}
.highcharts-subtitle {
  fill: #444444;
}
/* Axes */
.highcharts-axis-line {
  fill: none;
  stroke: #ccd6eb;
}
.highcharts-yaxis .highcharts-axis-line {
  stroke-width: 0;
}
.highcharts-axis-title {
  fill: #444444;
}
.highcharts-axis-labels {
  fill: #444444;
  cursor: default;
  font-size: 0.9em;
}
.highcharts-grid-line {
  fill: none;
  stroke: transparent;
}
.highcharts-xaxis-grid .highcharts-grid-line {
  stroke-width: 0;
}
.highcharts-tick {
  stroke: #ccd6eb;
}
.highcharts-yaxis .highcharts-tick {
  stroke-width: 0;
}
.highcharts-minor-grid-line {
  stroke: #f2f2f2;
}
.highcharts-crosshair-thin {
  stroke: #858585;
}
.highcharts-crosshair-category {
  stroke: #ccd6eb;
  stroke-opacity: 0.25;
}
/* Credits */
.highcharts-credits {
  cursor: pointer;
  fill: #999999;
  font-size: 0.7em;
  transition: fill 250ms, font-size 250ms;
}
.highcharts-credits:hover {
  fill: black;
  font-size: 1em;
}
/* Tooltip */
.highcharts-tooltip {
  cursor: default;
  pointer-events: none;
  white-space: nowrap;
  transition: stroke 150ms;
}
.highcharts-tooltip text {
  fill: #333333;
}
.highcharts-tooltip .highcharts-header {
  font-size: 0.85em;
}
.highcharts-tooltip-box {
  stroke-width: 1px;
  fill: #f7f7f7;
  fill-opacity: 0.85;
}
.highcharts-selection-marker {
  fill: #335cad;
  fill-opacity: 0.25;
}
.highcharts-graph {
  fill: none;
  stroke-width: 2px;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.highcharts-state-hover .highcharts-graph {
  stroke-width: 3;
}
.highcharts-state-hover path {
  transition: stroke-width 50;
  /* quick in */
}
.highcharts-state-normal path {
  transition: stroke-width 250ms;
  /* slow out */
}
/* Legend hover affects points and series */
g.highcharts-series,
.highcharts-point {
  transition: opacity 250ms;
}
.highcharts-legend-series-active g.highcharts-series:not(.highcharts-series-hover),
.highcharts-legend-point-active .highcharts-point:not(.highcharts-point-hover) {
  opacity: 0.2;
}
/* Series options */
/* Default colors */
.highcharts-area {
  fill-opacity: 0.75;
  stroke-width: 0;
}
.highcharts-markers {
  stroke-width: 1px;
  stroke: #ffffff;
}
.highcharts-point {
  stroke-width: 1px;
}
.highcharts-dense-data .highcharts-point {
  stroke-width: 0;
}
.highcharts-data-label {
  font-size: 0.9em;
  font-weight: bold;
}
.highcharts-data-label-box {
  fill: none;
  stroke-width: 0;
}
.highcharts-data-label text {
  fill: #333333;
}
.highcharts-data-label-connector {
  fill: none;
}
.highcharts-halo {
  fill-opacity: 0.25;
  stroke-width: 0;
}
.highcharts-point-select {
  fill: #858585;
  stroke: #000000;
}
.highcharts-column-series rect.highcharts-point {
  stroke: #ffffff;
}
.highcharts-column-series .highcharts-point {
  transition: fill-opacity 250ms;
}
.highcharts-column-series .highcharts-point-hover {
  fill-opacity: 0.75;
  transition: fill-opacity 50ms;
}
.highcharts-pie-series .highcharts-point {
  stroke-linejoin: round;
  stroke: #ffffff;
}
.highcharts-pie-series .highcharts-point-hover {
  fill-opacity: 0.75;
  transition: fill-opacity 50ms;
}
.highcharts-pie-series .highcharts-point-select {
  fill: inherit;
  stroke: inherit;
}
.highcharts-funnel-series .highcharts-point {
  stroke-linejoin: round;
  stroke: #ffffff;
}
.highcharts-funnel-series .highcharts-point-hover {
  fill-opacity: 0.75;
  transition: fill-opacity 50ms;
}
.highcharts-funnel-series .highcharts-point-select {
  fill: inherit;
  stroke: inherit;
}
.highcharts-pyramid-series .highcharts-point {
  stroke-linejoin: round;
  stroke: #ffffff;
}
.highcharts-pyramid-series .highcharts-point-hover {
  fill-opacity: 0.75;
  transition: fill-opacity 50ms;
}
.highcharts-pyramid-series .highcharts-point-select {
  fill: inherit;
  stroke: inherit;
}
.highcharts-solidgauge-series .highcharts-point {
  stroke-width: 0;
}
.highcharts-treemap-series .highcharts-point {
  stroke-width: 1px;
  stroke: transparent;
  transition: stroke 250ms, fill 250ms, fill-opacity 250ms;
}
.highcharts-treemap-series .highcharts-point-hover {
  stroke: #999999;
  transition: stroke 25ms, fill 25ms, fill-opacity 25ms;
}
.highcharts-treemap-series .highcharts-above-level {
  display: none;
}
.highcharts-treemap-series .highcharts-internal-node {
  fill: none;
}
.highcharts-treemap-series .highcharts-internal-node-interactive {
  fill-opacity: 0.15;
  cursor: pointer;
}
.highcharts-treemap-series .highcharts-internal-node-interactive:hover {
  fill-opacity: 0.75;
}
.highcharts-legend-box {
  fill: none;
  stroke-width: 0;
}
.highcharts-legend-item text {
  fill: #333333;
  font-weight: bold;
  cursor: pointer;
  stroke-width: 0;
}
.highcharts-legend-item:hover text {
  fill: #000000;
}
.highcharts-legend-item-hidden * {
  fill: #858585 !important;
  stroke: #858585 !important;
  transition: fill 250ms;
}
.highcharts-legend-nav-active {
  fill: #003399;
  cursor: pointer;
}
.highcharts-legend-nav-inactive {
  fill: #858585;
}
.highcharts-legend-title-box {
  fill: none;
  stroke-width: 0;
}
/* Loading */
.highcharts-loading {
  position: absolute;
  background-color: #ffffff;
  opacity: 0.5;
  text-align: center;
  z-index: 10;
  transition: opacity 250ms;
}
.highcharts-loading-hidden {
  height: 0 !important;
  opacity: 0;
  overflow: hidden;
  transition: opacity 250ms, height 250ms step-end;
}
.highcharts-loading-inner {
  font-weight: bold;
  position: relative;
  top: 45%;
}
/* Plot bands and polar pane backgrounds */
.highcharts-plot-band {
  fill: #000000;
  fill-opacity: 0.05;
}
.highcharts-plot-line {
  fill: none;
  stroke: #999999;
  stroke-width: 1px;
}
/* Highcharts More */
.highcharts-boxplot-box {
  fill: #ffffff;
}
.highcharts-boxplot-median {
  stroke-width: 2px;
}
.highcharts-bubble-series .highcharts-point {
  fill-opacity: 0.5;
}
.highcharts-errorbar-series .highcharts-point {
  stroke: #000000;
}
.highcharts-gauge-series .highcharts-data-label-box {
  stroke: #858585;
  stroke-width: 1px;
}
.highcharts-gauge-series .highcharts-dial {
  fill: #000000;
  stroke-width: 0;
}
.highcharts-polygon-series .highcharts-graph {
  fill: inherit;
  stroke-width: 0;
}
.highcharts-waterfall-series .highcharts-graph {
  stroke: #333333;
  stroke-dasharray: 1, 3;
}
/* Highstock */
.highcharts-navigator-mask-outside {
  fill-opacity: 0;
}
.highcharts-navigator-mask-inside {
  fill: #6685c2;
  /* navigator.maskFill option */
  fill-opacity: 0.25;
  cursor: ew-resize;
}
.highcharts-navigator-outline {
  stroke: #858585;
  fill: none;
}
.highcharts-navigator-handle {
  stroke: #858585;
  fill: #f2f2f2;
  cursor: ew-resize;
}
.highcharts-navigator-series {
  fill: #335cad;
  stroke: #335cad;
}
.highcharts-navigator-series .highcharts-graph {
  stroke-width: 1px;
}
.highcharts-navigator-series .highcharts-area {
  fill-opacity: 0.05;
}
.highcharts-navigator-xaxis .highcharts-axis-line {
  stroke-width: 0;
}
.highcharts-navigator-xaxis .highcharts-grid-line {
  stroke-width: 1px;
  stroke: transparent;
}
.highcharts-navigator-xaxis.highcharts-axis-labels {
  fill: #999999;
}
.highcharts-navigator-yaxis .highcharts-grid-line {
  stroke-width: 0;
}
.highcharts-scrollbar-thumb {
  fill: #858585;
  stroke: #858585;
  stroke-width: 1px;
}
.highcharts-scrollbar-button {
  fill: transparent;
  stroke: #858585;
  stroke-width: 1px;
}
.highcharts-scrollbar-arrow {
  fill: #444444;
}
.highcharts-scrollbar-rifles {
  stroke: #444444;
  stroke-width: 1px;
}
.highcharts-scrollbar-track {
  fill: #f2f2f2;
  stroke: #f2f2f2;
  stroke-width: 1px;
}
.highcharts-button {
  fill: #f7f7f7;
  stroke: #858585;
  cursor: default;
  stroke-width: 1px;
  transition: fill 250ms;
}
.highcharts-button text {
  fill: #333333;
}
.highcharts-button-hover {
  transition: fill 0ms;
  fill: transparent;
  stroke: #333333;
}
.highcharts-button-pressed {
  font-weight: bold;
  fill: #e6ebf5;
  stroke: #335cad;
}
.highcharts-button-disabled text {
  fill: #858585;
}
.highcharts-range-selector-buttons .highcharts-button {
  stroke-width: 0;
}
.highcharts-range-label rect {
  fill: none;
}
.highcharts-range-label text {
  fill: #444444;
}
.highcharts-range-input rect {
  fill: none;
}
.highcharts-range-input text {
  fill: #333333;
}
input.highcharts-range-selector {
  position: absolute;
  border: 0;
  width: 1px;
  /* Chrome needs a pixel to see it */
  height: 1px;
  padding: 0;
  text-align: center;
  left: -9em;
  /* #4798 */
}
.highcharts-crosshair-label text {
  fill: #ffffff;
  font-size: 1.1em;
}
.highcharts-crosshair-label .highcharts-label-box {
  fill: inherit;
}
.highcharts-candlestick-series .highcharts-point {
  stroke: #000000;
  stroke-width: 1px;
}
.highcharts-candlestick-series .highcharts-point-up {
  fill: #ffffff;
}
.highcharts-ohlc-series .highcharts-point-hover {
  stroke-width: 3px;
}
.highcharts-flags-series .highcharts-point {
  stroke: #999999;
  fill: #ffffff;
}
.highcharts-flags-series .highcharts-point-hover {
  stroke: #000000;
  fill: #ccd6eb;
}
.highcharts-flags-series .highcharts-point text {
  fill: #000000;
  font-size: 0.9em;
  font-weight: bold;
}
/* Highmaps */
.highcharts-map-series .highcharts-point {
  transition: fill 500ms, fill-opacity 500ms, stroke-width 250ms;
  stroke: #858585;
}
.highcharts-map-series .highcharts-point-hover {
  transition: fill 0ms, fill-opacity 0ms;
  fill-opacity: 0.5;
  stroke-width: 2px;
}
.highcharts-mapline-series .highcharts-point {
  fill: none;
}
.highcharts-heatmap-series .highcharts-point {
  stroke-width: 0;
}
.highcharts-map-navigation {
  font-size: 1.3em;
  font-weight: bold;
  text-align: center;
}
.highcharts-coloraxis {
  stroke-width: 0;
}
.highcharts-coloraxis-marker {
  fill: #999999;
}
.highcharts-null-point {
  fill: #f7f7f7;
}
/* 3d charts */
.highcharts-3d-frame {
  fill: transparent;
}
/* Exporting module */
.highcharts-contextbutton {
  fill: #ffffff;
  /* needed to capture hover */
  stroke: none;
  stroke-linecap: round;
}
.highcharts-contextbutton:hover {
  fill: transparent;
  stroke: transparent;
}
.highcharts-button-symbol {
  stroke: #444444;
  stroke-width: 3px;
}
.highcharts-menu {
  border: 1px solid #999999;
  background: #ffffff;
  padding: 5px 0;
  box-shadow: 3px 3px 10px #888;
}
.highcharts-menu-item {
  padding: 0.5em 1em;
  background: none;
  color: #333333;
  cursor: pointer;
  transition: background 250ms, color 250ms;
}
.highcharts-menu-item:hover {
  background: #335cad;
  color: #ffffff;
}
/* Drilldown module */
.highcharts-drilldown-point {
  cursor: pointer;
}
.highcharts-drilldown-data-label text,
.highcharts-drilldown-axis-label {
  cursor: pointer;
  fill: #003399;
  font-weight: bold;
  text-decoration: underline;
}
/* No-data module */
.highcharts-no-data text {
  font-weight: bold;
  font-size: 12px;
  fill: #444444;
}
.highcharts-yaxis-labels {
  color: #444444;
}
.highcharts-xaxis-labels {
  color: #8f8f8f;
}
.ampchart-color-0 {
  fill: #333333;
  stroke: #333333;
}
.ampchart-color-1 {
  fill: #EBC906;
  stroke: #EBC906;
}
.ampchart-color-2 {
  fill: #5BA9FF;
  stroke: #5BA9FF;
}
.ampchart-color-3 {
  fill: #4FA932;
  stroke: #4FA932;
}
.ampchart-color-4 {
  fill: #C86AFE;
  stroke: #C86AFE;
}
.ampchart-color-5 {
  fill: #000ADD;
  stroke: #000ADD;
}
.ampchart-color-6 {
  fill: #FF6B6B;
  stroke: #FF6B6B;
}
.ampchart-color-7 {
  fill: #48D1CB;
  stroke: #48D1CB;
}
.ampchart-color-8 {
  fill: #F967B0;
  stroke: #F967B0;
}
.ampchart-color-9 {
  fill: #861DE3;
  stroke: #861DE3;
}
.highcharts-container {
  z-index: auto;
  border: 0px;
  padding-bottom: 54px;
  font-family: "RobotoRegular", Arial, Helvetica, sans-serif;
  font-size: 12px;
  display: block;
}
.highcharts-container:hover {
  z-index: 10;
}
.highcharts-container:hover .highcharts-root {
  overflow: visible;
}
.highcharts-root {
  overflow: hidden;
  display: block;
}
.highcharts-ampchart-legend-container {
  background: #ffffff;
  /* TODO: look inside JS to prevent positioning */
  left: -10px !important;
  top: auto !important;
  right: -10px;
  min-height: 54px;
  z-index: 1;
}
.ampchart-legend {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 10px 14px 0px;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  box-sizing: border-box;
}
.ampchart-legend_notready {
  visibility: hidden;
  height: 0px;
}
.ampchart-legend__item {
  cursor: pointer;
  font-family: "RobotoRegular", Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #a7a7a7;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0px 0px 3px 0px;
  padding-right: 15px;
  box-sizing: border-box;
}
.ampchart-legend__item .ampchart-symbol {
  opacity: 0.3;
}
.ampchart-legend__item:hover,
.ampchart-legend__item_hovered {
  color: #666666;
}
.ampchart-legend__item:hover .ampchart-legend__item__metric,
.ampchart-legend__item_hovered .ampchart-legend__item__metric {
  color: #333333;
}
.ampchart-legend__item:hover .ampchart-symbol,
.ampchart-legend__item_hovered .ampchart-symbol {
  opacity: 1;
}
.ampchart-legend__item__title {
  vertical-align: middle;
}
.ampchart-legend__item__metric {
  color: #858585;
}
.ampchart-legend__item_off {
  text-decoration: line-through;
  color: #333333;
  opacity: 0.4;
}
.ampchart-legend_columns .ampchart-legend__item {
  width: 33.3%;
}
.ampchart-symbol {
  width: 14px;
  height: 14px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  background-repeat: no-repeat;
}
.ampchart-symbol_amplify {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE0cHgiIGhlaWdodD0iMTRweCIgdmlld0JveD0iMCAwIDE0IDE0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkFnZW50TWFzayIgZmlsbD0iI0ZGRkZGRiI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLC00LjQ0MDg5MjFlLTE2IEwxNCwtNC40NDA4OTIxZS0xNiBMMTQsMTQgTDAsMTQgTDAsLTQuNDQwODkyMWUtMTYgWiBNMTEuOTk0MTQxMyw3LjU2MTg5NTE4ZS0xNyBMMi4wMDU4NTg2NiwtMS43NTkxOTg4MWUtMTUgQzAuODk3MDYwMTI2LC0xLjk2Mjg4MThlLTE1IDQuNjAwNzY0MjFlLTEzLDAuODk4MDUzNTEyIDQuNjAwNzY0MjFlLTEzLDIuMDA1ODU4NjYgTDQuNTgzMDAwNjVlLTEzLDExLjk5NDE0MTMgQzQuNTgzMDAwNjVlLTEzLDEzLjEwMjkzOTkgMC44OTgwNTM1MTIsMTQgMi4wMDU4NTg2NiwxNCBMMTEuOTk0MTQxMywxNCBDMTMuMTAyOTM5OSwxNCAxNCwxMy4xMDE5NDY1IDE0LDExLjk5NDE0MTMgTDE0LDIuMDA1ODU4NjYgQzE0LDAuODk3MDYwMTI2IDEzLjEwMTk0NjUsMi43OTExOTQ1NmUtMTYgMTEuOTk0MTQxMyw3LjU2MTg5NTE4ZS0xNyBaIiBpZD0iQ29tYmluZWQtU2hhcGUiPjwvcGF0aD4KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0LjAwMDAwMCwgMy4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik00LjMyNDIxODc1LDcgQzQuMjQ2MDkzMzYsNi44NDc2NTU0OSA0LjE4OTQ1MzMsNi42NTgyMDQyNiA0LjE1NDI5Njg4LDYuNDMxNjQwNjIgQzMuNzQ0MTM4NTcsNi44ODg2NzQxNiAzLjIxMDk0MDc4LDcuMTE3MTg3NSAyLjU1NDY4NzUsNy4xMTcxODc1IEMxLjkzMzU5MDY0LDcuMTE3MTg3NSAxLjQxODk0NzM1LDYuOTM3NTAxOCAxLjAxMDc0MjE5LDYuNTc4MTI1IEMwLjYwMjUzNzAyMSw2LjIxODc0ODIgMC4zOTg0Mzc1LDUuNzY1NjI3NzMgMC4zOTg0Mzc1LDUuMjE4NzUgQzAuMzk4NDM3NSw0LjU0Njg3MTY0IDAuNjQ3NDU4NDQ3LDQuMDMxMjUxOCAxLjE0NTUwNzgxLDMuNjcxODc1IEMxLjY0MzU1NzE4LDMuMzEyNDk4MiAyLjM2MzI3NjU0LDMuMTMwODU5MzkgMy4zMDQ2ODc1LDMuMTI2OTUzMTIgTDQuMDgzOTg0MzgsMy4xMjY5NTMxMiBMNC4wODM5ODQzOCwyLjc2MzY3MTg4IEM0LjA4Mzk4NDM4LDIuNDcwNzAxNjYgNC4wMDg3ODk4MSwyLjIzNjMyOSAzLjg1ODM5ODQ0LDIuMDYwNTQ2ODggQzMuNzA4MDA3MDYsMS44ODQ3NjQ3NSAzLjQ3MDcwNDc1LDEuNzk2ODc1IDMuMTQ2NDg0MzgsMS43OTY4NzUgQzIuODYxMzI2NywxLjc5Njg3NSAyLjYzNzY5NjEyLDEuODY1MjMzNjkgMi40NzU1ODU5NCwyLjAwMTk1MzEyIEMyLjMxMzQ3NTc1LDIuMTM4NjcyNTYgMi4yMzI0MjE4OCwyLjMyNjE3MDY4IDIuMjMyNDIxODgsMi41NjQ0NTMxMiBMMC41MzkwNjI1LDIuNTY0NDUzMTIgQzAuNTM5MDYyNSwyLjE5NzI2Mzc5IDAuNjUyMzQyNjE3LDEuODU3NDIzNDQgMC44Nzg5MDYyNSwxLjU0NDkyMTg4IEMxLjEwNTQ2OTg4LDEuMjMyNDIwMzEgMS40MjU3NzkxOCwwLjk4NzMwNTU3NiAxLjgzOTg0Mzc1LDAuODA5NTcwMzEyIEMyLjI1MzkwODMyLDAuNjMxODM1MDQ5IDIuNzE4NzQ3NDIsMC41NDI5Njg3NSAzLjIzNDM3NSwwLjU0Mjk2ODc1IEM0LjAxNTYyODkxLDAuNTQyOTY4NzUgNC42MzU3Mzk4OSwwLjczOTI1NTg1IDUuMDk0NzI2NTYsMS4xMzE4MzU5NCBDNS41NTM3MTMyMywxLjUyNDQxNjAzIDUuNzgzMjAzMTIsMi4wNzYxNjgzMiA1Ljc4MzIwMzEyLDIuNzg3MTA5MzggTDUuNzgzMjAzMTIsNS41MzUxNTYyNSBDNS43ODcxMDkzOSw2LjEzNjcyMTc2IDUuODcxMDkyOTMsNi41OTE3OTUzMyA2LjAzNTE1NjI1LDYuOTAwMzkwNjIgTDYuMDM1MTU2MjUsNyBMNC4zMjQyMTg3NSw3IFogTTIuOTIzODI4MTIsNS44MjIyNjU2MyBDMy4xNzM4MjkzOCw1LjgyMjI2NTYzIDMuNDA0Mjk1ODIsNS43NjY2MDIxMiAzLjYxNTIzNDM4LDUuNjU1MjczNDQgQzMuODI2MTcyOTMsNS41NDM5NDQ3NiAzLjk4MjQyMTM3LDUuMzk0NTMyMTkgNC4wODM5ODQzOCw1LjIwNzAzMTI1IEw0LjA4Mzk4NDM4LDQuMTE3MTg3NSBMMy40NTExNzE4OCw0LjExNzE4NzUgQzIuNjAzNTExMzksNC4xMTcxODc1IDIuMTUyMzQ0MDIsNC40MTAxNTMzMiAyLjA5NzY1NjI1LDQuOTk2MDkzNzUgTDIuMDkxNzk2ODgsNS4wOTU3MDMxMyBDMi4wOTE3OTY4OCw1LjMwNjY0MTY4IDIuMTY2MDE0ODgsNS40ODA0NjgwNyAyLjMxNDQ1MzEyLDUuNjE3MTg3NSBDMi40NjI4OTEzNyw1Ljc1MzkwNjkzIDIuNjY2MDE0MzQsNS44MjIyNjU2MyAyLjkyMzgyODEyLDUuODIyMjY1NjMgWiIgaWQ9ImEiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+");
}
.ampchart-symbol_system {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE0cHgiIGhlaWdodD0iMTRweCIgdmlld0JveD0iMCAwIDE0IDE0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkFydGJvYXJkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjkzMC4wMDAwMDAsIC0xMzk4LjAwMDAwMCkiIGZpbGw9IiNGRkZGRkYiPgogICAgICAgICAgICA8cGF0aCBkPSJNMjkzMCwxMzk4IEwyOTQ0LDEzOTggTDI5NDQsMTQxMiBMMjkzMCwxNDEyIEwyOTMwLDEzOTggWiBNMjkzNywxNDEyIEMyOTQwLjg2NTk5LDE0MTIgMjk0NCwxNDA4Ljg2NTk5IDI5NDQsMTQwNSBDMjk0NCwxNDAxLjEzNDAxIDI5NDAuODY1OTksMTM5OCAyOTM3LDEzOTggQzI5MzMuMTM0MDEsMTM5OCAyOTMwLDE0MDEuMTM0MDEgMjkzMCwxNDA1IEMyOTMwLDE0MDguODY1OTkgMjkzMy4xMzQwMSwxNDEyIDI5MzcsMTQxMiBaIE0yOTM4LjA4Mzk4LDE0MDYuMjQ4MDUgQzI5MzguMDgzOTgsMTQwNi4wNDEwMSAyOTM3Ljk4MTQ1LDE0MDUuODc3OTMgMjkzNy43NzYzNywxNDA1Ljc1ODc5IEMyOTM3LjU3MTI5LDE0MDUuNjM5NjUgMjkzNy4yNDIxOSwxNDA1LjUzMzIgMjkzNi43ODkwNiwxNDA1LjQzOTQ1IEMyOTM1LjI4MTI0LDE0MDUuMTIzMDUgMjkzNC41MjczNCwxNDA0LjQ4MjQzIDI5MzQuNTI3MzQsMTQwMy41MTc1OCBDMjkzNC41MjczNCwxNDAyLjk1NTA4IDI5MzQuNzYwNzQsMTQwMi40ODUzNSAyOTM1LjIyNzU0LDE0MDIuMTA4NCBDMjkzNS42OTQzNCwxNDAxLjczMTQ0IDI5MzYuMzA0NjgsMTQwMS41NDI5NyAyOTM3LjA1ODU5LDE0MDEuNTQyOTcgQzI5MzcuODYzMjksMTQwMS41NDI5NyAyOTM4LjUwNjgzLDE0MDEuNzMyNDIgMjkzOC45ODkyNiwxNDAyLjExMTMzIEMyOTM5LjQ3MTY4LDE0MDIuNDkwMjQgMjkzOS43MTI4OSwxNDAyLjk4MjQyIDI5MzkuNzEyODksMTQwMy41ODc4OSBMMjkzOC4wMTk1MywxNDAzLjU4Nzg5IEMyOTM4LjAxOTUzLDE0MDMuMzQ1NyAyOTM3Ljk0MTQxLDE0MDMuMTQ1NTEgMjkzNy43ODUxNiwxNDAyLjk4NzMgQzI5MzcuNjI4OTEsMTQwMi44MjkxIDI5MzcuMzg0NzcsMTQwMi43NSAyOTM3LjA1MjczLDE0MDIuNzUgQzI5MzYuNzY3NTgsMTQwMi43NSAyOTM2LjU0Njg4LDE0MDIuODE0NDUgMjkzNi4zOTA2MiwxNDAyLjk0MzM2IEMyOTM2LjIzNDM3LDE0MDMuMDcyMjcgMjkzNi4xNTYyNSwxNDAzLjIzNjMzIDI5MzYuMTU2MjUsMTQwMy40MzU1NSBDMjkzNi4xNTYyNSwxNDAzLjYyMzA1IDI5MzYuMjQ1MTIsMTQwMy43NzQ0MSAyOTM2LjQyMjg1LDE0MDMuODg5NjUgQzI5MzYuNjAwNTksMTQwNC4wMDQ4OCAyOTM2LjkwMDM5LDE0MDQuMTA0NDkgMjkzNy4zMjIyNywxNDA0LjE4ODQ4IEMyOTM3Ljc0NDE0LDE0MDQuMjcyNDYgMjkzOC4wOTk2MSwxNDA0LjM2NzE5IDI5MzguMzg4NjcsMTQwNC40NzI2NiBDMjkzOS4yODMyMSwxNDA0LjgwMDc4IDI5MzkuNzMwNDcsMTQwNS4zNjkxNCAyOTM5LjczMDQ3LDE0MDYuMTc3NzMgQzI5MzkuNzMwNDcsMTQwNi43NTU4NiAyOTM5LjQ4MjQyLDE0MDcuMjIzNjMgMjkzOC45ODYzMywxNDA3LjU4MTA1IEMyOTM4LjQ5MDIzLDE0MDcuOTM4NDggMjkzNy44NDk2MSwxNDA4LjExNzE5IDI5MzcuMDY0NDUsMTQwOC4xMTcxOSBDMjkzNi41MzMyLDE0MDguMTE3MTkgMjkzNi4wNjE1MywxNDA4LjAyMjQ2IDI5MzUuNjQ5NDEsMTQwNy44MzMwMSBDMjkzNS4yMzczLDE0MDcuNjQzNTUgMjkzNC45MTQwNiwxNDA3LjM4Mzc5IDI5MzQuNjc5NjksMTQwNy4wNTM3MSBDMjkzNC40NDUzMSwxNDA2LjcyMzYzIDI5MzQuMzI4MTIsMTQwNi4zNjcxOSAyOTM0LjMyODEyLDE0MDUuOTg0MzggTDI5MzUuOTMzNTksMTQwNS45ODQzOCBDMjkzNS45NDkyMiwxNDA2LjI4NTE2IDI5MzYuMDYwNTUsMTQwNi41MTU2MiAyOTM2LjI2NzU4LDE0MDYuNjc1NzggQzI5MzYuNDc0NjEsMTQwNi44MzU5NCAyOTM2Ljc1MTk1LDE0MDYuOTE2MDIgMjkzNy4wOTk2MSwxNDA2LjkxNjAyIEMyOTM3LjQyMzgzLDE0MDYuOTE2MDIgMjkzNy42Njg5NCwxNDA2Ljg1NDQ5IDI5MzcuODM0OTYsMTQwNi43MzE0NSBDMjkzOC4wMDA5OCwxNDA2LjYwODQgMjkzOC4wODM5OCwxNDA2LjQ0NzI3IDI5MzguMDgzOTgsMTQwNi4yNDgwNSBaIiBpZD0iQ29tYmluZWQtU2hhcGUiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==");
}
.ampchart-symbol_nginx {
  height: 16px;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE0cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDE0IDE2IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTYuOTU1MzI5OTMsMTYgQzcuMjgwNzU4NTcsMTUuOTg2MzAwOSA3LjYwMzYxOTY3LDE1LjkwMDg5NjYgNy44NDQzNjM1NiwxNS43NDk2NTQ0IEwxMy4xNTU2MzY0LDEyLjQxMjk2MjMgQzEzLjYyMzY0OTYsMTIuMTE4OTQzMiAxNCwxMS40MzIwNTAxIDE0LDEwLjg3NjM4MDUgTDE0LDUuNDI4MzQxODYgQzE0LDQuODY2NTQ3MDQgMTMuNjI4MTgxMiw0LjE2OTU0NjQ1IDEzLjE2OTUxOTUsMy44NTc4NjYyOSBMNy44MzA0ODA0NiwwLjIyOTc2MTc3MyBDNy4zNzYzNTA0LC0wLjA3ODgzODk0NDggNi42MjgxODEyMywtMC4wNzc1NDM2ODkgNi4xNjk1MTk1NCwwLjIzOTUzMjkzMiBMMC44MzA0ODA0NTYsMy45MzA0NTQ4MSBDMC4zNzYzNTA0MDMsNC4yNDQzOTg2NyAwLDQuOTUwMzc0NjYgMCw1LjUwMDI5OTA5IEwwLDExLjkwMTY3OTcgQzAsMTIuNDQ2MTcwOCAwLjQwMzMwMDYzMiwxMy4wOTIyOTgyIDAuOTAwNzk3MTczLDEzLjMzMjcwOTkgTDYuMDk5MjAyODMsMTUuODQ0ODAzNSBDNi4yOTM3MDkxOSwxNS45Mzg3OTc0IDYuNTI4Mzc0MjUsMTUuOTg5NzE0NCA2Ljc3MDA0MjgyLDE2IEwwLDE2IEwwLDAgTDE0LDAgTDE0LDE2IEw2Ljk1NTMzMTg1LDE2IFogTTUuODk5NzE5MjQsNS4wMzk1NTA3OCBMNS45NTI0NTM2MSw2LjE0Njk3MjY2IEM2LjQwNTU4MDg4LDUuNTgwNTYzNTcgNy4yNDA0NzQ3MSw0LjkyMjM2MzI4IDguMDAyMTk3MjcsNC45MjIzNjMyOCBDOC42NzQwNzU2Myw0LjkyMjM2MzI4IDkuMTc0MDcwNjIsNS4xMTk2MjY5MyA5LjUwMjE5NzI3LDUuNTE0MTYwMTYgQzkuODMwMzIzOTEsNS45MDg2OTMzOCA5Ljk5ODI5MDk4LDYuNDk4NTMxMjMgMTAuMDA2MTAzNSw3LjI4MzY5MTQxIEwxMC4wMDYxMDM1LDEwLjk2MjQwMjMgTDguMzEyNzQ0MTQsMTAuOTYyNDAyMyBMOC4zMTI3NDQxNCw3LjMyNDcwNzAzIEM4LjMxMjc0NDE0LDYuOTY1MzMwMjMgOC4yMzQ2MTk5Miw2LjcwNDU5MDY1IDguMDc4MzY5MTQsNi41NDI0ODA0NyBDNy45MjIxMTgzNiw2LjM4MDM3MDI4IDcuNjYyMzU1MzMsNi4yOTkzMTY0MSA3LjI5OTA3MjI3LDYuMjk5MzE2NDEgQzYuODIyNTA3MzgsNi4yOTkzMTY0MSA2LjIzNzYxMTA1LDYuODc3NDM5MzcgNS45OTkzMjg2MSw3LjI4MzY5MTQxIEw1Ljk5OTMyODYxLDEwLjk2MjQwMjMgTDQuMzA1OTY5MjQsMTAuOTYyNDAyMyBMNC4zMDU5NjkyNCw1LjAzOTU1MDc4IEw1Ljg5OTcxOTI0LDUuMDM5NTUwNzggWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+CiAgICA8L2c+Cjwvc3ZnPg==");
}
.ampchart-symbol_nginx-plus {
  height: 16px;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE0cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDE0IDE2IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IlBsdXNNYXNrIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGZpbGw9IiNGRkZGRkYiPgogICAgICAgICAgICA8ZyBpZD0iUGFnZS0xIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik04LDcgTDEwLjAwMjk2OTksNyBDMTAuNTUzNjE0NCw3IDExLDcuNDQzODY0ODIgMTEsOCBDMTEsOC41NTIyODQ3NSAxMC41NDY5NjM3LDkgMTAuMDAyOTY5OSw5IEw4LDkgTDgsMTEuMDAyOTY5OSBDOCwxMS41NTM2MTQ0IDcuNTU2MTM1MTgsMTIgNywxMiBDNi40NDc3MTUyNSwxMiA2LDExLjU0Njk2MzcgNiwxMS4wMDI5Njk5IEw2LDkgTDMuOTk3MDMwMTQsOSBDMy40NDYzODU2LDkgMyw4LjU1NjEzNTE4IDMsOCBDMyw3LjQ0NzcxNTI1IDMuNDUzMDM2MzEsNyAzLjk5NzAzMDE0LDcgTDYsNyBMNiw0Ljk5NzAzMDE0IEM2LDQuNDQ2Mzg1NiA2LjQ0Mzg2NDgyLDQgNyw0IEM3LjU1MjI4NDc1LDQgOCw0LjQ1MzAzNjMxIDgsNC45OTcwMzAxNCBMOCw3IFogTTYuOTU1MzI5OTMsMTYgQzcuMjgwNzU4NTcsMTUuOTg2MzAwOSA3LjYwMzYxOTY3LDE1LjkwMDg5NjYgNy44NDQzNjM1NiwxNS43NDk2NTQ0IEwxMy4xNTU2MzY0LDEyLjQxMjk2MjMgQzEzLjYyMzY0OTYsMTIuMTE4OTQzMiAxNCwxMS40MzIwNTAxIDE0LDEwLjg3NjM4MDUgTDE0LDUuNDI4MzQxODYgQzE0LDQuODY2NTQ3MDQgMTMuNjI4MTgxMiw0LjE2OTU0NjQ1IDEzLjE2OTUxOTUsMy44NTc4NjYyOSBMNy44MzA0ODA0NiwwLjIyOTc2MTc3MyBDNy4zNzYzNTA0LC0wLjA3ODgzODk0NDggNi42MjgxODEyMywtMC4wNzc1NDM2ODkgNi4xNjk1MTk1NCwwLjIzOTUzMjkzMiBMMC44MzA0ODA0NTYsMy45MzA0NTQ4MSBDMC4zNzYzNTA0MDMsNC4yNDQzOTg2NyAwLDQuOTUwMzc0NjYgMCw1LjUwMDI5OTA5IEwwLDExLjkwMTY3OTcgQzAsMTIuNDQ2MTcwOCAwLjQwMzMwMDYzMiwxMy4wOTIyOTgyIDAuOTAwNzk3MTczLDEzLjMzMjcwOTkgTDYuMDk5MjAyODMsMTUuODQ0ODAzNSBDNi4yOTM3MDkxOSwxNS45Mzg3OTc0IDYuNTI4Mzc0MjUsMTUuOTg5NzE0NCA2Ljc3MDA0MjgyLDE2IEwwLDE2IEwwLDAgTDE0LDAgTDE0LDE2IEw2Ljk1NTMzMTg1LDE2IEw2Ljk1NTMyOTkzLDE2IFoiIGlkPSJDb21iaW5lZC1TaGFwZSI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=");
}
.ampchart-symbol_php {
  width: 15px;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE1cHgiIGhlaWdodD0iMTRweCIgdmlld0JveD0iMCAwIDE1IDE0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkFydGJvYXJkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjc5MS4wMDAwMDAsIC0xNTk5LjAwMDAwMCkiIGZpbGw9IiNGRkZGRkYiPgogICAgICAgICAgICA8ZyBpZD0icGhwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNzkxLjAwMDAwMCwgMTU5OS4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik02LjIxNzI0ODk0ZS0xNSw2LjczMTgyNTYgTDYuMjE3MjQ4OTRlLTE1LDE0IEwxNSwxNCBMMTUsMCBMNi4yMTcyNDg5NGUtMTUsMCBMNi4yMTcyNDg5NGUtMTUsNi42NzY2NjU3NSBDMC4wMDE4NzY3NTU5OSw1LjIzNDg3MjA2IDAuMTUwMTIyMzU5LDMuODk0MTgxMTQgMC4yMjY5NTEwMzMsMy40MTcwNjc4NSBDMC42NDI0NTA0OTgsMC44NDE4MjUwMTUgNS4yNzI2NDQ1NCwxLjA1ODM3ODU4IDcuMDQzNjkyMjUsMS4wNDQ1MzI0NSBDMTQuOTA2ODMyMSwwLjk4Mzg4NjM3MSAxNC45OTk5ODIsNS41MDUzNDIwOSAxNC45OTk5ODIsNS41MDUzNDIwOSBDMTQuOTk5OTgyLDUuNTA1MzQyMDkgMTQuNTU3NzgyNiwxMi4xNjA5MDI3IDE0LjU1NzYzMjYsMTIuNDUxMTE3OCBDMTQuNTU3NjMyNiwxMi44NjcwNTU3IDEzLjA1OTczNDUsMTIuNzQ0OTMyOCAxMi43Mzc4MzQ5LDEyLjQ1MTExNzggQzEyLjQ0ODQ4NTMsMTIuMTg2NTE4MSAxMi43Mzc4MzQ5LDEwLjA5MzY3NDYgMTIuNzM3ODM0OSw5LjQ1MDc5ODU0IEMxMS41MTk2ODY1LDEwLjc2NTM1MDcgNi4yMTI2OTMzMyw5Ljg1ODI5MDMzIDUuMjMxNjk0NTksOS4xMDU0NzU5MSBDNS4yMzE2OTQ1OSw5Ljc3MzY5MDQ0IDUuMzc3MDQ0NCwxMi4xMDg0MjU5IDUuMjMxNTQ0NTksMTIuMzYzMTk0OCBDNS4wMjA2NDQ4NiwxMi43MzE3Nzg5IDMuNzMzNDk2NTIsMTIuNjU3Mjg2NyAzLjQxMTc0NjkzLDEyLjM2MzE5NDggQzMuMTU1MjQ3MjYsMTIuMTI5MDU2NiAzLjQxMTc0NjkzLDkuMTA1MTk4OTkgMy40MTE3NDY5Myw4LjA5ODMwNzk4IEMzLjIzMzI0NzE2LDcuODk1ODc3NDcgMi40NzUyOTgxNCw3LjkxNDE1NDM3IDIuMjc0Mjk4NCw4LjA5ODMwNzk4IEMxLjczMTI5OTEsOC41OTQ1NTM0OSAyLjM3MjA5ODI3LDEwLjcxMTc2NjIgMi4yNzQyOTg0LDEwLjkwNjk5NjcgQzIuMTMyODQ4NTgsMTEuMTg4NjI3MSAxLjE0Mjg0OTg1LDExLjEzOTQ3MzMgMC45MTkzNTAxNDIsMTAuOTA2OTk2NyBDMC4xOTk3MzYyNzksMTAuMTU3ODg3MSAwLjAwMjE2MTcyNTQzLDguMzg0OTg2OSA2LjIyNTcwNTcxZS0xNSw2LjczMTgyNTYgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMi40ODg3NDkzLDQuODQ1OTg5MDkgQzIuMTE0OTc3NzEsNC44NDU5ODkwOSAxLjgxMjI5ODk5LDQuNTY5NTU3NTEgMS44MTIyOTg5OSw0LjIyNjI3NDYyIEMxLjgxMjI5ODk5LDMuODgzODM3OTQgMi4xMTQ5Nzc3MSwzLjYwNzEyNDI5IDIuNDg4NzQ5MywzLjYwNzEyNDI5IEMyLjg2MjIxNTc4LDMuNjA3MTI0MjkgMy4xNjUxOTk2MiwzLjg4MzgzNzk0IDMuMTY1MTk5NjIsNC4yMjYyNzQ2MiBDMy4xNjUxOTk2Miw0LjU2OTI3NTQ0IDIuODYyMjE1NzgsNC44NDU5ODkwOSAyLjQ4ODc0OTMsNC44NDU5ODkwOSBaIiBpZD0iUGF0aCI+PC9wYXRoPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTQuMjE3Mzk1ODksNy40NTk1ODU3MiBDNC4yMTczOTU4OSw3LjI2OTc1NTIgNC4yMTczOTU4OSw3LjQ1OTU4NTcyIDQuMjE3Mzk1ODksNy4xMDQ4NDc3MiBDNi45ODg0OTIzMyw3LjEwNjIzMjMzIDYuOTg4NDkyMzMsNy4xMDYyMzIzMyA2Ljk4ODQ5MjMzLDEuNjU1MDA4NTggTDcuNDg3MjQxNjgsMS42NTUwMDg1OCBDNy40ODcyNDE2OCw3LjQ2NDcwODc5IDcuNDg2OTQxNjgsNy40NTk1ODU3MiA0LjIxNzM5NTg5LDcuNDU5NTg1NzIgWiIgaWQ9IlBhdGgiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+");
}
.ampchart-symbol_mysql {
  border-radius: 2px;
  background-size: 12px;
  background-position: 1px 1px;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjEycHgiIGhlaWdodD0iMTJweCIgdmlld0JveD0iMCAwIDEyIDEyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0My4yICgzOTA2OSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+ZG9scGhpbjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJBcnRib2FyZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI3NzEuMDAwMDAwLCAtMTY1OC4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9ImRvbHBoaW4iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI3NzAuMDAwMDAwLCAxNjU3LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHJlY3QgaWQ9Im91dHNpZGUiIGZpbGwtb3BhY2l0eT0iMCIgZmlsbD0iIzJDMjg0MyIgeD0iMCIgeT0iMCIgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiByeD0iMSI+PC9yZWN0PgogICAgICAgICAgICAgICAgPGcgaWQ9Imluc2lkZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS4wMDAwMDAsIDEuMDAwMDAwKSIgZmlsbD0iI0ZGRkZGRiI+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTEyLDUuNjg4MTYwNjUgTDEyLDEuMDAyNDczMjkgQzEyLDAuNDU1NzYwOTU2IDExLjU1MTE3NzQsMCAxMC45OTc1MjY3LDAgTDEuMDAyNDczMjksMCBDMC40NTU3NjA5NTYsMCAwLDAuNDQ4ODIyNTgyIDAsMS4wMDI0NzMyOSBMMCwxMC45OTc1MjY3IEMwLDExLjU0NDIzOSAwLjQ0ODgyMjU4MiwxMiAxLjAwMjQ3MzI5LDEyIEw4LjYxNzk3MzEsMTIgQzguMjE2Mzg5OTgsMTEuMDI0NDkxIDcuNjI5MjE0MjksOS43MTczNDUxNSA3LjM0MjE2NTE2LDkuMzY4ODgxMDcgQzYuOTQ3NTMyODUsOS40NzgxMjgzMSA1LjMwNTgzNjA3LDkuOTgwOTQyOTcgNS4wODMwMzgwMiwxMC44MzI2ODkyIEM1LjA3Nzg5MzQ5LDEwLjg1MjgxMzEgNS4wNjg1OTE3MSwxMC44NzE1NjMgNS4wNTU3NzQ2OCwxMC44ODgwMzI0IEM1LjAzNzI0NjM0LDEwLjkxMTk3MzkgNC44Njg2Mzc3LDExLjEyMDg5OTYgNC42NTI3NjYwNCwxMS4wODg5MzA3IEM0LjUxNjU5OTU4LDExLjA2ODYwMzcgNC40MTIyNDgxOSwxMC45NjYxMDc0IDQuMzQyMTQzNSwxMC43ODM0Nzg1IEM0LjMyNTAzMTMzLDEwLjczODg5OTggNC4zMDg5NDE1OSwxMC42ODY2Njg5IDQuMjk0MjI4NjksMTAuNjI1OTkgQzQuMjg1NDc5NTQsMTAuNTQzODgyNyA0LjE3NjU5MDA3LDkuMTI5NzkzNDQgNS4zOTMwMTI5Myw3Ljc2OTI1NjY1IEM1LjYxNTAzNTE5LDcuNTYxOTM2MzMgNS44MjM3NTU4NCw3LjI2NjY2NjYyIDUuNzg1NDQ2NjYsNy4xNjY4Njc4IEM1Ljc3ODQzOTM2LDcuMTYwNjQ4MDkgNS43NTg4MTQ3MSw3LjEzNjE3Mjg3IDUuNzUzMTM1MDQsNy4xMjkxMTM1NSBDNS42NzIwNzQwMSw3LjAyNjI1NjYgMy43NjY0ODAyLDQuNjAzMTAxNTggMy41MzY0NDc5Myw0LjAwNDcwNjY2IEMzLjI4Nzk1OTM1LDMuNzkzMjA3NjcgMS43OTIxMzIyNCwyLjUwMjAwNDE3IDEuNTQxNzQyNTcsMS44NDk3MTY3OCBDMS40ODQ5OTY0MSwxLjcwMTg4Nzk4IDEuNDg2MDUxMDksMS41Nzc0MDkyNyAxLjU0NTA4MTAxLDEuNDgwMTczNDkgQzEuNTg5MDU0MjQsMS40MDgxODY0OCAxLjY1ODkxMjYyLDEuMzU4OTMxNDcgMS43NTQwMTQxNSwxLjMzMzMxNDg4IEMxLjgwMjk5NTQ4LDEuMjQ2ODY2MDUgMS44OTkxNjA4NCwxLjExNjU2NjI0IDIuMDYwMDI0NjcsMS4wNDgyMTY3MyBDMi4yMTA3NTU1MywwLjk4NDQxNjg3IDIuMzc3NjA4NDksMC45OTA5ODQ1MjcgMi41NTU3ODQyNywxLjA2NzQ1MjA5IEMyLjU3NjYzNDU3LDEuMDc3OTI3NDkgMy4zOTMzMTIyMiwxLjUyMTQxNjg3IDMuNjE4Mzg4NjksMS42MTUxODkyIEMzLjc2OTkyMTI5LDEuNjc4MTI1MjkgMy44ODM0MzczMiwxLjczNDg2NTYxIDMuOTQ5MDgyMjUsMS43NzAwNTM4OSBDNC4xODYzNDc2OCwxLjY5MTg0NTU5IDQuOTk0ODQ2NjUsMS40NTIxMDg0MiA1Ljc0OTY2NjQ5LDEuNTQ4NzcxMTIgTDUuNzgyNzI5NzksMS41NTMyMzg0NiBDNi42NzU0NjQ5LDEuNjY3OTA2OTMgNy43ODYzNTIxMywxLjgxMTAyOTEgOC40MDQ4OTExNywyLjIzMDkyMTY5IEM4LjQyNTk0ODMxLDIuMjQwMDk4OTYgMTAuMjQ3MTgxNywyLjc5NzAwOTA5IDEyLDUuNjg4MTYwNjUgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTYsMyBDNS4zNTAyNzM0NSwzLjExNzA1OTI2IDUuMTEwMDYyNjgsMy4yNjAyNTg4OSA1LDMgQzQuOTk4MDkxOTMsMy41NDc3NzExMSA0Ljk3NjM5OTU5LDMuNjcyNzkyNTUgNSw0IEM1LjEyMjUwMzg4LDMuOTc2NjI4MDQgNS4yMzQxNTU2Myw0IDUsNCBDNS42MjAxNTE2Nyw0IDUuOTc4NzEzMjksMy4yNzkxNzkwNSA2LDMgQzYuMDEwNjEzNzksMy4yMDgzMjEyIDYuMDA0ODcxNywzLjEzMDc4NTY1IDYsMyBDNS45MzAyMjQ1MywzLjAxNjUyMjczIDUuODY3Njk5NTUsMi45ODg2OTg5NiA2LDMgWiIgaWQ9IlNoYXBlIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==");
}
.highcharts-legend:hover {
  border-color: #d8d8d8;
}
.ampchart-legend-expander {
  height: 16px;
  width: 28px;
  position: absolute;
  right: 10px;
  bottom: 8px;
  cursor: pointer;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE5cHgiIGhlaWdodD0iNXB4IiB2aWV3Qm94PSIwIDAgMTkgNSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJBcnRib2FyZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIyNTYuMDAwMDAwLCAtMTM2NC4wMDAwMDApIiBmaWxsPSIjMzMzMzMzIj4KICAgICAgICAgICAgPHBhdGggZD0iTTIyNTguNSwxMzY5IEMyMjU3LjExOTI5LDEzNjkgMjI1NiwxMzY3Ljg4MDcxIDIyNTYsMTM2Ni41IEMyMjU2LDEzNjUuMTE5MjkgMjI1Ny4xMTkyOSwxMzY0IDIyNTguNSwxMzY0IEMyMjU5Ljg4MDcxLDEzNjQgMjI2MSwxMzY1LjExOTI5IDIyNjEsMTM2Ni41IEMyMjYxLDEzNjcuODgwNzEgMjI1OS44ODA3MSwxMzY5IDIyNTguNSwxMzY5IFogTTIyNjUuNSwxMzY5IEMyMjY0LjExOTI5LDEzNjkgMjI2MywxMzY3Ljg4MDcxIDIyNjMsMTM2Ni41IEMyMjYzLDEzNjUuMTE5MjkgMjI2NC4xMTkyOSwxMzY0IDIyNjUuNSwxMzY0IEMyMjY2Ljg4MDcxLDEzNjQgMjI2OCwxMzY1LjExOTI5IDIyNjgsMTM2Ni41IEMyMjY4LDEzNjcuODgwNzEgMjI2Ni44ODA3MSwxMzY5IDIyNjUuNSwxMzY5IFogTTIyNzIuNSwxMzY5IEMyMjcxLjExOTI5LDEzNjkgMjI3MCwxMzY3Ljg4MDcxIDIyNzAsMTM2Ni41IEMyMjcwLDEzNjUuMTE5MjkgMjI3MS4xMTkyOSwxMzY0IDIyNzIuNSwxMzY0IEMyMjczLjg4MDcxLDEzNjQgMjI3NSwxMzY1LjExOTI5IDIyNzUsMTM2Ni41IEMyMjc1LDEzNjcuODgwNzEgMjI3My44ODA3MSwxMzY5IDIyNzIuNSwxMzY5IFoiIGlkPSJtb3JlIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=") no-repeat 50% 50%;
  opacity: 0.5;
}
.ampchart-legend-expander:hover {
  opacity: 1;
}
.ampchart-legend-expander_active {
  cursor: default !important;
  opacity: 0.3 !important;
}
.highcharts-legend-item {
  height: 17px;
}
.ampchart-tooltip {
  position: absolute;
  background: #FFFFFF;
  border: 1px solid #E8E8E8;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.1);
}
.ampchart-tooltip-legend {
  transform: translateY(-100%);
  z-index: 10;
}
.ampchart-tooltip-legend .ampchart-symbol {
  float: left;
  margin-top: 1px;
  margin-left: -20px;
}
.ampchart-tooltip-legend .ampchart-tooltip__content {
  padding: 10px 39px 10px 32px;
}
.ampchart-tooltip-legend__title {
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0;
  margin-bottom: 4px;
  display: block;
}
.ampchart-tooltip-legend__ul,
.ampchart-tooltip-legend__ul li {
  list-style: none;
  padding: 0px;
  margin: 0px;
  white-space: nowrap;
}
.ampchart-tooltip-legend__ul li {
  line-height: 18px;
}
.ampchart-tooltip-chart {
  transform: translateY(-100%);
  margin-top: -10px;
  margin-left: 10px;
}
.ampchart-tooltip-chart .ampchart-tooltip__content {
  padding: 7px 10px 5px;
}
.ampchart-tooltip-chart__value {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 5px;
}
.ampchart-tooltip-chart__date {
  font-size: 12px;
  color: #333333;
}
.ampchart-crosshair {
  stroke-dasharray: 3px;
  stroke-width: 1px;
}
.highcharts-xaxis-labels {
  fill: rgba(51, 51, 51, 0.6);
  font-size: 11px;
}
.highcharts-axis-line,
.highcharts-tick {
  stroke: #DDDDDD;
}
.highcharts-yaxis-labels span {
  padding: 0px 3px 0px 5px;
  line-height: 15px;
  color: #333333;
  font-size: 11px;
}
.highcharts-yaxis-labels span:after {
  content: '';
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  filter: blur(2px);
  background: rgba(255, 255, 255, 0.7);
  z-index: -1;
}
.highcharts-halo {
  fill-opacity: 1;
}
.highcharts-graph {
  stroke-width: 1.5px;
}
.ampchart-tooltip-nodata {
  z-index: 10;
}
.ampchart-tooltip-nodata__title {
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 5px;
}
.ampchart-tooltip-nodata__time {
  font-size: 12px;
  white-space: nowrap;
}
.ampchart-tooltip-nodata .ampchart-tooltip__content {
  padding: 6px 9px;
}
.ampchart-nodata:hover {
  stroke: #40C6FF;
  stroke-width: 2px;
}
.highcharts-grid-line {
  display: none;
}
.highcharts-plot-line {
  stroke: #506276;
  stroke-width: 2px;
}
.highcharts-plot-line-label {
  display: inline-block;
  padding: 1px 4px;
  border-radius: 2px;
  background: #506276;
  font-size: 0.9em;
  font-family: 'RobotoMedium', Arial, Helvetica, sans-serif;
  color: #fff;
}
/* amplify-elemnts */
.multiselect .ae-multiselect__label {
  padding-top: 3px;
}
.multiselect .ae-suggest__suggest .ae-input__native,
.multiselect > .ae-input__input .ae-input__native {
  min-width: 100px;
  margin-top: 3px;
  padding-right: 25px;
  border-color: transparent;
  transition: color 0.1s linear;
  background: transparent;
}
.multiselect .ae-suggest__suggest .ae-input__native:focus,
.multiselect > .ae-input__input .ae-input__native:focus {
  border-color: transparent;
}
.multiselect .ae-suggest__suggest .ae-input__native.not(.ae-input__error):focus,
.multiselect > .ae-input__input .ae-input__native.not(.ae-input__error):focus {
  color: #333;
}
.multiselect .ae-suggest__suggest .ae-input__native[value=""],
.multiselect > .ae-input__input .ae-input__native[value=""] {
  min-width: 0px;
  padding-right: 0px;
}
.multiselect.ae-multiselect__suggest-active .ae-suggest__suggest .ae-input__native,
.multiselect.ae-multiselect__active > .ae-input__input .ae-input__native {
  min-width: 100px;
  padding-right: 25px;
}
.multiselect .ae-multiselect__control .ae-suggest__droplist {
  z-index: 2;
}
.multiselect .ae-multiselect__control .ae-droplist__droplist {
  width: 300px;
  margin-top: 1px;
}
.multiselect .ae-multiselect__control .ae-droplist__item {
  position: relative;
  padding: 10px 40px 10px 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.multiselect .ae-multiselect__control .ae-droplist__item .icon {
  position: absolute;
  top: 50%;
  right: 20px;
}
.multiselect .ae-multiselect__control .ae-droplist__item .icon_plus {
  margin-top: -6px;
  opacity: 0.4;
}
.multiselect .ae-multiselect__control .ae-droplist__item .icon_round-info {
  right: 15px;
  margin-top: -11px;
  padding: 11px;
}
.multiselect .ae-multiselect__control .ae-droplist__item:hover .icon_plus,
.multiselect .ae-multiselect__control .ae-droplist__selected .icon_plus,
.multiselect .ae-multiselect__control .ae-droplist__item:hover .icon_round-info,
.multiselect .ae-multiselect__control .ae-droplist__selected .icon_round-info {
  opacity: 0.6;
}
.multiselect:hover .ae-input__native.not(.ae-input__error),
.multiselect:hover .ae-input__native.not(.ae-input__error):-ms-input-placeholder {
  color: #666;
}
.multiselect:hover .ae-input__native.not(.ae-input__error),
.multiselect:hover .ae-input__native.not(.ae-input__error)::placeholder {
  color: #666;
}
/* SVG elements */
.plus-icon {
  display: inline-block;
  font-size: 0px;
}
.plus-icon__svg {
  vertical-align: middle;
}
.attention-icon {
  display: inline-block;
}
.mute-toggle-icon {
  display: inline-block;
  position: relative;
  padding-right: 12px;
  cursor: default;
}
.mute-toggle-icon_enabled {
  cursor: pointer;
}
.mute-toggle-icon__unmute,
.mute-toggle-icon .plus-icon {
  position: absolute;
  top: 50%;
  transition: opacity 0.1s linear, right 0.2s linear;
}
.mute-toggle-icon__unmute {
  right: 1px;
  margin-top: -9px;
  opacity: 1;
}
.mute-toggle-icon .plus-icon {
  right: 12px;
  margin-top: -7px;
  transform: rotateZ(45deg);
  opacity: 0;
}
.mute-toggle-icon_enabled:hover .mute-toggle-icon__unmute,
.mute-toggle-icon_muted .mute-toggle-icon__unmute {
  right: 12px;
  opacity: 0;
}
.mute-toggle-icon_enabled:hover .plus-icon,
.mute-toggle-icon_muted .plus-icon {
  right: 0px;
  opacity: 1;
}
.mute-toggle-icon_enabled.mute-toggle-icon_muted:hover .mute-toggle-icon__unmute {
  right: 1px;
  opacity: 1;
}
.mute-toggle-icon_enabled.mute-toggle-icon_muted:hover .plus-icon {
  right: 12px;
  opacity: 0;
}
.system-tag-icon__svg {
  vertical-align: top;
}
.link {
  text-decoration: none;
  color: #0061ce;
  cursor: pointer;
  opacity: 0.9;
  transition: opacity 0.1s linear;
}
.link:hover {
  opacity: 1;
}
.icon {
  display: inline-block;
  font-size: 0px;
  background-position: 50%;
  background-repeat: no-repeat;
}
.icon_inventory {
  width: 22px;
  height: 16px;
  background-image: url('../img/icon/icon_inventory.svg');
  background-size: cover;
}
.icon_bell {
  width: 20px;
  height: 20px;
  background: url('../img/icon/icon_bell.svg');
  background-size: cover;
}
.icon_plus {
  width: 12px;
  height: 12px;
  background-image: url('../img/icon/icon_plus.png');
}
.icon_close {
  width: 12px;
  height: 12px;
  background-image: url('../img/icon/icon_close.png');
}
.icon_close:hover {
  background-image: url('../img/icon/icon_close_hover.png');
}
.icon_remove {
  width: 14px;
  height: 15px;
  background-image: url('../img/icon/icon_remove.svg');
  background-size: cover;
  position: relative;
}
.icon_remove:before {
  content: '';
  position: absolute;
  top: -3px;
  right: -3px;
  bottom: -3px;
  left: -3px;
}
.icon_remove-white {
  width: 14px;
  height: 15px;
  background-image: url('../img/icon/icon_remove-white.svg');
  background-size: cover;
}
.icon_remove-mini {
  width: 8px;
  height: 8px;
  background-image: url('../img/icon/icon_remove-mini.png');
}
.icon_resend {
  height: 18px;
  width: 18px;
  background-image: url('../img/icon/icon_resend.svg');
}
.icon_settings {
  width: 18px;
  height: 18px;
  background-image: url('../img/icon/icon_settings.svg');
}
.icon_pen {
  width: 14px;
  height: 14px;
  background-image: url('../img/icon/icon_pen.png');
}
.icon_copy {
  width: 14px;
  height: 14px;
  background-image: url('../img/icon/icon_copy.svg');
  background-size: cover;
}
.icon_paste {
  width: 15px;
  height: 14px;
  background-image: url('../img/icon/icon_paste.svg');
  background-size: cover;
}
.icon_mute {
  width: 20px;
  height: 17px;
  background-image: url('../img/icon/icon_mute.svg');
  background-size: cover;
}
.icon_user {
  width: 13px;
  height: 15px;
  background-image: url('../img/icon/icon_user.svg');
  background-size: cover;
}
.icon_gauth {
  padding: 9px;
  background-image: url('../img/icon/icon_gauth.svg');
  background-size: cover;
}
.icon_round-info-white {
  padding: 9px;
  background-image: url('../img/icon/icon_round-info-white.svg');
  background-size: cover;
}
.icon_nginx-plus {
  width: 18px;
  height: 19px;
  background-image: url('../img/icon/icon_nginx-plus.svg');
  background-size: cover;
}
.icon_gear {
  padding: 9px;
  background-image: url('../img/icon/icon_gear.svg');
  background-size: cover;
}
.icon_round-info {
  padding: 12px;
  background-image: url('../img/icon/icon_round-info.svg');
  background-size: cover;
  opacity: 0.4;
}
.icon_circled-plus {
  padding: 10px;
  background: url('../img/icon/icon_circled-plus.svg');
  background-size: cover;
}
.icon_circled-cross {
  padding: 9px;
  background: url('../img/icon/icon_circled-cross.svg');
  background-size: cover;
}
.icon_big-plus {
  width: 22px;
  height: 20px;
  background-image: url('../img/icon/icon_big-plus.png');
}
.icon_big-plus_hover {
  background-image: url('../img/icon/icon_big-plus_hover.png');
}
.icon-docs {
  display: inline-block;
  width: 22px;
  height: 30px;
  background: url('../img/icon/icon-docs.svg');
}
.icon_custom-suggest-item {
  display: inline-block;
  padding: 8px;
  background-image: url('../img/icon/icon_custom-suggest-item.svg');
  background-size: cover;
}
.icon-search {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url('../img/icon/icon-search.svg');
  background-size: cover;
}
.icon-unverified,
.icon-verified {
  display: inline-block;
  font-size: 0;
  width: 13px;
  height: 13px;
}
.icon-verified {
  background: url('../img/icon/icon-verified.svg') no-repeat 0 0;
}
.icon-unverified {
  background: url('../img/icon/icon-unverified.svg') no-repeat 0 0;
}
.pseudo {
  cursor: pointer;
}
.label {
  display: inline-block;
  box-sizing: border-box;
  padding: 2px 4px;
  vertical-align: top;
  color: #333333;
  font: 10px/13px 'RobotoBold', Arial, sans-serif;
  font-weight: normal;
  background: #ababab;
  border-radius: 2px;
  cursor: default;
}
.label_red {
  background: #ff6c6c;
}
.label_yellow {
  background: #dede6c;
}
.layout {
  height: 100%;
  position: relative;
}
.layout:before {
  content: '';
  height: 70px;
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  background: #000;
}
.layout_dark {
  background: #333333;
}
.layout__logo {
  z-index: 2;
  width: 102px;
  height: 30px;
  position: absolute;
  top: 20px;
  left: 22px;
  background: url('../img/logo.svg') no-repeat;
  background-size: cover;
}
.layout__content {
  z-index: 1;
  box-sizing: border-box;
  height: 100%;
  position: relative;
  padding-top: 70px;
  overflow: hidden;
}
.layout__inner {
  min-height: 100%;
  position: relative;
}
.layout__inner_columns {
  height: 100%;
}
.layout__columns {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-align: stretch;
      align-items: stretch;
}
.layout__column {
  height: 100%;
  position: relative;
  box-sizing: border-box;
}
.layout__column_left .layout__column__content {
  width: 250px;
  position: static;
}
.layout__column_scroll .layout__column__content {
  overflow-y: auto!important;
}
.layout__column_mid {
  width: 100%;
  height: 100%;
  background: #fff;
}
.layout__column_mid .layout__column__content {
  background: #f8f8f8;
  overflow-y: scroll;
}
.layout__column__content {
  box-sizing: border-box;
  height: 100%;
  position: relative;
}
.layout__column__title {
  margin: 0px;
  font: 18px 'RobotoMedium', Arial, sans-serif;
  font-weight: normal;
}
.layout .deprecation-notice {
  z-index: 0;
}
.layout .deprecation-notice div {
  width: calc(100% - 430px);
}
@media (max-width: 860px) {
  .layout .deprecation-notice {
    width: calc(100% - 10px);
    z-index: 2;
  }
  .layout .deprecation-notice div {
    width: 100%;
  }
}
@keyframes layout-preloader {
  0% {
    background-position: -80px;
  }
  100% {
    background-position: 80px;
  }
}
.layout-preloader {
  height: 100%;
  position: relative;
}
.layout-preloader__icon {
  width: 54px;
  height: 62px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: calc(-62px/2) 0px 0px calc(-54px/2);
  background: url('../img/icon/icon_layout-preloader.svg') no-repeat;
  background-size: cover;
  overflow: hidden;
}
.layout-preloader__icon:before {
  content: '';
  position: absolute;
  top: -62px;
  right: -54px;
  bottom: -62px;
  left: -54px;
  background: linear-gradient(30deg, #e8eaec 0%, #e8eaec 45%, rgba(245, 245, 245, 0) 50%, #e8eaec 55%, #e8eaec 100%);
  background-position: -80px;
  opacity: 0.5;
  animation: layout-preloader 2s 1s 10;
}
.content {
  height: 100%;
  box-sizing: border-box;
}
.footer {
  font-size: 10px;
  color: #787d82;
  padding: 15px 20px;
  text-align: center;
  position: absolute;
  bottom: 0px;
  width: 100%;
  box-sizing: border-box;
}
.footer_short {
  bottom: 10px;
  left: 10px;
  width: 220px;
  padding: 0px;
  z-index: 11;
}
.footer__inner {
  display: inline-block;
}
/* Login layout */
.layout-login {
  height: 100%;
  margin-top: -70px;
  padding-top: 70px;
  background: #000;
  color: #fff;
}
.layout-login__inner {
  z-index: 1;
  box-sizing: border-box;
  height: 100%;
  position: relative;
  padding: 0px calc(431px + 40px) 0px 40px;
  background: #000;
}
@media (max-width: 480px) {
  .layout-login__inner {
    max-width: 100%;
    padding: 0px 20px;
  }
}
.layout-login__content {
  box-sizing: border-box;
  width: 90%;
  min-height: 100%;
  position: relative;
  margin: 0px auto;
  padding: 60px 0px 285px;
}
@media (max-width: 480px) {
  .layout-login__content {
    padding: 40px 0px;
  }
}
.layout-login__preloader {
  height: 100px;
  position: relative;
}
.layout-login__preloader.preloader:before {
  display: none;
}
.layout-login__preloader.preloader:after {
  margin: -20px 0px 0px -20px;
  padding: 18px;
  border-width: 2px;
  border-color: #fff #fff transparent;
  opacity: 0.5;
}
.layout-login__title {
  margin-bottom: 25px;
  font: 42px 'RobotoMedium', Arial, sans-serif;
  font-weight: normal;
}
.layout-login__title_green {
  color: #01c864;
}
.layout-login__subtitle {
  max-width: 700px;
  margin-top: -18px;
  font-size: 18px;
  line-height: 29px;
}
.layout-login__subtitle__separator {
  display: inline-block;
  margin: 0px 10px;
  font-family: 'RobotoMedium', Arial, sans-serif;
  font-weight: normal;
  letter-spacing: -2px;
}
.layout-login__subtitle__separator:before {
  content: '//';
}
.layout-login__text {
  font-size: 18px;
  color: #999;
}
.layout-login__text_with-icon {
  box-sizing: border-box;
  min-height: 122px;
  position: relative;
  padding: 22px 0px 0px 160px;
}
.layout-login__text_with-icon:before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  padding: 61px;
  background-repeat: no-repeat;
  background-size: cover;
}
.layout-login__text_signup:before {
  background-image: url('../img/layout-login/layout-login__text_signup.svg');
}
.layout-login__text_email-confirm:before {
  background-image: url('../img/layout-login/layout-login__text_email-confirm.svg');
}
.layout-login__text p {
  margin: 15px 0px;
}
.layout-login__list {
  margin: 35px 0px;
  padding: 0px;
  list-style-type: none;
}
.layout-login__list__item {
  position: relative;
  margin-bottom: 10px;
  padding-left: 25px;
}
.layout-login__list__item:before {
  content: '–';
  position: absolute;
  top: 0px;
  left: 0px;
}
.layout-login__link {
  font: 15px 'RobotoMedium', Arial, sans-serif;
  font-weight: normal;
  transition: color 0.1s linear;
}
.layout-login__link,
.layout-login__link:visited,
.layout-login__link:active {
  color: #0061ce;
}
.layout-login__link:hover {
  color: #106ed8;
}
.layout-login__cards {
  width: 980px;
  position: absolute;
  bottom: -85px;
  left: 50%;
  margin-left: calc(-980px/2 - 40px);
  white-space: nowrap;
}
@media (max-width: 480px) {
  .layout-login__cards {
    display: none;
  }
}
.layout-login__card {
  display: inline-block;
  width: 20%;
  font-size: 0px;
  box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.4);
  transform: rotate(-345deg);
}
.layout-login__card:before {
  content: '';
  display: block;
  width: 200px;
  height: 300px;
  background-repeat: no-repeat;
  background-size: cover;
}
.layout-login__card_pink:before {
  background-image: url('../img/layout-login/layout-login__card_pink.svg');
}
.layout-login__card_blue:before {
  background-image: url('../img/layout-login/layout-login__card_blue.svg');
}
.layout-login__card_white:before {
  background-image: url('../img/layout-login/layout-login__card_white.svg');
}
.layout-login__card_purple:before {
  background-image: url('../img/layout-login/layout-login__card_purple.svg');
}
.layout-login__card_black:before {
  background-image: url('../img/layout-login/layout-login__card_black.svg');
}
.layout-login__form {
  z-index: 1;
  box-sizing: border-box;
  width: 431px;
  position: absolute;
  top: -70px;
  right: 0px;
  bottom: 0px;
  padding-bottom: 30px;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  background: #000;
}
.layout-login__form__inner {
  height: 100%;
  overflow-y: scroll;
}
@media (max-width: 860px) {
  .layout-login__form {
    width: 340px;
  }
}
@media (max-width: 480px) {
  .layout-login__form {
    width: 100%;
    top: -20px;
  }
}
.layout-login .footer {
  z-index: 2;
  padding: 20px 38px 14px;
  color: #eee;
  background: linear-gradient(transparent 0%, #000 30%, #000 100%);
}
.login-form {
  padding: 80px 38px 60px;
  /*
	 * Hack for Chrome.
	 * Reset input's background when autofill happens
	 */
}
@media (max-width: 480px) {
  .login-form {
    padding-top: 74px;
    padding-right: 18px;
    padding-left: 18px;
  }
}
.login-form__head {
  z-index: 2;
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  padding: 26px 38px 20px;
  background: linear-gradient(#000 0%, #000 70%, transparent 100%);
  font-size: 14px;
}
@media (max-width: 480px) {
  .login-form__head {
    padding-right: 18px;
    padding-left: 18px;
  }
}
.login-form__form {
  z-index: 3;
  position: relative;
}
.login-form__form.preloader:before {
  z-index: 2;
  background: #000;
  opacity: 0.7;
}
.login-form__form.preloader:after {
  margin: -20px 0px 0px -20px;
  padding: 18px;
  border-width: 2px;
  border-color: #fff #fff transparent;
}
.login-form__title {
  margin-bottom: 20px;
  font-size: 24px;
}
.login-form__note {
  margin: -10px 0px 20px;
  color: #999;
}
.login-form__field {
  margin-bottom: 20px;
}
.login-form__field_password {
  margin-bottom: 30px;
}
.login-form__link {
  color: #999;
  transition: color 0.1s linear;
}
.login-form__link:hover {
  color: #fff;
}
.login-form__link_signin:before {
  content: '';
  display: inline-block;
  width: 9px;
  height: 15px;
  vertical-align: top;
  margin: 2px 12px 0px 0px;
  background: url('../img/icon/icon_signin.svg') no-repeat;
  background-size: cover;
  opacity: 0.6;
  transition: opacity 0.1s linear;
}
.login-form__link_signin:hover:before {
  opacity: 1;
}
.login-form__link_signup {
  float: right;
}
.login-form__link_signup:before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: top;
  margin: -2px 10px 0px 0px;
  background: url('../img/icon/icon_signup.svg') no-repeat;
  background-size: cover;
  opacity: 0.6;
  transition: opacity 0.1s linear;
}
.login-form__link_signup:hover:before {
  opacity: 1;
}
.login-form__error {
  margin-bottom: 25px;
  color: #ff5559;
}
.login-form__submit-button {
  width: 100%;
  margin-top: 30px;
}
.login-form__submit-button:disabled {
  background: #4d4d4d;
}
.login-form__submit-button_white {
  background: #fff;
}
.login-form__cancel-button {
  width: 100%;
  margin-top: 20px;
  background: #1a1a1a;
  color: #fff;
}
.login-form__cancel-button:hover,
.login-form__cancel-button:enabled:active {
  background: #1a1a1a;
  color: #fff;
}
.login-form input:-webkit-autofill {
  transition: background-color 15000s, color 15000s;
}
.login-form .ae-input__native:-webkit-autofill {
  background-color: #fff !important;
  color: #333 !important;
}
.login-form .ae-input__native-dark:-webkit-autofill {
  background-color: transparent !important;
  color: #fff !important;
}
.signup-form__terms-link {
  text-decoration: underline;
}
.reset-password-form .login-form__submit-button {
  margin-top: 20px;
}
.reset-password-form__note {
  position: relative;
  margin-top: 30px;
  padding-top: 144px;
  text-align: center;
}
.reset-password-form__note:before {
  content: '';
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -61px;
  padding: 61px;
  background: url('../img/layout-login/layout-login__ok.svg') no-repeat;
  background-size: cover;
}
.forgot-password-form .login-form__submit-button {
  margin-top: 20px;
}
.gauth {
  position: relative;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #4d4d4d;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.1s linear;
}
.gauth_ready {
  opacity: 1;
  visibility: visible;
}
.gauth__text {
  width: 40px;
  position: absolute;
  top: -9px;
  left: 50%;
  margin-left: -20px;
  background: #000;
  color: #999;
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
}
.gauth__button {
  width: 100%;
  background: #fff;
  position: relative;
}
.gauth__button .icon {
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -9px;
}
.gauth__error {
  margin-top: 20px;
  color: #ff5559;
}
/* User notifications */
.user-notifier {
  position: absolute;
  z-index: 13;
  top: 70px;
  left: 0px;
  right: 0px;
  background: rgba(1, 200, 100, 0.9);
  color: #fff;
  font-size: 18px;
  line-height: 60px;
  text-align: center;
  color: #333333;
  transition: top 0.5s ease-in-out;
}
.user-notifier_out {
  top: -100px;
}
.user-notifier_fail {
  background: rgba(253, 100, 103, 0.9);
}
/* Confirm popup */
.confirm-popup {
  text-align: center;
}
.confirm-popup.ae-popup__popup {
  width: 540px;
}
.confirm-popup .ae-popup__header {
  background: #fff;
}
.confirm-popup .ae-popup__close:after,
.confirm-popup .ae-popup__close:before {
  background: #888888;
}
.confirm-popup .ae-popup__content {
  padding: 0px 50px;
}
.confirm-popup__title {
  margin-bottom: 10px;
  font: 22px 'RobotoMedium', Arial, sans-serif;
  font-weight: normal;
}
.confirm-popup__description {
  color: #888888;
}
.confirm-popup__actions {
  margin: 0px -50px;
  padding: 30px 0px 25px;
  background: #f5f5f5;
}
.confirm-popup__confirm {
  margin-left: 10px;
}
/* Popup */
.modal {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  display: none;
  z-index: 100;
}
.modal_show {
  display: block;
}
.modal_scroll {
  overflow-y: scroll;
}
.modal_scroll:before {
  content: '';
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background: rgba(0, 0, 0, 0.6);
}
.modal__fader {
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  top: 0px;
}
.modal_scroll .modal__fader {
  background: transparent;
}
.mobile-detected-popup {
  z-index: 101;
  width: 400px;
}
/* Tooltip */
.tooltip {
  z-index: 101;
  display: none;
  position: fixed;
  margin-top: -10px;
  padding-left: 28px;
}
.tooltip_bottom {
  margin-top: 0px;
  margin-left: -12px;
  padding-top: 20px;
  padding-left: 0px;
}
.tooltip_opened {
  display: block;
}
.tooltip__inner {
  position: relative;
  padding: 10px 20px 15px;
  background: #fff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}
.tooltip__inner:before {
  content: '';
  width: 0px;
  height: 0px;
  position: absolute;
  top: 11px;
  right: 100%;
  border-width: 12px 11px;
  border-style: solid;
  border-color: transparent rgba(0, 0, 0, 0.1) transparent transparent;
}
.tooltip__inner:after {
  content: '';
  width: 0px;
  height: 0px;
  position: absolute;
  top: 12px;
  right: 100%;
  border-width: 11px 10px;
  border-style: solid;
  border-color: transparent #fff transparent transparent;
}
.tooltip__inner .preloader {
  margin-top: 3px;
}
.tooltip__inner p {
  margin: 0px 0px 5px;
  padding: 0px;
}
.tooltip__inner ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}
.tooltip__inner ul li {
  margin-top: 5px;
}
.tooltip__inner ul li:first-child {
  margin-top: 15px;
}
.tooltip_bottom .tooltip__inner:before,
.tooltip_bottom .tooltip__inner:after {
  top: auto;
  right: auto;
  bottom: 100%;
}
.tooltip_bottom .tooltip__inner:before {
  left: 12px;
  border-width: 11px 12px;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
}
.tooltip_bottom .tooltip__inner:after {
  left: 13px;
  border-width: 10px 11px;
  border-color: transparent transparent #fff transparent;
}
.tooltip .link {
  color: #0061ce;
}
/* Forms */
.select {
  display: inline-block;
  background: #f5f6f7;
  position: relative;
  cursor: pointer;
}
.select__arr {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 10px;
  height: 6px;
  margin-top: -2px;
  background: url('../img/select/select_arr.svg') no-repeat;
  opacity: 0.7;
}
.select__value {
  line-height: 33px;
  padding-left: 14px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select_opened {
  background: #fefefe;
  z-index: 10;
}
.select_opened:after {
  content: '';
  z-index: -1;
  position: absolute;
  top: -3px;
  right: -3px;
  bottom: -3px;
  left: -3px;
  border: 3px solid #00e173;
}
.select_opened .select__arr {
  opacity: 1;
  transform: rotate(180deg);
}
.select_disabled {
  cursor: auto;
}
.select_disabled .select__arr {
  display: none;
}
.select_disabled .select__value {
  padding-right: 5px;
}
.select__options {
  background: #fbfbfb;
  position: absolute;
  top: 100%;
  left: -3px;
  right: -3px;
  border: 3px solid #00e173;
  border-width: 0px 3px 3px;
  max-height: 300px;
  overflow-y: scroll;
  padding-top: 5px;
}
.select__item {
  line-height: 32px;
  padding-left: 13px;
  color: #64696e;
  white-space: nowrap;
}
.select__item:hover {
  background: #fff;
  color: inherit;
}
/* /Forms */
/* Header */
.header {
  z-index: 14;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  height: 70px;
  position: absolute;
  top: -70px;
  right: 0px;
  left: 0px;
  padding-left: 245px;
  background: #000;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.header__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  -ms-flex-align: center;
      align-items: center;
}
.header__item {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  display: inline-block;
}
.header__item_dropdown {
  position: relative;
  border-width: 0px 1px;
  border-style: solid;
  border-color: #333333;
  background: transparent;
  transition: background 0.1s linear, border-color 0.1s linear;
}
.header__item_dropdown:not(.header__item_disabled):hover,
.header__item_dropdown.header__item_opened {
  background: #333333;
}
.header__item__label {
  display: block;
  box-sizing: border-box;
  height: 70px;
  position: relative;
  padding: 22px 18px 0px;
  white-space: nowrap;
  font-size: 18px;
  color: #fff;
  opacity: 0.8;
  cursor: pointer;
  transition: opacity 0.1s linear;
}
.header__item__label:hover,
.header__item__label_active,
.header__item__label_disabled {
  opacity: 1;
}
.header__item__label_active {
  color: #00e173;
}
.header__item__label_disabled {
  color: #666666;
  cursor: default;
}
.header__item:hover .header__item__label,
.header__item_opened .header__item__label {
  opacity: 1;
}
.header__item_dropdown .header__item__label {
  padding-right: 28px;
  padding-left: 28px;
}
.header__item__dropdown-tick {
  display: inline-block;
  width: 14px;
  height: 10.5px;
  position: relative;
  cursor: pointer;
  margin-left: 10px;
}
.header__item__dropdown-tick:before,
.header__item__dropdown-tick:after {
  content: '';
  width: 2px;
  height: 7px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -3.5px;
  background: #fff;
  transition: transform 0.1s linear;
}
.header__item__dropdown-tick:before {
  margin-left: -2.5px;
  transform: rotate(135deg);
}
.header__item__dropdown-tick:after {
  margin-left: 1.5px;
  transform: rotate(45deg);
}
@media (max-width: 1040px) {
  .header__item__dropdown-tick {
    margin-left: 5px;
  }
}
.header__item__label_active .header__item__dropdown-tick {
  display: inline-block;
  width: 14px;
  height: 10.5px;
  position: relative;
  cursor: pointer;
}
.header__item__label_active .header__item__dropdown-tick:before,
.header__item__label_active .header__item__dropdown-tick:after {
  content: '';
  width: 2px;
  height: 7px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -3.5px;
  background: #00e173;
  transition: transform 0.1s linear;
}
.header__item__label_active .header__item__dropdown-tick:before {
  margin-left: -2.5px;
  transform: rotate(135deg);
}
.header__item__label_active .header__item__dropdown-tick:after {
  margin-left: 1.5px;
  transform: rotate(45deg);
}
.header__item_opened .header__item__dropdown-tick:before,
.header__item_opened .header__item__label_active .header__item__dropdown-tick:before {
  transform: rotate(45deg);
}
.header__item_opened .header__item__dropdown-tick:after,
.header__item_opened .header__item__label_active .header__item__dropdown-tick:after {
  transform: rotate(135deg);
}
.header__item__dropdown {
  display: block;
  box-sizing: border-box;
  position: absolute;
  top: 100%;
  left: -1px;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
  text-align: left;
  color: #fff;
  background: #333333;
  -webkit-user-select: auto;
      -ms-user-select: auto;
          user-select: auto;
}
.header__item__dropdown-item {
  display: block;
  max-width: 260px;
  position: relative;
  padding: 7px 20px;
  text-align: left;
  font-size: 14px;
  line-height: 16px;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  opacity: 0.8;
  transition: opacity 0.1s linear;
}
.header__item__dropdown-item:before {
  content: '';
  width: 2px;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  background: #fff;
  opacity: 0;
  transition: opacity 0.1s linear;
}
.header__item__dropdown-item:hover,
.header__item__dropdown-item_active {
  opacity: 1;
}
.header__item__dropdown-item:hover:before,
.header__item__dropdown-item_active:before {
  opacity: 1;
}
.header__item__dropdown-item_active {
  color: #01c864;
  cursor: default;
}
.header__item__dropdown-item_active:before {
  background: #01c864;
}
.header__item__dropdown-item:first-child {
  margin-top: 0px;
}
.header__navigation {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  vertical-align: top;
  text-align: center;
  white-space: nowrap;
}
.header__navigation .header__item_dropdown .header__item__label {
  padding-right: 18px;
  padding-left: 18px;
}
@media (max-width: 1040px) {
  .header__item__label,
  .header__item_dropdown .header__item__label,
  .header__navigation .header__item_dropdown .header__item__label {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (max-width: 920px) {
  .header {
    padding-left: 154px;
  }
}
.inventory-menu__dropdown {
  width: 772px;
  padding: 5px 20px 10px 28px;
}
@media (max-width: 1000px) {
  .inventory-menu__dropdown {
    left: -155px;
  }
}
.inventory-menu__head {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin-bottom: -1px;
  padding: 10px 0px;
  font-size: 14px;
  border-bottom: 1px solid #434343;
}
.inventory-menu__head .inventory-filter {
  z-index: 1;
  -ms-flex: 0 1 170px;
      flex: 0 1 170px;
  min-height: 100%;
  margin: -8px 0px -13px;
}
.inventory-menu__head .inventory-filter:after {
  z-index: 0;
  right: auto;
  left: 0px;
  background: url('../img/icon/icon-search_white.svg');
  opacity: 1;
}
.inventory-menu__head .inventory-filter__input {
  z-index: 1;
}
.inventory-menu__head .inventory-filter__clear {
  right: 0px;
  padding: 0px;
  background: none;
  position: absolute;
  z-index: 10;
  width: 10px;
  height: 10px;
  cursor: pointer;
}
.inventory-menu__head .inventory-filter__clear::before,
.inventory-menu__head .inventory-filter__clear::after {
  top: 0px;
  content: '';
  width: 1px;
  left: 50%;
  height: 14.14213562px;
  background: #fff;
  display: block;
  position: absolute;
  transform: rotate(45deg);
  transform-origin: 50% 50%;
  margin: -2px 0 0;
}
.inventory-menu__head .inventory-filter__clear::after {
  transform: rotate(-45deg);
}
.inventory-menu__head .inventory-filter .ae-input__input {
  height: 42px;
}
.inventory-menu__head .inventory-filter .ae-input__native {
  height: 42px;
  padding-right: 18px;
  padding-left: 24px;
  font-size: 14px;
  line-height: 39px;
  color: #fff;
}
.inventory-menu__head .inventory-filter:hover,
.inventory-menu__head .inventory-filter_query-filtered,
.inventory-menu__head .inventory-filter .ae-input__native:focus {
  border-bottom-color: #fff;
}
.inventory-menu__objects {
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
  text-align: center;
  color: #ababab;
}
.inventory-menu__objects__type {
  text-transform: uppercase;
}
.inventory-menu__objects__section {
  display: inline-block;
  margin-left: 20px;
}
.inventory-menu__objects__section:first-child {
  margin-left: 0px;
}
.inventory-menu__objects__value {
  display: inline-block;
  font-family: 'RobotoBold', Arial, sans-serif;
  font-weight: normal;
  color: #fff;
}
.inventory-menu__content {
  max-height: 500px;
  margin: 0px calc(-20px - 12px) 0px -28px;
  padding: 0px calc(20px + 12px) 0px 28px;
  overflow-y: auto;
}
.inventory-menu__section {
  position: relative;
  margin: 0px -20px 0px -28px;
  padding: 20px 20px 15px 28px;
  background: transparent;
  transition: background 0.1s linear;
}
.inventory-menu__section:before {
  content: '';
  height: 1px;
  position: absolute;
  top: 0px;
  right: 20px;
  left: 28px;
  background: #434343;
}
.inventory-menu__section:hover {
  background: #434343;
}
.inventory-menu__section:hover .inventory-menu-item__status {
  border-color: #434343;
}
.inventory-menu__section:hover + .inventory-menu__section:before {
  background: transparent;
}
.inventory-menu__section__title {
  margin: 0px 60px 12px 0px;
  font: 14px 'RobotoMedium', Arial, sans-serif;
  font-weight: normal;
}
.inventory-menu__section__title .label {
  margin-left: 9px;
}
.inventory-menu__section__actions {
  position: absolute;
  top: 20px;
  right: 20px;
}
.inventory-menu__section__actions .icon {
  vertical-align: top;
  margin-left: 18px;
  cursor: pointer;
  transition: opacity 0.1s linear;
}
.inventory-menu__section__actions .icon_nginx-plus,
.inventory-menu__section__actions .icon_round-info-white,
.inventory-menu__section__actions .icon_remove-white {
  opacity: 0.2;
}
.inventory-menu__section__actions .icon_remove-white {
  position: relative;
  margin-top: 1px;
}
.inventory-menu__section:hover .inventory-menu__section__actions .icon {
  opacity: 0.5;
}
.inventory-menu__section:hover .inventory-menu__section__actions .icon:hover {
  opacity: 0.8;
}
.inventory-menu__section:after {
  content: '';
  display: block;
  clear: both;
}
.inventory-menu__section_danger .inventory-menu-item__name__string,
.inventory-menu__section_danger .inventory-menu-item__metric__value,
.inventory-menu__section_danger .inventory-menu-item__metric__name {
  color: #ababab !important;
}
.inventory-menu__section_danger .inventory-menu-item__metric__value {
  font-family: 'RobotoRegular', Arial, sans-serif;
  font-weight: normal;
}
.inventory-menu__hostname {
  display: inline-block;
  max-width: 300px;
  vertical-align: top;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.inventory-menu__ip {
  vertical-align: top;
  margin-left: 6px;
  color: #ababab;
  font: 12px 'RobotoRegular', Arial, sans-serif;
  font-weight: normal;
}
.inventory-menu__object-removing {
  margin: 30px -50px -5px;
  padding: 25px 0px 0px;
  background: #f5f5f5;
  color: #666666;
}
.inventory-menu__object-removing__row {
  display: -ms-flexbox;
  display: flex;
  width: 230px;
  margin: 0px auto 5px;
}
.inventory-menu__object-removing__cell:first-child {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
}
.inventory-menu__object-removing__cell:first-child:after {
  content: '';
  display: block;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  min-width: 10px;
  height: 16px;
  margin: 0px 4px;
  border-bottom: 1px solid #d8d8d8;
}
.inventory-menu__object-removing__cell:nth-child(2) {
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.inventory-menu-item {
  display: -ms-flexbox;
  display: flex;
  height: 20px;
  position: relative;
  margin: 0px 0px 0px 14px;
  padding: 0px 25px 0px 5px;
  white-space: nowrap;
  font-size: 12px;
  line-height: 20px;
  border-radius: 2px;
  background: transparent;
  color: #ababab;
  transition: background 0.1s linear, color 0.1s linear;
}
.inventory-menu-item:hover {
  background: #666666;
  color: #fff;
}
.inventory-menu-item_subitem {
  margin-bottom: 0px;
}
.inventory-menu-item_subitem:after {
  content: '';
  display: block;
  width: 6px;
  position: absolute;
  top: -9px;
  bottom: 50%;
  left: -10px;
  margin-bottom: -2px;
  border-width: 1px;
  border-style: solid;
  border-color: transparent transparent #01c864 #01c864;
}
.inventory-menu-item_offline.inventory-menu-item_subitem:after {
  border-color: transparent transparent #ec2c31 #ec2c31;
}
.inventory-menu-item:not(.inventory-menu-item_subitem) .inventory-menu-item__name {
  color: #fff;
}
.inventory-menu-item__status {
  z-index: 1;
  display: block;
  position: absolute;
  top: 2px;
  left: -17px;
  padding: 5px;
  border-radius: 100%;
  border: 3px solid #333333;
  background: #01c864;
}
.inventory-menu-item_offline .inventory-menu-item__status {
  background: #ec2c31;
}
.inventory-menu-item__name {
  -ms-flex: 0 0 231px;
      flex: 0 0 231px;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 5px;
}
.inventory-menu-item__metrics {
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
  display: -ms-flexbox;
  display: flex;
}
.inventory-menu-item__metric {
  -ms-flex: 0 0 95px;
      flex: 0 0 95px;
  display: -ms-flexbox;
  display: flex;
}
.inventory-menu-item__metric:first-child {
  margin-left: 0px;
}
.inventory-menu-item__metric:last-child {
  -ms-flex-preferred-size: 85px;
      flex-basis: 85px;
}
.inventory-menu-item__metric__value {
  -ms-flex: 1 0 34px;
      flex: 1 0 34px;
  font-family: 'RobotoBold', Arial, sans-serif;
  font-weight: normal;
  text-align: right;
  color: #fff;
}
.inventory-menu-item__metric__name {
  -ms-flex: 0 1 34px;
      flex: 0 1 34px;
  margin-left: 4px;
  font-family: 'RobotoLight', Arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
}
.inventory-menu-item_offline .inventory-menu-item__name__string {
  color: #ec2c31;
}
.inventory-menu-item__remove {
  width: 9px;
  height: 10px;
  position: absolute;
  top: 50%;
  right: 6px;
  margin-top: -5px;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.1s linear;
}
.inventory-menu-item:hover .inventory-menu-item__remove {
  opacity: 0.6;
}
.inventory-menu-item:hover .inventory-menu-item__remove:hover {
  opacity: 1;
}
.custom-dashboard-menu {
  border: none;
}
.custom-dashboard-menu__dropdown {
  padding: 0px 0px 16px;
}
.custom-dashboard-menu__button {
  margin: 15px 20px 0px;
  padding: 10px 20px 11px;
  text-align: center;
  background: #666666;
  color: #fff;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  cursor: pointer;
  transition: background 0.1s linear;
}
.custom-dashboard-menu__button:hover {
  background: #888888;
}
.custom-dashboard-menu__button:active {
  background: #ababab;
}
@keyframes unreaded {
  0%,
  40% {
    transform: rotate(0deg);
  }
  45% {
    transform: rotate(-15deg);
  }
  50% {
    transform: rotate(15deg);
  }
  55% {
    transform: rotate(-10deg);
  }
  60% {
    transform: rotate(10deg);
  }
  65%,
  100% {
    transform: rotate(0deg);
  }
}
.notifications-icon {
  position: relative;
}
.notifications-icon .icon_bell {
  margin-top: 2px;
}
.notifications-icon_unreaded .icon_bell {
  animation: unreaded 2s infinite;
}
.notifications-icon_opened .icon_bell {
  animation: none;
}
.notifications-icon__unreaded-sign {
  width: 1px;
  height: 1px;
  position: absolute;
  top: 16px;
  right: 24px;
  padding: 2px;
  border-radius: 100%;
  background: #00df6f;
  opacity: 0;
  transition: opacity 0.1s linear;
}
.notifications-icon_unreaded .notifications-icon__unreaded-sign {
  opacity: 1;
}
.notifications-modal {
  top: 70px;
  left: 100%;
}
.notifications-modal_opened {
  left: 0px;
}
.notifications-modal .modal__fader {
  opacity: 0;
  background: rgba(232, 233, 235, 0.8);
  transition: opacity 0.1s linear;
}
.notifications-modal_opened .modal__fader {
  opacity: 1;
}
.notifications {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  box-sizing: border-box;
  width: 480px;
  position: absolute;
  top: 0px;
  right: -480px;
  bottom: 0px;
  background: #fff;
  transition: right 0.1s linear;
}
.notifications_opened {
  right: 0px;
}
.notifications__header {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  padding: 15px 20px;
  border-bottom: 1px solid #d8d8d8;
}
.notifications__filter {
  float: left;
  text-transform: uppercase;
  font: 12px/30px 'RobotoBold', Arial, sans-serif;
  font-weight: normal;
}
.notifications__check-all {
  float: right;
}
.notifications__content {
  height: 100%;
  overflow: auto;
}
.notifications__content_empty {
  padding: 20px;
  color: #666;
  font: 18px/30px 'RobotoLight', Arial, sans-serif;
  font-weight: normal;
  text-align: center;
}
.notifications__get-more {
  margin-top: -1px;
  padding: 20px 0px 20px;
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
  background: #efefef;
  background: linear-gradient(to bottom, #efefef, #fff 80%, #fff);
  opacity: 0.6;
  cursor: pointer;
  transition: background 0.1s linear;
}
.notifications__get-more:hover {
  background: linear-gradient(to bottom, #efefef, #efefef 20%, #fff);
}
.notification {
  box-sizing: border-box;
  padding: 16px 20px;
  border-bottom: 1px solid #d8d8d8;
  background: #fff;
  overflow: hidden;
  transition: all 0.1s linear;
}
.notification:hover {
  background: #f8f8f8;
}
.notification_checked {
  opacity: 0.6;
}
.notification_checked:hover {
  background: #fff;
}
.notification-leave {
  opacity: 1;
}
.notification-leave.notification_checked {
  opacity: 0.6;
}
.notification-leave.notification-leave-active {
  opacity: 0;
}
.notification__actions {
  z-index: 1;
  position: relative;
  float: right;
  white-space: nowrap;
  text-align: right;
}
.notification__count {
  display: inline-block;
  margin-right: 15px;
  padding: 0px 7px;
  border: 1px solid #d8d8d8;
  border-radius: 9px;
  font: 12px/18px 'RobotoMedium', Arial, sans-serif;
  font-weight: normal;
}
.notification__remove {
  display: inline-block;
  vertical-align: top;
  padding: 0px 4px;
  opacity: 0.6;
  transition: opacity 0.1s linear;
  cursor: pointer;
}
.notification__remove:hover {
  opacity: 1;
}
.notification__remove .icon {
  width: 12px;
  height: 12px;
  background-image: url('../img/icon/icon_close.png');
}
.notification__content {
  min-height: 25px;
  position: relative;
  margin-right: 20px;
  padding-left: 40px;
  line-height: 20px;
}
.notification__content_check {
  cursor: pointer;
}
.notification_checked .notification__content {
  cursor: default;
}
.notification__type {
  width: 25px;
  height: 25px;
  position: absolute;
  top: 4px;
  left: 0px;
  background-size: cover;
  display: inline-block;
  font-size: 0px;
  background-position: 50%;
  background-repeat: no-repeat;
}
.notification__type_inventory {
  width: 22px;
  height: 16px;
  background-image: url('../img/icon/icon_inventory.svg');
  background-size: cover;
}
.notification__type_bell {
  width: 20px;
  height: 20px;
  background: url('../img/icon/icon_bell.svg');
  background-size: cover;
}
.notification__type_plus {
  width: 12px;
  height: 12px;
  background-image: url('../img/icon/icon_plus.png');
}
.notification__type_close {
  width: 12px;
  height: 12px;
  background-image: url('../img/icon/icon_close.png');
}
.notification__type_close:hover {
  background-image: url('../img/icon/icon_close_hover.png');
}
.notification__type_remove {
  width: 14px;
  height: 15px;
  background-image: url('../img/icon/icon_remove.svg');
  background-size: cover;
  position: relative;
}
.notification__type_remove:before {
  content: '';
  position: absolute;
  top: -3px;
  right: -3px;
  bottom: -3px;
  left: -3px;
}
.notification__type_remove-white {
  width: 14px;
  height: 15px;
  background-image: url('../img/icon/icon_remove-white.svg');
  background-size: cover;
}
.notification__type_remove-mini {
  width: 8px;
  height: 8px;
  background-image: url('../img/icon/icon_remove-mini.png');
}
.notification__type_resend {
  height: 18px;
  width: 18px;
  background-image: url('../img/icon/icon_resend.svg');
}
.notification__type_settings {
  width: 18px;
  height: 18px;
  background-image: url('../img/icon/icon_settings.svg');
}
.notification__type_pen {
  width: 14px;
  height: 14px;
  background-image: url('../img/icon/icon_pen.png');
}
.notification__type_copy {
  width: 14px;
  height: 14px;
  background-image: url('../img/icon/icon_copy.svg');
  background-size: cover;
}
.notification__type_paste {
  width: 15px;
  height: 14px;
  background-image: url('../img/icon/icon_paste.svg');
  background-size: cover;
}
.notification__type_mute {
  width: 20px;
  height: 17px;
  background-image: url('../img/icon/icon_mute.svg');
  background-size: cover;
}
.notification__type_user {
  width: 13px;
  height: 15px;
  background-image: url('../img/icon/icon_user.svg');
  background-size: cover;
}
.notification__type_gauth {
  padding: 9px;
  background-image: url('../img/icon/icon_gauth.svg');
  background-size: cover;
}
.notification__type_round-info-white {
  padding: 9px;
  background-image: url('../img/icon/icon_round-info-white.svg');
  background-size: cover;
}
.notification__type_nginx-plus {
  width: 18px;
  height: 19px;
  background-image: url('../img/icon/icon_nginx-plus.svg');
  background-size: cover;
}
.notification__type_gear {
  padding: 9px;
  background-image: url('../img/icon/icon_gear.svg');
  background-size: cover;
}
.notification__type_default {
  background: url('../img/notifications/notification__type_default.svg');
}
.notification__type_agent {
  background: url('../img/notifications/notification__type_agent.svg');
}
.notification__type_alerts-created {
  background: url('../img/notifications/notification__type_alerts-created.svg');
}
.notification__type_alerts-cleared {
  background: url('../img/notifications/notification__type_alerts-cleared.svg');
}
.notification_checked .notification__type_default {
  background: url('../img/notifications/notification__type_default-checked.svg');
}
.notification_checked .notification__type_agent {
  background: url('../img/notifications/notification__type_agent-checked.svg');
}
.notification_checked .notification__type_alerts-created {
  background: url('../img/notifications/notification__type_alerts-created-checked.svg');
}
.notification_checked .notification__type_alerts-cleared {
  background: url('../img/notifications/notification__type_alerts-cleared-checked.svg');
}
.notification__title {
  color: #333;
  font-family: 'RobotoMedium', Arial, sans-serif;
  font-weight: normal;
}
.notification__description {
  color: #666;
}
.notification__mtime {
  font-size: 12px;
  color: #888;
}
.burger-menu {
  box-sizing: border-box;
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
  min-width: 140px;
  max-width: 280px;
  border: none;
}
@media (max-width: 1040px) {
  .burger-menu {
    min-width: 110px;
  }
}
.burger-menu__user {
  display: -ms-flexbox;
  display: flex;
  padding-top: 30px;
}
.burger-menu__user-name {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  margin-top: -8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.burger-menu__dropdown {
  right: 0px;
  padding-bottom: 10px;
}
.burger-menu__account-links {
  margin-bottom: 13px;
}
.burger-menu .header__item__dropdown-item {
  padding-left: 28px;
}
@media (max-width: 1040px) {
  .burger-menu .header__item__dropdown-item {
    padding-left: 10px;
  }
}
.burger-menu__link {
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 18px;
  cursor: pointer;
}
.burger-menu__signout {
  margin: 4px 18px 0px 0px;
  vertical-align: top;
}
.support-popup {
  width: 500px;
}
.support-popup a {
  text-decoration: underline;
}
.support-popup li {
  margin-top: 5px;
}
/* /Header */
/* Time-Window */
.calendar {
  list-style-type: none;
  display: -ms-flexbox;
  display: flex;
  padding: 70px 20px 26px;
  margin: 0;
}
.calendar__month {
  font-size: 18px;
  color: #333333;
  position: absolute;
  left: 8px;
  top: -54px;
}
.calendar__day {
  position: relative;
  cursor: pointer;
  -ms-flex-positive: 1;
      flex-grow: 1;
}
.calendar__day:last-child {
  -ms-flex-positive: 0;
      flex-grow: 0;
}
.calendar__day_selected {
  background: #f8f8f8;
}
.calendar__day__name {
  width: 40px;
  text-align: center;
  color: #888888;
  font-size: 11px;
  text-transform: uppercase;
  display: block;
  position: absolute;
  top: -20px;
}
.calendar__day__num {
  display: block;
  font-size: 18px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 20px;
  transition: padding-left 0.2s, margin-left 0.2s;
}
.calendar__day__num::before {
  display: block;
  position: absolute;
  content: '';
  left: -31px;
  top: 0px;
  color: #fff;
  font-size: 12px;
  opacity: 0;
  transition: opacity 0.2s;
}
.calendar__day__num:hover {
  padding-left: 40px;
  margin-left: -40px;
  background-color: #01c864;
  color: #fff;
}
.calendar__day__num:hover::before {
  opacity: 1;
}
.calendar__day_boundary-l {
  border-radius: 20px 0 0 20px;
}
.calendar__day_boundary-r {
  background-color: transparent;
  background-image: linear-gradient(to right, #f8f8f8 21px, transparent 40px);
}
.calendar__day_boundary-l .calendar__day__num:hover::before {
  content: 'From';
}
.calendar__day_boundary-r .calendar__day__num:hover::before {
  content: 'To';
  left: -25px;
}
.calendar__day_boundary-l .calendar__day__num,
.calendar__day_boundary-r .calendar__day__num {
  color: #ffffff;
  background-color: #01c864;
}
.calendar__day__time {
  font-size: 12px;
  color: #666666;
  cursor: pointer;
  position: absolute;
  left: 8px;
  padding-top: 4px;
  white-space: nowrap;
  margin-left: -3px;
}
.calendar__day__time:hover {
  color: #333333;
}
.timewindow-chooser {
  margin-left: auto;
}
.timewindow-chooser__list {
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  font: 12px/43px 'RobotoRegular', Arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.timewindow-chooser__list-item {
  position: relative;
  margin-left: 10px;
  padding: 0px 5px;
  text-align: center;
  cursor: pointer;
}
.timewindow-chooser__list-item:first-child {
  margin-left: 0px;
}
.timewindow-chooser__list-item_selected {
  cursor: default;
  color: #01c864;
}
.timewindow-chooser__list-item:before {
  content: '';
  height: 2px;
  position: absolute;
  right: 0px;
  bottom: -2px;
  left: 0px;
  background: transparent;
  transition: background 0.1s linear;
}
.timewindow-chooser__list-item_selected:before {
  background: #01c864;
}
.timewindow-calendar {
  display: inline-block;
  vertical-align: top;
  margin-left: 12px;
  position: relative;
}
.timewindow-calendar:before {
  content: '';
  height: 2px;
  position: absolute;
  top: 100%;
  right: 0px;
  left: 0px;
  background: transparent;
  transition: background 0.1s linear;
}
.timewindow-calendar_selected:before {
  background: #01c864;
}
.timewindow-calendar__icon {
  width: 25px;
  height: 43px;
  position: relative;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  opacity: 0.7;
  transition: opacity 0.2s linear;
}
.timewindow-calendar__icon:before {
  content: '';
  width: 15px;
  height: 15px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -7px 0px 0px -7px;
  background-image: url('../img/icon/icon_calendar.svg');
  background-repeat: no-repeat;
  background-size: cover;
}
.timewindow-calendar__icon:hover,
.timewindow-calendar_opened .timewindow-calendar__icon,
.timewindow-calendar_selected .timewindow-calendar__icon {
  opacity: 1;
}
.timewindow-calendar_selected .timewindow-calendar__icon:before {
  background-image: url('../img/icon/icon_calendar-active.svg');
}
.timewindow-calendar__period {
  color: #666666;
  display: inline-block;
  vertical-align: middle;
  line-height: 43px;
  cursor: pointer;
  margin-left: 6px;
}
.timewindow-calendar__period:hover {
  color: #333333;
}
@media (max-width: 1200px) {
  .timewindow-calendar__period {
    display: none;
  }
}
.timewindow-calendar__cancel {
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  background-image: url('../img/icon/icon_calendar-cancel.svg');
  margin-left: 14px;
  cursor: pointer;
}
.timewindow-calendar-dropdown {
  z-index: 200;
  /* 200 is needed because widgets on custom dashboard can be 100 */
  position: fixed;
  top: 152px;
  right: 31px;
  left: 276px;
  margin-top: 20px;
  background: #fff;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
}
.timewindow-calendar-dropdown-enter {
  margin-top: 0;
  opacity: 0.01;
  transition: margin-top 0.3s ease-out, opacity 0.2s ease-out;
}
.timewindow-calendar-dropdown-enter-active {
  margin-top: 20px;
  opacity: 1;
}
.timewindow-calendar-dropdown-leave {
  margin-top: 20px;
  opacity: 1;
  transition: margin-top 0.2s ease-in, opacity 0.1s ease-in;
}
.timewindow-calendar-dropdown-leave-active {
  margin-top: 0px;
  opacity: 0.01;
}
.timewindow-calendar-dropdown__btns {
  text-align: right;
  border-top: 1px solid #d8d8d8;
  padding: 10px;
}
.timewindow-calendar-dropdown__cancel {
  margin-right: 7px;
}
.timewindow-rewinder {
  display: inline-block;
  height: 43px;
  vertical-align: top;
  margin-left: 15px;
}
.timewindow-rewinder__btn_back,
.timewindow-rewinder__btn_current,
.timewindow-rewinder__btn_forward {
  display: inline-block;
  height: 100%;
  position: relative;
  padding: 0 14px;
  cursor: pointer;
}
.timewindow-rewinder__btn_back:before,
.timewindow-rewinder__btn_current:before,
.timewindow-rewinder__btn_forward:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
}
.timewindow-rewinder__btn_back:before {
  border-width: 8px 12px 8px 0px;
  border-color: transparent #ababab transparent transparent;
}
.timewindow-rewinder__btn_forward:before {
  border-width: 8px 0px 8px 12px;
  border-color: transparent transparent transparent #ababab;
}
.timewindow-rewinder__btn_back:before,
.timewindow-rewinder__btn_forward:before {
  margin: -8px 0px 0px -6px;
  border-style: solid;
  transition: border-color 0.2s linear;
}
.timewindow-rewinder__btn_back:not(.timewindow-rewinder__btn_disabled):hover:before {
  border-right-color: #666666;
}
.timewindow-rewinder__btn_forward:not(.timewindow-rewinder__btn_disabled):hover:before {
  border-left-color: #666666;
}
.timewindow-rewinder__btn_current:before {
  margin: -7px 0px 0px -7px;
  padding: 7px;
  border-radius: 7px;
  background: #ababab;
  transition: background 0.2s linear;
}
.timewindow-rewinder__btn_current:not(.timewindow-rewinder__btn_disabled):hover:before {
  background: #666666;
}
.timewindow-rewinder__btn_disabled {
  cursor: auto;
  opacity: 0.4;
}
/* Timezone */
.timezone-select {
  z-index: 1;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font: 12px/33px 'RobotoMedium', Arial, sans-serif;
  font-weight: normal;
}
.timezone-select .clocks {
  display: inline-block;
  margin-left: 2px;
}
.timezone-select__dropdown-tick {
  display: inline-block;
  width: 12px;
  height: 9px;
  position: relative;
  cursor: pointer;
  margin-left: 5px;
}
.timezone-select__dropdown-tick:before,
.timezone-select__dropdown-tick:after {
  content: '';
  width: 1px;
  height: 6px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -3.5px;
  background: #333333;
  transition: transform 0.1s linear;
}
.timezone-select__dropdown-tick:before {
  margin-left: -2.5px;
  transform: rotate(135deg);
}
.timezone-select__dropdown-tick:after {
  margin-left: 1.5px;
  transform: rotate(45deg);
}
.timezone-select_active .timezone-select__dropdown-tick:before {
  transform: rotate(45deg);
}
.timezone-select_active .timezone-select__dropdown-tick:after {
  transform: rotate(135deg);
}
.timezone-select__dropdown {
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 130px;
  height: 300px;
  position: absolute;
  top: 100%;
  right: 0;
  padding-top: 3px;
  border: 1px solid #d8d8d8;
  border-radius: 6px;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.05);
  background: #fff;
  font: 14px/30px 'RobotoRegular', Arial, sans-serif;
  font-weight: normal;
  text-align: center;
}
.timezone-select__dropdown:before,
.timezone-select__dropdown:after {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  bottom: 100%;
  right: 14px;
  border-style: solid;
}
.timezone-select__dropdown:before {
  margin-right: -1px;
  border-width: 0 6px 6px;
  border-color: transparent transparent #d8d8d8;
}
.timezone-select__dropdown:after {
  border-width: 0 5px 5px;
  border-color: transparent transparent #fff;
}
.timezone-select__dropdown__list {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  overflow-y: scroll;
}
.timezone-select__dropdown__item {
  background: #fff;
  transition: background 0.1s linear;
}
.timezone-select__dropdown__item:hover {
  background: #f8f8f8;
}
.timezone-select__dropdown__item_selected,
.timezone-select__dropdown__item_selected:hover {
  background: #01c864;
  font-family: 'RobotoMedium', Arial, sans-serif;
  font-weight: normal;
  color: #fff;
  cursor: default;
}
.timezone-select__dropdown__utc-string {
  opacity: 0.6;
}
.timezone-select__dropdown__reset {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  padding: 10px 0;
  font-size: 12px;
  line-height: 19px;
  text-align: center;
  color: #0061ce;
}
.timezone-select__dropdown__reset_selected {
  color: #888888;
  cursor: default;
}
/* Add button */
@keyframes preloader {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.preloader {
  position: relative;
}
.preloader:before {
  z-index: 1;
  content: '';
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background: #fff;
}
.preloader_transparent:before {
  background: transparent;
}
.preloader:after {
  z-index: 2;
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -9px 0px 0px -9px;
  padding: 6px;
  border-width: 3px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.3) transparent;
  border-radius: 100%;
  animation-name: preloader;
  animation-duration: 1.5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
/* Inventory Filter */
.dropdown {
  z-index: 10;
  display: inline-block;
  position: relative;
  font-size: inherit;
}
.dropdown__pseudo {
  cursor: pointer;
  position: relative;
  z-index: 2;
  vertical-align: middle;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: #666666;
  transition: color 0.1s linear;
}
.dropdown__pseudo:hover,
.dropdown_opened .dropdown__pseudo {
  color: #333333;
}
.dropdown_dark .dropdown__pseudo {
  color: #ababab;
}
.dropdown_dark .dropdown__pseudo:hover,
.dropdown_dark.dropdown_opened .dropdown__pseudo {
  color: #fff;
}
.dropdown__tick {
  margin-left: 5px;
  display: inline-block;
  width: 10px;
  height: 7.5px;
  position: relative;
  cursor: pointer;
  opacity: 0.5;
  transition: opacity 0.1s linear;
}
.dropdown__tick:before,
.dropdown__tick:after {
  content: '';
  width: 1px;
  height: 5px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -3px;
  background: #333333;
  transition: transform 0.1s linear;
}
.dropdown__tick:before {
  margin-left: -2px;
  transform: rotate(135deg);
}
.dropdown__tick:after {
  margin-left: 1px;
  transform: rotate(45deg);
}
.dropdown__pseudo:hover .dropdown__tick,
.dropdown_opened .dropdown__tick {
  opacity: 1;
}
.dropdown_dark .dropdown__tick {
  display: inline-block;
  width: 10px;
  height: 7.5px;
  position: relative;
  cursor: pointer;
}
.dropdown_dark .dropdown__tick:before,
.dropdown_dark .dropdown__tick:after {
  content: '';
  width: 1px;
  height: 5px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -3px;
  background: #fff;
  transition: transform 0.1s linear;
}
.dropdown_dark .dropdown__tick:before {
  margin-left: -2px;
  transform: rotate(135deg);
}
.dropdown_dark .dropdown__tick:after {
  margin-left: 1px;
  transform: rotate(45deg);
}
.dropdown_opened .dropdown__tick:before {
  transform: rotate(45deg);
}
.dropdown_opened .dropdown__tick:after {
  transform: rotate(135deg);
}
.dropdown__list {
  position: absolute;
  z-index: 1;
  background: #fefefe;
  list-style-type: none;
  padding: 39px 18px 11px 33px;
  margin: 0px;
  box-shadow: 0px 3px 30px rgba(150, 155, 160, 0.4);
  display: none;
  right: -18px;
  top: -11px;
}
.dropdown__list__item {
  color: #666666;
  cursor: pointer;
  line-height: 18px;
  white-space: nowrap;
  transition: color 0.1s linear;
}
.dropdown__list__item:hover,
.dropdown__list__item_active {
  color: #333333;
}
.dropdown_dark .dropdown__list {
  background: #666666;
  box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.3);
}
.dropdown_dark .dropdown__list__item {
  color: #ababab;
}
.dropdown_dark .dropdown__list__item:hover,
.dropdown_dark .dropdown__list__item_active {
  color: #fff;
}
.dropdown_opened .dropdown__list {
  display: block;
}
.inventory-filter {
  box-sizing: border-box;
  min-height: 47px;
  position: relative;
  margin: 9px 15px 5px 10px;
  border-bottom: 2px solid transparent;
  transition: border-color 0.1s linear;
}
.inventory-filter:hover,
.inventory-filter_query-filtered,
.inventory-filter_tags-filtered {
  border-bottom-color: #333333;
}
.inventory-filter:after {
  content: '';
  z-index: -1;
  position: absolute;
  top: 50%;
  right: 0px;
  margin: -8px 0px 0px;
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url('../img/icon/icon-search.svg');
  background-size: cover;
  opacity: 0.6;
  transition: opacity 0.1s linear;
}
.inventory-filter_with-tags:after {
  right: 25px;
}
.inventory-filter_query-filtered:after,
.inventory-filter_popup-opened:after {
  opacity: 0;
}
.inventory-filter_tags-filtered:after {
  display: none;
}
.inventory-filter__input {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
}
.inventory-filter .ae-input__native {
  height: 47px;
  line-height: 47px;
  padding-right: 24px;
  background: transparent;
  border-bottom: 2px solid transparent;
  color: #333333;
  transition: border-color 0.1s linear;
}
.inventory-filter .ae-input__native:focus,
.inventory-filter_popup-opened .ae-input__native {
  border-bottom-color: #666666;
}
.inventory-filter .ae-input__native:-ms-input-placeholder {
  color: #333333;
}
.inventory-filter .ae-input__native::placeholder {
  color: #333333;
}
.inventory-filter .ae-input__native:focus:-ms-input-placeholder,
.inventory-filter_popup-opened .ae-input__native:-ms-input-placeholder {
  color: #666666;
}
.inventory-filter .ae-input__native:focus::placeholder,
.inventory-filter_popup-opened .ae-input__native::placeholder {
  color: #666666;
}
.inventory-filter__filter-by {
  z-index: 1;
  position: absolute;
  top: 10px;
  color: #01c864;
  border-color: #01c864;
  background: transparent;
}
.inventory-filter__clear {
  position: absolute;
  top: 14px;
  right: 2px;
  cursor: pointer;
  opacity: 0;
  padding: 9px;
  background: url('../img/icon/icon_circled-cross.svg');
  background-size: cover;
  z-index: -1;
  transition: opacity 0.1s linear;
}
.inventory-filter_with-tags .inventory-filter__clear {
  right: 23px;
}
.inventory-filter_query-filtered .inventory-filter__clear,
.inventory-filter_tags-filtered .inventory-filter__clear {
  z-index: 1;
  opacity: 0.65;
}
.inventory-filter_query-filtered .inventory-filter__clear:hover,
.inventory-filter_tags-filtered .inventory-filter__clear:hover {
  opacity: 1;
}
.inventory-filter__tags {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 13px 38px 0px 0px;
}
.inventory-filter__tags__item {
  max-width: 83px;
  margin: 0px 5px 5px 0px;
}
.inventory-filter__tags__more {
  color: #666666;
  font-size: 15px;
  line-height: 20px;
  cursor: pointer;
  transition: color 0.1s linear;
}
.inventory-filter__tags__more:hover {
  color: #333333;
}
.inventory-tag-filter {
  width: 32px;
  height: 45px;
  position: absolute;
  top: 0px;
  right: -10px;
  cursor: pointer;
}
.inventory-tag-filter__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -8px 0px 0px -10px;
  opacity: 0.6;
  transition: opacity 0.1s linear;
}
.inventory-tag-filter:hover .inventory-tag-filter__icon,
.inventory-tag-filter_opened .inventory-tag-filter__icon {
  opacity: 1;
}
.inventory-tag-filter__popup {
  z-index: 12;
  box-sizing: border-box;
  width: 290px;
  position: absolute;
  top: 2px;
  left: 100%;
  padding: 36px 16px 16px;
  border: 1px solid #d8d8d8;
  background: #fff;
  box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.3);
  cursor: default;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.inventory-tag-filter__popup:before,
.inventory-tag-filter__popup:after {
  content: '';
  display: block;
  position: absolute;
  top: 11px;
  right: 100%;
  width: 0px;
  border-style: solid;
}
.inventory-tag-filter__popup:before {
  border-width: 8px 7px;
  border-color: transparent #d8d8d8 transparent transparent;
}
.inventory-tag-filter__popup:after {
  margin-top: 1px;
  border-width: 6px 5px;
  border-color: transparent #fff transparent transparent;
}
.inventory-tag-filter__popup__header {
  box-sizing: border-box;
  height: 30px;
  position: absolute;
  top: 2px;
  right: 0px;
  left: 0px;
  padding: 0px 15px;
  font: 11px/34px 'RobotoBold', Arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 1.3px;
  color: #ababab;
  background: linear-gradient(#fff 0%, #fff 80%, rgba(255, 255, 255, 0) 100%);
}
.inventory-tag-filter__popup__close {
  top: 13px;
  right: 16px;
  position: absolute;
  z-index: 10;
  width: 8px;
  height: 8px;
  cursor: pointer;
  opacity: 0.8;
  transition: opacity 0.1s linear;
}
.inventory-tag-filter__popup__close::before,
.inventory-tag-filter__popup__close::after {
  top: 0px;
  content: '';
  width: 1px;
  left: 50%;
  height: 11.3137085px;
  background: #333333;
  display: block;
  position: absolute;
  transform: rotate(45deg);
  transform-origin: 50% 50%;
  margin: -2px 0 0;
}
.inventory-tag-filter__popup__close::after {
  transform: rotate(-45deg);
}
.inventory-tag-filter__popup__close:hover {
  opacity: 1;
}
.inventory-tag-filter__popup__content {
  max-height: 280px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.inventory-tag-filter__tag {
  margin: 0px 5px 5px 0px;
}
.inventory-tag-filter__tag .ae-tag__label {
  padding-right: 27px;
}
.inventory-tag-filter__tag .plus-icon {
  position: absolute;
  top: 0px;
  right: 10px;
  opacity: 0.6;
  transition: opacity 0.1s linear, transform 0.1s linear;
}
.inventory-tag-filter__tag:hover .plus-icon {
  opacity: 1;
}
.inventory-tag-filter__tag_selected .plus-icon {
  opacity: 1;
  transform: rotateZ(45deg);
}
.inventory-tag-filter__tag_white .plus-icon__to-fill {
  fill: #333333;
}
.inventory-tag-filter__tag_orange .plus-icon__to-fill {
  fill: #ff9100;
}
.inventory-tag-filter__tag_pink .plus-icon__to-fill {
  fill: #fb64b0;
}
.inventory-tag-filter__tag_blue .plus-icon__to-fill {
  fill: #564fc9;
}
.inventory-tag-filter__tag_green .plus-icon__to-fill {
  fill: #01c864;
}
.inventory-tag-filter__tag_aquamarine .plus-icon__to-fill {
  fill: #45a7a4;
}
.inventory-tag-filter__tag_black .plus-icon__to-fill {
  fill: #5c5c5c;
}
.inventory-tag-filter__tag_red .plus-icon__to-fill {
  fill: #db1a1a;
}
.inventory-tag-filter__tag_brown .plus-icon__to-fill {
  fill: #c88c00;
}
.inventory-tag-filter__tag_sky .plus-icon__to-fill {
  fill: #00b7ec;
}
.inventory-tag-filter__tag_selected:not(.inventory-tag-filter__tag_white) .plus-icon__to-fill {
  fill: #fff;
}
.inventory-tag-filter__docs-link {
  display: block;
  margin-top: 5px;
  font-size: 12px;
}
.inventory-sort {
  -ms-flex: 0 1 170px;
      flex: 0 1 170px;
  text-align: right;
}
.inventory-sort .dropdown__pseudo {
  display: inline-block;
  margin: -3px -6px 0px 0px;
  padding: 4px 6px;
  white-space: nowrap;
  line-height: 15px;
}
.inventory-sort .dropdown__list {
  top: -10px;
  right: -13px;
  padding: 38px 28px 20px 20px;
  line-height: 22px;
}
/* Inventory */
.inventory {
  width: 220px;
  opacity: 1;
  transition: opacity 0.1s linear;
}
.inventory_blured {
  opacity: 0.2;
}
.inventory-column {
  -ms-flex: 0 0 245px;
      flex: 0 0 245px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding-bottom: 40px;
}
.inventory-column .layout__column__content {
  width: 245px;
  padding: 5px 15px 3px 10px;
  overflow: hidden;
}
.inventory-column .placeholder {
  margin-top: -10px;
  text-align: center;
}
.inventory-column__add-new {
  min-height: 50px;
  margin: 0px 15px 0px 10px;
}
.inventory-column__add-new .plus-icon {
  vertical-align: top;
  margin-right: 10px;
}
.inventory-item {
  box-sizing: border-box;
  height: 70px;
  position: relative;
  background-color: #fafafa;
  padding: 7px 10px 10px 32px;
  font-family: 'RobotoMedium', Arial, sans-serif;
  font-weight: normal;
  margin-top: 3px;
  cursor: pointer;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  transition: background-color 0.1s ease-in, box-shadow 0.1s ease-out;
}
.inventory-item:first-child {
  margin-top: 0;
}
.inventory-item:hover {
  box-shadow: 0px 0px 14px rgba(150, 155, 160, 0.4);
  background-color: #fefefe;
}
.inventory-item_selected,
.inventory-item_selected:hover {
  box-shadow: 0px 0px 0px 3px #01c864;
  background-color: #fefefe;
}
.inventory-item__hostname {
  color: #000;
  font-size: 14px;
  margin: 0px 0px 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 214px;
  white-space: nowrap;
}
.inventory-item__subitem {
  display: inline-block;
  box-sizing: border-box;
  max-width: 100%;
  margin-left: -2px;
  padding: 0px 2px 1px;
  font-family: 'RobotoLight', Arial, sans-serif;
  font-weight: normal;
  line-height: 14px;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.inventory-item__subitem_danger {
  background: #e33a5e;
  color: #fff;
}
.inventory-item__status {
  position: absolute;
  top: 12px;
  left: 15px;
  padding: 5px;
  background: #01c864;
  border-radius: 100%;
}
.inventory-item__status_attention {
  background: #dede6c;
}
.inventory-item_danger .inventory-item__status {
  background: #fc3913;
}
.inventory-item__agent-version-tooltip {
  max-width: 320px;
  margin-top: -8px;
}
.inventory-item_danger .inventory-item__subitem {
  background: #878a8c;
}
.inventory-item__tags {
  position: absolute;
  top: 4px;
  right: 3px;
  padding: 4px 2px 0px 9px;
  background-color: #fafafa;
  box-shadow: 0px 0px 4px 2px #fafafa;
  transition: background-color 0.1s ease-in, box-shadow 0.1s ease-in;
}
.inventory-item__tags__item {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-left: -5px;
}
.inventory-item__tags__item_white .system-tag-icon__to-fill {
  fill: #f8f8f8;
  stroke: #ababab;
}
.inventory-item__tags__item_orange .system-tag-icon__to-fill {
  fill: #ff9100;
}
.inventory-item__tags__item_pink .system-tag-icon__to-fill {
  fill: #fb64b0;
}
.inventory-item__tags__item_green .system-tag-icon__to-fill {
  fill: #01c864;
}
.inventory-item__tags__item_blue .system-tag-icon__to-fill {
  fill: #564fc9;
}
.inventory-item__tags__item_aquamarine .system-tag-icon__to-fill {
  fill: #45a7a4;
}
.inventory-item__tags__item_black .system-tag-icon__to-fill {
  fill: #5c5c5c;
}
.inventory-item__tags__item_red .system-tag-icon__to-fill {
  fill: #db1a1a;
}
.inventory-item__tags__item_brown .system-tag-icon__to-fill {
  fill: #c88c00;
}
.inventory-item__tags__item_sky .system-tag-icon__to-fill {
  fill: #00b7ec;
}
.inventory-item:hover .inventory-item__tags,
.inventory-item_selected .inventory-item__tags {
  background-color: #fefefe;
  box-shadow: 0px 0px 4px 2px #fefefe;
}
/* Custom dashboard */
.graph-wizard-popup {
  min-height: 570px;
  background: #eee;
}
.graph-wizard-popup_with-form .ae-popup__title {
  padding-left: 40px;
}
.graph-wizard-popup__description {
  padding-left: 40px;
  color: #fff;
  font: 14px/20px 'RobotoMedium', Arial, sans-serif;
  font-weight: normal;
  opacity: 0.6;
  margin-top: 10px;
}
.graph-wizard-popup__go-back {
  position: absolute;
  top: 23px;
  left: 30px;
  padding: 9px 13px;
  background: url('../img/custom-dashboard/graph-wizard-popup__go-back.svg');
  cursor: pointer;
}
.graph-wizard-popup .ae-popup__content {
  box-sizing: border-box;
  position: relative;
  background: #eee;
}
.graph-wizard-popup .ae-popup__actions {
  text-align: left;
}
.graph-wizard-popup__submit {
  float: right;
}
.graph-wizard-form__title {
  margin-bottom: 25px;
  font-size: 22px;
  color: #666;
}
.graph-wizard-form__preset {
  box-sizing: border-box;
  height: 60px;
  position: relative;
  margin-bottom: 10px;
  padding: 0px 58px 0px 80px;
  border: 1px solid #d8d8d8;
  border-radius: 2px;
  background: #fff;
  cursor: pointer;
  transition: all 0.1s ease-out;
}
.graph-wizard-form__preset:hover {
  padding-left: 85px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
}
.graph-wizard-form__preset-icon {
  position: absolute;
  top: 50%;
  left: 24px;
  background-size: cover;
}
.graph-wizard-form__preset-icon_requests_count {
  width: 27px;
  height: 21px;
  margin-top: -11px;
  background: url('../img/custom-dashboard/graph-wizard-form__preset-icon_requests_count.svg');
}
.graph-wizard-form__preset-icon_requests_time {
  width: 28px;
  height: 30px;
  margin-top: -13px;
  background: url('../img/custom-dashboard/graph-wizard-form__preset-icon_requests_time.svg');
}
.graph-wizard-form__preset-icon_http_status {
  width: 27px;
  height: 23px;
  margin-top: -12px;
  background: url('../img/custom-dashboard/graph-wizard-form__preset-icon_http_status.svg');
}
.graph-wizard-form__preset-icon_system_load {
  width: 27px;
  height: 27px;
  margin-top: -14px;
  background: url('../img/custom-dashboard/graph-wizard-form__preset-icon_system_load.svg');
}
.graph-wizard-form__preset-icon_network {
  width: 25px;
  height: 20px;
  left: 25px;
  margin-top: -10px;
  background: url('../img/custom-dashboard/graph-wizard-form__preset-icon_network.svg');
}
.graph-wizard-form__preset-title {
  font-family: 'RobotoMedium', Arial, sans-serif;
  font-weight: normal;
  line-height: 58px;
}
.graph-wizard-form__form {
  margin: -20px -40px 0px;
}
.graph-wizard-form__field,
.graph-wizard-form__filter {
  padding: 15px 40px;
  background: #fff;
}
.graph-wizard-form__field-title {
  margin-bottom: 5px;
  font: 11px 'RobotoBold', Arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 1.3px;
}
.graph-wizard-form__filters {
  padding: 15px 40px;
}
.graph-wizard-form__filters-note {
  margin-bottom: 20px;
}
.graph-wizard-form__filter {
  position: relative;
  margin: 0px -40px;
  padding-bottom: 20px;
  padding-left: 84px;
  border-bottom: 1px solid #eee;
  cursor: pointer;
}
.graph-wizard-form__filter_active {
  padding-left: 40px;
  cursor: auto;
}
.graph-wizard-form__filter__icon {
  position: absolute;
  top: 18px;
  left: 40px;
  padding: 15px;
  background: url('../img/custom-dashboard/graph-wizard-form__filter__icon.svg');
  opacity: 0.5;
  transition: opacity 0.1s linear;
}
.graph-wizard-form__filter:hover .graph-wizard-form__filter__icon {
  opacity: 0.8;
}
.graph-wizard-form__filter__title {
  font-size: 18px;
}
.graph-wizard-form__filter__close {
  float: right;
  color: #bb283c;
  cursor: pointer;
}
.custom-dashboard {
  height: 100%;
}
.custom-dashboard.preloader:before {
  z-index: 10;
  opacity: 0.7;
}
.custom-dashboard.preloader:after {
  z-index: 11;
}
.custom-dashboard .content {
  z-index: 1;
  position: relative;
  padding-right: 0;
  padding-left: 0;
}
.custom-dashboard__head {
  z-index: 2;
  box-sizing: border-box;
  height: 52px;
  position: relative;
  padding: 10px 28px 0px;
  background: #ffffff;
}
@media (max-width: 1000px) {
  .custom-dashboard__head {
    padding: 12px 10px 0px 20px;
  }
}
.custom-dashboard__head__timezone {
  display: inline-block;
  vertical-align: top;
  margin: -3px 15px 0px 0px;
  font-size: 13px;
  line-height: 43px;
  color: #666666;
}
.custom-dashboard__head__btns {
  float: right;
  margin-left: -100%;
}
.custom-dashboard__head > .ae-button__button,
.custom-dashboard__head__btns > .ae-button__button {
  margin: 2px 0px 0px 10px;
  vertical-align: top;
}
.custom-dashboard__content {
  z-index: 1;
  box-sizing: border-box;
  height: calc(100% - 60px);
  width: 100%;
  position: relative;
  overflow: auto;
}
.custom-dashboard__content_edit {
  background: url('../img/custom-dashboard/custom-dashboard_edit.png') 0px 0px repeat;
  background-attachment: local;
}
.custom-dashboard__workshop {
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  position: relative;
  padding-bottom: 100px;
}
.custom-dashboard__content_edit .custom-dashboard__workshop {
  width: 150%;
  height: 150%;
  padding-right: 100px;
}
.custom-dashboard__failed {
  padding-top: 40px;
  font-size: 16px;
  text-align: center;
}
.custom-dashboard .widget-frame {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  top: 0px;
}
.custom-dashboard .timewindow-chooser {
  float: none;
  display: inline-block;
  vertical-align: top;
  margin-top: -3px;
}
.custom-dashboard .timewindow-calendar-dropdown {
  top: 110px;
}
.custom-dashboard-title {
  float: left;
  position: relative;
  font-size: 18px;
  line-height: 35px;
}
.custom-dashboard-title_editable {
  margin-left: -10px;
}
.custom-dashboard-title .input__native {
  width: 360px;
  padding-right: 30px;
  padding-left: 5px;
  background: #fff;
  font-size: 18px;
  line-height: 25px;
}
@media (max-width: 1200px) {
  .custom-dashboard-title .input__native {
    width: 300px;
  }
}
.custom-dashboard-title .icon_pen {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -7px;
}
.dnd-container {
  box-sizing: border-box;
  position: absolute;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.dnd-container:hover {
  z-index: 100 !important;
}
.dnd-container_draggable {
  cursor: grab;
}
.dnd-container_dragging {
  cursor: grabbing;
}
.dnd-resizer__n,
.dnd-resizer__ne,
.dnd-resizer__e,
.dnd-resizer__se,
.dnd-resizer__s,
.dnd-resizer__sw,
.dnd-resizer__w,
.dnd-resizer__nw {
  z-index: 5;
  position: absolute;
}
.dnd-resizer__nw,
.dnd-resizer__n,
.dnd-resizer__ne,
.dnd-resizer__se,
.dnd-resizer__s,
.dnd-resizer__sw {
  height: 14px;
}
.dnd-resizer__nw,
.dnd-resizer__n,
.dnd-resizer__ne {
  top: -7px;
}
.dnd-resizer__se,
.dnd-resizer__s,
.dnd-resizer__sw {
  bottom: -7px;
}
.dnd-resizer__n,
.dnd-resizer__s {
  right: 14px;
  left: 14px;
  cursor: ns-resize;
}
.dnd-resizer__nw,
.dnd-resizer__se {
  cursor: nwse-resize;
}
.dnd-resizer__ne,
.dnd-resizer__e,
.dnd-resizer__se,
.dnd-resizer__sw,
.dnd-resizer__w,
.dnd-resizer__nw {
  width: 14px;
}
.dnd-resizer__ne,
.dnd-resizer__e,
.dnd-resizer__se {
  right: -7px;
}
.dnd-resizer__sw,
.dnd-resizer__w,
.dnd-resizer__nw {
  left: -7px;
}
.dnd-resizer__e,
.dnd-resizer__w {
  top: 14px;
  bottom: 14px;
  cursor: ew-resize;
}
.dnd-resizer__ne,
.dnd-resizer__sw {
  cursor: nesw-resize;
}
/* Widgets */
.widget-frame {
  background: #ffffff;
  padding: 10px;
  box-sizing: border-box;
  box-shadow: 0px 0px 4px -1px rgba(0, 0, 0, 0.15);
  position: relative;
}
.widget-frame_dragging {
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}
.widget-frame__title {
  font: 14px/24px 'RobotoMedium', Arial, sans-serif;
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.widget-frame__header {
  height: 26px;
  padding-bottom: 7px;
  border-bottom: 1px solid #e9e9e9;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.widget-frame__header .dropdown {
  margin-left: 6px;
  padding-right: 15px;
}
.widget-frame__header .dropdown__list {
  top: 100%;
  right: auto;
  left: -15px;
  padding: 0px;
}
.widget-frame__header .dropdown__list__item {
  padding: 0px 30px 0px 15px;
  line-height: 31px;
  background: #fff;
  transition: background 0.1s linear;
}
.widget-frame__header .dropdown__list__item:hover {
  background: #e5e5e5;
}
.widget-frame__header .dropdown__list__item_active {
  font-family: 'RobotoBold', Arial, sans-serif;
  font-weight: normal;
}
.widget-frame__controls {
  margin-left: auto;
  display: -ms-flexbox;
  display: flex;
}
.widget-frame__copy {
  position: relative;
  cursor: pointer;
  margin-right: 5px;
}
.widget-frame:hover .copy-widget-form {
  visibility: visible;
}
.widget-frame .icon_remove {
  margin: 0px 2px;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  opacity: 0.6;
  cursor: pointer;
}
.widget-frame .icon_settings {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  cursor: pointer;
  visibility: hidden;
  margin-right: 10px;
}
.widget-frame:hover .icon_settings {
  visibility: visible;
}
.widget-timewindow {
  width: 60px;
  height: 44px;
  line-height: 44px;
  margin-right: -10px;
  margin-top: -10px;
  font-size: 13px;
  cursor: pointer;
  z-index: 10;
  display: inline-block;
  text-transform: uppercase;
  background: transparent;
}
.widget-timewindow.select_opened {
  background: #fff;
}
.widget-timewindow_touched {
  background: #eee;
}
.widget-timewindow_touched .select__value {
  background: #eee;
}
.widget-timewindow .select__value {
  padding-left: 10px;
  line-height: 44px;
}
.widget-timewindow .select__options {
  overflow-y: auto;
}
.widget-timewindow .select__item {
  padding-left: 11px;
}
.value-widget {
  position: absolute;
  top: 45px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  overflow: hidden;
}
.value-widget__inner {
  transform: translate(-50%);
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  margin-top: -35px;
}
.value-widget__value {
  margin: -2px 0px 4px;
  font-size: 48px;
  line-height: 48px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.value-widget__metric {
  font: 12px/16px 'RobotoLight', Arial, sans-serif;
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.graph-widget {
  height: 100%;
  position: relative;
}
.graph-widget__highchart {
  position: absolute;
  top: 44px;
  right: 10px;
  bottom: 54px;
  left: 10px;
}
.metrics-unavailable {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  top: 44px;
  padding: 15px 0px 0px 50px;
}
.metrics-unavailable__h3 {
  font: 36px/1.3 'RobotoBold', Arial, sans-serif;
  font-weight: normal;
  color: #E8E8E8;
  margin-bottom: 20px;
}
.metrics-unavailable__check {
  font-size: 18px;
  color: #cccccc;
}
.metrics-unavailable:hover .metrics-unavailable__h3,
.metrics-unavailable:hover .metrics-unavailable__check {
  color: #0E6AD1;
}
.copy-widget-form {
  position: relative;
  display: inline-block;
  background: transparent;
  font-family: 'RobotoRegular', Arial, sans-serif;
  font-weight: normal;
  visibility: hidden;
}
.copy-widget-form_opened {
  background: #eee;
  z-index: 11;
  visibility: visible;
}
.copy-widget-form__icon {
  padding: 5px 10px;
  cursor: pointer;
}
.copy-widget-form_opened .copy-widget-form__icon {
  opacity: 1;
}
.copy-widget-form__popup {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 360px;
  max-height: 415px;
  min-height: 265px;
  position: absolute;
  top: -8px;
  border-radius: 7px;
  box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.3);
  background: #fff;
  overflow: hidden;
}
.copy-widget-form__popup_left {
  right: 100%;
}
.copy-widget-form__popup_right {
  left: 100%;
}
.copy-widget-form__popup.preloader {
  height: auto;
}
.copy-widget-form__popup.preloader:before {
  opacity: 0.8;
}
.copy-widget-form__popup-header {
  z-index: 1;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  padding: 15px 20px;
  border-bottom: 1px solid #d8d8d8;
  font: 18px 'RobotoMedium', Arial, sans-serif;
  font-weight: normal;
  background: #fff;
}
.copy-widget-form__popup-content {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  overflow-x: hidden;
  overflow-y: auto;
  margin-right: 4px;
}
.copy-widget-form__popup-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}
.copy-widget-form__new-dashboard {
  z-index: 0;
  -ms-flex: 0 0 50px;
      flex: 0 0 50px;
  position: relative;
}
.copy-widget-form__new-dashboard__input-enter {
  margin-top: -52px;
}
.copy-widget-form__new-dashboard__input-enter-active {
  margin-top: 0px;
  transition: margin-top 0.2s ease-out;
}
.copy-widget-form__new-dashboard__input-leave {
  margin-top: 0px;
}
.copy-widget-form__new-dashboard__input-leave-active {
  margin-top: -52px;
  transition: margin-top 0.1s ease-out;
}
.copy-widget-form__new-dashboard .ae-input__native {
  padding: 0px 95px 0px 20px;
}
.copy-widget-form__new-dashboard .ae-button__button {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -15px;
}
.copy-widget-form__dashboard {
  position: relative;
  padding: 16px 55px 16px 20px;
  color: #666;
  cursor: pointer;
  transition: background 0.1s linear;
}
.copy-widget-form__dashboard .icon {
  position: absolute;
  top: 50%;
  right: 30px;
  margin-top: -7px;
  opacity: 0.4;
  transition: opacity 0.1s linear;
}
.copy-widget-form__dashboard:hover {
  background: #eee;
  color: #333;
}
.copy-widget-form__dashboard:hover .icon {
  opacity: 1;
}
.copy-widget-form__add-dashboard {
  box-sizing: border-box;
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
  height: 50px;
  margin: 0px;
  padding-left: 20px;
  border-radius: 0px 0px 0px 7px;
  font-family: 'RobotoBold', Arial, sans-serif;
  font-weight: normal;
  overflow: hidden;
}
.copy-widget-form__add-dashboard .icon_plus {
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin: -4px 10px 0px 0px;
  transform: rotate(0deg);
  background-image: url('../img/icon/icon_big-plus_hover.png');
  transition: transform 0.1s linear;
}
.copy-widget-form__add-dashboard_active .icon_plus {
  transform: rotate(45deg);
}
/* Object info */
.object-info .ae-popup__header {
  padding-left: 30px;
}
.object-info .ae-popup__content {
  padding: 0px 30px 10px;
}
.object-info__tabs {
  z-index: 1;
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  background: rgba(255, 255, 255, 0.9);
}
.object-info__tabs:after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: #d8d8d8;
  clear: both;
}
.object-info__tabs__item {
  position: relative;
  float: left;
  vertical-align: top;
  margin-left: 20px;
  line-height: 40px;
  cursor: pointer;
}
.object-info__tabs__item:first-child {
  margin-left: 0px;
}
.object-info__tabs__item:after {
  content: '';
  height: 1px;
  position: absolute;
  top: 100%;
  right: 0px;
  left: 0px;
  background: #d8d8d8;
  transition: height 0.1s linear, background 0.1s linear;
}
.object-info__tabs__item_active:after {
  height: 2px;
  background: #01c864;
}
.object-info__section {
  position: relative;
  padding-bottom: 30px;
  border-top: 1px solid #d8d8d8;
}
.object-info__section:first-child {
  margin-top: -1px;
  border-top-color: transparent;
}
.object-info__section__anchor {
  position: absolute;
  top: -41px;
}
.object-info__section h2 {
  margin: 28px 140px 20px 0px;
  font: 28px 'RobotoBold', Arial, sans-serif;
  font-weight: normal;
}
.object-info__section__capitalized:first-letter {
  text-transform: capitalize;
}
.object-info__section h3 {
  margin: 20px 0px 12px;
  font: 12px 'RobotoBold', Arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 1.3px;
}
.object-info__section p {
  margin: 0px;
}
.object-info__section__remove {
  float: right;
  margin-top: 33px;
}
.object-info__interface {
  margin-bottom: 14px;
}
.object-info__interface-addr {
  padding-left: 35px;
}
.object-info__interface .label {
  margin-left: 10px;
}
.object-info__interfaces-list .label {
  margin-left: 5px;
}
/* Nginx settings */
.nginx-settings-popup {
  width: 500px;
}
.nginx-settings-popup .ae-popup__content {
  min-height: 168px;
  position: relative;
}
.nginx-settings-popup .preloader {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}
.nginx-settings-popup .preloader:before {
  opacity: 0.8;
}
.nginx-settings-popup__content {
  padding-bottom: 20px;
}
.nginx-settings-popup__title {
  margin-bottom: 20px;
  font: 18px/23px 'RobotoMedium', Arial, sans-serif;
  font-weight: normal;
}
.nginx-settings-popup__row {
  margin-bottom: 10px;
}
.nginx-settings-popup__note {
  display: inline-block;
  vertical-align: top;
  margin-left: 8px;
  font-size: 11px;
}
.nginx-settings-popup .ae-popup__actions {
  background: #fff;
}
.nginx-settings-popup .ae-popup__actions .ae-button__button {
  margin-left: 10px;
}
/* Report */
.report {
  box-sizing: border-box;
  padding: 57px 0 0 30px;
}
.report__inner {
  background: #ffffff;
  box-shadow: 0 10px 24px 0 rgba(0, 0, 0, 0.2);
  margin-right: 145px;
  max-width: 940px;
  padding: 20px 30px 30px;
  position: relative;
}
.report__back {
  position: -webkit-sticky;
  position: sticky;
  top: 63px;
  z-index: 10;
  display: block;
  max-width: 0;
  margin-bottom: -30px;
}
.report__back button {
  font-family: 'RobotoMedium', Arial, sans-serif;
  font-weight: normal;
  position: relative;
  padding-left: 35px;
}
.report__back button:before {
  content: '';
  position: absolute;
  display: block;
  left: 9px;
  top: 8px;
  width: 15px;
  height: 12px;
  background: url('../img/report/report__back.svg') no-repeat;
}
.report h1 {
  font: 36px 'RobotoBold', Arial, sans-serif;
  font-weight: normal;
  color: #333333;
  letter-spacing: 0;
  margin: -50px -28px 13px -28px;
  padding: 79px 0 13px 28px;
  background: #ffffff;
  position: -webkit-sticky;
  position: sticky;
  top: 43px;
  z-index: 9;
  box-shadow: 0 5px 2px 0 #ffffff;
}
.report h2 {
  font: 22px/25px 'RobotoMedium', Arial, sans-serif;
  font-weight: normal;
  color: #333333;
  letter-spacing: 0;
  margin: 0 0 8px 0;
}
.report h3 {
  font: 14px 'RobotoMedium', Arial, sans-serif;
  font-weight: normal;
  color: #888888;
  letter-spacing: 0;
  padding-bottom: 9px;
  border-bottom: 1px solid #d8d8d8;
  margin: 0;
}
.report__p {
  font-size: 16px;
  line-height: 25px;
  margin: 0 0 15px;
}
.report__extlink {
  color: #0061ce;
}
.report__value {
  color: #666666;
}
.report__error {
  display: inline-block;
  box-sizing: border-box;
  padding: 0 7px;
  vertical-align: middle;
  color: #ffffff;
  font: 12px/19px 'RobotoMedium', Arial, sans-serif;
  font-weight: normal;
  border-radius: 2px;
  cursor: default;
  background: #ff5559;
  margin-left: 4px;
}
.report-section-box {
  display: block;
  background: #ffffff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
  padding: 13px 20px;
  position: relative;
  height: 270px;
  margin: 0 20px 20px 0;
  box-sizing: border-box;
  -ms-flex-preferred-size: 30%;
      flex-basis: 30%;
  min-width: 30%;
}
a.report-section-box {
  cursor: pointer;
}
a.report-section-box:hover {
  box-shadow: 0 5px 10px 0 rgba(0, 0, 6, 0.15);
}
.report-section-box .icon_gear {
  position: absolute;
  top: 10px;
  right: 10px;
  opacity: 0.5;
  transition: opacity 0.1s linear;
}
.report-section-box .icon_gear:hover {
  opacity: 0.8;
}
.report-section-box .icon_gear:before {
  content: '';
  position: absolute;
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
}
.report-section-box__title {
  font: 16px 'RobotoBold', Arial, sans-serif;
  font-weight: normal;
  margin: 0 0 23px;
}
.report-section-box__details {
  font: 14px 'RobotoMedium', Arial, sans-serif;
  font-weight: normal;
  position: absolute;
  bottom: 12px;
  text-align: center;
  display: block;
  color: #ababab;
  width: 100%;
  left: 0;
}
.report-section-box:hover .report-section-box__details {
  color: #0061ce;
}
.report-section-box__table__row {
  display: -ms-flexbox;
  display: flex;
  margin-top: 11px;
}
.report-section-box__table__row:first-child {
  margin-top: 0px;
}
.report-section-box__table__cell:first-child {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
}
.report-section-box__table__cell:first-child:after {
  content: '';
  display: block;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  min-width: 10px;
  height: 16px;
  margin: 0px 4px;
  border-bottom: 1px solid #d8d8d8;
}
.report-section-box__table__cell:nth-child(2) {
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.report-navigation {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  min-width: 924px;
}
.report-config-analisys__files {
  color: #0061ce;
  font: 16px 'RobotoMedium', Arial, sans-serif;
  font-weight: normal;
  cursor: pointer;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
  display: inline-block;
  padding-right: 18px;
}
.report-config-analisys__files:before,
.report-config-analisys__files:after {
  content: '';
  width: 2px;
  height: 8px;
  position: absolute;
  top: 9px;
  background: #0061ce;
  transition: transform 0.1s linear, background 0.1s linear;
}
.report-config-analisys__files:before {
  right: 6px;
  transform: rotate(135deg);
}
.report-config-analisys__files:after {
  right: 1px;
  transform: rotate(45deg);
}
.report-config-analisys__files_opened:before {
  transform: rotate(45deg);
}
.report-config-analisys__files_opened:after {
  transform: rotate(135deg);
}
.report-config-analisys__files-table {
  margin-bottom: 22px;
}
.report-config-analisys__servers {
  margin: 20px 0 30px;
}
.report-security-analisys__h2 {
  font-size: 16px;
  margin-bottom: 15px;
}
.report-recommendation {
  color: #666666;
  padding: 19px 0 17px;
  border-bottom: 1px solid #d8d8d8;
}
.report-recommendation i {
  margin-right: 2px;
  font-style: normal;
  font-family: Courier, monospace;
}
.report-recommendation__desc,
.report-recommendation__rec {
  /* It is recommended to: */
  font: 16px/20px 'RobotoRegular', Arial, sans-serif;
  font-weight: normal;
  letter-spacing: 0;
  margin: 0 0 20px;
}
.report-recommendation__example {
  white-space: pre-wrap;
  padding: 10px;
  font-family: 'Courier', monospace;
  font-size: 14px;
  color: #333333;
  letter-spacing: 0;
  line-height: 20px;
  background: #f5f5f5;
  border-radius: 4px;
  margin-bottom: 14px;
}
.report-ssl-analisys {
  display: -ms-flexbox;
  display: flex;
}
.report-ssl-analisys__certs {
  min-width: 340px;
}
.report-ssl-analisys__warnings {
  padding-left: 40px;
}
.report-certificate {
  background: #ebf7f1;
  border-radius: 4px;
  padding: 12px 20px;
  margin-bottom: 10px;
  position: relative;
  min-height: 60px;
}
.report-certificate__name {
  font: 16px/20px 'RobotoMedium', Arial, sans-serif;
  font-weight: normal;
  color: #333333;
  letter-spacing: 0;
  margin: 0px 0px 7px;
}
.report-certificate__toggler {
  position: absolute;
  top: 18px;
  right: 10px;
  background: #ffffff;
  width: 24px;
  height: 24px;
  border-radius: 12px;
  cursor: pointer;
}
.report-certificate__toggler:before,
.report-certificate__toggler:after {
  content: '';
  width: 1px;
  height: 8px;
  position: absolute;
  top: 8px;
  background: #333333;
  transition: transform 0.1s linear, background 0.1s linear;
}
.report-certificate__toggler:before {
  right: 14px;
  transform: rotate(135deg);
}
.report-certificate__toggler:after {
  right: 9px;
  transform: rotate(45deg);
}
.report-certificate__toggler_expanded:before {
  transform: rotate(45deg);
}
.report-certificate__toggler_expanded:after {
  transform: rotate(135deg);
}
.report-certificate_expired {
  background: #FFF0F0;
}
.report-certificate__status {
  font: 10px 'RobotoBold', Arial, sans-serif;
  font-weight: normal;
  color: #01c864;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 4px;
}
.report-certificate_expired .report-certificate__status {
  color: #ff5559;
}
.report-certificate_expired-soon {
  background: #ffefbf;
}
.report-certificate_expired-soon .report-certificate__status {
  color: #c99c13;
}
.report-certificate__content {
  font-size: 14px;
  line-height: 24px;
  word-wrap: break-word;
}
.report-certificate .report__value {
  color: #666666;
}
.report-servers-table {
  width: 100%;
}
.report-servers-table__cell {
  padding: 18px 15px;
  border-bottom: 1px solid #eeeeee;
  vertical-align: top;
  color: #666666;
}
.report-servers-table__cell:first-child:not(.report-servers-table__cell_head) {
  color: #333333;
  line-height: 22px;
  font-family: 'RobotoMedium', Arial, sans-serif;
  font-weight: normal;
}
.report-servers-table__cell_head {
  background: #333333;
  border: 0;
  font: 12px 'RobotoBold', Arial, sans-serif;
  font-weight: normal;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding-top: 12px;
  padding-bottom: 12px;
  vertical-align: middle;
}
.report-servers-table__cell__item {
  margin-top: 10px;
}
.report-servers-table__cell__item:first-child {
  margin-top: 0px;
}
.report-servers-table__cell:first-child:not(.report-servers-table__cell_head) .report-servers-table__cell__item {
  margin-top: 5px;
}
.report-servers-table__cell:first-child:not(.report-servers-table__cell_head) .report-servers-table__cell__item:first-child {
  margin-top: 0px;
}
.report-table {
  width: 100%;
  line-height: 29px;
}
.report-table__cell {
  font-size: 14px;
  border-bottom: 1px solid #d8d8d8;
  color: #333333;
}
.report-table__cell_r {
  text-align: right;
}
.report-table__cell_b {
  font-family: 'RobotoMedium', Arial, sans-serif;
  font-weight: normal;
}
.report-table__cell_s {
  font-size: 12px;
  color: #888888;
}
.report-table__cell_edge {
  padding-left: 10px;
  border-bottom: none;
}
.report-table__cell_r .report-table__tipex {
  padding-left: 5px;
}
.report-table__tipex {
  padding: 0 4px 0 0;
  background: #fff;
  position: relative;
  bottom: -8px;
  white-space: nowrap;
}
.report-files {
  padding-left: 11px;
}
.report-files h4 {
  font-family: 'RobotoMedium', Arial, sans-serif;
  font-weight: normal;
  color: #333333;
  margin: 0 0 -5px;
}
.report-files__list {
  border-left: 2px solid #FFCB2C;
  margin-left: -11px;
  padding: 5px 9px;
  color: #666666;
}
.report-tabs {
  padding: 0 30px;
  background: #f8f8f8;
  position: fixed;
  top: 70px;
  left: 245px;
  right: 33px;
  z-index: 10;
}
.report-tabs .dashboard-tabs {
  border-bottom: 1px solid #d8d8d8;
}
.report-tabs .timezone-select {
  position: absolute;
  top: 10px;
  right: 30px;
}
/* Account page */
.account {
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.account h3 {
  font: 22px/25px 'RobotoMedium', Arial, sans-serif;
  font-weight: normal;
  margin: 0;
}
.account .preloader {
  height: 100%;
}
.account .preloader::before {
  background: transparent;
}
.account__content {
  overflow: auto;
  min-height: 100%;
  background: #f8f8f8;
  min-width: 700px;
  padding: 0 40px;
}
.account__access-denied {
  margin: 150px 0px 50px;
  text-align: center;
  font-size: 16px;
  color: #888888;
}
.account__access-denied__icon {
  display: inline-block;
  width: 76px;
  height: 73px;
  margin-bottom: 25px;
  background: url('../img/icon/icon_access-denied.svg');
  background-size: cover;
}
.account__access-denied__title {
  margin-bottom: 2px;
  font: 18px 'RobotoMedium', Arial, sans-serif;
  font-weight: normal;
  color: #666666;
}
.account-header {
  border-bottom: 1px solid #d8d8d8;
  position: relative;
  padding: 18px 0;
  margin: 0 0 20px;
}
.account-header > .ae-button__button,
.account-header .button-with-limit {
  float: right;
  margin-left: 10px;
}
.account-header__role {
  position: absolute;
  top: 25px;
  right: 0px;
  font-size: 14px;
  line-height: 16px;
  color: #666666;
  letter-spacing: 0;
  padding-left: 27px;
}
.account-header__role:before {
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  background-size: cover;
  background-repeat: no-repeat;
}
.account-header__role_admin:before {
  width: 20px;
  height: 18px;
  left: 2px;
  background-image: url('../img/icon/icon_user-admin.svg');
}
.account-header__role_user:before {
  width: 15px;
  height: 17px;
  left: 4px;
  background-image: url('../img/icon/icon_buddy.svg');
}
.account-header__role_read-only:before {
  width: 22px;
  height: 13px;
  top: 1px;
  background-image: url('../img/icon/icon_user-readonly.svg');
}
.vertical-menu {
  min-width: 245px;
  background: #fff;
  padding-top: 18px;
}
.vertical-menu h3 {
  padding-left: 20px;
  margin-bottom: 26px;
}
.vertical-menu__link {
  display: block;
  font-size: 16px;
  line-height: 50px;
  color: #666666;
  padding-left: 22px;
}
.vertical-menu__link:hover {
  color: #333;
}
.vertical-menu__link_active {
  font-family: 'RobotoMedium', Arial, sans-serif;
  font-weight: normal;
  cursor: default;
  color: #01c864 !important;
  border-left: 4px solid #01c864;
  padding-left: 18px;
}
.account-table {
  border-collapse: collapse;
  width: 100%;
  color: #666666;
  letter-spacing: 0;
  margin-top: 18px;
  margin-bottom: 25px;
}
.account-table td {
  padding-top: 20px;
  padding-bottom: 20px;
  vertical-align: top;
}
.account-table .icon {
  opacity: 0.3;
  vertical-align: middle;
  cursor: pointer;
  margin-left: 30px;
}
.account-table .icon_remove {
  margin-top: -1px;
}
.account-table .icon-unverified,
.account-table .icon-verified {
  vertical-align: middle;
  margin-right: 9px;
  margin-top: -1px;
}
.account-table tr:hover td {
  background: #f8f8f8;
}
.account-table tr:hover .icon {
  opacity: 0.5;
}
.account-table td {
  white-space: nowrap;
  border-top: 1px solid #d8d8d8;
}
.account-table tr:last-of-type td {
  border-bottom: 1px solid #d8d8d8;
}
.account-table__act {
  width: 30px;
}
.edit-account {
  width: 400px;
}
.edit-account .ae-input__native {
  background: transparent;
}
.edit-account__label {
  color: #888888;
  text-transform: uppercase;
  font: 11px 'RobotoMedium', Arial, sans-serif;
  font-weight: normal;
  letter-spacing: 2px;
}
.edit-account__field {
  position: relative;
  margin-bottom: 15px;
}
.edit-account__email-notverified {
  color: #ff4248;
  margin-left: 10px;
}
.edit-account__save {
  width: 113px;
}
.edit-account__foot {
  position: relative;
  padding: 40px 0;
  overflow: hidden;
}
.edit-account__change-pswd {
  font: 14px 'RobotoMedium', Arial, sans-serif;
  font-weight: normal;
  line-height: 15px;
  color: #888888;
  letter-spacing: 0;
  cursor: pointer;
  float: right;
  margin-top: 10px;
  padding-left: 21px;
  background: url('../img/icon/icon_lock.svg') no-repeat 0 0;
}
.account-settings {
  padding: 0px 48px 105px 41px;
}
.add-emails-popup {
  width: 400px;
}
.add-emails-popup__error {
  margin-top: 10px;
  color: #ff5559;
}
.agent-settings__item {
  margin-bottom: 5px;
}
.account-info {
  color: #666666;
  letter-spacing: 0;
  line-height: 30px;
  font-size: 14px;
}
.account-info th {
  font-family: 'RobotoMedium', Arial, sans-serif;
  font-weight: normal;
  text-align: left;
  width: 90px;
}
.account-info td {
  font-family: 'RobotoRegular', Arial, sans-serif;
  font-weight: normal;
}
.change-password-popup {
  width: 400px;
}
.change-password-popup button {
  margin-left: 10px;
  width: 110px;
}
.notification-settings__title {
  /* E-mails: */
  font: 18px 'RobotoMedium', Arial, sans-serif;
  font-weight: normal;
  color: #333333;
  letter-spacing: 0;
  margin: 0 0 6px;
}
.notification-settings__desc {
  color: #666666;
  margin: 0;
}
.user-item {
  box-sizing: border-box;
  -ms-flex: 0 0 220px;
      flex: 0 0 220px;
  max-width: 220px;
  height: 100px;
  position: relative;
  margin: 0px 20px 20px 0px;
  padding: 15px 18px 0 31px;
  background: #FFFFFF;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
  border-radius: 4px;
}
.user-item:nth-child(3n) {
  margin-right: 0px;
}
.user-item:hover {
  box-shadow: 0 5px 10px 0 rgba(16, 16, 16, 0.15);
}
.user-item:hover .icon {
  opacity: 0.3;
}
.user-item__name {
  font: 16px 'RobotoMedium', Arial, sans-serif;
  font-weight: normal;
  color: #333333;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.user-item .icon-verified,
.user-item .icon-unverified {
  position: absolute;
  margin-top: 5px;
  margin-left: -18px;
}
.user-item__email {
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.user-item .icon {
  opacity: 0;
  cursor: pointer;
  transition: opacity 0.1s linear;
}
.user-item .icon:hover {
  opacity: 1;
}
.user-item .icon_resend {
  position: absolute;
  right: 44px;
  bottom: 9px;
}
.user-item .icon_remove {
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.user-item:hover .user-item-role:before,
.user-item:hover .user-item-role:after {
  opacity: 0.85;
}
.user-item:nth-child(3n) .user-item-role__popup {
  left: auto;
  right: 0px;
  margin-right: -150px;
}
.user-item-role {
  position: absolute;
  left: 31px;
  bottom: 11px;
  padding-right: 17px;
  color: #666666;
  font-size: 12px;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.user-item-role_changeable {
  cursor: pointer;
}
.user-item-role_changeable:before,
.user-item-role_changeable:after {
  content: '';
  z-index: 1;
  width: 2px;
  height: 6px;
  position: absolute;
  top: 6px;
  background: #666666;
  opacity: 0;
  transition: transform 0.1s linear, background 0.1s linear, opacity 0.1s linear;
}
.user-item-role_changeable:before {
  right: 2px;
  transform: rotate(45deg);
}
.user-item-role_changeable:after {
  right: 6px;
  transform: rotate(135deg);
}
.user-item-role_changeable:hover,
.user-item-role_opened {
  color: #333333;
}
.user-item-role_changeable:hover:before,
.user-item-role_opened:before,
.user-item-role_changeable:hover:after,
.user-item-role_opened:after {
  background: #333333;
}
.user-item-role_opened:before,
.user-item-role_opened:after {
  opacity: 0.85;
}
.user-item-role_opened:before {
  transform: rotate(135deg);
}
.user-item-role_opened:after {
  transform: rotate(45deg);
}
.user-item-role__popup {
  z-index: 2;
  width: 380px;
  position: absolute;
  top: 100%;
  left: -20px;
  margin-top: 5px;
  background: #fff;
  border: 1px solid #d8d8d8;
  box-shadow: 0px 5px 10px 0px rgba(16, 16, 16, 0.15);
  font-size: 14px;
  cursor: default;
}
.user-item-role__section {
  position: relative;
  margin: 0px -1px -1px;
  padding: 12px 20px 12px 65px;
  background: transparent;
  transition: background 0.1s linear;
}
.user-item-role__section_active {
  margin: 0px -1px;
  background: #f3f3f3;
}
.user-item-role__section-icon {
  position: absolute;
  top: 15px;
}
.user-item-role__section-icon_admin {
  width: 30px;
  height: 27px;
  left: 22px;
  background: url('../img/icon/icon_user-admin.svg') no-repeat;
  background-size: cover;
}
.user-item-role__section-icon_user {
  width: 22px;
  height: 22px;
  left: 22px;
  background: url('../img/icon/icon_buddy.svg') no-repeat;
  background-size: cover;
}
.user-item-role__section-icon_read-only {
  width: 28px;
  height: 17px;
  left: 19px;
  background: url('../img/icon/icon_user-readonly.svg') no-repeat;
  background-size: cover;
}
.user-item-role__section-title {
  font-family: 'RobotoMedium', Arial, sans-serif;
  font-weight: normal;
}
.user-item-role__section-button {
  display: block;
  margin-top: 10px;
}
.user-item-role__section:first-child {
  margin-top: -1px;
  margin-bottom: 0px;
}
.user-items-grid {
  display: -ms-flexbox;
  display: flex;
  width: 700px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.limits-table {
  width: 100%;
  border-collapse: collapse;
  font-family: 'RobotoMedium', Arial, sans-serif;
  font-weight: normal;
  border: 1px solid #d8d8d8;
  margin-bottom: 20px;
}
.limits-table td,
.limits-table th {
  text-align: center;
  padding: 14px 20px 13px;
}
.limits-table td:first-of-type,
.limits-table th:first-of-type {
  text-align: left;
}
.limits-table th {
  background: #333333;
  font-size: 11px;
  color: #FFFFFF;
  letter-spacing: 2px;
  font-weight: normal;
  text-transform: uppercase;
  text-align: center;
  border: 1px solid #333333;
  width: 80px;
}
.limits-table th:first-of-type {
  width: auto;
}
.limits-table td {
  border-bottom: 1px solid #d8d8d8;
}
.upgrade-limits {
  background: #ffffff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  padding: 17px 0 20px 22px;
  max-width: 90%;
}
.upgrade-limits h4 {
  /* Upgrade limits If yo: */
  font: 18px 'RobotoMedium', Arial, sans-serif;
  font-weight: normal;
  color: #333333;
  letter-spacing: 0;
  line-height: 22px;
  margin: 0 0 3px;
}
.upgrade-limits__desc {
  margin: 10px 0 19px;
  color: #888888;
}
.upgrade-limits__list {
  padding: 0 40px;
}
.upgrade-limits__list li {
  margin-bottom: 5px;
}
.upgrade-limits a {
  text-decoration: underline;
}
.slack {
  padding-bottom: 30px;
}
.slack__btn {
  float: right;
}
.slack__name,
.slack__team-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 170px;
}
.slack__name {
  font-family: 'RobotoBold', Arial, sans-serif;
  font-weight: normal;
  margin-bottom: 4px;
}
.slack__types {
  list-style-type: none;
  padding: 0;
  margin: 4px 0 0 0;
}
.account-page {
  background: #fff;
  height: 100%;
}
/* New dashboard */
.dashboard-graphs {
  background: #f8f8f8;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-direction: row;
      flex-direction: row;
  padding: 107px 18px 25px 25px;
  position: relative;
  z-index: 8;
}
.dashboard-graphs .widget-frame {
  margin: 6px;
  height: 275px;
  -ms-flex-preferred-size: calc(50% - 12px);
      flex-basis: calc(50% - 12px);
  max-width: calc(50% - 12px);
}
.dashboard-graphs__status-page {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  position: relative;
  margin: 0px 0px 8px 5px;
}
.dashboard-graphs__status-page__url {
  font-size: 12px;
  color: #666666;
  transition: color 0.1s linear;
}
.dashboard-graphs__status-page__url:hover {
  color: #333333;
}
.dashboard-graphs__status-page__icon {
  display: inline-block;
  width: 16px;
  height: 18px;
  vertical-align: top;
  margin: 1px 2px 0px 0px;
  background: url('../img/dashboard/dashboard-graphs__status-page__icon.png') no-repeat;
  background-size: 100%;
}
.dashboard-graphs__status-page__popup {
  z-index: 11;
  position: absolute;
  top: 100%;
  left: -10px;
  margin-top: 10px;
  padding: 15px 15px 0px;
  border: 1px solid #d8d8d8;
  border-radius: 6px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
  color: #333333;
  background: #fff;
}
.dashboard-graphs__status-page__popup:before,
.dashboard-graphs__status-page__popup:after {
  content: '';
  width: 0px;
  height: 0px;
  position: absolute;
  bottom: 100%;
  left: 15px;
  border-style: solid;
}
.dashboard-graphs__status-page__popup:before {
  margin-left: -1px;
  border-width: 0px 7px 7px 7px;
  border-color: transparent transparent #d8d8d8 transparent;
}
.dashboard-graphs__status-page__popup:after {
  border-width: 0px 6px 6px 6px;
  border-color: transparent transparent #fff transparent;
}
.dashboard-graphs__status-page__popup-title {
  margin: 0px 0px 10px;
  color: #01c864;
  font: 10px 'RobotoBold', Arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 1.3px;
}
.dashboard-graphs__status-page__popup p {
  margin: 10px 0px;
}
.dashboard-graphs__status-page__popup i {
  font-family: 'RobotoLight', Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.dashboard-graphs__status-page__popup-close {
  margin: 20px -15px 0px -15px;
  border-top: 1px solid #d8d8d8;
  font-family: 'RobotoMedium', Arial, sans-serif;
  font-weight: normal;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
}
.progress-bar {
  height: 8px;
  position: relative;
  overflow: hidden;
  border-radius: 3px;
  background: #e5e6e7;
}
.progress-bar__progress {
  width: 0px;
  height: 100%;
  border-radius: inherit;
  background: #01c864;
  transition: width 0.1s linear;
}
.error-widget {
  width: 100%;
  color: #fff;
  background: #333;
  position: relative;
}
.error-widget:before {
  content: '';
  position: absolute;
  top: 25px;
  left: 30px;
  padding: 20px;
  background-size: cover;
  background: url('../img/dashboard/error-widget.svg');
}
.error-widget__content {
  margin: 0px 100px;
  padding: 30px 0px 20px;
}
.error-widget__title {
  margin-bottom: 10px;
  font-size: 18px;
}
.error-widget__title,
.error-widget__note {
  font-family: 'RobotoMedium', Arial, sans-serif;
  font-weight: normal;
}
.error-widget__description {
  margin-bottom: 25px;
  color: #bbb;
}
.error-widget__links {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 45px;
  border-width: 1px 0px;
  border-style: solid;
  border-color: #434343;
  font-size: 18px;
  white-space: nowrap;
}
.error-widget__links-item {
  box-sizing: border-box;
  display: inline-block;
  -ms-flex: 0 0 50%;
      flex: 0 0 50%;
  position: relative;
  margin: 10px 0px;
  padding-left: 60px;
  border-left: 1px solid #434343;
  line-height: 48px;
  cursor: pointer;
  padding-right: 15px;
}
.error-widget__links-item:first-child {
  padding-left: 40px;
  border-left: none;
}
.error-widget__links-item .icon-docs {
  position: absolute;
  top: 9px;
  left: 0px;
}
.error-widget__links-item_support:before {
  content: '';
  position: absolute;
  left: 20px;
  width: 28px;
  height: 24px;
  top: 14px;
  background: url('../img/dashboard/error-widget__support.svg');
}
.error-widget__note {
  font-style: italic;
  color: #888;
}
.error-widget__close {
  position: absolute;
  top: 25px;
  right: 25px;
  padding: 10px;
  background-size: cover;
  background: url('../img/dashboard/error-widget__close.svg');
  cursor: pointer;
  opacity: 0.8;
  transition: opacity 0.1s linear;
}
.error-widget__close:hover {
  opacity: 1;
}
.metrics-status-widget {
  width: 380px;
  background: #fff;
}
.metrics-status-widget__header {
  padding: 18px 20px;
  border-width: 1px 1px 0px;
  border-style: solid;
  border-color: #ddd;
}
.metrics-status-widget__progress {
  margin-bottom: 15px;
  font: 12px 'RobotoMedium', Arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 1.3px;
}
.metrics-status-widget__progress-bar {
  margin-top: 15px;
}
.metrics-status-widget__note {
  color: #666;
}
.metrics-status-widget__close {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 15px;
  height: 15px;
  background: url('../img/metrics-status-widget/metrics-status-widget__close.svg');
  cursor: pointer;
}
.metrics-status-widget__step {
  position: relative;
  padding: 0px 110px 0px 90px;
  line-height: 70px;
  color: #fff;
}
.metrics-status-widget__step:before {
  content: '';
  width: 16px;
  height: 11px;
  position: absolute;
  top: 50%;
  left: 27px;
  margin-top: -5px;
  background-size: cover;
  background: url('../img/dashboard/metrics-status-widget__step.svg');
  opacity: 0.5;
}
.metrics-status-widget__step_complete:before {
  width: 30px;
  height: 30px;
  left: 20px;
  margin-top: -15px;
  background: url('../img/dashboard/metrics-status-widget__step_complete.svg');
  opacity: 1;
}
.metrics-status-widget__step_complete .metrics-status-widget__step-title {
  text-decoration: line-through;
}
.metrics-status-widget__step_install_agent {
  background: #01c864;
}
.metrics-status-widget__step_configure_stub_status {
  background: #9e45bb;
}
.metrics-status-widget__step_setup_additional_metrics {
  background: #5037d1;
}
.metrics-status-widget__step-start {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -15px;
  border-color: #fff;
  color: #fff;
  opacity: 0.8;
  cursor: pointer;
}
.metrics-status-widget__step-start:hover,
.metrics-status-widget__step-start:enabled:active {
  border-color: #fff;
  color: #fff;
  opacity: 1;
}
.metrics-status-widget__step_install_agent .metrics-status-widget__step-start:enabled:active {
  color: #01c864;
}
.metrics-status-widget__step_configure_stub_status .metrics-status-widget__step-start:enabled:active {
  color: #9e45bb;
}
.metrics-status-widget__step_setup_additional_metrics .metrics-status-widget__step-start:enabled:active {
  color: #5037d1;
}
.dashboard-head {
  position: fixed;
  left: 245px;
  right: 20px;
  z-index: 9;
  background: rgba(248, 248, 248, 0.9);
  padding-top: 15px;
  margin-left: 30px;
  margin-right: 10px;
  border-bottom: 1px solid #d8d8d8;
}
.dashboard-head__system {
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
}
.dashboard-head__system__alias {
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
  display: inline-block;
  min-width: 20px;
  max-width: 300px;
  position: relative;
  margin: 0 12px 0 0;
  padding-right: 24px;
  font-weight: normal;
  color: #333333;
  font-size: 18px;
  line-height: 33px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dashboard-head__system__alias .icon_gear {
  position: absolute;
  top: 9px;
  right: 0px;
  padding: 8px;
  cursor: pointer;
  opacity: 0.6;
  transition: opacity 0.1s linear;
}
.dashboard-head__system__alias .icon_gear:hover {
  opacity: 0.8;
}
.dashboard-head__system__alias .icon_gear:before {
  content: '';
  position: absolute;
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
}
.dashboard-head__system__tags {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
.dashboard-head__system__tags__item {
  max-width: 200px;
  vertical-align: top;
  margin: 7px 5px 0 0;
  overflow: hidden;
}
.dashboard-head__timezone {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  padding-left: 8px;
}
.dashboard-head__tools {
  display: -ms-flexbox;
  display: flex;
  margin-right: -8px;
}
.dashboard-head__tools .dashboard-tabs {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
}
.dashboard-head__tools .timewindow-chooser {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}
.dashboard-tabs {
  white-space: nowrap;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.dashboard-tabs__tab {
  display: inline-block;
  max-width: 140px;
  position: relative;
  margin-right: 25px;
  vertical-align: top;
  font-size: 14px;
  line-height: 43px;
  cursor: pointer;
  transition: color 0.1s linear;
}
.dashboard-tabs__tab_active {
  color: #01c864;
}
.dashboard-tabs__tab_active.dashboard-tabs__tab:not(.dashboard-tabs__tab_multi) {
  cursor: default;
}
.dashboard-tabs__tab:before {
  content: '';
  height: 2px;
  position: absolute;
  right: 0px;
  bottom: -2px;
  left: 0px;
  background: transparent;
  transition: background 0.1s linear;
}
.dashboard-tabs__tab_multi {
  padding-right: 17px;
}
.dashboard-tabs__tab_multi:before {
  right: 17px;
}
.dashboard-tabs__tab_active:before {
  background: #01c864;
}
.dashboard-tabs__tab__arrow {
  width: 17px;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  cursor: pointer;
}
.dashboard-tabs__tab__arrow:before,
.dashboard-tabs__tab__arrow:after {
  content: '';
  z-index: 1;
  width: 1px;
  height: 6px;
  position: absolute;
  top: 19px;
  background: #666666;
  transition: transform 0.1s linear, background 0.1s linear;
}
.dashboard-tabs__tab__arrow:before {
  right: 2px;
  transform: rotate(45deg);
}
.dashboard-tabs__tab__arrow:after {
  right: 6px;
  transform: rotate(135deg);
}
.dashboard-tabs__tab_opened .dashboard-tabs__tab__arrow:before {
  transform: rotate(135deg);
}
.dashboard-tabs__tab_opened .dashboard-tabs__tab__arrow:after {
  transform: rotate(45deg);
}
.dashboard-tabs__tab:hover .dashboard-tabs__tab__arrow:before,
.dashboard-tabs__tab_opened .dashboard-tabs__tab__arrow:before,
.dashboard-tabs__tab:hover .dashboard-tabs__tab__arrow:after,
.dashboard-tabs__tab_opened .dashboard-tabs__tab__arrow:after {
  background: #333333;
}
.dashboard-tabs__tab__label {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dashboard-tabs__tab__dropdown {
  min-width: 100%;
  position: absolute;
  top: 100%;
  left: -10px;
  padding: 0px 10px;
  background: #fff;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3);
  border-top: 2px solid #01c864;
}
.dashboard-tabs__sub-tab {
  display: block;
  padding: 0px 10px;
  margin: 0px -10px;
  background: #fff;
  color: #666666;
  transition: background 0.1s linear, color 0.1s linear;
}
.dashboard-tabs__sub-tab:not(.dashboard-tabs__sub-tab_active):hover {
  background: #eee;
  color: #333333;
}
.dashboard-tabs__sub-tab_active {
  background: #01c864;
  color: #fff;
  cursor: default;
}
.system-edit-menu__background-veil {
  z-index: 12;
  position: fixed;
  top: 70px;
  right: 0px;
  bottom: 0px;
  left: 100%;
  background: #888888;
  opacity: 0;
  transition: opacity 0.1s linear;
}
.system-edit-menu_opened .system-edit-menu__background-veil {
  left: 0px;
  opacity: 0.6;
}
.system-edit-menu__popup {
  z-index: 13;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 360px;
  position: fixed;
  top: 70px;
  bottom: 0px;
  left: -360px;
  background: #fff;
  transition: left 0.1s linear, box-shadow 0.1s linear;
}
.system-edit-menu_opened .system-edit-menu__popup {
  left: 0px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}
.system-edit-menu__header {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  position: relative;
  padding: 18px 20px 13px;
}
.system-edit-menu__content {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  padding: 0px 20px;
  overflow-y: auto;
}
.system-edit-menu__actions {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  padding: 20px 20px 10px;
  text-align: right;
}
.system-edit-menu__actions .ae-button__button {
  vertical-align: top;
  margin-left: 10px;
}
.system-edit-menu__close {
  position: absolute;
  z-index: 10;
  width: 15px;
  height: 15px;
  cursor: pointer;
  right: 22px;
  top: 20px;
  opacity: 0.5;
  transition: opacity 0.1s linear;
}
.system-edit-menu__close::before,
.system-edit-menu__close::after {
  top: 0px;
  content: '';
  width: 2px;
  left: 50%;
  height: 21.21320344px;
  background: #ababab;
  display: block;
  position: absolute;
  transform: rotate(45deg);
  transform-origin: 50% 50%;
  margin: -2px 0 0;
}
.system-edit-menu__close::after {
  transform: rotate(-45deg);
}
.system-edit-menu__close:hover {
  opacity: 1;
}
.system-edit-menu.preloader:before {
  z-index: 11;
  border-radius: 7px;
  opacity: 0.8;
}
.system-edit-menu.preloader:after {
  z-index: 12;
}
.system-edit-menu__title {
  font: 11px 'RobotoBold', Arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #ababab;
  margin: 0px 0px 5px;
}
.system-edit-menu__alias {
  z-index: 2;
  margin-bottom: 10px;
}
.system-edit-menu .tags-selector {
  z-index: 1;
}
.system-edit-menu__meta {
  color: #666666;
  font-size: 14px;
  line-height: 19px;
  margin: 15px 0px 28px;
}
.system-edit-menu__meta__row {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 7px;
}
.system-edit-menu__meta__cell:first-child {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
}
.system-edit-menu__meta__cell:first-child:after {
  content: '';
  display: block;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  min-width: 18px;
}
.system-edit-menu__meta__cell:nth-child(2) {
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.system-edit-menu__child {
  margin-top: 20px;
}
.system-edit-menu__child .system-edit-menu__title {
  margin-right: -20px;
  margin-left: -20px;
  padding: 5px 20px;
  background: #f0f0f0;
  color: #ababab;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.system-edit-menu__child .system-edit-menu__meta {
  margin-bottom: 15px;
}
.system-edit-menu__child .system-edit-menu__alias {
  z-index: 0;
  margin: 0px;
}
.report-layout {
  padding-top: 110px;
  margin: 0px 30px;
  height: 100%;
  box-sizing: border-box;
}
.object-boarding-status {
  position: fixed;
  bottom: 0;
  right: 90px;
  z-index: 10;
}
.object-boarding-status__progress {
  width: 225px;
  padding: 16px 20px;
  background: rgba(255, 255, 255, 0.35);
  border-radius: 20px;
  cursor: pointer;
  margin-bottom: 30px;
  box-sizing: border-box;
  border: 1px solid transparent;
}
.object-boarding-status__progress:hover {
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(206, 206, 206, 0.7);
}
.tags-selector {
  position: relative;
}
.tags-selector__select .ae-droplist__content {
  max-height: 110px;
  padding: 5px 10px 10px;
}
.tags-selector__select_empty-suggest .ae-droplist__content {
  padding: 0px 10px;
}
.tags-selector_with-new .tags-selector__select .ae-droplist__content {
  padding-top: 45px;
}
.tags-selector_with-new .tags-selector__select_empty-suggest .ae-droplist__content {
  padding-top: 40px;
}
.tags-selector__select {
  padding-left: 0px;
  transition: padding-left 0.1s linear;
}
.tags-selector__select .ae-suggest__droplist {
  right: 0px;
}
.tags-selector__select .ae-multiselect__control .ae-droplist__droplist {
  box-sizing: border-box;
  width: 100%;
}
.tags-selector__select .ae-multiselect__control .ae-droplist__item {
  display: inline-block;
  max-width: 100%;
  vertical-align: top;
  padding: 0px;
  opacity: 0.9;
  transition: opacity 0.1s linear, box-shadow 0.1s linear;
}
.tags-selector__select .ae-multiselect__control .ae-droplist__item.ae-droplist__selected,
.tags-selector__select .ae-multiselect__control .ae-droplist__item:hover {
  opacity: 1;
  background: transparent;
}
.tags-selector__select .ae-multiselect__control .ae-droplist__item.ae-droplist__selected .ae-tag__tag,
.tags-selector__select .ae-multiselect__control .ae-droplist__item:hover .ae-tag__tag {
  box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.2);
}
.tags-selector__select .ae-multiselect__control .ae-droplist__item .ae-tag__tag {
  vertical-align: top;
  margin: 5px 5px 0px 0px;
  cursor: pointer;
}
.tags-selector__select .ae-multiselect__control .ae-droplist__disabled,
.tags-selector__select .ae-multiselect__control .ae-droplist__disabled:hover {
  opacity: 0.8;
}
.tags-selector__select .ae-multiselect__control .ae-droplist__disabled .ae-tag__tag,
.tags-selector__select .ae-multiselect__control .ae-droplist__disabled:hover .ae-tag__tag {
  cursor: default;
}
.tags-selector__select .ae-multiselect__control .tags-selector__select__new-tag {
  z-index: 1;
  display: block;
  height: 40px;
  position: absolute;
  top: 2px;
  right: 61px;
  left: 1px;
  padding: 0px 38px 0px 10px;
  border-width: 0px 1px 1px 0px;
  border-style: solid;
  border-color: #d6d6d6;
  background: #fff;
  line-height: 39px;
  opacity: 1;
}
.tags-selector__select .ae-multiselect__control .tags-selector__select__new-tag:not(.ae-droplist__disabled) {
  cursor: pointer;
}
.tags-selector__select .ae-multiselect__control .tags-selector__select__new-tag:not(.ae-droplist__disabled).ae-droplist__selected,
.tags-selector__select .ae-multiselect__control .tags-selector__select__new-tag:not(.ae-droplist__disabled):hover {
  background: #eee;
  color: inherit;
}
.tags-selector__select_empty-suggest .ae-multiselect__control .tags-selector__select__new-tag {
  margin-top: 0px;
  margin-bottom: 0px;
}
.tags-selector__select .ae-multiselect__control .tags-selector__select__tag.ae-droplist__item {
  text-overflow: inherit;
}
.tags-selector_empty .tags-selector__select {
  padding-left: 34px;
}
.tags-selector .color-select {
  z-index: 2;
  display: none;
  position: absolute;
  top: 100%;
  right: 1px;
  background: #fff;
}
.tags-selector .ae-multiselect__suggest-active + .color-select {
  display: block;
}
.tags-selector .ae-multiselect__suggest-active-blocked + .color-select {
  display: none;
}
.tags-selector .icon_round-info {
  position: absolute;
  top: 13px;
  left: -34px;
  opacity: 0;
  transition: opacity 0.1s linear, left 0.1s linear;
}
.tags-selector_empty .icon_round-info {
  left: 0px;
  opacity: 0.6;
}
.tags-selector__limit-message {
  height: 38px;
  line-height: 37px;
  text-align: center;
  background: #f4f4f4;
  border-width: 0px 1px 1px;
  border-style: solid;
  border-color: #d8d8d8;
}
.color-select .ae-select__select {
  width: 60px;
  padding-bottom: 0px;
}
.color-select .ae-select__control {
  height: 40px;
}
.color-select .ae-select__select:hover .ae-select__control {
  border-bottom-color: #ccc;
}
.color-select .ae-select__arrow::before {
  right: 10px;
  bottom: 14px;
}
.color-select .ae-select__arrow::after {
  right: 18px;
  bottom: 14px;
}
.color-select .ae-select__text {
  padding-top: 4px;
}
.color-select .ae-select__droplist {
  z-index: 2;
  position: absolute;
  top: -10px;
  left: -2px;
  right: -2px;
}
.color-select .ae-select__droplist .ae-droplist__droplist {
  width: 100%;
  margin-top: -1px;
  border-radius: 5px;
}
.color-select .ae-select__droplist .ae-droplist__droplist::before {
  display: none;
}
.color-select .ae-select__droplist .ae-droplist__droplist .ae-droplist__item {
  padding: 0px 6px 0px 0px;
}
.color-select .ae-select__droplist .ae-droplist__content {
  padding: 6px 0px;
}
.color-select__color {
  height: 28px;
  position: relative;
}
.color-select__color:before {
  content: '';
  position: absolute;
  top: 50%;
}
.color-select__color_white:before {
  background-color: transparent;
  background-size: cover;
}
.color-select__color_orange:before {
  background-color: #ff9100;
}
.color-select__color_pink:before {
  background-color: #fb64b0;
}
.color-select__color_blue:before {
  background-color: #564fc9;
}
.color-select__color_green:before {
  background-color: #01c864;
}
.color-select__color_aquamarine:before {
  background-color: #45a7a4;
}
.color-select__color_black:before {
  background-color: #5c5c5c;
}
.color-select__color_red:before {
  background-color: #db1a1a;
}
.color-select__color_brown:before {
  background-color: #c88c00;
}
.color-select__color_sky:before {
  background-color: #00b7ec;
}
.ae-select__text .color-select__color:before {
  width: 12px;
  height: 16px;
  left: 14px;
  margin-top: -6px;
  background-image: url('../img/dashboard/color-select__color.svg');
}
.ae-select__text .color-select__color_white:before {
  background-image: url('../img/dashboard/color-select__color_white.svg');
}
.ae-select__droplist .color-select__color:before {
  width: 16px;
  height: 22px;
  left: 16px;
  margin-top: -11px;
  background-image: url('../img/dashboard/color-select__color_big.svg');
}
.ae-select__droplist .color-select__color:hover:before {
  background-image: url('../img/dashboard/color-select__color_big-hover.svg');
}
.ae-select__droplist .color-select__color_white:before,
.ae-select__droplist .color-select__color_white:hover:before {
  background-image: url('../img/dashboard/color-select__color_white-big.svg');
}
/* Alerts page */
.alerts-page {
  height: 100%;
}
.alerts-page_loaded {
  background: #fff;
}
.alerts-page .content {
  max-width: 980px;
  margin: 0px auto;
}
.alerts-page__add-new .plus-icon {
  vertical-align: top;
  margin-right: 10px;
}
.alerts-page .footer {
  position: relative;
}
.alerts-empty {
  box-sizing: border-box;
  height: 100%;
  padding: 52px 0px 0px 55px;
  background: #f8f8f8;
  color: #888888;
}
.alerts-empty__title {
  margin-bottom: 3px;
  font: 36px 'RobotoMedium', Arial, sans-serif;
  font-weight: normal;
  color: #ccc;
}
.alerts-empty__note {
  margin-bottom: 35px;
}
.alerts-aside {
  box-sizing: border-box;
  width: 120px;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  padding: 18px 0px;
  border-left: 2px solid #eee;
  background: #fff;
  text-align: center;
}
.alerts-aside__title {
  margin-bottom: 13px;
  font-size: 22px;
}
.alerts-aside__count {
  position: relative;
  padding: 15px 0px;
  border-bottom: 1px solid #eee;
  cursor: pointer;
}
.alerts-aside__count:first-child {
  border-top: 1px solid #eee;
}
.alerts-aside__count_active,
.alerts-aside__count_disabled {
  cursor: default;
}
.alerts-aside__count:before {
  content: '';
  width: 0px;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: -2px;
  background: #01c864;
  transition: width 0.1s linear;
}
.alerts-aside__count_active:before {
  width: 2px;
}
.alerts-aside__count__value {
  font-size: 32px;
}
.alerts-aside__count__label {
  color: #888888;
}
.alerts-list {
  box-sizing: border-box;
  height: 100%;
  position: relative;
  padding-left: 120px;
}
.alerts-list__scroll {
  height: 100%;
  padding-right: 3px;
  overflow-y: scroll;
}
.alerts-list__inner {
  box-sizing: border-box;
  min-height: 100%;
  position: relative;
  padding-bottom: 43px;
  background: #f8f8f8;
}
.alerts-list__head {
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  padding: 10px;
  border-bottom: 1px solid #d8d8d8;
  background: rgba(248, 248, 248, 0.9);
}
.alerts-list__filter {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  height: 40px;
  position: relative;
  padding-left: 38px;
}
.alerts-list__filter:before {
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url('../img/icon/icon-search.svg');
  background-size: cover;
  position: absolute;
  top: 50%;
  left: 10px;
  margin: -6px 0px 0px;
  opacity: 0.7;
}
.alerts-list__filter .ae-input__native {
  background: transparent;
  border-bottom-color: transparent;
}
.alerts-list__add-new {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  padding-left: 20px;
}
.alerts-list__empty {
  max-width: 600px;
  margin: 10px auto 0px;
  font-size: 22px;
  color: #888888;
  text-align: center;
}
.alerts-list__empty-status,
.alerts-list__empty-query {
  font-family: 'RobotoBold', Arial, sans-serif;
  font-weight: normal;
}
.alerts-list__alerts {
  padding: 10px;
}
.alerts-list__footer {
  position: absolute;
  bottom: 0px;
  right: 0px;
  left: 0px;
}
.alert-item {
  position: relative;
  margin-top: 5px;
  background: #fff;
  border: 1px solid #fff;
  opacity: 1;
  transition: box-shadow 0.1s linear, opacity 0.1s linear;
}
.alert-item:hover {
  box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.15);
  opacity: 1;
}
.alert-item:first-child {
  margin-top: 0px;
}
.alert-item:before {
  content: 'OK';
  width: 62px;
  height: 18px;
  position: absolute;
  top: 16px;
  left: -1px;
  background: #01c864;
  text-align: center;
  font: 13px/16px 'RobotoMedium', Arial, sans-serif;
  font-weight: normal;
  color: #fff;
  transition: background 0.1s linear;
}
.alert-item_ongoing:before {
  content: 'Ongoing';
  background: #ff5559;
}
.alert-item_muted {
  background: transparent;
  border-color: #e0e0e0;
  opacity: 0.6;
}
.alert-item_muted:before {
  content: 'Muted';
  background: #888888;
}
.alert-item_muted:hover {
  box-shadow: none;
}
.alert-item__inner {
  box-sizing: border-box;
  min-height: 118px;
  position: relative;
  padding: 14px 14px 14px 85px;
  cursor: pointer;
}
.alert-item__actions {
  position: absolute;
  top: 14px;
  right: 14px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0px 0px 6px 2px rgba(255, 255, 255, 0.9);
  opacity: 0;
  transition: opacity 0.1s linear;
}
.alert-item:hover .alert-item__actions_enabled {
  opacity: 1;
}
.alert-item__actions .icon,
.alert-item:hover .alert-item__actions .icon,
.alert-item__actions__mute,
.alert-item:hover .alert-item__actions__mute {
  position: relative;
  opacity: 0.65;
  transition: opacity 0.1s linear;
}
.alert-item__actions .icon:before,
.alert-item:hover .alert-item__actions .icon:before,
.alert-item__actions__mute:before,
.alert-item:hover .alert-item__actions__mute:before {
  content: '';
  position: absolute;
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
}
.alert-item__actions .icon_remove,
.alert-item:hover .alert-item__actions .icon_remove,
.alert-item__actions .icon_settings,
.alert-item:hover .alert-item__actions .icon_settings {
  margin-right: 20px;
}
.alert-item__actions .icon_remove,
.alert-item:hover .alert-item__actions .icon_remove {
  vertical-align: top;
  margin-top: 2px;
}
.alert-item__actions_enabled .icon:hover,
.alert-item:hover .alert-item__actions_enabled .icon:hover,
.alert-item__actions_enabled .alert-item__actions__mute:hover,
.alert-item__actions_enabled .alert-item:hover .alert-item__actions__mute:hover,
.alert-item:hover .alert-item__actions_enabled .alert-item__actions__mute:hover,
.alert-item:hover .alert-item__actions_enabled .alert-item:hover .alert-item__actions__mute:hover {
  opacity: 1;
}
.alert-item__actions_enabled .icon,
.alert-item:hover .alert-item__actions_enabled .icon {
  cursor: pointer;
}
.alert-item__actions_enabled .icon:hover,
.alert-item:hover .alert-item__actions_enabled .icon:hover {
  opacity: 1;
}
.alert-item_muted .alert-item__actions {
  background: rgba(250, 250, 250, 0.8);
  box-shadow: 0px 0px 6px 2px rgba(250, 250, 250, 0.8);
  opacity: 1;
}
.alert-item_muted .alert-item__actions .icon {
  opacity: 0;
}
.alert-item__rule {
  margin-bottom: 12px;
  white-space: nowrap;
  font: 16px/20px 'RobotoMedium', Arial, sans-serif;
  font-weight: normal;
  color: #888888;
}
.alert-item__rule__metric {
  margin: 0px 5px;
  color: #333333;
}
.alert-item__rule__threshold {
  color: #333333;
  font: 20px/16px 'RobotoLight', Arial, sans-serif;
  font-weight: normal;
}
.alert-item__entity {
  margin-left: 2px;
}
.alert-item__entity:first-child {
  margin-left: 0px;
}
.alert-item__entity .attention-icon {
  vertical-align: top;
  margin-left: 4px;
  padding-top: 2px;
}
.alert-item__footer {
  margin-top: 25px;
  font-size: 12px;
  color: #888888;
}
.alert-item__subscribers-toggle {
  position: absolute;
  right: 14px;
  bottom: 14px;
  padding-right: 18px;
  font-size: 12px;
  color: #888888;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  transition: color 0.1s linear;
}
.alert-item__subscribers-toggle:before,
.alert-item__subscribers-toggle:after {
  content: '';
  width: 2px;
  height: 7px;
  position: absolute;
  top: 5px;
  background: #888888;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  transition: transform 0.1s linear, background 0.1s linear;
}
.alert-item__subscribers-toggle:before {
  right: 4px;
  transform: rotate(45deg);
}
.alert-item__subscribers-toggle:after {
  right: 8px;
  transform: rotate(135deg);
}
.alert-item_subscribers .alert-item__subscribers-toggle:before {
  transform: rotate(135deg);
}
.alert-item_subscribers .alert-item__subscribers-toggle:after {
  transform: rotate(45deg);
}
.alert-item__subscribers-toggle:hover,
.alert-item_subscribers .alert-item__subscribers-toggle {
  color: #333333;
}
.alert-item__subscribers-toggle:hover:before,
.alert-item_subscribers .alert-item__subscribers-toggle:before,
.alert-item__subscribers-toggle:hover:after,
.alert-item_subscribers .alert-item__subscribers-toggle:after {
  background: #333333;
}
.alert-item__subscribers {
  display: none;
  padding: 14px 14px 14px 85px;
  border-top: 1px solid #e3e3e3;
}
.alert-item_subscribers .alert-item__subscribers {
  display: block;
}
.alert-item__subscriber {
  position: relative;
  margin-top: 10px;
  padding-left: 25px;
}
.alert-item__subscriber:first-child {
  margin-top: 0px;
}
.alert-item__subscriber_unverified {
  color: #888888;
}
.alert-item__subscriber .icon_user {
  position: absolute;
  top: 50%;
  left: 0px;
  margin-top: -7px;
}
.alert-item__subscriber_unverified .icon_user {
  opacity: 0.4;
}
.alert-item__subscriber__note {
  font-style: italic;
}
.alert-details {
  min-height: 300px;
}
.alert-details__rule {
  margin-bottom: 20px;
  font: 18px 'RobotoMedium', Arial, sans-serif;
  font-weight: normal;
}
.alert-details__empty {
  width: 425px;
  margin: 40px auto 30px;
  color: #888888;
  font-size: 16px;
  text-align: center;
}
.alert-details__empty-title {
  margin-bottom: 5px;
  color: #333333;
  font: 18px 'RobotoMedium', Arial, sans-serif;
  font-weight: normal;
}
.alert-details .ae-popup__actions {
  padding-bottom: 12px;
  background: #fff;
  font-size: 12px;
  color: #888888;
}
.alert-details-item {
  margin: 0px -40px 20px;
  padding: 20px 40px 0px;
  border-top: 1px solid #ccc;
}
.alert-details-item__row {
  margin-bottom: 5px;
}
.alert-details-item__tag {
  vertical-align: top;
  margin-left: 5px;
}
.alert-details-item__last-checked {
  float: right;
  margin-top: 2px;
  color: #888888;
  font-size: 12px;
}
.alert-details-item__value {
  font-family: 'RobotoMedium', Arial, sans-serif;
  font-weight: normal;
}
.alert-details-item__graph {
  margin-top: 20px;
}
/* Account popup */
.password-widget__msg {
  margin-bottom: 10px;
  color: #64696e;
}
.password-widget .input {
  display: block;
  margin-bottom: 10px;
  width: 290px;
}
.password-widget .input__native {
  line-height: 30px;
}
.password-widget .input__placeholder {
  line-height: 30px;
}
/* Placeholders */
.placeholder {
  font: 20px 'RobotoLight', Arial, sans-serif;
  font-weight: normal;
  color: #787d82;
  padding: 18px;
}
.edit-alert.ae-popup__popup {
  width: 700px;
}
.edit-alert .ae-popup__header {
  padding-left: 30px;
}
.edit-alert .ae-popup__error {
  margin-top: -30px;
  margin-right: -30px;
  margin-left: -30px;
}
.edit-alert .ae-popup__content {
  padding-top: 30px;
  padding-right: 30px;
  padding-left: 30px;
}
.edit-alert .ae-popup__actions {
  padding-right: 30px;
  padding-left: 30px;
}
.edit-alert__title {
  margin-bottom: 5px;
  color: #888888;
  font: 11px/11px 'RobotoBold', Arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 1.3px;
}
.edit-alert__text-row {
  margin-top: 10px;
}
.edit-alert__row {
  margin-top: 25px;
}
.edit-alert__row_flex {
  display: -ms-flexbox;
  display: flex;
}
.edit-alert__column {
  display: inline-block;
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
  vertical-align: top;
}
.edit-alert__column_flex {
  -ms-flex-positive: 1;
      flex-grow: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.edit-alert__label {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  font: 11px/45px 'RobotoBold', Arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 1.3px;
  color: #888888;
}
.edit-alert .metric-selector {
  width: 100%;
}
.edit-alert__period-selector {
  width: 70px;
  display: inline-block;
  vertical-align: top;
}
.edit-alert__period-selector .ae-droplist__item {
  padding-right: 0px;
  padding-left: 10px;
}
.edit-alert__as-text {
  height: 47px;
  line-height: 44px;
  font-size: 18px;
}
.edit-alert__threshold-operator,
.edit-alert__threshold-value,
.edit-alert__threshold-unit {
  display: inline-block;
  vertical-align: top;
}
.edit-alert__threshold-operator {
  width: 95px;
  margin-right: 10px;
}
.edit-alert__threshold-operator .ae-droplist__item {
  padding-right: 0px;
  padding-left: 10px;
}
.edit-alert__threshold-value {
  width: 80px;
  -ms-flex-positive: 1;
      flex-grow: 1;
  margin: -1px 10px 0px 0px;
}
.edit-alert__threshold-value .ae-input__native {
  height: 47px;
}
.edit-alert__threshold-value .ae-input__native:focus,
.edit-alert__threshold-value .ae-input__error,
.edit-alert__threshold-value .ae-input__error:focus {
  height: 48px;
}
.edit-alert__threshold-value .ae-input__native:not([value=""]) {
  text-align: center;
}
.edit-alert__threshold-unit {
  width: 80px;
  margin-right: 10px;
}
.edit-alert__threshold-unit .ae-droplist__item {
  padding-right: 0px;
  padding-left: 10px;
}
.edit-alert__period-selector .ae-droplist__droplist,
.edit-alert__threshold-operator .ae-droplist__droplist,
.edit-alert__threshold-unit .ae-droplist__droplist {
  width: auto;
}
.edit-alert__threshold-unit.edit-alert__as-text {
  width: auto;
}
.edit-alert__email .ae-droplist__item {
  position: relative;
  padding-right: 35px;
}
.edit-alert__email .ae-droplist__item .icon_round-info {
  position: absolute;
  top: 50%;
  right: 10px;
  padding: 10px;
  margin-top: -10px;
}
.edit-alert__actions-button {
  float: right;
  margin-left: 10px;
}
.edit-widget {
  background: #eee;
}
.edit-widget__title {
  width: 350px;
  margin-top: 2px;
}
.edit-widget__custom-param-checkbox {
  position: absolute;
  right: 30px;
  top: 65px;
}
.edit-widget__custom-param-checkbox .ae-checkbox__label {
  color: #ababab;
}
.edit-widget__metric {
  position: relative;
  margin: 0px -40px;
  padding: 20px 40px;
  border-top: 5px solid #eee;
}
.edit-widget__metric:first-child {
  margin-top: -20px;
  border-top: none;
}
.edit-widget__metric__row {
  margin-top: 16px;
}
.edit-widget__metric__title {
  margin-bottom: 5px;
  color: #888;
  font: 11px/11px 'RobotoBold', Arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 1.3px;
}
.edit-widget__metric__is-rate {
  display: inline-block;
  margin-left: 30px;
  vertical-align: top;
  line-height: 47px;
}
.edit-widget__metric__remove {
  width: 24px;
  height: 25px;
  position: absolute;
  top: 24px;
  right: 28px;
  cursor: pointer;
  opacity: 0.4;
  transition: opacity 0.1s linear;
}
.edit-widget__metric__remove:hover {
  opacity: 1;
}
.edit-widget__metric__remove::before {
  content: '';
  width: 14px;
  height: 15px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -7px 0px 0px -7px;
  background-image: url('../img/custom-dashboard/edit-widget__metric__remove.svg');
  background-size: cover;
}
.edit-widget__metric__aggregation {
  margin-top: 15px;
  padding-bottom: 3px;
  font-family: 'RobotoMedium', Arial, sans-serif;
  font-weight: normal;
  white-space: nowrap;
}
.edit-widget__metric__aggregation .ae-radio__radio {
  margin-left: 10px;
}
.edit-widget__metric_with-filters .edit-widget__metric__aggregation {
  float: left;
  margin-right: 20px;
}
.edit-widget__metric__filters {
  margin-top: 15px;
}
.edit-widget__metric__filters-control {
  font-family: 'RobotoMedium', Arial, sans-serif;
  font-weight: normal;
}
.edit-widget__metric__filters-select.ae-multiselect__suggest-active .ae-suggest__suggest .ae-input__native,
.edit-widget__metric__filters-select.ae-multiselect__suggest .ae-suggest__suggest .ae-input__native:not([value=""]) {
  min-width: 185px;
}
.edit-widget__metric__label-select {
  width: 350px;
}
.edit-widget__metric__note-control {
  float: right;
  position: relative;
  margin-top: 2px;
  padding-left: 20px;
  color: #888;
  cursor: pointer;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  transition: color 0.1s linear;
}
.edit-widget__metric__note-control:before {
  content: '';
  position: absolute;
  top: 2px;
  left: 0px;
  padding: 12px;
  background-image: url('../img/icon/icon_round-info.svg');
  background-size: cover;
  opacity: 0.4;
  padding: 8px;
  opacity: 0.6;
  transition: opacity 0.1s linear;
}
.edit-widget__metric__note-control:hover,
.edit-widget__metric__note-control_active {
  color: #333;
}
.edit-widget__metric__note-control:hover:before,
.edit-widget__metric__note-control_active:before {
  opacity: 0.8;
}
.edit-widget__metric__note-content {
  margin-top: 15px;
  padding: 0px 20px;
  border-left: 2px solid #ddd;
  color: #666;
}
.edit-widget__metric__note-content .link {
  color: #0061ce;
}
.edit-widget__metric__note-row {
  margin-bottom: 10px;
}
.edit-widget__metric.preloader:before {
  display: none;
}
.edit-widget__metric.preloader:after {
  top: 62px;
  left: 22px;
}
.edit-widget__attention {
  z-index: 10;
  position: relative;
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  margin: -20px -40px 20px;
  padding: 15px 40px;
  background: #ffcb2c;
  opacity: 0.95;
  cursor: pointer;
}
.edit-widget__attention:before,
.edit-widget__attention:after {
  content: '';
  width: 2px;
  height: 12px;
  position: absolute;
  top: 19px;
  background: #333;
  opacity: 0.6;
  transition: transform 0.1s linear, background 0.1s linear;
}
.edit-widget__attention:before {
  right: 36px;
  transform: rotate(45deg);
}
.edit-widget__attention:after {
  right: 44px;
  transform: rotate(135deg);
}
.edit-widget__attention_expanded:before {
  transform: rotate(135deg);
}
.edit-widget__attention_expanded:after {
  transform: rotate(45deg);
}
.edit-widget__attention__metrics {
  margin: 10px 0px;
  padding-left: 10px;
}
.edit-widget__attention__metric {
  position: relative;
}
.edit-widget__attention__metric:before {
  content: '';
  position: absolute;
  top: 50%;
  left: -10px;
  margin-top: -1px;
  padding: 1.5px;
  border-radius: 3px;
  background: #333;
}
.edit-widget__add-metric {
  margin: 0px -40px -20px;
  padding: 20px 40px;
  background: #eeeeee;
}
.edit-widget__add-metric .plus-icon {
  vertical-align: top;
  margin-right: 10px;
}
.edit-widget__actions-button {
  float: right;
  margin-left: 10px;
}
.edit-widget__clearfix {
  clear: both;
}
.install-step {
  width: 800px;
  background: #ffffff;
  margin: 65px 0px 100px;
  box-shadow: 0px 5px 10px 0px rgba(49, 55, 65, 0.2);
}
.install-step_1 .install-step__header {
  background: #01c864;
}
.install-step_2 .install-step__header {
  background: #9d45ba;
}
.install-step_3 .install-step__header {
  background: #5036d1;
}
.install-step a {
  color: #0061ce;
}
.install-step__header {
  color: #ffffff;
  padding: 20px 0 20px 80px;
  background: #9d45ba;
  position: relative;
}
.install-step__close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 20px;
  height: 18px;
  cursor: pointer;
  z-index: 1;
}
.install-step__close::before,
.install-step__close::after {
  content: '';
  display: block;
  width: 2px;
  height: 26px;
  position: absolute;
  top: 0;
  left: 9px;
  background: #ffffff;
}
.install-step__close::before {
  transform: rotate(45deg);
}
.install-step__close::after {
  transform: rotate(135deg);
}
.install-step__number {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: -46px;
  height: 100%;
  vertical-align: middle;
  display: table-cell;
  font-size: 42px;
  font-style: italic;
  color: rgba(255, 255, 255, 0.6);
}
.install-step__number:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
  /* Adjusts for spacing */
}
.install-step__number-value {
  display: inline-block;
  vertical-align: middle;
}
.install-step__header-content {
  padding-left: 20px;
  padding-right: 65px;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
}
.install-step__title {
  font-weight: normal;
  font-size: 18px;
  margin: 0 0 6px 0;
}
.install-step__description {
  font-size: 14px;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.6);
  margin: 0px;
}
.install-step__substep {
  padding: 15px 100px 7px;
  border-bottom: 1px solid #eeeeee;
}
.install-step__h3 {
  font-size: 18px;
  font-weight: normal;
  margin: 0px 0px 7px;
}
.install-step__h4 {
  font-size: 14px;
  margin: 0px 0px 7px 2ex;
  text-indent: -2ex;
}
.install-step__p {
  font-size: 14px;
  line-height: 1.4;
  margin: 7px 0px 6px;
}
.install-step__pre-inline,
.install-step__pre,
.install-step__pre-copy {
  font-family: 'Courier';
  margin-bottom: 10px;
  white-space: pre;
  border-radius: 3px;
  background: #eeeeee;
  overflow: auto;
  line-height: 1.4;
  padding: 7px;
}
.install-step__pre-copy {
  cursor: pointer;
}
.install-step__pre-copy:hover::before,
.install-step__pre-copy_copied::before {
  content: 'Click to copy';
  position: absolute;
  color: #676565;
  font: 10px 'RobotoMedium', Arial, sans-serif;
  font-weight: normal;
  margin-top: -20px;
  background: #eeeeee;
  padding: 3px 5px 0px;
  border-radius: 4px 4px 0px 0px;
}
.install-step__pre-copy_copied::before,
.install-step__pre-copy_copied:hover::before {
  content: 'Copied!';
}
.install-step__incut {
  font-size: 14px;
  line-height: 1.4;
  padding-left: 18px;
  border-left: 2px solid #cccccc;
  color: #666666;
  margin-bottom: 20px;
  margin-top: 25px;
}
.install-step__attention {
  font-style: italic;
  color: #d8a50e;
  font-size: 18px;
  padding-left: 13px;
  border-left: 2px solid #d8a50e;
  margin-bottom: 25px;
}
.install-step__note {
  font-style: italic;
  color: #666666;
  margin-bottom: 15px;
}
.install-step__docs {
  vertical-align: middle;
  margin-right: 19px;
}
.install-step__footer {
  background: #f2f2f2;
  padding-left: 100px;
  line-height: 70px;
}
.install-step__right-btn {
  float: right;
  margin-left: 50px;
}
@keyframes progress {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.install-loader {
  height: 80px;
  width: 472px;
  color: #fff;
  border-radius: 40px;
  margin: 50px auto 0;
  position: relative;
  text-align: center;
}
.install-loader_agent {
  background: #01c864;
}
.install-loader_stubstatus {
  background: #9d45ba;
}
.install-loader__title {
  font-weight: normal;
  font-size: 18px;
  margin: 0;
  padding-top: 15px;
}
.install-loader__subtitle {
  font-weight: normal;
  font-size: 14px;
  margin: 0;
}
.install-loader__progress,
.install-loader__success {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 20px;
  right: 20px;
}
.install-loader__progress {
  animation-name: preloader;
  animation-duration: 1.5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  background: url('../img/install-loader/install-loader__progress.svg') no-repeat 0 0;
}
.install-loader__success {
  background: url('../img/install-loader/install-loader__success.svg') no-repeat 0 0;
}
.install-loader__stop {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 32px;
  right: 31px;
  cursor: pointer;
  background: url('../img/install-loader/install-loader__stop.svg') no-repeat 0 0;
}
.new-system-wizard {
  position: fixed;
  top: 70px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 12;
  background: rgba(0, 0, 0, 0.25);
  overflow-y: scroll;
}
.new-system-wizard_wide {
  background: #f8f8f8;
}
.new-system-wizard__content {
  width: 800px;
  margin: 0px auto;
}
/* New lego */
.metric-selector {
  display: inline-block;
  width: 350px;
}
.metric-selector__docs-tooltip {
  max-width: 338px;
}
.metric-selector__docs-tooltip__title {
  margin-bottom: 10px;
  font: 16px 'RobotoMedium', Arial, sans-serif;
  font-weight: normal;
}
.metric-selector__docs-tooltip__content table {
  border-collapse: collapse;
}
.metric-selector__docs-tooltip__content table td {
  padding: 2px 0px;
  vertical-align: top;
  color: #6b6b6b;
}
.metric-selector__docs-tooltip__content table td:first-child {
  padding-right: 10px;
  font: 12px/18px 'RobotoBold', Arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 1.3px;
  color: #ccc;
}
.metric-selector .ae-droplist__item {
  position: relative;
  padding-right: 35px;
}
.metric-selector .ae-droplist__item .icon {
  position: absolute;
  top: 50%;
  right: 10px;
  padding: 10px;
  margin-top: -10px;
  opacity: 0;
}
.metric-selector .ae-droplist__item:hover .icon,
.metric-selector .ae-droplist__selected .icon {
  opacity: 0.6;
}
.button-with-limit {
  position: relative;
}
.button-with-limit__dropdown {
  z-index: 10;
  width: 322px;
  position: absolute;
  right: 50%;
  margin: 3px -30px 0px 0px;
  padding: 15px;
  border: 1px solid #e3e3e3;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
}
.button-with-limit__dropdown:before,
.button-with-limit__dropdown:after {
  content: '';
  display: block;
  position: absolute;
  right: 22px;
  bottom: 100%;
  border-width: 0px 7px 7px;
  border-style: solid;
}
.button-with-limit__dropdown:before {
  border-color: transparent transparent #e3e3e3;
}
.button-with-limit__dropdown:after {
  margin-bottom: -1px;
  border-color: transparent transparent #fff;
}
.button-with-limit__title {
  margin-bottom: 2px;
  font-family: 'RobotoMedium', Arial, sans-serif;
  font-weight: normal;
}
.button-with-limit__text {
  margin-bottom: 20px;
}
.button-with-limit__text a {
  text-decoration: underline;
}
.overview-board {
  height: 100%;
  background: #333333;
}
.overview-board .content {
  overflow-y: scroll;
}
.overview-container {
  box-sizing: border-box;
  width: 980px;
  min-height: 100%;
  position: relative;
  margin: 0px auto;
  padding: 18px 0px 44px;
}
.overview-container .preloader {
  margin-top: 140px;
}
.overview-container__header {
  margin-bottom: 15px;
}
.overview-container__header .timewindow-chooser {
  float: right;
}
.overview-container__h1 {
  font: 24px/36px 'RobotoRegular', Arial, sans-serif;
  font-weight: normal;
  color: #FFFFFF;
  letter-spacing: 0;
  margin: 0px;
}
.overview-container__content {
  display: -ms-flexbox;
  display: flex;
  /* Safari 10.0, EDGE hack */
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  width: 980px;
}
.overview-container_css-grid .overview-container__content {
  display: -ms-grid;
  display: grid;
  grid-gap: 10px;
  -ms-grid-columns: (320px)[3];
      grid-template-columns: repeat(3, 320px);
  width: auto;
}
.overview-container:not(.overview-container_css-grid) .overview-box,
.overview-container:not(.overview-container_css-grid) .overview-score-box {
  margin-right: 10px;
  margin-bottom: 10px;
}
.overview-container:not(.overview-container_css-grid) .overview-box:nth-child(3n+0) {
  margin-right: 0px;
}
.overview-container .timewindow-chooser__list-item {
  color: #ffffff;
}
@keyframes alert {
  0% {
    box-shadow: 0 0 0 0px rgba(253, 201, 210, 0);
  }
  60%,
  80% {
    box-shadow: 0 0 0 3px #fdc9d2;
  }
  100% {
    box-shadow: 0 0 0 3px rgba(253, 201, 210, 0);
  }
}
.overview-box {
  width: 320px;
  height: 260px;
  position: relative;
  padding: 11px 18px 0 18px;
  box-sizing: border-box;
  background: #fff;
}
.overview-box_loading .overview-box__l,
.overview-box_loading .overview-box__r,
.overview-box_loading .overview-box__chart {
  opacity: 0.15;
}
.overview-box__title {
  font: 16px 'RobotoBold', Arial, sans-serif;
  font-weight: normal;
  color: #333333;
  letter-spacing: 0;
  margin: 0;
}
.overview-box__alerts {
  font: 14px 'RobotoMedium', Arial, sans-serif;
  font-weight: normal;
  color: #666666;
  letter-spacing: -0.07px;
  padding-left: 23px;
  position: relative;
  margin-left: 13px;
}
.overview-box__alerts:before {
  content: '';
  background: url('../img/overview-box/alert.svg') no-repeat 100%;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  position: absolute;
  left: 0;
  top: 2px;
  box-sizing: border-box;
  outline: 0 solid rgba(253, 201, 210, 0);
  animation: alert 2.5s infinite;
  animation-delay: 1.5s;
}
.overview-box__l {
  position: absolute;
  top: 66px;
  left: 21px;
  height: 71px;
  transition: opacity 1s;
}
.overview-box__l__content {
  position: absolute;
  bottom: 0px;
  left: -3px;
  white-space: nowrap;
}
.overview-box__l__val {
  font: 56px/50px 'RobotoRegular', Arial, sans-serif;
  font-weight: normal;
  color: #333333;
  letter-spacing: -2px;
}
.overview-box__l__unit {
  font-size: 16px;
  margin-left: 8px;
  text-transform: lowercase;
}
.overview-box__l__delta {
  vertical-align: top;
  font: 14px 'RobotoBold', Arial, sans-serif;
  font-weight: normal;
  color: #0061ce;
  position: absolute;
  margin-left: 9px;
  margin-top: 2px;
}
.overview-box__r {
  position: absolute;
  height: 72px;
  top: 66px;
  right: 18px;
  transition: opacity 1s;
}
.overview-box__r__content {
  position: absolute;
  bottom: 0;
  right: 0;
  white-space: nowrap;
}
.overview-box__r__val {
  font: 28px/28px 'RobotoRegular', Arial, sans-serif;
  font-weight: normal;
  color: #888888;
  letter-spacing: -1.17px;
  position: absolute;
  bottom: 0;
  right: 2px;
}
.overview-box__r__unit {
  font-size: 12px;
  line-height: 12px;
  margin-left: 4px;
  text-transform: lowercase;
}
.overview-box__value-title {
  margin: 0px;
  text-transform: uppercase;
  font: 10px 'RobotoBold', Arial, sans-serif;
  font-weight: normal;
  color: #888888;
  letter-spacing: 1.82px;
}
.overview-box__r .overview-box__value-title {
  text-align: right;
}
.overview-box__chart {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 320px;
  height: 100px;
  transition: opacity 1s;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
@media (max-height: 678px) {
  .overview-box {
    height: 235px;
  }
  .overview-box__l,
  .overview-box__r {
    top: 46px;
  }
}
.overview-score-box {
  position: relative;
  background: #03BD3D;
  color: #fff;
  padding: 35px 20px 0 20px;
  width: 320px;
  box-sizing: border-box;
}
.overview-score-box_loading .overview-score-box__stats,
.overview-score-box_loading .overview-score-box__score,
.overview-score-box_loading .overview-score-box__title {
  opacity: 0.15;
}
.overview-score-box__settings {
  position: absolute;
  background: url('../img/overview-score-box/settings.svg') no-repeat 100%;
  right: 15px;
  top: 13px;
  width: 19px;
  height: 19px;
  opacity: 0.6;
  cursor: pointer;
  transition: opacity 0.1s;
}
.overview-score-box__settings:hover {
  opacity: 1;
}
.overview-score-box__score {
  font-size: 72px;
  font-weight: normal;
  letter-spacing: -2px;
  margin: 0 0 5px;
  text-align: center;
  line-height: 72px;
  transition: opacity 1s;
}
.overview-score-box__title {
  font-size: 16px;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 25px;
  margin: 0px;
  padding-bottom: 21px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  text-align: center;
  margin-bottom: 18px;
  transition: opacity 1s;
}
.overview-score-box__stats {
  table-layout: fixed;
  width: 100%;
  font-size: 14px;
  line-height: 25px;
  transition: opacity 1s;
}
.overview-score-box__stats td:nth-child(2) {
  text-align: right;
}
@media (max-height: 678px) {
  .overview-score-box {
    padding-top: 15px;
  }
  .overview-score-box__title {
    margin-bottom: 14px;
    padding-bottom: 16px;
  }
}
.overview-settings-popup.ae-popup__popup {
  width: 480px;
}
.overview-settings-popup__h3 {
  font: 11px 'RobotoMedium', Arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  opacity: 0.6;
  color: #333333;
  letter-spacing: 2px;
  margin: 0px 0px 11px;
}
.overview-settings-popup__h3 .icon {
  float: right;
}
.overview-settings-popup__tags {
  margin-bottom: 20px;
}
.overview-settings-popup__tooltip {
  font-size: 12px;
  max-width: 400px;
}
.overview-settings-popup__tooltip-formula {
  white-space: nowrap;
}
.overview-settings-list {
  /* TODO: remove max-width from amplify-elements */
}
.overview-settings-list__checkbox {
  display: block;
  font-size: 18px;
  line-height: 50px;
  color: #333333;
}
.overview-settings-list__pctl-value {
  font-size: 18px;
  line-height: 50px;
}
.overview-settings-list__pctl-input {
  display: inline-block;
  width: 50px;
}
.overview-settings-list__pctl-input .ae-input__native {
  text-align: center;
}
.overview-settings-list .ae-input__error-msg {
  max-width: none;
  white-space: nowrap;
}
/* Login from plus dashboard */
.plus-dashboard-login {
  height: 100%;
  background: #000;
  color: #fff;
}
.plus-dashboard-login__close {
  position: absolute;
  top: 21px;
  right: 27px;
  padding: 5px;
  cursor: pointer;
  opacity: 0.85;
  transition: opacity 0.1s linear;
}
.plus-dashboard-login__close:hover {
  opacity: 1;
}
.plus-dashboard-login__close__icon {
  position: absolute;
  z-index: 10;
  width: 16px;
  height: 16px;
  cursor: pointer;
  display: block;
  position: relative;
}
.plus-dashboard-login__close__icon::before,
.plus-dashboard-login__close__icon::after {
  top: 0px;
  content: '';
  width: 2px;
  left: 50%;
  height: 22.627417px;
  background: #fff;
  display: block;
  position: absolute;
  transform: rotate(45deg);
  transform-origin: 50% 50%;
  margin: -2px 0 0;
}
.plus-dashboard-login__close__icon::after {
  transform: rotate(-45deg);
}
.plus-dashboard-login__form {
  width: 400px;
  margin: 0 auto;
}
.plus-dashboard-login__form__signup {
  z-index: 2;
  position: relative;
  margin-top: 14px;
  margin-right: 38px;
}
.plus-dashboard-login__form__learn-more {
  display: block;
  margin-top: 25px;
  text-align: center;
  color: #999;
  transition: color 0.1s linear;
}
.plus-dashboard-login__form__learn-more:hover {
  color: #fff;
}
.plus-dashboard-login .login-form {
  padding-top: 8px;
  padding-bottom: 0px;
}
.plus-dashboard-login .login-form__head {
  display: none;
}
.plus-dashboard-login__get-id {
  text-align: center;
  padding-top: 20px;
  font: 30px 'RobotoLight', Arial, sans-serif;
  font-weight: normal;
}
.plus-dashboard-login__get-id .preloader {
  margin-top: 65px;
}
.plus-dashboard-login__get-id .preloader:after {
  margin: -20px 0px 0px -20px;
  padding: 18px;
  border-width: 2px;
  border-color: #fff #fff transparent;
}
/* New UI version select */
.ui-version-select-popup {
  width: 400px;
}
.ui-version-select-popup button {
  margin-left: 10px;
  width: 110px;
}